/* by Adon , CSS Document */







.title50{ font-size:50px; line-height:60px; text-transform:uppercase}

.title20{ font-size:20px;}

.title15{ font-size:15px;}

.products-pic{position:relative;overflow:hidden; float:left; width:100%; height:677px; margin-bottom:7.5%;}

.products-pic .container{ height:100%;position:relative;}

.products-pic .box{position:absolute;left:0;top:0;width:545px; padding:13% 5%;background:#dadada; height:100%;}

.products-pic .box .p2 font{ display:block; height:1px; background:#c4c4c4; max-width:230px; width:100%; margin:10% 0;}

.products-pic .box .p3{ max-width:530px;}

.products-list ul{ width:101%;}

.products-list li{ float:left; margin:1px; width:49.5%; position:relative; overflow:hidden;}

.products-list li img{ display:block; width:100%;}

.products-list li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.products-list li .box{ position:absolute; left:12.5%; bottom:12.5%; color:#fff;}

.products-list li .box .p1{ font-size:35px;}

.products-list li .box .p2{ font-size:14px; text-transform:uppercase;}

.products-view{position:relative;overflow:hidden; float:left; width:100%; height:800px;}

.products-view .box{position:absolute;left:0;top:50%; margin:-80px 0;color:#fff;width:100%;height:100%;}

.products-view .box .p1{ font-size:70px; text-transform:uppercase}

.products-view .box .p2{ max-width:450px; margin-top:5px; font-size:16px;}

.products-content{ float:left; width:100%;}

.products-content .t{ margin:5% 0 10% 0; text-transform:uppercase; line-height:35px; float:left; width:100%;}

.products-content .t span{ font-size:25px;}

.products-content .t nav a{ float:left; margin-left:25px; font-size:16px;}

.products-content .p{ font-size:20px; max-width:410px;}

.products-content .products-attc { overflow: hidden; margin:2.5% 0 5% 0;}

.products-content .products-attc  li{ max-height:1000px; overflow:hidden;}

.products-content .products-attc .owl-pagination{ text-align:center; margin:2.5% 0;}

.products-content .products-attc .owl-pagination .owl-page{ display:inline-block; width:13px; height:13px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;background:#eaeaea; margin:0 5px;}

.products-content .products-attc .owl-pagination .owl-page.active{ background:#000}

.products-size{position:relative;float:left; width:100%;font-size:18px;}

.products-size span{ width:25%; padding-left:7.5%; font-size:35px;}

.products-size span font{ margin-top:5%; font-size:20px;}

.products-size ul{ width:75%; float:left;}

.products-size ul li{ position:relative;float:left; color:#404040;display:none;margin-right:20px; margin-bottom:20px;border:solid 2px #dfdfdf;}

.products-size ul li p{ position:absolute; left:7.5%; bottom:7.5%}

.products-size ul li.size1{ width:235px; height:235px;} 

.products-size ul li.size3{ width:117px; height:235px;} 

.products-size ul li.size2{ width:444px; height:235px;} 

.products-parameter{ text-align:center;}

.products-content .a{border-bottom:solid 1px #f4f4f4; padding-bottom:2.5%; margin-bottom:5%; margin-top:10%;font-size:18px; text-align:center;}

.products-content .a a{ margin:0 2.5%; font-weight:bold;color:#000; display:inline-block; text-transform:uppercase}

.products-color{ width:100%; padding:0 15%;margin:0 auto; overflow:hidden;}

.products-color li{ float:left; width:98%; text-align:center;margin:1%}

.products-color1 li{ width:14%;}

.products-color li span{ display:block; font-size:16px; text-transform:uppercase; font-weight:bold; margin:5% 0;}

.products-lists{ margin-top:10%;}

.products-lists li{float:left; width:24%; overflow:hidden; position:relative;margin-right:1.33%;font-size:13px;margin-bottom:5%;}

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

.products-lists li img{ display:block; width:100%;}

.products-lists li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.products-lists li .box{ position:absolute; left:12.5%; bottom:12.5%; color:#fff;}

.products-lists li .box .p1{ font-size:35px;}

.products-lists li .box .p2{ font-size:14px; text-transform:uppercase;}

#other li .box .p1{ font-size:26px;}







@media (max-width:1366px){

.products-pic .box{ left:15px;}

}

@media (max-width:1024px){

.title50{ font-size:40px; line-height:45px;}

.title20{ font-size:16px;}

.title15{ font-size:14px;}

.products-pic{ height:auto;}

.products-pic .box{ position:static; padding:15% 5%; width:50%;}

.products-list li .box .p1{ font-size:30px;}

.products-color1 li{ width:23%;}

}

@media (max-width:768px){

.title50{ font-size:30px; line-height:35px;}

.products-list li{ width:49.5%}

.products-view{ height:auto;padding:25% 0; height:auto; background-attachment:inherit; background-position:center bottom; background-size:contain}

.products-view .box{ position:static; margin:0;}

.products-view .box .p1{ font-size:60px;}

.products-view .box .p2{ font-size:15px;}

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

.products-size span{ width:100%; padding-left:0}

.products-size ul{ width:100%; margin-top:5%;}

.products-size ul li.size1{ width:175px; height:175px;}

.products-size ul li.size3{ width:87px; height:175px;}

.products-size ul li.size2{ width:275px; height:175px;}

.products-color{ padding-left:0; padding-right:0}

.products-color li span{ font-size:16px;}

.products-lists li{ width:49%; margin:0.5% !important}	

.products-list li .box .p1{ font-size:26px;}

}

@media (max-width:640px){

.products-view .box .p1{ font-size:50px;}

}

@media (max-width:480px){

.title50{ font-size:24px; line-height:30px;}

.title20{ font-size:14px;}

.title15{ font-size:13px;}

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

.products-pic .box .p2 font{ margin:20px 0;}

.products-list li{ width:100%; margin:2px 0;}

.products-list li .box .p1,.products-lists li .box .p1{ font-size:24px;}

.products-list li .box .p2,.products-lists li .box .p2{ font-size:13px;}

.products-view .box .p1{ font-size:36px;}

.products-view .box .p2{ font-size:14px;}

.products-content .t nav{ float:left; margin-top:5%;}

.products-content .t nav a{ margin-left:0; margin-right:20px;}

.products-content .t{ margin:10% 0 15% 0; line-height:normal}

.products-content .p{ font-size:14px;}

.products-content .products-attc {margin:5% 0 10% 0;}

.products-content .t span{ font-size:22px;}

.products-content .t nav a{ font-size:14px;}

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

.products-size,.products-size span font{ font-size:14px;}

.products-color1 li{ width:48%;}

.products-color li span{ font-size:14px;}

.products-color1{ padding:5% 0; margin:5% 0;}

.products-lists li{ width:100%; margin:1% 0 !important}	


.products-content .a{ font-size:15px; padding-bottom:5%; margin-top:15%;}

}

@media (max-width:320px){

.title50{ font-size:22px; line-height:25px;}

.title20{ font-size:13px;}

.title15{ font-size:12px;}

.products-list li .box .p1,.products-lists li .box .p1{ font-size:26px;}

.products-view .box .p1{ font-size:30px;}

.products-view .box .p2{ font-size:13px;}

}