@charset "utf-8";


@media screen and (max-width:768px){

.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}

.nav,.header-lang,.header span{display:none;}
.mo-header,.mo-header .header-lang,#footerToolBar,.visible-xs-block{display:block;}

.header{height:auto;border-bottom:1px solid #E1E1E0;padding:25px 0;text-align:center;}
.header .logo{float:none;margin:0;}


#footer{padding:30px 0 50px 0;}

#footer .foot-top{height:auto;width:100%;text-align:center;}
#footer .foot-top .logo{float:none;}
#footer .foot-top .logo img{float:none;}
#footer .foot-top .logo h4{float:none;margin:15px 0 0 0;padding:0;border-left:none;}

#footer .foot-top .foot-nav{float:none;margin:20px 0 0 0;}
#footer .foot-top .foot-nav a{display:inline-block;margin:0 5px;font-size:14px;}

#footer .foot-contact{margin:20px 0 0 0;text-align:center;}
#footer .foot-contact span{float:none;font-size:16px;display:inline-block;}
#footer .foot-contact span.email{margin:0;}
#footer .foot-contact span a{font-size:14px;}

#footer .foot-contact .share{float:none;margin:15px 0 0 0;}

.copyright{margin:30px 0 0 0;font-size:14px;padding:20px 0 30px 0;}
.copyright p{font-size:14px;}




.main{padding-top:20px;padding-bottom:20px;}
.mainRight{width:100%;float:none;}
.mainleft{width:100%;float:none;margin:20px 0 0 0;}


.path{background:#01c455;height:50px;line-height:50px;}
.path h3{font-size:18px;}
.path p{font-size:13px;display:none;}



}


@media screen and (max-width:768px) {

.indexA{margin-top:15px;background:#fff;height:auto;}
.indexA h5{float:none;width:100%;line-height:1;font-size:24px;color:#333;text-align:center;}
.indexA .list{float:none;margin:10px 0 0 0;text-align:center;}
.indexA .list ul li{width:100%;height:40px;line-height:40px;font-size:16px;color:#333;}
.indexA .list ul li a{color:#333;}
.indexA .hd{display:none;}

.indexB{box-sizing:border-box;padding:20px 0 20px 0;background:none;}
.indexB .p{float:none;width:100%;}
.indexB .p img{width:100%;}
.indexB .t{float:none;width:100%;margin:15px 0 0 0;}
.indexB .t h3{font-size:30px;text-align:center;}
.indexB .t hr{margin:15px auto 0;}
.indexB .t p{font-size:16px;line-height:26px;margin:10px 0 0 0;}
.indexB .t a{font-size:14px;margin:20px auto 0;}

.indexC{background:#7FD9A5;height:auto;padding:30px 0 20px 0;box-sizing:border-box;}
.indexC .t{float:none;width:100%;padding:0;box-sizing:border-box;}
.indexC .t h3{font-size:30px;text-align:center;}
.indexC .t hr{margin:15px auto 0;}
.indexC .t p{font-size:16px;margin:10px 0 0 0;line-height:26px;text-align:center;}
.indexC .t a{font-size:14px;margin:20px auto 0;background:#01c455;color: #fff;}
.indexC .p{float:none;width:100%;margin:20px 0 0 0;}

.indexD{margin:0;padding:20px 0 30px 0;background:#eee;}
.indexD .list{float:none;width:100%;margin:0;}
.indexD .list .item{margin:0 10px;}
.indexD .list .item p{height:40px;line-height:40px;font-size:15px;}
.indexD .t{float:none;width:100%;margin:20px 0 0 0;}
.indexD .t h3{font-size:30px;text-align:center;}
.indexD .t hr{margin:15px auto 0;}
.indexD .t p{font-size:16px;line-height:26px;text-align:center;}
.indexD .t a{font-size:14px;margin:20px auto 0;}

.indexE{height:370px;margin:0;padding:40px 0 30px 0;}
.indexE p{font-size:24px;margin:15px 0 0 0;}
.indexE .v{margin-top:30px;}


.indexF{padding:30px 0}
.indexF h3{font-size:30px;}
.indexF hr{margin:15px auto 0;}
.indexF p{font-size:16px;margin:10px 0 0 0;}

.indexF ul{margin:0 0 0 -2%;}
.indexF ul li{width:31.3333333%;margin:20px 0 0 2%;}
.indexF ul li a.pic ins{display:none;}

.indexF ul li .t{height:40px;background:#09A0FF;}
.indexF ul li .t h6{font-size:16px;line-height:40px;}
.indexF ul li .t h6 a{color:#fff;}

.indexF ul li:hover .t{padding:0;}
.indexF ul li:hover .t h6{line-height:40px;}
.indexF ul li:hover .t a.more{display:none;}

.indexF a.getmore{font-size:14px;margin:30px auto 0;}


/*---*/

.prolist-top{padding:30px 0;}
.prolist-top h3{font-size:20px;}

.prolist-top dl{margin:10px 0 0 0;}
.prolist-top dl dd{width:50%;float:left;text-align:center;margin:15px 0 0 0;}
.prolist-top dl dd a{font-size:13px;}

.project{padding:20px 0;}
.project ul li{width:31.333333%;margin:0 0 20px 2%;}
.project ul li p{font-size:16px;}

.newsnr h1{font-size:20px;line-height:1;padding:15px 0;}

.faq ul li {margin:15px 0 0 0;}
.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con p{margin:5px 0 0 0;}

.down ul{margin:10px 0 0 -1%;}
.down ul li{float:left;width:49%;margin:15px 0 0 1%;padding:15px;box-sizing:border-box;}

.newslist ul li {height:auto;margin:15px 0 0 0;}
.newslist ul li .img {width:100%;height:133px;float:none;display:block;text-align:center;}
.newslist ul li .img img{width:200px;height:133px;}
.newslist ul li .intro {float:none;width:100%;margin:10px 0 0 0;}
.newslist ul li .intro a.more{font-size:14px;margin:10px 0 0 0;}

.honor ul{margin:10px 0 0 -2%;}
.honor ul li{float:left;width:31.3333%;margin:5px 0 5px 2%;}
.honor ul li a{width:100%;}



.about1{padding:30px 0 30px;}
.about1 h3{font-size:30px;}
.about1 hr{width:100px;margin:20px auto 0;}
.about1 .nr{margin:30px 0 0 0;}
.about1 .nr img.pic{float:none;width:100%;}
.about1 .nr .txt {float:none;width:100%;margin:15px 0 0 0;}


.about3{padding:30px 0 30px 0;}
.about3 .box{width:100%;height:auto;margin:0 auto;position:relative;}
.about3 .box img.p{display:none;}
.about3 .box .list{position:static;width:50%;float:left;margin:15px 0 0 0;}

.about3 .box .list .pic{float:none;width:100%;height:140px;text-align:center;}
.about3 .box .list .pic img{margin:0 auto;}

.about3 .box .list .txt{float:none;margin:15px 0 0 0;text-align:center;height:45px;}
.about3 .box .list .txt h5{line-height:1;font-size:18px;}
.about3 .box .list .txt p{font-size:13px;}

.about3 .box .list2{position:static;width:50%;float:left;margin:15px 0 0 0;}
.about3 .box .list2 .pic{float:none;width:100%;height:140px;text-align:center;}
.about3 .box .list2 .pic img{margin:0 auto;}

.about3 .box .list2 .txt{float:none;margin:15px 0 0 0;height:45px;text-align:center;}
.about3 .box .list2 .txt h5{line-height:1;font-size:18px;}
.about3 .box .list2 .txt p{font-size:13px;}

.about3 .box .list:hover .pic img:last-child{opacity:0;}
.about3 .box .list2:hover .pic img:last-child{opacity:0;}




.about4{padding:30px 0;}

.about4 ul{margin-top:-20px;}
.about4 ul li{float:none;width:100%;height:auto;margin:20px 0 0 0;}
.about4 ul li:nth-child(2n){float:none;}

.about4 ul li .t{position:static;height:auto;padding:10px;}
.about4 ul li .t h5{font-size:14px;}
.about4 ul li .t p{margin:10px 0 0 0;line-height:22px;}

.about4 ul li:hover .t{top:0;padding:10px;}


.productlist{padding:5px 0 20px;}
.productlist .tit{height:40px;line-height:40px;padding:15px 0 0;}
.productlist .tit h5{font-size:18px;}
.productlist .tit a{font-size:15px;}

.productlist ul{margin-left:-2%;}
.productlist ul li{width:48%;margin:15px 0 0 2%;float:left;padding:5px;}

.productlist ul li .pic span{display:none;}
.productlist ul li .t h5{font-size:14px;}

.productlist ul li:hover .pic ins{display:none;}



.pro_view_top{padding:10px;margin:10px 0 0 0;}
.pro_img{float:none;width:430px;margin:0 auto;}

.pro_img .bpic{width:430px;}
.pro_img .bpic ul li img{width:100%;}

.pro_img .spic{width:430px;overflow:hidden;float:none;margin:5px 0 0 0;}
.pro_img .spic ul{text-align:center;font-size:0;text-align:center;margin:0 0 0 -1%;}
.pro_img .spic ul li{display:inline-block;width:24%;margin:0 0 0 1%;cursor:pointer;}
.pro_img .spic ul li img{width:100%;box-sizing:border-box;}


.pro_view_inner{float:none;width:100%;margin:15px 0 0 0;}
.pro_view_inner h1{font-size:18px;margin:0;text-align:center;}
.pro_view_inner h6{color:#222;font-size:15px;margin:20px 0 0 0;}
.pro_view_inner p{color:#666;font-size:13px;margin:20px 0 0 0;}

.pro_view_inner .pro_para table{width:100%;}
.pro_view_inner .pro_para table tr > td p{margin:0;}

.pro_text .tabs li{width:25%;height:45px;line-height:45px;font-size:13px;box-sizing:border-box;padding:0;text-align:center;}
.pro_text .tabs li:last-child{border-radius:0 4px 0 0;}

.pro-content img{width:100%;height:auto;}
.pro-scroll .pro-content p{word-wrap:break-word;}

.related-pro{margin-top:15px}
.related-pro h5{height:30px;line-height:30px;font-size:16px;}
.related-pro ul li{width:48%;}
.related-pro ul li p{height:50px;line-height:19px;font-size:13px;}




.mess{float:none;width:100%;padding:20px 0;}
.inquirbox{float:none;width:100%;}


.deliverylist ul{margin:0;}
.deliverylist ul li {float:none;width:100%;height:305px;margin:20px 0 0 0;}


.video-index ul li {width: 100%;margin-bottom: 15px;}

.video-list ul{margin:0;}
.video-list ul li{float:none;width:100%;margin:0 0 15px;}
.video-list ul li .pic{width:150px;}
.video-list ul li .t{padding:0 12px;}
.video-list ul li .t h5{font-size:15px;}
.video-list ul li .t p{font-size:15px;margin:10px 0 0;}
.video-list ul li .t .more{display:none;}

.video-list2 ul{margin:0;}
.video-list2 ul li{width:48%;margin:0 0 15px;}
.video-list2 ul li .t h5{font-size:15px;}
.video-list2 ul li .t p{display:none;}

.about img{width:100%;height:auto;}
}

@media screen and (max-width:600px) {

.mainRight .title{font-size:24px;}



	
.related-products ul{margin:10px 0 0 -2%;}
.related-products ul li{float:left;width:48%;margin:0 0 15px 2%;}

}


@media screen and (max-width:500px) {

.indexA .list ul li{font-size:13px;}

.indexB .t h3{font-size:26px;}
.indexB .t p{font-size:14px;line-height:24px;}
.indexB .t a{font-size:13px;width:120px;height:30px;line-height:30px;}

.indexC{padding:20px 0;}
.indexC .t h3{font-size:26px;}

.indexC .t p{font-size:14px;line-height:24px;}
.indexC .t a{font-size:13px;width:120px;height:30px;line-height:30px;}

.indexD{padding:20px 0;}
.indexD .list .item{margin:0 5px;}

.indexD .t{float:none;width:100%;margin:20px 0 0 0;}
.indexD .t h3{font-size:26px}
.indexD .t p{font-size:14px;line-height:24px;}
.indexD .t a{font-size:13px;width:120px;height:30px;line-height:30px;}


.indexE{height:340px;padding:40px 0 0 0;}
.indexE p{font-size:18px;margin:20px 0 0 0;}
.indexE .v{margin-top:20px;}


.indexF{padding:20px 0}
.indexF h3{font-size:26px;}
.indexF p{font-size:14px;}

.indexF ul li{width:48%;}

.indexF ul li .t{height:35px;background:#01c455;}
.indexF ul li .t h6{font-size:14px;line-height:35px;}
.indexF ul li .t h6 a{color:#fff;}

.indexF ul li:hover .t{padding:0;}
.indexF ul li:hover .t h6{line-height:35px;}
.indexF ul li:hover .t a.more{display:none;}

.indexF a.getmore{margin:20px auto 0;font-size:13px;width:120px;height:30px;line-height:30px;}




.project ul li{width:48%;margin:0 0 15px 2%;}
.project ul li p{font-size:14px;}

.newsnr h1{font-size:16px;}

.about1 h3{font-size:24px;}
.about1 .nr{margin:20px 0 0 0;}

.about3 .box .list .pic{height:120px;}
.about3 .box .list .pic img{width:120px;}
.about3 .box .list .txt h5{font-size:15px;}

.about3 .box .list2 .pic{height:120px;}
.about3 .box .list2 .pic img{width:120px;}
.about3 .box .list2 .txt h5{font-size:15px;}





.honor ul li{width:48%;}

.productlist ul li{width:48%;}

.mainRight .title{font-size:20px;}

.contact .contactinfo .title{font-size:25px;}
.contact .contactinfo span{line-height:20px;}

}


@media screen and (max-width:480px) {

.pro_img{width:100%;}
.pro_img .bpic{width:100%;}
.pro_img .spic{width:100%;}

.pro_view_inner h1{font-size:16px;}

.pro_text .tabs li{font-size:12px;font-weight:400;}

.down ul{margin:10px 0 0 0;}
.down ul li{float:none;width:100%;}

.rela_list{border-bottom:none;padding:0 0;}
.rela_list li{border-top:none;height:80px;border:1px solid #B4B4B4;margin:10px 0 0 0;padding:0 10px;}
.rela_list .t{float:none;width:100%;height:40px;display:block;text-align:left;background:#fff;color:#333;border-right:none;border-bottom:1px solid #B4B4B4;}
.rela_list a{float:none;margin-left:0;width:100%;}

 .video-list2 ul{margin:0;}
.video-list2 ul li{float:none;width:100%;}



}



@media screen and (max-width:400px) {






.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}

.faq ul li .tit .date-month{display:none;}
.faq ul li .tit h4{float:none;margin:0 0 0 0;}
.faq ul li .con{display:block;}
.faq ul li .con .date-day{display:none;}
.faq ul li .con .t{float:none;margin:5px 0 0 0;width:auto;}

.deliverylist ul li {height:auto;}
.deliverylist ul li img{float:none;width:100%;}
.deliverylist ul li .t{margin:15px 0 0 0;}

.productlist ul{margin:0;}
.productlist ul li{float:none;width:100%;margin:15px 0 0 0;}


}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}