@charset "UTF-8";
.wap_head,.wap_nav{display:none}
@media screen and (max-width:1180px){html{overflow-x:hidden}
.none{display:block}
body{transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;position:relative;left:0px}
.wap_head{height:50px;width:100%;position:fixed;left:0px;top:0px;z-index:100;border-bottom: 1px solid #f5f5f5;background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;padding: 0 3%;}
.wap_head .menu{font-size: 24px;color:#333;line-height:50px;text-align:center;}
.wap_head .return{line-height:50px;height:50px;position:fixed;left:0%;width:50px;text-align:center}
.wap_head .wap_logo{display:block;color:#333;font-size:16px;font-family: 'Oswald', sans-serif;}
.wap_head img{height:30px;margin-top:10px}
.wap_head i{color:#fff}
.wap_nav select{margin:10px 5%;display:block;padding:5px 0;font-size:14px;color:#999;border-bottom:1px solid #f5f5f5;width:90%}
.wap_nav{display:block;width:100%;position:fixed;left:100vw;transition:0.4s;height:100%;z-index:99;overflow-y:auto;padding-top:50px;display: flex;
flex-wrap: wrap;
justify-content: space-between;
display: -webkit-flex;

align-items:center;}
.wap_nav>ul{width:90%;margin:0 5%}
.wap_nav>ul>li>a{text-transform:capitalize;line-height:50px;color:#333;height:50px;width:100%;display:block;font-size: 18px;text-align: center;font-family: 'Oswald', sans-serif;}
.wap_nav>ul>li i{width:10%;font-size:12px;display:inline-block;color:#333;text-align:right}
.wap_nav>ul>li{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;}
.wap_nav>ul>li>ul>li>a{display:inline-block;width:80%;font-size:14px;text-transform:capitalize;padding-left:10px}
.wap_nav>ul>li>ul>li{display:flex;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;align-items:center;padding:5px 0}
.wap_nav>ul>li>ul{display:none;float:left;width:100%;padding-bottom:20px}
.wap_nav .sousuonr{overflow:hidden;margin-top:40px}
.wap_nav .sousuonr input{width:80%;float:left;height:40px;line-height:40px;font-size:14px;background:none;text-indent:3px}
.wap_nav .sousuonr button{line-height:40px;height:40px;float:right;background:none}
.wap_nav .sousuonr button i{font-size:16px;position:relative;top:1px}
.wap_nav .sousuonr form{height:40px;border-bottom:1px solid #f5f5f5;margin:0 5%}
.wap_nav>ul>li>ul>li>ul{width:100%;display:none;padding:10px 0}
.wap_nav>ul>li>ul>li>ul>li>a{display:block;width:100%;font-size:14px;text-transform:capitalize;padding:5px 0;padding-left:20px}
.wap_nav>ul>li>ul>li>ul>li>i{line-height:32px;height:32px}
body.wapnav{left:-100vw}
body.wapnav .wap_nav{left:0px}

.index_right a{width:33.33%;float:left;margin-bottom:0px;border-right:1px solid #eee;border-radius:0px}
.index_right{left:0px;bottom:0px;width:100%}
.index_right a:last-child{border:none}
.Customer_service{left:2%;right:2%;bottom:50px;width:96%;height:60%}
.box{width:100%}
.fenye{width:100%;margin-left:0%;border:none;padding:0px;margin-bottom:40px}
.fenye a{width:100%;margin-bottom:10px;font-size:14px}
.fenye a.fr{text-align:left}
.Pagination a,.Pagination i,.Pagination form{display:none}
.Pagination a:nth-child(1){display:block}
.Pagination a:last-child{display:block}
.Pagination a:last-child i{display:block}
.Pagination a:nth-child(1) i{display:block}
.Pagination span{display:none}
.index_right i{float:none}
.Pagination{margin:20px 0}



.indexNav{display: none;}
.margin{margin: 0 10px;}

.contact{padding-top: 70px;}
.contact h2,.about h2,.productShow h1,.indexproduct h2{font-size: 20px; text-align: center;}
.contact h3{font-size: 16px;  width: 90%;}
.contact ul li span,.contact ul li a{font-size: 14px;}
.contact input,.contact textarea{width: 94%;}
.contact button{width: 50%;}
.foot p,.about p{font-size: 14px;}
.foot{border-top:2px solid #080845;}

 
.swiper-button-prev{display: none;}
.swiper-button-next{display: none;}
.swiper-pagination span{width: 10px; height: 4px;}
.about{min-height:calc(100vh - 120px); padding-top: 70px;}
#indexBanner{ padding-top: 70px; }
.product{padding-top: 70px; }
.product ul li{ width: 48%; margin: 0 0 20px; }
.product ul{justify-content: space-between;}

.indexproduct p{margin: 10px 0% 10px;font-size: 14px;}
.product ul li h3{font-size: 15px;text-align: center;}
.product ul li p{font-size: 12px;display: none;}

.productShow{padding-top: 70px;}
.productShow .BJQ *{ font-size: 14px; }
.productShow .BJQ p{margin-bottom: 1em;}
#productShowImg{margin-top: 0px; margin-bottom: 40px;}
.indexproduct {padding-top: 20px;}
.indexproduct .more{margin: 10px auto 0;
    width: 30%;
    line-height: 36px;
    font-size: 14px;}
    .pageA{}
.pageA ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 70px 10px 20px;
}
.pageA ul li{
    width: 49%;
    margin-bottom: 10px;
}
.pageA ul li img{
    width: 100%;
    height: auto;
}
.pageA ul li em{
    display: block;
    margin: 0px;
}

}




@media (min-width:640px) and (max-width:1024px){}