@charset "utf-8";
/* CSS Document */

/***PC***/
#slides{display:none;position:relative;}
#slides img{ width:100%;}
#slides:hover .slidesjs-navigation{ display:block;}
#slides .slidesjs-navigation{position:absolute;top:40%;z-index:10;}
#slides .slidesjs-previous{background:url(../cn/images/prev.png); background-size:contain; background-repeat:no-repeat;width:50px; height:100px; left:2%; display:none;}
#slides .slidesjs-next{background:url(../cn/images/next.png); background-size:contain; background-repeat:no-repeat;width:50px; height:100px;right:2%; display:none;}
.slidesjs-pagination{list-style:none;position:absolute;bottom:10px;left:50%;z-index:10; margin-left:-44px;}
.slidesjs-pagination li{float:left;margin:0 2px;}
.slidesjs-pagination li a{display:block;width:10px;height:10px; border:2px solid #fff;float:left;overflow:hidden;border-radius:10px;color:transparent;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{ background:#fff; height:10px; width:10px; border-radius:10px; color:transparent;}
.slidesjs-pagination li a:hover{ background:#fff; border-radius:10px; height:10px; width:10px; color:transparent;}
.navbar{overflow:hidden}

#slides{display:none; width:100%;}

/***WAP***/
.focus-wrap{position:relative;width:100%;}
.focus .slides_container{position:relative;width:100%;}
.focus-wrap .slidesjs-navigation{background-image:url("../images/sprite.png");background-repeat:no-repeat;height:46px;line-height:46px;opacity:0.8;overflow: hidden;position:absolute;text-align:center;text-indent:-9999px;top:333px;width:40px;z-index:100;}
.focus-wrap .prev{background-position:-342px 0;left: 0;}
.focus-wrap .prev:hover{background-position: -424px 0;}
.focus-wrap .next{ background-position:-301px 0;right: 0;}
.focus-wrap .next:hover{background-position: -383px 0;}
.focus-wrap .pagination{bottom:15px;height:7px;left:53%;margin-left:-30px;position:absolute;text-align:center; z-index:10;}
.focus-wrap .pagination span{border-radius:6px; border:1px solid #fff; display:inline-block; height:6px;line-height:100px; margin-right:4px; overflow:hidden;vertical-align:top;width: 6px;}
.focus-wrap .pagination .active{background:none repeat scroll 0 0 #fff;}
.focus{height:auto;margin:0 auto;max-width:640px; overflow:hidden;position:relative;width:100%;}
.focus li{display:none;float:left;position:relative;}
.focus li.swiper-slide{display: block;}
.focus li img{width: 100%;max-width:680px;max-height:450px;}
.fcous_bg_jz{background:none repeat scroll 0 0 #000;bottom:40px;height:70px;left:0; opacity:0.5;position:absolute;width:100%;}
.fcous_bg_mu{bottom:40px;height:70px;left:0; position:absolute;width:100%;}
.fcous_bg_t{color:#fff;font-size:1.1em;height:40px;line-height:40px;text-align:center;width:100%;max-width:680px;z-index:999;}
.fcous_bg_u{color:#fff;font-size:0.85em;height:30px; line-height:20px;text-align:center;width:100%;max-width:680px; z-index:999;}



@media (max-width: 479px) {
.banner{ display:none;}	
#slides{width:100%; display:none}

.focus-wrap{position:relative;width:100%;z-index:8;}
.focus .slides_container{position:relative;width:100%;}
.focus-wrap .slidesjs-navigation{background-image:url("../images/sprite.png");background-repeat:no-repeat;height:46px;line-height:46px;opacity:0.8;overflow: hidden;position:absolute;text-align:center;text-indent:-9999px;top:333px;width:40px;z-index:8;}
.focus-wrap .prev{background-position: -342px 0;left: 0;}
.focus-wrap .prev:hover{background-position: -424px 0;}
.focus-wrap .next{ background-position: -301px 0;right: 0;}
.focus-wrap .next:hover{background-position: -383px 0;}
.focus-wrap .pagination{bottom:10px;height:7px;left:53%;margin-left:-30px;position:absolute;text-align:center; z-index:10;}
.focus-wrap .pagination span{ border:1px solid #fff;border-radius:6px;display:inline-block; height:6px;line-height:100px;margin-right:4px; overflow:hidden;vertical-align:top;width:6px;}
.focus-wrap .pagination .active{background:none repeat scroll 0 0 #fff;}
.focus {height:auto;margin:0 auto;max-width:640px; overflow:hidden;position:relative;width:100%;}
.focus li {display: none;float:left;position:relative;}
.focus li.swiper-slide{display:block;}
.focus li img{width:100%;max-width:680px;max-height:450px;}
.fcous_bg_jz{background:none repeat scroll 0 0 #000;bottom:40px;height:70px;left:0; opacity:0.5;position:absolute;width:100%;}
.fcous_bg_mu{bottom:40px;height:70px;left:0; position:absolute;width:100%;}
.fcous_bg_t{color:#fff;font-size:1.1em;height:40px;line-height:40px;text-align:center;width:100%;max-width:680px;z-index:999;}
.fcous_bg_u{color:#fff;font-size:0.85em;height:30px; line-height:20px;text-align:center;width:100%;max-width:680px; z-index:999;}
.callbacks_container{ display:none;}


}
@media (min-width: 480px) and (max-width: 639px) {
.banner{ display:none;}
#slides{width:100%; display:none}

.focus-wrap{position:relative;width:100%;z-index:8;}
.focus .slides_container{position:relative;width:100%;}
.focus-wrap .slidesjs-navigation{background-repeat:no-repeat;height:46px;line-height:46px;opacity:0.8;overflow: hidden;position:absolute;text-align:center;text-indent:-9999px;top:333px;width:40px;z-index:100;}
.focus-wrap .prev{background-position:-342px 0;left: 0;}
.focus-wrap .prev:hover{background-position: -424px 0;}
.focus-wrap .next{ background-position:-301px 0;right: 0;}
.focus-wrap .next:hover{background-position: -383px 0;}
.focus-wrap .pagination{bottom:15px;height:7px;left:50%;margin-left:-30px;position:absolute;text-align:center; z-index:8;}
.focus-wrap .pagination span{border-radius:6px; border:1px solid #fff; display:inline-block; height:6px;line-height:100px; margin-right:4px; overflow:hidden;vertical-align:top;width:6px;}
.focus-wrap .pagination .active{background:none repeat scroll 0 0 #fff;}
.focus{height:auto;margin:0 auto;max-width:640px; overflow:hidden;position:relative;width:100%;}
.focus li{display:none;float:left;position:relative;}
.focus li.swiper-slide{display: block;}
.focus li img{width: 100%;max-width:680px;max-height:450px;}
.fcous_bg_jz{background:none repeat scroll 0 0 #000;bottom:40px;height:70px;left:0; opacity:0.5;position:absolute;width:100%;}
.fcous_bg_mu{bottom:40px;height:70px;left:0; position:absolute;width:100%;}
.fcous_bg_t{color:#fff;font-size:1.1em;height:40px;line-height:40px;text-align:center;width:100%;max-width:680px;z-index:999;}
.fcous_bg_u{color:#fff;font-size:0.85em;height:30px; line-height:20px;text-align:center;width:100%;max-width:680px; z-index:999;}
.callbacks_container{ display:none;}


}
@media (min-width: 640px) and (max-width:1023px ) {
#slides{width:100%;}
#slides:hover .slidesjs-navigation{display:none;}
.slidesjs-pagination{bottom:10px; font-size:xx-small;}
#banner{ display:none;}
}

@media (min-width: 1024px) and (max-width:1199px ) {
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;z-index:99;}
#slides .slidesjs-previous{ width:40px; height:80px;}
#slides .slidesjs-next{ width:40px; height:80px;}
#banner{ display:none;}
}

@media (min-width: 1200px) and (max-width:1439px ){
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;z-index:99;}
#slides .slidesjs-previous{ width:45px; height:90px; }
#slides .slidesjs-next{ width:45px; height:90px;}
#banner{ display:none;}
}

@media (min-width: 1440px) and (max-width:1920px ){
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;z-index:99;}
#banner{ display:none;}
}