* {
  padding: 0;
  margin: 0;
}
.wrapper {
  position: relative;
  text-align: left;
  font-family: Microsoft Yahei;
  background: #fff;
}
.wrapper .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper p {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  text-align: justify;
}
.wrapper .text-center,
.wrapper .text-center p{
  text-align: center;
}
.wrapper .width_1200 {
  position: relative;
  max-width: 1280px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper .width_full{
  position: relative;
  max-width: 100%;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper .custom_info {
  position: absolute;
  z-index: 1;
}
.wrapper>div {
  background-position: top center;
  background-repeat: no-repeat;
}
.wrapper>div>div{
  display: block;
  width: 100%;
  margin: 0 auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.wrapper img{
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.wrapper ul,
.wrapper ul li{
  list-style: none;
  padding:0;
  margin:0;
}
.wrapper ul:before,
.wrapper ul:after{
  display: block;
  content: '';
  clear: both;
}
.wrapper ul li{
  float: left;
}
.wrapper .item3 .bg{
  background: #e9f5eb;
}
.wrapper .item3 ul li{
  width: 48%;
}
.wrapper .item3 ul li:first-child{
  margin-right: 4%;
}
.wrapper .item3 video{
  width: 100%;
  height: auto;
  background: #e9f5eb;
  border-radius: 20px;
}
.wrapper .item3 h3{
  font-size: 36px;
  line-height: 40px;
  color: #485053;
  font-weight: bold;
  margin-top: 15px;
}
.wrapper .item4 .bg{
  background:#e9f3f5;
}
.wrapper .item4 .width_1200{
  max-width: 1490px;
}
.wrapper .item4 .left{
  width: 26%;
  margin-right: 3%;
}
.wrapper .item4 .right{
  width: 71%;

}
.wrapper .item4 p{
  position: relative;
  font-size: 35px;
  line-height: 58px;
  color: #47585b;
  padding-left: 34px;
  padding-bottom: 50px;
}
.wrapper .item4 p:last-child{
  padding-bottom: 0;
}
.wrapper .item4 p:before{
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  background:url('./img_point.png') no-repeat center;
  position: absolute;
  left: 0;
  top: 20px;
}
.wrapper .item9 .youshi1{
  top: 16%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1170px;
}
.wrapper .item9 p{
  position: relative;
  font-size: 43px;
  line-height: 77px;
  color: #47585b;
  padding-left: 260px;
}
.wrapper .item9 p:before{
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  background:url('./img_point.png') no-repeat center;
  position: absolute;
  left: 0;
  top: 28px;
}
.wrapper .item9 p span{
  position: absolute;
  left: 50px;
  top: 0;
}
.wrapper .item9 .youshi2{
  background:#e9f9fc;
}
.wrapper .item9 iframe{
  width: 100%;
  height: 450px;
}
.wrapper .item10 .youshi1{
  top: 18%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1170px;
}
.wrapper .item10 p{
  position: relative;
  font-size: 43px;
  line-height: 77px;
  color: #47585b;
  padding-left: 50px;
}
.wrapper .item10 p:before{
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  background:url('./img_point2.png') no-repeat center;
  position: absolute;
  left: 6px;
  top: 28px;
}
.wrapper .item10 .youshi2{
  background:#fff5f3;
  padding-bottom: 70px;
}
.wrapper .item10 .youshi2 iframe{
  max-width: 1090px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 4px solid #e96443;
  padding: 32px 50px;
  height: 154px;
}
@media(max-width: 1569px){
  .wrapper .item4 .width_1200{
    max-width: 1200px;
  }
  .wrapper .item4 p{
    font-size: 26px;
    padding-bottom: 20px;
  }
  .wrapper .item9 .youshi1{
    width: 850px;
  }
  .wrapper .item9 p{
    font-size: 32px;
    line-height: 60px;
    padding-left: 180px;
  }
  .wrapper .item9 p span{
    left: 35px;
  }
  .wrapper .item9 p:before{
    top: 22px;
  }
  .wrapper .item10 p{
    font-size: 32px;
  }
}
@media(max-width: 1365px){
  .wrapper .item10 .youshi2 iframe{
    max-width: 1024px;
  }
  .wrapper .item9 .youshi1{
    top: 11%;
  }
}