/* by Adon , CSS Document */


.header-div{ display:none}
.design1{overflow:hidden; float:left; width:100%;background:url(/Public/Home/img/design1.jpg) no-repeat center; background-size:cover; height:987px;background-attachment: fixed;}
.design1 .item{ margin-top:-80px; position: absolute; left:0; right:0;top:50%; color:#fff; text-align:center;}
.design1 .item span{ font-size:50px; margin-bottom:25px;}
.design1 .item font{ font-size:15px; max-width:700px; margin:0 auto;}
.design2{ float:left; width:100%; margin:10% 0;}
.design2 .item{ width:50%; background:#fffbf2; height:758px; padding:7.5%;}
.design2 .item .p1,.design3 .p1,.design4 .p1{ font-size:35px; line-height:40px; text-transform:uppercase; margin-bottom:5%;}
.design2 .item .p2,.design3 .item .p2,.design4 ul li{ font-size:15px;}
.design2 .thumb{ width:50%; height:758px;background:url(/Public/Home/img/design2.jpg) no-repeat center; background-size:cover; }
.design2 .thumb img{ display:none}
.design3,.design4{ float:left; width:100%; }
.design4 ul,.design4 .p1{ padding:0 5%;}
.design4 ul li{ float:left; width:50%;}
.design4 ul li.l{ padding-right:5%}
.design4 ul li.r{ padding-left:5%}
.design4 .thumb{ margin-top:7.5%;}
.design4 .container{ overflow:hidden;}
.design3{ margin-bottom:10%; position:relative;}
.design3 .item{ background:url(/Public/Home/img/bg.png) repeat; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:1; width:1480px; color:#fff; padding:7.5% 5%; height:758px;}
.design3 .item .p2{ max-width:870px;}

@media (max-width:1366px){
.design3 .item{ padding:12.5% 10%;}	
}
@media (max-width:1200px){
.swiper-slide,.design3 .item{ width:100% !important; height:100% !important;}
.design3 .item{ padding:7.5% 7.5%;}	
}
@media (max-width:1024px){
.design2 .item .p1,.design3 .p1,.design4 .p1{ font-size:30px;}
.design2 .item .p2,.design3 .item .p2,.design4 ul li{ font-size:14px;}
}
@media (max-width:768px){
.design1{ height:auto; background-attachment:inherit; padding:35% 0; height:auto}
.design1 .item{ position:static; margin:0;}
.design2 .item,.design2 .thumb{ width:100%; height:auto;}
.design2 .thumb{ background:none}
.design2 .thumb img{ display: block}
.design3 .item{ position:static;}
.swiper-slide img,.design4 .thumb{ max-width:120%; width:120%; margin-left:-10%;}
}
@media (max-width:480px){
.design1 .item span{ font-size:35px; margin-bottom:15px;}
.design1 .item font{ font-size:14px;}
.design2{ margin:15% 0;}
.design2 .item{ padding:10%;}
.design2 .item .p1,.design3 .p1,.design4 .p1{ font-size:26px; line-height:30px;}
.design2 .item .p2,.design3 .item .p2,.design4 ul li{ font-size:13px;}
.design3{ margin-bottom:15%}
.design4 ul li.l{ border-bottom:solid 1px #efefef;}
.design4 ul li{ width:100%; padding:5% 0 !important;}
}
@media (max-width:320px){
.design1 .item span{ font-size:30px;}
.design1 .item font{ font-size:13px;}
.design2 .item .p2,.design3 .item .p2,.design4 ul li{ font-size:12px;}
}