/* by Adon , CSS Document */

.advantage{ float:left; width:100%;position:relative;height:1024px;color:#fff; text-align:center;}
.advantage-bg{background:url(../img/advantage.jpg) no-repeat center;background-size:cover;}
.support-bg{background:url(../img/support.jpg) no-repeat center;background-size:cover;}
.advantage .item{position:absolute;left:0;right:0;margin:-80px auto 0 auto;top:50%;}
.advantage .item .p1{font-size:25px;text-transform:uppercase}
.advantage .item .p2{font-size:65px;letter-spacing:20px;}
.advantage .item .p3{font-size:20px;text-transform:uppercase}
.advantage-ul{ float:left; width:100%; margin:8% 0; overflow:hidden;}
.advantage-ul ul li{ float:left; width:95%; position:relative;}
.advantage-ul .advantage-l li span{ display:block; font-size:25px; line-height:35px;}
.advantage-ul .advantage-l li img{ display:block; margin:5% 0 10% 0;}
.advantage-ul .advantage-l li span font{ float:right; text-transform:uppercase; font-size:18px;}
.advantage-ul .advantage-l li p{ font-size:14px; color:#5f5f5f; padding:0 5%;}
.advantage-ul .support-l li .item{ position:absolute; left:0; top:0; padding:15% 10%;width:100%; height:100%; color:#fff;}
.advantage-ul .support-l li .item span{ display:block; font-size:40px;}
.advantage-ul .support-l li .item font{ display:block; font-size:18px;text-transform:uppercase}
.advantage-ul .support-l li .item p{font-size:14px; margin-top:100%;}
.advantage-ul .container{ position:relative; height:100%;}
.advantage-ul .owl-buttons>div{ width:40px; height:40px; position:absolute; top:35%;text-indent:9999px;}
.advantage-ul .owl-buttons .owl-prev{ left:-80px; background:url(../img/prev.png) no-repeat;}
.advantage-ul .owl-buttons .owl-next{ right:-60px;background:url(../img/next.png) no-repeat;}
.advantage-process{ float:left; width:100%; background:#515151; color:#fff; padding:5% 0 8% 0;font-size:15px;}
.advantage-process big{ display:block; text-align:center; color:#fff; font-size:30px; padding:30px 0;}
.advantage-process big font{ display:block; text-transform:uppercase; font-size:20px;}
.advantage-process ul{ float:left; width:100%;}
.advantage-process .p li{ float:left; width:19%; border:solid 1px #747474; padding:5% 2.5%; min-height:210px;margin-left:-1px; margin-right:1%;}
.advantage-process .p li.clear{ margin-right:0;}
.advantage-process .ul li{ float:left; width:19.5%; text-align:center; background:url(../img/advantage.png) no-repeat right 79px;}
.advantage-process .ul li span{ display:block; margin:5% 0 15% 0;}
.advantage-process .ul li.clear{ background:none;}

@media (max-width:1024px){
.advantage{ padding:50% 0; height:auto;}
.advantage .item{ position:static; margin-top:0;}
.advantage-ul .owl-buttons{ display:none;}
.advantage-process .ul li{ background-position:right 30%;}
.advantage-process .ul li img{ width:55%;}
}
@media (max-width:768px){
.advantage-process{ font-size:13px;}
.advantage-process .ul li{ background-size:10px;}
.advantage-process big{ font-size:24px;}
.advantage-process big font{ font-size:16px;}
}
@media (max-width:640px){
.advantage .item .p1{ font-size:20px;}
.advantage .item .p2{ font-size:55px;letter-spacing:10px;}
.advantage .item .p3{ font-size:18px;}
.advantage-ul .advantage-l li span{ font-size:20px; line-height:26px;}
.advantage-ul .advantage-l li span font{ font-size:14px;}
.advantage-ul .support-l li .item p{ margin-top:80%;}
.advantage-ul .support-l li .item span{ font-size:32px;}
}
@media (max-width:480px){
.advantage .item .p1{ font-size:18px;}
.advantage .item .p2{ font-size:45px;}
.advantage .item .p3{ font-size:14px;}
.advantage-process .p li{width:100% }
.advantage-process .ul li{width:50%;}
.advantage-process .p li{ min-height:inherit; padding:8%; margin-right:0; margin-left:0; margin-bottom:10px;}
.advantage-process .ul li{ background:none;}
.advantage-process .ul li img{ width:50%;}
.advantage-ul ul li{ width:100%;}
.advantage-ul ul li img{ width:100%;}
.advantage-process big{ font-size:20px;}
.advantage-process big font{ font-size:14px;}
}
@media (max-width:320px){
.advantage .item .p1{ font-size:16px;}
.advantage .item .p2{ font-size:32px;}
.advantage .item .p3{ font-size:12px;}
.advantage-process{ font-size:12px;}
.advantage-ul .advantage-l li span{ font-size:16px; line-height:22px;}
.advantage-ul .advantage-l li span font{ font-size:13px;}
.advantage-ul .advantage-l li p{ font-size:12px;}
.advantage-ul .support-l li .item p{ font-size:12px;}
.advantage-ul .support-l li .item span{ font-size:25px;}
.advantage-ul .support-l li .item font{ font-size:16px;}
}