@CHARSET "UTF-8";


.pc-main .body-wrap {margin-bottom: 0px !important}
.pc-main .first-section {position: relative;}

.pc-main .visual-list {position:relative;height:100%;}
.pc-main .visual-control {margin: auto;position: absolute;top: 48px;text-align: center;width: 100%;}

.pc-main .visual-control > button {display:inline-block; width:12px;height:12px; margin:0 5px ;font-size: 0; vertical-align: top;background-image: url(../img/pc/icon-control.png); background-repeat: no-repeat;border:0;background-color: transparent;}
.pc-main .visual-control > .visual-off {background-position: 0 0}
.pc-main .visual-control > .visual-on {background-position: 0 -25px}
.pc-main .visual-control > .control-pause {background-position: 0 -50px}
.pc-main .visual-control > .control-play {background-position: 0 -75px}

.pc-main .visual-list > li > .visual-area {position: absolute;top: 0;left: 0;width: 100%;height:100%;}


.pc-main .main-banner-wrap {width: 100%;height: 120px;position: absolute;bottom: 0;}
.pc-main .main-banner {position:relative;width: 980px;height: 100%;margin: auto;}
.pc-main .banner-controll > div {position: absolute;right: 0;height: 30px;width: 108px;}
.pc-main .banner-down-contorl {display:table;width:100%;height:100%;bottom: 0;}
.pc-main .banner-down-contorl > span{display: table-cell;width: 78px;background-color: #313946;text-align: center;color: #ffffff;line-height: 1;vertical-align: middle;}
.pc-main .banner-down-contorl > button{display:table-cell;width:30px;;height:30px;border:0;border-left:1px solid #6f7572;vertical-align: middle;font-size: 0;background: url(../img/pc/btn-bannercontrol.png) no-repeat 7px 10px #313946;}
.pc-main .banner-up-contorl {display:table;width:100%;height:100%;bottom: 120px;}
.pc-main .banner-up-contorl > button {display:table-cell;    float: left;height:30px;border:0;vertical-align: middle;font-size: 0;background-image: url(../img/pc/btn-bannercontrol.png);background-repeat: no-repeat ;background-color:  #313946;}
.pc-main .banner-up-contorl > .left {width:26px;background-position: 10px -40px}
.pc-main .banner-up-contorl > .control {width:26px;background-position: 11px -90px}
.pc-main .banner-up-contorl > .play {background-position: 10px -65px !important}
.pc-main .banner-up-contorl > .right {width:26px;background-position: 10px -115px}
.pc-main .banner-up-contorl > .down {width:30px;background-position: 7px -15px;border-left:1px solid #6f7572;}

.pc-main .main-banner > ul,
.pc-main .main-banner > ul > li {display:none;width:100%;height:100%;}
.pc-main .main-banner > ul > li:FIRST-CHILD{display:list-item;}
.pc-main .main-banner > ul > li img {width:100%;height:100%}
.pc-main .main-banner > ul > li > button {position: absolute;bottom: 30px;right: 30px;width: 120px;height: 32px;background-color: transparent;text-align: left;background-image: url(../img/pc/btn-banner.png);background-repeat: no-repeat;}
.pc-main .main-banner > ul > li > .detail-N {border: 1px solid #ffffff;color: #ffffff;background-position: 87px -13px;}
.banner-location {position: absolute;right: 10px;top: 10px;}
.banner-location > ul > li {display:inline-block; width:12px;height:12px; margin:0 2px ;font-size: 0; vertical-align: top;background-image: url(../img/pc/icon-control.png); background-repeat: no-repeat;border:0;background-color: transparent;}
.banner-location > ul > .view {background-position: 0 -25px}

.mobile-main .first-section {position: relative;}
.mobile-main .visual-list {position: relative;height:180px;}


.mobile-main .visual-control {margin: auto;position: absolute;top: 160px;text-align: center;width: 100%;}

.mobile-main .visual-control > button {display:inline-block; width:12px;height:12px; margin:0 1px ;font-size: 0; vertical-align: top;background-image: url(../img/mobile/icon-banner-rollingbtn.png); background-repeat: no-repeat;border:0;background-color: transparent;    background-size: 25px;}
.mobile-main .visual-control > .visual-off {background-position: 0 0}
.mobile-main .visual-control > .visual-on {background-position: 0 -25px}
.mobile-main .visual-control > .control-pause {background-position: 0 -50px}
.mobile-main .visual-control > .control-play {background-position: 0 -75px}

.mobile-main .visual-list > li > .visual-area {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.mobile-main .visual-list > li > .visual-area > .visual {height:100%;background: url(../img/mobile/visual-main.png) no-repeat bottom center; background-size:480px 180px}


.mobile-main .main-banner-wrap {width: 100%;}
.mobile-main .main-banner {position:relative;width: 100%;height: 100%;margin: auto;}
.mobile-main .main-banner > ul > li {display:none;width:100%;height:80px}
.mobile-main .main-banner > ul > li:FIRST-CHILD{display:list-item;}
.mobile-main .main-banner > ul > li img {width:100%;height:100%}

.mobile-main .banner-controll > div {position: absolute;right: 0;height: 22px;width: 82px;}
.mobile-main .banner-down-contorl {display:table;width:100%;height:100%;bottom: 0;}
.mobile-main .banner-down-contorl > span{display: table-cell;width: 60px;background-color: #313946;text-align: center;color: #ffffff;line-height: 1;font-size: 80%;}
.mobile-main .banner-down-contorl > button{display:table-cell;width:22px;;height:24px;border:0;border-left:1px solid #6f7572;vertical-align: middle;font-size: 0;background: url(../img/mobile/ele-popbtn.png) no-repeat 6px 9px #313946; background-size:25px}
.mobile-main .banner-up-contorl {display:table;width:100%;height:100%;bottom: 80px;}
.mobile-main .banner-up-contorl > button {display:table-cell;    float: left;height:24px;border:0;vertical-align: middle;font-size: 0;background-image: url(../img/mobile/ele-popbtn.png);background-repeat: no-repeat ;background-color:  #313946; background-size:25px}
.mobile-main .banner-up-contorl > .left {width:20px;background-position: 7px -41px;}
.mobile-main .banner-up-contorl > .control {width:20px;background-position: 8px -91px}
.mobile-main .banner-up-contorl > .play {background-position: 7px -116px !important}
.mobile-main .banner-up-contorl > .right {width:20px;background-position: 7px -66px}
.mobile-main .banner-up-contorl > .down {width:22px;background-position: 6px -16px;border-left:1px solid #6f7572;}

.main-slider-auto {position:relative; width:100%; height:100%; overflow: hidden; margin:0;}
.main-slider-auto-mask {overflow:hidden; height:100%;}
.main-slider-auto > ul {position:relative; margin:0; padding:0;}
.main-slider-auto > ul > li {position:absolute; left:100%; width:100%; height:100%;}
.main-slider-auto .slide-auto-view {left:0}

.slide-auto-out {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : slide-auto-out;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : slide-auto-out;
}
@keyframes slide-auto-out {
	from {left:0}
	to {left:-100%}
}

.slide-auto-in {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : slide-auto-in;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : slide-auto-in;
}
@keyframes slide-auto-in {
	from {left:100%}
	to {left:0}
}


.slide-auto-out2 {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : slide-auto-out2;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : slide-auto-out2;
}
@keyframes slide-auto-out2 {
	from {left:0}
	to {left:100%}
}

.slide-auto-in2 {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : slide-auto-in2;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : slide-auto-in2;
}
@keyframes slide-auto-in2 {
	from {left:-100%}
	to {left:0}
}


.mobile-main .slide-auto-out {
	animation-duration : 0.5s;
	-webkit-animation-duration : 0.5s;
}

.mobile-main .slide-auto-in {
	animation-duration : 0.5s;
	-webkit-animation-duration : 0.5s;
}

.mobile-main .slide-auto-out2 {
	animation-duration : 0.5s;
	-webkit-animation-duration : 0.5s;
}
.mobile-main .slide-auto-in2 {
	animation-duration : 0.5s;
	-webkit-animation-duration : 0.5s;
}