
.index-page {background: url(../images/icon03.png);}

/* icon */
.icon { display: inline-block; background: url(../images/icon.png) no-repeat;}
.icon { *display: inline;}
.icon-a {width: 153px; height: 15px; vertical-align: middle; background-position: -40px 0;}
.icon-b {width: 19px; height: 18px; vertical-align: middle; background-position: -70px -15px;}
.icon-c {width: 40px; height: 80px; vertical-align: middle; background-position: 0 0;}
.icon-d {width: 15px; height: 26px; margin-top:25px; vertical-align: middle; background-position: -40px -15px;}
.icon-e {width: 15px; height: 26px; margin-top:25px; vertical-align: middle; background-position: -55px -15px;}
.icon-f {width: 10px; height: 20px; vertical-align: middle; background-position: -114px -25px;}
.icon-g {width: 25px; height: 25px; vertical-align: middle; background-position: -89px -15px;}
.icon-h {width: 7px; height: 11px; vertical-align: middle; background-position: -125px -26px;}
.icon-i {width: 13px; height: 14px; vertical-align: middle; background-position: -132px -15px;}
.icon-j {width: 6px; height: 9px; vertical-align: middle; background-position: -145px -22px;}
.icon-k {width: 153px; height: 15px; vertical-align: middle; background-position: -40px -41px;}

.icon-l {width: 125px; height: 12px; vertical-align: middle; background-position: -41px -43px;}
.icon-m {width: 125px; height: 12px; vertical-align: middle; background-position: -41px -63px;}

/* icon-triangle */
.icon-triangle {width: 0; height: 0; border-width:4px; border-style: solid; border-color:#fff #fff #fff #666;}

/* header */
.header { height:100px; background: #FFF;}
.header h1 { float:left; padding: 10px 0;height: 80px; width: 500px;}
.header .tool { float:left;width: 450px;}
.header .tool p {padding-top: 3px; text-align: right; line-height: 40px; color: #000;}
.header .tool p a {color: #000;}
.header .tool p a:hover {text-decoration: underline;}
.header .phone {width: 524px; line-height: 24px; color: #000; font-size: 14px; text-align:right; }
.header .phone .span {color: #ffc64e;font-weight: bold; font-size: 16px; font-family: Verdana;}
.header .search {position: relative; width: 236px; height: 27px; padding: 4px 40px 4px 4px; background: #fff;}
.header .search input {width: 100%; height: 27px; font-size: 14px; outline: none;}
.header .search button {position: absolute; top:0; right: 0; width: 40px; height: 35px; background: #fff; }



.nav {position: relative; z-index: 1000; margin-bottom: -10px; height: 40px; padding-bottom: 10px; background: url(../images/icon02.png) left top repeat-x;
/*-moz-box-shadow: 0 5px 5px #abc3d1; 
-webkit-box-shadow:0 5px 5px #abc3d1;
 box-shadow: 0 5px 5px #abc3d1; */
}
.nav ul {position: relative; z-index: 100;}
.nav li {position: relative; display: inline-block; height: 38px; padding: 0 4px; line-height: 38px; vertical-align: top; }
.nav li {*display: inline;}
.nav li .nav-level {  display: block; padding: 0 35px;  font-size: 16px; text-align: center;border-right:1px solid transparent; border-left:1px solid transparent; }
.nav li.curr {
    
}
.nav li.curr .nav-level {color: #00a0d9; height: 36px; border-top: 2px solid #00a0d9; line-height: 34px;border-right:1px solid #fefefe; border-left:1px solid #dedede; 1border-bottom: 2px solid #f4f4f4; background: #f4f4f4;
-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2);
-moz-box-shadow   : 0 -1px 1px rgba(0,0,0,.2);
box-shadow        : 0 -1px 1px rgba(0,0,0,.2);
}
.nav li.on .nav-level {color: #00a0d9; height: 36px; border-top: 2px solid #00a0d9; line-height: 34px;border-right:1px solid #fefefe; border-left:1px solid #dedede; 1border-bottom: 2px solid #f4f4f4; background: #f4f4f4;
-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2);
-moz-box-shadow   : 0 -1px 1px rgba(0,0,0,.2);
box-shadow        : 0 -1px 1px rgba(0,0,0,.2);
}
.nav .nav-bottom {display: none;position: absolute; top:38px;left:0; right:0; padding: 0 4px 0 5px;}
.nav .nav-bottom .box { padding: 10px 0;
  background: #f4f4f4;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
-moz-box-shadow   : 3px 3px 5px rgba(0,0,0,.2);
box-shadow        : 3px 3px 5px rgba(0,0,0,.2);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.nav .nav-bottom a {display: block; line-height: 28px; text-align: center;}
.nav .nav-bottom a:hover {text-decoration: underline;}


/* banner */ 
.banner { height: 400px; margin-bottom: 24px; padding-bottom: 9px; position: relative; background: url(../images/icon02.png) left bottom repeat-x;}
.banner ul {height: 400px; overflow: hidden; position: relative;}
.banner ul li { width: 100%; float: left; height: 400px; position: absolute; left: 0; top:0;z-index: 5; background-position: center top; background-repeat: no-repeat;}
.banner ul li a {display: block; height: 400px; width: 100%;}
.banner ol { position: absolute; bottom: 10px;  width:100%; height: 40px; line-height: 40px; text-align: center; z-index: 101;}
.banner ol li { display: inline-block; width: 50px; height:  8px; overflow: hidden; margin: 0 5px; cursor: pointer; background: #000; opacity: .5;
filter: alpha(opacity=50);}
.banner ol li { *display: inline;}
.banner ol li.current {background: #00a0d9;}
.banner p {position: absolute; top:160px; left:50%; z-index: 10001; line-height: 80px; text-align: center; cursor: pointer; }
.banner .slide_lBt {margin-left: -540px;}
.banner .slide_rBt {margin-left: 500px;}

/* index-section */
.index-section {overflow: hidden; margin-bottom: 9px; -webkit-box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 3px 3px 5px #ccc;box-shadow: 3px 3px 5px #ccc;}
.index-bottom {margin-bottom: 15px;}

/* index-box */ 
.index-left-box { float:left; width: 320px; height: 160px; background: #fff;}
.index-center-box { float:left; width: 400px; margin-left:20px;height: 160px; background: #fff;}
.index-right-box { width: 250px; height: 160px; color: #fff; background: #00a0d9;}
.index-aa{ width:710px; height:565px;background: #fff; padding:10px 15px;}

.index-text {}
.index-text a{padding: 10px 15px;}
.index-text h2 {font-size: 16px; line-height: 38px;}
.index-text p { line-height: 21px; }
.index-text p a { display: block;}
.a1 p a:Hover{ color:#c1e5f9;}

.index-text ul {}
.index-text li {height: 25px; overflow: hidden; line-height: 25px;}
.index-text li span {color: #999;}
.index-text li a:hover span {color: #00a0d9;}

.index-about-text a {display: block; padding: 10px 15px; height: 140px;}
.index-about-text a:hover {color: #fff; background: #00a0d9;}

.water-index-text a {display: block; padding: 10px 15px; height: 140px; color: #fff;}
.water-index-text a:hover {1color: #ffc64e; background: #078dbd;}


/* index-products */
.index-products { height: 160px; position: relative;}
.index-products ul {height: 160px; overflow: hidden; position: relative;}
.index-products ul li { width: 100%; float: left; height: 400px; position: absolute; left: 0; top:0;z-index: 5; background-position: center top; background-repeat: no-repeat;}
.index-products ul li a {display: block; height: 160px; width: 100%;}
.index-products ol { position: absolute; bottom: 0;  width:100%; height: 30px; line-height: 30px; text-align: center; z-index: 101; background: url(../images/icon04.png);}
.index-products ol li { display: inline-block; width: 10px; height:  10px; overflow: hidden; margin: 0 5px; cursor: pointer;}
.index-products ol li { *display: inline;}
.index-products ol li.current {background-position: -114px -15px;}

/* index-engineering */
.index-engineering {}
.index-engineering ul {position: relative; margin-right: -2px;}
.index-engineering li {position: relative; display: inline-block; margin-right: 2px; width: 45px; height: 160px; overflow: hidden;}
.index-engineering li {*display: inline;}
.index-engineering li img {width: 208px; height: 160px;}
.index-engineering li i {position: absolute; top:50%; margin-top: -13px; left:50%; margin-left: -13px;}
.index-engineering li h1 {1display: none; position: absolute; left:0; bottom:0;right: 0; height: 30px; color: #fff; line-height: 30px; padding: 0 15px; background: url(../images/icon04.png); }
.index-engineering li.curr {width: 208px;}
.index-engineering li.curr i {display: none;}
.index-engineering li.curr h1 {display: block;}

.idnex-section-contact {position: relative;}
.idnex-section-contact a {display: block; position: relative; width: 100%; height: 100%;}
.idnex-section-contact i {display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: .1;
filter: alpha(opacity=10);}
.idnex-section-contact a:hover i {display: block;}
/* footer */
.footer { background:#7f7f7f url(../images/icon02.png) 0 -40px repeat-x;padding-top: 25px; }
.footer a {color: #fff;}
.footer .left-footer {float:left; width: 755px; text-align: center; margin-bottom: 10px; }
.footer .left-footer dd {display: inline-block; width: 150px;text-align: left; vertical-align: top;}
.footer .left-footer dd {*display: inline;}
.footer .left-footer h2 a {font-size: 16px;color: #fff;}
.footer .left-footer a {padding-left: 15px; display: block; 1color: #69b5df; line-height: 26px;}
.footer .left-footer a:hover {1color: #00a0d9; text-decoration: underline;}

.footer .right-footer { float:left; width: 244px; 1height: 196px;border-left: 1px dashed #fff}
.index-links {position: relative; margin: 14px auto; width: 160px; height: 24px; line-height: 24px; background: #fff;}
.index-links p {text-indent: 9px;color: #7f7f7f;}
.index-links i {position: absolute; top:50%; right: 10px; margin-top: -2px; width: 0;height: 0; border-width:4px; border-style:solid; border-color:#7f7f7f #fff #fff #fff;}
.index-links ul {position: absolute; left:0; top:24px;width:100%; background: #fff;}
.index-links ul li a {display: block; line-height: 24px; text-indent: 10px; color: #7f7f7f;}
.index-links ul li a:hover {color: #fff; background: #7f7f7f;}


.index-er {text-align: center;}
.index-er p {line-height: 32px;color: #fff;}
.index-er img {width: 74px; height: 74px; padding: 5px; background: #fff;}

.footer-bottom {margin-top: 20px; line-height: 40px; background: #535353; text-align: center; color: #fff;}

/* page-banner */
.page-banner {margin-bottom: 20px; height: 220px; background-position: top center; background-repeat: no-repeat; }

/* frame */
.left-frame { float:left;width: 220px; margin-right: 40px;}
.right-frame { float:left;width: 740px;padding-bottom: 40px; min-height: 300px;}

/* slide-nav */
.slide-nav {}
.slide-nav li {border-bottom: 1px solid #ccc;}
.slide-nav li a {display: block;  text-indent: 20px; font-size: 14px; line-height: 41px;background: #f4f4f4;}
.slide-nav li a i { margin-right: 15px;}
.slide-nav li a:hover { color: #fff; background: #00a0d9;}
.slide-nav li a:hover i {background-position: -125px -15px;}
.slide-nav li.active a { color: #fff; background: #00a0d9;}
.slide-nav li.active a i {background-position: -125px -15px;}

.slide-nav-list {}
.slide-nav-list .level {display: block;border-bottom: 1px solid #ccc;  text-indent: 20px; font-size: 14px; line-height: 41px;background: #f4f4f4;}
.slide-nav-list .level i { margin-right: 15px;}
.slide-nav-list .level:hover { color: #fff; background: #00a0d9;}
.slide-nav-list .level:hover i {background-position: -125px -15px;}
.slide-nav-list .active .level { color: #fff; background: #00a0d9;}
.slide-nav-list .active .level i {background-position: -125px -15px;}

/* slide-nav-list */
.slide-nav-list dl {padding: 10px 0;}
.slide-nav-list dt {}
.slide-nav-list dt a {display: block; text-indent: 20px; line-height: 30px;color: #666; background: #fff;}
.slide-nav-list dt a i {margin-right: 8px;}
.slide-nav-list dt a:hover {color: #00a0d9;}
.slide-nav-list dt a:hover i {border-left-color: #00a0d9;}
.slide-nav-list dt.on a {color: #00a0d9;}
.slide-nav-list dt.on a i {border-left-color: #00a0d9;}

/* page-title */
.page-title {position: relative; margin-bottom: 20px; line-height: 41px;border-bottom: 1px solid #ccc;}
.page-title h2 { font-size: 18px; }
.page-title .crumbs {position: absolute; top:0; right: 0;}
.page-title .crumbs span {color: #00a0d9;}

/* detail-title */
.detail-title {text-align: center;}
.detail-title h1 {border-bottom: 1px dashed #bfc0c4; font-size: 18px; line-height: 48px;}
.detail-title p {line-height: 44px; color: #666;}
.detail-title p .icon-i {margin-bottom: 2px;}

/* page-content */
.page-content {font-size: 14px;line-height: 26px; color:#333333}
.page-content .ti2em {text-indent: 2em}
.page-content .f14 {font-size: 14px}
.page-content .f16 {font-size: 16px}
.page-content .lh2em {line-height: 2em;}
.page-content .lh36 {line-height: 36px;}
.page-content .fw {font-weight: bold;}
.page-content .blue {color: #00a0d9;}
.page-content .tcenter {text-align: center;}

/* news-list */
.news-list {margin-top: -20px;}
.news-list li {1padding-bottom: 20px; border-bottom: 1px dashed #bfc0c4;}
.news-list li a {position: relative; display: block; padding-top: 20px; padding-bottom: 20px;}
.news-list li a:hover {background: #e5f6fc;}
.news-list li h1 {margin-bottom: 8px; font-size: 14px; line-height: 24px;}
.news-list li p {margin-bottom: 16px; height: 36px; overflow: hidden; color: #666; line-height: 18px;}
.news-list li img {position: absolute; top:20px; left: 0; width: 165px; height: 110px;}
.news-list li .btn {display: block; width: 78px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #00a0d9;}

.page-class { padding: 10px 0; text-align: center;}
.page-class li { display: inline-block; margin: 0 2px; width: 32px; height: 32px;}
.page-class li { *display: inline;}
.page-class li a { display: block; text-align: center; line-height:32px; font-size: 14px; background: #e8e8e8;}
.page-class li a:hover { color: #fff; background: #00a0d9;}
.page-class li.curr a { color: #fff; background: #00a0d9;}
.page-class li.secend { width: 72px; }

/* support-list */
.support-list {margin-bottom: 20px;}
.support-list li {position: relative; border-bottom: 1px dashed #bfc0c4; padding-right: 100px;}
.support-list li .detail {font-size: 14px; line-height: 44px;}
.support-list li .detail i {border-left-color: #c0c0c0;}
.support-list li .detail:hover i {border-left-color: #00a0d9;}
.support-list li .down {position: absolute; top:0;right: 0;line-height: 44px; font-size: 14px;}
.support-list li .down i {margin-bottom: 2px; margin-right: 8px;}

/* gold-list */
.gold-list {}
.gold-list ul {margin: 0 -10px;}
.gold-list li { margin: 0 10px 20px;width: 233px;1height: 118px; float:left;}
.gold-list li {*display: inline;}
.gold-list li a {display: block;border:1px solid #fff;}
.gold-list li img {width: 231px;height: 118px;}
.gold-list li a:hover {border-color:#00a0d9;}

/* contact-detail */
.contact-detail {position: relative;}
.contact-detail .er {position: absolute; top:50px; right:124px; line-height: 22px; text-align: center;}

/* contact-msg */
.contact-msg {}
.contact-msg dd {position: relative; margin-bottom: 15px; padding-left: 97px;}
.contact-msg dd label {position: absolute; top:0;left:0; text-align: right; width: 90px; line-height: 34px; font-size: 14px;}
.contact-msg dd label span { color: #da251c;}
.contact-msg dd .input-text {border:1px solid #dedede; height: 26px; line-height: 26px; padding: 3px; width:286px;}
.contact-msg dd textarea {border:1px solid #dedede;  width: 565px; height: 244px;}
.contact-msg dd button {margin-right: 20px; width: 108px; height: 38px; font-size: 14px; color: #fff; line-height: 38px; background: #525252;}
.contact-msg dd .submit {background: #00a0d9;} 

/* solution-list */
.solution-list {}
.solution-list li {position: relative; margin-bottom: 20px; padding-left: 185px;height: 110px;}
.solution-list li .pic {position: absolute; top:0;left:0;}
.solution-list li .pic img {width: 165px; height: 110px;}
.solution-list li .text {position: relative; display: block; padding: 10px 18px; border:1px solid #ebeae8; height: 88px; color: #666;}
.solution-list li h1 {margin-bottom: 8px; font-size: 14px; line-height: 2em;}
.solution-list li p { line-height: 18px;}
.solution-list li .btn {position: absolute; right:0; bottom:0; width: 78px; height: 26px; line-height: 26px; text-align: center;  background: #ebeae8;}
.solution-list li .text:hover .btn { color: #fff; background: #00a0d9;}
.solution-list li .icon {position: absolute; top:27px; left:-6px;}



/* =============================== */

/* page-bbs-content */
.page-bbs-content {padding-bottom: 20px;}

/* bbs-recommend */
.bbs-recommend {position: relative;margin-bottom: 15px; padding-left: 424px;height: 268px; background: #f4f4f4;}
.bbs-recommend .pic {position: absolute; top:0; left:0; width: 403px; height: 268px;}
.bbs-recommend img { width: 403px; height: 268px;}
.bbs-recommend h1 {padding-top: 10px;font-size: 16px; line-height: 36px; font-weight: bold;color: #666;}
.bbs-recommend .text {font-size: 14px; line-height: 26px;color: #666; text-indent: 2em;}
.bbs-recommend .btn {padding-top: 8px;}
.bbs-recommend .btn a {display: inline-block; width: 68px; height: 26px;line-height: 26px; text-align: center; font-size: 12px; color: #fff; background: #00a0d9;}

/* bbs-section */
.bbs-section {}
.bbs-section .title {position: relative;  line-height: 32px;}
.bbs-section .title h2 {font-size: 18px; color: #333;}
.bbs-section .title a {position: absolute; top:0; right:0; font-size: 12px; color: #00a0d9; text-transform: uppercase;}

/* bbs-news */
.bbs-news {width:403px; margin-right: 20px;}
.bbs-text-list a {display: block; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden;}
.bbs-text-list a:hover  {color: #00a0d9;}
.bbs-text-list a:hover .icon {border-left-color: #00a0d9;}

/* bbs-pic-news */
.bbs-pic-news {width:576px;}

.bbs-pic-list {}
.bbs-pic-list li {padding-bottom: 18px; padding-top: 8px; margin-bottom: 10px;height: 100px; border-bottom: 1px dashed #bfc0c4;}
.bbs-pic-list li a {position: relative; display: block;padding-left: 163px;}
.bbs-pic-list li h1 {margin-bottom: 8px; font-size: 14px; line-height: 24px;}
.bbs-pic-list li p {margin-bottom: 6px; height: 36px; overflow: hidden; color: #666; line-height: 18px;}
.bbs-pic-list li img {position: absolute; top:0; left: 0; width: 150px; height: 100px;}
.bbs-pic-list li .btn {display: block; width: 78px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #00a0d9;}
.bbs-pic-list li:last-child {border-bottom: 0;margin-bottom: 10px;}


.page-content .lh26 {line-height: 26px;}
.page-content .strong {font-weight: bold;}
.page-content .about-css-img {margin-top: -65px;}



