@charset "utf-8";

@media screen and (max-width:900px){
.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}#footerToolBar{background:#D8000B;border-top:1px solid rgba(255,255,255,0.8);}
#footerToolBar,.toolMask{display:block;}

.header{height:auto;text-align:center;padding:10px 0;}
.header .logo{float:none;margin:0;}

.nav{float:none;margin:20px 0 0 0;}
.nav ul{text-align:center;}
.nav ul li{float:none;height:50px;display:inline-block;margin:0 5px;}
.nav ul li a.bt{font-size:13px;padding:0 10px;height:50px;line-height:50px;}
.nav dl{top:50px;}
.nav dl dd{text-align:left;}



.indexA .box{height:auto;}
.indexA .box .pic{width:100%;height:auto;float:none;}
.indexA .box .pic img{width:100%;height:auto;}

.indexA .box .pic2{width:100%;height:auto;float:none;}
.indexA .box .pic2 img{width:100%;height:auto;}

.indexA .box .txt{width:100%;float:none;}
.indexA .box .txt .bx4{width:100%;height:auto;float:none;margin:0;padding:20px;box-sizing:border-box;}
.indexA .box .txt .bx3{width:100%;height:auto;margin:0;padding:20px;box-sizing:border-box;}

.indexA .box .txt dl dd{text-align:center;}
.indexA .box .txt .more{margin:30px auto 0;}
.indexA ul{margin:0 0 0 -2%;}
.indexA ul li{width:31.3333%;height:auto;float:left;margin:20px 0 0 2%;}
.indexA ul li .pic{width:100%;height:auto;}.indexA ul li .pic img{width:100%;height:auto;}
.indexA ul li .txt{margin-top:20px;}
.indexA ul li .txt img{float:left;}
.indexA ul li .txt .t{margin-left:73px;}
.indexA ul li .txt .t h5{font-size:15px;line-height:25px;}
.indexA ul li .txt .t p{font-size:12px;line-height:18px;}#footer{height:auto;text-align:center;padding:50px 0 20px 0;}
#footer .l{width:100%;height:auto;margin:0;float:none;}
#footer .m{width:100%;height:auto;margin:30px 0 0 0;float:none;}#footer .m .tit21 img{display:none}
#footer .m .tit22 img{display:none}

#footer .r{float:none;width:100%;height:auto;margin:30px 0 0 0;}

.foot-email{margin:20px auto 0;}

.copyRight{padding:20px 0 60px;}
.main_pro{width:100%;}
.main_pro .mainleft{width:100%;}.path p{display:none;}.bloglist ul{margin:0 0 0 -2%;}
.bloglist ul li {width:31.3333%;padding:15px 0 25px;margin:20px 0 0 2%;box-sizing:border-box;}
.video ul{margin:0 0 0 -2%;}
.video ul li {width:31.33333%;margin:15px 0 10px 2%;}
.productlist ul li{text-align:center;padding:20px 10px;}
.productlist ul li img{float:none;width:600px;margin:0 auto;}
.productlist ul li .t{margin:15px 0 0 0;text-align:left;}.productlist ul li .t h5{font-size:20px;line-height:22px;padding:0 0 5px 0;text-align:center;}
.productlist ul li .t a.more{margin:15px auto 0;}

.main h1.tit{font-size:25px;}.pro_view_top{padding:10px;}.pro_img{float:none;width:600px;margin:0 auto;}.pro_view_inner{float:none;width:100%;margin:15px 0 0 0;}.pro_view_inner h1{text-align:center;}.spic{width:600px;overflow:hidden;float:none;margin:0 auto;}.pro_view_inner h1{color:#333;font-weight:bold;font-size:22px;}
.main {margin-top: 20px;}
.main .mainRight {width: 100%;float: none;margin-top: 0;}
.mainleft{width:100%;float:none;}

.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%;}
.honor ul li img{width:100%;box-sizing:border-box;}
.project ul{margin:0 0 0 -2%;}
.project ul li{float:left;width:31.3333%;margin:25px 0 0 2%;}
.project ul li img {width:100%;height:auto;display:block;}

.faq ul li .date{float:left;width:10%;}
.faq ul li .news-content{margin-left:5%;width:85%;}

.contact .inquirbox{float:none;width:100%;}
.contact .contactinfo {width:100%;float:none;}

.newsnr{padding:0 0 30px 0;}

}
@media screen and (max-width:768px) {
#top{display:none;}
.header{text-align:left;}
.header .logo{float:left;}
.header .logo img{height:50px;}

.nav{display:none;}
.navbar-toggle{display:block;}

.mo-search{display:block;}

.nav-lang{display:block;}

.honor ul li{width:48%;}

.project ul{}
.project ul li{width:48%;}
.newslist ul li {height:auto;}
.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;}

}
@media screen and (max-width:600px) {
#footer{height:auto;text-align:center;padding:30px 0 20px 0;}
#footer .l img{width:80px;}
.productlist ul li{padding:10px;}
.productlist ul li img{width:100%;height:auto;}

.main h1.tit{font-size:20px;}
.pro_img{width:100%;margin:0;}
.pro_img .bpic img{width:100%;height:auto;}
.spic{width:100%;}
.spic ul{margin:8px 0 0 -2%;}
.spic ul li{width:23%;margin:0 0 0 2%;cursor:pointer;}
.spic ul li img{width:100%;height:auto;border:2px solid #ccc;padding:1px;box-sizing:border-box;}
.pro_view_inner{float:none;width:100%;}.pro-content img{width:100%;height:auto;}.applist ul li{text-align:center;}
.applist ul li img{float:none;}
.applist ul li .t{margin:10px 0 0 0;text-align:left;}
.applist ul li .t p{font-size:14px;line-height:22px;}
.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) {
.mainRight .title{font-size:20px;}
.contact .contactinfo .title{font-size:25px;}
.contact .contactinfo span{line-height:20px;}
}

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

.indexA .tit {height:40px;background:#D8000B;}
.indexA .tit h3{font-size:18px;line-height:40px;}
.indexA .tit h4{font-size:18px;line-height:40px;}
.indexA .box .txt dl dd{font-size:20px;line-height:22px;}
.indexA .box .txt p{font-size:14px;line-height:21px;}
.indexA .box .txt .more{width:130px;height:38px;line-height:38px;background:#D8000A;font-size:16px;text-indent:0;text-align:center;margin:20px auto 0;}
.indexA ul{margin:0 0 0 0;}
.indexA ul li{width:100%;height:auto;float:none;margin:20px 0 0 0;}
.indexA ul li .txt .t h5{font-size:15px;}
#footer .m .tit21{font-size:17px;line-height:19px;}
#footer .m .tit22{font-size:14px;line-height:28px;}
#footer .r h5{font-size:24px;color:#fff;height:30px;line-height:30px;}
.foot-email{width:270px;height:35px;}
.foot-email .post-text{width:220px;height:35px;font-size:14px;line-height:35px;}
.foot-email .post-btn{width:50px;height:35px;font-size:16px;line-height:35px;}
.path h3{font-size:18px;}.bloglist ul{margin:0 0 0 0;}
.bloglist ul li {float:none;width:100%;padding:15px 0 20px;margin:20px 0 0 0;}
.video ul{margin:0 0 0 0;}
.video ul li {float:none;width:100%;margin:15px 0 10px 0;}
.applist ul li img{float:none;width:100%;}
.applist ul li .t{margin:10px 0 0 0;}
.faq ul li .date{width:15%;height:80px;}
.faq ul li .date-month{line-height:40px;height:40px;font-size:18px;}
.faq ul li .date-day{line-height:40px;font-size:18px;}
.faq ul li .news-content{margin-left:5%;width:80%;}
.faq ul li .news-content h4{line-height:40px;height:40px;}
.faq ul li .news-content p{font-size:13px;line-height:20px;}

.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%;}
}
@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;}

.project ul{margin:0 0 0 0;}
.project ul li{float:none;width:100%;margin:25px 0 0 0;}

/* 修改与10-20 添加部分 */


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