/*header*/
.m90 {margin:0 .9rem;}
.header {position:fixed;top:0;left:0;z-index:18;background:#FFF;width:100%}
.header>div>div{display:inline-block;vertical-align:middle;width:11%;line-height:1.02rem;}
.header .logos img {max-height:.63rem;transition:none;}
.header .logos{border-right:2px solid #e4e4e4;padding-right:.25rem;}
.header .navlist{width:79%;line-height:normal;padding:0 .35rem;}
.header .navlist li {display:inline-block;vertical-align:middle;padding:0 .35rem}
.header .navlist li>a{font-size:.18rem;color:#5b5757;text-transform:capitalize;font-family:"Roboto-Regular";display:block;line-height:1.02rem;}
.header .navlist li>a:hover,.header .navlist li.active>a{color:#2775b7}
.header .navlist li .com_dl {position:absolute;top:100%;left:0;margin:0;padding:0;background:#FFF;z-index:1;width:100%;text-align:center;border-top:1px solid #e8e8e8;display:none;transition:none;}
.header .navlist li dl {margin:0;padding:0}
.header .navlist li .pros{text-align:left;}
.header .navlist li .pros dl {padding:0 2.6rem;}

.header .navlist li dl dd{display:inline-block;vertical-align:middle;padding:0 .4rem;}
.header .navlist li dl dd a{font-size:.16rem;color:#6b6b6b;line-height:.6rem;display:block;}
.header .navlist li dl dd.on a,.header .navlist li dl dd a:hover {color:#2775b7}
.header .langs{width:10%;line-height:normal;text-align:right;border-left:2px solid #e4e4e4;line-height:1.02rem;}
.header .navlist li dl.pros{padding:0 0 .54rem;}
.header .navlist li dl.pros dd a{line-height:normal;}
.header .navlist li dl.pros dd .imgs{height:.9rem;line-height:.9rem;text-align:center}
.header .navlist li dl.pros dd .imgs img {max-height:.5rem;transition:none;}
.header .navlist li dl.pros dd a:hover .imgs {transform:scale(1.02)}
.header .navlist li .class3{border-top:1px solid #e5e5e5;padding:.4rem 2.6rem .45rem;border-bottom:1px solid #e5e5e5;background:#FFF;text-align:left;}
.header .navlist li .class3>div{padding:0 .4rem;}
.header .navlist li .class3 h6 {font-size:.2rem;color:#000000;font-family:"Roboto-Medium";margin:0 0 .25rem;}
.header .navlist li .class3 p {margin:0 0 .25rem;}
.header .navlist li .class3 p a{font-size:.2rem;color:#686868}
.header .navlist li .class3 p a:hover {color:#000}

.header .langs>a{display:inline-block;margin-left:.35rem;width:.4rem;height:.4rem;border:1px solid #646464;line-height:.38rem;text-align:center;font-size:.16rem;color:#5a5a5a;text-transform:uppercase;border-radius:100%;vertical-align:middle;}
.header .langs>a:first-child {font-size:.19rem;margin:0}
.header .langs>a:hover {background:#000;color:#FFF;border-color:#000}
/*banner*/
.tem_banner .swiper-page>div{position:absolute;top:50%;left:.9rem;transform:translateY(-50%);z-index:1;width:.48rem;height:.59rem;background:#858689;border-radius:8px;line-height:.59rem;text-align:center;font-size:.23rem;color:#FFF}
.tem_banner .swiper-page>div.slide-button-next {left:auto;right:.9rem;}
.tem_banner .swiper-page>div:hover {background:#2775b7;}
/**/
.tem_index_about{padding:1.05rem 0 }
.tem_index_about:before{position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}
.tem_index_about>div>div{display:inline-block;vertical-align:middle;width:57%}
.tem_index_about .infos{padding:0 .15rem 0 0}
.tem_index_about .infos p {font-size:.24rem;color:#FFF;font-family:"Roboto-Medium";margin:0 0 .45rem}
.tem_index_about .infos h3 {font-size:.34rem;color:#FFF;font-family:"050-cai978";margin:0 0 1.4rem;}
.tem_index_about .infos .mores>a{display:inline-block;background:#2775b7;padding:0 .36rem;line-height:.56rem;font-size:.16rem;color:#FFF;border-radius:6px;}
.tem_index_about .text{width:43%;font-size:.16rem;color:#FFF;font-family:"Roboto-Medium";line-height:1.8;}

.tem_index_product{padding:.8rem 0 1.1rem;background:#FFF}
.tem_index_product h3 {font-size:.36rem;color:#3d3d3d;margin:0 0 .55rem;text-align:center;font-family:"Swis721-Blk-BT";text-transform:uppercase;font-weight:bold;}
.tem_index_product .swiper-slide a{display:block;position:relative}
.tem_index_product .swiper-slide .imgs {overflow:hidden}
.tem_index_product .swiper-slide .imgs img {width:100%;height:4.25rem;object-fit:cover;transition:none;border-radius:4px;}
.tem_index_product .swiper-slide p {font-size:.16rem;color:#242424;margin:.25rem 0 0;text-align:center;font-family:"Roboto-Medium"}
.tem_index_product .swiper-slide a:hover .imgs{transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.tem_index_product .slide-pagination{margin:.75rem 0 0;text-align:center}
.tem_index_product .slide-pagination span{opacity:1;outline:none;width:.26rem;height:4px;background:#ccc;border-radius:35px;margin:0 .15rem;}
.tem_index_product .slide-pagination span.swiper-pagination-bullet-active{background:#2775b7}

.tem_index_prolist{padding:.95rem 0 1.2rem;background:url(../images/icon1.jpg) center no-repeat;background-size:cover;}
.tem_index_prolist h3 {font-size:.36rem;color:#3d3d3d;text-align:center;text-transform:uppercase;font-family:"Swis721-Blk-BT";margin:0 0 .8rem;font-weight:bold;}
.tem_index_prolist .lists{padding:0 0 0 2.6rem;position:relative}
.tem_index_prolist .lists .swiper-slide a{display:block;position:relative;}
.tem_index_prolist .lists .swiper-slide .imgs img {width:100%;height:6.15rem;object-fit:cover;transition:none;border-radius:8px;}
.tem_index_prolist .lists .swiper-slide .title{position:absolute;top:.55rem;left:0;width:100%;padding:0 1.45rem 0 .55rem;z-index:2;}
.tem_index_prolist .lists .swiper-slide .title:after{content:"";background:url(../images/icon2.png) right center no-repeat;background-size:.48rem auto;width:.48rem;height:.27rem;position:absolute;right:.55rem;top:50%;transform:translateY(-50%)}
.tem_index_prolist .lists .swiper-slide .title h4 {font-size:.3rem;color:#3d3d3d;text-transform:uppercase;font-family:"Roboto-Bold"}
.tem_index_prolist .lists .swiper-slide .title p {font-size:.16rem;color:#3d3d3d;margin:.2rem 0 0}
.tem_index_prolist .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:.9rem;z-index:1;width:.48rem;height:.59rem;background:rgba(0,0,0,.5);line-height:.59rem;text-align:center;font-size:.18rem;color:#FFF;border-radius:6px;}
.tem_index_prolist .lists .swiper-page>div.slide-button-next{left:auto;right:.9rem;}
.tem_index_prolist .lists .swiper-page>div:hover {background:#2775b7}

.tem_index_news{background:#FFF;padding:.95rem 0 1.1rem;}
.tem_index_news h3 {font-size:.36rem;color:#3d3d3d;font-family:"Swis721-Blk-BT";text-align:center;margin:0 0 .5rem;text-transform:uppercase;font-weight:bold}
.tem_index_news .lists {position:relative;padding:.4rem 2.55rem .9rem;background:linear-gradient(to bottom,#fbfbfb,#f3f3f3);text-align:center;}
.tem_index_news .lists .swiper-slide h4 {font-size:.24rem;color:#3d3d3d;font-family:"Roboto-Bold";margin:0 0 .3rem;line-height:.31rem;height:.62rem;overflow:hidden}
.tem_index_news .lists .swiper-slide p {font-size:.16rem;color:#3d3d3d;line-height:.28rem;height:.56rem;overflow:hidden;margin:0;font-family:"Roboto-Light"}
.tem_index_news .lists .slide-pagination{position:absolute;right:.54rem;left:auto;bottom:.55rem;z-index:1;width:auto}
.tem_index_news .lists .slide-pagination span {opacity:1;outline:none;width:.1rem;height:.1rem;background:none;border:1px solid #848d99;margin:0 .11rem;}
.tem_index_news .lists .slide-pagination span.swiper-pagination-bullet-active{background:#2775b7;border-color:#2775b7}
.tem_index_news .mores{padding:.65rem 0 .35rem;border-bottom:2px solid #e4e4e4;text-align:center}
.tem_index_news .mores>a{display:inline-block;font-size:.16rem;color:#3d3d3d;font-family:"Roboto-Medium";}

.tem_index_video{padding:1.65rem 0 1.15rem;text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover}
.tem_index_video .title{text-align:center}
.tem_index_video .title h3 {font-size:.3rem;color:#FFF}
.tem_index_video .title p {font-size:.2rem;color:#FFF;margin:.25rem 0 .8rem}
.tem_index_video .title>a{display:inline-block;border:1px solid #FFF;border-radius:12px;font-size:.16rem;color:#FFF;line-height:.5rem;padding:0 .74rem;}

/*通用底部*/
.footer {background:url(../images/icon4.jpg) center no-repeat;background-size:cover;padding:.75rem 0 0}
.footer .f_nav{padding: 0 0 .4rem;}
.footer .f_nav>div>*{display:inline-block;vertical-align:middle;width:80%}
.footer .f_nav ul li {display:inline-block;vertical-align:middle;padding:0 .75rem;border-right:1px solid #3a3a3a}
.footer .f_nav ul li:first-child {padding-left:0}
.footer .f_nav ul li:last-child {padding-right:0;border:0}
.footer .f_nav ul li a{font-size:.18rem;color:#3a3a3a;font-family:"Roboto-Medium"}
.footer .f_nav .share{width:20%}
.footer .f_nav .share>a{font-size:.18rem;color:#262424;display:inline-block;margin-left:.25rem;}
.footer .f_info {padding:.7rem 0;border-bottom:2px solid rgba(0,0,0,.22);border-top:2px solid rgba(0,0,0,.22);}
.footer .f_info>div>div{display:inline-block;vertical-align:top;width:70%}
.footer .f_info .text{font-size:.16rem;color:#626262;}
.footer .f_info .text a{font-size:.16rem;color:#626262;}
.footer .f_info .info{width:30%;text-align:right}
.footer .f_info .info h6 {font-size:.18rem;color:#3a3a3a;font-weight:bold;line-height:1.8;margin:0 0 .45rem;}
.footer .f_info .info h6 em {display:block;text-transform:uppercase;}
.footer .f_info .info p {font-size:.3rem;color:#3a3a3a;font-weight:bold;margin:0}
.footer .copy{padding:.6rem 0;font-size:.16rem;color:#626262;line-height:1.9}
.footer .copy a{font-size:.16rem;color:#626262;}
/**/
.flash {position:relative}
.flash h4 {position:absolute;top:50%;left:0;width:100%;padding:0 2.6rem;z-index:4;font-size:.6rem;color:#FFF;font-family:"Futura-ExtraBold";transform:translateY(-50%)}
/**/
.company{padding:.78rem 0 1.2rem;}
.company .mains h3{font-size:.48rem;color:#000000;margin:0 0 .95rem;text-align:center}

.company .mains .editor .imgs {border-radius:12px;overflow:hidden;padding:0 .42rem 0 0}

.company .mains .editor .text h6 {font-size:.3rem;color:#1e1e1e;font-family:"Roboto-Medium";margin:0 0 .35rem;}
.company .mains .editor .text h6 em {font-size:.6rem;color:#2775b7;display:inline-block;vertical-align:bottom;padding-right:.2rem;}
.company .mains .editor .text .t {font-size:.16rem;color:#323131;line-height:1.8;text-indent:2em;}
.company .imglist{padding:1.35rem 0 0 2.6rem}
.company .imglist>div{display:inline-block;vertical-align:middle;width:50.7%}
.company .imglist .nums {padding:0 .55rem 0 0}
.company .imglist .nums>div{padding:.3rem 0 .2rem;border-bottom:1px solid #e6e6e6}
.company .imglist .nums>div:first-child{padding-top:0}
.company .imglist .nums>div>*{display:inline-block;vertical-align:middle;width:34%}
.company .imglist .nums>div h5 {font-size:.36rem;color:#2775b7;font-family:"Roboto-Regular"}
.company .imglist .nums>div h5 em {font-size:.6rem;display:inline-block;vertical-align:bottom;font-family:"Roboto-Medium";padding:0 .1rem 0 0}
.company .imglist .nums>div p{width:66%;margin:0;font-size:.26rem;color:#414141;font-family:"Roboto-Light"}

.company .imglist .imgbox{width:49.3%;position:relative}
.company .imglist .imgbox .swiper-slide img{border-radius:12px 0 0 12px;}
.company .imglist .imgbox .slide-pagination{position:absolute;bottom:.54rem;left:.55rem;z-index:1;width:auto}
.company .imglist .imgbox .slide-pagination span {outline:none;width:.25rem;height:6px;background:#FFF;border-radius:0;opacity:.5;margin:0 .24rem 0 0}
.company .imglist .imgbox .slide-pagination span.swiper-pagination-bullet-active{opacity:1}

.culture{padding:1.05rem 0 1.35rem;text-align:center;background:#f5f5f5}
.culture h3 {font-size:.48rem;color:#000;font-family:"Roboto-Medium";margin:0 0 .65rem;}
.culture .swiper-slide{position:relative}
.culture .swiper-slide>img {width:100%;height:3.78rem;object-fit:cover;transition:none}
.culture .swiper-slide .txt{position:absolute;bottom:.7rem;left:0;width:100%;text-align:center;z-index:1;font-size:.16rem;color:#FFF}
.culture .slide-scrollbar{width:4.98rem;height:6px;border-radius:35px;margin:.9rem auto 0;background:#d3d3d3}
.culture .slide-scrollbar>div{background:#2775b7;border-radius:35px;}

.honor{padding:.95rem 0 1.3rem;background:#fafdff;}
.honor h3 {text-align:center;font-size:.48rem;color:#000;font-family:"Roboto-Medium";margin:0 0 1.15rem;}
.honor .mains>div{display:inline-block;vertical-align:top;width:50%}
.honor .mains .imgs{padding-right:1.55rem;}
.honor .mains .imgs>p{font-size:.16rem;color:#454545;line-height:1.8;margin:0 0 .7rem;}
.honor .mains .imgs .swiper-slide .img {overflow:hidden;height:3.5rem;line-height:3.5rem;text-align:center}
.honor .mains .imgs .swiper-slide .img img {max-height:3.5rem;transition:none;}
.honor .mains .imgs .swiper-slide p {font-size:.16rem;color:#454545;margin:.25rem 0 0;text-align:center}
.honor .mains .imgs .slide-pagination {margin:.4rem 0 0;text-align:center;}
.honor .mains .imgs .slide-pagination span{opacity:1;outline:none;width:.16rem;height:.16rem;background:#bfbfbf;margin:0 .2rem;}
.honor .mains .imgs .slide-pagination span.swiper-pagination-bullet-active{background:#2775b7}
.honor .mains .lists{height:5.65rem;border-top:2px solid #e9ebec;border-bottom:2px solid #e9ebec;padding:.45rem 0}
.honor .mains .lists,.honor .mains .lists * {transition:none}
.honor .mains .lists li {margin:0 0 .4rem;}
.honor .mains .lists li >*{display:inline-block;vertical-align:top;width:19%}
.honor .mains .lists li h6 {font-size:.24rem;color:#2775b7;padding-left:.4rem;position:relative}
.honor .mains .lists li h6:before{content:'';width:.12rem;height:.12rem;background:#999;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.honor .mains .lists li .t {width:60%;font-size:.16rem;color:#454545;line-height:1.75}

.workshop{padding:1.1rem 0 .8rem;}
.workshop h3 {font-size:.48rem;color:#000;text-align:center;margin:0 0 .5rem;font-family:"Roboto-Medium"}
.workshop .lists .swiper-slide a{display:block;position:relative;}
.workshop .lists .swiper-slide .imgs{overflow:hidden;}
.workshop .lists .swiper-slide .imgs img {width:100%;height:4.25rem;object-fit:cover;transition:none;}
.workshop .lists .swiper-slide p {font-size:.16rem;color:#242424;margin:.25rem 0 0;text-align:center;}
.workshop .lists .slide-pagination{margin:.75rem 0 0;text-align:center}
.workshop .lists .slide-pagination span{opacity:1;outline:none;width:.26rem;height:4px;background:#ccc;border-radius:35px;margin:0 .15rem;}
.workshop .lists .slide-pagination span.swiper-pagination-bullet-active{background:#2775b7}
/**/
.product_box{background:#fafafa;padding:0 0 1.8rem;}
.comnav{background:#FFF;padding:.5rem 0 .35rem;}
.comnav ol {margin:0;padding:0}
.comnav ol li {display:inline-block;vertical-align:middle;padding:0 .6rem 0 0}
.comnav ol li a{font-size:.2rem;color:#686868;font-family:"Roboto-Medium"}
.comnav ol li.on a,.comnav ol li a:hover {color:#000}
.product_box .lists{padding:.5rem 0 0}
.product_box .lists h3 {font-size:.3rem;color:#000;font-family:"Roboto-Medium";margin:0 0 .55rem;text-align:center;}
.product_box .lists li {padding:.16rem;}
.product_box .lists li a{display:block;position:relative;overflow:hidden;    transition: all 0.5s ease;    border: 1px solid rgba(231,231,231,1);background:#FFF}
.product_box .lists li h4 {text-align:center;padding:0 20%;color:#000;font-size:.19rem;background:#f5f5f5;border-bottom: 1px solid #eee;line-height:.5rem;transition:all .5s ease;height:.5rem;position:relative}
.product_box .lists li h4:before{    content: '';    position: absolute;    left: -1.7rem;    top: -.7rem;    width: 1.4rem;    height: 1.4rem;
    background-color: rgb(218, 0, 0);    transform: rotate(45deg);    transition: all .5s ease;}
.product_box .lists li h4 i {    position: absolute;    left: .1rem;    top: .1rem;    display: block;    width: .2rem;    height: .2rem;    color: #f5f5f5;line-height:normal;}
.product_box .lists li .imgs{height:3.18rem;line-height:3.18rem;text-align:center;background:#FFF}
.product_box .lists li .imgs span {background:#FFF !important;display:inline-block;vertical-align:middle}
.product_box .lists li .imgs img {max-height:3.18rem;transition:none}
.product_box .lists li .text{padding: .2rem .15rem 0;    line-height: .3rem;}
.product_box .lists li .text p {margin:0 0 .1rem;font-size:.14rem;color:#707070}
.product_box .lists li .text p span {    font-weight: bold;    font-size: .16rem;    color: #001440;}
.product_box .lists li .mores{width: 100%;    padding: .16rem 0 .32rem;    text-align: center;    font-size: .16rem;    color: #333;    font-family: Oswald;}
.product_box .lists li .mores i {transition:all .5s ease;font-size:.18rem;}
.product_box .lists li a:after{    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background-color: rgb(218, 0, 0);
    transition: all .5s ease;}
.product_box .lists li a:hover h4:before{left:-1rem;}
.product_box .lists li a:hover:after {
    width: 100%;
}

.product_box .lists li a:hover .imgs span {
    transform:scale(1.1);
}

.product_box .lists li a:hover .mores i {
    margin-left: 5px;
}

.product_box .lists li a:hover {
    box-shadow: 0 0 20px #ddd;
}


/*翻页*/
.page {margin:.4rem 0 0;}
.page a{display:inline-block;vertical-align:middle;width:.3rem;height:.3rem;line-height:.3rem;font-size:.14rem;color:#000;font-family:"Roboto-Bold";border-radius:4px;margin:0 .1rem;background:#e5e5e5}
.page a.page-link{width:auto;padding:0 .08rem;}
.page a.page-item{font-size:.14rem;font-family:"Roboto-Regular"}
.page a.page-num-current{background:#2775b7;color:#FFF}
/**/
.show_product{padding:1.02rem 0 0}
.show_product .mbx {background:#f9f9f9;border-top:1px solid #e3e5e5;border-bottom:1px solid #e3e5e5;padding:.25rem 0}
.show_product .mbx>div{position:relative;font-size:.16rem;color:#272626}
.show_product .mbx>div>a{font-size:.16rem;color:#272626;}
.show_product .mbx>div>a:first-child+a {display:none;}
.show_product .mbx>div>a:first-child i {color:#2775b7;padding-right:.12rem;}
.show_product .mbx .pages{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.show_product .mbx .pages>a{display:inline-block;margin-left:.13rem;width:.38rem;height:.38rem;border:1px solid #c3c3c3;border-radius:100%;line-height:.36rem;text-align:center;font-size:.22rem;color:#898989;}
.show_product .mbx .pages>a:hover {background:#2775b7;color:#FFF;border-color:#2775b7}


.show_product .mains {padding:.6rem 0 .95rem}
.show_product .mains>div>div{display:inline-block;vertical-align:top;width:44.7%}
.show_product .mains .text{width:55.3%;padding-left:5%}
.show_product .mains .text h3 {font-size:.4rem;color:#000;font-weight:bold;padding:.1rem 0 .25rem;border-bottom:1px solid #e8e8e8}
.show_product .mains .text .boxs{}
.show_product .mains .text .boxs hr {border-color:#cfd2d9}
.show_product .mains .text .boxs h5 {font-size:.18rem;color:#595959;font-weight:700;margin:0 0 .2rem;padding:.25rem 0 0}
.show_product .mains .text .boxs .editor table{width:100% !important;background:#f9f9f9;}
.show_product .mains .text .boxs .editor table td {height:.4rem;font-size:.16rem;color:#595959;vertical-align:middle;width:auto;border:1px solid #ccc;padding:0 .25rem;}
.show_product .mains .text .boxs .editor table tr:nth-child(2n) {background:#FFF}
.show_product .mains .text .boxs .editor table tr:hover {background:#eee}
.show_product .mains .text .boxs .editor table p {margin:0}

.show_product .mains .text .boxs .downs table {width:100% !important;background:#eee}
.show_product .mains .text .boxs .downs table td {vertical-align:middle;height:.5rem;font-size:.14rem;color:#595959;padding:0 .2rem}
.show_product .mains .text .boxs .downs table tr:first-child{background:#edf2f5}
.show_product .mains .text .boxs .downs table tr:first-child td {font-size:.16rem;}
.show_product .mains .text .boxs .downs table tr:nth-child(2n) {background:#FFF}
.show_product .mains .text .boxs .downs table td a{display:inline-block;padding:.1rem .14rem;border-radius:3px;background:rgb(240,240,240);vertical-align:middle;
}
.show_product .mains .text .boxs .downs table p {margin:0}

.show_product .mains .imgbox *{transition:none !important}
.abPicZoom-preview .preview img {max-width:none}
.abPicZoom-preview .preview {width:300px !important;height:200px !important;border:5px solid rgb(238,238,238) !important;box-shadow:0 0 12px rgba(0,0,0,.22)}
.abPicZoom-preview { width:100%; }
/* 预览图 */
.abPicZoom-preview .bigImg { border:1px solid #dbdbdb;background:#fff; overflow:hidden; }
.abPicZoom-preview .bigImg li { width:100%; height:6.23rem; overflow:hidden;text-align:center;}
.abPicZoom-preview .bigImg li img {width:6.23rem;height:6.23rem;object-fit:cover;transition:none}
/*选择器*/
.abPicZoom-preview .selector { cursor:move; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; background-color:#000; border:1px solid #eee; width:150px; height:150px; background-image:url(../images/selector_bg.png); border-radius:30px; }
/* 缩略图 */
.abPicZoom-preview .smallImg { position:relative; width:100%; height:1.36rem; overflow:hidden;padding:0 .3rem;margin:.2rem 0 0}
.abPicZoom-preview .smallImg .smallList {overflow:hidden; }
.abPicZoom-preview .smallImg li { float:left; width:1.36rem;}
.abPicZoom-preview .smallImg li img { border-radius:8px; width:1.36rem; height:1.36rem; cursor:pointer; object-fit:cover}
.abPicZoom-preview .smallImg li a {display:block; }
.abPicZoom-preview .smallImg li.on a {display:block; }

/*上下按钮*/
.abPicZoom-preview .sPrev, .abPicZoom-preview .sNext { z-index:2; position: absolute; top:50%; width:.28rem; height:1.02rem; background:#f5f5f5; font-size:.38rem; line-height:1.02rem; color:#000; text-align:center; display:block; transform:translateY(-50%)}
.abPicZoom-preview .sPrev { left:0; } .abPicZoom-preview .sNext { right:0; }
.abPicZoom-preview .sPrev:hover, .abPicZoom-preview .sNext:hover { color:rgba(0,0,0,.7) }

.related_box{padding:1rem 0 1.2rem;}
.related_box h3 {font-size:.42rem;color:#000;font-weight:bold;padding:0 0 .3rem;border-bottom:1px solid #dbdbdb;margin:0 0 .6rem;}
.related_box .lists {padding:0 .72rem;position:relative;}
.related_box .lists .swiper-slide a{display:block;border:1px solid #d9d9d9;position:relative}
.related_box .lists .swiper-slide a:before{content:'';width:100%;height:100%;border:3px solid rgb(218,0,0);position:absolute;top:0;left:0;z-index:2;transition:all .5s ease;opacity:0}
.related_box .lists .swiper-slide .imgs {height:2.9rem;line-height:2.9rem;text-align:center;}
.related_box .lists .swiper-slide .imgs img {max-height:2.5rem;transition:none}
.related_box .lists .swiper-slide p{font-size:.16rem;color:#262626;text-align:center;background:rgb(245,245,245);line-height:.7rem;margin:0}
.related_box .lists .slide-pagination{margin:.3rem 0 0;text-align:center}
.related_box .lists .slide-pagination span {opacity:1;outline:none;width:.16rem;height:.16rem;background:rgb(228,228,228);margin:0 8px;border-radius:0}
.related_box .lists .slide-pagination span.swiper-pagination-bullet-active{background:rgb(218,0,0)}
.related_box .lists .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:.45rem;color:#e5e5e5}
.related_box .lists .swiper-page>div.slide-button-next{left:auto;right:0}
.related_box .lists .swiper-page>div:hover {color:rgb(218,0,0,)}
.related_box .lists .swiper-slide a:hover:before{opacity:1}
/**/
.news_box{padding:.75rem 0 1.7rem;}
.news_box h3 {font-size:.48rem;color:#000;font-family:"Roboto-Medium";margin:0 0 .7rem;text-align:center}
.news_box .mains>div{display:inline-block;vertical-align:top;width:75.5%}
.news_box .mains .lists {position:relative}
.news_box .mains .lists:after{content:'';width:2px;height:70%;background:#ececec;position:absolute;right:0;top:0}
.news_box .mains .lists li {padding:0 .4rem 0 0;margin:0 0 .85rem;}
.news_box .mains .lists li .imgs {overflow:hidden;}
.news_box .mains .lists li .imgs img {width:100%;height:2.97rem;object-fit:cover;transition:none;border-radius:4px;}
.news_box .mains .lists li .text{padding:.4rem 0;border-bottom:2px solid #d4d4d4}
.news_box .mains .lists li .text h4 {font-size:.24rem;color:#3d3d3d;font-family:"Roboto-Bold";line-height:.27rem;height:.81rem;overflow:hidden;margin:0 0 .4rem;}
.news_box .mains .lists li .text span {font-size:.16rem;color:#3d3d3d}
.news_box .mains .lists li a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.16)}
.news_box .mains .rlt_list{width:24.5%;padding-left:.35rem;}
.news_box .mains .rlt_list h4 {font-size:.18rem;color:#2775b7;font-family:"Roboto-Medium";margin:0 0 .25rem;}
.news_box .mains .rlt_list .other li {padding:0 0 .3rem;margin:0 0 .4rem;border-bottom:2px solid #ececec}
.news_box .mains .rlt_list .other li .imgs img {width:100%;height:1.62rem;object-fit:cover;transform:none}
.news_box .mains .rlt_list .other li .imgs {display:none;transition:none;margin:0 0 .5rem;}

.news_box .mains .rlt_list .other li h6 {font-size:.16rem;color:#3d3d3d;line-height:.28rem;height:.56rem;overflow:hidden;}
.news_box .mains .rlt_list .other li a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.16)}
.news_box .mains .rlt_list .video li{margin:0 0 .3rem;}
.news_box .mains .rlt_list .video li a{display:block;position:relative}
.news_box .mains .rlt_list .video li .imgs img{width:100%;height:1.8rem;object-fit:cover;transition:none;border-radius:4px;}
.news_box .mains .rlt_list .video li i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.28rem;color:#FFF;z-index:2}
.news_box .mains .rlt_list .video li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.18)}
/*视频中心*/
.video_box .mains .lists .imgs{position:relative}
.video_box .mains .lists .imgs i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;color:#FFF;z-index:2}
.video_box .mains .lists li a>h4 {font-size:.16rem;color:#3d3d3d;margin:.3rem 0 0}
.show_news{padding:1.42rem 0 .9rem;background:#f9f9f9}
/*联系我们*/
.contact_box{padding:1.55rem 1.55rem 1.55rem 2.6rem;background:url(../images/icon5.jpg) center no-repeat;background-size:cover;}
.contact_box>div{display:inline-block;vertical-align:top;width:44.5%}
.contact_box .text{padding:0 .45rem 0 0}
.contact_box .text h3 {font-size:.48rem;color:#000;font-family:"Roboto-Medium";margin:0 0 .6rem;}
.contact_box .text .addr{padding:0 0 .65rem;}
.contact_box .text .addr>p {font-size:.18rem;color:#828282;margin:0 0 .45rem;}
.contact_box .text .box>*{display:inline-block;vertical-align:top;}
.contact_box .text .box>span {width:33%}
.contact_box .text .box>span>a{font-size:.18rem;color:#2775b7}
.contact_box .text .box>span>a i {font-size:.24rem;padding-right:.1rem;}
.contact_box .text .box>p{font-size:.18rem;color:#5e5e5e;width:67%}
.contact_box .text .box>p em {color:#818181}
.contact_box .text .editor{padding:.65rem 0 0;border-top:2px solid #ececec;font-size:.16rem;color:#828282}
.contact_box .text .editor p a{font-size:.3rem;color:#2775b7}
.contact_box .text .editor p em {font-size:.24rem;color:#616161}

.contact_box .message{width:55.5%;background:#FFF;padding:.95rem 1rem 1.2rem;border-radius:20px;box-shadow:.32rem .32rem .1rem rgba(0,0,0,.08)}
.contact_box .message h4 {font-size:.24rem;color:#515151;font-family:"Roboto-Medium";margin:0 0 .2rem;}
.contact_box .message p {font-size:.16rem;color:#9a9a9a;margin:0 0 .4rem;}
.contact_box .message .lists li {margin:0 0 .45rem;}
.contact_box .message .lists li input[type="text"],.contact_box .message .lists li textarea {width:100%;height:.6rem;min-height:35px;border:0;border-bottom:2px solid #e6e6e6;font-size:.18rem;color:#6c6c6c}
.contact_box .message .lists li:last-child{margin:0}
.contact_box .message .lists li button {background:#2775b7;border-radius:35px;font-size:.18rem;color:#FFF;height:.65rem;min-height:35px;border:0;padding:0 .57rem;}
.cnts_box .map #container{height:100%}
.fixed_forms.cnts_box .mains {padding:0}
.fixed_forms.cnts_box .close_{z-index:99}

/*生产实力*/
.production_box .mains0 {padding:.75rem 0 .85rem;}
.production_box .mains0>div>div{display:inline-block;vertical-align:middle;width:48%}
.production_box .mains0 .text {padding:0 .7rem 0 0}
.production_box .mains0 .text h3 {font-size:.36rem;color:#2775b7;margin:0 0 .4rem;text-align:center}
.production_box .mains0 .text .editor{font-size:.16rem;color:#3b3b3b;line-height:1.8}
.production_box .mains0 .imgs{width:52%}
.production_box .mains1 {padding:.6rem 0 1.3rem;background:#f5f5f5}
.production_box .mains1 ol {margin:0 0 .4rem;padding:0;}
.production_box .mains1 ol li {display:inline-block;vertical-align:top;margin:0 2px 0 0}
.production_box .mains1 ol li a{display:block;min-width:1.29rem;text-align:center;height:.59rem;font-size:.16rem;color:#353535;border-radius:6px;line-height:.59rem;background:#e3e3e3}
.production_box .mains1 ol li#current a{background:#2775b7;color:#FFF}
.production_box .mains1 .swiper-slide>div{display:inline-block;vertical-align:top;width:25%;padding:0 .15rem;margin:0 0 .5rem;}
.production_box .mains1 .swiper-slide>div .imgs{overflow:hidden;}
.production_box .mains1 .swiper-slide>div .imgs img {width:100%;height:2.3rem;object-fit:cover;transition:none}
.production_box .mains1 .swiper-slide>div p {font-size:.16rem;color:#353535;margin:.2rem 0 0}
.production_box .mains1 .swiper-slide>div a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.2)}

.production_box .swiper-page{margin:.5rem 0 0;text-align:center}
.production_box .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;}
.production_box .swiper-page>div.slide-button-next,.production_box .swiper-page>div.slide-button-prev {width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;font-size:.16rem;color:#818181;border-radius:3px;margin:0 .1rem;}
.production_box .swiper-page>div.slide-pagination span {opacity:1;outline:none;width:.3rem;height:.3rem;background:#e5e5e5;line-height:.3rem;font-size:.14rem;color:#000;border-radius:3px;margin:0 .1rem;font-family:"Roboto-Bold"}
.production_box .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#2775b7;color:#FFF;}

.production_box .mains2 {padding:.8rem 0 2.3rem;}
.production_box .mains2 h3 {font-size:.36rem;color:#2775b7;text-align:center;margin:0 0 .4rem;}
.production_box .mains2 .swiper-slide>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .25rem;margin:0 0 .5rem;}
.production_box .mains2 .swiper-slide .imgs{position:relative;overflow:hidden;border-radius:6px;}
.production_box .mains2 .swiper-slide .imgs img {width:100%;height:2.85rem;object-fit:cover;transition:none;}
.production_box .mains2 .swiper-slide .imgs:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:rgba(0,0,0,.3)}
.production_box .mains2 .swiper-slide .imgs i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.46rem;color:#FFF;z-index:2}
.production_box .mains2 .swiper-slide p {font-size:.16rem;color:#3d3d3d;margin:.35rem 0 0}
.production_box .mains2 .swiper-slide a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.16)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-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:#f39800;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:#f39800}
.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********/

/**************************/
@media(max-width:1440px){
	.tem_index_prolist .lists,.company .imglist,.contact_box{padding-left:1.6rem}
	.flash h4{padding:0 1.6rem;}
	.header .navlist li .pros dl {padding:0 1.6rem;}
	.header .navlist li .class3 {padding-left:1.6rem;padding-right:1.6rem}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2  {top:0;opacity:1;}
	.m90{margin:0 .15rem;}
	.tem_banner{padding:50px 0 0}
	.tem_banner .swiper-page > div{left:.25rem;}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:.25rem;}
	.tem_index_prolist .lists, .company .imglist, .contact_box {padding-left:.25rem;}
	.flash h4{padding:0 .25rem}
	
	.show_product{padding:0}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .swiper-page > div{left:.15rem;}
	.tem_banner .swiper-page > div.slide-button-next{left:auto;right:.15rem;}
	.tem_index_prolist .lists, .company .imglist, .contact_box {padding-left:.15rem;}	
	
	.tem_index_about > div > div,.footer .f_info > div > div{display:block;width:100% !important;}
	.tem_index_about .infos{padding:0 0 .65rem;}
	.footer .f_nav{display:none;}
	.footer .f_info .info{text-align:left;}
	.flash h4{padding:0 .15rem;}
	.company .mains .editor > div,.honor .mains > div{display:block;width:100% !important}
	.company .mains .editor .imgs{padding:0 0 .45rem;}
	.company .imglist > div{display:block;width:100% !important}
	.company .imglist .nums{padding:0 0 .55rem;}
	.honor .mains .imgs{padding:0 0 .65rem;}
	.production_box .mains0 > div > div,.contact_box > div{display:block;width:100% !important}
	.production_box .mains0 .text{padding:0 0 .7rem;}
	.production_box .mains1 .swiper-slide > div,.production_box .mains2 .swiper-slide > div{width:50%}
	.comnav ol li{padding:0 .4rem 0 0;margin:0 0 .35rem;}
	.contact_box{padding-right:.15rem;padding-top:.6rem;}
	.contact_box .text{padding:0 0 .45rem;}
	.contact_box .message .lists li input[type="text"], .contact_box .message .lists li textarea,.contact_box .message .lists li button {font-size:12px;}
	.contact_box .message{padding:.95rem .5rem 1.2rem;}
	
	.show_product .mains > div > div{display:block;width:100% !important}
	.show_product .mains .text{padding:.5rem 0 0}
	
}