.st-container{font-size:0}
.m70 {margin:0 .7rem;}
.m213{margin:0 2.13rem;}
/*header*/
.header{position:fixed;left:0;width:100%;top:0;z-index:18;border-bottom:1px solid rgba(131,137,150,.3)}
.header>div{height:1.1rem;display:flex;align-items: center;justify-content: space-between;}
.header .logo a{display:inline-block;position:relative;}
.header .logo a .logo2{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0}
.header .navlist ul{display:flex}
.header .navlist ul li{margin:0 .25rem}
.header .navlist ul li.actvie a,.header .navlist ul li a:hover{color:#196cd1}
.header .navlist ul li a{font-size:.16rem;color:white}
.header .right{position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);display:flex;align-items: center;}
.header .right .langs {margin-right:.2rem}
.header .right .langs a{font-size:.16rem;color:#797979;font-weight:bold}
.header .right .search a{width:.17rem;height:.16rem;background:url(../images/xz1.png) 0 0 no-repeat;display:block;background-size:100%}
/*
.header .navlist li a:before{content:'';width:100%;height:100%;border:1px solid rgba(255,255,255,.39);position:absolute;top:0;left:0;transform:scale(0);transition:all .65s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.header .navlist li.actvie a:before,.header .navlist li a:hover:before{transform:none;}
*/


.is_header {background:rgba(0,0,0,.8);top:0;}
.is_header>div{height:1rem;transition:.5s}
.is_header .logo a .logo2,.header.on_header .logo a .logo2{opacity:1}
.is_header .logo a .logo1,.header.on_header .logo a .logo1{opacity:0}
.header.on_header{background:rgba(0,0,0,.8);top:0;}
/**/

.tem_banner .label_text{position:absolute;top:42%;left:1.5rem;z-index:1;text-align:left;}
.tem_banner .label_text>*{transition:none;opacity:0;transform:translateY(.25rem)}
.tem_banner .label_text h2{font-size:.14rem;color:#FFF;margin:0 0 .2rem}
.tem_banner .label_text h3{font-size:.48rem;color:#FFF;;font-weight:bold}
.tem_banner .label_text a{display:inline-block;margin:.48rem 0 0;width:2.3rem;height:.55rem;background:#196cd1;padding:0 .2rem;font-size:.14rem;color:white;line-height:.55rem;position:relative}
.tem_banner .label_text a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:.2rem;;top:50%;transform:translateY(-50%);font-size:.22rem;color:white}
.tem_banner .swiper-slide-active .label_text>*{opacity:1;transform:none;transition:all .6s linear;}
.tem_banner .swiper-slide-active .label_text p{transition-delay:.2s}
.tem_banner .swiper-slide-active .label_text .btns{transition-delay:.4s}
.tem_banner .swiper-page>div{position:absolute;left:.7rem;bottom:1.15rem;z-index:1;}
.tem_banner .swiper-page>div em{font-size:.18rem;color:#FFF;font-weight:bold;text-transform:uppercase;padding-left:1.65rem;position:relative;}
.tem_banner .swiper-page>div em:before{content:'';width:.96rem;height:.65rem;border:1px solid rgba(255,255,255,.39);position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .35s linear}
.tem_banner .swiper-page>div em:after{content:'';background:url(../images/icon2.png)0 0 no-repeat;background-size:1.05rem .12rem;width:1.05rem;height:.12rem;position:absolute;left:.38rem;top:50%;transform:translateY(-50%);transition:all .8s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
.tem_banner .swiper-page>div.slide-button-next {right:.7rem;left:auto;}
.tem_banner .swiper-page>div.slide-button-next em{padding-right:1.65rem;}
.tem_banner .swiper-page>div.slide-button-next em:before{left:auto;right:0}
.tem_banner .swiper-page>div.slide-button-next em:after{left:auto;right:.38rem;transform:rotate(180deg) translateY(50%)}
.tem_banner .swiper-page>div:hover em:after{left:0;}
.tem_banner .swiper-page>div:hover em:before{left:.45rem;width:.76rem;height:.45rem;}
.tem_banner .swiper-page>div.slide-button-next:hover em:after{right:0;left:auto;}
.tem_banner .swiper-page>div.slide-button-next:hover em:before{right:.45rem;left:auto;}
.tem_banner .slide-pagination {position:absolute;right:0;top:38%;z-index:1;display:flex;flex-direction: column;}
.tem_banner .slide-pagination span{width:auto;height:auto;font-size:.14rem;background:none;padding-right:.25rem;opacity:1;color:white;;border-bottom:1px solid  white;border-radius:0;margin:0 0 .15rem;padding-bottom:.1rem}

.tem_banner .mouse{position:absolute;left:50%;transform:translateX(-50%);bottom:.24rem;z-index:2}
.tem_banner .mouse h2{font-size:.14rem;color:white;position:relative;padding:.5rem 0 0}
.tem_banner .mouse h2:after{position:absolute;top:0;left:50%;transform:translateX(-50%);content:"";background:url(/public/common/images/xz2.png) 0 0 no-repeat;background-size:100%;width:.18rem;height:.3rem;;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		top:0
	}
	to{
		top:.2rem
	}
}


/**/
.tem_index_column{background:#FFF}

.tem_index_column .list{padding:.35rem 0 .35rem .58rem;background:url(../images/icon4.png) 0 center no-repeat;background-size:.36rem .36rem;}
.tem_index_column .list li{display:inline-block;vertical-align:top;padding:0 .1rem;width:11.111%;margin:.15rem 0}
.tem_index_column .list li a{font-size:.16rem;color:#434343;text-transform:capitalize;display:block;}
.tem_index_column .list li a:hover {color:#196cd1}
.tem_index_column .search{width:21%;text-align:right}
.tem_index_column .search input[type="text"]{width:80%;height:.4rem;min-height:35px;font-size:.14rem;color:#434343;padding:0 .3rem 0 .15rem;border:0;border-bottom:1px solid #c9c9c9}
.tem_index_column .search button {position:absolute;right:0;top:50%;transform:translateY(-50%);width:.29rem;height:.29rem;background:url(../images/icon3.png) 0 0 no-repeat;background-size:.29rem .29rem;border:0}

.tem_index_product{background:#f9f9fb;padding:1.04rem 0 .3rem;}
.tem_index_product>div{position:relative;z-index:5}
.tem_index_product h3{font-size:.4rem;color:#000;font-weight:bold;line-height:1.6;margin:0 0 .5rem;text-transform:uppercase;}
.tem_index_product .lists{position:relative}
.tem_index_product .lists .swiper-slide a{display:block;position:relative;background:#FFF;border:1px solid #d2d2d2;text-align:center;padding:0 .1rem .4rem;}
.tem_index_product .lists .swiper-slide .imgs{height:2.7rem;line-height:2.7rem;position:relative}
.tem_index_product .lists .swiper-slide .imgs img{max-height:2.18rem;transition:none;}
.tem_index_product .lists .swiper-slide .imgs em{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);border:2px solid #196cd1;padding:.2rem .15rem;font-size:.14rem;color:#196cd1;font-weight:bold;line-height:1;z-index:2;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(0.22, 0.61, 0.36, 1);min-width:55%;text-align:center;}
.tem_index_product .lists .swiper-slide .imgs em img{max-width:.4rem;transition:none;margin-left:6px;}
.tem_index_product .lists .swiper-slide .imgs:before{content:'';width:100%;height:0;background:rgba(255,255,255,.67);position:absolute;top:0;left:0;transition:all .65s linear;z-index:1;}
.tem_index_product .lists .swiper-slide p{font-size:.16rem;color:#000;font-weight:bold;margin:.15rem 0 0;}
.tem_index_product .lists .swiper-slide a:hover .imgs:before,.tem_index_product .lists .swiper-slide-thumb-active .imgs:before{height:100%}
.tem_index_product .lists .swiper-slide a:hover .imgs em,.tem_index_product .lists .swiper-slide-thumb-active .imgs em{left:50%;opacity:1;visibility:visible;}
.tem_index_product .lists .swiper-page>div{position:absolute;top:50%;left:-1rem;transform:translateY(-50%);width:.4rem;height:.4rem;border:1px solid #d2d2d2;border-radius:100%;line-height:.38rem;text-align:center;font-size:.18rem;color:#333;background:#FFF}
.tem_index_product .lists .swiper-page>div.slide-button-next{left:auto;right:-1rem}
.tem_index_product .lists .swiper-page>div:hover{background:#196cd1;color:#FFF;border-color:#196cd1;}


.tem_index_compro{background:#f9f9fb;padding:0 0 1.25rem;position:relative}
/*
.tem_index_compro:before{content:'';width:100%;height:10.74rem;background:url(../images/icon5.png) center bottom no-repeat;position:absolute;left:0;bottom:0;z-index:1;background-size:100% auto;}
*/
.tem_index_compro:after{content:'';width:11.30rem;height:2.11rem;background:url(../images/icon6.png) 0 0 no-repeat;background-size:11.30rem 2.11rem;position:absolute;right:2.13rem;top:50%;transform:translateY(-50%);z-index:2}
.tem_index_compro .swiper-container{z-index:3}
.tem_index_compro .swiper-slide>div{display:inline-block;vertical-align:middle;width:53%}
.tem_index_compro .swiper-slide .text {padding:0 .95rem 0 0}
.tem_index_compro .swiper-slide .text>*{opacity:0;transform:translateY(.3rem);transition:none;}
.tem_index_compro .swiper-slide .text h3{font-size:.4rem;color:#000000;font-weight:bold;margin:0 0 .3rem;font-weight:bold;text-transform:uppercase;}
.tem_index_compro .swiper-slide .text .slogan{font-size:.2rem;color:#222222;font-weight:bold;margin:0 0 .25rem;}
.tem_index_compro .swiper-slide .text p{font-size:.16rem;color:#4e4e4e;line-height:1.8;margin:0 0 1.2rem;}
.tem_index_compro .swiper-slide .text a{font-size:.14rem;color:#000;font-weight:bold;text-transform:uppercase;}
.tem_index_compro .swiper-slide .text a img{width:1.05rem;margin-left:.2rem;transition:none;}
.tem_index_compro .swiper-slide .imgs{width:47%;overflow:hidden;opacity:0;transform:translateX(.5rem);transition:none;}
.tem_index_compro .swiper-slide.swiper-slide-active .text>*{opacity:1;transform:none;transition:all .65s linear}
.tem_index_compro .swiper-slide.swiper-slide-active .imgs{opacity:1;transform:none;transition-delay:.4s;transition:all .7s linear;}
.tem_index_compro .swiper-slide:hover .text a img{margin-left:.4rem;transition:all .8s linear;}

.tem_index_about{padding:1.5rem 0 2.5rem;position:relative}
.tem_index_about:after{content:'about us';font-size:2.86rem;color:rgba(245,245,245,.15);text-transform:uppercase;font-weight:bold;line-height:1;position:absolute;right:2.12rem;top:50%;transform:translateY(-50%);z-index:1;font-family:"Arial";letter-spacing:-.24rem;}
.tem_index_about:before{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_index_about >div>div{display:inline-block;vertical-align:middle;width:54%;position:relative;z-index:2}
.tem_index_about .txt h3{font-size:.6rem;color:#333;font-weight:bold;text-transform:uppercase;margin:0 0 .3rem;}
.tem_index_about .txt h6 {font-size:.3rem;color:#333;margin:0 0 .65rem;font-weight:bold}
.tem_index_about .txt .editor{font-size:.16rem;color:#333;margin:0;line-height:1.9}

.tem_index_about .more{width:46%;}
.tem_index_about .more a{position:relative;display:inline-block;font-size:.14rem;color:#000;font-weight:bold;text-transform:uppercase;padding:0 1.65rem 0 0}
.tem_index_about .more a:before{content:'';width:.87rem;height:.87rem;background:url(../images/icon7-1.png) 0 0 no-repeat;background-size:.87rem .87rem;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .6s linear;}
.tem_index_about .more a:after{content:'';width:1.05rem;height:.12rem;background:url(../images/icon7-2.png) 0 0 no-repeat;background-size:1.05rem .12rem;position:absolute;right:.38rem;top:50%;transform:translateY(-50%);transition:all .8s cubic-bezier(.77,0,.175,1) 0s;}
.tem_index_about .more a:hover:before{width:.65rem;height:.65rem;background-size:.6rem .6rem;right:.2rem}
.tem_index_about .more a:hover:after{right:0;}

.tem_index_data{background:#d80608;background-image: linear-gradient(to bottom,#d80608,#ff0205);}
.tem_index_data>div>div{padding:0 .1rem;text-align:center}
.tem_index_data .t{display:inline-block;vertical-align:middle;text-align:left;padding:.4rem 0 }
.tem_index_data .t p{font-size:.18rem;color:#FFF;margin:0 0 .25rem;}
.tem_index_data .t h6{font-size:.48rem;color:#FFF;font-weight:bold;}
.tem_index_data>div>div:first-child,.tem_index_data>div>div:first-child+div+div{background:#cd0507;background-image: linear-gradient(to bottom,#cd0507,#e60305);}

.tem_index_service{background:#fafafc;position:relative;text-align:center;padding:1.6rem 0 0;}
.tem_index_service:after{content:'';width:100%;height:6.56rem;background:url(../images/icon8-1.png) 0 0 no-repeat;background-size:100% 6.56rem;position:absolute;bottom:0;left:0;z-index:1}
.tem_index_service .imgs{display:inline-block;width:6.93rem;height:6.93rem;border:1px solid #bfbfbf;background:#FFF;border-radius:100%;position:relative;z-index:2}
.tem_index_service .imgs>span>img {width:6.92rem;height:6.92rem;border-radius:100%;}
.tem_index_service .imgs .txt{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;z-index:1}
.tem_index_service .imgs span{background:none !important;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;width:100%}
.tem_index_service .imgs img{display:inline-block;vertical-align:bottom;}
.tem_index_service .imgs .txt h4{font-size:.4rem;color:#196cd1;font-weight:bold;text-transform:uppercase;margin:0 0 .4rem;}
.tem_index_service .imgs .txt p{font-size:.16rem;color:#414141;line-height:1.8;margin:0 0 .5rem;padding:0 1.7rem;}
.tem_index_service .imgs .txt a{display:inline-block;font-size:.14rem;color:#000;text-transform:uppercase;font-weight:bold;}
.tem_index_service .imgs .txt a img{width:1.05rem;margin-left:.2rem;vertical-align:middle;}
.tem_index_service .imgs .txt a:hover img{margin-left:.25rem;}
.tem_index_service .imgs .item{position:absolute;display:flex;width:4rem;align-items: center;text-align:left;    flex-direction: row-reverse;}
.tem_index_service .imgs .item>div{display:inline-block;vertical-align:middle;}
.tem_index_service .imgs .item em{font-size:.8rem;color:#e4e1e5;font-weight:bold;padding-left:.25rem;}
.tem_index_service .imgs .item p{font-size:.16rem;color:#000;font-weight:bold;margin:0;line-height:1.7;text-transform:uppercase;}
.tem_index_service .imgs .item p strong {display:block;margin:0 0 .1rem;font-size:.2rem;color:#000}
.tem_index_service .imgs .item.txt1 {top:1.35rem;right:100%;}
.tem_index_service .imgs .item.txt2 {top:3.9rem;right:100%;}
.tem_index_service .imgs .item.txt3{top:1.53rem;left:100%;flex-direction: row;}
.tem_index_service .imgs .item.txt4{top:3.9rem;left:100%;flex-direction: row;}
.tem_index_service .imgs .item.txt3 em{padding-right:.35rem;padding-left:0}
.tem_index_service .imgs .item.txt4 em{padding-right:.35rem;padding-left:0}

.tem_index_news{background:#fafafc;padding:1.18rem 0 1.12rem;position:relative}
.tem_index_news:before{content:'';width:100%;height:8.42rem;background:url(../images/icon8-2.png) 0 0 no-repeat;background-size:100% 8.42rem;position:absolute;top:0;left:0;z-index:1}
.tem_index_news h3{font-size:.4rem;color:#000;font-weight:bold;line-height:1.6;margin:0 0 .5rem;text-transform:uppercase;}
.tem_index_news>*{position:relative;z-index:2}
.tem_index_news .swiper-slide a{display:block;position:relative;overflow:hidden;padding:0 .8rem .8rem;border-right:2px solid #f1f1f3}
.tem_index_news .swiper-slide .time{margin:0 0 .35rem;font-size:.22rem;color:#b2b2b2;font-weight:bold;}
.tem_index_news .swiper-slide .time span{display:inline-block;vertical-align:bottom;font-size:.83rem;margin-right:.2rem;line-height:1}
.tem_index_news .swiper-slide h6{font-size:.18rem;color:#000000;font-weight:bold;text-transform:uppercase;margin:0 0 .4rem;line-height:.28rem;height:.56rem;overflow:hidden;}
.tem_index_news .swiper-slide p{font-size:.18rem;color:#4e4e4e;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .5rem;}
.tem_index_news .swiper-slide em{font-size:.14rem;color:#000;font-weight:bold;text-transform:uppercase;position:relative;height:.28rem;overflow:hidden;line-height:.28rem;}
.tem_index_news .swiper-slide em img{width:1.05rem;margin-left:.2rem;}
.tem_index_news .swiper-slide em i{opacity:0;visibility:hidden;font-size:.2rem;vertical-align:middle;}
.tem_index_news .swiper-slide em:before{content:'';width:0;height:1px;background:#000;display:inline-block;vertical-align:middle;transition:all .65s cubic-bezier(.77,0,.175,1) 0s;}
.tem_index_news .swiper-slide a:hover .time span,.tem_index_news .swiper-slide a:hover h6{color:#196cd1}
.tem_index_news .swiper-slide a:hover em img{opacity:0;width:0;margin-left:0}
.tem_index_news .swiper-slide a:hover em i{opacity:1;visibility:visible;margin-left:.1rem}
.tem_index_news .swiper-slide a:hover em:before{width:.96rem;margin-right:.11rem;}
.tem_index_news .slide-pagination span{opacity:1;outline:none;width:.13rem;height:.13rem;background:#c9c9c9;border-radius:0;margin:0 .11rem 0 0;}
.tem_index_news .slide-pagination span.swiper-pagination-bullet-active{background:#196cd1}

.index_product {padding:1.15rem 0 .55rem}
.index_product>div>h2{font-size:.45rem;color:#000000;font-weight:bold;margin:0 0 .5rem}
.index_product ul{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.3rem .2rem}
.index_product ul li a{position:relative;height:.8rem;border-radius:10px;border:2px solid #f6f6f6;display:block;display:flex;flex-direction: column;justify-content: center;padding:0 .2rem 0 .4rem}
.index_product ul li a h2{font-size:.18rem;color:#000000;font-weight:bold;padding-left:1rem;position:relative}
.index_product ul li a:after{content:"";position:absolute;width:100%;top:0;height:0;left:50%;transform:translateX(-50%);  background: linear-gradient(to bottom, #1574d7, #039df9);;border-radius:10px;transition:.5s cubic-bezier(0.4, 0, 1, 1);z-index:-1}
.index_product ul li a:hover:after{height:100%;}
.index_product ul li a:hover h2{color:white}
.index_product ul li:nth-child(1) a h2:after{content:"";position:absolute;background:url(../images/x1-1.png) 0 0 no-repeat;width:.42rem;height:.31rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(2) a h2:after{content:"";position:absolute;background:url(../images/x2.png) 0 0 no-repeat;width:.38rem;height:.35rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(3) a h2:after{content:"";position:absolute;background:url(../images/x3.png) 0 0 no-repeat;width:.43rem;height:.43rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(4) a h2:after{content:"";position:absolute;background:url(../images/x4.png) 0 0 no-repeat;width:.42rem;height:.42rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(5) a h2:after{content:"";position:absolute;background:url(../images/x5.png) 0 0 no-repeat;width:.35rem;height:.43rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(6) a h2:after{content:"";position:absolute;background:url(../images/x6.png) 0 0 no-repeat;width:.42rem;height:.29rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(7) a h2:after{content:"";position:absolute;background:url(../images/x7.png) 0 0 no-repeat;width:.42rem;height:.37rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(8) a h2:after{content:"";position:absolute;background:url(../images/x8.png) 0 0 no-repeat;width:.35rem;height:.44rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(9) a h2:after{content:"";position:absolute;background:url(../images/x9.png) 0 0 no-repeat;width:.33rem;height:.44rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}
.index_product ul li:nth-child(10) a h2:after{content:"";position:absolute;background:url(../images/x10.png) 0 0 no-repeat;width:.43rem;height:.31rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;transition:.5s}

.index_product ul li:nth-child(1) a:hover h2:after{content:"";position:absolute;background:url(../images/x1.png) 0 0 no-repeat;width:.42rem;height:.31rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;}
.index_product ul li:nth-child(2) a:hover h2:after{content:"";position:absolute;background:url(../images/x2-2.png) 0 0 no-repeat;width:.38rem;height:.35rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(3) a:hover h2:after{content:"";position:absolute;background:url(../images/x3-3.png) 0 0 no-repeat;width:.43rem;height:.43rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(4) a:hover h2:after{content:"";position:absolute;background:url(../images/x4-4.png) 0 0 no-repeat;width:.42rem;height:.42rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(5) a:hover h2:after{content:"";position:absolute;background:url(../images/x5-5.png) 0 0 no-repeat;width:.35rem;height:.43rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(6) a:hover h2:after{content:"";position:absolute;background:url(../images/x6-6.png) 0 0 no-repeat;width:.42rem;height:.29rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(7) a:hover h2:after{content:"";position:absolute;background:url(../images/x7-7.png) 0 0 no-repeat;width:.42rem;height:.37rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(8) a:hover h2:after{content:"";position:absolute;background:url(../images/x8-8.png) 0 0 no-repeat;width:.35rem;height:.44rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(9) a:hover h2:after{content:"";position:absolute;background:url(../images/x9-9.png) 0 0 no-repeat;width:.33rem;height:.44rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}
.index_product ul li:nth-child(10) a:hover h2:after{content:"";position:absolute;background:url(../images/x10-10.png) 0 0 no-repeat;width:.43rem;height:.31rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2}

.index_profit {padding:.68rem 0 1.05rem;background:#f9f9f9}
.index_profit .lists .items{padding:0 0 .15rem}
.index_profit .lists .items a{background:white;border-radius:10px;display:block;padding:.35rem .4rem  .55rem;position:relative;overflow:hidden;z-index:2}
.index_profit .lists .items a .title {position:relative;margin:0 0 .4rem;padding:0 0 .25rem}
.index_profit .lists .items a .title h1{font-size:.17rem;color:#c0c0c0;font-weight:bold;padding:0 0 .1rem;border-bottom:2px solid #e1e1e1;margin:0 0 .2rem}
.index_profit .lists .items a .title h2{font-size:.24rem;color:#000;font-weight:bold}
.index_profit .lists .items a .title p{font-size:.15rem;color:white;transform:translateX(.5rem);position:absolute;bottom:0;width:100%;left:0;margin:0;font-weight:bold;opacity:0;}

.index_profit .lists .items a  .imgs{text-align:center;height:1.5rem;line-height:1.5rem}
.index_profit .lists .items a  .imgs img{max-height:1.5rem}
.index_profit .lists .items a  .imgs1{position:absolute;right:-1rem;bottom:0;transition:.5s;opacity:0;width:55%}
.index_profit .lists .items a:after{content:"";position:absolute;width:100%;top:0;height:0;left:50%;transform:translateX(-50%);background:linear-gradient(to bottom, #1379db,#0b8bea, #00a4fe);;border-radius:10px;transition:.3s cubic-bezier(0.4, 0, 1, 1);z-index:-1}
.index_profit .lists .items a:hover:after{height:100%}
.index_profit .lists .items a:hover .title h1{border-bottom:2px solid rgba(255,255,255,.7)}
.index_profit .lists .items a:hover .title h2{;transform:translateX(-.5rem);opacity:0}
.index_profit .lists .items a:hover .title p{opacity:1;transform:translateX(0);transition-delay:.4s}
.index_profit .lists .items a:hover  .imgs{opacity:0}
.index_profit .lists .items a:hover .imgs1{opacity:1;right:0;transition-delay:.6s}
.index_profit .lists .items a:before{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;left:.4rem;bottom:.5rem;transform:translateY(.3rem);font-size:.22rem;color:white;width:.42rem;height:.42rem;border-radius:100%;text-align:center;line-height:.42rem;border:1px solid white;opacity:0;transition:.5s}
.index_profit .lists .items a:hover:before{opacity:1;transform:translateX(0);transition-delay:.8s}
.index_profit .lists .items a:hover { box-shadow: 0 15px 10px -6px rgba(0, 0, 0, .2);}
.index_profit .lists  .slide-pagination{margin:.6rem 0 0;text-align:center}
.index_profit .lists  .slide-pagination span{margin:0 .07rem;border-radius:0;width:.32rem;height:5px;background:#d8d8d8;opacity:1}
.index_profit .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#196cd1;width:.55rem}

.index_solv{padding:1.55rem 0 1.65rem;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.index_solv>div{display:flex;justify-content: space-between;}
.index_solv .left{width:45%;position:relative}
.index_solv .left:after{content:"";position:absolute;background:url(../images/xz3.png) 0 0 no-repeat;width:1.95rem;height:.67rem;background-size:100%;bottom:.07rem;left:0}

.index_solv .left h2{font-size:1.28rem;color:#2492ff;font-weight:bold;height:1rem;line-height:1rem}
.index_solv .left  h3{font-size:.64rem;color:#ffffff;font-weight:bold;height:.55rem;line-height:.55rem;margin:.25rem 0 .45rem}
.index_solv .left h1{font-size:.38rem;color:white;font-weight:bold;}
.index_solv .right{width:45%;background:white;padding:.6rem .7rem .65rem .6rem;border-radius:10px}
.index_solv .right .title{padding:0 0 .55rem}
.index_solv .right .title h1{font-size:.28rem;color:#000000;font-weight:bold;padding-left:.55rem;margin:0 0 .4rem;position:relative}
.index_solv .right .title h1:after{content:"";position:absolute;background:url(../images/xz4.png) 0 0 no-repeat;width:.39rem;height:.41rem;left:0;background-size:100%;top:50%;transform:translateY(-50%) }
.index_solv .right .title p{font-size:.18rem;color:black;font-weight:bold;width:75%;margin:0}
.index_solv .right  ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.12rem}
.index_solv .right  ul li a {display:block;border:1px solid #f3f3f3;height:.45rem;display:flex;flex-direction: column;justify-content: center;padding:0 .25rem;position:relative}
.index_solv .right  ul li a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:.2rem;top:50%;transform:translateY(-50%) ;font-size:.18rem;color:#196cd1;w;transition:.5s}
.index_solv .right  ul li a h1{font-size:.14rem;color:#000;font-weight:bold}
.index_solv .right  ul li a:hover{background:#196cd1;color:white}
.index_solv .right  ul li a:hover h1{color:white}
.index_solv .right  ul li a:hover:after{color:white;right:.1rem}
.index_solv .more a{display:inline-block;margin:.48rem 0 0;width:1.55rem;height:.5rem;background:#196cd1;padding:0 .2rem;font-size:.14rem;color:white;line-height:.5rem;position:relative;border-bottom:5px solid #4dafff}
.index_solv .more a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:.2rem;;top:50%;transform:translateY(-50%);font-size:.22rem;color:white}
.index_solvtion {padding:0 0 .88rem;background:#f9f9f9}
.index_solvtion .top{padding:1.3rem 0 .6rem;display:flex;justify-content: space-between;}
.index_solvtion .top .left{width:42%}
.index_solvtion .top .left h1{font-size:.12rem;color:#196cd1;margin:0 0 .1rem;font-weight:bold}
.index_solvtion .top .left  h2{font-size:.45rem;color:black;font-weight:bold;line-height:.6rem;margin:0 0 .5rem}
.index_solvtion .top .left  p{font-size:.18rem;color:#a9aaae;line-height:.26rem;margin:0}
.index_solvtion .top .left .more a{display:inline-block;margin:.45rem 0 0;width:1.55rem;height:.5rem;background:#196cd1;padding:0 .2rem;font-size:.14rem;color:white;line-height:.5rem;position:relative;border-bottom:5px solid #4dafff}
.index_solvtion .top .left  .more a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:.2rem;;top:50%;transform:translateY(-50%);font-size:.22rem;color:white;transition:.5s}
.index_solvtion .top .left  .more a:hover:after{right:.1rem}
.index_solvtion .top .right{width:55%}
.index_solvtion  .infos ul{display:grid;grid-template-columns:repeat(6,1fr)}
.index_solvtion  .infos ul li{background:white;padding:.4rem .2rem 0 .6rem;height:2.4rem;border-right:2px solid #f8f8f8;position:relative}
.index_solvtion  .infos ul li p{font-size:.12rem;color:#cfcfcf}
.index_solvtion  .infos ul li h2{font-size:.19rem;color:#000;font-weight:bold;line-height:.28rem}
.index_solvtion  .infos ul li:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:0;height:5px;background:#196cd1;transition:.5s cubic-bezier(0.4, 0, 1, 1)}
.index_solvtion  .infos ul li:hover:before{width:100%}
.index_solvtion  .infos ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/xz5.png) 0 0 no-repeat;width:.4rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/xz6.png) 0 0 no-repeat;width:.44rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(3):after{content:"";position:absolute;background:url(../images/xz7.png) 0 0 no-repeat;width:.47rem;height:.37rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(4):after{content:"";position:absolute;background:url(../images/xz8.png) 0 0 no-repeat;width:.44rem;height:.39rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(5):after{content:"";position:absolute;background:url(../images/xz9.png) 0 0 no-repeat;width:.48rem;height:.37rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(6):after{content:"";position:absolute;background:url(../images/xz10.png) 0 0 no-repeat;width:.39rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transition:.5s}
.index_solvtion  .infos ul li:nth-child(1):hover:after{content:"";position:absolute;background:url(../images/xz5-5.png) 0 0 no-repeat;width:.4rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}
.index_solvtion  .infos ul li:nth-child(2):hover:after{content:"";position:absolute;background:url(../images/xz6-6.png) 0 0 no-repeat;width:.44rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}
.index_solvtion  .infos ul li:nth-child(3):hover:after{content:"";position:absolute;background:url(../images/xz7-7.png) 0 0 no-repeat;width:.47rem;height:.37rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}
.index_solvtion  .infos ul li:nth-child(4):hover:after{content:"";position:absolute;background:url(../images/xz8-8.png) 0 0 no-repeat;width:.44rem;height:.39rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}
.index_solvtion  .infos ul li:nth-child(5):hover:after{content:"";position:absolute;background:url(../images/xz9-9.png) 0 0 no-repeat;width:.48rem;height:.37rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}
.index_solvtion  .infos ul li:nth-child(6):hover:after{content:"";position:absolute;background:url(../images/xz10-10.png) 0 0 no-repeat;width:.39rem;height:.38rem;left:.6rem;bottom:.45rem;background-size:100%;z-index:2;transform:rotateY(360deg)}


.index_news{padding:.75rem 0 0}
.index_news .top{display:flex;margin:0 0 .6rem;justify-content: space-between;align-items: center;}
.index_news .top .title h1{font-size:.12rem;color:#196cd1;font-weight:bold}
.index_news .top .title p{font-size:.45rem;color:#000;font-weight:bold;margin:0}
.index_news .top a{font-size:.14rem;color:#626262;display:block;padding-right:.18rem;position:relative}
.index_news .top a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;color:#196cd1;transition:.5s}
.index_news .top a:hover{color:#196cd1}
.index_news  .lists a .img{overflow:hidden}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists .items a .text{padding:.35rem 0 0}
.index_news .lists .items a .text h1{font-size:.16rem;color:#b1b1b1;font-weight:bold;margin:0 0 .15rem}
.index_news .lists .items a .text h2{font-size:.24rem;color:#000;font-weight:bold}
.index_news .lists .items a:hover .text h2{color:#196cd1}
.index_news  .lists .slide-pagination{margin:1.05rem 0 1.25rem;text-align:center}
.index_news .lists  .slide-pagination span{margin:0 .07rem;border-radius:0;width:.32rem;height:5px;background:#d8d8d8;opacity:1}
.index_news  .lists   .slide-pagination span.swiper-pagination-bullet-active{background:#196cd1;width:.55rem}

.footer{background: #353535;padding:.48rem 0 .65rem; }
.footer .navlist{display:flex;width:100%;justify-content: space-between;padding:0 0 .35rem;border-bottom:2px solid #717171}
.footer .navlist dl{display:inline-block;vertical-align:top;margin:0;padding:0 .15rem 0 0}
.footer .navlist dl dt {margin:0 0 .25rem;position:relative;}
.footer .navlist dl dt a{font-size:.18rem;color:#FFF;font-weight:bold;text-transform:uppercase;}
.footer .navlist dl dd {margin:0 0 .1rem;}
.footer .navlist dl dd:last-child{margin:0}
.footer .navlist dl dd a{font-size:.13rem;color:#b0b0b0;font-weight:bold}
.footer .navlist dl:last-child dd{margin:0}
.footer .navlist dl dd p{margin:0 0 .3rem;font-size:.16rem;color:#b0b0b0;}
.footer .navlist dl dd p i{font-size:.26rem;color:#FFF;margin-right:.2rem;vertical-align:middle;}
.footer .navlist dl dd p a{font-size:.16rem;color:#b0b0b0;}
.footer .infos{display:flex;justify-content: space-between;padding:.35rem 0 0}
.footer .infos .left a{margin:0 0 .45rem;display:block;}
.footer .infos .left p{font-size:.14rem;color:#8c8c8c;margin:0;font-weight:bold;line-height:.25rem}
.footer .infos  ul{display:flex;padding:.3rem 0 0;text-align:center}
.footer .infos  ul li:last-child{margin-left:.45rem}
.footer .infos  ul li p{font-size:.14rem;color:#8c8c8c;margin:.15rem 0 0}
.copy{background:#000;font-size:.14rem;color:#FFF;padding:.15rem 0;position:relative}

.copy a{font-size:.14rem;color:#FFF;}
.copy .bak{position:absolute;right:.6rem;bottom:.45rem;z-index:1;background:#196cd1;width:.68rem;height:.68rem;line-height:.68rem;text-align:center;font-size:.3rem;color:#FFF;cursor:pointer;}
.flash .page_txt{position:absolute;top:50%;transform:translateY(-50%);left:51%;width:33%}
.flash .page_txt h3{font-size:.63rem;color:#FFF;font-weight:bold;text-transform:uppercase;}
.flash .page_txt p{font-size:.18rem;color:#FFF;line-height:1.8;margin:.15rem 0 0}
.flash img{width:100%}
.com_mbx{background:#FFF;padding:.35rem 0}
.com_mbx>div>div{display:inline-block;vertical-align:middle;width:79%;position:relative}
.com_mbx .mbx{font-size:.16rem;color:#484848;font-weight:bold;text-transform:uppercase;}
.com_mbx .mbx a{font-size:.16rem;color:#484848;font-weight:bold;}
.com_mbx .mbx a:first-child+a {display:none;}
.com_mbx .mbx>*:last-child{color:#196cd1}
.com_mbx .search{width:21%;text-align:right}
.com_mbx .search input[type="text"]{width:80%;height:.4rem;min-height:35px;font-size:.14rem;color:#434343;padding:0 .3rem 0 .15rem;border:0;border-bottom:1px solid #c9c9c9}
.com_mbx .search button {position:absolute;right:0;top:50%;transform:translateY(-50%);width:.29rem;height:.29rem;background:url(../images/icon3.png) 0 0 no-repeat;background-size:.29rem .29rem;border:0}

.about_box .infos{background:url(../images/icon10.jpg) center no-repeat;background-size:cover;padding:.5rem 0 .75rem;}
.common_box .infos .menus{background:url(../images/icon4.png) .4rem center no-repeat #FFF;background-size:.36rem .36rem;border-bottom:1px solid #196cd1;padding:0 0 0 1.05rem;position:relative;margin:0 0 .55rem}
.common_box .infos .menus li {display:inline-block;vertical-align:top;width:16.6666%;}
.common_box .infos .menus li a{display:block;padding:0 .25rem;line-height:.6rem;font-size:.14rem;color:#434343;font-weight:bold;text-transform:capitalize;}
.common_box .infos .menus li a:hover,.common_box .infos .menus li.on a {background:#196cd1;color:#FFF}
.about_box .infos .company h4{font-size:.4rem;color:#000;font-weight:bold;text-transform:uppercase;margin:0 0 .35rem;}
.about_box .infos .company h4 em{color:#196cd1;margin-left:.15rem;}
.about_box .infos .company .text{font-size:.16rem;color:#4e4e4e;line-height:1.75}
.about_box .workshop {padding:.65rem 0 .85rem;}
.about_box .workshop h3 {font-size:.36rem;color:#232323;margin:0 0 .45rem;}
.about_box .workshop .swiper-slide a{display:block;position:relative;text-align:center;}
.about_box .workshop .swiper-slide .imgs {overflow:hidden}
.about_box .workshop .swiper-slide .imgs img {width:100%;height:3.85rem;object-fit:cover;transition:none}
.about_box .workshop .swiper-slide p {font-size:.16rem;color:#232323;margin:.15rem 0 0;}
.about_box .workshop .swiper-slide a:hover .imgs{transform:scale(.96);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.about_box .workshop .slide-pagination{margin:.45rem 0 0;text-align:center}
.about_box .workshop .slide-pagination span {opacity:.5;outline:none;width:.12rem;height:.12rem;background:#000;margin:0 .1rem;}
.about_box .workshop .slide-pagination span.swiper-pagination-bullet-active{background:#E5A606;opacity:1}


.about_box .honor {background:#f9f9fb;padding:.6rem 0 1.1rem;}
.about_box .honor h3  {font-size:.36rem;color:#232323;margin:0 0 .45rem;}
.about_box .honor .swiper-slide a{display:block;position:relative;overflow:hidden}

.about_box .honor .swiper-slide p {font-size:.16rem;color:#333;margin:.25rem 0 0;text-align:center}
.about_box .honor .lists {padding:0 .55rem;position:relative}
.about_box .honor .lists .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);width:.43rem;height:.43rem;background:#ec2027;font-size:.22rem;color:#FFF;line-height:.43rem;text-align:center;border-radius:100%}
.about_box .honor .lists .swiper-page>div.slide-button-next{left:auto;right:0}
.about_box .honor .lists .swiper-page>div:hover {background:#E5A606}
.about_box .honor .swiper-slide a .imgs{overflow:hidden}
.about_box .honor .swiper-slide a:hover img {transform:scale(1.06)}
.product_box{background:url(../images/icon10.png) center bottom no-repeat #f9f9fb;padding:.35rem 0 1.85rem;background-size:100% auto;}
.product_box .infos{margin:0 0 .35rem;}
.product_box .lists li{padding:0 .1rem;margin:0 0 .4rem;}
.product_box .lists li a{display:block;position:relative;background:#FFF;border:1px solid #d2d2d2;text-align:center;overflow:hidden}
.product_box .lists li .imgs{height:2.67rem;line-height:2.67rem;position:relative}
.product_box .lists li .imgs:before{content:'';width:100%;height:0;background:rgba(255,255,255,.67);position:absolute;left:0;top:0;transition:all .4s linear;z-index:1}
.product_box .lists li .imgs em{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);min-width:1.76rem;border:2px solid #196cd1;font-size:.14rem;color:#196cd1;font-weight:bold;text-transform:uppercase;padding:.2rem .17rem;opacity:0;line-height:1;z-index:2}
.product_box .lists li .imgs em img{width:.4rem;transition:none;margin-left:.1rem;}

.product_box .lists li .imgs img{max-height:2.18rem;transition:none;display:inline-block;}
.product_box .lists li .imgs span{background:none !important;}
.product_box .lists li p{padding:.2rem 0 .4rem;font-size:.18rem;color:#000;font-weight:bold;margin:0}
.product_box .lists li a:hover {box-shadow:8px 8px 10px rgba(0,0,0,.1)}
.product_box .lists li a:hover .imgs{transform:scale(1.03)}
.product_box .lists li a:hover .imgs em{top:50%;opacity:1}
.product_box .lists li a:hover .imgs:before{height:100%}
.page{position:relative;margin:1rem 0 0}
.page a.page-num{display:inline-block;margin:0 .1rem;width:.43rem;height:.43rem;border:1px solid #b5b5b5;line-height:.41rem;font-size:.16rem;color:#0b0b0b;font-weight:bold;}
.page a.page-item{position:absolute;left:0;top:50%;transform:translateY(-50%);text-transform:uppercase;font-size:.18rem;color:#000;font-weight:bold;padding:0 0 0 1.6rem;line-height:.65rem;}
.page a.page-num-current{background:#196cd1;color:#FFF;border-color:#196cd1}
.page a.page-item:before{content:'';width:.95rem;height:.65rem;border:1px solid #dadadc;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .4s linear;}
.page a.page-item:after{content:'';width:1.05rem;height:.12rem;background:url(../images/icon2-1.png) 0 0 no-repeat;background-size:1.05rem .12rem !important;position:absolute;left:.38rem;top:50%;transform:rotate(180deg) translateY(50%);transition:all .5s linear;}
.page a.next{left:auto;right:0;padding:0 1.6rem 0 0}
.page a.next:before{left:auto;right:0}
.page a.next:after{left:auto;right:.38rem;transform:rotate(0) translateY(-50%)}
.page a.page-item:hover {color:#196cd1;}
.page a.page-item:hover:before{border-color:#196cd1}
.page a.page-item:hover:after{background:url(../images/icon2-3.png) 0 0 no-repeat;left:.28rem;}
.page a.page-item.next:hover:after{right:.28rem;left:auto;}
.show_product{padding:0 0 2.3rem;}
.show_product .com_mbx{background:#f6f6f6}
.show_product .com_mbx .search input[type="text"]{background:none;}
.show_product .imglist{position:relative;margin:.85rem 0 0}
.show_product .imglist h3{position:absolute;top:.45rem;left:0;width:100%;text-align:center;font-size:.36rem;color:#000;font-weight:bold;text-transform:uppercase;z-index:2}
.show_product .imglist>div{display:inline-block;vertical-align:top;width:50%;position:relative}
.show_product .imglist .list{padding:0 .35rem 0 0}
.show_product .imglist #gallery .swiper-slide{text-align:center;}
.show_product .imglist #gallery .swiper-slide img{max-height:5.13rem;transition:none;}
.show_product .imglist #thumbs .swiper-slide{position:relative;height:1.44rem;line-height:1.44rem;text-align:center;cursor:pointer}
.show_product .imglist #thumbs .swiper-slide:before,.show_product .imglist #thumbs .swiper-slide:after{content:'';width:100%;height:100%;border:1px solid #d2d2d2;position:absolute;left:0;top:0;transition:all .6s linear;}
.show_product .imglist #thumbs .swiper-slide:after{transform:scale(0);border-color:#196cd1}
.show_product .imglist #thumbs .swiper-slide img{max-height:.95rem;transition:none;}
.show_product .imglist #thumbs .swiper-slide.swiper-slide-thumb-active:before{transform:scale(0)}
.show_product .imglist #thumbs .swiper-slide.swiper-slide-thumb-active:after{transform:scale(1)}
.show_product .imglist .text{position:relative;padding:1.25rem 0 .65rem;}
.show_product .imglist .text h4{font-size:.2rem;color:#000;margin:0 0 .3rem;font-weight:bold;text-transform:capitalize;padding:0 .45rem;}
.show_product .imglist .text .editor{font-size:.16rem;color:#000;line-height:1.8;padding:0 .45rem;}
.show_product .imglist .text .editor img {width:auto !important;height:auto !important}
.show_product .imglist .text .editor,.show_product .imglist .text .editor *{transition:none;}
.show_product .imglist .text .editor .mCSB_inside > .mCSB_container{margin:0 .45rem;}
.show_product .imglist .text .editor .mCSB_scrollTools{left:0;right:auto;}
.show_product .imglist .text .editor .mCSB_scrollTools .mCSB_draggerRail{background:#000}
.show_product .imglist .text .editor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#f1f1f1}
.show_product .imglist .met_page{display:block;width:100%;position:initial}
.show_product .imglist .met_page>div{position:absolute;top:50%;left:-1.75rem;transform:translateY(-50%);width:1.5rem;text-align:center;}
.show_product .imglist .met_page>div img{max-height:1.15rem;transition:none;}
.show_product .imglist .met_page>div span{display:block;margin:.24rem 0 0;font-size:.12rem;color:#000;font-weight:bold;text-transform:uppercase;position:relative}
.show_product .imglist .met_page>div span:before,.show_product .imglist .met_page>div span:after{content:'';width:.4rem;height:.07rem;background:url(../images/icon0.png) 0 0 no-repeat;background-size:.4rem .07rem;transform:rotate(180deg);overflow:hidden;display:inline-block;vertical-align:middle;margin:0 5px;transition:all .35s linear;}
.show_product .imglist .met_page>div span:after{display:none;}
.show_product .imglist .met_page>div.next_{left:auto;right:-1.75rem;}
.show_product .imglist .met_page>div.next_ span{padding:0 .3rem 0 0}
.show_product .imglist .met_page>div.next_ span:before{display:none;}
.show_product .imglist .met_page>div.next_ span:after{left:auto;right:0;transform:rotate(0) translateY(-50%);display:inline-block}
.show_product .imglist .met_page>div a:hover span{color:#196cd1}
.show_product .imglist .met_page>div a:hover span:before,.show_product .imglist .met_page>div a:hover span:after{background:url(../images/icon2-2.png) 0 0 no-repeat;background-size:.4rem .07rem;}


.show_product .recommend{margin:1.45rem 0 0}
.show_product .recommend h3{font-size:.36rem;color:#000;text-transform:uppercase;margin:0 0 .6rem;font-weight:bold;}

.show_product .recommend .lists .swiper-slide a{display:block;position:relative;background:#FFF;border:1px solid #d2d2d2;text-align:center;overflow:hidden}
.show_product .recommend .lists .swiper-slide .imgs{height:2.67rem;line-height:2.67rem;position:relative}
.show_product .recommend .lists .swiper-slide .imgs:before{content:'';width:100%;height:0;background:rgba(255,255,255,.67);position:absolute;left:0;top:0;transition:all .4s linear;z-index:1}
.show_product .recommend .lists .swiper-slide .imgs em{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);min-width:1.76rem;border:2px solid #196cd1;font-size:.14rem;color:#196cd1;font-weight:bold;text-transform:uppercase;padding:.2rem .17rem;opacity:0;line-height:1;z-index:2}
.show_product .recommend .lists .swiper-slide .imgs em img{width:.4rem;transition:none;margin-left:.1rem;}
.show_product .recommend .lists .swiper-slide .imgs img{max-height:2.18rem;transition:none;display:inline-block;}
.show_product .recommend .lists .swiper-slide .imgs span{background:none !important;}
.show_product .recommend .lists .swiper-slide p{padding:.2rem 0 .4rem;font-size:.18rem;color:#000;font-weight:bold;margin:0}
.show_product .recommend .lists .swiper-slide a:hover .imgs{transform:scale(1.03)}
.show_product .recommend .lists .swiper-slide a:hover .imgs em{top:50%;opacity:1}
.show_product .recommend .lists .swiper-slide a:hover .imgs:before{height:100%}
.show_product .recommend .swiper-page{position:relative;margin:.95rem 0 0}
.show_product .recommend .swiper-page>div.page-item{position:absolute;left:0;top:50%;transform:translateY(-50%);text-transform:uppercase;font-size:.18rem;color:#000;font-weight:bold;padding:0 0 0 1.6rem;line-height:.65rem;}
.show_product .recommend .swiper-page>div.page-item:before{content:'';width:.95rem;height:.65rem;border:1px solid #dadadc;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .4s linear;}
.show_product .recommend .swiper-page>div.page-item:after{content:'';width:1.05rem;height:.12rem;background:url(../images/icon2-1.png) 0 0 no-repeat;background-size:1.05rem .12rem !important;position:absolute;left:.38rem;top:50%;transform:rotate(180deg) translateY(50%);transition:all .5s linear;}
.show_product .recommend .swiper-page>div.page-item.next{left:auto;right:0;padding:0 1.6rem 0 0}
.show_product .recommend .swiper-page>div.page-item.next:before{left:auto;right:0}
.show_product .recommend .swiper-page>div.page-item.next:after{left:auto;right:.38rem;transform:rotate(0) translateY(-50%)}
.show_product .recommend .swiper-page>div.page-item:hover {color:#196cd1;}
.show_product .recommend .swiper-page>div.page-item:hover:before{border-color:#196cd1}
.show_product .recommend .swiper-page>div.page-item:hover:after{background:url(../images/icon2-3.png) 0 0 no-repeat;left:.28rem;}
.show_product .recommend .swiper-page>div.page-item.next:hover:after{right:.28rem;left:auto;}
.show_product .recommend .swiper-page>div.slide-pagination span{opacity:1;outline:none;margin:0 .1rem;width:.43rem;height:.43rem;border:1px solid #b5b5b5;line-height:.41rem;font-size:.16rem;color:#0b0b0b;font-weight:bold;background:none;border-radius:0}
.show_product .recommend .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#196cd1;color:#FFF;border-color:#196cd1}
.product_box2{background:url(../images/icon5.png) center 95% no-repeat #f9f9fb;padding:0 0 2rem;background-size:100% auto;}
.product_box2 .lists2{padding:.85rem 0 0;}
.product_box2 .lists2 li{padding:0 .12rem;margin:0 0 .51rem;}
.product_box2 .lists2 li a{display:block;position:relative;overflow:hidden;border:1px solid #ccc;padding:.28rem .3rem .4rem;}
.product_box2 .lists2 li a:after{content:'';width:100%;height:100%;background:url(../images/icon11.jpg) center no-repeat;background-size:cover;position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all .65s linear;}
.product_box2 .lists2 li a:before{content:"new";display:block;font-size:.36rem;color:#196cd1;font-weight:bolder;text-transform:uppercase;margin:0 0 .15rem;z-index:2;position:relative;}
.product_box2 .lists2 li a>div{display:inline-block;vertical-align:middle;width:54.5%;position:relative;z-index:2}
.product_box2 .lists2 li .imgs{overflow:hidden;border:1px solid #eeeef0;height:3.58rem;line-height:3.58rem;text-align:center;}
.product_box2 .lists2 li .imgs img{max-height:2.7rem;transition:none;display:inline-block;}
.product_box2 .lists2 li .imgs span{background:none !important;}
.product_box2 .lists2 li .text{width:45.5%;padding-left:.43rem;}
.product_box2 .lists2 li .text h6{font-size:.24rem;color:#000000;font-weight:bold;text-transform:uppercase;padding:0 0 .17rem;position:relative;}
.product_box2 .lists2 li .text h6:after{content:'';width:.55rem;height:3px;background:#196cd1;position:absolute;bottom:0;left:0}
.product_box2 .lists2 li .text p{font-size:.16rem;color:#797979;line-height:.27rem;margin:.27rem 0 .85rem;height:1.08rem;overflow:hidden}
.product_box2 .lists2 li .text em {display:inline-block;border:1px solid #ccc;padding:0 .25rem;font-size:.18rem;color:#4e4e4e;font-weight:bold;text-transform:uppercase;position:relative;height:.65rem;overflow:hidden;line-height:.63rem;}
.product_box2 .lists2 li .text em img{width:50%;margin-left:.2rem;}
.product_box2 .lists2 li .text em i{opacity:0;visibility:hidden;font-size:0;vertical-align:middle;}
.product_box2 .lists2 li .text em:before{content:'';width:0;height:1px;background:#000;display:inline-block;vertical-align:middle;transition:all .65s cubic-bezier(.77,0,.175,1) 0s;}
.product_box2 .lists2 li a:hover .text em img{opacity:0;width:0;margin-left:0}
.product_box2 .lists2 li a:hover .text em i{opacity:1;visibility:visible;margin-left:.1rem;font-size:.2rem;}
.product_box2 .lists2 li a:hover .text em:before{width:.96rem;margin-right:.11rem;}
.product_box2 .lists2 li a:hover{border-color:rgba(0,0,0,0);box-shadow:4px 4px 6px rgba(0,0,0,.1)}
.product_box2 .lists2 li a:hover:after{opacity:1;}
.product_box2 .lists2 li a:hover:before {color:#FFF}
.product_box2 .lists2 li a:hover .text h6,.product_box2 .lists2 li a:hover .text p{color:#FFF}
.product_box2 .lists2 li a:hover .text em {background:#FFF;border-color:#FFF;}
.news_box{background:url(../images/icon5.png) center 95% no-repeat #f9f9fb;padding:.5rem 0 2.7rem;background-size:100% auto;}
.news_box .lists li{margin:0 0 .4rem;}
.news_box .lists li a{display:block;position:relative;overflow:hidden;}
.news_box .lists li a>div{display:inline-block;vertical-align:middle;width:27%}
.news_box .lists li .imgs{overflow:hidden;}
.news_box .lists li .imgs img{width:100%;height:2.76rem;object-fit:cover;transition:none;}
.news_box .lists li .text{width:73%;}
.news_box .lists li .text h5{font-size:.24rem;color:#000;font-weight:bold;text-transform:uppercase;margin:0 0 .3rem;padding:0 .15rem 0 .95rem;}
.news_box .lists li .text p{font-size:.16rem;color:#555;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .25rem;padding:0 .95rem;}
.news_box .lists li .text .mores{padding:.25rem .17rem 0 .95rem;position:relative;text-align:right}
.news_box .lists li .text .mores:before{content:'';width:.98rem;height:2px;background:#ecedef;position:absolute;left:.95rem;top:0;transition:all .3s linear;}
.news_box .lists li .text .mores em {display:inline-block;font-size:.14rem;color:#000;font-weight:bold;text-transform:uppercase;position:relative;height:.17rem;overflow:hidden;line-height:.17rem;}
.news_box .lists li .text .mores em img{width:1.05rem;margin-left:.2rem;}
.news_box .lists li .text .mores em i{opacity:0;visibility:hidden;font-size:.2rem;vertical-align:middle;}
.news_box .lists li .text .mores em:before{content:'';width:0;height:1px;background:#000;display:inline-block;vertical-align:middle;transition:all .65s cubic-bezier(.77,0,.175,1) 0s;}
.news_box .lists li a:hover .text .mores em img{opacity:0;width:0;margin-left:0}
.news_box .lists li a:hover .text .mores em i{opacity:1;visibility:visible;margin-left:.1rem;color:#196cd1}
.news_box .lists li a:hover .text .mores em:before{width:.96rem;margin-right:.11rem;background:#196cd1}
.news_box .lists li .text>span{font-size:.41rem;color:#0d0d0d;font-weight:bold;padding-left:.95rem;line-height:1}
.news_box .lists li a:hover .imgs{box-shadow:2px 2px 4px rgba(0,0,0,.13)}
.news_box .lists li a:hover .text h5{color:#196cd1}
.news_box .lists li a:hover .text .mores:before{width:100%;left:0;background:#196cd1;}
.news_box .lists li a:hover .text .mores em{color:#196cd1;}
.news_box .lists li a:hover .text>span{color:#196cd1}
.show_news {background:url(../images/icon10.png) center bottom no-repeat #f9f9fb;padding:.5rem 0 2.7rem;background-size:100% auto;}
.contact_box{background:#f9f9fb;}
.contact_box .infos{padding:1.2rem 0 1.6rem;}
.contact_box .infos h4{font-size:.24rem;color:#000;text-transform:uppercase;margin:0 0 .6rem;line-height:1.8;font-weight:bold;}
.contact_box .infos .mains>div{display:inline-block;vertical-align:top;width:45%}
.contact_box .infos .mains .text{padding:0 .95rem 0 0;border-right:1px solid #dcdcdc;font-size:.16rem;color:#1f1f1f;}
.contact_box .infos .mains .text p {margin:0 0 .3rem;}
.contact_box .infos .mains .text strong{font-weight:bold;text-transform:capitalize;font-size:.18rem;}
.contact_box .infos .mains .message{width:55%;padding:0 0 0 1rem;}
.contact_box .infos .mains .message li{padding:0 .12rem;margin:0 0 .34rem;}
.contact_box .infos .mains .message li input[type="text"],.contact_box .infos .mains .message li textarea {width:100%;height:.64rem;min-height:35px;border:1px solid #959595;padding:0 .15rem;font-size:.16rem;color:#7c7c7c;background:none;text-transform:capitalize;}
.contact_box .infos .mains .message li textarea{height:1.89rem;padding:.15rem;}
.contact_box .infos .mains .message li:last-child{margin:0}
.contact_box .infos .mains .message li button{background:#196cd1;padding:0 .32rem;height:.56rem;min-height:35px;font-size:.16rem;color:#FFF;font-weight:bold;text-transform:uppercase;border:0}
.contact_box .infos .mains .message li input[name="checkcode"] {width:43%}
.contact_box .map {position:relative;}
.contact_box .map #container{height:6.54rem;}
.faq-page .faq-list{padding:.88rem 0 1.15rem;}
.faq-page .faq-list dt{box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 6px 0 rgb(199, 199, 199);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
padding: .16rem .3rem .14rem;
background-color: #eaeaea;
font-size: .18rem;
cursor: pointer;
color: #0e0e0e;
margin-bottom: .12rem;
transition: 0.5s ease;position:relative}
.faq-page .faq-list dt:before,.faq-page .faq-list dt:after{content:"\f067";font:normal normal normal 14px/1 FontAwesome;position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-size:.18rem;color:#0e0e0e;transition:all .35s ease-in-out}
.faq-page .faq-list dt:after{content:"\f068";opacity:0}
.faq-page .faq-list dt:hover, .faq-page .faq-list .opens dt{background: #196cd1;color: #fff;}
.faq-page .faq-list dt:hover:before,.faq-page .faq-list .opens dt:before,.faq-page .faq-list .opens dt:after{color:#FFF}
.faq-page .faq-list .opens dt:before{opacity:0}
.faq-page .faq-list .opens dt:after{opacity:1}
.faq-page .faq-list dd{font-size: .14rem;
line-height: .22rem;
color: #757575;
background: #eee;
padding: .15rem .3rem;
margin-bottom: .12rem;
display: none;transition:none}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#000;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#196cd1;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#333}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#333}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#FFF}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/
@media(max-width:1850px){
	.header .navlist li a{padding:0 .3rem;}
	.header .navlist li.langs{padding-left:.45rem}
	.product_box2 .lists2 li .text em img{width:42%}
	.index_product ul li a h2{padding-left:.7rem}
	.header .right{position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);display:flex;align-items: center;}
}
@media(max-width:1600px){
.navlist{padding-right:.5rem}
}
@media(max-width:1440px){
	.navlist{padding-right:.5rem}
	.m213{margin:0 1.13rem;}
	.tem_index_column .list li{padding:0 .2rem;}
	.tem_index_product .lists .swiper-slide .imgs em{min-width:70%}
	.tem_index_compro:after,.tem_index_about:after{right:1.6rem;}
	.m70{margin:0 .35rem;}
		.header .right{position:absolute;right:-.3rem;top:50%;transform:translateY(-50%);display:flex;align-items: center;}
	.show_product .imglist .met_page>div{left:-1.5rem;}
	.show_product .imglist .met_page>div.next_{right:-1.5rem;}

}
@media(max-width:1100px){
	.common_box .infos .menus li a{padding:0 .15rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.tem_banner .label_text{left:45%;top:30%}
	
	.m213{margin:0 25px;}
	.tem_index_column .list li{padding:0 .2rem;}
	.tem_index_product .lists .swiper-slide .imgs em{min-width:70%}
	.tem_index_compro:after,.tem_index_about:after{right:.45rem;}
	.m70{margin:0 .25rem;}
	.show_product .imglist .met_page{display:none;}
	.tem_index_product .lists{padding:0 .55rem;}
	.tem_index_product .lists .swiper-page>div{left:0}
	.tem_index_product .lists .swiper-page>div.slide-button-next{left:auto;right:0}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .label_text{left:0;width:100%;padding:0 .25rem;top:10%}
	.tem_banner .label_text h2{font-size:.14rem;width:80%}
	
	.tem_banner .label_text h3{font-size:.34rem;}
	.tem_banner .swiper-page,.tem_banner .slide-pagination{display:none;}
	.index_product ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.3rem .2rem}
	.index_product ul li a h2{padding-left:.6rem}
	.tem_index_column > div > div{display:block;width:100% !important;}
	.tem_index_column .list{display:none;}
	.tem_index_column .search{padding:.35rem 0}
	.tem_index_column .search input[type="text"],.com_mbx .search input[type="text"]{width:100%}
	.tem_index_compro .swiper-slide > div,.com_mbx > div > div,.about_box .adv > div > *,.news_box .lists li a > div,.contact_box .infos .mains > div{display:block;width:100% !important;}
	.tem_index_compro .swiper-slide .text{padding:0 0 .65rem}
	.tem_index_about > div > div{display:block;width:100% !important;}
	.tem_index_about .more{margin:.85rem 0 0}
	.tem_index_service .imgs .item{position:relative;top:auto !important;left:auto !important;bottom:auto !important;right:auto !important;display:block;}
	.tem_index_service .imgs span{position:relative;left:auto;top:auto;transform:none;width:100%;margin:.45rem 0 0}
	.tem_index_news .swiper-slide a{padding:0 0 .8rem;}
	.index_solv>div{display:inherit}
	.index_solv .left{width:100%}
	.index_solv .left h2{font-size:.6rem;height:auto;line-height:normal}
	.index_solv .left h3{font-size:.48rem;;height:auto;line-height:normal;margin:.1rem 0}
	.index_solv .left h1{font-size:.3rem;margin:0 0 .5rem}
	.index_solv .right{width:100%}
	.index_solv .right .title p{width:100%}
	.index_solv .right{padding:.2rem .4rem}
	.index_solv .right ul{grid-template-columns:1fr}
	.index_solv .more a{width:2rem}
	.index_solv .right ul li a{height:.6rem}
	.index_solvtion .top{display:inherit}
	.index_solvtion .top .left{width:100%;margin:0 0 .5rem}
	.index_solvtion .top .left .more a{width:2rem}
	.index_solvtion .top .right{width:100%}
	.index_solvtion .infos ul{grid-template-columns:2fr 2fr}
	.index_solv .left:after{right:0;left:auto;top:50%;transform:translateY(-50%)}
	.index_solvtion .infos ul li:after{bottom:.2rem!important}
	.footer .navlist{display:none;}

	.flash .page_txt{width:100%;left:0;padding:0 .25rem}
	.product_box .infos{display:none;}
	.footer .infos{display:inherit}
	.footer .infos .left {text-align:center}
	.footer .infos .left p{line-height:.3rem}
	.footer .infos .left a{width:30%;display:inline-block}
	.footer .infos ul{display:flex;justify-content: center;}
	.show_product .recommend .swiper-page > div.slide-pagination{display:none;}
	.news_box .lists li .text{margin:.35rem 0 0}
	.news_box .lists li .text h5,.news_box .lists li .text p,.news_box .lists li .text .mores{padding-left:.45rem;padding-right:.45rem;}
	.news_box .lists li .text > span{padding-left:.45rem;}
	.news_box .lists li .text .mores::before{left:.45rem;}
	.contact_box .infos .mains .text{padding:0;border:0}
	.contact_box .infos .mains .message{padding:.5rem 0 0}
	.show_product .imglist h3{position:relative;top:auto;margin:0 0 .45rem;}
	.show_product .imglist > div{display:block;width:100% !important}
	.show_product .imglist .list{padding:0;margin:0 0 .35rem;}
	.m213{margin:0 15px;}
	.contact_box .infos .mains .message li{padding:0}
	.contact_box .infos .mains .message li input[type="text"], .contact_box .infos .mains .message li textarea,.contact_box .infos .mains .message li button{font-size:12px}
	.flash img {width:100%;height:1.9rem;object-fit:cover;transition:none}
	
}