.header{position: fixed;width: 100%;z-index: 1000;top:}
.header .tops{background:#000080;}
.header .tops>div{height:.6rem;display:flex;align-items: center;justify-content: space-between;}
.header .tops .phone{display:flex;gap:9px}
.header .tops .phone h2{font-size:.14rem;color:white;}
.header .tops .langs{font-size:.14rem;color:#9797d2;display:flex;gap:5px;font-weight:bold}
.header .tops .langs a{font-size:.14rem;color:#9797d2;font-weight:bold}
.header .tops .langs a:hover{color:white}
.header .navlist{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .navlist>div{line-height:.8rem;display:flex;justify-content: space-between;align-items: center;}
.header .navlist  .navs ul{display:flex;gap:.7rem}
.header .navlist  .navs ul li a{font-size:.16rem;color:#000080}
.about_banner{padding:1.4rem 0 0 }
.about_banner .flash{position:relative}
.about_banner .box{position:absolute;width:100%;top:.5rem}
.about_banner .box .mbx{font-size:.16rem;color:#ffffff;display:flex;gap:4px;opacity:.8;margin:0 0 .8rem}
.about_banner .box .mbx a{font-size:.16rem;color:#ffffff}
.about_banner .box .text{width:41%}
.about_banner .box .text h2{font-size:.48rem;color:white;font-weight:bold;margin:0 0 .6rem}
.about_banner .box .text p{font-size:.18rem;color:white;margin:0 0 .2rem}


.about_box .vision{padding:1.3rem 0 .8rem;}
.about_box .vision ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1.3rem}
.about_box .vision ul li h2{position:relative;padding:1.45rem 0 0 ;font-size:.32rem;color:#000000;font-weight:bold;margin:0 0 .3rem}
.about_box .vision ul li p{font-size:.2rem;color:#5c5c5c}
.about_box .vision ul li:nth-child(1) h2:after{content:"";position:absolute;background:url(../images/2.png) 0 0 no-repeat;width:.97rem;height:1.08rem;left:0;top:0;background-size:100%}
.about_box .vision ul li:nth-child(2) h2:after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;width:1.02rem;height:1.05rem;left:0;top:0;background-size:100%}
.about_box .vision ul li:nth-child(3) h2:after{content:"";position:absolute;background:url(../images/4.png) 0 0 no-repeat;width:.92rem;height:.83rem;left:0;top:.2rem;background-size:100%}
.about_box .infos{display:grid;grid-template-columns:46.4% 53.6%;padding:0 0 1rem}
.about_box .infos .left{background:#f5f5ff;border-radius:40px;padding:1rem 1.3rem  1.3rem 2.1rem}
.about_box .infos .left h2{font-size:.64rem;color:#000080;font-weight:bold;margin:0 0 4.5rem}
.about_box .infos .left .txt p{font-size:.24rem;color:#000000;line-height:.4rem}
.about_box .infos .right{position:relative;border-radius:40px;background:url(../images/5.png) 0 0 no-repeat;background-size:cover;padding:1.2rem 2.4rem 0 .8rem}
.about_box .infos .right h2{font-size:.24rem;color:white;    text-shadow: 2px 2px 2px #333;}
.about_box .infos .right .box{position:absolute;width:94%;left:50%;transform:translateX(-50%);bottom:.4rem;background:url(../images/6.png) 0 0 no-repeat;background-size:100%;height:5.35rem;padding:1.5rem .6rem 0}
.about_box .infos .right .box p{font-size:.2rem;color:white;line-height:.28rem}
.about_box .about_pro{padding:0 0 1rem}
.about_box .about_pro>div{padding:.8rem 0 .65rem;border-top:2px solid #cecece;border-bottom:2px dashed #cecece }
.about_box .about_pro>div>h3{font-size:.64rem;color:#000080;font-weight:bold;margin:0 0 .35rem}
.about_box .about_pro .con{display:flex;justify-content: space-between;}
.about_box .about_pro .con .img{padding:.7rem 0  .4rem;width:41%}
.about_box .about_pro .con .txt{width:52%;padding-left:.8rem;display:flex;flex-direction: column;justify-content: center;;border-left:2px dashed #cecece}
.about_box .about_pro .con .txt p{font-size:.24rem;color:#000080;line-height:.4rem}
.footer {position:relative}
.footer:after{position:absolute;content:"";background:url(../images/8.png) 0 0 no-repeat;width:100%;height:9px;top:-9px;background-size:100%;left:0}
.footer  .top{background:#343a40;}
.footer  .top .box{display:flex;justify-content: space-between;align-items: center;padding:.55rem 0  .5rem;border-bottom:2px solid #474a4d}
.footer  .top .box .logo{width:14.5%}
.footer  .top .box .navs{width:49%}
.footer  .top .box .navs ul{display:flex;padding-right:.55rem;justify-content: space-between;}
.footer  .top .box .navs ul li a{font-size:.15rem;color:white;font-weight:bold}
.footer  .top .box .email{width:25%}
.footer  .top .box .email form{display:flex}
.footer  .top .box .email form input{width:78%;height:.4rem;background:none;border:1px solid #979797;padding:0 .15rem;font-size:.15rem;color:white}
.footer  .top .box .email form  button{width:22%;background:#000080;border:0;font-size:.14rem;color:white}
.footer  .top .info{padding:.55rem 0 .8rem;display:grid;grid-template-columns:35% auto;justify-content:space-between;align-items:center}
.footer  .top .info .shares ul{display:flex;gap:14px;margin:0 0 .28rem}
.footer  .top .info .shares ul li a{width:.45rem;height:.45rem;display:block;border-radius:10px;border:1px solid white;text-align:center;line-height:.45rem;color:white;font-size:.2rem}
.footer  .top .info .shares ul li a:hover{background:#000080;border-color:#000080}
.footer  .top .info .shares h2{font-size:.15rem;color:white}
.footer  .top .info .text h2{font-size:.15rem;color:white;font-weight:bold;margin:0 0 .05rem}
.footer  .top .info .text h2 img{vertical-align:middle;margin-right:10px;}
.footer  .top .info .text p{font-size:.2rem;color:white;font-weight:bold}
.footer  .bot{background:#000;text-align:center;height:.64rem;display:flex;justify-content: center;align-items: center;}
.footer  .bot p{font-size:.15rem;color:#8e8e8e}
.footer  .bot p a{font-size:.15rem;color:#8e8e8e;display:initial}


.market_banner{padding:1.4rem 0 0 }
/*.market_banner .swiper-slide img {transition:1s linear 2s;transform:scale(1.1,1.1);}*/
/*.market_banner .swiper-slide-active img,.market_banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	*/

.market_banner .box{position:relative}
.market_banner .box .mbx{position:absolute;left:2.1rem;top:.5rem;font-size:.16rem;color:#ffffff;display:flex;gap:4px;opacity:.8;margin:0 0 .8rem;z-index:2}
.market_banner .box .mbx a{font-size:.16rem;color:#ffffff}
.market_banner  .swiper-page>div{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:2;font-size:.6rem;color:white}
.market_banner  .swiper-page>div.slide-button-next{left:auto;right:1rem}
.market_banner .label_text{position:absolute;left:50%;top:50%;width:30%;text-align:center;transform:translate(-50%,-50%);z-index:2;}

.market_banner  .label_text h2{font-size:.48rem;font-weight:bold;color:white;margin:0 0 .1rem;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-3vw);opacity:0;transition:all .8s linear;}
.market_banner  .label_text p{font-size:.2rem;;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-3vw);opacity:0;transition:all .8s linear;}

.market_banner   .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.market_banner   .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}
.pro_text{padding:1rem 0 2rem}
.pro_text .text{text-align:left;padding:0 2rem;}
.pro_text .text h2{font-size:.45rem;color:#000000;text-transform:uppercase;font-weight:bold;margin:0 0 .8rem}
.pro_text .text p{font-size:.24rem;color:#5c5f62}
.product_list .items:nth-child(2n){background:#f5f5ff;padding:1.7rem 0 .5rem}
.product_list .items:nth-child(2n) .top{display:flex;flex-direction:row-reverse;}
.product_list .items .top{display:flex;justify-content: space-between;align-items: center;}
.product_list .items .top .img{width:57.5%}
.product_list .items .top .text{width:35.5%}
.product_list .items:nth-child(2n+1) .top .text{padding-right:2.4rem}
.product_list .items:nth-child(2n) .top .text{padding-left:2.4rem}
.product_list .items .top .text h2{font-size:.64rem;color:#000000;text-transform:uppercase;font-weight:bold;margin:0 0 .4rem}
.product_list .items .top .text p{font-size:.36rem;color:#000080}
.product_list .items .lists{padding:.85rem 0 1rem}
.product_list .items .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.product_list .items .lists ul li a:hover img{transform:scale(1.1)}

.product_list .items .lists ul li a:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.pro_nav{padding:.55rem .5rem .65rem}
.pro_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.4rem}
.pro_nav ul li a .img {border-radius:10px}
.pro_nav ul li a .img img{border-radius:10px}
.pro_nav ul li a .text{height:1.2rem;display:flex;flex-direction: column;justify-content: center;align-items: center;box-shadow:0 0 20px rgba(0,0,128,0.2);border-radius:0 0 20px 20px}
.pro_nav ul li a .text h2{font-size:.32rem;color:#000000;font-weight:bold}
.pro_nav ul li a:hover .text{background:#000080;}
.pro_nav ul li a:hover .text h2{color:white}
.pro_nav ul li a:hover .img img{transform:scale(1.1)}
.pro_nav ul li a:hover{transform:translateY(-.2rem)}
.product_box{padding:0 0 .4rem}
.product_box .items{padding:0 0 .6rem}
.product_box .items .bigimg{position:relative}
.product_box .items .bigimg .text{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center}
.product_box .items .bigimg .text h2{font-size:.64rem;color:white;text-transform:uppercase;font-weight:bold;margin:0 0 .35rem}
.product_box .items .bigimg .text p{font-size:.4rem;color:white}
.product_box .items .infos .content{padding:.6rem 0 .35rem}
.product_box .items .infos .content h2{font-size:.32rem;color:#000000;font-weight:bold;margin:0 0 .5rem}
.product_box .items .infos .content h3{font-size:.2rem;color:#000000;margin:0 0 .75rem}
.product_box .items .infos .content h4{font-size:.32rem;color:#000000;font-weight:bold;margin:0 0 .3rem}
.product_box .items .infos .content p{font-size:.24rem;color:#343a40;font-weight:bold}
.product_box .items .infos ul li{padding:0 0 .55rem;margin:0 0 .45rem;border-bottom:2px solid #e4e4e4}
.product_box .items .infos ul li:last-child{margin:0;border:0}
.product_box .items .infos ul li h3{font-size:.32rem;color:#000000;font-weight:bold;margin:0 0 .6rem}
.product_box .items .infos ul li .xs{display:flex;justify-content: center;}
.product_box .items .infos ul li .xs dd{padding:0 1.3rem;text-align:center}
.product_box .items .infos ul li .xs dd h2{font-size:.24rem;color:#000080;font-weight:bold;margin:0 0 .2rem}
.product_box .items .infos ul li .xs dd p{font-size:.2rem;color:#343a40;}


.capa_banner{padding:1.4rem 0 0 }

.capa_banner .flash{position:relative}
.capa_banner .flash .mbx{position:absolute;left:2.1rem;top:.5rem;font-size:.16rem;color:#ffffff;display:flex;gap:4px;opacity:.8;margin:0 0 .8rem;z-index:2}
.capa_banner .flash .mbx a{font-size:.16rem;color:#ffffff}
.capa_banner .flash .text{position:absolute;left:50%;top:50%;width:55%;text-align:center;transform:translate(-50%,-50%);z-index:2;}

.capa_banner .flash .text  h2{font-size:.48rem;font-weight:bold;color:white;margin:0 0 .15rem;text-shadow: 5px 5px 10px rgba(0,0,0,.3)}
.capa_banner .flash .text  p{font-size:.2rem;;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3)}


.capa_text{padding:1rem 0 .5rem;}
.capa_text>div{display:grid;grid-template-columns:42.5% 52.75%;justify-content:space-between}
.capa_text .left{padding:1.1rem 0 0}
.capa_text .left h2{font-size:.64rem;color:#000080;font-weight:bold;margin:0 0 .7rem}
.capa_text .left p{font-size:.2rem;color:#000}

.capa_list{padding:.9rem 0 1.3rem;background:#f5f5ff}
.capa_list ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .8rem}
.capa_list ul li{padding:0 0 .2rem}
.capa_list ul li h2{height:1.2rem;display:flex;align-items: center;font-size:.4rem;color:#343a40;font-weight:bold;border-bottom:2px solid #c3c3c8;margin:0 0 .3rem;position:relative}
.capa_list ul li h2:after{content:"";position:absolute;background:url(../images/jt.png) 0 0 no-repeat;width:.38rem;height:.38rem;top:50%;right:0;transform:translateY(-50%);background-size:100%}
.capa_list ul li .infos{display:grid;grid-template-columns:31% 64%;justify-content:space-between}
.capa_list ul li .infos .text{padding:.35rem 0 0 ;font-size:.16rem;color:#4e4e4e}


.contact_box .infos{padding:.3rem 0 1.3rem }
.contact_box .infos .items>h2{height:1.8rem;display:flex;align-items: center;font-size:.64rem;color:#000080;font-weight:bold;border-bottom:2px solid #ededed;margin:0 0 .9rem}
.contact_box .infos .items>h2 em{color:#c3c3f4}
.contact_box .infos .items .text{display:grid;grid-template-columns:30% 62%;justify-content:space-between}
.contact_box .infos .items .text>h2{font-size:.24rem;color:#000000;font-weight:bold;line-height:.4rem}
.contact_box .infos .items .text .right ul {display:grid;grid-template-columns:30% 65%;margin:0 0 .9rem}
.contact_box .infos .items .text .right ul  li h2{font-size:.18rem;color:#7e7e7e;margin:0 0 .15rem}
.contact_box .infos .items .text .right ul  li p{font-size:.2rem;color:#000;display:flex;gap:10px;align-items: center;}
.contact_box .infos .items .text .right .map{padding:.15rem;border-radius:10px;background:white;box-shadow:0 0 12px rgba(0,0,0,0.15)}

.contact_box .infos .item>h2{height:1.8rem;display:flex;align-items: center;font-size:.64rem;color:#000080;font-weight:bold;border-bottom:2px solid #ededed;margin:0 0 .7rem}
.contact_box .infos .item>h2 em{color:#c3c3f4}
.contact_box .infos .item ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 1rem}
.contact_box .infos .item ul  li h3{font-size:.24rem;color:#000;margin:0 0 .15rem;font-weight:bold}
.contact_box .infos .item ul  li h2{font-size:.18rem;color:#7e7e7e;margin:.35rem 0 .2rem}
.contact_box .infos .item ul  li p{font-size:.2rem;color:#000;display:flex;gap:10px;align-items: center;}
.contact_box .message{background:#f7f7f5;padding:.3rem 0 1.1rem}
.contact_box .message .titles{height:1.8rem;display:flex;align-items: center;font-size:.64rem;color:#000080;font-weight:bold;border-bottom:2px solid #ededed;margin:0 0 .7rem}
.contact_box .message .titles em{color:#c3c3f4}
.contact_box .message .content{display:grid;grid-template-columns:30% 65%;justify-content:space-between}
.contact_box .message .content >h3{font-size:.24rem;color:#000;line-height:.3rem}
.contact_box .message .content  form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.28rem .15rem;margin:0 0 .28rem}
.contact_box .message .content  form ul li input{width:100%;height:.6rem;border:0;border-radius:10px;padding:0 .2rem;font-size:.16rem;color:#000}
.contact_box .message .content  form textarea{width:100%;height:2.35rem;border:0;border-radius:10px;padding:.2rem;font-size:.16rem;color:#000}
.contact_box .message .content  form h4{margin:.2rem 0 .3rem;font-size:.16rem;color:#7e7e7e}
.contact_box .message .content  form h4 em{color:#000080}
.contact_box .message .content  form .btns button{display:flex;border:0;background:none;height:48px;gap:5px;}
.contact_box .message .content  form .btns button h2{line-height:48px;width:164px;background:url(../images/13.png) 0 0 no-repeat;background-size:100%;font-size:.16rem;color:white}
.contact_box .message .content  form .btns button em{line-height:48px;width:57px;background:url(../images/14.png) 0 0 no-repeat;background-size:100%;}
.contact_box .message .content  form .btns button:hover{background:#000080;;border-radius:50px;overflow:hidden;gap:10px}

.honor .title{padding:1.15rem 0 1rem;text-align:center}
.honor .title h2{font-size:.64rem;color:#000000;font-weight:bold}
/* .honor .lists1 ul {display:grid;grid-template-columns:1fr 1fr ;grid-gap:0 .5rem;margin:0 0 .8rem}
.honor .lists1 ul li .img{background:#f5f5ff;padding:.6rem 0 ;border-radius:30px;border:1px solid #e1e7f6}
.honor .lists1 ul li .img img{box-shadow:0 0 12px rgba(0,0,0,0.5);max-height:2rem}
.honor .lists1 ul li  a:hover img{transform:scale(1.05)}
.honor .lists1 ul li .text{padding:.35rem 0 0}
.honor .lists1 ul li .text h2{font-size:.35rem;color:#000000;font-weight:bold;margin:0 0 .3rem}
.honor .lists1 ul li .text p{font-size:.24rem;color:#666666} */

.honor .lists1>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem .55rem;padding: 0 0 1rem}
.honor .lists1 .items{border-radius:30px;border:1px solid #e1e7f6;padding:.25rem 0;display:flex;justify-content: center;align-items: center;}
.honor .lists1 .items .img{width:30%;max-height:2.97rem;line-height:2.97rem;overflow:inherit}
.honor .lists1 .items .img img{box-shadow:0 0 12px rgba(0,0,0,0.5)}
.honor .lists1 .items a:hover img{transform:scale(1.05)}
.honor .lists1 .items .text{width:40%;padding-left:.45rem}
.honor .lists1 .items .text h2{font-size:.24rem;color:#000000;font-weight:bold;margin:0 0 .2rem}
.honor .lists1 .items .text p{font-size:.16rem;color:#666666}


.honor {padding:0 0 2rem}
.honor .lists>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem .55rem;padding:1rem 0 0}
.honor .lists .items{border-radius:30px;border:1px solid #e1e7f6;padding:.25rem 0;display:flex;justify-content: center;align-items: center;}
.honor .lists .items .img{width:30%;max-height:2.97rem;line-height:2.97rem;overflow:inherit}
.honor .lists .items .img img{box-shadow:0 0 12px rgba(0,0,0,0.5)}
.honor .lists .items a:hover img{transform:scale(1.05)}
.honor .lists .items .text{width:40%;padding-left:.45rem}
.honor .lists .items .text h2{font-size:.24rem;color:#000000;font-weight:bold;margin:0 0 .2rem}
.honor .lists .items .text p{font-size:.16rem;color:#666666}
.honor .lists2{background:#f8f8f8}
.honor .lists2>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem .55rem;padding:1rem 0; }
.honor .lists2 .items{border-radius:30px;border:1px solid #e1e7f6;padding:.25rem 0;display:flex;justify-content: center;align-items: center;}
.honor .lists2 .items .img{width:30%;max-height:2.97rem;line-height:2.97rem;overflow:inherit}
.honor .lists2 .items .img img{box-shadow:0 0 12px rgba(0,0,0,0.5)}
.honor .lists2 .items a:hover img{transform:scale(1.05)}
.honor .lists2 .items .text{width:40%;padding-left:.45rem}
.honor .lists2 .items .text h2{font-size:.24rem;color:#000000;font-weight:bold;margin:0 0 .2rem}
.honor .lists2 .items .text p{font-size:.16rem;color:#666666}
.tem_banner.index{padding:1.4rem 0 0 }
.tem_banner.index   .swiper{position:relative}
.tem_banner.index   .swiper .text{position:absolute;text-align:left;height:100%;left:1.3rem;width:51.5%;top:0;z-index:2;background:url(../images/15.png) 0 0 no-repeat;background-size:cover;display:flex;flex-direction: column;justify-content: center;padding:0 1.5rem;;transform:translateX(-5vw);opacity:0;transition:all .8s linear;}
.tem_banner.index  .swiper .swiper-slide-active  .text{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index   .swiper .text  h2{font-size:.4rem;font-weight:bold;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateX(-5vw);opacity:0;transition:all .8s linear;}
.tem_banner.index  .swiper .swiper-slide-active  .text h2{transform:none;opacity:1;transition-delay:1000ms}


.index_about{padding:.4rem 0 }
.index_about>div{display:grid;grid-template-columns:44% 49%;justify-content:space-between;align-items:center}
.index_about .text h2{font-size:.36rem;color:#000080;font-weight:bold;margin:0 0 .65rem}
.index_about .text p{font-size:.16rem;color:#4e4e4e}

.index_quick{padding:.7rem 0 1.2rem;background:#f5f5ff}
.index_quick>div{display:grid;grid-template-columns:48% 49%;justify-content:space-between;align-items:center}
.index_quick .left>h2{font-size:.36rem;color:#000080;font-weight:bold;margin:0 0 .6rem}
.index_quick .left ul li {border-bottom:2px solid #e2e2e8}
.index_quick .left ul li.active{background:white}
.index_quick .left ul li  h3{height:.7rem;padding-left:.35rem;cursor:pointer;line-height:.2rem;display:flex;font-size:.16rem;color:#888888;font-weight:bold;flex-direction: column;justify-content: center;position:relative}
.index_quick .left ul li  h3:after{content:"";position:absolute;background:url(../images/16.png) 0 0 no-repeat;width:.18rem;height:.17rem;background-size:100%;top:50%;left:.08rem;transform:translateY(-50%)}
.index_quick .left ul li .infos{padding:.0 .15rem;transition:none}
.index_quick .left ul li .infos .box p{font-size:.14rem;color:#7e7e7e;line-height:.25rem}
.index_quick .left ul li .infos .box::-webkit-scrollbar-thumb{background:#000080}
.index_quick .left .more{margin:.3rem 0 0 ;text-align:center}
.index_quick .left .more a{display:inline-block;width:4.65rem;height:.5rem;background:#000080;border-radius:50px;line-height:.5rem;color:white;font-size:.16rem}
.index_quick .left .more a:hover{background:white;color:#000080;box-shadow:0 0 12px rgba(0,0,0,0.4)}
.index_quick .pics{position:relative}
.index_quick .pics .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.55rem;z-index:2}
.index_quick .pics .slide-pagination span{width:.4rem;height:6px;border-radius:50px;opacity:.5rem;background:white;margin:0 2px}
/********<=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){
	.tem_banner.index   .swiper .text{;left:.5rem;padding:0 1.3rem;}
.about_banner .box .text{width:49%}
.about_banner .box .mbx{margin:0 0 .5rem}
.about_box .infos .left{padding:1rem 1rem  1.3rem}
.about_box .infos .left h2{margin: 0 0 3rem;font-size:.58rem;}
.about_box .infos .right .box{padding:1.2rem .2rem 0; }
.about_box .infos .right .box p{font-size:.18rem}
.about_box .infos .right{padding:1.2rem 1.4rem 0 .8rem}
.product_box .items .bigimg .text{width:100%}
.product_list .items:nth-child(2n+1) .top .text{padding-right:1rem}
.product_list .items:nth-child(2n) .top .text{padding-left:1rem}
	.pro_text .text{text-align:left;padding:0 1rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner.index,.market_banner,.capa_banner,.about_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	.tem_banner.index .swiper .text{padding:0 .5rem}
	.tem_banner.index .swiper .text h2{font-size:.13rem}
	.index_about>div{grid-template-columns:100%;grid-gap:.5rem}
	.index_quick>div{grid-template-columns:100%;grid-gap:.5rem}
	.footer .top .box .navs{display:none}
	.footer .top .box{display:inherit}
	.footer:after{display:none}
	.footer .top .box .logo{width:100%;text-align:center;margin:0 0 .3rem}
	.footer .top .box .email form input{height:.8rem}
	.footer .top .box .email{width:100%}
	.footer .top .info{grid-template-columns:100%;grid-gap:.5rem}
	.footer .bot{height:1rem}
	.about_banner .box .text h2{font-size:.5rem}
	.about_banner .box .text p{display:none}
	.about_box .vision ul{grid-template-columns:100%;grid-gap:.5rem}
	.about_box .infos{grid-template-columns:100%;grid-gap:.5rem}
	.about_box .infos .right{height:10rem}
	.about_box .infos .right .box{background:none}
	.about_box .infos .right .box{bottom:3rem}
	.about_box .infos .left h2{margin: 0 0 1rem}
	.market_banner .swiper-page>div{left:.2rem}
	.market_banner .swiper-page>div.slide-button-next{right:.2rem}
	.market_banner .label_text{width:80%}
	.market_banner .box .mbx{left:.2rem;top:.2rem}
	.capa_banner .flash .mbx{left:.2rem;top:.2rem}
	.pro_nav ul{grid-template-columns:100%;grid-gap:.5rem}
	.product_box .items .bigimg .text h2{font-size:.36rem}
	.product_box .items .bigimg .text p{font-size:.24rem}
	.product_box .items .infos ul li .xs dd{padding:0 .3rem}
	.capa_banner .flash .text p{display:none}
	.capa_text>div{grid-template-columns:100%;grid-gap:.5rem}
	.capa_list ul{grid-template-columns:100%;grid-gap:.5rem}
	.contact_box .infos .items .text{grid-template-columns:100%;grid-gap:.5rem}
	.contact_box .infos .items .text .right ul{grid-template-columns:100%;grid-gap:.5rem}
	.contact_box .infos .item ul{grid-template-columns:100%;grid-gap:.5rem}
	.contact_box .message .content{grid-template-columns:100%;grid-gap:.5rem}
	.product_list .items .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
		.product_list .items:nth-child(2n) .top{display:flex;flex-wrap: wrap;}
	.product_list .items:nth-child(2n+1) .top {display:flex;flex-wrap: wrap;}
	.product_list .items .top .img{width:100%;padding:0 .2rem}
.product_list .items .top .text{width:100%;margin:.2rem 0 0}
.product_list .items:nth-child(2n+1) .top .text{padding-right:0;text-align:center}
.product_list .items:nth-child(2n) .top .text{padding-left:0;text-align:center}
.pro_text .text{padding:0;}
	
}
/********mobile*********/
@media(max-width:767px){

}