input:focus {
  outline: none;
}

p {
  margin-bottom: 0;
}

li,
ol,
ul {
  margin: 0;
  padding: 0;
}
.a_none{
  cursor: default !important; 
}
.a_none:hover{
  cursor: default !important; 
}
.img-box {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

.img-box:hover img {
  transform: scale(1.06);
}

.img-box img {
  transition: all 0.4s;
}

.img-box img,
.img-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

img.lazy {
  min-width: 1px;
  min-height: 1px;
  background: url(../images/ajax-loader.gif) no-repeat center;
}

.lazy {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.loaded {
  background-size: cover;
}

.table-box {
  overflow-x: auto;
}

.fancybox-slide--iframe .fancybox-content {
  width: 100%;
  max-width: 80%;
  height: 100%;
  min-height: 50%;
  max-height: 80%;
  margin: 0;
}

.fancybox-slide--video video {
  max-width: 80%;
  padding: 0;
}

.auto-adjust-img.is-mobile img {
  max-width: 100% !important;
  height: auto !important;
  margin: 5px 0;
}

.auto-adjust-img p.contains-pictures {
  padding: 0;
  margin: 0 -5px !important;
  font-size: 0 !important;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .auto-adjust-img p.contains-pictures {
    white-space: nowrap;
  }
}

.auto-adjust-img p.contains-pictures>img {
  display: inline-block;
  margin: 5px;
}

.fszero {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.fszero h1 {
  margin: 0;
}

@media (max-width: 990px) {
  .container2 {
    max-width: 95%;
  }
}

@media (max-width: 767px) {
  .fancybox-slide--video video {
    max-width: 95%;
  }
}

.fancybox-slide>video {
  padding: 0;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1410px;
  }
}

@media (min-width: 1780px) {
  .container.con1750 {
    max-width: 1750px;
  }
}

@media (min-width: 1710px) {
  .container.con1680 {
    max-width: 1680px;
  }
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.woff2') format('woff2'), url('../fonts/Manrope-Medium.woff') format('woff'), url('../fonts/Manrope-Medium.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'Anton';
  src: url('../fonts/Anton-Regular.woff2') format('woff2'), url('../fonts/Anton-Regular.woff') format('woff'), url('../fonts/Anton-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff') format('woff'), url('../fonts/SourceHanSansCN-Heavy-Alphabetic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 900;
}

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Bold-Alphabetic.woff') format('woff'), url('../fonts/SourceHanSansCN-Bold-Alphabetic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../fonts/SourceHanSansCN-Medium-Alphabetic.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Medium-Alphabetic.woff') format('woff'), url('../fonts/SourceHanSansCN-Medium-Alphabetic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: 'SourceHanSansCN';
  src: local('SourceHanSansCN Regular Alphabetic '), local('SourceHanSansCN-Regular-Alphabetic'), url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff2') format('woff2'), url('../fonts/SourceHanSansCN-Regular-Alphabetic.woff') format('woff'), url('../fonts/SourceHanSansCN-Regular-Alphabetic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

body {
  font-family: 'SourceHanSansCN', Arial, Helvetica, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "PingFang SC", "Hiragino Sans GB", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  transition: all 0.3s;
}

.index-padding {
  padding: 88px 0;
}

@media (max-width: 1400px) {
  .index-padding {
    padding: 60px 0;
  }
}

@media (max-width: 1199px) {
  .index-padding {
    padding: 40px 0;
  }
}

.index-title h3 {
  position: relative;
  display: flex;
  justify-content: center;
}

.index-title h3::after {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1000%;
  height: 1px;
  background-color: #DDDDDD;
}

.index-title b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #DDD;
  background: #FFF;
  text-align: center;
  padding: 10px 45px;
  background-color: #FFF;
  position: relative;
  z-index: 5;
  color: #686d7a;
  /* font-size: 20px; */
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 1400px) {
  .index-title b {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .index-title b {
    font-size: 14px;
  }
}

.index-title b::after {
  content: '';
  position: absolute;
  right: calc(100% + 1px);
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  z-index: 5;
}

.index-title b::before {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  z-index: 5;
}

.index-title h2 {
  margin: 0;
  color: #000000 !important;
  text-align: center;
  font-size: 40px !important;
  font-weight: 700 !important;
  /* font-weight: 600; */
  letter-spacing: 2.88px;
}

@media (max-width: 1470px) {
  .index-title h2 {
    font-size: 34px !important;
  }
}

@media (max-width: 1199px) {
  .index-title h2 {
    font-size: 32px !important;
  }
}

@media (max-width: 991px) {
  .index-title h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 767px) {
  .index-title h2 {
    font-size: 24px !important;
  }
}

@media (max-width: 575px) {
  .index-title h2 {
    font-size: 22px !important;
  }
}

.index-title p {
  font-size: 18px !important;
  color: #686d7a !important;
  text-align: center;
  /* font-size: 16px; */
  font-weight: 400;
  /* 175% */
}

@media (max-width: 767px) {
  .index-title p {
    font-size: 14px !important;
  }
}

.header.scrolled {
  border: none;
  top: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px 0;
  /* margin-top: -100%; */
}

.header {
  position: fixed;
  top: 30px;
  z-index: 999;
  width: 100%;
  padding: 0;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .header {
    top: 10px;
  }
}

.header .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2%;
  margin: 0 auto;
}

.header .box .logo {
  width: 230px;
}

@media (max-width: 1560px) {
  .header .box .logo {
    width: 180px;
  }
}

.header .box .logo a img {
  width: 100%;
}

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

@media (max-width: 1199px) {
  .header .box .right .header-nav {
    display: none;
  }
}

.header .box .right .header-nav ul {
  list-style: none;
  display: flex;
}

.header .box .right .header-nav ul>li {
  margin-right: 60px;
  position: relative;
}

@media (max-width: 1920px) {
  .header .box .right .header-nav ul>li {
    margin-right: 40px;
  }
}

@media (max-width: 1660px) {
  .header .box .right .header-nav ul>li {
    margin-right: 30px;
  }
}

@media (max-width: 1400px) {
  .header .box .right .header-nav ul>li {
    margin-right: 20px;
  }
}

.header .box .right .header-nav ul>li:last-child {
  margin-right: 0;
}

.header .box .right .header-nav ul>li a {
  display: inline-block;
  padding: 10px 0;
  position: relative;
  color: #FFF;
  font-size: 16px;
  letter-spacing: 0.32px;
}

@media(max-width: 1560px) {
  .header .box .right .header-nav ul>li a {
    font-size: 14px;
  }
}

.header .box .right .header-nav ul>li a::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 3px;
  background-color: #DB481D;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.5s;
}

.header .box .right .header-nav ul>li a:hover::after {
  opacity: 1;
}

.header .box .right .header-nav ul>li a.active::after {
  opacity: 1;
}

.header .box .right .header-nav ul>li ul {
  display: none;
  background-color: #FFF;
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 100%;
  transform: translateX(-50%)
}

.header .box .right .header-nav ul>li ul li {
  margin-right: 0;
  padding: 5px 20px;
}

.header .box .right .header-nav ul>li ul li a {
  color: #000;
  white-space: nowrap;
  font-size: 16px;
}

.header .box .right .language-search {
  margin-left: 110px;
  display: flex;
  align-items: center;
}

@media (max-width: 1710px) {
  .header .box .right .language-search {
    margin-left: 60px;
  }
}

@media (max-width: 1560px) {
  .header .box .right .language-search {
    margin-left: 40px;
  }
}

@media (max-width: 1400px) {
  .header .box .right .language-search {
    margin-left: 30px;
  }
}

.header .box .right .language-search .language a {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}







.header .box .right .language-search .language {
  position: relative;

}

.header .box .right .language-search .language p {
  cursor: pointer;

}

.header .box .right .language-search .language ul {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  background-color: #FFF;
  list-style: none;
  padding: 10px 0;
  border-radius: 5px;
  z-index: 99;
  display: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.header .box .right .language-search .language ul li a {
  color: #111111;
  padding: 10px 20px;
  transition: all 0.5s;
  display: block;
}

.header .box .right .language-search .language ul li a img {
  width: 30px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.header .box .right .language-search .language ul li a span {
  display: block;
  text-align: center;
  margin-top: 10px;
  transition: all 0.5s;
  font-size: 14px;
}

.header .box .right .language-search .language ul li a:hover span {
  color: #DB481D;
}




















.header .box .right .language-search .hr {
  width: 1px;
  height: 12px;
  background-color: #FFF;
  margin: 0 23px;
}


@media (max-width: 1440px) {
  .header .box .right .language-search .hr {
    margin: 0 10px;
  }
}

.header .box .right .language-search .serch-box .search {
  display: none;
  color: #FFF;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 1199px) {
  .header .box .right .language-search .serch-box .search {
    display: block;
  }
}

.header .box .right .language-search .serch-box form {
  width: 280px;
  padding: 7px 19px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10.19999981px);
}

@media (max-width: 1660px) {
  .header .box .right .language-search .serch-box form {
    width: 230px;
  }
}

@media (max-width: 1400px) {
  .header .box .right .language-search .serch-box form {
    width: 150px;
  }
}

@media (max-width: 1199px) {
  .header .box .right .language-search .serch-box form {
    display: none !important;
  }
}

.header .box .right .language-search .serch-box form input {
  width: 90%;
  border: none;
  outline: none;
  background: transparent;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.24px;
}

.header .box .right .language-search .serch-box form input::placeholder {
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.24px;
}

.header .box .right .language-search .serch-box form button {
  border: none;
  outline: none;
  background: transparent;
}

.header .box .right .language-search .serch-box form button .iconfont {
  font-size: 25px;
  color: #FFF;
}

.header-serch-box {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

.header-serch-box form {
  margin-bottom: 0;
  width: 60%;
  padding: 10px;
  background-color: #FFFFFF;
}

@media (max-width: 767px) {
  .header-serch-box form {
    width: 80%;
  }
}

.header-serch-box input {
  height: 40px;
  padding: 0 0 0 12px;
  color: rgba(38, 38, 38, 0.4);
  font-size: 14px;
  border: 1px solid #ED6F00;
  width: 94%;
}

.header-serch-box button {
  border-radius: 5px;
  background: #999;
  width: 74px;
  height: 40px;
  color: #FFF;
  text-align: center;
  text-transform: capitalize;
  margin-left: 7px;
  border: none;
  transition: background-color 0.3s ease;
}

.header-serch-box button:hover {
  background-color: #ED6F00;
}

.header-serch-box button .iconfont {
  font-size: 20px;
}

.header-serch-box .header-serch-none {
  font-size: 46px;
  cursor: pointer;
  position: fixed;
  top: 5%;
  right: 7%;
  color: #FFFFFF;
}

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

.btn-menu {
  position: relative;
  display: none;
  margin-left: 10px;
}

.btn-menu a {
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.3s;
}

.btn-menu a .iconfont {
  font-size: 28px;
}

@media (max-width: 767px) {
  .btn-menu a .iconfont {
    font-size: 24px;
  }
}

@media (max-width: 1199px) {
  .btn-menu {
    display: inline-block;
    vertical-align: middle;
  }
}

@media (max-width: 575px) {
  .btn-menu {
    margin-left: 0;
  }
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes headerNav {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-110%);
  }

  100% {
    transform: translateY(0);
  }
}

.banner-box {
  position: relative;
}

.banner-box .banner {
  font-size: 0;
  position: relative;
  z-index: 8;
  clear: both;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.banner-box .banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  left: 0;
  border-radius: 100px 100px 0 0;
}

@media (max-width: 1199px) {
  .banner-box .banner::after {
    height: 20px;
  }
}

.banner-box .banner img {
  display: block;
  width: 100%;
}

.banner-box .banner .swiper-slide {
  overflow: hidden;
}

.banner-box .banner .item {
  position: relative;
  display: block;
  overflow: hidden;
}

.banner-box .banner .banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-box .banner.hide-arrow .slick-arrow,
.banner-box .banner.hide-arrow {
  display: none !important;
}

.banner-box .banner.hide-video video {
  display: none !important;
}

.banner-box .banner-video-box {
  position: relative;
  display: block;
  padding-bottom: calc(980 / 1920 * 100%);
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
}

.banner-box .banner-video-box .fluid_video_wrapper {
  position: absolute;
  z-index: 10;
}

.banner-box .banner-video-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-box .banner-video-box .fluid_initial_play {
  background-color: #152c5f !important;
}

.banner-box .banner .mobile-video {
  position: relative;
  display: block;
}

.banner-box .banner .mobile-video:after {
  z-index: 2;
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
}

.banner-box .banner .mobile-video:before {
  font-size: 50px;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  content: '\e644';
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.banner-box .banner .slick-arrow {
  line-height: 80px;
  position: absolute;
  z-index: 9;
  top: -webkit-calc(90%);
  top: calc(50% + 40px);
  left: 3%;
  width: 26px;
  height: 80px;
  padding: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 991px) {
  .banner-box .banner .slick-arrow {
    line-height: 50px;
    height: 50px;
  }
}

.banner-box .banner .slick-arrow:before {
  font-size: 20px;
  content: '\eb60';
}

.banner-box .banner .slick-arrow.slick-next {
  right: 5%;
  left: auto;
}

.banner-box .banner .slick-arrow:hover {
  background-color: rgba(21, 44, 95, 0.7);
}


.swiper-pagination {
  bottom: 4% !important;
  z-index: 66;
  display: flex !important;
  padding-right: 16%;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .swiper-pagination {
    bottom: 20px !important;
  }
}

@media (max-width: 575px) {
  .swiper-pagination {
    bottom: 10px !important;
  }
}

.swiper-pagination-bullet-active {
  position: relative;
  background-color: #EE5519 !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  content: '';
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  background: url(../img/index-banner-1.png) no-repeat center;
  background-size: cover;
}

/* 定义旋转动画 */
@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  border-radius: 100px;
  background-color: #FFFFFFB0;
  margin: 0 12px !important;
  opacity: 0.69 !important;
}

.index-nav.show {
  right: calc(100% - 100%);
  /* 滑入左侧 */
}

.index-nav {
  position: fixed;
  top: 40%;
  right: 0px;
  z-index: 222;
  padding: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}

@media (max-width: 1199px) {
  .index-nav {
    display: none;
  }
}

@media (max-width: 767px) {
  .index-nav {
    top: 30%;
  }
}

.index-nav .a {
  display: block;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .index-nav .a {
    margin-top: 20px;
  }
}

.index-nav .a:nth-child(1) {
  margin-top: 0;
}

.index-nav .a .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.index-nav .a:hover .fix-nav-phonenumber {
  transform: translateY(-50%) translateX(0);
}

.index-nav .a:hover .iconfont {
  color: #DB481D;
}

.index-nav .fix-nav-phonenumber {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(300%);
  transition: all 0.3s ease;
  line-height: 30px;
}

.index-nav .fix-nav-phonenumber p {
  margin: 0;
  padding: 4px 10px;
  color: #fff;
  border-radius: 8px;
  background-color: #DB481D;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  white-space: nowrap;
}

.index-nav .fix-nav-phonenumber p img {
  width: 100px;
  background-color: #FFFFFF;
}

.fix-nav-none {
  display: none;
  position: fixed;
  right: 0;
  color: white;
  bottom: 10%;
  font-size: 40px;
  border: 1px solid #333;
  border-radius: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background-color: #333;
  text-align: center;
  z-index: 222;
}

@media (max-width: 1199px) {
  .fix-nav-none {
    display: block;
    bottom: 10%;
  }
}

.fix-nav-none.rotated {
  transform: rotate(45deg);
  transition: all 0.5s;
}

.xs-online {
  position: fixed;
  z-index: 222;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: calc(env(safe-area-inset-bottom) - 15px);
  color: #fff;
  background-color: #DB481D;
  box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: none;
}

.xs-online .imgbbb {
  transform: translateX(-50%) translateY(-120px) !important;
  animation: fadeInUp 0.5s ease forwards;
}

.xs-online .xs-online-wx {
  position: relative;
}

.xs-online .xs-online-wx img {
  position: absolute;
  width: 100px;
  left: 50%;
  background-color: #FFFFFF;
  transform: translateX(-50%) translateY(60px);
  transition: all 0.3 ease;
}

.xs-online ul li {
  float: left;
  width: 20%;
  list-style: none;
  border-right: 1px solid #000;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}

.xs-online ul li .iconfont {
  display: block;
}

.xs-online ul li:first-child {
  border-left: none;
}

.xs-online a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: white;
}

@media (max-width: 767px) {
  .xs-online a {
    font-size: 12px;
  }
}

.xs-online a .iconfont {
  font-size: 18px;
}

@media (max-width: 1199px) {
  .xs-online {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .slick-dots {
    display: none !important;
  }
}

.index-more {
  display: flex;
  justify-content: center;
}

.index-more .more-bgimg {
  display: inline-block;
  padding: 7px;
  background: url(../img/about-more-1.png) no-repeat;
  background-size: auto 100%;
}

.index-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #52C391;
  background-color: #FFF;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.23);
  padding: 11px 36px;
  transition: all 0.5s;
}

@media (max-width: 991px) {
  .index-more a {
    padding: 10px 30px;
  }
}

.index-more a:hover {
  border: 1px solid #52C391;
  background-color: #ED6F00;
}

.index-more a:hover span {
  color: #FFF;
}

.index-more a:hover .iconfont {
  color: #ED6F00;
}

.index-more a span {
  color: #023D23;
  text-align: center;
  font-size: 16px;
  transition: all 0.5s;
  font-weight: 400;
}

@media (max-width: 991px) {
  .index-more a span {
    font-size: 14px;
  }
}

.index-more a .iconfont {
  display: inline-block;
  margin-left: 11px;
  font-size: 14px;
  color: #023D23;
  line-height: 1;
  transition: all 0.5s;
}

.index .index-top-cont {
  background: #F7F7F7;
  overflow: hidden;
  padding: 24px 0;
}

.index .index-top-cont .content .row-box {
  margin: 0 -75px;
}

@media (max-width: 1710px) {
  .index .index-top-cont .content .row-box {
    margin: 0 -25px;
  }
}

@media (max-width: 1400px) {
  .index .index-top-cont .content .row-box {
    margin: 0 -20px;
  }
}

.index .index-top-cont .content .row-box .col-box {
  padding: 0 75px;
}

@media (max-width: 1710px) {
  .index .index-top-cont .content .row-box .col-box {
    padding: 0 25px;
  }
}

@media (max-width: 1400px) {
  .index .index-top-cont .content .row-box .col-box {
    padding: 0 20px;
  }
}

.index .index-top-cont .content .row-box .col-box .item {
  display: flex;
}

.index .index-top-cont .content .row-box .col-box .item .left {
  width: 110px;
}

@media (max-width: 1400px) {
  .index .index-top-cont .content .row-box .col-box .item .left {
    width: 80px;
  }
}

.index .index-top-cont .content .row-box .col-box .item .left .img-box {
  padding-bottom: calc(50 / 113 * 100%);
}

.index .index-top-cont .content .row-box .col-box .item .right {
  width: calc(100% - 110px - 20px);
  margin-left: auto;
}

@media (max-width: 1400px) {
  .index .index-top-cont .content .row-box .col-box .item .right {
    width: calc(100% - 80px - 20px);
  }
}

.index .index-top-cont .content .row-box .col-box .item .right .date-address {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .index .index-top-cont .content .row-box .col-box .item .right .date-address {
    flex-wrap: wrap;
  }
}

.index .index-top-cont .content .row-box .col-box .item .right .date-address .list {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

@media (max-width: 1400px) {
  .index .index-top-cont .content .row-box .col-box .item .right .date-address .list {
    margin-right: 10px;
  }
}

@media (max-width: 991px) {
  .index .index-top-cont .content .row-box .col-box .item .right .date-address .list {
    margin-left: 0;
  }

  .index .index-top-cont .content .row-box .col-box .item .right .date-address .list:first-child {
    margin-top: 0;
  }
}

.index .index-top-cont .content .row-box .col-box .item .right .date-address .list:last-child {
  margin-right: 0;
}

.index .index-top-cont .content .row-box .col-box .item .right .date-address .list .iconfont {
  color: #5C3D2D;
  font-size: 16px;
}

@media (max-width: 767px) {
  .index .index-top-cont .content .row-box .col-box .item .right .date-address .list .iconfont {
    font-size: 14px;
  }
}

.index .index-top-cont .content .row-box .col-box .item .right .date-address .list span {
  margin-left: 6px;
  color: #5C3D2D;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  /* 121.429% */
  letter-spacing: 0.84px;
}

.index .index-top-cont .content .row-box .col-box .item .right .text {
  margin-top: 6px;
}

.index .index-top-cont .content .row-box .col-box .item .right .text p {
  color: #010000;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
}

.index .index-about {
  margin-top: 80px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .index .index-about {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .index .index-about {
    margin-top: 40px;
  }
}

.index .index-about .box {
  overflow: hidden;
}

.index .index-about .index-title h2 {
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .index .index-about .index-title h2 {
    margin-top: 10px;
  }
}

.index .index-about .content1-box {
  width: 75%;
  margin: 0 auto;
}

.index .index-about .content1 {
  margin: 0 -5px;
  margin-top: 50px;
  display: flex;
}

@media (max-width: 1400px) {
  .index .index-about .content1 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content1 {
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .index .index-about .content1 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .index .index-about .content1 {
    flex-wrap: wrap;
  }
}

.index .index-about .content1 .list-box {
  width: calc(100% / 3);
  padding: 0 5px;
  transition: all 1s;
}

@media (max-width: 767px) {
  .index .index-about .content1 .list-box {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .index .index-about .content1 .list-box:last-child {
    margin-bottom: 0;
  }
}

.index .index-about .content1 .list-box:hover {
  width: 64%;
}

@media (max-width: 1710px) {
  .index .index-about .content1 .list-box:hover {
    width: 94%;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content1 .list-box:hover {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .index .index-about .content1 .list-box:hover {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .index .index-about .content1 .list-box:hover {
    width: 100%;
  }
}

.index .index-about .content1 .list-box:hover .list .cont {
  opacity: 0.8;
  background-color: #DB481D;
}

.index .index-about .content1 .list-box.on {
  width: 64%;
}

@media (max-width: 1710px) {
  .index .index-about .content1 .list-box.on {
    width: 94%;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content1 .list-box.on {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .index .index-about .content1 .list-box.on {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .index .index-about .content1 .list-box.on {
    width: 100%;
  }
}

.index .index-about .content1 .list-box.on .list .cont {
  opacity: 0.8;
  background-color: #DB481D;
}

.index .index-about .content1 .list-box .list {
  border-radius: 10px;
  height: 400px;
  position: relative;
  overflow: hidden;
  display: block;
}

@media (max-width: 1440px) {
  .index .index-about .content1 .list-box .list {
    height: 375px;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content1 .list-box .list {
    height: 280px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content1 .list-box .list {
    height: 235px;
  }
}

@media (max-width: 991px) {
  .index .index-about .content1 .list-box .list {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .index .index-about .content1 .list-box .list {
    height: auto;
    padding-bottom: calc(566 / 850 * 100%);
    overflow: hidden;
  }
}

.index .index-about .content1 .list-box .list .bgimg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .index .index-about .content1 .list-box .list .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    display: block;
    width: 100%;
    height: 100%;
  }
}

.index .index-about .content1 .list-box .list .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  border-radius: 0 0 10px 10px;
  opacity: 0.7;
  background-color: #000;
  display: flex;
  justify-content: center;
  transition: all 0.5s;
  padding: 22px 0;
}

@media (max-width: 1400px) {
  .index .index-about .content1 .list-box .list .cont {
    padding: 15px 0;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content1 .list-box .list .cont {
    padding: 10px 0;
  }
}

.index .index-about .content1 .list-box .list .cont .tit {
  display: flex;
  align-items: center;
}

.index .index-about .content1 .list-box .list .cont .tit img {
  width: 40px;
}

@media (max-width: 1710px) {
  .index .index-about .content1 .list-box .list .cont .tit img {
    width: 32px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content1 .list-box .list .cont .tit img {
    width: 26px;
  }
}

.index .index-about .content1 .list-box .list .cont .tit span {
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1;
  display: inline-block;
  margin-left: 11px;
}

@media (max-width: 1710px) {
  .index .index-about .content1 .list-box .list .cont .tit span {
    font-size: 20px;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content1 .list-box .list .cont .tit span {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content1 .list-box .list .cont .tit span {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .index .index-about .content1 .list-box .list .cont .tit span {
    font-size: 14px;
  }
}

.index .index-about .content2 {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .index .index-about .content2 {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .index .index-about .content2 {
    margin-top: 20px;
  }
}

.index .index-about .content2 .row-box {
  display: flex;
  justify-content: center;
}

.index .index-about .content2 .row-box .col-box {
  margin-right: 140px;
  padding-right: 140px;
  position: relative;
}

@media (max-width: 1560px) {
  .index .index-about .content2 .row-box .col-box {
    margin-right: 80px;
    padding-right: 80px;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content2 .row-box .col-box {
    margin-right: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content2 .row-box .col-box {
    margin-right: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .index .index-about .content2 .row-box .col-box {
    margin-right: 20px;
    padding-right: 20px;
  }
}

.index .index-about .content2 .row-box .col-box:last-child {
  margin-right: 0;
  padding-right: 0;
}

.index .index-about .content2 .row-box .col-box:last-child::after {
  display: none;
}

.index .index-about .content2 .row-box .col-box::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 99px;
  background: url(../img/abour-bgimg1.png) no-repeat center;
  background-size: cover;
}

.index .index-about .content2 .row-box .col-box .item .cont {
  color: #010000;
  font-family: Manrope;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -1px;
}

@media (max-width: 1560px) {
  .index .index-about .content2 .row-box .col-box .item .cont {
    font-size: 45px;
  }
}

@media (max-width: 1400px) {
  .index .index-about .content2 .row-box .col-box .item .cont {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .index .index-about .content2 .row-box .col-box .item .cont {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .index .index-about .content2 .row-box .col-box .item .cont {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .index .index-about .content2 .row-box .col-box .item .cont {
    font-size: 20px;
  }
}

.index .index-about .content2 .row-box .col-box .item .cont i {
  font-style: normal;
}

.index .index-about .content2 .row-box .col-box .item p {
  margin-top: 10px;
  color: #5C3D2D;
  text-align: center;
  font-size: 16px;
  line-height: 130%;
  /* 20.8px */
}

@media (max-width: 767px) {
  .index .index-about .content2 .row-box .col-box .item p {
    font-size: 14px;
  }
}

.index .index-product {
  margin-top: 100px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .index .index-product {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .index .index-product {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .index .index-product {
    margin-top: 40px;
  }
}

.index .index-product .box {
  overflow: hidden;
}

.index .index-product .box .cont-nav {
  position: relative;
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .index .index-product .box .cont-nav {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .index .index-product .box .cont-nav {
    overflow-x: auto;
  }
}

.index .index-product .box .cont-nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #DDD;
}

.index .index-product .box .cont-nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
}

@media (max-width: 767px) {
  .index .index-product .box .cont-nav ul {
    justify-content: flex-start;
  }
}

.index .index-product .box .cont-nav ul li {
  padding-bottom: 28px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 80px;
  white-space: nowrap;
  /* color: #000; */
  color: #000;
  opacity: 0.7;
  font-size: 24px;
  font-weight: 500;

  transition: all .5s;
}

@media (max-width: 1400px) {
  .index .index-product .box .cont-nav ul li {
    margin-right: 60px;
    padding-bottom: 20px;
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .index .index-product .box .cont-nav ul li {
    font-size: 20px;
    margin-right: 40px;
  }
}

@media (max-width: 991px) {
  .index .index-product .box .cont-nav ul li {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .index .index-product .box .cont-nav ul li {
    font-size: 16px;
  }
}

.index .index-product .box .cont-nav ul li:last-child {
  margin-right: 0;
}
.index .index-product .box .cont-nav ul li:hover{
  opacity: 1;
}
.index .index-product .box .cont-nav ul li:hover::after {
  width: 100%;

}
.index .index-product .box .cont-nav ul li.active{
  opacity: 1;
}
.index .index-product .box .cont-nav ul li.active::after {
  width: 100%;
}

.index .index-product .box .cont-nav ul li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  transition: all 0.5s;
  height: 2px;
  background: #DB481D;
}

.index .index-product .box .content-box {
  margin-top: 50px;
  position: relative;
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box {
    margin-top: 40px;
  }
}

.index .index-product .box .content-box .content {
  display: flex;
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
  transition: all 0.5s;
}

.index .index-product .box .content-box .content.active {
  /* display: flex; */
  position: relative;
  opacity: 1;
  z-index: 5;
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content {
    flex-wrap: wrap;
  }
}

.index .index-product .box .content-box .content .left {
  width: 470px;
}

@media (max-width: 1710px) {
  .index .index-product .box .content-box .content .left {
    width: 390px;
  }
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .left {
    width: 310px;
  }
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content .left {
    width: 50%;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .index .index-product .box .content-box .content .left {
    width: 100%;
  }
}

.index .index-product .box .content-box .content .left .img-box {
  padding-bottom: calc(630 / 470 * 100%);
  border-radius: 10px;
}

@media (max-width: 767px) {
  .index .index-product .box .content-box .content .left .img-box {
    padding-bottom: calc(250 / 470 * 100%);

  }
}

.index .index-product .box .content-box .content .left .img-box img {
  background: transparent;
}

.index .index-product .box .content-box .content .left .img-box .tit {
  position: absolute;
  z-index: 5;
  top: 60px;
  left: 50px;
  color: #FFF;
  font-size: 34px;
  font-weight: 500;
}

.index .index-product .box .content-box .content .left .img-box .tit a {
  color: #FFF;
  transition: all 0.4s;
}

@media (max-width: 1710px) {
  .index .index-product .box .content-box .content .left .img-box .tit {
    top: 40px;
    left: 30px;
    font-size: 28px;
  }
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .left .img-box .tit {
    top: 20px;
    left: 20px;
    font-size: 24px;
  }
}

@media (max-width: 1199px) {
  .index .index-product .box .content-box .content .left .img-box .tit {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content .left .img-box .tit {
    font-size: 20px;
  }
}

.index .index-product .box .content-box .content .left .img-box .more {
  position: absolute;
  z-index: 5;
  right: 45px;
  bottom: 35px;
}

@media (max-width: 1710px) {
  .index .index-product .box .content-box .content .left .img-box .more {
    bottom: 30px;
    right: 40px;
  }
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .left .img-box .more {
    bottom: 20px;
    right: 30px;
  }
}

.index .index-product .box .content-box .content .left .img-box .more a {
  display: inline-flex;
  align-items: center;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;

  transition: all 0.5s;
}

.index .index-product .box .content-box .content .left .img-box:hover .more a {
  color: #DB481D;
}

.index .index-product .box .content-box .content .left .img-box:hover .tit a {
  color: #DB481D;
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .left .img-box .more a {
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .left .img-box .more a {
    font-size: 16px;
  }
}

.index .index-product .box .content-box .content .right {
  width: calc(100% - 470px - 40px);
  margin-left: auto;
}

@media (max-width: 1710px) {
  .index .index-product .box .content-box .content .right {
    width: calc(100% - 390px - 40px);
  }
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .right {
    width: calc(100% - 310px - 30px);
  }
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content .right {
    width: 100%;
  }
}

.index .index-product .box .content-box .content .right .row-box {
  margin: 0 -15px;
  margin-top: -30px;
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .right .row-box {
    margin-top: -20px;
  }
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content .right .row-box {
    margin: 0 -10px;
    margin-top: -20px;
  }
}

.index .index-product .box .content-box .content .right .row-box .col-box {
  padding: 0 15px;
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .index .index-product .box .content-box .content .right .row-box .col-box {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .index .index-product .box .content-box .content .right .row-box .col-box {
    padding: 0 10px;
  }
}

.index .index-product .box .content-box .content .right .row-box .col-box .item {
  background: #F6F6F6;
}

.index .index-product .box .content-box .content .right .row-box .col-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(300 / 570 * 100%);
  mix-blend-mode: multiply;

}

.index .index-product .box .content-box .content .right .row-box .col-box .item .img-box img {
  mix-blend-mode: multiply;

}

.index .index-case {
  margin-top: 110px;
}

@media (max-width: 1400px) {
  .index .index-case {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .index .index-case {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .index .index-case {
    margin-top: 40px;
  }
}

.index .index-case .box {
  overflow: hidden;
}

.index .index-case .box .index-title h2 {
  margin-top: 25px;
}

@media (max-width: 1400px) {
  .index .index-case .box .index-title h2 {
    margin-top: 20px;
  }
}

.index .index-case .content {
  margin: 0 16px;
  /* padding: 96px 0 230px 0; */
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
}

@media(max-width: 767px) {
  .index .index-case .content {
    padding-bottom: 0;
  }
}

/* 
@media (max-width: 1400px) {
  .index .index-case .content {
    padding: 60px 0 130px 0;
  }
}

@media (max-width: 1199px) {
  .index .index-case .content {
    padding: 40px 0 90px 0;
  }
} */

.index .index-case .content .leftbgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 6;
  pointer-events: none;
}

@media(max-width:991px) {
  .index .index-case .content .leftbgimg {
    display: none;
  }

}

.index .index-case .content .leftbgimg img {
  width: 100%;
  height: auto;
}

.index .index-case .content .casebg-box {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 3;
}

@media(max-width: 991px) {
  .index .index-case .content .casebg-box {
    /* position: static; */
  }
}

.index .index-case .content .casebg-box .casebg-slick {
  margin: 0 -4px;
  width: 100%;
}

@media(max-width: 991px) {
  .index .index-case .content .casebg-box .casebg-slick {
    width: 100%;
  }
}

.index .index-case .content .casebg-box .casebg-slick .item-box {
  padding: 0 4px;
  display: flex;
  justify-content: space-between;

}

.index .index-case .content .casebg-box .casebg-slick .item-box .item {
  width: 49.8%;
}

@media(max-width: 991px) {
  .index .index-case .content .casebg-box .casebg-slick .item-box .item {
    width: 100%;
  }

}

@media(max-width: 991px) {

  .index .index-case .content .casebg-box .casebg-slick .item-box .item:first-child {
    display: none;
  }
}

.index .index-case .content .casebg-box .casebg-slick .item-box .item .img-box {
  padding-bottom: calc(600 / 940 * 100%);
}



.index .index-case .content .gjbox1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 96px;
}

@media(max-width:1710px) {
  .index .index-case .content .gjbox1 {
    padding-top: 50px;
  }
}

@media(max-width:1400px) {
  .index .index-case .content .gjbox1 {
    padding-top: 60px;
  }
}

@media(max-width:991px) {
  .index .index-case .content .gjbox1 {
    padding: 20px 0 40px 0;
    position: static;
    background: url('../img/casebg-1.jpg') no-repeat;
    background-size: cover;
  }
}


.index .index-case .content .gjbox1:hover .prev-next {
  opacity: 1;
}

.index .index-case .content .prev-next {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  /* opacity: 0; */
  z-index: 56;
  transition: all 0.5s;
}

@media(max-width:767px) {
  .index .index-case .content .prev-next {
    display: none;
  }
}

.index .index-case .content .prev-next .slick-next:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transform: rotate(180deg);
  transition: all 0.3s ease;
}

.index .index-case .content .prev-next .slick-prev:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transition: all 0.3s ease;
}

.index .index-case .content .prev-next .slick-prev,
.index .index-case .content .prev-next .slick-next {
  z-index: 1;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  border: 1px solid #DB481D;
}

.index .index-case .content .prev-next .slick-next:hover,
.index .index-case .content .prev-next .slick-prev:hover {
  background-color: #DB481D;
}

.index .index-case .content .prev-next .slick-next {
  right: 0;
}

.index .index-case .content .prev-next .slick-prev {
  left: 0;
}

.index .index-case .content .prev-next .slick-prev:hover::before,
.index .index-case .content .prev-next .slick-next:hover::before {
  color: #FFF;
}









.index .index-case .content .left-box {
  position: relative;
  z-index: 7;
  width: 48%;
}

@media(max-width:991px) { 
  .index .index-case .content .left-box {
    width: 100%;
  }
}

.index .index-case .content .left-box .left {
  position: relative;
}

.index .index-case .content .left-box .left .cont .tit {
  color: #FFF;
  font-size: 42px;
  font-weight: 500;
}

@media (max-width: 1400px) {
  .index .index-case .content .left-box .left .cont .tit {
    font-size: 34px;
  }
}

@media (max-width: 1199px) {
  .index .index-case .content .left-box .left .cont .tit {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .index .index-case .content .left-box .left .cont .tit {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .index .index-case .content .left-box .left .cont .tit {
    font-size: 24px;
  }
}

.index .index-case .content .left-box .left .cont .date-address {
  margin-top: 30px;
  border-radius: 6px;
  background: #FFF;
  display: inline-flex;
  padding: 6px 20px;
  align-items: center;
  gap: 10px;
}

@media (max-width: 1400px) {
  .index .index-case .content .left-box .left .cont .date-address {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .index .index-case .content .left-box .left .cont .date-address {
    margin-top: 10px;
  }
}

.index .index-case .content .left-box .left .cont .date-address .list {
  margin-left: 22px;
}

.index .index-case .content .left-box .left .cont .date-address .list:first-child {
  margin-left: 0;
}

.index .index-case .content .left-box .left .cont .date-address .list .iconfont {
  color: #DB481D;
  font-size: 16px;
  margin-right: 6px;
}

.index .index-case .content .left-box .left .cont .date-address .list span {
  color: #DB481D;
  font-family: Manrope;
  font-size: 15px;
  font-weight: 400;
}

@media(max-width: 767px) {
  .index .index-case .content .left-box .left .cont .date-address .list span {
    font-size: 14px;
  }
}

.index .index-case .content .left-box .left .cont .txt {
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .index .index-case .content .left-box .left .cont .txt {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .index .index-case .content .left-box .left .cont .txt {
    margin-top: 10px;
  }
}

.index .index-case .content .left-box .left .cont .txt p {
  color: #FFF;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

@media(max-width: 767px) {
  .index .index-case .content .left-box .left .cont .txt p {
    font-size: 16px;
  }
}

.index .index-case .content .left-box .left .cont .txt2 {
  margin-top: 60px;
  display: flex;
  align-items: center;
}

@media (max-width: 1400px) {
  .index .index-case .content .left-box .left .cont .txt2 {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .index .index-case .content .left-box .left .cont .txt2 {
    margin-top: 20px;
  }
}

.index .index-case .content .left-box .left .cont .txt2 span {
  color: #FFF;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .index .index-case .content .left-box .left .cont .txt2 span {
    font-size: 14px;
  }
}

.index .index-case .content .left-box .left .cont .txt2 b {
  display: inline-block;
  margin: 0 14px;
  width: 1px;
  height: 14px;
  background: #FFF;
}

.index .index-parent {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .index .index-parent {
    margin-top: 70px;
  }
}

@media (max-width: 1199px) {
  .index .index-parent {
    margin-top: 40px;
  }
}

.index .index-parent .box {
  overflow: hidden;
}

.index .index-parent .box .index-title h2 {
  margin-top: 25px;
}

@media (max-width: 1400px) {
  .index .index-parent .box .index-title h2 {
    margin-top: 20px;
  }
}

.index .index-parent .box .content {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .index .index-parent .box .content {
    margin-top: 20px;
  }
}

.index .index-parent .box .content .partner-slick .row-box {
  margin: -12px;
}

.index .index-parent .box .content .partner-slick .row-box .col-box {
  padding: 12px;
}



.index .index-parent .box .content .partner-slick {
  /* margin: 0 -10px; */
}

.index .index-parent .box .content .partner-slick .slick-list {
  padding: 10px 0;
}

.index .index-parent .box .content .partner-slick .controw {
  padding: 0 10px;
  padding-bottom: 10px;
}

.index .index-parent .box .content .partner-slick .slick-slide {
  margin: -15px;
}

@media(max-width:1199px) {
  .index .index-parent .box .content .partner-slick .controw {
    margin: -10px;
  }
}

.index .index-parent .box .content .partner-slick .item {
  /* cursor: pointer;
  margin-top: 20px;
  background: #D9D9D9;
  box-shadow: 0 4px 4px 0 #D9D9D9;
  border-radius: 10px; */

  padding: 15px;

}

@media(max-width:1199px) {
  .index .index-parent .box .content .partner-slick .item {
    padding: 10px;
  }
}

.index .index-parent .box .content .partner-slick .item .img-box {
  padding-bottom: calc(140 / 260 * 100%);
  box-shadow: 0 4px 4px 0 #D9D9D9;
}

.index .index-parent .box .content .partner-slick .row-box .col-box .item:nth-child(1) {
  margin-top: 0;
}

.index .index-parent .box .content .partner-slick .row-box .col-box .item .img-box {
  /* padding-bottom: calc(120 / 260 * 100%); */
  padding-bottom: calc(140 / 260 * 100%);
}

.index .index-worldwide {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .index .index-worldwide {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .index .index-worldwide {
    margin-top: 40px;
  }
}

.index .index-worldwide .box {
  overflow: hidden;
}

.index .index-worldwide .box .index-title p {
  margin-top: 16px;
  color: #5C3D2D;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.64px;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .index-title p {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .index .index-worldwide .box .index-title p {
    font-size: 14px;
  }
}

.index .index-worldwide .box .content {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .index .index-worldwide .box .content {
    margin-top: 20px;
  }
}

.index .index-worldwide .box .content img {
  width: 100%;
  height: auto;
}

.index .index-worldwide .box .content2 {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .index .index-worldwide .box .content2 {
    margin-top: 20px;
  }
}

.index .index-worldwide .box .content2 .item {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #DDD;
  background-color: #FFF;
  height: 100%;
  padding: 45px 60px 42px 60px;
  margin-right: 70px;
  transition: all .5s;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .content2 .item {
    padding: 30px 40px;
    margin-right: 40px;
  }
}

@media (max-width: 1199px) {
  .index .index-worldwide .box .content2 .item {
    padding: 30px;
  }
}

.index .index-worldwide .box .content2 .item:last-child {
  margin-right: 0;
}

.index .index-worldwide .box .content2 .item img {
  display: block;
  margin: 0 auto;
  width: 65px;
  transition: all .5s;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .content2 .item img {
    width: 50px;
  }
}

@media (max-width: 1199px) {
  .index .index-worldwide .box .content2 .item img {
    width: 40px;
  }
}

.index .index-worldwide .box .content2 .item .tit {
  margin-top: 15px;
  color: #222;
  font-size: 20px;

  transition: all .5s;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .content2 .item .tit {
    margin-top: 10px;
  }
}

@media (max-width: 1199px) {
  .index .index-worldwide .box .content2 .item .tit {
    font-size: 18px;
  }
}

.index .index-worldwide .box .content2 .item .icon {
  text-align: center;
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .index .index-worldwide .box .content2 .item .icon {
    margin-top: 10px;
  }
}

.index .index-worldwide .box .content2 .item .icon .iconfont {
  font-size: 16px;
  color: #DB481D;
}

.index .index-worldwide .box .item:hover {
  background-color: #ED6F00;
}

.index .index-worldwide .box .item:hover img {
  filter: brightness(0) invert(1);
}

.index .index-worldwide .box .item:hover .tit {
  color: #FFF;
}

.index .index-worldwide .box .item:hover .icon .iconfont {
  color: #FFF;
}







.index .index-news {
  margin-top: 70px;
  padding-bottom: 180px;
}

@media (max-width: 1560px) {
  .index .index-news {
    padding-bottom: 140px;
  }
}

@media (max-width: 1440px) {
  .index .index-news {
    padding-bottom: 180px;
  }
}

@media (max-width: 1400px) {
  .index .index-news {
    margin-top: 40px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .index .index-news {
    margin-top: 20px;
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .index .index-news {
    padding-bottom: 40px;
  }
}

.index .index-news .box {
  overflow: hidden;
}

.index .index-news .content {
  margin-top: 55px;
}

@media (max-width: 1400px) {
  .index .index-news .content {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .index .index-news .content {
    margin-top: 30px;
  }
}

.index .index-news .content .news-slick {
  margin: 0 -22px;
}

@media (max-width: 1199px) {
  .index .index-news .content .news-slick {
    margin-right: 0 -10px;
  }
}

.index .index-news .content .news-slick .item-box {
  padding: 0 22px;
}

@media (max-width: 1199px) {
  .index .index-news .content .news-slick .item-box {
    padding: 0 10px;
  }
}

.index .index-news .content .news-slick .item-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(280 / 530 * 100%);
}

.index .index-news .content .news-slick .item-box .item .cont {
  padding: 0 30px 0 37px;
}

@media (max-width: 1400px) {
  .index .index-news .content .news-slick .item-box .item .cont {
    padding: 0 20px;
  }
}

.index .index-news .content .news-slick .item-box .item .date {
  margin-top: 25px;
  color: #DB481D;
  font-size: 18px;
}

@media (max-width: 1400px) {
  .index .index-news .content .news-slick .item-box .item .date {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .index .index-news .content .news-slick .item-box .item .date {
    font-size: 14px;
  }
}

.index .index-news .content .news-slick .item-box .item .tit {
  margin-top: 5px;
}

.index .index-news .content .news-slick .item-box .item .tit a {
  color: #111;
  font-size: 18px;
  font-weight: 700;

  transition: all 0.5s;
}

.index .index-news .content .news-slick .item-box .item:hover .cont .tit a {
  color: #DB481D;
}

@media (max-width: 767px) {
  .index .index-news .content .news-slick .item-box .item .tit a {
    font-size: 16px;
  }
}

.index .index-news .content .news-slick .item-box .item .txt {
  margin-top: 10px;
}

.index .index-news .content .news-slick .item-box .item .txt p {
  color: #444;
  font-size: 17px;
  line-height: 26px;
  /* 152.941% */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .index .index-news .content .news-slick .item-box .item .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .index .index-news .content .news-slick .item-box .item .txt p {
    font-size: 14px;
  }
}

.index-scientific {
  margin-top: 90px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .index-scientific {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .index-scientific {
    margin-top: 20px;
  }
}

.index-scientific .content-box {
  margin-top: 40px;
  position: relative;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
}

.index-scientific .content-box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  /* background: url(../img/scientific-bgimg1.png) no-repeat; */
  background-size: 100% 100%;
}

.picbgcolo-slick {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

}

.picbgcolo-slick .slick-track {
  margin: 0;
}

.picbgcolo-slick .item-box {}

.picbgcolo-slick .item-box img {
  width: 100%;
  height: auto;
  background: transparent;
}

.index-scientific .content-box .box {
  position: relative;
  z-index: 50;
}

.index-scientific .content-box .box .content .pic-box {
  position: relative;

}

.index-scientific .content-box .box .content .pic-box:hover .prev-next {
  opacity: 1;
}

.index-scientific .content-box .box .content .pic-box .prev-next {
  position: absolute;
  /* top: 33%; */
  bottom: 32%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  opacity: 0;
  z-index: 56;
  transition: all 0.5s;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-next:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transform: rotate(180deg);
  transition: all 0.3s ease;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-prev:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transition: all 0.3s ease;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-prev,
.index-scientific .content-box .box .content .pic-box .prev-next .slick-next {
  z-index: 1;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DB481D;
  border-radius: 50%;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-next:hover,
.index-scientific .content-box .box .content .pic-box .prev-next .slick-prev:hover {
  background-color: #DB481D;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-next {
  right: 0;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-prev {
  left: 0;
}

.index-scientific .content-box .box .content .pic-box .prev-next .slick-prev:hover::before,
.index-scientific .content-box .box .content .pic-box .prev-next .slick-next:hover::before {
  color: #FFF;
}


.index-scientific .content-box .box .content .pic-box .slider-c-for {
  margin: 0 -125px;
}

@media (max-width: 1710px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for {
    margin: 0 -70px;
  }
}

@media (max-width: 1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for {
    margin: 0 -40px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box {
  padding: 0 125px;
}

@media (max-width: 1710px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box {
    padding: 0 70px;
  }
}

@media (max-width: 1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box {
    padding: 0 70px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item {
    flex-wrap: wrap;
    padding: 20px 0;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left {
  margin-right: 0;
  width: 60%;
  padding-top: 70px;
  padding-bottom: 151px;
}

@media (max-width: 1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left {
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 70px;
  }
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left {
    padding-top: 50px;
    width: 75%;
    /* padding-bottom: 80px; */
    margin-right: 0;
  }
}
@media (max-width: 199px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  /* font-weight: 500; */
}
@media (max-width: 1710px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
    font-size: 24px;
  }
}

@media (max-width: 1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
    font-size: 22px;
  }
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .tit {
    font-size: 20px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt {
  margin-top: 20px;
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt p {
  margin-top: 10px;
  color: #353535;
  /* font-size: 14px; */
  font-size: 18px;
  line-height: 24px;
}

@media(max-width:1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt p {
    font-size: 16px;
  }
}

@media(max-width:767px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt p {
    font-size: 14px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt p:first-child {
  margin-top: 0;
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .txt p b {
  font-weight: 700;
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .more {
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .more {
    margin-top: 30px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .more .a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: #DB481D;
  padding: 10px 52px;
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .left .more .a span {
  color: #FFF;
  text-align: center;
  font-size: 14px;
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .right {
  width: 400px;
}

@media (max-width: 1440px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .right {
    width: 35%;
  }
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .right {
    width: 32%;
  }
}

@media (max-width: 767px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .right {
    width: 100%;
    margin-top: 20px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-for .item-box .item .right .img-box {
  /* padding-bottom: calc(406 / 357 * 100%); */
  padding-bottom: calc(480 / 420 * 100%);
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav-box {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 1710px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav-box {
    width: 90%;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav {
  font-size: 0;
  margin: 0 -30px;
  position: relative;
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav {
    margin: 0 -15px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10000%;
  height: 100%;
  background-color: #FFF;
  z-index: 2;
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav {
    margin: 0 -15px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .slick-list {
  z-index: 6;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item-box {
  padding: 0 30px;
  z-index: 6;
  position: relative;
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav .item-box {
    padding: 0 15px;
  }
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item-box:last-child::after {
  display: none;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item-box.slick-current .item::after {
  width: 100%;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item-box::after {
  content: '';
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 1px;
  height: 100px;
  opacity: 0.1;
  background: linear-gradient(90deg, rgba(255, 140, 0, 0) 0%, #5C3D2D 47.12%, rgba(117, 38, 15, 0) 100%);
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item {
  cursor: pointer;
  padding: 0 12px;
  position: relative;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item:hover::after {
  width: 100%;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  width: 0;
  height: 2px;
  background: #DB481D;
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item .img-box {
  padding-bottom: calc(82 / 72 * 100%);
}

.index-scientific .content-box .box .content .pic-box .slider-c-nav .item .tit {
  margin-top: 5px;
  text-align: center;
  color: #000;
  /* font-size: 20px; */
  font-size: 15px;
  white-space: nowrap;
  font-weight: 500;
  padding-bottom: 20px;
}

@media (max-width: 1710px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav .item .tit {
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .index-scientific .content-box .box .content .pic-box .slider-c-nav .item .tit {
    font-size: 16px;
  }
}

.footer {
  overflow: hidden;
  background: #E5E7E9;
  padding-top: 101px;
}

@media (max-width: 1400px) {
  .footer {
    padding-top: 80px;
  }
}

@media (max-width: 1199px) {
  .footer {
    padding-top: 60px;
  }
}

@media (max-width: 991px) {
  .footer {
    padding-top: 40px;
  }
}

.footer .box .content1 {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .footer .box .content1 {
    flex-wrap: wrap;
  }
}

.footer .box .content1 .left {
  width: auto;
}

@media (max-width: 1199px) {
  .footer .box .content1 .left {
    width: 100%;
  }
}

.footer .box .content1 .left .logo {
  width: 230px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .logo {
    width: 200px;
  }
}

.footer .box .content1 .left .logo img {
  width: 100%;
}

.footer .box .content1 .left .us {
  margin-top: 100px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .us {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .footer .box .content1 .left .us {
    margin-top: 40px;
  }
}

.footer .box .content1 .left .us .tit {
  color: #222;
  font-size: 28px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .us .tit {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .left .us .tit {
    font-size: 20px;
  }
}

.footer .box .content1 .left .us p {
  margin-top: 10px;
  color: #5C3D2D;
  font-size: 20px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .us p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .footer .box .content1 .left .us p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .footer .box .content1 .left .us p {
    font-size: 14px;
  }
}

.footer .box .content1 .left .us .footer-search {
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .us .footer-search {
    margin-top: 20px;
  }
}

.footer .box .content1 .left .us .footer-search form {
  width: 400px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .left .us .footer-search form {
    width: 320px;
  }
}

.footer .box .content1 .left .us .footer-search form input {
  border: none;
  outline: none;
  padding: 16px 20px;
  width: calc(100% - 55px);
  background-color: #FFF;
  color: #666;
  font-size: 15px;
}

.footer .box .content1 .left .us .footer-search form input::placeholder {
  color: #666;
  font-size: 15px;
}

.footer .box .content1 .left .us .footer-search form button {
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background-color: #5C3D2D;
}

.footer .box .content1 .left .us .footer-search form button .iconfont {
  color: #F7F7F7;
  font-size: 22px;
}

.footer .box .content1 .right {
  width: 66%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .footer .box .content1 .right {
    width: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .right {
    flex-wrap: wrap;
  }
}

.footer .box .content1 .right h3 {
  color: #222;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .right h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .right h3 {
    margin-bottom: 5px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .right .item {
    width: 100%;
    margin-top: 30px;
  }
}

.footer .box .content1 .right .item ul {
  list-style: none;
}

@media (max-width: 991px) {
  .footer .box .content1 .right .item ul {
    display: flex;
    flex-wrap: wrap;
  }
}

.footer .box .content1 .right .item ul li {
  margin-top: 10px;
}

.footer .box .content1 .right .item ul li:first-child {
  margin-top: 0;
}

@media (max-width: 991px) {
  .footer .box .content1 .right .item ul li:first-child {
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .right .item ul li {
    margin-right: 20px;
  }
}

.footer .box .content1 .right .item ul li a {
  color: #444;
  transition: all 0.5s;
  font-size: 16px;
}

.footer .box .content1 .right .item ul li a:hover {
  color: #DB481D;
}

@media (max-width: 767px) {
  .footer .box .content1 .right .item ul li a {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .footer .box .content1 .right .item2 {
    width: 100%;
    margin-top: 30px;
  }
}

.footer .box .content1 .right .item2 ul {
  list-style: none;
}

.footer .box .content1 .right .item2 ul li {
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .footer .box .content1 .right .item2 ul li {
    margin-top: 20px;
  }
}

.footer .box .content1 .right .item2 ul li::first-child {
  margin-top: 0;
}

.footer .box .content1 .right .item2 ul li b {
  display: block;
  color: #010000;
  font-size: 16px;
}

@media (max-width: 767px) {
  .footer .box .content1 .right .item2 ul li b {
    font-size: 14px;
  }
}

.footer .box .content1 .right .item2 ul li p {
  margin-top: 10px;
}

.footer .box .content1 .right .item2 ul li p a {
  color: #010000;
  font-family: "HarmonyOS Sans";
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  /* 121.429% */

  transition: all 0.5s;
}

.footer .box .content1 .right .item2 ul li p a:hover {
  color: #DB481D;
}

@media (max-width: 1400px) {
  .footer .box .content1 .right .item2 ul li p a {
    font-size: 22px;
  }
}

.footer .box .content2 {
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
}

.footer .box .content2::after {
  content: '';
  border-top: 1px dashed #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1000%;
}

@media (max-width: 1199px) {
  .footer .box .content2 {
    flex-wrap: wrap;
    margin-top: 40px;
  }
}

.footer .box .content2 .nav {
  padding-bottom: 8px;
}

@media (max-width: 1199px) {
  .footer .box .content2 .nav {
    width: 100%;
  }
}

.footer .box .content2 .nav ul {
  list-style: none;
  display: flex;
}

@media (max-width: 767px) {
  .footer .box .content2 .nav ul {
    flex-wrap: wrap;
  }
}

.footer .box .content2 .nav ul li {
  margin-right: 50px;
}

@media (max-width: 1400px) {
  .footer .box .content2 .nav ul li {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .footer .box .content2 .nav ul li {
    margin-top: 10px;
    margin-right: 20px;
  }
}

.footer .box .content2 .nav ul li a {
  color: #5C3D2D;
  font-size: 16px;
  letter-spacing: 0.32px;

  transition: all 0.5s;
}

.footer .box .content2 .nav ul li a:hover {
  color: #DB481D;
}

@media (max-width: 767px) {
  .footer .box .content2 .nav ul li a {
    font-size: 14px;
  }
}

.footer .box .content2 .right {
  width: 45%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media (max-width: 1710px) {
  .footer .box .content2 .right {
    width: 35%;
  }
}

@media (max-width: 1199px) {
  .footer .box .content2 .right {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .footer .box .content2 .right {
    flex-wrap: wrap;
  }
}

.footer .box .content2 .right .icon {
  display: flex;
}

@media (max-width: 991px) {
  .footer .box .content2 .right .icon {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .footer .box .content2 .right .icon {
    margin-top: 90px;
  }
}

.footer .box .content2 .right .icon a {
  display: inline-block;
  margin-right: 22px;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .footer .box .content2 .right .icon a {
    overflow: visible;
    margin-right: 50px;
  }
}

.footer .box .content2 .right .icon a:hover {
  overflow: visible;
}

.footer .box .content2 .right .icon a:hover .img {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.footer .box .content2 .right .icon a .img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(110%);
  bottom: 100%;
  width: 70px;
  transition: transform 0.5s, opacity 1s;
  z-index: 1;
  opacity: 0;
}

@media (max-width: 767px) {
  .footer .box .content2 .right .icon a .img {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}

.footer .box .content2 .right .icon a:last-child {
  margin-right: 0;
}

.footer .box .content2 .right .icon a .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  position: relative;
  z-index: 5;
  background-color: #2C2C2C1A;
  font-size: 20px;
  color: #FFF;
  transition: all 0.4s;
}

.footer .box .content2 .right .icon a .iconfont:hover {
  color: #DB481D;
}

.footer .box .content2 .right .aftersales {
  width: 130px;
}

.footer .box .content2 .right .aftersales .tit {
  color: #5C3D2D;
  font-size: 16px;
  letter-spacing: 0.32px;
  text-align: center;
  margin-bottom: 5px;
}

.footer .box .content2 .right .aftersales .img {
  padding: 10px;
  border-radius: 10px;
  background: #FFF;
}

.footer .box .content2 .right .aftersales .img img {
  width: 100%;
}

.footer .box .content3 {
  padding: 30px 0 64px 0;
}

.footer .box .content3 .txt p {
  color: #5C3D2D;
  font-size: 16px;
}

.footer .box .content3 .txt p a {
  color: #5C3D2D;
}

.footer .box .content3 .txt p a:hover {
  text-decoration: underline;
}

.footer .box .content3 .txt p .cnzz {
  display: inline-block;
}

.footer .box .content3 .Privacy-Sitemap {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.footer .box .content3 .Privacy-Sitemap a {
  color: #5C3D2D;
  font-size: 16px;
}

.footer .box .content3 .Privacy-Sitemap a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .footer .box .content3 .Privacy-Sitemap a {
    font-size: 14px;
  }
}

.footer .box .content3 .Privacy-Sitemap b {
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #5C3D2D;
  margin: 0 10px;
}

.about-banner img {
  width: 100%;
}

.about-nav {
  border-bottom: 1px solid #DDD;
  background: #F5F5F5;

  position: sticky;
  top: 90px;
  z-index: 99;
}

@media(max-width: 991px) {
  .about-nav {
    position: static;
  }
}

.about-nav .box {
  display: flex;
  padding-top: 29px;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .about-nav .box {
    padding-top: 20px;
  }
}

.about-nav .box .tit {
  margin-top: -3px;
  color: #DB481D;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-right: 50px;
  position: relative;
  white-space: nowrap;
}

@media (max-width: 1710px) {
  .about-nav .box .tit {
    padding-right: 40px;
  }
}

@media (max-width: 991px) {
  .about-nav .box .tit {
    font-size: 16px;
    padding-right: 25px;
  }
}

@media (max-width: 767px) {
  .about-nav .box .tit {
    padding-right: 15px;
  }
}

.about-nav .box .tit a {
  color: #DB481D;
  position: relative;
}

.about-nav .box .tit a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #DB481D;
  transition: all 0.5s;
}

.about-nav .box .tit::after {
  display: block;
  content: '';
  width: 1px;
  height: 20px;
  background: #DDD;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.about-nav .box ul {
  display: flex;
  overflow-x: auto;
  list-style: none;
  padding: 0 30px;
  scrollbar-width: none;

}
/* 针对 Webkit 浏览器 (Chrome, Safari) */
::-webkit-scrollbar {
  display: none;
}

/* 或者设置滚动条宽度为0 */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

@media (max-width: 1710px) {
  .about-nav .box ul {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .about-nav .box ul {
    padding: 0 10px;
  }
}

.about-nav .box ul li {
  padding: 0 30px;
}


@media (max-width: 1710px) {
  .about-nav .box ul li {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .about-nav .box ul li {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .about-nav .box ul li {
    padding: 0 10px;
  }
}

.about-nav .box ul li a {
  position: relative;
  display: inline-block;
  padding-bottom: 24px;
  transition: all 0.5s;
  color: #222;
  font-size: 16px;
  white-space: nowrap;
}

@media (max-width: 1710px) {
  .about-nav .box ul li a {
    padding-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .about-nav .box ul li a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .about-nav .box ul li a {
    padding-bottom: 10px;
  }
}

.about-nav .box ul li a.active {
  color: #DB481D;
}

.about-nav .box ul li a.active::after {
  width: 100%;
}

.about-nav .box ul li a:hover {
  color: #DB481D;
}

.about-nav .box ul li a:hover::after {
  width: 100%;
}

.about-nav .box ul li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background-color: #DB481D;
  transition: all 0.5s;
}

@media (max-width: 991px) {
  .about-nav .box ul li a::after {
    height: 2px;
  }
}

.about .introduction {
  padding-bottom: 130px;
}

@media (max-width: 1400px) {
  .about .introduction {
    padding-bottom: 100px;
  }
}

@media (max-width: 1199px) {
  .about .introduction {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .about .introduction {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .about .introduction {
    padding-bottom: 40px;
  }
}

.about .introduction .index-title h2 {
  font-size: 45px;
  color: #111111;
}

@media (max-width: 1560px) {
  .about .introduction .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .about .introduction .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .about .introduction .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .about .introduction .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .about .introduction .index-title h2 {
    font-size: 24px;
  }
}

.about .introduction .introduction-us {
  background: url(../img/about-Introduction-1.jpg) no-repeat;
  background-size: cover;
  padding: 65px 0 80px 0;
  background-position: center right !important;
}
@media (max-width: 1710px) {
  .about .introduction .introduction-us {
    background-size: 110% auto !important;
  }
}
@media (max-width: 1400px) {
  .about .introduction .introduction-us {
    background-size: 120% auto !important;
  }
}
@media (max-width: 991px) {
  .about .introduction .introduction-us {
    background-size: 0;
    background: none !important;
  }
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us {
    padding: 40px 0 60px 0;
  }
}

.about .introduction .introduction-us .box {
  overflow: hidden;
}

.about .introduction .introduction-us .index-title b {
  border-radius: 5px;
  border: 1px solid #CCC;
  background: #F5F5F5;
}

.about .introduction .introduction-us .index-title b::after {
  background: #F5F5F5;
}

.about .introduction .introduction-us .index-title b::before {
  background: #F5F5F5;
}

.about .introduction .introduction-us .content {
  margin-top: 40px;
  width: 60%;
}
@media (max-width: 1920px) {
  .about .introduction .introduction-us .content {
    width: 53%;
  }
}
@media (max-width: 1560px) {
  .about .introduction .introduction-us .content {
    width: 45%;
  }
}
@media (max-width: 1400px) {
  .about .introduction .introduction-us .content {
    width: 47%;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-us .content {
    width: 100%;
  }
}

.about .introduction .introduction-us .content h2 {
  color: #111;
  font-family: "Microsoft YaHei";
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us .content h2 {
    font-size: 28px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content h2 {
    font-size: 22px;
  }
}

.about .introduction .introduction-us .content p {
  color: #222;
  font-size: 20px;
  line-height: 36px;

  text-indent: 2em;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us .content p {
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content p {
    font-size: 14px;
    line-height: 26px;
  }
}

.about .introduction .introduction-us .content2 {
  margin-top: 10px;
  width: 60%;
}
@media (max-width: 1560px) {
  .about .introduction .introduction-us .content2 {
    width: 45%;
  }
}
@media (max-width: 1440px) {
  .about .introduction .introduction-us .content2 {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .about .introduction .introduction-us .content2 {
    width: 100%;
  }
}

.about .introduction .introduction-us .content2 .row-box {
  display: flex;
  flex-wrap: wrap;
}

.about .introduction .introduction-us .content2 .row-box .col-box {
  margin-top: 40px;
  width: 40%;
  display: flex;
  position: relative;
  justify-content: flex-start;
}

@media(max-width:1470px) {
  .about .introduction .introduction-us .content2 .row-box .col-box {
    margin-top: 20px;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box:nth-child(odd)::after {
  display: inline-block;
  content: '';
  background: #DDD;
  width: 1px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.about .introduction .introduction-us .content2 .row-box .col-box:nth-child(even) {
  padding-left: 90px;
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content2 .row-box .col-box:nth-child(even) {
    padding-left: 60px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content2 .row-box .col-box:nth-child(even) {
    display: flex;
    justify-content: center;
    padding: 0;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box img {
  width: 50px;
  height: 50px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us .content2 .row-box .col-box img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content2 .row-box .col-box img {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content2 .row-box .col-box img {
    width: 30px;
    height: 30px;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box .item {
  width: calc(100% - 50px - 35px);
  margin-left: auto;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item {
    width: calc(100% - 40px - 25px);
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item {
    width: calc(100% - 35px - 20px);
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item {
    width: auto;
    margin-left: 15px;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box .item .cont {
  display: flex;
  align-items: flex-end;
}

.about .introduction .introduction-us .content2 .row-box .col-box .item .cont .counter {
  color: #DB481D;
  font-family: Manrope;
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 1470px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont .counter {
    font-size: 26px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont .counter {}
}

@media (max-width: 991px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont .counter {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont .counter {
    font-size: 20px;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box .item .cont i {
  display: inline-block;
  font-style: normal;
  margin-left: 20px;
  color: #222;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-weight: 400;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont i {
    margin-left: 10px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item .cont i {
    font-size: 14px;
  }
}

.about .introduction .introduction-us .content2 .row-box .col-box .item p {
  color: #222;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
}

@media (max-width: 1470px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-us .content2 .row-box .col-box .item p {
    font-size: 14px;
  }
}

.about .introduction .introduction-video .img-box {
  padding-bottom: calc(510 / 1920 * 100%);
}

.about .introduction .introduction-video .img-box img {}

.about .introduction .introduction-video .img-box video {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: auto !important;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.about .introduction .introduction-video {
  position: relative;
}

.about .introduction .introduction-video .firm-video {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about .introduction .introduction-video .video {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  cursor: pointer;
}

.about .introduction .introduction-video .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  color: #FFF;
  transition: all 0.5s;
  cursor: pointer;
}

@media (max-width: 991px) {
  .about .introduction .introduction-video .img-box .iconfont {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

.about .introduction .introduction-video .img-box .iconfont:hover {
  color: #DB481D;
}




.about .introduction .introduction-brand {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-brand {
    margin-top: 40px;
  }
}

.about .introduction .introduction-brand .box {
  overflow: hidden;
}

.about .introduction .introduction-brand .index-title h2 {
  margin-top: 20px;
}

.about .introduction .introduction-brand .content {
  margin-top: -30px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content {
    margin-top: 0;
  }
}

.about .introduction .introduction-brand .content .row-box {
  margin: 0 -70px;
}

@media (max-width: 1920px) {
  .about .introduction .introduction-brand .content .row-box {
    margin: 0 -40px;
  }
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box {
    margin: 0 -20px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-brand .content .row-box {
    margin: 0 -20px;
  }
}

.about .introduction .introduction-brand .content .row-box .col-box {
  margin-top: 70px;
  padding: 0 60px;
  position: relative;
}

.about .introduction .introduction-brand .content .row-box .col-box:nth-child(6) .item img {
  width: 90px;
}

.about .introduction .introduction-brand .content .row-box .col-box::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 170px;
  background: #DDD;
}

@media (max-width: 1920px) {
  .about .introduction .introduction-brand .content .row-box .col-box {
    padding: 0 60px;
  }
}
@media (max-width: 1440px) { 
  .about .introduction .introduction-brand .content .row-box .col-box {
    padding: 0 20px;
  }
}
@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box {
    margin-top: 40px;
    padding: 0 20px;
  }
}


@media (max-width: 991px) {
  .about .introduction .introduction-brand .content .row-box .col-box {
    padding: 0 20px;
  }
}

.about .introduction .introduction-brand .content .row-box .col-box .item {
  text-align: center;
}

.about .introduction .introduction-brand .content .row-box .col-box .item:hover img {
  /* animation: swing 1s 0s ease both; */
  transform: scale(1.06);
}

.about .introduction .introduction-brand .content .row-box .col-box .item img {
  display: inline-block;
  width: 80px;
  margin: 0 auto;

  transition: all 0.5s;
}


@media (max-width: 1560px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item img {
    width: 60px;
  }

}

@media (max-width: 1560px) {
  .about .introduction .introduction-brand .content .row-box .col-box:nth-child(6) .item img {
    width: 70px;
  }
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item img {
    width: 45px;
  }
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box:nth-child(6) .item img {
    width: 55px;
  }

}

.about .introduction .introduction-brand .content .row-box .col-box .item .tit {
  margin-top: 5px;
  color: #111111;
  font-size: 24px;
  font-weight: 700;
  text-align: center;

  transition: all 0.5s;
}

.about .introduction .introduction-brand .content .row-box .col-box .item:hover .tit {
  color: #DB481D;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .tit {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .tit {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .tit {
    font-size: 16px;
  }
}

.about .introduction .introduction-brand .content .row-box .col-box .item .txt {
  margin-top: 11px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .txt {
    margin-top: 10px;
  }
}

.about .introduction .introduction-brand .content .row-box .col-box .item .txt p {
  color: #444;
  text-align: center;
  font-size: 17px;
  font-weight: 400;

  white-space: nowrap;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .txt p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-brand .content .row-box .col-box .item .txt p {
    font-size: 14px;
  }
}

.about .introduction .introduction-honor {
  overflow: hidden;
  margin-top: 110px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-honor {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor {
    margin-top: 40px;
  }
}

.about .introduction .introduction-honor .box {
  overflow: hidden;
}

.about .introduction .introduction-honor .index-title h2 {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .index-title h2 {
    margin-top: 10px;
  }
}

.about .introduction .introduction-honor .honor-conntet {
  margin-top: 60px;
  background: url(../img/introduction-honor-2.jpg) no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-conntet {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-honor .honor-conntet {
    margin-top: 20px;
  }
}

.about .introduction .introduction-honor .honor-conntet .contentyn {
  display: none;
}

.about .introduction .introduction-honor .honor-conntet .contentyn.active {
  display: block;
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content {
  margin-top: -40px;
  padding-bottom: 90px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content {
    padding-bottom: 40px;
  }
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box {
  margin: 0 -24px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box {
    margin: 0 -15px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box {
    margin: 0 -10px;
  }
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box {
  margin-top: 40px;
  padding: 0 24px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box {
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box {
    padding: 0 10px;
  }
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box .item {
  cursor: pointer;
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box .item .img-box {
  padding-bottom: calc(340 / 240 * 100%);
}

.about .introduction .introduction-honor .honor-conntet .contentyn .recognition-content .row-box .col-box .item .hximg {
  padding-bottom: calc(480 / 800 * 100%);
}

.about .introduction .introduction-honor .honor-tab {
  background-color: #F9F9F9;
  position: relative;
  padding-bottom: 80px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-tab {
    padding-bottom: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-honor .honor-tab {
    padding-bottom: 40px;
  }
}

.about .introduction .introduction-honor .honor-tab .tab-content {
  display: inline-flex;
  border-top: 2px solid #FBC9BA;
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-tab .tab-content {
    flex-wrap: wrap;
  }
}

.about .introduction .introduction-honor .honor-tab .tab-content .item {
  width: calc(100% / 4 - 70px);
  padding-top: 35px;
  margin-right: auto;
  cursor: pointer;
  position: relative;
  display: block;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item {
    width: calc(100% / 4 - 40px);
    padding-top: 20px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item {
    width: calc(100% / 2 - 40px);
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item {
    width: 100%;
  }
}

.about .introduction .introduction-honor .honor-tab .tab-content .item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #DB481D;
  transition: all 0.5s;
}

.about .introduction .introduction-honor .honor-tab .tab-content .item.active::after {
  width: 100%;
}

.about .introduction .introduction-honor .honor-tab .tab-content .item:hover::after {
  width: 100%;
}

.about .introduction .introduction-honor .honor-tab .tab-content .item .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .tit {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .tit {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .tit {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .tit {
    font-size: 16px;
  }
}

.about .introduction .introduction-honor .honor-tab .tab-content .item .txt {
  margin-top: 10px;
}

.about .introduction .introduction-honor .honor-tab .tab-content .item .txt p {
  color: #444;
  font-size: 17px;
  line-height: 26px;
  /* 152.941% */
}

@media (max-width: 1400px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-honor .honor-tab .tab-content .item .txt p {
    font-size: 14px;
    line-height: 24px;
  }
}

.about .introduction .introduction-walk {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-walk {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-walk {
    margin-top: 40px;
  }
}

.about .introduction .introduction-walk .box {
  overflow: hidden;
}

.about .introduction .introduction-walk .content {
  margin-top: 10px;
}

.about .introduction .introduction-walk .content .walklogo-slick .row-box {
  margin: 0 -12px;
}

.about .introduction .introduction-walk .content .walklogo-slick .col-box {
  margin-top: 20px;
  padding: 0 12px;
}

.about .introduction .introduction-walk .content .walklogo-slick .col-box .item {
  border-radius: 10px;
  cursor: pointer;
  background: #D9D9D9;
  box-shadow: 0 4px 4px 0 #D9D9D9;
}

.about .introduction .introduction-walk .content .walklogo-slick .col-box .item .img-box {
  padding-bottom: calc(140 / 260 * 100%);
}

.about .introduction .introduction-development {
  margin-top: 100px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-development {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-development {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-development {
    margin-top: 40px;
  }
}

.about .introduction .introduction-development .box {
  overflow: hidden;
}

.about .introduction .introduction-development .box .index-title h2 {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .about .introduction .introduction-development .box .index-title h2 {
    margin-top: 10px;
  }
}

.about .introduction .introduction-development .content-box .box2 {
  position: relative;
}

.about .introduction .introduction-development .content-box .box2::after {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 6;
}

.about .introduction .introduction-development .content-box .prodress {
  display: flex;
  margin-top: 94px;
  position: relative;
}

@media(max-width: 1470px) {
  .about .introduction .introduction-development .content-box .prodress {
    margin-top: 40px;
  }
}

.progress-hr {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  z-index: 44;
  background-color: red;
  width: 0%;
  transition: width 0.1s linear;
}


@media(max-width: 767px) {
  .about .introduction .introduction-development .content-box .prodress {
    display: none;
  }
}

.about .introduction .introduction-development .content-box .prodress .item-box {
  width: 50%;
  position: relative;
  border-top: 1px solid #DDDDDD;
  cursor: pointer;
}

.about .introduction .introduction-development .content-box .prodress .item-box::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: -4px;
  border-radius: 100px;
  background-color: #DB481D;
}

.about .introduction .introduction-development .content-box .prodress .item-box:last-child::before {
  font-family: 'iconfont' !important;
  content: '\e617';
  font-size: 12px;
  color: #DB481D;
  position: absolute;
  top: -9.5px;
  right: 0;
  z-index: 12;
}

.about .introduction .introduction-development .content-box .prodress .item-box.on .item .tit {
  color: #DB481D;
}

.about .introduction .introduction-development .content-box .prodress .item-box .item {
  text-align: center;
  padding-top: 11px;
}

.about .introduction .introduction-development .content-box .prodress .item-box .item .tit {
  color: #444;
  font-size: 15px;
}

.about .introduction .introduction-development .content-box .content2 {
  margin-top: 35px;
  display: flex;
}

@media (max-width: 767px) {
  .about .introduction .introduction-development .content-box .content2 {
    display: none;
  }
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .top-tit {
  color: #222;
  font-size: 26px;
  font-weight: 700;
  /* margin-bottom: 35px; */
}
.about .introduction .introduction-development .content-box .content2 .con-content1:last-child{
  padding-right: 500px;
}
.pin-spacer {
  /* height: auto !important; */
}

.zbbox1-1.fixed {
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #FFF !important;
  /* height: 10011px !important; */
}

/* 添加占位元素防止布局跳动 */
/* .content2-box:not(.fixed) {
  position: relative;
} */

@media (max-width: 1199px) {
  .about .introduction .introduction-development .content-box .content2 .con-content1 .top-tit {
    margin-bottom: 20px;
  }
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box {
  display: flex;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .year {
  color: #DB481D;
  font-size: 36px;
  font-weight: 700;
  writing-mode: sideways-lr;
  margin-right: 30px;
  text-align: end;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con {
  display: flex;
  overflow: visible;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item {
  position: relative;
  padding: 0 55px 0 40px;
  width: 400px;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 11px;
  height: 11px;
  display: inline-block;
  background-color: #DB481D;
  border-radius: 100px;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  width: 1px;
  height: 100%;
  display: inline-block;
  background-color: #DDDDDD;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item .date {
  margin-top: 20px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item .txt p {
  color: #222;
  font-size: 16px;
  margin-top: 6px;
  position: relative;
  padding-left: 10px;
}

@media(max-width: 1470px) {
  .about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item .txt p {
    font-size: 14px;
  }
}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item .txt p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  background-color: #DB481D;
  border-radius: 100px;
  z-index: 1;

}

.about .introduction .introduction-development .content-box .content2 .con-content1 .con-box .con-con .item .cont-img .img-box {
  padding-bottom: calc(180 / 300 * 100%);
}

.about .introduction .introduction-development .content-box .content1 {
  padding: 40px 0;
  display: none;
}

@media (max-width: 767px) {
  .about .introduction .introduction-development .content-box .content1 {
    display: block;
  }
}

.about .introduction .introduction-development .content-box .content1 .development-slick .item-box.active .item {
  color: #DB481D;
}

.about .introduction .introduction-development .content-box .content1 .development-slick .item-box .item {
  color: #000;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 575px) {
  .about .introduction .introduction-development .content-box .content1 .development-slick .item-box .item {
    color: #DB481D;
  }
}

.about .introduction .introduction-development .content-box .content1 .development-content {
  margin-top: 30px;
}

.about .introduction .introduction-development .content-box .content1 .development-content .item-box .item {
  padding: 30px 0;
  border-top: 1px solid #DDDDDD;
}

.about .introduction .introduction-development .content-box .content1 .development-content .item-box .item .tit {
  font-size: 24px;
  color: #DB481D;
}

.about .introduction .introduction-development .content-box .content1 .development-content .item-box .item .cont-img {
  margin-top: 20px;
}

.about .introduction .introduction-development .content-box .content1 .development-content .item-box .item .cont-img .img-box {
  padding-bottom: calc(180 / 300 * 100%);
}

.about .introduction .introduction-services {
  background: url(../img/introduction-services-1.jpg) no-repeat;
  background-size: cover;
  padding: 114px 0 104px 0;
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-services {
    padding: 80px 0;
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services {
    padding: 60px 0;
    margin-top: 40px;
  }
}

.about .introduction .introduction-services .box {
  display: flex;
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box {
    flex-wrap: wrap;
  }
}

.about .introduction .introduction-services .box .left {
  width: 39%;
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .left {
    width: 100%;
  }
}

.about .introduction .introduction-services .box .left .tit {
  color: #FFF;
  font-size: 45px;
  font-weight: 700;
}

@media (max-width: 1560px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .about .introduction .introduction-services .box .left .tit {
    font-size: 24px;
  }
}

.about .introduction .introduction-services .box .left .hr {
  margin: 20px 0 30px 0;
  width: 50px;
  height: 5px;
  background: #DB481D;
}

.about .introduction .introduction-services .box .left .txt p {
  color: #FFF;
  font-size: 18px;
  line-height: 32px;
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .left .txt p {
    font-size: 14px;
  }
}

.about .introduction .introduction-services .box .left .number-box {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-services .box .left .number-box {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services .box .left .number-box {
    margin-top: 40px;
  }
}

.about .introduction .introduction-services .box .left .number-box .row-box {
  display: flex;
}

.about .introduction .introduction-services .box .left .number-box .row-box .col-box {
  margin-right: 80px;
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box {
    margin-right: 60px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box {
    margin-right: 40px;
  }
}

.about .introduction .introduction-services .box .left .number-box .row-box .col-box:last-child {
  margin-right: 0;
}

.about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont .counter {
  color: #FFF;
  font-family: Manrope;
  font-size: 45px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont .counter {
    font-size: 40px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont .counter {
    font-size: 32px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont .counter {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont .counter {
    font-size: 24px;
  }
}

.about .introduction .introduction-services .box .left .number-box .row-box .col-box .item .cont i {
  font-style: normal;
  margin-left: 5px;
  color: #FFF;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 700;
}

.about .introduction .introduction-services .box .left .number-box .row-box .col-box .item p {
  color: #FFF;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .left .number-box .row-box .col-box .item p {
    font-size: 14px;
  }
}

.about .introduction .introduction-services .box .right {
  width: 61%;
  padding-left: 33px;
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .right {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
}

.about .introduction .introduction-services .box .right .img-box {
  padding-bottom: calc(480 / 960 * 100%);
}

.about .introduction .introduction-services .box .right .img-box img {
  background: transparent;
  transform: scale(1) !important;
}

@keyframes discopcity {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

.about .introduction .introduction-services .box .right .img-box ul {
  list-style: none;
}

.about .introduction .introduction-services .box .right .img-box ul li {
  display: inline-block;
  width: 20px;
  position: absolute;
  z-index: 6;
}

@media (max-width: 1199px) {
  .about .introduction .introduction-services .box .right .img-box ul li {
    width: 10px;
  }
}

@media (max-width: 991px) {
  .about .introduction .introduction-services .box .right .img-box ul li {
    width: 15px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-services .box .right .img-box ul li {
    width: 10px;
  }
}

.about .introduction .introduction-services .box .right .img-box ul li img {
  width: 100%;
  position: relative;
  display: inline-block;
  animation: discopcity 2s infinite;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc1 {
  /* top: 28%;
  left: 15%; */
  
  top: 68%;
  left: 29%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc2 {
  top: 37%;
  left: 19%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc3 {
  /* top: 7%;
  left: 36%; */
  top: 22%;
  left: 50%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc4 {
  top: 21%;
  left: 54%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc5 {
  top: 23%;
  left: 58%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc6 {
  top: 21%;
  left: 68%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc7 {
  top: 19%;
  left: 84%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc8 {
  top: 40%;
  left: 85%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc9 {
  top: 34%;
  left: 82%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc10 {
  top: 36%;
  left: 78%;

}

.about .introduction .introduction-services .box .right .img-box ul li.disc11 {
  top: 46%;
  left: 68%;


}

.about .introduction .introduction-services .box .right .img-box ul li.disc12 {
  top: 59%;
  left: 55%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc13 {
  top: 76%;
  left: 84%;
}


.about .introduction .introduction-services .box .right .img-box ul li.disc14 {
  top: 39%;
  left: 81%;
}
.about .introduction .introduction-services .box .right .img-box ul li.disc15 {
  left: 59%;
  top: 43%;
}

.about .introduction .introduction-services .box .right .img-box ul li.disc16 {
  left: 54%;
  top: 54%;
}
.about .introduction .introduction-services .box .right .img-box ul li.disc17 {
  top: 28%;
  left: 54%;
}
.about .introduction .introduction-services .box .right .img-box ul li.disc18 {
  top: 38%;
  left: 65%;
}
.about .introduction .introduction-services .box .right .img-box ul li.disc19 {
  top: 30%;
  left: 69%;
}
.about .introduction .introduction-services .box .right .img-box ul li.disc20 {
  top: 42%;
  left: 75%;
}


.about .introduction .introduction-news {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-news {
    margin-top: 40px;
  }
}

.about .introduction .introduction-news .box {
  overflow: hidden;
}

.about .introduction .introduction-news .box .content {
  margin-top: 55px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news .box .content {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .about .introduction .introduction-news .box .content {
    margin-top: 20px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick {
  margin: 0 -22px;
}

@media (max-width: 1199px) {
  .about .introduction .introduction-news .box .content .intronews-slick {
    margin: 0 -15px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box {
  padding: 0 22px;
}

@media (max-width: 1199px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box {
    padding: 0 15px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .img-box {
  padding-bottom: calc(280 / 530 * 100%);
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont {
  padding: 25px 30px;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont {
    padding: 20px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .date {
  color: #DB481D;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .date {
    font-size: 16px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .tit {
  margin-top: 5px;
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .tit a {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.5s;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .tit a {
    font-size: 16px;
  }
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .tit a:hover {
  color: #DB481D;
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .txt {
  margin-top: 10px;
}

.about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .txt p {
  color: #444;
  font-size: 17px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .txt p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .about .introduction .introduction-news .box .content .intronews-slick .item-box .item .cont .txt p {
    font-size: 14px;
  }
}

.bbox {
  height: 6000px;
}

.bbox .item {
  display: inline-flex;
  position: sticky;
  top: 100px;
}

.bbox .aa {
  width: 400px;
  background-color: red;
  height: 100px;
}

.bbox .bb {
  width: 100%;
  background-color: blue;
  height: 100px;
}

.bbox .cc {
  width: 100%;
  background-color: green;
  height: 100px;
}

.product-title h2 {
  color: #111;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
}

@media (max-width: 1560px) {
  .product-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .product-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .product-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .product-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .product-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .product-title h2 {
    font-size: 24px;
  }
}

.product-title p {
  margin-top: 10px;
  color: #222;
  /* text-align: center; */
  text-align: left;
  font-size: 16px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .product-title p {
    font-size: 14px;
  }
}

.product {
  padding-bottom: 100px;


}

@media(max-width: 1470px) {
  .product {}
}

@media (max-width: 1400px) {
  .product {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .product {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .product {
    padding-bottom: 40px;
  }
}

.product .about-nav {
  border-bottom: 1px solid #DDD;
  background: #FFF;
}

.product .product-solution {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .product .product-solution {
    margin-top: 40px;
  }
}

.product .product-solution .box {
  overflow: hidden;
}

.product .product-solution .content {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .product .product-solution .content {
    margin-top: 10px;
  }
}

.product .product-solution .content .tit {
  color: #111;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
}

@media (max-width: 1560px) {
  .product .product-solution .content .tit {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .product .product-solution .content .tit {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .product .product-solution .content .tit {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .product .product-solution .content .tit {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .product .product-solution .content .tit {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .product .product-solution .content .tit {
    font-size: 24px;
  }
}

.product .product-solution .content .titsecen {
  margin-top: 5px;
  color: #444;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 1400px) {
  .product .product-solution .content .titsecen {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .product .product-solution .content .titsecen {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .product .product-solution .content .titsecen {
    font-size: 18px;
  }
}

.product .product-solution .content .txt {
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .product .product-solution .content .txt {
    margin-top: 10px;
  }
}

.product .product-solution .content .txt p {
  color: #222;
  text-align: left;
  font-size: 16px;
  line-height: 30px;
  /* 187.5% */
}

@media (max-width: 767px) {
  .product .product-solution .content .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.product .product-solution .content-video {
  margin-top: 40px;
  position: relative;
}

@media (max-width: 991px) {
  .product .product-solution .content-video {
    margin-top: 20px;
  }
}

.product .product-solution .content-video img {
  width: 100%;
  height: auto;
}

.product .product-solution .content-video .img-box {
  padding-bottom: calc(460 / 1680 * 100%);
}

.product .product-solution .content-video .firm-video {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product .product-solution .content-video .firm-video .video {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  cursor: pointer;
}

.product .product-solution .content-video .firm-video .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  color: #FFF;
  transition: all 0.5s;
  cursor: pointer;
}

@media (max-width: 991px) {
  .product .product-solution .content-video .firm-video .iconfont {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

.product .product-solution .content-video .firm-video .iconfont:hover {
  color: #DB481D;
}

.product .product-series {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .product .product-series {
    margin-top: 50px;
  }
}

.product .product-series .product-title {
  margin: 0 auto;
  width: 79%;
}

@media (max-width: 1199px) {
  .product .product-series .product-title {
    width: 90%;
  }
}

.product .product-series .content {
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .product .product-series .content {
    margin-top: 0;
  }
}

.product .product-series .content .row-box {
  margin: 0 -20px;
}

@media (max-width: 1199px) {
  .product .product-series .content .row-box {
    margin: 0 -10px;
  }
}

.product .product-series .content .row-box .col-box {
  padding: 0 20px;
  margin-top: 35px;
}

@media (max-width: 1400px) {
  .product .product-series .content .row-box .col-box {
    margin-top: 30px;
  }
}

@media (max-width: 1199px) {
  .product .product-series .content .row-box .col-box {
    padding: 0 10px;
  }
}

@media (max-width: 991px) {
  .product .product-series .content .row-box .col-box {
    margin-top: 20px;
  }
}

.product .product-series .content .row-box .col-box .item {
  border-radius: 15px;
  background-color: #F6F6F6;
  padding: 10px;
  transition: all 0.4s;
}

.product .product-series .content .row-box .col-box .item:hover {
  background-color: #DB481D;
}

.product .product-series .content .row-box .col-box .item:hover .cont .tit a {
  color: #fff;
}

.product .product-series .content .row-box .col-box .item:hover .cont .more a span {
  color: #fff;
}

.product .product-series .content .row-box .col-box .item:hover .cont .more a .iconfont {
  color: #fff;
}

.product .product-series .content .row-box .col-box .item .cont-img .img-box {
  border-radius: 10px;
  padding-bottom: calc(240 / 370 * 100%);
}

.product .product-series .content .row-box .col-box .item .cont {
  padding: 30px 10px 20px 10px;
}

@media (max-width: 1400px) {
  .product .product-series .content .row-box .col-box .item .cont {
    padding: 10px;
    padding-top: 20px;
  }
}

.product .product-series .content .row-box .col-box .item .cont .tit a {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.4s;
}

@media (max-width: 1199px) {
  .product .product-series .content .row-box .col-box .item .cont .tit a {
    font-size: 16px;
  }
}

.product .product-series .content .row-box .col-box .item .cont .more {
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .product .product-series .content .row-box .col-box .item .cont .more {
    margin-top: 10px;
  }
}

.product .product-series .content .row-box .col-box .item .cont .more a {
  display: inline-flex;
  align-items: center;
}

.product .product-series .content .row-box .col-box .item .cont .more a span {
  color: #DB481D;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.4s;
}

@media (max-width: 1199px) {
  .product .product-series .content .row-box .col-box .item .cont .more a span {
    font-size: 14px;
  }
}

.product .product-series .content .row-box .col-box .item .cont .more a .iconfont {
  color: #DB481D;
  display: inline-block;
  margin-left: 10px;
  font-size: 20 px;
  transition: all 0.4s;
}

.product .product-custom {
  margin-top: 60px;
}

.product .product-custom .content1 {
  position: relative;
  border-radius: 10px;
  background: url(../img/productcustom-1.jpg) no-repeat;
  background-size: cover;
  padding: 150px 0 130px 0;
  background-position: center !important;
}

@media (max-width: 1199px) {
  .product .product-custom .content1 {
    padding: 112px 0 110px 0;
  }
}

.product .product-custom .content1 .cont {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product .product-custom .content1 .cont .tit {
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 1470px) {
  .product .product-custom .content1 .cont .tit {
    font-size: 24px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content1 .cont .tit {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content1 .cont .tit {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .product .product-custom .content1 .cont .tit {
    font-size: 20px;
  }
}

.product .product-custom .content1 .cont .more {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

@media (max-width: 1199px) {
  .product .product-custom .content1 .cont .more {
    margin-top: 10px;
  }
}

.product .product-custom .content1 .cont .more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #DB481D;
  color: #FFF;
  font-size: 18px;
  padding: 10px 46px;
  padding-top: 13px;
}

@media (max-width: 1400px) {
  .product .product-custom .content1 .cont .more a {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content1 .cont .more a {
    padding: 8px 30px;
    padding-top: 10px;
  }
}

@media (max-width: 991px) {
  .product .product-custom .content1 .cont .more a {
    font-size: 14px;
  }
}

.product .product-custom .content2 {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .product .product-custom .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content2 {
    margin-top: 20px;
  }
}

.product .product-custom .content2 .item {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #DDD;
  background: #FFF;
  height: 100%;
  padding: 45px 60px 42px 60px;
  margin-right: 70px;
}

@media (max-width: 1400px) {
  .product .product-custom .content2 .item {
    padding: 30px 40px;
    margin-right: 40px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content2 .item {
    padding: 30px;
  }
}

.product .product-custom .content2 .item:last-child {
  margin-right: 0;
}

.product .product-custom .content2 .item img {
  display: block;
  margin: 0 auto;
  width: 65px;
}

@media (max-width: 1400px) {
  .product .product-custom .content2 .item img {
    width: 50px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content2 .item img {
    width: 40px;
  }
}

.product .product-custom .content2 .item .tit {
  margin-top: 15px;
  color: #222;
  font-size: 20px;
}

@media (max-width: 1400px) {
  .product .product-custom .content2 .item .tit {
    margin-top: 10px;
  }
}

@media (max-width: 1199px) {
  .product .product-custom .content2 .item .tit {
    font-size: 18px;
  }
}

.product .product-custom .content2 .item .icon {
  text-align: center;
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .product .product-custom .content2 .item .icon {
    margin-top: 10px;
  }
}

.product .product-custom .content2 .item .icon .iconfont {
  font-size: 16px;
  color: #DB481D;
}

.product .product-dowmload {
  margin-top: 100px;
}

@media (max-width: 1400px) {
  .product .product-dowmload {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .product .product-dowmload {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .product .product-dowmload {
    margin-top: 40px;
  }
}

.product .product-dowmload .box {
  overflow: hidden;
}

.product .product-dowmload .content-box {
  margin: 0 auto;
  width: 44%;
}

@media (max-width: 1710px) {
  .product .product-dowmload .content-box {
    width: 50%;
  }
}

@media (max-width: 1400px) {
  .product .product-dowmload .content-box {
    width: 60%;
  }
}

@media (max-width: 1199px) {
  .product .product-dowmload .content-box {
    width: 70%;
  }
}

@media (max-width: 991px) {
  .product .product-dowmload .content-box {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .product .product-dowmload .content-box {
    width: 100%;
  }
}

.product .product-dowmload .content {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .product .product-dowmload .content {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .product .product-dowmload .content {
    margin-top: 20px;
  }
}

.product .product-dowmload .content .download-slick {
  margin: 0 -15px;
  margin-top: -30px;
}

@media (max-width: 1199px) {
  .product .product-dowmload .content .download-slick {
    margin: 0 -10px;
    margin-top: -30px;
  }
}

.product .product-dowmload .content .download-slick .item-box {
  padding: 0 15px;
  margin-top: 30px;

}

@media (max-width: 1199px) {
  .product .product-dowmload .content .download-slick .item-box {
    padding: 0 10px;
  }
}

.product .product-dowmload .content .download-slick .item-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(210 / 160 * 100%);
}

.product .product-dowmload .content .download-slick .item-box .item .tit {
  margin: 16px 0 5px 0;
}

.product .product-dowmload .content .download-slick .item-box .item .tit a {
  color: #111;
  font-size: 15px;
  font-weight: 700;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .product .product-dowmload .content .download-slick .item-box .item .tit a {
    font-size: 14px;
  }
}

.product .product-dowmload .content .download-slick .item-box .item .more a {
  display: inline-flex;
  align-items: center;
}

.product .product-dowmload .content .download-slick .item-box .item .more a span {
  color: #DB481D;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .product .product-dowmload .content .download-slick .item-box .item .more a span {
    font-size: 15px;
  }
}

.product .product-dowmload .content .download-slick .item-box .item .more a .iconfont {
  margin-left: 14px;
  font-size: 16px;
  color: #DB481D;
}

.productdetails .about-nav {
  border-bottom: 1px solid #DDD;
  background: #FFF;

}

@media(max-width: 991px) {
  .productdetails .about-nav {}
}

.productdetails .productdetails-contbox1 {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-contbox1 {
    margin-top: 40px;
  }
}

.productdetails .productdetails-contbox1 .box {
  overflow: hidden;
}

.productdetails .productdetails-contbox1 .box .content {
  /* display: flex;
  justify-content: space-between; */
  width: 90%;
  margin: 0 auto;
  margin-top: 80px;
}

.productdetails .productdetails-contbox1 .box .content .gjnewsbox1 {
  display: flex;
  justify-content: space-between;
  /* padding: 40px 0; */
  padding-bottom: 40px;
  padding-top: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.productdetails .productdetails-contbox1 .box .content .gjnewsbox1:last-child {
  margin-bottom: 0;
  padding-bottom: 0;

}

@media(max-width: 1470px) {
  .productdetails .productdetails-contbox1 .box .content .gjnewsbox1:nth-child(1) {
    padding-top: 10px !important;
  }
}

.productdetails .productdetails-contbox1 .box .content .gjnewsbox1:last-child {
  border-bottom: none;
}

.productdetails .productdetails-contbox1 .box .content .gjnewsbox1:nth-child(odd) {
  /* flex-direction: row-reverse; */
}

@media (max-width: 1400px) {
  .productdetails .productdetails-contbox1 .box .content {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-contbox1 .box .content {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-contbox1 .box .content {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-contbox1 .box .content .gjnewsbox1 {
    flex-wrap: wrap;
  }
}

.productdetails .productdetails-contbox1 .box .content .left {
  width: 45%;
}

@media (max-width: 991px) {
  .productdetails .productdetails-contbox1 .box .content .left {
    width: 100%;
  }
}

.productdetails .productdetails-contbox1 .box .content .tit {
  color: #111;
  font-size: 42px;
  font-weight: 700;
}

.productdetails .productdetails-contbox1 .box .content .animation-title {}

.animation-title .animation {
  min-height: 0px;
  margin-top: 0px;
  max-width: 70px;
}

@media (max-width: 767px) {
  .animation-title .animation {
    display: none;
  }
}

.animation-title.animation .line {
  display: flex;
  flex-wrap: wrap;
}

@keyframes fa_span01_ani {
  0% {
    width: 6px;
  }

  100% {
    width: 48px;
  }
}

@keyframes fa_span02_ani {
  0% {
    width: 48px;
  }

  100% {
    width: 6px;
  }
}

.animation-title .animation .line p span {
  display: inline-block;
  margin: 0 6px 0 0;
  height: 6px;
  border-radius: 6px;
  margin-top: 14px;
}

.animation-title .animation .line p span:nth-child(1) {
  width: 6px;
  background: red;
  animation: fa_span01_ani 1.2s linear infinite alternate;
}

.animation-title .animation .line p span:nth-child(2) {
  width: 6px;
  background: rgb(255, 149, 0);
  animation: fa_span02_ani 1.2s linear infinite alternate;
}



@media (max-width: 1710px) {
  .productdetails .productdetails-contbox1 .box .content .tit {
    font-size: 36px;
  }
}

@media (max-width: 1400px) {
  .productdetails .productdetails-contbox1 .box .content .tit {
    font-size: 34px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-contbox1 .box .content .tit {
    font-size: 28px;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-contbox1 .box .content .tit {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-contbox1 .box .content .tit {
    font-size: 22px;
  }
}

.productdetails .productdetails-contbox1 .box .content .left .cont {
  margin-top: 12px;
}

.productdetails .productdetails-contbox1 .box .content .left .cont p {
  color: #222;
  /* font-size: 16px; */
  font-size: 20px;
  line-height: 36px;
}

@media (max-width: 1470px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont p {
    font-size: 16px;
    line-height: 27px;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont p {
    font-size: 14px;
    line-height: 28px;
  }
}

.productdetails .productdetails-contbox1 .box .content .left .cont h3 {
  margin: 30px 0 16px 0;
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont h3 {
    font-size: 22px;
    margin: 20px 0 10px 0;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont h3 {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont h3 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont h3 {
    font-size: 16px;
  }
}

.productdetails .productdetails-contbox1 .box .content .left .cont ul {
  list-style: none;
}

.productdetails .productdetails-contbox1 .box .content .left .cont ul li {
  color: #222;
  font-size: 16px;
  line-height: 30px;
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.productdetails .productdetails-contbox1 .box .content .left .cont ul li p{
  position: relative;
}
.productdetails .productdetails-contbox1 .box .content .left .cont ul li::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #DB481D;
  position: absolute;
  left: 0;
  top: 15px;
  /* display: none; */
}
.productdetails .productdetails-contbox1 .box .content .left .cont ul li p::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #DB481D;
  position: absolute;
  left: 0;
  top: 15px;
  display: none;
}
@media (max-width: 767px) {
  .productdetails .productdetails-contbox1 .box .content .left .cont ul li {
    font-size: 14px;
  }
}

.productdetails .productdetails-contbox1 .box .content .right {
  width: 40%;
}

@media (max-width: 991px) {
  .productdetails .productdetails-contbox1 .box .content .right {
    width: 100%;
    margin-top: 20px;
  }
}

.productdetails .productdetails-contbox1 .box .content .right img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}


.productdetails-function {
  margin-top: 40px;
  padding: 100px 0;
  background: #F6F6F6;
}

@media (max-width: 1400px) {
  .productdetails-function {
    margin-top: 20px;
    padding: 80px 0;
  }
}

@media (max-width: 1199px) {
  .productdetails-function {
    margin-top: 20px;
    padding: 60px 0;
  }
}

@media (max-width: 991px) {
  .productdetails-function {
    padding: 40px 0;
  }
}

.productdetails-function .content .row-box {
  margin: 0 -22px;
  margin-top: -30px;
}

@media (max-width: 1400px) {
  .productdetails-function .content .row-box {
    margin-top: -20px;
  }
}

@media (max-width: 1199px) {
  .productdetails-function .content .row-box {
    margin: 0 -15px;
  }
}

.productdetails-function .content .row-box .col-box {
  padding: 0 22px;
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .productdetails-function .content .row-box .col-box {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .productdetails-function .content .row-box .col-box {
    padding: 0 15px;
  }
}

.productdetails-function .content .row-box .col-box .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  background: #FFF;
  position: relative;
  padding: 30px 50px;
}

@media (max-width: 1400px) {
  .productdetails-function .content .row-box .col-box .item {
    padding: 15px 25px;
  }
}

@media (max-width: 1199px) {
  .productdetails-function .content .row-box .col-box .item {
    padding: 15px 20px;
  }
}

.productdetails-function .content .row-box .col-box .item .left {
  display: flex;
  align-items: center;
  position: relative;
}

.productdetails-function .content .row-box .col-box .item .left .iconfont {
  line-height: 1;
  font-size: 20px;
  color: #DB481D;
}

.productdetails-function .content .row-box .col-box .item .left img {
  width: 50px;
  height: auto;
  background: transparent;
}

@media (max-width: 1400px) {
  .productdetails-function .content .row-box .col-box .item .left img {
    width: 40px;
  }
}

@media (max-width: 1199px) {
  .productdetails-function .content .row-box .col-box .item .left img {
    width: 35px;
  }
}

@media (max-width: 767px) {
  .productdetails-function .content .row-box .col-box .item .left img {
    width: 30px;
  }
}

.productdetails-function .content .row-box .col-box .item .left span {
  display: block;
  color: #111;
  font-size: 20px;
  margin-left: 20px;
  padding-right: 10px;
}

@media (max-width: 1400px) {
  .productdetails-function .content .row-box .col-box .item .left span {
    width: 80%;
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .productdetails-function .content .row-box .col-box .item .left span {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .productdetails-function .content .row-box .col-box .item .left span {
    margin-left: 10px;
    font-size: 14px;
  }
}

.productdetails-function .content .row-box .col-box .item .disc {
  width: 10px;
  height: 10px;
  background-color: #b89e96;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
}

@media(max-width: 1400px) {
  .productdetails-function .content .row-box .col-box .item .disc {
    right: 25px;
  }
}

@media(max-width: 1199px) {
  .productdetails-function .content .row-box .col-box .item .disc {
    right: 20px;
  }
}

.productdetails .productdetails-some {
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-some {
    margin-top: 40px;
  }
}

.productdetails .productdetails-some .box {
  overflow: hidden;
}

.productdetails .productdetails-some .box .index-title h2 {
  font-size: 45px;
  color: #111111;
  margin-bottom: 20px;
}

@media (max-width: 1560px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .productdetails .productdetails-some .box .index-title h2 {
    font-size: 24px;
  }
}

.productdetails .productdetails-some .box .content-box {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-some .box .content-box {
    margin-top: 40px;
  }
}

.productdetails .productdetails-some .box .content-box .content1 {
  margin-bottom: 35px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-some .box .content-box .content1 {
    margin-bottom: 20px;
  }
}

.productdetails .productdetails-some .box .content-box .content1 .row-box {
  margin: 0 -13px;
  margin-top: -30px;
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .content-box .content1 .row-box {
    margin: 0 -10px;
    margin-top: -20px;
  }
}

.productdetails .productdetails-some .box .content-box .content1 .row-box .col-box {
  padding: 0 13px;
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .content-box .content1 .row-box .col-box {
    padding: 0 10px;
  }
}

.productdetails .productdetails-some .box .content-box .content1 .row-box .col-box .item {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .content-box .content1 .row-box .col-box .item {
    margin-top: 20px;
  }
}

.productdetails .productdetails-some .box .content-box .content1 .row-box .col-box .item.item-height .img-box {
  padding-bottom: calc(550 / 400 * 100%);
}

.productdetails .productdetails-some .box .content-box .content1 .row-box .col-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(260 / 400 * 100%);
}

.productdetails .productdetails-some .box .content-box .content2 {
  margin-bottom: 35px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-some .box .content-box .content2 {
    margin-bottom: 20px;
  }
}

.productdetails .productdetails-some .box .content-box .content2 .row-box {
  margin: 0 -22px;
  margin-top: -35px;
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .content-box .content2 .row-box {
    margin: 0 -12px;
    margin-top: -20px;
  }
}

.productdetails .productdetails-some .box .content-box .content2 .row-box .col-box {
  padding: 0 22px;
  margin-top: 35px;
}

@media (max-width: 1199px) {
  .productdetails .productdetails-some .box .content-box .content2 .row-box .col-box {
    padding: 0 12px;
    margin-top: 20px;
  }
}

.productdetails .productdetails-some .box .content-box .content2 .row-box .col-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(300 / 530 * 100%);
}

.productdetails .productdetails-link {
  background: url(../img/productdetails-bottom-1.jpg) no-repeat;
  background-size: cover;
  margin-top: 55px;
  padding: 130px 0 140px 0;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-link {
    margin-top: 30px;
    padding: 100px 0 110px 0;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-link {
    padding: 80px 0 90px 0;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-link {
    padding: 60px 0 70px 0;
  }
}

@media (max-width: 767px) {
  .productdetails .productdetails-link {
    padding: 40px 0 50px 0;
  }
}

.productdetails .productdetails-link .content2 {
  display: flex;
  justify-content: center;
}

.productdetails .productdetails-link .content2 .item {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #DDD;
  background: transparent;
  height: 100%;
  padding: 45px 60px 42px 60px;
  margin-right: 70px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-link .content2 .item {
    padding: 30px 40px;
    margin-right: 40px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-link .content2 .item {
    padding: 30px;
  }
}

@media (max-width: 991px) {
  .productdetails .productdetails-link .content2 .item {
    margin-right: 20px;
  }
}

.productdetails .productdetails-link .content2 .item:last-child {
  margin-right: 0;
}

.productdetails .productdetails-link .content2 .item img {
  display: block;
  margin: 0 auto;
  width: 65px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-link .content2 .item img {
    width: 50px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-link .content2 .item img {
    width: 40px;
  }
}

.productdetails .productdetails-link .content2 .item .tit {
  margin-top: 15px;
  color: #222;
  font-size: 20px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-link .content2 .item .tit {
    margin-top: 10px;
  }
}

@media (max-width: 1199px) {
  .productdetails .productdetails-link .content2 .item .tit {
    font-size: 18px;
  }
}

.productdetails .productdetails-link .content2 .item .icon {
  text-align: center;
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .productdetails .productdetails-link .content2 .item .icon {
    margin-top: 10px;
  }
}

.productdetails .productdetails-link .content2 .item .icon .iconfont {
  font-size: 16px;
  color: #DB481D;
}

.news {
  padding-bottom: 85px;
}

@media (max-width: 1400px) {
  .news {
    padding-bottom: 60px;
  }
}

@media (max-width: 1199px) {
  .news {
    padding-bottom: 40px;
  }
}

.news .news-search {
  display: flex;
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .news .news-search {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .news .news-search {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.news .news-search .item {
  width: 300px;
  margin-right: 60px;
  border-bottom: 1px solid #DB481D;
  padding-bottom: 20px;
  position: relative;
}

.news-search ul {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 16;
  background-color: #fff;
  list-style: none;
  border-radius: 5px;
  box-shadow: 0 0 25px rgb(0 0 0 / 10%);
  display: none;
}

.news-search ul li {
  font-size: 18px;
  color: #5d5d5d;
  padding-left: 10px;
  padding: 5px 10px;
  line-height: 1.5;
  box-sizing: border-box;
  cursor: pointer;
}

@media (max-width: 1199px) {
  .news-search ul li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .news-search ul li {
    font-size: 14px;
  }
}

@media (max-width: 1400px) {
  .news .news-search .item {
    margin-right: 40px;
    padding-bottom: 10px;
    width: 220px;
  }
}

@media (max-width: 1199px) {
  .news .news-search .item {
    margin-right: 30px;
    padding-bottom: 5px;
    width: 150px;
  }
}

@media (max-width: 575px) {
  .news .news-search .item {
    width: 48%;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .news .news-search .item:last-child {
    width: 100%;
    margin-top: 20px;
  }
}

.news .news-search .item .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111;
  font-size: 18px;
  font-weight: 700;

  cursor: pointer;
}

@media (max-width: 1400px) {
  .news .news-search .item .tit {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .news .news-search .item .tit {
    font-size: 14px;
  }
}

.news .news-search .item .tit::after {
  font-family: 'iconfont' !important;
  content: '\e61d';
  font-size: 18px;
  transform: rotate(90deg);
  color: #999999;
}

@media(max-width: 1400px) {
  .news .news-search .item .tit::after {
    font-size: 14px;
  }
}

@media(max-width: 991px) {
  .news .news-search .item .tit::after {
    font-size: 12px;
  }
}

.news .news-search .item form {
  justify-content: space-between;
}

.news .news-search .item form input {
  background-color: transparent;
  border: none;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  width: 70%;
}

@media (max-width: 1400px) {
  .news .news-search .item form input {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .news .news-search .item form input {
    font-size: 14px;
  }
}


.news .news-search .item form input::placeholder {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .news .news-search .item form input::placeholder {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .news .news-search .item form input::placeholder {
    font-size: 14px;
  }
}


.news .news-search .item form input:focus::placeholder {
  color: #ccc;
}

.news .news-search .item form button {
  background-color: transparent;
  border: none;
  padding-bottom: 5px;
  padding: 0;
}

.news .news-search .item form button .iconfont {
  color: #DB481D;
  font-size: 24px;

  line-height: 1;
}

@media (max-width: 1199px) {
  .news .news-search .item form button .iconfont {
    font-size: 18px;
  }
}

.news .content {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .news .content {
    margin-top: 40px;
  }
}

.news .content .box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .news .content .box {
    flex-wrap: wrap;
  }
}

.news .content .box .left {
  width: calc(100% - 345px - 40px);
  margin-right: auto;
}

@media (max-width: 1400px) {
  .news .content .box .left {
    width: calc(100% - 310px - 20px);
  }
}

@media (max-width: 1199px) {
  .news .content .box .left {
    width: 100%;
  }
}

.news .content .box .left .item-box {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .news .content .box .left .item-box {
    margin-top: 40px;
  }
}

.news .content .box .left .item-box:first-child {
  margin-top: 0;
}

.news .content .box .left .item-box .item {
  display: flex;
}

@media (max-width: 991px) {
  .news .content .box .left .item-box .item {
    flex-wrap: wrap;
  }
}

.news .content .box .left .item-box .item:hover .con-right {
  background-color: #ED6F00;
}

.news .content .box .left .item-box .item:hover .con-right .date {
  color: #FFF;
}

.news .content .box .left .item-box .item:hover .con-right .tit .a {
  color: #FFF;
}

.news .content .box .left .item-box .item:hover .con-right .txt p {
  color: #FFF;
}

.news .content .box .left .item-box .con-left {
  width: 40%;
}

@media (max-width: 991px) {
  .news .content .box .left .item-box .con-left {
    width: 100%;
  }
}

.news .content .box .left .item-box .con-left .img-box {
  border-radius: 15px;
  padding-bottom: calc(280 / 520 * 100%);
}

@media (max-width: 991px) {
  .news .content .box .left .item-box .con-left .img-box {
    border-radius: 10px;
  }
}

.news .content .box .left .item-box .con-right {
  width: calc(60% - 25px);
  margin-left: auto;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  transition: all 0.5s;
  padding: 35px 55px 60px 45px;
}

.news .content .box .left .item-box .con-right a {
  display: block;
}

@media (max-width: 1710px) {
  .news .content .box .left .item-box .con-right {
    padding: 30px 40px 50px 35px;
  }
}

@media (max-width: 1400px) {
  .news .content .box .left .item-box .con-right {
    padding: 20px 20px 30px 20px;
  }
}

@media (max-width: 991px) {
  .news .content .box .left .item-box .con-right {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
  }
}

.news .content .box .left .item-box .con-right .date {
  color: #DB481D;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .news .content .box .left .item-box .con-right .date {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .news .content .box .left .item-box .con-right .date {
    font-size: 14px;
  }
}

.news .content .box .left .item-box .con-right .tit {
  margin: 10px 0 20px 0;
}

@media (max-width: 1400px) {
  .news .content .box .left .item-box .con-right .tit {
    margin: 5px 0 10px 0;
  }
}

.news .content .box .left .item-box .con-right .tit .a {
  color: #111;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.5s;
}

@media (max-width: 1710px) {
  .news .content .box .left .item-box .con-right .tit .a {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .news .content .box .left .item-box .con-right .tit .a {
    font-size: 16px;
  }
}

.news .content .box .left .item-box .con-right .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
  transition: all 0.5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media (max-width: 767px) {
  .news .content .box .left .item-box .con-right .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.news .content .box .right {
  width: 345px;
}

@media (max-width: 1400px) {
  .news .content .box .right {
    width: 310px;
  }
}

@media (max-width: 1199px) {
  .news .content .box .right {
    width: 100%;
  }
}

.news .content .box .right .cont-box {
  position: sticky;
  top: 96px;
  right: 0;
}

@media (max-width: 1199px) {
  .news .content .box .right .cont-box {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.news .content .box .right .cont-box .item {
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .news .content .box .right .cont-box .item {
    width: 48%;
  }
}

@media (max-width: 767px) {
  .news .content .box .right .cont-box .item {
    width: 100%;
  }
}

.news .content .box .right .cont-box .item:first-child {
  width: 100%;
}

.news .content .box .right .cont-box .item h3 {
  background: #ED6F00;
  padding: 12px 40px;
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

@media (max-width: 1400px) {
  .news .content .box .right .cont-box .item h3 {
    padding: 12px 30px;
  }
}

@media (max-width: 767px) {
  .news .content .box .right .cont-box .item h3 {
    font-size: 16px;
    padding: 12px 20px;
  }
}

.news .content .box .right .cont-box .item .cont {
  padding: 20px 40px;
  background-color: #F9F9F9;
}

@media (max-width: 1400px) {
  .news .content .box .right .cont-box .item .cont {
    padding: 20px 30px;
  }
}

@media (max-width: 767px) {
  .news .content .box .right .cont-box .item .cont {
    padding: 20px 20px;
  }
}

.news .content .box .right .cont-box .item1 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.news .content .box .right .cont-box .item1 ul li {
  margin-bottom: 20px;
  margin-right: 10px;
}

@media (max-width: 1400px) {
  .news .content .box .right .cont-box .item1 ul li {
    margin-bottom: 15px;
  }
}

@media (max-width: 1199px) {
  .news .content .box .right .cont-box .item1 ul li {
    margin-right: 20px;
  }
}

.news .content .box .right .cont-box .item1 ul li a {
  color: #222;
  font-size: 16px;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .news .content .box .right .cont-box .item1 ul li a {
    font-size: 14px;
  }
}

.news .content .box .right .cont-box .item1 ul li a:hover {
  color: #DB481D;
}

.news .content .box .right .cont-box .item2 ul {
  list-style: none;
}

.news .content .box .right .cont-box .item2 ul li {
  display: flex;
  color: #222;
  font-size: 16px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .news .content .box .right .cont-box .item2 ul li {
    font-size: 14px;
  }
}

.news .content .box .right .cont-box .item2 ul li p a {
  color: #222;
  transition: all 0.5s;
}

.news .content .box .right .cont-box .item2 ul li p a:hover {
  color: #DB481D;
}

.news .content .box .right .cont-box .item3 .tit {
  color: #222;
  font-size: 16px;
}

.news .content .box .right .cont-box .item3 .news-search {
  margin-top: 10px;
}

.news .content .box .right .cont-box .item3 .news-search form {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #DB481D;
}

.news .content .box .right .cont-box .item3 .news-search form input {
  border: none;
  outline: none;
  width: calc(100% - 50px);
  background-color: transparent;
  font-size: 16px;
}

@media (max-width: 991px) {
  .news .content .box .right .cont-box .item3 .news-search form input {
    font-size: 14px;
  }
}

.news .content .box .right .cont-box .item3 .news-search form input::placeholder {
  color: #AAAAAA;
  font-size: 16px;
}

@media (max-width: 991px) {
  .news .content .box .right .cont-box .item3 .news-search form input::placeholder {
    font-size: 14px;
  }
}

.news .content .box .right .cont-box .item3 .news-search form input:focus::placeholder {
  color: #ED6F00;
  opacity: 0.4;
}

.news .content .box .right .cont-box .item3 .news-search form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background-color: transparent;
}

.news .content .box .right .cont-box .item3 .news-search form button .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  background: #ED6F00;
  color: #FFFFFF;
  font-size: 14px;
}

.contact {
  padding-bottom: 130px;
}

@media (max-width: 1400px) {
  .contact {
    padding-bottom: 100px;
  }
}

@media (max-width: 1199px) {
  .contact {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .contact {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .contact {
    padding-bottom: 40px;
  }
}

.contact .contact-contentbox1 {
  margin-top: 50px;
}

.contact .contact-contentbox1 .box1 {
  overflow: hidden;
}

.contact .contact-contentbox1 .content {
  position: relative;
  margin-top: 40px;
}

.contact .contact-contentbox1 .content::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #F6F6F6;
}

.contact .contact-contentbox1 .content .box2 {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .contact .contact-contentbox1 .content .box2 {
    flex-wrap: wrap;
  }
}

.contact .contact-contentbox1 .content .box2 .left {
  position: absolute;
  left: 0;
  z-index: 3;
  width: 50%;
  height: 100%;
}

@media (max-width: 991px) {
  .contact .contact-contentbox1 .content .box2 .left {
    position: static;
    width: 100%;
    height: 400px;
  }
}

@media (max-width: 767px) {
  .contact .contact-contentbox1 .content .box2 .left {
    height: 300px;
  }
}

.contact .contact-contentbox1 .content .box2 .left iframe {
  width: 100% !important;
  height: 100% !important;
}

.contact .contact-contentbox1 .content .box2 .left .img-box {
  height: 100%;
}

.contact .contact-contentbox1 .content .box2 .right {
  width: 50%;
  padding: 80px 0 100px 0;
  padding-left: 110px;
  position: relative;
  z-index: 6;
}

@media (max-width: 1400px) {
  .contact .contact-contentbox1 .content .box2 .right {
    padding: 60px 0 80px 0;
    padding-left: 60px;
  }
}

@media (max-width: 991px) {
  .contact .contact-contentbox1 .content .box2 .right {
    width: 100%;
    padding: 40px 0 60px 0;
  }
}

.contact .contact-contentbox1 .content .box2 .right .logo {
  width: 530px;
}

@media (max-width: 1400px) {
  .contact .contact-contentbox1 .content .box2 .right .logo {
    width: 440px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .logo {
    width: 370px;
  }
}

@media (max-width: 991px) {
  .contact .contact-contentbox1 .content .box2 .right .logo {
    width: 330px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .logo img {
  width: 100%;
}

.contact .contact-contentbox1 .content .box2 .right .cont {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .cont {
    margin-top: 30px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box:first-child {
  margin-top: 0;
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box {
    margin-top: 20px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box:hover .iconfont {
  animation: swing 1s 0s ease both;
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box:hover .item p a {
  color: #ED6F00;
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ED6F00;
  width: 50px;
  height: 50px;
  color: #FFF;
  font-size: 20px;
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box .iconfont {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box .item {
  width: calc(100% - 50px - 30px);
  margin-left: auto;
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box .item {
    width: calc(100% - 40px - 20px);
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box .item b {
  display: block;
  color: #ED6F00;
  font-size: 17px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box .item b {
    font-size: 16px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box .item p {
  margin-top: 5px;
  color: #000;
  /* font-size: 14px; */
  font-size: 18px;
}

@media (max-width: 1400px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box .item p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .contact .contact-contentbox1 .content .box2 .right .cont .item-box .item p {
    font-size: 14px;
  }
}

.contact .contact-contentbox1 .content .box2 .right .cont .item-box .item p a {
  color: #000;
  transition: all 0.5s;
}

.contact .contact-business {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .contact .contact-business {
    margin-top: 40px;
  }
}

.contact .contact-business .row-box {
  margin: 0 -15px;
}

@media (max-width: 1199px) {
  .contact .contact-business .row-box {
    margin: 0 -10px;
  }
}

.contact .contact-business .row-box .col-box {
  padding: 0 15px;
}

@media (max-width: 1199px) {
  .contact .contact-business .row-box .col-box {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .contact .contact-business .row-box .col-box {
    margin-bottom: 20px;
  }
}

.contact .contact-business .row-box .col-box .item {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  padding: 50px 50px 70px 100px;
}

@media (max-width: 1560px) {
  .contact .contact-business .row-box .col-box .item {
    padding: 40px 40px 60px 80px;
  }
}

@media (max-width: 1400px) {
  .contact .contact-business .row-box .col-box .item {
    padding: 40px 40px 50px 60px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-business .row-box .col-box .item {
    padding: 30px 30px 40px 50px;
  }
}

@media (max-width: 991px) {
  .contact .contact-business .row-box .col-box .item {
    padding: 30px;
  }
}

.contact .contact-business .row-box .col-box .item .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .contact .contact-business .row-box .col-box .item .tit {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-business .row-box .col-box .item .tit {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .contact .contact-business .row-box .col-box .item .tit {
    font-size: 18px;
  }
}

.contact .contact-business .row-box .col-box .item .hr {
  margin: 15px 0;
  width: 30px;
  height: 2px;
  background: #ED6F00;
}

@media (max-width: 991px) {
  .contact .contact-business .row-box .col-box .item .hr {
    margin: 10px 0;
  }
}

.contact .contact-business .row-box .col-box .item .cont ul {
  list-style: none;
}

.contact .contact-business .row-box .col-box .item .cont ul li {
  display: flex;
  color: #444;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
  /* 177.778% */
}

@media (max-width: 1400px) {
  .contact .contact-business .row-box .col-box .item .cont ul li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .contact .contact-business .row-box .col-box .item .cont ul li {
    font-size: 14px;
    line-height: 28px;
  }
}

.contact .contact-business .row-box .col-box .item .cont ul li b {
  display: inline-block;
  font-weight: 700;
}

.contact .contact-business .row-box .col-box .item .cont ul li p {
  margin-left: 10px;
}

.contact .contact-business .row-box .col-box .item .cont ul li p a {
  color: #444;
  transition: all 0.5s;
}

.contact .contact-business .row-box .col-box .item .cont ul li p a:hover {
  color: #DB481D;
}

.contact .contact-message {
  margin-top: 30px;
}

.contact .contact-message .contact-tab {
  border-bottom: 1px solid #DDDDDD;
}

.contact .contact-message .contact-tab ul {
  display: flex;
  overflow-x: auto;
  list-style: none;
}

.contact .contact-message .contact-tab ul li {
  margin-right: 80px;
  cursor: pointer;
  color: #222;
  font-size: 20px;
  padding: 30px 0 20px 0;
  position: relative;
  transition: all 0.5s;
}

@media (max-width: 1400px) {
  .contact .contact-message .contact-tab ul li {
    margin-right: 60px;
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .contact .contact-message .contact-tab ul li {
    margin-right: 40px;
    font-size: 16px;
    padding: 20px 0 10px 0;
  }
}

.contact .contact-message .contact-tab ul li:hover {
  color: #DB481D;
}

.contact .contact-message .contact-tab ul li:hover::after {
  width: 100%;
}

.contact .contact-message .contact-tab ul li.active {
  color: #DB481D;
}

.contact .contact-message .contact-tab ul li.active::after {
  width: 100%;
}

.contact .contact-message .contact-tab ul li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #DB481D;
  transition: all 0.5s;
}

.contact .contact-message .content-box {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .contact .contact-message .content-box {
    margin-top: 20px;
  }
}

.contact .contact-message .contentyn {
  display: none;
}

.contact .contact-message .contentyn.active {
  display: block;
}

.contact .contact-message .contentyn .content1 {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .contact .contact-message .contentyn .content1 {
    flex-wrap: wrap;
  }
}

.contact .contact-message .contentyn .content1 .left {
  width: 50%;
}

.contact .contact-message .contentyn .content1 .left img {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .contact .contact-message .contentyn .content1 .left {
    width: 100%;
  }
}

.contact .contact-message .contentyn .content1 .right {
  width: 50%;
  padding: 60px 70px;
  background: #F6F7F8;
}

@media (max-width: 991px) {
  .contact .contact-message .contentyn .content1 .right {
    width: 100%;
  }
}

@media (max-width: 1400px) {
  .contact .contact-message .contentyn .content1 .right {
    padding: 40px 50px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right {
    padding: 30px 40px;
  }
}

@media (max-width: 767px) {
  .contact .contact-message .contentyn .content1 .right {
    padding: 20px 30px;
  }
}

.contact .contact-message .contentyn .content1 .right .tit {
  color: #111;
  font-size: 34px;
  font-weight: 700;
}

@media (max-width: 1560px) {
  .contact .contact-message .contentyn .content1 .right .tit {
    font-size: 30px;
  }
}

@media (max-width: 1400px) {
  .contact .contact-message .contentyn .content1 .right .tit {
    font-size: 26px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .tit {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .contact .contact-message .contentyn .content1 .right .tit {
    font-size: 20px;
  }
}

.contact .contact-message .contentyn .content1 .right .message {
  margin: 0 auto;
  margin-top: 15px;
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message {
    margin-top: 0;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox li {
  margin-top: 10px;
  list-style: none;
}

.contact .contact-message .contentyn .content1 .right .message .formbox .code {
  display: flex;
  justify-content: space-between;
}

.contact .contact-message .contentyn .content1 .right .message .formbox .code input {
  display: inline-block;
  width: calc(100% - 125px - 15px) !important;
  margin-right: auto;
}

@media (max-width: 767px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .code input {
    width: calc(100% - 110px - 15px) !important;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox .code button {
  width: 125px;
  border: none;
  border-radius: 5px;
  background: #E6E7EA;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .code button {
    width: 110px;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox .code button span {
  color: #444;
  font-size: 16px;
  transition: all 0.5s;
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .code button span {
    font-size: 14px;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox .group {
  position: relative;
}

.contact .contact-message .contentyn .content1 .right .message .formbox .group input {
  width: 100%;
  border-radius: 5px;
  background: #FFF;
  overflow: hidden;
  color: #AAA;
  font-size: 16px;
  padding: 18px 30px;
  outline: none;
  transition: border-color 0.3s ease;
  border: none;
}

@media (max-width: 1400px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .group input {
    padding: 15px 20px;
  }
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .group input {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .group input {
    font-size: 14px;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox .group input::placeholder {
  color: #AAA;
  font-size: 16px;
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message .formbox .group input::placeholder {
    font-size: 14px;
  }
}

.contact .contact-message .contentyn .content1 .right .message .formbox .group input:focus label {
  display: none;
}

.contact .contact-message .contentyn .content1 .right .message .formbox .group input:focus::placeholder {
  color: #ccc;
}

.contact .contact-message .contentyn .content1 .right .message .func {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message .func {
    margin-top: 20px;
  }
}

.contact .contact-message .contentyn .content1 .right .message .func .submit-group {
  display: flex;
}

.contact .contact-message .contentyn .content1 .right .message .func .submit {
  width: 100%;
  border: none;
  border-radius: 5px;
  background: #828898;
  padding: 15px 0;
  transition: all 0.5s;
}

.contact .contact-message .contentyn .content1 .right .message .func .submit:hover {
  background-color: #DB481D;
}

@media (max-width: 1400px) {
  .contact .contact-message .contentyn .content1 .right .message .func .submit {
    padding: 10px 0;
  }
}

@media (max-width: 991px) {
  .contact .contact-message .contentyn .content1 .right .message .func .submit {
    padding: 10px 0;
  }
}

.contact .contact-message .contentyn .content1 .right .message .func .submit span {
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.5s;
}

@media (max-width: 1199px) {
  .contact .contact-message .contentyn .content1 .right .message .func .submit span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .contact .contact-message .contentyn .content1 .right .message .func .submit span {
    font-size: 14px;
  }
}

.application {
  overflow: hidden;
  padding-bottom: 120px;
}

@media (max-width: 1400px) {
  .application {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .application {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .application {
    padding-bottom: 40px;
  }
}

.application .industry-evelopment {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .application .industry-evelopment {
    margin-top: 40px;
  }
}

.application .industry-evelopment .box {
  overflow: hidden;
}

.application .industry-evelopment .box .index-title h2 {
  margin-top: 20px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .application .industry-evelopment .box .index-title h2 {
    font-size: 24px;
  }
}

.application .industry-evelopment .box .content {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  background: #F6F6F6;
  margin-top: 30px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .application .industry-evelopment .box .content {
    flex-wrap: wrap;
  }
}

.application .industry-evelopment .box .content .left {
  padding: 40px 0 0 60px;
  width: 50%;
}

@media(max-width: 1400px) {
  .application .industry-evelopment .box .content .left {
    padding: 20px 0 0 40px;
  }


}

@media (max-width: 991px) {
  .application .industry-evelopment .box .content .left {
    width: 100%;
    padding: 20px;
  }
}

.application .industry-evelopment .box .content .left .tit h2 {
  color: #EBE8E5;
  font-family: Anton;
  font-size: 62px;
  font-weight: 400;
  margin: 0;
}

@media(max-width: 1400px) {

  .application .industry-evelopment .box .content .left .tit h2 {
    font-size: 50px;
  }
}

@media(max-width: 1199px) {

  .application .industry-evelopment .box .content .left .tit h2 {
    font-size: 45px;
  }
}

@media(max-width: 991px) {

  .application .industry-evelopment .box .content .left .tit h2 {
    font-size: 40px;
  }
}

.application .industry-evelopment .box .content .left .tit h3 {
  color: #222;
  font-size: 34px;
  font-weight: 700;
  margin: 0;
  margin-top: -50px;
}

@media(max-width: 1400px) {
  .application .industry-evelopment .box .content .left .tit h3 {
    font-size: 26px;
    margin-top: -40px;
  }
}

@media(max-width: 1199px) {
  .application .industry-evelopment .box .content .left .tit h3 {
    font-size: 24px;
    margin-top: -35px;
  }
}

@media(max-width: 991px) {
  .application .industry-evelopment .box .content .left .tit h3 {
    font-size: 20px;
    margin-top: -30px;
  }
}

.application .industry-evelopment .box .content .left .hr {
  width: 62px;
  height: 3px;
  background: #DB481D;
  margin: 20px 0;
}

@media(max-width: 1199px) {
  .application .industry-evelopment .box .content .left .hr {
    margin: 10px 0;
  }
}

.application .industry-evelopment .box .content .left .txt p {
  color: #222;
  font-size: 20px;
  line-height: 32px;

  text-indent: 2em;
}

@media (max-width: 1400px) {
  .application .industry-evelopment .box .content .left .txt p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .application .industry-evelopment .box .content .left .txt p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .application .industry-evelopment .box .content .left .txt p {
    font-size: 14px;
    line-height: 25px;
  }
}

.application .industry-evelopment .box .content .right {
  width: 42.5%;
}

.application .industry-evelopment .box .content .right .img-box {
  padding-bottom: calc(400 / 705 * 100%);
}

@media (max-width: 991px) {
  .application .industry-evelopment .box .content .right {
    width: 100%;
    margin-top: 20px;
  }
}

.application .industry-points {
  margin-top: 40px;
  padding: 70px 0 110px 0;
  background: #F6F6F6;
}

@media (max-width: 1470px) {
  .application .industry-points {
    margin-top: 40px;
    padding: 50px 0 40px 0;
  }
}

@media (max-width: 1199px) {
  .application .industry-points {
    padding: 40px 0 40px 0;
  }
}

.application .industry-points .content {
  margin-top: 35px;
  border-radius: 10px;
  background: #FFF;
  padding: 85px 80px 105px 80px;
}

@media(max-width:1400px) {
  .application .industry-points .content {
    padding: 50px 40px 60px 40px;
  }
}

@media (max-width: 1199px) {
  .application .industry-points .content {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .application .industry-points .content {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .application .industry-points .content {
    padding: 20px;
  }
}

.application .industry-points .content .row-box {
  margin: 0 -120px;
}

@media(max-width: 1710px) {
  .application .industry-points .content .row-box {
    margin: 0 -40px;
  }
}

@media(max-width: 1400px) {
  .application .industry-points .content .row-box {
    margin: 0 -20px;
  }
}

@media(max-width: 991px) {
  .application .industry-points .content .row-box {}
}

.application .industry-points .content .row-box .col-box {
  padding: 0 120px;
  position: relative;
}

@media(max-width: 1710px) {
  .application .industry-points .content .row-box .col-box {
    padding: 0 40px;
  }
}

@media(max-width: 1400px) {
  .application .industry-points .content .row-box .col-box {
    padding: 0 20px;
  }
}

@media(max-width: 991px) {
  .application .industry-points .content .row-box .col-box {
    padding-bottom: 20px;
    margin-top: 20px;
  }
}


.application .industry-points .content .row-box .col-box:last-child::after {
  display: none;
}

.application .industry-points .content .row-box .col-box::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 150px;
  background: #DDD;
}

@media(max-width: 991px) {
  .application .industry-points .content .row-box .col-box::after {
    right: auto;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
    height: 1px;
    width: 150px;
  }
}

.application .industry-points .content .row-box .col-box .tit {
  color: #ED6F00;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

@media(max-width:1470px) {
  .application .industry-points .content .row-box .col-box .tit {
    font-size: 30px;
  }
}

@media(max-width:1400px) {
  .application .industry-points .content .row-box .col-box .tit {
    font-size: 26px;
  }
}

@media(max-width:1199px) {
  .application .industry-points .content .row-box .col-box .tit {
    font-size: 22px;
  }
}

.application .industry-points .content .row-box .col-box .txt {
  min-width: 350px;
  margin-top: 10px;
}

@media(max-width: 1400px) {
  .application .industry-points .content .row-box .col-box .txt {
    min-width: auto;
  }
}

.application .industry-points .content .row-box .col-box .txt p {
  color: #222;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
}

@media (max-width: 1400px) {
  .application .industry-points .content .row-box .col-box .txt p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .application .industry-points .content .row-box .col-box .txt p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .application .industry-points .content .row-box .col-box .txt p {
    font-size: 14px;
  }
}

.application .solution {
  margin-top: 70px;
}

@media (max-width: 1470px) {
  .application .solution {
    margin-top: 20px;
    padding: 0 14%;
  }
}

@media (max-width: 991px) {
  .application .solution {
    padding: auto;
  }
}

.application .solution .index-title h2 {
  text-align: left;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .application .solution .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1440px) {
  .application .solution .index-title h2 {}
}

@media (max-width: 1400px) {
  .application .solution .index-title h2 {}
}

@media (max-width: 1199px) {
  .application .solution .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .application .solution .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .application .solution .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .application .solution .index-title h2 {
    font-size: 24px;
  }
}

.application .solution .content {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}


@media (max-width: 991px) {
  .application .solution .content {
    flex-wrap: wrap;
  }
}

.application .solution .content .left {
  width: 49%;
}

@media (max-width: 991px) {
  .application .solution .content .left {
    width: 100%;
  }
}

.application .solution .content .left:hover .cont {
  background-color: #ED6F00;
}

.application .solution .content .left:hover .cont .tit  {
  color: #FFF;
}

.application .solution .content .left:hover .cont .txt p {
  color: #FFF;
}

.application .solution .content .left:hover .cont .more span {
  color: #FFF;
}

.application .solution .content .left:hover .cont .more .iconfont {
  color: #FFF;
}

.application .solution .content .left .img-box {
  border-radius: 15px;
  padding-bottom: calc(450 / 700 * 100%);
}

.application .solution .content.show2 {
  display: none;
}

.application .solution .content.show2 .left .img-box {
  padding-bottom: calc(310 / 700 * 100%);
}

@media(max-width: 1440px) {
  .application .solution .content.show2 {
    display: flex;
  }

}

@media(max-width: 1440px) {

  .application .solution .content.show1 {
    display: none;
  }
}

@media (max-width: 1440px) {
  .application .solution .content {
    margin-top: 20px !important;
  }
}

.application .solution .content .left .cont {
  border-radius: 15px;
  background-color: #F6F6F6;
  transition: all 0.4s;
  margin-top: 5px;
  padding: 35px 50px;

  min-height: 225px;
}


@media(max-width: 1470px) {
  .application .solution .content .left .cont {
    padding: 10px 20px;
    min-height: 140px;
  }
}

.application .solution .content .left .cont .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media(max-width: 1470px) {
  .application .solution .content .left .cont .tit {
    font-size: 20px;
  }
}

@media(max-width: 1400px) {
  .application .solution .content .left .cont .tit {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .application .solution .content .left .cont .tit {
    font-size: 18px;
  }
}

.application .solution .content .left .cont .tit a {
  color: #111;
  transition: all 0.4s;
}

.application .solution .content .left .cont .txt {
  margin-top: 10px;
}

@media (max-width: 1470px) {
  .application .solution .content .left .cont .txt {
    margin-top: 0px;
  }
}

.application .solution .content .left .cont .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
  transition: all 0.4s;
}

@media (max-width: 1470px) {
  .application .solution .content .left .cont .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.application .solution .content .left .cont .more {
  margin-top: 20px;
}

@media(max-width: 1440px) {
  .application .solution .content .left .cont .more {
    margin-top: 10px;
  }
}

.application .solution .content .left .cont .more a {
  display: inline-flex;
  align-items: center;
}

.application .solution .content .left .cont .more a span {
  color: #DB481D;
  font-size: 16px;
  font-weight: 700;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .application .solution .content .left .cont .more a span {
    font-size: 14px;
  }
}

.application .solution .content .left .cont .more a .iconfont {
  margin-left: 10px;
  color: #DB481D;
  transition: all 0.4s;
  font-size: 18px;
}

.application .solution .content .right {
  /* width: 35%; */
}

@media (max-width: 991px) {
  .application .solution .content .right {
    margin-top: 30px;
    width: 100%;
  }
}

.application .solution .content .right .img-box {
  /* padding-bottom: calc(450 / 580 * 100%); */
}

.learn-more {
  margin-top: 110px;
}

@media (max-width: 1400px) {
  .learn-more {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .learn-more {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .learn-more {
    margin-top: 40px;
  }
}

.learn-more .box {
  overflow: hidden;
}

.learn-more .content2 {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .learn-more .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .learn-more .content2 {
    margin-top: 20px;
  }
}

.learn-more .content2 .item {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #DDD;
  background-color: #FFF;
  height: 100%;
  padding: 45px 60px 42px 60px;
  margin-right: 70px;
  transition: all 0.4s;
}


.learn-more .content2 .item:hover {
  background-color: #ED6F00;
}

.learn-more .content2 .item:hover img {
  filter: brightness(0) invert(1);
}

.learn-more .content2 .item:hover .tit {
  color: #FFF;
}

.learn-more .content2 .item:hover .icon .iconfont {
  color: #FFF;
}

@media (max-width: 1400px) {
  .learn-more .content2 .item {
    padding: 30px 40px;
    margin-right: 40px;
  }
}

@media (max-width: 1199px) {
  .learn-more .content2 .item {
    padding: 30px;
  }
}

.learn-more .content2 .item:last-child {
  margin-right: 0;
}

.learn-more .content2 .item img {
  display: block;
  margin: 0 auto;
  width: 65px;
}

@media (max-width: 1400px) {
  .learn-more .content2 .item img {
    width: 50px;
  }
}

@media (max-width: 1199px) {
  .learn-more .content2 .item img {
    width: 40px;
  }
}

.learn-more .content2 .item .tit {
  margin-top: 15px;
  color: #222;
  font-size: 20px;
  transition: all 0.4s;
}

@media (max-width: 1400px) {
  .learn-more .content2 .item .tit {
    margin-top: 10px;
  }
}

@media (max-width: 1199px) {
  .learn-more .content2 .item .tit {
    font-size: 18px;
  }
}

.learn-more .content2 .item .icon {
  text-align: center;
  margin-top: 15px;
}

@media (max-width: 1400px) {
  .learn-more .content2 .item .icon {
    margin-top: 10px;
  }
}

.learn-more .content2 .item .icon .iconfont {
  font-size: 16px;
  color: #DB481D;
  transition: all 0.4s;
}

.service {
  overflow: hidden;
  padding-bottom: 100px;
}

@media (max-width: 1400px) {
  .service {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .service {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .service {
    padding-bottom: 40px;
  }
}

.service .service-case {
  margin-top: 75px;
}

@media (max-width: 1400px) {
  .service .service-case {
    margin-top: 50px;
  }
}

@media (max-width: 1199px) {
  .service .service-case {
    margin-top: 30px;
  }
}

.service .service-case .box {
  overflow: hidden;
}

.service .service-case .box .index-title h2 {
  margin-top: 10px;
  /* font-size: 45px; */
}

@media (max-width: 1560px) {
  .service .service-case .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .service .service-case .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .service .service-case .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .service .service-case .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .service .service-case .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .service .service-case .box .index-title h2 {
    font-size: 24px;
  }
}

.service .service-case .box .tit-txt {
  margin-top: 10px;
}

.service .service-case .box .tit-txt p {
  color: #222;
  text-align: left;
  font-size: 20px;
  line-height: 32px;
}

@media (max-width: 1400px) {
  .service .service-case .box .tit-txt p {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .service .service-case .box .tit-txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .service .service-case .box .tit-txt p {
    font-size: 14px;
  }
}

.service .service-case .box .content {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .service .service-case .box .content {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .service .service-case .box .content {
    flex-wrap: wrap;
  }
}

.service .service-case .box .content .item-box {
  width: 48%;
}

@media (max-width: 991px) {
  .service .service-case .box .content .item-box {
    width: 100%;
    margin-bottom: 20px;
  }
}

.service .service-case .box .content .item-box .item:hover .cont .tit a {
  color: #ED6F00;
}

.service .service-case .box .content .item-box .item .img-box {
  border-radius: 15px;
  padding-bottom: calc(360 / 800 * 100%);
}

.service .service-case .box .content .item-box .item .cont {
  padding: 40px;
  padding-bottom: 0;
}

@media(max-width: 1400px) {
  .service .service-case .box .content .item-box .item .cont {
    padding: 20px;
    padding-bottom: 0;
  }
}

.service .service-case .box .content .item-box .item .cont .tit a {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  transition: all 0.4s;
}

@media(max-width: 1400px) {
  .service .service-case .box .content .item-box .item .cont .tit a {
    font-size: 22px;
  }
}

@media(max-width: 1199px) {
  .service .service-case .box .content .item-box .item .cont .tit a {
    font-size: 20px;
  }
}

@media(max-width: 991px) {
  .service .service-case .box .content .item-box .item .cont .tit a {
    font-size: 18px;
  }
}

@media(max-width: 767px) {
  .service .service-case .box .content .item-box .item .cont .tit a {
    font-size: 16px;
  }
}

.service .service-case .box .content .item-box .item .cont .txt {
  margin-top: 11px;
}

@media (max-width: 1400px) {
  .service .service-case .box .content .item-box .item .cont .txt {
    margin-top: 10px;
  }
}

.service .service-case .box .content .item-box .item .cont .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .service .service-case .box .content .item-box .item .cont .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.service .service-case .box .content .item-box .item .cont .more a {
  display: inline-flex;
  align-items: center;
}

.service .service-case .box .content .item-box .item .cont .more a span {
  color: #DB481D;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .service .service-case .box .content .item-box .item .cont .more a span {
    font-size: 14px;
  }
}

.service .service-case .box .content .item-box .item .cont .more a .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-left: 10px;
  width: 15px;
  height: 15px;
  background-color: #DB481D;
  color: #FFF;
  font-size: 9px;
  transition: all 0.4s;
}

.service .service-equipment {
  overflow: hidden;
  background: #F6F6F6;
  /* margin-top: 80px; */
  padding: 90px 0 100px 0;
}

@media (max-width: 1400px) {
  .service .service-equipment {
    padding: 70px 0 80px 0;
    /* margin-top: 60px; */
  }
}

@media (max-width: 1199px) {
  .service .service-equipment {
    padding: 50px 0 60px 0;
    /* margin-top: 40px; */
  }
}

@media (max-width: 991px) {
  .service .service-equipment {
    padding: 40px 0 50px 0;
  }
}

.service .service-equipment .box {
  overflow: hidden;
}

.service .service-equipment .box .index-title h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .service .service-equipment .box .index-title h2 {
    font-size: 24px;
  }
}


.service .service-equipment .box .index-title {
  overflow: hidden;
}

.service .service-equipment .box .index-title h3 b {
  border: 1px solid #CCC;
  background-color: #F6F6F6;
}

.service .service-equipment .box .index-title h3 b::after {
  background-color: #F6F6F6;
}

.service .service-equipment .box .index-title h3 b::before {
  background-color: #F6F6F6;
}


.service .service-equipment .box .index-title p {
  color: #111;
  text-align: center;
  font-size: 24px;
  /* font-weight: 700; */
}

@media(max-width: 1400px) {
  .service .service-equipment .box .index-title p {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .service .service-equipment .box .index-title p {
    font-size: 18px;
  }
}

@media(max-width: 991px) {
  .service .service-equipment .box .index-title p {
    font-size: 16px;
  }
}


.service .service-equipment .box .content {
  margin-top: 40px;
}

.service .service-equipment .box .content .row-box {
  margin: -15px -30px;
}

@media (max-width: 1400px) {
  .service .service-equipment .box .content .row-box {
    margin: -10px -20px;
  }
}

.service .service-equipment .box .content .row-box .col-box {
  padding: 15px 30px;
}

@media (max-width: 1400px) {
  .service .service-equipment .box .content .row-box .col-box {
    padding: 10px 20px;
  }
}

.service .service-equipment .box .content .row-box .col-box .item:hover .cont .tit a {
  color: #ED6F00;
}

.service .service-equipment .box .content .row-box .col-box .item .img-box {
  border-radius: 15px;
  padding-bottom: calc(280 / 520 * 100%);
}

@media (max-width: 991px) {
  .service .service-equipment .box .content .row-box .col-box .item .img-box {
    border-radius: 8px;
  }
}

.service .service-equipment .box .content .row-box .col-box .item .cont {
  padding: 30px;
  padding-bottom: 0;
}

@media(max-width: 1400px) {
  .service .service-equipment .box .content .row-box .col-box .item .cont {
    padding: 20px;
    padding-bottom: 0;
  }
}

.service .service-equipment .box .content .row-box .col-box .item .cont .tit .a {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  transition: all 0.4s;
}

@media(max-width: 1400px) {
  .service .service-equipment .box .content .row-box .col-box .item .cont .tit .a {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .service .service-equipment .box .content .row-box .col-box .item .cont .tit .a {
    font-size: 18px;
  }
}

.service .service-equipment .box .content .row-box .col-box .item .cont .txt ul {
  list-style: none;
}

.service .service-equipment .box .content .row-box .col-box .item .cont .txt ul li {
  margin-top: 11px;
  color: #222;
  font-size: 16px;
  line-height: 30px;
}

@media(max-width: 1400px) {
  .service .service-equipment .box .content .row-box .col-box .item .cont .txt ul li {
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .service .service-equipment .box .content .row-box .col-box .item .cont .txt ul li {
    font-size: 14px;
    margin-top: 5px;
  }
}

.service .casting-method {
  padding: 90px 0 110px 0;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .service .casting-method {
    padding: 70px 0 80px 0;
  }
}

@media (max-width: 1199px) {
  .service .casting-method {
    padding: 50px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .service .casting-method {
    padding: 40px 0 50px 0;
  }
}

.service .casting-method .box {
  overflow: hidden;
}

.service .casting-method .box .index-title h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .service .casting-method .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .service .casting-method .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .service .casting-method .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .service .casting-method .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .service .casting-method .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .service .casting-method .box .index-title h2 {
    font-size: 24px;
  }
}

.service .casting-method .box .index-title p {
  color: #111;
  text-align: center;
  font-size: 24px;
  /* font-weight: 700; */
}

@media(max-width: 1400px) {
  .service .casting-method .box .index-title p {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .service .casting-method .box .index-title p {
    font-size: 18px;
  }
}

@media(max-width: 991px) {
  .service .casting-method .box .index-title p {
    font-size: 16px;
  }
}

.service .casting-method .box .content {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .service .casting-method .box .content {
    margin-top: 20px;
  }
}

.service .casting-method .box .content .row-box {
  margin: 0 -30px;
}

@media (max-width: 1400px) {
  .service .casting-method .box .content .row-box {
    margin: 0 -20px;
  }
}

@media (max-width: 1199px) {
  .service .casting-method .box .content .row-box {
    margin: 0 -15px;
  }
}

.service .casting-method .box .content .row-box .col-box {
  padding: 0 30px;
}

@media (max-width: 1400px) {
  .service .casting-method .box .content .row-box .col-box {
    padding: 0 20px;
  }
}

@media (max-width: 1199px) {
  .service .casting-method .box .content .row-box .col-box {
    padding: 0 15px;
    margin-bottom: 20px;
  }
}

.service .casting-method .box .content .row-box .col-box .item .img-box {
  padding-bottom: calc(280 / 520 * 100%);
  border-radius: 15px;
}

@media (max-width: 991px) {
  .service .casting-method .box .content .row-box .col-box .item .img-box {
    border-radius: 10px;
  }
}

.service .casting-method .box .content .row-box .col-box .item:hover .cont .tit a {
  color: #ED6F00;
}

.service .casting-method .box .content .row-box .col-box .item .cont {
  padding: 30px;
  padding-bottom: 0;
}

@media(max-width: 1400px) {
  .service .casting-method .box .content .row-box .col-box .item .cont {
    padding: 20px;
    padding-bottom: 0;
  }
}

.service .casting-method .box .content .row-box .col-box .item .cont .tit .a {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  transition: all 0.4s;
}

@media(max-width: 1400px) {
  .service .casting-method .box .content .row-box .col-box .item .cont .tit .a {
    font-size: 20px;
  }
}

@media(max-width: 991px) {
  .service .casting-method .box .content .row-box .col-box .item .cont .tit .a {
    font-size: 18px;
  }
}

.service .casting-method .box .content .row-box .col-box .item .cont .txt {
  margin-top: 10px;
}

.service .casting-method .box .content .row-box .col-box .item .cont .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .service .casting-method .box .content .row-box .col-box .item .cont .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.service .allinone {
  padding: 80px 0 90px 0;
  background: #F6F6F6;
}

@media (max-width: 1400px) {
  .service .allinone {
    padding: 60px 0 70px 0;
  }
}

@media (max-width: 1199px) {
  .service .allinone {
    padding: 50px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .service .allinone {
    padding: 40px 0 50px 0;
  }
}

.service .allinone .box {
  overflow: hidden;
}

.service .allinone .box .index-title {
  overflow: hidden;
}

.service .allinone .box .index-title h3 b {
  border: 1px solid #CCC;
  background-color: #F6F6F6;
}

.service .allinone .box .index-title h3 b::after {
  background-color: #F6F6F6;
}

.service .allinone .box .index-title h3 b::before {
  background-color: #F6F6F6;
}

.service .allinone .box .index-title h2 {
  margin: 20px 0 10px 0;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .service .allinone .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .service .allinone .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .service .allinone .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .service .allinone .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .service .allinone .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .service .allinone .box .index-title h2 {
    font-size: 24px;
  }
}

.service .allinone .box .index-title p {
  color: #222;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

@media (max-width: 1400px) {
  .service .allinone .box .index-title p {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .service .allinone .box .index-title p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .service .allinone .box .index-title p {
    font-size: 14px;
  }
}

.service .allinone .box .content {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .service .allinone .box .content {
    margin-top: 20px;
  }
}

.service .allinone .box .content .row-box {
  margin: 0 -25px;
  margin-top: -20px;
}

@media (max-width: 1400px) {
  .service .allinone .box .content .row-box {
    margin: 0 -15px;
    margin-top: -20px;
  }
}

.service .allinone .box .content .row-box .col-box {
  padding: 0 25px;
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .service .allinone .box .content .row-box .col-box {
    padding: 0 15px;
  }
}

.service .allinone .box .content .row-box .col-box .item {
  border-radius: 15px;
  background: #FFF;
  padding: 10px;
  min-height: 470px;
}

@media(max-width:14770px) {
  .service .allinone .box .content .row-box .col-box .item {
    min-height: 380px;
  }
}

@media (max-width: 767px) {
  .service .allinone .box .content .row-box .col-box .item {
    min-height: auto;
  }
}

.service .allinone .box .content .row-box .col-box .item .img-box {
  padding-bottom: calc(240 / 370 * 100%);
  border-radius: 10px;
}

.service .allinone .box .content .row-box .col-box .item .cont {
  padding: 30px 10px;
}

@media (max-width: 1400px) {
  .service .allinone .box .content .row-box .col-box .item .cont {
    padding: 20px 10px;
  }
}

.service .allinone .box .content .row-box .col-box .item .cont .tit {
  color: #DB481D;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 700;
}

.service .allinone .box .content .row-box .col-box .item .cont .txt {
  margin-top: 10px;
}

.service .allinone .box .content .row-box .col-box .item .cont .txt p {
  color: #222;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

@media (max-width: 767px) {
  .service .allinone .box .content .row-box .col-box .item .cont .txt p {
    font-size: 14px;
  }
}

.research {
  overflow: hidden;
  padding-bottom: 120px;
}

@media (max-width: 1400px) {
  .research {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .research {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .research {
    padding-bottom: 40px;
  }
}

.research .capabilities {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .research .capabilities {
    margin-top: 50px;
  }
}

@media (max-width: 1199px) {
  .research .capabilities {
    margin-top: 30px;
  }
}

.research .capabilities .box {
  overflow: hidden;
}

.research .capabilities .box .index-title h2 {
  margin-top: 20px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .research .capabilities .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .research .capabilities .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .research .capabilities .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .research .capabilities .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .research .capabilities .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .research .capabilities .box .index-title h2 {
    font-size: 24px;
  }
}

.research .capabilities .box .content-box {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .research .capabilities .box .content-box {
    margin-top: 0;
  }
}

.research .capabilities .box .content-box .content1 {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .research .capabilities .box .content-box .content1 {
    flex-wrap: wrap;
  }
}

.research .capabilities .box .content-box .content1 .item {
  width: 47%;
}

@media (max-width: 991px) {
  .research .capabilities .box .content-box .content1 .item {
    width: 100%;
    margin-top: 20px;
  }
}

.research .capabilities .box .content-box .content1 .item .img-box {
  border-radius: 15px;
  padding-bottom: calc(360 / 800 * 100%);
}

.research .capabilities .box .content-box .content2 {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .research .capabilities .box .content-box .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .research .capabilities .box .content-box .content2 {
    margin-top: 30px;
  }
}

.research .capabilities .box .content-box .content2 .row-box {
  margin: 0 -130px;
  margin-top: -20px;
}

@media(max-width: 1400px) {
  .research .capabilities .box .content-box .content2 .row-box {
    margin: 0 -50px;
    margin-top: -20px;
    padding: 0;
  }
}

.research .capabilities .box .content-box .content2 .row-box .col-box {
  padding: 0 130px;
  margin-top: 20px;
  position: relative;
}

@media(max-width: 1400px) {
  .research .capabilities .box .content-box .content2 .row-box .col-box {
    padding: 0 50px;
  }
}

.research .capabilities .box .content-box .content2 .row-box .col-box:last-child::after {
  display: none;
}

.research .capabilities .box .content-box .content2 .row-box .col-box::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: #DDD;
  height: 20px;
  width: 1px;
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item {
  display: flex;
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .icon {
  width: 35px;
  margin-top: 5px;
}

@media(max-width: 1400px) {
  .research .capabilities .box .content-box .content2 .row-box .col-box .item .icon {
    width: 25px;
  }
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .icon img {
  width: 100%;
  height: auto;
  background: transparent;
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .cont {
  width: calc(100% - 16px - 35px);
  margin-left: auto;
}

@media(max-width: 1199px) {
  .research .capabilities .box .content-box .content2 .row-box .col-box .item .cont {
    width: auto;
    margin-left: 20px;
  }
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .cont .numberbox {
  display: flex;
  color: #DB481D;
  font-family: "Microsoft YaHei";
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  justify-content: center;
}

@media(max-width: 1400px) {
  .research .capabilities .box .content-box .content2 .row-box .col-box .item .cont .numberbox {
    font-size: 30px;
  }
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .cont .counter {
  text-align: center;
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .cont i {
  font-style: normal;
}

.research .capabilities .box .content-box .content2 .row-box .col-box .item .cont p {
  margin-top: 10px;
  color: #222;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .research .capabilities .box .content-box .content2 .row-box .col-box .item .cont p {
    font-size: 14px;
  }
}

.research .results {
  margin-top: 70px;
  background: #F6F6F6;
  padding: 70px 0 80px 0;
}

@media (max-width: 1400px) {
  .research .results {
    margin-top: 40px;
  }
}

@media (max-width: 1400px) {
  .research .results {
    padding: 40px 0 50px 0;
  }
}

.research .results .box {
  overflow: hidden;
}

.research .results .index-title {
  overflow: hidden;
}

.research .results .index-title h3 b {
  border: 1px solid #CCC;
  background-color: #F6F6F6;
}

.research .results .index-title h3 b::after {
  background-color: #F6F6F6;
}

.research .results .index-title h3 b::before {
  background-color: #F6F6F6;
}

.research .results .index-title h2 {
  margin-top: 20px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .research .results .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .research .results .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .research .results .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .research .results .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .research .results .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .research .results .index-title h2 {
    font-size: 24px;
  }
}

.research .results .content {
  margin-top: 46px;
}

.research .results .content .list-box .list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1400px) {
  .research .results .content .list-box .list {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .research .results .content .list-box .list {
    flex-wrap: wrap;
  }
}

.research .results .content .list-box .list .left {
  width: 31.5%;
}

@media (max-width: 991px) {
  .research .results .content .list-box .list .left {
    width: 100%;
  }
}

.research .results .content .list-box .list .left .img-box {
  border-radius: 15px;
  padding-bottom: calc(280 / 520 * 100%);
}

@media (max-width: 991px) {
  .research .results .content .list-box .list .left .img-box {
    border-radius: 10px;
  }
}

.research .results .content .list-box .list .right {
  width: 62.5%;
  margin-left: auto;
  padding-top: 40px;
  border-bottom: 1px solid #CCCCCC;
}

@media (max-width: 1400px) {
  .research .results .content .list-box .list .right {
    padding-top: 0;

  }
}

@media (max-width: 991px) {
  .research .results .content .list-box .list .right {
    width: 100%;
    margin-top: 20px;
  }
}

.research .results .content .list-box .list .right .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .research .results .content .list-box .list .right .tit {
    font-size: 20px;
  }
}

.research .results .content .list-box .list .right .txt {
  margin-top: 16px;
}

.research .results .content .list-box .list .right .txt ul {
  list-style: none;
}

.research .results .content .list-box .list .right .txt ul li {
  color: #222;
  font-size: 20px;
  list-style: none !important;
  line-height: 34px;
}

@media (max-width: 1400px) {
  .research .results .content .list-box .list .right .txt ul li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .research .results .content .list-box .list .right .txt ul li {
    font-size: 14px;
    line-height: 24px;
  }
}

.research .results .content .list-box .list .right .txt ul li b {
  font-weight: 700;
  margin-right: 10px;
}

.research .schoolparents {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .research .schoolparents {
    margin-top: 70px;
  }
}

@media (max-width: 1199px) {
  .research .schoolparents {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .research .schoolparents {
    margin-top: 40px;
  }
}

.research .schoolparents .box {
  overflow: hidden;
}

.research .schoolparents .box .index-title h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .research .schoolparents .box .index-title h2 {
    font-size: 24px;
  }
}

.research .schoolparents .box .index-title p {
  color: #111;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .research .schoolparents .box .index-title p {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .research .schoolparents .box .index-title p {
    font-size: 16px;
  }
}


.research .schoolparents .box .content {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1400px) {
  .research .schoolparents .box .content {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .research .schoolparents .box .content {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .research .schoolparents .box .content {
    flex-wrap: wrap;
  }
}

.research .schoolparents .box .content .left {
  width: 42%;
}

@media (max-width: 991px) {
  .research .schoolparents .box .content .left {
    width: 100%;
  }
}

.research .schoolparents .box .content .left img {
  border-radius: 15px;
  width: 100%;
  height: auto;
}

.research .schoolparents .box .content .right {
  padding-top: 40px;
  width: 53%;
  margin-left: auto;
}

@media (max-width: 1400px) {
  .research .schoolparents .box .content .right {
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  .research .schoolparents .box .content .right {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
}

.research .schoolparents .box .content .right .txt p {
  color: #222;
  font-size: 20px;
  line-height: 34px;
}

@media (max-width: 1400px) {
  .research .schoolparents .box .content .right .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .research .schoolparents .box .content .right .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.research .schoolparents .box .content .right .logoimg {
  margin-top: 40px;
  width: 69%;
}

@media (max-width: 767px) {
  .research .schoolparents .box .content .right .logoimg {
    width: 100%;
  }
}

@media (max-width: 1400px) {
  .research .schoolparents .box .content .right .logoimg {
    margin-top: 20px;
  }
}

.research .schoolparents .box .content .right .logoimg img {
  width: 100%;
  height: auto;
}

.detection {
  overflow: hidden;
  padding: 80px 0 120px 0;
}

@media (max-width: 1400px) {
  .detection {
    padding: 60px 0 80px 0;
  }
}

@media (max-width: 1199px) {
  .detection {
    padding: 40px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .detection {
    padding: 40px 0;
  }
}

.detection .index-title h2 {
  font-size: 45px;
}

@media (max-width: 1560px) {
  .detection .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .detection .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .detection .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .detection .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .detection .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .detection .index-title h2 {
    font-size: 24px;
  }
}

.detection .index-title p {
  margin-top: 10px;
  color: #444;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 767px) {
  .detection .index-title p {
    font-size: 14px;
  }
}

.detection .content {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .detection .content {
    margin-top: 50px;
  }
}

@media (max-width: 1199px) {
  .detection .content {
    margin-top: 30px;
  }
}

.detection .content .list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.detection .content .list:first-child {
  margin-top: 0;
}

@media (max-width: 1400px) {
  .detection .content .list {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .detection .content .list {
    flex-wrap: wrap;
  }
}

.detection .content .list .left {
  width: 63%;
  margin-right: auto;
  padding-top: 40px;
  border-bottom: 1px solid #CCCCCC;
}

@media (max-width: 1400px) {
  .detection .content .list .left {
    padding-top: 20px;
  }
}

@media (max-width: 1199px) {
  .detection .content .list .left {
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .detection .content .list .left {
    width: 100%;
    padding-bottom: 20px;
  }
}

.detection .content .list .left .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .detection .content .list .left .tit {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .detection .content .list .left .tit {
    font-size: 18px;
  }
}

.detection .content .list .left .txt {
  margin-top: 16px;
}

@media (max-width: 1400px) {
  .detection .content .list .left .txt {
    margin-top: 10px;
  }
}

.detection .content .list .left .txt p {
  color: #222;
  font-size: 20px;
  line-height: 34px;
}

@media (max-width: 1400px) {
  .detection .content .list .left .txt p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .detection .content .list .left .txt p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .detection .content .list .left .txt p {
    font-size: 14px;
  }
}

.detection .content .list .right {
  width: 31.5%;
}

@media (max-width: 991px) {
  .detection .content .list .right {
    width: 100%;
    margin-top: 20px;
  }
}

.detection .content .list .right .img-box {
  border-radius: 15px;
  padding-bottom: calc(280 / 520 * 100%);
}

@media (max-width: 1199px) {
  .detection .content .list .right .img-box {
    border-radius: 10px;
  }
}

.warranty {
  overflow: hidden;
  padding-bottom: 140px;
}

@media (max-width: 1400px) {
  .warranty {
    padding-bottom: 100px;
  }
}

@media (max-width: 1199px) {
  .warranty {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .warranty {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .warranty {
    padding-bottom: 40px;
  }
}

.warranty .cans {
  overflow: hidden;
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .warranty .cans {
    margin-top: 40px;
  }
}

.warranty .cans .index-title h2 {
  margin-top: 20px;
  font-size: 45px;
}

@media (max-width: 1560px) {
  .warranty .cans .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .warranty .cans .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .warranty .cans .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .warranty .cans .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .warranty .cans .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .warranty .cans .index-title h2 {
    font-size: 24px;
  }
}

.warranty .cans .content .preface {
  margin-top: 15px;
}

.warranty .cans .content .preface .tit {
  color: #444;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 1400px) {
  .warranty .cans .content .preface .tit {
    font-size: 20px;
  }
}

@media(max-width: 991px) {
  .warranty .cans .content .preface .tit {
    font-size: 16px;
  }
}

.warranty .cans .content .preface .txt {
  margin-top: 10px;
}

.warranty .cans .content .preface .txt p {
  color: #222;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .warranty .cans .content .preface .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.warranty .cans .content .content1 {
  width: 70%;
  margin: 0 auto;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .warranty .cans .content .content1 {
    width: 100%;
  }
}

.warranty .cans .content .content1 .row-box {
  margin: 0 -25px;
}

@media (max-width: 1199px) {
  .warranty .cans .content .content1 .row-box {
    margin: 0 -15px;
  }
}

.warranty .cans .content .content1 .row-box .col-box {
  padding: 0 25px;
}

@media (max-width: 1199px) {
  .warranty .cans .content .content1 .row-box .col-box {
    padding: 0 15px;
  }
}

.warranty .cans .content .content1 .row-box .col-box .item {
  cursor: pointer;
}

.warranty .cans .content .content1 .row-box .col-box .item .img-box {
  padding-bottom: calc(500 / 350 * 100%);
}

.warranty .cans .content .content2 {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .warranty .cans .content .content2 {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .warranty .cans .content .content2 {
    width: 100%;
  }
}

.warranty .cans .content .content2 .row-box {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .warranty .cans .content .content2 .row-box {
    flex-wrap: wrap;
  }
}

.warranty .cans .content .content2 .row-box .col-box {
  width: 47%;
}

@media (max-width: 991px) {
  .warranty .cans .content .content2 .row-box .col-box {
    width: 100%;
    margin-bottom: 20px;
  }
}

.warranty .cans .content .content2 .row-box .col-box .item .img-box {
  border-radius: 15px;
  padding-bottom: calc(280 / 530 * 100%);
}

@media (max-width: 991px) {
  .warranty .cans .content .content2 .row-box .col-box .item .img-box {
    border-radius: 10px;
  }
}

.warranty .cans .content .content2 .row-box .col-box .item:hover .cont .tit a {
  color: #DB481D;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont {
  padding: 25px 15px 0 15px;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .tit a {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.4s;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .txt {
  margin-top: 10px;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .txt p {
  color: #444;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .txt p a {
  color: #444;
}

@media(max-width: 1400px) {
  .warranty .cans .content .content2 .row-box .col-box .item .cont .txt p {
    font-size: 16px;

  }
}

@media(max-width: 767px) {
  .warranty .cans .content .content2 .row-box .col-box .item .cont .txt p {
    font-size: 14px;
  }
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .more {
  margin-top: 15px;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .more a {
  display: inline-flex;
  align-items: center;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .more a span {
  color: #DB481D;
  font-size: 16px;
  font-weight: 700;
}

.warranty .cans .content .content2 .row-box .col-box .item .cont .more a .iconfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  font-size: 8px;
  color: #FFF;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #DB481D;
}

.warranty .warranty-contentbox2 {
  overflow: hidden;
  padding: 0 2%;
  margin-top: 70px;
  position: relative;
}

@media (max-width: 1400px) {
  .warranty .warranty-contentbox2 {
    margin-top: 40px;
  }
}

.warranty .warranty-contentbox2 .box {
  display: flex;
  justify-content: space-between;
  border-radius: 15px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .warranty .warranty-contentbox2 .box {
    border-radius: 10px;
    flex-wrap: wrap;
  }
}

.warranty .warranty-contentbox2 .box .left {
  width: calc(50% - 5px);
  background-color: #ED6F00;
}

@media (max-width: 991px) {
  .warranty .warranty-contentbox2 .box .left {
    width: 100%;
    height: 400px;
  }
}

.warranty .warranty-contentbox2 .box .right {
  width: calc(50% - 5px);
}

@media (max-width: 991px) {
  .warranty .warranty-contentbox2 .box .right {
    width: 100%;
    margin-top: 10px;
  }
}

.warranty .warranty-contentbox2 .box .right .img-box {
  padding-bottom: calc(550 / 940 * 100%);
}

.warranty .warranty-contentbox2 .box2 {
  position: absolute;
  left: 0;
  top: 23%;
  width: 100%;
}

@media (max-width: 1199px) {
  .warranty .warranty-contentbox2 .box2 {
    top: 9%;
  }
}

.warranty .warranty-contentbox2 .box2 .content {
  width: 36%;
}

@media (max-width: 991px) {
  .warranty .warranty-contentbox2 .box2 .content {
    width: 100%;
  }
}

.warranty .warranty-contentbox2 .box2 .content .txt p {
  color: #FFF;
  font-size: 18px;
  line-height: 34px;
}

@media (max-width: 1400px) {
  .warranty .warranty-contentbox2 .box2 .content .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .warranty .warranty-contentbox2 .box2 .content .txt p {
    font-size: 14px;
  }
}

.warranty .detection {
  margin-top: 170px;
}

@media (max-width: 1400px) {
  .warranty .detection {
    margin-top: 120px;
  }
}

@media (max-width: 1199px) {
  .warranty .detection {
    margin-top: 80px;
  }
}

@media (max-width: 991px) {
  .warranty .detection {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .warranty .detection {
    margin-top: 40px;
  }
}

.warranty .detection .box {
  overflow: hidden;
}

.warranty-children {
  overflow: hidden;
  padding-bottom: 150px;
}

@media (max-width: 1400px) {
  .warranty-children {
    padding-bottom: 120px;
  }
}

@media (max-width: 1199px) {
  .warranty-children {
    padding-bottom: 90px;
  }
}

@media (max-width: 991px) {
  .warranty-children {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .warranty-children {
    padding-bottom: 40px;
  }
}

.warranty-children .box {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .warranty-children .box {
    margin-top: 70px;
  }
}

@media (max-width: 1199px) {
  .warranty-children .box {
    margin-top: 40px;
  }
}

.warranty-children .box .list {
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}

@media (max-width: 1400px) {
  .warranty-children .box .list {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .warranty-children .box .list {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .warranty-children .box .list {
    margin-top: 40px;
  }
}

.warranty-children .box .list:first-child {
  margin-top: 0;
}

.warranty-children .box .list:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .warranty-children .box .list {
    flex-wrap: wrap;
  }
}

.warranty-children .box .list .left {
  width: 46%;
  padding-top: 55px;
}

@media (max-width: 1400px) {
  .warranty-children .box .list .left {
    padding-top: 30px;
  }
}

@media (max-width: 1199px) {
  .warranty-children .box .list .left {
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .warranty-children .box .list .left {
    width: 100%;
  }
}

.warranty-children .box .list .left .tit {
  color: #111;
  font-size: 32px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .warranty-children .box .list .left .tit {
    font-size: 28px;
  }
}

@media (max-width: 1199px) {
  .warranty-children .box .list .left .tit {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .warranty-children .box .list .left .tit {
    font-size: 20px;
  }
}

.warranty-children .box .list .left .hr {
  width: 64px;
  height: 3px;
  background: #DB481D;
  margin: 10px 0 20px 0;
}

.warranty-children .box .list .left .txt p {
  color: #444;
  font-size: 22px;
  line-height: 34px;
}

@media (max-width: 1560px) {
  .warranty-children .box .list .left .txt p {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .warranty-children .box .list .left .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .warranty-children .box .list .left .txt p {
    font-size: 14px;
  }
}

.warranty-children .box .list .left .txt ul {
  list-style: none;
}

.warranty-children .box .list .left .txt ul li {
  color: #444;
  font-size: 22px;
  line-height: 34px;
}

.warranty-children .box .list .right {
  width: 48%;
}

@media (max-width: 991px) {
  .warranty-children .box .list .right {
    width: 100%;
  }
}

.warranty-children .box .list .right.right1 {
  display: flex;
  justify-content: space-between;
  padding: 44px 0;
}

.warranty-children .box .list .right.right1 .item {
  width: calc(33% - 23px);
  cursor: pointer;
}

@media (max-width: 991px) {
  .warranty-children .box .list .right.right1 .item {
    width: calc(33% - 15px);
  }
}

@media (max-width: 767px) {
  .warranty-children .box .list .right.right1 .item {
    width: calc(33% - 5px);
  }
}

.warranty-children .box .list .right.right1 .item .img-box {
  padding-bottom: calc(330 / 235 * 100%);
}

.warranty-children .box .list .right.right2 .item {
  cursor: pointer;
}

.warranty-children .box .list .right.right2 .img-box {
  padding-bottom: calc(420 / 800 * 100%);
}

.warranty .detection .content {
  margin-top: 60px;
}

@media(max-width: 1400px) {
  .warranty .detection .content {
    margin-top: 40px;
  }
}

.warranty .detection {
  overflow: hidden;
  padding: 0 !important;
}

.warranty .detection .box2 {
  /* overflow: auto; */
}

@media(max-width: 991px) {
  .warranty .detection .box2 {
    overflow: hidden;
  }
}

.warranty .detection .content {
  position: relative;
}

.warranty .detection .content .detection-slick .slick-list {
  overflow: visible;
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .slick-list {
    overflow: hidden;
  }
}

.warranty .detection .content .detection-slick .item-box {
  display: flex;

}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box {
    flex-wrap: wrap;
  }
}

.warranty .detection .content .detection-slick .item-box .left {
  width: 42%;
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .left {
    width: 100%;
  }
}

.warranty .detection .content .detection-slick .item-box .left .img-box {
  padding-bottom: calc(350 / 700 * 100%);
  border-radius: 15px;
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .left {
    width: 100%;
  }
}

.warranty .detection .content .detection-slick .item-box .right {
  width: 53%;
  margin-left: auto;
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .right {
    width: 100%;
  }
}

.warranty .detection .content .detection-slick .item-box .right .tit {
  color: #111;
  font-size: 26px;
  font-weight: 700;
}

.warranty .detection .content .detection-slick .item-box .right .txt {
  display: flex;
  margin-top: 20px;

}

@media(max-width: 1400px) {
  .warranty .detection .content .detection-slick .item-box .right .txt {
    margin-top: 10px;

  }
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .right {
    padding-left: 20px;
  }
}

.warranty .detection .content .detection-slick .item-box .right .txt ul {
  /* list-style: none; */
  position: relative;
  z-index: 66;
}

.warranty .detection .content .detection-slick .item-box .right .txt ul:nth-child(1) {
  margin-right: 65px;

}

@media(max-width: 1400px) {
  .warranty .detection .content .detection-slick .item-box .right .txt ul:nth-child(1) {
    margin-right: 40px;
  }
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .right .txt ul:nth-child(1) {
    margin-right: 30px;
  }
}

.warranty .detection .content .detection-slick .item-box .right .txt ul li {
  color: #222;
  font-size: 18px;
  line-height: 32px;
  /* 177.778% */
}

.warranty .detection .content .detection-slick .item-box .right .txt ul li a {
  color: #222;
  transition: all 0.5s;
}

.warranty .detection .content .detection-slick .item-box .right .txt ul li a:hover {
  color: #DB481D;
}

@media(max-width: 1400px) {
  .warranty .detection .content .detection-slick .item-box .right .txt ul li {
    font-size: 16px;
  }
}

@media(max-width: 767px) {
  .warranty .detection .content .detection-slick .item-box .right .txt ul li {
    font-size: 14px;
  }
}

@media(max-width: 1400px) {
  .warranty .detection .content .detection-slick .item-box .right .tit {
    font-size: 22px;
  }
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .right .tit {
    font-size: 18px;
  }
}

@media(max-width: 991px) {
  .warranty .detection .content .detection-slick .item-box .right {
    width: 100%;
    margin-top: 20px;
  }
}

.warranty .detection .hr-icon {
  display: flex;
  align-items: center;
  margin-top: 60px;
}

@media(max-width: 1400px) {
  .warranty .detection .hr-icon {
    margin-top: 40px;
  }
}

@media(max-width: 1199px) {
  .warranty .detection .hr-icon {
    margin-top: 20px;
  }
}

.warranty .detection .hr-icon .hr {
  width: 40%;
  height: 1px;
  background: #ED6F00;
  margin-right: 10px;
}

.warranty .detection .hr-icon span {
  margin-left: 10px;
  color: #ED6F00;
  font-size: 20px;
  animation: spanopcity 1.3s infinite;
  margin-left: -2px;
}

.warranty .detection .hr-icon span:nth-child(1) {
  animation: spanopcity 1s infinite;
  margin-left: 0;
}

.warranty .detection .hr-icon span:nth-child(2) {
  animation: spanopcity 1.1s infinite;
}

.warranty .detection .hr-icon span:nth-child(3) {}

.warranty .detection .prev-next {
  position: absolute;
  display: flex;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 6;
  height: 100%;
  pointer-events: none;
}

.warranty .detection .prev-next .slick-prev::before {
  content: '' !important;
}

.warranty .detection .prev-next .slick-prev,
.warranty .detection .prev-next .slick-prev {
  /* width: 50%; */
  width: 40%;
  height: 100%;
  pointer-events: all;

}

.warranty .detection .prev-next .slick-next ::before {
  content: '' !important;
}

.warranty .detection .prev-next .slick-prev::before {
  content: '' !important;
}

.warranty .detection .prev-next .slick-next {
  /* width: 50%; */
  width: 34%;
  height: 100%;
  pointer-events: all;
}

#shubiao {
  width: 100px;
  display: none;
  position: absolute;
  z-index: 6666;
  height: auto;
  pointer-events: none;
}

@keyframes spanopcity {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;

  }
}


.supply {
  overflow: hidden;
  padding: 70px 0 120px 0;
}

@media (max-width: 1400px) {
  .supply {
    padding: 50px 0 80px 0;
  }
}

@media (max-width: 1199px) {
  .supply {
    padding: 40px 0 60px 0;
  }
}

@media (max-width: 991px) {
  .supply {
    padding: 40px 0;
  }
}

.supply .index-title h2 {
  font-size: 45px;
}

@media (max-width: 1560px) {
  .supply .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .supply .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .supply .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .supply .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .supply .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .supply .index-title h2 {
    font-size: 24px;
  }
}

.supply .index-title p {
  margin-top: 6px;
  /* color: #444; */
  font-size: 18px;
  color: #686d7a;
  text-align: center;
  /* font-size: 24px; */
}

.supply .content .list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1400px) {
  .supply .content .list {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .supply .content .list {
    flex-wrap: wrap;
  }
}

.supply .content .list .left {
  width: 31.5%;
}

@media (max-width: 991px) {
  .supply .content .list .left {
    width: 100%;
  }
}

.supply .content .list .left .img-box {
  padding-bottom: calc(280 / 520 * 100%);
  border-radius: 15px;
}

@media (max-width: 991px) {
  .supply .content .list .left .img-box {
    border-radius: 10px;
  }
}

.supply .content .list .right {
  width: 62.5%;
  margin-left: auto;
  padding-top: 40px;
  border-bottom: 1px solid #CCCCCC;
}

@media (max-width: 1400px) {
  .supply .content .list .right {
    padding-top: 20px;
  }
}

@media (max-width: 1199px) {
  .supply .content .list .right {
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  .supply .content .list .right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    border-bottom: 20px;
  }
}

.supply .content .list .right .tit {
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

@media(max-width: 1400px) {
  .supply .content .list .right .tit {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .supply .content .list .right .tit {
    font-size: 18px;
  }
}

.supply .content .list .right .txt {
  margin-top: 16px;
}

@media(max-width: 1199px) {
  .supply .content .list .right .txt {
    margin-top: 10px;
  }
}

.supply .content .list .right .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .supply .content .list .right .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.support {
  overflow: hidden;
  background: #F9F9F9;
}

.support .support-allone {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .support .support-allone {
    margin-top: 40px;
  }
}

.support .support-allone .box {
  overflow: hidden;
}

.support .support-allone .box .index-title h3 b {
  background-color: #F9F9F9;
}

.support .support-allone .box .index-title h3 b::after {
  background-color: #F9F9F9;
}

.support .support-allone .box .index-title h3 b::before {
  background-color: #F9F9F9;
}

.support .support-allone .box .content {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .support .support-allone .box .content {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}

.support .support-allone .box .content .left {
  width: 620px;
}

@media(max-width:1710px) {
  .support .support-allone .box .content .left {
    width: 36%;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content .left {
    width: 100%;
  }
}

.support .support-allone .box .content .left img {
  width: 100%;
  height: auto;
}

.support .support-allone .box .content .right {
  width: calc(100% - 620px - 100px);
  margin-left: auto;
  padding-top: 30px;
}

@media(max-width: 1710px) {
  .support .support-allone .box .content .right {
    width: 64%;
    padding-left: 80px;
    padding-top: 20px;
  }
}

@media(max-width: 1199px) {
  .support .support-allone .box .content .right {
    padding-left: 40px;
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content .right {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    padding-top: 0;
  }
}

.support .support-allone .box .content .right .index-title h2 {
  text-align: left;
  font-size: 45px;
  color: #111111;
}

@media (max-width: 1560px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .support .support-allone .box .content .right .index-title h2 {
    font-size: 24px;
  }
}

.support .support-allone .box .content .right .index-title p {
  margin-top: 6px;
  font-size: 18px;
  color: #686d7a;
  text-align: left;
  font-size: 24px;
}

@media(max-width: 1400px) {
  .support .support-allone .box .content .right .index-title p {
    /* font-size: 22px; */
  }
}

@media(max-width: 1199px) {
  .support .support-allone .box .content .right .index-title p {
    font-size: 18px;
  }
}

@media(max-width: 991px) {
  .support .support-allone .box .content .right .index-title p {
    font-size: 16px;
  }
}

.support .support-allone .box .content .right .item-box {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .support .support-allone .box .content .right .item-box {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content .right .item-box {
    margin-top: 20px;
  }
}

.support .support-allone .box .content .right .item-box .item {
  margin-top: 35px;
  padding-bottom: 25px;
  border-bottom: 1px solid #CCCCCC;
}

.support .support-allone .box .content .right .item-box .item:first-child {
  margin-top: 0;
}

@media (max-width: 1400px) {
  .support .support-allone .box .content .right .item-box .item {
    margin-top: 20px;
    padding-bottom: 15px;
  }
}

.support .support-allone .box .content .right .item-box .item b {
  display: block;
  color: #111;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 1400px) {
  .support .support-allone .box .content .right .item-box .item b {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .support .support-allone .box .content .right .item-box .item b {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .support .support-allone .box .content .right .item-box .item b {
    font-size: 16px;
  }
}

.support .support-allone .box .content .right .item-box .item p {
  color: #444;
  /* font-size: 16px; */
  font-size: 20px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .support .support-allone .box .content .right .item-box .item p {
    font-size: 14px;
    line-height: 26px;
  }
}

.support .allone-solution {
  margin-top: 100px;
}

@media (max-width: 1400px) {
  .support .allone-solution {
    margin-top: 80px;
  }
}

@media (max-width: 1199px) {
  .support .allone-solution {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .support .allone-solution {
    margin-top: 40px;
  }
}

.support .allone-solution .box {
  position: relative;
}

.support .allone-solution .box .bgimg img {
  width: 100%;
  height: auto;
}

.support .allone-solution .box .tit {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  color: #ED6F00;
  font-size: 38px;
  font-weight: 700;
}

@media(max-width: 1400px) {
  .support .allone-solution .box .tit {
    font-size: 30px;
  }
}

@media(max-width: 991px) {
  .support .allone-solution .box .tit {
    font-size: 24px;
    white-space: nowrap;
  }
}

@media(max-width: 767px) {
  .support .allone-solution .box .tit {
    font-size: 20px;
  }
}

@media(max-width: 575px) {
  .support .allone-solution .box .tit {
    font-size: 15px;
  }
}

.support .support-serve {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .support .support-serve {
    margin-top: 40px;
  }
}

.support .support-serve .box {
  overflow: hidden;
}

.support .support-serve .box .index-title h3 b {
  background-color: #F9F9F9;
}

.support .support-serve .box .index-title h3 b::after {
  background-color: #F9F9F9;
}

.support .support-serve .box .index-title h3 b::before {
  background-color: #F9F9F9;
}

.support .support-serve .box .product-title {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .support .support-serve .box .product-title {
    margin-top: 10px;
  }
}

.support .support-serve .box .content {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .support .support-serve .box .content {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .support .support-serve .box .content {
    flex-wrap: wrap;
    margin-top: 5px;
  }
}

.support .support-serve .box .content .item {
  padding: 37px 190px 37px 140px;
  position: relative;
  width: calc(50% - 55px);
  border-radius: 15px;
  background: #FFF;

}

.support .support-serve .box .content .item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1710px) {
  .support .support-serve .box .content .item {
    padding: 30px 100px 30px 60px;
  }
}

@media (max-width: 1400px) {
  .support .support-serve .box .content .item {
    padding: 30px 50px 30px 30px;
  }
}

@media (max-width: 991px) {
  .support .support-serve .box .content .item {
    width: 100%;
    margin-top: 20px;
  }
}

.support .support-serve .box .content .item img {
  width: 55px;
  height: auto;
  background: transparent;
}

@media(max-width: 1400px) {
  .support .support-serve .box .content .item img {
    width: 50px;
  }
}

@media(max-width: 1199px) {
  .support .support-serve .box .content .item img {
    width: 40px;
    height: auto !important;
  }
}

.support .support-serve .box .content .item .cont .tit {
  color: #222;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media(max-width: 1400px) {
  .support .support-serve .box .content .item .cont .tit {
    font-size: 20px;
  }
}

@media(max-width: 1199px) {
  .support .support-serve .box .content .item .cont .tit {
    font-size: 18px;
    line-height: 1;
  }
}

.support .support-serve .box .content .item .cont .txt {
  margin-top: 10px;
}

.support .support-serve .box .content .item .cont .txt p {
  color: #666;
  text-align: center;
  font-size: 20px;
}

@media(max-width: 1400px) {
  .support .support-serve .box .content .item .cont .txt p {
    font-size: 16px;
  }
}

@media(max-width: 767px) {
  .support .support-serve .box .content .item .cont .txt p {
    font-size: 14px;
  }
}

.support .support-us {
  margin-top: 44px;
}

.support .support-us .content {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .support .support-us .content {
    margin-top: 20px;
  }
}

.support .support-us .content .item-box1 {
  display: flex;
  justify-content: space-between;
  padding: 32px 0 32px 190px;
  border-radius: 15px;
  background: #FFF;
}

@media (max-width: 1400px) {
  .support .support-us .content .item-box1 {
    padding: 32px 0 32px 70px;
  }
}

@media (max-width: 991px) {
  .support .support-us .content .item-box1 {
    flex-wrap: wrap;
    padding: 20px;
  }
}

.support .support-us .content .item-box1 .left {
  padding-top: 40px;
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box1 .left {
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .support .support-us .content .item-box1 .left {
    width: 100%;
  }
}

.support .support-us .content .item-box1 .left .icon {
  display: flex;
  justify-content: center;
}

.support .support-us .content .item-box1 .left .icon img {
  width: 55px;
  height: auto;
}

.support .support-us .content .item-box1 .left .icon .iconfont {
  color: #000;
  font-size: 20px;
  line-height: 1;
}

.support .support-us .content .item-box1 .left .tit {
  margin-top: 10px;
  color: #222;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box1 .left .tit {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .support .support-us .content .item-box1 .left .tit {
    font-size: 18px;
  }
}

.support .support-us .content .item-box1 .left .date {
  margin: 10px 0;
  color: #666;
  text-align: center;
  font-size: 20px;
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box1 .left .date {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .support .support-us .content .item-box1 .left .date {
    font-size: 16px;
  }
}

.support .support-us .content .item-box1 .left .more {
  display: flex;
  justify-content: center;
}

.support .support-us .content .item-box1 .left .more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.5s;
}

@media(max-width: 1199px) {
  .support .support-us .content .item-box1 .left .more a {
    font-size: 16px;
  }
}

@media(max-width: 767px) {
  .support .support-us .content .item-box1 .left .more a {
    font-size: 14px;
  }
}


.support .support-us .content .item-box1 .left .more a:hover {
  color: #DB481D;
}

.support .support-us .content .item-box1 .right {
  width: 430px;
}

@media(max-width: 1400px) {
  .support .support-us .content .item-box1 .right {
    width: 46%;
  }

}

@media (max-width: 991px) {
  .support .support-us .content .item-box1 .right {
    width: 100%;
    margin-top: 20px;
  }
}

.support .support-us .content .item-box1 .right img {
  width: 100%;
  height: auto;
}

.support .support-us .content .item-box2 .row-box {
  margin: 0 -15px;
}

.support .support-us .content .item-box2 .row-box .col-box {
  padding: 0 15px;
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .support .support-us .content .item-box2 .row-box .col-box {
    margin-top: 20px;
  }
}

.support .support-us .content .item-box2 .row-box .col-box .item {
  height: 100%;
  padding: 50px 20px;
  border-radius: 15px;
  background: #FFF;
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box2 .row-box .col-box .item {
    padding: 30px 20px;
  }
}

.support .support-us .content .item-box2 .row-box .col-box .item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  margin: 0 auto;
  min-height: 110px;
}

.support .support-us .content .item-box2 .row-box .col-box:nth-child(1) .item .icon img {
  width: 50px !important;
  height: auto;
}

@media (max-width: 1400px) {
  .support .support-us .content .item-box2 .row-box .col-box .item .icon {
    width: 90px;
  }
}

.support .support-us .content .item-box2 .row-box .col-box .item .icon .iconfont {
  color: #000;
  font-size: 30px;
}

.support .support-us .content .item-box2 .row-box .col-box .item .icon img {
  width: 100%;
  height: auto;
}

.support .support-us .content .item-box2 .row-box .col-box .item .tit {
  margin-top: 7px;
  color: #222;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .support .support-us .content .item-box2 .row-box .col-box .item .tit {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box2 .row-box .col-box .item .tit {
    font-size: 18px;
  }
}

.support .support-us .content .item-box2 .row-box .col-box .item .txt p {
  margin-top: 10px;
  color: #222;
  text-align: center;
  font-size: 18px;
}

@media (max-width: 1400px) {
  .support .support-us .content .item-box2 .row-box .col-box .item .txt p {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .support .support-us .content .item-box2 .row-box .col-box .item .txt p {
    font-size: 14px;
  }
}

.support .support-us .content .item-box2 .row-box .col-box .item .txt p a {
  color: #222;
  transition: all 0.5s;
}

.support .support-us .content .item-box2 .row-box .col-box .item .txt p a:hover {
  color: #DB481D;
}

.sustainable {
  padding-bottom: 150px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .sustainable {
    padding-bottom: 100px;
  }
}

@media (max-width: 1199px) {
  .sustainable {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .sustainable {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .sustainable {
    padding-bottom: 40px;
  }
}

.sustainable .product-title {
  width: 77%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .sustainable .product-title {
    width: 100%;
  }
}

.sustainable .product-title b {
  display: block;
  margin-top: 5;
  text-align: center;
  color: #222;
  font-size: 20px;
  font-weight: 700;
}

.sustainable .product-title p {
  margin-top: 10px;
  color: #222;
  /* text-align: center; */
  text-align: left;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .sustainable .product-title p {
    font-size: 14px;
    line-height: 26px;
  }
}

.sustainable .sustainable-box1 {
  overflow: hidden;
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box1 {
    margin-top: 40px;
  }
}

.sustainable .sustainable-box1 .box {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box {
    flex-wrap: wrap;
  }
}

.sustainable .sustainable-box1 .box .left {
  width: 59%;
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box .left {
    width: 100%;
  }
}

.sustainable .sustainable-box1 .box .left .tit {
  color: #111;
  font-size: 32px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box1 .box .left .tit {
    font-size: 28px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box1 .box .left .tit {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box .left .tit {
    font-size: 20px;
  }
}

.sustainable .sustainable-box1 .box .left .txt {
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box1 .box .left .txt {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box .left .txt {
    margin-top: 10px;
  }
}

.sustainable .sustainable-box1 .box .left .txt p {
  color: #222;
  font-size: 20px;
  line-height: 30px;
  text-indent: 2em;
}
@media (max-width: 1400px) {
  .sustainable .sustainable-box1 .box .left .txt p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .sustainable .sustainable-box1 .box .left .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.sustainable .sustainable-box1 .box .left .txt2 {
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box1 .box .left .txt2 {
    margin-top: 40px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box .left .txt2 {
    margin-top: 20px;
  }
}

.sustainable .sustainable-box1 .box .left .txt2 p {
  color: #DB481D;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .sustainable .sustainable-box1 .box .left .txt2 p {
    font-size: 14px;
    line-height: 26px;
  }
}

.sustainable .sustainable-box1 .box .right {
  width: 330px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box1 .box .right {
    width: 250px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box1 .box .right {
    width: 100%;
    margin-top: 20px;
  }
}

.sustainable .sustainable-box1 .box .right img {
  width: 100%;
  height: auto;
}

.sustainable .sustainable-box2 {
  margin-top: 100px;
}

@media (max-width: 1470px) {
  .sustainable .sustainable-box2 {
    margin-top: 110px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box2 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box2 {
    margin-top: 40px;
  }
}

.sustainable .sustainable-box2 .content {
  margin-top: 16px;
}

@media(max-width:1470px) {
  .sustainable .sustainable-box2 .content {
    margin-top: 0px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box2 .content {
    margin-top: 5px;
  }
}

.sustainable .sustainable-box2 .content .row-box {
  margin: 0 -24px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box2 .content .row-box {
    margin: 0 -12px;
  }
}

.sustainable .sustainable-box2 .content .row-box .col-box {
  margin-top: 20px;
  padding: 0 24px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box2 .content .row-box .col-box {
    padding: 0 12px;
  }
}

.sustainable .sustainable-box2 .content .row-box .col-box .item {
  cursor: pointer;
}

.sustainable .sustainable-box2 .content .row-box .col-box .item .img-box {
  padding-bottom: calc(340 / 240 * 100%);
}

.sustainable .sustainable-box3 {
  margin-top: 90px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box3 {
    margin-top: 70px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box3 {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 {
    margin-top: 40px;
  }
}

.sustainable .sustainable-box3 .content .content1 {
  margin: 0 -15px;
  margin-top: 40px;
  display: flex;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box3 .content .content1 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box3 .content .content1 {
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 .content .content1 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 {
    flex-wrap: wrap;
  }
}

.sustainable .sustainable-box3 .content .content1 .list-box {
  width: calc(100% / 4);
  padding: 0 15px;
  transition: all 1s;
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 .content .content1 .list-box {
    padding: 0 5px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 .list-box {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .sustainable .sustainable-box3 .content .content1 .list-box:last-child {
    margin-bottom: 0;
  }
}

.sustainable .sustainable-box3 .content .content1 .list-box:hover {
  width: 56%;
}

@media (max-width: 1710px) {
  .sustainable .sustainable-box3 .content .content1 .list-box:hover {
    width: 80%;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box3 .content .content1 .list-box:hover {
    width: 62%;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 .content .content1 .list-box:hover {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 .list-box:hover {
    width: 100%;
  }
}

.sustainable .sustainable-box3 .content .content1 .list-box.on {
  width: 56%;
}

@media (max-width: 1710px) {
  .sustainable .sustainable-box3 .content .content1 .list-box.on {
    width: 80%;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box3 .content .content1 .list-box.on {
    width: 62%;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 .content .content1 .list-box.on {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 .list-box.on {
    width: 100%;
  }
}

.sustainable .sustainable-box3 .content .content1 .list-box .list {
  border-radius: 10px;
  height: 400px;
  position: relative;
  overflow: hidden;
  display: block;
}

@media (max-width: 1440px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list {
    height: 375px;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list {
    height: 280px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list {
    height: 235px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list {
    height: auto;
    padding-bottom: calc(400 / 690 * 100%);
    overflow: hidden;
  }
}

.sustainable .sustainable-box3 .content .content1 .list-box .list .bgimg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .sustainable .sustainable-box3 .content .content1 .list-box .list .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    display: block;
    width: 100%;
    height: 100%;
  }
}

.sustainable .sustainable-box4 {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box4 {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box4 {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 {
    margin-top: 40px;
  }
}

.sustainable .sustainable-box4 .content .content1 {
  margin: 0 -15px;
  margin-top: 40px;
  display: flex;
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box4 .content .content1 {
    margin-top: 40px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box4 .content .content1 {
    margin-top: 30px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 .content .content1 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 {
    flex-wrap: wrap;
  }
}

.sustainable .sustainable-box4 .content .content1 .list-box {
  width: calc(100% / 4);
  padding: 0 15px;
  transition: all 1s;
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 .content .content1 .list-box {
    padding: 0 5px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 .list-box {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .sustainable .sustainable-box4 .content .content1 .list-box:last-child {
    margin-bottom: 0;
  }
}

.sustainable .sustainable-box4 .content .content1 .list-box:hover {
  width: 56%;
}

@media (max-width: 1710px) {
  .sustainable .sustainable-box4 .content .content1 .list-box:hover {
    width: 80%;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box4 .content .content1 .list-box:hover {
    width: 62%;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 .content .content1 .list-box:hover {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 .list-box:hover {
    width: 100%;
  }
}

.sustainable .sustainable-box4 .content .content1 .list-box.on {
  width: 56%;
}

@media (max-width: 1710px) {
  .sustainable .sustainable-box4 .content .content1 .list-box.on {
    width: 80%;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box4 .content .content1 .list-box.on {
    width: 62%;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 .content .content1 .list-box.on {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 .list-box.on {
    width: 100%;
  }
}

.sustainable .sustainable-box4 .content .content1 .list-box .list {
  border-radius: 10px;
  height: 400px;
  position: relative;
  overflow: hidden;
  display: block;
}

@media (max-width: 1440px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list {
    height: 375px;
  }
}

@media (max-width: 1400px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list {
    height: 280px;
  }
}

@media (max-width: 1199px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list {
    height: 235px;
  }
}

@media (max-width: 991px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list {
    height: auto;
    padding-bottom: calc(400 / 690 * 100%);
    overflow: hidden;
  }
}

.sustainable .sustainable-box4 .content .content1 .list-box .list .bgimg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .sustainable .sustainable-box4 .content .content1 .list-box .list .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    display: block;
    width: 100%;
    height: 100%;
  }
}




.social {
  overflow: hidden;
  padding-bottom: 120px;
}

@media (max-width: 1400px) {
  .social {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .social {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .social {
    padding-bottom: 40px;
  }
}

.social .product-title h2 {
  text-align: left;
}

.social .product-title p {
  margin-top: 10px;
  text-align: left;
  color: #222;
  font-size: 16px;
  line-height: 30px;
  /* 187.5% */
  text-indent: 2em;
}

@media (max-width: 767px) {
  .social .product-title p {
    font-size: 14px;
    line-height: 26px;
  }
}

.social .social-box1 {
  margin-top: 70px;
}

@media (max-width: 1400px) {
  .social .social-box1 {
    margin-top: 40px;
  }
}

.social .social-box1 .content1 .content .row-box {
  margin: 0 -30px;
}

@media (max-width: 1199px) {
  .social .social-box1 .content1 .content .row-box {
    margin: 0 -20px;
  }
}

.social .social-box1 .content1 .content .row-box .col-box {
  padding: 0 30px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .social .social-box1 .content1 .content .row-box .col-box {
    margin-top: 20px;
  }
}

@media (max-width: 1199px) {
  .social .social-box1 .content1 .content .row-box .col-box {
    padding: 0 20px;
  }
}

.social .social-box1 .content1 .content .row-box .col-box .item .img-box {
  padding-bottom: calc(280 / 520 * 100%);
  border-radius: 15px;
}

@media (max-width: 1199px) {
  .social .social-box1 .content1 .content .row-box .col-box .item .img-box {
    border-radius: 10px;
  }
}

.social .social-box1 .content1 .content .row-box .col-box .item .cont {
  padding: 20px 25px 0 20px;
}

.social .social-box1 .content1 .content .row-box .col-box .item .cont .tit {
  color: #222;
  font-size: 20px;
  font-weight: 700;
}

@media(max-width:1400px) {
  .social .social-box1 .content1 .content .row-box .col-box .item .cont .tit {
    font-size: 18px;
  }
}

@media(max-width:767px) {
  .social .social-box1 .content1 .content .row-box .col-box .item .cont .tit {
    font-size: 16px;
  }
}

.social .social-box1 .content1 .content .row-box .col-box .item .cont .txt {
  margin-top: 10px;
}

.social .social-box1 .content1 .content .row-box .col-box .item .cont .txt p {
  color: #222;
  font-size: 17px;
  line-height: 30px;
}

@media (max-width: 1400px) {
  .social .social-box1 .content1 .content .row-box .col-box .item .cont .txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .social .social-box1 .content1 .content .row-box .col-box .item .cont .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.social .social-box1 .content2 {
  margin-top: 10px;
}

.social .social-box1 .content2 .item {
  margin-top: 40px;
}

.social .social-box1 .content2 .item img {
  width: 100%;
  height: auto;
}

.social .social-box2 {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .social .social-box2 {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .social .social-box2 {
    margin-top: 40px;
  }
}

.social .social-box2 .content .row-box {
  margin: 0 -13px;
}

.social .social-box2 .content .row-box .col-box {
  padding: 0 13px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .social .social-box2 .content .row-box .col-box {
    margin-top: 20px;
  }
}

.social .social-box2 .content .row-box .col-box .item {
  cursor: pointer;
}

.social .social-box2 .content .row-box .col-box .item .img-box {
  padding-bottom: calc(240 / 400 * 100%);
  border-radius: 10px;
}

.sunshine {
  overflow: hidden;
  padding-bottom: 140px;
}

@media (max-width: 1400px) {
  .sunshine {
    padding-bottom: 100px;
  }
}

@media (max-width: 1199px) {
  .sunshine {
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .sunshine {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .sunshine {
    padding-bottom: 40px;
  }
}

.sunshine .sunshine-contbox1 {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .sunshine .sunshine-contbox1 {
    margin-top: 30px;
  }
}

.sunshine .sunshine-contbox1 .box .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 767px) {
  .sunshine .sunshine-contbox1 .box .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.sunshine .sunshine-contbox1 .box .content {
  margin-top: 10px;
}

.sunshine .sunshine-contbox1 .box .content .row-box {
  margin: 0 -30px;
}

@media (max-width: 1199px) {
  .sunshine .sunshine-contbox1 .box .content .row-box {
    margin: 0 -20px;
  }
}

.sunshine .sunshine-contbox1 .box .content .row-box .col-box {
  padding: 0 30px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .sunshine .sunshine-contbox1 .box .content .row-box .col-box {
    padding: 0 20px;
  }
}

.sunshine .sunshine-contbox1 .box .content .row-box .col-box .item {
  border-radius: 10px;
  background: #F9F9F9;
  padding: 20px 35px 30px 35px;
  height: 100%;
}

.sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .number {
  color: #DB481D;
  font-size: 38px;
  font-weight: 700;
}

@media(max-width:1400px) {
  .sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .number {
    font-size: 32px;
  }
}

@media(max-width:1199px) {
  .sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .number {
    font-size: 28px;
  }
}

.sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .txt p {
  color: #222;
  font-size: 16px;
  line-height: 30px;
  /* 187.5% */
}

@media (max-width: 1199px) {
  .sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .txt p {
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .sunshine .sunshine-contbox1 .box .content .row-box .col-box .item .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.material {
  /* overflow: hidden; */
  padding-bottom: 110px;
}

@media (max-width: 1400px) {
  .material {
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .material {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .material {
    padding-bottom: 40px;
  }
}

.material-boxgj2 {
  background-color: #FFF;
  overflow: hidden;
}

.material .material-box1 {
  background: url(../img/gjmaterial-2.jpg) no-repeat;
  background-size: cover;
  padding: 190px 0 180px 0;
  position: sticky;
  overflow: hidden;
  top: 0;
  z-index: -6;
  height: 100vh;
}

@media (max-width: 1470px) {
  .material .material-box1 {
    padding: 90px 0 110px 0;
  }
}

@media (max-width: 991px) {
  .material .material-box1 {
    background-position: center;
  }
}

@media (max-width: 767px) {
  .material .material-box1 {
    padding: 90px 0 80px 0;
  }
}

.material .material-box1 .box {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .material .material-box1 .box {
    flex-wrap: wrap;
  }
}

.material .material-box1 .box .left {
  width: 26%;
}

@media (max-width: 1710px) {
  .material .material-box1 .box .left {
    width: 33%;
  }
}

@media (max-width: 991px) {
  .material .material-box1 .box .left {
    width: 100%;
  }
}

.material .material-box1 .box .left .tit b {
  display: block;
  color: #FFF;
  font-family: Anton;
  font-size: 80px;
  font-weight: 400;
}

@media (max-width: 1400px) {
  .material .material-box1 .box .left .tit b {
    font-size: 60px;
  }
}

@media (max-width: 1199px) {
  .material .material-box1 .box .left .tit b {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .material .material-box1 .box .left .tit b {
    font-size: 40px;
  }
}

.material .material-box1 .box .left .tit span {
  display: block;
  color: #FFF;
  font-size: 55px;
  font-weight: 700;
}

@media (max-width: 1400px) {
  .material .material-box1 .box .left .tit span {
    font-size: 48px;
  }
}

@media (max-width: 1199px) {
  .material .material-box1 .box .left .tit span {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .material .material-box1 .box .left .tit span {
    font-size: 30px;
  }
}

.material .material-box1 .box .left .content .item-box {
  margin-top: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 22px 0;
}

@media (max-width: 1470px) {
  .material .material-box1 .box .left .content .item-box {
    margin-top: 10px;
    padding: 0;
  }
}

.material .material-box1 .box .left .content .item-box .item {
  padding-left: 20px;
  position: relative;
  margin-top: 30px;
}

.material .material-box1 .box .left .content .item-box .item:first-child {
  margin-top: 0;
}

@media (max-width: 1470px) {
  .material .material-box1 .box .left .content .item-box .item {
    margin-top: 10px;
  }
}

.material .material-box1 .box .left .content .item-box .item::before {
  content: '';
  position: absolute;
  left: -2.5px;
  top: 5px;
  background: #ED6F00;
  width: 5px;
  height: 20px;
}

.material .material-box1 .box .left .content .item-box .item b {
  display: block;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 1470px) {
  .material .material-box1 .box .left .content .item-box .item b {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .material .material-box1 .box .left .content .item-box .item b {
    font-size: 16px;
  }
}

.material .material-box1 .box .left .content .item-box .item p {
  color: #EEE;
  font-size: 16px;
  line-height: 28px;
  /* 175% */
}

@media (max-width: 767px) {
  .material .material-box1 .box .left .content .item-box .item p {
    font-size: 14px;
  }
}



.material .material-box1 .box .center {
  width: 39%;
  display: flex;
  align-items: flex-end;
  pointer-events: none;
  position: absolute;
  bottom: 10%;
  left: 39%;
  z-index: 1;
  transform: translateX(-50%);
}

@media (max-width: 1710px) {
  .material .material-box1 .box .center {}
}

@media (max-width: 1470px) {
  .material .material-box1 .box .center {
    bottom: 10%;
  }
}

@media (max-width: 1199px) {
  .material .material-box1 .box .center {
    left: 53%;
    width: 50%;
  }
}

@media (max-width: 991px) {
  .material .material-box1 .box .center {
    position: static;
    transform: translateX(0);
    margin: 20px 0;
    width: 100%;
  }
}

.material .material-box1 .box .center img {
  width: 100%;
  height: auto;
  background: transparent;
}










.material .material-box1 .box .right {
  width: 37%;
}

@media (max-width: 1710px) {
  .material .material-box1 .box .right {
    width: 36%;
  }
}

@media (max-width: 1400px) {
  .material .material-box1 .box .right {
    width: 38%;
  }
}

@media (max-width: 991px) {
  .material .material-box1 .box .right {
    width: 100%;
    margin-top: 20px;
  }
}

.material .material-box1 .box .right .row-box {
  margin: -15px;
}

@media (max-width: 1199px) {
  .material .material-box1 .box .right .row-box {
    margin: -10px;
  }
}

.material .material-box1 .box .right .row-box .col-box {
  padding: 15px;
}

@media (max-width: 1199px) {
  .material .material-box1 .box .right .row-box .col-box {
    padding: 10px;
  }
}

.material .material-box1 .box .right .row-box .col-box .item-box {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 290px;
  padding: 40px 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1470px) {
  .material .material-box1 .box .right .row-box .col-box .item-box {
    /* width: 200px;
    padding: 20px 0; */
  }
}

@media (max-width: 1470px) {
  .material .material-box1 .box .right .row-box .col-box .item-box {
    width: 180px;
    padding: 15px 0;
  }
}

@media (max-width: 575px) {
  .material .material-box1 .box .right .row-box .col-box .item-box {
    width: 140px;
  }
}

.material .material-box1 .box .right .row-box .col-box .item-box .item .img-box img {
  background: transparent;
  transform: scale(1) !important;
}

.material .material-box1 .box .right .row-box .col-box .item-box .item .tit {
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}

.material .material-box1 .box .right .row-box .col-box .item-box .item img {
  width: 80px;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1400px) {
  .material .material-box1 .box .right .row-box .col-box .item-box .item .tit {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .material .material-box1 .box .right .row-box .col-box .item-box .item .tit {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .material .material-box1 .box .right .row-box .col-box .item-box .item .tit {
    font-size: 14px;
  }
}

.material .describe {
  padding-top: 60px;
  background: #F6F6F6;
  padding-bottom: 100px;
}

@media (max-width: 1400px) {
  .material .describe {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

@media (max-width: 1199px) {
  .material .describe {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .material .describe {
    padding-bottom: 40px;
  }
}

.material .describe .box {
  overflow: hidden;
}

.material .describe .box .index-title h3 b {
  background: #F6F6F6;
}

.material .describe .box .index-title h3 b::after {
  background: #F6F6F6;
}

.material .describe .box .index-title h3 b::before {
  background: #F6F6F6;
}

.material .describe .box .product-title {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .material .describe .box .product-title {
    margin-top: 10px;
  }
}

.material .describe .box .content {
  margin-top: 35px;
}

@media (max-width: 1199px) {
  .material .describe .box .content {
    margin-top: 20px;
  }
}

.material .describe .box .content .item-box {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
}

.material .describe .box .content .item-box:first-child {
  margin-top: 0;
}

@media (max-width: 991px) {
  .material .describe .box .content .item-box {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}

.material .describe .box .content .item-box .con-left {
  width: calc(100% - 705px - 120px);
  margin-right: auto;
}

@media (max-width: 1710px) {
  .material .describe .box .content .item-box .con-left {
    width: 57%;
    padding-right: 80px;
  }
}

@media (max-width: 1400px) {
  .material .describe .box .content .item-box .con-left {
    padding-right: 40px;
  }
}

@media (max-width: 991px) {
  .material .describe .box .content .item-box .con-left {
    width: 100%;
    padding: 0;
  }
}

.material .describe .box .content .item-box .con-left .txt p {
  color: #222;
  font-size: 20px;
  line-height: 42px;
 text-indent: 2em;
  padding-left: 15px; 
  position: relative;
}
/* .material .describe .box .content .item-box .con-left .txt p::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #DB481D;
  position: absolute;
  left: 0;
  top: 15px;
  display: none; 
} */
.material .describe .box .content .item-box .con-left .txt ul{
  list-style: none;
}
.material .describe .box .content .item-box .con-left .txt li{
  position: relative;
  color: #222;
  font-size: 20px;
  line-height: 42px;
  text-indent: 2em;
  padding-left: 15px; 
}
.material .describe .box .content .item-box .con-left .txt li::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #DB481D;
  position: absolute;
  left: 0;
  top: 15px;
}
@media (max-width: 1560px) {
  .material .describe .box .content .item-box .con-left .txt li {
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .material .describe .box .content .item-box .con-left .txt li {
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 1199px) {
  .material .describe .box .content .item-box .con-left .txt li {
    font-size: 14px;
    line-height: 25px;
  }
}

.material .describe .box .content .item-box .con-left .txt li b {
  font-weight: 700;
}
@media (max-width: 1560px) {
  .material .describe .box .content .item-box .con-left .txt p {
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .material .describe .box .content .item-box .con-left .txt p {
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 1199px) {
  .material .describe .box .content .item-box .con-left .txt p {
    font-size: 14px;
    line-height: 25px;
  }
}

.material .describe .box .content .item-box .con-left .txt p b {
  font-weight: 700;
}
.material .describe .box .content .item-box:nth-child(2) .con-left .txt p{
  /* text-indent: none; */
}
.material .describe .box .content .item-box:nth-child(2) .con-left .txt p::after{
  /* display: block; */
}
.material .describe .box .content .item-box .con-right {
  width: 705px;
}

@media (max-width: 1710px) {
  .material .describe .box .content .item-box .con-right {
    width: 43%;
  }
}

@media (max-width: 991px) {
  .material .describe .box .content .item-box .con-right {
    width: 1000%;
    margin-top: 10px;
  }
}

.material .describe .box .content .item-box .con-right .img-box {
  border-radius: 10px;
  padding-bottom: calc(370 / 710 * 100%);
}

.material .describe .box .content .item-box .con-right .img-box .firm-video {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.material .describe .box .content .item-box .con-right .img-box .firm-video .iconfont {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #FFF;
  font-size: 24px;
  padding-left: 3px;
}

@media (max-width: 1199px) {
  .material .describe .box .content .item-box .con-right .img-box .firm-video .iconfont {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }
}

.material .material-cases {
  overflow: hidden;
  padding: 90px 0;
}

@media (max-width: 1400px) {
  .material .material-cases {
    padding: 70px 0;
  }
}

@media (max-width: 1199px) {
  .material .material-cases {
    padding: 50px 0;
  }
}

@media (max-width: 991px) {
  .material .material-cases {
    padding: 40px 0;
  }
}

.material .material-cases .box {
  overflow: hidden;
}

.material .material-cases .box .product-title {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .material .material-cases .box .product-title {
    margin-top: 10px;
  }
}

.material .material-cases .box .tit-txt {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .material .material-cases .box .tit-txt {
    margin-top: 10px;
  }
}

.material .material-cases .box .tit-txt p {
  color: #222;
  text-align: center;
  /* text-align: left;
  text-indent: 2em; */
  font-size: 20px;
  line-height: 30px; 
}
.material .material-cases .box .tit-txt p:nth-child(1){
  text-align: left;
  text-indent: 2em; 
}
@media (max-width: 1400px) {
  .material .material-cases .box .tit-txt p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .material .material-cases .box .tit-txt p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .material .material-cases .box .tit-txt p {
    font-size: 14px;
  }
}

.material .material-cases .box .content .asked-ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1400px) {
  .material .material-cases .box .content .asked-ul {
    margin-top: 10px;
  }
}

@media (max-width: 1199px) {
  .material .material-cases .box .content .asked-ul {
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .material .material-cases .box .content .asked-ul {
    flex-wrap: wrap;
  }
}

.material .material-cases .box .content .asked-ul .left {
  width: calc(50% - 15px);
}

@media (max-width: 991px) {
  .material .material-cases .box .content .asked-ul .left {
    width: 100%;
  }
}

.material .material-cases .box .content .asked-ul .right {
  width: calc(50% - 15px);
}

@media (max-width: 991px) {
  .material .material-cases .box .content .asked-ul .right {
    width: 100%;
  }
}

.material .material-cases .box .content .asked-ul .li {
  display: block;
  cursor: pointer;
  margin-top: 20px;
}

.material .material-cases .box .content .asked-ul .li .cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  background: #ED6F00;
  padding: 10px 50px;
}

@media (max-width: 1400px) {
  .material .material-cases .box .content .asked-ul .li .cont {
    padding: 10px 30px;
  }
}

@media (max-width: 1199px) {
  .material .material-cases .box .content .asked-ul .li .cont {
    padding: 5px 20px;
  }
}

.material .material-cases .box .content .asked-ul .li .cont::after {
  font-family: 'iconfont' !important;
  content: "\e632";
  font-size: 26px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.material .material-cases .box .content .asked-ul .li .cont p {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1400px) {
  .material .material-cases .box .content .asked-ul .li .cont p {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .material .material-cases .box .content .asked-ul .li .cont p {
    font-size: 18px;
  }
}

.material .material-cases .box .content .asked-ul .li .cont table{
  width: 100% !important;
  margin-top: 10px;
}
.material .material-cases .box .content .asked-ul .li .cont table tr:nth-child(1){
  background-color: #ED6F00 !important;
}
.material .material-cases .box .content .asked-ul .li .cont table tr td{
  
  color: #FFF;

}
.material .material-cases2 .box .content .asked-ul .li .cont table tr:nth-child(even) {
  background-color: #F8E6E6;
}

.material .material-cases .box .content .asked-ul .li .cont table tr td{ 
  padding:10px 5px ;
  text-align: center;
  vertical-align: middle;

  color: #000;

  font-size: 20px;

  line-height: normal;
}
@media(max-width:1400px){
  .material .material-cases .box .content .asked-ul .li .cont table tr td{
    font-size: 18px;
  }
}
@media(max-width:767px){
  .material .material-cases .box .content .asked-ul .li .cont table tr td{
    font-size: 14px;
  }
}

.material .material-cases .box .content .asked-ul .li .cont table tr td p{
  text-align: center !important;
  margin: 0 !important;
}

.material .material-cases .box .content .asked-ul .li .text-box {
  display: none;
  padding: 30px 40px;
  position: relative;
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 1400px) {
  .material .material-cases .box .content .asked-ul .li .text-box {
    padding: 20px 30px;
  }
}

.material .material-cases .box .content .asked-ul .li .text-box p {
  color: #222;
  font-size: 16px;
  line-height: 28px;
  /* 175% */
}

.material .material-cases .box .content .asked-ul .li .text-box p img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1199px) {
  .material .material-cases .box .content .asked-ul .li .text-box p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .material .material-cases .box .content .asked-ul .li .text-box p {
    font-size: 14px;
  }
}

.material .material-cases .box .content .asked-ul .li .text-box p img {
  width: 100%;
}

.material .material-cases .box .content .asked-ul .li.current .cont::after {
  content: "\e729";
}

.material .material-cases2 {
  overflow: hidden;
  background: #F6F6F6;
  padding: 70px 0 80px 0;
}

.material-cases2 .box {
  overflow: hidden;
}

@media (max-width: 1400px) {
  .material .material-cases2 {
    padding: 50px 0 60px 0;
  }
}

@media (max-width: 1199px) {
  .material .material-cases2 {
    padding: 40px 0 50px 0;
  }
}

.material-cases2 .box h3 b {
  background-color: #F6F6F6;
}

.material-cases2 .box h3 b::after {
  background-color: #F6F6F6;
}

.material-cases2 .box h3 b::before {
  background-color: #F6F6F6;
}

.material .material-cases2 .box .content {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

@media (max-width: 1400px) {
  .material .material-cases2 .box .content {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .material .material-cases2 .box .content {
    flex-wrap: wrap;
  }
}

.material .material-cases2 .box .content .left {
  padding-top: 30px;
  width: 36%;
  margin-right: auto;
}

@media (max-width: 991px) {
  .material .material-cases2 .box .content .left {
    width: 100%;
    padding: 0;
  }
}

.material .material-cases2 .box .content .left .txt p {
  color: #222;
  font-size: 20px;
  line-height: 32px;
  /* 160% */
  text-indent: 2em;
}

@media (max-width: 1440px) {
  .material .material-cases2 .box .content .left .txt p {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .material .material-cases2 .box .content .left .txt p {
    font-size: 16px;
    line-height: 29px;
  }
}

@media (max-width: 767px) {
  .material .material-cases2 .box .content .left .txt p {
    font-size: 14px;
    line-height: 26px;
  }
}

.material .material-cases2 .box .content .left .txt p b {
  font-weight: 700;
}

.material .material-cases2 .box .content .right {
  width: 55%;
}

@media (max-width: 991px) {
  .material .material-cases2 .box .content .right {
    width: 100%;
    margin-top: 20px;
  }
}

.material .material-cases2 .box .content .right img {
  width: 100%;
  height: auto;
  background: transparent;
}


.material .material-cases2 .box .content .right table{
  max-width: 100%;
  width: 100%;
}
.material .material-cases2 .box .content .right table tr:nth-child(1){
  background-color: #ED6F00 !important;
}
.material .material-cases2 .box .content .right table tr:nth-child(1) td{
  color: #FFF;

  font-weight: bold; 
} 
.material .material-cases2 .box .content .right table tr:nth-child(even){
  background-color: #F8E6E6;
}

.material .material-cases2 .box .content .right table tr td{
  color: #000;
  font-size: 20px;
  padding: 5px 20px;
  text-align: center;
}

@media(max-width: 1440px){
  .material .material-cases2 .box .content .right table tr td{
    font-size: 18px;
  }
}
@media(max-width: 1199px){
  .material .material-cases2 .box .content .right table tr td{
    font-size: 16px;
  }
}
@media(max-width: 767px){
  .material .material-cases2 .box .content .right table tr td{
    font-size: 14px;
  }
}
.material .material-vs {
  margin-top: 50px;
}

@media (max-width: 1400px) {
  .material .material-vs {
    margin-top: 40px;
  }
}

.material .material-vs img {
  width: 100%;
  height: auto;
}

.material .material-vs .content {
  margin-top: 30px;
}

@media (max-width: 1470px) {
  .material .material-vs .content {
    margin-top: 20px;
    width: 90%;
  }
}

.material .material-layout {
  margin-top: 60px;
}

@media (max-width: 1400px) {
  .material .material-layout {
    margin-top: 40px;
  }
}

.material .material-layout .box .product-title {
  width: 89%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .material .material-layout .box .product-title {
    width: 100%;
  }
}

.material .material-layout .box .product-title p {
  margin-top: 10px;
  color: #222;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
}

@media (max-width: 1400px) {
  .material .material-layout .box .product-title p {
    font-size: 16px;
    line-height: 29px;
  }
}

@media (max-width: 767px) {
  .material .material-layout .box .product-title p {
    font-size: 14px;
    line-height: 26px;
  }
}

.material .material-layout .box .content {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1400px) {
  .material .material-layout .box .content {
    margin-top: 30px;
  }
}

@media (max-width: 1199px) {
  .material .material-layout .box .content {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .material .material-layout .box .content {
    flex-wrap: wrap;
  }
}

.material .material-layout .box .content .item {
  width: calc(50% - 30px);
}

@media (max-width: 767px) {
  .material .material-layout .box .content .item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.material .material-layout .box .content .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(430 / 810 * 100%);
}

.material .material-layout .box2 {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .material .material-layout .box2 {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .material .material-layout .box2 {
    margin-top: 40px;
  }
}

.material .material-layout .box2 .title {
  width: 89%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .material .material-layout .box2 .title {
    width: 100%;
  }
}

.material .material-layout .box2 .title h2 {
  color: #111;
  text-align: center;
  font-family: "Source Han Sans CN";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 1400px) {
  .material .material-layout .box2 .title h2 {
    font-size: 28px;
  }
}

@media (max-width: 1199px) {
  .material .material-layout .box2 .title h2 {
    font-size: 26px;
  }
}

@media (max-width: 991px) {
  .material .material-layout .box2 .title h2 {
    font-size: 23px;
  }
}

@media (max-width: 767px) {
  .material .material-layout .box2 .title h2 {
    font-size: 20px;
  }
}

.material .material-layout .box2 .title p {
  margin-top: 10px;
  color: #222;
  text-align: left;
  font-size: 18px;
  line-height: 32px;
}

@media (max-width: 1400px) {
  .material .material-layout .box2 .title p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .material .material-layout .box2 .title p {
    font-size: 14px;
  }
}

.material .material-layout .box2 .content {
  margin-top: -20px;
}

@media (max-width: 1199px) {
  .material .material-layout .box2 .content {
    margin-top: 0;
  }
}

.material .material-layout .box2 .content .row-box {
  margin: 0 -47px;
}

@media (max-width: 1400px) {
  .material .material-layout .box2 .content .row-box {
    margin: 0 -30px;
  }
}

.material .material-layout .box2 .content .row-box .col-box {
  padding: 0 47px;
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .material .material-layout .box2 .content .row-box .col-box {
    padding: 0 30px;
  }
}

@media (min-width: 1400px) {
  .material .material-layout .box2 .content .row-box .col-box {
    width: calc(100% / 5);
  }
}

@media (max-width: 1199px) {
  .material .material-layout .box2 .content .row-box .col-box {
    margin-top: 20px;
  }
}

.material .material-layout .box2 .content .row-box .col-box .item {
  cursor: pointer;
}

.material .material-layout .box2 .content .row-box .col-box .item .img-box {
  padding-bottom: calc(360 / 260 * 100%);
}

.material .material-product {
  margin-top: 80px;
}

@media (max-width: 1400px) {
  .material .material-product {
    margin-top: 60px;
  }
}

@media (max-width: 1199px) {
  .material .material-product {
    margin-top: 40px;
  }
}

.material .material-product .box {
  overflow: hidden;
}

.material .material-product .box .product-title {
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .material .material-product .box .product-title {
    margin-bottom: 10px;
  }
}

.material .material-product .box .content2 {
  margin-bottom: 35px;
}

@media (max-width: 1400px) {
  .material .material-product .box .content2 {
    margin-bottom: 20px;
  }
}

.material .material-product .box .content2 .row-box {
  margin: 0 -13px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content2 .row-box {
    margin: 0 -10px;
    margin-top: 20px;
  }
}

.material .material-product .box .content2 .row-box .col-box {
  padding: 0 13px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content2 .row-box .col-box {
    padding: 0 10px;
  }
}

.material .material-product .box .content2 .row-box .col-box .item {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content2 .row-box .col-box .item {
    margin-top: 20px;
  }
}

.material .material-product .box .content2 .row-box .col-box .item.item-height .img-box {
  /* padding-bottom: calc(390 / 630 * 100%); */
}

.material .material-product .box .content2 .row-box .col-box .item .img-box {
  border-radius: 10px;
  /* padding-bottom: calc(830 / 600 * 100%); */
  padding-bottom: calc(390 / 600 * 100%);
}

.sitmap {
  padding: 100px 0;
  margin-top: 40px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .sitmap {
    padding: 60px 0;
  }
}

@media (max-width: 991px) {
  .sitmap {
    padding: 40px 0;
  }
}

.sitmap h2 {
  font-size: 45px;
  font-weight: 500;
  color: #ED6F00;
}

@media (max-width: 1560px) {
  .sitmap h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .sitmap h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .sitmap h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .sitmap h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .sitmap h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .sitmap h2 {
    font-size: 24px;
  }
}

.sitmap ul {
  list-style: none;
}

.sitmap ul li {
  margin-top: 20px;
}

.sitmap ul li:hover a {
  text-decoration: underline;
  color: white;
  background-color: #ED6F00;
}

.sitmap ul li:hover ul {
  margin-top: 20px;
}

.sitmap ul li:hover ul li a {
  color: #666;
  text-decoration: none;
  background-color: white;
}

.sitmap ul li:hover ul li ul li a {
  color: #ccc;
  text-decoration: none;
  background-color: white;
}

.sitmap ul li:hover .ul-block {
  opacity: 1;
  max-height: 100%;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.sitmap ul li a {
  border: 1px solid #666;
  width: 260px;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  font-size: 18px;
  transition: color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media (max-width: 991px) {
  .sitmap ul li a {
    font-size: 16px;
  }
}

.sitmap ul li .ul-block {
  opacity: 1;
  max-height: 100%;
}

.sitmap ul li ul {
  margin-top: 20px;
  padding: 0;
  overflow: hidden;
}

.sitmap ul li ul li {
  margin: 0;
  padding: 0;
  border: none !important;
  margin-bottom: 10px;
}

.sitmap ul li ul li:hover a {
  color: #000;
  text-decoration: underline;
}

.sitmap ul li ul li a {
  font-size: 16px;
  line-height: 30px;
  display: block;
  padding: 0;
  text-transform: capitalize;
  color: #666;
  transition: color 0.3s ease;
  border: none;
}

@media (max-width: 991px) {
  .sitmap ul li ul li a {
    font-size: 14px;
  }
}

.sitmap ul li ul li ul {
  display: flex !important;
  flex-wrap: wrap;
  margin-top: 0px !important;
}

.sitmap ul li ul li ul li {
  border: none !important;
  margin-top: 10px;
  display: inline-block;
}

.sitmap ul li ul li ul li:hover a {
  color: #000;
  text-decoration: underline;
}

.sitmap ul li ul li ul li a {
  color: #ED6F00;
  font-size: 16px;
  display: block;
  padding: 0;
  transition: color 0.3s ease;
  padding-left: 10px;
  border: none;
}

.privalcy {
  padding: 100px 0;
  margin-top: 40px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .privalcy {
    padding: 60px 0;
  }
}

@media (max-width: 991px) {
  .privalcy {
    padding: 40px 0;
  }
}

.privalcy h2 {
  font-size: 45px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
}

@media (max-width: 1560px) {
  .privalcy h2 {
    font-size: 40px;
  }
}

@media (max-width: 1400px) {
  .privalcy h2 {
    font-size: 35px;
  }
}

@media (max-width: 1199px) {
  .privalcy h2 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .privalcy h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .privalcy h2 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .privalcy h2 {
    font-size: 24px;
  }
}

.privalcy .content p {
  margin-top: 20px;
  color: #666;
  font-size: 16px;
}

@media (max-width: 767px) {
  .privalcy .content p {
    font-size: 14px;
  }
}

nav {
  text-align: center;
}

a {
  text-decoration: none;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  padding: 90px 0 4px 0;
}

@media (max-width: 1400px) {
  .pagination {
    padding: 60px 0 4px 0;
  }
}

@media (max-width: 1199px) {
  .pagination {
    padding: 30px 0 4px 0;
  }
}

.pagination li {
  display: flex;
  align-items: center;
  margin: 0px 7px;
  vertical-align: top;
}

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

.pagination li.prev a:hover,
.pagination li.next a:hover {
  background-color: #DB481D;
}

.pagination li.prev a:before,
.pagination li.next a:before {
  font-family: 'iconfont' !important;
  font-size: 12px;
  display: block;
  content: '\e606';
  color: #000000;
  text-align: center;
  transition: all 0.5s;
}

@media (max-width: 767px) {

  .pagination li.prev a:before,
  .pagination li.next a:before {
    font-size: 14px;
  }
}

.pagination li.prev a:hover:before,
.pagination li.next a:hover:before {
  color: #FFFFFF;
}

.pagination li.next a:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  /* 200% */
  width: 40px;
  height: 40px;
  border-radius: 100px;
  padding: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  text-transform: capitalize;
}

.pagination li a.have-more {
  color: #C1C1C1 !important;
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  line-height: auto !important;
}

.pagination li a span {
  border-radius: 0;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color: #FFFFFF !important;
  background-color: #DB481D;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: #FFFFFF;
  background-color: #DB481D;
}

.newsdetails {
  margin-top: 140px;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .newsdetails {
    margin-top: 110px;
  }
}

@media (max-width: 1199px) {
  .newsdetails {
    margin-top: 80px;
  }
}

.newsdetails .title h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
}

@media (max-width: 575px) {
  .newsdetails .title h2 {
    font-size: 20px;
  }
}

.newsdetails .title p {
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-top: 30px;
  color: #ED6F00;
}

@media (max-width: 767px) {
  .newsdetails .title p {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
  .newsdetails .title p {
    font-size: 16px;
  }
}

.newsdetails .cont {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 767px) {
  .newsdetails .cont {
    margin-top: 0;
  }
}

.newsdetails .cont .table-box {
  overflow-x: auto;
}

.newsdetails .cont table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #000;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .newsdetails .cont table {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .newsdetails .cont table {
    margin-top: 10px;
  }
}

.newsdetails .cont table tr:first-child {
  background-color: #ED6F00;
}

.newsdetails .cont table tr:first-child td {
  color: #FFFFFF;
}

.newsdetails .cont table tr td {
  border: 1px solid #000;
  padding: 10px 15px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .newsdetails .cont table tr td {
    font-size: 14px;
  }
}

.newsdetails .cont ul {
  margin-top: 10px;
  list-style: none;
}

.newsdetails .cont ul li {
  list-style: disc !important;
  margin: 5px 0;
  margin-left: 15px;
}

.newsdetails .cont p {
  font-size: 16px;
  line-height: 1.875;
  margin: 0;
  color: #666;
}

@media (max-width: 575px) {
  .newsdetails .cont p {
    font-size: 14px;
  }
}

.newsdetails .auto-adjust-img.is-mobile img {
  max-width: 100% !important;
  height: auto !important;
  margin: 5px 0;
}

.newsdetails .auto-adjust-img p.contains-pictures {
  padding: 0;
  margin: 0 -5px !important;
  font-size: 0 !important;
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .newsdetails .auto-adjust-img p.contains-pictures {
    white-space: nowrap;
  }
}

.newsdetails .auto-adjust-img p.contains-pictures>img {
  display: inline-block;
  margin: 5px;
}

.newsdetails .share {
  align-items: center;
  margin-top: 30px;
}

.newsdetails .share a {
  margin-left: 10px;
}

.newsdetails .relate-details {
  font-size: 0;
  padding-top: 20px;
}

@media (max-width: 991px) {
  .newsdetails .relate-details {
    margin-top: 40px;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .newsdetails .relate-details {
    margin-top: 0;
  }
}

.newsdetails .relate-details ul li {
  margin-top: 10px;
  list-style: none;
}

.newsdetails .relate-details a {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  height: 36px;
  padding-left: 60px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media (max-width: 767px) {
  .newsdetails .relate-details a {
    font-size: 14px;
  }
}

.newsdetails .relate-details a:before {
  font-family: 'iconfont' !important;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  content: '\e602';
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #999;
}

.newsdetails .relate-details a:hover {
  color: #ED6F00;
}

.newsdetails .relate-details a:hover:before {
  color: #fff;
  background-color: #ED6F00;
}

.newsdetails .relate-details .next a:before {
  content: '\e602';
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.now-bottom {
  padding: 40px 0 40px 0;
}

.now-bottom .now-title {
  margin-top: 20px;
}

.now-bottom .now-title h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
}

@media (max-width: 575px) {
  .now-bottom .now-title h2 {
    font-size: 20px;
  }
}

.now-bottom .now-title input {
  width: 100%;
  font-size: 18px;
  background-color: #ED6F00;
  border-radius: 10px;
  padding: 10px;
  color: white;
  border: none;
  font-family: 'Montserrat';
  font-weight: 400;
}

.now-bottom .contactus-right {
  background-color: #FFF;
  width: 100%;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 1470px) {
  .now-bottom .contactus-right {
    margin: 0 auto;
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .now-bottom .contactus-right {
    margin-top: 0;
  }
}

.now-bottom .contactus-right .message {
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .now-bottom .contactus-right .message {
    margin-top: 0;
  }
}

.now-bottom .contactus-right .message .formbox .now-title input {
  width: 100%;
  border-radius: 10px;
  background: #ED6F00;
  border: none;
  padding: 15px 23px;
  color: #FFF;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .now-bottom .contactus-right .message .formbox .now-title input {
    padding: 12px 20px;
  }
}

.now-bottom .contactus-right .message .formbox .row {
  margin: 0 -10px;
}

.now-bottom .contactus-right .message .formbox li {
  margin-top: 20px;
  padding: 0 10px;
  list-style: none;
}

@media (max-width: 767px) {
  .now-bottom .contactus-right .message .formbox li {
    margin-top: 15px;
  }
}

.now-bottom .contactus-right .message .formbox .group {
  position: relative;
}

.now-bottom .contactus-right .message .formbox .group input {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #E7E7EF;
  background: #F7F7FA;
  overflow: hidden;
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
  padding: 18px 23px;
  outline: none;
  transition: border-color 0.3s ease;
  border: none;
}

@media (max-width: 1400px) {
  .now-bottom .contactus-right .message .formbox .group input {
    padding: 15px 20px;
  }
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .formbox .group input {
    font-size: 14px;
  }
}

.now-bottom .contactus-right .message .formbox .group input::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .formbox .group input::placeholder {
    font-size: 14px;
  }
}

.now-bottom .contactus-right .message .formbox .group input:focus label {
  display: none;
}

.now-bottom .contactus-right .message .formbox .group input:focus::placeholder {
  color: #ccc;
}

.now-bottom .contactus-right .message .formbox .group textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ED6F00;
  background: #F7F7FA;
  overflow: hidden;
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
  padding: 18px 23px;
  outline: none;
  transition: border-color 0.3s ease;
  height: 300px;
  border: none;
}

@media (max-width: 1400px) {
  .now-bottom .contactus-right .message .formbox .group textarea {
    padding: 15px 20px;
  }
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .formbox .group textarea {
    height: 200px;
  }
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .formbox .group textarea {
    font-size: 14px;
  }
}

.now-bottom .contactus-right .message .formbox .group textarea::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .formbox .group textarea::placeholder {
    font-size: 14px;
  }
}

.now-bottom .contactus-right .message .formbox .group textarea:focus label {
  display: none;
}

.now-bottom .contactus-right .message .formbox .group textarea:focus::placeholder {
  color: #ccc;
}

.now-bottom .contactus-right .message .func {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .now-bottom .contactus-right .message .func {
    margin-top: 20px;
  }
}

.now-bottom .contactus-right .message .func .submit-group {
  display: flex;
  justify-content: flex-end;
}

.now-bottom .contactus-right .message .func .submit {
  border: none;
  border-radius: 16px;
  background-color: #ED6F00;
  box-shadow: 0 0 0 4px #E0E0EB, 0 2px 2px 0.5px #BCBCD2;
  padding: 14px 76px;
  transition: all 0.5s;
}

.now-bottom .contactus-right .message .func .submit:hover {
  background-color: #ED6F00;
}

@media (max-width: 1400px) {
  .now-bottom .contactus-right .message .func .submit {
    padding: 12px 60px;
  }
}

@media (max-width: 991px) {
  .now-bottom .contactus-right .message .func .submit {
    padding: 10px 45px;
  }
}

.now-bottom .contactus-right .message .func .submit span {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 100%;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .now-bottom .contactus-right .message .func .submit span {
    font-size: 14px;
  }
}

.inquiry-wrap {
  padding-bottom: 100px;
  margin-top: 40px;
  overflow: hidden;
}

@media (max-width: 1409px) {
  .inquiry-wrap {
    padding-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .inquiry-wrap {
    padding-bottom: 40px;
  }
}

.inquiry-wrap a {
  color: #666;
  text-decoration: none;
}

.inquiry-wrap .size-list-box {
  padding-right: 15px;
}

.inquiry-wrap .size-list-box span {
  color: #fff;
  background-color: #ED6F00;
  border-color: #000;
}

.inquiry-wrap .inquiry-box .details-tit {
  padding-top: 5px;
}

.inquiry-wrap .iq-title,
.inquiry-wrap .list>li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: center;
  padding-left: 60px;
  padding-right: 45px;
}

.inquiry-wrap .iq-title {
  overflow: hidden;
  background-color: #ED6F00;
  padding-top: 14px;
  padding-bottom: 14px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .inquiry-wrap .iq-title {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {

  .inquiry-wrap .iq-title,
  .inquiry-wrap .list>li {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {

  .inquiry-wrap .iq-title,
  .inquiry-wrap .list>li {
    padding-left: 2%;
    padding-right: 0;
  }
}

.inquiry-wrap .iq-title .th {
  border: none;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.inquiry-wrap .iq-title .th.qty-box {
  text-align: center;
}

.inquiry-wrap .iq-title .th.introduce-box {
  padding-left: 50px;
}

.inquiry-wrap .iq-title .th span {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .inquiry-wrap .iq-title .th.check-box label.replace:after {
    display: block;
  }
}

@media (max-width: 1199px) {
  .inquiry-wrap .iq-title .th.introduce-box {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .iq-title .th.introduce-box {
    width: -webkit-calc(30%);
    width: calc(100% - 70px);
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .iq-title .th.introduce-box {
    width: -webkit-calc(55%);
    width: calc(100% - 45px);
    padding-left: 0;
  }
}

.inquiry-wrap .iq-title .pic-box {
  text-align: center;
  padding: 11px 0;
}

@media (max-width: 767px) {
  .inquiry-wrap .iq-title .check-box {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .iq-title .del-box {
    opacity: 0;
    width: 30px;
  }
}

.inquiry-wrap .inquiry-box {
  width: 100%;
  border: none;
  font-size: 18px;
}

.inquiry-wrap .inquiry-box .details-tit {
  margin-top: 0;
}

@media (max-width: 991px) {
  .inquiry-wrap .inquiry-box {
    font-size: 16px;
  }
}

.inquiry-wrap .inquiry-box label {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-bottom: 0;
}

.inquiry-wrap .inquiry-box label:before {
  background-color: #e6e6e6;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .introduce-title {
    padding-left: 0px !important;
    text-align: center;
  }
}

.inquiry-wrap .inquiry-box .check-box {
  width: 70px;
  text-align: left;
}

@media (max-width: 576px) {
  .inquiry-wrap .inquiry-box .check-box {
    width: 100px;
  }
}

@media (max-width: 576px) and (max-width: 767px) {
  .inquiry-wrap .inquiry-box .check-box {
    width: 30px;
  }
}

.inquiry-wrap .inquiry-box .check-box .check-all {
  margin: 0;
}

.inquiry-wrap .inquiry-box .check-box .check-all>label {
  margin-right: 10px;
}

.inquiry-wrap .inquiry-box .check-box .check-all span {
  font-weight: normal;
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .check-box .check-all span {
    display: none;
  }
}

.inquiry-wrap .inquiry-box .check-box label.replace {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #fff;
  width: 20px;
  height: 20px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e3e3e3;
}

.inquiry-wrap .inquiry-box .check-box label.replace:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-family: 'iconfont' !important;
  content: '\eaf1';
  opacity: 0;
  color: #000;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .check-box label.replace {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    line-height: 14px;
  }

  .inquiry-wrap .inquiry-box .check-box label.replace:after {
    font-size: 20px;
  }
}

.inquiry-wrap .inquiry-box .check-box label.replace input {
  display: none;
}

.inquiry-wrap .inquiry-box .check-box label.change:after {
  opacity: 1;
}

.inquiry-wrap .inquiry-box .introduce-box {
  text-align: left;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 1200px) {
  .inquiry-wrap .inquiry-box .introduce-box img {
    -webkit-transition: transform 1.2s;
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s;
  }

  .inquiry-wrap .inquiry-box .introduce-box:hover img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    display: block;
  }
}

@media (min-width: 768px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    width: 48%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    width: 40%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    width: 200px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    width: -webkit-calc(-20%);
    width: calc(100% - 120px);
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .introduce-box {
    width: -webkit-calc(30%);
    width: calc(100% - 70px);
  }
}

.inquiry-wrap .inquiry-box .introduce-box .pic-box {
  width: 200px;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-radius: 3px;
}

@media (max-width: 1199px) {
  .inquiry-wrap .inquiry-box .introduce-box .pic-box {
    width: 150px;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .introduce-box .pic-box {
    width: 90px;
  }
}

@media (min-width: 1200px) {
  .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic img {
    -webkit-transition: transform 1.2s;
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s;
  }

  .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic:hover img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
  }
}

.inquiry-wrap .inquiry-box .introduce-box .intro {
  -webkit-box-flex: 1;
  flex: 1 0 0%;
}

@media only screen and (min-width: 768px) {
  .inquiry-wrap .inquiry-box .introduce-box .intro {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .inquiry-wrap .inquiry-box .introduce-box .intro {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inquiry-wrap .inquiry-box .introduce-box .intro {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .introduce-box .intro {
    padding-left: 5%;
  }
}

.inquiry-wrap .inquiry-box .introduce-box .name {
  margin: 0 0 5px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: auto;
  font-size: 1em;
}

.inquiry-wrap .inquiry-box .introduce-box .name a {
  text-decoration: none;
  color: #000;
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .introduce-box .name {
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .introduce-box .name {
    font-size: 0.9em;
  }
}

.inquiry-wrap .inquiry-box .introduce-box .name:hover {
  text-decoration: underline;
}

.inquiry-wrap .inquiry-box .introduce-box .name~span {
  color: #999;
  margin-left: 15px;
}

.inquiry-wrap .inquiry-box .introduce-box .name~span:first-of-type {
  margin-left: 0;
}

.inquiry-wrap .inquiry-box .introduce-box p {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .inquiry-wrap .inquiry-box .introduce-box .number-box {
    display: none;
  }
}

.inquiry-wrap .inquiry-box .number-box {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 90px;
}

.inquiry-wrap .inquiry-box .number-box a {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #999999;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.inquiry-wrap .inquiry-box .number-box a:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inquiry-wrap .inquiry-box .number-box a.del1:before {
  content: '\e729';
}

.inquiry-wrap .inquiry-box .number-box a.add1:before {
  content: '\e632';
}

@media (min-width: 1200px) {
  .inquiry-wrap .inquiry-box .number-box a:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .number-box a {
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 12px;
  }
}

.inquiry-wrap .inquiry-box .number-box a.disable {
  cursor: not-allowed;
}

.inquiry-wrap .inquiry-box .number-box .ipt-num {
  float: left;
  width: 40px;
  min-width: 26px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  max-width: 60px;
  color: #333;
  font-size: 16px;
  background: none;
  border: none;
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .number-box .ipt-num {
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .number-box .ipt-num {
    width: 35px;
    height: 25px;
    line-height: 23px;
  }
}

.inquiry-wrap .inquiry-box .qty-box {
  text-align: center;
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .qty-box {
    display: none;
  }
}

@media (min-width: 768px) {
  .inquiry-wrap .inquiry-box .qty-box {
    width: 150px;
    text-align: center;
  }
}

.inquiry-wrap .inquiry-box .del-box {
  text-align: center;
}

@media (min-width: 768px) {
  .inquiry-wrap .inquiry-box .del-box {
    width: 80px;
  }
}

.inquiry-wrap .inquiry-box .del-box .del:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e8b6';
  color: #787878;
  font-size: 20px;
}

.inquiry-wrap .inquiry-box .del-box .del:hover:before {
  color: #000;
}

@media (min-width: 768px) {
  .inquiry-wrap .inquiry-box .del-box .del {
    font-weight: bold;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .inquiry-box .del-box .del {
    margin-right: 10px;
  }

  .inquiry-wrap .inquiry-box .del-box .del:before {
    font-size: 18px;
  }
}

.inquiry-wrap .inquiry-box .list {
  border: 1px solid #ED6F00;
  border-top: none;
}

.inquiry-wrap .inquiry-box .list>li {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #ED6F00;
}

.inquiry-wrap .inquiry-box .list>li:nth-of-type(1) {
  border-top: none;
}

@media (max-width: 575px) {
  .inquiry-wrap .inquiry-box .list>li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.inquiry-wrap .inquiry-box .list>li {
  flex-wrap: wrap;
}

.inquiry-wrap .pro-parameter {
  width: 100%;
  text-align: left;
}

@media (min-width: 992px) {
  .inquiry-wrap .pro-parameter {
    display: -webkit-box;
    display: flex;
  }

  .inquiry-wrap .pro-parameter>div {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0 10px;
  }
}

.inquiry-wrap .parameter-list li:not(.active) {
  display: none;
}

.number-box input {
  -moz-appearance: textfield;
  /* Firefox */
  -webkit-appearance: none;
  /* Chrome, Safari, Edge */
  appearance: none;
}

/* 针对 WebKit 内核浏览器隐藏上下箭头 */
.number-box input::-webkit-inner-spin-button,
.number-box input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inquiry-wrap .content .inquiry-box {
  margin-bottom: 80px;
}

@media (max-width: 1199px) {
  .inquiry-wrap .content .inquiry-box {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .inquiry-wrap .content .inquiry-box {
    margin-bottom: 20px;
  }
}

.inquiry-wrap .content .message {
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .inquiry-wrap .content .message {
    margin-top: 0;
  }
}

.inquiry-wrap .content .message .formbox .now-title input {
  width: 100%;
  border-radius: 10px;
  background: #ED6F00;
  border: none;
  padding: 15px 23px;
  color: #FFF;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .inquiry-wrap .content .message .formbox .now-title input {
    padding: 12px 20px;
  }
}

.inquiry-wrap .content .message .formbox .row {
  margin: 0 -10px;
}

.inquiry-wrap .content .message .formbox li {
  margin-top: 20px;
  padding: 0 10px;
  list-style: none;
}

@media (max-width: 767px) {
  .inquiry-wrap .content .message .formbox li {
    margin-top: 15px;
  }
}

.inquiry-wrap .content .message .formbox .group {
  position: relative;
}

.inquiry-wrap .content .message .formbox .group input {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #E7E7EF;
  background: #F7F7FA;
  overflow: hidden;
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
  padding: 18px 23px;
  outline: none;
  transition: border-color 0.3s ease;
  border: none;
}

@media (max-width: 1400px) {
  .inquiry-wrap .content .message .formbox .group input {
    padding: 15px 20px;
  }
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .formbox .group input {
    font-size: 14px;
  }
}

.inquiry-wrap .content .message .formbox .group input::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .formbox .group input::placeholder {
    font-size: 14px;
  }
}

.inquiry-wrap .content .message .formbox .group input:focus label {
  display: none;
}

.inquiry-wrap .content .message .formbox .group input:focus::placeholder {
  color: #ccc;
}

.inquiry-wrap .content .message .formbox .group textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ED6F00;
  background: #F7F7FA;
  overflow: hidden;
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
  padding: 18px 23px;
  outline: none;
  transition: border-color 0.3s ease;
  height: 300px;
  border: none;
}

@media (max-width: 1400px) {
  .inquiry-wrap .content .message .formbox .group textarea {
    padding: 15px 20px;
  }
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .formbox .group textarea {
    height: 200px;
  }
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .formbox .group textarea {
    font-size: 14px;
  }
}

.inquiry-wrap .content .message .formbox .group textarea::placeholder {
  color: #B1B1B1;
  font-size: 16px;
  line-height: 100%;
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .formbox .group textarea::placeholder {
    font-size: 14px;
  }
}

.inquiry-wrap .content .message .formbox .group textarea:focus label {
  display: none;
}

.inquiry-wrap .content .message .formbox .group textarea:focus::placeholder {
  color: #ccc;
}

.inquiry-wrap .content .message .func {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .inquiry-wrap .content .message .func {
    margin-top: 20px;
  }
}

.inquiry-wrap .content .message .func .submit-group {
  display: flex;
  justify-content: flex-end;
}

.inquiry-wrap .content .message .func .submit {
  border: none;
  border-radius: 16px;
  background-color: #ED6F00;
  box-shadow: 0 0 0 4px #E0E0EB, 0 2px 2px 0.5px #BCBCD2;
  padding: 14px 76px;
  transition: all 0.5s;
}

.inquiry-wrap .content .message .func .submit:hover {
  background-color: #ED6F00;
}

@media (max-width: 1400px) {
  .inquiry-wrap .content .message .func .submit {
    padding: 12px 60px;
  }
}

@media (max-width: 991px) {
  .inquiry-wrap .content .message .func .submit {
    padding: 10px 45px;
  }
}

.inquiry-wrap .content .message .func .submit span {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 100%;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .inquiry-wrap .content .message .func .submit span {
    font-size: 14px;
  }
}

.product .search-none {
  margin-top: 40px;
  margin-bottom: -40px;
}

@media (max-width: 1400px) {
  .product .search-none {
    margin-bottom: -20px;
  }
}

@media (max-width: 1199px) {
  .product .search-none {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.product .search-none h2 {
  color: #666;
}

.product .search-none p {
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 5px;
  margin: 0;
  color: #ab7640;
  padding: 10px;
}








.bgctimg{
  display: none;
  width: 780px;
  height: auto;

  position: absolute;
  top: 0;
  left: 0;
}

@media(max-width:767px){
  .bgctimg{
    display: block;
  }
}






.opening {
  overflow: auto;
  position: relative;
  height: 100vh;


}

.opening .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;

}
@media(max-width:767px){
  .opening .bgimg{
    display: none;
  }
}
.opening .bgimg .item {
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.opening .bgimg .item.on {
  opacity: 1;
}

.opening .bgimg .img-box {
  padding-bottom: calc(960 / 1920 * 100%);

}


.opening .bgimg .img-box img {
  transform: scale(1) !important;
}

.container-fluid {
  padding: 20px;
  position: relative;
  z-index: 6;
  height: 100vh;
}

@media(max-width:767px) {
  .container-fluid {
    padding: 0;
  }
}

.container-fluid .row-box {
  margin: 0 -10px;
}

.container-fluid .row-box .col-box {
  padding: 0 10px;
  min-height: 36.5vw;


}

@media(max-width:1199px) {
  .container-fluid .row-box .col-box {
    min-height: 46.5vw;

  }

}

@media(max-width:991px) {
  .container-fluid .row-box .col-box {
    display: none;

  }

}

@media(max-width:991px) {
  .container-fluid .row-box .col-box:nth-child(1) {
    display: block !important;
    width: 100% !important;
  }
}

@media(max-width:767px) {
  .container-fluid .row-box {
    margin: 0;
  }
}

@media(max-width:767px) {
  .container-fluid .row-box .col-box {
    display: block;
    width: 100% !important;
    min-height: auto;
    margin-bottom: 20px;
    padding: 0;

    position: relative;
    overflow: hidden;
  }

}

/* @media(max-width:767px) {
  .container-fluid .row-box .col-box:nth-child(1) {
    background: url('../img/opening-page-1.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
  }

}

@media(max-width:767px) {
  .container-fluid .row-box .col-box:nth-child(2) {
    background: url('../img/opening-page-1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

}

@media(max-width:767px) {
  .container-fluid .row-box .col-box:nth-child(3) {
    background: url('../img/opening-page-1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
  }

} */

.container-fluid .row-box .col-box .item-box {
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.20);
  position: relative;
  z-index: 12;
  width: 100%;
  height: 100%;
}

@media(max-width: 991px) {
  .container-fluid .row-box .col-box .item-box {
    border-radius: 10px;
  }
}

.container-fluid .row-box .col-box .item-box .item {
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

@media(max-width:767px) {
  .container-fluid .row-box .col-box .item-box .item {
    position: static;
    transform: translateX(0%);
    left: 0;
    padding: 20px 0;
  }
}

.container-fluid .row-box .col-box .item-box .number {

  background: linear-gradient(180deg, #FFB587 19.86%, rgba(255, 255, 255, 0.00) 81.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: hard-light;

  position: absolute;
  z-index: 2;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);

  font-family: Manrope;
  font-size: 300px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -6px;
  text-transform: capitalize;


}

@media(max-width:1920px) {
  .container-fluid .row-box .col-box .item-box .number {
    font-size: 190px;
  }
}

@media(max-width:1199px) {
  .container-fluid .row-box .col-box .item-box .number {
    font-size: 120px;
    top: 12px;
  }
}

.container-fluid .row-box .col-box .item-box .item .icon {
  /* width: 48px; */
  margin: 0 auto;
  text-align: center;
}

.container-fluid .row-box .col-box .item-box .item .icon img {
  width: 100%;
  height: auto;
}

.container-fluid .row-box .col-box .item-box .item .tit {

  margin-top: 30px;

  color: #FFF;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 2.88px;


}

.container-fluid .row-box .col-box .item-box .item .tit a {
  color: #FFF !important;
}

@media(max-width:1920px) {
  .container-fluid .row-box .col-box .item-box .item .tit {
    font-size: 40px;
  }
}

@media(max-width:1710px) {
  .container-fluid .row-box .col-box .item-box .item .tit {
    font-size: 35px;
  }
}

@media(max-width:1400px) {
  .container-fluid .row-box .col-box .item-box .item .tit {
    font-size: 30px;
    margin-top: 10px;
  }
}

@media(max-width:1199px) {
  .container-fluid .row-box .col-box .item-box .item .tit {
    font-size: 24px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt {

  margin-top: 10px;
}

.container-fluid .row-box .col-box .item-box .item .txt p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1.08px;

}

.container-fluid .row-box .col-box .item-box .item .txt p a {
  color: #FFF;
}

@media(max-width: 1400px) {
  .container-fluid .row-box .col-box .item-box .item .txt p {
    font-size: 16px;
  }
}

@media(max-width: 767px) {
  .container-fluid .row-box .col-box .item-box .item .txt p {
    font-size: 14px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 {
  display: none;
}

@media(max-width: 767px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 {
    display: block !important;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 ul {
  list-style: none;
  margin-top: 32px;


}

@media(max-width:1400px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 ul {
    margin-top: 20px;

  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 ul li {
  margin: 0 auto;

  margin-top: 10px;

  text-align: center;
  width: 140px;
  color: #FFF;
  font-size: 18px;
  letter-spacing: 1.08px;

  padding-bottom: 10px;

  border-bottom: 1px solid #FFFFFF33;

}

@media(max-width:1400px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 ul li {
    font-size: 16px;
  }
}

@media(max-width:767px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 ul li {
    font-size: 14px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 ul li a {
  color: #FFF;
  transition: all 0.5s;
}

.container-fluid .row-box .col-box .item-box .item .txt2 ul li a:hover {
  color: #DB481D;
}

@media(max-width: 1199px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 li {
    font-size: 16px;
  }
}

@media(max-width: 767px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 li {
    font-size: 14px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 .more {
  margin-top: 63px;
}

@media(max-width: 1400px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 .more {
    margin-top: 30px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 .more a {

  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.50);
  margin: 0 auto;
  width: 354px;
  padding: 9px 0;
  text-align: center;


  color: #FFF;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.9px;

  transition: all .5s;
}

@media(max-width:1400px) {
  .container-fluid .row-box .col-box .item-box .item .txt2 .more a {
    width: 230px;
  }
}

.container-fluid .row-box .col-box .item-box .item .txt2 .more a:hover {
  background-color: #DB481D;
  color: #FFF;
}

.index-map img {
  width: 100%;
  height: auto;
}

.index-map canvas {
  width: 100%;
  height: 800px;
}



.index-map2 .box {
  position: relative;
  overflow: hidden;
}

.ab4Ma {
  /* width: calc(100% - 4vw); */
  position: relative;
}

.ab4MaIM {
  position: relative;
}

.ab4MaIM img {
  width: 100%;
  height: auto;
  object-fit: cover;
}


.ab4MaIM img:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}



.ab4MaL:nth-child(1)>img {
  position: absolute;
  width: 53.21%;
  top: 16.072917%;
  left: 20%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(1)>.ab4MaLP {
  position: absolute;
  top: 27.072917%;
  left: 19.354167%;
}

.ab4MaU {
  list-style: none;
}

.ab4MaL:nth-child(2)>img {
  position: absolute;
  width: 22.47%;
  top: 25%;
  left: 53.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(2)>.ab4MaLP {
  position: absolute;
  top: 26%;
  left: 53%;
}

.ab4MaL:nth-child(3)>img {
  position: absolute;
  width: 25.13%;
  top: 30%;
  left: 47%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(3)>.ab4MaLP {
  position: absolute;
  top: 34%;
  left: 46.5%;
}

.ab4MaL:nth-child(4)>img {
  position: absolute;
  width: 9.6%;
  top: 33%;
  left: 62.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(4)>.ab4MaLP {
  position: absolute;
  top: 30.8%;
  left: 61.5%;
}

.ab4MaL:nth-child(5)>img {
  position: absolute;
  width: 40.94%;
  top: 36%;
  left: 34%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(5)>.ab4MaLP {
  position: absolute;
  top: 63.8%;
  left: 33.354167%;
}

.ab4MaL:nth-child(6)>img {
  position: absolute;
  width: 5.94%;
  top: 45%;
  left: 67%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline1 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(6)>.ab4MaLP {
  position: absolute;
  top: 48.8%;
  left: 66.354167%;
}

.ab4MaL:nth-child(7)>img {
  position: absolute;
  width: 8.94%;
  top: 37%;
  left: 74.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(7)>.ab4MaLP {
  position: absolute;
  top: 72.8%;
  left: 82.354167%;
}
.ab4MaL:nth-child(8){
  display: none;
}
.ab4MaL:nth-child(8)>img {
  position: absolute;
  width: 52.94%;
  top: 9%;
  left: 37.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline3 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(8)>.ab4MaLP {
  position: absolute;
  top: 20%;
  left: 89.5%;
}

.ab4MaL:nth-child(9)>img {
  position: absolute;
  width: 3.94%;
  top: 34%;
  left: 79.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(9)>.ab4MaLP {
  position: absolute;
  top: 31.8%;
  left: 82.5%;
}

.ab4MaLP2 {
  position: absolute;
  top: 10.8% !important;
  left: 36.9% !important;
}



.ab4MaL:nth-child(10)>img {
  position: absolute;
  width: 5%;
  top: 37.8%;
  left: 77%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(10)>.ab4MaLP {
  position: absolute;
  top: 38.2%;
  left: 81.5%;
}

.ab4MaL:nth-child(11)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(11)>.ab4MaLP {
  position: absolute;
  top: 37.8%;
  left: 23.354167%;
}


.ab4MaL:nth-child(12)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(12)>.ab4MaLP {
  position: absolute;
  top: 21.8%;
  left: 50.354167%;
}

.ab4MaL:nth-child(13)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(13)>.ab4MaLP {
  position: absolute;
  top: 20.8%;
  left: 54.354167%;
}


.ab4MaL:nth-child(14)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(14)>.ab4MaLP {
  position: absolute;
    top: 28.8%;
    left: 46.354167%;
}


.ab4MaL:nth-child(15)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(15)>.ab4MaLP {
  position: absolute;
  top: 28.8%;
  left: 49%;
}


.ab4MaL:nth-child(16)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(16)>.ab4MaLP {
  position: absolute;
  top: 52.8%;
  left: 53.354167%;
}

.ab4MaL:nth-child(17)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(17)>.ab4MaLP {
  position: absolute;
  top: 17.8%;
  left: 74.354167%;
}
.ab4MaL:nth-child(18)>img {
  position: absolute;
  width: 1.94%;
  top: 23%;
  left: 66.354167%;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: signline2 2s linear 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.ab4MaL:nth-child(18)>.ab4MaLP {
  position: absolute;
  top: 38.8%;
  left: 79%;
}






.ab4MaL>img {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  /* 移除原来的 animation 属性 */
}

/* 动画类 - 只在动画执行时应用 */
.ab4MaL>img.animate-signline1 {
  animation: signline1 2s linear 1;
  -webkit-animation: signline1 2s linear 1;
}

.ab4MaL>img.animate-signline2 {
  animation: signline2 2s linear 1;
  -webkit-animation: signline2 2s linear 1;
}

.ab4MaL>img.animate-signline3 {
  animation: signline3 2s linear 1;
  -webkit-animation: signline3 2s linear 1;
}

/* 动画完成后保持显示状态 */
.ab4MaL>img.animated {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* 关键帧动画 */
@keyframes signline1 {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }

  80% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes signline2 {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes signline3 {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

/* 动画类 - 确保这些类存在 */
.ab4MaL>img.animate-signline1 {
  animation: signline1 2s linear 1;
  -webkit-animation: signline1 2s linear 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.ab4MaL>img.animate-signline2 {
  animation: signline2 2s linear 1;
  -webkit-animation: signline2 2s linear 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.ab4MaL>img.animate-signline3 {
  animation: signline3 2s linear 1;
  -webkit-animation: signline3 2s linear 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

/* 动画完成后保持显示状态 */
.ab4MaL>img.animated {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.ab4MaLP p .iconfont {
  color: #DB481D;
  font-size: 20px;
}

.ab4Ma .disc {

  width: 10px;
  height: 10px;
  background-color: orange;
  border-radius: 50%;
  position: relative;
}

.ab4Ma .disc-box {
  position: absolute;
  z-index: 6;
  top: 41%;
  left: 77%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

@keyframes multiSpread {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}

.ab4Ma .disc::after {
  content: '';
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  animation: multiSpread 2s infinite ease-out;
  animation-delay: 0.5s;
}

.ab4Ma .disc::before {
  content: '';
  width: 51px;
  height: 51px;
  border-radius: 50%;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../img/disc-1.png') no-repeat center;
  background-size: cover;
  animation: multiSpread 2s infinite ease-out;
}






/* @keyframes signline1 {


  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }

  80% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

}

@keyframes signline2 {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes signline3 {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }

  90% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
} */

@media (max-width: 1536px) {}

@media (max-width: 1199.9px) {
  .ab4Ma {
    display: none;
  }

  .ab4Ma2 {
    display: block !important;
  }

  .ab4Ma2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}





.gjnewsbox1220 {
  margin-top: 36px;
}

@media (max-width: 1199px) {
  .gjnewsbox1220 {
    margin-top: 20px;
  }
}

.gjnewsbox1220 .row-box {
  margin: 0 -15px;
}

@media (max-width: 1199px) {
  .gjnewsbox1220 .row-box {
    margin: 0 -10px;
  }
}

.gjnewsbox1220 .row-box .col-box {
  padding: 0 15px;
  margin-top: 12px;
  padding-bottom: 10px;
}

@media (max-width: 1199px) {
  .gjnewsbox1220 .row-box .col-box {
    padding: 0 10px;
    padding-bottom: 10px;
  }
}

.gjnewsbox1220 .row-box .col-box .item {
  border-radius: 8px;
  background: #FFF;
  height: 100%;
  transition: all 0.5s;
}

.gjnewsbox1220 .row-box .col-box .item:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.gjnewsbox1220 .row-box .col-box .item:hover .cont-img .img-box img {
  transform: scale(1.06);
}

.gjnewsbox1220 .row-box .col-box .item:hover .cont .more a {
  background-color: #3788DA;
}

.gjnewsbox1220 .row-box .col-box .item:hover .cont .more a span {
  color: #fff;
}

.gjnewsbox1220 .row-box .col-box .item .cont-img .img-box {
  border-radius: 8px;
  padding-bottom: calc(288 / 360 * 100%);
}

.gjnewsbox1220 .row-box .col-box .item .cont {
  padding: 30px;
  min-height: 90px;
  background-color: #F5F5F5;
}

@media (max-width: 1400px) {
  .gjnewsbox1220 .row-box .col-box .item .cont {
    padding: 20px 0;
  }
}

.gjnewsbox1220 .row-box .col-box .item .tit {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

@media (max-width: 1400px) {
  .gjnewsbox1220 .row-box .col-box .item .tit {
    font-size: 16px;
  }
}

.gjnewsbox1220 .row-box .col-box .item .tit {
  color: #222;
  transition: all 0.5s;
}

.gjnewsbox1220 .row-box .col-box .item .more {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.gjnewsbox1220 .row-box .col-box .item .cont .more a {
  display: inline-flex;
  align-items: center;
  padding: 13px 32px;
  border-radius: 8px;
  background: #E6EBF2;
  transition: all 0.5s;
}

@media (max-width: 1400px) {
  .gjnewsbox1220 .row-box .col-box .item .cont .more a {
    padding: 10px 25px;
  }
}

@media (max-width: 767px) {
  .gjnewsbox1 .row-box .col-box .item .cont .more a {
    background-color: #3788DA;
  }
}

.gjnewsbox1220 .row-box .col-box .item .cont .more a:hover {
  background-color: #3788DA;
}

.gjnewsbox1220 .row-box .col-box .item .cont .more a:hover span {
  color: #fff;
}

.gjnewsbox1220 .row-box .col-box .item .cont .more a span {
  color: #333;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  transition: all 0.5s;
  font-family: 'Montserrat';
  font-weight: 400;
}

@media (max-width: 767px) {
  .gjnewsbox1220 .row-box .col-box .item .cont .more a span {
    color: #fff;
  }
}

.gjnewsbox1220 .product-more {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}

@media (max-width: 1400px) {
  .gjnewsbox1220 .product-more {
    margin-top: 40px;
  }
}

.gjnewsbox1220 .product-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 23px;
  border-radius: 8px;
  border: 1px solid rgba(55, 136, 218, 0.5);
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .gjnewsbox1220 .product-more a {
    background: #3788da;
    padding: 12px 20px;
  }
}

.gjnewsbox1220 .product-more a:hover {
  background: #3788da;
}

.gjnewsbox1220 .product-more a:hover span {
  color: #FFF;
}

.gjnewsbox1220 .product-more a span {
  color: #3788DA;
  font-size: 16px;
  line-height: 100%;
  /* 16px */
  transition: all 0.5s;
  font-family: 'Montserrat';
  font-weight: 400;
}

@media (max-width: 767px) {
  .gjnewsbox1220 .product-more a span {
    color: #FFF;
  }
}

.bolibox {
  margin-top: 140px;
  padding-bottom: 140px;

}

@media(max-width: 1400px) {
  .bolibox {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}

@media(max-width: 1199px) {
  .bolibox {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

.bolibox .box {
  overflow: hidden;
}



.material .material-product .box .content1 {
  margin-bottom: 35px;
}

@media (max-width: 1400px) {
  .material .material-product .box .content1 {
    margin-bottom: 20px;
  }
}

.material .material-product .box .content1 .row-box {
  margin: 0 -13px;
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content1 .row-box {
    margin: 0 -10px;
    margin-top: 20px;
  }
}

.material .material-product .box .content1 .row-box .col-box {
  padding: 0 13px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content1 .row-box .col-box {
    padding: 0 10px;
  }
}

.material .material-product .box .content1 .row-box .col-box .item {
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .material .material-product .box .content1 .row-box .col-box .item {
    margin-top: 20px;
  }
}

.material .material-product .box .content1 .row-box .col-box .item.item-height .img-box {
  padding-bottom: calc(550 / 400 * 100%);
}

.material .material-product .box .content1 .row-box .col-box .item .img-box {
  border-radius: 10px;
  padding-bottom: calc(260 / 400 * 100%);
}


.walklogo-neboz1 {
  position: relative;
  padding-bottom: 20px;
}

.walklogo-neboz1 .prev-next {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  bottom: auto;
  opacity: 0;
  z-index: 56;
  transition: all 0.3s;
}

.index-parent:hover .prev-next {
  opacity: 1 !important;
}

.walklogo-neboz1:hover .prev-next {
  opacity: 1 !important;
}

.index-parent .walklogo-neboz1 .prev-next {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
  bottom: auto;
  opacity: 0;
  transition: all 0.3s;
}

.walklogo-neboz1 .prev-next .slick-next:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transform: rotate(180deg);
  transition: all 0.3s ease;
}

.walklogo-neboz1 .prev-next .slick-prev:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  display: block;
  content: '\e606';
  color: #DB481D;
  transition: all 0.3s ease;
}

.walklogo-neboz1 .prev-next .slick-prev,
.walklogo-neboz1 .prev-next .slick-next {
  z-index: 1;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DB481D;
  border-radius: 50%;
}

.walklogo-neboz1 .prev-next .slick-next:hover,
.walklogo-neboz1 .prev-next .slick-prev:hover {
  background-color: #DB481D;
}

.walklogo-neboz1 .prev-next .slick-next {
  right: 0;
}

.walklogo-neboz1 .prev-next .slick-prev {
  left: 0;
}

.walklogo-neboz1 .prev-next .slick-prev:hover::before,
.walklogo-neboz1 .prev-next .slick-next:hover::before {
  color: #FFF;
}


.walklogo-neboz2 {
  /* max-height: 300px;
  overflow: hidden;
  overflow-y: auto; */

}
.a_none{
   cursor: auto;
}

.bgal{

}

.bgal .index-title{
  margin-bottom: 35px;
}
.bgal .index-title h2{
margin-top: 20px;
}
.bgal .cont {
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .bgal .cont {
    margin-top: 0;
  }
}

.bgal .cont .table-box {
  overflow-x: auto;
}

.bgal .cont table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #000;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .bgal .cont table {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .bgal .cont table {
    margin-top: 10px;
  }
}

.bgal .cont table tr:first-child {
  background-color: #ED6F00;
}

.bgal .cont table tr:first-child td {
  color: #FFFFFF;
}

.bgal .cont table tr td {
  border: 1px solid #000;
  padding: 10px 15px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .bgal .cont table tr td {
    font-size: 14px;
  }
}

.bgal .cont ul {
  margin-top: 10px;
  list-style: none;
}

.bgal .cont ul li {
  list-style: disc !important;
  margin: 5px 0;
  margin-left: 15px;
}

.bgal .cont p {
  font-size: 16px;
  line-height: 1.875;
  margin: 0;
  color: #666;
}

@media (max-width: 575px) {
  .bgal .cont p {
    font-size: 14px;
  }
}

.bgal .cont img{
  border-radius: 20px;
}
@media (max-width: 991px) {
  .bgal .cont img{
    border-radius: 10px;
  }
}


.material table {
  border-collapse: collapse;
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #000;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .material table {
  }
}

@media (max-width: 575px) {
  .material table {
  }
}

.material table tr:first-child {
  background-color: #ED6F00;
}

.material table tr:first-child td {
  color: #FFFFFF;
}
.material table tr:first-child td p{
  color: #FFFFFF !important;
}
.material table tr td {
  border: 1px solid #000;
  padding: 5;
  font-size: 16px;

  width: 20% !important;
  text-align: center;
  vertical-align: center;
  min-width: 20% !important;
}
.material table tr td p{
  margin: 0;
  padding: 0;
}
@media (max-width: 1440) {
  .material table tr td {
    font-size: 14px;
  }
}

.zintit{
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1440px) { 
  .zintit{
    font-size: 24px;
  }
}
@media (max-width: 767px) { 
  .zintit{
    font-size: 18px;
  }
}