.container{
  position: relative;
  margin: 0 auto;
  width: 1078px;
}
img{
  vertical-align: middle;
}
.index-top{
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.index-top .container{
  height: 92px;
}
.index-top a.logo img{
  max-height: 92px;
}
.index-top .it-navs ul{
  display: flex;z-index:999999999999;
}
.index-top .it-navs ul li{
  position: relative;
  margin-left: 22px;
  height: 92px;
  display: flex;
  align-items: center; 
}
.nav-dimmer{
  position: fixed;
  top: 92px;
  width: 100%;
  left: 0;
  background-color: #8FC31F; z-index:99999999999;
  
}
.index-top .it-navs ul li a{
  font-size: 14px;
  color: #8FC31F;
}
.index-top .it-navs ul li:hover > a{
  color: #00564E;
}
.index-top .it-navs ul li:hover:after{
  content: "";
  position: absolute;
  left: -22px;
  right: -22px;
  bottom: -3px;
  height: 6px;
  background-color: #8FC31F;
  z-index: 0;
}
.index-top .it-navs ul li dl{
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 0;
}
.index-top .it-navs ul li:hover dl{
  display: block;
}
.index-top .it-navs ul li dl dd{
  position: relative;
  z-index: 1;
}
.index-top .it-navs ul li dl dd a{
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  word-break: keep-all;
}
.index-top .it-navs ul li dl dd a:hover{
  color: #00564E;
}
.index-banner img{
  width: 100%;
}


.index-thr{
  padding: 132px 0 0 0;
  min-height: 916px;
  background-color: #00564e;
}
.index-thr .it-index{
  display: flex;
  justify-content: space-around;
}
.index-thr .it-index a{
  width: 32.5%;
  font-size: 28px;
  color: #fff;
  line-height: 58px;
  text-align: center;
  background-color: #8FC31F;
}
.index-thr .it-index a.cur{
  color: #00564E;
  background-color: #fff;
}
.index-thr .it-panes{
  margin-top: 46px;
}
.index-thr .it-panes .it-panel{
  display: none;
}
.index-thr .it-panes .it-panel.cur{
  display: block;
}
.about-us .it-tit{
  border-bottom: 1px solid #fff;
  padding: 14px 0;
  font-size: 46px;
  color: #8FC31F;
  line-height: 1;
}
.about-us .it-content{
  padding: 50px 0;
}
.about-us .it-content .img-box{
  width: 352px;
  height: 330px;
  background-color: #8FC31F;
}
.about-us .it-content .img-box img{
  max-width: 100%;
  max-height: 100%;
}
.about-us .it-content .words{
  margin-left: 32px;
  flex: 1;
  font-size: 15px;
  color: #fff;
  line-height: 24px;
}

.index-section .is-title{
  position: relative;
  padding: 128px 0 60px 0;
  text-align: center;
}
.index-section .is-title:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 48px;
  height: 7px;
  background-color: #8FC31F;
}
.index-section .is-title h2{
  font-size: 48px;
  font-weight: 400;
  color: #8FC31F;
}
.index-section .is-title p{
  margin-top: 18px;
  font-size: 37px;
  color: #fff;
}

.cpzx{
  height: 912px;
  background: url(../images/bg-cpzx.jpg) top center no-repeat;
}
.cpzx .container{
  width: 1170px;
}
.cpzx .is-content{
  margin-top: 54px;
  padding: 45px 40px 34px;
  background-color: #fff;
}
.cpzx .is-content ul{
  display: flex;
}
.cpzx .is-content ul li{
  width: 20%;  margin-left:16px;
}
.cpzx .is-content ul li .img-box{
  margin: 0 auto;
  width: 201px;
  height: 251px;
  overflow: hidden;
}
.cpzx .is-content ul li .img-box img{
  max-width: 100%;
}
.cpzx .is-content ul li .words{
  position: relative;
  z-index: 1;
  margin: -14px auto 0;
  width: 182px;
  height: 75px;
  font-size: 14px;
  color: #00564E;
  line-height: 16px;
  text-align: center;
  background-color: #8FC31F;
}

.more-box{
  margin-top: 38px;
}
.more-box a.more{
  border-radius: 4px;
  width: 112px;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  color: #00564E;
  border: 1px solid #8FC31F;
}

.yyly{
  min-height: 912px;
  background-color: #00564E;
}
.yyly .is-content{
  margin-top: 76px;
}
.yyly .is-content ul{
  display: flex;
  flex-wrap: wrap;
}
.yyly .is-content ul li{
  margin-bottom: 93px;
  width: 20%;
  text-align: center;
}
.yyly .is-content ul li p{
  margin-top: 12px;
  font-size: 17px;
  color: #fff;
}

.gcal{
  height: 912px;
  background: url(../images/bg-gcal.jpg) top center no-repeat;
}
.gcal .container{
  width: 1170px;  margin:0 auto;
}
.gcal .is-content{
  margin-top: 54px;
  padding:  44px 20px 38px;
  background-color: #fff;
}
.gcal .is-content ul{
  display: flex;
}
.gcal .is-content ul li{
  width: 33.33333333333%; margin-left:35px;
}
.gcal .is-content ul li .img-box{
  margin: 0 auto;
  width: 330px;
  height: 202px;
  overflow: hidden;
}
.gcal .is-content ul li .img-box img{
  width: 100%;
}
.gcal .is-content ul li .words{
  margin: 0 auto;
  width: 330px;
  height: 142px;
  text-align: center;
  background-color: #00564E;
}
.gcal .is-content ul li .words p.t{
  font-size: 17px;
  color: #8FC31F;
  line-height: 24px;
}
.gcal .is-content ul li .words p.i{
  font-size: 15px;
  color: #fff;
  line-height: 24px;
}

.hzhb{
  min-height: 912px;
}
.hzhb .is-title p{
  color: #00564E;
}
.hzhb .container{
  width: 1170px;
}
.hzhb .is-content{
  margin-top: 72px;
}
.hzhb .is-content ul{
  display: flex;
  padding: 0 20px;
  flex-wrap: wrap;
}
.hzhb .is-content ul li{
  margin-bottom: 33px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 20%;
  height: 140px;
  overflow: hidden;
}
.hzhb .is-content ul li img{
  max-width: 100%;
  max-height: 100%;
}

.xwzx{
  min-height: 912px;
  background-color: #00564E;
}
.xwzx .container{
  width: 1170px; margin: 0 auto; 
}
.xwzx .is-content{
  margin-top: 66px;
}
.xwzx .is-content ul{
  margin: 0 auto; 

} 
.xw{ width:1170px; margin:0 auto; overflow:hidden;}
.xwzx .is-content ul li{
  width: 390px;
  height: 482px;
    margin-left:35px;
  padding: 22px 22px 0 22px;
  background-color: #fff; 
}
.xwzx .is-content ul li .img-box{
  height: 186px;
  overflow: hidden;
}
.xwzx .is-content ul li .img-box img{
  width: 100%;
}
.xwzx .is-content ul li .art .tti{
  margin-top: 16px;
  font-size: 16px;
  color: #00564E;
  line-height: 24px;
  height: 48px;
  -webkit-line-clamp: 2;
}
.xwzx .is-content ul li .art .cont{
  margin-top: 13px;
  font-size: 14px;
  color: #231815;
  line-height: 20px;
  height: 80px;
  -webkit-line-clamp: 4;
}
.xwzx .is-content ul li .art .slid{
  margin-top: 12px;
  font-size: 12px;
  color: #727171;
}
.xwzx .is-content ul li .art .slid span{
  margin-right: 10px;
}
.xwzx .is-content ul li .art .detail{
  display: block;
  margin: 30px auto 0;
  width: 110px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-color: #00564E;
}


.index-footer{
  height: 948px;
  background: url(../images/bg-footer.jpg) top center no-repeat;
}
.index-footer .container{
  border: 7px solid #8FC31F;
  width: 972px;
  height: 460px;
}
.index-footer .qrcode{
  width: 194px;
  height: 194px;
}
.index-footer .qrcode img{
  width: 100%;
}
.index-footer .words{
  margin-left: 62px;
}
.index-footer .words p.t{
  margin-bottom: 16px;
}
.index-footer .words p.t,
.index-footer .words p span{
  color: #8FC31F;
}
.index-footer .words p{
  display: flex;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
}
.index-footer .words p span{
  width: 3em;
  text-align: right;
}