﻿@charset "utf-8";
/* CSS Document */

html, body, ul, li, ol, dl, dd, dt, p, h1, h3,h2,h4,h5, h6,form, img { margin:0; padding:0; }
ul,ol{ list-style-type:none}
fieldset,img { border:none; }
address,caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
input { padding-top:0; padding-bottom:0; font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
input:-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }

body{ width:100%; margin:0 auto; font-family:Microsoft YaHei; color:#333; font-size:14px;}
a,area{blr:expression(this.onFocus=this.blur()) } 
:focus{outline-style: none; }
a{text-decoration:none;} 
ins{ text-decoration:none;}
img{ width: 100%; height: 100%;/*用完删掉*/}

/*top*/
.top{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-7.png) no-repeat top center; position: relative;}
.top2{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-2.png) no-repeat top center; position: relative;}
.top3{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-3.png) no-repeat top center; position: relative;}
.top4{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-4.png) no-repeat top center; position: relative;}
.top5{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-5.png) no-repeat top center; position: relative;}
.top6{ width:100%; height: 210px; margin:0 auto; background: url(../images/header-back-6.png) no-repeat top center; position: relative;}
.w980{ width:984px; margin:0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both; overflow: hidden;}
.clearfloat{zoom:1}
.header{ position: relative; height: 210px;}
.bar{ clear: both; margin: 0 auto; width:980px; height: 24px; position: relative;}
.bar ul{ position: absolute; right: 0; top: 0;}
.bar ul li{ float: left; font-size: 12px; color: #fff; line-height: 24px;}
.bar ul li a{ display: inline-block; padding: 0 5px; color: #666;}
.bar ul li a:hover{ text-decoration: underline;}
.bar ul li a span.mailIcon{ width: 24px; height: 24px; display: inline-block;  background: url(../images/icon-f.png); vertical-align: middle;}

/*导航*/
/*.newMenu{height: 40px; position:absolute; bottom: 0; left: 0;}
*/.menu{position: absolute;background-color: #00437c;width:100%;bottom: 0;}
.menu .menu-list{ clear: both; overflow: hidden;}
.menu .menu-list > li{ height: 40px; float: left; text-align: center; line-height: 40px; font-size: 16px; color: #fff; }
.menu .menu-list li.menusOnlink{background-color: #013a6b;}
.menu .menu-list > li > a{color: #fff; display: block; padding:0 14px;}
.menu .menu-list > li > a:hover{ background-color: #013a6b;}
.menu .menu-list > li:hover .menu-hover{display: block;}
.menu .menu-hover{display: none; position: absolute; background: #fff; top: 40px; box-shadow: 0 4px 4px #ddd; padding: 29px 10px 49px 20px; color: #666; text-align: left; z-index: 9; font-weight: normal;}
.menu .left{ width: 474px; border-right: 1px solid #ddd; font-size: 14px; float: left; padding-right: 20px;}
.menu .box-a{ float: left; width: 240px; padding-right: 50px;  padding-left: 0; padding-top: 0px;}
.menu .box-b{ float: left;}
.menu .box-n{ float: right;}
.menu .box-c{float: left; width: 110px;}
.menu .title-a{border-left: 3px solid #b72727;padding-left: 6px;  line-height: 18px; color: #333;}
.menu .article-a{line-height: 24px; margin-top: 16px;}
.menu .more{ float: right; color: #b72727; font-size: 12px; position: static;}
.menu .more a{color: #b72727;}
.menu .box-b .title-b,.menu .box-n .title-b{ margin-bottom: 16px;  line-height: 18px; color: #333; border:none; padding-top: 0;padding-bottom: 0;}
.menu .article-b{ margin-bottom: 12px; line-height: 24px; cursor: pointer;}
.menu .article-b:hover{ color: #0078d7; }



.menu .article-b a,.menu .article-b a:link,.menu .article-b a:visited,.menu .article-b a:active{ color: #666;}
.menu .article-b a:hover{color:#0078d7;}




.menu .box-c{width: 475px;height: 32px;line-height: 32px;margin-top: 10px;}
.menu .box-c li{ float: left; width: 94px; height: 32px; line-height: 32px; margin-right: 1px; background: #eee; color: #333; text-align: center; cursor: pointer;}
.menu .box-c li:hover{ background: #0078d7; color: #fff;}
.menu .right{ float: left; width: 435px; font-size: 14px; padding-left: 20px;}
.menu .box-d{ position: relative; height: 64px;margin-top: 16px; transition: all 0.5s ease; cursor: pointer; width: 207px; float: left; overflow: hidden; margin-right: 10px;}
.menu .box-d:hover{ background-color:#e6e6e6;}
.menu .img-a{ display: block; margin-right: 10px; height: 64px;width:64px; overflow: hidden; float:left;}

.menu .img-a div{height:100%;text-align:center;margin:0 suto;}
.menu .img-a div img{width:auto;height:100%;text-align:center;margin:0 auto;}


.menu .box-e{font-size: 12px; width: 133px; float: left;}
.menu .title-c{ line-height: 16px; color: #0078d7;margin-top: 6px; margin-bottom: 6px;}
.menu .article-c{ line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.menu .box-c li.check{ background: #0078d7; color: #fff;}
.mian{ background-color: #fafafa;}

/*友情链接*/
.friendlink{padding: 40px 0 40px;background-color: #fafafa;}
.friendlink .conont{ height: 32px;}
.friendlink .contb{ float: left;width: 100px;line-height: 32px; text-align: center; background: #0066cc; color: #fff; font-weight: bold;}
.friendlink .contc{ float: left; border: 1px solid #0066cc; width: 198px; height: 30px; line-height: 30px;  margin-left: 20px; font-size: 12px; position: relative;}
.contc .treeHd{ position: relative; padding-left: 10px;}
.treeHd .downArr{ width:24px; height: 24px; display: block; background: url(../images/icon-e.png) no-repeat; position: absolute; right: 4px; top: 4px;}
.contc .tree{border: 1px solid #e7e7e7;  position: absolute; top: 40px; left: -1px; z-index: 2; width:198px; background-color: #fbfbfb; -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
.contc .treeList{ position: relative;}
.treeList .uparrow{ width: 9px; height: 7px; display: block; background: url(../images/upArrow.png) no-repeat; position: absolute; right: 12px; top:-7px; z-index: 2;}
.contc .treeList ul li{ line-height: 36px;  padding: 0 10px;}
.contc .treeList ul li a{ display: block; color: #666; font-size: 12px;}
.contc .treeList ul li+li a{border-top: 1px dashed #ddd;}
.contc .treeList ul li:hover{ background-color: #0066cc; color: #fff;}
.contc .treeList ul li:hover a{ color: #fff;}

/*页脚*/
.footer{height: 190px; background: url("../images/footer.png")repeat-x;}
.footer .w980{ padding: 40px 0; color: #aaa;}
.footer .article-a{ width: 100%;text-align: center; line-height: 24px; font-size: 12px;color: #aaa8b6;}
.footer .article-a.f65abe1{/*color: #65abe1;*/}
.f65abe1{color: #65abe1;}
.ffff{color: #fff;}

.footer .article-a a{color:#aaa8b6;}
.footer .article-a a:hover,.footer .article-a a:link,.footer .article-a a:visited,.footer .article-a a:active{color:#aaa8b6;}


.footer a{color:#aaa8b6;}
.footer a:hover,.footer a:link,.footer a:visited,.footer a:active{color:#aaa8b6;}









