@charset "utf-8";
/* CSS Document */

.w1200 { margin: 0 auto; width: 1200px; height: auto; }
/* header start*/
#header { height: 120px; background: url(../images/header_bg.png) no-repeat center top; }
#logo { margin-top: 30px; width: 300; height: 62px; overflow: hidden; }
#search { margin-top: 45px; width: 286px; height: 32px; }
#search input { float: left; }
.inp_srh { width: 246px; height: 32px; line-height: 32px; text-indent: 10px; color: #999; background: url(../images/search.jpg) no-repeat left center; border: none; }
.btn_srh { width: 40px; height: 32px; line-height: 32px; background: url(../images/search.jpg) no-repeat -246px center; border: none; cursor: pointer; color: #fff; font: bold 14px/32px "Microsoft YaHei"; text-indent: -5000px; }
#search * { vertical-align: middle; }
/* header end*/

/* nav start*/
#nav { height: 45px; background: #4c679e; margin-bottom: 15px; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { float: left; display: block; background: url(../images/nav-line.jpg) repeat-y left top; width: 100px; height: 45px; text-align: center; }
#nav ul li a { display: block; color: #fff; font: 16px/45px "Microsoft YaHei"; }
#nav ul li a:hover, #nav ul li a.cur { background: #2e528e; }
/* nav end*/

/* content start*/
.w280 { width: 280px; height: 278px; border: 1px solid #ddd; border-top: 3px solid #4c679e; padding: 9px; }
.w560 { width: 560px; height: 300px; margin-left: 20px; }
.tit1 { height: 40px; border-bottom: 1px solid #4c679e; }
.tit1 h2 { float: left; background: url(../images/tit_bg.jpg) no-repeat left center; text-indent: 15px; color: #4c679e; font: 18px/40px "Microsoft YaHei"; }
.tit1 span { float: right; }
.tit1 span a { display: block; background: url(../images/more.png) no-repeat left 14px; text-indent: 20px; color: #4c679e; font: 12px/40px "Microsoft YaHei"; }
.tit1 span a:hover { background: url(../images/more.png) no-repeat left -24px; color: #666; }
.notice { width: 280px; height: 238px; color: #f60; font: 16px/30px "Microsoft YaHei"; }
.tit2 { height: 30px; border-bottom: 2px solid #4c679e; margin-bottom: 10px; }
.tit2 h2 { float: left; padding: 0 15px; background: #4c679e; color: #fff; font: 18px/30px "Microsoft YaHei"; }
.tit2 span { float: right; }
.tit2 span a { display: block; background: url(../images/more.png) no-repeat left 9px; text-indent: 20px; color: #4c679e; font: 12px/30px "Microsoft YaHei"; }
.tit2 span a:hover { background: url(../images/more.png) no-repeat left -29px; color: #666; }
.w380 { width: 380px; height: 280px; border-bottom: 1px solid #ddd; }
.service { height: 240px; }
.service ul { margin: 0; padding: 0; }
.service ul li { float: left; display: block; margin: 5px; width: 180px; height: 50px; }
.service ul li a { display: block; width: 180px; height: 50px; text-indent: 40px; color: #333; font: 14px/50px "Microsoft YaHei"; }
.service ul li a:hover { color: #fff; }
.s1 a { background: url(../images/s1.png) no-repeat 5px center #e2e8f1; }
.s1 a:hover { background: url(../images/s1a.png) no-repeat 5px center #3a67a1; }
.s2 a { background: url(../images/s2.png) no-repeat 5px center #e2e8f1; }
.s2 a:hover { background: url(../images/s2a.png) no-repeat 5px center #3a67a1; }
.s3 a { background: url(../images/s3.png) no-repeat 5px center #e2e8f1; }
.s3 a:hover { background: url(../images/s3a.png) no-repeat 5px center #3a67a1; }
.s4 a { background: url(../images/s4.png) no-repeat 5px center #e2e8f1; }
.s4 a:hover { background: url(../images/s4a.png) no-repeat 5px center #3a67a1; }
.s5 a { background: url(../images/s5.png) no-repeat 5px center #e2e8f1; }
.s5 a:hover { background: url(../images/s5a.png) no-repeat 5px center #3a67a1; }
.s6 a { background: url(../images/s6.png) no-repeat 5px center #e2e8f1; }
.s6 a:hover { background: url(../images/s6a.png) no-repeat 5px center #3a67a1; }
.s7 a { background: url(../images/s7.png) no-repeat 5px center #e2e8f1; }
.s7 a:hover { background: url(../images/s7a.png) no-repeat 5px center #3a67a1; }
.s8 a { background: url(../images/s8.png) no-repeat 5px center #e2e8f1; }
.s8 a:hover { background: url(../images/s8a.png) no-repeat 5px center #3a67a1; }
.about { color: #333; font: 14px/28px "Microsoft YaHei"; }
.i_news { width: 380px; height: 240px; overflow: hidden; }
.i_news ul { margin: 0; padding: 0; }
.i_news ul li { float: left; width: 380px; height: 30px; overflow: hidden; }
.i_news ul li a { float: left; display: block; width: 300px; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/dot.jpg) no-repeat left center; color: #333; font: 12px/30px "Microsoft YaHei"; }
.i_news ul li a:hover { color: #0065b7; background: url(../images/dot.jpg) no-repeat left center; }
.i_news ul li span { float: right; display: block; color: #999; font: 11px/30px "Microsoft YaHei"; -webkit-text-size-adjust: none; }
.geduan1 { height: 90px; background: url(../images/geduan1.png) no-repeat center; margin-bottom: 20px; }
.tit3 { height: 30px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.tit3 h2 { float: left; padding: 0 20px 0 0; border-bottom: 2px solid #4c679e; color: #333; font: 18px/30px "Microsoft YaHei"; }
.tit3 span { float: right; }
.tit3 span a { display: block; text-indent: 20px; color: #666; font: 12px/30px "SimSun"; }
.tit3 span a:hover { color: #4c679e; }
.w300 { width: 300px; height: 300px; overflow: hidden; }
.down { width: 300px; }
.down ul { margin: 0; padding: 0; }
.down ul li { float: left; display: block; width: 90px; height: 76px; margin: 5px; text-align: center; overflow: hidden; }
.down ul li a { display: block; padding-top: 34px; width: 88px; height: 40px; background: url(../images/down.png) no-repeat center 5px; border: 1px solid #ddd; border-radius: 5px; color: #005a99; font: 14px/20px "Microsoft YaHei"; }
.down ul li a:hover { background: url(../images/down.png) no-repeat center 5px #f0f0f0; color: #3a67a1; }
.contact { width: 300px; }
.contact ul { margin: 0; padding: 0; }
.contact ul li { float: left; display: block; width: 140px; height: 76px; margin: 5px; text-align: center; overflow: hidden; }
.contact ul li a { display: block; padding-top: 34px; width: 138px; height: 40px; background: url(../images/contel.png) no-repeat center 5px; border: 1px solid #ddd; border-radius: 5px; color: #005a99; font: 14px/20px "Microsoft YaHei"; }
.contact ul li a:hover { background: url(../images/contel.png) no-repeat center 5px #f0f0f0; color: #3a67a1; }
.zhce { width: 560px; height: 251px; overflow: hidden; }
.zhce dl { float: left; display: block; margin: 1px 15px; width: 250px; height: 40px; overflow: hidden; }
.zhce dl dt { height: 20px; background: url(../images/zhceico.png) no-repeat left center; text-indent: 20px; }
.zhce dl dt a { color: #005a99; font: bold 14px/20px "Microsoft YaHei"; }
.zhce dl dt a:hover { color: #f60; }
.zhce dl dd { float: left; margin-right: 10px; height: 20px; }
.link a { margin-right: 10px; color: #666; font: 12px/20px "Microsoft YaHei"; }
.link a:hover { color: #f60; }
.footer_nav { background: #f0f0f0; padding: 20px 0; text-align: center; }
.footer_nav a { margin: 0 10px; color: #333; font: 14px/20px "Microsoft YaHei"; text-decoration: underline; }
.footer_nav a:hover { color: #f60; }
.footer { padding: 10px 0; text-align: center; color: #999; font: 12px/20px "Microsoft YaHei"; }
.footer img { margin: 3px; }

/*内页排版*/
.container { width: 1200px; margin: 0px auto; }

.siders { width: 300x; float: left; }
.frams { float: right; width: 880px; }

.border { border: #eaeaea solid 1px; }
.fram-title { border-bottom: #eaeaea solid 1px; padding: 15px 0 16px 0; position: relative; }
.fram-title span { display: inline-block; border-left: #354052 solid 5px; margin-left: -1px; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; padding-left: 28px; }
.fram-title .sub-menu { position: absolute; right: 31px; top: 17px; }
.fram-title .sub-menu a { color: #c8c8c8; }
.fram-title .sub-menu font { color: #888888; }
.fram-title .sub-menu em { font-family: "宋体"; padding: 0 8px; color: #c8c8c8; font-style: normal; }

.sub_info { line-height: 25px; padding: 30px 20px 20px 20px; min-height: 300px; font-size: 14px; }

.dl_w280 { width: 280px; height:auto; border: 1px solid #ddd; border-top: 3px solid #4c679e; padding: 9px; margin-bottom:20px; }
.dl_w380 { width: 300px; height:auto; border-bottom: 0px solid #ddd; margin-bottom:20px; }
.dl_service { height:auto; }
.dl_service ul { margin: 0; padding: 0; }
.dl_service ul li { display: block; margin: 5px; width: 290px; height: 50px; }
.dl_service ul li a { display: block; width: 290px; height: 50px; text-indent: 40px; color: #333; font: 14px/50px "Microsoft YaHei"; }
.dl_service ul li a:hover { color: #fff; }

.dl_w300 { width: 300px; height:auto; overflow: hidden; }