.wow.fadeInUp {
  visibility: hidden;
}

@media (min-width:1601px) {
  html {
      font-size: 16px;
  }
}

@media (min-width:1400px) and (max-width:1600px) {
  html {
      font-size: 14px;
  }
}

@media (min-width:640px) and (max-width:1399px) {
  html {
      font-size: 13px;
  }
}

@media (min-width:481px) and (max-width:639px) {
  html {
      font-size: 13px;
  }
}

@media (min-width:329px) and (max-width:480px) {
  html {
      font-size: 13px;
  }
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

abbr,
acronym,
fieldset,
img {
  border: 0
}

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

q:after,
q:before {
  content: ''
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.col-c,
.col-l,
.col_c,
.col_l,
.l {
  float: left
}

.col-r,
.col_r,
.r,
.ul-txt li span,
.ul_txt li span,
dt span {
  float: right
}

.c {
  clear: both
}

.n,
em {
  font-weight: 400;
  font-style: normal
}

.b {
  font-weight: 700
}

.i {
  font-style: italic
}

.fa {
  font-family: Arial
}

.fg {
  font-family: Georgia
}

.ft {
  font-family: Tahoma
}

.fl {
  font-family: Lucida Console
}

.fs {
  font-family: '宋体'
}

.fw {
  font-family: '微软雅黑'
}

.tc {
  text-align: center
}

.tr {
  text-align: right
}

.tl {
  text-align: left
}

.tdu {
  text-decoration: underline
}

.tdn,
.tdn:hover,
a.tdl:hover {
  text-decoration: none
}

.fc0 {
  color: #000
}

.fc3 {
  color: #333
}

.fc6 {
  color: #666
}

.fc9 {
  color: #999
}

.fcr {
  color: red
}

.fcw {
  color: #fff
}

.fcb {
  color: #00f
}

.fcg {
  color: green
}

.f0 {
  font-size: 0
}

.f10 {
  font-size: 10px
}

.f12 {
  font-size: 12px
}

.f13 {
  font-size: 13px
}

.f14 {
  font-size: .875rem
}

.f16 {
  font-size: 1rem
}

.f20 {
  font-size: 20px
}

.f24 {
  font-size: 24px
}

.vm {
  vertical-align: middle
}

.vtb {
  vertical-align: text-bottom
}

.vt {
  vertical-align: top
}

.vn {
  vertical-align: -2px
}

.vimg {
  margin-bottom: -3px
}

.m0 {
  margin: 0
}

.ml0 {
  margin-left: 0
}

.ml5 {
  margin-left: 5px
}

.ml10 {
  margin-left: 10px
}

.ml20 {
  margin-left: 20px
}

.mr0 {
  margin-right: 0
}

.mr5 {
  margin-right: 5px
}

.mr10 {
  margin-right: 10px
}

.mr20 {
  margin-right: 20px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt20 {
  margin-top: 20px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb20 {
  margin-bottom: 20px
}

.ml-1 {
  margin-left: -1px
}

.mt-1 {
  margin-top: -1px
}

.p1 {
  padding: 1px
}

.pl5 {
  padding-left: 5px
}

.p5 {
  padding: 5px
}

.pt5 {
  padding-top: 5px
}

.pr5 {
  padding-right: 5px
}

.pb5 {
  padding-bottom: 5px
}

.p10 {
  padding: 10px
}

.pl10 {
  padding-left: 10px
}

.pt10 {
  padding-top: 10px
}

.pr10 {
  padding-right: 10px
}

.pb10 {
  padding-bottom: 10px
}

.p20 {
  padding: 20px
}

.pl20 {
  padding-left: 20px
}

.pt20 {
  padding-top: 20px
}

.pr20 {
  padding-right: 20px
}

.pb20 {
  padding-bottom: 20px
}

.pr,
.rel {
  position: relative
}

.abs,
.pa {
  position: absolute
}

.dn {
  display: none
}

.db {
  display: block
}

.dib {
  -moz-inline-stack: inline-block;
  display: inline-block
}

.di {
  display: inline
}

.ovh {
  overflow: hidden
}

.ovs {
  overflow: scroll
}

.vh {
  visibility: hidden
}

.vv {
  visibility: visible
}

.lh14 {
  line-height: 14px
}

.lh16 {
  line-height: 16px
}

.lh18 {
  line-height: 18px
}

.lh20 {
  line-height: 20px
}

.lh22 {
  line-height: 22px
}

.lh24 {
  line-height: 1.5rem
}

.fix {
  *zoom: 1
}

.fix:after,
.fix:before {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}

.z {
  _zoom: 1
}

.h1 {
  height: 1px
}

.h5 {
  height: 5px
}

.h,
.h10 {
  height: 10px
}

.h15 {
  height: 15px
}

.h20 {
  height: 20px
}

.h,
.h1,
.h10,
.h15,
.h20,
.h5 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  clear: both
}

body {
  font: 12px/1.5 "微软雅黑", "Microsoft Yahei";
  color: #444;
  -webkit-text-size-adjust: none;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  /* padding-top: 93px */
}

a {
  text-decoration: none;
  color: #444;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

a:hover {
  /* color: #f60 */
}

img {
  height: auto;
  max-width: 100%;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s
}

input,
select,
textarea {
  font-size: 12px;
  color: #444;
  font-family: "微软雅黑", "Microsoft Yahei";
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

input[type=button],
input[type=reset],
input[type=submit],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer
}

::-webkit-input-placeholder {
  color: #afafb0
}

::-moz-placeholder {
  color: #afafb0
}

::-ms-input-placeholder {
  color: #afafb0
}

select::-ms-expand {
  display: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.ani {
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s
}

.wp {
  width: 98%;
  max-width: 1440px;
  margin: 0 auto
}

.h50 {
  height: 50px;
  clear: both;
  overflow: hidden
}

.h100 {
  height: 100px;
  clear: both;
  overflow: hidden
}

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

/*!字体*/
@font-face {
  font-family: Roboto-LightItalic;
  src: url(../fonts/Roboto-LightItalic.ttf)
}

@font-face {
  font-family: Roboto-Bold;
  src: url(../fonts/Roboto-Bold.ttf)
}

@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Bold.otf)
}

@font-face {
  font-family: Montserrat-Bold;
  src: url(../fonts/Montserrat-Bold.otf)
}

@font-face {
  font-family: Montserrat-Medium;
  src: url(../fonts/Montserrat-Medium.ttf)
}

.index {
  background-color: #fff;
  padding-top: 0
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  padding: 0 25px 0 53px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0
}

.logo {
  float: left;
  height: 92px;
  font-size: 0;
  line-height: 92px;
  overflow: hidden
}

.logo a {
  display: block;
  overflow: hidden
}

.logo img {
  display: inline-block;
  vertical-align: middle;
  height: 48px
}

/* .hd-r {
  float: right
} */

.header .lang,
.header .so,
.header .tel {
  float: left
}

.header .so {
  width: 220px;
  position: relative;
  margin-top: 29px;
  margin-right: 43px;
  overflow: hidden
}

.header .so .inp {
  display: block;
  width: 100%;
  height: 37px;
  font-size: .875rem;
  color: #313131;
  line-height: 37px;
  background-color: #e9e9e9;
  border: none;
  border-radius: 19px;
  padding: 0 48px 0 20px;
  overflow: hidden
}

.header .so .sub-btn {
  display: block;
  width: 37px;
  height: 37px;
  border: none;
  background: 0 0;
  position: absolute;
  top: 0;
  right: 10px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header .so .sub-btn:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  filter: alpha(Opacity=80);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.header .so .sub-btn i {
  color: #038890
}

.header .lang {
  position: relative;
  margin-top: 29px;
  margin-right: 39px
}

.header .lang .tit {
  line-height: 37px;
  position: relative;
  padding-right: 14px;
  color: #696c6d;
  cursor: pointer;
  overflow: hidden
}

.header .lang .tit span {
  display: block;
  font-size: 25px
}

.header .lang .tit i {
  display: block;
  width: 12px;
  height: 8px;
  background: url(../images/icon1.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.header .lang dl {
  display: none;
  width: 120px;
  background-color: #fff;
  padding: 3px 0 10px;
  position: absolute;
  top: 37px;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header .lang dd a {
  display: block;
  height: 30px;
  font-size: 0;
  color: #666;
  line-height: 30px;
  padding: 5px 8px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header .lang dd a:hover {
  color: #00a0a9
}

.header .lang dd a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 45px
}

.header .lang-m {
  display: none;
  font-size: .875rem;
  color: #313131;
  line-height: 35px;
  text-align: center;
  overflow: hidden
}

.header .lang-m a {
  display: block;
  color: #313131;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header .lang-m a:hover {
  color: #00a0a9
}

.header .tel {
  font-size: 0;
  line-height: 50px;
  margin-top: 24px;
  overflow: hidden
}

.header .tel i {
  display: inline-block;
  vertical-align: middle;
  font-size: 38px;
  color: #696c6d;
  margin-right: 10px
}

.header .tel h3 {
  display: inline-block;
  vertical-align: middle;
  font-size: .875rem;
  color: #696c6d;
  line-height: 1.29em
}

.header .tel h3 em {
  display: block;
  font-size: 24px;
  color: #00a0a9;
  line-height: 1.2em;
  font-family: Arial;
  font-weight: 700
}

.menuBtn {
  width: 30px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 999;
  padding-top: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none
}

.menuBtn b {
  display: block;
  height: 3px;
  background-color: #313131;
  margin-bottom: 5px;
  border-radius: 2px;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s
}

.menuBtn.open b {
  display: none;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px
}

.menuBtn.open b:first-child {
  display: block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
  display: block;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}

.nav {
  float: left;
  margin-right: 22px
}

.nav li {
  float: left;
  position: relative;
  margin: 0 30px
}

.nav li .v1 {
  display: block;
  font-size: 1.125rem;
  color: #313131;
  line-height: 92px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav li .v1:after {
  content: '';
  height: 2px;
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav li.on .v1:after,
.nav li:hover .v1:after {
  background-color: #24b9a8
}

.nav li .v1 i {
  display: none;
}

.nav .dl1 {
  display: none;
  width: 260px;
  min-height: 375px;
  position: absolute;
  top: 92px;
  left: 0;
  background-color: #edeeef;
  padding: 39px 0 20px
}

.nav .dl1 dd .v2 {
  display: block;
  font-size: 1rem;
  color: #313131;
  line-height: 3.44em;
  position: relative;
  padding: 0 50px 0 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .dl1 dd.ok .v2,
.nav .dl1 dd:hover .v2 {
  color: #fff;
  background: linear-gradient(-90deg, #a0dae4, #00b6bb)
}

.nav .dl1 dd .v2 i {
  display: block;
  color: #8f9090;
  position: absolute;
  top: 50%;
  right: 33px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .dl1 dd.ok .v2 i,
.nav .dl1 dd:hover .v2 i {
  color: #fff
}

.nav .down {
  display: none;
  width: 860px;
  min-height: 375px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 38px 35px 20px 40px;
  overflow: hidden
}

.nav .down .tit {
  border-bottom: 1px solid #e5e8ec;
  padding-bottom: 21px;
  overflow: hidden
}

.nav .down .tit h3 {
  float: left;
  font-size: 1.125rem;
  color: #313131;
  line-height: 1.33em;
  overflow: hidden
}

.nav .down .tit a {
  display: block;
  float: right;
  font-size: .875rem;
  color: #7e7e7e;
  line-height: 1.71em;
  margin-left: 10px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .down .tit a:hover {
  color: #00a0a9
}

.nav .down .box {
  margin: 25px -7px 0;
  overflow: hidden
}

.nav .down .box .item {
  float: left;
  width: 25%;
  padding: 0 7px;
  margin-bottom: 14px;
  overflow: hidden
}

.nav .down .box .item a {
  display: block;
  font-size: 15px;
  color: #4e4e4e;
  line-height: 3em;
  text-align: center;
  border: 1px solid #dcdcdf;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .down .box .item a:hover {
  color: #fff;
  background: linear-gradient(-90deg, #a0dae4, #00b6bb);
  border-color: transparent
}

.nav .down .box2 {
  margin: 20px 35px 20px 0
}

.nav .down .box2 .item {
  float: left;
  width: 20%;
  padding-right: 9px;
  margin-bottom: 9px;
  overflow: hidden
}

.nav .down .box2 .item a {
  display: block;
  background-color: #fff;
  position: relative;
  overflow: hidden
}

.nav .down .box2 .pic {
  height: 70px;
  border: 1px solid #e5e8ec;
  overflow: hidden
}

.nav .down .box2 .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.nav .down .box2 h3 {
  font-size: 1rem;
  color: #fff;
  line-height: 70px;
  text-align: center;
  font-weight: 400;
  background: linear-gradient(-90deg, #a0dae4, #00b6bb);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: alpha(Opacity=0);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .down .box2 a:hover h3 {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: alpha(Opacity=100);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.nav .dl2 {
  display: none;
  width: 154px;
  position: absolute;
  top: 92px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

.nav .dl2 dd a {
  display: block;
  font-size: 15px;
  color: #666;
  line-height: 2.67em;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav .dl2 dd:hover a {
  color: #00a0a9
}

.index .header {
  background-color: transparent
}

.index .header.fixed,
.index .header:hover {
  background-color: #fff
}

.index .nav li .v1 {
  color: #fff
}

.index .header.fixed .nav li .v1,
.index .header:hover .nav li .v1 {
  color: #313131
}

.index .header .so .inp {
  background-color: #fff
}

.index .header.fixed .so .inp,
.index .header:hover .so .inp {
  background-color: #e9e9e9
}

.index .header .lang .tit {
  color: #fff
}

.index .header.fixed .lang .tit,
.index .header:hover .lang .tit {
  color: #696c6d
}

.index .header .lang .tit i {
  background-image: url(../images/icon1-1.png)
}

.index .header.fixed .lang .tit i,
.index .header:hover .lang .tit i {
  background-image: url(../images/icon1.png)
}

.index .header .tel i {
  color: #fff
}

.index .header.fixed .tel i,
.index .header:hover .tel i {
  color: #696c6d
}

.index .header .tel h3 {
  color: #fff
}

.index .header.fixed .tel h3,
.index .header:hover .tel h3 {
  color: #696c6d
}

.index .header .tel h3 em {
  color: #fff
}

.index .header.fixed .tel h3 em,
.index .header:hover .tel h3 em {
  color: #00a0a9
}

/* 
.banner {
  overflow: hidden;
  position: relative
}

.banner .slider {
  position: relative
}

.banner .slick-list,
.banner .slick-slide,
.banner .slick-slider,
.banner .slick-track {
  height: 100%
}

.banner .slick-slide {
  outline: 0;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover
} */

.banner {
  position: relative;
}

.banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.banner .wp {
  height: 100%;
}

.banner .swiper-container {
  height: 100vh;
  min-height: 280px;
}

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

.banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  /* background-position: -3rem; */
  background-repeat: no-repeat !important;
}

.banner .txt {
  color: #fff;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 1rem;
  position: relative;
}

.banner .swiper-button-white {
  position: absolute;
  overflow: hidden;
  width: 94px;
  height: 66px;
  font-size: 0;
  line-height: 0;
  z-index: 2;
  border: none;
  top: auto;
  background: center center no-repeat;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.banner .swiper-button-white::after {
  display: none;
}

.banner .s_prev {
  right: 323px;
  bottom: 192px;
  left: auto;
  background-image: url(../images/icon4.png)
}

.banner .s_next {
  right: 239px;
  bottom: 201px;
  background-image: url(../images/icon5.png)
}

.banner .s_prev:hover {
  background-image: url(../images/icon4-1.png)
}

.banner .s_next:hover {
  background-image: url(../images/icon5-1.png)
}


.banner .swiper-pagination {
  left: 0;
  top: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  flex-direction: column-reverse;
  width: 120px;

}

.banner span {
  color: #fff;
  line-height: 1.65em;
  font-family: Roboto-Bold;
  font-style: italic;
  font-size: 1.5rem;
  padding-left: 0.989vw;
}

.banner .swiper-pagination span:before {
  content: '0';
  position: static;
  height: auto;
}

.banner span.swiper-pagination-current {

  color: #fff;
  line-height: 2.33em;
  font-family: Roboto-LightItalic;
}

.banner .swiper-pagination i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, .4);
}

.banner span.swiper-pagination-total {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.65em;
  font-family: Roboto-Bold;
  font-style: italic;
}

/* 
#banner .slick-dots {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  text-align: center;
  z-index: 9
}

#banner .slick-dots li {
  display: inline-block;
  margin: 0 2px
}

#banner .slick-dots li button {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  text-indent: 999px;
  background-color: #fff;
  border-radius: 50%
}

#banner .slick-dots li.slick-active button {
  background-color: #000
}

.banner .item {
  height: 100vh;
  min-height: 280px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  overflow: hidden
}

.banner .con {
  display: block;
  overflow: hidden
}

.banner .box {
  padding-top: 269px;
  overflow: hidden
}

.banner .txt {
  overflow: hidden
} */

.banner h2 {
  font-size: 26px;
  color: #fff;
  line-height: 1.54em;
  font-weight: 400;
  padding-bottom: 29px;
  position: relative;
  margin-bottom: 18px;
  overflow: hidden
}

.banner h2:after {
  content: '';
  width: 40px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0
}

.banner h3 {
  font-size: 60px;
  color: #fff;
  line-height: 1.5em;
  margin-bottom: 7px;
  overflow: hidden
}

.banner .desc {
  font-size: 24px;
  color: #fff;
  line-height: 1.5em;
  overflow: hidden
}

.banner .more {
  display: block;
  width: 192px;
  font-size: 15px;
  color: #00a0a9;
  line-height: 55px;
  text-align: center;
  background: url(../images/icon2.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  margin-top: 117px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.banner .more:hover {
  color: #fff;
  background-image: url(../images/icon2-1.png)
}

.banner .more:after {
  content: '';
  width: 41px;
  height: 55px;
  background: url(../images/icon3.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -13px;
  bottom: 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.banner .more:hover:after {
  background-image: url(../images/icon3-1.png)
}

.banner .more i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-top: -2px;
  margin-left: 19px
}

.page-num {
  width: 120px;
  position: absolute;
  left: 0;
  bottom: 111px;
  z-index: 2
}

.page-num span {
  display: block;
  text-align: center;
  padding-left: 19px
}

.page-num .last {
  font-size: 40px;
  color: #fff;
  line-height: 1.65em;
  font-family: Roboto-Bold;
  font-style: italic
}

.page-num .first {
  font-size: 24px;
  color: #fff;
  line-height: 2.33em;
  font-family: Roboto-LightItalic
}

.page-num i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, .4);
  overflow: hidden
}

.animLoop {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 1.5rem;
  position: absolute;
  left: 50%;
  bottom: 88px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  -webkit-animation: 1s infinite alternate draw;
  -moz-animation: 1s infinite alternate draw;
  -ms-animation: draw 1s infinite alternate;
  -o-animation: 1s infinite alternate draw;
  animation: 1s infinite alternate draw;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.animLoop:hover {
  color: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
  filter: alpha(Opacity=80);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.animLoop i {
  display: block;
  font-size: 35px;
  text-align: center;
  margin-bottom: 4px
}

@keyframes draw {
  form {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  to {
      -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
      -o-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px)
  }
}

@-moz-keyframes draw {
  form {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  to {
      -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
      -o-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px)
  }
}

@-ms-keyframes draw {
  form {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  to {
      -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
      -o-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px)
  }
}

@-webkit-keyframes draw {
  form {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  to {
      -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
      -o-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px)
  }
}

@-o-keyframes draw {
  form {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
  }

  to {
      -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
      -o-transform: translate(-50%, 10px);
      transform: translate(-50%, 10px)
  }
}

.footer {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 70px 0 33px;
  overflow: hidden
}

.fd-top {
  margin-bottom: 56px;
  overflow: hidden
}

.fd-cont {
  float: right;
  width: 490px;
  margin-left: 39px;
  overflow: hidden
}

.fd-logo {
  width: 212px;
  height: auto;
  margin-bottom: 19px;
  overflow: hidden
}

.fd-logo a {
  display: block;
  overflow: hidden
}

.fd-logo img {
  display: block;
  width: 100%;
  height: auto
}

.fd-addr {
  font-size: .875rem;
  color: #fff;
  line-height: 2.57em;
  margin-bottom: 16px;
  overflow: hidden
}

.fd-addr p a {
  color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fd-addr p a:hover {
  text-decoration: underline
}

.fd-addr p i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 7px
}

.fd-ma {
  margin: 0 -19.5px;
  overflow: hidden
}

.fd-ma .item {
  float: left;
  margin: 0 19.5px;
  overflow: hidden
}

.fd-ma .pic {
  width: 95px;
  height: 95px;
  margin: 0 auto 1px;
  overflow: hidden
}

.fd-ma .pic img {
  display: block;
  width: 100%;
  height: 100%
}

.fd-ma span {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, .7);
  line-height: 2.31em;
  text-align: center;
  overflow: hidden
}

.fd-nav {
  overflow: hidden
}

.fd-nav dl {
  float: left;
  width: 16.66%;
  padding-right: 10px;
  overflow: hidden
}

.fd-nav dt {
  font-size: 1.125rem;
  color: #fff;
  line-height: 2.56em;
  font-weight: 700;
  margin-bottom: 7px;
  overflow: hidden
}

.fd-nav dd {
  overflow: hidden
}

.fd-nav dd a {
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, .6);
  line-height: 2.4em;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fd-nav dd a:hover {
  color: #fff
}

.fd-copy {
  font-size: 13px;
  color: rgba(255, 255, 255, .4);
  line-height: 2.31em;
  text-align: center;
  overflow: hidden
}

.fd-copy p span {
  display: inline-block
}

.fd-copy p a {
  color: rgba(255, 255, 255, .4);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fd-copy p a:hover {
  color: #fff
}

.fright {
  position: fixed;
  bottom: 20%;
  right: 52px;
  z-index: 1000
}

.fright li {
  margin: 9px 0
}

.fright li a {
  display: block;
  width: 90px;
  height: 90px;
  font-size: .875rem;
  color: #5c5c5c;
  line-height: 1.71em;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ededf0;
  padding: 18px 0 10px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fright li:hover a {
  color: #fff;
  background-color: #00a0a9;
  border-color: #00a0a9
}

.fright li a i {
  display: block;
  font-size: 21px;
  color: #00a0a9;
  text-align: center;
  margin-bottom: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.fright li:hover a i {
  color: #fff
}

@media only screen and (min-width:1200px) and (max-width:1920px) {
  .wp {
      max-width: 75vw
  }

  body {
      /* padding-top: 4.843vw */
  }
  #m_nav{
      float: right;
  }
  .header {
      padding: 0 1vw 0 2.76vw;
  }

  .logo {
      height: 4.791vw;
      line-height: 4.791vw
  }

  .logo img {
      height: 2.5vw
  }

  .header .so {
      width: 11.45vw;
      margin-top: 1.51vw;
      margin-right: 2.239vw
  }

  .header .so .inp {
      height: 1.927vw;
      font-size: .875rem;
      line-height: 1.927vw;
      border-radius: .989vw;
      padding: 0 2.5vw 0 1.041vw
  }

  .header .so .sub-btn {
      width: 1.927vw;
      height: 2vw;
      right: .52vw
  }

  .header .lang {
      margin-top: 1.51vw;
      margin-right: 2.031vw
  }

  .header .lang .tit {
      line-height: 1.927vw;
      padding-right: .729vw
  }

  .header .lang .tit span {
      font-size: 1.302vw
  }

  .header .lang .tit i {
      width: .625vw;
      height: .416vw
  }

  .header .lang dl {
      width: 6.25vw;
      padding: .156vw 0 .52vw;
      top: 1.927vw;
      -webkit-box-shadow: 0 0 .52vw rgba(0, 0, 0, .1);
      -moz-box-shadow: 0 0 .52vw rgba(0, 0, 0, .1);
      -ms-box-shadow: 0 0 .52vw rgba(0, 0, 0, .1);
      -o-box-shadow: 0 0 .52vw rgba(0, 0, 0, .1);
      box-shadow: 0 0 .52vw rgba(0, 0, 0, .1)
  }

  .header .lang dd a {
      height: 1.562vw;
      line-height: 1.562vw;
      padding: .26vw .416vw
  }

  .header .lang dd a span {
      font-size: .875rem;
      padding-left: 2.343vw
  }

  .header .tel {
      line-height: 2.604vw;
      margin-top: 1.25vw
  }

  .header .tel i {
      font-size: 1.979vw;
      margin-right: .52vw
  }

  .header .tel h3 {
      font-size: .875rem
  }

  .header .tel h3 em {
      font-size: 1.5rem
  }

  .nav {
      margin-right: 1.145vw
  }

  .nav li {
      margin: 0 1vw
  }

  .nav li .v1 {
      font-size: 1.125rem;
      line-height: 4.791vw
  }

  .nav li .v1:after {
      height: .104vw
  }

  .nav .dl1 {
      width: 13.54vw;
      min-height: 19.53vw;
      top: 4.791vw;
      padding: 2.031vw 0 1.041vw
  }

  .nav .dl1 dd .v2 {
      font-size: 1rem;
      padding: 0 2.604vw 0 1.562vw
  }

  .nav .dl1 dd .v2 i {
      right: 1.718vw
  }

  .nav .down {
      width: 38vw;
      min-height: 19.53vw;
      padding: 1.979vw 1.822vw 1.041vw 2.083vw
  }

  .nav .down .tit {
      padding-bottom: 1.093vw
  }

  .nav .down .tit h3 {
      font-size: 1.125rem;
  }

  .nav .down .tit a {
      font-size: .875rem;
      margin-left: .52vw
  }

  .nav .down .box {
      margin: 1.302vw -.364vw 0
  }

  .nav .down .box .item {
      padding: 0 .364vw;
      margin-bottom: .729vw
  }

  .nav .down .box .item a {
      font-size: .875rem;
      border-radius: .156vw
  }

  .nav .down .box2 {
      margin: 1.041vw 1.822vw 1.041vw 0
  }

  .nav .down .box2 .item {
      padding-right: .468vw;
      margin-bottom: .468vw
  }

  .nav .down .box2 .pic {
      height: 3.645vw
  }

  .nav .down .box2 h3 {
      font-size: 1rem;
      line-height: 3.645vw
  }

  .nav .dl2 {
      width: 8.020vw;
      top: 4.791vw;
      border-radius: .52vw;
      padding: .52vw .26vw;
      -webkit-box-shadow: 0 0 .52vw rgba(0, 0, 0, .05);
      -moz-box-shadow: 0 0 .52vw rgba(0, 0, 0, .05);
      -ms-box-shadow: 0 0 .52vw rgba(0, 0, 0, .05);
      -o-box-shadow: 0 0 .52vw rgba(0, 0, 0, .05);
      box-shadow: 0 0 .52vw rgba(0, 0, 0, .05)
  }

  .nav .dl2 dd a {
      font-size: .781vw
  }

  .footer {
      padding: 3.645vw 0 1.718vw
  }

  .fd-top {
      margin-bottom: 2.916vw
  }

  .fd-cont {
      width: 26.52vw;
      margin-left: 2.031vw
  }

  .fd-logo {
      width: 11.04vw;
      margin-bottom: .989vw
  }

  .fd-addr {
      font-size: .875rem;
      margin-bottom: .833vw
  }

  .fd-addr p i {
      width: 1.041vw;
      height: 1.041vw;
      line-height: 1.041vw;
      margin-right: .364vw
  }

  .fd-ma {
      margin: 0 -1.015vw
  }

  .fd-ma .item {
      margin: 0 1.015vw
  }

  .fd-ma .pic {
      width: 4.947vw;
      height: 4.947vw
  }

  .fd-ma span {
      font-size: .875rem
  }

  .fd-nav dl {
      padding-right: .52vw
  }

  .fd-nav dt {
      font-size: 1.125rem;
      margin-bottom: .364vw
  }

  .fd-nav dd a {
      font-size: .781vw
  }

  .fd-copy {
      font-size: .875rem
  }

  .fright {
      right: 2.708vw
  }

  .fright li {
      margin: .468vw 0
  }

  .fright li a {
      width: 4.687vw;
      height: 4.687vw;
      font-size: .875rem;
      padding: .937vw 0 .52vw
  }

  .fright li a i {
      font-size: 1.093vw;
      margin-bottom: .208vw
  }

  .banner .s_next,
  .banner .s_prev {
      width: 4.895vw;
      height: 3.437vw
  }

  .banner .s_prev {
      right: 16.82vw;
      bottom: 10vw
  }

  .banner .s_next {
      right: 12.44vw;
      bottom: 10.46vw
  }

  .banner .swiper-container {
      min-height: 14.58vw
  }

  .banner .box {
      padding-top: 14.01vw
  }

  .banner h2 {
      font-size: 1.625rem;
      padding-bottom: 1.51vw;
      margin-bottom: .937vw
  }

  .banner h2:after {
      width: 2.083vw;
      height: .104vw
  }

  .banner h3 {
      font-size: 3.75rem;
      margin-bottom: .364vw
  }

  .banner .desc {
      font-size: 1.5rem
  }

  .banner .more {
      width: 10vw;
      font-size: .875rem;
      line-height: 2.864vw;
      margin-top: 6.093vw
  }

  .banner .more:after {
      width: 2.135vw;
      height: 2.864vw;
      right: -.677vw;
      bottom: .52vw
  }

  .banner .more i {
      font-size: .75rem;
      margin-top: -.104vw;
      margin-left: .989vw
  }

  .page-num {
      width: 6.25vw;
      bottom: 5.781vw
  }

  .page-num span {
      padding-left: .989vw
  }

  .page-num .last {
      font-size: 1.75rem
  }

  .page-num .first {
      font-size: 1.5rem
  }

  .animLoop {
      font-size: .75rem;
      line-height: 1.25vw;
      bottom: 4.583vw
  }

  .animLoop i {
      font-size: 1.822vw;
      margin-bottom: .208vw
  }
}

@media only screen and (max-width:1199px) {
  .wp {
      width: auto;
      max-width: 100%;
      padding: 0 10px
  }

  .index,
  body {
      padding-top: 70px
  }

  .header {
      padding: 0 15px;
  }



  .index .header {
      background-color: #fff
  }

  .logo {
      height: 70px;
      line-height: 70px
  }

  .menuBtn {
      display: block
  }

  .hd-r {
      /* display: none;
      float: none;
      position: fixed;
      top: 70px;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, .5);
      padding: 10px 0;
      overflow: hidden; */
  }
  #m_nav {
      z-index: 997;
      position: fixed;
      width: 13rem;
      height: 100vh;
      top: 0;
      display: none;
      padding: 50px 0;
      overflow: hidden;
      pointer-events: none;
      transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      display: block;
      overflow: auto;
      visibility: hidden;
      opacity: 0;
      transform-origin: left;
      left: auto;
      right: 0;
      pointer-events: none;
      transform: perspective(600px) rotateY(-90deg);
      transform-origin: right;
      transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      -ms-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
  }
  #m_nav.act {
      pointer-events: auto;
      top: 0;
      visibility: visible;
      opacity: 1;
      transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
      transform: perspective(600px) rotateY(0deg);
  }
  .nav_mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 996;
      background-color: rgb(20 27 62 / 45%);
      opacity: 0;
      visibility: hidden;
      -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);
      transition: .5s;
      pointer-events: none;
  }
  #m_nav.act+.nav_mask {
      opacity: 1;
      visibility: visible;
      pointer-events: inherit;
  }
  .hd-r .content {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
      overflow: hidden;
      overflow-y: auto;
      padding-top: 50px;
  }

  .nav {
      float: none;
      margin-right: 0;
      margin-bottom: 10px
  }

  .nav li {
      float: none;
      margin: 0 20px;
  }

  .nav>ul>li+li {
      border-top: 1px solid rgb(90 90 90 / 10%);
  }

  .nav li .tit {
      position: relative;
      overflow: hidden;
  }

  .nav li .v1 {
      font-size: 1rem;
      line-height: 45px;
      padding: 0 10px;
      position: relative;
  }

  .nav li.on .v1,
  .nav li:hover .v1 {
      color: #00a0a9
  }

  .nav li .v1:after {
      display: none
  }

  .nav li .tit i {
      display: block;
      width: 45px;
      height: 45px;
      background: url(../images/icon7.png) no-repeat center center;
      -webkit-background-size: 30px auto;
      -moz-background-size: 30px auto;
      -ms-background-size: 30px auto;
      -o-background-size: 30px auto;
      background-size: 30px auto;
      position: absolute;
      top: -5%;
      right: 0;
      /* -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); */
  }

  .nav .dl1,
  .nav .dl2 {
      width: auto;
      min-height: 0;
      background: 0 0;
      position: static;
      padding: 5px 0
  }

  .nav .dl1 dd .v2 {
      font-size: .875rem;
      line-height: 40px;
      padding: 0 10px
  }

  .nav .dl1 dd .v2 i {
      display: none
  }

  .nav .dl1 dd.ok .v2,
  .nav .dl1 dd:hover .v2 {
      color: #00a0a9;
      background: 0 0
  }

  .nav .down {
      display: none
  }

  .nav .dl2 {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none
  }

  .nav .dl2 dd a {
      font-size: 13px;
      line-height: 40px
  }

  .header .lang,
  .header .so,
  .header .tel {
      float: none
  }

  .header .so {
      margin: 0 auto 10px
  }

  .index .header .so .inp {
      background-color: #e9e9e9
  }

  .header .lang {
      display: none
  }

  .header .lang-m {
      display: block
  }

  .header .tel {
      display: none
  }

  .footer {
      padding: 20px 0 10px
  }

  .fd-top {
      margin-bottom: 10px
  }

  .fd-cont {
      float: none;
      width: auto;
      margin-left: 0
  }

  .fd-logo {
      width: 180px;
      margin: 0 auto 10px
  }

  .fd-addr {
      line-height: 1.8em;
      text-align: center;
      margin-bottom: 10px
  }

  .fd-ma {
      font-size: 0;
      text-align: center;
      margin: 0 -10px
  }

  .fd-ma .item {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px
  }

  .fd-ma .pic {
      width: 80px;
      height: 80px
  }

  .fd-ma span {
      line-height: 1.8em
  }

  .fd-nav {
      display: none
  }

  .fd-copy {
      line-height: 1.8em
  }

  .fright {
      display: none
  }

  .banner .swiper-container {
      height: 56.25vw
  }

  .banner .box {
      padding-top: 0;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .banner h2 {
      font-size: 1.125rem;
      padding-bottom: 10px;
      margin-bottom: 10px
  }

  .banner h3 {
      font-size: 24px;
      margin-bottom: 5px
  }

  .banner .desc {
      font-size: 1rem
  }

  .banner .more {
      width: 140px;
      font-size: 13px;
      line-height: 3.67em;
      margin-top: 10px
  }

  .banner .more:after {
      width: 36px;
      height: 48px
  }

  .banner .more i {
      margin-left: 10px
  }

  .banner .s_next,
  .banner .s_prev {
      width: 50px;
      height: 35px
  }

  .banner .s_prev {
      bottom: 10px;
      right: 55px
  }

  .banner .s_next {
      bottom: 15px;
      right: 10px
  }

  .page-num {
      width: 65px;
      bottom: 30px
  }

  .page-num span {
      padding-left: 10px
  }

  .page-num .last {
      font-size: 20px
  }

  .page-num .first {
      font-size: 1rem
  }

  .animLoop {
      bottom: 10px
  }
}

.m_g-snvr1 {
  display: none;
}



/*!首页*/
.sobox {
  width: 1240px;
  margin: -47px auto 0;
  position: relative;
  z-index: 2;
  overflow: hidden
}

.sobox:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0
}

.sobox .so {
  background: url(../images/bg2.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 39px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 39px 4px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 39px 4px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 0 39px 4px rgba(0, 0, 0, .1);
  box-shadow: 0 0 39px 4px rgba(0, 0, 0, .1);
  position: relative;
  overflow: hidden
}

.sobox .inp {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: #000;
  line-height: 3.63em;
  border: none;
  background: 0 0;
  padding: 0 90px 0 43px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.sobox .sub-btn {
  display: block;
  width: 90px;
  height: 90px;
  border: none;
  background: 0 0;
  position: absolute;
  top: 0;
  right: 11px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.sobox .sub-btn:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  filter: alpha(Opacity=80);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.sobox .sub-btn i {
  display: block;
  font-size: 20px;
  color: #00a0a9
}

.sobox .bot {
  padding: 25px 40px 0;
  overflow: hidden
}

.sobox .bot span {
  display: block;
  float: left;
  font-size: .875rem;
  color: #00a0a9;
  line-height: 2.14em;
  font-weight: 700;
  margin-right: 4px;
  overflow: hidden
}

.sobox .bot dl {
  overflow: hidden
}

.sobox .bot dd {
  float: left;
  margin-right: 21px;
  overflow: hidden
}

.sobox .bot dd a {
  display: block;
  font-size: .875rem;
  color: #828283;
  line-height: 2.14em;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.sobox .bot dd:hover a {
  color: #00a0a9
}

.g-tit1 {
  text-align: center;
  overflow: hidden
}

.g-tit1 h3 {
  font-size: 48px;
  color: #333;
  line-height: 1.2em;
  margin-bottom: 12px;
  overflow: hidden
}

.g-tit1.qm2 h3 {
  margin-bottom: 22px
}

.g-tit1 .desc {
  font-size: 1.125rem;
  color: #1f1f1f;
  line-height: 1.5em;
  overflow: hidden
}

.g-tit1.qm .desc,
.g-tit1.qm2 .desc {
  color: #1f1f1f;
}

.g-more {
  display: block;
  width: 191px;
  font-size: 15px;
  color: #fff;
  line-height: 54px;
  text-align: center;
  background: url(../images/icon2-1.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.g-more:hover {
  color: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
  filter: alpha(Opacity=80);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.g-more:after {
  content: '';
  width: 41px;
  height: 55px;
  background: url(../images/icon3-1.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  right: -13px;
  bottom: 9px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.g-more i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-top: -2px;
  margin-left: 19px
}

.row-a1 {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.row-a1 .content {
  padding: 86px 0 80px;
  overflow: hidden
}

.m-imgtxt1 {
  margin-top: 61px;
  margin-bottom: 59px
}

.m-imgtxt1 .con {
  display: block
}

.m-imgtxt1 .pic {
  width: 100%;
  height: auto;
  overflow: hidden
}

.m-imgtxt1 .pic img {
  display: block;
  width: 100%;
  height: auto
}

.m-imgtxt1.webs {
  display: none;
}

.m-imgtxt1 .slider-navs,
.m-imgtxt1 .slider-nav {
  margin-top: -38px;
  margin-right: -1px;
  z-index: 2;
  position: relative;
}

.m-imgtxt1 .slider-navs .item,
.m-imgtxt1 .slider-nav .item {
  padding-right: 1px;
  cursor: pointer
}

.slider-navs .arr,
.slider-nav .arr {
  width: 3.4375rem;
  height: 3.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  cursor: pointer;
}

.slider-navs .arr_left,
.slider-nav .arr_left {
  left: -5rem;
}

.slider-navs .arr_right,
.slider-nav .arr_right {
  right: -5rem;
}

.slider-navs .arr:hover svg path,
.slider-nav .arr:hover svg path {
  fill: #048f94;
}


.img>img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  object-fit: cover;
  display: block;
}

.img_db {
  width: 100%;
  position: relative;
}

.img_db:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 65.6%;
}

.img_db>img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#gallery .img_db:after {
  padding-top: 32.245%;
}

.m-imgtxt1 .icon {
  width: 77px;
  height: 77px;
  font-size: 0;
  line-height: 59px;
  text-align: center;
  background-color: #eef3f7;
  border-radius: 50%;
  padding: 9px;
  margin: 0 auto -39px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: all .5s;
}

.m-imgtxt1 .my-slide-thumb-active .icon,
.m-imgtxt1 .slick-current .icon {
  background-color: #fff
}

.m-imgtxt1 .icon i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 25px;
  background-color: rgba(255, 255, 255, .8);
  border-radius: 50%
}

.m-imgtxt1 .my-slide-thumb-active .icon i,
.m-imgtxt1 .slick-current .icon i {
  color: #fff;
  background-color: rgba(4, 143, 148, .8)
}

.m-imgtxt1 h3 {
  font-size: 17px;
  color: #313131;
  line-height: 1.53em;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  padding: 56px 10px 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all .5s;
}

/* .m-imgtxt1 .swiper-slide h3 {
  background-color: #048f94;
  color: #fff;
} */

.m-imgtxt1 .my-slide-thumb-active h3{
  color: #fff;
  background-color: #048f94
}

.m-imgtxt1 .slick-next,
.m-imgtxt1 .slick-prev {
  position: absolute;
  bottom: 19px;
  overflow: hidden;
  width: 80px;
  height: 80px;
  font-size: 0;
  line-height: 0;
  z-index: 2;
  border: none;
  background: center center no-repeat;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.m-imgtxt1 .slick-prev {
  left: -80px;
  background-image: url(../images/icon6.png)
}

.m-imgtxt1 .slick-next {
  right: -80px;
  background-image: url(../images/icon7.png)
}

.m-imgtxt1 .slick-prev:hover {
  background-image: url(../images/icon6-1.png)
}

.m-imgtxt1 .slick-next:hover {
  background-image: url(../images/icon7-1.png)
}

.row-a2 {
  padding: 103px 0 94px;
  overflow: hidden;
  background: #fff;
}

.ul-imgtxt1 {
  margin-top: 66px
}

.ul-imgtxt1:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0
}

.ul-imgtxt1 li {
  float: left;
  width: 25%;
  padding-right: 10px;
  margin-bottom: 20px
}

.ul-imgtxt1 .con {
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt1 .con:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px)
}

.ul-imgtxt1 .icon {
  float: left;
  width: 77px;
  height: 87px;
  background: url(../images/icon8.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: 19px;
  overflow: hidden
}

.ul-imgtxt1 .icon i {
  display: block;
  font-size: 33px;
  color: #fff;
  -webkit-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -moz-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -ms-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -o-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  margin-left: 25px;
  margin-top: 19px
}

.ul-imgtxt1 .txt {
  text-align: left;
  padding-top: 10px;
  overflow: hidden
}

.ul-imgtxt1 h3 {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.83em;
  font-weight: 400;
  margin-bottom: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ul-imgtxt1 span {
  display: block;
  font-size: .875rem;
  color: rgba(0, 0, 0, .6);
  line-height: 2.36em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ul-imgtxt2 {
  margin: 26px -9px 39px;
  overflow: hidden
}

.ul-imgtxt2 li {
  float: left;
  width: 20%;
  /* padding: 0 9px; */
  margin-bottom: 28px;
  /* border: 1px solid #eee; */
}

.ul-imgtxt2 .con {
  display: block;
  position: relative;
  border: 1px solid #eee;
}

.ul-imgtxt2 .con:after {
  content: '';
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: transparent;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt2 a:hover:after {
  background-color: #00a0a9
}

.ul-imgtxt2 .pic {
  position: relative;
  height: 0;
  padding-top: 75.5%;
  overflow: hidden
}

.ul-imgtxt2 .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt2 a:hover .pic img {
  -webkit-transform: translate(-50%, -50%) scale(1.08);
  -moz-transform: translate(-50%, -50%) scale(1.08);
  -ms-transform: translate(-50%, -50%) scale(1.08);
  -o-transform: translate(-50%, -50%) scale(1.08);
  transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt2 .txt {
  /* border: 1px solid #eee; */
  padding: 23px 32px 21px;
  overflow: hidden;
}

.ul-imgtxt2 h3 {
  font-size: 1rem;
  color: #484848;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: -1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
  min-height: 3rem;
  text-align: center;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.ul-imgtxt2 span {
  display: block;
  font-size: .875rem;
  color: #a1a2a3;
  line-height: 2.14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.row-a3 {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 112px 0 72px;
  overflow: hidden
}

.m-ershou {
  margin: 60px 0;
  overflow: hidden
}

.m-ershou .left {
  float: left;
  width: 35.56%;
  overflow: hidden
}

.m-ershou .left .item {
  margin-bottom: -4px;
  overflow: hidden
}

.m-ershou .left .item:last-child {
  margin-bottom: 0;
}

.m-ershou .left a {
  display: block;
  overflow: hidden
}

.m-ershou .left .pic {
  width: 100%;
  height: auto;
  overflow: hidden
}

.m-ershou .left .pic img {
  display: block;
  width: 100%;
  height: auto
}

.ul-imgtxt3 {
  overflow: hidden
}

.ul-imgtxt3 li {
  float: left;
  width: 33.33%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow: hidden
}

.ul-imgtxt3 .con {
  display: block;
  background-color: #fff;
  border-bottom: 3px solid #fff;
  padding: 36px 22px 27px 25px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt3 a:hover {
  border-color: #00a0a9
}

.ul-imgtxt3 .pic {
  position: relative;
  height: 0;
  padding-top: 66.8%;
  margin-bottom: 23px;
  overflow: hidden
}

.ul-imgtxt3 .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt3 a:hover .pic img {
  -webkit-transform: translate(-50%, -50%) scale(1.08);
  -moz-transform: translate(-50%, -50%) scale(1.08);
  -ms-transform: translate(-50%, -50%) scale(1.08);
  -o-transform: translate(-50%, -50%) scale(1.08);
  transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt3 h3 {
  font-size: 1rem;
  color: #717274;
  line-height: 1.5rem;
  font-weight: 400;
  text-align: justify;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.row-a4 {
  padding: 103px 0 100px;
  overflow: hidden;
  background: #fff;
}

.ul-imgtxt4 {
  margin: 67px -1px 0 0;
  overflow: hidden
}

.ul-imgtxt4.mobile {
  display: none;
}

.ul-imgtxt4 li {
  float: left;
  width: 16.66%;
  padding-right: 1px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt4 li.on {
  width: 66.68%
}

.ul-imgtxt4 .inner {
  height: 620px;
  background-repeat: no-repeat;
  background-position: 69.5% center;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  position: relative
}

.ul-imgtxt4 .inner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 590px;
  background-image: url(../images/bg3.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -ms-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt4 .on .inner:after {
  background-image: url(../images/inset/bg7.png)
}

.ul-imgtxt4 .box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  width: 100%;
  color: #fff;
  padding: 0 48px;
  z-index: 1
}

.ul-imgtxt4 .on .box {
  bottom: 45px;
  padding: 0 72px
}

.ul-imgtxt4 .icon {
  width: 79px;
  height: 79px;
  line-height: 79px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 19px;
  overflow: hidden
}

.ul-imgtxt4 .icon i {
  font-size: 30px;
  color: #00a0a9
}

.ul-imgtxt4 .box .tit {
  min-width: 140px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ul-imgtxt4 .on .box .tit {
  margin-bottom: 34px
}

.ul-imgtxt4 .box .desc {
  height: 1.69em;
  font-size: 1rem;
  line-height: 1.69em;
  font-weight: 700;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: alpha(Opacity=0);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt4 .on .box .desc {
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: alpha(Opacity=100);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.ul-imgtxt4 .box .desc span {
  display: inline-block;
  margin-right: 20px
}

.row-a5 {
  position: relative;
  padding: 94px 0 95px;
  overflow: hidden
}

.row-a5 .bg {
  height: 190px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .2;
  filter: alpha(opacity=20);
  filter: alpha(Opacity=20);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
  overflow: hidden
}

.row-a5 .wp {
  position: relative;
  z-index: 2
}

.ul-txt1 {
  font-size: 0;
  text-align: center;
  margin: 64px -17px 0;
  overflow: hidden
}

.ul-txt1 li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 17px
}

.ul-txt1 li a {
  display: block;
  width: 124px;
  font-size: 15px;
  color: #69696a;
  line-height: 41px;
  text-align: center;
  border: 1px solid #cacacc;
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-txt1 li.on a,
.ul-txt1 li:hover a {
  color: #fff;
  background-color: #048f94;
  border-color: #048f94
}

.ul-imgtxt5 {
  margin: 51px -13px 48px;
  overflow: hidden
}

.ul-imgtxt5 li {
  float: left;
  width: 25%;
  padding: 0 13px;
  margin-bottom: 20px;
  overflow: hidden
}

.ul-imgtxt5 .con {
  display: block;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden
}

.ul-imgtxt5 .pic {
  position: relative;
  height: 0;
  padding-top: 57.35%;
  margin-bottom: 18px;
  overflow: hidden
}

.ul-imgtxt5 .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt5 a:hover .pic img {
  -webkit-transform: translate(-50%, -50%) scale(1.08);
  -moz-transform: translate(-50%, -50%) scale(1.08);
  -ms-transform: translate(-50%, -50%) scale(1.08);
  -o-transform: translate(-50%, -50%) scale(1.08);
  transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt5 .txt {
  padding: 0 20px 3px;
  overflow: hidden
}

.ul-imgtxt5 h3 {
  font-size: 1.125rem;
  color: #313131;
  line-height: 2em;
  font-weight: 400;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-imgtxt5 a:hover h3 {
  color: #00a0a9
}

.ul-imgtxt5 .desc {
  height: 3.38em;
  font-size: 13px;
  color: rgba(0, 0, 0, .6);
  line-height: 1.69em;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.ul-imgtxt5 .date {
  display: block;
  font-size: 12px;
  color: #4d4d79;
  line-height: 2.5em;
  font-family: Montserrat-Medium;
  border-top: 1px solid #e1e2e5;
  padding: 16px 30px 16px 0;
  margin-top: 26px;
  position: relative;
  overflow: hidden
}

.ul-imgtxt5 .date i {
  font-size: .875rem;
  color: #313131;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.row-a6 {
  position: relative;
  padding-top: 113px;
  overflow: hidden
}

.row-a6 .img {
  width: 1192px;
  height: 593px;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.row-a6 .img img {
  display: block;
  width: 100%;
  height: 100%
}

.row-a6:after {
  content: '';
  width: 1208px;
  height: 150px;
  background: url(../images/bg4.png) right center no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  bottom: 0
}

.row-a6 .wp {
  position: relative;
  z-index: 2
}

.m-about {
  margin-top: 60px;
  overflow: hidden
}

.m-about .txt {
  width: 47.7%;
  margin-bottom: 94px;
  overflow: hidden
}

.m-about .txt h3 {
  font-size: 32px;
  color: #1f1f1f;
  line-height: 1.25em;
  font-weight: 400;
  margin-bottom: 27px;
  overflow: hidden
}

.m-about .txt .desc {
  font-size: 1rem;
  color: #141414;
  line-height: 1.75em;
  overflow: hidden
}

.m-about .bot {
  margin-top: 80px
}

.m-about .bot:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  width: 100%;
  height: 0
}

.m-about .bot a {
  float: left;
  width: 171px;
  margin-right: 28px
}

.g-more.qm {
  color: #00949c;
  background-image: url(../images/icon9.png)
}

.g-more.qm:hover {
  color: #fff;
  background-image: url(../images/icon2-1.png)
}

.g-more.qm:after {
  background-image: url(../images/icon10.png)
}

.g-more.qm:hover:after {
  background-image: url(../images/icon3-1.png)
}

.ul-txt2 {
  overflow: hidden
}

.ul-txt2 li {
  float: left;
  width: 22.2%;
  overflow: hidden
}

.ul-txt2 .con {
  padding: 34px 0 29px;
  overflow: hidden
}

.ul-txt2 .icon {
  float: left;
  width: 77px;
  height: 87px;
  background: url(../images/icon8.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: 16px;
  overflow: hidden
}

.ul-txt2 .icon i {
  display: block;
  font-size: 32px;
  color: #fff;
  -webkit-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -moz-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -ms-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -o-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  margin-left: 25px;
  margin-top: 20px
}

.ul-txt2 .tt {
  padding-top: 11px;
  overflow: hidden
}

.ul-txt2 .tt h3 {
  font-size: .875rem;
  color: #fff;
  line-height: 34px;
  font-weight: 400;
  overflow: hidden
}

.ul-txt2 .tt h3 em {
  font-size: 33px;
  font-family: Montserrat-Bold;
  margin-right: 3px
}

.ul-txt2 .tt h3 b {
  font-size: 24px
}

.ul-txt2 .tt span {
  display: block;
  font-size: .875rem;
  color: #fff;
  line-height: 1.5em;
  overflow: hidden
}

.row-a7 {
  position: relative;
  padding: 131px 0 77px;
  overflow: hidden;
  background: #fff;
}

.row-a7 .bg {
  width: 1169px;
  height: 463px;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden
}

.row-a7 .bg img {
  display: block;
  width: 100%;
  height: 100%
}

.row-a7 .wp {
  position: relative;
  z-index: 2
}

.ul-img1 {
  margin: 51px -10px 0
}

.ul-img1 li {
  padding: 0 10px;
  margin-bottom: 25px;
  overflow: hidden
}

.ul-img1 .con {
  display: block;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  overflow: hidden
}

.ul-img1 .pic {
  height: 120px;
  font-size: 0;
  line-height: 116px;
  text-align: center;
  overflow: hidden
}

.ul-img1 .pic img {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.ul-img1 a:hover .pic img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08)
}

.ul-img1 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #d0d0d0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 0;
  margin: -14px 0 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 1;
  cursor: pointer
}

.ul-img1 .slick-arrow:hover {
  background-color: #00a0a9;
  border-color: #00a0a9
}

.ul-img1 .slick-prev {
  background-image: url(../images/inset/left.png);
  left: -6%
}

.ul-img1 .slick-prev:hover {
  background-image: url(../images/inset/left-1.png)
}

.ul-img1 .slick-next {
  background-image: url(../images/inset/right.png);
  right: -6%
}

.ul-img1 .slick-next:hover {
  background-image: url(../images/inset/right-1.png)
}

.m-link {
  padding: 24px 0;
  overflow: hidden
}

.m-link .l {
  display: block;
  float: left;
  font-size: 17px;
  color: #333;
  line-height: 30px;
  font-weight: 700;
  margin-right: 25px;
  overflow: hidden
}

.m-link ul {
  overflow: hidden
}

.m-link li {
  float: left;
  margin-right: 40px;
  overflow: hidden
}

.m-link li a {
  display: block;
  font-size: .875rem;
  color: rgba(31, 31, 31, .6);
  line-height: 30px;
  overflow: hidden;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.m-link li:hover a {
  color: #00a0a9
}

@media only screen and (min-width:1200px) {
  .sobox {
      width: 64.58vw;
      margin: -1.447vw auto 0
  }

  .sobox .so {
      -webkit-box-shadow: 0 0 2.031vw .208vw rgba(0, 0, 0, .1);
      -moz-box-shadow: 0 0 2.031vw .208vw rgba(0, 0, 0, .1);
      -ms-box-shadow: 0 0 2.031vw .208vw rgba(0, 0, 0, .1);
      -o-box-shadow: 0 0 2.031vw .208vw rgba(0, 0, 0, .1);
      box-shadow: 0 0 2.031vw .208vw rgba(0, 0, 0, .1)
  }

  .sobox .inp {
      font-size: 1rem;
      padding: 0 4.687vw 0 2.239vw
  }

  .sobox .sub-btn {
      width: 4.687vw;
      height: 3.125vw;
      right: .572vw
  }

  .sobox .sub-btn i {
      font-size: 1.25rem
  }

  .sobox .bot {
      padding: 1.302vw 2.083vw 0
  }

  .sobox .bot span {
      font-size: .875rem;
      margin-right: .208vw
  }

  .sobox .bot dd {
      margin-right: 1.093vw
  }

  .sobox .bot dd a {
      font-size: .875rem
  }

  .g-tit1 h3 {
      font-size: 1.75rem;
      margin-bottom: .625vw
  }

  .g-tit1.qm2 h3 {
      margin-bottom: 1.145vw
  }

  .g-tit1 .desc {
      font-size: 1.125rem;
  }

  .g-more {
      width: 9.947vw;
      font-size: .875rem;
      line-height: 2.812vw
  }

  .g-more:after {
      width: 2.135vw;
      height: 2.864vw;
      right: -.677vw;
      bottom: .468vw
  }

  .g-more i {
      font-size: .75rem;
      margin-top: -.104vw;
      margin-left: .989vw
  }

  .row-a1 .content {
      padding: 4.479vw 0 4.166vw
  }

  .m-imgtxt1 {
      margin-top: 3.177vw;
      margin-bottom: 3.072vw
  }

  .m-imgtxt1 .slider-navs,
  .m-imgtxt1 .slider-nav {
      margin-top: -1.979vw
  }

  .m-imgtxt1 .icon {
      width: 4.010vw;
      height: 4.010vw;
      line-height: 3.072vw;
      padding: .468vw;
      margin: 0 auto -2.031vw
  }

  .m-imgtxt1 .icon i {
      font-size: 1.302vw
  }

  .m-imgtxt1 h3 {
      font-size: 1rem;
      padding: 2.916vw .52vw 1.562vw
  }

  .m-imgtxt1 .slick-next,
  .m-imgtxt1 .slick-prev {
      bottom: .989vw;
      width: 4.166vw;
      height: 4.166vw
  }

  .m-imgtxt1 .slick-prev {
      left: -4.166vw
  }

  .m-imgtxt1 .slick-next {
      right: -4.166vw
  }

  .row-a2 {
      padding: 5.364vw 0 4.895vw
  }

  .ul-imgtxt1 {
      margin-top: 3.437vw
  }

  .ul-imgtxt1 li {
      padding-right: .52vw;
      margin-bottom: 1.041vw
  }

  .ul-imgtxt1 .icon {
      width: 4.010vw;
      height: 4.531vw;
      margin-right: .989vw
  }

  .ul-imgtxt1 .icon i {
      font-size: 1.718vw;
      -webkit-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -moz-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -ms-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -o-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      margin-left: 1.302vw;
      margin-top: .989vw
  }

  .ul-imgtxt1 .txt {
      padding-top: .52vw
  }

  .ul-imgtxt1 h3 {
      font-size: 1.125rem;
      margin-bottom: -.104vw
  }

  .ul-imgtxt1 span {
      font-size: .875rem
  }

  .ul-imgtxt2 {
      margin: 1.354vw -.468vw 2.031vw
  }

  .ul-imgtxt2 li {
      padding: 0 .468vw;
      margin-bottom: 1.458vw
  }

  .ul-imgtxt2 .con:after {
      height: .156vw
  }

  .ul-imgtxt2 .txt {
      padding: 0 1rem 1rem 1rem
  }

  .ul-imgtxt2 h3 {
      font-size: 1rem
  }

  .ul-imgtxt2 span {
      font-size: .875rem
  }

  .row-a3 {
      padding: 5.833vw 0 3.75vw
  }

  .m-ershou {
      margin: 3.125vw 0
  }

  .m-ershou .left .item {
      margin-bottom: -.208vw
  }

  .ul-imgtxt3 .con {
      border-bottom: solid #fff;
      padding: 1.425rem 1.75rem
  }

  .ul-imgtxt3 .pic {
      margin-bottom: 1.197vw
  }

  .ul-imgtxt3 h3 {
      font-size: 1rem
  }

  .row-a4 {
      padding: 5.364vw 0 5.208vw
  }

  .ul-imgtxt4 {
      margin: 3.489vw -1px 0 0
  }

  .ul-imgtxt4 .inner {
      height: 32.29vw
  }

  .ul-imgtxt4 .inner:after {
      height: 30.72vw
  }

  .ul-imgtxt4 .box {
      bottom: 1.041vw;
      padding: 0 2.5vw
  }

  .ul-imgtxt4 .on .box {
      bottom: 2.343vw;
      padding: 0 3.75vw
  }

  .ul-imgtxt4 .icon {
      width: 4.114vw;
      height: 4.114vw;
      line-height: 4.114vw;
      margin-bottom: .989vw
  }

  .ul-imgtxt4 .icon i {
      font-size: 1.562vw
  }

  .ul-imgtxt4 .box .tit {
      min-width: 7.291vw;
      font-size: 1.25rem
  }

  .ul-imgtxt4 .on .box .tit {
      margin-bottom: 1.77vw
  }

  .ul-imgtxt4 .box .desc {
      font-size: 1rem
  }

  .ul-imgtxt4 .box .desc span {
      margin-right: 1.041vw
  }

  .row-a5 {
      padding: 4.895vw 0 4.947vw
  }

  .row-a5 .bg {
      height: 9.895vw
  }

  .ul-txt1 {
      margin: 3.333vw -.885vw 0
  }

  .ul-txt1 li {
      padding: 0 .885vw
  }

  .ul-txt1 li a {
      width: 6.458vw;
      font-size: .875rem;
      line-height: 2.135vw;
      border-radius: .156vw
  }

  .ul-imgtxt5 {
      margin: 2.656vw -.677vw 2.5vw
  }

  .ul-imgtxt5 li {
      padding: 0 .677vw;
      margin-bottom: 1.041vw
  }

  .ul-imgtxt5 .con {
      border-radius: .156vw
  }

  .ul-imgtxt5 .pic {
      margin-bottom: .937vw
  }

  .ul-imgtxt5 .txt {
      padding: 0 1.041vw .156vw
  }

  .ul-imgtxt5 h3 {
      font-size: 1.125rem;
      margin-bottom: .26vw
  }

  .ul-imgtxt5 .desc {
      font-size: .875rem
  }

  .ul-imgtxt5 .date {
      font-size: .75rem;
      padding: .833vw 1.562vw .833vw 0;
      margin-top: 1.354vw
  }

  .ul-imgtxt5 .date i {
      font-size: .875rem
  }

  .row-a6 {
      padding-top: 5.885vw
  }

  .row-a6 .img {
      width: 62.08vw;
      height: 30.88vw
  }

  .row-a6:after {
      width: 62.91vw;
      height: 7.812vw
  }

  .m-about {
      margin-top: 3.125vw
  }

  .m-about .txt {
      margin-bottom: 4.895vw
  }

  .m-about .txt h3 {
      font-size: 1.875rem;
      margin-bottom: 1.406vw
  }

  .m-about .txt .desc {
      font-size: 1rem
  }

  .m-about .bot {
      margin-top: 4.166vw
  }

  .m-about .bot a {
      width: 8.906vw;
      margin-right: 1.458vw
  }

  .ul-txt2 .con {
      padding: 1.77vw 0 1.51vw
  }

  .ul-txt2 .icon {
      width: 4.010vw;
      height: 4.531vw;
      margin-right: .833vw
  }

  .ul-txt2 .icon i {
      font-size: 1.875rem;
      -webkit-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -moz-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -ms-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -o-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      margin-left: 1.302vw;
      margin-top: 1.041vw
  }

  .ul-txt2 .tt {
      padding-top: .572vw
  }

  .ul-txt2 .tt h3 {
      font-size: .875rem;
      line-height: 1.77vw
  }

  .ul-txt2 .tt h3 em {
      font-size: 1.718vw;
      margin-right: .156vw
  }

  .ul-txt2 .tt h3 b {
      font-size: 1.5rem
  }

  .ul-txt2 .tt span {
      font-size: .875rem
  }

  .row-a7 {
      padding: 6.822vw 0 4.010vw
  }

  .row-a7 .bg {
      width: 60.88vw;
      height: 24.11vw;
      top: 3.958vw
  }

  .ul-img1 {
      margin: 2.656vw -.52vw 0
  }

  .ul-img1 li {
      padding: 0 .52vw;
      margin-bottom: 1.302vw
  }

  .ul-img1 .pic {
      height: 6.25vw;
      line-height: 6.041vw;
  }

  .ul-img1 .pic img {
      height: auto;
  }

  .ul-img1 .slick-arrow {
      width: 3.125vw;
      height: 3.125vw;
      background-size: .833vw;
      margin-top: -.729vw
  }

  .m-link {
      padding: 1.25vw 0
  }

  .m-link .l {
      font-size: 1rem;
      line-height: 1.562vw;
      margin-right: 1.302vw
  }

  .m-link li {
      margin-right: 2.083vw
  }

  .m-link li a {
      font-size: .875rem;
      line-height: 1.562vw
  }
}

@media only screen and (max-width:1199px) {
  .sobox {
      width: auto;
      margin: 0;
      padding: 20px 10px
  }

  .sobox .so {
      background: #fff
  }

  .sobox .inp {
      line-height: 50px;
      padding: 0 60px 0 10px
  }

  .sobox .sub-btn {
      width: 50px;
      height: 50px;
      right: 0
  }

  .sobox .bot {
      padding: 10px 10px 0
  }

  .sobox .bot dd {
      margin-right: 10px
  }

  .g-tit1 h3 {
      font-size: 22px;
      margin-bottom: 10px
  }

  .g-tit1.qm2 h3 {
      margin-bottom: 10px
  }

  .g-tit1 .desc {
      font-size: 1rem
  }

  .g-more {
      width: 140px;
      font-size: 13px;
      line-height: 3.67em
  }

  .g-more:after {
      width: 36px;
      height: 48px
  }

  .g-more i {
      margin-left: 10px
  }

  .row-a1 .content {
      padding: 10px 0 30px
  }

  .m-imgtxt1 {
      margin: 20px 0
  }

  .m-imgtxt1 h3 {
      font-size: 15px;
      padding: 45px 10px 20px
  }

  .m-imgtxt1 .slick-next,
  .m-imgtxt1 .slick-prev {
      width: 40px;
      height: 40px;
      bottom: 20%;
      display: none !important;
  }

  .m-imgtxt1 .slick-prev {
      left: -10px
  }

  .m-imgtxt1 .slick-next {
      right: -10px
  }

  .row-a2 {
      padding: 30px 0
  }

  .ul-imgtxt1 {
      margin-top: 20px
  }

  .ul-imgtxt1 .icon {
      margin-right: 10px
  }

  .ul-imgtxt1 h3 {
      font-size: 1rem;
      margin-bottom: 0
  }

  .ul-imgtxt1 span {
      font-size: 12px
  }

  .ul-imgtxt2 {
      margin: 10px -9px
  }

  .ul-imgtxt2 li {
      width: 25%;
      margin-bottom: 20px
  }

  .ul-imgtxt2 .txt {
      padding: 10px
  }

  .row-a3 {
      padding: 30px 0
  }

  .m-ershou {
      margin: 20px 0
  }

  .m-ershou .left {
      float: none;
      width: auto
  }

  .m-ershou .left .item {
      float: left;
      width: 50%;
      margin-bottom: 0
  }

  .m-ershou .left .pic {
      position: relative;
      height: 0;
      padding-top: 56.64%
  }

  .m-ershou .left .pic img {
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
  }

  .ul-imgtxt3 .con {
      padding: 10px
  }

  .ul-imgtxt3 .pic {
      margin-bottom: 10px
  }

  .ul-imgtxt3 h3 {
      font-size: .875rem
  }

  .row-a4 {
      padding: 30px 0
  }

  .ul-imgtxt4 {
      margin-top: 20px
  }

  .ul-imgtxt4 li {
      width: 33.33%
  }

  .ul-imgtxt4 .inner {
      height: 400px
  }

  .ul-imgtxt4 .box {
      bottom: 10px;
      padding: 0 10px
  }

  .ul-imgtxt4 .icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
      margin-bottom: 10px
  }

  .ul-imgtxt4 .icon i {
      font-size: 20px
  }

  .ul-imgtxt4 .box .tit {
      min-width: 0;
      font-size: 1rem;
      margin-bottom: 10px
  }

  .ul-imgtxt4 .box .desc {
      min-width: 0;
      height: auto;
      font-size: .875rem;
      opacity: 1;
      filter: alpha(opacity=100);
      filter: alpha(Opacity=100);
      -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
  }

  .ul-imgtxt4 .box .desc span {
      margin-right: 10px
  }

  .row-a5 {
      padding: 30px 0
  }

  .row-a5 .bg {
      height: 137px
  }

  .ul-txt1 {
      margin: 20px -10px 0
  }

  .ul-txt1 li {
      padding: 0 10px
  }

  .ul-txt1 li a {
      width: 100px;
      font-size: 13px;
      line-height: 35px
  }

  .ul-imgtxt5 {
      margin: 20px -10px 10px
  }

  .ul-imgtxt5 li {
      padding: 0 10px
  }

  .ul-imgtxt5 .pic {
      margin-bottom: 10px
  }

  .ul-imgtxt5 .txt {
      padding: 0 10px 10px
  }

  .ul-imgtxt5 h3 {
      font-size: 1rem
  }

  .ul-imgtxt5 .date {
      padding: 10px 20px 10px 0;
      margin-top: 10px
  }

  .row-a6 {
      padding-top: 30px
  }

  .row-a6 .img {
      width: 62.08vw;
      height: 30.88vw
  }

  .row-a6:after {
      display: none
  }

  .m-about {
      margin-top: 20px
  }

  .m-about .txt {
      width: 60%;
      margin-bottom: 20px
  }

  .m-about .txt h3 {
      font-size: 20px;
      margin-bottom: 10px
  }

  .m-about .txt .desc {
      font-size: .875rem
  }

  .m-about .txt .desc p br {
      display: none
  }

  .m-about .bot {
      margin-top: 20px
  }

  .m-about .bot a {
      width: 140px;
      margin-right: 20px
  }

  .ul-txt2 {
      background: url(../images/bg4.png) center center no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover
  }

  .ul-txt2 li {
      width: 25%
  }

  .ul-txt2 .con {
      padding: 10px 0
  }

  .ul-txt2 .icon {
      margin-right: 10px
  }

  .ul-txt2 .tt h3 {
      line-height: 26px
  }

  .ul-txt2 .tt h3 em {
      font-size: 20px
  }

  .ul-txt2 .tt h3 b {
      font-size: 1rem
  }

  .row-a7 {
      padding: 30px 0 10px
  }

  .row-a7 .bg {
      width: 60.88vw;
      height: 24.11vw;
      top: 3.958vw
  }

  .ul-img1 {
      margin-top: 20px
  }

  .ul-img1 li {
      margin-bottom: 10px
  }

  .ul-img1 .pic {
      height: 60px;
      line-height: 59px
  }

  .ul-img1 .pic img {
      height: 45px
  }

  .ul-img1 .slick-arrow {
      width: 40px;
      height: 40px;
      border-width: 1px
  }

  .ul-img1 .slick-prev {
      left: 0
  }

  .ul-img1 .slick-next {
      right: 0
  }

  .m-link {
      padding: 20px 0
  }

  .m-link .l {
      font-size: 15px;
      line-height: 20px;
      margin-right: 10px
  }

  .m-link li {
      margin-right: 10px
  }

  .m-link li a {
      font-size: 12px;
      line-height: 20px
  }
}



@media only screen and (max-width:380px) {
  .ul-imgtxt2 {
      margin: 10px 0
  }

  .m-imgtxt1 .slick-prev,
  .m-imgtxt1 .slick-next {
      display: none !important;
  }

  .m-ershou .left .item:last-child {
      display: none;
  }


  /* .ul-imgtxt2 li {
      float: none;
      width: auto;
      padding: 0
  } */

  /* .ul-imgtxt3 li {
      float: none;
      width: auto;
      border: 1px solid #eee;
      margin-bottom: -1px
  } */
}

.fright .con {
  position: relative
}

.fright .open.phone {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  width: 160px;
  padding: 10px;
  right: 100px;
  top: 50%;
  transform: translate(0, -50%);
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden;
  color: #333;
  font-size: 12px;
  text-align: left;
  font-weight: 700;
  font-family: DISNEYENGLISH-MEDIUM
}

.fright .open.imgs {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  right: 100px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden;
  width: 120%
}

.fright .open.phone .num {
  font-size: 1.125rem;
  font-weight: 700
}

.fright .open.imgs img {
  display: block
}

.fright .open.phone a {
  white-space: nowrap
}

.fright .con:hover .open.imgs,
.fright .con:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}

.fright .open.phone:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  right: -4px;
  border-color: #e1e6f0 transparent transparent #e1e6f0;
  border-style: solid;
  border-width: 1px
}

@media only screen and (min-width:1199px) and (max-width:1920px) {
  .fright .open.phone {
      background: #fff;
      -webkit-box-shadow: 0 .104vw .625vw 0 rgba(0, 0, 0, .1);
      box-shadow: 0 .104vw .625vw 0 rgba(0, 0, 0, .1);
      border: 1px solid #e1e6f0;
      width: 8.333vw;
      padding: .52vw;
      right: 5.208vw;
      top: 50%;
      transform: translate(0, -50%);
      transition: .6s;
      -webkit-transition: .6s;
      opacity: 0;
      visibility: hidden;
      font-size: .75rem;
      font-weight: 700;
      font-family: DISNEYENGLISH-MEDIUM
  }

  .fright .open.imgs {
      background: #fff;
      -webkit-box-shadow: 0 .104vw .625vw 0 rgba(0, 0, 0, .1);
      box-shadow: 0 .104vw .625vw 0 rgba(0, 0, 0, .1);
      border: 1px solid #e1e6f0;
      right: 5.208vw;
      padding: .52vw;
      align-items: center;
      justify-content: center;
      top: 0;
      transition: .6s;
      -webkit-transition: .6s;
      opacity: 0;
      visibility: hidden
  }

  .fright .open.phone .num {
      font-size: 1rem;
      font-weight: 700
  }

  .fright .open.phone a {
      white-space: nowrap
  }

  .fright .con:hover .open.imgs,
  .fright .con:hover .open.phone {
      transition: .5s;
      -webkit-transition: .5s;
      opacity: 1;
      visibility: visible
  }

  .fright .open.phone:before {
      content: "";
      width: .312vw;
      height: .312vw;
      background: #fff;
      top: 50%;
      transform: translateY(-50%) rotate(135deg);
      right: -.208vw
  }
}

body.ptn {
  padding-top: 0
}

.g-ban1 {
  position: relative;
  overflow: hidden
}

.g-ban1::after {
  position: absolute;
  width: 358px;
  height: 330px;
  left: 240px;
  content: "";
  bottom: -4px;
  background-image: url(../images/inset/bg8.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain
}

.g-ban2::after {
  position: absolute;
  width: 787px;
  height: 100%;
  background: #00a0a9;
  opacity: .4;
  content: "";
  top: 0;
  bottom: 0;
  left: -140px;
  transform: skewX(-20deg)
}

.g-ban1 .bg {
  display: block;
  width: 100%;
  height: auto
}

.g-ban1 .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 1
}

.g-ban1 .txt .tit {
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 10px
}

.g-ban1 .txt .desc {
  font-size: 20px
}

.g-ban2 .txt .tit {
  font-size: 56px
}

.g-ban2 .txt .desc {
  font-size: 24px
}

.g-titr1 {
  text-align: center
}

.g-titr1 .tit {
  display: inline-block;
  font-weight: 700;
  font-size: 40px;
  padding-left: 52px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-image: url(../images/inset/icon1.png)
}

.main-ret .g-titr1 .tit {
  font-size: 37px
}

.row-ret1 {
  padding: 30px 0 88px
}

.m-ret1 {
  margin-top: 50px
}

.m-ret1 .col-l {
  width: 20%;
  margin: 1rem 0;
}

.m-ret1 .col-r {
  width: 78%
}

.m-searchret1 {
  margin-bottom: 15px
}

.m-searchret1 .form {
  position: relative;
  border: 2px solid #d9dbde
}

.m-searchret1 .form .inpt {
  height: 65px;
  line-height: 65px;
  padding: 0 70px 0 22px;
  display: block;
  width: 100%;
  border: none;
  background-color: transparent;
  font-size: 1rem
}

.m-searchret1 .form .submit {
  position: absolute;
  width: 65px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00a0a9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-image: url(../images/inset/icon2.png);
  font-size: 0;
  height: 100%;
  border: none
}

.g-snvr1 .tit {
  display: none
}

.webs {
  display: none;
}

#web_nav {
  padding-bottom: .5rem;
  border-bottom: 1px solid #000;
}
.webs  a {
  font-size: .875rem;
}
.webs .act , 
.webs  a:hover {
  color: #00a0a9;
}


.ul-snvr1 {
  background-color: #fff
}

.ul-snvr1 .con {
  display: block;
  position: relative;
  border-bottom: 1px solid #eef2f6
}

.ul-snvr1 li:last-child .con {
  border-bottom: none
}

.ul-snvr1 .txt {
  padding: 20px 25px;
  /* transition: .3s; */
  position: relative;
  z-index: 1
}

.ul-snvr1 .on .txt {
  background-color: #00a0a9;
  color: #fff
}

.ul-snvr1 .tit {
  font-size: 17px;
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  cursor: pointer;
  position: relative
}

.ul-snvr1 .tit1 {
  position: relative
}

.ul-snvr1 .tit i,
.ul-snvr1 .tit1 i {
  color: #c3c6c8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.ul-snvr1 .tit1 i {
  color: #fff;
  opacity: 0;
  transition: .3s
}

.ul-snvr1 .on .tit i {
  color: #fff
}

.ul-snvr1 .tit1:hover i {
  opacity: 1
}

.ul-snvr1 .inner {
  position: absolute;
  left: 0;
  top: 0;
  /* transition: .3s; */
  opacity: 0;
  width: 210px;
  background-color: rgba(0, 160, 169, .8);
  display: none
}

.ul-snvr1 .on .inner {
  left: 100%;
  opacity: 1;
  /* padding: 10px 25px; */
  display: block;
  z-index: 2
}

.ul-snvr1 .inner .group {
  padding: 8px 1.25rem
}

.ul-snvr1 .inner .tit1 {
  font-size: 15px;
  padding-right: 14px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 9px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #fff
}

.ul-ret1 {
  overflow: hidden;
  margin: 0 -12px 26px
}

.ul-ret1 li {
  float: left;
  width: 33.3%;
  padding: 0 12px;
  margin-bottom: 24px
}

.ul-ret1 .con {
  display: block;
  border-bottom: 3px solid transparent;
  transition: .3s;
  background-color: #fff;
  transition: .3s
}

.ul-ret1 .con:hover {
  border-color: #00a0a9;
  color: #00a0a9
}

.ul-ret1 .pic {
  padding-top: 66%;
  position: relative;
  overflow: hidden
}

.ul-ret1 .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: .3s;
  background: #fff;
}

.ul-ret1 .con:hover .pic img {
  transform: scale(1.06)
}

.ul-ret1 .txt {
  padding: 30px 15px
}

.ul-ret1 .tit {
  font-size: 1rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* min-height: 3em; */
  font-weight: normal;
}

.pages ul {
  display: block;
  text-align: center
}

.pages2 ul {
  text-align: center
}

.pages ul li {
  display: inline-block;
  margin: 0 5px
}

.pages ul li a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #ccd0d3;
  text-align: center;
  font-size: 1rem;
  transition: .3s
}

.pages ul a:hover,
.pages ul li.on a {
  background-color: #00a0a9;
  border: 1px solid #00a0a9;
  color: #fff
}

/* .pages ul li.end a,
.pages ul li.prev a {
  width: 90px
} */

/* .pages ul li.next a {
  width: 87px
} */

.row-ret2 {
  padding: 60px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.ul-ret2 {
  text-align: center
}

.ul-ret2 li {
  display: inline-block;
  padding: 0 50px
}

.ul-ret2 .con {
  display: flex;
  align-items: center
}

.ul-ret2 .icon {
  width: 77px;
  height: 87px;
  background: url(../images/icon8.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: 19px;
  overflow: hidden
}

.ul-ret2 .icon span {
  display: block;
  font-size: 26px;
  color: #fff;
  -webkit-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -moz-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -ms-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -o-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  margin-left: 6px;
  margin-top: 26px
}

.ul-ret2 .txt {
  font-size: 1.125rem
}

.g-titr2 {
  text-align: left
}

.g-topbox1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.row-ret3 {
  padding: 95px 0 115px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.g-topbox1 .group {
  text-align: right
}

.g-topbox1 .group1 {
  padding-right: 115px
}

.g-topbox1 .group .tip1 {
  display: inline-block;
  min-width: 518px;
  line-height: 55px;
  padding-left: 27px;
  font-size: 1.125rem;
  color: #fff;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/inset/bg6.png);
  text-align: left
}

.row-ret3 .wp1 {
  padding: 0 98px
}

.ul-ret3 {
  margin: 50px -5px 0;
  overflow: hidden
}

.ul-ret3-z,
.m-col-z {
  display: none !important;
}

.ul-ret3 li {
  float: left;
  width: 14%;
  padding: 0 5px;
  transition: all .65s ease-out
}

.ul-ret3 li.on {
  width: 44%
}

.ul-ret3 .inner {
  height: 590px;
  position: relative
}

.ul-ret3 .inner::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 433px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../images/inset/bg7.png);
  content: "";
  opacity: 0;
  transition: .3s
}

.ul-ret3 .on .inner::after {
  opacity: 1
}

.ul-ret3 .bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ul-ret3 .box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  width: 100%;
  color: #fff;
  padding: 0 20px;
  z-index: 1
}

.ul-ret3 .on .box {
  bottom: 60px;
  padding: 0 60px
}

.ul-ret3 .box .desc {
  opacity: 0;
  font-size: 1rem;
  transition: .4s
}

.ul-ret3 .on .box .desc {
  display: block;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  opacity: 1
}

.ul-ret3 .box .tit {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ul-ret3 .on .box .tit {
  margin-bottom: 20px
}

.ul-ret3 .icon {
  width: 79px;
  height: 79px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #00a0a9
}

.ul-ret3 .icon .iconfont {
  font-size: 33px
}

.ul-ret3 .icon img {
  display: block;
  width: 1.875rem;
}

.row-ret4 {
  padding: 107px 0 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-ret4 .col-l {
  width: 600px;
  margin-right: 20px;
  padding-left: 100px
}

.ul-ret4 {
  border-left: 1px solid #d5d6d9;
  overflow: hidden;
  margin-top: 80px
}

.ul-ret4 .con {
  display: block;
  padding-left: 32px;
  position: relative
}

.ul-ret4 .con::after {
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, #a0dae4, #00b6bb);
  transition: .3s;
  opacity: 0
}

.ul-ret4 .on .con::after {
  opacity: 1
}

.ul-ret4 .tit {
  font-size: 1.125rem;
  margin-bottom: 14px;
  transition: .3s;
  font-weight: 400
}

.ul-ret4 .on .tit {
  font-size: 24px
}

.ul-ret4 .con:hover .tit {
  color: #00a0a9
}

.ul-ret4 .desc {
  font-size: 1rem;
  color: #717171;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  opacity: 0;
  transition: .3s;
  display: none
}

.ul-ret4 .on .desc {
  opacity: 1;
  display: block
}

.ul-ret4 li {
  margin-bottom: 45px
}

.m-ret4 .right-box {
  overflow: hidden;
  box-shadow: -1px 0 10px 10px rgba(0, 0, 0, .02);
  border-radius: 15px
}

.m-contret4 {
  border-radius: 20px;
  min-height: 612px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/inset/bg4.jpg);
  padding: 52px 52px 45px
}

.m-contret4 .box {
  background-color: rgba(255, 255, 255, .2);
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 45px
}

.m-contret4 .box img {
  display: block;
  width: 100%;
  height: auto
}

.m-contret4 .box.m {
  display: none;
}

.row-ret5 {
  padding: 84px 0 82px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-banret5 {
  position: relative;
  padding-bottom: 92px;
  margin: 46px -13px 0
}

.m-banret5 .item {
  padding: 0 13px
}

.m-banret5 .con {
  display: block;
  background-color: #fff
}

.m-banret5 .pic {
  position: relative;
  overflow: hidden;
  padding-top: 60%
}

.m-banret5 .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: .3s
}

.m-banret5 .con:hover .pic img {
  transform: scale(1.06)
}

.m-banret5 .txt {
  padding: 24px 20px 25px
}

.m-banret5 .tit {
  min-height: 1.5em;
  font-size: 1.125rem;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: .3s;
  font-weight: 400
}

.m-banret5 .con:hover .tit {
  color: #00a0a9
}

.m-banret5 .desc {
  font-size: .8125rem;
  color: #000;
  line-height: 22px;
  opacity: .6;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.m-banret5 .top {
  padding-bottom: 24px;
  margin-bottom: 22px;
  border-bottom: 1px solid #e1e2e5
}

.m-banret5 .info {
  font-family: Montserrat-Medium;
  font-weight: 500;
  font-size: 12px;
  color: #4d4d79;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.m-banret5 .slick-arrow {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #d0d0d0;
  position: absolute;
  bottom: 0;
  font-size: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  transition: .3s;
  z-index: 1;
  cursor: pointer
}

.m-banret5 .slick-arrow:hover {
  background-color: #00a0a9;
  border-color: #00a0a9
}

.m-banret5 .slick-prev {
  background-image: url(../images/inset/left.png);
  right: 50.5%
}

.m-banret5 .slick-prev:hover {
  background-image: url(../images/inset/left-1.png)
}

.m-banret5 .slick-next {
  background-image: url(../images/inset/right.png);
  left: 50.5%
}

.m-banret5 .slick-next:hover {
  background-image: url(../images/inset/right-1.png)
}

.row-ret6 {
  padding: 74px 0
}

.m-banret6 {
  position: relative;
  margin: 44px -10px 0
}

.m-banret6 .item {
  padding: 0 10px;
  margin-bottom: 20px
}

.m-banret6 .con {
  display: block;
  transition: .3s;
  background-color: #fff;
  transition: .3s;
  border: 1px solid #eee;
}

.m-banret6 .con:hover {
  color: #00a0a9
}

.m-banret6 .pic {
  padding-top: 75%;
  position: relative;
  overflow: hidden
}

.m-banret6 .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: .3s
}

.m-banret6 .con:hover .pic img {
  transform: scale(1.06)
}

.m-banret6 .txt {
  padding: 24px 15px;
  /* border: 1px solid #eee; */
  transition: .3s;
  position: relative
}

.m-banret6 .txt::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  content: "";
  background-color: #00a0a9;
  transition: .3s;
  opacity: 0
}

.m-banret6 .con:hover .txt::after {
  opacity: 1
}

.m-banret6 .tit {
  font-size: 1rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 1.5em;
  font-weight: 400
}

.m-banret6 .tit1 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 1.5em;
  font-weight: normal;
}

.g-arrows1 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #d0d0d0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  transition: .3s;
  z-index: 1;
  cursor: pointer
}

.g-arrows1 .slick-arrow:hover {
  background-color: #00a0a9;
  border-color: #00a0a9
}

.g-arrows1 .slick-prev {
  background-image: url(../images/inset/left.png);
  left: -6%
}

.g-arrows1 .slick-prev:hover {
  background-image: url(../images/inset/left-1.png)
}

.g-arrows1 .slick-next {
  background-image: url(../images/inset/right.png);
  right: -6%
}

.g-arrows1 .slick-next:hover {
  background-image: url(../images/inset/right-1.png)
}

.g-curbox {
  background-color: #fff;

}

.g-curbox .left {
  display: inline-block;
  float: left;
  vertical-align: middle
}

.g-curbox .right {
  display: inline-block;
  float: right;
  vertical-align: middle
}

.ul-snvg1 li {
  display: inline-block;
  margin-right: 50px
}

.ul-snvg1 .con {
  display: block;
  line-height: 80px;
  border-bottom: 3px solid transparent;
  transition: .3s;
  font-size: 1.125rem
}

.ul-snvg1 .on .con {
  border-color: #00b6bb
}

.ul-snvg1 .con:hover {
  color: #00a0a9
}

.cur {
  padding-left: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  font-size: 1rem;
  color: #717171;
  line-height: 80px
}

.cur a {
  transition: .3s
}

.cur a:hover,
.cur span {
  color: #00a0a9
}

.cur .icon {
  margin-right: 5px
}

.row-about1 {
  background-color: #eef2f6;
  padding: 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-about1 .txt {
  margin-top: 30px
}

.m-about1 .txt .tit {
  font-size: 30px;
  color: #00a0a9;
  margin-bottom: 30px
}

.m-about1 .txt .desc {
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 55px
}

.m-about1 .picbox {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.m-about1 .picbox .img1,
.m-about1 .picbox .img2 {
  display: block;
  height: 495px;
  object-fit: cover;
  width: 100%
}

.m-about1 .picbox .left {
  width: 40%
}

.m-about1 .picbox .right {
  width: 59.3%
}

.m-pop-video {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  cursor: auto;
  display: none
}

.m-pop-video .pop-bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: rgba(0, 0, 0, .6)
}

.m-pop-video .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1200px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  overflow: hidden
}

.m-pop-video .close {
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 5;
  color: #fff;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/inset/cls-1.png)
}

.m-pop-video.open {
  display: block
}

.m-win .video {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000
}

.m-win .video video {
  display: block;
  width: 100%;
  height: auto
}

.m-about1_1 .picbox .left {
  position: relative
}

.m-about1_1 .picbox .left .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/inset/a3.png);
  display: block
}

.m-banab1_1 {
  position: relative
}

.m-banab1_1 .slick-arrow {
  width: 45px;
  height: 90px;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px auto;
  transition: .3s;
  z-index: 1;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .4)
}

.m-banab1_1 .slick-arrow:hover {
  background-color: #00a0a9
}

.m-banab1_1 .slick-prev {
  background-image: url(../images/inset/left1.png);
  left: 0
}

.m-banab1_1 .slick-next {
  background-image: url(../images/inset/right1.png);
  right: 0
}

.row-about2 {
  padding: 100px 0 85px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-banab2 {
  overflow: hidden;
  position: relative;
  padding-left: 80px;
  margin-top: 45px
}

.m-banab2::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 48%;
  transform: translateY(-50%);
  width: 100%;
  height: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../images/inset/a4.png);
  content: ""
}

.m-banab2 .con {
  display: flex;
  flex-direction: column-reverse;
  height: 445px;
  padding: 20px 45px 0;
  position: relative
}

.m-banab2 .item:nth-child(even) .con {
  flex-direction: column;
  padding-top: 0
}

.m-banab2 .cirlce {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/inset/a5.png);
  position: absolute;
  left: 45px;
  top: 48%;
  transform: translateY(-50%)
}

.m-banab2 .top {
  font-family: Montserrat-Bold;
  font-weight: 700;
  font-size: 42px;
  color: #00a0a9;
  margin-bottom: 20px;
  line-height: 1
}

.m-banab2 .desc {
  font-size: 1rem;
  color: #858ea4;
  min-height: 9em;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-height: 1.8
}

.row-about3 {
  padding: 105px 0 110px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.g-titbox2 .desc {
  font-size: 1.125rem;
  color: #616161;
  margin-top: 15px;
  text-align: center
}

.ul-listab3 {
  overflow: hidden;
  margin: 35px -8px 0
}

.ul-listab3 li {
  float: left;
  width: 33.3%;
  padding: 0 8px
}

.ul-listab3 .con {
  display: block;
  position: relative
}

.ul-listab3 .pic {
  padding-top: 135%;
  position: relative;
  overflow: hidden
}

.ul-listab3 .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: .3s
}

.ul-listab3 .con:hover .pic img {
  transform: scale(1.06)
}

.ul-listab3 .txt {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  padding: 0 50px 20px;
  color: #fff;
  transition: .3s
}

.ul-listab3 .con:hover .txt {
  bottom: 10px
}

.ul-listab3 .txt .icon {
  width: 54px;
  height: 64px;
  margin-bottom: 15px
}

.ul-listab3 .txt .icon img {
  display: block;
  width: 100%;
  height: auto
}

.ul-listab3 .txt .icon .iconfont {
  font-size: 50px
}

.ul-listab3 .txt .tit {
  font-size: 26px;
  margin-bottom: 12px
}

.ul-listab3 .txt .desc {
  font-size: 1rem;
  line-height: 1.8;
  min-height: 5.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.row-about4 {
  padding: 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-ab4 {
  padding: 0 100px
}

.m-banab4 {
  margin-top: 35px;
  overflow: hidden;
  position: relative
}

.m-banab4 .swiper-slide {
  padding: 0 20px;
  transform: scale(.83);
  transition: .3s
}

.m-banab4 .swiper-slide-active,
.m-banab4 .swiper-slide-duplicate-active {
  transform: scale(1)
}

.m-banab4 .pic img {
  display: block;
  width: 100%;
  margin: 0 auto
}

.m-banab4 .swiper-button-next:after,
.m-banab4 .swiper-button-prev:after {
  display: none
}

.m-banab4 .swiper-button-next,
.m-banab4 .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  font-size: 0;
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: .3s;
  margin-top: 0
}

.m-banab4 .swiper-button-next:hover,
.m-banab4 .swiper-button-prev:hover {
  opacity: .8
}

.m-banab4 .swiper-button-next {
  background-image: url(../images/inset/right2.png);
  right: 30.5%
}

.m-banab4 .swiper-button-prev {
  background-image: url(../images/inset/left2.png);
  left: 30.5%
}

.row-about5 {
  padding: 84px 0 110px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-banab5 {
  position: relative;
  margin: 68px -15px 0
}

.m-banab5 .item {
  padding: 0 15px
}

.m-banab5 .con {
  display: block;
  height: 378px;
  background: #fff;
  padding: 45px 70px 0 60px;
  transition: .3s
}

.m-banab5 .con:hover {
  background-color: #009ba2;
  color: #fff
}

.m-banab5 .txt {
  padding: 50px 0 10px;
  position: relative;
  margin-bottom: 38px
}

.m-banab5 .txt::after,
.m-banab5 .txt::before {
  position: absolute;
  width: 27px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/inset/b6.png);
  content: "";
  left: 0;
  top: 0;
  transition: .3s
}

.m-banab5 .con:hover .txt::after {
  background-image: url(../images/inset/b6-1.png)
}

.m-banab5 .txt::before {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  background-image: url(../images/inset/b7.png)
}

.m-banab5 .con:hover .txt::before {
  background-image: url(../images/inset/b7-1.png)
}

.m-banab5 .txt .tit {
  min-height: 7.2em;
  font-size: 1rem;
  color: #616161;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: .3s
}

.m-banab5 .con:hover .tit {
  color: #fff
}

.m-banab5 .info {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #616161;
  transition: .3s
}

.m-banab5 .con:hover .info {
  color: #fff
}

.m-banab5 .info .pic {
  width: 85px;
  height: 85px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden
}

.m-banab5 .info .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ul-toplist li {
  display: inline-block;
  margin-left: 15px
}

.ul-toplist .con {
  display: block;
  width: 140px;
  line-height: 50px;
  border-radius: 3px;
  border: 1px solid #cacacc;
  font-size: 1rem;
  color: #4e4e4e;
  text-align: center;
  transition: .3s
}

.ul-toplist .con:hover,
.ul-toplist .on .con {
  background-color: #048f94;
  border-color: #048f94;
  color: #fff
}

.row-coop {
  padding: 74px 0 98px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover
}

.ul-coop {
  margin: 48px -15px 30px;
  overflow: hidden
}

.ul-coop li {
  float: left;
  width: 20%;
  padding: 0 15px;
  margin-bottom: 20px
}

.ul-coop .con {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #fff
}

.ul-coop .pic {
  padding-top: 49%;
  position: relative
}

.ul-coop .pic img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}

.ul-coop .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 148, 156, .95);
  transition: .3s;
  opacity: 0;
  font-size: 1.125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.ul-coop .con:hover .txt {
  opacity: 1
}

.m-contact {
  overflow: hidden
}

.m-contact .col-l {
  width: 52%;
  margin-right: 20px
}

.m-contact .pic {
  overflow: hidden
}

.m-contact .pic img {
  display: block;
  width: 100%
}

.m-contact .tit {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 35px
}

.ul-contact li {
  margin-bottom: 16px
}

.ul-contact .con {
  display: flex;
  align-items: center;
  font-size: 1.125rem
}

.ul-contact img {
  display: block;
  width: 49px;
  margin-right: 15px
}

.ul-contact .icon {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  border: 1px solid #00a0a9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px
}

.ul-contact .icon .iconfont {
  font-size: 24px;
  color: #00a0a9
}

.ul-contact .txt {
  flex: 1
}

.ul-contact .txt .span1 {
  display: inline-block;
  margin-right: 20px
}

.ul-contact .txt a {
  color: inherit;
  transition: .3s
}

.ul-contact .txt a:hover {
  opacity: .8
}

.ul-contact .txt .a2 {
  color: #00a0a9;
  text-decoration: underline
}

.row-detail {
  padding: 100px 0 78px
}

.g-curbox2 {
  border-bottom: 1px solid #eaeded
}

.row-detail .col-l {
  width: 76%;
  margin-right: 54px
}

.row-detail .right-box {
  overflow: hidden
}

.m-detbox1 .tit {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 50px
}

.m-detbox1 .desc {
  font-size: 1rem;
  color: #4d4d4d;
  line-height: 2;
  padding-bottom: 54px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 45px
}

.m-detbox1 .detpages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  color: #414141
}

.m-detbox1 .detpages .box {
  width: 49%
}

.m-detbox1 .detpages .top {
  padding-left: 28px;
  background-position: left 7px center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-image: url(../images/inset/left3.png);
  margin-bottom: 10px
}

.m-detbox1 .detpages .right .top {
  padding-left: 0;
  padding-right: 28px;
  background-position: right 7px center;
  background-image: url(../images/inset/right3.png)
}

.m-detbox1 .detpages a {
  color: inherit;
  transition: .3s
}

.m-detbox1 .detpages .box:hover a {
  color: #00a0a9
}

.m-detbox1 .detpages .info {
  padding-left: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.m-detbox1 .detpages .right {
  text-align: right
}

.m-detbox1 .detpages .right .info {
  padding-right: 28px;
  padding-left: 28px
}

.m-detbox2 .tit {
  padding-bottom: 14px;
  margin-bottom: 30px;
  font-size: 22px;
  border-bottom: 3px solid #00a0a9
}

.ul-detlist li {
  margin-bottom: 30px
}

.ul-detlist .con {
  display: flex;
  font-size: 15px;
  transition: .3s
}

.ul-detlist .con:hover {
  color: #00a0a9
}

.ul-detlist .con .num {
  font-family: Montserrat-Bold;
  font-weight: 700;
  font-size: 23px;
  color: #8c94a2;
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  margin-right: 8px;
  font-style: italic
}

.ul-detlist .con .tit1 {
  display: inline-block;
  line-height: 25px;
  vertical-align: middle
}

.ul-detlist li:nth-child(1) .con .num,
.ul-detlist li:nth-child(2) .con .num,
.ul-detlist li:nth-child(3) .con .num {
  color: #00a0a9
}

.row-brochure {
  padding: 80px 0 90px
}

.ul-listbro1 {
  margin: 40px -10px 30px;
  overflow: hidden
}

.ul-listbro1 li {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px
}

.ul-listbro1 .con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ebf1f6;
  height: 82px;
  font-size: 1rem;
  padding: 0 40px 0 36px;
  border-radius: 10px
}

.ul-listbro1 .con .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #bcbfc2;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  transition: .3s
}

.ul-listbro1 .con .icon .iconfont {
  color: #858788;
  font-size: 20px;
  transition: .3s
}

.ul-listbro1 .con .icon:hover {
  background-color: #00a0a9;
  border-color: #00a0a9
}

.ul-listbro1 .con .icon:hover .iconfont {
  color: #fff
}

.ul-listbro1 .con .txt {
  flex: 1
}

.ul-listbro1 .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-left: 36px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  background-image: url(../images/inset/d2.png);
  transition: .3s
}

.ul-listbro1 .tit:hover {
  color: #00a0a9
}

.row-problem {
  padding: 80px 0 92px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover
}

.ul-problem {
  margin: 45px 0 50px
}

.ul-problem li {
  margin-bottom: 15px
}

.ul-problem .con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 10px;
  padding: 33px 66px 20px 42px;
  transition: .3s
}

@media (max-width: 1200px) {
  .m-imgtxt1.webs {
      display: block;
  }

  .m-imgtxt1.pcs {
      display: none;
  }
}


@media only screen and (min-width:1199px) {
  .ul-problem .con:hover {
      transform: translateY(-5px);
      box-shadow: -1px 0 10px 10px rgba(0, 0, 0, .04)
  }
}

.ul-problem .right {
  text-align: right
}

.ul-problem .right .more {
  display: inline-block;
  font-weight: 700;
  font-size: .875rem;
  color: #00a0a9;
  padding-right: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  background-image: url(../images/inset/right3.png);
  min-width: 100px
}

.ul-problem .left {
  flex: 1
}

.ul-problem .top {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}

.ul-problem .top .span1 {
  width: 31px;
  background: #00a0a9;
  border-radius: 50%;
  line-height: 31px;
  font-size: 15px;
  color: #fff;
  margin-right: 16px;
  text-align: center
}

.ul-problem .top .span2 {
  flex: 1;
  font-weight: 700;
  font-size: 1.125rem;
  color: #212121;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ul-problem .desc .span3 {
  width: 31px;
  background: #74797d;
  border-radius: 50%;
  line-height: 31px;
  font-size: 15px;
  color: #fff;
  margin-right: 16px;
  text-align: center
}

.ul-problem .desc .span4 {
  flex: 1;
  font-size: 15px;
  color: #616161;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ul-problem .desc {
  display: flex;
  align-items: center
}

.row-measure {
  padding: 82px 0 20px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-measure1 {
  margin-top: 40px;
  margin-bottom: 68px
}

.m-titm1 {
  padding-bottom: 34px;
  margin-bottom: 36px;
  border-bottom: 1px solid #d9dcdf
}

.m-titm1 .icon {
  margin-bottom: 10px;
  width: 77px;
  height: 87px;
  background: url(../images/icon8.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: 19px;
  overflow: hidden
}

.m-titm1 .icon img {
  display: block;
  width: 74px
}

.m-titm1 .icon span {
  display: block;
  font-size: 26px;
  text-align: center;
  color: #fff;
  -webkit-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -moz-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -ms-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  -o-text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  text-shadow: 0 0 7px 1px rgba(4, 143, 148, .5);
  margin-left: 6px;
  margin-top: 26px
}

.m-titm1 .desc {
  font-size: 26px
}

.ul-listm1 {
  margin: 0 -9px;
  overflow: hidden
}

.ul-listm1 li {
  float: left;
  width: 16.6%;
  padding: 0 9px
}

.ul-listm1 .con {
  display: block;
  padding: 52px 20px 0;
  height: 225px;
  background: #fff
}

.ul-listm1 .icon {
  height: 64px;
  margin-bottom: 20px
}

.ul-listm1 .icon img {
  display: block;
  width: 50px;
  height: auto;
  margin: 0 auto;
  transition: .3s
}

.ul-listm1 .con:hover .icon img {
  transform: translateY(-10px)
}

.ul-listm1 .desc {
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center
}

.ul-listm2 {
  margin: 0 -3px
}

.ul-listm2 li {
  float: left;
  width: 14.28%;
  padding: 0 3px
}

.ul-listm2 .con {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/inset/bg17.png);
  line-height: 80px;
  text-align: center;
  padding: 0 10px;
  transition: .3s
}

.ul-listm2 .con:hover {
  transform: translateY(-5px)
}

.ul-listm2 .desc {
  font-size: 1.125rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.row-support {
  padding: 82px 0 146px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.m-support1 {
  margin: 40px 0 49px
}

.m-support1 .tit {
  font-weight: 700;
  font-size: 30px;
  font-style: italic;
  margin-bottom: 14px
}

.m-support1 .desc {
  font-size: 1.125rem;
  color: #fff;
  line-height: 55px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/inset/e3.png);
  padding-left: 28px
}

.m-support2 {
  margin-bottom: 42px
}

.ul-support2 {
  overflow: hidden;
  margin: 0 -11px 17px
}

.ul-support2 li {
  float: left;
  width: 33.3%;
  padding: 0 11px
}

.ul-support2 .con {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/inset/bg18.png);
  height: 278px
}

.ul-support2 .inner {
  padding: 44px 70px 0
}

.ul-support2 .icon {
  margin-bottom: 28px
}

.ul-support2 .icon img {
  display: block;
  width: 85px;
  margin: 0 auto
}

.ul-support2 .txt {
  font-weight: 700;
  font-size: 1.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.m-support2 .info {
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #69c1cc;
  line-height: 95px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/inset/f1.png)
}

.m-support3 {
  display: flex;
  align-items: stretch
}

.m-support3 .col-l {
  width: 456px;
  margin-right: 10px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/inset/bg20.jpg);
  padding: 70px 20px 0 60px;
  color: #fff
}

.m-support3_1 .top {
  font-size: 24px;
  margin-bottom: 146px
}

.m-support3 .right-box {
  overflow: hidden;
  background: #fff;
  border-radius: 0 10px 10px 0
}

.m-support3_1 .desc {
  font-size: 1rem;
  margin-bottom: 24px
}

.m-support3_1 .info {
  line-height: 38px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 38px auto;
  font-size: 1rem;
  margin-bottom: 10px;
  display: flex;
  align-items: center
}

.m-support3_1 .info .icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.m-support3_1 .info .icon .iconfont {
  font-size: 24px;
  color: #fff
}

.m-support3_1 .num {
  font-family: Montserrat-Bold;
  font-weight: 600;
  font-size: 24px
}

.m-servebox.m-support3_2 {
  padding: 100px 76px
}

.row-videos {
  padding: 102px 0 86px
}

.ul-videos {
  margin: 44px -15px 20px;
  overflow: hidden
}

.ul-videos li {
  float: left;
  padding: 0 15px;
  margin-bottom: 30px;
  width: 25%
}

.ul-videos .con {
  display: block;
  border: 1px solid #d1d5d5
}

.ul-videos .pic {
  padding-top: 66%;
  position: relative;
  overflow: hidden
}

.ul-videos .pic .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
  display: block
}

.ul-videos .pic .play {
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center
}

.ul-videos .pic .play .iconfont {
  color: #fff
}

.ul-videos .con:hover .pic .bg {
  transform: scale(1.06)
}

.ul-videos .txt {
  padding: 30px 32px 34px
}

.ul-videos .tit {
  min-height: 1.5em;
  font-size: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: .3s;
  color: #000
}

.ul-videos .con:hover .tit {
  color: #00a0a9
}

.ul-videos .desc {
  min-height: 1.5em;
  font-size: .875rem;
  color: #818181;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.row-404 {
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 46px
}

.row-404 .pic {
  margin-bottom: 40px
}

.row-404 .pic img {
  width: 976px;
  display: block;
  margin: 0 auto
}

.row-404 .txt {
  text-align: center
}

.row-404 .tit {
  font-size: 28px;
  margin-bottom: 70px
}

.row-404 .btns .btn {
  display: inline-block;
  line-height: 60px;
  border-radius: 30px;
  border: 1px solid #009ba2;
  font-size: 24px;
  width: 215px;
  text-align: center;
  margin: 0 49px;
  transition: .3s
}

.row-404 .btns .btn2,
.row-404 .btns .btn:hover {
  background-color: #009ba2;
  color: #fff
}

.row-404 .btns .btn2:hover {
  background-color: transparent;
  color: #333
}

.m-serachlist {
  margin-top: 98px
}

.ul-searchlist {
  margin-bottom: 48px
}

.ul-searchlist li {
  margin-bottom: 25px
}

.ul-searchlist .con {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3
}

.ul-searchlist .tit {
  font-size: 22px;
  margin-bottom: 20px;
  transition: .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.ul-searchlist .con:hover .tit {
  color: #009ba2
}

.ul-searchlist .inner {
  overflow: hidden
}

.ul-searchlist .pic {
  float: left;
  display: inline-block;
  margin-right: 30px
}

.ul-searchlist .pic img {
  width: 250px;
  display: block
}

.ul-searchlist .txt {
  overflow: hidden;
  padding-top: 15px
}

.ul-searchlist .desc {
  font-size: .875rem;
  color: #818181;
  margin-bottom: 24px;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.ul-searchlist .info .more {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  font-size: .875rem;
  color: #959595;
  display: inline-block;
  line-height: 35px;
  width: 100px;
  text-align: center;
  transition: .3s
}

.ul-searchlist .con:hover .info .more {
  background-color: #009ba2;
  border-color: #009ba2;
  color: #fff
}

.m-bansearch3 {
  position: relative
}

.m-bansearch3 .slick-arrow {
  width: 9px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  top: -86px
}

.m-bansearch3 .slick-prev {
  background-image: url(../images/inset/left4.png);
  right: 34px
}

.m-bansearch3 .slick-prev:hover {
  background-image: url(../images/inset/left4-1.png)
}

.m-bansearch3 .slick-next {
  background-image: url(../images/inset/right4.png);
  right: 10px
}

.m-bansearch3 .slick-next:hover {
  background-image: url(../images/inset/right4-1.png)
}

.m-detbox3 {
  margin-bottom: 20px
}

.g-dots .slick-dots {
  display: none
}

@media only screen and (min-width:1199px) {
  .g-ban1::after {
      width: 18.64vw;
      height: 17.18vw;
      left: 12.5vw;
      content: "";
      bottom: -.208vw;
      background-image: url(../images/inset/bg8.png)
  }

  .g-ban2::after {
      width: 40.98vw;
      background: #00a0a9;
      opacity: .4;
      content: "";
      top: 0;
      bottom: 0;
      left: -7.291vw;
      transform: skewX(-20deg);
      height: 100%
  }

  .g-ban1 .bg {
      height: auto
  }

  .g-ban1 .txt {
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%)
  }

  .g-ban1 .txt .tit {
      font-weight: 700;
      font-size: 2.875rem;
      margin-bottom: .52vw
  }

  .g-ban1 .txt .desc {
      font-size: 1.25rem
  }

  .g-ban2 .txt .tit {
      font-size: 2.916vw
  }

  .g-ban2 .txt .desc {
      font-size: 1.5rem
  }

  .g-titr1 .tit {
      font-weight: 700;
      font-size: 1.75rem;
      padding-left: 2.708vw;
      background-size: 1.979vw auto;
      background-image: url(../images/inset/icon1.png)
  }

  .main-ret .g-titr1 .tit {
      font-size: 1.927vw
  }

  .row-ret1 {
      padding: 1.562vw 0 4.583vw
  }

  .m-ret1 {
      margin-top: 2.604vw
  }

  .m-searchret1 {
      margin-bottom: .781vw
  }

  .m-searchret1 .form {
      border: solid #d9dbde
  }

  .m-searchret1 .form .inpt {
      height: 3.385vw;
      line-height: 3.385vw;
      padding: 0 3.645vw 0 1.145vw;
      border: none;
      font-size: 1rem
  }

  .m-searchret1 .form .submit {
      width: 3.385vw;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: 1.041vw auto;
      background-image: url(../images/inset/icon2.png);
      font-size: 0;
      border: none
  }

  .ul-snvr1 .con {
      border-bottom: 1px solid #eef2f6
  }

  .ul-snvr1 li:last-child .con {
      border-bottom: none
  }

  .ul-snvr1 .txt {
      padding: 1.041vw 1.302vw;
      /* transition: .3s */
  }

  .ul-snvr1 .tit {
      font-size: 1rem;
      padding-right: 1.041vw;
      background-size: .572vw auto;
      -webkit-box-orient: vertical
  }

  .ul-snvr1 .on .tit {
      color: #fff
  }

  .ul-snvr1 .inner {
      left: 0;
      top: 0;
      /* transition: .3s; */
      opacity: 0;
      width: 14rem;
      display: grid;
      gap: 1rem;
  }

  .ul-snvr1 .on .inner {
      opacity: 1;
      /* padding: .52vw 1.302vw */
  }

  .ul-snvr1 .inner .group:first-child {
      padding-top: .625vw;
  }

  .ul-snvr1 .inner .group:last-child {
      padding-bottom: .625vw;
  }

  .ul-snvr1 .inner .tit1 {
      font-size: .875rem;
      padding-right: .729vw;
      background-size: .468vw auto;
      -webkit-box-orient: vertical
  }

  .ul-ret1 {
      margin: 0 -.625vw 1.354vw
  }

  .ul-ret1 li {
      width: 33.3%;
      padding: 0 .625vw;
      margin-bottom: 1.25vw
  }

  .ul-ret1 .con {
      border-bottom: solid transparent;
      transition: .3s;
      transition: .3s
  }

  .ul-ret1 .pic img {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: contain;
      transition: .3s
  }

  .ul-ret1 .con:hover .pic img {
      transform: scale(1.06)
  }

  .ul-ret1 .txt {
      padding: 1rem;
      min-height: 5rem;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .ul-ret1 .tit {
      font-size: 1rem;
      -webkit-box-orient: vertical;
  }

  .pages ul li {
      margin: 0 .26vw
  }

  .pages ul li a {
      width: auto;
      height: 2.3125rem;
      line-height: 2.3125rem;
      border-radius: .26vw;
      border: 1px solid #ccd0d3;
      font-size: 1rem;
      transition: .3s;
      padding: 0 5px;
      min-width: 2.3125rem;
  }

  .pages ul a:hover,
  .pages ul li.on a {
      border: 1px solid #00a0a9
  }

  /* .pages ul li.end a,
  .pages ul li.prev a {
      width: 4.687vw
  } */

  /* .pages ul li.next a {
      width: 4.531vw
  } */

  .row-ret2 {
      padding: 3.125vw 0;
      background-size: cover
  }

  .ul-ret2 li {
      padding: 0 1.604vw
  }

  .ul-ret2 .con {
      align-items: center
  }

  .ul-ret2 .icon {
      width: 4.01vw;
      height: 4.531vw;
      background: url(../images/icon8.png) center center no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      margin-right: .989vw
  }

  .ul-ret2 .icon span {
      font-size: 1.625rem;
      -webkit-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -moz-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -ms-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -o-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      margin-left: .312vw;
      margin-top: 1.354vw
  }

  .ul-ret2 .txt {
      font-size: 1.125rem;
  }

  .g-topbox1 {
      justify-content: space-between;
      align-items: flex-start
  }

  .row-ret3 {
      padding: 4.947vw 0 5.989vw;
      background-size: cover
  }

  .g-topbox1 .group1 {
      padding-right: 5.989vw
  }

  .g-topbox1 .group .tip1 {
      min-width: 26.97vw;
      line-height: 2.864vw;
      padding-left: 1.406vw;
      font-size: 1.125rem;
      background-size: auto 100%;
      background-image: url(../images/inset/bg6.png)
  }

  .row-ret3 .wp1 {
      padding: 0 5.104vw
  }

  .ul-ret3 {
      margin: 2.604vw -.26vw 0
  }

  .ul-ret3 li {
      padding: 0 .26vw;
      transition: all .65s ease-out
  }

  .ul-ret3 .inner {
      height: 30.72vw
  }

  .ul-ret3 .inner::after {
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      background-size: 100% auto;
      background-image: url(../images/inset/bg7.png);
      content: "";
      opacity: 0;
      transition: .3s
  }

  .ul-ret3 .on .inner::after {
      opacity: 1
  }

  .ul-ret3 .bg {
      object-fit: cover
  }

  .ul-ret3 .box {
      left: 0;
      right: 0;
      bottom: 1.041vw;
      padding: 0 1.041vw
  }

  .ul-ret3 .on .box {
      bottom: 3.125vw;
      padding: 0 3.125vw
  }

  .ul-ret3 .box .desc {
      opacity: 0;
      font-size: 1rem;
      transition: .4s;
      height: 1.5em
  }

  .ul-ret3 .on .box .desc {
      height: 3em;
      -webkit-box-orient: vertical;
      opacity: 1
  }

  .ul-ret3 .box .tit {
      font-weight: 700;
      font-size: 1.25rem;
      -webkit-box-orient: vertical
  }

  .ul-ret3 .on .box .tit {
      margin-bottom: 1.041vw
  }

  .ul-ret3 .icon {
      width: 4.114vw;
      height: 4.114vw;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.041vw
  }

  .ul-ret3 .icon .iconfont {
      font-size: 1.718vw
  }

  .row-ret4 {
      padding: 5.572vw 0 4.166vw;
      background-size: cover
  }

  .m-ret4 .col-l {
      width: 31.25vw;
      margin-right: 1.041vw;
      padding-left: 5.208vw
  }

  .ul-ret4 {
      border-left: 1px solid #d5d6d9;
      margin-top: 4.166vw
  }

  .ul-ret4 .con {
      padding-left: 1.666vw
  }

  .ul-ret4 .con::after {
      left: -1px;
      top: 0;
      bottom: 0;
      width: .156vw;
      content: "";
      background: linear-gradient(180deg, #a0dae4, #00b6bb);
      transition: .3s;
      opacity: 0
  }

  .ul-ret4 .on .con::after {
      opacity: 1
  }

  .ul-ret4 .tit {
      font-size: 1.125rem;
      margin-bottom: .729vw;
      transition: .3s;
      font-weight: 400
  }

  .ul-ret4 .on .tit {
      font-size: 1.5rem
  }

  .ul-ret4 .desc {
      font-size: 1rem;
      -webkit-box-orient: vertical;
      opacity: 0;
      transition: .3s
  }

  .ul-ret4 .on .desc {
      opacity: 1
  }

  .ul-ret4 li {
      margin-bottom: 2.343vw
  }

  .m-ret4 .right-box {
      box-shadow: -1px 0 .52vw .52vw rgba(0, 0, 0, .02);
      border-radius: .781vw
  }

  .m-contret4 {
      border-radius: 1.041vw;
      min-height: 31.87vw;
      background-size: cover;
      background-image: url(../images/inset/bg4.jpg);
      padding: 2.708vw 2.708vw 2.343vw
  }

  .m-contret4 .box {
      border: 1px solid #fff;
      border-radius: .781vw;
      padding: 2.343vw
  }

  .m-contret4 .box img {
      height: auto
  }

  .row-ret5 {
      padding: 4.375vw 0 4.27vw;
      background-size: cover
  }

  .m-banret5 {
      padding-bottom: 4.791vw;
      margin: 2.395vw -.677vw 0
  }

  .m-banret5 .item {
      padding: 0 .677vw
  }

  .m-banret5 .pic img {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover;
      transition: .3s
  }

  .m-banret5 .con:hover .pic img {
      transform: scale(1.06)
  }

  .m-banret5 .txt {
      padding: 1.25vw 1.041vw 1.302vw
  }

  .m-banret5 .tit {
      min-height: 1.5em;
      font-size: 1.125rem;
      margin-bottom: .52vw;
      -webkit-box-orient: vertical;
      transition: .3s;
      font-weight: 400
  }

  .m-banret5 .desc {
      font-size: .875rem;
      line-height: 1.145vw;
      opacity: .6;
      -webkit-box-orient: vertical
  }

  .m-banret5 .top {
      padding-bottom: 1.25vw;
      margin-bottom: 1.145vw;
      border-bottom: 1px solid #e1e2e5
  }

  .m-banret5 .info {
      font-family: Montserrat-Medium;
      font-weight: 500;
      font-size: .75rem;
      background-size: .833vw auto
  }

  .m-banret5 .slick-arrow {
      width: 2.864vw;
      height: 2.864vw;
      border-radius: 50%;
      border: solid #d0d0d0;
      bottom: 0;
      font-size: 0;
      background-size: .833vw auto;
      transition: .3s
  }

  .m-banret5 .slick-prev {
      background-image: url(../images/inset/left.png);
      right: 50.5%
  }

  .m-banret5 .slick-prev:hover {
      background-image: url(../images/inset/left-1.png)
  }

  .m-banret5 .slick-next {
      background-image: url(../images/inset/right.png);
      left: 50.5%
  }

  .m-banret5 .slick-next:hover {
      background-image: url(../images/inset/right-1.png)
  }

  .row-ret6 {
      padding: 3.854vw 0
  }

  .m-banret6 {
      margin: 2.291vw -.52vw 0
  }

  .m-banret6 .item {
      padding: 0 .52vw;
      margin-bottom: 1.041vw
  }

  .m-banret6 .con {
      transition: .3s;
      transition: .3s;
      border: 1px solid #eee;
  }


  .m-banret6 .pic img {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover;
      transition: .3s
  }

  .m-banret6 .con:hover .pic img {
      transform: scale(1.06)
  }

  .m-banret6 .txt {
      padding: 0 1rem 1rem 1rem;
      /* border: 1px solid #eee; */
      transition: .3s
  }

  .m-banret6 .txt::after {
      left: 0;
      right: 0;
      bottom: -1px;
      height: .156vw;
      content: "";
      transition: .3s;
      opacity: 0
  }

  .m-banret6 .con:hover .txt::after {
      opacity: 1
  }

  .m-banret6 .tit {
      font-size: 1rem;
      -webkit-box-orient: vertical;
      min-height: 3rem;
      font-weight: 400;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .g-arrows1 .slick-arrow {
      width: 3.125vw;
      height: 3.125vw;
      border-radius: 50%;
      border: solid #d0d0d0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      background-size: .833vw;
      transition: .3s
  }

  .g-arrows1 .slick-prev {
      background-image: url(../images/inset/left.png);
      left: -6%
  }

  .g-arrows1 .slick-prev:hover {
      background-image: url(../images/inset/left-1.png)
  }

  .g-arrows1 .slick-next {
      background-image: url(../images/inset/right.png);
      right: -6%
  }

  .g-arrows1 .slick-next:hover {
      background-image: url(../images/inset/right-1.png)
  }

  .ul-snvg1 li {
      margin-right: 2.604vw
  }

  .ul-snvg1 .con {
      line-height: 4.166vw;
      transition: .3s;
      font-size: 1.125rem;
  }

  .cur {
      padding-left: 1.145vw;
      background-size: .729vw auto;
      font-size: 1rem;
      line-height: 4.166vw
  }

  .cur a {
      transition: .3s
  }

  .row-about1 {
      padding: 5.208vw 0;
      background-size: cover
  }

  .m-about1 .txt {
      margin-top: 1.562vw
  }

  .m-about1 .txt .tit {
      font-size: 1.562vw;
      margin-bottom: 1.562vw
  }

  .m-about1 .txt .desc {
      font-size: 1rem;
      line-height: 2;
      margin-bottom: 2.864vw
  }

  .m-about1 .picbox {
      align-items: center;
      justify-content: space-between
  }

  .m-about1 .picbox .img1,
  .m-about1 .picbox .img2 {
      height: 25.78vw;
      object-fit: cover
  }

  .m-about1 .picbox .right {
      width: 59.3%
  }

  .m-pop-video {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0
  }

  .m-pop-video .pop-bg {
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, .6)
  }

  .m-pop-video .inner {
      top: 50%;
      width: 62.5vw;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%)
  }

  .m-pop-video .close {
      right: .729vw;
      top: .625vw;
      line-height: 2.604vw;
      width: 2.604vw;
      height: 2.604vw;
      border-radius: 50%;
      background-size: contain;
      background-image: url(../images/inset/cls-1.png)
  }

  .m-win .video {
      height: 100%;
      margin: 0 auto;
      align-items: center;
      justify-content: center
  }

  .m-win .video video {
      height: auto
  }

  .m-about1_1 .picbox .left .play {
      top: 50%;
      transform: translate(-50%, -50%);
      width: 5.729vw;
      height: 5.729vw;
      background-size: contain;
      background-image: url(../images/inset/a3.png)
  }

  .m-banab1_1 .slick-arrow {
      width: 2.343vw;
      height: 4.687vw;
      border: none;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      background-size: .468vw auto;
      transition: .3s
  }

  .m-banab1_1 .slick-prev {
      background-image: url(../images/inset/left1.png);
      left: 0
  }

  .m-banab1_1 .slick-next {
      background-image: url(../images/inset/right1.png);
      right: 0
  }

  .row-about2 {
      padding: 5.08vw 0 4.427vw;
      background-size: cover
  }

  .m-banab2 {
      padding-left: 4.166vw;
      margin-top: 2.343vw
  }

  .m-banab2::after {
      left: 0;
      right: 0;
      height: .156vw;
      background-size: 100% auto;
      background-image: url(../images/inset/a4.png);
      content: ""
  }

  .m-banab2 .con {
      flex-direction: column-reverse;
      height: 23.17vw;
      padding: 0 0.343vw;
      padding-top: 1.041vw
  }

  .m-banab2 .item:nth-child(even) .con {
      flex-direction: column
  }

  .m-banab2 .cirlce {
      width: 2.083vw;
      height: 2.083vw;
      background-size: contain;
      background-image: url(../images/inset/a5.png);
      left: 2.343vw
  }

  .m-banab2 .top {
      font-family: Montserrat-Bold;
      font-weight: 700;
      font-size: 2.187vw;
      margin-bottom: 1.041vw;
      line-height: 1
  }

  .m-banab2 .desc {
      font-size: 1rem
  }

  .row-about3 {
      padding: 5.468vw 0 5.729vw;
      background-size: cover
  }

  .g-titbox2 .desc {
      font-size: 1.125rem;
      margin-top: .781vw
  }

  .ul-listab3 {
      margin: 1.822vw -.416vw 0
  }

  .ul-listab3 li {
      width: 33.3%;
      padding: 0 .416vw
  }

  .ul-listab3 .pic img {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover;
      transition: .3s
  }

  .ul-listab3 .con:hover .pic img {
      transform: scale(1.06)
  }

  .ul-listab3 .txt {
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 2.604vw 1.041vw;
      transition: .3s
  }

  .ul-listab3 .con:hover .txt {
      bottom: .52vw
  }

  .ul-listab3 .txt .icon {
      width: 2.812vw;
      height: 5.333vw;
      margin-bottom: .281vw
  }

  .ul-listab3 .txt .icon img {
      height: auto
  }

  .ul-listab3 .txt .icon .iconfont {
      font-size: 3.704vw
  }

  .ul-listab3 .txt .tit {
      font-size: 1.625rem;
      margin-bottom: .625vw
  }

  .ul-listab3 .txt .desc {
      font-size: 1rem;
      line-height: 1.8;
      min-height: 5.4em;
      -webkit-box-orient: vertical
  }

  .row-about4 {
      padding: 5.208vw 0;
      background-size: cover
  }

  .m-ab4 {
      padding: 0 4.5vw
  }

  .m-banab4 {
      margin-top: 1.822vw
  }

  .m-banab4 .swiper-slide {
      padding: 0 2.01vw;
      transform: scale(.83);
      transition: .3s
  }

  .m-banab4 .swiper-slide-active,
  .m-banab4 .swiper-slide-duplicate-active {
      transform: scale(1)
  }

  .m-banab4 .pic img {
      margin: 0 auto
  }

  .m-banab4 .swiper-button-next,
  .m-banab4 .swiper-button-prev {
      top: 50%;
      transform: translateY(-50%);
      border: none;
      font-size: 0;
      width: 1.302vw;
      height: 1.302vw;
      background-size: contain;
      transition: .3s
  }

  .m-banab4 .swiper-button-next:hover,
  .m-banab4 .swiper-button-prev:hover {
      opacity: .8
  }

  .m-banab4 .swiper-button-next {
      background-image: url(../images/inset/right2.png);
      right: 31%
  }

  .m-banab4 .swiper-button-prev {
      background-image: url(../images/inset/left2.png);
      left: 31%
  }

  .row-about5 {
      padding: 4.375vw 0 5.729vw;
      background-size: cover
  }

  .m-banab5 {
      margin: 3.541vw -.781vw 0
  }

  .m-banab5 .item {
      padding: 0 .781vw
  }

  .m-banab5 .con {
      height: 19.68vw;
      background: #fff;
      padding: 2.343vw 3.645vw 0 3.125vw
  }

  .m-banab5 .txt {
      padding: 2.604vw 0 .52vw;
      margin-bottom: 1.979vw
  }

  .m-banab5 .txt::after,
  .m-banab5 .txt::before {
      width: 1.406vw;
      height: 1.302vw;
      background-size: contain;
      background-image: url(../images/inset/b6.png);
      content: "";
      left: 0;
      top: 0
  }

  .m-banab5 .txt::before {
      left: auto;
      top: auto;
      right: 0;
      bottom: 0;
      background-image: url(../images/inset/b7.png)
  }

  .m-banab5 .txt .tit {
      min-height: 7.2em;
      font-size: 1rem;
      line-height: 1.8;
      -webkit-box-orient: vertical
  }

  .m-banab5 .info {
      align-items: center;
      font-size: 1rem
  }

  .m-banab5 .info .pic {
      width: 4.427vw;
      height: 4.427vw;
      margin-right: 1.041vw;
      border-radius: 50%
  }

  .m-banab5 .info .pic img {
      object-fit: cover
  }

  .ul-toplist li {
      margin-left: .781vw
  }

  .ul-toplist .con {
      width: 7.291vw;
      line-height: 2.604vw;
      border-radius: .156vw;
      border: 1px solid #cacacc;
      font-size: 1rem;
      transition: .3s
  }

  .row-coop {
      padding: 3.854vw 0 5.104vw;
      background-size: cover
  }

  .row-contact {
      padding: 5.54vw 0 4.804vw
  }

  .ul-coop {
      margin: 2.5vw -.781vw 1.562vw
  }

  .ul-coop li {
      padding: 0 .781vw;
      margin-bottom: 1.041vw
  }

  .ul-coop .pic img {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover
  }

  .ul-coop .txt {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transition: .3s;
      opacity: 0;
      font-size: 1.125rem;
      align-items: center;
      justify-content: center
  }

  .ul-coop .con:hover .txt {
      opacity: 1
  }

  .m-contact .col-l {
      margin-right: 1.041vw
  }

  .m-contact .tit {
      font-weight: 700;
      font-size: 1.77vw;
      margin-bottom: 2.122vw
  }

  .ul-contact li {
      margin-bottom: .833vw
  }

  .ul-contact .con {
      align-items: center;
      font-size: 1.125rem;
  }

  .ul-contact img {
      width: 2.552vw;
      margin-right: .781vw
  }

  .ul-contact .icon {
      width: 2.552vw;
      height: 2.552vw;
      border-radius: 50%;
      border: 1px solid #00a0a9;
      align-items: center;
      justify-content: center;
      margin-right: .781vw
  }

  .ul-contact .icon .iconfont {
      font-size: 1.35vw
  }

  .ul-contact .txt {
      flex: 1
  }

  .ul-contact .txt .span1 {
      margin-right: 1.041vw
  }

  .ul-contact .txt a {
      transition: .3s
  }

  .ul-contact .txt a:hover {
      opacity: .8
  }

  .ul-contact .txt .a2 {
      text-decoration: underline
  }

  .row-detail {
      padding: 5.208vw 0 4.062vw
  }

  .g-curbox2 {
      border-bottom: 1px solid #eaeded
  }

  .row-detail .col-l {
      margin-right: 2.812vw
  }

  .m-detbox1 .tit {
      font-weight: 700;
      font-size: 1.875rem;
      margin-bottom: 2.604vw
  }

  .m-detbox1 .desc {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-bottom: 2.812vw;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 2.343vw
  }

  .m-detbox1 .detpages {
      align-items: center;
      justify-content: space-between;
      font-size: .781vw
  }

  .m-detbox1 .detpages .top {
      padding-left: 1.458vw;
      background-repeat: no-repeat;
      background-size: .416vw auto;
      background-image: url(../images/inset/left3.png);
      margin-bottom: .52vw
  }

  .m-detbox1 .detpages .right .top {
      padding-right: 1.458vw;
      background-image: url(../images/inset/right3.png)
  }

  .m-detbox1 .detpages a {
      transition: .3s
  }

  .m-detbox1 .detpages .info {
      padding-left: 1.458vw;
      -webkit-box-orient: vertical
  }

  .m-detbox1 .detpages .right .info {
      padding-right: 1.458vw;
      padding-left: 1.458vw
  }

  .m-detbox2 .tit {
      padding-bottom: .729vw;
      margin-bottom: 1.562vw;
      font-size: 1.145vw
  }

  .ul-detlist li {
      margin-bottom: 1.462vw
  }

  .ul-detlist .con {
      font-size: .875rem;
      transition: .3s
  }

  .ul-detlist .con .num {
      font-family: Montserrat-Bold;
      font-weight: 700;
      font-size: 1.197vw;
      line-height: 1.302vw;
      margin-right: .416vw;
      font-style: italic
  }

  .ul-detlist .con .tit1 {
      line-height: 1.302vw
  }

  .row-brochure {
      padding: 4.166vw 0 4.687vw
  }

  .ul-listbro1 {
      margin: 2.083vw -.52vw 1.562vw
  }

  .ul-listbro1 li {
      padding: 0 .52vw;
      margin-bottom: 1.041vw
  }

  .ul-listbro1 .con {
      align-items: center;
      justify-content: space-between;
      height: 4.27vw;
      font-size: 1rem;
      padding: 0 2.083vw 0 1.875vw;
      border-radius: .52vw
  }

  .ul-listbro1 .con .icon {
      width: 2.083vw;
      height: 2.083vw;
      border-radius: 50%;
      border: 1px solid #bcbfc2;
      margin-left: .52vw;
      align-items: center;
      justify-content: center;
      background-size: .729vw;
      transition: .3s
  }

  .ul-listbro1 .con .icon .iconfont {
      font-size: 1.25rem
  }

  .ul-listbro1 .con .txt {
      flex: 1
  }

  .ul-listbro1 .tit {
      -webkit-box-orient: vertical;
      padding-left: 1.875vw;
      background-size: 1.093vw auto;
      background-image: url(../images/inset/d2.png);
      transition: .3s
  }

  .row-problem {
      padding: 4.166vw 0 4.791vw;
      background-size: cover
  }

  .ul-problem {
      margin: 2.343vw 0 2.604vw
  }

  .ul-problem li {
      margin-bottom: .781vw
  }

  .ul-problem .con {
      align-items: center;
      justify-content: space-between;
      background: #fff;
      border-radius: .52vw;
      padding: 1.718vw 3.437vw 1.041vw 2.187vw
  }

  .ul-problem .right .more {
      font-weight: 700;
      font-size: .875rem;
      padding-right: .833vw;
      background-size: .312vw auto;
      background-image: url(../images/inset/right3.png);
      min-width: 5.208vw
  }

  .ul-problem .left {
      flex: 1
  }

  .ul-problem .top {
      align-items: center;
      margin-bottom: 1.041vw
  }

  .ul-problem .top .span1 {
      width: 1.614vw;
      background: #00a0a9;
      border-radius: 50%;
      line-height: 1.614vw;
      font-size: .875rem;
      margin-right: .833vw
  }

  .ul-problem .top .span2 {
      flex: 1;
      font-weight: 700;
      font-size: 1.125rem;
      -webkit-box-orient: vertical
  }

  .ul-problem .desc .span3 {
      width: 1.614vw;
      background: #74797d;
      border-radius: 50%;
      line-height: 1.614vw;
      font-size: .875rem;
      margin-right: .833vw
  }

  .ul-problem .desc .span4 {
      flex: 1;
      font-size: .875rem;
      -webkit-box-orient: vertical
  }

  .ul-problem .desc {
      align-items: center
  }

  .row-measure {
      padding: 4.27vw 0 1.041vw;
      background-size: cover
  }

  .m-measure1 {
      margin-top: 2.083vw;
      margin-bottom: 3.541vw
  }

  .m-titm1 {
      padding-bottom: 1.77vw;
      margin-bottom: 1.875vw;
      border-bottom: 1px solid #d9dcdf
  }

  .m-titm1 .icon {
      margin-bottom: .52vw;
      width: 4.01vw;
      height: 4.531vw;
      background: url(../images/icon8.png) center center no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      margin-right: .989vw
  }

  .m-titm1 .icon img {
      width: 3.854vw
  }

  .m-titm1 .icon span {
      font-size: 1.625rem;
      -webkit-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -moz-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -ms-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      -o-text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      text-shadow: 0 0 .364vw 1px rgba(4, 143, 148, .5);
      margin-left: .312vw;
      margin-top: 1.354vw
  }

  .m-titm1 .desc {
      font-size: 1.625rem
  }

  .ul-listm1 {
      margin: 0 -.468vw
  }

  .ul-listm1 li {
      width: 16.6%;
      padding: 0 .468vw
  }

  .ul-listm1 .con {
      padding: 2.708vw 1.041vw 0;
      height: 11.71vw;
      background: #fff
  }

  .ul-listm1 .icon {
      height: 3.333vw;
      margin-bottom: 1.041vw
  }

  .ul-listm1 .icon img {
      width: 2.604vw;
      height: auto;
      margin: 0 auto;
      transition: .3s
  }

  .ul-listm1 .con:hover .icon img {
      transform: translateY(-.52vw)
  }

  .ul-listm1 .desc {
      font-size: 1.25rem;
      -webkit-box-orient: vertical
  }

  .ul-listm2 {
      margin: 0 -.156vw
  }

  .ul-listm2 li {
      width: 14.28%;
      padding: 0 .156vw
  }

  .ul-listm2 .con {
      background-size: auto 100%;
      background-image: url(../images/inset/bg17.png);
      line-height: 4.166vw;
      padding: 0 .52vw;
      transition: .3s
  }

  .ul-listm2 .con:hover {
      transform: translateY(-.52vw)
  }

  .ul-listm2 .desc {
      font-size: 1.125rem;
      -webkit-box-orient: vertical
  }

  .row-support {
      padding: 4.27vw 0 7.604vw;
      background-size: cover
  }

  .m-support1 {
      margin: 2.083vw 0 2.552vw
  }

  .m-support1 .tit {
      font-weight: 700;
      font-size: 1.562vw;
      font-style: italic;
      margin-bottom: .729vw
  }

  .m-support1 .desc {
      font-size: 1.125rem;
      line-height: 2.864vw;
      background-size: auto 100%;
      background-image: url(../images/inset/e3.png);
      padding-left: 1.458vw
  }

  .m-support2 {
      margin-bottom: 2.187vw
  }

  .ul-support2 {
      margin: 0 -.572vw .885vw
  }

  .ul-support2 li {
      width: 33.3%;
      padding: 0 .572vw
  }

  .ul-support2 .con {
      background-size: contain;
      background-image: url(../images/inset/bg18.png);
      height: 14.47vw
  }

  .ul-support2 .inner {
      padding: 2.291vw 3.645vw 0
  }

  .ul-support2 .icon {
      margin-bottom: 1.458vw
  }

  .ul-support2 .icon img {
      width: 4.427vw;
      margin: 0 auto
  }

  .ul-support2 .txt {
      font-weight: 700;
      font-size: 1.125rem;
      -webkit-box-orient: vertical
  }

  .m-support2 .info {
      font-weight: 700;
      font-size: 1.25rem;
      border-radius: .781vw;
      border: 1px solid #69c1cc;
      line-height: 4.947vw;
      background-size: cover;
      background-image: url(../images/inset/f1.png)
  }

  .m-support3 {
      align-items: stretch
  }

  .m-support3 .col-l {
      width: 23.75vw;
      margin-right: .52vw;
      border-radius: .52vw 0 0 .52vw;
      background-size: cover;
      background-image: url(../images/inset/bg20.jpg);
      padding: 3.645vw 1.041vw 0 3.125vw
  }

  .m-support3_1 .top {
      font-size: 1.5rem;
      margin-bottom: 7.604vw
  }

  .m-support3 .right-box {
      background: #fff;
      border-radius: 0 .52vw .52vw 0
  }

  .m-support3_1 .desc {
      font-size: 1rem;
      margin-bottom: 1.25vw
  }

  .m-support3_1 .info {
      line-height: 1.979vw;
      background-size: 1.979vw auto;
      font-size: 1rem;
      margin-bottom: .5vw
  }

  .m-support3_1 .info .icon {
      width: 1.979vw;
      height: 1.979vw;
      border-radius: 50%;
      border: 1px solid #fff;
      align-items: center;
      justify-content: center;
      margin-right: .4vw
  }

  .m-support3_1 .info .icon .iconfont {
      font-size: 1.5rem
  }

  .m-support3_1 .num {
      font-family: Montserrat-Bold;
      font-weight: 600;
      font-size: 1.5rem
  }

  .m-servebox.m-support3_2 {
      padding: 5.208vw 3.958vw
  }

  .row-videos {
      padding: 5.312vw 0 4.479vw
  }

  .ul-videos {
      margin: 2.291vw -.781vw 1.041vw
  }

  .ul-videos li {
      padding: 0 .781vw;
      margin-bottom: 1.562vw
  }

  .ul-videos .con {
      border: 1px solid #d1d5d5
  }

  .ul-videos .pic .bg {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover;
      transition: .3s
  }

  .ul-videos .pic .play {
      width: 3.645vw;
      height: 3.645vw;
      background-size: contain;
      background-image: url(../images/inset/e8.png);
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .ul-videos .con:hover .pic .bg {
      transform: scale(1.06)
  }

  .ul-videos .txt {
      padding: 1.562vw 1.666vw 1.77vw
  }

  .ul-videos .tit {
      min-height: 1.5em;
      font-size: 1.25rem;
      margin-bottom: .52vw;
      -webkit-box-orient: vertical;
      transition: .3s
  }

  .ul-videos .desc {
      min-height: 1.5em;
      font-size: .875rem;
      -webkit-box-orient: vertical
  }

  .row-404 {
      min-height: 100vh;
      background-size: cover;
      padding-top: 2.395vw
  }

  .row-404 .pic {
      margin-bottom: 2.083vw
  }

  .row-404 .pic img {
      width: 50.83vw;
      margin: 0 auto
  }

  .row-404 .tit {
      font-size: 1.458vw;
      margin-bottom: 3.645vw
  }

  .row-404 .btns .btn {
      line-height: 3.125vw;
      border-radius: 1.562vw;
      border: 1px solid #009ba2;
      font-size: 1.5rem;
      width: 11.19vw;
      margin: 0 2.552vw;
      transition: .3s
  }

  .m-serachlist {
      margin-top: 5.104vw
  }

  .ul-searchlist {
      margin-bottom: 2.5vw
  }

  .ul-searchlist li {
      margin-bottom: 1.302vw
  }

  .ul-searchlist .con {
      padding-bottom: 1.562vw;
      border-bottom: 1px solid #e3e3e3
  }

  .ul-searchlist .tit {
      font-size: 1.25rem;
      margin-bottom: 1.041vw;
      transition: .3s
  }

  .ul-searchlist .pic {
      margin-right: 1.562vw
  }

  .ul-searchlist .pic img {
      width: 13.02vw
  }

  .ul-searchlist .txt {
      padding-top: .781vw
  }

  .ul-searchlist .desc {
      font-size: .875rem;
      margin-bottom: 1.25vw;
      line-height: 1.8;
      -webkit-box-orient: vertical
  }

  .ul-searchlist .info .more {
      background: #fff;
      border-radius: .26vw;
      border: 1px solid #d5d5d5;
      font-size: .875rem;
      line-height: 1.822vw;
      width: 5.208vw;
      transition: .3s
  }

  .m-bansearch3 .slick-arrow {
      width: .468vw;
      height: .833vw;
      background-size: contain;
      font-size: 0;
      border: none;
      top: -4.479vw
  }

  .m-bansearch3 .slick-prev {
      background-image: url(../images/inset/left4.png);
      right: 1.77vw
  }

  .m-bansearch3 .slick-prev:hover {
      background-image: url(../images/inset/left4-1.png)
  }

  .m-bansearch3 .slick-next {
      background-image: url(../images/inset/right4.png);
      right: .52vw
  }

  .m-bansearch3 .slick-next:hover {
      background-image: url(../images/inset/right4-1.png)
  }

  .m-detbox3 {
      margin-bottom: 1.041vw
  }

  /* 06-28 */
  .inner-pic {
      position: relative;
  }

  .ul-ret4_pic li {
      left: 5.252vw;
      top: 0.260vw;
      position: absolute;
  }

  .ul-ret4_pic .li2 {
      left: 2.283vw;
      top: 3.533vw;
  }

  .ul-ret4_pic .li3 {
      left: 19.83vw;
      top: 3.533vw;
  }

  .ul-ret4_pic .li4 {
      left: 14.26vw;
      top: 6.866vw;
  }

  .ul-ret4_pic .li5 {
      left: 10.30vw;
      top: 10.2vw;
  }

  .ul-ret4_pic .li6 {
      left: 8.012vw;
      top: 11.81vw;
  }

  .ul-ret4_pic .li7 {
      left: 25.4vw;
      top: 11.81vw;
  }

  .ul-ret4_pic .li8 {
      left: 4.054vw;
      top: 13.5vw;
  }

  .ul-ret4_pic .li9 {
      left: 22.33vw;
      top: 13.5vw;
  }

  .ul-ret4_pic .li10 {
      left: 4.106vw;
      top: 16.80vw;
  }

  .ul-ret4_pic .li11 {
      left: 5.772vw;
      top: 20.08vw;
  }

  .ul-ret4_pic .li12 {
      left: 23.22vw;
      top: 20.08vw;
  }

  .ul-ret4_pic .txt {
      font-size: 0.781vw;
  }

  .ul-ret4_pic2 li {
      left: 11.29vw;
      top: 0.460vw;
  }

  .ul-ret4_pic2 .li2 {
      left: 3.160vw;
      top: 3.585vw;
  }

  .ul-ret4_pic2 .li3 {
      left: 19.04vw;
      top: 3.585vw;
  }

  .ul-ret4_pic2 .li4 {
      left: 11.71vw;
      top: 6.866vw;
  }

  .ul-ret4_pic2 .li5 {
      left: 14.31vw;
      top: 10.243vw;
  }

  .ul-ret4_pic2 .li6 {
      left: 9.679vw;
      top: 13.52vw;
  }

  /* 06-28 end*/
}

@media only screen and (max-width:1199px) {
  .ul-snvg1 .con {
      font-size: 1rem;
      line-height: 50px
  }

  .cur {
      font-size: .875rem;
      line-height: 50px;
      display: none
  }

  .g-curbox .left {
      display: block;
      float: none
  }

  .ul-snvg1 {
      overflow-x: auto;
      white-space: nowrap
  }

  .ul-snvg1::-webkit-scrollbar {
      background: rgba(254, 254, 254, 0);
      height: 0;
  }

  .ul-snvg1 li {
      margin-right: 20px
  }

  .g-titr1 .tit,
  .main-ret .g-titr1 .tit {
      font-size: 22px;
      padding-left: 26px;
      background-size: 22px auto
  }

  .ul-toplist .con {
      width: 110px;
      line-height: 36px;
      font-size: .875rem
  }

  .ul-toplist li {
      margin-left: 5px
  }

  .ul-videos {
      margin: 30px -10px
  }

  .ul-videos li {
      padding: 0 10px;
      margin-bottom: 20px
  }

  .ul-videos .pic .play {
      width: 45px;
      height: 45px
  }

  .ul-videos .tit {
      font-size: 1rem;
      margin-bottom: 4px
  }

  .ul-videos .txt {
      padding: 20px 10px
  }

  .pages ul li.end,
  .pages ul li.next,
  .pages ul li.on,
  .pages ul li.prev {
      display: inline-block
  }

  .pages ul li a {
      width: 38px;
      height: 37px;
      line-height: 36px;
      font-size: .875rem
  }

  .row-detail .right-box {
      margin-top: 3rem;
  }

  .pages .jump input {
      height: 37px;
      border-radius: 5px;
  }

  .g-ban1 .txt .tit {
      font-size: 20px
  }

  .g-ban1 .txt .desc {
      font-size: .875rem
  }

  .g-ban1::after {
      left: 0
  }

  .m-support1 .tit {
      font-size: 1.125rem
  }

  .m-support1 .desc {
      font-size: .875rem;
      color: #fff;
      line-height: 38px
  }

  .ul-support2 .con {
      border-radius: 10px;
      border: 1px solid #69c1cc;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url(../images/inset/f1.png);
      height: 220px
  }

  .ul-support2 .inner {
      padding: 40px 20px
  }

  .m-support2 {
      overflow: hidden
  }

  .m-support2 .info {
      font-size: 1.125rem;
      border-radius: 10px;
      line-height: 70px
  }

  .ul-support2 .icon img {
      width: 60px
  }

  .ul-support2 .icon {
      margin-bottom: 10px
  }

  .ul-support2 .txt {
      font-size: 1rem
  }

  .m-support3 {
      display: block
  }

  .m-support3 .col-l {
      float: none;
      width: 100%;
      padding: 40px;
      margin-bottom: 20px;
      border-radius: 10px
  }

  .m-support3_1 .top {
      font-size: 1.125rem;
      margin-bottom: 40px
  }

  .m-support3_1 .info {
      line-height: 33px;
      background-size: 28px auto
  }

  .m-support3_1 .info .icon {
      width: 30px;
      height: 30px;
      margin-right: 4px
  }

  .m-support3_1 .info .icon .iconfont {
      font-size: 1rem
  }

  .m-servebox.m-support3_2 {
      padding: 40px;
      border-radius: 10px
  }

  .m-titm1 .icon img {
      width: 55px
  }

  .m-titm1 .desc {
      font-size: 1.125rem
  }

  .m-titm1 {
      padding-bottom: 15px;
      margin-bottom: 20px
  }

  .ul-listm1 .icon img {
      width: 35px
  }

  .ul-listm1 .desc {
      font-size: .875rem
  }

  .ul-listm1 .icon {
      height: 45px;
      margin-bottom: 10px
  }

  .ul-listm1 .con {
      padding: 30px 10px 0;
      height: 120px
  }

  .ul-listm2 .con {
      line-height: 50px
  }

  .ul-listm2 .desc {
      font-size: .875rem
  }

  .row-detail {
      padding: 70px 0
  }

  .m-detbox1 .tit {
      font-size: 20px;
      margin-bottom: 20px
  }

  .m-detbox1 .desc {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-bottom: 30px;
      margin-bottom: 30px
  }

  .row-detail .col-l {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 50px
  }

  .m-detbox2 .tit {
      font-size: 1.125rem;
      padding-bottom: 10px;
      margin-bottom: 15px;
      border-width: 2px
  }

  .ul-detlist li {
      margin-bottom: 15px
  }

  .ul-detlist .con .num {
      margin-right: 4px;
      font-size: 1.125rem
  }

  .ul-detlist .con {
      font-size: .875rem
  }

  .g-dots .slick-dots {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      bottom: -5px;
      display: block
  }

  .g-dots .slick-dots li {
      display: inline-block;
      margin: 0 4px
  }

  .g-dots .slick-dots button {
      width: 8px;
      height: 8px;
      border: none;
      padding: 0;
      border-radius: 50%;
      font-size: 0;
      background-color: #009ba2;
      opacity: .6;
      transition: .3s
  }

  .g-dots .slick-dots .slick-active button {
      opacity: 1
  }

  .m-contact .tit {
      font-size: 25px;
      margin-bottom: 15px
  }

  .ul-contact .icon {
      width: 30px;
      height: 30px;
      line-height: 30px;
      margin-right: 5px
  }

  .ul-contact .icon .iconfont {
      font-size: 15px
  }

  .ul-contact .con {
      font-size: .875rem
  }

  .ul-contact .txt .span1 {
      margin-right: 10px
  }

  .ul-coop li {
      width: 33.3%
  }

  .row-coop {
      overflow: hidden
  }

  .m-about1 .txt .tit {
      font-size: 1.125rem;
      margin-bottom: 10px
  }

  .m-about1 .txt .desc {
      font-size: .875rem;
      line-height: 1.7
  }

  .m-about1 .picbox {
      display: block
  }

  .m-about1 .picbox .left {
      margin-bottom: 20px
  }

  .m-about1 .picbox .left,
  .m-about1 .picbox .right {
      width: 100%
  }

  .m-about1_1 .picbox .left .play {
      width: 70px;
      height: 70px
  }

  .m-banab5 {
      margin: 30px 0 0;
      padding-bottom: 20px
  }

  .m-banab5 .item {
      padding: 0 10px
  }

  .m-banab5 .txt .tit {
      font-size: .875rem
  }

  .m-banab5 .con {
      padding: 30px 30px 0
  }

  .m-banab5 .info .pic {
      width: 55px;
      height: 55px;
      margin-right: 10px
  }

  .m-banab5 .info {
      font-size: .875rem
  }

  .m-banab5 .txt::after,
  .m-banab5 .txt::before {
      width: 20px;
      height: 20px
  }

  .ul-listab3 .txt .icon .iconfont {
      font-size: 30px
  }

  .ul-listab3 .txt .tit {
      font-size: 1.125rem
  }

  .ul-listab3 .txt .desc {
      font-size: .875rem
  }

  .ul-listab3 .txt .icon {
      width: 45px;
      height: 45px;
      margin-bottom: 5px
  }

  .ul-listab3 .txt {
      padding: 0 20px 20px
  }

  .m-banab2 .top {
      font-size: 30px;
      margin-bottom: 10px
  }

  .m-banab2 .desc {
      font-size: .875rem
  }

  .m-banab2 .cirlce {
      width: 30px;
      height: 30px;
      left: 10px
  }

  .m-banab2 .con {
      padding: 0 10px;
      height: 360px
  }

  .m-about1 .picbox .img1,
  .m-about1 .picbox .img2 {
      height: auto
  }

  .m-ab4 {
      padding: 0 50px
  }

  .m-banab4 .swiper-button-next {
      right: 0
  }

  .m-banab4 .swiper-button-prev {
      left: 0
  }

  .m-bansearch3 .slick-arrow {
      top: -75px
  }

  .m-contret4 .box.m {
      display: block;
  }

  .m-contret4 .box.pc {
      display: none;
  }
}



.slider-navs .img,
.slider-nav .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  width: 32px;
  height: 32px;
  object-fit: cover;
  display: block;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s
}

.slider-navs .img2,
.slider-navs .my-slide-thumb-active .img,
.slider-navs .slick-current .img {
  opacity: 0
}

.slider-navs .my-slide-thumb-active .img2,
.slider-navs .slick-current .img2 {
  opacity: 1
}

.g-ban-z .txt {
  left: 210px;
  right: 210px;
  z-index: 2
}

.ul-ret1-z1 li {
  width: 25%
}

.g-titr-z {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.g-titr-z .more {
  display: block;
  font-size: 17px;
  line-height: 1.6em;
  color: #333;
  position: relative;
  padding-right: 32px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s
}

.g-titr-z .more::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url(../images/search/more2.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s
}

.g-titr-z .more:hover {
  color: #00a0a9
}

.g-titr-z .more:hover::after {
  background: url(../images/search/more.png) center center no-repeat;
  background-size: contain
}

.row-z01 {
  width: 100%;
  padding: 85px 0 115px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.m-norm .info {
  color: #646464;
  font-size: 1rem;
  line-height: 2em;
  text-align: center;
  margin: 40px 0 45px
}

.ul-norm {
  overflow: hidden;
  padding: 0 15px
}

.ul-norm li {
  float: left;
  width: 33.33%
}

.ul-norm .con {
  display: block;
  margin: 0 15px;
  padding-top: 127.67%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer
}

.ul-norm .con img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ul-norm .box {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 50px 50px
}

.ul-norm .txt {
  background-color: rgba(255, 255, 255, .85);
  width: 100%;
  padding: 50px;
  border-radius: 20px;
  overflow: hidden;
  transition: .3s
}

.ul-norm .con:hover .txt {
  background-color: rgba(0, 160, 169, 1)
}

.ul-norm .tit {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #313131;
  margin-bottom: 20px;
  text-align: center;
  transition: .3s
}

.ul-norm .desc {
  color: #646464;
  font-size: 1rem;
  line-height: 30px;
  height: 90px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: .3s
}

.ul-norm .con:hover .desc,
.ul-norm .con:hover .tit {
  color: #fff
}

.g-ban-z {
  position: relative
}

.g-ban-z::after {
  z-index: 1
}

.m-ban-txt {
  position: absolute;
  z-index: 2;
  height: 100%
}

.m-ban-txt .content {
  position: absolute;
  height: 100%;
  width: 528px;
  left: 240px;
  background: linear-gradient(0deg, #00b6bb, #a0dae4);
  padding: 80px 60px 40px 52px;
  z-index: 1
}

.m-ban-txt .logos {
  width: 200px;
  margin-bottom: 16px;
  border-radius: 10px;
  overflow: hidden
}

.m-ban-txt .logos img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain
}

.m-ban-txt .tit {
  font-size: 24px;
  color: #fff;
  line-height: 1.4em
}

.m-ban-txt .line {
  background-color: rgba(255, 255, 255, .4);
  width: 100%;
  height: 1px;
  margin: 32px 0
}

.m-ban-txt .desc {
  font-size: 1rem;
  line-height: 30px;
  color: #fff;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden
}

.m-ban-txt .desc::-webkit-scrollbar {
  width: 3px;
  -moz-appearance: none !important;
  background: rgb(255, 255, 255, .8) !important
}

.m-ban-txt .desc::-webkit-scrollbar-button {
  display: none !important
}

.m-ban-txt .desc::-webkit-scrollbar-thumb {
  background-color: #00a0a9
}

.m-ban-txt .desc p {
  margin-bottom: 30px
}

.g-ban-z .pic {
  position: relative
}

.g-ban-z .swiper-button-next,
.g-ban-z .swiper-button-prev {
  width: 70px;
  height: 66px;
  border: 1px solid #d0d0d0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  transition: .3s;
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  margin-top: 0
}

.g-ban-z .swiper-button-next::after,
.g-ban-z .swiper-button-prev::after {
  display: none
}

.g-ban-z .swiper-button-prev {
  background-image: url(../images/inset/left.png);
  left: 90px
}

.g-ban-z .swiper-button-next {
  background-image: url(../images/inset/right.png);
  right: 90px
}

.g-ban-z .swiper-button-next:hover {
  background-image: url(../images/inset/right-1.png)
}

.g-ban-z .swiper-button-next:hover,
.g-ban-z .swiper-button-prev:hover {
  background-color: #00a0a9;
  border-color: #00a0a9
}

.g-ban-z .swiper-button-prev:hover {
  background-image: url(../images/inset/left-1.png)
}

.ul-serve-z {
  margin: 54px -7px 0;
  overflow: hidden
}

.ul-serve-z li {
  float: left;
  width: 25%;
  margin-bottom: 20px
}

.ul-serve-z .con {
  margin: 0 7px;
  display: block;
  padding: 33px 50px 24px 44px;
  background-color: rgba(255, 255, 255, .75);
  border-radius: 15px
}

.ul-serve-z .tit {
  color: #212121;
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 16px;
  font-weight: 700;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s
}

.ul-hire .tit {
  color: #212121;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdfec;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s
}

.ul-hire.con:hover .tit,
.ul-serve-z .con:hover .tit {
  color: #00a0a9
}

.ul-hire .desc,
.ul-serve-z .desc {
  font-size: 1rem;
  color: #898a8d;
  line-height: 30px;
  height: 90px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.ul-hire .desc {
  height: 60px;
  -webkit-line-clamp: 2
}

.ul-serve-z .icon {
  width: 64px;
  height: 71px;
  margin-bottom: 2px
}

.ul-hire .icon {
  width: 74px;
  height: 83px;
  margin-bottom: 18px
}

.ul-hire .icon img,
.ul-serve-z .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}

.row-z02 {
  padding: 80px 0 65px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.row-z03 {
  padding: 98px 0 84px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.ul-hire {
  margin: 40px 15px 0;
  overflow: hidden
}

.ul-hire li {
  width: 50%;
  float: left;
  margin-bottom: 20px
}

.ul-hire .con {
  margin: 0 15px;
  background: url(../images/search/bg4.png) center center no-repeat;
  background-size: cover;
  background-color: rgba(255, 255, 255, .75);
  border-radius: 15px;
  overflow: hidden;
  padding: 45px 58px 43px 50px
}

.white {
  background-color: #fff
}

.m-report-z {
  padding-bottom: 90px
}

.ul-report-z {
  margin-bottom: 50px
}

.ul-report-z .con {
  display: block;
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #dde0e3;
  position: relative
}

.ul-report-z .con::after {
  width: 0;
  height: 1px;
  background-color: #00a0a9;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  z-index: 2;
  transition: .3s
}

.ul-report-z .con:hover::after {
  width: 100%
}

.ul-report-z .pic-box {
  min-width: 300px;
  margin-right: 30px;
  float: left
}

.ul-report-z .pic {
  width: 100%;
  padding-top: 75%;
  overflow: hidden;
  position: relative
}

.ul-report-z .pic img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: .3s
}

.ul-report-z .con:hover .pic img {
  transform: scale(1.1) translateY(-50%)
}

.ul-report-z .txt {
  overflow: hidden
}

.ul-report-z .tit {
  font-size: 20px;
  color: #212121;
  line-height: 37px;
  margin-bottom: 20px;
  transition: .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ul-report-z .con:hover .tit {
  color: #00a0a9
}

.ul-report-z .info {
  font-size: 1rem;
  color: #616161;
  line-height: 28px;
  margin-bottom: 14px
}

.ul-report-z .info span {
  margin-right: 30px
}

.ul-report-z .desc {
  font-size: 15px;
  line-height: 26px;
  color: #a1a2a3;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.ul-report-z .btn {
  width: 100px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  line-height: 35px;
  text-align: center;
  font-size: .875rem;
  color: #959595;
  transition: .3s
}

.ul-report-z .con:hover .btn {
  color: #fff;
  background-color: #058f94;
  border-color: transparent
}

.ul-snvr-z .con {
  background-color: #eef2f6;
  border-color: #fff
}

.m-top-z {
  margin-bottom: 20px
}

.m-top-z .pic {
  width: 100%;
  border: 1px solid #e7ebee;
}

.m-top-z .pic img {
  display: block;
  width: 100%;
  height: auto
}

.m-top-z .tit {
  font-size: 1rem;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #313131;
  background-color: #e7ebee
}

.m-ret-z {
  margin-top: 0
}

.ul-ret3 .box .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
  overflow: hidden
}

.ul-snvr1 .act .con {
  background-color: #00a0a9;
  color: #fff
}

.ul-snvr1 .act .con a {
  color: inherit;
}

.ul-snvr1 .act .tit i {
  color: #fff
}

.row-ret1 .item {
  overflow: hidden
}

@media only screen and (min-width:1199px) {
  .g-ban-z .txt {
      left: 10.93vw;
      right: 10.93vw
  }

  .g-titr-z {
      align-items: center;
      justify-content: space-between
  }

  .g-titr-z .more {
      font-size: 1rem;
      line-height: 1.6em;
      padding-right: 1.666vw
  }

  .g-titr-z .more::after {
      content: "";
      width: 1.354vw;
      height: 1.354vw;
      top: 50%;
      right: 0;
      transform: translateY(-50%)
  }

  .row-z01 {
      padding: 4.427vw 0 5.989vw
  }

  .m-norm .info {
      font-size: 1rem;
      line-height: 2em;
      margin: 2.083vw 0 2.343vw
  }

  .ul-norm {
      padding: 0 .781vw
  }

  .ul-norm li {
      width: 33.33%
  }

  .ul-norm .con {
      margin: 0 .781vw;
      padding-top: 127.67%;
      border-radius: 1.041vw
  }

  .ul-norm .con img {
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      object-fit: cover
  }

  .ul-norm .box {
      bottom: 0;
      left: 0;
      padding: 0 2.604vw 2.604vw
  }

  .ul-norm .txt {
      padding: 2.604vw;
      border-radius: 1.041vw;
      transition: .3s
  }

  .ul-norm .tit {
      font-weight: 700;
      font-size: 1.5rem;
      line-height: 1.562vw;
      margin-bottom: 1.041vw;
      transition: .3s
  }

  .ul-norm .desc {
      font-size: 1rem;
      line-height: 1.562vw;
      height: 4.687vw;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      transition: .3s
  }

  .m-ban-txt .content {
      width: 27.5vw;
      left: 12.5vw;
      background: linear-gradient(0deg, #00b6bb, #a0dae4);
      padding: 4.166vw 3.125vw 2.083vw 2.708vw
  }

  .m-ban-txt .logos {
      width: 10.41vw;
      margin-bottom: .833vw;
      border-radius: .52vw
  }

  .m-ban-txt .logos img {
      height: auto;
      object-fit: contain
  }

  .m-ban-txt .tit {
      font-size: 1.5rem;
      line-height: 1.4em
  }

  .m-ban-txt .line {
      height: 1px;
      margin: 1.666vw 0
  }

  .m-ban-txt .desc {
      font-size: 1rem;
      line-height: 1.562vw;
      height: 15.62vw
  }

  .m-ban-txt .desc p {
      margin-bottom: 1.562vw
  }

  .g-ban-z .swiper-button-next,
  .g-ban-z .swiper-button-prev {
      width: 3.645vw;
      height: 3.437vw;
      border: 1px solid #d0d0d0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0;
      background-size: .833vw auto;
      transition: .3s
  }

  .g-ban-z .swiper-button-prev {
      left: 4.687vw
  }

  .g-ban-z .swiper-button-next {
      right: 4.687vw
  }

  .ul-serve-z {
      margin: 0 -.364vw;
      margin-top: 2.812vw
  }

  .ul-serve-z li {
      margin-bottom: 1.041vw
  }

  .ul-serve-z .con {
      margin: 0 .364vw;
      padding: 1.718vw 2.604vw 1.25vw 2.291vw;
      border-radius: .781vw
  }

  .ul-serve-z .tit {
      font-size: 1.25rem;
      line-height: 1.77vw;
      margin-bottom: .833vw;
      font-weight: 700
  }

  .ul-hire .tit {
      font-size: 1.5rem;
      line-height: 1.77vw;
      margin-bottom: .833vw;
      font-weight: 700;
      padding-bottom: .52vw
  }

  .ul-hire .desc,
  .ul-serve-z .desc {
      font-size: 1rem;
      line-height: 1.562vw;
      height: 4.687vw;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical
  }

  .ul-hire .desc {
      height: 3.125vw;
      -webkit-line-clamp: 2
  }

  .ul-serve-z .icon {
      width: 3.333vw;
      height: 3.697vw;
      margin-bottom: .104vw
  }

  .ul-hire .icon {
      width: 3.854vw;
      height: 4.322vw;
      margin-bottom: .937vw
  }

  .ul-hire .icon img,
  .ul-serve-z .icon img {
      object-fit: cover
  }

  .row-z02 {
      padding: 4.166vw 0 3.385vw
  }

  .row-z03 {
      padding: 5.104vw 0 4.375vw
  }

  .ul-hire {
      margin: 0 .781vw;
      margin-top: 2.083vw
  }

  .ul-hire li {
      margin-bottom: 1.041vw
  }

  .ul-hire .con {
      margin: 0 .781vw;
      border-radius: .781vw;
      padding: 2.343vw 3.020vw 2.239vw 2.604vw
  }

  .m-report-z {
      padding-bottom: 4.687vw
  }

  .ul-report-z {
      margin-bottom: 2.604vw
  }

  .ul-report-z .con {
      padding: 1.562vw 0;
      border-bottom: 1px solid #dde0e3
  }

  .ul-report-z .con::after {
      height: 1px;
      bottom: 0;
      left: 0;
      content: "";
      transition: .3s
  }

  .ul-report-z .pic-box {
      width: 15.62vw;
      margin-right: 1.562vw
  }

  .ul-report-z .pic img {
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background-size: cover;
      transition: .3s
  }

  .ul-report-z .tit {
      font-size: 1.25rem;
      line-height: 1.927vw;
      margin-bottom: 1.041vw;
      transition: .3s
  }

  .ul-report-z .info {
      font-size: 1rem;
      line-height: 1.458vw;
      margin-bottom: .729vw
  }

  .ul-report-z .info span {
      margin-right: 1.562vw
  }

  .ul-report-z .desc {
      font-size: .875rem;
      line-height: 1.354vw;
      margin-bottom: 1.302vw
  }

  .ul-report-z .btn {
      width: 5.208vw;
      height: 1.822vw;
      border-radius: .26vw;
      border: 1px solid #d5d5d5;
      line-height: 1.822vw;
      font-size: .875rem;
      transition: .3s
  }

  .m-top-z {
      margin-bottom: 1.041vw
  }

  .m-top-z .tit {
      font-size: 1rem;
      height: 2.864vw;
      line-height: 2.864vw
  }
}

@media only screen and (max-width:1199px) {
  .m-serachlist {
      margin-top: 40px
  }

  .g-ban1::after {
      left: 120px
  }

  .m-banret5 {
      margin: 40px -6px 0
  }

  .m-banret5 .item {
      padding: 0 6px
  }

  .ul-searchlist .tit {
      font-size: 1.125rem;
      margin-bottom: 15px
  }

  .ul-searchlist .pic img {
      width: 230px;
      display: block
  }

  .ul-searchlist .con {
      padding-bottom: 20px
  }

  .m-detbox3 {
      margin-bottom: 40px
  }

  .row-404 .pic img {
      width: 680px
  }

  .row-404 .tit {
      font-size: 22px;
      margin-bottom: 40px
  }

  .row-404 .btns .btn {
      line-height: 50px;
      border-radius: 25px;
      width: 180px;
      margin: 0 30px;
      font-size: 20px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px
  }

  .m-ret1 {
      margin-top: 30px
  }

  .m-banret6 .txt {
      padding: 15px
  }

  .row-ret5 {
      padding: 40px 0
  }

  .m-banret5 .slick-arrow {
      width: 45px;
      height: 45px
  }

  .m-banret5 {
      padding-bottom: 70px
  }

  .row-ret2 {
      padding: 40px 0
  }

  .ul-ret2 .icon {
      width: 58px;
      height: 65px;
      margin-right: 10px
  }

  .ul-ret2 li {
      padding: 0 20px
  }

  .ul-ret2 .txt {
      font-size: 1rem
  }

  .m-ret4 .col-l {
      width: 500px;
      padding-left: 20px
  }

  .ul-ret4 {
      margin-top: 40px
  }

  .ul-ret4 .con {
      padding-left: 20px
  }


  .ul-ret4 li {
      margin-bottom: 30px
  }

  .row-ret4 {
      padding: 40px 0
  }

  .ul-ret1 .txt {
      padding: 20px 10px
  }

  .row-ret3 .wp1 {
      padding: 0 10px
  }

  .ul-ret3 .icon {
      width: 60px;
      height: 60px
  }

  .ul-ret3 .box .tit {
      /* font-size: 1.125rem; */
      margin-bottom: 10px
  }

  .ul-ret3 .inner {
      height: 320px
  }

  .ul-ret3 .inner::after {
      height: 380px;
      opacity: 1
  }

  .ul-ret3 {
      display: none !important;
  }

  .ul-ret3-z {
      display: block !important;
  }


  .ul-ret3 li {
      width: 50%;
      margin-bottom: 20px
  }

  .ul-ret3 .on .box {
      bottom: 30px;
      padding: 0 30px
  }

  .g-topbox1 .group .tip1 {
      min-width: 388px;
      height: 41px;
      font-size: 1rem;
      line-height: 41px
  }

  .g-topbox1 .group1 {
      padding-right: 60px
  }

  .row-ret3,
  .row-ret6 {
      padding: 40px 0
  }

  .ul-ret3 .on .box .tit {
      margin-bottom: 15px
  }

  .m-contret4 {
      min-height: 400px;
      padding: 20px
  }

  .m-contret4 .box {
      padding: 15px
  }

  .m-searchret1 .form .inpt {
      height: 50px;
      line-height: 50px;
      font-size: .875rem
  }

  .m-searchret1 .form .submit {
      width: 50px
  }

  .ul-snvr1 .txt {
      padding: 15px
  }

  .ul-snvr1 .tit {
      font-size: 1rem
  }

  .ul-ret3 .box {
      bottom: 50px
  }

  .ul-ret3 .box .desc {
      opacity: 1;
      color: #fff;
  }

  .ul-ret3 .icon .iconfont {
      font-size: 28px
  }

  .row-ret1 {
      padding: 30px 0 40px
  }

  .ul-ret1 {
      margin-bottom: 10px
  }

  .row-detail {
      padding: 30px 0 40px
  }

  .g-ban-z .txt {
      left: 120px;
      right: 120px
  }
}



@media only screen and (max-width:1199px) {
  .row-z01 {
      padding: 40px 0
  }

  .ul-norm .txt {
      padding: 20px
  }

  .ul-norm .box {
      padding: 0 20px 30px
  }

  .ul-norm .tit {
      font-size: 20px;
      margin-bottom: 15px
  }

  .ul-norm .desc {
      font-size: .875rem;
      line-height: 1.5rem;
      height: 72px
  }

  .m-norm .info {
      font-size: .875rem;
      margin: 20px 0
  }

  .ul-ret1-z1 li {
      width: 33.33%
  }

  .m-ban-txt .content {
      width: 400px;
      padding: 20px;
      left: 100px
  }

  .m-ban-txt .logos {
      width: 100px;
      margin-bottom: 10px
  }

  .m-ban-txt .tit {
      font-size: 20px
  }

  .m-ban-txt .line {
      margin: 15px 0
  }

  .m-ban-txt .desc {
      font-size: .875rem;
      line-height: 1.5rem;
      height: 168px
  }

  .m-ban-txt .desc p {
      margin-bottom: 20px
  }

  .g-ban-z .swiper-button-next,
  .g-ban-z .swiper-button-prev {
      width: 50px;
      height: 48px
  }

  .g-ban-z .swiper-button-prev {
      left: 30px
  }

  .g-ban-z .swiper-button-next {
      right: 30px
  }

  .ul-report-z .con {
      padding: 20px 0;
      display: flex;
      gap: 2rem;
  }

  .ul-report-z .pic {
      min-width: 130px;
  }

  .ul-report-z .btn {
      display: none;
  }

  .ul-report-z .tit {
      font-size: 1.125rem;
      line-height: 28px;
      margin-bottom: 15px
  }

  .ul-report-z .desc {
      font-size: .875rem;
      line-height: 1.5rem;
      margin-bottom: 15px
  }

  .ul-report-z .info {
      font-size: .875rem;
      line-height: 1.5rem
  }

  .m-report-z {
      padding-bottom: 40px
  }

  .row-z03 {
      padding: 40px 0
  }

  .ul-hire .icon {
      width: 60px;
      height: 66px
  }

  .ul-hire .con {
      padding: 20px
  }

  .ul-hire .tit {
      font-size: 20px;
      line-height: 28px
  }

  .ul-hire .desc,
  .ul-serve-z .desc {
      font-size: .875rem;
      line-height: 1.5rem;
      height: 48px
  }

  .row-z02 {
      padding: 40px 0
  }

  .ul-serve-z {
      margin-top: 30px
  }

  .ul-serve-z .icon {
      width: 50px;
      height: 53px
  }

  .ul-serve-z .tit {
      font-size: 20px
  }

  .ul-serve-z li {
      width: 33.33%
  }

  .ul-serve-z .con {
      padding: 20px
  }
}





.row-brandretrieval1 {
  padding: 18px 0 91px
}

.main-brandretrieval {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat
}

.ul-brandretrieval {
  overflow: hidden;
  margin: 43px -15px 37px
}

.ul-brandretrieval li {
  float: left;
  width: 20%;
  margin-bottom: 20px
}

.ul-brandretrieval .con {
  padding-top: 44.3%;
  height: 0;
  position: relative;
  display: block;
  margin: 0 15px
}

.ul-brandretrieval .pic {
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  background-color: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

.ul-brandretrieval .txt {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: .5s;
  background: rgba(0, 148, 156, .95);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  transition: .5s
}

.ul-brandretrieval .con:hover .txt {
  opacity: 1
}

.ul-brandretrieval .pic .pic1 {
  width: 180px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center
}

.ul-brandretrieval .pic .pic1 img {
  display: block;
  width: 100%;
  object-fit: contain
}

.row-server1 {
  padding: 75px 0 113px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat
}

.row-server1 .g-titr1 {
  margin-bottom: 30px
}

.m-server1 .inner {
  position: relative;
  height: 527px
}

.m-pic-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 527px;
  height: 527px
}

.m-pic-center img {
  display: block;
  width: 100%;
  height: 100%
}

.ul-serve1 li {
  position: absolute;
  width: 515px;
  left: 1.7%;
  top: 8%
}

.ul-serve1 .li2 {
  left: auto;
  right: 1.55%
}

.ul-serve1 .li3,
.ul-serve1 .li4 {
  top: 55.1%
}

.ul-serve1 .con {
  display: block;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 206px
}

.ul-serve1 .li2 .con {
  flex-direction: row
}

.ul-serve1 .pic {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center
}

.ul-serve1 .pic .iconfont {
  font-size: 50px;
  transition: .5s;
  color: #00a0a9
}

.ul-serve1 .li2 .pic .iconfont {
  font-size: 50px
}

.ul-serve1 .li3 .pic .iconfont {
  font-size: 54px
}

.ul-serve1 .li4 .pic .iconfont {
  font-size: 63px
}

.ul-serve1 .con:hover .pic .img1,
.ul-serve1 .pic .img2 {
  display: none
}

.ul-serve1 .con:hover .pic .img2 {
  display: block;
  color: #fff
}

.ul-serve1 .m-pic {
  position: relative;
  width: 206px;
  height: 206px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s
}

.ul-serve1 .m-pic::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
  height: 70%;
  display: block;
  content: " ";
  border: 2px solid #00a0a9;
  transition: .5s
}

.ul-serve1 .con:hover .m-pic::before {
  background-color: #00a0a9
}

.ul-serve1 .txt {
  overflow: hidden;
  flex: 1
}

.ul-serve1 .li2 .txt {
  padding-left: 30px
}

.ul-serve1 .li1 .txt {
  text-align: right;
  padding-right: 34px
}

.ul-serve1 .txt .tit {
  font-weight: 700;
  font-size: 22px;
  color: #313131;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.5em;
  margin-bottom: 9px;
  transition: .5s
}

.ul-serve1 .con:hover .txt .tit {
  color: #00a0a9
}

.ul-serve1 .txt .desc {
  font-size: 17px;
  color: #616161;
  line-height: 1.7;
  height: 3.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.row-server2 {
  padding: 89px 0 102px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.m-server2 .inner {
  overflow: hidden
}

.m-server2 .l {
  width: 30%;
  padding-top: 36px
}

.m-server2 .r {
  width: 66%
}

.m-servebox {
  background: rgba(254, 254, 254, .9);
  border-radius: 10px;
  overflow: hidden;
  padding: 56px 65px 56px 63px
}

.m-server2 .g-titr1 {
  margin-bottom: 62px
}

.m-server2 .g-titr1 .tit {
  padding-left: 0;
  background-size: 0;
  margin-bottom: 15px
}

.m-server2 .g-titr1 .desc {
  font-size: 1.125rem;
  color: #6a6d6f;
  text-align: center
}

.m-server2 .l .tit {
  font-family: Roboto-Bold;
  font-weight: 900;
  font-size: 48px;
  color: #00a0a9;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 36px
}

.m-server2 .l .tit2 {
  font-weight: 700;
  font-size: 36px;
  color: #333;
  margin-bottom: 50px
}

.m-server2 .l .desc {
  overflow: hidden;
  display: flex;
  align-items: center
}

.m-server2 .l .desc .pic {
  overflow: hidden;
  margin: 0 5px 0 0
}

.m-server2 .l .desc .pic .icon-xiaoshidianhua {
  display: block;
  font-size: 38px;
  color: #696c6d
}

.m-server2 .l .desc .txt {
  flex: 1;
  overflow: hidden
}

.m-server2 .l .desc .tit1 {
  font-size: .875rem;
  color: #6b6b6b;
  margin-bottom: 0;
  line-height: 1.1
}

.m-server2 .l .desc .info {
  font-size: 26px;
  color: #00a0a9;
  font-family: Arial;
  font-weight: 700;
  line-height: 1.1
}

.m-servebox .item {
  margin-bottom: 19px
}

.m-servebox .item:last-child {
  margin-bottom: 0
}

.m-servebox .con1 {
  float: left;
  width: 329px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  border: 1px solid #e1e3e4;
  padding: 0 25px 0 16px;
  margin-right: 12px
}

.m-servebox .con1:last-child {
  margin-right: 0
}

.m-servebox .con2 {
  justify-content: inherit;
  width: 234px
}

.m-servebox .con1-1 em {
  font-size: 1rem;
  color: #ec1c1e
}

.m-servebox .con1-1 {
  font-size: 1rem;
  color: rgba(65, 65, 65, .6)
}

.m-servebox input {
  font-size: 1rem;
  color: #000;
  border: none;
  width: 100%;
  background-color: transparent;
  padding: 0 10px
}

.m-servebox .item1 .con2 input {
  padding-left: 18px
}

.m-servebox .item1 .con1-1 input {
  width: 95%
}

.m-servebox input::placeholder {
  color: rgba(65, 65, 65, .6)
}

.m-servebox .select {
  text-align: right;
  width: 113px;
  font-size: 1rem;
  color: #000;
  border: none;
  background-color: transparent
}

.m-servebox .select option {
  text-align: center;
  border: none
}

.m-servebox .item2 .con1 {
  width: 100%;
  height: 115px
}

.m-servebox textarea {
  position: relative;
  width: 100%;
  height: 115px;
  resize: none;
  border: 1px solid #e1e3e4;
  font-size: 1rem;
  color: #000;
  border-radius: 6px;
  background-color: transparent;
  padding: 19px 22px 17px 35px
}

.m-servebox .item2 {
  position: relative;
  margin-bottom: 14px
}

.m-servebox .item2::after {
  position: absolute;
  top: 22px;
  left: 18px;
  display: block;
  width: 10px;
  height: 10px;
  content: "*";
  font-size: 1rem;
  color: #ec1c1e
}

.m-servebox .item3 .con1 {
  width: 541px;
  overflow: hidden;
  padding-right: 0
}

.m-servebox .item3 .box1 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.m-servebox .item3 .con1-1 {
  flex: 1
}

.m-servebox .item3 .code {
  display: block;
  width: 111px;
  margin-right: 32px
}

.m-servebox .item3 .submit {
  width: 260px;
  height: 58px;
  background: #00a0a9;
  border-radius: 6px;
  font-size: 1.125rem;
  color: #fefefe;
  text-align: center;
  transition: .5s
}

.m-servebox .item3 .submit:hover {
  opacity: .8
}

.row-serviceinformation {
  padding: 69px 0 91px
}

.row-serviceinformation .g-topbox1,
.ul-serviceinformation {
  margin-bottom: 53px
}

.ul-serviceinformation li {
  margin-bottom: 30px
}

.ul-serviceinformation li:last-child {
  margin-bottom: 0
}

.ul-serviceinformation .con {
  overflow: hidden;
  display: block;
  padding-bottom: 29px;
  border-bottom: 1px solid #e3e3e3
}

.ul-serviceinformation .pic {
  display: block;
  float: left;
  width: 319px;
  height: 185px;
  margin-right: 30px;
  overflow: hidden
}

.ul-serviceinformation .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s
}

.ul-serviceinformation .con:hover .pic img {
  transform: scale(1.08)
}

.ul-serviceinformation .txt {
  overflow: hidden;
  padding-top: 16px
}

.ul-serviceinformation .tit {
  display: block;
  font-size: 22px;
  color: #060606;
  height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 16px;
  transition: .5s
}

.ul-serviceinformation .con:hover .tit {
  color: #058f94
}

.ul-serviceinformation .desc {
  font-size: .875rem;
  color: #818181;
  line-height: 1.7;
  height: 3.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 23px
}

.ul-serviceinformation .bot {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.ul-serviceinformation .date {
  font-family: Montserrat;
  font-weight: 400;
  font-size: .875rem;
  color: #4d4d79
}

.ul-serviceinformation .more {
  font-size: .875rem;
  color: #959595;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  transition: .5s
}

.ul-serviceinformation .con:hover .more {
  background: #058f94;
  border: 1px solid #058f94;
  color: #fff
}

.row-informationdetail {
  padding: 69px 0 78px
}

.row-informationdetail .m-detbox1 .desc {
  padding-bottom: 49px;
  margin-bottom: 49px
}

.m-informationdetail .h1-tit {
  display: flex;
  align-items: center;
  height: 105px;
  margin-bottom: 39px
}

.m-informationdetail .h1-tit .tit {
  margin-bottom: 0;
  flex: 1
}

.m-informationdetail .h1-tit .date {
  width: 105px;
  height: 105px;
  background-color: #00a0a9;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center
}

.m-informationdetail .h1-tit .date .nian {
  font-size: .875rem;
  color: #fff;
  line-height: 1.1
}

.m-informationdetail .h1-tit .date .ri {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 42px;
  color: #fff;
  line-height: 1.1;
  text-align: center
}

.row-prodetail {
  padding: 0 0 83px;
  overflow: hidden
}

.m-prodetailtop .box {
  overflow: hidden;
  margin-bottom: 94px
}

.m-prodetailtop .pic {
  width: 390px;
  height: 361px;
  margin-right: 88px;
  float: left;
  margin-top: 31px
}

.m-prodetailtop .pic img {
  display: block;
  width: 100%;
  height: 100%
}

.m-prodetailtop .txt {
  overflow: hidden;
  padding-top: 31px
}

.m-prodetailtop .txt .tit {
  font-size: 28px;
  color: #212121;
  margin-bottom: 20px
}

.m-prodetailtop .txt .desc {
  font-size: 1rem;
  color: #717171;
  line-height: 1.5rem;
  margin-bottom: 98px
}

.m-btnmore {
  overflow: hidden
}

.m-btnmore .more {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #fff;
  float: left;
  width: 191px;
  height: 54px;
  background: #004a92;
  margin-right: 15px;
  transition: .5s
}

.m-btnmore .more:hover {
  opacity: .8
}

.m-btnmore .more img {
  display: inline-block;
  width: 12px;
  margin-left: 15px
}

.m-prodetail .tit1 {
  margin-bottom: 53px;
  border-bottom: 1px solid #e5e5e5
}

.m-prodetail .tit1 span {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 1.125rem;
  color: #313131;
  padding-bottom: 16px;
  border-bottom: 2px solid #00a0a9
}

.m-prodetail .tit1 span::after {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  display: block;
  content: " ";
  border: 8px solid #00a0a9;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent
}

.m-prodetail .item:last-child {
  margin-bottom: 0
}

.m-prodetail .item .tit2 {
  font-size: 22px;
  color: #313131;
  margin-bottom: 27px
}

.m-prodetail .item .desc {
  font-size: 1rem;
  line-height: 2;
  color: #717171
}

.m-prodetail .item .desc h4 {
  font-size: 1rem;
  /* margin-bottom: 1.406vw; */
  color: #313131;
  font-weight: normal;
}

.m-prodetail .item .desc p {
  position: relative;
  overflow: hidden
}

.m-prodetail .item .desc .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  float: left;
  margin: 13px 6px 0 0;
  background-color: #00a0a9
}

.m-protable th,
.m-protable tr {
  text-align: center;
  border: 1px solid #dcdfe1
}

.m-prodetail .m-protable .tit {
  font-weight: 700;
  font-size: 1rem;
  color: #313131;
  text-align: center;
  height: 60px;
  line-height: 60px
}

.m-prodetail .m-protable .tit2 {
  font-weight: 400;
  font-size: 1rem;
  color: #717171;
  text-align: center;
  height: 60px;
  line-height: 60px;
  margin-bottom: 0 !important
}

@media only screen and (min-width:1199px) {

  .row-brandretrieval1 {
      padding: .937vw 0 4.739vw
  }

  .main-brandretrieval {
      background-size: cover;
      background-repeat: no-repeat
  }

  .ul-brandretrieval {
      margin: 2.239vw -.781vw 1.927vw
  }

  .ul-brandretrieval li {
      margin-bottom: 1.041vw
  }

  .ul-brandretrieval .con {
      margin: 0 .781vw
  }

  .ul-brandretrieval .pic {
      justify-content: center;
      align-items: center
  }

  .ul-brandretrieval .txt {
      top: 0;
      left: 0;
      right: 0;
      opacity: 0;
      transition: .5s;
      background: rgba(0, 148, 156, .95);
      justify-content: center;
      align-items: center;
      font-size: 1.125rem;
      transition: .5s
  }

  .ul-brandretrieval .con:hover .txt {
      opacity: 1
  }

  .ul-brandretrieval .pic .pic1 {
      width: 9.375vw;
      height: 2.447vw;
      justify-content: center;
      align-items: center
  }

  .ul-brandretrieval .pic .pic1 img {
      object-fit: contain
  }

  .row-server1 {
      padding: 3.906vw 0 5.885vw;
      background-size: cover;
      background-repeat: no-repeat
  }

  .row-server1 .g-titr1 {
      margin-bottom: 1.562vw
  }

  .m-server1 .inner {
      height: 27.44vw
  }

  .m-pic-center {
      top: 50%;
      transform: translate(-50%, -50%);
      width: 27.44vw;
      height: 27.44vw
  }

  .ul-serve1 li {
      width: 26.82vw;
      left: 1.7%;
      top: 8%
  }

  .ul-serve1 .li2 {
      left: auto;
      right: 1.55%
  }

  .ul-serve1 .li3,
  .ul-serve1 .li4 {
      top: 55.1%
  }

  .ul-serve1 .con {
      flex-direction: row-reverse;
      align-items: center;
      height: 10.72vw
  }

  .ul-serve1 .li2 .con {
      flex-direction: row
  }

  .ul-serve1 .pic .iconfont {
      font-size: 2.604vw;
      transition: .5s
  }

  .ul-serve1 .li2 .pic .iconfont {
      font-size: 2.604vw
  }

  .ul-serve1 .li3 .pic .iconfont {
      font-size: 2.812vw
  }

  .ul-serve1 .li4 .pic .iconfont {
      font-size: 3.281vw
  }

  .ul-serve1 .m-pic {
      width: 10.72vw;
      height: 10.72vw;
      justify-content: center;
      align-items: center;
      transition: .5s
  }

  .ul-serve1 .m-pic::before {
      top: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      content: " ";
      border: solid #00a0a9;
      transition: .5s
  }

  .ul-serve1 .txt {
      flex: 1
  }

  .ul-serve1 .li2 .txt {
      padding-left: 1.562vw
  }

  .ul-serve1 .li1 .txt {
      padding-right: 1.77vw
  }

  .ul-serve1 .txt .tit {
      font-weight: 700;
      font-size: 1.25rem;
      white-space: nowrap;
      height: 1.5em;
      margin-bottom: .468vw;
      transition: .5s
  }

  .ul-serve1 .txt .desc {
      font-size: 1rem;
      line-height: 1.7;
      height: 3.4em;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }

  .row-server2 {
      padding: 4.635vw 0 5.312vw;
      background-size: cover;
      background-repeat: no-repeat
  }

  .m-server2 .l {
      padding-top: 1.875vw
  }

  .m-servebox {
      background: rgba(254, 254, 254, .9);
      border-radius: .52vw;
      padding: 2.916vw 3.385vw 2.916vw 3.281vw
  }

  .m-server2 .g-titr1 {
      margin-bottom: 3.229vw
  }

  .m-server2 .g-titr1 .tit {
      background-size: 0;
      margin-bottom: .781vw
  }

  .m-server2 .g-titr1 .desc {
      font-size: 1.125rem;
  }

  .m-server2 .l .tit {
      font-family: Roboto-Bold;
      font-weight: 900;
      font-size: 2.875rem;
      /* line-height: 2.083vw; */
      text-transform: uppercase;
      margin-bottom: 1.875vw
  }

  .m-server2 .l .tit2 {
      font-weight: 700;
      font-size: 1.875vw;
      margin-bottom: 2.604vw
  }

  .m-server2 .l .desc {
      align-items: center
  }

  .m-server2 .l .desc .pic {
      margin: 0 .26vw 0 0
  }

  .m-server2 .l .desc .pic img {
      font-size: 1.979vw
  }

  .m-server2 .l .desc .txt {
      flex: 1
  }

  .m-server2 .l .desc .tit1 {
      font-size: .875rem;
      line-height: 1.1
  }

  .m-server2 .l .desc .info {
      font-size: 1.625rem;
      font-family: Arial;
      font-weight: 700;
      line-height: 1.1
  }

  .m-servebox .item {
      margin-bottom: .989vw
  }

  .m-servebox .con1 {
      width: 17.13vw;
      height: 3.020vw;
      align-items: center;
      justify-content: space-between;
      border-radius: .312vw;
      border: 1px solid #e1e3e4;
      padding: 0 1.302vw 0 .833vw;
      margin-right: .625vw
  }

  .m-servebox .con2 {
      justify-content: inherit;
      width: 12.18vw
  }

  .m-servebox .con1-1 em {
      font-size: 1rem
  }

  .m-servebox .con1-1 {
      font-size: 1rem;
      color: rgba(65, 65, 65, .6)
  }

  .m-servebox input {
      font-size: 1rem;
      border: none;
      padding: 0 .52vw
  }

  .m-servebox .item1 .con2 input {
      padding-left: .937vw
  }

  .m-servebox input::placeholder {
      color: rgba(65, 65, 65, .6)
  }

  .m-servebox .select {
      width: 5.885vw;
      font-size: 1rem;
      border: none
  }

  .m-servebox .item2 .con1 {
      height: 5.989vw
  }

  .m-servebox textarea {
      height: 5.989vw;
      resize: none;
      border: 1px solid #e1e3e4;
      font-size: 1rem;
      border-radius: .312vw;
      padding: .989vw 1.145vw .885vw 1.822vw
  }

  .m-servebox .item2 {
      margin-bottom: .729vw
  }

  .m-servebox .item2::after {
      top: 1.145vw;
      left: .937vw;
      width: .52vw;
      height: .52vw;
      content: "*";
      font-size: 1rem
  }

  .m-servebox .item3 .con1 {
      width: 28.17vw
  }

  .m-servebox .item3 .box1 {
      justify-content: space-between;
      align-items: center
  }

  .m-servebox .item3 .con1-1 {
      flex: 1
  }

  .m-servebox .item3 .code {
      width: 5.781vw;
      margin-right: 1.666vw
  }

  .m-servebox .item3 .submit {
      width: 13.54vw;
      height: 3.020vw;
      background: #00a0a9;
      border-radius: .312vw;
      font-size: 1.125rem;
  }

  .row-serviceinformation {
      padding: 3.593vw 0 4.739vw
  }

  .row-serviceinformation .g-topbox1,
  .ul-serviceinformation {
      margin-bottom: 2.76vw
  }

  .ul-serviceinformation li {
      margin-bottom: 1.562vw
  }

  .ul-serviceinformation .con {
      padding-bottom: 1.51vw;
      border-bottom: 1px solid #e3e3e3
  }

  .ul-serviceinformation .pic {
      width: 16.61vw;
      height: 9.635vw;
      margin-right: 1.562vw
  }

  .ul-serviceinformation .pic img {
      object-fit: cover;
      transition: .5s
  }

  .ul-serviceinformation .con:hover .pic img {
      transform: scale(1.08)
  }

  .ul-serviceinformation .txt {
      padding-top: .833vw
  }

  .ul-serviceinformation .tit {
      font-size: 1.25rem;
      height: 1.5em;
      white-space: nowrap;
      margin-bottom: .833vw;
      transition: .5s
  }

  .ul-serviceinformation .desc {
      font-size: .875rem;
      line-height: 1.7;
      height: 3.4em;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin-bottom: 1.197vw
  }

  .ul-serviceinformation .bot {
      justify-content: space-between;
      align-items: center
  }

  .ul-serviceinformation .date {
      font-family: Montserrat;
      font-weight: 400;
      font-size: .875rem
  }

  .ul-serviceinformation .more {
      font-size: .875rem;
      justify-content: center;
      align-items: center;
      width: 5.208vw;
      height: 1.822vw;
      border-radius: .26vw;
      border: 1px solid #d5d5d5;
      transition: .5s
  }

  .ul-serviceinformation .con:hover .more {
      background: #058f94;
      border: 1px solid #058f94
  }

  .row-informationdetail {
      padding: 3.593vw 0 4.062vw
  }

  .row-informationdetail .m-detbox1 .desc {
      padding-bottom: 2.552vw;
      margin-bottom: 2.552vw
  }

  .m-informationdetail .h1-tit {
      align-items: center;
      height: 5.468vw;
      margin-bottom: 2.031vw
  }

  .m-informationdetail .h1-tit .tit {
      flex: 1
  }

  .m-informationdetail .h1-tit .date {
      width: 5.468vw;
      height: 5.468vw;
      border-radius: .312vw;
      margin-right: .781vw;
      justify-content: center;
      align-items: center
  }

  .m-informationdetail .h1-tit .date .nian {
      font-size: .875rem;
      line-height: 1.1
  }

  .m-informationdetail .h1-tit .date .ri {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 2.187vw;
      line-height: 1.1
  }

  .row-prodetail {
      padding: 0 0 4.322vw
  }

  .m-prodetailtop .box {
      margin-bottom: 4.895vw
  }

  .m-prodetailtop .pic {
      width: 20.31vw;
      height: 18.8vw;
      margin-right: 2.583vw;
      margin-top: 1.614vw
  }


  .m-prodetailtop .txt {
      padding-top: 3.614vw
  }

  .m-prodetailtop .txt .tit {
      font-size: 1.458vw;
      margin-bottom: 1.041vw
  }

  .m-prodetailtop .txt .desc {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 2.104vw
  }
  .m-banret6 .pic{
      width: 100%;
      height: 100%;
      margin-right: 0;
      margin-top: 0;
      position: relative;
  }
  .m-banret6 .txt{
      padding: 0 1rem 1rem 1rem;
  }
  .m-btnmore .more {
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      width: 9.947vw;
      height: 2.812vw;
      background: #004a92;
      margin-right: .781vw;
      transition: .5s
  }

  .m-btnmore .more:hover {
      opacity: .8
  }

  .m-btnmore .more img {
      width: .625vw;
      margin-left: .781vw
  }

  .m-prodetail .tit1 {
      margin-bottom: 2.76vw;
      border-bottom: 1px solid #e5e5e5
  }

  .m-prodetail .tit1 span {
      font-weight: 700;
      font-size: 1.125rem;
      padding-bottom: .833vw;
      border-bottom: solid #00a0a9
  }

  .m-prodetail .tit1 span::after {
      bottom: -.8vw;
      transform: translateX(-50%);
      content: " ";
      border-width: .416vw
  }

  .m-prodetail .item .tit2 {
      font-size: 1.25rem;
      margin-bottom: 1.406vw
  }

  .m-prodetail .item .desc {
      font-size: 1rem;
      line-height: 1.5rem
  }

  .m-prodetail .item .desc .dot {
      width: .26vw;
      height: .26vw;
      border-radius: 50%;
      margin: .677vw .312vw 0 0
  }

  .m-protable th,
  .m-protable tr {
      border: 1px solid #dcdfe1
  }

  .m-prodetail .m-protable .tit {
      font-weight: 700;
      font-size: 1rem;
      height: 3.125vw;
      line-height: 3.125vw
  }

  .m-prodetail .m-protable .tit2 {
      font-weight: 400;
      font-size: 1rem;
      height: 3.125vw;
      line-height: 3.125vw
  }
}

@media only screen and (max-width:1366px) {

  .ul-serve1 .txt .tit,
  .ul-serviceinformation .tit {
      font-size: 1rem
  }

  .m-prodetail .tit1 span,
  .m-prodetailtop .txt .desc,
  .m-server2 .g-titr1 .desc,
  .ul-serve1 .txt .desc,
  .ul-serviceinformation .desc {
      font-size: 1rem
  }

  .m-informationdetail .h1-tit .date .nian,
  .m-servebox .con1-1 em,
  .m-servebox .select,
  .m-servebox input,
  .m-servebox textarea,
  .m-server2 .l .desc .tit1,
  .ul-serviceinformation .date {
      font-size: 12px
  }

  .m-servebox .select {
      width: 100px
  }

  .ul-serviceinformation .more {
      font-size: 12px;
      width: 67px;
      height: 24px;
      border-radius: 5px
  }

  .m-btnmore .more {
      font-size: 12px;
      width: 120px;
      height: 34px
  }

  .m-btnmore .more img {
      width: 7px;
      margin-left: 8px
  }

  .m-prodetail .item .tit2 {
      font-size: 1rem
  }

  .m-prodetail .item .desc,
  .m-prodetail .m-protable .tit,
  .m-prodetail .m-protable .tit2 {
      font-size: 1rem;
      line-height: 1.5rem;
  }

  .m-prodetail .item .desc .dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      margin: 13px 4.5px 0 0
  }

  .m-prodetail .item .desc h4 {
      font-size: 4.145vw;
      margin-bottom: 1.406vw;
      color: #313131;
      font-weight: normal;
  }
}
.wapxq_box{display: none;}

@media only screen and (max-width:1199px) {
  .pcxq_box{display: none;}
  .wapxq_box{display: block;}
  .wapxq_box .wapimg{display: block;display: flex;align-items: center;justify-content: center;}
  .wapxq_box .wapimg .pic{width: 100%;height: 100%;float: unset;margin: 0;}
  .wapxq_box .wapimg .txt{width: 25rem; padding-top: 0;}
  .wapxq_box .wapimg .txt .desc{margin-bottom: 0;}
  .m-prodetailtop  .wapxq_box .txt .tit{font-size: 1.25rem;}
  .row-brandretrieval1 {
      padding: 30px 0 40px
  }

  .ul-brandretrieval li {
      width: 25%
  }

  .ul-brandretrieval .txt {
      font-size: 1rem
  }

  .ul-brandretrieval {
      margin: 20px -15px 24px
  }

  .row-server1 {
      padding: 30px 0 40px
  }

  .ul-serve1 li {
      position: static;
      width: 100%;
      margin-bottom: 20px
  }

  .ul-serve1 .con {
      flex-direction: row !important;
      justify-content: flex-start;
      height: 182px
  }

  .m-pic-center {
      position: static;
      top: 50%;
      left: 50%;
      transform: translate(0);
      width: auto;
      height: auto;
      text-align: center
  }

  .m-pic-center img {
      display: inline-block;
      width: auto
  }

  .m-server1 .inner {
      position: relative;
      height: auto
  }

  .ul-serve1 .li1 .txt {
      text-align: left;
      padding-right: 0;
      padding-left: 20px
  }

  .ul-serve1 .m-pic {
      width: 180px;
      height: 180px
  }

  .ul-serve1 .pic .iconfont {
      font-size: 45px
  }

  .ul-serve1 .li2 .pic .iconfont {
      font-size: 47px
  }

  .ul-serve1 .li3 .pic .iconfont {
      font-size: 48px
  }

  .ul-serve1 .li4 .pic .iconfont {
      font-size: 57px
  }

  .row-server2 {
      padding: 30px 0 40px
  }

  .m-server2 .l,
  .m-server2 .r {
      width: 100%;
      padding-top: 0;
      float: none
  }

  .m-server2 .g-titr1 {
      margin-bottom: 22px
  }

  .m-server2 .g-titr1 .tit {
      margin-bottom: 6px
  }

  .m-server2 .l .tit {
      font-size: 25px;
      line-height: 25px;
      margin-bottom: 9px
  }

  .m-server2 .l .tit2 {
      font-size: 20px;
      margin-bottom: 12px
  }

  .m-server2 .l .desc {
      margin-bottom: 20px
  }

  .m-server2 .l .desc .pic .icon-xiaoshidianhua {
      font-size: 24px
  }

  .m-server2 .l .desc .info {
      font-size: 1.125rem
  }

  .m-servebox {
      padding: 20px
  }

  .m-servebox .con1 {
      width: 40%;
      height: 48px;
      margin-right: 1.1%
  }

  .m-servebox .con2 {
      width: 28.8%
  }

  .m-servebox .con3 {
      float: right;
      margin-right: 0
  }

  .m-servebox .item3 .con1 {
      width: 70%
  }

  .m-servebox .item3 .submit {
      width: 26%;
      font-size: 1rem;
      height: 48px
  }

  .m-servebox .select {
      width: auto;
      padding-right: 23px
  }

  .row-serviceinformation {
      padding: 30px 0 40px
  }

  .row-serviceinformation .g-topbox1 {
      margin-bottom: 15px
  }

  .row-serviceinformation .col-l {
      margin-bottom: 0
  }

  .ul-serviceinformation {
      margin-bottom: 20px
  }

  .row-informationdetail {
      padding: 30px 0 40px
  }

  .m-informationdetail .h1-tit .date {
      width: 80px;
      height: 80px;
      margin-right: 10px
  }

  .m-informationdetail .h1-tit .date .ri {
      font-size: 25px
  }

  .m-informationdetail .h1-tit {
      height: 80px;
      margin-bottom: 25px
  }

  .row-informationdetail .m-detbox1 .desc {
      padding-bottom: 30px;
      margin-bottom: 30px
  }

  .m-prodetail .item .tit2 {
      margin-bottom: 10px
  }

  .m-prodetail .tit1 {
      margin-bottom: 25px
  }

  .m-prodetailtop .txt .tit {
      font-size: 20px;
      color: #212121;
      margin-bottom: 10px
  }

  .m-prodetailtop .txt .desc {
      line-height: 1.5rem;
      margin-bottom: 2rem
  }

  .m-prodetailtop .pic {
      width: 390px;
      height: 361px;
      margin-right: 44px;
      float: left;
      margin-top: 17px
  }

  .row-prodetail {
      padding: 0 0 30px !important
  }

  .m-servebox .item2::after {
      position: absolute;
      top: 17px
  }
}

@media only screen and (max-width:950px) {
  .ul-brandretrieval li {
      width: 33.3%
  }

  .m-banret6 .pic {
      width: 100%;
      height: auto;
      margin: 0 auto;
      float: none;
      
  }

  .m-prodetailtop .txt {
      overflow: hidden;
      padding-top: 10px
  }

  .m-prodetailtop .box {
      margin-bottom: 20px;
  }

  .m-protable {
      white-space: nowrap;
      overflow-x: auto
  }

  .m-protable table {
      width: 950px !important
  }

  .m-prodetail .m-protable .tit,
  .m-prodetail .m-protable .tit2 {
      height: 50px;
      line-height: 50px
  }
}



.m-select-menu {
  position: relative;
  width: 100%
}

.m-select-menu .select-menu-ul {
  margin-top: 50px;
  list-style: none;
  opacity: 0;
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  background-color: #fff
}

.m-select-menu .select-menu-ul li {
  padding: 2% 0 2% 3%
}

.m-select-menu .select-menu-ul li:hover {
  background: #00a0a9;
  color: #Fff;
}

.m-select-menu .select-menu-div {
  position: relative;
  height: 30px;
  width: auto
}

.m-select-menu .select-this {
  background: #00a0a9;
  color: #fff;
}

.m-select-menu .select-this:hover {
  background: #00a0a9 !important
}

.m-select-menu i {
  position: absolute;
  right: 0;
  top: 50%;
  width: 9px;
  height: 5px;
  transform: translateY(-50%);
  background-image: url(../images/e-arrow.png);
  background-size: 9px auto;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.m-select-menu .select-menu-input {
  margin-left: 3%;
  border: 0;
  height: 29px;
  cursor: pointer;
  user-select: none;
  padding-right: 23px
}

.m-select-menu .select-menu-i {
  transform: translateY(-50%) rotate(180deg)
}

@media only screen and (min-width:1199px) {
  .m-select-menu .select-menu-ul {
      margin-top: 2.604vw;
      list-style: none;
      opacity: 0
  }

  .m-select-menu .select-menu-ul li {
      padding: 2% 0 2% 3%
  }

  .m-select-menu .select-menu-ul li:hover {
      background: #00a0a9
  }

  .m-select-menu .select-menu-div {
      height: 1.562vw;
      width: auto
  }

  .m-select-menu .select-this {
      background: #00a0a9
  }

  .m-select-menu .select-this:hover {
      background: #00a0a9 !important
  }

  .m-select-menu i {
      right: 0;
      top: 50%;
      width: .468vw;
      height: .26vw;
      transform: translateY(-50%);
      background-image: url(../images/e-arrow.png);
      background-size: .468vw auto;
      background-repeat: no-repeat;
      -webkit-transition: all .4s ease;
      -o-transition: all .4s ease;
      transition: all .4s ease
  }

  .m-select-menu .select-menu-input {
      border: 0;
      height: 1.51vw;
      user-select: none;
      padding-right: 1.197vw
  }

  .m-select-menu .select-menu-i {
      transform: rotate(180deg)
  }
}

/* 以下为新加媒体查询 */
@media (min-width: 1050px) and (max-width: 1550px) {
  .header .lang dd a span {
      padding-left: 3vw;
      font-size: .75rem;
  }

  .m-servebox .item1 .con2 input {
      padding-left: .37vw;
  }

  .m-prodetail .item .desc h4 {
      font-size: 1rem;
      margin-bottom: .2vw;
  }
  .nav .dl1{
      height: auto !important;
  }

  .m-prodetail .item .desc p {
      font-size: 1rem;
  }

  .nav li .v1 {
      font-size: 1rem;
  }

  .fright li a {
      font-size: .75rem;
  }

  .nav .down .box .item a {
      font-size: .875rem;
  }

  .nav .down {
      padding: 1.979vw 0.822vw 1.041vw 1.083vw;
  }

  .m-banab2 .con {
      height: 26.17vw;
  }

  .ul-imgtxt2 h3,
  .ul-imgtxt3 h3 {
      font-size: .875rem;
  }

  .ul-imgtxt3 .con {
      padding: 1.125rem 1.75rem;
  }

  .row-404 .pic img {
      width: 30.83vw;
  }

  .row-404 {
      padding-top: 4.395vw;
  }
}

@media only screen and (max-width:1199px) {

  .banner .desc,
  .ul-imgtxt1,
  .g-tit1 .desc,
  .ul-txt2,
  .m-server2 .l .tit,
  .m-server2 .l,
  .g-ban1::after,
  .m-pic-center {
      display: none;
  }

  .banner .more {
      margin-top: 10vw;
  }

  .g-tit1 .desc {
      font-size: 3.5vw;
  }

  .ul-imgtxt2 {
      margin: 6vw 0 0 0;
  }

  .m-about .txt .desc,
  .fd-addr {
      text-align: left;
  }

  .m-about .txt h3 {
      margin-bottom: 4vw;
  }

  .m-about .bot {
      margin-top: 10vw;
  }

  .ul-img1 .pic img {
      height: 60px;
  }

  .m-select-menu .select-menu-input {
      margin-left: 0;
  }

  .fd-logo {
      margin: 0 auto 10vw;
  }

  .fd-addr {
      margin-bottom: 10vw;
  }

  .g-ban-z .txt {
      width: 90%;
      left: 3%;
      top: 40%;
  }

  .g-ban-z .swiper-button-prev {
      left: 3%;
      top: 80%;
  }

  .g-ban-z .swiper-button-next {
      right: 0;
      left: 16%;
      top: 80%;
  }

  .ul-ret2 .con {
      flex-direction: column;
  }

  /* .ul-ret2 li{width: 33.33%;} */
  .ul-support2 .txt {
      text-align: center;
  }

  .ul-toplist {
      text-align: left;
  }

  .ul-serve1 .li2 .txt {
      padding-left: 15px;
  }

  .m-banab2 .con {
      height: 340px;
  }

  .ul-listab3 .pic {
      padding-top: 55%;
  }

  .m_nav_pclist {
      display: none;
  }
  
  .m_nav_list  {
      display:  block !important;
  }
}

.m-imgtxt1 .slider-navs .item h3,
.m-imgtxt1 .slider-nav .item h3 {
  transition: .3s;
}

.m-imgtxt1 .slider-navs .item:hover h3,
.m-imgtxt1 .slider-nav .item:hover h3 {
  color: #fff;
  background-color: #048f94;
}

.m-imgtxt1 .slider-navs .item:hover .icon i,
.m-imgtxt1 .slider-nav .item:hover .icon i {
  background-color: #048f94;
}

.m-imgtxt1 .slider-navs .item:hover .img,
.m-imgtxt1 .slider-nav .item:hover .img {
  opacity: 0;
}

.m-imgtxt1 .slider-navs .item:hover .img2,
.m-imgtxt1 .slider-nav .item:hover .img2 {
  opacity: 1;
}
.wap_nav{display: none;background: #fff;margin-bottom: 2rem;}
.wap_nav a{font-size: 1rem;font-weight: bold;}
.wap_nav ul{display: grid;grid-template-columns: repeat(2, 1fr);}
.wap_nav ul li{padding: .75rem;text-align: center;}
.wap_nav ul .on { background: #00a0a9;}
.wap_nav ul .on a{color: #fff;}
@media only screen and (max-width:959px) {
  .row-404 .pic img {
      width: 500px
  }

  .row-404 .tit {
      font-size: 20px
  }

  .m-banret5 .top {
      padding-bottom: 15px;
      margin-bottom: 15px
  }

  .ul-ret1 li {
      width: 50%
  }

  .m-ret4 .col-l {
      width: 45%
  }

  .ul-ret2 {
      overflow: hidden
  }

  .ul-ret2 li {
      width: 33.33%;
      float: left;
      margin-bottom: 20px
  }

  .row-ret2 {
      padding: 40px 0 20px
  }

  .ul-ret3 .inner {
      height: auto
  }

  .ul-ret3 li {
      width: 100%
  }

  .ul-ret3 .inner::after {
      height: 100%
  }

  .m-ret1 .col-l {
      width: 100%;
      float: none
  }

  .m-ret1 .col-r {
      width: 100%
  }

  .ul-snvr1 {
      width: 100%;
      margin-bottom: 30px
  }

  .ul-ret4 .on .tit {
      font-size: 1.125rem
  }

  .ul-ret3 .icon {
      width: 50px;
      height: 50px
  }

  .ul-ret3 .icon .iconfont {
      font-size: 26px
  }

  .ul-ret3 .box .tit {
      font-size: 1rem
  }

  .ul-ret3 .box .desc {
      font-size: .875rem
  }

  .ul-snvr1 .inner,
  .ul-snvr1 .on .inner {
      opacity: 1;
      display: none;
      width: 100%;
      position: static;
      /* padding: 10px 15px; */
      left: 0;
      transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none
  }

  .ul-ret2 li {
      padding: 0
  }

  .ul-ret1-z1 li {
      width: 50%
  }

  .ul-norm li {
      width: 100%;
      margin-bottom: 20px;
      float: none
  }

  .m-ban-txt .content {
      display: none
  }

  .g-titr-z .more {
      font-size: 15px
  }

  .g-titr-z .more::after {
      width: 20px;
      height: 20px
  }

  .ul-hire {
      margin: 30px 0 0
  }

  .ul-serve-z .tit {
      font-size: 1.125rem
  }

  .ul-snvr1 a {
      width: 50%;
  }

  .ul-snvr1 li {
      width: 50%;
  }

  .ul-snvr1 .txt {
      text-align: center;
      padding: 1rem;
  }

  .ul-snvr1 {
      display: flex;
      flex-wrap: wrap;
  }

  .ul-snvr1 .tit {
      font-size: 1rem;
      padding-right: 0;
      font-weight: bold;
  }

  .ul-ret4 .on .con::after {
      opacity: 0;
  }

  .banner .swiper-pagination {
      display: none;
  }

  .ul-imgtxt1 li {
      width: 50%
  }

  .ul-imgtxt2 li,
  .ul-txt2 li {
      width: 33.33%
  }

  .ul-imgtxt5 li {
      width: 50%;
  }

  .ul-videos li {
      width: 50%
  }

  .g-topbox1 {
      display: block
  }

  .ul-snvr1 .txt {
      text-align: center;
      padding: 1rem;
  }

  .ul-snvr1 {
      display: flex;
      flex-wrap: wrap;
  }

  .ul-snvr1 .tit {
      font-size: .875rem;
      padding-right: 0;
  }

  .g-topbox1 .right {
      margin-top: 20px
  }

  .ul-toplist {
      /* overflow-x: auto; */
      /* white-space: nowrap; */
      text-align: center
  }

  .ul-toplist {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
  }

  .ul-toplist .con {
      width: auto !important;
      padding: 0 1rem;
  }

  .ul-toplist li {
      display: inline-block;
      margin: 0
  }

  .g-ban1 .bg {
      min-height: 240px;
      object-fit: cover
  }

  .g-ban1 .txt .tit {
      margin-bottom: 5px
  }

  .row-videos {
      padding: 60px 0
  }

  .ul-support2 {
      margin: 0
  }

  .ul-support2 li {
      float: none;
      width: 100%;
      padding: 0;
      margin-bottom: 20px
  }

  .m-support1 {
      margin: 30px 0
  }

  .ul-support2 .con {
      height: auto
  }

  .m-support3_1 .num {
      font-size: 1.125rem
  }

  .m-support1 .desc {
      line-height: 1.7;
      padding: 20px
  }

  .row-support {
      padding: 60px 0
  }

  .ul-listm1 li {
      width: 33.3%;
      margin-bottom: 15px
  }

  .ul-listm2 li {
      width: 25%;
      margin-bottom: 10px
  }

  .ul-listm2 .con {
      background-color: #009ba2
  }

  .row-measure {
      padding: 60px 0 10px
  }

  .m-measure1 {
      margin: 20px 0 40px
  }

  .ul-problem .con {
      padding: 20px
  }

  .ul-problem .desc .span3,
  .ul-problem .top .span1 {
      line-height: 1.5rem;
      width: 1.5rem;
      margin-right: 4px;
      font-size: .875rem;
  }

  .ul-problem .top .span2 {
      font-size: 1rem
  }

  .ul-problem .desc .span4 {
      font-size: .875rem
  }

  .ul-problem .right .more {
      font-size: 12px;
      padding-right: 12px;
      min-width: 80px
  }

  .ul-problem {
      margin: 30px 0
  }

  .row-problem {
      padding: 60px 0
  }

  .ul-listbro1 li {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 15px
  }

  .ul-listbro1 {
      margin: 30px 0
  }

  .m-contact .col-l {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px
  }

  .ul-contact li {
      margin-bottom: 8px
  }

  .row-about1,
  .row-coop {
      padding: 60px 0
  }

  .m-banab2 .top {
      font-size: 20px;
      margin-bottom: 4px
  }

  .m-banab2 .con {
      height: 300px
  }

  .ul-listab3 .txt .tit {
      font-size: 1rem;
      margin-bottom: 4px
  }

  .row-about3 {
      padding: 60px 0
  }

  .m-ab4 {
      padding: 0 15px
  }

  .g-titbox2 .desc {
      font-size: .875rem
  }

  .m-top-z {
      display: flex;
      flex-direction: row;
  }

  .m-top-z .pic {
      width: 45%;
      border-right: 0;
  }

  .m-top-z .tit {
      width: 100%;
      height: auto !important;
      display: flex;
      font-size: 1.25rem;
      line-height: normal;
      /* padding: 0 0 0 1rem; */
      align-items: center;
      background-color: #fff0;
      border: 1px solid #e7ebee;
      border-left: 0;
  }

  .ul-ret3 .box .desc{
      height: auto;
  }
  .banner .slide-inner{
      background-position: -3rem;
  }
  .wap_nav{display: block;}
}

@media only screen and (max-width:767px) {
  .g-snvr1{display: none;}
  .m_g-snvr1,.pp_g-snvr1 {
      display: block !important;
  }
  .header>h5 {
      position: absolute;
      top: 50%;
      transform: translate(0,-50%);
      right: 3.5rem;
      font-size: 1.125rem;
      line-height: 1.5;
      display: block !important;
  }
  .g-snvr1 .ul-snvr1 {
      /* display: none; */
  }
  .pp_g-snvr1 .ul-snvr1{
      flex-wrap: nowrap;
      overflow-x: auto;
      white-space: nowrap;
  }
  .pp_g-snvr1 .ul-snvr1::-webkit-scrollbar{
      display: none;
  }
  
  .pp_g-snvr1 .ul-snvr1 li{
      width: 100%;
  }
  .ul-snvr1 .act .tit i,.ul-snvr1 .tit i{
      display: none;
  }

  .webs {
      display: block !important;
  }

  .index,
  body {
      padding-top: 50px
  }

  .logo {
      height: 50px;
      line-height: 50px
  }

  .logo img {
      height: 30px
  }

  /* .hd-r {
      top: 50px
  } */

  .nav li .v1 {
      font-size: 1rem;
      line-height: 40px
  }

  .nav .dl1 dd .v2 {
      font-size: 13px;
      line-height: 35px
  }

  .nav .dl2 dd a {
      font-size: 12px;
      line-height: 35px;
      padding: 0 10px;
      text-align: left;
  }

  .header .so {
      width: 90%;
  }

  .banner .more {
      line-height: 3em
  }

  .animLoop,
  .banner .more:after,
  .page-num {
      display: none
  }

  .sobox .bot span {
      float: none;
      margin-right: 0;
      margin-bottom: 5px
  }

  .g-more {
      line-height: 2.5em;
  }

  .g-more:after {
      display: none
  }
  .sobox .inp{
      line-height: 35px;
      font-size: .875rem;
  }
  .sobox .sub-btn{
      width: 35px;
      height: 35px;
  }
  .sobox .sub-btn i{
      font-size: 1rem;
  }

  .ul-imgtxt1 li {
      float: none;
      width: auto;
      padding-right: 0;
      margin-bottom: 10px
  }

  .ul-imgtxt2 li {
      width: 48%;
      margin-right: .5rem;
      margin-bottom: .5rem;
  }

  .m-ershou .left .item {
      float: none;
      width: auto
  }

  .ul-imgtxt3 li {
      width: 50%
  }

  .ul-imgtxt4 {
      display: none;
      margin-right: 0
  }
  .ul-imgtxt2{
      margin-bottom: 1rem;
  }

  .ul-imgtxt4.mobile {
      display: block;
  }

  .ul-imgtxt4 li {
      width: auto;
  }

  .ul-imgtxt4 .inner {
      position: relative;
      height: 0;
      padding-top: 68%;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover
  }

  .ul-txt1 {
      margin: 20px -5px 0
  }

  .ul-txt1 li {
      padding: 0 5px
  }

  .ul-txt1 li a {
      width: 80px
  }

  .ul-imgtxt5 {
      margin: 20px 0 10px
  }

  .ul-imgtxt5 li {
      float: none;
      width: auto;
      padding: 0
  }

  .ul-imgtxt5 .con {
      padding: 10px;
      position: relative;
  }

  .ul-imgtxt5 .pic {
      float: left;
      width: 30%;
      height: 3.75rem;
      position: static;
      padding-top: 0;
      margin-bottom: 0;
  }

  .ul-imgtxt5 .pic img {
      position: static;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
  }

  .ul-imgtxt5 a:hover .pic img {
      -webkit-transform: translate(0, 0) scale(1.08);
      -moz-transform: translate(0, 0) scale(1.08);
      -ms-transform: translate(0, 0) scale(1.08);
      -o-transform: translate(0, 0) scale(1.08);
      transform: translate(0, 0) scale(1.08);
  }

  .ul-imgtxt5 .txt {
      width: 68%;
      padding: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
  }

  .ul-imgtxt5 h3 {
      max-height: 3em;
      line-height: 1.5em;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 0 10px;
      white-space: normal;
      overflow: hidden;
  }

  .ul-imgtxt5 .desc,
  .ul-imgtxt5 .date {
      display: none;
  }

  .row-a6 {
      padding-bottom: 30px
  }

  .row-a6 .img {
      display: none
  }

  .m-about .txt {
      width: auto;
      text-align: center
  }

  .m-about .bot {
      font-size: 0;
      text-align: center;
      margin-top: 10px
  }

  .m-about .bot a {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px
  }

  .ul-txt2 {
      background: 0 0
  }

  .ul-txt2 li {
      float: none;
      width: auto;
      font-size: 0;
      text-align: center;
      margin-bottom: 5px
  }

  .m-servebox .con1-1 {
      width: 100%;
  }

  .ul-txt2 .con {
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      padding: 0
  }

  .ul-txt2 .tt h3 {
      color: #313131
  }

  .ul-txt2 .tt span {
      color: rgba(0, 0, 0, .6)
  }

  .m-link .l {
      float: none;
      margin-right: 0;
      margin-bottom: 10px
  }

  .m-ershou .left .item:last-child {
      display: none;
  }

  .ul-videos {
      margin: 20px 0;
  }

  .ul-videos .con {
      display: block;
      overflow: hidden;
  }

  .ul-videos .leftbox {
      float: left;
      width: 40%;
      /* margin-right: 10px; */
  }

  .ul-videos .pic .play {
      width: 30px;
      height: 30px;
  }

  .ul-videos .pic .play .iconfont {
      font-size: 12px;
  }

  .ul-videos .txt {
      overflow: hidden;
  }

  .ul-videos li {
      width: 100%;
      float: none;
      padding: 0;
  }

  .g-ban1::after {
      width: 200px
  }

  .m-servebox.m-support3_2,
  .m-support3 .col-l {
      padding: 20px 10px
  }

  .m-support2 .info {
      font-size: 1rem;
      line-height: 1.6;
      padding: 20px 10px
  }

  .ul-support2 .icon img {
      width: 45px
  }

  .ul-support2 .txt {
      font-size: .875rem
  }

  .ul-support2 .inner {
      padding: 20px 10px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 0 1rem;
  }

  .ul-support2 .icon {
      margin-bottom: 0;
  }

  .ul-support2 .txt {
      text-align: left !important;
  }

  .m-titm1 .icon img {
      width: 35px
  }

  .m-titm1 .desc {
      font-size: 1rem
  }

  .ul-listm1 {
      margin: 0
  }

  .ul-listm1 li {
      width: 50%;
      padding: 0 4px
  }

  .ul-listm2 li {
      width: 33.3%
  }

  .ul-listm2 .con {
      line-height: 40px
  }

  .m-titm1 {
      padding-bottom: 8px
  }

  .m-measure1 .m-titm1 {
      display: flex;
      align-items: center;
  }

  .m-measure1 .m-titm1 .desc {
      font-size: 1.125rem;
  }

  .m-titm1 .icon {
      margin-bottom: 4px;
      width: 2.875rem;
      height: 3.5625rem;
  }

  .m-titm1 .icon span {
      font-size: 1rem;
  }

  .m-titm1 .icon span {
      margin-top: 1rem;
      margin-left: 5px
  }

  .ul-problem .con {
      padding: 20px 10px
  }

  .ul-problem .top {
      margin-bottom: 10px
  }

  .ul-listbro1 .con {
      font-size: .875rem;
      height: 54px;
      border-radius: 4px;
      padding: 0 10px
  }

  .ul-listbro1 .tit {
      padding-left: 16px;
      background-size: 14px auto
  }

  .ul-listbro1 .con .icon {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-size: 10px;
      font-size: 1rem
  }

  .ul-listbro1 .con .icon .iconfont {
      font-size: 1rem
  }

  .m-detbox1 .detpages {
      display: block;
      font-size: .875rem
  }

  .m-detbox1 .detpages .box {
      width: 100%
  }

  .m-detbox1 .detpages .info,
  .m-detbox1 .detpages .top {
      padding-left: 0;
      background-size: 0
  }

  .m-detbox1 .detpages .left {
      margin-bottom: 10px
  }

  .m-detbox1 .detpages .right {
      text-align: left
  }

  .m-detbox1 .detpages .right .info {
      padding: 0
  }

  .m-detbox1 .detpages .top {
      margin-bottom: 4px
  }

  .m-detbox1 .tit {
      font-size: 1.125rem
  }

  .ul-contact li:last-child .con {
      align-items: flex-start
  }

  .m-contact .tit {
      font-size: 1.125rem;
      margin-bottom: 10px
  }

  .ul-contact .icon {
      width: 25px;
      height: 25px;
      line-height: 25px
  }

  .ul-contact .icon .iconfont {
      font-size: 13px
  }

  .ul-coop {
      margin: 20px 0
  }

  .ul-coop li {
      width: 50%;
      padding: 0 5px;
      margin-bottom: 10px
  }

  .m-about1 .txt .tit {
      font-size: 1rem
  }

  .m-about1 .txt {
      margin-top: 20px
  }

  .m-about1_1 .picbox .left .play {
      width: 35px;
      height: 35px
  }

  .m-banab1_1 .slick-arrow {
      width: 30px;
      height: 50px
  }

  .row-about2 {
      padding: 30px 0 60px
  }

  .m-banab2 .cirlce {
      width: 20px;
      height: 20px
  }

  .m-banab2 {
      padding-left: 0;
      margin-top: 20px
  }

  .ul-listab3 li {
      float: none;
      padding: 0;
      width: 100%;
      margin-bottom: 20px
  }

  .ul-listab3 {
      margin: 20px 0 0
  }

  .m-banab5 .txt {
      padding: 20px 0 10px;
      margin-bottom: 20px
  }

  .m-banab5 .txt::after,
  .m-banab5 .txt::before {
      width: 12px;
      height: 12px
  }

  .m-banab5 .info .pic {
      width: 40px;
      height: 40px
  }

  .m-banab5 .con {
      height: auto;
      padding: 2rem;
  }
  .footer{
      margin-bottom: 3.25rem;
  }

  .row-about4,
  .row-about5 {
      padding: 60px 0
  }

  .m-about1 .txt .desc {
      margin-bottom: 15px
  }

  .row-ret1,
  .row-ret2,
  .row-ret3,
  .row-ret4,
  .row-ret5 {
      overflow: hidden
  }

  .ul-ret1 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
      margin: 0 0 3rem 0;
  }

  .ul-ret1 li {
      width: 100%;
      padding: 0;
      margin-bottom: 0;
  }

  .ul-ret1 .tit {
      webkit-line-clamp: none !important;
      font-size: .875rem;
  }

  .ul-ret2 .icon span {
      font-size: 20px;
      margin-top: 19px;
  }

  /* .ul-ret1 li {
      margin: 0 0 20px;
      width: 100%;
      float: none;
      padding: 0
  } */

  .ul-ret3 {
      margin: 40px 0 0
  }

  .m-banret5 {
      padding-bottom: 0;
  }


  .ul-ret3 li {
      padding: 0
  }

  .ul-searchlist .pic {
      width: 40%;
      margin-right: 10px;
      display: block;
      margin-bottom: 15px
  }

  .ul-searchlist .txt {
      padding-top: 0
  }

  .ul-searchlist .tit {
      font-size: 1rem;
      margin-bottom: 10px;
  }

  .ul-searchlist .pic img {
      width: 100% !important
  }

  .ul-searchlist .info .more {
      width: 70px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
  }

  .ul-searchlist .desc {
      margin-bottom: 10px
  }

  .row-404 .tit {
      font-size: 1.125rem;
      padding: 0 10px
  }

  .row-404 .pic img {
      width: 80%
  }

  .m-banret6 .tit {
      font-size: .875rem;
      min-height: 2.5rem;
  }

  .m-banret5 .txt {
      padding: 15px
  }

  .row-404 .btns .btn {
      line-height: 40px;
      width: 130px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      font-size: 1rem;
      margin: 0 10px
  }

  .m-banret5 .tit {
      font-size: 1rem
  }

  .m-ret4 .col-l {
      padding-left: 0;
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0;
      float: none
  }

  .ul-ret4 {
      border: none;
  }

  .ul-ret4 .tabr1 {
      padding: 20px;
  }

  .m-ret4 .box-z {
      display: none !important;
  }

  .m-col-z {
      display: block !important;
  }

  .m-contret4 {
      min-height: auto;
      padding: 15px
  }

  .ul-ret3 .box {
      bottom: 30px
  }

  .m-searchret1 .form .inpt {
      height: 45px;
      line-height: 45px
  }

  .g-ban1::after {
      left: 80px
  }

  .ul-img1 .slick-next,
  .ul-img1 .slick-prev {
      display: none !important;
  }

  .ul-ret1-z1 li {
      width: 47%
  }

  .ul-ret2 li {
      width: 33.33%
  }

  .g-ban-z .swiper-button-prev {
      left: 20px
  }

  .g-ban-z .swiper-button-next {
      right: 20px
  }

  .g-ban-z .swiper-button-next,
  .g-ban-z .swiper-button-prev {
      width: 40px;
      height: 38px
  }

  .ul-report-z .pic-box {
      width: 100%;
      float: none;
      margin: 0;
      min-width: 130px;
  }

  .ul-hire li {
      width: 100%
  }

  .ul-serve-z li {
      width: 50%
  }

  .ul-brandretrieval li {
      margin-bottom: 15px
  }

  .ul-brandretrieval .con {
      margin: 0 6px
  }

  .ul-brandretrieval {
      margin: 20px -6px 14px
  }

  .ul-serve1 .m-pic {
      width: 90px;
      height: 90px
  }

  .ul-serve1 .con {
      height: 90px
  }

  .ul-serve1 .pic .iconfont {
      font-size: 27px
  }

  .ul-serve1 .li2 .pic .iconfont {
      font-size: 31px
  }

  .ul-serve1 .li3 .pic .iconfont {
      font-size: 32px
  }

  .ul-serve1 .li4 .pic .iconfont {
      font-size: 33px
  }

  .ul-serve1 .li1 .txt {
      padding-left: 15px
  }

  .m-servebox .con1 {
      width: 100%;
      margin-right: 0;
      float: none;
      margin-bottom: 10px
  }

  .m-servebox .con2 {
      width: 100%
  }

  .m-servebox .con3 {
      float: none;
      margin-right: 0
  }

  .m-servebox .item3 .con1,
  .m-servebox .item3 .submit {
      width: 100%
  }

  .m-servebox .item1 {
      overflow: hidden;
      margin-bottom: 0
  }

  .m-servebox .con1-1 em,
  .m-servebox .select,
  .m-servebox input,
  .m-servebox textarea,
  .m-server2 .l .desc .tit1 {
      font-size: .875rem
  }

  .m-servebox .item1 .con2 input {
      padding-left: 10px
  }

  .m-servebox .item3 .box1 {
      display: block
  }

  .m-servebox .item2 {
      position: relative;
      margin-bottom: 10px
  }

  .m-servebox .item3 .code {
      display: block;
      width: 90px;
      margin-right: 20px
  }

  .m-servebox {
      padding: 20px 15px
  }

  .ul-serviceinformation .pic {
      display: block;
      float: left;
      width: 30%;
      height: auto;
      margin-right: 15px
  }

  .ul-serviceinformation .txt {
      max-height: 3em;
      line-height: 1.5em;
      flex: 1;
      padding: 0 10px;
      overflow: hidden;
  }

  .ul-serviceinformation .tit {
      margin-bottom: 0px;
      white-space: inherit;
      height: auto;
      display: block;
  }

  .ul-serviceinformation .desc {
      display: none;
      margin-bottom: 20px
  }

  .ul-serviceinformation .bot {
      display: none;
  }

  .ul-serviceinformation .con {
      display: flex;
      align-items: center;
      padding-bottom: 20px
  }

  .ul-serviceinformation li {
      margin-bottom: 20px
  }

  .g-ban1::after {
      left: 80px
  }

  .ul-img1 .slick-next,
  .ul-img1 .slick-prev {
      display: none !important;
  }

  .ul-ret1-z1 li {
      width: 100%
  }

  .ul-ret2 li {
      width: 33.33%
  }

  .g-ban-z .swiper-button-prev {
      left: 20px
  }

  .g-ban-z .swiper-button-next {
      right: 20px
  }

  .g-ban-z .swiper-button-next,
  .g-ban-z .swiper-button-prev {
      width: 40px;
      height: 38px
  }

  .ul-report-z .pic-box {
      width: 100%;
      float: none;
      margin: 0
  }

  .ul-hire li {
      width: 100%
  }

  .ul-serve-z li {
      width: 50%
  }

  .ul-brandretrieval li {
      margin-bottom: 15px
  }

  .ul-brandretrieval .con {
      margin: 0 6px
  }

  .ul-brandretrieval {
      margin: 20px -6px 14px
  }

  .ul-serve1 .m-pic {
      width: 90px;
      height: 90px
  }

  .ul-serve1 .con {
      height: 90px
  }

  .ul-serve1 .pic .iconfont {
      font-size: 27px
  }

  .ul-serve1 .li2 .pic .iconfont {
      font-size: 31px
  }

  .ul-serve1 .li3 .pic .iconfont {
      font-size: 32px
  }

  .ul-serve1 .li4 .pic .iconfont {
      font-size: 33px
  }

  .ul-serve1 .li1 .txt {
      padding-left: 15px
  }

  .m-servebox .con1 {
      width: 100%;
      margin-right: 0;
      float: none;
      margin-bottom: 10px
  }

  .m-servebox .con2 {
      width: 100%
  }

  .m-servebox .con3 {
      float: none;
      margin-right: 0
  }

  .m-servebox .item3 .con1,
  .m-servebox .item3 .submit {
      width: 100%
  }

  .m-servebox .item1 {
      overflow: hidden;
      margin-bottom: 0
  }

  .m-servebox .con1-1 em,
  .m-servebox .select,
  .m-servebox input,
  .m-servebox textarea,
  .m-server2 .l .desc .tit1 {
      font-size: .875rem
  }

  .m-servebox .item1 .con2 input {
      padding-left: 10px
  }

  .m-servebox .item3 .box1 {
      display: block
  }

  .m-servebox .item2 {
      position: relative;
      margin-bottom: 10px
  }

  .m-servebox .item3 .code {
      display: block;
      width: 90px;
      margin-right: 20px
  }

  .m-servebox {
      padding: 20px 15px
  }

  .ul-serviceinformation .pic {
      display: block;
      float: left;
      width: 30%;
      height: 3.75rem;
      margin-right: 15px
  }

  .ul-serviceinformation .txt {
      max-height: 3em;
      line-height: 1.5em;
      flex: 1;
      padding: 0 10px;
      overflow: hidden;
  }

  .ul-serviceinformation .tit {
      margin-bottom: 0px;
      white-space: inherit;
      height: auto;
      display: block;
  }

  .ul-serviceinformation .desc {
      display: none;
      margin-bottom: 20px
  }

  .ul-serviceinformation .bot {
      display: none;
  }

  .ul-serviceinformation .con {
      display: flex;
      align-items: center;
      padding-bottom: 20px
  }

  .ul-serviceinformation li {
      margin-bottom: 20px
  }

  .m-about1 .picbox .left {
      display: none;
  }

  .m-banret5 .con {
      display: flex;
      background-color: #fff;
      justify-content: center;
      align-items: center;
      flex-direction: row;
  }

  .m-banret5 .txt {
      width: 100%;
      padding: 1rem;
  }

  .m-banret5 .pic {
      width: 70%;
      padding-top: 0;
      padding-left: .75rem;
      overflow: none;
      position: static;
  }

  .m-banret5 .pic img {
      position: static;
  }

  .m-banret5 .top {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: 0px;
  }

  .m-banret5 .info {
      display: none;
  }

  .ul-imgtxt2 h3,.ul-imgtxt3 h3 {
      display: -webkit-box;
      font-size: .875rem;
  }

  .ul-imgtxt4 .inner:after {
      background-image: url(../images/inset/bg7.png)
  }

  .jump {
      display: none;
  }

  .pages ul li.next a,
  .pages ul li.prev a {
      width: auto;
      padding: 0 1rem;
  }

  .wp {
      width: auto;
      max-width: 100%;
      padding: 0 15px
  }
  .webpf {
      display: block !important;
  }
  .ul-report-z .info{margin-bottom: 0;display: flex;flex-direction: column;}
  .ul-report-z .desc{color: #616161;}
  .m-imgtxt1 .slick-current .icon{display: none;}
  .m-imgtxt1 h3{padding: 1rem;}
  .m-imgtxt1 .slider-nav{margin-top:0;}
  .m-banret6 .item{margin-bottom: 0;}
  .m-bansearch3 .item{margin-bottom: 1rem;}
  .m-detbox3{margin-bottom: 0;}
  .row-prodetail{padding-bottom: 0 !important;}
  .m-banret6 .tit1{-webkit-line-clamp: 2;font-weight: normal;font-size: .875rem; top: 50%;width: 90%;left: 50%;position: absolute;transform: translateY(-50%) translateX(-50%);}
  .m-banret6 .txt{padding: .5rem;position: relative;min-height: 3.5rem;}
  .ul-serve-z .desc{height: auto;min-height: 4.5rem;}
  .ul-ret1 .txt{padding:.5rem;min-height: 3.65rem;justify-content: center;align-items: center;display: flex;}
  .wap_so{display: block !important;}
  .pc_so{display: none;}
}

.pages {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  transition: .3s;
  align-items: center;
  gap: 1rem;
}

.pages .jump input {
  width: 2.3125rem;
  height: 2.3125rem;
  line-height: 2.5vw;
  border-radius: 0.26vw;
  border: 1px solid #ccd0d3;
  font-size: 1rem;
  transition: .3s;
  text-align: center;
  background: #fff0;
}

.m-banret5 .slick-arrow {
  display: none !important;
}

.ul-snvr1 .inner {
  height: auto;
  max-height: 36.325rem;
  overflow-y: auto;
}

.ul-snvr1 .inner::-webkit-scrollbar {
  width: 3px;
}

.ul-snvr1 .inner::-webkit-scrollbar-thumb {
  background: #fff;
}

.webpf {
  display: none;
}

.webpf {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.webpf ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  position: relative;
}
.webpf ul::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, .5);
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.webpf ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #fff;
  background: #00a0a9;
  font-size: 1.125rem;
  line-height: 3;
}
.slick-dots{display: none !important;}
.wap_so{display: none;}
.header>h5 {
  display: none;
}

.m_nav_list {
  display: none;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: 0;
  border: 0;
  clear: both;
  padding-bottom: 1rem;
  top: 0;
}

#m_nav li.on.title i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}


/* 2k分辨率媒体查询 */
@media only screen and (min-width: 2220px) {
  .ul-imgtxt3 .con {
      padding: 2.0125rem 1.75rem;
  }

  .wp {
      max-width: 1920px;
  }

  .m-banret5 .desc {
      line-height: 1.5;
  }
}