/* by Adon , CSS Document */


.slider{ float:left; width:100%; position:relative; color:#fff; font-size:15px; height:1024px; overflow:hidden;background-attachment:fixed}
.slider .item { position:relative;text-align:center; width:100%; top:50%; margin:-140px auto; z-index:1}
.slider .item .p1{ font-size:50px; text-transform:uppercase}
.slider .item .p2{ font-size:30px; margin:15px 0;}
.slider .item .p3{ max-width:760px; margin:0 auto;}
.slider .item .p4{ margin-top:15%;}
.slider .video{display: block; position:absolute; top:0; left:0;width: auto;height: auto;min-width: 100%;min-height: 100%;}
.sliderr{ float:left; width:100%; position:relative; color:#fff; font-size:15px; height:974px;background:url(../img/aboutre1.jpg) no-repeat center #060404; background-size:cover; margin-bottom:10%;}
.sliderr .item { position:relative;text-align:center; width:100%; top:35%;}
.sliderr .item .p1{ font-size:40px;}
.sliderr .item .p2{max-width:750px; margin:3% auto;}
.content { float:left; width:100%}
.content big{ text-align:center;}
.content small{ display:block;font-size:22px; color:#7c7c7c; text-align:center; max-width:750px; margin:8% auto;}
.content .about{ float:left; width:100%; position:relative;}
.content .about .item{ position:absolute; top:50%; left:0; margin-top:-100px;right:0; text-align:center; color:#fff;}
.content .about .item .p1{ text-transform:uppercase;font-size:50px; background:url(../img/storee.png) no-repeat 57%;}
.content .about .item .p2{ font-size:18px; max-width:630px; margin:30px auto; padding:0 15px;}
.content .about .item .p3 { border:solid 1px #fff; border-radius:50px; width:150px; line-height:40px; text-align:center; margin:0 auto; font-size:15px;}
.content .about .item .p3 a{ color:#fff;}
.slider .item .p1,.slider .item .p2,.slider .item .p3{ display: none}

.small{ font-size:23px; padding:5% 0; text-align:center; color:#2c2c2c}
.content-list{ overflow:hidden; padding-bottom:5%; border-bottom:solid 1px #e1e1e1;}

@media (max-width:1024px){
.slider{background-attachment: inherit !important;background:url(../img/banner_about_re.jpg) no-repeat center; background-size:cover;}		
.slider .item .p1,.slider .item .p2,.slider .item .p3{ display: block}
.slider .item .p4{ margin-top:50px;}
	
.slider .video{ display:none}	
.slider{ height:auto; display:none !important}
.slider .item{ margin:30% auto;}
.sliderr{ height:auto;}
.sliderr .item{ margin:30% auto;}
.content .about .item .p1{ font-size:40px; background-position:60%;}
}
@media (max-width:768px){
.slider .item .p1{ font-size:40px;}
.slider .item .p2{ font-size:25px;}
.slider{ font-size:13px;}
.sliderr .item .p1{ font-size:32px;}
.sliderr{ font-size:13px;}
.content .about .item .p1{ font-size:34px; background-position:62%;}
.content small{ font-size:18px;}
.content big img{ width:50%}
}
@media (max-width:640px){
.content .about .item .p1{ font-size:34px; background-position:62%; background-size:4%;}
.content .about .item .p2{ font-size:16px;}
.content small{ font-size:16px;}
}
@media (max-width:480px){
.slider .item .p1{ font-size:28px;}
.slider .item .p2{ font-size:18px;}
.slider .item{ margin:50% auto;}
.slider .item .p4{ margin-top:25px;}
.slider .item .p4 img{ height:40px;}
.sliderr .item .p1{ font-size:26px;}
.sliderr .item .p2{ margin-top:6%;}
.content small{ font-size:15px;}
.content .about .item .p2{ display:none}
.content .about .item{ margin-top:-40px;}
.content .about .item .p1{ font-size:26px; margin-bottom:15px;background-position:65%; background-size:6%;}
.content .about .item .p3{ font-size:13px; width:130px; line-height:35px;}
}
@media (max-width:320px){
.content small{ font-size:13px;}
.content .about .item{ margin-top:-40px;}
.content .about .item .p1{ font-size:20px;}
.content .about .item .p3{ font-size:12px; width:120px; line-height:30px;}	
.sliderr .item .p1{ font-size:18px;}
.sliderr .item .p2{ font-size:12px;}
}