.position-container { position: relative; }
.dialog-body { z-index: 99; }
.dialog-mask { z-index: 98; }
.banner { width : 100%; height : auto; /*background: pink;*/
position: relative; overflow: hidden; z-index : 1; }
.banner .swiper-container, .banner .swiper-wrapper { height:auto; }
.banner-item-date { position : absolute; top : 93px; z-index : 5; left : 50%; margin-left: -241.5px; width : 483px; text-align : center; font-size : 20px; color : #fff; }
.banner-item-date:after, .banner-item-date:before { content : ""; display : block; width : 61px; height : 1px; background: rgba(255, 255, 255, 0.5); position : absolute; top : 50%; }
.banner-item-date:after { left: 0; }
.banner-item-date:before { right: 0; }
.banner-btn { width : 1200px; height :auto!important; top : 50%; left : 50%; margin-left: -600px; margin-top : -215px; position : absolute; z-index : 2; }
.banner-btn-next, .banner-btn-pre { width : 52px; height : 52px; top : 50%; left : 50%; margin-top : -26px; z-index : 1111; position : absolute; background-position: center center; background-repeat : no-repeat; cursor : pointer; border-radius : 100%; /*border             : 1px solid rgba(255, 255, 255, 0.5);*/
overflow : hidden; }
.banner-btn-next:hover, .banner-btn-pre:hover { background-position: center center; background-repeat : no-repeat; }
.banner-btn-pre { background-image: url("./banner-btn-pre.png"); margin-left : -666px; }
.banner-btn-pre:hover { background-image: url("./banner-btn-pre-active.png"); }
.banner-btn-next { background-image: url("./banner-btn-next.png"); margin-left : 616px; }
.banner-btn-next:hover { background-image: url("./banner-btn-next-active.png"); }
.banner-btn-next:hover, .banner-btn-pre:hover { box-shadow: 0 0 20px 0 rgba(255, 255, 255, 1); }
.banner-btn-next:active, .banner-btn-pre:active { box-shadow: 0 0 10px 0 rgba(0, 8, 55, 0.5); }
.banner-pagination { position : absolute; z-index : 20; bottom : 15px; width : 1200px; height : 3px; left : 50%; margin-left: -600px; text-align : center; line-height: 3px; }
.banner-pagination .swiper-pagination-switch { display : inline-block; width : 36px; height : 3px; background-color: #000; margin : 0 1.5px; opacity : .3; cursor : pointer; }
.banner-pagination .swiper-active-switch { background: #fff; opacity : 1; }
.banner-item { width : 100%; height : auto!important; overflow: hidden; position: relative; }

.banner-item-btn { width : 143px; height : 37px; background-color : #fff83f; position : absolute; top : 335px; left : 50%; margin-left : -71.5px; z-index : 2; text-align : center; line-height : 37px; /*border-radius   : 2px;*/
-webkit-transition: all .5s; transition : all .5s; }
.banner-item a:hover .banner-item-btn { box-shadow: 0 0 20px 0 rgba(0, 8, 55, 0.5); }
.banner-item a:active .banner-item-btn { box-shadow: 0 0 10px 0 rgba(255, 255, 255, 1); }
.banner-item-btn, .banner-item-btn a { color: #955f0b; }
.sidebar { width: 228px;
}
.sidebar:before { content : ''; display : block; overflow: hidden; height : 480px; }
.sidebar-video { width : 228px; height : 380px; background-color: #7800ff; position : absolute; top : 572px; left : 50%; margin-left : -600px; z-index : 2; overflow : hidden; }
.sidebar-video:after { content : ''; display : block; width : 228px; position : absolute; left : 0; z-index : 2; background-color: #7800ff; height : 48px; bottom : -8px; }
.sidebar-video-pic, .sidebar-video-pic img, .sidebar-video-pic:after { display: block; width : 228px; height : 238px; cursor : pointer; }
.sidebar-video-pic { position : relative; background-color: #3c007f; }

.sidebar-video-pic:before { content : ''; display : block; width : 46px; height : 46px; background-image : url("./sidebar-video-btn-play.png"); background-position: center center; background-repeat : no-repeat; position : absolute; top : 50%; left : 50%; margin-top : -23px; margin-left : -23px; z-index : 4; pointer-events : none; }
.sidebar-video-pic:after { content : ''; background-color: rgba(0, 0, 0, 0.5); position : absolute; z-index : 3; top : 0; left : 0; pointer-events : none; }
.sidebar-txt-box { color: #FFF; }
.sidebar-txt-abs, .sidebar-txt-title { padding: 0 20px; }
.sidebar-txt-title { font-size : 20px; line-height: 48px; padding-top: 6px; }
.sidebar-txt-abs { font-size : 14px; line-height: 24px; }
.sidebar-btn-open { width : 19px; height : 18px; position : absolute; bottom : 17px; left : 50%; margin-left : -9.5px; cursor : pointer; z-index : 3; -webkit-transition: all .5s; transition : all .5s; }
.sidebar-btn-open-bottom, .sidebar-btn-open-top { width : 19px; height : 18px; position : absolute; top : 0; left : 50%; margin-left : -9.5px; background-image : url("./sidebar-btn-open.png"); background-repeat : no-repeat; z-index : 5; overflow : hidden; -webkit-transition: all .5s; transition : all .5s; }
.sidebar-btn-open-top { opacity : .5; background-position: center 0; text-indent : -888px; }
.sidebar-btn-open-bottom { background-position: center bottom; }
.sidebar-btn-off { display : none; transform : rotate(180deg); -ms-transform : rotate(180deg); -moz-transform : rotate(180deg); -webkit-transform: rotate(180deg); -o-transform : rotate(180deg); }


.page-scrollNews { position: relative; height: 40px; background-color: #3773db; }
.scroll-news-tit { position: relative; float: left; width: 122px; height: 100%; background: #2956a4 url("../images/icon_scrollnews.png") 18px center no-repeat; font-size: 14px; line-height: 40px; text-indent: 42px; color: #fff83f; }
.scroll-news-txt:before, .scroll-news-txt:after { content: ""; position: absolute; top: 0; z-index: 2; display: block; width: 45px; height: 40px; }
.scroll-news-txt { position: relative; float: right; width: 1050px; height: 294px; margin: 0 14px; overflow: hidden; }

.ie8 .scroll-news-txt:before, .ie8 .scroll-news-txt:after { display: none; }
.scroll-item { position: absolute; left: 0; top: 0; height: 30px; width: 100%;/*temp*/ padding-top: 10px; }
.scroll-items { float: left; }
.scroll-items a { position: relative; padding-left: 12px; padding-right: 28px; font-size: 14px; }
.scroll-items a:hover { text-decoration: underline; color: #fff; }
.scroll-items a:after { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #fff; border-radius: 100%; }