.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.padding-tb100{padding: 100px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb40{padding: 40px 0;}
.padding-lr10{padding: 0 10px;}
.padding-lr5{padding: 0 5px;}
.margin-t40{margin-top: 40px;}
.margin-t20{margin-top: 20px;}
.title{font: bold 24px/1.6 '';color: #333;}
.content-text{font-size: 16px;line-height: 2;color: #5a5a5a;}
.text-p p{margin-bottom: 0;}
.bg{background: #f4f4f4;}

@media(max-width: 996px){
    .padding-tb100{padding: 60px 0;}
    .padding-tb60{padding: 45px 0;}
    .padding-tb40{padding: 30px 0;}
    .padding-lr10{padding: 0 5px;}
    .padding-lr5{padding: 0 10px;}
    .margin-t40{margin-top: 30px;}
    .title{font-size: 20px;}
    .content-text{font-size: 14px;}
}


.cn_title{color: #d12020;line-height: 1;position: relative;}
.cn_title span{font-size: 60px;color: #f5f5f5;}
.cn_title_c  span{color: #eeeeee;}
.cn_title i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cn_title_1{font-size: 36px;}
.about_l{width: 50%;height: 580px;}
.about_r{width: 50%;padding: 0 12% 0 4%;}
.about_text{margin: 5% 0 10%;max-height: 320px;overflow-y: auto;padding-right: 10px;}
.about_text::-webkit-scrollbar{width: 4px;background-color: #e6e6e6;}
.about_text::-webkit-scrollbar-thumb{background-color: #d12020;}
a.more{display: block;width: 320px;height: 60px;line-height: 60px;text-align: center;font-size: 16px;background: #2b2b2b;position: relative;}
a.more span{width: 68.75%;display: block;background: #d12020;color: #fff;}
a.more i{width: 32.25%;height: 60px;background: url(../images/arrow.png) center center no-repeat;position: absolute;top: 0;right: 0;}

.innews a{display: block;background: #fff;}
.innews a .box_h{height: 355px;}
.innews a .news_con{padding: 10px;}
.innews a .news_con h3{font-size: 18px;font-weight: 600;color: #333;}
.innews a .news_con h4{margin-top: 10px;font-size: 16px;color: #888;line-height: 1.7;-webkit-line-clamp: 2;height: 3.4em;}
ul.news_list li a{width: 100%;height: 100px;padding: 20px;background: #fff;display: block;}
ul.news_list li a .box_time:before{content: "";width: 1px;height: 60px;background: #ececec;position: absolute;top: 0;left: 70px;}
ul.news_list li a h5{font-size: 32px;font-weight: bold;line-height: 1.4;color: #333;}
ul.news_list li a h6{font-size: 14px;color: #333;}
ul.news_list li a .box_text{padding: 7px 0 7px 90px;}
ul.news_list li a h3{font-size: 16px;font-weight: bold;color: #333;}
ul.news_list li a h4{margin-top: 15px;font-size: 14px;color: #999;}
.innews a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.innews a:hover,ul.news_list li a:hover{background: #d12020;box-shadow: rgb(39 4 49/22%) 0px 3px 18px 2px;-webkit-box-shadow: rgb(39 4 49/22%) 0px 3px 18px 2px;}
.innews a:hover .news_con h3,.innews a:hover .news_con h4,ul.news_list li a:hover h5,ul.news_list li a:hover h6,ul.news_list li a:hover h3,ul.news_list li a:hover h4{color: #fff;}

ul.cooperate{margin: 40px -10px -10px;}
ul.cooperate li{width: 16.66%;padding: 10px;}
ul.cooperate li .img{height: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center;border: 1px solid #ececec;}
ul.cooperate li .img img{max-width: 100%;max-height: 100%;}

@media(max-width: 996px){
    .cn_title span{font-size: 36px;}
    .cn_title_1,ul.news_list li a h5{font-size: 26px;}
    .about_l{width: 100%;height: auto;}
    .about_r{width: 100%;padding: 20px 15px 60px;}
    .about_text{margin: 20px 0 40px;max-height: inherit;padding-right: 0;}
    a.more{width: 180px;height: 40px;line-height: 40px;font-size: 14px;}
    a.more i{height: 40px;background-size: 50%;}

    .innews a .box_h{height: 200px;}
    .innews a .news_con h3{font-size: 16px;}
    .innews a .news_con h4{font-size: 14px;}
    ul.news_list li a{height: 70px;padding: 10px;}
    ul.news_list li a .box_time:before{;height: 50px;left: 65px;}
    ul.news_list li a .box_text{padding: 5px 0 5px 80px;}
    ul.news_list li a h4{margin-top: 10px;}
    ul.cooperate{margin: 40px -4px -4px;}
    ul.cooperate li{width: 33.3%;padding: 4px;}
    ul.cooperate li .img{height: 64px;}
}


.about_desc img{width: 100%;max-width: 640px;float: left;padding: 0 30px 10px 0;}
html.lb-disable-scrolling {overflow: hidden;position: fixed;height: 100vh;width: 100vw;}
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;max-width: inherit;max-height: none;border-radius: 3px;border: 4px solid white;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;*zoom: 1;width: auto;height: 250px;margin: 0 auto;border-radius: 4px;background-color: white;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;background-image: url('../images/a06b9431240c47bc9f7a6c50e66be581.gif');}
.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev {width: 24%;left: 0;float: left;background: url(../images/prev.png) left 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 24%;right: 0;float: right;background: url(../images/next.png) right 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer{margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #ccc;}
.lb-data .lb-details{width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption{font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-caption a{color: #4ae;}
.lb-data .lb-number{display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999;}
.lb-data .lb-close{display: block;float: right;width: 30px;height: 30px;background: url(../images/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover{cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

.history{padding-left: 170px;min-height: 50px;}
.history span{width: 140px;font-size: 24px;text-align: center;background: #d12020;color: #fff;height: 50px;line-height: 50px;border-radius: 0 50px 50px 0;position: absolute;top: 0;left: 0;}
.history-text{padding: 10px 0 40px 30px;line-height: 2;border-left: 2px solid #ebebeb;position: relative;}
.history-text:before{content: "";width: 10px;height: 10px;background: url(../images/dian.png) no-repeat;position: absolute;top: 20px;left: -6px;}
.history:last-child .history-text{padding-bottom: 5px;}

@media(max-width: 640px){
    .about_desc img{padding: 0 0 20px;}
    .history{padding-left: 100px;}
    .history span{width: 80px;font-size: 20px;height: 36px;line-height: 36px;}
    .history-text{font-size: 14px;padding: 0 0 20px 20px;}
    .history-text:before{top: 12px;}
}


.row-padd{margin-top: -10px;margin-bottom: -10px;}
.pro_img a{margin: 10px 0;display: block;overflow: hidden;border-radius: 5px;position: relative;}
.pro_img a .pro_img_bg{width: 100%;height: 100%;top: 100%;left: 0;background: rgba(0,0,0,.6);}
.pro_img a .pro_img_bg .pro_text{width: 100%;padding: 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.pro_img a .pro_img_bg h3{font-size: 18px;line-height: 2;font-weight: bold;color: #fff;}
.pro_img a .pro_img_bg h4{display: block;width: 100%;}
.pro_img a .pro_img_bg h4 span{display: inline-block;width: 120px;line-height: 36px;font-size: 14px;color: #fff;border: 1px solid #fff;}
.solution_list a .list_title{width: 100%;font-size: 18px;text-align: center;padding: 5px 10px;color: #fff;background: rgba(0,0,0,.6);position: absolute;left: 0;bottom: 0;}
.pro_img a .pro_img_bg h5{font-size: 14px;color: #fff;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.solution_list a:hover .list_title{bottom: -100%;}
.pro_img a:hover .pro_img_bg{top: 0;}
.pro_img a .pro_img_bg h4 span:hover{background: #d12020;color: #fff;border-color: #d12020;}

.item-pro-con{display: flex;align-items: center;border: 1px solid #eee;padding: 15px;border-radius: 8px;}
.item-pro-con .img{width: 150px;height: 150px;}
.item-pro-con .con{width: calc(100% - 150px);padding-left: 20px;}
.item-pro-con .con .title{font-size: 18px;}
.item-pro-con .con .title a{color: #333;}
.item-pro-con .con .text{margin: 10px 0 15px;font-size: 14px;color: #888;line-height: 1.5;-webkit-line-clamp: 3;height: 4.5em;}
.item-pro-con .con a.view-more{display: block;width: 90px;line-height: 26px;text-align: center;font-size: 12px;color: #666;border: 1px solid #acacac;border-radius: 50px;}
.item-pro-con:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.item-pro-con:hover .img img{transform: scale(1.08);}
.item-pro-con .con .title a:hover{color: #d12020;}
.item-pro-con .con a.view-more:hover{background: #d12020;border-color: #d12020;color: #fff;}

a.item-pro-list{margin: 10px 0;width: 100%;display: block;background: #f9f9f9;}
a.item-pro-list .img{height: 3.45rem;}
a.item-pro-list .title{padding: 10px;font-size: 16px;color: #333;}
a.item-pro-list:hover{background: #d12020;}
a.item-pro-list:hover img{transform: scale(1.08);}
a.item-pro-list:hover .title{color: #fff;}

.details_left{width: 35%;}
.MagicZoomPup{background: #000;}
#tsImgS,.MagicZoomBigImageCont{border: 1px solid #e1e1e1;}
#tsShopContainer #tsPicContainer{width: 100%;margin-top: 15px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{width: 88% !important;margin-left: 6%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width: 100%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width: 112px;padding: 0 4px;float: left;cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding: 2px;border: 1px solid  #e1e1e1;display:block;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border-color: #d12020;}
#tsShopContainer #tsPicContainer #tsImgSArrL,#tsShopContainer #tsPicContainer #tsImgSArrR{position: absolute;top: 50%;transform: translateY(-50%);cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrL{left: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrR{right: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrL i,#tsShopContainer #tsPicContainer #tsImgSArrR i{display: block;font-size: 30px;font-weight: bold;color: #888;}
#tsShopContainer #tsPicContainer #tsImgSArrR i{transform: rotate(-180deg);}
#tsShopContainer #tsPicContainer #tsImgSArrL:hover i,#tsShopContainer #tsPicContainer #tsImgSArrR:hover i{color: #d12020;}
.details_right{width: 65%;padding-left: 5%;}
.features{font-size: 20px;line-height: 2;font-weight: bold;border-bottom: 1px solid #eee;}
a.pdfdown{width: 120px;display: inline-block;text-align: center;line-height: 38px;color: #d12020;border: 1px solid #d12020;}
a.pdfdown:hover{background: #d12020;color: #fff;}

@media(max-width: 1230px){
    #tsShopContainer #tsPicContainer #tsImgSCon li{width: 90px;}
    a.item-pro-list .img{height: 240px;}
}
@media(max-width: 996px){
    .row-padd{margin-top: -5px;margin-bottom: -5px;}
    .pro_img a{margin: 5px 0;}
    .pro_img a .pro_img_bg{height: auto;top: inherit;bottom: 0;}
    .pro_img a .pro_img_bg .pro_text{padding: 0 8px;position: static;transform: none;-webkit-transform: none;}
    .pro_img a .pro_img_bg .pro_text h3{font-size: 14px;font-weight: normal;}
    .pro_img a:hover .pro_img_bg{top: inherit;}
    .solution_list a .list_title{display: none;}
    
    a.item-pro-list{margin: 5px 0;}
    a.item-pro-list .img{height: 140px;}
    a.item-pro-list .title{padding: 6px;font-size: 14px;}

    .details_left,.MagicZoom{width: 100% !important;}
    .pro_img a .pro_img_bg .pro_text h4,.MagicZoomPup,.MagicZoomBigImageCont{display: none !important;}
    #tsShopContainer #tsPicContainer #tsImgSArrL i,#tsShopContainer #tsPicContainer #tsImgSArrR i{font-size: 22px;}
    #tsShopContainer #tsPicContainer #tsImgSCon li{width: 70px;}
    .details_right{width: 100%;padding: 40px 0 0;}
}
@media(max-width: 768px){
    .item-pro-con{display: block;padding: 0;}
    .item-pro-con .img{width: 100%;height: auto;}
    .item-pro-con .con{width: 100%;padding: 15px;}
}

.news_list_top{display: flex;justify-content: left;align-items: center;background: #f4f4f4;}
.news_list_top .news_list_l{width: 30%;height: 260px;}
.news_list_top .news_list_r{width: 70%;padding: 20px 40px;}
.news_list_top .news_list_r h1 a{color: #333;}
h2.time{margin: 10px 0;color: #666;}
.news_list_top .news_list_r h4{line-height: 1.8;-webkit-line-clamp: 3;height: 5.4em;}
.news_list_top a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.news_list_top .news_list_r h1 a:hover{color: #d12020;}

ul.news_ul li a{display: block;border-top: 1px solid #e5e5e5;font-size: 16px;color: #666;height: 60px;line-height: 60px;padding: 0 15px;position: relative;}
ul.news_ul li:last-child a{border-bottom: 1px solid #e5e5e5;}
ul.news_ul li a span{padding-right: 20px;color: #d12020;}
ul.news_ul li a:hover{color: #d12020;}
ul.news_ul li a:after{content: " ";display: block;position: absolute;height: 100%;width: 0;left: 50%;top: 0;background: #f4f4f4;z-index: -1;-webkit-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
ul.news_ul li a:hover:after{left: 0;width: 100%;}
.prev_next a{font-size: 16px;line-height: 2;color: #666;}
.prev_next a:hover{color: #c00000;text-decoration: underline;}

@media(max-width: 996px){
    .news_list_top .news_list_l{height: 125px;}
    .news_list_top .news_list_r{padding: 10px;}
    .news_list_top .news_list_r h1{font-size: 16px;}
    .news_list_top .news_list_r h2.time{margin: 0;}
    .news_list_top .news_list_r h4{-webkit-line-clamp: 2;height: 3.6em;}
    ul.news_ul li a{font-size: 14px;height: 40px;line-height: 40px;padding: 0 10px;}
    ul.news_ul li a span{padding-right: 10px;}
}


.site_bg{font-size: 0;height: 50px;line-height: 50px;background: #f5f5f5;}
ul.nav_ul li{display: inline-block;vertical-align: top;}
ul.nav_ul li a{display: inline-block;padding: 0 15px;font-size: 16px;color: #555;}
ul.nav_ul li.active a,ul.nav_ul li a:hover{background: #d12020;color: #fff;}
ul.site_ul li{float: left;font-size: 16px;color: #666;margin-left: 6px;}
ul.site_ul li a{display: block;color: #333;}
ul.site_ul li a:hover{color: #d12020;}

.box-input,.box-text{height: 40px;width: 100%;padding: 0 10px;margin-bottom: 20px;font-size: 16px;border: 1px solid #e5e5e5;resize: none;}
.box-text{height: 120px;padding:  10px;}
.box-input:focus,.box-text:focus{border-color: #d12020;}
.box-btn{width: 160px;height: 40px;font-size: 16px;background: #d12020;color: #fff;}
.box-btn:hover{background: #da0606;}

#dituContent{width: 100%;height: 400px;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

.faq_con:last-child{border-bottom: 1px solid #e5e5e5;}
.faq_con .faq_title{font-size: 18px;font-weight: bold;padding: 15px;border-top: 1px solid #e5e5e5;color: #333;cursor: pointer;position: relative;}
.faq_con .faq_title:after,.faq_con .faq_title:before{content: "";background: #999;position: absolute;top: 50%;transition: all .5s;-webkit-transition: all .5s;}
.faq_con .faq_title:after{width: 18px;height: 2px;right: 15px;margin-top: -1px;}
.faq_con .faq_title:before{width: 2px;height: 18px;right: 23px;margin-top: -9px;}
.faq_text{display: none;padding: 15px;background: #f9f9f9;}
.open .faq_title{background: #f5f5f5;color: #d12020;}
.faq_con .faq_title:hover{color: #d12020;}
.faq_con .faq_title:hover:after,.faq_con .faq_title:hover:before{background: #d12020;}
.open .faq_title:after,.open .faq_title:before{background: #d12020;transform: rotate(45deg);}
.open .faq_text{display: block;}

.box-show-nav{font-size: 0;}
.box-show-nav span{font-size: 16px;}
.box-show-nav span,.box-show-nav a{display: inline-block;vertical-align: top;height: 32px;line-height: 32px;}
.box-show-nav a{margin: 0 0 15px 15px;font-size: 14px;padding: 0 15px;background: #f2f2f2;color: #666;}
.box-show-nav a.active,.box-show-nav a:hover{background: #d12020;color: #fff;}

@media(max-width: 996px){
    .site_bg{height: 40px;line-height: 40px;white-space: nowrap;overflow-x: auto;}
    .site_bg .container{padding: 0;}
    ul.nav_ul{float: inherit;}
    ul.nav_ul li a{font-size: 14px;}
    ul.site_ul{display: none;}

    .faq_con .faq_title{font-size: 16px;padding: 10px;}
    .faq_con .faq_title:after{right: 10px;}
    .faq_con .faq_title:before{right: 18px;}
    .faq_text{padding: 10px;}
    .box-show-nav{white-space: nowrap;overflow-x: auto;}
}