.index_box{
  position: relative;
}
.header, .header_m{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 9;
  color: #333;
  background-color: #fff;
  box-shadow: 0px -5px 10px 1px rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease-in-out 0s;
}
.header.top, .header_m.top{
  height: 100px;
  color: #FFF;
  box-shadow: none;
  background-color: transparent;
}
.header .logo{
  font-weight: bold;
  font-size: 18px;
  width: 350px;
  flex-shrink: 0;
}
.header .logo .logoImg{
  display: inline-block;
  width: 64px;
  height: 55px;
  margin-right: 16px;
  background: url('../img/logo2.png')no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease-in-out 0s;
}
.header.top .logo .logoImg{
  background: url('../img/logo.png')no-repeat;
  background-position: center;
  background-size: contain;
}
.header .nav{
  flex: 1;
  font-size: 14px;
}
.header .nav .item{
  margin-right: 37px;
  cursor: pointer;
}
.header .lang{
  font-size: 14px;
  cursor: pointer;
}
.header .lang img{
  width: 26px;
  margin-right: 6px;
}
.header_m{
  display: none;
}


.page_main{
  height: 100vh;
}
.page-swiper{
  height: 100vh;
}
.page-wrapper>.swiper-slide{
  padding-top: 80px;
  box-sizing: border-box;
}
.page-wrapper .banner{
  padding-top: 0;
}

.mbanner{
  display: none;
}

.intro-mod .gsjj{
  height: 50%;
  background-color: #fff;
}
.intro-mod .gsjj .left{
  width: 488px;
}
.intro-mod .gsjj .right{
  width: 478px;
  height: 287px;
}
.intro-mod .gsjj .right img{
  vertical-align: 100px;
}
.intro-mod .gsjj .left .title{
  line-height: 32px;
  font-size: 32px;
  color: #333333;
  margin-bottom: 46px;
}
.intro-mod .gsjj .left .intro{
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 50px;
}
.intro-mod .gsjj .left .btn{
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background-color: #2F318B;
  cursor: pointer;
}

.intro-mod .cjscl{
  align-content: space-around;
  height: 50%;
  background-color: #C7D7F3;
}
.intro-mod .cjscl .container{
  height: 100%;
  align-content: space-around;
  flex-wrap: wrap;
}
.intro-mod .cjscl .title-box,
.intro-mod .cjscl .swiper-box{
  width: 100%;
}

.mod-title{
  line-height: 32px;
  font-size: 32px;
  text-align: center;
  color: #333333;
}
.mod-subtitle{
  font-size: 14px;
  text-align: center;
  color: #666666;
  margin-top: 12px;
}

.intro-mod .cjscl .cj-swiper{
  height: 200px;
}
.intro-mod .cjscl .cj-swiper img{
  width: 268px;
  height: 160px;
  object-fit: cover;
  margin-bottom: 20px;
}
.intro-mod .cjscl .cj-swiper .text{
  line-height: 16px;
  font-size: 16px;
  text-align: center;
  color: #333333;
}


.zlbz-mod{
  background-color: #F7F6FB;
}
.zlbz-mod .bg{
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 67%;
  z-index: 0;
}
.zlbz-mod .title-box{
  height: 50%;
}
.zlbz-mod .title{
  position: relative;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  color: #FFFFFF;
  margin-bottom: 20px;
  z-index: 1;
}
.zlbz-mod .subtitle{
  position: relative;
  font-size: 14px;
  line-height: 14px;
  color: #FFFFFF;
  z-index: 1;
}
.zlbz-mod .swiper-box{
  width: 100%;
  height: 340px;
}
.zlbz-mod .swiper-box img{
  width: 370px;
  height: 266px;
  object-fit: cover;
  vertical-align: top;
}
.zlbz-mod .swiper-box .text{
  height: 73px;
  line-height: 73px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  background-color: #fff;
}


.xzwm-mod{
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  background-color: #FFFFFF;
}
.xzwm-mod .xzwm_m{
  display: none;
}
.xzwm-mod .left,
.xzwm-mod .right{
  width: 391px;
}
.xzwm-mod .center{
  width: 220px;
  margin: 0 45px;
}
.xzwm-mod .center img{
  width: 100%;
  vertical-align: top;
}
.xzwm-mod .title{
  font-size: 20px;
  color: #2F318B;
  text-align: center;
  margin-bottom: 48px;
}
.xzwm-mod .item{
  width: 391px;
  height: 67px;
  padding-left: 10px;
  padding-right: 25px;
  font-size: 12px;
  color: #333333;
  background-color: #F4F8FE;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.xzwm-mod .item img{
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.xzwm-mod .right .item{
  height: 88px;
  margin-bottom: 21px;
}
.xzwm-mod .item:last-of-type{
  margin-bottom: 0;
}
.xzwm-mod .left .item:nth-of-type(2n-1){
  position: relative;
  right: 54px;
}
.xzwm-mod .right .item:nth-of-type(2n-1){
  position: relative;
  left: 54px;
}


.smt-mod{
  background: url('../img/bj04.png') no-repeat;
  background-position: center;
  background-size: cover;
}
.smt-mod .container{
  flex-wrap: wrap;
  align-content: space-around;
}
.smt-mod .img-box{
  flex-wrap: wrap;
}
.smt-mod .img-box .item{
  width: 380px;
  height: 285px;
  margin-right: 30px;
  margin-bottom: 46px;
}
.smt-mod .img-box .item:nth-of-type(3n){
  margin-right: 0;
}
.smt-mod .img-box .item:nth-of-type(n+3){
  margin-bottom: 0;
}
.smt-mod .img-box .item img{
  height: 100%;
  object-fit: cover;
}
.smt-mod .img-box .item .text{
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 177px;
  height: 46px;
  font-size: 16px;
  color: #333333;
  background-color: rgba(255, 255, 255, 0.8);
}


.zykh-mod{
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}
.zykh-mod .zykh-swiper{
  height: 500px;
}
.zykh-mod .zykh-swiper .swiper-wrapper{
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.zykh-mod .swiper-slide:nth-of-type(2n){
  padding-top: 100px;
  box-sizing: border-box;
}
.zykh-mod .zykh-swiper .img-box{
  width: 277px;
  height: 399px;
  background-color: #F9F9F9;
}
.zykh-mod .zykh-swiper .img-box img{
  width: 240px;
  max-height: 365px;
  object-fit: cover
}


.footer .ad{
  height: 40%;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  background: url('../img/bj03.png') no-repeat;
  background-position: center;
  background-size: cover;
}

.footer .main{
  height: calc(60% - 66px);
}
.footer .main .item{
  flex: 1;
  max-width: 224px;
  height: 100px;
  margin: 0 59px;
  text-align: center;
}
.footer .main .item .img{
  margin: 0 auto 12px;
  width: 40px;
  height: 40px;
}
.footer .main .item .name{
  font-size: 16px;
  color: #333333;
}
.footer .main .item .val{
  font-size: 12px;
  color: #333333;
}
.footer .base{
  line-height: 66px;
  height: 66px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  border-top: 2px solid #F7F6FB;
}


.index_en .logo{
  font-size: 14px;
}

.index_en .header .nav{
  font-size: 12px;
}

.index_en .header .nav .item {
  margin-right: 10px;
  cursor: pointer;
  text-align: center;
  width: 75px;
}