@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"寰蒋闆呴粦","arial", "Helvetica", "Helvetica Neue";
	color: #222;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea {
	font-family: "寰蒋闆呴粦","arial", "Helvetica", "Helvetica Neue";
	color: #1b1c20;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #222;}
a:hover {	color: #007437;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #999;}
input::-moz-placeholder{	color: #999;}
input:-ms-input-placeholder{	color: #999;}

textarea::-webkit-input-placeholder{	color: #bbb;}
textarea::-moz-placeholder{	color: #bbb;}
textarea:-ms-input-placeholder{	color: #bbb;}

@font-face {
  font-family: "Montserrat-Bold"; /* Project id 3958162 */
 
  src: url('fonts/manrope-regular.eot'); /* IE9 */ 
 src: url('fonts/manrope-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/manrope-regular.woff2') format('woff2'), 
      url('fonts/Montserrat-Bold.woff') format('woff'),
      url('fonts/Montserrat-Bold.ttf') format('truetype'),
      url('fonts/Montserrat-Bold.svg') format('svg');
}
.wrap { padding-top: 109px; overflow: hidden;}
.con { width:81.25%; max-width: 1560px;  margin: 0 auto; overflow: hidden;}
	.font80 { font-size: 80px;}
	.font60 { font-size:60px;}
	.font50 { font-size: 50px;}
	.font48 { font-size: 48px;}
	.font44 { font-size: 44px;}
	.font36 { font-size: 36px;}
	.font30 { font-size: 30px;}
	.font27 { font-size: 27px;}
	.font26 { font-size: 26px;}
	.font24 { font-size: 24px;}
	.font22 { font-size: 22px;}
	.font20 { font-size: 20px;}
	.font18 { font-size: 18px;}
	.font16 { font-size: 16px;}
	.font14 { font-size: 14px;}
@media only screen and (max-width:1920px) {
	html,body { font-size: 0.833vw;}
	
	.font80 { font-size: 4.16vw;}
	.font60 { font-size: 3.1vw;}
	.font50 { font-size: 2.6vw;}
	.font48 { font-size: 2.5vw;}
	.font44 { font-size: 2.3vw;}
	.font36 { font-size: 1.87vw;}
	.font30 { font-size: 1.56vw;}
	.font27 { font-size: 1.4vw;}
	.font26 { font-size: 1.35vw;}
	.font24 { font-size: 1.25vw;}
	.font22 { font-size: 1.14vw;}
	.font20 { font-size: 1.04vw;}
	.font18 { font-size: 0.93vw;}
	.font16 { font-size: 0.833vw;}
	.font14 { font-size: 0.73vw;}
}
@media only screen and (max-width:1643px) {
	.font14 { font-size: 12px;}
}
@media only screen and (max-width:1440px) {
	.font16 { font-size: 12px;}
}
@media only screen and (max-width:1290px) {
	.font18 { font-size: 12px}
}
@media only screen and (max-width:1153px) {
	.font20{ font-size: 12px}
}
@media only screen and (max-width:1052px) {
	.font22{ font-size: 12px}
}
@media only screen and (max-width:960px) {
	.font24{ font-size: 12px}
}
@media only screen and (max-width:889px) {
	.font26{ font-size: 12px}
	.font27{ font-size: 12px}
}
@media only screen and (max-width:1200px) {
	.con { width:98%; }
}
@media only screen and (max-width:828px) {
	html,body { font-size: 16px;}
	.con { width:auto; margin: 0 1em; }
}
@media only screen and (max-width:420px) {
	html,body { font-size: 14px;}
}
@media only screen and (max-width:370px) {
	html,body { font-size: 12px;}
}

@media only screen and (max-width:828px) {
.font80 { font-size: 32px;}
.font60 { font-size: 30px;}
.font50 { font-size: 28px;}
.font48 { font-size: 24px;}
.font44 { font-size: 22px;}
.font36 { font-size: 20px;}
.font30 { font-size: 20px;}
.font27 { font-size: 18px;}
.font26 { font-size: 18px;}
.font24 { font-size: 18px;}
.font22 { font-size: 18px;}
.font20 { font-size: 17px;}
.font18 { font-size: 14px;}
.font16 { font-size: 14px;}
.font14 { font-size: 12px;}
.wrap { padding-top:58px;}

}

/*澶撮儴*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;	
height:109px;  background-color: #fff;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
box-shadow: 0 1px 3px rgba(51, 51, 51, .1);}

.header { margin: 0 auto; height: 100%;}
.header .con {height: 100%; overflow: visible; width: 89.6%;
 display: flex; justify-content:space-between; align-items: stretch;}
.header .logo { display: flex; justify-content: center; align-items: center;}
.header .logo img {	display: block;	 height: 72px; width:auto;}
.header .logo img:nth-child(2) { display: none;}

@media only screen and (max-width:1920px) {
	.wrap { padding-top: 5.67vw;}
	.headerW {height:5.67vw;}
	.header .logo img {	 height:3.75vw;}
}

.header .links {  height: 1em;
 line-height: 1em; margin-left: 1.8vw; margin-right: 0.9vw;}
.header .links .btnT {vertical-align: middle;
display: inline-block; margin: 0 0.5em; color: #fff;
width: 1.2em; height: 1.2em;
background: center center no-repeat;
background-size:contain ;}
.header .links .btnSearchT { background-image:url(../images/search.png);}
.header .links .btnSearchT:hover { background-image:url(../images/search_green.png);}

.header .links .searchBoxW { display: inline-block; vertical-align: middle;
position: relative; z-index: 100;}


.searchBox { position: absolute; z-index: 10;  right: -1em; top: -1em;
width: 420px;
background-color: #fff;
height: 3em;
-moz-border-radius:2.1em; -webkit-border-radius:2.1em; border-radius:2.1em;
-moz-box-shadow: 0 0.4em 1.72em rgba(0, 39, 54, .13);
-webkit-box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
display: none;
}
.searchBox form {height: 100%; display: flex; justify-content: space-between; align-items: center;}
.searchBox form .pics { margin-left: 1.7em; width: 1.227em; height: 1.227em;
background: url(../images/search_3.png) center center no-repeat;
background-size:contain;}
.searchBox form .iw { flex: 1; margin: 0 1.2em 0 2em;}
.searchBox form .iw .input { font-size: 1em; line-height: 3em; height: 3em;
 width: 100%; outline-width: 0; border: 0; margin: 0; padding: 0;}
.searchBox form .btnSearch { cursor: pointer; padding: 0 1.8em; 
 line-height:3em; color: #fff; background-color: #018b35;
 outline-width: 0; border: 0;
 -moz-border-radius:2.1em; -webkit-border-radius:2.1em; border-radius:2.1em;}

@media only screen and (max-width:828px) {.searchBox { position: absolute; z-index: 10;  right: -1em; top: 2em;
width: 300px;}
	.searchBox {  margin: 0 auto;}
	.searchBoxW { font-size: 12px;}
	.searchBox form .btnSearch { font-size: 12px;}
}


.header .c-switch { vertical-align: middle; display: inline-block; color: #018b35;
transition: all 0.5s;
-webkit-transition:all 0.5s;
/* 	margin-top: 5px; */
width: 16px;		height:16px;
	cursor: pointer; position: relative; z-index: 0;
	/* position: absolute; left: 15px; top: 50%; margin-top: -10px; */
} 
.header .c-switch i {
	position: relative;
	display: block;
	height: 4px;
	background: #018b35;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

.header .c-switch i:nth-child(1) {	top: 0;}
.header .c-switch i:nth-child(3) {	bottom: 0;}

.header .c-switch i:nth-child(2) {	margin: 2px 0; }

.header .c-switch.show i:nth-child(2) {	opacity: 0;}
.header .c-switch.show i:nth-child(1) {
	top:6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.header .c-switch.show i:nth-child(3) {
	bottom: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.header .c-switch.show { margin-left: 14px;}
.header .c-switch.show i { background-color: #fff;}
.header .c-switch.show::after { content: "";
display: block; z-index: -1; background-color: #007437;
position: absolute; left: -100%; top: -100%; width: 300%; height: 300%;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

@media only screen and (max-width:828px) {
	.header .c-switch {display: inline-block;
		width: 28px;		height:28px;	}
	.header .c-switch i { height: 3px;}
	.header .c-switch i:nth-child(1) { margin-top: 2px;}
	.header .c-switch i:nth-child(2) {margin: 7px 0; }
	.header .c-switch.show i:nth-child(1) {top:10px;}
	.header .c-switch.show i:nth-child(3) {bottom:10px;}
	.header .links a.btnT { font-size: 1.3em;}
	.header .links .btnLanT { font-size: 1.2em;}
	.header .c-switch.show::after { left: -30%; top: -30%; width: 160%; height: 160%;}
}

@media only screen and (max-width:540px) {
	.header .c-switch { 
		width: 18px;
		height:18px;
	}
	.header .c-switch i { height: 2px;}
	.header .c-switch i:nth-child(2) {margin: 4px 0; }
	.header .c-switch.show i:nth-child(1) {top:6px;}
	.header .c-switch.show i:nth-child(3) {bottom:6px;}
}

@media only screen and (max-width:828px) {
.headerW { height: 40px ;transition: all 0s; padding:2vw 0;}/*height: auto*/
.header { width: 100%; height: 100%; justify-content: space-between;}
.header .con { width: auto;}
.header .logo img {	display: block;	 width: 140px; height: auto; }/*width: 7em*/
.header .links { font-size: 3.6vw; display: flex; justify-content: center; align-items: center;}
.header .links .searchBoxW { margin-right: 0.3em;}
.header .c-switch .iconfont { font-size: 3.6vw;}
}

/*澶撮儴瀵艰埅*/
.navW {	 display: flex; justify-content: flex-start; align-items: center;}
.nav { height: 100%; }
.nav>ul {height: 100%;
display: flex; justify-content: flex-end; align-items: center;}
.nav>ul>li {
	height: 100%;
	position: relative;
	z-index: 100; 
	cursor: pointer; padding: 0 1.3vw; text-transform: uppercase;
}
.nav>ul>li.liW { position: static;}
.nav>ul>li:last-child { padding-right: 0;}
.nav>ul>li>a,.nav>ul>li>span {
	position: relative;
	z-index: 1; height: 100%;
    display: flex; justify-content: center; align-items: center; cursor: pointer;
 color: #333;
/* transition: all 0.5s;
 -webkit-transition:all 0.5s; */
}
.nav>ul>li.cur { font-weight: bold;}
.nav>ul:hover>li.cur { font-weight: normal;}
.nav>ul:hover>li.hover.cur { font-weight: bold;}


.nav>ul>li.cur>a::after,
.nav>ul>li.hover>a::after{ position: absolute; z-index: 10; content: ""; display: block;
	height: 2px; width: 100%; left: 0; right: 0; bottom: 0; background-color:#058d7f ;}
.nav>ul:hover>li.cur>a::after {display: none;}
.nav>ul:hover>li.hover.cur>a::after {display: block;}

.headerB .nav>ul>li>a,.headerB .nav>ul>li>span,
.headerC .nav>ul>li>a,.headerC .nav>ul>li>span{ color: #333;}
.nav>ul>li.hover>a { font-weight: bold;}
/* .nav>ul>li.hover>a { color: #058d7f;} */

.nav>ul>li.hover>a { font-weight: bold;}
/* .nav>ul>li.hover>a { color: #058d7f;} */


/* .headerC .nav>ul>li:hover>a,.headerB .nav>ul>li:hover>a { color: #058d7f;} */


.nav .sub_nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%; margin-left: -4em;  width: 8em; text-align: center;
	background: rgba(255,255,255); font-size: 0.9em;
	-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	background-color: #f4f7f7;}	

.nav .sub_nav li {  line-height: 3em; height: 3em;
 overflow: hidden;
 border-top:1px solid #eee;  }
.nav .sub_nav li a {color: #7d7d7d; padding:0 0.5em; display: block; position: relative; z-index: 0;}
.nav .sub_nav li a:hover { font-weight: bold;color: #213728;}

.nav li.liW .sub_nav {  left: 0; margin-left: auto; padding:0; width: auto; right: 0;}
.nav li.liW .sub_nav .con { padding: 2em 0;
 display: flex; justify-content: space-between; align-items: flex-start;}
.nav li.liW .sub_nav .con .picb { width: 16.8%;margin-right: 8.3%;}
.nav li.liW .sub_nav .con .pic { position: relative; z-index: 0; width: 100%; padding-top: 79.5%; 
background-color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.nav li.liW .sub_nav .con .pic img { position: absolute;
left: 22%;  top: 22%; width: 56%; height: 56%; object-fit: contain;}
.nav li.liW .sub_nav .con .txtb {  width: 74.9%; display: flex; justify-content: flex-start; align-items: flex-start;}
.nav li.liW .sub_nav .con .tab {  margin-right: 3.4%; }
.nav li.liW .sub_nav .con .tab .item { margin-bottom: 0.8em; width: 10.2em;
background-color: #fff; border: 1px solid #cccccc; line-height: 2.4em;
-moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}
.nav li.liW .sub_nav .con .tab .item.cur { font-weight: bold; color: #fff; 
background-color: #007437; border:1px solid #007437;}

.nav li.liW .sub_nav .con .list { flex: 1;text-align: left; width: 100%;}
.nav li.liW .sub_nav .con .list dl { margin-bottom: 3.5%; display: flex; justify-content: flex-start;
 align-items: flex-start;}
.nav li.liW .sub_nav .con .list dt { font-weight: bold; color: #333; margin-right: 6%;}
.nav li.liW .sub_nav .con .list dd { flex: 1; color: #666; margin-top: 0.2em; 
 line-height: 1.2;}
.nav li.liW .sub_nav .con .list dd a {color: #666;  margin:0 2.5em 0.5em 0; display: inline-block;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.nav li.liW .sub_nav .con .list dd a span { display: block;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.nav li.liW .sub_nav .con .list dd a:hover { position: relative; z-index: 0; color: #007437;}
 .nav li.liW .sub_nav .con .list dd a:hover span {
	 transform: translate(1em,0);
	 -ms-transform: translate(1em,0); /* IE 9 */
	 -webkit-transform: translate(1em,0); /* Safari and Chrome */
 }
 .nav li.liW .sub_nav .con .list dd a:hover::before { content: ""; display: block; 
 position: absolute; left: 0; top: 0; height: 1.2em; width: 1px; background-color: #007437;}
 .nav li.liW .sub_nav .con .conNZ { flex: 1;}
.nav li.liW .sub_nav .con .conN {  display: none;}
.nav li.liW .sub_nav .con .conN.show { display: flex; justify-content: flex-start; align-items: flex-start;}

.sub_nav_list { width: 100%; display: flex; justify-content: flex-end; }
.sub_nav_list a {color: #666;  margin:0 3em 0.5em 0; display: inline-block;}/*margin:0 3.5em 0.5em 0;*/
.sub_nav_list a span { display: block;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.sub_nav_list a:hover { position: relative; z-index: 0; color: #007437; font-weight: bold;}
.sub_nav_list a:hover span {
	 transform: translate(1em,0);
	 -ms-transform: translate(1em,0); /* IE 9 */
	 -webkit-transform: translate(1em,0); /* Safari and Chrome */
 }
.sub_nav_list a:hover::before { content: ""; display: block;
 position: absolute; left: 0; top: 0.25em; height: 1.2em; width: 1px; background-color: #007437;}

.popupNav { display: none; position: fixed; z-index: 400;
left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6);
}
.popupCon { overflow: hidden; position: relative; z-index: 0; height: 100vh;
 width: 100%; margin: 0 auto 0 0;
background: #fff ;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.popupCon .navM {flex: 1; display: block;}
  
.navM { top: 0; margin-top: 109px; margin-bottom:2em;
		overflow-y: auto;
		line-height: 1.5;
		text-align: left;
		overflow-y: auto;  position: relative;	z-index: 0;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a8f3c+0,0e9084+100 */
		background: linear-gradient(to right,  rgba(10,143,60,1) 0%,rgba(14,144,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	@media only screen and (max-width: 1920px){
		.navM {margin-top: 5.67vw;}
	}
    .navM .con { position: relative; z-index: 0; width: 89.6%;}
	.navM .con>ul {font-size: 1em; width: 100%; margin: 0 auto; position: relative; margin-top: 10%;
	   display: flex; justify-content: space-around; align-items: flex-start;	}
	.navM .con>ul>li { padding: 0 1em; flex: 1; }
	.navM .con>ul>li:first-child { flex: 2;}
	.navM .title { font-weight: bold; font-size:1.33em;}
	.navM .title a {color: #fff;}
	.navM .title a:hover {color: rgba(255,255,255,0.8);}
	.navM a {color: #eaeaea;	}
	.navM .con>ul>li li { line-height: 2;}
	.navM a:hover {	color: #fff;	}
	.navM li .title { display: flex; justify-content: space-between; align-items: center;padding: 0 0 1em;}
	.navM li .sub_nav_z { margin-top: 0.2em; display: flex; justify-content: flex-start; align-items: flex-start;}
	.navM li .sub_nav_z .sub_nav_s { width: 49%; margin-right: 1%;}
	.navM li .sub_nav_z .sub_nav_s .title { font-size: 1em;}
	/* .navM li .arrow {  display: none;
		height: 1em;
		width: 1em;
		background: url(../images/arr.svg) center center no-repeat;
		background-size: 0.8em auto;
	} */
/* 	.navM li.show .arrow {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	} */

@media only screen and (max-width:828px) {
	.navW .nav { display: none !important;}
	.navM { margin-top: 14%;
		padding: 0 0.6em 0;
		overflow-y: auto;
		font-size: 14px;
		line-height: 3.2;
		text-align: left;
		overflow-y: auto;
	}
	.navM .con>ul { display: block; width: 100%; font-size: 16px;}
	.navM .con>ul>li { padding: 0;}
	.navM li { text-transform: uppercase;
		border-top: 1px solid rgba(255,255,255,0.5);
		position: relative;		z-index: 0;	}
	
	.navM li:first-child {border-top: 0;	}
	.navM .title { font-size: 1.1em;}
	.navM li .sub_nav_z { height: 0; overflow: hidden;}
	.navM ul ul { position: static;
		height: 0;
		overflow: hidden;
		transition: height 2s; font-size: 12px; line-height: 3.4em;
	}
	.navM ul ul li { border-top:0 ;}
	.navM ul ul li a { font-size: 14px;
		text-indent: 1em; border-top:0 ; 
	}
	.navM a {display: block;	}
	.navM li .title { display: flex; justify-content: space-between; align-items: center;
	padding: 0;}
	.navM li .arrow {display: block;
		height:1em;
		width: 1em;
		background: url(../images/arr.svg) center center no-repeat;
		background-size:1em auto;
	}
	.navM li dd { padding-left: 1.5em;}
	.navM li.show .arrow {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.navM ul .sub_nav_s .sub_nav { height: auto;}
	.navM li.show>.sub_nav { padding: 0.9em 0;
		height: auto;border-top: 1px solid  rgba(255,255,255,0.3); 
	}
	.navM li.show ul .sub_nav_p { padding-left: 2em; display: flex; justify-content: flex-start;
	align-items: stretch;flex-wrap: wrap; text-align: center; line-height: 1.2; padding-bottom: 1.2em;}
	.navM li.show ul .sub_nav_p a {text-indent: 0;}
	.navM li.show ul .sub_nav_p li { padding-top: 1em; width: 32%; margin-right: 2%;}
	.navM li.show ul .sub_nav_p li:nth-child(2n) { margin-right: 0;}
	.navM li.show ul .sub_nav_p .pic { display: block; position: relative; z-index: 0;
	 padding-top:70%; width: 70%; margin: 0 auto 0.5em;	}
	.navM li.show ul .sub_nav_p .pic img { position: absolute;
	 width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
}

.banner_de { position: relative; z-index: 0;}
.banner_de img {position: relative; z-index: 0; display: block; width: 100%; height: 886px; object-fit: cover;}

.banner_de .txtb { position: absolute; z-index: 1;
left: 5.2%; top: 6.7vw; bottom: 6.7vw; right: 0; right: 5.2%;
display: flex; justify-content: center; align-items: center;}
.banner_de .txtb .txt { width: 51%; margin: 0 auto 0 0; text-align: left;
	font-weight: lighter; color: rgba(255,255,255,0.9); }
.banner_de .txtb .txt .name {font-size: 72px; line-height: 1.3;}
.banner_de .txtb .txt .intro { margin-top: 0.7em; line-height: 1.5; font-size: 24px; max-height: 4.5em;
overflow: hidden;}

@media only screen and (max-width:1920px) {
	.banner_de img { height: auto; }
	.banner_de .txtb .txt .name { font-size: 3.75vw;}
	.banner_de .txtb .txt .intro { font-size: 1.25vw;}
}
/*banner*/
.topPicBox { position: relative; z-index: 0;
 height: 26vw; width: 100%;overflow: hidden;
 display: flex; justify-content: center; align-items: center; }
.topPicBox img {position: absolute; z-index: 0; 
display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;
left: 0; top: 0;}
.topPicBox .txtb { position: relative; z-index: 1; width: 100%; color: #fff; }
.topPicBox .txtb .name { margin-top: 1.2%;  font-weight: bold;}
@media only screen and (max-width:828px) {
	.topPicBox {  height: 52vw;}
}


.posiBox .subNav { margin-top: 2.5%; }
.posiBox .subNav ul { display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.posiBox .subNav li {  margin:0 0.8em;  }
.posiBox .subNav a {display: block; color: #333;}
.posiBox .subNav a:hover { color: #007437; text-decoration: none;}
.posiBox .subNav li.cur a {color: #007437; font-weight: bold;}
.posiBox .subNav a::before { vertical-align: middle; 
position: relative; top: -0.1em;
display: inline-block;  height: 0.2em;
width: 0.2em; background-color: #666;  content: ""; margin-right: 0.6em;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */}
.posiBox .subNav a::after { vertical-align: middle; 
position: relative; top: -0.1em; display: inline-block; height: 0.2em;
width: 0.2em; background-color: #666;  content: ""; margin-left: 0.6em;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */}

.position { background-color: #f8f8f8; 
 text-align: left; color: #666;  padding: 3.5em 0  1.4em; line-height: 2.75em;}
 .position .con { position: relative; z-index: 0; padding-left: 3em;}
 .position .icon { }
.position a {display: inline-block; color: #555;}
.position a:hover {color: #007437;}
.position span {display: inline-block; }
.position .arrow { display: inline-block; margin: 0 0.5em; font-family: "瀹嬩綋";}
.position .icon { width: 2.57em; height: 2.57em; 
position: absolute; left: 0; top: 0;
 margin-right: 0.5em;
 display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;}
@media only screen and (max-width:828px) {
	.posiBox .subNav { margin-top: 1.5em; }
.posiBox .subNav li {  margin:0 0.8em;  }
}

.moreBtn { padding: 0 2.3em; margin: 0 auto; background-color: #ee352a;
 line-height: 2.9; color: #fff; border: 1px solid #ee352a; display: inline-block;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.moreBtn:hover {color: #ee352a; background-color: #fff; }


.dataBox ul { margin-top: 5.7%; display: flex; flex-wrap: wrap;
justify-content: space-between; align-items: center;
}
.dataBox ul li { position: relative; z-index: 0; width: 22.5%; display: flex; 
justify-content: space-between; align-items: center;}
.dataBox .txtb { text-align: left; flex: 1; margin-right: 1;}
.dataBox .txtb .num { margin-bottom: 0.3em; color: #ee352a; line-height: 1.2;}
.dataBox .txtb .num span { font-weight: bold; display: inline-block; margin-right: 0.2em;}
.dataBox .pics { margin-right: 10.1%;}
.dataBox .pics img { width: 2.25em; height: 2.25em; object-fit: contain;}
.dataBox ul li::after { content: ""; display: block; background-color: #ddd;
 position: absolute; right: 0; top: 50%; height: 3.6em; width: 1px; margin-top: -1.8em;
 }
 
 @media only screen and (max-width:828px) {
	 .dataBox ul li { width: 47.5%;}
	 .dataBox ul li:nth-child(3),
	 .dataBox ul li:nth-child(4) {
		 margin-top: 5%;
	 }
 }

/*搴曢儴*/
.footer { color: #fff;text-align: left; width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
  background: linear-gradient(to right,  rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.footer .footerBot { padding: 0 0 1.4em; text-align: left; }/*padding: 1.6em 0 2.4em; text-align: center; border-top: 1px solid rgba(255,255,255,0.22);*/
 
.footer .fInfo { display: flex; justify-content: space-between; align-items: flex-start;
padding: 3.7em 0 2.1em; }/*padding: 3.7em 0 3.1em;*/

.footer .fnav { width: 56.5%; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .fnav dl { width: 18%; margin-right: 2%;}
.footer .fnav dl:last-child { margin-right: 0;}

 @media only screen and (max-width:1450px) {
	 .footer .fnav dl { width: 31.3%;}
 }
  @media only screen and (max-width:828px) {
	  .footer .fInfo { padding-top: 2em;}
	  .footer .fnav { display: none; width: 100%; text-align: center;}
	  .footer .fnav dl { margin-top: 2em; width: 48%;}
	  .foot-menu{display: none;}
  }

.footer .fAdd {  text-align: left; line-height: 1.7;}/*text-align: center;margin: 0 2.8%;*/
.footer .fAdd .tel { font-size: 1.3em;}
.footer .fAdd .picTel { margin: 0 auto 1.1em; width: 2.21em; height: 2.21em; 
background: url(../images/tel.png) center center no-repeat;
background-size:contain;}

.footer .qrcode { text-align: center; line-height: 2; font-size: 12px;}
.footer .qrcode ul {display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .qrcode li { margin: 0 2px;}
.footer .qrcode img { margin: 0 0.5em 0.3em; width: 90px; height: auto; display: block;}/*margin: 0 auto 0.3em; width: 120px;*/

.footer a { color: #fff;}
.footer a:hover { color: rgba(255,255,255,0.8);}


@media only screen and (max-width:828px) {
.footer .fInfo { display: block;}
.footer .fAdd { margin-top: 2em;}
.footer .qrcode { margin-top: 2em;}
.footer .qrcode ul { justify-content: left; align-items: flex-start;}/*justify-content: center;*/
.footer .copyRight span{ display: block;}
.footer .qrcode img { margin: 0 0.5em 0.3em; width: 70px; height: auto; display: block;}
}


.page { margin-top: 3.6em;
	text-align: center;
	color: #757575;
	line-height: 2.6; 
}
@media only screen and (max-width:828px) {
	.page { margin-top: 3em; font-size: 12px;}
}

.page a,.page .cur { border: 1px solid #ccc;
	display: inline-block;
	color: #757575; 
	padding: 0.1em 0 0; width: 2.7em;
	margin: 0.4em 0.35em 0;
}

.page a:hover,.page .cur {display: inline-block;
	border: 1px solid #007437;
	color: #007437;
}

.page .dot {
	display: inline-block;
	padding: 0 0.55em;
}

.page .cur,.page .cur:hover {
	display: inline-block;
	background-color: #007437 ; border: 1px solid #007437;
	color: #fff; font-weight: bold;
}

.page .prev {
	display: inline-block;font-family: "瀹嬩綋";
}


.page .next {
	display: inline-block;font-family: "瀹嬩綋";
}

.btnMore { display: inline-block; cursor: pointer; color: #666; padding-right: 3.75em;
 background-size:2.5em auto ;}/*background: url(../images/arr2_green.png) right center no-repeat;*/
.btnMore:hover { color: #058d7f;}

.btnOrg { display: inline-block; cursor: pointer; color: #fff; line-height: 3.25;
background-color: #fc5b00; padding: 0 2.5em;
-moz-border-radius:1.7em; -webkit-border-radius:1.7em; border-radius:1.7em;}

.btn { display: inline-block; cursor: pointer; color: #fff; line-height: 3.1;
 padding: 0 1.75em 0 2.1em; border: 1px solid #fff;
-moz-border-radius:1.7em; -webkit-border-radius:1.7em; border-radius:1.7em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btn:hover {background-color: #018b35; color: #fff;}
.btn::after { content: ""; display: inline-block; width: 1em; height: 1em;
background: url(../images/arr3_white.png) center center no-repeat;
background-size:contain; margin-left: 0.7em; position: relative; top: 0.2em;}

.newDBox { padding: 55px 0 95px;}
.newDBox .title { font-weight: normal;}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ;}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 1.9; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}
@media only screen and (max-width:828px) {
	.newDBox .title { font-weight: bold; font-size: 20px;}
}


 .pageTurn { 
 margin-top: 70px; border-bottom: 1px solid #d9d9d9;}
 .pageTurn ul {display: flex; justify-content: space-between; align-items: center;}
 .pageTurn li { margin: 1.2em 0; text-align: left; width: 45%; height: 1.5em; 
line-height: 1.5em; overflow: hidden; color: #707070;}
 .pageTurn li:nth-child(2) { text-align: right;}
 .pageTurn li a {color: #707070;}
 .pageTurn li a:hover { color: #003f97;}
@media only screen and (max-width:828px) { 
	 .pageTurn ul { display: block;}
	 .pageTurn li { width: 100%;}
	 .pageTurn li:nth-child(2) { text-align: left;}
}
/*10-5*/
i, em{
	font-style:inherit;
}
.foot-tel i{
	font-size: 16px;
	line-height: 32px;
}

.foot-tel b{
	font-size: 30px;
	line-height: 36px;
	display: block;
}

.foot-tel a{
	width: 110px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	border-radius: 3px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	background:#007437 url(../images/foot_rel.png) 13px center no-repeat;
	margin-top: 16px;
}

.foot-tel a span{
	margin-right: -28px;
}
@media only screen and (max-width:828px) {
	.foot-tel{float: left;width: 45%;}
	.foot-tel b{font-size: 18px;}
	.foot-id{width: 100%;float: right;margin-bottom: 10px;}
	.foot-rwm{width: 50%;float: left;}
}

.foot-id{
	margin-top: 18px;
}

.foot-id i{
	font-size: 16px;
	line-height: 28px;
}

.foot-id p{
	font-size: 14px;
	line-height: 24px;
}

.foot-rwm{
	margin-top: 25px;
}

.foot-rwm img{
	height: 90px;
}


.foot-menu{
	float: right;
	width: 68%;
}


.foot-menu ul li{
	float: left;
	width: 14.28%;
	line-height: 36px;
}

.foot-menu ul li i{
	color: #FFFFFF;
	font-size: 16px;
}

.foot-menu ul li a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.foot-menu ul li ul li{
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 28px;
}

.foot-menu ul li ul{
	
}

.foot-menu ul li ul li a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: initial;
}

.foot-menu ul li ul li a:hover{
	color: #fff;
}


.foot-cpy{
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 48px;
}

.con-cpy{
	float: left;
}

.conjszc{
	float: right;
}

.con-cpy a{
	color: #FFFFFF;
}

.con-cpy a:hover{
	color: #FFFFFF;
}

.foot-link{
	background: #191c1a;
	font-size: 12px;
	color: #858585;
}

.foot-link .container{
	padding: 15px 0;
	border-top: 1px solid #474948;
}

.foot-link i{
	color: #858585;
}

.foot-link a{
	color: #858585;
}

.foot-link a:hover{
	color: #FFFFFF;
}
/*--serverBar--*/
.serverBar{display:block;position:fixed;z-index:99999999;top: 250px;right: 10px;}
.serverBar li{position:relative;margin-bottom: 5px;}
.serverBar li a{display:block;padding: 5px 5px;width: 48px;height: 48px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:12px;}
.serverBar li:hover a{color:#fff !important;background:rgba(0,116,50,1);;border-color: rgba(0,116,50,1);}
.serverBar li .infos{display:none;position:absolute;left: -166px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{font-size:14px;color:#666;}
.serverBar li .tel dd{padding-top:4px;font-size:20px;color: #006633;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .QRcode{bottom:0;overflow:hidden;left:-152px;}
.serverBar li .QRcode .item{overflow:hidden;float: left;margin: 0 5px;width: 120px;}
.serverBar li .QRcode .item i{display:block;margin:0 auto;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}

.serverBar a .icon{
	margin-top: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/r_icon.png) center center no-repeat;
}

.serverBar a:hover .icon{
	background: url(../images/r_icon_a.png) center center no-repeat;
}


.serverBar a .icon.con,.serverBar a:hover .icon.con{
	background-position: 0 0;
}

.serverBar a .icon.tel,.serverBar a:hover .icon.tel{
	background-position: -20px 0;
}

.serverBar a .icon.vr,.serverBar a:hover .icon.vr{
	background-position: -40px 0;
}

.serverBar a .icon.wx,.serverBar a:hover .icon.wx{
	background-position: -60px 0;
}

.serverBar a .icon.top,.serverBar a:hover .icon.top{
	background-position: -80px 0;
}

#gotop{
	display: none;
}

@media(max-width:768px){
.serverBar{top: 55%;}
.serverBar li{display:none;}
.serverBar li:hover .tel{display:none !important;}  
.serverBar li:first-child,.serverBar li#backTop{display:block;}
.serverBar li a{display:block;padding: 4px 4px;width: 42px;height: 42px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar a .icon{
	margin-top: 0;
}
}
/*--end serverBar--*/