/* by Adon , CSS Document */

.header-fix{ display:none !important}


.slider{ float:left; width:100%; position:relative; color:#fff; font-size:18px; height:1024px;overflow:hidden;background:url(../img/banner_about.jpg) no-repeat center; background-size:cover;background-attachment:fixed}
.slider .item { position:relative;text-align:center; width:100%; top:50%; text-align:center;margin:-100px auto;}
.slider .item .p1{ font-size:50px; max-width:750px; margin:0 auto;}
.slider .item .p2{ height:1px; width:100px;margin:2% auto 2.5% auto; background:#aea59d; padding:0 15px;}

.about{ float:left; width:100%; margin:5% 0;}
.about ul li{ float:left; width:100%; height:600px; position:relative; margin-bottom:10px;}
.about ul li img{ display:none}
.about ul li .item{ float:right; height:600px; background:#f7f7f7;max-width:630px; padding:12.5% 5%;text-align:center; width:100%; border-left:solid 10px #fff;}
.about ul li .item .p1{ font-size:20px; color:#fff; background:#c0a172; width:170px; line-height:45px; margin:0 auto;}
.about ul li .item .p2{ font-size:15px; color:#7c7c7c; text-align:left; margin-top:10%;}
.about ul li.a1{ background:url(../img/aboutt1.jpg) no-repeat left #f7f7f7;}
.about ul li.a2{ background:url(../img/aboutt2.jpg) no-repeat right #f7f7f7;}
.about ul li.a2 .item{ float:left;border-left:none;border-right:solid 10px #fff; padding:17% 5%;}
.about ul li.a3{ background:url(../img/aboutt3.jpg) no-repeat left #f7f7f7;}
.about ul li.a3 .item{ padding:15% 5%;}
.about ul li.a4{ background:url(../img/aboutt4.jpg) no-repeat right #f7f7f7;}
.about ul li.a4 .item{ float:left;border-left:none;border-right:solid 10px #fff;padding:17% 5%;}


@media (max-width:1024px){
.slider{background-attachment: inherit !important}
.slider{ height:auto;}
.slider .item{ margin:30% auto;}
.about ul li .item{ max-width:500px;}
}
@media (max-width:768px){
.slider .item .p1{ font-size:40px;}
.slider{ font-size:16px;}
.about ul li{ height:auto; background:#f7f7f7 !important;}
.about ul li img{ display:block; width:100%;}
.about ul li .item{ max-width:none; border:none; height:auto;}
}
@media (max-width:640px){
.slider .item .p2{ margin:6% auto;}
.about ul li .item .p1{ font-size:18px;}
.about ul li .item .p2{ font-size:14px;}
}
@media (max-width:480px){
.slider .item .p1{ font-size:34px;}
.slider{ font-size:14px;}
.slider .item{ margin:50% auto;}
.about ul li .item .p1{ font-size:16px;}
.about ul li .item .p2{ font-size:14px;}
}
@media (max-width:320px){
.slider .item .p1{ font-size:28px;}
.about ul li .item .p1{ font-size:15px;}
.about ul li .item .p2{ font-size:12px;}
}