﻿/* 默認 */
html {background: #00619A;}
body {color: #444; line-height: 18px; background: url(body_bg.gif) no-repeat center top;}
a {color: #337186;}
a:hover {color: #DD0000;}

.more {float: right; display: inline; font-family: "宋体";}

.col {height: 100%; overflow: hidden; clear: both; margin: 20px 0 0 0;}
.col .tit {padding: 0 0 15px 0;}
.col .tit h2 {font-family: 宋体; font-size: 14px; font-weight: bold; color: #FFF;}
.col .tit a {color: #FFF;}
.col .top {height: 30px; line-height: 30px; overflow: hidden; background: url(col_bg.gif) no-repeat 0 0;}
.col .cen {height: 100%; overflow: hidden; clear: both; background: url(col_bg.gif) repeat-y -310px 0; padding: 0 20px; color: #337186;}
.col .btm {height: 30px; line-height: 30px; overflow: hidden; background: url(col_bg.gif) no-repeat 0 -30px;}

.lsText1 {height: 100%; overflow: hidden;}
.lsText1 li {height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat 5px center; padding: 0 0 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsText1 li em {float: right; font-size: 11px; color: #888;}
.lsText1 li a { display: block;}

.page ul {height: 100%; overflow: hidden; clear: both; padding: 20px 0 0 0;}
.page ul li {float: left; display: inline; text-align: center; margin: 0 5px 0 0; width: 26px; height: 26px; overflow: hidden;}
.page ul li a {display: block; width: 24px; height: 24px; line-height: 24px; border: 1px solid #FFF; background: #FFF;}
.page ul li a:hover {border: 1px solid #FFF; background: #FFF; color: #DD0000; text-decoration: none;}
.page ul li.prev {width: 52px;}
.page ul li.prev a {width: 50px;}
.page ul li.active {width: 26px; line-height: 26px; color: #DD0000; font-weight: bold;}
.page ul li.record {float: right; margin: 0; width: auto; color: #888;}

#header, #warp {width: 950px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}

#header {overflow: visible; position: relative;}
#header .logo {float: left; display: inline; width: 130px;}
#header .logo a {display: block; height: 140px; background: url(logo.gif) no-repeat;}
#header .tel {position: absolute; left: 430px; top: 25px;}
#header .code {position: absolute; right: 0; top: 0;}
#header .fun {float: right; display: inline; clear: right; height: 30px; line-height: 30px; padding: 0 120px 0 0;}
#header .nav {position: absolute; left: 150px; top: 68px; width: 670px; height: 52px; background: url(nav_bg.gif) no-repeat left top; padding: 0 0 0 20px; z-index: 99;}
#header .nav li {float: left; display: inline; position: relative; background: url(nav_li.gif) no-repeat right center;}
#header .nav li a.one {display: block; float: left; padding: 0 10px; height: 52px; line-height: 48px; text-align: center; font-family: 宋体; font-size: 14px; font-weight: bold;}
#header .nav li:hover a.one, #header .nav li a.one:hover {text-decoration: none; font-weight: bold; color: #FF6600;}
#header .nav li div {display: none; width: 120px; position: absolute; left: 0; top: 43px; background: #D6E8EB;}
#header .nav li:hover div {display: block;}
#header .nav li:hover div a {display: block; height: 24px; line-height: 24px; text-decoration: none; font-family: 宋体; font-size: 14px; font-weight: bold; padding: 0 10px;}
#header .nav li:hover div a:hover {color: #FFF; background: #337186;}
#header .pmd {clear: both;}
#header .pmd marquee {height: 30px; line-height: 40px; font-size: 14px; color: #FFF;}
#header .bigPic {clear: both;}

#footer {text-align: center; padding: 30px 0; background: #FFF url(footer_bg.gif) repeat-x center top;}

#warp {padding: 20px 0;}
#warp .main { float: left; display: inline; width: 620px;}
#warp .main .top {height: 30px; line-height: 30px; overflow: hidden; background: url(main_bg.gif) no-repeat 0 0;}
#warp .main .cen {height: 100%; overflow: hidden; clear: both; background: url(main_bg.gif) repeat-y -620px 0; padding: 0 20px;}
#warp .main .btm {height: 30px; line-height: 30px; overflow: hidden; background: url(main_bg.gif) no-repeat 0 -30px;}
#warp .main h1 { font-family: 微软雅黑; font-size: 30px; font-weight: bold; height: 40px; line-height: 30px; text-align: center;}
#warp .side { float: right; display: inline; width: 310px;}

.home { color: #BBE0F5;}
.home .zxxx .tit h2 {font-family: 宋体; font-size: 14px; font-weight: bold; color: #FFF;}
.home .zxxx a {color: #FFF;}
.home .zxxx li em {color: #BBE0F5;}
.home .js {padding: 15px 0 15px 60px; border-top: 1px dashed #4E94BC;}
.home .js h2 { font-family: 宋体; font-size: 14px; font-weight: bold; color: #FFF;}
.home .js p {padding: 5px 0 0 0;}
.home .p1 { background: url(ico_1.gif) no-repeat left 15px;}
.home .p2 { background: url(ico_2.gif) no-repeat left 15px;}
.home .p3 { background: url(ico_3.gif) no-repeat left 15px;}
.home .p4 { background: url(ico_4.gif) no-repeat left 15px;}
.home .p5 { background: url(ico_5.gif) no-repeat left 15px;}
.home .goBtn {padding: 20px 0 0 60px;}
.home .about {padding: 40px 0;}
.home .about p { padding: 0 0 10px 0;}
.home .about img { float: left;}

.listText dl {border-bottom: 1px dashed #999; padding: 15px 0;}
.listText dl dt {border: 1px solid #FFF; background: #FFF; padding: 0 10px; height: 30px; line-height: 30px;}
.listText dl dt strong {padding: 0 0 0 10px;}
.listText dl dt em {float: right; color: #777;}
.listText dl dd.detail {padding: 10px 0; text-indent: 24px; line-height: 18px;}
.listText dl dd.detail em {padding: 0 0 0 10px;}

.detailed .info {text-align: center; padding: 0 0 15px 0; border-bottom: 1px dashed #DDD; margin: 0 0 15px 0; color: #CCC;}
.detailed .text {word-wrap: break-word; word-break: break-all; font: medium/normal Verdana;}
.detailed .text p {line-height: 24px; padding: 0 0 15px 0;}
.detailed .text img {max-width: 440px;}
.detailed .related {padding: 15px 0 0 0; border-top: 1px dashed #DDD; font-size: 14px;}
.detailed .related ul li {height: 24px; line-height: 24px;}

.sitemap h2 {height: 30px; line-height: 30px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 20px; border-bottom: 1px dashed #CCC; clear: both; margin: 0 0 5px 0; font-size: 16px;}
.sitemap h3 {display: inline; margin: 0 0 10px 20px; background: url(herder_menu_bg.gif) no-repeat right center;}

.myform input.ipt1, .myform input.ipt2, .myform input.skey, .myform textarea {border: 1px solid #CCC; background: #FFF; padding: 3px; height: 16px;}
.myform input.ipt1 {width: 192px;}
.myform input.ipt2 {width: 42px;}
.myform input.skey {width: 192px;}
.myform input.btn {border: 0; background: url(btn_bg2.gif) no-repeat; width: 100px; height: 40px; cursor: pointer; color: #FFF; font-size: 14px; font-weight: bold;}
.myform textarea {width: 380px; height: 120px;}
.myform select {width: 100px;}

.guestbook .text {padding: 0 0 20px 0; font-size: 14px; line-height: 20px;}
.guestbook .error {text-align: center; height: 30px; line-height: 30px; background: #FFFED1; border: 1px dotted #FFA200; color: #FF3300;}
.guestbook .time {float: right; color: #888; font-size: 11px;}
.guestbook .bt {background: #F7F7F7 url(ico_comment.gif) no-repeat 10px center; border-top: 1px dashed #DDD; padding: 0 10px 0 30px; margin: 10px 0 0 0; height: 26px; line-height: 26px;}
.guestbook .nr {padding: 10px 10px 0 10px;}
.guestbook .nr .fb {color: #0081C2;}
.guestbook .hf {padding: 5px 10px 0 10px;}
.guestbook .hf .fb {color: #DD0000;}
.guestbook .pages {padding: 10px; height: 24px; line-height: 24px; overflow: hidden; clear: both;}
.guestbook .pages span {float: right;}
.guestbook .pages strong {color: #DD0000;}
.guestbook form {border: 1px dashed #DDD; background: #F9F9F9; padding: 15px; font-size: 14px;}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input, .guestbook form .ipt2 {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 292px; height: 16px; padding: 3px;}
.guestbook form .ipt2 {width: 92px;}
.guestbook form .sr textarea {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 392px; height: 92px; padding: 3px;}
.guestbook form .sr p {padding: 5px 0 0 0; color: #888;}
.guestbook form .btn1 {width: 118px; height: 48px; cursor: pointer; border: 1px solid #ABADB3; background: #EEE;}

/* 滚动新闻 */
#quotation, #quotationTwo {height: 120px; overflow: hidden; padding: 10px 0 0 0; margin: 0 0 15px 0; border-bottom: 1px dashed #4E94BC;}

/* 幻灯片 */
.slideBox {position: relative; overflow: hidden; width: 950px; margin: 0 auto; z-index: 1;}
.slidePic {float: left; width: 950px; height: 280px;}
.slideBtnBox {padding: 5px; -webkit-border-radius: 12px; background: rgba(45,45,45,0.5); position: absolute; bottom: 10px; right: 10px;}
.slideBtnBox span {display: inline-block; margin: 0 2px; width: 8px; height: 8px; vertical-align :middle; background: #f7f7f7; -webkit-border-radius: 5px; cursor: pointer;}
.slideBtnBox .active {background: #66ff33;}


/* 選項卡 */
.xxk {width: 950px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}
.tabBox ul {overflow: hidden; clear: both;}
.tabBox li {float: left; display: inline; width: 68px; height: 30px; line-height: 30px; text-align: center; margin: 0 2px 0 0; cursor: pointer;}
.tabBox .blur {background: #F5F5F5; color: #0088CC;}
.tabBox .focus {background: #FFF; border: 1px solid #DDD; border-bottom: #FFF; color: #666;}
.cotBox {clear: both; background: #FFF; border: 1px solid #DDD; margin: -1px 0 10px 0;}
.cotBox ul {padding: 14px;}
.cotBox li {height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat 5px center; padding: 0 0 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cotBox li em {float: right; color: #CCC;}
.cotBox p {text-align: right; border-top: 1px dashed #DDD; padding: 10px 0 0 0; margin: 10px 0 0 0; font-family: 宋体;}