* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "思源黑体";
  src: url("../css/fonts/Source\ Han\ Sans\ CN\ Regular.otf") format("opentype");
}

html,
body {
  font: calc(100vw / 120) arial, verdana;
  /* scroll-behavior: smooth; */
  font-family: "Source Han Sans CN";
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

a,
ul,
li,
p,
h3 {
  list-style: none;
  text-decoration: none;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

img,
table {
  max-width: 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.max {
  width: 98.75rem;
  margin: auto;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
}

.header.active {
  box-shadow: 6px 0px 24px 0px #E0E0E0;
}

.header .max,
.header .max .right ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .max .left {
  width: 10.0625rem;
  height: 2.8125rem;
}

.header .max .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header .max .right {
  width: 75%;
  height: 5rem;
}

.header .max .right>ul {
  height: 100%;
}

.header .max .right>ul>li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.header .max .right>ul>li>a {
  position: relative;
  font-size: 1.25rem;
  color: #262C35;
  display: flex;
  height: 100%;
  align-items: center;
}

.header .max .right>ul>li img {
  cursor: pointer;
  width: 1.375rem;
  height: 1.375rem;
  object-fit: cover;
}

.header .max .right>ul>li>a::after {
  content: "";
  position: absolute;
  bottom: .625rem;
  left: 0;
  display: flex;
  width: 0%;
  height: .25rem;
  background: #EF9B11;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .max .right>ul>li.active a::after,
.header .max .right>ul>li:hover a::after {
  width: 100%;
}

.header .op {
  display: none;
  position: absolute;
  width: 12.25rem;
  left: 50%;
  top: 5rem;
  z-index: 9;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 5px 0px #ccc;
  border-radius: .5rem .5rem .5rem .5rem;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-border-radius: .5rem .5rem .5rem .5rem;
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
}

.header .op li {
  line-height: 3.125rem;
  text-align: center;
}

.header .op a {
  position: relative;
  display: inline-block;
  width: max-content;
  text-align: center;
  font-size: 1.125rem;
  padding: 0 .625rem;
  color: #000;
  line-height: 2.5rem;
}

.header .op a::after {
  content: "";
  position: absolute;
  width: 0%;
  left: 0;
  height: .0625rem;
  bottom: 0;
  background-color: B50B00;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .op a:hover {
  color: #EF9B11;
}

.header .op a:hover::after {
  width: 100%;
}


.banner .swiper {
  position: relative;
  height: calc(100vh - 5rem);
  margin-top: 5rem;
}

.banner .icon {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3.75rem;
  z-index: 1;
  transform: translate(-50%);
  display: flex;
  width: 13px;
  height: 120px;
  object-fit: cover;
  display:none;

}

@keyframes b_jump {

  from {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }

}

.banner .circlePaths {
  position: absolute;
  left: -0.875rem;
  bottom: -0.9375rem;
  z-index: 2;

}

.banner .swiper .icon img {
  animation: b_jump 2.5s linear 0.1s alternate infinite;
}

.banner .swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.banner .swiper .btn {

  position: absolute;
  z-index: 1;
  width: 5rem;
  height: auto;
  left: 6.375rem;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display:none;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.banner .swiper .btn .swiper-button-next,
.banner .swiper .btn .swiper-button-prev,
.banner .swiper .btn .swiper-pagination {
  position: static;
  margin: 0;
  padding: 0;
}

.banner .swiper .btn .swiper-button-next::after,
.banner .swiper .btn .swiper-button-prev::after {
  display: none;

}

.banner .swiper .btn .swiper-button-next.swiper-button-disabled,
.banner .swiper .btn .swiper-button-prev.swiper-button-disabled {
  width: 2.25rem;
  height: 1.875rem;
  background-image: url('../images/banner-arr.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.banner .swiper .btn .swiper-button-prev.swiper-button-disabled,
.banner .swiper .btn .swiper-button-next {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.banner .swiper .btn .swiper-button-next,
.banner .swiper .btn .swiper-button-prev {
  width: 2.25rem;
  height: 1.875rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/banner-arr-active.png');
}

.banner .swiper .btn .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid #F7F7F7;
  border-radius: 50%;
  margin: 3.75rem 0;
  opacity: .8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.banner .swiper .btn .swiper-pagination {
  position: relative;
  color: #00F9E5;
}

.banner .swiper .btn .swiper-pagination span {
  color: #00F9E5;
  font-weight: 500;
  font-size: 1rem;
}

.banner .swiper .btn .swiper-pagination span.swiper-pagination-current {
  font-size: 1.75rem;
  margin-right: 3px;
}

.banner .swiper .btn .swiper-pagination svg {
  position: absolute;
  top: -2px;
  left: -3px;
  /* border-radius: 50%; */
  /* width: 100%; */
  z-index: 2;
  /* height: 100%; */
  /* border: 2px solid #00F9E5; */
}

.banner .swiper-slide {
  position: relative;
}

.banner .banner-text {
  position: absolute;
  left: 50%;
  top: 40%;
  width: 100%;
  transform: translate(-50%, -50%);
  /* z-index: 1; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.banner .swiper-slide.animate .banner-text p {
  animation-name: mk_bottom_to_top;
  animation-delay: 0.2s;
  webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.banner .swiper-slide.animate .banner-text h3 {
  animation-name: mk_bottom_to_top;
  animation-delay: 0.4s;
  webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.banner .swiper-slide.lb2 .banner-text {
  width: 80%;
  align-items: flex-start;
  padding-left: 8rem;
  top: 48%;

}

.banner .swiper-slide.lb2 .banner-text:after {
  content: "";
  position: absolute;
  bottom: -4rem;
  left: 8rem;
  width: 2.25rem;
  height: .375rem;
  background-color: #fff;
  display:none;
}

.banner .swiper-slide.lb2 .banner-text p {
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  opacity: 1;
  text-align: left;
  margin-bottom: 1.875rem;
}

.banner .swiper-slide.lb2 .banner-text h3 {
  font-family: AlibabaPuHuiTiR;
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 2.6875rem;
  max-width: 52.125rem;
  letter-spacing: 2px;
}

@keyframes mk_bottom_to_top {
  0% {
    transform: translateY(30px);

    opacity: 0;
    < !--transform: translate(-50%, 50%);
    -->< !---webkit-transform: translate(-50%, 50%);
    -->< !---moz-transform: translate(-50%, 50%);
    -->< !---ms-transform: translate(-50%, 50%);
    -->< !---o-transform: translate(-50%, 50%);
    -->
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);

    < !--transform: translate(-50%, 0%);
    -->opacity: 1;
  }
}

.banner .swiper-slide-active img {
  -webkit-animation: scaleBigToSmall 2s;
  -moz-animation: scaleBigToSmall 2s;
  -o-animation: scaleBigToSmall 2s;
  animation: scaleBigToSmall 2s;
}

@keyframes scaleBigToSmall {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

}

.banner .banner-text p {
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: 2.8125rem;
  max-width: 41.875rem;
  opacity: .7;
  margin-bottom: 1.25rem;
  text-align: center;
}

.banner .banner-text h3 {
  font-size: 3.125rem;
  color: #FFFFFF;
  /* line-height: 30px; */
  text-shadow: 4px 0px 0px #002E83;
}


.zz-box ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.875rem 0;
}

.zz-box ul li {

  width: 49%;
  height: 28.375rem;
  overflow: hidden;
}

.zz-box ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url('../images/znzz-img.jpg');
  background-size: 100% 100%;
  transition: all .6s;
}

.zz-box ul li:nth-child(2) a {
  background-image: url('../images/znzz-img2.jpg');
}

.zz-box ul li a img {
  width: 2.875rem;
  height: 3.3125rem;
  object-fit: contain;
  box-shadow: 0px 0px 10px 0px rgba(151, 148, 149, .5);
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zz-box ul li a p {
  font-weight: 500;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-top: .625rem;
  text-shadow: 0px 5px 4px rgba(12, 26, 33, .5);
}

.zz-box ul li:hover a img {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.zz-box ul li:hover a {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.foot {
  padding: 3.75rem 6.25rem;
  box-sizing: border-box;

}

.foot,
.foot .left ul,
.foot .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.foot .left {
  width: 32%;
}

.foot .left ul li a {
  font-weight: 500;
  font-size: 1rem;
  color: #808792;
}

.foot .left ul li a:hover {
  color: #EF9B11
}

.foot .right {
  width: 55%;
}

.foot .right p {
  font-weight: 500;
  font-size: 1rem;
  color: #808792;
}

.foot .right a {
  font-weight: 500;
  font-size: 16px;
  color: #B6BFCD;
}

.search-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  display: none;
  background-color: rgba(0, 0, 0, .2);
}

.search-box .max {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-box img {
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
}

.search-box .input {
  display: flex;
  width: 60%;
  height: 2.5rem;
  border-radius: .625rem .625rem .625rem .625rem;
  background-color: #fff;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.search-box .input input {
  border: 0;
  outline: none;
  width: 90%;
  height: 100%;
  padding-left: 1.25rem;
}

.search-box .input button {
  cursor: pointer;
  width: 10%;
  height: 100%;
  background-color: #EF9B11;
  outline: none;
  border: 0;
  color: #fff;
  font-size: 1rem;
}

/* 头部 */
.menu {
  display: none;
  align-items: center
}

.menu-button {
  /* display: none; */
  padding: .9375rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bar {
  position: relative;
  display: block;
  width: 2.875rem;
  height: .3125rem;
  margin: .625rem auto;
  background-color: #EF9B11;
  border-radius: .625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  -ms-border-radius: .625rem;
  -o-border-radius: .625rem;
}

.cross .bar:nth-of-type(1) {
  -webkit-transform: translateY(.9375rem) rotate(-45deg);
  -ms-transform: translateY(.9375rem) rotate(-45deg);
  transform: translateY(.9375rem) rotate(-45deg);
  -moz-transform: translateY(.9375rem) rotate(-45deg);
  -o-transform: translateY(.9375rem) rotate(-45deg);
}

.menu-button .bar:nth-of-type(1) {
  margin-top: 0rem;
}

.menu-button .bar:nth-of-type(3) {
  margin-bottom: 0rem;
}

.cross .bar:nth-of-type(3) {
  transform: translateY(-0.125rem) rotate(45deg);
  -webkit-transform: translateY(-0.125rem) rotate(45deg);
  -moz-transform: translateY(-0.125rem) rotate(45deg);
  -ms-transform: translateY(-0.125rem) rotate(45deg);
  -o-transform: translateY(-0.125rem) rotate(45deg);
}

.cross .bar:nth-of-type(2) {
  opacity: 0;
}


.phone-list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 999;
  overflow: auto;
}


.phone-list .max {
  padding-top: 3.75rem !important;
  min-height: 100vh;
  overflow: scroll;
  background-color: #ccc;
  box-sizing: border-box;
}

.phone-list .max>ul>li {
  margin-bottom: 1.25rem;
}

.phone-list .max>ul>li>a {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.875rem;
}

.phone-list .max .op {
  margin: 0 -0.625rem;
  margin-top: .3125rem;
}

.phone-list .max .op li {
  width: calc(100% / 3);
  float: left;
  height: 2.8125rem;
  margin-bottom: .625rem;
}

.phone-list .max .op a {
  font-size: 1rem;
  line-height: 2.1875rem;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7c7c7c;
  background-color: #fff;
  margin: 0 .625rem;
  box-sizing: border-box;
}

.phone-list .max .close {
  position: absolute;
  right: 1.25rem;
  top: 1.875rem;
  width: 2.25rem;
  height: 2.25rem;
}

.phone-list .max .close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.phone-list .search-boxs {
  width: 100%;
  border: .0625rem solid #ccc;
  height: 3.125rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 1.875rem 0;
}

.phone-list .search-boxs input,
.phone-list .search-boxs button {
  border: 0;
  outline: none;

}

.phone-list .search-boxs input {
  width: 80%;
  height: 100%;
  padding-left: 1.25rem;
}

.phone-list .search-boxs button {
  width: 20%;
  background-color: #EF9B11;
  height: 100%;
  color: #fff;
}

.phone-list .logo {
  padding-bottom: 2.125rem;
  margin-top: 1.25rem;
  width: 11.25rem;
  object-fit: cover;
  height: 1.875rem;
}

.phone-list .logo img {
  width: 100%;
  height: 100%;
}

.yw-banner {
  height: 34.25rem;
  width: 100%;
  margin-top: 5rem;
  position:relative;
}

.yw-banner img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}
.yw-banner p{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 1.125rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 2rem;
  text-overflow: ellipsis;
  text-indent: 2em;
  text-align: justify;
}

.list {
  position: relative;
  margin-top: -10.375rem;

}

.list .max {
  padding: 1.875rem;
  background-color: rgba(255, 255, 255, .8);
  padding-bottom: 0;
}

.list .max>p,
.list .max>p a,
.bbb,
.bbb a {
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  color: #898A8A;
  padding-left: 1.5625rem;
}

.list .max>p a,
.bbb a {
  padding: 0;
}

.list .max>p::after,
.bbb::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url('../images/ywycp-icon1.png');
  background-size: 100% 100%;
  -webkit-transform: translate();
  -moz-transform: translate();
  -ms-transform: translate();
  -o-transform: translate();
}

.list .max ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 0 20%; */
  box-sizing: border-box;
  height: 6.75rem;
}

.list .max ul li {
  position: relative;
  width: 20%;
  height: 100%;
  padding: 0px 6.25rem;
}

.list .max ul li::after {
  content: "";
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  width: 1px;
  height: .9375rem;
  background-color: #adafaf;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.list .max ul li:last-child::after {
  display: none;
}

.list .max ul li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.25rem;

  color: #898A8A;
}

.list .max ul li a::after {
  content: "";
  position: absolute;
  bottom: -0.125rem;
  left: 50%;
  width: 0%;
  transform: translate(-50%, 0);
  border-bottom: 2px solid #EF9B11;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transform: translate();
  -moz-transform: translate();
  -ms-transform: translate();
  -o-transform: translate();
}

.list .max ul li:hover a,
.list .max ul li.active a {
  color: #303030;
}

.list .max ul li:hover a::after,
.list .max ul li.active a::after {
  width: 150%;
}

.yw-box {
  margin: 5.125rem 0;
  padding-top:2rem;
}


.yw-box .max {
  padding: 0 2%;
  box-sizing: border-box;
}

.yw-box ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}

.yw-box ul li .left {
  width: 45.125rem;
  height: 41.625rem;
  border-radius: 0px 0px 200px 0px;
}

.yw-box ul li .left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.yw-box ul li .right {
  width: 45%;
}

.yw-box ul li .right h3 {
  font-weight: bold;
  font-size: 1.75rem;
  color: #232323;
  width: max-content;
  position: relative;
  margin-bottom: 5.5rem;
}

.yw-box ul li .right h3::after {
  content: "";
  position: absolute;
  bottom: -1.4375rem;
  left: 0;
  width: 250%;
  height: .25rem;
  background-image: url('../images/link.png');
  background-size: 100% 100%;
}

.yw-box ul li .right p:nth-child(2) {
  font-size: 1rem;
  margin-bottom: 2.0625rem;
  <!
  --color: #4B4B4B;
  -->
  <!--font-weight: bold;
  -->
  <!--font-size: 1.5rem;
  -->
}
.yw-box ul li .right p{
  letter-spacing:3px;
  line-height: 35px !important;
  color: #58595b;
}

.yw-box ul li .right p:last-child {
  font-weight: 400;
  font-size: 1.125rem;
  color: #4B4B4B;
  line-height: 2.3125rem;
}

.yw-box ul li.lefts {
  flex-direction: row-reverse
}

.foots {
  background: #272A2E;
  padding: 2.5rem 0;
}

.foots .foot-top {
  padding-bottom: 2.8125rem;
  border-bottom: 1px solid #808792;
}

.foots .foot-top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 24%;

}

.foots .foot-top ul li a {
  font-weight: 500;
  font-size: 1rem;
  color: #808792;
}

.foots .foot-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.125rem;
}

.foots .foot-bot .left p,
.foots .foot-bot .left a {
  font-weight: 500;
  font-size: 1rem;
  color: #808792;
  line-height: 1.9375rem;
}

.foots .foot-bot .left a {
  color: #525860;
}

.foots .foot-bot .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.foots .foot-bot .right img {
  width: 7.875rem;
  height: 7.875rem;
  object-fit: cover;
}

.foots .foot-bot .right p {
  font-weight: 500;
  font-size: 1rem;
  color: #808792;
  margin-top: .625rem;
}

.djdt-box {
  padding: 4.1875rem 0 6.0625rem 0;
  background-image: url('../images/djdt-bg.jpg');
  background-size: cover;
}

.djdt-box ul li a {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 2.8125rem;
}

.djdt-box ul li a .left {
  width: 8%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.djdt-box ul li a .left h3 {
  width: 100%;
  text-align: center;
  font-weight: 800;
  font-size: 2.25rem;
  opacity: .8;
  color: #EF9B11;
  margin-bottom: .625rem;
  border-bottom: 1px solid #EF9B11;
}

.djdt-box ul li a .left p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #EF9B11;
}

.djdt-box ul li a .cent {
  width: 22%;
  height: 12.5rem;
  overflow: hidden;
}

.djdt-box ul li a .cent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.djdt-box ul li a .right {
  width: 65%;
}

.djdt-box ul li a .right h3 {
  font-weight: 800;
  font-size: 1.25rem;
  color: #353535;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.djdt-box ul li a .right p {
  font-weight: 400;
  font-size: 1rem;
  color: #878787;
  line-height: 1.875rem;
  min-height: 2.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.djdt-box ul li a .right p:nth-child(2) {
  margin: 1.25rem 0 2.5rem 0;
}

.djdt-box ul li a .right p:last-child {
  height: 2.5rem;
  min-height: auto;
  width: 10.1875rem;
  background-image: url('../images/gd.png');
  background-size: 100% 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.djdt-box ul li a:hover .left h3 {
  opacity: 1;
}

.djdt-box ul li a:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.djdt-box ul li a:hover .right h3 {
  color: #EF9B11;
}

.djdt-box ul li a:hover .right p:last-child {
  background-image: url('../images/gd-active.png');
}

.pages {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pages>ul {
  width: max-content;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  box-sizing: border-box;
  margin: 0;
}

.pages ul a {
  display: inline-block;
  padding: 1.125rem 1.3125rem;

  margin-left: .0625rem;
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 1.5rem;
  background-color: #fff;
}

.pages ul a.curr,
.pages ul a:hover {
  background-color: #EF9B11;
  color: #fff;
}

.jb {
  padding: 5.125rem 0 11.25rem 0;
  background-image: url('../images/ju-bg.png');
  background-size: 52.9375rem;
  background-position: right;
  background-repeat: no-repeat;
}

.jb ul {
  width: 76%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jb ul li {
  width: 22.1875rem;
  height: 22rem;
  background: linear-gradient(to bottom, #FBE9E9 0%, rgba(251, 233, 233, 0) 100%);
  border-radius: 20px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  padding-top: 5.5rem;
  box-sizing: border-box;
}

.jb ul li img {
  width: 2.1875rem;
  height: 1.625rem;
  object-fit: contain;
}

.jb ul li h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  margin: 1.25rem 0 30px 0;
}

.jb ul li p {
  text-align: center;
  font-weight: 800;
  font-size: 1.5rem;
  color: #333333;
}

.jb ul li span {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
}

.djdt-box .box {
  padding: 12.125rem 0 14.6875rem 0;
  padding: 2.125rem 0 1.6875rem 0;
}

.djdt-box .box p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #898A8A;
  line-height: 2.0625rem;
  text-indent: 0em !important;
}

.gsdt-box {
  background-image: none;
}

.gsdt-banner {
  position: relative;
  height:auto;
  margin-bottom:2.5rem;
}

.gsdt-banner h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 800;
  font-size: 2.5rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  -webkit-transform: translate();
  -moz-transform: translate();
  -ms-transform: translate();
  -o-transform: translate();
}

.gsdt-banner h3::after {
  content: "";
  position: absolute;
  bottom: -1.875rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 140%;
  height: 1px;
  background-color: #fff;
}

.gsdt-banner h3::before {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 60%;
  height: 5px;
  background-color: #fff;
}

.gsjj-box {
  padding: 2.8125rem 0 4.6875rem 0;
  padding-top: 4rem;
}

.gsjj-box .gy {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gsjj-box .gy .left {
  width: 42%;
  height: 43.25rem;
  margin-right: 4.75rem;
  border-radius: 0px 0px 330px 0px;
}

.gsjj-box .gy .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gsjj-box .gy .right {
  width: 53%;
}

.gsjj-box .gy .right .titles h3 {
  font-weight: 400;
  font-size: 1.875rem;
  color: #3B3B3B;
  position: relative;
  width: max-content;
  padding-bottom: .9375rem;
  margin-bottom: .3125rem;
}

.gsjj-box .gy .right p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #4B4B4B;
  line-height: 2.3125rem;
  text-indent: 2em;
  margin-bottom: 1.875rem;
}

.gsjj-box .gy .right .titles h3::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  display: flex;
  width: 150%;
  height: 3px;
  background-image: url('../images/link.png');
  background-size: 100% 100%;
}

.gsjj-box .gy .right .titles p {
  font-weight: 400;
  font-size: .75rem;
  color: #6E6E6E;
  text-indent: 0em;
  margin-bottom: 2rem;
}

.gsjj-box .box-list {

  background-image: url('../images/gsjj-bg.jpg');
  background-size: cover;
  < !--margin-top: 2.8125rem;
  -->
}

.gsjj-box .box-list ul li {
  width: calc(100% / 4);
  height: 44.875rem;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, .2);
  box-sizing: border-box;
  padding: 0 2.3125rem;
  position: relative;
  background-size: 100% 100%;
}

.gsjj-box .box-list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-image: url('../images/gsjj-img-s.png');
  background-size: 100% 100%;
  /* z-index: -1; */
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gsjj-box .box-list ul li a {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .6s;
  /* justify-content: center; */
}

.gsjj-box .box-list ul li a h3 {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-top: 17rem;
}

.gsjj-box .box-list ul li a p {
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 2.3125rem;
}

.gsjj-box .box-list ul li a p.hr {
  width: 1px;
  height: 3.625rem;
  background: #FFFFFF;
  border-radius: 1px 1px 1px 1px;
  margin: 2.1875rem 0 30px 0;
}

.gsjj-box .box-list ul li i {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gsjj-box .box-list ul li:hover::after {
  /* z-index: 1; */
  opacity: 1;
}

.gsjj-box .box-list ul li:hover i {
  opacity: 1;
}

.gsjj-box .box-list ul li:hover a {
  transform: translate(0, 80px);
  -webkit-transform: translate(0, 80px);
  -moz-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  -o-transform: translate(0, 80px);
}

.ldgh ul {
  border: 1px solid #D9D9D9;
  margin: 4rem 0 6.75rem 0;
}

.ldgh ul li {
  width: calc(100% / 4);
  height: 29.0625rem;
  float: left;
  transition: all .6s;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
  border: 0px solid #EF9B11;
  border-right: 1px solid #D9D9D9;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ldgh ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ldgh ul li a i {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 22.25rem;
  margin-bottom: 2.625rem;

}

.ldgh ul li a img {
  width: 100%;
  height: 100%;

  object-fit: contain;
  margin-bottom: 2.9375rem;
}

.ldgh ul li a p {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  transition: all .6s;
  box-sizing: border-box;
  color: #666666;
  padding: 1.375rem 1.75rem;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ldgh ul li a p::after {
  content: "";
  display: flex;
  position: absolute;
  right: 1.4375rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  transition: all .6s;
  background-image: url('../images/ldgh-search.png');
  background-size: 100% 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ldgh ul li:hover {
  border-width: 4px;
  border-color: #EF9B11;
}

.ldgh ul li:hover a p {
  background-color: #EF9B11;
  border-color: #EF9B11;
  color: #fff;
}

.ldgh ul li:hover a p::after {
  filter: brightness(1000%) contrast(100%) saturate(0%);
}

.zzry .max {
  display: flex;
  justify-content: space-between;
}

.zzry .left {
  width: 19%;
  height: max-content;
  min-height: 20.8125rem;
  background: #F7F7F7;
  margin-right: 2.5rem;
}

.zzry .left ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.625rem 0 2.1875rem 0;
  font-weight: 400;
  font-size: 1.25rem;
  color: #727272;
}

.zzry .left ul li a::after {
  content: "";
  position: absolute;
  display: flex;
  width: 0;
  right: 0;
  bottom: 0;
  transition: all .6s;
  border-bottom: 1px solid #EF9B11;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zzry .left ul li:hover a::after,
.zzry .left ul li.active a::after {
  width: 70%;
}

.zzry .left ul li:hover a,
.zzry .left ul li.active a {
  color: #EF9B11;
}

.zzry .right {
  width: 78%;
  width: 100%;
}

.zzry .right ul {
  margin: 0 -0.8125rem;
}

.zzry .right ul li {
  width: calc(100% / 4);
  float: left;
  padding: 0 .8125rem;
  box-sizing: border-box;
  margin-bottom: 1.625rem;
}

.zzry .right ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.zzry .right ul li a i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 29.875rem;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #E4E4E4;
  overflow: hidden;
}

.zzry .right ul li a i::after {
  content: "";
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url('../images/zzry-search.png');
  background-size: 1.875rem 1.875rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E4E4E4;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zzry .right ul li a i img {
  width: 20rem;
  height: 13.375rem;
  object-fit: contain;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zzry .right ul li a p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #666666;
  max-width: 100%;
  margin: 2.375rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zzry .right ul li:hover a i img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.zzry .right ul li:hover a p {
  color: #EF9B11;
}

.zzry .right ul li:hover a i::after {
  background-color: #EF9B11;
}

.zzry {
  padding: 4.0625rem 0;
}

.zzry .pages {
  padding-top: 1.875rem;
}

.zzjg {
  text-align: center;
  padding: 3.9375rem 0 6.25rem 0;
}

.zzjg p,
.zzjg span {
  text-align: justify;

}

.zzjg img {
  width: 68.5625rem;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.jscx .right ul li a i img {
  width: 15rem;
  height: 21.1875rem;
}

.lxwm-box {
  margin-bottom: 6.25rem;
  position: relative;
  margin-top: -10rem;
  padding: 6.25rem 5rem;
  box-sizing: border-box;
  height: 34rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 24px 0px #E0E0E0;
  border-radius: 40px 40px 40px 40px;
}

.lxwm .lxwm-box .titles h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  padding-bottom: .9375rem;
  margin-bottom: 1.25rem;
  position: relative;
}

.lxwm .lxwm-box .titles h3::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 9.375rem;
  height: 4px;
  display: flex;
  background-image: url('../images/link.png');
  background-size: 100% 100%;
}

.lxwm .lxwm-box .titles p {
  font-weight: 500;
  font-size: 1rem;
  color: #B9B9B9;
}

.lxwm .lxwm-box ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8rem;
}

.lxwm .lxwm-box ul li p {
  /* font-weight: 500; */
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.875rem;
  display: flex;
  align-items: center;
  margin-bottom: .75rem;
}

.lxwm .lxwm-box ul li p:first-child::before {
  content: "";
  display: flex;
  width: 1.8125rem;
  height: 1.8125rem;
  background-image: url('../images/lxwm-icon1.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: .75rem;
}

.lxwm .lxwm-box ul li:nth-child(2) p:first-child::before {
  background-image: url('../images/lxwm-icon2.png');
  width: 1.4375rem;
  height: 1.3125rem;
}

.lxwm .lxwm-box ul li:nth-child(3) p:first-child::before {
  background-image: url('../images/lxwm-icon3.png');
  width: 1.5625rem;
  height: 1.125rem;
}

.lxwm .lxwm-box ul li:nth-child(4) p:first-child::before {
  background-image: url('../images/lxwm-icon4.png');
  width: 1.25rem;
  height: 1.625rem;
}

.rcdw .titless p {
  height: 6.25rem;
  background-image: url('../images/rcdw-p.jpg');
  background-size: 100% 100%;
}

.rcdw .title p {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 5.9375rem;
  padding-right: 10px;
  box-sizing: border-box;
}

.rcdw .title p span {
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
}

.rcdw .title p span:first-child {
  width: 40%;
}

.rcdw .title p span:nth-child(2),
.rcdw .title p span:nth-child(3) {
  width: 20%;
}

.rcdw .title p span:nth-child(4) {
  width: 10%;
}

.rcdw li.title p span {
  color: #565656;
}

.rcdw li.title p {
  height: 5rem;
}

.rcdw li:nth-child(2n)>p {
  background: #F5F8FC;
}

.rcdw li.title p span.infos {
  cursor: pointer;
}

.rcdw li .none {
  display: none;
  border: 1px solid #ececec;
  border-top-width: 0;
  padding-top: 2.875rem;
  padding-bottom: 3.75rem;
}

.rcdw li .none .item h3 {
  font-weight: bold;
  font-size: 1.125rem;
  color: #282828;
  margin-bottom: 1.875rem;
}

.rcdw li .none .item p {
  font-weight: 400;
  font-size: 1rem;
  color: #727272;
  line-height: 2.0625rem;
  height: auto;
  padding: 0;
}

.rcdw li .none .item {
  width: calc(100% / 3);
  float: left;
  padding: 0 1.875rem;
  box-sizing: border-box;
}

.rcdw {
  margin: 2.5rem 0 5.375rem 0;
}

.info .info-box h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  max-width: 64rem;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.info .info-box .time {
  display: flex;
  align-items: center;
  justify-content: center;
}

.info .info-box .time .left span {
  font-weight: 400;
  font-size: .875rem;
  color: #999999;
  margin-right: 2.6875rem;
}

.info .info-box .time .right {
  margin-left: 8.125rem;
}

.info .info-box .time .right span {
  font-weight: 500;
  font-size: 1rem;
  color: #999999;
  cursor: pointer;
  margin-right: 2rem;
}

.info .info-box .time .right {
  display: flex;
  align-items: center;
}

.info .info-box .time .right a::before {
  display: none;
}

.info .info-box .time .right a {
  background-image: url('../images/info-icon2.png');
  background-size: 100% 100%;
  border: 0;
  width: 18px;
  height: 19px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.info .info-box .time .right a:nth-child(2) {
  background-image: url('../images/info-icon3.png');
}

.info .info-box .time .right>a:last-child {
  background-image: url('../images/info-icon4.png');
}

.info .info-box .time .right .sher-main {
  display: flex;
  align-items: center;
  margin-left: 2.5625rem;
}

.info .info-box .time .right .sher-main::before {
  content: "";
  display: flex;
  width: .8125rem;
  height: .75rem;
  background-image: url('../images/info-icon1.png');
  background-size: 100% 100%;
  margin-right: .6875rem;
}

.info .info-box .time {
  margin: 3.3125rem 0;
}

.info .info-box p {
  font-weight: 400;
  /* font-size: 1.125rem; */
  color: #666666;
}

.info .info-box p.img {
  text-align: center;
  margin: 3.625rem 0;
}

.info .info-box {
  padding-bottom: 6.25rem;
  border-bottom: 1px solid #f1efef;
  min-height: 200px;
}

.info .lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4.6875rem;
}

.info .lists a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #999999;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.info .lists img {
  width: 1.6875rem;
  height: 1.4375rem;
  object-fit: cover;
}

.info {
  padding: 1.875rem 0 7.8125rem 0;
}

.info .lists a:hover {
  color: #EF9B11;
}

.ywycp {
  padding: 4.5rem 0;
}

.ywycp .max>h3 {
  font-weight: bold;
  font-size: 1.25rem;
  color: #4B4B4B;
  line-height: 2.3125rem;
  margin-bottom: 1.9375rem;
}

.ywycp .max ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.1875rem;
}
.ywycp .max ul li.lefts{
  flex-direction: row-reverse;
}

.ywycp .max ul li .left {
  width: 42%;
  margin-right: 6.25rem;
}
.ywycp .max ul li.lefts .left{
  margin-right: 0;
  margin-left: 6.25rem;
}

.ywycp .max ul li .left h3 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #232323;
  margin-top: 3.9375rem;
}

.ywycp .max ul li .left h3 img {
  min-width: 3.3125rem;
  height: 7.5rem;
  object-fit: contain;
}

.ywycp .max ul li .left p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #4B4B4B;
  line-height: 2.3125rem;
  margin-top: 3.3125rem;
}

.ywycp .max ul li .right {
  width: 50%;
  height: 32.875rem;
  background: #3B3B3B;
  overflow: hidden;
  border-radius: 11.25rem 0px 0px 0px;
  -webkit-border-radius: 11.25rem 0px 0px 0px;
  -moz-border-radius: 11.25rem 0px 0px 0px;
  -ms-border-radius: 11.25rem 0px 0px 0px;
  -o-border-radius: 11.25rem 0px 0px 0px;
}
.ywycp .max ul li.lefts .right{
  border-radius: 0px 11.25rem 0px 0px;
  -webkit-border-radius: 0px 11.25rem 0px 0px;
  -moz-border-radius: 0px 11.25rem 0px 0px;
  -ms-border-radius: 0px 11.25rem 0px 0px;
  -o-border-radius: 0px 11.25rem 0px 0px;
}

.ywycp .max ul li .right .swiper {
  width: 100%;
  height: 100%;
}

.ywycp .max ul li .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ywycp .max ul li .swiper-pagination-bullet{
    width: .875rem;
    height: .875rem;
    background: #FEFEFE;
    border-radius: .4375rem .4375rem .4375rem .4375rem;
    -webkit-border-radius: .4375rem .4375rem .4375rem .4375rem;
    -moz-border-radius: .4375rem .4375rem .4375rem .4375rem;
    -ms-border-radius: .4375rem .4375rem .4375rem .4375rem;
    -o-border-radius: .4375rem .4375rem .4375rem .4375rem;
}
.ywycp .max ul li .swiper-pagination-bullet-active{
  background: #EF9B11;
}