@charset "utf-8";
/* CSS Document */
/*banner*/
#ins_banner { position: relative; z-index: 1;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 45.5%;}
#ins_banner .pics { padding-top: 31.7%;}
#ins_banner .pics2 { padding-top: 27.7%;}
#ins_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#ins_banner .txtb { position: absolute; z-index: 2; left: 0; top: 10vw; color: #fff;  right: 0;}
#ins_banner .txtb .txt {text-align: left;}
#ins_banner .txtb .txt .name { margin-top: 0.3em; }
#ins_banner .txtb .txt .intro {line-height: 1.6;}

#ins_banner .txtb .txt .intro2 { font-weight: bold; line-height: 1.6; color: #235436;
-moz-text-shadow: 0 0.1em  0 rgba(255, 255, 255, 1);
-webkit-text-shadow: 0 0.1em  0 rgba(255, 255, 255, 1);
text-shadow: 0 0.1em  0 rgba(255, 255, 255, 1);}

@media only screen and (max-width:828px) { 
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 100%;}
#ins_banner .txtb {top: 17vw; left: 2em; right: 2em;}
#ins_banner .txtb .txt { margin-top: -2em;}
#ins_banner .txtb .txt { width: 100%;}
}

.point { position: absolute; left: 0; top: -5.9em;}

.cateNav { position: absolute; z-index: 3;
bottom: 0.25em; left: 0; right: 0;}
.cateNav .con { display: flex; justify-content: space-between; align-items: center;}

.cateNav .con>ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.cateNav .con>ul>li { position: relative;
margin-top: 0.22em; cursor: pointer; width: 13.4em;  line-height: 4.4em;
margin-right: 0.5em; text-align: center;
 background-color: #f4f5f9;  color: #333;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.cateNav .con>ul>li.cur {color: #fff; font-weight: bold;
	 background: linear-gradient(to right,  rgba(35,84,54,1) 0%,rgba(60,119,24,1) 100%);}
.cateNav .con>ul>li.hover {
		-moz-border-bottom-left-radius:0;
		-webkit-border-bottom-left-radius:0; 
		border-bottom-left-radius:0;
		
		-moz-border-bottom-right-radius:0; 
		-webkit-border-bottom-right-radius:0; 
		border-bottom-right-radius:0;
	}
	 
.cateNav .con>ul>li>a { display: block; padding-top: 0.1em;
 display: flex;  justify-content: center; align-items: center;}
.cateNav .con>ul>li>a:hover { color: #356e20;}
 
.cateNav .con>ul>li.cur a { color: #fff;}
.cateNav .con>ul>li.cur a:hover { color: #fff;}

.cateNav .con>ul>li span { display: block;}
.cateNav .con>ul>li span img {display: block; width: 2.4em; height: 2.4em;
object-fit: contain; margin-right: 1.1em;}
.cateNav .con>ul>li span img:nth-child(1) {}
.cateNav .con>ul>li span img:nth-child(2) { display: none;}

.cateNav .con>ul>li.cur span img:nth-child(1) {display: none;}
.cateNav .con>ul>li.cur span img:nth-child(2) { display: block;}


.cateNav .sub_nav {
	display: none;
	position: absolute; z-index: 1;
	top: 100%; 
	left: 0;  width:100%; text-align: center;
	background:#f4f5f9; font-size: 0.9em;
	-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	
	-moz-border-bottom-left-radius:0.3em; 
	-webkit-border-bottom-left-radius:0.3em; 
	border-bottom-left-radius:0.3em;
	
	-moz-border-bottom-right-radius:0.3em; 
	-webkit-border-bottom-right-radius:0.3em; 
	border-bottom-right-radius:0.3em;}	

.cateNav .sub_nav li { border-top: 1px solid #ccc; line-height: 4em; height: 4em;
 overflow: hidden;}
 .cateNav .sub_nav li:first-child { border-top:0;}
.cateNav .sub_nav li a { font-weight: normal; color: #333 !important; padding:0 0.5em; }
.cateNav .sub_nav li a:hover { color: #000 !important;}

 @media only screen and (max-width:828px) { 
	 .cateNav .con {display: block;}
	 .cateNav ul { justify-content: center;}
	 #ins_banner  .cateNav .con { width: auto; margin: 0 1em;}
}


.proIBox { margin-top: 3.8em; padding-bottom: 6.2em;}
.proIBox .tit { color: #235436; font-weight: bold; text-align: left;}
.proIBox .list ul { margin-top: -3%;
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;
}
.proIBox .list li { margin-top: 5%; margin-right: 3.125%; width: 31.25%; position: relative; z-index: 0;
 background: #f7f7f7 url(../images/li_bg.png) no-repeat;
 background-size:100% 100%;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; }
.proIBox .list li:nth-child(3n) { margin-right: 0;}
.proIBox .list .picb { padding: 13.8% 11.6% 0; }
.proIBox .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0;
 padding-top:94%;
 transition: all 0.5s;
-webkit-transition:all 0.5s;}
 .proIBox .list .picb:hover .pic {
	 -ms-transform: scale(1.03, 1.03);
	 	-webkit-transform: scale(1.03, 1.03);
	 	transform: scale(1.03, 1.03);
 }
.proIBox .list .picb img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: contain;}
.proIBox .list .txtb {  margin: 1.5em 11.6% 0; padding-bottom: 10%; text-align: left; color: #333;
display: flex; justify-content: space-between; align-items:flex-end;
}
.proIBox .list .txtb .name  { flex: 1; margin-right: 1em;}
.proIBox .list .txtb .name .en {height: 1.5em; line-height: 1.5em; 
overflow: hidden;}
.proIBox .list .txtb .name .ch { margin-top: 0.1em; height: 1.5em; line-height: 1.5em; 
overflow: hidden;}

.proIBox .list .btnArrow3 { margin-bottom: 0.2em;}

 @media only screen and (max-width:828px) { 
	 .proIBox .list ul { margin-top: 0;}
	 .proIBox .list li { margin-top: 3%; margin-right: 3%; width: 48.5%;}
	 .proIBox .list li:nth-child(3n) { margin-right: 3%;}
	 .proIBox .list li:nth-child(2n) { margin-right: 0;}
	 .proIBox .list .picb {padding: 8% 8% 0;}
	 .proIBox .list .txtb {margin: 1.5em 8% 0; display: block;}
	 .proIBox .list .txtb .name  { margin-right: 0}
	 .proIBox .list .btnArrow3 { margin-top: 1em;}
 }
 
.downIBox { margin-top: 3.8em; padding-bottom: 6.2em;}
.downIBox .tit { color: #235436; font-weight: bold; text-align: left;}
.downIBox .list ul { margin-top: 2.5em; }
.downIBox .list li { margin-top: 0.87em;  background: #f8f8f8; padding:3.2% 3%;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
 display: flex; justify-content: space-between; align-items: center;}
.downIBox .list .date { font-weight: bold; margin-right: 1.3em; 
color: #3c7619;height: 1.5em; overflow: hidden;}
.downIBox .list .name  { height: 1.5em; overflow: hidden;
 text-align: left; color: #272727; flex: 1; margin-right: 1em;}
.downIBox .list .name a { color: #272727;}
.downIBox .list .name a:hover { color: #3c7619;}

 @media only screen and (max-width:828px) { 
	 .downIBox .list .date { margin-right: 0.5em;}
	 .downIBox .list .name { margin-right: 0.5em;}
	 .downIBox .btnArrow4::after {  margin-left: 0.5em; width:2em; height:2em;}
 }


/*关于我们页面*/
.introBox { position: relative; z-index: 0; padding: 5em 0 0;}
.introBox .tit { font-weight: bold; color: #235436;}
.introBox .introCon {display: flex; justify-content: space-between;}
.introBox .introCon .txtb { margin-top: 3em; color: #333;
 width: 42.7%; margin-left: 3.3%; text-align: left;}
.introBox .introCon .txtb .name { font-weight: bold;}
.introBox .introCon .txtb .name2 { margin-top: 0.4em;}
.introBox .introCon .txtb .txt { margin-top: 0.8em; line-height: 1.8; color:#000000}
.introBox .introCon .txtb .txt p { padding: 1em 0;}
.introBox .introCon .picb { margin-top: 3em; color: #333; width: 49.3%; overflow: hidden;
-moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}
.introBox .introCon .picb .pic{ position: relative; z-index: 0; padding-top:57%;
overflow: hidden;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.introBox .introCon .picb .pic:hover  {
	-ms-transform: scale(1.03, 1.03);
		-webkit-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
}
.introBox .introCon .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}


.videoAboutI .txtb  {position: absolute; z-index: 2; left: 0; right: 0; top: 1em; bottom: 1em;
display: flex; justify-content: center; align-items: center; color: #fff;}
.videoAboutI .videoBox {  background-color: ;
-moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
.videoAboutI .videoBox video {
-moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
.videoAboutI .videoBox .btnPlay { margin-top: -1em;}


 @media only screen and (max-width:828px) { 
	 .introBox .introCon { display: block;}
	 .introBox .introCon .txtb  { width: 100%; margin-left:auto}
	 .introBox .introCon .picb {  width: 100%}
	 
	 .videoAboutI { margin-top: 3em; width: 100%;}
 }
 
.valBox { padding: 4.3em 0 6.2em; color: #333;}
.valBox .tit { color: #333;}
.valBox .valList ul { display: flex; flex-wrap: wrap; justify-content: center;
align-items: flex-start;}
.valBox .valList li { margin: 1.2em 0.8em 0;}
.valBox .valList li .pics { width: 5.6em; height: 5.6em;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
background: url(../images/pics_bg.png) center center no-repeat;
background-size:contain ;
margin: 0 auto 0.4em; display: flex; justify-content: center; align-items: center;}
.valBox .valList li .pics img {display: block; width: 2.5em; height: 2.5em;
object-fit: contain;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.valBox .valList li .pics:hover img {
	-ms-transform: scale(1.03, 1.03);
		-webkit-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
}
.valBox .name{ width: 9em; margin: 0 auto; line-height: 1.2;}

.cultBox { position: relative; z-index: 0; padding: 9.3em 0; color: #fff;
background: url(../images/cult_bg.jpg) center center no-repeat;
background-size:cover;}
.cultBox .tit { font-weight: bold;}

.cultBox .item { position: relative; z-index: 0; padding: 7em 0;}
.cultBox .num { color: #235436; width: 3.1em; height: 3.1em; margin: 0 auto;
line-height: 3.1em; font-weight: bold;
background-color: #f7faf6;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.cultBox .name { margin-top: 0.4em; font-weight: bold;}
.cultBox .intro { margin-top: 0.6em; }

.cultBox .item .prevTxt { position: absolute; left:7em; top: 50%; margin-top: -0.6em;}
.cultBox .item .nextTxt { position: absolute; right: 7em; top: 50%; margin-top: -0.6em;}

.swiper-cult-w { position: relative; z-index: 0;}
.swiper-cult-w .btnNext,.swiper-cult-w .btnPrev { position: absolute; z-index: 2;
 top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;  border: 1px solid #235436;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:#ffffff url(../images/arrow_4.png) center center no-repeat;
	background-size:34% auto;
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
} 
.swiper-cult-w .btnPrev { left: 0; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-cult-w .btnNext { right: 0;}
.swiper-cult-w .btnNext:hover,
.swiper-cult-w .btnPrev:hover {border: 1px solid #235436;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
background-color: #235436;
background-image: url(../images/arrow_5.png);
}
.swiper-cult-w .swiper-button-disabled {
	cursor: default; filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;
}
@media only screen and (max-width:828px) { 
	.swiper-cult-w .btnNext,.swiper-cult-w .btnPrev {
		width:2em; height: 2em;margin-top: -1em;	}
	.cultBox { padding: 5em 0 1em; }
	.cultBox .item .prevTxt {display: none;}
	.cultBox .item .nextTxt {display: none;}
}

/*合作公司*/
.partnerBox { position: relative; z-index: 0; padding: 6em 0 6.5em; background-color: #f8f8f8;}
.partnerBox .tit {text-align: center;}
.partnerBox .tit .name { font-weight: bold; color: #235436;}
.partnerBox  .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.partnerBox  .list li { margin-top: 2.8%; width: 19.2%; margin-right:1%;}
.partnerBox  .list li .picb { display: block; cursor: pointer;
 border: 1px solid #ecedf2; padding-top: 41%; background-color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
position: relative; z-index: 0;}
.partnerBox  .list li .picb:hover { border: 1px solid #235436;}
.partnerBox  .list li:nth-child(5n) { margin-right: 0;}
.partnerBox  .list li .picb .pic { display: block; 
position: absolute; width: 50%; height: 60%;
left: 25%; top: 20%;
transition: all 0.5s;
-webkit-transition:all 0.5s;
}
.partnerBox  .list li .picb:hover .pic {
	-ms-transform: scale(1.03, 1.03);
		-webkit-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
}
.partnerBox  .list li .picb .pic img { display: block; width: 100%; height: 100%; object-fit: contain;}

.swiper-partner .btnNPW { margin-top: 2.3em;}
.swiper-partner .btnNext,.swiper-partner .btnPrev {
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em; margin:0 0.5em; border: 1px solid #cfcfcf;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_6.png) center center no-repeat;
	background-size:34% auto;
} 
.swiper-partner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-partner .btnNext:hover,
.swiper-partner .btnPrev:hover {border: 1px solid #487f29;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
background-image: url(../images/arrow_4.png);
}

@media only screen and (max-width:828px) { 
	.partnerBox { padding: 5em 0;}
	.partnerBox  .list li { width: 48%; margin-right:4%;}
	.partnerBox  .list li:nth-child(5n) { margin-right: 4%;}
	.partnerBox  .list li:nth-child(2n) { margin-right: 0;}
	
	.swiper-partner .btnNext,.swiper-partner .btnPrev {
		width:2em; height: 2em;
	}
}


/*荣誉奖项*/
.honorBox { position: relative; z-index: 0; padding: 7.5em 0 9em; }
.honorBox .tit {text-align: center;}
.honorBox .tit .name { font-weight: bold; color: #235436;}
.honorBox .swiper-honor-w {margin-top: 4%;}
.honorBox  .list ul {  color: #333;}
.honorBox  .list li {  padding: 6.9% 0; background-color: #f8f8f8;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
.honorBox  .list li .picb { display: block; width: 68.5%; margin: 0 auto;}
.honorBox  .list li:nth-child(3n) { margin-right: 0;}
.honorBox  .list li .picb .pic { display: block; position: relative; z-index: 0; padding-top: 100%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.honorBox  .list li .picb:hover  .pic{
	-ms-transform: scale(1.03, 1.03);
		-webkit-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
}
.honorBox  .list li .picb .pic img {position: absolute; top: 0; left: 0;
 display: block; width: 100%; height: 100%; object-fit: contain;}
 .honorBox  .list li .name { margin-top: 1.9em;}

.swiper-honor-w { position: relative; z-index: 0;}

.honorBox .btnNext,.honorBox .btnPrev { position: absolute; z-index: 2; right: -1.75em; top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;border: 1px solid #487f29;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_4.png) center center no-repeat;
	background-size:34% auto;
} 
.honorBox .btnPrev { left:-1.75em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.honorBox .btnNext:hover,
.honorBox .btnPrev:hover {border: 1px solid #235436;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
background-color: #235436;
background-image: url(../images/arrow_5.png);
}

@media only screen and (max-width:828px) { 
	.honorBox { padding: 5em 0; }
	
	.honorBox .btnNext,.honorBox .btnPrev {
		width:2em; height: 2em;right: 0;
	}
	.honorBox .btnPrev { left:0;}
}

/*解决方案*/

.soluIBox { padding: 5.6em 0 9.8em;}
.soluIBox .tit { color: #235436; font-weight: bold;}
.soluIBox .list ul { margin-top: 1.1em; display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start; color: #fff;}
.soluIBox .list li { width: 24%; margin-right: 1.33%; overflow: hidden;
-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;}
.soluIBox .list li:nth-child(4n) { margin-right: 0;}
.soluIBox .list li:nth-child(2n+1){ margin-top: 1.3em;}
.soluIBox .list .pic { position: relative; z-index: 0; padding-top: 176%; overflow: hidden;
}

.soluIBox .list li:hover .pic img {
	-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}
.soluIBox .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.soluIBox .list .name { position: absolute; left: 0.5em; right: 0.5em; text-align: center;
top: 42%; font-weight: bold;}
.soluIBox .list .btnArrow2 { position: absolute; bottom: 3.5em; left: 50%; z-index: 3; margin-left: -2.6em;}

@media only screen and (max-width:828px) { 
	.soluIBox { padding: 5em 0;}
	.soluIBox .list li { width: 49%; margin-right: 2%;}
	.soluIBox .list li:nth-child(2n) { margin-right: 0;}
}

.superBox { background-color: #8fa7be; color: #fff; position: relative; z-index: 0;}
.superBox .tit { position: absolute; z-index: 2; top: 2em; left: 1em; right: 1em; text-align: center;}

.swiper-super .pic{ position: relative; z-index: 0; padding-top:46% ;}
.swiper-super .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

.swiper-super-w .btnNext,.swiper-super-w .btnPrev { position: absolute; z-index: 2;
 top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;  border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:#ffffff url(../images/arrow_4.png) center center no-repeat;
	background-size:34% auto;
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
} 
.swiper-super-w .btnPrev { left: 6%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-super-w .btnNext { right: 6%;}
.swiper-super-w .btnNext:hover,
.swiper-super-w .btnPrev:hover {border: 1px solid #235436;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
background-color: #fff;
background-image: url(../images/arrow_4.png);
}
.swiper-super-w .swiper-button-disabled {
	cursor: default; filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;
}
@media only screen and (max-width:828px) { 
	.superBox .tit { top: 0.5em;}
	.swiper-super-w .btnNext,.swiper-super-w .btnPrev {
		width:2em; height: 2em;margin-top: -1em;	}
}

.advBox { padding: 5.7em 0 10em; background: #e0ecf2 url(../images/adv_bg.jpg) center bottom no-repeat;
background-size:cover ;}
.advBox .tit { color: #235436; font-weight: bold;}
.advBox .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.advBox .list li { position: relative; z-index: 0; margin-top: 4em; padding-bottom: 1.6em; 
color: #333; width: 31.1%; margin-right: 3.35%;  text-align: left;
display: flex; justify-content: flex-start; align-items: flex-start;}
.advBox .list li:nth-child(3n){ margin-right: 0;}

.advBox .list .num { display: flex; justify-content: space-between; align-items: center;}
.advBox .list .num::after { flex: 1; margin-left: 0.5em; height: 1px; background-color: #ccc; content: "";
display: block;}
.advBox .list .pics { position: absolute; top: 0; right: 4em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.advBox .list .pics:hover {-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);}
.advBox .list .pics img { display: block; width: 4em; height: 4em;}
.advBox .list .txtb { width: 64.4%;}
.advBox .list .txtb .num { color: #3c7718; font-weight: bold;}
.advBox .list .txtb .name { margin-top: 0.9em; font-weight: bold;}
.advBox .list .txtb .intro { margin-top: 0.9em; line-height: 1.8; }

@media only screen and (max-width:828px) {
	.advBox .list ul { margin: 0 1em;}
	.advBox .list li {width: 100%; margin-right:0; }
	.advBox .list .pics {  right: 0em;}
	.advBox .list .txtb { width: auto; flex: 1; margin-right: 5em;}
}


.platBox { padding: 6.5em 0; background: #6a9dd0 url(../images/plat_bg.jpg) center bottom no-repeat;
background-size:cover;}
.platBox .pic img { display:  block; width: 100%; height: auto;}

@media only screen and (max-width:828px) {
	.platBox { padding: 5em 0;}
	
}



/*news*/

 .newIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
 .newIBox .tit { line-height: 1; font-weight: bold; text-align: left; color:#235436}
 .newIBox .list ul { margin-top: -2.2%; display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: stretch;}
 .newIBox .list li { margin-top: 5.3%; width:31.2%; margin-right: 3.2%;
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
 display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 .newIBox .list li:hover {
	 background-color: #fff;
	 -moz-box-shadow: 0 0 0.6em rgba(60, 119, 24, .26);
	 -webkit-box-shadow: 0 0 0.6em rgba(60, 119, 24, .26);
	 box-shadow: 0 0 0.6em rgba(60, 119, 24, .26);
	
 }
  .newIBox .list li:hover::after { content: ""; display: block;
	  position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0;
	   border: 1px solid #3c7718;
	    -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
  }
  .newIBox .list li:nth-child(3n) { margin-right: 0;}
 .newIBox .list .picb {
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
 .newIBox .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 62.8%;}
 .newIBox .list .picb .pic a { display: block; cursor: pointer;}
 .newIBox .list .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .newIBox .list .txtb { flex: 1; padding: 1.9em 0 2.4em; margin: 0 9.5%; text-align: left; color: #333;}
 .newIBox .list .txtb .date {color: #666; }
 .newIBox .list .txtb .name { color: #000;
  margin-top:1em; height: 3.6em; line-height: 1.2em; 
   overflow: hidden; color: #666;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; }
.newIBox .list .txtb .name a { color: #000; }

 .newIBox .list .btnArrow { margin-top:3em; }
 
  @media only screen and (max-width:600px) { 
 	 .newIBox .list ul{ display: block;}
	 .newIBox .list li {  width: 100%;}
  }
 
 
 /*新闻详情*/
 
 .newDBox { margin-top: 6.5em; padding-bottom: 5.5em;}
.newDBox .con{ display: flex; justify-content: space-between; align-items: flex-start;}
.newDBox .conL{ width: 62.8%;}
.newDBox .conR{ width: 32.3%;}

@media only screen and (max-width:600px) { 
 	.newDBox .con{ display: block;}
 	.newDBox .conL{ width: 100%;}
 	.newDBox .conR{ margin-top: 3em; width: 100%;}
}

.newDeBox {text-align: left;}
.newDeBox .title { }
.newDeBox .about { margin-top: 0.5em; }
.newDeBox .about .line { display: inline-block; margin: 0 1.2em;}
.newDeBox .about span { display: inline-block;}
.newDeBox .about .date { background: url(../images/date_2.png) 0 0.08em no-repeat;
background-size:1.25em auto ; padding-left: 1.8em;}

@media only screen and (max-width:828px) { 
	.newDeBox .about { margin-top: 1em; font-size: 12px;}
	.newDeBox .about .line { margin: 0 0.2em;}
}

.newDeBox .content { line-height: 1.7em; overflow: hidden; 
margin-top: 1em; padding: 1em 0 2em; border-top:1px solid #e0e0e0 ;
border-bottom: 1px solid #e0e0e0;}
.newDeBox .content img { margin-top: 0.7em; max-width: 100%; height: auto;}
.newDeBox .content p { margin-top: 1.4em;}
.newDeBox .content h2 { margin-top: 1.2em;}
.newDeBox .content h3 { margin-top: 1.2em;}

.pageTurn { margin-top: 2.2em; display: flex; justify-content: space-between; align-items: center;}
.pageTurn ul { flex: 1; margin-right: 1em;  color: #3c7718;
display: block}
.pageTurn ul li  { padding:0.5em 0;}
.pageTurn ul li a { color: #333;}
.pageTurn ul li a:hover { color: #3c7718;} 

@media only screen and (max-width:600px) { 
	.pageTurn { display: block;}
	.pageTurn .btnBlue3 { margin-top: 2em;}
} 
  
  .aboutPicBox .list li { margin-bottom: 1.75em; position: relative; z-index: 0;}
.aboutPicBox .list .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 64.5%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
.aboutPicBox .list .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .aboutPicBox .list .pic::after { content: ""; display: block; 
  position: absolute; left: 0; top: 0;
  width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+49,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.aboutPicBox .list .pic .name {
	display: block; text-align: left; position: absolute; z-index: 2;
	 bottom: 1em; left: 1.5em ; right: 1.5;
color: #fff;
height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }


.aboutNBox { border: 1px solid #e2e2e2; padding: 0 5%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 -moz-box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);
 -webkit-box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);
 box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);}
.aboutNBox .tit { border-bottom: 1px solid #e0e0e0; 
padding: 1.2em 0 1em; font-weight: bold; text-align: left;}
.aboutNBox .list { padding-bottom: 2.4em; text-align: left;}
.aboutNBox .list li { padding: 1.9em 0 1.3em; border-bottom:1px dashed #cdcdcd ;}


/*案例*/

 .caseIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
 .caseIBox .tit { line-height: 1; font-weight: bold; text-align: left; color:#3c7718}
 .caseIBox .list ul { display: flex; flex-wrap: wrap; justify-content: space-between;
  align-items: stretch;}
 .caseIBox .list li { cursor: pointer; margin-top: 3.6%; width: 48.2%;
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
 display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
  .caseIBox .list li:nth-child(2n) { flex-direction: column-reverse;}
 .caseIBox .list .picb {
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
 .caseIBox .list .picb .pic {position: relative; z-index: 0; padding-top: 62.8%;}
 .caseIBox .list .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}
 
 
 .caseIBox .list .picb:hover img {
	-ms-transform: scale(1.05, 1.05);
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
}

 
 
 
 
 
 .caseIBox .list .txtb { flex: 1; padding: 3em 0 3.5em; margin: 0 8.46%; text-align: left; color: #333;}
  .caseIBox .list .txtb:hover{ color:#3c7718}
 
 .caseIBox .list .txtb .date { padding-left: 2em; color: #666; 
 background: url(../images/date.png) 0 0 no-repeat;
 background-size:1.33em  auto;}
 .caseIBox .list .txtb .name { margin-top: 0.8em; height: 1.2em; line-height: 1.2em; overflow: hidden; }
 .caseIBox .list .txtb .intro { line-height:1.7; margin-top: 1em;
 height: 3.4em; overflow: hidden; color: #666;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; 
 }
 .caseIBox .list .btnArrow { margin-top:2em; }
 
 .caseIBox .list li .caseCon { display: none;}
 
  @media only screen and (max-width:600px) { 
 	 .caseIBox .list ul{ display: block;}
	 .caseIBox .list li {  width: 100%;}
  }
  
  
  /*工程案例 弹出框*/

.casePopup {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
}
.casePopup.show {
	display: flex;
}
.casePopup .caseCon {
	max-width:800px;
	width: 100%;
	position: relative;
	z-index: 0;
	color: #fff;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2758a5+0,0075be+100 */
background: linear-gradient(to right, rgba(35,84,54,1) 0%,rgba(60,119,24,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.casePopup .caseCon .close {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	width: 3.4em;
	height: 3.4em;
	right: -1.7em;
	top: -1.7em;
	background: #3c7718 url(../images/close.png) center center no-repeat;
	background-size:24% auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.casePopup .caseCon .picb {
	position: relative;
	z-index: 0;
}
.casePopup .caseCon .picb .pic {
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 0;
	padding-top: 59%;
}
.casePopup .caseCon .picb img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-border-top-right-radius:1em;
	-webkit-border-top-right-radius:1em;
	border-top-right-radius:1em;
	-moz-border-top-left-radius:1em;
	-webkit-border-top-left-radius:1em;
	border-top-left-radius:1em;
}
.casePopup .caseCon .picb .swiper-pagination {
	width:auto;
	right: 1em;
	left: 1em;
	bottom: 1em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.casePopup .caseCon .picb .swiper-pagination-bullet {
	width: 0.8em;
	height: 0.8em;
	background-color: #ccc;
	margin: 0 0.25em !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.casePopup .caseCon .picb .swiper-pagination-bullet-active {
	position: relative;
	z-index: 0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background-color: #0075be;
}
.casePopup .caseCon .picb .btnNext, .casePopup .caseCon .picb .btnPrev {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -1.75em;
	cursor: pointer;
	display: inline-block;
	width:3.5em;
	height: 3.5em;
	border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#fff url(../images/arrow_51.png) center center no-repeat;
	background-size:34% auto;
}
.casePopup .caseCon .picb .btnPrev {
	left: -5em;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.casePopup .caseCon .picb .btnNext {
	right: -5em;
}
.casePopup .caseCon .picb .btnNext:hover, .casePopup .caseCon .picb .btnPrev:hover {
	border: 1px solid #3c7718;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #f4f5f9;
	background-image: url(../images/arrow_5h.png);
}
 @media only screen and (max-width:828px) {
 .casePopup .caseCon .close {
width: 2em;
height: 2em;
 right: -1em;
top: -1em;
}
 .casePopup .caseCon .picb .btnNext,  .casePopup .caseCon .picb .btnPrev {
 width:2em;
height: 2em;
margin-top: -1em;
}
 .casePopup .caseCon .picb .btnPrev {
left: -1em;
}
 .casePopup .caseCon .picb .btnNext {
right: -1em;
}
 .casePopup .caseCon .picb .swiper-pagination {
font-size: 2vw;
}
 .casePopup .caseCon .picb .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
}
.casePopup .caseCon .txtb {
	padding: 5.2%;
	text-align: left;
}
.casePopup .caseCon .txtb .name {
	font-weight: bold;
}
.casePopup .caseCon .txtb .intro {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/*.casePopup .caseCon .txtb .introL {
	margin-top: 0.7em;
	width: 48.65%;
}*/
.casePopup .caseCon .txtb .introR {
	margin-top: 0.7em;
	width: 90%;
}
.casePopup .caseCon .txtb .introL dl {
	padding: 0.7em 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.casePopup .caseCon .txtb .introL dt {
	font-weight: bold;
}
.casePopup .caseCon .txtb .introL dd {
	flex: 1;
}
.casePopup .caseCon .txtb .introL dd span {
	display: inline-block;
	margin-right: 1em;
}
.casePopup .caseCon .txtb .introR dt {
	font-weight: bold;
}
.casePopup .caseCon .txtb .introR dd {
	margin-top: 1.2em;
	line-height: 1.8;
}
 @media only screen and (max-width:828px) {
 .casePopup .caseCon {
width: 88%;
}
 .casePopup .caseCon .txtb .intro {
display:block;
}
 .casePopup .caseCon .txtb .introL {
width:100%;
}
 .casePopup .caseCon .txtb .introR {
width: 100%;
}
}



.contaBox { padding: 4em 0 3.1em; overflow:hidden;}
.contaBox  .tit { font-weight: bold; text-align: left; color:#3c7718}
.contaBox  .tit2 { margin-top: 0.2em; color: #666; text-align: left;}
.contaBox .conA { margin-top: 1.5em; justify-content: space-between; align-items: flex-start; overflow:hidden}
.contaBox .list{width:100%; display:flex;}
.contaBox  .list dl { min-height: 10.1em; margin-bottom:1.1em; border: 1px solid #e2e4eb; width:32%; margin-right:1.7%; float:left; border-radius:10px; min-height:320px;}
.contaBox  .list dl:last-child{ margin-right:0px;}


.contaBox  .list dl dt {color: #333; text-align:right}
.contaBox  .list dl dt img {width: 3.66em; height: 3.66em; object-fit: contain;padding:10% 15% 0% 0;}
.contaBox  .list dl dd { color: #000; flex: 1; margin:1.9em 1em 1.9em 0; text-align: left; padding-left:15%;  padding-right:15%;}
.contaBox  .list dl dd .name {font-weight: normal;color: #999; line-height: 1.2; overflow: hidden;}
.contaBox  .list dl dd .intro { font-size: 1.33em; 
margin-top: 1em; color: #222; line-height: 1.6;}
.contaBox  .list dl dd .intro span { font-size: 0.75em;}

.contaBox .mapBox { width: 49%;}
.contaBox .mapBox img { display: block; width:100%; height: auto;}

@media only screen and (max-width:828px) {
	.contaBox .conA { display: block;}
	.contaBox .list{ margin-right: auto;    display:block;}
	.contaBox  .list dl{ width:99%; margin-bottom:10px; min-height:200px;}
	.contaBox .mapBox { width: 100%;}
}

.contbBox { padding: 3em 0 3.5em;}
.contbBox  .tit { font-weight: bold; text-align: left;color:#3c7718}
.contbBox  .tit2 { margin-top: 0.2em; color: #666; text-align: left;}
.contbBox .form { display: flex; flex-wrap: wrap; 
justify-content: space-between; align-items: flex-start;}
.contbBox .form form { width: 100%;
 display: flex; flex-wrap: wrap;
 justify-content: space-between; align-items: stretch;}

.contbBox .form dl { text-align: left; margin-top: 2.7em; width: 47.25%;
 color: #333; border-bottom: 1px solid #ddd;}
.contbBox .form dl dt { font-size: 1.33em;  }
.contbBox .form dl dd { }
.contbBox .form dl.dl2 { width: 100%;}
.contbBox .form dl .iW { margin-top: 0.2em;}
.contbBox .form dl .input { width: 100%; border: 0; margin: 0; padding: 0;
 outline-width: 0; line-height: 3em; height: 3em;
 font-size: 1em; background-color: transparent;}
.contbBox .form dl .tW {padding: 0 1em;}
.contbBox .form dl .textarea { display: block; width: 100%;
  border: 0; outline-width: 0; line-height: 1.2em; height: 8.4em;
  font-size: 1em; background-color: transparent; }

.contbBox .btnW { text-align: center; width: 100%;}
.contbBox button.btnSubmit { display: inline-block;
 font-weight: bold; margin: 2.5em 0.4em 0; border: 0; outline-width: 0; cursor: pointer;
 height: 2.9em; line-height: 2.9em; text-align: center;
 background-color: #3c7718; color: #fff; padding: 0 2.1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.contbBox .btnSubmit:hover { background-color: #D2DDCC; color:#333}
.contbBox button.btnReset { display: inline-block;
 font-weight: bold; margin: 2.5em 0.4em 0; border: 0; outline-width: 0; cursor: pointer;
 height: 2.9em; line-height: 2.9em; text-align: center;
 background-color: #D2DDCC; color: #333;  padding: 0 2.1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.contbBox .btnReset:hover { background-color: #3c7718; color:#fff}

.aboutIBox img { display: block; width: 100%; height: auto;}

 @media only screen and (max-width:828px) {
 	.contbBox .con { display: block;}
 	.contbBox .conL { width: 100%;}
 	.contbBox .conR { width: 100%; margin-top: 2em;}
 	.contbBox .form dl { width: 100%;}
 }
 #all2map {
	width: 100%;
	height:600px;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 14px; margin-bottom:50px;
}
#all2map b {
	color: #CC5522;
	font-size: 14px;
}
#all2map img {
	max-width: none;
}

@media screen and (max-width: 767px) {
#all2map {
	height:300px;

}
}

.bgGray {
	overflow: hidden; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f2f7+0,ffffff+100 */
	background: linear-gradient(to bottom, rgba(226, 232, 228, 1) 0%, rgba(251, 251, 251, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.position {
	margin-top: 2em;
	line-height: 2em;
	background: url(../images/hom-1.png) 0 0 no-repeat;
	background-size:1.95em auto;
	padding-left: 2.7em;
	text-align: left;
}
.position a {
	display: inline-block;
}
.position a:hover {
}
.position span {
	display: inline-block;
}
.position .arrow {
	display: inline-block;
	margin: 0 0.5em;
}
.cateNav .position {
	margin-top: 0;
	color: #fff;
}
.cateNav .position a {
	color: #fff;
}
.cateNav .position a:hover {
	color: #fff;
}
 @media only screen and (max-width:828px) {
 .cateNav .position {
font-size: 12px;
margin-top: 0.5em;
}
}



.busiDeTop .con { margin-top:1.6em; position: relative; z-index: 0;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 display: flex; justify-content: space-between; align-items: stretch }
.busiDeTop .picb { position: relative; z-index: 0;  width: 50%; background-color:#fff;border-radius:15px;}
.busiDeTop .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top:100%;}
.busiDeTop .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;
  -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 

.busiDeTop .picb .swiper-pagination {  width: 100%;
 bottom: 2.5em;
   display: flex; justify-content: center; align-items: center;}
.busiDeTop .picb .swiper-pagination-bullet { width: 0.8em; height: 0.8em;
 background-color: #ccc; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.busiDeTop .picb .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #3c7718;
}

 
.busiDeTop .picb .btnNext,
.busiDeTop .picb .btnPrev { position: absolute; z-index: 1; top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;  border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:#fff url(../images/arrow_51.png) center center no-repeat;
	background-size:34% auto;} 
.busiDeTop .picb .btnPrev { left: -1.75em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); }
.busiDeTop .picb .btnNext { right: -1.75em;}
.busiDeTop .picb .btnNext:hover,
.busiDeTop .picb .btnPrev:hover {border: 1px solid #3c7718;
filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;
background-color: #f4f5f9;
background-image: url(../images/arrow_5h.png);}

@media only screen and (max-width:828px) { 
	.busiDeTop .picb .btnNext,.busiDeTop .picb .btnPrev {
		width:2em; height: 2em;margin-top: -1em;
	}
	.busiDeTop .picb .btnPrev { left: -1em;}
	.busiDeTop .picb  .btnNext { right: -1em;}
	
	.busiDeTop .picb .swiper-pagination { font-size: 2vw;}
	.busiDeTop .picb .swiper-pagination-bullet { width: 6px; height: 6px;}
}
 
.busiDeTop .txtb { border: 1px solid #e2e4eb; flex: 1; margin-left: 5.1%; 
padding: 3.5em 4%; background-color: #fff; text-align: left; color: #333;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;border-radius:15px;}
.busiDeTop .txtb .name2 {  margin-top: 1.2em;background-color:#F3F5F4; border-radius:5px;  line-height:70px; border-left:4px solid #3D7617; color:#666; padding-left:30px;}
.busiDeTop .txtb .name { line-height: 1.2em;
font-weight: bold;}
.busiDeTop .txtb .intro { line-height:1.7; margin-top: 1em;
 height: auto; overflow: hidden; color: #666;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:10; margin-bottom:30%
 }
.busiDeTop .btnCons { margin-top: 1em; display:block; cursor: pointer; font-weight: bold;
 line-height: 2.8em; height: 2.8em; color: #fff; 
display: flex; justify-content: space-around; align-items: center;
 -moz-border-radius:0.25em; -webkit-border-radius:0.25em; border-radius:0.25em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2758a5+0,0075be+100 */
    background: linear-gradient(to right, rgba(35,84,54,1) 0%,rgba(60,119,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.busiDeTop .btnCons .pics { width: 1.66em; height: 1.66em;display: block;
background: url(../images/cons.png) center center no-repeat ;
background-size:contain ;
}
.busiDeTop .btnCons .arrow { width: 0.8em; height: 0.8em; display: block;
background: url(../images/arrow_7.png) center center no-repeat ;
background-size:contain ;
}
 
  @media only screen and (max-width:828px) { 
 	 .busiDeTop .con { display: block;}
 	 .busiDeTop .picb {  width: 100%;}
 	 .busiDeTop .txtb {  margin-left: auto;padding: 3em 2em 2em; margin-top:2em;}
	 .busiDeBox{ margin-top:1em;}
	 
	 
  }
  
  
  .busiDeBox { margin-top: 2em; margin-bottom: 2.7em; border: 1px solid #e2e4eb; background-color: #fff;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden; text-align: left;}
.busiDeBox .tit { padding: 0.1em 1.7em 0; line-height: 2.65em;    background: linear-gradient(to right, rgba(35,84,54,1) 0%,rgba(60,119,24,1) 100%); color: #fff; font-weight: bold;}
.busiDeBox .tit2 { font-weight: bold;}
 .busiDeBox .content { line-height: 1.7em; padding: 2.6em 4.5%;}
  .busiDeBox .content img { max-width: 100%; height: auto;}
  .busiDeBox .content p { margin-top: 1em;}



.web_two_list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; border:1px solid #e2e4eb; border-radius:20px; background-color:#fff;margin-top:2em;}
.web_two_list .web-item{position:relative;text-align:center;width:14.25%; padding:50px 0;}

.web_two_list .web-item .imgs img{max-width:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;cursor:pointer;  border:1px solid #CCCCCC;border-radius:50%}
.web_two_list .web-item h3{font-size:16px;line-height:28px;margin-top:20px; color:#666; font-weight:normal}
.web_two_list .web-item span{display:block;font-size:14px;color:#222;margin-top:15px;line-height:1.7;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}

.web_two_list .web-item:hover .imgs img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}

  @media only screen and (max-width:828px) { 
.web_two_list .web-item{position:relative;text-align:center;width:33.333%; padding:20px 0;}
	 
	 
  }