/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18;font-size:0}
.header img {max-height:.87rem;}
.header>div>div{padding:0;line-height:1.16rem;}
.header .navlist li {display:inline-block;padding:0 .28rem;line-height:normal}
.header .navlist li a{font-size:.18rem;color:#FFF;}
.header .langs>*{display:inline-block;vertical-align:middle;line-height:normal;font-size:.16rem;color:#FFF;}
.header .langs em {padding:0 8px;}

.is_header {background:rgba(0,0,0,.7);}
/*banner*/
.tem_banner{}
.tem_banner .index_video {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}
 #background_video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%;} 
 #video_cover{position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center;background-repeat:no-repeat;} 
 #video_controls{position: absolute; left: 50%; transform: translate(-50%, 0);display:none;} 
 #play img{width: 1rem;} 
 #pause img{width: 1rem;} 
 #pause{display: none;} 
 #overlay {
  position: absolute;
  top: 0; right: 0; left: 0; bottom: 0;
  background: rgba(0,0,0,0.4);
}


.tem_banner .label_text{position:fixed;bottom:.64rem;left:0;width:100%;text-align:center;padding:0 1.6rem;z-index:2;}
.tem_banner .label_text p{font-size:.48rem;color:#FFF;text-transform:uppercase;font-family:"Candara";text-shadow:0 0 0.2em #FFF,-0 -0 0.2em #FFF;margin:0 0 .35rem;}
.tem_banner .label_text h5{font-size:.72rem;color:#FFF;text-shadow:0 0 0.2em #FFF,-0 -0 0.2em #FFF;font-family:"KaiTi";margin:0 0 .52rem;}
.tem_banner .label_text em {font-size:.14rem;color:#FFF;display:inline-block;padding:1.92rem 0 0;position:relative;text-transform:uppercase;background:url(../images/icon0.png) center 0 no-repeat;background-size:auto 0;cursor:pointer;}
.tem_banner .label_text em:before,.tem_banner .label_text em:after{content:'';width:.64rem;height:.64rem;border:1px solid #FFF;border-radius:100%;position:absolute;left:50%;top:1.16rem;transform:translateX(-50%);}
.tem_banner .label_text em:after{width:8px;height:8px;background:#FFF;border:0;top:1.44rem;transition:all .8s ease-in-out}
.tem_banner .label_text em:hover:after{width:.64rem;height:.64rem;top:1.16rem;}
.tem_banner .label_text .slide-pagination{margin:.85rem 0 0;}
.tem_banner .label_text .slide-pagination span {opacity:1;outline:none;width:.11rem;height:.11rem;border:1px solid #FFF;border-radius:100%;background:none;margin:0 .08rem;}
.tem_banner .label_text .slide-pagination span.swiper-pagination-bullet-active{background:#FFF}
/**/
main {position:relative;z-index:5;background:#FFF;margin-right:2.6rem;font-size:0}
.tem_index_product{position:relative}
.tem_index_product .swiper-slide a{background:#FFF;display:block;position:relative;overflow:hidden;}
.tem_index_product .swiper-slide a>div{display:inline-block;vertical-align:top;width:55.7%;overflow:hidden}
.tem_index_product .swiper-slide .text{width:44.3%;padding:1.4rem 1rem 0 1.3rem;}
.tem_index_product .swiper-slide .text .title{margin:0 0 .65rem;}
.tem_index_product .swiper-slide .text .title h2{font-size:.6rem;color:#282828;font-weight:600}
.tem_index_product .swiper-slide .text .title p{font-size:.36rem;color:#969696;margin:.2rem 0 0;font-family:"Candara";text-transform:uppercase}
.tem_index_product .swiper-slide .text>p {font-size:.16rem;color:#5b5b5b;margin:0 0 1.1rem;line-height:1.7}
.tem_index_product .swiper-slide .text>em{font-size:.14rem;color:#8f8f8f;display:inline-block;padding-right:.35rem;position:relative;background:url(../images/icon2.png) right center no-repeat;background-size:.22rem .11rem;}
.tem_index_product .swiper-slide a:hover img {transform:scale(1.06)}
.tem_index_product .swiper-slide a:hover .text>em {padding-right:.5rem;}
.tem_index_product .swiper-page{position:absolute;bottom:0;right:0;z-index:1;border-top:1px solid #d2d2d2;width:44.3%;background:#FFF}
.tem_index_product .swiper-page>div{display:inline-block;vertical-align:middle;width:50%;text-align:center;font-size:.16rem;color:#8f8f8f;line-height:.63rem;}
.tem_index_product .swiper-page>div:first-child{border-right:1px solid #d2d2d2}
.tem_index_product .swiper-page>div:hover {background:#000;color:#FFF}
.tem_index_product .slide-pagination{bottom:.84rem;right:.56rem;z-index:2;font-size:.16rem;color:#8f8f8f;position:absolute;z-index:2;width:auto;left:auto;}

.tem_index_parther{background:#4b4b4b;padding:.65rem .56rem 1.18rem 2.6rem;}
.tem_index_parther h3{font-size:.3rem;color:#FFF;margin:0 0 .25rem;}
.tem_index_parther .mains>div{display:inline-block;vertical-align:top;width:25%;}
.tem_index_parther .mains .slogan{padding:.36rem 0 0;border-top:1px solid #6b6b6b;font-size:.16rem;color:#FFF}
.tem_index_parther .mains .lists{width:75%;}
.tem_index_parther .mains .lists li{padding:0 0 0 .34rem;margin:0 0 .28rem;}
.tem_index_parther .mains .lists li p{font-size:.16rem;color:#FFF;margin:0 0 .4rem;border-top:1px solid #6b6b6b;padding:.26rem 0 0}
.tem_index_parther .mains .lists li a span{background:none !important;}
.tem_index_parther .mains .lists li img {-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-filter: grayscale(100%);filter: grayscale(100%);max-height:.3rem;}
.tem_index_parther .mains .lists li a:hover img {transform:scale(1.06);-webkit-filter: grayscale(0);filter: grayscale(0);}

.tem_index_about{background:#f9f9f9;padding:.92rem .56rem 1.1rem 2.6rem;}
.tem_index_about .title>*{display:inline-block;vertical-align:top;}
.tem_index_about .title h3{font-size:.3rem;color:#252525;padding: 0 0 .25rem;width:35%}
.tem_index_about .title a{float:right;padding:0 .27rem;line-height:.51rem;border:1px solid #bdbdbd;font-size:.14rem;color:#8b8b8b;margin:.29rem 0 0}
.tem_index_about .title a:after{content:'';display:inline-block;vertical-align:middle;width:.22rem;height:.11rem;background:url(../images/icon2.png) 0 0 no-repeat;background-size:.22rem .11rem;margin-left:.45rem;}
.tem_index_about .title a:hover{background:#333;color:#FFF;border-color:#333;}
.tem_index_about p.slogan{margin:.13rem 0 .78rem;font-size:.16rem;color:#4b4b4b;}
.tem_index_about .menus>div{padding:.43rem 0 .76rem;background:#FFF}
.tem_index_about .menus a{display:block;position:relative;text-align:center;padding:.48rem 0;border-right:1px solid #eaeaea}
.tem_index_about .menus h6{font-size:.24rem;color:#202020;padding:1.44rem 0 .15rem;position:relative;background-size:1.07rem .84rem !important;}
.tem_index_about .menus h6:after{content:'';width:.4rem;height:1px;background:#202020;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all .45s ease-in-out}
.tem_index_about .menus p{font-size:.16rem;color:#8b8b8b;margin:.2rem 0 0;font-family:"Candara";text-transform:capitalize;}
.tem_index_about .menus .order0 h6{background:url(../images/icon1-1.png) center 0 no-repeat;}
.tem_index_about .menus .order1 h6{background:url(../images/icon1-2.png) center 0 no-repeat;}
.tem_index_about .menus .order2 h6{background:url(../images/icon1-3.png) center 0 no-repeat;}
.tem_index_about .menus .order3 h6{background:url(../images/icon1-4.png) center 0 no-repeat;}
.tem_index_about .menus a:hover h6{background-position:center .15rem;}
.tem_index_about .menus a:hover h6:after{width:.65rem}
.fixed_forms .index_video {background:none;height:auto;padding:0;max-width:8rem;height:6rem;width:100%;}
.index_video .videos video {object-fit:cover;width:100%}

.tem_index_news{padding:.67rem .56rem 1.04rem 2.6rem;background:url(../images/icon3.jpg) center no-repeat;background-size:cover;}
.tem_index_news>div{display:inline-block;vertical-align:top;width:28%;padding-right:.48rem;}
.tem_index_news .column h3{font-size:.3rem;color:#FFF;padding:0 0 .25rem;border-bottom:1px solid rgba(255,255,255,.3);margin:0 0 .7rem;}
.tem_index_news .column li {margin:0 0 .25rem;}
.tem_index_news .column li a{display:block;position:relative;padding:0 0 .25rem;border-bottom:1px solid rgba(255,255,255,.3);font-size:.16rem;color:#FFF}
.tem_index_news .column li a:hover{text-indent:1em}
.tem_index_news .lists{width:37.2%;padding-right:.21rem;height:4.75rem;}
.tem_index_news .lists,.tem_index_news .lists *{transition:none}
.tem_index_news .lists .mCSB_scrollTools .mCSB_draggerRail {background:rgba(255,255,255,.5)}
.tem_index_news .lists .mCSB_inside > .mCSB_container{margin-right:20px;}
.tem_index_news .lists li{margin:0 0 .35rem}
.tem_index_news .lists li a{display:block;position:relative;padding:0 0 .4rem;border-bottom:1px solid rgba(255,255,255,.3)}
.tem_index_news .lists li span {font-size:.16rem;color:#FFF}
.tem_index_news .lists li h6{font-size:.18rem;color:#FFF;margin:.3rem 0 .45rem;line-height:1.8}
.tem_index_news .lists li em {font-size:.16rem;color:#FFF;font-family:"Candara";}
.tem_index_news .lists li em:after{content:'';width:.23rem;height:.12rem;background:url(../images/icon2-1.png) 0 0 no-repeat;background-size:.23rem .12rem;display:inline-block;margin-left:.5rem;vertical-align:middle;}
.tem_index_news .lists li:last-child{margin:0}
.tem_index_news .com_news{width:34.8%;padding:0 0 0 .26rem;height:4.75rem;overflow:hidden;}
.tem_index_news .com_news .imgs {overflow:hidden;}
.tem_index_news .com_news img {-webkit-animation-fill-mode:none;animation-fill-mode:none;width:100%;height:3.18rem;object-fit:cover;}
.tem_index_news .com_news .text{padding:.2rem 0 0}
.tem_index_news .com_news .text span{font-size:.16rem;color:#FFF}
.tem_index_news .com_news .text h6{font-size:.18rem;color:#FFF;margin:.25rem 0 .4rem;}
.tem_index_news .com_news .text em {font-size:.16rem;color:#FFF;font-family:"Candara";}
.tem_index_news .com_news .text em:after{content:'';width:.23rem;height:.12rem;background:url(../images/icon2-1.png) 0 0 no-repeat;background-size:.23rem .12rem;display:inline-block;margin-left:.5rem;vertical-align:middle;}
.tem_index_news .com_news a:hover img {transform:scale(1.06)}
/*通用底部*/
.footer {background:url(../images/icon4.jpg) right -.28rem no-repeat #000;background-size:60% auto;padding:1.4rem 0 .6rem 2.6rem;}
.footer>div{display:inline-block;vertical-align:middle;width:69%}
.footer .navlist {margin:0 0 1.5rem;}
.footer .navlist li{display:inline-block;vertical-align:middle;margin:0 .62rem 0 0;}
.footer .navlist li a{font-size:.16rem;color:#FFF;}
.footer .cnts p{display:inline-block;vertical-align:top;width:40%;margin:0 0 .2rem;font-size:.14rem;color:#c3c3c3}
.footer .copy{padding:.56rem 0 0;font-size:.14rem;color:#a4a4a4}
.footer .copy a{font-size:.14rem;color:#a4a4a4}
.footer .code {width:31%;text-align:center;}
.footer .code>div{display:inline-block;text-align:center;}
.footer .code>div img {max-width:1.25rem}
.footer .code p{font-size:.14rem;color:#a4a4a4;margin:.2rem 0 0}
/*通用内页*/
.flash {background-position:center;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}
.tem_banner .imgs{opacity:0;visibility:hidden;}
.tem_banner .imgs img {width:100%;height:6.9rem;object-fit:cover;transition:none;}
/*企业简介*/
.about_box{background:#f9f9f9;padding:0 .56rem 0 2.6rem;}
.sort_navlist {position:absolute;left:0;top:0;width:2.19rem;z-index:1;height:100%;padding:1.68rem 0 0;text-align:center;background-size:.98rem .98rem !important;}
.sort_navlist li {margin:0 0 .5rem;}
.sort_navlist li a{display:inline-block;font-size:.2rem;color:rgba(32,32,32,.5);padding:0 0 .15rem;position:relative;}
.sort_navlist li a:after{content:'';width:.4rem;height:1px;background:#8f8f8f;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.sort_navlist li a:hover,.sort_navlist li.on a{color:#282828}
.sort_navlist li a:hover:after,.sort_navlist li.on a:after{background:#202020}
.sort_navlist.ab_sort{background:url(../images/icon5.png) center .34rem no-repeat #FFF;}
.sort_navlist.pr_sort{background:url(../images/icon5-1.png) center .34rem no-repeat #FFF;}
.sort_navlist.nw_sort{background:url(../images/icon5-2.png) center .34rem no-repeat #FFF;}
.sort_navlist.jb_sort{background:url(../images/icon5-3.png) center .34rem no-repeat #FFF;}
.sort_navlist.cn_sort{background:url(../images/icon5-4.png) center .34rem no-repeat #FFF;}

.about_box .title{padding:.5rem 0 0;}
.about_box .title>div{display:inline-block;vertical-align:middle;width:60%}
.about_box .title .name h3{font-size:.6rem;color:#282828;}
.about_box .title .name p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase}
.about_box .title .name em {font-size:.3rem;color:#5f5f60;}
.about_box .title .video{width:40%;text-align:right;}
.about_box .title .video>div{display:inline-block;position:relative;cursor:pointer;overflow:hidden;border-radius:100%}
.about_box .title .video>div img {max-width:2.98rem;}
.about_box .title .video>div p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.16rem;color:#FFF;margin:0;padding:.37rem 0 0;background:url(../images/icon6.png) center 0 no-repeat;background-size:.19rem .22rem;}
.about_box .title .video>div:hover img {transform:scale(1.06)}
.about_box>.editor{font-size:.16rem;color:#5b5b5b;line-height:1.8;padding:.4rem 0 1.04rem;}
.about_box .data-num {background:#fdfdf7;padding:.25rem 0 .5rem;margin:0 0 1.04rem;}
.about_box .data-num>div{padding:0 0 0 .7rem;}
.about_box .data-num>div h6 {font-size:.48rem;color:#5b5b5b;font-family:"Gabriola";margin:0 0 .7rem;font-style:oblique}
.about_box .data-num>div h5{font-size:.72rem;color:#1c1c1c;margin:0 0 .45rem;}
.about_box .data-num>div p{font-size:.16rem;color:#6f6f6f;margin:0}
.about_box .environment{padding:0 0 2.4rem;}
.about_box .environment h3{font-size:.24rem;color:#656565;margin:0 0 .2rem;}
.about_box .environment .editor>p{font-size:.16rem;color:#8e8e8e;margin:0 0 .45rem;}
.about_box .environment .editor>div>div{display:inline-block;vertical-align:top;width:46.4%;position:relative}
.about_box .environment .editor .t2 {width:27.8%}
.about_box .environment .editor .t3 {width:25.8%}
.about_box .environment .editor h4{font-size:.6rem;color:#e5cc25;text-transform:uppercase;position:absolute;font-family:"Butler_Bold";position:absolute;left:90%;bottom:0;}

.culture_box{padding:.9rem .56rem 2.8rem 2.6rem;position:relative;background:url(../images/icon7.jpg) right 0 no-repeat #f9f9f9;background-size:3.69rem auto;}
.culture_box .title{margin:0 0 .95rem;}
.culture_box .title h3{font-size:.6rem;color:#282828;}
.culture_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 0;text-transform:uppercase;}
.culture_box .imglists{position:relative;margin:0 0 .55rem;}
.culture_box .imglists .swiper-slide{overflow:hidden}
.culture_box .imglists .swiper-slide:hover img {transform:scale(1.06)}
.culture_box .editor .item{position:relative;}
.culture_box .editor .item>div{display:inline-block;vertical-align:middle;width:46.7%;}
.culture_box .editor .item .img {text-align:center;padding:0 .15rem;float:left;}
.culture_box .editor .item .text {width:53.3%;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.culture_box .editor .item .text .t{margin:0 0 .4rem;}
.culture_box .editor .item .text .t h5{font-size:.24rem;color:#282828;}
.culture_box .editor .item .text .t p{font-size:.16rem;color:#858585;margin:.13rem 0 0}
.culture_box .editor .item .text>p{font-size:.16rem;color:#282828;margin:0;line-height:1.8}
.culture_box .editor .item.on .img{float:right;}
.culture_box .editor .item.on .text {left:0;right:auto;padding-left:1.6rem;}

.history_box{padding:.89rem 0 2.32rem;background:url(../images/icon8.png) right 0 no-repeat #f9f9f9;background-size:2.68rem 2.87rem;}
.history_box .title{margin:0 .56rem .95rem 2.6rem;}
.history_box .title h3{font-size:.6rem;color:#282828;}
.history_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 0;text-transform:uppercase;}
.history_box .lists{border-top:2px solid #bbb;padding:0 .56rem 0 2.6rem;position:relative;}
.history_box .lists ul {position:relative;display:block;padding:.75rem 0 1.5rem}
.history_box .lists ul:before{content:'';width:1px;height:100%;background:#e5e5e5;position:absolute;left:50%;top:0}

.history_box .lists li>div{float:left;width:50%;text-align:right;}
.history_box .lists li.on>div{float:right;text-align:left;}
.history_box .lists li h5{font-size:.24rem;color:#262626;margin:0 0 .35rem;position:relative;padding-right:.8rem;}
.history_box .lists li h5:after{content:'';width:.61rem;height:2px;background:#cbcbcb;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.history_box .lists li .editor{font-size:.16rem;color:#4b4b4b;line-height:1.7;padding-right:.8rem}
.history_box .lists li.on h5 {padding:0 0 0 .8rem;}
.history_box .lists li.on h5:after{right:auto;left:0}
.history_box .lists li.on .editor{padding:0 0 0 .8rem;}

.staff{background:url(../images/icon9.png) right 0 no-repeat #f9f9f9;background-size:4.23rem 2.61rem;padding:.9rem 0 1.65rem 0;}
.staff .title{margin:0 0 .95rem;padding:0 .56rem 0 2.6rem}
.staff .title h3{font-size:.6rem;color:#282828;}
.staff .title p{font-size:.36rem;color:#969696;margin:.25rem 0 0;text-transform:uppercase;}
.staff .lists {padding:.45rem .37rem 0 2.41rem;border-top:2px solid #bbb;}
.staff .lists li{padding:0 .19rem;margin:0 0 .4rem;}
.staff .lists li a{display:block;position:relative;overflow:hidden;}
.staff .lists li img{-webkit-animation-fill-mode:none;animation-fill-mode:none;width:100%;height:2.7rem;object-fit:cover;}
.staff .lists li a:hover img {transform:scale(1.06)}
/*page*/
.page {padding:.5rem 0 0;text-align:left;}
.page a{display:inline-block;margin:0 5px 0 0;width:.44rem;height:.44rem;background:rgba(32,32,32,.5);line-height:.44rem;text-align:center;font-size:.16rem;color:#FFF}
.page a.page-num-current{background:#2b2b2b}

.workshop{background:url(../images/icon10.png) right .5rem no-repeat #f9f9f9;background-size:5.2rem 2.23rem;padding:.9rem 0 1.7rem 0;}
/*产品*/
.product_box{background:url(../images/icon11.png) right .2rem no-repeat #f9f9f9;background-size:2.48rem 2.41rem;padding:.9rem .56rem 2.45rem 2.6rem;}
.product_box .title{margin:0 0 .65rem;}
.product_box .title h3{font-size:.6rem;color:#282828;}
.product_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase;}
.product_box .title .slogan {font-size:.16rem;color:#5b5b5b;}
.product_box .infos{margin:0 0 .7rem;background:#FFF;position:relative}
.product_box .infos>div{display:inline-block;vertical-align:top;width:50%}
.product_box .infos>div.imgs {overflow:hidden;}
.product_box .infos>div img {width:100%;-webkit-animation-fill-mode:none;animation-fill-mode:none;height:5.7rem;object-fit:cover;}
.product_box .infos>div.text {padding:.65rem .6rem 0;}
@keyframes dropdown2 {
	form{
		bottom:.65rem
	}
	to{
		bottom:.4rem;
	}
}
.product_box .infos>div.text:after{content:'';width:.18rem;height:.32rem;background:url(../images/icon12.png) 0 0 no-repeat;background-size:.18rem .32rem;position:absolute;right:.9rem;bottom:.65rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
.product_box .infos>div.text span {font-size:.2rem;color:#282828}
.product_box .infos>div.text h4{font-size:.48rem;color:#282828;font-family:"Butler_Bold";text-transform:uppercase;margin:.7rem 0 .5rem;}
.product_box .infos>div.text h4 p{font-size:.48rem;color:#282828;margin:.1rem 0 0;font-family:'Microsoft YaHei',Helvetica, Arial, sans-serif}
.product_box .infos>div.text p{font-size:.16rem;color:#5e5e5e;line-height:1.8;margin:0}
.product_box .lists li {padding:0 .11rem;margin:0 0 .62rem;}
.product_box .lists li a{display:block;position:relative;background:#FFF;text-align:center}
.product_box .lists li .imgs{overflow:hidden;}
.product_box .lists li img{-webkit-animation-fill-mode:none;animation-fill-mode:none;width:100%;height:2.93rem;object-fit:cover;}
.product_box .lists li p{margin:0;font-size:.16rem;color:#000;padding:.22rem 0;border-top:1px solid #eaeaea}
.product_box .lists li a:hover{box-shadow:6px 6px 32px rgba(0,0,0,.24)}
.product_box .lists li a:hover img {transform:scale(1.06)}
/*产品详情*/
.show_product{background:#f9f9f9;padding:.65rem .56rem 1.6rem 2.6rem;}
.show_product .infos{margin:0 0 .8rem;}
.show_product .infos>div{display:inline-block;vertical-align:top;width:56.6%}
.show_product .infos .imgs {overflow:hidden;}
.show_product .infos img {width:100%;height:6.37rem;object-fit:cover;}
.show_product .infos .text{width:43.4%;padding:.52rem 0 0 .5rem;}
.show_product .infos .text>em {font-size:.36rem;color:#282828;}
.show_product .infos .text>p{font-size:.24rem;color:#282828;margin:.15rem 0 .3rem;}
.show_product .infos .text .desc{font-size:.16rem;color:#424242;line-height:1.7;padding:.51rem 0 0;border-top:1px solid #d8d8d8}
.show_product .mains>h5{font-size:.24rem;color:#282828;padding:0 0 .3rem;border-bottom:1px solid #d8d8d8;margin:0 0 .45rem;}
.show_product .mains .editor{font-size:.16rem;color:#282828;line-height:1.7}
/*新闻中心*/
.news_box{background:url(../images/icon11.png) right .2rem no-repeat #f9f9f9;background-size:2.48rem 2.41rem;padding:.9rem .56rem 2rem 2.6rem;}
.news_box .title{margin:0 0 .85rem;}
.news_box .title h3{font-size:.6rem;color:#282828;}
.news_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase;}
.news_box .lists li{margin:0 0 .3rem;}
.news_box .lists li a{display:block;position:relative;background:#FFF;}
.news_box .lists li a>div{display:inline-block;vertical-align:middle;width:34.3%}
.news_box .lists li .imgs {overflow:hidden;}
.news_box .lists li img {-webkit-animation-fill-mode:none;animation-fill-mode:none;width:100%;height:2.49rem;object-fit:cover}
.news_box .lists li .text{width:65.7%;padding:0 .52rem;}
.news_box .lists li .text span{font-size:.14rem;color:#2a2929}
.news_box .lists li .text h6{font-size:.18rem;color:#2a2929;margin:.3rem 0 .42rem;line-height:1.7}
.news_box .lists li .text em {font-size:.16rem;color:#2a2929;padding-right:.72rem;display:inline-block;position:relative;background:url(../images/icon13.png) right center no-repeat;background-size:.23rem .12rem;font-family:"Candara"}
.news_box .lists li a:hover img{transform:scale(1.06)}

.show_news{padding:.9rem .56rem 1.5rem 2.6rem;background:url(../images/icon11.png) right .2rem no-repeat #f9f9f9;background-size:2.48rem 2.41rem}
.show_news .title{margin:0 0 .85rem;}
.show_news .title h3{font-size:.6rem;color:#282828;}
.show_news .title p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase;}
/*人才招聘*/
.job_box{padding:.9rem .56rem 1.5rem 2.6rem;background:url(../images/icon14.png) 98% .2rem no-repeat #f9f9f9;background-size:2.59rem 2.68rem;}
.job_box .title{margin:0 0 1rem;}
.job_box .title h3{font-size:.6rem;color:#282828;}
.job_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase;}
.job_box .talant>div{display:inline-block;vertical-align:middle;width:18%}
.job_box .talant .text{padding:0 .45rem 0 0}
.job_box .talant .text h3{font-size:.3rem;color:#000;margin:0 0 .35rem;}
.job_box .talant .text .editor{font-size:.16rem;color:#5b5b5b;line-height:1.7}
.job_box .talant .infos{width:82%;height:4.4rem;}
.job_box .talant .infos>div{display:inline-block;vertical-align:middle;width:22.1666%;background:#FFF;height:3.4rem;text-align:center;padding:.65rem .3rem 0}
.job_box .talant .infos>div.on{width:33.5%;height:4.4rem;background:url(../images/icon16.jpg) center bottom no-repeat;background-size:cover;}
.job_box .talant .infos>div h6{font-size:.2rem;color:#2e2e2e;font-weight:bold;padding:1.04rem 0 .9rem;position:relative;background-size:.7rem .7rem !important;}
.job_box .talant .infos>div h6:after{content:'';width:.5rem;height:3px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#e8ce24}
.job_box .talant .infos>div h6.order0 {background:url(../images/icon15-1.png) center 0 no-repeat;}
.job_box .talant .infos>div h6.order1 {background:url(../images/icon15-2.png) center 0 no-repeat;}
.job_box .talant .infos>div h6.order2 {background:url(../images/icon15-3.png) center 0 no-repeat;}
.job_box .talant .infos>div h6.order3 {background:url(../images/icon15-4.png) center 0 no-repeat;}
.job_box .talant .infos>div p{font-size:.18rem;color:#FFF;line-height:1.7;height:0;transform:translateY(25px);opacity:0;}
.job_box .talant .infos>div.on h6{color:#FFF;padding-bottom:.4rem;}
.job_box .talant .infos>div.on h6:after{width:0}
.job_box .talant .infos>div.on p{height:auto;transform:none;opacity:1;transition-delay:.5s}
.job_box .talant .infos>div.on h6.order0 {background:url(../images/icon15-1-h.png) center 0 no-repeat;}
.job_box .talant .infos>div.on h6.order1 {background:url(../images/icon15-2-h.png) center 0 no-repeat;}
.job_box .talant .infos>div.on h6.order2 {background:url(../images/icon15-3-h.png) center 0 no-repeat;}
.job_box .talant .infos>div.on h6.order3 {background:url(../images/icon15-4-h.png) center 0 no-repeat;}
/**/
.job_box .joblist{padding:.55rem 0 0;margin:1.04rem 0 0;border-top:1px solid #e5e5e5}
.job_box .joblist h5{text-align:center;margin:0 0 .45rem;font-size:.3rem;color:#000;}
.job_box .joblist h5 p{font-size:.16rem;color:#5b5b5b;margin:.3rem 0 0;}
.job_box .joblist .list .items {margin:0 0 .24rem;}
.job_box .joblist .list .items>a{display:block;position:relative;padding:.22rem 0;background:#b3b3b3}
.job_box .joblist .list .items>a>*{display:inline-block;vertical-align:middle;width:14.6%;font-size:.16rem;color:#FFF;line-height:.35rem;border-right:1px solid #cacaca}
.job_box .joblist .list .items>a span:first-child{text-align:center;}
.job_box .joblist .list .items>a span:first-child+span{width:42%;padding-left:.53rem}
.job_box .joblist .list .items>a span:first-child+span+span {width:32%;padding-left:.35rem;}
.job_box .joblist .list .items>a>*:last-child{width:11.4%;text-align:center;border-right:0}
.job_box .joblist .list .items>a>i{font-size:.4rem;color:#FFF}
.job_box .joblist .list .items .submenu {padding:.56rem .5rem .85rem;background:#f4f4f4;font-size:.16rem;color:#4c4c4c;position:relative;transition:none;display:none;}
.job_box .joblist .list .items .submenu>a{position:absolute;right:.5rem;bottom:.85rem;font-size:.16rem;color:#23a2db;z-index:1}
.job_box .joblist .list .items.opens>a{background:#7e8181}
.job_box .joblist .list .items.opens>a>i{transform:rotate(180deg)}
.job_box .joblist .list .slide-pagination{margin:.55rem 0 0;}
.job_box .joblist .list .slide-pagination span {display:inline-block;opacity:1;outline:none;margin:0 5px 0 0;width:.44rem;height:.44rem;background:rgba(32,32,32,.5);line-height:.44rem;text-align:center;font-size:.16rem;color:#FFF;border-radius:0;}
.job_box .joblist .list .slide-pagination span.swiper-pagination-bullet-active{background:#2b2b2b}
/**/
.contact_box{background:url(../images/icon17.png) right 0 no-repeat #f9f9f9;background-size:3.74rem 2.51rem;padding:.9rem .56rem 2.2rem 2.6rem;}
.contact_box .title{margin:0 0 .87rem;}
.contact_box .title h3{font-size:.6rem;color:#282828;}
.contact_box .title p{font-size:.36rem;color:#969696;margin:.25rem 0 .85rem;text-transform:uppercase;}
.contact_box .item1{border-top:4px solid #5f5f60;padding:0 0 .6rem;border-bottom:1px solid #e5e5e5}
.contact_box .item1 .editor>div{display:inline-block;vertical-align:middle;width:27%}
.contact_box .item1 .editor .text {padding:0 .45rem;}
.contact_box .item1 .editor .text em {font-size:.2rem;color:#5b5b5b}
.contact_box .item1 .editor .text h6{font-size:.24rem;color:#000;margin:.4rem 0 .5rem;}
.contact_box .item1 .editor .text p{font-size:.2rem;color:#5b5b5b;margin:0;line-height:1.7}
.contact_box .item1 .editor .infos{width:73%}
.contact_box .item1 .editor .infos>p{padding:.95rem .1rem 0;height:3.42rem;display:inline-block;vertical-align:top;width:25%;margin:0;text-align:center;border-left:1px solid #FFF}
.contact_box .item1 .editor .infos span{display:block;margin:.3rem 0 0;font-size:.2rem;color:#363636;}
.contact_box .item1 .editor .infos span em {display:block;font-size:.16rem;color:#363636;margin:.1rem 0 0;}
.contact_box .item1 #container{height:4rem;}

.contact_box .item2 {padding:.55rem 0 0}
.contact_box .item2 h5{text-align:center;margin:0 0 .75rem;font-size:.3rem;color:#000}
.contact_box .item2 h5 p{font-size:.16rem;color:#5b5b5b;margin:.25rem 0 0}
.contact_box .item2 .lists li {padding:0 .13rem;margin:0 0 .96rem;}
.contact_box .item2 .lists li p{font-size:.16rem;color:#3d3e3e;margin:0 0 .2rem;}
.contact_box .item2 .lists li input[type="text"],.contact_box .item2 .lists li textarea {width:100%;height:.59rem;min-height:35px;padding:0 .4rem 0;font-size:.14rem;color:#868686;border:1px solid #dcdcdc;background-size:.2rem .2rem !important;}
.contact_box .item2 .lists li textarea {height:1.8rem;padding:.22rem .45rem;}
.contact_box .item2 .lists li.order0 input{background:url(../images/icon17-1.png) .1rem center no-repeat #FFF;}
.contact_box .item2 .lists li.order1 input{background:url(../images/icon17-2.png) .1rem center no-repeat #FFF;}
.contact_box .item2 .lists li.order2 input{background:url(../images/icon17-3.png) .1rem center no-repeat #FFF;}
.contact_box .item2 .lists li.order3 textarea{background:url(../images/icon17-4.png) .17rem .2rem no-repeat #FFF;}
.contact_box .item2 .lists li button {background:#333;border-radius:6px;border:0;font-size:.16rem;color:#FFF;height:.56rem;padding:0 .85rem;}

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

.m-header {background:none;}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;}
.m-header.is_header {background:rgba(0,0,0,.8);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.st-container .st-menu {background:#f9f9f9;
	-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:#333;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#333;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:#333}
.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:#4b4b4b;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********/
.m-header .dl-menuwrapper button.dl-active{color:#4b4b4b}
.m-header .dl-menuwrapper button {color:#FFF}
.m-header .dl-menuwrapper ul{background:#4b4b4b}
.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;border-bottom:0}
.m-header .m_langs a{background:#FFF;color:#4b4b4b}
/**************************/
@media(max-width:1750px){
	.pad26 {padding:0 1.9rem;}
	main{margin-right:1.9rem;}
	.tem_index_parther,.tem_index_about,.tem_index_news,.footer,.about_box,.culture_box,.product_box,.show_product,.news_box,.job_box,.show_news,.contact_box{padding-left:1.9rem;}
	.sort_navlist{width:1.5rem;}
	.history_box .title {margin-left:1.9rem}
	.history_box .lists,.staff .title,.staff .lists{padding-left:1.9rem;}
}
@media(max-width:1630px){
	.pad26 {padding:0 1.6rem;}
	main{margin-right:1.6rem;}
	.tem_index_parther,.tem_index_about,.tem_index_news,.footer,.about_box,.culture_box,.product_box,.show_product,.news_box,.job_box,.show_news,.contact_box{padding-left:1.6rem;}
	.sort_navlist{width:1.2rem;}
	.history_box .title {margin-left:1.6rem}
	.history_box .lists,.staff .title,.staff .lists{padding-left:1.6rem;}
}
@media(max-width:1440px){
	.footer{background-position:right 0}
	.footer .cnts p{width:45%}
}
@media(max-width:1100px){
	.header .navlist li{padding:0 .25rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.sort_navlist{display:none;}
}
/********mobile*********/
@media(max-width:767px){
	.pad26 {padding:0 .4rem;}
	main{margin-right:.4rem;}
	.tem_index_parther,.tem_index_about,.tem_index_news,.footer,.about_box,.culture_box,.product_box,.show_product,.news_box,.job_box,.show_news,.contact_box{padding-left:.4rem;}
	.history_box .title {margin-left:.4rem}
	.history_box .lists,.staff .title,.staff .lists{padding-left:.4rem;}	
	
	#video_controls{display: none;} 
	.tem_index_product .swiper-slide a > div,.tem_index_parther .mains > div,.tem_index_news > div,.footer > div{display:block;width:100% !important;}
	.tem_index_product .swiper-slide .text{padding:.45rem .56rem .45rem .4rem;}
	.tem_index_product .swiper-page{position:relative;width:100%;}
	.tem_index_parther .mains .lists li{padding:0 .15rem;}
	.tem_index_parther .mains .slogan{padding:.36rem 0}
	.tem_index_news > div,.tem_index_news .lists{padding-right:0;margin:0 0 .35rem;}
	.tem_index_news .com_news{padding:0}
	.footer .navlist,.footer .code{display:none;}
	.footer .cnts p,.about_box .title > div{display:block;width:100% !important;}
	.about_box .title .video{text-align:left;padding:.35rem 0 0}
	.about_box .data-num > div{padding:0 0 0 .15rem;margin:0 0 .35rem}
	.about_box .data-num > div h5{font-size:.4rem}
	.about_box .environment .editor h4{font-size:.3rem}
	.culture_box .editor .item{margin:0 0 .5rem}
	.culture_box .editor .item > div{display:block;width:100% !important;}
	.culture_box .editor .item .img{float:none;padding:0}
	.culture_box .editor .item .text{position:relative;top:auto;transform:none;padding:.35rem 0 0}
	.culture_box .editor .item.on .text{padding-left:0}
	.product_box .infos > div{display:block;width:100%}
	.product_box .infos > div.text{padding:.65rem .25rem;}
	.show_product .infos > div{display:block;width:100% !important;}
	.show_product .infos .text{padding:.52rem 0}
	.news_box .lists li a > div{display:block;width:100% !important;}
	.news_box .lists li .text{padding:.52rem .25rem;}
	/**/
	.job_box .talant > div{display:block;width:100% !important;}
	.job_box .joblist .list .items > a > span {display:none}
	.job_box .joblist .list .items > a > span:first-child{display:inline-block;width:88.6%;text-align:left;padding:0 .25rem}
	.job_box .joblist .list .items .submenu > a{position:relative;right:auto;bottom:auto;}
	
	.contact_box .item1 .editor > div{display:block;width:100% !important;}
	.contact_box .item1 .editor .text {padding:.45rem 0}
	.contact_box .item1 .editor .infos>p {width:50%;}
	.contact_box .item1 .map {}
	.contact_box .item2 .lists li p{font-size:12px;}
	.contact_box .item2 .lists li{margin:0 0 .3rem;}
	.contact_box .item2 .lists li input[type="text"], .contact_box .item2 .lists li textarea,.contact_box .item2 .lists li button{font-size:12px;}
}