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


.i-banner .pic {padding-top: 745px;}

@media only screen and (max-width:1200px) {
.i-banner .pic {  padding-top: 62.08vw;}	
}
@media only screen and (max-width:828px) {
.i-banner .pic {  padding-top: 74vw;}
}


.aboutBox { padding:3.5em 0 0;}

.aboutBox .tit .en { font-size: 1.9em;  font-weight: bold; color: #f3f3f3;

text-transform: uppercase; line-height: 1.1;}

.aboutBox .tit .title { font-weight: bold; line-height: 1.2; margin: -1em auto 0; }

.aboutBox .tit .line { display: block; margin: 0.3em auto 0;

 width: 2.9em; height: 0.15em; background-color: #707070;}

.aboutBox .tit .line::after { content: ""; display: block; height: 0.15em; width: 50%; margin: 0 0 0 auto;

 background-color: #75b000;}

.aboutBox .conA { margin: 3.8em auto 0; max-width: 1920px; padding: 3em 0 4.7em; 

background-color: #f3f3f3; position: relative; z-index: 0;}

.aboutBox .conA .pic { position: absolute; z-index: -1; top: 0; 

 height: 100%; left: 50%; right: 0;

}

.aboutBox .conA .pic img {object-fit: cover;

	position: absolute; left: 0; top: 0;

	width: 100%; height: 100%;

}

.aboutBox .tit2 { text-align: left;}

.aboutBox .tit2 .name { margin-left: 5.5%; margin-bottom: -0.45em;

display: inline-block; color: #000; border: 0.1em solid #fff; line-height: 1.2;

padding: 0.5em 0 0.8em 1em; margin-right: -1em;}

.aboutBox .tit2 .name span { background-color: #f3f3f3; display: inline-block; margin-right: -0.6em;}

.aboutBox .intro { margin: 0 auto 0; padding: 5% 5.5%; text-align: left;

color: #fff; background-color: #007A31; line-height: 1.8;}

.aboutBox .btnW { text-align: right; margin-top: -2.1em;}

.aboutBox .btn { margin-right: 1.4em;

 padding: 0 1.4em 0 1.3em; display: inline-block; line-height: 2.7em;

color: #fff; background-color: #84a7e7;
transition: all 0.3s;
-webkit-transition:all 0.3s;}

.aboutBox .btn::after { content: ""; display: inline-block; height: 1em; width: auto;

 width: 1.7em; margin-left: 0.9em; vertical-align: middle; position: relative; top: -0em;

 background: url(../images/arr.png) center center no-repeat;

 background-size:contain ;}
.aboutBox .btn:hover {
	-moz-box-shadow: 0 0 0.6em rgba(132, 167, 231, .9);
	-webkit-box-shadow: 0 0 0.6em rgba(132, 167, 231, .9);
	box-shadow: 0 0 0.6em rgba(132, 167, 231, .9);
}

.navBox { position: relative; z-index: 0; padding: 5.1em 0 3.5em;}
/*.navBox::after { position: absolute; z-index: -1; left: 0; width: 100%; height: 50%;*/
/*height:calc(19.5em + 290.89px);*/
/* bottom: 0;*/
/*content: ""; display: block;*/
/*background: url(../images/nav_bg.png) center center no-repeat;*/
/*background-size:cover ;}*/
.navBox .swiper-nav-w { position: relative; z-index: 0;}
.navBox .swiper-slide { text-align: left; position: relative; z-index: 0; width: 33.33%; background-color: #F3F3F3;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.navBox .swiper-slide .lib { padding: 11.5% 10.7%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.navBox .swiper-slide a { color: #212121;}
.navBox .swiper-slide .name{ font-size: 1.6em;height:90px;}
.navBox .swiper-slide .name span { position: relative; z-index: 0;
 width: 6em; display: inline-block; }
.navBox .swiper-slide .name span::after { content: ""; display: block;
position: absolute; right: -1em; top: 0.3em; width: 1em; height: 1em;
background: right 0 no-repeat;
background-size:auto 100% ;
}
.navBox .swiper-slide .en { margin-top: 0.5em; height: 1.5em;
 overflow: hidden; color: #B1B1B1; text-transform: uppercase;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}

.navBox .swiper-slide .line { display: block; margin: 0.7em auto 0 0;

 width: 4.4em; height: 0.22em; background-color: #707070;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}

.navBox .swiper-slide .line::after { content: ""; display: block; height: 0.22em; 
width: 50%; margin: 0 0 0 auto;
 background-color: #75b000;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}

.navBox .swiper-slide .intro{ margin-top: 1em; color: #707070; line-height: 1.8em; height:20em;font-size: 17px;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.navBox .swiper-slide .num { position: absolute; z-index: -1;
 line-height: 0.9; right: -0.1em; bottom: 0;
font-size: 7.9em; color: #EEEEEE; font-weight: bold;
}


/*绿*/
/*.navBox .swiper-slide:nth-child(4n+3) { background-color: #75b000; color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+3) .en {  color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+3) .name span::after { */
/*	background-image: url(../images/arr3.png);}*/
/*.navBox .swiper-slide:nth-child(4n+3) .intro{ margin-top: 1em; color: #fff; }*/
/*.navBox .swiper-slide:nth-child(4n+3) a {color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+3) a .en {  color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+3) a .intro {color: #fff; }*/
/*.navBox .swiper-slide:nth-child(4n+3) .line { */
/* width: 2.2em;  background-color: #fff;}*/

/*.navBox .swiper-slide:nth-child(4n+3) .line::after { display: none;}*/

/*.navBox .swiper-slide:nth-child(4n+3) .num { color: rgba(255,255,255,0.1);}*/

/*蓝*/
/*.navBox .swiper-slide:nth-child(4n+2){ background-color: #85a9de; color: #fff;}*/

/*.navBox .swiper-slide:nth-child(4n+2) .en{  color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+2) .name span::after { background-image: url(../images/arr3.png);}*/
/*.navBox .swiper-slide:nth-child(4n+2) .intro{ margin-top: 1em; color: #fff; }*/
/*.navBox .swiper-slide:nth-child(4n+2) a {color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+2) a .en {  color: #fff;}*/
/*.navBox .swiper-slide:nth-child(4n+2) a .intro {color: #fff; }*/
/*.navBox .swiper-slide:nth-child(4n+2) .line{ */
/* background-color: #fff;}*/

/*.navBox .swiper-slide:nth-child(4n+2) .line::after{ }*/

/*.navBox .swiper-slide:nth-child(4n+2) .num{ color: rgba(255,255,255,0.1);}*/

/*鼠标悬浮 变色深色*/
/*.navBox .swiper-slide:hover { background: #354d04 url(../images/libg.jpg) center center no-repeat;*/
/*background-size:cover;}*/
.navBox .swiper-slide:hover{ background: #007A31;}
.navBox .swiper-slide:hover .lib{ color: #fff;}
.navBox .swiper-slide:hover .lib .en{  color: #fff;}
.navBox .swiper-slide:hover .lib .name span::after { background-image: url(../images/arr3.png);}
.navBox .swiper-slide:hover .lib .intro{ margin-top: 1em; color: #fff; }
.navBox .swiper-slide:hover .lib a {color: #fff;}
.navBox .swiper-slide:hover .lib a .en {  color: #fff;}
.navBox .swiper-slide:hover .lib a .intro {color: #fff; }
.navBox .swiper-slide:hover .lib .line{  background-color: #fff;}
.navBox .swiper-slide:hover .lib .line::after{ }
.navBox .swiper-slide:hover .lib .num { color: rgba(255,255,255,0.1);}

 .navBox .btnNext,
 .navBox .btnPrev {
 	position: absolute; z-index: 10; left: auto; top: 50%; margin-top: -2em;
 	right:-5em; cursor: pointer;
 	width:2em; height:4em;
 	background:  url(../images/arr6.png) center center no-repeat;
 	background-size:contain;
 	transition: all 0.5s;
 	-webkit-transition:all 0.5s;
 	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
 } 
 
 .navBox .btnPrev { left: -5em; right: auto;
 transform: rotate(180deg);
 -ms-transform: rotate(180deg); 
 -webkit-transform: rotate(180deg); 
 }
 
 .navBox  .swiper-button-disabled {
 	filter:alpha(opacity=40);-moz-opacity:.4; opacity:0.4; }

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

	.navBox .swiper-slide {   width: 100%;}

}


.news_box{width:100%;display:flex;margin-top:60px;}
.news_box .left-box{width:65%;}
.news_box .left-box img{width:100%;height: 100%;object-fit: cover;}
.news_box .right-box{width:35%;background: #007A31; color: #fff;padding:5% 3%;text-align:left;}
.news_box .right-box .title{font-size:30px;margin-bottom:30px;}
.news_box .right-box .cont-box{font-size:16px;line-height:1.6;}

.modeBox { padding:3.5em 0 3.5em;}

.modeBox .tit .en { font-size: 1.9em; line-height: 1.1; font-weight: bold; color: #f3f3f3;}

.modeBox .tit .title { font-weight: bold; line-height: 1.2; margin: -1em auto 0; }

.modeBox .tit .line { display: block; margin: 0.3em auto 0;

 width: 2.9em; height: 0.15em; background-color: #707070;}

.modeBox .tit .line::after { content: ""; display: block; height: 0.15em; width: 50%; margin: 0 0 0 auto;

 background-color: #75b000;}

 .modeBox .intro { max-width: 46em; margin: 1.3em auto 0; line-height: 1.8;}

.modeBox .list ul { display: flex; flex-wrap:wrap; justify-content: center; align-items: center;}

.modeBox .list li { cursor: pointer; margin-top: 2.2em; width: 25%;}

.modeBox .list .pic { position: relative; z-index: 0; 

width: 58%; padding-top: 58%; margin: 0 auto;

background: url(../images/pic_bg_1.png) center center no-repeat;

background-size:contain;

transition: all 0.5s;
-webkit-transition:all 0.5s;}

.modeBox .list li:hover .pic,
.modeBox .list li.cur .pic{background-image: url(../images/pic_bg_2.png);

-ms-transform:scale(1.218,1.218); /* IE 9 */
-webkit-transform: scale(1.218,1.218); /* Safari */
transform: scale(1.218,1.218); /* 标准语法 */}

.modeBox .list .pic img { position: absolute; left: 34%; top: 36%; 

width: 36.6%; display: block; height:36.6%;}

.modeBox .list .name { margin-top: 0.7em;}

.modeBox .list li:hover .name,
.modeBox .list li.cur .name{ color: #84A7E7;transition: all 0.5s;
-webkit-transition:all 0.5s;}



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

	.modeBox .list li { width: 50%;}

}



.platBoxW {background:#84a7e7;}

.platBox { max-width: 1920px; margin: 0 auto; background:#84a7e7 url(../images/plat_bg.jpg) center center no-repeat ;

background-size:100% 100%; color: #fff;}
.platBox .conZ { position: relative; z-index: 0;}
.platBox .con { max-width: 1632px; margin: 0 auto; min-height: 522px;
display: flex; justify-content: space-between; align-items: center;
position: absolute; left: 50%; top: 0; width: 1632px; margin-left: -816px; height: 100%;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 0.5s;
-webkit-transition:all 0.5s}
.platBox .con:nth-child(1) {height: auto; position: relative; z-index: 0;}
.platBox .con.show { z-index: 1; 
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.platBox .txtb { padding: 5em 0; margin-left: 14%; width: 42%; text-align: left;}

.platBox .txtb .name { font-weight: bold;}

.platBox .txtb .name::after { content: ""; display: block; margin: 0.2em auto 0 0;

 background-color: #fff; width: 5.6em; height: 0.25em;}

 .platBox .txtb .intro { margin-top: 1.8em;}
 .platBox .txtb .intro ul { /* min-height: 10.5em; */}
.platBox .txtb .intro li { margin-top:0.6em; padding-left: 1.6em;

background: url(../images/arr4.png) 0 0.2em no-repeat;

background-size:auto 1em ;}

.platBox .txtb .btn { color: #fff; margin-top: 1.6em; display: inline-block; padding-right: 1.8em;

background: url(../images/arr5.png) right 0.3em no-repeat;

background-size:auto 1.35em ; padding-bottom: 0.3em;}
.platBox .txtb .btn span { font-size: 0.75em;display: inline-block; margin-right: 0.2em;}
.platBox .picb  { margin: 4.6em 0 1.8em; width: 57%; 

}

.platBox .picb .picp { margin-left: -6.4%; position: relative; z-index: 0;

background: url(../images/pic_bg.png) center bottom no-repeat;

background-size: 100% auto; padding-bottom: 10.25%;}

.platBox .picb .pic { position: relative; z-index: 0; margin: 0 auto auto 13.7%;

 width: 74.4%; padding-top: 39%; 

}
.platBox .picb .pic .borderWhite {border: 3px solid #fff; position: absolute; z-index: 2;
top: 0; right: 0; bottom: 0; left: 0;}

.platBox .picb .pic img { position: absolute; left: 0; top: 0;

width: 100%; height: 100%; object-fit: cover;}





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

	.platBox .con { left: 0; right: 0;  margin: 0 1em; width: auto;}

	.platBox .txtb {  margin-left: 10%; }

	

}

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

	.platBox .txtb {  margin-left: 5%; }

}



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

	.platBox .txtb {  margin-left: 0; width: 42%; margin-left: 2%; }

}



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

	.platBox { background: #84a7e7;}

	/* .platBox .con {display: block;} */
	.platBox .con.show { display: block;}

	.platBox .txtb { margin-left: auto; width: auto;  padding: 3em 1.5em;}
    .platBox .txtb .intro ul { min-height: initial;}
	.platBox .picb { margin-top: 0; width: 100%;}

	.platBox .picb .picp { margin-left: auto;}

}



.newBox { padding: 3em 0 5em;}

.newBox .tit .en { font-size: 1.75em;  font-weight: bold; color: #f3f3f3;

text-transform: uppercase; line-height: 1;}

.newBox .tit .title { font-weight: bold; line-height: 1.2; margin: -0.9em auto 0; }

.newBox .tit .line { display: block; margin: 0.3em auto 0;

 width: 2.9em; height: 0.15em; background-color: #707070;}

.newBox .tit .line::after { content: ""; display: block; height: 0.15em; width: 50%; margin: 0 0 0 auto;

 background-color: #75b000;}

.newBox .conN { margin-top: 3.6em;

 display: flex; justify-content: space-between; align-items: flex-start;}

.newBox .conN .list1 { width: 37%;}

.newBox .conN .list1 li{ background-color: #f6f6f6;}

.newBox .conN .list1 .pic { display: block; cursor: pointer; position: relative; z-index: 0;

  padding-top: 57.6%;}

.newBox .conN .list1 .pic img { position: absolute; left: 0; top: 0;

	width: 100%; height: 100%; object-fit: cover;}

	.newBox .conN .list1 .txt { padding: 5.4% 5.2% 6%; text-align: left;}

	.newBox .conN .list1 .name  { font-weight: bold; line-height: 1.5; height: 1.5em;

  overflow: hidden; 

 text-overflow:ellipsis;

 display:-webkit-box; 

 -webkit-box-orient:vertical;

 -webkit-line-clamp:3;}

	.newBox .conN .list1 .intro{ margin-top: 0.6em; line-height: 2em; overflow: hidden; height: 6em; color: #707070;

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3; }

	

 .newBox .conN .list2 { width: 59%;}

.newBox .conN .list2 li { margin-top: 6%; display: flex; justify-content: flex-start; align-items: center;}

.newBox .conN .list2 li:nth-child(1) { margin-top: 0;}  

.newBox .conN .list2 .date { text-align: right; margin: 0 1.2em 0 0.8em; width: 4.5em;}

.newBox .conN .list2 .date .dd{ color: #75B000;}

.newBox .conN .list2 .date .yymm{ color: #B1B1B1;}

.newBox .conN .list2 .txt { position: relative; z-index: 0;

	border-left:0.31em solid #f1f1f1 ; padding-left: 1.1em; flex: 1; text-align: left;}

.newBox .conN .list2 .txt::before { position: absolute; left: -0.31em; top: 0; height: 1.3em;

 width: 0.31em; content: ""; display: block; background-color: #75b000;

 }

.newBox .conN .list2 .name  { margin-top: -0.25em; font-weight: bold; line-height: 1.5; height: 1.5em;

  overflow: hidden; 

 text-overflow:ellipsis;

 display:-webkit-box; 

 -webkit-box-orient:vertical;

 -webkit-line-clamp:3;}

 .newBox .conN .list2 .intro{ margin-top: 0.3em; line-height: 1.8em; 

 overflow: hidden; height: 5.4em; color: #707070;

 text-overflow:ellipsis;

 display:-webkit-box; 

 -webkit-box-orient:vertical;

 -webkit-line-clamp:3; }

 

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

	.newBox .conN { display: block;}

	.newBox .conN .list1 { width: 100%;}

	.newBox .conN .list2 { width: 100%;}

	.newBox .conN .list2 li:nth-child(1) { margin-top:6%;}  

 }