@charset "utf-8";
/* CSS Document */
.banner{
  height:620px;
  text-align: left;
  position: relative;
  text-align: center;
  z-index: 1;
}
.banner img{
  height: 100%;
  width:100%;
  
}
.banner .desc{
  position: absolute;
  top: -150px;
  left: 0;
  right: 0;
  bottom: 0;
}
.banner .desc .textInfo{
  position: relative;
  top:350px;
  text-align: left;
}
.banner .desc .textInfo h2{
font-size: 40px;
font-weight: bold;
color: #FFFFFF;
}
.banner .desc .textInfo p{
  font-size: 18px;
line-height: 2;
color: #FFFFFF;
}
/* bannerBlock */
.bannerBlock{margin-top: -65px;position: relative;z-index: 2;}
.bannerBlock ul{}
.bannerBlock ul li{float: left;
  line-height: 100px;
  text-align: center;
  margin-left: 20px;
  width: 285px;
  height: 100px;
  background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
  opacity: 1;
  box-shadow: 1px 2px 2px 1px #F3F5F8;
  border-radius: 10px;}
  .bannerBlock ul li:first-child{
    margin-left: 0;
  }
.bannerBlock ul li img{width: 52px;height: 43px; vertical-align: middle;}
.bannerBlock ul li .textinfo{display: inline-block;vertical-align: middle;line-height: 2;}
.index-part1::before{
  content: "";
  display: block;
  width: 60px;
  height: 10px;
  background: #80B341;
  margin: 0 auto;
  margin-bottom: 36px;
}
.title-line::after{
  content: "";
  display: block;
  width: 60px;
  height: 10px;
  background: #80B341;
  margin: 0 auto;
  margin-top: 30px;
}
.index-title{
  font-weight: bold;
  font-size: 30px;
}

.part-ul{
  width: 540px;
  margin: 0 auto;
}
.part-ul li {
  float: left;
  margin-right: 69px;
  cursor: pointer;
}
.part-ul li:last-child {
  margin-right: 0;
}
.part-img img{
  width: 100%;
}
.part-content{
  display: none;
}
.part-ul .active{
  color: #63B358;
}
.part-img .active{
  display: block;
}
.index-plan-item{
  width: 580px;
  box-shadow: 0px 0px 20px #EDEEF2;
  display: inline-block;
}
.index-plan-item img{
  display: inline-block;
  width: 99px;
  height: 72px;
  vertical-align: middle;
}
.index-plan-item .content{
  display: inline-block;
  width: 350px;
  height: 164px;
  margin-left: 40px;
  font-size: 14px;
  vertical-align: middle;
}
.index-plan-item h3{
  font-size: 28px;
  color: #80B341;
}
.index-plan-item p{
  line-height: 30px;
}
.link li{
  float: left;
  width: 285px;
  height: 100px;
}
.link li img{
  width: 100%;
  height: 100%;
}
.index-link-more{
  width: 200px;
  height: 58px;
  line-height: 58px;
  border: 1px solid #D5D5D4;
  border-radius: 10px;
  color: #80B341;
  font-size: 14px;
  cursor: pointer;
}
.index-link-more a{
  color: #80B341;
}
.yiwen{
  width: 16px;
  vertical-align: middle;
  margin-right: 4px !important;
}
.w216{
  width: 216px;
}
.w380{
  width: 380px;
}
.w588{
  width: 588px;
}