@charset "utf-8";

/* CSS Document */

/* Code by Wiky @landfancy.com */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

fieldset, img { border: 0; }

/* remember to define focus styles! */

address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

abbr, acronym { border: 0; font-variant: normal; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

code, kbd, samp, tt { font-size: 100%; }

[url=]/*@purpose[/url] To enable resizing for IE */

[url=]/*@branch[/url] For IE6-Win, IE7-Win */

input, button, textarea, select {

*font-size: 100%;

}

:focus { outline: none; }

ol, ul, li { list-style: none; }

/* remember to highlight anchors and inserts somehow! */

:link, :visited, ins { text-decoration: none; text-decoration: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body { font-family:Tahoma,Arial,Verdana,sans-serif; font-size: 14px; color: #444; line-height: 1.5;  }

html { -webkit-text-size-adjust: none; /*text-transform: capitalize; */}

/*::selection { text-shadow:none;}*/

/* tables still need 'cellspacing="0"' in the markup */

/*table { border-collapse: collapse; border-spacing: 0; }*/

caption, th { text-align: left; }

sup, sub { font-size: 80%; line-height: 1px; }

/* font style begin */

p { text-transform: none; }

a { color:#07519a;}

a:hover { color:#C00;}

/*position*/

.posr { position: relative; }

.posa { position: absolute; }

/* inline, float  */

/*.fn-left, .fn-right { display: inline; }*/

.fn-left { float: left; }

.fn-right { float: right; }

.fn-clear:after { visibility: hidden; display: block; font-size: 0;  content: " "; clear: both; height: 0; line-height:0; }

.fn-clear {/* zoom: 1; */  clear: both; height: 0; margin-top: 0; font-size:0; line-height:0; overflow: hidden; }

.dib { display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

/*.fn-clear{clear: both; height: 0; margin-top: 0; font-size:0; line-height:0; overflow: hidden; }*/

/* link style begin */

.white a { color: #FFF; }

.white a:hover { color: #FFF; text-decoration: underline; }

.black a { color: #515151; }

.black a:hover { color: #C00; text-decoration: underline; }

.cate a { color: #222; }

.cate a:hover { color: #09C; text-decoration: underline; }

.gray a { color: #666; text-decoration: none; }

.gray a:hover { color: #c00; text-decoration: underline; }

.dark a { color: #444; }

.dark a:hover { color: #C00; }

.white a { color: #FFF; }

.white a:hover { text-decoration: underline; }

.blue a { color: #07519a; }

.blue a:hover { color: #C00; text-decoration: underline; }

.red a { color: #CC0000; }

.red a:hover { color: #CC0000; }

/*blank*/

.blank7 { overflow: hidden; height: 7px; line-height: 0; font-size: 0; clear: both; }

.blank10 { overflow: hidden; height: 10px; line-height: 0; font-size: 0; clear: both; }

.blank15 { overflow: hidden; height: 15px; clear: both; }

.blank20 { overflow: hidden; height: 20px; clear: both; }

.blank30 { overflow: hidden; height: 30px; clear: both; }

.blank40 { overflow: hidden; height: 40px; clear: both; }

.lhfix { font-size: 0; line-height: 0; }/*高度小于默认字号*/

/*common box*/

.wrapper { width: 100%; }

.wrapper-con { width: 1000px; margin: 0 auto; }

/*style begin*/

.head { height: 107px; background: url(../images/bg/body_bg.png) repeat-x; }

/*top nav*/

.top-nav-wrap { height:24px;}

.top-nav { clear: both; /*width: 399px;*/ height: 24px;  /*_width:398px;*//* For IE6*/ }

.top-nav li { float: left; background: url(../images/bg/ico.png) no-repeat top left; font-size: 11px; line-height: 24px; }

.top-nav li.first-item, .top-nav li.last-item { background: none; }

.top-nav li a { padding: 0 10px; text-shadow:none; }

.top-nav li.first-item a { /* padding: 0 34px 0 0;background: url(../images/bg/ico.png) no-repeat 81px -72px; */  }

.top-nav li.last-item { width: 132px; }

dl.lang-select { z-index:60; float: left; width: 132px; height: 22px; margin-top: 3px; }

	dl.lang-select dt { position: relative; z-index: 60; width: 130px; height: 16px; cursor: pointer; border: 1px solid #BBB; background: #FFF url(../images/bg/ico.png) no-repeat 3px -21px; text-indent: 20px; line-height: 16px; cursor: pointer; }

	dl.lang-select dt span { position: absolute; top: 2px; right: 2px;  display:block; width: 11px; height: 11px; line-height:0; background: url(../images/bg/ico.png) 0 -48px; text-indent:-9999px;  /* For IE6*/ }

	dl.lang-select dd { display: none; overflow:hidden; z-index: 60; top: 21px; right: 0;  width: 232px; height: 90px; background: #FFF; border: 1px solid #BBB; _width:233px;  border-top:none;}

	/*hover*/

	.top-nav dl.sfhover dt { height: 20px; border-bottom-color: #EEE; }

	.top-nav dl.sfhover dd { display: block; }

	.top-nav dl:hover dt { height: 20px;   border-bottom-color: #EEE; }

	.top-nav dl:hover dd { display: block; }

	dl.lang-select dd ul { overflow: hidden; width: 201px; margin:16px 0 0 16px; /* For IE6*/ }

		.top-nav li dl.lang-select li {  float: left;  width: 100px; border-right: 1px dotted #BBB; background: none; font-size: 12px; line-height: 20px;  }

		.top-nav li dl.lang-select li.nbd { border: none; text-indent: 20px; }

		  .top-nav li dl.lang-select li a { color: #757575; }

		  .top-nav li dl.lang-select li a:hover { color: #e1312d; }

/*--top nav end--*/

.logo {  overflow:hidden; _margin-top:-1px;  /* For IE6*/}

/*navi*/ 

#navi { width:1000px; top:0px;  z-index:50; height:45px; margin:0 auto; }

/*nav first level */

#navi li.item-main { z-index:50; position:relative; float:left; width:110px; height:40px; font-family: Arial, Helvetica, sans-serif;  }

#navi li.item-index { width:110px; background: url(./images/ico.png) no-repeat 0 -81px; text-indent:35px;  }

#navi li.item-wide { width:150px;  }

#navi li.item-main a.item-main { position:relative; z-index:9999; display:block;  text-align:center; text-decoration:none; height:47px;  line-height:41px;  text-transform:uppercase;  }

#navi li.item-index a.item-main {text-align:left; }

/*#navi li.item-main a.item-main:hover { background: url(../images/bg/nav_sub.png)  center 49px no-repeat; color:#c00; }

#navi li.item-index a.item-main:hover { background:none;}*/

/*nav second level */

/*nav pro*/

.item-pro  {position:absolute; z-index:50; top:40px; left:-100px; display:none;  width:998px;height:545px; /* height:375px;  */background:#FFFFFF url(../images/bg/nav_sub.png) 0 -57px repeat-x; border-bottom:3px solid #333; _top:51px;/* For IE6*/ filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: .90;}

.item-pro-main { overflow:hidden; width:964px; /* height:335px;  */height:505px;margin:0 auto;}

.item-pro dl { float:left; margin-right:20px;}

dl.item-pro1 { width:160px; }

dl.item-pro2 { width:190px; }

dl.item-pro3 { width:197px; }

dl.item-pro4 { width:166px; }

dl.item-pro5 { width:163px; margin-right:0; }

.item-pro dl dt { height:44px; margin-bottom:10px; line-height:44px; font-size:16px; text-indent:22px; background: url(../images/bg/nav_sub.png) 0 69px; white-space:nowrap; }

.item-pro dl dt  a { display:block;  background: url(../images/ico.png) no-repeat -1px 15px; }

.item-pro dl strong { color:#ce1010; font-weight:normal;}

.item-pro dl a strong { color:#ce1010;}

.item-pro dd { font-size:12px; height:28px; line-height:28px; white-space:nowrap;}

/*nav tips*/

.nav-tips { top:-10px; height:48px; background: url(../images/bg/nav_tip.png) top right no-repeat; }

.nav-tips p{  height:20px; margin-top:18px; padding-right:25px; line-height:20px; color:#8d8d8d; text-align:right; white-space:nowrap; font-size:12px; }

.nav-tips p a{ color:#c00; text-decoration:underline;}

.nav-tips span.nav-tips-inquiry { padding-left:20px;  background: url(../images/bg/ico.png) no-repeat 0 -164px ;  _background-position:0 -162px; /* For IE6*/ }

.nav-tips span.nav-tips-email { padding-left:20px;  background: url(../images/bg/ico.png) no-repeat 0 -207px ;  _background-position:0 -205px;}

/*nav solution*/

.item-solution  {  display:none; top:40px; left:-145px; width:430px; height:325px; _top:51px;/* For IE6*/}

.item-solution-main  { width:390px; }

dl.item-solution1 { width:180px;}

dl.item-solution2 { width:190px; margin-right:0;}

/*nav sub general*/

ul.item-sub { position:absolute; z-index:50; top:40px; left:-15px; display:none; width:140px; padding:10px 0 20px; border-bottom:3px solid #333; background:#FFFFFF url(../images/bg/nav_sub.png) 0 -57px repeat-x; _top:51px;/* For IE6*/filter: alpha(opacity=90);-moz-opacity: 0.90;opacity: .90;}

.item-sub  li{height:28px; line-height:28px; text-indent:21px;}

#navi .item-sub  li a { font-size:12px;}

ul.item-about { width:180px; left:-35px;}



/*nav hover*/

#navi li.item-main:hover .item-pro, #navi li.item-main:hover .item-solution, #navi li.item-main:hover .item-sub { display:block;  }

#navi li.item-main:hover a.item-main { background: url(../images/nav_sub.png)  center 40px no-repeat; color:#999; }

#navi li.item-index:hover a.item-main { background:none; }

#navi li.item-contact:hover a.item-contact { background:none; }

/*for ie6*/

#navi li.item-main.sfhover .item-pro, #navi li.item-main.sfhover .item-solution, #navi li.item-main.sfhover .item-sub { display:block;  }

#navi li.sfhover a.item-main { background: url(../images/bg/nav_sub.png) center 49px no-repeat; color:#c00; }

#navi li.sfhover a.item-index { background:none; }

#navi li.sfhover a.item-contact { background:none; }



/*footer*/

.footer-wrap { overflow:hidden; height:365px; margin-bottom:-36px; background: url(../images/bg/body_bg.png) repeat-x 0 -107px; text-shadow:0px 1px 0px #000; }

.footer { padding-top:32px;}

.footer a:hover { text-decoration:underline; }



.site-nav { width:650px;}

.site-nav dl { float:left; margin-right:50px; width:160px; }

.site-nav dl  {   }

.site-nav dl a { color:#C7C7C7; }

 .site-nav dl dt { height:32px; line-height:32px; font-weight:bold; font-size:14px;  }

 .site-nav dl dt a { color:#FFF; }

 .site-nav dl dd { height:24px; line-height:24px; }

/*Company information*/

.footer-nav { overflow:hidden;}

.company-info {width:300px; text-align:right; }

.company-info h2 { height:32px; font-size:16px; color:#C7C7C7;  line-height:32px;}

.company-info p { line-height:22px;  color:#c7c7c7;}

.company-info p  a{  color:#c7c7c7;}

.company-info p.contact { margin-top:35px; font-size:18px; font-weight:bold; color:#FFF; }

.company-info p.contact  span{ font-size:12px; font-weight:bold; color:#FFF; padding-right:10px; }



.chat-button { width:157px; height:29px; margin-top:30px; background: url(../images/bg/ico.png) no-repeat 0 -350px; line-height:26px; text-align:center; }

.chat-button a { display:block; color:#FFF; font-size:14px; }

.chat-button a:hover { /* color:#C00;*/ }

/*copyright*/

.footer-line { clear:both; height:2px; margin-top:30px; font-size:0; line-height:0; background:transparent url(../images/bg/body_bg.png) repeat-x 0 -473px; _background: url(../images/bg/footer-line.png) repeat-x 0 0;}

.copyright { overflow:hidden;  } 

.copyright p{ color:#a2a2a2; padding-top:20px;  }



img.authentication  { top:236px; left:474px;}





/*****solution img list******/

.imglist { overflow: hidden; width: 520px; }

.imglist li { float: left; position: relative; width: 240px; height: 100px; margin: 0 20px 15px 0; text-shadow: none; }

.imglist li a img { display: block; width: 236px; height: 96px; padding: 1px; background: #FFF; border: 1px solid #DDD; }

.imglist li a:hover { filter: alpha(opacity=80); opacity: 0.8; }

.imglist li a:hover img { /*border: 1px solid #C00;*/ }

.imglist li a span.info { position: absolute; bottom: 2px; left: 2px; z-index: 10; display: block; width: 236px; height: 20px; line-height: 20px; color: #222; background: url(../images/bg/ico.png) no-repeat 140px -314px; text-indent: 12px; }

.imglist li a span.infobg { position: absolute; bottom: 2px; left: 2px; display: block; width: 236px; height: 20px; filter: alpha(opacity=70); opacity: 0.7; background: #FFF; z-index: 5; }

.imglist li a:hover span.info { color: #c00; text-decoration: underline; }

.main-solutions .imglist{ height:230px; }



/**products img list**/

.imglist2 { overflow: hidden; width: 520px; }

.imglist2 li { display: inline; float: left; width: 110px; height: 114px; margin-right: 20px; overflow: hidden; }

.imglist2 li a { overflow: hidden; display: block; float: left; width: 110px; height: 114px; color: #61646b; }

.imglist2 li a img { display: block; float: left; width: 106px; height: 81px; margin: 0 auto; padding: 1px; border: 1px solid #DDD; background: #FFF; }

.imglist2 li a:hover img { border-color: #c00; }

.imglist2 li span.imgtit { display: block; float: left; width: 110px; height: 32px; line-height: 32px; cursor: pointer; }

.imglist2 li a:hover { color: #C00; }

/************* News & Reports tabs ***************/

.news-wrap { margin-top:12px;}

.news-wrap .main-tit { background-position: 0 -90px; }

.news-tab { overflow:hidden; margin-top:13px;}

.news-tab li { float:left; height:22px; margin-right:10px; line-height:18px;  }

.news-tab li  span { _float:left; display:block; height:18px; padding:0 8px;   background:#dedede; color:#333; cursor:pointer; }

.news-tab li.tabnow { background: url(../images/bg/tab-bottom.gif) no-repeat bottom center ;}

.news-tab li.tabnow  span{  background:#C00; color:#FFF; cursor:default; text-shadow:none;}

.news-taber { clear:both; height:136px; margin-top:10px;  }

.news-taber ul.news-list { position:absolute; top:0; left:0; display:none;}

ul.news-list { width: 460px;}

ul.news-list li {  height: 26px; line-height: 26px; overflow: hidden; width: 460px; vertical-align: top; white-space: nowrap;  }

ul.news-list li a.news-tit {overflow: hidden; display: block; float: right;  width: 376px;   height: 26px;  text-overflow: ellipsis;  white-space: nowrap;}

ul.news-list li a { color:#666; }

ul.news-list li a:hover { color:#C00; text-decoration:underline; }

ul.news-list li span.news-pub { float: left; color:#a8a8b5; }

ul.news-list li.news-top {height:64px;  }

ul.news-list li.news-top dl{ float:right; overflow:hidden;  width: 376px; height:64px;  }

ul.news-list li.news-top dl dt{overflow:hidden; line-height:20px; font-weight:bold; }

ul.news-list li.news-top dl dt a{ color:#c00;}

ul.news-list li.news-top dl dd{overflow: hidden; white-space:normal; line-height:18px; height:36px; }

/*图片切换*/

.scroll-wrap { position:relative;  overflow:hidden; width:460px; height:114px;}

.scroll-content { position:absolute; top:0; left:30px; }

.scroll-nav li { position:absolute; top:0;  width:16px; height:67px; text-indent:-9999px;}

.scroll-nav li a {  display:block;  width:16px; height:67px; background: url(../images/bg/ico.png) -169px 0 ; }

.scroll-nav li a:hover {background-position:-169px -67px; }

.scroll-nav li.next a{ background-position:-186px 0; }

.scroll-nav li.next a:hover { background-position:-186px -67px; }

.scroll-nav li.next {  right:0;}

/*返回顶部*/

.totop{width:51px;height:51px;display:block; position:fixed;right:25px;bottom:45px;background-position:0 -51px; background-image:url(../images/bg/top.gif); background-repeat:no-repeat;}

.totop:hover{ background-position:0 0;}

/* 链接 */

.other-links a{ color:#A2A2A2; padding:0 5px 0 5px; margin-right:5px;}



#banner .KMSPrefix_banner_button{
   position:absolute;
   left:43%;
   bottom:30px;
}
#banner li {
width: 35px;
height: 6px;
line-height: 5px;
font-size: 10px;
background: #cccaca;
border: 0;
color: #666666;
text-align: center;
margin-right: 12px;
font-family: Verdana;
float: left;
cursor: pointer;
-webkit-text-size-adjust: none;
}
#banner .KMSPrefix_banner_button li.KMSPrefix_banner_focus {
background: #CC0000;
border: 0;
color: #000000;
cursor: default;
}
.category-t {
	border-bottom:1px #e0e0e0 solid;
	padding:18px 0px 20px 0px;
}
.category-t p {
	padding-bottom:10px;
}
.category-t .img {
	float:left;
	margin-top:5px;
}
div.contenttext {
	float:left;
	padding-left:17px;
	width:720px;
}
div.contenttext strong {
	color: #f30;
	display:block;
	font:bold 16px/24px Calibri;
	margin-bottom:15px;
}


div.contenttext dl.idea {
	margin:0px;
}
div.contenttext dl.idea dd {
	display:inline;
	float:left;
	margin-right:85px;
	padding:10px 0px;
	padding-left:9px;
}
.category-t ul.category {
	list-style:none;
	margin:0px;
	padding:0px;
}
.category-t ul.category li {
	display: block;
	margin-right:5px;
	line-height:30px;
	background:url(arrow.gif) left 10px no-repeat;
	padding-left:25px;
}
.field {
height: auto;
overflow: hidden;
padding: 15px 0;

}
.field li{ float:left; width: 151px; padding-right: 12px;}
.field li p{ text-align:center;}

.case{width:980px; margin:0 auto; text-align:left}
.case h4{ font-size:16px; color:#3e3a39; text-align:center; padding-top:5px; padding-bottom:5px; font-weight:500;}
.case .case_cont{height:320px; width:1000px; background-color:#F7F7F7; margin:15px 0;}
.case .case_cont img{padding-top:22px; padding-left:30px; float:left;}
.case .case_cont .intro{height:154px; width:575px; padding-top:22px; padding-left:30px; float:left; font-size:14px; color:#3e3a39; line-height:30px;}

.inquiry { width:980px; margin:0 auto; font-size:12px;}
.form sup { font-size: 11px; color: #C00; margin-right: 4px; vertical-align: baseline; }

.form li label { width: 128px; text-align: right; margin-right: 10px; float: left; }

.form dd { float: left; }

.req dd input { margin: 19px 0; line-height: 18px; height: 20px; padding-left: 4px; }

.req select { width: 160px; line-height: 22px; height: 22px; margin: 19px 0; padding-left: 4px; }

.req_pro input { width: 200px; }

.req dt.other { width: 55px; }

.req_mat dd input, .req_output dd input { width: 84px; border: solid #CCC; border-width: 0 0 1px 0; background: none; }

.req_mat dd input:focus, .req_output dd input:focus { border: 1px solid #09C; }

.form { height: 360px; padding-top: 6px; }

.form li.mess { height: 140px; position:relative; _height:138px;}

.form li { line-height: 32px; clear: both; height: 32px; }

.req_pro input{ width: 200px; margin: 9px 0; border: 1px solid #CCC; line-height: 18px; height: 20px; padding-left: 4px; }

.form li input { width: 220px; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid #C0C0C0; line-height: 20px; height: 22px; padding: 0 4px; }

.form li input:focus { border: 1px solid #09C; }

.form textarea { border: 1px solid #CCC; width: 355px; height: 100px;  margin-bottom:0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize:none; }

.button { margin-top: 5px; clear: both; margin-left: 138px; height: 30px; width: 400px; }

.button li { float: left; line-height: 30px; }

.form li input.submit { margin-left: 138px; cursor:pointer; }

li input.submit {  width: 111px; height: 35px; background: url(/images/hotwater/submit_bg.png) no-repeat; border: none; margin-right: 20px; }

li input.reset{ width: 111px; height: 35px; background: url(/images/hotwater/reset_bg.png) no-repeat; border: none; }

.form li .submit:focus{ cursor:pointer;border:none;  background: url(/images/hotwater/submit_bg.png) no-repeat left 1px;}

.form li .reset:focus{ cursor:pointer;border:none;  background: url(/images/hotwater/reset_bg.png) no-repeat left 1px;}

/*校验信息*/

.LV_validation_message { padding-left:5px;  }

.LV_valid {overflow:hidden;display:none; height:0;  }

.LV_invalid { color: #CC0000; }

.form .LV_invalid_field, .inq .form input.LV_invalid_field:hover, .inq .form input.LV_invalid_field:active, .inq .form textarea.LV_invalid_field:hover, .inq .form textarea.LV_invalid_field:active { border: 1px solid #CC0000; }

.form li.mess .LV_invalid{ clear:both; position:absolute; top:120px; left:0; display:block; height:20px; padding-left:138px; _padding-left:140px; line-height:20px; }
.ztwaterbanner{width:100%; margin:0 auto; background:url(/static/images/hotwater/banner.jpg) 50% 50% no-repeat; height:377px;}
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(/images/hotwater/Top.png);
	_background-image:url(/images/hotwater/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}