.fader {position: relative; height:1000px; }
.fader .slide {position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0;}
.fader .slide a{ width:100%; height:100%; display:block;}
.fader .prev,
.fader .next {position: absolute;height: 80px;line-height: 55px;width: 50px;font-size: 100px;text-align: center;color: #fff;top: 50%;left: 0;z-index: 4;margin-top: -25px;cursor: pointer;opacity: .7;transition: all 150ms; display:none;}
.fader .prev:hover,
.fader .next:hover {opacity: 1;}
.fader .next {left: auto;right: 0;}
.fader .pager_list {position: absolute;width: 100%;height:5px;padding: 0;bottom:45px;text-align: center;z-index: 4;}
.fader .pager_list li { padding:0;display: inline-block;width:30px;height:5px;margin: 0 14px;background:#2ea7e0;text-indent: -9999px;    cursor: pointer;transition: all 150ms;}
.fader .pager_list li.active { width:75px; background:#fff;}
.fader .text{ width:1200px; margin:0 auto; color:#fff;   }
.fader .text h1{ font-size:50px; letter-spacing:13px; line-height:60px; margin-top:260px; font-weight:300;}
.fader .text h3{ font-size:22px; line-height:30px; font-weight:300; margin:21px 0 40px 0;}
.fader .text span{ width:160px; height:50px; display:inline-block; background:#3986e7; transition:all 0.3s ease-in; text-align:center; line-height:50px; border-radius:2px; font-size:18px; color:#fff;}
.fader .text span:hover{ background:#2678df;}

.fader .txt{ position:absolute; left:0; top:50%; margin-top:-75px; width:100%; text-align:center;}
.fader h1{ font-size:52px; line-height:52px; color:#fff; }
.fader span{ box-sizing:border-box; border:1px solid #fff; display:block; margin:0 auto; width:210px; height:50px; line-height:48px; font-size:24px; color:#fff; margin-top:50px; transition:all 0.4s;}
.fader span:hover{ background:#fff; color:#2ea7e0;}

@media screen and (max-width:2580px){
.fader { height:900px; }
}

@media screen and (max-width:1920px){
.fader{ height:775px;}
}
@media screen and (max-width:1760px){
.fader{ height:720px;}	
}


@media screen and (max-width:1640px) {
.fader{ height:640px;}	
 
}
@media screen and (max-width:1440px) {
.fader{ height:580px;}	

.fader .pager_list { bottom:20px;}

.fader .pager_list li { width:20px;height:5px;margin: 0 5px;}
.fader .pager_list li.active { width:35px; }

.fader .text h1{  margin-top:180px; font-size:40px; line-height:45px;}
.fader .text h3{ font-size:20px; margin:15px 0;}
.loginbtn{ width:180px; height:50px;  border-radius:50px; line-height:48px; margin:0 0 0 -90px; top:50%; font-size:20px;}

.fader .txt{ margin-top:-50px;} 
.fader h1{ font-size:40px; line-height:40px;}
.fader span{ width:180px; height:40px; line-height:38px; font-size:18px; margin-top:30px;}
}
@media screen and (max-width:1360px) {
.fader{ height:550px;}	
}
@media screen and (max-width:1230px) {
.fader{ height:490px;}	
.fader .text{ width:90%;}
.fader .text h1{  margin-top:140px; font-size:30px; line-height:35px;}
.fader .text h3{ font-size:18px; margin:15px 0;}
.fader .text span{ width:120px; height:40px;  line-height:40px; font-size:16px;}
}
@media screen and (max-width:1030px) {
.fader{ height:460px;}	
}
@media screen and (max-width:768px) {
.fader{ height:420px; margin-top:50px; }
.fader .text h1{  margin-top:140px; font-size:26px; line-height:30px;}
.fader .text h3{ font-size:15px; margin:10px 0;}
.fader .text span{ width:120px; height:40px;  line-height:40px; font-size:16px;}

.fader .pager_list { bottom:20px;}
.loginbtn{ width:140px; height:40px;  border-radius:40px; line-height:38px; margin:0 0 0 -70px; top:60%; font-size:18px;}
.fader .txt{ margin-top:-30px;} 
.fader h1{ font-size:24px; line-height:24px;}
.fader span{ width:160px; height:34px; line-height:32px; font-size:16px; margin-top:20px;}
}
@media screen and (max-width:580px) {
.fader{ height:320px;}	
.fader .pager_list { bottom:10px;}
.fader h1{ font-size:20px; line-height:26px;}
.fader span{ width:120px; height:30px; line-height:28px; font-size:14px; }
}
@media screen and (max-width:470px) {
.fader{ height:260px;}
.fader .text h1{  margin-top:110px;}
.fader .jquery-reslider .slider-dots { bottom:10px;}
.fader .jquery-reslider .slider-dots li { width:8px;height:8px; }
.loginbtn{ width:120px; height:34px;  border-radius:34px; line-height:34px; margin:0 0 0 -60px; top:60%; font-size:16px;}
}
@media screen and (max-width:400px) {
.fader{ height:250px;}
.fader .text h1{  margin-top:90px;}
}
@media screen and (max-width:320px) {
.fader{ height:230px;}
}