/* 全局 */
body {color: #444; line-height: 18px; background: #FFF}
a {color: #444;}
a:hover {color: #0081C2;}

/* 頭尾 主體 */
#topBar dd, #navBar dd, #newsBar dd, #FourBar dd, #ThreeBar dd, #linkBar dd, #content {width: 1100px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}

#topBar {height: 40px; line-height: 40px; background: url(topBar_bg.gif) repeat-x 0 0;}
#topBar ul {float: left; color: #C9D2D7;}
#topBar ul li {float: left; display: inline;}
#topBar ul li.email {background: url(t_ico_email.gif) no-repeat left center; padding: 0 20px 0 35px;}
#topBar ul li.skype {background: url(t_ico_skype.gif) no-repeat left center; padding: 0 20px 0 20px;}
#topBar ul li.tel {background: url(t_ico_tel.gif) no-repeat left center; padding: 0 20px 0 20px;}
#topBar ul li.phone {background: url(t_ico_phone.gif) no-repeat left center; padding: 0 0 0 20px;}
#topBar p {float: right; color: #667177;}
#topBar p a {margin: 0 3px;}
#topBar a {color: #C9D2D7;}
#topBar a:hover {color: #E6F0F5;}

#navBar {background: #2F383D;}
#navBar dd {overflow: visible; height: 90px;}
#navBar span {float: left; display: inline;}
#navBar ul {float: right; display: inline;}
#navBar li {float: left; display: inline; background: url(nav_jt.gif) no-repeat right 32px; padding: 25px 13px 0 26px;}
#navBar li.sy {background: none; padding-right: 0;}
#navBar li a.one {font-family: 微软雅黑; font-size: 16px; font-weight: bold; color: #9FBED6; display: block;}
#navBar li em {color: #536874;}
#navBar li:hover {position: relative; z-index: 999;}
#navBar li div {position: absolute; left: 0; top: -99999px; width: 120px; text-align: center;}
#navBar li:hover div {top: 60px;}
#navBar li:hover div a {display: block; height: 30px; line-height: 30px; overflow: hidden; background: #0081C2; color: #FFF; padding: 0 10px;}
#navBar li:hover div a:hover {background: #79B352; text-decoration: none;}
#navBar li.home {background: none;}

#newsBar {background: #ECF1F5; padding: 30px 0;}
#newsBar p {float: left; display: inline; width: 800px; color: #036; font-size: 14px;}
#newsBar p strong {font-family: 微软雅黑; font-size: 22px; font-weight: bold; display: block; color: #DD0000; text-align: center;}
#newsBar span {float: right; display: inline; width: 300px; text-align: right;}

#FourBar ul {float: left; display: inline; width: 275px; padding: 40px 0; text-align: center;}
#FourBar ul h2 {font-size: 14px; padding: 200px 0 0 0; font-weight: bold;}
#FourBar ul.f1 a h2 {background: url(ico_fA.gif) no-repeat center 0;}
#FourBar ul.f2 a h2 {background: url(ico_fA.gif) no-repeat center -300px;}
#FourBar ul.f3 a h2 {background: url(ico_fA.gif) no-repeat center -600px;}
#FourBar ul.f4 a h2 {background: url(ico_fA.gif) no-repeat center -900px;}
#FourBar ul.f1 a:hover h2 {background: url(ico_fB.gif) no-repeat center 0;}
#FourBar ul.f2 a:hover h2 {background: url(ico_fB.gif) no-repeat center -300px;}
#FourBar ul.f3 a:hover h2 {background: url(ico_fB.gif) no-repeat center -600px;}
#FourBar ul.f4 a:hover h2 {background: url(ico_fB.gif) no-repeat center -900px;}
#FourBar ul em {color: #32ABE2; font-size: 24px; height: 24px; line-height: 24px; display: block; padding: 6px;}
#FourBar ul li a {color: #96ABBC;}
#FourBar ul li a:hover {color: #0081C2}

#ThreeBar {background: #EFF4F7;}
#ThreeBar ul {padding: 40px 0; height: 100%; overflow: hidden; clear: both; width: 1200px; margin: 0 0 0 -100px;}
#ThreeBar li {float: left; display: inline; width: 302px; margin: 0 0 0 98px;}
#ThreeBar li h2 {font-size: 14px; font-weight: bold; padding: 0 0 10px 2px;}
#ThreeBar li a img {width: 300px; height: 180px; padding: 1px 1px 20px 1px;}
#ThreeBar li a:hover img {background:url(ico_tbg.gif) no-repeat 0 0;}
#ThreeBar p {color: #96ABBC;}

#linkBar {border-top: 1px solid #E5E9EA; padding: 20px 0;}
#linkBar a {color: #758DA0; margin: 0 10px 0 0;}
#linkBar a:hover {color: #0081C2}

#footer {padding: 20px 0; text-align: center; background: #2F383D; color: #737B81;}
#footer .nav {padding: 0 0 20px 0;}
#footer a {margin: 0 5px; color: #FFF;}
#footer a:hover {color: #FFFF00; text-decoration: none;}

#content {padding: 30px 0;}
#content .side {float: left; display: inline; width: 270px; background: url(side_bg.jpg) no-repeat left top;}
#content .side h2 {font-family: 微软雅黑; font-size: 24px; line-height: 24px; font-weight: bold; color: #0081C2; height: 40px;}
#content .side #search label {float: left; display: inline;}
#content .side #search .ipt input {width: 150px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
#content .side #search .btn {margin: 0 0 0 5px; padding: 1px 0 0 0;}
#content .side #search .btn input {width: 50px; height: 22px; font-weight: bold; background: #2B6B9E; color: #FFF; border: 0; cursor: pointer;}
#content .main {float: right; display: inline; width: 800px;}
#content .main h1 {font-family: 微软雅黑; font-size: 34px; line-height: 34px; font-weight: bold; color: #0081C2; padding: 20px 0; text-align: center;}

/* 頁面 */
.article .info {text-align: center; padding: 5px 0 15px 0; border-bottom: 1px dashed #CCC;}
.article .info span {color: #888;}
.article .text {padding: 0 0 15px 0; line-height: 24px; font: medium/normal Verdana;}
.article .text p {padding: 5px 0 0 0;}
.article .text img {max-width: 610px;}
.article .related ul {padding: 15px 0; border-top: 1px dashed #CCC;}
.article .related ul li {font-size: 14px; line-height: 24px;}
.article .related ul li a {color: #0081C2;}

.listText dl {padding: 15px 0;}
.listText dl dt {border: 1px dashed #CCC; padding: 0 10px; height: 30px; line-height: 30px;}
.listText dl dt strong {padding: 0 0 0 10px;}
.listText dl dt strong a {color: #0081C2;}
.listText dl dt em {float: right; color: #444;}
.listText dl dd a {color: #0081C2;}
.listText dl dd.detail {padding: 10px 0 0 0; text-indent: 14px; line-height: 18px; color: #888;}

.listPic .lsPic1 {width: 630px; margin: 0 0 0 -20px;}
.listPic .lsPic1 li {margin: 0 0 0 20px;}
.listPic .lsPic1 li a {color: #0081C2;}

.listType .lsPic1 {width: 630px; margin: 0 0 0 -20px;}
.listType .lsPic1 li {margin: 0 0 0 20px;}
.listType .lsPic1 li a {color: #0081C2;}

.guestbook .text {padding: 0 0 20px 0; font-size: 14px; line-height: 24px;}
.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; padding: 0 10px 0 30px; margin: 10px 0 0 0; height: 26px; line-height: 26px; border-top: 1px dashed #DDD;}
.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 {font-size: 14px;}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input, .guestbook form .ipt2 {border: 1px solid #CCC; background: #FFF; width: 292px; height: 16px; padding: 3px;}
.guestbook form .ipt2 {width: 92px;}
.guestbook form .sr textarea {border: 1px solid #CCC; background: #FFF; 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 #0081C2; background: #0081C2; color: #FFF; font-weight: bold; font-size: 16px;}
.guestbook form p {line-height: 22px; padding: 0 0 10px 0;}

.sitemap {padding: 0 0 20px 0;}
.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;}
.sitemap h3 a {color: #0074C3;}

.search .form {padding: 0 0 15px 0; color: #03C203; height: 100%; overflow: hidden; clear: both;}
.search .form label {float: left; display: inline;}
.search .form .type {padding: 1px 0 0 0;}
.search .form .ipt {margin: 0 5px;}
.search .form .ipt input {width: 240px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
.search .form .btn {padding: 1px 0 0 0;}
.search .form .btn input {width: 50px; height: 22px; font-weight: bold; background: #2B6B9E; color: #FFF; border: 0; cursor: pointer;}
.search .keyword {background: #F7F7F7; border: 1px solid #CCC; padding: 10px;}
.search .keyword h4 {display: inline; color: #FF0000; font-size: 14px; font-weight: bold;}
.search ul li {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; border-bottom: 1px dotted #CCC;}
.search ul li em {float: right; color: #999;}

/* 共用 */
.lsText1 {height: 100%; overflow: hidden;}
.lsText1 li {height: 26px; line-height: 26px; background: url(ico_li1.gif) no-repeat 0 center; padding: 0 0 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both; border-bottom: 1px dashed #C3C3C3;}
.lsText1 li em {float: left; display: inline; color: #DD0000; width: 100px;}
.lsText1 li a {color: #0081C2; display: block;}
.lsText1 li a:hover {color: #DD0000;}

.lsPic1 {height: 100%; overflow: hidden; clear: both; padding: 20px 0 0 0;}
.lsPic1 li {float: left; display: inline; width: 190px; height: 200px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lsPic1 li img {display: block; margin: 0 auto 5px auto; width: 180px; height: 150px;}
.lsPic1 li a img {padding: 4px; border: 1px solid #D8D8D8;}
.lsPic1 li a:hover img {padding: 1px; border: 4px solid #CCC;}

.page {overflow: hidden; height: 100%; clear: both;}
.page ul {overflow: hidden; height: 100%;}
.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; background: #333; border: 1px solid #444; color: #FFF;}
.page ul li a:hover {background: #0081C2; border: 1px solid #0081C2; text-decoration: none; font-weight: bold;}
.page ul li.prev {width: 52px;}
.page ul li.prev a {width: 50px;}
.page ul li.active {width: 26px; line-height: 26px; color: #0081C2; font-weight: bold;}
.page ul li.record {float: right; margin: 0; width: auto;}

.position {height: 30px; line-height: 30px; font-family: 宋体; color: #CCC; background: url(ico_position.gif) no-repeat left center; padding: 0 0 0 20px; margin: -20px 0 0 0;}
.position strong {margin: 0 10px 0 0; color: #444;}

.pmd {height: 40px; line-height: 40px;}
.pmd marquee {height: 40px;}

.more {float: right; font-family: 宋体;}
.more a {font-size: 10px;}

.col {background: #F0F5F8; border: 1px solid #D4DCE2; padding: 15px; margin: 10px 0 0 0; height: 100%; overflow: hidden; clear: both;}

/* 幻灯片 */
#slideBox {position: relative; overflow: hidden; width: 1920px; height: 440px; margin: 0 auto;}
#slideBox p {float: left; width: 1920px; height: 440px;}
#slideBox .a1 {background: url(1340x440_1.jpg) no-repeat center top;}
#slideBox .a2 {background: url(1340x440_2.jpg) no-repeat center top;}
#slideBtn {padding: 5px; -webkit-border-radius: 12px; background: rgba(45,45,45,0.5); position: absolute; bottom: 10px; left: 50%; z-index: 99;}
#slideBtn span {display: inline-block; margin: 0 2px; width: 8px; height: 8px; vertical-align :middle; background: #f7f7f7; -webkit-border-radius: 5px; cursor: pointer;}
#slideBtn .active {background: #66ff33;}

/* 滚动新闻 */
#quotation, #quotationTwo {height: 180px; overflow: hidden;}

/* 聯繫首頁 */
ul.contact li {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat 0 center; padding: 0 0 0 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both; border-bottom: 1px dashed #C3C3C3;}
ul.contact li.time {background: url(icon_time.gif) no-repeat left center;}
ul.contact li.address {background: url(icon_address.gif) no-repeat left center;}
ul.contact li.phone {background: url(icon_phone.gif) no-repeat left center;}
ul.contact li.email {background: url(icon_email.gif) no-repeat left center;}
ul.contact li.people {background: url(icon_people.gif) no-repeat left center;}
ul.contact li.msn {background: url(icon_msn.gif) no-repeat left center;}
ul.contact li.qq {background: url(icon_qq.gif) no-repeat left center;}
ul.contact li.skype {background: url(icon_skype.gif) no-repeat left center;}


/* 選項卡 */
.xxk {width: 1100px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}
.tabBox {width: 1100px; margin: 30px auto 0 auto;}
.tabBox ul {overflow: hidden; clear: both;}
.tabBox li {float: left; display: inline; padding: 0 15px; 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; margin: -1px auto 50px auto; width: 1100px;}
.cotBox ul {padding: 14px; background: #FFF; border: 1px solid #DDD;}
.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: 宋体;}