.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:#d3d3d3; border-radius:5px;  line-height:70px; border-left:4px solid #000028; color:#000028; 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: #333333; 
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(149,204,232,1) 0%,rgba(158,216,246,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(149,204,232,1) 0%,rgba(158,216,246,1) 100%); color: #333333; 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;}
	 
	 
  }


/*news 产品*/

.proIBox { margin-top: 3.8em; padding-bottom: 6.2em;}
.proIBox .tit { color: #343434; 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: #eeeeee 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;}
 }
 

/*news 返回按钮*/

.btnBlue3 { display: inline-block; cursor: pointer; color: #fff; line-height: 1.2;
 padding: 0.7em 2em 0.6em; background-color: #010028; border: 1px solid #3c7718;  
 text-align: center;
 text-transform: uppercase;
transition: all 0.5s;
-webkit-transition:all 0.5s; 
-moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
.btnBlue3:hover { background-color: #0075be; border: 1px solid #0075be; color: #fff;}
.btnBlue3::after { content: ""; display: inline-block; width: 0.75em; height: 0.75em;
background: url(../images/arrow_6.png) center center no-repeat; margin-left: 0.8em;
background-size:contain ;}



/*news 新闻*/

  .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 ;}


.page { margin-top: 3.7em;	text-align: center;	color: #666;	line-height:2.9; }
@media only screen and (max-width:828px) {
	.page { font-size: 12px;}
}
.page a,.page .cur,.page .dot {
	display: inline-block;
	color: #666; 
	padding: 0.1em 0 0; min-width: 3em;
	margin: 0.5em 0.5em 0;
	background-color: #fff; border: 1px solid #e7e7e8;
	-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.page a:hover { color: #3c7718; border: 1px solid #010028; }
.page a.page-num-current { font-weight: bold; background-color: #93c9e5;color: #fff;}

.page .prev { font-weight: bold; 
	display: inline-block;font-family: "宋体";
}
.page .next {font-weight: bold; 
	display: inline-block;font-family: "宋体";
}



 .newIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
 .newIBox .tit { line-height: 1; font-weight: bold; text-align: left; color:#141414}
 .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: #93c9e5;
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;}
}