@charset "utf-8";



/* 全站共用 */

body{ margin:0px; padding:0px; font-size:12px; color:#333; font-family:"微软雅黑";overflow-x:hidden}

ul,li{ margin:0px; padding:0px; list-style: none;}

img{ border:0px; vertical-align:bottom}



input{ outline:0}





/*公用按钮*/

.btn {

    display: inline-block;

    color: #fff;

    /*border-radius: 3px;*/

    background: #35b558;

    -webkit-transition-duration: 0.8s;

    transition-duration: 0.8s;

    -webkit-transition-property: background;

    transition-property: background;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

}

.h-btn:hover, .h-btn:focus, .h-btn:active {}





/* banner */

.banner{

	position:relative;

}

.slideBox{

	width:100%;

	overflow:hidden;

	position:relative;

}

.slideBox .hd{

	width:100%;

	height:313px;

	position:absolute;

	right:0px; bottom:-70px; z-index:3;

	background:url(../images/ind1.png) center top no-repeat;

}

.slideBox .hd ul{

	width:900px;

	margin-left:-450px;

	position:absolute; left:50%; top:65px;



}

.slideBox .hd ul li{

	width:17px;

	height:17px;

	float:left;

	margin-right:15px;

	cursor:pointer;

	background:url(../images/dot.png) left top no-repeat;

	}

.slideBox .hd ul li.on{

	color:#fff;

	background:url(../images/dot.png) top right no-repeat;

}

.slideBox .bd{

	position:relative;

	height:100%;

	z-index:0;

	}

.slideBox .bd li, .slideBox .bd li a{

	width:100%;

}

.slideBox .bd li{

	padding-top:50.86%;

    background-size: cover;

	background-position: center top;

	background-repeat: no-repeat; width:100%; height:100%; float:left; display:block

}

.slideBox .bd .bd1{

}

.slideBox .bd .bd2{

	background-image:url(../images/banner2.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_02.jpg', sizingMethod='scale');

}

.slideBox .bd .bd3{

	background-image:url(../images/banner3.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner_03.jpg', sizingMethod='scale');

}

.slideBox .bd li a{

	height:100%;

	display:block;

	position:absolute; left:0; top:0;

}



/* circuit */

.circuit{

	width:920px;

	margin-left:-467px;

	position:absolute; left:50%; bottom:40px; z-index:5;

}

.circuit ul{

	width:920px;

	margin:0 auto;

}

.circuit li{

	float:left;

	padding:0 10px;

}



/* piclist */

.pagewrapper{width:100%;

	height:340px;

	margin:0 auto; text-align:center; padding-top:100px;

    background-size: cover;

	background-repeat:no-repeat;

	background-position:center top;

}

.rad{

	margin-top:-82px;

	background-image:url(../images/ind2.png);

	position:relative; z-index:3;

}

.piclist{

	width:838px;

	margin:0 auto;

}

.piclist_title{

	padding-bottom:15px;

	text-align:center;

	font:20px "微软雅黑";

	color:#707070; padding-top:150px;

}

.piclist ul{

	padding:25px 0 55px

}

.piclist li{

	width:359px;

	float:left;

	margin:0 30px;

	border-bottom:4px solid #e4122d;

}







/*头部浮动*/

.headbox{ width:100%; float:left; position:absolute; z-index:99; top:0}

.head{ width:1100px; margin:0 auto} 

.head-logo{ width:150px; height:160px; float:left;}

.head-tel{ width:129px; float:right; margin-right:15px; margin-top:10px;}



.ind1box{ width:100%; height:313px; float:left; background:url(../images/ind1.png) top center no-repeat; position:absolute; z-index:9; bottom:310px}

.ind1{ width:1100px; height:150px; margin:-75px auto 0 auto; position:relative; z-index:99999; text-align:center}

.ind1 ul li{ margin:0 auto; display:inline} 



.ind2box{ width:100%; height:440px; float:left; background:url(../images/ind2.png) top center no-repeat; position:absolute; z-index:99; top:770px}

.ind2{ width:1100px; margin:0 auto;}

.ind2-wz{ width:1100px; float:left; font-size:20px; text-align:center; margin-top:50px;}

.ind2-tp{ width:920px; float:left; margin-left:90px; margin-top:60px;}

.ind2-tp ul li{ width:360px; float:left; border-bottom:4px solid #1DADDF; margin:0 50px;}







/*导航*/

.dhbox{ width:910px; height:45px; float:right; background:url(../images/dh_bj.png) no-repeat; margin-top:10px;}



.menu { width:900px; position:relative; z-index:999; float:left; margin-left:10px;}

.menu ul li a, .menu ul li a:visited {display:block; width:92px; height:37px; text-align:center; color:#333; line-height:37px; font-size:14px; overflow:hidden;}

.menu ul {padding:0; margin:0;}

.menu ul li {float:left; position:relative;}

.menu ul li ul {display: none;}

.menu ul li:hover a {width:77px; background:url(../images/dh_b.png) center left no-repeat; color:#fff; padding-left:15px; font-size:13px;}

.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0;}



.menu ul li:hover ul li a.hide { width:92px; float:left;}

.menu ul li:hover ul li:hover a.hide { width:92px; float:left; color:#fff; background:#1DADDF;}



.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; color:#000; border-bottom:1px solid #fff; background-color:#EBEBE7; border-radius:100px; background-image:none; width:92px; font-size:12px; height:25px; line-height:25px; text-align:center; padding-left:0;}

.menu ul li:hover ul li a:hover { color:#fff; background:#1DADDF;}



.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:92px; top:0px; width:92px; background-color:#EBEBE7; border-radius:100px;}

.menu ul li:hover ul li:hover ul.left {left:-92px;}

.menu ul li:hover ul li:hover ul a {display:block; display:inline-block; width:92px; float:left; color:#000; font-size:12px; line-height:25px; height:25px; text-align:center;}

.menu ul li:hover ul li:hover ul a:hover {background:#1DADDF; color:#fff;}





/*底部*/

.bottombox{ width:100%; float:left; background:#B8B8B8;}

.bottom{ width:1100px; margin:0 auto; line-height:60px; color:#fff}

.bottom a{ color:#fff}

.bottom a:hover{ color:#fff; text-decoration:underline}







.zbox{ width:100%; float:left;}





/*关于汤泉谷*/

.about-ban { width: 100%; height:550px; float:left; border-top:4px solid #1DADDF;}

.aboutbox{ width:100%; float:left; position:absolute; z-index:999; top:300px}

.about-bj{ width:100%; float:left; background:url(../images/z_bj.png) top center no-repeat;}

.about-bt{ width:1080px; margin:0 auto; line-height:50px; margin-top:60px; background:url(../images/ico_home.png) left center no-repeat; padding-left:20px;}

.about-nr{ width:1100px; margin:0 auto; line-height:30px;}

.about-db{ width:100%; height:365px; float:left; background:url(../images/ind2.png) top center no-repeat; padding-top:75px;}







/*广告片*/

.HS10, .HS15 {

	overflow:hidden;

	clear:both;

}

.HS15 {

	height:15px;

}

.Hidden {

	display:none;

}



.FlLeft {

	float:left;

}

.FlRight {

	float:right;

}

/*幻灯片区域背景*/

.MainBg {

	background-color:#;

	width:960px;

	margin:20px auto;

}

/*标题和页码*/

.Title {

	color:#EEE;

	padding:10px 0;

	text-align:center;

	line-height:40px;

	height:40px;

}

.Title h1 {

	display:inline;

}

.Title .Counter {

	color:#666;

}

.Title .CounterCurrent {

	color:#000;

	font-size:20px;

	font-weight:bold;

}



/*大图展示区域*/

.dt-bt{ text-align:center; color:#666; width:930px; float:left; font-size:18px; margin-bottom:20px;}

.OriginalPicBorder {

	padding:10px 0 0 13px;

}

#OriginalPic {

	width:930px; height:600px;

	overflow:hidden;

	position:relative;

	font-size:12px; text-align:center

}

#OriginalPic img {

	display:block;

	margin:0 auto; border:1px solid #ccc

}

/*鼠标手势*/

.CursorL {

	position:absolute;

	z-index:999;

	width:50%;

	height:600px;

	color:#FFF;

	left:120px;

	cursor:url(../other/CurL.cur), auto;

	background:url(../images/space.png) repeat scroll 0 0 transparent;

}

.CursorR {

	position:absolute;

	z-index:999;

	width:50%;

	height:600px;

	color:#FFF;

	right:0;

	cursor:url(../other/CurR.cur), auto;

	background:url(../images/space.png) repeat scroll 0 0 transparent;

}

/*小图预览和滑动*/

.SliderPicBorder {

	width:800px;

	height:600px;

	overflow:hidden;

}



.ThumbPicBorder {

	width:940px;

	margin:0 auto;

}

#ThumbPic img {

	border:3px solid #ccc;

	cursor:pointer;

	background-color:#ccc;

	margin:0 4px;

	width:130px;

	height:80px;

	display:block;

}

#ThumbPic img.active {

	border:3px solid #1DACDF;cursor:pointer;

}





/*新闻中心*/

.product{ width:1100px; height:auto; float:left}

.product ul li{ width:250px; height:auto; float:left;  margin-top:15px;}

.product ul li .tp{ width:250px; height:160px; overflow:hidden;}

.product ul li .tp img{float:left; position:relative; z-index:9; transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}

.product ul li .tp img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-m-transform:scale(1.15);transform:scale(1.15); }

.product ul li .wz{ width:250px; height:auto; float:left; line-height:20px; font-size:14px; margin:5px 0 5px 0; color:#000}

.product ul li .nr{ width:250px; height:auto; float:left; line-height:20px; font-size:12px; margin:5px 0 5px 0; color:#666}







/*详细页*/

.product-nr{ width:1100px; float:left;}

.product-nr-bt{ width:1100px; float:left; text-align:center; font-size:20px; color:#000; font-family:"微软雅黑"; line-height:80px;}

.product-nr-fb{ width:1100px; float:left; text-align:center; color:#999; background-color:#F2F2F2; margin-bottom:10px; height:30px;}

.product-nr ul li{ width: 1100px; float:left; line-height:25px; }

.product-nr ul li img{ max-width:1100px;/*IE7以上及Firefox用*/ width: expression(this.width > 820 ? 820: true); /*IE6用*/}

.product-fy{ width:1100px; float:left; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px; color:#999}

.product-fy ul li{ width:1100px; float:left; line-height:25px;}

.product-fy ul li a{ color:#999;}

.product-fy ul li a:hover{ color:#000;}





/*水健康知识*/

.sjk{ width:1100px; height:auto; float:left}

.sjk ul li{ width:1100px; height:auto; float:left;  margin-top:20px; padding-bottom:20px; border-bottom:1px dotted #ccc}

.sjk ul li .tp{ width:150px; height:100px; float:left; overflow:hidden;}

.sjk ul li .tp img{float:left; position:relative; z-index:9; transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}

.sjk ul li .tp img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-m-transform:scale(1.15);transform:scale(1.15); }

.sjk ul li .wz{ width:930px; height:auto; float:right; line-height:20px; color:#666}

.sjk ul li .wz-bt{ width:930px; height:auto; float:left; line-height:20px; font-size:15px; margin:5px 0 5px 0; color:#000}





.whsd-pl{ width:1100px; height:auto; float:left; border:1px solid #eee; margin-top:10px;}

.whsd-pl .bt{ width:1080px; height:30px; float:left; padding:0 10px; color:#000; font-size:12px; font-family:"宋体";

background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* Firefox */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); /* Saf4+, Chrome */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType='0'); /* IE*/ 

} 

.whsd-pl .nr{ width:1080px; height:auto; float:left; line-height:22px; padding:15px 10px;}

.whsd-pl .nr1{ width:1080px; height:auto; float:left; border-top:1px solid #eee; padding:10px 10px; line-height:20px;}



.zp{ width:1080px; height:auto; float:left; border:1px dotted #dedede; padding:10px; margin-top:40px; float:left; font-size:14px;}

.zp ul li{ width:1080px; float:left; line-height:30px; margin-top:10px;}

.ziduan80{ width:80px; float:left; text-align:right; margin-right:10px;}

.bd200{ width:300px; height:25px; line-height:25px; border:1px solid #dedede}

.bd400{ width:400px; height:100px; line-height:20px; border:1px solid #dedede;}



.more-h1{width:120px; height:35px; float:left; margin-left:90px;}

.more-h1 a.btn{width:120px; height:35px; line-height:35px; display:block; background:#1DACDF; color:#fff; text-align:center; text-decoration:none;border-radius: 3px;}

.more-h1 a.btn:hover{ background:#1580A8; text-decoration:none; color:#fff;}







/*分页*/

.fenye{ width:1100px; height:auto; float:left; text-align:center; margin:40px 0 0 0;}

.fenye a{ border:1px solid #D6D6D6; padding:2px 5px; margin-left:5px;}

.fenye a:hover{ border:1px solid #D6D6D6; padding:2px 5px; margin-left:5px;}

.fenye-bd{ width:50px; border:1px solid #D6D6D6; margin:0 5px; text-align:center}

.red{ color:#F00}

/*品牌*/

.pp{ width:950px; margin:40px auto;}

.pp ul li{ width:auto; float:left; margin:10px 5px}


/*----------product---------*/

.producta {width:920px; height:600px; position:relative; margin-left:90px;}

.scrollleft { width:23px; height:69px; padding-left: 50px; padding-top: 215px; float:left; }

.scrollright { width:23px; height:69px; float:left; padding-top: 215px; padding-left: 70px; }

#moreleftDIV { width:746px; height:411px; position:relative; overflow:hidden; top:65px; left: 43px; float: left; }

#moreleftDIV #slide2 li { float:left; width:746px; }

#moreleftDIV #slide2 li .sl_le { width:230px; float:left; margin:0 20px;}

#moreleftDIV #slide2 li .sl_ri { width:320px; float:right; margin-left:20px; line-height:25px; margin-top:20px;}

#moreleftDIV #slide2 li .sl_ri_top {width:230px; height:120px; font-size:22px; color:#1DACDF; line-height:60px;}

#drop { width:80px; height:120px; position:absolute; top: 410px;left: 100px;}

#drop .drop_nav li { width:80px; display: block; float: left; }

#drop .drop_nav li img{ display: block; float: left; width:60px; height:120px; }

#drop .drop_nav li .actt img{ width:70px; height:130px;}





.sydbox{ width:100%; height:1040px; float:left; background:url(../images/2_1.jpg) top center no-repeat;}

.syd{ width:1400px; margin:0 auto}





/*漂浮视频*/

.ewm{ width:120px; height:120px; float:left; background-color:#1DADDF; padding:5px; position:relative; z-index:999}

.ewm ul li{ width:120px; height:; float:left; line-height:20px; font-family:"微软雅黑"; font-size:15px; text-align:center}



.close{ width:16px; height:16px; line-height:16px; text-align:center; color:#33BDEB; background-color:#fff; position:absolute; top:-18px; right:0;cursor:pointer; border:1px solid #1DADDF;font-size:10px; }







/*对齐方式*/

.fl{ float:left;}

.fr{ float:right;}

.tar{ text-align:right;}

.tac{ text-align:center}





/*边距*/

.mt5{ margin-top:7px;}

.mt40{ margin-top:40px;}



.mr20{ margin-right:33px;}

.mr0{ margin-right:0px;}



.ml10{ margin-left:10px;}

.ml40{ margin-left:40px;}







/*文字样式*/

.fam{ font-family:"宋体"}

.fow{ font-weight:bold}

.fz15{ font-size:15px;}

.fz20{ font-size:20px;}

.lan{ color:#1DACDF;}

#lan{ color:#1DACDF;}









.pageB{

	width:300px;

	height:26px;

	float:left;

	text-align:right;

	}

.pager { float: left;margin: 0px;text-align:right; color: #666;;font-size:12px; width:700px; height:22px;font-family:"宋体";}   

/*分页链接样式*/  

.pager a { margin: 2px; padding:2px 5px; color: #666; text-decoration: none; border: 1px solid #D6D6D6; }   

/*分页链接鼠标移过的样式*/  

.pager a:hover {color:#000; margin: 2px; padding:2px 5px;}   

/*当前页码的样式*/  

.pager span.current { font-weight: bold; margin: 0 2px; padding: 2px 5px; color: #fff; background-color: #1DACDF; border: 1px solid #1DACDF; }   

/*不可用分页链接的样式(比如第1页时的“上一页”链接)*/  

.pager span.disabled { margin: 0 2px; padding: 2px 5px; color: #999; border:1px solid #D6D6D6;  text-align: center; }

/*跳转文本框的样式*/  

.pager input { width:50px;height:18px;margin-bottom:2px; margin-left:2px; margin-right:2px; margin-top:0px; color:#666; border:1px solid #D6D6D6; padding:2px; text-align:center;font-size:12px; font-family:Tahoma;outline:none;}