.mainRollBanner .promoRollingPager {
    position: absolute;
    width: calc(91% - 16px);
}
/*========== News ============*/
#news_cont {
    width: 690px;
    margin-left: 10px;
    z-index: 600;
}
#main_news {
    width: calc(90% - 16px);
    background: url(../images/index/news_bg_m.jpg) no-repeat center top;
    min-width: 900px;
    max-width: 1402px;
    height: 460px;
    padding: 30px 10px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#main_news:before, #main_news:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#main_news:before {
    display: block;
    left: -8px;
    background-image: url(../images/index/news_bg_l.jpg);
}
#main_news:after {
    display: block;
    right: -8px;
    background-image: url(../images/index/news_bg_r.jpg);
}
a.more {
    padding: 4px 10px;
    font-size: 15px;
    border: 2px solid #327da7;
    border-radius: 15px;
    background: #0d3a71;
    color: #bfc6ca;
    right: 10px;
    bottom: 10px;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}
a.more:hover {
    color: #EEE;
    background: #0a3b75;
    border: 2px solid #0465da;
}
.news_tab {
    clear: left;
    width: 100%;
    min-width: 690px;
    position: relative;
}
#main_news ul.tabs {
    height: 43px;
    /* border-bottom: 1px solid #656565; */
}
#main_news ul.tabs li {
    float: left;
    width: 115px;
    height: 43px;
    font-size: 16px;
    font-weight: bold;
    line-height: 43px;
    background: url(../images/index/news_tab.jpg) no-repeat;
}
#main_news ul.tabs li a {
    display: block;
    text-align: center;
    color: #c4c4c4;
    text-decoration: none;
}
#main_news li.top a {
    color: #78b8fb;
}
#main_news ul.tabs li:hover a {
	color: #FFF;
}
#main_news ul.tabs li.active a {
    color: #b9e6ff;
    background: url(../images/index/news_tab_b.jpg) no-repeat;
}
#main_news ul.tabs li.active a:hover {
    background: url(../images/index/news_tab_b.jpg) no-repeat;
}
#main_news div.tab_container {
    clear: left;
    width: 100%;
    height: 360px;
    background: rgba(0, 0, 0, 0.4);
    border-top: 1px solid #30363a;
}
.main_newslist li {
    line-height: 38px;
    font-size: 16px;
    border-bottom: 1px solid #040a15;
    box-shadow: 0px 1px 0 0px #0c2142;
    /*border-bottom: 1px solid #1b3544;
    box-shadow: 0px 1px 0 0px #2a5467;*/
}
#main_news div.tab_container .tab_content {
    padding: 10px 20px;
}
#main_news div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}
.main_newslist li {
    line-height: 38px;
    font-size: 16px;
}
.new_icon {
    background: url(../images/new_icon.png) no-repeat center center;
    width: 40px;
    height: 12px;
    display: inline-block;
    padding: 5px;
}
.main_newslist span {
    float: right;
    padding-right: 10px;
}
.main_newslist a {
    color: #EFEFEF;
    width: 100%;
    display: block;
    text-decoration: none;
}
.main_newslist a:hover {
    color: #FFF;
}

/* links */
ul.links {
    width: 600px;
    height: 460px;
    text-align: center;
    right: 0;
    top: 0;
    background: url(../images/index/link_char.png) no-repeat 10% top;
    opacity: 0;
    position: absolute;
    -webkit-animation: fadeInRight linear .5s forwards;
    -moz-animation: fadeInRight linear .5s forwards;
    animation: fadeInRight linear .5s forwards;
    animation-delay: .5s;
}
ul.links li a {
    width: 140px;
    height: 140px;
    display: block;
    position: absolute;
    text-indent: -9999px;
    transform: rotate(45deg);
}
.btn_link01 a {
    background: url(../images/index/btn_fb.png) no-repeat;
    right: 180px;
    top: 55px;
}
.btn_link02 a {
    background: url(../images/index/btn_bh.png) no-repeat;
    right: 75px;
    top: 160px;
}
.btn_link03 a {
    background: url(../images/index/btn_yt.png) no-repeat;
    right: 180px;
    top: 265px;
}
.btn_link01 a:hover {
    background: url(../images/index/btn_fb_b.png) no-repeat;
}
.btn_link02 a:hover {
    background: url(../images/index/btn_bh_b.png) no-repeat;
}
.btn_link03 a:hover {
    background: url(../images/index/btn_yt_b.png) no-repeat;
}

/*=========Character==========*/
#character {
    width: 90%;
    background: url(../images/index/class_bg.jpg) no-repeat center top;
    min-width: 916px;
    max-width: 1418px;
    height: 655px;
    margin: 10px auto;
    position: relative;
    z-index: 2;
}
/*#character:before, #character:after {
    content: '';
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#character:before {
    display: block;
    left: -8px;
    background-image: url(../images/index/class_bg_l.png);
}
#character:after {
    display: block;
    right: -8px;
    background-image: url(../images/index/class_bg_r.png);
}*/
#character .chars {
    width: 98%;
    min-width: 690px;
    height: 94%;
    border: 1px solid rgba(111, 119, 132, 0.65);
    position: relative;
    margin: 0 auto;
    top: 0;
    overflow: hidden;
}
#character ul.tabs {
    width: 600px;
    height: 260px;
    position: absolute;
    bottom: 30px;
    vertical-align: top;
    z-index: 9;
}
#character ul.tabs li {
    float: left;
    width: 165px;
    height: 165px;
    text-indent: -9999px;
    position: absolute;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    text-decoration: none;
}
#character .tabs li.tab01 {
	top: -100px;
	left: 5px;
	background: url(../images/index/btn_class01.png) no-repeat;
}
#character .tabs li.tab02 {
	top: -60px;
	left: 140px;
	background: url(../images/index/btn_class02.png) no-repeat;
}
#character .tabs li.tab03 {
	top: -100px;
	left: 275px;
	background: url(../images/index/btn_class03.png) no-repeat;
}
#character .tabs li.tab04 {
	top: -60px;
	left: 410px;
	background: url(../images/index/btn_class04.png) no-repeat;
}
#character .tabs li.tab05 {
	top: 90px;
	left: 450px;
	background: url(../images/index/btn_class05.png) no-repeat;
}
#character .tabs li.tab06 {
	top: 70px;
	left: 5px;
	background: url(../images/index/btn_class06.png) no-repeat;
}
#character .tabs li.tab07 {
	top: 100px;
	left: 150px;
	background: url(../images/index/btn_class07.png) no-repeat;
}
#character .tabs li.tab08 {
	top: 70px;
	left: 295px;
	background: url(../images/index/btn_class08.png) no-repeat;
}
#character .tabs li.tab01:hover, #character .tabs li.tab01.active {
	background: url(../images/index/btn_class01_b.png) no-repeat;
}
#character .tabs li.tab02:hover, #character .tabs li.tab02.active {
	background: url(../images/index/btn_class02_b.png) no-repeat;
}
#character .tabs li.tab03:hover, #character .tabs li.tab03.active {
	background: url(../images/index/btn_class03_b.png) no-repeat;
}
#character .tabs li.tab04:hover, #character .tabs li.tab04.active {
	background: url(../images/index/btn_class04_b.png) no-repeat;
}
#character .tabs li.tab05:hover, #character .tabs li.tab05.active {
	background: url(../images/index/btn_class05_b.png) no-repeat;
}
#character .tabs li.tab06:hover, #character .tabs li.tab06.active {
	background: url(../images/index/btn_class06_b.png) no-repeat;
}
#character .tabs li.tab07:hover, #character .tabs li.tab07.active {
	background: url(../images/index/btn_class07_b.png) no-repeat;
}
#character .tabs li.tab08:hover, #character .tabs li.tab08.active {
	background: url(../images/index/btn_class08_b.png) no-repeat;
}

#character ul.tabs li a {
	width: 100%;
	height: 100%;
    display: block;
}
#character i.top a {
    color: #75ff73;
}
#character ul.tabs li:hover a {
	color: #FFF;
}
#character div.tab_container {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}
#character div.tab_container .tab_content {
    display: none;
}
#character div.tab_container .tab_content.on {
    display: block;
}
.char_icon {
    position: absolute;
    width: 750px;
    top: 0;
    left: -10%;
    z-index: -1;
}

.char_img {
	width: 930px;
	position: absolute;
	top: 0;
	right: -5%;
	z-index: 0;
	opacity: 0;
}
.tab_content.on .char_img {
    -webkit-animation: fadeInRight linear .5s forwards;
    -moz-animation: fadeInRight linear .5s forwards;
    animation: fadeInRight linear .5s forwards;
}
.btn_char_video {
    width: 130px;
    height: 130px;
    display: block;
    top: 180px;
    left: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.char_txt {
    top: 0px;
    left: 30px;
    width: 70%;
    color: #FFF;
    position: absolute;
    z-index: 1;
	opacity: 0;
}
.tab_content.on .char_txt {
	-webkit-animation: fadeInBottom linear .5s forwards;
    -moz-animation: fadeInBottom linear .5s forwards;
    animation: fadeInBottom linear .5s forwards;
}
.btn_char {
    display: inline-block;
    margin-left: 10px;
    width: 114px;
    line-height: 37px;
    text-align: center;
    bottom: 8px;
}
.btn_char a {
    width: 100%;
    height: 100%;
    display: block;
	background: rgba(0, 0, 0, 0.6);
    border: 2px solid #3d4359;
    font-size: 15px;
    font-weight: bold;
    color: #DEDEDE;
    text-decoration: none;
}

.btn_char a:hover {
    background: rgba(15, 22, 66, 0.6);
    border: 2px solid #505a7d;
}
.char_txt h3 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 10px;
	display: inline-block;
    text-shadow: 0 0 15px #4876ff, 0 0 30px rgba(119, 134, 234, 0.3);
}

.char_txt p {
    width: 55%;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}
@media screen and (max-width: 1790px) {
ul.links {

}
}
@media screen and (max-width: 1500px) {
ul.links {

}
#news_cont {
    width: 97%;
}
}