@charset "utf-8";


@media screen and (max-width:768px){
.visible-xs-block{display:block;}
.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}
.nav,.search{display:none;}
.mo-header .header-lang{display:block;}

#footerToolBar {background: #305494;border-top: 1px solid rgba(255, 255, 255, 0.8);}
#footerToolBar,.toolMask {display: block;}

.top{height:auto;background:#fff;padding:15px 0 10px 0;}
.fix{position:static;}

.header{height:auto;width:100%;}
.header .logo{float:none;margin:0;text-align:center;}
.header .logo img{height:110px;}

.header-right{float:none;width:100%;margin:10px 0 0 0;}
.header-right h2{font-size:40px;text-align:center;}
.header-right .header-right-bot{display:none;}

#footer{height:auto;padding:20px 0;}
#footer h5{font-size:30px;text-align:center;}
#footer .logo{float:none;width:100%;text-align:center;}
#footer .logo img{height:100px;}

.foot-about{float:none;margin:10px 0 0;width:100%;text-align:center;}

.foot-tel{float:none;margin:10px 0 0;width:100%;}
.foot-tel p{font-size:16px;padding:28px 0 0 0;text-align:center;}
.foot-tel p a{color:#666;}
.foot-tel p.tel{background:url("i4.png")/*tpa=https://www.ruifengapparel.com/templates/default/images/i4.png*/ no-repeat center top;}
.foot-tel p.mail{background:url("i5.png")/*tpa=https://www.ruifengapparel.com/templates/default/images/i5.png*/ no-repeat center top;}

.foot-addr{float:none;margin:10px 0 0;width:100%;}
.foot-addr p{color:#363636;font-size:16px;background:url("i6.png")/*tpa=https://www.ruifengapparel.com/templates/default/images/i6.png*/ no-repeat center top;padding:32px 0 0 0;text-align:center;}


.copyRight {height:auto;padding:15px 0 60px 0;}
.copyRight p{font-size:14px;}


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


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

}


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

.indexA{padding:0 0 20px 0;}
.indexA h3{font-size:50px;padding:18px 0;text-align:center;}
.indexA img{width:100%;}
.indexA img:hover{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}

.indexA .indexA-1{float:left;width:32.333333%;}
.indexA .indexA-2{float:left;width:32.333333%;margin:0 0 0 1%;}
.indexA .indexA-3{float:right;width:32.333333%;height:auto;}


.indexB{margin-top:0;background:url("ibg1.jpg")/*tpa=https://www.ruifengapparel.com/templates/default/images/ibg1.jpg*/ repeat center top;height:auto;padding:15px 0;}
.indexB .indexabout{float:none;width:100%;padding:0 10px;margin:0;}
.indexB .indexabout h3{font-size:50px;text-align:center;}
.indexB .indexabout p{font-size:14px;line-height:24px;margin:15px 0 0 0;}

.indexB .v{float:none;margin:20px auto 0;width:460px;height:244px;}
.indexB a.more{width:50px;height:50px;line-height:50px;}
.indexB a.more i{color:#D9261C;font-size:30px;}


.indexC{padding:30px 0 0 0;}
.indexC .t{float:none;width:100%;}
.indexC .t h3{font-size:50px;text-align:center;}
.indexC .t h3 b{font-size:50px;}
.indexC .t ul{margin:0 auto 0;width:380px;}

.indexC .pic{float:none;width:579px;margin:20px auto 0;}


.indexD{padding:30px 0 0 0;}
.indexD img:hover{transform:scale(1); -ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
.indexD .listA{margin:0 0 0 -1%;}
.indexD .listA p{float:left;width:32.33333%;margin:0 0 0 1%;overflow:hidden;}
.indexD .listA p img{width:100%;}

.indexD .listB .t{float:left;width:49%;overflow:hidden;}
.indexD .listB .t img{width:100%;display:block;}
.indexD .listB .t h5{height:50px;line-height:50px;font-size:28px;text-align:center;}
.indexD .listB .t a.more{height:55px;line-height:55px;font-size:28px;}

.indexD .listB p{float:right;width:49%;margin:0;overflow:hidden;}
.indexD .listB p:last-child{float:none;width:100%;padding:10px 0 0 0;background:#fff;}
.indexD .listB p img{width:100%;}


.indexE{margin-top:30px;height:auto;padding:30px 0;}
.indexE h3{font-size:40px;padding:0;}
.indexE p{font-size:15px;margin:20px 0 0;}

.indexE .sendemail{margin:20px 0 0 0;}
.indexE .sendemail .post-text{width:370px;height:50px;line-height:50px;padding:0 0 0 20px;font-size:15px;}
.indexE .sendemail .post-btn{margin:0;font-size:15px;width:178px;height:50px;}

.contact .contactinfo h5{font-size:26px;}
.contact .contactinfo .txt{width:100%;margin:0;}
.contact .contactinfo .txt dl dt{width:100%;float:none;text-align:center;margin:0 0 10px 0;}
.contact .contactinfo .txt dl dd{float:none;width:100%;text-align:center;}
.map iframe{width:100%;}

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

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

.faq ul li .tit h4{float:none;margin:0 0 0 70px;}
.faq ul li .con .t{float:none;margin:5px 0 0 70px;width:auto;}

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


.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{width:31.3333%;float:left;margin:15px 0 0 2%;}
.productlist ul li img{width:100%;display:block;border:1px solid #ccc;padding:1px;box-sizing:border-box;}


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

.pro_img{float:none;text-align:center;width:450px;margin:0 auto;}
.spic{float:none;}
.pro_view_inner{float:none;width:100%;margin:20px 0 0 0;}
.pro_view_inner h1{color:#333;font-weight:bold;font-size:22px;margin:8px 0 0 0;text-align:center;}
.pro_tab{display:none;}




.why h4 {margin:50px 10px 30px;font-size:28px;line-height:20px;}


.why-1{line-height:23px;font-size:15px;color:#111;}
.why-1 p{margin:10px 0 0 0;}
.why-1 ul{margin:30px 0 0 -2%;}
.why-1 ul li{float:left;width:31.3333%;margin:0 0 0 2%;}
.why-1 ul li img{width:100%;}

.why-2{margin:0;}
.why-2 ul{margin:20px 0 0 -2%;}
.why-2 ul li{float:left;width:31.3333333%;margin:10px 0 0 2%;}
.why-2 ul li img{width:100%;}


.why-3 img{width:100%;}

.why-4{margin:0;background:url("ibg8.png")/*tpa=https://www.ruifengapparel.com/templates/default/images/ibg8.png*/ no-repeat center bottom;padding:0 0 50px 0;}
.why-4 ul{margin:40px 0 0 -20px;text-align:center;font-size:0;}
.why-4 ul li{display:inline-block;margin:0 10px;}
.why-4 ul li img{width:100%;}

.why-6{padding:10px;text-align:center;}
.why-6 img{float:none;}
.why-6 img.wx{float:none;margin:20px 0 0 0;}
.why-6 .txt{float:none;width:100%;margin:20px 0 0 0;}
.why-6 .txt dl{line-height:22px;font-size:13px;}










}

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


.indexC .pic{width:100%;box-shadow:none;}

.indexE{margin-top:20px;padding:20px 0;}
.indexE h3{font-size:30px;}
.indexE p{font-size:14px;margin:10px 0 0;}

.indexE .sendemail{margin:15px 0 0 0;}
.indexE .sendemail .post-text{width:240px;height:45px;line-height:45px;padding:0 0 0 10px;font-size:14px;}
.indexE .sendemail .post-btn{font-size:14px;width:100px;height:45px;}








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

.pro-content img{width:100%;height:auto;}

.pro_img{float:none;margin:1%;width:98%;}
.pro_img .bpic img{width:100%;height:auto;}

.spic{width:100%;float:none;}
.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%;padding:0 5px 5px 5px;}
	
.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) {

.header .logo img{height:80px;}
.header-right h2{font-size:28px;}

.foot-about a{display:inline-block;padding:0;background:none;font-size:13px;margin:0 3px 16px;}
.foot-about br{display:none;}

.indexA h3{font-size:30px;}
.indexB .indexabout h3{font-size:30px;}
.indexB .v{float:none;margin:20px auto 0;width:100%;height:auto;}

.indexC .t h3{font-size:30px;}
.indexC .t h3 b{font-size:30px;}
.indexC .t ul li{font-size:15px;}

.indexD .listB .t h5{height:35px;line-height:35px;font-size:20px;}
.indexD .listB .t a.more{width:100%;height:35px;line-height:35px;font-size:20px;}
.indexD .listB .t a.more:hover{background:#DA251C;}

.contact .contactinfo h5{font-size:22px;}
.contact .inquirbox h5{font-size:22px;}


.honor ul li{width:48%;}

.productlist ul li{width:48%;}

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


}


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

.why h4 {margin:30px 0 20px;font-size:24px;line-height:20px;}
.why-1{line-height:23px;font-size:13px;color:#111;}
.why-1 p{margin:10px 0 0 0;}
.why-1 ul{margin:20px 0 0 0;}
.why-1 ul li{float:none;width:100%;margin:10px 0 0 0;text-align:center;}
.why-1 ul li img{width:auto;}

.why-2 ul li{width:48%;}

.why-4{margin:0;background:url("ibg8.png")/*tpa=https://www.ruifengapparel.com/templates/default/images/ibg8.png*/ no-repeat center bottom;padding:0 0 50px 0;}
.why-4 ul{margin:40px 0 0 -2%;}
.why-4 ul li{display:block;float:left;width:48%;margin:0 0 0 2%;}
.why-4 ul li img{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%;}



}

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

.indexC .t ul{margin:0;width:100%;}

.indexE h3{font-size:24px;}
.indexE p{font-size:13px;}
.indexE .sendemail .post-text{width:200px;font-size:13px;}
.indexE .sendemail .post-btn{font-size:13px;}

#footer h5{font-size:18px;}

.why-1 ul li img{width:100%;}
.why-6 img{width:100%;}
.why-6 img.wx{width:auto;}



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