body {
  background: #fff;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.container {
  padding: 0;
  max-width: 1600px;
}
.swiper {
  overflow: hidden;
}
.mb-div {
  display: none;
  padding-left: 21px;
}
.mb-div2 {
  display: none;
}
.mb-div2 a::before {
  display: none;
}
.mb-div2 a {
  width: 81% !important;
  line-height: 22px !important;
  margin-left: 11px;
  padding: 11px 0;
  padding-left: 14px !important;
}
.mb-div .mxl-t {
  position: absolute;
  padding: 25.5px 33px;
  right: 0;
  z-index: 3;
  top: -55px;
}
.mb-child {
  position: relative;
}
.mb-div a {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 2px;
  width: 90%;
  position: relative;
}
.mb-div a:last-child {
  margin-bottom: 0;
}
.mxl-o {
  position: absolute;
  right: 0;
  top: -4px;
  padding: 25.5px 15px;
}
.ys{
    background-color: #fff !important;
}
.head-lan{
    transition: all .3s;
}
.ys .head-lan{
   opacity: 0;
}
.mb-nav {
  position: fixed;
  z-index: 105 !important;
  width: 100%;
  background: #fff;
  padding: 88px 0;
  height: 100%;
  padding-top: 0px;
  top: 61.94px;
  overflow: scroll;
  display: none;
      background: #fff;
}
.mb-nav p {
  width: 80%;
  margin: 0 auto;
}
.mb-nav p img {
  max-width: 26px;
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.mb-nav .logo {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 77%;
  margin-top: 20px;
}
.mb-nav .logo img {
  max-height: 51px;
}
.mb-nav ul {
  width: 93%;
  margin: 0 auto;
  margin-top: 34px;
}
.mb-nav ul li {
  position: relative;
  width: 90%;
  margin: 0 auto;
  transition: all 0.8s;
  transform: translateY(20px);
  opacity: 0;
}
.mb-nav ul li:nth-child(3) .mxl-o{
    display: none;
}
.mb-nav ul li:nth-child(4) .mb-div a:last-child{
    display: none;
}
.mb-nav ul li a {
  color: #000;
  font-size: 15px;
  line-height: 48px;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 13px;
  display: block;
  position: relative;
  white-space: nowrap;
}
.zk ul li {
  transform: translateY(0);
  transition-delay: 0.5s;
  opacity: 1;
}
.zk ul li:nth-child(1) {
  transition-delay: 0.2s;
}
.zk ul li:nth-child(2) {
  transition-delay: 0.3s;
}
.zk ul li:nth-child(3) {
  transition-delay: 0.4s;
}
.zk ul li:nth-child(4) {
  transition-delay: 0.5s;
}
.zk ul li:nth-child(5) {
  transition-delay: 0.6s;
}
.zk ul li:nth-child(6) {
  transition-delay: 0.7s;
}
.mb-nav .tel {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  margin-top: 27px;
}
.mb-nav .tel img {
  max-height: 24px;
  margin-right: 8px;
}
.mb-nav .mb-dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
  margin-top: 48px;
}
.mb-nav .mb-dl li {
  width: fit-content;
}
.mb-nav .mb-dl li a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 35px;
  border-bottom: none;
  font-weight: bold;
  background: #00b7ff;
  color: #fff;
  border-radius: 5px;
  padding: 2px 29px;
}
.mb-nav .mb-dl li a::before {
  display: none;
}
.mb-zd {
  display: none;
  position: relative;
  width: 30px;
  height: 28px;
}
.mb-zd em {
  position: absolute;
  left: 0;
  top: 6px;
  width: 30px;
  height: 1.5px;
  background-color: #fff;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.menuBtn.on em {
  display: none;
  margin: -2px 0 0;
  position: absolute;
  top: 40%;
  width: 28px;
  background: #000 !important;
}
.menuBtn.on em:first-child {
  display: block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.menuBtn.on {
  top: 6px;
}
.menuBtn.on em:first-child {
  display: block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.menuBtn.on .s2 {
  opacity: 0;
}
.menuBtn.on em:last-child {
  display: block;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.menuBtn .s1 {
  top: 5px;
}
.qh {
  opacity: 0;
}
.menuBtn .s2 {
  top: 14px;
}
.menuBtn .s3 {
  top: 23px;
}
.mb-zd em {
  background: #000;
}



.i-bg video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.head {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 20;
  padding: 1.5% 0;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.head .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.head .container .head-logo{
    width: 120px;
}
.head .container .head-logo img:nth-child(2) {
  display: none;
}
.head .container .head-rt {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.head .container .head-rt ul {
  display: flex;
  width: 36.85%;
  justify-content: space-between;
}
.head .container .head-rt ul li a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: 'Noto Sans SC', sans-serif;
  letter-spacing: 1px;
  transition: all 0.4s;
  display: block;
  position: relative;
}
.head .container .head-rt ul li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0%;
  opacity: 0;
  height: 1px;
  transition: all 0.4s;
  background: #ff6a4a;
}
.head .container .head-rt ul li:hover a {
  color: #ff6a4a !important;
}
.head .container .head-rt ul li:hover a::after {
  width: 100%;
  opacity: 1;
}
.head .container .head-rt .head-lan {
  margin-left: 4%;
  position: relative;
}
.head .container .head-rt .head-lan div {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 37px;
  background-color: #ff6a4a;
  border-radius: 19px;
  font-size: 16px;
  color: #ffffff;
}
.head .container .head-rt .head-lan div img {
  margin-left: 7px;
  transition: all 0.5s;
}
.head .container .head-rt .head-lan p {
  position: absolute;
  top: 100%;
  text-align: center;
  background: #000;
  min-width: 100%;
  border-radius: 5px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.5s;
}
.head .container .head-rt .head-lan p a {
  font-size: 16px;
  color: #fff;
}
.head .container .head-rt .head-lan:hover div {
  box-shadow: 1px 1px 10px #ff6a4a;
}
.head .container .head-rt .head-lan:hover div img {
  transform: rotateZ(180deg);
}
.head .container .head-rt .head-lan:hover p {
  transform: translateY(0);
  opacity: 1;
}
.ny-head {
  position: sticky;
  top: 0;
}
.i-crumb {
  margin-top: 0 !important;
}
.head {
  background: #fff;
}
.head .container .head-logo img:nth-child(2) {
  display: inline;
}
.head .container .head-logo img:nth-child(1) {
  display: none;
}
.head .container .head-rt ul li a {
  color: #000000;
}
.activehead {
  padding: 1% 0;
  background: #fff;
  box-shadow: 1px 1px 10px #eee;
}
.activehead .container .head-logo img:nth-child(2) {
  display: inline;
}
.activehead .container .head-logo img:nth-child(1) {
  display: none;
}
.activehead .container .head-rt ul li a {
  color: #000000;
}

.ny-head {
  background: #fff;
}
.ny-head .container .head-logo img:nth-child(2) {
  display: inline;
}
.ny-head .container .head-logo img:nth-child(1) {
  display: none;
}
.ny-head .container .head-rt ul li a {
  color: #000000;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide {
  height: 43.541vw;
  overflow: hidden;
  position: relative;
  transition: all 0.5s;
  opacity: 0 !important;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-bg {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  transform: scale(1.03, 1.03);
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  background: url(../images/zz.png) no-repeat;
  background-size: auto 100%;
  padding-bottom: 12%;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con {
  overflow: hidden;
  margin-top: -6%;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con .nr {
  overflow: hidden;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con p {
  font-size: 14px;
  color: #ff6a4a;
  font-family: 'Noto Sans SC', sans-serif;
  transform: translateY(100%) rotate(10deg);
  opacity: 0;
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con h3 {
  font-size: 3.385vw;
  line-height: 1.6;
  color: #ffffff;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
  /*letter-spacing: 1.5px;*/
  margin-top: 2px;
  transform: translateY(100%) rotate(10deg);
  opacity: 0;
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con .nr-nr {
  font-size: 16px;
  line-height: 26px;
  font-family: 'Noto Sans SC', sans-serif;
  color: #ffffff;
  width: 440px;
  font-weight: 200;
  text-align: justify;
  margin-top: 22px;
  letter-spacing: 0.2px;
  transform: translateY(100%) rotate(10deg);
  opacity: 0;
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con a {
  width: 150px;
  height: 39px;
  border-radius: 20px;
  border: solid 1px #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  margin-top: 50px;
  transform: translateY(100%) rotate(10deg);
  opacity: 0;
  transform-origin: left;
  transition-duration: 1s;
  transition-property: transform, opacity;
  transition: all 0.4s;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con a:hover {
  background-color: #ff6a4a;
  box-shadow: 1px 1px 10px #ff6a4a;
  border: solid 1px #ff6a4a;
  transform: scale(1.01) translateX(4px);
}
.banner .ban-swiper .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide-active .slide-bg {
  animation: image-zoom-out 8s 0s forwards;
}
.banner .ban-swiper .swiper-wrapper .swiper-slide-active .slide-nr .container .slide-con h3,
.banner .ban-swiper .swiper-wrapper .swiper-slide-active .slide-nr .container .slide-con p,
.banner .ban-swiper .swiper-wrapper .swiper-slide-active .slide-nr .container .slide-con .nr-nr,
.banner .ban-swiper .swiper-wrapper .swiper-slide-active .slide-nr .container .slide-con a {
  -webkit-animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
  animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
}
@keyframes image-zoom-out {
  0% {
    transform: scale(1.03, 1.03);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes text-active-animation {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(100%) rotate(5deg);
    transform: translateY(100%) rotate(5deg);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
.fadeIn {
  -webkit-animation: text-active-animation1 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0s;
  animation: text-active-animation1 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0s;
}
.fadeInLeft {
  -webkit-animation: text-active-animation2 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0s;
  animation: text-active-animation2 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0s;
}
@keyframes text-active-animation1 {
  0% {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-transform: translateY(100%) rotate(5deg);
    transform: translateY(100%) rotate(5deg);
  }
  100% {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@keyframes text-active-animation2 {
  0% {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    transform: translateX(0);
  }
}
.yc {
  overflow: hidden;
}
.ctpbox-swiper .swiper-slide,.cxqbox-swiper .swiper-slide{
    opacity: 0 !important;
}
.ctpbox-swiper .swiper-slide-active,.cxqbox-swiper .swiper-slide-active{
    opacity: 1 !important;
}

.cpzx {
  /*background-color: #f5f5f5;*/
  padding-top: 13vh;
  padding-bottom: 16vh;
  position: relative;
}
.cpzx .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 30px;
}
.cpzx .container .yc-h3 {
  position: absolute;
  left: 0;
  top: 0;
}
.cpzx .container .cpzx-bt {
  font-size: 40px;
  color: #333333;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
  transform: translateY(100%) rotate(10deg);
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-property: transform, opacity;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper {
  transform: translate3d(0px, 0px, 0px) !important;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
  transition: all 0.4s;
  height: fit-content !important;
  font-size: 20px;
  color: #333333;
  font-family: 'Noto Sans SC', sans-serif;
  margin-bottom: 3.4vh !important;
  overflow: hidden;
  white-space: nowrap;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide:last-child {
  margin-bottom: 0 !important;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide-active {
  color: #ff6a4a;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide:hover {
  color: #ff6a4a;
}
.cpzx .container .cpzx-cen {
  width: 50%;
  margin-left: 7%;
  position: relative;
}
.cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide {
  opacity: 0 !important;
}
.cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0.8) translateX(-20px);
  transition: all 0.5s;
  transition-delay: 0.5s;
  height: 520px;
}
.cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a img {
  transition: all 0.6s;
  max-width: 90%;
  max-height: 98%;
}
.cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a:hover img {
  animation: yd 3s linear;
}
.cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.cpzx .container .cpzx-cen .ctp-pagination {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  margin-top: 12px;
}
.cpzx .container .cpzx-cen .ctp-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #d8d8d8;
  border-radius: 100%;
  transition: all 0.4s;
  opacity: 1;
  margin: 0 6px;
}
.cpzx .container .cpzx-cen .ctp-pagination .swiper-pagination-bullet-active {
  background-color: #ff6a4a;
  width: 10px;
  height: 10px;
}
.cpzx .container .cpzx-rt {
  width: 36.35%;
  background-color: #f5f5f5;
  padding: 6.5vh 4% 7.5vh 4%;
  transition: all 0.4s;
}
.cpzx .container .cpzx-rt .cxq-swiper {
  /*padding-bottom: 10px;*/
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide {
  opacity: 0 !important;
  transition: all 0.4s;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h3 {
  font-size: 36px;
  color: #ff6a4a;
  font-family: 'Noto Sans SC', sans-serif;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h4 {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 22px;
  letter-spacing: 1px;
  color: #000000;
  font-weight: 100;
  margin-top: 21px;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div {
  margin-top: 40px;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table {
  font-family: 'Noto Sans SC', sans-serif;
  width: 100%;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td {
  font-size: 14px;
  color: #333333;
  padding: 7px 0;
  width: 50%;
  word-break: break-word !important;
  line-height: 20px;

}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td span,.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td em{
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-word;
white-space: normal;
    font-weight: inherit;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(1) {
  position: relative;
  padding-left: 10%;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(1)::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 13px;
  height: 13px;
  background: url(../images/fk.png) no-repeat;
  background-size: 100% 100%;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(2) {
  font-size: 14px;
  color: #888888;
  font-weight: 100;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con a {
  width: 204px;
  height: 52px;
  background-color: #ff6a4a;
  border-radius: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  transition: all 0.4s;
  margin-top: 37px;
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con a:hover {
  box-shadow: 1px 1px 10px #ff6a4a;
  transform: translateX(3px);
}
.cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.cpzx .container .cpzx-rt:hover {
  box-shadow: 1px 1px 10px #e1e1e1;
}
.shanshuo::after {
  position: absolute;
  top: 0;
  left: 30%;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: skew(-50deg);
  transition: all 2s ease-in-out;
  content: "";
  z-index: 5;
}
.ss::after {
  transform: skew(-50deg) translateX(150%);
}
.av-container {
  overflow: hidden;
}
.fd {
  opacity: 1 !important;
  transform: scale(1) translateX(0) !important;
}
.fd1 {
  transform: scale(1) !important;
}


.cen-items {
    display: none;
}
.cen-items:nth-child(1){
    display: block;
}
.why {
  display: flex;
  background-color: #ff6a4a;
  position: relative;
}
.why .why-lf {
  flex: 1;
}
.why .why-lf .why-lf-con {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.why .why-lf .why-lf-con h3 {
  font-size: 56px;
  letter-spacing: -1px;
  color: #ffffff;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
}
.why .why-lf .why-lf-con h4 {
  font-size: 40px;
  letter-spacing: -1px;
  color: #ffffff;
  font-family: 'Noto Sans SC', sans-serif;
  margin-top: 8vh;
}
.why .why-lf .why-lf-con .container .yc {
  transform: translateY(100%) rotate(10deg);
  opacity: 0;
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-property: transform, opacity;
}
.why .why-lf .why-lf-con .container .yc div {
  font-size: 22px;
  line-height: 36px;
  color: #ffffff;
  font-family: 'Noto Sans SC', sans-serif;
  width: 45.45%;
  hyphens: auto;
  text-align: justify;
  margin-top: 2.5vh;
}
.why .why-lf .why-lf-con .yc:last-child {
  padding: 10px 0;
}
.why .why-lf .why-lf-con a {
  width: 128px;
  height: 41px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 21px;
  border: solid 1px #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  font-family: 'Noto Sans SC', sans-serif;
  transition: all 0.4s;
  margin-top: 4.2vh;
}
.why .why-lf .why-lf-con a:hover {
  color: #ff6a4a;
  background: #fff;
  box-shadow: 1px 1px 10px #fff;
  transform: translateX(4px);
}
.why .why-rt {
  width: 50.4%;
  overflow: hidden;
}
.why .why-rt .why-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-height: 86.4vh;
  transition: all 2s ease-in-out;
  opacity: 1 !important;
  transform: scale(1.2) translateX(0);
}
.made {
  background-color: #f5f5f5;
  padding-top: 13.5vh;
  padding-bottom: 13vh;
}
.made .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.made .container .made-lf {
  width: 40.4%;
  position: relative;
  top: -10px;
}
.made .container .made-lf .con {
  font-family: 'Noto Sans SC', sans-serif;
}
.made .container .made-lf .con h3 {
  font-size: 48px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 23px;
}
.made .container .made-lf .con .made-nr {
  font-size: 16px;
  font-weight: 100;
  line-height: 28px;
  color: #666666;
  text-align: justify;
  margin-top: 30px;
}
.made .container .made-lf .con a {
  width: 140px;
  height: 40px;
  background-color: #ff6a4a;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  margin-top: 62px;
  transition: all 0.4s;
}
.made .container .made-lf .con a:hover {
  box-shadow: 1px 1px 10px #ff6a4a;
}
.made .container .made-lf .con .yc:last-child {
  padding: 10px 0;
}
.made .container .made-rt {
  width: 48.45%;
  background: url(../images/m-bg.jpg) no-repeat;
  background-size: cover;
}
.shanshuo {
  position: relative;
}
.shipin {
  position: relative;
}
.shipin .sp {
  height: 68.6vh;
}
.shipin .sp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shipin .xf {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shipin .xf .xf-bg {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  transform: scale(1.3);
  left: 0;
  top: 0;
  opacity: 1 !important;
  transition: all 2s ease-in-out;
}
.shipin .xf .con {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: 'Noto Sans SC', sans-serif;
}
.shipin .xf .con .bt {
  font-size: 28px;
  color: #ffffff;
  font-weight: 100;
  margin-top: 13px;
}
.shipin .xf .con .an {
  width: 144px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #333333;
  transition: all 0.4s;
  margin-top: 53px;
  cursor: pointer;
}
.shipin .xf .con .an div:nth-child(1) {
  margin-left: 14px;
  display: flex;
  align-items: flex-end;
  height: 15px;
  transition: all 0.4s;
}
.shipin .xf .con .an div:nth-child(1) img:nth-child(1) {
  width: 2px;
  animation: sj1 1.8s linear infinite;
}
.shipin .xf .con .an div:nth-child(1) img:nth-child(2) {
  margin: 0 4px;
  width: 2px;
  animation: sj2 1.8s linear infinite;
}
.shipin .xf .con .an div:nth-child(1) img:nth-child(3) {
  width: 2px;
  animation: sj3 1.8s linear infinite;
}
@keyframes sj1 {
  0% {
    height: 6px;
  }
  25% {
    height: 5px;
  }
  50% {
    height: 4px;
  }
  75% {
    height: 5px;
  }
  100% {
    height: 6px;
  }
}
@keyframes sj2 {
  0% {
    height: 11px;
  }
  25% {
    height: 12px;
  }
  50% {
    height: 15px;
  }
  75% {
    height: 12px;
  }
  100% {
    height: 11px;
  }
}
@keyframes sj3 {
  0% {
    height: 10px;
  }
  25% {
    height: 8px;
  }
  50% {
    height: 6px;
  }
  75% {
    height: 8px;
  }
  100% {
    height: 10px;
  }
}
.shipin .xf .con .an:hover {
  box-shadow: 1px 1px 10px #fff;
}
.shipin::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: width 0.6s;
  transition: width 0.6s;
  z-index: 5;
}
.cs-tp::before {
  transition-delay: 0.8s;
}
.gm::before {
  width: 0;
  z-index: 1;
}
.foot {
      background: #f5f7fa;
  padding-top: 81px;
  background-position: 100% 100%;
}
.foot .container .foot-tp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 43px;
}
.foot .container .foot-tp div{
    width: 140px;
}
.foot .container .foot-tp ul {
  display: flex;
  width: 35.2%;
  justify-content: space-between;
}
.foot .container .foot-tp ul li a {
  font-size: 16px;
  transition: all 0.4s;
  color: #515449;
  font-family: 'Noto Sans SC', sans-serif;
}
.foot .container .foot-tp ul li a:hover {
  color: #ff6a4a;
}
.foot .container .foot-cen {
  display: flex;
    margin-top: 8px;
    border-top: 1px solid #dcdcdc;
    padding-top: 56px;
    justify-content: space-between;
}
.foot .container .foot-cen .footcen-items {
  font-family: 'Noto Sans SC', sans-serif;
  width: 45.2%;
}


.foot .container .foot-cen .liuyan-form{
    width: auto;
}
.foot .container .foot-cen .liuyan-form .row{
    margin: 0;
    margin-bottom: 14px;
}
.foot .container .foot-cen .liuyan-form form{
    margin-top: 30px;
}
.foot .container .foot-cen .liuyan-form .row .lt {
    width: 60px;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.8);
}
.foot .container .foot-cen .liuyan-form .row .rt input {
    padding: 0 10px;
    width: 30vw;
    height: 30px;
    background-color: rgba(72, 72, 72, 0.1);
    outline: none;
    transition: all 0.5s;
    color: #000;
}
.foot .container .foot-cen .liuyan-form .row .rt textarea {
    padding: 10px 10px;
    width: 30vw;
    height: 82px;
    background-color: rgba(72, 72, 72, 0.1);
    resize: none;
    outline: none;
    transition: all 0.5s;
    color: #000;
}
.foot .container .foot-cen .liuyan-form .row .rt button {
    background: transparent;
    font-size: 14px;
    color: #ff6a4a;
    border-bottom: 1px solid #ff6a4a;
    padding-bottom: 6px;
    cursor: pointer;
}






.foot .container .foot-cen .footcen-items h3 {
  font-size: 20px;
  color: #515449;
}
.foot .container .foot-cen .footcen-items ul {
  margin-top: 25px;
}
.foot .container .foot-cen .footcen-items ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 7px;
}
.foot .container .foot-cen .footcen-items ul li:last-child{
    margin-bottom: 0;
}
.foot .container .foot-cen .footcen-items ul li p {
  width: 15px;
  margin-right: 18px;
  position: relative;
    top: -2px;
}
.foot .container .foot-cen .footcen-items ul li div {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.8);
  flex: 1;
  line-height: 25px;
}
.foot .container .foot-bt {
  display: flex;
    justify-content: space-between;
    border-top: 1px solid #dcdcdc;
    padding: 33px 0 36px 0;
    margin-top: 41px;
}
.foot .container .foot-bt p {
  color: rgba(51, 51, 51, 0.8);
  font-weight: 500;
}
.foot .container .foot-bt p a {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.8);
  transition: all 0.4s;
}
.i-crumb {
  background-color: #f3f4f6;
  margin-top: 75px;
}
.i-crumb .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
}
.i-crumb .container div {
  display: flex;
  align-items: center;
}
.i-crumb .container div img {
  margin-right: 9px;
}
.i-crumb .container div a {
  font-size: 16px;
  transition: all 0.4s;
  color: #101a39;
  margin: 0 3px;
}
.i-crumb .container div a:hover {
  color: #ff6a4a;
}
.c-bt {
  font-family: 'Noto Sans SC', sans-serif;
  margin-top: 53px;
}
.c-bt h3 {
  font-size: 38px;
  font-weight: 600;
  color: #000000;
  transform: translateY(100%) rotate(10deg);
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.c-bt div {
  font-size: 18px;
  font-weight: 100;
  line-height: 37px;
  color: #333333;
  margin-top: 5px;
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.c-con {
  background-color: #f3f4f6;
  padding-top: 60px;
  padding-bottom: 62px;
  margin-top: 44px;
}
.c-con .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.c-con .container .c-lf {
  background-color: #ffffff;
  width: 16.6%;
  padding: 39px 2.2% 37px 2.2%;
}
.c-con .container .c-lf h3 {
  font-size: 24px;
  color: #000000;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #ededed;
  padding-bottom: 13px;
}
.c-con .container .c-lf ul {
  margin-top: 16px;
}
.c-con .container .c-lf ul li {
  margin-bottom: 23px;
}
.c-con .container .c-lf ul li a {
  font-size: 18px;
  color: #333333;
  font-family: 'Noto Sans SC', sans-serif;
  transition: all 0.4s;
  display: block;
}
.c-con .container .c-lf ul li:hover a {
  color: #ff6a4a;
}
.c-con .container .c-lf ul .active a {
  color: #ff6a4a;
}
.c-con .container .c-lf ul li:last-child {
  margin-bottom: 0;
}
.c-con .container .c-rt {
  width: 80.65%;
}
.c-con .container .c-rt .row {
  margin-left: -16px;
  margin-right: -16px;
}
.c-con .container .c-rt .row .c-items {
  padding: 0 16px;
  overflow: hidden;
  margin-bottom: 32px;
}
.c-con .container .c-rt .row .c-items .con {
  position: relative;
  background: #fff;
  padding: 25px 0 25px 0;
  transition: all 0.4s;
}
.c-con .container .c-rt .row .c-items .con .c-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 197px;
}
.c-con .container .c-rt .row .c-items .con .c-thumb img {
  max-height: 100%;
  transition: all 0.4s;
  max-width: 90%;
}
.c-con .container .c-rt .row .c-items .con .c-tit {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-top: 33px;
  transition: all 0.4s;
}
.c-con .container .c-rt .row .c-items .con .xf {
  background: url(../images/xf-bg.png) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: 100% 100%;
  opacity: 0;
  transition: all 0.5s;
  visibility: hidden;
  display: block;
  cursor: pointer;
  transform: translateY(20px);
}
.c-con .container .c-rt .row .c-items .con .xf .xf-con {
  top: 85.1%;
  position: relative;
  transform: translateY(-50%);
  padding: 0 8%;
}
.c-con .container .c-rt .row .c-items .con .xf .xf-con div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-con .container .c-rt .row .c-items .con .xf .xf-con div a:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.c-con .container .c-rt .row .c-items .con:hover {
  box-shadow: 1px 1px 10px #fff;
}
.c-con .container .c-rt .row .c-items .con:hover .c-thumb img {
  animation: yd 3s linear;
}
.c-con .container .c-rt .row .c-items .con:hover .xf {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.c-con .container .c-rt .row .c-items .con:hover .c-tit {
  opacity: 0;
}
@keyframes yd {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}
.c-con .container .c-rt .showMorehandle {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  transition: all 0.3s;
}
.c-con .container .c-rt .showMorehandle img {
  margin-left: 14px;
  transition: all 0.5s;
}
.c-con .container .c-rt .showMorehandle:hover {
  color: #ff6a4a;
}
.c-con .container .c-rt .showMorehandle:hover img {
  transform: rotateZ(360deg);
}
.cshow-con {
  padding: 60px 6.5% 85px 6.5%;
  background: #fff;
}
.cshow-con .cs-bt {
  font-size: 24px;
  font-weight: bold;
  color: #ff6a4a;
  transform: translateY(100%) rotate(10deg);
  transform-origin: left;
  transition: var(--custom-transiton2);
  transition-duration: 1s;
  transition-property: transform, opacity;
}
.cshow-con .cs-tp {
  animation-delay: 1s;
  padding-left: 0%;
  margin-top: 60px;
}
.cshowtp-pagination{
    margin-top: 32px;
    text-align: center;
    bottom: 0;
    position: relative;
}
.cshowtp-pagination .swiper-pagination-bullet{
    margin: 0 8px;
    width: 15px;
    height: 15px;
    opacity: 1;
    transition: all .5s;
        background: rgba(0, 0, 0, .2);
}
.cshowtp-swiper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cshowtp-pagination .swiper-pagination-bullet-active{
    background: #ff6a4a;
}
.cshow-con .cs-tp img:hover {
  /*animation: yd 3s linear;*/
}
.cshow-con .cs-content {
  margin-top: 75px;
}
.cshow-con .cs-content h4 {
  font-size: 22px;
  border-bottom: 1px solid #e6e7eb;
  color: #ff6a4a;
  padding-bottom: 12px;
  margin-bottom: 21px;
}
.cshow-con .cs-content table {
  width: 100%;
}
.cshow-con .cs-content table tr td {
  font-size: 14px;
  color: #666666;
  font-family: 'Noto Sans SC', sans-serif;
  padding: 10px 0;
}
.cshow-con .cs-content table tr td:nth-child(2) {
  width: 38.6%;
}
.cshow-con .cs-content table tr td:nth-child(3),
.cshow-con .cs-content table tr td:nth-child(1) {
  /*width: 15.2%;*/
}
.cshow-con .cs-content table tr td:nth-child(2n) {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  transition: all 0.4s;
}
.cshow-con .cs-content table tr td:nth-child(2n):hover {
  color: #ff6a4a;
}
.mb-jt{
    display: none;
}
@media (max-width: 1650px) {
  .container {
    max-width: 90%;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con h3 {
    font-size: 47px;
    line-height: 60px;
  }
  .cpzx .container .cpzx-bt {
    font-size: 38px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h3 {
    font-size: 32px;
  }
  .why .why-lf .why-lf-con h3 {
    font-size: 48px;
  }
  .why .why-lf .why-lf-con h4 {
    font-size: 36px;
  }
  .why .why-lf .why-lf-con .container .yc div {
    font-size: 19px;
  }
  .made .container .made-lf .con h3 {
    font-size: 42px;
  }
  .shipin .xf .con .bt {
    font-size: 25px;
  }
  .c-bt h3 {
    font-size: 34px;
  }
  .c-con .container .c-lf h3 {
    font-size: 23px;
  }
  .c-con .container .c-lf ul li a {
    font-size: 17px;
  }
}
@media (max-width: 1599px) {
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con h3 {
    font-size: 42px;
    line-height: 54px;
  }
  .cpzx .container .cpzx-bt {
    font-size: 34px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h3 {
    font-size: 29px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h4 {
    font-size: 21px;
    margin-top: 17px;
  }
  .cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide {
    font-size: 19px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div {
    margin-top: 30px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con a {
    width: 156px;
    height: 42px;
    font-size: 15px;
  }
  .why .why-lf .why-lf-con h3 {
    font-size: 43px;
  }
  .why .why-lf .why-lf-con h4 {
    font-size: 34px;
  }
  .why .why-lf .why-lf-con .container .yc div {
    font-size: 17px;
  }
  .made .container .made-lf .con h3 {
    font-size: 38px;
    margin-bottom: 10px;
  }
  .made .container .made-lf .con .made-nr {
    margin-top: 13px;
  }
  .made .container .made-lf .con a {
    margin-top: 37px;
  }
  .c-con .container .c-rt .row .c-items .con .c-thumb img {
    max-width: 80%;
  }
  .c-con .container .c-rt .row .c-items .con .c-thumb {
    height: 175px;
  }
  .c-con .container .c-rt .row .c-items .con .c-tit {
    margin-top: 20px;
  }
  .foot {
    background-position: 48% 100%;
  }
}
@media (max-width: 1477px) {
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(1) {
    padding-left: 8%;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td {
    width: 38%;
  }
  .head .container .head-rt ul {
    width: 48%;
  }
  .c-bt h3 {
    font-size: 31px;
  }
  .c-con .container .c-lf h3 {
    font-size: 21px;
  }
  .c-con .container .c-lf ul li a {
    font-size: 16px;
  }
  .c-con .container .c-lf ul li {
    margin-bottom: 14px;
  }
  .c-con .container .c-rt .row .c-items .con {
    padding: 13px 0;
  }
  .c-con .container .c-rt .row .c-items .con .c-tit {
    margin-top: 10px;
  }
  .foot {
    background-position: 48% 100%;
  }
}
@media (max-width: 1365px) {
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con h3 {
    font-size: 37px;
    line-height: 49px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(2) {
    line-height: 20px;
  }
  .cpzx .container .cpzx-bt {
    font-size: 30px;
  }
  .cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide {
    font-size: 18px;
  }
  .cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a img {
    max-width: 90%;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h3 {
    font-size: 25px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h4 {
    font-size: 18px;
    margin-top: 13px;
  }
  .why .why-lf .why-lf-con h3 {
    font-size: 37px;
  }
  .why .why-lf .why-lf-con h4 {
    font-size: 29px;
    margin-top: 30px;
  }
  .why .why-lf .why-lf-con .container .yc div {
    font-size: 16px;
    line-height: 27px;
    margin-top: 0;
  }
  .made .container .made-lf .con h3 {
    font-size: 33px;
    margin-bottom: 0;
  }
  .made .container .made-lf .con .made-nr {
    font-size: 15px;
    line-height: 26px;
    margin-top: 7px;
  }
  .shipin .xf .con .bt {
    font-size: 21px;
  }
  .c-bt h3 {
    font-size: 26px;
  }
  .c-bt div {
    margin-top: 2px;
  }
  .c-bt {
    margin-top: 34px;
  }
  .c-con {
    padding-top: 52px;
    padding-bottom: 53px;
    margin-top: 31px;
  }
  .c-con .container .c-lf h3 {
    font-size: 18px;
  }
  .c-con .container .c-lf ul li {
    margin-bottom: 10px;
  }
  .c-con .container .c-rt .row .c-items {
    padding: 0 8px;
    margin-bottom: 16px;
  }
  .c-con .container .c-rt .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .c-con .container .c-rt .row .c-items .con .c-thumb {
    height: 155px;
  }
}
@media (max-width: 1199px) {
  .banner {
    margin-top: 0;
  }
  .head .container .head-rt ul {
    width: 64%;
  }
  .cpzx .container {
    flex-wrap: wrap;
  }
  .cpzx .container .cpzx-rt {
    width: 100%;
    margin-top: 47px;
  }
  .cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a img {
    max-width: 100%;
  }
  .cpzx .container .cpzx-cen {
    width: 80%;
    margin-left: 0;
  }
  .cpzx .container .cpzx-cen .ctp-pagination {
    left: -14%;
  }
  .foot .container .foot-cen .footcen-items {
    width: 50%;
  }
  .c-con .container .c-lf h3 {
    white-space: nowrap;
    font-size: 15px;
  }
  .foot .container .foot-cen .liuyan-form {
    width: auto;
}
}
@media (max-width: 990px) {
  .head .container .head-rt ul {
    display: none;
  }
  .cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a img {
    max-width: 90%;
  }
  .cpzx .container .cpzx-lf {
    margin-top: 73px;
  }
  .foot .container .foot-tp ul {
    width: 56%;
  }
  .c-con .container .c-lf {
    display: none;
  }
  .c-con .container .c-rt {
    width: 100%;
  }
  .cshow-con .cs-content table tr td {
    line-height: 22px;
  }
  .cshow-con .cs-content table tr td:nth-child(2) {
    padding: 10px;
  }
  .head .container .head-rt .head-lan {
    display: none;
  }
  .mb-zd{
      display: block;
  }
  .head-logo{
      width: 155px;
  }
  .head {
    padding: 11px 0;
    background: #fff;
  }
  .head .container .head-logo img:nth-child(1){
      display: none;
  }
  .head .container .head-logo img:nth-child(2){
      display: block;
  }
  .head .container .head-logo {
    width: 80px;
}
.mb-jt{
        display: flex;
        align-items: center;
        font-size: 17px;
        font-weight: bold;
}
.mb-jt img{
        width: 14px;
        margin: 0 19px 0 10px;
}
}
@media (max-width: 767px) {
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .i-crumb .container div a {
    font-size: 14px;
  }
  .cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a{
      height: 200px;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con .nr-nr {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin-top: 11px;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr .container .slide-con a {
    width: 124px;
    height: 37px;
    font-size: 13px;
    margin-top: 29px;
  }
  .cpzx .container .cpzx-bt {
    font-size: 21px;
  }
  .ss::after {
    transform: skew(-50deg) translateX(262%);
  }
  .ctit-swiper {
    /*display: none;*/
  }
  .cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper{
      flex-direction: row !important;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide{
    font-size: 16px;
    width: calc(100%/2) !important;
        margin-bottom: -2px !important;
    /*text-align: center;*/
      
  }
.cpzx .container .cpzx-lf {
    margin-top: -10px;
    width: 100%;
}
.cpzx .container .cpzx-lf .ctit-swiper .swiper-wrapper .swiper-slide:hover {
    /*color: #333;*/
}
  .cpzx .container .cpzx-cen {
    width: 100%;
        margin-top: 17px;
  }
  .cpzx {
    padding-top: 38px;
    padding-bottom: 29px;
  }
  .cpzx .container {
    padding-top: 49px;
  }
  .cpzx .container .cpzx-cen .ctp-swiper .swiper-wrapper .swiper-slide a img {
    max-width: 90%;
  }
  .cpzx .container .cpzx-cen .ctp-pagination {
    left: 0;
    margin-top: 14px;
  }
  .cpzx .container .cpzx-cen .ctp-pagination .swiper-pagination-bullet {
    margin: 0 4px;
    width: 6px;
    height: 6px;
  }
  .cpzx .container .cpzx-cen .ctp-pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h3,
  .made .container .made-lf .con h3 {
    font-size: 21px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con h4 {
    font-size: 17px;
    margin-top: 5px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(1) {
    padding-left: 19px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td,
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(2) {
    font-size: 13px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div table tr td:nth-child(2) {
    line-height: 18px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con div {
    margin-top: 16px;
  }
  .cpzx .container .cpzx-rt {
    padding: 29px 21px;
    margin-top: 0px;
    padding-bottom: 18px;
  }
  .cpzx .container .cpzx-rt .cxq-swiper .swiper-wrapper .swiper-slide .slide-con a {
    width: 130px;
    height: 35px;
    font-size: 14px;
    margin-top: 15px;
  }
  .why .why-lf .why-lf-con h3 {
    font-size: 22px;
  }
  .why .why-lf .why-lf-con h4 {
    font-size: 22px;
    margin-top: 15px;
  }
  .why .why-lf .why-lf-con .container .yc div {
    font-size: 14px;
    line-height: 23px;
    margin-top: 11px;
    width: 100%;
  }
  .why,
  .made .container {
    display: block;
  }
  .why .why-lf,
  .why .why-rt {
    width: 100%;
  }
  .why .why-lf .why-lf-con {
    position: relative;
  }
  .why .why-rt .why-bg {
    min-height: 316px;
  }
  .why .why-lf .why-lf-con a {
    width: 112px;
    height: 35px;
    margin-top: 21px;
  }
  .why .why-lf .why-lf-con .av-container .yc,
  .made .container .made-lf .con .av-container .yc {
    padding: 0 !important;
  }
  .why .why-lf .why-lf-con .av-container:last-child .yc,
  .made .container .made-lf .con .av-container:last-child .yc {
    padding: 10px 0;
  }
  .why .why-lf {
    padding: 38px 0 29px 0;
  }
  .made .container .made-lf {
    width: 100%;
    top: 0;
  }
  .made .container .made-lf .con .made-nr {
    font-size: 14px;
    line-height: 23px;
    margin-top: 9px;
  }
  .made {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .made .container .made-lf .con .av-container:nth-child(2) img {
    width: 24px;
  }
  .made .container .made-lf .con h3 {
    margin-bottom: 8px;
  }
  .made .container .made-lf .con a {
    width: 113px;
    height: 35px;
    margin-top: 22px;
  }
  .made .container .made-rt {
    width: 100%;
    margin-top: 26px;
  }
  .shipin .xf .con {
    white-space: nowrap;
  }
  .shipin .xf .con img {
    width: 80%;
  }
  .shipin .xf .con .bt {
    font-size: 17px;
    margin-top: 1px;
  }
  .shipin .xf .con .an {
    width: 131px;
    height: 35px;
    font-size: 15px;
    margin-top: 15px;
  }
  .shipin .sp {
    height: auto;
  }
  .foot .container .foot-tp {
    display: block;
    margin-bottom: 0;
    padding-bottom: 15px;
  }
  .foot .container .foot-tp ul {
    width: 100%;
    flex-wrap: wrap;
  }
  .foot .container .foot-tp ul li a {
    font-size: 14px;
  }
  .foot .container .foot-tp ul {
    margin-top: 11px;
  }
  .foot {
    padding-top: 33px;
    background-position: 59% 100%;
  }
  .foot .container .foot-tp div img {
    width: 165px;
  }
  .foot .container .foot-cen {
    display: block;
    margin-top: 2px;
  }
  .foot .container .foot-cen .footcen-items {
    width: 100%;
  }
  .foot .container .foot-cen .footcen-items h3 {
    font-size: 17px;
  }
  .foot .container .foot-cen .footcen-items ul li div {
    line-height: 18px;
  }
  .foot .container .foot-cen .footcen-items ul li {
    margin-bottom: 2px;
  }
  .foot .container .foot-cen .footcen-items ul {
    margin-top: 7px;
  }
  .foot .container .foot-cen .footcen-items:nth-child(2) {
    margin-top: 38px;
  }
  .foot .container .foot-bt {
    display: block;
    text-align: center;
    line-height: 19px;
    padding: 15px 0;
    margin-top: 23px;
  }
  .shanshuo::after {
    left: -220%;
  }
  .shanshuo::after {
    transform: skew(-50deg) scale(8);
  }
  .ss::after {
    transform: skew(-50deg) translateX(600%);
  }
  .c-con {
    overflow: hidden;
  }
  .i-crumb .container {
    height: 43px;
  }
  .c-bt h3 {
    font-size: 21px;
  }
  .c-bt div {
    margin-top: 5px;
    line-height: 23px;
    font-size: 14px;
  }
  .c-bt {
    margin-top: 26px;
  }
  .c-con {
    padding-top: 35px;
    padding-bottom: 23px;
    margin-top: 23px;
  }
  .c-con .container .c-rt .row .c-items {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 6px;
    margin-bottom: 12px;
  }
  .c-con .container .c-rt .row {
    margin-left: -6px;
    margin-right: -6px;
  }
  .c-con .container .c-rt .row .c-items .con .c-thumb {
    height: 94px;
  }
  .c-con .container .c-rt .row .c-items .con {
    padding: 8px 0;
  }
  .c-con .container .c-rt .row .c-items .con .c-tit {
    font-size: 15px;
    margin-top: 3px;
  }
  .c-con .container .c-rt .row .c-items .con .xf .xf-con div a:nth-child(1) {
    font-size: 15px;
  }
  .c-con .container .c-rt .row .c-items .con .xf .xf-con div a:nth-child(2) {
    width: 22px;
  }
  .cshow-con .cs-bt {
    font-size: 21px;
  }
  .cshow-con {
    padding: 29px 6.5% 26px 6.5%;
  }
  .cshow-con .cs-tp {
    margin-top: 37px;
    padding: 0;
    text-align: center;
  }
  .cshow-con .cs-content h4 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .cshow-con .cs-content {
    margin-top: 31px;
  }
  .cshow-con .cs-content table {
    width: 730px;
  }
  .cshow-con .cs-content div {
    overflow: scroll;
  }
  .cs-tp::before {
    transition-delay: 0.5s;
  }
  .cshowtp-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 10px;
  }
  .cshowtp-pagination {
    margin-top: 16px;
  }
  .foot .container .foot-cen .liuyan-form .row .rt input,.foot .container .foot-cen .liuyan-form .row .rt textarea{
      width: 71vw;
  }
  .banner .ban-swiper .swiper-wrapper .swiper-slide .slide-nr{
      padding-bottom: 7%;
  }
}