/* by Adon , CSS Document */

.about .item .p1,.about2 .p{ font-size:50px; font-weight:bold; line-height:50px; text-transform:uppercase}
.about .item .p2{ font-size:15px; margin-top:5%;max-width:775px;}
.about1{overflow:hidden; color:#fff;float:left; width:100%; position:relative;background:url(/Public/Home/img/about.jpg) no-repeat center; background-attachment:fixed;background-size:cover; height:834px;}
.about1 .container{ position:relative; height:100%;}
.about1 .item{ position: absolute; left:15px;top:50%; margin:-200px 0;}
.about2{overflow:hidden; color:#fff; font-weight:bold;float:left; padding-top:200px;width:100%; position:relative;background:url(/Public/Home/img/history.jpg) no-repeat center;background-size:cover; height:834px; margin-bottom:5%;}
.about2 .ul1{ margin:2.5% 0 10% 0;}
.about2 .ul1 li{ border-left:solid 4px transparent; padding-bottom:5%;padding-left:5%;}
.about2 .ul1 li a{ color:#fff;}
.about2 .ul1 li span{ font-size:35px; margin-bottom:20px;}
.about2 .ul1 li p{ max-width:480px;font-size:18px;}
.about2 .ul1 li.on{border-left:solid 4px #17927a;}
.about2 .ul2{ border-bottom:solid 1px #7e7e7e; overflow:hidden; line-height:80px;}
.about2 .ul2 li{ float:left; width:10%;border-bottom:solid 3px transparent; margin-bottom:-1px;text-align:center; font-size:20px;}
.about2 .ul2 li a{ color:#fff;}
.about2 .ul2 li.on{border-bottom:solid 3px #17927a;}


@media (max-width:768px){
.about1,.about2{ height:auto;padding:25% 0; height:auto}
.about1 .item{ position:static; margin:0;}
.about .item .p1, .about2 .p{ font-size:40px; line-height:40px;}
.about2 .ul1 li span{ font-size:30px;}
.about2 .ul1 li p{ font-size:16px;}
.about2 .ul2 li{ font-size:18px;}
.about2{ margin-bottom:10%;}
}

@media (max-width:480px){
.about .item .p1, .about2 .p{ font-size:30px; line-height:33px;}
.about .item .p2{ font-size:13px;}
.about2 .ul1 li span{ font-size:24px;}
.about2 .ul1 li p{ font-size:14px;}
.about2 .ul2 li{ font-size:16px; width:25%;}
.about2 .ul2{ line-height:50px;}
.about2 .ul1{ margin:5% 0 12.5% 0;}
.about3 ul li{ width:50%;}
}

@media (max-width:320px){
.about .item .p1, .about2 .p{ font-size:24px; line-height:25px;}
.about .item .p2{ font-size:12px;}
.about2 .ul1 li span{ font-size:20px;}
.about2 .ul1 li p{ font-size:13px;}
.about2 .ul2 li{ font-size:14px;}
}