@charset "utf-8";

.container { padding: 391px 0 20px; /*background: url(container.png);*/ margin-top:-391px; }
.container .wrap {}

.hTitle { }
.hTitle .hd { position: relative; width: 100%; height: 30px; line-height: 30px; }
.hTitle .hd h2 { color: #5a5a5a; font-size: 15px; font-weight: normal; }
.hTitle .hd a { position: absolute; top: 0; right: 0; color: #5a5a5a; font-size:13px;}
.hTitle .hd a:hover { color: #da251d; }

/**tArea**/
.tArea { padding-bottom: 15px; display:none;}
.tArea ul { }
.tArea ul li { width: 251px; height: 215px; line-height: 144px; float: left; display: inline; }
.tArea ul li a { display: block; width: 251px; height: 215px;  text-align: center; }
.tArea ul li a:hover{text-decoration:none;}
.tArea ul li a:hover span { color: #fff; }
.tArea ul li span { color: #313131; display: block; height: 48px; line-height: 48px; font-size: 15px; padding-left: 10px; text-align: left; }
.tArea ul .a1List { }
.tArea ul .a1List a { background: url(a1List.jpg); }
.tArea ul .a1List a:hover { background: url(a1ListOn.jpg); }
.tArea ul .a2List a { background: url(a2List.jpg); }
.tArea ul .a2List a:hover { background: url(a2ListOn.jpg) }
.tArea ul .a3List a { background: url(a3List.jpg); }
.tArea ul .a3List a:hover { background: url(a3ListOn.jpg) }
.tArea ul .a4List a { background: url(a4List.jpg); }
.tArea ul .a4List a:hover { background: url(a4ListOn.jpg) }

/**cArea**/
.cArea { background: #fff; padding: 10px; height:204px; overflow:hidden;}
.cArea .hd { background: url(hTitle1.png); }
.cArea .hd h2 { padding-left: 173px; }
.cArea .bd { padding-top: 16px; }
.cArea .flowmeterList { width: 136px; height: 164px; background: #eaeaea; float: left; }
.cArea .flowmeterList ul { }
.cArea .flowmeterList ul li { width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #fff; color: #5a5a5a; font-size: 14px; cursor: pointer; }
.cArea .flowmeterList ul li a{ color: #5a5a5a; }
.cArea .flowmeterList ul li a:hover{ color: #fff; text-decoration:none;}
.cArea .flowmeterList ul li.on { background: #0072b7; color: #fff; }
.cArea .flowmeterList ul li.on a{color:#fff;}
.cArea .flowmeterAll { width: 808px; height: 164px; float: right; position: relative; margin-left: 40px; }
.cArea .flowmeterCon { }
.cArea .flowmeterCon .tempWrap { height: 164px !important; overflow: hidden; }
.cArea .flowmeterBtn { width: 30px; height: 70px; position: absolute; top: 0; right: 0; z-index: 9999; }
.cArea .flowmeterBtn a { display: block; width: 30px; height: 30px; cursor: pointer; }
.cArea .flowmeterBtn .bPrev { background: url(prev.gif); }
.cArea .flowmeterBtn .bNext { background: url(next.gif); margin-top: 10px; }
.cArea .flowmeterPic { height: 164px; overflow: hidden; }
.cArea .flowmeterPic ul { }
.cArea .flowmeterPic ul li { width: 152px; float: left; display: inline; margin-right: 42px; }
.cArea .flowmeterPic ul li img { width: 150px; height: 135px; border: 1px solid #dadada; }
.cArea .flowmeterPic ul li p { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #2569b0; color: #fff;}

/**bArea**/
.bArea { background: #fff; padding: 10px; margin-top: 15px; height:204px; overflow:hidden;}
.bArea .hd { background: url(hTitle2.png); }
.bArea .hd h2 { padding-left: 173px; }
.bArea .bd { padding-top: 10px; }
.bArea .controlList { width: 136px; height: 164px; background: #eaeaea; float: left; }
.bArea .controlList ul { }
.bArea .controlList ul li { width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #fff; color: #5a5a5a; font-size: 14px; cursor: pointer; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.bArea .controlList ul li a{ color: #5a5a5a; }
.bArea .controlList ul li a:hover{ color: #fff; text-decoration:none;}
.bArea .controlList ul li.on { background: #0072b7; color: #fff; }
.bArea .controlList ul li.on a{color:#fff;}
.bArea .controlAll { width: 808px; height: 164px; float: right; position: relative; margin-left: 40px; }
.bArea .controlCon { }
.bArea .controlCon .tempWrap { height: 164px !important; overflow: hidden; }
.bArea .controlBtn { width: 30px; height: 70px; position: absolute; top: 0; right: 0; z-index: 9999; }
.bArea .controlBtn a { display: block; width: 30px; height: 30px; cursor: pointer; }
.bArea .controlBtn .bPrev { background: url(prev.gif); }
.bArea .controlBtn .bNext { background: url(next.gif); margin-top: 10px; }
.bArea .controlPic { height: 164px; overflow: hidden; }
.bArea .controlPic ul { }
.bArea .controlPic ul li { width: 152px; float: left; display: inline; margin-right: 42px; }
.bArea .controlPic ul li img { width: 150px; height: 135px; border: 1px solid #dadada; }
.bArea .controlPic ul li p { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #2569b0; color: #fff; }

/**uArea**/
.uArea { background: #fff; margin-top: 15px; }
.uArea .sub { width: 292px; float: left; padding: 10px; }
.uArea .sub .hd { background: url(hTitle3.png); }
.uArea .sub h2 { padding-left: 85px; }
.uArea .sub .txt { text-align: justify; text-justify: inter-ideograph; padding: 6px 0; }
.uArea .sub .pic { width: 292px; height: 115px; }

.uArea .main { width: 340px; float: left; margin-left: 10px; padding: 10px; }
.uArea .main .hd { background: url(hTitle4.png); }
.uArea .main h2 { padding-left: 120px; }
.uArea .main .bd { }
.uArea .newsList { height: 28px; line-height: 28px; border-bottom: 1px solid #eee; background: url(tabLine.gif) center no-repeat; }
.uArea .newsList ul { }
.uArea .newsList ul li { float: left; width: 170px; text-align: center; cursor: pointer; font-size:13px;}
.uArea .newsList ul li.on { color: #0072b7; }
.uArea .newsAll { }
.uArea .newsCon { }
.uArea .newsCon ul { padding-top: 10px;}
.uArea .newsCon ul li { height: 30px; line-height: 30px; border-bottom: 1px dotted #d8d8d8; vertical-align:bottom; }
.uArea .newsCon ul li a { float: left; display: block; background: url(ico1.gif) left center no-repeat; padding-left: 10px; font-size:13px;}
.uArea .newsCon ul li span { float: right; color: #00479d }

.uArea .extra { width: 292px; float: right; padding: 10px; }
.uArea .extra .hd { background: url(hTitle5.png); }
.uArea .extra h2 { padding-left: 110px; }
.uArea .extra .bd { }
.uArea .serviceList { height: 28px; line-height: 28px; border-bottom: 1px solid #eee; background: url(tabLine.gif) center no-repeat; }
.uArea .serviceList ul { }
.uArea .serviceList ul li { float: left; width: 146px; text-align: center; cursor: pointer; font-size:13px;}
.uArea .serviceList ul li.on { color: #0072b7; }
.uArea .serviceAll { }
.uArea .serviceCon { }
.uArea .serviceCon dl { padding-top: 19px; }
.uArea .serviceCon dt { margin-bottom: 10px; }
.uArea .serviceCon .pic { width: 83px; height: 83px; float: left; }
.uArea .serviceCon .txt { width: 200px; height: 83px; float: right; padding-left: 9px; margin-top: -3px; }
.uArea .serviceCon .txt h3 { font-size: 12px; }
.uArea .serviceCon .txt h3 a { color: #0072b7; }
.uArea .serviceCon .txt p { text-align: justify; text-justify: inter-ideograph; }
.uArea .serviceCon dd { height: 22px; line-height: 22px; background: #f2f2f0; padding-left: 5px; }
.uArea .serviceCon dd a { background: url(ico1.gif) left center no-repeat; padding-left: 10px; font-size:13px;}

.uArea .serviceCon ul { padding-top: 10px;}
.uArea .serviceCon ul li { height: 30px; line-height: 30px; border-bottom: 1px dotted #d8d8d8; vertical-align:bottom; }
.uArea .serviceCon ul li a { float: left; display: block; background: url(ico1.gif) left center no-repeat; padding-left: 10px; font-size:13px;}
.uArea .serviceCon ul li span { float: right; color: #00479d }

.ftLink { width:1004px; margin:0 auto; color: #666; font-size: 12px;  padding:10px 0;}
.ftLink{line-height:22px;position:relative;z-index:9999;}
.ftLink span{float:left;}
.ftLink p{float:left;width:944px;word-wrap:break-word; word-break:break-all;text-align:justify;text-justify:inter-ideograph;}
.ftLink a{padding-right:8px;}