@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"; background:url(/theme/default/static/images/bg1.jpg) top  center no-repeat; background-size:100% auto}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333;text-decoration:none; outline:none; border:0}
a:hover{color:#bd2a26;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}





.top1{ width:100%; height:267px; position:relative; overflow:hidden;}
.contain{ width:96%; margin:0 auto; max-width:1400px;}

.top1>img{ position:absolute; height:100%; width:100%; left:0; top:0;object-fit: cover}
.top1 .top11{ width:96%; max-width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; display: flex;   justify-content: space-between;    align-items: center; }
.logo img{ height:117px; width:auto; }

.top2{  background:#0eb83a; height:56px}
.top2 .contain{display: flex;   justify-content: space-between;}
.biaoyu img{ width:493px; height:auto}


.denglu{ background:#1da63b; line-height:56px; padding:0 20px; box-sizing:border-box; color:#fff}
.denglu a{ color:#fff; padding:0 10px}
.denglu a:hover{ text-decoration:underline}
.denglu img{ vertical-align:middle; height:22px; width:auto}


.header .an{ position:absolute; right:0; top:0px;height:100%; width:50px; display:none; float:right; }
.header .an span{width:30px; height:2px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:14px; left:10px;}
.header .an span.a2{top:22px; left:10px;}
.header .an span.a3{top:30px; left:10px;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:22px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:22px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}


.header .nav { width:100%; margin:0 auto;  position:relative }
.header .nav ul>li{ width:auto; font-size:16px; float:left; margin:0 5px; text-align:center;position:relative; position:relative; font-weight:bold   }

.header .nav i{font-size:14px; line-height:56px; text-align:right; position:absolute;height:56px; right:10px; top:0px; display:none; }
.header .nav ul li a{line-height:56px; color:#fff; display:block; position:relative; padding:0 30px; border-radius:20px;  z-index:2 }

.header .nav ul li:hover:after{ content:""; position:absolute; left:0; top:8px;background:#0f9c31; width:100%; height:40px; z-index:0; border-radius:20px}
.header .nav ul>li.hover:after{ content:""; position:absolute; left:0; top:8px;background:#0f9c31; width:100%; height:40px; z-index:0; border-radius:20px}



.header .nav ul ul{ display:block}

.header .nav .e_j{position:absolute; width:100%; left:0;    background:#fff; top:56px;  display:none;  z-index:9999999999999; height:auto; box-shadow: 0px 10px 15px rgba(0,0,0,0.20); box-sizing:border-box; padding:10px;
}


.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j a{ display:block; width:100%;   font-weight:normal;  text-transform:none;white-space: nowrap; margin:0;

	text-overflow: ellipsis;
	white-space: nowrap;

	text-overflow: ellipsis; position:relative;font-size:16px;  color:#646464; border-bottom:#e8e8e8 1px solid; border-radius:0; font-size:14px; padding:0}


.header .nav .e_j  a:hover{ color:#0eb83a;}



.header .nav ul> li.hover .e_j a{ border:0; background:none; font-weight:normal}




@media only screen and (max-width:992px){

.top2{ position:fixed; top:0; width:100%; left:0; z-index:99; height:50px}
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:#fff; top:50px; right:0; margin:0;  overflow:auto;z-index:9; 
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}

.header .nav ul{ display:block}

.header .nav ul li a{ padding:0 0;  display:block; color:#333; position:static}
.header .nav i{display:block; color:#666;  top:0; right:20px; line-height:50px; height:50px; width:50px}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}


.header .nav ul li:hover:after{ content:none;}
.header .nav ul>li.hover:after{ content:none;}


.header .nav ul li a{line-height:50px; padding-left:20px}

.header .nav .y_j{border-bottom:1px solid #f1f1f1;}
.header .nav .e_j{padding:10px 0px; border-bottom:0px solid #666;box-shadow:none; overflow:hidden; border-top:0; background:none; position:inherit; top:auto; left:auto; width:100%; height: auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box; transform:none;}

.header .nav .e_j  a{ color:#666; padding:0; font-size:14px; margin:5px 0; padding-left:20px}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}





.denglu{ line-height:50px; position:absolute; left:0}

.top1{ height:100px; margin-top:50px}

.logo{ width:20%}
.logo img{ width:100%; height:auto}
.biaoyu{ width:50%}
.biaoyu img{ width:100%; height:auto}


}

.main{ background:#fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); overflow:hidden; padding-bottom:30px; box-sizing:border-box}

.m1{ background:#fcfbfb; padding:20px; box-sizing:border-box;  display: flex;   justify-content: space-between;}
.sousuo{ background:#f5f5f5; width:315px; border-radius:40px; height:40px}

.bd1{ padding:0 15px; box-sizing:border-box; background:none; border:0; line-height:40px; width:250px;outline:none;}
.sou{ background:url(/theme/default/static/images/sou.png) center no-repeat; width:60px; height:40px; border:0; cursor:pointer; outline:none;}

.gonggao{ width:calc(100% - 420px); background:url(/theme/default/static/images/laba.png) left center no-repeat; background-size:23px auto}

.apple{ width:100%; height:40px; overflow:hidden; margin:0px auto;}
.apple a{ display:block; width:100%; height:40px; line-height:40px; text-indent:35px; color:#6b6b6b; font-size:16px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.apple a:hover{ color:#10b83b}


@media only screen and (max-width:992px){
.sousuo{ width:100%; border-radius:40px; height:40px}
.bd1{ width:calc(100% - 80px) }
.m1{  padding:10px; display:block}	
.gonggao{ width:100%;  background-size:15px auto}

.apple{  height:30px;}
.apple a{ height:30px; line-height:30px; text-indent:35px; font-size:12px;text-indent:25px;}

	
}





.zhong{ width:94%; margin:0 auto; margin-top:28px; max-width:1312px}
.m2{  display: flex;   justify-content: space-between;}

.qh1{width: 51%;}

.banner { width: 100%;height:auto;overflow:hidden;position:relative; overflow:hidden }
.banner  .swiper-slide {width:100%;height:auto;	position:relative; overflow:hidden }
.banner  .swiper-slide i{ display:block; width:100%; padding-bottom:73%; position:relative;}
.banner  .swiper-slide  img{ width:100%; height:100%; position:absolute; left:0; top:0;object-fit: cover	}
.banner  .swiper-slide h1{ position:absolute; z-index:3; width:90%; left:5%; bottom:0; line-height:41px; color:#fff; font-size:14px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  }
.banner  .swiper-slide:after{ content:"";display:block; background:rgba(14,184,58,0.8); position:absolute; z-index:2; width:100%; left:0; bottom:0; height:41px;}


.kd1{ width:47%;}
.bt1{  border-bottom:#eeecec 1px solid; display: flex;   justify-content: space-between; align-items: center; margin-bottom:10px; }
.bt1 h3{ display:block; border-bottom:#0eb83a 3px solid; padding:0  5px; line-height:55px; font-size:18px; color:#3f3f3f; font-weight:normal }
.bt1 h3 img{ width:22px; height:auto; vertical-align:middle; padding-right:5px}


.xwxw ul li{ font-size:16px; line-height:42px; display: flex;   justify-content: space-between; position:relative; padding-left:20px; box-sizing:border-box }
.xwxw ul li:after{ content:"◆"; position:absolute; left:0; line-height:42px; color:#d0d0d0}
.xwxw ul li h1{ display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; width:calc(100% - 120px) }
.xwxw ul li h1 a{ font-weight:normal; font-size:16px;color:#3f3f3f;}
.xwxw ul li h1 a:hover{ color:#10b83b}
.xwxw ul li span{ color:#3f3f3f}


.gg img{ width:100%; height:auto}
.m4{ display: flex;   justify-content: space-between; }
.kd2{ width:32%}


@media only screen and (max-width:1400px){
	
	.xwxw ul li{ font-size:14px; line-height:35px; }
	.xwxw ul li:after{  line-height:35px;}
	.xwxw ul li h1 a{ font-size:14px;}
}
@media only screen and (max-width:992px){
.xwxw ul li{ font-size:12px; line-height:25px; padding-left:15px }
	.xwxw ul li h1 a{ font-size:12px;}
.xwxw ul li:after{  line-height:25px;}
.m2{ display:block}
.qh1{width: 100%;}
.kd1{ width:100%;}	

.bt1 h3 img{ width:16px; }



.m4{ display:block }
.kd2{ width:100%}
.bt1 h3{ line-height:45px; font-size:16px;  }

.zhong{  margin-top:15px;}

}


.gongcheng{ margin-top:20px}

.gongcheng .swiper-slide{ width:100%; height:auto; position:relative}
.gongcheng .swiper-slide i{ display:block; width:100%; padding-bottom:84%; position:relative; overflow:hidden}
.gongcheng .swiper-slide i img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover; transition:all 0.6s}
.gongcheng .swiper-slide h1{ display:block; position:absolute; left:0; width:100%; bottom:0; z-index:9; text-align:center; background:rgba(14,184,58,0.8); color:#fff; font-size:16px; line-height:40px;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal}
.gongcheng .swiper-slide:hover i img{ transform:scale(1.1,1.12); transition:all 0.6s}
	
.m6{ display: flex;   justify-content: space-between; }


.danwei ul{ position:relative; margin:0 -5px;}
.danwei ul li{ float:left; width:33.33%; padding:5px; box-sizing:border-box}
.danwei ul li i{ display:block; width:100%; padding-bottom:40%; position:relative; border:#d5d5d5 1px solid; box-sizing:border-box; border-radius:3px; overflow:hidden;transition:all 0.6s}
.danwei ul li i img{ position:absolute; width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); max-height:100%;}
.danwei ul li:hover i{ border:#0eb83a 1px solid; transition:all 0.6s}



.gg2{ display: flex;   justify-content: space-between; }
.gg2 a{ display:block;width:32%; height:auto; max-width:419px}
.gg2 img{ width:100%; height:auto }



.gg3 .swiper-slide a{ display:block;width:100%; padding-bottom:20%; position:relative;}


.gg3 .swiper-slide img{ position:absolute; left:0; top:0; width:100%; height:100%}


.m7{ display: flex;   justify-content: space-between; }



#lib_Tab1{width:66%;margin:0px;padding:0px;margin-bottom:15px; }

.lib_Menubox {height:55px;line-height:55px;position:relative; border-bottom:#eeecec 1px solid}

.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:55px;text-align:center;}
.lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:120px;color:#3f3f3f; height:55px;line-height:55px; font-size:18px}
.lib_Menubox li.hover{padding:0px;background:#0eb83a;width:120px;color:#fff;height:55px;line-height:55px;}
.lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; padding-top:15px }

.lib_Contentbox .xwxw ul{ display: flex;   justify-content: space-between;  flex-wrap:wrap; }
.lib_Contentbox .xwxw ul li{ width:48%}


@media only screen and (max-width:992px){
.m6{ display:block}	
.m7{ display:block}		
#lib_Tab1{ width:100%}
.lib_Menubox {height:45px;line-height:45px;}

.lib_Menubox li{ font-size:16px; height:45px; line-height:45px}	
.lib_Menubox li.hover{height:45px;line-height:45px;}


.lib_Contentbox .xwxw ul li{ width:100%}

}

	
		
		.foot{ background-image: linear-gradient(0deg, #08a425,#0eb83a); }
		.foot1{display: flex;   justify-content: space-between;flex-wrap:wrap; padding:35px 0 }
	.bt2 h1{ color:#abe2c4; font-size:18px; font-weight:normal}
	.bt2 h1 b{ font-weight:normal; color:#fff; padding-right:5px}
    .bt2 em{ display:block; width:20px; height:5px; background:#3dde87; margin:25px 0}
		
	.dguanyu{ width:50%;}	
	.gyjs{ font-size:14px; color:#fff; line-height:30px;text-align: justify;}	
	
	

	.dlx{ width:43%}
	.dlx span{ display:block; font-size:14px; line-height:25px; color:#fff; margin-bottom:5px}
.dlx img{ width:18px; height:auto; vertical-align:middle; padding-right:5px}



.foot2{ border-top:#8edd98 1px solid; border-bottom:#8edd98 1px solid; padding:15px 0}
.dlink{display: flex;  flex-wrap:wrap; font-size:14px; color:#fff; line-height:25px}
.dlink h1{ font-weight:normal}
.dlink a{ color:#fff; padding-right:20px}
.dlink a:hover{ text-decoration:underline}
	
	
	
	
	
	.foot3{display: flex;   justify-content: space-between; padding:30px 0}
	
	.dbanquan{ font-size:14px; line-height:30px; color:#fff}
		.dbanquan .ddh{ margin-bottom:10px; position:relative; margin-left:-20px}	
		.dbanquan .ddh a{ padding:0 20px; color:#fff}
		.dbanquan .ddh a:hover{ text-decoration:underline}
		.dbanquan a{ color:#fff}

		.dwx{ width:110px; text-align:center; color:#fff; font-size:14px;  }
		.dwx img{ width:100%; height:auto}
		
	
	

@media only screen and (max-width:992px){
	
	.foot1{ display:block}
	
	.dguanyu{ width:100%; margin-bottom:15px}	
	.gyjs{ font-size:12px;  line-height:20px}	
		.bt2 h1{  font-size:16px; }

    .bt2 em{ margin:10px 0}
		
	

	.dlx{ width:100%}
	.dlx span{ font-size:12px}
	.dlink{ font-size:12px; line-height:23px}

.dlink a{  padding-right:15px}


	.dbanquan{ font-size:12px; line-height:23px; padding-right:5px }
		.dbanquan .ddh{ margin-left:-5px}	
		.dbanquan .ddh a{ padding:0 5px; color:#fff}
		
		
		.dwx{ width:70px; font-size:12px }
	
}

.weizhi { color:#949494; font-size:14px;}
.weizhi img{ width:18px; height:auto; vertical-align:middle; padding-right:10px}
.weizhi a{ color:#949494}



.nmain{ width:94%; margin:28px auto; max-width:1312px}
.nlf{ float:left; background:#f4f4f4; width:292px; overflow:hidden}
.nbt{ background:url(/theme/default/static/images/nbtbg.jpg) center no-repeat; background-size:cover; width:100%; line-height:89px; text-align:center; font-size:24px; color:#fff}
.ndh ul { padding:20px; box-sizing:border-box}
.ndh ul li a{ display:block; background:#fff; font-size:16px; color:#393939; line-height:45px; text-align:center; margin-bottom:10px; transition:all 0.6s}
.ndh ul li a:hover{ background:#0eb83a; color:#fff; transition:all 0.6s}

.ndh ul li.on a{background:#0eb83a; color:#fff; }

.nlx{ padding:20px; box-sizing:border-box}

.nlx span{  display: flex; align-items: flex-start; margin-bottom:10px; line-height:27px; font-size:14px}

.nlx span img{ display:block; width:18px; height:auto; padding-right:5px; padding-top:5px}


.nrt{ float:right; width:calc(100% - 320px) }

.nbt2{  border-bottom:#eeecec 1px solid; display: flex;   justify-content: space-between; align-items: center; margin-bottom:10px; }
.nbt2 h3{ display:block; border-bottom:#0eb83a 3px solid; padding:0 10px; line-height:55px; font-size:18px; color:#3f3f3f; font-weight:normal }




.nxw2 ul li{  display: flex;   justify-content: space-between; align-items: center; background:#fff; padding:25px 0; box-sizing:border-box;transition:all 0.6s; border-bottom:#eeecec 1px solid; box-sizing:border-box }

.nxw2 ul li .nxwpic{ width:230px; height:137px; position:relative; overflow:hidden; }
.nxw2 ul li .nxwpic img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;  transition:all 0.6s}
.nxw2 ul li:hover .nxwpic  img{transform:scale(1.1,1.1); transition:all 0.6s}


.nxwzi{ width:calc(100% - 280px);   box-sizing:border-box; overflow:hidden}
.nxwzi em{ font-style:normal;   color:#999; font-size:12px; font-weight:normal; margin-bottom:15px}

.nxwzi h3 a{ display:block; font-size:20px; color:#3f3f3f; font-weight:normal}
.nxwzi span{ display:block;  font-size:12px; line-height:23px; margin:15px 0; color:#3f3f3f; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.nxw2 ul li:hover h3 a{ color:#0eb83a}


@media only screen and (max-width:992px){
.nlf{ float:none; width:100%}
.nrt{ float:none; width:100%}

.nbt{line-height:40px;  font-size:18px; }

.ndh ul { padding:10px; box-sizing:border-box}
.ndh ul li a{  font-size:14px; line-height:35px;  margin-bottom:5px;}	
.nlx{ padding:10px}
.nlx span{   line-height:25px; font-size:12px}

.nxw2 ul li{ display:block}
.nxw2 ul li .nxwpic{ width:100%; height:inherit; padding-bottom:60%; }
.nxwzi{ width:100%; margin-top:10px}
.nxwzi h3 a{  font-size:14px; font-weight:bold}
.nxwzi span{ margin:5px 0}


.nlx span img{  width:14px; height:auto; }


}


.wzxq{ padding:20px 0; font-size:16px; color:#343434; line-height:40px}

.wzxq img{ display:block; margin:0 auto; max-width:100%; height:auto}

.wzbt{ text-align:center; margin-bottom:40px; border-bottom:#eeecec 1px solid; }
.wzbt h3{ font-size:20px; color:#3f3f3f; display:block; margin-bottom:10px; font-weight:normal}
.wzbt span{ display:block; font-size:14px; color:#3f3f3f; margin:20px 0 }
.wzbt span em{ padding-left:20px; font-style:normal}
.wzbt span em a{ color:#3f3f3f}






	

@media only screen and (max-width:992px){
.wzxq{  font-size:12px;  line-height:23px}

.wzbt{  margin-bottom:20px;  display:block }
.wzbt h3{ font-size:16px; }

.ngclb ul{ margin:0 -5px;}
.ngclb ul li{ width:50%; padding:5px; }
.ngclb ul li h1{ font-size:14px; line-height:30px}	

.ngpr ul{ margin:0 -5px;}
.ngpr ul li{ width:50%; padding:5px; }
.ngpr ul li h1{ font-size:14px; line-height:30px}	
	
}
/*合作伙伴滚动样式*/
.scrolltop{width:100%;height:240px;overflow:hidden;margin:0px auto;}
/*工程项目图片样式*/
.ngclb ul{ position:relative; margin:0 -15px;}
.ngclb ul li{ float:left; width:33.33%; padding:15px; box-sizing:border-box}
.ngclb ul li a{ display:block; width:100%; position:relative}
.ngclb ul li i{ display:block; width:100%; padding-bottom:84%; position:relative; overflow:hidden}
.ngclb ul li i img{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover; transition:all 0.6s}
.ngclb ul li h1{ display:block; position:absolute; left:0; width:100%; bottom:0; z-index:9; text-align:center; background:rgba(14,184,58,0.8); color:#fff; font-size:16px; line-height:40px;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal}
.ngclb ul li:hover i img{ transform:scale(1.1,1.12); transition:all 0.6s}

/*合作伙伴图片样式*/
.ngpr ul{ position:relative; margin:0 -15px;}
.ngpr ul li{ float:left; width:33.33%; padding:15px; box-sizing:border-box}
.ngpr ul li a{ display:block; width:100%; position:relative}
.ngpr ul li i{ display:block; width:100%; padding-bottom:60%; position:relative; overflow:hidden}
.ngpr ul li i img{ position:absolute; left:0; top:0; width:100%; object-fit: cover; transition:all 0.6s}
.ngpr ul li h1{ display:block; position:absolute; left:0; width:100%; bottom:0; z-index:9; text-align:center; background:rgba(14,184,58,0.8); color:#fff; font-size:16px; line-height:40px;
text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal}
.ngpr ul li:hover i img{ transform:scale(1.1,1.12); transition:all 0.6s}

/*分页专用css1 -- .xiycms-page*/
.xiycms-page {list-style:none;margin:20px 0px;text-align:center;}
.xiycms-page li {display:inline-block; margin:0px 5px !important;border:1px solid #dedede; margin-right:5px; line-height:30px;color:#999;width: auto !important; padding: 0px 6px;}
.xiycms-page li a { display:inline-block;line-height:30px;padding:0 6px;}
.xiycms-page li.active,.qipapage li.hover {border:1px solid #0eb83a; color:#0eb83a; font-weight:bold; text-decoration:none;}
.xiycms-page li.active a,.qipapage li.hover a { color:#0eb83a; font-weight:bold; text-decoration:none;}

.naew_list li {
	border-bottom:1px dashed #ddd;
	height:45px;
	line-height:45px;
	font-size:14px;
}
.naew_list li .text {
	width:60%;
	float:left;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.naew_list li .text:hover {
	color:#c20b14;
}
.naew_list li span {
	float:right;
}