/* by Adon , CSS Document */

.service{ float:left; width:100%;position:relative;height:1024px;color:#fff;background:url(../img/service1.jpg) no-repeat center;background-size:cover;}
.service .container{ position:relative; height:100%;}
.service .item { position:absolute; left:0;margin:-250px 0 0 0; top:50%;}
.service .item .p1{font-size:30px;text-transform:uppercase}
.service .item .p2{font-size:60px;letter-spacing:15px;}
.service .item .p3{font-size:14px; max-width:940px;}
.service .item .p3 font{ display:block; height:1px; background:#fff;margin:5% 0; max-width:340px; width:100%; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5}
.service-list{ float:left; width:100%;background:#eaeaea;color:#5f5f5f}
.service-list .box { float:left; width:100%; margin:5% 0;}
.service-list .box .p1{font-size:80px; line-height:80px;}
.service-list .box .p2{font-size:40px; margin-bottom:10px;}
.service-list .box .p3{font-size:18px;text-transform:uppercase;}
.service-list ul{ position:relative; overflow:hidden;}
.service-list ul li{ float:left; width:100%; height:100%; background:#2f2f2f; color:#fff; text-align:center;}
.service-list ul li .items{ width:50%; padding:0 10%;height:100%; float:left}
.service-list ul li .items span{ display:block;font-size:35px; margin-top:50%;}
.service-list ul li .items font{ display:block;font-size:18px; text-transform:uppercase}
.service-list ul li .items p{ font-size:15px; margin-top:8%;}
.service-list ul li img{ width:50%; float:right;}
.service-list .owl-pagination{ float:left; width:100%; text-align:center; margin:2.5% 0;}
.service-list .owl-pagination .owl-page{ display:inline-block; width:18px; height:18px; background:url(../img/service.png) no-repeat right center; margin:0 3px;}
.service-list .owl-pagination .owl-page.active{background:url(../img/service.png) no-repeat left;}
.service-list .owl-buttons>div{ position:absolute; top:45%; width:40px; height:40px; text-indent:9999px; margin-top:-30px;}
.service-list .owl-buttons .owl-prev{ left:5%;background:url(../img/prev.png) no-repeat;}
.service-list .owl-buttons .owl-next{ right:5%;background:url(../img/next.png) no-repeat;}
.service-map{ float:left; width:100%; text-align:center; margin:10% 0;}
.service-map .p1{ font-size:60px; color:#5f5f5f;}
.service-map .p2{ font-size:30px; color:#6f6f6f; text-transform:uppercase}

@media (max-width:1024px){
.service{ padding:50% 0; height:auto;}
.service .item{ position:static; margin-top:0;}	
.service-list .box .p1{ font-size:65px;}
.service-list .box .p2{ font-size:32px;}
}
@media (max-width:768px){
.service-list .box .p1{ font-size:55px; line-height:60px;}
.service-list .box .p2{ font-size:28px;}
.service-list ul li .items span{ font-size:30px; margin-top:35%;}
.service-list ul li .items font{ font-size:16px;}
.service-list ul li .items p{ font-size:12px;}
.service-list .owl-buttons>div{ display:none;}
.service-map .p1{ font-size:50px;}
.service-map .p2{ font-size:24px;}
}
@media (max-width:640px){
.service .item .p1{ font-size:20px;}
.service .item .p2{ font-size:50px;letter-spacing:10px;}
.service .item .p3{ font-size:16px; line-height:normal;}
.service-list .box .p1{ font-size:50px; line-height:50px;}
.service-list .box .p2{ font-size:24px; margin-bottom:0;}
.service-list ul li .items{ width:100%; margin:15% 0;}
.service-list ul li .items span{ margin-top:0;}
.service-list ul li img{ width:100%;}
.service-list .box{ margin:10% 0;}
.service-map .p1{ font-size:40px;}
.service-map .p2{ font-size:20px;}
}
@media (max-width:480px){
.service .item .p1{ font-size:18px;}
.service .item .p2{ font-size:40px;}
.service .item .p3{ font-size:13px;}
.service-list .box .p1{font-size:45px;line-height: normal}
.service-list .box .p2{font-size:20px;}
.service-list .box .p3{ font-size:16px;}
.service-list ul li .items span{ font-size:26px;}
.service-map .p1{ font-size:30px;}
.service-map .p2{ font-size:16px;}
}
@media (max-width:320px){
.service .item .p1{ font-size:16px;}
.service .item .p2{ font-size:30px;}
.service .item .p3{ font-size:12px;}
.service-list .box .p1{font-size:40px;}
.service-list .box .p2{font-size:16px;}
.service-list ul li .items span{ font-size:22px;}
.service-list ul li .items font{ font-size:13px;}
.service-map .p1{ font-size:24px;}
.service-map .p2{ font-size:14px;}
}