@charset "utf-8";
/* CSS Document */

.swiper-all { width: 100%; height: 100vh; position: relative; z-index: 0;}
.swiper-all .swiper-slide { overflow: hidden; position: relative; z-index: 0; width: 100%; height: 100vh}

/*banner*/
#i_banner { background-color: #000; position: relative; z-index: 0;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top:100vh;}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#i_banner .pic video { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#i_banner .txtb { position: absolute; left: 0; top: 7em; margin-top: -10em; bottom: 20%; right: 0; 
display: flex; justify-content: center; align-items: center; text-align: center;}
#i_banner .txtb .txt {  margin: 0 auto; text-align: center; color: rgba(255,255,255,0.9); 
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 1s;
-webkit-transition:all 1s;
transform: translate(0,90px);
-ms-transform: translate(0,90px);
-webkit-transform: translate(0,90px);}
#i_banner .txtb .txt .name {letter-spacing: 0.05em; margin-top: .4em;  font-weight: bold; line-height: 1.2;}
#i_banner .txtb .txt .intro { letter-spacing: 0.05em; line-height: 1.6;  
overflow: hidden;  color: rgba(255,255,255,0.6);}
#i_banner .txtb .txt .btnWhite { margin-top: 1.9em;}

#i_banner .swiper-slide-active  .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);}

#i_banner .swiper-pagination { height: 6.28em; padding: 0 2.8%;
 bottom: 0; border-top: 1px solid rgba(255,255,255,0.5);
   display: flex; justify-content: flex-start; align-items: center;}
#i_banner .swiper-pagination-bullet { width: 0.8em; height: 0.8em;
 background-color: #fff; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
#i_banner .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #3c7718;
}

#i_banner .btnNPW { position: absolute; right:0; margin-right: 2.8%;  bottom: 1.1em;
z-index: 1000;height: 2.8em; width:7.9em; text-align: center; }
#i_banner .btnNext,#i_banner .btnPrev { position: relative;
	cursor: pointer; display: inline-block;
	width:1.6em; height: 1.6em; margin:0 0.1em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size:contain;
} 
#i_banner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
#i_banner .btnNext:hover,
#i_banner .btnPrev:hover {
filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;
}

#i_banner .swiper-button-disabled,
#i_banner .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}

#i_banner .num { position: absolute; z-index: 1000; left: 9.3%; color: #fff;bottom: 2.6em;}
#i_banner .num span.cur { font-size: 1.5em;}

@media only screen and (max-width:828px) { 
#i_banner .con { width:  90vw; margin: 0 5vw;}
#i_banner .txtb { width: 100vw;}
#i_banner .txtb .txt { width: 80%; right: auto; left: 0;}
#i_banner .txtb .txt .name { font-size: 5.8vw;}
#i_banner .txtb .txt .intro { font-size:3.4vw;}
#i_banner .txtb .txt .btn { font-size: 2vw; margin-top: 1.8em;}
#i_banner .btnNPW  { font-size: 2vw; }
#i_banner .swiper-pagination { font-size: 2vw;}
#i_banner .swiper-pagination-bullet { width: 6px; height: 6px;}
}

.aboutBox .txtb { position: absolute; z-index: 2; left: 0; right: 0; top: 6.9em; bottom: 1em;
display: flex; justify-content: center; align-items: center; color: #fff;
transition: all .5s;
-ms-transition: all .5s;
-webkit-transition:all .5s;

transition-delay: .4s;
	-ms-transition-delay: .4s;
	-webkit-transition-delay: .4s;

transform: translate(0,2em);
	-ms-transform: translate(0,2em);
	-webkit-transform: translate(0,2em);
	
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.aboutBox .txtb .name { letter-spacing: 0.05em;}
.aboutBox .txtb .intro { letter-spacing: 0.05em; margin-top:0.5em;}
.aboutBox .txtb .btnWhite { margin-top: 3em;}

.swiper-all .swiper-slide-active .aboutBox .txtb {
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

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

.soluBox { width: 100%; height:100vh; position: relative; z-index: 0;
display: flex; justify-content: flex-start; align-items: flex-start;}
.soluBox .soluBg { position: absolute; z-index: 0; left: 0; top: 0;
width: 100%; height: 100%;
background: url(../images/solu_bg.jpg) center center no-repeat;
background-size:cover;  display: none;}
.soluBox .soluBg.show { display: block;}
.soluBox .con{ height: 100%;
   display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;

    position: relative; z-index: 1;
	transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition:all .5s;
	
	transition-delay: .4s;
	-ms-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	
	transform: translate(0,2em);
		-ms-transform: translate(0,2em);
		-webkit-transform: translate(0,2em);
		
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.swiper-all .swiper-slide-active .soluBox .con {
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.soluBox .tit { padding-top: 8em; display: flex; justify-content: space-between; align-items: center;}
.soluBox .tit .name { flex: 1; text-align: left;}
.soluBox .tit .name .en { color: #999; text-transform: uppercase; }
.soluBox .tit .name .ch { color: #333; font-weight: bold;}


.soluBox .tab {  width: 80%;}
.soluBox .tab ul { margin-top:1em; 
display: flex; justify-content: flex-start; align-items: center; }
.soluBox .tab ul li { flex: 1; cursor: pointer; height: 3.4em; line-height: 3.4em;
 overflow: hidden; margin-left: 0.4em; text-align: center;
 background-color: #f4f5f9; border: 1px solid #dbe1e4; 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;
 display: flex;  justify-content: center; align-items: center;}
.soluBox .tab 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%);}
.soluBox .tab ul li span { display: block;}
.soluBox .tab ul li span img {display: block; width: 2.4em; height: 2.4em;
object-fit: contain; margin-right: 1.1em;}
.soluBox .tab ul li span img:nth-child(1) {}
.soluBox .tab ul li span img:nth-child(2) { display: none;}

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

.soluBox .conSZ { flex: 1; margin-top: 2em; position: relative; z-index: 0;}
.soluBox .conS {  position: absolute; left: 0; top: 0; z-index: 0;
 width: 100%; height: 100%;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
 filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
 display: flex; flex-direction: column; justify-content: center;
 align-items: center;
 }
.soluBox .conS:nth-child(1) { position: relative;}
.soluBox .conS.show { z-index: 1; 
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.soluBox .txtb { margin: 0 auto 30vh 0; width: 43.3%; text-align: left;}
.soluBox .txtb .name { padding-top: 0.85em; position: relative; z-index: 0; font-weight: bold; color: #333;}
.soluBox .txtb .name .en { position: absolute; left: 0; top: 0; color: #f2f3f5;
font-size: 1.8em; line-height: 1; z-index: -1; text-transform: uppercase; width: 300%;}
.soluBox .txtb .intro { margin-top: 1.1em; line-height: 1.6; color: #666; }
.soluBox .txtb .btnGray { margin-top: 5em;}

.soluBox .picb { width: 65%; position: absolute; right: 1.9%; top: 18%; }
.soluBox .picb .pic {padding-top: 39.6%; position: relative; z-index: 0;}
.soluBox .picb .pic  img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: contain;}

 @media only screen and (max-width:828px) { 
	 .soluBox { align-items: flex-start;}
	 .soluBox .soluBg { position: absolute; z-index: 0; left: 0; top: 0;
	 width: 100%; height: 100%;
	 background:#f4f5f9 url(../images/solu_bg.jpg) right bottom no-repeat;
	 background-size:160% auto;  display: none;}
	 .soluBox .tit { display: block; padding-top: 7.2em;}
	 .soluBox .tab {  width: 100%;}
	 .soluBox .tab ul { flex-wrap: wrap; justify-content: center;}
	 .soluBox .tab ul li span img {width: 2em; height: 2em;margin-right: 0.4em;}
	 .soluBox .tab ul li { flex: initial; width: 46%; margin: 2% 1% 0;}
	 .soluBox .conSZ { margin-top: 2em;}
	 .soluBox .conS { justify-content: flex-start;}
	 .soluBox .txtb { width: 100%;}
	 .soluBox .txtb .name .en { font-size: 1.3em;}
	 .soluBox .txtb .intro { width: 100%; margin: 1.1em auto 0 0;}
	 .soluBox .txtb .btnGray { margin-top: 2em;}
	 
	  .soluBox .picb {top:100%; width: 96%; }
	  
 }
 

.newBox { width: 100%; height:100vh; 
background:#f4f5f9 url(../images/new_bg.jpg) center center no-repeat;
background-size:cover ; display: flex; justify-content: center; align-items: center;
display: flex; justify-content: flex-start; align-items: flex-start;}
.newBox .con { height: 100%;
 display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;
	transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition:all .5s;
	
	transition-delay: .4s;
	-ms-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	
	transform: translate(0,2em);
		-ms-transform: translate(0,2em);
		-webkit-transform: translate(0,2em);
		
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
		
}
.swiper-all .swiper-slide-active .newBox .con {
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.newBox .tit { padding-top: 9em; display: flex; justify-content: space-between; align-items: center;}
.newBox .tit .name { flex: 1; text-align: left;}
.newBox .tit .name .en { color: #999; text-transform: uppercase; }
.newBox .tit .name .ch { color: #333; font-weight: bold;}
.newBox .tit .more { color: #666;}
.newBox .tit .more:hover { color: #0075be;}

.newBox  .list { flex: 1;
 display: flex; flex-direction: column; justify-content: center;
 align-items: center;}
.newBox  .list ul { margin-bottom: 20vh; display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.newBox  .list li { margin-top: 1.75em; width: 100%; background-color: #fff;}
.newBox  .list li .lib {padding:2.2em 3.3em;
display: flex; justify-content: flex-start; align-items: flex-start;}
.newBox  .list li:nth-child(2) { width: 49.1%; margin-right: 1.8%;}
.newBox  .list li:nth-child(3) {width: 49.1%; }
.newBox  .list .picb { width: 20em;overflow: hidden;
-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}
.newBox  .list .picb .pic { display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 65.6%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.newBox  .list .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
}
.newBox  .list .picb:hover .pic {
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}
.newBox  .list .picb .pic .date { position: absolute; z-index: 1; display: block;
 width: 5em; height: 5em;
right: -0.62em; top: 0.43em; color: #fff;background-color: #3c7718; text-align: center;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.newBox  .list .picb .pic .date .dd { padding-top: 0.4em; line-height: 1.3em; display: block; font-size: 1.8em;}
.newBox  .list .picb .pic .date .yymm {line-height: 1.3em;  display: block; font-size: 0.87em;}
.newBox  .list .txtb { flex: 1; text-align: left; margin-left: 2.4em;}
.newBox  .list .name { margin-top: 0.3em; line-height:1.2em ; height: 1.2em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.newBox  .list .name a { color: #333;}
.newBox  .list .name a:hover { color: #3c7718;}

.newBox  .list li:nth-child(2) .name ,.newBox  .list li:nth-child(3) .name  {
	 max-height: 2.4em;-webkit-line-clamp:2;  height: auto;
}
.newBox  .list .intro {margin-top: 0.5em; color: #666; line-height:1.6em ; height: 3.2em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newBox  .list a.more { display: inline-block;  color: #666;}

.newBox  .list li:nth-child(2) .intro ,.newBox  .list li:nth-child(3) .intro  {
	-webkit-line-clamp:3;  height: auto;
}

@media only screen and (max-width:828px) {
	.newBox { align-items: flex-start;}
	.newBox .tit { padding-top: 7.2em;}
	.newBox  .list li {  width: 100%; margin-right:0;}
	.newBox  .list li:nth-child(2) { width: 100%; margin-right:auto;}
	.newBox  .list li:nth-child(3) {width: 100%; }
	.newBox  .list li .lib {padding:1em;}
	.newBox .list .picb { width: 16em;}
	.newBox .list .txtb { margin-left: 1em;}
	.newBox .list .txtb .btnArrow { margin-top: 1em;}
}