@charset "utf-8";


@media screen and (max-width:768px) {
.pro-content img{width:100%;height:auto;}
.visible-xs-block{display:block;}
.addthis_inline_share_toolbox_ysau{display:inline-block;}
.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}

.nav{display:none;}
#footBar{display: block;}

#top{background:#333;height:50px;}
#top .wp{padding:0;}
#top p{display:none;}
#top span{display:block;}

.search{display:none;float:none;position:absolute;top:50px;width:100%;margin:0;height:auto;background:#333;padding:10px 15px;box-sizing:border-box;border-top:1px solid #fff;}
.search .serchbox{border:none;width:100%;background:none;position:relative;}
.search .submit_text{height:34px;line-height:34px;background:#fff;border-radius:5px;}
.search .submit_btn{top:0;right:0;width:36px;height:34px;background:#E11938;border-radius:0 5px 5px 0;}
.search .submit_btn i{color:#fff;}

.header-lang{margin:11px 10px 0 0;}
.header-lang .box{border:1px solid #fff;background:transparent;}
.header-lang .box em{color:#fff;}
.header-lang .box i{color:#fff;}

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

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;margin:0 2px;}


#footer{padding:20px 0 60px;}
#footer h5{font-size:16px;color:#333;margin-bottom:15px;}
#footer br{display:none;}
#footer .box{float:none;width:100%;text-align:center;position:relative;}
#footer .box2{width:100%;margin-top:15px;}
#footer .box3{width:100%;margin-top:15px;padding:0;}
#footer .box4{width:100%;margin-top:15px;}
#footer .box::after{display:none;}
#footer .box p{font-size:14px;line-height:24px;}

#footer .foot-wx{float:none;width:100%;text-align:center;}

.side-bar{display:none;}
}


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

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

.indexnews{float:none;width:100%;padding:15px;}
.indexnews .topnews{margin:15px 0 0;}
.indexnews .topnews .txt{height:40px;background:rgba(0,0,0,0.6);padding:10px;}
.indexnews .topnews .txt h5{font-size:15px;}
.indexnews .topnews:hover .txt{height:45px;background:rgba(0,0,0,0.6);}

.indexnews ul li{height:38px;line-height:38px;position:relative;}
.indexnews ul li a{float:none;width:100%;box-sizing:border-box;display:block;padding:0 70px 0 13px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.indexnews ul li span{float:none;position:absolute;right:0;top:0;line-height:38px;font-size:12px;}

.indexMain-right{float:none;width:100%;margin-top:20px;}

.indexpro{background:#F4F5F7 url(../images/p.png)/*tpa=https://www.huafuzj.com/template/pc/default/images/p.png*/ no-repeat right 20px bottom 20px;background-size:80% auto;height:280px;padding:15px;}
.indexpro ul{margin:15px 0 0;}
.indexpro ul li{font-size:14px;line-height:30px;}

.indexcase{background:#FAFAFA;height:auto;padding:15px;margin:20px 0 0;}
.indexcase h3{text-align:left;}
.indexcase ul{margin:15px 0 0;float:none;}
.indexcase ul li{width:auto;height:38px;line-height:38px;}
.indexcase ul li a{font-size:14px;padding:0 0 0 13px;}


.path{height:40px;line-height:40px;box-shadow:none;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;}
.path p{font-size:13px;}
.path p i{font-size:13px;}



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

.sidemenu h3,.left_nav h3{color:#333;padding:0 0 0 15px;}
.sidemenu h3::after,.left_nav h3::after{display:block;}
.sidemenu ul,.left_nav dl{display:none;}

.sidemenu ul li{border-bottom:1px solid #E8E8E8;margin:0;}
.sidemenu ul li h5{line-height:22px;font-size:14px;}
.sidemenu ul li h5 a{padding:8px 35px 8px 15px;}

.sidemenu dl{border-top:1px solid #E8E8E8;}
.sidemenu dl dd{padding:10px 0 10px 25px;margin:0;}

.left_nav dl dd{height:38px;line-height:38px;border-bottom:1px solid #E8E8E8;margin:0;}

.about{padding:0 10px;font-size:14px;line-height:22px;}
.about p{margin:0 0 10px 0;}

.factory{}
.factory ul{margin:0 0 0 -2%;}
.factory ul li{float:left;width:48%;margin:25px 0 0 2%;}
.factory ul li img{width:100%;}

.productlist ul li{width:48%;margin:0 0 15px 2%;padding:8px 8px 0;}
.productlist ul li .t h5{font-size:14px;}

.pro_img{float:none;width:420px;margin:0 auto;}
.pro_img .bpic ul li img{width:100%;display:block;}
.pro_img .spic ul li{margin:0 2px;width:60px;}

.pro_view_inner{float:none;width:100%;text-align:center;margin:20px 0 0;}
.pro_view_inner h1{font-size:16px;margin:0;}
.pro_view_inner .share{text-align:center;}
.pro-share{text-align:center;}
.pro_tab ul li{padding:15px 12px;font-size:14px;}

.related-pro ul{margin:0 0 0 -2%;}
.related-pro ul li{width:48%;margin:15px 0 0 2%;}
.related-pro ul li .t h6{font-size:13px;}

.pro-inquiry h4{height:42px;line-height:42px;font-size:18px;}

.projectlist ul li{margin:0 0 20px 0;}
.projectlist ul li .pic{float:none;display:block;overflow:hidden;width:100%;}
.projectlist ul li .nr{margin:0;padding:15px;box-sizing:border-box;}
.projectlist ul li .nr em{display:none;}
.projectlist ul li .nr h5{font-size:18px;margin:0;}
.projectlist ul li .nr a.more{display:none;}
.projectlist ul li:nth-child(2n) .pic{float:none;}
.projectlist ul li:nth-child(2n) .nr{margin:0;text-align:left;}

.newslist ul li{padding:12px;}
.newslist ul li a.pic{width:200px;}
.newslist ul li .t{margin:0 0 0 210px;}

.newsnr h1{font-size:17px;margin:25px 0 0;}
.newsnr .artInfo{padding:25px 0 15px;margin:0;}
.newsnr .artInfo span{font-size:13px;}

.newsnr .myart{line-height:22px;font-size:14px;}
.newsnr .myart p{margin:0 0 7px;}

.rela_list{border:none;margin-top:15px;}
.rela_list li{height:auto;line-height:40px;border:1px solid #B4B4B4;margin:10px 0 0;}
.rela_list li:first-child{border:1px solid #B4B4B4;}
.rela_list li span{float:none;width:100%;display:block;line-height:40px;text-align:left;border-right:none;box-sizing:border-box;border-bottom:1px solid #B4B4B4;}
.rela_list li a{width:100%;margin-left:0;line-height:40px;font-size:13px;box-sizing:border-box;}

.down {}
.down ul{}
.down ul li{border:1px solid #D9D9D9;padding:15px 15px;background:#fff;margin:0 0 15px 0;position:relative;}
.down ul li h4{float:none;width:100%;line-height:24px;padding:0 40px 0 0;box-sizing:border-box;}
.down ul li h4 a{font-size:15px;}

.down ul li span{display:none;}
.down ul li a.more{float:none;position:absolute;top:15px;right:15px;margin:0;}

.videolist ul li{width:48%;margin:0 0 15px 2%;}
.videolist ul li .t{height:80px;}
.videolist ul li .t h5{font-size:13px;padding:0 5px;}



.faq ul li {margin:0 0 15px;padding:12px;}
.faq ul li .tit{height:auto;overflow:visible;}
.faq ul li .tit span{display:none;}
.faq ul li .tit h4{float:none;font-size:14px;color:#222;line-height:20px;height:auto;}

.faq ul li .con{display:block;margin:15px 0 0;}
.faq ul li.active{border:1px solid #898F93;padding:12px;}

.contact{margin:20px 0 0 0;}
.contact .inquirbox{float:none;width:100%;margin:20px 0 0 0;}

.contact .contactinfo {width:100%;float:none;margin:0;font-size:14px;}
.contact .contactinfo .title{font-size:22px;}
.contactinfo p{font-size:14px;margin:10px 0 0 0;}
.contactinfo p i{font-size:20px;}
.contactinfo p span{margin:0 0 0 35px;}
.contactinfo p.p1{margin:20px 0 0 0;}

.inquirShow .row{margin:0;}
.inquirShow dd{margin-bottom:10px;}

.map{margin:20px 0 0 0;}
.map img{width:100%;}

.linetit{margin:30px 0 0 0;}
.linetit h4 span{font-size:22px;}

.honor ul{margin:0 0 0 -2%;}
.honor ul li{float:left;width:48%;margin:15px 0 0 2%;}
.honor ul li a{width:100%;}
.honor ul li img{width:100%;box-sizing:border-box;}


}

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


.pro_img{width:100%;}

.newslist ul li a.pic{float:none;width:100%;}
.newslist ul li .t{margin:15px 0 0;}
.newslist ul li .t h5{font-size:17px;}
.newslist ul li .t a.more{display:none;}



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

.contact .contactinfo .title{font-size:18px;}

}

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

.header .logo img{height:70px;}

.copyright .share img{width:30px;}

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




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


}