@charset "UTF-8";
/**
 * Created by syGuo on 2017/6/26.
 */
/*CSS reset*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p { margin:0; padding:0; }
ol, ul { list-style:none; }
:link, :visited { text-decoration:none; }
body { color: #333; font-family:"Microsoft YaHei",sans-serif,Arial; }
a:hover { text-decoration: none; }
img { border: 0;}
.hidden { display:none; }
.fl { float:left; }
.fr { float:right; }
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

body{ background: #fff url("../images/bg.jpg") center top no-repeat;}

.w1200{ width: 1200px;margin: 0 auto;}

.sec-header{ height: 568px;padding-top: 280px;}
.sec-header .hd-img .hd-img-border{ position: relative;float: left;display: block;height: 100%;margin-right: 20px;}
.sec-header .hd-img .hd-img-border:after{ content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url("../images/transparent-bg.png") center bottom no-repeat;}
.sec-header .hd-img .hd-img-border img{ display: block;width: 100%;height: 100%;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s}
.sec-header .hd-img .hd-img-border span{ position: absolute;top: 10px;left: 10px;display: block;padding: 0 10px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;border: 1px solid rgba(255,255,255,.3);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;z-index: 1;transition: all .3s;}
.sec-header .hd-img .hd-big-img{ width: 456px;height: 420px; overflow: hidden;}
.sec-header .hd-img .hd-big-img .hd-img-border{ width: 100%;}
.sec-header .hd-img .hd-big-img .hd-img-border span{ width: 414px;height: 398px;line-height: 750px;}
.sec-header .hd-img .hd-small-img{ width: 724px;height: 420px;overflow: hidden;}
.sec-header .hd-img .hd-small-img>div{ width: 745px;height: 200px;overflow: hidden;}
.sec-header .hd-img .hd-small-img .small-t-img{ margin-bottom: 20px;}
/*.sec-header .hd-img .hd-small-img .small-b-img{ }*/
.sec-header .hd-img .hd-small-img .hd-img-border{ width: 228px; height: 200px; overflow: hidden;}
.sec-header .hd-img .hd-small-img .hd-img-border span{ width: 186px;height: 178px;line-height: 300px;}
.sec-header .hd-img .hd-small-img .small-t-img .hd-img-border:last-child{ width: 476px;}
.sec-header .hd-img .hd-small-img .small-t-img .hd-img-border:last-child span{ width: 434px;}


.sec-header .hd-img .hd-img-border:hover img {
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}


.sec-header .hd-nav{ height: 80px;margin-top: 68px;}
.sec-header .hd-nav ul li{ float: left;width: 170px;height: 80px;border-left: 1px solid #2b46a6;}
.sec-header .hd-nav ul li:first-child{ border-left: 1px solid transparent;}
.sec-header .hd-nav ul li a{ display: block;width: 100%;height: 100%;font-size: 24px;font-weight: bold;color: #fff;line-height: 80px;text-align: center;transition: all .5s;}
.sec-header .hd-nav ul li.active a,
.sec-header .hd-nav ul li a:hover{ text-decoration: none;background-color: #21a7ca;}

.sec-top-news{ padding: 60px 0;height: 380px;overflow: hidden;}
.sec-top-news .top-news-list{ width: 444px;height: 380px;}
.sec-top-news .top-news-list .top-news-link a:hover{ text-decoration: underline;}
.sec-top-news .top-news-list .top-news-link h3{ height: 24px;font-size: 20px;font-weight: bold;text-align: center;line-height: 24px;}
.sec-top-news .top-news-list .top-news-link h3 a{ display: block;width: 100%;height: 100%;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-top-news .top-news-list .top-news-link p{ height: 40px;line-height: 40px;font-size: 16px;text-align: center;margin-bottom: 25px;overflow: hidden;}
.sec-top-news .top-news-list .top-news-link p a{ color: #999;}
.sec-top-news .top-news-list .top-news-icon{ position: relative;height: 101px;padding-left: 120px;padding-top: 7px;}
.sec-top-news .top-news-list .top-news-icon .code{ position: absolute;top: 0;left: 0;width: 108px;height: 108px;}
.sec-top-news .top-news-list .top-news-icon .code:after{ content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url("../images/code-bg.png") center top no-repeat;}
.sec-top-news .top-news-list .top-news-icon .code img{ display: block;width: 100%;height: 100%;}
.sec-top-news .top-news-list .top-news-icon .icon{ width: 330px;height: 94px;font-size: 0;background: url("../images/icon-link1.png") left top no-repeat;overflow: hidden;}
.sec-top-news .top-news-list .top-news-icon .icon a{ display: inline-block;width: 70px;height: 100%;padding-left: 7px;margin-right: 5px;font-size: 16px;color: #43199f;line-height: 172px;text-align: center;background-color: rgba(255,255,255,0);}
.sec-top-news .top-news-list .top-news-icon .icon a:hover{ background-color: rgba(255,255,255,.1);}
.sec-top-news .top-news-slide{ width: 720px;height: 380px;}
.sec-top-news .top-news-slide .news-view{ position: relative;width: 100%;height: 100%;}
.sec-top-news .top-news-slide .news-view .news-view-bd{ height: 100%;width: 100%;overflow: hidden;}
.sec-top-news .top-news-slide .news-view .news-view-bd .news-view-item{ position: relative;}
.sec-top-news .top-news-slide .news-view .news-view-bd .news-view-item img{ display: block;width: 100%;height: 380px;}
.sec-top-news .top-news-slide .news-view .news-view-bd .news-view-item p{ position: absolute;bottom: 0;left: 0;height: 50px;width: 474px;padding-left: 10px;padding-right: 236px;font-size: 20px;color: #fff;line-height: 50px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: rgba(0,0,0,.6);}
.sec-top-news .top-news-slide .news-view .news-view-hd{ position: absolute;right: 124px;bottom: 23px;width: 100px;text-align: center;font-size: 0;}
.sec-top-news .top-news-slide .news-view .news-view-hd li{ display: inline-block;width: 8px;height: 4px;background-color: #908e8c;margin: 0 4px 0 3px;cursor: pointer;}
.sec-top-news .top-news-slide .news-view .news-view-hd li.on{ width: 24px;background-color: #ff104f;}
.sec-top-news .top-news-slide .news-view .sPrev,
.sec-top-news .top-news-slide .news-view .sNext{ position: absolute;bottom: 0;display: block;width: 58px;height: 50px;background: url("../images/slide-arr1.jpg") left top no-repeat;}
.sec-top-news .top-news-slide .news-view .sPrev{ right: 58px;}
.sec-top-news .top-news-slide .news-view .sNext{ right: 0;background-position: right top;}
.sec-top-news .top-news-slide .news-view .sPrev:hover{ background-position: left bottom;}
.sec-top-news .top-news-slide .news-view .sNext:hover{ background-position: right bottom;}

.title-2{ position: relative;width: 100%;height: 56px;}
.title-2:before{ position: absolute;top: 50%;display: block;width: 100%;height: 1px;background-color: #e7e7e7;content: '';}
.title-2 h2{ position: relative;display: inline-block;padding-right: 120px;padding-left: 74px;font-size: 26px;color: #333;font-weight: bold;line-height: 56px;background: #f8f8f8 url("../images/line-bg.jpg") right center no-repeat;}
.title-2 h2:before{ content: '';position: absolute;top: 0;left: 0;display: block;width: 62px;height: 56px;background: url("../images/title-icon2.png") left top no-repeat;}
.title-2 .more-btn{ position: absolute;top: 0;right: 0;display: block;width: 38px;height: 56px;padding-right: 18px;font-size: 14px;color: #959595;line-height: 56px;text-align: right;background: url("../images/icon-add.png") right center no-repeat;}
.title-2 .more-btn:hover{ text-decoration: underline;}

.sec-live-report{ padding: 60px 0;background-color: #f8f8f8;}
.sec-live-report .new-game-news{ width: 652px;}
.sec-live-report .new-game-news .new-game-li{ position: relative;width: 452px;height: 120px;padding: 30px 0 30px 200px;border-bottom: 1px solid #e7e7e7;}
.sec-live-report .new-game-news .new-game-li img{ position: absolute;top: 30px;left: 0;display: block;width: 180px;height: 120px;}
.sec-live-report .new-game-news .new-game-li h3{ margin-bottom: 14px;font-size: 18px;font-weight: bold;line-height: 22px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-live-report .new-game-news .new-game-li p{ height: 72px;font-size: 14px;line-height: 24px;color: #565656;overflow: hidden;}
.sec-live-report .new-game-news .new-game-li a:hover h3{ text-decoration: underline;}
.sec-live-report .new-game-news .news-more-btn{ display: block;width: 100%;height: 40px;margin-top: 30px;font-size: 14px;color: #858585;line-height: 40px;text-align: center;background-color: #ebebeb;}
.sec-live-report .new-game-news .news-more-btn:hover{ text-decoration: underline;}
.sec-live-report .popularity-booth-show{ width: 500px;margin-bottom: 20px;}
.sec-live-report .popularity-booth-show .popularity-booth-list{ margin-top: 30px;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li{ height: 130px;margin-bottom: 20px;overflow: hidden;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li .pb-img{ float: left;display: block;width: 340px;height: 130px;overflow: hidden;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li .pb-img img{ display: block;width: 100%;height: 100%;transition: all .6s;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li .pb-word{ float: left;width: 140px;height: 80px;padding: 25px 10px;background: url("../images/show-word-bg.jpg") center top no-repeat;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li .pb-word h3{ font-size: 24px;font-weight: bold;color: #ffeb10;text-align: center;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li a:hover .pb-word h3{ text-shadow: 0 0 1px #fff;}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li a:hover .pb-img img{ transform: scale(1.2);}
.sec-live-report .popularity-booth-show .popularity-booth-list .popularity-booth-li .pb-word p{ font-size: 16px;text-align: center;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-live-report .gift-img-show{ width: 500px;}
.sec-live-report .gift-img-show .gift-img-list{ height: 390px;margin-top: 30px;overflow: hidden;}
.sec-live-report .gift-img-show .gift-img-list .fl{ width: 280px;}
.sec-live-report .gift-img-show .gift-img-list .fr{ width: 200px;}
.sec-live-report .gift-img-show .gift-img-list li{ margin-bottom: 20px;}
/*.sec-live-report .gift-img-show .gift-img-list li a{ cursor: default;}*/
.sec-live-report .gift-img-show .gift-img-list img{ display: block;width: 100%;}
.sec-live-report .gift-img-show .gift-img-list .fl li:first-child img{ height: 220px;}
.sec-live-report .gift-img-show .gift-img-list .fl li:last-child img{ height: 150px;}
.sec-live-report .gift-img-show .gift-img-list .fr img{ height: 116px;}

.title-1{ height: 94px;text-align: center;font-size: 0;}
.title-1>div{ display: inline-block;height: 86px;padding-top: 8px;padding-left: 124px;background: url("../images/title-icon1.png") left top no-repeat;}
.title-1>div h2{ font-size: 28px;color: #fff;font-weight: bold;line-height: 48px;text-align: left;}
.title-1>div p{ font-size: 18px;color: #c688f8;line-height: 20px;text-align: left;}

.sec-scene-girl{ min-width: 1200px;padding: 40px 0 60px;background: #8738e3 url("../images/bg1.png") center top no-repeat;overflow: hidden;}
.sec-scene-girl .scene-girl-slide{ width: 1115px;height: 400px;margin: 30px auto 0;}
.sec-scene-girl #slide{ width: 100%;height: 400px;position: relative;}
.sec-scene-girl #slide .slide_container{ width: 100%;height: 100%;/*overflow: hidden;*/position: relative;}
.sec-scene-girl #slide .slide_container .slide_wraper{ position: absolute;top: 0;left: 0; }
.sec-scene-girl #slide .slide_container .slides_item{ position: relative;display: block;width: 270px;height: 400px;float: left;margin-left: 7px; overflow: hidden;}
.sec-scene-girl #slide .slide_container .slides_item:after{ content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);}
.sec-scene-girl #slide .slide_container .slides_item:hover:after{ background-color: transparent;}
.sec-scene-girl #slide .slide_container img{ display: block;width: 100%;height: 100%; }
.sec-scene-girl #slide .slide-shadow-left,
.sec-scene-girl #slide .slide-shadow-right{ position: absolute;top: 0;width: 600px;height: 100%;background-color: rgba(135,56,227,.8);}
.sec-scene-girl #slide .slide-shadow-left{ left: -600px;}
.sec-scene-girl #slide .slide-shadow-right{ right: -600px;}
.sec-scene-girl #slide .prev,
.sec-scene-girl #slide .next{ display: block;width: 36px;height: 72px;position: absolute;top: 50%;margin-top: -36px;background: url("../images/slide-arr2.png") 0 0 no-repeat; }
.sec-scene-girl #slide .prev:hover,
.sec-scene-girl #slide .next:hover{ opacity: .8; }
.sec-scene-girl #slide .prev{ left: -44px; }
.sec-scene-girl #slide .next,
.sec-scene-girl #slide .next:hover{ right: -44px;background-position: right 0; }

.sec-game-experience{ padding: 60px 0;}
.sec-game-experience .w1200{ position: relative;}
.sec-game-experience .title-1>div h2{ color: #333;}
.sec-game-experience .title-1>div p{ color: #a1a1a1;}
.sec-game-experience .game-experience-tab{ position: absolute;top: 80px;right: 0;}
.sec-game-experience .game-experience-tab a{ position: relative;display: inline-block;padding: 0 17px 0 16px;font-size: 20px;color: #333;font-weight: bold;line-height: 24px;}
.sec-game-experience .game-experience-tab a.active{ color: #8738e2;}
.sec-game-experience .game-experience-tab a:after{ content: '';position: absolute;top: 2px;right: 0;display: block;width: 1px;height: 20px;background-color: #e0e0e0;}
.sec-game-experience .game-experience-tab a:last-child:after{ width: 0;}
.sec-game-experience .game-experience-content{ position: relative;width: 100%;height: 572px;margin-top: 30px;}
.sec-game-experience .game-experience-content .game-experience-slide{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.sec-game-experience .game-experience-content .game-experience-slide.active{ opacity: 1;z-index: 1;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view{ position: relative;width: 1220px;height: 100%;margin-left: -10px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-bd{ height: 100%;overflow: hidden;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item{ position: relative;float: left;width: 285px;height: 532px;margin: 0 10px;padding-bottom: 40px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:nth-child(2n){ padding-bottom: 0;padding-top: 40px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-img{ position: relative;width: 272px;height: 520px;padding: 0 13px 12px 0;background: url("../images/slide-bg.png") right bottom no-repeat;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-img:after{ content: '';position: absolute;top: 0;left: 0;display: block;width: 272px;height: 520px;background-color: rgba(0,0,0,.5);}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-img img{ display: block;width: 100%;height: 100%;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail{ opacity: 0;position: absolute;top: 0;left: 0;width: 272px;height: 520px;background: url("../images/transparent-bg2.png") left bottom no-repeat;z-index: 2;transition: all .5s;overflow: hidden;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:nth-child(2n) .game-detail{ top: auto;bottom: 12px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:hover .game-img{ background-image: url("../images/slide-bg-on.png");}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:hover .game-img:after{ background-color: transparent;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:hover .game-detail{ opacity: 1;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail h3{ position: absolute;left: 10px;bottom: 166px;width: 252px;font-size: 24px;font-weight: bold;color: #fff;line-height: 40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail p{ position: absolute;left: 10px;bottom: 133px;width: 252px;font-size: 16px;color: #ccc;line-height: 26px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail a{ position: absolute;display: block;width: 156px;height: 45px;font-size: 18px;color: #fff;text-align: center;line-height: 45px;background: url("../images/detail-btn.png") center top no-repeat;transition: all .5s;transition-delay: .3s;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail .to-home-link{ bottom: 75px;left: -156px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item .game-detail .game-play-test{ bottom: 20px;right: -156px;background-position: center bottom;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:hover .game-detail .to-home-link{ left: 0;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .game-view-item:hover .game-detail .game-play-test{ right: 0;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .sPrev,
.sec-game-experience .game-experience-content .game-experience-slide .game-view .sNext{ position: absolute;top: 50%;display: block;width: 36px;height: 72px;margin-top: -36px;background: url("../images/slide-arr3.png") left top no-repeat;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .sPrev{ left: -50px;}
.sec-game-experience .game-experience-content .game-experience-slide .game-view .sNext{ right: -50px;background-position: right top;}

.sec-industry-forum{ padding: 60px 0;background-color: #f8f8f8;}
.sec-industry-forum .title-1>div h2{ color: #333;}
.sec-industry-forum .title-1>div p{ color: #a1a1a1;}
.sec-industry-forum .industry-forum-content{ margin-top: 30px;}
.sec-industry-forum .industry-forum-slide{ width: 400px;height: 398px;overflow: hidden;margin-right: 20px;}
.sec-industry-forum .industry-forum-slide .forum-view{ position: relative;width: 100%;height: 100%;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-bd{ height: 100%;width: 100%;overflow: hidden;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-bd .forum-view-item{ position: relative;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-bd .forum-view-item img{ display: block;width: 100%;height: 398px;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-bd .forum-view-item p{ position: absolute;bottom: 0;left: 0;height: 60px;width: 380px;padding: 0 10px;font-size: 18px;color: #fff;line-height: 40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: rgba(0,0,0,.6);}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-hd{ position: absolute;right: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-hd li{ display: inline-block;width: 8px;height: 4px;background-color: #908e8c;margin: 0 4px 0 3px;cursor: pointer;}
.sec-industry-forum .industry-forum-slide .forum-view .forum-view-hd li.on{ width: 24px;background-color: #ff104f;}
.sec-industry-forum .industry-forum-img{ width: 300px;height: 398px;overflow: hidden;}
.sec-industry-forum .industry-forum-img a{ display: block;margin-bottom: 20px;}
.sec-industry-forum .industry-forum-img img{ display: block;width: 100%;height: 189px;}
.sec-industry-forum .industry-forum-news{ width: 444px;height: 398px;overflow: hidden;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews{ width: 100%;height: 172px;border-bottom: 1px dashed #c8c8c8;overflow: hidden;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews a:hover{ text-decoration: underline;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews h3{ height: 24px;font-size: 20px;font-weight: bold;text-align: center;line-height: 24px;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews h3 a{ display: block;width: 100%;height: 100%;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews p{ height: 40px;line-height: 40px;font-size: 16px;text-align: center;margin-bottom: 25px;overflow: hidden;}
.sec-industry-forum .industry-forum-news .industry-forum-topNews p a{ color: #999;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList{ margin-top: 23px;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList li{ position: relative;height: 29px;font-size: 16px;line-height: 30px;color: #565656;padding-left: 16px;padding-right: 50px;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList li:before{ content: '';position: absolute;top: 13px;left: 0;display: block;width: 2px;height: 2px;background-color: #565656;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList li a{ display: block;width: 100%;height: 100%;color: #565656;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList li a:hover{ text-decoration: underline;}
.sec-industry-forum .industry-forum-news .industry-forum-newsList li i{ position: absolute;top: 0;right: 0;display: inline-block;height: 100%;line-height: 30px;font-style: normal;}

.sec-exclusive-interview{ padding: 40px 0 60px;background: #8738e3 url("../images/bg1.png") center top no-repeat;overflow: hidden;}
.sec-exclusive-interview .exclusive-interview-slide{ margin-top: 30px;height: 880px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view{ position: relative;width: 1220px;height: 100%;margin-left: -10px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-bd{ height: 100%;overflow: hidden;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item{ float: left;width: 285px;height: 100%;margin: 0 10px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people{ position: relative;width: 100%;height: 420px;margin-bottom: 20px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item:nth-child(2n) .exclusive-people{ margin-bottom: 0;margin-top: 20px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-img{ position: relative;width: 100%;height: 100%;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-img:after{ content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url("../images/detail-border.png") center bottom no-repeat;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-img img{ display: block;width: 100%;height: 100%;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-img p{ position: absolute;left: 20px;bottom: 90px;width: 244px;font-size: 16px;color: #fff;line-height: 24px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;z-index: 1;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-img h3{ position: absolute;left: 20px;bottom: 40px;width: 244px;font-size: 24px;color: #fff;font-weight: bold;line-height: 34px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;z-index: 1;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-detail{ opacity: 0;position: absolute;top: 0;left: 0;width: 225px;height: 360px;padding: 30px;background: #232323 url("../images/detail-border-on.png") left top no-repeat;z-index: 2;transition: all .5s;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people:hover .exclusive-detail{ opacity: 1;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-detail h3{ font-size: 24px;font-weight: bold;color: #fff;line-height: 68px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-detail p{ height: 218px;font-size: 16px;color: #999;line-height: 24px;overflow: hidden;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .exclusive-view-item .exclusive-people .exclusive-detail a{ position: absolute;left: 110px;bottom: 50px;display: block;width: 64px;height: 30px;background: url("../images/detail-link-btn.png") center top no-repeat;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .sPrev,
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .sNext{ position: absolute;top: 50%;display: block;width: 36px;height: 72px;margin-top: -36px;background: url("../images/slide-arr2.png") left top no-repeat;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .sPrev{ left: -50px;}
.sec-exclusive-interview .exclusive-interview-slide .exclusive-view .sNext{ right: -50px;background-position: right top;}

.sec-scene-map{ padding: 60px 0 0;}
.sec-scene-map .title-1>div h2{ color: #333;}
.sec-scene-map .title-1>div p{ color: #a1a1a1;}
.sec-scene-map .scene-map-content{ margin-top: 30px;}
.sec-scene-map .scene-map-content img{ display: block;width: 100%;}

.title-3{ font-size: 20px;color: #323232;}
.title-3 h2{ position: relative;padding-left: 15px;height: 24px;line-height: 20px;font-weight: bold;}
.title-3 h2:before{ position: absolute;top: 0;left: 0;display: block;width: 3px;height: 20px;background-color: #ff104f;content: '';}

.sec-cj-detail{ padding: 60px 0;background-color: #f8f8f8;}
.sec-cj-detail .cj-detail-content{ margin-top: 30px;}
.sec-cj-detail .cj-detail-content .cj-detail-word{ width: 694px;}
.sec-cj-detail .cj-detail-content .cj-detail-word p{ font-size: 14px;color: #565656;line-height: 22px;text-indent: 2em;margin-bottom: 20px;}
.sec-cj-detail .cj-detail-content .cj-detail-word .cj-detail-icon{ font-size: 16px;color: #333;}
.sec-cj-detail .cj-detail-content .cj-detail-word .cj-detail-icon li{ position: relative;float: left;width: 185px;height: 36px;line-height: 36px;padding-left: 45px;margin-bottom: 10px;}
.sec-cj-detail .cj-detail-content .cj-detail-word .cj-detail-icon li:before{ content: '';position: absolute;top: 0;left: 0;width: 36px;height: 36px;background: url("../images/icon-list.png") left top no-repeat;}
.sec-cj-detail .cj-detail-content .cj-detail-show{ width: 458px;}
.sec-cj-detail .cj-detail-content .cj-detail-show ul{ width: 480px;}
.sec-cj-detail .cj-detail-content .cj-detail-show li{ position: relative;float: left;width: 220px;height: 80px;margin-top: 16px;margin-right: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec-cj-detail .cj-detail-content .cj-detail-show li img{ display: block;width: 100%;height: 100%;}
.sec-cj-detail .cj-detail-content .cj-detail-show li p{ opacity: 0;position: absolute;top: 0;left: 0;width: 200px;height: 100%;padding: 0 10px;background-color: rgba(0,0,0,.6);font-size: 16px;color: #fff;line-height: 80px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .3s;}
.sec-cj-detail .cj-detail-content .cj-detail-show li a:hover p{ opacity: 1;}

.m-footer-info p,
.m-footer-info p a{ color: #fff;}

.m-side-controls{ position: fixed;right: 0;top: 300px;width: 132px;text-align: right;z-index: 99;}
.m-side-controls li,
.m-side-controls .back_top{ display: inline-block;width: 132px;height: 32px;margin-bottom: 4px;font-size: 16px;line-height: 32px;text-align: left;background: url("../images/side-nav-bg.jpg") left top no-repeat;transition: all .5s;}
.m-side-controls li a{ display: block;padding-left: 48px;color: #fff;}
.m-side-controls li.active{ width: 167px;margin-left: -35px;}
.m-side-controls .back_top{ width: 84px;padding-left: 48px;color: #fff;}