/*header*/
.m62 {margin:0 .62rem;}
.header{position:fixed;top:0;left:0;width:100%;z-index:18}
.header>div{border-bottom:2px solid rgba(157,164,168,.5);display:flex;justify-content:space-between;align-items:center}

.header>div .items>*{display:inline-block;vertical-align:middle;}
.header>div .items li {display:inline-block;vertical-align:middle;padding:0 .65rem 0 0;}
.header>div .items li a{font-size:.18rem;color:#cacaca;display:block;line-height:.97rem;font-family:"DIN-MediumAlternate"}
.header>div .items li.active a,.header>div .items li a:hover{color:#FFF}
.header>div .logos {transform:translateY(.1rem)}
.header>div .logos a{display:inline-block;position:relative}
.header>div .logos img{max-height:.41rem;transition:none;}
.header>div .logos img.logo2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}

.header>div .items .langs{margin-left:.5rem;}
.header>div .items .langs>a{display:inline-block;vertical-align:middle;}
.header>div .items .langs a.cnts{font-size:.18rem;color:#1f294a;background:#FFF;padding:0 .26rem;line-height:.4rem;border-radius:999px;font-family:"DIN-MediumAlternate"}
.header>div .items .langs a.lug{width:.44rem;height:.44rem;border:1px solid #FFF;line-height:.42rem;text-align:center;font-size:.16rem;color:#FFF;border-radius:100%;margin-left:.18rem;}
.header>div .items .langs a.lug:hover {background:#FFF;color:#1f294a}
.pa_head {background:rgba(0,0,0,.2);}
.is_header{background:rgba(0,0,0,.8);}
.is_header>div,.pa_head>div{border-color:rgba(0,0,0,0)}
.is_header>div .logos,.pa_head>div .logos {transform:none}

/**/
.tem_banner5 .title{transition-delay: 1s;  z-index: 10;width:100%;height:100%;text-align:left;}
.tem_banner5 .title h3 {font-size:.2rem;color:#FFF;position:absolute;left:.62rem;top:1.5rem;z-index:1}
.tem_banner5 .title h5 {font-size:.72rem;line-height:1.3;color:#FFF !important;position:absolute;left:.62rem;bottom:1.1rem;}
.tem_banner5 #ban_thumbs {position:absolute;bottom:37%;left:.62rem;z-index:1;width:4.2rem}
.tem_banner5 #ban_thumbs .swiper-slide {background:none;min-height:auto;}
.tem_banner5 #ban_thumbs .swiper-slide h6 {font-size:.2rem;color:#FFF;text-transform:capitalize;border-radius:999px;line-height:.56rem;display:inline-block;padding:0 .15rem;position:relative;cursor:pointer;}
.tem_banner5 #ban_thumbs .swiper-slide h6:before{content:'';width:100%;height:100%;border:1px solid #FFF;transition:all .5s ease-in-out;position:absolute;top:0;left:0;opacity:0;transform:scale(.5);border-radius:999px;}
.tem_banner5 #ban_thumbs .swiper-slide-thumb-active h6:before{opacity:1;transform:none;}
.tem_banner5 .scrolly{position:absolute;bottom:1.2rem;right:.62rem;z-index:1;border-radius:12px;padding:.1rem .18rem .1rem .35rem;font-size:.3rem;color:#FFF;background:linear-gradient(to right,rgba(133,146,157,.85),rgba(99,119,136,.85))}
.tem_banner5 .scrolly i {display:inline-block;background:#1edaff;font-size:.26rem;color:#FFF;width:.67rem;height:.72rem;line-height:.72rem;text-align:center;border-radius:8px;margin-left:.15rem;}
/**/
.index_about{padding:2rem 0 1.05rem;}
.index_about .title h3 {font-size:.88rem;color:#000;font-family:"DIN-Black"}
.index_about .title p{font-size:.2rem;color:#000;margin:.35rem auto 0;width:9.6rem;max-width:100%;}
.index_about .mains{margin:1.85rem 0 0}
.index_about .mains>div{display:inline-block;vertical-align:middle;position:relative;width:50%}
.index_about .mains video{width:100%;height:5.9rem;background:#000}
.index_about .mains .nums>div{padding:.4rem 0;display:flex;}
.index_about .mains .nums{padding:0 1.6rem 0 .85rem;}
.index_about .mains .nums>div>p{margin:0;flex:0 0 1rem;}
.index_about .mains .nums>div>p img {max-height:.69rem;transition:none;}
.index_about .mains .nums .t {flex:1}
.index_about .mains .nums .t>em {font-size:.24rem;color:#0c7be7;}
.index_about .mains .nums .t h5 {font-size:.88rem;color:#000;font-family:"DIN-Black";margin:.1rem 0;line-height:1}
.index_about .mains .nums .t>p{font-size:.16rem;color:#747474;margin:0}
.index_about .mains .nums .t>p>em{display:block;font-size:.2rem;color:#5c5c5c;margin:0 0 .1rem;}
.index_about .mains .nums>a{position:absolute;top:-.26rem;right:35%;width:1.17rem;height:1.17rem;background:#cee5fa;border-radius:100%;text-align:center;    display: flex;    flex-direction: column;    justify-content: center;}
.index_about .mains .nums>a i{font-size:.42rem;color:#FFF;}
.index_about .mains .nums>a span {display:block;font-size:.16rem;color:#FFF;text-transform:uppercase;font-weight:bold;}
.index_about .mains .nums>a:hover {transform:scale(.9);box-shadow:4px 4px 6px rgba(0,0,0,.12)}

.index_product{padding:0 0 1.2rem;}
.index_product h3 {font-size:.6rem;color:#000000;font-weight:bold;margin:0 0 .45rem;}
.index_product .lists>div{display:inline-block;vertical-align:top;width:50%;padding:0 .17rem 0 0;margin:0 0 .15rem;}
.index_product .lists>div:nth-child(2) {padding:0 0 0 .17rem;}
.index_product .lists>div a{display:block;position:relative;overflow:hidden}
.index_product .lists .imgs img {width:100%;height:7.58rem;object-fit:cover;transition:none;}
.index_product .lists .text{position:absolute;top:81%;left:0;width:100%;padding:0 .95rem;text-align:center;z-index:5}
.index_product .lists .text>p,.index_product .lists .text>em {transform:translateY(3vw);opacity:0;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_product .lists .text h4 {font-size:.45rem;color:#FFF;font-weight:bold;}
.index_product .lists .text p{font-size:.24rem;color:#FFF;margin:.25rem 0 .65rem;}
.index_product .lists .text em {display:flex;width:1.02rem;height:1.02rem;border-radius:10px;font-size:.2rem;color:#FFF;background:#1edaff;    flex-direction: column;    justify-content: center;margin:0 auto;}
.index_product .lists .text em img {filter:brightness(0) invert(1)}
.index_product .lists a:before{content:'';width:100%;height:0;top:0;left:0;background:linear-gradient(45deg,#2bd3d9,#5fbb43);position:absolute;z-index:1;transition: all .8s ease-in-out;opacity:0}
.index_product .lists a:hover:before{height:100%;opacity:.58;}
.index_product .lists a:hover .text {top:38%;}
.index_product .lists a:hover .text>p,.index_product .lists a:hover .text>em {transform:none;opacity:1}
.index_product .lists a:hover .text>em {transition-delay:150ms}

.index_appile{position:relative}
.index_appile #appile_grally .swiper-slide .imgs img {width:100%;height:9.6rem;object-fit:cover;transition:none}
.index_appile #appile_grally .swiper-slide .title{position:absolute;top:1.5rem;left:5.5rem;z-index:1}
.index_appile #appile_grally .swiper-slide .title p {font-size:.36rem;color:rgba(255,255,255,.5);margin:0 0 .1rem;}
.index_appile #appile_grally .swiper-slide .title h4 {font-size:.58rem;color:#FFF;font-weight:bold;}
.index_appile #appile_grally .swiper-slide .infos{position:absolute;left:5.5rem;bottom:.85rem;z-index:1}
.index_appile #appile_grally .swiper-slide .infos>div{display:inline-block;vertical-align:middle;}
.index_appile #appile_grally .swiper-slide .infos .imgs_{margin:0 .3rem 0 0;width:.97rem;}
.index_appile #appile_grally .swiper-slide .infos .t {font-size:.16rem;color:#FFF;line-height:1.7;width:5.3rem;}
.index_appile #appile_grally .swiper-slide .infos .t p{margin:0}
.index_appile #appile_grally .swiper-slide .title>*{transform:translateY(3vw);opacity:0;}
.index_appile #appile_grally .swiper-slide .infos>*{transform:translateX(3vw);opacity:0}
.index_appile #appile_grally .swiper-slide-active .infos>*,.index_appile #appile_grally .swiper-slide-active .title>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.index_appile #appile_grally .swiper-slide-active .title h4 {transition-delay:200ms}
.index_appile #appile_grally .swiper-slide-active .infos .t{transition-delay:200ms}

.index_appile .itembox{position:absolute;left:1.6rem;top:40%;z-index:1}
.index_appile .itembox>div{display:inline-block;vertical-align:middle;}
.index_appile .swiper-page .itm {font-size:.18rem;color:#FFF;font-weight:bold}
.index_appile .swiper-page .slide-pagination{width:auto;}
.index_appile .swiper-page .slide-pagination span {display:block;opacity:.5;outline:none;width:.1rem;height:.1rem;background:#FFF;margin:.35rem auto !important;}
.index_appile .swiper-page .slide-pagination span.swiper-pagination-bullet-active{opacity:1}
.index_appile #appile_thumbs{height:2.2rem;width:2.8rem;text-align:right}
.index_appile #appile_thumbs .swiper-slide {display:flex;align-items:center;justify-content: flex-end}
.index_appile #appile_thumbs .swiper-slide h6 {font-size:.16rem;color:#FFF;opacity:.5;cursor:pointer;}
.index_appile #appile_thumbs .swiper-slide-thumb-active h6 {opacity:1}

.index_news{padding:1.05rem 0 1.25rem;}
.index_news h3 {font-size:.48rem;color:#000000;font-weight:bold;text-align:center;margin:0 0 .45rem;}
.index_news .lists {margin-left:1.6rem;}
.index_news .lists .swiper-slide a{display:block;position:relative;}
.index_news .lists .swiper-slide .imgs{border-radius:8px;overflow:hidden}
.index_news .lists .swiper-slide .imgs img {width:100%;height:3.4rem;object-fit:cover;transition:none;}
.index_news .lists .swiper-slide .text{padding:.3rem .15rem 0}
.index_news .lists .swiper-slide .text h6 {font-size:.2rem;color:#000;line-height:.3rem;height:.6rem;overflow:hidden;}
.index_news .lists .swiper-slide .text p{font-size:.16rem;color:#8e8e8e;line-height:.25rem;height:.75rem;overflow:hidden;margin:.2rem 0;}
.index_news .lists .swiper-slide .text span{font-size:.16rem;color:#8e8e8e}
.index_news .lists .swiper-page{margin:.8rem 1.6rem 0 0;text-align:right;}
.index_news .lists .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;line-height:1}
.index_news .lists .swiper-page .itm {font-size:.2rem;color:#bebebe;}
.index_news .lists .swiper-page .itm:hover {color:#1edaff}
.index_news .lists .swiper-page .slide-pagination{font-size:.16rem;color:#616161;margin:0 .3rem;}
.index_news .lists .swiper-page .slide-pagination i{font-size:.24rem;color:#1edaff;font-weight:bold;display:inline-block;margin:0 .1rem 0 0;line-height:1}

.footer{background:url(../images/icon9.jpg) center no-repeat;background-size:cover;display:flex;position:relative;    flex-direction: row;    align-items: flex-end;}
.footer:before,.footer:after{content:'';width:25.1%;height:100%;background:rgba(0,0,0,.47);position:absolute;top:0;left:0}
.footer:after{width:74.9%;left:auto;right:0;background:linear-gradient(to right,#3fb5ac,#2ccadb);opacity:.76}
.footer>div{position:relative;z-index:4;padding:.7rem 0 .67rem;}
.footer .items{width:74.9%;padding-left:1.1rem;padding-right:1.6rem;}
.footer .infos{width:25.1%;}
.footer .infos .bk_ret{text-align:center;margin:0 0 1.6rem;}
.footer .infos .bk_ret>a{display:flex;width:1.62rem;height:1.62rem;border:1px solid rgba(255,255,255,.5);border-radius:100%;font-size:.18rem;color:#FFF;text-align:center;    flex-direction: column;    justify-content: center;margin:0 auto}
.footer .infos .bk_ret>a i{font-size:.22rem;margin:0 0 .15rem;}
.footer .infos .copy{padding-left:.62rem;}
.footer .infos .copy h6{font-size:.2rem;color:#FFF}
.footer .infos .copy p{font-size:.16rem;color:#a1a1a1;margin:.1rem 0 0}
.footer .items h3 {font-size:.38rem;color:#FFF;font-weight:bold;margin:0 0 .75rem;}
.footer .items h3 img {margin-left:.7rem;max-height:.28rem;transition:none;}
.footer .items .boxs>div{display:inline-block;vertical-align:bottom;width:31%}
.footer .items .boxs .tels{width:69%;text-align:right;}
.footer .items .boxs .navs li{margin:0 0 .2rem;}
.footer .items .boxs .navs li a{font-size:.22rem;color:#FFF}
.footer .items .boxs .navs .share>a{display:inline-block;margin:0 .13rem 0 0;width:.6rem;height:.6rem;background:#1edaff;border-radius:15px;overflow:hidden;line-height:.6rem;text-align:center;font-size:.2rem;color:#FFF}
.footer .items .boxs .navs .share{margin:.6rem 0 0}
.footer .items .boxs .tels .txt{margin:0 0 .45rem;}
.footer .items .boxs .tels .txt>div{display:inline-block;vertical-align:top;padding-left:.5rem;}
.footer .items .boxs .tels .txt h6 {font-size:.18rem;color:#FFF;font-weight:bold;margin:0 0 .25rem;}
.footer .items .boxs .tels .txt p{font-size:.16rem;color:#FFF;margin:0 0 .15rem;}
.footer .items .boxs .tels .txt p em {display:block;font-size:.18rem;color:#FFF;font-weight:bold;margin:0 0 .1rem;}
.footer .items .boxs .tels >p{font-size:.16rem;color:#FFF;margin:0 0 .25rem;}
.footer .items .boxs .tels >p em {display:block;font-size:.18rem;color:#FFF;font-weight:bold;margin:0 0 .1rem;}
.footer .items .boxs .tels >p:last-child{margin:0}

.video_form {position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:999;width:100%;height:100%;transition:none;display:none;}
.video_form .mains {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.video_form .mains.mains_on {top:60%;opacity:0;visibility:hidden;}
.video_form .mains .itembox .tit {margin:0 0 .45rem;/*border-bottom:2px solid #DBDBDB;*/padding:.28rem 0;position:relative;text-align:center;font-size:.32rem;color:#FFF}
.video_form .mains .itembox .close_ {position:absolute;right:.3rem;top:50%;width:.56rem;height:.56rem;text-align:center;border:1px solid #9E9E9E;border-radius:100%;cursor:pointer;transform:translateY(-50%)}
.video_form .mains .itembox .close_:before,.video_form .mains .itembox .close_:after{content:'';width:.16rem;height:2px;background:#9E9E9E;position:absolute;top:50%;left:50%;transition:all .4s linear;}
.video_form .mains .itembox .close_:before{transform:translate(-50%,-50%) rotate(-45deg)}
.video_form .mains .itembox .close_:after{transform:translate(-50%,-50%) rotate(45deg)}
.video_form .mains .itembox .editor video {width:100%;max-width:12rem;margin:0 auto;max-height:6rem;background:#000}
.video_form .mains .itembox .editor{text-align:center;}
/**/
.flash {position:relative}
.flash h1 {position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:1;font-size:.36rem;color:#FFF;text-transform:uppercase;padding:0 0 .5rem;font-family:"Roboto-Regular";letter-spacing:3px;}
@keyframes dropdown2 {
	form{
		bottom:0
	}
	to{
		bottom:.2rem;
	}
}
.flash h1 i {position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:.26rem;color:#FFF;font-weight:900;animation: dropdown2 .6s linear infinite alternate;}
/*产品列表*/
.product_box{padding:.95rem 0 1.2rem;}
.product_box h3 {font-size:.48rem;color:#393939;text-align:center;margin:0 0 .7rem;}
.product_box .boxs>div{position:relative;margin:0 0 .6rem;}
.product_box .boxs h5 {font-size:.48rem;color:#FFF;text-transform:uppercase;position:absolute;top:1rem;left:1rem;font-weight:bold;z-index:5}
.product_box .boxs .swiper-slide a{display:block;position:relative}
.product_box .boxs .swiper-slide img {width:100%;height:7.18rem;object-fit:cover;transition:none}
.product_box .boxs .swiper-slide em {position:absolute;bottom:0;right:1.04rem;z-index:1;background:#0370b5;font-size:.16rem;color:#FFF;font-family:"Roboto-Light";border-radius:999px;padding:0 .4rem;line-height:.46rem;opacity:0;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.product_box .boxs .swiper-slide-active a em {opacity:1;bottom:.8rem;}
.product_box .boxs .slide-pagination{position:absolute;right:.45rem;bottom:.45rem;z-index:1;width:auto;left:auto;}
.product_box .boxs .slide-pagination span {opacity:1;outline:none;width:.11rem;height:.11rem;border:1px solid #FFF;margin:0 .08rem 0 0;background:none;}
.product_box .boxs .slide-pagination span.swiper-pagination-bullet-active{background:#FFF}
/**/
.header.on2 {background:#FFF}
.header.on2>div .items li a{color:#545454}
.header.on2>div .items li.active a,.header.on2>div .items li a:hover {color:#1edaff}
.header.on2>div .items .langs a.cnts{background:#1edaff;color:#FFF}
.header.on2>div .items .langs a.lug{border-color:#1edaff;color:#1edaff}
.header.on2>div .items .langs a.lug:hover {background:#1edaff;color:#FFF}
.header.on2>div .logos img {opacity:0}
.header.on2>div .logos img.logo2 {opacity:1;transition:all .5s ease-in-out;}

.product_list{padding:.99rem 0 1.6rem;background:#f9f9f9}
.mbx {background:#f4f4f4;font-size:.14rem;color:#b5b5b5;padding:.2rem 0;font-family:"Roboto-Regular";border-top:1px solid #e9e9e9}
.mbx a:first-child+a{display:none;}
.mbx a:first-child{font-size:.16rem;}
.mbx a{font-size:.14rem;color:#b5b5b5;line-height:1}
.mbx>div>i{padding:0 .18rem;}
.mbx>div>*:last-child{color:#1edaff}
.product_list .mains{padding:.75rem 0 0;position:relative;display:flex}
.product_list .column{width:3.03rem;position:relative;top:0;flex:0 0 3.03rem}
.product_list .column h2{font-size:.36rem;color:#595959;font-family:"Roboto-Bold";margin:0 0 .4rem;}
.product_list .column li{margin:0 0 .2rem;}
.product_list .column li>a{font-size:.16rem;color:#4f4f4f;font-family:"Roboto-Medium";display:inline-block;}
.product_list .column li .submenu{background:#ededed;padding:.45rem .18rem .75rem;border-top:1px solid #4ae0fe;border-bottom:1px solid #c2c2c2;display:none;transition:none;margin:.28rem 0 0;}
.product_list .column li .submenu p{margin:0 0 .34rem;}
.product_list .column li .submenu p a{font-size:.18rem;color:#282828;font-family:"Roboto-Regular"}
.product_list .column li .submenu p a:hover,.product_list .column li .submenu p.on a{color:#1edaff}
.product_list .column li>a:hover,.product_list .column li.opens>a{color:#1edaff}
.product_list .column li.ons>div.submenu {display:block;}

.product_list .mains .lists{padding-left:.2rem;min-height:9.6rem;flex:1}
.product_list .lists li {display:inline-block;vertical-align:top;width:33.333%;padding-left:.33rem;margin:0 0 .3rem;}
.product_list .lists li a{display:block;position:relative;padding:.14rem .17rem .45rem;}
.product_list .lists li .imgs{border-radius:8px;overflow:hidden;}
.product_list .lists li .imgs img {width:100%;height:2.67rem;object-fit:cover;transition:none;}
.product_list .lists li .text {padding:.35rem 0 0}
.product_list .lists li .text h5 em{display:block;font-size:.2rem;color:#282828;font-family:"Roboto-Medium";margin:0 0 .1rem;height:.24rem;line-height:.24rem}
.product_list .lists li .text h5 span {font-size:.16rem;color:#282828;font-family:"Roboto-Regular";display:block;line-height:.22rem;height:.22rem;}

.product_list .lists li .text p{font-size:.14rem;color:#646464;line-height:.24rem;height:.72rem;overflow:hidden;margin:.45rem 0 .2rem;}
.product_list .lists li .text .mores{border-top:1px solid #c7c7c7;padding:.45rem .1rem 0;}
.product_list .lists li .text .mores em {display:block;background:#595959;text-align:center;border-radius:999px;font-size:.16rem;color:#FFF;line-height:.4rem;}
.product_list .lists li a:hover {background:#ededed}
.product_list .lists li a:hover .mores em {background:#1edaff}
.product_list .lists li a:hover .imgs {box-shadow:2px 2px 4px rgba(0,0,0,.12)}



/**/
.page {margin:.3rem 0 0}
.page a{display:inline-block;vertical-align:middle;width:.48rem;height:.43rem;line-height:.43rem;background:#d0d0d0;border-radius:6px;margin:0 4px;font-size:.16rem;color:#878787;font-family:"Roboto-Bold"}
.page a:hover,.page a.page-num-current{background:#37a6fa;color:#FFF}
.page a.page-item{width:auto;padding:0 .24rem;font-size:.16rem;}
.page a.page-item i{font-size:.2rem;margin:0 .1rem;}

/**/
.show_product{padding:.99rem 0 2.2rem;}
.show_product .mains{padding:.6rem 0 1.4rem;background:#e9e9e9}

.show_product .mains>div>div{display:inline-block;vertical-align:middle;width:50%}
.show_product .mains .infos{padding-left:.55rem;}
.show_product .mains .imgs{position:relative;overflow:hidden;background:#FFF;padding:.24rem;}
.show_product .mains .imgs #gallery .swiper-slide{height:5.15rem;line-height:5.15rem;text-align:center}
.show_product .mains .imgs #gallery .swiper-slide img {max-height:5rem;transition:none}
.show_product .mains .imgs #thumbs .swiper-slide {height:.96rem;border:2px solid #e7e7e7;line-height:.92rem;text-align:center}
.show_product .mains .imgs #thumbs .swiper-slide img {max-height:.8rem;transition:none}

.show_product .mains .imgs .swiper-page>div{position:absolute;top:50%;left:.24rem;transform:translateY(-50%);font-size:.36rem;color:#c9c9c9;z-index:1}
.show_product .mains .imgs .swiper-page>div.slide-button-next{left:auto;right:.24rem;}
.show_product .mains .imgs .swiper-page>div:hover {color:#199ffa}


.show_product .mains .infos h1{font-size:.26rem;color:#282828;font-family:"Roboto-Medium";padding:0 0 .6rem;border-bottom:1px solid #636363;margin:0 0 .45rem;}
.show_product .mains .infos .editor{font-size:.16rem;color:#636363;min-height:3.8rem;border-bottom:1px dashed #909090;margin:0 0 .5rem;}

.show_product .mains .infos >a{display:inline-block;line-height:.4rem;font-size:.16rem;color:#FFF;background:#595959;padding:0 1.1rem;border-radius:999px;}
.show_product .mains .infos >a:hover {background:#1edaff;color:#FFF;}

.show_product .effect_display{background:#f9f9f9;padding:.8rem 0 2.1rem;}
.show_product .effect_display h4 {background:#1edaff;font-size:.24rem;color:#FFF;line-height:.65rem;display:inline-block;padding:0 2.17rem;font-family:"Roboto-Medium"}
.show_product .effect_display h4 img {max-height:.26rem;transition:none;margin:0 .1rem 0 0}
.show_product .effect_display .txt{border-top:1px solid #000;background:#FFF;padding:.65rem .4rem 1rem;font-family:"Roboto-Regular"}
.show_product .effect_display .txt>p {font-size:.24rem;color:#171818;font-family:"Roboto-Medium";margin:0 0 .35rem;}
.show_product .effect_display .txt table {width:100% !important;margin:0 0 .3rem;}
.show_product .effect_display .txt table tr td {width:auto;height:.4rem;vertical-align:middle;font-size:.16rem;color:#444;padding:0 .1rem}
.show_product .effect_display .txt table tr{border:1px solid #d0d0d0}
.show_product .effect_display .txt table p{margin:0}
.show_product .effect_display .txt table tbody{width:100% !important}
/*关于我们*/
.about_box{}
.video_info {text-align:center;background:url(../images/icon5.jpg) center no-repeat;padding:1.55rem 0 .6rem;background-size:cover}
.video_info h2 {font-size:.6rem;color:#232425;margin:0 0 .65rem;}
.video_info p{font-size:.32rem;color:#535353;line-height:1.8;margin:0 0 2.15rem;}
.video_info h4 {font-size:.36rem;color:#535353;font-weight:bold;}
.video_info h4 em {color:#0370b5}
.about_box .video{position:relative}
.about_box .video .plays{position:absolute;right:2.6rem;bottom:.7rem;z-index:1}
.about_box .video .plays>a{display:block;background:#FFF;border-radius:999px;padding:.15rem .45rem;font-size:.2rem;color:#0370b5;}
.about_box .video .plays>a i{font-size:.36rem;}
.about_box .video .plays>a em {display:inline-block;position:relative}
.about_box .video .plays>a em:after{content:'';width:100%;height:1px;background:#0370b5;display:block;}

.company{padding:1rem 0 1.25rem;}
.company .title{text-align:center;margin:0 0 .7rem;}
.company .title h3 {font-size:.36rem;color:#040000;}
.company .title p{font-size:.24rem;color:#040000;margin:.3rem 0 0}
.company .editor{font-size:.18rem;color:#4b4b4a;line-height:1.8;margin:0 0 1.1rem;}
/*
.company .imgsbox{position:relative}
.company .imgsbox>div{display:inline-block;vertical-align:top;width:50%;position:relative}
.company .imgsbox .vr_factory{transform:translateY(.55rem)}
.company .imgsbox .vr_factory a{display:block;position:relative}
.company .imgsbox .vr_factory .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.company .imgsbox .vr_factory .txt p{margin:0 0 .35rem;}
.company .imgsbox .vr_factory .txt p img {width:1.2rem;transition:none;}
.company .imgsbox .vr_factory .txt em {font-size:.2rem;color:#FFF;font-weight:bold;text-transform:uppercase;}
.company .imgsbox .vr_factory .txt em:after{content:'';display:block;width:100%;height:2px;background:#FFF;}
.company .imgsbox .vr_factory>a:hover .txt p {transform:scale(1.06)}
.vr_form .mains{padding:0;background:none;}
.vr_form .mains .close_ {top:-.45rem;right:-.45rem;border-color:#FFF}
.vr_form .mains .close_:before, .vr_form .mains .close_:after{background:#FFF}
.vr_boxs{width:100%;height:100%}
.vr_boxs iframe{width:100%;height:100%}
*/
.company .nums {}
.company .nums>div{display:inline-block;vertical-align:top;width:25%;text-align:center}
.company .nums h5 {font-size:.3rem;color:#1dbef3;font-weight:bold;}
.company .nums h5 em{color:#202b36;display:inline-block;vertical-align:top;font-size:.68rem;font-family:"Arial"}
.company .nums p{font-size:.2rem;color:#6c7986;margin:0}

.honor {background:#ededed;padding:.9rem 0 1.5rem;}
.honor h3 {font-size:.6rem;color:#232425;text-align:center;margin:0 0 .8rem;}
.honor .lists {position:relative;padding:0 .3rem;}
.honor .lists .swiper-slide a{display:block;position:relative;background:url(../images/icon6.png) center 0 no-repeat #222426;background-size:auto .98rem;border-radius:6px;overflow:hidden;text-align:center;padding:.65rem .15rem .55rem;}
.honor .lists .swiper-slide .imgs{height:3.25rem;line-height:3.25rem;}
.honor .lists .swiper-slide .imgs img {max-height:2.6rem;transition:none}
.honor .lists .swiper-slide p{font-size:.16rem;color:#adaeae;margin:.1rem 0 0;}
.honor .lists .swiper-slide a:hover .imgs{transform:scale(.98)}
.honor .swiper-page>div{position:absolute;top:50%;left:0;width:.62rem;height:.62rem;text-align:center;line-height:.62rem;background:#FFF;font-size:.2rem;color:#008cd6;z-index:1;border-radius:100%}
.honor .swiper-page>div.slide-button-next{left:auto;right:0}

.workshop{padding:.95rem 0 1.25rem;}
.workshop h3 {font-size:.48rem;color:#2d2e2e;font-weight:bold;text-align:center;margin:0 0 .5rem;}
.workshop .lists .swiper-slide a{display:block;position:relative;}
.workshop .lists .swiper-slide img {width:100%;height:3.25rem;object-fit:cover;transition:none}
.workshop .swiper-page{margin:.7rem 0 0;text-align:center}
.workshop .swiper-page>div{display:inline-block;width:auto;vertical-align:middle;}
.workshop .swiper-page>div.itm {font-size:.16rem;color:#26334c;line-height:.43rem;border:1px solid #e1e1e1;padding:0 .22rem;border-radius:999px;margin:0 .1rem;}
.workshop .swiper-page>div.slide-pagination span {opacity:1;outline:none;width:.43rem;height:.43rem;line-height:.43rem;font-size:.18rem;color:#26334c;border-radius:100%;background:none;}
.workshop .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active{background:#007cc5;color:#FFF}
.workshop .lists .swiper-slide a:hover {box-shadow:3px 3px 6px rgba(0,0,0,.2);transform:scale(.98)}
.workshop .swiper-page>div.itm:hover{background:#007cc5;color:#FFF;border-color:#007cc5}


.app_boxs{padding:1.25rem 0 }
.app_boxs h3 {font-size:.36rem;color:#232425;text-align:center;margin:0 0 .7rem;}
.app_boxs .lists .items{margin:0 0 .55rem;background:#f5f5f5;border-radius:12px;overflow:hidden}
.app_boxs .lists .items>div{display:inline-block;vertical-align:middle;width:50%}
.app_boxs .lists .items .imgs img{width:100%;height:4.65rem;object-fit:cover;transition:none}
.app_boxs .lists .items .text{padding-left:.49rem;}
.app_boxs .lists .items .text h4 {font-size:.3rem;color:#2a2a2a;margin:0 0 .3rem;padding-right:.9rem;}
.app_boxs .lists .items .text .editor{padding:.4rem .9rem 0 0;font-size:.16rem;color:#7a7a7a;line-height:1.7;border-top:1px solid #e3e3e3}
.app_boxs .lists .items:hover {box-shadow:4px 4px 6px rgba(0,0,0,.12)}

/**/
.tech_box{background:#f9f9f9;padding:.7rem 0 1.35rem;}
.tech_box h3 {font-size:.48rem;color:#232425;text-align:center;text-transform:uppercase;margin:0 0 .75rem;}
.tech_box .lists{display:flex;    flex-direction: row;    flex-wrap: wrap;}
.tech_box .lists>div{width:50%;margin:0 0 .4rem;padding:0 .25rem 0 0}
.tech_box .lists>div:nth-child(2n) {padding:0 0 0 .25rem;}
.tech_box .lists a{display:block;width:100%;height:100%;padding:.78rem .38rem .25rem;border-top:1px dashed #c5c5c5;border-bottom:1px dashed #c5c5c5;background:linear-gradient(to bottom,#f9f9f9,#ebfcff)}
.tech_box .lists .q {font-size:.22rem;color:#494949;margin:0 0 .55rem}
.tech_box .lists .q i,.tech_box .lists .a i{width:.48rem;height:.48rem;background:#494949;border-radius:12px;overflow:hidden;font-size:.28rem;color:#FFF;line-height:.48rem;text-align:center;position:absolute;left:0;top:0}
.tech_box .lists .a{font-size:.16rem;color:#00958e;}
.tech_box .lists .a i{background:#1edaff}
.tech_box .lists a>div{position:relative;padding-left:.8rem;}
.tech_box .mores{text-align:center;transition:none;}
.tech_box .mores>a{display:inline-block;vertical-align:top;font-size:.16rem;color:#353434;}
.tech_box .mores>a>i{display:block;margin:0 auto .3rem;width:.68rem;height:.68rem;border:1px solid #5c5c5c;font-size:.45rem;color:#5c5c5c;line-height:.66rem;text-align:center;border-radius:100%;}

/**/
.news_box{background:#f9f9f9;padding:1.15rem 0 .95rem;}
.news_box .items h3{font-size:.48rem;color:#232425;text-align:center;margin:0 0 .5rem;}
.news_box .items ol {margin:0 auto .6rem;width:4.45rem;max-width:100%;border:1px solid #1edaff;border-radius:999px;padding:0;overflow:hidden;}
.news_box .items ol li {display:inline-block;width:50%;}
.news_box .items ol li a{display:block;position:relative;text-align:center;font-size:.24rem;color:#232425;line-height:.66rem;}
.news_box .items ol li.on a{background:#1edaff;color:#FFF}
.news_box .items .itembox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem .52rem;}
.news_box .items .li-item a{display:block;position:relative}
.news_box .items .li-item .imgs {overflow:hidden;border-radius:6px;overflow:hidden}
.news_box .items .li-item .imgs img {width:100%;height:3.2rem;object-fit:cover;transition:none;}
.news_box .items .li-item .txt{padding:.4rem .35rem .8rem;background:#efefef;}
.news_box .items .li-item .txt h6 {font-size:.3rem;color:#2a2929;line-height:.28rem;height:.56rem;overflow:hidden;margin:0 0 .25rem;}
.news_box .items .li-item .txt p{font-size:.16rem;color:#6c6c6c;line-height:.25rem;height:.75rem;overflow:hidden;margin:0 0 .55rem}
.news_box .items .li-item .txt span {font-size:.14rem;color:#8f8f8f}
.news_box .items .li-item a:hover {transform:scale(.98);box-shadow:4px 4px 6px rgba(0,0,0,.15)}
.news_box .mores{text-align:center;transition:none;margin:.65rem 0 0}
.news_box .mores>a{display:inline-block;vertical-align:top;font-size:.16rem;color:#353434;}
.news_box .mores>a>i{display:block;margin:0 auto .3rem;width:.68rem;height:.68rem;border:1px solid #5c5c5c;font-size:.45rem;color:#5c5c5c;line-height:.66rem;text-align:center;border-radius:100%;}
/**/
.contact_box{}
.contact_box .infos{padding:1.2rem 0 .8rem;text-align:center;background:#FFF}
.contact_box .infos h3 {font-size:.48rem;color:#5d5d5e;font-family:"GothamRnd-Medium";}
.contact_box .infos h2{font-size:.48rem;color:#1edaff;font-weight:bold;margin:.4rem 0 .9rem;}
.contact_box .infos .editor{font-size:.18rem;color:#2f2e2e;text-align:center;}
.contact_box .infos .editor>div{display:inline-block;vertical-align:top;padding:0 .5rem;text-align:left;margin:0 0 .4rem;}
.contact_box .infos .editor>p{margin:0 0 .35rem;}
.contact_box .infos .editor>p img {margin:0 .1rem 0 0}
.contact_box .infos .editor>a{display:inline-block;font-size:.16rem;color:#353434}
.contact_box .infos .editor>a i{margin-left:.15rem;width:.3rem;height:.3rem;border:1px solid #b1b1b1;line-height:.28rem;font-size:.18rem;color:#4b4b4;border-radius:100%;font-weight:bold;}
.contact_box .infos .editor>a:hover{color:#1edaff;}
.contact_box .infos .editor>a:hover i{background:#1edaff;border-color:#1edaff;color:#FFF}
.contact_box .code{padding:.5rem 0 .6rem;text-align:center;}
.contact_box .code:before{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;}
.contact_box .code{font-size:.24rem;color:#FFF;}
.contact_box .code i{font-size:.3rem;}

.message{background:#FFF;padding:1.1rem 0 2rem;}
.message h3{font-size:.48rem;color:#5d5d5e;font-family:"GothamRnd-Medium";text-align:center;margin:0 0 .8rem;}
.message .lists {padding:0 1.74rem;}
.message .lists li {padding:0 .25rem;margin:0 0 .65rem;}
.message .lists li input[type="text"],.message .lists li textarea{width:100%;height:.8rem;min-height:35px;font-size:.16rem;color:#2c2b2b;border:0;border-bottom:1px solid #b5b5b5}
.message .lists li textarea{height:1.7rem;padding:.15rem 0}
.message .lists li button {background:#1edaff;font-size:.16rem;color:#FFF;padding:0 .59rem;height:.57rem;border-radius:3px;border:0}
.message .lists li input[name="checkcode"] {width:30%}
.contact_box .fixed_forms .mains{background:none;padding:0;}
.contact_box .fixed_forms .mains .map,.contact_box .fixed_forms .mains .map #container{height:100%}
.contact_box .fixed_forms .mains .close_ {top:-.45rem;right:-.45rem;border-color:#FFF}
.contact_box .fixed_forms .mains .close_:before,.contact_box .fixed_forms .mains .close_:after{background:#FFF}
/********<=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_about .boxs{padding-left:.6rem;}
	.tem_column a{padding-left:.6rem;padding-right:.6rem;}
	.tem_desc .txt{left:1.6rem;}
	.about_box .video .plays{right:1.6rem;}
	.message .lists{padding:0 .8rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.message .lists li input[type="text"], .message .lists li textarea,.message .lists li button {font-size:12px;}
	.tem_banner .flash {padding:60px 0 0}
	.index_appile .itembox{left:25px;}
	.about_box .video .plays{right:25px;}
	.index_appile #appile_grally .swiper-slide .title{left:1.5rem;}
	.index_appile #appile_grally .swiper-slide .infos{left:1.5rem}
	.index_news .lists{margin-left:25px}
	.index_about .mains .nums{padding:0 25px;}
	.product_list{padding-top:60px;}
	.message .lists{padding:0}
}
/********mobile*********/
@media(max-width:767px){
	.about_box .video .plays{right:15px;}	
	
	.tem_banner5.index{padding:60px 0 0}
	.tem_banner5.index{height:350px}
	.tem_banner5 .title h3{top:.35rem;}
	.tem_banner5 .title h5{font-size:.35rem;}
	.tem_banner5 .scrolly{display:none;}
	.index_about{margin:0 15px;}
	.index_about .mains > div{width:100%;display:block;}
	.index_about .mains .nums{padding:0 15px;}
	.index_about .mains .nums > a{top:.2rem;right:0}
	.m62{margin:0 15px;}
	.index_product .lists > div{width:100%;display:block;padding:0 !important;margin:0 0 .35rem;}
	.index_appile .itembox{left:15px}
	.index_appile #appile_grally .swiper-slide .title{left:15px;}
	.index_appile #appile_grally .swiper-slide .infos{left:15px;}
	.index_news .lists{margin:0 15px;}
	.footer{display:block;}
	.footer .items,.footer .infos .bk_ret{display:none;}
	.footer .infos{width:100%}
	.footer::after{display:none}
	.footer::before{width:100%}
	.company .nums > div{width:50%;margin:0 0 .35rem;}
	.product_list .column{display:none}
	.product_list .mains .lists{margin-left:0;padding-left:0}
	.product_list .lists li{padding:0 .15rem;width:50%}
	.show_product .mains > div > div{width:100%}
	.show_product .mains .infos{padding:.4rem 0 0}
	.product_list,.show_product{padding-top:60px;}
	.show_product .effect_display h4{padding:0 .65rem;}
	.company .editor{margin:0 0 .35rem;}
	.tech_box .lists{display:block;}
	.tech_box .lists > div{width:100%;padding:0 !important;}
	.news_box .items .itembox{grid-template-columns:1fr 1fr}

	.app_boxs .lists .items > div{display:block;width:100% !important;}
	.app_boxs .lists .items .text{padding:.49rem .15rem .2rem}
	.app_boxs .lists .items .text .editor{padding-right:0}
	.tech_box .plant .lists ul{grid-template-columns:1fr 1fr}
	.message .lists{padding:0}
	
}