.w-1380{
	max-width: 1380px;
	width: 98%;
	margin: auto;
	padding:0 15px;
	box-sizing: border-box;
}
.w-1000{
	max-width: 1000px;
	width: 98%;
	margin: auto;
	padding:0 15px;
	box-sizing: border-box;
}
.w-800{
	max-width: 800px;
	width: 98%;
	margin: auto;
	padding:0 15px;
	box-sizing: border-box;
}

header{
	position: fixed;
	left: 0;top: 0;
	z-index: 100;
	width: 100%;
	height: 120px;
	transition: all 0.2s;
}
header.open_header{
	height: 328px;
	/* height: 272px; */
	background-color: #fff;
}
header.fixheader{
	background-color: #fff;
}
header .container{
	max-width: 1380px;
	width: 98%;
	height: 120px;
	margin: auto;
}
header .logo img,header.open_header .logo img.logo_white,header.fixheader .logo img.logo_white{
	display: none;
	width: 200px;
	width: 160px;
}
header .logo img.logo_white,header.open_header .logo img.logo_color,header.fixheader .logo img.logo_color{
	display: block;
}
header .mainav .hasnav a{
	display: block;
	position: relative;
	height: 120px;
	line-height: 120px;
	padding: 0 2.1vw;
	color: #fff;
	letter-spacing: 3px;
	font-size: 18px;
}
header.open_header .mainav .hasnav a,header.fixheader .mainav .hasnav a{
	color: #333;
}
header .mainav .hasnav a::after{
	content: "";
	background-image: linear-gradient(90deg, #004D17, #2EAA52);
	width: 0;
	height: 3px;
	left: 50%;
	top: 75%;
	transform: translateX(-50%);
	position: absolute;
	transition: all 0.2s;
}
header.open_header .mainav .hasnav:hover a::after{
	width: 66px;
}
header .mainav .hasnav{position: relative;}
header .mainav .hasnav .sub-menu{
	position: absolute;
	width: 154px;
	left: 50%;
	top: 120px;
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: -77px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
	margin-top: 0;
}
header .mainav .hasnav .sub-menu a{
	line-height: 1.5;
	display: block;
	padding: 16px 12px;
	height: auto;
	text-align: center;
	font-size: 16px;
}
header .mainav .hasnav .sub-menu a::after{
	display: none;
}
header .mainav .hasnav .sub-menu a:hover{
	background-color: #004E17;
	color: #fff;
}
header .mainav .hasnav:hover .sub-menu{
	visibility: visible;
	margin-top: -1rem;
	padding-bottom: 20px;
	opacity: 1;
}
header .search{
	width: 50px;
	height: 50px;
	background: url(../images/icon/ico-search.png) no-repeat center center;
	background-size: 20px 20px;
	cursor: pointer;
}
header.fixheader .search{
	background: url(../images/icon/ico-search1.png) no-repeat center center;
	background-size: 20px 20px;
}
header.open_header .search,header .search:hover{
	background: url(../images/icon/ico-search2.png) no-repeat center center;
	background-size: 20px 20px;
}
header .search form{
	position: absolute;
}
.body header{position: absolute;}
/* 弹出搜索 begin */
.searchBar {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center}
.searchBar .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.6;}
.searchBar .mask-ico{width: 50px;height: 50px;background:url(../images/icon/cancel.png) no-repeat center center;}
.searchBar a {display:block;position:absolute;right:8%;top:8%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar a:hover{color:#ff9600}
.searchBar form{width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#fff;height:60px;line-height:60px;float:left;padding:0}
.searchBar button{border: 0;width:8%;height:62px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:url(../images/icon/ico-search.png) no-repeat center 50%;}
/* 弹出搜索 end */

/* banner */
.home-body .banner .pic img{
	display: block;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center bottom;
}
.home-body .banner .tit{
	position: absolute;
	left: 50%;
	top: 46%;
	transform: translate(-50%,-50%);
	z-index: 100;
	font-size: 3.333vw;
	font-size: calc(18px + 2.4vw);
	letter-spacing: 0.25em;
	color: #fff;
	white-space:nowrap;
}
.home-body .banner .tit p{
	opacity: 0;
	transition: all 1s 1s;
	transform: translateY(30%);
}
.home-body .banner .swiper-slide-active .tit p{
	opacity: 1;
	transform: translateY(0);
}
.home-body .banner .swiper-pagination-bullet{
	opacity: 0.5;
	background: transparent url(../images/icon/icon-up.png) no-repeat center center;
	background-size: 16px auto;
	border-radius: 0;
	width: 40px;
	height: 40px;
	outline: none;
	transition: all 0.1s;
}
.home-body .banner .swiper-pagination-bullet-active{
	opacity: 1;
	background-size: 26px auto;
}
.body .banner{margin-top:120px;position:relative}
.body .banner img{width:100%;vertical-align:bottom;pointer-events:none;}
.body .banner .tit{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:calc(18px + 1.52vw);
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.8);
}
.position{background:#f1f1f1;padding:16px 0;line-height:1.8}
.position a{color:#3c3c3c}
.position a:hover{color:#004E17}
.page-nav{
	background-color: #F1F5F9;
	position: sticky;
	top: 0;
	z-index: 99;
	line-height: 80px;
}
.page-nav a{
	position:relative;
	text-align: center;
	width: 12%;
	margin: 0 2%;
}
.page-nav a::after {
	content: " ";
	display: block;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 4px;
	background-image: linear-gradient(90deg, #004D17, #2EAA52);
	position: absolute;
	z-index: 10;
	transition: all 0.2s;
}
.page-nav a:hover,.page-nav a.active{color:#004E17;}
.page-nav a:hover::after,.page-nav a.active::after{width: 85px;}

/* 动态 */
.box{margin: 80px auto 0;}
.box .top h2{font-size: calc(18px + 0.938vw);}
.box .top a{
	padding:12px 48px;
	line-height: 28px;
	border-radius: 30px;
	color: #fff;
	background-color: #004E17;
	background-image: linear-gradient(90deg, #004D17, #2EAA52);
	filter: drop-shadow(0 0 12px rgba(0, 50, 20, 0.5));
}
.box .list{
	margin-top: 32px;
}
.box .list a{
	width: 33.33%;
	padding: 15px 15px 72px;
	box-sizing: border-box;
	transition: all 0.2s;
}
.box .list a:hover {
	background-color: #F1F5F9;
}
.box .list a img{
	max-width: 100%;
	vertical-align: bottom;
}
.box .list a .txt{
	padding-top: 24px;
	line-height: 1.8;
}
.box .list a .date{
	color: #004E17;
	margin-bottom: 6px;
}
.box .list a p{
	font-size: 19px;
}

/* footer */
footer,footer a{
	color: #BABABA;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer1{
	padding: 52px 0 24px;
	background-color: #3f3f3f;
	font-size: 14px;
}
.footer1 .left{
	max-width: 200px;
	max-width: 160px;
	width: 25%;
}
.footer1 img{
	width: 100%
}
.footer1 .right{
	width: 75%;
}
.footer1 .right li{
	flex: 1;
}
.footer1 .flex-a{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 16px;
	letter-spacing: 5px;
	text-decoration: none;
}
.footer1 .right ul a{
	line-height: 1.8;
	display: inline-block;
	margin-bottom: 2px;
}
.footer2{
	padding: 16px 0;
	background-color: #2A2A2A;
	font-size: 12px;
}
.toTop {
	display: none;
	position: fixed;
	right: 32px;
	bottom: 32px;
	opacity: 0.5;
	z-index: 2000;
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #eee;
	line-height: 50px;
	border-radius: 5px;
	color: #000;
}
.toTop:hover{opacity: 1;}
.toTop img{vertical-align: middle;width: 26px;}
.index-footer{
	position: fixed;
	bottom:5px;
	right: 5px;
	z-index: 10;
	background-color: transparent;
	color: #fff;
	opacity: 0.6;
	font-size: 12px;
	transition: all 0.4s;
}
.index-footer:hover{opacity: 0.8;}
.index-footer a{color: #fff;font-size: 12px;}

@media (max-width: 1200px) {
	header .mainav .hasnav{}
}