@media screen and (min-width: 960px) and (max-width: 1200px) {
.topMain{ width:100% !important;}
.navMain{ width:100%}
.logo{ width:30%;}
.navList{ width:70%;}
.navList ul li a{ padding:0 10px}
.productMain{ width:100%}
.productMain ul li{     width: 30.3333333%;margin: 1.5%;}
.productMain ul{ padding:0 20px;}
.ptitle span, .pabout span{ display:none}
.aboutMain{ width:100%}
.aboutimg{ width:30%;}
.aboutcon_left{ float:left; width:77%}
.indexabout{ padding:0 20px;}
.aboutcon{ width:100%; float:none }
.honorimg{ float:left; width:20%}
.anliList{ width:100%;    background-size: 100%; overflow: hidden;    padding-bottom: 30px;}
.anliList ul li{ width:25%;     padding-bottom: 0;}
.anliMain{ width:100%;}
.xwlxMain{ width:100%}
.newsMain, .consMain{ width:50%}
.newsMain ul li span{ float:none}
.newsMain ul{ padding:0 20px;}
.conmap, .conxx ul{ width:100%; float:none}
.conxx{ padding:0 20px;}
.n_Main{ width:100%;margin-top: 20px;}
.n_left, .n_right{}
.n_left{    width: 30%;margin: 0 2%;}
.n_right{ width:62%;margin: 0 2%;}
.n_centent ul.alMain li{     width: 48%;margin: 1%;}
.n_centent ul.alMain li p{ font-size:12px;}
.topMain p, .topMain span{ padding:0 20px}
.n_centent, .location{ padding:0 20px;}
.product-img-box, .proright{ width:100% !important; float:none !important}
.description{ padding:0 20px;}
.contactleft, .contactright{ width:50%; float:left}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.topMain{ width:100% !important;}
.navMain{ width:100%}
.logo{ width:30%;}
.navList{ width:70%;}
.navList ul li a{ padding:0 10px}
.productMain{ width:100%}
.productMain ul li{     width: 30.3333333%;margin: 1.5%;}
.productMain ul{ padding:0 20px;}
.ptitle span, .pabout span{ display:none}
.aboutMain{ width:100%}
.aboutimg{ width:30%;}
.aboutcon_left{ float:left; width:77%}
.indexabout{ padding:0 20px;}
.aboutcon{ width:100%; float:none }
.honorimg{ float:left; width:20%}
.anliList{ width:100%;    background-size: 100%; overflow: hidden;    padding-bottom: 30px;}
.anliList ul li{ width:25%;     padding-bottom: 0;}
.anliMain{ width:100%;}
.xwlxMain{ width:100%}
.newsMain, .consMain{ width:50%}
.newsMain ul li span{ float:none}
.newsMain ul{ padding:0 20px;}
.conmap, .conxx ul{ width:100%; float:none}
.conxx{ padding:0 20px;}
.n_Main{ width:100%;margin-top: 20px;}
.n_left, .n_right{}
.n_left{    width: 30%;margin: 0 2%;}
.n_right{ width:62%;margin: 0 2%;}
.n_centent ul.alMain li{     width: 48%;margin: 1%;}
.n_centent ul.alMain li p{ font-size:12px;}
.topMain p, .topMain span{ padding:0 20px}
.n_centent, .location{ padding:0 20px;}
.product-img-box, .proright{ width:100% !important; float:none !important}
.description{ padding:0 20px;}
.contactleft, .contactright{ width:100%; float:none}
}
@media only screen and (min-width: 660px) and (max-width: 767px){
.topMain{ width:100% !important;}
.navMain{ width:100%}
.logo{ width:30%;}
.navList{ width:70%;}
.navList ul li a{ padding:0 10px}
.productMain{ width:100%}
.productMain ul li{     width: 30.3333333%;margin: 1.5%;}
.productMain ul{ padding:0 20px;}
.ptitle span, .pabout span{ display:none}
.aboutMain{ width:100%}
.aboutimg{ width:30%;}
.aboutcon ul li{ width:25%; padding:0; margin:0}
.newsMain ul li{ line-height:18px;}
.aboutcon_left{ float:left; width:75%}
.indexabout{ padding:0 20px;}
.aboutcon{ width:100%; float:none }
.honorimg{ float:left; width:20%}
.anliList{ width:100%;    background-size: 100%; overflow: hidden;    padding-bottom: 30px;}
.anliList ul li{ width:25%;     padding-bottom: 0;}
.anliMain{ width:100%;}
.xwlxMain{ width:100%}
.newsMain, .consMain{ width:50%}
.newsMain ul li span{ float:none}
.newsMain ul{ padding:0 20px;}
.conmap, .conxx ul{ width:100%; float:none}
.conxx{ padding:0 20px;}
.n_Main{ width:100%;margin-top: 20px;}
.n_left, .n_right{}
.n_left{    width: 30%;margin: 0 2%;}
.n_right{ width:62%;margin: 0 2%;}
.n_centent ul.alMain li{     width: 48%;margin: 1%;}
.n_centent ul.alMain li p{ font-size:12px;}
.topMain p, .topMain span{ padding:0 20px}
.n_centent, .location{ padding:0 20px;}
.product-img-box, .proright{ width:100% !important; float:none !important}
.description{ padding:0 20px;}
.contactleft, .contactright{ width:100%; float:none}
}
@media only screen and (min-width: 569px) and (max-width: 659px){
.topMain{ width:100% !important;}
.productMain{ width:100%}
.productMain ul li{ width:100%; margin:0 0 20px 0}
.productMain ul{ padding:0 20px;}
.ptitle span, .pabout span{ display:none}
.aboutMain{ width:100%}
.aboutimg{ width:100%; float:none}
.indexabout{ padding:0 20px;}
.aboutcon{ width:100%; float:none}
.honorimg{ float:none; margin:0}
.anliList{ width:100%; background:#009933;    overflow: hidden;    padding-bottom: 30px;}
.anliList ul li{ width:100%;     padding-bottom: 0;}
.anliMain{ width:100%;}
.xwlxMain, .newsMain, .consMain{ width:100%}
.newsMain, .consMain{ float:none}
.newsMain ul{ padding:0 20px;}
.conmap, .conxx ul{ width:100%; float:none}
.conxx{ padding:0 20px;}
.n_Main{ width:100%;margin-top: 20px;}
.n_left, .n_right{float: none;}
.n_left{    width: 90%; margin: 0 5%;}
.n_right{ width:100%;}
.n_centent ul.alMain li{ width:100%; margin:0 0 20px 0}
.n_centent, .location{ padding:0 20px;}
.product-img-box, .proright{ width:100% !important; float:none !important}
.description{ padding:0 20px;}
.newimg img{ width:100%; float:none}
.contactleft, .contactright{ width:100%; float:none}

}

@media only screen and (max-width: 568px) and (min-width: 320px){

.topMain{ width:100% !important;}
.productMain{ width:100%}
.productMain ul li{ width:100%; margin:0 0 20px 0}
.productMain ul{ padding:0 20px;}
.ptitle span, .pabout span{ display:none}
.aboutMain{ width:100%}
.aboutimg{ width:100%; float:none}
.indexabout{ padding:0 20px;}
.aboutcon{ width:100%; float:none}
.honorimg{ float:none; margin:0}
.anliList{ width:100%; background:#009933;    overflow: hidden;    padding-bottom: 30px;}
.anliList ul li{ width:100%;     padding-bottom: 0;}
.anliMain{ width:100%;}
.xwlxMain, .newsMain, .consMain{ width:100%}
.newsMain, .consMain{ float:none}
.newsMain ul{ padding:0 20px;}
.conmap, .conxx ul{ width:100%; float:none}
.conxx{ padding:0 20px;}
.n_Main{ width:100%;margin-top: 20px;}
.n_left, .n_right{float: none;}
.n_left{    width: 90%; margin: 0 5%;}
.n_right{ width:100%;}
.n_centent ul.alMain li{ width:100%; margin:0 0 20px 0}
.n_centent, .location{ padding:0 20px;}
.product-img-box, .proright{ width:100% !important; float:none !important}
.description{ padding:0 20px;}
.newimg img{ width:100%; float:none}
.contactleft, .contactright{ width:100%; float:none}
}



.pagination{ margin:30px auto 30px; display:flex; justify-content:center;clear:both;}
.pagination ul{ list-style:none;}
.pagination li{ float:left; margin:0 3px;}
.pagination li a{ color:#159301; padding:6px 10px; background-color:#fff; border:1px solid #159301; border-radius:6px;}
.pagination li a:hover{ color:#fff; background-color:#159301; border:1px solid #159301; box-shadow:0 4px 4px 0 #ccc;}
.pagination .currPage{ background: #333333 ;border: 1px solid #333333;color: #fff; box-shadow:0 8px 12px 0 #ccc;}