@charset "utf-8";
/* CSS Document */
html,body,ul,li,h1,h2,h3,h4,h5,dl,dd,dt,li,ul{ margin:0; padding:0; list-style:none;  outline:none;}
ul,li{ background:none;}
img{ border:0;}
a{ outline:none; text-decoration:none;}

.index-ad{ height: 268px; text-align: center;}
.index-ad a{ display: block; background-position: center; height: 100%; background-repeat: no-repeat;}
.index-body{ width:980px; margin:10px auto;}
.index-tab{border-bottom:4px solid #3baae9;overflow: hidden; height: 60px;}
.index-tab li{float: left; width:200px; text-align: center; height:60px}
.index-tab li a{ margin: 0 5px;background-color: #f8f8f8; font-size: 18px;padding:18px 0 18px 0; height:20px; line-height:20px; color: #828282; text-decoration: none; display: block; border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-ms-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0; height:60px}
.index-none{ display:none;}
.index-tab li.index-tab-active a,
.index-tab li.index-tab-active a:hover{ background-color: #3baae9; color: #fff; }
.index-tab li a:hover{ background-color: #f1f1f1; border-radius: 4px 4px 0 0;}
.index-tab li:first-child{ width: auto; margin:0 12px 0 2px;}
.index-tab li:first-child a{ font-size: 22px; color: #3baae9; background: none;}
.index-content { overflow: hidden; width: 980px; margin: 0 auto;}
.index-box{ width: 100%;margin-top: -20px; padding-top: 30px; padding-bottom: 10px;}
.index-boxs{ background: #fff; }
.index-gang{ margin: 0 15px; display: block; float: left; background: url("../img/em_gang.png") no-repeat center; width:16px; height: 25px;}
.index-box>h1{ overflow: hidden; height: 24px; line-height: 24px; padding: 8px 0 7px 0; border-bottom: 1px solid #3baae9; padding-left: 24px; font-size: 22px; color: #878787; font-weight: normal;cursor:pointer; background:url(../images/chu_online.png) left top no-repeat}
.index-box>h1 .index-box-active{ color: #fff; background:#3baae9;padding:3px; }
.index-news{ margin-top: 15px;}
.index-news li{padding-left: 60px; background: url("../img/list_style_red.png") no-repeat 34px center;}
.index-news li a{ text-decoration: none; font-size: 14px; color: #565656; line-height: 26px; height: 26px;}
.index-pages{ overflow: hidden; text-align: center; font-size: 0; margin-top: 20px;}
.index-pages a,
.index-pages span{ text-decoration: none;color: #000; font-size: 12px; padding: 2px 6px; border:1px solid #ddd; background: #fff; display: inline-block; margin:0px 3px;}
.index-pages span{ border: 0; letter-spacing: 2px;font-weight: bolder;}
.index-pages a.index-pages-active{ background: #f1eded;}

.index-pics-right{ margin-top: 10px;}
.index-pics-right a{ display:block;border:1px solid #ccc; margin-bottom:-1px;}
.index-pics-right a span{ display:none;}
.index-pics-right img{ vertical-align:bottom; width:100%;}
.index-pics-right a:hover span{ display:block; margin-top:-140px;}
.index-ad-text{ font-size: 16px; color: #d78900; width:980px; margin:20px auto;}

.index-btns{ padding: 20px 10px; font-size: 0;}
.index-btns a{ display: inline-block; font-size: 14px; padding:8px 52px; margin-bottom: 10px; text-decoration: none; color: #000; border: 1px solid #bcbcbc; margin-right:20px;}
.index-btns a.index-btns-active,
.index-btns a.index-btns-active:hover{ color: #fff; background-color:#f34747; border-color: #f34747;}
.index-btns a:hover{ background-color: #f8f8f8;}

.index-news{ overflow: hidden;}
.index-news-pic{ float: left; margin-left: -280px;}
.index-news-content{ position: relative; background: #fff;;font-size: 14px; overflow: hidden; height:auto;}
.index-news-content h5{ font-size: 16px; color: #0098b3; height: 18px; line-height: 18px; overflow: hidden;}
.index-news-content p{ line-height: 24px; margin-top:10px; overflow: hidden;}
.index-news-help{ position: absolute; bottom: 10px; right: 10px; font-size: 14px; z-index: 2; color: #e29000;}

.index-line{ display: inline-block; margin: 0 20px;}
.index-tel{ float: right; font-size: 16px;}
.index-form{ margin-bottom: 10px;}
.index-base-info{ padding-top:10px;}
.index-base-info li{ overflow: hidden; height: 40px;margin-bottom: 2px;}
.index-base-info li span{ display: block; height: 100%;}
.index-base-info li .index-form-left{ float: left; width:60px; text-align: right; line-height: 40px;  font-size: 14px;}
.index-base-info li .index-form-left>em{ color: #f60; margin-right: 8px;vertical-align: sub;}
.index-base-info li .index-form-right{ float: left; margin-left: 5px;}
.index-base-info li .index-form-right>input{ border: 0; border-bottom: 1px dashed #ccc; outline: none; width:260px; height: 37px; font-size: 16px; }
.index-post{ float: right;}
.index-post-title{ display: block; margin:5px auto 16px 0; font-size: 14px;}
.index-post-textarea{ width: 304px; font-size: 12px; line-height: 1.5em; height: 100px; border: 1px solid #ddd; resize: none; outline: none; padding: 5px;}
.index-post-submit,
.index-post-submit-active{  cursor: pointer;background:url("../img/btn_save.png") no-repeat center; width: 125px; height: 31px; border: 0; font-size: 0; text-indent: -999px; outline: none;}
.index-post-submit-active,
.index-post-submit:hover,
.index-post-submit:active{ background-image: url("../img/btn_hover_save.png");}
.index-post-bottom{ padding-left: 40%; margin-top: 10px;}

.index-right{ float: right; margin: 0; height: 444px;width:280px; margin-right: -292px; margin-top: 0px;}
.index-right-ban{ overflow: hidden;}
.index-right-ban li{ float: left; width: 50%; text-align: center;}
.index-right-ban li a{ display: block; height: 86px; line-height: 86px; text-decoration: none; color: #fff;}
.index-right-ban li a.ban1{ background-color: #e89e9e;}
.index-right-ban li a.ban1:hover{ background-color: #e8b8b3;}
.index-right-ban li a.ban2{ background-color: #88b3e8;}
.index-right-ban li a.ban2:hover{ background-color: #97c0e8;}
.index-right-ban li a.ban3{ background-color: #bdaa7e;}
.index-right-ban li a.ban3:hover{ background-color: #bdb68b;}
.index-right-ban li a.ban4{ background-color: #ec9726;}
.index-right-ban li a.ban4:hover{ background-color: #eca844;}
.index-right-ban li a.ban5{ background-color: #7ed0d5;}
.index-right-ban li a.ban5:hover{background-color: #8dd5d4;}
.index-right-ban li a.ban6{ background-color: #b8c95d;}
.index-right-ban li a.ban6:hover{ background-color: #c7d774;}
.index-flash{ margin-top: 0px; border: 1px solid #ccc; background: #f3f4f5; padding:9px; height: 230px; overflow:hidden;}
.index-flash-content{ width: 40000%; overflow: hidden; position:relative; left:0; top:0;}
.index-flash-content li{ float: left; width:278px; }
.index-flash-content li a{ display: block;}
.index-flash-content li a img{ width:260px; height: 202px;}
.index-flash-nums{ font-size: 0;overflow: hidden; text-align: center;}
.index-flash-nums li{ display: inline-block; width:12px; height: 12px; border: 1px solid #ccc; background: #fff; margin:6px 3px; }
.index-flash-nums li.index-flash-nums-active{ background:#fff url("../img/nums_active.png") no-repeat center; border-color: #ff5700;}

.ser_title{font-size:28px; color:#3baae9;line-height:60px;width:130px;display:inline;float:left}
#nowidth{width:10px}



.main_one_title p{float:left; text-align:left; text-indent:2em;width: 683px; font-size:14px}
.main_one_title .chu_pnone{ text-indent:0em;}
.main_one_title .chu_pnone{width:187px; margin-left:10px; padding-left: 100px; background:url(../images/chu_phone.png) left center no-repeat;height:77px; color:#ff9900; font-size:18px; line-height:26px; font-weight:bold}
.main_one_title{height:165px}
.main_one_bottom{line-height:26px; text-indent: 2em;}

.main_two h1{background:url(../images/chu_advitage.png) left top no-repeat; padding-top:38px;margin-top:20px; border-bottom: 2px solid #018bab; margin-bottom:20px}
.main_two dt{float:right; padding:10px}
.main_two dd{float:left;}

.main_two_top{height:174px;magin-bottom}
.main_two_top p{text-indent:2em;}
.main_two_top h2{color:#f0c419; font-size:22px;}
.main_two_top dd{margin-top:57px}

.main_two_center{height:174px;}
.main_two_center p{text-indent:2em;}
.main_two_center h2{color:#9ac1c0; font-size:22px;}
.main_two_center dd{margin-top:39px}



.main_two_bottom{height:174px;}
.main_two_bottom p{text-indent:2em;}
.main_two_bottom h2{color:#379154; font-size:22px;}
.main_two_bottom dd{margin-top:15px}


.main_three{height:429px}
.main_three h1{background:url(../images/chu_sear.png) left top no-repeat; padding-top:38px;margin-top:20px; border-bottom: 2px solid #018bab; margin-bottom:20px}
.main_three p{text-indent:2em;padding:10px 25px}

.main_three ul span{margin-bottom:15px ; display:inline-block; line-height:28px}

.main_three .main_three_top{background:url(../images/chu_1.png) center top no-repeat; }
.main_three .main_three_center{background:url(../images/chu_2.png) center top no-repeat; }
.main_three .main_three_bottom{background:url(../images/chu_3.png) center top no-repeat; }

.main_four{height:340px}
.main_four h1 span{float:right; font-size:16px; font-weight:normal; color:#ff9900; line-height:43px;} 
.main_four h1{background:url(../images/chu_daili.png) left top no-repeat; height:38px;margin-top:20px; border-bottom: 2px solid #018bab; margin-bottom:20px;}
OL LI {
	MARGIN: 8px
}
#con {
	FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 666px
}
#tags {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 23px;margin-bottom:16px
}
#tags LI {
	BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px; padding-left:0; background:#018bab; color:#fff; margin:0 5px; font-size:16px;border-radius:3px;  height:30px ;
}
#tags LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none;color:#fff; margin:0 5px; line-height:30px
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 35px; background:#f7f7f7; color:#000;font-size:16px;  height:40px ; border:1px solid #018bab; border-bottom:none
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 39px; margin:0 5px; line-height:30px
}
#tagContent {
	BORDER-RIGHT: #aecbd4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #aecbd4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #aecbd4 1px solid; BACKGROUND-COLOR: #fff
}
.tagContent {
	PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND:#f7f7f7; PADDING-BOTTOM: 10px; WIDTH: 643px;  PADDING-TOP: 10px; HEIGHT: 205px; border:#018bab;	color:#000;
	line-height:26px;
	font-size:12px;
}
#tagContent DIV.selectTag {
	DISPLAY: block;
	color:#000;
	line-height:26px;
	font-size:12px;
}



.top li{ float:left; width:245px;}
 


.main_two ul{ height:auto; width:978px; height:616px; font-size:14px; margin-bottom:10px; text-align:center; text-align:center;}
.main_two ul h2{ background:#3c7ab4; text-align:center; height:72px; margin-bottom:20px}
.main_two ul h2 span{ text-align:center; margin:0; display:inline-block; width:980px; color:#fff; margin-top:3px}
.main_two ul li{float:left; width:290px; padding-top: 150px; background:url(../images/caishuiwaibao_pic1.png) center top no-repeat; margin-left:35px}
.main_two ul p{ color:#666666;text-align:left; font-size:14px;line-height:24px}
.main_two ul h3{text-align:left}




.main_three li{ float:left; display:inline-block; margin-right:12px}


.main_three ul h2{ background:#3c7ab4; text-align:center; height:72px; margin-bottom:20px;}
.main_three ul h2 span{ text-align:center; margin:0; display:inline-block; width:980px; color:#fff;margin-top:3px}

.main_three ul li{float:left; width:433px;  margin-left:35px;  float:left; margin-top:10px;margin-top:3px}
.main_three ul p{ color:#666666;text-align:left; padding:0; font-size:14px; line-height:24px}


