/* by Adon , CSS Document */

.header-div{ display:none}
.footer{ margin-top:0 !important}
.school1{ float:left; width:100%; height:987px; background:url(/Public/Home/img/school1.jpg) no-repeat center; background-size:cover; overflow:hidden; background-attachment:fixed;}
.school1 .container{ position:relative; height:100%;}
.school1 .item{ position:absolute; left:15px; bottom:-100%; color:#fff; background:#c40d23; padding:5%;width:100%; max-width:440px;}
.school1 .item .p1{ font-size:50px; line-height:50px; text-transform:uppercase;}
.school1 .item .p2{ font-size:15px; margin-top:35%}
.school2{ float:left; width:100%; background:#fffbf2; padding-bottom:10%; overflow:hidden;}
.school3{ float:left; width:100%; background:#000000;padding-bottom:10%; overflow:hidden;}
.school3 .school-tit{ color:#fff;}
.school-tit{ font-size:50px; text-transform:uppercase; margin:10% 0 5% 0}
.school-item .school-des{ font-size:18px; padding:7.5% 35% 7.5% 7.5%;background:#fff;}
.school-item{ width:100%; position:relative; left:110px; right:0; margin:0 auto;max-width:1700px;}

@media (max-width:1700px) and (min-width:1500px){
.school-item{ left:0; margin:0; right:0;}
}
@media (max-width:1499px){
.school-item{ left:15px;}
}
@media (max-width:768px){
.school1{ height:auto; background-attachment:inherit}
.school1 .item{ position:static; margin-top:50%;}
}
@media (max-width:480px){
.school1 .item{ padding:15% 10%;}
.school1 .item .p1{ font-size:35px; line-height:35px;}
.school-tit{ font-size:35px; margin:15% 0 10% 0;}
.school2,.school3{ padding-bottom:15%;}
.school-item .school-des{ font-size:14px; padding-right:25%;}
.school-item img{ max-width:125%;}
.school1 .item .p2{ font-size:14px; margin-top:25%;}
}
@media (max-width:320px){
.school1 .item .p1{ font-size:30px;line-height:30px;}
.school-tit{ font-size:26px}
.school1 .item .p2{ font-size:13px;}
.school-item .school-des{ font-size:13px;}
}