body { }


.banner{width:100%;min-width:1300px;position:relative;overflow:hidden}
.banner-wrap {width:100%;position:relative;background: url(../images/body-bg.jpg) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
.banner-wrap img {width:100%;height:100%; display: block;}
.banner-wrap img.banner-wrap-img { width:100%;height:auto; display: block; position: absolute; top: 0; left:0; }

.fixedright { position: absolute; right:70px; top: 50%; width: 236px; height: 414px; margin-top: -150px; background: url(../images/fixed-right.png) no-repeat; }

.fixedright .fixedright-qq { position: absolute; bottom: 55px; left:0; width: 100%; text-align: center; font-size: 20px; color: rgba(255, 255, 255, 0.95); }
.fixedright .fixedright-jump { position: absolute; bottom: 30px; left:0; width: 100%; text-align: center; font-size: 16px; color: rgba(255, 255, 255, 0.7); cursor: pointer; }
.fixedright .fixedright-wrap { position: relative; width: 100%; height: 100%; }


.article { width: 1210px; left: 50%; margin: 0 auto; padding-top: 150px; padding-bottom: 160px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.article .article-wrap { width: 100%; height: 100%; position: relative;}
.article .article-wrap .article-head { text-align: center; margin: 0 auto 60px; width: 410px; }
.article .article-wrap .article-content { background: url(../images/article-content.png) 10px 0 no-repeat; width: 100%; height: 353px; padding: 10px 10px 10px 0; }
.article .article-wrap .article-left { width: 598px; height: 333px; float: left; overflow: hidden; }
.article .article-wrap .article-left img { width: 100%; height: 100%; }
.article .article-wrap .article-left .article-container { width: 100%; height: 350px; position: relative;}
.article .article-wrap .article-left .article-container .swiper-pagination { text-align: right; }
.article .article-wrap .article-left .article-container .swiper-pagination-bullet-active { background: #fff; }
.article .article-wrap .article-left .article-container .swiper-pagination-bullets { bottom: 15px; }
.article .article-wrap .article-right { background: url(../images/article-list.png) no-repeat; padding:20px 30px; color: rgba(255,255,255, 0.95); float: right; width: 599px; height: 333px; box-sizing: border-box; -webkit-box-sizing: border-box; background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.article .article-wrap .article-right a { color: rgba(255,255,255, 0.95); }
.article .article-wrap .article-right .more-icon-wrap { float: right; width: 18px; margin-right: 5px; }
.article .article-wrap .article-right .article-title { font-size: 24px; border-bottom: 1px solid rgba(255,255,255, 0.95); padding-bottom: 8px; }
.article .article-wrap .article-right .article-item { font-size: 16px; border-bottom: 1px dashed rgba(255,255,255, 0.95); margin-top: 20px; padding:0 7px 8px;}
.article .article-wrap .article-right .article-item .article-item-time { font-size: 14px; float: right;}
.article .article-wrap .article-right .article-item .article-item-cont { overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.banner-wrap-character { width: 100%; padding-top:55px;padding-bottom:50px; height: auto; background: url(../images/index-banner5.jpg) 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
.character {width: 1300px; margin:0 auto; }
.character .character-title { text-align: center; margin: 0 auto 60px; width: 410px; }
.character-cont .swiper-container {width: 100%;height: auto;}
.character-cont .swiper-slide { -webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.90);transform: scale(0.90);margin-top: 70px;margin-bottom: 130px; position: relative; border:2px solid #53331e; }

.character-cont {width: 1000px; margin: 0 auto; }
.character-cont-wrap {width: 100%; position: relative;}
.character-cont .swiper-wrapper img { width: 100%; height: auto; }

.character-cont .swiper-slide-active,
.character-cont .swiper-slide-duplicate-active { -webkit-transform: scale(1.2); transform: scale(1.2);z-index: 1002;}
.layer-mask { width: 100%;height: 100%;opacity: 0.7;transition: all 0.5s;background-color: #3e3e3e;  position: absolute;left: 0;top: 0;right: 0;}
.character-cont .swiper-slide-active .layer-mask { display: none; }

.character-cont .swiper-pagination-bullet { width:22px; height: 21px; background: url(../images/nav.png) no-repeat; opacity: 1}
.character-cont .swiper-pagination-bullet-active { background: url(../images/nav-active.png) no-repeat; }
.character-cont .character-btn { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -55px; height: 245px;}
.character-cont .character-btn .swiper-button-next,
.character-cont .character-btn .swiper-button-prev { width: 100px;height: 100px;margin-top: -100px;  z-index: 10;cursor: pointer;  -moz-background-size: 100px 100px;-webkit-background-size: 100px 100px;background-size: 100px 100px; }
.character-cont .character-btn .swiper-button-prev { background-image: url(../images/left1.png); left: -133px; }
.character-cont .character-btn .swiper-button-next { background-image: url(../images/right1.png); right: -150px; }

.footer{background:#434343;padding:4em 0;text-align:center;font-size:12px;min-width:1300px}
.footer img { vertical-align: middle;margin-bottom: 2px;}
.top-footer ul li{display:inline-block}
.top-footer ul li i{background:url(../images/img-sprite.png) -1px 0;width:52px;height:52px;display:inline-block;vertical-align:middle}
.top-footer ul li i.youtube{background-position:-56px 0}
.top-footer ul li i.facebook{background-position:-110px 0}
.top-footer ul li a{display:inline-block;color:#fff;font-size:1.5em;text-decoration:none;margin:0 0 0 5%}
.footer-grid li{display:inline-block}
.footer-grid li a{display:inline-block;color:#fff;font-size:1.1em;text-decoration:none;margin:0 1em}
.footer-grid li a:hover{color:#ea4c89}
.footer p{color:#fff;font-size:1.1em}
.footer p a{color:#ea4c89;text-decoration:none}
.footer p a:hover{color:#fff}
ul.footer-grid{padding:2em 0}
.footer p{color:#bbb;margin-bottom:5px}
.footer-list{list-style-type:none;display:block;width:100%;clear:both;text-align:center;margin-bottom:5px}
.footer-list li{display:inline-block;margin-right:5px;padding-right:5px;border-right:1px solid #ccc;color:#ddd}
.footer-list li:last-child{border:none}
.footer-list li a{color:#fff}