@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1500px) { }
@media screen and (max-width:1400px) { 
.banner-info{ height: 350px;}
}
@media screen and (max-width:1024px) {

.home-about .home-title{ margin-bottom: 30px;}
.home-about .word{ padding-top: 0;}

.home-block1{ padding: 50px 0;}
.home-block1 h2{ font-size: 28px;}
.home-block1 p{ font-size: 18px; padding: 15px 0 40px;}


.news-list li .word h1{ font-size: 18px;}
.news-list li .word{ padding-left: 80px;}
.news-list li:nth-child(2n) .word{ padding-right: 80px;}

.banner-info{ height: 300px;}

.pro-left{ width: 68%;}
.pro-right{ width: 30%;}
.pro-right h2{ padding: 0; font-size: 16px;}
.pro-right .top{ height: auto; line-height: 1.8;}
/* end 1024 */
}
@media screen and (max-width: 800px) { 
.head .head-right{ width: 80%;}
.home-title{ margin: 40px 0;}

.news-list li .img{ width: 80%;}
.news-list li .more{ width: 20%; text-align: center !important; padding: 0;}
.news-list li .word{ width: 80%; box-sizing: border-box; padding: 40px ;}

.banner-info{ height: 260px;}

.pro-list li{ width: 33.33%;}
.pro-list li a{ padding: 10px;}

.pro-left{ width: 100%;}
.pro-right{ width: 100%; margin-top: 20px;}
/* end 800px */
}
@media screen and (max-width: 720px) {

.home-about .img{ width: 100%; margin: 0; margin-bottom: 20px; float: none;}
.foot .nav{ display: none;}
.foot .right div img{ margin-bottom: 7px;}
}
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;}
body{ font-size: 13px;}
.head{ padding: 10px 0;}
.head .logo img{ height: 40px; margin: 5px auto; display: block;}
.menu-btn{ display: block; margin-left: 10px;}
.head .menu{ display: none; position: absolute;top:70px; left: 0; width: 100%; z-index: 100; border-bottom: 1px solid #EDEDED;border-top: 1px solid #EDEDED;  background: #fff;}
.head .menu li{ width: 100%; text-align: center;; line-height: 45px;}
.head .head-right .btn{ transform: scale(0.8); padding: 0 10px; margin-bottom: 0;}
.head .head-right{ padding-top: 7px; width: auto;}
.banner .bx-wrapper .bx-pager{ bottom: 10px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ width: 8px; height: 8px;}

.home-title{ margin: 25px 0;}
.home-title span{ font-size: 32px;}
.home-title p{ font-size: 18px; bottom: -5px;}
.home-about{padding-bottom: 10px;}
.home-about .word{ padding-bottom: 0;}
.home-more{ margin: 20px 0; line-height: 33px;}

.home-pro{ padding-bottom: 10px;}
.home-pro-tab li{ font-size: 14px;}
.home-pro-tab li span{ width: 30px; height: 30px; background-size: 30px; margin-bottom: 7px;}
.home-pro-list li{ width: 48%; float: left; margin-bottom: 13px;}
.home-pro-list li:nth-child(2n){ float: right;}
.home-pro-list li a{ margin: 0;}
.home-pro-list li .cont h2{ font-size: 16px;}
.home-pro-list li .cont span{ line-height: 30px;}

.home-block1{ padding: 35px 0;}
.home-block1 h2{ font-size: 20px;}
.home-block1 p{ font-size: 14px; padding: 10px 0 20px;}
.home-block1 .word{ padding: 0 30px; background-size: 20px;}
.home-block1 .word:after{ background-size: 20px;}
.home-more-center{ margin: 20px auto;}

.news-list li .img{ position: relative;; height: 160px; display: block; width: 100%;}
.news-list li .word{ width: 100%; padding: 25px 25px 50px !important;}
.news-list li .word h1{ font-size: 16px; padding-bottom: 10px;}
.news-list li .word .bottom span{ padding-bottom: 5px;;}
.news-list li .more{ text-align: left !important; line-height: 50px; z-index: 111; width: 100%; padding: 0 25px;}
.news-list li{ padding: 0; margin-bottom: 20px;}
.news-list li:nth-child(2n) .word .bottom, .news-list li:nth-child(2n) .word h1{ margin: 0;}
.news-list li .word .bottom{ padding-right: 0;}

.foot{ padding: 20px 0 15px;}
.foot .right{ width: 100%; margin: 0 auto; float: none;}
.foot .left{ width: 100%; text-align: center; padding-top: 15px; line-height: 1.8;}


.banner-info{ height: 150px;}
.page ul{ width: 170px; float: none; margin: 0 auto;}
.page li{ display: none;}
.page li.w{ display: block; width: 50%;}

.new-title{ padding: 25px 0 15px; font-size: 12px;}
.new-title h2{ font-size: 18px;}
.new-word p{ margin-bottom: 10px;}


.map{ height: 240px;}
.contact-list{ padding: 20px 0;}
.contact-list li{ width: 100%; border: none; text-align: left; padding: 5px 0;}
.contact-list li img{ float: left; width: 20px;}
.contact-list li span{ display: none;}
.contact-list li p{ height: auto;}

.plant-list li{ width: 48%; margin:0 0 5px ;}
.plant-list li:nth-child(2n){ float: right;}
.plant-list li span{ padding: 15px 0;}

.pro-list li{ width: 50%;}
.pro-list li a{ padding: 5px;}
.bgf8 .home-pro-tab li{ padding-top: 20px;}

.pro-left{ padding: 0;}
.gallery-thumbs{ display: none;}
.bx-controls-direction{ display: none;}.pro-info-title{ margin: 20px 0; font-size: 15px;}

.about-word img{ max-width: 100%; margin: 10px auto;}
/* end 640px */
}
@media screen and (max-width: 320px) { }