@charset "UTF-8";

._imgSldBanner{
	position: relative;
}

.rolling-banner {max-width: 1710px; margin: 0 auto; padding: 25px 20px;}
.rolling-banner .rolling-banner-bx {float: left; width: 140px;}
.rolling-banner .rolling-banner-bx > p {font-size: 21px; color: #373737; font-family: "Gm"; font-weight: 500; line-height: 21px;}
.rolling-banner .rolling-banner-btn {margin-top: 10px;}
.rolling-banner .rolling-banner-btn > button {float: left; display: inline-block; width: 28px; height: 28px; margin-right: 2px;}
.rolling-banner .rolling-banner-btn > button.prev {background: url("../images/btn_sitebanner_prev.png") no-repeat center;}
.rolling-banner .rolling-banner-btn > button.next {background: url("../images/btn_sitebanner_next.png") no-repeat center;}
.rolling-banner .rolling-playstop {float: left;}
.rolling-banner .rolling-playstop button {display: none; width: 28px; height: 28px;}
.rolling-banner .rolling-playstop button.on {display: inline-block;}
.rolling-banner .rolling-playstop button.play {background: url("../images/btn_sitebanner_play.png") no-repeat center;}
.rolling-banner .rolling-playstop button.stop {background: url("../images/btn_sitebanner_pause.png") no-repeat center;}
.rolling-bx-wrap {float: left; width: calc(100% - 140px); padding-left: 23px;}
.rolling-banner ul {margin: 0 -11px;}
.rolling-banner ul li {padding: 0 11px;}
.rolling-banner ul li a {display: block; border: 1px solid #DDDDDD;}


@media all and (max-width: 1023px){
	.rolling-banner .rolling-banner-bx {width: 100px;}
	.rolling-banner .rolling-banner-bx > p {font-size: 14px;}
	.rolling-bx-wrap {width: calc(100% - 100px);}
}