@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;}
.wap_nav>ul{width:90%;margin:0 5%}
.wap_nav>ul>li>a{text-transform:capitalize;line-height:45px;color:#333;height:45px;width:86%;display:block;font-size: 15px;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;border-bottom:1px solid #f5f5f5;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}
html.html{overflow-y: hidden;}
.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}
/*wap_navs_tyle_end*/



.indexNav{display: none;}
.banner{  margin-top: 50px; }
.bannerTxt h3{font-size: 20px;text-transform: inherit;font-weight: normal;}
.bannerTxt p{font-size: 14px;   }
.banner i{    font-size: 30px;
    margin-left: -15px;}
 
.banner img{height:30vh;}
 .indexServices h4{font-size: 16px; text-align: center;}
.indexServices ol{margin: 20px; padding: 0px;}
.indexServices ol li{width: 48%; margin-bottom: 20px}

.indexServices{padding: 20px 0;}
.indexAbout,.indexServices .BJQ,.Getcontact{padding: 0px; width: 90%; margin: 20px auto;}
.indexAbout img{width: 100%; float: none; margin-left: 0px;display: none;}
.indexAbout h2,.indexServices h2,.Getcontact h2,.indexproduct h2{text-align: center; font-size: 20px; margin-top: 20px;}
.indexAbout .BJQ p,.indexServices p{font-size: 14px;}

.Getcontact h3{font-size: 14px; margin: 0px 0 20px;}
.Getcontact form,.Getcontact input{width: 100%;}
.Getcontact input{line-height: 40px; height: 40px;font-size: 14px;margin-top: 10px;}
.Getcontact ul li a,.Getcontact ul li span{font-size: 14px;}

.Getcontact textarea{width: 100%;font-size: 13px;margin-top: 10px;}
.foot{line-height: 1.2em;font-size: 14px; padding: 1.5em 0;}

.indexproduct h3{font-size:14px;}

.bannerTxt{
    width: 90%;
   
}

.indexAbout h3{
    font-size: 18px;
}
.indexServices .BJQ h3{
    font-size: 18px;
}
.lanmubanner img{height: 10vh;}




@-moz-keyframes myMove {
  0% {bottom:0px}
  100% {bottom: 10px}
}


@-webkit-keyframes myMove {
 0% {bottom:0px}
  100% {bottom: 10px}
}
@-o-keyframes myMove {
 0% {bottom:0px}
  100% {bottom: 10px}
}
@keyframes myMove {
 0% {bottom:0px}
  100% {bottom: 10px}
}



.lanmubanner{margin-top: 50px;}
.lanmubannerTxt{padding-top: 0px;}
.lanmubannerTxt h2{font-size: 16px;}
.breadcrumb{display: none;}
.productList{padding: 20px 15px; min-height:calc(100vh - 180px);}
.productList ul li{ width: 48%; }
.productList ul{padding-top: 0px;}
.productList ul li h3{font-size: 14px;font-weight: normal;}




.productShow{padding: 20px 15px;}

.productShowHeadLeft{width: 100%; margin: 0px; float: none;}

.swiper-button-next,.swiper-button-prev{display: none;}
.productShowHeadRight h1{font-size: 20px; padding-top: 20px; text-align: center;font-weight: normal;}
.productShowTxt h2{font-size: 16px;font-weight: normal;}
.productShowTxt p{font-size: 14px;}

.indexproduct ul{padding:0 20px;}
.indexproduct li{width:48%;}

}

/***********************************************************iPad*******************************************************/
 @media (min-width:640px) and (max-width:1024px){

 }