@charset "utf-8";
*{ margin:0; padding:0;} table{ border-collapse:collapse; border-spacing:0;} em{font-style:normal;} ol,ul,li{ list-style:none;} fieldset,img,abbr,acronym{ border:0;} input,select{ vertical-align:middle} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} .clear{*zoom:1} .clear:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both} a{ text-decoration:none} a:hover{ text-decoration:none;}
.icon{background:url(../img/icon.png) no-repeat;}
.ggao{width:100%; margin:0 auto; height:788px;}
.ggao img{width:100%;}
.lt_p{height:140px;}
.pop{top:-220px;left:0; height:400px;}
.pop li{float:left;}
.p_tit{width:208px;background:#333; text-align:center; height:263px;color:#fff;}
.pop li h1{font-size:44px; margin-top:70px; margin-bottom:40px;}
.pop li h3{font-size:28px;margin-top:30px;}
.more{position: absolute;top: .65rem;right: .5rem;color: #adadad;font-size: .5rem;}
.r_news{width:950px;height:327px;}
.r_news .f-left{width:260px; height:326px; overflow:hidden;}
.r_news ul{margin-left:300px;}
.r_news ul li{border-bottom:1px solid #f1f1f1; padding-bottom:15px; padding-top:5px; line-height:24px;}
.r_news ul li strong{font-size:18px; color:#222; line-height:40px;}
.r_news ul li span{font-size:10px; float:right;}
.kop{width:266px; text-align:center; right:0; top:92px;}
.kop img{width:228px; height:228px; overflow:hidden;border:1px solid #f1f1f1; padding:18px;}
.kop span{margin-top:20px;}
.new_game{width:100%; background:url(../img/new_bg.jpg) no-repeat center top; background-size:100% 100%; height:570px; margin-top:60px;}

.ng_tit{text-align:center; padding-top:20px; margin-bottom:50px;}
.ng_tit h1{font-size:32px; color:#fff; width:378px; height:64px; border:1px solid #f1f1f1;text-align:center; line-height:64px; margin:20px auto;}
.ng_gg{width:740px; float:left;}
.ng_gg img{margin-right:28px;width:337px;height:252px;}
.new_game ul{width:492px; float:right; padding-top:0;}
.new_game ul li{ list-style:inherit;}
.new_game ul li a{color:#b8b8b8;}
.con li:first-child{padding-bottom:18px; margin-bottom:10px; border-bottom:1px solid #454545;}
.con li:first-child a{font-weight:bold;color:#ee1231; font-size:20px;height:30px;}

/*details*/
.con-tis{border-bottom:1px dashed #cbcbcb; padding:20px 0; margin-bottom:10px;with:auto;}
.detail{width:880px;padding:0 50px 0 20px; position:relative; height:700px;overflow-y:scroll; overflow-x:hidden; top:20px;}
.detail-title{font-size:30px;color:#307caa;font-weight:normal;line-height:40px;}
.detail-info{font-size:14px;color:#8f8f8f;margin-top:10px}
.detail-source-info{font-size:14px;overflow:hidden;zoom:1;}
.detail-time{color:#707070}
.detail-ctn{margin-top:30px;overflow:hidden;font:normal 12px/36px "microsoft yahei";color:#777;padding-bottom:30px;}
.detail-ctn p{margin:15px 0;}
.detail-ctn img{max-width:100%;}
.detail-share{padding:20px 0;font-size:14px;border-top:1px dashed #cbcbcb;}
.list-share{right:0px; bottom:20px;}
    .list-share li{margin:0 5px;color:#707070;float:left;display:inline;}
    .list-share li.list-share-item a{text-decoration:underline;color:#707070}
.r_list .list li{padding:15px; border-bottom:1px dashed #e7e7e7;}
.r_list .list li.even{}
.r_list .list li:hover{border-left:3px solid #307caa;margin-left:-3px}

.header_img {height:740px; position:relative;}
.header_img .DB_bgSet{height:520px; overflow:hidden; position:relative;}
.header_img .DB_bgSet li{height:788px;width:100%;position:absolute;display:none;}
.header_img .DB_menuWrap{position:absolute;width:1000px; left:50%; margin-left: -500px; top:485px; z-index:5;}
.header_img .DB_menuWrap .DB_menuSet{position:absolute;width:100%;text-align:right;}
.header_img .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 6px; float:right;}
.header_img .DB_menuWrap .DB_menuSet li a{display:inline-block; width:12px; height:12px; background:#09F; border-radius:50px; border:2px solid #fff; overflow:hidden;}
.header_img .DB_menuWrap .DB_menuSet li.select a {background:#FFF;}
.timeline {height:30px; background-color:#FFF; width:0px; display: none; -webkit-transition:ease 2s all;}
.header_img .DB_menuWrap .DB_menuSet li.select a .timeline {display:block; width:30px;border-radius:50px; -webkit-animation:Chwidth linear 8s 0s;-moz-animation: Chwidth linear 8s 0s;animation: Chwidth linear 8s 0s;}
@-webkit-keyframes Chwidth{0%{width:0px;background-color:#09F;}100%{width:100%;background-color:#09F;}}
@-moz-keyframes Chwidth{0%{width:0px;background-color:#09F;}100%{width:100%;background-color:#09F;}}
@keyframes Chwidth{0%{width:0px;background-color:#09F;}100%{width:100%;background-color:#000;}}
.DB_prev,.header_img .DB_next{background:#333; position:absolute;top:260px;}
.DB_prev i{display:block; width:45px; height:80px; background:url(../img/prev.png) no-repeat 20px 35px;}
.DB_next i{display:block; width:45px; height:80px; background:url(../img/next.png) no-repeat 20px 35px;}
.DB_next{right:0px;}
.DB_prev{left:0;}
.DB_prev:hover,.DB_next:hover{background:#09C;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@-webkit-keyframes opacity {0%{opacity:0}100%{opacity:1}}
@-moz-keyframes opacity{0%{opacity:0}100%{opacity:1}}
@keyframes opacity{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(100px)}100%{opacity:1;-moz-transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}

.movie_group_main{width:1052px; left:208px; position:absolute; z-index:5; top:-220px;}
.movie_group_main ul li{float:left; width:148px; height:360px;}
.movie_group .title{font-family:'Microsoft Yahei', arial, helvetica, sans-serif; height:76px; line-height:76px; position:relative;}
.movie_group .title em{font-size: 26px;font-weight:bold; color:#FFF; font-style:normal;}
.movie_group .title span { font-size:26px; font-family:Arial, Helvetica, sans-serif; opacity: 0.5; filter: alpha(opacity=50); }
.movie_group .title .btn_more { display:block; width: 26px; height: 26px; border: 1px solid rgba(255, 255, 255, 0.36);*border: 1px solid #FFF; position:absolute; right: 0px; top:27px; font-size: 20px; color:#FFF; line-height: 24px; text-align:center; font-weight:700; font-family: Verdana, Geneva, sans-serif;}
.movie_group .title .btn_more:hover{text-decoration:none;background-color:#FFF;border:1px solid #FFF; color:#000;}
.movie_group_main ul li a {display:block;width:263px; height:263px; position:relative; overflow:hidden; color:#FFF;}
.movie_group_main ul li a:hover {text-decoration:none;}
.movie_group_main ul li a .movie_hover{width: 100%; height:100%; position:absolute; top:0;left:0; font-family: 'Microsoft Yahei', arial, helvetica, sans-serif; display: none;}
.movie_group_main ul li a .current{display:block;}
.movie_group_main ul li a .movie_hover .zheGai{width:100%; height:100%; position:absolute;z-index:1; top:0;left:0;opacity:0.8;filter:alpha(opacity=80);}
.color_ZG1{background-color:#e51316;}
.color_ZG2{background-color:#15407b;}
.color_ZG3{background-color:#265a7d;}
.color_ZG4{background-color:#52422b;}
.blue_ZG {background-color:#15407b;}
.movie_group_main ul li a .current{-webkit-animation:ZheZhao 0.4s 0s ease both;-moz-animation: ZheZhao 0.3s 0s ease both;animation: ZheZhao 0.3s 0s ease-out both;}
.movie_group_main ul li a .current .movie_hover_w{ -webkit-animation: baidu 0.4s 0s ease both;-moz-animation: baidu 0.4s 0s ease both;animation: baidu 0.4s 0s ease-out both;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;}
@-webkit-keyframes baidu{0%{ opacity:0; -webkit-transform: rotate(90deg);}90%{-webkit-transform: rotate(-20deg);}100%{opacity:1;-webkit-transform: rotate(0deg);}}
@-moz-keyframes baidu{0%{opacity:0; -moz-transform: rotate(90deg);}90%{-moz-transform: rotate(-20deg);}100%{opacity:1;-moz-transform: rotate(0deg);}}
@keyframes baidu{0%{opacity:0;transform: rotate(90deg);}90%{transform: rotate(-20deg);}100%{opacity:1;transform: rotate(0deg);}}
.movie_group_main ul li a .movie_hover .movie_hover_w {position:absolute;top:0; left:0;z-index:2; padding: 20px; height: 320px;}
.movie_hover .movie_hover_w h3 { font-size: 34px; font-weight:700;border-bottom: 1px solid #FFF; height: 80px;}
.movie_hover .movie_hover_w h3 em { font-size: 15px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; font-style:normal;}
.movie_hover .movie_hover_w .time { font-size:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.29); line-height: 36px; opacity:0.73; font-weight:normal;}
.movie_hover .movie_hover_w p{font-size:12px; line-height:24px; padding-top:8px;opacity:0.7;}
.movie_hover .movie_hover_w .btn_CkMore{font-size:14px; text-decoration:underline; line-height:24px; position:absolute; left: 20px; bottom: 20px;}