﻿/***************** 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 *****************/
#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;
	
}
video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {width: calc(100% + 30px);}

#head .logo { float:left; background:url(../images/logo.png) left top no-repeat; background-size:104px 29px; width:32px; height:29px; margin:6px 0 0 10px; }

#head .nav a{ float:right; background:url(../images/nav_icon.png) no-repeat; 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 { background:url(../images/line.jpg) repeat-x 0 14px; 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 { background:url(../images/line.jpg) repeat-x 0 14px; 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;}


.award_list {width:92%; margin:0 auto; margin-top:16px;}
.award_list .tit { background:url(../images/aw_tit_bg.jpg) repeat-y left #f9e987; color:#fbf4a4; width:100%; height:28px; line-height:28px; border-radius:8px; text-indent:40px; position:relative; margin-bottom:20px;}
.award_list .tit .jp_icon { position:absolute; top:-10px; left:-8px; width:48px; text-indent:0px;}
.award_list ul { margin-bottom:10px;}
.award_list li { display:block; margin-bottom:20px;}
.award_list li h1 { position:relative; width:38%; left:left;}
.award_list h1 img { width:100%;}
.award_list li h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.award_list li div { float:right; width:58%;}
.award_list li div .name { color:#000; font-size:14px; line-height:20px; max-height:40px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:6px;}
.award_list li div .area { color:#dd0000; font-size:14px; line-height:20px; max-height:40px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}



.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:url(../images/head_icon.png) no-repeat; 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:url(../images/head_icon.png) no-repeat; 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 : 1002px){
#head {	width:100%;	height:80px; background:url(../images/pc_header_bg.jpg) top repeat-x #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; background:url(../images/logo.png) left top no-repeat; background-size:208px 57px; width:64px; height:57px; margin:8px 0 0 10px; }

#head .nav a{ display:none;}
.warp { width:1024px; 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:1px; 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 {background:url(../images/pc_banner.jpg) center no-repeat; height:400px; width:100%; background-size:cover;}
.banner img { display:none;}

.aw_banner {background:url(../images/pc_aw_banner.jpg) center no-repeat; height:400px; width:100%; background-size:cover;}
.aw_banner img { display:none;}

.award_list { width:1002px; margin:0 auto; margin-top:26px;}
.award_list .tit { background:url(../images/aw_tit_bg.jpg) repeat-y left #f9e987; color:#fbf4a4; width:100%; height:38px; line-height:38px; border-radius:8px; text-indent:40px; position:relative; margin-bottom:30px;}
.award_list .tit .jp_icon { position:absolute; top:-10px; left:-16px; width:60px; text-indent:0px;}
.award_list ul { margin-bottom:30px;}
.award_list li { display:block; margin-bottom:20px; width:48%; float:left; }
.award_list li h1 { position:relative; width:38%; left:left;}
.award_list h1 img { width:100%;}
.award_list li h1 i img { position:absolute; top:50%; left:50%; width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.award_list li div { float:right; width:58%;}
.award_list li div .name { color:#000; font-size:14px; line-height:20px; max-height:40px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom:6px;}
.award_list li div .area { color:#dd0000; font-size:14px; line-height:20px; max-height:40px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}

.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 { background:url(../images/line.jpg) repeat-x 0 14px; 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 { background:url(../images/line.jpg) repeat-x 0 14px; 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;}

}