/***** Header *****/
header{position:fixed;width:100%;z-index:100;top:0;left:0;background:#FFF;font-size:0;box-shadow:0 0 12px rgba(0,0,0,.15)}
header .htop {background:#222;line-height:.6rem;}
header .htop p{display:inline-block;vertical-align:middle;margin:0;padding-left:.35rem;font-size:.14rem;color:#FFF}
header .htop p i {font-size:.18rem;margin:0 .15rem 0 0;display:inline-block;vertical-align:middle;}
header .navbox>div>div{display:inline-block;vertical-align:middle;width:30%}
header .navbox .navs{width:70%;text-align:right}
header .navbox .logo {line-height:1.1rem;}
header .navbox .logo a{display:inline-block;}
header .navbox .logo img {max-height:.85rem;transition:none;}
header .navbox .navs ul{display:flex;flex-direction: row;    justify-content: space-between;}
header .navbox .navs li {position:relative;line-height:1.1rem;}
header .navbox .navs li:last-child {padding-right:0}
header .navbox .navs li>a{display:block;font-size:.18rem;color:#222;display:inline-block;position:relative;line-height:normal;}
header .navbox .navs li>a:after{content:'';width:0;height:5px;background:#c92430;position:absolute;bottom:-.12rem;left:0;transition:all .4s ease-in-out}
header .navbox .navs li dl {position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#FFF;margin:0;padding:0;text-align:left;width:2.6rem;display:none;transition:none}

header .navbox .navs li dl dd a{font-size:.16rem;color:#222;padding:.15rem .1rem;}
header .navbox .navs li.on>a,header .navbox .navs li:hover>a,header .navbox .navs li dl dd a:hover {color:#c92430}
header .navbox .navs li.on>a:after,header .navbox .navs li:hover>a:after {width:100%}
header.on {}
/***** Banner *****/
.tem_banner{position:relative;width: 100%;margin: 0 auto;padding:1.7rem 0 0}
.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{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}
.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_product{padding:.7rem 0;background:#f0f0f0;}
.index_product .title{text-align:center;margin-bottom: .4rem;}
.index_product .title h2{font-size:.36rem;color:#2a2a2a;text-transform:uppercase;display:block;margin-bottom:.02rem}
.index_product .title p{font-size:.16rem;color:#505050;}
.index_product .list{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;    align-items: center;}
.index_product .list .item{width:32%;margin-bottom:.3rem;}
.index_product .list .item a{padding:1.5rem .3rem 0;text-align: center;background-position:center;background-repeat:no-repeat;background-size:cover;height:5.3rem}
.index_product .list .item a i{background: #a8a8a8;}
.index_product .list .item a:hover{box-shadow:1px 1px .1rem #9c9c9c;}
.index_product .list .item a .tb{width:1.2rem;margin:0 auto;}
.index_product .list .item a p{margin-top: 1.35rem;background:rgba(0,0,0,.5);border-radius:0 0 65px 0;width:90%;margin:0 5%;padding:.3rem .23rem .2rem;text-align:left;}
.index_product .list .item a p span {display:block;font-size:.2rem;color:#FFF;padding:0 0 .15rem;border-bottom:2px solid rgba(255,255,255,.3);text-align:left}
.index_product .list .item a p em {font-size:.14rem;color:#FFF;text-transform:uppercase;margin:.45rem 0 0;padding:0 0 2px;border-bottom:2px solid #b2b2b2;display:inline-block;}

.indexpro_list{padding:.45rem 0 .65rem}
.indexpro_list .tit {margin:0 0 .4rem;text-align:center}
.indexpro_list .tit h3 {font-size:.36rem;color:#2a2a2a;text-transform:uppercase;display:block;margin-bottom:.02rem}
.indexpro_list .tit p{font-size:.16rem;color:#505050;}
.indexpro_list .swiper-slide a{display:block;position:relative;text-align:center}
.indexpro_list .swiper-slide .imgs_ img{width:100%;height:4.26rem;object-fit:cover;transition:none}
.indexpro_list .swiper-slide p{font-size:.16rem;color:#333;margin:.15rem 0 0;}
.indexpro_list .swiper-slide .imgs_{box-shadow:2px 2px 4px rgba(0,0,0,.1)}


.index_about{padding: 1.6rem 0;}
.index_about .title{font-size:.6rem;color:#444444;font-family: 'DIN-L';font-weight: bold;text-transform: uppercase;}
.index_about .desc{font-size:.2rem;color:#555555;line-height:1.5;margin: .3rem 0 .8rem;}
.index_about .more{text-align:left;}
.index_about .more a{display:inline-block;padding:.15rem .25rem;background:#c92430;color:#fff;text-transform:uppercase;}
/*** page web ***/

.page_product{width:100%;padding:3rem 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 dl {padding:.15rem 0 0}
.page_product .navs li dl dd {margin:0 0 .1rem}
.page_product .navs li dl dd a{font-size:.16rem;color:#1e1d1d;}
.page_product .navs li dl dd a:hover,.page_product .navs li dl dd.on2 a {color:#c92430}


.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: 24%;}

.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 .img img {width:100%;height:2.55rem;object-fit:cover;}
.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;font-size:0}
.company .editor{font-size:.16rem;color:#000000;line-height:1.9;margin:0 0 .2rem;}
.company .infos>div{display:inline-block;vertical-align:bottom;width:78%}
.company .infos .img1{padding:0 .15rem 0 0}
.company .infos .img2{width:22%}
.company .infos .img2 h6 {font-size:.33rem;color:#1948a9;text-transform:uppercase;line-height:1.6;position:relative;display:inline-block;font-weight}
.company .infos .img2 h6:before{content:'';width:.43rem;height:1px;background:#1d49a3;position:absolute;right:0;top:.25rem;transform:rotate(-30deg)}
.company .infos img {width:100%}

.companystyle{padding:.65rem 0;font-size:0}
.companystyle .boxs{margin:0 0 .2rem;}
.companystyle .boxs>* {display:inline-block;vertical-align:bottom;width:26%}
.companystyle .boxs .infos{width:74%;padding-left:.15rem;font-size:.16rem;color:#000000;line-height:1.7}
.companystyle .boxs h6 span{font-size:.33rem;color:#1948a9;text-transform:uppercase;line-height:1.6;position:relative;display:inline-block;font-weight:bold}

.companystyle .boxs h6 span:before{content:'';width:.43rem;height:1px;background:#1d49a3;position:absolute;right:0;top:.25rem;transform:rotate(-30deg)}
.companystyle .list>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .1rem;margin:0 0 .3rem}
.companystyle .list .imgs {position:relative}
.companystyle .list .imgs img {width:100%;height:2.9rem;object-fit:cover;transition:none}
.companystyle .list .imgs i{width:.22rem;height:.22rem;background:#FFF;border-radius:100%;line-height:.22rem;font-size:.14rem;color:#000;text-align:center;position:absolute;right:.15rem;bottom:.15rem;}
.companystyle .list p{font-size:.2rem;color:black;text-align:center;margin:.15rem 0 0;font-weight:bold;}
/***** 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;height:.5rem;line-height:.25rem}
.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{margin-bottom:.2rem;}
.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 .info ul{display:flex}
.page_contact .contact .info ul li {width:32%}
.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{background:#444;padding:.8rem 0 .5rem;font-size:0}
footer .infos>div{display:inline-block;vertical-align:top;width:78%}
footer .infos .navlist>dl {display:inline-block;vertical-align:top;margin:0;padding:0 .25rem 0 0;width:25%}
footer .infos .navlist>dl dt a{display:inline-block;font-size:.18rem;color:#FFF;padding:0 0 .15rem;margin:0 0 .2rem;position:relative}
footer .infos .navlist>dl dt a:after{content:'';width:.43rem;height:2px;background:#c92430;position:absolute;bottom:0;left:0}
footer .infos .navlist>dl dd {margin:0 0 .15rem;}
footer .infos .navlist>dl dd a{font-size:.16rem;color:#FFF}
footer .infos .navlist>dl dd p {margin:0 0 .15rem;font-size:.16rem;color:#FFF}
footer .infos .logos {width:22%;text-align:right}
footer .infos .logos>div{display:inline-block;text-align:center}
footer .infos .logos img {max-height:.9rem;transition:none;}
footer .infos .logos .share {margin:.4rem 0 0}
footer .infos .logos .share a{display:inline-block;margin-left:.25rem;font-size:.2rem;color:#FFF}
footer .copy {margin:.5rem 0 0;text-align:center;font-size:.14rem;color:#FFF}
footer .copy a{font-size:.14rem;color:#FFF}
/**/
/********<=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;}

}
/********mobile*********/
@media(max-width:767px){
    .companystyle .boxs>*{display:block;width:100% !important}
    .companystyle .list>div{width:50%}
    footer .infos>div{display:block;width:100% !important}
    footer .infos>div.navlist {display:none}
    footer .infos>div.logos {text-align:center;}
    .index_product .list .item{width:50%;padding:0 .1rem}
}