/* by Adon , CSS Document */





.slider{overflow:hidden;position:relative; margin-bottom:2px;}

.slider .slider-page{ width:100%; position:absolute; bottom:0; left:0; right:0; z-index:11}

.slider .slider-page p{ width:330px; height:82px; padding-left:0;background:#dadada; line-height:82px;font-size:14px; text-transform:uppercase}

.slider .slider-page p a{ margin-left:20px;}

.slider,.slider li,.slider li a{float:left;width:100%; overflow:hidden; text-align:center;}

.slider li{position:relative;overflow:hidden}

.slider li .box{position:absolute;right:0;top:50%;margin-top:-170px;width:100%;color:#fff;}

.slider li .box .p2{ max-width:450px; margin-top:80px; margin-left:auto; margin-right:auto;}

.products .ul1 li{position:relative;overflow:hidden; float:left; width:100%; margin:2px 0;}

.products .ul1 li img{ display:block; margin:0 auto;}

.products .ul1 li .box{position:absolute;right:0;top:50%;margin-top:-125px;width:100%;color:#fff;}

.products .ul1 li .box .p2 font{ display:block; height:1px; background:#fff; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; max-width:230px; width:100%; margin:3% 0;}

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

.products .ul1 li.l4{ width:99.5%; margin:2px 0.25%; text-align:center;}

.products .ul1 li.l2{ color:#fff;}

.products .ul1 li.l4 .box .p2 font,.products .ul1 li.l4 .box .p3{ margin-left:auto; margin-right:auto;}

.products .ul1 li.l1 .box{ text-align:right;}

.products .ul1 li.l1 .box .p2 font{margin:3% 0 3% auto;}

.products .ul1 li.l1 .box .p3{margin: 0 0 0 auto;}

.products .ul1 li.l2 .box{ color:#fff}

.products .ul1 li.l2 .box .p2 font{ background:#ccc}

.products .ul2 {max-width: 1920px;margin: 0 auto;}

.products .ul2 li{position:relative;overflow:hidden; float:left; width:49%; margin:0.5%;}

.products .ul2 li .box{position:absolute;right:0;bottom:10%; text-align:center;width:100%;color:#fff;}

/*.products .ul2 li.l1 .box .p3{ margin-top:30%}

.products .ul2 li.l1 .box{ color:#000}*/

.products .ul2 li .box .p3{ max-width:530px; margin:2.5% auto;}

.title55{ font-size:75px; line-height:65px; text-transform:uppercase}

.title20{ font-size:20px;}

.title16{ font-size:16px;}











@media (max-width:1366px){

.slider li img{ width:150%; max-width:150%; margin-left:-25%}

.products li img{ width:150%; max-width:150%; margin-left:-25%}

}

@media (max-width:1024px){

.title55{ font-size:45px; line-height:50px;}

.title20{ font-size:16px;}

.title16{ font-size:14px;}

}

@media (max-width:768px){

.title55{ font-size:36px; line-height:40px;}

.products .ul1 li .box{ margin-top:-85px;}

}

@media (max-width:640px){

.slider .slider-page{ display:none}

.products .ul2 li{ width:100%; margin-left:0 !important; margin-right:0 !important}

.products .ul2 li img{ width:100%; max-width:100%; margin-left:0}

.products .ul2 li.l1 .box .p3{ margin-top:25%;}

}

@media (max-width:480px){

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

.title20{ font-size:14px;}

.title16{ font-size:13px;}

.slider li .box{ margin:-100px 0;}

.slider li .box .p2{margin-top:30px;}

.products .ul1 li .box{ margin-top:-65px;}

.products .ul2 li .box{ bottom:10%;}

}

@media (max-width:320px){

.title55{ font-size:26px; line-height:30px;}

.title20{ font-size:13px;}

.title16{ font-size:12px;}

.slider li .box{ margin:-90px 0;}

.slider li .box .p2{margin-top:20px;}

.products .ul2 li.l1 .box .p3{ margin-top:15%;}

}