﻿@charset "utf-8";
/**{transition:all 0.1s;}*/
html,body,ul,ol,li,h1, h2, h3, h4, h5, h6,form,blockquote,dl,dt,dd,table,tr,th,td,center,input,button,textarea,img{ margin:0; padding:0;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6,font{font-size:100%;}
body {
	line-height:30px;
	font-size:14px;
	font-family:Microsoft Yahei,Arial,Helvetica;
	text-align:center;
	color:#333;
	background:url(bg_hs.jpg) center top repeat-x #fff;
}


a{color:#333; text-decoration:none; cursor: pointer;}
a em,a b,a span,a font{ cursor:pointer;}
a:hover{ color:#e64b31;}
img{border:none;}
a img{transition:all 0.1s;}
a:hover img{filter:alpha(opacity=90);opacity:0.9;}
.lef{ float:left; display:inline;}
.rig{ float:right; display:inline;}
.cen{ margin:0 auto;}
.hide{ display:none;}
.hidd{ overflow:hidden;}

.cle{display:block;clear: both;overflow: hidden;height:1px;font-size: 0;line-height: 0;}
.h_10{height:10px;}
.h_15{height:15px;}
.h_20{height:20px;}
.lef{ float:left; display:inline;}
.lef20{ float:left; display:inline; margin-left:25px;}
.rig{ float:right; display:inline;}
.rig20{ float:right; display:inline; margin-right:20px;}
.p20{ padding:0 20px;}


input,textarea,select{margin:0; font-size:13px; border:1px solid #cbd8e5; color:#999; font-family:"Microsoft Yahei",Arial,Helvetica; vertical-align:middle; background:#fff;}
input:focus,textarea:focus,select:focus,
input:hover,textarea:hover,select:hover{color:#333; border:1px solid #aab6dd; transition:text-indent 0.2s, border 0.2s;
box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075),0px 0px 5px rgba(102,175,233,0.6);}


.w1000{ width:1010px; margin:0 auto; clear:both;}
.w800{ width:800px;}
.w660{ width:660px;}
.w600{ width:600px;}
.w550{ width:550px;}
.w400{ width:400px;}
.w370{ width:370px;}
.w360{ width:360px;}
.w320{ width:320px;}
.w300{ width:300px;}
.w280{ width:280px;}
.w225{ width:225px;}
.w200{ width:200px;}

.zn_h{ height:202px;}
.xz_h{ height:230px;}
.fc_h{ height:334px;}


.gu{clear:both; display:block; clear:both;}
.gu img{float:left;margin-bottom:1px;cursor:pointer;}
.gu1{ overflow:hidden; clear:both; display:block; clear:both; background:#fff; border-bottom:1px solid #d1d9dc; padding-top:10px;}
.gu1 a{ padding-left:10px; float:left;}
.gu1 img{width:320px; float:left;}


/* 焦点图 */
.container {position:absolute; top:0; left:0; z-index:-1; overflow:hidden; width:100%; height:670px;}
.flexslider {margin:0 auto; padding: 0; overflow:hidden; height:100%;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider .slides{ height:100%; width:100%;}
.flexslider .slides  li { position:relative;display: none; height:100%; width:100%; background:red; float:left;}
.flexslider .slides img {max-width: 100%; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
*html .slides {height:100%;}
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1;}
.flexslider .slides {zoom: 1;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.7); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.7); font-size: 14px; margin:0; text-align:left; padding-left:10px; line-height:50px; height:50px;}
/* Direction Nav */
.flex-direction-nav { display:none;}
/* Control Nav */
.flex-control-nav { display:none; position: absolute; bottom: 14px; text-align: center; z-index:200; right:10px; float:right; line-height:16px;}
.flex-control-nav li {margin-left:5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { float:left; width:16px; height:16px; line-height:16px; display: block; cursor: pointer; text-indent: -9999px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; background:rgba(0,0,0,0.5);background:#0f5fb1;}
.flex-control-nav li a:hover {background:#fff;}
.flex-control-nav li a.active {background:#fff;}




/*top*/
.top{ line-height:39px; background:#fff; border-bottom:1px solid #e0e0e0;}
.top dl{ text-align:left;}
.top dl span{ float:right;}
.top dl a{ padding-left:20px; float:left;}
.t_ico{ background:url(ico12.png) top no-repeat; overflow:hidden; height:14px; float:left; width:14px; margin:12px 4px 0 0; vertical-align:middle;}
.t1{background-position:0 0;}
.t2{background-position:0 -14px;;}

.top_logo{ height:100px;padding-top:5px;}
.top_logo .logo{ float:left;}
.top_logo dl{ padding-top:15px; float:left; margin-left:80px; width:450px;}
.top_logo dd{ height:50px; clear:both;}
.top_logo dd input{ border:1px solid #ccc; border-right:0; float:left; line-height:40px; height:40px; width:369px; padding-left:10px;}
.top_logo dd input.bt{ padding-left:0; height:42px; cursor:pointer; border:0; background:url(ico_search_h.png) center center  no-repeat #0871c6; width:69px;}
.top_logo dd input.bt:hover{background-color:#e64b31;}
.top_logo dt{ line-height:20px; height:20px; overflow:hidden; text-align:left;}
.top_logo dt a{ padding-right:5px; color:#999;width:15%;overflow:hidden;display:block;float:left;text-align: center;}
.top_logo dt a:hover{ color:#e64b31;}
.top_logo span{ float:right; width:116px; background:#fff; font-size:17px; line-height:17px;}
.top_logo span img{ float:left;}

.nav{ border-top:1px solid #e0e0e0; border-bottom:2px solid #0771c5; padding:8px 0;}
.nav dl{ line-height:35px; font-size:18px; overflow:hidden; height:75px;}
.nav dl br{ line-height:0;}
.nav dl a{ padding:0 17px; white-space:nowrap; display:inline-block; display:inline;}
.nav dl span{ color:#e0e0e0; font-size:16px; padding:0 17px; display:inline-block; display:inline; background:url(nav_x.gif) center no-repeat;}

/*foot*/

.foot{ background:#4a4e58; display:block; color:#c4c5c7; clear:both;}
.foot dl dt{ line-height:50px; font-weight:normal; color:#a3a6ae; border-bottom:1px solid #64656b; width:730px; margin:0 auto;}
.foot dl dt a{ color:#fff;}
.foot dl dt a:hover{ color:#ffdf47;}
.foot dl dt span{ padding:0 15px; font-size:12px;}
.foot dl dd{ color:#c4c5c7; padding:15px 0; font-size:14px;} 
.foot dl dd img{ margin:10px auto 0 auto;}

