body {

  color: #333333;

  font-family: "microsoft yahei";

  background: #fff;overflow-x: hidden;

  font-size: 16px;

}

@font-face {

	font-family: Inter-Bold;

	src: url(../fonts/Inter-Bold.otf);

}

@font-face {

	font-family: Inter-Regular;

	src: url(../fonts/Inter-Regular.otf);

}

@font-face {

	font-family: Inter-SemiBold;

	src: url(../fonts/Inter-SemiBold.otf);

}

@font-face {

	font-family: Inter-Medium;

	src: url(../fonts/Inter-Medium.otf);

}

@font-face {

	font-family: Inter-Black;

	src: url(../fonts/Inter-Black.otf);

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

dl {

  margin: 0;

}

dt {

  font-weight: normal;

}

ul,

li {

  list-style-type: none;

  margin: 0;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}

a {

  color: #333333;

  text-decoration: none;

  outline: none;

  transition: all 0.3s;

}

a:hover {

  color: inherit;

}

a:focus {

  text-decoration: none;

  color: inherit;

}

img {

  border: 0;

  vertical-align: middle;

  transition: all 0.6s;

  max-width: 100%;

}

table {

  border-collapse: collapse;

}

input,

textarea,

select,

button {

  border: 0;

  outline: none;

}

button {

  cursor: pointer;

}

.wrap {

  width: 100%;

  overflow: hidden;

}

.container {

  width: 1460px;

  margin: 0 auto;max-width: 95%;

  z-index: 3;

}



/*公共样式勿删除*/

.clearfix:after {

  content: " ";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.clearfix {

  zoom: 1;

}

.flex {

  display: flex;

  align-items: center;

}

.flex_item {

  flex: 1;

}

video {

  vertical-align: middle;

  background: #000;

  width: 100%;

}

.pic img {

  width: 100%;

}

.pic {

  overflow: hidden;

}

.pic:hover img {

  transform: scale(1.1);

}

.hidden {

  display: none;

}

/**/



.headerAct {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header {

  padding: 0 50px;width: 100%;transition: all 0.5s;

  z-index: 99;position: fixed;left: 0;top: 0;color: #fff;

 /*background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) );*/

}

.header .logo {width: 158px;height: 44px;background: url(../images/logo.png) center no-repeat;background-size: 100% 100%;}

.header .searchicon{display: inline-block;vertical-align: middle;margin-top: -3px;width: 15px;height: 16px;background: url(../images/search.png) center no-repeat;}

.header .flex {  justify-content: space-between;}

.header .nav .code{display: inline-block;vertical-align: middle;margin-top: -3px; width: 21px;height: 21px;background: url(../images/code.png) center no-repeat;}

.header .nav .tel{font-size: 18px;font-family: Inter-Medium;}

.header .nav {

  display: flex;

  align-items: center;

}

.header .nav > li {

  position: relative;

  padding: 0 25px; line-height: 100px;

}

.header .nav > li > a {

  display: block;color: #fff;

 

  position: relative;

}

.header .nav > li.dropdown{position: relative;}

.header .nav > li.dropdown:hover .down{display: block;}

.header .nav .down{display: none; width: 100px;position: absolute;left: 50%;transform: translate(-50%,0);top: 100%;margin-top: 13px;}

.header .nav .down::after{content: '';display: inline-block;width:0;
	height:0;position: absolute;top: -6px;left: 50%;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-bottom:8px solid #fff;margin-left: -5px;}

.header .nav > li:hover::after,.header .nav > li.on::after {

  content: "";

  border-bottom: 3px solid #00bf86;

  width: 100%;

  left: 0;

  bottom: 0;

  position: absolute;

}

.header.on .nav > li:hover>a,.header.on .nav > li.on>a,

.header .nav > li:hover>a,.header .nav > li.on>a{	color: #00bf86;}

.header.on{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.header.on .logo{background: url(../images/logo_on.png) center no-repeat;background-size: 100% 100%;}

.header.on .nav > li > a {color: #333;} 

.header.on .tel{color: #00bf86;}

.header.on .nav .code{background: url(../images/code_on.png) center no-repeat;}

.header.on .searchicon{background: url(../images/search1.png) center no-repeat;background-size: 100% 100%;}

.bottom{color: #fff;background-image: linear-gradient(to right, #00bf86 , #00b4bf);padding: 60px 0;}

.bottom h2{font-size: 24px;width: 308px;max-width: 100%;border-bottom: 2px solid #4dd1b2;padding-bottom: 15px;position: relative;}

.bottom h2::after{content: '';display: block;width: 87px;border-bottom: 2px solid #fff;position: absolute;bottom: -2px;left: 0;}

.bottom button{transition: all 0.3s; width: 184px;border: 1px solid #fff;height: 47px;background-color: #fff;border-radius: 40px;color: #00b5ba;font-weight: bold;font-size: 16px;}

.bottom button:hover{background: none;color: #fff;}

.bottom input{width: 290px;margin-right: 10px;border-radius: 30px;background: rgba(255, 255, 255, 0.2);color: #fff;padding-left: 20px;height: 47px;font-size: 16px;}

.bottom input::-webkit-input-placeholder { /* WebKit browsers */
  color: white;
}
.bottom input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: white;
}
.bottom input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: white;
}
.bottom input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: white;
}

.footer {  background-color: #1e2022;  color: #fff;}

.footer .hd{border-bottom: 1px solid #36393c;padding: 80px 0 40px;font-size: 14px;}

.footer .hd .code{margin-left: 30px;width: 81px;height: 81px;}

.footer .hd dl{text-align: right;}

.footer .hd dd{font-size: 21px;color: #00bf86;font-family: Inter-Medium;margin-top: 10px;}

.footer .hd p{margin-top: 10px;}

.footer .hd p span+span:before{content: '/';color: #5f646a;padding: 0 10px;}

.footer .ft {color: #7e858c;font-size: 14px;  padding: 40px 0 60px;border-top: 1px solid #36393c;}

.footer .bd {padding: 70px 0;}

.footer .bd ul{display: flex;flex-wrap: wrap;max-width: 930px;margin: -25px 0;}

.footer .bd ul li {  width: 25%;padding: 25px 0;}

.footer a {color: #fff;}

.footer a:hover{color: #00bf86;}

.footer .bd .side ol{line-height: 36px;color: #7e858c;font-size: 14px;margin-top: 20px;}

.footer .bd .side h4{font-weight: bold;}

.rightside {

  position: fixed;

  width: 50px;

  border-radius: 30px;

  background: #fff;

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

  right: 10px;

  top: 50%;

  text-align: center;

  font-size: 14px;

  padding: 10px 0;

  transform: translate(0, -50%);

  z-index: 99;

}

.rightside li {

  position: relative;

}

.rightside li.totop{display: none;}

.rightside li a {

  display: block;

  padding: 8px 0;

}

.rightside i {

  display: inline-block;

  vertical-align: middle;

  width: 28px;

  height: 24px;

  background-image: url(../images/side_03.png);

  background-repeat: no-repeat;

}

.rightside li:hover a{color: #00bf86;}

.rightside li:hover i{background-image: url(../images/side_04.png);}

.rightside i.i2 {

  background-position: 0 -52px;

}

.rightside i.i3 {

  background-position: 0 -106px;

}

.rightside i.i4 {

  background-position: 0 -155px;

}

.rightside dl {

  top: 50%;

  transform: translate(0, -50%);

  position: absolute;

  white-space: nowrap;

  border-radius: 5px;

  padding: 15px;

  right: 77px;

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

  background: #fff;

  font-size: 14px;

  color: #999999;

  text-align: left;

  display: none;

}

.rightside dl::after {

  content: "";

  display: inline-block;

  width: 0;

  height: 0;

  position: absolute;

  left: 100%;

  top: 50%;

  transform: translate(0, -50%);

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

  border-left: 8px solid #fff;

}

.rightside dd b {

  font-size: 24px;

  color: #00bf86;

}

.rightside dd .sm {

  font-size: 16px;

}

.rightside img {

  width: 100%;

}

.rightside li:hover dl {

  display: block;

}



.mask {

  position: fixed;

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

  left: 0;

  top: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  display: none;

}

.dialog {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 610px;

  max-width: 95%;

  background: #fff;

  padding: 65px;

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

}

.dialog input {

  width: 100%;

  height: 60px;

  border-radius: 5px;

  padding: 0 15px;

  background: #f3f3f3;

  font-size: 16px;

  margin-top: 15px;

}

.dialog p {

  font-size: 18px;

  color: #666;

  line-height: 30px;

  padding: 10px 0;

}

.dialog h2 {

  font-size: 30px;

  font-weight: bold;

  line-height: 36px;

}

.dialog textarea {

  width: 100%;

  height: 150px;

  border-radius: 5px;

  padding: 15px;

  background: #f3f3f3;

  font-size: 16px;

  margin-top: 15px;

  resize: none;

  font-family: inherit;

}

.dialog .btn {

  width: 100%;

  margin-top: 45px;

  height: 70px;

  color: #fff;

  border-radius: 40px;

  background: #00bf86;

  font-size: 18px;

  font-weight: bold;

}

.dialog .close {

  cursor: pointer;

  width: 44px;

  height: 44px;

  position: absolute;

  right: 60px;

  top: 60px;

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

}

.ws-wap-menu {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: -1;
  opacity: 0;
}

.ws-wap-menu.on {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 40px;
  z-index: 998;
  opacity: 1;
}

.ws-wap-menu a:hover, .ws-wap-menu a:active {
  opacity: 1;
}

.ws-wap-menu ul {
  width: 100%;
  border-top: 1px solid #eee;
  flex-grow: 0;
  flex-shrink: 0;
}

.ws-wap-menu ul li {
  border-bottom: 1px solid #eee;
}

.ws-wap-menu ul li a {
  display: block;
  line-height: 52px;
  font-size: 16px;

  padding-left: 20px;
}

.ws-wap-menu ul li.has-sub-nav {
  position: relative;
}

.ws-wap-menu ul li.has-sub-nav a{

	 display: inline-block;

}
.ws-wap-menu ul li.has-sub-nav:after {
  content: '';
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 0 1px 1px 0;
  border-color: #333;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: absolute;
  top: 22px;
  right: 20px;
}

.ws-wap-menu ul li.on.has-sub-nav:after {
  border-width: 1px 0 0 1px;border-color: #fff;
}

.ws-wap-menu ul li .sub-nav {
  padding: 10px 0 20px;background-color: #fff;
  font-size: 0;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.ws-wap-menu ul li.on{background-color: #d11c20;}

.ws-wap-menu ul li.on>a{color: #fff;}
.ws-wap-menu ul li.on .sub-nav {
  display: flex;
}

.ws-wap-menu ul li .sub-nav a {
  font-size: 14px;
  line-height: 40px;
  width: 33.3333%;
}

.ws-wap-menu .middle {
  flex-grow: 1;
  padding-top: 40px;
  width: 80%;
}

.ws-wap-menu .search {
  display: flex;
  align-items: center;
  border: 1px solid #666;
  border-radius: 30px;
  margin-top: 15px;
  padding:5px 15px;
}
.ws-wap-menu .search img{width: 20px;}
.ws-wap-menu .search input {
  width: 100%;
  height: 30px;
  background: none;
}


.searchdialog{position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;}

.searchdialog .search{width: 600px;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 10px 30px;border-radius: 40px;}

.searchdialog .search input{width: 100%;font-size: 18px; height: 40px;}

.sicon{cursor: pointer;}

.searchdialog .close{color: #fff;
    font-size: 50px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;}

/**/

.homepage .title{font-size: 22px;text-align: center;}

.homepage .title h2 {  font-size: 45px;}

.homepage .title p{margin-top: 20px;}

.homepage .title::after{content: '';display: block;width: 80px;height: 4px;background-color: #00bf86;margin:30px auto 0;}

.homepage .banner {  position: relative;}

.homepage .banner .box .container{transform: translateY(-100px); transition: all 1s;}

.homepage .banner .box { color: #fff;font-size: 22px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}

.homepage .banner h3 {  font-size: 62px;font-weight: bold;}

.homepage .banner h3::after{content: '';display: block;width: 80px;height: 4px;background-color: #00bf86;margin: 30px 0;}

.homepage .banner span{font-size: 20px;color: #00bf86;text-transform: uppercase;font-family: Inter-Bold;}

.homepage .banner .ani-slide .box .container{transform: translateY(0);}

.homepage .banner .swiper-pagination{bottom: 110px;text-align: left;left: 50%;margin-left: -730px;}

.homepage .banner .swiper-pagination-bullet {  border-radius: 0;  height: 3px;margin: 0;  background: #fff;  width: 145px;}

.swiper-button-next,

.swiper-button-prev{ outline: none;}

.homepage .banner .swiper-button-next,

.homepage .banner .swiper-button-prev {left: auto;right: 50%;margin-right: -730px; width:48px;top: auto;bottom: 87px;  height: 48px;color: #fff; border-radius: 50%;border: 2px solid #00bf86;background: #00bf86;}

.homepage .banner .swiper-button-prev{ border: 2px solid rgba(255, 255, 255, 0.2);background: none;margin-right: -640px;}

.homepage .banner .swiper-button-next:after,.homepage .banner  .swiper-button-prev:after{font-size: 16px;}

.homepage .banner img{ width:100%; object-fit:cover; max-height:760px;}

.homepage .a{padding: 128px 0;position: relative;}

.homepage .a:before{content: '';background-color: #f8f8f8;height: 405px; position: absolute;left: 0;width: 48%;bottom:128px;border-radius: 0 20px 20px 0;}

.homepage .a .flex{padding-bottom: 40px;position: relative;align-items: stretch;}

.homepage .a .bd{width: 45%;max-width: 100%;}

.homepage .a .pic{max-width: 639px;border-radius: 10px;}

.homepage .a .title{text-align: left;}

.homepage .a .title::after{display: none;}

.homepage .a .txt{color: #666;line-height: 30px;margin-top: 50px;}

.homepage .a .ft{display: flex;justify-content: space-between;margin-top: 70px;font-size: 14px;}

.homepage .a .ft dt span{display: inline-block;border-radius: 20px;border: 1px solid #ddd;padding: 5px 15px;}

.homepage .a .ft dd{font-size: 30px;font-weight: bold;color: #00b4bf;margin-top: 10px;}

.homepage .a .ft dd span{font-size: 56px;font-family: Inter-SemiBold; background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);    -webkit-background-clip:text; -webkit-text-fill-color:transparent;}



.homepage .b{background-color: #f5f7f8;padding: 128px 0;}

.homepage .b .bd .pic{width: 678px;max-width: 100%;position: relative;display: block;border-radius: 20px;overflow: hidden;}

.homepage .b .bd .pic dl{background-image: linear-gradient( to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) );position: absolute;bottom: 0;width: 100%;left: 0;line-height: 30px;color: #fff;padding: 50px;}

.homepage .b .bd .pic dl span{color: #00bf86;}

.homepage .b .bd .tabtitle{max-width: 580px;display: flex;flex-wrap: wrap;margin: -10px -15px;}

.homepage .b .bd .tabtitle li{padding: 10px 15px; width: 33.333%;}

.homepage .b .bd .tabtitle li span{transition: all 0.3s; cursor: pointer; display: block;line-height: 40px;border-radius: 10px;background-color: #fff;color: #666;padding-left: 15px; position:relative;}

.homepage .b .bd .tabtitle li.on span,.homepage .b .bd .tabtitle li:hover span{color: #fff;background: url(../images/home_10.jpg) center no-repeat;background-size: 100% 100%;}

.homepage .b .bd .tabtitle li span::after{    
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #666;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 20px;}

.homepage .b .bd .tabtitle li.on span::after{ border-color:#fff;}

.homepage .b .title{text-align: left;margin-bottom: 90px;}

.homepage .b .title::after{display: inline-block;}

.homepage .b .ft{padding-top: 128px;color: #666;line-height: 24px;}

.homepage .b .ft p{font-size: 14px;}

.homepage .b .ft .flex{justify-content: space-between;}

.homepage .b .ft dl{max-width: 275px;}

.homepage .b .ft dd{font-size: 18px;color: #00b4bf;font-weight: bold;padding: 15px 0;}

.homepage .b .ft dd span{font-size: 38px;font-family: Inter-Bold; background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);    -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.homepage .c{background: url(../images/home_14.jpg) center no-repeat;background-size: cover;padding: 128px 0;color: #fff;}

.homepage .c .tabtitle{display: flex;text-align: center;font-size: 20px; background-image: linear-gradient(to bottom, #4f5359 , #41464b);}

.homepage .c .tabtitle li{transition: all 0.3s; cursor: pointer;flex: 1;line-height: 116px;position: relative;background-image: linear-gradient(to bottom, #272b2e , #3a3f44);}

.homepage .c .tabtitle li+li{border-left: 1px solid #22262b;}

.homepage .c .tabtitle li.on,.homepage .c .tabtitle li:hover{font-weight: bold;}

.homepage .c .tabtitle li.on:before,.homepage .c .tabtitle li:hover:before{content: '';border-bottom: 3px solid #00bf86;position: absolute;left: 0;top: 0;width: 100%;}

.homepage .c .tabbox{padding: 110px 0;}

.homepage .c .tabbox .flex_item+.flex_item{padding-left: 30px;}

.homepage .c .tabbox dt{font-size: 28px;color: #00bf86;font-weight: bold;}

.homepage .c .tabbox dd{line-height: 30px;max-width: 600px;margin-top: 50px;}

.homepage .c .tabbox h4{font-size: 18px;}

.homepage .c .tabbox h4::after{content: '';margin-top: 15px; display: block;height: 2px;background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);  }

.homepage .c .tabbox ul{display: flex;justify-content: space-between;margin-top: 25px;}

.homepage .c .tabbox ul p{font-size: 18px;color: #00b4bf;font-weight: bold;margin-top: 10px;}

.homepage .c .tabbox ul p span{font-family: Inter-Bold; background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);    -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-size: 48px;}

.homepage .d{padding: 128px 0;}

.homepage .d .bd{margin-top: 70px;}

.homepage .d .bd ul{display: flex;margin: -15px;flex-wrap: wrap;}

.homepage .d .bd ul li{width: 20%;padding: 15px;}

.homepage .d .bd ul li a{display: block;height: 227px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 30px;}

.homepage .d .bd ul dd{font-size: 14px;color: #666;margin-top: 15px;}

.homepage .d .bd ul p{text-align: right;font-size: 25px;color: #00bf86;font-family: DIN;margin-bottom: 50px;}

.homepage .d .bd ul dt{position: relative; border-bottom: 2px solid #f3f3f3;font-size: 20px;padding-bottom: 15px;font-weight: bold;}

.homepage .d .bd ul dt::after{content: '';display: block;width: 64px;height: 2px;background-color: #00bf86;position: absolute;left: 0;bottom: -2px;}

.homepage .d .bd ul li a:hover{background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);color: #fff; }

.homepage .d .bd ul li a:hover p,.homepage .d .bd ul li a:hover dd{color: #fff;}

.homepage .d .bd ul li a:hover dt{border-color: #49cabf;}

.homepage .d .bd ul li a:hover dt::after{background: #fff;}

.homepage .e {background: url(../images/home_15.jpg) center no-repeat;background-size: cover; padding: 128px 0;}

.homepage .e .map{position: relative;height: 514px;width: 587px; background: url(../images/home_17.png) center no-repeat;}

.homepage .e .clicle {

  width: 10px;

  height: 10px;

  background-color: #00bf86;

  border-radius: 50%;

  position: absolute;

  opacity: 0.8;

  top: 250px;

  left: 50%;margin-left: -100px;

}

.homepage .e .clicle::before {

  content: "";

  display: block;

  width: 20px;

  height: 20px;

  border-radius: 50%;margin-top: -5px;margin-left: -5px;

  opacity: 0.4;

  background-color: #00bf86;

  animation: scaless 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

}

@keyframes scaless {

  0% {

    transform: scale(1);

  }

  50%,

  75% {

    transform: scale(5);

  }

  78%,

  100% {

    opacity: 0;

  }

}

.homepage .e .clicle1 {

  left: 50%;

  top: 40%;margin-left:30px;

}

.homepage .e .clicle2 {

  left: 80%;

  top: 70%;

}

.homepage .e .clicle3 {

  left: auto;right: 50%;margin-right: -200px;

  top: 20%;

}

.homepage .e .clicle4 {

  left: auto;right: 15%;

  top: 275px;

}

.homepage .e .title::after{display: none;}

.homepage .e .title{text-align: left;font-size: 16px;margin-bottom: 95px;}

.homepage .e .bd{max-width: 590px;}

.homepage .e .bd h4{border-radius: 10px;background-color: #fff;border-left: 10px solid #00b9a2;line-height: 56px;padding-left: 30px;margin-bottom: 60px;}

.homepage .e .bd ul{display: flex;justify-content: space-between;color: #666;}

.homepage .e .bd dd{font-size: 18px;font-weight: bold;color: #00b4bf;margin-top: 10px;}

.homepage .e .bd dd span{font-family: Inter-Bold; background-image:-webkit-linear-gradient(right,#00bf86,#00b6b4);    -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-size: 48px;padding-right: 5px;}

.homepage .f{padding: 128px 0;}

.homepage .f .tabtitle{text-align: center;font-size: 18px;padding: 50px 0;}

.homepage .f .tabtitle li{transition:all 0.3s ; display: inline-block;cursor: pointer;line-height: 38px;padding: 0 20px;border-radius: 30px;margin: 0 10px;}

.homepage .f .tabtitle li.on,.homepage .f .tabtitle li:hover{color: #fff;background-color: #00bf86;}

.homepage .f .tabbox ul{display: flex;flex-wrap: wrap;margin: -20px;}

.homepage .f .tabbox li{padding: 20px;width: 33.333%;}

.homepage .f .tabbox li:first-child{width: 66.666%;}

.homepage .f .tabbox li a{display: block;padding: 42px;border-radius:0 0 10px 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);height: 323px;border-top: 1px solid #00bf86;}

.homepage .f .tabbox li:first-child a{border: none;}

.homepage .f .tabbox li:first-child .pic{width: 390px;max-width: 100%;border-radius: 10px;}

.homepage .f .tabbox li .data{color: #666;font-family: Inter-Regular;}

.homepage .f .tabbox li h4{word-break: break-all;transition: all 0.5s;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;font-size: 21px;line-height: 32px;margin-top: 45px;margin-bottom: 85px;}

.homepage .f .tabbox li span{color: #00bf86;font-size: 14px;}

.homepage .f .tabbox li span i{font-style: normal;transition: all 0.3s;}

.homepage .f .tabbox li a:hover span i{margin-left: 10px;}

.homepage .f .tabbox li p{word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;margin-bottom: 30px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;color: #74777a;font-size: 14px;line-height: 24px;}

.homepage .f .tabbox li:first-child h4{margin-bottom: 20px;word-break: break-all;margin-top: 30px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;}

.homepage .f .tabbox li .box{padding-left: 42px;}

.homepage .f .tabbox li a:hover h4{color: #00bf86;text-decoration: underline;}



/**/

.banner_info {

  position: relative;z-index: 10;

}

.banner_info img{height: 670px;object-fit: cover;width: 100%;}

.banner_info .bd {width: 100%; position: absolute;left: 0;transform: translate(0,-50%);  top: 50%;  color: #fff;}

.banner_info dt {padding-bottom: 5px; color: #00bf86;font-size: 20px;font-family: Inter-Bold;text-transform: uppercase;}

.banner_info dd::after{content: '';display: block;margin-top: 30px; width: 78px;height: 3px;background-color: #00bf86;}

.banner_info dd {font-size: 62px;font-weight: bold;}

.bread{padding: 50px 0;color: #666;}

.bread i{display: inline-block;width: 16px;height: 17px;background: url(../images/home.png) center no-repeat;}



.pages {  text-align: center;  padding: 90px 0;}
.pages li {font-size: 14px; display: inline-block;padding: 0 10px;}


 
.pages a {font-size: 14px; display: inline-block;   width:35px;  color: #666;   height: 35px;  border-radius: 50%;  line-height: 35px;}

.pages a.page-num-current {  color: #fff;  background: #00bf86;}





/**/

.info{display: flex;}

.info>.side{width: 250px;margin-left: 80px;}

.info>.side .title{font-weight: bold;font-size: 24px;}

.info>.side .part-1 li{padding: 20px 0;border-bottom: 1px solid #ddd;}

.info>.side .part-1 li p{margin-top: 10px;transition: all 0.5s;}

.info>.side .part-1 li:hover p{color: #00bf86;text-decoration: underline;}

.info>.side .part-1 li span{color: #666;font-size: 14px;    font-family: Inter-Regular;}

.info>.side .part-1 ul{padding: 15px 0;}

.info>.side .box{height:276px;position: relative; background: url(../images/case_27.jpg) center no-repeat;margin-top: 30px;color: #fff;padding: 20px; margin-bottom:10px}

.info>.side .box h3{font-size: 20px;color: #fff;line-height: 32px;}

.info>.side .box .tel{position: absolute;bottom: 40px;left: 20px;background-color: #fff;border-radius: 30px;font-size: 16px;color: #00bf86;font-family: Inter-Bold;line-height: 38px;padding: 0 15px;}

.info>.side .box .tel i{display: inline-block;width: 18px;height: 20px;background: url(../images/case_03.png) center no-repeat;vertical-align: middle;margin-right: 10px;}

.caselist li a{padding: 45px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.caselist li a:hover h4{color: #00bf86;text-decoration: underline;}

.caselist li+li{margin-top: 40px;}

.caselist li .pic{margin-right: 110px;width: 365px;border-radius: 10px;}

.caselist li .ft{display: flex;justify-content: space-between;font-size: 14px;color: #666;}

.caselist li h4{font-weight: bold;font-size: 22px;margin-bottom: 50px;transition: all 0.3s;}

.caselist li dd{font-weight: bold;font-size: 18px;color: #00bf86;margin-top: 15px;}

.caselist li dd span{font-size: 30px;font-family: Inter-Bold;}

/**/

.newstab{display: flex;font-size: 18px;margin-bottom: 70px;line-height: 38px;}

.newstab li {margin-right: 20px;}

.newstab li a{display: block;padding: 0 20px;border-radius: 30px;}

.newstab li.on a{background-color: #00bf86;color: #fff;}

.caselist li:hover h3{text-decoration: underline;color: #00bf86;}

.caselist li h3{font-size: 24px;margin: 20px 0;word-break: break-all;transition: all 0.3s;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}

.caselist li p{line-height: 30px;color: #74777a;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;margin-bottom: 35px;
-webkit-box-orient: vertical;}

.caselist li .more{font-size: 14px;color: #00bf86;}

.caselist li .more span{transition: all 0.3s;}

.caselist li:hover .more span{margin-left: 10px;}

.caselist li .data{color: #666;    font-size: 14px;    font-family: Inter-Regular;}

/**/

.newsitem {padding-bottom: 90px;}

.newsitem .hd h1{font-size: 36px;margin-bottom: 30px;}

.newsitem .hd h5 span{color: #666;padding-right: 20px;}

.newsitem .hd{padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;}

.newsitem .bd{color: #74777a;line-height: 30px;}

.newsitem .bd p{padding: 10px 0;line-height: 30px;}

.newsitem .bd img{margin: 15px 0;}

.newsitem h3{ font-size:18px; font-weight:bold; margin-top:20px;}

.newsitem .ft{border-top: 1px solid #eee;padding: 20px 0;margin-top: 20px;}

.newsitem .ft a{color: #74777a;}

.newsitem .ft .flex>div:last-child{text-align: right;}

.newsitem .ft .flex .return{display: block;padding-left: 20px;background: url(../images/news_02.png) left center no-repeat;}

.newsitem .ft .flex>div{word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}

/**/

#allmap{height: 620px;}

.contact .a{padding: 128px 0;}

.title_info{font-size: 45px;line-height: 60px;position: relative;z-index: 9;}

.title_info::after{content: '';display: block;width: 80px;height: 4px;background: #00bf86;margin-top: 30px;}

.contact .a .hd{display: flex;}

.contact .a .hd .code{border: 1px solid #ddd;width: 105px;height: 105px;}

.contact .a .bd {margin-top: 120px;}

.contact .a .bd ul{display: flex;margin: -27px;flex-wrap: wrap;}

.contact .a .bd ul li{width: 33.333%;padding: 27px;}

.contact .a .bd ul li dl{font-size: 18px; border-radius: 10px;height: 220px;padding: 70px 30px 0; position: relative;background-image: linear-gradient(to bottom, #e3faf3 , #fff);}

.contact .a .bd ul li span{background-color: #fff;border-radius: 5px;position: absolute;width: 74px;height: 74px;position: absolute;top: -20px;right: 36px;display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;box-shadow:  0 0 10px rgba(0, 0, 0, 0.1);
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}

.contact .a .bd ul li:hover img{transform: rotateY(360deg);}

.contact .a .bd ul li dt{font-weight: bold;font-size: 24px;padding-bottom: 40px;}

.contact .b{background-color: #f5f7f8;}

.contact .b .box{margin-left: 110px;position: relative;}

.contact .b .box span{font-family: Inter-Black;font-size: 76px;color: #fff;text-transform: uppercase;z-index: 0;position: absolute;left: 0;top:0;line-height: 76px;}

.contact .b .box p{font-size: 18px;margin-top: 40px;}

/**/

.service .a {padding: 150px 0;}

.service .a .side{width: 68%;margin-left: 8%;}

.service .a .flex_item p{color: #74777a;line-height: 30px;margin-top: 70px;}

.service .a .side ul{display: flex;flex-wrap: wrap;margin: 0 -25px;}

.service .a .side ul li{position: relative;width: 33.333%;padding: 0 25px;}

.service .a .side dl{padding: 40px; margin-right: 15px;background-image: linear-gradient(to bottom, #e3faf3 , #fff);height: 347px;border-radius: 10px;}

.service .a .side dl span{right: 0;bottom: 20px;background-color: #fff;width: 103px;height: 103px;position: absolute;
    border-radius: 10px;display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    box-shadow: 0 0 10px #cff0e6;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}

.service .a .side dl:hover span img,.service .b .bd .box:hover img{transform: rotateY(360deg);}

.service .a .side dl dd{color: #74777a;margin-top: 30px;}

.service .a .side dl dt{font-size: 28px;font-weight: bold;}

.service .b{background: url(../images/service_02.jpg) top center no-repeat #f5f7f8;background-size: 100% auto;padding: 140px 0;}

.service .b .title_info{color: #fff;text-align: center;}

.service .b .title_info::after{margin: 30px auto 0;}

.service .b .hd{display: flex;border-bottom: 2px solid #f2f2f2;position: relative;padding-bottom: 30px;}

.service .b .hd dd{font-weight: bold;font-size: 24px;}

.service .b .hd dt{color: #d3d3d3;font-family: Inter-Black;text-transform: uppercase;}

.service .b .bd {padding-top: 100px;margin: 0 -48px;}

.service .b .bd .box{padding: 50px 55px 0; margin: 10px 48px;background-color: #fff;height: 452px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.service .b .bd .box p{line-height: 30px;color: #74777a;margin-top: 20px;}

.service .b .box .ft{padding-top: 20px;}

.service .c{padding: 140px 0;}

.service .c .title_info{text-align: center;}

.service .c .title_info::after{margin: 30px auto 0;}

.service .c .bd{margin-top: 100px;}

.service .c .bd ul{display: flex;flex-wrap: wrap;margin: -30px;}

.service .c .bd ul li{width: 25%;padding: 30px;}

.service .c .bd ul li:hover p::after{width: 100%;}

.service .c .bd ul .pic{border-radius: 10px;position: relative;}

.service .c .bd ul .pic b{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;width: 160px;line-height: 44px;text-align: center;font-size: 18px;color: #00bf86;border-radius: 30px;}

.service .c .bd ul p{height: 164px;display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;position: relative;
        -webkit-align-items: center;
        align-items: center;color: #74777a;line-height: 30px;border-bottom: 2px solid #f2f2f2;}

.service .c .bd ul p span{word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;margin-bottom: 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.service .c .bd ul p::after,.service .b .hd::after{content: '';transition: all 0.3s; display: block;width: 58px;height: 2px;background-color: #00bf86;position: absolute;left: 0;bottom: -2px;}



/**/

.about .a{padding: 140px 0;}

.about .a .pic{width: 493px;position: relative;padding-right: 40px;}

.about .a .pic span{display: block;overflow: hidden;border-radius: 10px;position: relative;z-index: 9;}

.about .a .pic:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 80px;border-radius: 0 20px 0 0;background-image: linear-gradient(to bottom, #f5f7f8 , #fff);}

.about .a .txt p{line-height: 30px;color: #74777a;margin-top: 20px;}

.about .a .txt {margin: 50px 0 70px;}

.about .a ul{display: flex;justify-content: space-between;}

.about .a ul dt span {
    display: inline-block;font-size: 14px;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 5px 15px;
}

.about .a ul dd{font-size: 30px;
    font-weight: bold;
    color: #00b4bf;
    margin-top: 10px;}

.about .a ul dd span{font-size: 56px;
    font-family: Inter-SemiBold;
    background-image: -webkit-linear-gradient(right,#00bf86,#00b6b4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.about .b{padding: 128px 0;background: url(../images/about_02.jpg) top center no-repeat #f5f7f8;background-size: 100% auto;}

.about .b .title_info{text-align: center;color: #fff;}

.about .b .title_info::after{background-color: #fff;margin: 30px auto 0;}

.about .b .bd{padding: 70px 0; margin-top: 90px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;}

.about .b .bd dd{color: #74777a;line-height: 30px;}

.about .b .bd ul{display: flex;flex-wrap: wrap;}

.about .b .bd ul li{width: 33.333%;padding: 0 73px;}

.about .b .bd ul li:hover img{transform: rotateY(360deg);}

.about .b .bd ul dt{font-weight: bold;font-size: 26px;padding: 30px 0;}

.about .c{background-color: #f5f7f8;padding-bottom: 120px;}

.about .c .title_info{text-align: center;}

.about .c .title_info::after{margin: 30px auto 0;}

.about .c .bd{margin-top: 90px;}

.about .c .bd ul{display: flex;flex-wrap: wrap;margin: -12px -12px -12px 12px;}

.about .c .bd ul li{width: 50%;padding:15px 12px;}

.about .c .bd .pic{position: relative;}

.about .c .bd p{opacity: 0; position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;line-height: 57px;padding-left: 15px;font-size: 18px;background: rgba(0,191,134,0.85);}

.about .c .bd p i{display: inline-block;width: 14px;height: 13px;background: url(../images/about_24.png) center no-repeat;vertical-align: middle;margin-right: 10px;}

.about .c .bd .pic:hover p{opacity: 1;}

.about .c .swiper{padding-bottom: 60px;}

.about .c .swiper-pagination{bottom: 0;}

.about .c .swiper-pagination-bullet{opacity: 1;background: #fff;width: 14px;height: 14px;margin: 0 10px;}
.about .c .swiper-pagination-bullet:hover{ outline:none}
.about .c .swiper-pagination-bullet-active{background: #00bf86;outline:none}

.about .d{height: 783px;background: url(../images/about_28.jpg) center no-repeat;background-size: cover;color: #fff;display: flex;align-items: center;}

.about .d .bd{max-width: 690px;font-size: 18px;}

.about .d .bd p{line-height: 36px;margin: 50px 0 70px;}

.about .d .bd ul li{padding-top: 18px; border-radius: 50%;position: relative; border: 2px solid #00bf86;line-height: 24px;text-align: center;width: 93px;height: 93px;margin-right: 36px;}

.about .d .bd ul li::after{content: '';display: block;border: 1px solid #017579;border-radius: 50%;position: absolute;left: 5px;top: 5px;right: 5px;bottom: 5px;}

.about .e{padding: 140px 0;}

.about .e p{font-size: 18px;margin-top: 40px;}

.about .e .flex_item{position: relative;}

.about .e .flex_item span{font-size: 76px;color: #f1fbf8;font-family: Inter-Black;text-transform: uppercase;position: absolute;left: 0;top: 0;line-height: 76px;}

.about .e ul{width: 374px;max-width: 100%;font-size: 24px;font-weight: bold;}

.about .e ul li+li{margin-top: 35px;}

.about .e ul li a{display: block;padding-left: 65px;border: 2px solid #ddd;line-height: 90px;}

.about .e ul li img{margin-right: 40px;}

.about .e ul li:hover a{border-color: #00bf86;color: #00bf86;}

/**/

.solutions .a{height: 828px;background: url(../images/plan_02.jpg) center no-repeat;background-size: cover;padding-top: 128px;}

.solutions .a .title_info p{font-size: 20px;}

.solutions .a .title_info p span+span:before{content: '/';color: #ddd;padding: 0 10px;}

.solutions .a .bd{display: flex;}

.solutions .a .bd .box{width: 45%;}

.solutions .a .bd .box h4{font-weight: bold;font-size: 24px;}

.solutions .a .bd .box p{line-height: 30px;color: #74777a;padding: 30px 0 0;}

.solutions .a .bd .box ul{display: flex;flex-wrap: wrap;margin: 0 -80px;}

.solutions .a .bd .box ul li{width: 50%;margin-top: 100px;padding: 0 80px;}

.solutions .a .bd .box ul li:hover dt img{transform: rotateY(360deg);}

.solutions .a .bd .box ul dd{color: #74777a;}

.solutions .a .bd .box ul dt{display: flex;align-items: center;justify-content: space-between;font-size: 22px;}

.solutions .a .bd .box ul dd::before{content: '';display: block;margin: 30px 0 15px; width: 58px;height: 2px;background-color: #00bf86;}

.solutions .b{padding: 128px 0;}

.solutions .b .title_info{text-align: center;}

.solutions .b .title_info::after{margin: 30px auto 0;}

.solutions .b .tabtitle{font-size: 20px;text-align: center;padding: 56px 0 105px;}

.solutions .b .tabtitle li{cursor: pointer; display: inline-block;width: 93px;height: 93px;line-height: 90px;position: relative;border-radius: 50%;border: 2px solid #10c38e;}

.solutions .b .tabtitle li+li{margin-left: 90px;}

.solutions .b .tabtitle li::after{content: '';display: block;border: 2px solid #abe7d6;border-radius: 50%; position: absolute;left: 4px;top: 4px;right: 4px;bottom: 4px;}

.solutions .b .tabtitle li.on{color: #fff;background: url(../images/plan_21.png) center no-repeat;}

.solutions .b .tabtitle li.on::after{display: none;}

.solutions .b .tabtitle li.on:before{content: '';width:0;display: inline-block;position: absolute;left: 50%;bottom: -15px;
	height:0;margin-left: -8px;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	border-top:8px solid #00bf86;}

.solutions .b .tabbox .flex{border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.solutions .b .tabbox .bd{padding: 0 100px;}

.solutions .b .tabbox .bd p{color: #74777a;line-height: 30px;margin-top: 20px;}

.solutions .b .tabbox .bd h4{font-weight: bold;color: #00bf86;font-size: 26px;padding-bottom: 30px;}

.solutions .b .tabbox .pic{width: 626px;max-width: 45%;}

.solutions .c{background: url(../images/plan_03.jpg) center no-repeat;background-size: cover;padding: 160px 0;color: #fff;position: relative;}

.solutions .c .hd{position: absolute;right: 50%;top: 0;right: 0;z-index: 99;width: 625px;max-width: 45%;}

.solutions .c .container{position: relative;}

.solutions .c .flex{align-items: flex-start;justify-content: space-between;}

.solutions .c .flex .box{width: 626px;max-width: 45%;}

.solutions .c .flex .box.right{margin-top:260px;}

.solutions .c .flex .pic{border-radius: 15px;}

.solutions .c .flex dd{line-height: 36px;margin-top: 40px;}

.solutions .c .flex dt{display: flex;align-items: center;justify-content: space-between;font-size: 30px;color: #00bf86;font-weight: bold;}

.solutions .c .mySwiper{font-size: 18px;margin-top: 70px;border-bottom: 1px solid #3c4145;padding-bottom: 30px;}

.solutions .c .mySwiper span::after{content: '';width:0;display: inline-block;
	height:0;vertical-align: middle;margin-left: 10px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:7px solid #5f6873;}

.solutions .c .mySwiper span{cursor: pointer;}

.solutions .c .mySwiper .swiper-slide-thumb-active{color: #00bf86;}

.solutions .c .mySwiper .swiper-slide-thumb-active span::after{border-left:6px solid transparent;
	border-right:6px solid transparent;border-bottom:none;
	border-top:7px solid #00bf86;}

.solutions .c .swiper-button-next,.solutions .c .swiper-button-prev{margin: 0; color: #939a9e; width: 45px;height: 45px;background-color: #ffffff;border-radius: 50%;top: auto;bottom: 40px;left: 50px;right: auto;}

.solutions .c .swiper-button-next{background-color: #00bf86;margin-left: 60px;color: #fff;}

.solutions .c .swiper-button-next:after,.solutions .c  .swiper-button-prev:after{font-size: 16px;}

.solutions .d{padding: 128px 0;}

.solutions .d .hd{display: flex;justify-content: space-between;margin-bottom:90px;}

.solutions .d .hd a{display: block;width: 142px;padding-left: 28px;position: relative; height: 48px;border: 2px solid #dddddd;border-radius: 30px;line-height: 44px;}

.solutions .d .hd a::after{content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #00bf86;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 25px;}

.solutions .d .hd a:hover {color: #fff;background-color: #00bf86;border-color: #00bf86;}

.solutions .d .hd a:hover::after{border-color: #fff;}

.solutions .d .bd {margin: -25px;}

.solutions .d .bd .box{margin: 25px;padding: 40px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.solutions .d .bd .box h4{font-weight: bold;margin-top: 30px;font-size: 22px;}

.solutions .d .bd .box .flex{justify-content: space-between;color: #74777a;font-size: 14px;margin-top: 40px;}

.solutions .d .bd .box dd{font-weight: bold;font-size: 18px;color: #00bf86;margin-top: 10px;}

.solutions .d .bd .box dd span{font-size: 30px;font-family: Inter-Bold;}

.solutions .d .bd .box .pic{border-radius: 10px;}

/**/

















@media screen and (min-width: 1441px) and (max-width: 1600px){

	.container {

	  width: 1200px;

	}

	.homepage .banner .swiper-pagination{margin-left: -600px;}

	.homepage .a .pic,.homepage .b .bd .pic{width: 550px;}

	.homepage .title h2{font-size: 40px;}

	.solutions .b .tabbox .bd{padding: 30px;}

	.caselist li .pic{margin-right: 50px;}

	.service .b .bd .box{margin: 10px;}

	.service .b .bd{margin: 0 -10px;}

	



	

}





@media screen and (min-width: 1201px) and (max-width: 1440px) {

  .container {

    width: 1100px;

  }

  .homepage .banner .swiper-pagination{margin-left: -550px;}

  .header .nav > li{padding: 0 20px;}

  .homepage .a .pic,.homepage .b .bd .pic{width: 550px;}

  .homepage .title h2{font-size: 40px;}

  .solutions .b .tabbox .bd{padding: 30px;}

  .caselist li .pic{margin-right: 50px;}

  .service .b .bd .box{margin: 10px;}

  .service .b .bd{margin: 0 -10px;}

  .service .a .side dl{margin: 0;}

  .solutions .c .mySwiper{font-size: 14px;margin-top: 30px;}



}







@media (max-width: 768px) {

  .header {

    z-index: 999;height: 50px;padding: 0 15px;position: fixed;width: 100%;top: 0;left: 0;

  }

  .header .logo{width: 120px;height: 30px;margin-top: 10px;}

  .header .nav > li {padding: 0;line-height: 40px;  }

  .header .nav > li > a {

    font-size: 14px;

    padding: 0 15px;

  }

  .header .nav > li.on::after {

    bottom: 0;

  }

  .header .nav {

    z-index: 3;padding: 30px 0 20px;

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    top: 100%;

    left: 0;

    width: 100%;

    display: none;

  }



  .m_nav {

    position: absolute;

    right: 15px;

    top: 16px;

    width: 25px;

    z-index: 99;

  }

  .m_nav i {

    display: block;

    height: 2px;

    background: #999;

    margin-bottom: 6px;

  }

  .cross i:nth-of-type(1) {

    -webkit-transform: translateY(8px) rotate(-45deg);

    -ms-transform: translateY(8px) rotate(-45deg);

    transform: translateY(8px) rotate(-45deg);

  }

  .cross i:nth-of-type(2) {

    opacity: 0;

  }

  .cross i:nth-of-type(3) {

    -webkit-transform: translateY(-8px) rotate(45deg);

    -ms-transform: translateY(-8px) rotate(45deg);

    transform: translateY(-8px) rotate(45deg);

  }

  body{font-size: 14px;}

  .container{width: 100%;padding: 0 15px;max-width: 100%; position:relative;}

  .rightside{display: none;}

  .footer .ft .flex,.footer .bd .flex{display: block;}

  .footer .bd ul{display: none;}

  .footer .ft .flex_item{padding-bottom: 10px;}

  .footer .bd,.footer .hd,.footer .ft{padding: 30px 0;}

  /*.footer .hd .code,.footer .hd p{display: none;}*/
   .footer .hd p{display: none;}
  .footer .logo{width: 150px;}
  .footer .hd .ewm{ position:absolute; width:100%; top:280px; left:0; display:flex; justify-content:flex-start;}
  .footer .hd .code{ width:30%; height:auto; }
 .footer .ft{ margin-top:100px;}
  /**/
  .ws-wap-menu .search form{width:100%; display:flex; }
  .ws-wap-menu .search .flex_item{width:80%;}
  .ws-wap-menu .search .icon{width:20%; text-align:right;}
  .ws-wap-menu .search .icon img{    margin-top: 5px;}
  
  .hidden-xs{display: none;}

  .visible-xs{display: block;}

  .bottom .flex,.homepage .e .flex,.homepage .c .flex,.homepage .b .flex,.homepage .a .flex{display: block;}

  .homepage .f .tabbox li,.homepage .a .bd{width: 100%;}

  .homepage .d .bd ul li{width: 25%;}

  .homepage .e .map{width: 100%;background-size: 100% 100%;height: 300px;}

  .homepage .e .clicle{top: 55%;}

  .homepage .e .clicle1{top: 40%;}

  .homepage .e .clicle3{margin-right: -100px;}

  .homepage .e .clicle2{top: 30%;}

  .homepage .e .clicle4{top: 70%;}

  .homepage .banner h3::after{margin: 15px 0;}

  .homepage .banner .swiper-button-next, .homepage .banner .swiper-button-prev{display: none;}

  .homepage .banner h3{font-size: 34px;}

  .homepage .banner span{font-size: 12px;}

  .homepage .banner p{font-size: 14px;}

  .homepage .banner .swiper-pagination{margin: 0;left: 15px;bottom: 20px;}

  .homepage .banner .swiper-pagination-bullet{width: 70px;}

  .homepage .a,.homepage .b,.homepage .c,.homepage .d,.homepage .e,.homepage .f,.bottom,.about .e{padding: 40px 0;}

  .homepage .title{font-size: 14px;}

  .homepage .title p{margin-top: 10px;}

  .homepage .title h2{font-size: 24px;}

  .homepage .a .title{text-align: center;padding-bottom: 20px;}

  .homepage .a .txt{margin-top: 20px;}

  .homepage .a:before{display: none;}

  .homepage .a .ft{margin-top: 30px;}

  .homepage .a .ft dd{font-size: 16px;}

  .homepage .a .ft dd span{font-size: 34px;}

  .homepage .a .flex{padding: 0;}

  .homepage .b .title{text-align: center;margin-bottom: 30px;}

   .homepage .b .title::after{display: none;}

   .homepage .b .bd .tabtitle{margin: -3px;font-size: 12px;}

   .homepage .b .bd .tabtitle li{padding: 3px;}

   .homepage .b .bd .tabtitle li span{text-align: left; padding-left: 15px;}
   
   
   .homepage .b .bd .tabtitle li span::after{    
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 1px 1px 0 0;
    border-color: #666;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;}

   

   .homepage .b .bd .pic{margin-top: 30px;}

   .homepage .b .bd .pic dl{padding: 10px;font-size: 12px;line-height: 22px;}

   .homepage .b .ft{padding-top: 30px;margin: -10px;}

   .homepage .b .ft .flex{flex-wrap: wrap;font-size: 12px;justify-content:inherit;display: flex;align-items: stretch;}

   .homepage .b .ft dl{width: 50%;padding: 10px;}

   .homepage .b .ft p{font-size: 12px;}

   .homepage .b .ft dd{font-size: 14px;padding: 5px 0;}

   .homepage .b .ft dd span,.homepage .c .tabbox ul p span{font-size: 22px;}

   .homepage .c .tabbox .flex_item+.flex_item{padding: 0;}

   .homepage .c .tabbox{padding: 50px 0 0;}

   .homepage .c .tabtitle{display: none;}

   .homepage .c .tabbox dt{font-size: 20px;padding-bottom: 20px;}

   .homepage .c .tabbox dd{margin-top: 20px;display: none;}

   .homepage .c .tabbox h4,.homepage .c .tabbox ul p{font-size: 14px;}

  .homepage .c .swiper{padding-bottom: 50px;}

  .homepage .c .swiper-pagination{bottom: 0;}

  .homepage .c .swiper-pagination-bullet{background: #484e57;opacity: 1;}

  .homepage .c .swiper-pagination-bullet-active{background: #00bf86;}

  .homepage .d .bd ul li a{padding: 0;box-shadow: none;height: auto;}

  .homepage .d .bd ul dt{font-size: 16px;border: none;}

  .homepage .d .bd ul dd{display: none;}

  .homepage .d .bd ul p{text-align: left;margin-bottom: 20px;font-size: 14px;}

  .homepage .d .bd ul dt::after{display: none;}

  .homepage .d .bd ul{margin: 0;}

  .homepage .d .bd ul li {padding:20px 0 0;}

  .homepage .d .bd{margin-top: 20px;}

  .homepage .e .title{text-align: center;font-size: 14px;margin-bottom: 30px;}

  .homepage .e .bd h4{margin-bottom: 20px;line-height: 20px;font-size: 12px;padding: 10px;}

  .homepage .e .bd dd{font-size: 14px;}

  .homepage .e .bd dd span{font-size: 24px;}

  .homepage .f .tabtitle{padding: 20px 0;font-size: 14px;display: flex;}

  .homepage .f .tabtitle li{margin: 0;flex: 1;padding: 0;}

  .homepage .f .tabbox li a{padding: 15px;height: auto;}

  .homepage .f .tabbox li span{display: none;}

  .homepage .f .tabbox li h4{font-size: 17px;margin-bottom: 0;margin-top: 20px;}

  .homepage .f .tabbox li{padding: 10px 0;}

  .homepage .f .tabbox ul{margin: 10px 0;}

  .bottom h2{width: 100%;text-align: center;font-size: 20px;}

  .bottom input{width: 100%;margin: 20px 0 0;font-size: 14px;}

  .bottom button{width: 100%;margin-top: 20px;}

  .dialog{padding: 15px;}

  .dialog h2{font-size: 18px;}

  .dialog p{font-size: 14px;line-height: 24px;}

  .dialog .close{top: 15px;right: 15px;}

  .dialog .btn{margin-top: 20px;}

  #allmap{height: 250px;}

/**/

.banner_info img{height: 300px;}

  .banner_info dd{font-size: 36px;}

  .about .a{padding: 40px 0;}

  .about .a .flex{display: block;}

  .about .a .pic{width: 100%;margin-bottom: 20px;}

  .title_info,.about .a ul dd span{font-size: 24px;}

  .title_info::after{margin-top: 10px;}

  .about .a .txt{margin: 0 0 30px;}

  .about .a ul dd{font-size: 14px;}

  .about .b .bd ul li{width: 100%;padding: 10px;}

  .about .b{background-size: auto 200px;padding: 40px 0;}

  .about .b .title_info::after{margin-top: 10px;}

  .about .b .bd{margin-top: 30px;padding: 30px 15px;}

  .about .b .bd ul dt{font-size: 16px;padding: 15px 0;}

  .about .c .bd .flex{display: block;}

  .about .c .bd ul{margin: 5px -5px -5px ;}

  .about .c .bd ul li{padding: 5px;}

  .about .c{padding-bottom: 40px;}

  .about .d{height: 500px;}

  .about .d .bd ul li{margin-right: 0;font-size: 12px;flex: 1;}

  .about .d .bd{font-size: 14px;line-height: 30px;}

  .about .e .flex{display: block;}

  .about .e p{font-size: 14px;}

  .about .e ul{margin-top: 30px;font-size: 16px;}

  .title_info{line-height: 40px;}

  .about .e .flex_item span{font-size: 40px;line-height: 40px;}

  .about .e ul li+li{margin-top: 20px;}

  /**/

  .solutions .a{height: auto;padding: 40px 0;}

  .solutions .a .bd{display: block;}

  .solutions .a .bd .box{width: 100%;margin-top: 30px;}

  .solutions .a .title_info p{font-size: 14px;}

  .solutions .a .title_info p span+span:before{padding: 0 5px;}

  .solutions .a .bd .box p{padding-top: 15px;}

  .solutions .a .bd .box ul li{margin-top: 20px;padding: 10px;}

  .solutions .a .bd .box ul{margin: -10px;}

  .solutions .a .bd .box ul dt{font-size: 16px;}

  .solutions .a .bd .box ul dd::before{margin: 15px 0;}

  .solutions .a .bd .box h4{font-size: 20px;}

  .solutions .b,.solutions .c,.solutions .d{padding: 40px 0;}

  .solutions .b .tabtitle{padding: 30px 0;white-space: nowrap;overflow-x: scroll;font-size: 14px;}

  .solutions .b .tabtitle li+li{margin-left: 15px;}

  .solutions .b .tabbox .flex{display: block;margin-top: 30px;}

  .solutions .b .tabbox .bd{padding: 15px;}

  .solutions .b .tabbox .pic{max-width: 100%;}

  .solutions .b .tabbox .bd h4{padding-bottom: 15px;}

  .solutions .c .flex{display: block;}

  .solutions .c .flex .box{max-width: 100%;}

  .solutions .c .hd{position: static;max-width: 100%;}

  .solutions .c .mySwiper{font-size: 14px;margin-top: 30px;}

  .solutions .c .mySwiper span::after{display: none;}

  .solutions .c .flex dt{font-size: 20px;margin-top: 20px;}

  .solutions .c .flex dd{margin-top: 15px;line-height: 30px;padding-bottom: 50px;}

  .solutions .c .swiper-button-next, .solutions .c .swiper-button-prev{left: 0;bottom: 0;}

  .solutions .d .hd{margin-bottom: 30px;}

  .solutions .d .bd .box{margin: 0;padding: 15px;}

  .solutions .d .bd{margin: 0;}

  .solutions .d .hd a{display: none;}

  /**/

  .contact .a{padding: 40px 0;}

  .contact .a .bd ul{margin: 0;}

  .contact .a .bd ul li{width: 100%;padding: 15px 0;}

  .contact .a .hd,.contact .b .flex{display: block;}

  .contact .a .hd .code{margin-top: 20px;}

  .contact .a .bd{margin-top: 40px;}

  .contact .a .bd ul li dl{font-size: 14px;}

  .contact .a .bd ul li dt{font-size: 20px;padding-bottom: 20px;}

  .contact .b .box{padding:30px 15px;margin: 0;}

  .contact .b .box span{font-size: 36px;line-height: 40px;}

  .contact .b .box p{font-size: 14px;}

  /**/

  .bread{padding: 20px 0;}

  .info{display: block;}

  .newsitem .hd h1{font-size: 20px;}

  .newsitem{padding-bottom: 40px;}

  .info>.side{width: 100%;margin: 0;padding-bottom: 30px;}

  .info>.side .box{display: none;}

  /**/

  .newstab{display: block;white-space: nowrap;overflow-x: scroll;margin-bottom: 30px;}

  .newstab li{display: inline-block;font-size: 14px;margin-right: 10px;}

  .caselist li a{padding: 15px;display: block;}

  .caselist li .pic{width: 100%;margin: 0 0 15px 0;}

  .caselist li h3{font-size: 16px;margin: 10px 0;}

  .caselist li p{line-height: 24px;margin-bottom: 10px;}

  .pages{padding: 30px 0;}

  /**/

  .caselist li dd{font-size: 14px;}

  .caselist li dd span{font-size: 22px;}

  .caselist li h4{font-size: 18px;margin-bottom: 20px;}

  /**/

  .service .a{padding: 40px 0;}

  .service .a .flex{display: block;}

  .service .a .flex_item p{margin: 20px 0;}

.service .a .side dl{margin: 0;height: auto;padding: 20px;}

.service .a .side dl dd{margin-top: 10px;}

.service .a .side dl dt{font-size: 18px;}

.service .a .side dl span{width: 50px;height: 50px;right: 20px;top: 20px;bottom: auto;}

.service .a .side dl span img{width: 25px;}

.service .a .side{width: 100%;margin: 0;}

.service .b{padding: 40px 0;background-size: auto 200px; }

.service .b .bd{padding-top: 30px;margin: 0;}

.service .b .title_info::after,.service .c .title_info::after{margin-top: 10px;}

.service .b .bd .box{margin: 0;padding: 20px;height: auto;}

.service .c{padding: 40px 0;}

.service .c .bd ul li{padding: 5px;width: 50%;}

.service .c .bd ul{margin: -5px;}

.service .c .bd ul .pic img{height: 150px;object-fit: cover;}

.service .c .bd{margin-top: 30px;}

.service .c .bd ul p{height: 80px;}

.service .c .bd ul p span{margin: 0;font-size: 12px;line-height: 20px;}

.service .c .bd ul .pic b{font-size: 12px;width: 120px;line-height: 32px;}

.headerAct{-webkit-transform: translateY(0);
    transform: translateY(0);}

.about .c .bd{margin-top: 30px;}

.about .c .title_info::after{margin-top: 10px;}

.about .c .bd p{opacity: 1;font-size: 14px;line-height: 40px;}

.service .a .side ul{margin: 0;}

  .service .a .side ul li{width: 100%;padding: 10px 0;}

  

 

   

   

   

   

   

   

   

   

   

   

   

   

   

 

   

   





}