body {
  max-width: 750px;
  margin: 0 auto;
  -webkit-text-size-adjust: 100% !important;
  overflow-x:hidden;
  background: url('../images/background.png') no-repeat top center;
}

header {
  height: 760px;
  position: relative;
  text-align: center;
}
.music_img {
  position: absolute;
  right: 40px;
  top: 40px;
  animation: rotate 1.5s linear infinite;
}
.m-intro {
  height: 589px;
  background: linear-gradient(to bottom,#a0d4ef,#b8def2,#cce9f7);
  background-size: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin: 0px 40px;
  border-radius: 30px;
}
.m-intro .daoyu{
  padding: 55px 35px 0;
  font-size: 28px;
  height: 100%;
  letter-spacing: 2px;
  text-indent: 2em;
  line-height: 54px;
  color: #fff;
  background: linear-gradient(to bottom,#3599d4,#3599d4,#cce9f7);
  border-radius: 30px;
}
.m-floor-1 {
  margin-top: -135px;
  padding: 0 40px;
  overflow: hidden;
}

.m-floor-1 h3{
  background: url(../images/title_1.png) no-repeat center;
  height: 144px;
  width: 100%;
  margin-top: 75px;
}

.m-floor-1 .floor-content-1  {
  box-sizing: border-box;
  overflow: hidden;
}
.content-item{
  padding: 65px 40px 0;
  margin-top: 40px;
}
.content{
  font-size: 28px;
  color: #0a5a9a;
  line-height: 52px;
  letter-spacing: 1px;
  text-indent: 2em;
  margin-bottom: 75px;
   text-align: justify;
}
.floor-content-1 .content-item{
  background: #fff;
  height: 901px;
  border-radius: 30px;
  position: relative;
}
.floor-content-1 .content-item img{
  position: absolute;
  bottom: 0;
}
.floor-content-2 h3{
  background-image: url(../images/title_2.png)
}
.floor-content-2 .content-item{
  background: url(../images/f1-bg-2.png) no-repeat;
  height: 901px;
  padding-left: 195px;
}
.floor-content-3 h3{
  background-image: url(../images/title_3.png)
}
.floor-content-3 .content-item{
  background: #fff;
  border-radius: 30px;
  height: 1147px;
  position: relative;
}
.floor-content-3 .content-item img{
  position: absolute;
  bottom: 0;
}
.floor-content-3 .content{
  padding: 20px 30px;
  background-color: #e7fcf0;
  border-radius: 10px;
}
.floor-content-4 h3{
  background-image: url(../images/title_4.png)
}
.floor-content-4 .content-item{
  background: #fff;
  border-radius: 30px;
  position: relative;
  height: 640px;
}
.floor-content-4 .content-item img{
  position: absolute;
  bottom: 0;
}
.floor-content-5 h3{
  background-image: url(../images/title_5.png)
}
.floor-content-5 .content-item{
  background: url(../images/f1-bg-5.png) no-repeat;
  height: 860px;
}
.floor-content-5 .content{
  padding-left: 195px;
  margin-bottom: 45px;
}
.floor-content-5 .content:nth-of-type(2){
  padding-left: 0;
  padding-right: 210px;
}
.floor-content-6 h3{
  background-image: url(../images/title_6.png)
}
.floor-content-6 .content-item{
  padding-left: 150px;
  padding-top: 35px;
  margin-top: 70px;
}
.floor-content-6 .content-item:not(:nth-of-type(1)){
  margin-top: 35px;
}
.floor-content-6 .content-item-61{
  background: url(../images/f1-bg-61.png) no-repeat;
  height: 331px;
}
.floor-content-6 .content-item-62{
  background: url(../images/f1-bg-62.png) no-repeat;
  height: 553px;
}
.floor-content-6 .content-item-63{
  background: url(../images/f1-bg-63.png) no-repeat;
  height: 547px;
}
.floor-content-7 h3{
  background-image: url(../images/title_7.png)
}
.floor-content-7 .content-item{
  background: url(../images/f1-bg-7.png) no-repeat;
  height: 1097px;
  padding-left: 135px;
  padding-top: 35px;
}
.floor-content-7 .content:nth-of-type(2){
  margin-top: 100px;
}
.floor-content-7 .content:nth-of-type(3){
  margin-top: 115px;
}
.floor-content-7 .content:nth-of-type(4){
  margin-top: 130px;
}
.floor-content-8 h3{
  background-image: url(../images/title_8.png)
}
.floor-content-8 .content-item{
  background: url(../images/f1-bg-8.png) no-repeat;
  height: 1123px;
  padding-top: 35px;
}
.floor-content-8 .content{
  padding-left: 95px;
}
.floor-content-8 .content:nth-of-type(2){
  padding-left: 0;
  padding-right:95px;
  margin-top: 135px;
}
.floor-content-8 .content:nth-of-type(3){
  margin-top: 120px;
}
.floor-content-9 h3{
  background-image: url(../images/title_9.png)
}
.floor-content-9 .content-item{
  margin-top: 70px;
  border-radius: 30px;
}
.floor-content-9 .content-item:not(:nth-of-type(1)){
  margin-top: 35px;
}
.floor-content-9 .content-item-91{
  background: url(../images/f1-bg-91.png) no-repeat;
  height: 341px;
  background-size: 100%;
  padding-left: 190px;
}
.floor-content-9 .content-item-92{
  background: url(../images/f1-bg-92.png) no-repeat;
  height: 528px;
  background-size: 100%;
  padding-right: 160px;
}
.floor-content-9 .content-item-93{
  background: url(../images/f1-bg-93.png) no-repeat;
  height: 341px;
  background-size: 100%;
  padding-left: 205px;
  padding-top: 40px;
}
.floor-content-10 h3{
  background-image: url(../images/title_10.png)
}
.floor-content-10 .content-item{
  background: #fff;
  border-radius: 30px;
  position: relative;
  height: 629px;
  
}
.floor-content-10 .content-item img{
  position: absolute;
  bottom: 0;
  left: calc(50% - 204px);
}
/* .m-floor-1 .floor-content-1 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.floor-content-1 .total{
  margin-top: 56px;
}
.floor-content-1 .total p{
  background-color: #5da7ed;
  border-radius: 75px;
  height: 149px;
  margin-bottom: 32px;
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  text-indent: 2em;
  padding: 32px 52px 32px 32px;
  line-height: 42px;
  letter-spacing: 1px;
}
.m-floor-1 .floor-content-1 .content-item{
  background: url(../images/jbyzbg.png) no-repeat;
  background-size: cover;
  width: 138px;
  height: 424px;
}
.m-floor-1 .floor-content-1 .content-item:nth-of-type(2n){
  background-image: url(../images/jbyzbg2.png);
} */
/* .m-floor-1 .floor-content-1 .content {
  box-sizing: border-box;
  padding-top: 44px;
  font-size: 28px;
  color: #259086;
  font-weight: bold;
  width: 45px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 30px;
  line-height: 32px;
  writing-mode:vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}

.m-floor-1 .floor-content-1 .content span {
  font-weight: bold;
  font-size: 34px;
  color: #fe8420;
  margin: 0 10px;
} */

.m-footer {
  text-align: center;
  padding: 0 35px;
  box-sizing: border-box;
}
.m-footer .bottom-logo {
  padding: 80px 0;
}
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}