﻿/***************** reset *****************/
body, h1, ul, ol, li, h2, h3, h4, h5, h6, form, p, input, select, legend, textarea, dl, dd, dt, fieldset, table, th, td {
	margin:0;
	padding:0;
	word-break:break-all;
}
body {
	font:16px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
	-webkit-text-size-adjust:none;
	margin:0 auto;
	background:#fff;
}
div, ul, ol, li, {
	margin:0 auto;
	word-break:break-all;
}
html {
	margin:0;
	padding:0;
}
ul, li {
	list-style:none;
}
a {/*color:#5b5a5a;*/
	text-decoration:none;
blr:expression(this.onFocus=this.blur());
	outline:none;
	cursor:pointer;
}
a:hover { /*color:#0064ab; */
	text-decoration:none;
}
img {
	border:none;
}
.mwidth {
	width:auto;
	margin:0 20px;
}
img, object {
	border:none;
	width: 100%;
}
.clear {
	clear:both;
	overflow:hidden;
}
/* 禁止webkit横屏改变字体大小 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, 

section {
	display: block;
	padding: 0px;
	margin: 0px;
	border: none;
}
/* 超出隐藏 */
.overflow {
	overflow: hidden;
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
textarea {-webkit-appearance: none;}
/* 点击去除阴影 */
a, button, input, i {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 图片自适应调整 并解决图片缩放的失真问题*/
img {/* [disabled]max-width:100%;
*/
	height: auto;
	border: none;
	interpolation-mode: bicubic;
}
/* 文字居中 */
.txt-center {
	text-align: center;
}
.txt-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* 自动换行 */
.word-auto {
	word-wrap: break-word;
	word-break: normal;
}
/* 自动居中 */
.mg-auto {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.float_l { float:left;}
.float_r { float:right;}
.color { color:#d82632;}
/***************** universal *****************/

/*抽奖弹窗 */
.pop { background:#000; filter:alpha(opacity=50); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; width:100%; height:100%; top:0; left:0; right:0; bottom:0; position:fixed; z-index:999; }
.pop_c { position:fixed; z-index:9999; top:10%; left:50%; width:80%;  margin-left:-40%;  }
.pop_c .phone { position:absolute; z-index:99999; top:53%; width:66%; left:17%;}
.pop_c .phone input { width:92%; padding:3px 4%; color:#ee5152; font-size:15px; border:0px; border-radius:4px; background:#FFF; height:30px; line-height:30px;}
.pop_c .phone p { margin-top:12px;}
.pop_c .phone p a.fq_btn { float:right; background:#000; text-align:center; color:#fff; font-size:16px; height:36px; line-height:36px; border-radius:4px; width:44%;}
.pop_c .phone p a.cy_btn { float:left; background:#d00; text-align:center; color:#fff; font-size:16px; height:36px; line-height:36px; border-radius:4px; width:44%;}

.pop_c .close_btn { position:absolute; right:25%; top:-2%;}
.pop_c .close_btn a { width:30px; height:30px; display:block;}
.pop_c .close_btn a img { width:30px; height:30px; }

/*投票弹窗 */
.pop_c01 { position:fixed; z-index:9999; top:14%; width:100%;  }
.pop_c01 .close_btn { position:absolute; right:15%; top:4%;}
.pop_c01 .close_btn a { width:30px; height:30px; display:block;}
.pop_c01 .close_btn a img { width:30px; height:30px; }
.pop_c01 p a.tp_btn { background:#fff8bf; border:2px #d60e19 solid; display:block; text-align:center; color:#d60e19; font-size:16px; height:46px; line-height:46px; border-radius:10px; font-weight:bold; width:50%; margin-left:24%; margin-top:-20px; z-index:99999; position:absolute;}

#page {
	max-width:100%;
	margin:0 auto;
}
#head {
	width:100%;
	height:40px;
	background:#fff;
	-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd;
	
}

#head .logo { float:left;   width:32px; height:29px; margin:6px 0 0 10px; }

#head .nav a{ float:right;  background-size:22px 17px; width:22px; height:17px; margin:11px 10px 0 0; display:block;}
.banner img { width:100%;}
#head .nav_pc { display:none;}

.ind_box { width:96%; margin:0 auto;}
.ind_tit {  width:100%; font-size:16px; height:30px; position:relative; color:#333;}
.white { background:#FFF; width:100px; height:30px; display:inline-block; text-align:center; line-height:30px; position:absolute; left:50%; margin-left:-50px; top:0px;}
.ind_news { padding:10px 0;}
.ind_news ul {}
.ind_news ul li { margin-bottom:10px; position:relative;}
.ind_news ul li i { width:8px; height:8px; background:#e12f2f; position:absolute; top:8px; left:6px;}
.ind_news ul li div { margin-left:24px; position:relative; height:36px;}
.ind_news ul li a { color:#666;}
.ind_news ul li div p { width:100%; font-size:14px; height:26px; line-height:26px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.ind_news ul li a span { font-size:10px; color:#a3a3a3; line-height:18px; position:absolute; top:20px;}
.more { text-align:center; width:100%; position:relative;}
.more a{ position:absolute;  width:100px; height:26px; line-height:26px; color:#666; font-size:13px; text-align:center; background:#e5e5e5; border:1px #dbdbdb solid; display:inline-block; border-radius:8px; left:50%; margin-left:-50px; }
.more a:hover { color:#fff; background:#d00; border:1px #d00 solid;}

.ind_video { padding:10px 0 46px 0; width:100%; margin-top:36px; background:#f4f4f4;}
.gry { background:#f4f4f4; width:100px; height:30px; display:inline-block; text-align:center; line-height:30px; position:absolute; left:50%; margin-left:-50px; top:0px;}
.ind_video ul { padding-top:10px;}
.ind_video li { float:left; width:44%; margin:0 3% 10px 3%;}
.ind_video li:nth-child(3) { display:none;}
.ind_video li:nth-child(4) { display:none;}
.ind_video li h1 img { width:100%;}
.ind_video li h1 { position:relative;}
.ind_video li h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.ind_video li p { color:#666; font-size:13px; width:100%; text-align:center; height:26px; line-height:26px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.ind_down { padding:10px 0;}
.ind_down ul li { position:relative; margin-bottom:10px; font-size:14px; height:26px; line-height:26px; padding-left:34px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.ind_down ul li a { color:#666;}
.ind_down ul li span { background:#e12f2f; width:16px; height:16px; text-align:center; line-height:16px; color:#fff; position:absolute; left:10px; top:5px; font-size:9px;}
.ind_down ul li .time { display:none;}

.foot { background:#F00; height:36px; line-height:36px; text-align:center; font-size:13px; margin-top:10px; color:#fff;}

#ny_height { height:auto;}
.ny_box { width:92%; margin:0 auto; margin-top:20px;}
.ny_tit {width:100%; font-size:20px; height:30px; position:relative; color:#333;}
.time_tit { background:#f1f1f1; height:24px; line-height:24px; margin-top:6px; text-align:center; font-size:11px; color:#a7a7a7;}
.ny_c { margin-top:20px; font-size:16px; color:#666; line-height:30px;}
.ny_c a { color:#d00;}
.x_tit { color:#000; font-size:16px; display:block;}

.video_list {min-height:438px; margin-top:-14px;}
.video_list h2{ text-align:center; font-size:16px; font-weight:normal; color:#333; background:#f1f1f1; margin-bottom:14px;}
.video_list ul { padding-top:10px;}
.video_list li { float:left; width:44%; margin:0 3% 10px 3%;}
.video_list li h1 img { width:100%;}
.video_list li h1 { position:relative;}
.video_list li h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.video_list li p { color:#666; font-size:13px; width:100%; text-align:center; height:26px; line-height:26px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.video_list li .ps_text {font-size:13px; width:100%; color:#d00; text-align:center; height:22px; line-height:22px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.video_list li .tp_btn a { width:80%; text-align:ccenter; color:#fff; background:#d00; border-radius:6px; display:block; margin-left:10%;}

.video_view {min-height:462px; margin-top:-14px; text-align:center;}
.video_view video { width:100%; height:auto;}





.news_view {min-height:432px; margin-top:-14px;}
.news_view .news_tit { color:#000; font-size:18px; text-align:center; line-height:24px; margin-bottom:10px;}
news_c img { width:100%;}



.video_list01 {min-height:438px; margin-top:-14px;}
.video_list01 ul { padding-top:10px;}
.video_list01 li { float:left; width:44%; margin:0 3% 20px 3%;}
.video_list01 li h1 img { width:100%;}
.video_list01 li h1 { position:relative;}
.video_list01 li h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.video_list01 li p { color:#666; font-size:13px; width:100%; text-align:center; height:26px; line-height:26px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.video_list01 li .ps_text {font-size:13px; width:100%; color:#d00; text-align:center; height:22px; line-height:22px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.video_list01 li .tp_btn {  height:30px!important; line-height:30px!important; }
.video_list01 li .tp_btn a { width:90%; text-align:ccenter; color:#fff;  background:#d00; border-radius:6px; display:block; margin-left:5%;  height:30px; line-height:30px;}
.video_list01 li .tp_btn a i {background-size:18px 18px; width:18px; height:18px; vertical-align:middle; display:inline-block; margin-right:5px; margin-top:-2px;}


.video_view01 {margin-top:-14px; text-align:center;}
.video_view01 h1 img { width:100%;}
.video_view01 h1 { position:relative;}
.video_view01 h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}

.video_view01 .ps_text {font-size:16px; width:100%; color:#d00; text-align:center; height:22px; line-height:22px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; margin-top:10px;}
.video_view01 .tp_btn {  height:30px!important; line-height:30px!important; margin-top:10px; }
.video_view01 .tp_btn a { width:100%; text-align:ccenter; color:#fff;  background:#d00; border-radius:6px; display:block; margin-left:0%;  height:40px; line-height:40px;}
.video_view01 .tp_btn a i { background-size:18px 18px; width:18px; height:18px; vertical-align:middle; display:inline-block; margin-right:5px; margin-top:-2px;}
.video_ms { margin-top:20px;}
.video_note { background:#fff; border-bottom:1px #d00 solid; height:30px; line-height:30px; text-align:left; color:#333; font-size:16px; margin-bottom:8px;}
.video_note span { background:#fff; font-weight:normal; height:30px; border:1px #d00 solid;  border-bottom:0px #d00 solid;  line-height:30px; color:#d00; border-radius:4px 4px 0 0; display:inline-block; padding:0 20px;}

/***** tab *****/
.class_tab {border:0; background:#FFF; top:auto; z-index:100;  overflow: visible; width:100%; margin-bottom:10px; float:left; }
.class_tab .tab { width:100%;  height:auto;}
.tab li, .tab a, .tab-item { float: left; text-align: center;}
.class_tab .tab li {  width:30%; margin-left:2.5%; height:36px; line-height:36px; margin-bottom:6px;}
.class_tab .tab li a { float: left;  height:36px; line-height:36px; width:100%; text-align:center; font-size:14px; color:#666; background:#f1f1f1; border-radius:6px; display:inline-block; cursor:pointer;}
.class_tab .tab .hover a {color: #fff; background:#d0070a; border-radius:6px;  cursor: default; cursor:pointer; }

.zj_table { margin-top:10px;}
.zj_table td { height:30px; line-height:30px; padding:3px; font-size:14px; }
.zj_table td input { width:96%; padding:0 1%; font-family:"微软雅黑"; border:1px #ddd solid; height:28px; font-size:14px; line-height:28px;}
.zj_table td textarea { width:98%; font-family:"微软雅黑";  font-size:14px;  border:1px #ddd solid; line-height:24px;}
a.zj_tj_btn { width:40%; text-align:center; color:#fff;  background:#d00; border-radius:6px; display:inline-block; height:30px; line-height:30px;}
a.zj_gz_btn { width:40%; text-align:center; color:#d00; border:1px #d00 solid;  background:#fff; border-radius:6px; display:inline-block; height:30px; line-height:30px; margin-left:10%;}

.dpgz_table { border-collapse:collapse; border-top:1px #ddd solid; border-right:1px #ddd solid; font-size:14px;}
.table_tit { background:#d00; color:#fff;}
.dpgz_table td {border-bottom:1px #ddd solid; border-left:1px #ddd solid; line-height:24px; padding:5px 4px;}

/***** login *****/
.login {max-width:670px;margin:0 auto;}
.login ul { width:92%; margin:0 auto;} 
.login ul li { width:100%; border-bottom:1px #c9c9c9 solid; height:40px; line-height:40px; overflow:hidden; position:relative; margin-bottom:10px;}
.login ul li span {font-size:14px !important; margin-top:-2px; float:left;}
.login ul li input { border:0px; background:none; font-size:14px !important; height:40px; line-height:40px; position:absolute; left:60px; width:100%; box-sizing:border-box; border-right:60px solid transparent;}
.login_btn {border:0px; background:#df1818; font-size:16px; margin-top:30px; width:92%; margin-left:4%; color:#fff; text-align:center; cursor:pointer; height:40px; line-height:40px; border-radius:6px; margin-bottom:30px;}
.login_btn:hover {background:#f73030;}

@media screen and (min-width: 320px) and (max-width : 359px) { 
.pop_c .phone input { width:92%; padding:0 4%; color:#ee5152; font-size:15px; border:0px; border-radius:4px; background:#FFF; height:32px; line-height:32px;}
.pop_c .phone p { margin-top:10px;}
.pop_c .phone p a.fq_btn { float:right; background:#000; text-align:center; color:#fff; font-size:14px; height:32px; line-height:32px; border-radius:4px; width:44%;}
.pop_c .phone p a.cy_btn { float:left; background:#d00; text-align:center; color:#fff; font-size:14px; height:32px; line-height:32px; border-radius:4px; width:44%;}

}

@media screen and (min-width : 1002px){
#head {	width:100%;	height:80px;  -moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd;	
}
#head .logo { float:left;width:64px; height:57px; margin:8px 0 0 10px; }

#head .nav a{ display:none;}
.warp { width:1002px; margin:0 auto;}
#head .nav_pc { float:right; width:905px; height:40px; line-height:40px; margin-top:20px; display:inline-block;}
#head .nav_pc ul li { float:left; margin-left:5px; font-size:15px;}
#head .nav_pc ul li a { padding:0 10px; display:inline-block; color:#333;}
#head .nav_pc ul li a:hover { background:#d60e19; color:#fff; border-radius:6px;}
#head .nav_pc ul li.hover a{ background:#d60e19; color:#fff; border-radius:6px;}

.banner { height:400px; width:100%; background-size:cover;}
.banner img { display:none;}

.ind_box { width:1002px; margin:0 auto;}
.ny_box { width:942px; padding:0 30px; border:1px #ddd solid;  margin:0 auto; margin-top:20px; margin-bottom:20px; -moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd;	}

.ny_tit {  width:100%; font-size:20px; height:30px; position:relative; color:#333; margin:20px 0;}
.time_tit { background:#f1f1f1; height:30px; line-height:30px; margin-top:20px; text-align:center; font-size:12px; color:#a7a7a7;}

.news_view .news_tit { color:#000; font-size:18px; text-align:center; line-height:24px; padding:10px 0; display:block;}

.video_list li { float:left; width:20%; margin:0 2.5% 10px 2.5%;}

.ind_tit {width:100%; font-size:16px; height:30px; position:relative; color:#333; margin-bottom:10px;}

.ind_news ul li { margin-bottom:10px; position:relative; height:36px; line-height:36px; border-bottom:1px #ddd dashed;}
.ind_news ul li a span { font-size:12px; color:#a3a3a3; line-height:36px; position:absolute; top:0px; right:0px;}
.ind_news ul li a:hover { color:#d00;}
.ind_news ul li div p { width:90%;}

.ind_video li { float:left; width:20%; margin:0 2.5% 10px 2.5%;}
.ind_video li:nth-child(3) { display:inline-block;}
.ind_video li:nth-child(4) { display:inline-block;}

.ind_down ul li { position:relative; margin-bottom:10px; font-size:14px; height:26px; line-height:26px; padding-left:34px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; border-bottom:1px #ddd dashed; padding-bottom:8px;}
.ind_down ul li a:hover { color:#d00;}
.ind_down ul li span { background:#e12f2f; width:16px; height:16px; text-align:center; line-height:16px; color:#fff; position:absolute; left:10px; top:5px; font-size:9px;}
.ind_down ul li .time { display:inline-block; float:right; font-size:12px; color:#a3a3a3; line-height:26px;}


/*抽奖弹窗 */
.pop { background:#000; filter:alpha(opacity=50); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; width:100%; height:100%; top:0; left:0; right:0; bottom:0; position:fixed; z-index:999; }
.pop_c { position:fixed; z-index:9999; top:10%; left:50%; width:480px;  margin-left:-240px;  }
.pop_c .phone { position:absolute; z-index:99999; top:55%; width:66%; left:17%;}
.pop_c .phone input { width:92%; padding:3px 4%; color:#ee5152; font-size:16px; border:0px; border-radius:4px; background:#FFF; height:50px; line-height:50px;}
.pop_c .phone p { margin-top:20px; font-weight:bold;}
.pop_c .phone p a.fq_btn { float:right; background:#000; text-align:center; color:#fff; font-size:18px; height:56px; line-height:56px; border-radius:4px; width:44%;}
.pop_c .phone p a.cy_btn { float:left; background:#d00; text-align:center; color:#fff; font-size:18px; height:56px; line-height:56px; border-radius:4px; width:44%;}

.pop_c .close_btn { position:absolute; right:26.5%; top:0.8%;}
.pop_c .close_btn a { width:36px; height:36px; display:block; }
.pop_c .close_btn a img { width:36px; height:36px; }

/*投票弹窗 */
.pop_c01 { position:fixed; z-index:9999; top:50%; left:50%; margin-top:-303px; margin-left:-300px; width:600px; height:606px;  }
.pop_c01 .close_btn { position:absolute; right:15%; top:4%;}
.pop_c01 .close_btn a { width:30px; height:30px; display:block;}
.pop_c01 .close_btn a img { width:30px; height:30px; }
.pop_c01 p a.tp_btn { background:#fff8bf; border:2px #d60e19 solid; display:block; text-align:center; color:#d60e19; font-size:18px; height:46px; line-height:46px; border-radius:6px; font-weight:bold; width:50%; margin-left:24%; margin-top:-30px; z-index:99999; position:absolute;}

}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}