@charset "utf-8";


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


/**cArea**/
.cArea { background: #fff; padding: 10px; height:204px; overflow:hidden;}
.cArea .hd { background: url(../images/hTitle1.png); }
.cArea .hd h2 { padding-left: 10px; }
.cArea .bd { padding-top: 10px; }
.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(../images/prev.gif); }
.cArea .flowmeterBtn .bNext { background: url(../images/next.gif); margin-top: 10px; }
.cArea .flowmeterPic { height: 164px; overflow: hidden; }
.cArea .flowmeterPic ul li { width: 192px; float: left; display: inline; margin-right: 13px; }
.cArea .flowmeterPic ul li img { width: 190px; 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;  overflow:hidden;}
.bArea .hd { background: url(../images/hTitle1.png); }
.bArea .hd h2 { padding-left: 10px; }
.bArea .bd { padding-top: 10px; }
.bArea .controlList { width: 136px; background: #eaeaea; float: left; }
.bArea .controlList ul li { width: 100%; height: 35px; line-height: 35px; text-align: center; border-bottom: 1px solid #fff; color: #5a5a5a; font-size: 14px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.bArea .controlList ul li:hover { background: #3b9ce1; color: #fff; }
.bArea .controlList ul li.on { background: #3b9ce1; color: #fff; }
.bArea .controlList ul a{ color: #5a5a5a; text-decoration:none; }
.bArea .controlList ul li.morea span{ line-height:60px; padding:3px 10px;background:#fff; color:#0072b7;}
.bArea .controlList ul li.morea span:hover{ background:#000; color:#fff;}
.bArea .controlList ul li.morea{ background:#eaeaea; height:57px;}
.bArea .controlAll { width: 808px;  float: right;}
.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(../images/prev.gif); }
.bArea .controlBtn .bNext { background: url(../images/next.gif); margin-top: 10px; }
.bArea .controlPic { height: 164px; overflow: hidden; margin-bottom:17px; }
.bArea .controlPic ul li { width: 192px; float: left; display: inline; margin-right: 13px; }
.bArea .controlPic ul li img { width: 190px; height: 135px; border: 1px solid #dadada; }
.bArea .controlPic ul li p { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #3b9ce1; color: #fff; }

/**uArea**/
.uArea { background: #fff; margin-top: 15px; margin-bottom:30px; }
.uArea .sub { width: 662px; float: left; padding: 10px;  }
.uArea .sub .hd { background: url(../images/hTitle1.png); }
.uArea .sub h2 { padding-left: 10px; }
.uArea .sub .bd{ padding-top:15px;}
.uArea .sub .txt { line-height:25px; width:340px; height:150px; overflow:hidden; }
.uArea .sub .pic { width: 292px; height: 145px; }


.serviceCon p{ padding-top:20px; line-height:26px; font-size:14px;}

.uArea .main { width: 340px; float: left; margin-left: 10px; padding: 10px; }
.uArea .main .hd { background: url(../images/hTitle4.png); }
.uArea .main h2 { padding-left: 10px; }
.uArea .newsList { height: 28px; line-height: 28px; border-bottom: 1px solid #eee; background: url(../images/tabLine.gif) center no-repeat; }
.uArea .newsList ul li { float: left; width: 170px; text-align: center; cursor: pointer; font-size:13px;}
.uArea .newsList ul li.on { color: #0072b7; }
.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(../images/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: left; padding: 10px; margin-left:10px; }
.uArea .extra .hd { background: url(../images/hTitle4.png); }
.uArea .extra h2 { padding-left: 10px; }
.uArea .serviceList { height: 28px; line-height: 28px; border-bottom: 1px solid #eee; background: url(../images/tabLine.gif) center no-repeat; }
.uArea .serviceList ul li { float: left; width: 146px; text-align: center; cursor: pointer; font-size:13px;}
.uArea .serviceList ul li.on { color: #0072b7; }
.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(../images/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(../images/ico1.gif) left center no-repeat; padding-left: 10px; font-size:13px;}
.uArea .serviceCon ul li span { float: right; color: #00479d }

#indemo-aa{float: left;width: 800%;}
#demo-aa1,#demo-aa2{float: left;}