/***** Header *****/
header{position:fixed;width:100%;z-index:100;height: 1.3rem;line-height: 1.3rem;}
header.on{background:rgba(0,0,0,.9)}
header.on .navs{background:none;}
header>div{display:flex;justify-content: space-between;}
header .logo{width: 23%;text-align:left}
header .logo a{display:initial}
header .navs{display:flex;width:67%;background:rgba(255,255,255,.13);justify-content: space-around;}
header .navs li a{font-size:.18rem;color:white}
header .navs li a:hover{color:#c92430;}
header .navs li.on a{color:#c92430;}
header .langs{width:10%;display:flex;flex-direction: column;justify-content: center;align-items: flex-end;}
header .langs ul{display:flex;color:white;line-height:normal;align-items: center;padding:.33rem 0 0;position:relative}
header .langs ul:after{content:"";position:absolute;background: url(../images/langs.png) no-repeat;width:.26rem;height:.26rem;background-size:100%;left:50%;transform:translateX(-50%);top:0}
header .langs ul li a{font-size:.16rem;color:white}
header .langs ul li a:hover{color:#c92430;}
header .langs ul li.active a{color:#c92430;}
/***** Banner *****/
.tem_banner{position:relative;width: 100%;margin: 0 auto;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;color: #fff;display: flex;align-content: center;align-items: center;}
.tem_banner.index .txt>div>*{text-shadow:1px 1px 4px #494949;}
.tem_banner.index .txt h2{font-size:.6rem;text-transform: uppercase;display: block;margin-bottom: .1rem;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .txt p{font-size:.36rem;text-transform:uppercase;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .txt span{display:inline-block;padding:.15rem .5rem;background: #c92430;border-radius: .3rem;margin-top: .7rem;opacity:0;transform: translateY(.5rem);}
.tem_banner.index .swiper-slide-active .txt h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .swiper-slide-active .txt span{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}
.tem_banner .slide-pagination{position:absolute;right:1.44rem;bottom:35%;z-index:2}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;opacity:1;background:white ;margin:20px 0;outline:0;display:inherit;position:relative}
.tem_banner .slide-pagination span:after{content:'';position:absolute;width:.25rem;height:.25rem;border:1px solid #c92430;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#c92430;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1}
.tem_banner .flash .txt h2{font-size:.48rem;color:#fff;display:block;margin-bottom:.1rem;}
.tem_banner .flash .txt p{font-size:.3rem;color:#fff;}

.tem_banner.indise .flash{font-size:0;position: relative;}
.tem_banner.indise .flash img{width:100%;height:100%}
.tem_banner.indise .txt{position:absolute;bottom: 0;left:0;width:100%;height: 100%;text-align: center;z-index: 1;color:#fff;display: flex;align-items: center;}
.tem_banner.indise .txt .title{width:100%;text-align: center;}
.tem_banner.indise .txt .title>*{text-transform:uppercase;text-shadow:1px 1px 4px #000;}
.tem_banner.indise .txt .title h2{font-size: .72rem;color:#fff;font-family: 'STXingkai';letter-spacing: .02rem;}
.tem_banner.indise .txt .title p{font-size: .3rem;color:#fff;font-family:'arial';display:block;margin-top:.3rem;line-height:1.6;letter-spacing: .05rem;}


.index_about{padding: 1.1rem 0 1rem}
.index_about>div{display:flex;justify-content: space-between;}
.index_about  .img{width:48%}
.index_about  .text{width:49%;padding:1.2rem 0 0;display:flex;flex-direction: column;justify-content: space-between;}
.index_about  .text .top h1{font-size:.48rem;color:black;font-weight:bold;padding:0 0 .3rem}
.index_about  .text .top  p{font-size:.16rem;color:black;line-height:.28rem}
.index_about  .text .top  a{margin:.6rem 0 0;color:#d2282f;font-size:.16rem;font-weight:bold;display:inline-block;position:relative;padding-right:.52rem}
.index_about  .text .top  a:after{content:"";position:absolute;background:url(../images/more.png) no-repeat;;transition:.6s;width:.34rem;height:.09rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_about  .text .top  a:hover:after{right:-.2rem;transition:.6s}
.index_about  .text ul{display:flex}
.index_about  .text ul li{background:#c9c9c9;margin-right:.2rem}
.index_about  .text ul li a {display:flex;flex-direction: column;justify-content: center;width:1.8rem;height:1.8rem;}
.index_about  .text ul li a h1{font-size:.12rem;color:white;font-weight:bold;text-align:center;padding:.66rem 0 0;position:relative}
.index_about  .text ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(../images/1.png) no-repeat;width:.5rem;height:.43rem;left:50%;top:0;transform:translateX(-50%);background-size:100%}

.index_about  .text ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(../images/2.png) no-repeat;width:.49rem;height:.43rem;left:50%;top:0;transform:translateX(-50%);background-size:100%}
.index_about  .text ul li a:hover{background:#d1232a;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_pro{background:url(../images/pro_bg.jpg) no-repeat;background-attachment:fixed;background-size:cover}
.index_pro .text{text-align:center;padding:1.65rem 0 1.2rem}
.index_pro .text h1{font-size:.42rem;color:white;text-transform:uppercase;font-weight:bold;padding:0 0 .35rem}
.index_pro .text p{font-size:.18rem;color:white;font-weight:bold}
.index_pro .text a{display:inline-block;margin:.8rem   0 0;background:#d1232a;padding:0 .3rem;border-radius:5px;height:.5rem;line-height:.5rem;font-size:.12rem;color:white;font-weight:bold;text-transform:uppercase;box-shadow:0 0 12px rgba(0,0,0,0.5)}
.index_product>div{padding:0 0 1.4rem}
.index_product .title{text-align:center;padding:.9rem 0 .7rem}
.index_product .title h1{font-size:.3rem;color:#333333;font-weight:bold;text-transform:uppercase}
.index_product  .lists{position:relative}
.index_product  .lists a{position:relative}
.index_product  .lists a:after{content:"";position:absolute;background:rgba(170,21,43,.31);height:0;width:100%;top:0;left:50%;transform:translateX(-50%);transition:.6s}
.index_product  .lists a:hover:after{height:100%;transition:.6s}
.index_product  .lists a:hover img{transform:scale(1.1)}
.index_product  .lists a h2{position:absolute;font-size:.3rem;font-weight:bold;color:white;left:50%;transform:translateX(-50%);top:10%;z-index:2;opacity:0}
.index_product  .lists a:hover h2{opacity:1;top:40%;transition:.6s}

.index_product  .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;border-radius:100%;line-height:.5rem;text-align:center;font-size:.3rem;background:#bfbcbb;color:white;outline:none;z-index:2;top:50%;left:0;transform:translateY(-50%)}
.index_product  .lists  .swiper-page>div.slide-button-next {left:auto;right:0}
.index_product  .lists  .swiper-page>div:hover{background:#aa152b}
.index_contact .title{text-align:center;padding:0rem 0 .65rem}
.index_contact .title h1{font-size:.3rem;color:#333333;font-weight:bold;text-transform:uppercase}
.index_contact .infos{display:flex}
.index_contact .infos>div{width:50%}
.index_contact .infos .left {position:relative}
.index_contact .infos .left ul{position:absolute;top:1.32rem;z-index:2;width:100%;padding-left:1.4rem}    
.index_contact .infos .left ul li{display:flex;margin:0 0 .3rem;align-items: center;}
.index_contact .infos .left ul li div{width:5%}
.index_contact .infos .left ul li p{font-size:.18rem;color:#646464}
/*** page web ***/

.page_product{width:100%;padding:.7rem 0;}
.page_product>div{display:flex;justify-content: space-between;}
.page_product .navs{width: 17%;}
.page_product .navs h2{font-size: .18rem;color:#000000;font-weight:bold;display: block;margin-bottom: .15rem;}
.page_product .navs li{margin-bottom:.2rem}
.page_product .navs li a{position:relative;padding-left: .25rem;font-size: .16rem;color: #1e1d1d;}
.page_product .navs li a i{position:absolute;left:0;top: 50%;width:.14rem;height:.14rem;background:#bfbfbf;transform: translateY(-50%);}
.page_product .navs li a i:after{position:absolute;content:'';left:0;top:50%;transform: translateY(-50%);width: .14rem;height: .14rem;border: 1px solid #000000;transition:.36s;opacity:0;}
.page_product .navs li a i:before{position:absolute;content:'';left: .03rem;top:50%;transform: translateY(-50%);width:.08rem;height:.08rem;background:#000;transition:.36s;opacity:0;}
.page_product .navs li.on a i,.page_product .navs li a:hover i{background:#fff;}
.page_product .navs li.on a i:after,.page_product .navs li a:hover i:after{opacity:1}
.page_product .navs li.on a i:before,.page_product .navs li a:hover i:before{opacity:1}
.page_product .list{width: 83%;display: flex;flex-direction: row;flex-wrap: wrap;overflow: hidden;}
.page_product .list h2{font-size:.18rem;color:#000000;display:block;width:100%;padding:0 .1rem;margin-bottom:.1rem;}
.page_product .list li{padding:.1rem;width: 32%;}

.box-line{position:relative;z-index: 3;}
.box-line i{position:absolute;background: #c92430;z-index: 1;}
.box-line i.line-1,.box-line i.line-3{width:0;height:.02rem;}
.box-line i.line-2,.box-line i.line-4{height: 0;width:.02rem;}
.box-line i.line-1{top: 0;left: 0;}
.box-line i.line-2{right: 0;top: 0;}
.box-line i.line-3{bottom: 0;right: 0;}
.box-line i.line-4{left: 0;bottom: 0;}
.box-line:hover i.line-1{width:100%;transition: all .4s ease 0s;}
.box-line:hover i.line-2{height:100%;transition: all .4s ease .4s;}
.box-line:hover i.line-3{width:100%;transition: all .4s ease .8s;}
.box-line:hover i.line-4{height:100%;transition: all .4s ease 1.2s;}

.page_product .list a .img{border: .02rem solid #d8d8d8;}
.page_product .list a:hover p{color:#c92430;}
.page_product .list a p{font-size:.16rem;color:#323232;text-transform:uppercase;margin: .15rem 0 .2rem;}
.page_product .list a:hover img{transform:scale(1.2)}

.page_web{width:100%;}
.page_head{padding: .3rem 0 .5rem;text-align: left;}
.page_head .nav li{float:left;margin-right: 2px;width: 2rem;line-height: .5rem;text-align: center;background: #eee;}
.page_head .nav li a{font-size: .16rem;color: #414d59;display: block;vertical-align: top;padding-left: 0;position: relative;}
.page_head .nav li.on,.page_head .nav li:hover{background:#da251c;}
.page_head .nav li.on a,.page_head .nav li:hover a{color:#fff;}

.company{padding: .7rem 0;}
.company .title{text-align:center;font-size:.3rem;font-family:'Freehand521 BT';color:#555;margin-bottom:.35rem;}
.company .desc{color:#444;font-size:.16rem;line-height:1.6;margin-bottom: .5rem;}
.company .list{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.company .list>div{/* width:50%; */}
.company .list .left{width: 61%;}
.company .list .right{width: 34.5%;font-size: .16rem;color: #575757;line-height: 1.7;}

.companystyle{width:100%;}
.companystyle .item{padding:.7rem 0}
.companystyle .item .title{text-align:center;font-size:.3rem;font-family:'Freehand521 BT';color:#555;margin-bottom:.35rem;}
.companystyle .item .list a:hover img{transform:scale(1.1)}
.companystyle .item .list .paginations{text-align:center;font-size:0;margin-top:.3rem;}
.companystyle .item .list .paginations span{border:1px solid #818181;background:#fff;opacity:1;width:.14rem;height:.14rem;margin:0 .02rem;}
.companystyle .item .list .paginations span.swiper-pagination-bullet-active{background:#000000;border:1px solid #000000;}
.companystyle .box-line i{background:#555}

.companyinfo{width:100%;position:relative;}
.companyinfo .txt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display: flex;align-items: center;align-content: center;justify-content: center;flex-direction: column;}
.companyinfo .txt h2{color:#fff;font-size:.3rem;display: block;margin: .2rem 0 .3rem;}
.companyinfo .txt h3{color:#fff;display: block;font-size: .3rem;}
.companyinfo .txt a{width: .5rem;height: .5rem;background: url(../images/about_more.png) no-repeat;background-size: 100%;}
/***** Page-Service *****/

.page_news{width:100%;background: #f5f5f5;padding: .7rem 0;}
.page_news .list1{width: 100%;}
.page_news .list1 li{margin-bottom: .45rem;border-bottom: 1px solid #d2d2d2;position: relative;}
.page_news .list1 li::after{position:absolute;content:'';width:0;height:1px;background:#2b4d89;transition:1s}
.page_news .list1 li:hover::after{transition:1s;width:100%}
.page_news .list1 li a{display:block;padding:0 .28rem}
.page_news .list1 li a .title{color:#272d6b;font-size:.16rem;display:block;margin-bottom:.2rem}
.page_news .list1 li a:hover .img img{transition:4s;transform:scale(1.1)}
.page_news .list1 li a .txt{padding:.25rem 0 .5rem}
.page_news .list1 li a .txt h2{font-size:.2rem;color:#1a1a1a;line-height:1.5}
.page_news .list1 li a:hover .txt h2{color:#2b4d89}
.page_news .list1 li a .txt p{font-size:.16rem;color:#4d4c4c;line-height:1.5;margin:.2rem 0}
.page_news .list1 li a .txt span{color:#3c3c3c;font-size:.14rem;display:block;position:relative;height:.36rem;line-height:.36rem}
.page_news .list1 li a .txt span::after{position:absolute;content:'\f105';right:0;top:0;width:.36rem;height:100%;font-family:FontAwesome;text-align:center;border:1px solid #dadada;border-radius:100%;color:#4c4c4c;font-size:.16rem;transition:1s}
.page_news .list1 li a:hover .txt span::after{transition:1s;background:#2b4d89;border:1px solid #2b4d89;color:#fff}
.page_news .list2{width:100%}
.page_news .list2 .left{float:left;width: 65%;}
.page_news .list2 .left .item{margin-bottom:.2rem;background:#fff;padding:.3rem .3rem .5rem}
.page_news .list2 .left .item:hover{box-shadow:1px 1px 5px #d4d4d4}
.page_news .list2 .left .item:hover h2{color:#2b4d89}
.page_news .list2 .left .item h2{font-size:.18rem;color:#353535;display:block;margin-bottom:.2rem}
.page_news .list2 .left .item p{font-size:.14rem;color:#6f6f6f;line-height:1.7}
.page_news .list2 .right{float:right;width:28.5%;background:#fff;padding-bottom: 1.2rem;}
.page_news .list2 .right .title {padding: .3rem .4rem 0;}
.page_news .list2 .right .title *{color:#2580e6;font-size: .24rem;line-height: 1.5;}
.page_news .list2 .right .title h2 {float: left;}
.page_news .list2 .right .title a {float: right;}
.page_news .list2 .right .item{padding: .4rem;border-bottom: 1px solid #e5e5e5;}
.page_news .list2 .right .item .img{border:2px solid #d4d4d4}
.page_news .list2 .right .item h2{font-size:.2rem;color:#2c2c2c;line-height:1.5;display:block;margin-top:.25rem}
.page_news .list2 .right .item:hover img{transition:4s;transform:scale(1.2)}
.page_news .list2 .right .item:hover h2{color:#2580e6}

.show_news {padding: .5rem 0;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}

.page_job{padding:.6rem 0;background: #f9f9f9;}
.page_job .title{background:#b4b4b4;padding: 0 .25rem;}
.page_job .title ul{display:table;width:100%}
.page_job .title ul li{display:table-cell;width:20%;text-align:center;}
.page_job .title ul li a{line-height:65px;color:#fff;font-size: .18rem;}
.page_job .list{border: 1px solid #dcdcdc;background: #fff;padding: .25rem;padding-bottom: .7rem;margin-bottom: .5rem;}
.page_job .list dl {border-bottom:1px solid #dcdcdc}
.page_job .list dl dt{display:table;width:100%}
.page_job .list dl dt .item{display:table-cell;width:20%;text-align: center;line-height: 65px;color: #474747;font-size: .16rem;font-weight: normal;white-space: nowrap;}
.page_job .list dl dt .item.click{cursor:pointer;}
.page_job .list dl dd{display:none;background: #f5f5f5;border-top: 1px solid #dcdcdc;padding: .25rem;color: #676767;font-size: .14rem;line-height: 24px;transition: none;}
.page_job .list dl dd.on{box-shadow:1px 1px 3px #9a9a9a}
.page_job .list dl dd .con{padding-bottom:.4rem;}
.page_job .list dl dd .click{border-top:1px solid #dcdcdc;text-align:center;padding: .3rem 0;}
.page_job .list dl dd .click a{display:inline-block;padding: .15rem .7rem;background: #2b4d89;color: #ffff;font-size: .14rem;}

.show_product{padding:.7rem 0}
.show_product .row .text-left .bigimg{border:1px solid #ccc;position: relative;z-index: 20;}
.show_product .row .text-left .thumbs{padding:.2rem .3rem;position:relative}
.show_product .row .text-left .thumbs .navigation{position:absolute;left:0;top:36%;width:100%;z-index:1}
.show_product .row .text-left .thumbs .navigation>div{position:absolute;top:0;cursor:pointer;font-size:.3rem;color:#444}
.show_product .row .text-left .thumbs .navigation>div.swiper-button-disabled{color:#999}
.show_product .row .text-left .thumbs .navigation .left{left:0}
.show_product .row .text-left .thumbs .navigation .right{right:0}
.show_product .row .text-left .thumbs .swiper-slide{border:1px solid #ddd;cursor:pointer}
.show_product .row .text-left .thumbs .swiper-slide-thumb-active{border: 1px solid #004992;}
.show_product .row .text-right{padding-left:.5rem;text-align:left}
.show_product .row .text-right h2{font-size:.3rem;color:#333;line-height:1.5;display:block;margin-bottom:.2rem}
.show_product .row .text-right p{font-size:.14rem;line-height:1.8;color:#666}
.show_product .bot{padding-top:.1rem 0 .5rem;}
.show_product .bot .title{border-bottom:1px solid #d9d9d9}
.show_product .bot .title h2{display:inline-block;line-height:.45rem;background:#004992;color:#fff;padding:0 .3rem}
.editor{padding:.1rem 0;line-height:1.8}
.editor table tr{border-top:1px solid #555;border-left:1px solid #555}
.editor table tr{border-bottom:1px solid #555}
.editor table tr td{border-right:1px solid #555}

.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}

.page_contact{width:100%;padding: .7rem 0;}
.page_contact .contact{margin-bottom:.5rem;}
.page_contact .title{color:#2b2b2b;font-size:.24rem;font-family:'Bodoni Bd BT';padding-bottom: .16rem;position: relative;margin-bottom: .2rem;}
.page_contact .title:after{position:absolute;content:'';background:url(../images/sj.png) no-repeat;left: .05rem;bottom: 0;width: .1rem;height: .09rem;}
.page_contact .contact .info{display: flex;justify-content: space-between;margin-bottom:.2rem;flex-wrap: wrap;}
.page_contact .contact .info>div{font-size:.16rem;color:#2c2b2b;font-family: 'arial';line-height: .5rem;margin: .05rem 0;}
.page_contact .contact .info .addr{background: url(../images/addr.png) no-repeat left center;padding-left: .4rem;background-size: .31rem;}
.page_contact .contact .info .tel{background: url(../images/tel.png) no-repeat left center;padding-left: .4rem;background-size: .33rem;}
.page_contact .contact .info .email{background: url(../images/email.png) no-repeat left center;padding-left: .4rem;background-size: .29rem;}
.page_contact .contact .map{border:1px solid #ddd;}
.page_contact .message{width:100%}
.page_contact .message .con{width: 100%;}
.page_contact .message .con form{display:flex;width:100%;flex-wrap: wrap;justify-content: space-between;}
.page_contact .message .con form>div{width:100%;margin-bottom: 0.4rem;border-bottom: 1px solid #ddd;padding: 0.1rem;}
.page_contact .message .con form .li0,.page_contact .message .con form .li1,.page_contact .message .con form .li2{width:30%;padding: 0.24rem 0.1rem;}
.page_contact .message .con form>div>*{width:100%;/* padding: .24rem .1rem; */border: none;font-family: 'PingFang SC','arial';font-size: .18rem;}
.page_contact .message .con form>div>.content{height:1.3rem;line-height: 1.4;letter-spacing: .01rem;}
.page_contact .message .con .button{border-bottom:none;}
.page_contact .message .con .button>*{display:inline-block;width: initial;padding: .1rem .4rem;background: #c82431;color: #fff;}

footer{}
footer .top{background:#eeeeee;padding:.7rem 0 .65rem;text-align:center}
footer .top .logo{padding:0 0 .4rem}
footer .top .logo a{display:inline-block}    
footer .top ul{display:flex;justify-content: center;padding:0 0 .6rem}
footer .top ul li {margin:0 .38rem}
footer .top ul li a{font-size:.18rem;color:#2e3732}
footer .top .weixin p{font-size:.14rem;text-transform:uppercase;padding:.05rem 0 0;font-weight:bold;color:#898989}
footer .bot{display:flex;background:#d1232a;padding:.2rem 0;justify-content: center;}
footer .bot>*{margin:0 .7rem;color:white;font-size:.16rem}

/**/
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #555;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-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: #333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #1163b2;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: #1163b2;}
.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: #555;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: #bbdeff;font-weight: bold;}
.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;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden}
	.st-menu{display:block}
	.header{display:none}
	.m-header{top:0;opacity:1;background:hsl(0 0% 0% / 60%);padding:0 .2rem}
	.m-header>.col-xs-6>div{color:#fff}
	.tem_banner{padding-top:60px;}
    .tem_banner.index .txt h2{font-size:.48rem;}
    .tem_banner.index .txt p{font-size:.3rem;}
	.tem_banner.index .txt span{font-size:.16rem;}
	.index_about{background: inherit !important;}
	 footer .wechat{width:100%;margin-bottom: .1rem;text-align: center;}
    footer .wechat .title{margin-bottom:.2rem;}
    footer .box{width:100%;padding: .35rem .15rem 0; }
    footer .contact{width:100%;padding:.35rem .15rem 0}
    footer .share{width:100%;justify-content: center;text-align: center;}
    footer .share h2{margin-bottom:.2rem;}
    .page_product .list li{width:49%;}
    .company .list .left{width:100%;}
    .company .list .right{width:100%;}
    .companyinfo .txt{padding:0 .5rem;}
    .companyinfo .txt h3{font-size:.2rem;}
    .companyinfo .txt h2{font-size:.2rem;}
        .index_about>div{display:inherit}
         .index_about  .img{width:100%;}
    .index_about  .text{width:100%;padding:0}
    .index_contact .infos{display:inherit}
   .index_contact .infos .left{width:100%}
   .index_contact .infos .left ul{position:absolute;top:.8rem;z-index:2;width:100%;padding-left:.5rem}
   .index_contact .infos  .map{width:100%}
 .index_contact .infos  .map #container{height:8rem}
 .tem_banner .slide-pagination{display:none}

}
/********mobile*********/
@media(max-width:767px){
    
}