@charset "utf-8";

.section-focus-pic{margin:8px 0 0 0;height:450px;width:1040px;overflow:hidden;position:relative; margin:0 auto; margin-bottom:50px;}
.section-focus-pic ul li{position:absolute;top:0;left:1040px;width:1040px;height:300px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑";}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:1040px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:1040px;height:450px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(imgs/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}
.section-focus-pic .controler2{ display:none;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;bottom:20px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(imgs/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{right:30px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_04.png');}

.jmimg{ width:1040px; margin:0 auto; margin-bottom:20px; clear:both;}
.jmline { border-bottom:1px solid #ccc; height:50px; margin-bottom:50px;}
.jmline_w{ position:relative; width:1040px;height:50px; margin-bottom:50px; margin:0 auto;}
.jmline_w span {
	position:absolute;
	left:470px;
	bottom:-16px;
    display: inline-block;
    background: #FFF none repeat scroll 0% 0%;
    padding: 0px 5px;
    font-size: 24px;
    color: #06C;
}
.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}

/* === List Styles === */
.contact_form>ul {
    width:1040px;
    list-style-type:none;
	list-style-position:outside;
	margin:0px auto;
	padding:0px;
	border:1px solid #eee;
	margin-bottom:20px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
	padding-left:120px;
} 
.contact_form li.firli{ padding-left:30px; border-bottom:5px solid #06C; color:#06C;}
.contact_form li.firli h2{ font-size:16px;}
.contact_form li.firli span{ float:right; font-weight:bold; font-size:16px;}


.contact_form li:first-child, .contact_form li:last-child {
	/*border-bottom:1px solid #777;*/
}

/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* === Form Elements === */
.contact_form label {
	width:100px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:420px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:500px;}
.contact_form button {margin-left:106px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #ccc;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(imgs/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(imgs/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(imgs/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #06C;}
.contact_form input:required:valid + .form_hint::before {color:#06C;}
	
/* === Button Style === */
button.submit {
	background-color: #09C;
	background: -webkit-gradient(linear, left top, left bottom, from(#09C), to(#06C));
	background: -webkit-linear-gradient(top, #09C, #06C);
	background: -moz-linear-gradient(top, #09C, #06C);
	background: -ms-linear-gradient(top, #09C, #06C);
	background: -o-linear-gradient(top, #09C, #06C);
	background: linear-gradient(top, #09C, #06C);
	border: 1px solid #06C;
	border-bottom: 1px solid #06C;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #09C;
	-webkit-box-shadow: 0 1px 0 0 #09C inset ;
	-moz-box-shadow: 0 1px 0 0 #09C inset;
	-ms-box-shadow: 0 1px 0 0 #09C inset;
	-o-box-shadow: 0 1px 0 0 #09C inset;
	color: white;
	font-weight: 100;
	padding: 10px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #06C;
	font-size:14px;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #06C inset; 
	-webkit-box-shadow:0 0 10px 5px #06C inset ;
	-moz-box-shadow: 0 0 10px 5px #06C inset;
	-ms-box-shadow: 0 0 10px 5px #06C inset;
	-o-box-shadow: 0 0 10px 5px #06C inset;
	
}