@charset "utf-8";

body {background:#f7f7f7;}
#wrap {padding-left:20px;}
#head {position:relative;}
.logo {padding:17px 0; border-bottom:1px solid #bcbcbc; text-align:center;}
.gnb {height:59px; text-align:center; overflow:hidden;}
.gnb a {color:#999; font-size:14px; line-height:59px;}
.gnb a + a {margin-left:20px;}

.m_menu {display:none; position:absolute; top:43px; left:0; z-index:98; width:100%; border-top:1px solid #bcbcbc; background:#f7f7f7;}
.m_menu li {border-bottom:1px solid #bcbcbc;}
.m_menu li a {display:block; height:35px; color:#999; font-size:14px; line-height:35px; text-align:center;}

#foot {height:63px; border-top:1px solid #666; overflow:hidden;}
#foot p {padding:0 20px; margin-top:20px; color:#666; text-align:center;}
#foot span {display:inline-block;}

.m_menus { -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;}

/* ========== main ============ */
.m_cont {position:relative; padding-top:1px; border-top:4px solid #461105; border-bottom:8px solid #461105;}
.visual {position:relative;}
.visual .bg img {width:100%;}
.visual .rlVisual {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.visual .rlVisual li img {width:100%;}
.visual .rlVisual li {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:10; opacity:0;}
.visual .rlVisual li.on {opacity:1; z-index:11;}
.visual .rlVisual li.fade {z-index:12;}
.visual .rlVisual li a img {position:absolute; top:50%; left:50%; width:18%; margin:-17% 0 0 -10%;}
.m_menus {position:absolute; bottom:15px; right:0; width:100%; padding-top:10px; overflow:hidden; z-index:15;}
.m_menus li {float:left; width:16.4%; cursor:pointer;}
.m_menus li + li {margin-left:0.2%;}
.m_menus li span.on {display:none;}
.m_menus li span img {width:100%;}
.m_menus li.on {margin-top:-10px;}
.m_menus li.on span.on {display:block;}
.m_menus li.on span.off {display:none;}


/* ========== sub ============ */

.play_list {padding:0 36px; overflow:hidden;}
.play_list li {float:left; width:32%; border-top:4px solid #8d6d4d;}
.play_list li + li {margin-left:2%;}
.play_box {position:relative;}
.play_box .play_img img {width:100%;}
.play_box .btn_play {display:none; position:absolute; left:0; top:0;}
.play_box .btn_play img {width:100%;}
.play_box:hover .btn_play {display:block;}
.play_cont {padding:0 37px 5px; border:1px solid #461105; border-top:none; background:#e5e5e5; overflow:hidden;}
.play_cont h2 { margin-top:13px;}
.play_cont h2 a {display:block; color:#461105; font-size:20px; line-height:26px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.play_cont h2 a:hover { color:#58281d;}
.play_cont p {margin-top:8px; color:#666; font-size:14px; line-height:30px;}

.tit_box {padding:0 0 9px 60px; margin-top:34px; border-bottom:2px solid #461105;}
.tit_box strong {color:#461105; font-size:32px; line-height:34px; font-weight:normal;}
.tit_box em {margin-left:11px; color:#999; font-size:20px; line-height:22px;}
.tit_box span {margin-left:45px; color:#ada19f; font-size:14px;}
.tit_box span a {color:#461105; font-size:14px;}

.notice_box {padding:32px 0; overflow:hidden;}
.notice_list {float:left; width:21%; margin-left:3%;}
.notice_list li {padding-left:20px; background:url('http://www.news.cn/newmedia/hgwh/images/bg_dot.gif') no-repeat 0 16px;}
.notice_list li a {display:block; color:#768082; font-size:18px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice_list li a:hover { color:#58281d;}
.notice_list li .notice_p {display:none; padding-bottom:10px;}
.notice_list li .notice_p p {color:#999; font-size:14px; line-height:30px; height:60px; overflow:hidden;}
.notice_list li .notice_p span {display:block; color:#bebebe; text-align:right;}
.notice_list li.on a {color:#333; font-weight:bold;}
.notice_list li.on a:hover { color:#58281d;}
.notice_list li.on .notice_p {display:block;}
.notice_img {float:left; position:relative; z-index:50; width:21%; margin-left:3%; margin-top:8px;}
.notice_img div {border:1px solid #323232;}
.notice_img img {width:100%;}
.notice_img p {position:absolute; bottom:0; left:0; z-index:50; width:100%; height:37px; background:url('http://www.news.cn/newmedia/hgwh/images/bg_p.png') repeat scroll 0 0; color:#fff; font-size:18px; line-height:37px; text-align:center;}
.notice_img p a { color:#fff;}
.notice_img p a:hover { color:#ccc;}

.left_menu_box {position:fixed; left:-286px; top:0; z-index:99; width:316px; height:100%; overflow:hidden;}
.hg_menu {float:left; width:284px; height:100%; background:url('http://www.news.cn/newmedia/hgwh/images/bg_hg.png') repeat scroll 0 0; border-right:1px solid #967972;}
.btn_hg_menu {float:left; width:30px; height:100%; border-right:1px solid #967972; background:#341811;opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
.btn_hg_menu span {display:block; height:19px; margin-top:150px; background:url('http://www.news.cn/newmedia/hgwh/images/btn_left.png') no-repeat center 0;}
.hg_menu ul {border-top:1px solid #fff;}
.hg_menu ul li {height:58px; border-bottom:1px solid #fff; color:#fff;}
.hg_menu ul li strong {color:#fff;}
.hg_menu ul li .aon {display:none; height:58px; padding-left:42px; background:#fff; }
.hg_menu ul li .aon strong {color:#461105; font-size:20px; line-height:58px; }
.hg_menu ul li .aon strong a {color:#461105;}
.hg_menu ul li .aon span {margin-left:6px; color:#999; font-size:16px; line-height:58px;}
.hg_menu ul li .aon p {color:#cbcbcb;}
.hg_menu ul li .aon p em {color:#461105;}
.hg_menu ul li .aoff {height:58px; padding-left:42px; line-height:58px;}
.hg_menu ul li .aoff strong {font-size:20px;}
.hg_menu ul li .aoff span {margin-left:7px; color:#999; font-size:16px;}
.hg_menu ul li:hover .aoff, .hg_menu ul li.on .aoff {display:none; }
.hg_menu ul li:hover .aon, .hg_menu ul li.on .aon {display:block; }
.hg_cont {display:none;}
.hg_cont.on {display:block;}
.moreLink{font-size:14px; float:right; margin:5px 10px 0 0;}


@media screen and (max-width: 1200px){

.gnb a + a {margin-left:26px;}
.notice_list {width:42%; margin-left:6%; margin-bottom:20px;}
.notice_img {width:42%; margin-left:6%; margin-bottom:20px;}
.notice_list li .notice_p {padding-bottom:16px;}
.play_cont {padding:0 20px 5px;}


}
@media screen and (max-width: 760px){

.logo {padding:8px 0;}
.logo img {height:27px;}
.gnb {display:none;}

#container {margin-top:30px;}
.play_list {padding:0 20px;}
.play_list li {width:100%;}
.play_list li + li {margin-left:0; margin-top:20px;}
.play_cont h2 a {font-size:15px; line-height:20px;}
.play_cont p {font-size:12px; line-height:18px;}

.notice_list {width:90%; margin-left:6%; margin-bottom:20px;}
.notice_list li {padding-left:10px; background:url('http://www.news.cn/newmedia/hgwh/images/bg_dot.gif') no-repeat 0 8px; background-size:3px;}
.notice_list li a {font-size:15px; line-height:21px;}
.notice_list li .notice_p {padding-bottom:5px;}
.notice_list li .notice_p p {font-size:12px; line-height:18px;}
.notice_img {width:90%; margin-left:6%; margin-bottom:20px;}

.tit_box {padding:0 0 9px 2px; margin:15px 0 0 10px;}
.tit_box strong {font-size:20px; line-height:22px;}
.tit_box em {font-size:14px; line-height:18px; margin-left:3px;}
.tit_box span {float:right; margin:5px 2px 0 0;}
#foot p {margin-top:10px;letter-spacing:-1px;}

/*
.m_menus {right:0; width:100%; bottom:5px;}
.m_menus li {width:16.5%; margin-right:0%;}
.m_menus li:nth-child(1) {float:left;}
.m_menus li:nth-child(2) {float:left;}
.m_menus li:nth-child(3) {float:left;}
.m_menus li:nth-child(4) {float:left;}
.m_menus li:nth-child(5) {float:left;}
.m_menus li:nth-child(6) {float:left;}
*/
.m_menus li.on {margin-top:0;}

}