.header{position: fixed;width: 100%;z-index: 1000;overflow:hidden;display:flex;height:1.5rem;background:white;}
.header:after{content:"";position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:.24rem;top:0;z-index:1;background-size:100%}
.header>div{display:flex;justify-content: space-between;align-items: center;}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2);height:1.2rem}
.header.is_header .logo img{max-width:75%}
.header .logo{width:6.6%;position:relative;z-index:3}

.header .navs{width:63.5%;display:flex;justify-content: space-between;}
.header .navs ul{display:flex;align-items: center;}
.header .navs ul li{margin-right:.65rem;line-height:normal}
.header .navs ul li a{font-size:.18rem;color:#1f2532;position:relative;position:relative}
.header .navs ul li:last-child {margin-right:0}
.header .navs ul li a:after{content:"";position:absolute;background:#068fd3;;height:3px;left:50%;transform:translateX(-50%);bottom:-4px;transition:.3s;width:0}
.header .navs ul li a:hover:after,.header .navs ul li.active a:after{width:100%}
.header .navs ul li a:hover,.header .navs ul li.active a{color:#068fd3;transition:.3s}
.header .right{width:18.8%;display:flex;justify-content: space-between;align-items: center;}
.header .right .search{width:67%}
.header .right .search form{position:relative;padding-left:.3rem;}
.header .right .search input{width:100%;height:.45rem;border:0;font-size:.15rem;color:black}
.header .right .search  button{background:url(/public/common/images/2.png) 0 0 no-repeat;background-size:100%;width:.21rem;height:.21rem;position:absolute;left:0;border:0;left:0;top:50%;transform:translateY(-50%)}
.header .right .langs{position:relative;}
.header .right .langs>a{font-size:.16rem;color:#262728}
.header .right .langs>a i{font-size:.18rem;color:#262728;margin-left:.05rem}
.header .right .langs dl {
  display: none;
  position:absolute;
  left:50%;
  transform:translate(-50%);
  width:120%;
  background-color:white;
  box-shadow:0 0 12px rgba(0,0,0,0.2);
  padding:4px 3px;
  text-align:center;transition:0s
}
.header .right .langs dl a{color:black;font-size:.16rem;}


.tem_banner.indise{padding-top:1.5rem}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;left:1.56rem;bottom:1.25rem;z-index:2}
.tem_banner.indise .flash .txt h1{font-size:.48rem;color:white;font-weight:bold;margin:0 0 .15rem}
.tem_banner.indise .flash .txt  p{font-size:.24rem;color:white;}

.about_box .company>div{padding:.8rem 0 .74rem;}
.about_box .company .box{display:flex;padding-right:.5rem;justify-content: space-between;align-items: flex-start;}
.about_box .company .box .left{width:35%}
.about_box .company .box .right{width:59%;padding:.9rem 0 .75rem;border-bottom:1px solid #e5e5e5}
.about_box .company .box .right h1{font-size:.36rem;color:#068fd3;font-weight:bold;margin:0 0 .45rem}
.about_box .company .box .right p{font-size:.16rem;color:#343333;line-height:.3rem}
.about_box .shiming{background-repeat:no-repeat;background-size:cover;background-attachment: fixed;}
.about_box .shiming>div{padding:2.1rem 0 1.6rem;text-align:center}
.about_box .shiming>div .title{}
.about_box .shiming>div .title h2{font-size:.3rem;color:#ffffff;font-weight:bold;padding-top:.9rem;position:relative;margin:0 0 .65rem}
.about_box .shiming>div .title h2:after{content:"";position:absolute;background:url(/public/common/images/3.png) 0 0 no-repeat;width:.64rem;height:.74rem;top:0;transform:translateX(-50%);left:50%;z-index:1;background-size:100%}
.about_box .shiming>div .infos p{font-size:.2rem;color:white;margin:0 0 .25rem;}
.about_box .shiming>div .infos p:last-child{margin:0}
.about_box .shiming>div .infos p em{font-size:.3rem;color:white;font-weight:bold}
.about_box  .honor>div{padding:0 0 1.2rem}
.about_box  .honor>div>h2{padding:.9rem 0 .6rem;text-align:center;font-size:.36rem;color:#068fd3;font-weight:bold}
.about_box  .honor .lists a img{box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.about_box  .honor .lists  h1{padding:.3rem 0 .45rem;border-bottom:1px solid #b7b7b7;font-size:.18rem;color:#939393}
.about_box  .honor .lists a:hover img{transform:scale(.95)}
.about_box  .honor .lists  h2{font-size:.18rem;color:#939393;padding:.2rem 0 }
.about_box  .workshop{background:#f9fdff;padding:.75rem 0 1.25rem}
.about_box  .workshop>div>h2{font-size:.36rem;color:#068fd3;font-weight:bold;margin:0 0 .45rem}
.about_box  .workshop .box{display:flex;justify-content: space-between;}
.about_box  .workshop .box .left{width:56.5%;display:flex;flex-direction: column;justify-content: center;border-bottom:1px solid #363636;border-top:1px solid #363636}
.about_box  .workshop .box .img{width:41%}
.about_box  .workshop .box .left .tit{display:flex;justify-content: space-between;align-items: center;margin:0 0 .65rem}
.about_box  .workshop .box .left .tit h1{font-size:.3rem;color:#363636;font-weight:bold;position:relative}
.about_box  .workshop .box .left .tit h1:after{content:"";position:absolute;background:#068fd3;width:.54rem;height:5px;left:0;bottom:-.18rem}
.about_box  .workshop .box .left .tit p{font-size:.18rem;color:#676767;font-weight:bold;text-transform:uppercase}
.about_box  .workshop .box .left .info{height:2.85rem;overflow-y:auto}
.about_box  .workshop .box .left .info p{font-size:.16rem;color:#4a4a4a;line-height:.31rem;}

.footer{background:#e5e5e5;padding:.46rem 0 .5rem;position:relative}
.footer:after{content:"";position:absolute;background:url(/public/common/images/5.png) 0 0 no-repeat;width:100%;height:.24rem;bottom:0;z-index:1;background-size:100%;}

.footer>div{display:flex;justify-content: space-between;}
.footer .left{width:7%;padding:.1rem 0 0}
.footer .right{width:92%}
.footer .right .top{display:flex;padding:0 0 .4rem;align-items: center;border-bottom:1px solid #c9c9c9}
.footer .right .top ul{display:flex;width:58.8%;padding:.1rem 0 0}
.footer .right .top ul li{margin-right:.6rem;}
.footer .right .top ul li:last-child{margin:0}
.footer .right .top ul li a{font-size:.16rem;color:#1f2532}
.footer .right .top .emails{width:41.2%}
.footer .right .top .emails form{display:flex;justify-content: space-between;}
.footer .right .top .emails form input{width:66%;height:.44rem;border:0;border-radius:5px;background:white;padding:0 .2rem;font-size:.14rem;color:black}
.footer .right .top .emails form button{width:30.2%;background:none;border:0;background:url(/public/common/images/4.png) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:white;text-align:left;padding:0 .2rem}
.footer .right .fot_info{padding:.4rem 0 0;display:flex}
.footer .right .fot_info .txt{width:60%;padding:.1rem 0 0}
.footer .right .fot_info .txt p {font-size:.14rem;color:#737373}
.footer .right .fot_info .txt p a{display:initial;font-size:.14rem;color:#737373;margin-left:.7rem}
.footer .right .fot_info .add p {font-size:.14rem;color:#737373;line-height:.25rem}

.product_box>div{padding:.8rem 0 2.15rem;display:flex;justify-content: space-between;}
.product_box .left{width:19%}
.product_box .left ul li:first-child>a{border-top:0}
.product_box .left ul li.active>a,.product_box .left ul li>a:hover{color:#00a0e9}
.product_box .left ul li>a{height:.75rem;;border-bottom:1px solid #bfbfbf;line-height:.75rem;font-size:.16rem;color:#313131;position:relative}
.product_box .left ul li>a:after{content:"\f107";position:absolute;font: normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem;color:#313131;transition:.3s}
.product_box .left ul li dl{padding:.2rem 0 .3rem;display:none;transition:0s;;border-bottom:1px solid #bfbfbf}
.product_box .left ul li dl a{margin:0 0 .18rem;font-size:.16rem;color:#6f7070;padding:0 0 0 .3rem;position:relative}
.product_box .left ul li>a.prod-active:after {transform:translateY(-50%) rotate(180deg);transition:.3s}
.product_box .left ul li dl a:after{content:"";position:absolute;width:.15rem;height:.15rem;border-radius:100%;border:1px solid #c1c1c1;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .left ul li dl a:hover:after,.product_box .left ul li dl a.actives:after{background:#00a0e9;border:1px solid #00a0e9}
.product_box .left ul li dl a:hover,.product_box .left ul li dl a.actives{color:#00a0e9}
.product_box .left ul li.active dl{display:block}

.product_box .right{width:77.8%}
.product_box .right .box{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .right .box .items{width:31.8%;margin:0 0 .48rem}
.product_box .right .box:after{content:"";width:31.8%}
.product_box .right .box .items a{background:#f4f4f4;padding:0 0 .25rem;position:relative}
.product_box .right .box .items a:after{content:"+";position:absolute;width:.6rem;height:.6rem;background:#cccccc;border-radius:100%;text-align:center;line-height:.55rem;font-size:.48rem;color:white;transition:.3s;right:.48rem;bottom:.4rem}
.product_box .right .box .items a .title{text-align:center;padding:.4rem 0 .3rem }
.product_box .right .box .items a:hover:after{background:#068fd3;transition:.3s}
.product_box .right .box .items a:hover img{transform:scale(.95)}
.product_box .right .box .items a .title h1{font-size:.16rem;color:#838484;font-weight:bold;padding:0 0 .15rem}
.product_box .right .box .items a .title p{font-size:.36rem;color:#000000;font-weight:bold}
.product_box .right .page{padding:.12rem 0 0;text-align:left;display:flex;}
.product_box .right .page a{width:.38rem;height:.38rem;border:1px solid #bfbfbf;text-align:center;line-height:.38rem;color:#4b4b4b;border-radius:3px;font-size:.17rem;margin-right:.18rem}
.product_box .right .page a:hover,.product_box .right .page a.page-num-current{background:#068fd3;border:1px solid #068fd3;color:white}

.mbx{background:#f2f2f2}
.mbx>div{display:flex;height:.5rem;align-items: center;;color:#9c9c9c;font-size:.16rem;}
.mbx a{margin:0 .25rem;color:#9c9c9c;font-size:.16rem;}
.mbx a:first-child{margin-left:0;}
.mbx a:last-child{color:#068fd3;font-weight:bold}
.product>div{display:flex;padding:.45rem 0 1.1rem;justify-content: space-between;}
.product .left{width:56.5%;display:flex;padding:.45rem 0 0;}
.product .left .img_box{width:11.1%;display:flex;flex-direction: column;justify-content: center;position:relative}
.product .left .img_box .swiper-container{height:3.5rem;width:100%}
.product .left .img_box .swiper-container a{display:block;text-align:center;border:3px solid rgba(0,0,0,0)}
.product .left .img_box .swiper-container a img{max-height:1rem}
.product .left .img_box .swiper-container .swiper-slide-thumb-active a{border:3px solid #00a0e9}
.product .left .img_box .slide-button-prev,.product .left .img_box .slide-button-next{position:absolute}
.product .left .img_box .slide-button-prev,.product .left .img_box .slide-button-next{top:0;left:50%;transform:translateX(-50%);font-size:.48rem;color:#939393}
.product .left .img_box .slide-button-next{top:auto;bottom:0}
.product .left #gallery{width:72%}
.product .left #gallery.swiper-container a{display:block;text-align:center;}
.product .right{width:43%}
.product .right .title{padding:0 0 .15rem;border-bottom:1px solid #dcdcdc}
.product .right .title h1{font-size:.36rem;color:#838484;margin:0 0 .25rem}
.product .right .title .ret{display:flex;justify-content: space-between;align-items: center;}
.product .right .title .ret p{font-size:.48rem;color:#00a0e9;font-weight:bold}
.product .right .title .ret a i{font-size:.34rem;color:#00a0e9}
.product .right .canshu{padding:.55rem 0 0 }
.product .right .canshu table {border-collapse: separate; border-spacing: 2px; }
.product .right .canshu table tr td{width:1.95rem;height:.6rem;background:#f2f2f2;;padding-left:.2rem;vertical-align: middle;font-size:.16rem;color:#000000}
.product .right .canshu table tr td:first-child{width:2.5rem;background:#e5e5e5}
.pro_deil{padding:.75rem 0 0;background:#f7f9fa}
.pro_deil>div h2{font-size:.3rem;;font-weight:bold;color:black;margin:0 0 .5rem}
.pro_deil>div .editor{font-size:.16rem;;color:black;line-height:.3rem;;padding: 0 0 1rem }

.service .download {padding:1rem 0 1.25rem}
.service .download {background:url(/public/common/images/6.jpg) 0 0 no-repeat;background-size:cover}
.service .download .title{text-align:center;margin:0 0 .8rem}
.service .download .title h1{font-size:.4rem;color:#1a1a1a;font-weight:bold}

.service .download .lists .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.service .download .lists .swiper-slide .items{width:48.5%;margin:0 0 .35rem}
.service .download .lists .swiper-slide .items a{height:1.23rem;display:block;padding:0 .35rem;display:flex;flex-direction: column;justify-content: center;background:white;border-radius:5px}
.service .download .lists .swiper-slide .items a h1{font-weight:bold;font-size:.2rem;color:#1a1a1a;padding-right:.5rem;position:relative}
.service .download .lists .swiper-slide .items a h1:after{content:"";position:absolute;background:url(/public/common/images/7.png)0 0 no-repeat;width:.28rem;height:.27rem;right:0;top:50%;background-size:100%;transform:translateY(-50%);transition:.3s}
.service .download .lists .swiper-slide .items a:hover h1:after{content:"";position:absolute;background:url(/public/common/images/7-1.png)0 0 no-repeat;width:.28rem;height:.27rem;right:0;top:50%;background-size:100%;transform:translateY(-50%);transition:.3s}
.service .download .lists .swiper-page{display:flex;justify-content: center;margin:.55rem 0 0}
.service .download .lists .swiper-page  .slide-button-prev,.service .download .lists .swiper-page  .slide-button-next{margin:0 .16rem;width:.34rem;height:.34rem;border-radius:3px;background:white;text-align:center;line-height:.34rem;font-size:.18rem;color:#5a5a5a}
.service .download .lists .swiper-page  .slide-pagination span{width:.34rem;height:.34rem;background:white;text-align:center;margin:0 .05rem;border-radius:3px;line-height:.34rem;font-size:.18rem;color:#5a5a5a;opacity:1}
.service .download .lists .swiper-page  .slide-pagination span:hover,.service .download .lists .swiper-page  .slide-pagination span.swiper-pagination-bullet-active{background:#068fd3;color:white}
.service .download .lists .swiper-page  .slide-button-prev:hover,.service .download .lists .swiper-page  .slide-button-next:hover{background:#068fd3;color:white}


.service .zixun{padding:1.15rem 0 1.65rem}
.service .zixun .title{text-align:center;margin:0 0 .65rem}
.service .zixun .title h1{font-size:.4rem;;font-weight:bold;color:black;margin:0 0 .3rem}
.service .zixun .title p{font-size:.16rem;color:#717171;}
.service .zixun .top{display:flex;justify-content: space-between;}
.service .zixun .top .input{width:24.4%;margin:0 0 .35rem}
.service .zixun .top .input  p{font-size:.16rem;color:#707070;margin:0 0 .13rem}
.service .zixun .top .input input{width:100%;height:.7rem;border:1px solid #d2d2d2;background:#f8f8f8;border-radius:3px;;padding:0 .2rem;font-size:.16rem;color:black}
.service .zixun .bot{font-size:0}
.service .zixun .bot textarea{width:100%;height:1.95rem;border:1px solid #d2d2d2;background:#f8f8f8;border-radius:3px;padding:.2rem;font-size:.16rem;color:black}
.service .zixun  .btns{text-align:center;margin:.48rem 0 0}
.service .zixun  .btns button{width:1.53rem;height:.6rem;border-radius:50px;border:0;font-size:.16rem;color:white;background:#068fd3}

.contact_box>div{padding:.8rem 0 0}
.contact_box>div>h2{font-size:.4rem;color:#1a1a1a;font-weight:bold;padding:0 0 .9rem}
.contact_box ul{display:flex;justify-content: space-between;}
.contact_box ul li{width:39%;}
.contact_box ul li:first-child{border-right:1px solid #cdcdcd;padding:0 0 1rem}
.contact_box ul li:last-child{width:52.2%}
.contact_box ul li>h1{font-size:.36rem;color:#00a0e9;font-weight:bold;padding:0 0 .5rem}
.contact_box ul li .items{display:flex;align-items: center;margin:0 0 .42rem}
.contact_box ul li .items .img{width:13%}
.contact_box ul li .items p{font-size:.16rem;color:#000000;margin:0 0 .1rem}
.contact_box ul li .items  h3{font-size:.2rem;color:#000000;font-weight:bold}
.contact_box ul li .items .txt{padding-left:.2rem}
.contact_box ul li .items .x1{padding-left:.2rem}
.contact_map #container{height:6.6rem}

.index_product{display:flex;padding-right:.44rem;justify-content: space-between;padding-top:1.5rem}
.index_product .left{width:70.4%;position:relative}
.index_product .left .txt{position:absolute;left:1.6rem;bottom:.9rem}
.index_product .left .txt h1{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .15rem}
.index_product .left .txt p{font-size:.24rem;color:white;margin:0 0 .34rem}
.index_product .left .txt a{font-size:.16rem;color:white;height:.45rem;width:1.83rem;display:block;line-height:.45rem;padding:0 .2rem; background: linear-gradient(-55deg, transparent 23px, #068fd3 0);border-radius:5px}
.index_product .right{width:28.9%;display:flex;flex-direction: column;justify-content: space-between;} 
.index_product .right .items{display:flex;padding:0 .67rem 0 .42rem;height:2.3rem;align-items: center;background:url(/public/common/images/15.png)0 0 no-repeat;background-size:cover;border-radius:10px;justify-content: space-between;}
.index_product .right .items .txt h1{font-size:.24rem;color:#0b0000;font-weight:bold;font-style:italic;margin:0 0 .14rem}
.index_product .right .items .txt  a{font-size:.16rem;color:white;height:.35rem;width:1.44rem;display:block;line-height:.35rem;padding:0 .2rem; background: linear-gradient(-55deg, transparent 18px, #068fd3 0);border-radius:5px}
.index_product .right .items:hover img{transform:scale(.95)}
.index_product .right .items .img{width:46.5%}
.index_product .right .info a{position:relative;;border-radius:10px;display:block}
.index_product .right .info .txt{position:absolute;height:1.11rem;width:3.21rem;background:url(/public/common/images/17.png)0 0 no-repeat;background-size:100%;bottom:0;right:0;padding-left:.68rem;display:flex;flex-direction: column;justify-content: center;}
.index_product .right .info .txt:after{content:"→";right:11%;position:absolute;color:white;top:50%;transform:translateY(-50%);font-size:.3rem;transition:.5s}
.index_product .right .info .txt p{font-size:.18rem;color:#f6f206;font-weight:bold;font-style:italic;}
.index_product .right .info .txt p:last-child{margin:.06rem 0 0;color:white}
.index_product .right .info a .img{border-radius:10px}
.index_product .right .info a:hover img{transform:scale(1.1)}
.index_product .right .info a:hover .txt:after{right:5%}

.index_pro_txt{padding:.85rem 0 .9rem;}
.index_pro_txt h2{font-size:.3rem;color:#068fd3;font-weight:bold;margin:0 0 .3rem}
.index_pro_txt p{font-size:.16rem;color:#404141}

.index_profit {padding:0 0 1.27rem 1.6rem}
.index_profit  .title{margin:0 0 .45rem}
.index_profit  .title h1{font-size:.48rem;color:#068fd3;font-weight:bold;font-style:italic;}
.index_profit  .lists a{background:#f4f4f4;display:block;padding:.36rem .3rem .55rem }
.index_profit  .lists a span{display:inline-block;padding:0 .17rem;height:.3rem;background:#068fd3;line-height:.3rem;color:white;border-radius:50px;font-size:.14rem;position:absolute;left:.3rem;top:.2rem}
.index_profit  .lists a  .tit {padding:.37rem 0 0}
.index_profit  .lists a  .tit h1{font-size:.2rem;color:#404141;font-weight:bold;margin:0 0 .15rem}
.index_profit  .lists a  .tit p{font-size:.16rem;color:#404141;margin:0 0 .38rem}
.index_profit  .lists a  .tit em{display:inline-block;padding:0 .15rem;height:.34rem;background:#cce3ee;line-height:.34rem;border-radius:50px;font-size:.14rem;color:#068fd3}
.index_profit  .lists a:hover img{transform:scale(.95)}

.index_about{position:relative}
.index_about .text{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);width:40.5%;z-index:2}
.index_about .text h1{font-size:.36rem;color:white;font-weight:bold;margin:0 0 .3rem}
.index_about .text p{font-size:.16rem;color:white;line-height:.25rem}
.index_about .text a{margin:.65rem 0 0;font-size:.16rem;color:#068fd3;height:.45rem;width:1.83rem;display:block;line-height:.45rem;padding:0 .2rem; background: linear-gradient(-55deg, transparent 23px, white 0);border-radius:5px}
.index_about .mobile_img{display:none}
.index_shiming{position:relative}
.index_shiming .text{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:40.5%}
.index_shiming .text h1{font-size:.3rem;color:#3e3c3c;font-weight:bold;margin:0 0 .3rem}
.index_shiming .text p{font-size:.2rem;color:#3e3c3c;line-height:.35rem}
.index_shiming .text a{margin:.9rem 0 0;font-size:.16rem;color:white;height:.45rem;width:1.83rem;display:block;line-height:.45rem;padding:0 .2rem; background: linear-gradient(-55deg, transparent 23px, #068fd3 0);border-radius:5px}
.index_shiming .mobile_img{display:none}
.index_news{padding:1.15rem 0 1.4rem 1.6rem}
.index_news .title{margin:0 0 .45rem}
.index_news .title h1{font-size:.3rem;color:#068fd3;font-weight:bold}
.index_news .lists .items{padding-left:.11rem;position:relative}
.index_news .lists .items span{position:absolute;left:0;z-index:2;color:white;font-size:.14rem;top:.18rem;height:.38rem;width:1.14rem;display:block;line-height:.38rem;text-align:center;background: linear-gradient(-65deg, transparent 14px, #068fd3 0);border-radius:5px}
.index_news .lists .items a .tit{padding:.3rem 0 0}
.index_news .lists .items a .img{border-radius:5px}
.index_news .lists .items a .tit h1{font-size:.2rem;color:#212121;font-weight:bold;border-bottom:1px solid black;display:inline-block !important;margin:0 0 .2rem}
.index_news .lists .items a .tit p{font-size:.16rem;color:#696969;;height:.5rem;line-height:.25rem}
.index_news .lists .items a:hover img{transform:scale(1.1)}
/********<=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:1600px){
  .index_product .right .items{height:1.9rem}
  .index_product .right .items .img{width:44%}
  .index_profit {padding:0 0 1.27rem 1rem}
  .index_about .text{left:1rem}
  .index_product .left .txt{left:1rem}
  .index_shiming .text{right:1.6rem}
  .index_news{padding:1.15rem 0 1.4rem 1rem}
  .tem_banner.indise .flash .txt{left:1rem}
}
@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{display:inherit;padding-right:0;padding-top:1.1rem}
.index_product .left{width:100%}
.index_product .left .txt{left:.2rem;width:80%}
.index_product .left .txt a{width:2.5rem}
.index_product .right{width:100%}
.index_product .right .items{height:auto;padding:.3rem .67rem .3rem .42rem;margin:.2rem 0 }
.index_product .right .items .txt a{width:2.4rem}
.index_profit {padding:0 0 1.27rem .5rem}
.index_profit .lists a .img img{max-height:2.5rem}
.index_about .mobile_img{display:block}
.index_about .img{display:none}
.index_about .text{position:inherit;left:0;width:100%;top:0;transform:none;background:#068fd3;padding:.2rem;}
.index_about .text a{width:2.5rem}

.index_shiming .mobile_img{display:block}
.index_shiming .img{display:none}
.index_shiming .text{position:inherit;left:0;width:100%;top:0;transform:none;;padding:.2rem;}
.index_shiming .text a{width:2.5rem}
  .index_news{padding:1.15rem .2rem  1rem}
  .index_news .lists .items span{width:2rem}
  .footer .left{display:none}
  .footer .right .top ul{display:none}
  .footer .right{width:100%}
  .footer .right .top .emails{width:100%}
  .footer .right .top .emails form input{width:59%}
  .footer .right .top .emails form button{width:40%}
  .footer:after{display:none}
  .footer .right .fot_info{display:inherit}
  .footer .right .fot_info .txt{width:100%;margin:0 0 .2rem}
  .footer .right .fot_info .txt p a{display:block;margin:0}
  .product_box>div{display:inherit}
  .product_box .left{width:100%}
  .product_box .right{width:100%;margin:.2rem 0 0 }
  .product_box .right .box .items .img img{max-height:2.5rem}
  .tem_banner.indise{padding-top:1rem}
  .tem_banner.indise .flash .txt{bottom:.5rem;left:.5rem}
  .about_box .company .box{display:inherit;padding:0}
  .about_box .company .box .left{width:100%}
  .about_box .company .box .right{width:100%}
  .about_box .workshop .box{display:inherit}
  .about_box .workshop .box .left{width:100%}
   .about_box .workshop .box .left>div{padding:.2rem 0 }
  .about_box .workshop .box .img{width:100%;margin:.2rem 0 0 }
  .product>div{display:inherit}
  .product .left{width:100%}
  .product .right{width:100%}
  .product .left .img_box{width:25%}

.product .left #gallery{width:75%}
.product .left #gallery   img{max-height:5rem}
.product .left .img_box .swiper-container{height:3.6rem}
.product .right .canshu table{width:100%}
.service .download .lists .swiper-slide .items{width:100% }
.service .zixun .top{display:inherit}
.service .zixun .top .input{width:100%}
.contact_box ul{display:inherit}
.contact_box ul li,.contact_box ul li:last-child{width:100%}
.contact_box ul li:first-child{border:0}

}