@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;}

@media screen and (min-width:1200px){
/*banner*/
.banner{  overflow:hidden; position: relative; background:#f0f0f0; }

.slides{width:100%;height:500px;position:relative;overflow:hidden;}
.slideInner{height:500px;position:relative;left:0;margin-left:0;}
.slideInner > a{display:block;height:500px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; overflow:hidden;}
.slideInner > a{background-size: auto 100%; cursor: default;}

.slideInner .moveElem{width:600px;height:320px; position: absolute; left: 50%; top:220px; margin-left: -570px; z-index: 2;}
.slideInner .moveElem{ text-align: left; }
.slideInner .moveElem h2{font-size: 60px; line-height: 1.2em; color: #fff; font-weight: 200;}
.slideInner > a:nth-child(1) p{ width:500px; }
.slideInner > a:nth-child(2) h2{ line-height: 1.6em; }
.slideInner > a:nth-child(3) h2{ line-height: 1.6em; }
.slideInner > a:nth-child(4) h2{ font-size: 40px; line-height: 1.6em; }
.slideInner .moveElem p{font-size: 18px; line-height: 2em; margin:24px 0 0 0;color: #fff;}
.slideInner .moveElem > span.btn_banner{display: block; width: 120px; height: 28px; line-height: 28px; padding:10px 24px; margin:30px 0 0 0; text-align: center;  font-size: 18px; font-weight: 400; cursor: pointer;}
.slideInner .moveElem > span.btn_banner{ color: #b6d2ff;  border:2px solid #b6d2ff; }
.slideInner .moveElem > span.btn_banner:hover{ border-color:#00b4f6; color: #00b4f6; }


.banner_nav{width:100%; height:500px; display: none; }
.navListBox{position:absolute;left:50%;bottom:36px;z-index:99;}
.navListBox li{display:inline-block; width:12px;height:12px; border:1px solid #fff; float:left;margin-left:8px;overflow:hidden; 
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; opacity:.8;
}
.navListBox li:first-child(){margin-left:0;}
.navListBox li a{display:block; width: 100%; height: 100%; background-color:#fff; opacity:.2;}
.navListBox li a.active{   background-color:#fff; opacity:1}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:230px;background:#000;cursor:pointer; color: #fff; opacity:.2;z-index:9;border-radius:60px; -webkit-border-radius:60px ; -o-border-radius:60px; -moz-border-radius:60px; overflow:hidden;
}
.banner_nav a i{display:block; width:60px;height:60px; line-height: 60px; font-size: 42px; text-align: center; cursor:pointer; color: #fff; }
.prev{left:8px;}
.next{right:8px;}


}

@media screen and (min-width:1025px) and (max-width:1200px){
/*banner*/
.banner{  overflow:hidden; position: relative; background:#f0f0f0; }

.slides{width:100%;height:500px;position:relative;overflow:hidden;}
.slideInner{height:500px;position:relative;left:0;margin-left:0;}
.slideInner > a{display:block;height:500px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; overflow:hidden;}
.slideInner > a{background-size: auto 100%; cursor: default;}

.slideInner .moveElem{width:600px;height:320px; position: absolute; left: 50%; top:220px; margin-left: -570px; z-index: 2;}
.slideInner .moveElem{ text-align: left; }
.slideInner .moveElem h2{font-size: 60px; line-height: 1.2em; color: #fff; font-weight: 200;}
.slideInner > a:nth-child(1) p{ width:500px; }
.slideInner > a:nth-child(2) h2{ line-height: 1.6em; }
.slideInner > a:nth-child(3) h2{ line-height: 1.6em; }
.slideInner > a:nth-child(4) h2{ font-size: 40px; line-height: 1.6em; }
.slideInner .moveElem p{font-size: 18px; line-height: 2em; margin:24px 0 0 0;color: #fff;}
.slideInner .moveElem > span.btn_banner{display: block; width: 120px; height: 28px; line-height: 28px; padding:10px 24px; margin:30px 0 0 0; text-align: center;  font-size: 18px; font-weight: 400; cursor: pointer;}
.slideInner .moveElem > span.btn_banner{ color: #b6d2ff;  border:2px solid #b6d2ff; }
.slideInner .moveElem > span.btn_banner:hover{ border-color:#00b4f6; color: #00b4f6; }


.banner_nav{width:100%; height:500px; display: none; }
.navListBox{position:absolute;left:50%;bottom:36px;z-index:99;}
.navListBox li{display:inline-block; width:12px;height:12px; border:1px solid #fff; float:left;margin-left:8px;overflow:hidden; 
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; opacity:.8;
}
.navListBox li:first-child(){margin-left:0;}
.navListBox li a{display:block; width: 100%; height: 100%; background-color:#fff; opacity:.2;}
.navListBox li a.active{   background-color:#fff; opacity:1}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:230px;background:#000;cursor:pointer; color: #fff; opacity:.2;z-index:9;border-radius:60px; -webkit-border-radius:60px ; -o-border-radius:60px; -moz-border-radius:60px; overflow:hidden;
}
.banner_nav a i{display:block; width:60px;height:60px; line-height: 60px; font-size: 42px; text-align: center; cursor:pointer; color: #fff; }
.prev{left:8px;}
.next{right:8px;}
 
}


@media screen and (min-width:769px) and (max-width:1024px){


.banner{  overflow:hidden; position: relative; background:#f0f0f0; }

.slides{width:100%;height:340px;position:relative;overflow:hidden;}
.slideInner{height:340px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:340px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; overflow:hidden;}
.slideInner a{background-size:auto 340px!important;}

.slideInner .moveElem{width:240px; height:120px; position: absolute; left:50%; top:50%; margin-left: -176px; margin-top:-64px; z-index: 3; overflow:hidden; }
.btxt.top_120{ top:50%!important; }
.slideInner .moveElem {width:240px;height:120px; color: #fff; font-size: 12px;text-align: left;}
.slideInner .moveElem  h2{ line-height:1.4; margin-top:12px; padding:0; font-size: 18px;color: #fff;}
.slideInner .moveElem  p{ display:block; width:240px;height:64px; color: #fff; font-size: 12px;margin-top:12px; overflow:hidden;color: #fff;}


.banner_nav{width:100%; height:340px; display: none; }
.navListBox{position:absolute;left:50%;bottom:24px;z-index:99;}
.navListBox li{display:inline-block; width:10px;height:10px; border:1px solid #fff; float:left;margin-left:8px;overflow:hidden; 
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; opacity:.8;
}
.navListBox li:first-child(){margin-left:0;}
.navListBox li a{display:block; width: 100%; height: 100%; background-color:#fff; opacity:.2;}
.navListBox li a.active{   background-color:#fff; opacity:1}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:140px;background:#000;cursor:pointer; color: #fff; opacity:.2;z-index:9;border-radius:60px; -webkit-border-radius:60px ; -o-border-radius:60px; -moz-border-radius:60px; overflow:hidden;
}
.banner_nav a i{display:block; width:60px;height:60px; line-height: 60px; font-size: 42px; text-align: center; cursor:pointer; color: #fff; }
.prev{left:8px;}
.next{right:8px;}

 
/* .prev, .next{ display: none;} */


}

@media screen and (max-width:768px){


/*banner*/

.banner{  overflow:hidden; position: relative; background:#f0f0f0; }

.slides{width:100%;height:240px;position:relative;overflow:hidden;}
.slideInner{height:240px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:240px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; overflow:hidden;}
.slideInner a{background-size:auto 240px!important;}

.slideInner .moveElem{width:240px; height:120px; position: absolute; left:50%; top:50%; margin-left: -176px; margin-top:-64px; z-index: 3; overflow:hidden; }
.btxt.top_120{ top:50%!important; }
.slideInner .moveElem {width:240px;height:120px; color: #fff; font-size: 12px;text-align: left;}
.slideInner .moveElem  h2{ line-height:1.4; margin-top:12px; padding:0; font-size: 18px;color: #fff;}
.slideInner .moveElem  p{ display:block; width:240px;height:64px; color: #fff; font-size: 12px;margin-top:12px; overflow:hidden;color: #fff;}


.banner_nav{width:100%; height:240px; display: none; }
.navListBox{position:absolute;left:50%;bottom:24px;z-index:99;}
.navListBox li{display:inline-block; width:10px;height:10px; border:1px solid #fff; float:left;margin-left:8px;overflow:hidden; 
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; opacity:.8;
}
.navListBox li:first-child(){margin-left:0;}
.navListBox li a{display:block; width: 100%; height: 100%; background-color:#fff; opacity:.2;}
.navListBox li a.active{   background-color:#fff; opacity:1}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:90px;background:#000;cursor:pointer; color: #fff; opacity:.2;z-index:9;border-radius:60px; -webkit-border-radius:60px ; -o-border-radius:60px; -moz-border-radius:60px; overflow:hidden;
}
.banner_nav a i{display:block; width:60px;height:60px; line-height: 60px; font-size: 42px; text-align: center; cursor:pointer; color: #fff; }
.prev{left:8px;}
.next{right:8px;}




}