.section{overflow: hidden;}
.banner {
  position: relative;
}
.banner .img {
  height: 100vh;
}
.banner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .text {
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 90%;
  text-align: center;
  color: #fff;
}
.banner .text a {
  color: #fff;
}
.banner .text .span {
  overflow: hidden;
}
.banner .text .span img {
  max-width: 100%;
  width: auto;
}
.banner .text .h3 {
  margin-top: 1vw;
  overflow: hidden;
}
.banner .text .a {
  display: inline-block;
  margin-top: 2.5vw;
}
.banner .text .a a {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 8px 50px;
  border: 1px solid #fff;
}
.banner .text .a a:hover {
  background: #fff;
  color: rgba(0, 0, 0, 0.7);
}
.banner .text span {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s;
}
.banner .text h3 {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
.banner .text .a {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  transition: all 0.5s ease-in-out 0.4s;
}
.banner .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.7);
  margin: 0 7px !important;
  width: 10px;
  height: 10px;
}
.banner .swiper-pagination-bullet-active {
  background: #fff;
}
.banner .swiper-slide-active .text h3 {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.banner .swiper-slide-active .text span {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.banner .swiper-slide-active .text .a {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

@media screen and (max-width: 950px) {
  .banner .img {
    height: 50vh;
  }
  .banner .text .span img {
    width: 25%;
  }
  .banner .text .a a {
    padding: 5px 26px;
  }
}
@media screen and (max-width: 1200px) {
  .banner {
    margin-top: 60px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .banner .text {
    top: 18%;
  }
  .banner .text .span img {
    width: 50%;
  }
  .banner .text .h3 {
    margin-top: 3vw;
    font-size: 30px;
  }
  .banner .text .a {
    margin-top: 4vw;
  }
  .banner .text .a a {
    padding: 3px 24px;
  }
}
.title_con {
  position: relative;
  margin-bottom: 2.7vw;
  z-index: 1;
}
.title_con h3 {
  position: relative;
}
.title_con .a {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.title_con .a a {
  text-decoration: underline;
}
.title_con .a a:hover {
  color: var(--red);
}
.title_con .p {
  max-width: 670px;
  margin-top: 1.0vw;
}

@media screen and (max-width: 1200px) {
  .title_con {
    margin-bottom: 3.4vw;
  }
}
@media screen and (max-width: 767px) {
  .title_con {
    margin-bottom: 5.2vw;
  }
  .title_con .p {
    margin-top: 3vw;
  }
}
.con01 {
  padding: 3vw 0 4vw;
  overflow:hidden;
}
.con01 .c01_swiper .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #f2f2f2;
  border-radius: 10px;
  margin-right: 20px;
  padding: 10px;
  height: 100%;
}
.con01 .c01_swiper .con .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 1.4vw;
  border: 1px solid #fff;
  margin-right: 1vw;
}
.con01 .c01_swiper .con .left h3 {
  font-weight: 700;
  font-family: "PuHuiM";
  margin-bottom: 1vw;
  line-height: 1.3;
}
.con01 .c01_swiper .con .left h3 b {
  display: block;
}
.con01 .c01_swiper .con .left ul {
  margin-top: 2vw;
}
.con01 .c01_swiper .con .left ul li {
  margin-bottom: 0.7vw;
  position: relative;
  padding-left: 0px;
}
.con01 .c01_swiper .con .left ul li:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 9px;
  background: var(--red);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display:none;
}
.con01 .c01_swiper .con .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  text-align: center;
  overflow: hidden;
  align-items: center;
  display:flex;flex-wrap:wrap;
}
.con01 .c01_swiper .con .right img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.con01 .c01_swiper .con:hover .left {
  background-image: linear-gradient(95deg, #e70012, #ff707b);
  color: #fff;
  border: 1px solid #fb8c95;
  -webkit-box-shadow: 0 0 20px rgba(234, 13, 30, 0.3);
          box-shadow: 0 0 20px rgba(234, 13, 30, 0.3);
}
.con01 .c01_swiper .con:hover .left ul li:after {
  background: #fff;
}
.con01 .c01_swiper .con:hover .right img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.con01 .c01_swiper .swiper-slide {
  height: auto;
}
.con01 .c01_swiper .swiper-slide a {
  height: 100%;
  display: inline-block;
}

.con01 .c01_tab {
  margin-top: 2.5vw;
}
.con01 .c01_tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.con01 .c01_tab ul li {
  flex:1;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #e5e5e5;
  margin: 0 10px;
  position: relative;
}
.con01 .c01_tab ul li:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: var(--red);
  position: absolute;
  left: 0px;
  bottom: -2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.con01 .c01_tab ul li.on {
  font-family: "PuHuiM";
}
.con01 .c01_tab ul li.on:after {
  width: 100%;
}
.con01 .c01_tab ul li:hover {
  font-family: "PuHuiM";
}
.con01 .c01_tab ul li:hover:after {
  width: 100%;
}
@media screen and (min-width: 1930px) {
    .con01 .c01_swiper .con .left{margin-right:0px;}
}
@media screen and (max-width: 1600px) {
  .con01 .c01_swiper .con .right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

}
@media screen and (max-width: 1200px) {
  .con01 {
    padding: 6vw 0 8vw;
  }
}
@media screen and (max-width: 1000px) {
  .con01 .c01_swiper .con .left {
    padding: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .con01 {
    padding: 10vw 0 15vw;
  }
  .con01 .c01_tab {
    display: none;
  }
  .con01 .c01_swiper .con .left {
    padding: 5vw 3vw;
  }
  .con01 .c01_swiper .con .left h3 {
    margin-bottom: 3vw;
  }
  .con01 .c01_swiper .con .left ul {
    margin-top: 5vw;
  }
  .swiper-slide.swiper-slide-active .con .left {
    background-image: linear-gradient(95deg, #e70012, #ff707b);
    color: #fff;
    border: 1px solid #fb8c95;
    -webkit-box-shadow: 0 0 20px rgba(234, 13, 30, 0.3);
            box-shadow: 0 0 20px rgba(234, 13, 30, 0.3);
  }
  .swiper-slide.swiper-slide-active .con .left ul li:after {
    background: #fff;
  }
}
.con02 {
  position: relative;
  padding-top: 3vw;
  background: #f8f8f8;
  overflow:hidden;
}
.con02 .wrap {
  position: relative;
  z-index: 3;
}
.con02 .map {
  position: relative;
  top: -110px;
}
.con02 .map li {
  width: 10px;
  height: 10px;
  background: #ea3323;
  border-radius: 100%;
  position: absolute;
}
.con02 .map li:after {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(234, 51, 35, 0.2);
}
.con02 .map li:before {
  content: "";
  display: block;
  width: 190px;
  height: 190px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(234, 51, 35, 0.2);
}


.con02 .map li:before {
  -webkit-animation: inner-ripple 2200ms linear infinite;
          animation: inner-ripple 2200ms linear infinite;
}
.con02 .map li:after {
  -webkit-animation: inner-ripple 3200ms linear infinite;
          animation: inner-ripple 3200ms linear infinite;
}

.con02 .map li:nth-of-type(2n):before {
  -webkit-animation: inner-ripple 1900ms linear infinite;
          animation: inner-ripple 1900ms linear infinite;
}
.con02 .map li:nth-of-type(2n):after {
  -webkit-animation: inner-ripple 2900ms linear infinite;
          animation: inner-ripple 2900ms linear infinite;
}

.con02 .map li:nth-of-type(3n):before {
  -webkit-animation: inner-ripple 2700ms linear infinite;
          animation: inner-ripple 2700ms linear infinite;
}
.con02 .map li:nth-of-type(3n):after {
  -webkit-animation: inner-ripple 3700ms linear infinite;
          animation: inner-ripple 3700ms linear infinite;
}

.con02 .map li:nth-of-type(4n):before {
  -webkit-animation: inner-ripple 2500ms linear infinite;
          animation: inner-ripple 2500ms linear infinite;
}
.con02 .map li:nth-of-type(4n):after {
  -webkit-animation: inner-ripple 3500ms linear infinite;
          animation: inner-ripple 3500ms linear infinite;
}
.con02 .map dl {
  display: none;
  padding: 2vw;
  background: #fff url(../img/index_03.jpg) no-repeat;
  position: absolute;
  bottom: 5px;
  right: 5px;
  overflow: hidden;
  background-size: cover;
  z-index: 1;
  -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
}
.con02 .map dl dt {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.con02 .map dl dt img {
  margin-right: 10px;
  max-width: 32px;
}
.con02 .map dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3px;
  width:280px;
}
.con02 .map dl dd svg {
  flex:0 0 22px;
  height: 22px;
  margin-right: 10px;
}
.con02 .map dl dd.addr{
    -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
}
.con02 .map dl dd.addr p{
    flex:0 0 260px;
    
}
.con02 .map li:hover dl {
  display: block;
  -webkit-animation: display 0.3s linear;
          animation: display 0.3s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.con02 .map img {
  width: 100%;
}

@media screen and (max-width: 1400px) {
  .con02 .map {
    top: -50px;
  }
}
@media screen and (max-width: 1200px) {
  .con02 {
    padding-top: 6vw;
  }
  .con02 .map {
    top: 0px;
  }
  .con02 .map dl {
    padding: 3vw 4vw;
  }
  .con02 .map dl dt img {
    max-width: 28px;
  }
}
@media screen and (max-width: 767px) {
  .con02 {
    padding: 10vw 0 15vw;
  }
  .con02 .map dl {
    display: none !important;
  }
  .con02 .map li{transform: scale(0.5);}
  .c02_mo_slider .swiper-pagination {
    bottom: -50px;
  }
  .c02_mo_slider .swiper-pagination-bullet {
    background: rgba(234, 51, 35, 0.7);
    margin: 0 7px !important;
    width: 10px;
    height: 10px;
  }
  .c02_mo_slider .swiper-pagination-bullet-active {
    background: #ea3323;
  }
  .c02_mo_slider dl {
    padding: 6vw 8vw;
    background: #fff url(../img/index_03.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  }
  .c02_mo_slider dl dt {
    margin-bottom: 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
  }
  .c02_mo_slider dl dt img {
    margin-right: 10px;
    max-width: 28px;
  }
  .c02_mo_slider dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
  }
  .c02_mo_slider dl dd svg {
    width: 22px;
    height: 22px;
    margin-right: 10px;
  }
}
.con03 {
  background: #f8f8f8;
  position: relative;
}
.con03 .c3_swiper {
  position: relative;
  width:1230px;margin:0 auto;
}
.con03 .swiper-slide {
  height: auto;
}
.con03 .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
}
.con03 .swiper-slide:before{
    
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 40%;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.con03 .swiper-slide.swiper-slide-active:after {
  background: none;
}
.con03 .swiper-slide .img {
  height: 100%;
}
.con03 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.con03 .text {
  position: absolute;
  left: 1.2vw;
  right: 1.2vw;
  bottom: 1vw;
  z-index: 2;
  color: #fff;
}
.con03 .text .p b{
    position:relative;
    padding-right:1vw;
    margin-right:1vw;
}
.con03 .text .p b:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.con03 .text h3 {
  margin-top: 5px;
}
.con03 .text p {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-family: "montserrat";
}
.con03 .swiper-button-next:after {
  color: #fff;
  font-size: 28px;
}
.con03 .swiper-button-prev:after {
  color: #fff;
  font-size: 28px;
}
.con03 .swiper-button-prev {
  left: 20px;
}
.con03 .swiper-button-next {
  right: 20px;
}
.con03 .swiper-pagination {
  bottom: -50px;
}
.con03 .swiper-pagination-bullet {
  margin: 0 7px !important;
  background: rgba(0, 0, 0, 0.9);
  width: 10px;
  height: 10px;
}
.con03 .swiper-pagination-bullet-active {
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1300px) {
    .con03 .c3_swiper{width:90%;}
}
@media screen and (max-width: 1200px) {
  .con03 {
    padding: 6vw 0 0vw;
  }
}
@media screen and (max-width: 767px) {
  .con03 {
    padding: 10vw 0 0vw;
  }
  .con03 .c3_swiper {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
  }
  .con03 .swiper-button-prev {
    left: 20px;
  }
  .con03 .swiper-button-next {
    right: 20px;
  }
  .con03 .text{bottom:3vw;right:3vw;left:3vw;}
  .con03 .text .p b{padding-right:3vw;margin-right:3vw;}
  .con03 .text h3{font-size:20px;}
}
.con04 {
  background: #f2f2f2;
  padding-top: 6vw;
  padding-bottom: 6vw;
}
.con04 .c04_con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.con04 .c04_con .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 750px;
          flex: 0 0 750px;
  position: relative;
}
.con04 .c04_con .left:after{
    content:"";
    display:block;width:0%;height:2px;background: var(--red);
    position:absolute;left:0px;bottom:0px;
    transition:all 0.5s ease-in-out;
}
.con04 .c04_con .left:hover:after{width:100%;}
.con04 .c04_con .left:before{
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 60%;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.con04 .c04_con .left .text {
  position: absolute;
  bottom: 1vw;
  left: 1.5vw;
  right: 1.5vw;
  color: #fff;
  z-index: 2;
}
.con04 .c04_con .left .text a {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.con04 .c04_con .left .text a:hover {
  color:var(--red);
}
.con04 .c04_con .left .text h3 {
  margin-top: 10px;
  width: 78%;
}
.con04 .c04_con .left .text .time {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.con04 .c04_con .left .img {
  overflow: hidden;
}
.con04 .c04_con .left .img img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.con04 .c04_con .left .img:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.con04 .c04_con .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.con04 .c04_con .right dl {
  background-image: linear-gradient(160deg, #ffffff, #e9e9e9);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position:relative;
}
.con04 .c04_con .right dl:after{
    content:"";
    display:block;width:0%;height:2px;background: var(--red);
    position:absolute;left:0px;bottom:0px;
    transition:all 0.5s ease-in-out;
}
.con04 .c04_con .right dl dd {
  padding: 0 30px;
}
.con04 .c04_con .right dl dd a{transition: all 0.3s ease-in-out;}
.con04 .c04_con .right dl .span {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #b3b3b3;
}

.con04 .c04_con .right dl:hover {
  background-image: linear-gradient(160deg, #cccccc, #b9b9b9);
}
.con04 .c04_con .right dl:hover:after{width:100%;}
.con04 .c04_con .right dl:hover .span {
  color: #fff;
}
.con04 .c04_con .right dl:hover a {
  color: var(--red);
}


@media screen and (max-width: 1300px) {
  .con04 {
    padding: 8vw 0 10vw;
  }
  .con04 .c04_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
}
@media screen and (max-width: 767px) {
  .con04 {
    padding: 10vw 0 10vw;
  }
  .con04 .c04_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .con04 .c04_con .left .text {
    left: 5vw;
    right: 5vw;
    bottom: 5vw;
  }
  .con04 .c04_con .left .text h3 {
    width: 100%;
  }
  .con04 .c04_con .left .text .time {
    position: static;
    margin-top: 10px;
  }
  .con04 .c04_con .right dl dd {
    padding: 5vw 5vw;
  }
}
.n_body header {background:#000;}
.n_body.ban header {
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
.n_body.ban header:hover{background:#000;}
.n_body.ban .mbx{top:80px;}

.n_header {
  height: 70px;
}
body{overflow-x:hidden;}
@media screen and (max-width: 1200px) {
  .n_header {
    height: 60px;
  }
}
.mbx {
  color: #b3b3b3;
  padding-top: 10px;
  padding-bottom: 3vw;
}
.mbx a {
  color: #b3b3b3;
}
.mbx span {
  margin-left: 7px;
  display: inline-block;
  position: relative;
}
.mbx span:before {
  content: ">";
  color: #b3b3b3;
  font-family: "montserrat";
  padding-right: 7px;
}
.mbx a:hover {
  color: var(--red);
}

@media screen and (max-width: 767px) {
  .mbx {
    padding-bottom: 6vw;
  }
  .n_body.ban .mbx{top:55px;}
}
.gy_con01 .img img {
  width: 100%;
}
.gy_con01 .text {
  width: 67%;
  margin-left: auto;
  -webkit-transform: translateY(-7vw);
      -ms-transform: translateY(-7vw);
          transform: translateY(-7vw);
  padding: 2.5vw 3.5vw;
  background: #fff;
  padding-right: 0px;
}
.gy_con01 .text h3 {
  color: var(--red);
  position: relative;
  display: inline-block;
  margin-bottom: 2.5vw;
}
.gy_con01 .text h3:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: var(--red);
  position: absolute;
  left: 150%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gy_con01 .text .p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.gy_con01 .text .p p {
  width: auto;
  margin-left: auto;
  display: inline-block;
}
.gy_con01 .svg_con{
    margin-bottom:5vw;
    -webkit-transform: translateY(-4vw);
      -ms-transform: translateY(-4vw);
          transform: translateY(-4vw);
}
.gy_con01 .svg_con svg{max-width:480px;}
.gy_con01 .svg_con p{margin-top:15px;}
.gy_con01 .shuj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 840px;
  -webkit-transform: translateY(-4vw);
      -ms-transform: translateY(-4vw);
          transform: translateY(-4vw);
}
.gy_con01 .shuj dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 2.5vw;
  padding-right: 10px;
}
.gy_con01 .shuj dl dt {
  font-family: "montserrat";
}
.gy_con01 .shuj dl dt b{font-weight:normal;}
.gy_con01 .shuj dl span {
  font-family: "PuHuiL";
}
.gy_con01 .shuj dl:hover dt {
  color: var(--red);
}

@media screen and (max-width: 1600px) {
  .gy_con01 .shuj {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
    .gy_con01 .svg_con{
        width: 100%;
    -webkit-transform: translateY(0vw);
        -ms-transform: translateY(0vw);
            transform: translateY(0vw);
    padding: 6vw 0vw;
    }
  .gy_con01 .text {
    width: 100%;
    -webkit-transform: translateY(0vw);
        -ms-transform: translateY(0vw);
            transform: translateY(0vw);
    padding: 6vw 0vw;
  }
  .gy_con01 .text h3 {
    font-size: 20px;
  }
  .gy_con01 .shuj {
    width: 100%;
    -webkit-transform: translateY(0vw);
        -ms-transform: translateY(0vw);
            transform: translateY(0vw);
    margin-bottom: 6vw;
    margin-top: 3vw;
  }
  .gy_con01 .svg_con svg{max-width:70%}

}
.gy_con02 {
  background: url(/static/cn/img/gy10.jpg) no-repeat center bottom;
}
.gy_con02 .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gy_con02 .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 3vw;
  padding-right: 4vw;
}
.gy_con02 .left dl {
  max-width: 480px;
  margin-top: 5vw;
}
.gy_con02 .left dt {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gy_con02 .left dt span {
  position: relative;
  padding-bottom: 8px;
}
.gy_con02 .left dt span:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  background: var(--red);
  height: 2px;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gy_con02 .left dd {
  margin-top: 2vw;
  display: none;
}
.gy_con02 .left dl.on dt {
  color: var(--red);
}
.gy_con02 .left dl.on dt span:after {
  width: 100%;
}
.gy_con02 .left dl.on dd {
  display: block;
  -webkit-animation: display 0.3s linear;
          animation: display 0.3s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.gy_con02 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 630px;
          flex: 0 0 630px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gy_con02 .right img {
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .gy_con02 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media screen and (max-width: 767px) {
  .gy_con02 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0px;
    margin-bottom: 5vw;
  }
  .gy_con02 .left dt {
    font-size: 20px;
  }
  .gy_con02 .left dl.on dd {
    margin-top: 6vw;
  }
  .gy_con02 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
  }
}
.gy_con03 {
  background: #f5f5f5;
  text-align: center;
  position: relative;
}
.gy_con03 .wrap{margin-top:2vw;}
.gy_con03 .c03_sw {
  height: 750px;
  overflow: hidden;
}
.gy_con03 .swiper-slide {
  width: 33.33%;
  height: calc((100% - 60px) / 2) !important;
  /*background: rgba(255, 255, 255, 0.4);*/
}
.gy_con03 dl {
  padding: 10px;
  padding-top: 2vw;
  border-radius: 5px;
}
.gy_con03 dl dt {
  width: 140px;
  margin: 0 auto;
}
.gy_con03 dl dt img {
  width: 100%;
}
.gy_con03 dl dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 1.5vw;
}
.gy_con03 dl h4 {
  color: var(--red);
  margin-bottom: 0.5vw;
}
.gy_con03 .swiper-button-next {
  right: 8%;
  top: 55%;
}
.gy_con03 .swiper-button-next:after {
  color: #666;
  font-size: 26px;
}
.gy_con03 .swiper-button-prev:after {
  color: #666;
  font-size: 26px;
}
.gy_con03 .swiper-button-next:hover:after {
  color: var(--red);
}
.gy_con03 .swiper-button-prev:hover:after {
  color: var(--red);
}
.gy_con03 .swiper-button-prev {
  left: 8%;
  top: 55%;
}
.gy_con03 .swiper-pagination {
  display: none;
}

@media screen and (max-width: 1800px) {
  .gy_con03 .swiper-button-next {
    right: 40px;
  }
  .gy_con03 .swiper-button-prev {
    left: 40px;
  }
}
@media screen and (max-width: 1600px) {
  .gy_con03 .swiper-button-next {
    right: 5%;
  }
  .gy_con03 .swiper-button-prev {
    left: 5%;
  }
}
@media screen and (max-width: 1400px) {
  .gy_con03 .c03_sw {
    height: 600px;
  }
  .gy_con03 dl dt {
    width: 100px;
  }
}
@media screen and (max-width: 1300px) {
  .gy_con03 .swiper-button-next {
    top: 51.5%;
  }
  .gy_con03 .swiper-button-prev {
    top: 51.5%;
  }
}
@media screen and (max-width: 1200px) {
  .gy_con03 .swiper-button-next {
    right: 2%;
  }
  .gy_con03 .swiper-button-prev {
    left: 2%;
  }
}
@media screen and (max-width: 767px) {
  .gy_con03 {
    padding-bottom: 15vw;
  }
  .gy_con03 .c03_sw {
    height: auto;
    position: relative;
    margin-top: 5vw;
  }
  .gy_con03 dl {
    padding: 5vw 3vw;
  }
  .gy_con03 .swiper-slide {
    height: auto !important;
  }
  .gy_con03 dl dd {
    margin-top: 3vw;
  }
  .gy_con03 dl h4 {
    margin-bottom: 3vw;
  }
  .gy_con03 .swiper-pagination {
    display: block;
    bottom: 20px;
  }
  .gy_con03 .swiper-pagination-bullet-active {
    background: var(--red);
  }
  .gy_con03 .swiper-button-next {
    display: none;
  }
  .gy_con03 .swiper-button-prev {
    display: none;
  }
  .gy_con03 .swiper-pagination-bullet {
    background: rgba(234, 51, 35, 0.7);
    margin: 0 7px !important;
    width: 10px;
    height: 10px;
  }
  .n_body .con02 {
    padding-bottom: 25vw;
  }
}
.gy_con04 img {
  width: 100%;
}

.jjfa_con01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.jjfa_con01 .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 388px;
          flex: 0 0 388px;
  margin-right: 2vw;
}
.jjfa_con01 .img img {
  width: 100%;
}
.jjfa_con01 .p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 1600px) {
  .jjfa_con01 .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}
@media screen and (max-width: 767px) {
  .jjfa_con01 .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    margin-bottom: 3vw;
  }
  .jjfa_con01 .p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.jjfa_con02 {
  margin-top: 5vw;
}
.jjfa_con02 .jc02_con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5vw;
}
.jjfa_con02 .jc02_con .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
}
.jjfa_con02 .jc02_con .left span {
  display: inline-block;
  width: 41px;
  overflow: hidden;
  margin-right: 0.6vw;
}
.jjfa_con02 .jc02_con .left span img {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.jjfa_con02 .jc02_con .left .p {
  font-family: "PuHuiR";
}
.jjfa_con02 .jc02_con .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jjfa_con02 .jc02_con .right dl {
  margin-left: 7%;
  margin-bottom: 1.5vw;
  flex: 0 0 43%;
}
.jjfa_con02 .jc02_con .right dt {
  margin-bottom: 1vw;
}
.jjfa_con02 .jc02_con .right dt a {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jjfa_con02 .jc02_con .right dt a:after {
  content: "";
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  width: 0%;
  left: 0px;
  bottom: 0px;
  height: 1px;
  background: var(--red);
}
.jjfa_con02 .jc02_con .right dd {
  overflow: hidden;
}
.jjfa_con02 .jc02_con .right dd img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.jjfa_con02 .jc02_con .right dl:hover dt a {
  color: var(--red);
}
.jjfa_con02 .jc02_con .right dl:hover dt a:after {
  width: 100%;
}
.jjfa_con02 .jc02_con .right dl:hover dd img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.jjfa_con02 .jc02_con.active .left span img {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 1600px) {
  .jjfa_con02 .jc02_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
  .jjfa_con02 .jc02_con .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
  }
  .jjfa_con02 .jc02_con .right dl {
    width: 46%;
    margin-left: 4%;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 1000px) {
  .jjfa_con02 .jc02_con .right dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .jjfa_con02 {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
  .jjfa_con02 .jc02_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .jjfa_con02 .jc02_con .left span {
    display: block;
    margin-right: 5px;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
  }
  .jjfa_con02 .jc02_con .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .jjfa_con02 .jc02_con .right dl {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 5vw;
  }
}
.n_banner {
  position: relative;
}
.n_banner .mbx {
  position: absolute;
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  color: #fff;
}
.n_banner .mbx a {
  color: #fff;
}
.n_banner .mbx span:before {
  color: #fff;
}
.n_banner .text {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 43%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.n_banner .img {
  height: 100%;
}
.n_banner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  .n_banner {
    height: 55vw;
  }
}
.zp_con01 {
  margin-top: 3vw;
}

@media screen and (max-width: 767px) {
  .zp_con01 {
    margin-top: 0;
  }
}
.zp_con02 {
  margin-top: 3vw;
  margin-bottom: 6vw;
}
.zp_con02 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zp_con02 .top .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 15px;
}
.zp_con02 .top .input:last-child {
  margin-right: 0;
}
.zp_con02 .top label {
  color: #999;
  margin-bottom: 10px;
  display: block;
}
.zp_con02 .top .layui-input {
  border-radius: 40px;
  padding: 0 20px;
}
.zp_con02 .top .layui-form-select .layui-edge {
  width: 8px;
  height: 8px;
  border-color: #999;
  border-style: solid;
  border-width: 2px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-transform: translate(-6px, -6px) rotate(135deg);
      -ms-transform: translate(-6px, -6px) rotate(135deg);
          transform: translate(-6px, -6px) rotate(135deg);
  margin-top: 0px;
}
.zp_con02 .top .layui-form-selected .layui-edge {
  -webkit-transform: translate(-6px, 0px) rotate(-45deg);
      -ms-transform: translate(-6px, 0px) rotate(-45deg);
          transform: translate(-6px, 0px) rotate(-45deg);
}
.zp_con02 .top .layui-form-select dl dd.layui-this {
  background: var(--red);
}
.zp_con02 .top .input_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
}
.zp_con02 .top .input_btn label {
  opacity: 0;
}
.zp_con02 .top .input_btn button {
  width: 100%;
  background-image: var(--jRed);
  border-radius: 40px;
}
.zp_con02 .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 3vw;
}
.zp_con02 .bottom dl {
  border: 1px solid #eaeaea;
  border-radius: 20px;
  padding: 1.2vw 2vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.zp_con02 .bottom dl:nth-of-type(3n) {
  margin-right: 0px;
}
.zp_con02 .bottom dt {
  margin-bottom: 1vw;
}
.zp_con02 .bottom dd {
  color: #999;
}
.zp_con02 .bottom dd span {
  position: relative;
  margin-right: 20px;
}
.zp_con02 .bottom dd span:after {
  content: "|";
  padding-left: 20px;
}
.zp_con02 .bottom dd span:last-child {
  margin-right: 0px;
  padding-right: 0;
}
.zp_con02 .bottom dd span:last-child:after {
  display: none;
}
.zp_con02 .bottom dd a {
  display: inline-block;
  margin-top: 2.5vw;
}
.zp_con02 .bottom dl:hover {
  -webkit-box-shadow: 0 0 30px #eee;
          box-shadow: 0 0 30px #eee;
}
.zp_con02 .bottom dl:hover a {
  color: var(--red);
}

.zp_con02 .p_page {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 1200px) {
  .zp_con02 .bottom dl {
    border-radius: 10px;
    padding: 3vw 2vw;
  }
  .zp_con02 .bottom dd span {
    margin-right: 10px;
  }
  .zp_con02 .bottom dd span:after {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .zp_con02 .top .input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .zp_con02 .top .input_btn label {
    display: none;
  }
  .zp_con02 {
    padding-bottom: 10vw;
    padding-top: 8vw;
    margin-top: 0px;
  }
  .zp_con02 .bottom {
    margin-bottom: 3vw;
  }
  .zp_con02 .bottom dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-top: 5vw;
    padding: 5vw 5vw;
  }
  .zp_con02 .bottom dt {
    font-size: 20px;
    margin-bottom: 3vw;
  }
  .zp_con02 .bottom dd a {
    margin-top: 8vw;
  }
}
.jr_title_detail {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fdf4f4));
  background-image: linear-gradient(#fff, #fdf4f4);
  padding-bottom: 2.5vw;
}
.jr_title_detail h3 {
  margin-bottom: 2vw;
}
.jr_title_detail .span span {
  position: relative;
  margin-right: 20px;
}
.jr_title_detail .span span:after {
  content: "|";
  padding-left: 20px;
}
.jr_title_detail .span span:last-child {
  margin-right: 0px;
  padding-right: 0;
}
.jr_title_detail .span span:last-child:after {
  display: none;
}

.jr_con_detail {
  padding: 3vw 0 5vw;
}
.jr_con_detail dl {
  margin-bottom: 3.5vw;
}
.jr_con_detail dt {
  border-bottom: 1px solid #eee;
  padding-bottom: 1.3vw;
  margin-bottom: 1.5vw;
}
.jr_con_detail dd {
  max-width: 950px;
}
.jr_con_detail ul {
  margin-top: 2vw;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  -webkit-box-shadow: 0 0 30px #eee;
          box-shadow: 0 0 30px #eee;
  border-radius: 10px;
  padding: 1.5vw;
}
.jr_con_detail ul li:first-child {
  text-align: center;
  border-right: 1px dotted #ccc;
  margin-right: 3vw;
  padding: 0 3vw;
}
.jr_con_detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 2vw;
}
.jr_con_detail ul li svg {
  margin-right: 15px;
}
.jr_con_detail ul li span {
  color: var(--red);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1;
}
.jr_con_detail ul li:nth-of-type(2) {
  font-size: 12px;
}

@media screen and (max-width: 1400px) {
  .jr_con_detail ul {
    padding: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .jr_title_detail {
    padding-bottom: 8vw;
  }
  .jr_title_detail h3 {
    margin-bottom: 5vw;
  }
  .jr_con_detail {
    padding: 8vw 0 15vw;
  }
  .jr_con_detail dl {
    margin-bottom: 10vw;
  }
  .jr_con_detail dt {
    font-size: 20px;
    padding-bottom: 3vw;
    margin-bottom: 5vw;
  }
  .jr_con_detail ul {
    padding: 8vw 8vw 5vw;
  }
  .jr_con_detail ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 5vw;
    margin-right: 0px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .jr_con_detail ul li:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin-right: 2%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 8vw;
    font-size: 20px;
  }
  .jr_con_detail ul li:nth-of-type(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 8vw;
  }
}
.xw_con01 {
  padding-bottom: 3vw;
  padding-top: 5vw;
}
.xw_con01 .xw_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.xw_con01 .xw_tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xw_con01 .xw_tab li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 280px;
  height: 70px;
  margin: 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #f7f7f7;
}
.xw_con01 .xw_tab li a {
  display: block;
}
.xw_con01 .xw_tab li:hover {
  background-image: var(--jRed);
}
.xw_con01 .xw_tab li:hover a {
  color: #fff;
}
.xw_con01 .xw_tab li.active {
  background-image: var(--jRed);
}
.xw_con01 .xw_tab li.active a {
  color: #fff;
}

.xw_list {
  margin-top: 4vw;
}

.xw_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2vw;
  margin-bottom: 2vw;
}

.xw_list dt {
  max-width: 400px;
  height: 300px;
  overflow: hidden;
}

.xw_list dt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.xw_list dt:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.xw_list dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.xw_list dd .text {
  padding: 0vw 3vw 0vw 3vw;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.xw_list dd .text h3 {
  color: #01183a;
  font-weight: 700;
  margin-bottom: 0.2vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 1.2vw;
}

.xw_list dd .text .p {
  color: #999;
  margin-bottom: 0.7vw;
  padding-right: 3vw;
}

.xw_list dd .text .a {
  margin-top: 3.5vw;
}

.xw_list dd .text .a a {
  border-radius: 100%;
  width: 60px;
  height: 60px;
  border: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xw_list dd .text .a svg {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.xw_list dd .text .a a:hover {
  background-image: var(--jRed);
  border-color: transparent;
}

.xw_list dd .text .a a:hover path {
  fill: #fff;
}

.xw_list dl dd .text h3 a:hover {
  color: var(--red);
}

@media only screen and (max-width: 1600px) {
  .xw_list dt {
    height: 17.4vw;
    width: 30%;
  }
}
@media only screen and (max-width: 1500px) {
  .xw_list dd .text {
    padding-right: 2vw;
  }
  .xw_list dd .text .a a {
    width: 40px;
    height: 40px;
  }
  .xw_con01 .xw_tab li {
    width: 200px;
    height: 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .xw_con01 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .xw_list dt {
    height: 24vw;
    width: 35%;
  }
}
@media only screen and (max-width: 600px) {
  .xw_con01 .xw_tab li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    margin: 0;
    margin-right: 2%;
    height: 50px;
    font-size: 16px;
  }
  .xw_con01 .xw_tab li:nth-of-type(3n) {
    margin-right: 0px;
  }
  .xw_list {
    margin-top: 8vw;
  }
  .xw_list dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 8vw;
  }
  .xw_list dt {
    height: auto;
    width: 100%;
  }
  .xw_list dd {
    padding: 7vw 5vw 8vw;
  }
  .xw_list dd .text {
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    padding: 0;
  }
  .xw_list dd .text h3 {
    margin-bottom: 3vw;
    font-size: 18px;
  }
  .xw_list dd .text .p {
    margin-bottom: 3vw;
    padding-right: 0;
    line-height: 1.5;
  }
  .xw_list dd .text .a {
    margin-top: 5vw;
  }
}
.news_title_detail {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fdf4f4));
  background-image: linear-gradient(#fff, #fdf4f4);
  padding-bottom: 2.5vw;
}
.news_title_detail h3 {
  margin-bottom: 2vw;
  margin-top: 0.5vw;
}

.social-share .icon-wechat .wechat-qrcode {
  top: 40px !important;
}

.social-share .icon-wechat .wechat-qrcode:after {
  border-color: transparent transparent #d5d1d0 transparent !important;
  top: -14px !important;
  bottom: auto !important;
}

.social-share .icon-wechat {
  color: #d5d1d0 !important;
  border: 0 !important;
}

.social-share .icon-wechat:hover {
  background: var(--red) !important;
}

.social-share .icon-wechat:hover:before {
  color: #fff !important;
}

.social-share .icon-weibo {
  color: #d5d1d0 !important;
  border: 0 !important;
}

.social-share .icon-weibo:hover {
  background: var(--red) !important;
}

.social-share .icon-weibo:hover:before {
  color: #fff !important;
}

.news_con_detail {
  padding: 3vw 0 5vw;
}
.news_con_detail .detail {
  border-bottom: 1px solid #eee;
  padding-bottom: 3vw;
  margin-bottom: 3vw;
}
.news_con_detail .detail p {
  margin-bottom: 1vw;
}
.news_con_detail .detail img {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 2vw;
}
.news_con_detail .next_prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news_con_detail .next_prev .np_con:hover {
  color: var(--red);
}
.news_con_detail .next_prev .np_con:hover a {
  color: var(--red);
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .news_con_detail {
    padding: 10vw 0 15vw;
  }
  .news_con_detail .detail {
    margin-bottom: 8vw;
    padding-bottom: 8vw;
  }
  .news_con_detail .detail p {
    margin-bottom: 3vw;
    line-height: 1.7;
  }
  .next_prev .np_con {
    margin-bottom: 3vw;
  }
}
.syb_con01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10vw;
}
.syb_con01 .p {
  letter-spacing: 0.8vw;
}
.syb_con01 .p span {
  letter-spacing: 0vw;
}
.syb_con01 .img {
  position: relative;
  width: 95px;
}
.syb_con01 .img img {
  width: 100%;
}
.syb_con01 .img:after {
  content: "";
  display: block;
  width: 15vw;
  height: 15vw;
  border-radius: 100%;
  border: 1px dashed #999;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1500px) {
  .syb_con01 .img {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 850px) {
  .syb_con01 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .syb_con01 .p2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .syb_con01 .img:after {
    width: 25vw;
    height: 25vw;
  }
  .syb_con01 .p {
    letter-spacing: 0;
  }
}
.syb_con02 {
  position: relative;
  margin-bottom: 5vw;
}
.syb_con02 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.syb_con02 .text {
  position: absolute;
  color: #fff;
  top: 3vw;
  left: 4.5vw;
  right: 4vw;
}
.syb_con02 .text .h3 {
  margin-bottom: 1vw;
}

@media only screen and (max-width: 767px) {
  .syb_con02 {
    margin-bottom: 10vw;
  }
  .syb_con02 .img {
    height: 100vw;
  }
  .syb_con02 .text {
    left: 20px;
    top: 20px;
  }
}
.syb_con03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5vw;
}
.syb_con03 h3 {
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 3vw;
}
.syb_con03 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 790px;
          flex: 0 0 790px;
  position: relative;
  overflow: hidden;
}
.syb_con03 .left img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.syb_con03 .left:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.syb_con03 .left .text {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.syb_con03 .left .text .svg {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  border: 1px dashed #fff;
  margin-bottom: 1.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.syb_con03 .left .text .svg svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.syb_con03 .left .text .svg:hover svg {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
.syb_con03 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}
.syb_con03 .right .img {
  overflow: hidden;
  cursor:pointer;
}
.syb_con03 .right .img:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.syb_con03 .right img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.syb_con03 .right .text {
  margin-top: 1.5vw;
}
.syb_con03 .right .text h4 {
  margin-bottom: 0.5vw;
}

@media only screen and (max-width: 1600px) {
  .syb_con03 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
  }
  .syb_con03 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .syb_con03 .right .text h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .syb_con03 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 5vw;
  }
  .syb_con03 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .syb_con03 .right .text {
    margin-top: 5vw;
  }
  .syb_con03 .right .text h4 {
    margin-bottom: 2vw;
  }
  .syb_con03 h3 {
    margin-bottom: 5vw;
  }
  .syb_con03 {
    margin-bottom: 10vw;
  }
  .syb_con03 .left .text .svg {
    margin-bottom: 3vw;
    width: 70px;
    height: 70px;
  }
  .syb_con03 .left .text p {
    text-align: center;
  }
}
.syb_con04 {
  padding: 4.5vw 0;
}
.syb_con04 h3 {
  text-align: center;
}
.syb_con04 .con {
  margin-top: 2.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.syb_con04 .con:nth-of-type(2n){
    flex-direction: row-reverse;
}
.syb_con04 .con .left {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 620px;
          flex: 0 0 620px;
}
.syb_con04 .con .left img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.syb_con04 .con .left:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.syb_con04 .con .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4.5vw;
}
.syb_con04 .con .right h4 {
  margin-bottom: 1vw;
}

@media only screen and (max-width: 1600px) {
  .syb_con04 .con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .syb_con04 {
    padding: 10vw 0 15vw;
  }
  .syb_con04 .con {
    margin-top: 5vw;
  }
  .syb_con04 .con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .syb_con04 .con .right {
    padding: 0px;
    margin-top: 5vw;
  }
  .syb_con04 .con .right h4 {
    font-size: 20px;
    margin-bottom: 2vw;
  }
}
.lxw_con00 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3vw;
}
.lxw_con00 dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 2vw;
  text-align: center;
  color: #333;
}
.lxw_con00 dl dt {
  width: 55px;
  margin: 0 auto;
}
.lxw_con00 dl img {
  width: 100%;
}
.lxw_con00 dl dd {
  margin-top: 1vw;
}
.lxw_con00 dl h3 {
  font-weight: 700;
  margin-bottom: 0.5vw;
}
.lxw_con00 dl a {
  display: block;
  margin-top: 2.5vw;
}

@media screen and (max-width: 1000px) {
  .lxw_con00 dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 3vw;
    padding: 5vw 3vw;
  }
  .lxw_con00 dl dt {
    width: 40px;
    margin-bottom: 4vw;
  }
  .lxw_con00 dl h3 {
    margin-bottom: 3vw;
    font-size: 22px;
  }
}
.lxw_con01 {
  margin-top: 2vw;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .lxw_con01 {
    margin-top: 0;
  }
}
.lxw_con02 {
  margin-top: 2vw;
  margin-bottom: 6vw;
}
.lxw_con02 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5vw;
}
.lxw_con02 .top .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 15px;
}
.lxw_con02 .top .input:last-child {
  margin-right: 0;
}
.lxw_con02 .top label {
  color: #333;
  margin-bottom: 10px;
  display: block;
}
.lxw_con02 .top label em {
  color: var(--red);
}
.lxw_con02 .top .layui-form-radio * {
  font-size: 18px;
}
.lxw_con02 .top .layui-form-radio {
  margin-right: 7%;
}
.lxw_con02 .top .layui-input {
  border-radius: 8px;
  padding: 0 20px;
}
.lxw_con02 .top .layui-textarea {
  border-radius: 8px;
}
.lxw_con02 .top .layui-form-select .layui-edge {
  width: 8px;
  height: 8px;
  border-color: #999;
  border-style: solid;
  border-width: 2px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-transform: translate(-6px, -6px) rotate(135deg);
      -ms-transform: translate(-6px, -6px) rotate(135deg);
          transform: translate(-6px, -6px) rotate(135deg);
  margin-top: 0px;
}
.lxw_con02 .top .layui-form-selected .layui-edge {
  -webkit-transform: translate(-6px, 0px) rotate(-45deg);
      -ms-transform: translate(-6px, 0px) rotate(-45deg);
          transform: translate(-6px, 0px) rotate(-45deg);
}
.lxw_con02 .top .layui-form-select dl dd.layui-this {
  background: var(--red);
}
.lxw_con02 .top .input_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
}
.lxw_con02 .top .input_btn button {
  width: 200px;
  background-image: var(--jRed);
  border-radius: 40px;
  margin: 0 auto;
}
.lxw_con02 .top .input_select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.lxw_con02 .top .input_checkbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 420px;
          flex: 0 0 420px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2vw;
}
.lxw_con02 .top .input_checkbox p {
  position: relative;
}
.lxw_con02 .top .input_checkbox label {
  position: absolute;
  left: 30px;
  top: 2px;
}
.lxw_con02 .top .input_checkbox a {
  color: var(--red);
}
.lxw_con02 .top .input_checkbox span {
  color: #333;
  font-size: 18px;
  background: transparent;
  padding-left: 30px;
  padding-right: 0px;
}
.lxw_con02 .top .input_checkbox .layui-form-checkbox {
  padding-right: 0;
  margin-right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-bottom: 10px;
}
.lxw_con02 .top .input_checkbox .layui-form-checkbox i {
  left: 0px;
  right: auto;
  border-left: 1px solid #d2d2d2;
  width: 20px;
  height: 20px;
  top: 5px;
}
.lxw_con02 .top .input_checkbox .layui-form-checkbox i:before {
  top: -6px;
  font-size: 16px;
  position: relative;
}
.lxw_con02 .top .layui-form-checked i {
  color: var(--red);
}
.lxw_con02 .top .layui-form-checked:hover i {
  color: var(--red);
}
.lxw_con02 .top .layui-form-radio:hover * {
  color: var(--red);
}
.lxw_con02 .top .layui-form-radioed {
  color: var(--red);
}
.lxw_con02 .top .layui-form-radioed > i {
  color: var(--red);
}

@media screen and (max-width: 1500px) {
  .lxw_con01 h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .lxw_con02 .top {
    margin-bottom: 3vw;
  }
  .lxw_con02 .top label {
    font-size: 18px;
  }
  .lxw_con02 .top .input_checkbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 767px) {
  .lxw_con01 h3 {
    font-size: 22px;
  }
  .lxw_con02 {
    margin-top: 7vw;
    margin-bottom: 15vw;
  }
  .lxw_con02 .top {
    margin-bottom: 7vw;
  }
  .lxw_con02 .top .input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 5vw;
  }
  .lxw_con02 .top .input:last-child {
    margin-bottom: 0;
  }
  .lxw_con02 .top label {
    font-size: 16px;
  }
  .lxw_con02 .top .input_btn {
    margin-top: 8vw;
  }
}
.ab_con01 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.ab_con01 dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 570px;
          flex: 0 0 570px;
  max-width: 720px;
}

.ab_con01 dt img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.ab_con01 dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 9vw;
}

.ab_con01 dd h3 {
  margin: 0vw 0 1vw;
}

.ab_con01 dd .p {
  color: #777;
  line-height: 1.8;
  letter-spacing: 0.17vw;
}

.ab_con01 dd .img {
  max-width: 412px;
  margin-top: 2.5vw;
}

.ab_con01 dd .img img {
  width: 100%;
}

@media only screen and (max-width: 1600px) {
  .ab_con01 dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (max-width: 700px) {
  .ab_con01 dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .ab_con01 dd .text {
    padding: 0;
  }
  .ab_con01 dd {
    padding: 8vw 0vw 0;
  }
  .ab_con01 dd h3 {
    margin-bottom: 3vw;
  }
}
.fu_con02 {
  position: relative;
  color: #fff;
  letter-spacing: 0.17vw;
}
.fu_con02 .title {
  position: absolute;
  left: 50%;
  top: 10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fu_con02 .text {
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fu_con02 .con {
  max-width: 540px;
  margin-bottom: 6vw;
}
.fu_con02 .img {
  height: 100%;
}
.fu_con02 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fu_con02 .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fu_con02 .tab li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22%;
          flex: 0 0 22%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.8vw;
  position: relative;
}
.fu_con02 .tab li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 0%;
  height: 2px;
  background: var(--red);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fu_con02 .tab li.active:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fu_con02 {
    height: 80vh;
  }
  .fu_con02 .con {
    margin-bottom: 15vw;
  }
  .fu_con02 .tab li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin-bottom: 5vw;
    padding-bottom: 2vw;
  }
}
.fu_con03 .con_title {
  text-align: center;
}
.fu_con03 .con_title h3 {
  margin-bottom: 0.5vw;
}
.fu_con03 .tab {
  margin-top: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #eaeaea;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.fu_con03 .tab li {
    cursor:pointer;
  width: 120px;
  text-align: center;
  position: relative;
  padding-bottom: 0.5vw;
}
.fu_con03 .tab li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 0%;
  height: 2px;
  background: var(--red);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fu_con03 .tab li.active:after {
  width: 100%;
}
.fu_con03 .con {
  margin-top: 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fu_con03 .con dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31%;
          flex: 0 0 31%;
  margin-bottom: 3.5%;
  border-radius: 10px;
  overflow: hidden;
  padding: 1.5vw 2vw;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#fff));
  background-image: linear-gradient(to top, #f7f7f7, #fff);
}
.fu_con03 .con dl dt {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 1.5vw;
  margin-bottom: 1.5vw;
  position: relative;
}
.fu_con03 .con dl dt p {
  color: #999;
  padding-left: 36px;
}
.fu_con03 .con dl dt h3 {
  padding-left: 36px;
}
.fu_con03 .con dl dt svg {
  position: absolute;
  left: 0px;
  top: 3px;
}
.fu_con03 .con dl dd {
  position: relative;
  color: #999;
}
.fu_con03 .con dl dd a {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.fu_con03 .con dl:hover {
  background-image: none;
  background: #fff;
  -webkit-box-shadow: 0 0 20px #eee;
          box-shadow: 0 0 20px #eee;
}
.fu_con03 .con dl:hover dt h3 {
  color: var(--red);
}
.fu_con03 .con dl:hover dd svg path {
  fill: var(--red);
}

@media screen and (max-width: 1200px) {
  .fu_con03 .tab {
    margin-top: 3.5vw;
  }
}
@media screen and (max-width: 1000px) {
  .fu_con03 .con dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    padding: 3vw 3vw;
  }
}
@media screen and (max-width: 767px) {
  .fu_con03 {
    padding-bottom: 3vw;
  }
  .fu_con03 .tab {
    margin-top: 5vw;
  }
  .fu_con03 .tab li {
    width: 33%;
    padding-bottom: 3vw;
  }
  .fu_con03 .con {
    margin-top: 5vw;
  }
  .fu_con03 .con dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 5vw;
    padding: 5vw;
  }
  .fu_con03 .con dl dt {
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
.fu_con04 {
  background: #f5f5f5;
}
.fu_con04 .con_title {
  
  margin-bottom: 2.2vw;
  max-width:1000px;
  margin-left:auto;margin-right:auto;
}
.fu_con04 .con_title h3 {
  margin-bottom: 0.5vw;
  text-align: center;
}
.fu_con04 .con_img {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fu_con04 .con_img .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: ticker linear 40s infinite;
          animation: ticker linear 40s infinite;
  width: auto;
}
.fu_con04 .con_img img {
  margin-right: 40px;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fu_con04 .con_img:hover .item {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@media screen and (max-width: 1200px) {
  .fu_con04 .con_img img {
    width: 250px;
    margin-right: 30px;
  }
  .fu_con04 .con_title{padding-left:20px;padding-right:20px;}
  .fu_con04 .con_title br{display: none;}
}
@media screen and (max-width: 767px) {
  .fu_con04 .con_title h3 {
    margin-bottom: 3vw;
  }
  .fu_con04 .con_title {
    margin-bottom: 5vw;
    padding: 0 3vw;
  }
  .fu_con04 .con_title p br {
    display: none;
  }
  .fu_con04 .con_img img {
    width: 200px;
    margin-right: 10px;
  }
}
.anli_con01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5vw;
  position: relative;
  z-index: 2;
}
.anli_con01 .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anli_con01 .right dl {
  position: relative;
  width: 280px;
  height: 70px;
  margin-left: 30px;
  cursor:pointer;
}
.anli_con01 .right.down dl{width:220px;}
.anli_con01 .right dt {
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-radius: 10px;
  position: relative;
  padding: 0 40px;
}
.anli_con01 .right.down dt{padding:0 20px;}
.anli_con01 .right.down dt svg{right:20px;}
.anli_con01 .right dt svg {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anli_con01 .right dt path {
  fill: #999;
}
.anli_con03.down2 dd{margin-top:15px;}
.anli_con01 .right dd {
  position: absolute;
  display: none;
  top: 70px;
  left: 0px;
  width: 100%;
  background: #f7f7f7;
  padding: 1vw;
  border-radius: 10px;
  overflow: hidden;
}
.anli_con01 .right dd p {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5vw;
  margin-bottom: 0.5vw;
  cursor: pointer;
}
.anli_con01 .right dd p:hover {
  color: var(--red);
}
.anli_con01 .right dl:hover dt {
  background-image: var(--jRed);
  color: #fff;
}
.anli_con01 .right dl:hover dt path {
  fill: #fff;
}

@media screen and (max-width: 1600px) {
  .anli_con01 .right dl {
    width: 240px;
    height: 55px;
  }
  .anli_con01 .right dt {
    padding: 0 30px;
  }
  .anli_con01 .right dt svg {
    right: 20px;
  }
  .anli_con01 .right dd {
    top: 55px;
  }
}
@media screen and (max-width: 767px) {
  .anli_con01 .left {
    margin-bottom: 5vw;
  }
  .anli_con01 .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .anli_con01 .right dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    height: 40px;
    margin-bottom: 3vw;
    margin-left: 0px;
  }
  .anli_con01 .right dd {
    top: 40px;
    padding: 5vw;
  }
  .anli_con01 .right dd p {
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
}
.anli_con02 {
  position: relative;
  cursor: pointer;
}

.anli_con02 .text {
  position: absolute;
  left: 1.2vw;
  right: 1.2vw;
  bottom: 1vw;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anli_con02 .text .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.anli_con02 .text .left span {
  border-radius: 5px;
  display: inline-block;
  margin-right: 1vw;
  padding-right:1vw;
  position:relative;
}
.anli_con02 .text .left span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anli_con02 .text .right {
          flex: 0 0 30%;
  text-align: right;
  font-family: "montserrat";
}
.anli_con02 .img {
  position: relative;
  overflow: hidden;
}
.anli_con02 img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anli_con02 .img:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
  width: 0%;
  height: 3px;
  background: var(--red);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.anli_con02 .img:before{
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 60%;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.anli_con02 .a_list>.img:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.anli_con02 .a_list>.img:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
    .anli_con02 .text{bottom:3vw;left:3vw;right:3vw;}
  .anli_con02 .img {
    height: 80vw;
  }
  .anli_con02 .text .right {
            flex: 0 0 40%;
  }
.anli_con02 .text .left span{margin-right:3vw;padding-right:3vw;}
  .anli_con02 .text .left h3{font-size:20px;}
}
.anli_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}
.anli_list .dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23.5%;
          flex: 0 0 23.5%;
  margin-right: 2%;
  margin-bottom: 2.5vw;
  cursor: pointer;
}
.anli_list .dl:nth-of-type(4n) {
  margin-right: 0px;
}
.anli_list dt {
  overflow: hidden;
}
.anli_list dt img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anli_list dd p {
  margin-top: 1vw;
  color: #808080;
}
.anli_list dd p span {
  margin-right: 1vw;
  padding-right: 1vw;
  position: relative;
}
.anli_list dd p span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.anli_list dl:hover dt img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.anli_list dl:hover dd h3 {
  color: var(--red);
}

@media screen and (max-width: 767px) {
  .anli_list .dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 5vw;
  }
  .anli_list dd p {
    margin-top: 3vw;
  }
  .anli_list dd h3 {
    font-size: 20px;
  }
  .anli_list dd p span {padding-right:3vw;margin-right:3vw;}
}
.anli_detail {
  display: none;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  color: #fff;
}
.anli_detail .wrap {
  margin-top: 4vw;
}
.anli_detail h3 {
  margin-bottom: 2vw;
  position: relative;
}
.anli_detail h3 svg {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anli_detail h3 span {
  position: relative;
  margin-right: 1vw;
  padding-right: 1vw;
}
.anli_detail h3 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anli_detail .img_swiper {
  position: relative;
}
.anli_detail .img_sider {
  height: 66vh;
  max-height: 800px;
  overflow: hidden;
}
.anli_detail .img {
  height: 100%;
}
.anli_detail .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anli_detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.anli_detail dl dd {
  padding-right: 10px;
}
.anli_detail .swiper-button-next {
  right: -80px;
  top: 55%;
}
.anli_detail .swiper-button-next:after {
  color: #fff;
  font-size: 26px;
}
.anli_detail .swiper-button-prev:after {
  color: #fff;
  font-size: 26px;
}
.anli_detail .swiper-button-next:hover:after {
  color: var(--red);
}
.anli_detail .swiper-button-prev:hover:after {
  color: var(--red);
}
.anli_detail .swiper-button-prev {
  left: -80px;
  top: 55%;
}
.anli_detail .swiper-pagination {
  display: none;
}

@media screen and (max-width: 1200px) {
  .anli_detail .swiper-button-next {
    right: -4%;
  }
  .anli_detail .swiper-button-prev {
    left: -4%;
  }
}
@media screen and (max-width: 767px) {
  .anli_detail .wrap {
    margin-top: 15vw;
  }
  .anli_detail h3 {
    font-size: 20px;
    margin-bottom: 5vw;
  }
  .anli_detail h3 span {
    display: block;
    font-size: 18px;
  }
  .anli_detail h3 span:after {
    display: none;
  }
  .anli_detail h3 svg {
    top: -20px;
  }
  .anli_detail .img_sider {
    height: 70vw;
  }
  .anli_detail dl {
    margin-top: 8vw;
  }
  .anli_detail dl dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    margin-top: 5vw;
  }
  .anli_detail .swiper-button-next {
    display: none;
  }
  .anli_detail .swiper-button-prev {
    display: none;
  }
  .anli_detail .swiper-pagination {
    display: block;
    bottom: -30px;
  }
  .anli_detail .swiper-pagination-bullet {
    background: #fff;
  }
}
.produ_con {
  /*background: url(/static/cn/img/cp1.jpg) no-repeat center center;
  background-size: cover;*/
  position:relative;
  overflow: hidden;        background: #000;
  height:100%;
  display: flex;
    flex-wrap: wrap;
}
.pr_c1_bg{
    position: absolute;
    left:0px;top:0px;width:100%;height:100%;

        filter: blur(26px);
}
.pr_c1_bg video{height:100%;width:100%;object-fit:cover;display:flex;}
.pr_c1_bg img{height:100%;width:100%;object-fit:cover;display:flex;}
.pr_c1_bg .ph_img{display: none;height:100%;}

.produ_con .mbx{position:relative;z-index:2;}

.solution.produ_con01{padding:0;position:relative;height:100%;}
.solution.produ_con01 .img{height:100vh;}
.solution.produ_con01 .pr_c1_bg{
    position:static;
        filter: blur(0px);
}
.solution.produ_con01 .pr_c1_bg:after{
    content:"";
    display:block;position:absolute;left:0px;top:0px;
    background:rgba(0,0,0,0.1);bottom:0px;right:0px;
    
}
.solution.produ_con01 .wrap1{
    position:absolute;
    left:50%;top:50%;
    transform:translate(-50%,-50%);
    z-index:2;
}
.solution.produ_con01 .left{
    max-width:590px;
}

@media screen and (max-width: 1200px) {
    .solution.produ_con01 .img{height:60vh;}
}

.solution.produ_con01 .pr_c1_bg .img.mo_img{display:none;}
@media screen and (max-width: 767px) {
    .solution.produ_con01 {min-height:500px;}
    .solution.produ_con01 .pr_c1_bg .img{display:none;}
    .solution.produ_con01 .pr_c1_bg .img.mo_img{display:block;}
    .solution.produ_con01 .wrap1{top:60%;}
}
.produ_1{position:relative;overflow:hidden;}
.produ_con01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
position: relative;
z-index: 2;
align-content: center;
    
}
.produ_con01 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 590px;
          flex: 0 0 590px;
          color:#fff;
}
.produ_con01 .left h3 {
  margin-bottom: 1vw;

}

.produ_con01 .left .dl {
  margin-top: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.produ_con01 .left dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  padding-right: 10px;
  margin-bottom: 3vw;
}
.produ_con01 .left dt {
  margin-bottom: 1vw;
  width: 60px;
}
.produ_con01 .left dt img {
  width: 100%;
}
.produ_con01 .left .pdf_a a {
  color: var(--red);
  font-weight:700;
}
.produ_con01 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 545px;
          flex: 0 0 545px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  overflow: hidden;
}
.produ_con01 .right img {
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .produ_con01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .produ_con01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
}
@media screen and (max-width: 1300px) {
  .produ_con01 .left dt {
    width: 40px;
  }
}
@media screen and (max-width: 1200px) {
.produ_con01{padding:15vw 0;}
    
}
@media screen and (max-width: 767px) {
    .pr_c1_bg .ph_img{display:block;}
    .pr_c1_bg video{display:none!important;}
  .produ_con01 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 10vw;
  }
  .produ_con01 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .produ_con01 {
      padding-top:25vw;
    padding-bottom: 15vw;
  }
  .produ_con01 .left h3 {
    margin-bottom: 5vw;
  }
  .produ_con01 .left .dl {
    margin-top: 8vw;
  }
  .produ_con01 .left .p br {
    display: none;
  }
  .produ_con01 .left dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 5vw;
  }
  .produ_con01 .left dt {
    margin-bottom: 3vw;
  }
}
.produ_con02{position:relative;padding-top:0px;height:100%;}
.produ_con02 .h3_ul{
    position:absolute;
    left:50%;top:25%;
    transform:translate(-50%,-50%);
    z-index:2;
}
.produ_con02.solu_produ .title{
    position:static;left:50%;top:10%;
    z-index: 2;margin-bottom: 0px;
    transform:translateX(0%);
}
.produ_con02.solu_produ .h3_ul{
    top:10%;transform:translate(-50%,0%);
}

.produ_con02.solu_produ .dl2 dl dd{justify-content: center;}

.produ_con02 h3 {
  text-align: center;
  margin-bottom: 3vw;
  color:#fff;
}
.produ_con02 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
}
.produ_con02 li {
  padding-bottom: 1vw;
  position: relative;
  cursor: pointer;
  color:#fff;
}
.produ_con02 li:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  display: block;
  width: 0px;
  height: 2px;
  background: var(--red);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.produ_con02 li:hover {
  color: var(--red);
}
.produ_con02 li:hover:after {
  width: 100%;
}
.produ_con02 li.hover {
  color: var(--red);
}
.produ_con02 li.hover:after {
  width: 100%;
}
.produ_con02 .dl2 {
  margin-top: 2vw;
}
.produ_con02 .dl dd{display:none;}
.produ_con02 dl {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          position:relative;
}
.produ_con02 dl dt {
  width:100%;
  height:100vh;
  overflow:hidden;
  position:relative;
}
.produ_con02 dl dt:after{
    content:"";
    position:absolute;left:0px;top:0px;right:0px;bottom:0px;
    background:rgba(0,0,0,0);
}
.produ_con02 dl dt img {
  width: 100%;height:100%;object-fit: cover;
}
.produ_con02 dl dd {
position:absolute;
  left:50%;top:30%;
  transform:translateX(-50%);
  padding-right: 2vw;
  padding-left: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
         z-index: 2;
         color:#fff;
}
.produ_con02 dl dd .p {
  line-height: 2;
}
.produ_con02 dl.hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produ_con02 .dl2 dl dd{
    transform:translate(0,0);
    position:static;padding:0px;
    width:100%;
}
.produ_con02 .mo_dl{display:none;}
@media screen and (max-width: 1000px) {
  .produ_con02 li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 3vw;
  }
  .produ_con02 li:after {
    left: 0px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 767px) {
    .produ_con02 .mo_dl{display:block;}
    .produ_con02 .dl{display:none;}
    .produ_con02 .dl2{display:none;}
    .produ_con02.solu_produ .dl{display:block;}
    .produ_con02.solu_produ .dl2{display:block;}
    .produ_con02.solu_produ .h3_ul{position:absolute;transform:translate(-50%,-50%);}
    .produ_con02.solu_produ li{color:#fff;}
    .produ_con02.solu_produ h3{color:#fff;}
    
  .produ_con02 h3 {
    margin-bottom: 12vw;
  }
  .produ_con02 .dl {
    margin-top: 0vw;
  }
  .produ_con02 dl dt {
    height:auto;
  }
  .produ_con02 dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .produ_con02 dl dd .p br {
    display: none;
  }
  .produ_con02 ul {
    padding-bottom: 3vw;
  }
  .produ_con02 dl dd .p{line-height:1.5;}
  

  .produ_con02 .h3_ul{position:static;transform:translate(0,0);margin-top:8vw;}
  .produ_con02 h3{color:#666;}
  .produ_con02 li{color:#666;}
  .produ_con02 .dl dd{display:block;}
}
.produ_3{background-repeat:no-repeat;background-position:center;background-size: cover;}
@media screen and (min-width: 1200px) {
.produ_con03 {
  padding-bottom: 0vw;padding-top:0px;
}
}
.produ_con03 .pro_titl{margin-bottom:3vw;}
.produ_con03 .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.produ_con03 .left {
  width: 500px;
  position: relative;
}
.produ_con03 .left .left_con{
    height:100%;
    position:relative;
}
.produ_con03 .left .img_sw {
  margin-top: 0vw!important;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  height: 100%;
}
.produ_con03 .left .img {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  border-radius: 10px;
  display: flex;flex-wrap:wrap;
  align-items: center;
}
.produ_con03 .left .img img {
  width: 100%;
}
.produ_con03 .left .swiper-pagination{bottom:-40px;}
.produ_con03 .left .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.7);
  margin: 0 7px !important;
  width: 10px;
  height: 10px;
}
.produ_con03 .left .swiper-pagination-bullet-active {
  background: #ea3323;
}
.produ_con03 .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 660px;
          flex: 0 0 660px;
}
.produ_con03 .right ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4vw;
}
.produ_con03 .right li {

          flex: 1;
          margin-right:20px;
  text-align: center;
  cursor: pointer;
  background: #f7f7f7;
  padding: 15px 5px;
  border-radius: 10px;
}
.produ_con03 .right li:hover {
  background-image: var(--jRed);
  color: #fff;
}
.produ_con03 .right li.hover {
  background-image: var(--jRed);
  color: #fff;
}
.produ_con03 .right .dl dl {
  display: none;
}

.produ_con03 .right .dl dt{display:none;}

.produ_con03 .right dd {
  border-bottom: 1px solid #bdc6d4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
}
.produ_con03 .right dd span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  padding-right: 2%;
}
.produ_con03 .right dd p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.produ_con03 .right dt {
  margin-top: 3vw;
}
.produ_con03 .right dt a {
  color: var(--red);
  text-decoration: underline;
}
.produ_con03 .right .dl dl.hover {
  display: block;
}

@media screen and (max-width: 1600px) {
  .produ_con03 .left {
    width: 40%;
  }
  .produ_con03 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 52%;
            flex: 0 0 52%;
  }
  .produ_con03 .right li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 2%;
  }
}
@media screen and (max-width: 1400px) {
  .produ_con03 .right li {
    padding: 10px 0;
    border-radius: 5px;
  }
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 767px) {
    .produ_con03 .pro_titl{margin-bottom:5vw;}
  .produ_con03 {
    padding-bottom: 10vw;
    padding-top:10vw;
  }
  .produ_con03 .left {
    width: 100%;
    margin-bottom: 15vw;
  }
  .produ_con03 .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .produ_con03 .left .img_sw {
    margin-top: 5vw;
  }
  .produ_con03 .right li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0;
    margin-bottom: 3vw;
  }
  .produ_con03 .right dd span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    padding-right: 10px;
  }
  .produ_con03 .right dd p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
  .produ_con03 .right dt {
    margin-top: 5vw;
  }
}
.produ_con04 .in_news_con {
  margin-top: 1vw;
  margin-left: auto;
  position: relative;
  padding-bottom: 2vw;
}
.produ_con04 .in_news_con .swiper-slide-prev {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.produ_con04 .in_news_con .list_opacity {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.produ_con04 .in_news_con .swiper-slide:nth-child(1) .n_list {
  position: relative;
  left: 150px;
  opacity: 0;
}
.produ_con04 .in_news_con .swiper-slide:nth-child(2) .n_list {
  position: relative;
  left: 150px;
  opacity: 0;
}
.produ_con04 .in_news_con .swiper-slide:nth-child(3) .n_list {
  position: relative;
  left: 150px;
  opacity: 0;
}
.produ_con04 .in_news_con.in_news_active .swiper-slide:nth-child(1) .n_list {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
}
.produ_con04 .in_news_con.in_news_active .swiper-slide:nth-child(2) .n_list {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s;
}
.produ_con04 .in_news_con.in_news_active .swiper-slide:nth-child(3) .n_list {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
.produ_con04 .in_news_con.in_news_active .swiper-slide:nth-child(4) .n_list {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
.produ_con04 .in_news_con .n_list {
  max-width: 460px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.produ_con04 .in_news_con .n_list .img {
  overflow: hidden;
}
.produ_con04 .in_news_con .n_list .img img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.produ_con04 .in_news_con .n_list .p {
  margin-top: 1vw;
  text-align:center;
}
.produ_con04 .in_news_con .n_list:hover .img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.produ_con04 .in_news_con .n_list:hover .p a {
  color: var(--red);
}
.produ_con04 .in_news_con .swiper-scrollbar {
  background: #f5f5f5;
  height: 2px;
}
.produ_con04 .in_news_con .swiper-scrollbar-drag {
  background: var(--red);
}

@media screen and (max-width: 767px) {
  .produ_con04 .in_news_con {
    margin-top: 3vw;
    padding-bottom: 5vw;
  }
  .produ_con04 .in_news_con .n_list .p {
    margin-top: 3vw;
  }
}

.produ_5{background: #f5f5f5;}
.produ_con05 {
  background: #f5f5f5;
  position: relative;
}
.produ_con05 .n_list {


  max-width: 460px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.produ_con05 .n_list .img {
  overflow: hidden;
}
.produ_con05 .n_list .img img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.produ_con05 .n_list .p {
  margin-top: 1vw;
}
.produ_con05 .n_list:hover .img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.produ_con05 .n_list:hover .p a {
  color: var(--red);
}
.produ_con05 dl{cursor:pointer;}
.produ_con05 dt {
  overflow: hidden;
}
.produ_con05 dt img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.produ_con05 dd p {
  margin-top: 1vw;
  color: #808080;
}
.produ_con05 dd p span {
  margin-right: 1vw;
  padding-right: 1vw;
  position: relative;
}
.produ_con05 dd p span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.produ_con05 dl:hover dt img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.produ_con05 dl:hover dd h3 {
  color: var(--red);
}

@media screen and (max-width: 1200px) {
  .produ_con05 .in_news_con2 {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .produ_con05 .n_list {
    padding-bottom: 10vw;
  }
  .produ_con05 .n_list .p {
    margin-top: 3vw;
  }
  .produ_con05 dd p {
    margin-top: 3vw;
  }
  .produ_con05 dd h3 {
    font-size: 20px;
  }
}
.webinar_con01 h3 {
  text-align: center;
}
.webinar_con01 .dl {
  margin-top: 2.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.webinar_con01 .dl dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.5%;
          flex: 0 0 32.5%;
  margin-right: 1%;
  margin-bottom: 2.5vw;
}
.webinar_con01 .dl dl dt {
  margin-bottom: 1vw;
  overflow: hidden;
}
.webinar_con01 .dl dl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.webinar_con01 .dl dl:nth-of-type(3n) {
  margin-right: 0px;
}
.webinar_con01 .dl dl:hover dt img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.webinar_con01 .dl dl:hover dd {
  color: var(--red);
}

@media screen and (max-width: 767px) {
  .webinar_con01 .dl {
    margin-top: 8vw;
  }
  .webinar_con01 .dl dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 5vw;
  }
  .webinar_con01 .dl dl dt {
    margin-bottom: 3vw;
  }
}
.webinar_con02 {
  padding-top: 1vw;
}
.webinar_con02 h3 {
  text-align: center;
}
.webinar_con02 .dl {
  margin-top: 2.2vw;
}
.webinar_con02 .dl dl {
  border: 1px solid #f0f0f0;
  padding: 1.2vw 1.5vw;
  margin-bottom: 1.5vw;
}
.webinar_con02 .dl dl dt {
  position: relative;
}
.webinar_con02 .dl dl dt span {
  padding-right: 50px;
  display: block;
}
.webinar_con02 .dl dl dt svg {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.webinar_con02 .dl dl dd {
  display: none;
  margin-top: 1.2vw;
  border-top: 1px solid #f0f0f0;
  padding-top: 1.2vw;
  padding-bottom: 1vw;
}
.webinar_con02 .dl dl.hover {
  -webkit-box-shadow: 0 0 20px #eee;
          box-shadow: 0 0 20px #eee;
}
.webinar_con02 .dl dl.hover dd {
  display: block;
}
.webinar_con02 .dl dl.hover dt svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 1400px) {
  .webinar_con02 .dl dl {
    padding: 2vw 2vw;
  }
}
@media screen and (max-width: 1000px) {
  .webinar_con02 .dl dl {
    padding: 2vw 3vw;
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .webinar_con02 .dl {
    margin-top: 8vw;
  }
  .webinar_con02 .dl dl {
    margin-bottom: 5vw;
    padding: 5vw 5vw;
  }
  .webinar_con02 .dl dl svg {
    width: 20px;
    height: 20px;
  }
  .webinar_con02 .dl dl dd {
    margin-top: 5vw;
    padding-top: 5vw;
    font-size: 14px;
  }
}
.webinar_con03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 2vw;
  padding-bottom: 6vw;
}
.webinar_con03 .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 550px;
          flex: 0 0 550px;
}
.webinar_con03 .left img {
  width: 100%;
}
.webinar_con03 .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8vw;
}
.webinar_con03 .right h3 {
  margin-bottom: 1vw;
}
.webinar_con03 .right label {
  display: block;
  margin-bottom: 1vw;
}
.webinar_con03 .right label span {
  display: block;
  margin-bottom: 7px;
}
.webinar_con03 .right .layui-input {
  border-radius: 8px;
  padding: 0 20px;
}
.webinar_con03 .right .layui-textarea {
  border-radius: 8px;
}
.webinar_con03 .right .input_btn {
  width: 130px;
}
.webinar_con03 .right .input_btn button {
  width: 100%;
  background-image: var(--jRed);
  border-radius: 40px;
}

@media screen and (max-width: 1600px) {
  .webinar_con03 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .webinar_con03 .right h3 {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 1000px) {
  .webinar_con03 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}
@media screen and (max-width: 767px) {
  .webinar_con03 {
    padding-bottom: 15vw;
  }
  .webinar_con03 .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 8vw;
  }
  .webinar_con03 .right {
    margin-left: 0px;
  }
  .webinar_con03 .right label {
    margin-bottom: 5vw;
  }
}


@media screen and (max-width: 1200px) {
.jfL_con03 .img{height:700px;}
}
@media screen and (max-width: 900px) {
.jfL_con03 .img{height:500px;}
}
@media screen and (max-width: 767px) {
.jfL_con03 .img{height:70vw;}
}
.jfL_con03{margin-top:5vw;height:100%;}
.jfL_con03 .img{height:100%;}
.jfL_con03 .img img{display:block;width:100%;height:100%;object-fit:cover;}

.jfL_con01 {
  margin-bottom: 1vw;
  text-align: center;
}
.jfL_con01 .title {
  letter-spacing: 4px;
  border-bottom: 1px solid #d5d1d0;
  padding-bottom: 2vw;
  margin-bottom: 3vw;
}
.jfL_con01 .jfl1_con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jfL_con01 .jfl1_con .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 450px;
          flex: 0 0 450px;
}
.jfL_con01 .jfl1_con .left img {
  width: 100%;
}
.jfL_con01 .jfl1_con .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.jfL_con01 .jfl1_con .right .pom_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jfL_con01 .jfl1_con .right .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  margin-left: 10%;
}
.jfL_con01 .jfl1_con .right .top .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.jfL_con01 .jfl1_con .right .top.ping_po .layui-form-select dl dd{padding:10px;}
.jfL_con01 .jfl1_con .right .top.ping_top .layui-form-select dl{max-height:none;}
.jfL_con01 .jfl1_con .right .top.ping_top .layui-form-select dl dd{padding:10px;}
.jfL_con01 .jfl1_con .right .top.ping_top .layui-form-select dl dd .img{width:100%;text-align:center;}
.jfL_con01 .jfl1_con .right .top dd .img img{
    width:60%;
}
.jfL_con01 .jfl1_con .right .top.on label{color:#f00;}
.jfL_con01 .jfl1_con .right .top label {
  color: #333;
  margin-bottom: 10px;
  display: block;
  text-align: left;
}
.jfL_con01 .jfl1_con .right .top label em {
  color: var(--red);
}
.jfL_con01 .jfl1_con .right .top .layui-input {
  border-radius: 8px;
  padding: 0 20px;
}
.jfL_con01 .jfl1_con .right .top .layui-form-select .layui-edge {
  width: 8px;
  height: 8px;
  border-color: #999;
  border-style: solid;
  border-width: 2px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-transform: translate(-6px, -6px) rotate(135deg);
      -ms-transform: translate(-6px, -6px) rotate(135deg);
          transform: translate(-6px, -6px) rotate(135deg);
  margin-top: 0px;
}
.jfL_con01 .jfl1_con .right .top .layui-form-selected .layui-edge {
  -webkit-transform: translate(-6px, 0px) rotate(-45deg);
      -ms-transform: translate(-6px, 0px) rotate(-45deg);
          transform: translate(-6px, 0px) rotate(-45deg);
}
.jfL_con01 .jfl1_con .right .top .layui-form-select dl dd.layui-this {
  background: var(--red);
}
.jfL_con01 .jfl1_con .right .top .input_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
}
.jfL_con01 .jfl1_con .right .top .input_btn button {
  width: 200px;
  background-image: var(--jRed);
  border-radius: 40px;
  margin: 0 auto;
}
.jfL_con01 .jfl1_con .right .pom_btn {
  margin-top: 3vw;
}
.jfL_con01 .jfl1_con .right .pom_btn p {
  color: #666;
}
.jfL_con01 .jfl1_con .right .pom_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height:46px;
  width: 200px;
  background-image: var(--jRed);
  border-radius: 40px;
  margin: 1vw auto 0;
}
.jfL_con01 .jfl1_con .right .pom_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height:46px;
  width: 200px;
  background-image: var(--jRed);
  border-radius: 40px;
  margin: 1vw auto 0;
  border:0;
}
.jfL_con01 .jfl1_con .right .shu_ju {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}
.jfL_con01 .jfl1_con .right .shu_ju dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10%;
}
.jfL_con01 .jfl1_con .right .shu_ju dd {
  font-family: "PuHuiM";
}
.jfL_con01 .jfl1_con .right .shu_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jfL_con01 .jfl1_con .right .shu_img h3 {
  margin-top: 3vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  text-align: left;
  margin-bottom: 1vw;
  margin-left: 10%;
}
.jfL_con01 .jfl1_con .right .shu_img dl {
          flex: 0 0 20%;
  margin-left: 10%;
}
.jfL_con01 .jfl1_con .right .shu_img dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.jfL_con01 .jfl1_con .right .shu_img dt img {
  width: 100%;
}
.jfL_con01 .jfl1_con .right .shu_img dd {
  margin-top: 1vw;
}
.jfL_con01 .jfl1_con .lx_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 3vw;
}
.jfL_con01 .jfl1_con .lx_btn p {
  color: #666;
}
.jfL_con01 .jfl1_con .lx_btn a {
  display: block;
  color: #fff;
  padding: 7px 0;
  width: 200px;
  background-image: var(--jRed);
  border-radius: 40px;
  margin: 1vw auto 0;
}

@media screen and (max-width: 1600px) {
  .jfL_con01 .jfl1_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media screen and (max-width: 767px) {
  .jfL_con01 {
    margin-bottom: 8vw;
  }
  .jfL_con01 .jfl1_con .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 5vw;
  }
  .jfL_con01 .jfl1_con .right .pom_list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5vw;
  }
  .jfL_con01 .jfl1_con .right .top {
    margin-left: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin-bottom: 3vw;
  }
  .jfL_con01 .jfl1_con .right .shu_ju {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5vw;
  }
  .jfL_con01 .jfl1_con .right .shu_ju dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    margin-left: 0px;
  }
  .jfL_con01 .jfl1_con .right .shu_img {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .jfL_con01 .jfl1_con .right .shu_img h3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0px;
    font-size: 20px;
  }
  .jfL_con01 .jfl1_con .right .shu_img dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    margin-left: 0px;
  }
  .jfL_con01 .jfl1_con .right .shu_img dt img {
    max-width: 70%;
  }
}
.jfL_con02 {
  margin-top: 5vw;
  padding-bottom: 5vw;
}
.jfL_con02 .h3 {
  text-align: center;
}
.jfL_con02 .dl {
  margin-top: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jfL_con02 dl {

  flex: 0 0 32%;
  margin-right: 2%;
  margin-bottom: 5%;
}
.jfL_con02 dl:nth-of-type(3n) {
  margin-right: 0;
}
.jfL_con02 dt {
  background-color: #f0f0f0;
  text-align: center;
}
.jfL_con02 dt img {
  max-width: 200px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jfL_con02 dt:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.jfL_con02 dd {
  margin-top: 1vw;
}
.jfL_con02 dd p {
  color: #999;
}
.jfL_con02 dd h3 {
  font-size: 20px;
}
.jfL_con02 a:hover {
  color: var(--red);
}
.jfL_con02 .tip {
  border-top: 1px solid #eee;
  padding-top: 0.5vw;
  margin-top: 0.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #999;
}
.jfL_con02 .tip span {
  position: relative;
  padding-right: 7px;
  margin-right: 7px;
}
.jfL_con02 .tip span:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 14px;
  width: 1px;
  background-color: #999;
}
.jfL_con02 .tip .left span:last-child:after {
  display: none;
}

@media screen and (min-width: 1000px) {
  .jfL_con02 .tip .right span {
    padding-left: 7px;
    margin-left: 7px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .jfL_con02 .tip .right span:after {
    right: auto;
    left: 0px;
  }
  .jfL_con02 .tip .right span:first-child:after {
    display: none;
  }
  .jfL_con02 .tip .left span:last-child:after {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .jfL_con02 dt img {
    max-width: 60%;
  }
  .jfL_con02 .tip {
    margin-top: 1vw;
    padding-top: 1vw;
  }
  .jfL_con02 dd {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 1000px) {
  .jfL_con02 .tip .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .jfL_con02 .tip .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .jfL_con02 .tip .right span:last-child:after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .jfL_con02 {
    margin-top: 10vw;
  }
  .jfL_con02 .tip {
    margin-top: 2vw;
    padding-top: 2vw;
  }
  .jfL_con02 dd {
    margin-top: 3vw;
  }
  .jfL_con02 dd h3 {
    margin-bottom: 1vw;
  }
  .jfL_con02 dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 5vw;
    margin-top: 5vw;
  }
}


.video_con {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 99;
}
.video_con .vid_dom {
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video_con video {
  width: 100%;
}
.video_con .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #000;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
}
.video_con .close:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.video_con .close:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transform: translateX(-50%) rotate(135deg);
}


.in_con02 .bottom {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top:2.5vw;
}
.in_con02 .bottom .text_list {

  width: 100%;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
}
.in_con02 .bottom .text_list a {
  color: #fff;
}
.in_con02 .bottom .text_list .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 2;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 10px;
  min-height: 300px;
}

.in_con02 .bottom .text_list .con {
  position: absolute;
  bottom: auto;
    left: 15px;
    top: 20px;
    right: 15px;
    margin-top: 0;
    z-index: 2;
}
.in_con02 .bottom .text_list h3 {
  line-height: 1.3;
  flex: 0 0 100%;
    text-align: left;
    margin-bottom:5px;
}
.in_con02 .bottom .text_list h4{opacity: 0.9;}
.in_con02 .bottom .text_list .p {
  margin-top: 15px;
}
.in_con02 .bottom .text_list .p p{
  position: relative;padding-left: 13px;opacity: 0.8;
}
.in_con02 .bottom .text_list .p p:after{
  content: "";position: absolute;left:0px;top:10px;
  display: block;width:4px;height:4px;border-radius: 100%;background-color: #fff;
}
.in_con02 .bottom .text_list .text:after{
  background: rgba(0, 0, 0, 0.3);
  content:"";position:absolute;left:0px;top:0px;bottom:0px;right:0px;z-index:1;
  opacity:0;transition:all 0.5s ease-in-out;
}
.in_con02 .bottom .text_list .text:hover:after{
  
  opacity:1
}
.in_con02 .bottom .text .img {
  height:100%;
}
.in_con02 .bottom .img_list .img.hover {
  display: block;
}
.in_con02 .bottom img {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .in_con02 .bottom .img_list{    position: absolute;left: 0px;top: 0px;height: 100%;width:100%;}
  .in_con02 .bottom .img_list .img{width:100%;height:100%;}
  .in_con02 .bottom .text_list .text{flex:0 0 100%;margin:0;margin-bottom: 10px;        min-height: 300px;}
  .in_con02 .bottom .text_list .p{flex:0 0 100%;}

  .in_con02 .bottom .text_list{position:static;}
}

@media screen and (max-width: 767px) {
  .in_con02 .bottom {margin-top:5vw;}
  .in_con02 .bottom .text_list .p{margin-top:5px;}
}


.sec_banner .n_banner{height: 100%;}
.webinar_con01{}
.webinar_con01 .p_page{padding-top:0px;}
.webinar_con01 .dl {justify-content: flex-start;}
.webinar_con01 .dl dl{flex:0 0 24.2%;margin-bottom: 2%;}

.webinar_con01 .dl dl:nth-of-type(3n){margin-right: 1%;}
.webinar_con01 .dl dl:nth-of-type(4n){margin-right: 0px;}

.webinar_con02{padding-top:3vw;}
.webinar_con02 .p_page{padding-bottom:0px;}

.webinar_con03{}

@media screen and (max-width:1500px) {
    .webinar_con02 .dl dl{padding:13px 20px;}
}
@media screen and (max-width:1200px) {
    .sec_banner .n_banner{height: auto;}
    .webinar_con01{height: auto;}
    .webinar_con02{height: auto;}
    .webinar_con03{height: auto;}
}
@media screen and (max-width:767px) {
    .webinar_con01 .dl dl{flex:0 0 100%;}
    .webinar_con01 .p_page{padding-top:5vw;margin-bottom: 0px;}
}
.xycon1 {
  padding: 100px 0;
}

.xycon2 {
  background: #f9f9f9;
  padding: 100px 0;
}
.xycon2 .con_title {
  text-align: center;
  margin-bottom: 50px;
}
.xycon2 .xy_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xycon2 .xy_list dl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  margin-right: 2%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.xycon2 .xy_list dl:nth-of-type(3n) {
  margin-right: 0px;
}
.xycon2 .xy_list dt {
  overflow: hidden;
}
.xycon2 .xy_list dt img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.xycon2 .xy_list dt:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.xycon2 .xy_list dd {
  margin-top: 20px;
}
.xycon2 .xy_list dd h3 a {
  color: #000;
}
.xycon2 .xy_list dd .more {
  margin-top: 20px;
}
.xycon2 .xy_list a:hover {
  color: var(--red);
}
.xycon2 .more_a {
  text-align: center;
}
.xycon2 .xy_list dl{margin-bottom:60px;}
.xycon2 .more_a a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 160px;
  height: 46px;
  border-radius: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: linear-gradient(95deg, #e70012, #ff707b);
  color: #fff;
}

.xycon3 {
  padding: 100px 0;
  background: #fff;
}

@media screen and (max-width: 1600px) {
  .xycon1 {
    padding: 5vw 0;
  }
  .xycon2 {
    padding: 5vw 0;
  }
  .xycon2 .con_title {
    margin-bottom: 3vw;
  }

  .xycon2 .xy_list dl{margin-bottom:3vw;}
  .xycon3 {
    padding: 5vw 0;
  }
}
@media screen and (max-width: 1200px) {
  .xycon2 .more_a a {
    width: 120px;
    height: 36px;
  }
  .fu_con04 .con_title {
    padding: 0 5vw;
  }
  .fu_con04 .con_title p br {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .xycon1 {
    padding: 13vw 0;
  }
  .xycon2 {
    padding: 13vw 0;
  }
  .xycon2 .con_title {
    margin-bottom: 6vw;
  }


  .xycon3 {
    padding: 13vw 0;
  }
  .xycon2 .xy_list dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 8vw;
  }

  .xycon2 .xy_list dd {
    margin-top: 3vw;
  }
  .xycon2 .xy_list dd .more {
    margin-top: 3vw;
  }
}
.st_con1 {
  margin-top: 100px;
}

.st_con2 {
  position: relative;
}
.st_con2 .img img {
  width: 100%;
}
.st_con2 .title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 10%;
  color: #fff;
}
.st_con2 .con {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}
.st_con2 .con .p {
  max-width: 1000px;
  margin-top: 15px;
}
.st_con2 .con .a {
  margin-top: 30px;
}
.st_con2 .con .a a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 160px;
  height: 46px;
  border-radius: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: linear-gradient(95deg, #e70012, #ff707b);
  color: #fff;
}
.st_con2 .con_list {
  display: none;
}
.st_con2 .con .con_list:first-child {
  display: block;
}
.st_con2 .tab {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.st_con2 .tab li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
  position: relative;
}
.st_con2 .tab li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 0%;
  height: 2px;
  background: var(--red);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.st_con2 .tab li:hover:after {
  width: 100%;
}
.st_con2 .tab li.on:after {
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .st_con1 {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 700px) {
  .st_con1 {
    margin-top: 13vw;
  }
  .st_con2 .title {
    width: 80%;
  }
  .st_con2 .con {
    width: 80%;
  }
  .st_con2 .con_list h3 {
    font-size: 20px;
  }
  .st_con2 .img {
    height: 90vh;
  }
  .st_con2 .img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .st_con2 .tab {
    bottom: 5%;
  }
  .st_con2 .tab li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    margin-bottom: 5vw;
    margin-right: 7%;
  }
}