@charset "UTF-8";
.flex {
  display: -webkit-box;
  /* 老版本语法: Safari 3.1-6,  iOS 6-, Android browser, older WebKit browsers.  */
  display: -moz-box;
  /* 老版本语法: Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法： Chrome 21+ */
  display: flex;
  /* 新版本语法： Opera 12.1, Firefox 22+ */
}

.flex-v {
  /***兼容性写法***/
  -moz-box-orient: vertical;
  /* Firefox */
  -webkit-box-orient: vertical;
  /* Safari、Opera 以及 Chrome */
  box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  /* Safari */
  flex-direction: column;
}

.flex-align-center {
  /*老版本语法*/
  -webkit-box-align: center;
  -moz-box-align: center;
  /*混合版本语法*/
  -ms-flex-align: center;
  /*新版本语法*/
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

.flex-align-start {
  /*老版本语法*/
  -webkit-box-align: start;
  -moz-box-align: start;
  /*混合版本语法*/
  -ms-flex-align: start;
  /*新版本语法*/
  -webkit-align-items: flex-start;
  /* Safari */
  align-items: flex-start;
}

.flex-align-end {
  /*老版本语法*/
  -webkit-box-align: end;
  -moz-box-align: end;
  /*混合版本语法*/
  -ms-flex-align: end;
  /*新版本语法*/
  -webkit-align-items: flex-end;
  /* Safari */
  align-items: flex-end;
}

.flex-pack-center {
  /*老版本语法*/
  -webkit-box-pack: center;
  -moz-box-pack: center;
  /*混合版本语法*/
  -ms-flex-pack: center;
  /*新版本语法*/
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}

.flex-pack-justify {
  /*老版本语法*/
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  /*混合版本语法*/
  -ms-flex-pack: justify;
  /*新版本语法*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

.flex-pack-distribute {
  /*混合版本语法*/
  -ms-flex-pack: distribute;
  /*新版本语法*/
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
}

.flex-pack-start {
  /*老版本语法*/
  -webkit-box-pack: start;
  -moz-box-pack: start;
  /*混合版本语法*/
  -ms-flex-pack: start;
  /*新版本语法*/
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start;
}

.flex-pack-end {
  /*老版本语法*/
  -webkit-box-pack: end;
  -moz-box-pack: end;
  /*混合版本语法*/
  -ms-flex-pack: end;
  /*新版本语法*/
  -webkit-justify-content: flex-end;
  /* Safari */
  justify-content: flex-end;
}

.w1720 {
  width: 92%;
  max-width: 1720px;
  margin: 0 auto;
}

.w1440 {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
}

main {
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

.swiper-button-disabled {
  cursor: no-drop !important;
}

html {
  font-size: 100px;
}

body {
  width: 100%;
  /* min-width: 1200px; */
  font-family: '思源黑体', 'Source Han Sans', 'gilroylight', 'Microsoft YaHei';
  font-size: 16px;
}

@media screen and (max-width: 1700px) and (min-width: 1537px) {
  html {
    font-size: 92px;
  }
}
@media screen and (max-width: 1536px) and (min-width: 1374px) {
  html {
    font-size: 85px;
  }
}
@media screen and (max-width: 1373px) and (min-width: 1281px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
  html {
    font-size: 75px;
  }
}
.guideLayout {
  background: #2C3236;
}
.guideLayout main {
  min-width: 100vw;
  min-height: 100vh;
}
.guideLayout main .icon img {
  display: block;
}
.guideLayout main .tit {
  margin-top: 12px;
  font-size: 32px;
  line-height: 82px;
  color: #fff;
  opacity: 0.6;
  letter-spacing: 0.66em;
}
.guideLayout main .btnbox {
  margin-top: 58px;
}
.guideLayout main .btnbox .link {
  width: 246px;
  height: 80px;
  box-sizing: border-box;
  border: 1.5px solid rgba(255, 255, 255, 0.8);
  border-radius: 500px;
  text-align: center;
  font-size: 28px;
  line-height: 76px;
  color: rgba(255, 255, 255, 0.6);
}
.guideLayout main .btnbox .link:hover {
  color: #fff;
}
.guideLayout main .btnbox .link1 {
  margin-right: 135px;
}
.guideLayout main .btnbox .link1:hover {
  background: #1CBAD3;
  border-color: #1CBAD3;
}
.guideLayout main .btnbox .link2:hover {
  background: #DB2445;
  border-color: #DB2445;
}


/* ph */
@media screen and (max-width: 768px) {
  html {
    font-size: 13.33333333vw;
  }
  body {
    width: 100%;
    margin: 0 auto;
    font-size: 0.26rem;
  }
  .guideLayout {
    background: #2C3236;
  }
  .guideLayout main {
    min-width: 100vw;
    min-height: 100vh;
  }
  .guideLayout main .icon img {
    display: block;
  }
  .guideLayout main .tit {
    margin-top: 0.12rem;
    font-size: 0.32rem;
    line-height: 0.82rem;
    color: #fff;
    opacity: 0.6;
    letter-spacing: 0.66em;
  }
  .guideLayout main .btnbox {
    margin-top: 0.58rem;
  }
  .guideLayout main .btnbox .link {
    width: 2.46rem;
    height: 0.8rem;
    box-sizing: border-box;
    border: 1.5px solid rgba(255, 255, 255, 0.8);
    border-radius: 5rem;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.76rem;
    color: rgba(255, 255, 255, 0.6);
  }
  .guideLayout main .btnbox .link1 {
    margin-right: 1.35rem;
  }
  .guideLayout main .btnbox .link {
    color: #fff;
  }
  .guideLayout main .btnbox .link1 {
    background: #1CBAD3;
    border-color: #1CBAD3;
  }
  .guideLayout main .btnbox .link2 {
    background: #DB2445;
    border-color: #DB2445;
  }
  .guideLayout main .tit{
    text-align: center;
  }
  .guideLayout main .icon img{
    max-width: 5rem;
    margin: 0 auto;
  }
  a,
  a:before,
  a:after,
  #goTop,
  .container,
  .lm, span,
  .title,
  img,
  li,
  .tab,
  i,
  .s4ease{
    transition: none;
  }
}