/* public css */
.pic-box{
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.pic-box img{
	width: 100%;
	height:auto;
}

.box-width{
	width: 1600rem;
	margin:0 auto
}

.left,.right{
	width: 50%;
}

.contain-wrapper{
	width:100%;
	overflow: hidden;
	position: relative;
	z-index: 20;
	background: #fff;
}
.contain-box{
	width:100%;
	padding: 50rem 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
}
.main-box{
	width: 1600rem;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}
.contain-title{
	width:100%;
	text-align: center;
	position: relative;
	z-index: 20;
}
.contain-title .en{
	font-size: 55rem;
	font-weight: bold;
	color: transparent;
	-webkit-background-clip: text;
	background-image: linear-gradient(48deg,#74cd59,#65b54e);
	opacity: 1;
	word-break: break-word;
	width: max-content;
	margin: 0 auto;
}
.contain-title .tit{
	font-size:40rem;
	font-weight: bold;
	position: relative;
	width: max-content;
	margin: 0 auto;
}
.contain-title .tit:before{
	position: absolute;
	display:block;
	width:100rem;
	height:2rem;
	top:0;
	bottom:0;
	margin:auto;
	left: -130rem;
	content:'';
	background:#000;
}
.contain-title .tit:after{
	position: absolute;
	display:block;
	width:100rem;
	height:2rem;
	top:0;
	bottom:0;
	margin:auto;
	right: -130rem;
	content:'';
	background:#000;
}
.m-top-menu,.m-head,.m-footbut{
    display: none;
}
/* public css end */
header{
	width:100%;
	background: transparent;
}
.header:hover{
	background:#fff;
	color:#000;
	border-bottom: none;
}
.header{
	position: fixed;
	z-index: 10;
	top: 0;
	color: #fff;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	width:100%;
	transition:background 0.5s ease;
	border-bottom: 1rem #ffffff26 solid;
	height: 100rem;
}
.header:hover{
}
.headnav{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 50%;
}
.headnav a{
	width:100%;
}
.headnav>li{
	line-height:60rem;
	width: 16.66%;
	font-size: 20rem;
	position:relative;
}
.header:hover li:before{
	border-bottom:1rem #000 solid;
	border-left:1rem #000 solid;
}
.headnav>li:nth-child(1):before{
	right:20rem;
}
.headnav>li:before{
	width:5rem;
	background:#fff0;
	content:"";
	position:absolute;
	top:0rem;
	right:5rem;
	bottom:0;
	height:5rem;
	margin:auto;
	transition:0.5s ease;
	transform:scaleX(0);
	border-bottom:1rem #fff solid;
	border-left:1rem #fff solid;
	transform:rotateZ(-45deg);
}
.headnav li:hover:before,
.headnav li.active:before
{
	transform:rotateZ(-405deg);
}
.headnav .subnav{
	position: absolute;
	top: 60rem;
	background: #fff;
	padding-top: 20rem;
	color: #333;
	width:150%;
	display:none;
	animation:opashow 0.5s ease forwards;
}
@keyframes opashow{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
.headnav li:hover>.subnav{
	display:block;
}
.headnav .subnav li{
	font-size:15rem;
}
.headnav .subnav li:hover{
	background:#74cd59;
	color:#fff;
}
.headtool{
	display:flex;
	justify-content: center;
	width: 24%;
	align-items:center;
	height: 100%;
	transition: 0.5s ease;
}
.headtool .tphone{
	font-size: 32rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25rem;
	padding-right: 10rem;
	font-weight: bold;
	border-right: 1rem #fff solid;
}
.header:hover .headtool{
	background:linear-gradient(45deg, #fe0000, #c00000);
	color:#fff;
	background: #68c14e;
}

.headtool .tphone img{
	width: 50rem;
}
.headtool .langchan{
	width:40rem;
}
.headtool .langchan .pic-box{
	width:100%;
	transition:none;
}
.toplogo{
	width: 21%;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 5rem 0;
}
.toplogo p{
	font-size: 32rem;
	text-align: center;
	font-weight: bold;
}
.toplogo .pic-box{
	margin: 0 40rem;
	padding-left: 30rem;
	height: 100%;
}
.toplogo .pic-box img{
	height:100%;
	width:auto;
}
/* banner */
.banner{
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
}
.banner .videobox{
	width: 100%;
	height: auto;
}
.banner .videobox:before{
	background: linear-gradient(180deg,#00000024 5%,transparent 50%),radial-gradient(transparent 20%,#00000033 90%);
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}
.banner .videobox video{
	display:block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
/* probox css */
.probox{
	/* background-image: url(http://www.mohaogg.com/themes/pc/public/static2/picture/img8.jpg); */
	position: relative;
}
.probox .main-box{
	position: unset;
}
.probox:before{
	background: radial-gradient(#ffffff 20%, transparent);
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background: linear-gradient(20deg,#3eb11b00 5%, #ffffff9c 40%);
}
.proshow{
	margin-top: 30rem;
}
.proscreen{
	width: 100%;
	overflow: hidden;
	position:relative;
	z-index:20;
}
.proscreen .showbox{
	display: flex;
	justify-content: space-around;
}
.proscreen.progroup2{
	margin: 70rem 0 0rem 100rem;
}
.proscreen.progroup2 .showbox{
	flex-direction: row-reverse;
}
.proscreen .showbox .pic-box{
	width: 50%;
	height: 450rem;
}
.proscreen .showbox .textbox{
	width: 28%;
	padding-top: 100rem;
}
.proscreen.progroup2 .showbox .textbox{
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}
.proscreen .showbox .textbox .tit{
	font-size: 30rem;
	display: flex;
	font-weight: bold;
}
.proscreen .showbox .textbox .tit span{
	font-size: 50rem;
	line-height: 50rem;
}
.proscreen .showbox .textbox .intro{
	font-size: 20rem;
	margin-top:10rem;
	width: 100%;
}
.proscreen .showbox .line{
	width: 150rem;
	background-color: #74cd59ba;
	height: 3rem;
	margin-top: 25rem;
}
.proscreen .showbox .more{
	background: #3eb11b;
	color: #fff;
	margin-top: 60rem;
	width:max-content;
	font-size: 14rem;
	display: flex;
}
.proscreen .showbox .more span{
	height:40rem;
	display:inline-block;
	line-height:40rem;
	font-weight: bold;
}
.proscreen .showbox .more span:nth-child(1){
	width:120rem;
	text-align:center;
}
.proscreen .showbox .more span:nth-last-child(1){
	background: #f6cd27;
	width:30rem;
	text-align:center;
	font-size: 25rem;
}
.probox .bgbox{
	position: absolute;
	/* background: #000; */
	top: 560rem;
	left: 0;
	z-index: 26;
	height: 300rem;
	width: 100%;
	transform: rotate(359deg);
}
.probox .line1{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.probox .line1 .l1{
	background: linear-gradient(45deg, #51a937, #3eb11b,#3d9324, #3eb11b);
	border-top: 6rem #fff solid;
	border-bottom: 5rem #fff solid;
	height: 35rem;
	transform: rotate(350deg);
	position: absolute;
	top: 130rem;
	left: -70rem;
	width: 1250rem;
	border-top-right-radius: 30rem;
}
.probox .line1 .l2{
	position: absolute;
	top: 69rem;
	left: 1142rem;
	height: 35rem;
	width: 50%;
	background: linear-gradient(45deg, #3eb11b, #3f7d2d);
	border-top: 5rem #fff solid;
	transform: rotate(5deg);
	border-bottom: 5rem #fff solid;
	border-top-left-radius: 5%;
}
.probox .line1 .l2:before{
	background:#eee;
	position:absolute;
	width:100%;
	top: 28rem;
	left: 92rem;
	content:'';
	display:block;
	height: 10rem;
	transform: skewX(289deg);
	border: 5rem solid #fff;
}
.probox .line2{
	position: absolute;
	width: 100%;
	height: 100%;
	animation: 2;
	top: 28rem;
}
.probox .line2 .l1{
	background: linear-gradient(to right,#f3efef 10%,#c9c9c9 , #b9b1b1 90%, #74cd59 95%);
	border-top: 6rem #fff solid;
	border-bottom: 6rem #fff solid;
	height: 35rem;
	transform: rotate(350deg);
	position: absolute;
	top: 125rem;
	left: -136rem;
	width: 1480rem;
}
.probox .line2 .l2{
	position: absolute;
	top: 40rem;
	left: 1328rem;
	height: 35rem;
	width: 50%;
	background: #74cd59;
	border-top: 5rem #fff solid;
	transform: rotate(5deg);
	border-bottom: 6rem #fff solid;
}
/* addbox css*/
.addbox{
	background:#f7f7f7;
}
.addshow{
	width:100%;
	display: flex;
	justify-content: center;
	color:#fff;
	margin-top: 50rem;
	flex-wrap: wrap;
}
.addshow>div{
	width: 23%;
	border-radius: 20rem;
	margin: 1%;
	height:auto;
}
.addshow>div .showbox{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: 0 30rem;
	position:relative;
	transition:0.5s ease;
	height:100%;
	overflow:hidden;
}
.addshow .showbox:hover{
	transform:translateY(-20rem);
}
.addshow .showbox>div{
	position:relative;
	z-index:20;
}
.addshow .showbox .bgbox{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
.addshow .showbox .bgbox .pic-box{
	width: auto;
	height: 100%;
	position:relative;
	z-index:1;
}
.addshow .showbox .bgbox .pic-box img{
	height:100%;
	width:auto;
}
.addshow .showbox .bgbox .colorbg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: linear-gradient(210deg,#0000001f,#74cd59ba);
	transition: 0.5s ease;
	background: #00000061;
}
.addshow .showbox:hover .bgbox .colorbg{
	background: linear-gradient(45deg, #74cd59,#00000070);
}
.addshow .showbox:nth-child(even){
	flex-direction:row-reverse
}
.addshow .showbox .iconimg{
	width: 80rem;
	margin-bottom: 10rem;
}
.addshow .showbox .iconimg img{
	width: 100%;
	height: auto;
}
.addshow .showbox>.pic-box{
	width: 50%;
	margin-top: 100rem;
	display: none;
}
.addshow .showbox:nth-child(2)>.pic-box{
	width:30%;
	margin-top: 60rem;
	margin-left: 50rem;
}
.addshow .showbox .textbox{
	padding: 100rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.addshow .showbox .textbox .tit{
	font-size:30rem;
	margin-bottom:20rem;
	font-weight: bold;
}
.addshow .showbox .textbox .intro{
	font-size: 16rem;
	line-height: 30rem;
}
.adcontact{
	position: absolute;
	left:0;
	right: 0;
	text-align: center;
	font-size: 20rem;
	color: #fff;
	bottom: -50rem;
	width: 100%;
	transition:0.5s ease;
}
.addshow .showbox:hover .adcontact{
	bottom:30rem;
}
.adcontact b{
	font-size: 30rem;
	margin-left:10rem;
	color: #f6cd27;
	text-shadow: 1rem 1rem 0rem #fff;
}
/* abusbox css */
.abusbox{
	padding-top: 80rem;
	overflow:unset;
	margin-top: 0rem;
}
.abusbox .en{
	/* color:#fff; */
}
.abusbox .tit{
	/* color:#fff; */
}
.abusbox .tit:before,
.abusbox .tit:after{
}
.abusbox .bgbox{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.abusbox .bgbox:before{
	position:absolute;
	/* background: linear-gradient(61deg,#347307f0 10%,#61a62f9e 60%,#61a62f1f 80%); */
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	/* background: linear-gradient(45deg, #ffffff96, #ffffff00),linear-gradient(45deg, #ffffff8f 10%, transparent 40%); */
}
.abusbox .bgbox img{
	width:100%;
	position: relative;
	left: 0;
}
.abshow{
	width: 100%;
	justify-content: space-between;
	color: #000;
	flex-wrap: wrap;
	z-index: 10;
	display: flex;
	margin-top: 40rem;
	position: relative;
}
.abshow .textbox{
	width: 45%;
	font-size: 18rem;
	line-height: 35rem;
	text-indent: 36rem;
	box-shadow: -5rem 0rem 0rem #74cd59;
	padding: 15rem;
	border-radius: 10rem;
	color: #000;
	background: #fff;
}
.abshow .btubox{
	display: flex;
	justify-content: center;
	width:45%;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	z-index: 10;
}
.abshow .btubox .showbox{
	width: 30%;
	color: #fff;
	margin: 10rem 2%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(45deg, #74cd59, #389b19);
	flex-direction: column;
	padding: 5rem;
	transition:background 0.5s ease;
	box-shadow: 0 0 15rem #00000073;
	border-radius: 5rem;
}
.abshow .btubox .showbox:hover{
	background: #e1ba16;
	color:#fff;
}
.abshow .btubox .showbox:hover .pic-box{
}
.abshow .btubox .showbox:hover img{
	transform:rotateY(180deg);
}
.abshow .btubox .showbox .pic-box{
	width: 80rem;
	height: 80rem;
	margin-bottom: 10rem;
	transition: 0.5s ease;
}
.abshow .btubox .showbox p{
	font-size:16rem;
}
.bottom{
	width: 100%;
	margin-top: 100rem;
}
.groundshow{
	width: 100%;
	overflow: hidden;
	font-size: 20rem;
	color: #fff0;
	text-align: center;
}
.groundshow .swiper-slide{
	padding:0 10rem;
}
.groundshow .pic-box{
	height: 160rem;
	width: auto;
	margin-bottom: 5rem;
	box-shadow: 0 0 15rem #00000075;
	border: 4rem #fff solid;
	border-radius: 7rem;
}
.groundshow .pic-box img{
	width: auto;
	height: 100%;
	min-width: 100%;
}
/* serball css */
.serball{
	background-image: url(../images/serbg.png);
}
.serbshow{
	display: flex;
	justify-content: space-between;
	height: 900rem;
	align-items: flex-end;
	flex-direction: row;
}
.serbshow .left{
	position: relative;
	height: 85%;
	margin-bottom: 5%;
	width: 37%;
	display: flex;
	flex-direction: column;
	box-shadow: -5rem 5rem 30rem #00000073;
	padding: 40rem;
	justify-content: flex-start;
	padding-top: 10%;
}
.serbshow .left .intro{
	font-size: 20rem;
	line-height: 40rem;
	margin-top: 30rem;
	text-align: center;
}
.serbshow .left .contactus{
	position: absolute;
	width: 100%;
	right: -40%;
	background: #74cd59;
	color: #fff;
	height: 120rem;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.serbshow .left .contactus .tit{
	font-size: 20rem;
}
.serbshow .left .contactus span{
	font-size: 32rem;
	display: block;
}
.serbshow .left .contactus .phone{
	padding:20rem 0rem 20rem 20rem;
}
.serbshow .left .contactus .pic-box{
	width: auto;
	height: 100%;
	padding: 35rem;
	background: #f6cd27;
}
.serbshow .left .contactus .pic-box img{
	height: 100%;
	width: auto;
}
.serbshow .right{
	background-image: linear-gradient(45deg, #74cd59,#5ba346);
	display: flex;
	justify-content: center;
	margin-bottom: 5%;
	height: 120rem;
	width: 35%;
	background-size: 33.33%;
	background-repeat: repeat;
}
.serbshow .right .showbox{
	width: 33.33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:15rem;
	font-size:16rem;
	color:#fff;
}
.serbshow .right .showbox .top b{
	font-size:50rem
}
.serbshow .right .showbox .top span{
	font-size: 14rem;
}
.serbshow .right .showbox .bot{
	font-size: 18rem;
}
/* honor show */
.honorbox{
	position:relative;
	background-image: url(../images/honorbg.jpg);
	background-size: 150% auto;
	background-position: 83% 50%;
	margin: 80rem 0;
	padding: 100rem 0;
}
.honorbox:before{
	background: #ffffff;
	position:absolute;
	width: 1300rem;
	height:100%;
	transform: skew(341deg);
	top:0;
	left: 100rem;
	right:0;
	margin:auto;
	content:'';
	z-index:20
}
.honorbox:after{
	background: linear-gradient(94deg, #5da24d3d 40%, #3da31eb8);
	position:absolute;
	width:150%;
	height:100%;
	transform:skew(-20deg);
	top:0;
	left:-25%;
	right:0;
	margin:auto;
	content:'';
}
.honorshow{
	overflow-x: hidden;
	margin: 0 auto;
	margin-top: 30rem;
	padding: 65rem 0;
	--swiper-navigation-color: #47c91f;
--swiper-navigation-size: 40rem;
	width: 100%;
	position:relative;
}
.honorshow .swiper-slide{
	padding:0 20rem;
}
.honorshow .swiper-wrapper{
	overflow: unset;
}
.honorshow .swiper-slide-active .pic-box{
	/* transition: 0.3s 0.6s linear; */
	/* top:-50rem; */
	/* transform: scale(1.2); */
}
.honorshow .showbox{
	/* background:#fff; */
}
.honorshow .pic-box{
	height: 380rem;
	margin-bottom: 10rem;
	position:relative;
	top:0;
}
.honorshow .pic-box img{
	height: auto;
	width: 100%;
	transition:0.3s linear;
}
.honorshow .pic-box:hover img{
	transform:scale(1.2);
}
.honorshow .showbox p{
	font-size: 24rem;
	text-align: center;
}
.honorbox .paginbox{
	width:300rem;
	margin: auto;
	display: flex;
	justify-content: center;
}
.honorbox .paginbox a{
	display: inline-block;
	width: 100rem;
	height: 40rem;
	line-height: 40rem;
	font-size: 16rem;
	box-shadow: 0 0 3rem #676767bf;
	margin: 0 20rem;
	text-align: center;
	border-radius: 5rem;
}
.honorbox .paginbox a:hover{
	background:#f1b500;
	color:#fff;
}
.honorbox .swiper-button-next,
.honorbox .swiper-button-prev{
	background: #00000030;
	    height: 50rem;
	    width: 50rem;
}
/* honor end */
/* exhib css */
.exhibbox .main-box{
	width: 100%;
}
.exhibshow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40rem;
}
.exhibshow .showbox{
	position: relative;
	width: 33.3333%;
	transition:0.5s ease
}
.exhibshow .showbox .pic-box{
	width: 100%;
	height: 400rem;
	transition:0.5s ease
}
.exhibshow .showbox .pic-box img{
	min-height:100%;
}
.exhibshow .showbox:hover .pic-box img{
	transform:scale(1.2)
}
.exhibshow .showbox .textbox{
	position: absolute;
	top:0;
	left:0;
	background: #00000021;
	padding: 10%;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	transition: 0.5s ease;
	flex-direction: column;
}
.exhibshow .showbox:hover .textbox{
	opacity:0;
}
.exhibshow .showbox .textbox .tit{
	font-size: 28rem;
	font-weight: bold;
	margin-bottom:15rem;
	padding-bottom: 10rem;
	border-bottom:3rem #fff solid;
}
.exhibshow .showbox .textbox .intro{
	font-size: 18rem;
	line-height: 30rem;
}
/* news css */
.newsbox.contain-box{
}

.newsbox.contain-box:before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.newsbox.contain-box:after{
	position:absolute;
	/* content:''; */
	background: #ffffffa3;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.newsbox .contain-title{
	/* color:#fff; */
	position:relative;
	z-index:20;
}
.newshow{
	display: flex;
	justify-content: space-between;
	margin-top: 40rem;
	flex-wrap: wrap;
	position:relative;
	z-index:20;
}
.newshow .left{
	width:52%
}
.newshow .left .showbox{
	width: 100%;
	position: relative;
	display: block;
}
.newshow .left .showbox img{
	transition:0.3s linear;
}
.newshow .left .showbox:hover img{
	transform:scale(1.1);
}
.newshow .left .showbox .pic-box{
	width: 100%;
	height: 450rem;
}
.newshow .left .showbox .textbox{
	width: 100%;
	padding: 15rem;
	min-height: 150rem;
	border: 1rem #ccc solid;
}
.newshow .left .showbox .textbox .tit{
	font-size: 24rem;
	font-weight: 600;
}
.newshow .left .showbox .textbox .intro{
	font-size: 18rem;
	opacity: 0.7;
	margin-top: 10rem;
	letter-spacing: 1rem;
	line-height: 30rem;
}
.newshow .left .showbox .date{
	background: #74cd59;
	width: 100rem;
	height: 100rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: -25rem;
	left: 30rem;
}
.newshow .left .showbox .date b{
	font-size: 45rem;
}
.newshow .left .showbox .date span{
	opacity: 0.8;
	font-size:16rem;
}
.newshow .right{
	display: flex;
	flex-direction: column;
	width: 45%;
	justify-content: space-between;
}
.newshow .right .showbox{
	width: 100%;
	height: 30%;
	padding: 10rem 15rem;
	display: block;
	position:relative;
	border: 1rem #ccc solid;
}
.newshow .right .showbox:before{
	content:'';
	position:absolute;
	top: 0;
	left:0;
	width:0;
	height: 100%;
	transition:0.3s;
	background: #74cd59;
}
.newshow .right .showbox .textbox{
	position:relative;
	z-index:10;
	transition:none;
}
.newshow .right .showbox .date{
	position:relative;
	z-index:10;
	transition:none;
}
.newshow .right .showbox:hover .textbox,
.newshow .right .showbox:hover .date{
	color:#fff;
}
.newshow .right .showbox:hover:before{
	width:100%;
}
.newshow .right .showbox .tit{
	font-size: 24rem;
	font-weight: bold;
	margin-bottom: 5rem;
}
.newshow .right .showbox .intro{
	font-size: 18rem;
	line-height: 30rem;
	opacity: 0.9;
	letter-spacing: 1rem;
}
.newshow .right .showbox .date{
	margin-top: 3%;
	font-size: 16rem;
}
.newpagin{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 30rem;
	text-align: center;
}
.newpagin a{
	display: block;
	width: 10%;
	margin: 0 10rem;
	border: 1px #c4c4c46b solid;
	font-size: 18rem;
	line-height: 38rem;
	transition: 0.5s ease;
}
.newpagin a:hover{
	background: #74cd59;
	color:#fff;
	transition:0.3s linear;
}
/* footer css */
footer{
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 30;
}
.contactbox{
	background-image: url(../images/footbg.jpg);
	color:#fff;
	height: 850rem;
	background-attachment: fixed;
}
.contactbox:before{
	background: radial-gradient(#00000047 60%, #49a92e7a);
	width:100%;
	height:100%;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.contactbox .contain-title{
	color:#fff;
}
.contactbox .contain-title .en{
	color:#fff;
}
.contactbox .contain-title .tit::before,
.contactbox .contain-title .tit::after{
	background: #fff;
}
.contactshow{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contactshow .textbox{
	font-size: 25rem;
	color: #fff;
	margin-top: 30rem;
}
.contactshow .textbox p{
	margin-bottom:15rem
}
.contactshow .textbox p img{
	height:30rem;
	margin-right:5rem;
}
.contactshow .textbox span{
	font-weight: bold;
}
.contactshow .ewmbox{
	display: flex;
	margin-top:100rem;
	justify-content: flex-start;
}
.contactshow .ewmbox .showbox{
	width: 120rem;
	margin-right: 40rem;
}
.contactshow .ewmbox .pic-box{
	width: 120rem;
	margin: 0 auto;
	height: auto;
}
.contactshow .ewmbox p{
	font-size:18rem;
	width: 100%;
	text-align: center;
	margin-top: 10rem;
}
.contactshow .mapshow{
	width: 50%;
	margin-top: 230rem;
	position: relative;
}
.contactshow .mapshow>b{
	font-size:70rem;
	color: #ffffff96;
	font-weight: bold;
	margin-bottom: 50rem;
	display: block;
	padding-left: 50rem;
}
.contactshow .mapshow .mapbox{
	width: 100%;
	height: 450rem;
	position: absolute;
	top: 120rem;
}
.footer{
	width: 100%;
	color:#fff;
	background: linear-gradient(52deg, #62b549, #4eb52f);
	padding: 100rem 0 80rem 0;
}
.fnav{
	width: 50%;
	padding: 20rem;
	font-size: 20rem;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.fnav>li{
	width: 25%;
}
.fnav li a{
	width: 100%;
	height: auto;
}
.fnav li .subnav{
	width: 100%;
	margin-top: 10rem;
}
.fnav li .subnav>li{
	font-size: 16rem;
	opacity: 0.7;
	line-height: 35rem;
}
.fbottom{
	width: 100%;
	text-align: center;
	padding:20rem 0;
	border-top: 1rem #fff solid;
	background: #559941;
	color: #fff;
}
.fbottom span{
	display:inline-block;
	margin:0 10rem
}
.fbottom a{
	display:inline-block
}