/* by Adon , CSS Document */

.slider{float:left; width:100%; position:relative; overflow:hidden;}

.slider,.slider li,.slider li a{float:left;width:100%;}

.slider li{position:relative;overflow:hidden;height:100%}

.header{ background:#10193a}

.header .navs{ display:block}

.about{overflow:hidden; float:left; width:100%;background:url(../img/aboutt1.jpg) no-repeat center; background-size:cover; height:830px;background-attachment: fixed;}

.about .item{ margin-top:-63px; position: absolute; left:0; right:0;top:50%; color:#fff; text-align:center;}

.about .item span{ font-size:54px; font-weight:bold; text-transform:uppercase; display:block;}

.about .item font{ font-size:18px;}

.hall{overflow:hidden; float:left; width:100%;background:url(../img/hall.jpg) no-repeat center; background-size:cover; height:839px; position:relative;}

.hall .item{position: absolute; left:0; right:0;top:50%;text-align:center;background:url(../img/hall.png) repeat; width:300px; height:300px; padding:2.5%;margin:-150px auto;}

.hall .item span{ font-size:34px; text-transform:uppercase; display:block; margin-top:20px;}

.hall .item font{ font-size:16px; margin-top:25px;display: block;}

.brand{ float:left; width:100%; padding:5% 0}
.brand .p1{ font-size:35px;}
.brand .p1 font{ font-size:30px;}
.brand .p2{ margin:2.5% 0}
.brand .li { overflow:hidden; margin-top:5%}
.brand .li li{ float:left; width:49%; border-bottom:solid 1px #e0e0e0; padding-bottom:2.5%; margin-bottom:2.5%}
.brand .li li.l{ margin-right:1%}
.brand .li li.r{ margin-left:1%}
.brand .li li span{ display:block; font-size:30px;}
.brand .li li p{ display:block; font-size:15px; padding:25px 0; height:72px;}


.honor{ float:left; width:100%; padding:5% 0; background:#fff;}

.honor .p1{ font-size:28px;}

.honor .p2{ font-size:45px; margin:5px 0; text-transform:uppercase}

.honor .p3{ font-size:15px; color:#767676; max-width:710px; margin-bottom:5%;}

.honor .ul1 li{ float:left; width:100%; text-align:center; padding:0 2.5%;}

.honor .ul1 li img{ max-height:388px;}

.honor ul{overflow:hidden; border:solid 2px #efefef; padding:2.5%}


@media (max-width:1024px){

.about,.hall{ height:auto; padding:20% 0;background-attachment: inherit !important;}

.about .item,.hall .item{ margin:0 auto !important; position:static !important}

.hall .item span{ margin-top:50px;}

}

@media (max-width:768px){

.about .item span{ font-size:46px;}

.about .item font{ font-size:16px;}

.hall .item span{ font-size:30px;}

.hall .item font{ font-size:14px;}


.honor .p1{ font-size:24px;}

.honor .p2{ font-size:32px;}

.honor .p3{ font-size:14px;}

.honor ul{ padding:5%;}

.honor .ul1 li{padding:0 5%;}

.brand .p1{ font-size:30px;}
.brand .p1 font{ font-size:26px;}
.brand .li li span{font-size:20px;}
.brand .li li p{font-size:14px; height:90px;}
}

@media (max-width:640px){

.hall .item{width: 250px;height: 250px;}

.brand .li li{ width:100%; margin-left:0 !important; margin-right:0 !important}
.brand .li li p{ height:auto;}

}

@media (max-width:480px){

.about .item span{ font-size:32px;}

.about .item font{ font-size:14px;}

.about,.hall{ padding:25% 0}

.hall .item span{ font-size:24px;margin-top: 26px;}

.hall .item font{ font-size:13px;}

.hall .item{width: 200px;height: 200px;}


.honor .p1{ font-size:16px;}

.honor .p2{ font-size:22px;}

.honor .p3{ font-size:13px;}

.brand .p2{ margin:5% 0;}
.brand .li{ margin-top:5%;}
.brand .p1{ font-size:20px;}
.brand .p1 font{ font-size:16px;}
.brand .li li{ padding-bottom:5%; margin-bottom:5%}
.brand .li li span{font-size:16px;}
.brand .li li p{font-size:13px; padding-bottom:0; padding-top:20px;}

}

@media (max-width:320px){

.about .item span{ font-size:26px;}

.about .item font{ font-size:12px;}

.hall .item span{ font-size:20px;}

.brand .p1{ font-size:18px;}
.brand .p1 font{ font-size:14px;}
.brand .li li span{font-size:15px;}
.brand .li li p{font-size:12px;padding-top:15px;}


}