@charset "utf-8";
/* CSS Document */
/*  初始化  */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{
	margin:0;
	padding:0;
	border:0;
	font-family:"Microsoft YaHei";
} 
table,td{
	margin:0;
	padding:0;
	font-family:"Microsoft YaHei";
}
#fontzoom table,#fontzoom td{
	margin:0;
	padding:0;
	 border:1px solid #ccc;
	font-family:"Microsoft YaHei";
}
#fontzoom table{
	text-align: center; border-collapse: collapse;
	width: 100%!important;
} 

ul,ol,li{
	list-style-type:none;
} 
select,input,img,select{
	vertical-align:middle;
} 
a{
	text-decoration:none;
} 
a:hover,a:active,a:focus{
	text-decoration:none;
}
select{-webkit-appearance:none}
input{-webkit-appearance:none}
/*  调用样式  */
.fl{float:left;	}
.flr{float:right;}
.ct{margin:0 auto;}
.clear{clear:both;}
.clearfixe:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.body{width: 100%;height: auto;overflow-x: hidden;}
.mains{width: 100%;height: auto;background-color: #fff;overflow-x: hidden;}
/*首页*/
/* banner */

.header_m{display: none;}
.header{width: 100%;height: 167rem;background:url(../images/mzyt_2.png) repeat;background-size: auto 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.header1{width: 1550rem;height: 167rem;margin: 0 auto;display: block;position: relative;}
.logo{width: 196rem;height:60rem;}
.logo img{width: 100%;height: auto;display: block;margin-top: 22rem;}
.nav_m{
	display: none;
}
.nav{width: 1125rem;height: 42rem;float:left;margin: 45rem 0 0 165rem;}
.nav_ul{width: 100%;margin: 0 auto;height: 42rem;display: flex;justify-content: space-between;}
.nav_li{width: auto;height: 42rem;text-align: center;transition: all 0.3s;position: relative;}
.nav_li *{transition: all 0.3s;}
.nav_li:hover{transition: all 0.3s;}
.nav_li:hover *{transition: all 0.3s;}
.nav_li>a{font-size: 20rem;color: #fff;height: 40rem;line-height: 40rem;position: relative;display: block;width: 100%;}
.nav_li>a h3{font-size: 20rem;height: 40rem;display: inline;font-weight: normal;}
.nav_li_ziul{width: 260rem;position: absolute;z-index: 99;left: 50%;top: 42rem;background-color: #fff;height: 0;overflow: hidden;box-shadow: 0 3px 10px #ccc;margin-left: -130rem;}
.nav_li_ziul1{width: 100%;box-sizing: border-box;margin-left: 0;height: auto;text-align: center;}
.nav_li_zili{width: 100%;display: block;height: 40rem;}
.nav_li_zili a{font-size: 16rem;color: #333;display: block;width: auto;height: 40rem;line-height: 40rem;width: 100%;display: block;}
.nav_li:hover>a{color: #dcffac;}
.nav_li:hover>a h3{}
.nav_li.on>a{color: #dcffac;}
.nav_li.on>a h3{}
.nav_li:hover .nav_li_ziul{height: auto;}
.nav_li_zili a:hover{background-color: #56823c;color: #Fff;}
.header_right{width: auto;height: 176rem;position: relative;}
.header_right .search{
	float: left;
	cursor: pointer;
}
.header_right .search a{
	display: block;
	width: 20rem;
	height: 42rem;
	margin-top:45rem;
	background: url(../images/syzx_3.png) no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.header_right *{transition: all 0.3s;}
.header_right .search form{width: 200rem;height: 38rem;border: 1px solid #e4e4e4;background-color: #fff;border-radius: 20rem;position: absolute;right: -20rem;top: 80rem;display: none;}
.header_right .search form .sousuo_ipt1{width: 100rem;height: 38rem;border: 0;padding: 0 20rem;float: left;font-size: 14rem;color: #666;background: none;}
.header_right .search form .sousuo_ipt2{width: 60rem;height: 25rem;border: 0;float: right;background: url(../images/syzx_4.png) no-repeat;background-position: center center;background-size: 20rem ;;cursor: pointer;border-left: 1px solid #eeeeee;margin-top: 7rem;box-sizing: border-box;}
.header_right .search form .sousuo_ipt1:-webkit-autofill, .header_right .search form .sousuo_ipt1:-webkit-autofill:hover, .header_right .search form .sousuo_ipt1:-webkit-autofill:focus, .header_right .search form .sousuo_ipt1:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #666 !important;
}
.language{
	position: absolute;
	top: 20rem;
	right: 0;
}
.language a{
	font-size: 15rem;
	color: #fff;
	line-height: 1;
}
.language span{
	font-size: 15rem;
	color: #fff;
	line-height: 1;
	margin: 0 5rem;
}

/* banner */
.banner_m{display: none;}
.banner{ width:100%; height:1018rem;position: relative;margin:0 auto 0;background: url(../images/mzyt_1.jpg) no-repeat;background-position: center center;background-size: cover;
	/* background-attachment: fixed; */}
#stars {
	margin: 0 auto;
	max-width: 1600rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.star {
	display: block;
	width: 1px;
	background: transparent;
	position: relative;
	opacity: 0;
	/*过渡动画*/
	animation: star-fall 3s linear infinite;
	-webkit-animation: star-fall 3s linear infinite;
	-moz-animation: star-fall 3s linear infinite;
}

.star:after {
	content: '';
	display: block;
	border: 0px solid #fff;
	border-width: 0px 90px 2px 90px;
	border-color: transparent transparent transparent rgba(255, 255, 255, .5);
	box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
	/*变形*/
	transform: rotate(-75deg) translate3d(1px, 3px, 0);
	-webkit-transform: rotate(-75deg) translate3d(1px, 3px, 0);
	-moz-transform: rotate(-75deg) translate3d(1px, 3px, 0);
	transform-origin: 0% 100%;
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
}

@keyframes star-fall {
	0% {
		opacity: 0;
		transform: scale(0.5) translate3d(0, 0, 0);
		-webkit-transform: scale(0.5) translate3d(0, 0, 0);
		-moz-transform: scale(0.5) translate3d(0, 0, 0);
	}

	50% {
		opacity: 1;
		transform: translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
		-webkit-transform: translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
		-moz-transform: translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
	}

	100% {
		opacity: 0;
		transform: scale(1.2) translate3d(calc(-300rem * tan(15deg)), 300rem, 0);
		-webkit-transform: scale(1.2) translate3d(calc(-300rem * tan(15deg)), 300rem, 0);
		-moz-transform: scale(1.2) translate3d(calc(-300rem * tan(15deg)), 300rem, 0);
	}
}
.banner .bd{ margin:0 auto; position:relative; z-index:3; overflow:hidden;}
.banner .bd ul{ width:auto;}
.banner .bd li{ width:100%;height:1018rem; overflow:hidden; text-align:center;}
.banner_left{
	width: 860rem;
	height: 1018rem;
	float: left;
	margin-left: 185rem;
}
.banner_left h3{
	font-size: 52rem;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	margin: 334rem 0 46rem;
	text-align: left;
}
.banner_left p{
	width: 725rem;
	height: auto;
	font-size: 20rem;
	color: #fff;
	line-height: 48rem;
	text-align: left;
}
.banner_left a{
	text-align: left;
	display: block;
	width: 213rem;
	height: 73rem;
	box-sizing: border-box;
	border: 2px solid #5e802c;
	margin-top: 100rem;
	font-size: 18rem;
	color: #ffffff;
	line-height: 68rem;
	padding-left: 47rem;
	background: url(../images/mzyt_24.png) no-repeat;
	background-size: 11rem 13rem;
	background-position: right 55rem center;
	transition: all 0.3s;
}
.banner_left a:hover{
	background: url(../images/mzyt_24.png) #5e802c no-repeat;
	background-size: 11rem 13rem;
	background-position: right 55rem center;
	transition: all 0.3s;
}
.banner_right{
	width: 775rem;
	height: 510rem;
	float: right;
	margin-top: 300rem;
}
.banner_right img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
/* .banner .bd li a{transition: all 0.5s;display:block; height:100%;width: 100%;}
.banner .bd li a:hover{font-size: 22px;transition: all 0.5s;} */
.banner .hd{width: 100%;height: auto;margin: 0 auto;text-align: center;display: none;}
.banner .hd ul{width: 100%;height: 15px;text-align: center;position: absolute;bottom: 44px;left: 0px;z-index: 98;}
.banner .hd ul li{width: 6px;height: 6px;border-radius: 0px;margin: 0 7px;display: inline-block;overflow: hidden;line-height: 100px;cursor: pointer;border-radius: 0;background-color: #fff;border-radius: 3px;}
.banner .hd ul li.on{background-color: #fff;width: 34px;}
.banner .hd a{display: inline-block;width:34rem; height:63rem;cursor:pointer;position: absolute;top: 430rem;z-index: 98;display: block;}
.banner .hd .prev{ background:url(../images/sbsw_4.png) no-repeat;left: 65rem;background-size: 100% 100%;}
.banner .hd .next{ background:url(../images/sbsw_5.png) no-repeat;right: 65rem;background-size: 100% 100%;}
.banner .hd .pageState{position: absolute;bottom: 15px;right: 72px;z-index: 999;font-size: 20px;color: #fff;}
.banner .hd .pageState span{font-size: 42px;color: #fff;margin-right: 5px;}

.main{width: 100%;height: auto;padding: 0;margin: 0 auto;box-sizing: border-box;position: relative;}

.main1{width: 100%;height:784rem;padding: 0;margin: 0 auto;box-sizing: border-box;background: #fff;}
.main1_1{width: 1550rem;height:784rem;margin: 0 auto;box-sizing: border-box;padding: 0;position: relative;}
.main1_title{
	padding: 0;
	position: absolute;
	top: 148rem;
	left: 0;
}
.main1_title h4{
	font-size: 52rem;
	color: #333333;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 15rem;
}


.main1_left{
	float: left;
	width: 620rem;
	height: 400rem;
	margin-top: 295rem;
	position: relative;
}
.main1_left1{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.main1_left1 .parHd{
	width: 100%;
	height: 36rem;
}
.main1_left1 .parHd .more{
	position: absolute;
	left: 0;
	top: 305rem;
	display: block;
	width: 190rem;
	height: 50rem;
}
.main1_left1 .parHd .more a{
	display: block;
	width: 190rem;
	height: 50rem;
	box-sizing: border-box;
	border-radius: 25rem;
	background: url(../images/mzyt_3.png) #77ab2e no-repeat;
	background-size: 13rem 12rem;
	background-position: 50rem center;
	font-size: 16rem;
	color: #fff;
	padding-left: 78rem;
	line-height: 50rem;
	transition: all 0.3s;
}
.main1_left1 .parHd .more a:hover{
	border-radius: 0;
	transition: all 0.3s;
}
.main1_left1 .parHd ul{
	width: 100%;
	height: 36rem;
	display: flex;
}
.main1_left1 .parHd ul li{
	width: auto;
	height: 36rem;
	padding:0 20rem;
	border-radius: 5rem;
	background-color: #f6f6f6;
	font-size: 18rem;
	font-weight: bold;
	color: #333333;
	line-height: 36rem;
	text-align: center;
	margin-right: 30rem;
	float: left;
	cursor: pointer;
}
.main1_left1 .parHd ul li.on{
	background-color: #77ab2e;
	color: #fff;
}
.main1_left1 .parBd{
	width: 100%;
	height: auto;
	margin-top: 45rem;
}
.main1_left1 .parBd .slideBox{
	
}
.main1_left1_show{
	width: 100%;
	height: 180rem;
	overflow: hidden;
}
.main1_left1_show p{
	font-size: 20rem;
	color: #666666;
	line-height: 36rem;
}


.main1_right{
	float: right;
	width: 1072rem;
	height: auto;
	margin-right: -185rem;
}
.main1_right_3d{
	width: 100%;
	height: 520rem;
	margin-top: 150rem;
}
.target-container{
    width: 100%;
	height: 520rem;
	margin-top: 150rem;
}
.your-special-div{
    width: 100%;
	height: 520rem;
	display: none;
	overflow: hidden;
}
.your-special-div.active{
    display: block;
}

.main2{
	width: 100%;
	height:574rem;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	background: url(../images/mzyt_2.gif) no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.main2_1{
	width: 1550rem;
	height: auto;
	margin: 0 auto;
	padding: 98rem 0 0;
}
.main2_title{
	width: 100%;
	height: 95rem;
}
.main2_title1{
	float: left;
}
.main2_title1 h4{
	font-size: 60rem;
	color: #fff;
	text-align: left;
	line-height: 1;
	font-weight: bold;
}
.main2_title1 h3{
	font-size: 52rem;
	color: #fff;
	text-align: left;
	line-height: 1;
	font-weight: bold;
	margin-top: 15rem;
}
.main2_title a{
	float: right;
	padding-left: 28rem;
	font-size: 16rem;
	color: #fff;
	background: url(../images/mzyt_3.png) no-repeat;
	background-position: left center;
	background-size: 13rem auto;
	margin-top: 45rem;
}
.main2_title a:hover{
	color: #77ab2e;
}
.main2_11{
	display: block;
	width: 100%;
	height: 210rem;
	overflow: hidden;
	position: relative;
	margin: 98rem auto 0;
}
.main2_11 .hd{
	
}
.main2_11 .hd a{
	display: none;
	width: 25rem;
	height: 25rem;
	position: absolute;
	top: 108rem;
	z-index: 9;
	cursor: pointer;
}
.main2_11 .hd a.prev{
	left: 5rem;
}
.main2_11 .hd a.next{
	right: 5rem;
}
.main2_11 .hd ul{
	display: none;
}
.main2_11 .bd{
	width: 100%;
	height: 210rem;
}
.main2_11_ul{
	height: 210rem;
}
.main2_11_li{
	width: 426rem;
	height: 210rem;
	margin: 0 135rem 0 0;
	float: left;
}
.main2_11_li *{
	transition: all 0.3s;
}
.main2_11_li h4{
	display: block;
	font-size: 36rem;
	color: #ffffff;
	line-height: 1;
	font-weight: bold;
}
.main2_11_li h3{
	font-size: 20rem;
	color: #ffffff;
	text-align: left;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 36rem;
	height: 108rem;
	margin: 22rem 0 25rem 0;
}
.main2_11_li p{
	font-size: 14rem;
	color: #ffffff;
	line-height: 24rem;
	height: 48rem;
	overflow: hidden;
}
.main2_11_li:hover h3{
	color: #77ab2e;
}
.main2_1>a{
	display: block;
	width: 202rem;
	height: 52rem;
	border-radius: 26rem;
	font-size: 16rem;
	color: #c6dfbe;
	border:1px solid #c6dfbe;
	text-align: center;
	line-height: 50rem;
	margin: 0 auto;
	transition: all 0.3s;
	box-sizing: border-box;
}
.main2_1>a:hover{
	color: #57883f;
	background-color: #c6dfbe;
	transition: all 0.3s;
}


.main3{width: 100%;height:1142rem;padding: 0;margin: 0 auto;background:#fff;position: relative;overflow:hidden;}
.main3_1{width: 1550rem;height:1142rem;margin: 0 auto;padding: 106rem 0 0;box-sizing: border-box;}
.main3_title{
	width: 400rem;
	height: 310rem;
	float: left;
	margin-top: 164rem;
}
.main3_title h4{
	font-size: 52rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 130rem;
}
.main3_title h3{
	font-size:36rem;
	color: #333;
	font-weight: normal;
	line-height: 1;
	margin: 30rem 0 130rem;
}
.main3_title a{
	display: block;
	width: 190rem;
	height: 50rem;
	box-sizing: border-box;
	border-radius: 25rem;
	background: url(../images/mzyt_3.png) #77ab2e no-repeat;
	background-size: 13rem 12rem;
	background-position: 50rem center;
	font-size: 16rem;
	color: #fff;
	padding-left: 78rem;
	line-height: 50rem;
	transition: all 0.3s;
}
.main3_title a:hover{
	border-radius: 0;
	transition: all 0.3s;
}
.main3_11{
	width: auto;
	height: auto;
}
.main3_ul{
	width: auto;
	height: auto;
}
.main3_li{
	position: absolute;
	width: 300rem;
	height: 300rem;
}
.main3_li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.main3_li i{
	display: block;
	width: 100%;
	height: 100%;
}
.main3_li1{
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.52);
	align-items: center;
	transition: all 0.3s;
}
.main3_li1 img{
	display: block;
	width: 195rem;
	height: 57rem;
	margin: 0 auto;
}

.main3_li.no1{
	right: 984rem;
	top: 226rem;
}
.main3_li.no2{
	right: 656rem;
	top: 320rem;
}
.main3_li.no3{
	right: 984rem;
	top: 554rem;
}
.main3_li.no4{
	right: 328rem;
	top: 106rem;
}
.main3_li.no5{
	right: 1312rem;
	top: 648rem;
}
.main3_li.no6{
	right: 0;
	top: 320rem;
}
.main3_li.no7{
	right: 656rem;
	top: 648rem;
}
.main3_li.no8{
	right: 0;
	top: 648rem;
}
.main3_li.no9{
	right: 328rem;
	top: 762rem;
}
.main3_li.no10{
	right: 328rem;
	top: 434rem;
}

.main3_li:hover .main3_li1{
	background-color: rgba(119,171,46,0.52);
	transition: all 0.3s;
}


.main4{
	width: 100%;
	height:940rem;
	box-sizing: border-box;
	padding: 0;
	box-sizing: border-box;
	background: url(../images/mzyt_5.png) #000000 no-repeat;
	background-position: right -163rem top -255rem;
	background-size: 1380rem;
}
.main4_1{width: 1550rem;height:940rem;margin: 0 auto;position: relative;}
.main4_title{
	padding: 0 0;
	height: 110rem;
	width: 650rem;
	position: absolute;
	top: 172rem;
	left: 0;
}
.main4_title h4{
	font-size: 52rem;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 25rem;
}
.main4_title h3{
	font-size: 36rem;
	color: #fff;
	line-height: 1;
	font-weight: normal;
}
.main4_11{
	position: relative;
	width: 100%;
	height: 100%;
}
.main4_11 .hd a{
	display: none;
	width: 25rem;
	height: 25rem;
	position: absolute;
	top: 108rem;
	z-index: 9;
	cursor: pointer;
}
.main4_11 .hd a.prev{
	left: 5rem;
}
.main4_11 .hd a.next{
	right: 5rem;
}
.main4_11 .hd ul{
	display: flex;
	width: 700rem;
	height: 8rem;
	position: absolute;
	bottom: 133rem;
	right: 0;
	justify-content: center;
	z-index: 99;
}
.main4_11 .hd ul li{
	width: 14rem;
	height: 8rem;
	border-radius: 4rem;
	background-color: #77ab2e;
	margin: 0 5rem;
	line-height: 10;
	overflow: hidden;
	cursor: pointer;
}
.main4_11 .hd ul li.on{
	width: 40rem;
}
.main4_11 .bd{
	width: 100%;
	height: 940rem;
}
.main4_ul{
	width: 100%;
	height: 940rem;
}
.main4_li{
	width: 100%;
	height: 940rem;
}
.main4_li_right{
	float: right;
	width: 700rem;
	height: 650rem;
	margin-top: 125rem;
}
.main4_li_right canvas{
	width: 700rem;
	height: 650rem;
}
.main4_li_left{
	float: left;
	width: 656rem;
	height: 940rem;
}
.main4_li_left h3{
	font-size: 30rem;
	color: #fff;
	line-height: 1;
	font-weight: normal;
	margin: 408rem 0 35rem;
}
.main4_li_left p{
	font-size: 20rem;
	color: #fff;
	line-height: 38rem;
	height: 228rem;
	overflow: hidden;
	margin-bottom: 10rem;
}
.main4_li_left a{
	display: block;
	width: 224rem;
	height: 74rem;
	box-sizing: border-box;
	border: 2rem solid #888888;
	background: url(../images/mzyt_3.png) no-repeat;
	background-size: 13rem 12rem;
	background-position: 58rem center;
	font-size: 16rem;
	color: #fff;
	padding-left: 86rem;
	line-height: 70rem;
	transition: all 0.3s;
}
.main4_li_left a:hover{
	background-color: #77ab2e;
	border: 2rem solid #77ab2e;
	transition: all 0.3s;
}

.main5{width: 100%;height:1132rem;padding: 105rem 0 0;margin: 0 auto;box-sizing:border-box;background: #fff;}
.main5_1{width: 1550rem;height:930rem;margin:0 auto;}
.main5_title{
	width: 100%;
	height: 105rem;
}
.main5_title h4{
	font-size: 52rem;
	color: #333;
	line-height: 1;
	font-weight: bold;
	margin-left: 20rem;
	text-align: center;
	margin-bottom: 15rem;
}
.main5_title h3{
	font-size: 36rem;
	color: #333;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}
.main5_11{
	display: block;
	width: 100%;
	height: 644rem;
	position: relative;
	margin: 58rem auto 0;
}
.main5_11 .hd{
	
}
.main5_11 .hd a{
	display: none;
	width: 36rem;
	height: 36rem;
	position: absolute;
	top: 120rem;
	z-index: 9;
	cursor: pointer;
}
.main5_11 .hd a.prev{
	left: 5rem;
	background: none;
	background-position: center center;
	background-size: 100% 100%;
}
.main5_11 .hd a.next{
	right: 30rem;
	background: none;
	background-position: center center;
	background-size: 100% 100%;
}
.main5_11 .bd{
	width:calc(100% + 10rem);
	height: 644rem;
	overflow: hidden;
	margin-left: -5rem;
	padding: 0 5rem;
}
.main5_11 .bd .tempWrap{
	
}
.main5_11_ul{
	height: 644rem;
}
.main5_11_li{
	width: 478rem;
	height: 634rem;
	margin: 5rem 53rem 0 5rem;
	float: left;
}
.main5_11_li a{
	display: block;
	width: 478rem;
	height: 634rem;
	background-color: #fff;
	box-shadow: 0 0 8rem #ddd;
	box-sizing: border-box;
	padding: 54rem 40rem 0;
	position: relative;
}
.main5_11_li *{
	transition: all 0.3s;
}
.main5_11_li img{
	display: block;
	width: auto;
	height: 62rem;
}
.main5_11_li h3{
	font-size:30rem;
	color: #201f20;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 36rem;
	margin: 56rem 0 30rem;
	font-weight: bold;
}
.main5_11_li p{
	font-size: 16rem;
	color: #888888;
	line-height: 30rem;
	height: 120rem;
	overflow: hidden;
}
.main5_11_li a>span{
	font-size: 16rem;
	color: #888888;
	line-height: 62rem;
	position: absolute;
	left: 40rem;
	top: 385rem;
	display: block;
	width: 214rem;
	height: 65rem;
	border: 1px solid #dcdcdc;
	padding-left: 64rem;
	background: url(../images/mzyt_9.png) #fff no-repeat;
	background-position: right 52rem center;
	background-size: 13rem 15rem;
	z-index: 9;
}
.main5_11_li i{
	display: block;
	width: 100%;
	height: 136rem;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	background-color: #bbff59;
}
.main5_11_li i img{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	opacity: 0;
}

.main5_11_li:hover h3{
	color: #5e8746;
}
.main5_11_li:hover p{
	color: #5e8746;
}
.main5_11_li:hover span{
	color: #fff;
	border: 1px solid #000;
	background: url(../images/mzyt_10.png) #000 no-repeat;
	background-position: right 52rem center;
	background-size: 13rem 15rem;
}
.main5_11_li:hover i{
	height: 217rem;
}
.main5_11_li:hover i span{
	opacity: 0.7;
}
.main5_11_li:hover i img{
	opacity: 1;
}
.main5_1>a{
	display: block;
	width: 190rem;
	height: 50rem;
	box-sizing: border-box;
	border-radius: 25rem;
	background: url(../images/mzyt_3.png) #77ab2e no-repeat;
	background-size: 13rem 12rem;
	background-position: 50rem center;
	font-size: 16rem;
	color: #fff;
	padding-left: 78rem;
	line-height: 50rem;
	transition: all 0.3s;
	margin: 70rem auto 0;
}
.main5_1>a:hover{
	border-radius: 0;
	transition: all 0.3s;
}

.main6{
	width: 100%;
	height: 323rem;
	background: url(../images/mzyt_6.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.main6_1{
	width: 1550rem;
	height: 323rem;
	margin: 0 auto;
}
.main6_left{
	width: 775rem;
	height: auto;
	float: left;
	margin: 70rem 0 0;
}
.main6_left h3{
	font-size: 30rem;
	color: #333333;
	line-height: 48rem;
	font-weight: bold;
}
.main6_left p{
	font-size: 16rem;
	color: #666666;
	line-height: 1;
	margin-top: 32rem;
}
.main6_right{
	float: right;
	width: 775rem;
	height: 323rem;
	display: flex;
	align-items: center;
}
.main6_right1{
	margin: 0 auto;
	width: auto;
}
.main6_right1 h2{
	font-size: 26rem;
	color: #333333;
	line-height: 42rem;
	font-weight: bold;
}
.main6_right1 h3{
	font-size: 18rem;
	color: #333333;
	line-height: 42rem;
	font-weight: normal;
}
.main6_right1 p{
	font-size: 18rem;
	color: #333333;
	line-height: 42rem;
}
.main6_right1 img{
    width:180rem;
    height: 180rem;
    display: block;
}
.link{
	width: 100%;
	height: auto;
	background-color: #000000;
}
.link1{
	width: 1550rem;
	height: auto;
	min-height: 244rem;
	box-sizing: border-box;
	padding: 122rem 0 24rem;
	position: relative;
	margin: 0 auto;
	border-bottom: 1px solid #858585;
}
.link1 h3{
	position: absolute;
	top: -22rem;
	left: 0;
	width: 220rem;
	height: 80rem;
	box-sizing: border-box;
	padding-left: 80rem;
	background: url(../images/mzyt_12.png) #77ab2e no-repeat;
	background-position: 42rem center;
	background-size: 24rem 24rem;
	font-size: 24rem;
	color: #fff;
	line-height: 80rem;
}
.link1 ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.link1 ul li{
	margin-bottom: 20rem;
	width: 282rem;
}
.link1 ul li a{
	display: block;
	width: 282rem;
	height: 77rem;
}
.link1 ul li a img{
	display: block;
	width: 282rem;
	height: 77rem;
}

.footer_m{display: none;}
.footer_f{display: none;}
.zhanwei{display: none;}
.footer{height: 216rem;width: 100%;position: relative;background-color: #000;}
.footer1{height: 216rem;margin: 0 auto;width: 1550rem;display: flex;justify-content: space-between;padding: 0;align-items: center;}
.footer1_left{width: 246rem;}
.footer1_left img{width: 100%;height: auto;}
.footer1_mid{width: auto;}
.footer1_mid p{font-size: 15rem;color: #fff;line-height: 38rem;}
.footer1_mid p span{font-size: 15rem;color: #fff;margin: 0 20rem 0 0;}
.footer1_mid p a{font-size: 15rem;color: #fff;}
.footer1_mid1{
	width: 190rem;
}
.footer1_mid3{
	width: 370rem;
}
.footer1_mid2{
	width: auto;
}
.footer1_right{cursor: pointer;width: 106rem;height: auto;}
.footer1_right img{display: block;width: 106rem;height: 106rem;padding: 0;margin: 0 auto;}
.footer1_right span{display: block;width: 106rem;font-size: 15rem;color: #fff;line-height: 1;text-align: center;margin-top: 14rem;}

.backtop{
	width:82rem;
	height: 82rem;
	background-color: #77ab2e;
	border-radius: 8rem;
	position: fixed;
	right: 55rem;
	bottom: 336rem;
	display: none;
}
.backtop a{
	display: block;
	width:82rem;
	height: 82rem;
	box-sizing: border-box;
	padding-top: 22rem;
}
.backtop img{
	display: block;
	width: 16rem;
	height: 19rem;
	margin: 0 auto 8rem;
}
.backtop span{
	display: block;
	line-height: 1;
	font-size: 14rem;
	color: #fff;
	text-align: center;
}



/*二级页*/
/* .banner_er{width: 100%;position: relative;}
.banner_er img{
	width: 100%;
	height: 100rem;
	position: absolute;
	bottom: 0;
	left: 0;
} */

.banner_er{
	width: 100%;
	height: 400rem;
	background: url(../images/1.gif) no-repeat;
	background-position: center center;
	background-size: cover;
}
.banner_er1{
	width: 1550rem;
	height: 400rem;
	margin: 0 auto;
}
.banner_er_left{
	float: left;
	width: 100%;
}
.banner_er_left h4{
	font-size: 72rem;
	color: rgba(255, 255, 255, 0.1);
	line-height: 1;
	margin: 168rem 0 0;
	font-weight:bold;
}
.banner_er_left h3{
	font-size: 72rem;
	color: rgba(255, 255, 255, 1);
	line-height: 1;
	margin: 185rem 0 0;
	font-weight:bold;
}



.banner_er_m{display: none;}
.nav_er_m{display: none;}

.main_er{
	width: 100%;
	height: auto;
	background-color: #fff;
}

.base_title{width: 100%;height: 160rem;}
.base_title1{width: 1550rem;height: 160rem;padding:0px;margin: 0 auto;display: block;box-sizing: border-box;}

.base_bdcnav{width: auto;height: 52rem;margin-right: 0px;margin-top: -150rem;}
.base_bdcnav_location{font-size: 15rem;color: #fff;line-height: 52rem;float: left;margin-right: 0px;padding-left:30rem;background: url(../images/sbsw_25.png) no-repeat;background-position: left center;background-size: 20rem;}
.base_bdcnav_location a{font-size: 15rem;color: #fff;margin: 0 5px;}
.base_bdcnav_location a:hover{font-size: 15rem;color: #fff;}
.base_bdcnav_location_a_last-child{font-size: 15rem;color: #fff!important;}

.nav_er{width: 100%;height: 160rem;}
.nav_er1{width: 1550rem;height: 160rem;padding:0px;margin: 0 auto;display: block;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;}
.nav_er_ul{width: 100%;height: 160rem;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-left: 0px;}
.nav_er_li{width: auto;height: 60rem;margin:0 15rem;border-radius: 5rem;background-color: #c9c9c9;}
.nav_er_li a{display: block;width: auto;min-width:210rem;height:60rem;padding: 0 10rem;font-size: 18rem;color: #fff;line-height: 60rem;text-align: left;margin: 0;font-weight: bold;text-align: center;}
.nav_er_li:hover{height:60rem;background:#77ab2e;}
.nav_er_li:hover a{color: #fff;font-weight: bold;}
.nav_er_li.on{height:60rem;background:#77ab2e;}
.nav_er_li.on a{color: #fff;font-weight: bold;}


.main_er1{width:1550rem;height:auto;padding: 0 0 80rem;margin: 0 auto;}

.page{font-size: 14rem;margin-top: 0rem;text-align: center;}
.page *{font-size: 14rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #77ab2e!important;
}
.base_title_m{
	display: none;
}


@media only screen and (max-width: 1000px) {
	*{box-sizing: border-box;}
	
	.top{display: none;}
	.header{display: none;}
	.header_m{display: block;width: 100%;height: 104rem;padding: 0 20rem;background:#010100;z-index: 99;position: relative;background-size: 100% auto;}
	#stars_m {
		margin: 0 auto;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
	}
	
	.star_m {
		display: block;
		width: 1px;
		background: transparent;
		position: relative;
		opacity: 0;
		/*过渡动画*/
		animation: star-fall 3s linear infinite;
		-webkit-animation: star-fall 3s linear infinite;
		-moz-animation: star-fall 3s linear infinite;
	}
	
	.star_m:after {
		content: '';
		display: block;
		border: 0px solid #fff;
		border-width: 0px 90rem 2px 90rem;
		border-color: transparent transparent transparent rgba(255, 255, 255, .5);
		box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
		/*变形*/
		transform: rotate(-75deg) translate3d(1px, 3px, 0);
		-webkit-transform: rotate(-75deg) translate3d(1px, 3px, 0);
		-moz-transform: rotate(-75deg) translate3d(1px, 3px, 0);
		transform-origin: 0% 100%;
		-webkit-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
	}
	
	@keyframes star-fall {
		0% {
			opacity: 0;
			transform: scale(0.5) translate3d(0, 0, 0);
			-webkit-transform: scale(0.5) translate3d(0, 0, 0);
			-moz-transform: scale(0.5) translate3d(0, 0, 0);
		}
	
		50% {
			opacity: 1;
			transform: translate3d(calc(-100rem * tan(15deg)), 100rem, 0);
			-webkit-transform: translate3d(calc(-100rem * tan(15deg)), 100rem, 0);
			-moz-transform: translate3d(calc(-100rem * tan(15deg)), 100rem, 0);
		}
	
		100% {
			opacity: 0;
			transform: scale(1.2) translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
			-webkit-transform: scale(1.2) translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
			-moz-transform: scale(1.2) translate3d(calc(-200rem * tan(15deg)), 200rem, 0);
		}
	}
	.header_m a.fl{width:205rem;height: auto;float: left;margin: 20rem 0 0 0;}
	.header_m a.fl img{width: 100%;height: auto;display: block;}
	.header_m_nav{float: right;width: 60rem;height: 55rem;margin:24rem 0 0;}
	.header_m_nav_bnt{width: 60rem;height: 55rem;position: relative;cursor: pointer;}
	.header_m_nav_bnt span{width: 60rem;height: 10rem;background: url(../images/mzyt_26.png) no-repeat;display: block;position: absolute;left: 0;border-radius: 5rem;background-size: 100% 100%;}
	.header_m_nav_bnt #nav_bnt1{top: 0;}
	.header_m_nav_bnt #nav_bnt2{top: 23rem;}
	.header_m_nav_bnt #nav_bnt3{top: 46rem;}
	.rotate1{transform:rotate(45deg);transition:all .3s linear;-webkit-transform:rotate(45deg);-webkit-transition:all .3s linear;top: 25rem!important;background-color: #fff!important;}
	.rotate2{transform:rotate(-45deg);transition:all .3s linear;-webkit-transform:rotate(-45deg);-webkit-transition:all .3s linear;top: 25rem!important;background-color: #fff!important;margin-left: 0!important;}
	.rotate{transform:rotate(0);transition:all .3s linear;-webkit-transform:rotate(0);-webkit-transition:all .3s linear;}
	
	.navbox{position:absolute;top:100%;right:0;z-index: 99900;width: 100%;padding:20rem 25rem;background-color: rgba(0,0,0,0.8);}
	.navbox>li{height: auto;line-height: 70rem;text-align: left;font-size: 30rem;color: #333333;}
	.navbox>li:last-child{border-bottom: none;}
	.navbox>li a{color: #fff;display: block;}
	.navbox>li a:hover{color: #77ab2e;}
	.navbox>li a:active{color: #77ab2e;}
	.navbox>li a:focus{color: #77ab2e;}
	.navlist{padding-left: 0px;}
	.navlist>a .arrow{float: right;color: #fff;font-size: 30rem;background: url(../images/hlxy_24.png) no-repeat;display: block;width: 16rem;height: 70rem;background-size: 100% auto;background-position: center center;}
	.navlist ul{font-size: 24rem;margin-left: 0px;background-color: #77ab2e!important;}
	.navlist ul a{color: #ffffff;padding: 0 20rem;}
	.navlist ul a:hover{color: #ffffff;}
	
	.language{
		position: absolute;
		top: 38rem;
		right: 114rem;
	}
	.language a{
		font-size: 24rem;
		color: #fff;
		line-height: 1;
		display: block;
		float: left;
	}
	.language span{
		font-size: 24rem;
		color: #fff;
		line-height: 1;
		margin: 0 15rem;
		display: block;
		float: left;
	}
	
	/* banner */
	.banner{display: none;}
	.nav{display: none;}
	.banner_m{display: block;position: relative;width: 100%;height: 390rem;overflow: hidden;background: url(../images/mzyt_1.jpg) no-repeat;background-position: center bottom;background-size: 900rem;}
	.banner_m img{display: block;width: 100%;height: auto;}
	.pagination, .pagination1, .pagination0{bottom: 15rem!important;}
	.banner_m .swiper-pagination-switch{width: 50rem;height: 10rem;border-radius: 5rem;background-color: rgba(255,255,255,0.5);border: 0;box-shadow: 0;display: none;}
	.banner_m .swiper-active-switch {background: #fff;}
	.banner_left{
		width: 710rem;
		height: 390rem;
		float: none;
		margin-left: 20rem;
	}
	.banner_left h3{
		font-size: 48rem;
		color: #ffffff;
		font-weight: bold;
		line-height: 60rem;
		margin: 70rem 0 20rem;
		text-align: left;
	}
	.banner_left p{
		width: 565rem;
		height: auto;
		font-size: 20rem;
		color: #fff;
		line-height: 38rem;
		text-align: left;
		display: none;
	}
	.banner_left a{
		text-align: left;
		display: block;
		width: 213rem;
		height: 73rem;
		box-sizing: border-box;
		border: 2px solid #5e802c;
		margin-top: 45rem;
		font-size: 22rem;
		color: #ffffff;
		line-height: 68rem;
		padding-left: 30rem;
		background: url(../images/mzyt_24.png) no-repeat;
		background-size: 13rem 17rem;
		background-position: right 30rem center;
		transition: all 0.3s;
	}
	.banner_left a:hover{
		background: url(../images/mzyt_24.png) #5e802c no-repeat;
		background-size: 13rem 17rem;
		background-position: right 42rem center;
		transition: all 0.3s;
	}
	
	
	.mains{width: 100%;height: auto;}
	.main{width: 100%;height: auto;margin: 0 auto;padding: 0;background: #fff;}
	
	.main1{width: 100%;height:1152rem;padding: 0;margin: 0 auto;box-sizing: border-box;background: #fff;}
	.main1_1{width: 100%;height:1152rem;margin: 0 auto;box-sizing: border-box;padding: 0 20rem;position: relative;}
	.main1_title{
		padding: 78rem 0 30rem;
		position: initial;
		top: 0;
		left: 0;
	}
	.main1_title h4{
		font-size: 42rem;
		color: #333333;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 15rem;
	}
	.main1_title h3{
		font-size: 36rem;
		color: #333333;
		line-height: 1;
		font-weight: normal;
	}
	
	
	.main1_left{
		float: none;
		width: 710rem;
		height: 580rem;
		margin-top: 0;
		position: relative;
	}
	.main1_left1{
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.main1_left1 .parHd{
		width: 100%;
		height: 70rem;
	}
	.main1_left1 .parHd .more{
		position: absolute;
		left: 225rem;
		top: 470rem;
		display: block;
		width: 260rem;
		height: 70rem;
	}
	.main1_left1 .parHd .more a{
		display: block;
		width: 260rem;
		height: 70rem;
		box-sizing: border-box;
		border-radius: 35rem;
		background: url(../images/mzyt_3.png) #77ab2e no-repeat;
		background-size: 14rem 15rem;
		background-position: 68rem center;
		font-size: 24rem;
		color: #fff;
		padding-left: 93rem;
		line-height: 70rem;
		transition: all 0.3s;
	}
	.main1_left1 .parHd .more a:hover{
		border-radius: 0;
		transition: all 0.3s;
	}
	.main1_left1 .parHd ul{
		width: 100%;
		height: 70rem;
		display: flex;
	}
	.main1_left1 .parHd ul li{
		width: auto;
		height: 70rem;
		padding:0 10rem;
		border-radius: 5rem;
		background-color: #f6f6f6;
		font-size: 24rem;
		color: #333333;
		line-height: 70rem;
		text-align: center;
		margin-right: 15rem;
		float: left;
		cursor: pointer;
	}
	.main1_left1 .parHd ul li.on{
		background-color: #77ab2e;
		color: #fff;
	}
	.main1_left1 .parBd{
		width: 100%;
		height: auto;
		margin-top: 42rem;
	}
	.main1_left1 .parBd .slideBox{
		
	}
	.main1_left1_show{
		width: 100%;
		height: 300rem;
		overflow: hidden;
	}
	.main1_left1_show p{
		font-size: 28rem;
		color: #666666;
		line-height: 50rem;
	}
	
	
	.main1_right{
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 40rem;
	}
	.main1_right_3d{
		width: 100%;
		height: 340rem;
		margin-top: 0;
	}
	
	
	.main2{
		width: 100%;
		height:696rem;
		padding: 0;
		margin: 0 auto;
		box-sizing: border-box;
		background: url(../images/mzyt_2.gif) no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
	}
	.main2_1{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 60rem 20rem 0;
	}
	.main2_title{
		width: 100%;
		height: 95rem;
	}
	.main2_title1{
		float: left;
	}
	.main2_title1 h4{
		font-size: 52rem;
		color: #fff;
		text-align: left;
		line-height: 1;
		font-weight: bold;
	}
	.main2_title1 h3{
		font-size: 36rem;
		color: #fff;
		text-align: left;
		line-height: 1;
		font-weight: normal;
		margin-top: 15rem;
	}
	.main2_title a{
		float: right;
		padding-left: 26rem;
		font-size: 24rem;
		color: #fff;
		background: url(../images/mzyt_3.png) no-repeat;
		background-position: left center;
		background-size: 14rem auto;
		margin-top: 36rem;
	}
	.main2_title a:hover{
		color: #77ab2e;
	}
	.main2_11{
		display: block;
		width: 100%;
		height: 390rem;
		overflow: hidden;
		position: relative;
		margin: 90rem auto 0;
	}
	.main2_11 .hd{
		
	}
	.main2_11 .hd a{
		display: none;
		width: 25rem;
		height: 25rem;
		position: absolute;
		top: 108rem;
		z-index: 9;
		cursor: pointer;
	}
	.main2_11 .hd a.prev{
		left: 5rem;
	}
	.main2_11 .hd a.next{
		right: 5rem;
	}
	.main2_11 .hd ul{
		display: flex;
		position: absolute;
		left: 0;
		bottom: 20rem;
		justify-content: center;
		width: 100%;
	}
	.main2_11 .hd ul li{
		background-color: rgba(255,255,255,0.5);
		width: 21rem;
		height: 8rem;
		border-radius: 4rem;
		overflow: hidden;
		line-height: 10;
		margin: 0 6rem;
	}
	.main2_11 .hd ul li.on{
		background-color: rgba(255,255,255,1);
		width: 50rem;
	}
	.main2_11 .bd{
		width: 100%;
		height: 280rem;
	}
	.main2_11_ul{
		height: 280rem;
	}
	.main2_11_li{
		width: 710rem;
		height: 280rem;
		margin: 0 20rem 0 0;
		float: left;
	}
	.main2_11_li *{
		transition: all 0.3s;
	}
	.main2_11_li h4{
		display: block;
		font-size: 48rem;
		color: #ffffff;
		line-height: 1;
	}
	.main2_11_li h3{
		font-size: 32rem;
		color: #ffffff;
		text-align: left;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 60rem;
		height: 120rem;
		margin: 42rem 0 34rem 0;
	}
	.main2_11_li p{
		font-size: 26rem;
		color: #ffffff;
		line-height: 48rem;
		height: 96rem;
		overflow: hidden;
	}
	.main2_11_li:hover h3{
		color: #77ab2e;
	}
	.main2_1>a{
		display: block;
		width: 202rem;
		height: 52rem;
		border-radius: 26rem;
		font-size: 16rem;
		color: #c6dfbe;
		border:1px solid #c6dfbe;
		text-align: center;
		line-height: 50rem;
		margin: 0 auto;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	.main2_1>a:hover{
		color: #57883f;
		background-color: #c6dfbe;
		transition: all 0.3s;
	}
	
	
	.main3{width: 100%;height:1382rem;padding: 0;margin: 0 auto;background:#fff;position: relative;}
	.main3_1{width: 100%;height:1382rem;margin: 0 auto;padding: 96rem 20rem 0;box-sizing: border-box;}
	.main3_title{
		width: 356rem;
		height: 310rem;
		float: none;
		margin-top: 40rem;
	}
	.main3_title h4{
		font-size: 52rem;
		color: #333;
		font-weight: bold;
		line-height: 1;
	}
	.main3_title h3{
		font-size:36rem;
		color: #333;
		font-weight: normal;
		line-height: 1;
		margin: 30rem 0 0;
	}
	.main3_title a{
		display: block;
		width: 260rem;
		height: 70rem;
		box-sizing: border-box;
		border-radius: 35rem;
		background: url(../images/mzyt_3.png) #77ab2e no-repeat;
		background-size: 15rem 15rem;
		background-position: 66rem center;
		font-size: 24rem;
		color: #fff;
		padding-left: 93rem;
		line-height: 70rem;
		transition: all 0.3s;
		position: absolute;
		bottom: 130rem;
		left: 245rem;
	}
	.main3_title a:hover{
		border-radius: 0;
		transition: all 0.3s;
	}
	.main3_11{
		width: auto;
		height: auto;
	}
	.main3_ul{
		width: auto;
		height: auto;
	}
	.main3_li{
		position: absolute;
		width: 224rem;
		height: 224rem;
	}
	.main3_li a{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.main3_li i{
		display: block;
		width: 100%;
		height: 100%;
	}
	.main3_li1{
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.52);
		align-items: center;
		transition: all 0.3s;
	}
	.main3_li1 img{
		display: block;
		width: 180rem;
		height: 53rem;
		margin: 0 auto;
	}
	
	.main3_li.no1{
		right: 506rem;
		top: 551rem;
	}
	.main3_li.no2{
		right: 263rem;
		top: 388rem;
	}
	.main3_li.no3{
		right: 506rem;
		top: 794rem;
	}
	.main3_li.no4{
		right: 263rem;
		top: 874rem;
	}
	.main3_li.no5{
		right: 506rem;
		top: 308rem;
	}
	.main3_li.no6{
		right: 20rem;
		top: 623rem;
	}
	.main3_li.no7{
		right: 263rem;
		top: 631rem;
	}
	.main3_li.no8{
		right: 20rem;
		top: 866rem;
	}
	.main3_li.no9{
		right: 20rem;
		top: 380rem;
	}
	.main3_li.no10{
		right: 20rem;
		top: 137rem;
	}
	.main3_li:hover .main3_li1{
		background-color: rgba(119,171,46,0.52);
		transition: all 0.3s;
	}
	
	
	.main4{
		width: 100%;
		height:1590rem;
		box-sizing: border-box;
		padding: 0 20rem;
		box-sizing: border-box;
		background: url(../images/mzyt_5.png) #000000 no-repeat;
		background-position: center top;
		background-size: 1062rem;
	}
	.main4_1{width: 100%;height:1590rem;margin: 0 auto;position: relative;}
	.main4_title{
		padding: 84rem 0 0;
		height: auto;
		width: 100%;
		position: initial;
		top: 0;
		left: 0;
		text-align: center;
	}
	.main4_title h4{
		font-size: 52rem;
		color: #fff;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 25rem;
	}
	.main4_title h3{
		font-size: 36rem;
		color: #fff;
		line-height: 1;
		font-weight: normal;
	}
	.main4_11{
		position: relative;
		width: 100%;
		height: 1300rem;
	}
	.main4_11 .hd a{
		display: none;
		width: 25rem;
		height: 25rem;
		position: absolute;
		top: 108rem;
		z-index: 9;
		cursor: pointer;
	}
	.main4_11 .hd a.prev{
		left: 5rem;
	}
	.main4_11 .hd a.next{
		right: 5rem;
	}
	.main4_11 .hd ul{
		display: flex;
		width: 710rem;
		height: 8rem;
		position: absolute;
		bottom: 645rem;
		right: 0;
		justify-content: center;
		z-index: 99;
	}
	.main4_11 .hd ul li{
		width: 14rem;
		height: 8rem;
		border-radius: 4rem;
		background-color: #77ab2e;
		margin: 0 5rem;
		line-height: 10;
		overflow: hidden;
		cursor: pointer;
	}
	.main4_11 .hd ul li.on{
		width: 40rem;
	}
	.main4_11 .bd{
		width: 100%;
		height: 1300rem;
	}
	.main4_ul{
		width: 100%;
		height: 1300rem;
	}
	.main4_li{
		width: 100%;
		height: 1300rem;
	}
	.main4_li_right{
		float: none;
		width: 600rem;
		height: 480rem;
		margin: 0 auto;
		margin-top: 65rem;
	}
	.main4_li_right canvas{
		width: 600rem;
		height: 480rem;
	}
	.main4_li_left{
		float: none;
		width: 710rem;
		height: 500rem;
	}
	.main4_li_left h3{
		font-size: 32rem;
		color: #fff;
		line-height: 1;
		font-weight: bold;
		margin: 200rem 0 38rem;
	}
	.main4_li_left p{
		font-size: 26rem;
		color: #fff;
		line-height: 50rem;
		height: 250rem;
		overflow: hidden;
		margin-bottom: 100rem;
	}
	.main4_li_left a{
		display: block;
		width: 262rem;
		height: 72rem;
		box-sizing: border-box;
		border: 2rem solid #888888;
		background: url(../images/mzyt_3.png) no-repeat;
		background-size: 15rem 14rem;
		background-position: 55rem center;
		font-size: 24rem;
		color: #fff;
		padding-left: 86rem;
		line-height: 70rem;
		transition: all 0.3s;
		border-radius: 36rem;
		margin: 0 auto;
	}
	.main4_li_left a:hover{
		background-color: #77ab2e;
		border: 2rem solid #77ab2e;
		transition: all 0.3s;
	}
	
	.main5{width: 100%;height:1406rem;padding: 80rem 20rem 0;margin: 0 auto;box-sizing:border-box;background: #fff;}
	.main5_1{width: 100%;height:1200rem;margin:0 auto;}
	.main5_title{
		width: 100%;
		height: 105rem;
	}
	.main5_title h4{
		font-size: 52rem;
		color: #333;
		line-height: 1;
		font-weight: bold;
		margin-left: 20rem;
		text-align: center;
		margin-bottom: 15rem;
	}
	.main5_title h3{
		font-size: 36rem;
		color: #333;
		line-height: 1;
		font-weight: normal;
		text-align: center;
	}
	.main5_11{
		display: block;
		width: 100%;
		height: 938rem;
		position: relative;
		margin: 82rem auto 0;
	}
	.main5_11 .hd{
		
	}
	.main5_11 .hd a{
		display: block;
		width: 41rem;
		height: 48rem;
		position: absolute;
		top: auto;
		bottom: 136rem;
		z-index: 9;
		cursor: pointer;
	}
	.main5_11 .hd a.prev{
		left: 0;
		background: url(../images/mzyt_23.jpg) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
	}
	.main5_11 .hd a.next{
		right: 0;
		background: url(../images/mzyt_24.jpg) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
	}
	.main5_11 .bd{
		width:calc(100% + 10rem);
		height: 938rem;
		overflow: hidden;
		margin-left: -5rem;
		padding: 0;
	}
	.main5_11 .bd .tempWrap{
		
	}
	.main5_11_ul{
		height: 938rem;
	}
	.main5_11_li{
		width: 710rem;
		height: 938rem;
		margin: 5rem 5rem 0 5rem;
	}
	.main5_11_li a{
		display: block;
		width: 710rem;
		height: 938rem;
		background-color: #fff;
		box-shadow: 0 0 8rem #ddd;
		box-sizing: border-box;
		padding: 76rem 46rem 0;
		position: relative;
	}
	.main5_11_li *{
		transition: all 0.3s;
	}
	.main5_11_li img{
		display: block;
		width: auto;
		height: 92rem;
	}
	.main5_11_li h3{
		font-size:45rem;
		color: #201f20;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 56rem;
		margin: 84rem 0 45rem;
		font-weight: bold;
	}
	.main5_11_li p{
		font-size: 24rem;
		color: #888888;
		line-height: 45rem;
		height: 180rem;
		overflow: hidden;
	}
	.main5_11_li a>span{
		font-size: 22rem;
		color: #888888;
		line-height: 90rem;
		position: absolute;
		left: 46rem;
		top: 574rem;
		display: block;
		width: 235rem;
		height: 90rem;
		border: 1px solid #dcdcdc;
		padding-left: 52rem;
		background: url(../images/mzyt_9.png) #fff no-repeat;
		background-position: right 30rem center;
		background-size: 20rem 20rem;
		z-index: 9;
	}
	.main5_11_li i{
		display: block;
		width: 100%;
		height: 230rem;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 8;
		background-color: #bbff59;
	}
	.main5_11_li i img{
		display: block;
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 8;
		opacity: 0;
	}
	
	.main5_11_li:hover h3{
		color: #5e8746;
	}
	.main5_11_li:hover p{
		color: #5e8746;
	}
	.main5_11_li:hover span{
		color: #fff;
		border: 1px solid #000;
		background: url(../images/mzyt_10.png) #000 no-repeat;
		background-position: right 52rem center;
		background-size: 13rem 15rem;
	}
	.main5_11_li:hover i{
		height: 322rem;
	}
	.main5_11_li:hover i span{
		opacity: 0.7;
	}
	.main5_11_li:hover i img{
		opacity: 1;
	}
	.main5_1>a{
		display: block;
		width: 260rem;
		height: 70rem;
		box-sizing: border-box;
		border-radius: 35rem;
		background: url(../images/mzyt_3.png) #77ab2e no-repeat;
		background-size: 15rem 15rem;
		background-position: 66rem center;
		font-size: 24rem;
		color: #fff;
		padding-left: 93rem;
		line-height: 70rem;
		transition: all 0.3s;
		margin: 50rem auto 0;
	}
	.main5_1>a:hover{
		border-radius: 0;
		transition: all 0.3s;
	}
	
	.main6{
		width: 100%;
		height: auto;
		background: url(../images/mzyt_6.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.main6_1{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 86rem 20rem 110rem;
	}
	.main6_left{
		width: 710rem;
		height: auto;
		float: none;
		margin: 0 auto 0;
	}
	.main6_left h3{
		font-size: 32rem;
		color: #333333;
		line-height: 56rem;
		font-weight: bold;
		text-align: center;
	}
	.main6_left p{
		font-size: 26rem;
		color: #666666;
		line-height:36rem;
		margin-top: 42rem;
		text-align: center;
	}
	.main6_right{
		float: none;
		width: 710rem;
		height: 270rem;
		display: flex;
		align-items: center;
		margin-top: 85rem;
	}
	.main6_right1{
		margin: 0 auto;
		width: auto;
	}
	.main6_right1 h2{
    	font-size: 30rem;
    	color: #333333;
    	line-height: 42rem;
    	font-weight: bold;
    	text-align: center;
    }
	.main6_right1 h3{
		font-size: 26rem;
		color: #333333;
		line-height: 70rem;
		font-weight: normal;
	}
	.main6_right1 p{
		font-size: 26rem;
		color: #333333;
		line-height: 70rem;
	}
	.main6_right1 img{
        width:260rem;
        height: 260rem;
        display: block;
        margin: 0 auto;
    }
	.link{
		width: 100%;
		height: auto;
		background-color: #000000;
		display: none;
	}
	.link1{
		width: 1550rem;
		height: auto;
		min-height: 244rem;
		box-sizing: border-box;
		padding: 122rem 0 24rem;
		position: relative;
		margin: 0 auto;
		border-bottom: 1px solid #858585;
	}
	.link1 h3{
		position: absolute;
		top: -22rem;
		left: 0;
		width: 220rem;
		height: 80rem;
		box-sizing: border-box;
		padding-left: 80rem;
		background: url(../images/mzyt_12.png) #77ab2e no-repeat;
		background-position: 42rem center;
		background-size: 24rem 24rem;
		font-size: 24rem;
		color: #fff;
		line-height: 80rem;
	}
	.link1 ul{
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.link1 ul li{
		margin-bottom: 20rem;
		width: 282rem;
	}
	.link1 ul li a{
		display: block;
		width: 282rem;
		height: 77rem;
	}
	.link1 ul li a img{
		display: block;
		width: 282rem;
		height: 77rem;
	}
	
	
	.footer{height: 286rem;width: 100%;position: relative;background-color: #000;}
	.footer1{height: 286rem;margin: 0 auto;width: 100%;display: flex;justify-content: space-between;padding: 0;align-items: center;}
	.footer1_left{width: 246rem;display: none;}
	.footer1_left img{width: 100%;height: auto;}
	.footer1_mid{width: 100%;height: auto;}
	.footer1_mid p{font-size: 24rem;color: #fff;line-height: 48rem;text-align: center;}
	.footer1_mid p span{font-size: 24rem;color: #fff;margin: 0 0 0;}
	.footer1_mid p a{font-size: 24rem;color: #fff;}
	.footer1_mid1{
		display: none;
	}
	.footer1_mid3{
		display: none;
	}
	.backtop{
		width:82rem;
		height: 82rem;
		background-color: #77ab2e;
		border-radius: 8rem;
		position: fixed;
		right: 20rem;
		bottom: 180rem;
		z-index: 99;
		display: none!important;
	}
	.backtop a{
		display: block;
		width:82rem;
		height: 82rem;
		box-sizing: border-box;
		padding-top: 22rem;
	}
	.backtop img{
		display: block;
		width: 16rem;
		height: 19rem;
		margin: 0 auto 8rem;
	}
	.backtop span{
		display: block;
		line-height: 1;
		font-size: 14rem;
		color: #fff;
		text-align: center;
	}
	
	
	
	/* .banner_er{display: none;}
	.banner_er_m{display: block;position: relative;}
	.banner_er_m img{display: block;width: 100%;height: auto;} */
	
	.banner_er{
		width: 100%;
		height: 314rem;
		background: url(../images/mzyt_25.gif) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.banner_er1{
		width: 710rem;
		height: 310rem;
		margin: 0 auto;
	}
	.banner_er_left{
		float: left;
		width: 100%;
	}
	.banner_er_left h4{
		font-size: 60rem;
		color: rgba(255, 255, 255, 0.1);
		line-height: 1;
		margin: 74rem 0 0;
		font-weight:bold;
	}
	.banner_er_left h3{
		font-size: 48rem;
		color: rgba(255, 255, 255, 1);
		line-height: 1;
		margin: 100rem 0 0;
		font-weight:bold;
	}
	
	
	/*二级页*/
	.main_er {
	    width: 100%;
	    height: auto;
	    padding: 0 0 0;
	    margin: 0 auto;
	}
	.main_er1{
		width: 100%;
		height: auto;
		padding: 0 0 80rem;
		margin: 0 auto;
	}
	.base_title{
		display: none;
	}
	.base_title1 h3{display: none;}
	.nav_er_m{display:block;width: 100%;height: 90rem;padding: 0 25rem;margin-top: 0px;position: relative;background:#78b52e;}
	.nav_er_m>a{width: 18rem;height: 32rem;display: block;background: url(../images/rwxy_47.png) no-repeat;background-position: center center;background-size: 100% 100%;position: absolute;top: 30rem;left: 25rem;}
	.nav_er_m h3{font-size: 34rem;font-weight: bold;line-height: 90rem;color: #ffffff;text-align: center;}
	.nav_er_m span.nav_er_m_but{width: 42rem;height: 42rem;display: block;background: url(../images/rwxy_48.png) no-repeat;background-position: center center;background-size: 100% 100%;position: absolute;top: 24rem;right: 25rem;}
	.nav_er_m_ul{position: absolute;top: 90rem;left: 0;background-color: rgba(120,181,46,0.7);width: 100%;z-index: 999;}
	.nav_er_m_li{width: 100%;height: 80rem;line-height: 80rem;border-bottom: 1px solid #ffffff;color: #ffffff;}
	.nav_er_m_li a{color: #ffffff;display: block;width: 100%;height: 80rem;font-size: 28rem;text-align: center;}
	.nav_er_m_li a:hover{color: rgba(120,181,46);background-color: #ffffff;}
	.nav_er_m_li a:active{color: rgba(120,181,46);}
	.nav_er{position: initial;width: 100%;height: 80rem;background: none;padding: 0 25rem;}
	.nav_er1{width: 100%;padding: 0;height: 80rem;border-bottom: 2rem solid #78b52e;}
	.nav_er .nav_er_ul{display: none;}
	.base_bdcnav{width: auto;height: auto;margin: 0 auto;float: none;padding: 0;}
	.base_bdcnav_location{font-size: 24rem;color: #333;line-height: 80rem;float: none;margin-left: 0px;background: none;padding-left: 0;}
	.base_bdcnav_location a{font-size: 24rem;color: #333;margin: 0 2px;}
	.base_bdcnav_location a:hover{font-size: 24rem;color: #78b52e;}
	.base_bdcnav_location_a_last-child{font-size: 24rem;color: #78b52e!important;}

	.main_er_title{display: none;}
	.page{font-size: 26rem;margin-top: 0rem;}
	.page *{font-size: 26rem;}
	
	.base_title_m{
		display: block;
	}
	.base_title_m ul{
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		padding: 14rem 0;
		display: flex;
		flex-wrap: wrap;
	}
	.base_title_m ul li{
		margin: 0 20rem;
		display: block;
		line-height: 54rem;
	}
	.base_title_m ul li a{
		font-size: 26rem;
		color: #333333;
		display: block;
	}
	.base_title_m ul li.on a{
		color: #78b52e;
	}
}