.header{position: fixed;width: 100%;z-index: 1000;overflow:hidden}
.header.pro_head{background:white !important;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div{padding:0 .63rem;display:flex;height:.8rem;line-height:.8rem;justify-content: space-between;}
.header.is_header{background:rgba(0,0,0,.9);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .logo{width:10.8%}
.header .navs{width:72%;padding-right:.2rem}

.header.pro_head .navs ul li a{font-size:.18rem;color:black;font-weight:bold}
.header.pro_head .langs a{font-size:.18rem;color:black;}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.9rem}
.header .navs ul li a{font-size:.18rem;color:white;font-weight:bold}
.header .langs a{font-size:.18rem;color:white;}
.about_box .company>div{position:relative;background:url(../images/1.png) 96% 12% no-repeat;}
.about_box .company .title{padding:1.2rem 0 .5rem}
.about_box .company .title h2{font-size:.6rem;color:#404040;font-family:"GothamRounded"}
.about_box .company .img{width:73%}
.about_box .company .infos{padding:.7rem 0 1.8rem}
.about_box .company .infos ul{display:flex}
.about_box .company .infos ul li{width:18%}
.about_box .company .infos ul li h1{color:#0d5aad;font-size:.3rem;font-weight:bold;margin:0 0 .25rem}
.about_box .company .infos ul li h1 em{font-size:.48rem}
.about_box .company .infos ul li  p{font-size:.16rem;color:#787878}
.about_box .company .content{position:absolute;width:50%;bottom:1.38rem;right:0;background:#0d5aad;padding:.4rem .3rem .85rem}
.about_box .company .content h1{font-size:.5rem;color:white;text-transform:uppercase;font-weight:bold}
.about_box .company .content  h2{font-size:.2rem;color:white;width:73%;line-height:.28rem;margin:.25rem 0 .4rem}
.about_box .company .content  p{font-size:.16rem;color:white;line-height:.225rem}
.about_box .culture{padding:0 .63rem 0 2.6rem;background-size:cover;background-repeat:no-repeat}
.about_box .culture>div{display:flex;}
.about_box .culture  .left{padding:1.5rem 0 0;width:45.5%}
.about_box .culture  .left h2{font-size:.6rem;color:white;font-family:"GothamRounded";margin:0 0 .45rem}
.about_box .culture  .left p{font-size:.3rem;color:#d8d7d7;width:75%;line-height:.45rem}
.about_box .culture  .right{width:54.5%}
.about_box .culture  .right ul{display:flex;flex-wrap: wrap;}
.about_box .culture  .right ul li{width:50%}
.about_box .culture  .right ul li a{height:3.86rem;padding:.7rem .5rem 0;text-align:center;border:2px solid rgba(150,150,150,.4);margin-left:-1px;margin-bottom:-1px}
.about_box .culture  .right ul li a h1{font-size:.24rem;color:#ffffff;padding:1.2rem 0 0;margin:0 0 .15rem;position:relative }
.about_box .culture  .right ul li a h1:after{content:"";position:absolute;background:url(../images/2.png) 0 0  no-repeat;width:.8rem;height:.8rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.about_box .culture  .right ul li a:hover h1:after{transform:translateX(-50%) rotateY(360deg);transition:.5s}
.about_box .culture  .right ul li a  p{font-size:.17rem;color:#ffffff;height:.8rem;line-height:.2rem}
.about_box .honor{position:relative}
.about_box .honor h2{position:absolute;left:50%;transform:translateX(-50%);top:1.2rem;z-index:2;font-size:.48rem;color:#000000;font-family:"GothamRounded"}
.about_box  .parnter{padding:0 0 1.65rem}
.about_box  .parnter h2{padding:1rem 0 .65rem;text-align:center;font-size:.48rem;color:#000000;font-family:"GothamRounded"}
.about_box  .parnter .lists ul{display:flex;flex-wrap: wrap;}
.about_box  .parnter .lists ul li{width:16.6%;padding:0 .05rem;margin:0 0 .2rem}
.footer{background:#131212}
.footer .top{padding:1rem 0 .85rem;display:flex;align-content: space-around;justify-content: space-between;}
.footer .top .left{width:14%}
.footer .top .left .logo{margin:0 0 .85rem}
.footer .top .left .txt h1{font-size:.16rem;color:white;margin:0 0 .15rem}
.footer .top .left .txt p{font-size:.3rem;color:white;font-weight:bold}
.footer .top .fot_nav{width:54%;display:flex;justify-content: space-between;padding:.1rem 0 0}
.footer .top .fot_nav dl dt{margin:0 0 .25rem}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:white;font-weight:normal;}
.footer .top .fot_nav dl dd{margin:0 0 .1rem}
.footer .top .fot_nav dl dd a{font-size:.14rem;color:#b2b1b1;}
.footer .top .right{width:18.5%;padding:.17rem 0 0}
.footer .top .right h1{font-size:.14rem;color:white;margin:0 0 .15rem}
.footer .top .right h2{font-size:.14rem;color:#787777;margin:0 0 .3rem}
.footer .top .right .emails{position:relative;margin:0 0 .5rem    }
.footer .top .right .emails input{width:100%;height:.35rem;line-height:.35rem;border:2px solid #686767;background:none;padding:0 .5rem 0 .1rem}
.footer .top .right .emails button{position:absolute;width:.5rem;height:100%;background:#b2b1b1;border:0;top:50%;transform:translateY(-50%);right:0rem;font-size:.2rem;color:white}
.footer .top .right .shares ul{display:flex}
.footer .top .right .shares ul li{margin:0 .08rem;}
.footer .top .right .shares ul li a{width:.46rem;height:.46rem;border-radius:100%;border:2px solid white;text-align:center;line-height:.46rem;color:white;font-size:.2rem}
.footer .top .right .shares ul li a:hover {border:2px solid #0d5aad;background:#0d5aad}
.footer .bot {display:flex;height:1.1rem;align-items: center;border-top:1px solid #434242}
.footer .bot p{font-size:.14rem;color:#b2b1b1;padding:0 .2rem}
.fix_shares{position:fixed;;z-index:888;right:0;top:60%;text-align:center}
.fix_shares ul{width:.85rem;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);padding:.25rem 0;border-radius:5px 0 0 5px}
.fix_shares ul li{margin:.14rem 0;text-align:center}
.fix_shares ul li a{display:inline-block;cursor:pointer}
.product_box>div{display:flex;justify-content: space-between;padding:.75rem 0 2.25rem}
.product_box .menu{width:20%}
.product_box .menu>ul{}
.product_box .menu>ul>li>ul{transition:none !important;padding:0 0 .35rem;display:none}
.product_box .menu>ul>li>ul>li{margin:0 0 .1rem;;}
.product_box .menu>ul>li>ul>li>a{font-size:.18rem;border-bottom:1px dashed #d8d8d8;;color:#5e5e5e;height:.55rem;display:flex;flex-direction: column;justify-content: center;padding-left:.15rem;position:relative}
.product_box .menu>ul>li>ul>li>a:after{content:'+';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#5e5e5e;font-size:.15rem}
.product_box .menu>ul>li>ul>li.onss>a:after{content:'-';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#5e5e5e;font-size:.15rem}
.product_box .menu>ul>li>ul>li>a:hover,.product_box .menu>ul>li>ul>li.onss>a,.product_box .menu>ul>li>ul>li.onss>a:after{color:#0d5aad}
.product_box .menu>ul>li>ul>li>a:hover:after{color:#0d5aad}

.product_box .menu>ul>li>ul>li>ul{transition:none !important;display:none}
.product_box .menu>ul>li.on>ul{display:block}
.product_box .menu>ul>li>ul>li>ul>li>a{font-size:.16rem;color:#726f6f;padding:0 .2rem;margin:.1rem 0 }
.product_box .menu>ul>li>ul>li>ul>li>a.active{color:#0d5aad}
.product_box .menu>ul>li>ul>li>ul>li>a:hover{color:#0d5aad}
.product_box .menu>ul>li{border-bottom:2px solid #e1e0e0}
.product_box .menu>ul>li>ul.on,.product_box .menu>ul>li>ul.on .onss ul{display:block}
.product_box .menu>ul>li.on>a{color:#313131}
.product_box .menu>ul>li>a{font-size:.2rem;color:#6f6f6f;font-weight:bold;height:.72rem;display:flex;flex-direction: column;justify-content: center;padding-right:.2rem;position:relative}
.product_box .menu>ul>li>a:after{content:"\f107";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.2rem;color:#434343;transition:.3s}
.product_box .menu>ul>li.on>a{color:#313131;transition:.3s}
.product_box .menu>ul>li.on>a:after{transform:translateY(-50%) rotate(180deg);transition:.3s}
.product_box .right{width:75%}
.product_box .right .items {margin:0 0 .65rem}
.product_box .right .items a{display:flex;border-radius:20px;border:1px solid #c6c5c5}
.product_box .right .items a .img{width:48%;margin:.45rem 0 0;height:3.6rem }
.product_box .right .items a .img img{max-height:3.6rem}
.product_box .right .items a .text{width:52%;background:#f9f9f9;padding:1.05rem 0 0 .75rem;}
.product_box .right .items a .text h1{font-size:.24rem;color:#0d5aad;font-weight:bold;margin:0 0 .15rem}
.product_box .right .items a .text .desc{padding:0 .5rem .42rem 0;border-bottom:2px solid #0d5aad;position:relative}
.product_box .right .items a .text .desc:after{content:"";position:absolute;background:url(../images/7.png) 0 0  no-repeat;width:.26rem;height:.15rem;left:0;bottom:-.56rem;background-size:100%;transition:.3s}
.product_box .right .items a:hover .text .desc:after{left:.2rem}
.product_box .right .items a:hover  img{transform:scale(1.1)}
.product_box .right .items a .text p{font-size:.16rem;color:#5d5c5c;line-height:.23rem;height:.46rem;}
.product{padding:.8rem 0 0}
.product .mbx>div{display:flex;height:.67rem;align-items: center;font-size:.16rem;color:#565656}
.product .mbx>div a{font-size:.16rem;color:#565656;margin:0  .02rem}
.product .mbx>div a:last-child{color:#3e75b9}
.product .top{background:url(../images/9.jpg) 0 0  no-repeat;padding:0 0 .65rem;background-size:cover}
.product .top h2{text-align:center;padding:.85rem 0 1rem;font-size:.52rem;color:#0d5aad;font-weight:bold}
.product .top .imgsbox {display:flex;padding-right:5rem;justify-content: space-between;}
.product .top .imgsbox .imglist{width:11.5%;}
.product .top .imgsbox .imglist .swiper-container{height:4.2rem}
.product .top .imgsbox .imglist .swiper-slide{border:2px solid #dedddd;padding: .1rem;border-radius:5px;background:white}
.product .top .imgsbox .sm_list{width:41.5%}
.product .bot .editor{font-size:.16rem;color:#4c4c4c;padding:.75rem 0 3rem;line-height:.25rem}
.news_box{}
.news_box .title{text-align:center;padding:.9rem 0 .4rem}
.news_box .title h2{font-size:.48rem;color:#1a1a1a;font-weight:bold;text-transform:uppercase;font-family:"GothamRounded"}
.news_box  ul{display:flex;justify-content: center;margin:0 0 .75rem;align-items: center;}
.news_box  ul li{padding:0 .2rem;position:relative}
.news_box  ul li:nth-child(1) a{font-size:.16rem;color:#073f89;font-weight:bold}
.news_box  ul li:nth-child(1):after{content:"";position:absolute;;width:1px;height:.34rem;border:1px dashed #bfbfbf;right:0;top:50%;transform:translateY(-50%)}
.news_box  ul li  a{font-size:.14rem;color:#5c5c5c;font-weight:bold}
.news_box  ul li.active a{color:#073f89}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box  ul li  a:hover{color:#073f89}
.news_box .lists:after{content:"";width:31%}
.news_box .lists .items{width:31%;margin:0 0 .48rem}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a .text{background:#f8f8f8;padding:.2rem .2rem .4rem;}
.news_box .lists .items a h1{font-size:.22rem;color:#232323;font-weight:bold;height:.66rem;line-height:.33rem;margin:0 0 .4rem}
.news_box .lists .items a p{margin:0 0 .6rem;font-size:.14rem;color:#515151;font-weight:bold;padding-left:.23rem;position:relative}
.news_box .lists .items a p:after{content:'';position:absolute;background:url(../images/10.png) 0 0  no-repeat;left:0;top:50%;transform:translateY(-50%);width:.14rem;height:.14rem;background-size:100%}
.news_box .lists .items a em{font-size:.14rem;color:#073f89;font-weight:bold}
.news_box .page{display:flex;justify-content: center;padding:.27rem 0 2.08rem}
.news_box .page a{width:.33rem;height:.33rem;background:#ebebeb;line-height:.33rem;margin: 0 .06rem;border-radius:5px;font-size:.16rem;color:#5a5a5a;font-weight:bold}
.news_box .page a:hover,.news_box .page a.page-num-current{background:#0d5aad;color:white}
.news_box .page a i{font-size:.2rem}
.news_box .page a:first-child{margin-right:.2rem}
.news_box .page a:last-child{margin-left:.2rem}

.news_box .lists_video{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists_video .items{width:31.2%;margin:0 0 .4rem}
.news_box .lists_video:after{content:"";width:31%}
.news_box .lists_video .items a h1{height:.7rem;background:#f8f8f8;display:flex;flex-direction: column;justify-content: center;padding:0 .2rem;font-size:.22rem;color:#232323;font-weight:bold}
.news_box .lists_video .items a  .img:after{content:'';position:absolute;background:url(../images/11.png) 0 0  no-repeat;width:.44rem;height:.44rem;transform:translate(-50%,-50%);top:50%;left:50%;background-size:100%}
.news_box .lists_video .items a:hover img{transform:scale(1.1)}
.contact{padding:1.5rem 0 1.35rem;background:url(../images/12.jpg) 0 0  no-repeat}
.contact>div{display:flex;padding:0 1.5rem 0 2.6rem;justify-content: space-between;}
.contact .left{width:41.5%;padding:.8rem 0 0}
.contact .left .top{padding:0 0 .9rem;border-bottom:1px solid #dcdcdc}
.contact .left .top h1{font-size:.48rem;color:#000000;font-weight:bold;padding:0 0 .5rem}
.contact .left .top >p{font-size:.18rem;color:#828282;margin:0 0 .45rem}
.contact .left .top .info{display:flex}
.contact .left .top .info a{font-size:.18rem;color:#2775b7;font-weight:bold;padding-left:.27rem;position:relative}
.contact .left .top .info a:after{content:'';position:absolute;background:url(../images/13.png) 0 0  no-repeat;width:.2rem;height:.26rem;transform:translateY(-50%);top:50%;left:0;background-size:100%}

.contact .left .top .info p{font-size:.18rem;color:#838181;margin-left:.9rem}
.contact .left .top .info p em{color:#5e5e5e}
.contact .left .box{padding:.6rem 0 0 }
.contact .left .box ul li{margin:0 0 .4rem}
.contact .left .box ul li h1{font-size:.24rem;color:#616161;margin:0 0 .1rem}
.contact .left .box ul li p{font-size:.3rem;color:#2775b7;font-weight:bold}
.contact .left .box  h2{font-size:.18rem;color:#828282;margin:0 0 .25rem;font-weight:bold}
.contact .right{width:55.5%;background:white;box-shadow:0 15px 12px rgba(0,0,0,0.15);padding:.9rem .95rem 1.2rem 1rem}
.contact .right .txt{margin:0 0 .4rem}
.contact .right .txt h1{font-size:.24rem;color:#515151;margin:0 0 .25rem}
.contact .right .txt p{font-size:.16rem;color:#9a9a9a;width:78%;}
.contact .right .form {font-size:0}
.contact .right .form  .input{margin:0 0 .5rem;}
.contact .right .form  .input input{height:.55rem;line-height:.55rem;width:100%;border:0;border-bottom:1px solid #c9c9c9;font-size:.18rem;color:black}
.contact .right .form  .bot textarea{height:.55rem;line-height:.55rem;width:100%;border:0;border-bottom:1px solid #c9c9c9;font-size:.18rem;color:black}
.contact .right .form  .sub{margin:.85rem 0 0}
.contact .right .form  .sub button{width:1.45rem;height:.64rem;line-height:.64rem;border-radius:50px;background:#2775b7;border:0;font-size:.18rem;color:white}
.contact  .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.contact .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.3rem;}
.contact .fixed_box .mains.met_hidden{top:70%}
.index_product>div{padding:.9rem 0}
.index_product .title{position:absolute;width:100%;top:.7rem;left:0}
.index_product .title h1{font-size:.48rem;color:#181818;font-weight:bold;text-transform:uppercase;margin:0 0 .2rem}
.index_product .title h1 em{color:#0d5aad}
.index_product .title p{font-size:.16rem;color:#2e2f2f}
.index_product .lists a{border:3px solid #b4b4b4;border-radius:20px}
.index_product .lists .swiper-container{padding:.75rem 0 .4rem}
.index_product .lists  .swiper-slide-active{transform:translateY(.4rem) !important}
.index_product .lists  .swiper-slide {transform:translateY(-.75rem)}
.index_product .lists  .swiper-slide-next{transform:translateY(0rem) !important}
.index_product .lists{position:relative}
.index_product .lists a {padding:.6rem 0 0;background:white}
.index_product .lists a .img{height:3.4rem;}
.index_product .lists a .img img{max-height:3.4rem}
.index_product .lists a .txt{padding:.6rem .25rem .2rem;border-radius:0 0 15px 15px}
.index_product .lists a .txt h1{font-size:.2rem;color:#5d5c5c;font-weight:bold;margin:0 0 .15rem}
.index_product .lists a .txt  p{font-size:.16rem;color:#5d5c5c}
.index_product .lists a:hover img{transform:scale(1.1)}
.index_product .lists a:hover  {border:3px solid #0d5aad}
.index_product .lists a:hover .txt{background:#0d5aad} 
.index_product .lists a:hover .txt h1,.index_product .lists a:hover  .txt  p{color:white}
.index_product .lists .swiper-page .slide-button-prev,.index_product .lists .swiper-page .slide-button-next{position:absolute;top:50%;transform:translateY(-50%);left:-.66rem;width:.5rem;height:.5rem;background:#797979;line-height:.5rem;color:white;border-radius:100%;text-align:center;z-index:2;font-size:.3rem;}
.index_product .lists .swiper-page .slide-button-next{left:auto;right:-.66rem}
.index_product .lists .swiper-page>div:hover{background:#0d5aad}
.index_product .more{margin:.45rem 0 0;text-align:center;}
.index_product .more a{height:.72rem;width:2.98rem;border:2px  solid #414141;display:inline-block;line-height:.72rem;border-radius:50px;font-size:.2rem;color:#424242;text-transform:uppercase;font-weight:bold}
.index_product .more a:hover{background:#0d5aad;color:white;border:2px solid #0d5aad}
.index_pro{background:url(../images/14.png) 0 0  no-repeat;padding:0 0 1.85rem;background-size:cover}
.index_pro .title{padding:1.35rem 0 .7rem}
.index_pro .title h1{font-size:.48rem;color:white;text-transform:uppercase;font-weight:bold;margin:0 0 .2rem}
.index_pro .title p{font-size:.16rem;color:white}
.index_pro .lists{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.index_pro .lists .items{width:43.5%;margin:0 0 1.2rem}
.index_pro .lists .items a{background:white;position:relative;border-radius:40px;padding:.6rem .4rem 0;box-shadow:0 0 20px rgba(255,255,255,1)}
.index_pro .lists .items a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;width:.53rem;height:.53rem;background:#0d5aad;border-radius:100%;text-align:center;line-height:.53rem;font-size:.24rem;color:white;bottom:.2rem}
.index_pro .lists .items:nth-child(1) a{height:3.3rem}
.index_pro .lists .items:nth-child(1) a:after{bottom:10%}
.index_pro .lists .items:nth-child(2) a:after{bottom:15%}
.index_pro .lists .items:nth-child(3),.index_pro .lists .items:nth-child(4){margin:0}
.index_pro .lists .items:nth-child(3) a:after{bottom:10%}
.index_pro .lists .items:nth-child(4) a:after{bottom:10%}
.index_pro .lists .items a .img{width:53%;bottom:0;right:-.6rem}
.index_pro .lists .items:nth-child(2) a{height:4.2rem}
.index_pro .lists .items a .img{position:absolute}
.index_pro .lists .items:nth-child(3) a,.index_pro .lists .items:nth-child(4) a{height:3.1rem;padding:.4rem .4rem 0}
.index_pro .lists .items a .text{width:52%}
.index_pro .lists .items a .text h2{font-size:.3rem;color:#424242;font-weight:bold;line-height:.4rem;margin:0 0 .35rem}
.index_pro .lists .items a .text p{font-size:.18rem;color:#bfbfbf;font-weight:bold}
.index_pro .lists .items a:hover img{transform:scale(.9)}
.index_pro .more{margin:.95rem 0 0;text-align:center;}
.index_pro   .more a{height:.72rem;width:2.98rem;border:2px  solid white;display:inline-block;line-height:.72rem;border-radius:50px;font-size:.2rem;color:white;text-transform:uppercase;font-weight:bold}
.index_pro   .more a:hover{background:#0d5aad;border:3px solid #0d5aad}
.index_about>div{display:flex;padding:1.1rem 0 1.4rem;justify-content: space-between;}
.index_about .left{width:54%}
.index_about .left ul{display:flex;justify-content: space-between;}
.index_about .left ul li{width:48.3%}
.index_about .left ul li:first-child{transform:translateY(.8rem)}

.index_about .right{width:40%;padding:.3rem 0 0;position:relative}
.index_about .right>h1{font-size:.48rem;color:#181818;font-weight:bold;text-transform:uppercase;}
.index_about .right>h1 em{color:#0d5aad}
.index_about .right h2{font-size:.2rem;color:#2e2f2f;margin:.25rem 0 }
.index_about .right .editor{font-size:.16rem;color:#595959;margin:0 0 .3rem}

.index_about .right ul{display:flex;justify-content: space-between;}
.index_about .right ul li{width:33%}
.index_about .right ul li h1{font-size:.24rem;color:#0d5aad;margin:0 0 .3rem}
.index_about .right ul li h1 em{font-size:.48rem;font-weight:bold}
.index_about .right ul li p{font-size:.16rem;color:#787878}
.index_about .more{position:absolute;left:0;bottom:0;text-align:center}
.index_about   .more a{height:.72rem;width:2.98rem;border:2px  solid #414141;display:inline-block;line-height:.72rem;border-radius:50px;font-size:.2rem;color:#414141;text-transform:uppercase;font-weight:bold}
.index_about  .more a:hover{background:#0d5aad;border:2px solid #0d5aad;color:white}
.index_contact {;background:url(../images/15.png) 0 0  no-repeat;background-size:cover}
.index_contact>div{display:flex;position:relative;height:6.61rem;padding:2.3rem 0 0;justify-content: space-between;}
.index_contact .left{width:50%;padding:.15rem 0  0}
.index_contact .left h1{font-size:.48rem;color:#ffffff;text-transform:uppercase;font-weight:bold;padding:0 0 .25rem}
.index_contact .left p{font-size:.24rem;color:#ffffff}
.index_contact>div .img{position:absolute;width:59%;right:0;bottom:-.38rem;z-index:2}
.index_contact .more{text-align:center}
.index_contact  .more a{height:.72rem;width:2.98rem;;display:inline-block;background:white;line-height:.72rem;border-radius:50px;font-size:.2rem;color:#1f64b1;text-transform:uppercase;font-weight:bold}
.index_contact  .more a:hover{background:#0d5aad;color:white}
.index_news{padding:1.6rem 0 1.55rem;background:url(../images/16.png) 0   72%   no-repeat;background-size:100%}
.index_news .title {padding:0 0 1.3rem}
.index_news .title h1{font-size:.48rem;color:#181818;font-weight:bold;text-transform:uppercase;padding:0 0 .15rem}
.index_news .title h1 em{color:#0d5aad}
.index_news .lists a img{border-radius: 30px 30px 0 0}
.index_news .title p{font-size:.16rem;color:#2e2f2f;width:70%;line-height:.25rem}
.index_news .lists a .text{padding:.3rem .22rem .35rem;background:white;border-radius:0 0 30px 30px}
.index_news .lists a .text h1{font-size:.14rem;color:#a6a6a6;margin:0 0 .2rem}
.index_news .lists a .text p{font-size:.18rem;color:#262626;font-weight:bold;line-height:.25rem;height:.75rem}
.index_news  .more{;text-align:center;margin:.8rem  0 0}
.index_news   .more a{height:.72rem;width:2.98rem;border:2px  solid #0d5aad;display:inline-block;line-height:.72rem;border-radius:50px;font-size:.2rem;color:#0d5aad;text-transform:uppercase;font-weight:bold}
.index_news  .more a:hover{background:#0d5aad;border:2px solid #0d5aad;color:white}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .img{border-radius: 30px 30px 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********/

/**************************/
@media(max-width:1600px){
    .about_box .culture{padding:0 .63rem 0 1rem}
    .contact>div{display:flex;padding:0 1rem 0 1rem;justify-content: space-between;}
}

/******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_product .lists .swiper-page .slide-button-prev,.index_product .lists .swiper-page .slide-button-next{left:-.26rem;hite;border-radius:100%;text-align:center;z-index:2;font-size:.3rem;}
.index_product .lists .swiper-page .slide-button-next{left:auto;right:-.2rem}
.index_product .title{padding:0 .2rem;top:.2rem}
.index_pro .lists{display:inherit}
.index_pro .lists .items{width:100%}
.index_pro .lists .items:nth-child(3),.index_pro .lists .items:nth-child(4){margin:0 0 1.2rem}
.index_pro .lists .items a .img{width:48% ;right:-.2rem}
.index_about>div{display:inherit}
.index_about .left{width:100%}
.index_about .right{width:100%;padding:1.5rem 0 0;}
.index_about .more{position:relative}
.index_contact>div{height:5rem}
.fix_shares ul{width:.4rem;padding:0 .05rem}
.footer .top {display:inherit}
.footer .top .fot_nav{display:none}
.footer .top .left{width:100%}
.footer .top .right{width:100%}
.footer .bot{height:auto}
.footer .bot{display:inherit}
.footer .top .right .emails input{height:.8rem;line-height:.8rem}
.about_box .company .content{position:inherit}
.about_box .company .img{width:100%}
.about_box .company .infos ul{width:100%}
.about_box .company .infos ul li{width:33.33%}
.about_box .company .content{width:100%}
.about_box .culture>div{display:inherit}
.about_box .culture .left{width:100%;padding:.2rem 0 0}
.about_box .culture{padding:0 .2rem}
.about_box .culture .right{width:100%}
.about_box .culture .right ul li a{padding:.3rem .1rem}
.about_box .culture .left p{width:100%}
.about_box .honor h2{width:100%;text-align:center;top:.2rem}
.about_box .parnter .lists ul li{width:25%}
.product_box>div{display:inherit}
.product_box .menu{width:100%}
.product_box .right{width:100%;margin:.2rem 0 0}
.product_box .right .items a .img{;height:2.6rem }
.product_box .right .items a .img img{max-height:2.6rem}
.product_box .right .items a .text{;padding:.5rem 0 0 .75rem;}
.product .top .imgsbox{padding:0}
.product .top .imgsbox .sm_list{width:70%}
.product .top .imgsbox .imglist{ width:20%}
.product .top .imgsbox .imglist .swiper-container{height:5.5rem}
.news_box .lists .items{width:48%}
.news_box .lists_video .items{width:48%}
.contact>div{padding:.2rem}
.contact>div{display:inherit}
.contact .left{width:100%;padding:0}
.contact .right{width:100%;padding:.3rem}
.fix_shares{top:30%}
}