body{ background:url(../image/index_bg.jpg) no-repeat center bottom}
.banner{ width:100%; border-top:1px #e3e3e3 solid;  height:280px; position:relative; top:117px; padding-top:15px;}
.banner #banner { margin: 0px auto; padding: 0px; width: 1080px; height: 280px; }
.banner #banner img{ border:0}
.banner #banner .slides { margin: 0px auto; width: 1080px; height: 280px;position:relative; overflow: hidden;  }
.banner #banner .slide-pic { margin: 0px; padding: 0px; width: 1080px; overflow: hidden; list-style: none; }
.banner #banner .slide-pic img { width: 1080px; height: 280px; }
.banner #banner .slide-pic li { display: none; }
.banner #banner .slide-pic li.cur { display: block; }
.banner #banner .slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
.banner #banner .slide-li li { margin: 0px; padding: 0px; width: 360px; height: 10px; float: left; overflow: hidden; list-style: none; }
.banner #banner .slide-li a { width: 360px; height: 10px; color: #000; font-size: 12px;font-family: Microsoft Yahei,arial; display: block; }
.banner #banner .slide-li a:hover { color: #F00; text-decoration: none; }
.banner #banner .op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
.banner #banner .op li.cur { background: #666666; }
.banner #banner .slide-txt span { display: none; }

.home_center{ width:1080px; height:450px;margin:0 auto; clear:both;position:relative; top:128px;}
.home_center .partone{ width:285px; float:left}
.home_center .partone .title,.home_center .partthree .title{ background:url(../image/left_tit_bg.gif) no-repeat; width:270px; height:36px; overflow:hidden; line-height:35px; }
.home_center .partthree .title{ background:url(../image/left_tit_bg2.gif) no-repeat; width:305px;}
.home_center .partone .title h4,.home_center .partthree .title h4{ background:url(../image/icon.gif) no-repeat 10px -285px; width:138px;padding-left:30px; color:#fff; font-size:15px;font-family: Microsoft Yahei,arial; float:left}
.home_center .partone .title h4 a{ color:#fff; font-size:15px;font-family: Microsoft Yahei,arial;}
.home_center .partone .title h4.two,.home_center .partthree .title h4.two{ background-position: 10px -350px}
.home_center .partone .title a{ font-family:"宋体"}
.home_center .partone .todaywater,.home_center .partone .supportwater{ border:1px #77d1ff solid; border-top:0; width:268px; overflow:hidden; margin-bottom:12px}
.home_center .partone .todaywater{height:194px;}
.home_center .partone .todaywater ul{ width:270px}
.home_center .partone .todaywater ul li{ width:89px; line-height:26px; text-align:center; color:#248dcd; border-bottom:1px #72d3ff solid; border-right:1px #72d3ff solid;text-transform:uppercase}
.home_center .partone .todaywater ul.tabletitle li{ font-size:14px;font-family: Microsoft Yahei,arial; padding:3px 0; font-weight:bold;}
.home_center .partone .todaywater ul.bg{ background:#eff9ff}
.home_center .partone .todaywater ul li.red{ color:#333}
.home_center .partone .supportwater{ margin:0;height:150px; width:238px; padding:0 15px 5px 15px}
.home_center .partone .supportwater li div.n_url{ width:238px; float:left; background:url(../image/point.gif) no-repeat 0 20px; padding-left:8px; padding-top:12px;}
.home_center .partone .supportwater li{ width:238px;}
.home_center .partone .supportwater li a{font-size:13px;font-family: Microsoft Yahei,arial;}
.home_center .partone .supportwater div#n_detail{text-indent:2em; width:238px; height:38px; line-height:20px; color:#999; overflow:hidden; border-bottom:1px #eaeaea dashed; padding:3px 0; float:left}

.home_center .parttwo{ width:490px; float:left}
.home_center .parttwo .pointpic{ float:left; width:475px; height:215px; overflow:hidden; margin-bottom:10px}
.home_center .parttwo .home_news{ width:475px; float:left}
.home_center .parttwo .home_news .news_tit{ background:url(../image/h_news_tit_bg.gif) repeat-x 0;width:475px; float:left;}
.home_center .parttwo .home_news H1{ width:105px; height:32px; background:url(../image/h_news_tit.gif) no-repeat 0 0; line-height:32px; text-align:center;font-family:"宋体"; font-size:16px; font-weight:normal}
.home_center .parttwo .home_news a.more{ float:right; line-height:32px; font-family:"宋体"; padding-right:5px}
.home_center .parttwo .home_news a{line-height:32px; font-size:13px;font-family:"宋体";}
.home_center .parttwo .home_news ul{ width:475px; padding-top:12px}
.home_center .parttwo .home_news ul li{ border-bottom:1px #eaeaea dotted;width:475px; line-height:30px}
.home_center .parttwo .home_news ul li a{ float:left}
.home_center .parttwo .home_news ul li span{ float:right}

.home_center .partthree{ width:305px;float:left;}
.home_center .partthree H1{ background:url(../image/hall.gif) no-repeat; width:305px; height:41px;}
.home_center .partthree .onlinehall { width:302px; border:1px #77d1ff solid; border-top:0; padding:18px 0 0 1px; float:left}
.home_center .partthree .onlinehall ul { background:url(../image/hall_block_bg.gif) no-repeat; width:144px; height:67px; margin:6px 0 6px 5px; display:inline}
.home_center .partthree .onlinehall ul li{ background:url(../image/hall_icon.gif) no-repeat 5px 15px; padding-left:45px; padding-top:15px}
.home_center .partthree .onlinehall ul li.icon1{ background-position:-140px 12px}
.home_center .partthree .onlinehall ul li.icon2{ background-position:5px -65px}
.home_center .partthree .onlinehall ul li.icon3{ background-position:-141px -65px}
.home_center .partthree .onlinehall ul li.icon4{ background-position:5px -146px}
.home_center .partthree .onlinehall ul li.icon5{ background-position:-143px -142px}
.home_center .partthree .onlinehall ul li.icon6{ background-position:-140px 12px}
.home_center .partthree .onlinehall ul li a{ color:#333; font-size:16px;font-family:"宋体"; display:block; clear:both}
.home_center .partthree .onlinehall ul li a:hover{ color:#f70}
.home_center .partthree .onlinehall ul li span{ color:#a8a8a8; font-size:11px;font-family:"宋体"; display:block; clear:both}
.home_center .partthree .onlinehall ul li.sina{ background:none; border-bottom:0;width:163px; float: left; height:78px; padding:15px 0 0 15px}
.home_center .partthree .onlinehall ul li.sina a{ background:url(../image/sina.gif) no-repeat 10px 0 ; width:150px; height:60px;  padding-top:43px; text-align:center; float:left;color:#187fc4; display:block }
.home_center .partthree .onlinehall ul li.sina a:hover{ color:#f70}
.home_center .partthree .onlinehall div.sinaandcode{ width:302px; border-top:1px #77d1ff solid; margin-top:10px; float:left}
.home_center .partthree .onlinehall div.sinaandcode .codepart{ width:92px; height:106px; float:left; text-align:center; line-height:30px; color:#187fc4; border-right:1px #77d1ff solid; padding-top:25px}
.home_center .partthree .onlinehall div.sinaandcode .blogandsever{ width:209px; float:left;}
.home_center .partthree .onlinehall div.sinaandcode img{ border:none}
.home_center .partthree .onlinehall div.sinaandcode .sina,.home_center .partthree .onlinehall div.sinaandcode .sever{ width:209px; padding:5px 0; text-align:center; border-bottom:1px #e8e8e8 solid;float:left}
.home_center .partthree .onlinehall div.sinaandcode .sever{ border-bottom: none; padding:1px 0}

.act_comp{ width:1080px; height:180px;margin:0 auto; clear:both;position:relative; top:128px;}
.act_comp .prut{position:relative; width:1080px; height: 175px;overflow:hidden; margin: 0 auto; z-index:1}
.act_comp .runlf,.act_comp .runrg{position:absolute; z-index:100; width:30px; height:34px; text-align:center; top:60px; left:0}
.act_comp .runrg{ left:1048px}
.act_comp .runlf a#downimgd,.runrg a#upimgd{background:url(../image/act_arr2.gif) no-repeat 0 0; width:30px; height:34px; display:block;  margin:0 auto; cursor:pointer; }
.act_comp .runrg a#upimgd{background-position:-46px 0;}
.act_comp .prut #prut_pic{ width:1080px;overflow: hidden; float: left;position: absolute; top:0; left:0px}
.act_comp .prut #prut_pic a img{ width:155px; height:110px; padding:3px; float:left; border:1px #ccc solid}
.act_comp .prut #prut_pic a:hover img{ border-color:#f90}
.act_comp .prut #prut_pic span{ width:130px; float:left; text-align:center; line-height:18px; padding:5px 0 3px 18px}
.act_comp .prut #prut_pic a:hover{ text-decoration:none}
.act_comp .prut #prut_pic ul{ width: 50000px;padding-top:18px}
.act_comp .prut #prut_pic li{ width:183px}

.fourblock{ width:1078px; height:170px; border:1px #b5dfff solid; margin:0 auto; clear:both; position:relative; top:126px;}
.fourblock .whiteblock{ width:1068px;background:url(../image/fourbg.gif) repeat-x top; border:1px #fff solid; float:left; padding-left:8px}
.fourblock ul{ width:237px; padding:18px 8px 10px 12px; margin-right:13px;}
.fourblock ul.none{ width:236px; margin-right:0}
.fourblock ul li{ width:235px;}
.fourblock ul li H1{ color:#29166f; font-size:15px;font-family: Microsoft Yahei,arial;}
.fourblock ul li H2{ color:#9c9c9c; font-weight:normal; font-size:12px; font-family: Microsoft Yahei,arial; padding:1px 0 0 5px}
.fourblock ul li H3{ padding-top:3px; padding-left:5px}
.fourblock ul li.comp{ background:url(../image/comp.jpg) no-repeat; width:223px; height:67px; margin:10px 0 15px 0}
.fourblock ul li.comp.honor{ background-position:0 -86px}
.fourblock ul li.comp.corner{ background-position:0 -172px}
.fourblock ul li.comp.recruit{ background-position:0 -258px}
.fourblock ul li.content{ color:#9c9c9c; height:75px}
.fourblock ul li.content span{ width:220px; height:20px; overflow:hidden;display:block;}
.fourblock ul li.content a{ background: url(../image/point2.gif) no-repeat 2px 8px; padding-left:13px; line-height:20px; height:20px; width:auto;color:#9c9c9c;float: left; }
.fourblock ul li.content a:hover{ background: url(../image/point2.gif) no-repeat 2px 8px; color:#f60}
.fourblock ul li a{ background:url(../image/icon.gif) no-repeat 0 -162px; width:90px; height:27px; display:block; float:right}
.fourblock ul li a:hover{ background-position:0 -124px}
.company dl{ display:block;width:5px; height:5px; background:url(../image/conor2.gif) no-repeat 0 0; position: absolute; float:left; margin:0; padding:0; line-height:0; z-index:1000}
.company dl.left_conor{ left:-1px; top:-1px}
.company dl.right_conor{ background-position:right top; right:-1px; top:-1px}
.company dl.leftfooter_conor{  background-position:left bottom;left:-1px; bottom:-1px}
.company dl.rightfooter_conor{  background-position: right bottom;right:-1px; bottom:-1px}

.company { margin:0 auto; width:1060px; height:275px;position:relative; top:130px; background:#fff }
.company .intro{ width:356px; height:258px; border:1px #007cc2 solid; float:left; position:relative}
.company .title{ width:356px; float:left; padding:13px 0}
.company .intro H1{ background: url(../image/icon.gif) no-repeat -109px -126px; width:90px; height:25px; color:#fff; text-align:center; line-height:25px; font-size:15px;font-family: Microsoft Yahei,arial;}
.company .intro H2{ padding-left:10px; padding-top:3px;font-weight:normal;font-size:12px; font-family: Microsoft Yahei,arial; }
.company .intro H3{ float:right; padding:0 10px; border-left:1px #eee solid; font-weight:normal;font-family: Microsoft Yahei,arial;}
.company .intro li.img{ width:115px; text-align:center; }
.company .intro li.img a img{ border:1px #f5f5f5 solid;width:85px; height:65px}
.company .intro li.img a:hover img{ border-color:#f80}
.company .intro li.content{ width:210px;}
.company .intro .newone li span{ color:#999}
.company .intro .h_news_img{ background:url(../image/news_icon.jpg) no-repeat 12px 8px; width:107px; height:178px; float:left; padding-left:12px}
.company .intro .newone #act_news{ width:234px; height:174px; overflow:hidden; float:left }
.newone #act_supply{ width:210px; height:178px; overflow:hidden; float:left;}
.newone #act_water{ width:210px; height:178px; overflow:hidden; float:left;}
.company .intro .newone ul{ height:10000px;}

.company .intro .h_news_img a{ float:left; width:103px; height:168px; margin-top:8px}
.news li span{ color:#999}
.company .intro ul{ width:220px; padding-left:8px; overflow:hidden}
.company .intro ul li{ width:220px; border-bottom:1px #e5e5e5 dotted; line-height:28px; float:left}
.company .intro ul li a{ background:url(../image/point.gif) no-repeat 0 13px; float:left; padding-left:10px}
.company .intro ul li span{ font-family: Microsoft Yahei,arial; font-size:11px; padding:0 5px; font-weight:normal; float:right}
.company .intro li.pagenum{ width:345px; text-align:right; padding:0 0 5px 0}
.company .intro li.pagenum a{ font-family: Microsoft Yahei,arial; font-size:11px; padding:1px 8px; color:#707070; margin-left:1px}
.company .intro li.pagenum a:hover,.company .intro li.pagenum a.this{ background:#707070; color:#fff; text-decoration:none}

.company .news{ width:335px;height:258px; border:1px #007cc2 solid; margin-left:14px; float:left; position:relative;}
.company .news .title{width:335px; padding-bottom:17px}
.company .news .h_news_img{ background:url(../image/news_icon.jpg) no-repeat -145px 8px; width:107px; height:178px; float:left; padding-left:12px}
.company .news .h_news_img a{ float:left; width:103px; height:168px; margin-top:8px}
.company .news .h_news_img.two{ background-position:-293px 8px}
.company .news H1{ background: url(../image/icon.gif) no-repeat -109px -163px; width:90px; height:25px; color:#fff; text-align:center; line-height:25px; font-size:15px;font-family: Microsoft Yahei,arial;}
.company .news H2{ padding-left:10px; padding-top:3px;font-weight:normal;font-size:12px; font-family: Microsoft Yahei,arial; }
.company .news H3{ float:right; padding:0 10px; border-left:1px #eee solid; font-weight:normal;font-family: Microsoft Yahei,arial;}
.company .news li.img{ width:115px; text-align:center; }
.company .news li.img a img{ border:1px #f5f5f5 solid;width:85px; height:65px}
.company .news li.img a:hover img{ border-color:#f80}
.company .news li.content{ width:210px;}
.company .news ul{ width:200px; padding-left:7px}
.company .news ul li{ width:200px; border-bottom:1px #e5e5e5 dotted; line-height:28px}
.company .news ul li a { background:url(../image/point.gif) no-repeat 0 13px;float:left; padding-left:10px}
.company .news ul li span{ font-family: Microsoft Yahei,arial; font-size:11px; padding:0 5px; font-weight:normal; float:right}


.friend{ width:1050px; margin:0 auto; background:#f5f5f5; padding: 10px 15px ; position:relative; top:140px}
.footer{ border-top:3px #0f73bd solid; margin:0 auto; width:1060px; height:20px; padding:10px; position:relative; top:140px}
.footer .copyright{ float:left}
.footer .quicklink{ float:right}