@charset "UTF-8";
.wap_head,.wap_nav{display: none;}
@media screen and (max-width:1180px){html{overflow-x: hidden;}
.none{display: block;}
a:link,a:focus{
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;position: relative;left: 0px;}
.wap_head{background: #24a13b;display: block;height: 50px;width: 100%;line-height: 50px;position: fixed;right:0px;top:0px;z-index: 100;}
.wap_head .menu{font-size: 30px;color: #fff;position: fixed;right:0%;line-height: 50px;height: 50px;width: 50px;text-align: center;top: 0px;}
.wap_head .return{line-height: 50px;height: 50px;position: fixed;left:0%;width: 50px;text-align: center;}
.wap_head .wap_logo{margin: 0px auto;display: block; text-indent: 20px; font-weight: bold;color: #fff;line-height: 50px;font-size: 16px;}
.wap_head img{height: 30px;margin-top: 10px;}
.wap_head i{color: #fff;}
.wap_nav select{width: 94%;margin: 10px auto;display: block;padding: 5px 0;font-size: 12px;color: #999;}
.wap_nav{display: block;width: 100vw;position: fixed;left:100vw;top:50px;background: #f9f9f9;transition: 0.4s;height: 100%;z-index: 99;overflow-y: auto;padding-bottom: 150px;}
.wap_nav>ul{width: 100%;border-top: 1px solid #eee;}
.wap_nav>ul>li>a{text-transform: uppercase;line-height:45px;color: #333;height: 45px;width:86%;display: inline-block;font-size: 14px;}
.wap_nav>ul>li i{width: 14%;font-size: 12px;display: inline-block;float: right;color: #333;text-align: center;line-height: 43px;height: 40px;}
.wap_nav>ul>li{position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;margin: 0 20px;}
.wap_nav>ul>li>ul>li>a{text-indent:20px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul{background: #fff;display: none;float: left;width: 100%;}
.wap_nav .sousuonr{width: 100%;background: #eee;overflow: hidden;}
.wap_nav .sousuonr input{width: 80%;float: left;height: 34px;line-height: 34px;text-indent: 10px;font-size: 14px;}
.wap_nav .sousuonr button{background: #fff;width:10%;line-height: 34px;height: 34px;float: right;}
.wap_nav .sousuonr button i{font-size: 20px;position: relative;top: 2px;}
.wap_nav .sousuonr form{height: 34px;margin: 10px;background: #fff;}
.wap_nav>ul>li>ul>li>i{line-height: 32px;height:32px;}
.wap_nav>ul>li>ul>li>ul{width: 100%;display: none;padding:0 0 40px 0px;}
.wap_nav>ul>li>ul>li>ul>li>a{text-indent:40px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul>li>ul>li>i{line-height: 32px;height: 32px;}
.wap_nav .sousuonr{animation-delay:0s;}
.wap_nav select{animation-delay:0.04s;}
.wap_nav>ul>li.i1{animation-delay:0.08s;}
.wap_nav>ul>li.i2{animation-delay:0.12s;}
.wap_nav>ul>li.i3{animation-delay:0.16s;}
.wap_nav>ul>li.i4{animation-delay:0.2s;}
.wap_nav>ul>li.i5{animation-delay:0.24s;}
.wap_nav>ul>li.i6{animation-delay:0.28s;}
.wap_nav>ul>li.i7{animation-delay:0.32s;}
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;}
/*wap_navs_tyle_end*/

.indexTop,.indexHead,.indexAboutL,.indexNewsTitle p{display: none;}
#indexBanner{ margin-top: 50px; }
#indexBanner .swiper-button-prev{display: none;}
#indexBanner .swiper-button-next{display: none;}
.swiper-pagination span{ width: 10px; height: 4px; }

.indexAbout{padding: 20px 0;}
.indexAboutL,.indexAboutR,.indexQAl,.indexQAR,#indexQAR{float: none; width: 94%; margin: 0 3%;}
.indexAboutL img{border: none; width: 100%;}
.indexAboutL:before,.indexAboutL:after{display: none;}

.indexAboutR h3,.indexAboutR h3 em,.indexProductTitle h3,.indexProductCategory ul li h3,.indexQAl h3,.indexNewsTitle em,.indexNewsTitle h3{font-size: 18px;}
.indexAboutR .BJQ p,.indexProductTitle p{font-size: 14px;}
.indexAboutR h3{margin-top: 0.5em; text-align: center;}


.indexAboutR li{   margin-bottom: 10px; text-align: center;}
.indexAboutR ul li span{font-size: 14px;}
.indexAboutR ul li p{font-size: 16px; padding-top:5px;}
.indexAboutR ul{ padding-top: 20px; margin-top: 20px; }

.indexAboutR img{float: none; display: inline-block; margin-right: 0px;}
.indexProductTitle{padding:0 5%;}

.indexProductCategory{padding: 20px 0;}
.indexProductTitle h3{margin-bottom: 10px;}
.indexProductCategory ul{width: 90%; margin: 0 auto; float: none;}
.indexProductCategory ul li{width: 100%;margin: 0px;margin-top: 20px;padding: 20px 40px 10px;}
.indexProductCategory ul li div{width: auto; height: auto;}
.indexProductCategory ul li h3{height: auto;}
.indexProductCategory ul li em{font-size: 14px;display: none;}
.indexProductCategory ul li p{font-size: 14px; height: auto;}
.indexQualityAssurance{padding: 20px 0;background: #24a13b;}
.indexQAl h3{text-align: center;}
.indexQAl p{padding: 10px; font-size: 14px; margin: 0px 0 20px; line-height: 1.5em;}
.indexQAl a{display: none;}
#indexQAR{padding-bottom: 30px;}
#indexQAR .swiper-pagination .swiper-pagination-bullet-active{background: #f79e00;}
.indexNews{width: 90%; margin: 0 auto;padding: 20px 0;}

button.buttonA,button.buttonB{display: none;}
.indexNewsTitle h3{text-align: center; padding-bottom: 20px;}
#indexNews{padding-bottom:40px;}
#indexNews a h3{text-align: center; font-size: 16px;}

.footTop,.footA,.footB{display: none;}
.footC{width: 90%; margin: 0 auto; float: none;}
.footC input{width: 100%; margin-bottom: 10px;}
.footC h3{text-align: center; font-size: 16px; padding: 0px 0 10px;}
.copyright{ line-height: 1.2em; padding: 10px; font-size: 14px; }
.crumbs{display: none;}
.lanmubanner{margin-top: 50px;}
.lanmubanner h2{font-size: 18px; margin-top: -13px;}

.QualityAssurance h2{ font-size: 20px; margin-bottom: 10px; }
.QualityAssurance{padding: 20px 0; width: 90%; margin: 0 auto;}
.QualityAssurance .BJQ p{font-size: 14px;}
.QualityAssurance .BJQ{padding-bottom: 20px;}

.QualityAssuranceImg ul{width: 100%;}
.QualityAssuranceImg{padding-bottom: 20px;}

.lanmubanner img{height: 100px;}
.product{width: 90%; margin: 0 auto; padding: 20px 0;}

.productL{display: none;}
.productR{width: 100%;float: none;}
.productShowHeadL,.productShowHeadR{ width: 100%; float: none; margin-bottom: 20px;}

.productShowHeadR .BJQ p{font-size: 14px;}
.productShowHeadR a{width: 100%;}

.productShowBJQ{padding:0px 0;}
.productShowBJQ h3{font-size: 14px;}
.productShowBJQ p{font-size: 14px;}

.productShowBJQ ul li{font-size: 14px;}
.productShowBJQ ul li:before{ left: 3px; }
.productList ul li{width: 48%;}
.productList ul li .imghover{margin: 10px;}
.productList ul li h3{margin: 0 10px 10px 10px;}
.aboutCertificate,.about{width: 90%; margin: 0 auto;}
.aboutCertificate h2{font-size: 18px;}
.aboutCertificate .BJQ p{font-size: 14px; text-align: left;}
.aboutCertificate .BJQ{padding: 10px 0;}
.Certificate ul{width: 100%;}

.Certificate{background: none; padding-bottom: 20px;}
.about h2,.about h2 em{font-size: 18px;}
.about .BJQ p{font-size: 14px;}
.contactUsA ul li:nth-child(1),.contactUsA ul li:nth-child(4){width: 100%}
.contactUsA ul li{width: 100%; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.contactUsA ul li:nth-child(2){padding-left: 0px;}

.contactUs{width: 90%; margin: 0 auto;}
.contactUsA ul li i{padding-bottom: 0px;}

.contactUsA ul{border: none;}
.contactUsA ul li a{font-size: 14px;}
.contactUsB{padding: 0px 0 20px;}
.contactUsC h3 em,.contactUsC h3,.exhibition h2 em,.exhibition h2{font-size: 18px;}
.contactUsC p{margin: 0 20px; font-size: 14px;}
.contactUsC form{padding-top: 20px;}
.contactUsC input{width: 100%; font-size: 14px; margin-bottom: 10px;}
.contactUsC textarea{font-size: 14px;}
.contactUsC button{width: 100%; font-size: 14px;}


.exhibitionShow,.Newslist,.exhibition{width: 90%; margin: 0 auto;}
.exhibitionShow h1{font-size: 18px;}
.exhibitionShow .BJQ{padding-top: 0px; padding-bottom: 20px;}
.exhibitionShow .BJQ p{font-size: 14px; line-height: 1.6em;}
#exhibitionShowImg .swiper-button-next,#exhibitionShowImg .swiper-button-prev{display: none;}

.Newslist ul{padding: 20px 0;}
.Newslist ul li .imghover,.exhibition ul li .imghover{width: 100%; margin-right: 0px; float: none;}
.Newslist ul li h3{font-size: 16px; padding-top: 10px;}
.Newslist ul li p{ font-size: 14px; height: 3em; margin: 10px 0; }
.Newslist ul li em{display: none;}
.exhibitionShowSpan span{font-size: 12px; line-height: 1.5em;}
.exhibitionShowSpan{padding-bottom: 10px; margin-bottom: 20px;}
.exhibition h3{font-size: 14px;display: none;}
.exhibition ul{padding-top:0px;}
.exhibition ul li img{width: 100%;}
.exhibition ul li h3{display: block; font-size: 16px;}
.exhibition ul li span{font-size: 14px;}
.exhibition ul li p{font-size: 14px;}
.exhibition ul li em{font-size: 12px;}
}

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

 }