@charset "utf-8";
/* CSS Document */
html{background:#FFF;}
body{font-size:14px;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #323232;font-family:'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;/*color: #323232;*/-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;height:auto;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #323232;}
a:hover{color: #e60012;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
/*定义清除浮动样式 方法一*/
.clearfix:after{content:'\20';display:block;height:0;clear:both; visibility:hidden;}
.clearfix{zoom:1;}
/*定义清除浮动样式 方法二*/
.clear{clear:both;}
/*font-size */
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f22px{font-size: 22px;}
.f24px{font-size:24px;}
.f48px{font-size:48px;}
/*float */
.fl{float:left;}
.fr{float:right;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:400;*/}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;font-size:100%;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}
.inblock{display:inline-block;*zoom:1;*display:inline;}
.disnone{display:none;}
.block{ display:block;}
.hidden{ overflow:hidden !important;}
.none{ display:none;}
.textoverflow{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.underline:hover{text-decoration:underline;}
.mtc{margin:0 auto;}
.number{ font-family:Arial;}
.fw600{font-weight: 600;}
.hand{cursor: pointer;}
.distable{display: table;}
.distr{display:table-row;}
.distd{display:table-cell;}
.mr35px{margin-right: 35px;}
.ml35px{margin-left: 35px;}
.mr10px{margin-right:10px;}
.ml10px{margin-left:10px;}
.mt20px{margin-top:20px;}
.mt5px{margin-top: 1.57%;}
.mt4px{margin-top: 4px;}
.mr5px{margin-right: 0.86%;}


.header{ width:100%; min-width:320px; height:192px; position:relative;z-index:5; background:url(../images/topbg.jpg) no-repeat top center;}
.top{ width:1090px; margin:0px auto; position:relative;}
.header .logo{ left:10px; overflow: hidden; position: absolute; top:30px; max-width: 837px;}
.header .logo a img{ display:block;}
.header .logo a { float: left; display: inline-block;}
.header .logo a.logo_01{/* width: 31.1%; */}
.header .logo a.logo_02{/* width: 68%; */}
.search{ width:200px; height:24px; position:absolute; right:10px; top:77px;}
.search .fm_search{height:24px; background:url(../images/search.jpg) no-repeat; position:relative;}
.search .fm_search input{position:absolute; width:190px;height:22px;line-height:22px; color:#3c98cc; border:none; background:none; left:0px; top:0px; padding-left:0px; font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; color:#888; z-index: 2;}
.search .fm_search input.notxt{padding-left:10px; font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; color:#c3c3c3;outline:none;}
.search .fm_search input.notxt1{ width:30px; left:170px; top:0px; cursor:pointer;} 

/*导航*/
.nav { width:100%; height: 48px; right:0px; top:143px;z-index:10; border-bottom:1px solid #d3d3d3; background-color:#fff; }
.nav ul{ width:1090px; margin:0px auto;}
.nav ul li{float: left; position: relative; text-align: center;background: url(../images/nav_iconli.jpg) no-repeat right center;}
.nav ul li:last-child{ background:none;}
.nav ul li div{ padding:0px; height: 48px; line-height: 48px;}
.nav ul li a{ padding:0 30px 0 30px; font-size: 16px; background: url(../images/nav_icon02.jpg) no-repeat center bottom; color:#081b2f; display:block;}
.nav ul li.on div,.nav ul li div.on_nav{}
.nav ul li.on div a,.nav ul li div.on_nav a{color:#081b2f; font-weight:bolder; background: url(../images/nav_icon01.jpg) no-repeat center bottom;}
.nav ul li.on dl{display: block;}
.nav ul li dl{ width:135px; position: absolute; left:-12px; top:46px; overflow: hidden; display: none; text-align: left; background: #11529f; padding: 10px 15px;overflow: hidden;-moz-box-shadow: 2px 2px 3px #555;-webkit-box-shadow:2px 2px 3px #555;box-shadow: 2px 2px 3px #555; z-index:999;}
.nav ul li:last-child dl{left:-16px;}
.nav ul li.on dl dd{ width: 94%; line-height: 36px; padding:0 2%; text-align:center; border-bottom:1px dashed #ccc;}
.nav ul li.on dl dd:first-child{ border-top:none;}
.nav ul li.on dl dd a{ color:#fff; font-size: 14px; font-weight: normal; background: none; padding:0px; text-align:center; }
.nav ul li.on dl dd a:hover{ color:#fff;font-weight: normal; background: none;}

.wraq_footer{ width:100%; background:url(../images/footerbg.jpg) no-repeat top center; height:205px;}
.footer01{ width:1090px; padding:38px 0px 0px; margin:0px auto; min-width:320px;}
.footer02{ background-color:#00356f; height:40px; line-height:40px; text-align:center; color:#fff; font-size:12px;}
.footer01 ul{ height:130px; }
.footer01 ul li{border-left:1px solid #bfbfbf; float:left; color:#888888;font-size:14px; height:100px;}
.footer01 ul li.ft_con1{ width:18%; text-align:center}
.footer01 ul li.ft_con2{ width:18%;}
.footer01 ul li.ft_con3{ width:40%;}
.footer01 ul li.ft_con4{ width:23%;}
.footer01 ul li a{ color:#555; font-size:12px;}
.footer01 ul li a:hover{font-weight:bolder; color:#00356f;}
.footer01 ul li span{display: block; height: 30px; line-height: 30px; text-align: center;}

.ft_con3 img{ width:220px; margin:20px auto; display:block;}
.footer02_w font{ display:inline-block; margin-right:15px;}
.ft_name{ display:none;}

/*手机端导航*/
.snav{ width:100%; position:relative;left:0; top:0; word-break:break-all; font-size:14px; z-index:8; display:none; background:url(../images/snav_topbg.jpg)  top center;}
.mbtn{width:20px; height: 40px;color:#fff; text-align: center; font-size: 16px; line-height: 40px; cursor: pointer; padding:0px 0px 0px 14px;}
.navm{ width:100%; line-height: 30px; background: #004292; margin-top: 2px; overflow: hidden; text-align: left; display: none; border-top:1px solid #005ca0;border-bottom:1px solid #0061ab;}
.navm ul{ padding:10px 0;}
.navm li{}
.navm li a{ font-size: 16px; line-height: 40px; height:40px; color:#fff; padding-left:13px;}
.navm li.has span{ margin-left: 10px;}
.navm li.on a{ color:#fff; font-weight: bold; display:block; width:100%;}
.navm dl{ display: none; background-color:#f0f0f0; padding:5px 0px;}
.navm dl dd{ padding-left: 30px; height:30px; line-height:30px;}
.navm li.on dl dd a{ font-size: 14px; color:#004698; padding:0px; font-weight:normal;display:inline; border:none; line-height:30px; height:30px;}
.navm li dl dd a{ font-size: 14px; color:#004698; padding:0px; font-weight:normal; display:inline;  border:none;line-height:30px; height:30px;}
.navm li dl dd a:hover{ font-weight:bolder}

.snav_top1{ overflow:hidden;}

@media screen and (max-width:1089px) {
	.top{ width:100%;}
	.nav ul{ width:9990px; padding-left:10px; margin:0px; }
	.nav ul li a{ padding:0 27px 0 27px;}
	.nav ul li dl{ left:-20px}
	.nav ul li:last-child dl{left:-63px;}
	.footer01{ width:auto;}
}
@media screen and (max-width:999px) {
	.header{ height:158px;}
	.nav{ top:112px;}
	.nav ul{ width:900px; margin:0px; }
	.nav ul li a{ padding:0 14px 0 14px;}
	.search{ top:38px;}
	.nav ul li dl{ left:-30px}
	.nav ul li:last-child dl{left:-70px;}
	
}

@media screen and (max-width:900px) {
	.nav ul{ width:790px; margin:0px; }
	.nav ul li a{ padding:0 18px 0 18px;}
	.nav ul li:last-child dl{left:-76px;}
	.snav_top2 .snav_logo{ width:402px; position:static; padding:10px 0px 10px 0px; margin:0px auto;}
	.nav{ display:none}
	.search{ display:none;}
	.searchtop{ display:block; top:6px; right:10px;}
	.snav{ display:block;}
	.header{ display:none}
}

@media screen and (max-width:799px) {
	.header{ height:134px;}
	.header .logo{ width:402px; top:18px;}
	.nav{ top:88px;}
	.nav ul{ margin:0px; }
	.nav ul li a{ padding:0 12px 0 12px; font-size:14px}
	.nav ul li:last-child dl{left:-86px;}
	.nav ul li dl{ left:-40px}
	.footer02{ height:auto; padding-bottom:10px; line-height:22px; padding-top:10px;}

}

@media screen and (max-width:639px) {
	
	
	.footer01 ul li.ft_con1{ width:33%; text-align:center}
	.footer01 ul li.ft_con2{ width:33%;}
	.footer01 ul li.ft_con3{ display:none}
	.footer01 ul li.ft_con4{ width:33%;}
	
	.footer01{ padding-top:10px;}
	.ft_name{ display:block;padding-left:20px; border-bottom:1px solid #ccc; margin-bottom:20px; height:40px; line-height:40px; color:#555;}
	.ft_name a{ font-size:14px;color:#444;}
}

@media screen /*and (min-width:320px)*/ and (max-width:480px) {
	.snav_top2 .snav_logo{ width:360px;}
}

@media screen /*and (min-width:320px)*/ and (max-width:380px) {
	.snav_top2 .snav_logo{ width:300px;}
}

