@charset "utf-8";
img{border:0;}
*{padding:0;margin:0;list-style:none;}
/*.banner_nav{ display: none!important; }*/
@media screen and (min-width:1200px){
/*banner*/
.banner{ margin-top:173px; overflow:hidden; position: relative; background:#f0f0f0; }

.slides{width:100%;height:410px;position:relative;overflow:hidden; z-index: 1;}
.slideInner{height:410px;position:relative;left:0;margin-left:0;}
.slideInner > a{display:block;height:410px;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 .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:410px; display: none; }
.navListBox{position:absolute;left:50%;bottom:24px;z-index:99;}
.navListBox li{display:inline-block; width:12px;height:12px; 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:.4;}
.navListBox li a.active{  opacity:.7}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:185px;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: 28px; text-align: center; cursor:pointer; color: #fff; }
.prev{left:8px;}
.next{right:8px;}
.prev , .next{ display: none!important; }

}

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

.slides{width:100%;height:298px;position:relative;overflow:hidden; z-index: 1}
.slideInner{height:298px;position:relative;left:0;margin-left:0;}
.slideInner > a{display:block;height:298px;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:298px; 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 .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:298px; display: none; }
.navListBox{position:absolute;left:50%;bottom:24px;z-index:99;}
.navListBox li{display:inline-block; width:12px;height:12px; 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:.4;}
.navListBox li a.active{ opacity:.7}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:185px;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!important; } 

}


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


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

.slides{width:100%;height:240px;position:relative;overflow:hidden; z-index: 1}
.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;   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:.25;}
.navListBox li a.active{  opacity:.7}

.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!important; } 
 
}

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


/*banner*/

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

.slides{width:100%;height:180px;position:relative;overflow:hidden; z-index: 1}
.slideInner{height:180px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:180px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1; overflow:hidden;}
.slideInner a{background-size:auto 180px!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:14px;z-index:99;}
.navListBox li{display:inline-block; width:10px;height:10px;   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:.25;}
.navListBox li a.active{  opacity:.7}

.banner_nav a{display:block; width:60px;height:60px; line-height: 60px;  text-align: center; position:absolute; top:60px;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;}



}