/* by Adon , CSS Document */


.about{ float:left; position:relative;width:100%; font-weight:bold}
.about .about2{ background:#f7f7f7; float:left; width:100%; font-size:15px; color:#737373; padding:5% 0;}
.about .about2 p{ max-width:690px;}
.about .about1 .p1{ font-size:30px;}
.about .about1 .p2{ font-size:14px; color:#737373; max-width:855px; margin:7.5% 0;}
.about .about1 p,.about .about2 p{ position:relative; z-index:1}
.about .pic{ position:absolute; right:0; top:15%;}
.aboutpic{ float:left; width:100%; height:634px; background:url(../img/about2.jpg) no-repeat center; background-size:cover;}




@media (max-width:1024px){
.about .pic{ position:static; margin-bottom:10%;}
}
@media (max-width:768px){
.aboutpic{ height:auto; padding:25% 0;}
.about .about2{ padding:10% 0;}
}
@media (max-width:640px){
.about .about1 .p1{ font-size:24px;}
.about .pic{ width:75%; float:right;}
}
@media (max-width:480px){
.about .about1 .p1{ font-size:20px;}
.about .about1 .p2{ font-size:13px;}
.about .about2{ font-size:14px;}
}
@media (max-width:320px){
.about .about1 .p1{ font-size:16px;}
.about .about2{ font-size:13px;}
}