/* by Adon , CSS Document */

.products{ float:left; width:100%; text-align:center; color:#fff;}
.products ul li{ float:left; height:768px; width:100%; margin-top:5%;}
.products ul li .item{ position:relative; top:50%; margin-top:-150px;}
.products ul li .item .p1{ font-size:80px;}
.products ul li .item .p1 a{ color:#fff;}
.products ul li .item .p2{ font-size:45px; letter-spacing:10px;}
.products ul li .item .p2 a{ color:#fff;}
.products ul li .item .p3{ background:#fff; height:1px; margin:2.5% auto;width:100%; max-width:530px; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5}
.products ul li .item .p4 a{ display:inline-block; background:#fff; font-size:15px; line-height:46px; width:160px; margin:0 10px 10px 10px;}



/*.products{ float:left; width:100%;}

.products li.w2 a{ width:50%; float:left;}

.products li .thumb{ height:881px; width:100%; position:relative;}

.products li .thumb .item{ position:absolute; left:0; bottom:15%;max-width:370px; margin:0 auto; text-align:center;color:#fff;right:0;}

.products li .thumb .item .bor{ border:solid 1px #fff; padding:15px 0;}

.products li .thumb .item:hover .bor{ border:solid 1px #d30000; background:#d30000;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.products li .thumb .item span{ display:block; font-size:32px; text-transform:uppercase}

.products li .thumb .item font{ display:block; font-size:25px;}

.products li .thumb .item em{ display:block; font-size:18px; font-style:normal; margin-top:30px;}

.products li p{ font-size:22px; text-align:center; color:#55504f; padding:100px 15px; clear:both;}

.products li .p1{ background:url(../img/product-list1.jpg) no-repeat center; background-size:cover}

.products li .p2{ background:url(../img/product-list2.jpg) no-repeat center; background-size:cover}

.products li .p3{ background:url(../img/product-list3.jpg) no-repeat center; background-size:cover}

.products li .p4{ background:url(../img/product-list4.jpg) no-repeat center; background-size:cover}

.products li .p5{ background:url(../img/product-list5.jpg) no-repeat center; background-size:cover}

.products li .p6{ background:url(../img/product-list6.jpg) no-repeat center; background-size:cover}

.products li .p7{ background:url(../img/product-list7.jpg) no-repeat center; background-size:cover}
*/

.products-list { float:left; position:relative;width:100%; height:1024px; color:#fff; text-align:center;}

.products-list .item{ position:absolute; left:0; top:50%; right:0; margin:-135px auto;}

.products-list .item .p1{ font-size:25px;}

.products-list .item .p2{ font-size:80px;}

.products-list .item .p3{ height:1px; background:#fff; width:100px; margin:25px auto;}

.products-list .item .p4{ font-size:50px; letter-spacing:8px;}

.products-size{ font-size:18px; border-bottom:solid 1px #d9d9d9; line-height:60px;color:#5e5e5e;}

.products-size ul li a{color:#5e5e5e;}

.products-size ul li{ float:left; background:url(../img/bor.png) no-repeat right; margin-right:25px; padding-right:25px;}

.products-size ul li.on,.products-size ul li.clear{ background:none}

.products-size ul li.on{ padding-right:0}

.products-lists { float:left; position:relative;width:100%; padding-bottom:5%;}

.products-lists .p{ text-align:center; font-size:16px; color:#5e5e5e; line-height:26px; max-width:860px; margin:10% auto;}

.products-lists ul li{ float:left; width:24%; margin-right:1%; margin-bottom:5%}

.products-lists ul li.clear{ margin-right:0;}

.products-lists ul li span{ display:block; font-size:18px; color:#5e5e5e; margin:15px 0;}

.pro-pic{ margin-bottom:5%;}

.pro-pic ul li{width:48.8%;float:left; margin-right:1%;margin-bottom:1%;}

.pro-pic ul li.r{ margin-right:0;}

.products-slider { float:left; position:relative;width:100%; height:770px; margin-top:10%;color:#fff; text-align:center;}

.products-slider span{ position:absolute; left:0; top:50%; right:0; margin:-30px auto; font-size:40px;}

.products-des{ background:#f5f5f5; font-size:17px; color:#5e5e5e; padding:15% 20%; overflow:hidden;}

.products-view{ color:#5e5e5e;overflow:hidden; margin:8% 0 5% 0; text-align:center;}

.products-view .p{ font-size:25px; margin-bottom:8%;}

.products-view ul li{ float:left; width:24%; margin-right:1.3%; margin-bottom:5%}

.products-view ul li.clear{ margin-right:0;}

.products-view ul li span{ display:block; font-size:20px; color:#5e5e5e; margin:15px 0;}

.products-brick{ overflow:hidden; margin-bottom:8%;}



@media (max-width:1024px){

.products-list .item .p1{ font-size:22px;}

.products-list .item .p2{ font-size:70px;}

.products-list .item .p4{ font-size:40px;}

.products-size{ font-size:16px;}

.products-lists .p{ font-size:15px;}

.products-lists ul li span,.products-view ul li span{ font-size:16px;}

.pro-pic ul li{width:48.8%;}

}

@media (max-width:768px){
	
.products-slider{background-size: cover !important;}	
.products-list{ background-attachment: inherit !important}	
.products ul li{ padding:35% 0; height:auto;}
.products ul li .item{ position:static; margin-top:0;}	
.products ul li .item .p1{ font-size:60px;}	
.products ul li .item .p2{ font-size:35px;}	
.products ul li .item .p3{ margin:5% auto;}
	

.products-list{ height:auto; padding:50% 0;}	

.products-list .item{ position:static; margin:0 auto;}	

/*.products li.w2 a{ width:100%;}

.products li .thumb .item span{ font-size:26px;}

.products li .thumb .item font{ font-size:20px;}

.products li .thumb .item em{ font-size:16px;}

.products li p{ font-size:18px; padding:10% 15px;}

.products li .thumb{ height:800px;}
*/
.products-lists ul li,.products-view ul li{ width:31.33%; margin-left:1% !important; margin-right:1% !important;} 

.products-view .p{ font-size:22px;}

.products-slider span{ font-size:32px;}

}

@media (max-width:640px){

.products li .thumb{ height:700px;}

}

@media (max-width:480px){
	
.products ul li .item .p1{ font-size:45px;}	
.products ul li .item .p2{ font-size:23px;}	
.products ul li .item .p4 a{font-size: 13px;line-height: 40px;width: 150px;}
	

/*.products li .thumb{ height:600px;}

.products li .thumb .item{ width:75%;}

.products li .thumb .item span{ font-size:22px;}

.products li .thumb .item font{ font-size:16px;}

.products li .thumb .item em{ font-size:14px;}

.products li p{ font-size:14px;}
*/
.products-list .item .p1{ font-size:18px;}

.products-list .item .p2{ font-size:50px;}

.products-list .item .p4{ font-size:30px;}

.products-size{ font-size:14px; padding:10px 0; line-height:40px;}

.products-lists .p{ font-size:13px;}

.products-lists ul li,.products-view ul li{ width:48%;}

.products-lists ul li span,.products-view ul li span{ font-size:14px;}

.pro-pic ul li{ margin-bottom:2% !important;}

.pro-pic ul li{width:100%; margin-left:0 !important; margin-right:0 !important; }

.products-des{ font-size:14px;}

.products-slider{ height:auto; padding:75% 0;}

.products-slider span{ position:static; margin:0;}

.products-view .p{ font-size:18px;}

}

@media (max-width:320px){


.products ul li .item .p1{ font-size:40px;}	
.products ul li .item .p2{ font-size:20px; letter-spacing:6px;}	
.products ul li .item .p4 a{line-height:35px;width: 120px;}	

/*.products li .thumb{ height:500px;}

.products li .thumb .item span{ font-size:18px;}

.products li .thumb .item font{ font-size:14px;}

.products li .thumb .item em{ font-size:13px;}

.products li p{ font-size:13px;}
*/
.products-list .item .p1{ font-size:16px;}

.products-list .item .p2{ font-size:42px;}

.products-list .item .p4{ font-size:24px;}

.products-size{ font-size:13px;}

.products-lists .p{ font-size:12px; line-height:24px;}

.products-lists ul li span,.products-view ul li span{ font-size:12px;}

.products-des{ font-size:13px;}

}