@charset "UTF-8";



textarea {

  resize: none;

}

textarea,

input,

select {

  background: none;

  border: none;

  margin: 0;

  padding: 0;

}

table {

  background-color: transparent;

  border-spacing: 0;

  border-collapse: collapse;

  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;

}

main,

footer {

  display: block;

}

input[type="button"],

input[type="submit"],

input[type="file"],

button {

  cursor: pointer;

  -webkit-appearance: none;

}

.clearfix:after {

  clear: both;

  display: block;

  content: "";

  height: 0;

  visibility: hidden;

}

.clearfix {

  *zoom: 1;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.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;

}

.dh {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.fd {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.imgfd {

  -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);

}

.xzx {

  transform: rotateX(180deg);

  -ms-transform: rotateX(180deg);

  -moz-transform: rotateX(180deg);

  -webkit-transform: rotateX(180deg);

  -o-transform: rotateX(180deg);

}

.xzy {

  transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -webkit-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

}

.ab {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.abimg {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.w1800 {

  width: 100%;

  max-width: 1920px;

  padding: 0 60px;

}

.w1680 {

  width: 100%;

  max-width: 1680px;

  margin: 0 auto;

}

.w1600 {

  width: 100%;

  max-width: 1600px;

  margin: 0 auto;

}

.w1560 {

  width: 100%;

  max-width: 1560px;

  margin: 0 auto;

}

.w1440 {

  width: 100%;

  max-width: 1440px;

  margin: 0 auto;

}

.w1400,

.wrap {

  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

}

.w1300 {

  width: 100%;

  max-width: 1300px;

  margin: 0 auto;

}

.w1200 {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

img {

  max-width: 100%;

  max-height: 100%;

}

.pc {

  display: block;

}

.wap {

  display: none;

}

@media (max-width:1800px) {

  .w1680 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1720px) {

  .w1600 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1680px) {

  .w1560 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1560px) {

  .w1440 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1520px) {

  .w1400,

  .wrap {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1420px) {

  .w1300 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1440px) {

  .w1280 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1320px) {

  .w1200 {

    max-width: 100%;

    padding: 0 60px;

  }

}

@media (max-width:1024px) {

  .w1800,

  .w1680,

  .w1400,

  .wrap,

  .w1440,

  .w1600,

  .w1560,

  .w1280,

  .w1300,

  .w1200 {

    padding: 0 30px;

  }

}

@media (max-width:990px) {

  .w1800,

  .w1680,

  .w1400,

  .wrap,

  .w1440,

  .w1600,

  .w1560,

  .w1280,

  .w1300,

  .w1200 {

    padding: 0 20px;

  }

}

@media (max-width:768px) {

  .pc {

    display: none;

  }

  .wap {

    display: block;

  }

}

@font-face {

  font-family: "ro_r";

  src: url('../fonts/Roboto-Regular.ttf');

}

@font-face {

  font-family: "ro_b";

  src: url('../fonts/Roboto-Bold.ttf');

}

.ro_r {

  font-family: "ro_r";

}

.ro_b {

  font-family: "ro_b";

}

body {

  font-family: "ro_r";

}

h2.h2 {

  font-size: 48px;

}

@media (max-width: 1680px) {

  h2.h2 {

    font-size: 42px;

  }

}

@media (max-width: 1440px) {

  h2.h2 {

    font-size: 36px;

  }

}

@media (max-width: 1280px) {

  h2.h2 {

    font-size: 32px;

  }

}

@media (max-width: 1024px) {

  h2.h2 {

    font-size: 25.6px;

  }

}

@media (max-width: 1680px) {

  h2.h2 {

    font-size: 42px;

  }

}

@media (max-width: 1440px) {

  h2.h2 {

    font-size: 32px;

  }

}

@media (max-width: 1280px) {

  h2.h2 {

    font-size: 28px;

  }

}

@media (max-width: 1024px) {

  h2.h2 {

    font-size: 24px;

  }

}

h3.h3 {

  font-size: 44px;

}

@media (max-width: 1680px) {

  h3.h3 {

    font-size: 38.5px;

  }

}

@media (max-width: 1440px) {

  h3.h3 {

    font-size: 33px;

  }

}

@media (max-width: 1280px) {

  h3.h3 {

    font-size: 29.33333333px;

  }

}

@media (max-width: 1024px) {

  h3.h3 {

    font-size: 23.46666667px;

  }

}

@media (max-width: 1680px) {

  h3.h3 {

    font-size: 38px;

  }

}

@media (max-width: 1440px) {

  h3.h3 {

    font-size: 28px;

  }

}

@media (max-width: 1280px) {

  h3.h3 {

    font-size: 24px;

  }

}

@media (max-width: 1024px) {

  h3.h3 {

    font-size: 22px;

  }

}

h4.h4 {

  font-size: 40px;

}

@media (max-width: 1680px) {

  h4.h4 {

    font-size: 35px;

  }

}

@media (max-width: 1440px) {

  h4.h4 {

    font-size: 30px;

  }

}

@media (max-width: 1280px) {

  h4.h4 {

    font-size: 26.66666667px;

  }

}

@media (max-width: 1024px) {

  h4.h4 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1680px) {

  h4.h4 {

    font-size: 34px;

  }

}

@media (max-width: 1440px) {

  h4.h4 {

    font-size: 26px;

  }

}

@media (max-width: 1280px) {

  h4.h4 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  h4.h4 {

    font-size: 20px;

  }

}

h5.h5 {

  font-size: 30px;

}

@media (max-width: 1680px) {

  h5.h5 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  h5.h5 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  h5.h5 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  h5.h5 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  h5.h5 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  h5.h5 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  h5.h5 {

    font-size: 18px;

  }

}

h6.h6 {

  font-size: 26px;

}

@media (max-width: 1680px) {

  h6.h6 {

    font-size: 22.75px;

  }

}

@media (max-width: 1440px) {

  h6.h6 {

    font-size: 19.5px;

  }

}

@media (max-width: 1280px) {

  h6.h6 {

    font-size: 17.33333333px;

  }

}

@media (max-width: 1024px) {

  h6.h6 {

    font-size: 13.86666667px;

  }

}

@media (max-width: 1680px) {

  h6.h6 {

    font-size: 22px;

  }

}

@media (max-width: 1440px) {

  h6.h6 {

    font-size: 18px;

  }

}

@media (max-width: 1024px) {

  h6.h6 {

    font-size: 16px;

  }

}

.noselect {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

@keyframes run {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes run2 {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(-360deg);

  }

}

#progress {

  animation: circleProgress 20s infinite;

}

@keyframes circleProgress {

  0% {

    stroke-dashoffset: 314;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@keyframes show {

  0% {

    transform: translateY(20px);

    opacity: 0;

  }

  100% {

    transform: translateY(0px);

    opacity: 1;

  }

}

@keyframes fd {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

  }

}

@keyframes ripple {

  0% {

    opacity: 0.8;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    transform: scale(2);

  }

}

.cle {

  clear: both;

  width: 0;

  height: 0;

  display: block;

  overflow: hidden;

  font-size: 0px;

}

.imgmid {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  height: 100%;

  width: 1px;

  margin-left: -1px;

  vertical-align: middle;

  font-size: 0px;

}

.dks {

  width: 40px;

  height: 40px;

  margin: 0 auto 25px;

  position: relative;

}

.dks:before,

.dks:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0;

  pointer-events: none;

  border-radius: 50%;

  background: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  box-sizing: border-box;

}

.dks:before {

  animation: ripple 3s ease-out 0s infinite;

}

.dks:after {

  animation: ripple 3s ease-out 1.5s infinite;

}

.dks i {

  width: 100%;

  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;

  background: #1f9191;

  border-radius: 50%;

  color: #fff;

  font-size: 20px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .dks i {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .dks i {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .dks i {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .dks i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .dks i {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .dks i {

    font-size: 16px;

  }

}

.videomark {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.55);

  z-index: 9998;

  display: none;

}

.videobox {

  position: fixed;

  width: 1000px;

  max-width: calc(100% - 100px);

  height: auto;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 9999;

  display: none;

}

.videobox video {

  width: 100%;

  object-fit: fill;

}

.videobox .close {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #ffffff;

  position: absolute;

  right: -20px;

  top: -20px;

  z-index: 9;

  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;

  font-size: 30px;

  color: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.videobox .close:hover {

  transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  background: #1f9191;

  color: #fff;

}

.videobox .video {

  width: 100%;

  height: 0;

  padding-bottom: 56.25%;

  position: relative;

}

.videobox .video video,

.videobox .video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: fill;

}

@media (max-width:1440px) {

  .videobox {

    max-width: 70%;

  }

}

@media (max-width:768px) {

  .videobox {

    width: 100%;

    max-width: 100%;

  }

  .videobox .close {

    right: 0;

    top: -40px;

  }

}

header {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 999;

  height: 120px;

  background: #fff;

  font-size: 16px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  header {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  header {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  header {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  header {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  header {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  header {

    font-size: 14px;

  }

}

header.scroll {

  height: 60px;

  box-shadow: 0 0 10px #1f9191;

}

header.scroll .top {

  opacity: 0;

  z-index: -1;

}

header.scroll .nav li:hover .li_nav {

  top: 85%;

}

header .w1300 {

  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;

  height: 100%;

  position: relative;

}

header .top {

  position: absolute;

  right: 0;

  top: 5px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  z-index: 9;

}

@media (max-width:1420px) {

  header .top {

    right: 60px;

  }

}

@media (max-width:1024px) {

  header .top {

    right: 30px;

  }

}

header .top a {

  margin-left: 30px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

header .top a:hover {

  text-decoration: underline;

  color: #1f9191;

}

header .top a:nth-child(2):hover {

  text-decoration: none;

}

header .top a i {

  color: #1f9191;

  margin-right: 5px;

}

header .right {

  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;

  height: 100%;

}

header .logo {

  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;

}

header .logo img {

  max-height: 60px;

}

header .nav {

  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;

  height: 100%;

}

header .nav li {

  position: relative;

  height: 100%;

  z-index: 2;

}

header .nav li:first-child .li_nav .item_a a:first-child {

  margin-top: 36px;

}

header .nav li:hover .li_a,

header .nav li.on .li_a {

  color: #1f9191;

}

header .nav li .li_a {

  padding: 0 15px;

  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;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  white-space: nowrap;

}

@media (max-width: 1680px) {

  header .nav li .li_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  header .nav li .li_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  header .nav li .li_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  header .nav li .li_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  header .nav li .li_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  header .nav li .li_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  header .nav li .li_a {

    font-size: 13px;

  }

}

@media (max-width:1280px) {

  header .nav li .li_a {

    padding: 0 10px;

  }

}

header .nav li:hover .li_nav {

  max-height: 500px;

}

header .nav li .li_nav {

  background: rgba(255, 255, 255, 0.97);

  position: absolute;

  top: 70%;

  left: 0;

  width: auto;

  border-top: 0;

  padding: 0;

  border-radius: 4px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  height: auto;

  max-height: 0;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

header .nav li .li_nav .item_a {

  min-width: 240px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  min-height: 204px;

  margin: 20px 0;

}

header .nav li .li_nav .item_a a {

  display: block;

  line-height: 24px;

  font-size: 16px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #676767;

  padding: 10px 12px;

  white-space: nowrap;

  padding-left: 32px;

}

@media (max-width: 1680px) {

  header .nav li .li_nav .item_a a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  header .nav li .li_nav .item_a a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  header .nav li .li_nav .item_a a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  header .nav li .li_nav .item_a a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  header .nav li .li_nav .item_a a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  header .nav li .li_nav .item_a a {

    font-size: 14px;

  }

}

header .nav li .li_nav .item_a a:hover,

header .nav li .li_nav .item_a a.on {

  color: #1f9191;

}

header .nav li .li_nav .item_b {

  width: auto;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  height: 100%;

  padding: 36px;

}

header .nav li .li_nav .item_b h5 {

  font-size: 16px;

  color: #676767;

  line-height: 30px;

  font-weight: bold;

}

header .nav li .li_nav .item_b .items {

  width: 100%;

  margin: 16px 0 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;

}

header .nav li .li_nav .item_b .items a {

  width: 9.38vw;

  min-width: 150px;

  font-size: 16px;

}

@media (max-width: 1680px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  header .nav li .li_nav .item_b .items a {

    font-size: 14px;

  }

}

header .nav li .li_nav .item_b .items a:nth-child(2) {

  margin: 0 20px;

}

header .nav li .li_nav .item_b .items a:hover p {

  color: #1f9191;

}

header .nav li .li_nav .item_b .items a:hover .imgbox .art {

  opacity: 1;

}

header .nav li .li_nav .item_b .items a .p {

  height: 40px;

  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-bottom: 10px;

}

header .nav li .li_nav .item_b .items a p {

  text-align: center;

  color: #666;

  margin-bottom: 5px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

header .nav li .li_nav .item_b .items a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 60%;

  position: relative;

  overflow: hidden;

}

header .nav li .li_nav .item_b .items a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

header .nav li .li_nav .item_b .items a .imgbox .art {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: rgba(0, 0, 0, 0.35);

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

header .nav li .li_nav .item_b .items a .imgbox .art .btn_a {

  max-height: 40px;

}

header .lan {

  position: relative;

  padding: 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;

  z-index: 2;

}

header .lan i {

  font-size: 16px;

}

@media (max-width: 1680px) {

  header .lan i {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  header .lan i {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  header .lan i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  header .lan i {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  header .lan i {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  header .lan i {

    font-size: 14px;

  }

}

header .lan:hover .item_a {

  max-height: 500px;

  top: 90%;

}

header .lan .item_a {

  position: absolute;

  right: 20px;

  top: 80%;

  background: #f3f3f3;

  box-shadow: 0 0 3px #666;

  width: 235px;

  height: auto;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

header .lan .item_a a {

  padding: 10px 15px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

header .lan .item_a a:hover {

  background: #e8e8e8;

}

header .lan .item_a a img {

  width: 30px;

  margin-right: 15px;

}

header .lan .item_a a span {

  width: calc(100% - 45px);

}

header .serach {

  position: relative;

  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;

  cursor: pointer;

}

header .serach i {

  font-size: 18px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  font-weight: 600;

}

@media (max-width:1440px) {

  header .serach i {

    font-size: 16px;

  }

}

header .serach .i2 {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

  font-size: 22px;

  color: #1f9191;

}

@media (max-width:1440px) {

  header .serach .i2 {

    font-size: 20px;

  }

}

header .serach.on .i1 {

  opacity: 0;

}

header .serach.on .i2 {

  opacity: 1;

}

header .search_box {

  position: absolute;

  width: 100%;

  background: #1f9191;

  left: 0;

  top: 85%;

  display: none;

  height: 94px;

  padding: 25px 0;

}

header .search_box form {

  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;

  border-bottom: 1px solid #fff;

  height: 27px;

}

header .search_box form input {

  color: #fff;

  width: calc(100% - 30px);

  height: 100%;

  text-transform: capitalize;

  padding-left: 14px;

}

header .search_box form input::placeholder {

  color: #fff;

  font-size: 18px;

}

@media (max-width: 1680px) {

  header .search_box form input::placeholder {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  header .search_box form input::placeholder {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  header .search_box form input::placeholder {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  header .search_box form input::placeholder {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  header .search_box form input::placeholder {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  header .search_box form input::placeholder {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  header .search_box form input::placeholder {

    font-size: 14px;

  }

}

header .search_box form button {

  width: 40px;

  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;

  color: #fff;

}

header .search_box form button i {

  font-size: 20px;

}

@media (max-width: 1680px) {

  header .search_box form button i {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  header .search_box form button i {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  header .search_box form button i {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  header .search_box form button i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  header .search_box form button i {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  header .search_box form button i {

    font-size: 16px;

  }

}

@media (max-width:1440px) {

  header {

    height: 100px;

  }

}

@media (max-width:990px) {

  header {

    display: none;

  }

}

.head_wap {

  display: none;

}

@media (max-width:990px) {

  .head_wap {

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 60px;

    z-index: 999;

    background: #fff;

  }

  .head_wap .h_top {

    height: 100%;

    padding: 0 20px;

    border-bottom: 1px solid #eee;

    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;

  }

  .head_wap .h_top .logo {

    line-height: 0;

    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;

  }

  .head_wap .h_top .logo img {

    max-height: 40px;

    margin-right: 5px;

  }

  .head_wap .h_top .right {

    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;

    height: 100%;

  }

  .head_wap .h_top .right .lan {

    width: 25px;

    height: 25px;

    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;

    position: relative;

  }

  .head_wap .h_top .right .lan i {

    color: #1f9191;

    font-size: 20px;

  }

  .head_wap .h_top .right .lan .item_a {

    position: absolute;

    width: 120px;

    height: auto;

    background: #1f9191;

    padding: 5px;

    top: calc(100% + 10px);

    left: 50%;

    margin-left: -60px;

    display: none;

  }

  .head_wap .h_top .right .lan .item_a a {

    display: block;

    line-height: 30px;

    border-bottom: 1px solid #fff;

    text-align: center;

    color: #fff;

    font-size: 14px;

  }

  .head_wap .h_top .right .lan .item_a a:last-child {

    border: none;

  }

  .head_wap .h_top .open_nav {

    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;

  }

  .head_wap .h_top .open_nav.on i:first-child {

    -webkit-transform: translate(0, 7px) rotate(45deg);

    -ms-transform: translate(0, 7px) rotate(45deg);

    transform: translate(0, 7px) rotate(45deg);

  }

  .head_wap .h_top .open_nav.on i:nth-child(2) {

    opacity: 0;

  }

  .head_wap .h_top .open_nav.on i:last-child {

    -webkit-transform: translate(0, -7px) rotate(-45deg);

    -ms-transform: translate(0, -7px) rotate(-45deg);

    transform: translate(0, -7px) rotate(-45deg);

  }

  .head_wap .h_top .open_nav i {

    width: 24px;

    height: 2px;

    background-color: #1f9191;

    margin: 2.5px 0;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

  }

  .head_wap .h_bot {

    position: absolute;

    width: 100%;

    left: 0;

    background: #f7f7f7;

    overflow: hidden;

    padding: 20px;

    display: none;

  }

  .head_wap .h_bot .h_nav a:hover {

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li.on .a1 .top a {

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .top {

    height: 40px;

    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;

    border-bottom: 1px solid transparent;

  }

  .head_wap .h_bot .h_nav li .a1 .top.on {

    border-color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .top.on a {

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .top.on i {

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .top a {

    width: calc(100% - 50px);

    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;

    font-size: 16px;

    text-transform: uppercase;

  }

  .head_wap .h_bot .h_nav li .a1 .top i {

    width: 40px;

    height: 40px;

    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;

    font-size: 24px;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

  }

  .head_wap .h_bot .h_nav li .a1 .box {

    display: none;

    padding: 10px;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 {

    height: 35px;

    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;

    border-bottom: 1px solid transparent;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on {

    border-color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on a {

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on i {

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    color: #1f9191;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 a {

    width: calc(100% - 50px);

    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;

    font-size: 14px;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 i {

    width: 40px;

    height: 35px;

    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;

    font-size: 20px;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 {

    display: none;

    padding: 0 10px;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 a {

    width: 100%;

    line-height: 30px;

    font-size: 13px;

    display: block;

  }

  .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 a.on {

    color: #1f9191;

  }

  .head_wap .h_bot .h_search {

    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;

    height: 40px;

    margin: 10px 0;

  }

  .head_wap .h_bot .h_search input {

    width: calc(100% - 40px);

    height: 100%;

    background: #fff;

    padding: 0 15px;

    font-size: 16px;

    color: #333;

  }

  .head_wap .h_bot .h_search input::placeholder {

    font-size: 16px;

    color: #333;

  }

  .head_wap .h_bot .h_search a,

  .head_wap .h_bot .h_search button {

    width: 40px;

    height: 100%;

    background: #1f9191 url(../images/ss.png) no-repeat 50% 50%;

    color: #fff;

    font-size: 20px;

    text-align: center;

    line-height: 40px;

  }

  .head_wap .h_bot .h_lan {

    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;

    height: 40px;

    margin: 10px 0;

  }

  .head_wap .h_bot .h_lan a {

    font-size: 16px;

    color: #333;

    margin: 0 8px;

  }

  .head_wap .h_bot .h_lan a.on {

    color: #1f9191;

  }

}

.header_d {

  height: 120px;

}

@media (max-width:1440px) {

  .header_d {

    height: 100px;

  }

}

@media (max-width:990px) {

  .header_d {

    height: 60px;

  }

}

.banner {

  overflow: hidden;

  position: relative;

}

.banner .swiper-pagination {

  bottom: 1.3vw;

}

.banner .swiper-slide.swiper-slide-active .img img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

  animation: fd 6s infinite;

  animation-iteration-count: 1;

}

.banner .swiper-slide .img {

  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;

}

.banner .swiper-slide .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  min-height: 250px;

}

.banner .swiper-slide video {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: fill;

}

@media (max-width:990px) {

  .banner {

    height: 70vh;

  }

  .banner .swiper-slide {

    height: 100%;

  }

  .banner .swiper-slide .img {

    height: 100%;

  }

}

.swiper-pagination span {

  background: #000;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.swiper-pagination span.swiper-pagination-bullet-active {

  background: #1f9191;

}

.btn_a {

  background: transparent;

  height: 42px;

  padding: 0 25px;

  border: 1px solid #1f9191;

  font-size: 14px;

  color: #1f9191;

  display: inline-flex;

  display: -ms-inline-flexbox;

  display: -webkit-inline-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;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .btn_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .btn_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .btn_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .btn_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .btn_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .btn_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .btn_a {

    font-size: 13px;

  }

}

.btn_a.cf {

  border-color: #fff;

  color: #fff;

}

.btn_a:hover {

  border-color: #1f9191;

  color: #fff;

  background: #1f9191;

}

@media (max-width:1440px) {

  .btn_a {

    height: 36px;

    padding: 0 20px;

  }

}

@media (max-width:1280px) {

  .btn_a {

    height: 32px;

    padding: 0 15px;

  }

}

.title1,

.title1 a {

  font-size: 34px;

  color: #878787;

  text-align: center;

  line-height: 1.1;

  font-family: "Arial";

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .title1,

  .title1 a {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .title1,

  .title1 a {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .title1,

  .title1 a {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .title1,

  .title1 a {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .title1,

  .title1 a {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .title1,

  .title1 a {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .title1,

  .title1 a {

    font-size: 20px;

  }

}

.title1.cf,

.title1 a.cf,

.title1.cf a,

.title1 a.cf a {

  color: #fff;

}

.title1.cf a:hover,

.title1 a.cf a:hover,

.title1.cf a a:hover,

.title1 a.cf a a:hover {

  color: #fff;

  opacity: 0.8;

}

.title1 a:hover,

.title1 a a:hover {

  color: #1f9191;

}

.d_info {

  font-size: 14px;

  line-height: 30px;

  text-align: center;

}

@media (max-width: 1680px) {

  .d_info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .d_info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .d_info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .d_info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .d_info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .d_info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .d_info {

    font-size: 13px;

  }

}

.d_info.cf {

  color: #fff;

}

@media (max-width:1440px) {

  .d_info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .d_info {

    line-height: 24px;

  }

}

.what_index {

  padding: 4.17vw 0;

}

.what_index .d_info {

  margin: 1.82vw auto;

}

.what_index .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;

}

.what_index .items .item {

  width: calc(33.33% - 1.3vw);

  position: relative;

}

.what_index .items .item:hover .art {

  opacity: 0;

}

.what_index .items .item:hover .art2 {

  opacity: 1;

}

.what_index .items .item .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 125%;

  position: relative;

  overflow: hidden;

}

.what_index .items .item .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.what_index .items .item .art {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.35);

  z-index: 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;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.what_index .items .item .art .icon {

  width: 4.43vw;

  height: 4.43vw;

  border: 1px solid rgba(255, 255, 255, 0.6);

  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;

  min-width: 40px;

  min-height: 40px;

}

.what_index .items .item .art .icon img {

  max-width: 50%;

}

.what_index .items .item .art p {

  margin-top: 1.3vw;

  font-size: 18px;

  text-align: center;

  color: #fff;

}

@media (max-width: 1680px) {

  .what_index .items .item .art p {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .what_index .items .item .art p {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art p {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .what_index .items .item .art p {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .what_index .items .item .art p {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .what_index .items .item .art p {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art p {

    font-size: 14px;

  }

}

.what_index .items .item .art2 {

  position: absolute;

  left: 20px;

  bottom: 20px;

  width: calc(100% - 40px);

  background: #fff;

  z-index: 3;

  border-radius: 10px;

  text-align: center;

  padding: 25px 24px 20px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 0;

}

.what_index .items .item .art2 h5 {

  font-size: 18px;

  color: #1f9191;

  font-family: 'ro_b';

  line-height: 32px;

}

@media (max-width: 1680px) {

  .what_index .items .item .art2 h5 {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .what_index .items .item .art2 h5 {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art2 h5 {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .what_index .items .item .art2 h5 {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .what_index .items .item .art2 h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .what_index .items .item .art2 h5 {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art2 h5 {

    font-size: 14px;

  }

}

.what_index .items .item .art2 h5:hover {

  opacity: 0.8;

}

.what_index .items .item .art2 .info {

  font-size: 14px;

  line-height: 26px;

  height: auto;

  margin: 5px 0;

  max-height: 130px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

  color: #565351;

}

@media (max-width: 1680px) {

  .what_index .items .item .art2 .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .what_index .items .item .art2 .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art2 .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .what_index .items .item .art2 .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .what_index .items .item .art2 .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .what_index .items .item .art2 .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .what_index .items .item .art2 .info {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .what_index .items .item .art2 .info {

    line-height: 24px;

    max-height: 120px;

  }

}

@media (max-width:1280px) {

  .what_index .items .item .art2 .info {

    line-height: 22px;

    max-height: 110px;

  }

}

.what_index .items .item .art2 .p1 {

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  opacity: 1;

  line-height: 22px;

  color: #1f9191;

  font-size: 13px;

  margin-top: 10px;

}

.what_index .items .item .art2 .p1 span {

  text-transform: uppercase;

}

.what_index .items .item .art2 .p1:hover {

  opacity: 0.8;

}

.what_index .items .item .art2 .p1 i {

  width: 18px;

  height: 18px;

  background: #1f9191;

  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;

  border-radius: 50%;

  margin-left: 10px;

  font-size: 14px;

  padding-top: 2px;

}

@media (max-width:768px) {

  .what_index {

    padding: 40px 0;

  }

  .what_index .d_info {

    margin: 15px 0 20px;

  }

  .what_index .items {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

  }

  .what_index .items .item {

    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;

    margin-bottom: 15px;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);

  }

  .what_index .items .item .imgbox {

    width: 45%;

    padding-bottom: 50%;

  }

  .what_index .items .item .art {

    display: none;

  }

  .what_index .items .item .art2 {

    width: 55%;

    position: relative;

    left: auto;

    bottom: auto;

    opacity: 1;

    height: 100%;

    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;

  }

  .what_index .items .item .art2 h5 {

    margin-bottom: 15px;

  }

  .what_index .items .item .art2 .info {

    display: none;

  }

}

.tec_index {

  position: relative;

  z-index: 1;

}

.tec_index .tec_head {

  width: 100%;

  height: auto;

  position: relative;

  z-index: 1;

  padding: 4.17vw 0;

  background: #1f9191;

  overflow: hidden;

}

.tec_index .d_info {

  margin: 1.3vw 0;

}

.tec_index .d_info p strong {

  font-family: "ro_b";

}

.tec_index .tec_body {

  width: 100%;

  height: auto;

  margin-top: -3vw;

  padding: 0 0 4.17vw;

  position: relative;

  z-index: 2;

}

.tec_index .items {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: -36px;

}

.tec_index .items .item {

  width: calc(33.33% - 24px);

  margin: 0 36px 36px 0;

  /*box-shadow: 0 0 10px 0 #ddd;*/

  background: #fff;

  padding: 25px 17px;

  box-shadow: 0 1px 3px #ddd;

  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;

}

.tec_index .items .item:nth-child(3n) {

  margin-right: 0;

}

.tec_index .items .item:hover .icon {

  border-color: #1f9191;

  border-width: 0;

}

.tec_index .items .item .icon {

  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: 6.88vw;

  height: 6.88vw;

  margin: 0 auto;

  border-radius: 100%;

  border: 6px solid #fff;

  min-width: 50px;

  min-height: 50px;

  box-shadow: 0 0 0 1px #1f9191;

  background: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.tec_index .items .item .icon img {

  max-width: 50%;

}

.tec_index .items .item h5 {

  font-size: 22px;

  color: #1f9191;

  line-height: 32px;

  margin: 16px auto;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  font-family: "ro_b";

  text-align: center;

}

@media (max-width: 1680px) {

  .tec_index .items .item h5 {

    font-size: 19.25px;

  }

}

@media (max-width: 1440px) {

  .tec_index .items .item h5 {

    font-size: 16.5px;

  }

}

@media (max-width: 1280px) {

  .tec_index .items .item h5 {

    font-size: 14.66666667px;

  }

}

@media (max-width: 1024px) {

  .tec_index .items .item h5 {

    font-size: 11.73333333px;

  }

}

@media (max-width: 1680px) {

  .tec_index .items .item h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .tec_index .items .item h5 {

    font-size: 16px;

  }

}

.tec_index .items .item h5:hover {

  text-decoration: underline;

}

.tec_index .items .item .info {

  font-size: 14px;

  line-height: 28px;

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

}

@media (max-width: 1680px) {

  .tec_index .items .item .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .tec_index .items .item .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .tec_index .items .item .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .tec_index .items .item .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .tec_index .items .item .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .tec_index .items .item .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .tec_index .items .item .info {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .tec_index .items .item .info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .tec_index .items .item .info {

    line-height: 24px;

  }

}

.tec_index .items .item .btn_a {

  font-size: 13px;

  margin-top: 16px;

  height: 36px;

  font-family: "ro_b";

  text-transform: uppercase;

}

@media (max-width:1440px) {

  .tec_index .items .item {

    width: calc(33.33% - 20px);

    margin: 0 30px 30px 0;

  }

}

@media (max-width:1280px) {

  .tec_index .items .item {

    width: calc(33.33% - 13.3px);

    margin: 0 20px 20px 0;

  }

}

@media (max-width:768px) {

  .tec_index .tec_head {

    padding: 40px 0;

  }

  .tec_index .tec_body {

    margin-top: -20px;

    padding: 0 0 40px;

  }

  .tec_index .d_info {

    margin: 15px 0;

  }

  .tec_index .items {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    margin-bottom: -15px;

  }

  .tec_index .items .item {

    width: calc(50% - 7.5px);

    margin-right: 0;

    margin-bottom: 15px;

    padding: 20px 15px;

  }

  .tec_index .items .item h5 {

    margin: 10px 0 5px;

  }

}

.fea_index {

  padding: 4.17vw 0;

  background: #f3f4f6;

}

.fea_index .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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.fea_index .top h2 {

  text-align: left;

}

.fea_index .top > a {

  font-size: 14px;

  color: #1f9191;

  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;

}

@media (max-width: 1680px) {

  .fea_index .top > a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .fea_index .top > a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .fea_index .top > a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .fea_index .top > a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .fea_index .top > a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .fea_index .top > a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .fea_index .top > a {

    font-size: 13px;

  }

}

.fea_index .top > a:hover span {

  text-decoration: underline;

}

.fea_index .top > a span {

  text-transform: uppercase;

}

.fea_index .top > a i {

  margin-left: 15px;

}

.fea_index .items {

  width: 100%;

  height: 610px;

  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;

  margin-top: 2.13vw;

}

.fea_index .items .left {

  width: calc(35.76% - 5px);

  height: 100%;

}

.fea_index .items .left .item {

  width: 100%;

  height: 100%;

}

.fea_index .items .left .item .img img {

  max-width: 90%;

  max-height: 90%;

}

.fea_index .items .right {

  width: calc(64.24% - 5px);

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.fea_index .items .right .item {

  height: calc(50% - 5px);

  margin-bottom: 10px;

}

.fea_index .items .right .item2 {

  width: calc(62% - 5px);

}

.fea_index .items .right .item2:nth-child(2),

.fea_index .items .right .item2:nth-child(3) {

  width: calc(38% - 5px);

}

.fea_index .items .right .item3 {

  width: calc(38% - 5px);

}

.fea_index .items .item {

  background: #fff;

  display: block;

  position: relative;

}

.fea_index .items .item:hover .tip {

  background: #1f9191;

  color: #fff;

}

.fea_index .items .item:hover .img img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.fea_index .items .item:hover .p1 {

  color: #1f9191;

}

.fea_index .items .item .tip {

  position: absolute;

  top: 35px;

  left: 0;

  background-color: #f3f4f6;

  z-index: 3;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  color: #1f9191;

  padding: 6px 22px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  font-size: 14px;

}

@media (max-width: 1680px) {

  .fea_index .items .item .tip {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .fea_index .items .item .tip {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .fea_index .items .item .tip {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .fea_index .items .item .tip {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .fea_index .items .item .tip {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .fea_index .items .item .tip {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .fea_index .items .item .tip {

    font-size: 13px;

  }

}

.fea_index .items .item .img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  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;

  z-index: 1;

  overflow: hidden;

}

.fea_index .items .item .img img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  max-width: 70%;

  max-height: 70%;

}

.fea_index .items .item .p1 {

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 100%;

  text-align: center;

  z-index: 2;

  font-size: 16px;

}

@media (max-width: 1680px) {

  .fea_index .items .item .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .fea_index .items .item .p1 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .fea_index .items .item .p1 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .fea_index .items .item .p1 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .fea_index .items .item .p1 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .fea_index .items .item .p1 {

    font-size: 14px;

  }

}

.fea_index .items .item .p_p1 {

  position: absolute;

  bottom: 20px;

  left: 0;

  width: 100%;

  text-align: center;

  z-index: 2;

  font-size: 14px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  padding: 0 15px;

}

@media (max-width: 1680px) {

  .fea_index .items .item .p_p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .fea_index .items .item .p_p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .fea_index .items .item .p_p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .fea_index .items .item .p_p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .fea_index .items .item .p_p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .fea_index .items .item .p_p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .fea_index .items .item .p_p1 {

    font-size: 13px;

  }

}

@media (max-width:768px) {

  .fea_index {

    padding: 40px 0;

  }

  .fea_index .top h2 {

    margin-bottom: 5px;

  }

  .fea_index .items {

    margin-top: 15px;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    height: auto;

  }

  .fea_index .items .left {

    width: 100%;

    height: 180px;

    margin-bottom: 10px;

    min-height: 285px;

  }

  .fea_index .items .left .item .img img {

    max-width: 90%;

    max-height: 90%;

  }

  .fea_index .items .right {

    width: 100%;

  }

  .fea_index .items .right .item {

    min-height: 285px;

  }

  .fea_index .items .item {

    width: 100%;

    height: 200px;

  }

  .fea_index .items .item .tip {

    padding: 5px 10px;

    font-size: 12px;

    top: 15px;

  }

  .fea_index .items .item .p_p1 {

    bottom: 10px;

  }

  .fea_index .items .item .img img {

    max-width: 55%;

    max-height: 55%;

  }

  .fea_index .items .item:nth-child(2) ~ .item {

    display: none;

  }

}

@media (max-width:480px) {

  .fea_index .items .left {

    min-height: 500px;

  }

  .fea_index .items .right {

    -webkit-box-orient: vertical;

    -ms-flex-direction: column;

    -webkit-flex-direction: column;

    flex-direction: column;

  }

  .fea_index .items .right .item {

    height: 260px;

  }

  .fea_index .items .right .item2 {

    width: 100%;

  }

  .fea_index .items .right .item2:nth-child(2),

  .fea_index .items .right .item2:nth-child(3) {

    width: 100%;

  }

}

.about_index {

  padding-top: 5.21vw;

  color: #fff;

  position: relative;

  width: 100%;

  background: url(../images/j8.jpg) no-repeat;

  font-size: 0;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

}

.about_index .p1 {

  font-size: 12px;

  color: rgba(255, 255, 255, 0.7);

  text-transform: uppercase;

}

.about_index h2 {

  text-align: left;

  margin: 1.04vw 0 1.82vw;

}

.about_index h2.cf:hover {

  opacity: 1;

  color: #1f9191;

}

.about_index .info {

  font-size: 14px;

  line-height: 32px;

  color: rgba(255, 255, 255, 0.8);

  /*margin-bottom: 4.17vw;*/

  max-width: 1300px;

  overflow: hidden;

}

.abo-more{
    color:#ffffff;
    width:10%; 
    height:30%; 
    margin-top:2.5%; 
    background-color:#289182; 
    border-radius:10px; 
    float:left; 
    text-indent:2.2rem; 
    line-height:34px;
    margin-left: 3%;
    background-image: url(../images/adaindex2.png);
    background-repeat: no-repeat;
    background-position: 100% 47%;
}

@media (max-width: 1680px) {

  .about_index .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .about_index .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .about_index .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .about_index .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .about_index .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .about_index .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .about_index .info {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .about_index .info {

    line-height: 26px;

  }

}

@media (max-width:768px) {

  .about_index .info {

    max-height: 35vh;

    overflow-y: auto;

  }

}

.about_index .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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: 1.56vw;

}

.about_index .btns a {

  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;

  margin-right: 25px;

  margin-bottom: 10px;

}

.about_index .btns a:hover .i {

  background: #1f9191;

  border-color: #1f9191;

}

.about_index .btns a .i {

  width: 4.01vw;

  height: 4.01vw;

  border: 1px solid rgba(255, 255, 255, 0.6);

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  min-width: 40px;

  min-height: 40px;

}

.about_index .btns a .i i {

  width: 75%;

  height: 75%;

  background: #fff;

  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;

  color: #1f9191;

  font-size: 16px;

}

@media (max-width: 1680px) {

  .about_index .btns a .i i {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .about_index .btns a .i i {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .about_index .btns a .i i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .about_index .btns a .i i {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .about_index .btns a .i i {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .about_index .btns a .i i {

    font-size: 14px;

  }

}

.about_index .btns a span {

  font-size: 14px;

  color: #1f9191;

  margin-left: 15px;

}

@media (max-width: 1680px) {

  .about_index .btns a span {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .about_index .btns a span {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .about_index .btns a span {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .about_index .btns a span {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .about_index .btns a span {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .about_index .btns a span {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .about_index .btns a span {

    font-size: 13px;

  }

}

.about_index .items {

  background: rgba(0, 0, 0, 0.2);

  padding: 40px 0 25px;

}

.about_index .items .w1300 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -moz-justify-content: space-around;

  -webkit-justify-content: space-around;

  justify-content: space-around;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.about_index .items .item {

  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;

  width: calc(25% - 1px);

  padding: 0 10px;

}

.about_index .items .item .icon {

  width: 50px;

  height: 50px;

  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_index .items .item h2 {

  font-size: 36px;

  margin: 15px 0;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .about_index .items .item h2 {

    font-size: 31.5px;

  }

}

@media (max-width: 1440px) {

  .about_index .items .item h2 {

    font-size: 27px;

  }

}

@media (max-width: 1280px) {

  .about_index .items .item h2 {

    font-size: 24px;

  }

}

@media (max-width: 1024px) {

  .about_index .items .item h2 {

    font-size: 19.2px;

  }

}

.about_index .items .item p {

  font-size: 16px;

  text-align: center;

  line-height: 20px;

  height: 40px;

}

@media (max-width: 1680px) {

  .about_index .items .item p {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .about_index .items .item p {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .about_index .items .item p {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .about_index .items .item p {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .about_index .items .item p {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .about_index .items .item p {

    font-size: 14px;

  }

}

.about_index .items i {

  width: 1px;

  height: 4.17vw;

  background: rgba(255, 255, 255, 0.6);

  position: relative;

  min-height: 60px;

}

.about_index .items i:before {

  content: '';

  width: 3px;

  height: 20px;

  position: absolute;

  left: -1px;

  top: 50%;

  background: #1f9191;

  margin-top: -10px;

}

.about_index .items i:last-child {

  display: none;

}

@media (max-width:768px) {

  .about_index {

    padding-top: 40px;

  }

  .about_index h2 {

    margin: 10px 0;

  }

  .about_index .info {

    margin-bottom: 30px;

  }

  .about_index .btns {

    margin-bottom: 20px;

  }

  .about_index .items {

    padding: 30px 0 15px;

  }

  .about_index .items i {

    display: none;

  }

  .about_index .items .item {

    width: 50%;

  }

  .about_index .items .item .icon {

    width: 40px;

    height: 40px;

  }

  .about_index .items .item h2 {

    margin: 5px 0;

  }

}

.ins_index {

  padding: 4.17vw 0;

}

.ins_index .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;

}

.ins_index .top h2 {

  text-align: left;

}

.ins_index .top .btns {

  width: 90px;

  height: 40px;

  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;

}

.ins_index .top .btns .swiper-button-prev,

.ins_index .top .btns .swiper-button-next {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #f4f4f4;

  position: relative;

  margin: 0;

  padding: 0;

  top: auto;

  left: auto;

  right: auto;

  color: #000;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.ins_index .top .btns .swiper-button-prev:after,

.ins_index .top .btns .swiper-button-next:after {

  font-size: 14px;

}

.ins_index .top .btns .swiper-button-prev:hover,

.ins_index .top .btns .swiper-button-next:hover {

  background: #1f9191;

  color: #fff;

}

.ins_index .btn {

  margin: 40px auto 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: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.ins_index .btn .btn_a {

  border: 1px solid #efefef;

  padding: 16px 32px;

  color: #565351;

  height: auto;

}

.ins_index .btn .btn_a:hover {

  background: none;

  color: #1f9191;

  border: 1px solid #1f9191;

}

.ins_index .btn .btn_a i {

  margin-left: 15px;

  color: #1f9191;

}

@media (max-width:1440px) {

  .ins_index .btn {

    margin-top: 30px;

  }

}

@media (max-width:1280px) {

  .ins_index .btn {

    margin-top: 25px;

  }

}

@media (max-width:768px) {

  .ins_index {

    padding: 40px 0;

  }

}

.ins_s {

  overflow: hidden;

  margin-top: 2.6vw;

}

.ins_s a:hover .art .bot {

  padding: 0 10px;

}

.ins_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 70%;

  position: relative;

  overflow: hidden;
  
  background-color:#ffffff;

}

.ins_s a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 80%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s; 

  margin-left:25%;
  
  margin-top:25px;

}

.ins_s a .imgbox:hover img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.ins_s a .art {

  padding: 20px 0px;

  background: #ffffff;

}

.ins_s a .art .p1 {

  font-size: 14px;

  color: #1f9191;

}

@media (max-width: 1680px) {

  .ins_s a .art .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .ins_s a .art .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .ins_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .p1 {

    font-size: 13px;

  }

}

.ins_s a .art h5 {

  font-size: 16px;

  font-weight: 600;

  line-height: 40px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  font-family: "ro_b";

  color: #565351;
  
  background-image: url(../images/adaindex2.png);
  background-repeat: no-repeat;
  background-position: 110% 50%;
}

}

@media (max-width: 1680px) {

  .ins_s a .art h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .ins_s a .art h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .ins_s a .art h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .ins_s a .art h5 {

    font-size: 14px;

  }

}

.ins_s a .art h5:hover {

  color: #1f9191;

}

.ins_s a .art .info {

  font-size: 14px;

  line-height: 28px;

  height: 104px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

}

@media (max-width: 1680px) {

  .ins_s a .art .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .ins_s a .art .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .ins_s a .art .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .info {

    font-size: 13px;

  }

}

.ins_s a .art .line {

  width: 100%;

  height: 1px;

  background: #279282;


}

.ins_s a .art .bot {

  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;

  color: #1f9191;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .ins_s a .art .bot {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .ins_s a .art .bot {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .bot {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .bot {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .ins_s a .art .bot {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .ins_s a .art .bot {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .ins_s a .art .bot {

    font-size: 13px;

  }

}

.ins_s a .art .bot i {

  margin-left: 10px;

}

.ins_s a .art .bot .p3 {

  text-transform: uppercase;

}

@media (max-width:1440px) {

  .ins_s a .art {

    padding: 20px;

  }

  .ins_s a .art h5 {

    line-height: 24px;

    height: 48px;

  }

  .ins_s a .art .info {

    line-height: 22px;

    height: 88px;

  }

  .ins_s a .art .line {

    margin: 15px 0;

  }

}

@media (max-width:768px) {

  .ins_s {

    margin-top: 20px;

  }

}

.res_index {

  padding: 2.81vw 0;

  background: #1f9191;

}

@media (max-width:768px) {

  .res_index {

    padding: 20px 0;

  }

}

.ins2_index {

  padding: 4.17vw 0;

}

.ins2_index .w1300 {

  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;

}

.ins2_index .left {

  width: 50%;

}

.ins2_index .right {

  width: 100%;

  padding-left: 0vw;

}

.ins2_index h3 {

  font-size: 34px;

  color: #878787;

  text-align: left;

  line-height: 1.1;



  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .ins2_index h3 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .ins2_index h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .ins2_index h3 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .ins2_index h3 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .ins2_index h3 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .ins2_index h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .ins2_index h3 {

    font-size: 16px;

  }

}

.ins2_index h3:hover {

  color: #1f9191;

}

.ins2_index .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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: 2.34vw;

}

.ins2_index .top a {

  color: #1f9191;

}

.ins2_index .top a:last-child {

  text-transform: uppercase;

}

.ins2_index .top a:hover span {

  text-decoration: underline;

}

.ins2_index .top a i {

  margin-left: 10px;

}

@media (max-width:768px) {

  .ins2_index {

    padding: 25px 0;

  }

  .ins2_index .left {

    width: 100%;

    margin-bottom: 20px;

  }

  .ins2_index .right {

    width: 100%;

  }

  .ins2_index .top {

    margin-bottom: 15px;

  }

}

.video_index .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;

}

.video_index .items a {

  width: calc(50% - 7.5px);

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  box-shadow: 0 0 0px #666;

}

.video_index .items a:hover {

  box-shadow: 0 0 5px #666;

}

.video_index .items a:hover .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.video_index .items a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 56.56%;

  position: relative;

  overflow: hidden;

}

.video_index .items a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.video_index .items a p {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  line-height: 50px;

  font-size: 14px;

}

.video_index .items a p:hover {

  color: #1f9191;

}

.res_list {

  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;

}

.res_list li {

  /*border-bottom: 1px solid #e9e9e9;*/

  /*padding: 0.94vw 0;*/
  
  background-image: url(../images/adaindex2.png);
  background-repeat: no-repeat;
  background-position: 102% 110%;
  background-color: #f9f9f9;


}

.res_list li:first-child {

  padding-top: 0;

}

.res_list 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: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

  align-items: flex-start;

  font-size: 14px;

  line-height: 28px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .res_list li a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .res_list li a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .res_list li a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .res_list li a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .res_list li a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .res_list li a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .res_list li a {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .res_list li a {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .res_list li a {

    line-height: 24px;

  }

}

.res_list li a:hover {

  color: #1f9191;

}

.res_list li a i {

  width: 25px;

  font-size: 14px;

}

@media (max-width: 1680px) {

  .res_list li a i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .res_list li a i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .res_list li a i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .res_list li a i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .res_list li a i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .res_list li a i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .res_list li a i {

    font-size: 13px;

  }

}

.res_list li a p {

  width: calc(100% - 25px);

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

@media (max-width:768px) {

  .res_list li {

    padding: 10px 0;

  }

}

.mes_index {

  padding: 0 0 3.17vw;

}

.mes_index 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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  width: 1020px;

  max-width: 100%;

  margin: 2.6vw auto 0;

}

.mes_index form label {

  width: calc(50% - 12px);

  margin-bottom: 24px;

  border: 1px solid #e6e6e6;

  position: relative;

}

.mes_index form label .spans {

  width: 30px;

  height: 20px;

  display: block;

  text-align: center;

  line-height: 20px;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

.mes_index form label.l1 {

  width: 100%;

}

.mes_index form label.on p {

  display: block;

}

.mes_index form label input,

.mes_index form label textarea {

  border-radius: 0;

  width: 100%;

  height: 46px;

  font-size: 16px;

  color: #666;

  background: rgba(255, 255, 255, 0.4);

  padding: 0 15px 0 30px;

  font-family: "ro_r";

}

@media (max-width: 1680px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .mes_index form label input,

  .mes_index form label textarea {

    font-size: 14px;

  }

}

.mes_index form label input::placeholder,

.mes_index form label textarea::placeholder {

  font-size: 16px;

  color: #666;

  font-family: "ro_r";

}

@media (max-width: 1680px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .mes_index form label input::placeholder,

  .mes_index form label textarea::placeholder {

    font-size: 14px;

  }

}

.mes_index form label textarea {

  height: 140px;

  padding: 15px;

}

.mes_index form label p {

  color: #a94442;

  font-size: 14px;

  display: none;

}

@media (max-width: 1680px) {

  .mes_index form label p {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .mes_index form label p {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .mes_index form label p {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .mes_index form label p {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .mes_index form label p {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .mes_index form label p {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .mes_index form label p {

    font-size: 13px;

  }

}

.mes_index form .btn {

  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;

  width: 100%;

  margin-top: 1.04vw;

}

.mes_index form .btn .btn_a {

  color: #1f9191;

  font-size: 18px;

  height: 50px;

  padding: 0 64px;

  background: #fff;

}

@media (max-width: 1680px) {

  .mes_index form .btn .btn_a {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .mes_index form .btn .btn_a {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .mes_index form .btn .btn_a {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .mes_index form .btn .btn_a {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .mes_index form .btn .btn_a {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .mes_index form .btn .btn_a {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .mes_index form .btn .btn_a {

    font-size: 14px;

  }

}

.mes_index form .btn .btn_a:hover {

  color: #fff;

  background: transparent;

}

@media (max-width:768px) {

  .mes_index form .btn .btn_a {

    height: 36px;

    padding: 0 30px;

  }

}

.mes_index form button {

  padding: 0 2.86vw;

  font-family: "ro_b";

  text-transform: uppercase;

}

@media (max-width:768px) {

  .mes_index {

    padding: 20px 0 40px;

  }

  .mes_index form {

    margin-top: 20px;

  }

  .mes_index form label {

    width: 100%;

    margin-bottom: 10px;

  }

  .mes_index form label input {

    height: 40px;

  }

  .mes_index form label textarea {

    height: 120px;

  }

}

footer {

  background: #f3f4f6;

}

@media (max-width:768px) {

  footer {

    padding-bottom: 50px;

  }

}

.foot1 {

  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: 2.17vw 0;

}

.foot1 .left {

  width: 16%;

}

.foot1 .left .logo {

  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;

}

.foot1 .left .logo img {

  max-height: 95px;

}

.foot1 .left 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: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  width: 100%;

  height: 50px;

  border-radius: 25px;

  background: #fff;

  padding: 10px;

  margin: 0.78vw 0 1.3vw;

  box-shadow: 0 1px 3px #ddd;

}

.foot1 .left form input {

  width: calc(100% - 40px);

  padding: 0 15px;

}

.foot1 .left form button {

  width: 30px;

  height: 30px;

  background: #1f9191;

  border-radius: 50%;

  color: #fff;

}

.foot1 ul {

  width: 79%;

  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;
  
  margin-left:4%;

}

.foot1 ul li .a1 {

  font-size: 20px;

  text-transform: uppercase;

  margin-bottom: 15px;

  display: block;

  color: #3a998b;

  font-family: "Arial";
  
  font-weight: bold;
  
  

}

@media (max-width: 1680px) {

  .foot1 ul li .a1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .foot1 ul li .a1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .foot1 ul li .a1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .foot1 ul li .a1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .foot1 ul li .a1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .foot1 ul li .a1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .foot1 ul li .a1 {

    font-size: 13px;

  }

}

.foot1 ul li .a1:hover {

  color: #1f9191;

}

.foot1 ul li .item_a a {

  line-height: 30px;

  font-size: 14px;

  color: #666;

  display: block;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;
  
  font-family: 'Arial';

}

.foot1 ul li .item_a a:hover {

  color: #1f9191;

}

@media (max-width:768px) {

  .foot1 {

    padding: 40px 0 20px;

  }

  .foot1 .left {

    width: 100%;

  }

  .foot1 .left form {

    margin: 10px 0 15px;

    height: 40px;

    border-radius: 20px;

    padding: 5px;

  }

  .foot1 ul {

    display: none;

  }

}

.share {

  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;

}

.share 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: 35px;

  height: 35px;

  border-radius: 50%;

  border: 1px solid #1f9191;

  color: #1f9191;

  margin-right: 10px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.share a:hover {

  background: #1f9191;

  color: #fff;

}

.share a.icon-weixin2{

    font-size: 20px;

    position: relative;

}

.share a.icon-weixin2 .codeImg{

    position: absolute; top: calc(100% + 10px); width: 120px; height: auto; opacity: 0; transition: all 0.5s; border-radius: 10px; overflow: hidden;

}



.share a.icon-weixin2:hover .codeImg{

    opacity: 1;

}

.foot2 .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;

}

.foot2 .top span {

  width: auto;

  white-space: nowrap;

  padding-right: 50px;

}

.foot2 .top .line {

  width: 100%;

  height: 1px;

  background: #e9e9e9;

}

.foot2 .item_a {

  padding: 1vw 0 1.8vw;

  line-height: 24px;

}

.foot2 .item_a a {

  font-size: 13px;

  color: #666;

  padding-right: 4px;

  position: relative;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.foot2 .item_a a:hover {

  color: #1f9191;

}

.foot2 .item_a a:first-child:before {

  display: none;

}

.foot2 .item_a a:before {

  content: '|';

  font-size: 13px;

  color: #666;

  margin-right: 8px;

}

@media (max-width:768px) {

  .foot2 .item_a {

    padding: 5px 0 15px;

  }

}

.foot3 {

  background: #1f9191;

  padding: 20px 0;

}

.foot3 .w1300 {

  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;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.foot3 * {

  font-size: 14px;

  color: #fff;

}

@media (max-width: 1680px) {

  .foot3 * {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .foot3 * {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .foot3 * {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .foot3 * {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .foot3 * {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .foot3 * {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .foot3 * {

    font-size: 13px;

  }

}

.foot3 a {

  font-size: 14px;

  color: #fff;

}

@media (max-width: 1680px) {

  .foot3 a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .foot3 a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .foot3 a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .foot3 a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .foot3 a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .foot3 a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .foot3 a {

    font-size: 13px;

  }

}

.foot3 a:hover {

  text-decoration: underline;

}

@media (max-width:768px) {

  .foot3 {

    text-align: center;

    padding: 15px 0;

  }

  .foot3 .left,

  .foot3 .right {

    width: 100%;

    line-height: 20px;

  }

}

.kf {

  position: fixed;

  width: 50px;

  height: auto;

  top: 50%;

  right: -50px;

  z-index: 999;

  background: #fff;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.kf.on {

  right: 0;

}

.kf a {

  width: 50px;

  height: 50px;

  position: relative;

  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: #1f9191;

  color: #fff;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.kf a:before {

  content: '';

  width: 100%;

  height: 1px;

  background: #fff;

  position: absolute;

  left: 0;

  bottom: 0px;

}

.kf a:last-child:before {

  display: none;

}

.kf a i {

  font-size: 25px;

}

@media (max-width: 1680px) {

  .kf a i {

    font-size: 21.875px;

  }

}

@media (max-width: 1440px) {

  .kf a i {

    font-size: 18.75px;

  }

}

@media (max-width: 1280px) {

  .kf a i {

    font-size: 16.66666667px;

  }

}

@media (max-width: 1024px) {

  .kf a i {

    font-size: 13.33333333px;

  }

}

.kf a p {

  position: absolute;

  right: 0;

  opacity: 0;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  background: #1f9191;

  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;

  width: 0;

  overflow: hidden;

  white-space: nowrap;

  font-size: 14px;

}

.kf a p:before {

  content: '';

  width: 100%;

  height: 1px;

  background: #fff;

  position: absolute;

  left: 0;

  bottom: 0px;

}

.kf a:hover p {

  opacity: 1;

  padding: 0 15px;

  width: auto;

  right: 100%;

}

.kf a.go_top {

  background: #b1b1b1;

}

.kf a.go_top:hover {

  background: #1f9191;

}

@media (max-width:768px) {

  .kf {

    top: auto;

    bottom: 0;

    right: auto;

    left: 0;

    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;

  }

  .kf.on {

    right: auto;

  }

  .kf a {

    width: calc(25% - 0.5px);

    margin-bottom: 0;

  }

  .kf a:last-child:before {

    display: block;

  }

  .kf a:before {

    bottom: auto;

    top: 0;

  }

  .kf a i {

    font-size: 20px;

  }

  .kf a p {

    display: none !important;

  }

}

.banner_info {

  position: relative;

}

.banner_info.banner_info2 .img img {

  min-height: 500px;

}



.banner_info .img::after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  z-index: 10;

  position: absolute;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.3);

}

.banner_info .art {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  color: #fff;

}

.banner_info .art .divs {

  font-size: 18px;

  line-height: 32px;

  color: #fff;

  padding: 6px 0;

  text-align: center;

}

.banner_info .art.art2 .w1300 {

  -webkit-box-align: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

  align-items: flex-start;

}

.banner_info .art.art2 .w1300 h3 {

  font-size: 42px;

  line-height: 1.2;

}

@media (max-width: 1680px) {

  .banner_info .art.art2 .w1300 h3 {

    font-size: 36.75px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art2 .w1300 h3 {

    font-size: 31.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art2 .w1300 h3 {

    font-size: 28px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art2 .w1300 h3 {

    font-size: 22.4px;

  }

}

.banner_info .art.art2 .w1300 h2 {

  font-size: 50px;

  text-align: left;

  line-height: 1.2;

  font-family: "ro_b";

  margin: 2.08vw 0 2.6vw;

}

@media (max-width: 1680px) {

  .banner_info .art.art2 .w1300 h2 {

    font-size: 43.75px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art2 .w1300 h2 {

    font-size: 37.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art2 .w1300 h2 {

    font-size: 33.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art2 .w1300 h2 {

    font-size: 26.66666667px;

  }

}

.banner_info .art.art2 .w1300 .btn_a {

  display: inline-block;

  vertical-align: top;

  line-height: 30px;

  padding: 15px 45px;

  background: #1f9191;

  color: #fff;

  font-size: 20px;

  height: auto;

  border: 0;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art2 .w1300 .btn_a {

    font-size: 16px;

  }

}

.banner_info .art.art2 .w1300 .btn_a:hover {

  text-decoration: underline;

}

@media (max-width:768px) {

  .banner_info .art.art2 .w1300 .btn_a {

    padding: 10px 30px;

  }

}

@media (max-width:480px) {

  .banner_info .art.art2 .w1300 .btn_a {

    line-height: 22px;

    padding: 10px 25px;

  }

}

.banner_info .art.art3 .w1300 {

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.banner_info .art.art3 .w1300 h2 {

  padding: 0 5.21vw;

  text-align: center;

  margin-top: 0;

}

.banner_info .art.art4 {

  background: rgba(0, 0, 0, 0.15);

}

.banner_info .art.art4 .w1300 {

  padding-top: 5.21vw;

}

.banner_info .art.art4 .w1300 h2 {

  font-size: 50px;

  text-align: center;

}

@media (max-width: 1680px) {

  .banner_info .art.art4 .w1300 h2 {

    font-size: 43.75px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art4 .w1300 h2 {

    font-size: 37.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art4 .w1300 h2 {

    font-size: 33.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art4 .w1300 h2 {

    font-size: 26.66666667px;

  }

}

.banner_info .art.art4 .w1300 h3 {

  font-size: 36px;

  text-align: center;

}

@media (max-width: 1680px) {

  .banner_info .art.art4 .w1300 h3 {

    font-size: 31.5px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art4 .w1300 h3 {

    font-size: 27px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art4 .w1300 h3 {

    font-size: 24px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art4 .w1300 h3 {

    font-size: 19.2px;

  }

}

.banner_info .art.art4 .w1300 .line {

  width: 50px;

  height: 3px;

  background: #fff;

  margin: 1.04vw auto;

}

.banner_info .art.art4 .w1300 .info {

  font-size: 20px;

  padding: 0 6vw;

  text-align: center;

}

@media (max-width: 1680px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art.art4 .w1300 .info {

    font-size: 16px;

  }

}

.banner_info .art.art4 .w1300 .info p {

  line-height: 34px;

}

@media (max-width:768px) {

  .banner_info .art.art4 .w1300 .info {

    padding: 0;

  }

}

.banner_info .art .w1300 {

  height: 100%;

  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;

}

.banner_info .art .w1300 h2 {

  font-size: 44px;

  font-weight: 600;

  text-align: center;

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 h2 {

    font-size: 38.5px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 h2 {

    font-size: 33px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 h2 {

    font-size: 29.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 h2 {

    font-size: 23.46666667px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 h2 {

    font-size: 38px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 h2 {

    font-size: 28px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 h2 {

    font-size: 24px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 h2 {

    font-size: 22px;

  }

}

.banner_info .art .w1300 .info {

  font-size: 18px;

  margin: 10px auto 15px;

  text-align: center;

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 .info {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 .info {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 .info {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 .info {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 .info {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 .info {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 .info {

    font-size: 14px;

  }

}

.banner_info .art .w1300 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: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  padding: 5px 8px;

  background: #fff;

  width: 600px;

  max-width: 80%;

  margin: 20px auto;

  border-radius: 30px;

  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);

}

.banner_info .art .w1300 form input {

  width: calc(100% - 50px);

  padding: 0 10px;

  font-size: 14px;

  color: #666;

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 form input {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 form input {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 form input {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 form input {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 form input {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 form input {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 form input {

    font-size: 13px;

  }

}

.banner_info .art .w1300 form input::placeholder {

  font-size: 14px;

  color: #666;

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .banner_info .art .w1300 form input::placeholder {

    font-size: 13px;

  }

}

.banner_info .art .w1300 form button {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background: #1f9191;

  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: #fff;

}

.banner_info .art .w1300 form button i {

  font-size: 14px;

  font-weight: 600;

}

.banner_info.banner_info_after .img::after {

  display: none;

}

.banner_info.banner_info_after .art .btn_a {

  padding: 0 40px;

  line-height: 40px;

  border: 1px solid rgba(255, 255, 255, 0.5);

}

.banner_info.banner_info_after .art .btn_a:hover {

  background: #fff;

  color: #1f9191;

}

@media (max-width:768px) {

  .banner_info .art.art2 .w1300 h3 {

    font-size: 20px;

  }

  .banner_info .art.art2 .w1300 h2 {

    font-size: 24px;

    margin: 10px 0 20px;

  }

  .banner_info .art .w1300 form {

    max-width: 90%;

  }

}

.mbx {

  padding: 15px 0;

  background: #f6f6f6;

}

.mbx .w1300 {

  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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.mbx em {

  margin: 0 5px;

  font-size: 14px;

  color: #ccc;

}

@media (max-width: 1680px) {

  .mbx em {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .mbx em {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .mbx em {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .mbx em {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .mbx em {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .mbx em {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .mbx em {

    font-size: 13px;

  }

}

.mbx a {

  font-size: 14px;

  color: #666;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .mbx a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .mbx a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .mbx a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .mbx a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .mbx a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .mbx a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .mbx a {

    font-size: 13px;

  }

}

.mbx a i {

  font-size: 16px;

  margin-right: 5px;

}

@media (max-width: 1680px) {

  .mbx a i {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .mbx a i {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .mbx a i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .mbx a i {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .mbx a i {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .mbx a i {

    font-size: 14px;

  }

}

.mbx a:hover,

.mbx a.on {

  color: #1f9191;

}

.pro_txt {

  padding: 4.17vw 0;

  color: #565351;

}

.pro_txt .w1300 {

  font-size: 14px;

  line-height: 30px;

}

@media (max-width: 1680px) {

  .pro_txt .w1300 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pro_txt .w1300 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pro_txt .w1300 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_txt .w1300 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pro_txt .w1300 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pro_txt .w1300 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pro_txt .w1300 {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .pro_txt .w1300 {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .pro_txt .w1300 {

    line-height: 24px;

  }

}

.pro_txt .w1300 p {

  margin-bottom: 12px;

}

.pro_txt .w1300 p:last-child {

  margin-bottom: 0;

}

.pro_txt .w1300 strong {

  color: #1f9191;

  font-size: 14px;

  font-weight: 400;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .pro_txt .w1300 strong {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pro_txt .w1300 strong {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pro_txt .w1300 strong {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_txt .w1300 strong {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pro_txt .w1300 strong {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pro_txt .w1300 strong {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pro_txt .w1300 strong {

    font-size: 13px;

  }

}

.pro_txt .w1300 a {

  color: #1f9191;

  text-decoration: underline;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pro_txt .w1300 a:hover {

  text-decoration: none;

}

@media (max-width:768px) {

  .pro_txt {

    padding: 40px 0;

  }

}

.product1 .w1300 {

  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;

}

.product1 .w1300.active {

  display: block;

}

.product1 .flex_justify {

  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;

  width: 100%;

}

.product1 .left {

  width: 75%;

}

.product1 .left .active {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

}

.product1 .left .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;

  margin-bottom: 25px;

}

.product1 .left .top h5 {

  font-size: 16px;

}

@media (max-width: 1680px) {

  .product1 .left .top h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .product1 .left .top h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .product1 .left .top h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .product1 .left .top h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .product1 .left .top h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .product1 .left .top h5 {

    font-size: 14px;

  }

}

.product1 .left .top a {

  max-height: 35px;

  padding: 0 15px;

}

.product1 .left .top a i {

  margin-right: 5px;

}

.product1 .left .mes_index {

  margin-top: 4.17vw;

}

@media (max-width:768px) {

  .product1 .left .mes_index {

    margin-top: 20px;

  }

}

.product1 .right {

  width: 23%;

  position: sticky;

  top: 140px;

  height: 100%;

}

.product1 .right 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: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  background: #f3f4f6;

  height: 40px;

}

.product1 .right form input {

  width: calc(100% - 40px);

  height: 100%;

  padding: 0 15px;

  font-size: 14px;

  text-transform: capitalize;

}

@media (max-width: 1680px) {

  .product1 .right form input {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .product1 .right form input {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form input {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form input {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .product1 .right form input {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form input {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form input {

    font-size: 13px;

  }

}

.product1 .right form input::placeholder {

  font-size: 14px;

}

@media (max-width: 1680px) {

  .product1 .right form input::placeholder {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .product1 .right form input::placeholder {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form input::placeholder {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form input::placeholder {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .product1 .right form input::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form input::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form input::placeholder {

    font-size: 13px;

  }

}

.product1 .right form button {

  width: 30px;

  height: 30px;

  background: #1f9191;

  border-radius: 50%;

  color: #fff;

  margin-right: 10px;

}

.product1 .right form button i {

  font-size: 14px;

  font-weight: 600;

}

@media (max-width: 1680px) {

  .product1 .right form button i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .product1 .right form button i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form button i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form button i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .product1 .right form button i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .product1 .right form button i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .product1 .right form button i {

    font-size: 13px;

  }

}

@media (max-width:990px) {

  .product1 .left {

    width: 100%;

  }

  .product1 .right {

    display: none;

  }

  .product1 .product1_s .right {

    display: none;

  }

}

.ons {

  overflow-x: hidden;

  overflow-y: scroll;

}

.ons::-webkit-scrollbar {

  width: 2px;

  height: 2px;

  background-color: #d4d6d7;

}

.ons::-webkit-scrollbar-thumb {

  background-color: #1f9191;

  border-radius: 10px;

}

.pro_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: 2.08vw;

  margin-top: 30px;

}

.pro_list li {

  width: calc(33.33% - 13.33px);

  margin: 0 20px 20px 0;

  border: 1px solid #e9e9e9;

}

.pro_list li:nth-child(3n) {

  margin-right: 0;

}

.pro_list li: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_list li .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 66%;

  position: relative;

  overflow: hidden;

}

.pro_list li .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pro_list li .art {

  width: calc(100% - 40px);

  padding: 20px 0;

  margin: 0px auto;

  border-top: 1px solid #e9e9e9;

  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;

}

.pro_list li .art h5 {

  font-size: 16px;

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-family: "ro_b";

  color: #565351;

  line-height: 26px;

}

@media (max-width: 1680px) {

  .pro_list li .art h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pro_list li .art h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pro_list li .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pro_list li .art h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pro_list li .art h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pro_list li .art h5 {

    font-size: 14px;

  }

}

.pro_list li .art .cdesc {

  font-size: 14px;

  color: #565351;

  margin-top: 8px;

  text-align: center;

  line-height: 28px;

  height: calc(3em * 2);

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.pro_list li .art .btn_a {

  height: 35px;

  padding: 0 15px;

  padding-top: 2px;

  font-size: 14px;

  margin-top: 15px;

}

@media (max-width: 1680px) {

  .pro_list li .art .btn_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pro_list li .art .btn_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pro_list li .art .btn_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_list li .art .btn_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pro_list li .art .btn_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pro_list li .art .btn_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pro_list li .art .btn_a {

    font-size: 13px;

  }

}

.pro_list li .art .btn_a i {

  font-size: 14px;

  margin-left: 5px;

}

@media (max-width: 1680px) {

  .pro_list li .art .btn_a i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pro_list li .art .btn_a i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pro_list li .art .btn_a i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_list li .art .btn_a i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pro_list li .art .btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pro_list li .art .btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pro_list li .art .btn_a i {

    font-size: 13px;

  }

}

@media (max-width:768px) {

  .pro_list li {

    width: calc(50% - 7.5px);

    margin: 0 15px 15px 0;

  }

  .pro_list li:nth-child(3n) {

    margin-right: 15px;

  }

  .pro_list li:nth-child(2n) {

    margin-right: 0;

  }

  .pro_list li .art {

    width: calc(100% - 30px);

    padding: 15px 0;

    margin: 0 auto;

  }

  .pro_list li .art h5 {

    margin-bottom: 10px;

  }

}

@media (max-width:480px) {

  .pro_list li {

    width: 100%;

    margin: 0 0 15px 0;

  }

  .pro_list li:nth-child(3n) {

    margin-right: 0;

  }

}

.fyq3 {

  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;

}

.fyq3 .p1 {

  font-size: 16px;

}

@media (max-width: 1680px) {

  .fyq3 .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .fyq3 .p1 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .fyq3 .p1 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .fyq3 .p1 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .fyq3 .p1 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .fyq3 .p1 {

    font-size: 14px;

  }

}

.fyq3 .layui-laypage {

  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;

}

.fyq3 .layui-laypage a,

.fyq3 .layui-laypage em {

  font-size: 16px;

  color: #666;

  margin-right: 10px;

  width: 38px;

  height: 38px;

  border: 1px solid #e9e9e9;

  border-radius: 2px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    font-size: 14px;

  }

}

@media (max-width:768px) {

  .fyq3 .layui-laypage a,

  .fyq3 .layui-laypage em {

    height: 30px;

    width: 30px;

    margin: 0 3px;

  }

}

.fyq3 .layui-laypage .layui-laypage-spr {

  margin-right: 10px;

  width: 38px;

  height: 38px;

  border: 1px solid #e9e9e9;

  border-radius: 2px;

  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;

}

.fyq3 .layui-laypage a:hover {

  background: #1f9191;

  color: #fff;

  border-color: #1f9191;

}

.fyq3 .layui-laypage .layui-laypage-curr .layui-laypage-em {

  display: none;

}

.fyq3 .layui-laypage .layui-laypage-curr em {

  background: #1f9191;

  color: #fff;

  border-color: #1f9191;

}

.fyq3 .layui-laypage .layui-laypage-prev,

.fyq3 .layui-laypage .layui-laypage-next {

  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;

  border-radius: 2px;

}

@media (max-width:768px) {

  .fyq3 .layui-laypage .layui-laypage-prev,

  .fyq3 .layui-laypage .layui-laypage-next {

    font-size: 12px;

  }

}

.fyq3 .layui-laypage .layui-laypage-prev i,

.fyq3 .layui-laypage .layui-laypage-next i {

  font-size: 14px;

}

.fyq3 .layui-laypage .layui-laypage-prev i {

  transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -webkit-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  padding-top: 1px;

}

@media (max-width:768px) {

  .fyq3 {

    -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;

  }

  .fyq3 .p1 {

    margin-top: 10px;

  }

}
@media(min-width:1160px){
.pro_list2 {

  margin-top: 15px;

}
}
@media(max-width:576px){
.pro_list2 {

  margin-top: 15px;
  padding:0px;
}
}

.pro_list2 li {

  margin-bottom: 20px;
  list-style-type:none;

}
@media(min-width:1160px){
.pro_list2 li .a1 {

  font-size: 20px;

  color: #565351;

  line-height: 40px;

  display: block;

  font-family: "Arial";

  font-size: 32px;
	
  margin-left: 2rem;
	
  margin-bottom: 1rem;
	
  font-weight: bold;

}
}

@media(max-width:576px){
.pro_list2 li .a1 {
   display:none;
}
}





.pro_list2 li .a2 {

  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_list2 li .a2:hover a {

  color: #1f9191;

}

.pro_list2 li .a2.on a {

  color: #1f9191;

}

.pro_list2 li .a2.on i {

  transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  color: #1f9191;

}

.pro_list2 li .a2 a {

  display: block;

  width: 100%;

  position: relative;

  font-size: 16px;

  line-height: 28px;

  color: #565351;

  padding: 11px 0;

  padding-right: 30px;
  
  background-image: url(../images/pro-icon.png);
  
  background-repeat: no-repeat;
  
  background-position: 9% 50%;
  
  background-size:40px 40px;

  text-indent: 4rem;
}

@media (max-width: 1680px) {

  .pro_list2 li .a2 a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pro_list2 li .a2 a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pro_list2 li .a2 a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pro_list2 li .a2 a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pro_list2 li .a2 a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pro_list2 li .a2 a {

    font-size: 14px;

  }

}
@media(min-width:1160px){
.pro_list2 li .a2 a.on {

  color:#22B99A;
  
  background-image: url(../images/pro-inc.png);
  
  background-position: 9% 40%;
  
  background-repeat: no-repeat;
  
  background-size:40px 40px;
  
  text-indent: 4rem;
  
  line-height:5px;
  
  margin-top:0.3rem;

}
}

@media(max-width:576px){
.pro_list2 li .a2 a.on {

  color: #22B99A;
  
  background-size:40px 40px;
  
  text-indent: 2rem;
  
  line-height:5px;
  background-image: none;
  
  line-height: 32px;
  
  width: 100%;
  
  background-color: #f8f8f8;
  
  font-size: 20px;
  
  font-weight: bold;

}
}

@media(max-width:576px){
	.pro_list2 li .box2 .item_a .ones{
	   text-indent: 2.6rem;
       line-height: 50px;
       color: #22b99a;
       font-size: 16px;
	}
}

@media(max-width:576px){
	.pro_list2 li .box2 .item_a .ones-off{
	   text-indent: 2.6rem;
       line-height: 50px;
       color: #333;
       font-size: 16px;
	}
}
@media(max-width:576px){
	.pro_list2 li .a2 .off{
	   text-indent: 2.6rem;
       line-height: 50px;
       color: #22B99A;
       font-size: 16px;
       background-image: none;
    line-height: 32px;
    width: 100%;
    background-color: #f8f8f8;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:0.5rem;
}
	}
}


.pro_list2 li .a2 i {

  cursor: pointer;

  width: 20px;

  height: 20px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}
@media(min-width:1160px){
.pro_list2 li .box1 {
  border-bottom: 1px solid #e9e9e9;
}
.pro_list2 li .box1:last-child{
    border-bottom:none;
}
}

@media(max-width:576px){
.pro_list2 li .box1 {

  border:0px;

}
}

.pro_list2 li .box2 {

  display: none;

}

.pro_list2 li .box2:last-child {

  margin-bottom: 5px;

}

.pro_list2 li .box2 .item_a {

  font-size: 14px;

  color: #999;

}

@media (max-width: 1680px) {

  .pro_list2 li .box2 .item_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pro_list2 li .box2 .item_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pro_list2 li .box2 .item_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_list2 li .box2 .item_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pro_list2 li .box2 .item_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pro_list2 li .box2 .item_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pro_list2 li .box2 .item_a {

    font-size: 13px;

  }

}

.pro_list2 li .box2 .item_a a {

  display: block;

  line-height: 30px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pro_list2 li .box2 .item_a a:hover,

.pro_list2 li .box2 .item_a a.on {

  color: #1f9191;

}

.pro_list2 li .box2 .item_a a:first-child {

  font-family: "ro_b";

}

.solutions {

  padding-top: 40px;

}

.solutions .item_a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -moz-justify-content: space-around;

  -webkit-justify-content: space-around;

  justify-content: space-around;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: 40px;

}

.solutions .item_a a {

  min-height: 35px;

  width: 0;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  margin: 0 0.52vw;

  height: 52px;

}

.solutions .item_a a:hover i {

  background: #fff;

  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);

}

.solutions .item_a a:hover span {

  color: #fff;

}

.solutions .item_a a span {

  margin-top: 3px;

  max-width: calc(100% - 20px);

  color: #565351;

}

.solutions .item_a a i {

  display: block;

  width: 5px;

  height: 5px;

  border-radius: 100%;

  background: #1f9191;

  box-shadow: 0 0 0 3px rgba(31, 145, 145, 0.3);

  margin-right: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.solutions .art {

  font-size: 16px;

  line-height: 30px;

  color: #565351;

}

@media (max-width: 1680px) {

  .solutions .art {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .solutions .art {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .solutions .art {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .solutions .art {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .solutions .art {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .solutions .art {

    font-size: 14px;

  }

}

.solutions .info {

  font-size: 14px;

  line-height: 30px;

  color: #565351;

}

@media (max-width: 1680px) {

  .solutions .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions .info {

    font-size: 13px;

  }

}

.solutions .info a {

  color: #1f9191;

  text-decoration: underline;

}

.solutions .info2 p {

  position: relative;

  padding-left: 20px;

}

.solutions .info2 p:before {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  background: #1f9191;

  position: absolute;

  left: 0;

  top: 10px;

  border-radius: 100%;

}

@media (max-width:1440px) {

  .solutions .info2 p:before {

    top: 8px;

  }

}

@media (max-width:1280px) {

  .solutions .info2 p:before {

    top: 6px;

  }

}

.solutions h6 {

  font-size: 14px;

  color: #565351;

}

@media (max-width: 1680px) {

  .solutions h6 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions h6 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions h6 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions h6 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions h6 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions h6 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions h6 {

    font-size: 13px;

  }

}

.solutions .line {

  width: 100%;

  height: 1px;

  background: #e9e9e9;

  margin: 15px 0;

}

.solutions .box {

  margin-top: 38px;

}

@media (max-width:1440px) {

  .solutions .art,

  .solutions .info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .solutions .art,

  .solutions .info {

    line-height: 24px;

  }

}

@media (max-width:768px) {

  .solutions {

    padding-top: 30px;

  }

  .solutions .item_a {

    margin-bottom: 30px;

  }

  .solutions .item_a a {

    width: 100%;

    margin: 5px 0;

    height: 35px;

    -webkit-box-flex: 1;

    -ms-flex: auto;

    -webkit-flex: auto;

    flex: auto;

  }

  .solutions .line {

    margin: 10px 0;

  }

}

.title2 {

  font-size: 34px;

  font-weight: 600;

  color: #565351;

  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;

  line-height: 1.4;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .title2 {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .title2 {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .title2 {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .title2 {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .title2 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .title2 {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .title2 {

    font-size: 20px;

  }

}

.title2.cf {

  color: #fff;

}

.title2 img {

  height: 1.41vw;

  min-height: 20px;

  margin: 1rem 0;

  margin-right: 1rem;

}

@media (max-width:1440px) {

  .title2 img {

    margin-top: 7px;

  }

}

@media (max-width:1280px) {

  .title2 {

    align-items: flex-start;

  }

  .title2 img {

    margin-top: 5px;

  }

}

@media (max-width:1024px) {

  .title2 img {

    margin-top: 2px;

  }

}

@media (max-width:768px) {

  .title2 img {

    margin-right: 10px;

    margin-top: 1px;

  }

}

@media (max-width:480px) {

  .title2 img {

    height: auto;

  }

}

.title3 {

  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;

}

.title3 h3 {

  font-size: 26px;

  color: #1f9191;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .title3 h3 {

    font-size: 22.75px;

  }

}

@media (max-width: 1440px) {

  .title3 h3 {

    font-size: 19.5px;

  }

}

@media (max-width: 1280px) {

  .title3 h3 {

    font-size: 17.33333333px;

  }

}

@media (max-width: 1024px) {

  .title3 h3 {

    font-size: 13.86666667px;

  }

}

@media (max-width: 1680px) {

  .title3 h3 {

    font-size: 22px;

  }

}

@media (max-width: 1440px) {

  .title3 h3 {

    font-size: 18px;

  }

}

@media (max-width: 1024px) {

  .title3 h3 {

    font-size: 16px;

  }

}

.title3 p {

  font-size: 14px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

}

@media (max-width: 1680px) {

  .title3 p {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .title3 p {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .title3 p {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .title3 p {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .title3 p {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .title3 p {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .title3 p {

    font-size: 13px;

  }

}

.title3 p i {

  font-size: 14px;

  margin-left: 5px;

}

@media (max-width: 1680px) {

  .title3 p i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .title3 p i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .title3 p i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .title3 p i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .title3 p i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .title3 p i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .title3 p i {

    font-size: 13px;

  }

}

.solutions_box {

  margin-top: 60px;

}

@media (max-width:1440px) {

  .solutions_box {

    margin-top: 50px;

  }

}

@media (max-width:1280px) {

  .solutions_box {

    margin-top: 40px;

  }

}

@media (max-width:990px) {

  .solutions_box {

    margin-top: 30px;

  }

}

.pro_list3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-top: 20px;

  margin-bottom: -30px;

}

.pro_list3 li {

  width: calc(25% - 22.5px);

  margin: 0 30px 30px 0;

  border: 1px solid #e9e9e9;

}

.pro_list3 li:nth-child(4n) {

  margin-right: 0;

}

.pro_list3 li:hover .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.pro_list3 li a {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.pro_list3 li .imgbox {

  height: 250px;

  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;

}

.pro_list3 li .imgbox img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pro_list3 li .art {

  flex: 1;

  padding: 10px;

  background: #f6f6f6;

  border-top: 1px solid #e9e9e9;

  text-align: center;

  font-size: 16px;

}

@media (max-width: 1680px) {

  .pro_list3 li .art {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pro_list3 li .art {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pro_list3 li .art {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pro_list3 li .art {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pro_list3 li .art {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pro_list3 li .art {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .pro_list3 {

    margin-bottom: -20px;

  }

  .pro_list3 li {

    width: calc(25% - 15px);

    margin: 0 20px 20px 0;

  }

  .pro_list3 li .imgbox {

    height: 17.5vw;

  }

}

@media (max-width:768px) {

  .pro_list3 {

    margin-bottom: -15px;

  }

  .pro_list3 li {

    width: calc(50% - 7.5px);

    margin: 0 15px 15px 0;

  }

  .pro_list3 li:nth-child(2n) {

    margin-right: 0;

  }

  .pro_list3 li .imgbox {

    height: 100px;

  }

}

.solutions2 {

  margin-top: 4.17vw;

  padding: 4.17vw 0;

  background: url(../images/j14.jpg) no-repeat center / cover;

  background-attachment: fixed;

}

.solutions2 .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;

  margin-top: 2.08vw;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.solutions2 .items .item {

  width: calc(33.33% - 1.39vw);

  background: rgba(255, 255, 255, 0.3);

  padding: 1.56vw 1.56vw 3.13vw;

  border-left: 1px solid rgba(255, 255, 255, 0.3);

}

.solutions2 .items .item .icon {

  width: 60px;

  height: 60px;

  background: #1f9191;

  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;

  position: relative;

}

.solutions2 .items .item .icon:before {

  content: '';

  width: 90%;

  height: 90%;

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  border: 1px solid rgba(255, 255, 255, 0.3);

  border-radius: 50%;

  box-sizing: border-box;

}

.solutions2 .items .item .icon img {

  max-width: 50%;

  max-height: 50%;

  position: relative;

  z-index: 2;

}

.solutions2 .items .item h5 {

  font-size: 24px;

  color: #fff;

  margin: 15px 0;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .solutions2 .items .item h5 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .solutions2 .items .item h5 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .solutions2 .items .item h5 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .solutions2 .items .item h5 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .solutions2 .items .item h5 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .solutions2 .items .item h5 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .solutions2 .items .item h5 {

    font-size: 16px;

  }

}

.solutions2 .items .item .info {

  font-size: 14px;

  line-height: 28px;

  color: #fff;

}

@media (max-width: 1680px) {

  .solutions2 .items .item .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions2 .items .item .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions2 .items .item .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions2 .items .item .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions2 .items .item .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions2 .items .item .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions2 .items .item .info {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .solutions2 .items .item .info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .solutions2 .items .item .info {

    line-height: 24px;

  }

}

@media (max-width:768px) {

  .solutions2 {

    margin-top: 30px;

    padding: 40px 0;

  }

  .solutions2 .items {

    margin-top: 20px;

  }

  .solutions2 .items .item {

    width: 100%;

    padding: 15px 15px 20px;

    margin-bottom: 15px;

  }

  .solutions2 .items .item:last-child {

    margin-bottom: 0;

  }

  .solutions2 .items .item .icon {

    width: 50px;

    height: 50px;

  }

  .solutions2 .items .item h5 {

    margin: 10px 0 6px;

  }

}

.faqs {

  padding: 4.17vw 0;

}

@media (max-width:768px) {

  .faqs {

    padding: 40px 0;

  }

}

.faq_list {

  margin-top: 2.08vw;

}

.faq_list li {

  margin-bottom: 15px;

}

.faq_list li .q,

.faq_list 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;

  font-size: 16px;

  line-height: 30px;

  padding: 13px 0;

  align-items: flex-start;

}

@media (max-width: 1680px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .faq_list li .q,

  .faq_list li .a {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .faq_list li .q,

  .faq_list li .a {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .faq_list li .q,

  .faq_list li .a {

    line-height: 24px;

  }

}

.faq_list li .q span,

.faq_list li .a span {

  width: 50px;

  text-align: center;

}

.faq_list li .q p,

.faq_list li .a p {

  width: calc(100% - 50px);

  color: #565351;

  white-space: break-spaces;

  line-height: 24px;

}

.faq_list li .q {

  background: #f9f9fb;

  border-left: 3px solid #1f9191;

  align-items: center;

}

.faq_list li .q span {

  font-family: "ro_b";

  font-size: 20px;

  color: #959595;

}

@media (max-width: 1680px) {

  .faq_list li .q span {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .faq_list li .q span {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .faq_list li .q span {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .faq_list li .q span {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .faq_list li .q span {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .faq_list li .q span {

    font-size: 16px;

  }

}

.faq_list li .a {

  border-left: 3px solid #e9e9e9;

}

.faq_list li .a span {

  font-family: "ro_b";

  font-size: 14px;

  color: #565351;

}

@media (max-width:768px) {

  .faq_list {

    margin-top: 20px;

  }

  .faq_list li {

    margin-bottom: 10px;

  }

  .faq_list li .q,

  .faq_list li .a {

    border-width: 2px;

  }

  .faq_list li .q span,

  .faq_list li .a span {

    width: 40px;

  }

  .faq_list li .q p,

  .faq_list li .a p {

    width: calc(100% - 40px);

  }

}

.solutions_news {

  padding-bottom: 4.17vw;

  overflow: hidden;

}

.solutions_news .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;

  margin-top: 2.08vw;

  width: 100%;

}

.solutions_news .items .left {

  position: relative;

  overflow: hidden;

  font-size: 0;

  width: 48.36%;

}

.solutions_news .items .left a .imgbox {

  height: 340px;

  overflow: hidden;

  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;

}

.solutions_news .items .left a .art {

  padding: 25px;

  color: #fff;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.4) 100%);

}

.solutions_news .items .right {

  width: 51.64%;

  padding-left: 40px;

}

.solutions_news .items .right .item_a 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;

  border-bottom: 1px solid #e9e9e9;

  padding: 20px 0;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.solutions_news .items .right .item_a a:hover {

  color: #1f9191;

}

.solutions_news .items .right .item_a a i {

  width: 20px;

  margin-top: -1px;

  color: #1f9191;

  font-weight: 700;

}

.solutions_news .items .right .item_a a p {

  width: calc(100% - 25px);

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 14px;

}

@media (max-width: 1680px) {

  .solutions_news .items .right .item_a a p {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions_news .items .right .item_a a p {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .item_a a p {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .item_a a p {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions_news .items .right .item_a a p {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .item_a a p {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .item_a a p {

    font-size: 13px;

  }

}

.solutions_news .items .right .more {

  margin-top: 20px;

  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: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

}

@media (max-width: 1680px) {

  .solutions_news .items .right .more {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions_news .items .right .more {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .more {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .more {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions_news .items .right .more {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .more {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .more {

    font-size: 13px;

  }

}

.solutions_news .items .right .more:hover {

  text-decoration: underline;

}

.solutions_news .items .right .more i {

  font-size: 14px;

  margin-left: 5px;

}

@media (max-width: 1680px) {

  .solutions_news .items .right .more i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .solutions_news .items .right .more i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .more i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .more i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .solutions_news .items .right .more i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .solutions_news .items .right .more i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .solutions_news .items .right .more i {

    font-size: 13px;

  }

}

@media (max-width:1420px) {

  .solutions_news .items .left a .imgbox {

    height: 24vw;

  }

  .solutions_news .items .left a .art {

    padding: 20px;

  }

  .solutions_news .items .right .item_a a {

    padding: 1.2vw 0;

  }

  .solutions_news .items .right .more {

    margin-top: 15px;

  }

}

@media (max-width:768px) {

  .solutions_news {

    padding-bottom: 20px;

  }

  .solutions_news .items {

    margin-top: 20px;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

  }

  .solutions_news .items .left {

    width: 100%;

    margin-bottom: 5px;

  }

  .solutions_news .items .left a .imgbox {

    height: 220px;

  }

  .solutions_news .items .left a .art {

    padding: 10px 15px;

  }

  .solutions_news .items .right {

    width: 100%;

    padding-left: 0;

  }

  .solutions_news .items .right .item_a a {

    padding: 8px 0;

  }

  .solutions_news .items .right .more {

    margin-top: 12px;

  }

}

.dw_div {

  padding-top: 20px;

  margin-top: -20px;

}

@media (max-width:990px) {

  .dw_div {

    padding-top: 40px;

    margin-top: -40px;

  }

}

.title4 {

  font-size: 40px;

  line-height: 1.2;

  font-family: "ro_b";

  color: #565351;

  text-align: center;

}

@media (max-width: 1680px) {

  .title4 {

    font-size: 35px;

  }

}

@media (max-width: 1440px) {

  .title4 {

    font-size: 30px;

  }

}

@media (max-width: 1280px) {

  .title4 {

    font-size: 26.66666667px;

  }

}

@media (max-width: 1024px) {

  .title4 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1680px) {

  .title4 {

    font-size: 34px;

  }

}

@media (max-width: 1440px) {

  .title4 {

    font-size: 26px;

  }

}

@media (max-width: 1280px) {

  .title4 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .title4 {

    font-size: 20px;

  }

}

.title4.cf {

  color: #fff;

}

.title4:after {

  content: '';

  display: block;

  width: 50px;

  height: 3px;

  background: #1f9191;

  margin: 20px auto 0;

}

@media (max-width:768px) {

  .title4:after {

    margin-top: 15px;

    height: 2px;

    width: 40px;

  }

}

.info_txt {

  font-size: 14px;

  line-height: 30px;

  color: #565351;

  overflow-x: auto;
  
  text-align:justify;

}

@media (max-width: 1680px) {

  .info_txt {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .info_txt {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .info_txt {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .info_txt {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .info_txt {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .info_txt {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .info_txt {

    font-size: 13px;

  }

}

.info_txt .ons {

  overflow: hidden;

}

.info_txt a {

  color: #1f9191;

  text-decoration: underline;

}

.info_txt a:hover {

  text-decoration: none;

}

.info_txt strong,

.info_txt b {

  font-size: 14px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .info_txt strong,

  .info_txt b {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .info_txt strong,

  .info_txt b {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .info_txt strong,

  .info_txt b {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .info_txt strong,

  .info_txt b {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .info_txt strong,

  .info_txt b {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .info_txt strong,

  .info_txt b {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .info_txt strong,

  .info_txt b {

    font-size: 13px;

  }

}

.info_txt table {

  width: 100%;

}

.info_txt table tbody tr:nth-child(odd) {

  background: #f6f6f6;

}

.info_txt table tbody tr:nth-child(even) {

  background: #fff;

}

.info_txt table tbody tr:nth-child(1) {

  background: #1f9191;

}

.info_txt table tbody tr:nth-child(1) td {

  color: #FFF;

}

.info_txt table tbody tr td {

  border: none;

  padding: 0 10px;

  font-size: 1rem;

  color: #565351;

  text-align: center;

  word-break: normal;

  padding-left: 20px;

}

.info_txt.active {

  overflow: hidden;

}

@media (max-width:1440px) {

  .info_txt {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .info_txt {

    line-height: 24px;

  }

}

.pet1 {

  padding: 110px 0 115px;

  overflow: hidden;

}

.pet1 .w1300 {

  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;

}

.pet1 .left {

  width: 50%;

  padding-right: 2.6vw;

}

.pet1 .right {

  width: 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;

  max-height: 460px;

}

.pet1 .icon {

  width: 3.44vw;

  height: 3.44vw;

  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;

  min-width: 40px;

  min-height: 40px;

}

.pet1 h3 {

  font-size: 32px;

  margin: 30px 0;

  text-align: left;

}

@media (max-width: 1680px) {

  .pet1 h3 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .pet1 h3 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .pet1 h3 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet1 h3 {

    font-size: 17.06666667px;

  }

}

.pet1 h3:after {

  margin-left: 0;

  margin-top: 15px;

}

@media (max-width:768px) {

  .pet1 {

    padding: 40px 0;

  }

  .pet1 .left {

    width: 100%;

    padding-right: 0;

    margin-bottom: 15px;

  }

  .pet1 .right {

    width: 100%;

  }

  .pet1 h3 {

    margin: 15px 0;

  }

}

.pet2 {

  padding: 95px 0 100px;

  background: url(../images/j16.jpg) no-repeat center / cover;

}

@media (max-width:768px) {

  .pet2 {

    padding: 40px 0;

  }

}

.pet2_s {

  overflow: hidden;

  margin-top: 2.6vw;

}

.pet2_s a {

  background: #fff;

  display: block;

  border-bottom: 6px solid #1f9191;

}

.pet2_s a:hover .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.pet2_s a:hover .art h5 {

  color: #1f9191;

}

.pet2_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 68.29%;

  position: relative;

  overflow: hidden;

}

.pet2_s a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet2_s a .art {

  padding: 1.56vw;

}

.pet2_s a .art .icon {

  width: 3.44vw;

  height: 3.44vw;

  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;

  min-width: 40px;

  min-height: 40px;

}

.pet2_s a .art h5 {

  font-size: 22px;

  font-family: "ro_b";

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 20px 0 15px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .pet2_s a .art h5 {

    font-size: 19.25px;

  }

}

@media (max-width: 1440px) {

  .pet2_s a .art h5 {

    font-size: 16.5px;

  }

}

@media (max-width: 1280px) {

  .pet2_s a .art h5 {

    font-size: 14.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet2_s a .art h5 {

    font-size: 11.73333333px;

  }

}

@media (max-width: 1680px) {

  .pet2_s a .art h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet2_s a .art h5 {

    font-size: 16px;

  }

}

.pet2_s a .art .info_txt {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 60px;

}

@media (max-width:1440px) {

  .pet2_s a .art .info_txt {

    height: 52px;

  }

}

@media (max-width:1280px) {

  .pet2_s a .art .info_txt {

    height: 48px;

  }

}

@media (max-width:768px) {

  .pet2_s {

    margin-top: 20px;

  }

  .pet2_s a .art {

    padding: 15px;

  }

  .pet2_s a .art h5 {

    margin: 15px 0 10px;

  }

}

.pet3 {

  padding: 4.17vw 0;

  overflow: hidden;

}

.pet3 .btns {

  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:768px) {

  .pet3 {

    padding: 40px 0;

  }

}

.pet3 .btns .btn_a,

.bjall .btns .btn_a,

.pet5 .btns .btn_a,

.pet13 .btns .btn_a,

.pet12 .btns .btn_a,

.pet11 .btns .btn_a {

  display: inline-block;

  vertical-align: top;

  font-size: 18px;

  padding: 0 62px;

  line-height: 46px;

  border: 2px solid #1f9191;

  color: #fff;

  height: auto;

  background: #1f9191;

  text-transform: uppercase;

}

@media (max-width: 1680px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    font-size: 14px;

  }

}

.pet3 .btns .btn_a:hover,

.bjall .btns .btn_a:hover,

.pet5 .btns .btn_a:hover,

.pet13 .btns .btn_a:hover,

.pet12 .btns .btn_a:hover,

.pet11 .btns .btn_a:hover {

  background: none;

  color: #1f9191;

}

@media (max-width:768px) {

  .pet3 .btns .btn_a,

  .bjall .btns .btn_a,

  .pet5 .btns .btn_a,

  .pet13 .btns .btn_a,

  .pet12 .btns .btn_a,

  .pet11 .btns .btn_a {

    line-height: 36px;

    padding: 0 30px;

  }

}

.swiper-button-prev,

.swiper-button-next {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background: #f9f9fb;

  color: #000;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.swiper-button-prev:hover,

.swiper-button-next:hover {

  background: #1f9191;

  color: #fff;

}

.swiper-button-prev:after,

.swiper-button-next:after {

  font-size: 16px;

}

@media (max-width:1280px) {

  .swiper-button-prev,

  .swiper-button-next {

    width: 35px;

    height: 35px;

  }

  .swiper-button-prev:after,

  .swiper-button-next:after {

    font-size: 14px;

  }

}

.pet3_s,

.pet4_s,

.pet16_s {

  position: relative;

  margin: 2.6vw auto;

}

.pet3_s .swiper-button-prev,

.pet4_s .swiper-button-prev,

.pet16_s .swiper-button-prev {

  left: -4.17vw;

}

.pet3_s .swiper-button-next,

.pet4_s .swiper-button-next,

.pet16_s .swiper-button-next {

  right: -4.17vw;

}

.pet3_s .swiper,

.pet4_s .swiper,

.pet16_s .swiper {

  overflow: hidden;

}

.pet3_s a,

.pet4_s a,

.pet16_s a {

  display: block;

  padding: 1px;

}

.pet3_s a:hover .imgbox img,

.pet4_s a:hover .imgbox img,

.pet16_s 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);

}

.pet3_s a:hover .art h5,

.pet4_s a:hover .art h5,

.pet16_s a:hover .art h5 {

  color: #1f9191;

}

.pet3_s a:hover .art .p1,

.pet4_s a:hover .art .p1,

.pet16_s a:hover .art .p1 {

  text-decoration: underline;

}

.pet3_s a .imgbox,

.pet4_s a .imgbox,

.pet16_s a .imgbox {

  border: 1px solid #e6e6e6;

  width: 100%;

  height: 0;

  padding-bottom: 125%;

  position: relative;

  overflow: hidden;

}

.pet3_s a .imgbox img,

.pet4_s a .imgbox img,

.pet16_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet3_s a .art,

.pet4_s a .art,

.pet16_s a .art {

  padding: 15px 0;

}

.pet3_s a .art h5,

.pet4_s a .art h5,

.pet16_s a .art h5 {

  font-size: 20px;

  color: #4c4c4c;

  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;

  height: 50px;

  margin-bottom: 5px;

}

@media (max-width: 1680px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet3_s a .art h5,

  .pet4_s a .art h5,

  .pet16_s a .art h5 {

    font-size: 16px;

  }

}

.pet3_s a .art h5 p,

.pet4_s a .art h5 p,

.pet16_s a .art h5 p {

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.pet3_s a .art .p1,

.pet4_s a .art .p1,

.pet16_s a .art .p1 {

  font-size: 14px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

  text-transform: uppercase;

}

@media (max-width: 1680px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet3_s a .art .p1,

  .pet4_s a .art .p1,

  .pet16_s a .art .p1 {

    font-size: 13px;

  }

}

.pet3_s a .art .p1 i,

.pet4_s a .art .p1 i,

.pet16_s a .art .p1 i {

  font-size: 14px;

}

@media (max-width: 1680px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet3_s a .art .p1 i,

  .pet4_s a .art .p1 i,

  .pet16_s a .art .p1 i {

    font-size: 13px;

  }

}

@media (max-width:1420px) {

  .pet3_s .swiper-button-prev,

  .pet4_s .swiper-button-prev,

  .pet16_s .swiper-button-prev {

    left: -50px;

  }

  .pet3_s .swiper-button-next,

  .pet4_s .swiper-button-next,

  .pet16_s .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .pet3_s .swiper-button-prev,

  .pet4_s .swiper-button-prev,

  .pet16_s .swiper-button-prev {

    left: -30px;

  }

  .pet3_s .swiper-button-next,

  .pet4_s .swiper-button-next,

  .pet16_s .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .pet3_s .swiper-button-prev,

  .pet4_s .swiper-button-prev,

  .pet16_s .swiper-button-prev {

    left: -20px;

  }

  .pet3_s .swiper-button-next,

  .pet4_s .swiper-button-next,

  .pet16_s .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .pet3_s,

  .pet4_s,

  .pet16_s {

    margin: 20px auto;

  }

  .pet3_s a .imgbox,

  .pet4_s a .imgbox,

  .pet16_s a .imgbox {

    padding-bottom: 80%;

  }

  .pet3_s a .art,

  .pet4_s a .art,

  .pet16_s a .art {

    padding-bottom: 0;

  }

}

.pet4 {

  background: url(../images/j19.jpg) no-repeat center / cover;

  background-attachment: fixed;

}

.pet4_s a {

  border: 1px solid transparent;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet4_s a:hover {

  border-color: #1f9191;

}

.pet4_s a .imgbox {

  background: #fff;

  border: none;

  padding-bottom: 100%;

}

.pet4_s a .art {

  background: #f7f7f7;

}

@media (max-width:768px) {

  .pet4_s a .imgbox {

    padding-bottom: 80%;

  }

  .pet4_s a .art {

    padding-bottom: 15px;

  }

}

.pet5 {

  padding: 4.17vw 0;

}

.pet5 .btns {

  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:768px) {

  .pet5 {

    padding: 40px 0;

  }

}

.pet5_s {

  margin: 2.6vw auto;

  position: relative;

}

.pet5_s .swiper {

  overflow: hidden;

}

.pet5_s .swiper-button-prev,

.pet5_s .swiper-button-next {

  display: none;

}

.pet5_s a {

  padding: 1px;

  display: block;

}

.pet5_s a:hover .imgbox {

  box-shadow: 0 0 1px #1f9191;

}

.pet5_s 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);

}

.pet5_s a:hover .art {

  color: #1f9191;

}

.pet5_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 68%;

  position: relative;

  overflow: hidden;

}

.pet5_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet5_s a .art {

  font-size: 20px;

  margin-top: 15px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  height: 50px;

  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: 1680px) {

  .pet5_s a .art {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .pet5_s a .art {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .pet5_s a .art {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet5_s a .art {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .pet5_s a .art {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet5_s a .art {

    font-size: 16px;

  }

}

.pet5_s a .art p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-align: center;

  font-family: "ro_b";

}

@media (max-width:768px) {

  .pet5_s {

    margin: 20px auto;

  }

  .pet5_s .swiper-button-prev,

  .pet5_s .swiper-button-next {

    display: flex;

  }

  .pet5_s .swiper-button-prev {

    left: -20px;

  }

  .pet5_s .swiper-button-next {

    right: -20px;

  }

  .pet5_s a .imgbox {

    box-shadow: 0 0 1px #1f9191;

  }

}

.pet6 {

  padding: 4.17vw 0;

  background: url(../images/j22.jpg) no-repeat center top / cover;

}

.pet6 h2 {

  margin-bottom: 2.6vw;

}

.pet6 .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;

  background: #fff;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-bottom: 2.08vw;

  padding: 3.13vw;

}

.pet6 .box:hover .left img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.pet6 .box .left {

  width: 36%;

  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;

  border: 1px solid #e9e9e9;

}

.pet6 .box .left img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  width: 100%;

}

.pet6 .box .right {

  width: 60%;

}

.pet6 h3 {

  font-size: 32px;

  line-height: 1.3;

  font-family: "ro_b";

  margin-bottom: 20px;

}

@media (max-width: 1680px) {

  .pet6 h3 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .pet6 h3 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .pet6 h3 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet6 h3 {

    font-size: 17.06666667px;

  }

}

.pet6 h3 span {

  color: #1f9191;

}

.pet6 .info_txt {

  margin-bottom: 15px;

}

.pet6 .table {

  width: 100%;

  overflow-x: auto;

}

.pet6 .table.table2 {

  margin-top: 2.08vw;

}

.pet6 .table table {

  border: none;

}

.pet6 .table table thead {

  background: #1f9191;

  color: #fff;

}

.pet6 .table table tbody tr {

  background: #f6f6f6;

}

.pet6 .table table tbody tr:nth-child(odd) {

  background: #fff;

}

.pet6 .table table td {

  border: none;

  font-size: 14px;

  padding: 6px 10px;

  text-align: center;

  vertical-align: middle;

}

@media (max-width: 1680px) {

  .pet6 .table table td {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet6 .table table td {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet6 .table table td {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet6 .table table td {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet6 .table table td {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet6 .table table td {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet6 .table table td {

    font-size: 13px;

  }

}

@media (max-width:768px) {

  .pet6 {

    padding: 40px 0;

  }

  .pet6 h2 {

    margin-bottom: 20px;

  }

  .pet6 .box {

    padding: 20px 15px;

  }

  .pet6 .box .left {

    width: 100%;

    height: 200px;

  }

  .pet6 .box .right {

    width: 100%;

    padding-top: 15px;

  }

  .pet6 h3 {

    margin-bottom: 10px;

  }

  .pet6 .table.table2 {

    margin-top: 0;

  }

}

.pet7 {

  padding: 5.21vw 0;

  background: url(../images/j26.jpg) no-repeat center / cover;

  overflow: hidden;

}

.pet7 .w1300 {

  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;

  color: #fff;

}

.pet7 .left {

  width: 50%;

  padding-right: 6.25vw;

}

.pet7 .right {

  width: 50%;

  padding: 0;

}

.pet7 h3 {

  font-size: 34px;

  font-weight: 600;

}

@media (max-width: 1680px) {

  .pet7 h3 {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .pet7 h3 {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .pet7 h3 {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet7 h3 {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .pet7 h3 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .pet7 h3 {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .pet7 h3 {

    font-size: 20px;

  }

}

.pet7 .items {

  margin-top: 1.56vw;

}

.pet7 .items .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;

  padding: 1.3vw 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.pet7 .items .item i {

  width: 44px;

  height: 44px;

  background: #1f9191;

  border: 1px solid #1f9191;

  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;

}

.pet7 .items .item .art {

  width: calc(100% - 60px);

  font-size: 16px;

  line-height: 28px;

}

.pet7 .items .item .art h6 {

  font-size: 18px;

}

@media (max-width: 1680px) {

  .pet7 .items .item .art h6 {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .pet7 .items .item .art h6 {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .pet7 .items .item .art h6 {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .pet7 .items .item .art h6 {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .pet7 .items .item .art h6 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet7 .items .item .art h6 {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .pet7 .items .item .art h6 {

    font-size: 14px;

  }

}

@media (max-width: 1680px) {

  .pet7 .items .item .art {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pet7 .items .item .art {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pet7 .items .item .art {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet7 .items .item .art {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pet7 .items .item .art {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pet7 .items .item .art {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .pet7 .items .item .art {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .pet7 .items .item .art {

    line-height: 24px;

  }

}

.pet7 form {

  padding: 2.86vw;

  background: #1f9191;

  margin: 0;

}

.pet7 form label {

  width: calc(50% - 7.5px);

  margin-bottom: 15px;

}

.pet7 form label.on input,

.pet7 form label.on textarea {

  border-color: red;

}

.pet7 form label input,

.pet7 form label textarea {

  border: 1px solid transparent;

  color: #fff;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet7 form label input::placeholder,

.pet7 form label textarea::placeholder {

  color: #fff;

}

.pet7 .btn_a:hover {

  border-color: #fff;

  background: #fff;

  color: #1f9191;

}

@media (max-width:768px) {

  .pet7 {

    padding: 40px 0;

  }

  .pet7 .left {

    width: 100%;

    padding-right: 0;

    margin-bottom: 15px;

  }

  .pet7 .right {

    width: 100%;

  }

  .pet7 .items {

    margin-top: 20px;

  }

  .pet7 .items .item {

    padding: 10px 0;

  }

  .pet7 form {

    padding: 20px 15px;

  }

}

.pet8 {

  padding: 4.17vw 0;

  overflow: hidden;

}

.pet8 .top_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;

  margin: 2.6vw auto;

}

.pet8 .top_a .left {

  width: 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;

  max-height: 650px;

}

.pet8 .top_a .right {

  width: 50%;

  padding: 0 2.34vw;

}

.pet8 .top_a .p1 {

  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: #1f9191;

}

@media (max-width: 1680px) {

  .pet8 .top_a .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .p1 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .p1 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .p1 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a .p1 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .p1 {

    font-size: 14px;

  }

}

.pet8 .top_a .p1 i {

  margin-right: 5px;

  font-size: 16px;

  padding-bottom: 2px;

}

@media (max-width: 1680px) {

  .pet8 .top_a .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .p1 i {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .p1 i {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .p1 i {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a .p1 i {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .p1 i {

    font-size: 14px;

  }

}

.pet8 .top_a h5 {

  font-size: 18px;

  font-family: "ro_b";

  color: #4c4c4c;

  margin: 15px 0;

}

@media (max-width: 1680px) {

  .pet8 .top_a h5 {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a h5 {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a h5 {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a h5 {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a h5 {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a h5 {

    font-size: 14px;

  }

}

.pet8 .top_a .info {

  font-size: 16px;

  line-height: 28px;

  color: #666;

}

@media (max-width: 1680px) {

  .pet8 .top_a .info {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .info {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .info {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .info {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a .info {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .info {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .pet8 .top_a .info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .pet8 .top_a .info {

    line-height: 24px;

  }

}

.pet8 .top_a .btn_a {

  font-size: 16px;

  margin-top: 2.08vw;

  display: inline-block;

  vertical-align: top;

  padding: 0 20px;

  background: #1f9191;

  line-height: 36px;

  color: #fff;

  border: 1px solid #1f9191;

  height: auto;

}

@media (max-width: 1680px) {

  .pet8 .top_a .btn_a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .btn_a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .btn_a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .btn_a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a .btn_a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .btn_a {

    font-size: 14px;

  }

}

.pet8 .top_a .btn_a i {

  font-size: 14px;

  margin-left: 10px;

}

@media (max-width: 1680px) {

  .pet8 .top_a .btn_a i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet8 .top_a .btn_a i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .btn_a i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .btn_a i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet8 .top_a .btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet8 .top_a .btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet8 .top_a .btn_a i {

    font-size: 13px;

  }

}

.pet8 .top_a .btn_a i::before {

  display: inline-block;

  vertical-align: middle;

  width: 18px;

  height: 18px;

  text-align: center;

  font-size: 14px;

  border-radius: 100%;

  border: 1px solid #fff;

  color: #fff;

  line-height: 16px;

  margin-left: 6px;

}

.pet8 .top_a .btn_a:hover {

  background: none;

  color: #1f9191;

}

.pet8 .top_a .btn_a:hover i::before {

  color: #1f9191;

  border: 1px solid #1f9191;

}

.pet8 .item_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;

}

.pet8 .item_a a {

  width: 32%;

  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;

  border-top: 1px solid #e9e9e9;

  border-bottom: 1px solid #e9e9e9;

  padding: 1.04vw 0.78vw;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet8 .item_a a:hover {

  background: #1f9191;

  color: #fff;

  border-color: #1f9191;

}

.pet8 .item_a a:hover i {

  border-color: rgba(255, 255, 255, 0.5);

}

.pet8 .item_a a span {

  width: calc(100% - 20px);

}

.pet8 .item_a a i {

  width: 26px;

  height: 26px;

  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: #1f9191;

  color: #fff;

  font-size: 12px;

  border-radius: 50%;

  border: 1px solid #1f9191;

  padding-top: 2px;

}

@media (max-width:768px) {

  .pet8 {

    padding: 40px 0;

  }

  .pet8 .top_a {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    margin: 15px auto;

  }

  .pet8 .top_a .left {

    width: 100%;

    height: 200px;

    margin-bottom: 15px;

  }

  .pet8 .top_a .right {

    width: 100%;

  }

  .pet8 .top_a h5 {

    margin: 10px 0;

  }

  .pet8 .item_a {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    margin-top: 20px;

  }

  .pet8 .item_a a {

    width: 100%;

    margin-bottom: 10px;

    padding: 10px;

  }

  .pet8 .item_a a:last-child {

    margin-bottom: 0;

  }

}

.pet9 {

  padding: 4.17vw 0 2.6vw;

  overflow: hidden;

  background: url(../images/p5.png) no-repeat center right 0;

}

.pet9 .items {

  margin-top: 2.6vw;

  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;

}

.pet9 .left {

  width: 46%;

  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;

  max-height: 680px;

  overflow: hidden;

}

.pet9 .left img {

  width: 100%;

  object-fit: cover;

}

.pet9 .right {

  width: 46%;

}

.pet9 h3 {

  text-align: left;

  font-size: 30px;

}

@media (max-width: 1680px) {

  .pet9 h3 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  .pet9 h3 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  .pet9 h3 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  .pet9 h3 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .pet9 h3 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .pet9 h3 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .pet9 h3 {

    font-size: 18px;

  }

}

.pet9 h3:after {

  margin-left: 0;

}

.pet9 .info {

  font-size: 14px;

  line-height: 30px;

}

.pet9 .info h6 {

  margin: 30px 0 10px;

  font-size: 20px;

  font-weight: 600;

}

@media (max-width: 1680px) {

  .pet9 .info h6 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .pet9 .info h6 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .pet9 .info h6 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet9 .info h6 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .pet9 .info h6 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet9 .info h6 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .pet9 .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet9 .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet9 .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet9 .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet9 .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet9 .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet9 .info {

    font-size: 13px;

  }

}

.pet9 .info p {

  padding-left: 15px;

  position: relative;

}

.pet9 .info p:before {

  content: '';

  width: 5px;

  height: 5px;

  background: #1f9191;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 11px;

}

@media (max-width:1440px) {

  .pet9 .info {

    line-height: 26px;

  }

  .pet9 .info p:before {

    top: 9px;

  }

}

@media (max-width:1280px) {

  .pet9 .info {

    line-height: 24px;

  }

  .pet9 .info p:before {

    top: 8px;

  }

}

.pet9 .info2 {

  margin-top: 30px;

  font-size: 14px;

  line-height: 30px;

}

@media (max-width: 1680px) {

  .pet9 .info2 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet9 .info2 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet9 .info2 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet9 .info2 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet9 .info2 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet9 .info2 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet9 .info2 {

    font-size: 13px;

  }

}

.pet9 .info2 p {

  margin-bottom: 10px;

}

.pet9 .info2 p:last-child {

  margin-bottom: 0;

}

@media (max-width:1440px) {

  .pet9 .info2 {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .pet9 .info2 {

    line-height: 24px;

  }

}

@media (max-width:768px) {

  .pet9 {

    padding: 40px 0 20px;

  }

  .pet9 .items {

    margin-top: 20px;

  }

  .pet9 .left {

    width: 100%;

    margin-bottom: 15px;

  }

  .pet9 .right {

    width: 100%;

  }

  .pet9 .info {

    margin-top: 20px;

  }

  .pet9 .info h6 {

    margin: 15px 0 10px;

  }

  .pet9 .info2 {

    margin-top: 15px;

  }

}

.pet10 {

  padding: 2.6vw 0;

  overflow: hidden;

}

@media (max-width:768px) {

  .pet10 {

    padding: 20px 0;

  }

}

.pet10 .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;

  margin-top: 2.6vw;

}

.pet10 .left {

  width: 48.5%;

  background: #f7f7f7;

  position: relative;

  z-index: 1;

  margin-bottom: 4.17vw;

  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: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

  align-items: flex-start;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.pet10 .left:before {

  content: '';

  width: 15.63vw;

  height: 100%;

  position: absolute;

  right: -15.63vw;

  top: 0;

  z-index: -1;

  background: #f7f7f7;

}

.pet10 .right {

  width: 48.5%;

  margin-top: 4.17vw;

  height: 29.17vw;

  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;

  position: relative;

  z-index: 1;

}

.pet10 .right img {

  width: 100%;

}

@media (max-width:768px) {

  .pet10 {

    padding: 0 0 20px;

  }

  .pet10 .items {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    margin-top: 20px;

  }

  .pet10 .left {

    width: 100%;

    padding: 0 20px 15px;

    margin-bottom: 0;

  }

  .pet10 .right {

    width: 100%;

    margin-top: 0;

    height: 225px;

  }

}

.pet10_s {

  max-width: calc(100% - 60px);

  overflow: hidden;

}

.pet10_s .art {

  padding-top: 30px;

}

.pet10_s .art h2 {

  text-align: left;

  color: #1f9191;

  margin-top: 2.6vw;

}

.pet10_s .art h2:after {

  margin-left: 0;

}

.pet10_s .art h5 {

  font-size: 28px;

  color: #1f9191;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .pet10_s .art h5 {

    font-size: 24.5px;

  }

}

@media (max-width: 1440px) {

  .pet10_s .art h5 {

    font-size: 21px;

  }

}

@media (max-width: 1280px) {

  .pet10_s .art h5 {

    font-size: 18.66666667px;

  }

}

@media (max-width: 1024px) {

  .pet10_s .art h5 {

    font-size: 14.93333333px;

  }

}

@media (max-width: 1680px) {

  .pet10_s .art h5 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .pet10_s .art h5 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .pet10_s .art h5 {

    font-size: 18px;

  }

}

.pet10_s .art .info {

  font-size: 14px;

  line-height: 30px;

  margin-top: 20px;

  padding-right: 5px;

  max-height: 300px;

  overflow-y: auto;

  color: #565351;

}

@media (max-width: 1680px) {

  .pet10_s .art .info {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet10_s .art .info {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet10_s .art .info {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet10_s .art .info {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet10_s .art .info {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet10_s .art .info {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet10_s .art .info {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .pet10_s .art .info {

    line-height: 26px;

    max-height: 182px;

  }

}

@media (max-width:1280px) {

  .pet10_s .art .info {

    line-height: 24px;

    max-height: 120px;

  }

}

@media (max-width:768px) {

  .pet10_s .art .info {

    line-height: 22px;

    max-height: auto;

    max-height: none;

  }

}

.pet10_s .art .info::-webkit-scrollbar {

  width: 2px;

  height: 2px;

  background-color: #d4d6d7;

}

.pet10_s .art .info::-webkit-scrollbar-thumb {

  background-color: #1f9191;

  border-radius: 10px;

}

.pet10_s .art .btns {

  position: relative;

  width: 100px;

  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;

  margin-top: 2.6vw;

}

.pet10_s .art .btns .swiper-button-prev,

.pet10_s .art .btns .swiper-button-next {

  margin: 0;

  padding: 0;

  left: auto;

  top: auto;

  right: auto;

  bottom: auto;

  position: relative;

  border: 1px solid #9e9e9e;

}

.pet10_s .art .btns .swiper-button-prev:hover,

.pet10_s .art .btns .swiper-button-next:hover {

  border-color: #1f9191;

}

@media (max-width:1024px) {

  .pet10_s {

    max-width: calc(100% - 30px);

  }

}

@media (max-width:990px) {

  .pet10_s {

    max-width: calc(100% - 20px);

  }

}

@media (max-width:768px) {

  .pet10_s {

    max-width: 100%;

  }

  .pet10_s .art {

    padding-top: 30px;

  }

  .pet10_s .art h2 {

    margin-top: 0;

  }

  .pet10_s .art .info {

    margin: 8px 0 15px;

  }

  .pet10_s .art .btns {

    width: 85px;

  }

}

.title5 {

  text-align: center;

  font-size: 28px;

  color: #1f9191;

  font-weight: 600;

  line-height: 1.2;

}

@media (max-width: 1680px) {

  .title5 {

    font-size: 24.5px;

  }

}

@media (max-width: 1440px) {

  .title5 {

    font-size: 21px;

  }

}

@media (max-width: 1280px) {

  .title5 {

    font-size: 18.66666667px;

  }

}

@media (max-width: 1024px) {

  .title5 {

    font-size: 14.93333333px;

  }

}

@media (max-width: 1680px) {

  .title5 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .title5 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .title5 {

    font-size: 18px;

  }

}

@media (max-width:768px) {

  .title5 {

    font-size: 16px;

  }

}

.pet11 {

  padding: 2.6vw 0 4.17vw;

}

.pet11 h2 {

  margin-bottom: 1.56vw;

}

.pet11 .btns {

  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:768px) {

  .pet11 {

    padding: 20px 0 40px;

  }

  .pet11 h2 {

    margin-bottom: 15px;

  }

}

.pet11_s,

.pet12_s,

.pet18_s {

  margin: 2.6vw 0;

  position: relative;

}

.pet11_s .swiper-button-prev,

.pet12_s .swiper-button-prev,

.pet18_s .swiper-button-prev {

  left: -4.17vw;

}

.pet11_s .swiper-button-next,

.pet12_s .swiper-button-next,

.pet18_s .swiper-button-next {

  right: -4.17vw;

}

.pet11_s .swiper,

.pet12_s .swiper,

.pet18_s .swiper {

  overflow: hidden;

}

.pet11_s a,

.pet12_s a,

.pet18_s a {

  padding: 1px;

  display: block;

  border: 1px solid #e9e9e9;

}

.pet11_s a:hover .imgbox img,

.pet12_s a:hover .imgbox img,

.pet18_s 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);

}

.pet11_s a:hover .art h5,

.pet12_s a:hover .art h5,

.pet18_s a:hover .art h5 {

  color: #1f9191;

}

.pet11_s a:hover .art .p1,

.pet12_s a:hover .art .p1,

.pet18_s a:hover .art .p1 {

  text-decoration: underline;

}

.pet11_s a .imgbox,

.pet12_s a .imgbox,

.pet18_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 93%;

  position: relative;

  overflow: hidden;

}

.pet11_s a .imgbox img,

.pet12_s a .imgbox img,

.pet18_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet11_s a .art,

.pet12_s a .art,

.pet18_s a .art {

  background: #f7f7f7;

  padding: 10px;

}

.pet11_s a .art h5,

.pet12_s a .art h5,

.pet18_s a .art h5 {

  height: 50px;

  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;

  font-size: 20px;

  color: #4c4c4c;

  line-height: 25px;

  margin-bottom: 5px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet11_s a .art h5,

  .pet12_s a .art h5,

  .pet18_s a .art h5 {

    font-size: 16px;

  }

}

.pet11_s a .art h5 p,

.pet12_s a .art h5 p,

.pet18_s a .art h5 p {

  text-align: center;

}

.pet11_s a .art .p1,

.pet12_s a .art .p1,

.pet18_s a .art .p1 {

  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;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

  text-transform: uppercase;

}

@media (max-width: 1680px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet11_s a .art .p1,

  .pet12_s a .art .p1,

  .pet18_s a .art .p1 {

    font-size: 13px;

  }

}

.pet11_s a .art .p1 i,

.pet12_s a .art .p1 i,

.pet18_s a .art .p1 i {

  font-size: 14px;

}

@media (max-width: 1680px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pet11_s a .art .p1 i,

  .pet12_s a .art .p1 i,

  .pet18_s a .art .p1 i {

    font-size: 13px;

  }

}

@media (max-width:1420px) {

  .pet11_s .swiper-button-prev,

  .pet12_s .swiper-button-prev,

  .pet18_s .swiper-button-prev {

    left: -50px;

  }

  .pet11_s .swiper-button-next,

  .pet12_s .swiper-button-next,

  .pet18_s .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .pet11_s .swiper-button-prev,

  .pet12_s .swiper-button-prev,

  .pet18_s .swiper-button-prev {

    left: -30px;

  }

  .pet11_s .swiper-button-next,

  .pet12_s .swiper-button-next,

  .pet18_s .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .pet11_s .swiper-button-prev,

  .pet12_s .swiper-button-prev,

  .pet18_s .swiper-button-prev {

    left: -20px;

  }

  .pet11_s .swiper-button-next,

  .pet12_s .swiper-button-next,

  .pet18_s .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .pet11_s,

  .pet12_s,

  .pet18_s {

    margin: 20px auto;

  }

  .pet11_s a .imgbox,

  .pet12_s a .imgbox,

  .pet18_s a .imgbox {

    padding-bottom: 66%;

  }

}

.pet12 {

  background: url(../images/j31.jpg) no-repeat center / cover;

  padding: 4.17vw 0;

}

.pet12 h3 {

  padding: 0 3.13vw;

}

.pet12 .btns {

  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:768px) {

  .pet12 {

    padding: 40px 0;

  }

}

.pet12_s a {

  border: none;

}

.pet12_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  position: relative;

  overflow: hidden;

  background: #fff;

}

.pet12_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet12_s a .art {

  background: transparent;

}

@media (max-width:768px) {

  .pet12_s a .imgbox {

    padding-bottom: 66%;

  }

}

.pet13 {

  padding: 4.17vw 0;

}

.pet13 .btns {

  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:768px) {

  .pet13 {

    padding: 40px 0;

  }

}

.pet13_s,

.pet14_s,

.pet17_s,

.pet19_s {

  margin: 2.6vw auto;

  position: relative;

}

.pet13_s .swiper,

.pet14_s .swiper,

.pet17_s .swiper,

.pet19_s .swiper {

  overflow: hidden;

}

.pet13_s .swiper-button-prev,

.pet14_s .swiper-button-prev,

.pet17_s .swiper-button-prev,

.pet19_s .swiper-button-prev,

.pet13_s .swiper-button-next,

.pet14_s .swiper-button-next,

.pet17_s .swiper-button-next,

.pet19_s .swiper-button-next {

  display: none;

}

.pet13_s a,

.pet14_s a,

.pet17_s a,

.pet19_s a {

  padding: 1px;

  display: block;

}

.pet13_s a:hover .imgbox img,

.pet14_s a:hover .imgbox img,

.pet17_s a:hover .imgbox img,

.pet19_s 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);

}

.pet13_s a:hover h5,

.pet14_s a:hover h5,

.pet17_s a:hover h5,

.pet19_s a:hover h5 {

  color: #1f9191;

}

.pet13_s a .imgbox,

.pet14_s a .imgbox,

.pet17_s a .imgbox,

.pet19_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 68%;

  position: relative;

  overflow: hidden;

  box-shadow: 0 0 1px #1f9191;

}

.pet13_s a .imgbox img,

.pet14_s a .imgbox img,

.pet17_s a .imgbox img,

.pet19_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.pet13_s a h5,

.pet14_s a h5,

.pet17_s a h5,

.pet19_s a h5 {

  font-size: 20px;

  margin-top: 15px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  height: 50px;

  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: 1680px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .pet13_s a h5,

  .pet14_s a h5,

  .pet17_s a h5,

  .pet19_s a h5 {

    font-size: 16px;

  }

}

.pet13_s a h5 p,

.pet14_s a h5 p,

.pet17_s a h5 p,

.pet19_s a h5 p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-align: center;

}

.pet13_s a .art .p1,

.pet14_s a .art .p1,

.pet17_s a .art .p1,

.pet19_s a .art .p1 {

  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;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

  text-transform: uppercase;

}

.pet13_s a .art .p1 i,

.pet14_s a .art .p1 i,

.pet17_s a .art .p1 i,

.pet19_s a .art .p1 i {

  font-size: 14px;

}

.pet13_s a .art .p1:hover,

.pet14_s a .art .p1:hover,

.pet17_s a .art .p1:hover,

.pet19_s a .art .p1:hover {

  text-decoration: underline;

}

@media (max-width:768px) {

  .pet13_s,

  .pet14_s,

  .pet17_s,

  .pet19_s {

    margin: 20px auto;

  }

  .pet13_s .swiper-button-prev,

  .pet14_s .swiper-button-prev,

  .pet17_s .swiper-button-prev,

  .pet19_s .swiper-button-prev,

  .pet13_s .swiper-button-next,

  .pet14_s .swiper-button-next,

  .pet17_s .swiper-button-next,

  .pet19_s .swiper-button-next {

    display: flex;

  }

  .pet13_s .swiper-button-prev,

  .pet14_s .swiper-button-prev,

  .pet17_s .swiper-button-prev,

  .pet19_s .swiper-button-prev {

    left: -20px;

  }

  .pet13_s .swiper-button-next,

  .pet14_s .swiper-button-next,

  .pet17_s .swiper-button-next,

  .pet19_s .swiper-button-next {

    right: -20px;

  }

  .pet13_s a .imgbox,

  .pet14_s a .imgbox,

  .pet17_s a .imgbox,

  .pet19_s a .imgbox {

    box-shadow: 0 0 1px #1f9191;

  }

}

.pet14 {

  background: url(../images/j33.jpg) no-repeat center / cover;

}

.pet15 {

  background: url(../images/j35.jpg) no-repeat center / cover;

}

.pet15 h2 {

  text-align: left;

}

.pet15 h2:after {

  margin-left: 0;

}

.pet16 {

  background: url(../images/j37.jpg) no-repeat center / cover;

  padding-top: 1.56vw;

}

.pet16 h2 span {

  color: #1f9191;

}

@media (max-width:768px) {

  .pet16 {

    padding-top: 20px;

  }

}

.pet16_s a {

  border: 1px solid #e9e9e9;

  background: #fff;

}

.pet16_s a .imgbox {

  border: none;

}

@media (max-width:768px) {

  .pet16_s a .art {

    padding-bottom: 15px;

  }

}

.pet17 {

  background: url(../images/j39.jpg) no-repeat center / cover;

}

.pet17_s a .imgbox {

  background: transparent;

}

.pet17_s a h5 p {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.pet18 {

  padding-top: 4.17vw;

}

@media (max-width:768px) {

  .pet18 {

    padding-top: 40px;

  }

}

.pet19 {

  background: url(../images/j41.jpg) no-repeat center / cover;

}

.pet19_s a .imgbox {

  padding-bottom: 100%;

  background: #fff;

}

@media (max-width:768px) {

  .pet19_s a .imgbox {

    padding-bottom: 80%;

  }

}

.product2 {

  padding: 3.13vw 0 30px;

  background: #f3f4f6;

  border-top: 1px solid #e4e4e5;

  overflow: hidden;

}

.product2 .w1300 {

  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;

}

.product2 h2 {

  width: 100%;

  text-align: left;

  margin-bottom: 25px;

}

.product2 .left {

  width: 49.38%;

  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;

}

.product2 .right {

  width: 49.38%;

  background: #fff;

}

.product2 .pro_s1 {

  width: 100px;

  padding: 40px 0;

  position: relative;

}

.product2 .pro_s1 .swiper-button-prev,

.product2 .pro_s1 .swiper-button-next {

  width: 100%;

  height: 40px;

  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;

  left: 0;

  right: auto;

  margin: 0;

  padding: 0;

  background: transparent;

}

.product2 .pro_s1 .swiper-button-prev:hover,

.product2 .pro_s1 .swiper-button-next:hover {

  color: #1f9191;

}

.product2 .pro_s1 .swiper-button-prev:after,

.product2 .pro_s1 .swiper-button-next:after {

  font-size: 20px;

  transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -o-transform: rotate(90deg);

}

.product2 .pro_s1 .swiper-button-prev {

  top: 0;

}

.product2 .pro_s1 .swiper-button-next {

  top: auto;

  bottom: 0;

}

.product2 .pro_s1 .swiper {

  height: 350px;

  overflow: hidden;

}

.product2 .pro_s1 .swiper-slide {

  width: 100%;

  height: 80px;

}

.product2 .pro_s1 .swiper-slide.swiper-slide-active a:before {

  height: 100%;

}

.product2 .pro_s1 .swiper-slide.swiper-slide-active a img {

  opacity: 1;

}

.product2 .pro_s1 .swiper-slide a {

  width: 100%;

  height: 100%;

  padding: 1px;

  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 #e9e9e9;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

}

.product2 .pro_s1 .swiper-slide a:before {

  content: '';

  width: 2px;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  background: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  z-index: 2;

}

.product2 .pro_s1 .swiper-slide a img {

  opacity: 0.5;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width:1440px) {

  .product2 .pro_s1 {

    width: 80px;

  }

  .product2 .pro_s1 .swiper {

    height: 270px;

  }

  .product2 .pro_s1 .swiper-slide {

    height: 60px;

  }

}

@media (max-width:1280px) {

  .product2 .pro_s1 {

    width: 60px;

  }

  .product2 .pro_s1 .swiper {

    height: 230px;

  }

  .product2 .pro_s1 .swiper-slide {

    height: 50px;

  }

}

@media (max-width:768px) {

  .product2 .pro_s1 {

    width: 50px;

  }

  .product2 .pro_s1 .swiper {

    height: 140px;

  }

  .product2 .pro_s1 .swiper-slide {

    height: 40px;

  }

}

.product2 .pro_s2 {

  width: calc(100% - 120px);

}

.product2 .pro_s2 .swiper {

  overflow: hidden;

  height: 350px;

}

.product2 .pro_s2 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%;

}

@media (max-width:1440px) {

  .product2 .pro_s2 {

    width: calc(100% - 95px);

  }

}

@media (max-width:1280px) {

  .product2 .pro_s2 {

    width: calc(100% - 70px);

  }

  .product2 .pro_s2 .swiper {

    height: 300px;

  }

}

@media (max-width:768px) {

  .product2 .pro_s2 {

    width: calc(100% - 60px);

  }

  .product2 .pro_s2 .swiper {

    height: 220px;

  }

}

.product2 h3 {

  height: 45px;

  background: #1f9191;

  color: #fff;

  text-align: center;

  line-height: 45px;

  font-size: 22px;

}

@media (max-width: 1680px) {

  .product2 h3 {

    font-size: 19.25px;

  }

}

@media (max-width: 1440px) {

  .product2 h3 {

    font-size: 16.5px;

  }

}

@media (max-width: 1280px) {

  .product2 h3 {

    font-size: 14.66666667px;

  }

}

@media (max-width: 1024px) {

  .product2 h3 {

    font-size: 11.73333333px;

  }

}

@media (max-width: 1680px) {

  .product2 h3 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .product2 h3 {

    font-size: 16px;

  }

}

.product2 form {

  padding: 30px;

  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;

}

.product2 form .info_txt {

  margin-bottom: 10px;

}

.product2 form label {

  width: calc(50% - 7.5px);

  border: 1px solid #e9e9e9;

  margin-bottom: 15px;

  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;

}

.product2 form label.on {

  border-color: red;

}

.product2 form label.l1 {

  width: 100%;

}

.product2 form label i {

  width: 50px;

  height: 40px;

  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;

  padding-right: 10px;

}

.product2 form label i.i1:after {

  content: '*';

  color: red;

  position: absolute;

  right: 2px;

}

.product2 form label input,

.product2 form label textarea {

  width: calc(100% - 50px);

  height: 40px;

  font-size: 16px;

  color: #666;

  font-family: "ro_r";

}

@media (max-width: 1680px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .product2 form label input,

  .product2 form label textarea {

    font-size: 14px;

  }

}

.product2 form label input::placeholder,

.product2 form label textarea::placeholder {

  font-size: 16px;

  color: #666;

  font-family: "ro_r";

}

@media (max-width: 1680px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .product2 form label input::placeholder,

  .product2 form label textarea::placeholder {

    font-size: 14px;

  }

}

.product2 form label textarea {

  padding: 10px 0;

  height: 200px;

}

.product2 form label::after {

  content: '?';

  display: block;

  width: 16px;

  height: 16px;

  text-align: center;

  font-size: 12px;

  color: #fff;

  border-radius: 100%;

  background: green !important;

  line-height: 16px;

  position: absolute;

  right: 30px;

  bottom: 10px;

  opacity: 0;

}

.product2 form label.active_success::after {

  opacity: 1;

}

.product2 form .btn {

  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;

  width: 100%;

  margin: 15px auto;

}

.product2 form .btn .btn_a {

  color: #fff;

  margin: 1rem;

  padding: 1.2rem 1.85rem;

  background: #1f9191;

  display: flex;

  align-items: center;

  width: 100%;

  

  justify-content: space-between;

  box-shadow: 0 0 5px #1f9191;

  height: auto;

}

.product2 form .btn .btn_a:hover {

  box-shadow: 0 0 5px 0 #1f9191;

}

.product2 form .btn .btn_a span {

  margin: 0px 7vw 0 0;

  text-transform: capitalize;

}

.product2 form .btn .md_a {

  font-size: 14px;

  text-decoration: underline;

  margin-top: 10px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .product2 form .btn .md_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .product2 form .btn .md_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .product2 form .btn .md_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .product2 form .btn .md_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .product2 form .btn .md_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .product2 form .btn .md_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .product2 form .btn .md_a {

    font-size: 13px;

  }

}

.product2 form .btn .md_a:hover {

  color: #1f9191;

}

@media (max-width:1440px) {

  .product2 form {

    padding: 25px;

  }

  .product2 form label textarea {

    height: 150px;

  }

}

@media (max-width:1280px) {

  .product2 form {

    padding: 20px;

  }

  .product2 form label textarea {

    height: 120px;

  }

}

.product2 .share2 {

  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;

  margin-top: 20px;

}

.product2 .share2 a {

  width: 20px;

  height: 20px;

  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: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

}

.product2 .share2 a:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  margin-top: 20px;

  opacity: 0;

  height: 10px;

}

.product2 .share2 a:hover {

  transform: translateY(-10px);

}

@media (max-width:768px) {

  .product2 {

    padding: 30px 0;

  }

  .product2 .left {

    width: 100%;

    margin-bottom: 15px;

    padding: 10px 0;

  }

  .product2 .right {

    width: 100%;

  }

  .product2 .share2 {

    margin-top: 15px;

  }

  .product2 h3 {

    height: 40px;

    line-height: 40px;

  }

  .product2 form {

    padding: 15px;

  }

  .product2 form label {

    margin-bottom: 10px;

    width: 100%;

  }

  .product2 form label textarea {

    height: 100px;

  }

  .product2 form .btn {

    margin: 10px auto;

  }

}

.product3 {

  padding: 3rem 0;

  overflow: visible;

}

.product3 .taba {

  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;

  position: relative;

  height: 46px;

}

.product3 .taba.scroll {

  position: sticky;

  left: 0;

  top: 59px;

  background: #fff;

  z-index: 998;

}

.product3 .taba:before {

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  left: 0;

  bottom: 0;

  background: #e9e9e9;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.product3 .taba a {

  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;

  position: relative;

  margin-right: 3.13vw;

  font-size: 16px;

}

@media (max-width: 1680px) {

  .product3 .taba a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .product3 .taba a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .product3 .taba a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .product3 .taba a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .product3 .taba a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .product3 .taba a {

    font-size: 14px;

  }

}

.product3 .taba a:last-child {

  margin-right: 0;

}

.product3 .taba a:before {

  content: '';

  width: 0;

  height: 2px;

  position: absolute;

  left: 50%;

  bottom: 0;

  background: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.product3 .taba a.on,

.product3 .taba a:hover {

  color: #1f9191;

}

.product3 .taba a.on:before,

.product3 .taba a:hover:before {

  width: 100%;

  left: 0;

}

@media (max-width:768px) {

  .product3 .taba a {

    margin-right: 15px;

  }

}

.pro_info_box {

  padding: 25px 0;

}

.pro_info_box .p1 {

  margin-bottom: 12px;

}

.pro_info_box .videos {

  width: 100%;

}

.pro_info_box .videos video {

  width: 100%;

  object-fit: fill;

}

.pro_info_box .info_txt h2 {

  display: block;

  width: 100%;

  font-size: 32px;

  line-height: 1.32;

  color: #565351;

  position: relative;

  margin-bottom: 24px;

  padding-left: 19px;

  background: url(../images/i9.png) no-repeat left 0 top 10px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .pro_info_box .info_txt h2 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .pro_info_box .info_txt h2 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .pro_info_box .info_txt h2 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .pro_info_box .info_txt h2 {

    font-size: 17.06666667px;

  }

}

@media (max-width:1024px) {

  .pro_info_box .info_txt h2 {

    font-size: 20px;

  }

}

.pro_info_box .info_txt p {

  color: #565351;

  font-size: 14px;

  line-height: 32px;

}

.pro_info_box .info_txt ul li {

  position: relative;

  padding-left: 30px;

}

.pro_info_box .info_txt ul li:before {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  background: #1f9191;

  position: absolute;

  left: 0;

  top: 14px;

  border-radius: 100%;

}

.dw_div2 {

  height: 12px;

  position: relative;

  top: -106px;

}

.related {

  padding: 4.17vw 0;

  
  border-bottom: 1px solid #e9e9e9;

}

@media (max-width:768px) {

  .related {

    padding: 40px 0;

  }

}

.related_s {

  margin: 1.56vw auto 0;

  position: relative;

}

.related_s .swiper {

  overflow: hidden;

}

.related_s .swiper-button-prev,

.related_s .swiper-button-next {

  background: #fff;

}

.related_s .swiper-button-prev:hover,

.related_s .swiper-button-next:hover {

  background: #1f9191;

}

.related_s .swiper-button-prev {

  left: -4.17vw;

}

.related_s .swiper-button-next {

  right: -4.17vw;

}

.related_s a {

  padding: 1px;

  display: block;

  background: #fff;

}

.related_s 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);

}

.related_s a:hover h5 {

  color: #1f9191;

}

.related_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 80%;

  position: relative;

  overflow: hidden;

}

.related_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.related_s a h5 {

  font-size: 16px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  height: 60px;

  padding: 8px 1.3vw;

  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;

}

@media (max-width: 1680px) {

  .related_s a h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .related_s a h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .related_s a h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .related_s a h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .related_s a h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .related_s a h5 {

    font-size: 14px;

  }

}

.related_s a h5:before {

  content: '';

  width: calc(100% - 2.6vw);

  height: 1px;

  position: absolute;

  background: #e9e9e9;

  top: 0;

  left: 1.3vw;

}

.related_s a h5 p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-align: center;

}

@media (max-width:1420px) {

  .related_s .swiper-button-prev {

    left: -50px;

  }

  .related_s .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .related_s .swiper-button-prev {

    left: -30px;

  }

  .related_s .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .related_s .swiper-button-prev {

    left: -20px;

  }

  .related_s .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .related_s {

    margin: 20px auto 0;

  }

  .related_s .swiper-button-prev {

    left: -20px;

  }

  .related_s .swiper-button-next {

    right: -20px;

  }

  .related_s a h5 {

    padding: 5px 15px;

  }

  .related_s a h5:before {

    width: calc(100% - 30px);

    left: 15px;

  }

}

.tec {

  padding-top: 2.6vw;

}

@media (max-width:768px) {

  .tec {

    padding-top: 20px;

  }

}

.tec_top {

  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;

  position: relative;

}

.tec_top img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tec_top .art {

  width: 50%;

  padding: 2.08vw;

  background: rgba(255, 255, 255, 0.9);

  position: relative;

  z-index: 2;

}

.tec_top .art h3 {

  font-size: 30px;

  font-weight: 600;

  color: #524844;

}

@media (max-width: 1680px) {

  .tec_top .art h3 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  .tec_top .art h3 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  .tec_top .art h3 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  .tec_top .art h3 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .tec_top .art h3 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .tec_top .art h3 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .tec_top .art h3 {

    font-size: 18px;

  }

}

.tec_top .art .info_txt {

  margin: 15px auto;

}

.tec_top .art .btn_a {

  padding: 13px 32px;

  border: 1px solid #1f9191;

  border-radius: 5px;

  width: max-content;

  font-size: 1rem;

  height: auto;

}

@media (max-width:768px) {

  .tec_top .art {

    padding: 20px 15px;

    width: 100%;

  }

  .tec_top .art .info_txt {

    margin: 10px auto 15px;

  }

  .tec_top .art .btn_a {

    padding: 8px 16px;

    font-size: 12px;

  }

}

.tec_s {

  position: relative;

  margin: 2.6vw auto;

}

.tec_s .swiper-button-prev,

.tec_s .swiper-button-next {

  margin-top: -50px;

}

.tec_s .swiper-button-prev {

  left: -4.17vw;

}

.tec_s .swiper-button-next {

  right: -4.17vw;

}

.tec_s .swiper {

  overflow: hidden;

}

.tec_s a {

  display: block;

  padding: 1px;

}

.tec_s 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);

}

.tec_s a:hover h5 {

  color: #1f9191;

}

.tec_s a .imgbox {

  border: 1px solid #e6e6e6;

  width: 100%;

  height: 0;

  padding-bottom: 100%;

  position: relative;

  overflow: hidden;

}

.tec_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.tec_s a h5 {

  font-size: 20px;

  color: #4c4c4c;

  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;

  height: 50px;

  margin: 5px auto;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .tec_s a h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .tec_s a h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .tec_s a h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .tec_s a h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .tec_s a h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .tec_s a h5 {

    font-size: 16px;

  }

}

.tec_s a h5 p {

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

@media (max-width:1420px) {

  .tec_s .swiper-button-prev {

    left: -50px;

  }

  .tec_s .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .tec_s .swiper-button-prev {

    left: -30px;

  }

  .tec_s .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .tec_s .swiper-button-prev {

    left: -20px;

  }

  .tec_s .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .tec_s {

    margin: 20px auto 10px;

  }

  .tec_s a .imgbox {

    padding-bottom: 80%;

  }

  .tec_s a .art {

    padding-bottom: 0;

  }

}

.tec_list {

  padding: 1.56vw 0 4.17vw;

}

@media (max-width:768px) {

  .tec_list {

    padding: 20px 0 40px;

  }

}

.tec2 {

  padding: 60px 0 40px;

}

.tec2 .info_txt2 p {

  line-height: 32px;

  margin-bottom: 12px;

}

.tec2 .info_txt2 p strong {

  color: #565351;

  display: inline-block;

}

.tec2 .info_txt2 p a:hover strong {

  text-decoration: none;

}

.tec2 h2 {

  margin: 30px 0;

}

.tec2 h3 {

  font-size: 24px;

  color: #1f9191;

}

@media (max-width: 1680px) {

  .tec2 h3 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .tec2 h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .tec2 h3 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .tec2 h3 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .tec2 h3 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .tec2 h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .tec2 h3 {

    font-size: 16px;

  }

}

.tec2 .line {

  width: 100%;

  height: 1px;

  background: #e9e9e9;

  margin: 15px 0;

}

.tec2 .info_txt a {

  color: #1f9191;

  text-decoration: underline;

  font-family: "ro_b";

}

@media (max-width:768px) {

  .tec2 {

    padding: 40px 0 30px;

  }

  .tec2 h2 {

    margin: 20px 0;

  }

  .tec2 .line {

    margin: 10px 0;

  }

  .tec2 .info_txt2 p {

    margin-bottom: 6px;

  }

}

.tec2_s {

  position: relative;

  margin: 2.08vw auto;

}

.tec2_s .swiper-button-prev,

.tec2_s .swiper-button-next {

  margin-top: -50px;

}

.tec2_s .swiper-button-prev {

  left: -4.17vw;

}

.tec2_s .swiper-button-next {

  right: -4.17vw;

}

.tec2_s .swiper {

  overflow: hidden;

}

.tec2_s a {

  display: block;

  padding: 1px;

  border: 1px solid #e6e6e6;

}

.tec2_s 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);

}

.tec2_s a:hover h5 {

  color: #1f9191;

}

.tec2_s a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 80%;

  position: relative;

  overflow: hidden;

}

.tec2_s a .imgbox img {

  position: absolute;

  left: 50%;

  top: 50%;

  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.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.tec2_s a h5 {

  font-size: 16px;

  color: #4c4c4c;

  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;

  height: 70px;

  margin: 0px auto;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

  padding: 10px 15px;

}

@media (max-width: 1680px) {

  .tec2_s a h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .tec2_s a h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .tec2_s a h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .tec2_s a h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .tec2_s a h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .tec2_s a h5 {

    font-size: 14px;

  }

}

.tec2_s a h5:before {

  content: '';

  width: calc(100% - 30px);

  background: #e9e9e9;

  left: 15px;

  top: 0px;

  position: absolute;

  height: 1px;

}

.tec2_s a h5 p {

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

@media (max-width:1420px) {

  .tec2_s .swiper-button-prev {

    left: -50px;

  }

  .tec2_s .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .tec2_s .swiper-button-prev {

    left: -30px;

  }

  .tec2_s .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .tec2_s .swiper-button-prev {

    left: -20px;

  }

  .tec2_s .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .tec2_s {

    margin: 20px auto 10px;

  }

  .tec2_s .swiper-button-prev,

  .tec2_s .swiper-button-next {

    margin-top: -30px;

  }

  .tec2_s a .imgbox {

    padding-bottom: 80%;

  }

  .tec2_s a h5 {

    height: 60px;

  }

}

.industries {

  padding: 3.13vw 0 4.17vw;

}

.industries h3 {

  font-size: 30px;

  font-family: "ro_b";

  color: #565351;

}

@media (max-width: 1680px) {

  .industries h3 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  .industries h3 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  .industries h3 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  .industries h3 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .industries h3 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .industries h3 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .industries h3 {

    font-size: 18px;

  }

}

.industries.active h3 {

  margin-bottom: 20px;

}

@media (max-width:990px) {

  .industries .right {

    display: none;

  }

}

@media (max-width:768px) {

  .industries {

    padding: 40px 0;

  }

}

.ind_list {

  margin-top: 2.6vw;

}

.ind_list li {

  margin-bottom: 1.56vw;

}

.ind_list li:nth-child(2n) a .img {

  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 2;

  -webkit-order: 2;

  order: 2;

}

.ind_list 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;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.ind_list li a:hover .img img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.ind_list li a .img {

  width: 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;

  overflow: hidden;

  max-height: 325px;

}

.ind_list li a .img img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.ind_list li a .art {

  width: 50%;

  padding: 1.16vw;

}

.ind_list li a .art h4 {

  font-size: 20px;

  color: #1b1e53;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .ind_list li a .art h4 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .ind_list li a .art h4 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .ind_list li a .art h4 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .ind_list li a .art h4 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .ind_list li a .art h4 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .ind_list li a .art h4 {

    font-size: 16px;

  }

}

.ind_list li a .art h4:hover {

  color: #1f9191;

}

.ind_list li a .art .info {

  font-size: 16px;

  line-height: 28px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  margin: 15px 0 20px;

}

@media (max-width: 1680px) {

  .ind_list li a .art .info {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .ind_list li a .art .info {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .ind_list li a .art .info {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .ind_list li a .art .info {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .ind_list li a .art .info {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .ind_list li a .art .info {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .ind_list li a .art .info {

    line-height: 26px;

  }

}

@media (max-width:1280px) {

  .ind_list li a .art .info {

    line-height: 24px;

  }

}

@media (max-width:768px) {

  .ind_list li a .art .info {

    margin: 5px 0 12px;

  }

}

.ind_list li a .art .btn_a {

  max-height: 40px;

  text-transform: uppercase;

  color: #4c4c4c;

}

.ind_list li a .art .btn_a:hover {

  color: #fff;

}

@media (max-width:768px) {

  .ind_list {

    margin-top: 20px;

  }

  .ind_list li {

    margin-bottom: 15px;

  }

  .ind_list li a {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

  }

  .ind_list li a .img {

    width: 100%;

  }

  .ind_list li a .art {

    width: 100%;

    padding: 20px 15px;

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 3;

    -webkit-order: 3;

    order: 3;

  }

}

.ind_art {

  margin: 30px auto;

}

.ind_art strong {

  font-size: 14px;

  color: #333;

}

@media (max-width: 1680px) {

  .ind_art strong {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .ind_art strong {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .ind_art strong {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .ind_art strong {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .ind_art strong {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .ind_art strong {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .ind_art strong {

    font-size: 13px;

  }

}

.ind_art a {

  color: #1f9191;

  text-decoration: underline;

}

.ind_art h2,

.ind_art h3,

.ind_art h4,

.ind_art h5,

.ind_art h6 {

  margin-bottom: 20px;

  line-height: 1.3;

}

.ind_art h3 {

  font-size: 24px;

}

@media (max-width: 1680px) {

  .ind_art h3 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .ind_art h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .ind_art h3 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .ind_art h3 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .ind_art h3 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .ind_art h3 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .ind_art h3 {

    font-size: 16px;

  }

}

.ind_art p {

  margin-bottom: 25px;

  line-height: 24px;

}

.ind_art iframe {

  width: 100%;

  height: 400px;

}

.ind_art .breadcrumb .wrapper .model_box.ons {

  overflow-y: inherit;

}

@media (max-width:768px) {

  .ind_art {

    margin: 15px 0;

  }

}

.industries.active .ind_art {

  margin: 0 auto 20px;

}

.policy_details h2 {

  display: block;

  width: 100%;

  font-size: 32px;

  line-height: 1.32;

  color: #565351;

  position: relative;

  margin-bottom: 24px;

  padding-left: 19px;

  background: url(../images/i9.png) no-repeat left 0 top 10px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .policy_details h2 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .policy_details h2 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .policy_details h2 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .policy_details h2 {

    font-size: 17.06666667px;

  }

}

@media (max-width:1024px) {

  .policy_details h2 {

    font-size: 20px;

  }

}

.policy_details .info_txt h3 {

  font-size: 20px;

  color: #333;

  font-family: "ro_b";

  margin: 0;

}

@media (max-width: 1680px) {

  .policy_details .info_txt h3 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .policy_details .info_txt h3 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .policy_details .info_txt h3 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .policy_details .info_txt h3 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .policy_details .info_txt h3 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .policy_details .info_txt h3 {

    font-size: 16px;

  }

}

.sxy {

  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;

  margin-top: 20px;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.sxy a.btn_a {

  margin-right: 15px;

  width: 7.81vw;

  height: 35px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  border-radius: 5px;

  padding-top: 2px;

  min-width: 120px;

}

.sxy a.btn_a:hover {

  background: #fff;

  color: #1f9191;

}

.sxy a.btn_a.prev {

  background: #1f9191;

  color: #fff;

}

.sxy a.btn_a.prev i {

  transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -webkit-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

}

.sxy a.btn_a.prev:hover {

  background: #1f9191;

  color: #fff;

}

.sxy a.btn_a i {

  margin: 0 5px;

  font-size: 14px;

  font-weight: 600;

  display: block;

}

@media (max-width: 1680px) {

  .sxy a.btn_a i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .sxy a.btn_a i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .sxy a.btn_a i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .sxy a.btn_a i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .sxy a.btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .sxy a.btn_a i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .sxy a.btn_a i {

    font-size: 13px;

  }

}

.sxy a.btn_a span {

  margin: 0 5px;

}

.sxy .share2 {

  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;

}

.sxy .share2 a {

  width: 20px;

  height: 20px;

  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: #1f9191;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  position: relative;

  margin-left: 5px;

}

.sxy .share2 a:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  margin-top: 20px;

  opacity: 0;

  height: 10px;

}

.sxy .share2 a:hover {

  transform: translateY(-10px);

}

@media (max-width:768px) {

  .sxy a.btn_a {

    padding-top: 0;

  }

  .sxy .share2 {

    margin-top: 15px;

  }

}

.news {

  padding: 3.13vw 0 4.17vw;

}

.news h3 {

  font-size: 32px;

  font-family: "ro_b";

  color: #565351;

  margin-bottom: 18px;

}

@media (max-width: 1680px) {

  .news h3 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .news h3 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .news h3 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .news h3 {

    font-size: 17.06666667px;

  }

}

.news .taba {

  height: 48px;

  position: relative;

  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;

  width: 100%;

  overflow-x: auto;

  scrollbar-width: none;

  -ms-overflow-style: none;

}

.news .taba::-webkit-scrollbar {

  display: none;

}

.news .taba:before {

  content: '';

  width: 100%;

  height: 1px;

  background: #e9e9e9;

  left: 0;

  bottom: 0;

  position: absolute;

}

.news .taba a {

  height: 100%;

  margin-right: 3.13vw;

  position: relative;

  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;

  font-size: 16px;

  white-space: nowrap;

}

@media (max-width: 1680px) {

  .news .taba a {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .news .taba a {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .news .taba a {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .news .taba a {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .news .taba a {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .news .taba a {

    font-size: 14px;

  }

}

.news .taba a:before {

  content: '';

  width: 0;

  height: 2px;

  background: #1f9191;

  left: 50%;

  bottom: 0;

  position: absolute;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.news .taba a.on,

.news .taba a:hover {

  color: #1f9191;

}

.news .taba a.on:before,

.news .taba a:hover:before {

  width: 100%;

  left: 0;

}

@media (max-width:768px) {

  .news {

    padding: 30px 0 40px;

  }

  .news h3 {

    margin-bottom: 10px;

  }

  .news .taba {

    height: 40px;

  }

  .news .taba a {

    margin-right: 15px;

  }

}

.news_s {

  margin: 2.6vw auto 4.17vw;

  overflow: hidden;

  position: relative;

}

.news_s .swiper-pagination {

  left: 2.08vw;

  bottom: 30px;

  text-align: left;

}

.news_s .swiper-pagination span {

  color: #1f9191;

}

.news_s 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: #f3f4f6;

}

.news_s a:hover .left h5 {

  color: #1f9191;

}

.news_s a:hover .right .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.news_s a .left {

  width: 50%;

  padding: 2.08vw;

}

.news_s a .left .p1 {

  font-size: 14px;

  color: #1f9191;

  margin-top: 2.6vw;

  text-transform: uppercase;

}

@media (max-width: 1680px) {

  .news_s a .left .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .news_s a .left .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .news_s a .left .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .news_s a .left .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .news_s a .left .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .news_s a .left .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .news_s a .left .p1 {

    font-size: 13px;

  }

}

.news_s a .left h5 {

  font-size: 18px;

  font-family: "ro_b";

  color: #565351;

  margin: 1.56vw 0 2.6vw;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  line-height: 1.7;

}

@media (max-width: 1680px) {

  .news_s a .left h5 {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .news_s a .left h5 {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .news_s a .left h5 {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .news_s a .left h5 {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .news_s a .left h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .news_s a .left h5 {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .news_s a .left h5 {

    font-size: 14px;

  }

}

.news_s a .left .btn_a {

  color: #fff;

  background: #1f9191;

  padding: 17px 48px;

  width: fit-content;

  margin-bottom: 36px;

  height: auto;

}

.news_s a .right {

  width: 50%;

}

.news_s a .right .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 66%;

  position: relative;

  overflow: hidden;

}

.news_s a .right .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width:768px) {

  .news_s {

    margin: 20px auto 40px;

  }

  .news_s .swiper-pagination {

    bottom: 15px;

    left: 15px;

  }

  .news_s a {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

  }

  .news_s a .left {

    width: 100%;

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 2;

    -webkit-order: 2;

    order: 2;

    padding: 20px 15px;

  }

  .news_s a .left .p1 {

    margin-top: 0;

  }

  .news_s a .left h5 {

    margin: 10px 0 15px;

  }

  .news_s a .left .btn_a {

    padding: 10px 20px;

  }

  .news_s a .right {

    width: 100%;

  }

}

.news_list {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 30px;

  margin-bottom: 20px;

  position: relative;

}

.news_list li {

  width: 100%;

}

.news_list a:hover .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.news_list a:hover .art h5 {

  color: #1f9191;

}

.news_list a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 66%;

  position: relative;

  overflow: hidden;

}

.news_list a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.news_list a .art {

  padding-top: 15px;

}

.news_list a .art .p1 {

  font-size: 12px;

  color: #1f9191;

}

.news_list a .art h5 {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  font-size: 16px;

  color: #565351;

  font-family: "ro_b";

  line-height: 1.5;

  margin: 10px auto;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  height: calc(3em * 1.5);

  overflow: hidden;

}

@media (max-width: 1680px) {

  .news_list a .art h5 {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .news_list a .art h5 {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .news_list a .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .news_list a .art h5 {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .news_list a .art h5 {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .news_list a .art h5 {

    font-size: 14px;

  }

}

.news_list a .art .p2 {

  font-size: 12px;

  color: #1f9191;

  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;

  text-transform: uppercase;

}

.news_list a .art .p2 i {

  font-size: 12px;

  margin-left: 10px;

}

@media (max-width: 1680px) {

  .news_list a .art .p2 i {

    font-size: 10.5px;

  }

}

@media (max-width: 1440px) {

  .news_list a .art .p2 i {

    font-size: 9px;

  }

}

@media (max-width: 1280px) {

  .news_list a .art .p2 i {

    font-size: 8px;

  }

}

@media (max-width: 1024px) {

  .news_list a .art .p2 i {

    font-size: 6.4px;

  }

}

@media (max-width:1440px) {

  .news_list {

    grid-gap: 20px;

  }

}

@media (max-width:768px) {

  .news_list {

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 15px;

    margin-bottom: 15px;

  }

  .news_list a .art {

    padding-top: 10px;

  }

  .news_list a .art h5 {

    margin: 5px 0;

  }

}

@media (max-width:480px) {

  .news_list {

    grid-template-columns: 100%;

  }

}

.news_other {

  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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-top: 15px;

}

.news_other p {

  margin-right: 25px;

  font-size: 14px;

  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: #7f7f7f;

}

@media (max-width: 1680px) {

  .news_other p {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .news_other p {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .news_other p {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .news_other p {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .news_other p {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .news_other p {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .news_other p {

    font-size: 13px;

  }

}

.news_other p:last-child {

  margin-right: 0;

}

.news_other p img {

  margin-right: 5px;

}

.news_other p a {

  margin-left: 5px;

}

.news_other a {

  color: #1f9191;

}

@media (max-width:768px) {

  .news_other p {

    margin-right: 15px;

  }

}

.news_more {

  width: 100%;

  margin-top: 2.6vw;

  margin-bottom: 4.7vw;

}

.news_more > h3 {

  font-size: 26px;

  color: #565351;

  line-height: 65px;

  font-family: "ro_b";

}

.news_more .line {

  width: 100%;

  height: 1px;

  background: #e9e9e9;

  margin: 15px 0 30px;

}

.news_more .news_list,

.news_more .video_list {

  position: relative;

  margin-bottom: 0px;

}

.news_more .news_list .swiper,

.news_more .video_list .swiper {

  overflow: hidden;

}

.news_more .news_list .swiper-button-prev,

.news_more .video_list .swiper-button-prev,

.news_more .news_list .swiper-button-next,

.news_more .video_list .swiper-button-next {

  background: #e9e9e9;

}

.news_more .news_list .swiper-button-prev:hover,

.news_more .video_list .swiper-button-prev:hover,

.news_more .news_list .swiper-button-next:hover,

.news_more .video_list .swiper-button-next:hover {

  background: #1f9191;

}

.news_more .news_list .swiper-button-prev,

.news_more .video_list .swiper-button-prev {

  left: -4.17vw;

}

.news_more .news_list .swiper-button-next,

.news_more .video_list .swiper-button-next {

  right: -4.17vw;

}

@media (max-width:1420px) {

  .news_more .news_list .swiper-button-prev,

  .news_more .video_list .swiper-button-prev {

    left: -50px;

  }

  .news_more .news_list .swiper-button-next,

  .news_more .video_list .swiper-button-next {

    right: -50px;

  }

}

@media (max-width:1024px) {

  .news_more .news_list .swiper-button-prev,

  .news_more .video_list .swiper-button-prev {

    left: -30px;

  }

  .news_more .news_list .swiper-button-next,

  .news_more .video_list .swiper-button-next {

    right: -30px;

  }

}

@media (max-width:990px) {

  .news_more .news_list .swiper-button-prev,

  .news_more .video_list .swiper-button-prev {

    left: -20px;

  }

  .news_more .news_list .swiper-button-next,

  .news_more .video_list .swiper-button-next {

    right: -20px;

  }

}

@media (max-width:768px) {

  .news_more {

    margin-top: 25px;

  }

  .news_more .line {

    margin: 10px 0 20px;

  }

}

.news_list2 {

  margin-bottom: -20px;

}

@media (max-width:768px) {

  .news_list2 {

    margin-bottom: -10px;

  }

}

.pfd_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-top: 30px;

}

.pfd_list li {

  width: calc(33.33% - 20px);

  margin: 0 30px 30px 0;

  padding: 1px;

  border: 1px solid #e9e9e9;

  padding: 2.08vw 1.56vw;

}

.pfd_list li:nth-child(3n) {

  margin-right: 0;

}

.pfd_list li:hover .info {

  color: #1f9191;

  text-decoration: underline;

}

.pfd_list li .i1 {

  width: 100%;

  height: 30px;

  display: block;

  background: url(../images/i16.png) no-repeat center;

  background-size: auto 100%;

}

.pfd_list li .i2 {

  width: 100%;

  height: 20px;

  display: block;

  background: url(../images/i17.png) no-repeat center right;

  background-size: auto 100%;

}

.pfd_list li .info {

  text-align: center;

  font-size: 16px;

  line-height: 26px;

  color: #646464;

  margin: 1.25vw 0;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  display: block;

}

@media (max-width: 1680px) {

  .pfd_list li .info {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .pfd_list li .info {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .pfd_list li .info {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .pfd_list li .info {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .pfd_list li .info {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .pfd_list li .info {

    font-size: 14px;

  }

}

@media (max-width:1440px) {

  .pfd_list li .info {

    line-height: 24px;

  }

}

.pfd_list li .p1 {

  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;

  color: #565351;

  font-size: 14px;

  margin: 10px 0;

}

@media (max-width: 1680px) {

  .pfd_list li .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pfd_list li .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pfd_list li .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pfd_list li .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pfd_list li .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pfd_list li .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pfd_list li .p1 {

    font-size: 13px;

  }

}

.pfd_list li .p1 i {

  font-size: 14px;

  margin-right: 5px;

}

@media (max-width: 1680px) {

  .pfd_list li .p1 i {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .pfd_list li .p1 i {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .pfd_list li .p1 i {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .pfd_list li .p1 i {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .pfd_list li .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .pfd_list li .p1 i {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .pfd_list li .p1 i {

    font-size: 13px;

  }

}

@media (max-width:1440px) {

  .pfd_list li {

    width: calc(33.33% - 13.33px);

    margin: 0 20px 20px 0;

  }

}

@media (max-width:768px) {

  .pfd_list li {

    width: 100%;

    margin: 0 0 15px 0;

    padding: 30px 20px;

  }

  .pfd_list li .info {

    margin: 15px auto;

  }

}

.videos {

  padding: 1.56vw 0 4.17vw;

}

.videos h2 {

  margin-top: 1.56vw;

}

.videos h2:hover {

  color: #1f9191;

}

@media (max-width:768px) {

  .videos {

    padding: 20px 0 40px;

  }

  .videos h2 {

    margin-top: 15px;

  }

}

.video_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  margin-top: 1.56vw;

}

.video_list.video_list2 a:hover {

  box-shadow: none;

}

.video_list li {

  width: calc(33.33% - 20px);

  margin: 0 30px 30px 0;

}

.video_list li:nth-child(3n) {

  margin-right: 0;

}

.video_list a {

  display: block;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  padding: 1px;

  background: #f6f6f6;

  height: 100%;

}

.video_list a:hover {

  box-shadow: 0 0 5px #666;

}

.video_list a:hover .imgbox img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.video_list a:hover .art .info {

  color: #1f9191;

}

.video_list a .imgbox {

  width: 100%;

  height: 0;

  padding-bottom: 56.56%;

  position: relative;

  overflow: hidden;

}

.video_list a .imgbox img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.video_list a .art {

  padding: 25px;

  background: #f6f6f6;

}

.video_list a .art .p1 {

  font-size: 14px;

  color: #1f9191;

  margin-bottom: 10px;

  text-transform: uppercase;

}

@media (max-width: 1680px) {

  .video_list a .art .p1 {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .video_list a .art .p1 {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .video_list a .art .p1 {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .video_list a .art .p1 {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .video_list a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .video_list a .art .p1 {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .video_list a .art .p1 {

    font-size: 13px;

  }

}

.video_list a .art .info {

  font-size: 22px;

  line-height: 3rem;

  color: #393939;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  line-height: 1.7;

  overflow: hidden;

}

@media (max-width: 1680px) {

  .video_list a .art .info {

    font-size: 19.25px;

  }

}

@media (max-width: 1440px) {

  .video_list a .art .info {

    font-size: 16.5px;

  }

}

@media (max-width: 1280px) {

  .video_list a .art .info {

    font-size: 14.66666667px;

  }

}

@media (max-width: 1024px) {

  .video_list a .art .info {

    font-size: 11.73333333px;

  }

}

@media (max-width: 1680px) {

  .video_list a .art .info {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .video_list a .art .info {

    font-size: 16px;

  }

}

@media (max-width:1440px) {

  .video_list li {

    width: calc(33.33% - 13.33px);

    margin: 0 20px 20px 0;

  }

}

@media (max-width:768px) {

  .video_list {

    margin-top: 15px;

  }

  .video_list li {

    width: 100%;

    margin: 0 0 15px 0;

  }

  .video_list li .art {

    padding: 15px;

  }

}

.about1 {

  padding: 4.17vw 0;

}

.about1 h3 {

  font-size: 30px;

  color: #565351;

  margin-bottom: 2.08vw;

}

@media (max-width: 1680px) {

  .about1 h3 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  .about1 h3 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  .about1 h3 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  .about1 h3 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .about1 h3 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .about1 h3 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .about1 h3 {

    font-size: 18px;

  }

}

.about1 .about1_more {

  width: 100%;

  height: 60px;

  margin-top: -60px;

  padding-top: 30px;

  position: relative;

  z-index: 2;

  opacity: 0;

  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;

  font-size: 12px;

  color: #1f9191;

  background: linear-gradient(transparent, #fff 50%);

}

@media (max-width:768px) {

  .about1 {

    padding: 40px 0;

  }

  .about1 h3 {

    margin-bottom: 15px;

  }

  .about1 .about1_more {

    opacity: 1;

  }

  .about1 .info_txt {

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    overflow: hidden;

  }

  .about1 .info_txt.active {

    max-height: 50vh;

  }

}

.about2 {

  padding: 5.21vw 0;

  background: url(../images/j49.jpg) no-repeat center / cover;

  margin-top: 20px;

  background-attachment: fixed;

}

.about2 .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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.about2 .items .item {

  width: calc(25% - 1.04vw);

  background: rgba(0, 0, 0, 0.2);

  padding: 2.08vw;

  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-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

}

.about2 .items .item .p1 {

  width: 3.54vw;

  height: 3.54vw;

  background: #1f9191;

  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;

  font-size: 28px;

  color: #fff;

  min-width: 50px;

  min-height: 50px;

}

@media (max-width: 1680px) {

  .about2 .items .item .p1 {

    font-size: 24.5px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item .p1 {

    font-size: 21px;

  }

}

@media (max-width: 1280px) {

  .about2 .items .item .p1 {

    font-size: 18.66666667px;

  }

}

@media (max-width: 1024px) {

  .about2 .items .item .p1 {

    font-size: 14.93333333px;

  }

}

@media (max-width: 1680px) {

  .about2 .items .item .p1 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item .p1 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .about2 .items .item .p1 {

    font-size: 18px;

  }

}

.about2 .items .item h3 {

  color: #fff;

  font-size: 26px;

  text-align: center;

  font-family: "ro_b";

  line-height: 1.2;

  margin: 15px 0;

}

@media (max-width: 1680px) {

  .about2 .items .item h3 {

    font-size: 22.75px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item h3 {

    font-size: 19.5px;

  }

}

@media (max-width: 1280px) {

  .about2 .items .item h3 {

    font-size: 17.33333333px;

  }

}

@media (max-width: 1024px) {

  .about2 .items .item h3 {

    font-size: 13.86666667px;

  }

}

@media (max-width: 1680px) {

  .about2 .items .item h3 {

    font-size: 22px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item h3 {

    font-size: 18px;

  }

}

@media (max-width: 1024px) {

  .about2 .items .item h3 {

    font-size: 16px;

  }

}

.about2 .items .item .info {

  width: 100%;

}

.about2 .items .item .info p {

  width: 100%;

  background: rgba(255, 255, 255, 0.3);

  padding: 5px;

  border-radius: 30px;

  margin-bottom: 10px;

  color: #fff;

  font-size: 16px;

  text-align: center;

}

@media (max-width: 1680px) {

  .about2 .items .item .info p {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item .info p {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .about2 .items .item .info p {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .about2 .items .item .info p {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .about2 .items .item .info p {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .about2 .items .item .info p {

    font-size: 14px;

  }

}

.about2 .items .item .info a {

  color: #fff;

}

@media (max-width:768px) {

  .about2 {

    padding: 70px 0;

  }

  .about2 .items .item {

    width: 100%;

    margin-bottom: 15px;

    padding: 20px 15px;

    height: 400px;

  }

  .about2 .items .item .info img {

    display: block;

    max-height: 245px;

    margin: 0 auto;

  }

  .about2 .items .item:last-child {

    margin-bottom: 0;

  }

}

.about3 {

  padding: 2rem 0;

  background: #f1f1f1;

  margin: 100px 0;

}

.about3 .w1300 {

  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;

}

.about3 .left {

  width: 70%;

}

.about3 .right {

  width: 26%;

}

.about3 h2 {

  margin-bottom: 18px;

  font-size: 26px;

}

@media (max-width: 1680px) {

  .about3 h2 {

    font-size: 22.75px;

  }

}

@media (max-width: 1440px) {

  .about3 h2 {

    font-size: 19.5px;

  }

}

@media (max-width: 1280px) {

  .about3 h2 {

    font-size: 17.33333333px;

  }

}

@media (max-width: 1024px) {

  .about3 h2 {

    font-size: 13.86666667px;

  }

}

@media (max-width: 1680px) {

  .about3 h2 {

    font-size: 22px;

  }

}

@media (max-width: 1440px) {

  .about3 h2 {

    font-size: 18px;

  }

}

@media (max-width: 1024px) {

  .about3 h2 {

    font-size: 16px;

  }

}

.about3 .info_txt p {

  margin-bottom: 12px;

}

.about3 .info_txt p.hrefall {

  margin-bottom: 24px;

}

.about3 .art {

  padding-left: 15px;

  border-left: 2px solid #1f9191;

  margin-top: 10px;

}

.about3 .art h5 {

  font-size: 20px;

  color: #565351;

  font-style: italic;

}

@media (max-width: 1680px) {

  .about3 .art h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .about3 .art h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .about3 .art h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .about3 .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .about3 .art h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .about3 .art h5 {

    font-size: 16px;

  }

}

@media (max-width:768px) {

  .about3 {

    padding: 40px 0;

    margin: 50px 0 30px;

  }

  .about3 .left {

    width: 100%;

    margin-bottom: 10px;

  }

  .about3 .right {

    width: 100%;

  }

  .about3 .info_txt p {

    margin-bottom: 6px;

  }

  .about3 .art {

    margin-top: 1rem;

    padding-left: 1.1rem;

    border-left: 2px solid #1f9191;

  }

}

.about4 {

  padding: 0 0 4.17vw;

}

.about4 .line {

  width: 100%;

  height: 1px;

  background: #e9e9e9;

  margin: 15px 0 25px;

}

.about4 .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;

}

.about4 .items .item {

  max-width: calc(20% - 7.5px);

}

.about4 .items .item .imgbox {

  height: 124px;

  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;

}

.about4 .items .item .art h5 {

  font-size: 20px;

  color: #1f9191;

  text-align: center;

  margin: 10px auto 5px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .about4 .items .item .art h5 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .about4 .items .item .art h5 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .about4 .items .item .art h5 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .about4 .items .item .art h5 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .about4 .items .item .art h5 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .about4 .items .item .art h5 {

    font-size: 16px;

  }

}

.about4 .items .item .art p {

  font-size: 18px;

  color: #565351;

  text-align: center;

}

@media (max-width: 1680px) {

  .about4 .items .item .art p {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .about4 .items .item .art p {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .about4 .items .item .art p {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .about4 .items .item .art p {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .about4 .items .item .art p {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .about4 .items .item .art p {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .about4 .items .item .art p {

    font-size: 14px;

  }

}

@media (max-width:768px) {

  .about4 {

    padding: 40px 0;

  }

  .about4 .line {

    margin: 10px 0 15px;

  }

  .about4 .items {

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    justify-content: flex-start;

  }

  .about4 .items .item {

    max-width: calc(50% - 7.5px);

    width: calc(50% - 24px);

    /* margin-bottom: 15px; */

    margin: 0 12px 24px;

  }

  .about4 .items .item .imgbox {

    width: 100%;

    height: auto;

  }

  .about4 .items .item .imgbox img {

    width: 100%;

  }

  .about4 .items .item .art h5 {

    margin: 22px auto 3px;

    font-size: 20px;

  }

  .about4 .items .item .art p {

    margin: 0;

    font-size: 14px;

  }

}

@media (max-width:480px) {

  .about4 .items .item {

    max-width: 100%;

    width: 100%;

    margin: 0 0 24px;

  }

}

.about5 {

  padding: 5.21vw 0;

  background: url(../images/j53.jpg);

  background-repeat: no-repeat !important;

  background-attachment: fixed !important;

  background-size: cover !important;

}

.about5 .w1300 {

  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;

}

.about5 .item {

  width: 25%;

  padding: 1.5vw;

  border-left: 1px solid rgba(255, 255, 255, 0.35);

  color: #fff;

}

.about5 .item:first-child {

  border-left: none;

}

.about5 .item .icon {

  width: 3.13vw;

  height: 3.13vw;

  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;

  min-width: 40px;

  min-height: 40px;

}

.about5 .item h5 {

  font-size: 24px;

  margin: 1.04vw 0;

}

@media (max-width: 1680px) {

  .about5 .item h5 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .about5 .item h5 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .about5 .item h5 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .about5 .item h5 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .about5 .item h5 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .about5 .item h5 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .about5 .item h5 {

    font-size: 16px;

  }

}

.about5 .item .info_txt {

  color: #fff;

}

@media (max-width:768px) {

  .about5 {

    padding: 30px 0;

  }

  .about5 .item {

    width: 100%;

    border: none;

    padding: 20px 15px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  }

  .about5 .item:last-child {

    border-bottom: none;

  }

  .about5 .item h5 {

    margin: 1.43rem 0;

    font-size: 20px;

  }

  .about5 .item .info_txt {

    margin-bottom: 1rem;

  }

}

.contact {

  padding: 4.17vw 0;

}

.contact .w1300 {

  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;

}



.contact .right {

  max-width: 37.5%;

  margin: 0 auto;

}

.contact h3 {

  font-size: 32px;

  color: #289182;
  
  font-weight: 600;

}

@media (max-width: 1680px) {

  .contact h3 {

    font-size: 31.5px;

  }

}

@media (max-width: 1440px) {

  .contact h3 {

    font-size: 27px;

  }

}

@media (max-width: 1280px) {

  .contact h3 {

    font-size: 24px;

  }

}

@media (max-width: 1024px) {

  .contact h3 {

    font-size: 19.2px;

  }

}

.contact h4 {

  font-size: 23px;

  margin-bottom: 20px;

  color: #303030;

}

@media (max-width: 1680px) {

  .contact h4 {

    font-size: 21px;

  }

}

@media (max-width: 1440px) {

  .contact h4 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .contact h4 {

    font-size: 16px;

  }

}

@media (max-width: 1024px) {

  .contact h4 {

    font-size: 12.8px;

  }

}

@media (max-width: 1680px) {

  .contact h4 {

    font-size: 20px;

  }

}

@media (max-width: 1440px) {

  .contact h4 {

    font-size: 18px;

  }

}

@media (max-width: 1280px) {

  .contact h4 {

    font-size: 16px;

  }

}

.contact 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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

}

.contact form label {

  width: calc(50% - 7.5px);

  border: 1px solid #e9e9e9;

  margin-bottom: 15px;

  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;

}

.contact form label.on {

  border-color: red;

}

.contact form label.l1 {

  width: 100%;

}

.contact form label input,

.contact form label select,

.contact form label select option,

.contact form label textarea {

  width: 100%;

  height: 35px;

  font-size: 14px;

  color: #666;

  font-family: "ro_r";

  padding: 0 15px;

}

@media (max-width: 1680px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .contact form label input,

  .contact form label textarea {

    font-size: 13px;

  }

}

.contact form label input::placeholder,

.contact form label textarea::placeholder {

  font-size: 14px;

  color: #666;

  font-family: "ro_r";

}

@media (max-width: 1680px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .contact form label input::placeholder,

  .contact form label textarea::placeholder {

    font-size: 13px;

  }

}

.contact form label textarea {

  height: 120px;

  padding: 10px 15px;

}

.contact form .btn {

  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;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  width: 100%;

  margin: 15px auto;

}

.contact form .btn .btn_a {

  background: #1f9191;

  color: #fff;

  padding: 0.3rem 1.8rem;

  font-size: 1rem;

  height: auto;

}

.contact form .btn .btn_a:hover {

  opacity: 0.8;

}

.contact form .btn .btn_a span {

  margin: 0px 5.21vw 0 10px;

}

@media (max-width:768px) {

  .contact form .btn .btn_a {

    padding: 10px 20px;

  }

}

.contact form .btn .md_a {

  font-size: 14px;

  text-decoration: underline;

  margin-top: 10px;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

@media (max-width: 1680px) {

  .contact form .btn .md_a {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .contact form .btn .md_a {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .contact form .btn .md_a {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .contact form .btn .md_a {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .contact form .btn .md_a {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .contact form .btn .md_a {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .contact form .btn .md_a {

    font-size: 13px;

  }

}

.contact form .btn .md_a:hover {

  color: #1f9191;

}

.contact form .check {

  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: 14px;

  color: #303030;

}

@media (max-width: 1680px) {

  .contact form .check {

    font-size: 12.25px;

  }

}

@media (max-width: 1440px) {

  .contact form .check {

    font-size: 10.5px;

  }

}

@media (max-width: 1280px) {

  .contact form .check {

    font-size: 9.33333333px;

  }

}

@media (max-width: 1024px) {

  .contact form .check {

    font-size: 7.46666667px;

  }

}

@media (max-width: 1680px) {

  .contact form .check {

    font-size: 14px;

  }

}

@media (max-width: 1280px) {

  .contact form .check {

    font-size: 14px;

  }

}

@media (max-width: 1024px) {

  .contact form .check {

    font-size: 13px;

  }

}

.contact form .check input {

  margin-right: 10px;

  margin-bottom: 2px;

}

.contact form .check a {

  color: #a6a6a6;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contact form .check a:hover {

  color: #1f9191;

  text-decoration: underline;

}

@media (max-width:1440px) {

  .contact form label textarea {

    height: 150px;

  }

}

@media (max-width:1280px) {

  .contact form label textarea {

    height: 120px;

  }

}

@media (max-width:768px) {

  .contact {

    padding: 40px 0;

  }

  .contact .left {

    width: 100%;

    margin-bottom: 15px;

  }

  .contact .right {

    width: 100%;

  }

  .contact h3,

  .contact h4 {

    margin-bottom: 10px;

  }

}

.map {

  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;

  height: 400px;

}

.map iframe {

  width: 100%;

  height: 100%;

}

.policy {

  margin-top: 10px;

}

.policy h2 {

  margin: 20px 0 15px;

  font-size: 30px;

}

@media (max-width: 1680px) {

  .policy h2 {

    font-size: 26.25px;

  }

}

@media (max-width: 1440px) {

  .policy h2 {

    font-size: 22.5px;

  }

}

@media (max-width: 1280px) {

  .policy h2 {

    font-size: 20px;

  }

}

@media (max-width: 1024px) {

  .policy h2 {

    font-size: 16px;

  }

}

@media (max-width: 1680px) {

  .policy h2 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .policy h2 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .policy h2 {

    font-size: 18px;

  }

}

.policy h2 img {

  margin-top: 7px;

}

@media (max-width:1440px) {

  .policy h2 img {

    margin-top: 4px;

  }

}

@media (max-width:1024px) {

  .policy h2 img {

    margin-top: 2px;

  }

}

.policy h3 {

  font-size: 20px;

  font-weight: 600;

  margin: 5px 0;

}

@media (max-width: 1680px) {

  .policy h3 {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .policy h3 {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .policy h3 {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .policy h3 {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .policy h3 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .policy h3 {

    font-size: 16px;

  }

}

@media (max-width:768px) {

  .policy h2 {

    margin: 15px 0 10px;

  }

}

.solutions .solutions_box .info {

  color: #565351;

  font-size: 1rem;

  line-height: 32px;

  font-size: 14px;

}

.solutions .solutions_box .info > h2 {

  font-size: 34px;

  font-weight: 600;

  color: #565351;

  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;

  line-height: 1.4;

  border-bottom: 1px solid #e7e7e7;

  padding: 1.2rem 0;

  margin-bottom: 30px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .solutions .solutions_box .info > h2 {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .solutions .solutions_box .info > h2 {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .solutions .solutions_box .info > h2 {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .solutions .solutions_box .info > h2 {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .solutions .solutions_box .info > h2 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .solutions .solutions_box .info > h2 {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .solutions .solutions_box .info > h2 {

    font-size: 20px;

  }

}

.solutions .solutions_box .info > h2::before {

  content: '';

  height: 1.41vw;

  min-height: 20px;

  margin: 1rem 0;

  width: 5px;

  margin-right: 1rem;

  background: url(../images/i9.png) no-repeat center / cover;

}

.solutions .solutions_box .info ul {

  margin-bottom: 12px;

}

.solutions .solutions_box .info ul li {

  position: relative;

  padding-left: 30px;

}

.solutions .solutions_box .info ul li::before {

  content: '';

  display: block;

  width: 6px;

  height: 6px;

  background: #1f9191;

  position: absolute;

  left: 0;

  top: 14px;

  border-radius: 100%;

}

.vision_model {

  width: 100%;

  font-size: 0;

  background: url(../images/productsecond_03.jpg) center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 5.8rem 0;

  margin-top: 20px;

}

.vision_model .wrapper .public_title {

  display: flex;

  align-items: center;

  padding: 1.4rem 0;

  margin-bottom: 20px;

}

.vision_model .wrapper .public_title .public-title-h1 {

  font-size: 34px;

  margin-left: 14px;

  display: block;

  color: #fff;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .vision_model .wrapper .public_title .public-title-h1 {

    font-size: 20px;

  }

}

.vision_model .wrapper .vision_box {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 0;

}

.vision_model .wrapper .vision_box .vision {

  margin: 0 auto;

  padding: 1.5rem 2rem;

  margin-bottom: 0.8rem;

  color: #fff;

  background: rgba(255, 255, 255, 0.3);

  width: 20%;

  display: block;

  border-left: 1px solid rgba(255, 255, 255, 0.3);

  min-height: 340px;

}

.vision_model .wrapper .vision_box .vision .vision_img {

  background: url(../images/circle_10.png) no-repeat;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  background-size: 100% 100%;

  border: 2px solid #1f9191;

  border-radius: 50%;

}

.vision_model .wrapper .vision_box .vision .vision_content {

  width: 100%;

  margin-left: 0;

  margin-top: 30px;

}

.vision_model .wrapper .vision_box .vision .vision_content .titles-a {

  font-size: 24px;

  margin: 0 0 1.43rem;

  color: #fff;

  font-family: "ro_b";

}

.vision_model .wrapper .vision_box .vision .vision_content .spans {

  font-size: 13.5px;

  line-height: 28px;

  text-align: left;

  color: #fff;

}

@media (max-width:1280px) {

  .vision_model .wrapper .vision_box .vision {

    width: 25%;

    margin: 0;

    margin-bottom: 0.8rem;

  }

}

@media (max-width:990px) {

  .vision_model .wrapper .vision_box {

    justify-content: normal;

  }

  .vision_model .wrapper .vision_box .vision {

    width: 33%;

    margin: 0;

    margin-bottom: 0.8rem;

  }

}

@media (max-width:768px) {

  .vision_model .wrapper .vision_box {

    justify-content: normal;

  }

  .vision_model .wrapper .vision_box .vision {

    min-height: 290px;

    width: 46%;

    margin: 0 2% 17px;

  }

}

@media (max-width: 600px) {

  .vision_model {

    padding: 1.8rem 0;

  }

  .vision_model .wrapper .vision_box {

    justify-content: normal;

  }

  .vision_model .wrapper .vision_box .vision {

    width: 100%;

  }

}

.tips .w1300 {

  -webkit-box-orient: vertical;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

  flex-direction: column;

}

.tips .wrapper > h2 {

  padding: 10px 0;

}

.tips .wrapper .tips_ul li {

  color: #565351;

  font-size: 1rem;

  line-height: 2rem;

  margin: 0.5rem 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.tips .wrapper .tips_ul li .img {

  margin-right: 0.7rem;

  min-width: 14px;

}

.tips .wrapper .tips_ul li .richtext {

  width: 100%;

}

.tips .wrapper .tips_ul li .richtext p {

  color: #565351;

  font-size: 14px;

  line-height: 28px;

}

.pro_info_box .info_txt {

  overflow-x: auto;

}

.pro_info_box .info_txt table {

  border: 0;

  width: 100%;

}

.pro_info_box .info_txt table tbody tr:nth-child(odd) {

  background: #f6f6f6;

}

.pro_info_box .info_txt table tbody tr:nth-child(even) {

  background: #fff;

}

.pro_info_box .info_txt table tbody tr:nth-child(1) {

  background: #1f9191;

}

.pro_info_box .info_txt table tbody tr:nth-child(1) td {

  color: #fff;

}

.pro_info_box .info_txt table tbody tr:nth-child(1) td p {

  color: #fff;

}

.pro_info_box .info_txt table tbody tr td {

  border: none;

  padding: 0 10px;

  font-size: 14px;

  color: #565351;

  text-align: center;

  word-break: normal;

  padding-left: 20px;

  line-height: 32px;

}

.search_wrap {

  padding: 40px 0;

}

.search_wrap .left {

  padding: 50px 0;

}

.search_wrap .left .model-box-titles {

  font-size: 32px;

  font-family: "ro_b";

  color: #565351;

  margin-bottom: 20px;

}

@media (max-width: 1680px) {

  .search_wrap .left .model-box-titles {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .search_wrap .left .model-box-titles {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .search_wrap .left .model-box-titles {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .search_wrap .left .model-box-titles {

    font-size: 17.06666667px;

  }

}

.search_wrap .left .change-result {

  text-align: center;

  padding-bottom: 30px;

  margin-bottom: 10px;

}

.search_wrap .left .change-result li {

  display: inline-block;

  vertical-align: top;

  margin-top: 10px;

}

.search_wrap .left .change-result li .btn {

  font-size: 20px;

  display: inline-block;

  width: 220px;

  margin: 0 10px;

  background: #f0f0f0;

  color: #323232;

  padding: 10px 0;

  font-weight: bold;

  text-align: center;

  border: none;

  font-family: "ro_b";

  cursor: pointer;

}

@media (max-width: 1680px) {

  .search_wrap .left .change-result li .btn {

    font-size: 17.5px;

  }

}

@media (max-width: 1440px) {

  .search_wrap .left .change-result li .btn {

    font-size: 15px;

  }

}

@media (max-width: 1280px) {

  .search_wrap .left .change-result li .btn {

    font-size: 13.33333333px;

  }

}

@media (max-width: 1024px) {

  .search_wrap .left .change-result li .btn {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1680px) {

  .search_wrap .left .change-result li .btn {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .search_wrap .left .change-result li .btn {

    font-size: 16px;

  }

}

.search_wrap .left .change-result li.active .btn {

  background: #1f9191;

  color: #fff;

}

.search_wrap .left .sep-resource-list2 {

  display: none;

}

.search_wrap .left .sep-resource-list2 li {

  padding-left: 160px;

  position: relative;

  padding-bottom: 30px;

  border-bottom: 1px solid #afafaf;

  padding-top: 5px;

  min-height: 152px;

  margin-bottom: 30px;

}

.search_wrap .left .sep-resource-list2 li.nothumb {

  padding-left: 0;

}

.search_wrap .left .sep-resource-list2 li .title {

  display: block;

  color: #545454;

  font-weight: bold;

  margin-bottom: 10px;

  font-size: 14px;

}

.search_wrap .left .sep-resource-list2 li .title:hover {

  color: #1f9191;

}

.search_wrap .left .sep-resource-list2 li .summary {

  display: block;

  color: #545454;

  line-height: 24px;

  margin-bottom: 10px;

  font-size: 14px;

}

.search_wrap .left .sep-resource-list2 li .more {

  color: #1f9191;

  font-size: 12px;

  font-weight: bold;

  text-transform: uppercase;

}

.search_wrap .left .sep-resource-list2 li .more:hover {

  text-decoration: underline;

}

.search_wrap .left .sep-resource-list2 li .thumb {

  display: block;

  position: absolute;

  width: 140px;

  overflow: hidden;

  left: 0;

  top: 0;

  text-align: center;

  height: 130px;

  line-height: 120px;

  font-size: 14px;

}

.search_wrap .left .sep-resource-list2 li .thumb img {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.search_wrap .left .sep-resource-list2 li .thumb:hover img {

  transform: scale(1.1);

}

@media (max-width:480px) {

  .search_wrap .left .sep-resource-list2 li {

    padding-left: 0;

  }

  .search_wrap .left .sep-resource-list2 li .thumb {

    width: 100%;

  }

  .search_wrap .left .sep-resource-list2 li .con {

    display: block;

    margin-top: 130px;

    width: 100%;

  }

}

.search_wrap .left .fyq3 {

  display: none;

}

@media (max-width:480px) {

  .search_wrap {

    padding: 25x 0;

  }

  .search_wrap .left {

    padding: 25px 0;

  }

}

.search_wrap .sep-resource-list2.active {

  display: block;

}

.search_wrap .fyq3.active {

  display: block;

}

.search_has_no_results {

  display: none;

}

.search_has_no_results.active {

  display: block;

}

.search_has_no_results .notfound {

  font-size: 14px;

}

.search_has_no_results .title2 {

  margin-top: 30px;

  margin-bottom: 30px;

}

.search_has_no_results .related_list {

  display: flex;

  flex-wrap: wrap;

}

.search_has_no_results .related_list .related {

  background: #fff;

  padding: 1rem;

  margin-bottom: 1rem;

  width: 23.5%;

  margin-left: 2%;

  text-align: center;

  height: 255px;

}

.search_has_no_results .related_list .related .thumbs {

  width: calc(100% - 32px);

  text-align: center;

  border-bottom: 1px solid #ebebeb;

  margin: auto;

  overflow: hidden;

  height: 80%;

  display: block;

  position: relative;

}

.search_has_no_results .related_list .related .thumbs img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.search_has_no_results .related_list .related .titles-a {

  margin: 8px 0;

  font-size: 15px;

  color: #565351;

  text-align: center;

  display: block;

}

@media (max-width:768px) {

  .search_has_no_results .related_list {

    justify-content: space-between;

  }

  .search_has_no_results .related_list .related {

    width: 48.5%;

    margin-left: 0;

  }

}

@media (max-width:480px) {

  .search_has_no_results .related_list .related {

    width: 100%;

  }

}

.search_has_no_results .related_list .related:nth-child(4n+1) {

  margin-left: 0;

}

.search_has_no_results .related_list .related.bgs {

  background: #f3f4f6;

}

.symbol .symbol_con .over-tabs {

  overflow-x: auto;

}

.symbol .symbol_con .over-tabs table {

  min-width: 820px;

  border: 0;

}

.symbol .symbol_con .over-tabs table thead tr {

  border: none;

  background-color: #1f9191;

}

.symbol .symbol_con .over-tabs table thead tr td {

  border: none;

  color: #fff;

  font-size: 14px;

  text-align: center;

  vertical-align: middle;

}

.symbol .symbol_con .over-tabs table tbody tr {

  border: none;

  width: 123px;

}

.symbol .symbol_con .over-tabs table tbody tr:nth-child(odd) {

  background: #f6f6f6;

}

.symbol .symbol_con .over-tabs table tbody tr:nth-child(odd) td {

  color: #fff;

}

.symbol .symbol_con .over-tabs table tbody tr.richtext table tr:nth-child(even) {

  background: #fff;

}

.symbol .symbol_con .over-tabs table tbody tr td {

  border: none;

  width: 123px;

  text-align: center;

  vertical-align: middle;

}

.symbol .symbol_con .over-tabs table tbody tr td img {

  max-width: 100%;

  margin: 14px 0;

}

.symbol .symbol_con .over-tabs table tbody tr td p {

  color: #565351;

  font-size: 14px;

  line-height: 32px;

  text-align: left;

}

.mes_index_two {

  width: 100%;

  padding: 3rem 0;

  border-top: 1px solid #e8e8e8;

}

.mes_index_two .center {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.mes_index_two .center .relation_hint {

  width: 43%;

  margin: 0 auto;

  padding-right: 80px;

}

.mes_index_two .center .relation_hint .thank {

  color: #454545;

  font-size: 34px;

  line-height: 42px;

}

@media (max-width: 1680px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .mes_index_two .center .relation_hint .thank {

    font-size: 20px;

  }

}

.mes_index_two .center .relation_hint .thank .gtj-ff-bold {

  color: #1f9191;

  font-size: 34px;

  line-height: 40px;

  font-family: "ro_b";

}

@media (max-width: 1680px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 29.75px;

  }

}

@media (max-width: 1440px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 25.5px;

  }

}

@media (max-width: 1280px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 22.66666667px;

  }

}

@media (max-width: 1024px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 18.13333333px;

  }

}

@media (max-width: 1680px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 26px;

  }

}

@media (max-width: 1024px) {

  .mes_index_two .center .relation_hint .thank .gtj-ff-bold {

    font-size: 20px;

  }

}

.mes_index_two .center .relation_hint .explain {

  color: #454545;

  font-size: 16px;

  width: 100%;

  max-width: 400px;

  margin-top: 2rem;

}

.mes_index_two .center .relation_form {

  width: 57%;

  margin: 0 auto;

}

.mes_index_two .center .relation_form form {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.mes_index_two .center .relation_form form label {

  width: 49%;

  border: 1px solid #dcdcdc;

  display: flex;

  align-items: center;

  padding: 8px 14px;

  margin-bottom: 1rem;

}

.mes_index_two .center .relation_form form label.l1 {

  width: 100%;

  align-items: flex-start;

}

.mes_index_two .center .relation_form form label.on {

  border-color: red;

}

.mes_index_two .center .relation_form form label i {

  color: #ccc;

}

.mes_index_two .center .relation_form form label textarea {

  border-radius: 0;

  font-size: 16px;

  color: #666;

  background: rgba(255, 255, 255, 0.4);

  padding-left: 5px;

  font-family: "ro_r";

}

.mes_index_two .center .relation_form form label input {

  margin-left: 5px;

}

.mes_index_two .center .relation_form form .btn {

  width: 40%;

  margin: 1rem 0;

  padding: 3px 15px;

  background: #1f9191;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 0 5px #1f9191;

}

.mes_index_two .center .relation_form form .btn .btn_a {

  color: #fff;

  font-size: 15px;

  margin-left: 0.7rem;

  text-transform: capitalize;

}

@media (max-width:990px) {

  .mes_index_two {

    padding: 1.5rem 0;

  }

  .mes_index_two .center {

    flex-direction: column;

  }

  .mes_index_two .center .relation_hint {

    width: 100%;

    padding-right: 0;

  }

  .mes_index_two .center .relation_form {

    width: 100%;

    margin-top: 30px;

  }

}

.product1_s {

  overflow: visible;

}

.product1_s .right.right_sticky {

  position: sticky;

  top: 120px;

  height: 80vh;

  overflow-x: hidden;

  overflow-y: auto;

}

.product1_s .right.right_sticky::-webkit-scrollbar {

  width: 1px;

  height: 1px;

  background-color: #fff;

}

.product1_s .right.right_sticky::-webkit-scrollbar-thumb {

  background-color: #d4d6d7;

  border-radius: 10px;

}

.c1f {

  color: #1f9191;

}

.arts2 {

  font-size: 18px;

  margin: 18px 0 10px;

}

@media (max-width: 1680px) {

  .arts2 {

    font-size: 15.75px;

  }

}

@media (max-width: 1440px) {

  .arts2 {

    font-size: 13.5px;

  }

}

@media (max-width: 1280px) {

  .arts2 {

    font-size: 12px;

  }

}

@media (max-width: 1024px) {

  .arts2 {

    font-size: 9.6px;

  }

}

@media (max-width: 1680px) {

  .arts2 {

    font-size: 18px;

  }

}

@media (max-width: 1440px) {

  .arts2 {

    font-size: 16px;

  }

}

@media (max-width: 1280px) {

  .arts2 {

    font-size: 14px;

  }

}

.p_info {

  font-size: 14px;

  line-height: 30px;

  margin-top: 20px;

  padding-right: 5px;

  max-height: 300px;

  color: #565351;

  text-align: center;

}

.p_info h6 {

  font-size: 28px;

  color: #1f9191;

  font-family: "ro_b";

  width: 46%;

  margin: 0 auto;

}

@media (max-width: 1680px) {

  .p_info h6 {

    font-size: 24.5px;

  }

}

@media (max-width: 1440px) {

  .p_info h6 {

    font-size: 21px;

  }

}

@media (max-width: 1280px) {

  .p_info h6 {

    font-size: 18.66666667px;

  }

}

@media (max-width: 1024px) {

  .p_info h6 {

    font-size: 14.93333333px;

  }

}

@media (max-width: 1680px) {

  .p_info h6 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .p_info h6 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .p_info h6 {

    font-size: 18px;

  }

}

.describe {

  margin-bottom: 12px;

}

.p_items .item .art h5 {

  height: calc(2em * 1.5);

}

.p_items .item .art p {

  font-size: 16px;

  margin-top: 10px;

}

@media (max-width: 1680px) {

  .p_items .item .art p {

    font-size: 14px;

  }

}

@media (max-width: 1440px) {

  .p_items .item .art p {

    font-size: 12px;

  }

}

@media (max-width: 1280px) {

  .p_items .item .art p {

    font-size: 10.66666667px;

  }

}

@media (max-width: 1024px) {

  .p_items .item .art p {

    font-size: 8.53333333px;

  }

}

@media (max-width: 1680px) {

  .p_items .item .art p {

    font-size: 16px;

  }

}

@media (max-width: 1440px) {

  .p_items .item .art p {

    font-size: 14px;

  }

}

.solutions1 {

  padding-top: 0;

}

.p30_title a p {

  font-size: 14px;

  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;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #1f9191;

}

.banner_info .art.art3 .w1300 .btn_a {

  border: 1px solid rgba(255, 255, 255, 0.5);

  background: transparent;

}

.banner_info .art.art3 .w1300 .btn_a:hover {

  background: #fff;

  color: #1f9191;

  text-decoration: none;

}

.p_32 .w1300 h2 {

  font-size: 32px;

}

@media (max-width: 1680px) {

  .p_32 .w1300 h2 {

    font-size: 28px;

  }

}

@media (max-width: 1440px) {

  .p_32 .w1300 h2 {

    font-size: 24px;

  }

}

@media (max-width: 1280px) {

  .p_32 .w1300 h2 {

    font-size: 21.33333333px;

  }

}

@media (max-width: 1024px) {

  .p_32 .w1300 h2 {

    font-size: 17.06666667px;

  }

}

@media (max-width:768px) {

  .p_32 .w1300 h2 {

    font-size: 24px;

  }

}

.p_28 .w1300 h2 {

  font-size: 28px;

}

@media (max-width: 1680px) {

  .p_28 .w1300 h2 {

    font-size: 24.5px;

  }

}

@media (max-width: 1440px) {

  .p_28 .w1300 h2 {

    font-size: 21px;

  }

}

@media (max-width: 1280px) {

  .p_28 .w1300 h2 {

    font-size: 18.66666667px;

  }

}

@media (max-width: 1024px) {

  .p_28 .w1300 h2 {

    font-size: 14.93333333px;

  }

}

@media (max-width: 1680px) {

  .p_28 .w1300 h2 {

    font-size: 24px;

  }

}

@media (max-width: 1440px) {

  .p_28 .w1300 h2 {

    font-size: 22px;

  }

}

@media (max-width: 1024px) {

  .p_28 .w1300 h2 {

    font-size: 18px;

  }

}

.inside_feedback {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.inside_feedback .w1300 {

  margin: 5.2vw auto;

  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;

}

.inside_feedback .feedback_box {

  width: 75.6%;

  height: auto;

  overflow: hidden;

}

.inside_feedback .feedback_box .feedback_main {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.inside_feedback .feedback_box .feedback_main .feedback_info .title {

  margin-bottom: 30px;

  font-size: 30px;

  color: #565351;

  font-family: "ro_b";

}

.inside_feedback .feedback_box .feedback_main .feedback_info .details {

  line-height: 32px;

  font-size: 14px;

  color: #565351;

}

.inside_feedback .feedback_box .feedback_main .feedback_pager {

  width: 100%;

  height: auto;

  margin-top: 40px;

  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;

}

.inside_feedback .feedback_box .feedback_main .feedback_pager a {

  margin-left: 5.2vw;

  padding: 6px 12px;

  border-radius: 4px;

  color: #fff;

  background-color: #1f9191;

  border-color: #1f9191;

}

.inside_feedback .feedback_box .feedback_main .feedback_pager a:first-child {

  margin: 0;

}

@media (max-width:1366px) {

  .inside_feedback .feedback_box .feedback_main .feedback_info .title {

    font-size: 24px;

  }

}

@media (max-width:1024px) {

  .inside_feedback .feedback_box .feedback_main .feedback_info .title {

    margin-bottom: 20px;

    font-size: 20px;

  }

  .inside_feedback .feedback_box .feedback_main .feedback_pager {

    margin-top: 30px;

  }

}

.inside_feedback .feedback_box .hot_product {

  width: 100%;

  height: auto;

  margin-top: 2.6vw;

  overflow: hidden;

}

.inside_feedback .feedback_box .hot_product .hot_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;

  font-size: 34px;

  line-height: 1;

  color: #565351;

  font-family: "ro_b";

}

.inside_feedback .feedback_box .hot_product .hot_title img {

  height: 1em;

  margin-right: 10px;

}

.inside_feedback .feedback_box .hot_product .hot_menu {

  width: 100%;

  height: auto;

  margin-top: 30px;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 20px;

  overflow: hidden;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item {

  width: 100%;

  height: auto;

  background: #f3f4f6;

  overflow: hidden;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item a {

  width: 100%;

  height: auto;

  display: block;

  padding: 20px;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item .img {

  width: 100%;

  height: auto;

  position: relative;

  text-align: center;

  overflow: hidden;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item .img .pb {

  padding-bottom: 100%;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item .img .ab {

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item .title {

  width: 100%;

  height: auto;

  text-align: center;

  font-size: 14px;

  color: #565351;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.inside_feedback .feedback_box .hot_product .hot_menu .item:hover .img .ab {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.inside_feedback .feedback_box .hot_product .hot_menu .item:hover .title {

  color: #1f9191;

}

@media (max-width:1366px) {

  .inside_feedback .feedback_box .hot_product .hot_title {

    font-size: 26px;

  }

}

@media (max-width:1024px) {

  .inside_feedback .feedback_box .hot_product {

    margin-top: 50px;

  }

  .inside_feedback .feedback_box .hot_product .hot_title {

    font-size: 20px;

  }

  .inside_feedback .feedback_box .hot_product .hot_menu {

    margin-top: 20px;

    grid-gap: 15px;

  }

}

@media (max-width:768px) {

  .inside_feedback .feedback_box .hot_product .hot_menu {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width:480px) {

  .inside_feedback .feedback_box .hot_product .hot_menu {

    grid-template-columns: 100%;

    grid-gap: 10px;

  }

}

.inside_feedback .sidebar_box {

  width: 20.2%;

  height: auto;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_form {

  width: 100%;

  height: 44px;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_form form {

  width: 100%;

  height: 100%;

  padding: 0 10px;

  background: #f3f4f6;

  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;

}

.inside_feedback .sidebar_box .sidebar_form input {

  width: 100%;

  flex: 1;

  font-size: 14px;

  color: #888;

}

.inside_feedback .sidebar_box .sidebar_form button {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  background: #1f9191;

  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;

}

.inside_feedback .sidebar_box .sidebar_title {

  font-size: 20px;

  color: #565351;

  font-family: "ro_b";

}

.inside_feedback .sidebar_box .sidebar_product {

  width: 100%;

  height: auto;

  margin-top: 20px;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box {

  width: 100%;

  height: auto;

  margin-top: 10px;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item {

  width: 100%;

  height: auto;

  border-bottom: 1px solid #ebebeb;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle {

  width: 100%;

  height: auto;

  padding: 5px 0;

  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;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle a {

  padding: 11px 0;

  display: block;

  font-size: 16px;

  color: #565351;

  line-height: 1;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  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;

  position: relative;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle a .subtitle {

  font-size: 14px;

  margin-right: 10px;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle a .title {

  font-size: 14px;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle .icon {

  width: 20px;

  height: 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;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  margin-top: -10px;

  position: absolute;

  right: 0;

  top: 50%;

  font-size: 0;

  color: #282f36;

  cursor: pointer;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle .icon i {

  font-size: 20px;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle.active a {

  color: #1f9191;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle.active .icon {

  color: #1f9191;

  transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

  -o-transform: rotate(90deg);

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle:hover a,

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .headtitle:hover .icon {

  color: #1f9191;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu {

  width: 100%;

  height: auto;

  padding-bottom: 20px;

  display: none;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu .title {

  padding: 15px 0 5px;

  font-size: 14px;

  line-height: 1.4;

  font-family: "ro_b";

  color: #565351;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu .one {

  padding: 5px 0;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu a {

  font-size: 14px;

  line-height: 1.4;

  color: #565351;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu .title:first-child {

  padding-top: 0;

}

.inside_feedback .sidebar_box .sidebar_product .menu_box .item .menu a:hover {

  color: #1f9191;

}

.inside_feedback .sidebar_box .sidebar_news {

  width: 100%;

  height: auto;

  margin-top: 30px;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_news .menu_box {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.inside_feedback .sidebar_box .sidebar_news .menu_box .item {

  padding: 15px 0;

  border-bottom: 1px solid #ebebeb;

}

.inside_feedback .sidebar_box .sidebar_news .menu_box .item a {

  font-size: 16px;

  color: #565351;

  line-height: 1.5;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.inside_feedback .sidebar_box .sidebar_news .menu_box .item a:hover {

  color: #1f9191;

}

@media (max-width:1024px) {

  .inside_feedback .w1300 {

    margin: 50px auto;

    display: block;

  }

  .inside_feedback .feedback_box {

    width: 100%;

  }

  .inside_feedback .sidebar_box {

    display: none;

  }

}

.infos-img{
    background-image: url(../images/adaindex2.png);
    background-repeat: no-repeat;
    background-position: 110% 50%;
}
.new-infos-img{
    background-image: url(../images/adaindex2.png);
    background-repeat: no-repeat;
    background-position: 100% 37%;
    background-size:50px;
}
.w1300 .lefts{
    background-image: url(../images/1s.png);
    background-size: 85px;
    background-repeat: no-repeat;
    background-position: 105% 50%;
}
.serachs{
    width: 200px;
    height: 30px;
    border: 1px solid #f7f7f7;
    background-image: url(../images/seach.png);
    background-color: #f7f7f7;
    border-radius: 13px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 30px;
}