/* 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:26px;}

.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(/Public/Home/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:22px;}

.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;}

}