<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.wrap {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 1679px) {
  .wrap {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .wrap {
    width: auto;
    margin: 0 60px;
  }
}
@media screen and (max-width: 767px) {
  .wrap {
    margin: 0 30px;
  }
}
.comBtn {
  height: max(32px, 0.46rem);
  background: #004dde;
  color: #fff;
  position: relative;
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 max(15px, 0.35rem);
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.comBtn:hover {
  color: #fff;
  -webkit-transform: translate(0, -10px);
     -moz-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
       -o-transform: translate(0, -10px);
          transform: translate(0, -10px);
  box-shadow: 0 8px 12px rgba(0, 17, 76, 0.3);
}

.comLineBtn {
  font-size: max(14px, 0.16rem);
  font-family: "AliMedium";
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #004dde;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: max(30px, 0.44rem);
  padding: 0 max(10px, 0.2rem);
  border: 1px solid #004dde;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.comLineBtn .iconfont {
  margin: 0 0 0 max(5px, 0.13rem);
}
.comLineBtn:hover {
  color: #fff;
  border-color: #004dde;
  -webkit-transform: translate(0, -10px);
     -moz-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
       -o-transform: translate(0, -10px);
          transform: translate(0, -10px);
  background: #004dde;
  box-shadow: 0 8px 12px rgba(0, 17, 76, 0.3);
}
@media only screen and (max-width: 559px) {
  .comLineBtn {
    height: 34px;
    padding: 0 10px;
  }
}

.hoverScalePic .pic img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hoverScalePic:hover .pic img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.aKeyNews {
  width: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/newsBg.jpg");
  background-attachment: fixed;
}
.aKeyNews .slideBox {
  position: relative;
  padding-bottom: 80px;
}
.aKeyNews .aKeyNewsSwiper {
  overflow: hidden;
  border-radius: max(5px, 0.1rem);
}
.aKeyNews .aKeyNewsSwiperItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: rgba(255, 255, 255, 0.9);
  border-radius: max(5px, 0.1rem);
}
.aKeyNews .aKeyNewsSwiperItem .pic {
  width: 52%;
  height: 17.8VW;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
}
.aKeyNews .aKeyNewsSwiperItem .pic img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.aKeyNews .aKeyNewsSwiperItem .text {
  width: 48%;
  line-height: 1.5;
  font-size: max(14px, 0.18rem);
  padding: max(10px, 0.15rem) max(20px, 0.5rem);
  font-family: "AliRegular";
  font-size: max(14px, 0.18rem);
}
.aKeyNews .aKeyNewsSwiperItem .text .btnBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: max(5px, 0.1rem);
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.aKeyNews .aKeyNewsSwiperItem .text .date {
  color: #004dde;
}
.aKeyNews .aKeyNewsSwiperItem .text .name {
  font-size: max(18px, 0.3rem);
  font-family: "AliMedium";
  line-height: 1.2;
  margin: max(5px, 0.2rem) 0;
}
.aKeyNews .aKeyNewsSwiperItem:hover .pic img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.aKeyNews .comPaginaSvg {
  bottom: 0;
}
.aKeyNews .comPaginaSvg span {
  width: 26px !important;
  height: 26px !important;
}
.aKeyNews .comPaginaSvg span::before {
  border: 4px solid rgba(1, 46, 197, 0.05);
}
.aKeyNews .comPaginaSvg span svg {
  stroke-width: 2px;
  stroke: #004dde;
}
.aKeyNews .aKeyNewsPrev,
.aKeyNews .aKeyNewsNext {
  top: -webkit-calc(50% - max(60px, 0.8rem) / 2);
  top: -moz-calc(50% - max(60px, 0.8rem) / 2);
  top: calc(50% - max(60px, 0.8rem) / 2);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background: none;
  border-radius: 50%;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: max(30px, 0.6rem);
  height: max(30px, 0.6rem);
  background: rgba(0, 0, 0, 0.1);
  font-size: 14px;
  position: absolute;
  font-size: max(16px, 0.24rem);
  margin-top: max(-15px, -0.3rem);
}
.aKeyNews .aKeyNewsPrev:hover,
.aKeyNews .aKeyNewsNext:hover {
  color: #004dde;
}
.aKeyNews .aKeyNewsPrev::after,
.aKeyNews .aKeyNewsNext::after {
  display: none;
}
.aKeyNews .aKeyNewsPrev {
  left: 0;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: min(-10px, -0.32rem);
}
.aKeyNews .aKeyNewsNext {
  right: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  margin-right: min(-10px, -0.32rem);
}

.newsContent {
  background: #f4f4f4;
}
.newsContent .crumbs .wrap {
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.newsContent .wrap {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: max(20px, 0.4rem) 0 0;
}
.newsContent .L {
  width: 75%;
  padding: 0 max(20px, 0.35rem) 0 0;
}
.newsContent .newsListItem {
  background: #fff;
  border-radius: max(5px, 0.1rem);
  margin: 0 0 max(10px, 0.25rem);
}
.newsContent .newsListItem:last-child {
  margin: 0;
}
.newsContent .newsListItem a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: max(10px, 0.15rem);
}
.newsContent .newsListItem .pic {
  width: 56.5%;
  height: 12.5vw;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
}
.newsContent .newsListItem .pic img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newsContent .newsListItem .text {
  padding-left: max(15px, 0.35rem);
  color: #000;
  line-height: 2.1;
  font-size: 14px;
}
.newsContent .newsListItem .text .date {
  color: #787878;
  margin: 0 0 5px;
  font-family: "AliRegular";
  font-size: max(12px, 0.14rem);
}
.newsContent .newsListItem .text .name {
  line-height: 1.8;
  margin: 0 0 max(5px, 0.15rem);
  font-family: "AliRegular";
  font-size: max(16px, 0.22rem);
}
.newsContent .newsListItem:hover .pic img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.newsContent .newsListItem:hover .text .name {
  color: #004dde;
}
.newsContent .R {
  width: 25%;
  background: #fff;
  padding: 0 max(10px, 0.2rem);
  border-radius: max(5px, 0.1rem);
}
.newsContent .R .blockTitle {
  font-size: max(14px, 0.2rem);
  line-height: max(40px, 0.58rem);
  border-bottom: 1px solid #f6f6f6;
}
.newsContent .R .relevantNewsList li {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f6f6f6;
}
.newsContent .R .relevantNewsList li:last-child {
  border: 0 none;
}
.newsContent .R .relevantNewsList li:hover .pic img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.newsContent .R .relevantNewsList li:hover .text {
  color: #004dde;
}
.newsContent .R .relevantNewsList a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsContent .R .relevantNewsList .pic {
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.newsContent .R .relevantNewsList .pic img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newsContent .R .relevantNewsList .text {
  color: #000;
  line-height: 1.8;
  font-size: max(14px, 0.16rem);
  padding: 0 0 0 max(5px, 0.15rem);
}
.newsContent .R .relevantNewsList .text .date {
  color: #787878;
}
.newsContent .comPage {
  padding-bottom: 0;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cooperate {
  background: #f4f4f4;
  padding-bottom: 0;
}
.cooperate .bigPageTitle {
  color: #000;
  padding-bottom: 0;
  font-family: "AliMedium";
}
.cooperate .form {
  width: 970px;
  margin: 0 auto;
  max-width: 100%;
}
.cooperate .form .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 max(10px, 0.3rem);
}
.cooperate .form .item .srk {
  width: 465px;
  position: relative;
  margin: 0 37px 0 0;
  background: #fff;
  height: max(40px, 0.8rem);
  border-radius: max(5px, 0.1rem);
  font-family: "AliMedium";
  font-size: max(14px, 0.22rem);
  padding: 0 max(15px, 0.3rem) 0 max(30px, 0.48rem);
}
.cooperate .form .item .srk:nth-child(2) {
  margin-right: 0;
}
.cooperate .form .item .srk .input {
  width: 100%;
  height: 100%;
}
.cooperate .form .item .srk span {
  left: max(10px, 0.34rem);
  top: 50%;
  color: #808080;
  position: absolute;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cooperate .form .wby {
  width: 100%;
  height: 2.8rem;
  background: #fff;
  border-radius: max(5px, 0.1rem);
  padding: max(10px, 0.2rem) max(15px, 0.3rem) max(10px, 0.2rem) max(30px, 0.48rem);
  font-family: "AliMedium";
  font-size: max(14px, 0.22rem);
}
.cooperate .form .wby textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
.cooperate .form .codeBox {
  width: 100%;
  background: #fff;
  position: relative;
  font-family: "AliMedium";
  font-size: max(14px, 0.22rem);
  height: max(40px, 0.8rem);
  border-radius: max(5px, 0.1rem);
  padding: 0 max(15px, 0.3rem) 0 max(30px, 0.48rem);
}
.cooperate .form .codeBox span {
  left: max(10px, 0.34rem);
  top: 50%;
  color: #808080;
  position: absolute;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cooperate .form .codeBox .input {
  height: 100%;
  width: 100%;
}
.cooperate .form .codeBox .codeImg {
  top: 50%;
  position: absolute;
  right: max(10px, 0.2rem);
  width: 1.5rem;
  height: 0.64rem;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cooperate .form .codeBox::after {
  top: 50%;
  width: 1px;
  content: "";
  position: absolute;
  background: #808080;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.64rem;
  right: -webkit-calc(max(60px, 1.5rem) + max(10px, 0.17rem) + 20px);
  right: -moz-calc(max(60px, 1.5rem) + max(10px, 0.17rem) + 20px);
  right: calc(max(60px, 1.5rem) + max(10px, 0.17rem) + 20px);
}
.cooperate .form .btn {
  width: 100%;
  border: 0 none;
  color: #fff;
  background: #004dde;
  height: max(40px, 0.8rem);
  font-size: max(14px, 0.22rem);
  border-radius: max(5px, 0.1rem);
}
.cooperate .form p {
  text-align: center;
  font-size: max(14px, 0.22rem);
  font-family: "AliMedium";
  color: #808080;
}

.about-scroll .banner-pic {
  background: #000;
}
.about-scroll .about-7head .subTitle,
.about-scroll .about-7head .bigPageTitle {
  color: #000;
  font-family: "AliLight";
}
.about-scroll .about-7head .bigPageTitle {
  font-family: "AliRegular";
}
.about-scroll .about-7head .nr {
  width: 1134px;
  max-width: 100%;
  text-align: center;
  line-height: 1.6;
  margin: 0 auto;
  padding-top: max(20px, 0.4rem);
  font-family: "AliRegular";
  font-size: max(14px, 0.18rem);
}

.course {
  width: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/courseBg.jpg");
  background-attachment: fixed;
}
.course .scroll {
  color: #fff;
  padding: max(15px, 0.3rem) 0;
}
.course .showConterBox {
  background: #fff;
  padding: max(40px, 0.85rem) max(20px, 0.3rem);
  border-radius: max(5px, 0.1rem);
}
.course .showConterItem {
  max-height: 50vh;
  padding-right: 1rem;
  overflow-y: scroll;
  /* 修改垂直滚动条 */
  /* 修改滚动条轨道背景色 */
  /* 修改滚动条滑块颜色 */
  /* 修改滚动条滑块悬停时的颜色 */
}
.course .showConterItem::-webkit-scrollbar {
  width: 5px;
  /* 修改宽度 */
}
.course .showConterItem::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
}
.course .showConterItem::-webkit-scrollbar-thumb {
  background-color: #004dde;
  border-radius: 3;
}
.course .showConterItem::-webkit-scrollbar-thumb:hover {
  background-color: #004dde;
  border-radius: 3px;
}
.course .showConterItem::-moz-scrollbar {
  width: 10px;
  /* 设置滚动条的宽度 */
}
.course .showConterItem::-moz-scrollbar-thumb {
  background: #004dde;
  /* 设置滚动条的颜色 */
}
.course .showConterItem::-moz-scrollbar-track {
  background: #004dde;
  /* 设置滚动条轨道的颜色 */
}
.course .yearBox {
  padding: 0 0 0 1rem;
  display: block;
}
.course .yearBox .years {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.course .yearBox .year {
  position: relative;
  font-size: max(16px, 0.3rem);
  font-family: "AliMedium";
}
.course .yearBox .year::after {
  width: 100%;
  height: 3px;
  left: 0;
  content: "";
  background: #004dde;
  position: absolute;
  bottom: max(-5px, -0.12rem);
}
.course .contenr {
  line-height: 1.5;
  font-size: max(14px, 0.16rem);
}
.course .contenr .name {
  color: #004dde;
  font-size: max(16px, 0.22rem);
  font-family: "AliMedium";
}
.course .contentItem {
  position: relative;
  padding: 0 0 max(20px, 0.45rem) 25%;
}
.course .contentItem .month {
  left: 10%;
  top: 0;
  position: absolute;
}
.course .contentItem .nr {
  min-height: max(30px, 0.5rem);
}
.course .contentItem::after {
  width: 1px;
  height: 100%;
  top: 0;
  content: "";
  left: 15%;
  position: absolute;
  background: #d1d1d1;
}
.course .contentItem::before {
  top: 0;
  content: "";
  left: 15%;
  z-index: 5;
  background: #004dde;
  border-radius: 50%;
  position: absolute;
  width: max(8px, 0.18rem);
  height: max(8px, 0.18rem);
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.course .contentItem:last-child::after {
  display: none;
}
.course .linkBox {
  padding-bottom: 0;
  max-width: 100%;
  -webkit-justify-content: safe center;
     -moz-box-pack: safe center;
      -ms-flex-pack: safe center;
          justify-content: safe center;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 2px;
}
.course .linkBox::-webkit-scrollbar {
  display: none;
}
.course .linkBox .link {
  color: #000;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: max(80px, 1.6rem);
  height: max(38px, 0.56rem);
  border: solid 1px #4d4d4d;
  border-radius: max(19px, 0.28rem);
  margin: 0 max(5px, 0.26rem);
  font-size: max(14px, 0.2rem);
  font-family: "AliRegular";
}
.course .linkBox .link.active {
  color: #fff;
  background: #004dde;
  border-color: #004dde;
}

.advantage {
  padding-bottom: 0;
}
.advantage .wrap {
  display: block;
}
.advantage .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.advantage .content .mapBox {
  width: 60%;
  position: relative;
}
.advantage .content .mapBox .map {
  width: 100%;
  display: block;
}
.advantage .content .mapBox .mapItem {
  width: max(20px, 0.36rem);
  height: max(20px, 0.36rem);
  left: 73.5%;
  top: 29%;
  cursor: pointer;
  position: absolute;
}
.advantage .content .mapBox .mapItem .line {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #fff;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-animation: rotates 5s linear infinite;
     -moz-animation: rotates 5s linear infinite;
       -o-animation: rotates 5s linear infinite;
          animation: rotates 5s linear infinite;
}
.advantage .content .mapBox .mapItem .dians {
  width: max(4px, 0.06rem);
  height: max(4px, 0.06rem);
  left: 50%;
  top: 50%;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.advantage .content .mapBox .mapItem .dians::after, .advantage .content .mapBox .mapItem .dians::before {
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  content: "";
  background: #fff;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: bScale 1s linear infinite;
     -moz-animation: bScale 1s linear infinite;
       -o-animation: bScale 1s linear infinite;
          animation: bScale 1s linear infinite;
}
.advantage .content .mapBox .mapItem .dians::before {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.advantage .content .mapBox .mapItem .name {
  white-space: nowrap;
  padding: 0 10px;
  line-height: 28px;
  background: #fff;
  top: -webkit-calc(50% + 3px);
  top: -moz-calc(50% + 3px);
  top: calc(50% + 3px);
  right: -webkit-calc(50% + 3px);
  right: -moz-calc(50% + 3px);
  right: calc(50% + 3px);
  font-size: 14px;
  font-family: "AliRegular";
  font-weight: normal;
  position: absolute;
  border-radius: max(5px, 0.1rem) 0 max(5px, 0.1rem) max(5px, 0.1rem);
}
.advantage .content .mapBox .mapItem::after {
  width: max(4px, 0.06rem);
  height: max(4px, 0.06rem);
  background: #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  content: "";
  z-index: 3;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.advantage .content .mapBox .mapItem:nth-child(2) {
  left: 85%;
  top: 47%;
}
.advantage .content .mapBox .mapItem:nth-child(3) {
  left: 51%;
  top: 51%;
}
.advantage .content .mapBox .mapItem:hover .line {
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
}
.advantage .content .listBox {
  width: 23%;
  position: relative;
}
.advantage .content .listBox li {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.advantage .content .listBox li .icon {
  width: 5vw;
}
.advantage .content .listBox li .text {
  font-size: max(16px, 0.24rem);
  font-family: "AliMedium";
  text-align: center;
}
.advantage .content .listBox li .num {
  text-align: right;
  font-size: 0.74rem;
  font-family: "AliBold";
  color: #004dde;
}
.advantage .content .listBox li .num strong {
  color: #000;
  font-size: max(50px, 1.16rem);
}

.honor {
  width: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/honorBg.jpg");
  background-attachment: scroll;
}
.honor .slideBox {
  position: relative;
  padding: 0 0 max(40px, 1rem);
}
.honor .slideBox .honorPrev {
  left: 0;
  top: -webkit-calc(50% - max(40px, 1rem) / 2);
  top: -moz-calc(50% - max(40px, 1rem) / 2);
  top: calc(50% - max(40px, 1rem) / 2);
  -webkit-transform: translate(-100%, -25%);
     -moz-transform: translate(-100%, -25%);
      -ms-transform: translate(-100%, -25%);
       -o-transform: translate(-100%, -25%);
          transform: translate(-100%, -25%);
  margin-left: max(-10px, -0.2rem);
}
.honor .slideBox .honorPrev::after {
  display: none;
}
.honor .slideBox .honorNext {
  right: 0;
  top: -webkit-calc(50% - max(40px, 1rem) / 2);
  top: -moz-calc(50% - max(40px, 1rem) / 2);
  top: calc(50% - max(40px, 1rem) / 2);
  -webkit-transform: translate(100%, -25%);
     -moz-transform: translate(100%, -25%);
      -ms-transform: translate(100%, -25%);
       -o-transform: translate(100%, -25%);
          transform: translate(100%, -25%);
  margin-right: max(-10px, -0.2rem);
}
.honor .slideBox .honorNext::after {
  display: none;
}
.honor .slideBox .honorPagina {
  width: 100%;
  left: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.honor .slideBox .honorPagina .swiper-pagination-bullet {
  border-radius: 50%;
  width: max(10px, 0.16rem);
  height: max(10px, 0.16rem);
  border: 1px solid #4d4d4d;
  background: none;
  opacity: 1;
  margin: 0 max(5px, 0.13rem);
}
.honor .slideBox .honorPagina .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #004dde;
  border-color: #004dde;
}
.honor .honorSwiper {
  overflow: hidden;
  padding: 15px;
}
.honor .honorItem {
  background: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 20vw;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: max(5px, 0.1rem);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.honor .honorItem .icon {
  width: 1.4rem;
  display: block;
}
.honor .honorItem .text {
  font-size: max(14px, 0.18rem);
  font-family: "AliMedium";
  text-align: center;
  line-height: 1.6;
  padding: max(20px, 0.5rem) max(20px, 0.3rem) 0;
}
.honor .honorItem:hover {
  color: #fff;
  background: #004ddd;
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
  box-shadow: 0px 5px 10px 3px rgba(1, 46, 197, 0.3);
}

.join {
  background: #f4f4f4;
  padding-bottom: 0;
  font-family: "AliMedium";
}
.join .linkBox {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: safe center;
     -moz-box-pack: safe center;
      -ms-flex-pack: safe center;
          justify-content: safe center;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.join .linkBox::-webkit-scrollbar {
  display: none;
}
.join .linkBox .link {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: max(1px, 1.6rem);
  padding: 0 max(10px, 0.2rem);
  height: max(36px, 0.56rem);
  border-radius: max(18px, 0.28rem);
  border: 1px solid #4d4d4d;
  margin: 0 max(10px, 0.5rem);
  font-size: max(14px, 0.2rem);
  font-family: "AliRegular";
}
.join .linkBox .link:hover, .join .linkBox .link.active {
  color: #fff;
  background: #004dde;
  border-color: #004dde;
}
.join .form {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: max(15px, 0.3rem) 0;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: max(14px, 0.16rem);
}
.join .form .selectBox {
  width: 24%;
  background: #fff;
  border-radius: 5px;
  position: relative;
  height: max(40px, 0.6rem);
  padding: 0 max(25px, 0.45rem) 0 max(20px, 0.3rem);
}
.join .form .selectBox select {
  width: 100%;
  height: 100%;
  background: none;
}
.join .form .selectBox .jt {
  top: 50%;
  font-size: 14px;
  color: #7f7f7f;
  position: absolute;
  right: max(20px, 0.3rem);
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.join .form .searchBox {
  width: 48%;
  background: #fff;
  border-radius: 5px;
  position: relative;
  height: max(40px, 0.6rem);
  padding: 0 max(100px, 1.4rem) 0 max(40px, 0.7rem);
}
.join .form .searchBox input {
  width: 100%;
  height: 100%;
  background: none;
}
.join .form .searchBox .icon {
  top: 50%;
  color: #004dde;
  position: absolute;
  left: max(20px, 0.3rem);
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.join .form .searchBox .btn {
  width: max(80px, 1.2rem);
  height: max(34px, 0.46rem);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #004dde;
  color: #fff;
  right: max(3px, 0.06rem);
  top: 50%;
  position: absolute;
  border: 0 none;
  border-radius: 5px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: max(14px, 0.16rem);
}
.join .joinList {
  border-top: 1px solid #e6e6e6;
}
.join .joinListItem {
  border-bottom: 1px solid #e6e6e6;
}
.join .joinListItem .showBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: max(14px, 0.16rem);
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: max(15px, 0.4rem) max(20px, 0.45rem);
}
.join .joinListItem .showBox .n {
  color: #808080;
}
.join .joinListItem .showBox .n .date {
  margin: 0 max(20px, 0.52rem) 0 0;
}
.join .joinListItem .showBox .v {
  font-size: max(16px, 0.3rem);
  padding: max(10px, 0.2rem) 0 0;
}
.join .joinListItem .showBox .item {
  padding-right: 10px;
}
.join .joinListItem .showBox .item:nth-child(1) {
  width: 45%;
}
.join .joinListItem .showBox .showBtn {
  width: max(18px, 0.24rem);
  height: max(18px, 0.24rem);
  position: relative;
}
.join .joinListItem .showBox .showBtn::after, .join .joinListItem .showBox .showBtn::before {
  width: 100%;
  height: 2px;
  content: "";
  left: 50%;
  top: 50%;
  position: absolute;
  background: #004dde;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.join .joinListItem .showBox .showBtn::before {
  width: 2px;
  height: 100%;
}
.join .joinListItem .hideText {
  background: #fff;
  display: none;
  padding: max(30px, 0.6rem) max(20px, 0.95rem) 0;
}
.join .joinListItem .hideText .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 30px;
  min-height: 340px;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.join .joinListItem .hideText .content .name {
  font-size: max(16px, 0.24rem);
  margin: 0 0 max(15px, 0.3rem);
}
.join .joinListItem .hideText .textItem {
  width: 48%;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: max(14px, 0.16rem);
  line-height: 2;
}
.join .joinListItem .hideText .btnBox {
  padding: max(20px, 0.6rem) 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #e6e6e6;
}
.join .joinListItem .hideText .btnBox .btn {
  position: relative;
  height: max(40px, 0.6rem);
  background: #004dde;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: max(5px, 0.1rem) 0 max(5px, 0.1rem) 0;
}
.join .joinListItem .hideText .btnBox .btn:hover {
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
  box-shadow: 0 0 30px rgba(0, 33, 94, 0.3);
}
.join .joinListItem.active {
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.join .joinListItem.active .showBox {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/joinTopBg.jpg");
  background-attachment: scroll;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.join .joinListItem.active .showBox .v {
  color: #fff;
}
.join .joinListItem.active .showBox .n {
  color: rgba(255, 255, 255, 0.5);
}
.join .joinListItem.active .showBox .showBtn::after {
  background: #fff;
}
.join .joinListItem.active .showBox .showBtn::before {
  opacity: 0;
  visibility: hidden;
}
.join .comPage {
  padding-bottom: 0;
}

.outerBanner {
  position: relative;
  min-height: 260px;
  background: #000;
}
.outerBanner .bannerPic {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.outerBanner .position {
  height: 100%;
  left: 50%;
  top: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.outerBanner .textBox {
  width: 10rem;
  max-width: 100%;
  color: #fff;
}
.outerBanner .titleBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 max(10px, 0.3rem);
}
.outerBanner .titleBox .titleLogo {
  width: 2.56rem;
  margin: 0 max(5px, 0.18rem) 0 0;
}
.outerBanner .nr {
  font-size: max(14px, 0.18rem);
  font-family: "AliMedium";
  line-height: 1.8;
  text-align: center;
}

.hyyyFunctions {
  padding-bottom: 20px;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/hyyyGndBg.jpg");
  background-attachment: fixed;
}
.hyyyFunctions .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.hyyyFunctions .list li {
  width: 14.4%;
  margin: 0 7% 3vw 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: max(14px, 0.18rem);
}
.hyyyFunctions .list li:nth-child(5n) {
  margin-right: 0;
}
.hyyyFunctions .list li:hover .icons img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.hyyyFunctions .list .iconBox {
  width: 1.54rem;
  height: 1.54rem;
  border-radius: max(5px, 0.1rem);
  padding: max(4px, 0.08rem);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.05));
}
.hyyyFunctions .list .iconBox .icons {
  padding: 5px;
  max-height: 100%;
  background: #fff;
  border-radius: max(5px, 0.1rem);
  border: 2px solid #c6c6c6;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hyyyFunctions .list .iconBox .icons img {
  width: auto;
  height: 1.27rem;
  display: block;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hyyyFunctions .list .name {
  padding: max(10px, 0.3rem) 0 0;
  text-align: center;
}

.hyyyScene {
  background: #f4f4f4;
}
.hyyyScene .hyyySceneSwiper {
  margin: 0 60px;
  height: 5.55rem;
}
.hyyyScene .hyyyScenePagina,
.hyyyScene .hyyyScenePrev,
.hyyyScene .hyyySceneNext {
  display: none;
}
.hyyyScene .hyyySceneItem {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  margin: 0 15px 0 0;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: max(5px, 0.14rem);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.hyyyScene .hyyySceneItem::after {
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  opacity: 0.7;
  background-image: -webkit-linear-gradient(bottom, #004dde, transparent);
  background-image: -moz-linear-gradient(bottom, #004dde, transparent);
  background-image: -o-linear-gradient(bottom, #004dde, transparent);
  background-image: linear-gradient(to top, #004dde, transparent);
}
.hyyyScene .hyyySceneItem .textBox {
  width: 100%;
  left: 0;
  position: absolute;
  z-index: 3;
  color: #fff;
  padding: 0 10px;
  text-align: center;
  bottom: max(15px, 0.3rem);
  font-size: max(16px, 0.22rem);
  font-family: "AliMedium";
  font-weight: 100;
}
.hyyyScene .hyyySceneItem:last-child {
  margin-right: 0;
}
.hyyyScene .hyyySceneItem img {
  height: 100%;
  display: block;
}
.hyyyScene .hyyySceneItem.active {
  -webkit-flex: 4.3;
     -moz-box-flex: 4.3;
      -ms-flex: 4.3;
          flex: 4.3;
}

.hyyyFays {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/faysBg.jpg");
  background-attachment: scroll;
}
.hyyyFays .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hyyyFays .listItem {
  font-family: "AliMedium";
  margin: 0 5% 30px 0;
  width: 30%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hyyyFays .listItem:nth-child(3n), .hyyyFays .listItem:last-child {
  margin-right: 0;
}
.hyyyFays .listItem .content {
  width: 100%;
  height: 19vw;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: max(5px, 0.1rem);
  font-size: max(14px, 0.2rem);
  line-height: 1.8;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/faysItemBg.jpg");
  background-attachment: scroll;
}
.hyyyFays .listItem .content .nr {
  height: max(76px, 1.08rem);
}
.hyyyFays .listItem .content .num {
  background: -webkit-linear-gradient(bottom, #2161e0, #b1e0fd);
  background: -moz-linear-gradient(bottom, #2161e0, #b1e0fd);
  background: -o-linear-gradient(bottom, #2161e0, #b1e0fd);
  background: linear-gradient(0deg, #2161e0, #b1e0fd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  font-size: 0.89rem;
  font-family: "AliBold";
  line-height: 1;
}
.hyyyFays .listItem .content .num strong {
  font-size: 1.16rem;
}
.hyyyFays .listItem .name {
  font-size: max(16px, 0.22rem);
  text-align: center;
  margin: max(10px, 0.4rem) 0 0;
}

.productDetailsBox {
  background: #000;
  color: #fff;
}

.comSvgTitle {
  height: 0.36rem;
}
.comSvgTitle .imgText {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comProductBanner {
  width: 100%;
  position: relative;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/productDetailsBannerBg.jpg");
  background-attachment: scroll;
}
.comProductBanner .bgPic {
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  position: relative;
}
.comProductBanner .wrap {
  height: 100%;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.comProductBanner .wrap .pic {
  width: 35%;
}
.comProductBanner .wrap .text {
  width: 50%;
  font-size: max(14px, 0.18rem);
  font-family: "AliMedium";
}
.comProductBanner .wrap .text .subTitle {
  text-align: left;
  margin: max(15px, 0.3rem) 0;
}

.productDetailsPicTextBlock {
  position: relative;
}
.productDetailsPicTextBlock .bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  position: absolute;
}
.productDetailsPicTextBlock .comTitleBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.productDetailsPicTextBlock .wrap {
  position: relative;
  z-index: 3;
}
.productDetailsPicTextBlock .content {
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.productDetailsPicTextBlock .content .pic {
  width: 45%;
}
.productDetailsPicTextBlock .content .textList {
  width: 50%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.productDetailsPicTextBlock .content .textList li {
  width: 49%;
  line-height: 1.5;
  font-size: max(14px, 0.16rem);
  margin: 0 2% max(15px, 0.3rem) 0;
}
.productDetailsPicTextBlock .content .textList li:nth-child(2n) {
  margin-right: 0;
}
.productDetailsPicTextBlock .content .textList .name {
  font-size: max(16px, 0.24rem);
  font-family: "AliMedium";
  position: relative;
  padding-bottom: max(10px, 0.18rem);
}
.productDetailsPicTextBlock .content .textList .name::after {
  width: 100%;
  height: 5px;
  content: "";
  left: 0;
  bottom: max(3px, 0.13rem);
  position: absolute;
  background: -webkit-linear-gradient(left, rgba(0, 136, 236, 0.87) 30%, rgba(0, 77, 222, 0.87) 40%, transparent 100%);
  background: -moz-linear-gradient(left, rgba(0, 136, 236, 0.87) 30%, rgba(0, 77, 222, 0.87) 40%, transparent 100%);
  background: -o-linear-gradient(left, rgba(0, 136, 236, 0.87) 30%, rgba(0, 77, 222, 0.87) 40%, transparent 100%);
  background: linear-gradient(to right, rgba(0, 136, 236, 0.87) 30%, rgba(0, 77, 222, 0.87) 40%, transparent 100%);
}
.productDetailsPicTextBlock .content.picBig .pic {
  width: 50%;
}
.productDetailsPicTextBlock .content.picBig .textBox {
  width: 45%;
  font-size: max(14px, 0.24rem);
  font-family: "AliMedium";
  line-height: 1.8;
}

.productDetailsParameter {
  -o-background-size: 100% auto;
     background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url("../images/n300csBg.jpg");
  background-attachment: fixed;
}
.productDetailsParameter .wrap {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tableBox,
.table {
  width: 100%;
  padding: 5px;
}

.table {
  width: 80%;
  margin: 0 auto;
  max-width: 100%;
  min-width: 510px;
  border-radius: max(10px, 0.4rem);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-collapse: collapse;
  border-style: hidden;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  position: relative;
}
.table::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  position: absolute;
  background: rgba(0, 38, 155, 0.5);
  border-radius: max(10px, 0.4rem);
}
.table p {
  word-break: break-word;
}
.table th {
  height: max(30px, 1rem);
  font-size: max(18px, 0.4rem);
  font-family: "AliBold";
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.table td {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.table td.noBorderBot {
  border-bottom: 0 none;
}
.table .box {
  line-height: 2;
  font-size: max(14px, 0.24rem);
  padding: max(3px, 0.1rem) 0.8rem max(3px, 0.1rem);
}
.table .box h5 {
  font-size: max(16px, 0.3rem);
  font-family: "AliBold";
}

.tableBox {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tableBox::-webkit-scrollbar {
  display: none;
}

.botText {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: max(30px, 0.5rem) 0 0;
  font-size: max(14px, 0.24rem);
  font-family: "AliMedium";
}
.botText h6 {
  font-size: max(16px, 0.3rem);
  margin: 0 0 max(15px, 0.3rem);
}

.productXpBanner {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/s300BannerBg.jpg");
  background-attachment: scroll;
}

.productDetailsGnd {
  padding-bottom: 0;
}
.productDetailsGnd .lines {
  width: 100%;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #b4e0f6 1%, #0ebcfb 23%, #07a3f4 37%, #0089ec 50%, #0468f9 76%, #0d259c 100%);
  background-image: -moz-linear-gradient(left, #b4e0f6 1%, #0ebcfb 23%, #07a3f4 37%, #0089ec 50%, #0468f9 76%, #0d259c 100%);
  background-image: -o-linear-gradient(left, #b4e0f6 1%, #0ebcfb 23%, #07a3f4 37%, #0089ec 50%, #0468f9 76%, #0d259c 100%);
  background-image: linear-gradient(90deg, #b4e0f6 1%, #0ebcfb 23%, #07a3f4 37%, #0089ec 50%, #0468f9 76%, #0d259c 100%);
}
.productDetailsGnd .picItem {
  height: 4.2rem;
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
  text-align: right;
  font-size: max(14px, 0.4rem);
  font-family: "AliMedium";
}
.productDetailsGnd .picItem .wrap {
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.productDetailsGnd .picItem .wrap.textRight {
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.productDetailsGnd .picItem .name {
  padding: 0 max(10px, 0.65rem);
}
.productDetailsGnd .picItem:nth-child(2n) .wrap {
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.productDetailsJg .pic {
  width: 8.32rem;
  margin: 0 auto;
  max-width: 100%;
}

.productDetailsCs {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/productDetailsXpcsBg.jpg");
  background-attachment: scroll;
}

.core {
  background: #000;
  color: #fff;
  font-family: "AliMedium";
}
.core .coreBannerVideo {
  margin: 0 auto;
  max-width: 1920px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.core .banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.core .banner .wrap {
  top: 0;
  left: 50%;
  z-index: 3;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.core .banner .text {
  letter-spacing: 2px;
  text-align: center;
  font-size: max(14px, 0.3rem);
  padding: 0 0 max(15px, 0.3rem);
}
.core .banner .text h3 {
  color: transparent;
  background-image: -webkit-linear-gradient(top, #a0dfff 20%, #0088ec 40%, #004dde 60%, #00269b 100%);
  background-image: -moz-linear-gradient(top, #a0dfff 20%, #0088ec 40%, #004dde 60%, #00269b 100%);
  background-image: -o-linear-gradient(top, #a0dfff 20%, #0088ec 40%, #004dde 60%, #00269b 100%);
  background-image: linear-gradient(to bottom, #a0dfff 20%, #0088ec 40%, #004dde 60%, #00269b 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.core .coreYsd {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/hxjsYsdBg.jpg");
  background-attachment: scroll;
}
.core .coreYsd .wrap {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.6;
  font-size: max(14px, 0.18rem);
}
.core .coreYsd .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: max(30px, 1rem) 0 0;
}
.core .coreYsd .listItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 max(10px, 0.5rem);
}
.core .coreYsd .listItem .iconBox {
  width: 1.6rem;
  height: 1.6rem;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/hsjsYsdIconBg.png");
  background-attachment: scroll;
}
.core .coreYsd .listItem .iconBox .icon {
  width: 1.15rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.core .coreYsd .listItem .name {
  font-size: max(14px, 0.18rem);
  padding: max(15px, 0.3rem) 0 0;
}
.core .coreYsd .listItem:hover .iconBox .icon {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.core .coreJsjg {
  text-align: center;
}
.core .coreJsjg .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.core .coreJsjg .content .item {
  width: 50%;
}
.core .coreSjdb {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/hxjsSjdbBg.jpg");
  background-attachment: scroll;
}
.core .coreSjdb .wrap {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.core .coreSjdb .itemBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.core .coreSjdb .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-size: max(14px, 0.24rem);
}
.core .coreSjdb .item .numBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: transparent;
  padding: 0 0.9rem;
  background-image: -webkit-linear-gradient(top, #97d9fc 20%, #2fa2f1 40%, #2190ed 60%, #2160de 100%);
  background-image: -moz-linear-gradient(top, #97d9fc 20%, #2fa2f1 40%, #2190ed 60%, #2160de 100%);
  background-image: -o-linear-gradient(top, #97d9fc 20%, #2fa2f1 40%, #2190ed 60%, #2160de 100%);
  background-image: linear-gradient(to bottom, #97d9fc 20%, #2fa2f1 40%, #2190ed 60%, #2160de 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-size: max(24px, 0.6rem);
  font-family: "AliBold";
}
.core .coreSjdb .item .numBox .num {
  line-height: 1;
  font-size: max(30px, 1.16rem);
}
.core .coreSjdb .item:nth-child(2) .numBox {
  background-image: -webkit-linear-gradient(top, #bfaf78 20%, #cba670 40%, #d99b60 60%, #ee8637 100%);
  background-image: -moz-linear-gradient(top, #bfaf78 20%, #cba670 40%, #d99b60 60%, #ee8637 100%);
  background-image: -o-linear-gradient(top, #bfaf78 20%, #cba670 40%, #d99b60 60%, #ee8637 100%);
  background-image: linear-gradient(to bottom, #bfaf78 20%, #cba670 40%, #d99b60 60%, #ee8637 100%);
}
.core .coreSjdb .item:nth-child(2) .pic {
  -webkit-animation-name: toTop;
     -moz-animation-name: toTop;
       -o-animation-name: toTop;
          animation-name: toTop;
}
.core .coreSjdb .item .pic {
  right: 0;
  top: 50%;
  width: 1.2rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: toBot 1.5s infinite;
     -moz-animation: toBot 1.5s infinite;
       -o-animation: toBot 1.5s infinite;
          animation: toBot 1.5s infinite;
}
.core .coreJsyy {
  padding-bottom: 0;
}
.core .coreJsyy .subTitles {
  text-align: center;
}
.core .coreJsyy .mobileShow {
  display: none;
}
.core .coreJsyy .mobileShow img {
  display: block;
  width: 100%;
}
.core .coreJsyy .pcBox {
  padding: 0.75rem 0 0;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.core .coreJsyy .pcBox .item {
  position: relative;
}
.core .coreJsyy .pcBox .layerOne {
  width: 4.7rem;
  height: 2.95rem;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/layer1.png");
  background-attachment: scroll;
}
.core .coreJsyy .pcBox .layerTow {
  width: 11.42rem;
  height: 4.26rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.45rem 0 0;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-transform: translateY(-0.8rem);
     -moz-transform: translateY(-0.8rem);
      -ms-transform: translateY(-0.8rem);
       -o-transform: translateY(-0.8rem);
          transform: translateY(-0.8rem);
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/layer2.png");
  background-attachment: scroll;
}
.core .coreJsyy .pcBox .layerThree {
  width: 11.53rem;
  height: 2.7rem;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/layer3.png");
  background-attachment: scroll;
  -webkit-transform: translateY(-2rem);
     -moz-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
       -o-transform: translateY(-2rem);
          transform: translateY(-2rem);
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: max(14px, 0.18rem);
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 12%;
  top: 4%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem .icon {
  width: 0.61rem;
  height: 0.54rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin: 0 0 max(10px, 0.2rem);
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem .name {
  font-weight: normal;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:hover .icon {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(2) {
  top: -4%;
  left: 25%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(3) {
  top: -9%;
  left: 39%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(4) {
  top: -7%;
  left: 54.5%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(5) {
  top: -2%;
  left: 71%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(6) {
  top: 7%;
  left: 83%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(7) {
  left: 80%;
  top: 46%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(8) {
  left: 67%;
  top: 53%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(9) {
  left: 54%;
  top: 55%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(10) {
  left: 42%;
  top: 57%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(11) {
  left: 30%;
  top: 53%;
}
.core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(12) {
  left: 17%;
  top: 48%;
}
.core .coreJsyy .pcBox .bigIconItem {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: max(14px, 0.18rem);
}
.core .coreJsyy .pcBox .bigIconItem strong {
  font-weight: normal;
}
.core .coreJsyy .pcBox .bigIconItem .icon {
  width: 0.66rem;
  height: 0.66rem;
  margin: 0 0 max(4px, 0.08rem);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.core .coreJsyy .pcBox .bigIconItem:hover .icon {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.core .coreJsyy .pcBox .nameItem {
  width: 6.3rem;
  left: 50%;
  top: 0%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-size: max(14px, 0.24rem);
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
.core .coreJsyy .pcBox .nameItem .name {
  background: #000;
  position: relative;
  z-index: 3;
}
.core .coreJsyy .pcBox .nameItem::after {
  width: 100%;
  top: 50%;
  left: 0;
  content: "";
  position: absolute;
  border-bottom: 1px dashed #fff;
}
.core .coreJsyy .pcBox .nameItem::before {
  width: 0;
  top: 50%;
  right: 0;
  height: 0.7rem;
  content: "";
  position: absolute;
  border-right: 1px dashed #fff;
}
.core .coreJsyy .pcBox .nameItem.nameTow {
  top: 2.1rem;
}
.core .coreJsyy .pcBox .nameItem.nameThree {
  top: 5.08rem;
}
.core .coreJsyy .pcBox .lineBox {
  height: 60%;
  right: 0.5rem;
  position: absolute;
}
.core .coreJsyy .pcBox .lineBox::after {
  height: 100%;
  content: "";
  right: 50%;
  top: 0;
  position: absolute;
  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
       -o-transform: translateX(50%);
          transform: translateX(50%);
  border-right: 3px dotted #004dde;
}
.core .coreJsyy .pcBox .lineBox .jt {
  top: -5px;
  left: 50%;
  width: max(10px, 0.16rem);
  height: max(18px, 0.28rem);
  color: #004dde;
  position: absolute;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/sj.png");
  background-attachment: scroll;
  -webkit-animation: topBot 2s linear infinite;
     -moz-animation: topBot 2s linear infinite;
       -o-animation: topBot 2s linear infinite;
          animation: topBot 2s linear infinite;
}
.core .coreJsyy .pcBox .lineBox .jt:nth-child(2) {
  top: 40%;
}
.core .coreJsyy .pcBox .lineBox .jt:nth-child(3) {
  top: 98%;
  -webkit-animation-name: topBot2;
     -moz-animation-name: topBot2;
       -o-animation-name: topBot2;
          animation-name: topBot2;
}
.core .coreFzlj {
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/coreFzljBg.jpg");
  background-attachment: scroll;
}
.core .coreFzlj .comTitleBox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.core .coreFzlj .nr {
  text-align: center;
  line-height: 1.6;
  font-size: max(14px, 0.18rem);
}

.newsDetails .con {
  padding: max(20px, 0.6rem);
  background: #fff;
  border-radius: max(5px, 0.1rem);
}
.newsDetails .con .titleBox {
  text-align: center;
  padding: 0 0 max(20px, 0.3rem);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: max(14px, 0.18rem);
}
.newsDetails .con .titleBox .title {
  font-size: max(20px, 0.34rem);
  font-weight: 800;
  margin: 0 0 max(5px, 0.2rem);
}
.newsDetails .con .titleBox span {
  margin: 0 0.1rem;
}
.newsDetails .con .detailsCon {
  font-size: max(14px, 0.18rem);
  padding: max(20px, 0.4rem) 0 0;
  line-height: 1.8;
}
.newsDetails .con .detailsCon img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.newsDetails .dPage {
  color: #333;
  padding: 20px max(20px, 0.6rem);
  background: #fff;
  border-radius: max(5px, 0.1rem);
  margin: max(10px, 0.2rem) 0 0;
  font-size: max(14px, 0.18rem);
  line-height: 2;
}
.newsDetails .dPage a {
  color: #333;
}
.newsDetails .dPage a:hover {
  color: #004dde;
}
@media screen and (max-width: 479px) {
  .newsDetails .con {
    padding: 20px 15px;
  }
  .newsDetails .con .titleBox {
    font-size: 12px;
  }
  .newsDetails .dPage {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 2560px) {
  .aKeyNews .aKeyNewsSwiperItem .pic {
    width: 55%;
  }
  .aKeyNews .aKeyNewsSwiperItem .text {
    width: 45%;
  }
}
@media screen and (max-width: 1439px) {
  .newsContent .newsListItem .text {
    line-height: 1.8;
  }
  .newsContent .R .relevantNewsList .text {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1279px) {
  .aKeyNews .aKeyNewsSwiperItem .pic {
    width: 57%;
    height: 19.8vw;
  }
  .aKeyNews .aKeyNewsSwiperItem .text {
    width: 43%;
    line-height: 1.3;
  }
  .newsContent .wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .newsContent .L {
    width: 100%;
    padding: 0;
  }
  .newsContent .R {
    display: none;
  }
  .newsContent .newsListItem .pic {
    width: 51.5%;
    height: 16.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .core .banner .wrap {
    width: 100%;
    margin: 0;
    padding: 0 60px;
  }
  .outerBanner .textBox {
    width: 80%;
  }
  .outerBanner .position {
    width: 100%;
    margin: 0;
    padding: 0 60px;
  }
  .productDetailsPicTextBlock .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .productDetailsPicTextBlock .content .pic {
    width: 100%;
  }
  .productDetailsPicTextBlock .content .textList {
    width: 100%;
    padding-top: 20px;
  }
  .comProductBanner .wrap {
    width: 100%;
    margin: 0;
    padding: 0 60px;
  }
}
@media screen and (max-width: 1023px) {
  .core .coreJsyy .pcBox .layerThree .layerThreeItem:nth-child(7) {
    left: 77%;
  }
  .hyyyScene .hyyySceneSwiper {
    height: auto;
  }
  .hyyyScene .swiper-wrapper {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hyyyScene .hyyySceneItem {
    margin: 0 0 10px;
    height: 10vw;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .hyyyScene .hyyySceneItem img {
    height: auto;
    width: 100%;
  }
  .hyyyScene .hyyySceneItem.active {
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    height: 49vw;
  }
  .aKeyNews .aKeyNewsSwiperItem .pic {
    width: 59%;
    height: 21.8vw;
  }
  .aKeyNews .aKeyNewsSwiperItem .text {
    width: 41%;
  }
  .newsContent .newsListItem .pic {
    width: 58.5%;
    height: 20.5vw;
  }
}
@media screen and (max-width: 959px) {
  .core .coreJsyy .pcBox {
    display: none;
  }
  .core .coreJsyy .mobileShow {
    display: block;
  }
  .core .coreYsd .wrap .text br {
    display: none;
  }
  .outerBanner .position {
    background: rgba(0, 0, 0, 0.5);
  }
  .hyyyFunctions .list li {
    width: 18%;
    margin: 0 9.3% 5vw 0;
  }
  .hyyyFunctions .list li:nth-child(5n) {
    margin-right: 9.3%;
  }
  .hyyyFunctions .list li:nth-child(4n) {
    margin-right: 0;
  }
  .hyyyFays .listItem {
    width: 47.5%;
  }
  .hyyyFays .listItem:nth-child(3n) {
    margin-right: 5%;
  }
  .hyyyFays .listItem:nth-child(2n) {
    margin-right: 0;
  }
  .hyyyFays .listItem .content {
    height: 34vw;
  }
  .aKeyNews .aKeyNewsSwiperItem {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .aKeyNews .aKeyNewsSwiperItem .pic {
    width: 100%;
    height: 35.8vw;
  }
  .aKeyNews .aKeyNewsSwiperItem .text {
    width: 100%;
    line-height: 1.8;
  }
  .newsContent ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .newsContent .newsListItem {
    width: 48%;
    margin: 0 4% 3vw 0;
    overflow: hidden;
  }
  .newsContent .newsListItem:nth-child(2n) {
    margin-right: 0;
  }
  .newsContent .newsListItem a {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .newsContent .newsListItem .pic {
    width: 100%;
    height: 16.5vw;
  }
  .newsContent .newsListItem .text {
    padding: 20px;
    line-height: 1.5;
  }
  .newsContent .newsListItem .text .name br {
    display: none;
  }
  .about-7 {
    z-index: 10;
  }
  .course .linkBox .link {
    margin: 0 5px;
  }
  .course .yearBox,
  .course .contentItem {
    padding-left: 0;
    padding-right: 0;
  }
  .course .yearBox::after, .course .yearBox::before,
  .course .contentItem::after,
  .course .contentItem::before {
    display: none;
  }
  .course .yearBox .month,
  .course .contentItem .month {
    position: static;
    margin: 15px 0;
    width: 48px;
    height: 24px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #004dde;
    color: #fff;
    border-radius: 5px;
  }
  .course .yearBox .year,
  .course .contentItem .year {
    font-size: 18px;
  }
  .course .showConterItem {
    padding-right: 0;
  }
  .advantage .content {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .advantage .content .mapBox {
    width: 100%;
  }
  .advantage .content .listBox {
    width: 100%;
    padding: 30px 0 60px;
  }
  .advantage .content .listBox .list {
    width: 100%;
  }
  .advantage .content .listBox .list.active {
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .advantage .content .listBox .list li {
    width: 25%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .advantage .content .listBox .list li .icon {
    height: 40px;
    width: auto;
  }
  .advantage .content .listBox .list li .num {
    text-align: center;
  }
  .advantage .content .listBox .list li .num strong {
    font-size: 40px;
  }
  .join .linkBox .link {
    margin: 0 5px;
  }
  .join .form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .join .form .searchBox {
    width: 100%;
  }
  .join .form .selectBox {
    width: 49%;
    margin-bottom: 1.5vw;
  }
  .join .joinListItem .showBox {
    padding: 10px 15px;
  }
  .join .joinListItem .showBox .v {
    padding-top: 5px;
  }
  .join .joinListItem .hideText {
    padding: 20px 20px 0;
  }
  .join .joinListItem .hideText .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .join .joinListItem .hideText .content .name {
    margin: 0 0 5px;
  }
  .join .joinListItem .hideText .textItem {
    width: 100%;
    -webkit-flex: none;
       -moz-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 30px;
  }
  .join .joinListItem .hideText .textItem:last-child {
    margin-bottom: 0;
  }
  .join .joinListItem .hideText .btnBox {
    padding: 15px 0;
  }
  .productDetailsGnd .picItem .name {
    font-size: 14px;
  }
  .productDetailsPicTextBlock .content.picBig .pic {
    width: 100%;
  }
  .productDetailsPicTextBlock .content.picBig .textBox {
    width: 100%;
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .core .banner {
    height: 300px;
    padding-top: 60px;
  }
  .core .banner .wrap {
    padding: 0 30px;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.5);
  }
  .core .banner .text br {
    display: none;
  }
  .core .coreYsd .list {
    padding: 30px 0 0;
  }
  .core .coreYsd .listItem {
    margin: 0 10px;
  }
  .core .coreJsjg .subTitles span {
    display: block;
  }
  .core .coreJsjg .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .core .coreJsjg .content .item {
    width: 100%;
  }
  .core .coreJsjg .content .item:nth-child(1) {
    margin-bottom: 30px;
  }
  .core .coreSjdb .itemBox {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .core .coreSjdb .subTitles {
    width: 100%;
    text-align: center;
  }
  .core .coreSjdb .item {
    width: auto;
    padding: 30px 0;
  }
  .core .coreFzlj .nr br {
    display: none;
  }
  .outerBanner .position {
    padding: 0 30px;
  }
  .outerBanner .textBox {
    width: 100%;
  }
  .hyyyFunctions .list li {
    width: 30%;
    margin: 0 5% 2vw 0;
  }
  .hyyyFunctions .list li:nth-child(4n), .hyyyFunctions .list li:nth-child(5n) {
    margin-right: 5%;
  }
  .hyyyFunctions .list li:nth-child(3n) {
    margin-right: 0;
  }
  .hyyyScene .hyyySceneSwiper {
    margin: 0 30px;
  }
  .aKeyNews .aKeyNewsPrev,
  .aKeyNews .aKeyNewsNext {
    top: auto;
    bottom: 0;
    z-index: 5;
  }
  .aKeyNews .aKeyNewsPrev {
    left: 80px;
  }
  .aKeyNews .aKeyNewsNext {
    right: 80px;
  }
  .cooperate .form .item {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 0;
  }
  .cooperate .form .item .srk {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .cooperate .form .item .wby,
  .cooperate .form .item .codeBox {
    margin-bottom: 15px;
  }
  .cooperate .form p {
    padding-top: 20px;
  }
  .advantage .content .listBox li .text {
    font-size: 14px;
  }
  .honor .honorItem {
    height: 30vw;
  }
  .honor .slideBox .honorNext {
    top: auto;
    bottom: 0;
    right: 80px;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
  }
  .honor .slideBox .honorPrev {
    top: auto;
    bottom: 0;
    left: 80px;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
  }
  .comProductBanner {
    padding: 60px 0 0;
    height: auto;
  }
  .comProductBanner .wrap {
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.3);
  }
  .comProductBanner .wrap .text {
    width: 100%;
    padding: 30px 0;
  }
}
@media screen and (max-width: 559px) {
  .hyyyFays .listItem {
    width: 100%;
    margin-right: 0;
  }
  .hyyyFays .listItem .content {
    height: 71vw;
  }
  .hyyyFays .listItem .name {
    margin-top: 10px;
  }
  .hyyyScene .hyyySceneItem {
    height: 15vw;
  }
  .outerBanner {
    height: 240px;
  }
  .outerBanner .nr {
    line-height: 1.4;
  }
  .newsContent .newsListItem {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .newsContent .newsListItem .pic {
    height: 34.5vw;
  }
  .outerPageBanner {
    height: 240px;
  }
  .advantage .content .listBox li .text {
    font-size: 12px;
  }
  .advantage .content .listBox li .num {
    font-size: 26px;
  }
  .advantage .content .listBox li .num strong {
    font-size: 36px;
  }
  .comProductBanner .bgPic {
    position: absolute;
  }
  .comProductBanner .wrap {
    position: static;
    -webkit-transform: translate(0);
       -moz-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0);
    padding: 15vw 30px 0;
  }
  .comProductBanner .wrap .pic {
    width: 45%;
  }
  .comProductBanner .wrap .text .comSvgTitle {
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .comProductBanner .wrap .text .subTitle {
    margin: 5px 0;
  }
  .comSvgTitle {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: auto;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .comSvgTitle .imgText {
    width: 100%;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .productDetailsGnd .picItem {
    height: 140px;
  }
}
@media screen and (max-width: 479px) {
  .core {
    height: auto;
  }
  .core .coreBannerVideo {
    position: relative;
    left: 50%;
    max-width: 135%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  .core .banner {
    height: auto;
  }
  .core .banner::after {
    width: 100%;
    top: 0;
    left: 0;
    height: 110vw;
    position: absolute;
    content: "";
    -o-background-size: cover;
       background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/coreBanner.jpg");
    background-attachment: scroll;
    -o-background-size: 150% auto;
       background-size: 150% auto;
  }
  .core .banner .wrap {
    position: relative;
  }
  .core .coreYsd .listItem {
    margin: 0 5px;
  }
  .core .coreYsd .listItem .iconBox {
    width: 60px;
    height: 60px;
  }
  .core .coreYsd .listItem .iconBox .icon {
    width: 50px;
  }
  .core .coreJsjg .content .item:nth-child(1) {
    padding-left: 5vw;
  }
  .outerBanner {
    height: auto;
  }
  .outerBanner .titleBox {
    padding-bottom: 0;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .outerBanner .banner {
    z-index: 5;
  }
  .outerBanner .nr {
    font-size: 12px;
    text-align: left;
  }
  .outerBanner .bannerPic {
    min-height: 240px;
  }
  .outerBanner .position {
    position: relative;
    z-index: 5;
    background: none;
  }
  .outerBanner .textBox {
    padding-top: 30px;
  }
  .outerBanner .textBox .nr {
    padding: 10px 0 30px;
    background: #000;
  }
  .hyyyFunctions {
    background-image: none;
    background-color: #eaeaea;
  }
  .hyyyFunctions .list li {
    width: 47.5%;
  }
  .hyyyFunctions .list li:nth-child(3n) {
    margin-right: 5%;
  }
  .hyyyFunctions .list li:nth-child(2n) {
    margin-right: 0;
  }
  .newsContent .newsListItem .pic {
    height: 34.5vw;
  }
  .aKeyNews .aKeyNewsSwiperItem {
    height: initial;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .aKeyNews .aKeyNewsSwiperItem .pic {
    height: 34.8vw;
  }
  .aKeyNews .comPaginaSvg span {
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #4d4d4d;
    margin: 0 3px;
    border-radius: 50%;
  }
  .aKeyNews .comPaginaSvg span svg {
    display: none;
  }
  .aKeyNews .comPaginaSvg span::after {
    display: none;
  }
  .aKeyNews .comPaginaSvg span.active {
    background: #004dde;
    border-color: #004dde;
  }
  .aKeyNews .comPaginaSvg.pagination {
    height: -webkit-calc(max(40px, 0.95rem) * 2 + 10px);
    height: -moz-calc(max(40px, 0.95rem) * 2 + 10px);
    height: calc(max(40px, 0.95rem) * 2 + 10px);
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: max(40px, 0.95rem) 0;
  }
  .aKeyNews .aKeyNewsNext {
    right: 50%;
  }
  .aKeyNews .aKeyNewsPrev {
    left: 50%;
  }
  .cooperate .form .item .srk {
    padding-left: 20px;
  }
  .cooperate .form .item .srk span {
    left: 10px;
  }
  .cooperate .form .item .wby {
    padding-left: 20px;
  }
  .cooperate .form p span {
    display: block;
  }
  .course .showConterBox {
    padding: 15px;
  }
  .course .linkBox {
    padding: 20px 0 0;
  }
  .advantage .content .mapBox .mapItem .name {
    font-size: 12px;
    line-height: 20px;
  }
  .advantage .content .listBox {
    padding-bottom: 40px;
  }
  .advantage .content .listBox .list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .advantage .content .listBox .list li {
    width: 50%;
    margin-bottom: 20px;
  }
  .honor .honorSwiper {
    padding: 0;
  }
  .honor .honorItem {
    height: 45vw;
  }
  .honor .slideBox .honorNext {
    right: 10px;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    height: 20px;
  }
  .honor .slideBox .honorPrev {
    left: 10px;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    height: 20px;
  }
  .honor .slideBox .honorPagina {
    height: -webkit-calc(max(40px, 0.95rem) + 20px);
    height: -moz-calc(max(40px, 0.95rem) + 20px);
    height: calc(max(40px, 0.95rem) + 20px);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .honor .slideBox .honorPagina .swiper-pagination-bullet {
    margin: 0 3px;
  }
  .join .form .selectBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .join .joinListItem .showBox {
    padding: 10px;
    font-size: 12px;
  }
  .join .joinListItem .showBox .n span {
    display: block;
  }
  .join .joinListItem .showBox .v {
    font-size: 14px;
  }
  .join .joinListItem .hideText {
    padding: 10px 10px 0;
  }
  .join .joinListItem .hideText .textItem {
    line-height: 1.6;
  }
  .table .box {
    padding: 3px 10px;
  }
  .productDetailsPicTextBlock .content .textList li {
    width: 100%;
    margin: 0 0 20px;
  }
  .productDetailsGnd .picItem .name {
    padding: 0;
  }
  .course {
    background-image: none;
    background-color: #edeced;
  }
  .course .contentItem {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .course .contentItem .nr.wzyc2 {
    -webkit-line-clamp: inherit;
  }
  .course .yearBox .years {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .about-scroll .about-7head .subTitle {
    font-size: 10px;
    padding-top: 5px;
  }
  .banner-pro {
    display: none !important;
  }
  .productDetailsBox {
    padding-top: 60px;
    background: #000;
    width: 100%;
    overflow: hidden;
  }
  .productDetailsBox .comProductBanner {
    padding-top: 0;
  }
  .productDetailsBox .bgPic {
    width: 120%;
    right: -13%;
    left: auto;
  }
  .productDetailsBox .wrap .text .subTitle {
    font-size: 14px;
  }
  .productDetailsBox .wrap .text .nr {
    padding: 10vw 0 0;
  }
}/*# sourceMappingURL=style.css.map */</pre></body></html>