body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} 
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
/* p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; } */
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.content{ width:1380px; margin:0 auto;font-family: "Microsoft Yahei";}

.xytb{width: 100%;min-width: 1380px;position:relative;z-index:99999; }
.xytb-logo img{width: 475px; }

.xytb-nav {
	/* overflow: hidden; */
	flex: 1;
	padding-left: 1rem;
  padding-top:20px;
}
.xytb-nav .header_inner {
	display: flex;
	justify-content: flex-end
}
.nav_li {
	
	position: relative
}

.nav_li:hover {
	overflow: visible
}

.nav_li:hover .header_nac {
	color: #679e4c
}

.nav_li:hover .header_nac::after {
	width: 100%
}

.nav_li:hover .drop {
	opacity: 1
}

.nav_li.active .header_nac {
	color: #679e4c;
	position: relative
}

.nav_li.active .header_nac::after {
	width: 100%
}

.nav_li .header_nac {
	line-height: 80px;
	display: block;
	position: relative;
	font-size: 16px;
	font-family: sybold;
	letter-spacing: 1px;
	color:#333
}
.nav_li .header_nac::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background-color: #efad4f;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: 0px;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}
.xytb-nav .header_inner .nav_li {
	margin-right: 35px
}



@media (max-width:992px) {
	.nav_li .header_nac {
		line-height: 60px
	}
}

.nav_li .drop {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	top: 100%;
	white-space: nowrap;
	z-index: 55;
	padding: 20px 0;
	background: #fff;
	text-align: center;
	min-width: 160px;
	font-size: 15px;
	opacity: 0;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)
}

.nav_li .drop a {
	display: block;
	line-height: 2.4;
	padding: 0 20px;
	color: #666;
	white-space: nowrap
}

.nav_li .drop a:hover {
	color: #8b3c2f
}



/* banner */
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #073884;}


.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.6);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

.banner:hover  .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}

/* 我们的服务 */
.xyfw{width: 100%; min-width: 1380px; background: #f1f1f1; padding: 50px 0;}
.xyfw-tit{background: url(../images/tit.png) no-repeat center center; text-align: center;display: block; font-size: 30px; color: #679e4c; font-weight: bold;}
.xyfw-nr{padding-top:50px}
.xyfw-nr ul {
  height: 420px;
}
.xyfw-nr li {
  float: left;
  width: 304px;
  height: 420px;
  background-color: #fff;
/*  background-image: url('../images/../images/xyfw-nr_y.png'); */
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 34px 330px;
  padding: 0 20px;
  margin: 0 20px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  transition: all 0.5s;
}

.xyfw-nr li h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  padding: 0 0 15px;
  position: relative;
  margin-bottom: 15px;
}
.xyfw-nr li h3:after {
  position: absolute;
  width: 42px;
  height: 2px;
  content: "";
  background: #efad4f;
  left: 50%;
  margin-left: -21px;
  bottom: 0;
}

.xyfw-nr li .xyfw-nr_desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: #333;
  height: 72px;
  overflow: hidden;
  /* opacity: 0.7; */
  padding-bottom: 30px;
}
.xyfw-nr li i {
  display: block;
  width: 250px;
  height: 180px;
/*  border-radius: 100%; */
  margin: 30px auto 30px;

  overflow: hidden;
}
.xyfw-nr li i img {
  width: 250px;
  height: 180px;
}
.xyfw-nr li span{padding-top:30px;}
.xyfw-nr li:hover {
  padding: 20px 20px;
  height: 370px;
  transform: translatey(-20px);
  background:#efad4f;
}
.xyfw-nr li:hover span,.xyfw-nr li:hover h3,
.xyfw-nr li:hover .xyfw-nr_desc {
  color: #fff;
}
.xyfw-nr li:hover h3:after {
  background: #fff;
}

/* 关于我们 */
.xyabout{width: 100%; min-width: 1380px;padding: 50px 0; overflow: hidden;}
.xyabout-tit{background: url(../images/tit-about.png) no-repeat center center; text-align: center;display: block; font-size: 30px; color: #679e4c; font-weight: bold;}
.xyabout-nr{padding-top:20px; font-size: 16px; color: #333; text-align: center;line-height: 35px;}


.xyabout-ry{margin-top: 23px;position: relative;}
.xyabout-ry ul{padding: 20px 0px!important;}
.xyabout-ry .tempWrap{width: 1380px!important;}
.xyabout-ry ul li{transition: 0.35s;transition: 0.35s;float: left;width: 210px;margin-right:26px; position: relative;background: #ffffff;height:368px;border-radius: 5px;}
.xyabout-ry ul li i{width:210px; height:284px; display: block;position: relative;overflow: hidden;}
.xyabout-ry ul li i img{width:210px; height:284px; display: block;transition:all 0.5s;}
.xyabout-ry h4{display: block;height: 50px;line-height: 50px;position:relative;}
.xyabout-ry h4 b{font-size: 16px;color: #333333;display: block;font-weight:normal;text-align:center;}
.xyabout-ry li:hover h4 b{color: #1b4dac;}
.xyabout-ry li:hover{transform: translateY(-5px);}
.xyabout-ry li:hover img{transform:scale(1.05);}
.xyabout-ry li:last-of-type{margin-right: 0;}




/* 四大优势 */
.xyys{width: 100%; min-width: 1380px; height: 811px; background: url(../images/fwal-bg.jpg)no-repeat center center;}
.xyys-tit {text-align: center; padding-top:30px;}
.xyys-tit span{color: #fff; font-size: 35px; line-height: 50px;}
.xyys-tit p{color: #fff; font-size: 18px; line-height: 28px;}
.xyys-nr{padding-top:230px}
.xyys-nr-1{overflow:hidden; width: 500px;padding-left: 130px;}
.xyys-nr-1 dd{font-size: 16px; color: #666; line-height: 30px;}
.xyys-nr-1 dt{font-size: 16px; color: #666;line-height: 30px; padding-top:110px;}
.xyys-nr-2{overflow:hidden; width: 500px;}
.xyys-nr-2 dd{font-size: 16px; color: #666; line-height: 30px;}
.xyys-nr-2 dt{font-size: 16px; color: #666;line-height: 30px; padding-top:100px;}


/* 服务案例 */
.xyfwal{width: 100%; min-width: 1380px; padding: 50px 0;}
.xyfwal-tit{background: url(../images/tit-about.png) no-repeat center center; text-align: center;display: block; font-size: 30px; color: #679e4c; font-weight: bold;}
.xyfwal-nr{padding-top:30px; overflow: hidden;}
.xyfwal-nr-l img{width: 550px;}
.xyfwal-nr-r{ width: 790px;}
.xyfwal-nr-r p{font-size: #666 ; line-height: 28px; font-size: 16px;}
.xyfwal-nr-r .ab-more{display: block;width: 200px; height: 50px; background-color: #679e4c; text-align: center; color: #fff; line-height: 50px;  font-size: 18px; margin-top:50px;}

.xyfwal-hz{padding-top:50px}
.xyfwal-hz ul{overflow: hidden;}
.xyfwal-hz li{float:left;width:calc((100% - 60px)/4);position:relative;margin-bottom:20px;}
.xyfwal-hz li img{width:100%;height:auto}
.xyfwal-hz li+li{margin-left:20px;}
.xyfwal-hz li p a{width:100%;display:block;line-height:50px;color:#fff;font-size:18px;position:absolute;top:0;background:rgba(253,112,4,0.5);height:100%;text-align:center;line-height:250px;transition:all 0.3s;opacity:0} 
.xyfwal-hz li:hover p a{opacity:1;}
.xyfwal-hz li:nth-child(5){margin-left:0;}

/* 案例 */
.xycase{background-color: #f1f1f1;width: 100%; min-width: 1380px; overflow: hidden;padding:50px 0;}
.xycase-tit{background: url(../images/tit.png) no-repeat center center; text-align: center;display: block; font-size: 30px; color: #679e4c; font-weight: bold;}
.xycase-nr{ padding-top:40px}
.xycase-nr li{float:left;font-size:0;line-height: 0;width: 292px;margin-right: 10px;}
.xycase-nr li h4{padding-top: 15px;}
.xycase-nr li h4 a{display: block;font-size: 16px;color: #666666;line-height:25px;font-weight: normal;text-align: center;}
.xycase-nr li i{width:270px;height: 443px;overflow: hidden;display: block;}
.xycase-nr li img{width:270px;height: 443px;transition: all 0.5s}
.xycase-nr li:last-child{margin:0;}
.xycase-nr li:hover i img{transform:scale(1.1);}
/* .fc_j1,.fc_j2{position: absolute;top:72px;}
.fc_j1{left:-106px;}
.fc_j2{right:-106px;} */



/* 底部 */
.xydb{width: 100%;padding:20px 0; background-color: #333; min-width: 1380px; overflow: hidden;}
.xydb-l{padding-left: 30px;}
.xydb-r{padding-top:40px; }
.xydb-r-nav{padding-bottom: 20px;padding-left: 20px;}
.xydb-r-nav ul{overflow: hidden;}
.xydb-r-nav ul li{float:left; padding-right:60px;}
.xydb-r-nav ul li a{font-size: 16px; color: #f1f1f1;}
.xydb-r-lx{overflow: hidden;display: block;padding-left: 20px;}
.xydb-r-lx p{font-size: 16px; color: #f1f1f1; line-height: 30px;}

.xydb-r-bq{font-size: 16px; color: #f1f1f1;padding-left: 20px; padding-top:15px}
.xydb-r-bq a{color: #f1f1f1;}