@charset "UTF-8";
@font-face {
  font-family: "hs-r";
  src: url('../fonts/HarmonyOS_Sans_Regular.ttf');
}
@font-face {
  font-family: "hs-m";
  src: url(../fonts/HarmonyOS_Sans_Medium.ttf);
}
@font-face {
  font-family: "hs-b";
  src: url(../fonts/HarmonyOS_Sans_Bold.ttf);
}
@font-face {
  font-family: "hs-black";
  src: url(../fonts/HarmonyOS_Sans_Black.ttf);
}
@font-face {
  font-family: "hs-l";
  src: url(../fonts/HarmonyOS_Sans_Light.ttf);
}
@font-face {
  font-family: "hs-t";
  src: url(../fonts/HarmonyOS_Sans_Thin.ttf);
}
/*全局初始化样式 --*/
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  font-family: '微软雅黑', 'hs-r';
  color: #333;
  min-width: 320px;
  width: 100%;
  zoom: 1;
  /*禁用Webkit内核浏览器的文字大小调整功能*/
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制文本可选性*/
  /*设置字体的抗锯齿或者说光滑度*/
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
* {
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 0.75em;
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  box-sizing: border-box;
}
table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;
}
table td,
table th {
  padding: 5px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
/*html5设置*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
html,
body,
div,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
p {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  outline: none;
  color: #333;
  cursor: pointer;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
a:hover {
  color: #01b2b3;
}
a img {
  border: none;
}
/*强制去除表单自带的样式*/
select,
input,
textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
input:focus {
  outline: none;
}
input,
button,
select,
textarea {
  outline: none;
  /*-webkit-appearance:none;*/
}
textarea {
  resize: none;
  /*-webkit-appearance:none;*/
}
textarea,
input,
select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
/*清楚浮动*/
.clear {
  clear: both;
  overflow: hidden;
}
/*该设置跟后台编辑器有关*/
.ul,
.ul li,
.dl,
.dl dd,
ul,
ul li,
ol,
ol li,
dl,
dl dd {
  list-style: none;
  margin: 0;
  padding: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fleximportant {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.inlineflex {
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
}
.d_flex > * {
  display: block;
}
/*伸缩流方向*/
.f_direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_direction_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/*主轴对齐*/
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/*侧轴对齐*/
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
/*伸缩性*/
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex_auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.flex_1 {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/*显示顺序*/
.order_2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.order_3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
/*单行溢出*/
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.text4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.donghua {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.donghua1 {
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75;
  transition: all 0.75s;
}
.donghua2 {
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
.fangda {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.fangda5 {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.xuanzhuan {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.xuanzhuanx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xuanzhuany {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.pr {
  position: relative;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
img {
  max-width: 100%;
  max-height: 100%;
}
.pc {
  display: block;
}
.wap {
  display: none;
}
.scroll_x {
  overflow-y: hidden;
  overflow-x: scroll;
}
.scroll_x::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.scroll_x::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.scroll_y {
  overflow-y: scroll;
}
.scroll_y::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.scroll_y::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.scroll_y2 {
  overflow-y: scroll;
}
.scroll_y2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.scroll_y2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #01b2b3;
}
.scroll_y2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #e8e8e8;
}
.wrap {
  width: 100%;
  padding: 0 160px;
}
.swiper-pagination-bullet-active{
    background: #00B2B3;
}


@-webkit-keyframes round1 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes round1 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.round1 {
  -webkit-animation-name: round1;
  animation-name: round1;
}
.c-btn {
  position: absolute;
  top: 14.8%;
  left: 36.4%;
  z-index: 20;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 990px) {
  .c-btn {
    display: none;
  }
}
.c-btn .c-box1 {
  position: relative;
  height: 22px;
}
.c-btn .c-box1 div {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  animation: round1 3s linear infinite;
}
@media (max-width: 1580px) {
 .c-btn .c-box1 {
     height: 14px;
 }
  .c-btn .c-box1 div {
    width: 14px;
    height: 14px;
  }
}
.c-btn .c-box1 div:nth-child(2) {
  animation: round1 3s 1s linear infinite;
}
.c-btn .c-box1 div:nth-child(3) {
  animation: round1 3s 2s linear infinite;
}
.c-btn .c-box1 .c-ico {
  position: relative;
  z-index: 5;
  width: 22px;
  height: 22px;
  vertical-align: top;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1580px) {
  .c-btn .c-box1 .c-ico {
    width: 14px;
    height: 14px;
  }
}
.c-btn .c-box2 {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -12px;
  z-index: 1;
  padding: 0 28px 0 64px;
  height: 0.5rem;
  min-height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  pointer-events: none;
}
@media (max-width: 1580px) {
  .c-btn .c-box2 {
    left: -8px;
    padding: 0 20px 0 50px;
  }
}
.c-btn .c-box2::before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.c-btn .c-box2 a {
  display: inline-flex;
  align-items: center;
}
.c-btn .c-box2 span {
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.c-btn .c-box2-r {
  left: auto;
  right: -12px;
  padding: 0 64px 0 28px;
}
@media (max-width: 1580px) {
  .c-btn .c-box2-r {
    right: -8px;
    padding: 0 50px 0 20px;
  }
}
.c-btn:hover .c-box2 {
  pointer-events: initial;
}
.c-btn:hover .c-box2::before {
  opacity: 1;
  width: 100%;
}
.c-btn:hover .c-box2 .c-ico,
.c-btn:hover .c-box2 span {
  opacity: 1;
}





@media (max-width: 1500px) {
  .wrap {
    padding: 0 120px;
  }
}
@media (max-width: 1366px) {
  .wrap {
    padding: 0 100px;
  }
}
@media (max-width: 1280px) {
  .wrap {
    padding: 0 108px;
  }
}
@media (max-width: 990px) {
  .wrap {
    padding: 0 30px;
  }
}

.wrap1440 {
  width: 100%;
  padding: 0 240px;
}

@media (max-width: 1500px) {
  .wrap1440 {
    padding: 0 200px;
  }
}
@media (max-width: 1366px) {
  .wrap1440 {
    padding: 0 120px;
  }
}
@media (max-width: 1280px) {
  .wrap1440 {
    /*padding: 0 80px;*/
    padding: 0 150px;
  }
}
@media (max-width: 990px) {
  .wrap1440 {
    padding: 0 20px;
  }
}













@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .wap {
    display: block;
  }
}


.videowrap{
    position: relative;
    height: 100%;
}
.videowrap video{
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px) {
    .videowrap video{
        display: none;
}
.videowrap .wap {
    display: block;
}
.videowrap .c-btn {
    display: none;
}
}

.banner_s {
  position: relative;
  overflow: hidden;
}
.banner_s:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 150px;
  top: 0;
  background: rgba(255, 255, 255, 0.1);
  z-index: 9;
}
.banner_s .left_gdt {
  width: 150px;
  height: 250px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.banner_s .left_gdt p {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 20%;
  width: auto;
  height: 20px;
  margin-left: 5px;
  white-space: nowrap;
  transform: translate(-50%, -50%) rotate(90deg);
}
.banner_s .left_gdt .gdt {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 120px;
  background: rgba(255, 255, 255, 0.1);
}
.banner_s .left_gdt .gdt:before {
  content: '';
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.banner_s .banner_sp {
  width: 150px;
  height: auto;
  left: auto;
  right: 0;
  bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner_s .banner_sp span {
  width: 28px;
  height: 28px;
  position: relative;
  background: transparent;
  opacity: 1;
  margin: 10px!important;
  display: block;
}
.banner_s .banner_sp span:before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -3px;
  background: #fff;
  border-radius: 50%;
}
.banner_s .banner_sp span.swiper-pagination-bullet-active:before {
  background: #fff;
}
.banner_s .banner_sp span svg circle {
  border: 2px solid #fff;
}
.banner_s .banner_s_n {
  width: 150px;
  height: 150px;
  background: #01b2b3;
  right: 0;
  margin-top: -75px;
}
.banner_s .banner_s_n:after {
  display: none;
}
.banner_s .banner_s_n i:before {
  font-size: 35px;
  color: #fff;
}
.banner_s .swiper-slide img {
  width: 100%;
}
.banner_s .swiper-slide .art {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  padding: 0 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
.banner_s .swiper-slide .art h1 {
  margin: 20px 0 80px;
}
@media (max-width: 1920px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 75px;
  }
}
@media (max-width: 1776px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 67.95918367px;
  }
}
@media (max-width: 1680px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 64.28571429px;
  }
}
@media (max-width: 1600px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 61.2244898px;
  }
}
@media (max-width: 1500px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 57.39795918px;
  }
}
@media (max-width: 1440px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 55.10204082px;
  }
}
@media (max-width: 1366px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 52.27040816px;
  }
}
@media (max-width: 1280px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 48.97959184px;
  }
}
@media (max-width: 1152px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 44.08163265px;
  }
}
@media (max-width: 1024px) {
  .banner_s .swiper-slide .art h1 {
    font-size: 39.18367347px;
  }
}
@media (max-width: 1920px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 50px;
  }
}
@media (max-width: 1776px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 45.30612245px;
  }
}
@media (max-width: 1680px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 42.85714286px;
  }
}
@media (max-width: 1600px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 40.81632653px;
  }
}
@media (max-width: 1500px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 38.26530612px;
  }
}
@media (max-width: 1440px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 36.73469388px;
  }
}
@media (max-width: 1366px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 34.84693878px;
  }
}
@media (max-width: 1280px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1152px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1024px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 26.12244898px;
  }
}
.banner_s .swiper-slide .art p {
  opacity: 0.7;
}
@media (max-width: 1920px) {
  .banner_s .swiper-slide .art p {
    font-size: 26px;
  }
}
@media (max-width: 1776px) {
  .banner_s .swiper-slide .art p {
    font-size: 23.55918367px;
  }
}
@media (max-width: 1680px) {
  .banner_s .swiper-slide .art p {
    font-size: 22.28571429px;
  }
}
@media (max-width: 1600px) {
  .banner_s .swiper-slide .art p {
    font-size: 21.2244898px;
  }
}
@media (max-width: 1500px) {
  .banner_s .swiper-slide .art p {
    font-size: 19.89795918px;
  }
}
@media (max-width: 1440px) {
  .banner_s .swiper-slide .art p {
    font-size: 19.10204082px;
  }
}
@media (max-width: 1366px) {
  .banner_s .swiper-slide .art p {
    font-size: 18.12040816px;
  }
}
@media (max-width: 1280px) {
  .banner_s .swiper-slide .art p {
    font-size: 16.97959184px;
  }
}
@media (max-width: 1152px) {
  .banner_s .swiper-slide .art p {
    font-size: 15.28163265px;
  }
}
@media (max-width: 1024px) {
  .banner_s .swiper-slide .art p {
    font-size: 13.58367347px;
  }
}
@media (max-width: 1500px) {
  .banner_s:before {
    right: 120px;
  }
  .banner_s .banner_s_n {
    width: 120px;
    height: 120px;
    margin-top: -60px;
  }
  .banner_s .banner_s_n i:before {
    font-size: 25px;
  }
  .banner_s .banner_sp {
    width: 120px;
  }
  .banner_s .left_gdt {
    width: 120px;
  }
  .banner_s .swiper-slide .art h1 {
    margin: 15px 0 60px;
  }
  .banner_s .swiper-slide .art {
    padding: 0 120px;
  }
}
@media (max-width: 1366px) {
  .banner_s:before {
    right: 100px;
  }
  .banner_s .banner_s_n {
    width: 100px;
    height: 100px;
    margin-top: -50px;
  }
  .banner_s .banner_s_n i:before {
    font-size: 25px;
  }
  .banner_s .banner_sp {
    width: 100px;
  }
  .banner_s .left_gdt {
    width: 100px;
  }
  .banner_s .swiper-slide .art h1 {
    margin: 15px 0 60px;
  }
  .banner_s .swiper-slide .art {
    padding: 0 100px;
  }
}
@media (max-width: 990px) {
  .banner_s:before {
    right: 50px;
    display: none;
  }
  .banner_s .banner_s_n {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    display: none;
  }
  .banner_s .banner_s_n i:before {
    font-size: 20px;
  }
  .banner_s .banner_sp {
    width: calc(100% - 100px);
    left: 50px;
    text-align: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 10px;
  }
  .banner_s .left_gdt {
    width: 50px;
  }
  .banner_s .swiper-slide img {
    min-height: 50vh;
    object-fit: cover;
  }
  .banner_s .swiper-slide .art h1 {
    margin: 15px 0 30px;
  }
  .banner_s .swiper-slide .art {
    padding: 0 50px;
  }
  .banner_s .swiper-slide .art h2 {
    font-size: 18px;
  }
  .banner_s .swiper-slide .art h1 {
    margin: 15px 0;
    font-size: 24px;
  }
  .banner_s .swiper-slide .art p {
    font-size: 16px;
  }
  .banner_s .left_gdt {
    display: none;
  }
  .banner_s .banner_sp span {
    transform: scale(0.8);
    margin: 0!important;
  }
}
@media (max-width: 768px) {
  .banner_s .swiper-slide .art h2 {
    font-size: 16px;
  }
  .banner_s .swiper-slide .art h1 {
    font-size: 20px;
  }
  .banner_s .swiper-slide .art p {
    font-size: 14px;
  }
}
@keyframes spin {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
#progress {
  animation: circleProgress 25s infinite;
}
@keyframes circleProgress {
  0% {
    stroke-dashoffset: 314;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.index_products {
  padding-bottom: 110px;
  overflow: hidden;
  background: url(../images/bg1.jpg) no-repeat center;
  position: relative;
}
.index_products:before {
  width: 40%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #edf0f3;
  z-index: 0;
}
.index_products:after {
  content: 'Boyee';
  font-family: 'hs-b';
  font-size: 300px;
  color: #a09f9f;
  position: absolute;
  right: 0px;
  bottom: -50px;
  width: auto;
  height: auto;
  opacity: 0.07;
  text-transform: uppercase;
  line-height: 1;
}
.index_products .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.index_products .title .left {
  width: 40%;
  background: #edf0f3;
  padding: 100px 0px 70px 150px;
}
.index_products .title .left .p1 {
  font-size: 24px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}
.index_products .title .left .p1:before {
  content: '';
  width: 40px;
  height: 2px;
  background: #1b1e1e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.index_products .title .left h2 {
  font-family: 'hs-b';
  text-transform: uppercase;
  font-size: 68px;
}
.index_products .title .left h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
}
.index_products .title .right {
  width: 60%;
  padding: 100px 150px 0 100px;
  position: relative;
  overflow: hidden;
}
.index_products .title .right:before {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e7eaed;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_products .title .right .tabtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 110px;
}
.index_products .title .right .tabtitle li {
  width: auto;
  height: 110px;
  font-family: 'hs-l';
  position: relative;
  cursor: pointer;
}
.index_products .title .right .tabtitle li:before {
  content: '';
  width: 0;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_products .title .right .tabtitle li a {
  color: #121818;
  font-weight: bold;
}
.index_products .title .right .tabtitle li.swiper-slide-active a {
  color: #01b2b3;
}
.index_products .title .right .tabtitle li.swiper-slide-active:before {
  width: 100%;
  background: #01b2b3;
}
.index_products .box_s {
  position: relative;
  z-index: 1;
}
.index_products .box_s .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 31%;
  position: relative;
}
.index_products .box_s .swiper-slide .imgbox {
  position: absolute;
  left: 0;
  width: 49%;
  height: 100%;
  background: #01b2b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_products .box_s .swiper-slide .art {
  position: absolute;
  right: 0;
  width: 46%;
}
.index_products .box_s .swiper-slide .art .tit {
  margin-top: 50px;
  font-size: 24px;
  font-family: 'hs-m';
  display: inline-block;
  padding: 0 32px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #01b2b3;
  border-radius: 17px;
}
.index_products .box_s .swiper-slide .art h1 {
  margin: 20px 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: bold;
}
.index_products .box_s .swiper-slide .art h1 p {
  max-width: 50%;
  font-size: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_products .box_s .swiper-slide .art h1 a {
  background: #01b2b3;
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 150px 0 30px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_products .box_s .swiper-slide .art h1 a span {
  margin: 0 10px;
}
.index_products .box_s .swiper-slide .art h1 a .i1 {
  width: 40px;
  height: 1px;
  background: #fff;
}
.index_products .box_s .swiper-slide .art h1 a .icon-right {
  background: #fff;
  border-radius: 50%;
}
.index_products .box_s .swiper-slide .art h1 a .icon-right:before {
  color: #01b2b3;
}
.index_products .box_s .swiper-slide .art .info {
  font-size: 20px;
  line-height: 44px;
  color: #494545;
  height: 230px;
  margin-right: 150px;
  overflow-y: scroll;
}
.index_products .box_s .swiper-slide .art .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.index_products .box_s .swiper-slide .art .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.index_products .box_s .swiper-slide .art .info p {
  padding-left: 30px;
  position: relative;
}
.index_products .box_s .swiper-slide .art .info p:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 18px;
  background: #01b2b3;
}
.index_products .box_s .swiper-slide .art .sxy {
  width: 100%;
  height: 60px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 24px;
  color: #121818;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:after,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next:after {
  display: none;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev i,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next i {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #cccccc;
  border-radius: 50%;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev i:before,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next i:before {
  color: #fff;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:hover,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next:hover {
  color: #01b2b3;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:hover i,
.index_products .box_s .swiper-slide .art .sxy .swiper-button-next:hover i {
  background: #01b2b3;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev {
  margin-right: 270px;
}
.index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:before {
  content: '';
  width: 270px;
  height: 1px;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -0.5px;
  background: #ccc;
}
@media (max-width: 1680px) {
  .index_products .title .left h2 {
    font-size: 58px;
  }
  .index_products:after {
    font-size: 250px;
  }
}
@media (max-width: 1500px) {
  .index_products {
    padding-bottom: 80px;
  }
  .index_products:after {
    font-size: 200px;
  }
  .index_products .title .left h2 {
    font-size: 50px;
  }
  .index_products .box_s .swiper-slide .art h1 p {
    font-size: 28px;
  }
  .index_products .title .left {
    padding: 80px 0px 50px 120px;
  }
  .index_products .title .right {
    padding: 80px 120px 0 80px;
  }
  .index_products .box_s .swiper-slide .art h1 {
    margin-bottom: 40px;
  }
  .index_products .box_s .swiper-slide .art h1 a {
    padding-right: 120px;
  }
  .index_products .box_s .swiper-slide .art .info {
    font-size: 18px;
    line-height: 30px;
    max-height: 180px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev,
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-next {
    width: 100px;
    font-size: 18px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev {
    margin-right: 150px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:before {
    width: 150px;
  }
  .index_products .box_s .swiper-slide .art .info {
    margin-right: 120px;
  }
  .index_products .box_s .swiper-slide .art .info p:before {
    top: 11px;
  }
}
@media (max-width: 1440px) {
  .index_products {
    padding-bottom: 60px;
  }
  .index_products:after {
    font-size: 150px;
  }
  .index_products .title .left h2 {
    font-size: 36px;
  }
  .index_products .title .left h2 i {
    width: 8px;
    height: 8px;
  }
  .index_products .box_s .swiper-slide .art h1 p {
    font-size: 26px;
  }
  .index_products .title .left {
    padding: 50px 0px 20px 100px;
  }
  .index_products .title .right {
    padding: 50px 100px 0 50px;
  }
  .index_products .title .right .tabtitle li {
    font-size: 14px;
  }
  .index_products .box_s .swiper-slide .art h1 {
    margin-bottom: 30px;
  }
  .index_products .box_s .swiper-slide .art .info {
    font-size: 16px;
    line-height: 24px;
    max-height: 100px;
  }
  .index_products .box_s .swiper-slide .art .tit {
    margin-top: 10px;
    font-size: 16px;
  }
  .index_products .box_s .swiper-slide .art .info {
    margin-right: 100px;
  }
  .index_products .box_s .swiper-slide .art h1 a {
    padding-right: 100px;
    white-space: nowrap;
    max-width: 50%;
  }
  .index_products .box_s .swiper-slide .art .info p:before {
    top: 10px;
  }
  .index_products .title .left .p1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .index_products .title .right.h3:before {
    height: 5px;
  }
}
@media (max-width: 1280px) {
  .index_products .title .right .tabtitle li{
    margin-right: 15px;
    max-width: 100px;
  }
}
@media (max-width: 1024px) {
  .index_products .box_s .swiper-slide .art .info ul li{
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .index_products {
    padding-bottom: 0px;
  }
  .index_products:before {
    display: none;
  }
  .index_products:after {
    font-size: 100px;
    bottom: 0;
  }
 
  .index_products .title .right:before,
  .index_products .title .right .tabtitle li:before {
    bottom: 0px;
    height: 5px;
  }
  .index_products .title .right .tabtitle{
    height: 60px;
  }
  .index_products .title .right .tabtitle li {
    height: 60px;
  }
  .index_products .title .right .tabtitle li a {
    font-size: 14px;
  
  }
  .index_products .title .left .p1 {
    font-size: 20px;
    padding-left: 30px;
  }
  .index_products .title .left h2 {
    font-size: 24px;
  }
  .index_products .title .left .p1:before {
    width: 20px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev {
    margin-right: 100px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev:before {
    width: 100px;
  }
  .index_products .box_s .swiper-slide .art .sxy {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 70px;
  }
  .index_products .box_s .swiper-slide .art .info p {
    padding-left: 15px;
    font-size: 14px;
  }
  .index_products .box_s .swiper-slide .art .info p:before {
    top: 8px;
  }
  .index_products .box_s .swiper-slide .art .info {
    margin-top: 15px;
    margin-right: 0;
    font-size: 14px;
  }
  .index_products .box_s .swiper-slide .art h1 {
    margin: 0;
  }
  .index_products .box_s .swiper-slide .art h1 p {
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 120px);
    max-width: 70%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 34px;
  }
  .index_products .box_s .swiper-slide .art h1 a {
    position: absolute;
    left: 20px;
    bottom: 75px;
  }
  .index_products:after {
    display: none;
  }
  .index_products .box_s .swiper-slide .art .sxy {
    margin-top: 60px;
    -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  }
  .index_products .box_s .swiper-slide .art .tit {
    margin-top: 0;
  }
  .index_products .box_s .swiper-slide .art h1 p {
    top: 0;
    font-size: 24px;
  }
  .index_products .box_s .swiper-slide .art h1 a {
    height: 45px;
    left: 0;
    bottom: 65px;
  }
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-prev,
  .index_products .box_s .swiper-slide .art .sxy .swiper-button-next {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .index_products .title {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .index_products .title .left {
    width: 100%;
    padding: 40px 0px 20px 20px;
  }
  .index_products .title .right {
    width: 100%;
    padding: 20px ;
  }
  .index_products .box_s .swiper-slide {
    padding-bottom: 0;
    height: auto;
  }
  .index_products .box_s .swiper-slide .imgbox {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 250px;
  }
  .index_products .box_s .swiper-slide .art {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    padding: 20px 20px 0 20px;
  }
  .index_products .box_s .swiper-slide .art .tit {
    margin-top: 0;
    max-width: calc(50% - 30px);
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index_products .box_s .swiper-slide .art h1 p {
    font-size: 18px;
    top: 20px;
  }
  .index_products .box_s .swiper-slide .art h1 a {
    padding: 0px 15px;
    height: 35px;
    line-height: 35px;
    left: 20px;
    font-size: 14px;
  }
  .index_products .box_s .swiper-slide .art h1 a .i1 {
    display: none;
  }
  .index_products .box_s .swiper-slide .art .info {
    margin-right: 20px;
  }
  .index_products .box_s .swiper-slide .art .info ul li{
    font-size: 14px;
  }
}
.index_solution {
  padding: 140px 0 150px;
  overflow: hidden;
}
.index_solution .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.index_solution .wrap:hover .left h3 p:after {
  width: 100%;
}
.index_solution .wrap .left {
  width: 48.7%;
}
.index_solution .wrap .left .p1 {
  font-size: 24px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}
.index_solution .wrap .left .p1:before {
  content: '';
  width: 40px;
  height: 2px;
  background: #1b1e1e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.index_solution .wrap .left h2 {
  font-family: 'hs-b';
  text-transform: uppercase;
  padding-bottom: 86px;
  position: relative;
  font-size: 68px;
}
.index_solution .wrap .left h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
}
.index_solution .wrap .left h2:before {
  content: '';
  width: calc(100% + 150px);
  height: 1px;
  background: #1b1e1e;
  height: 4px;
  opacity: 0.05;
  position: absolute;
  left: -150px;
  bottom: 0;
}
.index_solution .wrap .left h2:after {
  content: '';
  width: 95px;
  height: 4px;
  background: #01b2b3;
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_solution .wrap .left h3 {
  margin-top: 49px;
  font-family: '思源黑体 CN';
  font-weight: bold;
  font-size: 55px;
  line-height: 75px;
}
.index_solution .wrap .left h3 p {
  position: relative;
  display: inline-block;
}
.index_solution .wrap .left h3 p span {
  position: relative;
  z-index: 1;
}
.index_solution .wrap .left h3 p:after {
  content: '';
  width: 0;
  height: 15px;
  background: #01b2b3;
  position: absolute;
  bottom: 10px;
  left: 0;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75;
  transition: all 0.75s;
}
.index_solution .wrap .left .info {
  font-size: 20px;
  line-height: 36px;
  color: #666666;
  font-family: '思源黑体 CN';
  margin-top: 60px;
  height: 220px;
  overflow-y: scroll;
}
.index_solution .wrap .left .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.index_solution .wrap .left .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.index_solution .wrap .left .more_a {
  margin-top: 50px;
  width: 375px;
  font-size: 24px;
  color: #041333;
  position: relative;
  display: block;
  padding-bottom: 45px;
}
.index_solution .wrap .left .more_a:hover {
  color: #01b2b3;
}
.index_solution .wrap .left .more_a:hover:after {
  width: 100%;
}
.index_solution .wrap .left .more_a i {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 24px;
  font-family: 'hs-l';
}
.index_solution .wrap .left .more_a:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #041333;
  opacity: 0.1;
}
.index_solution .wrap .left .more_a:after {
  content: '';
  width: 110px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_solution .wrap .right {
  width: 45%;
}
.index_solution .wrap .right .box {
  width: 100%;
  height: 0;
  padding-bottom: 113%;
  position: relative;
}
.index_solution .wrap .right .box:before {
  width: 100%;
  height: 100%;
  content: '';
  background: #e8e8e8;
  left: calc(100% + 60px);
  position: absolute;
  top: 0;
}
.index_solution .wrap .right .box .sol_s {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.index_solution .wrap .right .box .sol_s .swiper-slide img {
  width: 100%;
  height: 100%;
}
.index_solution .wrap .right .box .sol_s .swiper-slide .art {
  width: 100%;
  height: 110px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(1, 178, 179, 0.8);
  padding: 30px 130px 30px 30px;
  font-size: 30px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index_solution .wrap .right .box .sol_s .sol_s_p {
  left: auto;
  right: 0;
  bottom: 0;
  height: 110px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
  width: 100px;
  line-height: 110px;
}
.index_solution .wrap .right .box .sol_s .sol_s_p span.swiper-pagination-current {
  color: #fff;
  font-size: 48px;
}
@media (max-width: 1680px) {
  .index_solution {
    padding: 100px 0;
  }
  .index_solution .wrap .left h2 {
    padding-bottom: 60px;
    font-size: 58px;
  }
  .index_solution .wrap .left h3 {
    font-size: 44px;
  }
  .index_solution .wrap .left .info {
    font-size: 18px;
    line-height: 32px;
    height: 150px;
  }
}
@media (max-width: 1500px) {
  .index_solution {
    padding: 80px 0;
  }
  .index_solution .wrap .left h2 {
    padding-bottom: 50px;
    font-size: 50px;
  }
  .index_solution .wrap .left h3 {
    font-size: 40px;
    line-height: 55px;
  }
  .index_solution .wrap .left .info {
    font-size: 16px;
    line-height: 24px;
    height: 100px;
  }
}
@media (max-width: 1440px) {
  .index_solution .wrap .left h2 {
    padding-bottom: 40px;
  }
  .index_solution .wrap .left h3 {
    font-size: 30px;
    line-height: 45px;
    margin-top: 40px;
  }
  .index_solution {
    padding: 60px 0;
  }
}
@media (max-width: 1366px) {
  .index_solution .wrap .left .p1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .index_solution .wrap .left h2 {
    font-size: 36px;
  }
  .index_solution .wrap .left h2 i {
    width: 8px;
    height: 8px;
  }
  .index_solution .wrap .right .box:before {
    left: calc(100% + 30px);
  }
}
@media (max-width: 1280px) {
  .index_solution .wrap .left h2 {
    padding-bottom: 30px;
  }
  .index_solution .wrap .left h3 {
    margin-top: 20px;
  }
  .index_solution .wrap .left .info {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .index_solution .wrap .left .info {
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .index_solution .wrap .left .info {
    margin-top: 15px;
    font-size: 14px;
  }
  .index_solution .wrap .left .p1 {
    font-size: 20px;
    padding-left: 30px;
  }
  .index_solution .wrap .left .p1:before {
    width: 20px;
  }
  .index_solution .wrap .left h2 {
    font-size: 24px;
  }
  .index_solution {
    padding: 40px 0;
  }
  .index_solution .wrap .left h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .index_solution .wrap .left h3 p:after {
    height: 10px;
    bottom: 0;
  }
  .index_solution .wrap .left .more_a {
    width: 120px;
    margin-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  .index_solution .wrap .left .more_a i {
    top: 0;
  }
  .index_solution .wrap .left .more_a:before,
  .index_solution .wrap .left .more_a:after {
    display: none;
  }
  .index_solution .wrap .left .info {
    margin-bottom: 15px;
  }
  .index_solution .wrap .right .box .sol_s .swiper-slide .art {
    padding: 10px 60px 10px 10px;
    height: 50px;
    font-size: 16px;
  }
  .index_solution .wrap .right .box .sol_s .sol_s_p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .index_solution .wrap .right .box .sol_s .sol_s_p span.swiper-pagination-current {
    font-size: 24px;
  }
  .index_solution .wrap .left h2 {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .index_solution .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .index_solution .wrap .left {
    width: 100%;
  }
  .index_solution .wrap .left h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .index_solution .wrap .left h3 p:after {
    height: 10px;
    bottom: 0;
  }
  .index_solution .wrap .left .more_a {
    width: 80px;
    margin-top: 5px;
    padding-bottom: 15px;
    font-size: 14px;
  }
  .index_solution .wrap .left .more_a i {
    top: 3px;
    font-size: 16px;
  }
  .index_solution .wrap .left .more_a:before,
  .index_solution .wrap .left .more_a:after {
    display: none;
  }
  .index_solution .wrap .right {
    width: 100%;
  }
  .index_solution .wrap .right .box .sol_s .swiper-slide .art {
    padding: 10px 60px 10px 10px;
    height: 50px;
    font-size: 16px;
  }
  .index_solution .wrap .right .box .sol_s .sol_s_p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .index_solution .wrap .right .box .sol_s .sol_s_p span.swiper-pagination-current {
    font-size: 24px;
  }
}
.index_yyly .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index_yyly .top .left {
  width: 54%;
  overflow: hidden;
}
.index_yyly .top .left .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 72%;
  position: relative;
}
.index_yyly .top .left .imgbox .yyly_s {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
}
.index_yyly .top .left .imgbox .yyly_s .yyly_s_p {
  max-width: 50%;
  left: auto;
  right: 35px;
  height: 20%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_yyly .top .left .imgbox .yyly_s .yyly_s_p span.swiper-pagination-bullet {
  background: #fff;
  margin: 0 9px;
}
.index_yyly .top .left .imgbox .yyly_s .yyly_s_n {
  right: auto;
  left: 15%;
  top: auto;
  bottom: 0;
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_yyly .top .left .imgbox .yyly_s .yyly_s_n:after {
  display: none;
}
.index_yyly .top .left .imgbox .yyly_s .yyly_s_n i {
  font-size: 30px;
  color: #fff;
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,56,74,.3);
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide img {
  width: 100%;
  height: 100%;
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide .art {
  position: absolute;
  bottom: 20%;
  color: #fff;
  padding: 0 15% 50px;
  z-index: 1;
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide .art:before {
  content: '';
  width: 70%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 15%;
  bottom: 0;
  opacity: 0.3;
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide .art span {
  font-size: 22px;
  display: block;
  margin-bottom: 20px;
}
.index_yyly .top .left .imgbox .yyly_s .swiper-slide .art p {
  font-size: 30px;
  line-height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index_yyly .top .right {
  width: 46%;
  background: #f9fafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index_yyly .top .right .title {
  padding: 0 150px;
  height: calc(100% - 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.index_yyly .top .right .title .p1 {
  font-size: 24px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}
.index_yyly .top .right .title .p1:before {
  content: '';
  width: 40px;
  height: 2px;
  background: #1b1e1e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.index_yyly .top .right .title h2 {
  font-family: 'hs-b';
  text-transform: uppercase;
  position: relative;
  margin-bottom: 50px;
  font-size: 68px;
}
.index_yyly .top .right .title h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
}
.index_yyly .top .right .title .info {
  font-size: 20px;
  line-height: 36px;
  height: 108px;
  overflow-y: scroll;
}
.index_yyly .top .right .title .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.index_yyly .top .right .title .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.index_yyly .top .right .fenlei {
  height: 150px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_yyly .top .right .fenlei i.icon-tianjia {
  width: 150px;
  height: 150px;
  display: block;
  background-color: #01b2b3;
  color: #fff;
  line-height: 150px;
  text-align: center;
  font-size: 30px;
}
.index_yyly .top .right .fenlei a.open_fl {
  background: #ececec;
  padding: 0 30px;
  height: 100%;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_yyly .top .right .fenlei a.open_fl i.icon-xiasanjiaoxing {
  margin-left: 10px;
}
.index_yyly .images_container {
  display: flex;
}
@media (max-width: 1680px) {
  .index_yyly .top .right .fenlei {
    height: 100px;
  }
  .index_yyly .top .right .fenlei i.icon-tianjia {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .index_yyly .top .right .title {
    height: calc(100% - 100px);
    padding: 0 120px;
  }
  .index_yyly .top .right .title h2 {
    font-size: 58px;
  }
}
@media (max-width: 1500px) {
  .index_yyly .top .right .fenlei {
    height: 80px;
  }
  .index_yyly .top .right .fenlei i.icon-tianjia {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .index_yyly .top .right .title {
    height: calc(100% - 80px);
    padding: 0 100px;
  }
  .index_yyly .top .right .title h2 {
    font-size: 50px;
  }
}
@media (max-width: 1440px) {
  .index_yyly .top .right .title {
    height: calc(100% - 80px);
    padding: 0 80px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art {
    padding-bottom: 40px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art p {
    font-size: 24px;
    line-height: 32px;
  }
  .index_yyly .top .right .title .info{
    font-size: 16px;
    line-height: 30px;
  }
}
@media (max-width: 1366px) {
  .index_yyly .top .right .fenlei a.open_fl {
    font-size: 24px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art span {
    margin-bottom: 10px;
  }
  .index_yyly .top .right .title .p1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .index_yyly .top .right .title h2 {
    font-size: 36px;
  }
  .index_yyly .top .right .title h2 i {
    width: 8px;
    height: 8px;
  }
  .index_yyly .top .right .fenlei {
    height: 70px;
  }
  .index_yyly .top .right .fenlei i.icon-tianjia {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .index_yyly .top .right .title {
    height: calc(100% - 70px);
    padding: 0 60px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art {
    padding-bottom: 30px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 1024px) {
.index_yyly .top .right .title .info{
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 990px) {
  .index_yyly .top .right .title .p1 {
    font-size: 20px;
    padding-left: 30px;
  }
  .index_yyly .top .right .title .p1:before {
    width: 20px;
  }
  .index_yyly .top .right .title h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art {
    padding: 0 20px 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art:before {
    width: calc(100% - 40px);
    left: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_n {
    left: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_p {
    right: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_p span.swiper-pagination-bullet {
    margin: 0 4px;
  }
  .index_yyly .top .right .title {
    padding: 20px;
    padding-bottom: 0;
  }
  .index_yyly .top .right .title .info {
    font-size: 16px;
    line-height: 24px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art p {
    font-size: 16px;
    line-height: 24px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art span {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .index_yyly .top .right .fenlei i.icon-tianjia {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .index_yyly .top .right .fenlei a.open_fl {
    height: 60px;
    font-size: 16px;
  }
  .index_yyly .top .right .fenlei {
    height: 60px;
  }
  .index_yyly .top .right .title {
    height: calc(100% - 60px);
  }
}
@media (max-width: 768px) {
  .index_yyly .top {
    position: relative;
  }
  .index_yyly .top .left {
    position: absolute;
    left: 0;
    height: 240px;
    width: 100%;
    bottom: 60px;
    z-index: 9;
  }
  .index_yyly .top .right .fenlei {
    height: 60px;
    margin-top: 240px;
    padding: 0 20px;
  }
  .index_yyly .top {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .index_yyly .top .left {
    width: calc(100% - 40px);
    margin: 0 20px 0;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art {
    padding: 0 20px 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .swiper-slide .art:before {
    width: calc(100% - 40px);
    left: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_n {
    left: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_p {
    right: 20px;
  }
  .index_yyly .top .left .imgbox .yyly_s .yyly_s_p span.swiper-pagination-bullet {
    margin: 0 4px;
  }
  .index_yyly .top .right {
    width: 100%;
  }
  .index_yyly .top .right .title {
    padding: 20px;
    padding-bottom: 0;
  }
  .index_yyly .top .right .title .info {
    font-size: 14px;
    line-height: 24px;
  }
}
.fl_list {
  padding: 0px 0;
  height: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.fl_list.on {
  padding: 100px 0;
  height: auto;
}
.fl_list .item {
  display: inline-block;
  margin-right: 150px;
  width: 200px;
}
.fl_list .item .img {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.fl_list .item h3 {
  font-size: 36px;
  color: #01b2b3;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.fl_list .item .info {
  height: 150px;
  font-size: 18px;
  line-height: 30px;
  color: #041333;
  opacity: 0.3;
  margin-top: 40px;
}
.fl_list .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  bottom: 20px;
  overflow: visible;
}
.fl_list .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 55px!important;
  background: url(../images/huadong.png) no-repeat center #ffffff;
}
.fl_list .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:before {
  content: '';
  width: 10086px;
  height: 2px;
  position: absolute;
  right: 55px;
  top: 50%;
  margin-top: -1px;
  background: #01b2b3;
}
.fl_list .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:after {
  content: '拖动切换';
  width: 80px;
  height: 14px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 100%;
  margin-left: -40px;
  font-size: 14px;
  color: #c2c2c2;
}
.fl_list .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: none;
}
.fl_list .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: none!important;
}
@media (max-width: 1366px) {
  .fl_list .item {
    margin-right: 80px;
  }
  .fl_list.on {
    padding: 60px 0;
  }
  .fl_list .item h3 {
    font-size: 27px;
    padding-bottom: 20px;
  }
  .fl_list .item .info {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 990px) {
  .fl_list .item {
    margin-right: 20px;
    width: 100px;
  }
  .fl_list .item .img {
    height: 40px;
  }
  .fl_list .item .img img {
    max-height: 30px;
  }
  .fl_list.on {
    padding: 40px 0;
  }
  .fl_list .item h3 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: none;
  }
  .fl_list .item .info {
    line-height: 24px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
  }
}
.index_about {
  position: relative;
}
.index_about .text {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  background: url("../images/cj.jpg") no-repeat center center;
  background-size: cover;
  font-size: 200px;
  font-weight: bold;
  text-align: center;
  line-height: 500px;
  text-transform: capitalize;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index_about .about {
  position: relative;
  line-height: 0;
}
.index_about .about .art {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  padding: 0 7%;
}
.index_about .about .art .line {
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
  margin: 85px 0 95px;
}
.index_about .about .art h4 {
  font-size: 30px;
  text-transform: uppercase;
}
.index_about .about .art h1 {
  font-size: 53px;
}
.index_about .about .art h3 {
  font-size: 24px;
  margin: 65px 0 15px;
  text-align: center;
}
.index_about .about .art h2 {
  font-size: 35px;
}
.index_about .about .art .img {
  height: 100%;
}
.index_about .about .art .play_a {
  width: 170px;
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin-top: 85px;
}
.index_about .about .art .play_a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: '';
  background: url(../images/play2.png) no-repeat center;
  background-size: 100% 100%;
  -webkit-animation: spin2 15s linear infinite;
  animation: spin2 15s linear infinite;
}
@media (max-width: 1500px) {
  .index_about .text {
    height: 400px;
    line-height: 400px;
    font-size: 150px;
  }
  .index_about .about .art .line {
    margin: 40px 0;
  }
  .index_about .about .art h1 {
    font-size: 45px;
  }
  .index_about .about .art h3 {
    margin: 30px 0 10px;
  }
  .index_about .about .art h2 {
    font-size: 30px;
  }
  .index_about .about .art .play_a {
    width: 150px;
    height: 150px;
    margin-top: 60px;
  }
  .index_about .about .art .play_a img {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1366px) {
  .index_about .text {
    height: 300px;
    line-height: 300px;
    font-size: 100px;
  }
  .index_about .about .art .line {
    margin: 30px 0;
  }
  .index_about .about .art h1 {
    font-size: 40px;
  }
  .index_about .about .art h3 {
    margin: 25px 0 10px;
    font-size: 20px;
  }
  .index_about .about .art h2 {
    font-size: 24px;
  }
  .index_about .about .art .play_a {
    width: 120px;
    height: 120px;
    margin-top: 40px;
  }
  .index_about .about .art .play_a img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 990px) {
  .index_about .text {
    height: 200px;
    line-height: 200px;
    font-size: 80px;
  }
  .index_about .about .img,
  .index_about .about video {
    min-height: 100vh;
    object-fit: cover;
  }
  .index_about .about .art .line {
    margin: 10px 0;
  }
  .index_about .about .art h4 {
    font-size: 18px;
  }
  .index_about .about .art h1 {
    font-size: 20px;
  }
  .index_about .about .art h3 {
    margin: 20px 0 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .index_about .about .art h2 {
    font-size: 18px;
  }
  .index_about .about .art .play_a {
    width: 60px;
    height: 60px;
    margin-top: 15px;
  }
  .index_about .about .art .play_a img {
    width: 40px;
    height: 40px;
  }
}
@keyframes spin2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    transition: all 15s;
  }
}
.videobox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  background: rgba(0, 0, 0, 0.6);
}
.videobox .close_video {
  display: inline-block;
  position: absolute;
  right: 24px;
  top: 24px;
  color: #fff;
  z-index: 200;
  width: 50px;
  height: 50px;
}
.videobox .close_video i {
  font-size: 50px;
}
.videobox .video {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  max-width: 90%;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 120;
}
.videobox .video video {
  width: 1200px;
  max-width: 100%;
  outline: none;
  max-height: 650px;
}
.index_news {
  padding: 110px 0 70px;
  position: relative;
}
.index_news:after {
  content: 'Boyee';
  font-family: 'hs-b';
  font-size: 300px;
  color: #a09f9f;
  position: absolute;
  right: 0px;
  top: 50px;
  width: auto;
  height: auto;
  opacity: 0.07;
  text-transform: uppercase;
  line-height: 1;
}
.index_news .wrap .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  padding-bottom: 55px;
  border-bottom: 4px solid rgba(27, 27, 30, 0.1);
}
.index_news .wrap .top .left .p1 {
  font-size: 24px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}
.index_news .wrap .top .left .p1:before {
  content: '';
  width: 40px;
  height: 2px;
  background: #1b1e1e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.index_news .wrap .top .left h2 {
  font-family: 'hs-b';
  text-transform: uppercase;
  position: relative;
  font-size: 68px;
}
.index_news .wrap .top .left h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
}
.index_news .wrap .top .right {
  font-size: 30px;
  white-space: nowrap;
}
.index_news .wrap .top .right a {
  margin-left: 70px;
  color: #969696;
  position: relative;
}
.index_news .wrap .top .right a:before {
  content: '';
  width: 0;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -65px;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_news .wrap .top .right a:hover,
.index_news .wrap .top .right a.on {
  color: #01b2b3;
}
.index_news .wrap .top .right a:hover:before,
.index_news .wrap .top .right a.on:before {
  width: 100%;
}
.index_news .wrap .tabbox {
  margin-top: 30px;
}
.index_news .wrap .tabbox .item {
  width: 100%;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_news .wrap .tabbox .item.on {
  height: auto;
}
.index_news .wrap .tabbox .item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.index_news .wrap .tabbox .item ul li a:hover:after {
  width: 32%;
}
.index_news .wrap .tabbox .item ul li a:hover .art h3 {
  color: #01b2b3;
}
.index_news .wrap .tabbox .item ul li a:hover .imgbox .img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.index_news .wrap .tabbox .item ul li a:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index_news .wrap .tabbox .item ul li a .imgbox {
  width: 32%;
  height: 0;
  padding-bottom: 11.11%;
  position: relative;
  overflow: hidden;
}
.index_news .wrap .tabbox .item ul li a .imgbox .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_news .wrap .tabbox .item ul li a .imgbox .img img {
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
.index_news .wrap .tabbox .item ul li a .art {
  width: calc(68% - 150px);
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index_news .wrap .tabbox .item ul li a .art .time {
  white-space: nowrap;
}
.index_news .wrap .tabbox .item ul li a .art .time span {
  font-size: 18px;
  color: #1b1e1e;
  opacity: 0.5;
  padding-left: 30px;
}
.index_news .wrap .tabbox .item ul li a .art .time span.s1 {
  background: url(../images/time.png) no-repeat left center;
  margin-right: 60px;
}
.index_news .wrap .tabbox .item ul li a .art .time span.s2 {
  background: url(../images/dz.png) no-repeat left center;
}
.index_news .wrap .tabbox .item ul li a .art h3 {
  color: #1b1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  font-weight: 600;
}
@media (max-width: 1920px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 30px;
  }
}
@media (max-width: 1776px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 27.18367347px;
  }
}
@media (max-width: 1680px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 25.71428571px;
  }
}
@media (max-width: 1600px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 24.48979592px;
  }
}
@media (max-width: 1500px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 22.95918367px;
  }
}
@media (max-width: 1440px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 22.04081633px;
  }
}
@media (max-width: 1366px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 20.90816327px;
  }
}
@media (max-width: 1280px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1152px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1024px) {
  .index_news .wrap .tabbox .item ul li a .art h3 {
    font-size: 15.67346939px;
  }
}
.index_news .wrap .tabbox .item ul li a .art p {
  font-size: 16px;
  line-height: 28px;
  color: #1b1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index_news .wrap .tabbox .item ul li a .more {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index_news .wrap .tabbox .item ul li a .more i {
  font-size: 30px;
}
.index_news .wrap .tabbox .item .news_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 180px;
  height: 50px;
  color: #1a1e1e;
  margin: 40px auto 0;
  border: 1px solid #bec1c1;
  border-radius: 25px;
}
.index_news .wrap .tabbox .item .news_more i {
  margin-left: 10px;
  font-size: 25px;
}
.index_news .wrap .tabbox .item .news_more:hover {
  background: #01b2b3;
  color: #fff;
  border-color: #01b2b3;
}
@media (max-width: 1680px) {
  .index_news:after {
    font-size: 250px;
  }
  .index_news .wrap .top .left h2 {
    font-size: 58px;
  }
}
@media (max-width: 1500px) {
  .index_news:after {
    font-size: 200px;
  }
  .index_news .wrap .top .left h2 {
    font-size: 50px;
  }
}
@media (max-width: 1366px) {
  .index_news:after {
    font-size: 150px;
  }
  .index_news .wrap .tabbox .item ul li a .art p {
    line-height: 24px;
    font-size: 14px;
  }
  .index_news .wrap .tabbox .item ul li a .art .time span {
    font-size: 14px;
  }
  .index_news .wrap .top .right {
    font-size: 24px;
  }
  .index_news .wrap .top .right a {
    margin-left: 50px;
  }
  .index_news .wrap .top .right a:before {
    bottom: -48px;
  }
  .index_news {
    padding: 60px 0 30px;
  }
  .index_news .wrap .top {
    padding-bottom: 35px;
  }
  .index_news .wrap .tabbox {
    margin-top: 10px;
  }
  .index_news .wrap .top .left .p1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .index_news .wrap .top .left h2 i {
    width: 8px;
    height: 8px;
  }
  .index_news .wrap .top .left h2 {
    font-size: 36px;
  }
  .index_news .wrap .top .right a:before {
    height: 4px;
  }
}
@media (max-width: 990px) {
  .index_news:after {
    font-size: 100px;
    top: 0;
    display: none;
  }
  .index_news .wrap .tabbox .item ul li a {
    padding: 20px 0;
  }
  .index_news .wrap .tabbox .item ul li a .art h3 {
    margin: 5px 0;
    font-size: 18px;
  }
  .index_news .wrap .tabbox .item ul li a .art .time span.s1 {
    margin-right: 20px;
  }
  .index_news .wrap .tabbox .item ul li a .more {
    margin-top: 10px;
    width: 100px;
    font-size: 14px;
  }
  .index_news .wrap .tabbox .item ul li a .more i {
    font-size: 16px;
  }
  .index_news .wrap .top .left .p1 {
    font-size: 20px;
    padding-left: 30px;
  }
  .index_news .wrap .top .left .p1:before {
    width: 20px;
  }
  .index_news .wrap .top .left h2 {
    font-size: 24px;
  }
  .index_news {
    padding: 40px 0 30px;
  }
  .index_news .wrap .top {
    padding-bottom: 15px;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .index_news .wrap .top .left {
    width: 100%;
  }
  .index_news .wrap .top .right {
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
  }
  .index_news .wrap .top .right a {
    margin-left: 0;
    margin-right: 20px;
  }
  .index_news .wrap .top .right a:before {
    bottom: -23px;
  }
  .index_news .wrap .tabbox {
    margin-top: 0px;
  }
  .index_news .wrap .tabbox .item .news_more {
    margin: 30px auto 0;
  }
  .index_news .wrap .tabbox .item ul li:last-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .index_news .wrap .tabbox .item ul li a {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .index_news .wrap .tabbox .item ul li a .imgbox {
    width: 100%;
    padding-bottom: 35%;
    margin-bottom: 15px;
  }
  .index_news .wrap .tabbox .item ul li a .art {
    width: 100%;
    padding: 0;
    height: 120px;
  }
}
#bsWXBox {
  box-sizing: content-box;
}
#about {
  position: relative;
  z-index: 1;
  height: 450vh;
}
#about .c-main-wrap {
  position: sticky;
  top: 0;
  height: 100vh;
  color: #fff;
  overflow: hidden;
}
#about .c-main-wrap .c-img1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  transform: scale(0.5, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#about .c-main-wrap .c-mask1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 51vh;
  background: #fff;
}
#about .c-main-wrap .c-mask2 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 51vh;
  background: #fff;
}
#about .c-main-wrap .c-mask3 {
  opacity: 0.3;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
#about .c-main-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#about .c-main-wrap .c-img3 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#about .c-main-wrap .c-text-box1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
#about .c-main-wrap .c-text-box2 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 2;
}
@media (max-width: 768px) {
  #about .c-main-wrap video {
    display: none;
  }
  #about .c-main-wrap .c-img3 {
    display: block;
  }
}
.banner {
  width: 100%;
  position: relative;
}
.banner img {
  width: 100%;
}
.banner .art {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 4% 2% 0;
  color: #fff;
}
.banner .art h2 {
  font-family: 'hs-b';
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 1920px) {
  .banner .art h2 {
    font-size: 72px;
  }
}
@media (max-width: 1776px) {
  .banner .art h2 {
    font-size: 65.24081633px;
  }
}
@media (max-width: 1680px) {
  .banner .art h2 {
    font-size: 61.71428571px;
  }
}
@media (max-width: 1600px) {
  .banner .art h2 {
    font-size: 58.7755102px;
  }
}
@media (max-width: 1500px) {
  .banner .art h2 {
    font-size: 55.10204082px;
  }
}
@media (max-width: 1440px) {
  .banner .art h2 {
    font-size: 52.89795918px;
  }
}
@media (max-width: 1366px) {
  .banner .art h2 {
    font-size: 50.17959184px;
  }
}
@media (max-width: 1280px) {
  .banner .art h2 {
    font-size: 47.02040816px;
  }
}
@media (max-width: 1152px) {
  .banner .art h2 {
    font-size: 42.31836735px;
  }
}
@media (max-width: 1024px) {
  .banner .art h2 {
    font-size: 37.61632653px;
  }
}
@media (max-width: 1920px) {
  .banner .art p {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .banner .art p {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .banner .art p {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .banner .art p {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .banner .art p {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .banner .art p {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .banner .art p {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .banner .art p {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .banner .art p {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .banner .art p {
    font-size: 18.80816327px;
  }
}
@media (max-width: 990px) {
  .banner .art h2 {
    font-size: 36px;
  }
  .banner .art p {
    font-size: 24px;
  }
  .banner img {
    min-height: 200px;
  }
}
@media (max-width: 768px) {
    .banner .art{
        padding:20px;
    }
  .banner .art h2 {
    font-size: 24px;
  }
  .banner .art p {
    font-size: 16px;
  }
  .banner img {
    min-height: 200px;
  }
}
.dqwz {
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.dqwz.dqwz2 {
  height: auto;
}
.dqwz.dqwz2 .wrap {
  margin-top: 0px;
}
.dqwz.dqwz2 .wrap a {
  color: rgba(27, 30, 30, 0.6);
}
.dqwz.dqwz2 .wrap a:hover {
  color: #01b2b3;
}
.dqwz .wrap {
  height: 80px;
  margin-top: -80px;
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  color: #ffffff;
}
.dqwz .wrap a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  position: relative;
  margin-right: 20px;
  white-space: nowrap;
}
.dqwz .wrap a:after {
  content: '>';
  position: absolute;
  right: -15px;
}
.dqwz .wrap a:last-child {
  margin-right: 0;
}
.dqwz .wrap a:last-child:after {
  display: none;
}
.dqwz .wrap a:hover {
  color: #fff;
}
@media (max-width: 1366px) {
  .dqwz .wrap {
    height: 60px;
    margin-top: -60px;
    font-size: 14px;
  }
  .dqwz .wrap a {
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .dqwz .wrap {
    height: 40px;
    margin-top: -40px;
    font-size: 14px;
  }
  .dqwz .wrap a {
    font-size: 14px;
  }
  .dqwz .wrap a:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.mytitle .p1 {
  font-size: 24px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 15px;
}
.mytitle .p1:before {
  content: '';
  width: 40px;
  height: 2px;
  background: #1b1e1e;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.mytitle h2 {
  font-family: 'hs-b';
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .mytitle h2 {
    font-size: 68px;
  }
}
@media (max-width: 1776px) {
  .mytitle h2 {
    font-size: 61.61632653px;
  }
}
@media (max-width: 1680px) {
  .mytitle h2 {
    font-size: 58.28571429px;
  }
}
@media (max-width: 1600px) {
  .mytitle h2 {
    font-size: 55.51020408px;
  }
}
@media (max-width: 1500px) {
  .mytitle h2 {
    font-size: 52.04081633px;
  }
}
@media (max-width: 1440px) {
  .mytitle h2 {
    font-size: 49.95918367px;
  }
}
@media (max-width: 1366px) {
  .mytitle h2 {
    font-size: 47.39183673px;
  }
}
@media (max-width: 1280px) {
  .mytitle h2 {
    font-size: 44.40816327px;
  }
}
@media (max-width: 1152px) {
  .mytitle h2 {
    font-size: 39.96734694px;
  }
}
@media (max-width: 1024px) {
  .mytitle h2 {
    font-size: 35.52653061px;
  }
}
.mytitle h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
  margin-left: 10px;
}
.mytitle h2 span {
  color: #01b2b3;
}
.mytitle h2.h2 {
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 1920px) {
  .mytitle h2.h2 {
    font-size: 44px;
  }
}
@media (max-width: 1776px) {
  .mytitle h2.h2 {
    font-size: 39.86938776px;
  }
}
@media (max-width: 1680px) {
  .mytitle h2.h2 {
    font-size: 37.71428571px;
  }
}
@media (max-width: 1600px) {
  .mytitle h2.h2 {
    font-size: 35.91836735px;
  }
}
@media (max-width: 1500px) {
  .mytitle h2.h2 {
    font-size: 33.67346939px;
  }
}
@media (max-width: 1440px) {
  .mytitle h2.h2 {
    font-size: 32.32653061px;
  }
}
@media (max-width: 1366px) {
  .mytitle h2.h2 {
    font-size: 30.66530612px;
  }
}
@media (max-width: 1280px) {
  .mytitle h2.h2 {
    font-size: 28.73469388px;
  }
}
@media (max-width: 1152px) {
  .mytitle h2.h2 {
    font-size: 25.86122449px;
  }
}
@media (max-width: 1024px) {
  .mytitle h2.h2 {
    font-size: 22.9877551px;
  }
}
.mytitle h2.h2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #01b2b3;
}
.mytitle h2.h2 i.i2 {
  background: #fff;
}
@media (max-width: 1680px) {
}
@media (max-width: 1500px) {
}
@media (max-width: 1366px) {
  .mytitle .p1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .mytitle h2 i,
  .mytitle h2.h2 i {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 1280px) {
  .mytitle .p1 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media (max-width: 990px) {
  .mytitle .p1 {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 30px;
  }
  .mytitle .p1::before {
    width: 20px;
  }
  .mytitle h2 {
    font-size: 24px;
  }
  .mytitle h2.h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 768px) {
  .mytitle h2.h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
.mytitle2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  line-height: 1;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(27, 27, 30, 0.3);
  position: relative;
}
@media (max-width: 1920px) {
  .mytitle2 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .mytitle2 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .mytitle2 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .mytitle2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .mytitle2 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .mytitle2 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .mytitle2 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .mytitle2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .mytitle2 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .mytitle2 {
    font-size: 18.80816327px;
  }
}
.mytitle2:before {
  content: '';
  width: 130px;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background: #01b2b3;
}
.mytitle2 i {
  width: 10px;
  height: 10px;
  display: block;
  background: #01b2b3;
  margin-left: 30px;
}
@media (max-width: 1366px) {
  .mytitle2 {
    padding-bottom: 46px;
  }
  .mytitle2 i {
    width: 8px;
    height: 8px;
    margin-left: 20px;
  }
}
@media (max-width: 990px) {
  .mytitle2 {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .mytitle2 i {
    width: 5px;
    height: 5px;
    margin-left: 5px;
  }
}
.about_info {
  padding: 130px 0;
  background: url('../images/bg5.jpg') no-repeat center top;
  background-size: cover;
}
.about_info .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about_info .left {
  width: 61%;
}
.about_info .left .info {
  margin-top: 50px;
}
.about_info .left .info h5 {
  font-size: 22px;
  line-height: 36px;
  color: #1b1e1e;
  margin-bottom: 40px;
  font-weight: bold;
}
.about_info .left .info p {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-bottom: 25px;
}
.about_info .left .info b {
  font-size: 16px;
  line-height: 30px;
  color: #1b1e1e;
}
.about_info .right {
  width: 26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.about_info .right .item {
  width: 49%;
  margin: 30px 0;
}
.about_info .right .item h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  color: #01b2b3;
}
.about_info .right .item h1 p {
  font-family: 'hs-m';
  font-size: 72px;
}
.about_info .right .item h1 span {
  font-size: 22px;
  margin-bottom: 10px;
}
.about_info .right .item > p {
  font-size: 18px;
  color: #1b1e1e;
  margin-top: 20px;
}
@media (max-width: 1366px) {
  .about_info {
    padding: 80px 0;
  }
  .about_info .left .info {
    margin-top: 30px;
  }
  .about_info .left .info h5 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 25px;
  }
  .about_info .left .info p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .about_info .left .info b {
    font-size: 14px;
  }
  .about_info .right .item h1 p {
    font-size: 55px;
  }
  .about_info .right .item h1 span {
    font-size: 16px;
  }
  .about_info .right .item > p {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .about_info {
    padding: 40px 0;
  }
  .about_info .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .about_info .left {
    width: 100%;
  }
  .about_info .left .info {
    margin-top: 15px;
    max-height: 390px;
    overflow-y: scroll;
  }
  .about_info .left .info::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .about_info .left .info::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .about_info .left .info h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .about_info .left .info p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .about_info .left .info b {
    font-size: 14px;
  }
  .about_info .right {
    width: 100%;
    margin-top: 15px;
  }
  .about_info .right .item {
    width: 20%;
  }
  .about_info .right .item:last-child {
    width: 30%;
  }
  .about_info .right .item h1 p {
    font-size: 30px;
  }
  .about_info .right .item h1 span {
    font-size: 14px;
  }
  .about_info .right .item > p {
    font-size: 14px;
    margin-top: 10px;
  }
}
.about_ppjx {
  padding: 140px 0 130px;
  overflow-x: hidden;
}
.about_ppjx .wrap .box1 {
  width: 100%;
  height: 0;
  padding-bottom: 33.95%;
  position: relative;
}
.about_ppjx .wrap .box1 .box1_infp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about_ppjx .wrap .box1 .box1_infp .left {
  width: 42.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about_ppjx .wrap .box1 .box1_infp .left h3 {
  font-size: 30px;
  line-height: 48px;
  color: #1b1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
}
.about_ppjx .wrap .box1 .box1_infp .left .info {
  font-size: 20px;
  line-height: 36px;
  max-height: 144px;
  overflow-y: scroll;
}
.about_ppjx .wrap .box1 .box1_infp .left .info b{
  font-size: 20px;
}
.about_ppjx .wrap .box1 .box1_infp .left .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.about_ppjx .wrap .box1 .box1_infp .left .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.about_ppjx .wrap .box1 .box1_infp .right {
  width: 50%;
}
.about_ppjx .wrap .box1 .box1_infp .right .imgbox {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about_ppjx .wrap .box1 .box1_infp .right .imgbox img {
  max-width: 125%;
}
.about_ppjx .wrap .box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 125px;
}
.about_ppjx .wrap .box2 .item h1 {
  font-size: 100px;
  color: #01b2b3;
  font-family: 'hs-b';
  line-height: 1;
  text-transform: uppercase;
}
.about_ppjx .wrap .box2 .item h1 span {
  font-size: 36px;
  color: #1b1e1e;
  font-family: 'hs-l';
  opacity: 0.4;
}
.about_ppjx .wrap .box2 .item p {
  font-size: 36px;
  color: #666666;
  margin-top: 10px;
}
@media (max-width: 1680px) {
  .about_ppjx {
    padding: 100px 0;
  }
  .about_ppjx .wrap .box1 .box1_infp .left h3 {
    font-size: 24px;
    line-height: 34px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info {
    font-size: 18px;
    line-height: 32px;
    max-height: 128px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info b{
    font-size:18px;
  }
  .about_ppjx .wrap .box2 {
    margin-top: 80px;
  }
  .about_ppjx .wrap .box2 .item h1 {
    font-size: 80px;
  }
  .about_ppjx .wrap .box2 .item h1 span {
    font-size: 32px;
  }
  .about_ppjx .wrap .box2 .item p {
    font-size: 32px;
  }
}
@media (max-width: 1366px) {
  .about_ppjx {
    padding: 80px 0;
  }
  .about_ppjx .wrap .box1 .box1_infp .left h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info {
    font-size: 16px;
    line-height: 32px;
    max-height: 128px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info b{
    font-size: 16px;
  }
  .about_ppjx .wrap .box2 {
    margin-top: 60px;
  }
  .about_ppjx .wrap .box2 .item h1 {
    font-size: 60px;
  }
  .about_ppjx .wrap .box2 .item h1 span {
    font-size: 24px;
  }
  .about_ppjx .wrap .box2 .item p {
    font-size: 24px;
  }
}
@media (max-width: 990px) {
  .about_ppjx {
    padding: 40px 0;
  }
  .about_ppjx .wrap .box2 {
    margin-top: 40px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left {
    margin-bottom: 15px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left h3 {
    margin: 15px 0;
    font-size: 18px;
    line-height: 26px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info {
    font-size: 14px;
    line-height: 24px;
    max-height: 96px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info b{
    font-size: 14px;
  }
  .about_ppjx .wrap .box2 .item h1 {
    font-size: 40px;
  }
  .about_ppjx .wrap .box2 .item h1 span {
    font-size: 20px;
  }
  .about_ppjx .wrap .box2 .item p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .about_ppjx .wrap .box1 {
    height: auto;
    padding-bottom: 0;
  }
  .about_ppjx .wrap .box1 .box1_infp {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .about_ppjx .wrap .box1 .box1_infp .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left h3 {
    margin: 15px 0;
    font-size: 18px;
    line-height: 26px;
  }
  .about_ppjx .wrap .box1 .box1_infp .left .info {
    font-size: 14px;
    line-height: 24px;
    max-height: 96px;
  }
  .about_ppjx .wrap .box1 .box1_infp .right {
    width: 100%;
  }
  .about_ppjx .wrap .box1 .box1_infp .right .imgbox {
    max-height: 250px;
  }
  .about_ppjx .wrap .box1 .box1_infp .right .imgbox img {
    max-width: 100%;
  }
  .about_ppjx .wrap .box2 {
    margin-top: 20px;
  }
  .about_ppjx .wrap .box2 .item h1 {
    font-size: 20px;
  }
  .about_ppjx .wrap .box2 .item h1 span {
    font-size: 12px;
  }
  .about_ppjx .wrap .box2 .item p {
    font-size: 12px;
  }
}
.about_qywh {
  padding-bottom: 103px;
  background: url('../images/bg7.jpg') no-repeat center top;
  overflow: hidden;
}
.about_qywh .box {
  width: 100%;
  height: 0;
  padding-bottom: 38.7%;
  position: relative;
}
.about_qywh .box .box_info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.about_qywh .box .box_info .left {
  width: 48.76%;
}
.about_qywh .box .box_info .left .imgbox {
  height: 100%;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.about_qywh .box .box_info .left .imgbox img {
  max-width: 125%;
  max-height: 110%;
}
.about_qywh .box .box_info .right {
  width: 45%;
  padding: 4% 0 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  /* -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; */
}
.about_qywh .box .box_info .right .mytitle {
  color: #fff;
}
.about_qywh .box .box_info .right .mytitle .p1:before {
  background: #fff;
}
.about_qywh .box .box_info .right .line {
  width: 114%;
  height: 5px;
  background: #fff;
  opacity: 0.3;
  margin-left: -14%;
  margin-top: 9%;
  margin-bottom: 8%;
}
.about_qywh .box .box_info .right .info {
  font-size: 24px;
  line-height: 60px;
  color: #fff;
}
.about_qywh .box .box_info .right .info .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 24px;
}
.about_qywh .box .box_info .right .info .item p b{
  font-size: 24px;
}
.about_qywh .box .box_info .right .info .item .img {
  width: 33px;
  height: 33px;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 15px;
}
.about_qywh .box .box_info .right .info .item p {
  max-width: calc(100% - 48px);
}
@media (max-width: 1680px) {
  .about_qywh .box .box_info .right .info {
    line-height: 55px;
  }
  .about_qywh .box .box_info .right .info .item,
  .about_qywh .box .box_info .right .info .item p b {
    font-size: 20px;
  }
  .about_qywh .box .box_info .right .info .item .img {
    width: 25px;
    height: 25px;
    margin-top: 15px;
  }
  .about_qywh {
    padding-bottom: 80px;
  }
}
@media (max-width: 1500px) {
  .about_qywh .box .box_info .right .info {
    line-height: 50px;
  }
  .about_qywh .box .box_info .right .info .item,
  .about_qywh .box .box_info .right .info .item p b {
    font-size: 18px;
  }
  .about_qywh .box .box_info .right .info .item .img {
    width: 20px;
    height: 20px;
    margin-top: 15px;
  }
  .about_qywh {
    padding-bottom: 70px;
  }
}
@media (max-width: 1366px) {
  .about_qywh .box .box_info .right .info {
    line-height: 40px;
    max-height: 160px;
    overflow-y: scroll;
  }
  .about_qywh .box .box_info .right .info::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .about_qywh .box .box_info .right .info::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .about_qywh .box .box_info .right .info .item,
  .about_qywh .box .box_info .right .info .item p b {
    font-size: 16px;
  }
  .about_qywh .box .box_info .right .info .item .img {
    width: 20px;
    height: 20px;
    margin-top: 10px;
  }
  .about_qywh {
    padding-bottom: 60px;
  }
}
@media (max-width: 990px) {
  .about_qywh .box .box_info .right .info {
    line-height: 30px;
    max-height: none;
  }
  .about_qywh .box .box_info .right .info .item,
  .about_qywh .box .box_info .right .info .item p b {
    font-size: 14px;
  }
  .about_qywh .box .box_info .right .info .item .img {
    width: 18px;
    height: 18px;
    margin-top: 6px;
  }
  .about_qywh {
    padding-bottom: 40px;
  }
  .about_qywh .mytitle h2.h2 {
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .about_qywh .box {
    height: auto;
    padding-bottom: 0;
  }
  .about_qywh .box .box_info {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .about_qywh .box .box_info .left {
    width: 100%;
    padding-top: 40px;
  }
  .about_qywh .box .box_info .left .imgbox {
    max-height: 250px;
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .about_qywh .box .box_info .left .imgbox img {
    max-width: 100%;
  }
  .about_qywh .box .box_info .right {
    width: 100%;
    padding: 15px 0;
  }
  .about_qywh .box .box_info .right .line {
    margin: 15px 0 15px -14%;
  }
}
.about_fzlc {
  padding: 100px 0;
}
.about_fzlc .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
}
.about_fzlc .top .left {
  width: 50%;
}
.about_fzlc .top .right {
  width: 44%;
  margin-top: 55px;
}
.about_fzlc .top .right h2 {
  font-size: 32px;
  line-height: 44px;
  color: #01b2b3;
  margin-bottom: 40px;
}
.about_fzlc .top .right .info {
  font-size: 20px;
  line-height: 36px;
  color: #1b1e1e;
  height: 144px;
  overflow-y: scroll;
}
.about_fzlc .top .right .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.about_fzlc .top .right .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.fzlc_s {
  padding: 0 120px;
  position: relative;
}
.fzlc_s .swiper-button-next,
.fzlc_s .swiper-button-prev {
  width: 74px;
  height: 41px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.fzlc_s .swiper-button-next:after,
.fzlc_s .swiper-button-prev:after {
  display: none;
}
.fzlc_s .swiper-button-prev {
  background-image: url(../images/z.png);
}
.fzlc_s .swiper-button-prev:hover {
  background-image: url(../images/z_1.png);
}
.fzlc_s .swiper-button-next {
  background-image: url(../images/y.png);
}
.fzlc_s .swiper-button-next:hover {
  background-image: url(../images/y_1.png);
}
.fzlc_s .swiper {
  overflow: hidden;
  padding: 15px 0;
}
.fzlc_s .swiper-slide {
  text-align: center;
  cursor: pointer;
}
.fzlc_s .swiper-slide.swiper-slide-active {
  z-index: 9;
}
.fzlc_s .swiper-slide.swiper-slide-active p span {
  color: #fff;
}
.fzlc_s .swiper-slide.swiper-slide-active p:before {
  border: none;
  background: #01b2b3;
}
.fzlc_s .swiper-slide p {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.fzlc_s .swiper-slide p span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
  font-size: 31px;
  font-family: 'hs-r';
  color: #1b1e1e;
}
.fzlc_s .swiper-slide p:before {
  content: '';
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px dashed #cfcfcf;
  border-radius: 50%;
  background: transparent;
}
.fzlc_s2 {
  padding: 90px 120px;
}
.fzlc_s2 .swiper {
  overflow: hidden;
}
.fzlc_s2 .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.fzlc_s2 .swiper .swiper-slide .time {
  width: 180px;
  font-size: 20px;
  padding-left: 36px;
  position: relative;
}
.fzlc_s2 .swiper .swiper-slide .time:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border: 1px solid #cacaca;
  border-radius: 50%;
}
.fzlc_s2 .swiper .swiper-slide .info {
  width: calc(100% - 180px);
  max-height: 120px;
  overflow-y: scroll;
  font-weight: bold;
}
.fzlc_s2 .swiper .swiper-slide .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.fzlc_s2 .swiper .swiper-slide .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.fzlc_s2 .swiper .swiper-slide .info p {
  font-size: 20px;
  line-height: 30px;
  position: relative;
  padding-left: 44px;
}
.fzlc_s2 .swiper .swiper-slide .info p:before {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 15px;
  background: #b8b8b8;
}
@media (max-width: 1366px) {
  .fzlc_s {
    padding: 0 100px;
  }
  .fzlc_s2 {
    padding: 60px 100px;
  }
  .fzlc_s2 .swiper .swiper-slide .time {
    font-size: 18px;
  }
  .fzlc_s2 .swiper .swiper-slide .info p {
    font-size: 18px;
  }
  .fzlc_s2 .swiper .swiper-slide .info p:before {
    top: 15px;
  }
  .about_fzlc .top .right h2 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
  }
  .about_fzlc .top .right .info {
    font-size: 16px;
    line-height: 32px;
  }
  .about_fzlc {
    padding: 60px 0;
  }
  .about_fzlc .top .right {
    width: 50%;
    margin-top: 0;
  }
}
@media (max-width: 990px) {
  .fzlc_s {
    padding: 0 80px;
  }
  .fzlc_s2 {
    padding: 40px 80px;
  }
  .fzlc_s2 .swiper .swiper-slide .time {
    font-size: 16px;
  }
  .fzlc_s2 .swiper .swiper-slide .info p {
    font-size: 16px;
  }
  .fzlc_s2 .swiper .swiper-slide .info p:before {
    top: 15px;
  }
  .fzlc_s .swiper-slide p span {
    font-size: 24px;
  }
  .about_fzlc {
    padding: 40px 0;
  }
  .about_fzlc .top .right h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .about_fzlc .top .right .info {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .about_fzlc {
    padding: 40px 0 25px;
  }
  .about_fzlc .top {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .about_fzlc .top .left {
    width: 100%;
  }
  .about_fzlc .top .right {
    width: 100%;
    margin-top: 15px;
  }
  .about_fzlc .top .right .info {
    height: auto;
    max-height: 96px;
  }
  .fzlc_s {
    padding: 0 50px;
  }
  .fzlc_s .swiper-button-next {
    width: 50px;
    height: 29px;
    margin-top: -15px;
    right: -10px;
  }
  .fzlc_s .swiper-button-prev {
    width: 50px;
    height: 29px;
    margin-top: -15px;
    left: -10px;
  }
  .fzlc_s .swiper-slide p span {
    font-size: 20px;
  }
  .fzlc_s2 {
    padding: 15px;
  }
  .fzlc_s2 .swiper .swiper-slide {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .fzlc_s2 .swiper .swiper-slide .time {
    width: 100%;
  }
  .fzlc_s2 .swiper .swiper-slide .info {
    width: 100%;
  }
  .fzlc_s2 .swiper .swiper-slide .info p {
    font-size: 14px;
    line-height: 24px;
    max-height: 96px;
  }
  .fzlc_s2 .swiper .swiper-slide .info p:before {
    top: 12px;
  }
}
.about_kcz {
  padding: 95px 0;
  background: url('../images/bg8.jpg') no-repeat center top;
}
.about_kcz .box {
  width: 100%;
  height: 0;
  padding-bottom: 31%;
  position: relative;
}
.about_kcz .box .box_info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about_kcz .box .box_info .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 40%;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 {
  overflow: hidden;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 h1 {
  font-size: 48px;
  font-weight: bold;
  color: #01b2b3;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 h3 {
  font-size: 30px;
  color: #1b1e1e;
  margin: 10% 0 3.5%;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 .info {
  font-size: 20px;
  line-height: 36px;
  max-height: 108px;
  overflow-y: scroll;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.about_kcz .box .box_info .left .top .about_kcz_s1 .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.about_kcz .box .box_info .left .bot {
  height: 80px;
  padding-left: 30px;
  position: relative;
}
.about_kcz .box .box_info .left .bot:before {
  content: '';
  width: 1px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
  background: #01b2b3;
}
.about_kcz .box .box_info .left .bot .swiper-slide.swiper-slide-active a {
  color: #01b2b3;
  opacity: 1;
}
.about_kcz .box .box_info .left .bot .swiper-slide a {
  font-size: 18px;
  line-height: 40px;
  opacity: .5;
}
.about_kcz .box .box_info .right {
  width: 51%;
}
.about_kcz .box .box_info .right .imgbox {
  width: 100%;
  height: 100%;
  position: relative;
}
.about_kcz .box .box_info .right .imgbox .about_kcz_s2 {
  width: 125%;
  height: 150%;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .about_kcz {
    padding: 60px 0;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 h1 {
    font-size: 36px;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 h3 {
    font-size: 24px;
    line-height: 34px;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 .info {
    font-size: 16px;
    line-height: 32px;
  }
  .about_kcz .box .box_info .left .bot {
    height: 60px;
  }
  .about_kcz .box .box_info .left .bot .swiper-slide a {
    line-height: 30px;
  }
}
@media (max-width: 990px) {
  .about_kcz {
    padding: 40px 0;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 h1 {
    font-size: 24px;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 15px 0 10px;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 .info {
    font-size: 14px;
    line-height: 24px;
  }
  .about_kcz .box .box_info .left .bot {
    height: 60px;
  }
  .about_kcz .box .box_info .left .bot .swiper-slide a {
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .about_kcz .box {
    height: auto;
    padding-bottom: 0;
  }
  .about_kcz .box .box_info {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .about_kcz .box .box_info .left {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .about_kcz .box .box_info .left .top .about_kcz_s1 h3 {
    margin-top: 10px;
  }
  .about_kcz .box .box_info .left .bot {
    margin-top: 15px;
  }
  .about_kcz .box .box_info .right {
    width: 100%;
    margin-bottom: 15px;
  }
  .about_kcz .box .box_info .right .imgbox {
    height: 250px;
  }
  .about_kcz .box .box_info .right .imgbox .about_kcz_s2 {
    width: 100%;
    height: 100%;
  }
  .about_kcz .box .box_info .right .imgbox .about_kcz_s2 img {
    width: 100%;
  }
}
.about_ryzs {
  padding: 120px 0;
}
.about_ryzs .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 50px;
  border-bottom: 4px solid #e8e8e8;
  margin-bottom: 60px;
}
.about_ryzs .top .mytitle {
  width: 50%;
}
.about_ryzs .top .right {
  width: calc(100% - 320px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.about_ryzs .top .right a {
  font-size: 30px;
  line-height: 1;
  color: #969696;
  margin-left: 55px;
  white-space: nowrap;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.about_ryzs .top .right a:before {
  content: '';
  width: 0;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -62px;
  background: transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.about_ryzs .top .right a.on {
  color: #01b2b3;
}
.about_ryzs .top .right a.on:before {
  width: 100%;
  background: #01b2b3;
}
.about_ryzs .tab_b {
  position: relative;
}
.about_ryzs .tab_b .item {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.about_ryzs .tab_b .item.on {
  height: auto;
}
.about_ryzs .tab_b .swiper-button-next:after,
.about_ryzs .tab_b .swiper-button-prev:after {
  display: none;
}
.about_ryzs .tab_b .swiper-button-next i,
.about_ryzs .tab_b .swiper-button-prev i {
  font-size: 40px;
  color: #c8c8c8;
}
.about_ryzs .tab_b .swiper-button-next:hover i,
.about_ryzs .tab_b .swiper-button-prev:hover i {
  color: #01b2b3;
}
.about_ryzs .tab_b .swiper-button-prev {
  left: -50px;
}
.about_ryzs .tab_b .swiper-button-prev i {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.about_ryzs .tab_b .swiper-button-next {
  right: -50px;
}
.tab_b_s {
  overflow: hidden;
}
.tab_b_s .swiper-wrapper {
  padding-bottom: 10px;
}
.tab_b_s .swiper-slide {
  padding: 38px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.tab_b_s .swiper-slide:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.tab_b_s .swiper-slide .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.tab_b_s .swiper-slide .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.tab_b_s .swiper-slide .ling {
  width: 100%;
  height: 1px;
  background: #b8b8b8;
  opacity: 0.3;
  margin: 35px 0 25px;
}
.tab_b_s .swiper-slide p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #1b1e1e;
  text-align: center;
}
@media (max-width: 1500px) {
  .about_ryzs {
    padding: 80px 0;
  }
  .about_ryzs .top .right a {
    font-size: 26px;
    margin-left: 40px;
  }
}
@media (max-width: 1366px) {
  .about_ryzs {
    padding: 60px 0;
  }
  .about_ryzs .top {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 2px solid #e8e8e8;
  }
  .about_ryzs .top .right a {
    font-size: 24px;
    margin-left: 30px;
  }
  .about_ryzs .top .right a:before {
    bottom: -40px;
    height: 4px;
  }
}
@media (max-width: 990px) {
  .about_ryzs {
    padding: 40px 0;
  }
  .about_ryzs .top .right a {
    font-size: 20px;
    margin-left: 20px;
  }
  .about_ryzs .tab_b {
    margin: 0 40px;
  }
  .about_ryzs .tab_b .swiper-button-next i,
  .about_ryzs .tab_b .swiper-button-prev i {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .about_ryzs .top {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: none;
  }
  .about_ryzs .top .mytitle {
    width: 100%;
    max-width: 100%;
  }
  .about_ryzs .top .right {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 15px;
    margin-bottom: 8px;
  }
  .about_ryzs .top .right::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
  }
  .about_ryzs .top .right::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .about_ryzs .top .right a {
    margin-right: 10px;
    margin-left: 0;
    font-size: 16px;
  }
  .about_ryzs .top .right a:before {
    bottom: -15px;
    height: 2px;
  }
  .about_ryzs .tab_b {
    margin: 0 20px;
  }
  .about_ryzs .tab_b .swiper-button-next ,
  .about_ryzs .tab_b .swiper-button-prev {
    display: none;
  }
  .about_ryzs .tab_b .swiper-button-next i,
  .about_ryzs .tab_b .swiper-button-prev i {
    font-size: 20px;
  }
  .about_ryzs .tab_b .swiper-button-next {
    right: -30px;
  }
  .about_ryzs .tab_b .swiper-button-prev {
    left: -30px;
  }
  .tab_b_s .swiper-slide {
    padding: 15px;
  }
  .tab_b_s .swiper-slide .ling {
    margin: 15px 0;
  }
  .tab_b_s .swiper-slide p {
    font-size: 14px;
  }
}
.about_hzhb {
  background: #f9f9fa;
  position: relative;
  padding: 120px 0 80px;
}
.about_hzhb:before {
  content: 'Boyee';
  font-size: 300px;
  line-height: 1;
  color: #041333;
  opacity: 0.03;
  position: absolute;
  right: -60px;
  top: 140px;
  text-transform: uppercase;
  font-weight: bold;
}
.about_hzhb .tab_b {
  margin: 0 auto!important;
}
.about_hzhb .item .more {
  width: 130px;
  margin: 35px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px;
  color: #1b1e1e;
}
.about_hzhb .item .more:hover {
  color: #01b2b3;
}
.about_hzhb .item .more i {
  font-size: 14px;
}
.about_hzhb .item .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.about_hzhb .item .list a {
  width: 15.4%;
  height: 120px;
  margin-right: 1.52%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.about_hzhb .item .list a:nth-child(6n) {
  margin-right: 0;
}
.about_hzhb .item .list a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.about_hzhb .item .list a img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1680px) {
  .about_hzhb:before {
    font-size: 250px;
    top: 50px;
  }
}
@media (max-width: 1500px) {
  .about_hzhb {
    padding: 100px 0 60px;
  }
  .about_hzhb .item .list a {
    height: 100px;
  }
  .about_hzhb:before {
    font-size: 200px;
    top: 40px;
  }
}
@media (max-width: 1366px) {
  .about_hzhb {
    padding: 60px 0 40px;
  }
  .about_hzhb .item .list a {
    height: 80px;
    margin-bottom: 15px;
  }
  .about_hzhb:before {
    font-size: 150px;
    top: 30px;
  }
  .about_hzhb .item .more {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .about_hzhb {
    padding: 40px 0 30px;
  }
  .about_hzhb:before {
    display: none;
  }
  .about_hzhb .item .list a {
    width: 32%;
    margin-right: 2%;
    height: 60px;
    margin-bottom: 10px;
  }
  .about_hzhb .item .list a:nth-child(6n) {
    margin-right: 2;
  }
  .about_hzhb .item .list a:nth-child(3n) {
    margin-right: 0;
  }
  .about_hzhb .item .more {
    margin-top: 20px;
    font-size: 16px;
    width: 120px;
  }
}
.guanggao {
  width: 100%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.guanggao p {
  font-size: 44px;
  color: #ffffff;
}
.guanggao a {
  width: 270px;
  height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  color: #01b2b3;
  font-size: 24px;
  position: relative;
  margin-top: 40px;
}
.guanggao a:hover img {
  margin-right: 20px;
}
.guanggao a:before {
  content: '';
  width: 282px;
  height: 70px;
  position: absolute;
  left: -6px;
  top: -6px;
  border: 6px solid rgba(112, 254, 255, 0.26);
  box-sizing: border-box;
}
.guanggao a img {
  margin-right: 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .guanggao p {
    font-size: 33px;
  }
  .guanggao a {
    font-size: 18px;
    width: 200px;
    height: 48px;
  }
  .guanggao a:before {
    width: 212px;
    height: 60px;
  }
}
@media (max-width: 990px) {
  .guanggao {
    height: 200px;
  }
  .guanggao p {
    font-size: 24px;
  }
  .guanggao a {
    margin-top: 20px;
  }
}
.mark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}
.mark_box1 {
  position: fixed;
  width: 660px;
  max-width: calc(100% - 40px);
  height: auto;
  max-height: 90vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 1001;
  display: none;
}
.mark_box1 .top {
  padding: 35px;
  background: #01b2b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mark_box1 .top h1 {
  font-size: 36px;
  color: #ffffff;
  padding-left: 30px;
  position: relative;
}
.mark_box1 .top h1:before {
  content: '';
  width: 7px;
  height: 30px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}
.mark_box1 .top .close_mark {
  width: 24px;
  height: 26px;
  display: block;
  background: url(../images/close.png) no-repeat center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.mark_box1 .top .close_mark:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mark_box1 .form {
  padding: 35px;
  background: #fff;
  max-height: calc(90vh - 100px);
  overflow-y: scroll;
}
.mark_box1 .form::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.mark_box1 .form::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.mark_box2 {
  position: fixed;
  z-index: 1001;
  width: 1620px;
  height: auto;
  max-width: 96%;
  background: #f4f9f9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 90px 90px 70px;
  display: none;
}
.mark_box2 .close_mark {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
  height: 26px;
  display: block;
  background: url(../images/close2.png) no-repeat center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.mark_box2 .close_mark:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mark_box2 .box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 37.5%;
}
.mark_box2 .box .box_info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.mark_box2 .box .box_info .left {
  width: 54.8%;
}
.mark_box2 .box .box_info .left .imgbox {
  width: 100%;
  height: calc(100% - 40px);
  background: #fff;
  border: 1px solid #e7eaed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mark_box2 .box .box_info .left p {
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #999999;
  font-size: 16px;
  text-align: center;
}
.mark_box2 .box .box_info .right {
  width: 38.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.mark_box2 .box .box_info .right h2 {
  color: #121818;
}
@media (max-width: 1920px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .mark_box2 .box .box_info .right h2 {
    font-size: 18.80816327px;
  }
}
.mark_box2 .box .box_info .right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.mark_box2 .box .box_info .right ul li {
  width: 45%;
  font-size: 16px;
  color: #666666;
  padding: 15px 0;
  border-bottom: 1px solid #c9c9c9;
}
.mark_box2 .box .box_info .right ul li:first-child,
.mark_box2 .box .box_info .right ul li:nth-child(2) {
  border-top: 1px solid #c9c9c9;
}
.mark_box2 .box .box_info .right ul li:nth-child(2n) {
  width: 55%;
}
.mark_box2 .box .box_info .right h3 {
  color: #1b1e1e;
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 3px solid #c9c9c9;
  position: relative;
  margin-bottom: 0px;
}
@media (max-width: 1920px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .mark_box2 .box .box_info .right h3 {
    font-size: 12.53877551px;
  }
}
.mark_box2 .box .box_info .right h3:before {
  content: '';
  width: 100px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -3px;
  background: #01b2b3;
}
.mark_box2 .box .box_info .right .info {
  max-height: 175px;
  overflow-y: scroll;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}
.mark_box2 .box .box_info .right .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.mark_box2 .box .box_info .right .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #01b2b3;
}
.mark_box2 .box .box_info .right .info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #e8e8e8;
}
.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.form input,
.form select,
.form textarea {
  padding: 15px;
  height: 50px;
  background: #f8f9fa;
  font-size: 16px;
  color: #999999;
  line-height: 1;
  width: 48.5%;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.form input::-webkit-input-placeholder,
.form select::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.form input::-moz-placeholder,
.form select::-moz-placeholder,
.form textarea::-moz-placeholder {
  font-size: 16px;
  color: #999999;
}
.form input:-ms-input-placeholder,
.form select:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.form select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*background: url('../images/sj2.png') no-repeat right 15px center #f8f9fa;*/
  background: url('../images/form-down-icon.png') no-repeat right 15px center #f8f9fa;
 
}
.form textarea {
  width: 100%;
  height: 120px;
}
.form .input_d {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form .btn_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #888b8b;
  color: #fff;
  width: 100%;
  height: 65px;
}
.form .btn_a:hover i {
  width: 100%;
}
.form .btn_a:hover span {
  width: 0;
  padding-right: 0;
}
.form .btn_a i {
  display: block;
  width: 36%;
  background: #01b2b3;
  font-size: 30px;
  text-align: center;
  line-height: 65px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.form .btn_a span {
  background: #888b8b;
  display: block;
  width: 64%;
  font-size: 20px;
  text-align: right;
  line-height: 65px;
  padding-right: 30px;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1680px) {
  .mark_box2 .box .box_info .right ul {
    max-height: 150px;
    overflow-y: scroll;
  }
  .mark_box2 .box .box_info .right ul::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .mark_box2 .box .box_info .right ul::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #01b2b3;
  }
  .mark_box2 .box .box_info .right ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #e8e8e8;
  }
  .mark_box2 .box .box_info .right ul li {
    padding: 12px 0;
  }
}
@media (max-width: 1366px) {
  .mark_box1 .top {
    padding: 20px;
  }
  .mark_box1 .top h1 {
    font-size: 24px;
  }
  .mark_box1 .top h1::before {
    height: 24px;
    margin-top: -12px;
  }
  .mark_box1 .form {
    padding: 20px;
  }
  .form input,
  .form select,
  .form textarea {
    padding: 12px;
    height: 45px;
    margin-bottom: 15px;
  }
  .form textarea {
    height: 120px;
  }
  .mark_box2 {
    padding: 50px;
  }
  .mark_box2 .box .box_info .right ul li {
    padding: 10px 0;
    font-size: 14px;
  }
  .mark_box2 .box .box_info .right h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .mark_box2 .box .box_info .right .info {
    font-size: 14px;
    line-height: 24px;
  }
  .mark_box2 .box .box_info .right ul {
    max-height: 150px;
  }
  .mark_box2 .box .box_info .right .info {
    max-height: 120px;
  }
}
@media (max-width: 990px) {
  .mark_box1 .top {
    padding: 15px;
  }
  .mark_box1 .top h1 {
    font-size: 20px;
  }
  .mark_box1 .top h1::before {
    height: 20px;
    margin-top: -10px;
  }
  .mark_box1 .form {
    padding: 15px;
  }
  .form input,
  .form select,
  .form textarea {
    margin-bottom: 10px;
    font-size: 14px;
    height: 40px;
  }
  .form input::-webkit-input-placeholder,
  .form select::-webkit-input-placeholder,
  .form textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  .form input::-moz-placeholder,
  .form select::-moz-placeholder,
  .form textarea::-moz-placeholder {
    font-size: 14px;
  }
  .form input:-ms-input-placeholder,
  .form select:-ms-input-placeholder,
  .form textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .form textarea {
    height: 100px;
  }
  .mark_box2 {
    padding: 40px 25px;
  }
  .mark_box2 .close_mark {
    right: 10px;
    top: 10px;
  }
  .mark_box2 .box .box_info .right {
    width: 42%;
  }
  .mark_box2 .box .box_info .right h2 {
    font-size: 18px;
  }
  .mark_box2 .box .box_info .right ul li {
    padding: 5px 0;
    font-size: 12px;
  }
  .mark_box2 .box .box_info .right h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .mark_box2 .box .box_info .right .info {
    font-size: 12px;
    line-height: 22px;
  }
  .mark_box2 .box .box_info .right ul {
    max-height: 120px;
  }
  .mark_box2 .box .box_info .right .info {
    max-height: 120px;
  }
  .form .btn_a {
    height: 50px;
  }
  .form .btn_a span,
  .form .btn_a i {
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .mark_box2 {
    padding: 50px 15px 25px;
  }
  .mark_box2 .box {
    padding-bottom: 0;
    height: auto;
  }
  .mark_box2 .box .box_info {
    position: relative;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .mark_box2 .box .box_info .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .mark_box2 .box .box_info .left .imgbox {
    height: 160px;
  }
  .mark_box2 .box .box_info .left p {
    font-size: 14px;
  }
  .mark_box2 .box .box_info .right {
    width: 100%;
  }
  .mark_box2 .box .box_info .right h2 {
    margin-bottom: 15px;
  }
  .mark_box2 .box .box_info .right h3 {
    margin-top: 15px;
  }
  .mark_box2 .box .box_info .right .info,
  .mark_box2 .box .box_info .right ul {
    max-height: 100px;
  }
}
.cp_jjfa {
  padding: 120px 0;
}
.cp_jjfa .info {
  font-size: 22px;
  line-height: 36px;
  color: #666666;
  margin-top: 20px;
  height: 144px;
  overflow-y: scroll;
}
.cp_jjfa .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.cp_jjfa .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.mylist1_s {
  overflow: hidden;
}
.mylist1 li a {
  display: block;
}
.mylist1 li a:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.mylist1 li a .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  position: relative;
  overflow: hidden;
}
.mylist1 li a .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.mylist1 li a h3 {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.mylist1 li a h3 p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 30px);
}
.mylist1 li a h3 i {
  width: 30px;
  font-size: 25px;
  text-align: center;
}
.mylist1 li a .p1 {
  margin-top: 15px;
  font-size: 20px;
  line-height: 36px;
  height: 108px;
  overflow-y: scroll;
}
.mylist1 li a .p1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.mylist1 li a .p1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
@media (max-width: 1366px) {
  .cp_jjfa {
    padding: 60px 0;
  }
  .cp_jjfa .info {
    font-size: 18px;
    line-height: 32px;
    height: 96px;
  }
  .mylist1 li a h3 {
    height: 60px;
    font-size: 24px;
  }
  .mylist1 li a .p1 {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 990px) {
  .cp_jjfa {
    padding: 40px 0;
  }
  .cp_jjfa .info {
    font-size: 16px;
    line-height: 32px;
    height: 64px;
    margin: 10px 0;
  }
  .mylist1 li a h3 {
    height: 50px;
    font-size: 20px;
  }
  .mylist1 li a .p1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    height: auto;
    margin-bottom: 15px;
  }
}
.cp_ymfs {
  background: url('../images/bg13.jpg') no-repeat center top;
  background-size: cover;
}
.cp_ymfs .info {
  height: 90px;
}
.cp_ymfs .top {
  width: 100%;
  height: 0;
  padding-bottom: 32%;
  position: relative;
}
.cp_ymfs .top .top_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp_ymfs .top .top_box .left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.cp_ymfs .top .top_box .left .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 4% 0;
}
.cp_ymfs .top .top_box .left .item .icon {
  width: 62px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cp_ymfs .top .top_box .left .item .art {
  width: calc(100% - 90px);
}
.cp_ymfs .top .top_box .left .item .art h3 {
  font-size: 36px;
  line-height: 1;
  color: #1b1e1e;
  margin-bottom: 15px;
}
.cp_ymfs .top .top_box .left .item .art p {
  font-size: 18px;
  color: #666666;
}
.cp_ymfs .top .top_box .right {
  width: 48.7%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 1366px) {
  .cp_ymfs .top .top_box .left .item .icon {
    width: 50px;
    height: 70px;
  }
  .cp_ymfs .top .top_box .left .item .art h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .cp_ymfs .top .top_box .left .item .art p {
    font-size: 16px;
  }
  .cp_ymfs .top .top_box .left .item .art {
    width: calc(100% - 70px);
  }
  .cp_ymfs .top .top_box .left .item {
    margin: 10px 0;
  }
}
@media (max-width: 990px) {
  .cp_ymfs .top .top_box .left .item .icon {
    width: 40px;
    height: 60px;
  }
  .cp_ymfs .top .top_box .left .item .art {
    width: calc(100% - 50px);
  }
  .cp_ymfs .top .top_box .left .item .art h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .cp_ymfs .top .top_box .left .item .art p {
    font-size: 16px;
  }
  .cp_ymfs .top .top_box .left .item {
    margin: 2% 0;
  }
}
@media (max-width: 768px) {
  .cp_jjfa .info {
    height: auto;
    font-size: 14px;
    line-height: 26px;
  }
  .cp_ymfs .top {
    height: auto;
    padding-bottom: 0;
  }
  .cp_ymfs .top .top_box {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .cp_ymfs .top .top_box .left {
    width: 100%;
    margin-bottom: 10px;
  }
  .cp_ymfs .top .top_box .left .item .icon {
    width: 30px;
    height: 40px;
  }
  .cp_ymfs .top .top_box .left .item .art {
    width: calc(100% - 45px);
  }
  .cp_ymfs .top .top_box .left .item .art h3 {
    font-size: 16px;
  }
  .cp_ymfs .top .top_box .left .item .art p {
    font-size: 12px;
  }
  .cp_ymfs .top .top_box .right {
    width: 100%;
    height: auto;
    max-height: 250px;
  }
}
.cp_nav {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.cp_nav .wrap {
  position: relative;
  z-index: 1;
}
.cp_nav:after {
  content: '';
  width: 100%;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e7eaed;
}
.cp_nav.scroll {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
}
.cp_nav.scroll .list {
  height: 80px;
  line-height: 80px;
}
.cp_nav .list {
  height: 125px;
  line-height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.cp_nav .list a {
  font-size: 20px;
  color: #121818;
  white-space: nowrap;
  position: relative;
  width: auto;
}
.cp_nav .list a:before {
  content: '';
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: transparent;
}
.cp_nav .list a.on {
  color: #01b2b3;
}
.cp_nav .list a.on:before {
  width: 100%;
  background: #01b2b3;
}
.cp_box .list {
  margin-top: 140px;
}
.cp_box .list li {
  width: 100%;
  height: 0;
  padding-bottom: 35.19%;
  position: relative;
  margin-bottom: 140px;
}
.cp_box .list li em {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  left: 0;
  top: 0;
  margin-top: -100px;
  padding-top: 100px;
  opacity: 0;
  z-index: 0;
}
.cp_box .list li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp_box .list li a:hover .imgbox img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.cp_box .list li a:hover .art .more {
  color: #01b2b3;
}
.cp_box .list li a .imgbox {
  width: 55.55%;
  border: 1px solid #e7eaed;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.cp_box .list li a .imgbox img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.cp_box .list li a .art {
  width: 44.45%;
  padding: 2% 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp_box .list li a .art > * {
  margin-left: 13%;
}
.cp_box .list li a .art h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: -10px;
}
@media (max-width: 1920px) {
  .cp_box .list li a .art h2 {
    font-size: 40px;
  }
}
@media (max-width: 1776px) {
  .cp_box .list li a .art h2 {
    font-size: 36.24489796px;
  }
}
@media (max-width: 1680px) {
  .cp_box .list li a .art h2 {
    font-size: 34.28571429px;
  }
}
@media (max-width: 1600px) {
  .cp_box .list li a .art h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1500px) {
  .cp_box .list li a .art h2 {
    font-size: 30.6122449px;
  }
}
@media (max-width: 1440px) {
  .cp_box .list li a .art h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1366px) {
  .cp_box .list li a .art h2 {
    font-size: 27.87755102px;
  }
}
@media (max-width: 1280px) {
  .cp_box .list li a .art h2 {
    font-size: 26.12244898px;
  }
}
@media (max-width: 1152px) {
  .cp_box .list li a .art h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1024px) {
  .cp_box .list li a .art h2 {
    font-size: 20.89795918px;
  }
}
.cp_box .list li a .art .tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}
.cp_box .list li a .art .tips::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.cp_box .list li a .art .tips::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.cp_box .list li a .art .tips i {
  font-size: 20px;
  color: #666666;
  padding: 0px 20px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #e7eaed;
  margin-right: 10px;
}
.cp_box .list li a .art .line {
  width: 100%;
  height: 4px;
  background: #f3f4f6;
  margin-left: 0;
  position: relative;
}
.cp_box .list li a .art .line:before {
  content: '';
  left: 13%;
  width: 100px;
  height: 4px;
  position: absolute;
  top: 0;
  background: #01b2b3;
}
.cp_box .list li a .art h3 {
  position: relative;
  display: inline-block;
  color: #1b1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1920px) {
  .cp_box .list li a .art h3 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .cp_box .list li a .art h3 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .cp_box .list li a .art h3 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .cp_box .list li a .art h3 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .cp_box .list li a .art h3 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .cp_box .list li a .art h3 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .cp_box .list li a .art h3 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .cp_box .list li a .art h3 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .cp_box .list li a .art h3 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .cp_box .list li a .art h3 {
    font-size: 18.80816327px;
  }
}
.cp_box .list li a .art h3 span {
  position: relative;
  display: inline-block;
}
.cp_box .list li a .art h3 span p {
  position: relative;
  z-index: 2;
}
.cp_box .list li a .art h3 span:before {
  content: '';
  width: 100%;
  height: 8px;
  background: #01b2b3;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.cp_box .list li a .art .info {
  font-size: 20px;
  line-height: 34px;
  color: #666666;
  height: 136px;
  overflow-y: scroll;
}
.cp_box .list li a .art .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.cp_box .list li a .art .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.cp_box .list li a .art .more {
  font-size: 18px;
  color: #999999;
}
.cp_box .list li a .art .more i {
  margin-left: 30px;
}
@media (max-width: 1500px) {
  .cp_box .list li a .art .tips i {
    font-size: 18px;
    height: 35px;
    line-height: 35px;
  }
  .cp_box .list li a .art .info {
    font-size: 16px;
    line-height: 32px;
    height: 128px;
  }
  .cp_box .list li a .art h3 span:before {
    height: 6px;
  }
  .cp_box .list {
    margin-top: 100px;
  }
  .cp_box .list li {
    margin-bottom: 100px;
  }
}
@media (max-width: 1366px) {
  .cp_nav:after {
    height: 4px;
  }
  .cp_nav.scroll .list {
    height: 60px;
    line-height: 60px;
  }
  .cp_nav .list {
    height: 80px;
    line-height: 80px;
  }
  .cp_nav .list a {
    font-size: 16px;
  }
  .cp_nav .list a:before {
    height: 4px;
  }
  .cp_box .list li a .art .tips i {
    font-size: 16px;
  }
  .cp_box .list li a .art .info {
    font-size: 16px;
    line-height: 32px;
    height: 96px;
  }
  .cp_box .list li a .art h3 span:before {
    height: 4px;
  }
  .cp_box .list {
    margin-top: 60px;
  }
  .cp_box .list li {
    margin-bottom: 60px;
  }
}
@media (max-width: 990px) {
  .cp_nav.scroll {
    top: 60px;
  }
  .cp_nav:after {
    height: 2px;
  }
  .cp_box .list li a .art .more{
    font-size: 16px;
  }
  .cp_box .list li a .art .more i{
    margin-left: 15px;
  }
  .cp_nav .list {
    height: 65px;
    margin-top: 5px;
    /* line-height: 60px; */
  }
  .cp_nav .list a {
    font-size: 14px;
    width: 100px;
    white-space:normal;
    line-height: 26px;
  }
  .cp_nav .list a:before {
    height: 2px;
  }
  .cp_box .list li a .art h2 {
    font-size: 20px;
  }
  .cp_box .list li a .art .tips i {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  .cp_box .list li a .art h3 {
    font-size: 18px;
  }
  .cp_box .list li a .art .info {
    font-size: 14px;
    line-height: 24px;
    height: 96px;
  }
  .cp_box .list li a .art h3 span:before {
    height: 2px;
  }
  .cp_box .list {
    margin-top: 40px;
  }
  .cp_box .list li {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .cp_box .list li {
    height: auto;
    padding-bottom: 0;
  }
  .cp_box .list li a {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .cp_box .list li a .imgbox {
    width: 100%;
    max-height: 250px;
  }
  .cp_box .list li a .art {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .cp_box .list li a .art > * {
    margin: 8px 0;
  }
  .cp_box .list li a .art h2 {
    margin-bottom: 5px;
  }
  .cp_box .list li a .art .line:before {
    left: 0;
  }
}
.pro_date {
  background: url('../images/bg1.jpg') no-repeat center top;
  background-size: cover;
}
.pro_date .top {
  width: 100%;
  height: 0;
  padding-bottom: 30%;
  position: relative;
  margin-top: 50px;
}
.pro_date .top .top_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pro_date .top .top_box .left {
  overflow: hidden;
  width: 49%;
  height: 100%;
  border: 1px solid #e7eaed;
  box-sizing: border-box;
  background: #fff;
}
.pro_date .top .top_box .left .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
.pro_date .top .top_box .left .swiper .swiper-button-next i,
.pro_date .top .top_box .left .swiper .swiper-button-prev i {
  font-size: 25px;
  color: #b5b8b8;
}
.pro_date .top .top_box .left .swiper .swiper-button-next:after,
.pro_date .top .top_box .left .swiper .swiper-button-prev:after {
  display: none;
}
.pro_date .top .top_box .left .swiper .swiper-button-next:hover i,
.pro_date .top .top_box .left .swiper .swiper-button-prev:hover i {
  color: #01b2b3;
}
.pro_date .top .top_box .left .swiper .swiper-button-prev {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.pro_date .top .top_box .left .swiper .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pro_date .top .top_box .left .swiper .swiper-slide a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.pro_date .top .top_box .left .swiper .swiper-slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pro_date .top .top_box .right {
  width: 51%;
  padding: 2% 0 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pro_date .top .top_box .right > * {
  margin-left: 13%;
}
.pro_date .top .top_box .right h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2%;
}
@media (max-width: 1920px) {
  .pro_date .top .top_box .right h2 {
    font-size: 40px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top .top_box .right h2 {
    font-size: 36.24489796px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top .top_box .right h2 {
    font-size: 34.28571429px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top .top_box .right h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top .top_box .right h2 {
    font-size: 30.6122449px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top .top_box .right h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top .top_box .right h2 {
    font-size: 27.87755102px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top .top_box .right h2 {
    font-size: 26.12244898px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top .top_box .right h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top .top_box .right h2 {
    font-size: 20.89795918px;
  }
}
.pro_date .top .top_box .right .tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}
.pro_date .top .top_box .right .tips::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 3px;
}
.pro_date .top .top_box .right .tips::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.pro_date .top .top_box .right .tips i {
  color: #666666;
  padding: 0px 20px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #e7eaed;
  margin-right: 10px;
}
@media (max-width: 1920px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 20px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 18.12244898px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 17.14285714px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 16.32653061px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 15.30612245px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 14.69387755px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 13.93877551px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 13.06122449px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 11.75510204px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top .top_box .right .tips i {
    font-size: 10.44897959px;
  }
}
.pro_date .top .top_box .right .line {
  width: 100%;
  height: 4px;
  background: #e7eaed;
  position: relative;
  margin: 6% 0 10%;
}
.pro_date .top .top_box .right .line:before {
  content: '';
  left: 13%;
  width: 100px;
  height: 4px;
  position: absolute;
  top: 0;
  background: #01b2b3;
}
.pro_date .top .top_box .right .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pro_date .top .top_box .right .btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #01b2b3;
  border: 6px solid #01b2b3;
  width: 250px;
  height: 70px;
  margin-right: 35px;
}
@media (max-width: 1920px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top .top_box .right .btns a {
    font-size: 12.53877551px;
  }
}
.pro_date .top .top_box .right .btns a:hover img {
  margin-right: 10px;
}
.pro_date .top .top_box .right .btns a img {
  margin-right: 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pro_date .top .top_box .right .btns .tel span {
  color: #999999;
}
@media (max-width: 1920px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 18px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 16.31020408px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 15.42857143px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 14.69387755px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 13.7755102px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 13.2244898px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 12.54489796px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 11.75510204px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 10.57959184px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top .top_box .right .btns .tel span {
    font-size: 9.40408163px;
  }
}
.pro_date .top .top_box .right .btns .tel span i {
  margin-right: 10px;
}
.pro_date .top .top_box .right .btns .tel p {
  color: #121818;
  line-height: 1;
}
@media (max-width: 1920px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 18.80816327px;
  }
}
.pro_date .top2 {
  margin-top: 50px;
  padding: 60px 55px 45px;
  background: #01b2b3;
  color: #ffffff;
}
@media (max-width: 1920px) {
  .pro_date .top2 h2 {
    font-size: 40px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top2 h2 {
    font-size: 36.24489796px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top2 h2 {
    font-size: 34.28571429px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top2 h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top2 h2 {
    font-size: 30.6122449px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top2 h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top2 h2 {
    font-size: 27.87755102px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top2 h2 {
    font-size: 26.12244898px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top2 h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top2 h2 {
    font-size: 20.89795918px;
  }
}
.pro_date .top2 .info {
  line-height: 1.8;
  margin: 40px 0 55px;
  width: 890px;
  max-width: 100%;
}
@media (max-width: 1920px) {
  .pro_date .top2 .info {
    font-size: 20px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top2 .info {
    font-size: 18.12244898px;
    margin: 35px 0 50px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top2 .info {
    font-size: 17.14285714px;
    margin: 30px 0 45px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top2 .info {
    font-size: 16.32653061px;
    margin: 25px 0 40px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top2 .info {
    font-size: 15.30612245px;
    margin: 20px 0 35px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top2 .info {
    font-size: 14.69387755px;
    margin: 20px 0 30px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top2 .info {
    font-size: 13.93877551px;
    margin: 20px 0 25px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top2 .info {
    font-size: 13.06122449px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top2 .info {
    font-size: 11.75510204px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top2 .info {
    font-size: 10.44897959px;
    margin: 20px 0 20px;
  }
}
.pro_date .top2 .line {
  width: 100%;
  height: 1px;
  background: #fff;
  opacity: 0.3;
  margin-bottom: 50px;
}
.pro_date .top2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.pro_date .top2 ul li {
  width: 24%;
  line-height: 1.5;
  padding-left: 15px;
  position: relative;
  margin-bottom: 15px;
  padding-right: 15px;
}
@media (max-width: 1920px) {
  .pro_date .top2 ul li {
    font-size: 20px;
  }
}
@media (max-width: 1776px) {
  .pro_date .top2 ul li {
    font-size: 18.12244898px;
  }
}
@media (max-width: 1680px) {
  .pro_date .top2 ul li {
    font-size: 17.14285714px;
  }
}
@media (max-width: 1600px) {
  .pro_date .top2 ul li {
    font-size: 16.32653061px;
  }
}
@media (max-width: 1500px) {
  .pro_date .top2 ul li {
    font-size: 15.30612245px;
  }
}
@media (max-width: 1440px) {
  .pro_date .top2 ul li {
    font-size: 14.69387755px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top2 ul li {
    font-size: 13.93877551px;
  }
}
@media (max-width: 1280px) {
  .pro_date .top2 ul li {
    font-size: 13.06122449px;
  }
}
@media (max-width: 1152px) {
  .pro_date .top2 ul li {
    font-size: 11.75510204px;
  }
}
@media (max-width: 1024px) {
  .pro_date .top2 ul li {
    font-size: 10.44897959px;
  }
}
.pro_date .top2 ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  top: 12px;
  left: 0;
  position: absolute;
}
.pro_date .top3 {
  padding: 70px 0;
}
.pro_date .top3 .line {
  width: 100%;
  height: 1px;
  background: #dfe2e2;
  margin: 30px 0;
}
.pro_date .top3 .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.pro_date .top3 .items li {
  min-width: 20%;
}
@media(max-width:1680px){
  .pro_date .top2 ul li:before{
    top:9px;
  }
}
@media(max-width:1440px){
  .pro_date .top2 ul li:before{
    top:8px;
  }
}
@media (max-width: 1366px) {
  .pro_date .top2 ul li:before{
    top:7px;
  }
  .pro_date .top .top_box .right .btns a {
    width: 200px;
    height: 60px;
    border: 4px solid #01b2b3;
  }
  .pro_date .top .top_box .right .btns a img {
    width: 20px;
  }
  .pro_date .top2 {
    padding: 30px 25px 15px;
  }
  .pro_date .top2 .line {
    margin-bottom: 25px;
  }
  .pro_date .top {
    margin-top: 20px;
  }
  .pro_date .top2 {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .pro_date .top {
    margin-top: 0px;
  }
  .pro_date .top .top_box .right .btns a {
    width: 150px;
    height: 50px;
    border: 2px solid #01b2b3;
  }
  .pro_date .top .top_box .right .btns a img {
    margin-right: 10px;
  }
  .pro_date .top2 {
    padding: 15px 15px 0px;
  }
  .pro_date .top2 .line {
    margin-bottom: 15px;
  }
  .pro_date .top2 ul li {
    width: 100%;
    font-size: 12px;
  }
  .pro_date .top2 h2 {
    font-size: 20px;
  }
  .pro_date .top3 {
    padding: 40px 0;
  }
  .pro_date .top3 .items li {
    min-width: 50%;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .pro_date .top {
    height: auto;
    padding-bottom: 0;
  }
  .pro_date .top .top_box {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    position: relative;
  }
  .pro_date .top .top_box .left {
    width: 100%;
    height: 0;
    padding-bottom: 63%;
    position: relative;
    margin-bottom: 15px;
  }
  .pro_date .top .top_box .left .swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
  }
  .pro_date .top .top_box .right {
    width: 100%;
  }
  .pro_date .top .top_box .right > * {
    margin-left: 0;
  }
  .pro_date .top .top_box .right h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .pro_date .top .top_box .right .tips i {
    padding: 0 15px;
  }
  .pro_date .top .top_box .right .line {
    margin: 15px 0;
  }
  .pro_date .top .top_box .right .line:before {
    left: 0;
  }
  .pro_date .top .top_box .right .btns a {
    margin-right: 15px;
  }
  .pro_date .top .top_box .right .btns .tel p {
    font-size: 16px;
  }
  .pro_date .top3 {
    padding: 30px 0;
  }
  .pro_date .top3 .line {
    margin: 15px 0;
  }
}
.xtfa_info {
  padding: 110px 0;
}
.xtfa_info .box {
  width: 100%;
  height: 0;
  padding-bottom: 36.4%;
  position: relative;
}
.xtfa_info .box .box_info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.xtfa_info .box .box_info .left {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
 
}
.xtfa_info .box .box_info .left .top h2 {
  color: #1b1e1e;
  margin-bottom: 30px;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 44px;
  }
}
@media (max-width: 1776px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 39.86938776px;
  }
}
@media (max-width: 1680px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 37.71428571px;
  }
}
@media (max-width: 1600px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 35.91836735px;
  }
}
@media (max-width: 1500px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 33.67346939px;
  }
}
@media (max-width: 1440px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 32.32653061px;
  }
}
@media (max-width: 1366px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 30.66530612px;
  }
}
@media (max-width: 1280px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 28.73469388px;
  }
}
@media (max-width: 1152px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 25.86122449px;
  }
}
@media (max-width: 1024px) {
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 22.9877551px;
  }
}
.xtfa_info .box .box_info .left .top h2 span {
  color: #01b2b3;
}
.xtfa_info .box .box_info .left .top .info {
  line-height: 1.3;
}
@media (max-width: 1920px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 22px;
  }
}
@media (max-width: 1776px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 19.93469388px;
  }
}
@media (max-width: 1680px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 18.85714286px;
  }
}
@media (max-width: 1600px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 17.95918367px;
  }
}
@media (max-width: 1500px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 16.83673469px;
  }
}
@media (max-width: 1440px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 16.16326531px;
  }
}
@media (max-width: 1366px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 15.33265306px;
  }
}
@media (max-width: 1280px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 14.36734694px;
  }
}
@media (max-width: 1152px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 12.93061224px;
  }
}
@media (max-width: 1024px) {
  .xtfa_info .box .box_info .left .top .info {
    font-size: 11.49387755px;
  }
}
.xtfa_info .box .box_info .left .bot {
  direction: rtl;
  max-height: 200px;
  overflow-y: scroll;
  padding-left: 35px;
  margin-top: 18%;
}
.xtfa_info .box .box_info .left .bot::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.xtfa_info .box .box_info .left .bot::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #01b2b3;
}
.xtfa_info .box .box_info .left .bot::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #e8e8e8;
}
.xtfa_info .box .box_info .left .bot .box {
  direction: ltr;
}
.xtfa_info .box .box_info .left .bot h3 {
  font-weight: bold;
}
@media (max-width: 1920px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .xtfa_info .box .box_info .left .bot h3 {
    font-size: 12.53877551px;
  }
}
.xtfa_info .box .box_info .left .bot p {
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  margin: 30px 0;
}
.xtfa_info .box .box_info .left .bot b {
  font-size: 20px;
  color: #1b1e1e;
  font-weight: normal;
}
.xtfa_info .box .box_info .right {
  width: 44.44%;
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 1366px) {
  .xtfa_info {
    padding: 60px 0;
  }
  .xtfa_info .box .box_info .left .bot p {
    font-size: 16px;
    margin: 20px 0;
  }
  .xtfa_info .box .box_info .left .bot b {
    font-size: 18px;
  }
}
@media (max-width: 990px) {
  .xtfa_info {
    padding: 40px 0;
  }
  .xtfa_info .box .box_info .left .bot {
    padding-left: 20px;
  }
  .xtfa_info .box .box_info .left .top h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .xtfa_info .box .box_info .left .bot p {
    font-size: 14px;
    margin: 20px 0;
  }
  .xtfa_info .box .box_info .left .bot b {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .xtfa_info .box {
    height: auto;
    padding-bottom: 0;
  }
  .xtfa_info .box .box_info {
    position: relative;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .xtfa_info .box .box_info .left {
    width: 100%;
  }
  .xtfa_info .box .box_info .left .bot {
    margin-top: 15px;
    max-height: 120px;
    padding-left: 15px;
  }
  .xtfa_info .box .box_info .left .bot p {
    margin: 15px 0;
    line-height: 24px;
  }
  .xtfa_info .box .box_info .right {
    width: 100%;
  }
}
.czxz_info {
  padding: 110px 0;
  position: relative;
}
.czxz_info:before {
  content: '';
  width: 100%;
  height: 70%;
  background: #f4f6f7;
  position: absolute;
  left: 0;
  top: 0;
}
.czxz_info .wrap {
  position: relative;
  z-index: 2;
}
.czxz_info h2 {
  color: #1b1e1e;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .czxz_info h2 {
    font-size: 44px;
  }
}
@media (max-width: 1776px) {
  .czxz_info h2 {
    font-size: 39.86938776px;
  }
}
@media (max-width: 1680px) {
  .czxz_info h2 {
    font-size: 37.71428571px;
  }
}
@media (max-width: 1600px) {
  .czxz_info h2 {
    font-size: 35.91836735px;
  }
}
@media (max-width: 1500px) {
  .czxz_info h2 {
    font-size: 33.67346939px;
  }
}
@media (max-width: 1440px) {
  .czxz_info h2 {
    font-size: 32.32653061px;
  }
}
@media (max-width: 1366px) {
  .czxz_info h2 {
    font-size: 30.66530612px;
  }
}
@media (max-width: 1280px) {
  .czxz_info h2 {
    font-size: 28.73469388px;
  }
}
@media (max-width: 1152px) {
  .czxz_info h2 {
    font-size: 25.86122449px;
  }
}
@media (max-width: 1024px) {
  .czxz_info h2 {
    font-size: 22.9877551px;
  }
}
.czxz_info h2 span {
  color: #01b2b3;
}
.czxz_info .info {
  color: #1b1e1e;
  line-height: 1.3;
  margin: 50px auto 65px;
  text-align: center;
  width: 1240px;
  max-width: 100%;
}
@media (max-width: 1920px) {
  .czxz_info .info {
    font-size: 22px;
  }
}
@media (max-width: 1776px) {
  .czxz_info .info {
    font-size: 19.93469388px;
  }
}
@media (max-width: 1680px) {
  .czxz_info .info {
    font-size: 18.85714286px;
  }
}
@media (max-width: 1600px) {
  .czxz_info .info {
    font-size: 17.95918367px;
  }
}
@media (max-width: 1500px) {
  .czxz_info .info {
    font-size: 16.83673469px;
  }
}
@media (max-width: 1440px) {
  .czxz_info .info {
    font-size: 16.16326531px;
  }
}
@media (max-width: 1366px) {
  .czxz_info .info {
    font-size: 15.33265306px;
  }
}
@media (max-width: 1280px) {
  .czxz_info .info {
    font-size: 14.36734694px;
  }
}
@media (max-width: 1152px) {
  .czxz_info .info {
    font-size: 12.93061224px;
  }
}
@media (max-width: 1024px) {
  .czxz_info .info {
    font-size: 11.49387755px;
  }
}
.czxz_info .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.czxz_info .items .item {
  width: 25%;
  height: 0;
  padding-bottom: 25%;
  position: relative;
  overflow: hidden;
}
.czxz_info .items .item:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.czxz_info .items .item img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.czxz_info .items .item p {
  position: absolute;
  left: 25px;
  bottom: 25px;
  z-index: 2;
  color: #ffffff;
}
@media (max-width: 1920px) {
  .czxz_info .items .item p {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .czxz_info .items .item p {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .czxz_info .items .item p {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .czxz_info .items .item p {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .czxz_info .items .item p {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .czxz_info .items .item p {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .czxz_info .items .item p {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .czxz_info .items .item p {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .czxz_info .items .item p {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .czxz_info .items .item p {
    font-size: 12.53877551px;
  }
}
@media (max-width: 1366px) {
  .czxz_info {
    padding: 60px 0;
  }
  .czxz_info .info {
    margin: 25px 0;
  }
  .czxz_info .items .item p {
    left: 10px;
    bottom: 10px;
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .czxz_info h2 {
    font-size: 20px;
  }
  .czxz_info {
    padding: 40px 0;
  }
  .czxz_info .info {
    margin: 15px 0;
  }
  .czxz_info .items {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .czxz_info .items .item {
    width: 50%;
    padding-bottom: 50%;
  }
}
.pro_t {
  color: #121818;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 1920px) {
  .pro_t {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .pro_t {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .pro_t {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .pro_t {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .pro_t {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .pro_t {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .pro_t {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .pro_t {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .pro_t {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .pro_t {
    font-size: 18.80816327px;
  }
}
.pro_t:before {
  content: '';
  width: 8px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  background: #01b2b3;
}
@media (max-width: 1366px) {
  .pro_t {
    padding-left: 20px;
  }
  .pro_t:before {
    width: 6px;
    height: 20px;
    margin-top: -10px;
  }
}
@media (max-width: 990px) {
  .pro_t {
    font-size: 20px;
    padding-left: 15px;
  }
  .pro_t:before {
    width: 4px;
    height: 20px;
    margin-top: -10px;
  }
}
.ggcs_info {
  margin-top: 80px;
  margin-bottom: 110px;
}
.ggcs_info .table {
  margin-top: 25px;
}
.ggcs_info .table table {
  border: none;
}
.ggcs_info .table th {
  padding: 33px 0 50px;
  font-size: 16px;
  color: #121818;
  border-top: none;
}
.ggcs_info .table th:first-child {
  border-left: none;
}
.ggcs_info .table th:last-child {
  border-right: none;
}
.ggcs_info .table thead {
  background: #f2f4f5;
}
.ggcs_info .table tbody tr {
  background: #ffffff;
}
.ggcs_info .table tbody tr:nth-child(2n) {
  background: #fbfbfc;
}
.ggcs_info .table tbody tr:last-child td {
  border-bottom: none;
}
.ggcs_info .table tbody tr:hover td:first-child {
  color: #01b2b3;
}
.ggcs_info .table tbody tr td {
  text-align: center;
  padding: 20px 0 30px;
  font-size: 16px;
  color: #666666;
}
.ggcs_info .table tbody tr td .box_info{
  display: none;
}
.ggcs_info .table tbody tr td:first-child {
  border-left: none;
}
.ggcs_info .table tbody tr td:last-child {
  border-right: none;
}
.ggcs_info .table tbody tr td a {
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e5e6e6;
  border-radius: 3px;
}
.ggcs_info .table tbody tr td a:hover {
  border: none;
  background: #01b2b3;
  color: #fff;
}
@media (max-width: 1366px) {
  .ggcs_info .table th {
    padding: 20px 0 25px;
    font-size: 14px;
  }
  .ggcs_info .table tbody tr td {
    padding: 15px 0 ;
    font-size: 14px;
  }
  .ggcs_info {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
@media (max-width: 990px) {
  .ggcs_info {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .ggcs_info .table {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .ggcs_info .table::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
  }
  .ggcs_info .table::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .ggcs_info .table table {
    min-width: 990px;
  }
  .ggcs_info .table table th {
    padding: 15px 0 18px;
  }
  .ggcs_info .table table tbody tr td {
    padding: 12px 0;
  }
  .ggcs_info .table table tbody tr td a {
    font-size: 14px;
    padding: 5px 8px;
  }
}
.hyyy_info {
  padding: 80px 0 110px;
  background: url(../images/bg11.jpg) no-repeat center top;
  background-size: cover;
}
.hyyy_info .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #dfe1e2;
}
.hyyy_info .top a {
  padding: 14px 37px;
  background: #01b2b3;
  color: #fff;
}
@media (max-width: 1920px) {
  .hyyy_info .top a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .hyyy_info .top a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .hyyy_info .top a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .hyyy_info .top a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .hyyy_info .top a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .hyyy_info .top a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .hyyy_info .top a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .hyyy_info .top a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .hyyy_info .top a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .hyyy_info .top a {
    font-size: 12.53877551px;
  }
}
.hyyy_info .bot {
  margin-top: 65px;
  position: relative;
}
.hyyy_info .bot .swiper-button-next i,
.hyyy_info .bot .swiper-button-prev i {
  font-size: 25px;
  color: #b5b8b8;
}
.hyyy_info .bot .swiper-button-next:after,
.hyyy_info .bot .swiper-button-prev:after {
  display: none;
}
.hyyy_info .bot .swiper-button-next:hover i,
.hyyy_info .bot .swiper-button-prev:hover i {
  color: #01b2b3;
}
.hyyy_info .bot .swiper-button-prev {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  left: -50px;
}
.hyyy_info .bot .swiper-button-next {
  right: -50px;
}
.hyyy_info .bot .swiper {
  overflow: hidden;
}
.hyyy_info .bot .swiper .swiper-slide:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.hyyy_info .bot .swiper .swiper-slide:hover p {
  color: #01b2b3;
}
.hyyy_info .bot .swiper .swiper-slide .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 72%;
  position: relative;
  overflow: hidden;
}
.hyyy_info .bot .swiper .swiper-slide .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.hyyy_info .bot .swiper .swiper-slide p {
  color: #1b1e1e;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #dfe0e2;
}
@media (max-width: 1920px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .hyyy_info .bot .swiper .swiper-slide p {
    font-size: 12.53877551px;
  }
}
@media (max-width: 1366px) {
  .hyyy_info {
    padding: 60px 0 80px;
  }
  .hyyy_info .bot {
    margin-top: 40px;
  }
  .hyyy_info .bot .swiper .swiper-slide p {
    height: 60px;
    line-height: 60px;
  }
  .hyyy_info .bot .swiper-button-next {
    right: -25px;
  }
  .hyyy_info .bot .swiper-button-prev {
    left: -25px;
  }
  .hyyy_info .top a {
    padding: 12px 20px;
  }
}
@media (max-width: 990px) {
  .hyyy_info {
    padding: 30px 0 40px;
  }
  .hyyy_info .bot {
    margin-top: 20px;
  }
  .hyyy_info .bot .swiper .swiper-slide p {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .hyyy_info .bot .swiper-button-next {
    right: -20px;
  }
  .hyyy_info .bot .swiper-button-prev {
    left: -20px;
  }
  .hyyy_info .top {
    padding-bottom: 20px;
  }
  .hyyy_info .top a {
    padding: 8px 15px;
    font-size: 14px;
  }
}
.gcxm_info {
  padding: 120px 0;
  background: url('../images/bg13.jpg') no-repeat center top;
  background-size: cover;
}
.gcxm_info .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.gcxm_info .left {
  width: 43.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.gcxm_info .right {
  width: 48.7%;
}
.gcxm_info .right .info {
  color: #666666;
  line-height: 1.6;
  margin: 7% 0 10%;
}
@media (max-width: 1920px) {
  .gcxm_info .right .info {
    font-size: 22px;
  }
}
@media (max-width: 1776px) {
  .gcxm_info .right .info {
    font-size: 19.93469388px;
  }
}
@media (max-width: 1680px) {
  .gcxm_info .right .info {
    font-size: 18.85714286px;
  }
}
@media (max-width: 1600px) {
  .gcxm_info .right .info {
    font-size: 17.95918367px;
  }
}
@media (max-width: 1500px) {
  .gcxm_info .right .info {
    font-size: 16.83673469px;
  }
}
@media (max-width: 1440px) {
  .gcxm_info .right .info {
    font-size: 16.16326531px;
  }
}
@media (max-width: 1366px) {
  .gcxm_info .right .info {
    font-size: 15.33265306px;
  }
}
@media (max-width: 1280px) {
  .gcxm_info .right .info {
    font-size: 14.36734694px;
  }
}
@media (max-width: 1152px) {
  .gcxm_info .right .info {
    font-size: 12.93061224px;
  }
}
@media (max-width: 1024px) {
  .gcxm_info .right .info {
    font-size: 11.49387755px;
  }
}
.gcxm_info .right .more_a {
  margin-top: 50px;
  width: 375px;
  max-width: 60%;
  color: #041333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 45px;
}
@media (max-width: 1920px) {
  .gcxm_info .right .more_a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .gcxm_info .right .more_a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .gcxm_info .right .more_a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .gcxm_info .right .more_a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .gcxm_info .right .more_a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .gcxm_info .right .more_a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .gcxm_info .right .more_a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .gcxm_info .right .more_a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .gcxm_info .right .more_a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .gcxm_info .right .more_a {
    font-size: 12.53877551px;
  }
}
.gcxm_info .right .more_a:hover {
  color: #01b2b3;
}
.gcxm_info .right .more_a:hover:after {
  width: 100%;
}
.gcxm_info .right .more_a i {
  font-family: 'hs-l';
}
@media (max-width: 1920px) {
  .gcxm_info .right .more_a i {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .gcxm_info .right .more_a i {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .gcxm_info .right .more_a i {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .gcxm_info .right .more_a i {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .gcxm_info .right .more_a i {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .gcxm_info .right .more_a i {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .gcxm_info .right .more_a i {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .gcxm_info .right .more_a i {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .gcxm_info .right .more_a i {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .gcxm_info .right .more_a i {
    font-size: 12.53877551px;
  }
}
.gcxm_info .right .more_a:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #041333;
  opacity: 0.1;
}
.gcxm_info .right .more_a:after {
  content: '';
  width: 110px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .gcxm_info {
    padding: 60px 0;
  }
  .gcxm_info .right .more_a {
    padding-bottom: 30px;
  }
}
@media (max-width: 990px) {
  .gcxm_info {
    padding: 40px 0;
  }
  .gcxm_info .right .more_a {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .gcxm_info .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .gcxm_info .wrap .left {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 15px;
    justify-content: start;
  }
  .gcxm_info .wrap .right {
    width: 100%;
  }
  .gcxm_info .wrap .right .info {
    margin: 15px 0;
  }
  .gcxm_info .wrap .right .more_a {
    margin-top: 15px;
    padding-bottom: 15px;
  }
}
.gcxt_info {
  padding: 110px 0 140px;
}
.gcxt_info .info {
  color: #666666;
  line-height: 1.3;
  margin: 30px 0 40px;
}
@media (max-width: 1920px) {
  .gcxt_info .info {
    font-size: 22px;
  }
}
@media (max-width: 1776px) {
  .gcxt_info .info {
    font-size: 19.93469388px;
  }
}
@media (max-width: 1680px) {
  .gcxt_info .info {
    font-size: 18.85714286px;
  }
}
@media (max-width: 1600px) {
  .gcxt_info .info {
    font-size: 17.95918367px;
  }
}
@media (max-width: 1500px) {
  .gcxt_info .info {
    font-size: 16.83673469px;
  }
}
@media (max-width: 1440px) {
  .gcxt_info .info {
    font-size: 16.16326531px;
  }
}
@media (max-width: 1366px) {
  .gcxt_info .info {
    font-size: 15.33265306px;
  }
}
@media (max-width: 1280px) {
  .gcxt_info .info {
    font-size: 14.36734694px;
  }
}
@media (max-width: 1152px) {
  .gcxt_info .info {
    font-size: 12.93061224px;
  }
}
@media (max-width: 1024px) {
  .gcxt_info .info {
    font-size: 11.49387755px;
  }
}
.gcxt_info .box {
  background: #01b2b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.gcxt_info .box .left {
  width: 51.3%;
  padding: 0 75px;
}
.gcxt_info .box .left ul {
  max-height: 450px;
  overflow-y: scroll;
}
.gcxt_info .box .left ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.gcxt_info .box .left ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.gcxt_info .box .left ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0 10px 30px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 1920px) {
  .gcxt_info .box .left ul li {
    font-size: 20px;
  }
}
@media (max-width: 1776px) {
  .gcxt_info .box .left ul li {
    font-size: 18.12244898px;
  }
}
@media (max-width: 1680px) {
  .gcxt_info .box .left ul li {
    font-size: 17.14285714px;
  }
}
@media (max-width: 1600px) {
  .gcxt_info .box .left ul li {
    font-size: 16.32653061px;
  }
}
@media (max-width: 1500px) {
  .gcxt_info .box .left ul li {
    font-size: 15.30612245px;
  }
}
@media (max-width: 1440px) {
  .gcxt_info .box .left ul li {
    font-size: 14.69387755px;
  }
}
@media (max-width: 1366px) {
  .gcxt_info .box .left ul li {
    font-size: 13.93877551px;
  }
}
@media (max-width: 1280px) {
  .gcxt_info .box .left ul li {
    font-size: 13.06122449px;
  }
}
@media (max-width: 1152px) {
  .gcxt_info .box .left ul li {
    font-size: 11.75510204px;
  }
}
@media (max-width: 1024px) {
  .gcxt_info .box .left ul li {
    font-size: 10.44897959px;
  }
}
.gcxt_info .box .left ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.gcxt_info .box .left ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #fff;
}
.gcxt_info .box .right {
  width: 48.7%;
  line-height: 0;
}
@media (max-width: 1366px) {
  .gcxt_info {
    padding: 60px 0 80px;
  }
  .gcxt_info .box .left {
    padding: 0 30px;
  }
  .gcxt_info .info {
    margin: 20px 0 30px;
  }
  .gcxt_info .box .left ul li {
    padding: 8px 0 8px 20px;
  }
  .gcxt_info .box .left ul li:before {
    width: 6px;
    height: 6px;
    margin-top: -3px;
  }
}
@media (max-width: 990px) {
  .gcxt_info {
    padding: 30px 0 40px;
  }
  .gcxt_info .info {
    margin: 20px 0;
  }
  .gcxt_info .box .left {
    padding: 0 20px;
  }
  .gcxt_info .box .left ul li {
    padding: 5px 0 5px 15px;
  }
  .gcxt_info .box .left ul li:before {
    width: 4px;
    height: 4px;
    margin-top: -2px;
  }
  .gcxm_info .right .info{
    font-size: 14px;
    line-height: 26px;
  }
  .gcxt_info .info{
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  .gcxt_info .info {
    margin: 15px 0;
    max-height: none;
    height: auto;
  }
 
  .gcxt_info .box {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .gcxt_info .box .left {
    width: 100%;
    padding: 0 1px 0 15px;
  }
  .gcxt_info .box .left ul {
    max-height: none;
  }
  .gcxt_info .box .left ul li {
    font-size: 12px;
    padding-left: 10px;
  }
  .gcxt_info .box .right {
    width: 100%;
  }
}
.subnav {
  padding: 29px 0;
  background: #f6f8f9;
}
.subnav .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.subnav .wrap a {
  position: relative;
}
@media (max-width: 1920px) {
  .subnav .wrap a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .subnav .wrap a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .subnav .wrap a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .subnav .wrap a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .subnav .wrap a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .subnav .wrap a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .subnav .wrap a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .subnav .wrap a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .subnav .wrap a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .subnav .wrap a {
    font-size: 14px;
  }
}
.subnav .wrap a:before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -30px;
  background: transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.subnav .wrap a:hover,
.subnav .wrap a.on {
  color: #01b2b3;
}
.subnav .wrap a:hover:before,
.subnav .wrap a.on:before {
  width: 100%;
  background: #01b2b3;
}
.subnav .wrap i {
  width: 1px;
  height: 20px;
  margin: 0 60px;
  background: #9ea1a1;
}
.subnav .wrap i:last-child {
  display: none;
}
@media (max-width: 1366px) {
  .subnav {
    padding: 25px 0;
  }
  .subnav .wrap a:before {
    bottom: -25px;
    height: 3px;
  }
  .subnav .wrap i {
    margin: 0 30px ;
  }
}
@media (max-width: 990px) {
  .subnav {
    padding: 15px 0;
  }
  .subnav .wrap a:before {
    bottom: -15px;
    height: 2px;
  }
  .subnav .wrap i {
    margin: 0 15px ;
    height: 15px;
  }
}
@media (max-width: 768px) {
  .subnav {
    padding: 10px 0;
  }
  .subnav .wrap {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .subnav .wrap::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
  }
  .subnav .wrap::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .subnav .wrap a {
    font-size: 14px;
    white-space: nowrap;
  }
  .subnav .wrap a:before {
    bottom: -15px;
    height: 2px;
  }
  .subnav .wrap i {
    margin: 0 5px;
    height: 10px;
  }
}
.pro_case {
  padding: 90px 0;
}
.pro_case .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.pro_case .top .right {
  width: 70%;
  max-width: 880px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-bottom: -20px;
}
.pro_case .top .right li {
  width: calc(20% - 16px);
  margin-left: 20px;
  margin-bottom: 20px;
}
.pro_case .top .right li:nth-child(5n+1) {
  margin-left: 0;
}
.pro_case .top .right li a {
  display: block;
  width: 100%;
  height: 55px;
  line-height: 55px;
  border: 1px solid #e5e6e6;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1920px) {
  .pro_case .top .right li a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .pro_case .top .right li a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .pro_case .top .right li a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .pro_case .top .right li a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .pro_case .top .right li a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .pro_case .top .right li a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .pro_case .top .right li a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .pro_case .top .right li a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .pro_case .top .right li a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .pro_case .top .right li a {
    font-size: 12.53877551px;
  }
}
.pro_case .top .right li a:hover,
.pro_case .top .right li a.on {
  background: #01b2b3;
  color: #fff;
  border: none;
}
.pro_case .line {
  width: 100%;
  height: 4px;
  background: #e7eaed;
  margin: 60px 0;
}
.pro_case .line2 {
  width: 100%;
  height: 4px;
  background: #e7eaed;
}
.pro_case .list li {
  width: 100%;
  margin-bottom: 75px;
}
.pro_case .list li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pro_case .list li a:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.pro_case .list li a:hover .art h2 {
  color: #01b2b3;
}
.pro_case .list li a:hover .art .more_a {
  color: #01b2b3;
}
.pro_case .list li a:hover .art .more_a:after {
  width: 100%;
}
.pro_case .list li a .imgbox {
  width: 48.76%;
  height: 0;
  padding-bottom: 29.6%;
  position: relative;
  overflow: hidden;
}
.pro_case .list li a .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pro_case .list li a .art {
  width: 44.44%;
}
.pro_case .list li a .art h2 {
  color: #1b1e1e;
}
@media (max-width: 1920px) {
  .pro_case .list li a .art h2 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .pro_case .list li a .art h2 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .pro_case .list li a .art h2 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .pro_case .list li a .art h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .pro_case .list li a .art h2 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .pro_case .list li a .art h2 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .pro_case .list li a .art h2 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .pro_case .list li a .art h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .pro_case .list li a .art h2 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .pro_case .list li a .art h2 {
    font-size: 18.80816327px;
  }
}
.pro_case .list li a .art .info {
  font-size: 18px;
  line-height: 36px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 6% 0 12%;
}
.pro_case .list li a .art .more_a {
  width: 305px;
  max-width: 60%;
  font-size: 18px;
  color: #041333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 45px;
}
.pro_case .list li a .art .more_a i {
  font-size: 24px;
  font-family: 'hs-l';
}
.pro_case .list li a .art .more_a:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #041333;
  opacity: 0.1;
}
.pro_case .list li a .art .more_a:after {
  content: '';
  width: 110px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .pro_case .top .right li {
    width: calc(20% - 12px);
    margin-left: 15px;
    margin-bottom: 15px;
  }
  .pro_case .top .right {
    margin-bottom: -15px;
  }
  .pro_case .top .right li a {
    height: 40px;
    line-height: 40px;
  }
  .pro_case .list li a .art .info {
    font-size: 16px;
    line-height: 32px;
    margin: 5% 0 10%;
  }
  .pro_case .list li a .art .more_a {
    padding-bottom: 25px;
  }
  .pro_case .line {
    margin: 40px 0;
  }
  .pro_case .list li {
    margin-bottom: 50px;
  }
  .pro_case {
    padding: 60px 0;
  }
}
@media (max-width: 990px) {
  .pro_case {
    padding: 40px 0;
  }
  .pro_case .top .right {
    margin-bottom: -10px;
  }
  .pro_case .top .right li {
    width: calc(20% - 8px);
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .pro_case .top .right li a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .pro_case .list li a .art .info {
    font-size: 14px;
    line-height: 24px;
    margin: 4% 0 8%;
  }
  .pro_case .list li a .art .more_a {
    padding-bottom: 15px;
    font-size: 16px;
  }
  .pro_case .list li a .art .more_a i {
    font-size: 16px;
  }
  .pro_case .line {
    margin: 20px 0 ;
  }
  .pro_case .list li {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .pro_case .top .right {
    margin-bottom: -5px;
  }
  .pro_case .top .mytitle {
    width: 100%;
  }
  .pro_case .top .right {
    width: 100%;
    margin: 15px 0 0;
  }
  .pro_case .top .right li {
    width: calc(20% - 4px);
    margin-left: 5px;
    margin-bottom: 5px;
  }
  .pro_case .top .right li a {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    white-space: nowrap;
  }
  .pro_case .list li a {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .pro_case .list li a .imgbox {
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 15px;
  }
  .pro_case .list li a .art {
    width: 100%;
  }
  .pro_case .list li a .art h2 {
    font-size: 18px;
  }
  .pro_case .list li a .art .info {
    margin: 15px 0 10px;
  }
  .pro_case .list li {
    margin-bottom: 15px;
  }
}

.pages {
  margin-top: 40px;
}
.pages .layui-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pages .layui-laypage-next,
.pages .layui-laypage-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pages .layui-laypage-next:hover,
.pages .layui-laypage-prev:hover {
  text-decoration: none!important;
}
.pages .layui-laypage-next:hover i,
.pages .layui-laypage-prev:hover i {
  background: #01b2b3!important;
}
.pages .layui-laypage-next i,
.pages .layui-laypage-prev i {
  display: inline-block;
  width: 20px!important;
  height: 20px!important;
  line-height: 20px!important;
  border-radius: 50%!important;
  background: #cccccc!important;
  color: #fff!important;
}
.pages .layui-laypage-prev i {
  margin-left: 20px!important;
}
.pages .layui-laypage-next i {
  margin-right: 20px!important;
}
.pages a,
.pages em {
  color: #cccccc!important;
  text-align: center!important;
  margin: 0 14px!important;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: inline-block!important;
}
@media (max-width: 1920px) {
  .pages a,
  .pages em {
    font-size: 24px!important;
  }
}
@media (max-width: 1776px) {
  .pages a,
  .pages em {
    font-size: 21.74693878px!important;
  }
}
@media (max-width: 1680px) {
  .pages a,
  .pages em {
    font-size: 20.57142857px!important;
  }
}
@media (max-width: 1600px) {
  .pages a,
  .pages em {
    font-size: 19.59183673px!important;
  }
}
@media (max-width: 1500px) {
  .pages a,
  .pages em {
    font-size: 18.36734694px!important;
  }
}
@media (max-width: 1440px) {
  .pages a,
  .pages em {
    font-size: 17.63265306px!important;
  }
}
@media (max-width: 1366px) {
  .pages a,
  .pages em {
    font-size: 16.72653061px!important;
  }
}
@media (max-width: 1280px) {
  .pages a,
  .pages em {
    font-size: 15.67346939px!important;
  }
}
@media (max-width: 1152px) {
  .pages a,
  .pages em {
    font-size: 14.10612245px!important;
  }
}
@media (max-width: 1024px) {
  .pages a,
  .pages em {
    font-size: 12.53877551px!important;
  }
}
.pages a.prev {
  background-image: url(../images/l.png);
}
.pages a.prev:hover {
  background-image: url(../images/l2.png);
}
.pages a.next {
  background-image: url(../images/r.png);
}
.pages a.next:hover {
  background-image: url(../images/r2.png);
}
.pages a.on,
.pages a:hover,
.pages em {
  color: #00aeaf!important;
  text-decoration: underline!important;
}
.layui-laypage-curr .layui-laypage-em {
  display: none!important;
}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{
  border: none!important;
}
.layui-laypage a, .layui-laypage span{
  /*margin: 0!important;*/
}

@media (max-width: 1366px) {
  .pages a,
  .pages em {
    margin: 0 10px;
  }
  .pages .layui-laypage-prev i {
    margin-left: 15px;
  }
  .pages .layui-laypage-next i {
    margin-right: 15px;
  }
}
@media (max-width: 990px) {
  .pages a,
  .pages em {
    margin: 0 8px;
  }
  .pages .layui-laypage-prev i {
    margin-left: 8px;
  }
  .pages .layui-laypage-next i {
    margin-right: 8px;
  }
}
.news_con {
  padding: 30px 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.news_con .left {
  width: 62.65%;
}
.news_con .left .h2 {
  font-weight: bold;
  color: #08151d;
  line-height: 1.3;
}
@media (max-width: 1920px) {
  .news_con .left .h2 {
    font-size: 40px;
  }
}
@media (max-width: 1776px) {
  .news_con .left .h2 {
    font-size: 36.24489796px;
  }
}
@media (max-width: 1680px) {
  .news_con .left .h2 {
    font-size: 34.28571429px;
  }
}
@media (max-width: 1600px) {
  .news_con .left .h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1500px) {
  .news_con .left .h2 {
    font-size: 30.6122449px;
  }
}
@media (max-width: 1440px) {
  .news_con .left .h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1366px) {
  .news_con .left .h2 {
    font-size: 27.87755102px;
  }
}
@media (max-width: 1280px) {
  .news_con .left .h2 {
    font-size: 26.12244898px;
  }
}
@media (max-width: 1152px) {
  .news_con .left .h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1024px) {
  .news_con .left .h2 {
    font-size: 20.89795918px;
  }
}
.news_con .left .other {
  margin: 50px 0 20px;
}
.news_con .left .other p {
  display: inline-block;
  font-size: 16px;
  color: #666666;
  margin-right: 80px;
  padding-left: 25px;
}
.news_con .left .other p:last-child {
  margin-right: 0;
}
.news_con .left .other p.p1 {
  background: url('../images/n1.png') no-repeat left center;
}
.news_con .left .other p.p2 {
  background: url('../images/n2.png') no-repeat left center;
}
.news_con .left .other p.p3 {
  background: url('../images/n3.png') no-repeat left center;
}
.news_con .left .other p.p4 {
  background: url('../images/dz.png') no-repeat left center;
}
.news_con .left .con {
  border-top: 1px solid #e6e7e8;
  border-bottom: 1px solid #e6e7e8;
  padding: 30px 0;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}
.news_con .left .con p {
  margin: 30px 0;
}
.news_con .left .sxy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 50px;
}
.news_con .left .sxy a {
  font-size: 16px;
  color: #08151d;
}
.news_con .left .sxy a:hover {
  color: #01b2b3;
}
.news_con .left .sxy a:first-child i {
  margin-right: 5px;
}
.news_con .left .sxy a:nth-child(2) i {
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  background: #fafafa;
  border-radius: 50%;
  font-size: 20px;
}
.news_con .left .sxy a:last-child i {
  margin-left: 5px;
}
.news_con .right {
  width: 30%;
  top: 80px;
  position: sticky;
}
@media (max-width: 1366px) {
  .news_con {
    padding: 20px 0 50px;
  }
  .news_con .left .other {
    margin: 30px 0 20px;
  }
  .news_con .left .other p {
    margin-right: 50px;
  }
  .news_con .left .con {
    padding: 20px 0;
  }
  .news_con .left .con p {
    margin: 20px 0;
  }
  .news_con .left .sxy {
    margin-top: 30px;
  }
  .news_con .left .sxy a:nth-child(2) i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 990px) {
  .news_con {
    padding: 15px 0 30px;
  }
  .news_con .left .h2 {
    font-size: 24px;
  }
  .news_con .left .other {
    margin: 20px 0 15px;
  }
  .news_con .left .other p {
    margin-right: 15px;
    font-size: 14px;
  }
  .news_con .left .con {
    padding: 15px 0;
    font-size: 14px;
    line-height: 24px;
  }
  .news_con .left .con p {
    margin: 15px 0;
  }
  .news_con .left .sxy {
    margin-top: 20px;
  }
  .news_con .left .sxy a:nth-child(2) i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .news_con {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .news_con .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .news_con .left .other p {
    display: block;
  }
  .news_con .left .con {
    padding: 0;
  }
  .news_con .right {
    width: 100%;
  }
}
.aside_news .box {
  background: #f6f8f9;
  border-top: 5px solid #01b2b3;
  padding: 33px 35px;
  margin-bottom: 40px;
}
.aside_news .box.box2 {
  border-top: none;
}
.aside_news .box.box2 input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  font-size: 16px;
  color: #999999;
  padding: 0 10px;
  margin-bottom: 13px;
}
.aside_news .box.box2 input::placeholder {
  font-size: 16px;
  color: #999999;
}
.aside_news .box.box2 a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: #cacfd1;
  text-transform: uppercase;
}
.aside_news .box.box2 a:hover {
  background: #01b2b3;
}
.aside_news h2 {
  color: #050505;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 1920px) {
  .aside_news h2 {
    font-size: 30px;
  }
}
@media (max-width: 1776px) {
  .aside_news h2 {
    font-size: 27.18367347px;
  }
}
@media (max-width: 1680px) {
  .aside_news h2 {
    font-size: 25.71428571px;
  }
}
@media (max-width: 1600px) {
  .aside_news h2 {
    font-size: 24.48979592px;
  }
}
@media (max-width: 1500px) {
  .aside_news h2 {
    font-size: 22.95918367px;
  }
}
@media (max-width: 1440px) {
  .aside_news h2 {
    font-size: 22.04081633px;
  }
}
@media (max-width: 1366px) {
  .aside_news h2 {
    font-size: 20.90816327px;
  }
}
@media (max-width: 1280px) {
  .aside_news h2 {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1152px) {
  .aside_news h2 {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1024px) {
  .aside_news h2 {
    font-size: 15.67346939px;
  }
}
.aside_news h2.h2 {
  color: #fff;
  background: #01b2b3;
  margin-bottom: 0;
  padding: 20px 35px;
  font-weight: normal;
}
.aside_news .list1 li {
  margin-bottom: 20px;
}
.aside_news .list1 li:last-child {
  margin-bottom: 0;
}
.aside_news .list1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.aside_news .list1 li a:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.aside_news .list1 li a:hover .art h3 {
  color: #01b2b3;
}
.aside_news .list1 li a .imgbox {
  width: 48%;
  height: 0;
  padding-bottom: 28%;
  position: relative;
  overflow: hidden;
}
.aside_news .list1 li a .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.aside_news .list1 li a .art {
  width: 48%;
}
.aside_news .list1 li a .art h3 {
  font-size: 18px;
  font-weight: bold;
  color: #1b1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}
.aside_news .list1 li a .art p {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.aside_news .list2 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.aside_news .list2 li a.on .imgbox {
  padding-bottom: 34.6%;
  margin-bottom: 10px;
}
.aside_news .list2 li a:hover p {
  color: #01b2b3;
}
.aside_news .list2 li a:hover p:before {
  background: #01b2b3;
}
.aside_news .list2 li a .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.aside_news .list2 li a .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.aside_news .list2 li a p {
  font-size: 18px;
  line-height: 35px;
  padding-left: 20px;
  position: relative;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aside_news .list2 li a p:before {
  content: '';
  width: 10px;
  height: 2px;
  background: #666666;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
@media (max-width: 1366px) {
  .aside_news .box {
    padding: 20px;
    border-top: 3px solid #01b2b3;
  }
  .aside_news .list1 li a .art h3 {
    font-size: 16px;
  }
  .aside_news .list1 li a .art p {
    font-size: 14px;
  }
  .aside_news h2 {
    margin-bottom: 20px;
  }
  .aside_news .list2 li a p {
    font-size: 16px;
    line-height: 30px;
  }
  .aside_news .box.box2 input {
    height: 50px;
    line-height: 50px;
  }
  .aside_news .box.box2 a {
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 990px) {
  .aside_news .box {
    padding: 15px;
    border-top: 2px solid #01b2b3;
  }
  .aside_news h2 {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
@media(max-width:768px){
  .aside_news .list2 li a .imgbox{
    display: none!important;
  }
}
.pro_fw {
  padding: 110px 0;
  background: url('../images/bg15.png') no-repeat right top;
}
.pro_fw .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: 80px;
}
.pro_fw .items .item {
  width: 23.5%;
  margin-right: 2%;
  background: #f6f8f9;
  padding: 30px;
  position: relative;
}
.pro_fw .items .item:nth-child(4n) {
  margin-right: 0;
}
.pro_fw .items .item:hover .icon img {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.pro_fw .items .item:hover span {
  background: #01b2b3;
}
.pro_fw .items .item .icon {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.pro_fw .items .item .icon img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pro_fw .items .item span {
  color: #fff;
  background: #595a5b;
  padding: 10px 30px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1920px) {
  .pro_fw .items .item span {
    font-size: 22px;
  }
}
@media (max-width: 1776px) {
  .pro_fw .items .item span {
    font-size: 19.93469388px;
  }
}
@media (max-width: 1680px) {
  .pro_fw .items .item span {
    font-size: 18.85714286px;
  }
}
@media (max-width: 1600px) {
  .pro_fw .items .item span {
    font-size: 17.95918367px;
  }
}
@media (max-width: 1500px) {
  .pro_fw .items .item span {
    font-size: 16.83673469px;
  }
}
@media (max-width: 1440px) {
  .pro_fw .items .item span {
    font-size: 16.16326531px;
  }
}
@media (max-width: 1366px) {
  .pro_fw .items .item span {
    font-size: 15.33265306px;
  }
}
@media (max-width: 1280px) {
  .pro_fw .items .item span {
    font-size: 14.36734694px;
  }
}
@media (max-width: 1152px) {
  .pro_fw .items .item span {
    font-size: 12.93061224px;
  }
}
@media (max-width: 1024px) {
  .pro_fw .items .item span {
    font-size: 11.49387755px;
  }
}
.pro_fw .items .item h3 {
  color: #1b1e1e;
  margin: 30px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1920px) {
  .pro_fw .items .item h3 {
    font-size: 26px;
  }
}
@media (max-width: 1776px) {
  .pro_fw .items .item h3 {
    font-size: 23.55918367px;
  }
}
@media (max-width: 1680px) {
  .pro_fw .items .item h3 {
    font-size: 22.28571429px;
  }
}
@media (max-width: 1600px) {
  .pro_fw .items .item h3 {
    font-size: 21.2244898px;
  }
}
@media (max-width: 1500px) {
  .pro_fw .items .item h3 {
    font-size: 19.89795918px;
  }
}
@media (max-width: 1440px) {
  .pro_fw .items .item h3 {
    font-size: 19.10204082px;
  }
}
@media (max-width: 1366px) {
  .pro_fw .items .item h3 {
    font-size: 18.12040816px;
  }
}
@media (max-width: 1280px) {
  .pro_fw .items .item h3 {
    font-size: 16.97959184px;
  }
}
@media (max-width: 1152px) {
  .pro_fw .items .item h3 {
    font-size: 15.28163265px;
  }
}
@media (max-width: 1024px) {
  .pro_fw .items .item h3 {
    font-size: 13.58367347px;
  }
}
.pro_fw .items .item p {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-y: scroll;
}
.pro_fw .items .item p::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.pro_fw .items .item p::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
@media (max-width: 1366px) {
  .pro_fw {
    padding: 60px 0;
  }
  .pro_fw .items {
    margin-top: 40px;
  }
  .pro_fw .items .item {
    padding: 20px;
  }
  .pro_fw .items .item .icon {
    height: 40px;
  }
  .pro_fw .items .item h3 {
    margin: 15px 0 10px;
  }
  .pro_fw .items .item span {
    padding: 8px 15px;
  }
}
@media (max-width: 990px) {
  .pro_fw {
    padding: 40px 0;
  }
  .pro_fw .items {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 20px;
  }
  .pro_fw .items .item {
    padding: 15px;
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
  .pro_fw .items .item:nth-child(2n) {
    margin-right: 0;
  }
  .pro_fw .items .item .icon {
    height: 30px;
  }
  .pro_fw .items .item h3 {
    margin: 10px 0 5px;
    font-size: 14px;
  }
  .pro_fw .items .item span {
    padding: 5px 10px;
  }
  .pro_fw .items .item p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
}
.tuijian {
  padding: 90px 0;
  background: url('../images/bg16.jpg') no-repeat center top;
  background-size: cover;
}
.tuijian h2 {
  color: #121818;
  padding-bottom: 30px;
  border-bottom: 4px solid #dfe0e1;
  margin-bottom: 50px;
  font-weight: 600;
}
@media (max-width: 1920px) {
  .tuijian h2 {
    font-size: 40px;
  }
}
@media (max-width: 1776px) {
  .tuijian h2 {
    font-size: 36.24489796px;
  }
}
@media (max-width: 1680px) {
  .tuijian h2 {
    font-size: 34.28571429px;
  }
}
@media (max-width: 1600px) {
  .tuijian h2 {
    font-size: 32.65306122px;
  }
}
@media (max-width: 1500px) {
  .tuijian h2 {
    font-size: 30.6122449px;
  }
}
@media (max-width: 1440px) {
  .tuijian h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1366px) {
  .tuijian h2 {
    font-size: 27.87755102px;
  }
}
@media (max-width: 1280px) {
  .tuijian h2 {
    font-size: 26.12244898px;
  }
}
@media (max-width: 1152px) {
  .tuijian h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1024px) {
  .tuijian h2 {
    font-size: 20.89795918px;
  }
}
.tj_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-bottom: -40px;
}
.tj_list li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 40px;
}
.tj_list li:nth-child(4n) {
  margin-right: 0;
}
.tj_list li a {
  width: 100%;
  display: block;
}
.tj_list li a:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.tj_list li a:hover .imgbox p {
  bottom: 0;
}
.tj_list li a:hover .art p:before {
  width: 100%;
}
.tj_list li a .imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  position: relative;
  overflow: hidden;
  display: none;
}
.tj_list li a .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.tj_list li a .imgbox p {
  background: rgba(1, 178, 179, 0.9);
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 6px 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.tj_list li a .art {
  background: #fff;
  padding: 30px 30px 50px;
}
.tj_list li a .art p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  font-size: 20px;
}
.tj_list li a .art p:before {
  content: '';
  width: 80px;
  height: 2px;
  background: #01b2b3;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .tuijian {
    padding: 60px 0;
  }
  .tuijian h2 {
    padding-bottom: 20px;
    border-bottom: 2px solid #dfe0e1;
    margin-bottom: 30px;
  }
  .tj_list {
    margin-bottom: -25px;
  }
  .tj_list li {
    margin-bottom: 25px;
  }
  .tj_list li a .art {
    padding: 15px 15px 20px;
  }
  .tj_list li a .art p {
    font-size: 16px;
    padding-bottom: 10px;
  }
}
@media (max-width: 990px) {
  .tuijian {
    padding: 40px 0;
  }
  .tuijian h2 {
    font-size: 20px;
  }
  .tj_list li a .art {
    padding: 10px 10px 15px;
  }
  .tj_list {
    margin-bottom: -15px;
  }
  .tj_list li {
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
  .tj_list li:nth-child(2n) {
    margin-right: 0;
  }
}
.pro_fw_info {
  padding: 100px 0;
}
.pro_fw_info .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.pro_fw_info .wrap .art {
  width: 48.76%;
}
.pro_fw_info .wrap .art .mytitle h2.h2 {
  line-height: 1.3;
}
@media (max-width: 1920px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 18.80816327px;
  }
}
.pro_fw_info .wrap .art .con {
  font-size: 18px;
  line-height: 36px;
  color: #666666;
  margin-top: 50px;
}
.pro_fw_info .wrap .art .con p {
  margin-bottom: 20px;
}
.pro_fw_info .wrap .art .con .h3 {
  font-size: 22px;
  color: #1b1e1e;
}
.pro_fw_info .wrap .art .con .h4 {
  font-size: 20px;
  color: #121818;
  line-height: 36px;
}
.pro_fw_info .wrap .art .con .ul {
  margin-top: 5px;
}
.pro_fw_info .wrap .art .con .ul li {
  font-size: 16px;
  line-height: 30px;
  padding-left: 25px;
  position: relative;
}
.pro_fw_info .wrap .art .con .ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
  background: #01b2b3;
}
.pro_fw_info .wrap .imgbox {
  width: 44.44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: sticky;
  top: 80px;
}
@media (max-width: 1366px) {
  .pro_fw_info {
    padding: 60px 0;
  }
  .pro_fw_info .wrap .art .con {
    font-size: 16px;
    line-height: 32px;
    margin-top: 30px;
  }
  .pro_fw_info .wrap .art .con .h3 {
    font-size: 20px;
  }
  .pro_fw_info .wrap .art .con .h4 {
    font-size: 18px;
    line-height: 30px;
  }
  .pro_fw_info .wrap .art .con .ul li {
    font-size: 14px;
    line-height: 26px;
    padding-left: 15px;
  }
}
@media (max-width: 990px) {
  .pro_fw_info {
    padding: 40px 0 20px;
  }
  .pro_fw_info .wrap .art .con {
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
  }
  .pro_fw_info .wrap .art .mytitle h2.h2 {
    font-size: 20px;
  }
  .pro_fw_info .wrap .art .con .h3 {
    font-size: 18px;
  }
  .pro_fw_info .wrap .art .con .h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .pro_fw_info .wrap .art .con .ul li {
    font-size: 12px;
    line-height: 22px;
    padding-left: 10px;
  }
  .pro_fw_info .wrap .art .con p {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .pro_fw_info .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .pro_fw_info .wrap .art {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .pro_fw_info .wrap .imgbox {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    top: 0;
  }
}
.app_info {
  padding: 120px 0;
  position: relative;
}
.app_info:before {
  content: 'Boyee';
  text-transform: uppercase;
  font-size: 300px;
  line-height: 1;
  color: #041333;
  opacity: 0.03;
  position: absolute;
  left: 60%;
  top: 30px;
  font-family: 'hs-b';
}
@media (max-width: 1920px) {
  .app_info .mytitle h2.h2 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .app_info .mytitle h2.h2 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .app_info .mytitle h2.h2 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .app_info .mytitle h2.h2 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .app_info .mytitle h2.h2 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .app_info .mytitle h2.h2 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .app_info .mytitle h2.h2 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .app_info .mytitle h2.h2 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .app_info .mytitle h2.h2 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .app_info .mytitle h2.h2 {
    font-size: 18.80816327px;
  }
}
.app_info .tj_list {
  margin-top: 80px;
}
.app_info .tj_list li a .art {
  box-shadow: 0px 0px 9px 0px rgba(22, 33, 48, 0.06);
}
@media (max-width: 1366px) {
  .app_info:before {
    font-size: 200px;
  }
  .app_info {
    padding: 60px 0;
  }
  .app_info .tj_list {
    margin-top: 40px;
  }
  .app_info .mytitle h2.h2 {
    font-size: 22px;
  }
}
@media (max-width: 990px) {
  .app_info:before {
    display: none;
  }
  .app_info {
    padding: 40px 0;
  }
  .app_info .tj_list {
    margin-top: 20px;
  }
  .app_info .mytitle h2.h2 {
    font-size: 20px;
  }
}
.app_adte {
  padding: 120px 0 80px;
  background: url('../images/bg13.jpg') no-repeat center top;
}
.app_adte .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.app_adte .wrap .left {
  width: 54%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 1920px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 60px;
  }
}
@media (max-width: 1776px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 54.36734694px;
  }
}
@media (max-width: 1680px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 51.42857143px;
  }
}
@media (max-width: 1600px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 48.97959184px;
  }
}
@media (max-width: 1500px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 45.91836735px;
  }
}
@media (max-width: 1440px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 44.08163265px;
  }
}
@media (max-width: 1366px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 41.81632653px;
  }
}
@media (max-width: 1280px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 39.18367347px;
  }
}
@media (max-width: 1152px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 35.26530612px;
  }
}
@media (max-width: 1024px) {
  .app_adte .wrap .left .mytitle h2 {
    font-size: 31.34693878px;
  }
}
.app_adte .wrap .left .mytitle .info {
  margin-top: 40px;
  font-size: 20px;
  line-height: 36px;
  max-height: 144px;
  overflow-y: scroll;
}
.app_adte .wrap .left .mytitle .info::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.app_adte .wrap .left .mytitle .info::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.app_adte .wrap .left .more_a {
  width: 245px;
  max-width: 60%;
  color: #041333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 35px;
}
@media (max-width: 1920px) {
  .app_adte .wrap .left .more_a {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .app_adte .wrap .left .more_a {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .app_adte .wrap .left .more_a {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .app_adte .wrap .left .more_a {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .app_adte .wrap .left .more_a {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .app_adte .wrap .left .more_a {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .app_adte .wrap .left .more_a {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .app_adte .wrap .left .more_a {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .app_adte .wrap .left .more_a {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .app_adte .wrap .left .more_a {
    font-size: 12.53877551px;
  }
}
.app_adte .wrap .left .more_a:hover {
  color: #01b2b3;
}
.app_adte .wrap .left .more_a:hover:after {
  width: 100%;
}
.app_adte .wrap .left .more_a i {
  font-family: 'hs-l';
}
@media (max-width: 1920px) {
  .app_adte .wrap .left .more_a i {
    font-size: 24px;
  }
}
@media (max-width: 1776px) {
  .app_adte .wrap .left .more_a i {
    font-size: 21.74693878px;
  }
}
@media (max-width: 1680px) {
  .app_adte .wrap .left .more_a i {
    font-size: 20.57142857px;
  }
}
@media (max-width: 1600px) {
  .app_adte .wrap .left .more_a i {
    font-size: 19.59183673px;
  }
}
@media (max-width: 1500px) {
  .app_adte .wrap .left .more_a i {
    font-size: 18.36734694px;
  }
}
@media (max-width: 1440px) {
  .app_adte .wrap .left .more_a i {
    font-size: 17.63265306px;
  }
}
@media (max-width: 1366px) {
  .app_adte .wrap .left .more_a i {
    font-size: 16.72653061px;
  }
}
@media (max-width: 1280px) {
  .app_adte .wrap .left .more_a i {
    font-size: 15.67346939px;
  }
}
@media (max-width: 1152px) {
  .app_adte .wrap .left .more_a i {
    font-size: 14.10612245px;
  }
}
@media (max-width: 1024px) {
  .app_adte .wrap .left .more_a i {
    font-size: 12.53877551px;
  }
}
.app_adte .wrap .left .more_a:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #041333;
  opacity: 0.1;
}
.app_adte .wrap .left .more_a:after {
  content: '';
  width: 110px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.app_adte .wrap .imgbox {
  width: 36.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: none;
}
.app_list {
  padding: 80px 0 120px;
}
.app_list .tj_list {
  margin-top: 0px;
}
.app_list .tj_list li a .art {
  box-shadow: 0px 0px 9px 0px rgba(22, 33, 48, 0.06);
}
@media (max-width: 1366px) {
  .app_adte {
    padding: 60px 0;
  }
  .app_list {
    padding: 60px 0;
  }
  .app_adte .wrap .left .mytitle .info {
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
    max-height: 128px;
  }
  .app_adte .wrap .left .more_a {
    padding-bottom: 25px;
  }
}
@media (max-width: 990px) {
  .app_adte {
    padding: 40px 0;
  }
  .app_list {
    padding: 40px 0;
  }
  .app_adte .wrap .left .mytitle .info {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    max-height: 96px;
  }
  .app_adte .wrap .left .more_a {
    padding-bottom: 15px;
  }
  .app_adte .wrap .left .mytitle h2 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .app_adte .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .app_adte .wrap .left {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .app_adte .wrap .imgbox {
    width: 100%;
    margin-bottom: 15px;
  }
  .app_adte .wrap .left .mytitle h2 {
    font-size: 20px;
  }
  .app_adte .wrap .left .mytitle .info {
    margin: 15px 0;
    max-height: 200px;
    overflow-y: scroll;
  }
  .app_adte .wrap .left .mytitle .info::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .app_adte .wrap .left .mytitle .info::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
}
.app_con {
  padding-top: 80px;
}
.app_con .h3 {
  padding-left: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
@media (max-width: 1920px) {
  .app_con .h3 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .app_con .h3 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .app_con .h3 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .app_con .h3 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .app_con .h3 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .app_con .h3 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .app_con .h3 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .app_con .h3 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .app_con .h3 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .app_con .h3 {
    font-size: 18.80816327px;
  }
}
.app_con .h3:before {
  content: '';
  width: 8px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #01b2b3;
}
.app_con .list {
  margin-top: 120px;
}
@media (max-width: 1366px) {
  .app_con {
    padding-top: 60px;
  }
  .app_con .list {
    margin-top: 60px;
  }
  .app_con .h3 {
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .app_con .h3:before {
    height: 20px;
    width: 6px;
  }
}
@media (max-width: 990px) {
  .app_con {
    padding-top: 40px;
  }
  .app_con .list {
    margin-top: 40px;
  }
  .app_con .h3 {
    padding-bottom: 15px;
    padding-left: 15px;
  }
  .app_con .h3:before {
    height: 15px;
    width: 4px;
  }
}
.sh_fw {
  padding: 100px 0;
  background: url('../images/bg15.png') no-repeat right top;
}
.sh_fw .info {
  font-size: 22px;
  color: #666666;
  line-height: 1.3;
  margin: 40px 0 100px;
}
.sh_fw .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.sh_fw .items .item {
  width: 30%;
}
.sh_fw .items .item .icon {
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.sh_fw .items .item h3 {
  margin: 45px 0 20px;
}
@media (max-width: 1920px) {
  .sh_fw .items .item h3 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .sh_fw .items .item h3 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .sh_fw .items .item h3 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .sh_fw .items .item h3 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .sh_fw .items .item h3 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .sh_fw .items .item h3 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .sh_fw .items .item h3 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .sh_fw .items .item h3 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .sh_fw .items .item h3 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .sh_fw .items .item h3 {
    font-size: 18.80816327px;
  }
}
.sh_fw .items .item p {
  font-size: 20px;
  line-height: 36px;
  color: #666666;
}
@media (max-width: 1366px) {
  .sh_fw {
    padding: 60px 0;
  }
  .sh_fw .info {
    font-size: 16px;
    margin: 20px 0 40px;
  }
  .sh_fw .items .item .icon {
    height: 60px;
  }
  .sh_fw .items .item h3 {
    margin: 20px 0 15px;
  }
  .sh_fw .items .item p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 990px) {
  .sh_fw {
    padding: 40px 0;
  }
  .sh_fw .info {
    font-size: 14px;
    margin: 15px 0 20px;
  }
  .sh_fw .items .item .icon {
    height: 40px;
  }
  .sh_fw .items .item h3 {
    margin: 15px 0 10px;
    font-size: 18px;
  }
  .sh_fw .items .item p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .sh_fw .items .item .icon {
    height: 35px;
  }
  .sh_fw .items .item h3 {
    margin: 15px 0 10px;
    font-size: 14px;
    font-weight: 700;
  }
  .sh_fw .items .item p {
    font-size: 12px;
    line-height: 18px;
  }
}
.news_list {
  padding: 80px 0;
}

.news-show {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
.news-show .itemblock .image {
  border-radius: 20px;
}
.news-show .itemblock .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-show .itemblock .title {
  font-size: 30px;
  color: #333333;
  margin-top: 38px;
  font-weight: 700;
}
.news-show .itemblock .content {
  font-size: 16px;
  margin-top: 53px;
}
.news-show .itemblock .content .same {
  margin-bottom: 29px;
  font-size: 16px;
  padding-left: 30px;
}
.news-show .itemblock .content .same .fir {
  color: #333333;
  font-weight: bold;
}

.news-show .itemblock .content .same .sec {
  color: #666666;
}
.news-show .itemblock .content .s1 {
  
  background: url(../images/icon-addr.png) no-repeat left center;
}
.news-show .itemblock .content .s2 {
 
   background: url(../images/icon-time.png) no-repeat left center;
}
.news-show .itemblock .content .s3 {
  background: url(../images/icon-num.png) no-repeat left center;
 
}
.news-show .item-right {
  padding-left: 20px;
}







.news_list .swiper {
  position: relative;
  overflow: hidden;
}
.news_list .swiper .swiper-pagination {
  width: 48%;
  text-align: right;
  bottom: 20px;
}
.news_list .swiper .swiper-pagination span {
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 0;
}
.news_list .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  width: 40px;
}
.news_list .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news_list .swiper .swiper-slide:hover .imgbox img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.news_list .swiper .swiper-slide:hover .art .more_a {
  color: #01b2b3;
}
.news_list .swiper .swiper-slide:hover .art .more_a:after {
  width: 100%;
}
.news_list .swiper .swiper-slide .imgbox {
  width: 48.76%;
  height: 0;
  padding-bottom: 27.77%;
  position: relative;
  overflow: hidden;
}
.news_list .swiper .swiper-slide .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news_list .swiper .swiper-slide .art {
  width: 44.44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 4% 0 3%;
}
.news_list .swiper .swiper-slide .art .top .time {
  white-space: nowrap;
}
.news_list .swiper .swiper-slide .art .top .time span {
  font-size: 18px;
  color: #1b1e1e;
  opacity: 0.5;
  padding-left: 30px;
}
.news_list .swiper .swiper-slide .art .top .time span.s1 {
  background: url(../images/time.png) no-repeat left center;
  margin-right: 60px;
}
.news_list .swiper .swiper-slide .art .top .time span.s2 {
  background: url(../images/dz.png) no-repeat left center;
}
.news_list .swiper .swiper-slide .art .top h3 {
  color: #1b1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 20px 0 35px;
}
@media (max-width: 1920px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .news_list .swiper .swiper-slide .art .top h3 {
    font-size: 18.80816327px;
  }
}
.news_list .swiper .swiper-slide .art .top .info {
  width: 100%;
  font-size: 20px;
  color: #1b1e1e;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news_list .swiper .swiper-slide .art .more_a {
  width: 150px;
  max-width: 60%;
  font-size: 16px;
  color: #041333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 15px;
}
.news_list .swiper .swiper-slide .art .more_a i {
  font-size: 16px;
  font-family: 'hs-l';
}
.news_list .swiper .swiper-slide .art .more_a:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #041333;
  opacity: 0.1;
}
.news_list .swiper .swiper-slide .art .more_a:after {
  content: '';
  width: 110px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news_list .line {
  width: 100%;
  height: 4px;
  background: #e8e8e8;
  margin: 80px 0;
}
.news_list ul.list_1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.news_list ul.list_1 li a:hover:after {
  /*width: 23%;*/
  width: 32%;
}
.news_list ul.list_1 li a:hover .art h3 {
  color: #01b2b3;
}
.news_list ul.list_1 li a:hover .imgbox .img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_list ul.list_1 li a:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #01b2b3;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.news_list ul.list_1 li a .imgbox {
  width: 22.5%;
  height: 0;
  padding-bottom: 12%;
  position: relative;
  overflow: hidden;
}
.news_list ul.list_1 li a .imgbox .img {
     position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.news_list ul.list_1 li a .imgbox .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
.news_list ul.list_1 li a .boxone{
    width: 32%;
    height: 0;
    padding-bottom: 11.11%;
    position: relative;
    overflow: hidden;
}
.news_list ul.list_1 li a .boxone .img{
    border-radius: 0;
    text-align: center;
}
.news_list ul.list_1 li a .boxone .img img{
    border-radius: 0;
    width: auto;
}

.news_list ul.list_1 li a .art {
  width: 77.5%;
  padding-left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
.news_list ul.list_1 li a .art .time {
    display: flex;
  white-space: nowrap;
  margin-top: 59px;
}
.news_list ul.list_1 li a .art .time .s1{
    background: url(../images/timer.png) no-repeat left center;
    padding-left: 30px;
    margin-right: 60px;
    font-size: 18px;
    color: #1b1e1e;
    opacity: 0.5;
    
}

.news_list ul.list_1 li a .time .s2{
    background: url(../images/dzz.png) no-repeat left center;
    padding-left: 30px;
    margin-right: 60px;
    font-size: 18px;
    color: #1b1e1e;
    opacity: 0.5;
}

.news_list ul.list_1 li a .newsone{
    justify-content: space-between !important;
    width: calc(68% - 150px);
    padding: 0 5%;
}

.news_list ul.list_1 li a .newsone .time{
    margin-top: 0 !important;
}


.news_list ul.list_1 li a .art .time .same {
  font-size: 18px;
  color: #1b1e1e;
 
  padding-left: 30px;
}
.news_list ul.list_1 li a .art .time .same .fir{
    color: #333333;
    font-weight: bold;
}
.news_list ul.list_1 li a .art .time .same .sec{
    color: #666666;
    
}

.news_list ul.list_1 li a .art .time .same.s1 {
  background: url(../images/icon-addr.png) no-repeat left center;
  padding-right: 80px;
}
.news_list ul.list_1 li a .art .time .same.s2 {
  background: url(../images/icon-time.png) no-repeat left center;
  padding-right: 80px;
}
.news_list ul.list_1 li a .art .time .same.s3 {
  background: url(../images/icon-num.png) no-repeat left center;
}
.news_list ul.list_1 li a .art h3 {
  color: #1b1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  font-weight: bold;
}
@media (max-width: 1920px) {
    
  .news_list ul.list_1 li a .art h3 {
    font-size: 24px;
  }
  .news_list ul.list_1 li a .newsone h3{
        font-size: 30px;
        font-weight: 400;
  }
}
@media (max-width: 1568px) {8
    .news-show .itemblock .title{
        font-size: 26px;
    }
    
    .news-show .itemblock .title {
       
        margin-top: 20px;
    }
    .news-show .itemblock .content{
        margin-top: 40px;
    }
    .news_list .line{
        margin: 60px 0;
    }
    .news_list ul.list_1 li a .art h3{
        font-size: 22px;
    }
    .news_list ul.list_1 li a .art{
        padding-left: 60px;
    }
    .news_list ul.list_1 li a .art .time .same.s1 {
       
        padding-right: 52px;
    }
    
}    
@media (max-width: 1400px) {
   
    .news-show .item-right{
        padding-left: 0px;
    }
    .news-show .itemblock .title{
        font-size: 24px;
    }
    .news-show .itemblock .content .same{
        font-size: 15px;
    }
        .news_list .line {
        margin: 50px 0;
    }
    .news_list .line {
       
        height: 3px;
       
    }
    .news_list ul.list_1 li a .art h3 {
        font-size: 20px;
    }
    .news_list ul.list_1 li a .art .time .same{
        font-size: 16px;
    }
    .news_list ul.list_1 li a .art .time .same.s2 {
       
        padding-right: 50px;
    }
}
@media (max-width: 1280px) {
    .news-show .itemblock .title{
        font-size: 20px;
        line-height: 1.2;
    }
    .news-show .itemblock .content .same{
        margin-bottom: 16px;
    }
}
@media (max-width: 990px) {
    .news-show .itemblock .title{
        font-size: 20px;
    }
        .news-show .itemblock .content {
        margin-top: 20px;
    }
    
    .news_list ul.list_1 li a{
        padding: 26px 0;
    }
    .news_list ul.list_1 li a .art {
        padding-left: 50px;
    }
    .news_list ul.list_1 li a .art h3 {
        font-size: 18px;
    }
    .news_list ul.list_1 li a .art .time {
       display: inline-block;
        margin-top: 20px;
    }
    .news_list ul.list_1 li a .art .time .same.s1 {
        padding-right: 30px;
    }
    .news_list ul.list_1 li a .art .time .same{
        margin: 10px 0;
    }
    .news-show .itemblock .title{
        font-size: 20px;
    }
    .news-show .itemblock .content {
        margin-top: 20px;
    }
    .news-show .itemblock .content .same {
        margin-bottom: 20px;
       
    }
}
@media (max-width: 768px) {
    .news-show {
        grid-template-columns: repeat(1, 1fr);
    }
    .news-show{
        gap: 0;
    }
    .news_list ul.list_1 li a .imgbox .img,.news_list ul.list_1 li a .imgbox .img img{
        border-radius: 10px;
    }
}
/*@media (max-width: 1776px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 22px;*/
/*  }*/
/*}*/
/*@media (max-width: 1680px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 20px;*/
/*  }*/
/*}*/
/*@media (max-width: 1600px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 18px;*/
/*  }*/
/*}*/
/*@media (max-width: 1500px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 16px;*/
/*  }*/
/*}*/
/*@media (max-width: 1440px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 22px;*/
/*  }*/
/*}*/
/*@media (max-width: 1366px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 20.90816327px;*/
/*  }*/
/*}*/
/*@media (max-width: 1280px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 19.59183673px;*/
/*  }*/
/*}*/
/*@media (max-width: 1152px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 17.63265306px;*/
/*  }*/
/*}*/
/*@media (max-width: 1024px) {*/
/*  .news_list ul.list_1 li a .art h3 {*/
/*    font-size: 15px;*/
/*  }*/
/*}*/
.news_list ul.list_1 li a .art p {
  font-size: 16px;
  line-height: 28px;
  color: #1b1e1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news_list ul.list_1 li a .more {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.news_list ul.list_1 li a .more i {
  font-size: 30px;
}
@media (max-width: 1366px) {
  .news_list {
    padding: 60px 0;
  }
  .news_list .swiper .swiper-slide .art {
    padding: 30px 0 25px;
  }
  .news_list .swiper .swiper-slide .art .top h3 {
    margin: 15px 0 20px;
  }
  .news_list .swiper .swiper-slide .art .top .info {
    font-size: 18px;
    line-height: 26px;
  }
  .news_list .swiper .swiper-slide .art .top .time span {
    font-size: 16px;
  }
  .news_list .swiper .swiper-slide .art .top .time span.s1 {
    margin-right: 30px;
  }
  .news_list ul.list_1 li a .art p {
    line-height: 24px;
    font-size: 14px;
  }
  .news_list ul.list_1 li a .art .time span {
    font-size: 14px;
  }
  .news_list .line {
    margin: 40px 0;
  }
}

@media (max-width: 1280px) {
    .news_list .line{
        height: 2px;
    }
    .news_list ul.list_1 li a .art h3{
        font-size: 18px;
    }
    .news_list ul.list_1 li a .art .time{
        margin-top: 28px;
    }
}


@media (max-width: 990px) {
  .news_list {
    padding: 40px 0;
  }
  .news_list .swiper .swiper-slide .art {
    padding: 15px 0 15px;
  }
  .news_list .swiper .swiper-slide .art .top h3 {
    margin: 10px 0 15px;
    font-size: 18px;
  }
  .news_list .swiper .swiper-slide .art .top .info {
    font-size: 14px;
    line-height: 24px;
  }
  .news_list .swiper .swiper-slide .art .top .time span {
    font-size: 14px;
  }
  .news_list .swiper .swiper-slide .art .top .time span.s1 {
    margin-right: 20px;
  }
  .news_list ul.list_1 li a {
    padding: 20px 0;
  }
  .news_list ul.list_1 li a .art h3 {
    margin: 5px 0;
    font-size: 18px;
  }
  .news_list ul.list_1 li a .art .time span.s1 {
    margin-right: 20px;
  }
  .news_list ul.list_1 li a .more {
    margin-top: 10px;
    width: 100px;
    font-size: 14px;
  }
  .news_list ul.list_1 li a .more i {
    font-size: 16px;
  }
  .news_list .line {
    margin: 20px 0;
    height: 2px;
  }
}
@media (max-width: 768px) {
  .news_list .swiper .swiper-slide {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .news_list .swiper .swiper-slide .imgbox {
    width: 100%;
    padding-bottom: 56.96%;
  }
  .news_list .swiper .swiper-slide .art {
    width: 100%;
  }
  .news_list .swiper .swiper-slide .art .more_a {
    margin-top: 15px;
    font-size: 14px;
  }
  .news_list .swiper .swiper-pagination {
    width: 98%;
    bottom: 210px;
  }
  .news_list ul.list_1 li a {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .news_list ul.list_1 li a .imgbox {
    width: 100%;
    padding-bottom: 35%;
    margin-bottom: 0px;
  }
  .news_list ul.list_1 li a .boxone{
      width: 32%;
        height: 0;
        padding-bottom: 11.11%;
        position: relative;
        overflow: hidden;
  }
  
  
  .news_list ul.list_1 li a .art {
    width: 100%;
    padding: 0;
    height: 120px;
  }
  .news_list .line {
    margin: 10px 0;
  }
}
/*联系我们-公用title*/
.public-title {
  font-weight: bold;
  color: #333333;
  font-size: 40px;
  line-height: 1.2;
}
/*解决方案详情-公用title*/
.solution-public-title{
    font-weight: 400;
    font-size: 36px;
    color: #333333;
    line-height: 1;
    
    
}

.culturename{
    border-bottom: solid 1px #E5E5E5;
    padding-bottom: 50px;
}



@media (max-width:1680px) {
  .solution-public-title{
    font-size: 34px;
  }
}
@media (max-width:1560px) {
  .solution-public-title{
    font-size: 32px;
  }
}
@media (max-width:1400px) {
  .solution-public-title{
    font-size: 30px;
  }
}

@media (max-width:1280px) {
  .solution-public-title{
    font-size: 24px;
  }
  
}
@media (max-width:990px) {
  .solution-public-title{
    font-size: 22px;
  }
}
@media (max-width:768px) {
  .solution-public-title{
    font-size: 20px;
  }
}
@media (max-width:640px) {
  .solution-public-title{
    font-size: 18px;
  }
}
@media (max-width:480px) {
  .solution-public-title{
    font-size: 16px;
  }
}
/*pagination按钮--公用*/
.pagination-public {
 
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  
  
}
.pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    z-index: 13;
    width: 50px;
    height: 50px;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    left: 5%;
    position: absolute;
    /*top: calc(50% - 50px);*/
}
.pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    z-index: 13;
    width: 50px;
    height: 50px;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    transform: rotate(180deg);
    right: 5%;
     position: absolute;
    /*top: calc(50% - 50px);*/
}
.pagination-public .swiper-button-next:hover,.pagination-public .swiper-button-prev:hover{
    background: #00B2B2;
       
}

.pagination-public .swiper-button-next:hover img,.pagination-public .swiper-button-prev:hover img{
    filter: brightness(0) invert(1);
}


/*联系我们-开始*/
.contact-talent-concept {
  margin-top: 139px;
}
.contact-talent-concept .fir-title {
  font-size: 24px;
  position: relative;
  padding-left: 60px;
}
.contact-talent-concept .fir-title:before{
    content: '';
    width: 40px;
    height: 2px;
    background: #1b1e1e;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.contact-talent-concept .sec-title {
  font-size: 40px;
  margin-top: 33px;
  color: #1B1E1E;
  font-weight: bold;
  line-height: 1;
}
.contact-talent-concept .content {
    font-size: 24px;
    margin-top: 59px;
    line-height: 1.2;
    font-weight: 300;
    color: #333333;
}
.contact-talent-bg {
  margin-top: 100px;
  
}

.contact-talent-development .ctd-top {
  width: 100%;
  margin-top: 99px;
}
.contact-talent-development .ctd-top .fir-title {
  font-weight: bold;
  color: #333333;
  font-size: 30px;
}
.contact-talent-development .ctd-top .sec-title {
    line-height: 1.4;
  color: #666666;
  font-size: 24px;
  margin-top: 33px;
}
.contact-talent-development .ctd-bottom {
  margin-top: 140px;
}
.contact-talent-development .ctd-bottom-t{
        margin-top: 0px;
}


.contact-talent-development .ctd-bottom .content {
  margin-top: 34px;
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 41px;
  border-top:solid 1px #E5E5E5;
}
.contact-talent-development .ctd-bottom .list4{
    grid-template-columns: repeat(4, 1fr);
}

.contact-talent-development .ctd-bottom .content .item {
  padding: 40px;
  background: #F9F9FA;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
 
}

.contact-talent-development .ctd-bottom .content .item .i-top{
    padding-bottom: 30px;
    display: inline-flex;
    align-items: center;
}

.contact-talent-development .ctd-bottom .content .item .i-top .image {
  width: 60px;
  height: 60px;
}
.contact-talent-development .ctd-bottom .content .item .i-top .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-talent-development .ctd-bottom .content .item .i-top .info{
font-weight: bold;
  color: #333333;
  font-size: 24px;
  margin-left: 20px;
}

.contact-talent-development .ctd-bottom .content .item .i-bottom{
    display: flex;

    border-top: solid 1px #E5E5E5;
    padding: 39px 0px 33px 0px;
}
.contact-talent-development .ctd-bottom .content .item .i-bottom .point {
  display: inline-block;
  width: 5px;
  height: 5px;
  min-width: 5px;
  background: #01B2B3;
  margin-right: 9px;
  margin-top: 3%;
}
 .contact-employee-benefits .content .item .i-left{
    width: 120px;
    min-width: 120px;
    height: 120px;
    background: #01B2B3;
    border-radius: 50%;
    cursor: pointer;
}
.contact-talent-development .ctd-bottom .content .item:hover{
    background-color: #01b2b3;
}
.contact-talent-development .ctd-bottom .content .item:hover .i-top .image img{
    filter: brightness(0) invert(1);
}
.contact-talent-development .ctd-bottom .content .item:hover .i-top .info{
    color: #fff;
}
.contact-talent-development .ctd-bottom .content .item:hover .i-bottom span{
    color: #fff;
}
.contact-talent-development .ctd-bottom .content .item:hover .i-bottom .point{
    background-color: #fff;
}


/*联系我们-结束*/



/*公司文化活动-开始*/
/*公司文化活动-结束*/



/*员工福利-开始*/
.contact-employee-benefits{margin-top:140px; }
.contact-employee-benefits .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top:60px;
}
.contact-employee-benefits .content .item {
  background: #F9F9FA;
  padding: 60px;
  display: flex;
  align-items: center;
  gap: 60px;
  cursor: pointer;
  
}
.contact-employee-benefits .content .item .i-right .title {
  font-weight: bold;
  color: #666666;
  font-size: 24px;
  transition: all 0.5s ease-in-out;
}
.contact-employee-benefits .content .item .i-right .info {
  color: #333333;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
.contact-employee-benefits .content .item .i-right .info .point {
    width: 5px;
    height: 5px;
    min-width: 5px;
    background: #01B2B3;
    margin-right: 10px;
    display: inline-block;
    
}

.contact-employee-benefits .content .item:hover .i-right .title{
    color: #01b2b3;
}
/*员工福利-结束*/


/*公司文化活动*/
.contact-company-culture {
  background-color: #F9F9FA;
  padding: 40px 0px 73px 0px;
  margin-top: 140px;
}
.contact-company-culture .index-news{
    margin-top: 60px;
}

.contact-company-culture .public-title{
    padding: 60px 0;
    display: flex;
    align-items: center;
}

.contact-company-culture .cc-top {
  display: flex;
    border-bottom: solid 3px #E2E2E2;
   
    justify-content: space-between;
}
.contact-company-culture .cc-top .tab-list {
  display: flex;
  gap: 80px;
}

.contact-company-culture .cc-top .tab-list li{
    font-size: 30px;
    color: #333333;
    cursor: pointer;
    padding: 60px 0;
    transition: all .3s ease-in-out;
}
.contact-company-culture .cc-top .tab-list li:hover{
    color: #01b2b3;
    border-bottom: solid 9px #01b2b3;
}
.contact-company-culture .cc-top .tab-list .active{
    color: #01b2b3;
    border-bottom: solid 9px #01b2b3;
}


.index-news {
  margin-top: clamp(calc(110 / 2 * 1px), calc(110 / 1920 * 100 * 1vw), 110px);
}
.index-news .ind-title-box .idn-title .content div {
  color: #0A1424;
}
.index-news .ind-title-box .idn-title .content p {
  color: var(--black-text);
}
.index-news .swiperbox {
  position: relative;
  overflow: hidden;
}
.index-news .swiperbox .company-title{
    font-size: 30px;
    color: #333333;
}

.index-news .swiperbox .swiper-box {
  margin-top:40px;
  overflow: hidden;
 
}

.index-news .swiperbox .swiper-box div.swiper-slide.swiper-slide-active .swiper-box,
.index-news .swiperbox .swiper-box div.swiper-slide.swiper-slide-active .swiper-scrollbar,
.index-news .swiperbox .swiper-box div.swiper-slide.swiper-slide-active .swiper-pagination {
  opacity: 1;
}
.index-news .swiperbox .swiper-box .swiper-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  opacity: 0;
}
.index-news .swiperbox .swiper-box .pagination-box {
  margin-top: clamp(calc(72 / 2 * 1px), calc(72 / 1920 * 100 * 1vw), 72px);
}
.index-news .swiperbox .swiper-box .pagination-box .ind-swiperbtn {
  margin-left: clamp(calc(70 / 2 * 1px), calc(70 / 1920 * 100 * 1vw), 70px);
  width: 100px;
}
.index-news .swiperbox .swiper-box .pagination-box .slide-num{
        display: flex;
    width: 173px;
    gap: 5px;
}


.index-news .swiperbox .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index-news .swiperbox .item-box .img {
  overflow: hidden;
  position: relative;
}
.index-news .swiperbox .item-box .img::before {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  content: '';
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.index-news .swiperbox .item-box .img .pb {
  padding-bottom: 52.82%;
}
.index-news .swiperbox .item-box .img img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-news .swiperbox .item-box .text-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  margin-top: 29px;
}
.index-news .swiperbox .item-box .text-box .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #0A1424;
  font-size: var(--font26);
  font-weight: 700;
  line-height: 1.2;
}


.index-news .swiperbox .item-box:hover .img {
  overflow: hidden;
}
.index-news .swiperbox .item-box:hover .img::before {
  opacity: 1;
}
.index-news .swiperbox .item-box:hover .img img {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.index-news .swiperbox .item-box:hover .text-box {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.index-news .swiperbox .item-box:hover .text-box .title {
  color: var(--deep-purple);
}
@media (max-width:1680px) {
  .index-news .swiperbox .swiper-box .pagination-box .slide-num {
    width: 100px;
  }
  .index-news .swiperbox .swiper-box .pagination-box .ind-swiperbtn {
    width: 140px;
  }
  .index-news .swiperbox .company-title{
      font-size: 28px;
  }
}
@media (max-width:1560px) {
  .index-news .swiperbox .swiper-box .pagination-box .ind-swiperbtn {
    width: 120px;
  }
  .contact-company-culture .public-title{
      padding: 40px 0;
  }
  .index-news .swiperbox .company-title{
      font-size: 26px;
  }
}
@media (max-width:1400px) {
  .index-news .swiperbox .swiper-box .pagination-box .ind-swiperbtn {
    width: 100px;
  }
  .contact-company-culture .public-title{
      padding: 30px 0;
  }
  .index-news .swiperbox .company-title{
      font-size: 24px;
  }
}
@media (max-width:1200px) {
  .index-news {
    margin-top: clamp(calc(55 / 2 * 1px), calc(55 / 1920 * 100 * 1vw), 55px);
  }
  .contact-company-culture .public-title{
      padding: 20px 0;
  }
  .index-news .swiperbox .company-title{
      font-size: 22px;
  }
}
@media (max-width:1024px) {
  .index-news .swiper-box .news-swiper .swiper-scrollbar {
    display: none;
  }
  .index-news .swiper-box .news-swiper {
    padding-right: 0;
  }
  .index-news .swiperbox .company-title{
      font-size: 20px;
  }
}
@media (max-width:768px) {
  .index-news {
    margin-top: 0px;
  }
  .index-news .swiperbox .company-title{
      font-size: 18px;
  }
}

.index-case {
  background-color: #F9F9FA;
  padding: 40px 0px 73px 0px;
  margin-top: 140px;
}

.index-case .public-title {
    padding: 60px 0;
    display: flex;
    align-items: center;
}
.index-case .up {
    display: flex;
    border-bottom: solid 3px #E2E2E2;
    justify-content: space-between;
}

.index-case .up .tab-title {
    display: flex;
    gap: 80px;
}
.index-case .up .tab-title .title {
    font-size: 30px;
    color: #333333;
    cursor: pointer;
    padding: 60px 0;
    transition: all .3s ease-in-out;
    border-bottom: solid 9px #F9F9FA;
}
.index-case .up .tab-title .active {
    color: #01b2b3;
    border-bottom: solid 9px #01b2b3;
}


.index-case .tab-title-box .tab-title .title {
  color: #222222;
  
}
.index-case .tab-title-box .tab-title .title.active {
  color: #222222;
}
.index-case .swiper-main {
  margin-top: 60px;
}
.index-case .swiper-main .index-case-swiper {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.index-case .flexwrap{
       display: inline-flex;
    width: 100%;
    align-items: center;
    margin-top: clamp(calc(72 / 2* 1px), calc(72 / 1920* 100* 1vw), 72px);
    justify-content: space-between;
}
.index-case .swiper-scrollbar {
    width: 100%;
    height: var(--number);
    background-color: rgba(0, 0, 0, 0.1) !important;
    
}

.index-case .ind-swiperbtn {
    position: relative;
    margin-left: clamp(calc(70 / 2* 1px), calc(70 / 1920* 100* 1vw), 70px);
    width: 100px;
}
.index-case .ind-swiperbtn:before{
    position: absolute;
    content: '';
    top: -8px;
    left: 50%;
    width: 1px;
    height: 18px;
    background: #C7C7C8;
    
    
}

.index-case .ind-swiperbtn .swiper-button-next, .index-case .ind-swiperbtn .swiper-button-prev {
    text-align: center;
    align-content: center;
    background-image: inherit;
    opacity: 0.5;
}
.index-case .ind-swiperbtn .swiper-button-next:hover, .index-case .ind-swiperbtn .swiper-button-prev:hover{
    opacity: 1;
}
.index-case .swiper-button-prev, .index-case .swiper-container-rtl .swiper-button-next{
    left: 0px;
}
.index-case .swiper-button-next, .index-case .swiper-container-rtl .swiper-button-prev{
    right: 0px;
}

.index-case .swiper-main .index-case-swiper .company-title{
    font-size: 30px;
    color: #333333;
}
.index-case .swiper-main .index-case-swiper .swiper-box{
    margin-top: 40px;
}

.index-case .swiper-main .index-case-swiper div.swiper-slide.swiper-slide-active .swiper-box,
.index-case .swiper-main .index-case-swiper div.swiper-slide.swiper-slide-active .swiper-scrollbar,
.index-case .swiper-main .index-case-swiper div.swiper-slide.swiper-slide-active .swiper-pagination {
  opacity: 1;
}
.index-case .swiper-main .index-case-swiper .swiper-box {
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-case .swiper-main .index-case-swiper .swiper-pagination,
.index-case .swiper-main .index-case-swiper .swiper-scrollbar {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  
}
.index-case .swiper-main .index-case-swiper .swiper-pagination .swiper-pagination-progressbar-fill,
.index-case .swiper-main .index-case-swiper .swiper-scrollbar .swiper-pagination-progressbar-fill,
.index-case .swiper-main .index-case-swiper .swiper-pagination .swiper-scrollbar-drag,
.index-case .swiper-main .index-case-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #01b2b3;
}
.index-case .item-box {
  display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.index-case .item-box .img{
    overflow: hidden;
    position: relative;
}
.index-case .item-box .pb{
    padding-bottom: 52.82%;
}

.index-case .item-box .img img{
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-case .item-box .text-box {
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    margin-top: 29px;
}
.index-case .item-box .text-box .title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #0A1424;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.index-case .swiper-main .index-case-swiper{
    overflow: hidden;
}

.pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: var(--num_70);
}
.pagination-box .slide-num {
  display: flex;
  width: 111px;
  gap: 5px;
}
.pagination-box .slide-num .current span,
.pagination-box .slide-num .all span,
.pagination-box .slide-num .line {
  color: #000000;
  font-size: var(--font26);
}
.pagination-box .slide-num .current span {
  font-weight: 700;
}
.index-case .swiper-pagination{
    position: relative;
    height: 30px !important;
}

.index-case .swiper-pagination .swiper-pagination-bullet {
   
    margin: 0 2px;
    display: none;
}


/*.pagination-box .scroll {*/
/*  flex: 1;*/
/*  --number: clamp(0.125rem, calc(-0.183rem + 0.38vw), 0.25rem);*/
/*}*/
/*.pagination-box .scroll .swiper-pagination,*/
/*.pagination-box .scroll .swiper-scrollbar {*/
/*  width: 100%;*/
/*  height: var(--number);*/
/*  background-color: rgba(0, 0, 0, 0.1);*/
/*}*/
/*.pagination-box .scroll .swiper-pagination .swiper-pagination-progressbar-fill,*/
/*.pagination-box .scroll .swiper-scrollbar .swiper-pagination-progressbar-fill,*/
/*.pagination-box .scroll .swiper-pagination .swiper-scrollbar-drag,*/
/*.pagination-box .scroll .swiper-scrollbar .swiper-scrollbar-drag {*/
/*  background-color: var(--light-purple);*/
/*}*/
.pagination-box .ind-swiperbtn {
  position: relative;
  width: 100%;
  height: 100%;
}
.pagination-box .ind-swiperbtn .swiper-button-next,
.pagination-box .ind-swiperbtn .swiper-button-prev {
  text-align: center;
  align-content: center;

  background-image: inherit;
  
}


@media (max-width:1680px){
    .index-case {
      margin-top: 100px;
    }
    .index-case .up .tab-title .title{
        font-size: 28px;
    }
    
}
@media (max-width:1560px) {
    .index-case {
      margin-top: 80px;
    }
  .pagination-box .ind-swiperbtn .swiper-button-next,
  .pagination-box .ind-swiperbtn .swiper-button-prev {
    height: inherit;
  }
}
.pagination-box .scroll .swiper-pagination .swiper-pagination-progressbar-fill, .pagination-box .scroll .swiper-scrollbar .swiper-pagination-progressbar-fill, .pagination-box .scroll .swiper-pagination .swiper-scrollbar-drag, .pagination-box .scroll .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #01b2b3;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content: '';
}
@media (max-width:1400px){
    .index-case {
      margin-top: 60px;
    }
    .index-case .up .tab-title .title{
        font-size: 23px;
    }
    .index-case .up .tab-title{
        gap: 40px;
    }
    .index-case .swiper-main .index-case-swiper .company-title{
        font-size: 24px;
    }
}
@media (max-width:1200px){
    .index-case{
        padding: 60px 0px;
    }
    .index-case {
      margin-top: 50px;
    }
    .index-case .up .tab-title .title,.index-case .public-title{
       padding: 20px 0;
    }
}

@media (max-width:768px){
   
    .index-case .flex,.index-case .swiper-scrollbar{
        display:none;
    }
    .index-case .swiper-pagination .swiper-pagination-bullet {
       display: inline-block;
       
    }
    .index-case .swiper-main .index-case-swiper .company-title{
        font-size: 22px;
    }
}


@media (max-width:640px){
    .index-case{
        padding: 40px 0px;
    }
    .index-case .up{
        display: inline-block;
        width: 100%;
    }
    .index-case .up .tab-title .title{
        font-size: 18px;
    }
    .index-case .up .tab-title .title, .index-case .public-title{
        padding: 10px 0;
    }
    .index-case .swiper-main{
        margin-top: 30px;
    }
    .index-case .swiper-main .index-case-swiper .swiper-box{
        margin-top: 10px;
    }
    .index-case .swiper-main .index-case-swiper .company-title{
        font-size: 20px;
        margin-top: 12px;
    }
}


@media (max-width:480px){
   
    .index-case .swiper-main{
        margin-top: 0px;
    }
    
}

/*公司文化活动*/







/*博亿招聘-开始*/

.contact-boyi-recruitment {
  margin-top: 168px;
}
.contact-boyi-recruitment .nav-title {
  display: flex;
  background-color: #F5F5F5;
  font-size: 18px;
  margin-top: 40px;
}
.contact-boyi-recruitment .nav-title span {
  flex: 1;
  display: inline-block;
  text-align: center;
  border: solid 1px #E5E5E5;
  color: #333333;
  padding: 17.25px 25px;
  cursor: pointer;
  border-right: none;
  
}
.contact-boyi-recruitment .nav-title span:last-child{
    border-right: solid 1px #E5E5E5;
}
.contact-boyi-recruitment .nav-title .active {
  color: #ffffff;
  background-color: #00B2B3;
}

.contact-boyi-recruitment .swiper-list{
    width: 100%;
    overflow: hidden;
}
.contact-boyi-recruitment .nav-list {
  margin-top: 60px;
}
.contact-boyi-recruitment .nav-list .info {
  color: #333333;
  display: flex;
  justify-content: space-between;
}
.contact-boyi-recruitment .nav-list .info .i-left {
  font-weight: bold;
  font-size: 24px;
  width: 29%;
}
.contact-boyi-recruitment .nav-list .info .i-right {
  font-size: 16px;
  width: 61%;
}
.contact-boyi-recruitment .nav-list .image {
  margin-top: 80px;
}
.contact-boyi-recruitment .nav-list .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*博亿招聘-结束*/




/*招聘岗位-开始*/

.contact-recruitment-positions {
  margin: 140px 0 199px 0;
}
.contact-recruitment-positions .crp-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-recruitment-positions .crp-content {
  margin-top: 40px;
}
.contact-recruitment-positions .crp-content .table-top {
  display: flex;
  background: #F5F5F5;
  border-top: solid 2px #282828;
}
.contact-recruitment-positions .crp-content .table-top span {
  flex: 1;
  font-weight: bold;
  font-size: 20px;
  color: #282828;
  line-height: 36px;
  text-align: center;
    padding: 22px 0;
}


.contact-recruitment-positions .crp-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact-recruitment-positions .crp-title .form-right {
  width: 70%;
}
.contact-recruitment-positions .crp-title .form-right .form {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.contact-recruitment-positions .crp-title .form-right .form select {
  width: 20%;
}
.contact-recruitment-positions .crp-title .form-right .form .footer_form {
  width: 30%;
  display: flex;
}
.contact-recruitment-positions .crp-title .form-right .form .footer_form input {
  width: calc(100% - 48px);
}
.contact-recruitment-positions .crp-title .form-right .form .footer_form a {
 
  display: inline-block;
    background-color: #00B2B3;
    width: 48px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.contact-recruitment-positions .crp-content .table-content {
  
  background-color: #F5F5F5;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li {
  border-bottom: solid 1px #F5F5F5;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul .active{
    display: inline-block !important;
    width: 100% !important;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top span {
  flex: 1;
  padding: 32px 0;
  text-align: center;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top span img{
    filter: brightness(0) invert(0);
    transform: rotate(180deg);
    transition: 0.5s;
}


.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom {
  /*display: flex !important;*/
  padding: 53px 100px;
  display: none;
  width: 100%;
  gap: 25px;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left {
  width: 50%;
  float: left;
}

.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-right{
    width: 50%;
    float: right;
    padding-left: 25px;
}

.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .item {
  font-size: 18px;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .item .introduce {
  font-weight: bold;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .submit-resume {
  padding: 15px 54px;
  color: #fff;
  background: #00B2B3;
      width: fit-content;
    margin-top: 79px;
    cursor: pointer;
    margin-bottom: 53px;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left .item {
  margin-bottom: 60px;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left .item:last-child {
  margin-bottom: 0;
}
.contact-recruitment-positions .crp-content .table-content .tab-ul ul .active .top span img {
  filter: inherit;
  transform: rotate(0deg);
  transition: 0.5s;
}
@media (max-width:1680px){
    .contact-talent-concept {
        margin-top: 100px;
    }
    
    .contact-talent-concept .sec-title{
        font-size: 38px;
    }
    .contact-talent-concept .content {
        font-size: 22px;
        margin-top: 40px;
    }
    .contact-talent-development .ctd-bottom {
        margin-top: 100px;
    }
    .public-title{
        font-size: 38px;
    }
    .contact-talent-development .ctd-bottom .content {
        margin-top: 50px;
        gap: 36px;
    }
    .contact-company-culture .cc-top .tab-list{
        gap: 60px;
    }
    .contact-company-culture .cc-top .tab-list li{
        padding: 40px 0;
        font-size: 28px;
    }
    
    .contact-employee-benefits .content .item{
        padding: 40px;
        gap: 40px;
    }
   
    
    .contact-employee-benefits .content .item .i-right .title{
        font-size: 23px;
    }
    .contact-boyi-recruitment .nav-list .info .i-left{
        width: 36%;
        font-size: 23px;
    }
    .contact-recruitment-positions .crp-content .table-top span{
        font-size: 19px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .submit-resume{
        padding: 12px 54px;
    }
    .contact-company-culture {
       
        margin-top: 100px;
    }
     .contact-employee-benefits .content .item .i-left{
        width: 110px;
        min-width: 110px;
        height:110px;
        background: #01B2B3;
        border-radius: 50%;
    }
    
    
    
}
@media (max-width:1568px){
        .public-title {
        font-size: 30px;
    }
        .contact-talent-concept .sec-title {
        font-size: 35px;
    }
    .contact-talent-development .ctd-bottom {
        margin-top: 80px;
    }
    .contact-employee-benefits .content .item .i-right .title{
        font-size: 22px;
    }
    .contact-boyi-recruitment {
        margin-top: 100px;
    }
        .contact-talent-concept .content {
        font-size: 20px;
       
        line-height: 1.5;
    }
    .contact-talent-concept {
        margin-top: 80px;
    }
    .contact-talent-bg {
        margin-top: 80px;
    }
    .contact-talent-development .ctd-top{
        margin-top: 80px;
    }
    .contact-talent-development .ctd-top .fir-title {
       
        font-size: 28px;
    }
    
    .contact-talent-development .ctd-top .sec-title {
   
        font-size: 22px;
   
    }
    .public-title {
        font-size: 35px;
    }
    .contact-talent-development .ctd-bottom .content .item {
        padding: 25px;
       
    }
    .contact-talent-development .ctd-bottom .content .item .i-top .info {
   
        font-size: 22px;
        
    }
    .contact-talent-development .ctd-bottom .content .item .i-bottom{
        padding: 20px 0;
    }
    .contact-company-culture {
       
        margin-top: 80px;
    }
    .contact-company-culture .cc-top .tab-list{
        gap: 50px;
    }
    .contact-company-culture .cc-top .tab-list li {
        font-size: 26px;
        
    }
    .contact-employee-benefits .content{
        margin-top: 40px;
    }
    .contact-employee-benefits .content .item{
        gap: 40px;
    }
     .contact-employee-benefits .content .item .i-left{
        width: 100px;
        min-width: 100px;
        height:100px;
        background: #01B2B3;
        border-radius: 50%;
    }
    .contact-boyi-recruitment .nav-list .info .i-left{
        font-size: 20px;
    }
    .contact-recruitment-positions .crp-content .table-top span{
        padding: 15px 0;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top span{
        padding: 18px 0;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom{
        padding: 28px 60px;
        
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .submit-resume{
        margin-top: 40px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left .item{
        margin-bottom: 40px;
    }
    .contact-recruitment-positions .crp-title .form-right .form select{
        width: 26%;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top span img{
        width: 12px;
    }
    
}
@media (max-width:1400px){
    .contact-talent-concept,.contact-talent-bg,.contact-talent-development .ctd-top,.contact-talent-development .ctd-bottom,.contact-company-culture,.contact-employee-benefits,.contact-boyi-recruitment,.contact-recruitment-positions{
        margin-top: 60px;
    }
    
    .contact-recruitment-positions{
        margin: 60px 0;
    }
    .contact-talent-development .ctd-top .fir-title{
        font-size: 26px;
    }
        .contact-talent-development .ctd-top .sec-title {
        font-size: 20px;
        margin-top: 10px;
    }
    .contact-talent-concept .content{
        font-size: 18px;
    }
    
    .public-title {
        font-size: 28px;
    }
        .contact-talent-development .ctd-bottom .content .item .i-top .info {
        font-size: 20px;
    }
    .contact-talent-development .ctd-bottom .content .item .i-top {
        padding-bottom: 15px;
        
    }    
    .contact-talent-development .ctd-bottom .content .item {
        padding: 20px;
    }
    .contact-company-culture .cc-top .tab-list li {
        font-size: 23px;
    }
    .contact-company-culture .cc-top .tab-list{
        gap: 40px;
    }
    .contact-employee-benefits .content{
        gap: 20px;
    }
    .contact-employee-benefits .content .item .i-left {
        width: 80px;
        min-width: 80px;
        height: 80px;
        background: #01B2B3;
        border-radius: 50%;
    }
    
    .contact-employee-benefits .content .item .i-right .title {
        font-size: 20px;
    }
    
}

@media (max-width:1200px){
    .contact-talent-development .ctd-top .fir-title{
        font-size: 24px;
    }
    
    .contact-talent-development .ctd-top .sec-title {
        font-size: 18px;
       
    }
    .contact-talent-development .ctd-bottom .content .item .i-top .info {
        font-size: 18px;
    }
    .contact-talent-development .ctd-bottom .content .item .i-top .image {
        width: 50px;
        height: 50px;
    }
    .contact-talent-development .ctd-bottom .content {
       
        gap: 20px;
    }
    
    .contact-company-culture .cc-top .tab-list li {
        padding: 20px 0;
    }
    .contact-talent-concept .content{
        font-size: 15px;
    }
    
    
    
    
    
}
@media (max-width:990px){
        .contact-talent-concept .sec-title {
        font-size: 30px;
    }
        .contact-talent-development .ctd-top .fir-title {
        font-size: 20px;
    }
    .public-title {
        font-size: 24px;
    }
    .contact-boyi-recruitment .nav-title span{
        padding: 18px;
    }
    .contact-employee-benefits .content .item{
        padding: 20px;
    }
    .contact-employee-benefits .content .item .i-left{
        width: 70px;
        min-width: 70px;
        height: 70px;
    }
    .contact-employee-benefits .content .item {
        gap: 20px;
    }
    .contact-recruitment-positions .crp-content .table-top span{
        font-size: 18px;
    }
    .contact-talent-concept .content{
        font-size: 14px;
    }
    .contact-talent-development .ctd-top .sec-title{
        font-size: 16px;
    }
    .contact-company-culture .cc-top .tab-list li {
        padding: 10px 0;
    }
        
}
@media (max-width:768px){
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left {
      width: 100%;
      float: left;
    }
    
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-right{
        width: 100%;
        float: left;
        padding-left: 0;
    }
    .contact-talent-development .ctd-top .fir-title {
        font-size: 18px;
    }
        .contact-talent-concept .sec-title {
        font-size: 28px;
    }
    .contact-boyi-recruitment .nav-title span{
        padding: 10px;
    }
    .contact-boyi-recruitment .nav-list {
        margin-top: 20px;
    }
    .contact-boyi-recruitment .nav-list .info{
        display: inline-block;
        width: 100%;
    }
    .contact-boyi-recruitment .nav-list .info .i-left{
        width: 100%;
    }
    .contact-boyi-recruitment .nav-list .info .i-right{
         width: 100%;
         margin-top: 40px;
    }
    
    .contact-recruitment-positions .crp-title .form-right .form select {
        width: 30%;
    }
    .contact-recruitment-positions .crp-title .form-right .form .footer_form{
        width: 40%;
    }
    .contact-recruitment-positions .crp-title .form-right .form .footer_form a{
        height: 40px;
        line-height: 40px;
    }
    .contact-recruitment-positions .crp-content .table-top span {
        font-size: 16px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top{
         font-size: 15px;
    }
        .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom {
        padding: 22px;
    }
    
    
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li{
        font-size: 15px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .top span{
        padding: 10px 0;
    }
        .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .submit-resume {
        padding: 10px 45px;
        margin-top: 20px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .b-left .item {
        margin-bottom: 0px;
    }
    .contact-talent-development .ctd-top .sec-title{
        font-size: 14px;
    }
    
}
@media (max-width:640px){
        .public-title {
        font-size: 22px;
    }
    .contact-talent-development .ctd-bottom .content{
        grid-template-columns: repeat(2, 1fr);
    }
    
    .contact-talent-development .ctd-bottom .content .item .i-top .image {
        width: 40px;
        height: 40px;
    }
    .contact-company-culture .cc-top{
        display: inline-block;
        width: 100%;
    }
    .contact-company-culture .cc-top .tab-list{
        margin-top: 30px;
    }
    .contact-company-culture .cc-top .tab-list li {
        font-size: 18px;
    }
    .contact-employee-benefits .content{
        grid-template-columns: repeat(1, 1fr);
    }
   
    .contact-employee-benefits .content .item .i-left {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }
    .contact-employee-benefits .content .item .i-right .title{
        font-size: 18px;
        margin-top: 10px;
    }
    .contact-boyi-recruitment .nav-title{
        overflow: scroll;
    }
    
    /*美化滚动条*/
    
    .contact-boyi-recruitment .nav-title{
        
    }
    /* 整体滚动条的样式 */
    .contact-boyi-recruitment .nav-title::-webkit-scrollbar {
        width: 10px; /* 控制滚动条宽度 */
        height: 5px; /* 控制滚动条高度 */
        
    }
    
    /* 滚动条轨道的样式 */
    .contact-boyi-recruitment .nav-title::-webkit-scrollbar-track {
        background: #f1f1f1; /* 轨道背景颜色 */
        border-radius: 10px; /* 轨道圆角 */
    }
    
    /* 滚动条滑块的样式 */
    .contact-boyi-recruitment .nav-title::-webkit-scrollbar-thumb {
        background: #ddd; /* 滑块颜色 */
        border-radius: 10px; /* 滑块圆角 */
    }
    
    /* 当鼠标悬停在滑块上时的样式 */
    .contact-boyi-recruitment .nav-title::-webkit-scrollbar-thumb:hover {
        background: #ccc; /* 鼠标悬停时滑块的颜色 */
    }

    
    .contact-boyi-recruitment .nav-title span{
        font-size: 14px;
        padding: 10px 5px;
        white-space: nowrap;
    }
        .contact-boyi-recruitment .nav-list .info .i-left {
        width: 100%;
        line-height: 1.5;
        font-size: 16px;
    }
    .contact-boyi-recruitment .nav-list .info .i-right {
       
        margin-top: 15px;
    }
    .contact-recruitment-positions .crp-content .table-top span {
        font-size: 15px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li {
        font-size: 14px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .item .introduce {
    
        font-size: 15px;
    }
    .contact-recruitment-positions .crp-content .table-content .tab-ul ul li .bom .sameitem .submit-resume {
        padding: 5px 35px;
        margin-top: 15px;
    }
    .contact-recruitment-positions .crp-title .form-right .form{
        display: none;
    }
     .contact-company-culture .cc-top .tab-list li {
        padding: 5px 0;
    }
}
@media (max-width:480px){
    .contact-talent-development .ctd-bottom .content {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-employee-benefits .content{
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-employee-benefits .content .item {
        display: inline-flex;
       
    }
    .contact-employee-benefits .content .item .i-right .title {
        font-size: 16px;
         margin-top: 0px; 
    }
    .contact-employee-benefits .content .item {
        padding:10px 20px;
    }
    .contact-talent-concept, .contact-talent-bg, .contact-talent-development .ctd-top, .contact-talent-development .ctd-bottom, .contact-company-culture, .contact-employee-benefits, .contact-boyi-recruitment, .contact-recruitment-positions{
        margin-top: 30px;
    }
}

/*招聘岗位-结束*/








.zxly_info {
  background: #f6f8f9;
  border-top: 10px solid #e0e2e3;
  padding: 120px 0;
}
.zxly_info .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zxly_info .wrap .left {
  width: 48%;
}
.zxly_info .wrap .left .info {
  color: #333333;
  line-height: 1.5;
  margin-top: 80px;
}
@media (max-width: 1920px) {
  .zxly_info .wrap .left .info {
    font-size: 36px;
  }
}
@media (max-width: 1776px) {
  .zxly_info .wrap .left .info {
    font-size: 32.62040816px;
  }
}
@media (max-width: 1680px) {
  .zxly_info .wrap .left .info {
    font-size: 30.85714286px;
  }
}
@media (max-width: 1600px) {
  .zxly_info .wrap .left .info {
    font-size: 29.3877551px;
  }
}
@media (max-width: 1500px) {
  .zxly_info .wrap .left .info {
    font-size: 27.55102041px;
  }
}
@media (max-width: 1440px) {
  .zxly_info .wrap .left .info {
    font-size: 26.44897959px;
  }
}
@media (max-width: 1366px) {
  .zxly_info .wrap .left .info {
    font-size: 25.08979592px;
  }
}
@media (max-width: 1280px) {
  .zxly_info .wrap .left .info {
    font-size: 23.51020408px;
  }
}
@media (max-width: 1152px) {
  .zxly_info .wrap .left .info {
    font-size: 21.15918367px;
  }
}
@media (max-width: 1024px) {
  .zxly_info .wrap .left .info {
    font-size: 18.80816327px;
  }
}
.zxly_info .wrap .right {
  width: 51%;
}
.zxly_info .wrap .right .form {
  padding: 30px 45px;
  background: #fff;
}
@media (max-width: 1366px) {
  .zxly_info .wrap .left .info {
    margin-top: 40px;
    line-height: 1.3;
  }
  .zxly_info .wrap .right .form {
    padding: 25px 30px;
  }
  .zxly_info {
    padding: 60px 0;
  }
}
@media (max-width: 990px) {
  .zxly_info {
    padding: 40px 0;
  }
  .zxly_info .wrap .left .info {
    margin-top: 20px;
    font-size: 18px;
  }
  .zxly_info .wrap .right .form {
    padding: 25px 30px;
  }
}
@media (max-width: 768px) {
  .zxly_info .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .zxly_info .wrap .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .zxly_info .wrap .left .info {
    font-size: 16px;
    margin-top: 15px;
  }
  .zxly_info .wrap .right {
    width: 100%;
  }
  .zxly_info .wrap .right .form {
    padding: 15px;
  }
}
.jrwm_info {
  padding: 80px 0;
}
.jrwm_info h2 {
  color: #1b1e1e;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .jrwm_info h2 {
    font-size: 66px;
  }
}
@media (max-width: 1776px) {
  .jrwm_info h2 {
    font-size: 59.80408163px;
  }
}
@media (max-width: 1680px) {
  .jrwm_info h2 {
    font-size: 56.57142857px;
  }
}
@media (max-width: 1600px) {
  .jrwm_info h2 {
    font-size: 53.87755102px;
  }
}
@media (max-width: 1500px) {
  .jrwm_info h2 {
    font-size: 50.51020408px;
  }
}
@media (max-width: 1440px) {
  .jrwm_info h2 {
    font-size: 48.48979592px;
  }
}
@media (max-width: 1366px) {
  .jrwm_info h2 {
    font-size: 45.99795918px;
  }
}
@media (max-width: 1280px) {
  .jrwm_info h2 {
    font-size: 43.10204082px;
  }
}
@media (max-width: 1152px) {
  .jrwm_info h2 {
    font-size: 38.79183673px;
  }
}
@media (max-width: 1024px) {
  .jrwm_info h2 {
    font-size: 34.48163265px;
  }
}
.jrwm_info .info {
  font-size: 20px;
  color: #1b1e1e;
  width: 900px;
  max-width: 100%;
  margin: 60px 0 70px;
}
.jrwm_info .ul li {
  border-bottom: 1px solid #a3a3a3;
}
.jrwm_info .ul li:first-child {
  border-top: 1px solid #a3a3a3;
}
.jrwm_info .ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 0;
  position: relative;
}
.jrwm_info .ul li > a .xx {
  width: 22px;
  height: 12px;
  position: absolute;
  right: 2%;
  top: 50%;
  margin-top: -6px;
  background: url('../images/xx.png') no-repeat center;
}
.jrwm_info .ul li > a h2.h2 {
  width: 20%;
  font-size: 24px;
  color: #242424;
}
.jrwm_info .ul li > a .right {
  width: 75%;
}
.jrwm_info .ul li > a .right span {
  font-size: 16px;
  padding-left: 30px;
  margin-right: 10%;
  color: #666666;
  display: inline-block;
}
.jrwm_info .ul li > a .right span:last-child {
  margin-right: 0;
}
.jrwm_info .ul li > a .right span.s1 {
  background: url(../images/dz.png) no-repeat left center;
}
.jrwm_info .ul li > a .right span.s2 {
  background: url(../images/zw.png) no-repeat left center;
  min-width: 190px;
}
.jrwm_info .ul li > a .right span.s3 {
  background: url(../images/n2.png) no-repeat left center;
}
.jrwm_info .ul li .box {
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.jrwm_info .ul li .box.on {
  height: auto;
}
.jrwm_info .ul li .box.on h2.h2,
.jrwm_info .ul li .box.on .right {
  padding-top: 35px;
}
.jrwm_info .ul li .box .xs {
  width: 22px;
  height: 12px;
  position: absolute;
  right: 2%;
  top: 35px;
  background: url('../images/xs.png') no-repeat center;
  cursor: pointer;
}
.jrwm_info .ul li .box h2.h2 {
  width: 20%;
  font-size: 24px;
  color: #242424;
  border-top: 5px solid #242424;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.jrwm_info .ul li .box .right {
  width: 75%;
  border-top: 5px solid #242424;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.jrwm_info .ul li .box .right > div {
  width: 35%;
  font-size: 16px;
  line-height: 36px;
  color: #646260;
}
.jrwm_info .ul li .box .right > div.zwms {
  margin-right: 15%;
}
.jrwm_info .ul li .box .right > div .h3 {
  font-size: 20px;
  color: #242424;
  font-weight: bold;
  margin-bottom: 20px;
}
.jrwm_info .ul li .box .right > div a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  background: #01b2b3;
  padding: 8px 40px;
  margin: 30px 0 40px;
}
.jrwm_info .more {
  width: 130px;
  margin: 35px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px;
  color: #1b1e1e;
}
.jrwm_info .more:hover {
  color: #01b2b3;
}
.jrwm_info .more i {
  font-size: 14px;
}
@media (max-width: 1366px) {
  .jrwm_info {
    padding: 60px 0;
  }
  .jrwm_info .info {
    margin: 40px 0;
    font-size: 16px;
  }
  .jrwm_info .ul li > a {
    padding: 20px 0;
  }
  .jrwm_info .ul li > a h2.h2 {
    font-size: 20px;
  }
  .jrwm_info .ul li .box h2.h2 {
    font-size: 20px;
  }
  .jrwm_info .ul li .box .right > div .h3 {
    font-size: 18px;
  }
  .jrwm_info .ul li .box .right > div {
    font-size: 14px;
    line-height: 24px;
  }
  .jrwm_info .ul li .box .right > div a {
    font-size: 16px;
    padding: 8px 20px;
    margin: 20px 0 25px;
  }
  .jrwm_info .ul li .box.on h2.h2,
  .jrwm_info .ul li .box.on .right {
    padding-top: 25px;
  }
  .jrwm_info .more {
    margin-top: 25px;
  }
}
@media (max-width: 990px) {
  .jrwm_info {
    padding: 40px 0;
  }
  .jrwm_info .info {
    margin: 20px 0;
    font-size: 14px;
  }
  .jrwm_info .ul li > a {
    padding: 15px 0;
  }
  .jrwm_info .ul li > a h2.h2 {
    font-size: 18px;
  }
  .jrwm_info .ul li .box h2.h2 {
    font-size: 18px;
  }
  .jrwm_info .ul li > a .right span {
    font-size: 14px;
    margin-right: 5%;
  }
  .jrwm_info .ul li .box .right > div .h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .jrwm_info .ul li .box .right > div {
    font-size: 14px;
    line-height: 24px;
  }
  .jrwm_info .ul li .box .right > div a {
    font-size: 16px;
    padding: 8px 20px;
    margin: 20px 0 25px;
  }
  .jrwm_info .ul li .box.on h2.h2,
  .jrwm_info .ul li .box.on .right {
    padding-top: 25px;
  }
  .jrwm_info .more {
    margin-top: 20px;
    font-size: 16px;
    width: 120px;
  }
}
@media (max-width: 768px) {
  .jrwm_info .ul li > a h2.h2 {
    width: 100%;
    font-size: 16px;
  }
  .jrwm_info .ul li > a .right {
    display: none;
  }
  .jrwm_info .ul li .box h2.h2 {
    display: none;
  }
  .jrwm_info .ul li .box .right {
    width: 100%;
  }
  .jrwm_info .ul li .box .right {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding-bottom: 70px;
  }
  .jrwm_info .ul li .box .right > div a {
    position: absolute;
    left: 0;
    bottom: 20px;
    margin: 0;
  }
  .jrwm_info .ul li .box .right > div {
    width: 100%;
  }
  .jrwm_info .ul li .box .right > div.zwms {
    margin-right: 0%;
    margin-bottom: 15px;
  }
  .jrwm_info .ul li .box .xs,
  .jrwm_info .ul li > a .xx {
    width: 18px;
  }
  .jrwm_info .ul li .box .xs {
    top: 30px;
  }
}




.box_info_list {
  margin-top: 145px;
  padding-left: 40px;
  position: relative;
}
.box_info_list:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #1b1e1e;
  opacity: 0.1;
}
.box_info_list a {
  display: block;
  position: relative;
}
.box_info_list a:before {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  left: -40px;
  top: 0;
  background: transparent;
}
.box_info_list a.on h3 {
  font-size: 24px;
  font-weight: bold;
}
.box_info_list a.on p {
  height: auto;
  margin: 30px 0;
}
.box_info_list a.on:before {
  background: #00aeaf;
}
.box_info_list a h3 {
  font-size: 20px;
  color: #1b1e1e;
}
.box_info_list a p {
  font-size: 18px;
  line-height: 30px;
  height: 0;
  overflow: hidden;
  color: 666666;
  margin: 25px 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.xtfa_s {
  width: 100%;
  height: 0;
  padding-bottom: 81.9%;
  position: relative;
}
.xtfa_s .swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.xtfa_s .swiper .swiper-slide {
  line-height: 0;
}
@media (max-width: 1440px) {
  .box_info_list a.on h3 {
    font-size: 20px;
  }
  .box_info_list a.on p {
    margin: 20px 0;
  }
  .box_info_list a h3 {
    font-size: 18px;
  }
  .box_info_list a p {
    font-size: 16px;
    line-height: 28px;
    margin: 15px 0;
  }
}
@media (max-width: 990px) {
  .box_info_list {
    margin-top: 40px;
    padding-left: 20px;
  }
  .box_info_list a:before {
    left: -20px;
  }
  .box_info_list a.on h3 {
    font-size: 18px;
  }
  .box_info_list a.on p {
    margin: 15px 0;
  }
  .box_info_list a h3 {
    font-size: 16px;
  }
  .box_info_list a p {
    font-size: 14px;
    line-height: 26px;
    margin: 10px 0;
  }
}

.about_kcz_s3 {
  height: 80px;
  overflow: hidden;
}
.about_kcz_s3 .swiper-slide{
  height: 40px;
  line-height: 40px;
}

@media(max-width:768px){
  .about_kcz_s3 {
    height: 60px;
    overflow: hidden;
  }
  .about_kcz_s3 .swiper-slide{
    height: 30px;
    line-height: 30px;
  }
  .about_kcz .box .box_info .left .bot .swiper-slide a{
    font-size: 16px;
  }
}

@keyframes myfd {
  0% {
      transform: scale(0.5);
  }
  50% {
      transform: scale(1);
  }
  100% {
      transform: scale(0.5);
  }
  }
  .contact_info {
  padding: 115px 0 120px;
}
.contact_info .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact_info .wrap .map {
  width: 53.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contact_info .wrap .right {
  width: 46.3%;
}
.contact_info .wrap .right > * {
  margin-left: 10%;
}
.contact_info .wrap .right h2 {
  color: #1b1e1e;
  margin-bottom: 2%;
  margin-top: 4%;
}
@media (max-width: 1920px) {
  .contact_info .wrap .right h2 {
    font-size: 44px;
  }
}
@media (max-width: 1776px) {
  .contact_info .wrap .right h2 {
    font-size: 39.86938776px;
  }
}
@media (max-width: 1680px) {
  .contact_info .wrap .right h2 {
    font-size: 37.71428571px;
  }
}
@media (max-width: 1600px) {
  .contact_info .wrap .right h2 {
    font-size: 35.91836735px;
  }
}
@media (max-width: 1500px) {
  .contact_info .wrap .right h2 {
    font-size: 33.67346939px;
  }
}
@media (max-width: 1440px) {
  .contact_info .wrap .right h2 {
    font-size: 32.32653061px;
  }
}
@media (max-width: 1366px) {
  .contact_info .wrap .right h2 {
    font-size: 30.66530612px;
  }
}
@media (max-width: 1280px) {
  .contact_info .wrap .right h2 {
    font-size: 28.73469388px;
  }
}
@media (max-width: 1152px) {
  .contact_info .wrap .right h2 {
    font-size: 25.86122449px;
  }
}
@media (max-width: 1024px) {
  .contact_info .wrap .right h2 {
    font-size: 22.9877551px;
  }
}
.contact_info .wrap .right h3 {
  color: #bababa;
}
@media (max-width: 1920px) {
  .contact_info .wrap .right h3 {
    font-size: 26px;
  }
}
@media (max-width: 1776px) {
  .contact_info .wrap .right h3 {
    font-size: 23.55918367px;
  }
}
@media (max-width: 1680px) {
  .contact_info .wrap .right h3 {
    font-size: 22.28571429px;
  }
}
@media (max-width: 1600px) {
  .contact_info .wrap .right h3 {
    font-size: 21.2244898px;
  }
}
@media (max-width: 1500px) {
  .contact_info .wrap .right h3 {
    font-size: 19.89795918px;
  }
}
@media (max-width: 1440px) {
  .contact_info .wrap .right h3 {
    font-size: 19.10204082px;
  }
}
@media (max-width: 1366px) {
  .contact_info .wrap .right h3 {
    font-size: 18.12040816px;
  }
}
@media (max-width: 1280px) {
  .contact_info .wrap .right h3 {
    font-size: 16.97959184px;
  }
}
@media (max-width: 1152px) {
  .contact_info .wrap .right h3 {
    font-size: 15.28163265px;
  }
}
@media (max-width: 1024px) {
  .contact_info .wrap .right h3 {
    font-size: 13.58367347px;
  }
}
.contact_info .wrap .right .line {
  width: 100%;
  height: 2px;
  background: #eaeaea;
  position: relative;
  margin: 5% 0 2%;
}
.contact_info .wrap .right .line:before {
  content: '';
  width: 160px;
  height: 5px;
  position: absolute;
  left: 10%;
  bottom: 0;
  background: #01b2b3;
}
.contact_info .wrap .right .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.contact_info .wrap .right .items .item {
  padding: 20px 0 ;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  width: 43%;
}
.contact_info .wrap .right .items .item:first-child {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.contact_info .wrap .right .items .item:nth-child(2n) {
  width: 57%;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.contact_info .wrap .right .items .item:nth-child(2n):before {
  content: '';
  width: 1px;
  height: 60%;
  position: absolute;
  top: 20%;
  right: 0;
  background: #e8e8e8;
}
.contact_info .wrap .right .items .item .icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #e0e0e0;
}
.contact_info .wrap .right .items .item .icon img {
  max-width: 60%;
}
.contact_info .wrap .right .items .item .art {
  max-width: calc(100% - 65px);
  white-space: nowrap;
}
.contact_info .wrap .right .items .item .art span {
  font-size: 16px;
  color: #999999;
}
.contact_info .wrap .right .items .item .art p {
  font-size: 18px;
  color: #333333;
}
@media (max-width: 1680px) {
  .contact_info .wrap .right .line {
    margin: 3% 0 0;
  }
  .contact_info .wrap .right .items .item {
    padding: 15px 0;
  }
  .contact_info .wrap .right .items .item .icon {
    width: 45px;
    height: 45px;
  }
  
}
@media (max-width: 1366px) {
  .contact_info {
    padding: 60px 0;
  }
  .contact_info .wrap .right .items .item {
    padding: 10px 0;
  }
  .contact_info .wrap .right .items .item .art span {
    font-size: 14px;
  }
  .contact_info .wrap .right .items .item .art p {
    font-size: 16px;
  }
  .contact_info .wrap .right .items .item .icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}
@media (max-width: 1280px) {
  .contact_info .wrap .right .items .item {
    padding: 8px 0;
  }
  .contact_info .wrap .right .items .item .art span {
    font-size: 12px;
  }
  .contact_info .wrap .right .items .item .art p {
    font-size: 14px;
  }
  .contact_info .wrap .right .items .item .icon {
    width: 35px;
    height: 35px;
    margin-right: 10px;
  }
}
@media (max-width: 990px) {
  .contact_info {
    padding: 40px 0;
  }
  .contact_info .wrap .right h2 {
    font-size: 20px;
  }
  .contact_info .wrap .right .items .item .art p {
    font-size: 12px;
  }
  .contact_info .wrap .right h3 {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .contact_info .wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .contact_info .wrap .map {
    width: 100%;
  }
  .contact_info .wrap .right {
    width: 100%;
  }
  .contact_info .wrap .right > * {
    margin-left: 0;
  }
  .contact_info .wrap .right .items .item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .contact_info .wrap .right .items .item:nth-child(3) .icon,
  .contact_info .wrap .right .items .item:nth-child(5) .icon {
    margin-left: 10px;
  }
  .contact_info .wrap .right .line:before {
    left: 0;
    height: 2px;
  }
  .contact_info .wrap .right .items .item .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  .contact_info .wrap .right h2 {
    font-size: 18px;
  }
  .contact_info .wrap .right h3 {
    font-size: 13px;
  }
}
@media(max-width:768px){
  .mylist1_s .mylist1{
    transform: translate3d(0px, 0px, 0px)!important;
    transition-duration: 0ms!important;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .ggcs_info .table table{
    min-width: auto;
    width: 100%;
  }
  .ggcs_info .table tr{
    position: relative;
  }
  .ggcs_info .table tr th,
  .ggcs_info .table tr td{
    display: none;
  }
  .ggcs_info .table tr th:last-child,
  .ggcs_info .table tr td:last-child{
    display: inline-block;
    width: 35%;
  }
  .ggcs_info .table tr th:first-child,
  .ggcs_info .table tr td:first-child{
    display:  inline-block;
    width: 65%;
    text-align: left;
    padding-left: 15px;
  }
  
}

/*解决方案--开始*/
.solution-wrap {
  padding: 60px 0;
  text-align: center;
}
.solution-wrap .title {
  margin-top: 100px;
  font-weight: bold;
  font-size: 48px;
  color: #333333;
  line-height: 1;
}
.solution-wrap .content {
  margin-top: 40px;
  font-size: 18px;
  color: #666666;
  
}


.solution-wrap-list{
    background: #F5F5F5;
    padding: 0px 0 160px 0;
    
}

.solution-wrap-list .itemlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 23px;
}
.solution-wrap-list .itemlist .item{
    margin-top: 60px;
    background-color: #fff;
}
.solution-wrap-list .itemlist .item:hover .i-top img{
    transform: scale(1.1);
    transition: 0.5s;
}
.solution-wrap-list .itemlist .item .i-top{
    overflow: hidden;
    position: relative;
}

.solution-wrap-list .itemlist .item .i-top:before{
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
    content: '';
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
}
.solution-wrap-list .itemlist .item .i-top .pb{
        padding-bottom: 66%;
}
.solution-wrap-list .itemlist .item .i-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.solution-wrap-list .itemlist .item .i-bottom {
  padding: 40px 40px 30px 40px;
  background-color: #fff;
  cursor: pointer;
}
.solution-wrap-list .itemlist .item .i-bottom .fir-title {
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}
.solution-wrap-list .itemlist .item .i-bottom .sec-title {
  font-size: 16px;
  color: #333333;
  margin-top: 40px;
  height: 140px;
overflow-y: scroll;
}
.solution-wrap-list .itemlist .item .i-bottom .sec-title:not(.overflowing) {
    overflow-y: hidden; /* 没有超出时隐藏滚动条 */
  }


.solution-wrap-list .itemlist .item .i-bottom .circle {
  width: 48px;
  height: 48px;
  border:solid 1px #00B2B2;
  border-radius: 50%;
  margin-top: 40px;
  display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
}

.solution-wrap-list .itemlist .item .i-bottom .circle img {
  transform: rotate(90deg);
}
.solution-wrap-list .itemlist .item .i-bottom .circle:hover {
  background-color: #00B2B2;
}
.solution-wrap-list .itemlist .item .i-bottom .circle:hover img {
  filter: brightness(0) invert(1);
}

@media (max-width:1560px) {
    .solution-wrap .title{
        font-size: 50px;
        
    }
}
@media (max-width:1480px) {
    .solution-wrap .title{
        font-size: 45px;
        
    }
    .solution-wrap .content{
        font-size: 16px;
    }
}
@media (max-width:1280px) {
    .solution-wrap .title{
        font-size: 32px;
        
    }
    .solution-wrap .content{
        font-size: 14px;
        margin-top: 30px;
    }
    .solution-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 17px;
    }
    .solution-wrap-list .itemlist .item .i-bottom{
        padding: 25px;
    }
    .solution-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 18px;
        font-size: 13px;
    }
    .solution-wrap-list .itemlist .item .i-bottom .circle{
        width: 32px;
        height: 32px;
        margin-top: 25px;
    }
}
@media (max-width:990px) {
  .solution-wrap-list .itemlist .item .i-bottom{
      padding: 20px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .sec-title{
      margin-top: 10px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .circle{
      width: 38px;
      height: 38px;
      margin-top: 20px;
  }
 
  .solution-wrap-list .itemlist .item .i-bottom .fir-title{
      font-size: 20px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .sec-title{
      font-size: 14px;
  }
  .solution-wrap-list{
    padding: 0px 0 100px 0;
  }
}

@media (max-width:768px) {
    .solution-wrap{
        padding: 40px 0;
    }
    .solution-wrap .title{
        font-size: 28px;
        margin-top: 0;
    }
    .solution-wrap .content{
        font-size: 15px;
    }
    .solution-wrap-list .itemlist{
            grid-template-columns: repeat(2, 1fr);
    }
  .solution-wrap-list .itemlist .item .i-bottom{
      padding: 20px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .sec-title{
      margin-top: 10px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .circle{
      width: 30px;
      height: 30px;
      margin-top: 10px;
  }
 
  .solution-wrap-list .itemlist .item .i-bottom .fir-title{
      font-size: 18px;
  }
  .solution-wrap-list .itemlist .item .i-bottom .sec-title{
      font-size: 14px;
  }
  .solution-wrap-list{
    padding: 0px 0 80px 0;
  }
}
@media (max-width:480px) {
    
    .solution-wrap-list .itemlist{
            grid-template-columns: repeat(1, 1fr);
    }
    .solution-wrap-list{
        padding: 0px 0 60px 0;
      }
  
}


/*解决方案--结束*/






/*解决方案详情--开始*/
.solution-data-wrap {
  margin-top: 140px;
}
.solution-data-wrap .sdw-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  column-gap: 80px ;
}
.solution-data-wrap .sdw-top .left {
  width: 40%;
  font-weight: bold;
  font-size: 48px;
  color: #333333;
 line-height: 1.1;
}
.solution-data-wrap .sdw-top .right {
  font-size: 18px;
  color: #666666;
  /*width: 45%;*/
  width: 49%;
}

.solution-data-wrap .sdw-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /*column-gap: 80px ;*/
  column-gap: 60px ;
  margin-top: 87px;
}
.solution-data-wrap .sdw-center .left {
  /*width: 50%;*/
  width: 46%;
  overflow: hidden;
}
.solution-data-wrap .sdw-center .left .image{
    width: 100%;
    /*width: 76%;*/
    overflow: hidden;
    margin: auto;
    /*margin-left: 10%;*/
}
.solution-data-wrap .sdw-center .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: 0.5s;
}
.solution-data-wrap .sdw-center .left .pagination-public{display:none}



.solution-data-wrap .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 0%;
}
.solution-data-wrap .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 0%;
}
.solution-data-wrap .swiper-pagination{
    display: none;
}




.solution-data-wrap .sdw-center .right{
    width: 49%;
}
    
.solution-data-wrap .sdw-center .right .title {
  border-bottom: solid 2px #333333;
  padding-bottom: 39px;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-bottom: 20px;
  line-height: calc(24/24);
}
.solution-data-wrap .sdw-center .right .itemlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.solution-data-wrap .sdw-center .right .itemlist .item{
    cursor: pointer;
}
.solution-data-wrap .sdw-center .right .itemlist .item .info{
    position: relative;
}
.solution-data-wrap .sdw-center .right .itemlist .item .info:after{
    position: absolute;
    content: '';
    width: 0;
    left: 0;
    top: 0;
    height: 1px;
    background: #01b2b3;
    transition: all .5s ease-in-out;
}
.solution-data-wrap .sdw-center .right .itemlist .item:hover .info:after{
    width: 100%;
}

.solution-data-wrap .sdw-center .right .itemlist .item .image {
  padding: 20px 0;
}
.solution-data-wrap .sdw-center .right .itemlist .item .info {
  border-top: solid 1px #EEEEEE;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  padding-top: 20px;
  line-height: calc(30/16);
}
.solution-data-wrap .sdw-bottom {
  margin-top: 150px;
  overflow: hidden;
  height: 656px;
 
}

.solution-data-wrap .sdw-bottom img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
}
.solution-data-wrap .sdw-bottom:hover img{
    transform: scale(1.05);
    transition: all .5s ease-in-out0
}

@media (max-width:1680px){
    .solution-data-wrap{
        margin-top: 100px;
    }
    .solution-data-wrap .sdw-bottom {
      margin-top: 100px;
      height: 600px;
    }
   .solution-data-wrap .sdw-top .left{
       font-size: 44px;
   }
   .solution-data-wrap .sdw-top{
       gap: 70px;
   }
   .solution-data-wrap .sdw-center .right .title{
       padding-bottom: 30px;
       margin-bottom: 15px;
   }
   .solution-data-wrap .sdw-center .right .itemlist .item .image{
       padding: 18px 0;
   }
   .solution-data-wrap .sdw-center .right .itemlist{
       gap:20px
   }
   .solution-data-wrap .sdw-center .right .itemlist .item .info{
       line-height: 1.4;
   }
}

@media (max-width:1560px){
    .solution-data-wrap{
        margin-top: 100px;
    }
    .solution-data-wrap .sdw-bottom {
      margin-top: 100px;
      height: 560px;
    }
   .solution-data-wrap .sdw-top .left{
       font-size: 44px;
   }
   .solution-data-wrap .sdw-center .right .title{
       padding-bottom: 20px;
   }
   .solution-data-wrap .sdw-center .right .itemlist .item .info{
       font-size: 15px;
   }
   .solution-data-wrap .sdw-top{
       gap: 60px;
   }
   .solution-data-wrap .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
       width: 45px;
       height: 45px;
        left: 0%;
    }
    .solution-data-wrap .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
         width: 45px;
       height: 45px;
        right: 0%;
    }
}
@media (max-width:1400px){
   .solution-data-wrap{
       margin-top: 80px;
   }
   .solution-data-wrap .sdw-top .left{
       font-size: 40px;
   }
   .solution-data-wrap .sdw-top{
       gap: 50px;
   }
   .solution-data-wrap .sdw-bottom{
       margin-top: 80px;
       height: 500px;
   }
  
}
@media (max-width:1280px){
    .solution-data-wrap .sdw-top .left{
        font-size: 32px
    }
    .solution-data-wrap .sdw-top .right{
        font-size: 14px;
    }
    .solution-data-wrap .sdw-center .right .title{
        font-size: 17px;
    }
    .solution-data-wrap .sdw-center{
        margin-top:50px;
    }
    .solution-data-wrap .sdw-center .right .itemlist .item .image img{
        width: 35px;
        height: 35px;
    }
    .solution-data-wrap .sdw-center .right .itemlist .item .info{
        padding-top: 10px;
    }
    .solution-data-wrap .sdw-center .right .itemlist .item .info{
        font-size: 13px;
    }
    .solution-data-wrap .sdw-bottom{
       height: 439px;
       margin-top: 70px;
       .solution-wrap-list .itemlist .item .i-bottom .fir-title{
        
    }
   }
   .solution-wrap-list .itemlist .item{
       margin-top: 40px;
   }
}



@media (max-width:1200px){
   .solution-data-wrap{
       margin-top: 60px;
   }
   .solution-data-wrap .sdw-top .left{
       font-size: 38px;
   }
   .solution-data-wrap .sdw-top{
       gap: 45px;
   }
   .solution-data-wrap .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
       width: 40px;
       height: 40px;
        left: 0%;
    }
    .solution-data-wrap .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
         width: 40px;
       height: 40px;
        right: 0%;
    }
}
@media (max-width:990px){
   .solution-data-wrap{
       margin-top: 50px;
   }
   .solution-data-wrap .sdw-top .left{
       font-size: 36px;
   }
   .solution-data-wrap .sdw-top{
       gap: 40px;
   }
   .solution-data-wrap .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
      display: none;
    }
    .solution-data-wrap .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
       display: none;
    }
    .solution-data-wrap .swiper-pagination{
        display: inline-block;
        width: 100%;
        margin-top: 20px;
        position: relative;
    }
    .solution-data-wrap .sdw-center .left .image{
        width: 100%;
    }
    .solution-data-wrap .sdw-bottom{
        height: 400px;
        margin-top: 60px;
    }
  
}
@media (max-width:768px){
   .solution-data-wrap{
       margin-top: 40px;
   }
   .solution-data-wrap .sdw-top{
       display: inline-block;
       width: 100%;
       
   }
   .solution-data-wrap .sdw-top .left{
       width: 100%;
       font-size: 28px;
   }
   .solution-data-wrap .sdw-top .right{
       width: 100%;
      margin-top: 40px;
   }
   .solution-data-wrap .sdw-center{
       display: inline-block;
       width: 100%;
   }
   .solution-data-wrap .sdw-center .left{
       width: 100%;
   }
   .solution-data-wrap .sdw-center .right{
       width: 100%;
       margin-top: 40px;
   }
   .solution-data-wrap .sdw-center{
       margin-top: 40px;
   }
   .solution-data-wrap .sdw-center .left .image{
       margin-left: 0;
   }
    .solution-data-wrap .sdw-center .right .itemlist{
        grid-template-columns: repeat(2, 1fr);
    }
    .solution-data-wrap .sdw-bottom{
        height: 380px;
        margin-top: 50px;
    }
  
}
@media (max-width:640px){
   .solution-data-wrap .sdw-top .left{
       font-size: 24px;
   }
   .solution-data-wrap .sdw-top .right{
       margin-top: 20px;
       font-size: 14px;
   }
   .solution-data-wrap .sdw-bottom{
        height: 300px;
        margin-top: 40px;
    }
   
}
@media (max-width:480px){
   .solution-data-wrap .sdw-top .left{
       font-size: 20px;
   }
   .solution-data-wrap .sdw-center .right .title{
       font-size: 20px;
   }
   .solution-data-wrap .sdw-bottom{
        height: 270px;
        margin-top: 30px;
    }
   
}




/*工艺流程*/
.solution-process-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  column-gap: 90px ;
  margin-top: 160px;
}
.solution-process-flow .item .title {
  font-size: 36px;
  color: #282828;
}
.solution-process-flow .item .image {
  margin-top: 40px;
  background: #F6F6F6;
}
.solution-process-flow .left {
  /*width: 63.247%;*/
   width: 28.11%;
   cursor: pointer;
  
}
.solution-process-flow .left .image {
  padding: 115px 30px;
  overflow: hidden;
}

.solution-process-flow .left .image img {
  width: 100%;
  transition: all .5s ease-in-out;
  
}
.solution-process-flow .left .image:hover img{
    scale: 1.1;
    transition: all .5s ease-in-out;
}
.solution-process-flow .right {
  width: 28.11%;
  cursor: pointer;
  
}
.solution-process-flow .right .image {
  padding: 30px;
}

.solution-process-flow .right .image img {
  width: 100%;
  transition: all .5s ease-in-out;
}
.solution-process-flow .right .image:hover img{
    scale: 1.1;
    transition: all .5s ease-in-out;
}

.solution-process-flow .hover{
    width: 63.247%;
    transition:width 0.5s ease-in-out;
}



@media (max-width:1680px){
    .solution-process-flow{
       margin-top: 120px;
    }
    
    
    .solution-process-flow .item .image{
        margin-top: 20px;
    }
    .solution-process-flow .right{
        width: 30%;
    }
}
@media (max-width:1400px){
    .solution-process-flow .right{
        width:26%;
    }
    .solution-process-flow .item .title{
        font-size: 30px;
    }
}
@media (max-width:1280px){
   .solution-process-flow{
       margin-top: 80px;
   }
    .solution-process-flow .item .title{
        font-size: 24px;
    }
    .solution-process-flow .left{
        width: 64.3%;
    }
    .solution-process-flow .right{
        width: 28%;
    }
}

@media (max-width:990px){
    .solution-process-flow .right{
        width:35%;
    }
    .solution-process-flow .item .title{
        font-size: 22px;
    }
    .solution-process-flow{
        margin-top: 60px;
    }
}
@media (max-width:768px){
    .solution-process-flow{
        margin-top: 40px;
    }
    .solution-process-flow .item .title{
        font-size: 20px;
    }
    
}

@media (max-width:640px){
    .solution-process-flow{
        display: inline-block;
        width: 100%;
    }
    
    .solution-process-flow .left,.solution-process-flow .right{
        width: 100%;
    }
    .solution-process-flow .right{
        margin-top: 30px;
    }
}
@media (max-width:480px){
    .solution-process-flow .item .title{
        font-size: 20px;
    }
}
/*行业应用*/
.solution-application {
    position: relative;
  margin-top: 150px;
  padding-bottom: 160px;
  
}
.solution-application .swiper-list {
  overflow: hidden;
  margin-top: 40px;
}
.solution-application .swiper-list .item:hover .image .pr img{
    transform: scale(1.1);
    transition: .5s;
}
.solution-application .swiper-list .item .image{
    overflow: hidden;
}
.solution-application .swiper-list .item .image .pr {
  padding-bottom: 55.16%;
}
.solution-application .swiper-list .item .image .pr img{
    width: 100%; height: 100%; object-fit: cover;transition: .5s;
}

.solution-application .swiper-list .item .info {
  padding: 30px 40px 0 40px;
  min-height: 120px;
  background: #F5F5F5;
  position: relative;
  font-size: 18px;
}
.solution-application .swiper-list .item:hover .info{
   color: #01b2b3;
}

.solution-application .swiper-pagination {
    width: calc(100% - 320px);
    margin-top: 30px;
    display: none;
    left: 0;
}
.solution-application .swiper-pagination-bullet{
    margin: 0 5px;
}
.solution-application .pagination-public .swiper-button-prev, .solution-application .swiper-container-rtl .swiper-button-next{
    top: calc(50% - 50px);
    left: 8%;
}
.solution-application .pagination-public .swiper-button-next, .solution-application .swiper-container-rtl .swiper-button-prev{
    top: calc(50% - 50px);
    right: 8%;
}


@media (max-width:1680px){
    .solution-application{
        margin-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width:1520px){
     .solution-application .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       
        width: 45px;
        height: 45px;
        left: 3%;
    }
    .solution-application .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
         width: 45px;
        height: 45px;
        right: 3%;
    }
}

@media (max-width:1400px){
    .solution-application{
        margin-top: 80px;
        padding-bottom: 100px;
    }
    
}
@media (max-width:1280px){
     .solution-application .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       
        width: 40px;
        height: 40px;
        left: 7%;
    }
    .solution-application .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
         width: 40px;
        height: 40px;
        right: 7%;
    }
    .solution-application .swiper-list .item .info{
        padding: 26px;
        min-height: 82px;
        line-height: 1.3;
        font-size: 14px;
    }
}
@media (max-width:990px){
    .solution-application .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       display: none;
    }
    .solution-application .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
    .solution-application .swiper-pagination {
       
        display: inline-block;
        width: 100%;
    }
}
@media (max-width:480px){
    .solution-application{
        padding-bottom: 50px;
        margin-top: 30px;
    }
    .public-itembtn .item{
        margin-top: 15px;
    }
    .solution-application .swiper-list .item .info{
        padding: 20px;
        min-height: inherit;
    }
    .solution-application .swiper-pagination{
        margin-top: 0;
    }
}





/*相关案例*/
.solution-related-cases {
    position: relative;
  padding: 100px 0;
  background: #F6F6F6;
}
.solution-related-cases .swiper-list {
  overflow: hidden;
  margin-top: 40px;
}
.solution-related-cases .swiper-list .item {
  padding: 56px 40px;
  background-color: #fff;
  display: block;
  background-color: #fff;
}
.solution-related-cases .swiper-list .item .image{
    margin-bottom: 60px;
    text-align: center;
}
.solution-related-cases .swiper-list .item .image img{
     transition: all .5s ease-in-out;
}
.solution-related-cases .swiper-list .item .image .pr {
  /*padding-bottom: 55.16%;*/
  padding-bottom: 80.678%;
}
.solution-related-cases .swiper-list .item .info {
  padding-top: 40px;
  border-top: solid 1px #E5E5E5;
  font-weight: bold;
    font-size: 24px;
    color: #333333;
    text-align: center;
    position: relative;
    line-height: calc(22/24);
    
   
}
.solution-related-cases .swiper-list .item .info:after{
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    content: '';
    height: 1px;
    background-color: #01b2b3;
    transition: all .5s ease-in-out;
}
.solution-related-cases .swiper-pagination{
    position: relative;
    margin-top: 44px;
    display: none;
}
.solution-related-cases .swiper-pagination .swiper-pagination-bullet{
    margin: 0 5px;
}
.solution-related-cases .swiper-list .item:hover .image img{
    transform: scale(1.1);
     transition: all .5s ease-in-out;
}
.solution-related-cases .swiper-list .item:hover .info{
    color: #01b2b3;
}
.solution-related-cases .swiper-list .item:hover .info:after{
    width: 100%;
}
.solution-related-cases .pagination-public .swiper-button-prev, .solution-related-cases .swiper-container-rtl .swiper-button-next{
    left: 9%;
}
.solution-related-cases .pagination-public .swiper-button-next, .solution-related-cases .swiper-container-rtl .swiper-button-prev{
    right: 9%;
}

@media (max-width:1680px) {
  .solution-related-cases .swiper-list .item .info{
      font-size: 20px;
      line-height: inherit;
  }
  

    
}
@media (max-width:1560px) {
  .solution-related-cases .swiper-list .item .info{
      font-size: 20px;
  }
}
@media (max-width:1520px){
    .solution-related-cases .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       
        width: 45px;
        height: 45px;
        left: 3%;
    }
    .solution-related-cases .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
         width: 45px;
        height: 45px;
        right: 3%;
    }
    
}
@media (max-width:1400px) {
  .solution-related-cases .swiper-list .item .info{
      font-size: 18px;
      padding-top: 20px;
  }
}
@media (max-width:1280px) {
    .solution-related-cases .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 40px;
        height: 40px;
        left: 7%;
    }
    .solution-related-cases .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        width: 40px;
        height: 40px;
        right: 7%;
    }
    .solution-related-cases{
            padding: 80px 0;
    }
    .solution-related-cases .swiper-list .item{
        padding: 30px;
    }
   .solution-related-cases .swiper-list .item .info{
        font-size: 16px;
   }
    
}
@media (max-width:990px) {
  .solution-related-cases .swiper-list .item .info{
      font-size: 16px;
  }
  .solution-related-cases .swiper-pagination{
        display: inline-block;
        width: 100%;
    }
    .solution-related-cases .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       display: none;
    }
    .solution-related-cases .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
    .solution-related-cases{
          padding: 60px 0;
    }
}
@media (max-width:768px) {
  
}
@media (max-width:640px) {
  
}
@media (max-width:480px) {
  .solution-related-cases{
      padding: 30px 0;
  }
}




/* 工艺流程 */
.product-process-flow{
    margin-top: 160px;
}
.brand-5 .list .item .item-box .text-box .text-body {
  /*display: inline-flex;*/
   display: grid;
    grid-template-columns: repeat(2,1fr);
    min-height: 360px;
}
.brand-5 .list .item .item-box .text-box .text-body .left-image {
  /*width: 47%;*/
  width: 100%;
}
.brand-5 .list .item .item-box .text-box .text-body .left-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-5 .list .item .item-box .text-box .text-body .right-info {
  /*width: 53%;*/
  width: 100%;
  padding: 30px;
}
.brand-5 .list .item .item-box .text-box .text-body .right-info .fir-title {
  font-size: 34px;
  font-weight: bold;
  color: #00B2B3;
  line-height:1;
}
.brand-5 .list .item .item-box .text-box .text-body .right-info .sec-title {
  font-size: 24px;
  color: #282828;
  margin-top: 20px;
  line-height:1;
}
.brand-5 .list .item .item-box .text-box .text-body .right-info .thir-title {
  font-size: 16px;
  color: #666666;
  margin-top: 40px;
  height: 160px;
  /*overflow-y: scroll;*/
  overflow-y: auto;
  line-height:1.4;
  padding-right: 58px;
}
.brand-5 .list .swiper-pagination{
    display: none;
}

.scroll_y3 {
  overflow-y: scroll;
}
.scroll_y3::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 15px;
  /*高宽分别对应横竖滚动条的尺寸*/
  /*height: 1px;*/
}
.scroll_y3::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
 
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #00B2B3;
}
.scroll_y3::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #EEEEEE;
}






.brand-5 .wrap-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    height: 360px;
    margin-top: 40px;
  }
 

  .brand-5 .wrap-box .wrap-right {
   
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .brand-5 .page-title {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin-top: 0.6rem;
    text-align: center;
    width: 100%;
  }
  .brand-5 .list {
    overflow: visible;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .brand-5 .list .item {
    height: auto;
    padding-top: 0.57rem;
    position: relative;
    border-right-width: 3px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
  }
  .brand-5 .list .item:last-child::before {
    display: none;
  }
  .brand-5 .list .item::before {
    content: '';
    width: 1px;
    height: 125%;
    background: #D3D7DE;
    position: absolute;
    right: 0;
    top: 0;
  }
  .brand-5 .list .item .item-box {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .brand-5 .list .item .item-box .text-box > .title {
    text-align: center;
  }
  .brand-5 .list .item .item-box .text-box .title {
    font-weight: bold;
    color: #E4E4E4;
    line-height: 0.97em;
  }
  .brand-5 .list .item .item-box .text-box .title span {
    display: block;
  }
  .brand-5 .list .item .item-box .text-box .title span:first-child{
        font-size: 36px;
        color: #E1EFEF;
        margin-top: 68px;
        line-height: 1;
  }
  .brand-5 .list .item .item-box .text-box .title span:last-child{
        font-size: 18px;
        color: #282828;
        line-height: 1;
        writing-mode: vertical-lr;
        margin: auto;
         margin-top: 91px;
         letter-spacing: 5px;
         font-weight: 400;
  }
  
  
  .brand-5 .list .item .item-box .text-box .text-body {
    display: none;
    line-height: 2.26;
    color: #000000;
  }
  .brand-5 .list .item .item-box .text-box .text-body .title span {
    display: inline-block;
  }
  .brand-5 .list .item .item-box .text-box .text-body ul {
    max-height: calc(13em*2.26);
    overflow: auto;
    padding-right: 10px;
    margin-top: 0.3rem;
  }
  .brand-5 .list .item.active,
  .brand-5 .list .item:hover {
    flex: 1 1 45.7%;
    padding-top: 0.58rem;
    padding-right: 0.54rem;
    padding-left: 0.51rem;
    /*transition: all 0.5s ease-in-out;*/
  }
  .brand-5 .list .item.active::before,
  .brand-5 .list .item:hover::before {
    /*width: 3px;*/
    /*background: linear-gradient(180deg, #222222 0%, rgba(34, 34, 34, 0) 100%);*/
  }
  .brand-5 .list .item.active .item-box .text-box,
  .brand-5 .list .item:hover .item-box .text-box {
    opacity: 1;
    -webkit-animation: fadeInRight 0.8s both;
    animation: fadeInRight 0.8s both;
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .brand-5 .list .item.active .item-box .text-box > .title,
  .brand-5 .list .item:hover .item-box .text-box > .title {
    display: none;
  }
  .brand-5 .list .item.active .item-box .text-box .title,
  .brand-5 .list .item:hover .item-box .text-box .title {
    color: #000000;
  }
  .brand-5 .list .item.active .item-box .text-box .text-body,
  .brand-5 .list .item:hover .item-box .text-box .text-body {
    display: inline-flex;
  }

@media (max-width:1680px){
    .product-process-flow{
        margin-top: 120px;
    }
}


@media (max-width:1580px){
    .product-process-flow{
        margin-top: 100px;
    }
    .brand-5 .wrap-box{
        height: 340px;
    }
    .brand-5 .list .item .item-box .text-box .title span:first-child{
        font-size: 34px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .sec-title{
        font-size: 20px;
    }
    
    .brand-5 .list .item .item-box .text-box .text-body .right-info .thir-title {
        font-size: 15px;
       padding-right: 20px;
       margin-top: 20px;
    }
    .brand-5 .list .item .item-box .text-box .title span:last-child {
       
        margin-top: 80px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .fir-title{
        font-size: 30px;
    }
}
@media (max-width:1440px){
    .brand-5 .wrap-box{
        height: 320px;
    }
    .product-process-flow{
        margin-top: 80px;
    }
}

@media (max-width:1280px){
    .brand-5 .wrap-box{
        margin-top: 20px;
    }
    .brand-5 .list .item .item-box .text-box .text-body{
        height: 244px;
        min-height: inherit;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .fir-title{
        font-size: 24px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .sec-title{
        font-size: 18px;
        margin-top: 14px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info{
        padding: 15px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .thir-title{
        font-size: 13px;
    }
    .brand-5 .list .item .item-box .text-box .title span:first-child{
        font-size: 24px;
        margin-top: 35px;
        
    }
    .brand-5 .list .item .item-box .text-box .title span:last-child{
        letter-spacing: 1px;
        font-size: 14px;
    }
    .brand-5 .list .item::before{
        height: 82%;
    }
    
}

@media (max-width:1200px){
    .brand-5 .wrap-box{
        height: 300px;
    }
    .product-process-flow{
        margin-top: 60px;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info{
        padding: 20px;
    }
}
@media (max-width:900px){
    .brand-5 .list .item .item-box .text-box .text-body .right-info{
        padding: 15px;
    }
}
@media (max-width:768px){
    .brand-5 .wrap-box{
        height: inherit;
        min-height: 300px;
    }
    
    .brand-5 .list .swiper-wrapper{
       
    }
    
    .brand-5 .wrap-box .wrap-right{
        
    }
    .brand-5 .list .item{
        flex: none;
    }
    .brand-5 .list .item .item-box .text-box .title{
        display: none;
    }
    .brand-5 .list .item .item-box .text-center{
        width: 100%;
        height: 100%;
    }
    .brand-5 .list .item .item-box .text-center .text-box{
        width: 100%;
        height: 100%;
    }
    .brand-5 .list .item.active .item-box .text-box .text-body, .brand-5 .list .item:hover .item-box .text-box .text-body{
        display: inline-flex;
    }
    .brand-5 .list .item.active, .brand-5 .list .item:hover{
        flex: none;
        padding: 0;
    }
    .brand-5 .list .item .item-box .text-box .text-body{
        display: inline-flex;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info .thir-title{
        overflow-y: inherit;
    }
    .brand-5 .list .item .item-box .text-box .text-body .right-info{
        padding: 10px;
    }
    .brand-5 .list .swiper-pagination{
        position: absolute;
        bottom: 0;
        display: inline-block;
    }
    
    
}
@media (max-width:480px){
    .brand-5 .list .item .item-box .text-box .text-body{
        display: inline-block;
        width: 100%;
        position: relative;
        height: 100%;
    }
    .brand-5 .list .item.active .item-box .text-box .text-body, .brand-5 .list .item:hover .item-box .text-box .text-body{
        display: inline-block;
        width: 100%;
        position: relative;
        height: 100%;
    }
    .brand-5 .list .item .item-box .text-box .text-body .left-image{
        height: 45%;
    }
    .brand-5 .list .item::before{
        height: 0;
    }
    .brand-5 .wrap-box{
        min-height: 380px;
    }
}




/*工程图片*/
.solution-engineering-images{
    padding: 160px 0;
}
.solution-engineering-images .swiper-list {
    margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.solution-engineering-images .swiper-list .item{
    overflow: hidden;
    height: 259px;
}

.solution-engineering-images .swiper-list .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}
.solution-engineering-images .swiper-list .item:hover img{
    transform: scale(1.05);
    transition: all .5s ease-in-out;
}


@media (max-width:1680px){
    .solution-engineering-images{
        padding: 100px 0;
    }
    .solution-engineering-images .swiper-list .item{
        height: 230px;
    }
}
@media (max-width:1560px){
    .solution-engineering-images{
        padding: 80px 0;
    }
    .solution-engineering-images .swiper-list{
        gap: 26px;
    }
    .solution-engineering-images .swiper-list .item{
        height: 210px;
    }
}
@media (max-width:1440px){
    .solution-engineering-images{
        padding: 70px 0;
    }
    .solution-engineering-images .swiper-list{
        gap: 20px;
    }
    .solution-engineering-images .swiper-list .item{
        height: 200px;
    }
}
@media (max-width:1200px){
    .solution-engineering-images{
        padding: 60px 0;
    }
    .solution-engineering-images .swiper-list{
        gap: 18px;
    }
    .solution-engineering-images .swiper-list .item{
        height: 190px;
    }
}
@media (max-width:900px){
    .solution-engineering-images{
        padding: 50px 0;
    }
    .solution-engineering-images .swiper-list{
        gap: 16px;
    }
    .solution-engineering-images .swiper-list .item{
        height: 180px;
    }
}
@media (max-width:768px){
    .solution-engineering-images{
        padding: 40px 0;
    }
    .solution-engineering-images .swiper-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .solution-engineering-images .swiper-list .item{
        height: 170px;
    }
}
@media (max-width:480px){
    .solution-engineering-images{
        padding: 30px 0;
    }
    .solution-engineering-images .swiper-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .solution-engineering-images .swiper-list .item{
        height: 160px;
    }
}
/*解决方案详情--结束*/




/*供应商自荐--开始*/

.supplier-self-recommendation {
  background: #F5F5F5;
  padding: 100px 0;
}
.supplier-self-recommendation .supplier-wrap {
  background-color: #fff;
  padding: 60px;
}
.supplier-self-recommendation .supplier-wrap .title {
  font-size: 24px;
  font-weight: bold;
}
.supplier-self-recommendation .supplier-wrap .info {
  font-size: 18px;
  
}
.supplier-self-recommendation .supplier-wrap .info p{
    color: #666666;
    text-indent: 40px;
    margin-top: 40px;
}

.supplier-self-recommendation .supplier-wrap .apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 100px;
  color: #666666;
}
.supplier-self-recommendation .supplier-wrap .apply .a_right {
  padding: 20px 38px;
  background: #00B2B2;
  color: #ffffff;
  cursor: pointer;
  font-weight: 700;
}

@media (max-width:1560px){
    .supplier-self-recommendation .supplier-wrap .apply .a_right{
            padding: 16px 35px;
    }
    .supplier-self-recommendation{
        padding: 80px 0;
    }
}

@media (max-width:1400px){
    .supplier-self-recommendation{
        padding: 60px 0;
    }
    .supplier-self-recommendation .supplier-wrap .apply .a_right{
            padding: 14px 30px;
    }
    .supplier-self-recommendation .supplier-wrap .title{
        font-size: 22px;
    }
    .supplier-self-recommendation .supplier-wrap .info{
        font-size: 16px;
    }
    .supplier-self-recommendation .supplier-wrap .apply{
        margin-top: 70px;
    }
}
@media (max-width:1280px){
    .supplier-self-recommendation .supplier-wrap .title{
        font-size: 16px;
    }
    .supplier-self-recommendation .supplier-wrap .info{
        font-size: 14px;
    }
    .supplier-self-recommendation .supplier-wrap .apply .a_right{
        font-size: 13px;
        padding: 12px 22px;
    }
    .supplier-self-recommendation .supplier-wrap .info p{
        margin-top: 30px;
    }
   
}

@media (max-width:990px){
    .supplier-self-recommendation{
        padding: 50px 0;
    }
    .supplier-self-recommendation .supplier-wrap .apply .a_right{
            padding: 10px 26px;
    }
    .supplier-self-recommendation .supplier-wrap{
        padding: 40px;
    }
   
}
@media (max-width:768px){
    .supplier-self-recommendation{
        padding: 40px 0;
    }
    .supplier-self-recommendation .supplier-wrap .apply{
        display: inline-block;
        width: 100%;
    }
    .supplier-self-recommendation .supplier-wrap .apply .a_right{
        width: fit-content;
        margin-top: 20px;
    }
    .supplier-self-recommendation .supplier-wrap .info p{
        margin-top: 20px;
    }
   
}

@media (max-width:480px){
    .supplier-self-recommendation .supplier-wrap{
        padding: 20px;
    }
    .supplier-self-recommendation .supplier-wrap .info{
        margin-top: 20px;
        font-size: 15px;
    }
    .supplier-self-recommendation .supplier-wrap .apply{
        margin-top: 20px;
    }
    
   
}
/*供应商自荐--弹窗*/
.certificate-alertwindow {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  display: none;
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  align-item: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.certificate-alertwindow .model {
  position: relative;
  background-color: #FFF;
  /*width: 43.125%;*/
  width: 828px;
  max-width: 1200px;
  margin: auto;
  /*top: 240px;*/
  /*top: 25%;*/
}
.certificate-alertwindow .closewindow {
  padding: 20px 40px;
  border-bottom: solid 1px #E9ECEF;
}
.certificate-alertwindow .closewindow img{
    cursor: pointer;
}
.certificate-alertwindow .tablelist {
  padding: 18px 40px 47px ;
}
.certificate-alertwindow .tablelist .title {
  font-size: 24px;
  color: #00B2B3;
}
.certificate-alertwindow .tablelist .itemlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.certificate-alertwindow .tablelist .itemlist .item {
      padding: 20px 0;
    border-bottom: solid 1px #E9ECEF;
    display: inline-flex;
   
    align-items: center;
    line-height: 1;
}
.certificate-alertwindow .tablelist .itemlist .item input {
  font-size: 16px;
  color: #CBCBCB;
}
.certificate-alertwindow .tablelist .apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
}
.certificate-alertwindow .tablelist .apply .a_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
}
.certificate-alertwindow .tablelist .apply .a_left .choose{
    position: relative;
    width: 16px;
    height: 16px;
    min-width: 16px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #00B2B3;
}
.certificate-alertwindow .tablelist .apply .a_left .choose img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.certificate-alertwindow .tablelist .apply .a_left .choose .active{
    display: none;
}
.certificate-alertwindow .tablelist .apply .a_right {
  padding: 15px 52px;
  background: #00B2B2;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
  line-height: 1;
}


@media (max-width:1560px) {
 
}
@media (max-width:1200px) {
 
}
@media (max-width:990px) {
 .certificate-alertwindow .model{
     width: 90%;
 }
 .certificate-alertwindow .tablelist .title{
     font-size: 22px;
 }
}
@media (max-width:768px) {
 .certificate-alertwindow .tablelist .itemlist{
     grid-template-columns: repeat(1, 1fr);
     gap: 0;
 }
 .certificate-alertwindow .tablelist .title{
     font-size: 20px;
 }
 .certificate-alertwindow .tablelist .itemlist .item,.certificate-alertwindow .tablelist .itemlist .item input{
     font-size: 14px;
 }
}

@media (max-width:768px) {
    .certificate-alertwindow .tablelist .apply .a_right{
        padding: 10px 45px;
    }
}

@media (max-width:480px) {
    .certificate-alertwindow .tablelist .apply{
        display: inline-block;
        width: 100%;
    }
    .certificate-alertwindow .tablelist .apply .a_left{
        justify-content: start;
    }
    .certificate-alertwindow .tablelist .apply .a_right{
        text-align: center;
        margin-top: 20px;
    }
    .certificate-alertwindow .model{
        margin-top: 20%;
        top: inherit;
    }
}
/*供应商自荐--结束*/

/* 研发创新--开始 */

.rd-nav-wrap {
  width: 100%;
  height: 62px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.rd-nav-wrap .navlist {
    display: flex;
    font-size: 14px;
    color: #888888;
}
.rd-nav-wrap .navlist .home {
  border-left: 1px solid #EEEEEE;
  width: 62px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rd-nav-wrap .navlist .item {
  position: relative;
    border-left: 1px solid #EEEEEE;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    cursor: pointer;
    gap: 17px;
    /*width: 19.7%;*/
    width: 21%;
    font-size: 14px;
    line-height: 1.3;
}

.rd-nav-wrap .navlist .item:last-child{
     border-right: 1px solid #EEEEEE;
}
.rd-nav-wrap .navlist .item span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rd-nav-wrap .navlist .item .panelcontent{
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 2;
    padding: 0 40px;
    color: #666666;
    opacity: 0;
    font-size: 14px;
    transition:all .5s ease-in-out;
}
.rd-nav-wrap .navlist .item:hover .panelcontent{
    opacity: 1;
    transition:all .5s ease-in-out;
    top: 61px;
    background-color: #f8f8f8;
}
.rd-nav-wrap .navlist .item .panelcontent p{
    padding: 15px 0;
    border-bottom: 1px solid #EEEEEE;
}
.rd-nav-wrap .navlist .item .panelcontent p a{
    color: #888888;
}
.rd-nav-wrap .navlist .item .panelcontent p:last-child{
    border-bottom: none;
}
.rd-nav-wrap .navlist .item .f5{
    background: #f5f5f5;
}
.rd-innovation-wrap {
  margin-top: 200px;
}
.rd-innovation-wrap .sdw-top {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-box-align: start;*/
  /*-ms-flex-align: start;*/
  /*-webkit-align-items: flex-start;*/
  /*align-items: flex-start;*/
  /*-webkit-box-pack: justify;*/
  /*-ms-flex-pack: justify;*/
  /*-webkit-justify-content: space-between;*/
  /*justify-content: space-between;*/
  display: inline-block;
    width: 100%;
  /*column-gap: 80px ;*/
}
.rd-innovation-wrap .sdw-top .left {
  /*width: 40%;*/
  width: 50%;
  font-weight: bold;
  font-size: 48px;
  color: #333333;
  line-height: 1.1;
}

.font40{
    font-size: 36px !important;
}
.fw-600{
    font-weight: 600 !important;
}

@media (max-width:1560px){
    .font40{
        font-size: 32px !important;
    }
}
@media (max-width:1400px){
        .font40{
        font-size: 30px !important;
    }
}
@media (max-width:1280px){
    .font40{
        font-size: 26px !important;
    }
}
@media (max-width:990px){
    .font40{
        font-size: 22px !important;
    }
}



.rd-innovation-wrap .sdw-top .right {
  font-size: 18px;
  color: #666666;
  /*width: 56%;*/
  width: 100%;
  margin-top: 30px;
  /*padding-left: 80px;*/
}
.rd-innovation-wrap .sdw-top .right .title {
  font-size: 26px;
  color: #282828;
}
.rd-innovation-wrap .sdw-top .right .info {
  margin-top: 60px;
  font-size: 16px;
  color: #666666;
}
.rd-innovation-wrap .sdw-top .right .info p {
  margin-bottom: 30px;
  line-height: 1.4;
}


@media (max-width:1280px){
    .rd-nav-wrap{
        height: 40px;
    }
    .rd-nav-wrap .navlist .home{
         height: 40px;
         width: 40px;
    }
    .rd-nav-wrap .navlist .home img{
        
         width: 10px;
    }
    .rd-nav-wrap .navlist .item:hover .panelcontent{
        top: 40px;
    }
    .rd-nav-wrap .navlist .item .panelcontent p{
        padding: 10px 0;
    }
}
@media (max-width:640px){
    .rd-nav-wrap{
        height: inherit;
    }
    .rd-nav-wrap .navlist{
        display: inline-block;
        width: 100%;
    }
    
    .rd-innovation-wrap .sdw-top .left{
        line-height:inherit;
    }
    
}


/*研发数据*/

.research-and-development{
    position: relative;
    margin-top: 70px;
}
.research-and-development .imagebg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.research-and-development .imagebg img{
    width: 100%; height: 100%; object-fit: cover;
}
.research-and-development .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 30px;
  position: relative;
  color: #FFFFFF;
  padding:247.76px 0;
}
.research-and-development .content .item{
    flex: 1;
    cursor: pointer;
}
.research-and-development .content .item .i-top {
    position: relative;
  padding: 20px 0;
  line-height: 1;
}
.research-and-development .content .item .i-top .count,.research-and-development .content .item .i-top .percent {
  font-size: 72px;
}
.research-and-development .content .item .i-top .add {
  font-weight: bold;
    font-size: 27px;
    position: absolute;
    height: 75%;
    display: inline-flex;
    align-items: center;
}
.research-and-development .content .item .i-bottom {
    position: relative;
  padding: 20px 0;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  font-weight: bold;
  font-size: 18px;
}
.research-and-development .content .item .i-bottom:before{
    position: absolute;
    content:'';
    top: -1px;
    width: 0;
    height: 100%;
    height: 2px;
    background: #00B2B2;
    transition: all .5s;
}

.research-and-development .content .item:hover .i-bottom:before{
    width: 100%;
    transition: all .5s;
}

/*智能制造*/
.intelligent-manufacturing {
  /*margin-top: 160px;*/
  margin-top: 50px;
}
.intelligent-manufacturing .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background-color: var(--bg-green);
}
.intelligent-manufacturing .wrap-box .wrap-left {
  width: 50%;
  position: relative;
  overflow: hidden;
}
.intelligent-manufacturing .wrap-box .wrap-left .about-history-swiper {
  
  overflow: visible;
  z-index: 9;
   max-height: 450px;
}
.intelligent-manufacturing .wrap-box .wrap-left .item-box {
  display: block;
  height: 100%;
  position: relative;
}
.intelligent-manufacturing .wrap-box .wrap-left .item-box .public-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.intelligent-manufacturing .wrap-box .wrap-left .item-box .public-img img {
  
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intelligent-manufacturing .wrap-box .wrap-left .item-box .text-box {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.intelligent-manufacturing .wrap-box .wrap-left .item-box .text-box .title {
  position: relative;
  color: #666666;
  padding-left: 27px;
}
.intelligent-manufacturing .wrap-box .wrap-left .swiper-pagination {
  display: inline-flex;
  width: 100%;
  margin-bottom: 18px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.intelligent-manufacturing .wrap-box .wrap-left .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  opacity: 0.3;
}
.intelligent-manufacturing .wrap-box .wrap-left .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 18px;
  height: 18px;
  background: url("../images/pagination-point.png") no-repeat;
}
.intelligent-manufacturing .wrap-box .wrap-right {
  width: 50%;
  padding-left: 80px;
  
  
}
.intelligent-manufacturing .wrap-box .wrap-right .fir-title {
  font-weight: bold;
  font-size: 48px;
  color: #333333;
  line-height: 1.1;
}
.intelligent-manufacturing .wrap-box .wrap-right .sec-title {
  font-size: 24px;
  color: #282828;
  margin-top: 20px;
}
.intelligent-manufacturing .wrap-box .wrap-right .third-title {
  font-size: 16px;
  color: #666666;
  margin-top: 40px;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul {
  margin-top: 40px;
}

.intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
  margin-top: 314px;
}





.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li {
  cursor: pointer;
  padding: 15px 0;
  border-top: solid 1px #DEE6E6;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .public-img {
  max-width: 555px;
  border-radius: 50%;
  display: none;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    line-height: 1;
  align-items: center;
  
  
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .title {
font-size: 20px;
    color: #282828;
    font-weight: 700;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .icon {
     position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    transform: rotate(-90deg);
    transition: 0.5s;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .icon img {
      transform: rotate(-90deg);
    filter: brightness(0) invert(0);
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .rotated {
  transform: rotate(180deg);
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .bom {
  display: none;
  line-height: 1.2;
    margin-top: 18px;
    font-size: 14px;
    color: #666666;
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li:last-child {
  border-bottom: none;
}



.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul .active .top .icon {
  background: #00B2B2;
 
}
.intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul .active .top .icon img{
    filter: brightness(0) invert(1);
     transform: rotate(90deg);
}


.intelligent-manufacturing .itembtn{
    display:grid;
    grid-template-columns: repeat(6,1fr);
    gap: 20px;
    text-align: center;
    margin-top: 3rem;
}

.intelligent-manufacturing .itembtn .item{
    padding: 20px;
    background-color: #F9F9FA;
    color: #333;
    cursor: pointer;
}
.intelligent-manufacturing .itembtn .active{
    background-color: #339DAB;
    color: #fff;
}

@media (max-width:480px){
    grid-template-columns: repeat(2,1fr);
}



.solution-company-wrap{
    
}

.solution-company-wrap .itemlist{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 40px;
}
.solution-company-wrap .itemlist .item{
    display: inline-flex;width: 100%;
    align-items: center;
}
.solution-company-wrap .itemlist .item .point{
    display: inline-block;
    width: 7px;
    min-width: 7px;
    height: 7px;
    background: #00B2B2;
    border-radius: 50%;
    margin-right: 12px;
}

.solution-company-wrap .itemlist .item .info{
    
}




.swiper-container-fade .swiper-slide{
    background-color: #fff;
}
/* 品控体系 */

.quality-control-system {
  margin: 160px 0;
}
.quality-control-system .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  
}
.quality-control-system .wrap-box .wrap-left {
  width: 50%;
  padding-right: 80px;
}
.quality-control-system .wrap-box .wrap-left .fir-title {
  font-weight: bold;
  font-size: 48px;
  color: #333333;
  line-height: 1.1;
}
.quality-control-system .wrap-box .wrap-left .sec-title {
  font-size: 24px;
  color: #282828;
  margin-top: 20px;
}
.quality-control-system .wrap-box .wrap-left .third-title {
  font-size: 16px;
  color: #666666;
  margin-top: 40px;
}
.quality-control-system .wrap-box .wrap-left .tab-ul {
  margin-top: 40px;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li {
  cursor: pointer;
  border-bottom: solid 1px #DEE6E6;
  padding: 15px 0;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li:first-child{
    border-top: solid 1px #DEE6E6;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .public-img {
  max-width: 555px;
  border-radius: 50%;
  display: none;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top {
      display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1;
    align-items: center;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .title {
      font-size: 20px;
    color: #282828;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .icon {
      position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    transform: rotate(-90deg);
    transition: 0.5s;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .icon img {
  transform: rotate(-90deg);
    filter: brightness(0) invert(0);
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .rotated {
  transform: rotate(180deg);
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li .bom {
  display: none;
      line-height: 1.2;
    margin-top: 18px;
    font-size: 14px;
    color: #666666;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul li:last-child {
  border-bottom: none;
}

.quality-control-system .wrap-box .wrap-left .tab-ul ul .active .top .icon {
 background: #00B2B2;
}
.quality-control-system .wrap-box .wrap-left .tab-ul ul .active .top .icon img{
  filter: brightness(0) invert(1);
    transform: rotate(90deg);
}


.quality-control-system .wrap-box .wrap-right {
  width: 50%;
  position: relative;
}
.quality-control-system .wrap-box .wrap-right .about-history-swiper {
 
  overflow: hidden;
  z-index: 9;
 
}
.quality-control-system .wrap-box .wrap-right .item-box {
  display: block;
  height: 100%;
  position: relative;
}
.quality-control-system .wrap-box .wrap-right .item-box .public-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.quality-control-system .wrap-box .wrap-right .item-box .public-img img {
  
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quality-control-system .wrap-box .wrap-right .item-box .text-box {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.quality-control-system .wrap-box .wrap-right .item-box .text-box .title {
  position: relative;
  color: #666666;
  padding-left: 27px;
}
.quality-control-system .wrap-box .wrap-right .swiper-pagination {
  display: inline-flex;
  width: 100%;
  margin-bottom: 18px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.quality-control-system .wrap-box .wrap-right .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  opacity: 0.3;
}
.quality-control-system .wrap-box .wrap-right .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 18px;
  height: 18px;
  background: url("../images/pagination-point.png") no-repeat;
}


@media (max-width:1680px){
    .rd-innovation-wrap {
        margin-top: 100px;
    }
    .rd-innovation-wrap .sdw-top .left {
        font-size: 46px;
    }
    .rd-innovation-wrap .sdw-top{
        gap: 60px;
    }
    .research-and-development .content{
        padding: 250px 0;
    }
    .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent{
        font-size: 68px;
    }
    .intelligent-manufacturing {
        margin-top: 100px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .fir-title {
        font-size: 46px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .sec-title{
        line-height: 1.4;
        font-size: 22px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .third-title {
        margin-top: 20px;
        line-height: 1.4;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .tab-ul {
        margin-top: 20px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .title {
        font-size: 18px;
       
    }
    .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li {
        padding: 12px 0;
    }
    .quality-control-system {
        margin: 100px 0;
    }
    .quality-control-system .wrap-box .wrap-left .fir-title{
        font-size: 46px;
    }
    .quality-control-system .wrap-box .wrap-left .sec-title {
        font-size: 22px;
        line-height: 1.4;
       
    }
    .quality-control-system .wrap-box .wrap-left .third-title{
        margin-top: 20px;
    }
    
    .quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .title{
        font-size: 18px;
    }
            
}
@media (max-width:1400px){
   
    .rd-innovation-wrap .sdw-top .left {
        font-size: 40px;
    }
    .rd-innovation-wrap .sdw-top .right .info{
        margin-top: 20px;
    }
    .rd-innovation-wrap .sdw-top .right .info p{
        margin-bottom: 20px;
    }
    .research-and-development {

        margin-top: 50px;
    }
    .research-and-development .content {
        padding: 220px 0;
    }
    .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent {
        font-size: 62px;
    }
    .intelligent-manufacturing {
        margin-top: 60px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .fir-title {
        font-size: 42px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .sec-title {
       
        font-size: 20px;
    }
    
    .intelligent-manufacturing .wrap-box .wrap-right {
      
        padding-left: 50px;
    }
    .quality-control-system .wrap-box .wrap-left{
            padding-right: 50px;
    }
    .quality-control-system .wrap-box .wrap-left .fir-title {
        font-size: 42px;
    }
    .quality-control-system .wrap-box .wrap-left .sec-title {
        font-size: 20px;
       
    }
   
    
}

@media (max-width:1280px){
     .rd-innovation-wrap .sdw-top .left {
        font-size: 30px;
    }
    .rd-innovation-wrap .sdw-top .right .title{
        font-size: 19px;
    }
    .rd-innovation-wrap .sdw-top .right .info p{
        font-size: 16px;
    }
     .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent {
        font-size: 45px;
    }
    .research-and-development .content .item .i-bottom{
        font-size: 15px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .fir-title,.quality-control-system .wrap-box .wrap-left .fir-title{
        font-size: 32px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .sec-title{
        font-size: 17px;
        margin-top: 10px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .third-title{
        font-size: 14px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .icon,.quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .icon{
        width: 25px;
        height: 25px;
        padding: 9px;
    }
      .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .top .title{
        font-size: 15px;
      }
      .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .bom{
          margin-top: 8px;
      }
      .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .bom{
          font-size: 13px;
      }
      .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li{
                  padding: 8px 0;
      }
      .quality-control-system .wrap-box .wrap-left .sec-title{
          font-size: 17px;
      }
      .quality-control-system .wrap-box .wrap-left .third-title{
           font-size: 14px;
      }
      .quality-control-system .wrap-box .wrap-left .tab-ul ul li .top .title{
          font-size: 15px;
      }
      .quality-control-system .wrap-box .wrap-left .tab-ul ul li{
          padding: 8px 0;
      }
    
}


@media (max-width:1200px){
    
   
    .rd-innovation-wrap .sdw-top {
        gap: 0px;
    }
    .rd-innovation-wrap .sdw-top .left{
        width: 30%;
    }
    .rd-innovation-wrap .sdw-top .right{
        width: 70%;
    }
    .research-and-development .content {
        padding: 150px 0;
    }
    
    
        .intelligent-manufacturing .wrap-box .wrap-right .sec-title {
        font-size: 18px;
    }
        .quality-control-system {
        margin: 60px 0;
    }
    .quality-control-system .wrap-box .wrap-left .fir-title {
        font-size: 34px;
    }
    .quality-control-system .wrap-box .wrap-left .sec-title {
        font-size: 18px;
    }
}
@media (max-width:990px){
    .rd-innovation-wrap .sdw-top .left {
        font-size: 28px;
    }
    .rd-innovation-wrap .sdw-top .left {
        width: 25%;
    }
        .rd-innovation-wrap .sdw-top .right {
        width: 75%;
    }
        .research-and-development .content {
        padding: 120px 0;
    }
    
        .intelligent-manufacturing .wrap-box .wrap-right .fir-title {
        font-size: 28px;
    }
        .intelligent-manufacturing .wrap-box .wrap-right .sec-title {
        font-size: 16px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right .tab-ul ul li .bom{
        margin-top: 8px;
    }
    .quality-control-system .wrap-box .wrap-left .fir-title {
        font-size: 28px;
    }
        .quality-control-system .wrap-box .wrap-left .sec-title {
        font-size: 16px;
    }
    .intelligent-manufacturing .wrap-box .wrap-right{
        padding-left: 30px;
    }
    .quality-control-system .wrap-box .wrap-left{
        padding-right: 30px;
    }
}
@media (max-width:768px){
    .rd-innovation-wrap .sdw-top{
        display: inline-block;
    }
    .rd-innovation-wrap .sdw-top .left {
        width: 100%;
    }
    .rd-innovation-wrap .sdw-top .right {
        width: 100%;
        margin-top: 40px;
    }
    .intelligent-manufacturing .wrap-box,.quality-control-system .wrap-box{
        display: inline-block;
    }
    .intelligent-manufacturing .wrap-box .wrap-left,.quality-control-system .wrap-box .wrap-left{
        width: 100%;
        padding-right: 0;
    }
    .intelligent-manufacturing .wrap-box .wrap-right,.quality-control-system .wrap-box .wrap-right{
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
    }
    .research-and-development .content{
        display: inline-block;
        width: 100%;
    }
        .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent {
        font-size: 46px;
    }
    .research-and-development .content .item .i-top{
        line-height: 1;
    }
        .research-and-development .content {
        padding: 80px 0;
    }
        .rd-nav-wrap .navlist .item {
        width: 28%;
    }
    .rd-nav-wrap .navlist .item,.rd-nav-wrap .navlist .item .panelcontent{
        padding: 0 20px;
    }
    .rd-innovation-wrap .sdw-top .right .title{
        line-height: 1.4;
        font-size: 20px;
    }
    
}
@media (max-width:640px){
    .rd-innovation-wrap{
        margin-top: 30px;
    }
     .rd-innovation-wrap .sdw-top .right{
         margin-top: 0;
     }
    .research-and-development .content {
        padding: 50px 0;
    }
    .research-and-development .content .item .i-bottom {
        padding: 10px 0;
        font-size: 16px;
    }
  
    .research-and-development .content {
        padding: 30px 0;
    }
    
    
    
}
@media (max-width:480px){
        .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent {
        font-size: 28px;
    }
    .research-and-development .content .item .i-top {
        position: relative;
        padding: 10px 0;
    }
        .intelligent-manufacturing .wrap-box .wrap-right .fir-title {
        font-size: 24px;
    }
        .quality-control-system .wrap-box .wrap-left .fir-title {
        font-size: 24px;
    }
    .research-and-development .content .item .i-top .count, .research-and-development .content .item .i-top .percent {
        font-size: 38px;
    }
    .intelligent-manufacturing .wrap-box .wrap-left, .quality-control-system .wrap-box .wrap-left{
        /*position: absolute;*/
        /*padding-top: 600px;*/
    }
}
/* 研发创新--结束 */

@media (max-width:1680px){
    .intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
      margin-top: 240px;
    }
}

@media (max-width:1580px){
    .intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
      margin-top: 180px;
    }
}
@media (max-width:1400px){
    .intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
      margin-top: 70px;
    }
}
@media (max-width:1280px){
    .intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
      margin-top: 68px;
    }
}
@media (max-width:990px){
    .intelligent-manufacturing .wrap-box .wrap-right .tab-bottom{
      margin-top: 60px;
    }
}



/*服务支持-技术视频--开始*/


/* 技术视频*/

.technical-video-wrap {
  margin-top: 140px;
  position: relative;
}
.technical-video-wrap .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
 
}
.technical-video-wrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technical-video-wrap .content {
  position: relative;
  padding: 245px 0;
  
}
.technical-video-wrap .content .clickbtn {
  text-align: center;
}
.technical-video-wrap .content .play_a{
    width: 170px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-top: 85px;
    margin: auto;
}

.technical-video-wrap .content .info {
  position: absolute;
    bottom: 40px;
    color: #fff;
    left: 40px;
    
    
}
.technical-video-wrap .content .info .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}
.technical-video-wrap .content .info .time {
  font-size: 16px;
  margin-top: 17px;
  line-height: 1;
}





/* 技术视频 -列表*/
.technical-video-wrap-list{
  margin: 80px 0 140px 0;
  
}
.technical-video-wrap-list .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.technical-video-wrap-list .search-box .result {
  font-size: 16px;
  color: #333333;
}
.technical-video-wrap-list .search-box .search-input {
  width: 24.375%;
  height: 60px;
  position: relative;
}
.technical-video-wrap-list .search-box .search-input input {
  width: 100%;
  height: 100%;
  border: 1px solid #E5E5E5;
  text-indent: 20px;
}
.technical-video-wrap-list .search-box .search-input .search-icon {
  position: absolute;
      
    right: 22px;
    top: 36%;
}


.technical-video-wrap-list .itemlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 23px;
}
.technical-video-wrap-list .itemlist .item{
  margin-top: 23px;
  background-color: #F4F5F7;
}
.technical-video-wrap-list .itemlist .item:hover .i-top img{
  transform: scale(1.1);
  transition: 0.5s;
}
.technical-video-wrap-list .itemlist .item .i-top{
  overflow: hidden;
  max-height: 300px;
}
.technical-video-wrap-list .itemlist .item .i-top img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
.technical-video-wrap-list .itemlist .item .i-bottom {
padding: 29px 40px 29px 40px;

cursor: pointer;
}
.technical-video-wrap-list .itemlist .item .i-bottom .fir-title {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 1.2;
}
.technical-video-wrap-list .itemlist .item .i-bottom .sec-title {
font-size: 16px;
color: #333333;
margin-top: 40px;
}
.technical-video-wrap-list .itemlist .item .i-bottom .circle {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 78px;
}
.technical-video-wrap-list .itemlist .item .i-bottom .circle .time{
    font-size: 16px;
color: #A8B5B5;
}
.technical-video-wrap-list .itemlist .item .i-bottom .circle img {

}

@media (max-width:1560px) {
    .technical-video-wrap{
        margin-top: 100px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom{
        padding: 30px;
        font-size: 22px;
    }
    .technical-video-wrap-list .search-box .search-input{
        height: 55px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 22px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
        margin-top: 60px;
    }
}
@media (max-width:1400px) {
    .technical-video-wrap-list .search-box .search-input{
        height: 55px;
    }
    .technical-video-wrap{
        margin-top: 80px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom{
        padding: 28px;
        font-size: 20px;
    }
    .technical-video-wrap-list .search-box .search-input{
        height: 50px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 20px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
        margin-top: 50px;
    }
    .technical-video-wrap .content{
        padding: 195px 3%;
    }
    .technical-video-wrap .content .info .title{
        font-size: 22px;
        line-height: 1.3;
    }
    .technical-video-wrap .content .play_a{
        width: 80px;
        height: 80px;
    }
}
@media (max-width:1280px) {
    .technical-video-wrap .content .play_a{
        width: 50px;
        height: 50px;
    }
    .technical-video-wrap .content .info .title{
        font-size: 16px;
  
    }
     .technical-video-wrap .content .info .time{
        font-size: 12px;
        margin-top: 10px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 17px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle .time{
        font-size: 12px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
        margin-top: 30px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle a{
        width:20px ;
        height: 20px;
    }
}
@media (max-width:1200px) {
    .technical-video-wrap-list .search-box .search-input{
        height: 48px;
    }
    .technical-video-wrap-list .search-box .search-input{
        height: 50px;
    }
    .technical-video-wrap{
        margin-top: 60px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom{
        padding: 25px;
        font-size: 18px;
    }
    .technical-video-wrap-list .search-box .search-input{
        height: 48px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 18px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
        margin-top: 40px;
    }
    .technical-video-wrap .content{
        padding: 180px 3%;
    }
    .technical-video-wrap .content .info{
        left: 30px;
    }
   
    
}

@media (max-width:990px) {
    .technical-video-wrap .content .play_a{
        width: 140px;
        height: 140px;
    }

  
  
    .technical-video-wrap-list .itemlist .item .i-bottom{
        padding: 20px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 10px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
       
        margin-top: 20px;
    }
    
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 17px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .sec-title{
        font-size: 14px;
    }
    .technical-video-wrap-list{
      padding: 0px 0 100px 0;
    }
    .technical-video-wrap .content .info .title{
        font-size: 18px;
  
    }
}

@media (max-width:768px) {
    .technical-video-wrap .content{
        padding: 150px 0;
    }
    .technical-video-wrap .content .play_a{
        width: 100px;
        height:100px;
    }
  .solution-wrap .title{
      font-size: 32px;
      margin-top: 0;
  }
  .solution-wrap .content{
      font-size: 15px;
  }
  .technical-video-wrap-list .itemlist{
          grid-template-columns: repeat(2, 1fr);
  }
    .technical-video-wrap-list .itemlist .item .i-bottom{
        padding: 20px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 10px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .circle{
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }
    
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 18px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .sec-title{
        font-size: 14px;
    }
    .technical-video-wrap-list{
      padding: 0px 0 80px 0;
    }
    .technical-video-wrap-list .search-box .search-input{
        width: 35%;
        height: 40px;
    }
    .technical-video-wrap .content .info .title{
        font-size: 16px;
  
    }
    
}
@media (max-width:640px) {
    .technical-video-wrap .content .play_a{
        width: 60px;
        height:60px;
    }
    .technical-video-wrap .content{
        padding: 120px 0;
    }
    .technical-video-wrap .content .info .title{
        font-size: 14px;
    }
    .technical-video-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 16px;
    }
}

@media (max-width:480px) {
  .technical-video-wrap .content .play_a{
               width: 42px;
        height: 42px;
    }
  .technical-video-wrap-list .itemlist{
          grid-template-columns: repeat(1, 1fr);
  }
  .technical-video-wrap-list{
      padding: 0px 0 60px 0;
    }

}




/*服务支持-技术视频--结束*/


/*服务支持-技术文章--开始*/
.technical-article {
  margin-top: 140px;
  
}
.technical-article .tva-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 1;
}
.technical-article .tva-title .title {
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}
.technical-article .tva-title .pagenum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 20px;
}
.technical-article .tva-title .pagenum span {
  display: inline-block;
}
.technical-article .tva-title .pagenum .all {
  display: inline-block;
  color: #D5D5D5;
}
.technical-article .tva-title .pagenum .line {
 
  width: 60px;
  height: 2px;
  background: #A0A0A0;
  opacity: 0.3;
  
}
.technical-article .tva-title .pagenum .paly .stop {
  display: none;
}
.technical-article .tva-list {
 overflow: hidden;
 margin-top: 40px;
}
.technical-article .tva-list .item {
 
  position: relative;
}
.technical-article .tva-list .item .image img{
    width: 100%;
}
.technical-article .tva-list .item .info {
  position: absolute;
  bottom: 40px;
  color: #fff;
  padding:0 40px;
}
.technical-article .tva-list .item .info .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
}
.technical-article .tva-list .item .info .time {
  font-size: 16px;
  margin-top: 17px;
  line-height: 1;
}
/* 技术视频 -列表*/
.technical-article-wrap-list{
  margin: 80px 0 140px 0;
  
}
.technical-article-wrap-list .search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.technical-article-wrap-list .search-box .result {
  font-size: 16px;
  color: #333333;
}
.technical-article-wrap-list .search-box .search-input {
  width: 24.375%;
  height: 60px;
  position: relative;
}
.technical-article-wrap-list .search-box .search-input input {
  width: 100%;
  height: 100%;
  border: 1px solid #E5E5E5;
  text-indent: 20px;
  font-size: 16px;
}
.technical-article-wrap-list .search-box .search-input .search-icon {
  position: absolute;
      
    right: 22px;
    top: 36%;
}


.technical-article-wrap-list .itemlist {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 23px;
margin-top: 20px;
}
.technical-article-wrap-list .itemlist .item{
  margin-bottom: 60px;
  background-color: #F4F5F7;
}
.technical-article-wrap-list .itemlist .item:hover .i-top img{
  transform: scale(1.1);
  transition: 0.5s;
}
.technical-article-wrap-list .itemlist .item .i-top{
  overflow: hidden;
  position: relative;
}
.technical-article-wrap-list .itemlist .item .i-top .pb{
    padding-bottom: 67.1%;
}


.technical-article-wrap-list .itemlist .item .i-top img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
.technical-article-wrap-list .itemlist .item .i-bottom {
padding: 40px 40px 30px 40px;

cursor: pointer;
}
.technical-article-wrap-list .itemlist .item .i-bottom .fir-title {
font-weight: bold;
font-size: 24px;
color: #333333;
}
.technical-article-wrap-list .itemlist .item .i-bottom .sec-title {
font-size: 16px;
color: #666666;
margin-top: 38px;
}
.technical-article-wrap-list .itemlist .item .i-bottom .circle {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.technical-article-wrap-list .itemlist .item .i-bottom .circle .time{
    font-size: 16px;
color: #A8B5B5;
}
.technical-article-wrap-list .itemlist .item .i-bottom .circle img {

}

@media (max-width:1568px) {
    .technical-article{
        margin-top: 100px;
    }
    .technical-article .tva-list .item .info .title{
        font-size: 23px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 22px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 28px;
    }
}

@media (max-width:1400px) {
    .technical-article{
        margin-top: 80px;
    }
    .technical-article-wrap-list .search-box .search-input{
         height: 55px;
    }
    .technical-article .tva-list .item .info .title{
        font-size: 22px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 28px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 20px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 30px;
        font-size: 15px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .circle{
        margin-top: 20px;
    }
    
    
}

@media (max-width:1280px) {
    .technical-article .tva-title .title{
        font-size: 18px;
    }
    .technical-article .tva-list .item .info .title{
        font-size: 16px;
    }
    .technical-article .tva-list .item .info{
        padding: 0 30px;
    }
    .technical-article-wrap-list{
        margin: 40px 0;
    }
     .technical-article-wrap-list .search-box .search-input{
        height: 40px;
    }
    .technical-article-wrap-list .search-box .search-input input{
            text-indent: 15px;
    font-size: 14px;
    }
    .technical-article-wrap-list .search-box .search-input .search-icon{
        right: 18px;
    top: 31%;
    }
    .technical-article-wrap-list .search-box .result{
            font-size: 14px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 17px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .circle .time{
         font-size: 12px;
    }
}

@media (max-width:1200px) {
    .technical-article{
        margin-top: 60px;
    }
    
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 22px;
    }
    
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 20px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        font-size: 14px;
    }
   
}
@media (max-width:990px) {
    .technical-article .tva-list .item .info .title{
        font-size: 18px;
    }
  .solution-wrap .title{
      font-size: 28px;
      margin-top: 0;
  }
  .solution-wrap .content{
      font-size: 16px;
  }
      
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 20px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 10px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .circle{
        width: 38px;
        height: 38px;
        margin-top: 20px;
    }
    
   
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        font-size: 14px;
    }
    .technical-article-wrap-list{
      padding: 0px 0 100px 0;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .circle .time{
         font-size: 14px;
    }
    .technical-article-wrap-list .search-box .search-input{
        height: 45px;
    }
}

@media (max-width:768px) {
    .technical-article .tva-list .item .info .title{
        font-size: 16px;
    }
    .technical-article .tva-list .item .info{
        padding: 0 15px;
    }
    .technical-article-wrap-list .itemlist .item{
        margin-top: 30px;
        margin-bottom: 0px
    }
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 16px;
    }
      .solution-wrap .title{
          font-size: 20px;
          margin-top: 0;
      }
      .solution-wrap .content{
          font-size: 15px;
      }
      .technical-article-wrap-list .itemlist{
              grid-template-columns: repeat(2, 1fr);
      }
    .technical-article-wrap-list .itemlist .item .i-bottom{
        padding: 20px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        margin-top: 10px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .circle{
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }
    
    .technical-article-wrap-list .itemlist .item .i-bottom .fir-title{
        font-size: 16px;
    }
    .technical-article-wrap-list .itemlist .item .i-bottom .sec-title{
        font-size: 14px;
    }
    .technical-article-wrap-list{
      padding:0;
    }
    .technical-article-wrap-list{
        margin: 40px 0;
    }
    .technical-article-wrap-list .search-box .search-input{
        width: 35%;
        height: 40px;
    }
}
@media (max-width:480px) {
  .technical-article .tva-list .item .info .title{
        font-size: 14px;
    }
  .technical-article-wrap-list .itemlist{
          grid-template-columns: repeat(1, 1fr);
  }
  .technical-article-wrap-list{
      padding: 0px 0 60px 0;
    }

}

/*服务支持-技术文章--结束*/


/*服务支持-资料下载--开始*/
.sever-download-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 40px;
  margin: 100px 0 140px 0;
}
.sever-download-wrap .sever-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sever-download-wrap .sever-box .download-left {
  width: 20%;
  background: #F5F5F5;
  padding: 10px 20px;
  min-width: 200px;
}
.sever-download-wrap .sever-box .download-left .product-kind {
  font-weight: bold;
  font-size: 24px;
  color: #282828;
}
.sever-download-wrap .sever-box .download-left ul li {
  padding: 30px 0;
  border-bottom: solid 1px #DCDCDC;
  line-height: 1.1;
  font-size: 18px;
  color: #282828;
  cursor: pointer;
  font-weight: 700;
}
.sever-download-wrap .sever-box .download-left ul .active{
        color: #01B2B3;
}


.sever-download-wrap .sever-box .download-right {
      width: 80%;
    padding-left: 40px;
}
.sever-download-wrap .sever-box .download-right .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
    color: #282828;
    line-height:1.2;
    margin-top: 10px;
}
.sever-download-wrap .sever-box .download-right .time {
    font-size: 16px;
color: #888888;
line-height:1;
margin-top: 10px;
}
.sever-download-wrap .sever-box .download-right .title span {
        position: relative;
    display: inline-block;
    padding-left: 20px;
    line-height: 1;
    min-width: 114px;
    font-weight: bold;
    font-size: 18px;
    color: #282828;
}
.sever-download-wrap .sever-box .download-right .title .active{
    color: #01B2B3;
}
.sever-download-wrap .sever-box .download-right .title span:before {
      position: absolute;
    content: '';
    width: 3px;
    height: 100%;
    background: #01B2B3;
    top: 5%;
    left: -2px;
}
.sever-download-wrap .sever-box .download-right .swiper-box{
    overflow: hidden;
}

.sever-download-wrap .sever-box .download-right .contentlist {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.sever-download-wrap .sever-box .download-right .contentlist .i-top{
    position: relative;
}
.sever-download-wrap .sever-box .download-right .contentlist .i-top .image img{
    width: 100%; height: 100%; object-fit: cover;
}

.sever-download-wrap .sever-box .download-right .contentlist .download{
    position: absolute;
    width: 100%;
    height: 50%;
    top: 25%;
    z-index: 10;
    color: #fff;
    display: grid;
    align-items: center;
    transition: .5s;
}
.sever-download-wrap .sever-box .download-right .contentlist .download p{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sever-download-wrap .sever-box .download-right .contentlist .download a{
    width: fit-content;
    padding: 13px 35px;
    line-height: 1;
    background: #01B2B3;
    font-weight: bold;
    font-size: 14px;
   color: #333;
    background: #EEEEEE;
    transition: .3s ease-in-out;
        border-radius: 30px;
    
}
.sever-download-wrap .sever-box .download-right .contentlist .download a:hover{
    background: #01B2B3;
     color: #FFFFFF;
    transition: .3s ease-in-out;
}
@media (max-width:1560px){
    
    
    .sever-download-wrap .sever-box .download-right .contentlist{
        margin-top: 50px;
    }
}

@media (max-width:1400px){
    .sever-download-wrap{
        margin: 80px 0 100px 0;
    }
    .sever-download-wrap .sever-box .download-right .contentlist{
        gap: 28px;
    }
    .sever-download-wrap .sever-box .download-right .contentlist{
        margin-top: 40px;
    }
    .sever-download-wrap .sever-box .download-left ul li{
        font-size: 17px;
        padding: 28px 0;
    }
    .sever-download-wrap .sever-box .download-left .product-kind{
        font-size: 23px;
    }
}

@media (max-width:1200px){
    .sever-download-wrap{
        margin: 60px 0 80px 0;
    }
    .sever-download-wrap .sever-box .download-right .title{
        font-size: 15px;
    }
    .sever-download-wrap .sever-box .download-right .time{
        font-size: 15px;
    }
    .sever-download-wrap .sever-box .download-right .contentlist{
        gap: 26px;
    }
    .sever-download-wrap .sever-box .download-right .title span{
        font-size: 17px;
    }
    
    .sever-download-wrap .sever-box .download-left .product-kind{
        font-size: 22px;
    }
}
@media (max-width:990px){
    .sever-download-wrap{
        margin: 50px 0 60px 0;
    }
    .sever-download-wrap .sever-box .download-right .title span{
        font-size: 16px;
    }
    .sever-download-wrap .sever-box .download-right .contentlist{
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 30px;
    }
    .sever-download-wrap .sever-box .download-left ul li{
         font-size: 16px;
    }
    .sever-download-wrap .sever-box .download-right{
        width: calc(100% - 220px);
    }
    .sever-download-wrap .sever-box .download-right{
        padding-left: 30px;
    }
    
}
@media (max-width:768px){
    .sever-download-wrap{
        margin: 40px 0 50px 0;
    }
    .sever-download-wrap .sever-box .download-left{
        max-width: 180px;
    }
   .sever-download-wrap .sever-box .download-left .product-kind{
       font-size: 20px;
   }
    .sever-download-wrap .sever-box .download-right .contentlist{
        
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
    }
    .sever-download-wrap .sever-box .download-left ul li{
        padding: 25px 0;
        font-size: 15px;
    }
    
}
@media (max-width:640px){
    .sever-download-wrap .sever-box .download-left .product-kind{
        font-size: 18px;
    }
    .sever-download-wrap .sever-box .download-right .contentlist{
        
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
    }
    .sever-download-wrap .sever-box .download-left ul li{
        padding: 20px 0;
        font-size: 14px;
    }
    
    .sever-download-wrap .sever-box .download-right .title{
        display: inline-block;
        width: 100%;
    }
    .sever-download-wrap .sever-box .download-right .title span{
        width: 32%;
        font-size: 14px;
        white-space: nowrap;
        min-width: auto;
    }
    .sever-download-wrap .sever-box .download-right{
        padding-left: 22px;
    }
    .sever-download-wrap .sever-box .download-left .product-kind{
        font-size: 16px;
    }
}
@media (max-width:480px){
    .sever-download-wrap .sever-box{
        display: inline-block;
        width: 100%;
    }
    .sever-download-wrap .sever-box .download-left{
        width: 100%;
        max-width: none;
    }
    .sever-download-wrap .sever-box .download-right{
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .sever-download-wrap .sever-box .download-right .contentlist .item {
        display: inline-flex;
        
    }
    .sever-download-wrap .sever-box .download-right .contentlist .item .i-top {
        width: 35%;
    }
    .sever-download-wrap .sever-box .download-right .contentlist .item .i-top .image img{
        width: 100%;
    }
    .sever-download-wrap .sever-box .download-right .contentlist .item .i-bottom{
        width: 65%;
        padding-left: 20px;
    }
    
}
/*服务支持-资料下载--结束*/


/*服务支持-轮播--开始*/
.service-support-wrapper {
  margin-top: 40px;
  margin-bottom: 139px;
  display: flex;
}
.service-support-wrapper .wrap{
    display: flex;
    gap: 60px;
}
.service-support-wrapper .left-item {
  width: 19%;
  position: relative;
}

.service-support-wrapper .left-item .slide-num{
    position: absolute;
    width: 50%;
    left: 41%;
}
.service-support-wrapper .left-item .slide-num span{
    padding: 0 10px;
}


.service-support-wrapper .left-item .pagination-public{
    
}
.service-support-wrapper .left-item .pagination-public .swiper-button-prev, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-next{
    left: 0;
}
.service-support-wrapper .left-item .pagination-public .swiper-button-next, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-prev{
    right: 0;
}
.service-support-wrapper .left-item .pagination-public .swiper-button-prev img, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-next img{
    margin-left: 21px;
}
.service-support-wrapper .left-item .pagination-public .swiper-button-next img, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-prev img{
    /*margin-right: 21px;*/
}


.service-support-wrapper .left-item .pagination-public .swiper-button-next, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-prev{
    transform: rotate(0deg);
}

 .service-support-wrapper .left-item .swiper-button-next .boxsize{
     display: flex;
    align-items: center;
    justify-content: center;
 } 
  .service-support-wrapper .left-item .pagination-public .swiper-button-next img, .service-support-wrapper .left-item .swiper-container-rtl .swiper-button-prev img{
      right: 21px;
    position: absolute;
  }
  
    

.service-support-wrapper .right-item {
  width: 80%;
  overflow: hidden;
}
.service-support-wrapper .right-item .swiper-slide-active .item {
 background: #01B2B3;
}
.service-support-wrapper .right-item .swiper-slide-active .item .title ,.service-support-wrapper .right-item .swiper-slide-active .item .time{
    color: #fff;
}

.service-support-wrapper .right-item .item {
  padding: 30px;
  background: #F2F2F2;
}
.service-support-wrapper .right-item .item .title {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
}
.service-support-wrapper .right-item .item .time {
  margin-top: 77px;
  font-size: 16px;
  color: #333333;
  z-index: inherit;
}


/*服务支持-轮播--结束*/









/*产品详情列表--开始*/
/* 产品列表 */
.product-list-wrap{
    position: relative;
}
.product-list-wrap:before{
    position: absolute;
    content:'';
    width: 100%;
    height: 480px;
    background: #00B2B3;
    top: 0;
    z-index: -1;
}


.product-list-wrap .product-box {
  width: 100%;
  /*height: 480px;*/

}
.product-list-wrap .product-box .pro-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px 0px;
  line-height: 1;
  
  
}
.product-list-wrap .product-box .pro-title .return {
  background: #FFFFFF;
line-height: 1;
padding: 18.9px 20px;
display: flex;
gap: 58px;
align-items: center;

  
}
.product-list-wrap .product-box .pro-title .return .title{ 
    font-weight: bold;
    font-size: 16px;
    color: #333333;    
}
.product-list-wrap .product-box .pro-title .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 50%;
}

.product-list-wrap .product-box .pro-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 120px;
  padding: 55px 40px 140px 40px;
  background: #F8F8F8;
}
.product-list-wrap .product-box .pro-content .left-image {
    position: relative;
    width: 48%;
    overflow: hidden;
    text-align: center;
}
.product-list-wrap .product-box .pro-content .left-image .image{
    /*padding: 0 10%;*/
}
.product-list-wrap .product-box .pro-content .left-image .pagination-public .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 0;
}
.product-list-wrap .product-box .pro-content .left-image .pagination-public .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 0;
}

.product-list-wrap .product-box .pro-content .left-image .swiper-pagination{
    position: absolute;
    bottom: 0px;
    z-index: 15;
    display: none;
}


.product-list-wrap .product-box .pro-content .left-image .pagination-public{
    display: none;
}

.product-list-wrap .product-box .pro-content .right-content {
  width: 52%;
}
.product-list-wrap .product-box .pro-content .right-content .fir-title {
  font-weight: bold;
  font-size: 42px;
  color: #333333;
  margin-top: 44px;
  line-height: 1.2;
  width: 90%;
}
.product-list-wrap .product-box .pro-content .right-content .sec-title {
  font-size: 24px;
  color: #666666;
  margin-top: 18px;
    line-height: 1;
    width: 90%;background: #F8F8F8;
}
.product-list-wrap .product-box .pro-content .right-content .info {
  font-size: 16px;
  color: #666666;
  margin-top: 30px;
  padding: 50px 0;
  border-top: solid 2px #E5E5E5;
}
.product-list-wrap .product-box .pro-content .right-content .itembtn {
     padding-top: 44px;
    height: 2px;
    border-top: solid 2px #E5E5E5;
    display: flex;
    gap: 20px;
}
.product-list-wrap .product-box .pro-content .right-content .itembtn .item{
    border: 2px solid #00B2B3;
    padding: 25px 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 89px;
}
.product-list-wrap .product-box .pro-content .right-content .itembtn .active{
    background: #00B2B3;
}
.product-list-wrap .product-box .pro-content .right-content .itembtn .active span{
    color: #fff;
}
.product-list-wrap .product-box .pro-content .right-content .itembtn .item img{
    width: 20px;
    height: 20px;
    min-height: 20px;
}
/*产品设备优势--开始*/
.equipment-advantages-wrap {
  margin-top: 100px;
}
.equipment-advantages-wrap .itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 30px;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.equipment-advantages-wrap .list4{
    grid-template-columns: repeat(4, 1fr) !important;
} 
.equipment-advantages-wrap .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: start;
  justify-content: start;
  gap: 40px;
  background: #F5F5F5;
  margin-top: 10px;
  padding: 20px;
  cursor: pointer;
  transition: all .5s ease-in-out
}
.equipment-advantages-wrap .itemlist .item .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: #FFFFFF;
  border-radius: 50%;
}
.equipment-advantages-wrap .itemlist .item .image img {
 
}
.equipment-advantages-wrap .itemlist .item .title{
    line-height: 1.4;
}
.equipment-advantages-wrap .itemlist .item:hover{
    background-color: #01b2b3;
}
.equipment-advantages-wrap .itemlist .item:hover .title{
    color: #fff;
}


/*设备优势-视频*/
.equipment-video-wrap {
  margin-top: 140px;
  position: relative;
}
/*.equipment-video-wrap .wrap{*/
/*    padding:0 !important;*/
/*}*/
.equipment-video-wrap .image {
  position: absolute;
  width: 100%;
  height: 592px;
  top: 0;
  left: 0;
  padding: 0 240px !important;
  
  
 
}
.equipment-video-wrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment-video-wrap .content{
    position: relative;
    padding: 214px 0;
}
.equipment-video-wrap .content .play_a{
    width: 170px;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-top: 85px;
    margin: auto;
}

/*技术指标*/

.technical-indicators-wrap {
  margin-top: 160px;
}
.technical-indicators-wrap .itemlist {
  margin-top: 20px;
  display: flex;
  background: #F5F5F5;
}
.technical-indicators-wrap .itemlist .item {
  position: relative;
  flex: 1;
  padding: 45.5px 40px;
}
.technical-indicators-wrap .itemlist .item:after {
  position: absolute;
    top: 25%;
    left: 14px;
    content: '';
    width: 2px;
    height: 50%;
    background: #E5E5E5;
}
.technical-indicators-wrap .itemlist .item:first-child:after {
  display: none;
}

.technical-indicators-wrap .itemlist .item .num {
  font-size: 30px;
  color: #00B2B2;
  line-height: 1;
  white-space: nowrap;
}
.technical-indicators-wrap .itemlist .item .title {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 1;
  margin-top: 19px;
}
/*同系列产品*/
.same-series-products-wrap{
    margin-top: 160px;
    padding-bottom: 160px;
}
.same-series-products-wrap .itemlist {
  display: flex;

  margin-top: 35px;
}
.same-series-products-wrap .line{
      border-bottom: solid 2px #E5E5E5;
}
.same-series-products-wrap .contentlist{
    overflow: hidden;
}

.same-series-products-wrap .itemlist li {
  flex: 1;
  text-align: center;
  padding: 22px 0;
  line-height: 1;
  position: relative;
  cursor: pointer;
}
.same-series-products-wrap .itemlist li:after{
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    content: '';
    background-color:#00B2B2;
    left: 0;
    transition: .5s;
}
.same-series-products-wrap .itemlist li:hover:after{
    width: 100%;
}
.same-series-products-wrap .itemlist .active {
  color: #00B2B2;
  height: 100%;
  position: relative;
}

.same-series-products-wrap .itemlist .active:after{
    position: absolute;
    content: '';
    width: 100%;
    height:3px;
    bottom: -2px;
    left: 0;
    background-color: #00B2B2;
   
}




.same-series-products-wrap .contentlist .product-content {
  margin-top: 60px;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail {
  display: flex;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 183px;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title {
  font-weight: bold;
  font-size: 42px;
  color: #00B2B2;
  line-height: 1.2;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist {
  margin-top: 39px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item {
  padding: 19px 0 40px 0;
  border-top: solid 1px #DCDCDC;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item .title {
  font-size: 16px;
  color: #282828;
   line-height: 1;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item .info {
  font-weight: bold;
  font-size: 24px;
  color: #00B2B2;
  margin-top: 19px;
  line-height: 1;
}
.same-series-products-wrap .contentlist .product-content .p-equipment-detail .right{
    text-align: center;
}

.same-series-products-wrap .contentlist .product-content .p-equipment-detail .right img{
    width: 67.75%;
}
/*设备特点*/
.same-series-products-wrap .equipment-features{
    margin-top: 99px;
}
.same-series-products-wrap .equipment-features .title{
  
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}
.same-series-products-wrap .equipment-features .itemlist {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 11px;
}
.same-series-products-wrap .equipment-features .itemlist .item {
    padding: 0 20px;
    min-height: 80px;
  background: #F6F6F6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: start;
  justify-content: start;
  gap: 20px;
}
.same-series-products-wrap .equipment-features .itemlist .item .point {
  display: inline-block;
  width: 7px;
  min-width: 7px;
  height: 7px;
  background: #00B2B2;
  border-radius: 50%;
  gap: 20px;
}
.same-series-products-wrap .equipment-features .itemlist .item .info {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
}

/*可选配件*/
.optional-accessories-wrap {
  background: #F6F6F6;
  padding: 99px 0 80px 0;
}
.optional-accessories-wrap .sec-title {
  margin-top: 20px;
  font-weight: 400;
  font-size: 24px;
  color: #666666;
  line-height: 1;
}
.optional-accessories-wrap .itemlist {
  margin-top: 40px;
  padding: 30px 0px;
}
.optional-accessories-wrap .itemlist .item {
  background: #FFFFFF;
  display: flex;
  padding: 30px 42px;
  margin-bottom: 60px;
}
.optional-accessories-wrap .itemlist .item:last-child{
    margin-bottom: 0;
}
.optional-accessories-wrap .itemlist .item:last-child .i-right{
    padding-left: 0px;
}


.optional-accessories-wrap .itemlist .item .i-left {
      
    
    
}
.optional-accessories-wrap .itemlist .item .l-same {
    text-align: center;
    /*padding: 30px;*/
}

.optional-accessories-wrap .itemlist .item .l-line{
    /*border: 1px solid #E5E5E5;*/
}
.optional-accessories-wrap .itemlist .item .l-w{
    width: 47%;
    text-align: center;
}
.optional-accessories-wrap .itemlist .item .l-w .image{
    width: 100%;
}
.optional-accessories-wrap .itemlist .item .l-w .image img{
    width: 100%;
}
.optional-accessories-wrap .itemlist .item .r-w{
    width: 53%;
}
.optional-accessories-wrap .itemlist .item .pad-right{
    padding-right: 50px;
}
.optional-accessories-wrap .itemlist .item .i-left .title {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
}
.optional-accessories-wrap .itemlist .item .i-right {
  
  padding-left: 60px;
}
.optional-accessories-wrap .itemlist .item .i-right .title {
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  margin-top: 10px;
}
.optional-accessories-wrap .itemlist .item .i-right .info {
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
}
.optional-accessories-wrap .itemlist .item .i-left .info{
        margin-top: 10px;
}

@media (max-width:1568px){
    .equipment-video-wrap .content{
        padding: 180px 0;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail{
        gap: 100px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
            font-size: 40px;
    }
    .optional-accessories-wrap .sec-title{
        font-size: 22px;
    }
   
     .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
            font-size: 38px;
    }
    .optional-accessories-wrap .itemlist .item .i-right .title{
        font-size: 20px;
    }
}

@media (max-width:1400px){
   
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item .info{
        font-size: 24px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
            font-size: 28px;
    }
    .optional-accessories-wrap .sec-title{
        font-size: 20px;
    }
}

@media (max-width:1280px){
    .equipment-advantages-wrap .itemlist .item .title{
        
    }
    .product-list-wrap .product-box .pro-title .return img{
        width: 20px;
    }
    
    .product-list-wrap .product-box .pro-title .return .title{
        font-size: 13px;
        gap: 40px;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item img{
            font-size: 13px;
    }
    
    .optional-accessories-wrap{
        padding: 65px 0 30px 0;
    }
    .optional-accessories-wrap .itemlist{
        margin-top: 0;
    }
    .optional-accessories-wrap .itemlist .item{
        padding: 20px 25px;
        margin-bottom: 40px;
    }
    .optional-accessories-wrap .itemlist .item .l-w .image{
        width: 216px;
        margin: auto;
    }
     .optional-accessories-wrap .sec-title{
        font-size: 17px;
        margin-top: 15px;
    }
    .optional-accessories-wrap .itemlist .item .i-right .title{
        margin-top: 0px;
        font-size: 16px;
    }
    .optional-accessories-wrap .itemlist .item .i-right{
        padding-left: 40px;
    }
    .optional-accessories-wrap .itemlist .item .i-right .info{
        font-size: 14px;
        margin-top: 10px;
    }
    .technical-indicators-wrap .itemlist .item .title{
        font-size: 14px;
        margin-top: 10px;
    }
}



@media (max-width:1280px){
    .same-series-products-wrap .equipment-features .itemlist {
        grid-template-columns: repeat(5, 1fr);
        
    }
    
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item .info{
        font-size: 17px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
            font-size: 34px;
    }
   
}
@media (max-width:990px){
    .same-series-products-wrap .equipment-features .itemlist {
        grid-template-columns: repeat(4, 1fr);
    }
   
   
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
            font-size: 32px;
    }
}
@media (max-width:768px){
    .optional-accessories-wrap{
        padding: 50px 0;
    }
    .same-series-products-wrap .equipment-features{
        margin-top: 50px;
    }
    .same-series-products-wrap .equipment-features .itemlist {
        grid-template-columns: repeat(3, 1fr);
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .right {
       
        text-align: center;
        max-height: 500px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .right img{
        height: 100%;
    }
    
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail {
        position: relative;
        grid-template-columns: repeat(1, 1fr);
        
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left{
            padding-top: 100%;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .right{
        position: absolute;
    }
    
   
    .equipment-advantages-wrap .itemlist{
        grid-template-columns: repeat(2, 1fr);
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
        font-size: 24px;
    }
    
}
@media (max-width:640px){
    .same-series-products-wrap .equipment-features{
        margin-top: 40px;
    }
    .optional-accessories-wrap .itemlist .item{
        display: inline-block;
        width: 100%;
    }
    .optional-accessories-wrap .itemlist .item .l-w {
       width: 100%;
    }
    .optional-accessories-wrap .itemlist .item .i-right {
        padding-left: 0px;
        width: 100%;
        margin-top: 30px;
    }
    .optional-accessories-wrap .itemlist .item .i-right .info{
        margin-top: 0;
    }
    .optional-accessories-wrap .itemlist .item .r-w {
       width: 100%;
    }
    .equipment-advantages-wrap .itemlist{
        grid-template-columns: repeat(1, 1fr);
    }
    .equipment-advantages-wrap .itemlist .item{
        justify-content: start;
    }
    .same-series-products-wrap .contentlist .product-content{
        margin-top: 20px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist{
        grid-template-columns: repeat(1, 1fr);
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item{
        padding: 18px 0;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist .item .info {
        font-size: 18px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .title{
        font-size: 22px;
    }
    .optional-accessories-wrap .itemlist .item .pad-right{
        padding-right: 0;
    }
    .optional-accessories-wrap .itemlist .item .i-right .image{
        padding-left: 30px;
    }
    
}
@media (max-width:480px){
    .optional-accessories-wrap .itemlist .item{
        padding: 20px;
    }
    .same-series-products-wrap .equipment-features .itemlist {
        grid-template-columns: repeat(1, 1fr);
    }
    .same-series-products-wrap .equipment-features .itemlist .item{
        min-height: 70px;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn{
        display: inline-block;
        width: 100%;
       
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item{
         margin-bottom: 20px;
         padding: 15px;
    }
    .same-series-products-wrap .contentlist .product-content .p-equipment-detail .left .prolist{
        margin-top: 20px;
    }
    
}










/*博亿优选*/
.boyi-optimal-selection {
  margin-top: 160px;
}
.boyi-optimal-selection .solution-public-title {
  font-size: 36px;
  color: #333333;
  line-height: 1;
}
.boyi-optimal-selection .sec-title {
  line-height: 1;
  font-size: 24px;
  color: #666666;
  margin-top: 19px;
}
.boyi-optimal-selection .itemlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap:30px;
  margin-top: 40px;
}
.boyi-optimal-selection .itemlist .item {
  position: relative;
}
.boyi-optimal-selection .itemlist .item .image .pr {
  padding-bottom: 72%;
}
.boyi-optimal-selection .itemlist .item .image .pr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boyi-optimal-selection .itemlist .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
}


/*公用按钮*/
.public-itembtn{
    padding: 60px 0 160px 0;
    height: 2px;
   
}
.public-itembtn .wrap1440{
        display: flex;
    gap: 20px;
    justify-content: center;
}
.public-itembtn .item{
    border: 2px solid #00B2B3;
    padding: 24px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 89px;
    line-height: 1;
}
.public-itembtn .active{
    background-color: #00B2B3;
}
.public-itembtn .item span{
    color: #333333;
    font-weight: bold;
}

.public-itembtn .active span{
    color: #fff;
    
}
.public-itembtn .item img{
    width: 20px;
    height: 20px;
    min-height: 20px;
}

@media (max-width:1680px){
    .product-list-wrap .product-box .pro-content{
        gap: 120px;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item{
        gap:50px
    }
}

@media (max-width:1568px){
    .rd-nav-wrap .navlist .item{
        width: 26%;
    }
    .product-list-wrap .product-box .pro-content {
        gap: 90px;
    }
    
    .product-list-wrap .product-box .pro-title .share{
        width: 22px;
        height: 22px;
    }
    .product-list-wrap .product-box .pro-title .share img{
       width: 9px;
    }
    .product-list-wrap .product-box .pro-title .return{
        padding: 11px 16px;
    }
    .product-list-wrap .product-box .pro-content .right-content .fir-title{
        font-size: 38px;
    }
    .product-list-wrap .product-box .pro-content .right-content .sec-title{
        font-size: 22px;
    }
    .product-list-wrap .product-box .pro-content .right-content .info{
        margin: 40px 0;
        padding: 40px 0;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item{
        gap:30px
    }
    .equipment-advantages-wrap{
        margin-top: 80px;
    }
    .equipment-advantages-wrap .itemlist .item{
        margin-top: 0;
    }
    .equipment-advantages-wrap .itemlist{
        gap: 25px;
    }
    .equipment-advantages-wrap .itemlist .item .image{
        width: 70px;
        min-width: 70px;
        height: 70px;
    }
    .equipment-video-wrap{
        margin-top: 100px;
    }
    .equipment-video-wrap .image{
        height: 500px;
    }
    .technical-indicators-wrap{
        margin-top: 100px;
    }
    .technical-indicators-wrap .itemlist .item .num{
        font-size: 24px;
        white-space: inherit;
    }
    .technical-indicators-wrap .itemlist .item{
        padding: 30px;
    }
    .same-series-products-wrap{
        margin-top: 100px;
    }
    .same-series-products-wrap{
        padding-bottom: 100px;
    }
    .boyi-optimal-selection{
        margin-top: 100px;
    }
    .public-itembtn{
        padding: 0px 0 140px 0;
    }
    .boyi-optimal-selection .solution-public-title{
        font-size: 32px;
    }
    .boyi-optimal-selection .sec-title{
        font-size: 22px;
    }
    .boyi-optimal-selection .itemlist{
        gap: 26px;
    }
    
}
@media (max-width:1400px){
    .product-list-wrap .product-box .pro-content .right-content .fir-title {
        font-size: 34px;
    }
    .product-list-wrap .product-box .pro-content .right-content .info {
        margin: 25px 0;
        padding: 25px 0;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item {
        gap: 20px;
    }
    .technical-indicators-wrap .itemlist .item {
        padding: 26px;
    }
    .equipment-advantages-wrap .itemlist{
        gap: 20px;
    }
    .equipment-video-wrap .content {
        padding: 150px 0;
    }
    .equipment-video-wrap .image{
        height: 430px;
    }
    .boyi-optimal-selection{
        margin-top: 80px;
    }
    
    
    .boyi-optimal-selection .itemlist {
        gap: 22px;
    }
    .boyi-optimal-selection .itemlist {
      
        margin-top: 26px;
    }
   
    .boyi-optimal-selection .itemlist .item .info{
        font-size: 20px;
    }
    .boyi-optimal-selection .solution-public-title {
        font-size: 26px;
    }
    .boyi-optimal-selection .sec-title {
       
        margin-top: 15px;
    }
    
    .boyi-optimal-selection .itemlist .item .info {
        font-size: 18px;
    }
    .equipment-video-wrap .content .play_a{
        width: 148px;
        height: 148px;
    }
    
    
    
    
    
}


@media (max-width:1280px){
    .public-itembtn .item{
        padding: 11px 30px;
        gap: 45px;
    }
    .same-series-products-wrap {
        margin-top: 60px;
    }
    .technical-indicators-wrap{
        margin-top: 80px;
    }
    .technical-indicators-wrap .itemlist .item .num {
        font-size: 20px;
        
    }
     .product-list-wrap .product-box .pro-content{
        padding-top: 40px;
    }
    .product-list-wrap .product-box .pro-content .right-content .info{
        padding:10px 0 ;
        font-size: 13px;
    }
    .product-list-wrap .product-box .pro-content .left-image {
        width: 44%;
    }
    .product-list-wrap .product-box .pro-content .right-content{
        width: 56%;
    }
   
    .product-list-wrap .product-box .pro-content .right-content .fir-title {
        font-size: 27px;
    }
    .product-list-wrap .product-box .pro-content .right-content .sec-title{
        font-size: 18px;
        margin-top: 10px;
    }
    .product-list-wrap .product-box .pro-content .right-content .itembtn .item{
        padding: 21px 20px;
    }
    .product-list-wrap .product-box .pro-content {
        gap: 50px;
    }
    .equipment-video-wrap{
        margin-top: 60px;
    }
    .equipment-video-wrap .content{
        padding: 120px 0;
    }
    .equipment-video-wrap .image{
        height: 360px;
    }
    .equipment-video-wrap .content .play_a{
        width: 120px;
        height: 120px;
    }
    .equipment-video-wrap .content .play_a img{
        width: 80px;
    }
    .technical-indicators-wrap .itemlist .item {
        padding: 20px;
    }
    .equipment-advantages-wrap .itemlist .item{
        gap: 20px;
        padding: 13px;
    }
    .equipment-advantages-wrap .itemlist .item .image{
        width: 54px;
        min-width: 54px;
        height: 54px;
        padding: 10px;
    }
    
    
}
@media (max-width:990px){
    
    .product-list-wrap .product-box .pro-content .right-content .fir-title{
        font-size: 28px;
    }
    .product-list-wrap .product-box .pro-content .right-content .sec-title {
        font-size: 20px;
    }
    .technical-indicators-wrap{
        margin-top: 60px;
    }
    .equipment-video-wrap .content{
        padding: 100px 0;
    }
    .equipment-video-wrap .content .play_a{
        width: 80px;
        height: 80px;
    }
    .public-itembtn .item{
        padding: 20px;
    }
    .technical-indicators-wrap .itemlist .item .num {
        font-size: 20px;
       
    }
     .technical-indicators-wrap .itemlist .item{
        padding: 12px 20px;
    }
    .technical-indicators-wrap .itemlist .item:after{
        left: 0;
    }
    .technical-indicators-wrap .itemlist .item .title{
        margin-top: 12px;
    }
}
@media (max-width:768px){
    .technical-indicators-wrap{
        margin-top: 50px;
    }
    .boyi-optimal-selection .itemlist {
        gap: 18px;
         grid-template-columns: repeat(2, 1fr);
    }
    .equipment-video-wrap .content{
        min-height: 300px;
    }
    .equipment-video-wrap .image{
        padding: 0;
    }
    .equipment-video-wrap .content .play_a img {
        width: 70px;
    }
    .product-list-wrap .product-box .pro-content{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .product-list-wrap .product-box .pro-content .left-image{
        width: 100%;
    }
    .product-list-wrap .product-box .pro-content .right-content{
        width: 100%;
    }
    .rd-nav-wrap .navlist .item{
        width: fit-content;
        gap: 10px;
    }
    .technical-indicators-wrap .itemlist{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    
    .product-list-wrap .product-box .pro-content .left-image .pagination-public{
        display: none;
    }
    .product-list-wrap .product-box .pro-content .left-image .swiper-pagination{
        display: inline-block;
    }
}
@media (max-width:640px){
    .public-itembtn .item{
        padding: 12px 18px;
        gap: 60px;
    }
    .technical-indicators-wrap .itemlist{
       
        grid-template-columns: repeat(3, 1fr);
    }
    .technical-indicators-wrap .itemlist .item .num{
        font-size: 16px;
    }
    .technical-indicators-wrap .itemlist .item .title{
        font-size: 14px;
    }
    .rd-nav-wrap .navlist .item{
        width: inherit;
    }
    .rd-nav-wrap .navlist .item:hover .panelcontent{
        top: 25px;
    }
    
}
@media (max-width:480px){
    .boyi-optimal-selection .itemlist {
        
        grid-template-columns: repeat(1, 1fr);
    }
    .public-itembtn .wrap1440{
        display: inline-block;
        width: 100%;
    }
}





@media (max-width: 1500px) {
 .equipment-video-wrap .image  {
    padding: 0 200px;
  }
}
@media (max-width: 1366px) {
  .equipment-video-wrap .image  {
    padding: 0 120px;
  }
}
@media (max-width: 1280px) {
 .equipment-video-wrap .image  {
    /*padding: 0 80px;*/
    padding: 0 150px;
  }
}
@media (max-width: 990px) {
  .equipment-video-wrap .image  {
    padding: 0 20px;
  }
}






/*产品详情列表--结束*/





@keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TopBtn {
  -webkit-animation-name: TopBtn;
  animation-name: TopBtn;
}

.kefu-box {
  position: fixed;
  top: 50%;
  /*right: -120px;*/
    right: 0;
  margin-right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 19;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.kefu-box.active {
  right: 0;
}
.kefu-box .item {
    display: block;
  width: 80px;
  height: 80px;
  background-color: #e5e5e5;
  margin-top:10px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.kefu-box .item .item-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kefu-box .item .item-box .img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.kefu-box .item .item-box .img img {
  max-height: 30px;
}
.kefu-box .item .info {
  width: auto;
  height: 100%;
  background-color: #00b2b3;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 100%;
  padding: 0 20px;
  margin-right: 6px;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.kefu-box .item .info a {
  width: 100%;
  height: 100%;
  color: #fff;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: bold;
}
.kefu-box .item .info img {
  max-height: 30px;
  margin-right: 12px;
}
.kefu-box .item .info2 {
  height: auto;
}
.kefu-box .item .info2 a {
  padding: 10px;
}
.kefu-box .item .info2 img {
  max-width: 1rem;
  max-height: 1rem;
  margin-right: 0rem;
}
.kefu-box .item#backToTopBtn {
  background-color: #00b2b3;
}
.kefu-box .item#backToTopBtn .item-box img {
  position: relative;
  animation: TopBtn 1.5s ease-out infinite;
  -webkit-animation: TopBtn 1.5s ease-out infinite;
}
.kefu-box .item#backToTopBtn:hover .item-box .img {
  opacity: 1;
}
.kefu-box .item:hover {
  background-color: #00b2b3;
}
.kefu-box .item:hover .item-box .img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.kefu-box .item:hover .info {
  opacity: 1;
  visibility: visible;
}
.kefu-box .item:hover .info img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

@media (max-width: 1580px) {
  .kefu-box .item{
      scale: 0.8;
      margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .kefu-box {
    display: none;
  }
}
.c-close {
  max-width: 0.24rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0.3rem;
  margin-right: 0.3rem;
  cursor: pointer;
  z-index: 2;
}
.c-close img,
.c-close svg {
  width: 100%;
  height: auto;
}
.c-close.c-close-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
#c-code-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-code-pop .c-img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 55px 20px 20px;
  width: 200px;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#c-code-pop .c-img-box > img {
  width: 100%;
}
#c-code-pop .c-img-box .c-text {
  padding-top: 10px;
  line-height: 1;
  text-align: center;
  color: #333;
}
#c-content-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-content-pop .c-content-box {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 473px;
  padding: 0.4rem;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  #c-content-pop .c-content-box {
    width: 90%;
  }
}


/*
插件：投递简历弹窗
版本：
官网：
*/
.hi-resume-pop {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hi-resume-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hi-resume-pop form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 500px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 1580px) {
  .hi-resume-pop form {
    max-width: 400px;
  }
}
.hi-resume-pop form .hi-title-box {
  position: relative;
  padding: 0 0.4rem;
  background: #b32323;
}
.hi-resume-pop form .hi-title-box .hi-title {
  line-height: 0.8rem;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 1580px) {
  .hi-resume-pop form .hi-title-box .hi-title {
    line-height: 1rem;
    font-size: 0.4rem;
  }
}
.hi-resume-pop form .hi-title-box .hi-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 1.05rem;
  height: 0.8rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-title-box .hi-close {
    width: 1.05rem;
    height: 1rem;
  }
}
.hi-resume-pop form .hi-title-box .hi-close:before,
.hi-resume-pop form .hi-title-box .hi-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -0.13rem;
  width: 0.25rem;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-title-box .hi-close:before,
  .hi-resume-pop form .hi-title-box .hi-close:after {
    margin: -1px 0 0 -0.2rem;
    width: 0.4rem;
  }
}
.hi-resume-pop form .hi-title-box .hi-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hi-resume-pop form .hi-box {
  padding: 0.4rem;
  line-height: 0.6rem;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box {
    line-height: 0.6rem;
  }
}
.hi-resume-pop form .hi-box input {
  margin-bottom: 0.2rem;
  padding: 0 0.15rem;
  width: 100%;
  height: 0.6rem;
  border: 1px solid #ccc;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box input {
    height: 0.8rem;
  }
}
.hi-resume-pop form .hi-box button {
  width: 100%;
  height: 0.6rem;
  background: #b32323;
  color: #fff;
  cursor: pointer;
  border: 0;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box button {
    height: 0.8rem;
  }
}
.hi-resume-pop form .hi-box .hi-file-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.hi-resume-pop form .hi-box .hi-file-box .hi-input-box {
  position: relative;
  display: inline-block;
  margin-right: 0.15rem;
  padding: 0.05rem 0.15rem;
  line-height: 0.3rem;
  background: #b32323;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box .hi-file-box .hi-input-box {
    padding: 0.1rem 0.15rem;
    line-height: 0.4rem;
  }
}
.hi-resume-pop form .hi-box .hi-file-box .hi-input-box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
}
.hi-resume-pop form .hi-box .hi-file-box .hi-input-box .hi-text {
  color: #fff;
}
.hi-resume-pop form .hi-box .hi-file-box .hi-text2 {
  line-height: 0.4rem;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box .hi-file-box .hi-text2 {
    padding: 0.1rem 0;
  }
}
.hi-resume-pop form .hi-box .hi-code-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.hi-resume-pop form .hi-box .hi-code-box input {
  margin-bottom: 0;
  width: calc(100% - 1.4rem) !important;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box .hi-code-box input {
    width: calc(100% - 2.2rem) !important;
  }
}
.hi-resume-pop form .hi-box .hi-code-box img {
  max-width: 1.3rem;
  max-height: 0.6rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .hi-resume-pop form .hi-box .hi-code-box img {
    max-width: 2rem;
    max-height: 0.8rem;
  }
}

.hi-resume-pop .c-close {
     max-width: 16px;
    min-width: 16px;
    position: absolute;
    right: auto;
    top: 20px;
    left: 40px;
    margin: 0;
}
.hi-resume-pop .c-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 828px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 20px;
}
.hi-resume-pop .page-title {
  border-top: 1px solid #e9ecef;
  padding: 18px 40px 0;
  margin-top: 52px;
}
.hi-resume-pop .page-title .title {
  font-family: 'SamsungSharpSans-B';
  font-size: 24px;
  color: #00b2b3;
  text-transform: initial;
  font-weight: 700;
}
.hi-resume-pop .down {
  padding: 20px 40px 47px;
}
.hi-resume-pop .forms input {
  padding: 0 0;
  border: none;
  border-radius: 0;
  color: #cbcbcb;
  font-size: 12px;
  letter-spacing: -0.5px;
}

.hi-resume-pop .forms #sqsyyd2{
        width: 16px;
    height: 16px;
    background-color: white;
    border: 1px solid #00b2b3;
    border-radius: 50%;
    margin: auto;
    font-weight: bold;
    margin-right: 10px;
        z-index: 10;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.hi-resume-pop .forms .choose{
    position: relative;
}
.hi-resume-pop .forms .choose::before{
    
    position: absolute;
    content: '';
         top: 0px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #00b2b3;
    border-radius: 50%;
    bottom: 0;
    margin: auto;
    font-weight: bold;
}



.hi-resume-pop .forms textarea {
  padding: 10px;
  border-color: #e5e5e5;
  border-radius: 0;
  height: 68px;
  color: #cbcbcb;
  font-size: 12px;
}
.hi-resume-pop .forms .widget-label {
  margin: 0;
  margin-right: 10px;
}
.hi-resume-pop .forms .widget-label label {
  color: #282828;
  font-weight: bold;
  letter-spacing: -0.25px;
}
.hi-resume-pop .forms .info-list {
    display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px 20px;
}
@media (max-width: 767px) {
  .hi-resume-pop .forms .info-list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
}
.hi-resume-pop .forms .info-list .forms-box {
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 0;
}
.hi-resume-pop .forms .info-list .forms-box:last-child {
  grid-column: initial;
}
.hi-resume-pop .forms .info-list .forms-box .widget-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.hi-resume-pop .forms .info-list .forms-box .widget-input .floatdb{
    width: 100%;
    display: block;
}
.hi-resume-pop .forms .page-down {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.hi-resume-pop .forms .page-down .btn-container .more {
  background-color:#00b2b3;
  color: #fff;
  line-height: 48px;
  padding: 0 40px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .hi-resume-pop .forms .page-down .btn-container .more {
    line-height: 40px;
  }
}
.hi-resume-pop .forms .page-down .btn-container .more::before,
.hi-resume-pop .forms .page-down .btn-container .more::after {
  display: none;
}


/* 侧边栏--通讯方式开始 */
/*.navbar-communication .kefu-box {*/
/*  position: fixed;*/
/*  bottom: 10%;*/
/*  right: 0;*/
/*  z-index: 10;*/
/*}*/
/*.navbar-communication .kefu-box .item {*/
  
/*  border-radius: 5px;*/
/*  background-color: var(--white-color);*/
/*  position: relative;*/
/*  cursor: pointer;*/
/*}*/
/*.navbar-communication .kefu-box .item:last-child .item-box{*/
/*    margin-top: 10px;*/
/*    background: #00B2B2;*/
/*}*/


/*.navbar-communication .kefu-box .item .item-box {*/
/*  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -ms-flex-align: center;*/
/*  -webkit-align-items: center;*/
/*  align-items: center;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  -webkit-justify-content: center;*/
/*  justify-content: center;*/
/*  overflow: hidden;*/
/*  width: 68px;*/
/*  height: 68px;*/
/*  background: #E3E3E3;*/
 
/*}*/
/*.navbar-communication .kefu-box .item .item-box img {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -ms-flex-align: center;*/
/*  -webkit-align-items: center;*/
/*  align-items: center;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  -webkit-justify-content: center;*/
/*  justify-content: center;*/
/*}*/
/*.navbar-communication .kefu-box .item .item-box:hover {*/
/*  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*  background-color: #00B2B2;*/
/*  border: none;*/
/*}*/
/*.navbar-communication .kefu-box .item .item-box:hover img {*/
/*  filter: brightness(0) invert(1);*/
/*}*/
/*.navbar-communication .kefu-box .item .info {*/
/*  margin-right: 80px;*/
/*  width: auto;*/
/*  height: 100%;*/
/*  white-space: nowrap;*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 0;*/
/*  z-index: 1;*/
/*  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);*/
/*}*/
/*.navbar-communication .kefu-box .item .info a {*/
/*  min-width: 100px;*/
/*  height: 100%;*/
/*  display: inline-block;*/
/*  align-content: center;*/
/*}*/
/*.navbar-communication .kefu-box .item .info a span {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;*/
/*  display: flex;*/
/*  -webkit-box-align: center;*/
/*  -ms-flex-align: center;*/
/*  -webkit-align-items: center;*/
/*  align-items: center;*/
/*  -webkit-box-pack: center;*/
/*  -ms-flex-pack: center;*/
/*  -webkit-justify-content: center;*/
/*  justify-content: center;*/
/*  padding: 0 0.2rem;*/
/*  height: 46px;*/
/*  background: var(--active_color);*/
/*  border-radius: 5px;*/
/*  color: var(--white-color);*/
/*}*/
/*.navbar-communication .kefu-box .item .info img {*/
/*  width: 68px;*/
/*  height: 68px;*/
/*  border: solid 2px var(--active_color);*/
/*  border-radius: 5px;*/
/*}*/
/*.navbar-communication .kefu-box .item .public-scrollTop {*/
/*  position: sticky;*/
/*}*/
/*.navbar-communication .kefu-box .item:hover .item-box .img {*/
/*  opacity: 0;*/
/*}*/
/*.navbar-communication .kefu-box .item:hover .info {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*}*/



/*@media (max-width:1280px) {*/
    
/*  .navbar-communication .kefu-box .item .item-box{*/
/*      width: 46px;*/
/*      height: 46px;*/
/*  }*/
/*  .navbar-communication .kefu-box .item .item-box img{*/
/*      width: 20px;*/
      
/*  }*/
/*  .navbar-communication .kefu-box .item:last-child .item-box{*/
/*        margin-top: 8px;*/
/*    }*/
/*}*/
/*@media (max-width:1200px) {*/
/*  .navbar-communication {*/
/*    display: none;*/
/*  }*/
/*}*/

/* 侧边栏--通讯方式--结束 */




/*cookies*/
.cookie{position: fixed;width: 100%;z-index: 1002;background-color: rgba(0,0,0,0.5);left: 0;bottom: 0!important; background-color: #ededed;}
		.cookie_a{width: 100%;height: auto;padding-top: 20px; padding-bottom: 20px;}
		.cookie_a .commen { display: flex; justify-content: space-between; gap: 30px; }
		.cookie_aa{width: 70%;}
		.cookie_aa h6{font-size: 22px;color: #000000; }
		.cookie_aa p{display:flex; font-size: 14px;color: #666666;line-height: 30px;}
		.cookie_aa p a{color: #000000; text-decoration: underline;font-size: 14px;}
		.cookie_ab { flex-shrink: 0; display: flex;gap: 20px; }
		.cookie_ab h6{width: 180px;height: 43px;line-height: 43px;background-color: #00b2b3;border-radius: 21.5px;text-align: center;font-size: 14px;color: #fff;font-family: ml;cursor: pointer;}
		.cookie_ab p{width: 180px;height: 43px;line-height: 43px;border: 1px solid #d5d5d5;border-radius: 21.5px;text-align: center;font-size: 14px;color: #000000;font-family: ml;cursor: pointer;}
		.cookie.active { display: none; }
		
@media (max-width:1480px) {
    .cookie_a{width: 100%;height: auto;padding-top: 30px; padding-bottom: 30px;}
}
@media (max-width:990px) {
    .cookie_a .commen { flex-direction: column; gap: 10px; }
    .cookie_a { height: auto; padding-top: 10px; padding-bottom: 10px;} 
    .cookie_aa { width: 100%; } 
    .cookie_aa p { line-height: 1.45; }
    .cookie_ab { float: unset !important; width: 100%; }
    .cookie_ab h6  ,.cookie_ab p{ width: 100px;  margin-top: 0; }
    .cookie_ab {  height: fit-content;  gap: 20px;display: flex;align-items: center;width: 100%;}
}
@media (max-width:480px) {
    .cookie_aa p{
        display: block;
    }
}