@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1200px){
.pro .pou{margin:auto;display:block;}
.pro .pot{text-align:center;}
.pro .pot{width:100%;padding-top:20px;padding-bottom:20px;}
.pro .pot p{font-size:20px;}
.pro .pot samp{display:none;}
.sptx p{font-size:30px;}
.senp p{font-size:14px;}
.senp span{font-size:12px;line-height:inherit;}
.senu li{padding:20px;}
.senx i{font-size:30px;}
.sent{font-size:26px;padding: 40px 0 30px;color: #000;}
.senu{padding-bottom: 60px;}
.dzon{width:30%;}
.dyou{width: 22%;}

.abtex-a .bp2 samp{font-size:30px;line-height:30px;}
.abtex-b,.abtex-e{display:none;}
.abfu{padding: 0px 0 40px;}
.abimg{padding: 60px 20px 20px 0;}
.bit .bta p{font-size:30px;}
.bit .bta img{margin-right: 10px;}
.tec .item p{    line-height: 50px;}
.tec .item{font-size:14px;}
.tec .owl-stage-outer{padding:0;}
.top-nav p{padding:0 18px;}
.top-texb p{top: 150%;right:0;width: 200px;left:auto;width: 159px;}
.i-bang{background-size: 100% 100%;}

}

@media screen and (max-width:980px){
.top-texb{font-size:14px;}
.top-tex .top-texb:nth-child(2){margin: 0 14px;}
.top-you{position:absolute;top:100%;left:0;width:100%;background:#f7f7f7;height:100vh;overflow-y: auto;display:none;}
.top-nav ul>li{width:100%;}
.top-nav p{text-align:left;position:relative;line-height: 50px;}
.cs .top-nav p a{color:#333;}
#top{position:fixed;}
.top-nav li dl{position:static;}
.top-nav li dl dd{padding:0 34px;}
.top-cper{position:static;text-align: left;}
.top-cper .div{display:none;}
.top-cper ol li{text-align:center;}
.top-cper p{padding:0;}
.zhz{display:block;}
.top-logo{float:none;margin:auto;}
.top-tex{float:none;position:absolute;top:0;right:20px;}
.ship{margin-top:60px;}
.top-texa{margin:0 auto 0 0px;;}
.dl-aa,.dl-b{display:none;}
.beijin{padding:0;}
.senu li{padding: 20px;}
.banner{padding-top:60px;}
.ger{height: 140px;}
.ger p{font-size:26px;}
.yanbao-a{font-size: 22px;}
.i_product{margin: 40px auto;}
.i_product ul li .i_items h3{font-size:16px;}



.i-pro li a{display:block;}
.i-pro li .i-prb samp{position:static;display:block;margin-top:10px;font-size: 18px;}
.i-pro li .i-prb p{    font-size: 18px;margin-bottom:2px;}
.i-bang{margin-top:60px;padding:0;height: 180px;}
.products_con .products_con_t{padding:20px;}
.products_con_t .right h3{font-size: 18px;}
.products_con_t .right .txt p{line-height: 20px;}
.products_con_t .right .addm{margin-top: 45px;}
.products_con_b .title{font-size: 16px;}
.zilim li{margin-bottom:10px;width: 40%;}
.zilim li span{font-size:14px;}
.zilte{font-size: 22px;margin-top: 40px;}
.zilim ul img{    width: 100%;height:auto;}
.zelt{padding:20px;margin: 20px auto 40px;}
.zsti li .zsc{font-size:16px;}
.ztit{font-size:16px;}
.ztiu li .zta p{font-size:14px;}
.zelt-text h4{font-size: 20px;}


}


@media screen and (max-width:680px){
.banner{display:none;}
#banner{display:block;margin-top:60px;}
.pro{padding:0;width:100%;}
.pro ul{margin:auto;}
.pro li{float:none;width:100%;margin:0 auto 5px;}
.pro .pot p{margin-bottom:0;font-size: 18px;}
.spzi{display:none;}
.sptx p{font-size: 12px;}
.top-logo{width:40%;text-align:center;}
.top-tex .top-texb:nth-child(2){display:none;}
.top-texa{margin-left:10px;}
.top-tex{right:10px;width:auto;}
.senu li{flex: 0 1 calc((100% - 10px)/2);padding:10px;margin-bottom:10px;}
.sent{font-size:18px;padding: 30px 0 20px;}
.senx{margin-bottom: 5px;}
.senp p{font-size: 12px;}
.senp dd{width: 27%;margin-bottom:5px;}
.senu{padding-bottom:30px;}
.top-texb{font-size: 14px;}
.dyou{display:none;}
.dzon{width:100%;}
.dbt{padding: 30px 0 10px;}


.i-bang{height: 140px;}
.i-bang .dxu{font-size: 28px;}
.xwzx-a{width:100%;float:none;}
.xwbt{display:none;}
.xwzx-b{display:none;}
.ger{margin-top:49px;}
.ger p{font-size:20px;}
.zhonx{margin: 30px auto 50px;max-width:96%;}
.zhonx li{flex: 0 1 100%;;margin-bottom: 10px;}
.zhonx li a{padding: 10px 0;}
.gonton{margin-top:49px;}
.gonton p{font-size:20px;}
.poli{margin: 30px auto;padding: 15px;}
.poli-a{font-size: 18px;}
.poli-taxt td{padding: 5px;}
.yanbao{margin: 30px auto 30px;}
.yanbao-a{font-size:14px;}
.yanbao-c a{max-width: 160px;line-height: 36px;}
.conta{margin: 20px auto 0;}
.conta li{    margin-bottom: 20px;}
.conta li{width:100%;}
.i-pro{margin: 10px auto 30px;}
.i_product{margin:20px auto 20px;}
.i_product ul li{width:100%;margin:0 auto 10px;}
.i_product ul li .i_items p{display:none;}
.i_product ul li .i_items{padding: 10px;}
.i_product ul li .i_items h3 {font-size: 14px;}
.cpin .im2{display:block;}
.cpin {margin-top:49px;}
.cpin .im1{display:none;}
.products_con{margin: 80px auto 0;padding-top:0;}
.products_con .products_con_t{padding:0;}
.products_con .products_con_t .left{width:100%;margin:auto;float:none;}
.products_con_t .right{width:100%;float:none;margin:20px auto}
.products_con_t .right h3{font-size:16px;}
.products_con_t .right .txt h4{font-size:14px;}
.products_con_t .right .txt .xian{margin: 0;}
.products_con_t .right .txt p{line-height: 20px;}
.products_con_t .right .addm{margin:20px auto 0;}
.products_con_b .title{font-size:14px;}
.denluku{padding: 10px 20px 20px;}
.den-b p{margin:auto;height: 54px;}
.den-b input{line-height: 15px;}
.den-b a{margin: 0px auto 0;}
.denlu{height: auto;padding: 100px 0 60px;}
.den-a{margin:auto;font-size: 22px;}
.den2{width:96%;margin:40px auto;}
.den2 samp{margin-top: 20px;}
.denluku{flex: 0 1 100%;}
.dens{flex: 0 1 100%;margin-bottom:30px;}
.dens-b li{width:28%;}
.dens-a{margin-top:0;font-size: 25px;}
.den-b span{font-size:12px;}
.den-b .ax{margin: 40px auto 0;}
.den-bb p{display:block;}
.den-bb{position:sticky;margin-top:30px;bottom:0;}
.yan-a p:nth-child(1){margin:0 auto 10px;}
.yan-b p{height:auto;}
.yan-a p{flex: 0 1 100%;}
.cont li{width: 46%;margin-bottom:10px;font-size: 14px;}
.cont{margin: 30px auto 50px;}
.conxx{height: 200px;}
.conxx .sst span{font-size: 22px;}
.zelt-img{width:100%;}
.zelt-text{width:100%;margin:10px auto 0px;}
.zsti li{padding: 10px 0;}
.ztit{margin: 20px auto 10px;}
.ztiu li{flex-basis: 100%;max-width: 100%;margin: 0 auto 10px;width:100%;}
.ztiu ul{display:block;}
.i-pro li{width:100%;}
.aboa{width:100%;margin:auto;float:none;}
.abob{float:none;width:100%;padding:0;margin:20px auto ;}
.about{margin: 20px auto 30px;}

}