/* CSS Document */
*{ padding:0; margin:0;}
body{ background:#fff;font-size:16px; min-width: 1280px; position: relative; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue"}
a{color:#333;text-decoration:none}
#headr{
	position: fixed; height: auto; width: 100%; background: rgba(255,255,255,0.6); top: 0; z-index: 999;
}
#menu{
	top:0; color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-wrap:wrap; 
  -webkit-flex-wrap:wrap; 
  -ms-flex-wrap:wrap;
  flex-wrap: wrap;
} 
#headr:hover{
	background: rgba(255,255,255,1);
}
.header2{
  background: rgba(255,255,255,1)!important;
}
#logo{
	width: 189px; height: 36px; margin-top: 32px
}

.swiper{
width: 100%;
height: 720px;
--swiper-theme-color: #e5d8b8; 
--swiper-theme-opacity: 0.3;
--swiper-pagination-width:25px;
--swiper-pagination-color: #fff;
 
}
.shows{
	height: 356px; display: none;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper-pagination-bullet{
	background: #fff!important; width: 50px !important;  height: 4px !important;  opacity: 1!important; border-radius: 0!important
}
.swiper-pagination-bullet-active{
	background: #5e9d79!important; border-radius: 0!important;
}

.banner{
	position: relative;
	width: 100%;
	overflow: hidden;
  text-align: center;
  height: 600px;
  z-index: -1;
}
.bannerImg{
	position: relative;
	width: 100%;
	min-width: 1920px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.sbanner{
	height: 356px; position: fixed!important; z-index: 200; top: 0; 
}
.sbanner .swiper{
	height: 356px!important
}
.content{
	width: 1280px; left: 50%; margin-left: -640px; position: relative;  
}
.value{
	border:solid 1px #e9e9e9; border-radius: 25px; background: #fff; top: 266px; margin-bottom: 266px; box-sizing:border-box; border-bottom: 0; overflow: hidden; border-bottom-right-radius:0; border-bottom-left-radius:0;
}


.header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:999;background-color:#fff;opacity:.64;transition:.5s; }
.header.fixed{opacity:1}
.header.hide{top:-90px;display: block!important;}

.logo{float:left;margin-right:60px;margin-left:40px;line-height:90px;font-size:0}
.logo img{display:inline-block;vertical-align:middle}
ul {
    list-style: none;
}
.m-nav{transition:.3s;position:relative;z-index:2; margin-top: 20px; margin-left: 40px}
.m-nav,.m-nav li{float:left}
.m-nav .v1{display:block;font-size: 16px;color:#1b1b1b;line-height:80px;position:relative;margin:0 34px; font-weight: bolder;}
.m-nav .v1::after{display:block;content:"";height:4px;width:100%;position:absolute;bottom:19px;left:0;background:#5f9d79;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;transform-origin:50% 0;transform:scale(.01,1)}
.nowMenu .v1::after, .m-nav .on .v1::after,.m-nav .v1:hover::after{opacity:1;transform:scale(1,1)}
.m-nav li{position:relative}
.m-nav .sub{position:absolute;display:none;top:100%; left:1em;white-space:nowrap;z-index:1}
.dropDown{display:none}
.m-nav .dropDown{position:absolute;width:40px;height:50px;top:0;right:0;transition:.3s}
.sub .v2{display:inline-block;vertical-align:top;font-size:14px;color:#333333;border-left:1px solid #ddd;padding:0 .94em}
.sub .v2 span{display:block;opacity:.7;color:#222;transition:.3s;border-bottom:2px solid transparent}
.sub .v2 span:hover{opacity:1;border-color:#5f9d79; }
.sub-bg{position:relative;top:100%;left:0;width:100%;height:0;background-color:#fff;visibility:hidden;transition:.4s;pointer-events:none;z-index:1}
.sub-bg.show{height:55px;visibility:visible;opacity:1}

.title{
  font-size: 26px; color: #333333; border-bottom: 6px solid #5e9d79; padding: 0 6px; line-height: 42px; margin: 40px 0 35px; font-weight: bolder; display: inline-block; position: relative;
}
.moreBtn{
  color: #666666; font-size: 16px; position: absolute; right: 0; top: 52px; cursor: pointer;
}

.tilteBorder{
  border-bottom: 3px solid #f1f1f1; margin-bottom: 35px
}
.tilteBorder .title{
  margin: 40px 0 -3px;
}
.smenu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #333333;
  font-size: 14px;
  font-weight: bolder;
}
.sline{
  margin: 0 14px; color: #999999;
}
.nowSmenu{
  color: #5e9d78; font-weight: bolder; border-bottom: 3px solid #5e9d78;padding-bottom: 12px;
}
.val{
  color: #333; font-size: 14px; font-weight:bolder; line-height: 38px;
}
.val p{
  text-indent: 2em;
}