/* by Adon , CSS Document */

.header-div{ display:none}
.header{ background:none}
.title70{font-size:70px; line-height:75px;}
.about1{overflow:hidden; float:left; width:100%; position:relative;background:url(../img/about1.jpg) no-repeat 20% bottom #000;height:987px; background-attachment:fixed}
.about1 .item{ margin-top:-110px; position: absolute; text-align:center;left:0;top:50%;font-weight:bold;text-transform:uppercase;color:#fff; width:100%;}
.about2{ float:left; width:100%; margin:10% 0;}
.about2 .item{ width:45%;}
.about2 .item .p1{ margin-top:5%;}
.about2 .item .p2{ font-size:18px; margin:10% 0;}
.about2 .item .p3{ position:absolute; left:0; bottom:0; width:45%; height:1px; background:#dcdcdc;}
.about2 .container{ position:relative; overflow:hidden;}
.about2 .thumb{ width:50%; height:792px;background:url(../img/about2.jpg) no-repeat center; background-size:cover;}
.about2 .thumb img{ display:none}
.about3{ float:left; width:100%;}
.about3 .p{ text-align:center; font-size:20px; text-align:center; margin:5% auto 10% auto; text-transform:uppercase;max-width:755px;}
.about3 ul li{ width:49%; float:left; color:#fff; padding:25% 5%; font-size:16px;}
.about3 ul li.l1{ margin-right:1%;background:url(../img/aboutli1.jpg) no-repeat center; background-size:cover;}
.about3 ul li.l2{ margin-left:1%;background:url(../img/aboutli2.jpg) no-repeat center; background-size:cover; margin-top:10%;}

@media (max-width:1024px){
.title70{font-size:50px; line-height:55px;}
.about2 .item .p2{ font-size:16px;}
}
@media (max-width:768px){
.about1{ height:auto;padding:25% 0; height:auto; background-attachment:inherit; background-position:center bottom; background-size:contain}
.about1 .item{ position:static; margin:0;}
.about2 .item,.about2 .thumb{ width:100%; height:auto;}
.about2 .thumb{ background:none; margin-top:10%;}
.about2 .thumb img{ display: block; width:100%;}
.about2 .item .p2{ font-size:16px;}
.about2 .item .p3{ display:none}
.about3 ul li{ width:100%; margin:2.5% 0 !important; font-size:14px;}
.about3 .p{ font-size:16px;}
}
@media (max-width:480px){
.title70{font-size:32px; line-height:40px;}
.about2 .item .p2{ font-size:14px;}
.about3 ul li{font-size:13px;margin:5% 0 !important; }
.about3 .p{ font-size:15px;}
}
@media (max-width:320px){
.title70{font-size:24px; line-height:30px;}
.about2 .item .p2{ font-size:13px;}
.about3 ul li{font-size:12px;}
.about3 .p{ font-size:14px;}
}