@charset "utf-8";
/* CSS Document */

/*CSS reset*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦";}
html, body { min-width: 1132px; background: #fff; }  
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color: #333; text-decoration: none }
a:hover { text-decoration:underline; color: #0182d8}
.fl { float: left; }
.fr { float: right; }
.hui_6 { color: #666; }
.hui_9 { color: #999; }
.text_decnone { text-decoration: none }
.red { color: #cc2723 }
.clear { clear: both; }
.ft10 { font-size: 10px }
.ft12 { font-size: 12px }
.ft14 { font-size: 14px }
.ft16 { font-size: 16px }
.ft18 { font-size: 18px }
.ft20 { font-size: 20px; }
.marl15 { margin-left:15px; }
.marr15 { margin-right:15px; }
.marbot15 { margin-bottom:15px;}

.height285 { height:285px;}
.height150 { height:150px;}
.height175 { height:175px;}

.head { width:100%; margin:0px; padding:0px; background:url(banner.jpg) no-repeat center top #0182d8; height:515px;}
.header { width: 1132px; margin: 0px auto; padding: 322px 0px 0px; position: relative; }
.header span { position:absolute; right:0px; top:0px;}
.header span a { width:84px; height:29px; display:block; color:#fff; background:url(home.png) no-repeat; text-align:center; line-height:29px}
.header span a:hover { background-position:0px -29px; color:#278dec}

.navlist { width: 1060px; height: 62px; padding: 0px 36px; margin: 0px auto; background: url(nav.png) no-repeat }
.navlist li { background:url(nav_x.jpg) no-repeat right center; float:left;}
.navlist li.last { background:none}
.navlist li a { font-size: 14px; height: 40px; line-height: 20px; padding: 11px 38px; display: block; color: #fff; font-weight: bold; }
.navlist li a:hover { background:#384799}

.index_page { width: 100%; margin: 0px; padding: 50px 0px; }
.index_page_main { width: 1133px; padding-bottom: 50px; margin: 0px auto; }
.bg { background:#e3f4fe;}
.bg1 { background:url(title_01.jpg) no-repeat center center;}
.bg2 { background:url(title_02.jpg) no-repeat center center;}
.index_title { width: 100%; height: 45px; display: block; text-align: center; text-indent: -9999px; margin-bottom: 30px; }

.index_list { background:url(bg1.jpg) no-repeat center top; height:455px;}
.index_list ul { width: 1140px; margin: 0px auto; padding: 75px 0px; height: 305px; }
.index_list ul li { width: 190px; line-height: 47px; float: left; text-align: left; display: block; font-size: 1.0rem; }

.index_city { background: url(map.jpg) no-repeat center center; height: 512px; display: block; position: relative; width: 950px; margin: 0px auto; padding: 40px 0px; }
.index_city span { width:155px; height:40px; line-height:40px; display:block; position:absolute;}
.index_city span a { width:120px;height:40px; color:#fff;display:block; border-radius:30px; width:auto}
.index_city span a.css_01 {padding-right:42px;text-align:right}
.index_city span a.css_02 {padding-left:42px; text-align:left}
.index_city span a.color01 {background:url(title_icon.png) no-repeat 122px center #a2b971}
.index_city span a.color02 {background:url(title_icon.png) no-repeat 10px center #77ba70}
.index_city span a.color03 {background:url(title_icon.png) no-repeat 122px center #46aeb9}
.index_city span a.color04 {background:url(title_icon.png) no-repeat 10px center #6f77dc}
.index_city span a.color05 {background:url(title_icon.png) no-repeat 122px center #f27078}
.index_city span a.color06 {background:url(title_icon.png) no-repeat 10px center #e6846a}
.index_city span a.color07 {background:url(title_icon.png) no-repeat 122px center #f6a34b}
.index_city span a.color08 {background:url(title_icon.png) no-repeat 10px center #e5d33a}
.index_city span a.color09 {background:url(title_icon.png) no-repeat 122px center #adc181}
.index_city span a.color10 {background:url(title_icon.png) no-repeat 10px center #81c26e}
.index_city span a.color11 {background:url(title_icon.png) no-repeat 122px center #468cb9}
.index_city span a.color12 {background:url(title_icon.png) no-repeat 10px center #46aeb9}
.index_city span a.color13 {background:url(title_icon.png) no-repeat 122px center #f270b0}
.index_city span a.color14 {background:url(title_icon.png) no-repeat 10px center #e1ab38}
.index_city span a.color01:hover,.index_city span a.color03:hover,.index_city span a.color05:hover,.index_city span a.color07:hover,.index_city span a.color09:hover,.index_city span a.color11:hover,.index_city span a.color13:hover {background:url(title_icon.png) no-repeat 122px center #002a46}

.index_city span a.color02:hover,.index_city span a.color04:hover,.index_city span a.color06:hover,.index_city span a.color08:hover,.index_city span a.color10:hover,.index_city span a.color12:hover,.index_city span a.color14:hover {background:url(title_icon.png) no-repeat 10px center #002a46}

.OnlineService_Bg {
    top: 50px;
    overflow: hidden;
    position: fixed;
    right: 380px;
    width: 205px;
    z-index: 10;
}
.OnlineService_Sign {
 
    height: 120px;
    margin-bottom: 3px;
    padding: 6px;
    width: 185px;
	font-size:16px;
	color:#ff0000;
	text-align:center;
}
.OnlineService_Top {
    height: 134px;
    width: 185x;
}
.OnlineService_Top a {
    background: rgba(0, 0, 0, 0) url("top.jpg") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 30px;
    padding-top: 63px;
    text-align: center;
    width: 185px;
}
.OnlineService_Top a:hover {
    background-position: -92px 0;
}