/* #region 初始化 */
* {
  margin: 0;
  padding: 0;
}

* {
  font-family: text;
}
a {
  text-decoration: none;
  color: #000000;
  display: block;
}
div,
a {
  box-sizing: border-box;
}
input {
  border: none;
  outline: none;
}
li {
  list-style: none;
}
.clearfloat {
  zoom: 1;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.flex_row {
  display: flex;
}
.flex_col {
  display: flex;
  flex-direction: column;
}
.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_space_between {
  display: flex;
  justify-content: space-between;
}

.position_center-x {
  left: 50%;
  transform: translate(-50%);
}
.position_center-y {
  top: 50%;
  transform: translateY(-50%);
}
.cursor {
  cursor: pointer;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
  display: block;

  /* image-rendering: -moz-crisp-edges;  
  image-rendering: -o-crisp-edges;     
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: crisp-edges; 
  -ms-interpolation-mode: nearest-neighbor; */
}

.textone {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.texttwo {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.swiper-container {
  width: 100%;
}
/* #endregion */

/* #region  首页*/
.width {
  width: 1200px;
  margin: 0 auto;
}
.hd_top {
  height: 39px;
  background: #0080a0;
  color: #fff;
  font-size: 15px;
}
.hd_top .width {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hd_right {
  display: flex;
  align-items: center;
}
.hd_right a {
  color: #fff;
  padding: 0 30px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  border-right: 2px solid #84d0e6;
}
.hd_right a:last-of-type {
  border-right: none;
  padding-right: 0;
}
.hd_right a:hover {
  text-decoration: underline;
}
.hd_center {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;
  font-size: 30px;
  color: #555555;
}
.logo a {
  margin-right: 28px;
}

.logo span {
  font-size: 48px;
  color: #FF3300;
  position: relative;
  top: 3px;
}

.hd_t1 {
  font-size: 16px;
  color: #777777;
  text-align: right;
}

.hd_t2 {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  margin-top: 7px;
}
/* .hd_t2 div {
  font-size: 31px;
  color: #777777;
  font-weight: bold;
  margin-left: 7px;
  display: flex;
  align-items: center;
}
.hd_t2 span {
  font-size: 42px;
  color: #FF3300;
  font-weight: normal;
} */
.hd_t2 img {
  position: relative;
  top: -5px;
}
.hd_t2 div {
  font-weight: bold;
  font-size: 42px;
  color: #FF3300; 
  margin-left: 7px;
  display: flex;
  align-items: center;
}
.hd_t2 span {
  font-size: 31px;
  color: #777777;
}



.hd_nav {
  width: 100%;
  height: 55px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background: #f7f7f7;
}

.header2 {
  padding-bottom: 55px;
}

.hd_nav2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
}

.header_ser {
  padding-bottom: 0;
}
.header_ser .hd_nav2 {
  position: relative;
}

.hd_nav .width {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.nav_hr {
  margin: 0 auto;
  height: 20px;
  display: block;
  border-left: 1px solid #d6ecf1;
}
.nav_hr:last-of-type {
  display: none;
}
.nav_item {
  height: 100%;
}
.nav_href {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  transition: 0.2s;
}
.nav_href img {
  width: 21px;
  margin-right: 8px;
}

.nav_href:hover,
.nav_active {
  color: #0080a0;
}

.nav_select {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  /* height: 596px; */
  /* min-height: 596px; */
  display: none;
  z-index: 99;
  background: url(../images/nav_bg.png) #fff no-repeat;
  background-size: 100% 596px;
  /* background-size: cover; */
}

.nav_left {
  float: left;
  width: 212px;
  /* height: 100%; */
  min-height: 596px; 
  background: #008dac;
  padding-top: 30px;
}

.nleft_list {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  font-size: 17px;
  color: #fff;
  cursor: pointer;
  padding: 0 10px 0 36px;
  transition: 0.2s;
}
.nleft_list img {
  margin-right: 22px;
}

.nav_active2 {
  background: #0e99b8;
}

.nav_right {
  float: right;
  width: 988px;
  /* height: 100%; */
  min-height: 596px; 
}

.nright_list {
  display: none;
  flex-wrap: wrap;
  padding-top: 45px;
}

.nright_list a {
  min-width: 155px;
  font-size: 16px;
  line-height: 1.2;
  color: #454545;
  border-right: 1px solid #dcdcdc;
  text-align: center;
  margin-bottom: 26px;
  transition: 0.2s;
}

.nright_list .nav_active3,
.nright_list a:hover {
  color: #0080a0;
}
.flex {
  display: flex !important;
}
.block {
  display: block !important;
}

.banner {
  width: 100%;
  min-width: 1200px;
  position: relative;
}

.banner_list {
  position: absolute;
  width: 100%;
  left: 0;
  top: 25.5%;
}
.banner img {
  width: 100%;
}

.banner_t1 {
  font-size: 48px;
  color: #018ead;
}
.banner_t1 span {
  font-size: 51px;
  font-weight: bold;
}

.banner_t2 {
  font-size: 20px;
  color: #018ead;
  margin-top: 20px;
}

.banner_t3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  width: 176px;
  height: 42px;
  border-radius: 30px;
  background: #018ead;
  line-height: 1;
  margin-top: 42px;
  transition: 0.3s;
}
.banner_t3 img {
  width: 22px;
  height: 22px;
  margin-left: 25px;
}

.banner_t3:hover {
  opacity: 0.85;
}

.index_main2 {
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}

.index2_left {
  width: 285px;
}

.index2_title {
  width: 100%;
  height: 120px;
  background: #018ead;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.index2_title div {
  font-size: 28px;
  font-weight: bold;
}
.index2_title span {
  font-size: 18px;
  opacity: 0.6;
  text-transform: uppercase;
  margin-top: 7px;
}
.index2_tab {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
.index2_list {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  padding-left: 47px;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
  border-top: 1px solid #dcdcdc;
  transition: 0.2s;
  cursor: pointer;
}
.index2_list div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e7e7e7;
  color: #00ad76;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  margin-right: 20px;
  padding-left: 3px;
  transition: 0.2s;
}

.index2_list:hover,
.index2_active {
  color: #00ad76;
}
.index2_list:hover div,
.index2_active div {
  background: #00ad76;
  color: #e3f6f0;
}
.index2_href {
  width: 100%;
  height: 127px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/index2_bg.png) no-repeat;
  background-size: 100% 100%;
  border-bottom: 1px solid #dcdcdc;
  transition: 0.2s;
}
.index2_href div {
  width: 165px;
  height: 54px;
  border: 1px solid #90dbc4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
}
.index2_href:hover {
  opacity: 0.9;
}

.index2_right {
  width: 891px;
}
.index2_row img {
  width: 100%;
  height: 390px;
}

.index2_row {
  position: relative;
}

.index2_txts {
  position: absolute;
  left: 60px;
  top: 86px;
  width: 468px;
}

.index2_t1 {
  font-size: 32px;
  color: #018ead;
  font-weight: bold;
}

.index2_t2 {
  font-size: 16px;
  color: #555555;
  line-height: 2.25;
  margin-top: 18px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index2_t3 {
  width: 176px;
  height: 42px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00ad76;
  color: #fff;
  font-size: 16px;
  margin-top: 46px;
  transition: 0.3s;
}

.index2_t3 div {
  width: 22px;
  height: 22px;
  background: #fff;
  color: #0080a0;
  font-size: 10px;
  margin-left: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding-left: 2px;
}
.index2_t3:hover {
  opacity: 0.85;
}

.index2_scroll {
  margin-top: 14px;
  position: relative;
}

.index2_img {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.index2_img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

.index2_text {
  font-size: 16px;
  height: 51px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 18px;
  border: 1px solid #e3e3e3;
  transition: 0.2s;
}
.index2_text span {
  flex: 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index2_text div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #018ead;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}

.index2_item:hover .index2_img img {
  transform: scale(1.05);
}
.index2_item:hover .index2_text {
  color: #0080a0;
}

.index2_prev,
.index2_next {
  position: absolute;
  top: 72px;
  width: 31px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.39);
  color: #fff;
  font-size: 18px;
  z-index: 50;
  cursor: pointer;
  outline: none;
}
.index2_prev {
  left: 0;
}
.index2_next {
  right: 0;
}

.index2_none{
  display: none;
}


.index_main3 {
  margin-top: 125px;
  padding: 82px 0 95px 0;
  background: #f1f1f1;
}

.index3_title {
  text-align: center;
}

.index3_t1 {
  font-size: 36px;
  color: #333333;
}
.index3_t1 span {
  color: #018ead;
  font-weight: bold;
}
.index3_t2 {
  font-size: 16px;
  color: #777777;
  text-transform: uppercase;
  opacity: 0.64;
  margin-top: 9px;
}

.index3_row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 47px;
}
.index3_list {
  width: 189px;
  height: 200px;
  border: 1px solid #e0e0e0;
  background: #fff;
  margin-right: 13px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.index3_list:nth-of-type(6n + 6) {
  margin-right: 0;
}
.index3_icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #c2c2c2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.index3_icon img {
  transition: 0.2s;
}
.index3_text {
  text-align: center;
}
.index3_text div {
  font-size: 20px;
  color: #018ead;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 15px;
  transition: 0.2s;
}
.index3_text span {
  display: block;
  font-size: 15px;
  color: #888888;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 6px;
  transition: 0.2s;
}
.index3_list:hover {
  background: #018ead;
}
.index3_list:hover .index3_text div {
  color: #fff;
}
.index3_list:hover .index3_text span {
  color: #fff;
  opacity: 0.7;
}
.index3_list:hover .index3_icon img {
  opacity: 0.75;
}

.index_main4 {
  padding: 55px 0 74px 0;
}

.index4_title {
  text-align: center;
}

.index4_t1 {
  font-size: 36px;
  color: #333333;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index4_t1 div {
  color: #018ead;
}
.index4_t1 span {
  color: #018ead;
  font-weight: normal;
  margin: 0 13px;
}

.index4_hr {
  width: 46px;
  height: 3px;
  border-radius: 5px;
  background: #018ead;
  margin: 14px auto 0 auto;
}
.index4_t2 {
  font-size: 16px;
  color: #777777;
  margin-top: 16px;
}

.index4_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
}
.index4_tab a {
  width: 176px;
  height: 44px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #454545;
  margin: 0 20px;
  cursor: pointer;
  transition: 0.3s;
}
.index4_tab a:hover,
.index4_tab .index4_active {
  background: #00ad76;
  border: 1px solid #00ad76;
  color: #fff;
}

.index4_row {
  height: 384px;
  /* display: flex; */
  display: none;
  justify-content: space-between;
  margin-top: 50px;
}

.flex {
  display: flex !important;
}

.index4_left {
  width: 606px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.index4_href {
  width: 295px;
  height: 100%;
  border: 1px solid #e5e5e5;
  color: #454545;
  transition: 0.2s;
}

.index4_img {
  overflow: hidden;
}

.index4_img img {
  width: 100%;
  height: 195px;
  transition: 0.5s;
}

.index4_h1 {
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 23px;
  padding: 0 11px;
}

.index4_h2 {
  height: 75px;
  font-size: 14px;
  color: #777777;
  line-height: 25px;
  margin-top: 10px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0 11px;
}
.index4_icon {
  width: 22px;
  height: 22px;
  background: #018ead;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  margin: 5px 11px 0 auto;
  padding-left: 2px;
  padding-top: 1px;
}

.index4_href:hover {
  color: #0080a0;
}
.index4_href:hover .index4_img img {
  transform: scale(1.05);
}

.index4_right {
  width: 550px;
  height: 100%;
}
.index4_list {
  width: 100%;
  height: 33.33%;
  display: flex;
  align-items: center;
  color: #333333;
  transition: 0.2s;
}
.index4_time {
  width: 90px;
  height: 82px;
  color: #b1b0b0;
  line-height: 1;
  border-right: 1px solid #e5e5e5;
}
.index4_time div {
  font-size: 54px;
  font-weight: bold;
}
.index4_time span {
  font-size: 16px;
  display: block;
  margin-top: 7px;
}

.index4_txts {
  flex: 1;
  overflow: hidden;
  padding-left: 30px;
}
.index4_txts div {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index4_txts span {
  display: block;
  font-size: 14px;
  color: #888888;
  line-height: 1.857;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 12px;
}

.index4_list:hover {
  color: #0080a0;
}
.index5 {
  width: 100%;
  height: 238px;
  background: url(../images/index5_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.index5_t1 {
  font-size: 36px;
  color: #fff;
  padding-top: 43px;
}
.index5_t2 {
  font-size: 20px;
  color: #fff;
  margin-top: 13px;
}
.index5_t3 {
  width: 235px;
  height: 50px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #00ad76;
  margin-top: 23px;
  line-height: 1;
  transition: 0.3s;
}
.index5_t3 div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00ad76;
  font-size: 10px;
  margin-left: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 0 0 2px;
}
.index5_t3:hover {
  opacity: 0.85;
}

.index6 {
  padding: 68px 0 85px 0;
}

.index6_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index6_title .index3_title {
  text-align: left;
}

.index6_zixun {
  display: flex;
  align-items: center;
  height: 80px;
  background: #f7f7f7;
}

.index6_phone {
  padding: 0 50px 0 25px;
  display: flex;
  align-items: center;
}

.index6_phone div {
  margin-left: 14px;
  line-height: 1;
}

.index6_phone p {
  font-size: 28px;
  font-weight: bold;
  color: #0080a0;
}

.index6_phone span {
  font-size: 14px;
  color: #888888;
  display: block;
  margin-top: 6px;
}
.index6_zixun a {
  width: 74px;
  height: 100%;
  background: #00ad76;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s;
}
.index6_zixun a span {
  display: block;
  margin-top: 6px;
}
.index6_zixun a:hover {
  opacity: 0.85;
}

.index6_row {
  display: flex;
  align-items: center;
  height: 502px;
  margin-top: 45px;
}

.index6_left {
  width: 600px;
  height: 100%;
  background: url(../images/index6_img1.png) no-repeat;
  background-size: cover;
  padding: 80px 50px 0 60px;
  color: #fff;
}

.index6_t1 {
  font-size: 36px;
  color: #fff;
}

.index6_t2 {
  font-size: 16px;
  line-height: 1.875;
  color: #fff;
  margin-top: 18px;
}

.index6_t3 {
  width: 176px;
  height: 42px;
  border-radius: 30px;
  background: #00ad76;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  transition: 0.3s;
}

.index6_t3:hover {
  opacity: 0.85;
}

.index6_t3 div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 10px;
  margin-left: 23px;
  color: #00ad76;
  padding: 1px 0 0 2px;
}
.index6_right {
  width: 600px;
}
.index6_item {
  width: 100%;
  height: 251px;
  background: url(../images//index6_img2.png) no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index6_item div {
  font-size: 36px;
}
.index6_item span {
  font-size: 18px;
  display: block;
  margin-top: 10px;
}

.index6_list {
  display: flex;
  height: 251px;
}

.index6_list a {
  width: 50%;
  height: 100%;
  position: relative;
  transition: 0.3s;
}
.index6_list a:hover {
  opacity: 0.9;
}
.index6_list i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index6_list i img {
  width: 100%;
  height: 100%;
}

.index6_list div {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 26px;
}

.index6_list span {
  display: block;
  margin-top: 20px;
}

.index7 {
  background: url(../images/index7_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 78px 0 145px 0;
}

.index7 .index4_t1 span,
.index7 .index4_t1 div,
.index7 .index4_t1,
.index7 .index4_t2 {
  color: #fff;
}
.index7 .index4_hr {
  background: #fff;
}

.index7_row {
  display: flex;
  margin-top: 50px;
}

.index7_item {
  width: 286px;
  height: 333px;
  margin-right: 18.6px;
  background: #fff;
}
.index7_item:nth-of-type(4n + 4) {
  margin-right: 0;
}

.index7_img {
  overflow: hidden;
}

.index7_img img {
  width: 100%;
  height: 168px;
}

.index7_t1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 10px;
}
.index7_left {
  font-size: 17px;
  line-height: 1.444;
  color: #454545;
  flex: 1;
  overflow: hidden;
}
.index7_num {
  font-size: 50px;
  color: #7fbfcf;
  transition: 0.2s;
}

.index7_t2 {
  font-size: 14px;
  color: #888888;
  line-height: 1.857;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 20px;
  margin-top: 3px;
}

.index7_item:hover .index7_num {
  color: #018ead;
}

.index7_scroll {
  display: flex;
  align-items: center;
  margin-top: 46px;
}

.index7_next,
.index7_prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #97d7e3;
  color: #0e94b2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 2px 0 0 2px;
  cursor: pointer;
  outline: none;
}

.index7_swiper {
  flex: 1;
  overflow: hidden;
  margin: 0 15px;
}

.index8 {
  height: 388px;
  display: flex;
  align-items: center;
}

.index8 .width {
  display: flex;
  align-items: center;
  height: 100%;
}

.index8_left {
  background: #f7f7f7;
  width: 434px;
  height: 100%;
  padding: 0 30px;
  position: relative;
}

.index8_row {
  height: 147px;
  display: flex;
  align-items: center;
  color: #333333;
  border-bottom: 1px solid #e9e9e9;
}

.index8_row2 {
  width: 50%;
  height: 80px;
  padding-left: 35px;
  padding-top: 10px;
  color: #333333;
  cursor: pointer;
  transition: 0.2s;
}
.index8_row2:first-of-type {
  border-right: 1px solid #e9e9e9;
}
.index8_row2:hover {
  color: #0080a0;
}
.index8_row3 {
  display: flex;
  align-items: center;
  font-size: 24px;
}

.index8_row3 div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #018ead;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  padding: 1px 0 0 2px;
  margin-left: 40px;
}
.index8_row4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 6px;
}

.index8_row5 {
  font-size: 16px;
  color: #666666;
  line-height: 2;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-top: 25px;
}

.index8_row6 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 63px;
  border-top: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
}

.index8_row6 a {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.index8_row6 a:first-of-type {
  border-right: 1px solid #dcdcdc;
}
.index8_row6 img {
  width: 34px;
  height: 15px;
  transition: 0.3s;
}
.index8_row6 a:first-of-type:hover img {
  transform: translateX(-10px);
}
.index8_row6 a:last-of-type:hover img {
  transform: translateX(10px);
}

.index8_right {
  width: 745px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  position: relative;
}

.index8_row7 {
  position: absolute;
  top: 170px;
  right: -140px;
  font-size: 18px;
  color: #555555;
}
.index8_row7 span {
  font-size: 26px;
  color: #00ad76;
}
.index8_row7 div {
  margin-top: 3px;
}
.index9 {
  height: 616px;
  background: url(../images/index9_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 98px;
  overflow: hidden;
}
.index9 .width {
  position: relative;
  height: 100%;
}
.index9_top {
  display: flex;
  align-items: center;
  color: #fff;
}

.index9_row2 {
  font-size: 34px;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
.index9_row2 span {
  position: relative;
}
.index9_row2 span::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 4px;
  background: #00ad76;
}

.index9_row3 {
  text-transform: uppercase;
  font-size: 36px;
  line-height: 1;
  margin-top: 9px;
}

.index9_row3 span {
  margin-left: 36px;
}

.index9_row4 {
  margin-left: auto;
  text-align: right;
}

.index9_row5 {
  font-size: 32px;
  letter-spacing: 3px;
}
.index9_row5 span {
  color: #00ad76;
  font-weight: bold;
}

.index9_row5 span:first-of-type {
  /*font-size: 38px;*/
  position: relative;
}
.index9_row6 {
  font-size: 14px;
  color: #ababab;
  letter-spacing: 6px;
  margin-top: 4px;
}

.index9_row7 {
  font-size: 16px;
  color: #fff;
  line-height: 2;
  width: 662px;
  margin-top: 35px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.index9_row8 {
  width: 176px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: #018ead;
  border-radius: 30px;
  margin-top: 50px;
  transition: 0.3s;
}

.index9_row8:hover {
  opacity: 0.85;
}

.index9_row8 div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 0 0 2px;
  font-size: 10px;
  color: #018ead;
  margin-left: 25px;
}

.index9_right {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
}

.index9_col {
  width: 228px;
  background: #018ead;
  color: #fff;
  border-radius: 25px 25px 0 0;
  margin-left: 5px;
  padding: 0 15px;
  position: relative;
  top: 180px;
  transition: 0.3s;
}

.index9_row9 {
  height: 110px;
  padding: 32px 0 0 16px;
}
.index9_row10 {
  display: flex;
  align-items: center;
  font-size: 22px;
}
.index9_row10 div {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 45px;
  font-size: 10px;
  color: #018ead;
  padding: 1px 0 0 2px;
  transition: 0.3s;
}

.index9_row11 {
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 6px;
  transition: 0.2s;
}

.index9_row12 {
  height: 180px;
  font-size: 14px;
  color: #454545;
  line-height: 2.286;
  border-top: 1px solid #018ead;
  padding: 22px 16px 0 16px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: 0.3s;
}

.index9_col:hover,
.index9_active {
  background: #e1e6ec;
  top: 0;
  color: #0080a0;
}
.index9_col:hover .index9_row11,
.index9_active .index9_row11 {
  color: #555555;
  opacity: 0.73;
}
.index9_col:hover .index9_row10 div,
.index9_active .index9_row10 div {
  background: #018ead;
  color: #fff;
}
.index9_col:hover .index9_row12,
.index9_active .index9_row12 {
  border-top: 1px solid #dee1e6;
}

.index10 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 97px 0 82px 0;
}
.index10_left {
  width: 370px;
  height: 420px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 2px solid #eeeeee;
}
.index10_right {
  width: 742px;
}
.index10_row1 {
  width: 100%;
  height: 145px;
  background: rgba(1, 142, 173, 0.9);
  color: #fff;
  text-align: center;
  padding-top: 33px;
  position: relative;
  z-index: 5;
}
.index10_row1 div {
  font-size: 28px;
}
.index10_row1 span {
  font-size: 18px;
  display: block;
  margin-top: 10px;
}
.index10_row2 {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background: #00ad76;
  position: relative;
  z-index: 5;
}
.index10_row2 img {
  margin-right: 15px;
}
.index10_kefu {
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.index10_t1p {
  display: flex;
}

.index10_t1 {
  text-transform: uppercase;
  font-size: 16px;
  color: #555555;
  display: flex;
  align-items: center;
  padding-bottom: 19px;
  line-height: 1;
  position: relative;
}
.index10_t1 div {
  display: flex;
  align-items: center;
  color: #00ad76;
  font-size: 28px;
  font-weight: bold;
  margin-right: 10px;
}
.index10_t1 div span {
  color: #018ead;
}
.index10_t1::before,
.index10_t1::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
}
.index10_t1::before {
  left: 0;
  width: 46.5%;
  background: #018ead;
}
.index10_t1::after {
  right: 0;
  width: 53.5%;
  background: #00ad76;
}
.index10_t2 {
  font-size: 15px;
  color: #999999;
  margin-top: 19px;
}

.index10_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px;
}
.index10_input {
  width: 360px;
  font-size: 18px;
  color: #454545;
  margin-bottom: 12px;
}
.index10_input input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #efefef;
  padding: 0 10px;
  font-size: 18px;
  color: #333;
  box-sizing: border-box;
  margin-top: 12px;
}
.index10_text {
  width: 100%;
  font-size: 18px;
  color: #454545;
}
.index10_text textarea {
  width: 100%;
  height: 97px;
  border-radius: 5px;
  border: 1px solid #efefef;
  padding: 10px;
  font-size: 18px;
  color: #333;
  box-sizing: border-box;
  margin-top: 12px;
  resize: none;
  outline: none;
}

.index10_btn {
  width: 242px;
  height: 50px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border: none;
  cursor: pointer;
  outline: none;
  transition: 0.3s;
  margin-top: 26px;
}
.index10_btn div {
  width: 25px;
  height: 25px;
  background: #fff;
  color: #018ead;
  margin-left: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.index10_btn:hover {
  opacity: 0.85;
}

.link {
  background: #eaeaea;
  padding: 13px 0;
}

.link .width {
  display: flex;
  align-items: center;
}

.link_left {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #018ead;
}
.link_left img {
  margin-right: 8px;
}

.link_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 52px;
  flex: 1;
  overflow: hidden;
}
.link_list a {
  font-size: 15px;
  color: #555555;
  line-height: 1;
  padding: 0 35px;
  border-right: 2px solid #c0c0c0;
  transition: 0.2s;
  margin: 3px 0;
}
.link_list a:last-of-type {
  border-right: none;
}
.link_list a:hover {
  color: #0080a0;
}
.link_add {
  margin-left: auto;
  width: 115px;
  height: 32px;
  border-radius: 30px;
  background: #018ead;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  line-height: 1;
  padding-bottom: 3px;
  cursor: pointer;
  transition: 0.3s;
}
.link_add:hover {
  opacity: 0.85;
}

.footer {
  background: #2c2c2c;
}
.footer_top {
  padding: 40px 0 10px 10px;
  display: flex;
  align-items: flex-start;
}
.footer_left {
  width: 420px;
  padding-right: 30px;
  position: relative;
  margin-right: 60px;
}

.footer_left::after {
  content: "";
  height: 208px;
  border-right: 1px solid #383838;
  position: absolute;
  right: 0;
  top: 28px;
}

.footer_row {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #8f8e8e;
  margin-bottom: 16px;
}

.footer_row i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #525252;
  margin-right: 20px;
}
.footer_row span {
  line-height: 45px;
}
.footer_row div {
  flex: 1;
  overflow: hidden;
}
.footer_phone {
  font-size: 22px;
  line-height: 45px;
}

.footer_address {
  font-size: 15px;
  line-height: 2.133;
  padding-top: 8px;
}
.footer_row:first-of-type {
  margin-bottom: 27px;
}
.footer_row2 {
  display: flex;
  text-align: center;
}
.footer_row2 div {
  margin-right: 20px;
}
.footer_row2 img {
  width: 123px;
  height: 123px;
}
.footer_row2 span {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  color: #787878;
}

.footer_right {
  flex: 1;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding-top: 6px;
}

.footer_t1 {
  font-size: 18px;
  color: #b9b9b9;
}
.footer_hr {
  width: 23px;
  height: 2px;
  background: #7a7a7a;
  margin-top: 18px;
}
.footer_href {
  margin-top: 18px;
}
.footer_href a {
  font-size: 15px;
  color: #888888;
  margin-bottom: 15px;
  transition: 0.2s;
}
.footer_href a:hover {
  color: #fff;
}

.footer_bottom {
  border-top: 1px solid #393939;
  padding: 15px 0;
  color: #666666;
  font-size: 14px;
}
.footer_bottom .width {
  display: flex;
  justify-content: space-between;
}
.footer_bottom a {
  color: #666666;
  display: inline;
}

.footer_popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 93px;
  /* background: #141414; */
  background: rgba(0, 0, 0, 0.54);
  z-index: 99999;
}

.footer_popup .width {
  width: 1266px;
  height: 100%;
  position: relative;
  padding: 0 33px 0 264px;
  display: flex;
  align-items: center;
}
.popup_label {
  width: 258px;
  height: 116px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/popup_label.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 29px;
  padding: 16px 17px 0 0;
}
.popup_href {
  width: 170px;
  height: 44px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: #00ad76;
  margin-right: auto;
  transition: 0.3s;
  box-shadow: 1.5px 2.598px 7px 0px rgba(0, 0, 0, 0.26);
}

.popup_href:hover {
  opacity: 0.85;
}

.popup_text {
  font-size: 16px;
  color: #fff;
}

.popup_form {
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.54);
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.popup_input {
  width: 197px;
  height: 100%;
  font-size: 16px;
  color: #fff;
  background: none;
  padding: 0 10px;
  box-sizing: border-box;
}
.popup_btn {
  width: 76px;
  height: 100%;
  background: #0080a0;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
  margin: 0;
  transition: 0.3s;
}

.popup_btn:hover {
  opacity: 0.85;
}
.popup_close {
  position: absolute;
  right: 0;
  top: -11px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #a40000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
}
.popup_close:hover {
  opacity: 0.85;
}
/* #endregion */

/* #region  服务领域*/
.se_top {
  border-bottom: 1px solid #eeeeee;
}
.se_top .width {
  height: 65px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #777777;
}
.se_top img {
  margin-right: 26px;
}
.se_top a {
  color: #777777;
  transition: 0.2s;
}
.se_top a:hover {
  color: #0080a0;
}
.se_top span {
  margin: 0 5px;
}

.service_tab {
  background: #fff;
  padding: 20px 0;
}

.service_tab2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
}

.service_tab .width {
  display: flex;
}
.stab_item {
  width: 150px;
  height: 40px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #454545;
  margin-right: 20px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #eeeeee;
}
.stab_item:last-of-type {
  margin-right: 0;
}
.service_active,
.stab_item:hover {
  background: #00ad76;
  border: 1px solid #00ad76;
  color: #fff;
}
.service_body {
  margin-top: 25px;
}

.service_body2 {
  padding-top: 80px;
}

.service_row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 26px 0 67px 0;
}
.service_t1 {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.service_t2 {
  font-size: 16px;
  color: #555555;
  line-height: 2.25;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}
.service_left {
  width: 516px;
}
.service_right {
  width: 602px;
}
.service_t3 {
  display: flex;
  margin-top: 46px;
}
.service_t3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 44px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  color: #454545;
  font-size: 18px;
  margin-right: 33px;
  transition: 0.3s;
}
.service_t3 a:hover {
  border: 1px solid #0080a0;
  background: #0080a0;
  color: #fff;
}

.service_right {
  width: 600px;
  border-radius: 5px;
  overflow: hidden;
}
.sright_top {
  width: 100%;
  height: 60px;
  background: #55b4b7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
}
.sright_title {
  display: flex;
  height: 44px;
  background: #bce0f2;
  color: #017896;
  font-size: 17px;
}
.sright_row {
  display: flex;
  height: 44px;
  color: #000000;
  font-size: 16px;
  border-top: 1px solid #eeeeee;
}
.sright_title div,
.sright_row div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sright_col1,
.sright_col2,
.sright_col3,
.sright_col4 {
  border-right: 1px solid #eeeeee;
}
.sright_col1 {
  width: 110px;
}
.sright_col2 {
  width: 101px;
}
.sright_col3 {
  width: 143px;
}
.sright_col4 {
  width: 145px;
}
.sright_col5 {
  width: 101px;
}
.sright_rowp {
  background: url(../images/sright_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 12px;
}

 
.sright_swiper{
  height: 220px;
}
 

.service_main1 {
  background: #f7f7f7;
  padding: 40px 0 42px 0;
}

.service_title {
  font-size: 38px;
  font-weight: bold;
  color: #018ead;
  text-align: center;
}

.ser1_row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 38px;
}
.ser1_item {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 15px 22px 20px 22px;
  transition: 0.2s;
  color: #333333;
  background: #fff;
}
.ser1_item:nth-of-type(4n + 4) {
  margin-right: 0;
}
.ser1_title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ser1_img {
  margin-top: 12px;
  overflow: hidden;
}
.ser1_img img {
  width: 100%;
  height: 179px;
  transition: 0.5s;
}
.ser1_text {
  font-size: 14px;
  color: #555555;
  line-height: 1.714;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 15px;
}
.ser1_item:hover {
  color: #0080a0;
}
.ser1_item:hover .ser1_img img {
  transform: scale(1.05);
}

.service_main2 {
  padding: 52px 0 45px 0;
}
.ser2_title {
  margin-top: 35px;
  display: flex;
  align-items: center;
}
.ser2_label {
  width: 202px;
  height: 72px;
  border-radius: 5px;
  background: #eeeeee;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-right: 52px;
  position: relative;
  padding-left: 5px;
}
.ser2_label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #0080a0;
}
.ser2_text {
  font-size: 16px;
  color: #555555;
  line-height: 2;
  flex: 1;
  overflow: hidden;
}

.ser2_row {
  display: flex;
  align-items: flex-start;
  margin-top: 50px;
}

.ser2_left {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  overflow: hidden;
}

.ser2_left a {
  width: 179px;
  height: 107px;
  position: relative;
  overflow: hidden;
  margin-right: 14.6px;
  margin-bottom: 17px;
  transition: 0.5s;
}
.ser2_left img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.ser2_left a:hover img {
  transform: scale(1.05);
}
.ser2_left div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1.732px 0px rgba(0, 0, 0, 0.43);
}

.ser2_right {
  position: relative;
  margin-bottom: 17px;
  width: 232px;
  height: 231px;
}
.ser2_right img {
  width: 100%;
  height: 100%;
}

.ser2_t1 {
  position: absolute;
  top: 96px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #018ead;
}

.ser2_t2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 45px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  transition: 0.3s;
}
.ser2_t2 div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  color: #018ead;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}

.ser2_t2:hover {
  opacity: 0.85;
}
.ser3_title {
  text-align: center;
  font-weight: bold;
}
.ser3_t1 {
  font-size: 36px;
  color: #454545;
}
.ser3_hr {
  width: 356px;
  height: 1px;
  background: #e0e0e0;
  position: relative;
  margin: 16px auto 0 auto;
}
.ser3_hr::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 96px;
  height: 3px;
  background: #00ad76;
}
.ser3_t2 {
  font-size: 38px;
  color: #018ead;
  margin-top: 12px;
}
.ser3_main {
  margin-top: 42px;
}
.ser3_top {
  border-radius: 5px;
  background: #018ead;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #fff;
  height: 66px;
}
.ser3_top .ser3_right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser3_left {
  width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ser3_right {
  width: 1020px;
}
.ser3_row {
  display: flex;
  background: #dbf5fb;
}
.ser3_row .ser3_left {
  background: #55b4b7;
  border-bottom: 1px solid #7bbdbf;
  font-size: 18px;
  color: #ffffff;
}
.ser3_row .ser3_right {
  font-size: 14px;
  color: #777777;
  line-height: 1.857;
  padding: 15px 20px 15px 55px;
  border-bottom: 1px solid #d8eaef;
}
.ser3_t3 {
  font-size: 30px;
  color: #777777;
  text-align: center;
  margin-top: 45px;
}
.ser3_t4 {
  width: 242px;
  height: 50px;
  margin: 27px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: #018ead;
  border-radius: 30px;
  transition: 0.3s;
}
.ser3_t4 div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #018ead;
  background: #fff;
  padding: 1px 0 0 2px;
  margin-left: 20px;
}
.ser3_t4:hover {
  opacity: 0.85;
}
.service_main3 {
  padding-bottom: 65px;
}
.service_main4 {
  background: url(../images//ser4_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0 80px 0;
}

.ser4_row {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.ser4_item {
  width: 563px;
  background: #fff;
  border-radius: 5px;
  padding: 0 16px 18px 16px;
}

.ser4_title {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #454545;
  border-bottom: 1px solid #eeeeee;
}

.ser4_text {
  width: 100%;
  height: 320px;
  margin-top: 10px;
  overflow-y: auto;
  padding: 5px 0;
  font-size: 14px;
  line-height: 2.143;
  color: #555555;
}

.ser4_text::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.ser4_text::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #cccfd5;
}
.ser4_text::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #e1e4e9;
}

.service_zixun {
  height: 98px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 42px;
  margin-top: 52px;
  margin-bottom: 68px;
}
.szixun_left {
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #018ead;
}
.szixun_left img {
  margin-left: 25px;
}

.szixun_right {
  width: 242px;
  height: 50px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: 0.3s;
}
.szixun_right:hover {
  opacity: 0.85;
}
.szixun_right div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  color: #018ead;
  padding: 1px 0 0 2px;
  font-size: 12px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ser5_row {
  display: flex;
  margin-top: 40px;
}

.ser5_list {
  width: 233px;
  margin-right: 8.75px;
}
.ser5_list:last-of-type {
  margin-right: 0;
}

.ser5_img {
  width: 100%;
  height: 197px;
  position: relative;
  overflow: hidden;
}

.ser5_img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.ser5_img span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #fff;
  background: #018ead;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  height: 31px;
  border-radius: 3px;
}

.ser5_img div {
  width: 177px;
  height: 113px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1.667;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ser5_text {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333333;
  margin-top: 2px;
  transition: 0.2s;
}

.ser5_list:hover .ser5_img img {
  transform: scale(1.05);
}
.ser5_list:hover .ser5_text {
  color: #0080a0;
}

.service_main5 {
  padding-bottom: 55px;
}

.ser6_main {
  margin-top: 38px;
  border-bottom: 1px solid #e8f5f5;
}

.ser6_left {
  width: 243px;
}
.ser6_center {
  width: 357px;
  text-align: center;
}

.ser6_right {
  width: 600px;
}

.ser6_left,
.ser3_top .ser6_right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ser3_row .ser6_left {
  background: #55b4b7;
  border-bottom: 1px solid #7bbdbf;
  font-size: 18px;
  color: #ffffff;
}
.ser3_row .ser6_center {
  font-size: 14px;
  color: #777777;
  line-height: 1.857;
  padding: 15px 5px;
  border-bottom: 1px solid #d8eaef;
}
.ser3_row .ser6_right {
  background: #fff;
  font-size: 14px;
  color: #777777;
  line-height: 1.857;
  padding: 15px 32px 15px 32px;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #e8f5f5;
}

.ser6_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}

.ser6_btn1 {
  width: 288px;
  height: 55px;
  border-radius: 30px;
  background: #00ad76;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  transition: 0.3s;
}
.ser6_btn1:hover {
  opacity: 0.85;
}
.ser6_btn1 div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #0080a0;
  padding: 1px 0 0 2px;
  margin-left: 12px;
  background: #fff;
}
.ser6_btn2 {
  width: 382px;
  height: 55px;
  border-radius: 30px;
  background: #eeeeee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #454545;
  margin-left: 32px;
}
.ser6_btn2 img {
  margin-right: 15px;
}
.ser6_t1 {
  font-size: 20px;
  color: #555555;
  text-align: center;
  margin-top: 26px;
}
.ser6_t2 {
  font-size: 36px;
  color: #454545;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
}

.service_main6 {
  padding-bottom: 55px;
}

.service_main7 {
  background: #f7f7f7;
  padding: 56px 0 45px 0;
}
.service_main7 .width {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ser7_left {
  width: 588px;
}

.ser7_right {
  width: 520px;
}

.ser7_title {
  text-align: center;
}

.ser7_title div {
  font-size: 28px;
  color: #018ead;
}

.ser7_title span {
  font-size: 16px;
  color: #777777;
  display: block;
  margin-top: 9px;
}

.ser7_list {
  width: 100%;
  background: #018ead;
  padding: 50px 26px 23px 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.ser7_list a {
  width: 262px;
  height: 53px;
  background: #ffffff;
  line-height: 53px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 23px;
  transition: 0.2s;
}
.ser7_list a:hover {
  color: #0080a0;
}

.ser7_form {
  margin-top: 40px;
}
.ser7_row {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  margin-bottom: 18px;
}

.ser7_input {
  flex: 1;
  height: 44px;
  padding-left: 35px;
  overflow: hidden;
}
.ser7_row input {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
}
.ser7_row span {
  min-width: 70px;
}

.ser7_check {
  display: flex;
  align-items: center;
}

.ser7_input {
  display: flex;
  align-items: center;
}
.ser7_check {
  font-size: 14px;
  color: #777777;
  margin-right: auto;
}
.ser7_check:last-of-type {
  margin-right: 0;
}
.ser7_check input {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  padding: 0;
  cursor: pointer;
  margin-right: 8px;
  background: none;
}

.ser7_check input:checked {
  background: url(../images/dui.png) #018ead no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.ser7_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: #555555;
}
.ser7_btn input {
  width: 230px;
  height: 48px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  cursor: pointer;
  transition: 0.3s;
}
.ser7_btn input:hover {
  opacity: 0.85;
}

.ser7_row input:-ms-input-placeholder {
  color: #bababa;
}

.ser7_row input::-webkit-input-placeholder {
  color: #bababa;
}

.ser7_row input::-moz-placeholder {
  color: #bababa;
}

.ser7_row input:-moz-placeholder {
  color: #bababa;
}

.ser7_row input:-moz-placeholder {
  color: #bababa;
}

.service_main8 {
  padding: 75px 0 40px 0;
}

.ser8_top {
  width: 100%;
  min-height: 210px;
  background: url(../images/ser8_bg.png) no-repeat;
  background-size: 779px 210px;
  background-position: center right;
}
.ser8_title {
  font-size: 38px;
  color: #018ead;
  padding-top: 5px;
  font-weight: bold;
}
.ser8_text {
  font-size: 16px;
  color: #333333;
  line-height: 2.25;
  margin-top: 20px;
}

.ser8_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 55px;
}
.ser8_list {
  width: 580px;
  height: 165px;
  margin-bottom: 30px;
  position: relative;
  padding-left: 70px;
}
.ser8_left {
  width: 143px;
  height: 143px;
  border-radius: 50%;
  border: 3px solid #018ead;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ser8_left img {
  width: 100%;
  height: 100%;
}
.ser8_left div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background: #00ad76;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
}
.ser8_right {
  background: #f7f7f7;
  padding: 38px 20px 38px 95px;
  font-size: 16px;
  color: #454545;
  line-height: 1.875;
}

.service_main9 {
  padding-bottom: 50px;
}

.service_title2 {
  font-size: 16px;
  color: #555555;
  margin-top: 15px;
  text-align: center;
}

.ser9_row {
  display: flex;
  align-items: flex-start;
  margin-top: 38px;
}

.ser9_list {
  width: 285px;
  height: 192px;
  border-radius: 5px;
  background: #f7f7f7;
  padding: 30px 26px 20px 26px;
  color: #333;
  margin-right: 20px;
  position: relative;
  transition: 0.3s;
}
.ser9_list:last-of-type {
  margin-right: 0;
}

.ser9_t1 {
  font-size: 22px;
  font-weight: bold;
}

.ser9_hr {
  width: 52px;
  height: 2px;
  background: #018ead;
  margin-top: 16px;
  transition: 0.3s;
}

.ser9_t2 {
  font-size: 18px;
  line-height: 1.65;
  color: #555555;
  margin-top: 18px;
  transition: 0.3s;
}

.ser9_t3 {
  position: absolute;
  width: 223px;
  height: 45px;
  background: #00ad76;
  color: #fff;
  left: -18px;
  bottom: 12px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 18px;
  text-align: center;
  line-height: 45px;
  display: none;
}

.ser9_t3 img {
  width: 18px;
  height: 32px;
  position: absolute;
  top: -32px;
  left: 0;
}
.ser9_list:hover,
.ser9_active {
  background: #018ead;
  color: #fff;
}

.ser9_list:hover .ser9_hr,
.ser9_active .ser9_hr {
  background: #fff;
}

.ser9_list:hover .ser9_t2,
.ser9_active .ser9_t2 {
  color: #fff;
}
.ser9_list:hover .ser9_t3,
.ser9_active .ser9_t3 {
  display: block;
}

.service_main10 {
  padding-bottom: 70px;
}

.ser10_tab {
  margin-top: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ser10_tab a {
  width: 176px;
  height: 44px;
  border-radius: 30px;
  border: 1px solid #e6e6e6;
  font-size: 18px;
  color: #454545;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  cursor: pointer;
  transition: 0.3s;
}

.ser10_tab a:hover,
.ser10_tab .ser10_active {
  border: 1px solid #00ad76;
  background: #00ad76;
  color: #fff;
}

.ser10_row {
  margin-top: 50px;
  border: 1px solid #eeeeee;
  display: none;
}

.ser10_title {
  width: 100%;
  height: 62px;
  background: linear-gradient(to right, #00ad76 25%, #f7fbfc 52%);
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 0 25px;
}
.ser10_swiper4 .ser10_title,
.ser10_swiper3 .ser10_title {
  background: linear-gradient(to right, #0080a0 25%, #f7fbfc 52%);
}
.ser10_title div {
  font-size: 18px;
  font-weight: bold;
}
.ser10_title span {
  font-size: 18px;
  margin: 0 5px;
}
.ser10_row .swiper-container a {
  width: 100%;
  position: relative;
}
.ser10_row .swiper-container a img {
  width: 100%;
}
.ser10_row .swiper-container a div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 128, 160, 0.729);
  color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  opacity: 0;
  transition: 0.3s;
}
.ser10_row .swiper-container a:hover div {
  opacity: 1;
}

.ser10_main {
  padding: 22px 24px;
}

.block {
  display: block !important;
}

/* #endregion */

/* #region  关于我们*/
.about1 {
  padding: 70px 0 108px 0;
}
.about1_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about1_title {
  font-size: 36px;
  color: #333333;
  display: flex;
  align-items: center;
  padding-bottom: 25px;
  position: relative;
}
.about1_title span {
  color: #8a8a8a;
  margin: 0 12px;
}
.about1_title div {
  color: #018ead;
  font-weight: bold;
}
.about1_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 73px;
  height: 3px;
  background: #00ad76;
}

.about1_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #333333;
  line-height: 2.25;
  margin-top: 35px;
}
.about1_left {
  width: 636px;
}
.about1_right {
  width: 502px;
}
.about1_right img {
  width: 100%;
}

.about1_row2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 46px;
}
.about1_list {
  width: 372px;
  height: 234px;
  position: relative;
}

.about1_list img {
  width: 100%;
  height: 100%;
}
.about1_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 21px 0 21px;
  color: #fff;
  transition: 0.3s;
}
.about1_t1 {
  font-size: 20px;
  font-weight: bold;
}

.about1_t2 {
  font-size: 16px;
  margin-top: 5px;
  text-transform: uppercase;
}

.about1_hr {
  width: 32px;
  border-top: 1px solid #fff;
  margin-top: 16px;
}

.about1_popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 128, 160, 0.7);
  color: #fff;
  padding: 26px 21px 5px 21px;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
}

.about1_popup div {
  font-size: 20px;
  font-weight: bold;
}
.about1_popup span {
  font-size: 15px;
  line-height: 1.867;
  display: block;
  margin-top: 15px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}

.about1_list:hover .about1_txt {
  opacity: 0;
}
.about1_list:hover .about1_popup {
  opacity: 1;
}

.about2 {
  background: #f1f1f1;
  padding: 55px 0 88px 0;
}

.about2_title {
  font-size: 42px;
  color: #018ead;
  font-weight: bold;
  text-align: center;
}

.about2_main {
  margin-top: 45px;
}

.about2_row {
  display: flex;
  align-items: center;
  height: 80px;
  border-radius: 10px;
}

.about2_row:nth-of-type(odd) {
  height: 63px;
  background: #fff;
}

.about2_left {
  width: 226px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  padding-left: 50px;
}
.about2_hr {
  width: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about2_hr div {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #00ad76;
  background: #fff;
}
.about2_hr span {
  flex: 1;
  width: 1px;
  background: #dfdfdf;
}
.about2_row:first-of-type .about2_hr span:first-of-type {
  opacity: 0;
}
.about2_row:last-of-type .about2_hr span:last-of-type {
  opacity: 0;
}
.about2_right {
  width: 960px;
  font-size: 15px;
  color: #555555;
  line-height: 1.867;
  padding: 0 16px 0 50px;
}

.about3 {
  padding: 72px 0 90px 0;
}

.about3_top {
  width: 100%;
  height: 230px;
  background: url(../images/about3_bg.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  padding-top: 32px;
}
.about3_t1 {
  font-size: 36px;
  font-weight: bold;
}
.about3_t2 {
  font-size: 28px;
  margin-top: 12px;
}

.about3_t3 {
  width: 242px;
  height: 50px;
  border-radius: 30px;
  background: #018ead;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  margin: 20px auto 0 auto;
  transition: 0.3s;
}

.about3_t3:hover {
  opacity: 0.85;
}

.about3_t3 div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
  color: #0080a0;
  font-size: 12px;
  margin-left: 25px;
  padding: 1px 0 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about3_bottom {
  margin-top: 68px;
  color: #333333;
  font-size: 15px;
}

.about3_title {
  font-size: 24px;
  font-weight: bold;
}
.about3_text {
  line-height: 2;
  margin-top: 19px;
}
/* #endregion */

/* #region  联系我们*/
.contact_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 88px;
}
.ctop_t1 {
  font-size: 20px;
  color: #555555;
  display: flex;
  align-items: center;
  line-height: 1;
}
.ctop_t1 span {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  margin-right: 5px;
}
.ctop_t2 {
  font-size: 18px;
  color: #555555;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.ctop_t2 div {
  color: #00ad76;
}
.ctop_t2 img {
  margin-right: 15px;
}
.contact_center {
  display: flex;
  background: #f7f7f7;
  margin-top: 56px;
}
.con_left {
  width: 560px;
  padding-top: 43px;
  padding-bottom: 32px;
}
.con_list {
  padding: 0 50px 0 55px;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 25px;
  color: #555555;
  margin-bottom: 22px;
}
.con_list img {
  width: 25px;
  height: 25px;
  margin-right: 14px;
}
.con_list span {
  color: #888888;
}
.con_list div {
  flex: 1;
  overflow: hidden;
}

.con_ewm {
  display: flex;
  align-items: center;
  padding-left: 36px;
}

.con_col {
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  line-height: 1;
}
.con_col img {
  width: 123px;
  height: 123px;
  margin-right: 10px;
}

.con_col span {
  width: 66px;
  border-top: 1px solid #dcdcdc;
  display: block;
  margin: 8px 0;
}

.con_map {
  width: 640px;
  height: 100%;
  min-height: 450px;
}

.con_map img {
  width: 100%;
  height: 100%;
}

.contact_bottom {
  background: #f7f7f7;
  padding: 63px 0 47px 0;
  margin-top: 96px;
}

.con_bt1 {
  font-size: 35px;
  color: #333333;
  display: flex;
  justify-content: center;
}
.con_bt1 div {
  color: #018ead;
  font-weight: bold;
}

.con_bt1 span {
  color: #8a8a8a;
  margin: 0 15px;
  font-weight: bold;
}
.con_bt2 {
  font-size: 18px;
  color: #888888;
  text-align: center;
  margin-top: 17px;
  letter-spacing: 8px;
}

.con_form {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con_input {
  width: 378px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  margin-bottom: 19px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 22px;
}

.con_input2 {
  width: 558px;
}
.con_input input {
  flex: 1;
  height: 100%;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
}
.con_input span {
  color: #b30606;
  font-size: 18px;
  position: relative;
  top: 5px;
  margin-right: 6px;
}
.con_input3 {
  width: 100%;
  border-radius: 5px;
  height: 128px;
  background: #fff;
}
.con_input3 textarea {
  width: 100%;
  height: 100%;
  padding: 16px 22px;
  font-size: 16px;
  color: #333;
  border: none;
  outline: none;
  box-sizing: border-box;
  resize: none;
}

.con_btn {
  width: 302px;
  height: 61px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 57px auto 0 auto;
  transition: 0.3s;
  cursor: pointer;
}

.con_btn:hover {
  opacity: 0.85;
}

.con_form textarea:-ms-input-placeholder,
.con_form input:-ms-input-placeholder {
  color: #888888;
}

.con_form textarea::-webkit-input-placeholder,
.con_form input::-webkit-input-placeholder {
  color: #888888;
}

.con_form textarea::-moz-placeholder,
.con_form input::-moz-placeholder {
  color: #888888;
}

.con_form textarea:-moz-placeholder,
.con_form input:-moz-placeholder {
  color: #888888;
}

.con_form textarea:-moz-placeholder,
.con_form input:-moz-placeholder {
  color: #888888;
}
.con_inputc {
  padding: 0 30px 0 22px;
  position: relative;
  overflow: visible;
}
.con_inputc img {
  margin-left: 15px;
}
.con_select {
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  z-index: 50;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  color: #333;
  display: none;
}
.con_select div {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  transition: 0.2s;
}
.con_select div:hover,
.con_active {
  color: #0e94b2;
}

.programme1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 87px;
}

.pro1_list {
  width: 194px;
  height: 203px;
  background: #f7f7f7;
  border-radius: 5px;
  border-top: 9px solid #00ad76;
  text-align: center;
  padding-top: 30px;
}
.pro1_list div {
  font-size: 18px;
  line-height: 1.778;
  color: #555555;
}
.pro1_list a {
  width: 116px;
  height: 38px;
  background: #018ead;
  color: #fff;
  font-size: 16px;
  margin: 28px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.pro1_list a:hover {
  opacity: 0.85;
}

.programme2 {
  width: 100%;
  height: 279px;
  background: url(../images/programme2.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  margin-top: 75px;
}
.pro2_left {
  width: 600px;
  padding-left: 33px;
}

.pro2_t2 {
  font-size: 15px;
  color: #555555;
  margin-top: 20px;
}

.pro2_t3 {
  display: flex;
  align-items: center;
  margin-top: 38px;
}

.pro2_phone {
  display: flex;
  align-items: center;
  font-size: 34px;
  font-weight: bold;
  color: #0080a0;
}

.pro2_phone img {
  width: 42px;
  height: 42px;
  margin-right: 11px;
}
.pro2_href {
  width: 176px;
  height: 42px;
  border-radius: 30px;
  background: #018ead;
  color: #fff;
  font-size: 16px;
  margin-left: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.pro2_href:hover {
  opacity: 0.85;
}
.pro2_href div {
  margin-left: 20px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  padding: 1px 0 0 2px;
  background: #fff;
  color: #018ead;
  border-radius: 50%;
}

.pro2_right {
  width: 600px;
  font-size: 16px;
  color: #333333;
  line-height: 2.563;
}
.pro2_right div {
  display: inline-block;
  margin-left: 40px;
  padding-right: 20px;
}
.programme3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(../images/pro3_border.png) no-repeat;
  background-size: 100% 8px;
  background-position: left bottom;
  padding: 113px 0 85px 0;
}
.pro3_left {
  width: 600px;
  padding-right: 30px;
}
.pro3_right img {
  max-width: 600px;
}
.pro3_top {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.pro3_label {
  width: 86px;
  height: 102px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-top: 15px;
  background: url(../images/pro3_label.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 45px;
}
.pro3_label span {
  display: block;
}
.pro3_label div {
  width: 68px;
  height: 2px;
  background: #fff;
  margin: 12px auto 0 auto;
}

.pro3_title {
  font-size: 36px;
  color: #333333;
  display: flex;
  align-items: center;
}
.pro3_title div {
  font-weight: bold;
  color: #018ead;
}
.pro3_title span {
  font-weight: bold;
  margin: 0 16px;
  color: #8a8a8a;
}

.pro3_row {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 30px;
}
.pro3_row:last-of-type {
  margin-bottom: 0;
}
.pro3_row img {
  width: 11px;
  height: 12px;
  position: relative;
  top: 9px;
  margin-right: 23px;
}

.programme4 {
  padding: 75px 0 85px 0;
}
.programme5 {
  padding: 70px 0 72px 0;
}
.programme6 {
  padding: 75px 0 82px 0;
  background: none;
}
/* #endregion */

/* #region  实验室*/
.laboratory_tab {
  margin-top: 55px;
  display: flex;
  justify-content: center;
  margin-bottom: 53px;
}
.ltab_item {
  width: 176px;
  height: 44px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #454545;
  margin: 0 20px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #eeeeee;
}
.ltab_item:hover,
.ltab_active {
  background: #00ad76;
  color: #fff;
}

.laboratory_main1 {
  padding-bottom: 66px;
}

.laboratory1 {
  height: 332px;
  display: flex;
  align-items: center;
  background: #018ead;
}
.lab1_left {
  width: 600px;
  height: 100%;
}

.lab1_left img {
  width: 100%;
  height: 100%;
}

.lab1_right {
  width: 600px;
  padding: 0 50px;
  color: #fff;
}

.lab1_t1 {
  display: flex;
  align-items: center;
  font-size: 30px;
}
.lab1_t1 div {
  font-weight: bold;
}
.lab1_t1 span {
  font-weight: bold;
  margin: 0 15px;
}

.lab1_hr {
  width: 73px;
  height: 3px;
  background: #00ad76;
  margin-top: 25px;
}

.lab1_t2 {
  font-size: 14px;
  line-height: 2.57;
  margin-top: 22px;
}

.laboratory2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
  /* padding-bottom: 33px; */
}

.lab1_swiper,
.lab2_swiper {
  height: 786px;
}
.lab1_swiper .swiper-slide,
.lab2_swiper .swiper-slide {
  height: auto;
  margin-top: 0 !important;
  margin-bottom: 30px;
}

.lab_list {
  display: block;
  width: 100%;
  /* width: 376px;
  margin-right: 36px;
  margin-bottom: 30px; */
}
/* .lab_list:nth-of-type(3n + 3) {
  margin-right: 0;
} */
.lab_list div {
  width: 100%;
  height: 282px;
  overflow: hidden;
}
.lab_list img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.lab_list span {
  display: block;
  width: 100%;
  height: 64px;
  background: #f1f1f1;
  font-size: 16px;
  color: #333;
  line-height: 64px;

  padding: 0 15px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.2s;
}

.lab_list:hover img {
  transform: scale(1.05);
}

.lab_list:hover span {
  color: #0e94b2;
}

.laboratory_page {
  display: flex;
  align-items: center;
  justify-content: center;
}
.laboratory_page a {
  width: 99px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  border: 1px solid #e5e5e5;
  outline: none;
  cursor: pointer;
}
.laboratory_page img {
  transition: 0.3s;
}
.laboratory_page a:first-of-type:hover img {
  transform: translateX(-10px);
}

.laboratory_page a:last-of-type:hover img {
  transform: translateX(10px);
}

.laboratory_main2 {
  padding-bottom: 75px;
}

/* #endregion */

/* #region  团队资质*/
.team1 {
  margin-top: 87px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.team1_left {
  width: 520px;
}
.team1_t1 {
  font-size: 36px;
  color: #333333;
  display: flex;
  align-items: center;
}
.team1_t1 div {
  color: #018ead;
  font-weight: bold;
}
.team1_t1 span {
  font-weight: bold;
  color: #8a8a8a;
  margin: 0 15px;
}
.team1_hr {
  width: 73px;
  height: 3px;
  background: #00ad76;
  margin-top: 23px;
}
.team1_t2 {
  font-size: 16px;
  color: #333333;
  line-height: 2.25;
  margin-top: 38px;
}
.team1_right {
  width: 578px;
}
.team1_right img {
  width: 100%;
}
.team_title {
  font-size: 42px;
  font-weight: bold;
  color: #018ead;
  text-align: center;
}
.team2 {
  margin-top: 82px;
}
.team2_swiper {
  margin-top: 38px;
  margin-bottom: 58px;
}
.team2_list {
  width: 100%;
  background: #f7f7f7;
}
.team2_list div {
  width: 100%;
  height: 272px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.team2_list img {
  max-width: 100%;
  max-height: 100%;
  transition: 0.5s;
}
.team2_list span {
  display: block;
  width: 100%;
  height: 50px;
  background: #0080a0;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-align: center;
  transition: 0.3s;
}
.team2_list:hover span {
  background: #00ad76;
}

.team3 {
  background: #f7f7f7;
  margin-top: 62px;
  padding: 63px 0 45px 0;
}

.team3_swiper {
  height: 290px;
  margin-top: 43px;
}
.team3_swiper .swiper-slide {
  height: auto;
  margin-top: 28px;
}
.team3_list {
  width: 100%;
  height: 102px;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team3_list img {
  max-width: 100%;
  max-height: 100%;
}

/* #endregion */

/* #region  新闻资讯*/
.news_tab {
  display: flex;
  justify-content: center;
  margin-top: 55px;
}

.ntab_item {
  width: 176px;
  height: 44px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #454545;
  margin-right: 20px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #eeeeee;
}
.ntab_item:last-of-type {
  margin-right: 0;
}
.ntab_active,
.ntab_item:hover {
  background: #00ad76;
  border: 1px solid #00ad76;
  color: #fff;
}
.news_row {
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news_list {
  display: flex;
  align-items: center;
  width: 586px;
  height: 242px;
  border-radius: 6px;
  background: #f7f7f7;
  padding: 0 20px 0 23px;
  color: #333333;
  margin-bottom: 38px;
  transition: 0.2s;
}

.news_left {
  margin-right: 18px;
}
.news_left img {
  width: 282px;
  height: 186px;
}
.news_right {
  flex: 1;
  overflow: hidden;
}
.news_title {
  font-size: 16px;
  line-height: 26px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 52px;
}
.news_time {
  font-size: 14px;
  color: #888888;
  margin-top: 13px;
}
.news_text {
  font-size: 14px;
  color: #888888;
  line-height: 1.857;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 16px;
}

.news_list:hover {
  color: #0e94b2;
}
.news_page {
  padding: 42px 0 88px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_page a {
  width: 42px;
  height: 42px;
  border-radius: 3px;
  background: #f6f6f6;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7b7a7a;
  margin: 0 6px;
  transition: 0.3s;
}

.news_page a:hover,
.news_page .npage_active {
  background: #00ad76;
  color: #fff;
}
/* #endregion */

/* #region  单页*/
.show_main {
  color: #333333;
  padding: 60px 0 92px 0;
}
.show_title {
  font-size: 24px;
  text-align: center;
}
.show_time {
  font-size: 14px;
  text-align: center;
  margin-top: 18px;
}
.show_text {
  font-size: 15px;
  line-height: 2.4;
  margin-top: 32px;
}

.show_text img {
  display: inline;
  max-width: 100%;
}

.show_page {
  width: 100%;
  height: 65px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  margin-top: 120px;
}
.show_page a {
  width: 50%;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #555555;
  transition: 0.2s;
  text-align: center;
}
.show_page a:hover {
  color: #0e94b2;
}
.show_label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 156px;
  height: 40px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  color: #454545;
  margin-top: 63px;
}
.show_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

/* #endregion */

/* #region  wx*/
.addwx{
  position: relative;
}
.addwx div{
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  border-radius: 5px;
  background: #fff;
  padding: 7px;
  z-index: 99;
  box-shadow: 0px 1px 25px 1px rgba(0, 0, 0, 0.21);
  display: none;
}
.addwx img{
  width: 100%;
  height: 100%;
}
/* #endregion */

/* #region  */

/* #endregion */