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

html,

body {

	height: auto;

	padding: 0;

	margin: 0;

	font-family: "微软雅黑", "arial", "Helvetica", "Helvetica Neue";

	color: #212121;

	line-height: 1.5; font-size: 16px;

	text-align: center;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

input,

textarea {

	font-family: "微软雅黑", "arial", "Helvetica", "Helvetica Neue";

	color: #212121;

	outline: none;

}



input:focus,

textarea:focus {	outline: none;}



ul,

li {

	list-style: none;

	padding: 0;

	margin: 0;

}



h1,h2,h3,h4,h5,h6,dl,dd,dt {

	margin: 0;

	padding: 0;

}



a {

	text-decoration: none;

	color: #212121;

}



a:hover {

	color: #437041;

	text-decoration: none;

}



a img {

	border: 0;

}



input::-webkit-input-placeholder {	color: #838383;}

input::-moz-placeholder {	color: #838383;}

input:-ms-input-placeholder {	color: #838383;}



.font45 {

	font-size: 45px;

}

.font40 {

	font-size: 40px;

}

.font38 {

	font-size: 38px;

}

.font32 {

	font-size: 32px;

}

.font24 {

	font-size: 24px;

}

.font20 {

	font-size:20px;

}

.font18 {

	font-size:18px;

}



.font16 {

	font-size: 16px;

}



.font14 {

	font-size: 14px;

}



.font12 {

	font-size: 12px;

}



.wrap { padding-top: 137px; overflow: hidden;}

.con {

	 max-width: 1200px;

	margin: 0 auto;

}

.cons {

	 max-width: 1200px;

	margin: 0 auto;

}



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

	.con {

		margin: 0 1em;

	}

	.cons {

		margin: 0 1em;

	}

}

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

	.wrap { padding-top: 120px;}

}

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



   .font45 {

   	font-size: 25px;

   }

   .font40 {

   	font-size: 23px;

   }

   .font38 {

   	font-size: 20px;

   }

   .font32 {

   	font-size: 20px;

   }

	.font24 {

		font-size: 16px;

	}

	.font20 {

		font-size: 16px;

	}



	.font18 {

		font-size: 14px;

	}



	.font16 {

		font-size: 12px;

	}



	.font14 {

		font-size: 12px;

	}



	.con,.cons {

		margin: 0 1em;

		width: auto;

	}

}



/*页面元素入场动画*/

.anim {

-webkit-transform: translateY(50px);

-ms-transform: translateY(50px);

transform: translateY(50px);

-webkit-transition: opacity 1s,-webkit-transform 1s;



transition: opacity 1s,-webkit-transform 1s;

-o-transition: transform 1s,opacity 1s;



transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s,-webkit-transform 1s;



opacity: 0;

}

.anim.on {

-webkit-transform: none;

-ms-transform: none;

transform: none;

opacity:1;

}



.animLeft {

-webkit-transform: translateX(-50px);

-ms-transform: translateX(-50px);

transform: translateX(-50px);

-webkit-transition: opacity 1s,-webkit-transform 1s;



transition: opacity 1s,-webkit-transform 1s;

-o-transition: transform 1s,opacity 1s;



transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s,-webkit-transform 1s;



opacity: 0;

}

.animLeft.on {

-webkit-transform: none;

-ms-transform: none;

transform: none;

opacity:1;

}



.animRight {

-webkit-transform: translateX(50px);

-ms-transform: translateX(50px);

transform: translateX(50px);

-webkit-transition: opacity 1s,-webkit-transform 1s;



transition: opacity 1s,-webkit-transform 1s;

-o-transition: transform 1s,opacity 1s;



transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s,-webkit-transform 1s;



opacity: 0;

}

.animRight.on {

-webkit-transform: none;

-ms-transform: none;

transform: none;

opacity:1;

}



.animBig {

	-ms-transform:scale(1.6,1.6); /* IE 9 */

	-webkit-transform: scale(1.6,1.6); /* Safari */

	transform: scale(1.6,1.6); /* 标准语法 */

	

	-webkit-transition: opacity 1s,-webkit-transform 1s;

	

	transition: opacity 1s,-webkit-transform 1s;

	-o-transition: transform 1s,opacity 1s;

	

	transition: transform 1s,opacity 1s;

	transition: transform 1s,opacity 1s,-webkit-transform 1s;

	

	opacity: 0;

}

.animBig.on {

-ms-transform:scale(1,1); /* IE 9 */

	-webkit-transform: scale(1,1); /* Safari */

	transform: scale(1,1); /* 标准语法 */

opacity:1;

}



/*头部*/

.headerW {

	position: fixed;

	z-index: 500;

	left: 0;

	top: 0;

	width: 100%;

	height: 137px; background-color: #fff;

	transition: all 0.5s;

}



.header {

	margin: 0 auto;  height: 100%;

}



.header .con {

	position: relative;

	z-index: 1;

	height: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.header .logo img {

	display: block;

	width: auto;

	height:80px;

}

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

	.header .logo img {height:70px;}

}



.header .hr { display: flex; flex-direction: column; justify-content:center ; align-items: flex-end;}

/*头部导航*/

.navW { margin-top: 0.6em;

	display: flex;

	justify-content: flex-end;

	align-items: center;

	height: 100%;

}

.nav {

	height: 100%;	

}

.nav>ul {

	height: 100%;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.nav>ul>li {

	display: flex;

	height: 100%;

	align-items: center;

	align-items: center;

	justify-content: space-between;

	z-index: 100;

	cursor: pointer; position: relative; z-index: 0;

}

.nav>ul>li>a,

.nav>ul>li>span {

	display: flex;

	align-items: center;

	color: #212121;

	padding: 0 1.3em;

	line-height: 2.25em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;

}
@media only screen and (min-width:1900px) {
.nav>ul>li>a, .nav>ul>li>span{padding:0 1em;}	
}

@media only screen and (max-width:1700px) {
.nav>ul>li>a, .nav>ul>li>span{padding:0 1em;}	
}

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

.nav>ul>li>a, .nav>ul>li>span{ padding: 0 0.8em;}

}



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

.nav>ul>li>a, .nav>ul>li>span{ padding: 0 0.5em;}

}



.nav>ul>li>a:hover {color: #75b000;}



.nav>ul>li.cur>a { font-weight: bold;color: #212121;}

.nav>ul>li:hover>a {background-color: #75b000; color: #fff;}

.nav .sub_nav {

	display: none;

	position: absolute; background-color: #fff;

	top: 100%;

	left: -1em; right: -1em; padding: 0.4em 0;

	text-align: center;

-moz-box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);
box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);

}



.nav .sub_nav li {	color: #212121; cursor: default;}

.nav .sub_nav li a { display: block; height: 2.4em; overflow: hidden; line-height: 2.4em; 	color: #212121;}

.nav .sub_nav li a:hover {	color: #75b000;}



.sub_Box { display: none; position: absolute; z-index: 0;

 left: 0; right: 0; top: 100%; background-color: #fff; line-height: 3;}

.sub_Box .sub_box_c { border-top:1px solid #eaefef; 

margin: 0 18.5% 0 29%; display: flex; justify-content: space-around; align-items: flex-start;}

.sub_Box .sub_box_c ul { padding: 1.8em 0;}



.navM {	display: none;}



.header .btnW { display: flex; justify-content: flex-start; align-items: center;}

.header .lan { position: relative; z-index: 1; text-align: left; font-size: 0.85em; color:#75B000}

.header .lan .line { display: inline-block; margin: 0 0.3em;}

.header .lan a { color: #B1B1B1;}

.header .lan a:hover { color: #75B000;}



.searchWBox {position: relative; z-index: 0;
display: flex; justify-content: flex-end; align-items: center;}
.searchWBox .lan { margin-right: 1em;}
.searchWBox .searchSwitch { line-height: 1.4; height: 1.4em; width: 1.4em; outline-width: 0;

border: 0; display:block;cursor: pointer;

background: url(../images/search_blue.svg) center center no-repeat;

 background-size:contain;}



.searchBox {  width: 215px;

justify-content: space-between; align-items: center;  background-color: #75b000;

-moz-border-radius:1.4em; -webkit-border-radius:1.4em; border-radius:1.4em;}

.searchBox form { width: 100%;

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

.searchBox .iW { flex: 1; padding: 0 0.7em 0 1.4em; margin-right: 3px;}

.searchBox .input { width: 100%; display: block; border: 0; width: 100%;

 outline-width: 0; color: #fff; background-color: transparent;

     line-height: 2.5em; font-size: 1em;

     height: 2.5em;}

.searchBox input::-webkit-input-placeholder {	color: #fff;}

.searchBox input::-moz-placeholder {	color: #fff;}

.searchBox input:-ms-input-placeholder {	color: #fff;}



.searchBox .btnSearch { margin-right: 0.5em; font-size: 1em; 

line-height: 1.4; height: 2.5em; width: 2.5em;

 outline-width: 0;

border: 0; display:block;cursor: pointer;

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

 background-size:55% auto; }





@media only screen and (max-width:960px) { 
	.header .hr { flex-direction: row; align-items: center;}
    .searchWBox .lan { display: none;}
	.navW { margin-top: 0;}
	.header .lan .btnLan span { min-width: 2.7em; color: #1a6f7d;}

	.header .lan { font-size: 0.8em;}

	.header .lan .btnLan img { display: none;}

	.header .lan .lanDropdown { display: none; position: absolute; top: 40px; 

	left: auto; right: 0;

	 width: 4.8em; text-align: center;}

	.header .lan .lanDropdown a img  { display: none;}

	.searchWBox .searchSwitch { font-size: 0.8em;}

	.header .btnW .line {  margin-right:1em;}

	.searchWBox {position: static; z-index: 0; } 

	.searchPBox { width: 100%; top: 60px;}

	

}



.header .c-switch { margin-left: 1.2em;

	display: none;

	width: 18px;

	height:16px;

	cursor: pointer;

	/* position: absolute; left: 15px; top: 50%; margin-top: -10px; */

}



.header .c-switch i {

	position: relative;

	display: block;

	height: 2px;

	background: #75b000;

	-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: 4px 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);

}



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

	.headerW {height: 120px;	}

}

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

	.wrap { padding-top: 80px;}

	.headerW {height: 80px;

		-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);

		-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);

		box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);}

	.header .c-switch {	display: block;	}

	.header .logo img { height: 50px;}

	.header .btnW { margin-right: 0.2em;}

	.searchBox { font-size: 12px;}

	.header .search { display: none;position: fixed;top: 7px;right: 45px;}



	.header .search .search_p {		top: 3em;	}

	

	.nav {	display: none;	}



	.navM {

		position: fixed;

		z-index: 400;

		right: 0;

		left: 0;

		top: 80px;

		padding: 0 0.6em;

		overflow-y: auto;

		background-color: #fff;

		display: none;

		font-size: 14px;

		line-height: 3;

		text-align: left;

		overflow-y: auto;

		height: calc(100vh - 58px); overflow-y: auto;

	}



	.navM ul {}

	.navM li { padding: 0 1em;

		border-top: 1px solid #ececec;

		position: relative;

		z-index: 0;

	}

	

	.navM li:first-child {

		border-top: 0;

	}



	.navM ul ul {

		height: 0;

		overflow: hidden;

		transition: height 2s; font-size: 13px; 

	}

	.navM ul ul li { border-top:0 ;}



	.navM ul ul li a {

		text-indent: 1em; border-top:0 ; color: #707070;

	}

	.navM ul ul li a:hover {

		color:#1a6f7d;

	}



	.navM a {

		color: #1b1c20;

		display: block;

	}



	.navM a:hover {

		font-weight: bold;

		color: #1a6f7d;

	}

	.navM li .title { display: flex; justify-content: space-between; align-items: center;}

	.navM li .arrow {

		

		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);

	}



	.navM li.show ul {

		height: auto;

		border-top: 1px solid #ececec; 

	}

	

	.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;}
	 
	 .navM li .lan a { display: inline-block;}
	 .navM li .lan span{ color: #75B000;}
	  .navM li .lan span.line { margin: 0 0.3em;}

}



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

	.searchBox { width: 150px;}

}



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

.swiper-banner .pic { width: 100%; padding-top: 200px;

position: relative; z-index: 0;}


.swiper-banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.swiper-banner .pic img.img_mb {display: none;}

.swiper-banner .swiper-pagination { bottom: 4.56%; text-align: center;}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {

	background-color: #fff; width: 1.25em; height: 0.68em;

-moz-border-radius:0.35em; -webkit-border-radius:0.35em; border-radius:0.35em;

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

margin:0 4px !important;

filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.swiper-banner .swiper-pagination .swiper-pagination-bullet-active { 

	background-color: #fff; width: 4.5em;

filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.swiper-banner .swiper-pagination-w { z-index: 10; position: absolute; left: 0; bottom: 40px; right: 0;}

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

.swiper-banner .pic {  padding-top: 10.4vw;}
}

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

	.swiper-banner .con { margin: 0 2em;}

	
	.swiper-banner .pic {  padding-top: 12vw;}
	

	.swiper-banner .pic img.img_pc {display: none;}

	.swiper-banner .pic img.img_mb {display: block;}

	

	.swiper-banner .swiper-pagination .swiper-pagination-bullet {

		width: 0.6em; height: 0.3em;}

	.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {

		 width: 2.8em;}

}

.page { margin-top: 4em; text-align: center; color: #928b81; line-height: 2.8em;
display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.page a { margin: 0.5em 0.3em 0; padding: 0 1.1em;
 display: inline-block; background-color: #f4f4f4;color: #928b81;
 border: 1px solid #f4f4f4;}
.page a:hover { border: 1px solid #75b000; color: #75b000;}
.page a.btnPrev { font-size: "宋体"; margin: 0.5em 0.15em 0; display: inline-block; color: #7fcdb7;
font-size: 2em;line-height: 1.35em;padding: 0 0.3em; 
}
.page a.btnNext { font-size: "宋体"; margin: 0.5em 0.15em 0; display: inline-block; color: #7fcdb7;
font-size: 2em;line-height: 1.35em;padding: 0 0.3em; 
}
.page .pageNum { padding: 0 1.7em; margin: 0.5em 0.3em 0;
 display: inline-block;background-color: #f4f4f4;}
.page .pageNum .num { vertical-align: middle; width: 2.5em; display: inline-block;}
.page .pageNum span {vertical-align: middle;  display: inline-block;}
.page a.page-num-current { color: #fff; background-color: #75b000; border: 1px solid #75b000;}
/*.page a.cur { color: #fff; background-color: #75b000; border: 1px solid #75b000;}*/
/*底部*/

.footer { 

	background: #2e3235;

	text-align: left;

	color: #fff;

}

.footer .fMin .con { margin: 0 auto; width:1475px;

	display: flex; flex-wrap: wrap;

	justify-content: space-between;

	align-items: stretch;padding: 3.4em 0 2.8em;

}

.footer .con_L { width: 35%; margin-right: 3%;}

.footer .con_C { width: 40%; margin-right: 3%; }

.footer .con_R { flex: 1;}



.footer .tit { margin-bottom: 1.4em;}

.footer .con_L .tel { line-height: 1.3; color: #75B000; padding-left: 36px;

background: url(../images/tel.png) 0 0 no-repeat;}

.footer .con_L .txt { margin-top: 2.8%; line-height: 2.1em;}



.footer .qrCode {display: flex; justify-content: flex-start; align-items: flex-start;}

.footer .qrCode .item { margin-right: 2.8em;  text-align: center;   }

.footer .qrCode .item img { display: block; margin: 0 auto 0.7em;

 width: 7.81em; height: 7.81em;}

 

 .footer .con_R .txt { margin-top: 1.2em; text-align: center; }

 .footer .con_R .btnW { margin-top: -0.7em; text-align: center; }

  .footer .con_R .btnW  .btn1 { line-height: 2.8em; display: block; cursor: pointer;

  color: #fff;background-color: #75b000;

  -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;}
  .footer .con_R .btnW  .btn1:hover {background-color: #fff; color: #75b000;}

  .footer .con_R .btnW  .btn2 { line-height: 2.8em; margin-top: 0.6em; display: block; cursor: pointer;

  color: #fff;background-color: #84a7e7;

   -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
   transition: all 0.5s;
    -webkit-transition:all 0.5s;}
   .footer .con_R .btnW  .btn2:hover {background-color: #fff; color: #75b000;}



.footer .fbottom {

	padding: 0.8em 0 0.7em;

	background-color: #141617; color: #707070; text-align: center;

}

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

	.footer .qrCode .item { margin-right: 7.5%; width: 25.8%;  text-align: center;   }

	.footer .qrCode .item img { display: block; margin: 0 auto 0.7em;

	 width: 100%; height: auto;}

}

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

	.footer .fMin .con { margin: 0 2em; width: auto;}

}



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

	.footer .fMin .con { display: block; margin: 0 10%;	}

	.footer .con_L { width: 100%; margin-right: auto;}

	.footer .con_C { margin-top: 3em; width: 100%; margin-right: auto; }

	.footer .con_R { margin-top: 3em; flex: 1;}

	

	.footer .qrCode .item { margin-right: 2.8em; width: auto;   }

	.footer .qrCode .item img { 

	 width: 7.81em; height: 7.81em;}

}

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

	.footer .qrCode .item { margin-right: 7.5%; width: 25.8%;  text-align: center;   }

	.footer .qrCode .item img { display: block; margin: 0 auto 0.7em;

	 width: 100%; height: auto;}

}



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

	html,

	body {

		font-size: 14px;

	}

}



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

	html,

	body {

		font-size: 12px;

	}

}

.active a{color:#437041;}
.list p{line-height:40px;}