.header{position: fixed;width: 100%;z-index: 1000;top:.45rem;;padding:0 .22rem}
.header .pad22{display:flex;background:white;padding:0 .55rem 0 .4rem ;border-radius:50px;height:.9rem;line-height:.9rem;justify-content: space-between;}

.header .logo{width:19.3%}
.header .navs{width:58.4%}
.header .navs ul{display:flex;justify-content: space-between;}
.header .navs ul li a{font-size:.18rem;color:#767676}
.header .navs ul li.active a,.header .navs ul li a:hover{color:#199ffa}
.header .right{width:10%;display:flex;align-items: center;justify-content: space-between;}
.header .right .search a{width:.29rem;height:.28rem;background: url(/public/common/images/1.png) 0 0 no-repeat;background-size: .29rem .28rem}
.header .right .langs{background: url(/public/common/images/2.png) 0 center no-repeat;background-size: .26rem .26rem;padding-left:.35rem;line-height:.29rem;}
.header .right .langs>*{display:inline-block;vertical-align:middle;font-size:.16rem;color:#767676;line-height:1}
.header .right .langs>em{padding:0 .1rem;}


.header.is_header{top:.2rem;}
.header.is_header .pad22{box-shadow:0 0 12px rgba(0,0,0,0.2)}
/**/
.tem_banner.index .swiper-page .slide-button-prev,.tem_banner.index   .swiper-page .slide-button-next{width:.42rem;height:.2rem;background:url(/public/common/images/23.png) 0 0 no-repeat;background-size:.43rem .2rem;position:absolute;top:50%;transform:translateY(-50%);left:.78rem;z-index:2}
.tem_banner.index .swiper-page .slide-button-next{background:url(/public/common/images/24.png) 0 0 no-repeat;background-size:.43rem .2rem;left:auto;right:.78rem}
.tem_banner.index .swiper-page .slide-button-prev:hover{background:url(/public/common/images/25.png) 0 0 no-repeat;background-size:.43rem .2rem;}
.tem_banner.index .swiper-page .slide-button-next:hover{background:url(/public/common/images/26.png) 0 0 no-repeat;background-size:.43rem .2rem;}
.index_applica{background:#fffbf2;padding:.8rem 0 2.1rem }
.index_applica>div{display:flex;justify-content: space-between;}
.index_applica .left{width:27%;padding:.8rem 0 0 }
.index_applica .left h1{font-size:.48rem;color:#595959;font-family:"robot3";margin:0 0 .4rem}
.index_applica .left p{font-size:.16rem;color:#444444;line-height:.25rem}
.index_applica .left a{margin:2.3rem 0 0;height:.5rem;background:white;line-height:.5rem;border-radius:50px;background:white;font-size:.16rem;color:#4e4e4e;padding:0 .2rem;position:relative }
.index_applica .left a:after{content:'';position:absolute;background:url(/public/common/images/27.png) 0 0 no-repeat;width:.45rem;height:.44rem;top:50%;transform:translateY(-50%);background-size:100%;right:.05rem}
.index_applica .left a:hover{background:#19b6ff;color:white;transition:.5s}
.index_applica .right{width:66%}
.index_applica .right ul{display:flex;justify-content: space-between;}
.index_applica .right ul li{width:32.7%}
.index_applica .right ul li:nth-child(1){transform:translateY(1.6rem)}
.index_applica .right ul li:nth-child(2){transform:translateY(.8rem)}
.index_applica .right ul li a{position:relative}
.index_applica .right ul li a h1{position:absolute;font-size:.16rem;color:white;left:.2rem;bottom:.3rem;padding-left:.15rem;z-index:2}
.index_applica .right ul li a h1:after{content:'';position:absolute;background:white;width:6px;height:6px;border-radius:100%;top:50%;transform:translateY(-50%);left:0}
.index_applica .right ul li a .img{border-radius:22px 0 0px 22px}
.index_applica .right ul li a .img:after{content:'';position:absolute;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2),rgba(0,0,0,.9));height:100%;width:100%;z-index:2;left:0;top:0}
.index_applica .right ul li a:hover img{transform:scale(1.1)}
.index_product{position:relative}
.index_product .title{position:absolute;left:50%;transform:translateX(-50%);top:1.05rem;z-index:2}
.index_product .title h1{font-size:.48rem;color:white}
.index_product .box{position:absolute;left:50%;transform:translateX(-50%);display:flex;top:2.15rem;z-index:2;flex-wrap: wrap;justify-content: center;}
.index_product .box p{font-size:.16rem;margin:0 .25rem;color:white}
.index_adv{padding:.3rem 0 0}
.index_adv>div{padding:.8rem 0 ;}
.index_adv .infos{height:7.5rem;background:url(/public/common/images/28.png) center center no-repeat;;background-size:100%;position:relative}
.index_adv .infos .tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;text-align:center}
.index_adv .infos .tit h1{font-size:.48rem;color:#595959;font-family:"robot3"}
.index_adv .infos  .items{position:absolute;width:30.5%;}
.index_adv .infos  .items h2{font-size:.36rem;color:#595959;font-weight:bold;margin:0 0 .15rem}
.index_adv .infos  .items p{font-size:.18rem;color:#585959;line-height:.3rem}
.index_adv .infos  .items1{right:0;bottom:20%;text-align:right}
.index_adv .infos  .items2{top:25%;right:0;text-align:right}
.index_adv .infos  .items3{bottom:20%;left:0}
.index_adv .infos  .items4{top:25%;;left:0}
.index_cooperation{height:7.65rem;background:url(/public/common/images/29.jpg) center center no-repeat;background-size:cover;display:flex;padding:0 0 .6rem}
.index_cooperation>div {display:flex;align-items: flex-end;justify-content: space-between;}
.index_cooperation>div .txt{width:38.5%}
.index_cooperation>div .txt h1{font-size:.48rem;color:white;font-family:"robot3"}
.index_cooperation>div .txt h2{font-size:.16rem;color:white;margin:.2rem 0 .4rem}
.index_cooperation>div .txt  p{font-size:.16rem;color:white;line-height:.23rem;font-family:"robot"}
.index_cooperation>div .more a{width:1.18rem;height:.44rem;line-height:.44rem;border-radius:50px;background:white;text-align:center;font-size:.16rem;color:#656565}
.index_cooperation>div .more a:hover{background:#19b6ff;color:white}
.index_news{background:#fffbf2}
.index_news .title{padding:1.25rem 0 .75rem;display:flex;justify-content: space-between;align-items: center;}
.index_news .title h2{font-size:.48rem;color:#595959;font-family:"robot3"}
.index_news .title .swiper-page{display:flex}
.index_news .title .swiper-page>div{width:.46rem;height:.46rem;border-radius:100%;background:white;font-size:.18rem;text-align:center;line-height:.46rem;color:#007abf;font-weight:bold;font-size:.3rem;margin-left:.28rem}
.index_news .title .swiper-page>div:hover{background:#0686cc;color:white}
.index_news .lists .items img{height:2.5rem;width:100%;object-fit:cover}
.index_news .lists .items .text{padding: .22rem  .2rem .3rem;background:white}
.index_news .lists .items .text span{font-size:.16rem;color:#7e7e7e}
.index_news .lists .items .text  h2{font-size:.2rem;color:#4b4b4b;height:.58rem;line-height:.29rem;font-weight:bold;word-break:normal;margin:.2rem 0 .6rem}
.index_news .lists .items .text  em{font-size:.16rem;color:#4b4b4b}
.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news .more{padding:.8rem 0 1rem;text-align:center}
.index_news .more a{font-size:.16rem;color:#676767;display:inline-block;border-bottom:2px solid #676767 }
/**/
.tem_banner.indise{position:relative}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:62%;z-index:2}
.tem_banner.indise .txt h1{font-size:.6rem;color:white;text-transform:uppercase;padding:0 0 .36rem;position:relative;text-shadow:#000 1px 1px 15px}
.tem_banner.indise .txt h1:after{content:"";position:absolute;background:rgba(255,255,255,.45);width:.8rem;height:8px;left:50%;transform:translateX(-50%);bottom:0;border-radius:50px}


.about_box{overflow:hidden}
.company{background:#fffbf2 url(/public/common/images/3.png) right top no-repeat}
.company .mbx{display:flex;align-items: center;;font-size:.16rem;color:#b5b5b5;height:.6rem}
.company .mbx a{margin:0 .2rem;font-size:.16rem;color:#b5b5b5}
.company .mbx a:first-child{margin-left:0}
.company .mbx:last-child{color:#199ffa}
.company .title{padding:.9rem 0 .6rem}
.company .title h1{font-size:.48rem;color:#595959;text-transform:uppercase;font-weight:bold;font-family:"robot3";padding:0 0 .1rem}
.company .title p{font-size:.36rem;color:#494949;font-weight:bold;font-family:"robot3"}
.company .infos{font-size:.16rem;color:#494949;line-height:.3rem}
.company  ul{display:flex;justify-content: space-between;padding:.85rem 0}
.company  ul li{width:23%}
.company  ul li h1{color:#000000;font-size:.2rem;height:.38rem;line-height:.38rem;margin:0 0 .25rem;display:flex;font-weight:bold}
.company  ul li h1 em{font-size:.48rem;margin-right:.1rem}
.company  ul li p{font-size:.18rem;color:#575555;padding:.21rem 0 0 ;border-top:2px solid #efece5}

.culture {background:url(/public/common/images/4.png) center no-repeat;padding:.95rem 0 .55rem;background-size:cover}
.culture .title{text-align:center;}
.culture .title h1{font-size:.36rem;color:#1e1e1e;font-weight:bold;margin:0 0 1.95rem;text-transform:uppercase;}

.culture .lists{position:relative}
.culture .lists:before{content:'';width:100%;height:1px;background:#FFF;position:absolute;top:50%;left:0}
.culture .lists>div.w1400 {position:relative}
.culture .lists .items{position:relative;height:1.35rem;cursor:pointer;background:#48adfb;display:flex;text-align:center;border-radius:15px;margin:2.2rem 0 0;    flex-direction: column;    justify-content: center;    align-items: center;}
.culture .lists .items h2{font-size:.3rem;color:#FFF;margin:0 0 .1rem}
.culture .lists .items .info{font-size:.2rem;color:#FFF;padding:0 .25rem;}
.culture .lists .items .info p{margin:0} 
.culture .lists .swiper-slide:nth-child(2n) .items{margin:0 0 2.2rem;}
.culture .lists .items:before{content:'';width:.4rem;height:.4rem;border:1px solid #FFF;border-radius:100%;position:absolute;top:-.63rem;left:50%;transform:translateX(-50%)}
.culture .lists .items:after{content:'';width:.14rem;height:.14rem;background:#FFF;border-radius:100%;position:absolute;top:-.49rem;left:50%;transform:translateX(-50%)}
.culture .lists .swiper-slide:nth-child(2n) .items:before{top:auto;bottom:-.63rem;}
.culture .lists .swiper-slide:nth-child(2n) .items:after{top:auto;bottom:-.49rem;}
.culture.ens .lists .items h2 {font-size:.18rem}
.culture.ens .lists .items .info {font-size:.14rem;}


.honor {background:#fffbf2}
.honor  .title{text-align:center;padding:1.25rem 0 .6rem}
.honor  .title h1{font-size:.48rem;color:#595959;font-weight:bold}
.honor  .lists a{background:#f2f2f2;padding:.15rem .15rem .42rem}
.honor  .lists a:hover img{transform:scale(1.1)}
.honor  .lists a h2{font-size:.16rem;color:#323232;margin:.25rem 0 0}
.honor   .lists .swiper-page{display:flex;justify-content: center;padding:.75rem 0 1.2rem;align-items: center;}
.honor  .lists .slide-pagination{width:auto;padding:0 .4rem;font-size:.2rem;color:#4a4a4a;font-family:"akzi"}
.honor  .lists .slide-pagination span.swiper-pagination-current{font-size:.48rem;color:#50b1fa}
.honor  .lists .swiper-page .slide-button-prev,.honor  .lists .swiper-page .slide-button-next{width:.36rem;height:.52rem;background:url(/public/common/images/7.png) 0 0 no-repeat;background-size:.36rem .52rem}
.honor   .lists .swiper-page .slide-button-next{background:url(/public/common/images/8.png) 0 0 no-repeat;background-size:.36rem .52rem}

.workshop {padding:.8rem 0 .85rem;overflow:hidden}
.workshop .title{text-align:center;padding:0 0 .6rem}
.workshop .title h1{font-size:.48rem;color:#595959;font-weight:bold}

.workshop .lists{position:relative}

.workshop .lists .swiper-slide a{display:block;border-radius:8px;overflow:hidden}
.workshop .lists .swiper-slide img {width:100%;height:3.17rem;object-fit:cover;transition:none}
.workshop .lists .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.workshop   .lists .swiper-page{display:flex;justify-content: center;padding:.75rem 0 1.2rem;align-items: center;}
.workshop  .lists .slide-pagination{width:auto;padding:0 .4rem;font-size:.2rem;color:#4a4a4a;font-family:"akzi"}
.workshop  .lists .slide-pagination span.swiper-pagination-current{font-size:.48rem;color:#50b1fa}
.workshop  .lists .swiper-page .slide-button-prev,.workshop  .lists .swiper-page .slide-button-next{width:.36rem;height:.52rem;background:url(/public/common/images/7.png) 0 0 no-repeat;background-size:.36rem .52rem}
.workshop   .lists .swiper-page .slide-button-next{background:url(/public/common/images/8.png) 0 0 no-repeat;background-size:.36rem .52rem}


.partner{background:#fffbf2;padding:0 0 2.2rem}
.partner .title{text-align:center;padding:1.1rem 0 .7rem}
.partner .title h1{font-size:.48rem;color:#393939;font-weight:bold}
.partner .swiper-slide {height:.97rem;line-height:.97rem;text-align:center;border:1px solid #e5e4e2;border-radius:10px;}
.partner .swiper-slide img {max-height:.65rem;transition:none;}


.footer{background:#fbfbfb}
.footer .top{display:flex;padding:.6rem 0 .5rem;justify-content: space-between;align-items: center;border-bottom:2px solid #e6e6e6}
.footer .top .left{display:flex;width:38%;justify-content: space-between;align-items: center;}
.footer .top .left .logo{width:53%}
.footer .top .left .shares{width:40%}
.footer .top .left .shares ul{display:flex;}
.footer .top .left .shares ul li{padding:0 .15rem 0 0}
.footer .top .left .shares ul li a{width:.3rem;height:.3rem;border-radius:100%;line-height:.3rem;background:#c3c3c3;text-align:center;color:white;font-size:.16rem}
.footer .top .right{width:27%}
.footer .top .right form{position:relative}
.footer .top .right input{width:100%;height:.52rem;border-radius:50px;border:0;background:#e7e7e7;font-size:.15rem;padding:0 .5rem 0 .2rem}
.footer .top .right  button{position:absolute;width:.45rem;height:.44rem;background:url(/public/common/images/11.png) 0 0 no-repeat;border:0;top:50%;transform:translateY(-50%);right:.05rem;background-size:100%}
.footer .fot_nav{display:flex;justify-content: space-between;padding:.7rem 0 .5rem}
.footer .fot_nav dl  dt{margin:0 0 .42rem;padding:0 0 .32rem;position:relative}
.footer .fot_nav dl  dt:after{content:'';position:absolute;background:#066eb6;width:.25rem;height:5px;border-radius:5px;left:0;bottom:0}
.footer .fot_nav dl  dt a{font-weight:normal;font-size:.18rem;font-family:"robot3";color:#191919;display:inline-block}
.footer .fot_nav dl dd{margin:0 0 .15rem}
.footer .fot_nav dl dd a{font-size:.16rem;color:#3f3f3f;}
.footer .bot{height:1.2rem;display:flex;align-items: center;border-top:2px solid #e6e6e6}
.footer .bot p{font-size:.16rem;color:#8c8b8b}
.mbx_pro{background:#fffbf2}
.mbx_pro>div{display:flex;align-items: center;;font-size:.16rem;color:#b5b5b5;height:.6rem}
.mbx_pro a{margin:0 .2rem;font-size:.16rem;color:#b5b5b5}
.mbx_pro a:first-child{margin-left:0}
.mbx_pro a:last-child{color:#199ffa}
.product_list{background:#fffbf2}
.product_list>div{display:flex;justify-content: space-between;padding:.5rem 0 0 }
.product_list .left{width:19.3%}
.product_list .left h3{font-size:.36rem;color:#595959;font-family:'robot3';padding:0 0 .45rem}
.product_list .left .product_nav dl{margin:0 0 .1rem}

.product_list .left .product_nav dl dt a{font-size:.16rem;color:#71777e;height:.5rem;display:flex;flex-direction: column;justify-content: center;}
.product_list .left .product_nav dd{background:#fffdf7;padding:.3rem .05rem .2rem .15rem;border-top:2px solid #84caf6;transition:0s;border-bottom:2px solid #dddbd6;display:none }
.product_list .left .product_nav dl.on dd{display:block}
.product_list .left .product_nav dd .info{margin: 0 0 .2rem}
.product_list .left .product_nav dd .info a{font-size:.14rem;color:#9d9d9d}
.product_list .left .product_nav dl.on dt a,.product_list .left .product_nav dl dt a:hover{color:#37a6fa}
.product_list .left .product_nav dd .info a:hover{color:#37a6fa}
.product_list .left .product_nav dd .info a.on{color:#37a6fa}
.product_list .right{width:78%}
.product_list .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list .right .lists:after{content:"";width:32%}
.product_list .right .lists .items{width:32%;margin:0 0 .55rem}
.product_list .right .lists .items a{padding:.14rem  .12rem .42rem}
.product_list .right .lists .items a:hover {background:#f9f3e5}
.product_list .right .lists .items a h2{font-size:.2rem;color:#282828;font-weight:bold;margin:.3rem 0 .2rem;text-align:center}
.product_list .right .lists .items a:hover img{transform:scale(1.1)}
.product_list .right .lists .items a ul li{display:flex;justify-content: space-between;align-items: center;height:.5rem;border-bottom:2px solid #c9c8c5}
.product_list .right .lists .items a ul li h1,.product_list .right .lists .items a ul li p{font-size:.14rem;color:#959494}
.product_list .right .lists .items a em{display:inline-block;width:100%;height:.4rem;line-height:.4rem;text-align:center;background:#595959;border-radius:50px;color:white;font-size:.16rem}
.product_list .right .lists .items a:hover em{background:#37a6fa}
.product_list .right .page{display:flex;justify-content: center;padding:.3rem 0 1.45rem}
.product_list .right .page a{width:.45rem;height:.45rem;background:#f5f5f6;border-radius:5px;margin:0 .04rem;text-align:center;line-height:.45rem;font-size:.16rem;color:#878787;font-weight:bold}
.product_list .right .page a i{font-size:.18rem}
.product_list .right .page a:hover{background:#37a6fa;color:white}
.product_list .right .page a.page-num-current{background:#37a6fa;color:white}
.pro_head .header{top:0;;padding:0}
.pro_head .header>div{border-radius:0}
.product{padding:.9rem 0 0}
.product .middle{background:#fafafa;padding:.6rem  0 1.35rem}
.product .middle>div{display:flex;justify-content: space-between;}
.product .middle .left{width:57%;;background:white;padding:0 0 .5rem;position:relative}
.product .middle .left .imglist{position:relative}
.product .middle .left .swiper-page .slide-button-prev,.product .middle .left .swiper-page .slide-button-next{position:absolute;top:50%;transform:translateY(-50%);left:.22rem;z-index:2;font-size:.6rem;color:#c9c9c9}
.product .middle .left .swiper-page .slide-button-next{left:auto;right:.22rem}
.product .middle .left .swiper-page>div:hover{color:#199ffa}
.product .middle .left .sm_list{position:absolute;left:50%;bottom:.2rem;width:95%;transform:translateX(-50%);z-index:2;}
.product .middle .left .sm_list   .swiper-slide{border:2px solid #d7d7d7}    
.product .middle .right{width:40%;position:relative}
.product .middle .right h2{font-size:.26rem;color:#282828;font-weight:bold;margin:.25rem 0 .12rem}
.product .middle .right .box{padding:.25rem 0 0;border-top:2px solid #e7e7e7}
.product .middle .right .box>h3{font-size:.2rem;color:#646363;padding:0 0 .15rem}
.product .middle .right .box li{display:flex;justify-content: space-between;align-items: center;border-bottom:1px dashed #b5b5b5;}
.product .middle .right .box li p{font-size:.14rem;color:#959494;width:40%;padding:.1rem 0}
.product .middle .right .box li p:last-child{text-align:right;width:auto}
.product .middle .right .box .boxx li p {display:flex;justify-content: space-between;align-items: center;border-bottom:1px dashed #b5b5b5;width:100%;text-align:left;}
.product .middle .right .box .boxx li p strong {font-size:.14rem;color:#959494;width:40%;font-weight:normal;}
.product .middle .right .more{position:absolute;left:0;bottom:0}
.product .middle .right .more a{width:3.2rem;height:.4rem;background:#595959;color:white;font-size:.16rem;border-radius:50px;text-align:center;line-height:.4rem}
.product .middle .right .more a:hover{background:#199ffa}
.product .dateils{background:#fffcf6;padding:1rem 0 3rem}
.product .dateils ol{display:flex;border-bottom:2px solid #888685}
.product .dateils ol li{width:50%;}
.product .dateils ol li a{height:.5rem;display:flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.product .dateils ol li#current a{background:#199ffa}
.product .dateils ol li a h1{font-size:.16rem;color:#000000;padding-left:.3rem;position:relative}
.product .dateils ol li#current a h1{color:white;transition:.3s}
.product .dateils ol li a h1:after{content:'';position:absolute;background:url(/public/common/images/12.png) 0 0 no-repeat;width:.19rem;height:.19rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;transition:.3s}
.product .dateils ol li#current a h1:after{content:'';position:absolute;background:url(/public/common/images/13.png) 0 0 no-repeat;width:.19rem;height:.19rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;transition:.3s}
.product .dateils .itembox{padding:1rem 0 0 }
.product .dateils .itembox .item{font-size:.16rem;color:#595959;line-height:.3rem}
.applicationlist{background:#fffbf2;padding:0 0 2.25rem}
.applicationlist .title{padding:.93rem 0 .6rem}
.applicationlist .title h2{font-size:.48rem;color:#595959;font-family:'robot3';text-transform:uppercase;}
.applicationlist .lists .items{display:flex;justify-content: space-between;padding:0 0 .5rem;border-bottom:2px solid #d3d1cd;margin:0 0 .6rem}
.applicationlist .lists .items.xss{flex-direction:row-reverse}
.applicationlist .lists .items .img{width:53.3%;}
.applicationlist .lists .items .text{width:42.5%;padding:.6rem 0 0 }
.applicationlist .lists .items .text .imgs{width:10.8%;margin:0 0 .4rem}
.applicationlist .lists .items .text  h2{font-size:.24rem;color:#2e2e2e;font-family:'robot3';padding-left:.25rem;position:relative}
.applicationlist .lists .items .text  h2:after{content:"";position:absolute;background:#767676;width:.1rem;height:.1rem;border-radius:3px;left:0;top:50%;transform:translateY(-50%)}
.news_box{background:#fffbf2;padding:0 0 2.25rem}
.news_box .title{padding:.9rem 0 .6rem}
.news_box .title h2{font-size:.48rem;color:#595959;font-family:'robot3';text-transform:uppercase;}
.news_box .lists {display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:30.5%}
.news_box .lists .items{width:30.5%;margin:0 0 .65rem;}
.news_box .lists .items .text{padding: .33rem  .28rem .4rem;background:white}
.news_box .lists .items .text span{font-size:.16rem;color:#7e7e7e}
.news_box .lists .items .text  h2{font-size:.24rem;color:#4b4b4b;height:.58rem;line-height:.29rem;font-weight:bold;word-break:normal;margin:.35rem 0 .85rem}
.news_box .lists .items .text  em{font-size:.16rem;color:#4b4b4b}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a img{height:2.5rem;width:100%;object-fit:cover}
.news_box  .page{display:flex;justify-content: center;padding:.25rem 0 1.8rem}
.news_box   .page a{width:.45rem;height:.45rem;background:#f5f5f6;border-radius:5px;margin:0 .04rem;text-align:center;line-height:.45rem;font-size:.16rem;color:#878787;font-weight:bold}
.news_box  .page a i{font-size:.18rem}
.news_box  .page a:hover{background:#37a6fa;color:white}
.news_box  .page a.page-num-current{background:#37a6fa;color:white}

.downloadlist{}
.downloadlist .items{padding:.85rem 0}
.downloadlist .items h2 {font-size:.42rem;color:#595959;font-weight:bold;padding:0 0 .3rem;border-bottom:2px solid #ccc;margin:0 0 .3rem;font-weight:bold;}
.downloadlist .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem .55rem;}
.downloadlist .swiper-slide .imgs {overflow:hidden;border-radius:10px;overflow:hidden;position:relative}
.downloadlist .swiper-slide .imgs img {width:100%;height:3.4rem;object-fit:cover;transition:none}
.downloadlist .swiper-slide .imgs .play {position:absolute;top:50%;left:50%;text-align:center;font-size:.16rem;color:#FFF;font-weight:bold;transform:translate(-50%,-50%)}
.downloadlist .swiper-slide .imgs .play i {display:block;width:.5rem;height:.5rem;border:1px solid #FFF;border-radius:100%;background:rgba(255,255,255,.38);font-size:.24rem;color:#199ffa;line-height:.48rem;text-align:center;margin:0 auto .1rem;}
.downloadlist .swiper-slide p{font-size:.18rem;color:#000;text-align:center;margin:.2rem 0 0}
.downloadlist .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.15)}
.downloadlist .items:nth-child(2n) {background:#fffbf2}
.downloadlist .items .swiper-page{margin:.9rem 0 0;text-align:center}
.downloadlist .items .swiper-page>div{display:inline-block;vertical-align:middle;width:auto;}
.downloadlist .items .swiper-page>div.itm {padding:0 .24rem;line-height:.43rem;height:.43rem;font-size:.16rem;color:#878787;background:#f5f5f6;border-radius:5px;}
.downloadlist .items .swiper-page>div.itm i{font-size:.2rem;margin:0 .1rem;}
.downloadlist .items .swiper-page>div.slide-pagination span {opacity:1;outline:none;width:.43rem;height:.43rem;line-height:.43rem;font-size:.16rem;color:#878787;background:#f5f5f6;border-radius:5px;}
.downloadlist .items .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active,.downloadlist .items .swiper-page>div.itm:hover{background:#37a6fa;color:#FFF}


.contact_box .infos{padding:.45rem 0 .65rem}
.contact_box .infos>div{display:flex;;justify-content: space-between;align-items:center}
.contact_box .infos .img{width:49%}
.contact_box .infos .text{width:51%;padding-left:.85rem;}

.contact_box .infos .text>h3{font-size:.36rem;color:#37a6fa;;text-transform:uppercase;}
.contact_box .infos .text>p {font-size:.24rem;color:#393939;margin:.15rem 0 0}

.contact_box .infos .box{padding:.55rem 0 0;}
.contact_box .infos .box h1 {font-size:.24rem;color:#050505;margin:0 0 .2rem}
.contact_box .infos .box ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .infos .box ul li{width:50%;;border-bottom:2px solid #eaeaea;margin:0 0 .3rem;padding:0 0 .25rem}
.contact_box .infos .box ul li:first-child{width:100%;padding:0 0 .25rem}
.contact_box .infos .box ul li:first-child+li {width:70%}
.contact_box .infos .box ul li:first-child+li+li {width:30%}
.contact_box .infos .box ul li:first-child h1{font-size:.24rem;color:#050505;font-weight:bold;text-transform:uppercase;padding:0 0 .25rem}
.contact_box .infos .box ul li:first-child p{padding:0}
.contact_box .infos .box ul li  p{font-size:.16rem;color:#484848;padding:.35rem 0 0;position:relative}
.contact_box .infos .box ul li:last-child{border:0}
.contact_box .infos .box ul li:nth-child(2) p:after{position:absolute;content:"";width:.2rem;height:.2rem;background:url(/public/common/images/19.png) 0 0 no-repeat;background-size:100%;left:0;top:0}
.contact_box .infos .box ul li:nth-child(3) p:after{position:absolute;content:"";width:.21rem;height:.21rem;background:url(/public/common/images/20.png) 0 0 no-repeat;background-size:100%;left:0;top:0}
.contact_box .infos .box ul li:nth-child(4) p:after{position:absolute;content:"";width:.19rem;height:.19rem;background:url(/public/common/images/21.png) 0 0 no-repeat;background-size:100%;left:0;top:0}
.contact_box .map #container {height:6.3rem;}
.contact_box .message{padding:1.2rem 0 .65rem;background:#fffbf2 url(/public/common/images/22.png) right 35% no-repeat}
.contact_box .message .info{background:white;font-size:0;box-shadow:0 0 12px rgba(0,0,0,0.3);width:49%;padding:.85rem  .75rem 1rem .6rem;border-radius:10px}
.contact_box .message .info h2{font-size:.48rem;color:#393939;text-transform:uppercase;font-family:"robot3";padding:0 0 .5rem}
.contact_box .message .info .input{margin:0 0 .25rem}
.contact_box .message .info .ipt {margin:0 0 .25rem;}
.contact_box .message .info .ipt>div{display:inline-block;vertical-align:top;width:50%;margin:0;padding:0 .12rem 0 0}
.contact_box .message .info .ipt>div:last-child {padding:0 0 0 .12rem;}

.contact_box .message .info .input p{font-size:.16rem;color:#393939;padding:0 0 .15rem}
.contact_box .message .info .input  input{width:100%;height:.52rem;background:#fafafa;border-radius:5px;border:1px solid #dcdcdc;font-size:.16rem;color:black;padding:0 .1rem}
.contact_box .message .info .bot{padding:.1rem 0 0}
.contact_box .message .info .bot  p{font-size:.16rem;color:#393939;padding:0 0 .15rem}
.contact_box .message .info .bot  textarea{width:100%;height:1.8rem;background:#fafafa;border-radius:5px;border:1px solid #dcdcdc;color:black;padding:.1rem;font-size:.16rem}
.contact_box .message .info .sub{text-align:center;margin:.45rem 0 0}
.contact_box .message .info .sub button{width:3.2rem;height:.4rem;background:#595959;border-radius:50px;border:0;font-size:.16rem;color:white}

.ys_navph2_subnav_li.langs{margin:.55rem 0 0}
.ys_navph2_subnav_li.langs>a{display:inline-block;vertical-align:middle;margin:0 .35rem 0 0}
.ys_navph2_subnav_li.langs>a img {max-height:.3rem;transition:none;margin:0 .1rem 0 0}
/********<=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********/

/**************************/

/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .index_applica>div{display:inherit;padding:0 0 1rem}
    .index_applica .left{width:100%}
    .index_applica .left a{margin:1rem  0 0}
    .index_applica .right{width:100%}
    .index_product .title{top:0}
    .index_product .box{width:100%;top:.6rem}
.index_product .box{}
.index_adv .infos .tit{position:inherit;top:0;left:0;transform:translate(0);width:100% ;padding:0 0 .2rem }
.index_adv .infos{background:none}


.index_adv .infos  .items{position:inherit;width:100%;margin:0 0 .2rem}
.index_adv .infos  .items1{right:0;bottom:0;text-align:left}

.index_adv .infos  .items2{top:0;right:0;text-align:left}
.index_adv .infos  .items3{bottom:0;left:0}
.index_adv .infos  .items4{top:0;left:0}
.index_cooperation>div .txt{width:100%}
.index_cooperation>div{display:flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.index_cooperation>div .more{margin:.5rem 0 0}
.index_cooperation>div .more a{width:2rem}
.footer .top{display:inherit}
.footer .top .left{width:100%}
.footer .top .right{width:100%;margin:.2rem 0 0}
.footer .fot_nav{display:none}
.partner .lists .items{width:33.33%}
.product_list .right .lists .items{width:48%}
.product_list .left .product_nav dl dt a{height:auto}
.product_list>div{display:inherit}
.product_list .left{width:100%}
.product_list .right .lists .items a ul li{height:auto;display:inherit}
.product_list .right{width:100%}
.tem_banner.indise .txt{width:100%;text-align:center}
.product{padding:1.1rem 0 0 }
.product .middle>div{display:inherit}
.product .middle .left{width:100%}
.product .middle .right{width:100%}
.product .middle .right .more{position:inherit;margin:.3rem 0 0}
.news_box .lists .items{width:48%}
.downloadlist .lists .items{width:50%}
.contact_box .infos .box{width:100%;position:inherit}
.contact_box .infos>div{display:flex;flex-wrap: wrap;}
.contact_box .message .info{width:100%}
}