.page-cooperate{background-color: #fff;}
.swiper-box{margin-top: -70px;}
.page-content .page-main{padding: 0px 0 50px;}
.swiper-box .title{
    top: 36%;
    left: 19%;
    z-index: 10;
}
.swiper-box .title h2{
    font-size: 60px;
    color: #E8B079;
    margin-bottom: 10px;
    /* font-style: italic; */
      font-family: biaoti;
    font-weight: normal;
}
.swiper-box .title p{
    /* font-weight: bold; */
    font-size: 28px;
    color: #E8B079;
}

.btn-ask{
  top: 64%;
  left: 19%;
  width: 130px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #9A744F;
  border-radius: 30px;
  cursor: pointer;
  background-color: #9A744F;color: #fff;
  z-index: 5;

}
.btn-submit{
  margin: 50px auto 0;
  width: 130px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #9A744F;
  border-radius: 30px;
  cursor: pointer;
  background-color: #9A744F;color: #fff;
  z-index: 5;
}

.content-box {margin: 50px auto 100px;}
.content-box .title{width: 110%;}
.content-box .desc{color: #666;margin: 30px;padding-left: 20px;}

.service{justify-content: space-between;}
.service .item{position: relative;background: url(../img/cooperate/7.png) no-repeat 0 0 / 100% 100%;width: 130px;height:320px;cursor: pointer;transition: width .3s;}
.service .item .text{width: 100%;box-sizing: border-box;text-align: center;top: 36%;}
.service .item .text .icon{width: 30px;margin: 0 auto 20px;}
.service .item .text .desc2{line-height: 1.4;margin-top: 20px;color: #666;display: none;}
.service .item .stitle{line-height: 1.3;white-space: pre-line;}
.service .item .stext{margin-bottom: 3px;}
.service .item .stext span{font-size: inherit;width: 100px;white-space: nowrap;}

.service .item:nth-of-type(1){background: url(../img/cooperate/7.png) no-repeat 0 0 / 100% 100%;}
.service .item:nth-of-type(2){background: url(../img/cooperate/9.png) no-repeat 0 0 / 100% 100%;}
.service .item:nth-of-type(3){background: url(../img/cooperate/11.png) no-repeat 0 0 / 100% 100%;}
.service .item:nth-of-type(4){background: url(../img/cooperate/13.png) no-repeat 0 0 / 100% 100%;}
.service .item:nth-of-type(5){background: url(../img/cooperate/15.png) no-repeat 0 0 / 100% 100%;}
.service .item:nth-of-type(6){background: url(../img/cooperate/16.png) no-repeat 0 0 / 100% 100%;}

.service .item.on,.service .item:hover{width: 420px;}
.service .item.on:nth-of-type(1),.service .item:hover:nth-of-type(1){background: url(../img/cooperate/6.png) no-repeat 0 0 / 100% 100%;}
.service .item.on:nth-of-type(2),.service .item:hover:nth-of-type(2){background: url(../img/cooperate/8.png) no-repeat 0 0 / 100% 100%;}
.service .item.on:nth-of-type(3),.service .item:hover:nth-of-type(3){background: url(../img/cooperate/10.png) no-repeat 0 0 / 100% 100%;}
.service .item.on:nth-of-type(4),.service .item:hover:nth-of-type(4){background: url(../img/cooperate/12.png) no-repeat 0 0 / 100% 100%;}
.service .item.on:nth-of-type(5),.service .item:hover:nth-of-type(5){background: url(../img/cooperate/14.png) no-repeat 0 0 / 100% 100%;}
.service .item.on:nth-of-type(6),.service .item:hover:nth-of-type(6){background: url(../img/cooperate/17.png) no-repeat 0 0 / 100% 100%;}

.service .item.on .text,.service .item:hover .text{text-align: left;width: 54%;left: 20%;}
.service .item.on:nth-of-type(6) .text,.service .item.on:nth-of-type(6):hover .text{text-align: left;width: 70%;left: 20%;}
.service .item.on .text .icon,.service .item:hover .text .icon{margin: 0 0 20px;}
.service .item.on .text .desc2,.service .item:hover .text .desc2{display: block;transition-delay: .6s;}
.service .item.on:nth-of-type(6) .stitle,.service .item:hover:nth-of-type(6) .stitle{white-space: nowrap;}


.form{padding: 40px;border-radius: 20px;background-color: #F2F2F2;}
.form h2{color: #333;text-align: center;font-size: 24px;}
.form .left,
.form .right{display: inline-block;box-sizing: border-box;width: 45%;}
.form .left{margin-right: 6%;}
.form .form-item{align-items: center;color: #333;font-size: 16px;margin-bottom: 20px;}
.form .form-item p{font-size: inherit;width: 80px;white-space: nowrap;}
.form .form-item span{font-size: inherit;color: red;}
.form .form-item input{background-color: #fff;border-radius: 20px;height: 36px;box-sizing: border-box;padding: 0 20px;color: #333;font-size: 16px;width: 400px;margin-left: 30px;}