@charset "UTF-8";
@font-face {
  font-family: 'basker';
  src: url("/html/web/static/web/css/fonts/Baskerville_Old.eot");
  src: url("/html/web/static/web/css/fonts/Baskerville_Old.eot") format("embedded-opentype"), url("/html/web/static/web/css//html/web/static/web/css/fonts/Baskerville_Old.woff2") format("woff2"), url("/html/web/static/web/css/fonts/Baskerville_Old.woff") format("woff"), url("/html/web/static/web/css/fonts/Baskerville_Old.ttf") format("truetype"), url("/html/web/static/web/css/fonts/Baskerville_Old.svg") format("svg"); }
/*网站单位设置*/
@media (max-width: 767px) {
  html {
    font-size: 26px !important; } }
@media (max-width: 479px) {
  html {
    font-size: 24px !important; } }
@media (max-width: 320px) {
  html {
    font-size: 20px !important; } }
@media (min-width: 768px) {
  html {
    font-size: 28px !important; } }
@media (min-width: 1200px) {
  html {
    font-size: 30px !important; } }
@media (min-width: 1440px) {
  html {
    font-size: 34px !important; } }
@media (min-width: 1680px) {
  html {
    font-size: 40px !important; } }
body, html, div, ul, li, span, a {
  box-sizing: border-box; }
  .opacity0 {
    opacity: 0;
  }
.por {
  position: relative; }

body, html {
  width: 100%;
  overflow-x: hidden; }

.welcome-list1, .welcome-list2, .welcome-list3, .welcome-list4, .welcome-list5, .welcome-list6, .welcome-list7, .welcome-list8, .welcome-list9, .welcome-list10, .welcome-list11, .welcome-list12, .welcome-list13 {
  width: 100%; }

.poa {
  position: absolute; }

.w92 {
  width: 92%;
  margin-left: auto;
  margin-right: auto; }

.Arial {
  font-family: "Arial"; }

.toUpp {
  text-transform: uppercase; }

.bgff {
  background: #fff; }

.bge7 {
  background: #e7e7e7; }

.nowrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.omit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.video-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 12;
  display: none;
  background: rgba(0, 0, 0, 0.7); }
  .video-bg .close-img {
    position: absolute;
    right: -36px;
    top: -36px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition-duration: .3s; }
    .video-bg .close-img:hover {
      transform: rotate(90deg); }
  .video-bg #video {
    width: 1000px;
    height: 560px; }
  .video-bg .video-box {
    position: absolute;
    width: 1000px;
    height: 560px;
    background: #000; }
.welcome-list12-img2 {
  display: block;
}
.unable-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7); }
  .unable-bg .unable-mains {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 200px;
    margin-top: -100px;
    margin-left: -250px;
    border-radius: 3px;
    z-index: 10;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    color: #000;
    text-align: center;
    line-height: 1.5;
    padding: 40px; }
  .unable-bg .unable-show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .unable-bg .unable-h5 {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .unable-bg .unable-dt {
    font-size: 16px; }
  .unable-bg .unable-close {
    position: absolute;
    right: 4px;
    top: 4px;
    display: block;
    width: 28px;
    height: 28px;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    cursor: pointer; }
    .unable-bg .unable-close:hover {
      transform: rotate(90deg); }

.side-always {
  display: none;
  position: fixed;
  width: 60px;
  height: 112px;
  right: 42px;
  bottom: 98px;
  z-index: 3;
  text-align: center; }
  .side-always .always-item {
    display: block;
    height: 60px;
    border-radius: 4px;
    transition-duration: .3s;
    cursor: pointer; }
  .side-always .tovasen-a0 {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #1c1c1c;
    padding-top: 34px;
    background: #e4e4e4 url(../imgs/home.png) no-repeat center top 4px; }
    .side-always .tovasen-a0:hover {
      color: #fff;
      background: #00824b url(../imgs/homeon.png) no-repeat center top 4px; }
      .side-always .tovasen-a {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #1c1c1c;
    padding-top: 34px;
    background: #e4e4e4 url(../imgs/tovasen-a.png) no-repeat center top 10px; }
    .side-always .tovasen-a:hover {
      color: #fff;
      background: #00824b url(../imgs/tovasen-aon.png) no-repeat center top 10px; }
  .side-always .toTop {
    background: #e4e4e4 url(../imgs/toTop.png) no-repeat center; }
    .side-always .toTop:hover {
      background: #00824b url(../imgs/toTopon.png) no-repeat center; }

.omit1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.omit2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.omit3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.omit4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.omit5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.omit6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.omit7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.omit8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.omit9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.opa7 {
  opacity: .7;
  filter: alpha(opacity=70); }

.ovh {
  overflow: hidden; }

.ovs {
  overflow: visible; }

.img100 {
  display: block;
  width: 100%; }

.table {
  display: table;
  width: 100%;
  height: 100%; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.flexBox.between {
  justify-content: space-between;
}
.flexBox.center {
  justify-content: center;
}
.flexBox.start {
  justify-content: flex-start;
}
.can-hover .img-wrap {
  overflow: hidden; }
  .can-hover .img-wrap .img100 {
    transition: all 1s ease; }
.can-hover:hover .img-wrap .img100 {
  transform: scale3D(1.1, 1.1, 1.1); }

.bgImg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important; }

.poa50 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.poa100 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sha10 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.header-nav, .search-btn {
  transition: all 0.5s; }

.hide1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.show1 {
  z-index: 3;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.pad-header {
  padding-top: 830px; }

.toUpp {
  text-transform: uppercase; }

.js-left {
  opacity: 0;
  transform: translateX(-30px);
  transition-property: transform opacity;
  transition-duration: .8s;
  transition-timing-function: ease; }

.js-right {
  opacity: 0;
  transform: translateX(30px);
  transition-property: transform opacity;
  transition-duration: .8s;
  transition-timing-function: ease; }

.w1500 {
  width: 78%;
  margin-left: auto;
  margin-right: auto; }

.bg10mc {
  background: rgba(212, 0, 0, 0.1); }

.loaddings {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  display: block;
  background: url(/html/web/static/web/imgs/loadings.gif) no-repeat center;
  background-size: 40px;
  width: 40px;
  height: 40px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff !important;
  width: 3px !important; }

.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(255, 255, 255, 0.2) !important;
  width: 3px !important; }

.mCSB_inside > .mCSB_container {
  margin-right: 18px !important; }

.hide1 {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
  opacity: 0 !important; }

.show1 {
  z-index: 3;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.w1440 {
  margin-left: auto;
  margin-right: auto; }

.w1440 {
  width: 1440px; }

.svg1 {
  overflow: hidden;
  -webkit-clip-path: circle(2.1% at 50% 50%);
  clip-path: circle(0% at 50% 50%);
  transition: all 1s cubic-bezier(0, 0.35, 0.14, 1.1) 0.5s; }
  .svg1.animate {
    -webkit-clip-path: circle(70.7% at 50% 50%);
    clip-path: circle(70.7% at 50% 50%); }

.js-m {
  opacity: 0;
  transform: translateY(30px);
  transition-property: transform opacity;
  transition-duration: 1s;
  transition-timing-function: ease; }

.js-m2 {
  opacity: 0;
  transform: translateY(30px);
  transition-property: transform opacity;
  transition-duration: .8s;
  transition-timing-function: ease; }

.js-to-left {
  opacity: 0;
  transform: translateX(30px);
  transition-property: transform opacity;
  transition-duration: 1s;
  transition-timing-function: ease; }

.js-to-right {
  opacity: 0;
  transform: translateX(-30px);
  transition-property: transform opacity;
  transition-duration: 1s;
  transition-timing-function: ease; }

.js-m.animate, .js-m2.animate, .js-to-left.animate, .js-to-right.animate {
  opacity: 1;
  transform: translate(0, 0); }

.delay1 {
  transition-delay: .1s; }

.delay2 {
  transition-delay: .2s; }

.delay3 {
  transition-delay: .3s; }

.delay4 {
  transition-delay: .4s; }

.delay5 {
  transition-delay: .5s; }

.delay6 {
  transition-delay: .6s; }

.delay7 {
  transition-delay: .7s; }

.delay8 {
  transition-delay: .8s; }

.delay9 {
  transition-delay: .9s; }

.delay10 {
  transition-delay: 1s; }

.delay11 {
  transition-delay: 1.1s; }

.delay12 {
  transition-delay: 1.2s; }

.delay13 {
  transition-delay: 1.3s; }

.delay14 {
  transition-delay: 1.4s; }

.delay15 {
  transition-delay: 1.5s; }

.delay16 {
  transition-delay: 1.6s; }

.delay17 {
  transition-delay: 1.7s; }

.delay18 {
  transition-delay: 1.8s; }

.delay19 {
  transition-delay: 1.9s; }

.delay20 {
  transition-delay: 2s; }

.delay21 {
  transition-delay: 2.1s; }

.delay23 {
  transition-delay: 2.3s; }

.vh100 {
  height: 100vh; }

.animate .imgIn, .animated .imgIn {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }
  .animate .imgIn:before, .animated .imgIn:before {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1); }

.hd01 {
  padding: 26px 10px 24px;
  text-align: center;
  height: 56px; }
  .hd01 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin: 0 3px;
    transition-duration: .5s;
    background: #e2e2e2;
    opacity: 1;
    vertical-align: top; }
  .hd01 .swiper-pagination-bullet-active {
    width: 13px; }

.hd02 {
  position: absolute;
  z-index: 3;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: auto;
  background: #595b5d;
  border-radius: 13px;
  padding: 18px 0;
  text-align: center; }
  .hd02 .swiper-pagination-bullet {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 12px auto !important;
    transition-duration: .5s;
    background: #3a3a3a;
    opacity: 1;
    vertical-align: top; }
  .hd02 .swiper-pagination-bullet-active {
    background: #fff; }

.welcome-list1 {
  background: #2d2e30; }
.list2-h5 .list2-s0 {
  display: inline-block;
  width: .625rem;
  height: 1rem;
  background-size: 100% !important;
}
.start-s0 {
  margin-right: .25rem;
  background: url(/html/web/static/web/imgs/start-s.png) no-repeat top center;
}
.end-s0 {
  margin-left: .25rem;
  background: url(/html/web/static/web/imgs/end-s.png) no-repeat bottom center;
}
.list2-banner {
  width: 1560px;
  margin-left: auto;
  margin: auto;
}
.welcome-list2 .list2-banner {
  margin-top: 1.9rem;
}
.welcome-list2 {
  color: #2b2b2b;
  padding-bottom: 1rem;
  background: url(/html/web/static/web/imgs/welcome-list2-bg.png) no-repeat center; }
  .welcome-list2 .swiper-slide {
    flex: 0 0 426px;
    overflow: hidden; }
  .welcome-list2 .img-wrap {
    max-width: 332px;
    overflow: hidden;
    margin: 0 auto .9rem; }
  .welcome-list2 .list2-h5 {
    font-size: .75rem;
    line-height: 1rem;
    color: #2b2b2b;
    margin-bottom: 10px; }
  .welcome-list2 .list2-name {
    text-align: right;
    font-size: .6rem;
    line-height: 34px;
    color: #999;
    height: 68px; }
  .welcome-list2 .hd01 {
    display: none; }

.welcome-list3 .txt-img {
  opacity: 0;
  transform: translateY(-10px);
  transition-duration: .8s; }
.welcome-list3 .list3-txt1 {
  transition-delay: 2s; }
.welcome-list3 .list3-txt2 {
  transition-delay: 2.2s; }
.welcome-list3 .list3-txt3 {
  transition-delay: 2.8s; }
.welcome-list3 .list3-txt4 {
  transition-delay: 3.2s; }
.welcome-list3 .list3-mains1 {
  position: relative; }
  .welcome-list3 .list3-mains1.animated .txt-img {
    opacity: 1;
    transform: translateY(0); }
.welcome-list3 .list3-banner-wrap {
  position: absolute;
  left: 50%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: auto !important;
  transform: translate(-50%, 0);
  padding: 0 1.25vw 32px; }
.welcome-list3 .list3-banner {
  margin-top: 1rem;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  color: #fff; }
.welcome-list3 .slide-img-wrap {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 3.3rem; }
.welcome-list4 {
  background: #616568; }
  .welcome-list4 .swiper-slide {
    flex: 1;
    position: relative;
    overflow: hidden;
  }
    .welcome-list4 .swiper-slide:hover .hover {
      opacity: 1; }
    .welcome-list4 .swiper-slide:hover .unhover {
      opacity: 0; }
  .welcome-list4 .placeHoler-img {
    opacity: 0;
    z-index: 0; }
  .welcome-list4 .unhover, .welcome-list4 .hover {
    transition: all .5s linear; }
  .welcome-list4 .hover {
    opacity: 0; }
  .welcome-list4 .hd01 {
    display: none; }

.tec {
  text-align: center; }

.moudle-titles {
  color: #2b2b2b;
  padding-top: 1.9rem; }
  .moudle-titles.white {
    color: #fff; }
  .moudle-titles .moudle-h5 {
    font-size: 40px;
    line-height: 1.5; }
  .moudle-titles .moudle-detail {
    margin-top: 20px;
    font-size: 24px;
    line-height: 2; }
  .moudle-titles .moudle-yellow {
    color: #e86031;
    }
    .moudle-titles .moudle-bot {
      padding-bottom: 1.5rem;
      margin-top: 10px;
    }
  .moudle-titles.poa {
    z-index: 3;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute; }

.flex50 {
  flex: 0 0 50%;
  width: 50%; }

.swiper-banner0 {
  overflow: hidden; }

.welcome-list5 {
  position: relative; }

.bg9f {
  background: #9fa4a7; }

.welcome-list6 {
  color: #fff;
  text-align: center;
  padding-top: 54px; }
  .welcome-list6 .list6-txt0 {
    position: absolute;
    z-index: 2;
    top: 3.6rem;
    left: 4.3rem;
    width: 414px;
    height: auto; }
  .welcome-list6 .txt0-h2 {
    display: inline-block;
    padding: 0 2.4rem;
    font-size: 24px;
    line-height: 64px;
    color: #1a1a1a;
    height: 64px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto; }
  .welcome-list6 .txt0-h5 {
    font-size: 1rem;
    line-height: 1.25;
    margin: 2.2rem 0 .5rem; }
  .welcome-list6 .txt0-detail {
    font-size: .6rem;
    line-height: 2.1; }
  .welcome-list6 .slide-h5 {
    color: #333;
    font-size: 20px;
    line-height: 30px; }
  .welcome-list6 .slide-detail {
    color: #666;
    font-size: 12px;
    line-height: 24px; }
  .welcome-list6 .slide-txts {
    display: none; }
  .welcome-list6 .img-wrap {
    padding-left: 320px; }
  .welcome-list6 .swiper-slide {
    background: #9fa4a7; }

.welcome-list7 {
  padding: 2.2rem 0;
  text-align: center; }
  .welcome-list7 .list7-flex {
    align-items: center; }
  .welcome-list7 .welcome-list7-txts {
    height: auto;
    padding-bottom: 1.2rem; }
  .welcome-list7 .list7-banner {
    margin-top: 1.5rem; }
  .welcome-list7 .ico-wrap {
    display: inline-block;
    max-width: 107px; }
  .welcome-list7 .ico-h5 {
    padding: 18px 0 8px;
    font-size: 20px;
    line-height: 2;
    color: #fff; }
  .welcome-list7 .ico-detail {
    font-size: 14px;
    line-height: 2.1;
    color: #737373; }
  .welcome-list7 .list7-img {
    display: inline-block;
    width: auto;
    max-width: 100%; }

.welcome-list8 {
  padding: 3.4rem 0 2.4rem; }
  .welcome-list8 .list8-item {
    font-size: 22px;
    line-height: 2;
    margin-top: .6rem;
    color: #737373; }
  .welcome-list8 .welcome-list8-imgs {
    text-align: center; }
  .welcome-list8 .list8-img {
    display: inline-block;
    width: auto;
    max-width: 100%; }
  .welcome-list8 .list8-item-wrap {
    margin-top: 1rem; }
  .welcome-list8 .moudle-titles {
    padding-top: .5rem; }

.welcome-list9 {
  padding: 1.3rem 0 1.6rem; }
  .welcome-list9 .list9-h5 {
    padding-bottom: 1rem;
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
    color: #2b2b2b; }

.mCSB_inside > .mCSB_container {
  margin-right: 10px !important; }

.mCSB_scrollTools {
  width: 6px !important; }
.welcome-list10-imgs {
  position: relative;
  overflow: visible;
  padding-bottom: 1.6rem;
  padding-left: 1.5rem;
}
.welcome-list10 .moudle-titles {
  position: relative;
  z-index: 2;
}
.welcome-list10-imgs:before {
  content: "";
  display: block;
  width: 100%;
  height: 200%;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  background: url(/html/web/static/web/imgs/welcome-list10-bg1.jpg) no-repeat center;
  background-size: cover !important;
}
.welcome-list10-mains {
  padding: 0 50% 0 0;
}
.welcome-list10 {
  text-align: center; }
  .welcome-list10 .welcome-list10-right {
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 0;
    height: 100%;
   }
   .list10-m {
    display: none;
   }
  .welcome-list10 .list10-banner {
    width: 710px;
    margin: 1rem auto 0; }
  .welcome-list10 .ico-wrap {
    display: inline-block;
    max-width: 106px; }
  .welcome-list10 .ico-h5 {
    padding: 18px 0 0;
    font-size: 20px;
    line-height: 2;
    color: #2b2b2b; }
  .welcome-list10 .list10-img {
    display: inline-block;
    width: 12.5rem;
    max-width: 100%; }
  .welcome-list10 .list10-video-btn {
    display: inline-block;
    padding: 0 100px 0 56px;
    border: 1px solid rgba(232, 96, 49, 0.5);
    color: #e86031;
    font-size: 24px;
    line-height: 74px;
    border-radius: 5px;
    cursor: pointer;
    background: url(/html/web/static/web/imgs/video-btn2.png) no-repeat right 34px center;
    transition-duration: .5s; }
    .welcome-list10 .list10-video-btn:hover {
      transform: translateX(-6px); }
  .welcome-list10 .right-mains {
    text-align: left;
    position: relative; }
  .welcome-list10 .right-txts {
    position: absolute;
    width: 100%;
    height: auto;
    top: 2.2rem; }
  .welcome-list10 .list10-name {
    position: relative;
    z-index: 3;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(177,177,177,.54);
    display: inline-block;
    width: 136px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 16px; }
  .welcome-list10 .scroll-wrap {
    height: 80px; }
  .welcome-list10 .list10-detail {
    font-size: 14px;
    line-height: 20px;
    color: #737373;
    margin-bottom: 20px;
    height: 80px; }
  .welcome-list10 .small-detail {
    font-size: 12px; }
  .welcome-list10 .list10-lines {
    position: absolute;
    overflow: hidden;
    width: 11.2rem; }
  .welcome-list10 .list10-lines1 {
    left: 6rem;
    top: 22px; }
  .welcome-list10 .list10-lines2 {
    left: 4.3rem;
    top: -10px; }
  .welcome-list10 .list10-line {
    width: auto; }
  .welcome-list10 .right-top-txts, .welcome-list10 .right-bot-txts {
    position: relative;
    padding-right: 1.3rem;
    padding-left: 14rem; }
.welcome-list11-banner2 {
  margin-top: 1.4rem;
}
.welcome-list11 {
  padding: 0 1rem 1.5rem;
  text-align: center; }
  .welcome-list11 .list11-flex {
    align-items: stretch; }
  .welcome-list11 .left-slide-h5, .welcome-list11 .right-slide-h5 {
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    color: #2b2b2b; }
  .welcome-list11 .left-slide-detail, .welcome-list11 .right-slide-detail {
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    color: #737373; }
  .welcome-list11-banner2 .img-wrap {
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto .5rem; }
  .welcome-list11 .left-mains, .welcome-list11 .right-mains {
    width: calc(100% - 30px); }
  .welcome-list11 .right-mains {
    margin-left: 30px;
    flex-direction: column;
    height: 100%; }
  .welcome-list11 .right-bot {
    flex: 0 0 auto;
    width: 100%; }
  .welcome-list11 .right-top {
    flex: 0 0 auto;
    width: 100%; }
  .welcome-list11 .left-slide-txts {
    padding: 15px 10px 12px; }
  .welcome-list11 .left-slide-txts {
    position: relative;
    background: #fff;
    z-index: 2; }
    .welcome-list11 .left-slide-txts:before {
      position: absolute;
      left: 50%;
      margin-left: -15px;
      bottom: 100%;
      content: "";
      display: block;
      width: 0;
      height: 0;
      box-sizing: content-box;
      border-width: 14px 15px;
      border-style: solid;
      border-color: transparent transparent #fff transparent; }

.welcome-list12 {
  /* 标准的语法 */ }
  .welcome-list12 .moudle-titles {
    padding-bottom: 1.5rem; }
  .welcome-list12 .list12-left-imgss {
    width: 13rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.1rem; }
  .welcome-list12 .list12-right-imgss {
    width: calc(100% + 1.3rem);
    margin-left: -1.3rem; }

.welcome-list13 {
  padding: 4.25rem 0 3rem; }
  .welcome-list13 .list13-txts {
    max-width: 724px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.5; }
  .welcome-list13 .list13-h1 {
    font-size: 40px;
    color: #e86031; }
    .list13-h1.color {
      color: #e86031;
    }
    .welcome-list13 .list13-h2.color {
      color: #e86031;
    }
  .welcome-list13 .list13-h2 {
    font-size: 50px; }
  .welcome-list13 .list13-detail {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2.5;
    margin: 2rem auto 6rem; }
  .welcome-list13 .list13-logo {
    display: inline-block;
    width: 270px; }

.welcome-list-flex {
  width: calc(100% - 2rem);
  margin: 0 auto; }
.pad42 {
  padding: 0 7.6vw; }

.side-always {
  display: none;
  position: fixed;
  width: 60px;
  height: 112px;
  right: 42px;
  bottom: 98px;
  z-index: 3;
  text-align: center; }
  .side-always .always-item {
    display: block;
    height: 60px;
    border-radius: 4px;
    transition-duration: .3s;
    cursor: pointer; }
  .side-always .tovasen-a0 {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #1c1c1c;
    padding-top: 34px;
    background: #e4e4e4 url(../imgs/home.png) no-repeat center top 6px; }
    .side-always .tovasen-a {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #1c1c1c;
    padding-top: 34px;
    background: #e4e4e4 url(../imgs/tovasen-a.png) no-repeat center top 10px; }
    /*.side-always .tovasen-a:hover {
      color: #fff;
      background: # url(../imgs/tovasen-aon.png) no-repeat center top 10px; }*/
  .side-always .toTop {
    background: #e4e4e4 url(../imgs/toTop.png) no-repeat center; }
    /*.side-always .toTop:hover {
      background: # url(../imgs/toTopon.png) no-repeat center; }*/


.welcome-list4 .hover,.welcome-list4 .unhover {
      width: 100%;
      height: 100%;
      transition-duration: .3s;
      z-index: 2;
    }
    .welcome-list4 .hover {
      opacity: 0;
      background: rgba(0,0,0,.7);
    }
    .welcome-list4 .swiper-slide:hover .hover {
      opacity: 1;
    }
    .welcome-list4 .swiper-slide:hover .unhover {
      opacity: 0;
    }
    .welcome-list4 .swiper-slide:hover .unhover-cn,.welcome-list4 .swiper-slide:hover .unhover-en {
      color: #e86031;
    }
    .welcome-list4 .icon-item {
      flex: 0 0 150px;
      width: 150px;
    }
    .welcome-list4 .hover-mains,.welcome-list4 .unhover-mains {
      height: auto;
      width: 100%;
    }
    .welcome-list4 .swiper-slide {
      position: relative;
      line-height: 1.1;
      text-align: center;
      color: #fff;
    }
    .icon-flexBox {
      width: 426px;
      margin: 1.35rem auto 0;
    }
    .unhover-ico {
      width: 3.25rem;
      display: inline-block;
    }
    .hover-ico {
      width: 2.9rem;
      display: inline-block;
    }
    .unhover-cn {
      font-size: .75rem;
    }
    .unhover .unhover-cn {
      margin-top: .6rem;
    }
    .unhover-en {
      font-size: .45rem;
      margin-top: 6px;
    }
    .hover-name-cn {
      font-size: .75rem;
      font-weight: bold;
      margin: .6rem 0 6px;
    }
    .hover-name-cn {
      font-size: .45rem;
    }
    .hover-cn1 {
      font-size: .6rem;
      margin: .5rem 0 10px;
    }
    .hover-cn2 {
      font-size: .35rem;
      text-align: left;
      color: #ababab;
      line-height: 1.4;
    }

@media (max-width: 1800px) {
  .welcome-list3 .slide-img-wrap {
    max-width: 3rem; }

  .welcome-list10 .list10-lines1 {
    left: 5rem; }

  .welcome-list10 .list10-lines2 {
    left: 4rem; }

  .welcome-list10 .right-mains {
    left: -2rem; }

  .pad42 {
    padding: 0 6vw; }

  .welcome-list10 .right-txts {
    top: 1.1rem; }

  .welcome-list10 .ico-h5 {
    padding-top: 8px; }

  .welcome-list10 .list10-img {
    width: 12rem; }

  .welcome-list10 .ico-wrap {
    max-width: 80px; }

  .welcome-list10 .right-top-txts, .welcome-list10 .right-bot-txts {
    padding-left: 13.5rem; }

  .moudle-titles .moudle-h5, .welcome-list13 .list13-h1 {
    font-size: 1rem; }

  .welcome-list3 .list3-banner, .moudle-titles .moudle-detail, .welcome-list10 .list10-video-btn, .welcome-list11 .left-slide-h5, .welcome-list11 .right-slide-h5, .welcome-list8 .list8-item {
    font-size: .6rem; }

  .welcome-list13 .list13-h2 {
    font-size: 1.25rem; }

  .welcome-list9 .list9-h5 {
    font-size: .75rem; }

  .welcome-list13 .list13-detail, .welcome-list10 .list10-name, .welcome-list10 .ico-h5, .welcome-list7 .ico-h5 {
    font-size: .5rem; }

  .welcome-list7 .ico-h5 {
    padding-top: 8px; }

  .welcome-list7 .ico-detail {
    font-size: 12px; }

  .welcome-list10 .list10-video-btn {
    padding: 0 60px 0 20px;
    line-height: 50px;
    background: url(/html/web/static/web/imgs/video-btn2.png) no-repeat right 20px center;
    background-size: 16px !important; }

  .welcome-list13 .list13-txts {
    max-width: 640px; }

  .welcome-list13 .list13-detail {
    margin: 1.5rem auto 4rem; }

  .welcome-list2 .img-wrap {
    width: 8.3rem; }

  .welcome-list7 .ico-wrap {
    width: 90px; } }
@media (max-width: 1660px) {
  .list2-banner {
    width: 92%;
  }
 }
 @media (max-width: 1560px) {
  .unhover-ico {
    width: 2.8rem;
  }
  .hover-ico {
    width: 2rem;
  }
  .icon-flexBox {
    flex: 0 0 340px;
    width: 340px;
  }
  .welcome-list2 .swiper-slide {
    flex: 0 0 28%;
    width: 28%;
  }
 }
 .list0-left-logo {
  flex: 0 0 311px;
  height: auto;
  position: relative;
  left: 2rem;
  top: 1.6rem;
  display: inline-block;
}
.list0-left-logo img{
  width: 231px;
}
@media (max-width: 1430px) {
  .list0-left-logo {
    left: .5rem;
    top: 1rem;
  }
  .welcome-list3 .slide-img-wrap {
    margin-bottom: 7px;
    width: 2.5rem; }

  .welcome-list10 {
    padding: 1rem 0 0; }

  .welcome-list10 .list10-line1 {
    height: 42px;
    left: 4rem; }

  .welcome-list10 .list10-line2 {
    left: 4.2rem; }

  .video-bg .video-box, .video-bg #video {
    width: 800px;
    height: 450px; }

  .welcome-list10 .right-top-txts, .welcome-list10 .right-bot-txts {
    padding-left: 12.5rem; }

  .welcome-list10 .list10-detail {
    margin-bottom: 8px; }

  .welcome-list3 .list3-banner {
    line-height: 28px; }
}
    .welcome-list12 .m-img,.welcome-list6 .m-img {
      display: none;
    }
    .welcome-list5 .m-img {
      display: none;
    }
    .welcome-list12-img1 .img100 {
      width: auto;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .welcome-list12-img1 {
      padding-bottom: 2.6rem;
    }
    .welcome-list10 .right-mains {
      padding: 0;
    }

@media (max-width: 1270px) {
  .welcome-list4 .icon-item {
    flex: 0 0 120px;
    width: 120px;
  }
  .icon-flexBox {
    width: 270px;
  }
  .welcome-list8 .list8-m-img {
    display: block;
  }
  .welcome-list8 .list8-img.opacity0 {
    display: none;
  }
  .welcome-list11 {
    padding: 0 .5rem;
  }
  .welcome-list12 .m-img,.welcome-list5 .m-img,.welcome-list6 .m-img  {
      display: block;
    }
    .welcome-list12 .pc-img,.welcome-list5 .pc-img,.welcome-list6 .pc-img {
      display: none;
    }
  .list10-pc {
    display: none;
   }
   .list10-m {
    display: block;
   }
  .side-always {
    right: 0; }

  .welcome-list11 .left-slide-h5, .welcome-list11 .right-slide-h5 {
    line-height: 26px;
    height: 26px; }

  .welcome-list11 .left-slide-txts {
    padding: 5px; }

  .welcome-list12 .list12-left-imgss {
    width: 9rem; }

  .welcome-list6 .list6-txt0 {
    left: 1.5rem; }

  .welcome-list6 .txt0-h2 {
    padding: 0 1.5rem; }

  .pad42 {
    padding: 0 2vw; }

  .welcome-list11 .right-img-wrap {
    margin-bottom: 0; }

  .welcome-list13 .list13-detail {
    margin: 1rem auto 5rem; } }
    .m-video-txts {
      display: none;
    }
    .welcome-list10 .welcome-list10-right.list10-m {
      display: none;
    }
    .welcome-list11 {
      background-color: #f1f1f1;
    }
    .welcome-list10 .m-video-btn {
      display: none;
    }
@media (max-width: 1200px) {
    .welcome-list10 .list10-video-btn {
      display: none !important;
    }
    .welcome-list10-imgs {
          padding-bottom: 1rem;
      padding-left: 4vw;
    }
    .welcome-list10 .right-mains {
      width: calc(100% - 4vw);
    }
  .welcome-list10 .m-video-btn {
    display: block;
    color: transparent;
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(/html/web/static/web/imgs/video-m.png) no-repeat center;
    background-size: 100% !important;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: calc(-16px - .5rem);
  }
  .m-txt-item {
    padding: 24px 0;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .welcome-list10 .list10-detail {
    font-size: 10px;
    color: #363636;
    height: auto;
  }
  .welcome-list10 .list10-name {
    width: 100px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
  }
  .welcome-list10-mains {
    position: relative;
  }
  .welcome-list10 .list10-banner {
    margin-bottom: 0 !important;
  }
  .welcome-list10-imgs:before {
    height: 260%;
  }
  .welcome-list10 .welcome-list10-right.list10-m {
      display: block;
      height: 260%;
    }
    .welcome-list10 .welcome-list10-right.list10-pc {
      display: none;
    }
  .m-video-txts {
      display: block;
    }
  .welcome-list7 {
    padding: 1rem 0; }

  .welcome-list11 .right-img-wrap {
    width: 4rem; }

  .welcome-list3 .slide-img-wrap {
    width: 2rem; }

  .welcome-list3 .list3-banner {
    margin-top: 1rem; }

  .welcome-list10 .right-mains {
    left: 0; }

  .welcome-list10 .list10-img {
    width: 100%; }

  .welcome-list10 .right-txts {
    display: none; }

  .welcome-list2 .img-wrap {
    width: 7rem; } }
    
@media(min-width: 1024px) {
  .welcome-list1 .m-img {
    display: none;
  }
}
@media (max-width: 1023px) {
  .unhover-cn {
    font-size: 16px;
  }
  .hover-cn1 {
    font-size: 14px;
  }
  .icon-flexBox {
    margin-top: 11px;
  }
  .welcome-list4 .swiper-slide .unhover-cn,.welcome-list4 .swiper-slide .unhover-en {
      color: #e86031;
    }
  .welcome-list4 .swiper-slide {
    flex: 0 0 100%;
  }
  .welcome-list4 .unhover {
    display: none;
    opacity: 0;
  }
  .welcome-list4 .hover {
    opacity: 1;
  }
  .side-always .tovasen-a  {
    font-size: 10px;
  }
  .welcome-list8-txts {
    text-align: center;
  }
  .welcome-list8-txts .left-mains  {
    display: inline-block;
  }
  .welcome-list8-txts .list8-item-wraps {
    text-align: left;
  }
  .welcome-list2 .list2-h5 {
    font-size: .6rem;
  }
  .welcome-list2 .list2-name {
    font-size: .5rem;
  }
  .welcome-list2 .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.welcome-list2 .swiper-slide .img-wrap {
  flex: 0 0 37.4%;
  width: 37.4%;
}
.welcome-list2 .swiper-slide .txts-wrap {
  flex: 0 0 62.6%;
  width: 62.6%;
}
  .moudle-titles .moudle-h5, .welcome-list13 .list13-h1, .welcome-list6 .txt0-h5 {
    font-size: 22px; }

    .welcome-list1 .m-img {
    display: block;
  }
  .welcome-list1 .pc-img {
    display: none;
  }
 .moudle-titles {
    padding-top: 1rem; }
  .welcome-list12 .list12-left-imgss {
    width: 6rem; }

  .welcome-list12 .list12-right-imgss {
    width: 100%;
    margin-left: 0;
    padding-top: 30px; }

  .welcome-list11 .right-img-wrap {
    width: 3rem; }

  .welcome-list6 .txt0-h2 {
    font-size: 18px;
    line-height: 44px;
    height: 44px;
    padding: 0 1rem; }

  .welcome-list10 .list10-banner {
    margin: 1rem auto 2rem; }

  .welcome-list3 .list3-banner, .moudle-titles .moudle-detail, .welcome-list10 .list10-video-btn, .welcome-list11 .left-slide-h5, .welcome-list11 .right-slide-h5, .welcome-list8 .list8-item {
    font-size: .5rem; }

  .welcome-list13 .list13-logo {
    width: 130px; }

  .welcome-list13 .list13-detail, .welcome-list10 .list10-name, .welcome-list10 .ico-h5, .welcome-list7 .ico-h5, .welcome-list11 .left-slide-detail, .welcome-list11 .right-slide-detail {
    font-size: 12px; }

  .welcome-list13 .list13-h2 {
    font-size: 24px; }
  .welcome-list10 .list10-video-btn {
    line-height: 40px; }

  .welcome-list6 .txt0-h5 {
    margin-top: 1.5rem; }

  .welcome-list6 .txt0-detail {
    font-size: 12px; }

  .welcome-list7 .ico-wrap, .welcome-list10 .ico-wrap {
    width: 2.6rem; }

  .welcome-list6 .list6-txt0 {
    left: 4vw;
    top: 40px;
    width: 240px; }

  .welcome-list6 .img-wrap {
    padding-left: 240px; }

 

  .video-bg .video-box, .video-bg #video {
    width: 92vw;
    height: 51.7vw; }

  .video-bg .close-img {
    right: 0; }

  .welcome-list2 .img-wrap {
    width: 4rem; }

  .welcome-list3 .list3-banner-wrap {
    height: auto;
    width: calc(100% - 20px);
    bottom: 20px;
    padding: 0 2px 20px; }

  .welcome-list2 .list2-name {
    line-height: 24px;
    height: 48px; }
  }
}
.list3-m-reminds {
  display: none;
}
.list1-banner {
  overflow: hidden;
}
.list1-banner-hd01 {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 3;
  width: 100%;
}
.list1-banner-hd01 .swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 0 6px;
  transition:all .3s;
  opacity: 1;
  background: #7a7d7e;
  border-radius: 50%;
}
.list1-banner-hd01 .swiper-pagination-bullet-active {
  background: #fff;
  /*background: #00824b;*/
}
.welcome-list0 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
    @media (min-width: 768px) {
      .opacity0 {
        opacity: 0 !important;
      }
      .welcome-list1 .gif-bg,.welcome-list7 .list7-m-img,.welcome-list8 .list8-m-img {
        display: none;
      }
      .welcome-list3 .m-img,.welcome-list7 .list7-m-img,.welcome-list8 .list8-m-img {
        display: none;
      }
    }
    .list3-m-reminds {
      display: none;
    }
@media (max-width: 767px) {

  .icon-flexBox {
    flex: 0 0 280px;
  }
  .list1-banner-hd01 {
    bottom: 10px;
  }
  .list1-banner-hd01 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .list0-left-logo {
    width: 125px;
    flex: 0 0 125px;
    left: 25px;
    top: 25px;
    height: auto;
  }
  .list3-m-reminds {
      display: block;
      position: absolute;
      left: 0;
      top: -44px;
      width: 100%;
      line-height: 40px;
      text-align: center;
      color: #e86031;
      font-size: 14px;
    }
  .welcome-list7 .pc-inline,.moudle-titles .pc-inline {
    display: block;
  }
  .side-always .always-item {
    height: 50px;
  }
  .side-always .tovasen-a {
    background-size: 24px !important;
    padding-top: 26px;
    background: #e4e4e4 url(../imgs/tovasen-a.png) no-repeat center top 4px;
  }
  .side-always .tovasen-a0 {
    margin-bottom: 4px;
    padding-top: 29px;
    background: #e4e4e4 url(../imgs/home.png) no-repeat center top 4px;
    background-size: 24px !important;
  }
  .side-always {
    width: 52px;
    bottom: 4vw;
    height: auto;
    right: 4vw;
  }
  .welcome-list7 .list7-m-img,.welcome-list8 .list8-m-img  {
    display: block;
  }
  .moudle-titles .moudle-h5, .welcome-list13 .list13-h1, .welcome-list6 .txt0-h5 {
    font-size: 20px !important;
  }
  .welcome-list7 .ico-wrap, .welcome-list10 .ico-wrap {
    width: 36px;
  }
  .welcome-list10 .ico-h5 {
    font-size: 10px !important;
  }
  .welcome-list10 .list10-banner {
    width: 250px;
  }
  .moudle-titles {
    padding-top: 1.5rem;
  }
  .welcome-list11-banner2 {
    margin-top: 1.5rem;
  }
  .welcome-list3 .pc-img {
      display: none;
    }
    .welcome-list3 .m-img {
      display: block;
    }
  .welcome-list2 .list3-banner {
    margin-top: 1px;
  }
  .welcome-list3 .list3-banner {
    font-size: 10px;
  }
  .welcome-list7 .gif-bg,.welcome-list8 .gif-bg,.welcome-list7 .list7-img.list7-pc-img,.welcome-list8 .list8-img.list8-pc-img  {
    display: none;
  }
  .welcome-list8 .gif-bg {
    position: static;
    display: block;
  }
  .welcome-list-flex.list8-flex{
    width: 100%;
  }
  .welcome-list8 {
    background: #e7e7e7 !important;
  }
  .welcome-list8-txts.flex50,.welcome-list7 .welcome-list7-txts {
    width: 92%;
    flex: 0 0 92%;
    margin-left: 4%;
  }
  .welcome-list1 {
    height: auto !important;
    width: 100vw;
  }
  .welcome-list1 .swiper-wrapper,.welcome-list1 .list1-banner,.welcome-list1 .swiper-slide {
    height: auto !important;
  }
  .welcome-list11 .left-mains, .welcome-list11 .right-mains {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }

  .welcome-list11 .right-mains {
    margin-top: 20px;
    margin-bottom: 20px; }

  .welcome-list6 .txt0-h2 {
    width: 140px;
    font-size: 14px;
    height: 30px;
    line-height: 30px; }

  .welcome-list10 .list10-video-btn {
    line-height: 34px;
    height: 34px;
    background: url(/html/web/static/web/imgs/video-btn2.png) no-repeat right 13px center;
    padding: 0 44px 0 10px; }

  .welcome-list10 .list10-banner {
    padding-bottom: 1rem; }

  .welcome-list9 .list9-h5 {
    padding-top: 1rem; }

  .welcome-list9 {
    padding: 0 0 1rem; }

  .welcome-list-flex {
    width: 92%; }

  .pad42 {
    padding: 0; }

  .welcome-list8 .welcome-list8-imgs {
    margin-top: 1rem; }

  .welcome-list8 {
    padding: 1.5rem 0; }
.welcome-list10 {
  padding: 0;
}
.welcome-list7 .ico-detail {
  font-size: 10px;
}
  .welcome-list13 {
    padding: 5rem 0 6rem; }

  .welcome-list7-imgs .pad42 {
    padding: 0 4vw; }
    .welcome-list7-imgs .pad42.right-mains {
      padding: 0
    }
    .welcome-list-flex.list7-flex {
      width: 100%;
    }
    .welcome-list7 {
      background: #141517 !important;
    }
    .welcome-list7 .welcome-list7-txts {
      flex: 0 0 92%;
      margin: 0 4%;
    }

  .welcome-list7 .ico-h5 {
    padding: 0; }

  .hd02 {
    position: absolute;
    width: auto;
    background: none;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    border-radius: 6px;
    background: #787878;
    top: calc(100% - 20px);
    padding: 3px 0;
    height: 14px; }
.hd02 .swiper-pagination-bullet {
  background: #292929 !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: #fff !important;
}
  .list6-banner-wrap {
    padding-bottom: 0; }
    .welcome-list12-img1 {
      padding: 0 10vw 2.5rem;
    }

  .hd02 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 6px !important; }

  .welcome-list6 .img-wrap {
    padding-left: 0; }
/*.welcome-list7 .moudle-titles .moudle-h5 {
  width: 60%;
  margin-left: 20%;
}*/
  .welcome-list6 {
    padding-top: 10rem; }

  .welcome-list3 .slide-img-wrap {
    width: 48px; }

  .welcome-list2 .img-wrap {
    width: 5rem; }
  .welcome-list3 .list3-mains1 {
    width: 100%;
    overflow: scroll;
  }
  .moudle-titles.poa {
    padding-top: 2rem;
  }
  .welcome-list3 .list3-banner-wrap .moudle-titles {
    padding-top: 10px !important;
  }
  .welcome-list3 .list3-mains1 .welcome-list31-img {
    /*display: block;*/
    width: auto;
    max-width: 800px;
  }
  .moudle-titles.poa, .welcome-list6 .list6-txt0 {
    /*position: static;*/
    padding-bottom: 1rem;
    left: 4%;
    width: 92%; }
    .welcome-list3 .list3-banner {
      margin-top: 20px;
    }
.welcome-list3 .slide-img-wrap {
  margin-bottom: 0;
}
  .moudle-titles .moudle-detail {
    margin-top: 10px; }

  .welcome-list3 .list3-banner-wrap {
    height: auto;
    padding: 10px 10px 20px;
   }

  .welcome-list32-img {
    display: none; }
.moudle-titles {
  width: 92%;
  margin-left: auto;
    margin-right: auto;
}
  .welcome-list13 .list13-txts {
    width: 80%;
     }

  .flex50 {
    flex: 0 0 100%;
    width: 100%; }

  .welcome-list12 .list12-left-imgss {
    width: 80%; }

  .welcome-list11 .left-slide-detail, .welcome-list11 .right-slide-detail {
    font-size: 10px; }

  .welcome-list8 .moudle-titles {
    width: 100%; }

  .welcome-list11 .right-mains {
    height: auto; }

  .welcome-list11 .right-top {
    margin-bottom: 20px; }

  .welcome-list11 {
    padding-bottom: 1rem; } }
    @media (max-width: 321px) {
      .welcome-list5 .moudle-titles.poa {
        width: 100%;
        left: 0;
      }
    }