@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging {
  width: 100%;
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.paging a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  font-size: 14px;
  color: #696868;
  transition: all 0.4s ease;
  font-family: Arial;
}
.paging a:not(:first-child) {
  margin-left: 12px;
}
.paging a:first-child,
.paging a:last-child {
  font-size: 0;
}
.paging a:first-child::before,
.paging a:last-child::before {
  font-family: "icon";
  font-size: 14px;
}
.paging a:first-child::before {
  content: "\e623";
}
.paging a:last-child::before {
  content: "\e622";
}
.paging a:hover,
.paging a.active,
.paging a.on {
  background: #d84a27 !important;
  color: #fff;
}
@media all and (max-width: 1590px) {
  .paging a {
    width: 44px;
    height: 44px;
  }
  .paging a:not(:first-child) {
    margin-left: 10px;
  }
}
@media all and (max-width: 1000px) {
  .paging a {
    width: 34px;
    height: 34px;
  }
  .paging a:not(:first-child) {
    margin-left: 6px;
  }
}

/* 搜索页面 */
.search {
  width: 100%;
}
.search-result {
  font-size: 14px;
  color: #d84a27;
  line-height: 1.1;
}
.search-result span {
  margin-left: 6px;
}
.search-info {
  width: 100%;
  line-height: 1.1;
  color: #000;
}
.search-info span {
  color: #d84a27;
  font-family: "OB";
  flex: 1;
}
.search-list {
  width: 100%;
}
.search-link {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  background: #f4f6f9;
  padding: 40px 24px;
}
.search-link:not(:first-child) {
  margin-top: 16px;
}
.search-link h2 {
  color: #000;
  line-height: 1.3;
  font-family: "OB";
  transition: all 0.4s ease;
}
.search-link p {
  width: 100%;
  color: #333;
}
.search-link .highlightRow span {
  color: #d84a27 !important;
}
.search-link:hover h2 {
  color: #d84a27;
}
@media all and (max-width: 1000px) {
  .search-link {
    padding: 20px 15px;
  }
  .search-link:not(:first-child) {
    margin-top: 12px;
  }
}

/* 隐私协议 */
.privacy {
  width: 100%;
}
.privacy-title {
  width: 100%;
  color: #d84a27;
  line-height: 1;
  text-transform: uppercase;
}
.privacy-content {
  width: 100%;
  color: #000;
}

.sonBan {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.sonBan-bg {
  width: 100%;
  height: 392px;
}
.sonBan-cont {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  color: #fff;
}
.sonBan-cont .title {
  line-height: 1;
  opacity: 0;
  animation: sonBanU 1s ease both 0.2s;
}
.sonBan-cont .text {
  opacity: 0;
  animation: sonBanU 1s ease both 0.3s;
}
.sonBan-place {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 3;
}
.sonBan-place a {
  height: 58px;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1;
}
.sonBan-place a:not(:first-child) {
  margin-left: 26px;
}
.sonBan-place a:not(:first-child)::before {
  content: "\e622";
  font-family: "icon";
  position: absolute;
  font-size: 12px;
  top: 50%;
  margin-top: -5px;
  left: -18px;
  pointer-events: none;
}
.sonBan-place a:first-child {
  padding-left: 30px;
  background: url("../images/pages/home.png") no-repeat left center;
}
.sonBan-menu {
  position: absolute;
  width: 100%;
  z-index: 4;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0;
  animation: sonBanU 1s ease both 0.4s;
}
.sonBan-menu .contain {
  position: relative;
}
.sonBan-menu .contain::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
}
.sonBan-menu-scroll {
  width: 100%;
  display: flex;
}
.sonBan-menu a {
  display: flex;
  align-items: center;
  position: relative;
  height: 66px;
  white-space: nowrap;
}
.sonBan-menu a:not(:first-child) {
  margin-left: 90px;
}
.sonBan-menu a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 2px;
  opacity: 0;
  width: 0;
  transition: width 0.4s ease, opacity 0.1s ease 0.4s;
}
.sonBan-menu a.active {
  font-family: "OB";
}
.sonBan-menu a.active::before,
.sonBan-menu a:hover::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
  transition: width 0.4s ease 0.1s, opacity 0.1s ease;
}
@keyframes sonBanU {
  0% {
    opacity: 0;
    transform: translateY(100px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
.sonBan-place.change {
  position: relative;
  color: #000;
}
.sonBan-place.change .contain {
  position: relative;
}
.sonBan-place.change .contain::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #ddd;
}
.sonBan-place.change a:first-child {
  background-image: url("../images/pages/homeH.png");
}

.sonMore {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 160px;
  height: 48px;
  background: #d84a27;
  font-size: 14px;
  color: #fff;
  transition: all 0.4s ease;
}
.sonMore span::after {
  content: "\e622";
  font-family: "icon";
  font-size: 12px;
  margin-left: 10px;
  transition: all 0.4s ease;
  display: inline-block;
}
.sonMore:hover {
  box-shadow: 0 6px 16px rgba(216, 74, 39, 0.4);
}
.sonMore:hover span::after {
  transform: translateX(4px) scale(1.2);
}

.swiperDot.swiper-pagination {
  font-size: 0;
  bottom: 0;
}
.swiperDot .swiper-pagination-bullet {
  width: 5px;
  height: 10px;
  background: #fff;
  opacity: 1;
  margin: 0 0 0 24px !important;
  border-radius: 0;
  position: relative;
  transition: all 0.4s ease;
}
.swiperDot .swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.swiperDot .swiper-pagination-bullet::before,
.swiperDot .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  transition: all 0.4s ease;
}
.swiperDot .swiper-pagination-bullet::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 3px solid #fff;
  right: 5px;
}
.swiperDot .swiper-pagination-bullet::after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 3px solid #fff;
  left: 5px;
}
.swiperDot.color .swiper-pagination-bullet {
  background: #b5b5b5;
}
.swiperDot.color .swiper-pagination-bullet::before {
  border-right: 3px solid #b5b5b5;
}
.swiperDot.color .swiper-pagination-bullet::after {
  border-left: 3px solid #b5b5b5;
}
.swiperDot .swiper-pagination-bullet-active {
  background: #d84a27 !important;
}
.swiperDot .swiper-pagination-bullet-active::before {
  border-right: 3px solid #d84a27 !important;
}
.swiperDot .swiper-pagination-bullet-active::after {
  border-left: 3px solid #d84a27 !important;
}

.sonTitle.center {
  width: 100%;
}
.sonTitle .title {
  line-height: 1.3;
}
.sonTitle .hint {
  line-height: 1.3;
}
.sonTitle .title span {
  color: #d84a27;
}

/* siteMap */
.sitemap {
  background: #fff;
}
.sitemap-head {
  width: 100%;
}
.sitemap-head ul {
  margin-top: -44px;
}
.sitemap-head li {
  width: 33.3333%;
  padding-right: 30px;
}
.sitemap-info {
  width: 100%;
  margin-top: 44px;
}
.sitemap-info .name,
.sitemap-main-name {
  color: #000;
}
.sitemap-info .name a,
.sitemap-main-name a {
  transition: all 0.4s ease;
}
.sitemap-info .name a:hover,
.sitemap-main-name a:hover {
  color: #d84a27;
}
.sitemap-info .link {
  width: 100%;
  margin-top: 20px;
}
.sitemap-info .link h4 {
  display: flex;
  padding: 6px 0;
  color: #206eab;
}
.sitemap-info .link h4 a {
  position: relative;
}
.sitemap-info .link h4 a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #206eab;
  opacity: 0;
  transition: all 0.4s ease;
}
.sitemap-info .link h4 a:hover::before {
  opacity: 1;
}
.sitemap-main {
  width: 100%;
  border-top: 1px solid #ddd;
}

/* about-history */
.abohi {
  width: 100%;
}
.abohijs {
  background: #fff;
}
.abohijs .contain {
  align-items: flex-start;
}
.abohijs-image {
  width: 600px;
  position: relative;
}
.abohijs-image .bg {
  width: 100%;
  object-fit: cover;
}
.abohijs-image .text {
  position: absolute;
  text-transform: uppercase;
  width: 150px;
  height: 150px;
  background: #d84a27;
  z-index: 4;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.abohijs-image .text img {
  width: 46px;
}
.abohijs-image .text p {
  margin-top: 20px;
}
.abohijs-cont {
  width: calc(100% - 600px);
  padding-left: 78px;
}
.abohijs-cont .title {
  line-height: 1.2;
}
.abohizd {
  background: #eaedf1;
}
.abohizd .contain {
  flex-direction: row-reverse;
}
.abohizd-image {
  width: 540px;
}
.abohizd-image img {
  width: 100%;
}
.abohizd-cont {
  width: calc(100% - 540px);
  padding-right: 78px;
}
.abohizd-cont .title {
  line-height: 1.3;
}
.abohizd-cont .text {
  max-width: 610px;
}
.abohicp {
  background: #fff;
}
.abohicp-list {
  width: 100%;
}
.abohicp-ul {
  margin: -58px 0 0 -58px;
}
.abohicp-link {
  width: calc(50% - 58px);
  margin: 58px 0 0 58px;
  position: relative;
  background: #f9f9f9;
  min-height: 206px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.abohicp-link .image {
  width: 294px;
  height: 194px;
  margin-top: -15px;
  background: #e8ebf0;
  padding: 12px;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.abohicp-link .image img {
  max-height: 100%;
  transition: all 0.6s ease;
}
.abohicp-link .cont {
  width: calc(100% - 294px);
  padding: 50px 36px 36px;
}
.abohicp-link .cont .title {
  transition: all 0.4s ease;
}
.abohicp-link .cont .title span {
  color: #d84a27;
}
.abohicp-link:hover .image {
  background: #dadde6;
}
.abohicp-link:hover .image img {
  transform: scale(1.1);
}
.abohicp-link:hover .cont .title {
  color: #d84a27;
}
.abohizl {
  background: #fff;
}
.abohizl .sonTitle {
  max-width: 620px;
  margin: 0 auto;
}
.abohizl .sonTitle .title {
  line-height: 1.6;
}
.abohizl-list {
  width: 100%;
}
.abohizl-list ul {
  margin: -28px 0 0 -28px;
}
.abohizl-list li {
  width: calc(33.3333% - 28px);
  margin: 28px 0 0 28px;
  background: #eff1f4;
  padding: 50px;
  transition: all 0.4s ease;
  text-align: center;
}
.abohizl-list li .icon {
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.abohizl-list li .icon img {
  max-height: 100%;
}
.abohizl-list li .text {
  width: 100%;
  opacity: 0.9;
}
.abohizl-list li:hover {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
}
.abohizl-list li:hover .icon {
  transform: translateY(-4px);
}
.abohilc {
  background: #f7f8fa;
  overflow: visible;
}
.abohilc-pc {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.abohilc-number {
  width: 264px;
  position: relative;
  z-index: 4;
}
.abohilc-number-mix {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  font-family: Arial;
  font-weight: 700;
  overflow: hidden;
}
.abohilc-number-mian,
.abohilc-number-run {
  height: 160px;
  z-index: 4;
  display: flex;
  align-items: center;
  position: relative;
}
.abohilc-number-mian {
  line-height: 1;
  color: #d84a27;
}
.abohilc-number-run ul {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.abohilc-number-run li {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  color: #ddd;
  transition: all 0.4s ease;
}
.abohilc-number-run li.active {
  color: #d84a27;
}
.abohilc-number-circle {
  position: sticky;
  width: 320px;
  height: 100vh;
  top: 0;
  left: 0;
  margin-left: -286px;
  display: flex;
  align-items: center;
}
.abohilc-number-circle svg {
  width: 320px;
  height: 320px;
}
.abohilc-number-circle .circle-bg {
  fill: none;
  stroke: #d8d9da;
  stroke-width: 0.1;
}
.abohilc-number-circle .circle {
  fill: none;
  stroke-width: 0.1;
  stroke-linecap: round;
  stroke: #d84a27;
}
.abohilc-list {
  width: 846px;
  color: #000;
  padding: calc((100vh - 110px) / 2) 0;
}
.abohilc-list li {
  padding: 40px 0;
  border-bottom: 1px solid #e6e6e6;
}
.abohilc-list li .cont,
.abohilc-mb-cont .cont {
  width: 100%;
  opacity: 0.9;
}
.abohilc-list li .cont span {
  color: #d84a27;
}
.abohilc-list li .cont label,
.abohilc-mb-cont .cont label {
  margin-right: 12px;
}
.abohilc-list li .cont b,
.abohilc-list li .cont a,
.abohilc-mb-cont .cont b,
.abohilc-mb-cont .cont a {
  font-family: "OB";
  transition: all 0.4s ease;
  font-weight: 400;
  border-bottom: 1px solid #000;
}
.abohilc-list li .cont a:hover,
.abohilc-mb-cont .cont a:hover {
  color: #d84a27;
  border-color: #d84a27;
}
.abohilc-list li .image,
.abohilc-mb-cont .image {
  width: 100%;
  overflow: hidden;
}
.abohilc-list li .image img,
.abohilc-mb-cont .image img {
  width: 100%;
}
/* -- */
.abohilc-mb {
  width: 100%;
  display: none;
}
.abohilc-mb .thumbs {
  width: 100%;
  position: relative;
  padding: 0 40px;
}
.abohilc-mb .thumbs-prev,
.abohilc-mb .thumbs-next {
  position: absolute;
  top: 0;
  z-index: 4;
  position: absolute;
  width: 30px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #bfbfbf;
  transition: all 0.4s ease;
}
.abohilc-mb .thumbs-prev {
  left: 0;
}
.abohilc-mb .thumbs-next {
  right: 0;
}
.abohilc-mb .thumbs-prev:hover,
.abohilc-mb .thumbs-next:hover {
  color: #e95f35;
}
.abohilc-mb .thumbs-click {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  justify-content: center;
  color: #bbb;
  transition: color 0.4s ease;
  font-family: Arial;
  position: relative;
}
.abohilc-mb .thumbs-click.active {
  font-weight: 700;
  color: #d84a27;
}
.abohilc-mb .gallery {
  width: 100%;
  position: relative;
  padding-top: 20px;
}
.abohilc-mb .gallery::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #cacedd;
  top: 0;
  left: 0;
}
/* -- */
.abohixx {
  background: #fff;
}
.abohixx-mix {
  width: 100%;
  align-items: flex-start;
}
.abohixx-mix .thumbs {
  width: 70px;
  position: relative;
  padding: 30px 0;
}
.abohixx-mix .thumbs .swiper-wrapper {
  height: 496px;
}
.abohixx-mix .thumbs .thumbs-click {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  justify-content: center;
  color: #bbb;
  transition: color 0.4s ease;
  font-family: Arial;
  position: relative;
}
.abohixx-mix .thumbs .thumbs-click::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  background: #fff;
  border: 3px solid #d84a27;
  transform: scale(0);
  opacity: 0;
  transition: all 0.4s ease;
}
.abohixx-mix .thumbs .thumbs-click.active {
  font-weight: 700;
  color: #1b2022;
}
.abohixx-mix .thumbs .thumbs-click.active::before {
  transform: scale(1);
  opacity: 1;
}
.abohixx-mix .thumbs .thumbs-click:hover {
  color: #1b2022;
}
.abohixx-mix .thumbs .thumbs-prev,
.abohixx-mix .thumbs .thumbs-next {
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 14px;
  color: #bfbfbf;
  transition: all 0.4s ease;
  text-align: center;
}
.abohixx-mix .thumbs .thumbs-prev {
  top: 0;
}
.abohixx-mix .thumbs .thumbs-next {
  bottom: 0;
}
.abohixx-mix .thumbs .thumbs-prev:hover,
.abohixx-mix .thumbs .thumbs-next:hover {
  color: #d84a27;
}
.abohixx-mix .gallery {
  width: calc(100% - 70px);
  padding-left: 180px;
  position: relative;
}
.abohixx-mix .gallery::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #cacedd;
  top: 0;
  left: 60px;
}
.abohixx-list {
  width: 100%;
  overflow-y: auto;
  padding-right: 60px;
  height: 646px;
}
.abohixx-list::-webkit-scrollbar {
  width: 2px;
}
.abohixx-list::-webkit-scrollbar-thumb {
  background: #e95f35;
}
.abohixx-list::-webkit-scrollbar-track {
  background: #cacedd;
}
.abohixx-list {
  scrollbar-color: #e95f35 #cacedd;
  scrollbar-width: thin;
}
.abohixx-list {
  scrollbar-face-color: #e95f35;
  scrollbar-shadow-color: #e95f35;
  scrollbar-arrow-color: #000;
  scrollbar-track-color: #cacedd;
}
.abohixx-list li {
  width: 100%;
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
}
.abohixx-list li:first-child {
  margin-top: 0;
}
.abohixx-list li .image {
  width: 480px;
}
.abohixx-list li .image img {
  width: 100%;
}
.abohixx-list li .cont {
  width: calc(100% - 480px);
  padding: 18px 60px;
}
.abohixx-list li .cont .title {
  color: #d84a27;
}
.abohixx-list li .cont .hint {
  width: 100%;
  max-width: 320px;
}
.abohixx-list li .cont .hint p {
  width: 100%;
  margin-top: 32px;
  padding-left: 28px;
  color: #505050;
}
.abohixx-list li .cont .hint p.sj {
  background: url("../images/pages/abohi6ic1.png") no-repeat left top 2px;
}
.abohixx-list li .cont .hint p.dz {
  background: url("../images/pages/abohi6ic2.png") no-repeat left top 1px;
}
.abohicx {
  background: #f7f8fa;
}
.abohicx-list {
  width: 100%;
}
.abohicx-list ul {
  align-items: flex-start;
  justify-content: space-between;
}
.abohicx-list li {
  width: 33.333%;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
}
/*.abohicx-list li:nth-child(2n)::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: #ebecee;}
.abohicx-list li:nth-child(2n){justify-content: flex-end;padding: 0 0 0 20px;}*/
.abohicx-list li .image {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.abohicx-list li .image img {
  max-height: 100%;
}
.abohicx-list li .text {
  opacity: 0.9;
  min-height: 56px;
}
.abohicx-list li .link a {
  width: 148px;
  margin: 0 auto;
}

/* about-us */
.abous {
  width: 100%;
}
.abousjs {
  background: #fff;
}
.abousjs-image {
  width: 440px;
}
.abousjs-image img {
  width: 100%;
}
.abousjs-cont {
  width: calc(100% - 440px);
  padding-left: 104px;
}
.abousjs-cont .title {
  line-height: 1.24;
}
.aboussz {
  background: #eaedf1;
}
.aboussz-list {
  width: 100%;
}
.aboussz-list ul {
  margin-left: 1px;
}
.aboussz-list li {
  width: 33.3333%;
  margin: -1px 0 0 -1px;
  cursor: pointer;
  padding: 100px 78px 130px;
  text-align: center;
  border: 1px solid #dfe2e5;
  border-bottom: none;
  position: relative;
}
.aboussz-list li .num,
.aboussz-list li .text {
  position: relative;
  z-index: 4;
  transition: all 0.4s ease;
}
.aboussz-list li .num {
  line-height: 1.28;
}
.aboussz-list li .text {
  color: #505050;
}
.aboussz-list li .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  opacity: 0;
  transition: all 0.4s ease;
}
.aboussz-list li:hover .bg {
  opacity: 1;
}
.aboussz-list li:hover .num {
  color: #e95f35;
}
.aboussz-list li:hover .text {
  color: #fff;
}
.aboustd {
  background: #fff;
}
.aboustd-list {
  width: 100%;
}
.aboustd-list ul {
  margin: -68px 0 0 -26px;
}
.aboustd-list li {
  width: calc(25% - 26px);
  margin: 68px 0 0 26px;
}
.aboustd-list li .image {
  width: 100%;
  overflow: hidden;
}
.aboustd-list li .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.aboustd-list li .cont {
  width: 100%;
  padding-top: 30px;
}
.aboustd-list li .cont .name {
  color: #d84a27;
  line-height: 1.2;
}
.aboustd-list li .cont .hint {
  color: #505050;
}
.aboustd-list li:hover .image img {
  transform: scale(1.1);
}

/* about-value */
.abova {
  width: 100%;
}
.abovaxx {
  background: #fff;
}
.abovaxx-list ul {
  margin: -40px 0 0 -40px;
}
.abovaxx-list li {
  width: calc(33.3333% - 40px);
  margin: 40px 0 0 40px;
  background: #f9f9f9;
  text-align: center;
}
.abovaxx-list li .image {
  width: 100%;
  overflow: hidden;
}
.abovaxx-list li .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.abovaxx-list li .text {
  width: 100%;
  padding: 48px 36px 66px;
  opacity: 0.9;
}
.abovaxx-list li:hover .image img {
  transform: scale(1.1);
}
.abovajs {
  background: #fff;
}
.abovajs-list {
  width: 100%;
}
.abovajs-list li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #f9f9f9;
  align-items: center;
  transition: all 0.4s ease;
}
.abovajs-list li:not(:first-child) {
  margin-top: 54px;
}
.abovajs-list li .image {
  width: 500px;
  overflow: hidden;
  height: 100%;
}
.abovajs-list li .image img {
  width: 100%;
  height: 100%;
  max-width: none;
  transition: all 0.6s ease;
}
.abovajs-list li .cont {
  width: calc(100% - 500px);
  padding: 44px 80px;
}
.abovajs-list li .cont .num {
  position: relative;
  line-height: 1;
  color: #eee;
}
.abovajs-list li .cont .num span {
  position: relative;
}
.abovajs-list li .cont .num span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 15%;
  width: 48%;
  background: #d84a27;
  height: 4px;
}
.abovajs-list li .cont .text {
  opacity: 0.9;
}
.abovajs-list li:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}

/* about-partnership */
.abopa {
  width: 100%;
}
.abopadt {
  background: #fff;
}
.abopadt-map {
  width: 922px;
  margin: 0 auto;
  position: relative;
}
.abopadt-map-bg {
  width: 100%;
}
.abopadt-map-dot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.abopadt-map-dot .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  animation: abopadtRun 1s ease both;
}
@keyframes abopadtRun {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.abopadt-map-dot .dot::before {
  content: "";
  width: 20px;
  height: 23px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  background: url("../images/pages/abopa1ic.png") no-repeat center/auto 100%;
}
.abopadt-map-dot .dot.dot1 {
  top: 36%;
  left: 13%;
}
.abopadt-map-dot .dot.dot2 {
  top: 21%;
  left: 19%;
}
.abopadt-map-dot .dot.dot3 {
  top: 29%;
  left: 28%;
}
.abopadt-map-dot .dot.dot4 {
  top: 13%;
  left: 29%;
}
.abopadt-map-dot .dot.dot5 {
  top: 16%;
  left: 31%;
}
.abopadt-map-dot .dot.dot6 {
  top: 7%;
  left: 33%;
}
.abopadt-map-dot .dot.dot7 {
  top: 7%;
  left: 34.5%;
}
.abopadt-map-dot .dot.dot8 {
  top: 11%;
  left: 38%;
}
.abopadt-map-dot .dot.dot9 {
  top: 11%;
  left: 40%;
}
.abopadt-map-dot .dot.dot10 {
  top: 16%;
  left: 39%;
}
.abopadt-map-dot .dot.dot11 {
  top: 48%;
  left: 49%;
}
.abopadt-map-dot .dot.dot12 {
  top: 35%;
  left: 50%;
}
.abopadt-map-dot .dot.dot13 {
  top: 32.5%;
  left: 52.5%;
}
.abopadt-map-dot .dot.dot14 {
  top: 37%;
  left: 52%;
}
.abopadt-map-dot .dot.dot15 {
  top: 29%;
  left: 54.5%;
}
.abopadt-map-dot .dot.dot16 {
  top: 33%;
  left: 54.5%;
}
.abopadt-map-dot .dot.dot17 {
  top: 31%;
  left: 56%;
}
.abopadt-map-dot .dot.dot18 {
  top: 36%;
  left: 55%;
}
.abopadt-map-dot .dot.dot19 {
  top: 33%;
  left: 57%;
}
/* .abopadt-map-dot .dot.dot20 {
  top: 26%;
  left: 58%;
}
.abopadt-map-dot .dot.dot21 {
  top: 30%;
  left: 60%;
}
.abopadt-map-dot .dot.dot22 {
  top: 35%;
  left: 61.5%;
} */
.abopadt-map-dot .dot.dot23 {
  top: 63%;
  left: 61%;
}
.abopadt-map-dot .dot.dot24 {
  top: 54.5%;
  left: 64%;
}
/* .abopadt-map-dot .dot.dot25 {
  top: 21%;
  left: 69%;
}
.abopadt-map-dot .dot.dot26 {
  top: 13%;
  left: 76%;
}
.abopadt-map-dot .dot.dot27 {
  top: 15%;
  left: 88%;
}
.abopadt-map-dot .dot.dot28 {
  top: 24%;
  left: 78%;
}
.abopadt-map-dot .dot.dot29 {
  top: 29%;
  left: 82%;
}
.abopadt-map-dot .dot.dot30 {
  top: 31%;
  left: 80%;
} */
.abopadt-map-dot .dot.dot31 {
  top: 37%;
  left: 74%;
}
.abopadt-map-dot .dot.dot32 {
  top: 46%;
  left: 70.5%;
}
.abopadt-map-dot .dot.dot33 {
  top: 44%;
  left: 77%;
}
.abopadt-map-dot .dot.dot34 {
  top: 42%;
  left: 80%;
}
.abopadt-map-dot .dot.dot35 {
  top: 70%;
  left: 30%;
}
.abopadt-map-dot .dot.dot36 {
  top: 73%;
  left: 33%;
}
.abopadt-map-dot .dot.dot37 {
  top: 83%;
  left: 93%;
}
.abopadt-map-dot .dot.dot38 {
  top: 45%;
  left: 59.3%;
}
.abopadt-list {
  width: 100%;
  text-align: center;
}
.abopadt-list ul {
  margin: -20px 0 0 -20px;
}
.abopadt-list li {
  width: calc(100% / 6 - 20px);
  margin: 20px 0 0 20px;
}
.abopadt-list li .image {
  width: 100%;
  transition: all 0.4s ease;
}
.abopadt-list li .image img {
  width: 100%;
}
.abopadt-list li .text {
  padding: 16px 0;
}
.abopadt-list li:hover .image {
  transform: translateY(-4px);
}
.abopafw {
  background: #f4f6f9;
}
.abopafw-list {
  width: 100%;
}
.abopafw-list ul {
  align-items: flex-start;
  justify-content: space-between;
}
.abopafw-list li {
  width: auto;
  text-align: center;
  padding: 0 20px;
}
.abopafw-list li:first-child {
  padding-left: 0;
}
.abopafw-list li:last-child {
  padding-right: 0;
}
.abopafw-list li .text {
  opacity: 0.9;
}
.abopafw-hint {
  opacity: 0.9;
  width: 100%;
  text-align: center;
}

/* about-quality */
.aboqu {
  width: 100%;
}
.aboqujs {
  background: #fff;
}
.aboqujs-image {
  width: 478px;
}
.aboqujs-image img {
  width: 100%;
}
.aboqujs-cont {
  width: calc(100% - 478px);
  padding-left: 70px;
}
.aboqujs-cont .hint {
  opacity: 0.9;
}
.aboqujs-cont .title {
  line-height: 1.3;
}
.aboqujs-cont .text {
  opacity: 0.9;
}
.aboqujs-cont .text span {
  font-weight: 700;
  border-bottom: 1px solid #000;
}
.aboqulc {
  background: #fff;
}
.aboqulc-items {
  width: 100%;
  overflow: hidden;
}
.aboqulc-items:nth-child(2n + 1) {
  background: #f4f6f9;
}
.aboqulc-list {
  width: 100%;
}
.aboqulc-list li {
  width: auto;
  flex: 1;
  text-align: center;
  padding: 20px 32px 42px;
  position: relative;
}
.aboqulc-list li .icon {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 54px;
  width: 100%;
  transition: all 0.4s ease;
}
.aboqulc-list li .icon img {
  max-height: 100%;
}
.aboqulc-list li .text {
  color: #505050;
}
.aboqulc-list li:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(128, 128, 128, 0.1);
}
/*.aboqulc-items:not(:first-child) .aboqulc-list li{padding: 20px 80px 42px;}*/
.aboqulc-list li:hover .icon {
  transform: translateY(-4px);
}
.aboquzs {
  background: #fff;
}
.aboquzs-list {
  width: 100%;
}
.aboquzs-list ul {
  margin-left: -20px;
}
.aboquzs-list li {
  width: 315px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aboquzs-list li a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.aboquzs-list li a:not(:first-child) {
  margin-top: 20px;
}
.aboquzs-list li a img {
  width: 100%;
  height: 100%;
  transition: all 0.6s ease;
}
.aboquzs-list li a .text {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 4;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: scale(0.88);
}
.aboquzs-list li a:hover img {
  transform: scale(1.1);
}
.aboquzs-list li a:hover .text {
  opacity: 1;
  transform: scale(1);
}
.aboquzs-list li:first-child {
  width: auto;
  flex: 1;
}
.aboquzs-list li:first-child a .text {
  opacity: 1;
  height: auto;
  padding: 20px;
  transform: scale(1);
}
.aboqusp {
  background: #f4f6f9;
}
.clickVideo {
  max-width: 772px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.clickVideo * {
  transition: all 0.4s ease;
}
.clickVideo .bg {
  width: 100%;
}
.clickVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 2;
}
.clickVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 2;
}
.clickVideo .btn {
  position: absolute;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  cursor: pointer;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(0, 0, 10px);
  background: rgba(0, 0, 0, 0.6) url("../images/pages/aboqu4ic.png") no-repeat
    center;
}
.clickVideo .btn:hover {
  background-color: #fff;
  background-image: url("../images/pages/aboqu4icH.png");
}
.clickVideo.active video {
  opacity: 1;
}
.clickVideo.active iframe {
  opacity: 1;
}
.clickVideo.active .bg {
  opacity: 0;
}
.clickVideo.active .btn {
  opacity: 0;
  pointer-events: none;
}
.aboqucp {
  background: #eff1f3;
}
.aboqucp-list {
  width: 100%;
}
.aboqucp-ul {
  margin: -40px 0 0 -40px;
}
.aboqucp-link {
  display: block;
  width: calc(33.3333% - 40px);
  margin: 40px 0 0 40px;
  position: relative;
  overflow: hidden;
}
.aboqucp-link-image {
  width: 100%;
  position: relative;
  padding-right: 30px;
}
.aboqucp-link-image::before {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  right: 0;
  bottom: 0;
  background: #fff;
}
.aboqucp-link-image .image {
  position: relative;
  overflow: hidden;
  z-index: 4;
  width: 100%;
  background: #e8ebf0;
  transition: all 0.4s ease;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboqucp-link-image .image img {
  transition: all 0.6s ease;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
.aboqucp-link-cont {
  width: 100%;
  padding-left: 30px;
}
.aboqucp-link-cont .cont {
  width: 100%;
  background: #fff;
  height: 86px;
  align-items: center;
  padding: 0 30px;
  justify-content: space-between;
}
.aboqucp-link-cont .cont .title {
  color: #000;
  width: calc(100% - 100px);
}
.aboqucp-link-cont .cont i {
  width: 48px;
  height: 42px;
  position: relative;
  background: url("../images/index/indcpL.png") no-repeat center/100% auto;
  transition: all 0.4s ease;
}
.aboqucp-link-cont .cont i::before,
.aboqucp-link-cont .cont i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.4s ease;
}
.aboqucp-link-cont .cont i::before {
  width: 22px;
  height: 14px;
  background: url("../images/index/indcpArr.png") no-repeat center;
  margin: -7px 0 0 -11px;
}
.aboqucp-link-cont .cont i::after {
  width: 18px;
  height: 16px;
  background: url("../images/index/indcpArrH.png") no-repeat center;
  margin: -8px 0 0 -9px;
  opacity: 0;
  transform: scale(0);
}
.aboqucp-link.left .aboqucp-link-image .image {
  align-items: flex-end;
  justify-content: flex-start;
}
.aboqucp-link.right .aboqucp-link-image .image {
  align-items: flex-end;
  justify-content: flex-end;
}
.aboqucp-link:hover .aboqucp-link-image .image {
  background: #dadde6;
}
.aboqucp-link:hover .aboqucp-link-image .image img {
  transform: scale(1.1);
}
.aboqucp-link:hover .aboqucp-link-cont .cont i {
  background-image: url("../images/index/indcpLH.png");
}
.aboqucp-link:hover .aboqucp-link-cont .cont i::before {
  opacity: 0;
  transform: scale(0);
}
.aboqucp-link:hover .aboqucp-link-cont .cont i::after {
  opacity: 1;
  transform: scale(1);
}

/* contact-partners */
.contpa {
  width: 100%;
}
.contpawm {
  background: #fff;
}
.contpawm-list {
  width: 100%;
}
.contpawm-list ul {
  justify-content: center;
}
.contpawm-list li {
  width: 244px;
  text-align: center;
  background: #f9f9f9;
  padding: 60px 20px 100px;
  transition: all 0.4s ease;
}
.contpawm-list li .ico {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: all 0.4s ease;
}
.contpawm-list li .ico img {
  max-height: 100%;
}
.contpawm-list li .text {
  color: #393939;
}
.contpawm-list li:not(:first-child) {
  margin-left: 46px;
}
.contpawm-list li:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
}
.contpawm-list li:hover .ico {
  transform: translateY(-4px);
}
.contpahb {
  background: #f4f6f9;
}
.contpahb-loop {
  width: 100%;
}
.contpahb-loop .swiper-pagination {
  position: relative;
}
.contpahb-link {
  width: 100%;
  background: #fff;
  padding: 32px 30px 48px;
}
.contpahb-link .image {
  width: 100%;
  height: 180px;
  border: 1px solid #f2f2f2;
  padding: 16px;
}
.contpahb-link .image img {
  max-height: 100%;
  transition: all 0.6s ease;
}
.contpahb-link .cont {
  padding-top: 32px;
  width: 100%;
}
.contpahb-link .text {
  opacity: 0.8;
}
.contpahb-link .link {
  justify-content: center;
}
.contpahb-link .link a {
  width: 148px;
}
.contpahb-link:hover .image img {
  transform: scale(1.06);
}
.contpayy {
  background: #fff;
}
.contpayy-loop {
  width: 100%;
  position: relative;
  padding: 0 180px;
}
.contpayy-loop .swiper-pagination {
  position: relative;
}
.contpayy-info {
  width: 100%;
  text-align: center;
}
.contpayy-info .ico {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #d84a27;
  margin: 0 auto;
}
.contpayy-info .ico img {
  width: 45px;
}
.contpayy-info .hint {
  opacity: 0.7;
}
.contpayy-prev,
.contpayy-next {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #d6d6d6;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  transition: all 0.4s ease;
  background: url("../images/pages/contpa3arr.png") no-repeat center;
}
.contpayy-prev {
  left: -50px;
}
.contpayy-next {
  right: -50px;
  transform: rotate(180deg);
}
.contpayy-prev:hover,
.contpayy-next:hover {
  border-color: #d84a27;
  background-image: url("../images/pages/contpa3arrH.png");
}
.contpajr {
  background: #f4f6f9;
}
.contpajr .toMessage-form {
  width: 100%;
  background: #fff;
  padding: 62px 64px 80px;
}
.contpajr .toMessage-form li input {
  border-bottom: 1px solid #f0f0f0;
}
.contpajr .toMessage-form li button {
  width: 148px;
  border: none;
  background: #d84a27;
  transition: all 0.4s ease;
}
.contpajr .toMessage-form li button::before {
  display: none;
}
.contpajr .toMessage-form li button span {
  color: #fff;
}
.contpajr .toMessage-form li button i {
  background: none;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  width: auto;
  height: auto;
}
.contpajr .toMessage-form li button i::before {
  content: "\e622";
  font-family: "icon";
}
.contpajr .toMessage-form li button:hover {
  box-shadow: 0 6px 16px rgba(216, 74, 39, 0.4);
}
.contpajr .toMessage-form li button:hover i {
  transform: translateX(4px) scale(1.2);
}
.contpagm {
  background: #fff;
}
.contpagm-link {
  width: 100%;
  justify-content: center;
}
.contpagm-link .btn {
  margin: 0 auto;
  height: 58px;
  background: #d84a27;
  color: #fff;
  padding: 0 20px;
  transition: all 0.4s ease;
  user-select: none;
}
.contpagm-link .btn span {
  padding-left: 30px;
  background: url("../images/pages/contpa4ic.png") no-repeat left center;
  height: 24px;
  line-height: 24px;
}
.contpagm-link .btn:hover {
  box-shadow: 0 6px 16px rgba(216, 74, 39, 0.4);
}
.contpagm-map {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.contpagm-map-bg {
  width: 100%;
}
.contpagm-map-dot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.contpagm-map-dot .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.contpagm-map-dot.animated .dot {
  animation: contpagmRun 1s ease both;
}
@keyframes contpagmRun {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.contpagm-map-dot .dot::before {
  content: "";
  width: 20px;
  height: 23px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  background: url("../images/pages/contpa4icH.png") no-repeat center/auto 100%;
}
.contpagm-map-dot .dot.dot1 {
  top: 38%;
  left: 26.5%;
}
.contpagm-map-dot .dot.dot2 {
  top: 51%;
  left: 27.5%;
}
.contpagm-map-dot .dot.dot3 {
  top: 46.5%;
  left: 31.5%;
}
.contpagm-map-dot .dot.dot4 {
  top: 24%;
  left: 37%;
}
.contpagm-map-dot .dot.dot5 {
  top: 24%;
  left: 37.8%;
}
.contpagm-map-dot .dot.dot6 {
  top: 29%;
  left: 36.5%;
}
.contpagm-map-dot .dot.dot7 {
  top: 32%;
  left: 36%;
}
.contpagm-map-dot .dot.dot8 {
  top: 47%;
  left: 46.4%;
}
.contpagm-map-dot .dot.dot9 {
  top: 51%;
  left: 51%;
}
.contpagm-map-dot .dot.dot10 {
  top: 34%;
  left: 53%;
}
.contpagm-map-dot .dot.dot11 {
  top: 30%;
  left: 58%;
}
.contpagm-map-dot .dot.dot12 {
  top: 35%;
  left: 64%;
}
.contpagm-map-dot .dot.dot13 {
  top: 43%;
  left: 52.5%;
}
.contpagm-map-dot .dot.dot14 {
  top: 40%;
  left: 59%;
}
.contpagm-map-dot .dot.dot15 {
  top: 48.5%;
  left: 54.6%;
}
.contpagm-map-dot .dot.dot16 {
  top: 46%;
  left: 59.5%;
}
.contpagm-map-dot .dot.dot17 {
  top: 44%;
  left: 60.3%;
}
.contpagm-map-dot .dot.dot18 {
  top: 52%;
  left: 56%;
}
.contpagm-map-dot .dot.dot19 {
  top: 60%;
  left: 55.5%;
}
.contpagm-map-dot .dot.dot20 {
  top: 59%;
  left: 58%;
}
.contpagm-map-dot .dot.dot21 {
  top: 55.5%;
  left: 59.6%;
}
.contpagm-map-dot .dot.dot22 {
  top: 35%;
  left: 36%;
}
.contpaxx {
  background: #fff;
}
.contpaxx-info {
  width: 100%;
  position: relative;
  background: #f6f6f6 url("../images/pages/contpa5.png") no-repeat right 7%
    bottom/auto 78.5%;
  padding: 90px 240px 100px 40px;
}
.contpaxx-info li {
  width: 33.333%;
  text-align: center;
  padding: 0 40px;
}
.contpaxx-info li .title {
  line-height: 1.3;
}

/* contact-career */
.contca {
  width: 100%;
}
.contcass {
  background: #fff;
}
.contcass-search {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.contcass-search input {
  width: 100%;
  font-size: 16px;
  color: #000;
  padding: 0 78px 0 32px;
  height: 58px;
  background: #f9f9f9;
  transition: border 0.4s ease;
  border: 1px solid #fff;
}
.contcass-search input::-webkit-input-placeholder {
  color: #b7b7b7;
  font-size: 16px;
}
.contcass-search input:-moz-placeholder {
  color: #b7b7b7;
  font-size: 16px;
}
.contcass-search input::-moz-placeholder {
  color: #b7b7b7;
  font-size: 16px;
}
.contcass-search input:-ms-input-placeholder {
  color: #b7b7b7;
  font-size: 16px;
}
.contcass-search button {
  position: absolute;
  width: 78px;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 20px;
  color: #000;
  transition: all 0.4s ease;
  font-weight: 700;
}
.contcass-search button::before {
  content: "\e649";
  font-family: "icon";
}
.contcass-search button:hover {
  color: #d84a27;
}
.contcass-search input:focus {
  border-color: #ebebeb;
}
.contcass-hint {
  width: 100%;
  text-align: center;
  color: #000;
}
.contcamk {
  background: #fff;
}
.contcamk-items {
  width: 100%;
  overflow: hidden;
}
.contcamk-items:nth-child(2n) {
  background: #f4f6f9;
}
.contcamk-link {
  width: 100%;
  justify-content: center;
}
.contcamk-link a {
  width: auto;
  padding: 0 24px;
}
.contcamk-mix {
  width: 100%;
}
.contcamk-image {
  width: 100%;
}
.contcamk-image img {
  width: 100%;
}
.contcamk-cont {
  width: 100%;
  align-items: flex-start;
}
.contcamk-cont .name {
  width: 378px;
  padding-right: 30px;
}
.contcamk-cont .text {
  width: calc(100% - 378px);
}
.contcacz {
  background: #fff;
}
.contcacz-bg {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.contcacz .contain {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  text-align: center;
}
.contcacz-cont {
  width: 720px;
  border: 4px solid #fff;
  line-height: 1.8;
  padding: 50px 20px;
}
.contcacz-cont p {
  line-height: inherit;
}

/* contact-career详情 */
.contxq {
  width: 100%;
}
.contxqlb {
  background: #fff;
}
.contxqlb-list li {
  width: 100%;
  position: relative;
  background: #f9f9f9;
}
.contxqlb-list li:not(:first-child) {
  margin-top: 10px;
}
.contxqlb-click {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100px;
  padding: 0 80px 0 38px;
  user-select: none;
  cursor: pointer;
}
.contxqlb-click .name {
  color: #000;
  transition: all 0.4s ease;
  width: calc(100% - 200px);
}
.contxqlb-click .time {
  color: #000;
  opacity: 0.5;
}
.contxqlb-click:hover .name {
  color: #d84a27;
}
.contxqlb-click::after {
  content: "\e61f";
  font-family: "icon";
  font-size: 18px;
  color: #d84a27;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -14px;
}
.contxqlb-click.active::after {
  content: "\e61e";
}
.contxqlb-drop {
  width: 100%;
  padding: 0 80px 38px 38px;
  color: #000;
  display: none;
}
.contxqlb-drop * {
  line-height: inherit;
}
.contxqlb-drop p {
  opacity: 0.7;
}
.contxqlb-drop h6 {
  font-weight: 700;
}
.contxqlb-drop h4 {
  font-weight: 700;
  font-size: 18px;
}
.contxqlb-drop h4 span,
.contxqlb-drop h6 span,
.contxqlb-drop h4 a,
.contxqlb-drop h6 a {
  color: #d84a27;
  transition: all 0.4s ease;
  border-bottom: 1px solid transparent;
}
.contxqlb-drop h4 a:hover,
.contxqlb-drop h6 a:hover {
  border-color: #d84a27;
}

/* contact-联系 */
.contlx {
  width: 100%;
}
.contlxxy {
  background: #fff;
}
.contlxxy-hint {
  width: 100%;
  text-align: center;
}
.contlxxy-hint p {
  line-height: inherit;
}
.contlxxy-hint a {
  font-family: "OR";
  color: #d84a27;
  position: relative;
}
.contlxxy-hint a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d84a27;
  left: 0;
  bottom: 2px;
}
.contlxwm {
  background: #f4f6f9;
}
.contlxwm-list {
  width: 100%;
}
.contlxwm-list ul {
  margin: -44px 0 0 -20px;
}
.contlxwm-list li {
  width: calc(33.3333% - 20px);
  margin: 44px 0 0 20px;
}
.contlxwm-list li .title {
  line-height: 1.3;
}
.contlxwm-list li .link {
  align-items: center;
  font-size: 0;
}
.contlxwm-list li .link a {
  position: relative;
}
.contlxwm-list li .link a:not(:first-child) {
  margin-left: 28px;
}
.contlxwm-list li .link a img {
  transition: all 0.4s ease;
  max-width: 27px;
  max-height: 20px;
}
.contlxwm-list li .link a img.h {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.contlxwm-list li .link a:hover img.s {
  opacity: 0;
}
.contlxwm-list li .link a:hover img.h {
  opacity: 1;
}

/* support-service */
.supse {
  width: 100%;
}
.supsexw {
  background: #f7f8fa;
}
.supsexw-loop {
  width: 100%;
}
.supsexw-loop .swiper-container {
  width: 1316px;
  overflow: visible;
  margin: 0 auto;
}
.supsexw-loop-mix {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all 1s ease;
}
.supsexw-loop-image {
  width: 685px;
  position: relative;
  overflow: hidden;
  display: block;
}
.supsexw-loop-image img {
  width: 100%;
  transition: all 0.6s ease;
}
.supsexw-loop-mix:hover .supsexw-loop-image img {
  transform: scale(1.1);
}
.supsexw-loop-cont {
  width: calc(100% - 685px);
  height: 586px;
  background: #b5b5b5;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 104px;
}
.supsexw-loop-cont .time {
  text-align: right;
}
.supsexw-loop-mix:hover .supsexw-loop-cont {
  background: #9d9d9d;
}
.swiper-slide-prev .supsexw-loop-mix {
  transform-origin: right center;
}
.swiper-slide-next .supsexw-loop-mix {
  transform-origin: left center;
}
.supsexw-loop-mix {
  transform: scale(0.6);
}
.swiper-slide-active .supsexw-loop-mix {
  transform: scale(1);
}
.supsexw-loop .swiper-pagination {
  position: relative;
}
.supsexx {
  background: #fff;
}
.supsexx-list {
  width: 100%;
}
.supsexx-list ul {
  margin: -80px 0 0 -80px;
}
.supsexx-list li {
  width: calc(33.3333% - 80px);
  margin: 80px 0 0 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.supsexx-head {
  width: 100%;
}
.supsexx-head .title {
  line-height: 1.3;
}
.supsexx-link {
  width: 100%;
}
.supsexx-link a {
  width: 148px;
  margin: 0 auto;
}
.supsetd {
  background: #f4f6f9;
}
.supsetd {
  width: 100%;
}
.supsetd li {
  width: 50%;
  position: relative;
  display: flex;
}
.supsetd li:nth-child(2n + 1) {
  padding-right: 30px;
  justify-content: flex-start;
}
.supsetd li:nth-child(2n) {
  padding-left: 30px;
  justify-content: flex-end;
}
.supsetd li:nth-child(2n)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #e8eaed;
}
.supsetd-mix {
  max-width: 468px;
}
.supsetd-mix .ico {
  width: 92px;
}
.supsetd-mix .ico img {
  max-width: 53px;
}
.supsetd-mix .cont {
  width: calc(100% - 92px);
}
.supsetd-mix .cont .title {
  line-height: 1.3;
}
.supsetd-mix .cont .text {
  color: #505050;
}
.supsesz {
  background: #fff;
}
.supsesz-number {
  width: 100%;
}
.supsesz-number li {
  width: auto;
  flex: 1;
  text-align: center;
  padding: 20px 48px 54px;
  position: relative;
}
.supsesz-number li .num {
  line-height: 1;
}
.supsesz-number li .text {
  color: #505050;
}
.supsesz-number li:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #f2f2f2;
}
.supsesz-link {
  width: 100%;
}
.supsesz-link a {
  width: 148px;
  margin: 0 auto;
}
.supselx {
  background: #f4f6f9;
}
.supselx-mix {
  width: 740px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #fff;
}
.supselx-name {
  background: #a0a0a0;
  height: 110px;
  padding: 0 80px;
  align-items: center;
  color: #fff;
}
.supselx-list {
  padding: 34px 80px 54px;
}
.supselx-list li {
  width: 100%;
  padding: 10px 0;
}
.supselx-list li p {
  line-height: 22px;
  color: #515151;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: left top;
}
.supselx-list li p.dz {
  background-image: url("../images/pages/supse2_1.png");
}
.supselx-list li p.sj {
  background-image: url("../images/pages/supse2_2.png");
  background-position: left top 2px;
}
.supselx-list li p.yx {
  background-image: url("../images/pages/supse2_3.png");
  background-position: left top 4px;
}
.supselx-list li p.fw {
  background-image: url("../images/pages/supse2_4.png");
  background-position: left top 2px;
}
.supsezc {
  background: #fff;
}
.supsezc .contain {
  border-bottom: 1px solid #eaeaea;
}
.supsezc .sonTitle .text {
  max-width: 1012px;
  margin-left: auto;
  margin-right: auto;
}
.supsezc-link {
  width: 100%;
}
.supsezc-link a {
  width: 148px;
  margin: 0 auto;
}
.supsezc-list {
  width: 100%;
}
.supsezc-list ul {
  margin: -24px 0 0 -24px;
}
.supsezc-list li {
  width: calc(33.3333% - 24px);
  margin: 24px 0 0 24px;
  background: #fff;
  padding: 66px 20px;
  text-align: center;
}
.supsezc-list li .title {
  line-height: 1.3;
}

/* support-download */
.supdo {
  width: 100%;
}
.supdowd {
  background: #fff;
}
.supdowd-menu {
  width: 100%;
  justify-content: center;
}
.supdowd-menu a {
  position: relative;
  height: 40px;
  color: #000;
}
.supdowd-menu a::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #d84a27;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 0;
  transition: width 0.4s ease, opacity 0.1s ease 0.4s;
}
.supdowd-menu a:not(:first-child) {
  margin-left: 100px;
}
.supdowd-menu a.active {
  font-family: "OH";
}
.supdowd-menu a.active::before,
.supdowd-menu a:hover:before {
  width: 100%;
  opacity: 1;
  right: auto;
  left: 0;
  transition: width 0.4s ease 0.1s, opacity 0.1s ease;
}
.supdowd-items {
  width: 100%;
}
.supdowd .aboqucp-link-cont .cont,
.supdowd .aboqucp-link-image::before {
  background: #f9f9f9;
}
.supdodl {
  background: #f9f9f9;
}
.supdodl-no,
.supdodl-yes {
  width: 100%;
}
.supdodl-form {
  width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.supdodl-form li {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.supdodl-form li:first-child {
  margin-top: 0;
}
.supdodl-form li input {
  width: 100%;
  background: #fff;
  height: 58px;
  padding: 0 28px;
  font-size: 16px;
  color: #000;
}
.supdodl-form li input::-webkit-input-placeholder {
  color: #505050;
  font-size: 16px;
}
.supdodl-form li input:-moz-placeholder {
  color: #505050;
  font-size: 16px;
}
.supdodl-form li input::-moz-placeholder {
  color: #505050;
  font-size: 16px;
}
.supdodl-form li input:-ms-input-placeholder {
  color: #505050;
  font-size: 16px;
}
.supdodl-form li button {
  width: 48.5%;
  height: 58px;
  background: #d84a27;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.supdodl-form li button:hover {
  box-shadow: 0 4px 16px 0 rgba(216, 74, 39, 0.4);
}
.supdodl-hint {
  width: 100%;
  text-align: center;
  color: #505050;
}
.supdodl-form-btn {
  display: flex;
  justify-content: space-between;
}
.supdoxz {
  background: #fff;
}
.supdoxz-list {
  width: 100%;
}
.supdoxz-list ul {
  justify-content: center;
  margin-top: -28px;
}
.supdoxz-list li {
  width: 25%;
  position: relative;
  padding: 0 20px;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.supdoxz-list li:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #f2f2f2;
}
.supdoxz-list li .info {
  width: 100%;
}
.supdoxz-list li .ico {
  display: flex;
  align-items: flex-end;
  height: 50px;
  margin: 0 auto;
  width: 50px;
  justify-content: center;
}
.supdoxz-list li .ico img {
  max-height: 100%;
}
.supdoxz-list li .name {
  line-height: 1.3;
  color: #000;
}
.supdoxz-list li .text {
  color: #505050;
}
.supdoxz-list li .link {
  width: 100%;
}
.supdoxz-list li .link a {
  margin: 0 auto;
  width: 148px;
}
.supdoxz-list li .link a span {
  position: relative;
  padding-right: 30px;
}
.supdoxz-list li .link a span::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  right: 0;
  top: 50%;
  margin: -11px 0 0;
  background: url("../images/pages/supdoArr.svg") no-repeat center/100% auto;
}
.supdork {
  background: #f7f8fa;
}
.supdork-list {
  width: 100%;
}
.supdork-list li {
  width: 50%;
  position: relative;
  padding: 0 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.supdork-list li:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #e9e9e9;
}
.supdork-list li .info {
  width: 100%;
  color: #000;
}
.supdork-list li .name {
  line-height: 1.3;
}
.supdork-list li .link {
  width: 100%;
}
.supdork-list li .link a {
  margin: 0 auto;
  width: 148px;
}

/* support-faq */
.supfa {
  width: 100%;
}
.supfawt {
  background: #fff;
}
.supfawt-mix {
  width: 100%;
  align-items: flex-start;
}
.supfawt-mix-menu {
  border-left: 1px solid #e1e1e2;
  width: 300px;
}
.supfawt-mix-menu a {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 24px;
  position: relative;
  transition: all 0.4s ease;
  color: #696970;
}
.supfawt-mix-menu a:not(:first-child) {
  margin-top: 14px;
}
.supfawt-mix-menu a::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -2px;
  background: #d84a27;
  opacity: 0;
  transition: height 0.4s ease, opacity 0.1s ease 0.4s;
}
.supfawt-mix-menu a.active {
  color: #000;
  font-family: "OB";
}
.supfawt-mix-menu a.active::before,
.supfawt-mix-menu a:hover:before {
  height: 100%;
  opacity: 1;
  transition: height 0.4s ease 0.1s, opacity 0.1s ease;
}
.supfawt-mix-box {
  width: calc(100% - 300px);
  padding-left: 20px;
}
.supfawt-mix-box .items {
  width: 100%;
  display: none;
}
.supfawt-mix-box .items.active {
  display: block;
}
.supfawt-mix-hint {
  color: #d84a27;
  height: 40px;
  display: flex;
  align-items: center;
}
.supfawt-mix-list {
  width: 100%;
}
.supfawt-mix-list li {
  width: 100%;
  position: relative;
  background: #f9f9f9;
}
.supfawt-mix-list li:not(:first-child) {
  margin-top: 10px;
}
.supfawt-mix-click {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 86px;
  padding: 0 80px 0 32px;
  user-select: none;
  cursor: pointer;
}
.supfawt-mix-click .name {
  color: #30323b;
  transition: all 0.4s ease;
  width: 100%;
}
.supfawt-mix-click:hover .name {
  color: #d84a27;
}
.supfawt-mix-click::after {
  content: "\e61f";
  font-family: "icon";
  font-size: 18px;
  color: #d84a27;
  font-weight: 700;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -14px;
}
.supfawt-mix-click.active::after {
  content: "\e61e";
}
.supfawt-mix-drop {
  width: 100%;
  padding: 0 80px 50px 32px;
  color: rgba(0, 0, 0, 0.5);
  display: none;
}
.supfawt-mix-drop * {
  line-height: inherit;
}

/* support-calculator */
.supca {
  width: 100%;
}
.supcajs {
  width: 100%;
  background: #fff;
}
.supcajs .contain {
  background: #f6f6f6;
}
.supcajs-title {
  color: #d84a27;
  text-align: center;
}
.supcajs .contain > div {
  min-height: 564px;
  display: none;
}
.supcajs .contain > div.active {
  display: block;
}
.supcajs-menu {
  width: 100%;
  background: #f0f0f0;
}
.supcajs-menu li {
  user-select: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  transition: all 0.4s ease;
  position: relative;
}
.supcajs-menu li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background: #d84a27;
  opacity: 0;
  transition: all 0.4s ease;
}
.supcajs-menu li.active {
  font-family: "OB";
  color: #d84a27;
}
.supcajs-menu li.active::before {
  opacity: 1;
}
.supcajs-mix {
  width: 100%;
}
.supcajs-mix > div.items {
  display: none;
  width: 100%;
}
.supcajs-mix > div.items.active {
  display: block;
}
.supcajs-btn {
  width: 100%;
  justify-content: center;
}
.supcajs-btn .sonMore span::after {
  display: none;
}
.supcajs-btn .sonMore.prev {
  background: #c7c7c7;
}
.supcajs-btn .sonMore.prev:hover {
  box-shadow: 0 6px 16px rgba(195, 195, 195, 0.4);
}
.supcajs-btn .sonMore:not(:first-child) {
  margin-left: 16px;
}
.supcajs-mix-box {
  width: 100%;
}
.supcajs-mix-box > ul {
  justify-content: center;
  margin: -40px 0 0 -80px;
}
.supcajs-mix-box > ul > li {
  width: 300px;
  margin: 40px 0 0 80px;
  display: flex;
  align-items: flex-end;
}
.supcajs-mix-box > ul > li .ico {
  max-width: 60px;
  height: 54px;
  display: flex;
  align-items: center;
}
.supcajs-mix-box > ul > li .ico img {
  max-height: 100%;
}
.supcajs-info {
  flex: 1;
}
.supcajs-info .text {
  color: #000;
  height: 24px;
  line-height: 1;
  padding-left: 28px;
}
.supcajs-info .tellme {
  width: 100%;
  position: relative;
  padding-left: 28px;
}
.supcajs-info .tellme input {
  width: 100%;
  font-size: 18px;
  color: #000;
  height: 54px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0 54px 0 14px;
  transition: border 0.4s ease;
}
.supcajs-info .tellme span {
  position: absolute;
  font-size: 18px;
  color: #000;
  height: 20px;
  display: flex;
  align-items: center;
  top: 50%;
  margin-top: -10px;
  right: 18px;
}
.supcajs-info .tellme input:focus {
  border-color: #d84a27;
}
.supcajs-info .tellme input.s3-2 {
  color: #ddd;
}
.supcajs-info .tellme input.s3-2.focus {
  color: #000;
}
/* -- */
.supcajs-info .tellme .customSelect {
  display: block;
  width: 100%;
  position: relative;
  user-select: none;
}
.supcajs-info .tellme .customSelect-name {
  display: flex;
  align-items: center;
  height: 54px;
  position: relative;
  border: 1px solid #ddd;
  padding: 0 14px;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  background: #fff;
}
.supcajs-info .tellme .customSelect-name::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 14px;
  top: 50%;
  margin-top: -8px;
  background: url("../images/pages/jsArr.png") no-repeat center;
}
.supcajs-info .tellme .customSelect-drop {
  display: none;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 54px;
  max-height: 202px;
  border: 1px solid #ddd;
  border-top: none;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  background: #fff;
  cursor: pointer;
}
.supcajs-info .tellme .customSelect-drop li {
  padding: 0 14px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 18px;
  color: #000;
  transition: all 0.4s ease;
}
.supcajs-info .tellme .customSelect-drop li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #eee;
}
.supcajs-info .tellme .customSelect-drop li:last-child::after {
  display: none;
}
.supcajs-info .tellme .customSelect-drop li:hover,
.supcajs-info .tellme .customSelect-drop li.active {
  background: #fbfbfb;
  color: #000;
}
.supcajs-info .tellme .customSelect-name.noRadius::after {
  transform: rotate(180deg);
}
/* -- */
.supcajs-result {
  width: 100%;
  padding: 60px 60px;
}
.supcajs-result .aboqucp-ul {
  margin: -30px 0 0 -30px;
}
.supcajs-result .aboqucp-link {
  width: calc(33.3333% - 30px);
  margin: 30px 0 0 30px;
}
.supcajs-result .aboqucp-link-cont .cont {
  height: 62px;
  padding: 0 24px;
}
.supcajs-result .aboqucp-link-image {
  padding-right: 24px;
}
.supcajs-result .aboqucp-link-cont {
  padding-left: 24px;
}
.supcajs-result-back {
  display: flex;
  justify-content: center;
}
.supcajs-result-back .sonMore span::after {
  display: none;
}
.supcajs-result-box {
  width: 100%;
}
.supcajs-result-box > div {
  display: none;
}
.supcajs-result-box > div.active {
  display: block;
}
.aboqucp-hint {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #686868;
}

/* news-latest */
.newsla {
  width: 100%;
}
.newslahh {
  background: #fff;
}
.newslahh .contain {
  align-items: flex-start;
}
.newslahh-l {
  width: calc(100% - 290px);
  padding-right: 60px;
}
.newslahh-r {
  width: 290px;
}
.newslahh-link {
  width: 100%;
  padding: 40px 0;
  border-bottom: 1px solid #f0f0f0;
  transition: border 0.4s ease;
}
.newslahh-link:first-child {
  padding-top: 0;
}
.newslahh-link .image {
  width: 320px;
  overflow: hidden;
}
.newslahh-link .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.newslahh-link .cont {
  width: calc(100% - 320px);
  padding: 28px 0 0 40px;
}
.newslahh-link .time {
  color: #7d7d7d;
}
.newslahh-link .title {
  color: #000;
  transition: all 0.4s ease;
}
.newslahh-link .text {
  color: #505050;
  opacity: 0.8;
}
.newslahh-link:hover {
  border-color: #d84a27;
}
.newslahh-link:hover .image img {
  transform: scale(1.1);
}
.newslahh-link:hover .title {
  color: #d84a27;
}
.newslahh-side {
  width: 100%;
}
.newslahh-side li {
  width: 100%;
  margin-top: 44px;
}
.newslahh-side li:first-child {
  margin-top: 0;
}
.newslahh-side-title {
  width: 100%;
  color: #000;
  line-height: 1.3;
}
.newslahh-side-tags {
  width: 100%;
}
.newslahh-side-tags a {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  background: #f5f5f5;
  border-radius: 15px;
  margin: 10px 10px 0 0;
  color: #505050;
  transition: all 0.4s ease;
}
.newslahh-side-tags a:last-child {
  margin-right: 0;
}
.newslahh-side-tags a:hover {
  background: #d84a27;
  color: #fff;
}
.newslahh-side-search {
  width: 100%;
  position: relative;
}
.newslahh-side-search input {
  width: 100%;
  font-size: 14px;
  color: #000;
  padding: 0 60px 0 20px;
  height: 48px;
  background: #fbfbfb;
  transition: border 0.4s ease;
  border: 1px solid #ececec;
  border-radius: 25px;
}
.newslahh-side-search input::-webkit-input-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.newslahh-side-search input:-moz-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.newslahh-side-search input::-moz-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.newslahh-side-search input:-ms-input-placeholder {
  color: #b2b2b2;
  font-size: 14px;
}
.newslahh-side-search button {
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 18px;
  color: #000;
  transition: all 0.4s ease;
  font-weight: 700;
}
.newslahh-side-search button::before {
  content: "\e649";
  font-family: "icon";
}
.newslahh-side-search button:hover {
  color: #d84a27;
}
.newslahh-side-search input:focus {
  border-color: #000;
}
.newslahh-side-media {
  width: 100%;
}
.newslahh-side-media a {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 14px;
}
.newslahh-side-media a:first-child {
  margin-top: 0;
}
.newslahh-side-media a .icon {
  position: relative;
  width: 18px;
  font-size: 0;
}
.newslahh-side-media a .icon img {
  width: 100%;
  transition: all 0.4s ease;
}
.newslahh-side-media a .icon img.h {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.newslahh-side-media a .text {
  color: #505050;
  transition: all 0.4s ease;
  margin-left: 18px;
}
.newslahh-side-media a:hover .icon img.s {
  opacity: 0;
}
.newslahh-side-media a:hover .icon img.h {
  opacity: 1;
}
.newslahh-side-media a:hover .text {
  color: #d84a27;
}

/* news-latest详情 */
.newslaxq {
  width: 100%;
}
.newslahh-side-news {
  width: 100%;
}
.newslahh-side-news a {
  display: block;
  width: 100%;
  margin-top: 40px;
}
.newslahh-side-news a:first-child {
  margin-top: 0;
}
.newslahh-side-news a .image {
  width: 100%;
  overflow: hidden;
}
.newslahh-side-news a .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.newslahh-side-news a .cont {
  width: 100%;
}
.newslahh-side-news a .time {
  color: #7d7d7d;
}
.newslahh-side-news a .title {
  color: #000;
  transition: all 0.4s ease;
}
.newslahh-side-news a:hover .image img {
  transform: scale(1.1);
}
.newslahh-side-news a:hover .title {
  color: #d84a27;
}
.newslaxq-head {
  width: 100%;
}
.newslaxq-head .title {
  line-height: 1.3;
  color: #d84a27;
}
.newslaxq-head .time {
  color: #7d7d7d;
}
.newslaxq-content {
  width: 100%;
  border-top: 1px solid #f0f0f0;
  color: #686868;
}
.newslaxq-content img,
.newslaxq-content video {
  display: block;
  margin: 0 auto;
  height: auto !important;
}
.newslaxq-share {
  width: 100%;
  align-items: center;
}
.newslaxq-share a {
  position: relative;
  font-size: 0;
  margin-right: 20px;
}
.newslaxq-share a::before {
  display: none;
}
.newslaxq-share a:last-child {
  margin-right: 0;
}
.newslaxq-share a img {
  transition: all 0.4s ease;
  max-width: 30px;
}
.newslaxq-share a img.h {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.newslaxq-share a:hover img.s {
  opacity: 0;
}
.newslaxq-share a:hover img.h {
  opacity: 1;
}

/* news-fairland */
.newsfa {
  width: 100%;
}
.newsfaxx {
  background: #fff;
}
.newsfasp {
  background: #f4f6f9;
}
.newsfasp-guides {
  width: 100%;
}
.newsfasp-guides-mix {
  width: 100%;
}
.newsfasp-guides-mix .items {
  width: 100%;
  display: none;
}
.newsfasp-guides-mix .items.active {
  display: block;
}
.newsfasp-list {
  width: 100%;
}
.newsfasp-list ul {
  margin: -20px 0 0 -20px;
}
.newsfasp-list li {
  width: calc(33.3333% - 20px);
  margin: 20px 0 0 20px;
  cursor: pointer;
}
.newsfasp-list li .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.newsfasp-list li .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.newsfasp-list li .text {
  color: #000;
}
.newsfasp-list li .image i {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  transform: translate3d(0, 0, 10px);
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -26px;
  background: rgba(0, 0, 0, 0.5) url("../images/pages/newsfa1ic.png") no-repeat
    left 60% center/19px auto;
  transition: all 0.4s ease;
  cursor: pointer;
}
.newsfasp-list li:hover .image img {
  transform: scale(1.1);
}
.newsfasp-list li:hover .image i {
  background-color: #d84a27;
  border-color: #d84a27;
}
.newsfasp-courses {
  width: 100%;
  border-top: 2px solid #e8ebef;
}
.newsfapx {
  background: #fff;
}
.newsfapx-loop {
  width: 100%;
  position: relative;
}
.newsfapx-loop img {
  width: 100%;
  min-height: 160px;
}
.newsfapx-prev,
.newsfapx-next {
  position: absolute;
  width: 50px;
  z-index: 4;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  margin-top: -25px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: url("../images/pages/newsfa2ic.png") no-repeat center;
  cursor: pointer;
  transition: all 0.4s ease;
}
.newsfapx-prev {
  left: 16px;
  transform: translate3d(0, 0, 10px);
}
.newsfapx-next {
  right: 16px;
  transform: translate3d(0, 0, 10px) rotate(180deg);
}
.newsfapx-prev:hover,
.newsfapx-next:hover {
  border-color: #d84a27;
  background-color: #d84a27;
}

/* news-partner */
.newspa {
  width: 100%;
}
.newspalb {
  background: #f4f6f9;
}
.newspalb .paging a {
  background: #fff;
}
.newspalb-list {
  width: 100%;
}
.newspalb-ul {
  margin: -30px 0 0 -30px;
}
.newspalb-link {
  display: block;
  width: calc(33.3333% - 30px);
  margin: 30px 0 0 30px;
  background: #fff;
  transition: all 0.4s ease;
}
.newspalb-link .image {
  width: 100%;
  overflow: hidden;
}
.newspalb-link .image img {
  width: 100%;
  transition: all 0.6s ease;
}
.newspalb-link .cont {
  width: 100%;
  padding: 36px 40px 50px;
}
.newspalb-link .name {
  color: #9ba5ad;
}
.newspalb-link .title {
  color: #000;
  transition: all 0.4s ease;
}
.newspalb-link .line {
  transition: all 0.4s ease;
  width: 32%;
  height: 1px;
  background: #d84a27;
}
.newspalb-link:hover {
  box-shadow: 0px 0px 20px 0px rgba(5, 5, 5, 0.1);
}
.newspalb-link:hover .image img {
  transform: scale(1.1);
}
.newspalb-link:hover .title {
  color: #d84a27;
}

/* news-partner详情 */
.newspaxqBan.sonBan .sonBan-cont .title {
  max-width: 520px;
  background: rgba(0, 0, 0, 0.5);
  padding: 32px 30px;
  line-height: 1.64;
}
.newspaxq {
  width: 100%;
}
.newspaxq .contain {
  flex-direction: row-reverse;
}
.newspaxq .newslahh-l {
  padding-left: 60px;
  padding-right: 0;
}
.newslaxq-content {
  padding-bottom: 0;
}
.newslahh-side-info {
  width: 100%;
}
.newslahh-side-info a {
  display: block;
  color: #505050;
  transition: all 0.4s ease;
  margin-top: 6px;
  cursor: default;
}
.newslahh-side-info a:first-child {
  margin-top: 0;
}
/*.newslahh-side-info a:hover{color: #d84a27;}*/
.newspaxq .newslahh-side li {
  margin-top: 32px;
}
.newspaxq .newslahh-side li:last-child {
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.newspaxq .newslahh-side li:first-child {
  margin-top: 0;
}
.newslahh-side-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240px;
}

/* 专题-产品1 */
.proPlace {
  width: 100%;
  background: #e8eaed;
  z-index: 4;
  position: relative;
}
.proPlace a {
  height: 46px;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1;
  color: #343434;
}
.proPlace a:not(:first-child) {
  margin-left: 16px;
}
.proPlace a:not(:first-child)::before {
  content: "\e622";
  font-family: "icon";
  position: absolute;
  font-size: 12px;
  top: 50%;
  margin-top: -5px;
  left: -14px;
  color: #343434;
  pointer-events: none;
}
.proPlace a:first-child {
  padding-left: 30px;
  background: url("../images/pages/homeH.png") no-repeat left center;
}
/* -- */
.proY {
  width: 100%;
}
.proYM {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  user-select: none;
  display: flex;
  align-items: center;
  height: 110px;
  transform: translate3d(0, 0, 10px);
}
.proYM .contain {
  justify-content: space-between;
  align-items: center;
}
.proYM-name {
  color: #fff;
}
.proYM-link {
  align-items: center;
}
.proYM-link a {
  height: 34px;
  width: 104px;
  font-size: 12px;
}
.proYM-link a:not(.proYLink) {
  font-size: 12px;
  width: auto;
  color: #fff;
  display: flex;
  align-items: center;
  margin-right: 44px;
  opacity: 0.57;
  transition: opacity 0.4s ease;
}
.proYM.on {
  position: fixed;
  top: 50px;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  height: 60px;
  transition: all 0.4s ease;
}
.proYM.on .proYM-name {
  color: #000;
  transition: all 0.4s ease;
}
.proYM.on .proYM-link a:not(.proYLink) {
  color: #000;
  transition: all 0.4s ease;
}
.proYM-link a:not(.proYLink):hover {
  opacity: 1;
}
.proYLink {
  font-size: 14px;
  align-items: center;
  display: flex;
  width: 148px;
  line-height: 1;
  font-family: "OM";
  justify-content: center;
  height: 48px;
  background: #d84a27;
  color: #fff;
  transition: all 0.4s ease;
}
.proYLink i {
  font-size: 12px;
  margin: 2px 0 0 14px;
}
.proYLink:hover {
  box-shadow: 0 4px 20px 0 rgba(216, 74, 39, 0.6);
}
.proY1 {
  background: #fff;
}
.proY1-image {
  width: 100%;
  overflow: hidden;
}
.proY1-image img {
  width: 100%;
  transform: scale(1.2);
  animation: proY1Run 1.4s ease both 0.2s;
}
.proY1-image img.pc {
  height: calc(100vh - 96px);
}
.proY1-image img.mb {
  /* height: calc(100vh - 50px); */
  height: calc(100vh - 200px);
}
@keyframes proY1Run {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.proY1-cont {
  position: absolute;
  color: #000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
.proY1-cont .title {
  line-height: 1.1;
}
.proY1-cont .hint {
  line-height: 1.1;
  color: #d84a27;
}
.proY1-cont .text {
  line-height: 1.1;
}
.proY1-cont .link {
  width: 100%;
}
/* 文字效果 */
.proY1-cont .title,
.proY1-cont .hint,
.proY1-cont .text,
.proY1-cont .link {
  opacity: 0;
}
.proY1-cont .title {
  animation: proY1Up 1s ease both 0.2s;
}
.proY1-cont .hint {
  animation: proY1Up 1s ease both 0.3s;
}
.proY1-cont .text {
  animation: proY1Up 1s ease both 0.4s;
}
.proY1-cont .link {
  animation: proY1Up 1s ease both 0.5s;
}
@keyframes proY1Up {
  0% {
    opacity: 0;
    transform: translateY(80px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
.proY2 {
  z-index: 4;
  transform: translate3d(0, 0, 10px);
}
.proY2-number {
  width: 100%;
}
.proY2-number ul {
  justify-content: center;
}
.proY2-number li {
  width: 33.3333%;
  text-align: center;
}
.proY2-number li .num {
  color: #d84a27;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.proY2-number li .text {
  color: #000;
}
.proY2-number .n2 li {
  width: 50%;
}
.proY2-number .n4 li {
  width: 25%;
}
.proY2-number .n5 li {
  width: 20%;
}
.proY3 {
  background: #fff;
}
.proY3 img {
  width: 100%;
  object-fit: cover;
}
.proY3 video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.proY4 {
  z-index: 4;
  transform: translate3d(0, 0, 10px);
  margin-top: -240px;
}
.proY4-cont {
  width: 100%;
  text-align: center;
}
.proY4-cont .title {
  color: #d84a27;
  line-height: 1.1;
}
.proY4-cont .title p sup {
  margin: -12px 0 0 -6px;
}
.proY4-cont .text {
  color: #000;
}
.proY4-cont .link {
  width: 100%;
  justify-content: center;
}
.proY4-cont .link a:not(:first-child) {
  margin-left: 62px;
}
.proY5 {
  background: #fff;
}
.proY5-loop {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.proY5-mix {
  width: 100%;
}
.proY5-image {
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.proY5-image img {
  width: 100%;
  object-fit: cover;
  height: 660px;
}
.proY5-cont {
  max-width: 900px;
  margin: 120px auto 0;
}
.proY5-cont .title {
  color: #d84a27;
  line-height: 1.1;
}
.proY5-cont .text {
  color: #222;
}
.proY5-loop .swiper-pagination {
  width: 900px;
  top: 714px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}
.proY5-loop .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  opacity: 1;
  margin: 0 0 0 12px !important;
  transition: all 0.4s ease;
}
.proY5-loop .swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.proY5-loop .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #d84a27;
}
.proY6 {
  background: #fff;
}
.proY6-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.proY6 .contain-1536 {
  position: relative;
  z-index: 4;
}
.proY6-mix {
  max-width: 560px;
  padding-left: 54px;
}
.proY6-title {
  width: 100%;
  line-height: 1.28;
  color: #d84a27;
}
.proY6-list {
  width: 100%;
  max-width: 430px;
}
.proY6-list li {
  width: 100%;
  margin-top: 60px;
}
.proY6-list li:first-child {
  margin-top: 0;
}
.proY6-list li .title {
  align-items: center;
  line-height: 1.1;
}
.proY6-list li .title img {
  max-width: 58px;
}
.proY6-list li .title span {
  margin-left: 20px;
}
.proY7 {
  background: #fff;
}
.proY7-list {
  width: 100%;
  padding: 0 54px;
}
.proY7-list li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.proY7-image,
.proY7-cont {
  width: 50%;
}
.proY7-image {
  overflow: hidden;
}
.proY7-image img {
  width: 100%;
  transition: all 0.6s ease;
  height: 100%;
}
.proY7-cont {
  padding-left: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000;
}
.proY7-cont .title {
  line-height: 1.28;
}
.proY7-list li:nth-child(2n) {
  flex-direction: row-reverse;
}
.proY7-list li:nth-child(2n) .proY7-cont {
  padding-right: 100px;
}
.proY7-list li:hover .proY7-image img {
  transform: scale(1.1);
}
.proY8 {
  background: #fff;
}
.proY8-title {
  width: 100%;
  text-align: center;
}
.proY8-title .title {
  color: #d84a27;
  line-height: 1.1;
}
.proY8-title .text {
  color: #000;
}
.proY8-image {
  width: 100%;
  text-align: center;
}
.proY9 {
  background: #f0f4f7;
}
.proY9-mix {
  width: 100%;
  position: relative;
}
.proY9-image {
  text-align: right;
  width: 100%;
}
.proY9-image img {
  width: 684px;
}
.proY9-cont {
  position: absolute;
  max-width: 900px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 80px;
  top: 0;
}
.proY9-cont .title {
  max-width: 230px;
  color: #000;
  line-height: 1.16;
}
.proY10 {
  background: #fff;
  display: none;
}
.proY10-title {
  width: 100%;
}
.proY10-title .title {
  line-height: 1.3;
}
.proY10-mix {
  width: 100%;
  background: #f0f4f7;
}

/* 专题-技术1 */
.techYM {
  width: 100%;
  height: 110px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  background: #fff;
}
.techYM .contain {
  justify-content: center;
}
.techYM a {
  text-align: center;
}
.techYM a img {
  height: 37px;
}
.techYM a p {
  color: #333;
  transition: all 0.4s ease;
  margin-top: 12px;
}
.techYM a:not(:first-child) {
  margin-left: 136px;
}
.techYM a:hover p,
.techYM a.active p {
  color: #d84a27;
}
.techY {
  width: 100%;
}
.techY1 {
  background: #fff;
  z-index: 4;
}
.techY1-image {
  width: 100%;
  overflow: hidden;
}
.techY1-image img {
  width: 100%;
  transform: scale(1.2);
  animation: techY1Run 1.4s ease both 0.2s;
}
.techY1-image img.pc {
  height: calc(100vh - 96px);
}
/* .techY1-image img.mb {
  height: calc(100vh - 50px);
} */
@keyframes techY1Run {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.techY1-cont {
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-top: 80px;
}
.techY1-cont .ico {
  max-width: 642px;
}
.techY1-cont .title {
  line-height: 1.1;
}
.techY1-cont .hint {
  line-height: 1.32;
}
.techY1-cont .link {
  width: 100%;
}
/* 文字效果 */
.techY1-cont .ico,
.techY1-cont .title,
.techY1-cont .hint,
.techY1-cont .link {
  opacity: 0;
}
.techY1-cont .ico {
  animation: techY1Up 1s ease both 0.2s;
}
.techY1-cont .title {
  animation: techY1Up 1s ease both 0.3s;
}
.techY1-cont .hint {
  animation: techY1Up 1s ease both 0.4s;
}
.techY1-cont .link {
  animation: techY1Up 1s ease both 0.5s;
}
@keyframes techY1Up {
  0% {
    opacity: 0;
    transform: translateY(80px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
.techY2 {
  z-index: 4;
  transform: translate3d(0, 0, 10px);
  background: #fff;
}
.techY2-number {
  width: 100%;
}
.techY2-number li {
  width: 33.3333%;
  text-align: center;
}
.techY2-number li .num {
  color: #d84a27;
  line-height: 0.8;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.techY2-number li .text {
  color: #000;
}
.techY3 {
  height: 100vh;
  position: relative;
  overflow: visible;
  z-index: 4;
}
.techY3-sticky {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
.techY3-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: fill;
}
.techY3-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.techY3-cont {
  width: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  color: #fff;
  z-index: 4;
  transform: translateY(-50%);
  padding: 0 7% 0 5%;
}
.techY3-cont .link a {
  background: #d84a27;
  height: 42px;
  color: #fff;
  padding: 0 20px;
  transition: all 0.4s ease;
}
.techY3-cont .link a:hover {
  box-shadow: 0 4px 16px 0 rgba(216, 74, 39, 0.4);
}
.techY3-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.techY3-image img {
  width: 100%;
  height: 100%;
}
.techY4 {
  height: 200vh;
  position: relative;
  overflow: visible;
  z-index: 4;
  background: #fff;
}
.techY4-sticky {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
.techY4-items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease;
  padding-top: 110px;
}
.techY4-items.active {
  opacity: 1;
  pointer-events: auto;
}
.techY4-cont {
  width: 100%;
  position: relative;
  z-index: 4;
}
.techY4-cont .title {
  line-height: 1.1;
}
.techY4-cont .title span {
  color: #d84a27;
}
.techY4-cont .text,
.techY4-cont .hint {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.techY4-cont .hint {
  color: #d84a27;
}
.techY4-cont .more {
  width: 100%;
  display: flex;
  justify-content: center;
}
.techY4-image,
.techY4-image2 {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
}
.techY4-image img {
  height: 464px;
}
.techY4-image2 img {
  height: 564px;
}
.techY5 {
  background: #fff;
}
.techY5-items {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100vh;
}
.techY5-image {
  position: fixed;
  right: 0;
  width: 1150px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.techY5-image img {
  width: 100%;
  height: 100%;
}
.techY5-cont {
  width: calc(100% - 1150px);
  padding: 0 68px 0 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #000;
}
.techY5-cont .title {
  line-height: 1;
}
.techY5-cont .title span {
  color: #d84a27;
}
.techY5-items.other {
  display: flex;
  flex-direction: row-reverse;
  background: #f0f0f0;
  z-index: 2;
}
.techY5-items.other .techY5-image {
  right: auto;
  left: 0;
  width: 980px;
  position: absolute !important;
}
.techY5-items.other .techY5-image img {
  width: auto;
  height: auto;
}
.techY5-items.other .techY5-cont {
  padding: 0 200px 0 0;
  width: calc(100% - 980px);
}
.techY5-items:first-of-type {
  z-index: 1;
}
.techY6 {
  z-index: 4;
  background: #fff;
}
.techY6-box {
  width: 100%;
  position: relative;
}
.techY6-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 83%;
  top: 6%;
  background: #f3f6f9;
  left: 0;
}
.techY6 .contain-1460 {
  position: relative;
  z-index: 4;
}
.techY6-title {
  width: 100%;
}
.techY6-title .title {
  line-height: 1.3;
}
.techY6-mix {
  width: 100%;
  position: relative;
}
.techY6-image {
  width: 100%;
}
.techY6-image img {
  width: 100%;
}
.techY6-cont {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  padding: 60px 40px 0;
  text-align: center;
}
.techY6-cont .title {
  color: #d84a27;
  line-height: 1.3;
}
.techY6-cont .text {
  color: #222;
}
.techY6-cont .link a,
.techY7-image i {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 0 auto;
  background: #d84a27;
  transition: all 0.4s ease;
}
.techY6-cont .link a::before,
.techY6-cont .link a::after,
.techY7-image i::before,
.techY7-image i::after {
  content: "";
  position: absolute;
  background: #fff;
  left: 50%;
  top: 50%;
}
.techY6-cont .link a::before,
.techY7-image i::before {
  width: 2px;
  height: 22px;
  margin: -11px 0 0 -1px;
}
.techY6-cont .link a::after,
.techY7-image i::after {
  width: 22px;
  height: 2px;
  margin: -1px 0 0 -11px;
}
.techY6-cont .link a:hover {
  transform: rotate(180deg);
}
.techY7 {
  height: 100vh;
  position: relative;
  overflow: visible;
  z-index: 4;
  background: #fff;
  padding-left: calc((100% - 1460px) / 2);
}
.techY7-sticky {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
.techY7-loop {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
}
.techY7 .swiper-container {
  padding-top: 174px;
  max-width: 1140px;
  margin: 0;
  overflow: visible;
}
.techY7 .swiper-wrapper {
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.techY7 .swiper-slide {
  margin-right: 180px;
}
.techY7 .swiper-slide:last-child {
  margin-right: 0;
}
.techY7 .swiper-pagination {
  bottom: 0;
  font-size: 0;
  position: relative;
  display: none;
}
.techY7-link {
  width: 100%;
  position: relative;
  display: block;
}
.techY7-circle {
  width: 728px;
  height: 728px;
  border-radius: 50%;
  border: 1px solid #ddd;
  left: 0;
  right: 0;
  top: -174px;
  position: absolute;
  margin: 0 auto;
}
.techY7-image {
  position: relative;
  z-index: 4;
  width: 100%;
  overflow: hidden;
}
.techY7-image img {
  width: 100%;
  transition: all 1s ease;
}
.techY7-image i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
}
.techY7-link:hover .techY7-image img {
  transform: scale(1.1);
}
.techY7-link:hover i {
  transform: rotate(180deg) translate3d(0, 0, 10px);
}
.techY7-cont {
  width: 100%;
  max-width: 640px;
}
.techY7-cont .title {
  color: #d84a27;
  line-height: 1.3;
}
.techY7-cont .text {
  color: #222;
}
.techY8 {
  z-index: 4;
}

/* 专题-产品列表 */
.proLB {
  width: 100%;
}
.proLB .sonBan-bg {
  height: auto;
  min-height: 280px;
}
.proLB1 {
  background: #fff;
}
.proLB2 {
  background: #f0f4f7;
}
.proLB2-menu {
  width: 100%;
  justify-content: center;
}
.proLB2-menu-ul {
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.proLB2-menu-ul::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #dadada;
}
.proLB2-menu a {
  color: #222;
  line-height: 1;
  height: 38px;
  margin-left: 50px;
  position: relative;
  transition: all 0.4s ease;
}
.proLB2-menu a:first-child {
  margin-left: 0;
}
.proLB2-menu a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #d84a27;
  opacity: 0;
  transition: all 0.4s ease;
}
.proLB2-menu a.active,
.proLB2-menu a:hover {
  color: #d84a27;
}
.proLB2-menu a.active::before {
  opacity: 1;
}
.proLB2-cont {
  width: 100%;
}
.proLB2-cont .title {
  color: #222;
}
.proLB2-cont .text {
  color: #000;
}
.proLB2-cont .hint {
  color: #d84a27;
}
.proLB2-more {
  width: 100%;
}
.proLB2-list {
  width: 100%;
}
.proLB2-items {
  width: 100%;
  padding: 60px 110px;
  border-bottom: 1px solid #dadada;
}
.proLB2-items:first-child {
  padding-top: 0;
}
.proLB2-items:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.proLB2-list .aboqucp-ul {
  margin: -60px 0 0 -60px;
  justify-content: center;
}
.proLB2-list .aboqucp-link {
  width: calc(50% - 60px);
  margin: 60px 0 0 60px;
}
.proLB2-list .aboqucp-link-image .image {
  height: 306px;
}

/* 专题-技术2 */
.techE {
  width: 100%;
}
.techE1 .techY1-cont .title {
  line-height: 1.16;
}
.techE2 .techY2-number li {
  width: 50% !important;
  margin: 0 !important;
  order: 1 !important;
}
.techE3 .techY3-cont .tags p {
  position: relative;
  padding-left: 16px;
  line-height: inherit;
}
.techE3 .techY3-cont .tags p::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  left: 0;
  top: 15px;
}
.techE3.techY3 {
  height: auto;
}
.techE3.techY3 .techY3-sticky {
  position: relative;
  height: auto;
}
.techE3.techY3 .techY3-bg {
  position: relative;
}
.techE4-5 {
  width: 100%;
}
.techE4 {
  background: #fff;
  position: relative;
  z-index: 4;
}
.techE4 .hint {
  color: #d84a27;
  line-height: 1.1;
}
.techE4 .title {
  line-height: 1.1;
  color: #222;
}
.techE5 .techY5-cont .hint {
  color: #d84a27;
}
.techE5 .techY5-items:first-child {
  background: #f0f0f0;
}
.techE5 .techY5-items:first-child .techY5-image {
  background: #f0f0f0;
  padding-right: 50px;
}
.techE5 .techY5-items:first-child .techY5-image img {
  height: auto;
  width: auto;
}
.techE5 .techY5-items.other {
  background: #e0e0e0;
}
.techE6 {
  background: #fff;
  z-index: 4;
}
.techE6-title {
  width: 100%;
}
.techE6-title {
  width: 100%;
}
.techE6-title .hint {
  line-height: 1.1;
  color: #d84a27;
}
.techE6-title .title {
  color: #222;
  line-height: 1.28;
}
.techE6-mix {
  width: 100%;
  background: #f3f6f9;
}
.techE6-mix .contain {
  width: 100%;
  padding: 0 120px;
}
.techE6-cont {
  width: calc(100% - 500px);
  padding-right: 250px;
  color: #222;
}
.techE6-cont .title {
  color: #d84a27;
  line-height: 1.3;
}
.techE6-cont .text p {
  padding-left: 18px;
  position: relative;
}
.techE6-cont .text p:not(:first-child) {
  margin-top: 18px;
}
.techE6-cont .text p::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  background: #d84a27;
  top: 9px;
}
.techE6-number {
  width: 500px;
}
.techE6-number li {
  width: 100%;
  margin-top: 64px;
}
.techE6-number li:first-child {
  margin-top: 0;
}
.techE6-number li .num {
  align-items: baseline;
  line-height: 1;
  color: #222;
}
.techE6-number li .num p {
  color: #d84a27;
  margin-right: 16px;
}
.techE6-number li .text {
  color: #222;
}
.techE6-number li .text span {
  color: #d84a27;
}
.techE6-image {
  width: 100%;
  text-align: center;
  padding: 0 4%;
}
.techE7 {
  background: #fff;
  z-index: 4;
}
.techE7-itsm {
  width: 100%;
  align-items: center;
}
.techE7-itsm:nth-child(2n + 1) {
  flex-direction: row-reverse;
}
.techE7-image,
.techE7-cont {
  width: 50%;
  overflow: hidden;
}
.techE7-image img {
  width: 100%;
  min-height: 400px;
}
.techE7-cont {
  padding: 0 120px;
  color: #222;
}
.techE7-cont .title {
  line-height: 1;
}
.techE7-cont .title span {
  color: #d84a27;
}

/* 专题-产品2 */
.proE {
  width: 100%;
}
.proE1 .proY1-cont .title {
  color: #fff;
}
.proE3.proY3 video {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
}
.proE3.proY3 img {
  transition: all 0.4s ease;
}
.proE3.proY3 .click {
  position: absolute;
  z-index: 4;
  height: 54px;
  display: flex;
  align-items: center;
  top: 50%;
  margin: -27px auto 0;
  left: 0;
  right: 0;
  width: 246px;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  user-select: none;
  cursor: pointer;
}
.proE3.proY3 .click span {
  padding-right: 30px;
  height: 22px;
  line-height: 22px;
  background: url("../images/pages/pt/proE3ic.png") no-repeat right center;
}
.proE3.proY3 .click:hover {
  border-color: #d84a27;
  background: #d84a27;
}
.proE3.proY3.active video {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.proE3.proY3.active img {
  opacity: 0;
}
.proE3.proY3.active .click {
  opacity: 0;
  pointer-events: none;
}
.proE4 {
  background: #f5f5f5;
}
.proE4 .contain {
  position: relative;
  z-index: 4;
}
.proE4-img {
  position: absolute;
  height: 474px;
  right: 0;
  bottom: 0;
}
.proE4-img img {
  height: 100%;
}
.proE4-cont {
  max-width: 850px;
}
.proE4-cont .title {
  line-height: 1.1;
  color: #d84a27;
}
.proE4-cont .text {
  width: 100%;
  color: #000;
}
.proE4-cont .text span {
  color: #d84a27;
}
.proE4-cont .text p:not(:first-child) {
  margin-top: 8px;
}
.proE5 {
  background: #fff;
}
.proE5-list {
  width: 100%;
}
.proE5-list li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.proE5-list li:nth-child(2n) {
  flex-direction: row-reverse;
}
.proE5-image,
.proE5-cont {
  width: 50%;
  overflow: hidden;
}
.proE5-image img {
  width: 100%;
}
.proE5-cont {
  padding: 0 70px;
}
.proE5-cont .title {
  color: #222;
  line-height: 1.2;
}
.proE5-cont .title span {
  color: #d84a27;
  line-height: 0.88;
}
.proE5-cont .text {
  color: #000;
}
.proE6 {
  background: #f5f5f5;
}
.proE6-item {
  width: 100%;
  margin-top: 40px;
}
.proE6-item:nth-child(2n + 1) {
  flex-direction: row-reverse;
}
.proE6-item:first-child {
  margin-top: 0;
}
.proE6-image {
  width: 1060px;
  position: relative;
}
.proE6-image img.bg {
  width: 100%;
}
.proE6-image video {
  width: 100%;
  object-fit: cover;
}
.proE6-image .ico {
  position: absolute;
  z-index: 4;
}
.proE6-image .ico img {
  z-index: 4;
  position: relative;
}
.proE6-cont {
  position: relative;
  z-index: 5;
  padding: 150px 80px 0 calc((100vw - 1280px) / 2);
  width: calc(100% - 1060px);
}
.proE6-item:nth-child(2n) .proE6-cont {
  padding: 150px calc((100vw - 1280px) / 2) 0 100px;
}
.proE6-cont .title {
  line-height: 1;
  color: #d84a27;
}
.proE6-cont .hint {
  line-height: 1;
  color: #222;
}
.proE6-cont .text {
  color: #000;
}
.proE6-item.item1 .proE6-image .ico {
  bottom: 34px;
  right: 0;
  width: calc(100% + 140px);
  height: 246px;
}
.proE6-item.item2 .proE6-image .ico {
  right: -48px;
  top: 0;
  width: 457px;
  height: 100%;
}
/* -- */
.proE6-item.item1 .proE6-image .ico img {
  transform: translate(800px, -100px) scale(0.5);
  height: 100%;
}
.proE6-item.item1 .proE6-image .ico.animated img {
  animation: proE6Run1 2s ease both 0.5s;
}
@keyframes proE6Run1 {
  0% {
    transform: translate(800px, -100px) scale(0.5);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
/* -- */
.proE6-item.item2 .proE6-image .ico img {
  transform: translate(0, 0);
}
.proE6-item.item2 .proE6-image .ico.animated img {
  animation: proE6Run2 2s ease both 0.5s;
}
@keyframes proE6Run2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 460px);
  }
}
/* -- */
.proE7 {
  background: #fff;
}
.proE7-title {
  width: 100%;
  line-height: 1.1;
}
.proE8 {
  background: #fff;
}
.proE8-bg {
  width: 100%;
}
.proE8-cont {
  position: absolute;
  z-index: 4;
  width: 100%;
  left: 0;
  top: 0;
}
.proE8-cont .title {
  line-height: 1;
}
.proE9 {
  background: #fff;
}
.proE9-title {
  width: 100%;
  color: #d84a27;
  line-height: 1;
}
.proE9-box {
  width: 445px;
  position: relative;
  margin: 84px auto 0;
}
.proE9-img {
  width: 100%;
}
.proE9-info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.proE9-info .cont {
  width: 100%;
  opacity: 0;
}
.proE9-info .animated .cont {
  animation: proE9Run 1s ease both;
}
@keyframes proE9Run {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.proE9-info .title {
  line-height: 1;
  position: relative;
  z-index: 2;
}
.proE9-info .text {
  position: relative;
  z-index: 2;
}
.proE9-info .line {
  position: absolute;
  background: #d84a27;
  opacity: 0;
  top: 16px;
}
.proE9-info .animated .line {
  opacity: 1;
}
.proE9-info .items {
  position: absolute;
  height: 66px;
  width: 240px;
}
.proE9-info .items.i1 {
  top: 200px;
}
.proE9-info .items.i2 {
  top: 390px;
}
.proE9-info .items.i1,
.proE9-info .items.i2 {
  left: -416px;
}
.proE9-info .items.i3 {
  top: 94px;
}
.proE9-info .items.i4 {
  top: 301px;
}
.proE9-info .items.i5 {
  top: 504px;
}
.proE9-info .items.i3,
.proE9-info .items.i4,
.proE9-info .items.i5 {
  right: -416px;
}
/* -- */
.proE9-info .items.i1 .line {
  width: 370px;
  right: -320px;
  height: 1px;
}
.proE9-info .items.i1.animated .line {
  animation: proE9_i1_1 0.5s ease both 0.5s;
}
@keyframes proE9_i1_1 {
  0% {
    width: 0;
  }
  100% {
    width: 370px;
  }
}
.proE9-info .items.i1.animated .cont {
  animation-delay: 1s;
}
/* -- */
.proE9-info .items.i2 .line {
  width: 360px;
  right: -310px;
  height: 1px;
}
.proE9-info .items.i2.animated .line {
  animation: proE9_i2_1 0.5s ease both 0.5s;
}
@keyframes proE9_i2_1 {
  0% {
    width: 0;
  }
  100% {
    width: 360px;
  }
}
.proE9-info .items.i2.animated .cont {
  animation-delay: 1s;
}
/* -- */
.proE9-info .items.i3 .line {
  width: 340px;
  left: -354px;
  height: 1px;
}
.proE9-info .items.i3.animated .line {
  animation: proE9_i3_1 1s ease both 0.5s;
}
@keyframes proE9_i3_1 {
  0% {
    width: 0;
  }
  100% {
    width: 340px;
  }
}
.proE9-info .items.i3.animated .cont {
  animation-delay: 1s;
}
/* -- */
.proE9-info .items.i4 .line {
  width: 166px;
  left: -180px;
  height: 1px;
}
.proE9-info .items.i4.animated .line {
  animation: proE9_i4_1 0.5s ease both 0.5s;
}
@keyframes proE9_i4_1 {
  0% {
    width: 0;
  }
  100% {
    width: 166px;
  }
}
.proE9-info .items.i4.animated .cont {
  animation-delay: 1s;
}
/* -- */
.proE9-info .items.i5 .line {
  width: 256px;
  left: -270px;
  height: 1px;
}
.proE9-info .items.i5.animated .line {
  animation: proE9_i5_1 0.5s ease both 0.5s;
}
@keyframes proE9_i5_1 {
  0% {
    width: 0;
  }
  100% {
    width: 256px;
  }
}
.proE9-info .items.i5.animated .cont {
  animation-delay: 1s;
}
/* -- */
@media all and (max-width: 1590px) {
  .proE9-box {
    width: 340px;
    margin: 64px auto 0;
  }
  .proE9-info .animated .line {
    top: 13px;
  }
  .proE9-info .items {
    height: 52px;
    width: 196px;
  }
  .proE9-info .items.i1,
  .proE9-info .items.i2 {
    left: -364px;
  }
  .proE9-info .items.i3,
  .proE9-info .items.i4,
  .proE9-info .items.i5 {
    right: -390px;
  }
  .proE9-info .items.i1 {
    top: 144px;
  }
  .proE9-info .items.i2 {
    top: 297px;
  }
  .proE9-info .items.i3 {
    top: 70px;
  }
  .proE9-info .items.i4 {
    top: 229px;
  }
  .proE9-info .items.i5 {
    top: 384px;
  }
  .proE9-info .items.i1 .line {
    width: 306px;
    right: -274px;
  }
  @keyframes proE9_i1_1 {
    0% {
      width: 0;
    }
    100% {
      width: 306px;
    }
  }
  .proE9-info .items.i2 .line {
    width: 302px;
    right: -270px;
  }
  @keyframes proE9_i2_1 {
    0% {
      width: 0;
    }
    100% {
      width: 302px;
    }
  }
  .proE9-info .items.i3 .line {
    width: 315px;
    left: -330px;
  }
  @keyframes proE9_i3_1 {
    0% {
      width: 0;
    }
    100% {
      width: 315px;
    }
  }
  .proE9-info .items.i4 .line {
    width: 182px;
    left: -197px;
  }
  @keyframes proE9_i4_1 {
    0% {
      width: 0;
    }
    100% {
      width: 182px;
    }
  }
  .proE9-info .items.i5 .line {
    width: 256px;
    left: -270px;
  }
  @keyframes proE9_i5_1 {
    0% {
      width: 0;
    }
    100% {
      width: 256px;
    }
  }
}
@media all and (max-width: 1270px) {
  .proE9-box {
    width: 280px;
    margin: 44px auto 0;
  }
  .proE9-info .animated .line {
    top: 12px;
  }
  .proE9-info .items {
    height: 48px;
    width: 178px;
  }
  .proE9-info .items.i1,
  .proE9-info .items.i2 {
    left: -300px;
  }
  .proE9-info .items.i3,
  .proE9-info .items.i4,
  .proE9-info .items.i5 {
    right: -300px;
  }
  .proE9-info .items.i1 {
    top: 116px;
  }
  .proE9-info .items.i2 {
    top: 243px;
  }
  .proE9-info .items.i3 {
    top: 56px;
  }
  .proE9-info .items.i4 {
    top: 187px;
  }
  .proE9-info .items.i5 {
    top: 316px;
  }
  .proE9-info .items.i1 .line {
    width: 240px;
    right: -210px;
  }
  @keyframes proE9_i1_1 {
    0% {
      width: 0;
    }
    100% {
      width: 240px;
    }
  }
  .proE9-info .items.i2 .line {
    width: 236px;
    right: -206px;
  }
  @keyframes proE9_i2_1 {
    0% {
      width: 0;
    }
    100% {
      width: 236px;
    }
  }
  .proE9-info .items.i3 .line {
    width: 220px;
    left: -234px;
  }
  @keyframes proE9_i3_1 {
    0% {
      width: 0;
    }
    100% {
      width: 220px;
    }
  }
  .proE9-info .items.i4 .line {
    width: 112px;
    left: -125px;
  }
  @keyframes proE9_i4_1 {
    0% {
      width: 0;
    }
    100% {
      width: 112px;
    }
  }
  .proE9-info .items.i5 .line {
    width: 173px;
    left: -186px;
  }
  @keyframes proE9_i5_1 {
    0% {
      width: 0;
    }
    100% {
      width: 173px;
    }
  }
}
@media all and (max-width: 1000px) {
  .proE9-info .items.i1,
  .proE9-info .items.i2 {
    left: -206px;
  }
  .proE9-info .items.i3,
  .proE9-info .items.i4,
  .proE9-info .items.i5 {
    right: -216px;
  }
  .proE9-info .items.i1 .line {
    width: 154px;
    right: -116px;
  }
  @keyframes proE9_i1_1 {
    0% {
      width: 0;
    }
    100% {
      width: 154px;
    }
  }
  .proE9-info .items.i2 .line {
    width: 138px;
    right: -112px;
  }
  @keyframes proE9_i2_1 {
    0% {
      width: 0;
    }
    100% {
      width: 138px;
    }
  }
  .proE9-info .items.i3 .line {
    width: 140px;
    left: -152px;
  }
  @keyframes proE9_i3_1 {
    0% {
      width: 0;
    }
    100% {
      width: 140px;
    }
  }
  .proE9-info .items.i4 .line {
    width: 30px;
    left: -41px;
  }
  @keyframes proE9_i4_1 {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  .proE9-info .items.i5 .line {
    width: 94px;
    left: -106px;
  }
  @keyframes proE9_i5_1 {
    0% {
      width: 0;
    }
    100% {
      width: 94px;
    }
  }
}
@media all and (max-width: 640px) {
  .proE9-title {
    font-size: 24px;
  }
  .proE9-box {
    width: 150px;
    margin: 36px auto 0;
  }
  .proE9-info .title {
    font-size: 12px;
  }
  .proE9-info .items {
    height: 14px;
    width: 80px;
  }
  .proE9-info .items.i1,
  .proE9-info .items.i2 {
    left: -82px;
  }
  .proE9-info .items.i3,
  .proE9-info .items.i4,
  .proE9-info .items.i5 {
    right: -94px;
  }
  .proE9-info .animated .line {
    top: 6px;
  }
  .proE9-info .items.i1 {
    top: 62px;
  }
  .proE9-info .items.i2 {
    top: 131px;
  }
  .proE9-info .items.i3 {
    top: 30px;
  }
  .proE9-info .items.i4 {
    top: 96px;
  }
  .proE9-info .items.i5 {
    top: 170px;
  }
  .proE9-info .items.i1 .line {
    width: 60px;
    right: -50px;
  }
  @keyframes proE9_i1_1 {
    0% {
      width: 0;
    }
    100% {
      width: 60px;
    }
  }
  .proE9-info .items.i2 .line {
    width: 52px;
    right: -47px;
  }
  @keyframes proE9_i2_1 {
    0% {
      width: 0;
    }
    100% {
      width: 52px;
    }
  }
  .proE9-info .items.i3 .line {
    width: 68px;
    left: -73px;
  }
  @keyframes proE9_i3_1 {
    0% {
      width: 0;
    }
    100% {
      width: 68px;
    }
  }
  .proE9-info .items.i4 .line {
    width: 10px;
    left: -15px;
  }
  @keyframes proE9_i4_1 {
    0% {
      width: 0;
    }
    100% {
      width: 10px;
    }
  }
  .proE9-info .items.i5 .line {
    width: 44px;
    left: -50px;
  }
  @keyframes proE9_i5_1 {
    0% {
      width: 0;
    }
    100% {
      width: 44px;
    }
  }
}
/* -- */
.proE10 {
  background: #f0f4f7;
}
.proE10-mix {
  max-width: 1100px;
  margin: 0 auto;
  align-items: center;
  flex-direction: row-reverse;
}
.proE10-image {
  width: 474px;
}
.proE10-image img {
  width: 100%;
}
.proE10-cont {
  width: calc(100% - 474px);
}
.proE10-cont .title {
  max-width: 230px;
  color: #000;
  line-height: 1.16;
}

/* 专题-产品3 */
.proS {
  width: 100%;
}
.proS1 {
  background: #fff;
  height: 100vh;
  overflow: visible;
}
.proS1 .proYM-name {
  color: #000;
}
.proS1 .proYM-link a:not(.proYLink) {
  color: #000;
}
.proS1-mb {
  width: 100%;
  display: none;
}
.proS1-sticky {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
.proS1-cont {
  width: 100%;
  position: absolute;
  z-index: 2;
  text-align: center;
  top: 200px;
  left: 0;
}
.proS1-cont .title {
  color: #000;
  line-height: 1.1;
}
.proS1-cont .hint {
  color: #d84a27;
  line-height: 1.1;
}
.proS1-cont .link {
  justify-content: center;
}
/* 文字效果 */
.proS1-cont.cont1 .title,
.proS1-cont.cont1 .hint,
.proS1-cont.cont1 .text,
.proS1-cont.cont1 .link {
  opacity: 0;
}
.proS1-cont.cont1 .title {
  animation: proY1Up 1s ease both 0.2s;
}
.proS1-cont.cont1 .hint {
  animation: proY1Up 1s ease both 0.3s;
}
.proS1-cont.cont1 .text {
  animation: proY1Up 1s ease both 0.4s;
}
.proS1-cont.cont1 .link {
  animation: proY1Up 1s ease both 0.4s;
}
.proS1-cont.cont2 {
  height: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  top: 0;
  padding: 100px 60px 0 0;
  opacity: 0;
  transition: all 0.6s ease;
  visibility: hidden;
  pointer-events: none;
}
.proS1-cont.cont2 .contain {
  display: flex;
  justify-content: flex-end;
}
.proS1-cont.cont2 .link {
  justify-content: flex-start;
}
.proS1-cont.cont2.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.proS1-image {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.proS1-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.proS1-image img.on {
  opacity: 1;
}
.proS2 .proY2-number li {
  width: 25%;
}
.proS3 {
  background: #fff;
}
.proS3-bg {
  width: 100%;
}
.proS3-cont {
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.proS3-cont .title {
  line-height: 1.1;
}
.proS3-cont .hint {
  line-height: 1.1;
}
.proS3-cont .link {
  justify-content: center;
}
.proS3-cont .link a:not(:first-child) {
  margin-left: 20px;
}
.proS4 {
  background: #fff;
}
.proS4-cont {
  width: 100%;
  text-align: center;
  color: #000;
}
.proS4-cont .title {
  line-height: 1.1;
  color: #d84a27;
}
.proS4-cont .hint {
  line-height: 1.1;
}
.proS4-cont .text {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.proS4-cont .link {
  justify-content: center;
}
.proS4-cont .link a:not(:first-child) {
  margin-left: 20px;
}
.proS4-img {
  width: 100%;
  text-align: center;
}
.proS5 {
  background: #fff;
  overflow: visible;
  height: 100vh;
}
.proS5.hasNight > img {
  width: 100%;
}
.proS5-sticky {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
.proS5-image {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.proS5-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.proS5-image img.on {
  opacity: 1;
}
.proS5-cont {
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 140px;
}
.proS5-cont-item {
  width: 100%;
  margin-top: 44px;
}
.proS5-cont-item:first-child {
  margin-top: 0;
}
.proS5-cont-item .title {
  line-height: 1.1;
}
.proS5-cont-item .text {
  width: 100%;
}
.proS5-cont-item .text p {
  position: relative;
  padding-left: 30px;
}
.proS5-cont-item .text p::before {
  content: "\e610";
  position: absolute;
  font-family: "icon";
  font-size: 14px;
  top: 0;
  left: 0;
}
.proS5.hasNight .proS5-cont .contain {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.proS5.hasNight .proS5-cont-item {
  width: calc(50% - 100px);
  margin: 0;
}
.proS6 {
  background: #f5f5f5;
}
.proS6-mix {
  width: 100%;
  align-items: center;
}
.proS6-img {
  width: 1220px;
}
.proS6-img img {
  width: 100%;
}
.proS6-cont {
  width: calc(100% - 1220px);
  padding: 40px 160px 40px 80px;
}
.proS6-cont li {
  display: flex;
  align-items: center;
  margin-top: 82px;
}
.proS6-cont li:first-child {
  margin-top: 0;
}
.proS6-cont li .ico {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
}
.proS6-cont li .ico img {
  max-height: 100%;
}
.proS6-cont li .text {
  color: #3c393a;
  width: calc(100% - 52px);
  padding-left: 20px;
}
.proS7 {
  background: #fff;
}
.proS7-head {
  width: 100%;
}
.proS7-head-title {
  width: 100%;
  line-height: 1.1;
  text-align: center;
  color: #d84a27;
}
.proS7-head-tags {
  width: 100%;
}
.proS7-head-tags .link {
  justify-content: center;
}
.proS7-head-tags ul {
  margin-top: -32px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}
.proS7-head-tags li {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.proS7-head-tags li:nth-child(2n + 1) {
  width: 260px;
}
.proS7-head-tags li:nth-child(2n) {
  width: 284px;
}
.proS7-head-tags li .ico {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
}
.proS7-head-tags li .ico img {
  max-height: 100%;
}
.proS7-head-tags li .text {
  color: #3c393a;
  width: calc(100% - 52px);
  padding-left: 20px;
}
.proS7-image {
  width: 100%;
}
.proS7-image img {
  width: 100%;
}
.proS9 {
  background: #f0f4f7;
}
.proS9-mix {
  max-width: 800px;
  margin: 0 auto;
  align-items: center;
  flex-direction: row-reverse;
}
.proS9-image {
  width: 341px;
}
.proS9-image img {
  width: 100%;
}
.proS9-cont {
  width: calc(100% - 341px);
}
.proS9-cont .title {
  max-width: 230px;
  color: #000;
  line-height: 1.16;
}

.proLB2-other-li .contain {
  border-top: 1px solid #dadada;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width: 1700px) {
  /* 1600 × (900) */
  .techY5-image {
    width: 960px;
  }
  .techY5-cont {
    width: calc(100% - 960px);
    padding: 0 68px 0 100px;
  }
  .techY5-items.other .techY5-image {
    width: 900px;
  }
  .techY5-items.other .techY5-cont {
    padding: 0 120px 0 0;
    width: calc(100% - 900px);
  }
  .techY7 {
    padding-left: calc((100% - 1400px) / 2);
  }
  .techE6-mix .contain {
    padding: 0 100px;
  }
  .techE6-cont {
    padding-right: 220px;
  }
  .techE7-cont {
    padding: 0 100px;
  }
  .techE3 .techY3-cont .tags p::before {
    top: 13px;
  }
  .proE4-img {
    height: 370px;
  }
  .proE6-image {
    width: 900px;
  }
  .proE6-cont {
    width: calc(100% - 900px);
  }
  .proE6-item.item1 .proE6-image .ico {
    height: 220px;
    width: calc(100% + 120px);
  }
  .proE6-item.item1 .proE6-image .ico img {
    transform: translate(660px, -100px) scale(0.5);
    height: 100%;
  }
  @keyframes proE6Run1 {
    0% {
      transform: translate(660px, -100px) scale(0.5);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
  .proE6-item.item2 .proE6-image .ico {
    width: 420px;
  }
  @keyframes proE6Run2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 360px);
    }
  }
  .proS6-img {
    width: 1000px;
  }
  .proS6-cont {
    width: calc(100% - 1000px);
    padding: 40px 120px 40px 60px;
  }
}

@media all and (max-width: 1590px) {
  /* 1440 × (700)  */
  .sonBan-bg {
    height: 370px;
  }
  .sonBan-menu a:not(:first-child) {
    margin-left: 70px;
  }
  .sitemap-head ul {
    margin-top: -36px;
  }
  .sitemap-info {
    margin-top: 36px;
  }
  .sitemap-head li {
    padding-right: 24px;
  }
  .sitemap-info .link h4 {
    padding: 5px 0;
  }
  .sitemap-info .link {
    margin-top: 16px;
  }
  .abohijs-image {
    width: 500px;
  }
  .abohijs-cont {
    width: calc(100% - 500px);
    padding-left: 50px;
  }
  .abohijs-image .text p {
    margin-top: 12px;
  }
  .abohijs-image .text {
    width: 120px;
    height: 120px;
  }
  .abohizd-image {
    width: 500px;
  }
  .abohizd-cont {
    width: calc(100% - 500px);
    padding-right: 50px;
  }
  .abohicp-ul {
    margin: -38px 0 0 -38px;
  }
  .abohicp-link {
    width: calc(50% - 38px);
    margin: 38px 0 0 38px;
    min-height: 194px;
  }
  .abohicp-link .image {
    width: 270px;
    height: 180px;
  }
  .abohicp-link .cont {
    width: calc(100% - 270px);
    padding: 36px 24px 24px;
  }
  .abohizl-list ul {
    margin: -20px 0 0 -20px;
  }
  .abohizl-list li {
    width: calc(33.3333% - 20px);
    margin: 20px 0 0 20px;
    padding: 36px;
  }
  .abohilc-number-mian,
  .abohilc-number-run,
  .abohilc-number-run li {
    height: 140px;
  }
  .abohilc-number {
    width: 200px;
  }
  .abohilc-list {
    width: 770px;
  }
  .abohilc-number-circle {
    width: 250px;
    margin-left: -200px;
  }
  .abohilc-number-circle svg {
    width: 250px;
    height: 250px;
  }
  .abohixx-mix .gallery {
    padding-left: 150px;
  }
  .abohixx-list li .image {
    width: 420px;
  }
  .abohixx-list li .cont {
    width: calc(100% - 420px);
    padding: 18px 40px;
  }
  .abohixx-list li {
    margin-top: 44px;
  }
  .abohixx-list {
    height: 557px;
    padding-right: 40px;
  }
  .abohixx-list li .cont .hint p {
    margin-top: 24px;
  }
  .abousjs-image {
    width: 400px;
  }
  .abousjs-cont {
    width: calc(100% - 400px);
    padding-left: 70px;
  }
  .aboussz-list li {
    padding: 80px 60px 100px;
  }
  .aboustd-list ul {
    margin: -40px 0 0 -26px;
  }
  .aboustd-list li {
    width: calc(25% - 26px);
    margin: 40px 0 0 26px;
  }
  .abovaxx-list ul {
    margin: -28px 0 0 -28px;
  }
  .abovaxx-list li {
    width: calc(33.3333% - 28px);
    margin: 28px 0 0 28px;
  }
  .abovaxx-list li .text {
    padding: 36px 24px 48px;
  }
  .abovajs-list li .cont {
    padding: 40px 60px;
  }
  .abovajs-list li:not(:first-child) {
    margin-top: 36px;
  }
  .aboqujs-cont {
    padding-left: 50px;
  }
  .aboqulc-list li {
    padding: 16px 24px 32px;
  }
  .aboqulc-items:not(:first-child) .aboqulc-list li {
    padding: 16px 44px 32px;
  }
  .aboquzs-list ul {
    margin-left: -16px;
  }
  .aboquzs-list li {
    width: 266px;
    margin-left: 16px;
  }
  .aboquzs-list li a:not(:first-child) {
    margin-top: 16px;
  }
  .aboqucp-ul {
    margin: -24px 0 0 -24px;
  }
  .aboqucp-link {
    width: calc(33.3333% - 24px);
    margin: 24px 0 0 24px;
  }
  .aboqucp-link-image {
    padding-right: 18px;
  }
  .aboqucp-link-cont {
    padding-left: 18px;
  }
  .aboqucp-link-cont .cont {
    height: 68px;
    padding: 0 18px;
  }
  .swiperDot .swiper-pagination-bullet {
    margin: 0 0 0 20px !important;
  }
  .contpawm-list li:not(:first-child) {
    margin-left: 30px;
  }
  .contpawm-list li {
    width: 240px;
    padding: 40px 15px 60px;
  }
  .contpahb-link {
    padding: 28px 24px 38px;
  }
  .contpahb-link .image {
    height: 160px;
  }
  .contpayy-loop {
    padding: 0 140px;
  }
  .contpaxx-info {
    background-position: right 5% bottom;
    padding: 60px 200px 68px 20px;
  }
  .contpaxx-info li {
    padding: 0 30px;
  }
  .contpahb-link .cont {
    padding-top: 28px;
  }
  .contcamk-cont .name {
    width: 350px;
    padding-right: 26px;
  }
  .contcamk-cont .text {
    width: calc(100% - 350px);
  }
  .contcacz-cont {
    width: 680px;
    padding: 44px 20px;
  }
  .contxqlb-click {
    height: 84px;
  }
  .supsexw-loop .swiper-container {
    width: 1116px;
  }
  .supsexw-loop-image {
    width: 580px;
  }
  .supsexw-loop-cont {
    width: calc(100% - 580px);
    height: 500px;
    padding: 40px 70px;
  }
  .supsexx-list ul {
    margin: -50px 0 0 -50px;
  }
  .supsexx-list li {
    width: calc(33.3333% - 50px);
    margin: 50px 0 0 50px;
  }
  .supsesz-number li {
    padding: 20px 24px 32px;
  }
  .supsezc-list li {
    padding: 42px 20px;
  }
  .supselx-name {
    height: 96px;
  }
  .supdowd-menu a:not(:first-child) {
    margin-left: 80px;
  }
  .supdork-list li {
    padding: 0 70px;
  }
  .supfawt-mix-click {
    height: 80px;
  }
  .newslahh-r {
    width: 274px;
  }
  .newslahh-l {
    width: calc(100% - 274px);
    padding-right: 50px;
  }
  .newslahh-link .image {
    width: 290px;
  }
  .newslahh-link .cont {
    width: calc(100% - 290px);
    padding: 28px 0 0 28px;
  }
  .newslahh-link {
    padding: 30px 0;
  }
  .newslahh-side li {
    margin-top: 32px;
  }
  .newslahh-side-news a {
    margin-top: 28px;
  }
  .newspalb-ul {
    margin: -20px 0 0 -20px;
  }
  .newspalb-link {
    width: calc(33.3333% - 20px);
    margin: 20px 0 0 20px;
  }
  .newspalb-link .cont {
    padding: 28px 30px 36px;
  }
  .newslahh-side-logo {
    height: 200px;
  }
  .newspaxq .newslahh-side li {
    margin-top: 26px;
  }
  .newspaxq .newslahh-side li:last-child {
    padding-top: 24px;
  }
  .newspaxq .newslahh-l {
    padding-left: 50px;
  }
  .newspaxqBan.sonBan .sonBan-cont .title {
    max-width: 500px;
    padding: 30px 28px;
  }
  .proY4-cont .link a:not(:first-child) {
    margin-left: 50px;
  }
  .proY5-image img {
    height: 520px;
  }
  .proY5-cont {
    margin-top: 90px;
  }
  .proY5-loop .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .proY5-loop .swiper-pagination {
    top: 560px;
  }
  .proY6-list li {
    margin-top: 36px;
  }
  .proY7-cont {
    padding-left: 60px;
  }
  .proY7-list li:nth-child(2n) .proY7-cont {
    padding-right: 60px;
  }
  .proY4 {
    margin-top: -200px;
  }
  .techY1-cont .ico {
    max-width: 532px;
  }
  .techY4-items {
    padding-top: 92px;
  }
  .techY4-image img {
    height: 390px;
  }
  .techY5-image {
    width: 840px;
  }
  .techY5-cont {
    width: calc(100% - 840px);
    padding: 0 50px 0 70px;
  }
  .techY5-items.other .techY5-image {
    width: 800px;
  }
  .techY5-items.other .techY5-cont {
    padding: 0 80px 0 0;
    width: calc(100% - 800px);
  }
  .techY7 {
    padding-left: calc((100% - 1200px) / 2);
  }
  .techY6-cont .link a,
  .techY7-image i {
    width: 68px;
    height: 68px;
  }
  .techY7-image i {
    margin: -34px 0 0 -34px;
  }
  .techY7-circle {
    width: 520px;
    height: 520px;
    top: -90px;
  }
  .techY7 .swiper-container {
    padding-top: 90px;
    max-width: 1000px;
  }
  .techY7-cont {
    margin-top: 50px;
  }
  .techY7 .swiper-slide {
    margin-right: 100px;
  }
  .proLB2-list .aboqucp-ul {
    margin: -40px 0 0 -40px;
  }
  .proLB2-list .aboqucp-link {
    width: calc(50% - 40px);
    margin: 40px 0 0 40px;
  }
  .proLB2-items {
    padding: 50px 80px;
  }
  .proLB2-list .aboqucp-link-image .image {
    height: 280px;
  }
  .proYLink {
    height: 42px;
  }
  .techE6-mix .contain {
    padding: 0 70px;
  }
  .techE6-cont {
    padding-right: 160px;
  }
  .techE7-cont {
    padding: 0 70px;
  }
  .techE3 .techY3-cont .tags p::before {
    top: 12px;
  }
  .proY4-cont .title p sup {
    margin: -10px 0 0 -6px;
  }
  .proE3.proY3 .click {
    height: 50px;
    margin: -25px auto 0;
    width: 230px;
  }
  .proE4-img {
    height: 300px;
  }
  .proE6-image {
    width: 800px;
  }
  .proE6-cont {
    width: calc(100% - 800px);
    padding: 120px 80px 0 calc((100vw - 1080px) / 2);
  }
  .proE6-item:nth-child(2n) .proE6-cont {
    padding: 120px calc((100vw - 1080px) / 2) 0 100px;
  }
  .proE6-item.item1 .proE6-image .ico {
    height: 180px;
    width: calc(100% + 100px);
  }
  .proE6-item.item1 .proE6-image .ico img {
    transform: translate(620px, -80px) scale(0.5);
    height: 100%;
  }
  @keyframes proE6Run1 {
    0% {
      transform: translate(620px, -80px) scale(0.5);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
  .proE6-item.item2 .proE6-image .ico {
    width: 380px;
  }
  @keyframes proE6Run2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 310px);
    }
  }
  .proS1-cont {
    top: 160px;
  }
  .proS6-img {
    width: 880px;
  }
  .proS6-cont {
    width: calc(100% - 880px);
    padding: 40px 100px 40px 60px;
  }
  .proS6-cont li {
    margin-top: 60px;
  }
  .supcajs-result {
    padding: 60px 40px 54px;
  }
  .supcajs-result .aboqucp-ul {
    margin: -24px 0 0 -24px;
  }
  .supcajs-result .aboqucp-link {
    width: calc(33.3333% - 24px);
    margin: 24px 0 0 24px;
  }
  .supcajs-result .aboqucp-link-cont .cont {
    height: 62px;
    padding: 0 18px;
  }
  .supcajs-result .aboqucp-link-image {
    padding-right: 18px;
  }
  .supcajs-result .aboqucp-link-cont {
    padding-left: 18px;
  }
  .supcajs .contain > div {
    min-height: 530px;
  }
  .supcajs-mix-box > ul > li {
    margin: 40px 0 0 40px;
  }
  .supcajs-mix-box > ul {
    margin: -40px 0 0 -40px;
  }
  .supcajs-info .tellme,
  .supcajs-info .text {
    padding-left: 20px;
  }
  .abohicx-list li .text {
    min-height: 52px;
  }
}

@media all and (max-width: 1430px) {
  /* 1360 */
}

@media all and (max-width: 1350px) {
  /* 1280 */
}

@media all and (max-width: 1270px) {
  /* 1152 × (700) */
  .sonBan-bg {
    height: 320px;
  }
  .sonBan-menu a:not(:first-child) {
    margin-left: 44px;
  }
  .sonBan-place a {
    height: 54px;
  }
  .sonBan-menu a {
    height: 58px;
  }
  .sitemap-head ul {
    margin-top: -24px;
  }
  .sitemap-info {
    margin-top: 24px;
  }
  .sitemap-head li {
    padding-right: 18px;
  }
  .sitemap-info .link h4 {
    padding: 4px 0;
  }
  .sitemap-info .link {
    margin-top: 12px;
  }
  .sitemap-main .sitemap-head li:nth-child(1) {
    width: 42%;
  }
  .sitemap-main .sitemap-head li:nth-child(2) {
    width: 29%;
  }
  .sitemap-main .sitemap-head li:nth-child(3) {
    width: 29%;
  }
  .abohijs-image {
    width: 400px;
  }
  .abohijs-cont {
    width: calc(100% - 400px);
    padding-left: 30px;
  }
  .abohijs-image .text p {
    margin-top: 10px;
  }
  .abohijs-image .text {
    width: 100px;
    height: 100px;
  }
  .abohizd-image {
    width: 400px;
  }
  .abohizd-cont {
    width: calc(100% - 400px);
    padding-right: 30px;
  }
  .abohijs-image .text img {
    width: 40px;
  }
  .abohicp-ul {
    margin: -32px 0 0;
  }
  .abohicp-link {
    width: 100%;
    margin: 32px 0 0;
    min-height: 194px;
  }
  .abohizl-list li {
    padding: 20px 24px;
  }
  .abohilc-number {
    width: 180px;
  }
  .abohilc-list {
    width: 620px;
  }
  .abohilc-number-circle {
    width: 216px;
    margin-left: -177px;
  }
  .abohilc-number-circle svg {
    width: 216px;
    height: 216px;
  }
  .abohixx-mix .thumbs .swiper-wrapper {
    height: 340px;
  }
  .abohixx-mix .gallery {
    padding-left: 100px;
  }
  .abohixx-mix .gallery::before {
    left: 24px;
  }
  .abohixx-list {
    height: 415px;
    padding-right: 0;
  }
  .abohixx-list li .image {
    width: 320px;
  }
  .abohixx-list li .cont {
    width: calc(100% - 320px);
    padding: 18px 30px;
  }
  .abohixx-list li {
    margin-top: 24px;
  }
  .abohixx-list li .cont .hint p {
    margin-top: 16px;
  }
  .abousjs-image {
    width: 300px;
  }
  .abousjs-cont {
    width: calc(100% - 300px);
    padding-left: 30px;
  }
  .aboussz-list li {
    padding: 50px 30px 68px;
  }
  .aboustd-list ul {
    margin: -30px 0 0 -16px;
  }
  .aboustd-list li {
    width: calc(25% - 16px);
    margin: 30px 0 0 16px;
  }
  .aboustd-list li .cont {
    padding-top: 20px;
  }
  .abovaxx-list ul {
    margin: -18px 0 0 -18px;
  }
  .abovaxx-list li {
    width: calc(33.3333% - 18px);
    margin: 18px 0 0 18px;
  }
  .abovaxx-list li .text {
    padding: 28px 16px 36px;
  }
  .abovajs-list li .image {
    width: 400px;
  }
  .abovajs-list li .cont {
    width: calc(100% - 400px);
    padding: 28px 32px;
  }
  .abovajs-list li:not(:first-child) {
    margin-top: 28px;
  }
  .abopadt-list li {
    width: calc(100% / 3 - 20px);
  }
  .abopadt-list li .text {
    padding: 16px 0 0;
  }
  .abopadt-map {
    width: 880px;
  }
  .aboqujs-image {
    width: 400px;
  }
  .aboqujs-cont {
    width: calc(100% - 400px);
    padding-left: 40px;
  }
  .aboqulc-list li {
    padding: 16px 16px 28px;
  }
  .aboqulc-items:not(:first-child) .aboqulc-list li {
    padding: 16px 20px 28px;
  }
  .aboquzs-list ul {
    margin-left: -12px;
  }
  .aboquzs-list li {
    width: 224px;
    margin-left: 12px;
  }
  .aboquzs-list li a:not(:first-child) {
    margin-top: 12px;
  }
  .aboquzs-list li:first-child a .text {
    padding: 16px;
  }
  .aboquzs-list li a .text {
    padding: 16px;
  }
  .clickVideo .btn {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
  }
  .aboqucp-ul {
    margin: -16px 0 0 -16px;
  }
  .aboqucp-link {
    width: calc(33.3333% - 16px);
    margin: 16px 0 0 16px;
  }
  .aboqucp-link-image {
    padding-right: 14px;
  }
  .aboqucp-link-cont {
    padding-left: 14px;
  }
  .aboqucp-link-cont .cont {
    height: 64px;
    padding: 0 14px;
  }
  .contpawm-list li:not(:first-child) {
    margin-left: 20px;
  }
  .contpawm-list li {
    width: 210px;
    padding: 30px 15px 44px;
  }
  .contpahb-link .image {
    height: 140px;
  }
  .contpahb-link .cont {
    padding-top: 24px;
  }
  .contpayy-info .ico {
    width: 84px;
    height: 84px;
  }
  .contpayy-loop {
    padding: 0 100px;
  }
  .contpajr .toMessage-form {
    padding: 42px 44px 60px;
  }
  .contpaxx-info {
    background-position: right 3% bottom;
    padding: 44px 150px 48px 10px;
  }
  .contpaxx-info li {
    padding: 0 15px;
  }
  .contcamk-cont .name {
    width: 300px;
    padding-right: 20px;
  }
  .contcamk-cont .text {
    width: calc(100% - 300px);
  }
  .contcacz-cont {
    width: 600px;
    padding: 36px 20px;
  }
  .contcamk-link a {
    padding: 0 18px;
  }
  .contxqlb-click {
    height: 70px;
    padding: 0 60px 0 24px;
  }
  .contxqlb-drop {
    padding: 0 60px 30px 24px;
  }
  .contxqlb-drop h4 {
    font-size: 16px;
  }
  .contlxwm-list ul {
    margin: -30px 0 0 -15px;
  }
  .contlxwm-list li {
    width: calc(33.3333% - 15px);
    margin: 30px 0 0 15px;
  }
  .contlxwm-list li .link a:not(:first-child) {
    margin-left: 20px;
  }
  .supsexw-loop .swiper-container {
    width: 840px;
  }
  .supsexw-loop-image {
    width: 400px;
  }
  .supsexw-loop-cont {
    width: calc(100% - 400px);
    height: 380px;
    padding: 30px 40px;
  }
  .supsexx-list ul {
    margin: -30px 0 0 -30px;
  }
  .supsexx-list li {
    width: calc(33.3333% - 30px);
    margin: 30px 0 0 30px;
  }
  .supsesz-number li {
    padding: 16px 18px 24px;
  }
  .supsetd-mix .ico {
    width: 74px;
  }
  .supsetd-mix .cont {
    width: calc(100% - 74px);
  }
  .supselx-name {
    height: 80px;
    padding: 0 60px;
  }
  .supselx-list {
    padding: 28px 60px 40px;
  }
  .supsezc-list ul {
    margin: -16px 0 0 -16px;
  }
  .supsezc-list li {
    width: calc(33.3333% - 16px);
    padding: 28px 16px;
    margin: 16px 0 0 16px;
  }
  .supdowd-menu a:not(:first-child) {
    margin-left: 60px;
  }
  .supdork-list li {
    padding: 0 50px;
  }
  .supdoxz-list ul {
    margin-top: -24px;
  }
  .supdoxz-list li {
    padding: 0 15px;
    margin-top: 24px;
  }
  .supfawt-mix-menu a:not(:first-child) {
    margin-top: 10px;
  }
  .supfawt-mix-menu {
    width: 240px;
  }
  .supfawt-mix-box {
    width: calc(100% - 240px);
  }
  .supfawt-mix-click {
    height: 68px;
    padding: 0 60px 0 20px;
  }
  .supfawt-mix-drop {
    padding: 0 60px 30px 20px;
  }
  .newslahh-r {
    width: 250px;
  }
  .newslahh-l {
    width: calc(100% - 250px);
    padding-right: 40px;
  }
  .newslahh-side-tags a {
    height: 30px;
    padding: 0 12px;
    margin: 6px 6px 0 0;
  }
  .newslahh-side-search input {
    height: 44px;
  }
  .newslahh-side li {
    margin-top: 26px;
  }
  .newslahh-link .image {
    width: 250px;
  }
  .newslahh-link .cont {
    width: calc(100% - 250px);
    padding: 16px 0 0 24px;
  }
  .newslahh-link {
    padding: 26px 0;
  }
  .newslahh-side-news a {
    margin-top: 20px;
  }
  .newsfasp-list ul {
    margin: -16px 0 0 -16px;
  }
  .newsfasp-list li {
    width: calc(33.3333% - 16px);
    margin: 16px 0 0 16px;
  }
  .newsfasp-list li .image i {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
  }
  .newsfapx-prev,
  .newsfapx-next {
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
  .newspalb-ul {
    margin: -16px 0 0 -16px;
  }
  .newspalb-link {
    width: calc(33.3333% - 16px);
    margin: 16px 0 0 16px;
  }
  .newspalb-link .cont {
    padding: 18px 20px 28px;
  }
  .newslahh-side-logo {
    height: 160px;
  }
  .newspaxq .newslahh-side li {
    margin-top: 20px;
  }
  .newspaxq .newslahh-side li:last-child {
    padding-top: 18px;
  }
  .newspaxq .newslahh-l {
    padding-left: 40px;
  }
  .newspaxqBan.sonBan .sonBan-cont .title {
    max-width: 400px;
    padding: 28px 24px;
  }
  .proY5-image img {
    height: 420px;
  }
  .proY5-loop .swiper-pagination {
    top: 458px;
  }
  .proY7-cont {
    padding-left: 40px;
  }
  .proY7-list li:nth-child(2n) .proY7-cont {
    padding-right: 40px;
  }
  .proY9-image img {
    width: 600px;
  }
  .proY9-cont {
    padding-top: 64px;
  }
  .proYM {
    height: 90px;
  }
  .proYM-link a:not(.proYLink) {
    margin-right: 36px;
  }
  .proY4 {
    margin-top: -160px;
  }
  .techY1-cont .ico {
    max-width: 477px;
  }
  .techY3-cont {
    padding: 0 5% 0 4%;
  }
  .techY5-image {
    width: 680px;
  }
  .techY5-cont {
    width: calc(100% - 680px);
    padding: 0 50px 0 70px;
  }
  .techY5-items.other .techY5-image {
    width: 640px;
  }
  .techY5-items.other .techY5-cont {
    padding: 0 80px 0 0;
    width: calc(100% - 640px);
  }
  .techY7 {
    padding-left: calc((100% - 960px) / 2);
  }
  .techY7 .swiper-container {
    max-width: 860px;
  }
  .techY7 .swiper-slide {
    margin-right: 70px;
  }
  .techY7-circle {
    width: 460px;
    height: 460px;
  }
  .techYM a:not(:first-child) {
    margin-left: 100px;
  }
  .proLB2-list .aboqucp-ul {
    margin: -30px 0 0 -30px;
  }
  .proLB2-list .aboqucp-link {
    width: calc(50% - 30px);
    margin: 30px 0 0 30px;
  }
  .proLB2-items {
    padding: 40px 40px;
  }
  .proLB2-list .aboqucp-link-image .image {
    height: 260px;
  }
  .techE6-mix .contain {
    padding: 0 70px;
  }
  .techE6-cont {
    padding-right: 100px;
    width: calc(100% - 400px);
  }
  .techE6-number {
    width: 400px;
  }
  .techE7-cont {
    padding: 0 70px;
  }
  .techE3 .techY3-cont .tags p::before {
    top: 11px;
  }
  .techE6-cont .text p::before {
    width: 6px;
    height: 6px;
    top: 9px;
  }
  .proE4-cont {
    max-width: 490px;
  }
  .proE5-cont {
    padding: 0 40px;
  }
  .proE6-image {
    width: 640px;
  }
  .proE6-cont {
    width: calc(100% - 640px);
    padding: 80px 60px 0 calc((100vw - 880px) / 2);
  }
  .proE6-item:nth-child(2n) .proE6-cont {
    padding: 80px calc((100vw - 880px) / 2) 0 70px;
  }
  .proE6-item.item1 .proE6-image .ico {
    height: 150px;
    width: calc(100% + 60px);
  }
  .proE6-item.item1 .proE6-image .ico img {
    transform: translate(440px, -60px) scale(0.5);
    height: 100%;
  }
  @keyframes proE6Run1 {
    0% {
      transform: translate(440px, -60px) scale(0.5);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
  .proE6-item.item2 .proE6-image .ico {
    width: 300px;
    right: -38px;
  }
  @keyframes proE6Run2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 260px);
    }
  }
  .proS6-img {
    width: 650px;
  }
  .proS6-cont {
    width: calc(100% - 650px);
    padding: 40px 80px 40px 40px;
  }
  .proS6-cont li {
    margin-top: 40px;
  }
  .proS5.hasNight .proS5-cont-item {
    width: calc(50% - 60px);
  }
  .supcajs-result {
    padding: 40px 30px;
  }
  .supcajs-result .aboqucp-ul {
    margin: -16px 0 0 -16px;
  }
  .supcajs-result .aboqucp-link {
    width: calc(33.3333% - 16px);
    margin: 16px 0 0 16px;
  }
  .supcajs-result .aboqucp-link-cont .cont {
    height: 62px;
    padding: 0 14px;
  }
  .supcajs-result .aboqucp-link-image {
    padding-right: 14px;
  }
  .supcajs-result .aboqucp-link-cont {
    padding-left: 14px;
  }
  .supcajs .contain > div {
    min-height: 486px;
  }
  .supcajs-menu li {
    height: 50px;
  }
  .supcajs-mix-box > ul {
    margin: -20px 0 0 -20px;
  }
  .supcajs-mix-box > ul > li {
    width: 260px;
    margin: 20px 0 0 20px;
  }
  .supcajs-info .tellme span {
    font-size: 16px;
    right: 14px;
  }
  .supcajs-info .tellme input {
    font-size: 16px;
    padding: 0 48px 0 12px;
  }
  .supcajs-info .tellme .customSelect-name {
    padding: 0 12px;
    font-size: 16px;
  }
  .supcajs-info .tellme .customSelect-drop li {
    padding: 0 12px;
    font-size: 16px;
  }
  .abohicx-list li .text {
    min-height: 50px;
  }
}

@media all and (max-width: 1140px) {
  /* 1024 */
  .techY2 {
    padding: 60px 0;
  }
  .techY3 {
    background: #dfe2e5;
    height: auto;
    padding: 60px 0;
  }
  .techY3-sticky {
    position: static;
    height: auto;
  }
  .techY3-bg {
    display: none;
  }
  .techY3-image {
    position: relative;
    height: auto;
    text-align: center;
  }
  .techY3-cont {
    position: static;
    width: 100%;
    transform: translateY(0);
    padding: 0;
    max-width: 880px;
    margin: 20px auto 0;
    color: #000;
  }
  .techY4 {
    height: auto;
    padding: 60px 0;
  }
  .techY4-sticky {
    position: static;
    height: auto;
  }
  .techY4-items {
    position: static;
    opacity: 1;
    height: auto;
    padding: 0;
  }
  .techY4-image {
    position: static;
    margin-top: 48px;
  }
  .techY4-items:not(:first-child) {
    margin-top: 60px;
  }
  .techY4-image img {
    height: 300px;
  }
  .techY5-items {
    height: auto;
  }
  .techY5-image {
    position: static;
    width: 100%;
    height: auto;
  }
  .techY5-cont {
    width: 100%;
    max-width: 880px;
    padding: 28px 0;
    margin: 0 auto;
  }
  .techY5-items.other {
    flex-direction: row;
    padding: 60px 0;
  }
  .techY5-items.other .techY5-image {
    width: 100%;
    position: static !important;
    padding: 0 4%;
    text-align: center;
  }
  .techY5-items.other .techY5-cont {
    width: 100%;
    max-width: 880px;
    padding: 28px 0 0;
    margin: 0 auto;
  }
  .techY7 {
    height: auto;
    padding: 0;
  }
  .techY7-sticky {
    position: static;
    height: auto;
    width: 960px;
    margin: 0 auto;
  }
  .techY7 .swiper-container {
    width: 100%;
    overflow: hidden;
    padding: 0 0 4px;
    max-width: none;
  }
  .techY7-loop {
    height: auto;
  }
  .techY7-circle {
    display: none;
  }
  .techY7 .swiper-pagination {
    display: block;
    margin-top: 36px;
  }
  .techY7 .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    opacity: 1;
    margin: 0 0 0 12px !important;
    transition: all 0.4s ease;
  }
  .techY7 .swiper-pagination-bullet:first-child {
    margin: 0 !important;
  }
  .techY7 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #d84a27;
  }
  .techE3 .techY3-cont .tags p::before {
    background: #000;
  }
  .techE6-mix .contain {
    padding: 0 4%;
  }
  .techE6-cont {
    padding-right: 60px;
  }
  .techE6-image img {
    max-width: 88%;
  }
  .techE7-cont {
    padding: 0 40px;
  }
  .techE5 .techY5-items:first-child .techY5-image {
    padding: 50px 4% 0;
  }
  .proY4-cont .title p sup {
    margin: -8px 0 0 -4px;
  }
  .proS1-pc {
    display: none;
  }
  .proS1 {
    height: auto !important;
  }
  .proS1-mb {
    display: block;
  }
  .proS1-cont {
    top: 100px;
  }
  .proS1-mb-mix {
    width: 100%;
    position: relative;
  }
  .proS1-cont.cont2 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding: 0;
  }
  .proS1-mb-mix img {
    width: 100%;
    min-height: 500px;
  }
}

/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) {
  /* 平板设备 720 适配 */
  .sonBan-menu a:not(:first-child) {
    margin-left: 30px;
  }
  .sitemap-main .sitemap-head li:nth-child(1) {
    width: 47%;
  }
  .sitemap-main .sitemap-head li:nth-child(2) {
    width: 32%;
  }
  .sitemap-main .sitemap-head li:nth-child(3) {
    width: 21%;
  }
  .abohijs-image,
  .abohizd-image {
    width: 100%;
  }
  .abohijs-cont,
  .abohizd-cont {
    width: 100%;
    padding: 40px 0 0;
  }
  .abohizd .contain {
    flex-direction: row;
  }
  .abohilc-pc {
    display: none;
  }
  .abohilc-mb {
    display: block;
    padding: 60px 0;
  }
  .abohixx-mix .thumbs {
    width: 100%;
    padding: 0 30px;
  }
  .abohixx-mix .thumbs .swiper-wrapper {
    height: auto;
  }
  .abohixx-mix .thumbs .thumbs-click {
    height: 40px;
  }
  .abohixx-mix .thumbs .thumbs-click::before {
    display: none;
  }
  .abohixx-mix .thumbs .thumbs-prev,
  .abohixx-mix .thumbs .thumbs-next {
    width: 30px;
    height: 40px;
    line-height: 40px;
    bottom: auto;
    top: 0;
  }
  .abohixx-mix .thumbs .thumbs-prev {
    left: 0;
  }
  .abohixx-mix .thumbs .thumbs-prev::before {
    content: "\e623";
  }
  .abohixx-mix .thumbs .thumbs-next {
    left: auto;
    right: 0;
  }
  .abohixx-mix .thumbs .thumbs-next::before {
    content: "\e622";
  }
  .abohixx-mix .gallery {
    width: 100%;
    padding: 20px 0 0;
  }
  .abohixx-mix .gallery::before {
    width: 100%;
    height: 1px;
    left: 0;
  }
  .abousjs-image {
    width: 100%;
    text-align: center;
  }
  .abousjs-image img {
    width: auto;
  }
  .abousjs-cont {
    width: 100%;
    padding: 40px 0 0;
  }
  .aboussz-list li {
    padding: 32px 16px 48px;
  }
  .abovajs-list li .image {
    width: 300px;
  }
  .abovajs-list li .cont {
    width: calc(100% - 300px);
    padding: 28px 32px;
  }
  .abopadt-map {
    width: 100%;
  }
  .aboqujs-image {
    width: 100%;
  }
  .aboqujs-cont {
    width: 100%;
    padding: 40px 0 0;
  }
  .aboquzs-list li a .text {
    opacity: 1;
    height: auto;
    transform: scale(1);
  }
  .aboqucp-ul {
    margin: -16px 0 0;
  }
  .aboqucp-link {
    width: 100%;
    margin: 16px 0 0;
  }
  .aboquzs-list li {
    width: 200px;
  }
  .contpayy-prev {
    left: 0;
  }
  .contpayy-next {
    right: 0;
  }
  .contpajr .toMessage-form {
    padding: 30px 28px 40px;
  }
  .contpagm-link .btn {
    height: 52px;
    padding: 0 16px;
  }
  .contpaxx-info {
    background-position: right 3% bottom;
    padding: 32px 20px 60px;
    background-size: auto 130px;
  }
  .contpaxx-info li {
    padding: 0 12px;
    width: 50%;
  }
  .contpaxx-info li:last-child {
    margin-top: 24px;
  }
  .contcamk-cont .name {
    width: 260px;
    padding-right: 20px;
  }
  .contcamk-cont .text {
    width: calc(100% - 260px);
  }
  .contcacz-cont {
    width: 480px;
    padding: 30px 20px;
  }
  .contlxwm-list li {
    width: calc(50% - 15px);
  }
  .supsexw-loop .swiper-container {
    width: 92%;
    overflow: hidden;
  }
  .supsexw-loop-mix {
    transform: scale(1);
  }
  .supsexw-loop-image {
    width: 340px;
  }
  .supsexw-loop-cont {
    width: calc(100% - 340px);
    height: 300px;
    padding: 20px 28px;
  }
  .supselx-mix {
    width: 100%;
  }
  .newslahh-l {
    width: 100%;
    padding: 0;
  }
  .newslahh-r {
    width: 100%;
    margin-top: 40px;
  }
  .newspaxq .newslahh-l {
    padding-left: 0;
  }
  .newspaxq .contain {
    flex-direction: row;
  }
  .newslahh-side-logo {
    height: 140px;
  }
  .proYM {
    height: 74px;
  }
  .proY3 video {
    display: none !important;
  }
  .proY4 {
    margin-top: -100px;
  }
  .proY4-cont .link a:not(:first-child) {
    margin-left: 36px;
  }
  .proY5-image img {
    height: 310px;
  }
  .proY5-image {
    border-radius: 20px;
  }
  .proY5-loop .swiper-pagination {
    top: 350px;
  }
  .proY6-mix {
    padding-left: 0;
  }
  .proY7-list {
    padding: 0;
  }
  .proY9-image img {
    width: 460px;
  }
  .proY9-cont {
    padding-top: 40px;
  }
  .techYM a:not(:first-child) {
    margin-left: 70px;
  }
  .techY3-cont {
    width: 92%;
  }
  .techY4-image img {
    height: 240px;
  }
  .techY5-cont,
  .techY5-items.other .techY5-cont {
    max-width: 92%;
  }
  .techY7-sticky {
    width: 92%;
  }
  .techY6 {
    padding-top: 40px;
  }
  .proLB2-list .aboqucp-ul {
    margin: -20px 0 0 -20px;
  }
  .proLB2-list .aboqucp-link {
    width: calc(50% - 20px);
    margin: 20px 0 0 20px;
  }
  .proLB2-items {
    padding: 40px 0;
  }
  .proLB2-list .aboqucp-link-image .image {
    height: 240px;
  }
  .techE4 .title,
  .techE6-title .title,
  .techE6-title .hint {
    font-size: 44px;
  }
  .techE6 {
    padding-top: 40px;
  }
  .techE6-cont {
    width: 100%;
    padding: 0;
  }
  .techE6-number {
    width: 100%;
    margin-top: 40px;
  }
  .techE6-number li {
    margin-top: 24px;
  }
  .techE7-itsm:nth-child(2n + 1) {
    flex-direction: row;
  }
  .techE7-image,
  .techE7-cont {
    width: 100%;
  }
  .techE7-cont {
    padding: 32px 4%;
  }
  .techE8 {
    padding-top: 40px;
  }
  .techE7-image img {
    min-height: auto;
  }
  .techY3-video {
    display: none;
  }
  .proE4-cont {
    max-width: 100%;
  }
  .proE4 {
    padding-bottom: 200px;
  }
  .proE4-img {
    height: 180px;
  }
  .proE5-image,
  .proE5-cont {
    width: 100%;
  }
  .proE5-cont {
    width: 100%;
    padding: 28px 0 0;
  }
  .proE5-list li:not(:first-child) {
    margin-top: 40px;
  }
  .proE5-list li:nth-child(2n) {
    flex-direction: row;
  }
  .proE6-item:nth-child(2n + 1) {
    flex-direction: row;
  }
  .proE6-image {
    width: 100%;
  }
  .proE6-cont {
    width: 100%;
    padding: 40px 4% !important;
  }
  .proE6-item {
    margin-top: 0;
  }
  .proE6-item.item1 .proE6-image .ico {
    height: 130px;
    width: 94%;
  }
  .proE6-item.item1 .proE6-image .ico img {
    transform: translate(460px, -60px) scale(0.5);
    height: 100%;
  }
  @keyframes proE6Run1 {
    0% {
      transform: translate(460px, -60px) scale(0.5);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
  .proE6-item.item2 .proE6-image .ico {
    width: 300px;
    right: 2%;
  }
  @keyframes proE6Run2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 340px);
    }
  }
  .proE8-cont {
    padding-top: 30px;
  }
  .proE10-image {
    width: 360px;
  }
  .proE10-cont {
    width: calc(100% - 360px);
  }
  .proE3.proY3 img {
    min-height: 240px;
  }
  .proE8-bg {
    min-height: 240px;
  }
  .proS6-img {
    width: 100%;
  }
  .proS6-cont {
    width: 100%;
    padding: 40px 4%;
  }
  .proS6-cont li {
    margin-top: 28px;
  }
  .proS7-head-tags ul {
    max-width: 100%;
    margin-top: 0;
  }
  .proS7-head-tags li {
    width: 100% !important;
    margin-top: 28px;
  }
  .proS7-head-tags li:first-child {
    margin-top: 0;
  }
  .supcajs-result .aboqucp-link {
    width: calc(50% - 16px);
  }
  .supcajs-mix-box > ul {
    margin: -20px 0 0;
  }
  .supcajs-mix-box > ul > li {
    width: 100%;
    margin: 20px 0 0;
  }
  .supcajs-mix-box {
    padding: 0 30px;
  }
  .supcajs-mix-box > ul > li .ico {
    width: 64px;
    text-align: center;
    max-width: none;
  }
  .supcajs-info {
    flex: none;
    width: calc(100% - 64px);
  }
}
@media all and (max-width: 640px) {
  /* 移动终端以上 360 适配 */
  .sonBan-place a:not(:first-child) {
    margin-left: 22px;
  }
  .sonBan-place a:not(:first-child)::before {
    left: -17px;
  }
  .sonBan-place a {
    height: 40px;
  }
  .sonBan-menu::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
  }
  .sonBan-menu .contain {
    overflow-x: auto;
    width: 100%;
  }
  .sonBan-menu .contain::before {
    display: none;
  }
  .sonBan-menu a {
    height: 44px;
    margin: 0 5px 0 15px !important;
  }
  .sonBan-bg {
    height: 260px;
  }
  .sitemap-head ul {
    margin-top: -16px;
  }
  .sitemap-info {
    margin-top: 16px;
  }
  .sitemap-head li {
    width: 100% !important;
    padding: 0 !important;
  }
  .sitemap-info .link {
    margin-top: 8px;
  }
  .abohijs-image .text p {
    margin-top: 6px;
  }
  .abohijs-image .text img {
    width: 32px;
  }
  .abohijs-image .text {
    width: 84px;
    height: 84px;
  }
  .abohijs-cont .text,
  .abohizd-cont .text {
    margin-top: 10px;
  }
  .abohijs-cont,
  .abohizd-cont {
    padding: 24px 0 0;
  }
  .abohizl .sonTitle .title {
    line-height: 1.4;
  }
  .sonMore {
    width: 136px;
    height: 40px;
  }
  .sonMore span::after {
    margin-left: 6px;
  }
  .abohizd-cont .link {
    margin-top: 18px;
  }
  .abohicp-list {
    margin-top: 24px;
  }
  .abohicp-ul {
    margin: -16px 0 0;
  }
  .abohicp-link {
    margin: 16px 0 0;
    min-height: auto;
  }
  .abohicp-link .image {
    width: 100%;
    height: 180px;
    margin: 0;
  }
  .abohicp-link .cont {
    width: 100%;
    padding: 20px 16px;
  }
  .abohizl-list ul {
    margin: -12px 0 0;
  }
  .abohizl-list li {
    width: 100%;
    margin: 12px 0 0;
    padding: 20px 16px;
  }
  .abohilc-mb {
    padding: 32px 0 38px;
  }
  .abohixx-mix {
    margin-top: 20px;
  }
  .abohixx-list li .image {
    width: 100%;
  }
  .abohixx-list {
    height: 315px;
    padding-right: 12px;
  }
  .abohixx-list li .cont {
    width: 100%;
    padding: 20px 0 0;
  }
  .abohixx-list li .cont .hint p.sj {
    background-position: left top;
  }
  .abohixx-list li .cont .hint p.dz {
    background-position: left top;
  }
  .abohixx-list li .cont .hint p {
    margin-top: 12px;
  }
  .abohicx-list li .image {
    height: auto;
  }
  .abohicx-list li {
    width: 100%;
    padding: 24px 0 0;
    justify-content: center !important;
  }
  .abohicx-list li:first-child {
    padding: 0;
  }
  .abohicx-list li .link a {
    width: 130px;
  }
  .abousjs-image img {
    width: 172px;
  }
  .abousjs-cont {
    padding: 24px 0 0;
  }
  .abousjs-cont .title {
    font-size: 20px;
  }
  .abousjs-cont .text {
    margin-top: 12px;
  }
  .aboussz-list li {
    width: 50%;
  }
  .aboussz-list li .text {
    font-size: 12px;
    line-height: 18px;
  }
  .aboussz-list li {
    padding: 24px 6px 32px;
  }
  .aboustd-list ul {
    margin: -12px 0 0 -8px;
  }
  .aboustd-list li {
    width: calc(50% - 8px);
    margin: 12px 0 0 8px;
  }
  .aboustd-list li .cont {
    padding-top: 12px;
  }
  .aboustd-list li .cont .name {
    font-size: 14px;
  }
  .aboustd-list li .cont .hint {
    font-size: 12px;
  }
  .abova .sonTitle .title {
    font-size: 20px;
  }
  .abovaxx-list {
    margin-top: 24px;
  }
  .abovaxx-list ul {
    margin: -18px 0 0;
  }
  .abovaxx-list li {
    width: 100%;
    margin: 18px 0 0;
  }
  .abovaxx-list li .text {
    padding: 24px 15px 28px;
  }
  .abovajs-list {
    margin-top: 24px;
  }
  .abovajs-list li .image {
    width: 100%;
    height: auto;
  }
  .abovajs-list li .cont {
    width: 100%;
    padding: 24px 15px 28px;
  }
  .abovajs-list li:not(:first-child) {
    margin-top: 18px;
  }
  .abopadt-map-dot .dot::before {
    width: 14px;
    height: 12px;
    margin-left: -7px;
  }
  .abopadt-list li .text {
    padding: 12px 0 0;
  }
  .abopadt-list ul {
    margin: -12px 0 0 -12px;
  }
  .abopadt-list li {
    width: calc(100% / 2 - 12px);
    margin: 12px 0 0 12px;
  }
  .abopadt .sonTitle .title {
    font-size: 18px;
  }
  .abopafw-list li .text {
    margin-top: 0;
  }
  .abopafw-list li {
    width: 100%;
    padding: 0;
  }
  .abopafw-list li:not(:first-child) {
    margin-top: 12px;
  }
  .aboqujs-cont {
    padding: 24px 0 0;
  }
  .aboqujs-cont .text {
    margin-top: 12px;
  }
  .aboqulc-list li {
    width: 100%;
    flex: auto;
    padding: 16px 0 !important;
  }
  .aboqulc-list li:not(:first-child)::before {
    width: 100%;
    height: 1px;
  }
  .aboqulc-list {
    margin-top: 16px;
  }
  .aboqulc-list li .text {
    margin-top: 10px;
  }
  .aboquzs .sonTitle .title {
    font-size: 20px;
  }
  .aboquzs-list ul {
    margin: -8px 0 0;
  }
  .aboquzs-list li {
    width: 100% !important;
    margin: 8px 0 0;
    flex-direction: row;
    flex: auto !important;
  }
  .aboquzs-list li a:not(:first-child) {
    margin-top: 0;
  }
  .aboquzs-list li:not(:first-child) a {
    width: calc(50% - 4px);
  }
  .aboquzs-list li a .text {
    font-size: 15px;
    padding: 8px 12px !important;
  }
  .clickVideo .btn {
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    background-size: 10px auto;
  }
  .contpawm-list li {
    width: 100%;
    padding: 24px 16px;
    margin: 12px 0 0 !important;
  }
  .contpawm-list li:first-child {
    margin-top: 0 !important;
  }
  .contpahb-link {
    padding: 20px 16px 28px;
  }
  .contpahb-link .image {
    height: 124px;
  }
  .contpahb-link .cont {
    padding-top: 18px;
  }
  .contpahb-link .link a {
    width: 130px;
  }
  .contpayy-prev,
  .contpayy-next {
    display: none;
  }
  .contpayy-loop {
    padding: 0;
  }
  .contpayy-info .ico img {
    width: 34px;
  }
  .contpayy-info .ico {
    width: 60px;
    height: 60px;
  }
  .contpajr .toMessage-form {
    padding: 20px 16px 24px;
  }
  .contpagm-link .btn {
    height: 42px;
    padding: 0 14px;
  }
  .contpagm-map-dot .dot::before {
    width: 10px;
    height: 10px;
    margin-left: -5px;
  }
  .contpaxx-info li {
    width: 100%;
    margin: 18px 0 0 !important;
    text-align: left;
    padding: 0;
  }
  .contpaxx-info li:first-child {
    margin: 0 !important;
  }
  .contpaxx-info li .text {
    margin-top: 4px;
  }
  .contpaxx-info {
    background-position: right bottom;
    padding: 30px 16px 40px;
    background-size: auto 130px;
    margin-top: 20px;
  }
  .contpajr .toMessage-form li button {
    width: 128px;
  }
  .contcamk-link a {
    padding: 0 14px;
  }
  .contcamk-cont .name {
    width: 100%;
    padding-right: 0;
  }
  .contcamk-cont .text {
    width: 100%;
    margin-top: 4px;
  }
  .contcacz-cont {
    width: 268px;
    padding: 16px 14px;
    line-height: 1.4;
    border-width: 3px;
    font-size: 18px;
  }
  .contcass-search input {
    padding: 0 50px 0 12px;
    height: 48px;
  }
  .contcass-search button {
    width: 50px;
    font-size: 18px;
  }
  .contxqlb-click::after {
    font-size: 14px;
    right: 8px;
  }
  .contxqlb-click {
    height: 60px;
    padding: 0 32px 0 10px;
  }
  .contxqlb-click .name {
    width: calc(100% - 90px);
    font-size: 14px;
    line-height: 20px;
  }
  .contxqlb-click .time {
    font-size: 13px;
  }
  .contcass {
    padding-bottom: 0;
  }
  .contxqlb-drop {
    padding: 0 10px 24px 10px;
  }
  .contxqlb-drop h4 {
    font-size: 12px;
  }
  .contlxwm-list ul {
    margin: -20px 0 0;
  }
  .contlxwm-list li {
    width: 100%;
    margin: 20px 0 0;
  }
  .contlxwm-list li .link a:not(:first-child) {
    margin-left: 14px;
  }
  .supsexw-loop-image {
    width: 100%;
  }
  .supsexw-loop-image img {
    height: 230px;
  }
  .supsexw-loop-cont {
    width: 100%;
    height: auto;
    padding: 20px 15px;
  }
  .supsexw-loop-cont .text {
    margin-top: 8px;
  }
  .supsexw-loop-cont .time {
    margin-top: 20px;
  }
  .supsexw-loop {
    margin-top: 20px;
  }
  .supse .contpaxx .sonTitle .title {
    font-size: 17px;
  }
  .supsexx-list ul {
    margin: -24px 0 0;
  }
  .supsexx-list li {
    width: 100%;
    margin: 24px 0 0;
  }
  .supsexx-link a,
  .supsesz-link a,
  .supsezc-link a {
    width: 130px;
  }
  .supsetd li {
    width: 100%;
    flex-direction: row !important;
    padding: 0 0 20px 0 !important;
  }
  .supsetd li:nth-child(2n) {
    padding: 20px 0 0 !important;
  }
  .supsetd li:nth-child(2n)::before {
    width: 100%;
    height: 1px;
  }
  .supsesz-number ul {
    margin-top: -16px;
  }
  .supsesz-number li {
    width: 50%;
    flex: auto;
    padding: 0 12px;
    margin-top: 16px;
  }
  .supsesz-number li:nth-child(2n + 1):before {
    display: none;
  }
  .supsesz-number li .text {
    line-height: 20px;
  }
  .supselx-name {
    height: 50px;
    padding: 0 12px;
  }
  .supselx-list {
    padding: 16px 12px 20px;
  }
  .supselx-list li {
    padding: 6px 0;
  }
  .supsezc-list ul {
    margin: -16px 0 0;
  }
  .supsezc-list li {
    width: 100%;
    padding: 20px 16px;
    margin: 16px 0 0;
  }
  .supdowd-menu a {
    height: 28px;
    font-size: 13px;
  }
  .supdowd-menu a:not(:first-child) {
    margin-left: 10px;
  }
  .supdodl-form li {
    margin-top: 12px;
  }
  .supdodl-form {
    width: 100%;
  }
  .supdodl-form li input {
    height: 48px;
    padding: 0 16px;
  }
  .supdodl-form li button {
    height: 48px;
    font-size: 16px;
  }
  .supdoxz-list ul {
    margin-top: -20px;
  }
  .supdoxz-list li {
    width: 50%;
    padding: 0 10px;
    margin-top: 20px;
  }
  .supdoxz-list li:nth-child(2n + 1)::before {
    display: none;
  }
  .supdoxz-list li .link a {
    width: 130px;
  }
  .supdork-list li {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .supdork-list li:last-child {
    padding: 20px 0 0 0;
  }
  .supdork-list li:not(:first-child)::before {
    width: 100%;
    height: 1px;
  }
  .supdork-list li .link a {
    width: 130px;
  }
  .supfawt-mix {
    margin-top: 20px;
  }
  .supfawt-mix-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #e1e1e2;
    padding-bottom: 10px;
    justify-content: space-between;
  }
  .supfawt-mix-menu a {
    background: #f9f9f9;
    height: 36px;
    padding: 0;
    justify-content: center;
    width: calc(50% - 3px);
    margin: 0 0 6px 0 !important;
  }
  .supfawt-mix-menu a::before {
    display: none;
  }
  .supfawt-mix-menu a.active {
    background: #d84a27;
    color: #fff;
  }
  .supfawt-mix-box {
    width: 100%;
    padding: 16px 0 0;
  }
  .supfawt-mix-hint {
    height: auto;
  }
  .supfawt-mix-click {
    height: 60px;
    padding: 0 34px 0 10px;
  }
  .supfawt-mix-click .name {
    font-size: 14px;
    line-height: 20px;
  }
  .supfawt-mix-click::after {
    font-size: 14px;
    right: 8px;
  }
  .supfawt-mix-drop {
    padding: 0 34px 20px 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .newslahh-link .image {
    width: 100%;
  }
  .newslahh-link .cont {
    width: 100%;
    padding: 20px 0 0;
  }
  .newslahh-link {
    padding: 24px 0 20px;
  }
  .newslahh-r {
    margin-top: 28px;
  }
  .newslahh-side li {
    margin-top: 20px;
  }
  .newslahh-side-media a {
    margin-top: 8px;
  }
  .newslaxq-share a {
    margin-right: 14px;
  }
  .newslahh-side-news a {
    margin-top: 16px;
  }
  .newsfasp-list ul {
    margin: -16px 0 0;
  }
  .newsfasp-list li {
    width: 100%;
    margin: 16px 0 0;
  }
  .newsfapx-prev {
    left: 10px;
  }
  .newsfapx-next {
    right: 10px;
  }
  .newsfapx-prev,
  .newsfapx-next {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background-size: 16px auto;
  }
  .newspalb-ul {
    margin: -16px 0 0;
  }
  .newspalb-link {
    width: 100%;
    margin: 16px 0 0;
  }
  .newspalb-link .cont {
    padding: 20px 16px 24px;
  }
  .newspalb-link .title {
    height: auto;
    max-height: 72px;
  }
  .newslahh-side-logo {
    height: auto;
  }
  .newspaxq .newslahh-side li {
    margin-top: 18px;
  }
  .newspaxq .newslahh-side li:last-child {
    padding-top: 16px;
  }
  .newspaxqBan.sonBan .sonBan-cont .title {
    max-width: 400px;
    padding: 16px 16px;
  }
  .proPlace {
    display: none;
  }
  .proYM-link a.proYLink {
    height: 26px !important;
    width: 94px !important;
    margin-left: 10px;
  }
  .proYM-link a:nth-child(2) {
    display: none;
  }
  .proYM-link a:not(.proYLink) {
    margin-right: 0;
    font-size: 12px;
    margin-left: 10px;
  }
  .proYM-link a:first-of-type {
    margin-left: 0;
  }
  .proYM-name {
    font-size: 16px;
  }
  .proYM {
    height: 48px;
  }
  .proYM.on {
    height: 40px;
  }
  .techY1-cont .link .proYLink,
  .techY3-cont .link .proYLink,
  .techY5-cont .link .proYLink,
  .techY7-cont .link .proYLink,
  .techE6-cont .more .proYLink,
  .techE7-cont .more .proYLink,
  .techE7-cont .link .proYLink {
    margin: 0 auto;
  }
  .techY1-cont .link {
    margin-top: 160px;
  }

  div.techE6-mix div.techE6-number a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .techY3-cont,
  .techY5-cont,
  .techY7-cont,
  .techE6-cont,
  .techE7-cont {
    text-align: center;
  }
  .techY4-image,
  .techY4-image2 {
    position: unset;
  }
  .proYLink {
    height: 38px;
    width: 132px;
  }
  .proYLink i {
    margin: 2px 0 0 8px;
  }
  .proY2-number li {
    width: 50%;
  }
  .proY2-number li:nth-child(1) {
    order: 1;
  }
  .proY2-number li:nth-child(3) {
    order: 2;
  }
  .proY2-number li:nth-child(2) {
    width: 100%;
    order: 3;
    margin-top: 16px;
  }
  .proY4 {
    margin-top: 0;
  }
  .proY4-cont .title {
    font-size: 21px;
  }
  .proY4-cont .link a:not(:first-child) {
    margin-left: 20px;
  }
  .proY5-image img {
    height: 150px;
  }
  .proY5-image {
    border-radius: 6px;
  }
  .proY4-cont .text {
    margin-top: 12px;
  }
  .proY5-cont {
    margin-top: 40px;
  }
  .proY5-loop .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .proY5-loop .swiper-pagination {
    top: 166px;
  }
  .proY6-list li .title img {
    max-width: 38px;
  }
  .proY6-list li .title span {
    margin-left: 16px;
  }
  .proY6-list li {
    margin-top: 18px;
  }
  .proY6::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
  }
  .proY7-list li:nth-child(2n) {
    flex-direction: row;
  }
  .proY7-image,
  .proY7-cont {
    width: 100%;
  }
  .proY7-cont {
    width: 100%;
    padding: 18px 0 0 !important;
  }
  .proY7-list li:not(:first-child) {
    margin-top: 20px;
  }
  .proY9-image {
    width: 100%;
  }
  .proY9-cont {
    position: static;
    width: 100%;
    text-align: center;
  }
  .proY9-cont .title {
    max-width: 100%;
  }
  .proY9-cont .link a {
    margin: 0 auto;
  }
  .proY9 {
    padding-bottom: 50px;
  }
  .proY10-title .title {
    font-size: 28px;
  }
  .proY10-mix {
    margin-top: 16px;
  }
  .techYM a img {
    height: 26px;
  }
  .techYM {
    height: 80px;
    display: none;
  }
  .techYM a p {
    margin-top: 8px;
  }
  .techYM a:not(:first-child) {
    margin-left: 40px;
  }
  .techY1-cont .ico {
    max-width: 300px;
  }
  .techY1-cont .hidden-mb {
    visibility: hidden;
  }
  .techY2 {
    padding: 30px 0;
  }
  .techY2-number li {
    width: 50%;
  }
  .techY2-number li:nth-child(1) {
    order: 3;
    width: 100%;
    margin-top: 16px;
  }
  .techY2-number li .num {
    font-size: 24px;
  }
  .techY2-number li .num span {
    font-size: 30px;
  }
  .techY3 {
    padding: 36px 0;
  }
  .techY3-cont .title {
    line-height: 26px;
  }
  .techY3-cont .link a {
    height: 36px;
    padding: 0 16px;
  }
  .techY3-cont .text {
    margin-top: 8px;
  }
  .techY3-cont .link {
    margin-top: 20px;
  }
  .techY4 {
    padding: 36px 0;
  }
  .techY4-image {
    margin-top: 18px;
  }
  .techY4-image img {
    height: auto;
  }
  .techY4-items:not(:first-child) {
    margin-top: 24px;
  }
  .techY5-cont .title {
    font-size: 24px;
    line-height: 1.3;
  }
  .techY5-cont .text {
    margin-top: 4px;
  }
  .techY5-cont {
    padding: 24px 0;
  }
  .techY5-items.other {
    padding: 36px 0;
  }
  .techY5-items.other .techY5-cont {
    padding: 24px 0 0;
  }
  .techY6-title .title {
    font-size: 28px;
  }
  .techY6 {
    padding-top: 10px;
  }
  .techY6-cont {
    padding: 20px 15px 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  .techY6-cont .text {
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
  }
  .techY6-cont .link {
    margin-top: 12px;
  }
  .techY6-cont .link a::before,
  .techY7-image i::before {
    height: 14px;
    margin: -7px 0 0 -1px;
  }
  .techY6-cont .link a::after,
  .techY7-image i::after {
    width: 14px;
    margin: -1px 0 0 -7px;
  }
  .techY6-cont .link a,
  .techY7-image i {
    width: 38px;
    height: 38px;
  }
  .techY6-image img {
    min-height: 184px;
  }
  .techY7-image i {
    margin: -19px 0 0 -19px;
  }
  .techY7-image img {
    min-height: 140px;
  }
  .techY7-cont {
    margin-top: 20px;
  }
  .techY7 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .techY7 .swiper-pagination {
    margin-top: 24px;
  }
  .techY1-cont {
    padding-top: 54px;
  }
  .proLB1 .sonTitle .text {
    margin-top: 12px;
  }
  .proLB2-cont .text {
    margin-top: 6px;
  }
  .proLB2-list .aboqucp-ul {
    margin: -16px 0 0;
  }
  .proLB2-list .aboqucp-link {
    width: 100%;
    margin: 16px 0 0;
  }
  .proLB2-items {
    padding: 28px 0;
  }
  .proLB2-list .aboqucp-link-image .image {
    height: 220px;
  }
  .techE4 .title,
  .techE6-title .title,
  .techE6-title .hint {
    font-size: 24px;
  }
  .techE5 .techY5-items:first-child .techY5-image {
    padding: 30px 4% 0;
  }
  .techE4 {
    padding-bottom: 20px;
  }
  .techE6-cont .title {
    font-size: 24px;
  }
  .techE6 {
    padding-top: 10px;
  }
  .techE6-cont .text p::before {
    top: 8px;
  }
  .techE6-cont .text p:not(:first-child) {
    margin-top: 10px;
  }
  .techE6-number {
    margin-top: 24px;
  }
  .techE6-number li .num p {
    margin-right: 10px;
  }
  .techE6-number li {
    margin-top: 12px;
  }
  .techE7-cont .title {
    font-size: 24px;
  }
  .techE7-cont .title span {
    font-size: 36px;
  }
  .techE7-cont {
    padding: 24px 4%;
  }
  .techE8 {
    padding-top: 10px;
  }
  .proY4-cont .title p sup {
    margin: -4px 0 0 -2px;
  }
  .proE3.proY3 .click {
    height: 42px;
    margin: -21px auto 0;
    width: 204px;
  }
  .proE4-cont .title {
    font-size: 24px;
  }
  .proE4-img {
    height: 140px;
  }
  .proE4 {
    padding-bottom: 166px;
  }
  .proE5-list li:not(:first-child) {
    margin-top: 32px;
  }
  .proE5-cont {
    padding: 24px 0 0;
  }
  .proE5-cont .text {
    margin-top: 12px;
  }
  .proE6-item.item1 .proE6-image .ico {
    height: 90px;
    bottom: 16px;
  }
  .proE6-item.item1 .proE6-image .ico img {
    transform: translate(200px, -40px) scale(0.5);
  }
  @keyframes proE6Run1 {
    0% {
      transform: translate(200px, -40px) scale(0.5);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
  .proE6-cont .title {
    font-size: 24px;
  }
  .proE6-cont {
    padding: 28px 4% !important;
  }
  .proE6-item.item2 .proE6-image .ico {
    width: 180px;
  }
  @keyframes proE6Run2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 140px);
    }
  }
  .proE6-cont .text {
    margin-top: 10px;
  }
  .proE8-cont .title {
    font-size: 24px;
  }
  .proE8-cont {
    padding-top: 24px;
  }
  .proE10 {
    padding: 40px 0;
  }
  .proE10-mix {
    flex-direction: row;
  }
  .proE10-image {
    width: 100%;
  }
  .proE10-cont {
    width: 100%;
    margin-top: 24px;
  }
  .proS1-cont .title {
    font-size: 24px;
  }
  .proS1-cont .hint {
    font-size: 16px;
    line-height: 1.28;
  }
  .proS1-mb-mix img {
    height: calc(100vh - 50px);
  }
  .proS1-cont {
    top: 128px;
  }
  .proYM.long {
    flex-direction: column;
    height: auto;
    padding: 6px 0;
  }
  .proYM.long .proYM-name {
    width: 100%;
    margin-bottom: 2px;
  }
  .proYM.long .proYM-link a {
    height: auto;
  }
  .proS1-mb-mix:last-child img {
    min-height: auto;
    height: 340px;
  }
  .proS1-cont-box {
    max-width: 200px;
  }
  .proS2 .proY2-number ul {
    margin-top: -16px;
  }
  .proS2 .proY2-number li {
    width: 50%;
    order: 1 !important;
    margin: 16px 0 0 !important;
  }
  .proS3 {
    padding: 36px 0;
  }
  .proS3-cont {
    position: relative;
    padding: 0;
  }
  .proS3-cont .title {
    font-size: 24px;
  }
  .proS3-cont .hint {
    margin-top: 10px;
  }
  .proS3-cont .text {
    margin-top: 6px;
  }
  .proS3-bg {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
  }
  .proS3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
  }
  .proS4-cont .title {
    font-size: 24px;
  }
  .proS4-img img {
    max-width: 200px;
  }
  .proS5-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
  }
  .proS6-cont li .text {
    padding-left: 16px;
  }
  .proS6-cont li {
    margin-top: 14px;
  }
  .proS6-cont {
    padding: 28px 4%;
  }
  .proS5-cont-item {
    margin-top: 24px;
  }
  .proS7-head-title {
    font-size: 24px;
  }
  .proS7-head-tags li .text {
    padding-left: 14px;
  }
  .proS7-head-tags li {
    margin-top: 14px;
  }
  .proS9 {
    padding: 40px 0;
  }
  .proS9-mix {
    flex-direction: row;
  }
  .proS9-image {
    width: 100%;
    text-align: center;
  }
  .proS9-image img {
    max-width: 240px;
  }
  .proS9-cont {
    width: 100%;
  }
  .proS5 {
    height: auto;
    overflow: hidden;
  }
  .proS5-sticky {
    position: relative;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .proS5-image {
    position: relative;
    order: 1;
    height: auto;
  }
  .proS5-image img {
    position: relative;
    min-height: 200px;
  }
  .proS5-cont {
    padding: 28px 0 36px;
    position: relative;
    color: #222;
    order: 2;
  }
  .proS5.hasNight .proS5-cont-item {
    width: 100%;
  }
  .proS5.hasNight .proS5-cont-item:not(:first-child) {
    margin-top: 20px;
  }
  .proE1 .proY1-cont .title {
    font-size: 30px;
  }
  .proY1-cont.hidden-mb {
    display: none;
  }
  .supcajs-result {
    padding: 36px 16px;
  }
  .supcajs-result .aboqucp-ul {
    margin: -16px 0 0;
  }
  .supcajs-result .aboqucp-link {
    width: 100%;
    margin: 16px 0 0;
  }
  .supcajs .contain > div {
    min-height: auto;
  }
  .supcajs-mix-box {
    padding: 0 16px;
  }
  .supcajs-mix-box > ul > li .ico {
    width: 48px;
    height: 42px;
  }
  .supcajs-info .tellme input {
    height: 42px;
  }
  .supcajs-info {
    width: calc(100% - 48px);
  }
  .supcajs-info .tellme,
  .supcajs-info .text {
    padding-left: 14px;
  }
  .supcajs-info .tellme .customSelect-name {
    height: 42px;
  }
  .supcajs-info .tellme .customSelect-drop {
    top: 42px;
  }
  .supcajs-info .tellme .customSelect-drop li {
    height: 40px;
  }
  .abohicx-list li .text {
    min-height: auto;
  }
  .proS4-cont .link a:not(:first-child) {
    margin-left: 10px;
  }
  .proLB2-menu-ul {
    font-size: 14px;
  }
  .proLB2-menu a {
    margin-left: 10px;
  }
  .proY2-number ul {
    margin-top: -16px;
  }
  .proY2-number li {
    width: 50% !important;
    margin-top: 16px;
  }
  .proS3-cont .link a:not(:first-child) {
    margin-left: 10px;
  }
}