@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
button { cursor:pointer; }

/*global*/
body { font:normal 12px/20px \5B8B\4F53, Arial, Verdana, Lucida, Helvetica, simsun, sans-serif; color:#F7D8D8; background-color:#930708;/* -webkit-text-size-adjust: none; */ }
a { text-decoration:none;}
a:hover { text-decoration:none;}
input, select, form img, button,label,textarea{ font-size:12px; vertical-align:middle; font-family:Tahoma; color:#000000; }
.clear{ clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ +clear:both; }
a, .y_list span, .nv_list a span{ -webkit-transition:color linear .2s; 
    -moz-transition:color linear .2s; 
    -o-transition:color linear .2s; 
    transition:color linear .2s; }
/* =banner */
.banner{background:#8D0100 url(../img_bg/ban_side.jpg) no-repeat top center;}
.ban_wrap{width:1000px;height:500px;margin:0 auto;background:url(../img_bg/ban_top.jpg) no-repeat top center;position:relative;}
.ban_wrap h1, .ban_wrap h1 i{width:1000px;height:265px;}
.ban_wrap h1{position:relative;top:235px;line-height:264px;font-family:"Microsoft Yahei";font-size:24px;font-weight:bold;text-align:center;}
.ban_wrap h1 i{position:absolute;top:0;left:0;background:url(../img_bg/ban_bottom.jpg);_background:url(../img_bg/ban_bottom_ie6.jpg);}
.banner ul{width:250px;position:absolute;right:196px;bottom:8px;-webkit-animation:fade_in linear 1.5s;
    -moz-animation:fade_in linear 1.5s;
    -o-animation:fade_in linear 1.5s;
    animation:fade_in linear 1.5s;}
.banner ul li{float:left; margin-right: 8px;}
.banner .tit_1, .banner .tit_2{display:block;position:absolute;z-index:10;}
.banner .tit_1{width:310px;height:126px;background-image:url(../img_bg/tit1.png);left:223px;bottom:85px;_display:none;-webkit-animation:title linear 1.2s;
    -moz-animation:title linear 1.2s;
    -o-animation:title linear 1.2s;
    animation:title linear 1.2s;}
.banner .tit_2{width:287px;height:91px;background-image:url(../img_bg/tit4.png);left:233px;bottom:-5px;_display:none;-webkit-animation:title_c linear 1s;
    -moz-animation:title_c linear 1s;
    -o-animation:title_c linear 1s;
    animation:title_c linear 1s;}

/* =main_nav */
.main_nav .heel_1, .main_nav .heel_2, .main_nav ul, .main_nav li a:hover, .section h2 i, .flb i, .game .aside_sec .header h3 i, .rcmd h3 i, .eyes .aside_sec h3 i, .youth .blk h3 i, .real .header .index i, .aside_info h2 i{background-image:url(../img_bg/tit.png);}
.main_nav{width:139px;height:239px;padding-top:56px;position:fixed;top:50%;left:50%;margin-top:-150px;margin-left:530px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-100);}
.main_nav .heel_1, .main_nav .heel_2{width:67px;height:56px;display:block;position:absolute;top:0;}
.main_nav .heel_1{left:0;background-position:-345px -185px;-webkit-animation:heel_left linear 3s infinite;
    -moz-animation:heel_left linear 3s infinite;
    -o-animation:heel_left linear 3s infinite;
    animation:heel_left linear 3s infinite;}
.main_nav .heel_2 {right:5px;background-position:-412px -185px;}
.main_nav ul{width:128px;height:353px;background-position:-345px -241px;padding:8px 0 0 11px;}
.main_nav li a{width:117px;height:31px;display:block;text-indent:-9999px;overflow:hidden;}
.game_link a:hover{background-position:0 -285px;}
.eyes_link a:hover{background-position:0 -316px;}
.youth_link a:hover{background-position:0 -347px;}
.real_link a:hover{background-position:0 -378px;}
.discussion_link a:hover{background-position:0 -409px;}
.novel_link a:hover{background-position:0 -440px;}
.main_nav .backtop{width:139px;height:31px;position:absolute;bottom:0;left:0;text-indent:-9999px;overflow:hidden;}

/* =warp */
.wrap{background:url(../img_bg/warp_bg.jpg) repeat-y;height: 4352px;}
/* =banner1 */
.banner1{width:1000px;margin: 20px auto 0;}
/* =video */
.video{height:491px; background:url(../img_bg/video_bg.jpg) no-repeat;}
.video_wrap{width:750px;height:426px;float: left;}
.video_wrap h2{width:500px;height:65px; text-indent:-9999em;background:url(../img_bg/tit1111.jpg) no-repeat;}

/* gy */
.gy{width:250px;height:426px;float: left;background:url(http://i1.letvimg.com/cms/201407/02/41c4627559fdd3642135e0d243baaac52002.jpg) no-repeat center bottom;padding-top: 65px;position: relative;}
.gy_js{position: absolute;top:215px;left: 23px;}
.gy_js p{margin-bottom: 5px;color: #DEDEDE;font-size: 12px;}
.gy_js b{color: #5768E7;}
.gy_js .sz{color: #F44949;}
.gy_bm{height: 44px;width: 170px;background:url(http://i0.letvimg.com/cms/201407/02/71db0adcba3b098350b62e42478ca8a86279.png) no-repeat center center;background-position: 0px 0px;text-align: center;line-height: 42px;font-family: 微软雅黑;font-size: 22px;font-weight: 400;color: #FFFFFF;display: block;position: absolute;bottom: 25px;left: 43px;text-decoration: none;}
.gy_bm:hover{color: #FFFFFF;background:url(http://i0.letvimg.com/cms/201407/02/71db0adcba3b098350b62e42478ca8a86279.png) no-repeat center center;background-position: 0px -47px;}
/* gy */

/* =bannerYili */
.bannerYi{width:1000px;height: 90px; margin: 10px auto;}

/* =Activities */
#Activities{width:1000px;margin: 0 auto 10px;}

/* =sixteen columns */
.sixteen.columns{margin-top: 0px;}
.project h3{width:1000px;height:18px; text-indent:-9999em;background:url(../img_bg/tit11.jpg) no-repeat; margin: 0 auto;}

/* =slides */
#slides h2{width:500px;height:18px; text-indent:-9999em;background:url(../img_bg/tit12.png) no-repeat;}

/* =videoYili */
.videoYili{width:1000px;height:271px; margin: 10px auto; background:url(../img/huodong.jpg) no-repeat;}
.videoYili ul{width:764px;height:140px;padding:120px 0 0 38px;}
.videoYili ul li{width:138px;height:92px;float:left;margin-right:14px;}
.videoYili ul li p{text-align: center;}
.videoYili ul li a:hover{text-decoration:none;}

.TTSlider{width:1000px;height:271px;margin:10px auto; background:url(../img/huodong.jpg) no-repeat;}
.TTSlider li{list-style-type:none;float: left;}
.TTSlider li img{border: none;}
.TTSliderTitle{background: #FAFAFA;height: 63px;}
.TTSliderTitle ul{width: 980px;}
.TTSliderTitle li{width: 140px;height: 63px;position: relative;z-index: 3;left: 0;}
.TTSliderTitle li div{border-right: 1px solid #C3C5C7;border-top: 1px solid #C3C5C7;left: 0;right: 0;top: 0;bottom: 0;position: absolute;_width:139px;_height:62px}
.TTSliderTitle .cur div{border: 2px solid #C3C5C7;background: #fff;z-index: 3;border-bottom: none;bottom: -2px;_height:63px;_width:136px}
.TTSliderTitle .noneBorRight div{border-right: none;}
.TTSliderTitle li a{display: block;width: 50%;float: left;height: 100%;line-height: 61px;text-decoration: none;overflow: hidden;*width:49%;font-size: 12px}
.TTSliderTitle li a img{height: 50px;margin: 6px;width: 50px}

.TTSliderPic{width: 669px;padding:113px 33px;position: relative;height:140px;z-index: 1}
.TTSliderPicList{position: relative;width:670px;overflow: hidden;height:180px;}
.TTSliderPic ul{position: absolute;display: none;top:3px;left: 0}
.TTSliderPic ul.show{display: block;}
.TTSliderPic li img{width:150px;height:100px;}
.TTSliderPic li{width:150px;padding: 0 8px;height: 180px;}
.TTSliderPic li a{display: block;height: 100px;overflow: hidden;}
.TTSliderPic li p{height: 30px;line-height: 30px;text-align: center;}
.TTSliderPrevBtn,.TTSliderNextBtn{height: 100%;width: 45px;position: absolute;z-index: 999;top:77px;text-align: center;}
.TTSliderPrevBtn{left:0}
.TTSliderNextBtn{right: 0;}
.TTSliderPrevBtn a,.TTSliderNextBtn a{height: 30px;width: 20px;display: inline-block;background: url(../img/btn.png) no-repeat;margin-top: 75px}
.TTSliderNextBtn a{background: url(../img/btn.png) no-repeat -30px 0}
/* =gyparty */
.gyparty{width:920px;height:170px;margin: 0 auto 15px;padding: 25px 40px 15px 40px;background:url(../img/guanyingpaBG.jpg) no-repeat;}
.gyparty h2{font-size: 25px;color:#007ac5;font-family:"微软雅黑";margin-bottom: 15px;}
.gyparty h2 span{color:#b1070a;}
.gyparty h2 a{color:#b1070a;}
.gyparty h2 a:hover{text-decoration: underline;}
.gyparty ul{width:920px;height:135px;}
.gyparty ul li{width:213px;height:135px;margin:0 8px;float: left;}
.gyparty ul li img{}
/* =bannerZS */
.bannerZS{width:1000px;height:75px; margin:0 auto 10px;position: relative;}
/* =pic */
.bCon1{width:1000px;height:514px; margin: 0 auto;}
.bCon1 h2{width:1000px;height:18px; text-indent:-9999em;background:url(../img_bg/tit13.png) no-repeat; margin: 0 auto;}

/* =mv */
.mv{width:1000px;height:405px; margin: 0 auto;}
.mv h2{width:1000px;height:55px; text-indent:-9999em;background:url(../img_bg/tit22.jpg) no-repeat; margin: 0 auto;}
.mv ul{width:1000px;height:360px;}
.mv ul li{width:212px; height: 140px; margin:15px 19px;float: left;}
.mv ul li img{width:212px; height: 140px;}
.mv ul li p{text-align:center;}
.mv ul li a{text-decoration:none;}

/* =xsd12 */
.xsd12{width:1000px;height:386px; margin: 0 auto;}
.xsd12 h2{width:1000px;height:55px; text-indent:-9999em;background:url(../img_bg/title_xsd12.png) no-repeat; margin: 0 auto;}
.xsd12 ul{width:657px;height:290px;background:url(../img/guli.png) no-repeat; margin-left: 50px; padding-left: 293px;padding-top:40px;}
.xsd12 ul li{width:255px; height: 185px; margin:15px 19px;float: left;}
.xsd12 ul li img{width:255px; height: 168px;}
.xsd12 ul li p{text-align:center;}
.xsd12 ul li a{text-decoration:none;}

/* =pinglun */
.pinglun{width:1000px;height:585px; margin: 0 auto;}
.pinglun h2{width:1000px;height:55px; text-indent:-9999em;background:url(../img_bg/title_tl2.jpg) no-repeat; margin-bottom: 10px;}
.tl{width:480px;height:510px;margin-right:10px;float:left;}
.wb{width:250px;height:510px;margin-right:10px;float:left;}
.tj{width:250px;height:510px;float:left;position: relative;}
.tj1{position: absolute;top: 0px;left: 0px;}
.tj2{margin-bottom:6px;position: absolute;top: 201px;}
.tj3{position: absolute;bottom: 0px;left: 0px;}
/* =zanzhu */
.zanzhu{width:1000px;margin: 0 auto;}

.qiantao{width:1000px;margin: 0 auto;}

/* =animation */
@-webkit-keyframes fade_in{
    0%, 60%{opacity:0;-webkit-transform:translateX(30px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}

@-moz-keyframes fade_in{
    0%, 60%{opacity:0;-moz-transform:translateX(30px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}

@-o-keyframes fade_in{
    0%, 60%{opacity:0;-o-transform:translateX(30px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fade_in{
    0%, 60%{opacity:0;transform:translateX(30px);}
    100%{opacity:1;transform:translateX(0);}
}


@-webkit-keyframes title{
    0%, 10%{opacity:0;-webkit-transform:scale(1.4);}
    40%{-webkit-transform:scale(1.2) translateY(-10px);}
    70%, 100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}

@-moz-keyframes title{
    0%, 10%{opacity:0;-moz-transform:scale(1.4);}
    40%{-moz-transform:scale(1.2) translateY(-10px);}
    70%, 100%{opacity:1;-moz-transform:scale(1) translateY(0);}
}

@-o-keyframes title{
    0%, 10%{opacity:0;-o-transform:scale(1.4);}
    40%{-o-transform:scale(1.2) translateY(-10px);}
    70%, 100%{opacity:1;-o-transform:scale(1) translateY(0);}
}

@keyframes title{
    0%, 10%{opacity:0;transform:scale(1.4);}
    40%{transform:scale(1.2) translateY(-10px);}
    70%, 100%{opacity:1;transform:scale(1) translateY(0);}
}

@keyframes title_c{
    0%, 40%{opacity:0;transform:scale(1.4);}
    70%{transform:scale(1.2) translateY(-10px);}
    100%{opacity:1;transform:scale(1) translateY(0);}
}


@-webkit-keyframes title_c{
    0%, 40%{opacity:0;-webkit-transform:scale(1.4);}
    70%{-webkit-transform:scale(1.2) translateY(-10px);}
    100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}

@-moz-keyframes title_c{
    0%, 40%{opacity:0;-moz-transform:scale(1.4);}
    70%{-moz-transform:scale(1.2) translateY(-10px);}
    100%{opacity:1;-moz-transform:scale(1) translateY(0);}
}

@-o-keyframes title_c{
    0%, 40%{opacity:0;-o-transform:scale(1.4);}
    70%{-o-transform:scale(1.2) translateY(-10px);}
    100%{opacity:1;-o-transform:scale(1) translateY(0);}
}

@keyframes title_c{
    0%, 40%{opacity:0;transform:scale(1.4);}
    70%{transform:scale(1.2) translateY(-10px);}
    100%{opacity:1;transform:scale(1) translateY(0);}
}


@-webkit-keyframes heel_left{
    0%, 34%, 100%{-webkit-transform:translate(0,0);}
    10%{-webkit-transform:translate(-5px, -10px) rotate(10deg);}
    18%{-webkit-transform:translate(-2px, 0) rotate(4deg);}
    26%{-webkit-transform:translate(-5px, -10px) rotate(8deg);}
}

@-moz-keyframes heel_left{
    0%, 18%, 34%, 100%{-moz-transform:translate(0,0);}
    10%{-moz-transform:translate(-5px, -10px) rotate(10deg);}
    18%{-moz-transform:translate(-2px, 0) rotate(4deg);}
    26%{-moz-transform:translate(-5px, -10px) rotate(8deg);}
}

@-o-keyframes heel_left{
    0%, 18%, 34%, 100%{-o-transform:translate(0,0);}
    10%{-o-transform:translate(-5px, -10px) rotate(10deg);}
    18%{-o-transform:translate(-2px, 0) rotate(4deg);}
    26%{-o-transform:translate(-5px, -10px) rotate(8deg);}
}

@keyframes heel_left{
    0%, 18%, 34%, 100%{transform:translate(0,0);}
    10%{transform:translate(-5px, -10px) rotate(10deg);}
    18%{transform:translate(-2px, 0) rotate(4deg);}
    26%{transform:translate(-5px, -10px) rotate(8deg);}
}
