.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5)}

.header>div{display:flex;height:.93rem;line-height:.93rem;justify-content: space-between;}
.header .logo{width:8.8%}
.header .navs{width:63%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.66rem}
.header .navs ul li.active a{color:#015198}
.header .navs ul li.active a:after{bottom:0;}
.header .navs ul li a{font-size:.16rem;color:#505050;position:relative;overflow:hidden}
.header .navs ul li a:after{position:absolute;content:"";background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.09rem;height:.08rem;background-size:100%;left:50%;transform:translateX(-50%);bottom:-.08rem;transition:.3s}
.header .navs ul li a:hover:after{bottom:0;transition:.3s}
.header .navs ul li a:hover{color:#015198;transition:.3s}
.header .right{width:9%;display:flex;flex-direction: column;justify-content: center;}
.header .right .langs{display:flex;line-height:normal;background:#015198;color:white;height:.48rem;align-items: center;border-radius:50px;justify-content: center;padding-left:.3rem;position:relative}
.header .right .langs a{font-size:.16rem;color:white;margin:0 .05rem}
.header .right .langs:after{content:"";position:absolute;background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.2rem;height:.2rem;background-size:100%;top:50%;transform:translateY(-50%);left:20%}
.tem_banner.indise{padding:.93rem 0 0}
.tem_banner.indise  .flash{position:relative}
.tem_banner.indise  .flash .txt{position:absolute;left:50%;transform:translateX(-50%);top:60%;text-align:center}
.tem_banner.indise  .flash .txt h1{font-size:.48rem;color:white;margin:0 0 .2rem;letter-spacing:8px}
.tem_banner.indise  .flash .txt p{font-size:.24rem;color:white}
.about .about_nav{background:#f8f8f8}
.about .about_nav ul{display:flex;height:.75rem;line-height:.75rem}
.about .about_nav ul li{margin-right:.65rem}
.about .about_nav ul li:first-child  a{color:#015198}
.about .about_nav ul li:first-child  a:after{width:100%}
.about .about_nav ul li a{font-size:.16rem;color:#212122;position:relative}
.about .about_nav ul li a:after{content:"";position:absolute;width:0;left:50%;transform:translateX(-50%);bottom:0;height:2px;background:#015198;transition:.5s}
.about .about_nav ul li a:hover{color:#015198;transition:.5s}
.about .about_nav ul li a:hover:after{width:100%;transition:.5s}
.about .about_company .top{background:url(/public/common/images/icon3.jpg) 0 0 no-repeat;background-size:cover}
.about .about_company .top>div{display:flex}
.about .about_company .top .left{width:87.5%;padding:1.2rem .6rem 1.4rem 0;border-right:2px solid #eaeaea}
.about .about_company .top .left h2{font-size:.36rem;color:#015198;margin:0 0 .5rem}
.about .about_company .top .left .infos p{font-size:.16rem;color:#6b6b6b;line-height:.3rem }
.about .about_company .top .right{width:12.5%;padding:1.3rem 0 0}
.about .about_company .top .right ul{padding-left:.5rem;text-align:center}
.about .about_company .top .right ul li {margin:0 0 .5rem}
.about .about_company .top .right ul li h1{font-size:.24rem;color:#015198;font-weight:bold;padding:.1rem 0 }
.about .about_company .top .right ul li h1 em{font-size:.48rem;}
.about .about_company .top .right ul li p{font-size:.16rem;color:#424247;font-weight:bold}
.about .about_culture{background:#f8f8f8;padding:0 0 1.68rem}
.about .about_culture .title{text-align:center;padding:.9rem 0 .6rem}
.about .about_culture .title h1{font-size:.36rem;color:#015198;font-weight:bold;padding:0  0 .25rem;position:relative;margin:0 0 .28rem}
.about .about_culture .title h1:after{content:"";position:absolute;background:#015198;width:.46rem;height:.09rem;left:50%;transform:translateX(-50%);border-radius:50px;bottom:0}
.about .about_culture .title p{font-size:.24rem;color:#707171}
.about .about_culture .lists .items{display:flex;justify-content: space-between;align-items: center;background:#ffffff;margin:0 0 .2rem}
.about .about_culture .lists .items .img{width:49.5%}
.about .about_culture .lists .items .txt{width:49.5%;padding-left:.45rem}
.about .about_culture .lists .items .txt p{font-size:.16rem;color:#434344;line-height:.3rem}
.about_history     {padding:0 0 1.35rem;background:url(/public/common/images/icon6.jpg) 0 0 no-repeat;background-size:cover}
.about_history .title{padding:1.05rem 0 1.2rem;text-align:center}
.about_history .title h1{font-size:.36rem;color:#015198;font-weight:bold;padding:0  0 .25rem;position:relative;}
.about_history .title h1:after{content:"";position:absolute;background:#015198;width:.46rem;height:.09rem;left:50%;transform:translateX(-50%);border-radius:50px;bottom:0}
.about_history .lists{position:relative;padding:0 0 .22rem}
.about_history .lists:after{position:absolute;content:"";background:url(/public/common/images/icon4.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);width:99.2%;height:.19rem;bottom:0;background-size:100%}
.about_history .lists .items{height:3.9rem;position:relative;padding:.6rem .2rem .35rem;position:relative}
.about_history .lists .items:after{content:"";position:absolute;background:#c9c9c9;width:1px;height:100%;left:.07rem;top:0;}
.about_history .lists .items:before{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.14rem;height:.11rem;top:0;left:0;z-index:2}
.about_history .lists .items .infos{padding:.25rem .15rem .1rem }
.about_history .lists .items .infos p{font-size:.16rem;color:#1f1f1f}
.about_history .lists .items em{font-size:.2rem;color:#1f1f1f;font-weight:bold;left:50%;transform:translateX(-50%);bottom:.05rem;position:absolute}
.about_history .lists .swiper-page>div{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:-.7rem;width:.46rem;height:.46rem;background:url(/public/common/images/icon7.png)  center center no-repeat;background-size:.25rem .14rem;border-radius:100%;border:1px solid #015198} 
.about_history .lists .swiper-page>div.slide-button-next {left:auto;right:-.7rem;background:url(/public/common/images/icon8.png)   center center no-repeat;background-size:.25rem .14rem;}
.about_history .lists  .swiper-page>div:hover{background:#015198 url(/public/common/images/icon7-7.png)  center center no-repeat;background-size:.25rem .14rem}
.about_history .lists  .swiper-page>div.slide-button-next:hover{background:#015198 url(/public/common/images/icon8-8.png)  center center  no-repeat;background-size:.25rem .14rem}
.about_honor{background:#f8f8f8}
.about_honor .title{text-align:center;padding:.95rem 0 .35rem}
.about_honor .title h1{font-size:.36rem;color:#015198;font-weight:bold;padding:0  0 .25rem;position:relative;}
.about_honor .title h1:after{content:"";position:absolute;background:#015198;width:.46rem;height:.09rem;left:50%;transform:translateX(-50%);border-radius:50px;bottom:0}
.about_honor .lists{padding:0 1.1rem}
.about_honor .lists .swiper-container{padding:.2rem 0 }
.about_honor .lists .items a {background:#FFF;border:1px solid #c9c9c9;border-radius:18px;overflow:hidden;padding:.15rem;text-align:center;}
.about_honor .lists .items a:hover img{transform:scale(1.1)}
.about_honor .lists .items h2{font-size:.16rem;color:#3c3d3d;text-align:center;margin:.25rem 0 0;opacity:0;transform:translateY(.2rem)}
.about_honor .lists .swiper-slide-active .items h2{opacity:1;transform:translateY(0rem)}
.about_honor .lists .swiper-page{display:flex;justify-content: center;margin:.25rem  0 0 ;padding:0 0 .8rem}
.about_honor .lists .swiper-page>div{width:.5rem;height:.5rem;border:1px solid #5f5f5f;margin:0 .15rem;border-radius:100%;text-align:center;line-height:.5rem;color:#5f5f5f;font-size:.24rem}
.about_honor .lists .swiper-page>div:hover{background:#015198;color:white;border:1px solid #015198}
.about_workshop{background:#f6fbff;padding:0 0 1.28rem}
.about_workshop .title{text-align:center;padding:1rem 0 .55rem} 
.about_workshop .title h1{font-size:.36rem;color:#015198;font-weight:bold;padding:0  0 .25rem;position:relative;}
.about_workshop .title h1:after{content:"";position:absolute;background:#015198;width:.46rem;height:.09rem;left:50%;transform:translateX(-50%);border-radius:50px;bottom:0}
.about_workshop .lists .items a{position:relative;overflow:hidden}
.about_workshop .lists .items a:after{content:"";position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:100%;height:.8rem;bottom:0;left:0;background-size:cover}
.about_workshop .lists .items a h2{position:absolute;left:50%;transform:translateX(-50%);font-size:.19rem;color:white;z-index:2;bottom:.35rem}
.about_workshop .lists .items a:hover img{transform:scale(1.1)}
.about_workshop .lists  .swiper-page{display:flex;margin:.5rem 0 0;justify-content: center;}
.about_workshop .lists  .swiper-page .slide-button-prev,.about_workshop .lists  .swiper-page .slide-button-next{width:.38rem;height:.38rem;line-height:.38rem;background:#015198;text-align:center;color:white;font-size:.18rem;;border-radius:5px;margin:0 .06rem;;padding:0 .1rem;}
.about_workshop .lists  .swiper-page .slide-pagination span{width:.38rem;height:.38rem;line-height:.38rem;border-radius:0;text-align:center;margin:0 .06rem;opacity:1;background:white;font-size:.16rem;color:#535353;border-radius:5px}
.about_workshop .lists  .swiper-page  .slide-pagination span.swiper    -pagination-bullet-active{background:#015198;color:white}
.about_workshop .lists  .swiper-page  .slide-pagination span:hover{background:#015198;color:white;}
.footer{border-top:1px solid #dcdcdc}
.footer .top>div{display:flex;justify-content: space-between;padding:.75rem 0 0}
.footer .top .fot_nav{width:48.8%;display:flex;justify-content: space-between;padding:.2rem 0 0}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:#3a3939}
.footer .top .fot_nav dl dt {margin:  0 0 .2rem}
.footer .top .fot_nav dl  dd{margin:0 0 .15rem}
.footer .top .fot_nav dl  dd:last-child{margin:0}
.footer .top .fot_nav dl  dd a{font-size:.14rem;color:#929393}
.footer .top .right{width:35%;display:flex;justify-content: flex-end;padding: 0 0 .75rem}
.footer .top .right .box{display:inline-block;text-align:center}
.footer .top .right .box a{height:.58rem;line-height:.58rem;background:#18337d;display:inline-block;position:relative;border-radius:50px;font-size:.18rem;color:white;font-weight:bold;padding:0 .26rem 0 .63rem }
.footer .top .right .box a:after{content:'';position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.3rem;height:.29rem;background-size:100%;left:15%;top:50%;transform:translateY(-50%)}
.footer .top .right .box .text h1{font-size:.3rem;color:#929292;font-weight:bold;padding:.4rem 0 .3rem }
.footer .top .right .box .text h2{font-size:.16rem;color:#9c9c9c;margin:0 0 .45rem}
.footer .top .right .box .text p{font-size:.14rem;color:#9c9c9c;margin:0 0 .1rem}
.footer .top .right .box .text p:last-child{margin:0}
.footer .bot{background:#18337d}
.footer .bot>div{display:flex;height:.8rem;line-height:.8rem;align-items: center;}
.footer .bot>div>*{font-size:.16rem;color:#e9e9e9}
.footer .bot>div a{margin-left:.3rem}
.product_nav{background:#f8f8f8;border-bottom:2px solid #ebebeb}
.product_nav ul{display:flex;height:.75rem;line-height:.75rem}
.product_nav ul li{margin-right:.65rem}
.product_nav ul li a{font-size:.16rem;color:#212122;position:relative}
.product_nav ul li a:after{content:"";position:absolute;width:0;left:50%;transform:translateX(-50%);bottom:0;height:2px;background:#015198;transition:.5s}
.product_nav ul li a:hover,.product_nav ul li.active a{color:#015198;transition:.5s}
.product_nav ul li a:hover:after,.product_nav ul li.active a:after{width:100%;transition:.5s}
.product_box .list{background:#f8f8f8}
.product_box .list>div{padding:1.14rem 0 2.45rem}
.product_box .list>div .items{display:flex;justify-content: space-between;margin:0 0 1.05rem}
.product_box .list>div .items:nth-child(1){background:url(/public/common/images/icon11.png) 22% bottom no-repeat}
.product_box .list>div .items:nth-child(2){background:url(/public/common/images/icon12.png) right bottom no-repeat}
.product_box .list>div .items:nth-child(4){background:url(/public/common/images/icon13.png) right 89% no-repeat;margin:0}
.product_box .list>div .items.xss{flex-direction:row-reverse;}
.product_box .list>div .items.xss .text{padding-left:.6rem}
.product_box .list>div .items.xss .text>p{width:80%}
.product_box .list>div .items .img{width:49.5%}
.product_box .list>div .items .text{width:49.5%;}
.product_box .list>div .items .text>h1{padding:.4rem 0 .2rem;font-size:.46rem;color:#272626;font-weight:bold}
.product_box .list>div .items .text>h1 em{color:#015198}
.product_box .list>div .items .text h2{font-size:.16rem;color:#7b7a7a;margin:0 0 .5rem}
.product_box .list>div .items .text>p{font-size:.16rem;color:#343434;width:73%;line-height:.3rem}
.product_box .list>div .items .text ul{display:flex;margin:.7rem 0 0}
.product_box .list>div .items .text ul li {text-align:center;margin-right:.9rem}
.product_box .list>div .items .text ul li:hover p{transform:translateY(-.1rem)}
.product_box .list>div .items .text ul li:last-child{margin:0}
.product_box .list>div .items .text ul li p{height:.8rem;}
.product_box .list>div .items .text ul li h1{font-size:.16rem;color:#333333}
.product_box .list>div .items .text>a{display:inline-block;margin:1rem 0 0;width:1.22rem;height:.5rem;line-height:.5rem;background:#015198;color:white;text-align:center;font-size:.16rem;color:white}
.product_lists{background:#f8f8f8;padding:0 0 2.1rem}
.product_lists .title{text-align:center;padding:.8rem 0 .75rem}
.product_lists .title h1{font-size:.48rem;color:#015198;font-weight:bold;display:inline-block;position:relative;padding-right:.5rem}
.product_lists .title h1:after{position:absolute;content:"";background:url(/public/common/images/icon14.png) 0 0 no-repeat;width:.23rem;height:.41rem;;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.product_lists .lists .items{padding:0 .13rem;margin:0 0 .53rem}
.product_lists .lists .items a{background:white}
.product_lists .lists .items a h2{padding:.55rem .3rem .3rem;font-size:.18rem;color:#323131}
.product_lists .lists .items a  span{height:.6rem;line-height:.6rem;width:100%;display:inline-block;text-align:center;border-top:2px solid #f4f4f4;font-size:.16rem;color:#646464}
.product_lists .lists .items a:hover img{transform:scale(1.1)}
.product_lists .page{display:flex;align-items: center;justify-content: center;padding:.3rem 0 0}
.product_lists .page a{width:.35rem;height:.35rem;background:#dbdbdb;font-size:.16rem;text-align:center;line-height:.35rem;border:1px solid #dcdcdc;margin:0 .03rem;border-radius:0;color:#535353;background:white}
.product_lists .page a.page-item {width:.35rem;padding:0 .11rem;color:#535353;margin:0 .12rem;border:1px solid #dcdcdc}
.product_lists .page a.page-num-current,.product_lists .page a:hover{background:#015198;color:white;border:1px solid #015198;}
.product{padding:.93rem 0 0;background:#f8f8f8}
.product .infos{padding:.58rem 0 0 }
.product .infos>div{display:flex;background:white}
.product .infos .lefts{width:50%;padding:.85rem .6rem 0 }

.product .infos .lefts h2{font-size:.18rem;color:#515151;display:inline-block;border:1px solid #dfdfdf;border-radius:50px;height:.5rem;line-height:.5rem;padding: 0 .3rem;margin:0 0 .5rem}
.product .infos .rights{width:50%;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.product .infos .lefts  h3{font-size:.36rem;color:#2d2e2f;padding:0 0 .35rem;border-bottom:1px solid #e3e3e3;margin:0 0 .5rem}
.product .infos .lefts  ul li{margin:0 0 .15rem}
.product .infos .lefts  ul li p{color:#2d2e2f;font-size:.2rem}
.product .infos .lefts  ul li:last-child{margin:0}
.product .infos .lefts  a{margin:.95rem 0 0;display:inline-block;height:.5rem;line-height:.5rem;padding:0  .3rem;background:#015198;text-align:center;border-radius:50px;color:white;font-size:.18rem}
.product .infos .rights .bigimg{border:1px solid #ccc;position: relative;z-index: 20;}
.product .infos .rights .thumbs{padding:.2rem .4rem;position:relative}
.product .infos .rights .thumbs .navigation{}
.product .infos .rights .thumbs .navigation>div{position:absolute;top:0;cursor:pointer;font-size:.3rem;color:#444;height:100%;background:#f8f8f8;width:.3rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.product .infos .rights .thumbs .navigation>div.swiper-button-disabled{color:#999}
.product .infos .rights .thumbs .navigation .left{left:0}
.product .infos .rights .thumbs .navigation .right{right:0}
.product .infos .rights .thumbs .navigation>div:hover{background:#015198;color:white}
.product .infos .rights .thumbs .swiper-slide{border:2px solid #ddd;cursor:pointer}
.product .infos .rights .thumbs .swiper-slide-thumb-active{border:2px solid #015198}
.product .bot{padding:0rem 0 .5rem;margin:1rem 0 0}
.product .bot .title{border-bottom:1px solid #d9d9d9}
.product .bot .title h2{display:inline-block;line-height:.45rem;background:#015198;color:#fff;padding:0 .3rem;font-size:.18rem}
.product .bot  .con{padding:.4rem 0;font-size:.16rem;color:black}
.news_nav{background:#f8f8f8;border-bottom:2px solid #ebebeb}
.news_nav ul{display:flex;height:.75rem;line-height:.75rem}
.news_nav ul li{margin-right:.65rem}
.news_nav ul li a{font-size:.16rem;color:#212122;position:relative}
.news_nav ul li a:after{content:"";position:absolute;width:0;left:50%;transform:translateX(-50%);bottom:0;height:2px;background:#015198;transition:.5s}
.news_nav ul li a:hover,.news_nav ul li.active a{color:#015198;transition:.5s}
.news_nav ul li a:hover:after,.news_nav ul li.active a:after{width:100%;transition:.5s}
.news_box{background:#f8f8f8}
.news_box .title{text-align:center;padding:.65rem 0 .55rem;}
.news_box .title h1{font-size:.46rem;color:#015198;font-weight:bold}
.news_box .lists>div{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists>div:after{content:"";width:31.4%}
.news_box .lists .items{width:31.4%;margin:0 0 .43rem;border-top:1px solid #dedede}
.news_box .lists .items a{padding:.5rem .28rem .35rem;;border-radius:10px }
.news_box .lists .items:hover{border-top:1px solid rgba(0,0,0,0)}
.news_box .lists .items a:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);background:white;}
.news_box .lists .items a h1{font-size:.2rem;color:#313131;line-height:.25rem;height:.5rem;margin:.25rem 0 .5rem}
.news_box .lists .items a  .more{display:flex;justify-content: space-between;align-items: center;}
.news_box .lists .items a  .more h2{font-size:.16rem;color:#999999}
.news_box .lists .items a  .more  p{font-size:.16rem;color:#999999}
.news_box .lists .items a  .more  p em{font-size:.25rem;color:#323232;font-weight:bold}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .page{display:flex;align-items: center;justify-content: center;padding:.52rem 0 2.05rem}
.news_box .page a{width:.35rem;height:.35rem;background:#dbdbdb;font-size:.16rem;text-align:center;line-height:.35rem;border:1px solid #dcdcdc;margin:0 .03rem;border-radius:0;color:#535353;background:white}
.news_box .page a.page-item {width:.35rem;padding:0 .11rem;color:#535353;margin:0 .12rem;border:1px solid #dcdcdc}
.news_box  .page a.page-num-current,.news_box  .page a:hover{background:#015198;color:white;border:1px solid #015198;}
.sales .capacity>div{padding:0 0 1.42rem}
.sales .capacity .title{text-align:center;padding:.75rem 0  .5rem}
.sales .capacity .title h1{font-size:.48rem;color:#015198;font-weight:bold}
.sales .capacity .title p{font-size:.24rem;color:#7e7e7e;margin:.2rem 0 0}
.sales .capacity .infos{margin:0 0 1.1rem}
.sales .capacity .infos p{font-size:.16rem;color:#4a4a4b;line-height:.3rem;text-align:center}
.sales .capacity ul{display:flex;justify-content: space-between;}
.sales .capacity ul li{width:26.1%;position:relative}
.sales .capacity ul li h2{position:absolute;left:50%;transform:translateX(-50%);font-size:.3rem;color:white;bottom:13%}
@-moz-keyframes warn{
	0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
	100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
	}
	@-o-keyframes warn{
	0%{-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-o-transform:scale(1);transform:scale(1);opacity:0}
	}
	@keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
	}
.sales .network .infos .area-box{position:absolute;right:27.3%;top:41.2%;}
.sales .network .infos .area-box h2{font-size:.24rem;color:#015198;position:absolute;width:1.5rem;left:.2rem;;text-align:left;bottom:-.21rem}
.area-box .dot{position:absolute;left:0;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#015198;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-27px;left:-27px;height:66px;width:66px;border:2px solid #015198;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #015198,0 0 10px #015198 inset;-moz-box-shadow:0 0 4px #015198,0 0 10px #015198 inset;box-shadow:0 0 4px #015198,0 0 10px #015198 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.sales  .network{background:#f5faff;padding:0 0 .2rem}
.sales  .network .title{text-align:center;padding:1.1rem 0 .7rem}
.sales  .network .title h1{font-size:.48rem;color:#015198;font-weight:bold}
.sales  .network .title p{font-size:.24rem;color:#7e7e7e;margin:.2rem 0 0}
.sales  .network  .infos{position:relative;text-align:center}
.sales  .network  .infos .img{display:inline-block}
.sales .partners{background:#f8f8f8;padding:0 0 1.3rem}
.sales .partners .title{text-align:center;padding:.1rem 0  .5rem}
.sales .partners .title h1{font-size:.48rem;color:#015198;font-weight:bold}
.sales .partners .title p{font-size:.24rem;color:#7e7e7e;margin:.2rem 0 0}
.sales .partners .lists .swiper-container{}
.sales .partners .lists .items{padding:.06rem;}
.sales .partners .lists .items a{overflow:hidden}
.sales .partners .lists .items a:hover img{transform:scale(1.1)}
.sales .partners .lists .slide-pagination{text-align:center;margin:.66rem 0 0 }
.sales .partners .lists .slide-pagination span{width:.16rem;height:.16rem;opacity:1;background:none;border:2px solid #015198;margin:0 .12rem}
.sales .partners .lists .slide-pagination span.swiper-pagination-bullet-active{background:#015198}
.contact_box{background:url(/public/common/images/icon16.jpg) 0 0 no-repeat;background-size:cover}
.contact_box .bg56{padding:1.4rem 1.05rem 1.2rem 2.1rem;display:flex;justify-content: space-between;}
.contact_box .bg56 .left{width:43.5%;padding:1.4rem 0 0}
.contact_box .bg56 .left>h2{font-size:.48rem;color:#015198;font-weight:bold}
.contact_box .bg56 .left>h3{font-size:.3rem;color:#828282;margin:.6rem 0 .34rem}
.contact_box .bg56 .left .info{display:flex;align-items: center;margin:0 0 1rem}
.contact_box .bg56 .left .info a{font-size:.18rem;color:#03438c;padding-left:.32rem;position:relative}
.contact_box .bg56 .left .info a:after{content:'';position:absolute;background:url(/public/common/images/icon15.png) 0 0 no-repeat;width:.18rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .bg56 .left .info p{font-size:.18rem;color:#838181;margin-left:1rem}
.contact_box .bg56 .left ul li{margin:0 0 .3rem;}
.contact_box .bg56 .left ul li:last-child{margin:0}
.contact_box .bg56 .left ul li h1{font-size:.24rem;color:#616161;margin:0 0 .1rem}
.contact_box .bg56 .left ul li p{font-size:.3rem;color:#015198;font-weight:bold}
.contact_box .bg56 .right{width:52%;background:white;padding:.85rem .9rem 1.2rem }
.contact_box .bg56 .right .title{margin:0 0 .7rem}
.contact_box .bg56 .right .title h1{font-size:.24rem;color:#515151;margin:0 0 .2rem}
.contact_box .bg56 .right .title p{font-size:.16rem;color:#9a9a9a}
.contact_box .bg56 .right .form .input {margin:0 0 .5rem}
.contact_box .bg56 .right .form .input input{border:0;border-bottom:1px solid #e6e6e6;width:100%;height:.5rem;font-size:.18rem;color:black}
.contact_box .bg56 .right .form .button{margin:.3rem 0 0;display:inline-block}
.contact_box .bg56 .right .form .button input{height:.62rem;line-height:.62rem;border:0;width:1.4rem;text-align:center;background:#015198;border-radius:50px;font-size:.18rem;color:#faf4f4}
.contact_box .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.contact_box .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.3rem;}
.contact_box .fixed_box .mains.met_hidden{top:70%}
.tem_banner.index .label_text{position:absolute;left:2.1rem;top:48%;z-index:2}
.tem_banner.index .label_text h1{font-size:.72rem;color:white;letter-spacing:10px;margin:0 0 .2rem}
.tem_banner.index .label_text p{font-size:.3rem;color:white}
.tem_banner.index .slide-pagination{position:absolute;left:2.1rem;bottom:8.5%;z-index:2}
.tem_banner.index .slide-pagination span{width:.1rem;height:.1rem;background:white;opacity:1;margin:0 .18rem;position:relative}
.tem_banner.index .slide-pagination span:after{content:'';position:absolute;background:url(/public/common/images/icon17.png) 0 0 no-repeat;width:.45rem;height:.44rem;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.5s;background-size:100%}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1;transform: translate(-50%,-50%) rotate(360deg);transition:.5s}
.tem_banner .mouse{background:url(/public/common/images/icon18.png) 0 0 no-repeat;width:.17rem;height:.27rem;position:absolute;left:50%;transform:translateX(-50%);bottom:8%;background-size:100%;z-index:2;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:0%
	}
	to{
		bottom:5%
	}
}
.index_about  {background:url(/public/common/images/icon18.jpg) 0 0 no-repeat;background-size:cover}
.index_about  .title{text-align:center;padding:1rem 0 .35rem }
.index_about  .title h1{font-size:.4rem;color:#3d3c3d;margin:0  0 .2rem;font-weight:bold}
.index_about  .title h2{font-size:.24rem;color:#4f4f4f }
.index_about  .infos{font-size:.14rem;color:#717171;text-align:center;padding:0 1.66rem .38rem;line-height:.25rem}
.index_about  ul{display:flex;align-items: center;justify-content: center;padding:.9rem 0}
.index_about  ul li {padding:0 1.1rem;text-align:center}
.index_about  ul li  .img{overflow:inherit}
.index_about  ul li:hover img{transform:translateY(-.1rem)}
.index_about  ul li h1{font-size:.24rem;color:#015198;font-weight:bold;padding:.1rem 0 }
.index_about  ul li h1 em{font-size:.48rem;}
.index_about  ul li p{font-size:.16rem;color:#424247;font-weight:bold}
.index_about .bot{text-align:center;padding:0 0 1rem}
.index_about .bot h2{display:inline-block;width:2.1rem;height:.6rem;line-height:.6rem;background:#015198;border-radius:50px;font-size:.2rem;color:white}
.index_thing{background:#f8f8f8}
.index_thing .title {text-align:center;background:#f8f8f8;margin:0 0 .5rem;position:relative}
.index_thing .title:after{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;height:6px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_thing .title:before{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;height:6px;top:50%;transform:translateY(-50%) rotate(180deg);right:0;background-size:100%}
    
.index_thing .title h1{font-size:.48rem;color:#3d3c3d;display:inline-block}
.index_thing .infos{position:relative}
.index_thing .infos h2{position:absolute;top:25%;font-size:.16rem;color:white;width:23%;font-style:italic;line-height:.25rem;left:13%}
.index_thing .infos .items{position:absolute}
.index_thing .infos  .img{position:relative}
.index_thing .infos  .img:after{content:"";position:absolute;background:url(/public/common/images/icon20.png) 0 0 no-repeat;width:86.8%;height:2.56rem;left:0;top:36.5%;background-size:100%}
.index_thing .infos .items{position:absolute;width:15%}
.index_thing .infos .items p{font-size:.16rem;color:white;line-height:.28rem;}
.index_thing .infos .items1{left:40.4%;top:32.1%}
.index_thing .infos .items .area-box{position:absolute;right:33.5%;bottom:-.2rem}
.index_thing .infos .items2{left:57.25%;top:16.1%}
.index_thing .infos .items3{left:76.4%;top:24.5%}
.index_product{padding:1.1rem 0 0;background:url(/public/common/images/icon21.jpg) 0 0 no-repeat;background-size:cover}
.index_product>.title{text-align:center;margin:0 0 1.25rem;position:relative}
.index_product>.title h1{font-size:.48rem;color:#3d3c3d;display:inline-block}
.index_product>.title:after{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;height:6px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_product>.title:before{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;height:6px;top:50%;transform:translateY(-50%) rotate(180deg);right:0;background-size:100%}
.index_product .lists .box .items .infos{display:flex;justify-content: space-between;}
.index_product .lists .box .items .infos .left{width:50.5%}
.index_product .lists .box .items .infos .left .slide-pagination{padding:.3rem 0 .63rem}
.index_product .lists .box .items .infos .left .slide-pagination span{width:.14rem;height:.14rem;opacity:1;background:none;border:2px solid white ;margin:0 .05rem}
.index_product .lists .box .items .infos .left .slide-pagination span.swiper-pagination-bullet-active{background:#015198;border:2px solid #015198}
.index_product .lists .box .items .infos .left a{background:white}
.index_product .lists .box .items .infos .left a h2{padding:.55rem .3rem .3rem;font-size:.18rem;color:#323131}
.index_product .lists .box .items .infos .left a  span{height:.6rem;line-height:.6rem;width:100%;display:inline-block;text-align:center;border-top:2px solid #f4f4f4;font-size:.16rem;color:#646464}
.index_product .lists .box .items .infos .left a:hover img{transform:scale(1.1)}
.index_product .lists .box .items .infos .right .title{padding:}
.index_product .lists .box .items .infos .right .title h1{font-size:.36rem;color:#7a7a7a;}
.index_product .lists .box .items .infos .right .title h2{font-size:.36rem;color:#333333;font-weight:bold;margin:.3rem 0 .2rem}
.index_product .lists .box .items .infos .right .title h3{font-size:.16rem;color:#6d6c6c}
.index_product .lists .box .items .infos .right ul{display:flex;justify-content: space-between;margin:.7rem 0 0;align-items: center;}
.index_product .lists .box .items .infos .right ul li {padding:0 .15rem;text-align:center}
.index_product .lists .box .items .infos .right ul li h1{font-size:.16rem;color:#333333;margin:.25rem 0 0}
.index_product .lists .box .items .infos .right>a{margin:1rem 0 0;width:2rem;height:.6rem;line-height:.6rem;background:#015198;text-align:center;font-size:.16rem;color:white;border-radius:30px 5px 30px 5px;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_product .lists>div>ul{display:flex;justify-content: space-between;}
.index_product .lists>div>ul li{width:24.8%}
.index_product .lists>div>ul li a{position:relative;height:.78rem;background:white;cursor:pointer;font-size:.24rem;color:#393838;display:flex;flex-direction: column;align-items: flex-end;justify-content: center;padding:0 .3rem 0 1rem }
.index_product .lists>div>ul li:nth-child(1) a:after{position:absolute;content:"";background:url(/public/common/images/icon22.png) 0 0 no-repeat;width:.47rem;height:.33rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(2) a:after{position:absolute;content:"";background:url(/public/common/images/icon23.png) 0 0 no-repeat;width:.38rem;height:.38rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(3) a:after{position:absolute;content:"";background:url(/public/common/images/icon24.png) 0 0 no-repeat;width:.37rem;height:.37rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(4) a:after{position:absolute;content:"";background:url(/public/common/images/icon25.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(5) a:after{position:absolute;content:"";background:url(/public/common/images/icon26.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}

.index_product .lists>div>ul li#current:nth-child(1)  a:after{position:absolute;content:"";background:url(/public/common/images/icon22-2.png) 0 0 no-repeat;width:.47rem;height:.33rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li#current:nth-child(2)  a:after{position:absolute;content:"";background:url(/public/common/images/icon23-2.png) 0 0 no-repeat;width:.38rem;height:.38rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li#current:nth-child(3)  a:after{position:absolute;content:"";background:url(/public/common/images/icon24-2.png) 0 0 no-repeat;width:.37rem;height:.37rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li#current:nth-child(4)  a:after{position:absolute;content:"";background:url(/public/common/images/icon25-2.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li#current:nth-child(5)  a:after{position:absolute;content:"";background:url(/public/common/images/icon26-2.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}

.index_product .lists>div>ul li#current a,.index_product .lists>div>ul li a:hover{background:#015198;color:white;transition:.3s}
.index_product .lists>div>ul li:nth-child(1) a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon22-2.png) 0 0 no-repeat;width:.47rem;height:.33rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(2) a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon23-2.png) 0 0 no-repeat;width:.38rem;height:.38rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(3) a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon24-2.png) 0 0 no-repeat;width:.37rem;height:.37rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(4) a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon25-2.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}
.index_product .lists>div>ul li:nth-child(5) a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon26-2.png) 0 0 no-repeat;width:.43rem;height:.49rem;top:50%;transform:translateY(-50%);left:10%;background-size:100%;transition:.3s}

.index_technical{background:#f8f8f8;padding:0 0 .8rem}
.index_technical .title{text-align:center;padding:1.15rem 0 .55rem}
.index_technical .title h1{font-size:.48rem;color:#3d3c3d}
.index_technical .infos ul{display:flex;justify-content: space-between;}
.index_technical .infos ul li{width:31.5%;position:relative}
.index_technical .infos ul li:hover img{transform:scale(1.1)}
.index_technical .infos ul li h2{position:absolute;width:88%;left:50%;transform:translateX(-50%);bottom:5%;font-size:.2rem;color:white;padding:0 0 .33rem;border-bottom:1px solid  #787879}
.index_news{padding:1rem  0 .9rem}
.index_news .title{text-align:center;margin:0 0 1.05rem;position:relative}
.index_news .title h1{font-size:.48rem;color:#3d3c3d;display:inline-block}
.index_news .title:after{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;;height:6px;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_news .title:before{content:'';position:absolute;background:url(/public/common/images/icon19.png) 0 0 no-repeat;width:41.05%;;height:6px;top:50%;transform:translateY(-50%) rotate(180deg);right:0;background-size:100%}
.index_news .infos>div{display:flex;justify-content: space-between;align-items: flex-start;}
.index_news .infos .left{width:42%}
.index_news .infos .left .zhiding a {display:block}
.index_news .infos .left .zhiding a  .img{overflow:hidden}
.index_news .infos .left .zhiding a .box{display:flex;padding:.15rem 0 .25rem;align-items: center;justify-content: space-between;}
.index_news .infos .left .zhiding a .box em{height:.4rem;line-height:.4rem;padding: 0 .2rem;border-radius:50px;border:1px solid #c3c3c3;font-size:.17rem;color:#717171}
.index_news .infos .left .zhiding a span{font-size:.16rem;color:#717171;}    
.index_news .infos .left .zhiding a h1{font-size:.32rem;color:#262626;line-height:.44rem;height:.88rem}
.index_news .infos .left .zhiding a:hover img{transform:scale(1.1)}
.index_news .infos .left>a {display:inline-block;height:.39rem;position:relative;margin:.5rem   0 0;line-height:.39rem;padding:0 .5rem;background:#18337d;color:#ffffff;font-size:.18rem;border-radius:50px}
.index_news .infos .left>a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:.2rem;top:50%;transform:translateY(-50%);font-size:.2rem}
.index_news .infos .right{width:50%;height:5.74rem}
.index_news .infos .right *{transition:0s}
.index_news .infos .right .items {margin:0 0 .52rem}
.index_news .infos .right .items a  .img{overflow:hidden;transition:.3s}
.index_news .infos .right .items a  .img img{transition:.3s}
.index_news .infos .right .items a:hover img{transform:scale(1.1);transition:.3s}
.index_news .infos .right .items a:hover .text em{border:1px solid #18337d;color:white;background:#18337d;transition:.3s;}
.index_news .infos .right .items a{display:flex;justify-content: space-between;align-items: center;padding:0 0 .55rem;border-bottom:2px solid #d3d3d4}
.index_news .infos .right .items a .text{width:58%}
.index_news .infos .right .items a .text em{font-size:.14rem;height:.3rem;line-height:.3rem;display:inline-block;color:#717171;border:1px solid #717171;border-radius:50px;padding:0 .15rem;margin:0 0 .2rem;transition:.3s}
.index_news .infos .right .items a .text h1{font-size:.2rem;color:#262626;line-height:.25rem;height:.5rem;font-weight:bold}
.index_news .infos .right .items a .text span{font-size:.14rem;color:#717171;display:inline-block;margin:.05rem 0 0}
.index_news .infos .right .items a .img{width:37%}
.index_sale{background:#f8f8f8;padding:1.05rem 0 .9rem}
.index_sale>div{position:relative}
.index_sale .box{position:absolute;top:50%;transform:translateY(-50%);left:.85rem}
.index_sale .box h2{font-size:.36rem;color:white;margin:0 0 .45rem}
.index_sale .box .text p{font-size:.14rem;color:white;line-height:.25rem}
.index_sale .box a{display:inline-block;margin:.45rem 0 0;border:1px solid white;height:.4rem;line-height:.4rem;padding:0 .3rem;font-size:.15rem;color:white;border-radius:50px}
.index_sale .box a:hover{background:white;color:#18337d}
/********<=767 mobile nav     style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-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:#015198;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:#015198}
.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********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
.tem_banner.index .label_text{left:1.1rem;}

.tem_banner.index .slide-pagination{left:1.1rem}
.index_thing .infos .items{width:18%}
.index_thing .infos .items1{left:38.4%;top:29.1%}
.index_thing .infos .items .area-box{position:absolute;right:33.5%;bottom:-.2rem}
.index_thing .infos .items2{left:55.25%;top:13.1%}
.index_thing .infos .items3{left:74.4%;top:21.5%}
.about .about_company .top .right ul{padding-left:.2rem}


}
@media(max-width:1440px){
	.index_product .lists .box .items .infos .right>a{margin:.5rem 0 0}
	.index_thing .infos h2{left:5%}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner.index .label_text{top:40%}
	.index_about .infos{padding:0;margin:0 0 .3rem}
	.index_about ul li{padding:0 .3rem}
	.index_thing .title:after{width:31.05%;background-size:contain;height:2px}
.index_thing .title:before{width:31.05%;background-size:contain;height:2px }
.index_thing .infos .img img{height:7rem}
.index_thing .infos h2{top:1%;left:1%;width:60%}
.index_thing .infos .img:after{display:none}
.index_thing .infos .items{width:40%}
.index_thing .infos .items1{left:0.4%;top:65%}
.index_thing .infos .items .area-box{position:absolute;right:33.5%;bottom:-.2rem}
.index_thing .infos .items2{left:15.25%;top:45.1%}
.index_thing .infos .items3{left:55.4%;top:35.5%}
.index_product .lists .box .items .infos{display:inherit}
.index_product .lists .box .items .infos .left{width:100%}
   .index_product .lists .box .items .infos .right{width:100%;margin: 0 0 .3rem}
   .index_product .lists>div>ul{display:flex;flex-wrap: wrap;}
   .index_product .lists>div>ul li{width:50%}
   .index_technical .infos ul{display:inherit}
   .index_technical .infos ul li{width:100%;margin:0 0 .2rem}
   .index_news .infos>div{display:inherit}
   .index_news .infos .left{width:100%;margin:0 0 .5rem}
   .index_news .infos .right{width:100%}
   .footer .top .fot_nav{display:none}
   .index_sale .box .text{display:none}
   .index_sale .box a{margin:0}    
   .footer .top .right{width:100%}
   .footer .top .right .box{width:100%}
   .about .about_nav ul li{margin-right:.1rem}
  .tem_banner.indise .flash .txt{top:35%}
  .about .about_company .top>div{display:inherit}
  .about .about_company .top .left{width:100%;border-right:0;padding:1.2rem .0rem 0 0;}
  .about .about_company .top .right{width:100%;}
 .about .about_company .top .right ul{display:flex;justify-content: space-between;}
 .about .about_culture .lists .items{display:inherit}
 .about .about_culture .lists .items .img{width:100%}
 .about .about_culture .lists .items .txt{width:100%;padding:.2rem 0 }
 .about_history .lists .swiper-page>div{left:-.2rem;} 
.about_history .lists .swiper-page>div.slide-button-next {left:auto;right:-.2rem}
.about_honor .lists{padding:0 .4rem}
.product_nav ul{display:flex;flex-wrap: wrap;height:auto;line-height:normal}
.product_nav ul li{width:50%;margin:0;text-align:center; }
.product_nav ul li a{padding:.1rem 0}
.product_box .list>div .items{display:inherit}
.product_box .list>div .items .text{width:100%}
.product_box .list>div .items .text ul li p{height:auto}
.product_box .list>div .items .img{width:100%;margin:.2rem 0 0}
.product .infos>div{display:inherit}
.product .infos .lefts{width:100%}
.product .infos .rights{width:100%;margin:.3rem 0 0}
.product{padding:1.5rem 0 0}
.news_box .lists .items{width:49%}
.sales .network .infos .area-box h2{width:2rem;left:.4rem}
.contact_box .bg56{padding:.2rem;display:inherit;}
.contact_box .bg56 .left{width:100%;margin:0 0 .3rem}
.contact_box .bg56 .right{width:100%}
}