@charset "gb2312";
/* CSS Document */

body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;width:100%;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
.a1{font-size:14px; font-family:"Comic Sans MS", cursive; color:#666666;}

#top{width:100%;}

.top_1{width:100%; height:40px; background-image:url(imagestopbg.png); background-repeat:repeat-x;margin:0 auto;}
.top_1_cont{width:1200px; height:40px; margin:0 auto;}
.top_1_1{ width:250px; height:38px; float:left; line-height:38px; margin-left:30px;}
.top_1_1 a{font-size:12px; color:#666; padding-left:10px;}
.top_1_2{width:250px; height:38px; float:left; line-height:38px; margin-left:300px;}
.top_1_2 a{font-size:12px; color:#666; padding-left:10px;}
.top_1_2 img{margin-top:5px;line-height:35px;}
.top_1_3{width:220px; height:38px; float:right; line-height:38px; margin-right:20px;}
.top_1_3 a{font-size:12px; color:#666; padding-left:10px;}
.top_2{width:100%; height:150px; background-image:url(imagestop_2bg.png); background-repeat:repeat-x;margin:0 auto;}
.top_2_1{width:1200px; height:150px; background-image:url(imagestop_1.jpg); background-repeat:no-repeat; margin:0 auto;}
.top_2_3{width:1200px; height:150px; background-image:url(imagestop_3.jpg); background-repeat:no-repeat; margin:0 auto;}
.top_3{width:100%; height:60px; background-image:url(imagesmenubg.png); background-repeat:repeat-x;margin:0 auto; float:left;overflow:hidden;}
.menubg{width:100%; height:60px;background-image:url(imagesmenu_1.png); background-repeat:repeat-x;margin:0 auto;}
.menu{width:100%; margin:0 auto;position: absolute;padding:15px 0px 0px 200px;}
.menu ul {}
.menu li { float: left; position: relative; padding: 0 37px 0 0; font-size: 16px; text-transform: uppercase;list-style: none;}
.menu li a{ color: #fff; font-family: "microsoft yahei",Verdana,"»ªÎÄÏ¸ºÚ","ºÚÌå";line-height: 1.5; -webkit-text-size-adjust: none;}
.menu .active a { color: #ffff00;}
.menu li span { display: block; position: absolute; top: 0; left: 0; font-size: 12px;}
.menu li ul { display: none; width: 600px; position: absolute; left: 0;}
.menu .about ul { right: 38px; left: auto;}
.menu li li { text-transform: none; font-size: 12px; padding: 0 15px 0 0; height: 36px; line-height: 18px;list-style: none;}
.menu .about li { float: right;list-style: none;}
.menu li li span { display: block; position: absolute; top: 0; left: 0; white-space: nowrap;}
.menu .active li a { color: #999;}
.menu .active li a:hover { color: #9C0;}

#midd{ width:100%;height:auto; float:left; margin-top:20px;}
.midd_cont{width:1240px; height:auto; margin:0 auto;background:url(imagespagebg.png); background-repeat:repeat-y;}
.midd_1{width:1180px; margin:0 auto;}
.midd_2{width:1180px; margin:0 auto;}
.midd_2_l{width:240px; height:640px; float:left;}
.midd_2_l_1{width:240px; height:130px; margin:10px 0px 10px 0px; border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC; border-top:2px solid #0068b7; float:left;}
.tit_bg_1{width:238px; height:30px; float:left; background-image:url(imagestit_bg.png); background-repeat:repeat-x; border-bottom:1px solid #ccc;}
.search-keyword {width:216px;height:23px;padding-top:5px;padding-left:65px;border:0px;background:url(imagessearch-bg.gif) no-repeat; margin:20px 0px 0px 10px;}
.search-submit {cursor:pointer;width:68px;height:22px;font-size:0px;color:#fafafa;border:0px;background:url(imagessearch-bt.gif) no-repeat; margin-left:80px;}
.midd_2_l_2{width:240px; height:250px; margin:10px 0px 10px 0px; border:1px solid #CCC; float:left;}
.midd_pic{ width:220px; height:50px; margin:10px 10px 0px 10px; float:left;}
.midd_2_l_3{width:240px; height:200px; margin:10px 0px 10px 0px; border:1px solid #CCC; float:left; padding-top:1px; padding-left:1px;}

.midd_2_m{width:620px; height:640px; margin:0px 18px 0px 18px; float:left;}
.midd_2_m_1{width:620px; height:300px; margin:10px 0px 10px 0px; border:1px solid #CCC; float:left;}
.tit_bg_midd_news{width:610px; height:35px; margin:5px 0px 0px 5px; float:left; background-image:url(imagestit_news.png); background-repeat:no-repeat; text-align:right; padding:8px 8px 0px 0px;}
.tit_bg_midd_annou{width:610px; height:35px; margin:5px 0px 0px 5px; float:left; background-image:url(imagestit_annou.png); background-repeat:no-repeat; text-align:right; padding:8px 8px 0px 0px;}

.midd_2_r{width:280px;height:640px; float:left;}
.midd_2_r_1{width:280px;height:200px; float:left; margin:10px 0px 10px 0px; border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC; border-top:2px solid #0068b7; float:left;}
.tit_bg_3{width:278px; height:30px; float:left; background-image:url(imagestit_bg.png); background-repeat:repeat-x; border-bottom:1px solid #ccc;}
.midd_2_r_2{width:280px;height:250px; float:left; margin:10px 0px 10px 0px; border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC; border-top:2px solid #0068b7; float:left;}
.midd_2_r_3{width:280px;height:50px; float:left; margin:18px 0px 0px 0px;}
.midd_3{width:1180px; margin:0 auto;}
.tit_bg_4{width:1178px; height:30px; float:left; background-image:url(imagestit_bg.png); background-repeat:repeat-x; border-bottom:1px solid #ccc;}
.midd_31{width:1180px; height:250px; float:left; margin-top:20px; border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC; border-top:2px solid #0068b7; float:left;}

.footto {height:180px;width:1940px;overflow:hidden;margin:10px 20px 10px 20px;}
.footto ul{float:left;margin-top:30px;}
.footto li{float:left;margin:0 5px;display:inline;width:240px;height:180px;overflow:hidden;border:1px #ccc solid;}


.midd_4{width:1180px; margin:0 auto;}
.midd_41{width:1180px; height:100px; float:left; margin-top:20px; margin-bottom:20px;  border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC; border-top:2px solid #0068b7; float:left;}

.links{width:1180px; height:60px; float:left; margin:20px 10px 0px 0px;}
.links ul{float:left;}
.links ul li{ float:left;}
.links ul li a{ font-size:12px; color:#666; padding-left:20px; padding-right:20px;}

#foot{width:100%; height:200px; background-image:url(imagesfootbg.png); background-repeat:repeat-x;float:left; margin-top:20px;}
.foot_cont{ width:1200px; height:100px; margin:0 auto; text-align:left; line-height:28px; padding-left:50px; padding-top:50px;}
.foot_cont1{ width:400px; height:100px; float:left;text-align:left;line-height:28px;}
.foot_cont1 p{ font-size:12px; color:#eee;}
.foot_cont2{ width:500px; height:100px; float:left;text-align:left;line-height:28px;margin-left:100px;}
.foot_cont2 a{ float:left; padding-right:30px;}







.ziconMid1 {margin-top:0px;width:1240px;height:auto;margin:0 auto;_margin-top:-4px;+margin-top:-4px;background:url(imagespagebg.png) repeat-y;clear:both;overflow:hidden;}
.zz {margin-top:0px;margin-left:21px;margin-right:21px;width:1198px;height:40px;background-color:#EEEEEE;border-bottom:1px solid #E1E1E1;}
.place1 {margin-top:15px;margin-left:25px;font-size:13px;float:left;clear:both;}
.place1 strong {color:#709c5A;font-weight:normal;letter-spacing:1px;}
.place1 a {color:#666666;margin:0px 2px;}
.place1 a:hover {color:#000000;	text-decoration:none;}
.ziconMid1_cont{width:1180px;height:auto;float:left;margin-left:40px;margin-top:10px;}
.listartbox{width:1180px;height:auto;float:left;}
.listbox{width:1140px;overflow:hidden;clear:both;padding:20px 0 0 5px;float:left;}
.servespace {float:left;width:100%;height:30px;}
.serveli {background:url(imagesjiantou.gif) no-repeat left;padding-left:20px;line-height:30px;border-bottom:1px dotted;border-bottom-color:#999999;width:160px;font-size:14px;color:#5843CA;}
.listli {float:left;padding-left:25px;clear:both;}
.e2 li a.title {font-size:15px;font-weight:bold;padding-left:50px;float:left;clear:both;overflow:hidden;}
.e2 li a:hover {color:#1771a0;text-decoration:none;}
.e2 li a {color:#333;text-decoration:none;}
.e2 li {border-bottom:1px dotted #999999;line-height:30px;width:100%;padding-left:15px;color:#5843CA;margin-top:5px;font-size:14px;float:left;}
.e2 li p{float:left;color:#333;}
.e2 span.info {color:#333;display:blfloatock;float:right;padding-right:20px;}

.dede_pages {height:33px;padding-top:25px;float:left;padding-left:60px;padding-bottom:45px;clear:both;width:700px;}
.dede_pages ul {float:left;padding-top:15px;padding-left:60px;clear:both;}
.dede_pages ul li {float:left;font-family:Tahoma;line-height:17px;margin-right:6px;}
.dede_pages ul li a {float:left;padding:2px 4px 2px;color:#555;border-bottom:1px solid #EEE;font-size:14px;}
.dede_pages ul li a:hover {color:#1771a0;text-decoration:none;padding:2px 4px 1px;border-bottom:2px solid #1771a0;}
.dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {color:#1771a0;padding:2px 4px 1px;border-bottom:2px solid #1771a0;font-weight:bold;}
.dede_pages .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999;font-size:12px;}
.dede_pages .pageinfo strong {color:#555;font-weight:normal;margin:0px 2px;}





.titlet{width:1154px;hight:50px;margin:20px 3px 5px 3px;clear:both;background:#FAFDFE none repeat scroll 0 0;border-top:0px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.contentmain {width:1160px;margin-top:0px;text-align:left;}
.viewbox {width:1160px;overflow:hidden;padding-bottom:8px;}
.title {line-height:40px;text-align:center;padding-top:10px;}
.title h2 {font-size:25px;color:#369;}
.ccontent{font-size:15px;padding:30px 50px 50px 50px;line-height:30px;color:#000;clear:both;}
.handle{height:auto;border-bottom:1px solid #E1E1E1;border-top:1px solid #E1E1E1;width:1154px;margin-left:3px;margin-bottom:30px;padding:5px 0;background:#f9f9f9;}
.handle li{margin-left:15px;color:#888888;line-height:20px;}
.handle li a{color:#256EB1;}
.handle li a:hover{color:#F60;}


.news2 {margin-top:5px;margin-left:8px;margin-right:5px;width:580px;height:250px;float:left;}
.newli {border-bottom:1px dotted #999999;line-height:28px;background:url(imagesjiantou.gif) left no-repeat;margin-left:5px;padding-left:20px;width:580px;}
.newli a{font-size:14px;color:#333;}
.newli a:hover{font-size:14px;color:#0068b7;}

.news3 {margin-top:5px;margin-left:8px;margin-right:5px;width:240px;height:200px;float:left;}
.newli2 {border-bottom:1px dotted #999999;line-height:28px;background:url(imagesjiantou.gif) left no-repeat;margin-left:5px;padding-left:20px;width:240px;}
.newli2 a{font-size:12px;color:#333;}
.newli2 a:hover{font-size:12px;color:#0068b7;}

.bm{width:120px; height:120px; float:left; margin:20px 0px 0px 12px;}

.zicontent {width:1040px;height:auto;align:center;background-color:#ffffff;}
.msgbar {margin-top:20px;margin-left:20px;height:27px;line-height:27px;border-top:1px solid #E4F0DF;border-bottom:1px solid #E4F0DF;font-size:14px;color:#666;float:left;clear:both;}
.msgbar p {padding-left:22px;border-top:1px solid #FFF;	border-bottom:1px solid #FFF;}
.othersearch {height:31px;overflow:hidden;clear:both;line-height:31px;padding-left:40px;margin-top:16px;margin-bottom:50px;}
.othersearch h2 {float:left;font-size:14px;}
.othersearch ul {float:left;color:#000000;}
.othersearch ul li {float:left;margin-left:10px;font-size:14px;line-height:33px;color:#000000;}
.othersearch ul li:hover {color:#ff0000;}
.sssearch {padding-top:15px;padding-bottom:10px;text-align:center;clear:both;}

.s3 {font-family:Arial, Helvetica, sans-serif;padding-top:11px;	height:15px;float:right;padding-right:10px;line-height:15px;}
.s3 a {color:#666666;font-size:13px;}
.s3 a:hover {color:#3584af;text-decoration:none;}
.titlet{width:1154px;hight:50px;margin:20px 3px 5px 3px;clear:both;background:#FAFDFE none repeat scroll 0 0;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.resultlist {padding-left:20px;float:left;padding-top:15px;clear:both;overflow:hidden;}
.item {margin-top:16px;}
.item h3 .title {font-size:15px;font-weight:normal;line-height:25px;text-decoration:underline;}
.item h3 .title:hover {text-decoration:none;}
.item .intro {font-size:13px;line-height:19px;color:#777;text-align:left;padding-left:30px;padding-right:10px;overflow:hidden;clear:both;}
.item .info {font-size:12px;line-height:26px;float:right;padding-right:50px;clear:both;color:#000000;}
.item .info small {font-size:12px;}
.item .info span {margin-right:10px;}
.item .info a {color:#444;}

#slideshow { width:100%; height:450px; margin-top:5px; float:left;overflow:hidden; text-align:center;}
#slideshow ul { display: none;}
.fn-clear { zoom: 1;}
.box_skitter { position: relative; background: none;}
.box_skitter ul { display: none;}
.box_skitter .container_skitter { overflow: hidden; position: relative;}
.box_skitter .image { overflow: hidden;}
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20;}
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;}
.box_skitter .prev_button { position: absolute; top: 50%; left: 5px; z-index: 100; width: 100px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(imagesprev.png) no-repeat left top !important;}
.box_skitter .next_button { position: absolute; top: 50%; right: 5px; z-index: 100; width: 100px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(imagesnext.png) no-repeat left top !important;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none;}
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px;}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}

.grid {padding:0px;max-width: 1300px;margin: 0 auto;list-style: none;text-align: center;}

.grid li {
	display: inline-block;
	width: 120px;
	margin: 0;
	padding: 0px;
	text-align: left;
	position: relative;}

.grid figure {
	margin: 0;
	position: relative;}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background: #2c3f52;
	color: #ed4e6e;}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;}

.grid figcaption span:before {
	content: ' ';}

.grid figcaption a {
	text-align: center;
	padding: 2px 15px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(5px, 5px);
	-moz-transform: translate(5px, 5px);
	-ms-transform: translate(5px, 5px);
	transform: translate(5px, 5px);}

.cs-style-1 figcaption h3 {
	margin-top: 10px;
	font-size:18px;}

.cs-style-1 figcaption span {
	display: block;}

.cs-style-1 figcaption a {
	margin-top: 10px;}

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;}

.no-touch .cs-style-2 figure:hover figcaption,
.cs-style-2 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(5px, 5px);
	-moz-transform: translate(5px, 5px);
	-ms-transform: translate(5px, 5px);
	transform: translate(5px, 5px);}

.cs-style-2 figcaption h3 {
	margin-top: 10px;
	font-size:18px;}

.cs-style-2 figcaption span {
	display: block;}


.cs-style-2 figcaption a {
	margin-top: 10px;}

@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 100px 10px;}
	.grid li {
		width: 100%;
		min-width: 300px;}
}
