@charset "utf-8";

article{min-height:240px}
.visual{width:100%;height:190px;text-align:center;margin:3% 0 0}
@media all and (min-width:768px){
	.visual{height:345px}
}
.visual .visual-slider{width:100%;overflow:hidden}
@media all and (min-width:768px){
	.visual .visual-slider{height:345px}
}
.visual .visual-panel{width:320px;height:155px;margin:0 auto;position:relative;overflow:hidden}
@media all and (min-width:768px){
	.visual .visual-panel{width:640px;height:310px}
}
.visual .visual-panel img{width:320px;height:155px}
@media all and (min-width:768px){
	.visual .visual-panel img{width:640px;height:310px}
}
.visual .visual-indicator{width:100%}
.visual .visual-indicator li{text-align:center;overflow:hidden}
.visual .visual-indicator a{font-size:0px;text-indent:-9999px;display:inline-block;width:10px;height:10px;margin:0 3px 0 0;background:url(../imgs/button/visual_btn.png) no-repeat 0 0;cursor:pointer;background-position:-10px 0}
.visual .visual-indicator a.current{background-position:0 0}

.banner_2ea{width:96%;height:96px;text-align:center;margin:0 auto 20px;overflow:hidden}
@media all and (min-width:768px){
	.banner_2ea{height:128px}
}
.banner_2ea li{float:left;text-align:center;width:50%;height:96px;margin:0 auto;position:relative;overflow:hidden}
@media all and (min-width:768px){
	.banner_2ea li{height:128px}
}
.banner_2ea li img{width:200px;height:96px}
@media all and (min-width:768px){
	.banner_2ea li img{width:295px;height:128px}
}
.main_cs{text-align:center;margin-bottom:20px}
.main_cs p{margin-top:15px;text-align:center;color:#555;line-height:1.4em}


.banner_2ea2{width:100%;text-align:center;margin:0 auto 0px;overflow:hidden}

.banner_2ea2 li{float:left;text-align:center;width:50%;margin:0 auto;position:relative;overflow:hidden;}

.banner_2ea2 li img{width:100%;}

.banner_2ea3{width:100%;text-align:center;margin:0 auto 0px;overflow:hidden}

.banner_2ea3 li{float:left;text-align:center;width:100%;margin:0 auto;position:relative;overflow:hidden;}

.banner_2ea3 li img{width:100%;}


/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../imgs/icon/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('../imgs/icon/a22.png') center center no-repeat;
	overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }