@charset "utf-8";
/* LILONG */
body, td { font-family: "Microsoft YaHei","雅黑","微软雅黑",Arial,Helvetica,sans-serif,"宋体"; font-size: 18px; color: #444; }
body { background: #FFF; margin: 0; }

a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #900; text-decoration: underline; }

h1 { margin: 0 auto; padding:0 0 30px 0; line-height: 180%; font-size: 28px; text-align: center; }
h2 { margin: 0 auto; padding: 0 0 10px 0; font-size: 22px; color: #900; letter-spacing: 2px; background: url("icon_edu.png") 0 2px no-repeat; text-indent: 40px; border-bottom: 1px solid #DDD; }
h2 a:link, h2 a:visited { color: #900; }
li { list-style: none; }

.block { width: 1366px; margin: auto; }
.clear { clear: both; height: 10px; font-size: 0; }
.more { float: right; font-size: 16px; font-weight: normal; letter-spacing: 0; margin: 8px 10px 0 0; }
.more:hover { font-weight: bold; }
.zoom { display: block; transition: transform 0.5s; }
.zoom:hover { transform: scale(1.05); }

#top { background: #9C171C; }
#header { width: 1366px; height: 180px; background: url("header.jpg") right bottom no-repeat; margin: auto; }
#header img { height: 82px; border: 0; margin-top: 50px; }
#header img#logo_ { display: none; }
#nav { float: right; line-height: 30px; font-size: 16px; }
#nav a { color: #FFF; background: url("icon_arrow.png") 0 center no-repeat; letter-spacing: 1px; padding-left: 20px; margin-left: 20px; }
#menu { height: 44px; line-height: 44px; background: #600; margin: auto; text-align: center; }
#menu a { color: #FFF; letter-spacing: 3px; margin: 0 43px; }
#menu a:hover { color: #FFFFBF; border-bottom: 1px solid #FFFFBF; text-decoration: none; }

#slider { height: 400px; overflow: hidden; position: relative; margin: 0 auto; }
#slider #banner { position: relative; z-index: 0; }
#slider #banner li img { width: 100%; height: 400px; vertical-align: top; cursor: default; }
#slider #arrow { width: 1366px; height: 55px; position: absolute; z-index: 100; top: 50%; margin-top: -22px; left: 50%; margin-left: -683px; }
#slider #dot { position: relative; z-index: 1; margin-top: -40px; height: 30px; line-height: 30px; text-align: center; }
#slider #dot ul { text-align: center; padding: 5px 0 0 0; margin: 0; }
#slider #dot ul li { cursor: pointer; display: inline-block; zoom: 1; width: 16px; height: 16px; margin: 5px; background: url("icon_dot.png") -24px 0; overflow: hidden; font-size: 0; }
#slider #dot ul .on { background-position: 0 0; }
#slider .prev {	z-index: 1;	display: block;	float: left; width: 55px; height: 55px;	position: relative;	background: url("arrow.png") 0 -59px no-repeat; filter: alpha(opacity=40); opacity: 0.4; }
#slider .next {	z-index: 1;	display: block;	float: right; width: 55px; height: 55px; position: relative; background: url("arrow.png") 0 0 no-repeat; filter: alpha(opacity=40);	opacity: 0.4; }
#slider .prev:hover, #slider .next:hover { filter: alpha(opacity=80); opacity: 0.8; }

#box_01 { background: url("bg_01.jpg") bottom center no-repeat; padding: 30px 0; }
#box_01 #box_left { float: left; width: 900px; }
#box_01 #box_right { float: right; width: 440px; }
#box_01 #box_left ul { margin: 0; padding: 0; }
#box_01 #box_left ul li { line-height: 200%; background: url("dotted.gif") 2px center no-repeat; border-bottom: 1px dotted #CCC; margin: 0; padding: 5px 5px 5px 15px; }
#box_01 #box_left ul li a { text-decoration: none; }
#box_01 #box_left ul li span { float: right; font-size: 16px; color: #777; }
#box_01 #box_left ul li:hover { border-bottom: 1px dotted #900; }
#box_01 #box_left ul li:hover a { color: #900; }
#box_01 #box_left #focus { padding: 15px 0 4px 0; }
#box_01 #box_left #focus img { width: 333px; height: 188px; border: 0; float: left; margin-right: 15px; border-radius: 5px; }
#box_01 #box_left #focus p { padding: 0; margin: 0; }
#box_01 #box_left #focus p#title { font-size: 20px; color: #900; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#box_01 #box_left #focus p#txt { margin-top: 12px; line-height: 200%; font-size: 15px; color: #777; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; }
#box_01 #box_left #focus:hover a { color: #900; }
#box_01 #box_left #focus:hover p#txt { color: #444; }
#box_01 #box_right .notice { height: 70px; padding: 15px 0 15px 0; border-bottom: 1px solid #EEE; }
#box_01 #box_right .notice_data { width: 73px; height: 70px; float: left; background: #FFF url("icon_date.jpg") center bottom no-repeat; border-radius: 5px; }
#box_01 #box_right .notice_data h5 { width: 63px; line-height: 38px; font-size: 22px; font-weight: normal; color: #333; text-align: center; border-bottom: 1px solid #FFF; padding: 0; margin: 0 auto; }
#box_01 #box_right .notice_data p { line-height: 30px; font-size: 14px; color: #333; text-align: center; margin: 0 auto; }
#box_01 #box_right .notice_title { width: 355px; float: right; line-height: 180%; }
#box_01 #box_right .notice_title a { display: block; text-decoration: none; }
#box_01 #box_right .notice:hover { border-bottom: 1px solid #900; }
#box_01 #box_right .notice:hover .notice_data { background: #900; }
#box_01 #box_right .notice:hover .notice_data h5 { color: #FFF; }
#box_01 #box_right .notice:hover .notice_data p { color: #FFF; }
#box_01 #box_right .notice:hover .notice_title a { color: #900; }

#box_02 { background: url("bg_02.jpg") bottom center no-repeat; padding: 30px 0; }
#box_02 #box_left { float: left; width: 438px; margin-right: 26px; }
#box_02 #box_center { float: left; width: 438px; }
#box_02 #box_right { float: right; width: 438px; }
#box_02 ul { margin: 0; padding: 0; }
#box_02 ul li { line-height: 200%; background: url("dotted.gif") 2px center no-repeat; border-bottom: 1px dotted #CCC; margin: 0; padding: 8px 5px 10px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#box_02 ul li a { text-decoration: none; }
#box_02 ul li:hover { border-bottom: 1px dotted #900; }
#box_02 ul li:hover a { color: #900; }

#box_03, #box_footer { background: #9C171C url("footer.jpg") bottom center no-repeat; padding: 30px 0; }
#box_03 h2, #box_footer h2 { text-align: center; padding:0 0 30px 0; color: #FFF; background: none; text-indent: 0; border-bottom: 0; }
#box_03 #footer, #box_footer #footer { text-align: center; margin: auto; }
#box_03 #footer img, #box_footer #footer img { height: 72px; margin: 0 9px; transition: transform 0.5s; }
#box_03 #footer img:hover, #box_footer #footer img:hover { transform: scale(1.08); }
#box_03 #footer p, #box_footer #footer p { line-height: 200%; margin-top: 100px; color: #EEE; font-size: 16.5px; }

#box_banner img { width: 100%; }
#box_banner div { width: 1366px; margin: 0 auto; position: relative; margin-top: -155px; background: url("bg_title.png") 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#box_banner h2 { padding: 20px 0; margin: 0; font-size: 32px; color: #900; letter-spacing: 3px; background: none; text-indent: 20px; border-bottom: 0; }
#box_banner p { padding: 0 0 20px 20px; margin: 0; color: #FFF; background: url("icon_arrow.png") 20px 5px no-repeat; text-indent: 22px; }
#box_banner h2 a:link, #box_banner h2 a:visited { color: #FFF; }
#box_banner h2 a:hover, #box_banner h2 a:active { color: #FFFFBF; border-bottom: 2px solid #FFFFBF; text-decoration: none; }
#box_banner p a { color: #FFF; }

#list .info { height: 70px; padding: 25px 0 25px 0; border-bottom: 1px solid #EEE; }
#list .info_data { width: 73px; height: 70px; float: left; background: #FFF url("icon_date.jpg") center bottom no-repeat; border-radius: 5px; }
#list .info_data h5 { width: 63px; line-height: 38px; font-size: 26px; font-weight: bold; color: #333; text-align: center; border-bottom: 1px solid #FFF; padding: 0; margin: 0 auto; }
#list .info_data p { line-height: 30px; font-size: 14px; color: #333; text-align: center; margin: 0 auto; }
#list .info_title { width: 1281px; height: 70px; line-height: 70px; display: block; float: right; font-weight: bold; background: url("icon_more.png") right center no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#list .info_title a { display: block; text-decoration: none; }
#list .info:hover { border-bottom: 1px solid #900; }
#list .info:hover .info_data { background: #900; }
#list .info:hover .info_data h5 { color: #FFF; }
#list .info:hover .info_data p { color: #FFF; }
#list .info:hover .info_title a { color: #900; }

#box_04 { background: url("bg_02.jpg") bottom center no-repeat; padding: 50px 0; }
#view { width: 1366px; margin: auto; }
#view #newsinfo { text-align: center; font-size: 16px; color: #999; }
#view #content { padding: 20px 15px; line-height: 200%; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; }
#view #content p { text-indent: 2em; }
#view #content p img { text-indent: 0; border: 0; margin-left: -2em; }
#view #content img.img_vsb_content { width: 1000px; text-indent: 0; border: 0; margin-left: -2em; }
#view #content hr { height: 1px; clear: both; border: 0; border-top: 1px dotted #CD9F63; margin: 20px 0; }
#view #pre_next { padding: 20px 15px; }

@media(max-width:1680px) {
	#slider { height: 380px; }
	#slider #banner li img { height: 380px; }
}

@media(max-width:1440px) {
	.block { width: 1266px; }
	#header { width: 1266px; }
	#slider { height: 333px; }
	#slider #banner li img { height: 333px; }
	#slider #arrow { width: 1266px; margin-left: -633px; }
	#box_01 #box_left { width: 850px; }
	#box_01 #box_right { width: 390px; }
	#box_01 #box_left #focus img { width: 300px; height: 180px; }
	#box_01 #box_left #focus p#txt { font-size: 14.5px; }
	#box_01 #box_right .notice_title { width: 305px; }
	#box_02 #box_left { width: 405px; margin-right: 25px; }
	#box_02 #box_center { width: 405px; }
	#box_02 #box_right { width: 405px; }
	#box_03 #footer img { height: 67px; margin: 0 8px; }
	#box_banner div { width: 1266px; }
	#list .info_title { width: 1181px; }
	#view { width: 1266px; margin: auto; }
}

@media(max-width:767px) {
	body, td { font-size: 16px; }
	
	h1 { padding:0 10px 15px 10px; font-size: 20px;}
	h2 { font-size: 16.5px; color: #900; letter-spacing: 2px; background-size: 22px; text-indent: 33px; }
	
	.block { width: 98%; }
	.clear { height: 1px; }
	.more { font-size: 14px; margin: 4px 10px 0 0; }
	.zoom:hover { transform: none; }
	
	#header { width: 100%; height: auto; min-height: 85px; background: url("header.jpg") center top no-repeat; padding: 12px 0; }
	#header img { width: 100%; height: auto; border: 0; margin-top: 0; }
	#header img#logo { display: none; }
	#header img#logo_ { display: block; }
	#nav { display: none; }
	#menu { height: 36px; line-height: 36px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-wrap: nowrap; white-space-collapse: collapse; }
	#menu a { letter-spacing: 1px; margin: 0 6px; }
	
	#slider { display: none; }
	
	#box_01 { padding: 15px 0; }
	#box_01 #box_left { float: none; width: 100%; }
	#box_01 #box_right { float: none; width: 100%; padding-top: 15px; }
	#box_01 #box_left ul li { background: url("dotted.gif") 2px 21px no-repeat; padding: 8px 5px 8px 15px; }
	#box_01 #box_left ul li span { display: none; }
	#box_01 #box_left #focus { border-bottom: 1px dotted #CCC; }
	#box_01 #box_left #focus img { width: 100%; height: auto; float: none; margin-right: 0; }
	#box_01 #box_left #focus p#title { font-size: 18px; display: block; text-align: center; padding: 8px 0 12px 0; }
	#box_01 #box_left #focus p#txt { display: none; }
	#box_01 #box_right .notice_data { display: none; }
	#box_01 #box_right .notice { height: auto; padding: 0; border-bottom: 1px dotted #CCC; }
	#box_01 #box_right .notice_title { width: 100%; line-height: 200%; display: table-cell; background: url("dotted.gif") 2px 21px no-repeat; padding: 8px 5px 8px 15px; float: none; }

	#box_02 { padding: 15px 0; }
	#box_02 #box_left { float: none; width: 100%; margin-right: 0; }
	#box_02 #box_center { float: none; width: 100%; padding-top: 15px; }
	#box_02 #box_right { float: none; width: 100%; padding-top: 15px; }
	#box_02 ul li { background: url("dotted.gif") 2px 21px no-repeat; white-space: normal; overflow: auto; text-overflow: clip; }
	
	#box_03 { padding: 20px 0 168px 0; }
	#box_03 h2 { padding:0 0 15px 0; }
	#box_03 #footer img { height: 42px; margin: 5px; }
	#box_03 #footer img:hover { transform: none; }
	#box_03 #footer p { display: none; }
	#box_footer { background: #FFF url("footer_.jpg") bottom center no-repeat; padding: 55px 0; }
	#box_footer p { display: none; }
	
	#box_banner img { min-height: 111px; }
	#box_banner div { width: 100%; margin-top: -38px; background: url("bg_title.png") -333px 0 no-repeat; border-top-left-radius: 0; border-bottom-left-radius: 0; }
	#box_banner h2 { padding: 5px 0; font-size: 15px; font-weight: normal; letter-spacing: 1px; background: none; background: url("icon_arrow.png") 6px center no-repeat; text-indent: 26px; }
	#box_banner p { display: none; }
	
	#list .info { height: auto; padding: 0; }
	#list .info_data { display: none; }
	#list .info_title { width: 100%; height: auto; line-height: 200%; display: table-cell; float: none; font-weight: normal; background: url("dotted.gif") 2px 21px no-repeat; padding: 8px 5px 8px 15px; white-space: normal; overflow: auto; text-overflow: clip; }
	
	#box_04 { padding: 15px 0; }
	#view { width: 100%; }
	#view #newsinfo { font-size: 13px; padding: 0 15px; }
	#view #content { padding: 10px; }
	#view #content img.img_vsb_content { width: 100%; }
	#view #pre_next { padding: 10px; }
}