.header{position: absolute;width: 100%;z-index: 1000;top:0;;padding:0 .22rem}
.header .pad22{display:flex;padding:0 .55rem 0 .4rem ;height:.9rem;line-height:.9rem;justify-content: space-between;}

.header .logo{width:19.3%}
.header .navs{width:63.4%}
.header .navs ul{display:flex;justify-content: space-between;}
.header .navs ul li a{font-size:.18rem;color:#FFF}
.header .navs ul li.active a,.header .navs ul li a:hover{color:#1a1e88}
.header .right{width:5%;display:flex;align-items: center;justify-content: space-between;}
.header .right .search img {max-height:.28rem;filter:brightness(0) invert(1)}
.header .right .langs a{width:.29rem;height:.29rem;background: url(/public/common/images/2.png) 0 0 no-repeat;background-size: .29rem .29rem}




.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}
.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:#1a1e88}
.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.jpg) 0 0 no-repeat;padding:0 0 .9rem;background-size:cover    }
.culture .title{text-align:center;padding:1.1rem 0 .9rem}
.culture .title h1{font-size:.48rem;color:white;font-weight:bold}
.culture .lists .items{padding:0 .45rem;position:relative}            
.culture .lists .items h2{position:absolute;font-size:1.65rem;color:rgba(255,255,255,.37);left:-.07rem;font-family:"akzi"}
.culture .lists .items .info{background:white;padding:.3rem .3rem 0;height:2.55rem;border-radius:10px}
.culture .lists .items .info h1{font-size:.2rem;color:#28a3fa;padding:0 0 .25rem;font-weight:bold}
.culture .lists .items .info p{font-size:.14rem;color:#595959;line-height:.2rem;height:1.2rem;overflow:hidden}
.culture  .lists .swiper-page{display:flex;justify-content: center;padding:.65rem 0 0;align-items: center;}
.culture  .lists .slide-pagination{width:auto;padding:0 .4rem;font-size:.2rem;color:white;font-family:"akzi"}
.culture  .lists .slide-pagination span.swiper-pagination-current{font-size:.48rem;color:#50b1fa}
.culture  .lists .swiper-page .slide-button-prev,.culture  .lists .swiper-page .slide-button-next{width:.36rem;height:.52rem;background:url(/public/common/images/5.png) 0 0 no-repeat;background-size:.36rem .52rem}
.culture  .lists .swiper-page .slide-button-next{background:url(/public/common/images/6.png) 0 0 no-repeat;background-size:.36rem .52rem}
.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:0 0 1.4rem}
.workshop  .title{text-align:center;padding:1.15rem 0 .55rem}
.workshop .title h1{font-size:.48rem;color:#595959;font-weight:bold}
.workshop  .lists h2{margin:.2rem 0 0;font-size:.16rem;text-align:center}
.workshop  .lists{position:relative}
.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;position:absolute;top:50%;transform:translateY(-50%);left:-.55rem}
.workshop  .lists .swiper-page .slide-button-next{background:url(/public/common/images/8.png) 0 0 no-repeat;background-size:.36rem .52rem;left:auto;right:-.55rem}
.workshop  .lists .swiper-page .slide-button-prev:hover{background:url(/public/common/images/9.png) 0 0 no-repeat;background-size:.36rem .52rem;}
.workshop  .lists .swiper-page .slide-button-next:hover{background:url(/public/common/images/10.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 .lists {display:flex;flex-wrap: wrap;}
.partner .lists .items{width:16.6%;padding:0 .03rem;margin:0 0 .2rem}
.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;justify-content: space-between;}
.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 .middle {display:flex;justify-content: space-between;padding:.6rem 0 1.2rem}
.footer .middle .fot_nav{display:flex;justify-content: space-between;;width:75%}
.footer .middle .weixin{width:12.5%;text-align:center}
.footer .middle .weixin p{text-align:center;margin:.15rem 0 0;font-size:.16rem;color:#6d6d6d;font-weight:bold}
.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:#111d80;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 .fot_nav dl dd p{font-size:.16rem;color:#3f3f3f;margin:0 0 .15rem;}
.footer .bot{height:1.2rem;display:flex;align-items: center;border-top:2px solid #e6e6e6;justify-content: space-between;}
.footer .bot .f_links {width:20%;border-radius:50px;position:relative}
.footer .bot .f_links dl{margin:0;padding:0;position:relative;height:.46rem;border:1px solid #8e8e8e;border-radius:50px}
.footer .bot .f_links dl dt {font-size:.14rem;color:#c5c5c5;cursor:pointer;line-height:.46rem;font-weight:normal;padding:0 .25rem;color:#5e5d5d}
.footer .bot .f_links dl dt i {position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:.16rem;color:#5e5d5d;}
.footer .bot .f_links dl dd {position:absolute;bottom:110%;;left:0;width:100%;background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2);display:none;transition:none;}
.footer .bot .f_links dl dd a{display:block;font-size:.16rem;color:#1c1c1c;line-height:.45rem;padding:0 5px;}
.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:#1a1e88}
.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:.35rem 0 .25rem;height:.5rem;line-height:.25rem}
.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;margin:.38rem 0 0;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:#1a1e88}
.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;line-height:.3rem;height:.6rem;margin:.35rem 0 .22rem}
.product .middle .right .box{padding:.38rem 0 0;border-top:2px solid #e7e7e7}
.product .middle .right .box .editor {font-size:.14rem;color:#959494}
.product .middle .right .box>h3{font-size:.2rem;color:#646363;padding:0 0 .15rem}

.product .middle .right .box li{display:flex;height:.55rem;justify-content: space-between;align-items: center;border-bottom:1px dashed #b5b5b5}
.product .middle .right .box li p{font-size:.14rem;color:#959494;width:50%}
.product .middle .right .box li p:last-child{text-align:right}
.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:#1a1e88}
.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:#1a1e88}
.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{background:#fffbf2;padding:0 0 2.25rem}
.downloadlist .title{padding:.9rem 0 .6rem}
.downloadlist .title h2{font-size:.48rem;color:#595959;font-family:'robot3';text-transform:uppercase;}
.downloadlist .lists{display:flex;flex-wrap: wrap;}
.downloadlist .lists .items{width:25%;padding:0 .12rem;margin:0 0 .48rem}
.downloadlist .lists .items a{height:3.4rem;padding:.8rem .1rem 0;background:url(/public/common/images/16.png) 0 0 no-repeat;background-size:cover;border-radius:20px 20px 0 0;position:relative }
.downloadlist .lists .items a:after{content:'';position:absolute;background:url(/public/common/images/17.png) 0 0 no-repeat;width:.54rem;height:.54rem;;background-size:100%;top:.17rem;right:.15rem;transition:.3s}
.downloadlist .lists .items a:hover:after{content:'';position:absolute;background:url(/public/common/images/18.png) 0 0 no-repeat;width:.54rem;height:.54rem;;background-size:100%;top:.17rem;right:.15rem;transition:.3s}

.downloadlist .lists .items a h2{padding:1.75rem 0 0;text-align:center;color:#777674;font-family:"robot3";font-size:.24rem;position:relative }
.downloadlist .lists .items a h2:after{content:"";position:absolute;background:url(/public/common/images/14.png) 0 0 no-repeat;width:.83rem;height:1.09rem;left:50%;transform:translateX(-50%);background-size:100%;top:0;transition:.3s}
.downloadlist .lists .items a:hover h2:after{content:"";position:absolute;background:url(/public/common/images/15.png) 0 0 no-repeat;width:.83rem;height:1.09rem;left:50%;transform:translateX(-50%);background-size:100%;top:0;transition:.3s}
.downloadlist .lists .items a:hover h2{color:#1a1e88}
.downloadlist .page{display:flex;justify-content: center;padding:.2rem 0 2.2rem}
.downloadlist  .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}
.downloadlist .page a i{font-size:.18rem}
.downloadlist  .page a:hover{background:#37a6fa;color:white}
.downloadlist .page a.page-num-current{background:#37a6fa;color:white}
.contact_box .infos{padding:.45rem 0 1.35rem}
.contact_box .infos>div{display:flex;;justify-content: space-between;}
.contact_box .infos .img{width:51.1%}
.contact_box .infos .text{width:45.4%;padding:.6rem 0 0}
.contact_box .infos .text h1{font-size:.24rem;color:#393939;padding:0 0 .25rem}
.contact_box .infos .text h2{font-size:.48rem;color:#393939;;text-transform:uppercase;font-weight:bold;padding:0 0 .15rem}
.contact_box .infos .text h3{font-size:.48rem;color:#37a6fa;;text-transform:uppercase;font-weight:bold;}
.contact_box .infos .box{position:absolute;;right:0;bottom:0;box-shadow:0 0 12px rgba(0,0,0,0.3);padding:.8rem .65rem 0rem;width:62%;background:white;border-radius:10px}
.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 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 .message{padding:1.1rem 0 2.3rem;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 .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}
.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{padding:.8rem 0 1.35rem }
.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:3.1rem 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:#111d80;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_pro {padding:0 0 1.25rem;background:#f3f8ff}
.index_pro .title{text-align:center;padding:1.1rem 0 .6rem}
.index_pro .title h1{font-size:.48rem;color:#595959;font-weight:bold}
.index_pro .lists .text{background:white;padding:.3rem .2rem .3rem;position:relative;z-index:2}
.index_pro .lists .text:after{content:"";position:absolute;background:url(/public/common/images/98.png)0 0 no-repeat;opacity:0;width:100%;height:100%;left:0;transition:.3s;top:0;z-index:-1;background-size:cover}
.index_pro .lists .text h1{font-size:.24rem;color:#818181;margin:0 0 .38rem}
.index_pro .lists .text p{font-size:.16rem;color:#8d8d8d;line-height:.22rem;height:.44rem}
.index_pro .lists a:hover img{transform:scale(1.1)}
.index_pro .lists a:hover .text h1{color:white}
.index_pro .lists a:hover .text p{color:white}
.index_pro .lists a:hover .text:after{opacity:1;transition:.3s}
.index_pro  .lists{position:relative}

.index_pro  .lists .swiper-page>div{width:.48rem;height:.48rem;background-size:.43rem .2rem;position:absolute;top:50%;transform:translateY(-50%);left:-.98rem;z-index:2;background:white;color:#1d89c6;font-size:.3rem;border-radius:100%;text-align:center;line-height:.48rem}
.index_pro  .lists .swiper-page .slide-button-next{right:-.96rem;left:auto}
.index_pro  .lists .swiper-page>div:hover {background:#078bd2;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:#111d80;color:white}*/
.index_news{background:#f3f8ff}
.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 }
/*招聘*/
.job_box{padding:.85rem 0 1.8rem;background:#fffbf2;font-size:0}
.job_box h3 {font-size:.48rem;color:#595959;margin:0 0 .6rem}
.job_box .lists li {margin:0 0 .1rem;background:#eee}
.job_box .lists li>a{display:block;background:#eee;line-height:.7rem;padding:0 .55rem;position:relative}
.job_box .lists li>a>span {display:inline-block;font-size:.14rem;color:#494949;padding:0 0 0 .15rem;width:16%}
.job_box .lists li>a>span:first-child{padding:0;width:24%}
.job_box .lists li>a>span:first-child{font-size:.24rem;}
.job_box .lists li>a>span:first-child+span {width:10%}
.job_box .lists li>a>span:first-child+span+span {width:26%}
.job_box .lists li>a>i{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:.31rem;height:.31rem;border:1px solid #4c2d46;border-radius:100%;line-height:.29rem;text-align:center;font-size:.22rem;color:#4c2d46}
.job_box .lists li .submenu {transition:none;display:none;padding:0 .55rem .85rem;}
.job_box .lists li .submenu>div{background:#FFF;}
.job_box .lists li .submenu>div .info {padding:0 .3rem;line-height:.73rem;border-bottom:1px solid #e5e5e5}
.job_box .lists li .submenu>div .info p{display:inline-block;vertical-align:top;font-size:.14rem;color:#494949;width:15%}
.job_box .lists li .submenu>div .editor{font-size:.14rem;color:#494949;line-height:1.75;padding:.4rem .3rem;}
.job_box .lists li .submenu>div .mores{padding:0 .3rem .4rem 0;}
.job_box .lists li .submenu>div .mores>a{display:inline-block;background:#1a1e88;padding:0 .26rem;line-height:.43rem;font-size:.16rem;color:#FFF;border-radius:10px;}
/********<=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 .middle .fot_nav{display:none}
.footer .middle .weixin{width:100%}
.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}
.index_pro .lists .text p{height:.5rem;line-height:.25rem}
.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%}
.job_box .lists li .submenu>div .info p{width:50%;margin:0 0 .3rem}

}