/* page */
.product02 li a i,.projectInfo_tit i{
position: relative;
}
.product02 li a i::after,.projectInfo_tit i::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(/storage/13327/imagesclass/20220228/shuiyin.png) no-repeat center top;
background-size: 100%;
}
/* banner */
.banner03, .banner03_content, .banner03_content ul{
height: 350px;
}
.banner03_content ul li{
width: 1920px;
height: 350px;
}
#banner03_index i{
width: 21px;
height: 21px;
border-radius: 50%;
background: rgba(255,255,255,.4);
}
.banner03_content span{
width: 80px;
height: 80px;
margin-top: -40px;
background: rgba(0,0,0,.6);
font-size: 40px;
line-height: 80px;
text-align: center;
color: rgba(255,255,255,.8);
font-family: '宋体';
}
#banner03_left {
    transform: rotate(360deg);
}
.siteNav{
	width:100%; height:50px; background:#f5f5f5;
}
.siteNav p{
	padding-left:30px; width:1170px; height:50px; margin:0 auto; font-size:12px; font-family:'宋体'; color:#666; background:url( /storage/13327/images/20200709/sitere.png) no-repeat left center;
}
.siteNav p i{
	font-size:14px; color:#333; line-height:50px;
}
.siteNav p a{
	font-size:12px; font-family:'宋体'; color:#666; 
}
.siteNav p a:hover{
	color:#009a43; text-decoration:underline;
}
.pageNavTwo{
	margin: 40px auto;
}
.pageNavTwo a{
	display: inline-block;	padding: 0 15px; margin-right: 15px; line-height: 40px; background: #f5f5f5; border-radius: 20px; transition: .3s;
}
.pageNavTwos{
	margin: 40px auto;
}
.pageNavTwos a{
	display: inline-block;	padding: 0 15px; margin-right: 15px; line-height: 40px; background: #fff; border-radius: 20px; transition: .3s; cursor: pointer;
}
.pageNavTwo a:hover, .pageNavTwos a:hover, .actives{
	background: #009a43 !important; color: #fff;
}
/* productImg */
.productImg{
	width:100%; -webkit-transition:.3s; transition:.3s;
}
.productImg::after{
	content:''; display:block; clear:both; 
}
.productImg li{
	width:1178px; border:1px solid #ddd; padding:10px; margin-bottom:30px; -webkit-transition:.3s; transition:.3s; 
}
.productImg li a{
	display:block; width:100%;
}
.productImg li a i{
	display:block; width:680px; height:340px; overflow:hidden;
}
.productImg li:nth-child(1) i,.productImg li:nth-child(3) i, .productImg li:nth-child(2) .productImginf, .productImg li:nth-child(4) .productImginf{
	float: left;
}
.productImg li:nth-child(2) i,.productImg li:nth-child(4) i, .productImg li:nth-child(1) .productImginf, .productImg li:nth-child(3) .productImginf{
	float: right;
}
.productImg li a i img{
	display:block; width:100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition:.3s; transition:.3s;
}
.productImg li a p{
	font-size:20px; line-height:18px; padding: 30px 0 33px; margin-bottom: 30px; position: relative; position: relative; -webkit-transition:.3s; transition:.3s;
}
.productImg li a span{
	display: block; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin-bottom: 30px; 
}
.productImg li a p::after{
	content: ''; width: 60px; height: 3px; background: #dedede; position: absolute; left: 0; bottom: 0;
}
.productImg li a b{
	display: block; width: 100px; line-height: 36px; border: 1px solid #dedede; font-size: 14px; color: #999; text-align: center; font-weight: lighter; -webkit-transition:.3s; transition:.3s;
}
.productImg li:hover{
	box-shadow:0 0 20px rgba(0,0,0,.2); border-color:#009a43; transform: translateY(-2px);
}
.productImg li:hover img{
	-webkit-transform: scale(1.1); transform: scale(1.1);
}
.productImg li:hover p{
	color:#009a43;
}
.productImg li a b:hover{
	background: #009a43; border-color: #009a43; color: #fff;
}
.productImginf{
	width: 450px;
}
/* 内页翻页 */
.paging{
	width:100%; height:30px; margin-top:20px; text-align:center;
}
.paging a{
	display:inline-block; font-size:12px; color:#888; line-height:28px; padding:0 12px; border:1px solid #ddd; margin:0 4px;
}
.paging a:hover{
	background:#009a43; border-color:#009a43; color:#fff;
}
/* 详情页上下文 */
.product_paging{
	padding-top: 20px;
	margin: 40px 0;
	border-top: 1px dashed #dedede;
}
.product_paging p{
	font-size:14px; color:#333; line-height:30px;
}
.product_paging p a{
	color:#999;
}
.product_paging p a:hover{
	color:#009a43; text-decoration:underline;
}
.boxList{
	margin-bottom: 50px;
}
.pageinfo_left{
	width: 300px;
	float: left;
}
.pageinfo_right{
	width: 100%;
}
/* 侧栏目成功案列 */
.projectCase{
	width: 100%;
	background: #f5f5f5;
}
.projectCase h3{
	height: 60px;
   background: #009a43;
   font-size: 24px;
   line-height: 60px;
   color: #fff;
	text-align: center;
}
.projectCase ul{
	padding: 0 10px 10px;
}
.projectCase ul li:first-child{
	display: none;
}
.projectCase ul li p{
	line-height: 40px;
	border-bottom: 1px dashed #dedede;
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
}
.projectCase ul li p::after{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 2px solid #ccc; 
	position: absolute;
	left: 2px;
	top: 14px;
}
.projectCase ul li p:hover{
	color: #009a43;
	padding-left: 28px;
}
.projectCase ul li p:hover::after{
	border-color: #009a43;
}
.productInfo_tit h1{
	text-align: center;
	margin: 20px 0 30px;
}
.productInfo_tit h1 span{
	display: inline-block;
	line-height: 44px;
	padding: 0 20px;
	font-weight: lighter;
	font-size: 24px; 
	color: #fff;
	background: #009a43;
	border-radius: 22px;
}
.productInfo_tit b{
	color: #009a43;
	line-height: 20px;
	margin-bottom:  15px;
	text-indent: 0px;
	font-size: 18px;
}
.productInfo_tit p{
	line-height: 26px;
	text-indent: 32px;
	margin-bottom:  15px;
}
.productInfo_tit img{
	display: block;
	max-width: 860px;
	margin: 20px auto;
}
/* projects */
.projects{
	width:100%; -webkit-transition:.3s; transition:.3s;
}
.projects::after{
	content:''; display:block; clear:both; 
}
.projects li{
	width:336px; float: left; border:1px solid #ddd; padding:10px; margin-bottom:30px; -webkit-transition:.3s; transition:.3s; position: relative; overflow: hidden;
}
.projects li:nth-child(3n+2){
	margin-left: 33px; 
	margin-right: 33px;
}
.projects li a{
	display:block; width:100%;
}
.projects li a i{
	display:block; width: 100%; height:242px; overflow:hidden;
}
.projects li a i img{
	display:block; width:100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition:.3s; transition:.3s;
}
.projects li a p{
	font-size:20px; line-height:18px; color: #fff; padding: 20px 0 33px; margin-bottom: 30px; position: relative; -webkit-transition:.5s; transition:.5s;
}
.projects li a span{
	display: block; color: #fff; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-bottom: 30px; 
}
.projects li a p::after{
	content: ''; width: 60px; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0;
}
.projects li:hover{
	box-shadow:0 0 20px rgba(0,0,0,.2); border-color:#009a43; transform: translateY(-2px);
}
.projects li:hover .productImginfs{
	top: 0;
	background: rgba(0, 154, 67, .9);
}
.projects li:hover p{
	padding-top: 30px;
}
.projects li:hover img{
	-webkit-transform: scale(1.1); transform: scale(1.1);
}
.productImginfs{
	position: absolute;
    width: 90.5%;
	height: 100%;
    left: 0;
    padding: 0 5%;
    top: 198px;
    background: rgba(0,0,0,.4);
	-webkit-transition:.5s; transition:.5s;
}
.projectInfo_tit i{
	display: block;
	width: 600px;
	height: 432px;
	overflow: hidden;
	border: 1px solid #dedede;
	padding: 10px;
	margin: 20px auto;
}
.projectInfo_tit img{
	display: block;
	width: 100%;
	height: 100%;
}
.projectInfo_tit h1{
	font-size: 22px;
    line-height: 22px;
    padding: 20px 0 30px;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 20px;
    text-align: center;
}
.infoProCentant{
	width: 1020px;
	margin: 20px auto 0;
}
.infoProCentant p{
	line-height: 26px;
	margin-bottom: 15px;
	text-indent: 32px;
}
.infoProCentant img{
	display: block;
	max-width: 800px;
	margin: 15px auto;
}
/* 推荐产品 */
.product_TJ{
	width: 1080px;
	background: #f5f5f5;
	padding: 20px;
	margin-top: 20px;
}
.product_TJ h3, .projectMore h3{
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #009a43;
}
.product_TJ h3 span, .projectMore span{
	display: block;
	width: 120px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #009a43;
	border-radius: 8px 8px 0 0;
}
.product06{
width: 100%;
position: relative;
height: 232px;
overflow: hidden;
padding-bottom: 20px;
}
.product06 ul{
width: 9999px;
height: 212px;
position: absolute;
top: 20px;
left: 0;
}
.product06 ul li{
width: 177px;
height: 182px;
margin-right: 14px;
padding: 15px;
background: #fff;
float: left;
-webkit-transition: .3s;
transition: .3s;
position: relative;
}
.product06 ul li img{
width: 100%;
height: 142px;
}
.product06 ul li p{
width: 100%;
line-height: 40px;
text-indent: 10px;
font-size: 15px;
overflow: hidden; 
text-overflow:ellipsis; 
white-space: nowrap;
}
.product06 ul li:hover{
box-shadow: 0 0 20px rgba(0,0,0,.2);
z-index: 2;
}
.operate_tit h1{
	font-size: 24px;
	color: #009a43;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
}
.operate_tit h1::after{
	content: '';
	width: 60px;
	height: 5px;
	background: #009a43;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px; 
}
.operate_tit p{
	margin-bottom: 20px;
}
.operate_tit p::after{
	content: '';
	display: block;
	clear: both;
}
.operate_tit b{
	display: block;
	width: 100px;
	float: left;
	font-size: 18px;
	color: #009a43;
}
.operate_tit em{
	display: block;
	width: 1020px;
	float: left;
	line-height: 26px;
}
.operate_tit img{
	display: block;
	margin: 20px auto;
	max-width: 1000px;
}
.projectMore h3{
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #009a43;
}
.projectMore span{
	display: block;
	width: 120px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #009a43;
	border-radius: 8px 8px 0 0;
}
.projectMore{
    background: #f5f5f5;
    padding: 20px;
	margin-bottom: 40px;
}
.projectMore ul{
	padding: 20px;
}
.projectMore ul li{
	width: 45%;
	float: left;
	border-bottom: 1px dashed #dedede;
}
.projectMore ul li:nth-child(2n+2){
	margin-left: 10%;
}
.projectMore ul li a{
	display: block;
	line-height: 34px;
	padding-left: 15px;
	font-size: 14px;
	color: #666;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
}
.projectMore ul li a::after{
	 content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bdbdbd;
    position: absolute;
    left: 0;
    top: 14px;
	-webkit-transition: .3s;
	transition: .3s;
}
.projectMore ul li a:hover{
	padding-left: 28px;
	color: #009a43;
}
.projectMore ul li a:hover::after{
	background: #999;
}
.product02 li {
width: 360px;
border: 1px solid #d7d7d7;
padding: 9px;
margin-bottom: 30px;
}
.product02 li:nth-child(3n+2) {
margin-left: 30px;
margin-right: 30px;
}
.product02 li a i {
height: 250px;
}
.product02 li a p {
margin-top: 10px;
line-height: 60px;
background: #f5f5f5;
text-align: left;
text-indent: 15px;
position: relative;
}
.product02 li a p::after{
	 content: '→';
    display: block;
    width: 30px;
    height: 20px;
    color: #bbb;
    position: absolute;
    top: 22px;
    font-size: 18px;
    right: 20px;
    line-height: 20px;
    text-align: center;
	 transition: .3s;
}
.product02 li:hover {
box-shadow: 0 0 20px rgba(0,0,0,.2);
border-color: #009a43;
transform: translateY(-2px);
}
.product02 li:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.product02 li:hover p {
background-color: #009a43;
color: #fff;
}
.product02 li:hover p::after{
	color: #fff;
}
/* 文章列表 */
.articleList{
	width:100%;
	margin-bottom: 50px;
}
.articleList:after{
	content:''; display:block; clear:both;
}
.articleList li{
	width:100%; height:190px; padding-bottom:32px; margin-bottom:35px; border-bottom:1px solid #dedede; position:relative;  
}
.articleList li:after{
	content:''; width:0%; height:2px; background:#009a43; position:absolute; bottom:-1px; left:0; -webkit-transition:.3s; transition:.3s;
}
.articleList li:before{
	content:'>'; font-size: 30px; color: #eee; font-family: '宋体'; line-height: 50px; text-align: center; width:50px; height:50px; border-radius: 50%; border: 1px solid #eee; position:absolute; right: 5px; top: 50%; margin-top: -25px; -webkit-transition:.3s; transition:.3s;
}
.articleList li i{
	width:300px; height:190px;
}
.articleList li i img{
	width:100%;
}
.articleList_rt{
	width:700px; float:left; padding:0 30px 0 50px; -webkit-transition:.3s; transition:.3s;
}
.articleList_rt h3{
	font-size:18px; color:#333; line-height:40px; -webkit-transition:.3s; transition:.3s;
}
.articleList_rt span{
	display:block; font-size:14px; color:#999; line-height:16px; padding:18px 0;
} 
.articleList_rt p{
	font-size:16px; color:#666; line-height:26px; -webkit-transition:.3s; transition:.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.articleList li:hover:after{
	width:100%;
}
.articleList li:hover:before{
	background: #009a43;
	color: #fff;
	border-color: #009a43;
}
.articleList li:hover h3{
	color:#009a43;
}
.articleList li:hover p{
	color:#333;
}
.infoArticle_top{
	width:100%; padding:20px 0 0; margin-bottom: 30px; border-bottom: 1px solid #dedede;
}
.infoArticle_top h1{
	font-size:22px; color:#333; line-height:30px; text-align:center;
}
.infoArticle_top p{
	text-align:center; padding:20px 0;
}
.infoArticle_top p span{
	display:inline-block; font-size:14px; color:#666; padding:0 15px;
}
.infoArticle_cen img{
	display:block; margin:10px auto; max-width:700px;
}
.webcontatc_top{
	float: left; width: 420px; margin-bottom: 30px;
}
.webcontatc_top h1{
	font-size: 26px; color: #009a43; line-height: 26px; padding-bottom: 23px; margin-bottom: 20px; position: relative;
}
.webcontatc_top h1::after{
	content: ''; width: 60px; height: 3px; background: #009a43; position: absolute; bottom: 0; left: 0;
}
.webcontatc_top p{
	line-height: 30px;
}
.weach{
	width: 120px;
	margin-top: 20px;
	text-align: center;
}
.weach img{
	width: 100%;
}
.weach span{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.webMap{
	width: 620px; float: right;
}

/* jion */
.jions > div{
	display: none;
}
.jions01 > p, .jions02 p, .jions04 p{
	line-height: 30px;
	margin-bottom: 20px;
	text-indent: 32px;
}
.jions02 h3{
	font-size: 30px;
	color: #009a43;
}
.jions02 b{
	display: block;
	font-size: 24px;
	padding: 20px 0;
}
.jions02 img, .jions03 img{
	display: block;
	margin: 20px auto;
}
.jions04 b{
	font-size: 20px;
	color: red;
}
.jions04 ul{
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}
.jions04 ul li{
	border-bottom: 1px solid #d8d8d8;
}
.jions04 ul li span{
	display: block;	
	float: left;
	width: 49.9%;
	border-right: 1px solid #d8d8d8;
	background: #f5f5f5;
	text-align: center;
}
.jions04 ul li em{
	float: left;
	width: 50%;
	text-align: center;
   padding: 15px 0;
	line-height: 24px;
}
.album li{
	width: 333px;
}
.album li i{
	height: 455px !important;
}
.albumInfo i{
	height: auto;
}