.header{position: fixed;width: 100%;left:0;top:0;z-index:50;padding:0 .76rem;font-size:0}
.header>div{display:inline-block;vertical-align:middle;width:22%}
.header .navlist{width:68%}
.header .items{text-align:right;width:10%}
.header .logos {line-height:.87rem;}
.header .logos img {max-height:.61rem;transition:none;}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .5rem 0 0}
.header .navlist li a{font-size:.16rem;color:#d1d1d1;}
.header .navlist li:last-child{padding:0}
.header .navlist li.active a,.header .navlist li a:hover{color:#FFF}

.header .items>*{display:inline-block;vertical-align:middle;margin-left:.35rem;}
.header .items>a{font-size:.24rem;color:#d0d0d0}
.header .items dl {padding:0;position:relative}
.header .items dl dt{font-weight:normal;font-size:.26rem;color:#d0d0d0;cursor:pointer;line-height:1}
.header .items dl dd {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;box-shadow:0 0 6px rgba(0,0,0,.12);display:none;transition:none;width:1rem}
.header .items dl dd a{display:block;text-align:center;line-height:.4rem;font-size:.16rem;color:#333}

.is_header{background:rgba(0,0,0,.89)}
/**/
.tem_banner .swiper-slide .imgs_ img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .label_text{position:absolute;top:30%;left:0;z-index:2;text-align:center;width:100%} 
.tem_banner .label_text h3 {font-size:.72rem;color:#fbcd06;font-family:"AkzidenzGroteskBQ-Medium"}
.tem_banner .label_text p{font-size:.3rem;color:#FFF;margin:.1rem 0 0}
.tem_banner .label_text>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_text>*{opacity:1;transform:none;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.tem_banner .swiper-slide-active .label_text p{transition-delay:150ms}
.tem_banner .found_{position:absolute;right:.76rem;bottom:0;text-align:right;padding:.57rem 0 .47rem}
.tem_banner .found_ h3 {font-size:1.58rem;color:#FFF;font-family:"AkzidenzGroteskBQ-Bold";line-height:1;padding:0 .8rem 0 0}
.tem_banner .found_ p{font-size:.36rem;color:#FFF;margin:0;padding:0 .35rem 0 0}
.tem_banner .found_:before{content:'';width:3.29rem;height:100%;background:#0169b7;position:absolute;right:0;bottom:0;z-index:1;}
.tem_banner .found_>*{position:relative;z-index:3}

.index_product{position:relative;font-size:0;background:#}
.index_product .listsbox{position:relative;}
.index_product #gallery .swiper-slide{padding:0 .76rem .68rem 0;}
.index_product #gallery .swiper-slide>div{display:inline-block;vertical-align:bottom;width:57.5%}
.index_product #gallery .swiper-slide .text{width:42.5%;background:#FFF;padding:1.3rem .7rem 1.05rem;transform:translateY(.4rem);box-shadow:0 0 .7rem rgba(0,0,0,.13)}
.index_product #gallery .swiper-slide .text>h3 {font-size:.48rem;color:#0169b7;}
.index_product #gallery .swiper-slide .text>p{font-size:.3rem;color:#494949;margin:.2rem 0 .4rem;}
.index_product #gallery .swiper-slide .text .editor{font-size:.16rem;color:#575757;line-height:1.8;margin:0 0 .75rem;}
.index_product #gallery .swiper-slide .text>a {display:inline-block;background:#0169b7;font-size:.16rem;color:#FFF;padding:0 .8rem;line-height:.65rem;}
.index_product #gallery .swiper-slide img {width:100%;height:7.7rem;object-fit:cover;transition:none;}
.index_product .listsbox:before{content:'';width:100%;height:7.7rem;background:#f0f0f0;position:absolute;top:0;left:0}
.index_product #thumbs .swiper-slide img {width:100%;height:3.58rem;object-fit:cover;transition:none}
.index_product #thumbs .swiper-slide p{font-size:.24rem;color:#FFF;position:absolute;bottom:.45rem;left:.3rem;z-index:1;margin:0}
.index_product #thumbs .swiper-slide{cursor:pointer;}
.index_product .listsbox .swiper-page{position:absolute;right:.76rem;top:21%;z-index:2}
.index_product .listsbox .swiper-page>div{display:inline-block;margin:0 .25rem 0 0;width:.63rem;height:.63rem;background:#ececec;border-radius:100%;line-height:.63rem;text-align:center;font-size:.24rem;color:#8b8b8b;outline:none;}
.index_product .listsbox .swiper-page>div:hover {background:#1252b7;color:#FFF}

.index_prolist{padding:.75rem 0 .9rem;}
.index_prolist h3 {font-size:.48rem;color:#0169b7;margin:0 0 .4rem;}
.index_prolist .swiper-slide a{display:block;position:relative;background:#f5f5f5;padding:0 0 .68rem;}
.index_prolist .swiper-slide .imgs {height:3.5rem;line-height:3.5rem;text-align:center;}
.index_prolist .swiper-slide .imgs img {max-height:2.5rem;transition:none;}
.index_prolist .swiper-slide .txt{padding:0 .25rem;}
.index_prolist .swiper-slide .txt h4 {font-size:.2rem;color:#2f2f2f;padding-left:.3rem;position:relative}
.index_prolist .swiper-slide .txt h4:before{content:'';width:.16rem;height:.16rem;border-radius:100%;border:2px solid #0169b7;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.index_prolist .swiper-slide .txt p{font-size:.16rem;color:#595858;margin:.1rem 0 0;padding-left:.3rem;}
.index_prolist .swiper-slide a:hover .imgs {transform:scale(.98)}
.index_prolist .slide-pagination{margin:.6rem 0 0;text-align:center}
.index_prolist .slide-pagination span {opacity:1;outline:none;width:.19rem;height:.19rem;background:#bbbbbb;margin:0 .18rem;}
.index_prolist .slide-pagination span.swiper-pagination-bullet-active{background:#0169b7}

.index_about{position:relative;padding:.85rem 0 0 2.6rem;background:url(../images/icon19.png) 0 bottom no-repeat #f0f0f0;background-size:auto 7.13rem;font-size:0}
.index_about>div{display:inline-block;vertical-align:top;width:42.3%}
.index_about .imgs{width:57.7%}
.index_about .text{padding:.75rem .45rem 0 .3rem;}
.index_about .text>p{font-size:.22rem;color:#929292;margin:0 0 .25rem;position:relative}
.index_about .text>p:before{content:'';width:7px;height:.2rem;background:#0169b7;position:absolute;top:50%;left:-.3rem;transform:translateY(-50%)}
.index_about .text h3 {font-size:.42rem;color:#0169b7;margin:0 0 .45rem;font-weight:bold}
.index_about .text h3 em {display:block;font-size:.3rem;color:#212121;margin:.1rem 0 0;text-transform:uppercase;margin:.15rem 0 0;}
.index_about .text .editor{font-size:.16rem;color:#424242;line-height:1.7;margin:0 0 .9rem;}
.index_about .text >a{display:inline-block;background:#0169b7;font-size:.16rem;color:#FFF;padding:0 .8rem;line-height:.66rem;}
.index_about .nums{position:absolute;bottom:0;left:0;width:100%;z-index:1}
.index_about .nums>div{background:#FFF;box-shadow:0 0 .7rem rgba(0,0,0,.09)}
.index_about .nums>div>div{display:inline-block;vertical-align:top;width:33.333%;padding:.4rem .15rem .5rem;text-align:center;border-right:2px solid #ededed;}
.index_about .nums>div>div:last-child{border-right:0}
.index_about .nums p{font-size:.16rem;color:#414141;margin:0}
.index_about .nums p:first-child{height:.93rem;}
.index_about .nums p img {max-height:.93rem;transition:none}
.index_about .nums h5{font-size:.24rem;color:#414141;margin:.15rem 0;line-height:1}
.index_about .nums h5 em {display:inline-block;vertical-align:bottom;font-size:.82rem;line-height:1}

.index_service{padding:.75rem 0 0;font-size:0}
.index_service .title {margin-bottom:.45rem;padding-left:.3rem;}
.index_service .title p{font-size:.22rem;color:#929292;margin:0 0 .2rem;position:relative}
.index_service .title>p:before{content:'';width:7px;height:.2rem;background:#0169b7;position:absolute;top:50%;left:-.3rem;transform:translateY(-50%)}
.index_service .title h3 {font-size:.48rem;color:#0169b7;}
.index_service .lists{position:relative;background:url(../images/icon20.jpg) center no-repeat;background-size:cover;display:flex;}
.index_service .lists>div{width:25%;padding:1rem .65rem 1.1rem;text-align:center;border-right:1px solid rgba(255,255,255,.51)}
.index_service .lists>div:last-child{border:0}
.index_service .lists>div>p{font-size:.18rem;color:#FFF;letter-spacing:3px;margin:0}
.index_service .lists h4 {font-size:.3rem;color:#FFF;margin:.2rem 0 .78rem;}
.index_service .lists .imgs {height:2.7rem;}
.index_service .lists .imgs img {max-height:1.5rem;transition:none}
.index_service .lists .imgs span {background:none !important;display:inline-block;vertical-align:middle;}
.index_service .lists .editor{font-size:.16rem;color:#FFF;line-height:1.75}

.index_news{padding:.95rem 0 1.45rem;}
.index_news .title {position:relative;margin:0 0 .45rem;padding-left:.26rem;}
.index_news .title p{font-size:.22rem;color:#929292;margin:0 0 .25rem;position:relative}
.index_news .title>p:before{content:'';width:7px;height:.2rem;background:#0169b7;position:absolute;top:50%;left:-.26rem;transform:translateY(-50%)}
.index_news .title h3 {font-size:.42rem;color:#0169b7;}
.index_news .title .swiper-page{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.index_news .title .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 0 0 .26rem;width:.64rem;height:.64rem;background:#f5f5f5;line-height:.64rem;text-align:center;border-radius:999px;font-size:.26rem;color:#8a8a8a}
.index_news .title .swiper-page>div:hover {background:#1252b7;color:#FFF}
.index_news .swiper-slide a{background:#f5f5f5;display:block;position:relative;padding:.37rem .3rem .4rem;}
.index_news .swiper-slide span {font-size:.16rem;color:#373737}
.index_news .swiper-slide h4 {font-size:.24rem;color:#212121;line-height:.3rem;height:.6rem;overflow:hidden;margin:.35rem 0 .2rem;}
.index_news .swiper-slide p{font-size:.16rem;color:#373737;line-height:.26rem;height:.52rem;overflow:hidden;margin:0 0 .95rem;}
.index_news .swiper-slide em {display:inline-block;font-size:.14rem;color:#373737;border:1px solid #686868;border:1px solid #686868;padding:.18rem}
.index_news .swiper-slide em i {margin-left:.5rem;font-size:.32rem;}
.index_news .swiper-slide a:hover {background:#1252b7}
.index_news .swiper-slide a:hover>*{color:#FFF !important;}
.index_news .swiper-slide a:hover em {border-color:#FFF}

.footer{background:url(../images/icon21.jpg) center no-repeat;background-size:cover;padding:.7rem 0 .5rem;font-size:0}
.footer .logos img {max-height:.7rem;transition:none}
.footer .infos>div{display:inline-block;vertical-align:top;width:79.5%}
.footer .infos .tels{width:20.5%;position:relative}
.footer .infos .navlist{padding:.7rem 0 0;}
.footer .infos .navlist>dl{display:inline-block;vertical-align:top;margin:0;padding:0 .4rem 0 0;max-width:16.666%}
.footer .infos .navlist dl dt a{font-size:.16rem;color:#FFF;}
.footer .infos .navlist dl dt{margin:0 0 .2rem;}
.footer .infos .navlist dl dd {margin:0 0 .15rem;}
.footer .infos .navlist dl dd a{font-size:.14rem;color:#dcdcdc}
.footer .infos .tels p{font-size:.3rem;color:#f2f2f2;margin:0 0 1.55rem;}
.footer .infos .tels a{display:inline-block;width:.54rem;height:.54rem;background:#FFF;line-height:.54rem;text-align:center;font-size:.24rem;color:#333;border-radius:100%;float:right;}
.footer .copy{margin:.3rem 0 0;padding:.3rem 0 0;border-top:1px solid rgba(255,255,255,.05);font-size:.16rem;color:#FFF}
.footer .copy a{font-size:.16rem;color:#FFF;display:inline-block;}

/**/
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:35%;text-align:center}
.tem_banner.indise .txt h1{font-size:.38rem;color:white}
.tem_banner.indise .txt  p{font-size:.72rem;color:white;margin:.1rem 0 .4rem}
.tem_banner.indise .txt h2{font-size:.16rem;color:white}
.tem_banner.indise .mouse{background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.3rem;height:.5rem;position:absolute;left:50%;transform:translateX(-50%);bottom:20%;background-size:100%;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:20%
	}
	to{
		bottom:17%
	}
}
.tem_banner.indise .banner_nav{position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:.6rem;background:rgba(255,255,255,0);}
.tem_banner.indise .banner_nav.fiexd{position:fixed;bottom:auto;top:.97rem;background:rgba(255,255,255,1);box-shadow: 0 0 12px rgba(0,0,0,0.5);z-index:999}
.tem_banner.indise .banner_nav.fiexd>div{background:rgba(255,255,255,0);}
.tem_banner.indise .banner_nav>div{display:flex;background:rgba(255,255,255,.65);justify-content: space-between;align-items: center;}
.tem_banner.indise .banner_nav .left ul{display:flex;padding:.234rem 0 }
.tem_banner.indise .banner_nav .left ul li{padding:0 .35rem;line-height:normal;border-right:1px solid #848484}
.tem_banner.indise .banner_nav .left ul li:last-child{border:0}
.tem_banner.indise .banner_nav .left ul li a{font-size:.16rem;color:#3b3b3b;}
.tem_banner.indise .banner_nav .left ul li a:hover{color:#0169b7;}
.tem_banner.indise .banner_nav .mbx{display:flex;padding-right:.8rem;font-size:.16rem;align-items: center;}
.tem_banner.indise .banner_nav .mbx a{font-size:.16rem;color:#515151;margin:0 .1rem}
.tem_banner.indise .banner_nav .mbx a:first-child{padding-left:.26rem;position:relative}
.tem_banner.indise .banner_nav .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise .banner_nav .mbx a:last-child {color:#0169b7}
.about_company .pad11{padding: 0 1.1rem}
.about_company .top ul{display:flex}
.about_company .top ul li{width:33.333%;position:relative;height:4.24rem;border:1px solid #e0e0e0;margin-left:-1px;display:flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}
.about_company .top ul li:after{content:'';position:absolute;background:#0169b7;height:4px;width:0%;left:50%;transform:translateX(-50%);bottom:0;transition:.5s cubic-bezier(0.93, 0.75, 0.15, 0.87)}
.about_company .top ul li:hover:after{width:100%;transition:.5s cubic-bezier(0.93, 0.75, 0.15, 0.87)}
.about_company .top ul li h1{font-size:.177rem;color:#0f0f0f}
.about_company .top ul li h1 em{font-size:.6rem;color:#0169b7;font-weight:bold;margin:0 .1rem;display:inline-block}
.about_company .top ul li:hover h1 em{transform:translateY(-.3rem)}
.about_company .top ul li p{font-size:.18rem;color:#3f3f3f;margin:.3rem 0 0}
.about_company .lists{border:1px solid #dcdcdc }
.about_company .lists .items{display:flex;align-items: center;}
.about_company .lists .items:nth-child(2){flex-direction:row-reverse}
.about_company .lists .items .img{width:50%}
.about_company .lists .items .text{width:50%;padding-left:.4rem;padding-right:.6rem}
.about_company .lists .items .text h1{font-size:.36rem;color:#1e1e1e;font-weight:bold;padding-left:.44rem;margin:0 0 .45rem;position:relative}
.about_company .lists .items .text h1:after{content:"";position:absolute;width:8px;height:100%;background:#0169b7;left:0;top:50%;transform:translateY(-50%)}
.about_company .lists .items .text .box {padding-left:.44rem;position:relative}
.about_company .lists .items .text .box h2{position:absolute;;left:0;top:0;text-transform:uppercase;writing-mode:vertical-rl;font-size:.16rem;color:#c3c3c3}
.about_company .lists .items .text .box .infos p{font-size:.16rem;color:#1e1e1e;line-height:.25rem}
.about_history{background:url(/public/common/images/icon4.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 2.25rem}
.about_history .title{text-align:center;padding:1.3rem 0 1.05rem}
.about_history .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_history .title  p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.2rem 0 0;}
.about_history .lists {position:relative;padding:0 1rem}
.about_history .lists:after{content:"";position:absolute;background:#c6c6c6;width:100%;height:1px;top:50%;transform:translateY(-50%);left:0}
.about_history .lists  .items{height:3.7rem;position:relative}
.about_history .lists  .items:after{content:'';position:absolute;background:#dedede;height:50%;top:0;width:2px;left:.07rem}
.about_history .lists  .items:before{content:"";position:absolute;background:#0169b7;width:.16rem;height:.16rem;border-radius:100%;top:50%;transform:translateY(-50%);z-index:2}
.about_history .lists  .items.xss:after{top:auto;bottom:0}
.about_history .lists  .items .txt{position:absolute;width:80%;left:50%;transform:translateX(-50%);top:.22rem}
.about_history .lists  .items.xss .txt{top:auto;bottom:.22rem}
.about_history .lists  .items .txt h1{font-size:.24rem;color:#0169b7;font-weight:bold;margin:0 0 .2rem}
.about_history .lists  .items .txt p{font-size:.16rem;color:#373737;line-height:.25rem}
.about_history .lists   .swiper-page>div{position:absolute;text-align:center;font-size:.8rem;color:#737373;outline:none;z-index:2;top:48%;left:0;transform:translateY(-50%);}
.about_history .lists  .swiper-page>div.slide-button-next {left:auto;right:0}
.about_honor {padding:0 0 1.5rem}
.about_honor .title{text-align:center;padding:1.15rem 0 .65rem}
.about_honor .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_honor .title  p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0;}
.about_honor  .lists a{overflow:hidden}
.about_honor  .lists a:hover img{transform:scale(1.1)}
.about_honor  .slide-pagination{text-align:center;margin:.8rem 0 0 }
.about_honor  .slide-pagination span{width:.33rem;height:.33rem;line-height:.33rem;border-radius:0;text-align:center;margin:0 .04rem;opacity:1;;background:#ededed;color:#767676;border:1px solid #767676;font-size:.16rem;}
.about_honor  .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #0169b7;color:#0169b7}
.about_honor  .slide-pagination span:hover{border:1px solid #0169b7;color:#0169b7}

.about_service{font-size:0}
.about_service .title {margin-bottom:.45rem;text-align:center}
.about_service .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_service .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0;}
.about_service .lists{position:relative;background:url(../images/icon20.jpg) center no-repeat;background-size:cover;display:flex;}
.about_service .lists>div{width:25%;padding:1rem .65rem 1.1rem;text-align:center;border-right:1px solid rgba(255,255,255,.51)}
.about_service .lists>div:last-child{border:0}
.about_service .lists>div>p{font-size:.18rem;color:#FFF;letter-spacing:3px;margin:0}
.about_service .lists h4 {font-size:.3rem;color:#FFF;margin:.2rem 0 .78rem;}
.about_service .lists .imgs {height:2.7rem;}
.about_service .lists .imgs img {max-height:1.5rem;transition:none}
.about_service .lists .imgs span {background:none !important;display:inline-block;vertical-align:middle;}
.about_service .lists .editor{font-size:.16rem;color:#FFF;line-height:1.75}

.about_problem{padding:.5rem 0 1.2rem;font-size:0}
.about_problem .title {margin-bottom:.45rem;text-align:center}
.about_problem .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_problem .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0;}
.about_problem .editor>div{display:inline-block;vertical-align:top;width:50%}
.about_problem .editor .text{font-size:.16rem;color:#333;line-height:1.85;padding:0 .4rem 0 0;text-indent:2em;}



.product_box{position:relative}
.product_box:after{content:"";width:23.8%;background:#eeeeee;height:100%;position:absolute;top:0;z-index:-1}
.product_box .bg{padding:0 1.6rem 0 1.1rem;display:flex;justify-content: space-between;}
.product_box  .left{width:15.1%;padding:.8rem 0 4.15rem}
.product_box  .left dl{margin:0 0 .26rem}
.product_box  .left dl:last-child{margin:0}
.product_box  .left dl dt{border-bottom:1px solid #c9c9c9}
.product_box  .left dl dt a{font-weight:normal;font-size:.18rem;color:#1c1c1c;padding:.15rem .3rem .15rem 0;position:relative}
.product_box  .left dl dt a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.24rem;color:#9e9e9e;transition:.3s}
.product_box  .left dl dd{padding:.3rem 0 .3rem;transition:none;display:none}
.product_box  .left dl dd .info{margin:0 0 .35rem}

.product_box  .left dl dd .info:last-child{margin:0}
.product_box  .left dl.class3.on dd {display: block;}
.product_box  .left dl.on  dt a{color:#0169b7;transition:.3s}
.product_box  .left dl.on  dt a:after{transform:translateY(-50%)rotate(90deg);color:#0169b7;transition:.3s}
.product_box  .left dl dd .info a.ons{color:#0169b7;transition:.3s}
.product_box  .left dl dd .info a:hover{color:#0169b7;transition:.3s}
.product_box  .left dl dd .info a{font-size:.16rem;color:#676767}
.product_box  .right{width:76.6%;padding:.5rem 0 0}
.product_box  .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box  .right .lists:after{content:"";width:32%}
.product_box  .right .lists .items{width:32%;margin: 0 0 .2rem}
.product_box  .right .lists .items h1{font-size:.16rem;color:black;font-weight:bold;text-align:center;margin:.1rem  0}
.product_box  .right .lists .items h2{font-size:.16rem;color:#676767;text-align:center;}
.product_box  .right .lists .items a{position:relative;}
.product_box  .right .lists .items a:after{content:"";position:absolute;background:linear-gradient(120deg,rgba(1,105,183,.6),rgba(1,105,183,0));width:0;height:0;left:50%;transform:translate(-50%,-50%);top:50%;transition:.3s;opacity:0;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.product_box  .right .lists .items a:hover:after{width:100%;height:100%;opacity:1;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.product_box  .right .lists .items a:hover img{transform:scale(1.1)}
.product_box  .right .page{display:flex;justify-content: center;margin:.55rem 0 0  }
.product_box  .right .page a{width:.29rem;height:.29rem;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.product_box  .right .page a.page-num-current,.product_box  .right .page a:hover{border:1px solid #0169b7;color:#0169b7}
.return{padding:.5rem 0}
.return a{position:relative;font-size:.18rem;color:black;padding-left:.3rem;}
.return a:after{content:"\f112";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:0;top:50%;transform:translateY(-50%);font-size:.2rem}
.product {padding:0 0 .95rem}
.product>div{background:#f9f9f9;padding:.5rem  .18rem .5rem}
.product .top{display:flex;justify-content: space-between;padding:0 0 .5rem}
.product .top .left{width:49%;position:relative}
.product .top .left .imglist{position:relative;z-index:2}
.product .top .left .sm_list{bottom:0;z-index:2;padding:0 .35rem;position:relative;margin:.3rem 0 0 }
.product .top .left .sm_list .swiper-page>div{position:absolute;font-size:.2rem;color:#c00000;outline:none;z-index:2;top:0%;left:0;height:100%;background:#e5e5e5;width:.2rem;text-align:center;line-height:.73rem}
.product .top .left .sm_list   .swiper-page>div.slide-button-next {left:auto;right:0}
.product .top .left .sm_list   .swiper-page>div:hover{background:#c00000}
.product .top .left .sm_list   .swiper-page>div:hover i{color:white}
.product .top .right{width:49%;background:white;padding:.65rem .3rem 0}
.product .top .right .infos h1{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .28rem}
.product .top .right .infos p{color:#636363;font-size:.14rem}
.product .bot{background:white;padding:.2rem;font-size:.14rem}
.product .bot table {}
.product .bot table td{border:1px solid black;padding:.1rem;text-align:center}
.product .bot table .firstRow td{background:rgba(73,194,177);color:white}
.product .bot table tr td{background:rgba(218,242,242);color:black}
.case >div{padding:.65rem 0 1.2rem    }
.case .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case .lists .items{width:48.2%;margin:0 0 .55rem}
.case .lists .items a{position:relative}

.case .lists .items a:after{content:"";position:absolute;background:linear-gradient(120deg,rgba(1,105,183,.6),rgba(1,105,183,0));width:0;height:0;left:50%;transform:translate(-50%,-50%);top:50%;transition:.3s;opacity:0;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.case .lists .items a:hover:after{width:100%;height:100%;opacity:1;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}

.case .lists .items a em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.36rem;color:white;z-index:2;opacity:0}
.case .lists .items  h2{font-size:.18rem;color:#000000;font-weight:bold;margin:.2rem 0 }
.case .lists .items a:hover img{transform:scale(1.1)}
.case .lists .items a:hover em{opacity:1}
.case  .page{display:flex;justify-content: center;margin:.5rem 0 0  }
.case  .page a{width:.29rem;height:.29rem;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.case  .page a.page-num-current,.case .page  a:hover{border:1px solid #0169b7;color:#0169b7}
.tem_banner{z-index:33}
.company_news {padding:  0 0 .85rem;background:#f5f5f5}
.company_news .title{padding:.7rem 0 .62rem;text-align:center}
.company_news .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.company_news .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.company_news .lists a{padding:.45rem .75rem .4rem;border-right:1px solid #e5e5e5;position:relative}
.company_news .lists a span{font-size:.14rem;color:#545454}
.company_news .lists a  h2{font-size:.2rem;color:#232323;height:.5rem;line-height:.25rem;margin:.14rem 0 .22rem}
.company_news .lists a:hover{background:#0169b7;;border-right:1px solid #0169b7}
.company_news .lists a em{font-size:.14rem;color:#939393;display:inline-block;margin:0 0 .18rem}
.company_news .lists a p{font-size:.14rem;color:#939393;height:.4rem;line-height:.2rem;margin:.32rem 0 .45rem}
.company_news .lists a:hover span{color:white}
.company_news .lists a:hover h2{color:white}
.company_news .lists a:hover em{color:white}
.company_news .lists a:hover p{color:white}
.company_news .lists a:hover img{transform:scale(1.1)}
.company_news .lists a .more{display:flex;position:relative;align-items: center;}
.company_news .lists a .more i{font-size:.175rem;color:#939393}
.company_news .lists a .more:before{content:"";width:50%;height:1px;width:20%;background:#939393;transition:.5s}
.company_news .lists a:hover .more:before{width:100%;transition:.5s}
.company_news .lists a:hover .more i{color:white}
.company_news .lists a:hover .more:before {background:white}
.company_news .lists .swiper-page{display:flex;justify-content: center;margin:.75rem 0 0 }

.company_news .lists .swiper-page .slide-button-prev,.company_news .lists .swiper-page .slide-button-next ,.company_news .lists .slide-pagination span{width:.29rem;height:.29rem;text-align:center;opacity:1;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.company_news .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #0169b7;color:#0169b7}


.trade_news {padding:  0 0 1.2rem;background:white}
.trade_news .title{padding:.5rem 0 .45rem;text-align:center}
.trade_news .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.trade_news .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.trade_news .lists .items{margin:0 0 .3rem}
.trade_news .lists a{display:flex;position:relative;padding:.35rem 1.85rem .6rem  .35rem;justify-content: space-between;border-bottom:2px solid #dcdcdc;align-items: center;}
.trade_news .lists a:hover{background:#eeeeee;border-bottom:2px solid #eeeeee;}
.trade_news .lists a:hover img{transform:scale(1.1)}
.trade_news .lists a:after{content:"";position:absolute;width:.6rem;height:.6rem;border:1px solid #a0a0a0;right:.5rem;top:50%;transform:translateY(-50%);background:url(/public/common/images/icon8.png) center center no-repeat;transition:.3s}
.trade_news .lists a:hover:after{background:#0169b7 url(/public/common/images/icon8-1.png) center center no-repeat;border:1px solid #0169b7;transition:.3s}
.trade_news .lists a .img{width:40%}
.trade_news .lists a .text{width:52.5%}
.trade_news .lists a .text span{font-size:.195rem;color:#343434;font-weight:bold}
.trade_news .lists a .text  h2{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:.3rem 0  .4rem}
.trade_news .lists a .text  p {font-size:.15rem;color:#0f0f0f;height:.5rem;line-height:.25rem}
.trade_news .lists .swiper-page{display:flex;justify-content: center;margin:.2rem 0 0 }
.trade_news .lists a:hover h2{color:#0169b7}
.trade_news .lists .swiper-page .slide-button-prev,.trade_news .lists .swiper-page .slide-button-next ,.trade_news .lists .slide-pagination span{width:.29rem;height:.29rem;text-align:center;opacity:1;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.trade_news .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #0169b7;color:#0169b7}

.contact_box .infos .title{padding:.8rem 0 .5rem;text-align:center}
.contact_box .infos  .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.contact_box .infos  .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.contact_box .infos ul{display:flex;padding:0 1.1rem;}
.contact_box .infos ul li {width:25%;height:4.24rem;padding:0 .8rem;border:1px solid #dcdcdc;margin-left:-1px;display:flex;flex-direction: column;justify-content: center;position:relative}
.contact_box .infos ul li:after{content:'';position:absolute;height:4px;width:0;left:50%;transform:translateX(-50%);bottom:0;background:#0169b7;transition:.3s}
.contact_box .infos ul li:hover:after{width:100%}
.contact_box .infos ul li h1{font-size:.18rem;color:#0f0f0f;font-weight:bold;padding: .9rem  0 0;position:relative}
.contact_box .infos ul li p{font-size:.2rem;color:#3f3f3f;margin:.35rem 0 0} 
.contact_box .infos ul li:nth-child(1) h1:after{content:'';position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:.63rem;height:.58rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(2) h1:after{content:'';position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.54rem;height:.5rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(3) h1:after{content:'';position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.57rem;height:.58rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(4) h1:after{content:'';position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.58rem;height:.63rem;left:0;top:0;background-size:100%;transition:.3s}

.contact_box .infos ul li:nth-child(1):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon9-1.png) 0 0 no-repeat;width:.63rem;height:.58rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(2):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon10-1.png) 0 0 no-repeat;width:.54rem;height:.5rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(3):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon11-1.png) 0 0 no-repeat;width:.57rem;height:.58rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(4):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon12-1.png) 0 0 no-repeat;width:.58rem;height:.63rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .map #container{height:6.4rem}
.contact_box .message{padding:0 0 1.1rem}
.contact_box .message  .title {padding:.75rem 0 .6rem;text-align:center}
.contact_box .message .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.contact_box .message .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.contact_box .message .form  .info{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message .form  .info .input {width:45%;margin:0 0 .65rem}
.contact_box .message .form  .info .input input{width:100%;height:.5rem;;border:0;border-bottom:1px solid #aaaaaa}
.contact_box .message .form  .info .input .text{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:0 0 .15rem}
.contact_box .message .form  .second  .text{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:0 0 .15rem}
.contact_box .message .form  .second textarea{width:100%;height:1.4rem;border:1px solid #aaaaaa;padding:.1rem}
.contact_box .message .form  .submint{margin:.4rem  0 0;}
.contact_box .message .form  .submint button{width:1.8rem;height:.5rem;border-radius:50px;background:#0169b7;font-size:.16rem;color:white;border:0}

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

.m-header {background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-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:#0169b7;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.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:#FFF}
.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:#0169b7}
.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{color:#FFF}
.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:1600px){
	.index_product>div{padding-left:0.6rem}
	.product_box .bg{padding:0 0.6rem 0 .6rem;;}
}     
@media(max-width:1440px){
	.index_about{padding-left:1.6rem;}
}           
/******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}
	.index_about{padding-left:25px;}
}
/********mobile*********/
@media(max-width:767px){
.tem_banner .swiper-slide .imgs_ img{height:auto;}
.tem_banner .found_{display:none;}
.index_product #gallery .swiper-slide{padding:0}
.index_product > div{padding:0;}
.index_product #gallery .swiper-slide > div{display:block;width:100% !important;}
.index_product #gallery .swiper-slide .text{transform:none;}

.index_about > div{display:block;width:100% !important;}
.index_about{padding:0 15px;}
.index_about .text{padding:.75rem 0 .35rem;}
.index_about .nums{position:relative;}
.index_about .nums > div{margin:0}
.index_about .nums > div > div{width:50%}
.index_service .lists{    flex-wrap: wrap;    flex-direction: row;}
.index_service .lists > div{width:50%;border-bottom:1px solid rgba(255,255,255,.51)}
.footer .infos,.footer .logos {display:none;}
.footer .copy{margin:0}

.tem_banner.indise .banner_nav{display:none}
.tem_banner.indise .txt h2{display:none}
.about_company .pad11{padding:0 .3rem}
.about_company .top ul{display:flex;flex-wrap: wrap;}
.about_company .top ul li{width:50%}
.about_company .lists .items{display:inherit}
.about_company .lists .items .img{width:100%}
.about_company .lists .items .text{width:100%;margin:.2rem 0 }
.product_box .bg{padding:.1rem;;}
.product_box .right .lists .items{width:48%}
.product_box .left{width:20%}
#exzoom{width:100% !important}
.company_news .lists a{padding:.2rem;border-right:1px solid #e5e5e5;position:relative}
.trade_news .lists a{padding:.25rem 1rem .3rem  .2rem;justify-content: space-between;border-bottom:2px solid #dcdcdc;align-items: center;}
.trade_news .lists a:after{right:.2rem}
.contact_box .infos ul{padding:0;display:flex;flex-wrap: wrap;}
.contact_box .infos ul li{width:50%}
}