@charset "UTF-8";
body, html {
  font-size: -webkit-calc(100vw / 120);
  font-size: -moz-calc(100vw / 120);
  font-size: calc(100vw / 120);
 
}

@media (min-width: 1366px) and (max-width: 1680px) {
  body, html {
    font-size: -webkit-calc(100vw / 110);
    font-size: -moz-calc(100vw / 110);
    font-size: calc(100vw / 110);
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  body, html {
    font-size: -webkit-calc(100vw / 100);
    font-size: -moz-calc(100vw / 100);
    font-size: calc(100vw / 100);
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  body, html {
    font-size: -webkit-calc(100vw / 90);
    font-size: -moz-calc(100vw / 90);
    font-size: calc(100vw / 90);
  }
}

@media (max-width: 767px) {
  body, html {
    font-size: 14px;
  }
}


body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

p {
  padding: 0;
  margin: 0;
}

.wh {
  padding: 0 16.54167%;
}

@media (max-width: 1366px) {
  .wh {
    padding: 0 5.78125%;
  }
}

@media (max-width: 768px) {
  .wh {
    padding: 0 4%;
  }
}

.wh1 {
  padding: 0 3.125%;
}

@media (max-width: 768px) {
  .wh1 {
    padding: 0 4%;
  }
}

.flex {
  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;
  -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;
}

.flex-z {
  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-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;
}

.flex_left {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -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;
}

.flex_left1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex2 {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex3 {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex21 {
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.more-msl {
  display: inline-block;
  color: #959595;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font-weight:500; font-size:1rem; line-height:3.125em;
  border-radius: 1.5625rem;
  width: 10rem;
  text-align: center;
  background: transparent;
  border: 1px solid #959595;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
}

@media (max-width: 768px) {
  .more-msl {
    line-height: 2.8rem;
    width: 9rem;
    font-size:0.9rem;
  }
}

.more-msl:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #006BB9;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
   -ms-transform: scale(0);
    -o-transform: scale(0);
       transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
       transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}

.more-msl:hover {
  color: #fff;
  border-color: #006BB9;
}

.more-msl:hover::before {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
   -ms-transform: scale(2);
    -o-transform: scale(2);
       transform: scale(2);
}

.more-msl.bs {
  color: #fff;
  border: 1px solid #fff;
}

.more-msl.bs:before {
  background: #fff;
}

.more-msl.bs:hover {
  color: #006BB9;
  border-color: #fff;
}

.more-msl1 {
  display: inline-block;
  color: #959595;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font-weight:500; font-size:1rem; line-height:3.125em;
  border-radius: 1.5625rem;
  width: 10rem;
  text-align: center;
  background: transparent;
  border: 1px solid #959595;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
}

@media (max-width: 768px) {
  .more-msl1 {
    line-height: 2.8rem;
    width: 9rem;
    font-size:0.9rem;
  }
}

.more-msl1:before {
  background: #7986cb;
}

.more-msl1:after {
  background: #3f51b5;
}

.more-msl1:before, .more-msl1:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
       transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.more-msl1:hover {
  color: #fff;
  border-color: #006BB9;
}

.more-msl1:hover:before, .more-msl1:hover:after {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
       transform: translate3d(0, 100%, 0);
}

.more-msl1:hover:after {
  -webkit-transition-delay: 0.175s;
  -moz-transition-delay: 0.175s;
    -o-transition-delay: 0.175s;
       transition-delay: 0.175s;
}

@media (max-width: 990px) {
  body {
    padding-bottom: 0;
    overflow: hidden;
  }
}

@media (max-width: 990px) {
  .pc-hidden {
    display: none;
  }
}

.m-hidden {
  display: none;
}

@media (max-width: 990px) {
  .m-hidden {
    display: block;
  }
}

.m-img-nac {
  padding-bottom: 55.33597%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.m-img-nac img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.m-img-news {
  padding-bottom: 68.18182%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.m-img-news img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 990px) {
  .m-img {
    padding-bottom: 66%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .m-img.a {
    padding-bottom: 80%;
  }
  .m-img > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .pc-banner .swiper-slide.a {
    padding-bottom: 80%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .pc-banner .swiper-slide.a .img {
    position: static !important;
  }
  .pc-banner .swiper-slide.a .img img {
    position: absolute !important;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.head {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 999; background: #3c4041;
}

.head .head2 {
  line-height: 5.8125rem;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.head .head2 .logo a {
  display: block;
}

.head .head2 .logo a img {
  height: 2.3125rem;
}

.head .head2 .logo a img.b {
  display: none;
}

.head .head2 .sska, .head .head2 .zywena {
  font-size: 1rem;
  color: #fff;
}

.head .head2 .sska a, .head .head2 .zywena a {
  padding: 0.25em 0.5em;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.1);
 font-weight:500; font-size:1rem; line-height:1.5em;
  display: inline-block;
  color: #fff;
  border-radius: 1em;
}

.head .head2 .sska i, .head .head2 .zywena i {
  color: #fff;
  font-size: 1rem;
}

.head .head2 .zywena {
  text-align: center;
  margin-left: 1em;
}

.head .head2 .zywena a {
  padding: 0.25em 1em;
}

.head .head2 .zywena a i {
  margin-right: 0.4em;
}

.head .head2 a.lxwmore {
  background: #006BB9;
  border-radius: 1.25rem;
  padding: 0 1.5em;
  line-height: 2.5rem;
}

.head .head2 a.lxwmore i {
  display: block;
  width: 1.5rem;
  margin-right: 0.5em;
}

.head .head2 a.lxwmore p {
  font-weight:500; font-size:1rem; line-height:2.5em;
  color: #fff;
}

.head .sskbj {
  display: none;
}

.head .searchbox {
  border-top: 2px solid #006BB9;
  top: 5.8125rem;
}

.head .serbtn {
  background: #006BB9;
}

.nav-img {
  padding-bottom: 68%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.nav-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .9375rem;
}

#menu {
  margin-right: 1vw;
}

#menu .nav_a1 li {
  float: left;
  position: relative;
}

#menu .nav_a1 li a {
  display: block;
  color: #fff;
  
}

#menu .nav_a1 li > a {
  font-size: 1rem;
  padding: 0 1.55em;
  line-height: 5.8125rem;
  height: 5.8125rem;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  #menu .nav_a1 li > a {
    padding: 0 1.125em;
  }
}

#menu .nav_a1 li > a span {
  position: relative;
  display: block;
}

#menu .nav_a1 li > a span:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #006BB9;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}

#menu .nav_a1 li .sec {
  position: absolute;
  top: 100%;
  width: 170%;
  left: -35%;
  background: white;
  z-index: 999;
  text-align: center;
  padding: 0.5em 0;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}

#menu .nav_a1 li .sec > a {
  font: 0.95rem/1.5em "Arial";
  padding: 0.3em 0;
  color: #333;
}

#menu .nav_a1 li .sec > a:hover {
  color: #006BB9;
}

#menu .nav_a1 li .sec:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent white transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
  display: none;
}

#menu .nav_a1 li .sec1 {
  width: 72.91667vw;
  left: -33vw;
  border-radius: 0;
  padding: 1rem 8% 1rem 0;
  top: 100%;
  border-radius: 5px;
}

#menu .nav_a1 li .sec1:after {
  display: none;
}

#menu .nav_a1 li .sec1 .wehxh-va {
  padding: 0.5rem 0;
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl dt {
  width: 20%;
  padding: 1rem 0;
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl dt a {
  display: block;
  color: #2D2D2D;
  font-weight:600; font-size:1rem; line-height:1em;
  text-align: left;
  border-left: .25rem solid #006BB9;
  padding-left: 1em;
  margin-top: 0.5em;
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl .cont {
  width: 78%;
  padding: 1rem 0;
  border-bottom: 1px solid #f0f0f0;
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl .cont dd {
  width: -webkit-calc(100%/4);
  width: -moz-calc(100%/4);
  width: calc(100%/4);
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl .cont dd a {
  display: block;
  color: #3A3A3A;
  font: 500 .8rem/1.5em "Arial";
  text-align: left;
  padding: 0.25em 0.6em;
}

@media (max-width: 1024px) {
  #menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl .cont dd a {
    font-size: 0.75rem;
  }
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl .cont dd a:hover {
  color: #006BB9;
}

#menu .nav_a1 li .sec1 .wehxh-va .wehxh-va-a1 dl:last-child .cont {
  border: none;
}

#menu .nav_a1 li:hover > a::before {
  width: 100%;
}

#menu .nav_a1 li:hover .sec {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
   -ms-transform: translateY(0);
    -o-transform: translateY(0);
       transform: translateY(0);
}

#menu .nav_a1 li:hover > a span::after, #menu .nav_a1 li.active > a span::after {
  width: 100%;
}

@media (max-width: 1280px) {
  #menu .nav_a1 li:nth-child(7) .sec {
    left: auto;
    right: -100%;
  }
}

/* 搜索 */
.search {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background: #000; */
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
  display: none;
}

.search-box {
  width: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 25%;
}

.inp {
  width: 100%;
  height: 100px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}

.inp::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bu {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
}

.bu .iconfont {
  font-size: 3.125rem;
}

.search-con {
  position: absolute;
  right: 7%;
  top: 7%;
  color: white;
  cursor: pointer;
}

.search-con .iconfont {
  font-size: 2.125rem;
  font-weight: 100;
}

.sticky2 {
  position: fixed;
  top: 0;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  -webkit-animation: sticky 1s;
  -moz-animation: sticky 1s;
    -o-animation: sticky 1s;
       animation: sticky 1s;
}

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-moz-keyframes sticky {
  0% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
}

@-o-keyframes sticky {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
}

@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.head.sticky .head2 {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.head.sticky .head2 .logo a {
  outline: none;
}

.head.sticky .head2 .logo a img.a {
  display: none;
}

.head.sticky .head2 .logo a img.b {
  display: inline-block;
}

.head.sticky .head2 #menu .nav_a1 li > a {
  color: #000000;
}

.head.sticky .head2 #menu .nav_a1 li > a:after {
  background: #006BB9;
}

.head.sticky .head2 .sska a, .head.sticky .head2 .zywena a {
  background: #006BB9;
  border: 1px solid #FFFFFF;
}

.ny-body-a {
  padding-top: 9.8125rem;
}

.ny-body-a .head {
  position: fixed;
  top: 0;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  -webkit-animation: sticky 0;
  -moz-animation: sticky 0;
    -o-animation: sticky 0;
       animation: sticky 0;
}

.ny-body-a .head .head2 {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.ny-body-a .head .head2 .logo a img.a {
  display: none;
}

.ny-body-a .head .head2 .logo a img.b {
  display: inline-block;
}

.ny-body-a .head .head2 #menu .nav_a1 li a {
  color: #000000;
}

.ny-body-a .head .head2 #menu .nav_a1 li > a:after {
  background: #006BB9;
}

.ny-body-a .head .head2 .sska a, .ny-body-a .head .head2 .zywena a {
  background: #006BB9;
  border: 1px solid #FFFFFF;
}

.ny-body-a .new-nav {
  position: fixed;
  top: 0;
  top: 5.8125rem;
  left: 0;
  width: 100%;
}

@media (max-width: 990px) {
  .ny-body-a .new-nav {
    position: static;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}

/*手机端头部*/
.mslm-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #000;
}

.mslm-head-box {
  position: relative;
  height: 60px;
}

.mslm-head-box .mslm-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto 4%;
  max-width: 100%;
  height: 34px;
}

.mslm-head-box .mslm-logo h1, .mslm-head-box .mslm-logo a {
  display: inline;
  font-size: 0;
}

.mslm-head-box .mslm-logo img {
  height: 27px;
}

.mslm-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 4% auto 0;
  width: 20px;
  height: 15px;
}

.mslm-navbtn span, .mslm-navbtn:after, .mslm-navbtn:before {
  display: block;
  height: 1.5px;
  width: 100%;
  background: #fff;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.mslm-navbtn span {
  margin: 4.5px 0;
}

.mslm-navbtn:after, .mslm-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
  -moz-transform-origin: 7.5%;
  -ms-transform-origin: 7.5%;
  -o-transform-origin: 7.5%;
  transform-origin: 7.5%;
}

.mslm-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.mslm-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mslm-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mslm-search-btn {
  position: absolute;
  z-index: 9;
  right: 4%;
  top: 0;
  bottom: 0;
  width: auto;
  text-align: center;
  line-height: 60px;
  color: #fff;
}

.mslm-search-btn span {
  font-size: .75rem;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: top;
}

.mslm-search-btn .iconfont {
  font-size: 21px;
}

.mslm-search-btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.mslm-search-btn .icon-font:after {
  background-position: -30px -210px;
}

.mslm-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #000;
}

.mslm-menu .mslm-menu-box {
  height: -webkit-calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow: auto;
  padding-bottom: 80px;
}

.mslm-nav > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.mslm-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  
  padding: 0 4%;
}

.mslm-nav > li .sec {
  display: none;
  padding: 10px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.mslm-nav > li .sec a {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
}

.mslm-nav > li .sec a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
}

.mslm-nav .mslm-menu-jt {
  position: absolute;
  width: 20%;
  height: 50px;
  line-height: 50px;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 9;
}

.mslm-nav .mslm-menu-jt .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.mslm-nav .mslm-menu-jt .icon-font:after {
  background-position: -30px -240px;
}

.mslm-nav .mslm-menu-jt.clicked .icon-font:after {
  background-position: -30px -270px;
}

.mslm-nav .mslm-sub-menu {
  background: #1E1E1E;
  display: none;
}

.mslm-nav .mslm-sub-menu > li {
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
}

.mslm-nav .mslm-sub-menu > li > a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 40px;
  text-indent: 2em;
}

.mslm-search {
  position: fixed;
  z-index: 99999;
  left: 100%;
  bottom: 0;
  top: 60px;
  width: 100%;
  background: #fff;
  padding: 0 0 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.mslm-search .mslm-search-close-btn {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 420px) {
  .mslm-search .mslm-search-close-btn {
    left: 15px;
  }
}

.mslm-search .mslm-search-close-btn i {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 24px;
}

.mslm-search .mslm-search-close-btn i:after {
  background-position: -30px -300px;
}

.mslm-search .mslm-search-box {
  height: 52px;
  border-bottom: 2px solid #E9E9E9;
}

.mslm-search .mslm-search-box input[type="text"] {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  color: #333333;
  
  font-size: 14px;
  height: 52px;
  text-indent: 1em;
}

.mslm-search .mslm-search-box input[type="text"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #333333;
  
}

.mslm-search .mslm-search-box input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333333;
  
}

.mslm-search .mslm-search-box input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333333;
  
}

.mslm-search .mslm-search-box input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333333;
  
}

.mslm-search .mslm-search-box #s_btn {
  width: 20%;
  height: 52px;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 0;
  background: none;
  border: none;
}

.mslm-search .mslm-search-box #s_btn .iconfont {
  font-size: 20px;
  color: #fff;
}

.mslm-search .mslm-search-box #s_btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.mslm-search .mslm-search-box #s_btn .icon-font:after {
  background-position: -30px -210px;
}

.mslm-search .mslm-seaerch-wz span,
.mslm-search .mslm-seaerch-wz a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.mslm-search.clicked {
  left: 0;
}

.aniut {
  position: absolute;
  width: 40px;
  height: 50px;
  line-height: 50px;
  right: 2%;
  top: 0;
  text-align: center;
  z-index: 9;
}

.aniut i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
}

.mslm-nav li > a {
  font-weight: 600;
}

.mslm-nav li > a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
  
  font-weight: 500;
}

a.jjta {
  color: #fff;
}

a.jjta span {
  font-size: 14px;
}

@media (max-width: 990px) {
  body {
    padding: 60px 0 0 !important;
  }
}

.pc-banner {
  position: relative;
  overflow: hidden;
}

.pc-banner .mySwipera {
  position: relative;
}

.pc-banner .mySwipera .swiper-slide {
  overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.pc-banner .mySwipera .swiper-slide .img > img.b{
  display: none;
}

.pc-banner .mySwipera .banwez {
  width: 100%;
  z-index: 99;
  color: #FFFFFF;
}

.pc-banner .mySwipera .banwez p.xin {
  display: inline-block;
  position: relative;
  line-height: 1;
}

.pc-banner .mySwipera .banwez p.xin::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  width: 100%;
  z-index: -1;
  height: 0.5rem;
  background: #006BB9;
}

.pc-banner .mySwipera .banwez dt {
  font: 600 3.8125rem/1.3em "Arial";
  max-width: 50%;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez dt {
    font-size: 1.5rem;
    max-width: 80%;
  }
  .pc-banner .mySwipera .swiper-slide .img > img.a{
    display: none;
  }
  .pc-banner .mySwipera .swiper-slide .img > img.b{
    display: block;
  }
}

.pc-banner .mySwipera .banwez dd {
  font: 600 2.8125rem/1.45em "Arial";
  margin-top: 0.25em;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez dd {
    font-size: 1rem;
  }
}

.pc-banner .mySwipera .banwez a.more-msl {
  margin-top: 1.875rem;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez a.more-msl {
    margin-top: 1rem;
  }
}

.pc-banner .mySwipera .bant {
  position: absolute;
  left: 0;
  bottom: 3.125rem;
  text-align: center;
  z-index: 99;
  width: 100%;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .bant {
    bottom: 4%;
  }
}

.pc-banner .mySwipera .bant .wh {
  width: 100%;
}

.pc-banner .mySwipera .bant .swiper-button-next1 i, .pc-banner .mySwipera .bant .swiper-button-prev1 i {
  color: #fff;
  font: 500 1rem/1.5em "Arial";
}

.pc-banner .mySwipera .bant .swiper-pagination1as {
  padding: 0 0.15em;
}

.pc-banner .mySwipera .bant .swiper-pagination1as span {
  width: .625rem;
  height: .625rem;
  opacity: 1;
  border-radius: .375rem;
  margin: 0 0.35rem;
  border: 1px solid #fff;
  background: transparent;
}

.pc-banner .mySwipera .bant .swiper-pagination1as span.swiper-pagination-bullet-active {
  width: 1.5625rem;
  background: #fff;
}

.sy_ban-srv {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 1;
}

@media (max-width: 768px) {
  .sy_ban-srv {
    display: none;
  }
}

.sy_ban-srv .sy-ban-a1 {
  width: 86.45833%;
  background: #F1F2F4;
  height: 6.875rem;
}

.sy_ban-srv .sy-ban-a1 .txtScroll-top {
  margin-left: 15.66265%;
}

@media (max-width: 1366px) {
  .sy_ban-srv .sy-ban-a1 .txtScroll-top {
    margin-left: 5.78125%;
  }
}

.sy_ban-srv .sy-ban-a1 .txtScroll-top ul li a {
  display: block;
  color: #4F4F4F;
  font: 500 1.25rem/6.875rem "Arial";
  max-width: 80%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.sy_ban-srv .sy-ban-a1 .txtScroll-top ul li a:hover {
  color: #006BB9;
}

.sy_ban-srv .sy-ban-a2 {
  width: 13.54167%;
  position: relative;
}

.label_el {
  color: rgba(26, 26, 26, 0);
  text-shadow: none;
  -webkit-text-stroke-width: 0.47px;
  -webkit-text-stroke-color: #fff;
}

@media (max-width: 768px) {
  .label_el {
    -webkit-text-stroke-width: 0.3px;
  }
}

@-webkit-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  75% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.zmfd {
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  /*动画所花费的时间*/
}

@-webkit-keyframes run {
  from {
    bottom: 7%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-moz-keyframes run {
  from {
    bottom: 7%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-o-keyframes run {
  from {
    bottom: 7%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@keyframes run {
  from {
    bottom: 7%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

.kajjt {
  text-align: center;
  -webkit-animation: run 1s infinite linear;
  -moz-animation: run 1s infinite linear;
  -o-animation: run 1s infinite linear;
  animation: run 1s infinite linear;
  position: absolute;
  right: 3.85417%;
  width: 1.0625rem;
  bottom: 7%;
  z-index: 99;
}

.kajjt img.a {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .kajjt {
    bottom: 7%;
  }
  .kajjt img.a {
    width: 2.5rem;
  }
}

.swiper {
  overflow: hidden;
}

.overa {
  overflow: hidden;
}

/* 图片动画 */
.fang {
  overflow: hidden;
  display: block;
}

.fang img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fang:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.fanga {
  overflow: hidden;
}

.fanga img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fanga:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.xz img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.xz:hover img {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.titlea1 {
  text-align: left;
}

.titlea1 .ta1 {
  color: #ffffff;
  font: 600 2.8125rem/1.2em "Arial";
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .titlea1 .ta1 {
    font-size: 1rem;
  }
}

.titlea1 .ta2 {
  color: #212121;
  font: 600 2.8125rem/1.2em "Arial";
}

@media (max-width: 768px) {
  .titlea1 .ta2 {
    font-size: 1rem;
  }
}

.titlea1 .ta3 {
  color: #ffffff;
  font: 300 0.9rem/1.5em "Arial";
  padding: 0.8em 0px;
}

@media (max-width: 768px) {
  .titlea1 .ta3 {
    font-size: 0.9rem;
    padding: 0.8em 3%;
  }
}

.titlea1.bs .ta1, .titlea1.bs .ta2, .titlea1.bs .ta3 {
  color: #fff;
}

.cont1 {
  margin-top: 5.625rem;
}

@media (max-width: 768px) {
  .cont1 {
    margin-top: 2rem;
  }
}

.cont1 .a1_v1 {
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 {
    margin-top: 1rem;
  }
}

.cont1 .a1_v1 .a1_b1 {
  width: 68.35714%;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b1 {
    width: 100%;
  }
}

.cont1 .a1_v1 .a1_b1 li {
  position: relative;
}

.cont1 .a1_v1 .a1_b1 li .img {
  position: relative;
}

.cont1 .a1_v1 .a1_b1 li .img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.cont1 .a1_v1 .a1_b1 li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 7%;
  z-index: 2;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b1 li .text {
    padding: 0 1.5em;
  }
}

.cont1 .a1_v1 .a1_b1 li .text p {
  color: #FFFFFF;
  font: 500 1rem/1.6em "Arial";
  padding: 1.8rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b1 li .text p {
    font-size: 1rem;
    padding: 0.8rem 0;
  }
}

.cont1 .a1_v1 .a1_b1 li a.sp {
  display: block;
  width: 2.875rem;
  z-index: 2;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b1 li a.sp {
    width: 2.2rem;
  }
}

.cont1 .a1_v1 .a1_b1 li a.sp img {
  width: 100%;
}

.cont1 .a1_v1 .a1_b2 {
  width: 31.64286%;
  position: relative;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b2 {
    width: 100%;
  }
}

.cont1 .a1_v1 .a1_b2 li {
  height: 20%;
  border-top: 1px solid #D4D4D4;
}

.cont1 .a1_v1 .a1_b2 li a {
  padding: 0 1.5rem 0 3.125rem;
  height: 100%;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 990px) {
  .cont1 .a1_v1 .a1_b2 li a {
    padding: 0 1rem 0 1.5rem;
  }
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b2 li a {
    padding: 1rem 1.5rem;
  }
}

.cont1 .a1_v1 .a1_b2 li a .cont {
  color: #3A3A3A;
}

.cont1 .a1_v1 .a1_b2 li a .cont .dta-a {
  font: 600 1.375rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b2 li a .cont .dta-a {
    font-size: 1rem;
  }
}

.cont1 .a1_v1 .a1_b2 li a .cont .dta-b {
  font: 600 .875rem/1.5em "Arial";
  text-transform: uppercase;
}

.cont1 .a1_v1 .a1_b2 li a i {
  color: #252323;
  font: 500 1.45rem/1.5em "Arial";
}

.cont1 .a1_v1 .a1_b2 li a::after {
  content: "";
  display: block;
  background: url(../fonts/xia1.svg) no-repeat center right;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 120%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

@media (max-width: 768px) {
  .cont1 .a1_v1 .a1_b2 li a::after {
    background: #006BB9;
    width: 100%;
  }
}

.cont1 .a1_v1 .a1_b2 li.on a::after {
  opacity: 1;
}

.cont1 .a1_v1 .a1_b2 li.on a .cont {
  color: #fff;
}

.cont1 .a1_v1 .a1_b2 li.on a i {
  color: #fff;
}

.cont2 {
  background: url(../images/bj1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 3.5rem 0 8.125rem;

}

@media (max-width: 768px) {
  .cont2 {
    padding: 2rem 0;
    margin-top: 2rem;
  }
}

.cont2 .a2_v1 {
  margin-top: 2.1rem;
}

@media (max-width: 768px) {
  .cont2 .a2_v1 {
    margin-top: 1.6rem;
  }
}

.cont2 .a2_v1 .a2_b1 {
  width: 100%;
  
  background: #5c6064;
}

@media (max-width: 768px) {
  .cont2 .a2_v1 .a2_b1 {
    width: 100%;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 60vw;
  }
}

.cont2 .a2_v1 .a2_b1 li {
  width: 33.33%;
  height: 100%;
}
.cont2 .a2_v1 .a2_b1 li:nth-child(2){ background:#2c2e2f;}
.cont2 .a2_v1 .a2_b1 li a {
  width: 100%;
  height: 100%;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.cont2 .a2_v1 .a2_b1 li a .divimg{width:80%; margin:auto; padding-top:20px;}
.cont2 .a2_v1 .a2_b1 li img {
  width: auto;

}

.cont2 .a2_v1 .a2_b1 li dl {
  width: 100%;
  text-align: center;
  margin-top: 1em;
}

.cont2 .a2_v1 .a2_b1 li dl dd {
  color: #ffffff;
  font: 500 1rem/1.45em "Arial"; margin-bottom: 15px;
}

.cont2 .a2_v1 .a2_b1 li dl dt {
  color: #000000;
  font: 500 1.375rem/1.5em "Arial";
  margin-bottom:30px;
}

.cont2 .a2_v1 .a2_b1 li dl dt span{ width:30%; margin:auto; display:block; height:40px; line-height:40px; background:#0084ff; font-size:1.25rem; text-align:center; color:#ffffff;}

@media (max-width: 768px) {
  .cont2 .a2_v1 .a2_b1 li dl dd {font-size: 0.8rem;}
  .cont2 .a2_v1 .a2_b1 li dl dt {font-size: 0.8rem;}
  .cont2 .a2_v1 .a2_b1 li dl dt span{ width:80%;font-size: 0.8rem;}
  
}

.cont2 .a2_v1 .a2_b2 {
  width: 51.78571%;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
}

@media (max-width: 768px) {
  .cont2 .a2_v1 .a2_b2 {
    width: 100%;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.cont2 .a2_v1 .a2_b2 li {
  width: 47.44828%;
  background: #D9D9D9;
  border-radius: 1.25rem;
  border: .1875rem solid #D9D9D9;
  padding-bottom: 35.15116%;
  position: relative;
  height: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .cont2 .a2_v1 .a2_b2 li {
    width: 48.5%;
    margin-bottom: 1rem;
  }
}

.cont2 .a2_v1 .a2_b2 li:nth-child(n+3) {
  margin-top: 1.8rem;
}

@media (max-width: 768px) {
  .cont2 .a2_v1 .a2_b2 li:nth-child(n+3) {
    margin-top: 0;
  }
}

.cont2 .a2_v1 .a2_b2 li a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cont2 .a2_v1 .a2_b2 li a img {
  height: 85%;
}

.cont2 .a2_v1 .a2_b2 li.on {
  border-color: #006BB9;
}

.cont3 {
  position: relative;
}

.cont3 .a3_v1 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

.cont3 .a3_v1 li {
  width: 100%;
  height: 100%;
}

.cont3 .a3_v1 li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cont3 .a3_v2 .titlea1 {
  text-align: left;
  padding: 10rem 0 6.875rem 31.78571%;
}

@media (max-width: 768px) {
  .cont3 .a3_v2 .titlea1 {
    padding: 4rem 0;
  }
}

.cont3 .a3_v2 .titlea1 .ta3 {
  padding: 0.8em 0 1.5em;
  text-align: justify;
}

.cont3 .a3_v3 {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .cont3 .a3_v3 {
    background: rgba(0, 103, 200, 0.9);
  }
}

.cont3 .a3_v3::after {
  content: "";
  width: 68.22917%;
  height: 100%;
  background: rgba(0, 103, 200, 0.9);
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
}

@media (max-width: 768px) {
  .cont3 .a3_v3::after {
    display: none;
  }
}

.cont3 .a3_v3 .a3b3a1 {
  margin-left: 30.78571%;
  position: relative;
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1 {
    margin-left: 0;
  }
}

.cont3 .a3_v3 .a3b3a1::after {
  content: "";
  display: block;
  position: absolute;
  left: -6.9%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 4%;
  height: 80%;
  -webkit-transform: skew(-30.05deg, 0deg);
     -moz-transform: skew(-30.05deg, 0deg);
      -ms-transform: skew(-30.05deg, 0deg);
       -o-transform: skew(-30.05deg, 0deg);
          transform: skew(-30.05deg, 0deg);
}

@media (max-width: 1680px) {
  .cont3 .a3_v3 .a3b3a1::after {
    -webkit-transform: skew(-28deg, 0deg);
       -moz-transform: skew(-28deg, 0deg);
        -ms-transform: skew(-28deg, 0deg);
         -o-transform: skew(-28deg, 0deg);
            transform: skew(-28deg, 0deg);
  }
}

@media (max-width: 1366px) {
  .cont3 .a3_v3 .a3b3a1::after {
    -webkit-transform: skew(-26deg, 0deg);
       -moz-transform: skew(-26deg, 0deg);
        -ms-transform: skew(-26deg, 0deg);
         -o-transform: skew(-26deg, 0deg);
            transform: skew(-26deg, 0deg);
    left: -1.5%;
  }
}

@media (max-width: 1024px) {
  .cont3 .a3_v3 .a3b3a1::after {
    -webkit-transform: skew(-23deg, 0deg);
       -moz-transform: skew(-23deg, 0deg);
        -ms-transform: skew(-23deg, 0deg);
         -o-transform: skew(-23deg, 0deg);
            transform: skew(-23deg, 0deg);
  }
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1::after {
    display: none;
  }
}

.cont3 .a3_v3 .a3b3a1 dl {
  text-align: center;
  padding: 3rem 0;
  width: 25%;
  position: relative;
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1 dl {
    padding: 1.6rem 0;
  }
}

.cont3 .a3_v3 .a3b3a1 dl + dl::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skew(-30.05deg, 0deg);
     -moz-transform: skew(-30.05deg, 0deg);
      -ms-transform: skew(-30.05deg, 0deg);
       -o-transform: skew(-30.05deg, 0deg);
          transform: skew(-30.05deg, 0deg);
}

@media (max-width: 1680px) {
  .cont3 .a3_v3 .a3b3a1 dl + dl::after {
    -webkit-transform: skew(-28deg, 0deg);
       -moz-transform: skew(-28deg, 0deg);
        -ms-transform: skew(-28deg, 0deg);
         -o-transform: skew(-28deg, 0deg);
            transform: skew(-28deg, 0deg);
  }
}

@media (max-width: 1366px) {
  .cont3 .a3_v3 .a3b3a1 dl + dl::after {
    -webkit-transform: skew(-26deg, 0deg);
       -moz-transform: skew(-26deg, 0deg);
        -ms-transform: skew(-26deg, 0deg);
         -o-transform: skew(-26deg, 0deg);
            transform: skew(-26deg, 0deg);
  }
}

@media (max-width: 1024px) {
  .cont3 .a3_v3 .a3b3a1 dl + dl::after {
    -webkit-transform: skew(-23deg, 0deg);
       -moz-transform: skew(-23deg, 0deg);
        -ms-transform: skew(-23deg, 0deg);
         -o-transform: skew(-23deg, 0deg);
            transform: skew(-23deg, 0deg);
  }
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1 dl + dl::after {
    display: none;
  }
}

.cont3 .a3_v3 .a3b3a1 dl dt {
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1 dl dt {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.cont3 .a3_v3 .a3b3a1 dl dt img {
  width: 70%;
}

.cont3 .a3_v3 .a3b3a1 dl dd {
  color: #FFFFFF;
  font: 600 1rem/1.5em "Arial";
  margin-top: 0.7em;
}

@media (max-width: 768px) {
  .cont3 .a3_v3 .a3b3a1 dl dd {
    font-size: 1rem;
  }
}

.cont3 .a3_v3 .a3b3a1 dl.on dt {
  background: #fff;
}

.cont3 .a3_v3 .a3b3a1 dl.on dt img {
  -webkit-filter: invert(36%) sepia(100%) saturate(6561%) hue-rotate(199deg) brightness(94%) contrast(100%);
          filter: invert(36%) sepia(100%) saturate(6561%) hue-rotate(199deg) brightness(94%) contrast(100%);
}
.wh-cont4{ padding:0 0 0 16.54167%;}
.cont4 {
  background: url(../images/bj2.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 5.5rem 0 2.875rem;
}

.cont4 .a4_v1{ display:flex; background:#2b2e2f; margin-top:3.4rem; margin-bottom: 2.8rem;}
.a4_v1img,.a4_v1img2{width:124.8rem;}
.a4_v1font{ color:#ffffff; padding:35px 35px;}
.a4_v1img img,.a4_v1img2 img{ width:100%;}
.a4_v1font h3{ font: 400 2.1125rem/1.2em "Arial"; margin-bottom:45px;}
.a4_v1font p{ font: 400 1rem/1.5em "Arial"; max-height:143px; overflow:hidden; letter-spacing: 2px}
.a4_v1font a{ display:block; text-align:right; color:#ffffff; margin-top:40px;}

@media (max-width: 768px) {
  .cont4 { padding: 2rem 0;}
  .cont4 .a4_v1{ display:block;}
  .wh-cont4{ padding:0 4%;}
  .a4_v1img{width:100%;}
  .a4_v1img2{ display:none;}
  .a4_v1font p{ height:129px;}
  .a4_v1font h3{ font-size:1.6rem;}
  .a4_v1font p{font-size:0.9rem;}
}
@media (max-width: 1400px){
	.a4_v1font h3{margin-bottom:25px;}
	.a4_v1font a{ margin-top:18px;}

	}
.cont4 .a4_v1 .mySwiper1 {
  position: relative;
  margin-top: 3rem;
}

@media (max-width: 768px) {
  .cont4 .a4_v1 .mySwiper1 {
    margin-top: 1rem;
  }
}

.cont4 .a4_v1 .mySwiper1 .img {
  width: 100%;
  border: 1px solid #DDDDDD;
}

.cont4 .a4_v1 .mySwiper1 .img img {
  width: 100%;
}

.cont4 .a4_v1 .mySwiper1 .swiper-pagination1 {
  text-align: center;
  margin-top: 1.5rem;
}

@media (max-width: 768px) {
  .cont4 .a4_v1 .mySwiper1 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.cont4 .a4_v1 .mySwiper1 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

.cont4 .a4_v1 .mySwiper1 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}
.cont10 {
  background: url(../images/bj3.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  background-attachment: fixed;
  padding: 5.0625rem 0 10.8125rem;
  position: relative;
}

.cont10 .titlea1 .ta3{ width:70%; margin:45px 0px;}
.cont5 { background:#35393a;}
.cont10 .more-msl{ background:#0084ff; border:0px; border-radius:0px;}

@media (max-width: 768px) {
  .cont5 {
    padding: 2rem 0 1rem;
  }
  .cont10 .titlea1 .ta3{ width:100%;  margin:25px 0px;}
}

.cont5 .a5_v1 {
  margin-top: 3.125rem;
}

@media (max-width: 768px) {
  .cont5 .a5_v1 {
    margin-top: 1.5rem;
  }
}

.cont5 .a5_v1 dl {
  width: 25%;
  text-align: center;
}

.cont5 .a5_v1 dl + dl {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

@media (max-width: 768px) {
  .cont5 .a5_v1 dl {
    width: 50%;
    margin-bottom: 1.5rem;
  }
  .cont5 .a5_v1 dl + dl {
    border-left: none;
  }
  .cont5 .a5_v1 dl:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
}

.cont5 .a5_v1 dl a {
  padding: 2.875rem 0 4.125rem;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

@media (max-width: 768px) {
  .cont5 .a5_v1 dl a {
    padding: 1.5rem 0;
  }
}

.cont5 .a5_v1 dl a:hover {
  background: rgba(0, 103, 200, 0.9);
}

.cont5 .a5_v1 dl .img {
  width: 4.375rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .cont5 .a5_v1 dl .img {
    width: 4rem;
  }
}

.cont5 .a5_v1 dl .img img {
  width: 100%;
}

.cont5 .a5_v1 dl dt {
  color: #FFFFFF;
  font: 600 1.375rem/1.6em "Arial";
  margin-top: 0.7em;
}

@media (max-width: 768px) {
  .cont5 .a5_v1 dl dt {
    font-size: 1rem;
    margin-top: 0.45em;
  }
}

.cont5 .a5_v1 dl dd {
  color: #FFFFFF;
  font: 500 .875rem/1.6em "Arial";
  text-transform: uppercase;
}

.cont5 .a5_v2 {

  width: 100%;

}

.cont5 .a5_v2 .a5_v2a1 {
  width: 100%;
}

@media (max-width: 768px) {
  .cont5 .a5_v2 .a5_v2a1 {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem 0;
  }
}

.cont5 .a5_v2 .a5_v2a1 dl {
  width: 20%;
  text-align: center;
  padding: 4.125rem 0;
}

@media (max-width: 768px) {
  .cont5 .a5_v2 .a5_v2a1 dl {
    padding: 1rem 0;
    width: 48%;
  }
}

.cont5 .a5_v2 .a5_v2a1 dl dt {
  color: #ffffff;
  font-weight:600; font-size:3.125rem; line-height:1.3em;
}

.cont5 .a5_v2 .a5_v2a1 dl dt sup {
  font-weight:600; font-size:1.875rem; line-height:1em;
  vertical-align: top;
  top: 0;
}

@media (max-width: 768px) {
  .cont5 .a5_v2 .a5_v2a1 dl dt {
    font-size: 1rem;
  }
  .cont5 .a5_v2 .a5_v2a1 dl dt sup {
    font-size: 1rem;
  }
}

.cont5 .a5_v2 .a5_v2a1 dl dd {
  color: #ffffff;
  font: 500 1.25rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .cont5 .a5_v2 .a5_v2a1 dl dd {
    font-size: 1rem;
  }
}

.cont6 { background:#35393a;
  padding-bottom: 4.25rem;
}

@media (max-width: 768px) {
  .cont6 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.cont6 .a6_v1 {
  position: relative;
  padding: 2.875rem 0 0;
  
}

@media (max-width: 768px) {
  .cont6 .a6_v1 {
    padding: 0;
    margin-top: 1.5rem;
  }
}



@media (max-width: 768px) {
  .cont6 .a6_v1::after {
    display: none;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b1 {
  width: 46.28571%;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b1 {
    width: 100%;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b1::after {
  content: "";
  width: 1px;
  height: 83%;
  background: #D1D1D1;
  position: absolute;
  left: 0.9rem;
  top: 2%;
  z-index: -1;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b1::after {
    left: 0.6rem;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b1 li {
  
  margin-bottom: 1rem;
  width:100%;

  position: relative; border-bottom:1px solid #767777;
  
}
.cont6 .a6_v1 .a6_v1a .a6_b1 li::after {
  content: "";
  display: table;
  clear: both;
}
.cont6 .a6_v1 .a6_v1a .a6_b1 li a.name { float:left;
  color: #ffffff;
  font: 500 1rem/1.5em "Arial"; width:73%; white-space: nowrap; overflow:hidden;
    height: 3.9rem; line-height:3.9rem;
}

.cont6 .a6_v1 .a6_v1a .a6_b1 li span {
	width:24%;
  display: block;
  float:right;
  color: #999999;
  font: 500 1rem/1.5em "Arial";height:3.9rem; line-height:3.9rem;
 
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b1 li {
    padding-left: 0.1rem;
  }
  
  .cont6 .a6_v1 .a6_v1a .a6_b1 li a.name{font: 500 1rem/1.5em "Arial"; width:67%; height: 3.2rem; line-height:3.2rem;}
  .cont6 .a6_v1 .a6_v1a .a6_b1 li span { font: 500 0.8rem/1.5em "Arial"; width:24%; height: 3.2rem; line-height:3.2rem;}
}





.cont6 .a6_v1 .a6_v1a .a6_b1 li:hover::after {
  background: url(../images/qua2.svg) no-repeat center #fff;
  -o-background-size: 1rem 1rem;
     background-size: 1rem 1rem;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b1 li:hover::after {
    -o-background-size: 0.6rem 0.6rem;
       background-size: 0.6rem 0.6rem;
    background-position: 52%;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b1 li:hover a.name {
  color: #006BB9;
}

.cont6 .a6_v1 .a6_v1a .a6_b2 {
  width: 50%;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b2 {
    width: 100%;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl a.img {
  display: block;
  font-size: 0;
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl a.img img {
  width: 100%;
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont {
  width: 89.71429%;
  margin: -10% auto 0;
  background: url(../fonts/bjasd1.svg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 1rem 15% 1rem 2rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont {
    background: #006BB9;
    padding: 1rem;
    width: 100%;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont a.name {
  display: block;
  color: #FFFFFF;
  font: 600 1.375rem/1.5em "Arial";
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 768px) {
  .cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont a.name {
    font-size: 1rem;
  }
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont span {
  color: #FFFFFF;
  font-weight:500; font-size:0.9rem; line-height:1.8em;
  display: block;
  padding: 0.2em 0;
}

.cont6 .a6_v1 .a6_v1a .a6_b2 dl .da-cont dd {
  color: #FFFFFF;
  font-weight:500; font-size:0.9rem; line-height:1.8em;
}

.cont7 {
  background: url(../images/heng1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 4rem 0 3.125rem;
}

@media (max-width: 768px) {
  .cont7 {
    padding: 2rem 0;
  }
}

.cont7 .title_a7 {
  text-align: center;
  color: #fff;
}

.cont7 .title_a7 .titl_a1 {
  font: 600 1.875rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .cont7 .title_a7 .titl_a1 {
    font-size: 0.9rem;
  }
}

.cont7 .title_a7 .titl_a2 {
  font-weight:600; font-size:1rem; line-height:1.5em;
  margin-top: 0.25em;
}

@media (max-width: 768px) {
  .cont7 .title_a7 .titl_a2 {
    font-size: 1rem;
  }
}

.cont7 .title_a7 a.more-msl {
  margin-top: 1rem;
}

.foot-fot {
  position: relative;
  background: #212121; padding: 20px;
}

.foot-fot .foota1 {
  position: relative;
  z-index: 1;
  padding: 3.625rem 0 2.5rem;
}

@media (max-width: 990px) {
  .foot-fot .foota1 {
    display: none;
  }
}

.foot-fot .foota2 .foot-tit {
  color: #fff;
  font-weight:600; font-size:1rem; line-height:1.5em;
}

.foot-fot .foota2 .dseca {
  margin-top: 1em;
}

.foot-fot .foota2 .dseca > a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-weight:500; font-size:0.9rem; line-height:2em;
}

.foot-fot .foota2 .dseca > a:hover {
  color: #fff;
}

.foot-fot .foota2 .dseca p {
  color: rgba(255, 255, 255, 0.6);
  font-weight:500; font-size:0.9rem; line-height:2em;
}

.foot-fot .foota2 .fo-a3 form {
  margin-top: 1.5em;
  width: 21.25rem;
  padding: .25rem;
}

.foot-fot .foota2 .fo-a3 form input {
  font-size:0.9rem; height: 36px; line-height: 36px;
  text-indent: 1em;
  background: transparent;
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  color: rgba(255, 255, 255, 0.6);
}

.foot-fot .foota2 .fo-a3 form input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(255, 255, 255, 0.6);
}

.foot-fot .foota2 .fo-a3 form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.6);
}

.foot-fot .foota2 .fo-a3 form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.6);
}

.foot-fot .foota2 .fo-a3 form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.6);
}

.foot-fot .foota2 .fo-a3 form button {
  color: #fff;
  width: 100%;
  height: 2.1875rem;
  text-align: center;
  
  border: none;
  background: #006BB9;
}

.foot-fot .foota2 .fo-a3 form button img {
  width: 47%;
}

@media (max-width: 990px) {
  .foot-fot .foota2 {
    display: none;
  }
}

.foot-fot .foota2 .fo_sdhgt2 {
  
  padding: 1.5em 0;
}

.foot-fot .foota2 .fo_sdhgt2 .foot-tit {
  color: #FFFFFF;
  font: 600 1rem/1.5em "Arial";
  margin-bottom: 1rem;
}

.foot-fot .foota2 .fo_sdhgt2 .dseca dl {
  margin-right: 1.5em;
  margin-bottom: 15px;
}

.foot-fot .foota2 .fo_sdhgt2 .dseca dl dt {
  width: 2.0625rem;
}

.foot-fot .foota2 .fo_sdhgt2 .dseca dl dt img {
  width: 100%;
}

.foot-fot .foota2 .fo_sdhgt2 .dseca dl dd {
  color: rgba(255, 255, 255, 0.6);
  font-weight:500; font-size:0.9rem; line-height:1.8em;
  margin-left: 0.6em;
}

.foot-fot .foota2 .fo_sdhgt2 .social-share .social-share-icon {
  width: 3.0625rem;
  height: 3.0625rem;
  line-height: 2.0625rem;
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  background: transparent;
  font-size: 1.1rem;
  border: 0px;
  margin-right: 20px;
}

.foot-fot .foota2 .fo_sdhgt2 .fo_a2a2 {
  margin-right: 7%;
}

.foot-fot .foota3 {
  color: rgba(255, 255, 255, 0.8);
  font-weight:500; font-size:1rem; line-height:1.5em;
}

.foot-fot .foota3 .wh {
  position: relative;
  z-index: 1;
}

.foot-fot .foota3 .wh .foota2-v1 {
  padding: 1rem 0;
  text-align: center;
}
.foot-fot .foota3 .wh .foota2-v1 a{ display:inline-block; margin-right:8px;}

@media (max-width: 768px) {
  .foot-fot .foota3 .wh .foota2-v1 {
    border-top: none;
  }
  .foota3{ display:none;}
}

.foot-fot .foota3 .wh .foota2-v1 .links {
  color: rgba(255, 255, 255, 0.2);
 font-weight:500; font-size:0.9rem; line-height:1.8em;
}

.foot-fot .foota3 .wh .foota2-v1 .links a {
  color: rgba(255, 255, 255, 0.2);
}

.foot-fot .foota3 .wh .foota2-v1 .links a:hover {
  color: #fff;
}

.foot-fot .fo-a3 .p {
  color: rgba(255, 255, 255, 0.4);
  font-weight:500; font-size:0.9rem; line-height:1.8em;
  margin-top: 1.5em;
}

.foot-fot .foota3 .wh .foota2-v1 .p a {
  color: rgba(255, 255, 255, 0.4);
}

.foot-fot .foota3 .wh .foota2-v1 .p a:hover {
  color: #fff;
}

.foot1-m {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1;
}

.foot1-m .derma-m {
  width: 30%;
  max-width: 100px;
  margin: 1.5em auto 0;
}

@media (max-width: 990px) {
  .d_nav {
    display: none;
  }
  .fix-gonga {
    display: none !important;
  }
}

/*手机底部*/
@media (max-width: 991px) {
  .foot1-m {
    display: block;
  }
}

.hidden {
  display: none;
}

.dbb {
  height: 50px;
}

.zd_erha {
  position: fixed;
  right: 1.82292%;
  bottom: 30%;
  z-index: 999;
}

@media (max-width: 768px) {
  .zd_erha {
    display: none;
  }
  .kajjt {
    display: none;
  }
}

.zd_erha .aat_list li {
  position: relative;
  z-index: 2;
}

.zd_erha .aat_list li .cbl-cont {
  position: absolute;
  z-index: -1;
  padding: 0.5em 1rem;
  width: auto;
  right: -webkit-calc(110% + 5px);
  right: -moz-calc(110% + 5px);
  right: calc(110% + 5px);
  top: 10%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(110%);
  -moz-transform: translateX(110%);
   -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
       transform: translateX(110%);
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  -moz-transition: all .7s;
  transition: all .7s;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
  color: #333;
  font-size: 1rem;
  background: #fff;
}

.zd_erha .aat_list li.fc:hover .cbl-cont {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
   -ms-transform: translateY(0);
    -o-transform: translateY(0);
       transform: translateY(0);
}

.zd_erha .aat_list li + li {
  margin-top: 1.25rem;
}

.zd_erha li > a {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  background: white;
  border-radius: 50%;
  line-height: 3.45rem;
  box-shadow: 0 0 1rem rgba(51, 51, 51, 0.2);
}

.zd_erha li > a i {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.zd_erha li > a i img {
  height: 1.875rem;
}

.zd_erha li > a:hover {
  background: #006BB9;
}

.zd_erha li > a:hover i img {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(108%) contrast(102%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(108%) contrast(102%);
}

.nbanner {
  overflow: hidden;
  padding-top:5rem; margin-bottom: 1rem;
}

@media (min-width: 990px) {
  .nbanner .img img {

    -o-object-fit: cover;
       object-fit: cover;
  }
}

.nbanner .nbanner-wen1 {
  width: 100%;
  z-index: 9;
}

@media (max-width: 990px) {
  .nbanner .nbanner-wen1 {
    top: 40%;
  }
}

.nbanner .nbanner-wen1 .banner-cont {
  color: #fff;
  text-align: center;
}

.nbanner .nbanner-wen1 .banner-cont h2 {
  font: 600 1.8125rem/1.42em "Arial";
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont h2 {
    font-size: 1.5rem;
  }
}

.nbanner .nbanner-wen1 .banner-cont .p {
  font: 600 2.8125rem/1.3em "Arial";
}

@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont .p {
    font-size: 1.25rem;
  }
}

.nbanner .nbanner-wen1 .banner-cont .p1 {
  font:1rem/1.1em "Arial";
  padding: 0.05em 10% 0;
}

@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont .p1 {
    font-size: 1rem;
  }
}

.nbanner .fo-av {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
  .nbanner .fo-av {
    position: static;
    background: #000;
  }
  .nbanner .fo-av .wh {
    overflow-x: auto;
  }
}

.nbanner .fo-av .ajhhsd {
  color:#383632;
  font-size:1rem;
  padding: 0; height: 45px;
  line-height: 45px;
  color: #fff;
}

@media (max-width: 768px) {
  .nbanner .fo-av .ajhhsd {
    line-height: 1.5em;
    padding: 1.1em 0;
    display: none;
  }
}

.nbanner .fo-av .ajhhsd span:last-child {
  display: none;
}

.nbanner .fo-av .ajhhsd a {
  color: rgba(255, 255, 255, 0.6);
}

.nbanner .fo-av .ajhhsd a:hover {
  color: #fff;
}

.n_mbx {
  position: relative;
}

@media (max-width: 768px) {
  .n_mbx .n_src {
    white-space: nowrap;
  }
}

.n_mbx .n_src li {
  display: inline-block;
}

.n_mbx .n_src li + li {
  margin-left: 2.1875rem;
}

.n_mbx .n_src li a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font: 600 1rem/4.4375rem "Arial";
  position: relative;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .n_mbx .n_src li a {
    line-height: 1.5em;
    padding: 0.8em 0;
  }
}

.n_mbx .n_src li:hover a, .n_mbx .n_src li.active a {
  color: #FFFFFF;
}

.loadmore-nodata {
  margin: 0 auto 9em;
}

.text-center {
  text-align: center;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .pagination {
    margin: 0 0 0;
  }
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 2.375rem;
  color: #7D7D7D;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 0.2rem;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  line-height: 2.1;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  line-height: 2.1;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #006BB9;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #006BB9;
  border-color: #006BB9;
  vertical-align: middle;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 3.6875rem 0;
  text-align: center;
  list-style: none;
}

@media (max-width: 768px) {
  .pager {
    margin: 1.5rem 0;
  }
}

.pager li {
  display: inline;
}

.pager li > a, .pager li > span {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 2.375rem;
  height: 2.375rem;
}

.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a, .pager .next > span {
  float: right;
}

.pager .previous > a, .pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: transparent;
}

.ajhhsd {
  color: #777;
  font: 500 1rem/1.5em "Arial";
  padding: 1em 0;
}

.ajhhsd a {
  color: #777;
}

.ajhhsd a:hover {
  color: #006BB9;
}

.ajhhsd span {
  padding: 0 0.3em;
}

.ajhhsd span:last-child {
  display: none;
}

.xw_ny_banner {
  background: #333;
  background: url(../images/bjas1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 13.5rem 0 7.25rem;
}

@media (max-width: 990px) {
  .xw_ny_banner {
    padding: 7.25rem 0;
  }
}

@media (max-width: 768px) {
  .xw_ny_banner {
    padding: 4rem 0;
  }
}

.xw_ny_banner h2 {
  color: #FFFFFF;
  font: 600 3.125rem/1.2em "Arial";
}

@media (max-width: 768px) {
  .xw_ny_banner h2 {
    font-size: 1rem;
  }
}

.nav-page li {
  padding-bottom: 1em;
}

.nav-page li + li {
  border-top: 1px solid #f0f0f0;
  padding-top: 1em;
}

.nav-page li > a {
  display: block;
  font: 600 1.35rem/1.5em "Arial";
  color: #333;
}

@media (max-width: 768px) {
  .nav-page li > a {
    font-size: 1.25rem;
  }
}

.nav-page li .sec {
  margin-top: 0.5em;
}

.nav-page li .sec a {
  display: inline-block;
  font: 500 1rem/1.6em "Arial";
  color: #777;
  margin-right: 1em;
}

.nav-page li .sec a:hover {
  color: #006BB9;
}

@media (max-width: 768px) {
  .mt40 {
    margin-top: 1rem;
  }
}

.ssy-sskaa {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .ssy-sskaa {
    margin-bottom: 1.5rem;
  }
}

.ssy-sskaa .searchsa form {
  width: 50%;
  border: 1px solid #999;
  padding: 0 1.5em;
  border-radius: 2rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form {
    width: 90%;
  }
}

.ssy-sskaa .searchsa form input {
  width: 70%;
  font: 500 1.25rem/4rem "Arial";
  background: transparent;
  color: #999;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form input {
    font-size: 1rem;
    line-height: 3rem;
  }
}

.ssy-sskaa .searchsa form button {
  width: auto;
  outline: none;
  border: none;
  background: transparent;
}

.ssy-sskaa .searchsa form button i {
  font: 500 1.6rem/4rem "Arial";
  color: #333;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form button i {
    font-size: 1.35rem;
    line-height: 3rem;
  }
}

.sssjga {
  color: #333;
  font: 600 1.25rem/1.5em "Arial";
  margin-bottom: 1em;
}

.ss-list li + li {
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .ss-list li + li {
    margin-top: 1rem;
  }
}

.ss-list li div.img {
  width: 25%;
}

@media (max-width: 768px) {
  .ss-list li div.img {
    width: 100%;
  }
}

.ss-list li div.img a.img {
  display: block;
}

.ss-list li .xw-nycont {
  width: 72%;
}

.ss-list li .xw-nycont.w100 {
  width: 100%;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont {
    width: 100%;
    margin-top: 1.2em;
  }
}

.ss-list li .xw-nycont h2 a {
  display: block;
  color: #656363;
  font: 500 1.25rem/1.35em "Arial";
  overflow: hidden;
  margin-bottom: 0.2em;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont h2 a {
    font-size: 1rem;
  }
}

.ss-list li .xw-nycont span {
  color: #006BB9;
  font: 500 1rem/1.5em "Arial";
}

.ss-list li .xw-nycont .datea {
  color: #999999;
  font: 500 0.95rem/1.5em "Arial";
}

.ss-list li .xw-nycont .p {
  color: #999999;
  font: 500 1rem/1.5em "Arial";
  margin-top: 0.5em;
}

.ss-list li .xw-nycont a.more-msl {
  margin-top: 1em;
}

.shzr-content {
  color: #252323;
  font: 500 1rem/2em "Arial";
  padding: 1rem 0 3rem;
}

.shzr-content h4 {
  margin-bottom: 0.5em;
}

.list_content {
  padding: 4.5rem 0;
}

@media (max-width: 768px) {
  .list_content {
    padding: 2rem 0;
  }
}

@-webkit-keyframes scale2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.fang-img {
  -webkit-animation: scale2 4s infinite linear;
  -moz-animation: scale2 4s infinite linear;
  -o-animation: scale2 4s infinite linear;
  animation: scale2 4s infinite linear;
}

.ny-tit {
  color: #251816;
}

.ny-tit .en {
  font: 600 2rem/1.35em "Arial";
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .ny-tit .en {
    font-size: 1.5rem;
  }
}

.ny-tit .name {font-weight:bold; font-size:2.8rem; line-height:1.35em;}

@media (max-width: 768px) {
  .ny-tit .name {
    font-size: 1.7rem;
  }
}

.ny-tit .text {
  color: #534E4E;
  font: 500 1rem/1.5em "Arial";
  margin-top: 1em;
}

@media (max-width: 768px) {
  .ny-tit .text {
    font-size: 1rem;
  }
}

.ny-tit.bs {
  color: #fff;
}

#abt1, #abt2, #abt3, #abt4, #abt5 {
  height: 5.8125rem;
  margin-top: -5.8125rem;
}

@media (max-width: 990px) {
  #abt1, #abt2, #abt3, #abt4, #abt5 {
    height: 60px;
    margin-top: -60px;
  }
}

.abt-cont1 {
  padding: 1rem 0 9.875rem;
}

@media (max-width: 768px) {
  .abt-cont1 {
    padding: 2rem 0 2.2rem;
  }
}

.abt-cont1 .abt-a1_v1 {
  position: relative;
  margin-top: 3.5rem;
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 {
    margin-top: 1.5rem;
  }
}

.abt-cont1 .abt-a1_v1 .erhhax {
  position: absolute;
  right: 0;
  top: 0;
  width: 46.5%;
  top: -18%;
  z-index: -1;
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 .erhhax {
    top: -5%;
    width: 40%;
  }
}

.abt-cont1 .abt-a1_v1 .erhhax img {
  width: 100%;
}

.abt-cont1 .abt-a1_v1 .abt-a1_b1 {
  width: 72.78571%;
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 .abt-a1_b1 {
    width: 100%;
  }
}

.abt-cont1 .abt-a1_v1 .abt-a1_b1 img {
  width: 100%;
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 {
  width: 50%;
  margin-bottom: -3%;
  background: #006BB9;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  margin-left: -35%;
  padding: 4.5rem 3.5% 4.5rem 14%;
  color: #fff;
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 .abt-a1_b2 {
    width: 100%;
    margin: 0 auto;
    -webkit-clip-path: none;
            clip-path: none;
    padding: 1.5rem 5%;
  }
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 .tit {
  font: 600 2rem/1.4em "Arial";
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 .abt-a1_b2 .tit {
    font-size: 1.25rem;
  }
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 .p {
  font: 0.8rem/1.3em "Arial";
  text-align: justify;
  margin-top: 0.4em; letter-spacing: 1px;
}
}

@media (max-width: 768px) {
  .abt-cont1 .abt-a1_v1 .abt-a1_b2 .p {
    font-size: 1rem;
  }
}

.next1a, .prev1a {
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  display: inline-block;
  outline: none;
  background: #fff;
}

@media (max-width: 768px) {
  .next1a, .prev1a {
    margin-left: 0;
    margin-right: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
  }
}

.next1a i, .prev1a i {
  color: #534E4E;
  font-size: 1rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .next1a i, .prev1a i {
    font-size:0.9rem;
  }
}

.abt-cont2 {
  background: url(../images/bj4.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 7.5rem 0 10rem;
}

@media (max-width: 768px) {
  .abt-cont2 {
    padding: 2.3rem 0 4rem;
  }
}

.abt-cont2 .abt_a2_v1 {
  position: relative;
  z-index: 1;
  padding: 0 9%;
  margin: 5.6rem -9% 0;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 {
    padding: 0;
    margin: 1.5rem auto 0;
  }
}

.abt-cont2 .abt_a2_v1 .xian {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  top: 40%;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .xian {
    top: auto;
    bottom: -2rem;
  }
}

.abt-cont2 .abt_a2_v1 .mySwiper2 {
  position: relative;
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .swiper-slide:nth-child(2n) {
  margin-top: 13rem;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .mySwiper2 .swiper-slide:nth-child(2n) {
    margin-top: 0;
  }
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .img {
  max-width: 40%;
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .img img {
    height: auto;
    width: 100%;
  }
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont {
  width: -webkit-calc(95% - 40%);
  width: -moz-calc(95% - 40%);
  width: calc(95% - 40%);
  margin-left: 5%;
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dt {
  color: #251816;
  font: 600 2rem/1em "Arial";
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dt::after {
  content: "";
  display: block;
  width: 2rem;
  height: .125rem;
  background: #006BB9;
  margin-top: 0.2em;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dt {
    font-size: 1.25rem;
  }
  .abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dt::after {
    width: 1.8rem;
    height: .12rem;
  }
}

.abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dd {
  color: #585757;
  font: 500 1rem/1.5em "Arial";
  margin-top: 0.6em;
  height: 6em;
  overflow: hidden;
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .mySwiper2 .abta11_v1 .cont dd {
    font-size: 0.9rem;
  }
}

@media (max-width: 768px) {
  .abt-cont2 .abt_a2_v1 .gong-jt {
    display: none;
  }
}

.abt-cont2 .abt_a2_v1 .gong-jt .prev1a, .abt-cont2 .abt_a2_v1 .gong-jt .next1a {
  position: absolute;
  top: 45.8%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.abt-cont2 .abt_a2_v1 .gong-jt .prev1a {
  left: -2.625rem;
}

.abt-cont2 .abt_a2_v1 .gong-jt .next1a {
  right: -2.625rem;
}

.abt-cont3 {
  position: relative;
}

.abt-cont3 .abt-a3_v1 {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: -1;
}

.abt-cont3 .abt-a3_v1 dl {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.abt-cont3 .abt-a3_v1 dl img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.abt-cont3 .abt-a3_v2 dl {
  width: -webkit-calc(100%/3);
  width: -moz-calc(100%/3);
  width: calc(100%/3);
  text-align: center;
  padding: 15.25rem 0;
}

@media (max-width: 768px) {
  .abt-cont3 .abt-a3_v2 dl {
    padding: 2rem 0;
    width: 100%;
  }
}

.abt-cont3 .abt-a3_v2 dl .img {
  width: 4.375rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .abt-cont3 .abt-a3_v2 dl .img {
    width: 3.2rem;
  }
}

.abt-cont3 .abt-a3_v2 dl .img img {
  width: 100%;
}

.abt-cont3 .abt-a3_v2 dl dt {
  text-align: center;
  color: #FFFFFF;
font-size:2rem; font-weight:1.5em; font-weight:600;
  margin-top: 0.4em;
}

@media (max-width: 768px) {
  .abt-cont3 .abt-a3_v2 dl dt {
    font-size: 1.5rem;
    margin-top: 0.2em;
  }
}

.abt-cont3 .abt-a3_v2 dl dd {
  text-align: center;
  color: #FFFFFF;
 font-size:1.25rem; font-weight:400;
  padding: 0 17%;
  margin-top: 0.85em;
}

.abt-cont3 .abt-a3_v2 dl dd span {
  display: block;
}

@media (max-width: 768px) {
  .abt-cont3 .abt-a3_v2 dl dd {
    font-size: 1rem;
    padding: 0 5%;
    font-weight: 500;
  }
}

.abt-cont3 .abt-a3_v2 dl + dl {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
  .abt-cont3 .abt-a3_v2 dl + dl {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}

.abt-cont3 .abt-a3_v2 dl.on {
  background: rgba(0, 103, 200, 0.75);
}

.abt-cont4 .abt-a4_v1 {
  padding: 8.1875rem 0 4rem;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v1 {
    padding: 2.4rem 0;
  }
}

.abt-cont4 .abt-a4_v1 .abt-a4a1 {
  width: 45.14286%;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v1 .abt-a4a1 {
    width: 100%;
  }
}

.abt-cont4 .abt-a4_v1 .abt-a4a1 .abt-a4-v1 .p {
  color: #534E4E;
  font: 500 1rem/1.8em "Arial";
  padding: 1.85rem 0 1.25rem;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v1 .abt-a4a1 .abt-a4-v1 .p {
    padding: 1.4rem 0 1.25rem;
  }
}

.abt-cont4 .abt-a4_v2 {
  background: #006BB9;
  padding: 3.25rem 0 1.6875rem;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 {
    padding: 2rem 0;
  }
}

.abt-cont4 .abt-a4_v2 b {
  color: rgba(255, 255, 255, 0.05);
  font: 600 14.6875rem/1em "Arial";
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 b {
    font-size: 4rem;
  }
}

.abt-cont4 .abt-a4_v2 .mySwiper3 {
  overflow: visible;
  position: relative;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-slide {
  opacity: 0 !important;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont {
  position: relative;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 {
  display: none;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 dl {
  color: #fff;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 dl dt {
  font: 500 2rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 dl dt {
    font-size: 1.1rem;
  }
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 dl dd {
  font: 500 1.375rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a1 dl dd {
    font-size: 1rem;
  }
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a2 {
  width: 35.85714%;
  background: url(../images/tunj1.svg) no-repeat center top;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
  padding: 6.3825rem 5.5375rem 6.65rem 7.05rem;
  position: absolute;
  right: 0;
  bottom: -8rem;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a2 {
    position: static;
    width: 100%;
    margin-top: 1rem;
  }
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .abt-a4v2-cont .abt-a4v2-a2 img {
  width: 100%;
  height: 100%;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-pagination1 {
  position: absolute;
  left: auto;
  right: 15%;
  width: auto;
  bottom: -9rem;
}

@media (max-width: 768px) {
  .abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-pagination1 {
    bottom: -1rem;
    right: 0;
    width: 100%;
    text-align: center;
  }
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-pagination1 span {
  border: 1px solid #fff;
  width: .8125rem;
  height: .8125rem;
  border-radius: 50%;
  background: transparent;
  opacity: 1;
}

.abt-cont4 .abt-a4_v2 .mySwiper3 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #fff;
}

.abt-cont5 {
  background-repeat: no-repeat;
  background-position: center top;
  -o-background-size: cover;
     background-size: cover;
  background-attachment: fixed;
  padding: 17.8125rem 0 22.125rem;
}

@media (max-width: 768px) {
  .abt-cont5 {
    padding: 3.5rem 0;
  }
}

.abt-cont5 .abt-a5a1 {
  width: 53.71429%;
}

@media (max-width: 768px) {
  .abt-cont5 .abt-a5a1 {
    width: 100%;
  }
}

.abt-cont5 .abt-a5a1 .abt-a5-v1 .p {
  color: #FFFFFF;
  font: 500 1rem/1.8em "Arial";
  padding: 1.85rem 0;
}

@media (max-width: 768px) {
  .abt-cont5 .abt-a5a1 .abt-a5-v1 .p {
    padding: 1.5rem 0;
  }
}

.job-cont1 {
  padding: 1rem 0;
}

@media (max-width: 768px) {
  .job-cont1 {
    padding: 1rem 0 1rem;
  }
}

.job-cont1 .job-a1_v1 {
  padding: 1.5rem 0 2.275rem;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v1 {
    padding: 1rem 0 1.25rem;
  }
}

.job-cont1 .job-a1_v1 p {
  color: #4B4B4B;
   font-weight:500; font-size:1rem; line-height:1.3em;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v1 p {
    font-size: 1rem;
  }
}

.job-cont1 .job-a1_v2 dl {
  width: 23.92857%;
  background: #F5F5F5;
  padding: 3.4375rem 2.6% 2rem;
  position: relative;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v2 dl {
    width: 100%;
    margin-bottom: 1rem;
    padding: 2rem 5% 1.5rem;
  }
}

.job-cont1 .job-a1_v2 dl::after {
  content: "";
  width: 71.58837%;
  height: .5rem;
  background: #006BB9;
  position: absolute;
  left: 0;
  top: 3rem;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v2 dl::after {
    top: 1.8rem;
    height: .35rem;
    width: 50%;
  }
}

.job-cont1 .job-a1_v2 dl span {
  display: block;
  color: rgba(37, 24, 22, 0.1);
  font: 600 2.1875rem/1.5em "Arial";
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v2 dl span {
    font-size: 1.5rem;
  }
}

.job-cont1 .job-a1_v2 dl dt {
  color: #4B4B4B;
 font-weight:bold; font-size:1.5rem; line-height:1.2em;
}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v2 dl dt {
    font-size: 1.25rem;
  }
}

.job-cont1 .job-a1_v2 dl dd { color: #787777;  font-size:1rem; line-height:1.5em; margin-top: 0.6em;}

@media (max-width: 768px) {
  .job-cont1 .job-a1_v2 dl dd {
    font-size: 1rem;
  }
}

.job-cont2 {
  background: url(../images/bj5.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 5.625rem 0 7.4375rem;
}

@media (max-width: 768px) {
  .job-cont2 {
    padding: 2rem 0 2.5rem;
  }
}

.job-cont2 .job-a2_list1 {
  margin-top: 3.375rem;
}

@media (max-width: 768px) {
  .job-cont2 .job-a2_list1 {
    margin-top: 0.5rem;
  }
}

.job-cont2 .job-a2_list1 dl {
  width: 11%;
  text-align: center;
  padding: 2.9375rem 0 3.3125rem;
  margin-bottom: 15px;

}

@media (max-width: 768px) {
  .job-cont2 .job-a2_list1 dl {
    width: 48%;
    margin-top: 1rem;
    padding: 2.4rem 0 3rem;
  }
}

.job-cont2 .job-a2_list1 dl dt {
  width: 5.25rem;
  margin: 0 auto;
  line-height: 5.25rem;
  background: #ffffff;
  border-radius: 50%;
}

.job-cont2 .job-a2_list1 dl dt img {
  width: 58.82353%;
}

.job-cont2 .job-a2_list1 dl dd {
  color: #ffffff;
  font: 500 1.0rem/1.4em "Arial";
  margin-top: 1.525rem;
}

@media (max-width: 768px) {
  .job-cont2 .job-a2_list1 dl dd {
    font-size: 1rem;
    margin-top: 1.25rem;
  }
}

.job-cont3 {
  padding: 3.625rem 0 0;
}

@media (max-width: 768px) {
  .job-cont3 {
    padding-top: 2rem;
  }
}

.job-cont3 .mySwiper4 {
  position: relative;
  margin-top: 2.5rem;
}

@media (max-width: 768px) {
  .job-cont3 .mySwiper4 {
    margin-top: 1.5rem;
  }
}

.job-cont3 .mySwiper4 .img {
  width: 100%;
}

.job-cont3 .mySwiper4 .img img {
  width: 100%;
}

.job-cont3 .mySwiper4 .swiper-pagination1 {
  text-align: center;
  margin-top: 1.5rem;
}

@media (max-width: 768px) {
  .job-cont3 .mySwiper4 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.job-cont3 .mySwiper4 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .job-cont3 .mySwiper4 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.job-cont3 .mySwiper4 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.job-cont4 {
  margin-top: 2.5rem;
  padding-bottom: 4.8125rem;
}

@media (max-width: 768px) {
  .job-cont4 {
    margin-top: 1.5rem;
    padding-bottom: 1.8rem;
  }
}

.job-cont4 .fomoers1 {
  margin-top: 2.25rem;
}

@media (max-width: 768px) {
  .job-cont4 .fomoers1 {
    margin-top: 1.4rem;
  }
}

.job-cont4 .fomoers1 .dts1 {
  width: 20.42857%;
}

@media (max-width: 768px) {
  .job-cont4 .fomoers1 .dts1 {
    width: 49%;
    margin-bottom: 1em;
  }
}

.job-cont4 .fomoers1 .dts1 select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../fonts/aghghx.svg) no-repeat scroll -webkit-calc(100% - 1rem) center transparent;
  background: url(../fonts/aghghx.svg) no-repeat scroll -moz-calc(100% - 1rem) center transparent;
  background: url(../images/aghghx.svg) no-repeat scroll calc(100% - 1rem) center transparent;
  width: 100%;
  font: 500 1rem/3.125rem "Arial";
  border-radius: 1.5625rem;
  height: 3.125rem;
  border: 1px solid #CECBCB;
  padding: 0 1rem 0 1.4rem;
  color: #787777;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.job-cont4 .fomoers1 .dts1 select option {
  line-height: 2em;
  padding: 0 1.5em;
}

.job-cont4 .fomoers1 .dts2 {
  width: 41.5%;
}

@media (max-width: 768px) {
  .job-cont4 .fomoers1 .dts2 {
    width: 70%;
  }
}

.job-cont4 .fomoers1 .dts2 input {
  width: 100%;
  font: 500 1rem/3.125rem "Arial";
  border-radius: 1.5625rem;
  height: 3.125rem;
  border: 1px solid #CECBCB;
  padding: 0 1rem 0 1.4rem;
  color: #787777;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.job-cont4 .fomoers1 .dts3 {
  width: 10.71429%;
  text-align: center;
  color: #0072BC;
  font: 500 1rem/3.125rem "Arial";
  border-radius: 1.5625rem;
  height: 3.125rem;
  border: 2px solid #0072BC;
  cursor: pointer;
}

@media (max-width: 768px) {
  .job-cont4 .fomoers1 .dts3 {
    width: 28%;
  }
}

.job-list {
  margin-top: 2.375rem;
}

@media (max-width: 768px) {
  .job-list {
    margin-top: 1.8rem;
  }
}

.job-list li {
  margin-bottom: .75rem;
}

.job-list li .dt a {
  background: #F5F5F5;
  padding: 0 1.75rem;
}

@media (max-width: 768px) {
  .job-list li .dt a {
    padding: 0 1rem;
  }
}

.job-list li .dt a .h2a {
  color: #000000;
  font: 600 1.3rem/4.8125rem "Arial";
}

@media (max-width: 768px) {
  .job-list li .dt a .h2a {
    font: 600 1rem/3.7rem "Arial";
  }
}

.job-list li .dt a .antas i {
  color: #9B9B9B;
  font: 600 1.5rem/4.8125rem "Arial";
}

@media (max-width: 768px) {
  .job-list li .dt a .antas i {
    font: 600 1rem/3.7rem "Arial";
  }
}

.job-list li .wgxga {
  border: 1px solid #F0F0F0;
  border-top: none;
  padding: 0 1.75rem;
}

@media (max-width: 768px) {
  .job-list li .wgxga {
    padding: 0 1rem;
  }
}

.job-list li .wgxga p {
  color: #7B858F;
  font: 500 1rem/4.25rem "Arial";
  margin-right: 1em;
}

@media (max-width: 768px) {
  .job-list li .wgxga p {
    line-height: 3.5em;
  }
}

.job-list li .wgxga p i {
  color: #7B858F;
  font: 600 1rem/4.25rem "Arial";
  margin-right: 0.15em;
}

@media (max-width: 768px) {
  .job-list li .wgxga p i {
    line-height: 3.5rem;
    margin-right: 0.3em;
  }
}

.job-list li .wehha-job {
  padding: 1.75rem;
  border: 1px solid #F0F0F0;
  border-top: none;
}

@media (max-width: 768px) {
  .job-list li .wehha-job {
    padding: 1rem;
  }
}

.job-list li .wehha-job .content dl {
  margin-bottom: 2em;
}

@media (max-width: 768px) {
  .job-list li .wehha-job .content dl {
    margin-bottom: 1em;
  }
}

.job-list li .wehha-job .content dl dt {
  color: #787777;
  font: 600 1rem/1.5em "Arial";
  margin-bottom: 0.2em;
}

.job-list li .wehha-job .content dl dd p {
  color: #787777;
  font: 500 0.9rem/1.4em "Arial";
  background: url(../fonts/quan.svg) no-repeat left 0.7em;
  -o-background-size: .25rem auto;
     background-size: .25rem auto;
  padding-left: 1em;
}

@media (max-width: 768px) {
  .job-list li .wehha-job .content dl dd p {
    -o-background-size: .2rem auto;
       background-size: .2rem auto;
  }
}

.job-list li .wehha-job .h3a {
  color: #221F1F;
  font: 500 1rem/1.5em "Arial";
}

.job-list li .wehha-job .h3a a {
  color: #221F1F;
}

.job-list li .wehha-job .h4a {
  width: 7.5rem;
  margin-top: 0.6em;
}

@media (max-width: 768px) {
  .job-list li .wehha-job .h4a {
    width: 6rem;
  }
}

.job-list li .wehha-job .h4a img {
  width: 100%;
}

.jjfa-cont1 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .jjfa-cont1 {
    margin-top: 2rem;
  }
}

.jjfa-cont1 .img {
  padding: 2rem 0;
  margin-top: 2.1875rem;
}

.jjfa-cont1 .img .heng img {
  width: 100%;
}

.jjfa-cont1 .img a.sp {
  width: 2.875rem;
}

@media (max-width: 768px) {
  .jjfa-cont1 .img a.sp {
    width: 2.1rem;
  }
}

.jjfa-cont1 .img a.sp img {
  width: 100%;
}

@media (max-width: 768px) {
  .jjfa-cont1 .img {
    padding: 1rem 0;
    margin-top: 1.25rem;
  }
}

.jjfa-cont1 .img::after {
  content: "";
  width: 26.85714%;
  position: absolute;
  left: 3%;
  top: 0;
  height: 100%;
  background: #006BB9;
  z-index: -1;
}

.jjfa-cont2 {
  margin-top: 5rem;
}

@media (max-width: 768px) {
  .jjfa-cont2 {
    margin-top: 2rem;
  }
}

.jjfa-cont2 .jjfa-a2_list1 {
  margin: 0 -2.5%;
  margin-top: 1rem;
}

.jjfa-cont2 .jjfa-a2_list1 dl {
  width: -webkit-calc(100%/3);
  width: -moz-calc(100%/3);
  width: calc(100%/3);
  text-align: center;
  padding: 0 2.5%;
  margin-top: 2.8125rem;
}

@media (max-width: 768px) {
  .jjfa-cont2 .jjfa-a2_list1 dl {
    width: -webkit-calc(100%/2);
    width: -moz-calc(100%/2);
    width: calc(100%/2);
    margin-top: 1rem;
  }
}

.jjfa-cont2 .jjfa-a2_list1 dl .img {
  width: 4.375rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .jjfa-cont2 .jjfa-a2_list1 dl .img {
    width: 3.5rem;
  }
}

.jjfa-cont2 .jjfa-a2_list1 dl dt {
  text-align: center;
  color: #252323;
  font: 500 1.25rem/1.5em "Arial";
  padding: 0.6em 0;
}

@media (max-width: 768px) {
  .jjfa-cont2 .jjfa-a2_list1 dl dt {
    font-size: 1rem;
    padding: 0.4em 0;
  }
}

.jjfa-cont2 .jjfa-a2_list1 dl dd {
  color: #252323;
  font: 500 1rem/1.5em "Arial";
  text-align: center;
}

@media (max-width: 768px) {
  .jjfa-cont2 .jjfa-a2_list1 dl dd {
    font-size: 1rem;
  }
}

.jjfa-cont3 {
  background: #F5F5F5;
  padding: 5.25rem 0 4.25rem;
  margin-top: 5.3125rem;
}

@media (max-width: 768px) {
  .jjfa-cont3 {
    padding: 2rem 0;
    margin-top: 2rem;
  }
}

.jjfa-cont3 .mySwiper5 {
  margin-top: 2.6rem;
  position: relative;
}

@media (max-width: 768px) {
  .jjfa-cont3 .mySwiper5 {
    margin-top: 1.25rem;
  }
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a {
  display: block;
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a .img {
  width: 100%;
  background: #D9D9D9;
  padding: 1.625rem 0;
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a .img img {
  height: 15.875rem;
}

@media (max-width: 768px) {
  .jjfa-cont3 .mySwiper5 .swiper-slide a.a .img img {
    height: 8rem;
  }
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a dl {
  text-align: center;
  color: #353535;
  position: relative;
  padding: 0.9rem 0;
  border-bottom: .125rem solid #D9D9D9;
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a dl::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  height: 0.125rem;
  background: #006BB9;
  width: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a dl dd {
  font: 500 1rem/1.6em "Arial";
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a dl dt {
  font: 500 1rem/1.6em "Arial";
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a:hover dl {
  color: #006BB9;
}

.jjfa-cont3 .mySwiper5 .swiper-slide a.a:hover dl::after {
  width: 100%;
}

.jjfa-cont3 .mySwiper5 .swiper-pagination1 {
  text-align: center;
  margin-top: 1.875rem;
}

@media (max-width: 768px) {
  .jjfa-cont3 .mySwiper5 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.jjfa-cont3 .mySwiper5 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .jjfa-cont3 .mySwiper5 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.jjfa-cont3 .mySwiper5 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.jjfa-cont4 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .jjfa-cont4 {
    margin-top: 2.2rem;
  }
}

.jjfa-cont4 .jjfa-a4_v1 {
  margin-top: 2.375rem;
}

@media (max-width: 768px) {
  .jjfa-cont4 .jjfa-a4_v1 {
    margin-top: 1.25rem;
  }
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 {
  width: 49%;
}

@media (max-width: 768px) {
  .jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 {
    width: 100%;
  }
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a {
  display: block;
  position: relative;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .img {
  width: 100%;
  font-size: 0;
  padding-bottom: 70.26239%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .da-cont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.68);
  color: #fff;
  padding: 0.9em 1.5em;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .da-cont span {
  font: 500 .875rem/1.4em "Arial";
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .da-cont .name {
  font: 500 1rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b1 a.a .da-cont .name {
    font-size: 1rem;
  }
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 {
  width: 49%;
}

@media (max-width: 768px) {
  .jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 {
    width: 100%;
  }
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li {
  width: 47.81341%;
  background: #F6F6F6;
  padding: 1.75rem 1.7rem 0;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li:nth-child(n+3) {
  margin-top: 1.875rem;
}

@media (max-width: 768px) {
  .jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li {
    padding: 1.6rem 1.25rem;
    margin-top: 1rem;
  }
  .jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li:nth-child(n+3) {
    margin-top: 1rem;
  }
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li span {
  display: block;
  color: #817F7F;
  font: 500 .875rem/1.4em "Arial";
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li a.name {
  color: #252323;
  font: 500 1rem/1.5em "Arial";
  margin: 0.5em 0 0.75em;
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li .p-cont {
  color: #534E4E;
  font: 500 1rem/1.5em "Arial";
}

.jjfa-cont4 .jjfa-a4_v1 .jjfa-a4_b2 li:hover a.name {
  color: #006BB9;
}

.jjfa-cont5 {
  background: url(../images/bj6.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 7.625rem 0 7.5rem;
  margin-top: 6.25rem;
}

@media (max-width: 768px) {
  .jjfa-cont5 {
    padding: 2rem 0;
    margin-top: 2.5rem;
  }
}

.jjfa-cont5 form {
  margin-top: 1.25rem;
}

@media (max-width: 768px) {
  .jjfa-cont5 form {
    margin-top: 0.7rem;
  }
}

.jjfa-cont5 form .msg-a1 .inpt {
  width: 32.28571%;
  margin-top: 1rem;
  position: relative;
}

@media (max-width: 768px) {
  .jjfa-cont5 form .msg-a1 .inpt {
    width: 100%;
  }
}

.jjfa-cont5 form .msg-a1 .inpt .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.5em;
  color: #777777;
  font: 500 1rem/3.125rem "Arial";
}

.jjfa-cont5 form .msg-a1 .inpt .text span {
  color: #F50000;
}

.jjfa-cont5 form .msg-a1 .inpt input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #777777;
  font: 500 1rem/3.125rem "Arial";
  border-radius: 1.6875rem;
  padding: 0 1.5em;
}

.jjfa-cont5 form .msg-a2 {
  margin-top: 1.625rem;
  position: relative;
}

@media (max-width: 768px) {
  .jjfa-cont5 form .msg-a2 {
    margin-top: 1rem;
  }
}

.jjfa-cont5 form .msg-a2 .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1em 1.5em;
  color: #777777;
  font: 500 1rem/1.5rem "Arial";
}

.jjfa-cont5 form .msg-a2 textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #777777;
  font: 500 1rem/1.5rem "Arial";
  border-radius: .9375rem;
  padding: 1em 1.5em;
}

.jjfa-cont5 .div_aghgha {
  margin-top: 1rem;
}

.jjfa-cont5 .div_aghgha .more-msl {
  background: #006BB9;
  border-color: #006BB9;
  color: #fff;
}

.jjfa-cont5 .div_aghgha .more-msl::before {
  background: #111;
}

.jjfa-cont5 .div_aghgha .more-msl:hover {
  border-color: #111;
}

.hyyy-cont1 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .hyyy-cont1 {
    margin-top: 2rem;
  }
}

.hyyy-cont1 .img {
  margin-top: 3.75rem;
}

@media (max-width: 768px) {
  .hyyy-cont1 .img {
    margin-top: 1rem;
  }
}

.hyyy-cont1 .img .heng {
  width: 100%;
}

.hyyy-cont1 .img .heng img {
  width: 100%;
}

.hyyy-cont1 .img::after {
  content: "";
  width: 89.71429%;
  background: #006BB9;
  height: 2.125rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2.125rem;
}

@media (max-width: 768px) {
  .hyyy-cont1 .img::after {
    height: 1rem;
    bottom: -1rem;
  }
}

.hyyy-cont2 {
  background: url(../images/bj7.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 6.75rem 0;
}

@media (max-width: 768px) {
  .hyyy-cont2 {
    padding: 2.2rem 0;
  }
}

.hyyy-cont2 .mySwiper6 {
  margin-top: 2.375rem;
  position: relative;
}

@media (max-width: 768px) {
  .hyyy-cont2 .mySwiper6 {
    margin-top: 1.4rem;
  }
}

.hyyy-cont2 .mySwiper6 a.a .img {
  width: 100%;
  overflow: hidden;
}

.hyyy-cont2 .mySwiper6 a.a .img img {
  width: 100%;
}

.hyyy-cont2 .mySwiper6 a.a dl {
  background: #fff;
  padding: 1em 6% 2em;
}

.hyyy-cont2 .mySwiper6 a.a dl dt {
  color: #252323;
  font: 600 1.25rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .hyyy-cont2 .mySwiper6 a.a dl dt {
    font-size: 1rem;
  }
}

.hyyy-cont2 .mySwiper6 a.a dl dd {
  color: #5E5D5D;
  font-weight:500; font-size:0.9rem; line-height:1.8em;
  margin-top: 0.6em;
}

@media (max-width: 768px) {
  .hyyy-cont2 .mySwiper6 a.a dl dd {
    height: 3em;
  }
}

.hyyy-cont2 .mySwiper6 .swiper-pagination1 {
  text-align: center;
  margin-top: 1.875rem;
}

@media (max-width: 768px) {
  .hyyy-cont2 .mySwiper6 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.hyyy-cont2 .mySwiper6 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .hyyy-cont2 .mySwiper6 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.hyyy-cont2 .mySwiper6 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.jsfw-cont1 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .jsfw-cont1 {
    margin-top: 2.2rem;
  }
}

.jsfw-cont1 a.more-msl {
  margin-top: 2.6875rem;
}

@media (max-width: 450px) {
  .jsfw-cont1 a.more-msl {
    margin-top: 1.35rem;
  }
}

.jswz-list {
  margin: 0 -1%;
  margin-top: 1rem;
}

@media (max-width: 450px) {
  .jswz-list {
    margin-top: 0.6rem;
  }
}

.jswz-list li {
  width: -webkit-calc(100%/3);
  width: -moz-calc(100%/3);
  width: calc(100%/3);
  padding: 0 1%;
  margin-top: 1.6875rem;
}

@media (max-width: 768px) {
  .jswz-list li {
    width: 50%;
    margin-top: 1rem;
  }
}

@media (max-width: 450px) {
  .jswz-list li {
    width: 100%;
  }
}

.jswz-list li .cont {
  background-color: #F6F6F6;
  padding: 1.5625rem 7% 3.625rem;
}

@media (max-width: 768px) {
  .jswz-list li .cont {
    padding: 1.25rem 7% 2rem;
  }
}

.jswz-list li .cont .teda {
  color: #DDDDDD;
  font: 500 1.25rem/1.25em "Arial";
}

.jswz-list li .cont .teda b {
  font: 500 3.125rem/1.25em "Arial";
  color: #999;
}

@media (max-width: 768px) {
  .jswz-list li .cont .teda b {
    font-size: 1rem;
  }
}

.jswz-list li .cont .teda span {
  font: 500 1rem/1.25em "Arial";
  color: #999;
}

.jswz-list li .cont a.name {
  color: #252323;
  font: 500 1.5rem/1.4em "Arial";
  margin: 0.5em 0;
  height: 2.8em;
  overflow: hidden;
}

@media (max-width: 768px) {
  .jswz-list li .cont a.name {
    font-size: 1.25rem;
  }
}

.jswz-list li .cont .text {
  color: #534E4E;
  font: 500 1rem/1.5em "Arial";
  text-align: justify;
}

.jswz-list li:hover .cont {
  background: #006BB9;
}

.jswz-list li:hover .cont .teda, .jswz-list li:hover .cont b, .jswz-list li:hover .cont span, .jswz-list li:hover .cont a.name, .jswz-list li:hover .cont .text {
  color: #fff;
}

.jsfw-cont2 {
  padding: 3.5rem 0 5.9375rem;
}

@media (max-width: 768px) {
  .jsfw-cont2 {
    padding: 2rem 0 2.2rem;
  }
}

.jsfw-cont2 a.more-msl {
  margin-top: 3rem;
}

@media (max-width: 768px) {
  .jsfw-cont2 a.more-msl {
    margin-top: 1.5rem;
  }
}

.down-list {
  margin-top: 0.7rem;
}

.down-list li {
  width: 49%;
  background: #F6F6F6;
  padding: 1%;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .down-list li {
    width: 100%;
    padding: 3%;
    margin-top: 1rem;
  }
}

.down-list li .down-a1 {
  width: 19.24198%;
}

@media (max-width: 768px) {
  .down-list li .down-a1 {
    width: 25%;
  }
}

.down-list li .down-a1 img {
  width: 100%;
}

.down-list li .down-a2 {
  width: 94%; display: flex; justify-content: space-between;
}


@media (max-width: 768px) {
  .down-list li .down-a2 {
    width: 70%;
  }
}

.down-list li .down-a2 dt { color: #252323; font-size:1rem;  width: 80%; height:3.625rem; line-height:3.625em; font-weight: 500;}
.down-list li .down-a2img{ width:3.625rem;}

.down-list li .down-a2 span {
  display: block;
  color: #252323;
  font: 600 .875rem/1.5em "Arial";
  text-transform: uppercase;
}

.down-list li .down-a2 dd {
  color: #252323;
  font-weight:500; font-size:0.9rem; line-height:1.8em;
  margin-top: 0.6em;
}

.down-list li .down-a2 a.a {
  background: #fff;
  width: 3.625rem;
  height: 3.625em;
  line-height: 3.625em;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .down-list li .down-a2 a.a {
    width: 3rem;
    height: 3em;
    line-height: 3em;
    margin-top: 0;
  }
}

.down-list li .down-a2 a.a img {
  width: 50%;
}

.down-list li .down-a2 a.a:hover {
  background: #006BB9;
}

.down-list li .down-a2 a.a:hover img {
  -webkit-filter: invert(100%) sepia(83%) saturate(0%) hue-rotate(322deg) brightness(108%) contrast(101%);
          filter: invert(100%) sepia(83%) saturate(0%) hue-rotate(322deg) brightness(108%) contrast(101%);
}

.xw-ss-bj {
  margin-top: 2rem;
}

.xw-ss-bj form {
  border-top: 1px solid #D3D4D4;
  border-bottom: 1px solid #D3D4D4;
  padding: 1.25rem 0;
}

@media (max-width: 768px) {
  .xw-ss-bj form {
    padding: 0.5rem 0;
  }
}

.xw-ss-bj form select {
  color: #252323;
  font: 500 1rem/3rem "Arial";
  height: 3rem;
  width: 3.4em;
  border: none;
  background: url(../images/aghghx1.svg) no-repeat scroll 100% center transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -o-background-size: .875rem auto;
     background-size: .875rem auto;
}

@media (max-width: 768px) {
  .xw-ss-bj form select {
    width: 4.5rem;
  }
}

.xw-ss-bj form .sskz {
  margin-left: 2%;
}

.xw-ss-bj form .sskz button {
  background: none;
  border: none;
  outline: none;
  width: 2.5rem;
  text-align: center;
}

.xw-ss-bj form .sskz button i {
  color: #252323;
  font: 500 1rem/3rem "Arial";
}

.xw-ss-bj form .sskz input {
  color: #252323;
  font: 500 1rem/3rem "Arial";
  width: 50vw;
  outline: none;
}

.xw-ss-bj form .sskz input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #252323;
}

.xw-ss-bj form .sskz input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #252323;
}

.xw-ss-bj form .sskz input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #252323;
}

.xw-ss-bj form .sskz input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #252323;
}

.news-list li {
  padding: 3%;
  background: #F6F6F6;
  margin-top: 2.1875rem;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

@media (max-width: 768px) {
  .news-list li {
    margin-top: 1rem;
  }
}

.news-list li .data {
  width: 11.42857%;
  text-align: center;
  color: #999999;
  border-right: 1px solid #DDDDDD; margin-right: 1%;
}

@media (max-width: 640px) {
  .news-list li .data {
    display: none;
  }
}

.news-list li .data span {
  font: 500 3.125rem/1.125em "Arial";
  display: block;
}

@media (max-width: 768px) {
  .news-list li .data span {
    font-size: 1rem;
  }
}

.news-list li .data p {
  font: 500 1rem/1.25em "Arial";
}

@media (max-width: 768px) {
  .news-list li .data p {
    font-size: 1rem;
  }
}

.news-list li .cont {
  width: 61.07143%;
}

@media (max-width: 640px) {
  .news-list li .cont {
    width: 60%;
  }
}

.news-list li .cont h2 a {
  display: block;
  color: #252323;
  font: 500 1.2rem/1.3em "Arial";
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 768px) {
  .news-list li .cont h2 a {
    font-size: 1.25rem;
  }
}

@media (max-width: 640px) {
  .news-list li .cont h2 a {
    font-size: 1rem;
  }
}
.news-list li .cont h2 {font-size:1.2rem; line-height:1.5em; font-weight:bold;}

.news-list li .cont .p {
  color: #534E4E;
  font: 500 1rem/1.5em "Arial";
  margin-top: 0.8em;
}

@media (max-width: 768px) {
  .news-list li .cont .p {
    margin-top: 0.5em;
  }
}

@media (max-width: 640px) {
  .news-list li .cont .p {
    margin-top: 0.2em;
  }
}

.news-list li a.img {
  width: 21.71429%;
  display: block;
  font-size: 0;
  overflow: hidden;
  padding-bottom: 15%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.news-list li a.img img {
  width: 100%;
}

.news-list li a.img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 640px) {
  .news-list li a.img {
    width: 38%;
    padding-bottom: 25%;
  }
}

.news-list li:hover {
  background: #006BB9;
}

.news-list li:hover .data, .news-list li:hover .cont h2 a, .news-list li:hover .cont .p {
  color: #fff;
}

.zxdt-cont1 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .zxdt-cont1 {
    margin-top: 2rem;
  }
}

.zxdt-cont1 .zxdt-a1list1 {
  margin-top: 2.25rem;
}

@media (max-width: 768px) {
  .zxdt-cont1 .zxdt-a1list1 {
    margin-top: 1rem;
  }
}

.zxdt-cont1 .zxdt-a1list1 dl {
  background: #F6F6F6;
}

.zxdt-cont1 .zxdt-a1list1 dl a.img {
  display: block;
  width: 50%;
}

@media (max-width: 768px) {
  .zxdt-cont1 .zxdt-a1list1 dl a.img {
    width: 100%;
  }
}

.zxdt-cont1 .zxdt-a1list1 dl a.img img {
  width: 100%;
}

.zxdt-cont1 .zxdt-a1list1 dl .da-cont {
  width: 50%;
  padding: 0 4%;
}

@media (max-width: 768px) {
  .zxdt-cont1 .zxdt-a1list1 dl .da-cont {
    width: 100%;
    padding: 4%;
  }
}

.zxdt-cont1 .zxdt-a1list1 dl .da-cont span {
  display: block;
  color: #787777;
  font: 500 1rem/1.5em "Arial";
  margin-bottom: 0.2em;
}

.zxdt-cont1 .zxdt-a1list1 dl .da-cont a.name {
  color: #252323;
  font: 500 1.625rem/1.5em "Arial";
}

.zxdt-cont1 .zxdt-a1list1 dl .da-cont a.name:hover {
  color: #006BB9;
}

@media (max-width: 768px) {
  .zxdt-cont1 .zxdt-a1list1 dl .da-cont a.name {
    font-size: 1.25rem;
  }
}

.zxdt-cont1 .zxdt-a1list1 dl .da-cont dd {
  color: #534E4E;
  font: 500 1rem/1.6em "Arial";
  margin: 0.8em 0 1.45em;
}

@media (max-width: 768px) {
  .zxdt-cont1 .zxdt-a1list1 dl .da-cont dd {
    margin: 0.5em 0 0.8em;
  }
}

.xw-show_bja {
  background: url(../images/bjas1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 9.875rem 0 4.8125rem;
  color: #fff;
}

@media (max-width: 990px) {
  .xw-show_bja {
    padding: 4rem 0;
  }
}

.xw-show_bja .date-a {
  font: 500 1rem/1.5em "Arial";
}

.xw-show_bja .title-a {
  font: 600 2.5rem/1.3em "Arial";
  padding: 0.25em 0 1.875rem;
}

@media (max-width: 768px) {
  .xw-show_bja .title-a {
    font-size: 1.5rem;
  }
}

.xw-show_bja .fenxad {
  font: 500 1rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .xw-show_bja .fenxad {
    font-size: 1rem;
  }
}

.xw-show_bja .fenxad .social-share a {
  border-color: #D7D8DD;
  width: 2.0625rem;
  height: 2.0625rem;
  line-height: 2.0625rem;
  font-size: 1.1rem;
  color: #fff;
}

.xw-show_bja .fenxad .social-share a:hover {
  background: #fff;
  color: #333;
}

@media (max-width: 768px) {
  .xw-show_bja .fenxad .social-share .icon-wechat .wechat-qrcode {
    left: 0;
  }
  .xw-show_bja .fenxad .social-share .icon-wechat .wechat-qrcode:after {
    left: 6%;
  }
}

.show-news-content {
  margin-top: 3.5rem;
  padding-bottom: 8.5rem;
}

@media (max-width: 768px) {
  .show-news-content {
    margin-top: 2rem;
    padding-bottom: 2.5rem;
  }
}

.show-news-content .show-news-a1_v1 { padding-right: 4%;}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v1 {
    width: 100%;
    padding-right: 0;
    border: none;
  }
}

.show-news-content .show-news-a1_v1 .xinwn-consss {
  color: #787777;
  font: 500 1rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v1 .xinwn-consss {
    font-size: 1rem;
  }
}

.show-news-content .show-news-a1_v1 .xinwn-consss img { width:auto; max-width: 100%; }

.show-news-content .show-news-a1_v1 .a_wehs {
  padding: 2.25rem 0;
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v1 .a_wehs {
    padding: 1.4rem 0;
  }
}

.show-news-content .show-news-a1_v1 a.mast-sda {
  display: block;
  color: #fff;
  width: 8.75rem;
  font: 500 1rem/3em "Arial";
  border-radius: 1.5em;
  background: #006BB9;
  text-align: center;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.show-news-content .show-news-a1_v1 a.mast-sda:hover {
  background: #000;
}

.show-news-content .show-news-a1_v1 .pain {
  background: #F4F5F5;
  border-radius: .9375rem;
  color: #787777;
  font: 600 1rem/1.5em "Arial";
  padding: 1em 1.875rem;
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v1 .pain {
    font-size: 1rem;
  }
}

.show-news-content .show-news-a1_v1 .pain .prev, .show-news-content .show-news-a1_v1 .pain .next {
  padding: 0.3em 0;
}

.show-news-content .show-news-a1_v1 .pain a {
  color: #787777;
  font-weight: 500;
}

.show-news-content .show-news-a1_v1 .pain a:hover {
  color: #006BB9;
}

.show-news-content .show-news-a1_v2 {
  width: 30.71429%;
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v2 {
    display: none;
  }
}

.show-news-content .show-news-a1_v2 .rm-titlea {
  color: #2F2A2A;
  font: 600 1.5rem/2em "Arial";
}

.show-news-content .show-news-a1_v2 .rm-titlea:after {
  content: "";
  display: block;
  width: 2.875rem;
  height: .125rem;
  display: block;
  background: #006BB9;
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li {
  width: 100%;
  margin-top: 2rem;
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li a.img {
  display: block;
  font-size: 0;
  border-top-right-radius: .9375rem;
  border-top-left-radius: .9375rem;
  overflow: hidden;
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date {
  border-bottom: 1px solid #D9D9D9;
  padding: 1.3em 5% 0.8em;
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date {
    padding: 1.3em 1% 0.8em;
  }
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date h2 a {
  display: block;
  color: #2F2A2A;
  font: 500 1.25rem/1.3em "Arial";
  height: 2.6em;
  overflow: hidden;
}

@media (max-width: 768px) {
  .show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date h2 a {
    font-size: 1rem;
  }
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date h2 a:hover {
  color: #006BB9;
}

.show-news-content .show-news-a1_v2 .news-list-tjaz li .xw-date span {
  display: block;
  color: #787777;
  font: 500 1rem/1.5em "Arial";
  margin-top: 1.5em;
}

.lx-cont1 {
  margin-top: 4.5rem;
}

@media (max-width: 768px) {
  .lx-cont1 {
    margin-top: 2rem;
  }
}

.lx-cont1 .lx_a1v1 #map {
  margin-top: 3.125rem;
  overflow: hidden;
  height: 27vw;
}

@media (max-width: 990px) {
  .lx-cont1 .lx_a1v1 #map {
    height: 32vw;
  }
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 #map {
    height: 40vw;
    margin-top: 1.5rem;
  }
}

@media (max-width: 450px) {
  .lx-cont1 .lx_a1v1 #map {
    height: 50vw;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 {
  background: rgba(0, 103, 200, 0.9);
  width: 67.21429%;
  -webkit-clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(18% 0, 100% 0%, 100% 100%, 0% 100%);
  padding: 2.1875rem 3% 3rem 15%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 {
    position: static;
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    padding: 4%;
    width: 100%;
  }
}

@media (max-width: 450px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 {
    padding: 6%;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c1 {
  color: #fff;
  font: 600 1.5rem/1.4em "Arial";
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c1 {
    font-size: 1.25rem;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c1 span {
  display: block;
  font: 500 1rem/1.2em "Arial";
  text-transform: capitalize;
  letter-spacing: .04rem;
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c1 span {
    font-size: 1rem;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 {
  margin-top: 0.2em;
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p {
  color: #FFFFFF;
  margin-top: 0.8em;
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p {
    margin-top: 0.4em;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p img {
  width: 2.0625rem;
  margin-right: 0.5em;
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p img {
    width: 1.7rem;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p span {
  font: 500 1rem/2em "Arial";
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d1 p span {
    font-size: 1rem;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d2 {
  width: 8.375rem;
  text-align: center;
  color: #fff;
  font-weight:500; font-size:0.9rem; line-height:1.8em;
}

@media (max-width: 768px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d2 {
    width: 6rem;
  }
}

@media (max-width: 450px) {
  .lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d2 {
    margin-top: 1rem;
  }
}

.lx-cont1 .lx_a1v1 .lx-a1b1 .lx-a1c2 .lx-a1d2 img {
  width: 100%;
  margin-bottom: 0.7em;
}

.product-list li {
  background: url(../images/bj8.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 5.625rem 0 7.5rem;
}

@media (max-width: 768px) {
  .product-list li {
    padding: 2.4rem 0;
  }
}

.product-list li .cplb-tit {
  margin: 0 -4px;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .product-list li .cplb-tit {
    margin-top: 1rem;
  }
}

.product-list li .cplb-tit a {
  border: 1px solid #CECECE;
  text-align: center;
  color: #3A3A3A;
  font: 500 1rem/1.4em "Arial";
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 4px;
  padding: 0.6em 0;
}

@media (max-width: 768px) {
  .product-list li .cplb-tit a {
    -webkit-flex: 40%;
       -moz-box-flex: 40%;
        -ms-flex: 40%;
            flex: 40%;
    margin-top: 0.6rem;
  }
}

.product-list li .cplb-tit a span {
  display: block;
  font-family: "Arial";
}

.product-list li .cplb-tit a.on {
  background: #006BB9;
  border-color: #006BB9;
  color: #fff;
}

.product-list li .cplb-cont {
  margin-top: 2.125rem;
}

@media (max-width: 768px) {
  .product-list li .cplb-cont {
    margin-top: 1rem;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a1 {
  width: 45%;
}

@media (max-width: 768px) {
  .product-list li .cplb-cont .cplb-v1 .cplb-a1 {
    width: 100%;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 1rem;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a1 h2 a {
  display: block;
  color: #252323;
  font: 500 2rem/1.4em "Arial";
}

@media (max-width: 768px) {
  .product-list li .cplb-cont .cplb-v1 .cplb-a1 h2 a {
    font-size: 1.5rem;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a1 h2 a span {
  color: #006BB9;
  font: 500 1.5rem/1.4em "Arial";
  display: block;
}

@media (max-width: 768px) {
  .product-list li .cplb-cont .cplb-v1 .cplb-a1 h2 a span {
    font-size: 1.25rem;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a1 .p {
  color: #534E4E;
  font: 500 1rem/1.65em "Arial";
  margin: 1rem 0 1.5rem;
}

@media (max-width: 768px) {
  .product-list li .cplb-cont .cplb-v1 .cplb-a1 .p {
    margin: 0.7rem 0 1rem;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a2 {
  width: 50%;
}

@media (max-width: 768px) {
  .product-list li .cplb-cont .cplb-v1 .cplb-a2 {
    width: 100%;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.product-list li .cplb-cont .cplb-v1 .cplb-a2 img {
  width: 100%;
}

.product-list li:nth-child(2n) {
  background: url(../images/bj9.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.product-list li:nth-child(2n) .ny-tit, .product-list li:nth-child(2n) .cplb-tit a, .product-list li:nth-child(2n) .cplb-cont .cplb-v1 .cplb-a1 h2 a span, .product-list li:nth-child(2n) .cplb-cont .cplb-v1 .cplb-a1 h2 a, .product-list li:nth-child(2n) .cplb-cont .cplb-v1 .cplb-a1 .p, .product-list li:nth-child(2n) .more-msl {
  color: #fff;
}

.product-list li:nth-child(2n) .cplb-tit a, .product-list li:nth-child(2n) .more-msl {
  border-color: #fff;
}

.product-list li:nth-child(2n) .cplb-tit a.on {
  border-color: #006BB9;
}

.product-list li#cpa4 .cplb-tit, .product-list li#cpa6 .cplb-tit {
  display: none;
}

.ny-cp-content-show .jjfa-cont5 {
  margin-top: 0;
}

.cp-show-cont1 {
  background: url(../images/bj10.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 8rem 0 6.75rem;
}

@media (max-width: 768px) {
  .cp-show-cont1 {
    padding: 2.4em 0 2rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a1 {
  width: 45%;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a1 {
    width: 100%;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 1rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a1 h2 {
  display: block;
  color: #252323;
  font: 600 2rem/1.4em "Arial";
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a1 h2 {
    font-size: 1.5rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a1 h2 span {
  color: #006BB9;
  font: 500 1.5rem/1.4em "Arial";
  display: block;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a1 h2 span {
    font-size: 1.25rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a1 .p {
  color: #534E4E;
  font: 500 1rem/1.65em "Arial";
  margin: 1rem 0 1.5rem;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a1 .p {
    margin: 0.7rem 0 1rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a2 {
  width: 50%;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a2 {
    width: 100%;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a2 img {
  width: 100%;
}

.cp-show-cont1 .cplb-v1 .cplb-a2 .swiper-pagination1 {
  text-align: center;
  margin-top: 1.875rem;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a2 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a2 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .cp-show-cont1 .cplb-v1 .cplb-a2 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.cp-show-cont1 .cplb-v1 .cplb-a2 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.cp-show-cont2 {
  background: url(../images/bj11.jpg) no-repeat center;
  -o-background-size: cover;
     background-size: cover;
  padding: 7.25rem 0 10.9375rem;
}

@media (max-width: 768px) {
  .cp-show-cont2 {
    padding: 2rem 0;
  }
}

.cp-show-cont2 .cp-show-a2_list1 {
  margin-top: 7rem;
}

@media (max-width: 768px) {
  .cp-show-cont2 .cp-show-a2_list1 {
    margin-top: 1rem;
  }
}

.cp-show-cont2 .cp-show-a2_list1 dl {
  width: 23%;
  text-align: center;
}

@media (max-width: 768px) {
  .cp-show-cont2 .cp-show-a2_list1 dl {
    width: 49%;
    margin-top: 1rem;
  }
}

.cp-show-cont2 .cp-show-a2_list1 dl dt {
  width: 5rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .cp-show-cont2 .cp-show-a2_list1 dl dt {
    width: 4.5rem;
  }
}

.cp-show-cont2 .cp-show-a2_list1 dl dt img {
  width: 100%;
}

.cp-show-cont2 .cp-show-a2_list1 dl dd {
  color: #fff;
  font: 500 1.25rem/1.5em "Arial";
  margin-top: 1.2em;
}

@media (max-width: 768px) {
  .cp-show-cont2 .cp-show-a2_list1 dl dd {
    font-size: 1rem;
    margin-top: 0.7em;
  }
}

.cp-show-cont3 {
  padding: 2.5rem 0 4.0625rem;
}

@media (max-width: 768px) {
  .cp-show-cont3 {
    padding: 1rem 0;
  }
}

.cp-show-cont3 .cp-show-a3_list1 {
  margin-top: 1.875rem;
  position: relative;
}

@media (max-width: 768px) {
  .cp-show-cont3 .cp-show-a3_list1 {
    margin-top: 1rem;
  }
}

.cp-show-cont3 .cp-show-a3_list1 dl {
  width: 100%;
  background: #f5f5f5;
  border-radius: 2rem;
}

@media (max-width: 768px) {
  .cp-show-cont3 .cp-show-a3_list1 dl {
    border-radius: 0.7rem;
  }
}

.cp-show-cont3 .cp-show-a3_list1 dl img {
  width: 100%;
}

.cp-show-cont3 .cp-show-a3_list1 .text {
  text-align: center;
  color: #666;
  font: 500 1rem/1.5em "Arial";
  margin-top: 0.7em;
}

.cp-show-cont3 .cp-show-a3_list1 .swiper-pagination1 {
  text-align: center;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .cp-show-cont3 .cp-show-a3_list1 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.cp-show-cont3 .cp-show-a3_list1 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .cp-show-cont3 .cp-show-a3_list1 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.cp-show-cont3 .cp-show-a3_list1 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.cp-show-cont4 {
  background: #F5F5F5;
  padding: 7.9375rem 0 9rem;
}

@media (max-width: 768px) {
  .cp-show-cont4 {
    padding: 2rem 0;
  }
}

.cp-show-cont4 .paggs {
  overflow-x: auto;
  margin-top: 2.25rem;
}

@media (max-width: 768px) {
  .cp-show-cont4 .paggs {
    margin-top: 1.5rem;
  }
}

.cp-show-cont4 .paggs table {
  color: #4D4C4C;
  min-width: 768px;
}

.cp-show-cont4 .paggs table tr:nth-child(1) {
  background: #006BB9 !important;
  color: #fff;
  text-align: center;
}

.cp-show-cont4 .paggs table tr:nth-child(1) td {
  padding: 1rem 0;
}

.cp-show-cont4 .paggs table tr:nth-child(2n) {
  background: #FFFFFF;
}

.cp-show-cont4 .paggs table tr:nth-child(2n-1) {
  background: #F5F5F5;
}

.cp-show-cont5 {
  padding: 8rem 0 7.0625rem;
}

@media (max-width: 768px) {
  .cp-show-cont5 {
    padding: 2rem 0;
  }
}

.cp-show-cont5 .mySwiper8 {
  position: relative;
  margin-top: 5.8rem;
}

@media (max-width: 768px) {
  .cp-show-cont5 .mySwiper8 {
    margin-top: 2rem;
  }
}

.cp-show-cont5 .mySwiper8 .swiper-slide a.a {
  display: block;
  text-align: center;
}

.cp-show-cont5 .mySwiper8 .swiper-slide a.a .img {
  width: 4.375rem;
  margin: 0 auto;
}

.cp-show-cont5 .mySwiper8 .swiper-slide a.a .img img {
  width: 100%;
}

.cp-show-cont5 .mySwiper8 .swiper-slide a.a dl dt {
  color: #252323;
  font: 500 1.25rem/1.5em "Arial";
  padding: 1em 0 0.5em;
}

@media (max-width: 768px) {
  .cp-show-cont5 .mySwiper8 .swiper-slide a.a dl dt {
    font-size: 1rem;
  }
}

.cp-show-cont5 .mySwiper8 .swiper-slide a.a dl dd {
  color: #252323;
  font: 500 1rem/1.5em "Arial";
}

@media (max-width: 768px) {
  .cp-show-cont5 .mySwiper8 .swiper-slide a.a dl dd {
    font-size: 1rem;
  }
}

.cp-show-cont5 .mySwiper8 .swiper-pagination1 {
  text-align: center;
  margin-top: 2.75rem;
}

@media (max-width: 768px) {
  .cp-show-cont5 .mySwiper8 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

.cp-show-cont5 .mySwiper8 .swiper-pagination1 span {
  display: inline-block;
  width: .9375rem;
  height: .9375rem;
  background: #D9D9D9;
  border-radius: 50%;
  opacity: 1;
  margin: 0 0.3rem;
}

@media (max-width: 768px) {
  .cp-show-cont5 .mySwiper8 .swiper-pagination1 span {
    width: .75rem;
    height: .75rem;
  }
}

.cp-show-cont5 .mySwiper8 .swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #006BB9;
}

.zzry-list {
  margin: 0 -2%;
  margin-top: 3rem;
}

@media (max-width: 990px) {
  .zzry-list {
    margin: 0 -1%;
  }
}

@media (max-width: 768px) {
  .zzry-list {
    margin-top: 1.5rem;
  }
}

.zzry-list li {
  width: 25%;
  padding: 0 2%;
  margin-top: 1.4rem;
}

@media (max-width: 990px) {
  .zzry-list li {
    width: 25%;
    padding: 0 1%;
  }
}

@media (max-width: 768px) {
  .zzry-list li {
    margin-top: 0.8rem;
    width: 50%;
  }
}

.zzry-list li a.block {
  display: block;
}

.zzry-list li a.block .img {
  width: 100%;
  overflow: hidden;
  padding: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}

.zzry-list li a.block .img img {
  width: 100%;
}

.zzry-list li a.block h2 {
  text-align: center;
  font: 500 1rem/1.5em "Arial";
  margin-top: 0.5em;
}

@media (max-width: 768px) {
  .zzry-list li a.block h2 {
    font-size: 1rem;
  }
}

#circlr {
  cursor: move;
  margin: 0 auto;
  min-height: 100px;
  position: relative;
  background: url(../fonts/360_flash_no.svg) no-repeat right top;
  -o-background-size: 3.125rem auto;
     background-size: 3.125rem auto;
  cursor: url(../images/360_flash_no.svg), pointer;
}

#circlr #loader {
  background: url(../images/loader.gif) center center no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.head2 .rhgxt{
  margin-left: 0;
}
.rhgxt{
  color: #fff;
font: 500 1rem/60px "helvetica";
margin-left: 63%;
position: relative;
z-index: 9;
}
.rhgxt i{
font-size: 1rem;
margin-right: 0.25em;
}
.rhgxt:hover{
  color: #fff;
}

.nypro-list{ margin-top:15px;}
.nypro-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nypro-list ul:after{content: ''; width: 31.5%;}
.nypro-list ul li{width: 31.5%; margin-bottom: 2.5625rem; box-sizing: border-box; text-align: center; transition:0.6s}
.nypro-list ul li .pic{overflow: hidden; background:url(../images/prolistbg.png) no-repeat center center; background-size: cover; padding:3%;}
.nypro-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li strong{font-size: 1.5rem; color: #333; font-family: "PFBold"; margin-bottom: 0.25rem;}
.nypro-list ul li p{display: block; font-size: 1rem; color: #595757; background:#f1f1f1; height:3.95rem; line-height:3.95rem; text-align:center; white-space: nowrap; overflow:hidden; padding:0px 10px;}
.nypro-list ul li:hover p{background:#305dc3; color:#ffffff;}
.nypro-list ul li .pro-btn{display: flex; justify-content: center;}
.nypro-list ul li em{border-radius:5px;display: block;width: 7.75rem;background: #333333; font-size: 0.9375rem; line-height: 2.5rem; color: #fff; margin-right: 0.25rem;}
.nypro-list ul li span{border-radius:5px;display: flex; align-items: center; justify-content: center; width: 2.8125rem;height: 2.5rem;background: #d91f15;}
.nypro-list ul li:hover{background: #f9f9f9; border-color: #34559d;}
.nypro-list ul li:hover em{background: #34559d;}
@media (max-width: 768px) {
	.nbanner{padding-top: 0rem;}
	.nbanner .fo-av .ajhhsd{line-height: 0.5em; padding: 0.9em 0; display:block; font: 500 3rem/3.4375rem "Arial";}
	.nbanner .fo-av{ background: #ffffff; display: none;}
	.nypro-list ul li{ width:48%;}
	.nypro-list ul li p{font-size: 0.8rem; height: 3.25rem; line-height: 3.25rem;}
	}
	
	
	
	#SITE_HEADER {
            box-sizing: border-box;
            z-index: 2999;
        }

        .basSi .sCon {
            position: absolute;
            top: 0;
            visibility: hidden;
            -webkit-transition: all .36s ease-out;
            -ms-transition: all .36s ease-out;
            transition: all .36s ease-out;
            transform: translateZ(0);
        }

        .basSi .shBtn {
            right: 0;
            overflow: hidden;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

        .basSi .sImg {
            height: auto;
            right: 100%;
            opacity: 0;
        }

        .basSi .sImg img {
            width: 138px;
            height: auto;
            display: block;
        }

        .basSi .shBtn {
            width: 220px;
            display: flex;
            align-items: center;
            box-sizing: border-box;
        }

        .basSi .sBtn {
            text-align: center;
            cursor: pointer;
            padding: 0;
            border: 0;
            display: block;
            text-decoration: none;
            width: 54px;
            height: 54px;
            line-height: 54px;
        }

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

        .basSi .sIcon {
            background-repeat: no-repeat;
            background-position: 45% 45%;
            float: none;
            display: inline-block;
            text-align: center;
        }

        .basSi .sIcon .sliderIconImg {
            width: auto;
            height: auto;
        }

        .sidebarHoverPar .sImg {
            left: 100%;
            right: auto;
        }

        .sidebarHoverPar .shBtn {
            left: 0;
            right: auto;
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .sidecustombarBox.basSi .shBtn {
            min-width: 220px;
            width: auto;
            padding-right: 10px;
            height: 100%;
        }

        .sidecustombarBox .basSi .sIcon {
            height: 100%;
            line-height: 100%;
        }

        .sidecustombarBox.basSi .sBtn .sIcon {
            width: 100%;
        }

        .sidecustombarBox.basSi .shBtn .sidetext {
            padding-left: 10px;
        }

        .boxSi {
            right: 0;
        }

        .boxSi .sList {
            display: flex;
        }

        .boxSi .sd_box {
            width: calc(100% - 40px);
        }

        .boxSi {
            transition: all .233s ease-out;
        }

        .boxSi:hover {
            right: 0;
        }

        .basSi .sList:hover .shBtn {
            visibility: visible;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .basSi .sList:hover .sImg {
            opacity: 1;
            visibility: visible;
        }

        .sidebarHoverPar.sList:hover .shBtn {
            left: 0;
            right: auto;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        @media screen and (max-width: 960px) {
            .sListTypeimage {
                display: none;
            }
        }

        .sidebarBox {
            z-index: 2000;
        }

        .gotop {
            background-image: none;
            border-radius: 0;
        }

        .lightbox {
            position: fixed;
            z-index: 2;
        }

        .lightboxModal {
            z-index: 3002;
            display: flex;
        }

        .lightboxModalOpc {
            position: fixed;
            inset: 0px;
            width: 100%;
            height: 100%;
        }

        .rowList,
        .row_line {
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
        }

        .rowList .colList {
            box-sizing: border-box;
            display: inline-block;
        }

        .rowList .cols,
        .row_line .rowcol {
            box-sizing: border-box;
            display: inline-block;
        }

        .relative,
        .row_line,
        .row_line .rowcol {
            position: relative
        }

        .row_line {
            box-sizing: border-box;
        }

        /*.row_line>.rowcol{z-index:0}
.row_line>.rowcol>.rowListBg{z-index:-1}
*/
        .rowListBg {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
            content: '';
        }

        .row_line {
            position: relative;
        }

        .row_line {
            position: relative;
        }

        .lightbox {
            overflow-y: hidden;
            box-sizing: border-box;
        }

        .lightbox>.lightboxBg {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }

        .lightbox>.lightboxBox {
            position: relative;
            z-index: 1;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .lightoverHidden>.lightboxBox {
            overflow-y: hidden;
        }

        .lightoverVisible,
        .lightoverVisible>.lightboxBox {
            overflow: visible;
        }

        .rowList {
            max-width: 100%;
            margin: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .rowList .cols {
            box-sizing: border-box;
            position: relative;
        }

        .boxSiz {
            position: relative;
        }

        .rowListBg {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
            content: ''
        }

        .col-box {
            height: 100%;
            zoom: 1;
            border: 1px solid transparent;
            margin: -1px;
        }

        .col-box .textLineP {
            border: 0px solid transparent;
        }

        .boxCont {
            position: relative;
        }

        .boxContent,
        .boxCont {
            position: relative;
        }

        .btnIcon {
            text-align: center;
        }

        .btnImg {
            max-width: 100%;
            max-height: 100%;
        }

        .minWidth {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            transform: scale(1);
            transform: rotate(0);
        }

        .btnAnati {
            position: relative;
            top: 0;
            left: 0;
            transform: scale(1);
            transform: rotate(0);
        }

        .backgroundAnimation,
        .borderSlide,
        .shadowAcross,
        .backgroundBottomAna {
            overflow: hidden;
            -webkit-transition: 0.5s;
        }

        .backgroundAnimation:before,
        .btn3.backgroundAnimation .btnIcon:before {
            position: absolute;
            content: '';
            width: 0;
            -webkit-transition: inherit;
            left: 0;
            height: 100%;
            z-index: -1;
        }

        .backgroundAnimation:hover:before,
        .btn3.backgroundAnimation .btnIcon:before {
            width: 100%
        }

        .borderSlide:before,
        .borderSlide:after {
            content: '';
            border-style: solid;
            position: absolute;
            z-index: -1;
            transition: inherit;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .borderSlide:before {
            width: 0;
            border-top-width: 0px;
            border-bottom-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px;
            height: 100%;
            top: 0px;
            left: 0;
            -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
        }

        .borderSlide:after {
            width: 100%;
            border-left-width: 0px;
            border-right-width: 0px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            height: 0;
            top: 0;
            left: 0px;
        }

        .borderSlide:hover:before {
            width: 100%;
        }

        .borderSlide:hover:after {
            height: 100%;
        }

        .shadowAcross:after {
            background: #fff;
            content: "";
            height: 155px;
            left: -75px;
            opacity: 0.2;
            position: absolute;
            top: -50px;
            transform: rotate(35deg);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            width: 50px;
            z-index: -10;
        }

        .shadowAcross:hover:after {
            left: 120%;
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        }

        .backgroundBottomAna {}

        .backgroundBottomAna:before {
            position: absolute;
            content: '';
            width: 100%;
            -webkit-transition: inherit;
            left: 0;
            height: 0;
            z-index: -1;
            bottom: 0;
        }

        .backgroundBottomAna:hover:before {
            height: 100%;
        }

        .btn3 {
            display: table;
            margin-left: auto;
            margin-right: auto;
        }

        .btn3 i {
            display: block;
        }

        .btnbox {
            max-width: 100%
        }

        .btn3 i,
        .btn3 .btnIcon {
            box-sizing: content-box;
        }

        .btn2 {
            display: block;
        }

        .btn2 span {
            display: block;
        }

        .btn .btnText {
            display: inline-block;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(100% - 40px);
        }

        .btn {
            display: block;
            min-width: 50px
        }

        .btnbox {
            max-width: 100%
        }

        .btn,
        .btn .btnIcon,
        .btn .btnText {
            vertical-align: middle;
        }

        .btnCont {
            position: relative;
        }

        .btn .btnIcon {
            display: inline-block;
        }

        .classMenubox {
            z-index: 1;
            position: relative;
        }

        .verticalNav {
            width: 100%;
        }

        .verticalNav,
        .verticalNav li {
            list-style: none;
        }

        .verticalNav .mainNavLi {
            position: relative;
        }

        .verticalNav .mainNavLiA>p {
            width: 100%;
        }

        .verticalNav .showArrowstyle .mainNavLiA>p,
        .vershowsubNav .showArrowstyle .mainNavLiA>p {
            width: calc(100% - 30px);
        }

        .menuPageIcon .showArrowstyle .mainNavLiA>p {
            width: calc(100% - 62px);
        }

        .verticalNav .mainNavLi [data-position="downWard"] {
            position: relative;
            display: none
        }

        .verticalNav .mainNavLiA {
            display: block;
            position: relative;
        }


        .verticalNav .textShow .mainNavLiA p,
        .verticalNav .textShow .nav-submenu .nav-submenuA p,
        .vershowsubNav .textShow .mainNavLiA p,
        .vershowsubNav .textShow .nav-submenu .nav-submenuA p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .verticalNav .lineFeed .mainNavLiA p,
        .verticalNav .lineFeed .nav-submenu .nav-submenuA p,
        .vershowsubNav .lineFeed .mainNavLiA p,
        .vershowsubNav .lineFeed .nav-submenu .nav-submenuA p,
        .pcMainnav .verticalNav .lineFeed .mainNavLiA p,
        .pcMainnav .verticalNav .lineFeed .nav-submenu .nav-submenuA p,
        .pcMainnav .vershowsubNav .lineFeed .mainNavLiA p,
        .pcMainnav .vershowsubNav .lineFeed .nav-submenu .nav-submenuA p {
            white-space: inherit;
            text-overflow: inherit;
            overflow: inherit;
        }

        .verticalNav .mainNavLi .mainNavLiA>i,
        .menuPageIcon[data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
            position: absolute;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0.07em;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(0deg);
            -khtml-transform: translateY(-50%) rotate(0deg);
            -moz-transform: translateY(-50%) rotate(0deg);
            -ms-transform: translateY(-50%) rotate(0deg);
            -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
            transition: transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            -webkit-transition: -webkit-transform 0.3s;
            -o-transition: -o-transform 0.3s;
        }

        [data-position="rightWard"] .mainNavLi .mainNavLiA>i {
            -webkit-transform: translateY(-50%) rotate(-90deg);
            -khtml-transform: translateY(-50%) rotate(-90deg);
            -moz-transform: translateY(-50%) rotate(-90deg);
            -ms-transform: translateY(-50%) rotate(-90deg);
            -o-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
        }

        [data-position="downWard"] .mainNavLi .nav-submenu {
            width: 100% !important;
            left: 0;
        }

        [data-position="downWard"] .mainNavLi:hover .mainNavLiA>i {
            transform: rotate(180deg) translateY(50%);
            -webkit-transform: rotate(180deg) translateY(50%);
            -moz-transform: rotate(180deg) translateY(50%);
            -ms-transform: rotate(180deg) translateY(50%);
            -o-transform: rotate(180deg) translateY(50%);
        }

        [data-position="downWard"] .mainNavLi>.nav-submenu,
        [data-position="downWard"] .mainNavLi>.nav-submenu .nav-submenu {
            width: 100% !important
        }

        /*.menuPageIcon[data-position="downWard"] [data-index="2"] .subnavbtn{text-indent:1em}
.menuPageIcon[data-position="downWard"] [data-index="3"] .subnavbtn{text-indent:2em}
.menuPageIcon[data-position="downWard"] [data-index="4"] .subnavbtn{text-indent:3em}*/
        [data-position="rightWard"] .nav-submenu>li>.nav-submenu {
            position: absolute;
        }

        .menubox {
            position: relative;
        }

        .nav {
            zoom: 1;
        }

        .nav:after {
            clear: both;
            content: '';
            display: block;
            width: 0;
            height: 0;
            visibility: hidden;
        }

        .pcMainnav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
        }

        .pcMainnav>li,
        .pcMainnav li a p {
            display: inline-block
        }

        .nav,
        .pcMainnav>li,
        .pcMainnav>li>a {
            position: relative;
        }

        .nav .menuItemEqual>li .mainNavLiA {
            display: block;
        }

        .pcMainnav .menuItemEqual {
            flex-wrap: nowrap;
        }

        .pcMainnav>li:last-of-type {
            margin-right: 0 !important
        }

        .pcMainnav>li>a {
            display: inline-block;
        }

        .nav i {
            font-style: initial;
        }

        .nav .pcMainnav>li .mainNavLiA {
            cursor: pointer;
        }

        .nav .pcMainnav>li>.mainNavLiA {
            outline: 0;
            white-space: nowrap;
            box-sizing: border-box;
        }

        .nav .pcMainnav .mainNavLi {
            list-style: none;
            display: inline-block;
        }

        .pcMainnav .mainNavLi .mainNavLiA p,
        .pcMainnav .nav-submenu li a p {
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: middle;
            box-sizing: border-box;
        }

        .nav .mainNav .mainNavLi .mainNavLiA i {
            font-size: 13px;
            margin-left: 10px;
            vertical-align: middle;
        }

        .mainNavLi .editShowsubmenu {
            display: block;
        }

        .pcMainnav .nav-submenu li a p {
            padding-right: 10px;
        }

        /*.pcMainnav  .showArrowstyle .mainNavLiA>p{max-width:calc(100% - 23px);}*/
        @media screen and (max-width: 960px) {
            .nav .pcMainnav>li {
                width: auto !important;
            }
        }

        .pcMainnav .subMenuAligncenter>.nav-submenu {
            left: 50% !important;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

        .pcMainnav .subMenuAlignright>.nav-submenu {
            left: auto !important;
            right: 0
        }

        .listTxt {
            position: relative;
        }

        .rList .listTxt>div p,
        .rList .listTxt p,
        .rList .listTxt .textLineP {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .listTxt .textLineP {
            overflow: hidden;
        }

        .listTxt>a,
        .listTxt {
            display: block;
            box-sizing: border-box;
        }

        .listTxt ul p,
        .listTxt ol p {
            display: inline-block;
            vertical-align: top;
            max-width: calc(100% - 25px);
        }

        .listTxt ul,
        .listTxt ol {
            list-style-position: inside;
        }

        table[align="center"] {
            margin: 10px auto;
        }

        .overflowScrolling::-webkit-scrollbar {
            width: 6px;
        }

        .overflowScrolling::-webkit-scrollbar-thumb {

            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 32px;
        }

        .overflowScrolling::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 32px;
        }

        .vershowsubNav li {
            list-style: none;
        }

        .vershowsubNav .mainNavLiA {
            display: block;
            position: relative;
        }

        .vershowsubNav .mainNavLiA p,
        .vershowsubNav .nav-submenu .nav-submenuA p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .vershowsubNav .mainNavLi .mainNavLiA i {
            position: absolute;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0.07em;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            transition: -webkit-transform 0.3s ease 0s; display: none;
        }

        .vershowsubNav .mainNavLi .nav-submenu li a i {
            transform: translateY(-50%) rotate(90deg);
        }

        .vershowsubNav>li>.nav-submenu {
            position: relative;
            width: 100% !important;
            min-width: 100% !important;
            display: block !important;
        }

        .vershowsubNav .nav-submenu>li>.nav-submenu {
            display: block !important;
            border: 0px !important;
        }

        .vershowsubNav .nav-submenu>li>.nav-submenu .subnavbtn {
            text-indent: 1em;
        }

        .img {
            display: inherit;
            max-width: 100%;
            width: 100%;
            height: auto;
            max-height: 100%;
            margin: auto;
            box-sizing: border-box;
        }

        .ImghidCont {
            overflow: hidden;
        }

        .imgHoverAn {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            transform: scale(1);
            transform: rotate(0);
            transition: 0.3s;
            -webkit-transition: 0.3s;
        }

        .hoverImg {
            position: relative;
            overflow: hidden;
            display: block;
        }

        .hoverImg .p-more {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 100%;
            transition: 0.5s;
            padding: 0 30px;
            display: flex;
            align-items: center;
        }

        .hoverImg:hover .p-more {
            top: 0px;
        }

        .hoverImg .p-more .imgHref {
            color: #fff;
            display: block;
            margin: 0 auto;
            padding: 5px 0;
            margin-top: 25%;
            text-align: center;
            font-size: 16px;
            line-height: 1.5;
        }

        .hoverImg .p-more .imgHref .title {
            margin-bottom: 15px;
        }

        .hoverImg .p-more .imgHref span {
            width: 43px;
            height: 43px;
            background: #fff;
            display: block;
            border-radius: 25px;
            margin: 15px auto 0;
        }

        .rList .hoverImg .img {
            object-fit: cover;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .videoPopupBox {
            position: fixed;
            z-index: 110000;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
        }

        .popupVideoDiv {
            position: relative;
            left: calc((100% - 60%) / 2);
            top: calc((100% - 60%) / 2);
            width: 60%;
            height: 60%;
        }

        .videoPopupBox video {
            width: 100%;
            height: 100%;
            background-color: #000;
        }

        .videoPopupBox .vidoeClose {
            position: absolute;
            right: 1rem;
            top: 1rem;
            width: 36px;
            height: 36px;
            cursor: pointer;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            text-align: center;
            line-height: 36px;
            z-index: 999;
            font-size: 24px;
            color: #3a3d49;
            font-style: normal;
        }

        /*图片放大+遮罩层渐现*/
        .hoverImg.hoverImglarge .img {
            transform: scale(1);
            transition: all .5s;
        }

        .hoverImg.hoverImglarge .p-more {
            width: 100%;
            min-height: 100%;
            position: absolute;
            top: 0;
            transition: 0.5s;
            display: flex;
            align-items: center;
            height: auto;
            padding: 0 30px;
            opacity: 0
        }

        .hoverImg.hoverImglarge:hover .p-more {
            opacity: 1
        }

        .hoverImg.hoverImg .p-more .imgHref {
            color: #fff;
            display: block;
            margin: 0 auto;
            padding: 5px 0;
            text-align: center;
            font-size: 16px;
        }

        .hoverImg.hoverImg .p-more .imgHref .title {
            margin-bottom: 15px;
        }

        .hoverImg.hoverImg .p-more .imgHref span {
            width: 43px;
            height: 43px;
            background: #fff;
            display: block;
            border-radius: 25px;
            margin: 15px auto 0;
        }

        .hoverImg.hoverImglarge:hover .img,
        .rList .hoverImglarge:hover .img {
            transform: scale(1.3);
            transition: all .5s;
        }

        /*图片缩小+遮罩层渐现*/
        .rList .hoverImg.hoverImgresize .img {
            object-fit: cover;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transform: scale(1.3);
            transition: all .5s;
        }

        .hoverImg.hoverImgresize .p-more {
            width: 100%;
            min-height: 100%;
            position: absolute;
            top: 0;
            transition: 0.5s;
            display: flex;
            align-items: center;
            height: auto;
            padding: 0 30px;
            opacity: 0
        }

        .hoverImg.hoverImgresize .p-more:before {
            content: '';
            position: absolute;
            width: calc(100% - 60px);
            height: calc(100% - 60px);
            border: 3px solid #fff;
            box-sizing: border-box;
            transition-duration: 0.4s;
            transform-origin: 50% 50%;
            transform: scale(1.1) translate(0%, 0%);
            opacity: 0;
        }

        .hoverImg.hoverImgresize:hover .p-more {
            opacity: 1
        }

        .hoverImg.hoverImgresize:hover .p-more:before {
            transform: scale(1) translate(0%, 0%);
            opacity: 1;
        }

        .hoverImg.hoverImgresize .p-more .imgHref {
            color: #fff;
            display: block;
            margin: 0 auto;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            transition-duration: 0.4s;
            transform-origin: 50% 50%;
            transform: scale(1) translate(0%, -50%);
            opacity: 0;
        }

        .hoverImg.hoverImgresize:hover .p-more .imgHref {
            transform: scale(1) translate(0%, 0%);
            opacity: 1;
        }

        .hoverImg.hoverImg .p-more .imgHref .title {
            margin-bottom: 15px;
        }


        .hoverImg.hoverImg .p-more .imgHref span {
            width: 43px;
            height: 43px;
            background: #fff;
            display: block;
            border-radius: 25px;
            margin: 15px auto 0;
        }

        .hoverImg.hoverImgresize .img {
            transform: scale(1.3);
            transition: all .5s;
        }

        .hoverImg.hoverImgresize:hover .img {
            transform: scale(1);
        }

        /*图片底部向上+遮罩层透明向右展开*/
        .hoverImg.hoverImgBottomup .p-more {
            width: 100%;
            height: 0;
            position: absolute;
            bottom: 0;
            transition: 0.5s;
            display: flex;
            align-items: center;
            padding: 0 30px;
            opacity: 0;
            z-index: 2;
            top: auto;
            min-height: 0;
        }

        .hoverImg.hoverImgBottomup:before {
            content: '';
            position: absolute;
            width: 0;
            height: 100%;
            box-sizing: border-box;
            transition-duration: 0.4s;
            transform-origin: 50% 50%;
            opacity: 0;
            z-index: 1;
            left: 0;
            top: 0;
        }

        .hoverImg.hoverImgBottomup:hover:before {
            width: 100%;
            background: rgba(179, 27, 41);
            opacity: 0.3;
        }

        .hoverImg.hoverImgBottomup:hover .p-more {
            opacity: 1;
            height: 40%;
            top: auto;
            min-height: 40%;
            bottom: 0;
        }

        .hoverImg.hoverImgBottomup:hover .p-more:before {
            transform: scale(1) translate(0%, 0%);
            opacity: 1;
        }

        .hoverImg.hoverImgBottomup .p-more .imgHref {
            color: #fff;
            display: block;
            margin: 0 auto;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            transition-duration: 0.4s;
            transform-origin: 50% 50%;
            transform: scale(1) translate(0%, -50%);
            opacity: 0;
        }

        .hoverImg.hoverImgBottomup:hover .p-more .imgHref {
            transform: scale(1) translate(0%, 0%);
            opacity: 1;
        }

        /*遮罩层左侧渐入*/
        .hoverImg.leftGradually .p-more {
            width: 0;
            height: 100%;
            position: absolute;
            top: 0;
            transition: 0.5s;
            display: flex;
            align-items: center;
            padding: 0 30px;
            opacity: 0;
            z-index: 2;
        }

        .hoverImg.leftGradually:hover .p-more {
            opacity: 1;
            width: 100%;
        }

        /*遮罩层右侧渐入*/
        .hoverImg.rightGradually .p-more {
            width: 0;
            height: 100%;
            top: 0;
            display: flex;
            align-items: center;
            padding: 0 30px;
            opacity: 0;
            z-index: 2;
            right: 0;
        }

        .hoverImg.rightGradually:hover .p-more {
            opacity: 1;
            width: 100%;
            right: 0;
            left: auto;
        }

        /*遮罩层顶部渐入*/
        .hoverImg.topGradually .p-more {
            width: 100%;
            height: 0;
            top: 0;
            display: flex;
            align-items: center;
            padding: 0 30px;
            opacity: 0;
            z-index: 2;
            left: 0
        }

        .hoverImg.topGradually:hover .p-more {
            opacity: 1;
            height: 100%;
        }

        /*遮罩层底部渐入*/
        .hoverImg.bottomGradually .p-more {
            width: 100%;
            height: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            opacity: 0;
            z-index: 2;
            left: 0;
            top: auto
        }

        .hoverImg.bottomGradually:hover .p-more {
            opacity: 1;
            height: 100%;
            top: auto;
            bottom: 0;
        }

        /*遮罩层中间向两边展开*/
        .hoverImg.middleUnfolding .p-more {
            transform: scale3d(0, 1, 0);
            transform-origin: center;
            opacity: 0;
            -webkit-transform: scale3d(0, 1, 0);
            -webkit-transform-origin: center;
            visibility: hidden;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .hoverImg.middleUnfolding:hover .p-more {
            opacity: 1;
            transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            visibility: visible;
            height: 100%;
        }

        .nav-submenu .nav-submenuA {
            position: relative
        }

        .nav-submenu li .nav-submenuA i {
            position: absolute;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0.07em;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(0deg);
            -khtml-transform: translateY(-50%) rotate(0deg);
            -moz-transform: translateY(-50%) rotate(0deg);
            -ms-transform: translateY(-50%) rotate(0deg);
            -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
            transition: transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            -webkit-transition: -webkit-transform 0.3s;
            -o-transition: -o-transform 0.3s;
        }

        [data-position="downWard"] .nav-submenu li a i,
        .menuPageIcon[data-position="downWard"] .nav-submenu li:hover a i {
            -webkit-transform: translateY(-50%) rotate(90deg);
            -khtml-transform: translateY(-50%) rotate(90deg);
            -moz-transform: translateY(-50%) rotate(90deg);
            -ms-transform: translateY(-50%) rotate(90deg);
            -o-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
        }

        [data-position="downWard"] .nav-submenu li>.nav-submenuA:hover i {
            -webkit-transform: translateY(-50%) rotate(270deg);
            -khtml-transform: translateY(-50%) rotate(270deg);
            -moz-transform: translateY(-50%) rotate(270deg);
            -ms-transform: translateY(-50%) rotate(270deg);
            -o-transform: translateY(-50%) rotate(270deg);
            transform: translateY(-50%) rotate(270deg);
        }

        .mainNav .nav-submenu {
            margin: 0;
            list-style: none;
            z-index: 1999;
            position: absolute;
            top: 99%;
            box-sizing: border-box;
            width: auto;
            display: none
        }

        .verticalNav .nav-submenu {
            margin: 0;
            list-style: none;
            box-sizing: border-box;
            width: 100%;
            display: none
        }

        .nav-submenu li {
            display: block;
            width: 100%;
            position: relative;
        }

        .nav-submenu li .nav-submenuA p {
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            width: 100%
        }

        .nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn,
        .nav-submenu .nav-submenu .showArrowstyle>.nav-submenuA>.subnavbtn {
            display: inline-block;
            width: calc(100% - 28px);
        }

        .verticalNav[data-position="downWard"] .nav-submenu li .nav-submenu .nav-submenuA .subnavbtn {
            padding-left: 40px !important;
        }

        .nav-submenu>li>.nav-submenu {
            top: 0px;
            left: 100%;
            display: none;
        }

        .pcMainnav .nav-submenu>li:hover>.nav-submenu,
        .verticalNav[data-mouse="onmouseover"] .nav-submenu>li:hover>.nav-submenu {
            display: block;
        }

        .rtl .form .fIn,
        .rtl .form .fRaSe {
            text-align: right
        }

        .form textarea {
            resize: auto;
            font-family: arial;
        }

        .form input[type="submit"] {
            display: none;
        }

        .form .fIn,
        .form .fRaSe {
            box-sizing: border-box;
            display: inline-block;
            width: 100%;
            margin-right: 0
        }

        .form input,
        .form textarea,
        .form .fRi,
        .form .form_Select {
            width: 100%;
        }

        .form .fRad input,
        .form .fCheck input {
            width: auto;
        }

        .form .fRad input,
        .form .fCheck input {
            margin: 3px 3px 0px 5px;
        }

        .form .rowList {
            flex-wrap: wrap;
        }

        .form label {
            display: inline-block;
            padding-bottom: 5px;
        }

        .colList .fSing {
            display: flex;
            align-items: flex-start;
        }

        .reQu .fRi:after {
            content: "*";
            color: red;
            line-height: initial;
            position: absolute;
            right: -13px;
            top: 0;
            padding-top: calc(6px + 4px)
                /* 获取input的padding-top值 */
            ;
            font-size: 18px;
        }

        .reQu .formUploadLi:after {
            content: "*";
            color: red;
            line-height: initial;
            position: absolute;
            right: -13px;
            top: 0;
            padding-top: calc(6px + 14px);
            font-size: 18px;
        }

        .form .fTar {
            padding: 0px;
            color: #ec1f5c;
            font-size: 12px;
            text-align: left;
            display: none;
        }

        .form .fRi input,
        .form .fRi select {
            resize: none;
            /*-webkit-appearance: none;*/
            /* SELECT下拉箭头会消失 */
            outline: none;
        }

        .form .fRi input,
        .form .fRi select,
        .form .fRi textarea {
            display: block;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .form .fRi .formRadioBox input,
        .form .fRi .formCheckBox input {
            display: inline-block
        }

        .form .epc_row_1 .fIn[data-stretch="1"] {
            width: 100% !important
        }

        .form .epc_row_1 {
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
        }

        .form button {
            background-color: none;
            border: 0;
            width: 100%;
        }

        .form .fRi textarea {
            overflow-y: hidden;
            min-height: 80px
        }

        .form .fRi input[type=checkbox] {
            -webkit-appearance: checkbox;
        }

        .form .fRi input[type=radio] {
            -webkit-appearance: radio;
        }

        .form textarea:focus,
        .form input:focus,
        button:focus {
            outline: 0;
        }

        [data-component='em-validation'] .fRi {
            display: flex;
        }

        [data-component='em-validation'] .fRi>input[name='validation-code'] {
            width: calc(100% - 120px);
            margin-right: 10px
        }

        [data-component='em-validation'] .fRi .formTelBtn {
            width: 110px;
            height: 40px;
            display: inline-block;
        }


        .form .selectRight_address {
            display: flex;
            justify-content: space-between;
        }

        .form .selectRight_address select {
            width: 30%;
        }

        .form .form_Select_address {
            padding: 5px;
            background-color: #fff;
            min-height: 40px;
            border: 1px solid #ccc;
            color: #555;
        }

        .form .selectlinkage {
            display: flex;
        }

        .form .selectlinkage select {
            width: 30% !important;
        }

        .form .form_selectlinkage {
            padding: 5px;
            background-color: #fff;
            min-height: 40px;
            border: 1px solid #ccc;
            color: #555;
        }

        .form .linkageSelcetA {
            margin-right: 25px
        }

        .form .linkageSelcetB {
            margin-right: 25px
        }

        .styleFormData {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            max-width: 100%;
            text-overflow: ellipsis;
        }

        .styleFormUpload {
            margin: 0px;
            padding: 0px;
            vertical-align: middle;
        }

        .styleFormUpload .formUploadLi {
            position: relative;
            width: 68px;
            height: 68px;
            list-style: none;
            display: inline-block;
            border: 1px solid #e3e6f3;
            margin-right: 5px;
            background: #f6f6f6;
        }

        .styleFormUpload .formUploadLi p {
            text-align: center;
            vertical-align: middle;
        }

        .styleFormUpload .formUploadLi img {
            width: 100%;
            object-fit: cover;
            margin: 15px auto;
            display: block;
            max-width: 40px;
            max-height: 40px;
        }

        .styleFormUpload .addImg>p {
            margin: 0px;
        }

        .addImg>input {
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            width: 100%;
            height: 100%;
            display: block;
            padding: 0px;
            cursor: pointer;
        }

        .addImg:hover {
            background: #f3f3f3;
        }

        .delete-image {
            position: absolute;
            top: -10px;
            right: -10px;
            font-size: 18px;
            color: #373737;
            width: 20px;
            height: 20px;
            border-radius: 30px;
            text-align: center;
            line-height: 20px;
            opacity: 0;
            z-index: -1;
        }

        .delete-image:hover {
            color: #000;
        }

        .formUploadLi:hover .delete-image {
            opacity: 1;
            z-index: 1;
            transition: opacity 0.5s ease-in;
            cursor: pointer;
        }

        .colList .formRadioBox .fSing,
        .colList .formCheckBox .fSing {
            display: inline-block;
        }

        .form .fRi span.proTe {
            display: block;
        }

        .form .epc_row_1 [data-stretch="1"] {
            width: 100% !important;
        }

        .styleFormData {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            max-width: 100%;
            text-overflow: ellipsis;
        }

        .styleFormUpload {
            margin: 0px;
            padding: 0px;
            vertical-align: middle;
        }

        .styleFormUpload .formUploadLi {
            position: relative;
            width: 68px;
            height: 68px;
            list-style: none;
            display: inline-block;
            border: 1px solid rgb(227, 230, 243);
            margin-right: 5px;
            background: rgb(246, 246, 246);
        }

        .styleFormUpload .formUploadLi p {
            text-align: center;
            vertical-align: middle;
        }

        .styleFormUpload .formUploadLi img {
            width: 100%;
            object-fit: cover;
            margin: 15px auto;
            display: block;
            max-width: 40px;
            max-height: 40px;
        }

        .styleFormUpload .addImg>p {
            margin: 0px;
        }

        .addImg>input {
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            width: 100%;
            height: 100%;
            display: block;
            padding: 0px;
            cursor: pointer;
        }

        .addImg:hover {
            background: rgb(243, 243, 243);
        }

        .delete-image {
            position: absolute;
            top: -10px;
            right: -10px;
            font-size: 18px;
            color: rgb(55, 55, 55);
            width: 20px;
            height: 20px;
            border-radius: 30px;
            text-align: center;
            line-height: 20px;
            opacity: 0;
            z-index: -1;
        }

        .delete-image:hover {
            color: rgb(0, 0, 0);
        }

        .formUploadLi:hover .delete-image {
            opacity: 1;
            z-index: 1;
            transition: opacity 0.5s ease-in 0s;
            cursor: pointer;
        }

        .form .epc_row_1 [data-stretch="1"] {
            width: 100% !important;
        }

        .caroSt {
            margin: auto;
            overflow: hidden;
        }

        .carouselBtn {
            position: absolute;
            z-index: 1;
            width: 100%;
        }

        .carouselBtn button {
            border: 0px;
            margin: 0px 12px;
        }

        .mip-carousel-preBtn,
        .mip-carousel-nextBtn {
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: 10%;
            z-index: 10;
            user-select: none;
            background-repeat: no-repeat;
            transition: background-image 0.2s ease-in-out;
            cursor: pointer;
            background-size: 45px 45px;
        }

        .carouselBox {
            display: flex;
            align-items: flex-start;
            box-sizing: content-box;
            overflow: hidden;
        }

        .carouselBox>div {
            flex: 0 0 100%;
        }

        .carouselBox>div .img,
        .carouselBox>div>div {
            width: 100%;
            height: auto;
        }

        .screenImgslider .bxslider li .Imgbox .img {
            max-width: 100%;
            display: block;
            position: absolute;
            inset: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .advanced-custom .advanced-item>.componentsBox>.rowList {
            padding: 0.1px;
        }

        .advanced-fullScreen {
            height: 100vh;
        }

        .advanced-content .advanced-item>.componentsBox>.rowList {
            height: 100%;
        }

        .tb-pic a {}

        .tb-pic a img {
            vertical-align: middle;
        }

        .tb-thumb {
            margin: 10px 0px 0px;
            overflow: hidden;
        }

        .tb-thumb li {
            background: none 0px 0px repeat scroll transparent;
            float: left;
            height: 42px;
            margin: 0px 6px 0px 0px;
            overflow: hidden;
            padding: 1px;
        }

        .tb-s310,
        .tb-s310 img {}

        .tb-s310 a {}

        .tb-s40 a {}

        .tb-s40,
        .tb-s40 a {
            height: 40px;
            width: 40px;
        }

        .tb-booth {
            border: 1px solid rgb(205, 205, 205);
            position: relative;
        }

        .tb-thumb .tb-selected {
            background: none 0px 0px repeat scroll rgb(195, 0, 8);
            height: 40px;
            padding: 2px;
        }

        .tb-thumb .tb-selected div {
            background-color: rgb(255, 255, 255);
            border: medium none;
        }

        .tb-thumb li div {
            border: 1px solid rgb(205, 205, 205);
        }

        .zoomDiv {
            z-index: 999;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 200px;
            height: 200px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(204, 204, 204);
            display: none;
            text-align: center;
            overflow: hidden;
        }

        .zoomMask {
            position: absolute;
            background: url("../images/mask.png") 0px 0px repeat scroll transparent;
            cursor: move;
            z-index: 1;
        }

        .zoomHelp {
            background: rgb(250, 250, 250);
            position: absolute;
            top: 0px;
            text-align: left;
            border: 1px solid rgb(204, 204, 204);
            padding: 20px;
            font-size: 18px;
            color: rgb(153, 153, 153);
        }

        .slideEnlargeBox {
            overflow: hidden;
        }

        .slideEnlargeBox,
        .slideEnlargeBox .custom-container .tb-booth {
            position: relative;
        }

        .slideEnlargeBox .ThumbnailList {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 12px;
        }

        .slideEnlargeBox .ThumbnailList .prev,
        .slideEnlargeBox .ThumbnailList .next,
        .slideEnlargeBox .ThumbnailList .carousel {
            display: inline-block;
            overflow: hidden;
            height: 72px;
        }

        .slideEnlargeBox .ThumbnailList .prev,
        .slideEnlargeBox .ThumbnailList .next {
            display: inline-block;
            width: 26px;
            height: 50px;
            line-height: 44px;
            color: rgb(134, 130, 130);
            background-color: rgb(240, 240, 240);
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 38px;
            border-radius: 8px;
            text-indent: 8px;
            cursor: pointer;
        }

        .slideEnlargeBox .ThumbnailList ul {
            width: 2000px;
        }

        .slideEnlargeBox .custom-container .tb-booth>div {
            display: flex;
            width: 100%;
            height: 100%;
        }

        .slideEnlargeBox .custom-container .tb-booth>div img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .slideEnlargeBox .carousel {
            max-width: calc(100% - 76px);
        }

        .slideEnlargeBox .carousel li {
            width: 95px;
            margin: 0px 8px;
            height: 72px;
            overflow: hidden;
            float: left;
            box-sizing: border-box;
            text-align: center;
            display: flex;
            align-items: center;
            border: 1px solid rgb(204, 204, 204);
        }

        .slideEnlargeBox .carousel li img {
            padding: 3px;
            width: 100%;
            object-fit: contain;
            height: 100%;
        }

        .slideEnlargeBox .carousel li .ImghidCont {
            object-fit: contain;
            width: 100%;
            height: 100%;
            margin: auto;
        }

        .slideEnlargeBox .carousel li:hover {
            border: 1px solid rgb(153, 153, 153);
        }

        .slideEnlargeBox .disBl {
            position: absolute;
            top: calc(50% - 25px);
            font-size: 45px;
            color: rgb(255, 255, 255);
            background: rgba(0, 0, 0, 0.5);
            width: 32px;
            height: 50px;
            line-height: 45px;
            text-align: center;
            cursor: pointer;
            z-index: 998;
        }

        .slideEnlargeBox .disNo {
            display: none;
        }

        .slideEnlargeBox .imgPrevParent {
            left: 0px;
            border-radius: 0px 5px 5px 0px;
        }

        .slideEnlargeBox .imgNextParent {
            right: 0px;
            border-radius: 5px 0px 0px 5px;
        }

        .slideEnlargeBox li:hover {
            transition-duration: 0s;
        }

        .tab .list_1 {
            resize: auto;
        }

        .tabBox .tabBtn {
            cursor: pointer;
            display: inline-block
        }

        .tabBox .tabList {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: center;
        }

        .tabList {
            display: flex;
            position: relative;
        }

        .tabBox .tab-body-warp {
            overflow: hidden;
            position: relative;
        }

        .average-tab .tabBtn {
            flex-grow: 1;
        }

        .average-tab .tabBtn:last-child {
            margin-right: 0px !important;
        }

        .average-tab {
            padding: 0 !important;
        }

        .tabBox .tabList .btn,
        .tabBox .tabList .btn .btnTxt {
            display: block;
        }

        .tabBox .tabBtn .btn .btnTxt {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .tabBox .tabBtn .tabVerIconCss .btnTxt {
            padding-left: 10px
        }

        .ani {
            position: relative;
        }

        .tabConHidden {
            position: absolute;
            z-index: -10;
            width: 100%;
            height: 100%;
            opacity: 0;
            top: 0px;
        }

        .listBox,
        .rList2 .listBox .Imgbox,
        .rList2 .listBox .listCon {
            display: inline-block;
        }

        .proList .listBox .ImghidCont {
            overflow: hidden;
        }

        .listBox,
        .listBoxHref {
            box-sizing: border-box;
        }

        .listBoxHref,
        .rListRow .listBox .listBoxHref {
            position: relative;
        }

        .listBoxHref {
            height: auto;
        }

        .rList,
        .rowList,
        .rowList .colList {
            position: relative;
        }

        .listBoxHref,
        .rList2 .proList,
        .rList2 .listBox {
            display: block;
        }

        .rList1 .listBox .Imgbox .img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            inset: 0px;
            margin: auto;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .rListCol .seamlessRolling .bx-prev {
            left: 10px;
            background: url("../images/vbg01.png") -6px -5px no-repeat rgba(0, 0, 0, 0.1);
        }

        .rListCol .seamlessRolling .bx-next {
            right: 10px;
            background: url("../images/vbg01.png") -51px -5px no-repeat rgba(0, 0, 0, 0.1);
        }

        .rListCol .seamlessRolling .bx-controls-direction a {
            position: absolute;
            top: 50%;
            margin-top: -25px;
            outline: 0px;
            width: 50px;
            height: 50px;
            text-indent: -9999px;
            z-index: 999;
        }

        .listrowCol .seamlessRolling .bx-controls-direction a {
            position: absolute;
            left: 50%;
            margin-left: -25px;
            outline: 0px;
            width: 50px;
            height: 24px;
            cursor: pointer;
            text-indent: -9999px;
            z-index: 999;
            opacity: 0.7;
        }

        .listrowCol .seamlessRolling .bx-prev {
            top: 0px;
            background: url("../images/arrow-340-15.svg") no-repeat 15px 4px #efefef;
        }

        .listrowCol .seamlessRolling .bx-next {
            bottom: 0px;
            background: url("../fonts/arrow-340-60.svg") no-repeat 15px 4px #efefef;
            top: auto;
        }

        .switchInmage .activeImage,
        .switchInmage:hover .firstImage {
            z-index: -5;
            opacity: 0;
            transition: 0.3s;
        }

        .switchInmage:hover .activeImage {
            z-index: 100;
            opacity: 1;
        }

        .proList {
            display: flex;
            flex-wrap: wrap;
            -webkit-box-align: stretch;
            align-items: stretch;
        }

        .listBox {
            display: inline-block;
            box-sizing: border-box;
            position: relative;
        }

        .rList1 .listBox .Imgbox {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        .rList .hoverImg .img {
            object-fit: cover;
        }

        .rList1 .listBox .listTxt p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .rList1 .listBox .Imgbox,
        .rList2 .listBox .Imgbox,
        .rList3 .listBox .Imgbox {
            text-align: center;
            position: relative;
        }

        .rList .bx-viewport>.proList>li {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .listrowCol .listBox {
            zoom: 1;
            vertical-align: top
        }

        .listrowCol .proList li {
            display: inline-block;
            width: 100%;
        }

        .listrowCol .Imgbox {
            padding-top: 60%;
        }

        .listrowCol .listBox .Imgbox .img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            inset: 0px;
            margin: auto;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .form .epc_row_1 [data-stretch="1"] {
            width: 100% !important;
        }
 
        #SITE_HEADER {
            background: rgba(255, 255, 255, 0);
            width: 100%;
            border-bottom: 0px solid rgb(0, 161, 62);
        }

        #awfbct {
            max-width: 100%;
            background: rgba(0, 0, 0, 0);
        }

        @media screen and (max-width:960px) {
            #SITE_FOOTER {
                margin: 0 0 0 0;
            }
        }

        #SITE_PANEL {
            background: rgb(255, 255, 255);
            width: 100%;
        }

        #SITE_PANEL .SITE_PANELLi {
            border-bottom: 1px solid #eee;
        }

        #SITE_PANEL .SITE_PANELA,
        #SITE_PANEL .nav-submenuA {
            font-size: 15px;
            font-family: Arial;
            color: #666;
            background-color: rgb(255, 255, 255);
        }

        #SITE_PANEL .SITE_PANELA.paneltextShow p,
        #SITE_PANEL .nav-submenuA p,
        #SITE_PANEL .SITE_PANELA .btnIcon,
        #SITE_PANEL .nav-submenuA .btnIcon,
        .sideTrigger~.nav-icon {
            height: 46px;
            line-height: 46px;
        }

        #SITE_PANEL .SITE_PANELA.panellineFeed p,
        #SITE_PANEL .nav-submenuA.panellineFeed p {
            min-height: 46px;
            line-height: 46px;
        }

        #SITE_PANEL .SITE_PANELA p {
            padding-left: 18px;
        }

        #SITE_PANEL .SITE_PANELA.selected,
        #SITE_PANEL .nav-submenuA.selected {
            background-color: rgba(15, 59, 156, 1);
            font-family: Arial;
            color: rgb(255, 255, 255);
        }

        @media screen and (min-width:961px) {
            #SITE_PANEL {
                display: none;
            }
        }

        #c1q8jkO {
            right: 0%;
            bottom: 10%;
            position: fixed;
            z-index: 3000;
        }

        .c1q8jkOsTe {
            color: #fff;
            font-size: 1.1rem;
            font-family: Arial;
        }

        .c1q8jkOsLi .sBtn .c1q8jkOsIc {
            font-size: 1rem;
            background-size: 2rem;
            color: rgb(255, 255, 255);
        }

        .c1q8jkOsLi .c1q8jkOsBt {
            width: 56px;
            height: 54px;
            line-height: 54px;
            background-color: rgba(230, 120, 23, 0.78);
            border: 1px solid rgb(255, 255, 255);
        }

        .c1q8jkOsLi .sCoBtn .shBtn .c1q8jkOsIc {
            font-size: 1rem;
            background-size: 2rem;
            color: #fff;
            width: 56px;
            height: 54px;
            line-height: 54px;
        }

        .c1q8jkOsLi .sBtn .c1q8jkOsIc .sliderIconImg {
            width: 2rem;
            height: 2rem;
        }

        .c1q8jkOsLi .sCoBtn .c1q8jkOsIc .sliderIconImg {
            width: 2rem;
            height: 2rem;
        }

        .basSi .c1q8jkOsLi .sBtHover:hover .sIcon {
            font-size: 1rem;
            background-size: 2rem;
            color: #fff;
        }

        .basSi .c1q8jkOsLi .sBtHover:hover,
        .c1q8jkOsLi .shBtn {
            background-color: #0087fd;
        }

        #c6Lw6K6 {
            left: 0%;
            top: 0%;
            position: fixed;
            z-index: 3201;
        }

        .lightboxHidden {
            display: none;
        }

        #c6Lw6K6>.lightboxModalOpc {
            background: #f5f5f5;
        }

        #ct96iTQ {
            left: 0%;
            top: 0%;
            position: fixed;
            z-index: 3201;
        }

        .lightboxHidden {
            display: none;
        }

        #ct96iTQ>.lightboxModalOpc {
            background: #f5f5f5;
        }

        #cuaDZR9 {
            left: 0%;
            top: 0%;
            position: fixed;
            z-index: 3201;
        }

        .lightboxHidden {
            display: none;
        }

        #cuaDZR9>.lightboxModalOpc {
            background: #f5f5f5;
        }

        .cwetbD9 {
            background-color: rgba(255, 255, 255, 1);
        }

        @media screen and (min-width:961px) {
            .cwetbD9 {
                padding-right: 10%;
                padding-left: 10%;
            }
        }

        @media screen and (min-width:961px) and (max-width:1903px) {
            #document>.auto-margin>.cwetbD9 {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1522.4px) / 20 * 10);
                padding-right: calc((100% - 1522.4px) / 20 * 10);
            }
        }

        .cfp7NZa>.rowListBg {
            background: no-repeat center center / cover;
            background-position: center center;
            background-attachment: fixed;
        }

        @media screen and (min-width:961px) {
            .cfp7NZa {
                margin: -9rem 0% 0% 0%;
                padding-top: 13rem;
                padding-bottom: 13rem;
            }
        }

        .cOkrlDu {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cOkrlDu {
                margin: 4rem 0% 0% 0%;
                padding-right: 10%;
                padding-left: 10%;
            }
        }

        @media screen and (min-width:961px) and (max-width:1903px) {
            #document>.auto-margin>.cOkrlDu {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1522.4px) / 20 * 10);
                padding-right: calc((100% - 1522.4px) / 20 * 10);
            }
        }

        .ccMkdqX {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .ccMkdqX {
                margin: 3% 0% 0% 0%;
                padding-right: 10%;
                padding-left: 10%;
            }
        }

        @media screen and (min-width:961px) and (max-width:1903px) {
            #document>.auto-margin>.ccMkdqX {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1522.4px) / 20 * 10);
                padding-right: calc((100% - 1522.4px) / 20 * 10);
            }
        }

        #cC4jEr6>.rowListBg {
            background: no-repeat center center / cover;
            background-position: center center;
        }

        @media screen and (min-width:961px) {
            #cC4jEr6 {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1522.4px) / 20 * 10);
            }
        }

        @media screen and (min-width:961px) and (max-width:1903px) {
            #document>.auto-margin>#cC4jEr6 {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1522.4px) / 20 * 10);
                padding-right: calc((100% - 1522.4px) / 20 * 10);
            }
        }

        #cMipgvZ {
            background-color: rgba(153, 153, 153, 0);
            width: 8%;
            height: 22%;
        }

        @media screen and (min-width:961px) {
            #cMipgvZ {
                right: 0%;
                top: 12%;
            }

            .cMipgvZlightbox {
                padding: 2% 2% 2% 2%;
            }
        }

        #ccZi4Z1 {
            background-color: rgba(255, 255, 255, 1);
            width: 50%;
            height: 100%;
        }

        @media screen and (min-width:961px) {
            #ccZi4Z1 {
                left: 0%;
                top: 0%;
            }

            .ccZi4Z1lightbox {
                padding: 2% 2% 2% 2%;
            }
        }

        #c1MuzHF {
            background-color: rgba(153, 153, 153, 0);
            width: 50%;
            height: 50%;
        }

        @media screen and (min-width:961px) {
            #c1MuzHF {
                left: calc((100% - 50%) / 2);
                top: calc((100% - 50%) / 2);
            }

            .c1MuzHFlightbox {
                padding: 2% 2% 2% 2%;
            }
        }

        .row_line .cc3rwlsrow_col {
            width: 100%;
        }

        .cc3rwlsrow_col.hidden {
            display: none;
        }

        .row_line .cahEhM9row_col {
            width: 100%;
        }

        .cahEhM9row_col.hidden {
            display: none;
        }

        .row_line .cRFxtGArow_col {
            width: 100%;
        }

        .cRFxtGArow_col.hidden {
            display: none;
        }

        .cX0ZjDScL {
            width: 23%;
        }

        .cX0ZjDScL.hidden {
            display: none;
        }

        .ciK7bwjcL {
            width: 75%; margin-left: 2%;
        }

        .ciK7bwjcL.hidden {
            display: none;
        }

        @media screen and (min-width:961px) {
            .ciK7bwjcL {
                padding: 0% 0% 0% 2%;
            }
        }

        .row_line .cqfPdkTrow_col {
            width: 61%;
        }

        .cqfPdkTrow_col.hidden {
            display: none;
        }

        .row_line .csbt3Rrrow_col {
            width: 39%;
        }

        .csbt3Rrrow_col.hidden {
            display: none;
        }

        .cKaIrud {
            margin: 0% 6.26% 0% 0%;
            background-color: rgba(15, 81, 155, 1);
            border-radius: 15px;
            border: 6px solid rgba(147, 197, 252, 1);
        }

        .cKaIrudboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cKaIrudBox {
            padding: 1% 0% 0% 0%;
        }

        .cKaIrud:hover {
            border: 6px solid rgba(147, 197, 252, 1);
        }

        .cEinXBrA {
            margin: 0% auto 0% auto;
        }

        .cEinXBrA[data-functionallink='lightboxClose'] {
            right: 5px;
            top: 5px;
            position: absolute !important;
            z-index: 999;
            left: auto;
        }

        .cEinXBrIc {
            padding: 2px 2px 2px 2px;
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            font-size: 3rem;
            color: #fff;
            background: #d0482e;
        }

        .cEinXBrIc:hover {
            font-size: 3rem;
            color: #fff;
        }

        .cEinXBrIc .btnImg {
            width: 3rem;
            height: 3rem;
        }

        .cEinXBrA:hover .cEinXBrIc .btnImg {
            width: 3rem;
            height: 3rem;
        }

        #cTzxWMn {
            margin: 1% 0% 1% 0%;
        }

        .cTzxWMnLi {
            border-bottom: 0px dashed rgb(217, 217, 217);
            margin-bottom: 8px;
        }

        .cTzxWMnA {
            font-size: 1.1rem;
            font-family: 微软雅黑;
            color: rgba(102, 102, 102, 1);
            text-align: left;
            line-height: 178%;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .cTzxWMnA:hover {
            font-size: 1.1rem;
            font-family: 微软雅黑;
            line-height: 178%;
            color: rgba(203, 153, 0, 1);
        }

        .cTzxWMnA p {
            padding-left: 10px;
        }

        .cTzxWMnA.selected {
            font-size: 1.1rem;
            font-family: 微软雅黑;
            line-height: 178%;
            color: rgba(203, 153, 0, 1);
        }

        .cGuhB9yA {
            margin: 0% auto 0% auto;
        }

        .cGuhB9yA[data-functionallink='lightboxClose'] {
            right: 5px;
            top: 5px;
            position: absolute !important;
            z-index: 999;
            left: auto;
        }

        .cGuhB9yIc {
            padding: 2px 2px 2px 2px;
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            font-size: 3rem;
            color: #fff;
            background: #d0482e;
        }

        .cGuhB9yIc:hover {
            font-size: 3rem;
            color: #fff;
        }

        .cGuhB9yIc .btnImg {
            width: 3rem;
            height: 3rem;
        }

        .cGuhB9yA:hover .cGuhB9yIc .btnImg {
            width: 3rem;
            height: 3rem;
        }

        .cU3MIjm {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cU3MIjm>.rowList>.cols {
                padding: 0 2%;
            }
        }

        .cnn1c97 {
            background-color: rgba(255, 255, 255, 1);
        }

        .cC48NUC {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cC48NUC {
                padding-right: 10%;
                padding-left: 10%;
            }
        }

        @media screen and (min-width:961px) and (max-width:1901px) {
            #document>.auto-margin>.cC48NUC {
                padding-right: 10%;
                padding-left: 10%;
                padding-left: calc((100% - 1520.8px) / 20 * 10);
                padding-right: calc((100% - 1520.8px) / 20 * 10);
            }
        }

        .cAFNNg3 {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cAFNNg3>.rowcol {
                padding: 0 2%;
            }
        }

        .cW03iVKA {
            margin: 0rem 0% 1rem 0%;
            font-weight: bold;
            font-size: 1.7rem;
            line-height: 243%;
            color: rgb(255, 255, 255);
            text-align: center;
            background-color: #0087fd;
        }

        .cW03iVKA .pagepointA {
            font-weight: bold;
            font-size: 2.5rem;
            line-height: 243%;
            color: rgb(255, 255, 255);
        }

        .cW03iVKA.overflowHiding {
            overflow: hidden;
        }

        .cW03iVKA.overflowScrolling {
            overflow-y: auto;
        }

        #c1XSbcK {
            margin: 0rem 7.76% 1% %;

        }

        .c1XSbcKA {
            font-size: 1.1rem;
            line-height: 28px;
            color: #666;
            text-align: left;
            background-color: rgb(217, 217, 217);
            margin-bottom: 8px;
            padding-top: 0.7rem;
            padding-bottom: 0.7rem;
        }

        .c1XSbcKA:hover {
            font-size: 1.1rem;
            line-height: 28px;
            color: rgba(255, 255, 255, 1);
            background-color: #0087fd;
            background-image: none;
        }

        .c1XSbcKA p {
            padding-left: 10px;
        }

        .c1XSbcKA.selected {
            background-color: #0087fd;
            background-image: none;
            font-size: 1.1rem;
            line-height: 28px;
            color: rgba(255, 255, 255, 1);
        }

        .cO1NyEv {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cO1NyEv {
                margin: 0% 0% 3rem 0%;
                padding-top: 1%;
                padding-bottom: 1%;
            }
        }

        #czDQznK {
            margin: 7rem 5rem 2rem 0%;
        }

        .czDQznKUl {
            justify-content: center;
        }

        #czDQznK .czDQznKLi {
            text-align: center;
        }

        #czDQznK .menuItemEqual .czDQznKLi {
            width: calc(100%/7 - 0.5%);
            margin-right: 0.5%;
        }

        #czDQznK .menuItemUnequal .czDQznKLi {
            margin-right: 0.5%;
        }

        .czDQznKA {
            margin-bottom: 1px;
            font-weight: bold;
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 1);
            background-color: rgba(33, 150, 243, 0);
            padding: 2rem 0em;
        }

        .czDQznKLi:hover .czDQznKA {
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 1);
            border-radius: 5px;
        }

        .czDQznKA.selected {
            background-color: rgba(6, 111, 195, 0);
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cNpUmbd {
            border-bottom: 3px solid rgba(255, 255, 255, 1);
            margin: 0% 5rem 0% 0%;
        }

        .cgj0BaO {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cgj0BaO {
                margin: 5rem 0% 0% 0%;
                padding-right: 5rem;
            }
        }

        .cFkigrEA {
            margin: 3rem 0% 1rem 0%;
            font-weight: bold;
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cFkigrEA .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cFkigrEA.overflowHiding {
            overflow: hidden;
        }

        .cFkigrEA.overflowScrolling {
            overflow-y: auto;
        }

        .cKYNnm6 {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cKYNnm6 {
                padding-right: 5rem;
            }
        }

        .cYi4MoL {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cYi4MoL {
                margin: 0% 0% 3% 0%;
                padding-top: 1%;
                padding-bottom: 1%;
            }

            .cYi4MoL>.rowList>.cols {
                padding: 0 1%;
            }
        }

        .cy9wEmf {
            border-bottom: 1px solid rgba(155, 155, 155, 1);
            margin: 0% 5rem 2% 0%;
        }

        .ccNUpZLA {
            margin: 1rem 0% 1rem 0%;
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .ccNUpZLA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .ccNUpZLA.overflowHiding {
            overflow: hidden;
        }

        .ccNUpZLA.overflowScrolling {
            overflow-y: auto;
        }

        .cBtDt9rboxCont {
            background-color: #0087fd;
        }

        .cBtDt9rboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cBtDt9rBox {
            padding: 7rem 4rem 7rem 4rem;
        }

        .cJHSOO2A {
            margin: 1.7rem 2% 0rem 2%;
            font-weight: bold;
            font-size: 0.9rem;
            font-family: DUAL;
            line-height: 170%;
            color: rgb(255, 255, 255);
            text-align: center;
            border-left: 0px solid rgb(224, 59, 13);
            border-bottom: 0px solid rgb(224, 59, 13);
        }

        .cJHSOO2A .pagepointA {
            font-weight: bold;
            font-size: 0.9rem;
            font-family: DUAL;
            line-height: 170%;
            color: rgb(255, 255, 255);
        }

        .cJHSOO2A.overflowHiding {
            overflow: hidden;
        }

        .cJHSOO2A.overflowScrolling {
            overflow-y: auto;
        }

        .cJHSOO2A:hover,
        .proList .listBox:hover .listBoxHref .cJHSOO2A {
            color: rgb(255, 255, 255);
            text-shadow: text-decoration:underline;
        }

        .cJHSOO2A:hover .pagepointA {
            color: rgb(255, 255, 255);
            text-decoration: underline;
        }

        .cJHSOO2A:hover p {
            text-decoration: underline;
        }

        .rList .listBox .ckarFlw .Imgbox {
            padding-top: 60%;
        }

        .rList .listBox .Imgbox .ckarFlwImg,
        .cartList .list-content ul.listTableCon li .componentsBox .cols .Imgbox .ckarFlwImg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .c7mcSMeA {
            margin: 0.5rem 0% 0.5rem 0%;
            font-size: 1.1rem;
            font-family: Arial;
            line-height: 170%;
            color: rgb(255, 255, 255);
            text-align: center;
        }

        .c7mcSMeA .pagepointA {
            font-size: 1.1rem;
            font-family: Arial;
            line-height: 170%;
            color: rgb(255, 255, 255);
        }

        .c7mcSMeA.overflowHiding {
            overflow: hidden;
        }

        .c7mcSMeA.overflowScrolling {
            overflow-y: auto;
        }

        #cntYsjP,
        #cntYsjP .nav-submenu {
            background-color: #fff;
            min-width: 152px;
        }

        #cntYsjP .nav-submenuA {
            font-size: 1.5rem;
            font-family: 微软雅黑;
            color: #666;
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        #cntYsjP .nav-submenuA:hover {
            color: #2196f3;
        }

        #cntYsjP li.selected>.nav-submenuA {
            color: #2196f3;
        }

        #cntYsjP li:not(:last-of-type) .nav-submenuA {
            border-bottom: 1px dashed rgb(217, 217, 217);
        }

        #cntYsjP .nav-submenuA .subnavbtn {
            line-height: 28px;
            padding-left: 2.5rem;
            padding-right: 10px;
        }

        #cntYsjP .nav-submenuA i {
            height: 28px;
            line-height: 28px;
        }

        #cntYsjP.menuParentOpen li.selected>ul,
        #cntYsjP.menuParentOpen li.selected>ul li.selected>ul {
            display: block;
        }

        .c0geeZecL {
            width: 50%;
            background-color: rgb(67, 67, 67);
        }

        .c0geeZecL.hidden {
            display: none;
        }

        @media screen and (min-width:961px) {
            .c0geeZecL {
                padding: 3% 3% 3% 3%;
            }
        }

        .cyRZ3WBcL {
            width: 50%;
            background-color: rgb(255, 255, 255);
        }

        .cyRZ3WBcL.hidden {
            display: none;
        }

        .cnnikcjcL {
            width: 18%;
            background-color: rgba(255, 255, 255, 0);
        }

        .cnnikcjcL.hidden {
            display: none;
        }

        @media screen and (min-width:961px) {
            .cnnikcjcL {
                padding: 0rem 3% 0rem 0%;
            }
        }

        .cnngb27cL {
            width: 69%;
        }

        .cnngb27cL.hidden {
            display: none;
        }

        .cTbQC3bcL {
            width: 13%;
        }

        .cTbQC3bcL.hidden {
            display: none;
        }

        .row_line .cgis6yDrow_col {
            width: 40%;
        }

        .cgis6yDrow_col.hidden {
            display: none;
        }

        .row_line .cOvKKBIrow_col {
            width: 58%;
        }

        .cOvKKBIrow_col.hidden {
            display: none;
        }

        .row_line .ceeiqqbrow_col {
            width: 16.66%;
        }

        .ceeiqqbrow_col.hidden {
            display: none;
        }

        .row_line .cTEH8Pgrow_col {
            width: 16.66%;
        }

        .cTEH8Pgrow_col.hidden {
            display: none;
        }

        .row_line .cropfoerow_col {
            width: 16.66%;
        }

        .cropfoerow_col.hidden {
            display: none;
        }

        .row_line .cLHfOtrrow_col {
            width: 16.66%;
        }

        .cLHfOtrrow_col.hidden {
            display: none;
        }

        .row_line .caSoXWHrow_col {
            width: 16.66%;
        }

        .caSoXWHrow_col.hidden {
            display: none;
        }

        .row_line .c9o8gdurow_col {
            width: 16.66%;
        }

        .c9o8gdurow_col.hidden {
            display: none;
        }

        #cAaxPbt,
        #cAaxPbt .nav-submenu {
            background-color: #fff;
            min-width: 152px;
            border: 1px solid #ddd;
        }

        #cAaxPbt .nav-submenuA {
            font-size: 1rem;
            color: #666;
            text-align: left;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        #cAaxPbt .nav-submenuA:hover {
            color: #0087fd;
        }

        #cAaxPbt li.selected>.nav-submenuA {
            color: #0087fd;
        }

        #cAaxPbt li:not(:last-of-type) .nav-submenuA {
            border-bottom: 1px dashed rgb(217, 217, 217);
        }

        #cAaxPbt .nav-submenuA .subnavbtn {
            line-height: 28px;
            padding-left: 2.5rem;
            padding-right: 10px;
        }

        #cAaxPbt .nav-submenuA i {
            height: 28px;
            line-height: 28px;
        }

        #cAaxPbt.menuParentOpen li.selected>ul,
        #cAaxPbt.menuParentOpen li.selected>ul li.selected>ul {
            display: block;
        }

        .row_line .cqIxxWfrow_col {
            width: 100%;
        }

        .cqIxxWfrow_col.hidden {
            display: none;
        }

        .row_line .cDxtcoorow_col {
            width: 33.33%;
        }

        .cDxtcoorow_col.hidden {
            display: none;
        }

        .row_line .cOOnLNkrow_col {
            width: 33.33%;
        }

        .cOOnLNkrow_col.hidden {
            display: none;
        }

        .row_line .clWjq9Urow_col {
            width: 33.33%;
        }

        .clWjq9Urow_col.hidden {
            display: none;
        }

        .row_line .cwJBC2Erow_col {
            width: 33.33%;
        }

        .cwJBC2Erow_col.hidden {
            display: none;
        }

        .row_line .c7h5b1erow_col {
            width: 33.33%;
        }

        .c7h5b1erow_col.hidden {
            display: none;
        }

        .row_line .cOK0xjsrow_col {
            width: 33.33%;
        }

        .cOK0xjsrow_col.hidden {
            display: none;
        }

        .c1vg1wZcL {
            width: 3%;
        }

        .c1vg1wZcL.hidden {
            display: none;
        }

        .c0ojbPicL {
            width: 97%;
        }

        .c0ojbPicL.hidden {
            display: none;
        }

        .cNdxLiiA {
            font-weight: bold;
            font-size: 2.5rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cNdxLiiA .pagepointA {
            font-weight: bold;
            font-size: 2.5rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cNdxLiiA.overflowHiding {
            overflow: hidden;
        }

        .cNdxLiiA.overflowScrolling {
            overflow-y: auto;
        }

        .cIwldsDcL .fRi .select-box .select-cont .select-list .checked {
            color: #409eff;
            font-weight: 700;
            background-color: #f5f7fa;
        }

        .cIwldsDcL .fRi .select-box .select-input .select-search {
            font-size: 1rem;
            color: rgb(166, 166, 166);
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
            height: auto;
        }

        .cIwldsDcL .fRi .select-box .select-cont .select-list .item:hover {
            background-color: #f5f7fa;
        }

        .cIwldsDcL .fRi .select-box .select-cont .select-list .item {
            list-style: none;
            font-size: 0.9rem;
            font-family: Arial;
            padding: 0 10px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #606266;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer;
            color: rgba(117, 117, 117, 1);
        }

        .cIwldsDcL .fRi .select-box .select-cont .select-list {
            padding: 6px;
        }

        .cIwldsDcL .fRi .select-box .select-cont::-webkit-scrollbar {
            width: 0 !important;
        }

        .cIwldsDcL .fRi .select-box .select-cont {
            display: none;
            z-index: 1000;
            width: 100%;
            height: 200px;
            position: absolute;
            margin-top: 3px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(209, 208, 208);
            overflow: scroll;
            overflow-x: hidden;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .cIwldsDcL .fRi .select-box {
            width: 100%;
        }

        .cIwldsDcL .fRi .select-box .select-input {
            width: 100%;
            display: flex;
            position: relative;
        }

        #cIwldsD {
            margin: 3% 0% 3% 0%;
        }

        #cIwldsD .cIwldsDcL {
            margin-bottom: 2rem;
            width: calc(100%/1 - 0rem);
        }

        #cIwldsD .cIwldsDcL.formRadioRow1 .formRadioBox .cIwldsDcL,
        #cIwldsD .cIwldsDcL.formRadioRow1 .formCheckBox .cIwldsDcL {
            width: 100%;
        }

        #cIwldsD .cIwldsDcL.formRadioRow2 .formRadioBox .cIwldsDcL,
        #cIwldsD .cIwldsDcL.formRadioRow2 .formCheckBox .cIwldsDcL {
            width: calc(50% - 8px);
            margin-right: 5px;
        }

        #cIwldsD .cIwldsDcL.formRadioRow3 .formRadioBox .cIwldsDcL,
        #cIwldsD .cIwldsDcL.formRadioRow3 .formCheckBox .cIwldsDcL {
            width: calc(33.33% - 8px);
            margin-right: 5px;
        }

        #cIwldsD .cIwldsDcL.formRadioRow4 .formRadioBox .cIwldsDcL,
        #cIwldsD .cIwldsDcL.formRadioRow4 .formCheckBox .cIwldsDcL {
            width: calc(25% - 8px);
            margin-right: 5px;
        }

        .cIwldsDcL .cIwldsDSt {
            font-size: 0.9rem;
            color: rgba(117, 117, 117, 1);
        }

        .cIwldsDcL .fRi>input,
        .cIwldsDcL .fRi .form_Select,
        .cIwldsDcL .fRi .select-input input {
            height: 60px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .cIwldsDcL .fRi>input,
        .cIwldsDcL .fRi>textarea,
        .cIwldsDcL .fRi .form_Select,
        .cIwldsDcL .fRi .select-input input {
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            font-size: 0.9rem;
            font-family: Arial;
            color: rgba(117, 117, 117, 1);
        }

        .cIwldsDcL .fRi>input::placeholder,
        .cIwldsDcL .fRi>textarea::placeholder,
        .cIwldsDcL .fRi .select-input input::placeholder {
            font-size: 0.9rem;
            font-family: Arial;
            color: rgba(117, 117, 117, 1);
        }

        .cIwldsDcL .fRi .cIwldsDsit {
            font-size: 0.9rem;
        }

        .cIwldsDcL .fRi>textarea {
            padding: 8px;
            min-height: 130px;
        }

        .cIwldsDcL .fRi .cIwldsDchecksit {
            font-size: 0.9rem;
        }

        .chfB1I7A {
            margin: 1.7rem 0% 2rem 0%;
            font-weight: bold;
            font-size: 2.8rem;
            font-family: Arial;
            line-height: 140%;
            color: rgba(255, 255, 255, 1);
        }

        .chfB1I7A .pagepointA {
            font-weight: bold;
            font-size: 2.8rem;
            font-family: Arial;
            line-height: 140%;
            color: rgba(255, 255, 255, 1);
        }

        .chfB1I7A.overflowHiding {
            overflow: hidden;
        }

        .chfB1I7A.overflowScrolling {
            overflow-y: auto;
        }

        .clg3WHycL .fRi .select-box .select-cont .select-list .checked {
            color: #409eff;
            font-weight: 700;
            background-color: #f5f7fa;
        }

        .clg3WHycL .fRi .select-box .select-input .select-search {
            font-size: 1rem;
            color: rgb(166, 166, 166);
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
            height: auto;
        }

        .clg3WHycL .fRi .select-box .select-cont .select-list .item:hover {
            background-color: #f5f7fa;
        }

        .clg3WHycL .fRi .select-box .select-cont .select-list .item {
            list-style: none;
            font-size: 0.9rem;
            font-family: 微软雅黑;
            padding: 0 10px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #606266;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer;
        }

        .clg3WHycL .fRi .select-box .select-cont .select-list {
            padding: 6px;
        }

        .clg3WHycL .fRi .select-box .select-cont::-webkit-scrollbar {
            width: 0 !important;
        }

        .clg3WHycL .fRi .select-box .select-cont {
            display: none;
            z-index: 1000;
            width: 100%;
            height: 200px;
            position: absolute;
            margin-top: 3px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(209, 208, 208);
            overflow: scroll;
            overflow-x: hidden;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .clg3WHycL .fRi .select-box {
            width: 100%;
        }

        .clg3WHycL .fRi .select-box .select-input {
            width: 100%;
            display: flex;
            position: relative;
        }

        #clg3WHy {
            margin: 1.9rem 0% 3rem 0%;
        }

        #clg3WHy .clg3WHycL {
            margin-bottom: 2rem;
            width: calc(100%/2 - 1rem);
        }

        #clg3WHy .clg3WHycL.formRadioRow1 .formRadioBox .clg3WHycL,
        #clg3WHy .clg3WHycL.formRadioRow1 .formCheckBox .clg3WHycL {
            width: 100%;
        }

        #clg3WHy .clg3WHycL.formRadioRow2 .formRadioBox .clg3WHycL,
        #clg3WHy .clg3WHycL.formRadioRow2 .formCheckBox .clg3WHycL {
            width: calc(50% - 8px);
            margin-right: 5px;
        }

        #clg3WHy .clg3WHycL.formRadioRow3 .formRadioBox .clg3WHycL,
        #clg3WHy .clg3WHycL.formRadioRow3 .formCheckBox .clg3WHycL {
            width: calc(33.33% - 8px);
            margin-right: 5px;
        }

        #clg3WHy .clg3WHycL.formRadioRow4 .formRadioBox .clg3WHycL,
        #clg3WHy .clg3WHycL.formRadioRow4 .formCheckBox .clg3WHycL {
            width: calc(25% - 8px);
            margin-right: 5px;
        }

        .clg3WHycL .clg3WHySt {
            font-size: 0.9rem;
            font-family: Arial;
        }

        .clg3WHycL .fRi>input,
        .clg3WHycL .fRi .form_Select,
        .clg3WHycL .fRi .select-input input {
            height: 45px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .clg3WHycL .fRi>textarea {
            padding: 8px;
        }

        .clg3WHycL .fRi>input,
        .clg3WHycL .fRi>textarea,
        .clg3WHycL .fRi .form_Select,
        .clg3WHycL .fRi .select-input input {
            background: rgb(255, 255, 255);
            border-radius: 3px;
            font-size: 0.9rem;
            font-family: 微软雅黑;
        }

        .clg3WHycL .fRi>input::placeholder,
        .clg3WHycL .fRi>textarea::placeholder,
        .clg3WHycL .fRi .select-input input::placeholder {
            font-size: 0.9rem;
            font-family: 微软雅黑;
        }

        .clg3WHycL .fRi .clg3WHysit {
            font-size: 0.9rem;
            font-family: arial;
        }

        .clg3WHycL .fRi .clg3WHychecksit {
            font-size: 0.9rem;
            font-family: arial;
        }

        .cefCoyYA {
            margin: 3rem 0% 3rem 0%;
            font-weight: bold;
            font-size: 2.6rem;
            font-family: Arial;
            line-height: 140%;
            color: #666;
        }

        .cefCoyYA .pagepointA {
            font-weight: bold;
            font-size: 2.6rem;
            font-family: Arial;
            line-height: 140%;
            color: #666;
        }

        .cefCoyYA.overflowHiding {
            overflow: hidden;
        }

        .cefCoyYA.overflowScrolling {
            overflow-y: auto;
        }

        .cJRMTVIA {
            margin: 1% auto 1% 0%;
            max-width: 100%;
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
            background: rgba(33, 150, 243, 0);
            border-radius: 25px;
            text-align: left;
        }

        .cJRMTVIA:hover {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
            background: rgba(5, 66, 231, 0);
        }

        .cJRMTVIA .cJRMTVITe .pagepointA {
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
        }

        .cJRMTVIA:hover .cJRMTVITe .pagepointA {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cJRMTVITextBox {
            padding: 10px 0px 10px 0px;
        }

        .cJRMTVIIc {
            max-width: 2rem;
            max-height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: #0087fd;
        }

        .cJRMTVIA.backgroundAnimation:before,
        .cJRMTVIA.backgroundBottomAna:before {
            background: rgba(5, 66, 231, 0);
        }

        .cJRMTVIA.backgroundAnimation:hover,
        .cJRMTVIA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cJRMTVIA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cJRMTVIIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cJRMTVITe {
            padding-left: 10px;
        }

        .cf8SfmhA {
            margin: 1% auto 1% 0%;
            max-width: 100%;
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
            background: rgba(33, 150, 243, 0);
            border-radius: 25px;
            text-align: left;
        }

        .cf8SfmhA:hover {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
            background: rgba(5, 66, 231, 0);
        }

        .cf8SfmhA .cf8SfmhTe .pagepointA {
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
        }

        .cf8SfmhA:hover .cf8SfmhTe .pagepointA {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cf8SfmhTextBox {
            padding: 10px 0px 10px 0px;
        }

        .cf8SfmhIc {
            max-width: 2rem;
            max-height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: #0087fd;
        }

        .cf8SfmhA.backgroundAnimation:before,
        .cf8SfmhA.backgroundBottomAna:before {
            background: rgba(5, 66, 231, 0);
        }

        .cf8SfmhA.backgroundAnimation:hover,
        .cf8SfmhA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cf8SfmhA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cf8SfmhIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cf8SfmhTe {
            padding-left: 10px;
        }

        .cbMB9djA {
            margin: 1% auto 1% 0%;
            max-width: 100%;
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
            background: rgba(33, 150, 243, 0);
            border-radius: 25px;
            text-align: left;
        }

        .cbMB9djA:hover {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
            background: rgba(5, 66, 231, 0);
        }

        .cbMB9djA .cbMB9djTe .pagepointA {
            font-size: 1.1rem;
            font-family: font_2962;
            color: rgba(0, 0, 0, 1);
        }

        .cbMB9djA:hover .cbMB9djTe .pagepointA {
            font-size: 1.1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cbMB9djTextBox {
            padding: 10px 0px 10px 0px;
        }

        .cbMB9djIc {
            max-width: 2rem;
            max-height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: #0087fd;
        }

        .cbMB9djA.backgroundAnimation:before,
        .cbMB9djA.backgroundBottomAna:before {
            background: rgba(5, 66, 231, 0);
        }

        .cbMB9djA.backgroundAnimation:hover,
        .cbMB9djA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cbMB9djA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cbMB9djIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cbMB9djTe {
            padding-left: 10px;
        }

        .cPJVr2t {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cPJVr2t {
                margin: 1.5rem 0% 0% 0%;
            }
        }

        .rList .listBox .cbS5tXi .Imgbox {
            padding-top: 60%;
        }

        .rList .listBox .Imgbox .cbS5tXiImg,
        .cartList .list-content ul.listTableCon li .componentsBox .cols .Imgbox .cbS5tXiImg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .cgQHC1JUl {
            justify-content: flex-end;
        }

        #cgQHC1J .cgQHC1JLi {
            text-align: right;
        }

        #cgQHC1J .menuItemEqual .cgQHC1JLi {
            width: calc(100%/7 - 0.6%);
            margin-right: 0.6%;
        }

        #cgQHC1J .menuItemUnequal .cgQHC1JLi {
            margin-right: 0.6%;
        }

        .cgQHC1JA {
            font-weight: bold;
            font-size: 1.1rem;
            font-family: 微软雅黑;
            line-height: 100px;
            color: rgba(0, 0, 0, 1);
            border-top: 0px solid rgb(217, 217, 217);
            border-bottom: 0px solid rgb(217, 217, 217);
            padding: 0rem 2.6rem;
        }

        .cgQHC1JA p {
            padding-right: 10px;
        }

        .cgQHC1JLi:hover .cgQHC1JA {
            font-weight: bold;
            font-size: 1.1rem;
            font-family: 微软雅黑;
            line-height: 100px;
            color: #0087fd;
            background-color: rgba(0, 0, 0, 0);
        }

        .cgQHC1JA.selected {
            background-color: rgba(0, 0, 0, 0);
            font-weight: bold;
            font-size: 1.1rem;
            font-family: 微软雅黑;
            line-height: 100px;
            color: #0087fd;
            border-bottom: 2px solid #0087fd;
        }

        .cvVndp3A {
            margin: 3.5rem auto 1rem auto;
            max-width: 20rem;
            font-weight: bold;
            font-size: 1.1rem;
            color: #f9f9f9;
            background: rgba(0, 91, 135, 1);
            border-radius: 10px;
            border: 0px solid #2196f3;
            text-align: center;
        }

        .cvVndp3A .cvVndp3Te .pagepointA {
            font-weight: bold;
            font-size: 1.1rem;
            color: #f9f9f9;
        }

        .cvVndp3A:hover .cvVndp3Te .pagepointA {
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 1);
        }

        .cvVndp3TextBox {
            padding: 10px 3px 10px 3px;
        }

        .cvVndp3A.minWidth:hover {
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }

        .cvVndp3A:hover {
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(0, 91, 135, 1);
        }

        .cvVndp3A.backgroundAnimation:before,
        .cvVndp3A.backgroundBottomAna:before {
            background: rgba(0, 91, 135, 1);
        }

        .cvVndp3A.backgroundAnimation:hover,
        .cvVndp3A.backgroundBottomAna:hover {
            background: transparent;
        }

        .cvVndp3A:hover .pagepointA {
            color: rgba(255, 255, 255, 1);
        }

        #cnsNC1S {
            padding: 1rem 1rem 1rem 1rem;
            background-color: #cccccc;
        }

        #cnsNC1S .zoomSliderBox {
            border: 0px solid #ccc;
        }

        #cnsNC1S .ThumbnailList .carousel li {
            border: 0px solid #ccc;
        }

        #cnsNC1S .ThumbnailList .carousel li:hover {
            border: 1px solid #999;
        }

        #cnsNC1S .slideEnlargeBox .ThumbnailList .carousel {
            height: 72px;
        }

        #cnsNC1S .slideEnlargeBox .ThumbnailList .carousel li img {
            object-fit:  !important;
        }

        #cnsNC1S .slideEnlargeBox .carousel li,
        #cnsNC1S .slideEnlargeBox .carousel li img {
            height: 72px;
            display: inline-block;
        }

        #cnsNC1S .zoomHelp {
            width: 500px;
            height: 320px;
        }

        .cFXFqjJboxCont {
            margin: 0% 0% 0% 4%;
            background-color: rgba(255, 255, 255, 1);
        }

        .cFXFqjJboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cFXFqjJBox {
            padding: 4.6rem 3rem 4.6rem 3rem;
        }

        .cPYmgOMboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .cPYmgOMboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cPYmgOMBox {
            padding: 1% 1% 1% 1%;
        }

        .cLwSbZBboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .cLwSbZBboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cLwSbZBBox {
            padding: 1% 1% 1% 1%;
        }

        .cQTijoOboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .cQTijoOboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cQTijoOBox {
            padding: 1% 1% 1% 1%;
        }

        .cw5AwwYboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .cw5AwwYboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cw5AwwYBox {
            padding: 1% 1% 1% 1%;
        }

        .c4u5oYGboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .c4u5oYGboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .c4u5oYGBox {
            padding: 1% 1% 1% 1%;
        }

        .cYyTwjBboxCont {
            background-color: rgba(245, 245, 245, 0);
        }

        .cYyTwjBboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cYyTwjBBox {
            padding: 1% 1% 1% 1%;
        }

        #cXX0Lfx .tabList {
            justify-content: center;
        }

        #cXX0Lfx .equalWidthTab .tabBtn {
            width: 100px;
        }

        #cXX0Lfx .tabList .tabBtn .btnTxt {
            font-weight: bold;
            font-size: 1rem;
            font-family: 微软雅黑;
            color: rgba(0, 0, 0, 1);
            height: 50px;
            line-height: 50px;
            padding-left: 50px;
            padding-right: 50px;
        }

        #cXX0Lfx .tabList .tabBtn:hover .btnTxt {
            color: rgba(255, 255, 255, 1);
            font-weight: bold;
            font-size: 1rem;
        }

        #cXX0Lfx .tabList .selected .btnTxt {
            font-weight: bold;
            font-size: 1rem;
            line-height: 50px;
            color: rgba(255, 255, 255, 1);
        }

        #cXX0Lfx .tabList .btn {
            background-color: rgba(242, 242, 242, 1);
            border-left: 0px solid rgba(216, 216, 216, 1);
            border-right: 0px solid #000000;
            border-bottom: 0px solid rgb(204, 204, 204);
            text-align: center;
        }

        #cXX0Lfx .tabList .tabBtn:hover .btn {
            background-color: #0087fd;
            border-left: 0px solid #0087fd;
            border-bottom: 0px solid #0087fd;
        }

        #cXX0Lfx .tabList .selected .btn {
            background-color: #0087fd;
            border-left: 0px solid #0087fd;
            border-bottom: 0px solid #0087fd;
        }

        .cuYk8XaA {
            margin: 2.6rem auto 1rem 0%;
            max-width: 165.7rem;
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
            background: rgba(243, 245, 247, 1);
            border-left: 5px solid #0087fd;
            text-align: left;
        }

        .cuYk8XaA .cuYk8XaTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cuYk8XaA:hover .cuYk8XaTe .pagepointA {
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cuYk8XaTextBox {
            padding: 13px 3px 13px 3px;
        }

        .cuYk8XaA:hover {
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cuYk8XaA.backgroundAnimation:hover,
        .cuYk8XaA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cuYk8XaA:hover .pagepointA {
            color: rgb(0, 0, 0);
        }

        .cuYk8XaTe {
            padding-left: 20px;
        }

        #c71wUvz {
            margin: 4.4rem 0% 3rem 0%;
        }

        #c71wUvz .c71wUvzLi {
            margin-bottom: 2rem;
            width: calc(100%/4 - 0.1px);
        }

        #c71wUvz .c71wUvzLi .listBoxHref {
            margin-right: 1rem;
            margin-left: 1rem;
            padding: 5px;
            background: #fff;
            border: 1px solid rgba(242, 242, 242, 1);
            border-bottom: 3px solid #0087fd;
        }

        .cQ7HCjNA {
            margin: 2.6rem auto 1rem 0%;
            max-width: 166.2rem;
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
            background: rgba(243, 245, 247, 1);
            border-left: 5px solid #0087fd;
            text-align: left;
        }

        .cQ7HCjNA .cQ7HCjNTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cQ7HCjNA:hover .cQ7HCjNTe .pagepointA {
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cQ7HCjNTextBox {
            padding: 13px 3px 13px 3px;
        }

        .cQ7HCjNA:hover {
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cQ7HCjNA.backgroundAnimation:hover,
        .cQ7HCjNA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cQ7HCjNA:hover .pagepointA {
            color: rgb(0, 0, 0);
        }

        .cQ7HCjNTe {
            padding-left: 20px;
        }

        .cZKpxElcL .fRi .select-box .select-cont .select-list .checked {
            color: #409eff;
            font-weight: 700;
            background-color: #f5f7fa;
        }

        .cZKpxElcL .fRi .select-box .select-input .select-search {
            font-size: 1rem;
            color: rgb(166, 166, 166);
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
            height: auto;
        }

        .cZKpxElcL .fRi .select-box .select-cont .select-list .item:hover {
            background-color: #f5f7fa;
        }

        .cZKpxElcL .fRi .select-box .select-cont .select-list .item {
            list-style: none;
            font-size: 1.5rem;
            font-family: Lato;
            padding: 0 10px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #606266;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer;
        }

        .cZKpxElcL .fRi .select-box .select-cont .select-list {
            padding: 6px;
        }

        .cZKpxElcL .fRi .select-box .select-cont::-webkit-scrollbar {
            width: 0 !important;
        }

        .cZKpxElcL .fRi .select-box .select-cont {
            display: none;
            z-index: 1000;
            width: 100%;
            height: 200px;
            position: absolute;
            margin-top: 3px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(209, 208, 208);
            overflow: scroll;
            overflow-x: hidden;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .cZKpxElcL .fRi .select-box {
            width: 100%;
        }

        .cZKpxElcL .fRi .select-box .select-input {
            width: 100%;
            display: flex;
            position: relative;
        }

        #cZKpxEl {
            margin: 1.62% 0% 0% 0%;
        }

        #cZKpxEl .cZKpxElcL {
            margin-bottom: 2rem;
            width: calc(100%/3 - 3.5rem);
        }

        #cZKpxEl .cZKpxElcL.formRadioRow1 .formRadioBox .cZKpxElcL,
        #cZKpxEl .cZKpxElcL.formRadioRow1 .formCheckBox .cZKpxElcL {
            width: 100%;
        }

        #cZKpxEl .cZKpxElcL.formRadioRow2 .formRadioBox .cZKpxElcL,
        #cZKpxEl .cZKpxElcL.formRadioRow2 .formCheckBox .cZKpxElcL {
            width: calc(50% - 8px);
            margin-right: 5px;
        }

        #cZKpxEl .cZKpxElcL.formRadioRow3 .formRadioBox .cZKpxElcL,
        #cZKpxEl .cZKpxElcL.formRadioRow3 .formCheckBox .cZKpxElcL {
            width: calc(33.33% - 8px);
            margin-right: 5px;
        }

        #cZKpxEl .cZKpxElcL.formRadioRow4 .formRadioBox .cZKpxElcL,
        #cZKpxEl .cZKpxElcL.formRadioRow4 .formCheckBox .cZKpxElcL {
            width: calc(25% - 8px);
            margin-right: 5px;
        }

        .cZKpxElcL .cZKpxElSt {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cZKpxElcL .fRi>input,
        .cZKpxElcL .fRi .form_Select,
        .cZKpxElcL .fRi .select-input input {
            height: 50px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .cZKpxElcL .fRi>input,
        .cZKpxElcL .fRi>textarea,
        .cZKpxElcL .fRi .form_Select,
        .cZKpxElcL .fRi .select-input input {
            border-radius: 3px;
            border: 1px solid #e0e0e0;
            font-size: 0.9rem;
            font-family: Lato;
        }

        .cZKpxElcL .fRi>input::placeholder,
        .cZKpxElcL .fRi>textarea::placeholder,
        .cZKpxElcL .fRi .select-input input::placeholder {
            font-size: 0.9rem;
            font-family: Lato;
        }

        .cZKpxElcL .fRi .cZKpxElsit {
            font-size: 0.9rem;
        }

        .cZKpxElcL .fRi>textarea {
            padding: 8px;
            min-height: 130px;
        }

        .cZKpxElcL .fRi .cZKpxElchecksit {
            font-size: 0.9rem;
        }

        .cj0urfFA {
            margin: 0rem 0% 1rem 0rem;
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cj0urfFA .pagepointA {
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .cj0urfFA.overflowHiding {
            overflow: hidden;
        }

        .cj0urfFA.overflowScrolling {
            overflow-y: auto;
        }

        .cGnStDY {
            border-bottom: 4px solid rgba(255, 255, 255, 1);
            margin: 0% 72% 0% 0%;
        }

        #cXpvIuK {
            margin: 1rem 0% 0% 0rem;
        }

        .cXpvIuKA {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
            text-align: left;
            border: 0px solid #ddd;
            margin-bottom: 8px;
            padding-top: 2%;
            padding-bottom: 2%;
        }

        .cXpvIuKA:hover {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .cXpvIuKA p {
            padding-right: 10px;
        }

        .cXpvIuKA.selected {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .c9d75Q4A {
            margin: 0rem 0% 1rem 0rem;
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .c9d75Q4A .pagepointA {
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .c9d75Q4A.overflowHiding {
            overflow: hidden;
        }

        .c9d75Q4A.overflowScrolling {
            overflow-y: auto;
        }

        .cJTbJoA {
            border-bottom: 4px solid rgba(255, 255, 255, 1);
            margin: 0% 72% 0% 0%;
        }

        #cnzdQVL {
            margin: 1rem 0% 0% 0rem;
        }

        .cnzdQVLA {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
            text-align: left;
            border: 0px solid #ddd;
            margin-bottom: 8px;
            padding-top: 2%;
            padding-bottom: 2%;
        }

        .cnzdQVLA:hover {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .cnzdQVLA p {
            padding-right: 10px;
        }

        .cnzdQVLA.selected {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .ck5IZ1zA {
            margin: 0rem 0% 1rem 0rem;
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .ck5IZ1zA .pagepointA {
            font-size: 1rem;
            line-height: 170%;
            color: rgba(255, 255, 255, 1);
        }

        .ck5IZ1zA.overflowHiding {
            overflow: hidden;
        }

        .ck5IZ1zA.overflowScrolling {
            overflow-y: auto;
        }

        .cRXyS8O {
            border-bottom: 4px solid rgba(255, 255, 255, 1);
            margin: 0% 75% 0% 0%;
        }

        #cRECA15 {
            margin: 1rem 0% 0% 0rem;
        }

        .cRECA15A {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
            text-align: left;
            border: 0px solid #ddd;
            margin-bottom: 8px;
            padding-top: 2%;
            padding-bottom: 2%;
        }

        .cRECA15A:hover {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .cRECA15A p {
            padding-right: 10px;
        }

        .cRECA15A.selected {
            font-size: 1.1rem;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
        }

        .c23ir7u {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .c23ir7u {
                margin: 2% 0% 3% 0%;
                padding-top: 1%;
                padding-bottom: 1%;
            }

            .c23ir7u>.rowList>.cols {
                padding: 0 1%;
            }
        }

        .cCoDasJ {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cCoDasJ {
                margin: 2% 0% 3% 0%;
                padding-top: 1%;
                padding-bottom: 1%;
            }

            .cCoDasJ>.rowList>.cols {
                padding: 0 1%;
            }
        }

        .cvl1VKF {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cvl1VKF {
                margin: 2% 0% 3% 0%;
                padding-top: 1%;
                padding-bottom: 1%;
            }

            .cvl1VKF>.rowList>.cols {
                padding: 0 1%;
            }
        }

        .cHjG5wNA {
            margin: 1% 34.68% 1% 0%;
        }

        .cHjG5wNIc {
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(0, 0, 0, 0);
            border-radius: 60px;
        }

        .cHjG5wNIc:hover {
            background: rgba(255, 255, 255, 0);
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cHjG5wNIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cHjG5wNA:hover .cHjG5wNIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cWAqBRtA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .cWAqBRtA .pagepointA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .cWAqBRtA.overflowHiding {
            overflow: hidden;
        }

        .cWAqBRtA.overflowScrolling {
            overflow-y: auto;
        }

        .cqgj4xwA {
            margin: 1rem auto 0rem 0%;
            max-width: 29rem;
            font-size: 1rem;
            color: #f9f9f9;
            background: rgba(0, 91, 135, 1);
            border-radius: 5px;
            text-align: center;
        }

        .cqgj4xwA .cqgj4xwTe .pagepointA {
            font-size: 1rem;

            color: #f9f9f9;
        }

        .cqgj4xwA:hover .cqgj4xwTe .pagepointA {
            font-size: 1rem;
            color: #fff;
        }

        .cqgj4xwTextBox {
            padding: 1rem 0% 1rem 0%;
        }

        .cqgj4xwA:hover {
            font-size: 1rem;
            color: #fff;
        }

        .cqgj4xwA.backgroundAnimation:hover,
        .cqgj4xwA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cqgj4xwA:hover .pagepointA {
            color: #fff;
        }

        .cdMf4mSA {
            margin: 0rem auto 0rem 0%;
            max-width: 20rem;
            font-size: 1.1rem;
            font-family: Arial;
            color: #f9f9f9;
            background: #0087fd;
            border-radius: 5px;
            text-align: center;
        }

        .cdMf4mSA .cdMf4mSTe .pagepointA {
            font-size: 1.1rem;
            font-family: Arial;
            color: #f9f9f9;
        }

        .cdMf4mSA:hover .cdMf4mSTe .pagepointA {
            font-size: 1.1rem;
            color: #fff;
        }

        .cdMf4mSTextBox {
            padding: .8rem 0% .8rem 0%;
        }

        .cdMf4mSA:hover {
            font-size: 1.1rem;
            color: #fff;
        }

        .cdMf4mSA.backgroundAnimation:hover,
        .cdMf4mSA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cdMf4mSA:hover .pagepointA {
            color: #fff;
        }

        .row_line .cLkAX0Grow_col {
            width: 100%;
        }

        .cLkAX0Grow_col.hidden {
            display: none;
        }

        #cOsuXJU,
        #cOsuXJU .nav-submenu {
            background-color: rgb(255, 255, 255);
            min-width: 265px;
            border-radius: 5px;
            border: 1px solid rgb(217, 217, 217);
        }

        #cOsuXJU>li:first-of-type>a,
        #cOsuXJU>li .nav-submenu li:first-of-type .nav-submenuA {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        #cOsuXJU>li:last-of-type>a,
        #cOsuXJU>li .nav-submenu li:last-of-type .nav-submenuA {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        #cOsuXJU .nav-submenuA {
            font-size: 1.5rem;
            font-family: Arial;
            color: rgb(67, 67, 67);
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;
        }

        #cOsuXJU .nav-submenuA:hover {
            background-color: rgba(240, 238, 238, 0.85);
            font-size: 1.5rem;
            color: #0087fd;
        }

        #cOsuXJU li.selected>.nav-submenuA {
            background-color: rgba(240, 238, 238, 0.85);
            font-size: 1.5rem;
            color: #0087fd;
        }

        #cOsuXJU li:not(:last-of-type) .nav-submenuA {
            border-bottom: 1px dashed rgba(217, 217, 217, 0.25);
        }

        #cOsuXJU .nav-submenuA .subnavbtn {
            line-height: 25px;
            padding-left: 10px;
            padding-right: 10px;
        }

        #cOsuXJU .nav-submenuA i {
            height: 25px;
            line-height: 25px;
        }

        #cOsuXJU.menuParentOpen li.selected>ul,
        #cOsuXJU.menuParentOpen li.selected>ul li.selected>ul {
            display: block;
        }

        .rList .listBox .cL05Ubz .Imgbox {
            padding-top: 60%;
        }

        .rList .listBox .Imgbox .cL05UbzImg,
        .cartList .list-content ul.listTableCon li .componentsBox .cols .Imgbox .cL05UbzImg {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .c5dC5ZVA {
            font-weight: bold;
            font-size: 1.2rem;
            font-family: Arial;
            line-height: 170%;
            color: #000000;
            text-align: left;
        }

        .c5dC5ZVA .pagepointA {
            font-weight: bold;
            font-size: 2.5rem;
            font-family: Arial;
            line-height: 170%;
            color: #000000;
        }

        .c5dC5ZVA.overflowHiding {
            overflow: hidden;
        }

        .c5dC5ZVA.overflowScrolling {
            overflow-y: auto;
        }

        .cufT8JRA {
            margin: 1rem 0% 0rem 0%;
            font-size: 1rem;
            line-height: 150%;
            color: #666;
        }

        .cufT8JRA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #666;
        }

        .cufT8JRA.overflowHiding {
            overflow: hidden;
        }

        .cufT8JRA.overflowScrolling {
            overflow-y: auto;
        }

        .ccVh9UecL .fRi .select-box .select-cont .select-list .checked {
            color: #409eff;
            font-weight: 700;
            background-color: #f5f7fa;
        }

        .ccVh9UecL .fRi .select-box .select-input .select-search {
            font-size: 1rem;
            color: rgb(166, 166, 166);
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%);
            height: auto;
        }

        .ccVh9UecL .fRi .select-box .select-cont .select-list .item:hover {
            background-color: #f5f7fa;
        }

        .ccVh9UecL .fRi .select-box .select-cont .select-list .item {
            list-style: none;
            font-size: 1.1rem;
            font-family: Arial;
            padding: 0 10px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #606266;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer;
            color: rgb(67, 67, 67);
        }

        .ccVh9UecL .fRi .select-box .select-cont .select-list {
            padding: 6px;
        }

        .ccVh9UecL .fRi .select-box .select-cont::-webkit-scrollbar {
            width: 0 !important;
        }

        .ccVh9UecL .fRi .select-box .select-cont {
            display: none;
            z-index: 1000;
            width: 100%;
            height: 200px;
            position: absolute;
            margin-top: 3px;
            background: rgb(255, 255, 255);
            border: 1px solid rgb(209, 208, 208);
            overflow: scroll;
            overflow-x: hidden;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .ccVh9UecL .fRi .select-box {
            width: 100%;
        }

        .ccVh9UecL .fRi .select-box .select-input {
            width: 100%;
            display: flex;
            position: relative;
        }

        #ccVh9Ue {
            margin: 1.5407047792969rem 0% 1.5rem 0%;
        }

        #ccVh9Ue .ccVh9UecL {
            margin-bottom: 2rem;
            width: calc(100%/3 - 0.7rem);
        }

        #ccVh9Ue .ccVh9UecL.formRadioRow1 .formRadioBox .ccVh9UecL,
        #ccVh9Ue .ccVh9UecL.formRadioRow1 .formCheckBox .ccVh9UecL {
            width: 100%;
        }

        #ccVh9Ue .ccVh9UecL.formRadioRow2 .formRadioBox .ccVh9UecL,
        #ccVh9Ue .ccVh9UecL.formRadioRow2 .formCheckBox .ccVh9UecL {
            width: calc(50% - 8px);
            margin-right: 5px;
        }

        #ccVh9Ue .ccVh9UecL.formRadioRow3 .formRadioBox .ccVh9UecL,
        #ccVh9Ue .ccVh9UecL.formRadioRow3 .formCheckBox .ccVh9UecL {
            width: calc(33.33% - 8px);
            margin-right: 5px;
        }

        #ccVh9Ue .ccVh9UecL.formRadioRow4 .formRadioBox .ccVh9UecL,
        #ccVh9Ue .ccVh9UecL.formRadioRow4 .formCheckBox .ccVh9UecL {
            width: calc(25% - 8px);
            margin-right: 5px;
        }

        .ccVh9UecL .ccVh9UeSt {
            font-size: 1rem;
            font-family: Arial;
            color: rgb(67, 67, 67);
            text-align: center;
        }

        .ccVh9UecL .fRi>input,
        .ccVh9UecL .fRi .form_Select,
        .ccVh9UecL .fRi .select-input input {
            height: 40px;
            padding-left: 6px;
            padding-right: 6px;
        }

        .ccVh9UecL .fRi>textarea {
            padding: 6px;
            min-height: 50px;
        }

        .ccVh9UecL .fRi>input,
        .ccVh9UecL .fRi>textarea,
        .ccVh9UecL .fRi .form_Select,
        .ccVh9UecL .fRi .select-input input {
            background: rgba(127, 127, 130, 0);
            border-radius: 3px;
            border: 1px solid rgb(217, 217, 217);
            font-size: 1.1rem;
            font-family: Arial;
            color: rgb(67, 67, 67);
        }

        .ccVh9UecL .fRi>input::placeholder,
        .ccVh9UecL .fRi>textarea::placeholder,
        .ccVh9UecL .fRi .select-input input::placeholder {
            font-size: 0.9rem;
            font-family: Arial;
            color: rgb(67, 67, 67);
        }

        .ccVh9UecL .fRi .ccVh9Uesit {
            font-size: 0.9rem;
            font-family: arial;
            color: rgb(255, 255, 255);
        }

        .ccVh9UecL .fRi .ccVh9Uechecksit {
            font-size: 0.9rem;
            font-family: arial;
            color: rgb(255, 255, 255);
        }

        .cWJFm6U {
            background-color: rgba(0, 0, 0, 0);
        }

        @media screen and (min-width:961px) {
            .cWJFm6U {
                margin: 4rem 0% 0% 0%;
            }

            .cWJFm6U>.rowcol {
                padding: 0 2%;
            }
        }

        .cNJEg56A {
            margin: 1% auto 1% auto;
        }

        .cNJEg56Ic {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #0087fd;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .cNJEg56Ic:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .cNJEg56Ic .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cNJEg56A:hover .cNJEg56Ic .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .c3emSUyA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
        }

        .c3emSUyA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .c3emSUyA.overflowHiding {
            overflow: hidden;
        }

        .c3emSUyA.overflowScrolling {
            overflow-y: auto;
        }

        .cTBva4GA {
            margin: 1% auto 1% auto;
        }

        .cTBva4GIc {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #fff;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .cTBva4GIc:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .cTBva4GIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cTBva4GA:hover .cTBva4GIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .c9vsgNIA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
            background-color: rgba(255, 255, 255, 0);
        }

        .c9vsgNIA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .c9vsgNIA.overflowHiding {
            overflow: hidden;
        }

        .c9vsgNIA.overflowScrolling {
            overflow-y: auto;
        }

        .cbQ6NlvA {
            margin: 1% auto 1% auto;
        }

        .cbQ6NlvIc {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #fff;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .cbQ6NlvIc:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .cbQ6NlvIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cbQ6NlvA:hover .cbQ6NlvIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .c17VotUA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
        }

        .c17VotUA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .c17VotUA.overflowHiding {
            overflow: hidden;
        }

        .c17VotUA.overflowScrolling {
            overflow-y: auto;
        }

        .c8EP1cDA {
            margin: 1% auto 1% auto;
        }

        .c8EP1cDIc {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #fff;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .c8EP1cDIc:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .c8EP1cDIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .c8EP1cDA:hover .c8EP1cDIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cnuZOW1A {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
        }

        .cnuZOW1A .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .cnuZOW1A.overflowHiding {
            overflow: hidden;
        }

        .cnuZOW1A.overflowScrolling {
            overflow-y: auto;
        }

        .cO2E54gA {
            margin: 1% auto 1% auto;
        }

        .cO2E54gIc {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #fff;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .cO2E54gIc:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .cO2E54gIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cO2E54gA:hover .cO2E54gIc .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cHsWUtNA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
        }

        .cHsWUtNA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .cHsWUtNA.overflowHiding {
            overflow: hidden;
        }

        .cHsWUtNA.overflowScrolling {
            overflow-y: auto;
        }

        .cvqVVw0A {
            margin: 1% auto 1% auto;
        }

        .cvqVVw0Ic {
            width: 6rem;
            height: 6rem;
            line-height: 6rem;
            font-size: 6rem;
            color: #fff;
            background: rgba(33, 150, 243, 0);
            border-radius: 60px;
        }

        .cvqVVw0Ic:hover {
            background: rgba(5, 66, 231, 0);
            font-size: 6rem;
            color: #fff;
        }

        .cvqVVw0Ic .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cvqVVw0A:hover .cvqVVw0Ic .btnImg {
            width: 6rem;
            height: 6rem;
        }

        .cd4o64aA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
            text-align: center;
        }

        .cd4o64aA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: #0087fd;
        }

        .cd4o64aA.overflowHiding {
            overflow: hidden;
        }

        .cd4o64aA.overflowScrolling {
            overflow-y: auto;
        }

        .cbKJRwzboxCont {
            background-color: #fff;
        }

        .cbKJRwzboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cbKJRwzBox {
            padding: 1% 1% 1% 1%;
        }

        .cZud8gLboxCont {
            background-color: #fff;
        }

        .cZud8gLboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .cZud8gLBox {
            padding: 1% 1% 1% 1%;
        }

        .clVkpLuboxCont {
            background-color: #fff;
        }

        .clVkpLuboxCont.overflowScrolling {
            overflow-y: auto;
        }

        .clVkpLuBox {
            padding: 1% 1% 1% 1%;
        }

        .cHhza7RA {
            margin: 0rem auto 0rem auto;
            max-width: 20rem;
            font-size: 1.1rem;
            color: #f9f9f9;
            background: #0087fd;
            text-align: center;
        }

        .cHhza7RA .cHhza7RTe .pagepointA {
            font-size: 1.5rem;
            color: #f9f9f9;
        }

        .cHhza7RA:hover .cHhza7RTe .pagepointA {
            font-size: 1.1rem;
            color: #fff;
        }

        .cHhza7RTextBox {
            padding: 10px 3px 10px 3px;
        }

        .cHhza7RA.minWidth:hover {
            transition: 0.7s;
            -webkit-transition: 0.7s;
            -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s;
        }

        .cHhza7RA:hover {
            font-size: 1.1rem;
            color: #fff;
            background: rgba(15, 59, 156, 1);
        }

        .cHhza7RA.backgroundAnimation:before,
        .cHhza7RA.backgroundBottomAna:before {
            background: rgba(15, 59, 156, 1);
        }

        .cHhza7RA.backgroundAnimation:hover,
        .cHhza7RA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cHhza7RA:hover .pagepointA {
            color: #fff;
        }

        .cziEggpcL {
            width: 11%;
        }

        .cziEggpcL.hidden {
            display: none;
        }

        .cDlFbsWcL {
            width: 89%;
        }

        .cDlFbsWcL.hidden {
            display: none;
        }

        .cIDjHKvcL {
            width: 11%;
        }

        .cIDjHKvcL.hidden {
            display: none;
        }

        .cKYFWEacL {
            width: 89%;
        }

        .cKYFWEacL.hidden {
            display: none;
        }

        .cj0K46KcL {
            width: 11%;
        }

        .cj0K46KcL.hidden {
            display: none;
        }

        .cChdPQIcL {
            width: 89%;
        }

        .cChdPQIcL.hidden {
            display: none;
        }

        .cWzjXpuA {
            margin: 0rem 0% 0rem 1rem;
            font-size: 1.1rem;
            font-family: font_2962;
            line-height: 30px;
            color: rgba(0, 0, 0, 1);
        }

        .cWzjXpuA .pagepointA {
            font-size: 1.1rem;
            font-family: font_2962;
            line-height: 30px;
            color: rgba(0, 0, 0, 1);
        }

        .cWzjXpuA.overflowHiding {
            overflow: hidden;
        }

        .cWzjXpuA.overflowScrolling {
            overflow-y: auto;
        }

        .cWzjXpuA:hover,
        .proList .listBox:hover .listBoxHref .cWzjXpuA {
            color: rgba(0, 0, 0, 1);
        }

        .cWzjXpuA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cih8XSaA {
            margin: 0rem auto 0rem auto;
            max-width: 16.7rem;
            font-size: 1.1rem;
            font-family: Arial;
            color: rgba(255, 255, 255, 1);
            background: #0087fd;
            border-radius: 5px;
            border: 1px solid rgb(217, 217, 217);
            text-align: center;
        }

        .cih8XSaA .cih8XSaTe .pagepointA {
            font-size: 1.1rem;
            font-family: Arial;
            color: rgba(255, 255, 255, 1);
        }

        .cih8XSaA:hover .cih8XSaTe .pagepointA {
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cih8XSaTextBox {
            padding: 1rem 0% 1rem 0%;
        }

        .cih8XSaA:hover {
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 1);
            background: #0087fd;
        }

        .cih8XSaA.backgroundAnimation:before,
        .cih8XSaA.backgroundBottomAna:before {
            background: #0087fd;
        }

        .cih8XSaA.backgroundAnimation:hover,
        .cih8XSaA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cih8XSaA:hover .pagepointA {
            color: rgba(255, 255, 255, 1);
        }

        .row_line .csBXwvzrow_col {
            width: 50%;
        }

        .csBXwvzrow_col.hidden {
            display: none;
        }

        .row_line .ceeyVG7row_col {
            width: 50%;
        }

        .ceeyVG7row_col.hidden {
            display: none;
        }

        .cUV5RdbA {
            margin: 3rem 0% 3rem 0%;
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cUV5RdbA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cUV5RdbA.overflowHiding {
            overflow: hidden;
        }

        .cUV5RdbA.overflowScrolling {
            overflow-y: auto;
        }

        .cKkLpZPA {
            margin: 2.6rem auto 1rem 0%;
            max-width: 100%;
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
            background: rgba(243, 245, 247, 1);
            border-left: 5px solid #0087fd;
            text-align: left;
        }

        .cKkLpZPA .cKkLpZPTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cKkLpZPA:hover .cKkLpZPTe .pagepointA {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cKkLpZPTextBox {
            padding: 13px 3px 13px 3px;
        }

        .cKkLpZPA:hover {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cKkLpZPA.backgroundAnimation:hover,
        .cKkLpZPA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cKkLpZPA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cKkLpZPTe {
            padding-left: 20px;
        }

        .cxHj0YnA {
            margin: 3rem 0% 3rem 0%;
            font-size: 1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cxHj0YnA .pagepointA {
            font-size: 1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cxHj0YnA.overflowHiding {
            overflow: hidden;
        }

        .cxHj0YnA.overflowScrolling {
            overflow-y: auto;
        }

        .cyTpx9CA {
            margin: 2.6rem auto 1rem 0%;
            max-width: 100%;
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
            background: rgba(243, 245, 247, 1);
            border-left: 5px solid #0087fd;
            text-align: left;
        }

        .cyTpx9CA .cyTpx9CTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cyTpx9CA:hover .cyTpx9CTe .pagepointA {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cyTpx9CTextBox {
            padding: 13px 3px 13px 3px;
        }

        .cyTpx9CA:hover {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cyTpx9CA.backgroundAnimation:hover,
        .cyTpx9CA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cyTpx9CA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cyTpx9CTe {
            padding-left: 20px;
        }

        .ctCMk6kA {
            margin: 3rem 0% 3rem 0%;
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .ctCMk6kA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .ctCMk6kA.overflowHiding {
            overflow: hidden;
        }

        .ctCMk6kA.overflowScrolling {
            overflow-y: auto;
        }

        .cEnDtieA {
            margin: 2.6rem auto 1rem 0%;
            max-width: 100%;
            font-weight: bold;
            font-size: 1.1rem;
            color: rgb(0, 0, 0);
            background: rgba(243, 245, 247, 1);
            border-left: 5px solid #0087fd;
            text-align: left;
        }

        .cEnDtieA .cEnDtieTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: rgb(0, 0, 0);
        }

        .cEnDtieA:hover .cEnDtieTe .pagepointA {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cEnDtieTextBox {
            padding: 13px 3px 13px 3px;
        }

        .cEnDtieA:hover {
            font-size: 1rem;
            color: rgba(0, 0, 0, 1);
        }

        .cEnDtieA.backgroundAnimation:hover,
        .cEnDtieA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cEnDtieA:hover .pagepointA {
            color: rgba(0, 0, 0, 1);
        }

        .cEnDtieTe {
            padding-left: 20px;
        }

        .cqTQ3POA {
            margin: 3rem 0% 3rem 0%;
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cqTQ3POA .pagepointA {
            font-size: 1.1rem;
            line-height: 170%;
            color: rgba(0, 0, 0, 1);
        }

        .cqTQ3POA.overflowHiding {
            overflow: hidden;
        }

        .cqTQ3POA.overflowScrolling {
            overflow-y: auto;
        }

        .clsCFovA {
            margin: 3rem 0% 3rem 0%;
            font-size: 1.1rem;
            line-height: 200%;
            color: #666;
        }

        .clsCFovA .pagepointA {
            font-size: 1.1rem;
            line-height: 200%;
            color: #666;
        }

        .clsCFovA.overflowHiding {
            overflow: hidden;
        }

        .clsCFovA.overflowScrolling {
            overflow-y: auto;
        }

        .cd1OGis .Imgbox {
            padding-top: 71.12676056338%;
        }

        .rList .listBox .cd1OGis .Imgbox {
            padding-top: 100%;
			background: #ccc;
        }

        .rList .listBox .Imgbox .cd1OGisImg,
        .cartList .list-content ul.listTableCon li .componentsBox .cols .Imgbox .cd1OGisImg {
            object-fit: cover !important;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .c2d6OkNA {
            margin: 0.5rem 0% 0rem 0%;
            padding: 0.5rem .5rem .5rem .5rem;
            font-weight: normal;
            font-size: 0.9rem;
            line-height: 140%;
            color: rgba(0, 0, 0, 1);
            min-height: 3.2rem;
        }

        .c2d6OkNA .pagepointA {
            font-weight: normal;
            font-size: 0.9rem;
            line-height: 140%;
            color: rgba(0, 0, 0, 1);
        }

        .c2d6OkNA.overflowHiding {
            overflow: hidden;
            height: 3.2rem;
        }

        .c2d6OkNA.overflowScrolling {
            overflow-y: auto;
            height: 3.2rem;
        }

        .proList .c2d6OkNA .textLineP,
        .proList .c2d6OkNA .textLineP>p {
            line-clamp: 6;
            -webkit-line-clamp: 6;
        }

        .cGIOAJeA {
            margin: 1% 34.68% 1% 0%;
        }

        .cGIOAJeIc {
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(0, 0, 0, 0);
            border-radius: 60px;
        }

        .cGIOAJeIc:hover {
            background: rgba(255, 255, 255, 0);
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cGIOAJeIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cGIOAJeA:hover .cGIOAJeIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .c7UpE4xA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .c7UpE4xA .pagepointA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .c7UpE4xA.overflowHiding {
            overflow: hidden;
        }

        .c7UpE4xA.overflowScrolling {
            overflow-y: auto;
        }

        .c7UpE4xA:hover,
        .proList .listBox:hover .listBoxHref .c7UpE4xA {
            color: rgb(67, 67, 67);
            text-shadow: text-decoration:underline;
        }

        .c7UpE4xA:hover .pagepointA {
            color: rgb(67, 67, 67);
            text-decoration: underline;
        }

        .c7UpE4xA:hover p {
            text-decoration: underline;
        }

        .cp4iHqWA {
            margin: 1% 34.68% 1% 0%;
        }

        .cp4iHqWIc {
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(0, 0, 0, 0);
            border-radius: 60px;
        }

        .cp4iHqWIc:hover {
            background: rgba(255, 255, 255, 0);
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cp4iHqWIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cp4iHqWA:hover .cp4iHqWIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cm8Q2CLA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .cm8Q2CLA .pagepointA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .cm8Q2CLA.overflowHiding {
            overflow: hidden;
        }

        .cm8Q2CLA.overflowScrolling {
            overflow-y: auto;
        }

        .cm8Q2CLA:hover,
        .proList .listBox:hover .listBoxHref .cm8Q2CLA {
            color: rgb(67, 67, 67);
            text-shadow: text-decoration:underline;
        }

        .cm8Q2CLA:hover .pagepointA {
            color: rgb(67, 67, 67);
            text-decoration: underline;
        }

        .cm8Q2CLA:hover p {
            text-decoration: underline;
        }

        .cz5RYOeA {
            margin: 1% 34.68% 1% 0%;
        }

        .cz5RYOeIc {
            width: 2rem;
            height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(0, 0, 0, 0);
            border-radius: 60px;
        }

        .cz5RYOeIc:hover {
            background: rgba(255, 255, 255, 0);
            font-size: 1rem;
            color: rgba(255, 255, 255, 1);
        }

        .cz5RYOeIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cz5RYOeA:hover .cz5RYOeIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .ciDdd8PA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .ciDdd8PA .pagepointA {
            font-size: 15px;
            font-family: Arial;
            line-height: 24px;
            color: rgba(255, 255, 255, 1);
        }

        .ciDdd8PA.overflowHiding {
            overflow: hidden;
        }

        .ciDdd8PA.overflowScrolling {
            overflow-y: auto;
        }

        .ciDdd8PA:hover,
        .proList .listBox:hover .listBoxHref .ciDdd8PA {
            color: rgb(67, 67, 67);
            text-shadow: text-decoration:underline;
        }

        .ciDdd8PA:hover .pagepointA {
            color: rgb(67, 67, 67);
            text-decoration: underline;
        }

        .ciDdd8PA:hover p {
            text-decoration: underline;
        }

        .cQrl1NsA {
            margin: 1% auto 1% auto;
            max-width: 100%;
            font-weight: bold;
            font-size: 1rem;
            color: #fff;
            background: rgba(0, 91, 135, 1);
            border-radius: 25px;
            text-align: center;
        }

        .cQrl1NsA.minWidth:hover {
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }

        .cQrl1NsA:hover {
            font-size: 1rem;
            color: #fff;
            background: rgba(0, 91, 135, 1);
        }

        .cQrl1NsA .cQrl1NsTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: #fff;
        }

        .cQrl1NsA:hover .cQrl1NsTe .pagepointA {
            font-size: 1rem;
            color: #fff;
        }

        .cQrl1NsTextBox {
            padding: 10px 0px 10px 0px;
        }

        .cQrl1NsIc {
            max-width: 2rem;
            max-height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
        }

        .cQrl1NsA.backgroundAnimation:before,
        .cQrl1NsA.backgroundBottomAna:before {
            background: rgba(0, 91, 135, 1);
        }

        .cQrl1NsA.backgroundAnimation:hover,
        .cQrl1NsA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cQrl1NsA:hover .pagepointA {
            color: #fff;
        }

        .cQrl1NsIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cQrl1NsTe {
            padding-left: 10px;
        }

        .cLLZbhcA {
            margin: 1% auto 1% auto;
            max-width: 100%;
            font-weight: bold;
            font-size: 1rem;
            color: #fff;
            background: #0087fd;
            border-radius: 25px;
            text-align: center;
        }

        .cLLZbhcA.minWidth:hover {
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }

        .cLLZbhcA:hover {
            font-size: 1rem;
            color: #fff;
            background: #0087fd;
        }

        .cLLZbhcA .cLLZbhcTe .pagepointA {
            font-weight: bold;
            font-size: 1rem;
            color: #fff;
        }

        .cLLZbhcA:hover .cLLZbhcTe .pagepointA {
            font-size: 1rem;
            color: #fff;
        }

        .cLLZbhcTextBox {
            padding: 10px 0px 10px 0px;
        }

        .cLLZbhcIc {
            max-width: 2rem;
            max-height: 2rem;
            line-height: 2rem;
            font-size: 1rem;
        }

        .cLLZbhcA.backgroundAnimation:before,
        .cLLZbhcA.backgroundBottomAna:before {
            background: #0087fd;
        }

        .cLLZbhcA.backgroundAnimation:hover,
        .cLLZbhcA.backgroundBottomAna:hover {
            background: transparent;
        }

        .cLLZbhcA:hover .pagepointA {
            color: #fff;
        }

        .cLLZbhcIc .btnImg {
            width: 2rem;
            height: 2rem;
        }

        .cLLZbhcTe {
            padding-left: 10px;
        }