@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0; color: #27282d;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
select{
	/*-webkit-appearance:none; 去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
}
body,button,input,select,textarea{ font: normal 16px/100% 'Microsoft Yahei', Arial, sans-serif; letter-spacing: 2px;}
li{ list-style-type:none;}
 
.px1200{width: 1200px;margin:0 auto;}
.px25{width: 100%;height: 2px;background: #0075bd; margin: 25px 0;}

/*头部*/
.head{
	height: 137px; 
	position: relative;
}
.head .top{
	border-bottom: solid 1px #c8d3d6;
	height: 38px;
	line-height: 38px;

}
.head .top .px1200>p{
	float: left;
	padding-left: 8px;
}

.head .top ul{
	float: right;
}

.head .top ul li{
	float: left; 
	position: relative;
}

.head .top ul li a{
	border-right: solid 1px #7b7e85; 
	padding:0 20px;
	color: #6c6d6f;
}
.head .top ul li a:hover{
	color: #27282d;
}
.head .top ul li a.erwm{
	border-right: solid 0px #7b7e85; 
	background:no-repeat center right url(../images/jiant.png);
	padding-right:15px;
}
.head .top ul li.no:hover .web{
	display: block;
}
.head .top ul li .web{
	border: solid 1px #dcdcdc;
	position: absolute;
	z-index: 100;
	background: #fff;
	right: 0;
	width: 240px;
	display: none;

}
.head .top ul li .web>div{
	float: left;
	padding: 8px;
	line-height: 20px;
	text-align: center;
}
.head .top ul li .web>div img{
	display: block;width: 100px; height: 100px;
}
.head .top ul li .web>div p{
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	 letter-spacing:0px;
} 
 
.head .bottom .px1200{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; 
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack:justify ;
    justify-content: space-between; 
}

.head .bottom .logo{
	padding-top:9px;
}

.head .bottom .dh{
	padding: 10px 0 0 30px;
}
.head .bottom .dh ul{
	padding-top: 30px;
	overflow: hidden;
}
.head .bottom .dh ul li{
	float: left;
	padding:0 22px; 
	text-align: center;
	position: relative;

}
.head .bottom .dh ul li i{
	display: inline-block;
	width: 28px;
	height: 2px;
	background: #fff;
	 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.head .bottom .dh ul li.no a{
	color: #4890f1;
}
.head .bottom .dh ul li.no i{ 
	background: #4890f1;
}
.head .bottom .dh ul li:hover i{
	width: 100%;
	background: #4890f1;
	
}
.head .bottom .dh ul li:hover a{
	color: #4890f1;
}
.head .bottom .dh ul li a{
	color: #27282d; 
	display: block;
}
.head .bottom .dh ul li a span{
	display: block;
}

.head .dianh{
	padding: 22px 0 0 35px;
	background:no-repeat center left url(../images/shuid.png);
	font-size: 20px;
	line-height: 20px;

}
.head .dianh p{
	font-size: 20px;
	letter-spacing:3px;
	color: #0089df;
}
.head .dianh h2{
	font-size: 20px;
	color: #e50015;
	padding-top: 6px;
	letter-spacing:1px;

}
/*:first-child*/
/*CSS3 :last-child*/
/*banner*/
/* 本例子css */

.slideBox_banner{height:600px; overflow:hidden; position:relative;  }
.slideBox_banner .hd{ 
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 15px;
    width: 100%;
    z-index: 1;
    /* margin: 0 auto; */
    text-align: center; }
.slideBox_banner .hd ul{ overflow:hidden; zoom:1; display: inline-block; }

.slideBox_banner .hd ul li{ float:left; margin:0 4px;  width:93px; height:3px;border-radius:1px; line-height:14px; text-align:center;
 background:#fff; cursor:pointer;line-height: 100px;overflow: hidden; }
.slideBox_banner .hd ul li.on{ background:#4890f1; color:#fff; }
.slideBox_banner .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_banner .bd ul {
    margin-left: -960px;
    left: 50%;
    position: relative;
}
.slideBox_banner .bd li{ zoom:1; vertical-align:middle; }
.slideBox_banner .bd img{  height:620px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox_banner .prev,
.slideBox_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
 background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_banner .prev:hover,
.slideBox_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_banner .prevStop{ display:none;  }
.slideBox_banner .nextStop{ display:none;  }



/*快捷导航*/
.kuaij{
	margin: 40px 0px;
}

.kuaij ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; 
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack:justify ;
    justify-content: space-between; 
	overflow: hidden;
}

.kuaij ul li{
	float: left;
	text-align: center;
}
.kuaij ul li a{
	display:block;
	width: 270px;
	height: 165px;
	border:solid 1px #dcdcdc;
	border-radius: 2px;
	background: #fff;
}

.kuaij ul li a i{
	width: 90px;
	height: 90px;
	display: block;
	margin: 18px auto 5px auto;
	background:no-repeat url(../images/kj_img.png);
	background-position:2px -82px;
}
.kuaij ul li a i{background-position:2px -82px; }
.kuaij ul li a i.i2{ background-position:-90px -82px; } 
.kuaij ul li a i.i3{ background-position:-180px -82px; }
.kuaij ul li a i.i4{ background-position:-270px -82px; } 
.kuaij ul li:hover a i{background-position:2px 8px; } 
.kuaij ul li:hover a i.i2{ background-position:-90px 8px; } 
.kuaij ul li:hover a i.i3{ background-position:-180px 8px; }
.kuaij ul li:hover a i.i4{ background-position:-270px 8px; } 

.kuaij ul li:hover a{
	border:solid 1px #4890f1; 
	background: #4890f1;
	
}

.kuaij ul li:hover a p{
	color: #fff;
}


/*产品中心*/

.brand .bt{
	text-align: center;
}

.brand .bt p{
	color: #c6c6c7;
	font-size: 22px;
	line-height: 40px;
	font-family:"Adobe 宋体 Std";
	text-transform:uppercase;
}

.brand .bt h2{
	font-size: 22px;
	line-height: 24px;

}
.brand .bt i{
	display: inline-block;
	width: 27px;
	height: 2px;
	background: #32a8fe;
}


/*  */
.picScroll-left_chanp{ width:1200px;  overflow:hidden; position:relative;  padding: 40px 0; height: 475px;    }
.picScroll-left_chanp .hd{ 
	overflow:hidden;
	height:40px; 
	padding:30px 10px;
	width: 190px;
	margin: 0 auto;  
	position: relative;
	text-align: center;
} 
.picScroll-left_chanp .hd>a{
	display:block;  width:25px; height:35px; 
	border:solid 1px #dadada; 
	display: block;
	line-height: 35px;
	font-family:"宋体";
	color: #b9b9b9;
	text-align: center;
	cursor:pointer

}

.picScroll-left_chanp .hd .ck{
	width:115px;
	height:35px; 
	display: inline-block;
}
.picScroll-left_chanp .hd .prev{
	float: right;
	
}

.picScroll-left_chanp .hd .next{ 
	float: left;
	}

.picScroll-left_chanp .hd>a:hover{
	border:solid 1px #0a6aec;  
	color: #0a6aec;
} 
.picScroll-left_chanp .hd ul{position: absolute; z-index: -1; overflow:hidden;top:0px;  }
.picScroll-left_chanp .hd ul li{ float:left;  width:1px; height:1px;}

.picScroll-left_chanp .bd{ padding:0px; width: 1200px;  }
.picScroll-left_chanp .bd ul{ overflow:hidden; zoom:1;  }
.picScroll-left_chanp .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative;  height:373px;
border: 1px solid #ccc;width:590px; 
 }
.picScroll-left_chanp .bd ul li .chanp_text{
	float: left;width: 160px; height: 80%;text-align: left;
	padding: 5% 0 10% 80px;

}
.picScroll-left_chanp .bd ul li .chanp_text h1{writing-mode: vertical-lr;
	writing-mode:tb-lr;height: 100%;float: left; line-height:24px; font-size: 24px;
	font-weight:bold;
	margin-right: 20px;
}

.picScroll-left_chanp .bd ul li .chanp_text p{
	writing-mode: vertical-lr;writing-mode: tb-rl; writing-mode: vertical-rl;height: 100%; line-height:24px; font-size: 24px;height: 250px;
	text-align: justify;
	font-size: 16px;
/*	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
*/    
/*overflow: hidden;*/

	float: left;
}
.picScroll-left_chanp .bd ul li .chanp_text a{
	display: inline-block;   
	width: 180px;
	height: 24px;
	background: no-repeat bottom left url(../images/jiant_cp.png);
	border-bottom: solid 1px #0a6aec;
	position: absolute;
	bottom:  28px; 
	left: 38px;
	text-align: center;
	text-transform: uppercase;
	line-height: 24px;
	color: #b3b8bd;
	font-size: 14px;
}

.picScroll-left_chanp .bd ul li .img{
	width: 310px; 
	height: 373px;
	overflow: hidden;
	float: right;
}
.picScroll-left_chanp .bd ul li:hover{
 border-color:#0b6aec;
} 
.picScroll-left_chanp .bd ul li .title{ line-height:24px;   }


/*关于浩然*/
.about_hr{
	overflow: hidden;
}
.about_hr .text{
	float: left;
	width: 555px;

}
 
.about_hr .text .bt{
	position: relative;
	border-bottom: solid 1px #dcdcdc;
}
.about_hr .text .bt p{
	color: #c6c6c7;
	font-size: 22px;
	line-height: 40px;
	font-family:"Adobe 宋体 Std";
	text-transform:uppercase;
}

.about_hr .text .bt h2{
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 15px;

}
.about_hr .text .bt i{
	display: inline-block;
	width: 37px;
	height: 2px;
	left: 0;
	bottom:-1px;
	position: absolute;
	background: #32a8fe;
}

.about_hr .text .neir{
	padding: 20px 0;
	line-height: 32px;
	position: relative;
	min-height: 260px;
}

.about_hr .text .neir h3{
	padding: 10px 0;
}
.about_hr .text .neir p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #535353;
}

.about_hr .text .neir a{
	display: inline-block;
	background: #4890f1 no-repeat center right 5px url(../images/jiant_1.png);
	color: #fff;
	padding: 0 20px 0 10px;
	position: absolute;
	bottom: 0px;

}

.about_hr .img{
	width: 588px;
	height: 393px;
	float: right;
	overflow: hidden;
}

.about_hr .img img{
	width: 100%;
}





/*浩然水之韵*/
.water_bj{
	 height: 650px;
	 overflow: hidden;
	 margin: 75px 0;
}

.water_bj .px1200>div{
	width: 600px;
	height: 388px;
	float: left;
	margin-top: 135px;
	position: relative;
}
.water_bj .img .bai{
	width: 240px;
	height: 250px; 
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,.5);
}

.water_bj .img .lan{
	width: 360px;
	height: 250px; 
	position: absolute;
	right: 0;
	bottom: 0;
	background: #4890f1;
}
.water_bj .right{
	float: right;
	background: #fff;
}

.water_bj .right .text{
	padding: 42px 60px 0 42px;
	line-height: 32px;
}
.water_bj .right h1{
	font-size: 24px;
}
.water_bj .right h3{
	padding: 10px 0;
	font-size: 18px;
}
.water_bj .right p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #535353;
}

.water_bj .right a{
	display: inline-block;
	background: #4890f1 no-repeat center right 5px url(../images/jiant_1.png);
	color: #fff;
	padding: 0 20px 0 10px;
	position: absolute;
	bottom: 50px;

}
/* 本例子css */

.slideBox_weter{height:362px; overflow:hidden; position:relative;z-index: 100;  right: 0px; }
.slideBox_weter .hd{ 
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 15px;
    width: 568px;
    z-index: 1;
    /* margin: 0 auto; */
    text-align: center; }
.slideBox_weter .hd ul{ overflow:hidden; zoom:1; display: inline-block;  float: right;}

.slideBox_weter .hd ul li{ float:left; margin:0 4px;  width:15px; height:15px;border-radius:1px; line-height:14px; text-align:center;
 background:#fff; cursor:pointer;line-height: 100px;overflow: hidden;border-radius: 15px; }
.slideBox_weter .hd ul li.on{ background:#4890f1; color:#fff; }
.slideBox_weter .bd{ position:relative; height:; z-index:0; background: #000;   }
.slideBox_weter .bd ul { 
    position: relative;
}
.slideBox_weter .bd li{ zoom:1; vertical-align:middle; }
.slideBox_weter .bd img{width: 568px;  height:362px; display:block;  }

/**/
 



/*news   新闻



*/
.shouy_news{
	overflow: hidden;
	margin-bottom: 40px;
}
.shouy_news .bt{
	text-align: center;
	padding-bottom: 60px;
}

.shouy_news .bt p{
	color: #c6c6c7;
	font-size: 22px;
	line-height: 40px;
	font-family:"Adobe 宋体 Std";
	text-transform:uppercase;
}

.shouy_news .bt h2{
	font-size: 22px;
	line-height: 24px;

}
.shouy_news .bt i{
	display: inline-block;
	width: 27px;
	height: 2px;
	background: #32a8fe;
}


.shouy_news .left{
	float: left;
	width: 770px;
	line-height: 24px;
}

.shouy_news .left li{
	overflow: hidden;
	border-bottom: dashed 1px #c1c1c1;
	padding-bottom:18px;
	margin-bottom:16px;
}

.shouy_news .left li .riq{
	float: left;
	width: 70px;
	margin-right: 20px;

}

.shouy_news .left li .riq h1{
	font-size: 48px;
	color: #9e9e9e;
	line-height: 48px;
}
.shouy_news .left li .riq span{
	 letter-spacing: 0px;
	 color: #9e9e9e;
}

.shouy_news .left li h2 a{
	color: #535353;
	line-height: 32px;
	font-size: 20px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}

.shouy_news .left li  p{
	color: #939393;
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
}
.shouy_news .left li:hover .riq h1{
	color: #32a8fe;
}
.shouy_news .left li:hover h2 a{
	color: #32a8fe;
}

.shouy_news .right{
	width: 400px;
	float: right;
}

.shouy_news .right video{ 
	background: #000;
}

.shouy_news .right .img{
	padding:15px 0;  
}
.shouy_news .right .img li{
	width: 400px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-top: 25px;
}
.shouy_news .right .img li img{
	width: 100%;
}



/*footer*/

.footer{ 
	overflow: hidden;
	position: relative;
}
.footer>div{
	background: #3f4146;
	height: 270px;
}
.footer ul{
	float: left;
	padding-top: 40px;
	color: #b0b1b2;
	width: 190px;
}

.footer ul h3{
	color: #fff;
	padding-bottom: 25px;
}

.footer ul a{
	color: #b0b1b2;
	font-size: 14px;
	line-height: 30px;
	display: block;
} 
.footer ul a:hover{
	color: #cecece;
}
.footer ul.dh{
	width: 240px;
}

.footer ul .dianh{
	height: 60px;
	padding-left:60px;
	background:no-repeat center left url(../images/footer_img.png);
	color: #fff;
}

.footer ul .dianh p{
	color: #cecece;
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 10px;
}
.footer ul .dianh h2{
	color: #fff;
}

.footer ul.yidb{
	float: right;
	width: 320px;
	overflow: hidden;

} 

.footer ul.yidb h3{
	text-align: left;
	line-height: 24px;
	padding-bottom:10px;
	margin-bottom: 30px;
	border-bottom:solid 1px #b2b3b5;
}

.footer ul.yidb li{
	text-align: center;
	float: left;
	padding-right: 40px;
}

.footer ul.yidb li p{
	line-height: 30px;
	color: #b0b1b2;
}

.footer .banq{
	height: 60px;
	border-top: solid 1px #5f7081; 
	background: #3f4146;
	height: 60px;
	text-align: center;
	line-height: 58px; 
	
}

.footer .banq p{
	color: #b0b1b2;
}


/* 后面添加的浩然水之韵 css */


/* slide */
.water_bj .px1200> .slide{
	width:1200px;
    height: 388px;
    float: left;
    margin-top: 135px;
    position: relative;
}
.slide li{width:1200px;position:absolute; display:none;height: 388px;}
.slide{overflow:hidden;position:relative;margin:40px auto 0 auto;}
 
.slide li.current{display:block;}
.slide li .image{position:absolute; top:-2px;left:32px;width: 568px;
	height: 362px;
	overflow: hidden;

}

.slide li .text {
    top: 0;
    overflow: hidden; 
    width:500px; 
    position: absolute;
    height: 388px;
    background: 0;
    filter: none;
	text-indent: 0;
	right: 0px;
    margin: 0 0px 40px 0 0;
	padding: 0 40px 0 60px;
	background: #fff;
}
.slide li .text a{color:#fff;font-size:14px;line-height:17px;float:left;}
.slide li img{
	width: 568px;
    height: 362px;}
.slide li .text .title a{font-size:16px;font-weight:700;color:#000;font-family:"微软雅黑","宋体";line-height:22px;text-indent:0;float:none;}
.slide li .text p{color:#888;font-size:12px;text-indent:0;clear:both;line-height:20px;margin-top:4px;}

.slide .triggers{position:absolute;z-index:1;width: 568px;text-align:center;bottom:30px;height:38px;right:0;left:40px;padding:0 0 8px;}
.slide .triggers a{font-size:11px;line-height:12px;color:#000;overflow:hidden;border-radius:1px;-webkit-text-size-adjust:none;float:none;
	width:62px;height:42px;text-align:center;display:inline-block;background:0;margin:0 3px 0 0;}
.slide .triggers a:hover{text-decoration:none;}
.slide .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
.slide .triggers a.current img{border:2px #2fac00 solid;opacity:1;}

.slide .icon-dot{display:inline-block;position:absolute;bottom:20px;right:43px;}
.slide .icon-dot a{width:9px;height:9px;display:inline-block;background-image:url(../images/nav.png);background-repeat:no-repeat;
	background-position:-1px -1px;overflow:hidden;margin:0 2px;}
.slide .icon-dot a.current{background-position:-1px -12px;}

.slide .link-watch{width:30px;height:44px;display:none;position:absolute;top:160px;background:url(../images/arrow.png) no-repeat 0 -57px;
	filter:alpha(opacity=60);cursor:pointer;}
.slide .link-watch.pre{left:43px;}
.slide .link-watch.next{left:565px;right:0;background-position:right -57px;}
.slide .link-watch.down{background-position-y:-2px;}
.slide .lan {
    width: 360px;
    height: 250px;
    position: absolute;
    left:240px;
    bottom: 0;
	background: #4890f1;
}
.slide .bai{
    width: 240px;
    height: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.5);
}


.slide li .text h1{
	font-size: 24px;
	font-weight: bold;
	padding: 40px 0 10px 0;
	line-height: 25px;
}
.slide li .text h3{
	line-height: 30px;
	font-size: 18px;
}

.slide li .text p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
	color: #535353;
	font-size: 14px;
	line-height: 35px;
}

.slide li .text a{
	display: inline-block;
    background: #4890f1 no-repeat center right 5px url(../images/jiant_1.png);
    color: #fff;
    padding: 0 20px 0 10px;
    position: absolute;
	bottom: 50px;
	line-height: 35px;
}