/* by Adon , CSS Document */


.slider{ float:left; width:100%; position:relative; color:#fff; font-size:15px; height:1024px;background:url(../img/banner_clothes.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider .item { position:relative;text-align:center; width:100%; top:50%; margin:-100px auto;}
.slider .item .p2{ max-width:670px; margin:35px auto;}
.content{ float:left; width:100%; margin:10% 0 5% 0;}
.content big{ display:block; font-size:25px; text-transform:uppercase; color:#2c2c2c; text-align:center;}
.content small{ display:block; font-size:15px; max-width:870px; margin:2.5% auto 5% auto; text-align:center;}
/*.content ul li{ float:left; width:20%; text-align:center; margin:1.5% 0;}*/
.content .content-a{ overflow:hidden;clear:both;}
.content .content-a a{ float:left; width:32.33%; margin-right:1.5%; margin-bottom:1.5%; position:relative;}
.content .content-a a .item{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/bantouming.png) repeat;}
.content .content-a a .item span{ position:absolute; bottom:0; left:0; font-size:25px; color:#fff; text-transform:uppercase; width:100%; padding:0 30% 15% 10%}
.content .content-a a.clear{ margin-right:0;}
.content .content-a a:hover .item{ display:block}

.content .about{ float:left; width:100%; position:relative; border-top:solid 1px #dddddd; padding:5% 0 2.5% 0; margin-top:2.5%;}
.content .about .item{ position:absolute; top:50%; left:0; margin-top:-100px;right:0; text-align:center; color:#fff;}
.content .about .item .p1{ text-transform:uppercase;font-size:40px;}
.content .about .item .p2{ font-size:15px; max-width:630px; margin:30px auto; padding:0 15px;}
.content .about .item .p3 { border:solid 1px #fff; border-radius:50px; width:160px; line-height:40px; text-align:center; margin:0 auto; font-size:15px;}
.content .about .item .p3 a{ color:#fff;}


.ajax-view{ position:fixed; top:0; left:0; background:url(../img/bantouming.png) repeat; width:100%;display:none;height:100%; z-index:99}
.ajax-vieww{ position: fixed; top:90px; left:0; margin:0 auto; background:#fff; z-index:99; right:0; max-width:1111px;width:100%; padding:5%;}
.ajax-vieww .closes{ position:absolute; top:5%; right:5%;}
.ajax-vieww .thumb{ overflow:hidden; position:relative;float:left; max-width:385px; width:40%; }
.ajax-vieww .thumb em{ position:absolute; right:5%; bottom:5%; background:url(../img/da.png) no-repeat center; width:25px; height:25px;}
.ajax-vieww .thumb .pic{ float:left; width:100%; height:100%;}
.ajax-vieww .thumb img{ max-width:385px;}
.ajax-vieww .item{ float:right; max-width:540px; color:#919191; font-size:18px; width:55%;padding-top:5%;}
.ajax-vieww .item .p1{ margin-bottom:15px;}



.content .ul1{ text-align:center; position:relative; margin:5% auto;}
.content .ul1 li img{ max-height:679px;}
.content .ul1 .prev{ position:absolute; top:50%; left:0; z-index:9; margin-top:-30px;}
.content .ul1 .next{ position:absolute; top:50%; right:0; z-index:9; margin-top:-30px;}
.content .ul2 { overflow:hidden; border:solid 1px #e1e1e1; border-left:none; border-right:none; padding:5% 0; margin:5% 0;}
.content .ul2 ul{ float:left; width:100%; }
.content .ul2 ul li{ float:left; width:21%; color:#919191; margin-bottom:25px;margin-right:5%;}
.content .ul2 ul li span{ display:block; font-size:20px;}
.content .ul2 ul li p{ height:42px;display:block; font-size:15px; margin-top:5px;}
.content .ul2 ul li.clear{ margin-right:0;}



@media (max-width:1024px){
.slider{background-attachment: inherit !important}
	
.slider{ height:auto;}
.slider .item{ margin:30% auto;}

.content .about .item .p1{ font-size:34px;}

.content .ul2 ul li span{ font-size:16px;}
.content .ul2 ul li p{ font-size:12px; height:34px;}
}
@media (max-width:768px){
.slider{ font-size:13px;}
.content .content-a a{ width:48%; margin-left:1% !important;margin-right:1% !important}
.content .content-a a .item span{ font-size:18px;}

.content .about .item .p1{ font-size:28px;}

.ajax-vieww .thumb,.ajax-vieww .item,.ajax-vieww .thumb img{ max-width:100%;}

.content .ul2 ul li span{ font-size:14px;}
}
@media (max-width:640px){
.content .about .item .p1{ font-size:30px;}
.content .about .item .p2{ font-size:14px;}	
.ajax-vieww .item{ font-size:14px;}

.content .ul2 ul li{ width:31.33%; margin-left:1% !important; margin-right:1% !important;}
}
@media (max-width:480px){
.slider .item{ margin:50% auto;}
.content big{ font-size:22px;}
.content{ margin:15% 0 10% 0;}
.content small{ font-size:13px; margin:5% 0 10% 0;}
/*.content ul li{ width:50%;}
.content ul li img{ width:80%;}*/
.content .content-a a .item span{ font-size:14px;}

.content .ul1 .prev img,.content .ul1 .next img{ height:40px;}


.content .about .item .p2{ display:none}
.content .about .item{ margin-top:-40px;}
.content .about .item .p1{ font-size:20px; margin-bottom:15px;background-position:65%; background-size:6%;}
.content .about .item .p3{ font-size:13px; width:130px; line-height:35px;}
.ajax-vieww .item{ font-size:12px;}
.ajax-vieww .thumb em{ width:20px; height:20px; background-size:cover;}


.content .ul2 ul li{ width:48%; margin-left:1% !important; margin-right:1% !important;}
.content .ul2 ul li p{height:auto;}
}
@media (max-width:320px){
.content .content-a a .item span{ font-size:12px;}

.content .ul1 .prev img,.content .ul1 .next img{ height:30px;}

.content .about .item .p3{ font-size:12px; width:120px; line-height:30px;}	
	
}