/* 头部 */
header {
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
}

header .nav-main {
  height: 4.5vw;
  transition: all .4s ease-in-out;
}

header .nav-main .nav-main-left {
  float: left;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 5vw 0 4vw;
}

header .nav-main .nav-main-left img {
  width: 16.9rem;
}

header .nav-main .nav-main-right {
  float: left;
  display: flex;
  align-items: center;
  height: 100%;
}

header .nav-main .nav-main-right li {
  cursor: pointer;
  margin: 0 1.75vw;
}

header .nav-main .nav-main-right li a {
  font-size: 1.1vw;
  color: #666;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

header .nav-main .nav-main-right li a:hover {
  color: #000;
}

header .drawer {
  width: 0vw;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  transition: width .2s ease-in-out;
  right: 0;
}

header .drawer .drawerwrap {
  display: none;
  transition-property: all;
  padding: 6vw;
}

header .drawer .drawerwrap .offbtn {
  text-align: end;
  padding-bottom: 4vw;
}

header .drawer .drawerwrap .offbtn i {
  font-size: 4vw;
}

header .drawer .drawerwrap .minilogo {
  padding-bottom: 5vw;
}

header .drawer .drawerwrap .minilogo img {
  width: 45vw;
  height: 100%;
}

header .drawer .drawerwrap .navname {
  font-weight: 600;
  color: #666;
  font-size: 5vw;
  line-height: 12vw;
}

header .mask {
  height: 100vh;
  width: 100vw;
  background-color: #000;
  position: fixed;
  top: 0;
  z-index: 99;
  opacity: .6;
  transition: all 0.3s ease-in-out;
  display: none;
}

/*                     移动端                   */
@media screen and (max-width: 749px) {
  .nav-main {
    display: none;
  }
  .nav-main-mini {
    display: block;
    position: fixed;
    top: 8vw;
    right: 4vw;
  }
  .nav-main-mini i {
    font-size: 10vw;
    color: #F6A532;
  }
}

/*                     平 板                   */
@media screen and (min-width: 750px) {
  .nav-main {
    display: none;
  }
  .nav-main-mini {
    display: block;
    position: fixed;
    top: 2vw;
    right: 3vw;
  }
  .nav-main-mini i {
    font-size: 6vw;
    color: #F6A532;
  }
}

/*                     Pc端                   */
@media screen and (min-width: 1280px) {
  .nav-main {
    display: block;
  }
  .nav-main-mini {
    display: none;
  }
}

/* 内容区域 */
/*                     首页---移动端                   */
@media screen and (max-width: 749px) {
  .Homepage {
    position: relative;
    padding-top: 21.333vw;
  }
  .Homepage .Homepage-left {
    margin: 0 auto;
    width: calc(100vw - 20%);
  }
  .Homepage .Homepage-left .home-page-left-wrap {
    margin: 0 auto;
    display: inline-block;
  }
  .Homepage .Homepage-left .home-page-left-wrap img {
    width: 22.133vw;
  }
  .Homepage .Homepage-left .home-page-left-wrap h1 {
    font-size: 8.233vw;
    color: #333333;
  }
  .Homepage .Homepage-left .home-page-left-wrap h3 {
    font-size: 4.94vw;
    color: #999999;
  }
  .Homepage .Homepage-left .home-page-left-wrap p {
    font-size: 3.293vw;
    color: #333333;
  }
  .Homepage .Homepage-right .home-page-right-wrap {
    margin: 39vw auto 0;
    width: calc(100vw - 10%);
    position: relative;
    text-align: right;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes1 {
    width: 70.8vw;
    display: inline-block;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes2 {
    position: absolute;
    top: 8.9vw;
    right: 0;
    width: 24.934vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes3 {
    position: absolute;
    top: 5.8vw;
    left: 19.3vw;
    width: 24.8vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes4 {
    position: absolute;
    top: 10vw;
    left: 51.5vw;
    width: 6vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes5 {
    position: absolute;
    top: -20vw;
    left: 43vw;
    width: 25.734vw;
  }
  .Homepage .Home-flotage1 {
    width: 10vw;
    bottom: 50vw;
    left: -2vw;
  }
  .Homepage .Home-flotage2 {
    width: 7vw;
    bottom: 30vw;
    left: 8vw;
  }
  .Homepage .Home-flotage3 {
    width: 11vw;
    bottom: 10vw;
    left: 10vw;
  }
  .Homepage .Home-flotage4 {
    width: 10vw;
    bottom: 80vw;
    right: 4vw;
  }
  .Homepage .Home-flotage5 {
    width: 8vw;
    bottom: 50vw;
    left: 30vw;
  }
  .Homepage .Home-flotage6 {
    width: 8vw;
    bottom: 0;
    right: 7vw;
  }
  .Homepage .Home-flotage7 {
    width: 5vw;
    bottom: 27vw;
    right: 13vw;
  }
  .Homepage .Home-flotage8 {
    width: 23vw;
    top: -8vw;
    right: -8vw;
  }
  .Homepage .Home-flotage9 {
    width: 100vw;
    height: 350vw;
    top: 0vw;
    z-index: -999;
    display: block;
  }
  .Homepage .Home-flotage10 {
    display: none;
  }
  .Homepage .Home-flotage11 {
    display: none;
  }
}

/*                     首页---平 板                   */
@media screen and (min-width: 750px) {
  .Homepage {
    position: relative;
    padding-top: 12.333vw;
  }
  .Homepage .Homepage-left {
    margin: 0 auto;
    width: calc(100vw - 20%);
  }
  .Homepage .Homepage-left .home-page-left-wrap {
    margin: 0 auto;
    display: inline-block;
  }
  .Homepage .Homepage-left .home-page-left-wrap img {
    width: 11.05vw;
  }
  .Homepage .Homepage-left .home-page-left-wrap h1 {
    font-size: 5.05vw;
    color: #333333;
    margin: 2vw 0;
  }
  .Homepage .Homepage-left .home-page-left-wrap h3 {
    font-size: 2.94vw;
    color: #999999;
  }
  .Homepage .Homepage-left .home-page-left-wrap p {
    font-size: 2.293vw;
    color: #333333;
  }
  .Homepage .Homepage-right .home-page-right-wrap {
    margin: 17vw auto 0;
    width: calc(100vw - 10%);
    position: relative;
    text-align: right;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes1 {
    width: 45.55vw;
    display: inline-block;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes2 {
    position: absolute;
    top: 5.2vw;
    right: 0;
    width: 16.934vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes3 {
    position: absolute;
    top: 3.255vw;
    right: 28.75vw;
    width: 16.8vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes4 {
    position: absolute;
    top: 7vw;
    right: 20.8vw;
    width: 4vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes5 {
    position: absolute;
    top: -12vw;
    right: 15vw;
    width: 14.734vw;
  }
  .Homepage .Home-flotage1 {
    width: 7vw;
    bottom: 30vw;
    left: 5vw;
  }
  .Homepage .Home-flotage2 {
    width: 5vw;
    bottom: 35vw;
    left: 33vw;
  }
  .Homepage .Home-flotage3 {
    width: 8vw;
    bottom: 20vw;
    left: 35vw;
  }
  .Homepage .Home-flotage4 {
    width: 5vw;
    bottom: 35vw;
    right: 2vw;
  }
  .Homepage .Home-flotage5 {
    width: 4vw;
    bottom: 34vw;
    left: 55vw;
  }
  .Homepage .Home-flotage6 {
    width: 4vw;
    bottom: 5vw;
    right: 2vw;
  }
  .Homepage .Home-flotage7 {
    width: 3.5vw;
    bottom: 18vw;
    right: 11vw;
  }
  .Homepage .Home-flotage8 {
    width: 16vw;
    top: -8vw;
    right: -8vw;
  }
  .Homepage .Home-flotage9 {
    display: none;
  }
  .Homepage .Home-flotage10 {
    display: block;
    width: 100vw;
    height: 190vw;
    top: 0vw;
    z-index: -999;
  }
  .Homepage .Home-flotage11 {
    display: none;
  }
}

/*                     首页---Pc端                   */
@media screen and (min-width: 1280px) {
  .Homepage {
    position: relative;
  }
  .Homepage .Homepage-left {
    margin: 0 auto;
    width: calc(100vw - 30%);
  }
  .Homepage .Homepage-left .home-page-left-wrap {
    margin: 0 auto;
    display: inline-block;
  }
  .Homepage .Homepage-left .home-page-left-wrap img {
    width: 7.05vw;
  }
  .Homepage .Homepage-left .home-page-left-wrap h1 {
    font-size: 2.6vw;
    color: #333333;
    margin: 2vw 0;
  }
  .Homepage .Homepage-left .home-page-left-wrap h3 {
    font-size: 1.56vw;
    color: #999999;
  }
  .Homepage .Homepage-left .home-page-left-wrap p {
    font-size: 1.04vw;
    color: #333333;
  }
  .Homepage .Homepage-right .home-page-right-wrap {
    margin: -8vw auto 0;
    width: calc(100vw - 20%);
    position: relative;
    text-align: right;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes1 {
    width: 40.7vw;
    display: inline-block;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes2 {
    position: absolute;
    top: 5.65vw;
    right: 0;
    width: 12.934vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes3 {
    position: absolute;
    top: 4.755vw;
    right: 28.85vw;
    width: 11.8vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes4 {
    position: absolute;
    top: 7vw;
    right: 19vw;
    width: 3.2vw;
  }
  .Homepage .Homepage-right .home-page-right-wrap .home-shapes5 {
    position: absolute;
    top: -10vw;
    right: 13.5vw;
    width: 12.734vw;
  }
  .Homepage .Home-flotage1 {
    width: 5.5vw;
    bottom: 10vw;
    left: 5vw;
  }
  .Homepage .Home-flotage2 {
    width: 3.5vw;
    bottom: 15vw;
    left: 35vw;
  }
  .Homepage .Home-flotage3 {
    width: 6vw;
    bottom: 5vw;
    left: 40vw;
  }
  .Homepage .Home-flotage4 {
    width: 4vw;
    bottom: 29vw;
    right: 4.5vw;
  }
  .Homepage .Home-flotage5 {
    width: 3vw;
    bottom: 28vw;
    left: 55vw;
  }
  .Homepage .Home-flotage6 {
    width: 2.5vw;
    bottom: 7vw;
    right: 4vw;
  }
  .Homepage .Home-flotage7 {
    width: 2.7vw;
    bottom: 15.5vw;
    right: 15vw;
  }
  .Homepage .Home-flotage8 {
    width: 10vw;
    top: -5vw;
    right: 0vw;
  }
  .Homepage .Home-flotage9 {
    display: none;
  }
  .Homepage .Home-flotage10 {
    display: none;
  }
  .Homepage .Home-flotage11 {
    width: 100%;
    height: 100vw;
    display: block;
    top: 0vw;
    z-index: -999;
  }
}

/*                     业务范围---移动端                   */
@media screen and (max-width: 749px) {
  .LineofBusiness {
    padding-top: 18.133vw;
  }
  .LineofBusiness .LineofBusiness-top {
    text-align: center;
  }
  .LineofBusiness .LineofBusiness-top h3 {
    font-size: 3.2vw;
    color: #fff;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .LineofBusiness .LineofBusiness-top p {
    font-size: 4.8vw;
    color: #fff;
  }
  .LineofBusiness .LineofBusiness-wrap {
    padding-top: 10vw;
    position: relative;
  }
  .LineofBusiness .LineofBusiness-wrap ul {
    width: calc(100% - 10vw);
    margin: 0 auto;
  }
  .LineofBusiness .LineofBusiness-wrap ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    float: left;
    width: 28vw;
    height: 20vw;
    padding-bottom: 10vw;
    margin: 0 1vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li img {
    width: 10vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li p {
    font-size: 2.933vw;
    color: #fff;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage1 {
    width: 7vw;
    right: 8vw;
    bottom: -2vw;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage2 {
    width: 3vw;
    right: 3vw;
    bottom: -2vw;
  }
}

/*                     业务范围---平 板                   */
@media screen and (min-width: 750px) {
  .LineofBusiness {
    padding-top: 18.133vw;
  }
  .LineofBusiness .LineofBusiness-top {
    text-align: center;
  }
  .LineofBusiness .LineofBusiness-top h3 {
    font-size: 2.2vw;
    color: #fff;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .LineofBusiness .LineofBusiness-top p {
    font-size: 3.2vw;
    color: #fff;
  }
  .LineofBusiness .LineofBusiness-wrap {
    padding-top: 5vw;
    position: relative;
  }
  .LineofBusiness .LineofBusiness-wrap ul {
    width: calc(100% - 10vw);
    margin: 0 auto;
  }
  .LineofBusiness .LineofBusiness-wrap ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    float: left;
    width: 20vw;
    height: 10vw;
    padding-bottom: 5vw;
    margin: 0 1vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li img {
    width: 5.5vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li p {
    font-size: 1.933vw;
    color: #fff;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage1 {
    width: 3.5vw;
    right: 7vw;
    bottom: -1vw;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage2 {
    width: 2vw;
    right: 3vw;
    bottom: -3.5vw;
  }
}

/*                     业务范围---Pc端                   */
@media screen and (min-width: 1280px) {
  .LineofBusiness {
    padding-top: 5.57vw;
  }
  .LineofBusiness .LineofBusiness-top {
    text-align: center;
  }
  .LineofBusiness .LineofBusiness-top h3 {
    font-size: 1.2vw;
    color: #fff;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .LineofBusiness .LineofBusiness-top p {
    font-size: 2vw;
    color: #fff;
    letter-spacing: 2px;
  }
  .LineofBusiness .LineofBusiness-wrap {
    padding-top: 5vw;
    position: relative;
  }
  .LineofBusiness .LineofBusiness-wrap ul {
    width: calc(100% - 25vw);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .LineofBusiness .LineofBusiness-wrap ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 10vw;
    height: 5.5vw;
    padding-bottom: 3.5vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li img {
    width: 2.5vw;
  }
  .LineofBusiness .LineofBusiness-wrap ul li p {
    font-size: 1vw;
    color: #fff;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage1 {
    width: 1.8vw;
    right: 6vw;
    bottom: -1vw;
  }
  .LineofBusiness .LineofBusiness-wrap .LineofBusiness-flotage2 {
    width: 1vw;
    right: 4vw;
    bottom: 2vw;
  }
}

/*                     行业优势---移动端                   */
@media screen and (max-width: 749px) {
  .IndustrialAdvantage {
    background-color: #fff;
    width: calc(100% - 10vw);
    margin: 0 auto;
    padding: 0 2vw 14vw;
    border-radius: 5px;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap {
    position: relative;
    width: 100%;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top {
    text-align: center;
    padding-top: 10.133vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top h3 {
    font-size: 3.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top p {
    font-size: 4.8vw;
    color: #999999;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom {
    margin-top: 7.467vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li {
    width: 42vw;
    box-sizing: border-box;
    border-radius: 1.563vw;
    text-align: center;
    padding: 9vw 2vw;
    margin-bottom: 3vw;
    transition: all 0.5s ease-in-out;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-f {
    width: 10.8vw;
    height: 11vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-q {
    width: 10.8vw;
    display: none;
    height: 11vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li h3 {
    text-align: start;
    font-size: 2.667vw;
    color: #333;
    padding: 4vw 0 2vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li p {
    line-height: 6vw;
    text-align: start;
    font-size: 1.867vw;
    color: #808080;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover {
    background-color: #3629cd;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover h3 {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover p {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-f {
    display: none;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-q {
    display: block;
    margin: 0 auto;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-flotage1 {
    width: 12vw;
    top: -2vw;
    left: -4vw;
  }
}

/*                     行业优势---平 板                   */
@media screen and (min-width: 750px) {
  .IndustrialAdvantage {
    background-color: #fff;
    width: calc(100% - 10vw);
    margin: 4.5vw auto 0;
    padding: 0 2vw 4.5vw;
    border-radius: 5px;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap {
    position: relative;
    width: 100%;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top {
    text-align: center;
    padding-top: 8.133vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top h3 {
    font-size: 2.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top p {
    font-size: 3.2vw;
    color: #999999;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom {
    margin-top: 3.2vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li {
    width: 20vw;
    box-sizing: border-box;
    border-radius: 1.563vw;
    text-align: center;
    padding: 2.5vw 2vw;
    margin-bottom: 3vw;
    transition: all 0.5s ease-in-out;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-f {
    width: 4.8vw;
    height: 5vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-q {
    width: 4.8vw;
    display: none;
    height: 5vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li h3 {
    text-align: start;
    font-size: 2vw;
    color: #333;
    padding: 4vw 0 2vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li p {
    line-height: 2.5vw;
    text-align: start;
    font-size: 1.5vw;
    color: #808080;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover {
    background-color: #3629cd;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover h3 {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover p {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-f {
    display: none;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-q {
    display: block;
    margin: 0 auto;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-flotage1 {
    width: 12vw;
    top: -2vw;
    left: -4vw;
  }
}

/*                     行业优势---Pc端                   */
@media screen and (min-width: 1280px) {
  .IndustrialAdvantage {
    background-color: #fff;
    width: calc(100% - 26vw);
    margin: 4.5vw auto 0;
    padding: 0 2vw 4.5vw;
    border-radius: 10px;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap {
    position: relative;
    width: 100%;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top {
    text-align: center;
    padding-top: 4vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top h3 {
    font-size: 1.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-top p {
    font-size: 2vw;
    color: #999999;
    letter-spacing: 2px;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom {
    margin-top: 3.2vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li {
    width: 16vw;
    box-sizing: border-box;
    border-radius: 1.563vw;
    text-align: center;
    padding: 2.5vw 1.8vw 3.5vw;
    margin-bottom: 3vw;
    transition: all 0.7s ease-in-out;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-f {
    width: 4vw;
    height: 4.1vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li .IndustrialAdvantage-q {
    width: 4vw;
    display: none;
    height: 4.1vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li h3 {
    text-align: start;
    font-size: 1.5vw;
    color: #333;
    padding: 2vw 0 1.2vw;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li p {
    line-height: 2vw;
    text-align: start;
    font-size: 0.9vw;
    color: #808080;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover h3 {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover p {
    color: #fff;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-f {
    display: none;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-bottom ul li:hover .IndustrialAdvantage-q {
    display: block;
    margin: 0 auto;
  }
  .IndustrialAdvantage .IndustrialAdvantage-wrap .IndustrialAdvantage-flotage1 {
    width: 10vw;
    top: -4vw;
    left: -7vw;
  }
}

/*                     医疗产品---移动端                   */
@media screen and (max-width: 749px) {
  .MedicalProduct {
    position: relative;
    width: calc(100% - 10vw);
    margin: 25vw auto 0;
    padding: 0 2vw 14vw;
  }
  .MedicalProduct .MedicalProduct-top h1 {
    font-size: 9vw;
    color: #333;
  }
  .MedicalProduct .MedicalProduct-top p {
    margin-top: 8vw;
    font-size: 3vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 5.5vw;
  }
  .MedicalProduct .MedicalProduct-top .down {
    margin-top: 6vw;
    width: 7vw;
    height: 7vw;
    background-color: #2618ca;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .MedicalProduct .MedicalProduct-top .down i {
    color: #fff;
    font-size: 2vw;
  }
  .MedicalProduct .MedicalProduct-wrap {
    margin-top: 20vw;
  }
  .MedicalProduct .MedicalProduct-wrap ul {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .MedicalProduct .MedicalProduct-wrap ul li {
    width: 43vw;
    height: 77vw;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .MedicalProduct .MedicalProduct-wrap ul li img {
    width: 100%;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(1) {
    position: absolute;
    top: 40vw;
    left: 0;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3) {
    margin-top: 11vw;
    overflow: scroll;
  }
  .MedicalProduct .MedicalProduct-flotage1 {
    top: 0;
    right: 20vw;
    width: 4vw;
  }
  .MedicalProduct .MedicalProduct-flotage2 {
    top: -13vw;
    right: 7vw;
    width: 10vw;
  }
  .MedicalProduct .MedicalProduct-flotage3 {
    top: 5vw;
    right: 3vw;
    width: 6vw;
  }
  .MedicalProduct .MedicalProduct-flotage4 {
    top: -40vw;
    right: -5vw;
    width: 37vw;
    z-index: -999;
  }
  .MedicalProduct .MedicalProduct-flotage5 {
    bottom: -10vw;
    left: 12vw;
    width: 80vw;
    z-index: -99;
  }
}

/*                     医疗产品---平 板                   */
@media screen and (min-width: 750px) {
  .MedicalProduct {
    position: relative;
    width: calc(100% - 10vw);
    margin: 25vw auto 0;
    padding: 0 2vw 14vw;
  }
  .MedicalProduct .MedicalProduct-top h1 {
    font-size: 6vw;
    color: #333;
  }
  .MedicalProduct .MedicalProduct-top p {
    margin-top: 4vw;
    font-size: 2vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 3.8vw;
  }
  .MedicalProduct .MedicalProduct-top .down {
    margin-top: 6vw;
    width: 5vw;
    height: 5vw;
    background-color: #2618ca;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .MedicalProduct .MedicalProduct-top .down i {
    color: #fff;
    font-size: 2vw;
  }
  .MedicalProduct .MedicalProduct-wrap {
    margin-top: 32vw;
  }
  .MedicalProduct .MedicalProduct-wrap ul {
    display: flex;
  }
  .MedicalProduct .MedicalProduct-wrap ul li {
    width: 28vw;
    margin: 0 2vw;
    height: 46.3vw;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .MedicalProduct .MedicalProduct-wrap ul li img {
    width: 100%;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(2) {
    margin-top: -15vw;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3) {
    overflow: scroll;
  }
  .MedicalProduct .MedicalProduct-flotage1 {
    top: -1vw;
    right: 14vw;
    width: 3vw;
  }
  .MedicalProduct .MedicalProduct-flotage2 {
    top: -15vw;
    right: 7vw;
    width: 9vw;
  }
  .MedicalProduct .MedicalProduct-flotage3 {
    top: 1vw;
    right: 3vw;
    width: 5vw;
  }
  .MedicalProduct .MedicalProduct-flotage4 {
    top: -40vw;
    right: -5vw;
    width: 32vw;
    z-index: -999;
  }
  .MedicalProduct .MedicalProduct-flotage5 {
    bottom: -7vw;
    right: 12vw;
    width: 50vw;
    z-index: -99;
  }
}

/*                     医疗产品---Pc端                   */
@media screen and (min-width: 1280px) {
  .MedicalProduct {
    position: relative;
    width: calc(100% - 10vw);
    margin: 20vw auto 0;
  }
  .MedicalProduct .MedicalProduct-top h1 {
    font-size: 4.17vw;
    color: #333;
    padding-left: 11vw;
  }
  .MedicalProduct .MedicalProduct-top p {
    padding-left: 11vw;
    padding-right: 18vw;
    margin-top: 3vw;
    font-size: 0.83vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 1.8vw;
  }
  .MedicalProduct .MedicalProduct-top .down {
    margin-top: 4.2vw;
    margin-left: 11vw;
    width: 2.8vw;
    height: 2.8vw;
    background-color: #2618ca;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
  .MedicalProduct .MedicalProduct-top .down i {
    color: #fff;
    font-size: 1.2vw;
  }
  .MedicalProduct .MedicalProduct-wrap {
    margin-top: 15vw;
    padding-left: 10vw;
  }
  .MedicalProduct .MedicalProduct-wrap ul {
    display: flex;
    /* 滚动条样式 */
    /* 滚动条样式   --end */
  }
  .MedicalProduct .MedicalProduct-wrap ul li {
    width: 19.53vw;
    margin: 0 2vw;
    height: 34.69vw;
    box-shadow: 0vw 2.133vw 3.067vw 0vw rgba(117, 117, 117, 0.1);
  }
  .MedicalProduct .MedicalProduct-wrap ul li img {
    width: 100%;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(2) {
    margin-top: -11vw;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3) {
    overflow: scroll;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3)::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.3);
    background-clip: padding-box;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3)::-webkit-scrollbar-thumb:vertical {
    border-left: 5px solid transparent;
    border-radius: 8px 2px 2px 8px;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3)::-webkit-scrollbar-thumb:horizontal {
    border-top: 5px solid transparent;
    border-radius: 8px 8px 2px 2px;
  }
  .MedicalProduct .MedicalProduct-wrap ul li:nth-child(3)::-webkit-scrollbar-thumb:hover {
    border-radius: 16px;
    background-color: rgba(128, 128, 128, 0.3);
    border-color: rgba(128, 128, 128, 0.3);
  }
  .MedicalProduct .MedicalProduct-flotage1 {
    top: -2vw;
    right: 16.5vw;
    width: 2vw;
  }
  .MedicalProduct .MedicalProduct-flotage2 {
    top: -13vw;
    right: 5vw;
    width: 6vw;
  }
  .MedicalProduct .MedicalProduct-flotage3 {
    top: 1vw;
    right: 3vw;
    width: 3vw;
  }
  .MedicalProduct .MedicalProduct-flotage4 {
    top: -33vw;
    right: -3vw;
    width: 29vw;
    z-index: -999;
  }
  .MedicalProduct .MedicalProduct-flotage5 {
    bottom: -8vw;
    right: 22vw;
    width: 40vw;
    z-index: -99;
  }
}

/*                     教育产品---移动端                   */
@media screen and (max-width: 749px) {
  .EducationProducts {
    position: relative;
    width: calc(100% - 10vw);
    margin: 22.5vw auto 0;
    padding: 0 2vw 14vw;
  }
  .EducationProducts .EducationProducts-top {
    padding-top: 5vw;
  }
  .EducationProducts .EducationProducts-top h1 {
    font-size: 9vw;
    color: #fff;
  }
  .EducationProducts .EducationProducts-top p {
    margin-top: 8vw;
    font-size: 3vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 5.5vw;
  }
  .EducationProducts .EducationProducts-wrap {
    width: 100%;
    margin-top: 17vw;
    display: flex;
    justify-content: space-between;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left {
    padding-top: 25vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li {
    width: 43vw;
    height: 76vw;
    margin-bottom: 5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1) {
    overflow: scroll;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li {
    width: 43vw;
    height: 76vw;
    margin-bottom: 5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3) {
    overflow: scroll;
  }
  .EducationProducts .EducationProducts-flotage1 {
    width: 12vw;
    left: 15vw;
    bottom: -5vw;
  }
  .EducationProducts .EducationProducts-flotage2 {
    width: 4vw;
    left: 5vw;
    bottom: -21vw;
  }
  .EducationProducts .EducationProducts-flotage3 {
    width: 9vw;
    left: 20vw;
    bottom: -31vw;
  }
  .EducationProducts .EducationProducts-flotage4 {
    width: 75vw;
    top: -10vw;
    left: -25vw;
    z-index: -999;
  }
  .EducationProducts .EducationProducts-flotage5 {
    bottom: -35vw;
    left: -25vw;
    width: 80vw;
    z-index: -99;
  }
}

/*                     教育产品---平 板                   */
@media screen and (min-width: 750px) {
  .EducationProducts {
    position: relative;
    width: 100%;
  }
  .EducationProducts .EducationProducts-top {
    width: calc(100% - 10vw);
    margin: 22.5vw auto 0;
    padding: 0 2vw 14vw;
  }
  .EducationProducts .EducationProducts-top h1 {
    font-size: 6vw;
    color: #fff;
  }
  .EducationProducts .EducationProducts-top p {
    margin-top: 4vw;
    font-size: 2vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 3.8vw;
  }
  .EducationProducts .EducationProducts-wrap {
    width: 100vw;
    position: relative;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left {
    padding-bottom: 30vw;
    display: flex;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li {
    width: 28vw;
    height: 49.3vw;
    margin: 0 1.5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1) {
    overflow: scroll;
    margin-top: 53vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(2) {
    margin-top: 23vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: 33vw;
    right: -24vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li {
    width: 28vw;
    height: 49.3vw;
    margin: 0 1.5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(2) {
    margin-top: 23vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3) {
    overflow: scroll;
    margin-top: 43vw;
  }
  .EducationProducts .EducationProducts-flotage1 {
    width: 9vw;
    left: 30vw;
    bottom: -7vw;
  }
  .EducationProducts .EducationProducts-flotage2 {
    width: 4vw;
    left: 25vw;
    bottom: -18vw;
  }
  .EducationProducts .EducationProducts-flotage3 {
    width: 6vw;
    left: 35vw;
    bottom: -25vw;
  }
  .EducationProducts .EducationProducts-flotage4 {
    width: 60vw;
    top: -20vw;
    left: -15vw;
    z-index: -999;
  }
  .EducationProducts .EducationProducts-flotage5 {
    bottom: -30vw;
    right: 32vw;
    width: 55vw;
    z-index: -99;
  }
}

/*                     教育产品---Pc端                    */
@media screen and (min-width: 1280px) {
  .EducationProducts {
    position: relative;
    width: 100%;
  }
  .EducationProducts .EducationProducts-top {
    width: calc(100% - 10vw);
    margin: 15.5vw auto 0;
    padding: 0 0 10vw 8vw;
  }
  .EducationProducts .EducationProducts-top h1 {
    font-size: 4.17vw;
    color: #fff;
    padding-left: 11vw;
    margin-top: 0;
    margin-bottom: 2vw;
  }
  .EducationProducts .EducationProducts-top p {
    margin-top: 0;
    padding-left: 11vw;
    padding-right: 15vw;
    font-size: 0.83vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 1.8vw;
  }
  .EducationProducts .EducationProducts-wrap {
    width: 99vw;
    position: relative;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left {
    padding-bottom: 30vw;
    margin-left: 21vw;
    display: flex;
    /* 滚动条样式 */
    /* 滚动条样式   --end */
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li {
    width: 19.53vw;
    height: 34.69vw;
    margin: 0 1.5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1) {
    overflow: scroll;
    margin-top: 26vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1)::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.3);
    background-clip: padding-box;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1)::-webkit-scrollbar-thumb:vertical {
    border-left: 5px solid transparent;
    border-radius: 8px 2px 2px 8px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1)::-webkit-scrollbar-thumb:horizontal {
    border-top: 5px solid transparent;
    border-radius: 8px 8px 2px 2px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(1)::-webkit-scrollbar-thumb:hover {
    border-radius: 16px;
    background-color: rgba(128, 128, 128, 0.3);
    border-color: rgba(128, 128, 128, 0.3);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-left li:nth-child(2) {
    margin-top: 13vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: 15vw;
    right: -0vw;
    /* 滚动条样式 */
    /* 滚动条样式   --end */
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li {
    width: 19.53vw;
    height: 34.69vw;
    margin: 0 1.5vw;
    box-shadow: 0vw 3vw 5vw 0vw rgba(205, 205, 205, 0.35);
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li img {
    width: 100%;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(1) {
    width: 7.53vw;
    background-image: url("../image/education-bg6.png");
    background-repeat: no-repeat;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(1) img {
    display: none;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(2) {
    margin-top: 23vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3) {
    overflow: scroll;
    margin-top: 36vw;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3)::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.3);
    background-clip: padding-box;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3)::-webkit-scrollbar-thumb:vertical {
    border-left: 5px solid transparent;
    border-radius: 8px 2px 2px 8px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3)::-webkit-scrollbar-thumb:horizontal {
    border-top: 5px solid transparent;
    border-radius: 8px 8px 2px 2px;
  }
  .EducationProducts .EducationProducts-wrap .EducationProducts-wrap-right li:nth-child(3)::-webkit-scrollbar-thumb:hover {
    border-radius: 16px;
    background-color: rgba(128, 128, 128, 0.3);
    border-color: rgba(128, 128, 128, 0.3);
  }
  .EducationProducts .EducationProducts-flotage1 {
    width: 6vw;
    left: 25vw;
    bottom: 5vw;
  }
  .EducationProducts .EducationProducts-flotage2 {
    width: 2vw;
    left: 13vw;
    bottom: 1.5vw;
  }
  .EducationProducts .EducationProducts-flotage3 {
    width: 4vw;
    left: 28vw;
    bottom: -10vw;
  }
  .EducationProducts .EducationProducts-flotage4 {
    width: 37.5vw;
    top: -8.5vw;
    left: 4.5vw;
    z-index: -999;
  }
  .EducationProducts .EducationProducts-flotage5 {
    bottom: -14vw;
    left: 10vw;
    width: 45vw;
    z-index: -99;
  }
}

/*                     环保产品---移动端                   */
@media screen and (max-width: 749px) {
  .EnvironmentProducts {
    position: relative;
    width: calc(100% - 10vw);
    margin: 34vw auto 0;
  }
  .EnvironmentProducts .EnvironmentProducts-top h1 {
    font-size: 9vw;
    color: #333;
    text-align: end;
  }
  .EnvironmentProducts .EnvironmentProducts-top p {
    margin-top: 8vw;
    font-size: 3vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 5.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark {
    text-align: end;
    margin-top: 9vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark i {
    display: block;
    font-size: 3vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap {
    margin-top: 10vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li {
    width: 89vw;
    margin-bottom: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li img {
    width: 100%;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage1 {
    width: 3vw;
    top: -4vw;
    right: -2vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage2 {
    width: 8vw;
    top: 78vw;
    left: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage3 {
    width: 40vw;
    right: -5vw;
    top: 80vw;
    z-index: -999;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage4 {
    width: 40vw;
    left: -5vw;
    bottom: -20vw;
    z-index: -999;
  }
}

/*                     环保产品---平 板                   */
@media screen and (min-width: 750px) {
  .EnvironmentProducts {
    position: relative;
    width: calc(100% - 10vw);
    margin: 34vw auto 0;
  }
  .EnvironmentProducts .EnvironmentProducts-top h1 {
    font-size: 6vw;
    color: #333;
    text-align: end;
    padding-right: 1.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top p {
    margin-top: 4vw;
    font-size: 2vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 3.8vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark {
    text-align: end;
    margin-top: 5vw;
    padding-right: 1.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark i {
    display: block;
    font-size: 2.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap {
    margin-top: 10vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li {
    width: 89vw;
    margin-bottom: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li img {
    width: 100%;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage1 {
    width: 3vw;
    top: -4vw;
    right: -2vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage2 {
    width: 8vw;
    top: 78vw;
    left: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage3 {
    width: 35vw;
    right: -5vw;
    top: 40vw;
    z-index: -999;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage4 {
    width: 35vw;
    left: -5vw;
    bottom: -10vw;
    z-index: -999;
  }
}

/*                     环保产品---PC端                   */
@media screen and (min-width: 1280px) {
  .EnvironmentProducts {
    position: relative;
    width: calc(100% - 10vw);
    margin: 17vw auto 0;
  }
  .EnvironmentProducts .EnvironmentProducts-top {
    padding-left: 45vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top h1 {
    font-size: 4.17vw;
    color: #333;
    text-align: start;
    padding-right: 1.5vw;
    margin: 0 0 1.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top p {
    margin-top: 0;
    font-size: 0.83vw;
    color: #666;
    letter-spacing: 2px;
    line-height: 1.8vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark {
    text-align: start;
    margin-top: 1.3vw;
    padding-right: 1.5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-top .arrowmark i {
    display: block;
    font-size: 1.2vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap {
    height: 35vw;
    margin-top: 10vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul {
    position: relative;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li {
    position: absolute;
    width: 52.29vw;
    margin-bottom: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li img {
    width: 100%;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li:nth-child(1) {
    left: 7vw;
    top: 10vw;
  }
  .EnvironmentProducts .EnvironmentProducts-wrap ul li:nth-child(2) {
    right: 2vw;
    top: -3vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage1 {
    width: 1.5vw;
    top: -5vw;
    right: 14vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage2 {
    width: 5vw;
    top: 30vw;
    left: 5vw;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage3 {
    width: 24.48vw;
    right: -5vw;
    top: 16vw;
    z-index: -999;
  }
  .EnvironmentProducts .EnvironmentProducts-flotage4 {
    width: 23.48vw;
    left: -5vw;
    top: 40vw;
    z-index: -999;
  }
}

/*                     合作企业---移动端                   */
@media screen and (max-width: 749px) {
  .CooperativeEnterprise {
    position: relative;
    margin-top: 33vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top {
    text-align: center;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top h3 {
    font-size: 3.2vw;
    color: #333;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top p {
    font-size: 4.8vw;
    color: #333;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap {
    margin-top: 15vw;
    padding: 0 8vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li {
    width: 18vw;
    margin: 2vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li img {
    width: 100%;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage1 {
    width: 10vw;
    left: 2vw;
    bottom: -26vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage2 {
    width: 4vw;
    left: 15vw;
    bottom: -16vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage3 {
    width: 10vw;
    top: -14vw;
    right: 12vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage4 {
    width: 4vw;
    top: 0vw;
    right: 4vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage5 {
    width: 6vw;
    top: -23vw;
    right: 4vw;
  }
}

/*                     合作企业---平 板                   */
@media screen and (min-width: 750px) {
  .CooperativeEnterprise {
    position: relative;
    margin-top: 33vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top {
    text-align: center;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top h3 {
    font-size: 2.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top p {
    font-size: 3.2vw;
    color: #999999;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap {
    margin-top: 6vw;
    padding: 0 8vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li {
    width: 15vw;
    margin: 2.5vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li img {
    width: 100%;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage1 {
    width: 7vw;
    left: 3vw;
    bottom: -19vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage2 {
    width: 4vw;
    left: 15vw;
    bottom: -10vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage3 {
    width: 8vw;
    top: -14vw;
    right: 12vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage4 {
    width: 3vw;
    top: 0vw;
    right: 4vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage5 {
    width: 4vw;
    top: -18vw;
    right: 4vw;
  }
}

/*                     合作企业---PC端                   */
@media screen and (min-width: 1280px) {
  .CooperativeEnterprise {
    position: relative;
    margin-top: 33vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top {
    text-align: center;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top h3 {
    font-size: 1.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  .CooperativeEnterprise .CooperativeEnterprise-top p {
    font-size: 2vw;
    letter-spacing: 2px;
    color: #999999;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap {
    margin-top: 3vw;
    padding: 0 8vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 12vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li {
    width: 9vw;
    margin: 1vw 2vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-wrap ul li img {
    width: 100%;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage1 {
    width: 4vw;
    left: 8vw;
    bottom: -13vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage2 {
    width: 2vw;
    left: 15vw;
    bottom: -7vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage3 {
    width: 5vw;
    top: -10vw;
    right: 15vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage4 {
    width: 2vw;
    top: -2vw;
    right: 8vw;
  }
  .CooperativeEnterprise .CooperativeEnterprise-flotage5 {
    width: 3.5vw;
    top: -17vw;
    right: 5.4vw;
  }
}

/* 底部区域 */
/*                     移动端                            */
@media screen and (max-width: 749px) {
  footer {
    margin-top: 30vw;
  }
  footer .foot-main {
    background-image: url("../image/footer-bg.png");
    background-size: 100vw 45vw;
    background-repeat: no-repeat;
    background-position-y: 100%;
  }
  footer .foot-main .foot-top {
    position: relative;
    text-align: center;
  }
  footer .foot-main .foot-top h3 {
    font-size: 3.2vw;
    color: #333;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  footer .foot-main .foot-top p {
    font-size: 4.8vw;
    color: #333;
  }
  footer .foot-main .foot-top .foot-flotage1 {
    width: 4vw;
    top: 0;
    right: 35vw;
  }
  footer .foot-main .foot-wrap {
    position: relative;
    margin-top: 9vw;
    padding: 0  5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-left h2 {
    font-size: 4vw;
    font-weight: 900;
    margin-bottom: 4vw;
    letter-spacing: 2px;
  }
  footer .foot-main .foot-wrap .foot-wrap-left p {
    font-size: 3vw;
    text-indent: 6vw;
    letter-spacing: 2px;
    color: #999;
    line-height: 6.5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right {
    margin-top: 8vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap {
    width: 100vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li {
    padding: 1vw 0;
    display: flex;
    align-items: center;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li i {
    color: #ccc;
    font-size: 4vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li span {
    color: #4c4c4c;
    font-size: 4vw;
    margin-left: 3.5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li p {
    font-size: 1.5vw;
    letter-spacing: 1px;
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin-left: 2.5vw;
  }
  footer .foot-main .foot-wrap .foot-flotage2 {
    width: 4vw;
    top: 57vw;
    left: 2vw;
  }
  footer .foot-main .foot-bottom {
    text-align: right;
    padding: 24vw 5vw 3vw;
  }
  footer .foot-main .foot-bottom p {
    font-size: 1vw;
    color: #fff;
  }
  footer .foot-main .foot-bottom p a {
    color: #fff;
  }
  footer .foot-main .foot-bottom p a:hover {
    color: #000;
  }
}

/*                     平 板                            */
@media screen and (min-width: 750px) {
  footer {
    margin-top: 20vw;
  }
  footer .foot-main {
    background-image: url("../image/footer-bg.png");
    background-size: 100vw 45vw;
    background-repeat: no-repeat;
    background-position-y: 100%;
  }
  footer .foot-main .foot-top {
    position: relative;
    text-align: center;
  }
  footer .foot-main .foot-top h3 {
    font-size: 2.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  footer .foot-main .foot-top p {
    font-size: 3.2vw;
    color: #999999;
  }
  footer .foot-main .foot-top .foot-flotage1 {
    width: 2vw;
    top: 0;
    right: 40vw;
  }
  footer .foot-main .foot-wrap {
    position: relative;
    margin-top: 9vw;
    padding: 0  5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-left h2 {
    font-size: 3vw;
    font-weight: 900;
    margin-bottom: 3vw;
    letter-spacing: 2px;
  }
  footer .foot-main .foot-wrap .foot-wrap-left p {
    font-size: 2vw;
    text-indent: 5vw;
    letter-spacing: 2px;
    color: #999;
    line-height: 4vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right {
    margin-top: 7vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li {
    padding: .5vw 0;
    display: flex;
    align-items: center;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li i {
    color: #ccc;
    font-size: 3vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li span {
    color: #4c4c4c;
    font-size: 3vw;
    margin-left: 4.5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li p {
    font-size: 2vw;
    letter-spacing: 2px;
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin-left: 3.5vw;
  }
  footer .foot-main .foot-wrap .foot-flotage2 {
    width: 3vw;
    top: 25vw;
    left: 2vw;
  }
  footer .foot-main .foot-bottom {
    text-align: right;
    padding: 24vw 5vw 3vw;
  }
  footer .foot-main .foot-bottom p {
    font-size: 2vw;
    color: #fff;
  }
  footer .foot-main .foot-bottom p a {
    color: #fff;
  }
  footer .foot-main .foot-bottom p a:hover {
    color: #000;
  }
}

@media screen and (min-width: 1280px) {
  footer {
    margin-top: 15vw;
  }
  footer .foot-main {
    background-image: url("../image/footer-bg.png");
    background-size: 55.1vw 23.7vw;
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 100%;
  }
  footer .foot-main .foot-top {
    position: relative;
    text-align: center;
  }
  footer .foot-main .foot-top h3 {
    font-size: 1.2vw;
    color: #1a1a1a;
    letter-spacing: 2px;
    font-family: AlibabaPuHuiTiH;
  }
  footer .foot-main .foot-top p {
    font-size: 2vw;
    color: #999999;
    letter-spacing: 2px;
  }
  footer .foot-main .foot-top .foot-flotage1 {
    width: 1.2vw;
    top: -1vw;
    right: 40vw;
  }
  footer .foot-main .foot-wrap {
    position: relative;
    margin-top: 9vw;
    padding: 0  5vw;
    display: flex;
    justify-content: center;
  }
  footer .foot-main .foot-wrap .foot-wrap-left {
    width: 30vw;
    margin-right: 10vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-left h2 {
    font-size: 1.2vw;
    font-weight: 900;
    margin-bottom: 1.2vw;
    letter-spacing: 2px;
  }
  footer .foot-main .foot-wrap .foot-wrap-left p {
    font-size: 0.8vw;
    text-indent: 1.9vw;
    letter-spacing: 2px;
    color: #999;
    line-height: 1.5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right {
    margin-top: 7vw;
    width: 35vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li {
    padding: .5vw 0;
    display: flex;
    align-items: center;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li i {
    color: #ccc;
    font-size: 1.2vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li span {
    color: #4c4c4c;
    font-size: 1.5vw;
    margin-left: 3.5vw;
  }
  footer .foot-main .foot-wrap .foot-wrap-right .foot-wrap-right-wrap li p {
    font-size: 1vw;
    letter-spacing: 2px;
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin-left: 1.5vw;
  }
  footer .foot-main .foot-wrap .foot-flotage2 {
    width: 1.5vw;
    top: 13vw;
    left: 9vw;
  }
  footer .foot-main .foot-bottom {
    text-align: right;
    padding: 6vw 5vw 1vw;
  }
  footer .foot-main .foot-bottom p {
    font-size: 0.8vw;
    color: #fff;
  }
  footer .foot-main .foot-bottom p a {
    color: #fff;
  }
  footer .foot-main .foot-bottom p a:hover {
    color: #000;
  }
}

.backtop {
  background-color: #3D7EF7;
  width: 4vw;
  height: 4vw;
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 0.8vw;
  cursor: pointer;
  opacity: .8;
  transition: all .5s ease-in-out;
}

.backtop i {
  font-size: 1.5vw;
}

@media screen and (max-width: 749px) {
  .backtop {
    width: 12vw;
    height: 12vw;
    bottom: 4vw;
    line-height: 12vw;
    right: 3vw;
  }
  .backtop i {
    font-size: 4.5vw;
  }
}

@media screen and (min-width: 750px) {
  .backtop {
    width: 8.5vw;
    height: 8.5vw;
    bottom: 2vw;
    line-height: 8.5vw;
    right: 2vw;
  }
  .backtop i {
    font-size: 4vw;
  }
}

@media screen and (min-width: 1280px) {
  .backtop {
    width: 4vw;
    height: 4vw;
    bottom: 2vw;
    line-height: 4vw;
    right: 2vw;
  }
  .backtop i {
    font-size: 1.5vw;
  }
}