/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	line-height: 1.5;
	color: #555555;
}
a {
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #555555;
}
img {
	border: 0;
	display: inline;
	vertical-align: bottom;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clear {
	clear: both;
}
.heade{width:100%;height:110px; margin:0 auto;}
.heade .top{width:1200px; height:110px; margin:0 auto;}
.heade .top .logo{width:409px; height:96px; float:left; margin-top:10px;}
.heade .top .tright{width:260px; height:66px; float:right; margin-top:25px;}
.heade .top .tright .tel{width:62px; height:63px; background:url(../images/tel.jpg); float:left;}
.heade .top .tright .tphone{width:180px; height:58px; float:left; margin-top:5px; margin-left:10px;}
.heade .top .tright .tphone .zi{ font-size:16px; height:20px;font-family: "Microsoft YaHei";}
.heade .top .tright .tphone .phone{ font-size:24px; height:25px; margin-top:5px;}

/***************内页顶部导航**************/
.weizhi{ width:1200px; height:50px; margin:0 auto;}
.weizhi .wtop{position: relative;
    padding-left: 23px;
    font-size: 13px;
    color: #999;
    background: url(../images/ico1.gif) no-repeat left 0;
    margin: 20px auto 0;
    line-height: 20px;
    height: 20px;
    width: 1177px;}

.tmenu{width:100%; height:60px; margin:0 auto; background-color:#2d0a5e;}
.menu{width:1200px;height:60px; margin:0 auto;}
.menu li {
	margin: 0 41px;
	display: inline-block;
}

 .menu li a {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	position: relative;
	padding: 15px 0 6px;
	display: block;
	font-family: "Microsoft YaHei";
}

.menu li a:after {
	content: '';
	bottom: 0;
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	/*background: #fff;*/
	
	transition: all .4s;
}

.menu li.on a:after,
.menu li a:hover {
	width: 100%;color: #aaa;
}


.flash{height:720px; overflow:hidden;}
/* 必要布局样式css */
.slide-content {
	padding-bottom: 10px;
	background-color: #f5f5f5;
}

.slide-item-body ul li {
	width: 33.333%;
	float: left;
	display: block;
	height: 200px;
	padding-top: 42px;
	margin-bottom: 30px;
	border: none;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: inherit;
	padding-top: 0;
	border-radius: 0;
	background-color: #f5f5f5;
	color: #000;
	z-index: 10002;
}
.slide-item-body ul li a {
	display: block;
	box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}
.new-img img {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}
.slide-item {
	width: 870px;
	position: relative;
	margin: 0 auto;/* overflow: hidden; */
}
.slide-item-box {
	padding: -10px 0 20px 0;
}
.new-body {
	padding: 10px 20px 10px 20px;
}
.new-body-title {
	height: 40px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	color: #616161;
	letter-spacing: 1px;
}
.slide-item-body {
	/* padding-top:20px; */
	margin-left: -70px;
}
.slide-item-body ul li {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 20px;
}
.slide-item-body .tempWrap {
	padding-top: 20px;
	background: #f5f5f5;
}
.slide-item-body ul {
	padding-top: 10px;
	overflow: visible;
}
.slide-item-body ul li:hover {
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	z-index: 1002;
	position: relative;
	left: 0;
}
.next {
	position: absolute;
	top: 49%;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 60px;
	-webkit-background-size: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	right: auto;
	left: -157px;
	height: 60px;
	width: 60px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.next-bg {
	background-image: url("../images/btn-fl1.png");
}
.next:hover {
	background-image: url("../images/btn-fl2.png");
}
.prev {
	position: absolute;
	top: 49%;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 60px;
	-webkit-background-size: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	right: -179px;
	height: 60px;
	width: 60px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.prev-bg {
	background-image: url("../images/btn-fr1.png");
}
.prev-bg:hover {
	background-image: url("../images/btn-fr2.png");
}

.video-con{ width:320px; height:260px;  position: relative; margin-top:-30px; margin-bottom:60px; overflow:hidden;}
.video-con .video{ width: 100%; height: 100%;}
.video-con .btn{ width: 64px; height: 64px; background: transparent url("img/play-btn.png") no-repeat; position: absolute; left: 50%; top: 80%; transform: translate(-50%,-50%); border: none;}
.video-con .btn.pause{ background-image: url("../img/pause-btn.png"); border:0;}

/****************动画样式********************/
.banner{ width:100%; height:610px; overflow:hidden; position:relative; font-size:0}
.b-img{ height:570px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:570px; float:left;}
.b-list{ height:50px; padding-top:539px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #333; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:215px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:215px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.biaoti{padding:0 10px; height:60px; margin:0 auto; padding:30px 0;}
.biaoti .title{ height:30px; text-align:center; font-size:26px; font-weight:bold; color:#2d0a5e;}
.biaoti .en-title{height:25px; text-align:center; padding:15px 0 0 0; font-size:14px;}
.biaoti .line{height:6px; text-align:center; font-size:6px; color:#7c7c7c;}

/***************产品展示**************/
.index-product{width:1380px; height:445px; margin:0 auto;}

.products{width:1200px; margin:0 auto; position:relative; padding-bottom:20px; overflow:hidden;}

.products .left{width:200px; height:800px; float:left;  margin-right:20px;}
.products .left .cpxl{ width:400px; height:361px; float:left; margin-top:20px;}

.products .right{width:980px;height:auto; float:right;  overflow:hidden}
.products .left ul{ 
  width:200px; 
  height:470px;
  background-color:#666
 
}
.products .left ul li{ 
  float:left; 
  width:200px; 
  height:67px; 
  line-height:55px; 
  text-align:center; 
  color:#fff;
}
.products .left ul li a{ 
  color:#fff; 
  display:block; 
  width:200px; 
  height:67px; 
  text-decoration:none;
  font-size:16px;
}
.products .left .first{background-color:#2d0a5e;}
.products .left ul li a:hover{
  color:#fff; 
  display:block; 
   width:200px; 
  height:67px; 
  text-decoration:underline; 
  background-color:#333;
}

.products .left .ltel{width:200px; color:#0e050a; font-size:16px; position:relative; overflow:hidden; top:20px;}
.products .left .ltel i{ display:block; padding-left:43px; background:url(../images/tel.gif) no-repeat 11px 0; line-height:29px;}
.products .left .ltel span{ display:block; color:#0e050a; font-size:22px; font-weight: normal;text-align:center; padding-top:2px;}




/*************水源地***************/
.shuiyuan{width:1200px; height:660px; margin:0 auto;}
.shuiyuan .left{width:390px; height:490px; float:left; margin-top:35px; background:url(../images/shuiyuan-1.jpg);}

.shuiyuan .left .miaoshu {padding:45px; line-height:33px; color:#fff;}
.shuiyuan .left .miaoshu .biaoti { font-size:26px; margin-bottom:-20px; color:#fff;}


.shuiyuan .right{width:800px; height:490px; float:left;margin-top:30px;padding-left:10px;}
.shuiyuan .right li{width:385px; height:240px; margin:5px 5px; float:left; background-color:#333}

.shuiyuan .right li a:hover {
	-webkit-filter: grayscale(30%);
	-moz-filter: grayscale(40%);
	-ms-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	filter: grayscale(40%);
}
.shuiyuan .right li:hover {
	-ms-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
	z-index: 92;
	position: relative;
	left: 0;
}
/***************关于我们*************/
.index-about{font-family: "Microsoft Yahei";padding:36px 0 0;height:750px;line-height: 22px;font-size: 16px;  width:100%;}
.index-about .aleft{width:600px; height:576px; float:left; margin-top:30px;}
.index-about .aleft .title{ width:100%; padding:10px; font-size:24px; }
.index-about .aleft  .m{width:600px; height:130px; float:left; margin-top:50px; margin-bottom:30px;}
.index-about .aleft .m1{width:160px; height:130px; float:left; margin-top:30px;}
.index-about .aleft .m1 .mt{ font-size:28px; height:40px; text-align:center;}
.index-about .aleft .m1 .smt{ font-size:14px; padding-top:15px; text-align:center;}



.index-about .aleft  .line{width:1px; height:130px; float:left; background-color:#999}
.index-about .aleft  p{ margin:30px 30px 0 0; text-align:left; font-size:16px; line-height:30px;}
.index-about .aleft .mtel{ width:232px; height:45px; float:left; margin-top:60px;}

.index-about .aright{width:600px; height:576px; float:left; margin-top:30px;}
.index-about .aright .acf{width:600px; height:372px; float:left; margin-bottom:15px;}
.index-about .aright .asb{width:600px; height:194px; float:left;}


.index-project {
	width: 100%;
	height: 731px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(../images/index_11.jpg);
}
.index-project a {
	color: #fff;
	text-decoration: none;
}
.index-project .project {
	width: 1130px;
	height: 731px;
	margin: 0 auto;
	padding-top: 35px;
}
.index-project .project .title {
	width: 500px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	color: #3a1e6e;
	border-bottom: 1px solid #4d504e;
}
.index-project .project .mtitle {
	width: 1100px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	font-size: 22px;
	color: #3a1e6e;
}
.index-project .project .pro {
	width: 1100px;
	height: 500px;
	margin: 0 auto;
	padding-top: 30px;
}
.index-project .project .pro .kuang {
	width: 135px;
	height: 135px;
	margin: 10px;
	float: left;
	border: 1px solid #c1c1c1;
}
.index-project .project .kk {
	width: 105px;
	height: 105px;
	padding: 15px 15px;
	background-color: #fff;
}
.index-project .project .dingzhi {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	font-size: 26px;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	background-color: #3f2472;
	border-radius: 15px
}


/*****************服务***************/
.index-service{font-family: "Microsoft Yahei";padding:36px 0 0;height:1020px;line-height: 22px;font-size: 16px;  width:100%; }
.serverl{width:600px; height:439px; float:left; }
.serverr{width:550px; height:439px; float:right; padding-left:50px;}
.content{ width:1200px;margin:0 auto; padding-top:25px; }

.server-title{ height:30px; text-align:left; font-size:22px; padding-top:40px; font-weight:bold;}
.server-entitle{height:14px; text-align:left; font-size:14px;}
.server-fuwu{padding-top:50px;}
.server-fuwu p{font-size:15px; text-align:left; padding:10px 0; font-size:16px; }
.server-fuwu .kuang{ width:130px; padding:15px 0; text-align:center; background-color:#2d0a5e; font-size:16px; color:#fff;}
.server-fuwu .kuang a{ color:#fff;}

/*****************资讯***************/
.index-new{font-family: "Microsoft Yahei";padding:36px 0 0;height:788px;line-height: 22px;font-size: 16px; background-color:#f5f5f5; width:100%; }
.index-new .content{ width:1200px;margin:0 auto; }
.new_l{width: 530px;background: #fff;padding: 28px;height:583px;overflow: hidden; float:left}
.new_r{width: 584px; float:right;}
.new_r h3{height: 59px;line-height: 59px;font-size: 24px;color: #333;}
.new_r h3 a,.news_c dd h4 a,.new_l dd h4 a,.about_w h3 a{color: #333;display: block;}
.news,.faqs{width:524px;height:353px;background: #fff;padding:12px 30px;}
.faqs{height:208px;margin-top: 30px;}
.news_c dl{height: 94px;padding: 4px 0 0;overflow: hidden;line-height: 21px;font-size: 14px;}
.news_c dt,.news_c dt img{height:77px;width: 155px;float: left;display: block;overflow: hidden;}
.news_c dd{width:350px;float: right;overflow: hidden;}
.news_c dd h4{height: 29px;font-size: 16px;color: #333;}

.faq_c li,.new_lh li{height:36px;line-height: 36px;padding: 0 0 0 27px;background:url(../images/ico04.gif) no-repeat 0 16px;}
.faq_c li span,.new_lh li span{float: right;color: #b0b0b0;}
.faq_c li a,.new_lh li a{display: block;color: #666;}


.new_l dl{position: relative;height:406px;}
.new_l dt{position: relative;}
.new_l dt span{position: absolute;width:84px;height: 79px;left: 0;top: 0;}
.new_l dt,.new_l dt img{width:526px;height:263px;display: block;overflow: hidden;}
.new_l dd{padding:19px 0 0;}
.new_l dd h4{display: block;font-size: 18px;line-height:42px;height:42px;}



/*************底部****************/
.bottom-menu{width:100%; height:60px; margin:0 auto; background-color:#2d0a5e;}
.bottom-menu .menus{ width:1200px; height:30px; padding:20px 0; margin:0 auto; color:#fff;}
.bottom-menu .menus li{ padding:0 35px; height:30px; float:left;  font-size:16px; }
.bottom-menu .menus li a{ color:#fff;}
.bottom-menu .menus .tel{width:250px; float:right; font-size:18px;}

.bottom{width:1200px; height:260px; margin:0 auto; padding-top:30px;}
.bottom .blogo{width:214px;height:260px; float:left; margin:0 10px;}
.bottom .neirong{width:560px; height:180px; float:left; padding:0 20px; }
 .bottom .neirong .nr{width:360px; height:180px; float:left; }
.bottom .neirong .nr .title{width:100%; height:35px; float:left; font-size:19px;}
 .bottom .neirong .nr .en_title{width:100%; height:15px; float:left; font-size:10px;}
 .bottom .neirong .nr .add{width:100%; height:25px; margin-top:25px; float:left; font-size:15px;}
 .bottom .neirong .nr .tel{width:100%; height:25px;  float:left; font-size:16px;}
 .bottom .neirong .nr .hao{width:100%; height:25px; margin-top:25px; float:left; font-size:15px;}
 .bottom .neirong .dianpu{width:160px; float:left; height:180px; }
 .bottom .neirong .dianpu  .taobao{width:142px; height:70px; float:left;}
 .bottom .neirong .dianpu  .jingdong{width:112px; height:70px; margin-top:20px; float:left;}

.bottom  .copyright {width:560px; height:60px; float:left;font-size:15px;  line-height:32px; }

.bottom .right{width:280px; height:230px; float:left; border-left:1px solid #CCC; padding-left:70px; }


/***************内页顶部导航**************/
.inner-top{ width:1200px; height:50px; margin:0 auto;}
.inner-top .wtop{position: relative;
    padding-left: 23px;
    font-size: 13px;
    color: #999;
    background: url(../images/ico1.gif) no-repeat left 0;
    margin: 20px auto 0;
    line-height: 20px;
    height: 20px;
    width: 1177px;}

/*************关于我们***************/
.content{ width:1200px; padding:10px 0 30px 0; margin:0 auto;position: relative; overflow:hidden;}
.content .about{width:1200px; height:500px;padding:0 0 40px 0;position: relative; }
.content .aboutleft{width:340px; height:500px; float:left; background-color:#999}
.content .aboutright{width:830px; float:left; margin-left:30px;}
.content .aboutright p{ float:left; line-height:27px;text-indent:30px}

.content .guimo{width:1200px; padding:10px 0 ;margin:0 auto;}

.content .guimo li{width:283px; height:210px; float:left; margin:5px 5px;}
.content .guimo  li .pic{width:283px; height:169px; float:left; margin:5px 5px; border:1px solid #CCC}
.content .guimo  li .pic img{width:100%;}
.content .guimo  li .ptitle{width:285px; height:30px; text-align:center; padding:10px 0; font-size:16px;}

/***************************/
.qing{width:1250px; height:650px; margin:0 auto;}
/*****************************联系******************************/
.lxbt{ text-align:center; line-height:36px; font-size:24px; color:#000;}
.con{ display:block; float:left; width:580px; height:auto; background:#f3f3f3; height:560px; padding-top:55px; padding-left:30px;position:relative;}
.map{ display:block; position:relative; float:left;}
.con1{ line-height:30px; font-size:14px; color:#333; border-bottom:1px solid #aaa; padding-bottom:23px;}
.con2{ padding-top:13px; padding-left:30px; line-height:40px; font-size:14px; color:#333; overflow:hidden;}
.add{ position: relative; overflow:hidden;}
.add1{float:left; width:20px; height:40px; position:relative; overflow:hidden;}
.add2{  position:relative; margin-left:30px; }
.add1_1{ position:relative; display:block; top:8px;}
.add1_2{ position: absolute; display:block; top:48px;}
.add1_1, .add1_2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.add:hover .add1_1{top:-48px;}
.add:hover .add1_2{top:8px;}
.ewm{ display:block; float: left; margin-right:20px; text-align:center; line-height:28px; font-size:14px; color:#333; position: relative; margin-top:20px; left:0;}



/**************定制矿泉水**************/
.changjing{ width:100%; margin:0 auto; overflow:hidden; background-color:#f8f8f8;}
.changjing ul {width:1200px; margin:0 auto; padding-top:45px;}
    
.changjing ul li {
        width: 381px;
        float: left;
        margin-right: 28px;
        margin-bottom: 23px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd;
    }
    
.changjing ul li b img {
      height: 287px;
        width: 387px;border:1px solid #ddd; 
		
    }
    
.changjing ul li b {}
    
.changjing ul li h3 {
        color: #333;
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        margin-top: 3px;
    }
    
.changjing ul li i {
        float: right;
        margin-top: 10px;
    }
    
.changjing ul li:nth-child(3n) {
        margin-right: 0;
    }


.changjing ul li a:hover {
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
	-ms-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	filter: grayscale(40%);
}
.changjing ul li:hover {
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	z-index: 92;
	position: relative;
	left: 0;
}



.anim-show{ height:100%; margin:0 auto; background-color:#f5f5f5;}

.news_listnr{width:1200px;  overflow: hidden;margin:0 auto; }
.news_listnr ul{margin-left:4%;float:left;}
.news_listnr ul li{width:45%;height:118px;margin:10px 0;margin-left:2%;float:left; border-bottom:1px solid #eee;padding:28px 15px;box-shadow:0 0 10px rgba(255,51,0,0); transition:all 1s; background:#fff;}
.news_listnr_img{float:left;width:30%;height:100px;}
.news_listnr_img img{width:100%;display:block;height:100%;}
.news_listnr_fr{width:65%;float:right;}
.news_listnr_bt{display:block;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;transition:all 1s;font-weight:normal;}
.news_listnr_text{display:block;font-size:13px;color:#666;line-height:26px;height:58px;overflow:hidden;margin-top:8px;}
.news_listnr_rq{display:block;text-align:right;font-size:12px;color:#999;line-height:24px;}
.news_listnr_rq i{font-size:18px; position:relative;top:2px;}
.news_listnr ul li:hover{ box-shadow:0 0 10px #2d0a5e;}
.news_listnr ul li:hover .news_listnr_bt{color:#2d0a5e;}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.Tshangqiao{
  width:613px;
  height:285px;
  background:url('../images/bbx.jpg') no-repeat center center;
  position:fixed;
  left:50%;
  margin-left:-250px;
  z-index:9999;
  top:50%;
  margin-top:-115px;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  display:none;
}
.Tshangqiao .zixun{ position:absolute; bottom:34px; left:114px; cursor:pointer;}
.Tshangqiao .noneyin{ position:absolute; bottom:34px; right:141px; cursor:pointer;}
.Tshangqiao .youxuan{ position:absolute; bottom:16px; left:11px; cursor:pointer;}


/******************/
.news_list{width:1200px; margin:0 auto; overflow:hidden;}
.news_list-1{width:1200px; margin:0 auto; padding:20px 0;}
.news_list-1 h1{ font-size:18px; text-align:center; padding:15px 0;}
.news_list-1 p{ line-height:26px; text-align:left;}
.news_list-1 img{ text-align:center;}