@charset "utf-8";
/* LILONG */
body, td { font-family: "Microsoft YaHei","雅黑","微软雅黑",Arial,Helvetica,sans-serif,"宋体"; font-size: 18px; color: #5F452D; }
body { background: #FFF url("bg_01.jpg") top center no-repeat; margin: 0; }

a:link, a:visited { color: #5F452D; 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 30px 0; font-size: 38px; color: #900; text-align: center; letter-spacing: 3px; }
h2 a:link, h2 a:visited { color: #900; }
h3 { margin: 0 auto; padding:0 0 15px 0; font-size: 20px; color: #900; }

#header { width: 1366px; margin: auto; padding: 10px 0; }
#header img { height: 77px; border: 0; }
#nav { float: right; line-height: 77px; }
#nav a { color: #900; background: url("icon_01.png") 0 center no-repeat; padding-left: 20px; margin-left: 20px; }
#menu { display: none; }

#index { width: 100%; height: auto; border: 0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; }

.clear { clear: both; height: 30px; font-size: 0; }
.more { text-align: center; }
.readmore { float: right; }
.readmore a { color: #900; }

#block_01 { background: url("bg_02.jpg") bottom center no-repeat; padding: 50px 0; }
#block_01 .newsbox { width: 1366px; margin: auto; }
#block_01 .newsbox #box_left { float: left; }
#block_01 .newsbox #box_left img { width: 690px; border: 0; border-radius: 10px; }
#block_01 .newsbox #box_right { float: right; width: 650px; }
#block_01 ul { margin: 0; padding: 0; }
#block_01 ul li { line-height: 200%; list-style: none; background: #FFF2E1; border-radius: 10px; margin: 15px 0 0 0; padding: 22px 15px; }
#block_01 ul li:hover { background: #900; }
#block_01 ul li:hover a, #block_01 ul li:hover span { color: #FFF; }
#block_01 ul li a { text-decoration: none; }
#block_01 ul li span { float: right;}
#block_01 .zoom { display: block; transition: transform 0.5s; }
#block_01 .zoom:hover { transform: scale(1.05); }

#block_02 { background: url("bg_03.jpg") bottom center no-repeat; padding: 50px 0; }
#block_02 .newsbox { width: 1366px; margin: auto; }
#block_02 ul { margin: 0; padding: 0; }
#block_02 ul li { min-height: 188px; line-height: 200%; list-style: none; background: #FFF2E1; border-radius: 10px; margin: 15px 0 0 0; padding: 22px 15px; }
#block_02 ul li img { width: 333px; height: 188px; float: left; margin-right: 20px; border-radius: 10px; }
#block_02 ul li div { line-height: 200%; font-size: 16px; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; }
#block_02 ul li:hover h3 a { color: #900; }
#block_02 ul li:hover .readmore { font-weight: bold; }
#block_02 .zoom { display: block; transition: transform 0.3s; }
#block_02 .zoom:hover { transform: scale(1.02); }

#block_03 { background: url("bg_06.jpg") bottom center no-repeat; padding: 50px 0; }
#block_03 .newsbox { text-align: center; margin: auto; }
#block_03 .newsbox img { height: 80px; border: 2px solid #FFF; margin: 0 9px; }
#block_03 .newsbox img:hover { border: 2px solid #FC070C; }
#block_03 .newsbox p { line-height: 200%; margin-top: 80px; }

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

@media(max-width:1440px) {
	#header { width: 1266px; }
	#block_01 .newsbox { width: 1266px; }
	#block_01 .newsbox #box_left img { width: 640px; }
	#block_01 .newsbox #box_right { width: 600px; }
	#block_01 ul li { padding: 18.5px 15px; }
	#block_01 ul li span { display: none; }
	#block_02 .newsbox { width: 1266px; }
	#block_view .newsbox { width: 1266px; }
	#block_03 .newsbox img { height: 76px; margin: 0 7px; }
}

@media(max-width:767px) {
	body, td { font-size: 16px; }
	body { background: #FFF url("bg_01_.jpg") top center no-repeat; margin: 0; }
	
	#header { width: 100%; padding: 5px 0 0 0; }
	#header img { width: 55%; height: auto; padding: 5px; }
	#nav { display: none; }
	#nav.menu { display: block; line-height: 33px; font-size: 14.5px; position: absolute; border: 1px solid #E6971C; background: #FFF2E1; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); padding: 15px 10px; z-index: 10; animation: fadeIn 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transform: translateY(-100%); right: 5px; top: 44px; transform: translateY(0); border-radius: 5px; }
	#nav a { display: block; background: url("icon_02.png") 0 center no-repeat; padding-left: 10px; margin: 0 5px; }
	#menu { display: block; width: 55px; height: 30px; float: right; text-align: right; padding-top: 12px; padding-right: 8px; }
	#menu img { width: 22px; cursor: pointer; }

	h1 { padding:0 10px 15px 10px; font-size: 20px;}
	h2 { padding:0 0 15px 0; font-size: 20px; }
	h3 { padding:0 0 10px 0; font-size: 16px; }
	
	.clear { height: 20px; }
	
	#block_01 { padding: 15px 0; }
	#block_01 .newsbox { width: 98%; }
	#block_01 .newsbox #box_left { float: none; }
	#block_01 .newsbox #box_left img { width: 100%; margin-bottom: 10px; }
	#block_01 .newsbox #box_right { float: none; width: 100%; }
	#block_01 ul li { margin: 10px 0 0 0; padding: 10px 8px; background: #FFF9F0; }
	#block_01 ul li span { display: block; float: none; text-align: right; padding-right: 5px; font-size: 14px; }
	#block_01 .zoom { transition: none; }
	#block_01 .zoom:hover { transform: none; }
	
	#block_02 { padding: 15px 0; }
	#block_02 .newsbox { width: 98%; }
	#block_02 ul li { min-height: inherit; margin: 10px 0 0 0; padding: 10px 8px; background: #FFF9F0; }
	#block_02 ul li img { width: 100%; height: auto; float: none; margin: 0; }
	#block_02 ul li div { line-height: 160%; font-size: 14px; }
	#block_02 .zoom { transition: none; }
	#block_02 .zoom:hover { transform: none; }
	
	#block_03 { padding: 15px 0 166px 0; }
	#block_03 .newsbox img { height: 53px; margin: 0 2px; }
	#block_03 .newsbox p { display: none; }

	#block_view { padding: 15px 0; }
	#block_view .newsbox { width: 100%; }
	#block_view #newsinfo { font-size: 13px; padding: 0 15px; }
	#block_view #content { padding: 10px; }
	#block_view #content img.img_vsb_content { width: 100%; }
	#pre_next { padding: 10px; }
}