@charset "gbk";
/** header **/
.wrap{min-width: 1023px;background: url(../../images/1068/fixed_bg.jpg) repeat center;background-attachment:fixed;}
.section{width: 100%;overflow: hidden;position: relative;}
.kv_wrap{position: relative;overflow: hidden;line-height: 0;}
.btn_play{left:50%;top: 53%;margin-left: -4%;}
.btn_play0612{left: 56%;top: 28%;margin-left: -4%;}
.btn_play img,.btn_play0612 img{position: absolute;left: 0;top: 0;}
.rotate{animation: rotate 4s linear infinite;}
.btn_booking{left: 50%;top: 68%;margin-left: -8%;}
.btn_test{width:7.18%;left:52%;top:4%;}
.download_bg{width:22%;position: absolute;left: 60%;top:50%;}
.qr_download_main{position: absolute;left: 9%;top: 18%;}
.btn_download_wrap{width:42%;height:80%;position: absolute;right: 5%;top: 12%;overflow: hidden;}
.btn_download_wrap a{margin-bottom:4%;display: block;width:100%;height:30%;}
.cloud_left1{left:-7%;bottom:5%;animation:float1 10s linear infinite alternate;}
.cloud_right1{right:-12%;bottom:0;animation:float1 10s linear infinite alternate;}
.music_on{position: absolute;top: 28px;right:33px;cursor: pointer;}
@keyframes float1{
    0%{transform:translate3d(0,0,0);}
    25%{transform:translate3d(-2%,1%,0);}
    50%{transform:translate3d(-4%,2%,0);}
}
@keyframes rotate{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
/** ������Ѷ **/
.section2{background: #fff;padding: 70px 5%;}
.banner_right{width:44%;float: left;overflow: hidden;min-height:174px;}
.news_wrap{width: 40.5%;overflow: hidden;float: left;padding-left:3.5%;position: relative;}
.gg img{width:100%;}
.focus{width:100%;height:175px;position:relative;}
.focus .gg,.focus .gg li{width:100%;line-height: 0;}
.focus .gg li{position:absolute;z-index:0;opacity:0;visibility:hidden;}
.focus .gg li.on{z-index:1;opacity:1;transition:1s linear opacity;visibility:visible;}
.focus .gg li img{width:100%;height: auto;}
.gg-nav{position: absolute;bottom:5%;right:2%;z-index: 2;}
.gg-nav li{width: 12px;height: 12px;border-radius:100%;background: #fff;float:left;text-indent: -9999px;margin-left: 5px;opacity: 1;z-index: 9999;}
.gg-nav .on{width: 35px;border-radius:10px;background:#d7ad5f;}




.news_tabs{border-bottom: 1px #1c476c solid;padding-bottom: 2%;overflow: hidden}
.news_tabs li{text-align:center;cursor: pointer;width: 16%;float: left;position: relative;line-height: 24px;height: 24px;font-size: 16px;}
.news_tabs li:after{content:"/";font-size: 24px;display: block;position: absolute;right:0;top:0;line-height: 27px;}
.news_tabs li.on{color:#c29645;}
.ico_more{position:absolute;width: 10%;line-height: 27px;font-size: 20px;top:6px;right: 0;padding-right:30px;text-align: right;}
.news_slide{padding: 1% 0 0 1%;}
.news_box{display: none;}
.news_box li{line-height: 28px;height: 28px;font-size: 14px;}
.news_box a:hover .title{color:#1b77c3;text-decoration: underline;}
.news_box b{min-width:6%;font-weight: 700;display: inline-block;overflow: hidden;}
.news_box .title{width:69%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: top;}
.news_box .date{width:17%;min-width:85px;display: inline-block;text-align: right;vertical-align: top;color: #b1b1b1;}


/** Ⱥ���д� **/

.title_title1{width:297px;height:95px;background-position:-1854px -423px;position: absolute;top: 6%;left: 50%;margin-left:-150px;zoom:1 !important;}
.cloud_left2{left:-12%;top:0;animation:float1 10s 2s linear infinite alternate;}
.cloud_right2{right:-12%;top:0;animation:float1 10s 2s linear infinite alternate;}

.role_srcoll{width: 46%;position: relative;float:left;overflow: hidden;padding-left:5%;}
.role_ul{width:100%}
.role_ul li{position: relative;width: 100%;display: none;}
.ico_jiban{position: absolute;left: 26%;top: 18%;cursor: pointer;}
.role_img{line-height:0;min-height: 400px;}
.role_img h3 i{display: block;width:1px;height:160px;overflow:hidden;position: absolute;left: -75%;top:-3%;background: #8c9dac;font-size: 0;}
.role_img h3{width:1em;font-size: 14px;line-height: 1.1em;word-break: break-all;word-wrap: break-word;color: #fff;position: absolute;left:14%;top:21%;}
.role_img h3:before,.role_img h3:after{content: "��";line-height: 30px;width:1em;height:10px;display: block;position: absolute;right:0;top:-18px;}
.role_img h3:after{content:"��";bottom: -3px;top:auto;}

.role_info{font-size: 780px;width:44%;overflow: hidden;float: left;padding-right:5%;}
.deparment_nav{overflow: hidden;margin-left: -5%;width:111%;}
.deparment_nav li{width:54px;height:54px;line-height: 54px;float: left;font-size:3%;margin:0 5%;color:#fff;cursor: pointer;position: relative;overflow: visible;}
.deparment_nav li.off{background-position: 0 100px;text-indent: 0;}
.deparment_nav li:after{content:"/";font-size: 24px;display: block;position: absolute;right:-44px;top:0;line-height:54px;text-indent: 0;font-family: monospace;cursor: default;}
.deparment_title{padding: 1% 0 0 0;}
.deparment_title li{display: none;color: #ebc172;font-size:2%;height:4em;}
.slide_next,.slide_prev{position: absolute;right:2%;top:40%;}
.slide_prev{left:2%;right:auto;}
.role_detail{color:#fff;}
.role_direct{font-size:2%;padding-bottom: 1em;border-bottom: 1px solid #2b4866;}
.role_description{font-size:2%;padding:2% 0;line-height: 1.5em;height:3em;}
.role_ability{overflow: hidden;padding-bottom:.03em;}
.role_radar{width:290px;height:290px;float: left;zoom:0.6;}
.role_skill{width:60%;float: left;overflow: hidden;padding:18% 0 2rem;}
.role_skill li{float:left;margin-left: 0.03em;overflow: visible;position: relative;}
.role_skill li:after{font-size:1rem;line-height:1rem;height:1rem;color:#fff;display:block;position:absolute;bottom:-1.5rem;left:0;text-align:center;width:100%;text-indent:0;}
.role_skill li:first-child:after{content:"�Ʒ�����";}
.role_skill li:nth-child(2):after{content:"��������";}
.scroll_wrap{position: relative;border-bottom: 1px solid #d7ad5f;padding-bottom: 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.role_nav{overflow-x: scroll;width:100%;font-size:0;position: relative;}
.role_nav_bar{width: 100%;height:10px;display: block;background:#e2a545;position: absolute;bottom:0;left: 0;border-bottom: 10px solid #fff;}
.overview li{display: inline-block;line-height: 0;width:12.5%;position:relative;cursor: pointer;vertical-align: top;}
.overview li  b{display: block;width: 54px;height: 54px;position: absolute;right: 10px;bottom: 10px;-webkit-filter: grayscale(100%) brightness(1.3);filter: grayscale(100%) brightness(1.3);transition: all.2s ease-in-out;opacity:1;}
.overview li i{display: block;position: absolute;background: rgba(26,38,48,0.5);left: 0;top: 0;right: 0;bottom:0;opacity:1;transition: all .2s ease-in-out;}
.overview li p{width: 100%;position: absolute;left: 0;top: 50%;transform: translate3d(0,-50%,0);color:#fff;text-align: center;font-size:1rem;opacity:0;transition: all.2s ease-in-out;}
.overview li:hover i,.overview li:hover p{opacity:1;}
.overview li:hover i{background: rgba(26,38,48,0.8);}
.overview li:hover b{opacity:0;}
.overview li.on i,.overview li.on p,.overview li.on b{display: none;}
#roleNav{width:100%;margin:0 0 10px}
#roleNav .viewport{width:100%;font-size: 0;line-height: 0;overflow:hidden;position:relative}
#roleNav .overview{list-style:none;white-space: nowrap;position: relative;font-size: 0;line-height: 0;}
#roleNav .scrollbar{background:transparent;position:relative;margin:-11px 0 5px;height:11px}
#roleNav .track{background:rgba(245,239,230,0.5);width:100%;height:11px;position:relative}
#roleNav .thumb{background: #f5efe6;border-radius: 10px;height:11px;cursor:pointer;overflow:hidden;position:absolute;left:0;top:0}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}


/** �������� **/
.section4{background: #fff;padding-bottom: 5%;}
.title_title2{margin:3% auto;}
.jianghu_tab{overflow: hidden;position: relative;}
.jianghu_tabs{padding-bottom: 2%;overflow: hidden}
.jianghu_tabs li{text-align:center;cursor: pointer;width: 10%;float: left;position: relative;line-height: 24px;height: 24px;font-size: 16px;}
.jianghu_tabs li:after{content:"/";font-size: 24px;display: block;position: absolute;right:0;top:0;line-height: 27px;}
.jianghu_tabs li.on{color:#c29645;}
.jianghu_tab .ico_more{margin-right: 5%;}
.jianghu_wrap ul{display: none;}
.jianghu_box{width:100%;min-height: 198px;font-size:0;line-height: 0;white-space: nowrap;overflow: hidden;}
.jianghu_box li{display: inline-block;width: 33.3%;margin: 0 1px;}
.jianghu_box a{display: block;height: 100%;width: 100%;overflow: hidden;font-size:16px;position: relative;}
.jianghu_box a:hover i{opacity:1;}
.jianghu_box a i{display: block;opacity:0;position:absolute;left:0;top:0;right: 0;bottom: 0;background:rgba(0, 0, 0, 0.7);transition: all 0.5s ease-in-out;}
.jianghu_box a em{display:block;position: absolute;left:50%;top: 50%;transform: translate3d(-50%,-50%,0);}
.jianghu_title{position: absolute;left:0;bottom:0;width:100%;height: 3em;line-height:3em;background:rgba(42, 89, 144, 0.8);color:#fff;}
.jianghu_title .title{width:70%;text-indent:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: top;}
.jianghu_title .date{width:27%;min-width:85px;display: inline-block;text-align: right;vertical-align: top;}

/** ���͹��� **/
.section5{background: #fff;padding-bottom: 2%;}
.title_title3{margin:3% auto;}
.xiake_tab{overflow: hidden;position: relative;}
.xiake_tabs{width:90%;padding-bottom: 2%;overflow: hidden;float: left;white-space: nowrap;}
.xiake_tabs li{text-align:center;cursor: pointer;width: 14%;float: left;position: relative;line-height: 30px;height: 30px;font-size: 16px;}
.xiake_tabs li:after{content:"/";font-size: 24px;display: block;position: absolute;right:0;top:0;line-height: 27px;}
.xiake_tabs li.on{color:#c29645;}
.xiake_tab .ico_more{position: relative;top:0;float: left;margin-left:4%;width: auto;}
.btn_change{float:left;margin:3% 0 0 4%;}
.xiake_content{padding:0 3%;overflow: hidden;}
.xiake_left{width:30%;float:left;overflow: hidden;}
.first_level .second_nav{position: relative;}
.second_nav .ico_more{top: 33px;right: 73px;}
.xiake_left a{display: block;line-height: 0;font-size: 0;margin-bottom: 1%;}
.xiake_right{width:65%;float: left;overflow: hidden;margin-left:10px;background: #fff;border:1px solid #938b7f;padding: 5px;border-radius: 10px;}
.first_level{background: #f5efe6;padding-bottom: 1em;font-size: 1rem;display: none;}
.second_tab{padding:2%;}
.second_tab li{float: left;max-width:7em;border: 1px #c5aa83 solid;white-space:nowrap;padding:0 2%;text-align: center;line-height: 2em;margin-right:2%;color: #9d7232;cursor: pointer;}
.second_tab li.on{background: #9d7232;color:#fff;}
.second_level{padding:0 2%;overflow: hidden;display: none;min-height: 8em;}
.xiake_right .second_ul{width:30%;float: left;border-right:1px solid #d6cfc4;margin-right:2%;padding-right:1%;}
.xiake_right .second_ul:last-child{border: 0;}
.xiake_right .second_ul li{width:100%;margin-bottom:.4em;line-height: 1.5rem;font-size: .8em;}
.xiake_right .second_ul li:last-child{margin-bottom: 0;}
.xiake_right .second_ul li p{width:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 1.2em;}
.xiake_right .second_ul li .author{width:70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: top;color:#6a4c23;}
.xiake_right .second_ul li .date{width:27%;display: inline-block;text-align: right;vertical-align: top;color:#6a4c23;}
.section5 .cloud_left2{bottom: 0%;top:auto;width:22%;}

/** ָ��ͬ�� **/
.section6{background: #fff;}
.title_title4{margin:3% auto;}
.doujin_tabs{overflow: hidden;position: relative;width:90%;padding-bottom: 2%;float: left;white-space: nowrap;}
.doujin_tabs{padding-bottom: 2%;overflow: hidden}
.doujin_tabs li{text-align:center;cursor: pointer;width: 10%;float: left;position: relative;line-height: 24px;height: 24px;font-size: 16px;}
.doujin_tabs li:after{content:"/";font-size: 24px;display: block;position: absolute;right:0;top:0;line-height: 27px;}
.doujin_tabs li.on{color:#c29645;}
.doujin_tab .ico_more{position: relative;top:0;float: left;margin-left:4%;width: auto;}
.doujin_content .first_level{background: transparent;padding: 0;position: relative;}
.doujin_content .ico_more{position: absolute;right: 5%;top: -3%;}
.doujin_content .second_tab{padding: 0 2%;}
.doujin_content .second_nav{position: relative;}
.doujin_content .second_level{padding: 2% 0;}
.doujin_content .second_ul{overflow: hidden;white-space: nowrap;font-size:0;line-height: 0;border-right:1px solid #a28b69;}
.doujin_content li a{display:block;padding:10%;}
.doujin_content .second_ul li img{display: block;width:100%;height: auto;}
.doujin_content .second_ul li p{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;padding-top:5%;text-align:center;color:#6a4c23;}
.doujin_content .date,.doujin_content .hot{width:30%;display: inline-block;text-align: right;vertical-align: top;color:#6a4c23;}
.doujin_content .ico_fire{margin-right:3px;text-indent:0;display: inline-block;vertical-align: top;}
.section7{background: #fff;}
.cos_user{width:90%;margin:1% 5%;position: relative;overflow: hidden;}
.cos_user ul{position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;margin: 4.7% 0 0 20.2%;}
.cos_user li{width:7.78%;font-size:0;line-height: 0;text-align: center;float:left;margin-right: 4.51%;}
.cos_user li img{display: inline;border-radius:128px;}
.cos_user li p{font-size:1rem;line-height: 1.5rem;color:#1a1200;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 14%;}
.btn_change2{width:5.3%;position: absolute;right: 3%;top:16.8%;}
.cloud_right3{right:-5%;bottom:0;animation:float1 10s linear infinite alternate;}

/** ����һƳ **/
.slide_wrap{position: relative;overflow: hidden;width: 83%;margin:0 auto;font-size: 0;line-height: 0;}
.slide_wrap_bg{position: relative;width:100%;left: 0;top: 0;z-index: 111;}
.tese_box{width:69.02%;margin:0 auto;position: absolute;left: 17.2%;top:23%;}
.tese_ul{width:100%;white-space: nowrap;overflow: hidden;}
.tese_ul li{width:100%;display:block;position: absolute;left: 0;top: 0;opacity:0;transition: all 1s ease-in-out;}
.tese_ul li.on{z-index: 11;opacity:1;}
.tese_ul li.ready{z-index: 10;opacity:1;}
.tese_slide_btn{width:69.02%;text-align:center;position: absolute;bottom: 0;left: 17%;z-index: 112;}
.tese_slide_btn li.on{background-position:-1357px -590px;}
.section8 .slide_prev{left:17%;top:51%;z-index: 113;}
.section8 .slide_next{right:14%;top:51%;z-index: 114;}

/** ����ý�� **/
.section9{padding:8% 0;overflow: hidden;position: relative;}
.section9:before{content:"";display: block;width: 91%;height: 1px;font-size: 0;line-height: 0;background: #4f5a60;position: absolute;top:2%;left:3%;}
.ico_wrap{width:100%;overflow: hidden;position: relative;white-space: nowrap;z-index: 111;}
.ico_wrap li{width:19%;display: inline-block;padding: 0 0 3px 0;position: relative;}
.ico_wrap li:after{content:"";display: block;width:1px;height:60%;background: #c29645;position: absolute;right:0;top: 20%;}
.ico_wrap li:last-child:after{background: none;}
.ico_wrap li:hover .hover_content{opacity: 1;}
.ico_wrap .p1{margin:0 auto;position: relative;text-indent: 0;}
.ico_wrap .hover_content{position: absolute;left: 0;top: 0;bottom: 0;right: 0;text-align: center;opacity: 0;transition: all .5s ease-in-out;overflow: hidden;}
.ico_wrap .qq{background:#091c2c;white-space: normal;border: 2px solid #73705f;left:15%;right:15%;}
.ico_wrap .qq a{color:#fff;font-size: 1rem;line-height:1.4rem;width:75%;display: inline-block;border-bottom: 1px solid #2a3236;}
.ico_wrap .qq a:hover{color:#cfb07c;}
.ico_wrap .qq a:last-child{border: 0;}
.hover_content img{margin:5% auto 0;}
.ico_foot_qq{margin-bottom:5%;}
.hover_content .center_center{top: 50%;transform: translateY(-50%);position: absolute;left: 0;}
.cloud_left4{left:-5%;bottom:0;animation:float1 10s 2s linear infinite alternate;}
.cloud_right4{right:-5%;bottom:0;animation:float1 10s 2s linear infinite alternate;}


/** � **/
a.btn_win_close{width:32px;height: 32px;line-height:32px;display: block;color:#fff;font-family:serif;position: absolute;right:32px;top: 0;text-align: center;font-size:32px;}
.btn_win_close:hover{color:#fff;}
.jiban_description{font-size:1rem;line-height: 1.2rem;color:#fff;position: absolute;left:240px;top:64px;width:1rem;white-space: pre-line;word-break: break-all;word-wrap: break-word;}
.win_role_pic{width: 477px;height: 410px;position:absolute;left: 313px;top:16px;}
.jiban_face_wrap{position: absolute;width:554px;height: 264px;left:310px;top:91px;}
.jiban_face_wrap i img{border: 2px solid #d7ad5f;border-radius: 100px;}
.pos1{left: 19px;top:0;transform: rotate(49deg);}
.pos1 img{transform: rotate(-49deg);}
.pos2{right: 23px;top:0;}
.pos3{left: -2px;top:98px;transform: rotate(25deg);}
.pos3 img{transform: rotate(-25deg);}
.pos4{right: 2px;top:98px;transform: rotate(25deg);}
.pos4 img{transform: rotate(-25deg);}
.pos5{left: 21px;top:197px;}
.pos6{right: 25px;top:197px;transform: rotate(50deg);}
.pos6 img{transform: rotate(-50deg);}


@media screen and (min-width:1200px) {
    .focus{height:206px;}
    .news_tabs li{font-size: 17px;height: 27px;line-height: 27px;}
    .ico_more{font-size: 17px;height: 27px;line-height: 27px;}
    .news_box li{line-height: 34px;height: 34px;font-size: 14px;}
    .role_img h3{font-size: 15px;line-height:1.2em;}
    .p1,.p2,.role_radar{zoom:.7}
    .role_nav_ul li p{font-size:1.1rem;}
    .role_detail{padding-top: 1rem;}
    .role_ability{padding-top: 1rem;}
    .section5 .btn_change,.section6 .btn_change{margin-top:2%;}
    .second_level{min-height: 10em;}
    .xiake_right .second_ul li{margin-bottom:1em;font-size:1em;}
    .tabs_font li{font-size: 18px;}
}
@media screen and (min-width:1400px) {
    .focus{height:242px;}
    .news_box li{line-height: 39px;height: 39px;font-size: 15px;}
    .role_img h3{font-size: 16px;line-height:1.3em;;}
    .p1,.p2,.role_radar{zoom:.8}
    .role_nav_ul li p{font-size:1.2rem;}
    .role_detail{padding-top: 2rem;}
    .role_ability{padding-top: 2rem;}
    .section5 .btn_change,.section6 .btn_change{margin-top:2%;}
    .second_level{min-height: 12.6em;}
    .xiake_right .second_ul li{margin-bottom:1.5em;line-height: 2rem;}
    .tabs_font li{font-size: 20px;}
}
@media screen and (min-width:1600px) {
    .focus{height:277px;}
    .news_box li{line-height: 45px;height: 45px;font-size: 15px;}
    .role_img h3{font-size: 17px;line-height:1.4em;}
    .p1,.p2{zoom:.9}
    .role_nav_ul li p{font-size:1.3rem;}
    .role_detail{padding-top: 3rem;}
    .role_ability{padding-top: 3rem;}
    .section5 .btn_change,.section6 .btn_change{margin-top:2%;}
    .second_level{min-height: 15em;}
    .xiake_right .second_ul li{margin-bottom:2em;line-height: 2rem;}
    .tabs_font li{font-size: 22px;}
}
@media screen and (min-width:1900px) {
    .focus{height:331px;}
    .news_tabs li{font-size: 20px;height: 27px;line-height: 27px;}
    .ico_more{font-size: 20px;height: 27px;line-height: 27px;}
    .news_box li{line-height: 56px;height: 56px;font-size: 16px;}
    .role_img h3{font-size: 20px;line-height:1.4em;}
    .p1,.p2,.role_radar{zoom:1}
    .role_nav_ul li p{font-size:1.5rem;}
    .role_detail{padding-top: 4rem;}
    .role_ability{padding-top: 4rem;}
    .section5 .btn_change,.section6 .btn_change{margin-top:1%;}
    .second_level{min-height: 18.6em;}
    .xiake_right .second_ul li{margin-bottom:3em;line-height: 3rem;min-height:4.2rem;}
    .tabs_font li{font-size: 24px;}
}