@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 60px;
  border-bottom: 1px solid transparent;
  background: none;
}

.header:hover {
  background: #fff;
}

.header:hover .nav .logo .img1 {
  display: none;
}

.header:hover .nav .logo .img2 {
  display: block;
}

.header:hover .nav .navcccc ul li a {
  color: #000;
}

.header:hover .nav .navcccc .qiehuan a {
  color: #000;
}

.header:hover .nav .navcccc .caozuo {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.header:hover .nav .navcccc .caozuo a {
  color: #fff;
}

.header.hover {
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.header.hover .nav .logo .img1 {
  display: none;
}

.header.hover .nav .logo .img2 {
  display: block;
}

.header.hover .nav .navcccc ul li.active a {
  color: #0089e4;
}

.header.hover .nav .navcccc ul li a {
  color: #000;
}

.header.hover .nav .navcccc .qiehuan a {
  color: #000;
}

.header.hover .nav .navcccc .caozuo {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.header.hover .nav .navcccc .caozuo a {
  color: #fff;
}

.header .nav {
  margin: auto;
  max-width: 1740px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header .nav .logo {
  width: 240px;
}

.header .nav .logo img {
  width: 100%;
}

.header .nav .logo .img1 {
  display: block;
}

.header .nav .logo .img2 {
  display: none;
}

.header .nav .navcccc {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header .nav .navcccc ul {
  width: 65%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header .nav .navcccc ul li {
  width: 16%;
  height: 74px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header .nav .navcccc ul li.active a {
  opacity: 1;
}

.header .nav .navcccc ul li:hover .subnav {
  display: block;
}

.header .nav .navcccc ul li:hover a {
  color: #0089e4;
}

.header .nav .navcccc ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
  opacity: 0.8;
  white-space: nowrap;
}

.header .nav .navcccc ul li .subnav {
  position: absolute;
  top: 74px;
  left: -50px;
  display: none;
  width: 280px;
  height: auto;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 45px;
  border-top: 2px solid transparent;
  -webkit-box-shadow: 0 0 7px #ccc;
          box-shadow: 0 0 7px #ccc;
}

.header .nav .navcccc ul li .subnav .nav22 {
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 3px solid transparent;
}

.header .nav .navcccc ul li .subnav .nav22::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 3px;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  display: none;
}

.header .nav .navcccc ul li .subnav .nav22:hover::after {
  display: block;
}

.header .nav .navcccc ul li .subnav .nav22:hover i {
  background-color: #01A5D7;
}

.header .nav .navcccc ul li .subnav .nav22:hover p {
  color: #0089e4;
}

.header .nav .navcccc ul li .subnav .nav22 i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #c1c6d6;
}

.header .nav .navcccc ul li .subnav .nav22 p {
  color: #000;
  font-size: 16px;
}

.header .nav .navcccc .qiehuan {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .nav .navcccc .qiehuan a {
  width: auto;
  margin-right: 20px;
  color: #fff;
  opacity: 0.5;
  font-size: 16px;
}

.header .nav .navcccc .qiehuan a:hover {
  opacity: 1;
}

.header .nav .navcccc .qiehuan a.active {
  opacity: 1;
}

.header .nav .navcccc .caozuo {
  margin-left: 30px;
  width: 100px;
  height: 38px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.header .nav .navcccc .caozuo a {
  color: #fff;
  font-size: 15px;
  width: 100%;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header_mobile {
  display: none;
  background-color: #fff;
  height: 70px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
}

.header_mobile .logo {
  width: 140px;
  height: auto;
}

.header_mobile .youce {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_mobile .youce .change {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_mobile .youce .change a {
  color: #000;
  font-size: 16px;
  opacity: 0.6;
  margin-right: 18px;
}

.header_mobile .youce .change a.active {
  opacity: 1;
}

.header_mobile .youce .menu {
  margin-left: 15px;
  width: 21px;
  height: auto;
}

.header_mobile .navcaidan {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 99;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
}

.header_mobile .navcaidan .cdddclose {
  position: absolute;
  top: 3%;
  right: 5%;
  height: 8%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header_mobile .navcaidan .cdddclose img {
  width: 15px;
  height: 15px;
}

.header_mobile .navcaidan ul {
  width: 100%;
  height: 83vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-top: 1%;
}

.header_mobile .navcaidan ul li {
  width: 100%;
  height: auto;
}

.header_mobile .navcaidan ul li a {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header_mobile .navcaidan ul li .ssubbb {
  width: 100%;
  height: auto;
}

.header_mobile .navcaidan ul li .ssubbb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 35px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  font-size: 13px;
  color: #666;
}

.header_mobile .navcaidan .caozuo {
  margin: auto;
  margin-top: 50px;
  width: 130px;
  height: 40px;
  background-color: #0089e4;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header_mobile .navcaidan .caozuo a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 15px;
}

.wrap {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 125%;
  /* 100/0.8 = 125 */
  height: 125%;
  /* 改背景和圆角 */
  /* 改标题样式 */
}

.wrap .BMap_bubble_top {
  margin-bottom: 20px !important;
}

.wrap .BMap_bubble_title {
  width: 100% !important;
  margin-bottom: 30px !important;
}

.wrap .BMap_bubble_pop {
  padding: 20px !important;
}

.wrap .BMap_bubble_content {
  background-color: #fff !important;
  border-radius: 10px !important;
  padding: 0px !important;
  font-size: 14px !important;
  color: #333 !important;
  width: 95.5% !important;
}

.wrap .BMap_pop div:nth-child(1) h2 {
  color: #007bff !important;
  font-size: 18px !important;
}

.wrap.newsdetail {
  background: -webkit-gradient(linear, left top, left bottom, from(#29B9E0), color-stop(35%, #FFFFFF));
  background: linear-gradient(to bottom, #29B9E0, #FFFFFF 35%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 180px;
}

.wrap.aboutttt {
  background: url(../img/ba/bg.png) no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 180px;
}

.wrap .top {
  width: 100%;
  height: auto;
}

.wrap .top .banner {
  width: 100%;
  height: 980px;
}

.wrap .top .banner .indexbanner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .top .banner .indexbanner .wenzi {
  position: absolute;
  z-index: 8;
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .top .banner .indexbanner .wenzi p {
  color: #fff;
  font-size: 60px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .top .banner .indexbanner .wenzi span {
  margin-top: 70px;
  font-size: 19px;
  color: #fff;
  opacity: 1;
  width: 39%;
  line-height: 35px;
}

.wrap .top .banner .indexbanner .wenzi a {
  margin-top: 60px;
  width: 235px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00e2bc));
  background: linear-gradient(to right, #0089e4, #00e2bc);
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
}

.wrap .top .banner .indexbanner .wenzi a img {
  margin-left: 60px;
  width: auto;
}

.wrap .top .banner .indexbanner .didi {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrap .top .banner .indexbanner .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .top .banner .indexbanner .swiper-slide .didi {
  width: 100%;
  height: 100%;
}

.wrap .top .banner .indexbanner .swiper-pagination {
  bottom: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .top .banner .indexbanner .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 10px;
}

.wrap .top .banner .indexbanner .swiper-pagination .swiper-pagination-bullet-active {
  background: url(../img/acbbbb.png) center no-repeat;
  background-size: 100% 100%;
  width: 25px;
  height: 25px;
}

.wrap .top .banner_mobile {
  display: none;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.wrap .top .banner_mobile .indexbanner {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap .top .banner_mobile .indexbanner .didi {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrap .top .banner_mobile .indexbanner .wenzi {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 888;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8%;
  padding-top: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .top .banner_mobile .indexbanner .wenzi p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 5px;
  font-family: hmzt22;
}

.wrap .top .banner_mobile .indexbanner .wenzi span {
  margin-top: 12px;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  opacity: 1;
}

.wrap .top .banner_mobile .indexbanner .wenzi a {
  color: #fff;
  width: 130px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00e2bc));
  background: linear-gradient(to right, #0089e4, #00e2bc);
  font-size: 13px;
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.wrap .top .banner_mobile .indexbanner .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap .content {
  width: 100%;
  height: auto;
}

.wrap .content .index {
  width: 100%;
  height: auto;
}

.wrap .content .index .index_about {
  position: relative;
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  background: url(../img/index/bg1.png) 30% -550px no-repeat;
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 190px 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: hidden;
}

.wrap .content .index .index_about h2 {
  margin-bottom: 20px;
  font-size: 36px;
  background: -webkit-gradient(linear, left top, right top, from(#0090E1), to(#00DFBD));
  background: linear-gradient(to right, #0090E1, #00DFBD);
  -webkit-background-clip: text;
  color: transparent;
}

.wrap .content .index .index_about h3 {
  margin-bottom: 40px;
  font-size: 55px;
  color: #000;
  font-weight: bold;
}

.wrap .content .index .index_about .dess {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .index .index_about .dess h4 {
  font-size: 40px;
  color: #000;
  margin-bottom: 20px;
  font-family: hmzt22;
}

.wrap .content .index .index_about .dess p {
  color: #000;
  font-size: 16px;
  width: 50%;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .index .index_about .nbanner {
  margin-top: 50px;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.wrap .content .index .index_about a {
  position: absolute;
  top: 20%;
  right: 5%;
  z-index: 7;
  width: auto;
}

.wrap .content .index .index_about a img {
  width: auto;
}

.wrap .content .index .youshi {
  margin: auto;
  width: 100%;
  height: auto;
}

.wrap .content .index .youshi ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .youshi ul li {
  width: 33.33%;
  height: 985px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: url(../img/index/tu1.jpg) center no-repeat;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  cursor: pointer;
}

.wrap .content .index .youshi ul li:nth-child(2) {
  background: url(../img/index/tu2.jpg) center no-repeat;
  background-size: cover;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.wrap .content .index .youshi ul li:nth-child(3) {
  background: url(../img/index/tu3.jpg) center no-repeat;
  background-size: cover;
}

.wrap .content .index .youshi ul li:hover .mask {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 142, 209, 0.5)), to(rgba(12, 173, 171, 0.9)));
  background: linear-gradient(to bottom, rgba(11, 142, 209, 0.5), rgba(12, 173, 171, 0.9));
}

.wrap .content .index .youshi ul li:hover .cccc .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .content .index .youshi ul li .mask {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background: rgba(0, 0, 0, 0.6);
}

.wrap .content .index .youshi ul li .cccc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10% 20%;
}

.wrap .content .index .youshi ul li .cccc img {
  width: auto;
  margin-bottom: 85px;
}

.wrap .content .index .youshi ul li .cccc h3 {
  font-size: 33px;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  font-family: hmzt22;
}

.wrap .content .index .youshi ul li .cccc p {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  font-family: hmzt11;
}

.wrap .content .index .youshi ul li .cccc .more {
  margin-top: 85px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.wrap .content .index .youshi ul li .cccc .more span {
  color: #fff;
  font-size: 16px;
  margin-bottom: 80px;
  text-align: center;
  line-height: 35px;
  font-family: hmzt11;
}

.wrap .content .index .youshi ul li .cccc .more a {
  width: auto;
}

.wrap .content .index .youshi ul li .cccc .more a img {
  width: auto;
}

.wrap .content .index .anli {
  margin: auto;
  max-width: 1750px;
  margin: 175px auto;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
}

.wrap .content .index .anli .anli_top {
  width: 100%;
  height: auto;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .anli .anli_top h3 {
  font-size: 48px;
  font-family: hmzt22;
}

.wrap .content .index .anli .anli_top .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .index .anli .anli_top .xuanze img {
  width: auto;
  cursor: pointer;
}

.wrap .content .index .anli .anli_top .xuanze img:first-child {
  margin-right: 40px;
}

.wrap .content .index .anli .anlilunbo {
  width: 100%;
  height: 700px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}

.wrap .content .index .anli .anlilunbo .swiper-container {
  border-radius: 15px;
  overflow: hidden;
}

.wrap .content .index .anli .anlilunbo .swiper-slide {
  position: relative;
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(1);
          transform: scale(1);
  margin-left: 20px;
  overflow: hidden;
}

.wrap .content .index .anli .anlilunbo .swiper-slide .didi {
  width: 100%;
  border-radius: 15px;
}

.wrap .content .index .anli .anlilunbo .swiper-slide .desss {
  display: none;
  position: absolute;
  left: 5%;
  bottom: 8%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 75%;
}

.wrap .content .index .anli .anlilunbo .swiper-slide .desss p {
  color: #fff;
  font-size: 33px;
  font-family: hmzt22;
}

.wrap .content .index .anli .anlilunbo .swiper-slide .desss span {
  color: #fff;
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin: 30px 0;
  width: 100%;
  line-height: 33px;
  font-family: hmzt11;
}

.wrap .content .index .anli .anlilunbo .swiper-slide .desss i {
  font-style: normal;
  font-size: 16px;
  color: #fff;
  opacity: 1;
  font-family: hmzt11;
}

.wrap .content .index .anli .anlilunbo .swiper-slide-active,
.wrap .content .index .anli .anlilunbo .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 9999;
}

.wrap .content .index .anli .anlilunbo .swiper-slide-active .desss,
.wrap .content .index .anli .anlilunbo .swiper-slide-duplicate-active .desss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .content .index .anli .anlilunbo .swiper-pagination {
  bottom: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .index .anli .anlilunbo .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background-color: #CDD7DD;
  opacity: 1;
}

.wrap .content .index .anli .anlilunbo .swiper-pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#008BE3), to(#00DFBD));
  background: linear-gradient(to right, #008BE3, #00DFBD);
}

.wrap .content .index .adddd {
  margin-bottom: 80px;
  width: 100%;
  height: 9.8rem;
  max-height: 980px;
  background: url(../img/index/bg1.jpg) center no-repeat;
  background-size: 100% 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .index .adddd h2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #fff), to(transparent));
  background: linear-gradient(to bottom, #fff 38%, transparent);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 110px;
  margin-bottom: 40px;
  font-family: hmzt22;
}

.wrap .content .index .adddd p {
  color: #fff;
  font-size: 26px;
  max-width: 70%;
  text-align: center;
  font-family: hmzt11;
}

.wrap .content .index .adddd a {
  margin-top: 100px;
  width: 240px;
  height: 60px;
  background-color: #fff;
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #0089e4;
}

.wrap .content .index .adddd a img {
  width: auto;
  margin-left: 50px;
}

.wrap .content .index .index_news {
  margin: auto;
  margin-bottom: 180px;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .index .index_news .bttt {
  margin-bottom: 50px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_news .bttt h2 {
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .index .index_news .bttt a {
  width: auto;
}

.wrap .content .index .index_news .bttt a img {
  width: auto;
}

.wrap .content .index .index_news .index_newscccc {
  width: 100%;
  height: auto;
}

.wrap .content .index .index_news .index_newscccc ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_news .index_newscccc ul li {
  width: 31%;
  height: 465px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
}

.wrap .content .index .index_news .index_newscccc ul li:hover a p {
  color: #0089e4;
}

.wrap .content .index .index_news .index_newscccc ul li:hover a span {
  color: #0089e4;
}

.wrap .content .index .index_news .index_newscccc ul li:hover a i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .index .index_news .index_newscccc ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_news .index_newscccc ul li a img {
  width: 100%;
  height: 3.1rem;
  max-height: 300px;
}

.wrap .content .index .index_news .index_newscccc ul li a p {
  color: #000;
  font-size: 26px;
  font-family: hmzt22;
}

.wrap .content .index .index_news .index_newscccc ul li a span {
  font-size: 20px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.wrap .content .index .index_news .index_newscccc ul li a i {
  margin-top: 15px;
  width: 100%;
  height: 2px;
  background: #ccc;
}

.wrap .content .index .index_liuyan {
  margin: auto;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6% 0;
  background: url(../img/index/bg2.jpg) center no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .index .index_liuyan h2 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  font-size: 48px;
  color: #000;
  margin-bottom: 80px;
  text-align: left;
  font-family: hmzt22;
}

.wrap .content .index .index_liuyan .index_liuyancccc {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 {
  width: 24%;
  height: 70px;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2%;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 img {
  width: auto;
  margin-right: 20px;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 input {
  width: 90%;
  height: auto;
  font-size: 16px;
  outline: none;
  border: none;
  background: none;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 input::-webkit-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 input:-ms-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 input::-ms-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru1 input::placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 {
  position: relative;
  width: 24%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2%;
  cursor: pointer;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 img {
  margin-right: 20px;
  width: auto;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .shuru2cccc {
  width: 90%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .shuru2cccc.active img {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .shuru2cccc p {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .shuru2cccc img {
  margin-right: 0px;
  margin-left: 20px;
  width: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  display: none;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7%;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li {
  padding: 15px 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li.active .dess i {
  background-color: #0089e4;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li.active .dess p {
  color: #0089e4;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li.active img {
  opacity: 1;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li .dess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li .dess i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 20px;
  background-color: #ccc;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li .dess p {
  color: #000;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_top .shuru2 .xiala ul li img {
  width: auto;
  opacity: 0;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom {
  margin-top: 15px;
  width: 100%;
  height: 260px;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom textarea {
  width: 100%;
  height: 100%;
  outline: none;
  resize: none;
  border: none;
  background-color: #fff;
  border-radius: 15px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom textarea:-ms-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom textarea::-ms-input-placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .shuru_bottom textarea::placeholder {
  color: #999;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .index .index_liuyan .index_liuyancccc .anniu {
  margin: auto;
  margin-top: 80px;
  width: 240px;
  height: 65px;
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#008BE3), to(#00DEBE));
  background: linear-gradient(to right, #008BE3, #00DEBE);
}

.wrap .content .index .index_liuyan .index_liuyancccc .anniu img {
  width: auto;
  margin-left: 60px;
}

.wrap .content .equipment {
  width: 100%;
  height: auto;
}

.wrap .content .equipment .eqq1 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 165px 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .equipment .eqq1 .eqq1_left {
  width: 30.1%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .equipment .eqq1 .eqq1_left h3 {
  font-size: 48px;
  color: #000;
  font-weight: bold;
  font-family: hmzt22;
}

.wrap .content .equipment .eqq1 .eqq1_left p {
  margin-top: 85px;
  margin-bottom: 120px;
  font-size: 22px;
  color: #666;
  line-height: 40px;
  font-family: hmzt11;
}

.wrap .content .equipment .eqq1 .eqq1_left span {
  font-size: 22px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 36px;
}

.wrap .content .equipment .eqq1 .eqq1_right {
  width: auto;
}

.wrap .content .equipment .eqq1 .eqq1_right img {
  width: auto;
}

.wrap .content .equipment .eqq2 {
  margin: auto;
  margin-bottom: 45px;
  width: 100%;
  height: auto;
  background: url(../img/er/bg.png) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .equipment .eqq2 h3 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  font-size: 48px;
  color: #fff;
  margin-bottom: 85px;
  text-align: left;
  font-family: hmzt22;
}

.wrap .content .equipment .eqq2 .eqq2ccc {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li {
  width: 32%;
  height: 640px;
  background: url(../img/er/tu1.png) center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 7%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 2px solid #fff;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li:nth-child(2) {
  background: url(../img/er/tu2.png) center no-repeat;
  background-size: cover;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li:nth-child(3) {
  background: url(../img/er/tu3.png) center no-repeat;
  background-size: cover;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li:nth-child(3) span {
  width: 52%;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li img {
  width: auto;
  margin-bottom: 145px;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li p {
  color: #000;
  font-size: 28px;
  margin-bottom: 50px;
  font-family: hmzt22;
}

.wrap .content .equipment .eqq2 .eqq2ccc ul li span {
  color: #000;
  font-size: 18px;
  width: 40%;
  text-align: center;
  line-height: 33px;
  font-family: hmzt11;
}

.wrap .content .equipment .eqq3 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 180px;
}

.wrap .content .equipment .eqq3 .eqq3_title {
  width: 100%;
  height: auto;
  margin-bottom: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .equipment .eqq3 .eqq3_title h3 {
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .equipment .eqq3 .eqq3_title .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .equipment .eqq3 .eqq3_title .xuanze img {
  width: auto;
  cursor: pointer;
}

.wrap .content .equipment .eqq3 .eqq3_title .xuanze img:first-child {
  margin-right: 40px;
}

.wrap .content .equipment .eqq3 .eqq3cccc {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .oneTWOOO {
  display: block;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .oneTWOOO1 {
  display: none;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .didi {
  width: 100%;
  height: 100%;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt {
  position: absolute;
  top: 25%;
  left: 5%;
  z-index: 2;
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt h3 {
  color: #fff;
  font-size: 45px;
  margin-bottom: 80px;
  font-family: hmzt22;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt ul li {
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0px;
  width: 100%;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt ul li i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #fff;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc .swiper-slide .btttt ul li p {
  width: 90%;
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  font-family: hmzt11;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #ccc;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul li {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul li.active p {
  color: #0089e4;
  font-weight: bold;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul li.active i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul li p {
  color: #212121;
  font-size: 18px;
  text-align: center;
  font-family: hmzt11;
}

.wrap .content .equipment .eqq3 .eqq3cccc .index7cccc1 ul li i {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 120px;
  height: 4px;
  background: transparent;
  border-radius: 5px;
}

.wrap .content .jishu {
  width: 100%;
  height: auto;
}

.wrap .content .jishu .jishu1 {
  margin: auto;
  margin-bottom: 220px;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 170px 0%;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .jishu .jishu1 .jishu1_left {
  width: 32%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .jishu .jishu1 .jishu1_left h3 {
  font-size: 48px;
  color: #000;
  font-weight: bold;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu1 .jishu1_left p {
  margin: 110px 0;
  margin-top: 85px;
  margin-bottom: 125px;
  font-size: 22px;
  color: #666;
  line-height: 45px;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu1 .jishu1_left span {
  font-size: 22px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 40px;
}

.wrap .content .jishu .jishu1 .jishu1_right {
  width: 55%;
}

.wrap .content .jishu .jishu1 .jishu1_right img {
  width: 100%;
}

.wrap .content .jishu .jishu2 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0%;
  padding-bottom: 170px;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .jishu .jishu2 h3 {
  font-weight: 100;
  font-size: 48px;
  color: #000;
  margin-bottom: 85px;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu2 .jishu2cccc {
  width: 100%;
}

.wrap .content .jishu .jishu2 ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .jishu .jishu2 ul li {
  width: 24%;
  height: 560px;
  background: url(../img/san/ditu1.png) center no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  border-radius: 10px;
}

.wrap .content .jishu .jishu2 ul li:nth-child(2) {
  background: url(../img/san/ditu2.png) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .jishu .jishu2 ul li:nth-child(3) {
  background: url(../img/san/ditu3.png) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .jishu .jishu2 ul li:nth-child(4) {
  background: url(../img/san/ditu4.png) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .jishu .jishu2 ul li img {
  width: auto;
  margin-bottom: 130px;
}

.wrap .content .jishu .jishu2 ul li .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .jishu .jishu2 ul li .des p {
  color: #fff;
  font-size: 28px;
  margin-bottom: 40px;
  text-align: center;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu2 ul li .des span {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  opacity: 1;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu3 {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 170px 0;
  background: url(../img/san/bg.png) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .jishu .jishu3 .jishu3_top {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  margin-bottom: 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .jishu .jishu3 .jishu3_top h3 {
  font-size: 48px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu3 .jishu3_top h3 span {
  font-size: 22px;
  margin-top: 20px;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft {
  margin-right: 40px;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft:hover {
  background: #fff;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft:hover .img1 {
  display: none;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft:hover .img2 {
  display: block;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft img {
  width: auto;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft .img1 {
  display: block;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgleft .img2 {
  display: none;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright:hover {
  background: #fff;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright:hover .img1 {
  display: none;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright:hover .img2 {
  display: block;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright img {
  width: auto;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright .img1 {
  display: block;
}

.wrap .content .jishu .jishu3 .jishu3_top .xuanze .imgright .img2 {
  display: none;
}

.wrap .content .jishu .jishu3 .jishu3cccc {
  margin: auto;
  width: 100%;
  height: 700px;
  overflow: hidden;
  position: relative;
}

.wrap .content .jishu .jishu3 .jishu3cccc .oneTWOOO {
  display: block;
  overflow: hidden;
}

.wrap .content .jishu .jishu3 .jishu3cccc .oneTWOOO1 {
  display: none;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide {
  position: relative;
  width: 1316px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  margin-left: 20px;
  overflow: hidden;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide .didi {
  width: 100%;
  border-radius: 15px;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide .btttt {
  position: absolute;
  left: 5%;
  bottom: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 60%;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide .btttt h3 {
  color: #fff;
  font-size: 33px;
  margin-bottom: 20px;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide .btttt span {
  color: #fff;
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin: 30px 0;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide .btttt p {
  font-style: normal;
  font-size: 16px;
  color: #fff;
  opacity: 1;
  width: 80%;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide-active,
.wrap .content .jishu .jishu3 .jishu3cccc .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 9999;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-pagination {
  bottom: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background-color: #CDD7DD;
  opacity: 1;
}

.wrap .content .jishu .jishu3 .jishu3cccc .swiper-pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#008BE3), to(#00DFBD));
  background: linear-gradient(to right, #008BE3, #00DFBD);
}

.wrap .content .jishu .jishu4 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 130px;
}

.wrap .content .jishu .jishu4 .jishu4_title {
  width: 100%;
  height: auto;
  margin-bottom: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .jishu .jishu4 .jishu4_title h3 {
  font-size: 48px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu4 .jishu4_title h3 span {
  margin-top: 20px;
  color: #666;
  font-size: 22px;
  font-family: hmzt11;
}

.wrap .content .jishu .jishu4 .jishu4_title .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .jishu .jishu4 .jishu4_title .xuanze img {
  width: auto;
  cursor: pointer;
}

.wrap .content .jishu .jishu4 .jishu4_title .xuanze img:first-child {
  margin-right: 40px;
}

.wrap .content .jishu .jishu4 .jishu4cccc {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .oneTWOOO2222 {
  display: block;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .oneTWOOO3333 {
  display: none;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .didi {
  width: 100%;
  height: 100%;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide h4 {
  font-size: 42px;
  color: #000;
  position: absolute;
  top: 15%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 4%;
  line-height: 55px;
  font-family: hmzt22;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide ul {
  position: absolute;
  bottom: 8%;
  z-index: 3;
  height: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide ul li {
  margin-right: 3%;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 120px;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3%;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide ul li:last-child {
  margin-right: 0;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide ul li img {
  width: 75px;
  margin-right: 35px;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide ul li p {
  color: #000;
  font-size: 16px;
  width: 85%;
  line-height: 28px;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .btttt {
  position: absolute;
  top: 25%;
  left: 5%;
  z-index: 2;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .btttt h3 {
  color: #fff;
  font-size: 45px;
  margin-bottom: 80px;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .btttt ul {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .btttt ul li {
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc .swiper-slide .btttt ul li i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #fff;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 {
  margin: auto;
  width: 90%;
  height: 80px;
  border-bottom: 1px solid #ccc;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul li {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 15px;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul li.active p {
  color: #0089e4;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul li.active i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul li p {
  color: #212121;
  font-size: 18px;
}

.wrap .content .jishu .jishu4 .jishu4cccc .index7cccc1 ul li i {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 2px;
  background: transparent;
}

.wrap .content .fazhan {
  width: 100%;
  height: auto;
  background: url(../img/si/bg.png) center 750px no-repeat;
  background-size: 100%;
}

.wrap .content .fazhan .fazhan1 {
  margin: auto;
  width: 1750px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0;
}

.wrap .content .fazhan .fazhan1 .btttt {
  margin-bottom: 85px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .fazhan .fazhan1 .btttt h3 {
  font-size: 48px;
  color: #000;
  font-weight: bold;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhan1 .btttt p {
  color: #212121;
  font-size: 20px;
  line-height: 40px;
  width: 35%;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhan1 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.wrap .content .fazhan .fazhanlist {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 6%;
  padding-bottom: 70px;
}

.wrap .content .fazhan .fazhanlist .fazhan2 {
  margin: auto;
  max-width: 1750px;
  margin-bottom: 100px;
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan2 h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 85px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left {
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt {
  margin-bottom: 80px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt span {
  color: #333;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left ul li {
  margin-bottom: 23px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left ul li img {
  margin-right: 15px;
  width: auto;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left ul li p {
  color: #666;
  font-size: 16px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 10px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhanlist .fazhan2 .fazhan2cccc .zhu .imgright {
  position: absolute;
  right: 0;
  width: 48%;
  border-radius: 15px;
}

.wrap .content .fazhan .fazhanlist .fazhan3 {
  margin: auto;
  max-width: 1750px;
  margin-bottom: 100px;
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan3 h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 80px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left {
  position: absolute;
  right: 0;
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: last flex-end;
      -ms-flex-align: last flex-end;
          align-items: last flex-end;
  padding-right: 15%;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt {
  margin-bottom: 80px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  margin-bottom: 15px;
  padding-right: 8%;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt span {
  color: #333;
  font-size: 16px;
  padding-right: 5%;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 520px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left ul li {
  margin-bottom: 23px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left ul li img {
  margin-right: 15px;
  width: auto;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left ul li p {
  color: #666;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt2 {
  width: 520px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhanlist .fazhan3 .fazhan3cccc .zhu .imgright {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 45%;
  border-radius: 15px;
}

.wrap .content .fazhan .fazhan4 {
  margin: auto;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0;
  padding-top: 0%;
}

.wrap .content .fazhan .fazhan4 .fazhan4_top {
  margin: auto;
  max-width: 1687px;
  width: 100%;
  height: auto;
  margin-bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .fazhan .fazhan4 .fazhan4_top h3 {
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhan4 .fazhan4_top .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .fazhan .fazhan4 .fazhan4_top .xuanze img {
  width: auto;
  cursor: pointer;
}

.wrap .content .fazhan .fazhan4 .fazhan4_top .xuanze img:first-child {
  margin-right: 40px;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc {
  margin: auto;
  width: 100%;
  height: 730px;
  overflow: hidden;
  position: relative;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .oneTWOOO {
  display: block;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .oneTWOOO1 {
  display: none;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide {
  position: relative;
  width: 1680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  overflow: hidden;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .didi {
  width: 100%;
  border-radius: 15px;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss {
  position: absolute;
  left: 0%;
  top: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5% 4%;
  padding-bottom: 3%;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss h3 {
  color: #fff;
  font-size: 33px;
  margin-bottom: 20px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss ul {
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-left: 1px solid #fff;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 25px 0;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss ul li p {
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
  font-family: hmzt22;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide .dessss ul li span {
  color: #fff;
  opacity: 1;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide-active,
.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 9999;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-pagination {
  bottom: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background-color: #CDD7DD;
  opacity: 1;
}

.wrap .content .fazhan .fazhan4 .fazhan4cccc .swiper-pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#008BE3), to(#00DFBD));
  background: linear-gradient(to right, #008BE3, #00DFBD);
}

.wrap .content .case {
  width: 100%;
  height: auto;
}

.wrap .content .case .case1 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 170px 0%;
}

.wrap .content .case .case1 h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 80px;
  font-family: hmzt22;
}

.wrap .content .case .case1 ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case1 ul li {
  width: 23.5%;
  height: 500px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5% 3%;
}

.wrap .content .case .case1 ul li img {
  width: auto;
  margin-bottom: 60px;
}

.wrap .content .case .case1 ul li p {
  color: #000;
  font-size: 28px;
  margin-bottom: 45px;
  white-space: nowrap;
  font-family: hmzt22;
}

.wrap .content .case .case1 ul li span {
  color: #666;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  font-family: hmzt11;
}

.wrap .content .case .case2 {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6% 0;
  background: url(../img/wu/bg.png) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .case .case2 .case2_top {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case2 .case2_top h3 {
  font-size: 48px;
  color: #fff;
  font-family: hmzt22;
}

.wrap .content .case .case2 .case2_top .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft {
  margin-right: 40px;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft:hover {
  background: #fff;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft:hover .img1 {
  display: none;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft:hover .img2 {
  display: block;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft img {
  width: auto;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft .img1 {
  display: block;
}

.wrap .content .case .case2 .case2_top .xuanze .imgleft .img2 {
  display: none;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright:hover {
  background: #fff;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright:hover .img1 {
  display: none;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright:hover .img2 {
  display: block;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright img {
  width: auto;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright .img1 {
  display: block;
}

.wrap .content .case .case2 .case2_top .xuanze .imgright .img2 {
  display: none;
}

.wrap .content .case .case2 .case2cccc {
  margin: auto;
  width: 100%;
  height: 720px;
  overflow: hidden;
  position: relative;
}

.wrap .content .case .case2 .case2cccc .oneTWOOO {
  display: block;
  overflow: hidden;
}

.wrap .content .case .case2 .case2cccc .oneTWOOO1 {
  display: none;
}

.wrap .content .case .case2 .case2cccc .swiper-slide {
  position: relative;
  width: 1310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  overflow: hidden;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .didi {
  width: 100%;
  border-radius: 15px;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt {
  position: absolute;
  left: 0%;
  top: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8% 5%;
  padding-bottom: 7%;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt h3 {
  margin-bottom: 90px;
  color: #fff;
  font-size: 38px;
  line-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-family: hmzt22;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt h3 span {
  color: #fff;
  font-size: 38px;
  font-family: hmzt11;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt ul {
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 15px 0;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
  opacity: 1;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt ul li i {
  float: left;
  margin-top: 11px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 20px;
}

.wrap .content .case .case2 .case2cccc .swiper-slide .btttt ul li p {
  float: left;
  width: 90%;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .case .case2 .case2cccc .swiper-slide-active,
.wrap .content .case .case2 .case2cccc .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 9999;
}

.wrap .content .case .case2 .case2cccc .swiper-pagination {
  bottom: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .case .case2 .case2cccc .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 5px;
  background-color: #CDD7DD;
  opacity: 1;
}

.wrap .content .case .case2 .case2cccc .swiper-pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#008BE3), to(#00DFBD));
  background: linear-gradient(to right, #008BE3, #00DFBD);
}

.wrap .content .case .case3 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
  margin-bottom: 130px;
}

.wrap .content .case .case3 .case3_top {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case3 .case3_top h3 {
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .case .case3 .case3_top .anniu {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .case .case3 .case3_top .anniu img {
  width: auto;
  cursor: pointer;
}

.wrap .content .case .case3 .case3_top .anniu img:first-child {
  margin-right: 40px;
}

.wrap .content .case .case3 .case3cccc {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.wrap .content .case .case3 .case3cccc .index7cccc {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap .content .case .case3 .case3cccc .index7cccc .oneTWOOO2222 {
  display: block;
}

.wrap .content .case .case3 .case3cccc .index7cccc .oneTWOOO3333 {
  display: none;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .didi {
  width: 100%;
  height: 100%;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 2;
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7%;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt h4 {
  color: #000;
  font-size: 45px;
  margin-bottom: 110px;
  font-family: hmzt22;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt ul {
  width: 75%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt ul li {
  font-size: 18px;
  color: #000;
  opacity: 1;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: hmzt;
  width: 100%;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt ul li i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #0089e4;
}

.wrap .content .case .case3 .case3cccc .index7cccc .swiper-slide .btttt ul li p {
  width: 90%;
  font-size: 18px;
  color: #000;
  font-family: hmzt11;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #ccc;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul li {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 15px;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul li.active p {
  color: #0089e4;
  font-weight: bold;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul li.active i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul li p {
  color: #212121;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .case .case3 .case3cccc .index7cccc1 ul li i {
  position: absolute;
  bottom: -2px;
  width: 100px;
  height: 4px;
  background: none;
}

.wrap .content .case .case4 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case4 .case4_left {
  width: 50%;
  height: 960px;
  background: url(../img/wu/bg1.jpg) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8% 6%;
  padding-bottom: 11%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case4 .case4_left h2 {
  color: #fff;
  font-size: 48px;
  font-family: hmzt22;
}

.wrap .content .case .case4 .case4_left .msss {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .case .case4 .case4_left .msss img {
  width: auto;
}

.wrap .content .case .case4 .case4_left .msss .msss1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrap .content .case .case4 .case4_left p {
  color: #fff;
  font-size: 20px;
  line-height: 45px;
  padding: 0 4%;
}

.wrap .content .case .case4 .case4_left span {
  color: #fff;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .case .case4 .case4_right {
  width: 50%;
  height: 960px;
  background: url(../img/wu/bg2.jpg) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8% 6%;
  padding-bottom: 11%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .case .case4 .case4_right h2 {
  color: #000;
  font-size: 48px;
  font-family: hmzt22;
}

.wrap .content .case .case4 .case4_right .msss {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .case .case4 .case4_right .msss img {
  width: auto;
}

.wrap .content .case .case4 .case4_right .msss .msss1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrap .content .case .case4 .case4_right p {
  color: #000;
  font-size: 20px;
  line-height: 45px;
  padding: 0 4%;
}

.wrap .content .case .case4 .case4_right span {
  color: #000;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .kechixu {
  width: 100%;
  height: auto;
}

.wrap .content .kechixu .kechixulist {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 170px 6%;
  padding-bottom: 0;
}

.wrap .content .kechixu .kechixu1 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .kechixu .kechixu1 h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 85px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left {
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt {
  margin-bottom: 80px;
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt span {
  color: #000;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 40%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left ul li {
  margin-bottom: 15px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left ul li img {
  margin-right: 25px;
  width: auto;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left ul li p {
  color: #000;
  font-size: 16px;
  line-height: 28px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu1 .kechixu1cccc .zhu .imgright {
  position: absolute;
  right: 0;
  width: auto;
  border-radius: 15px;
}

.wrap .content .kechixu .kechixu2 {
  margin: auto;
  max-width: 1750px;
  margin-bottom: 0px;
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 100px;
}

.wrap .content .kechixu .kechixu2 h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 80px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left {
  position: absolute;
  right: 0;
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: last flex-end;
      -ms-flex-align: last flex-end;
          align-items: last flex-end;
  padding-right: 10%;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt {
  margin-bottom: 65px;
  width: 520px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt span {
  color: #000;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 520px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left ul li {
  margin-bottom: 50px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left ul li img {
  margin-right: 25px;
  width: auto;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left ul li p {
  color: #000;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left ul li span {
  font-size: 18px;
  color: #666;
  white-space: nowrap;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt2 {
  width: 450px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .kechixu .kechixu2 .kechixu2cccc .zhu .imgright {
  position: absolute;
  left: 0;
  z-index: 2;
  width: auto;
  border-radius: 15px;
}

.wrap .content .kechixu .kechixu3 {
  width: 100%;
  height: auto;
  background: url(../img/liu/bg.png) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  padding-top: 300px;
  padding-bottom: 160px;
}

.wrap .content .kechixu .kechixu3 h3 {
  margin: auto;
  max-width: 1750px;
  font-size: 48px;
  color: #fff;
  margin-bottom: 100px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu3 ul {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .kechixu .kechixu3 ul li {
  margin-bottom: 40px;
  width: 49%;
  height: 600px;
  background: url(../img/liu/h1.jpg) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 10px;
}

.wrap .content .kechixu .kechixu3 ul li:nth-child(2) {
  background: url(../img/liu/h2.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .kechixu .kechixu3 ul li:nth-child(3) {
  background: url(../img/liu/h3.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .kechixu .kechixu3 ul li:nth-child(4) {
  background: url(../img/liu/h4.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .kechixu .kechixu3 ul li p {
  margin-bottom: 15px;
  color: #000;
  font-size: 30px;
  font-family: hmzt22;
}

.wrap .content .kechixu .kechixu3 ul li span {
  color: #666;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .newslist {
  margin: auto;
  max-width: 2140px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 6%;
  padding-top: 75px;
}

.wrap .content .newslist .newstab {
  width: 100%;
  height: auto;
  margin-bottom: 80px;
}

.wrap .content .newslist .newstab ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .newslist .newstab ul li {
  position: relative;
  width: auto;
  margin-right: 100px;
  height: 80px;
  border-bottom: 2px solid transparent;
}

.wrap .content .newslist .newstab ul li.active a {
  color: #0089e4;
}

.wrap .content .newslist .newstab ul li.active i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .newslist .newstab ul li a {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 28px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .newslist .newstab ul li i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent;
  border-radius: 5px;
}

.wrap .content .newslist .list {
  display: block;
  width: 100%;
  height: auto;
}

.wrap .content .newslist .list ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .newslist .list ul li {
  width: 31%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 3.5%;
  margin-bottom: 50px;
}

.wrap .content .newslist .list ul li:nth-child(3n) {
  margin-right: 0;
}

.wrap .content .newslist .list ul li:hover .des .djjj b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .content .newslist .list ul li:hover .des .heng {
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .newslist .list ul li .biao1 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newslist .list ul li img {
  width: 100%;
  height: 320px;
  border-radius: 10px;
}

.wrap .content .newslist .list ul li .des {
  width: 100%;
  height: 190px;
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newslist .list ul li .des p {
  color: #000;
  white-space: nowrap;
  font-size: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.wrap .content .newslist .list ul li .des span {
  color: #666;
  font-size: 16px;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 61px;
  font-family: hmzt11;
}

.wrap .content .newslist .list ul li .des .djjj {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newslist .list ul li .des .djjj i {
  color: #666;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .newslist .list ul li .des .djjj b {
  color: #0089e4;
  font-size: 16px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
}

.wrap .content .newslist .list ul li .des .djjj b img {
  margin-left: 10px;
  width: 8px;
  height: 15px;
}

.wrap .content .newslist .list ul li .des .heng {
  width: 100%;
  height: 1px;
  background-color: #C1C6D6;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.wrap .content .newslist .whitepaper {
  display: none;
  width: 100%;
  height: auto;
}

.wrap .content .newslist .whitepaper .wtcccc_all {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newslist .whitepaper .wtcccc {
  width: 49%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#D9EDFB), to(#D9FCF4));
  background: linear-gradient(to right, #D9EDFB, #D9FCF4);
}

.wrap .content .newslist .whitepaper .wtcccc .leftutut {
  width: auto;
  height: 375px;
  margin-right: 60px;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong {
  width: auto;
  height: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .dess {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .dess h3 {
  color: #000;
  font-size: 40px;
  margin-bottom: 50px;
  font-family: hmzt22;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .dess p {
  color: #333;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: hmzt11;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a {
  margin: 10px 0;
  width: 210px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #000;
  background: #fff;
  border-radius: 45px;
  margin-right: 40px;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a:hover {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a:hover .img1 {
  display: none;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a:hover .img2 {
  display: block;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a img {
  width: auto;
  margin-left: 50px;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a .img1 {
  display: block;
}

.wrap .content .newslist .whitepaper .wtcccc .nierrrong .anniu a .img2 {
  display: none;
}

.wrap .content .newcontentttt {
  margin: auto;
  max-width: 2340px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10%;
}

.wrap .content .newcontentttt .fanhui {
  margin-bottom: 90px;
  width: 185px;
  height: 52px;
  border-radius: 45px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .newcontentttt .fanhui a {
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: 16px;
}

.wrap .content .newcontentttt .fanhui a img {
  margin-right: 30px;
}

.wrap .content .newcontentttt .neirong {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .newcontentttt .neirong .title {
  margin-bottom: 85px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .newcontentttt .neirong .title h1 {
  color: #000;
  font-size: 50px;
  margin-bottom: 20px;
  font-family: hmzt22;
}

.wrap .content .newcontentttt .neirong .title p {
  color: #000;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .newcontentttt .neirong .ccccc {
  margin-bottom: 100px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 70px;
  border-bottom: 2px solid #D7DBE7;
}

.wrap .content .newcontentttt .neirong .ccccc p {
  color: #000;
  font-size: 16px;
  margin-bottom: 25px;
  text-indent: 30px;
  line-height: 28px;
  font-family: hmzt11;
}

.wrap .content .newcontentttt .neirong .ccccc img {
  width: 100%;
  margin-bottom: 25px;
}

.wrap .content .newcontentttt .neirong .ndibudd {
  margin-bottom: 100px;
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .newcontentttt .neirong .ndibudd a {
  width: 200px;
  height: 55px;
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #666;
  border: 1px solid #666;
}

.wrap .content .newcontentttt .neirong .ndibudd a:nth-child(2) img {
  margin-right: 0;
  margin-left: 30px;
}

.wrap .content .newcontentttt .neirong .ndibudd a img {
  margin-right: 30px;
}

.wrap .content .aboutccccc {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .aboutccccc .about1 {
  margin: auto;
  max-width: 2140px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2% 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .aboutccccc .about1 h2 {
  font-size: 64px;
  color: #fff;
  margin-bottom: 50px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about1 p {
  margin: auto;
  margin-bottom: 100px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 90%;
  line-height: 35px;
}

.wrap .content .aboutccccc .about1 p.tou {
  text-indent: 40px;
  margin-bottom: 0;
  width: 100%;
}

.wrap .content .aboutccccc .about1 img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.wrap .content .aboutccccc .about2 {
  position: relative;
  margin: auto;
  max-width: 2140px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4% 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about2 h2 {
  color: #000;
  font-size: 48px;
  margin-bottom: 100px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about2 .about2cccc {
  margin: auto;
  width: 90%;
  height: 285px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc {
  display: block;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile {
  display: none;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc {
  width: 100% !important;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc:hover .year p {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  -webkit-background-clip: text;
  color: transparent;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc:hover i {
  background: #0089e4;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc .year {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc .year P {
  color: #BFC9D8;
  font-size: 55px;
  text-align: center;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc .year .dddd {
  position: absolute;
  bottom: 0;
  z-index: 88;
  width: 100%;
  height: 45px;
  background-color: #fff;
  left: 0;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc i {
  margin: 20px 0;
  margin-top: 0;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #BFC9D8;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc .dess {
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about2 .about2cccc .lichengccc_mobile .nccc .dess p {
  color: #666;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about2 .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.8%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccclist {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc {
  width: 100%;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc:hover .year p {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  -webkit-background-clip: text;
  color: transparent;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc:hover i {
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc:hover .dess p {
  opacity: 1;
  color: #000;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc .year {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc .year P {
  color: #BFC9D8;
  font-size: 56px;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc .year .dddd {
  position: absolute;
  bottom: 0;
  z-index: 88;
  width: 100%;
  height: 45px;
  background-color: #fff;
  left: 0;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc i {
  margin: 0px 0;
  margin-top: 0;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #BFC9D8;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc .dess {
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about2 .swiper-slide .nccc .dess p {
  display: block;
  color: #666;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  opacity: 1;
  height: 85px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about2 .swiper-button-prev {
  left: 7%;
  width: 50px;
  height: 50px;
}

.wrap .content .aboutccccc .about2 .swiper-button-prev img {
  width: 100%;
  height: 100%;
}

.wrap .content .aboutccccc .about2 .swiper-button-next {
  right: 7%;
  width: 50px;
  height: 50px;
}

.wrap .content .aboutccccc .about2 .swiper-button-next img {
  width: 100%;
  height: 100%;
}

.wrap .content .aboutccccc .about2 .swiper-button-next:after,
.wrap .content .aboutccccc .about2 .swiper-button-prev:after {
  display: none;
}

.wrap .content .aboutccccc .about3 {
  margin: auto;
  margin-top: -10%;
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about3 img {
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about4 {
  margin-top: -12%;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4% 0;
}

.wrap .content .aboutccccc .about4 .btttt {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}

.wrap .content .aboutccccc .about4 .btttt h3 {
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about4 .btttt .xuanze {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .aboutccccc .about4 .btttt .xuanze .xxx1 {
  position: relative;
  width: auto;
  height: 70px;
  margin-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 40px;
  cursor: pointer;
}

.wrap .content .aboutccccc .about4 .btttt .xuanze .xxx1.active p {
  color: #0089e4;
  font-weight: bold;
}

.wrap .content .aboutccccc .about4 .btttt .xuanze .xxx1.active i {
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
}

.wrap .content .aboutccccc .about4 .btttt .xuanze .xxx1 p {
  color: #000;
  font-size: 28px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about4 .btttt .xuanze .xxx1 i {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: transparent;
  border-radius: 5px;
}

.wrap .content .aboutccccc .about4 .about4cccc {
  margin: auto;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.wrap .content .aboutccccc .about4 .about4cccc .oneTWOOO2222 {
  border-radius: 15px;
  overflow: hidden;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide {
  width: 1680px;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .didi {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 2;
  width: 65%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 8%;
  padding-left: 6%;
  padding-bottom: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss h4 {
  color: #fff;
  font-size: 35px;
  margin-bottom: 120px;
  line-height: 55px;
  width: 100%;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss ul li {
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 33px;
  width: 100%;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss ul li i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #fff;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide .dessss ul li p {
  color: #fff;
  font-size: 18px;
  width: 90%;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide-active,
.wrap .content .aboutccccc .about4 .about4cccc .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 9999;
}

.wrap .content .aboutccccc .about5 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0%;
}

.wrap .content .aboutccccc .about5 .about5cccc {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left {
  width: 48%;
  height: auto;
  font-family: hmzt;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left .bttt {
  width: 100%;
  height: auto;
  margin-bottom: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left .bttt h3 {
  margin-bottom: 15px;
  font-size: 48px;
  color: #000;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left .bttt p {
  color: #000;
  font-size: 20px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left ul li {
  margin: 25px 0;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: hmzt;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left ul li i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0089e4;
  margin-right: 15px;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left ul li p {
  color: #000;
  font-size: 16px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_left ul li span {
  color: #666;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_right {
  width: 49%;
  height: auto;
}

.wrap .content .aboutccccc .about5 .about5cccc .about5_right img {
  width: 100%;
}

.wrap .content .aboutccccc .about6 {
  margin: auto;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 150px 6%;
  font-family: hmzt;
}

.wrap .content .aboutccccc .about6 .about6cccc {
  margin: auto;
  width: 100%;
  max-width: 1750px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left {
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt {
  margin-bottom: 80px;
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt span {
  color: #000;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 45%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left ul li {
  margin-bottom: 35px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  font-size: 16px;
  line-height: 35px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left ul li img {
  margin-right: 25px;
  width: auto;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc1 .zhu .imgright {
  position: absolute;
  right: 0;
  width: auto;
  border-radius: 15px;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 {
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu {
  position: relative;
  width: 100%;
  height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left {
  position: absolute;
  right: 0;
  width: 1500px;
  height: 680px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 20px #ccc;
          box-shadow: 0 0 20px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: last flex-end;
      -ms-flex-align: last flex-end;
          align-items: last flex-end;
  padding-right: 10%;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt {
  margin-bottom: 80px;
  width: 570px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt p {
  color: #000;
  font-size: 36px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt span {
  color: #000;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left ul {
  margin-bottom: 45px;
  width: 570px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left ul li {
  margin-bottom: 35px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  font-size: 16px;
  line-height: 35px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left ul li img {
  margin-right: 25px;
  width: auto;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt2 {
  width: 450px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt2 p {
  color: #0089e4;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .zhu_left .bttt2 span {
  color: #0089e4;
  font-size: 16px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about6 .about6cccc .about6cccc2 .zhu .imgright {
  position: absolute;
  left: 0;
  z-index: 2;
  width: auto;
  border-radius: 15px;
}

.wrap .content .aboutccccc .about7 {
  position: relative;
  margin: auto;
  width: 100%;
  height: 860px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 150px 6%;
  margin-bottom: 150px;
  background: url(../img/ba/bg1.jpg) center no-repeat;
  background-size: 100% 100%;
  font-family: hmzt;
  overflow: hidden;
}

.wrap .content .aboutccccc .about7 .about7cccc {
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 1750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about7 .about7cccc .about7cccc1 {
  width: 50%;
}

.wrap .content .aboutccccc .about7 .about7cccc h3 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 70px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about7 .about7cccc .msss {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .aboutccccc .about7 .about7cccc .msss img {
  margin: 25px 0;
  opacity: 1;
}

.wrap .content .aboutccccc .about7 .about7cccc .msss1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrap .content .aboutccccc .about7 .about7cccc p {
  font-size: 20px;
  color: #DEF1FA;
  opacity: 1;
  margin-bottom: 25px;
  line-height: 35px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about7 .about7cccc span {
  margin-top: 30px;
  color: #DEF1FA;
  opacity: 1;
  font-size: 20px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about7 .txxx {
  position: absolute;
  right: 0%;
  bottom: 0;
  z-index: 88;
  width: 45%;
}

.wrap .content .aboutccccc .about8 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6% 0;
  padding-top: 2%;
  font-family: hmzt;
}

.wrap .content .aboutccccc .about8 .about8cccc {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrap .content .aboutccccc .about8 .about8cccc h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 80px;
  font-family: hmzt22;
}

.wrap .content .aboutccccc .about8 .about8cccc .map {
  width: 100%;
  height: 600px;
}

.wrap .content .aboutccccc .about8 .about8cccc .map img {
  width: 100%;
}

.wrap .content .aboutccccc .about8 .about8cccc .map #allmap {
  width: 100%;
  height: 100%;
}

.wrap .content .aboutccccc .about8 .about8cccc .map #map {
  width: 100%;
  height: 100%;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist {
  margin-top: 40px;
  width: 100%;
  height: auto;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul li {
  width: 23.5%;
  height: 150px;
  background: -webkit-gradient(linear, left top, right top, from(#d9eefb), to(#d9faf5));
  background: linear-gradient(to right, #d9eefb, #d9faf5);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul li .dess {
  margin-bottom: 25px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul li .dess img {
  width: auto;
  margin-right: 15px;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul li .dess p {
  color: #000;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .aboutccccc .about8 .about8cccc .maplist ul li span {
  color: #000;
  font-size: 22px;
}

.wrap .content .contact {
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact1 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0%;
  padding-bottom: 30px;
}

.wrap .content .contact .contact1 .contact1cccc {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_left {
  width: 33%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_left h3 {
  font-size: 48px;
  color: #000;
  margin-bottom: 60px;
  font-weight: bold;
  font-family: hmzt22;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_left p {
  margin-bottom: 40px;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  font-family: hmzt11;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_left a {
  margin-top: 30px;
  width: auto;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  border-radius: 35px;
  padding: 15px 35px;
  color: #fff;
  font-size: 18px;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_right {
  width: 50%;
  height: auto;
}

.wrap .content .contact .contact1 .contact1cccc .contact1cccc_right img {
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact2 {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 100px 0%;
  padding-bottom: 6%;
}

.wrap .content .contact .contact2 .contact2cccc {
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact2 .contact2cccc ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .contact .contact2 .contact2cccc ul li {
  width: 32%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.wrap .content .contact .contact2 .contact2cccc ul li img {
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact2 .contact2cccc ul li p {
  position: absolute;
  bottom: 7%;
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  text-align: center;
  line-height: 28px;
}

.wrap .content .contact .contact3 {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
  background: -webkit-gradient(linear, left top, left bottom, from(#cee9f9), to(transparent));
  background: linear-gradient(to bottom, #cee9f9, transparent);
}

.wrap .content .contact .contact3 .contact3cccc {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact3 .contact3cccc .btttt {
  width: 100%;
  height: auto;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .contact .contact3 .contact3cccc .btttt h2 {
  color: #000;
  font-size: 48px;
  font-family: hmzt22;
}

.wrap .content .contact .contact3 .contact3cccc .btttt .des {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .contact .contact3 .contact3cccc .btttt .des p {
  color: #000;
  font-size: 18px;
  margin: 0px 0;
  line-height: 30px;
  font-family: hmzt11;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 {
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li {
  margin-bottom: 35px;
  width: 49%;
  height: 360px;
  background: url(../img/jiu/bg1.jpg) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3% 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
  border-radius: 10px;
  overflow: hidden;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li:nth-child(2) {
  background: url(../img/jiu/bg2.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li:nth-child(3) {
  background: url(../img/jiu/bg3.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li:nth-child(4) {
  background: url(../img/jiu/bg4.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li p {
  color: #000;
  font-size: 28px;
  margin-bottom: 40px;
  font-family: hmzt22;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li span {
  color: #000;
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: hmzt11;
  width: 100%;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li span i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0089e4;
  margin-right: 20px;
}

.wrap .content .contact .contact3 .contact3cccc .contact3cccc11 ul li span b {
  font-weight: normal;
  width: 90%;
}

.wrap .content .contact .contact4 {
  margin-bottom: 100px;
  width: 100%;
  height: auto;
}

.wrap .content .contact .contact4 .contact4cccc {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .contact .contact4 .contact4cccc h3 {
  color: #000;
  font-size: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  max-width: 1750px;
  width: 100%;
  text-align: left;
  font-family: hmzt22;
}

.wrap .content .contact .contact4 .contact4cccc .quyu {
  margin: auto;
  width: 100%;
  max-width: 1920px;
  height: 960px;
  background: url(../img/jiu/ditu.png) center no-repeat;
  background-size: 100% 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6%;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul {
  width: 590px;
  height: auto;
  position: absolute;
  right: 5%;
  top: 15%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul li {
  margin-bottom: 25px;
  width: 100%;
  height: 120px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul li .des {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul li .des img {
  width: auto;
  margin-right: 15px;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul li .des p {
  color: #000;
  font-size: 18px;
  font-family: hmzt11;
}

.wrap .content .contact .contact4 .contact4cccc .quyu ul li span {
  color: #000;
  font-size: 22px;
}

.wrap .content .dibu {
  width: 100%;
  height: 260px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(../img/er/ditu1.jpg) center no-repeat;
  background-size: 100% 100%;
}

.wrap .content .dibu .dddccc {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .content .dibu .dddccc .dess {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .content .dibu .dddccc .dess p {
  color: #fff;
  font-size: 20px;
  margin: 8px 0;
}

.wrap .content .dibu .dddccc .anniu {
  width: 220px;
  height: 60px;
  border-radius: 45px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #0089e4;
  font-size: 18px;
}

.wrap .content .dibu .dddccc .anniu.contttcax {
  width: auto;
  padding: 0 35px;
}

.wrap .content .dibu .dddccc .anniu img {
  margin-left: 25px;
}

.wrap .footer {
  width: 100%;
  height: auto;
  background-color: #020C15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .footer .footer_ccc {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4% 0;
  padding-bottom: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #202830;
}

.wrap .footer .footer_ccc .footer1 {
  width: 425px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .footer .footer_ccc .footer1 img {
  width: auto;
  margin-bottom: 50px;
}

.wrap .footer .footer_ccc .footer1 ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .footer .footer_ccc .footer1 ul li {
  margin: 10px 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .footer .footer_ccc .footer1 ul li i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  margin-right: 15px;
  background-color: #4D5256;
}

.wrap .footer .footer_ccc .footer1 ul li p {
  color: #83888d;
  opacity: 1;
  font-size: 15px;
  font-family: hmzt11;
}

.wrap .footer .footer_ccc .footer1 ul li span {
  color: #83888d;
  opacity: 1;
  font-size: 15px;
  font-family: hmzt11;
}

.wrap .footer .footer_ccc .footer_right {
  width: 60%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .footer .footer_ccc .footer_right .footer2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 300px;
}

.wrap .footer .footer_ccc .footer_right .footer2 h2 {
  font-size: 18px;
  color: #dbdbdb;
  margin-bottom: 15px;
}

.wrap .footer .footer_ccc .footer_right .footer2 ul {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wrap .footer .footer_ccc .footer_right .footer2 ul li {
  width: auto;
  margin: 10px 0;
}

.wrap .footer .footer_ccc .footer_right .footer2 ul li a {
  font-size: 15px;
  color: #83888d;
  font-family: hmzt11;
}

.wrap .footer .footer_didi {
  margin: auto;
  max-width: 1750px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5% 0%;
}

.wrap .footer .footer_didi .di1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .footer .footer_didi .di1 p {
  color: #63676a;
  font-size: 15px;
  opacity: 1;
  font-family: hmzt11;
}

.wrap .footer .footer_didi .di1 a {
  color: #63676a;
  font-size: 15px;
  opacity: 1;
  font-family: hmzt11;
}

.wrap .footer .footer_didi .di2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .footer .footer_didi .di2 p {
  color: #63676a;
  font-size: 15px;
  opacity: 1;
  font-family: hmzt11;
}

.wrap .footer .footer_didi .di2 img {
  margin-left: 15px;
  width: auto;
}

.cebian {
  position: fixed;
  right: -5px;
  top: 25%;
  width: 50px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99;
}

.cebian .cbb1 {
  margin-bottom: 15px;
  width: 45px;
  height: 140px;
  border-radius: 10px 0 0 10px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cebian .cbb1:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to bottom, #0089e4, #00DEBE);
}

.cebian .cbb1:hover p {
  color: #fff;
}

.cebian .cbb1:hover .img1 {
  display: none;
}

.cebian .cbb1:hover .img2 {
  display: block;
}

.cebian .cbb1 img {
  width: auto;
  margin-bottom: 15px;
}

.cebian .cbb1 .img1 {
  display: block;
}

.cebian .cbb1 .img2 {
  display: none;
}

.cebian .cbb1 p {
  color: #000;
  font-size: 16px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.cebian .cbb2 {
  margin-bottom: 15px;
  width: 45px;
  height: 140px;
  border-radius: 10px 0 0 10px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0 10px #ccc;
          box-shadow: 0 0 10px #ccc;
  cursor: pointer;
}

.cebian .cbb2:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to bottom, #0089e4, #00DEBE);
}

.cebian .cbb2:hover p {
  color: #fff;
}

.cebian .cbb2:hover .img1 {
  display: none;
}

.cebian .cbb2:hover .img2 {
  display: block;
}

.cebian .cbb2 img {
  width: auto;
  margin-bottom: 15px;
}

.cebian .cbb2 .img1 {
  display: block;
}

.cebian .cbb2 .img2 {
  display: none;
}

.cebian .cbb2 p {
  color: #000;
  font-size: 16px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.cebian .backk {
  width: 50px;
  height: 50px;
  border-radius: 10px 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px #ccc;
          box-shadow: 0 0 10px #ccc;
}

.cebian .backk img {
  width: auto;
}

.cebian .lianxiwomen {
  position: absolute;
  left: -340px;
  width: 329px;
  height: 438px;
  z-index: 888;
  background: url(../img/ce_bg.png) center no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
  display: none;
}

.cebian .lianxiwomen ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10%;
}

.cebian .lianxiwomen ul li {
  width: 100%;
  height: auto;
  margin: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cebian .lianxiwomen ul li i {
  display: block;
  width: 3px;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to bottom, #0089e4, #00DEBE);
  margin-right: 15px;
}

.cebian .lianxiwomen ul li .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cebian .lianxiwomen ul li .des p {
  margin-bottom: 5px;
  color: #666;
  font-size: 16px;
}

.cebian .lianxiwomen ul li .des span {
  color: #000;
  font-size: 18px;
}

.tanchuang {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tanchuang .tancccc {
  width: 725px;
  height: 800px;
  background: url(../img/qi/tanbg.png) center no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.tanchuang .tancccc .close {
  position: absolute;
  top: 2%;
  right: 3%;
  width: auto;
  cursor: pointer;
}

.tanchuang .tancccc .close img {
  width: auto;
}

.tanchuang .tancccc .tanccc1111 {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4% 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tanchuang .tancccc .tanccc1111 h4 {
  color: #000;
  font-size: 28px;
  margin-bottom: 35px;
  font-family: hmzt22;
}

.tanchuang .tancccc .tanccc1111 .shuru {
  width: 500px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 {
  margin-bottom: 20px;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5%;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1:last-child {
  padding-right: 2%;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru1_left {
  width: 125px;
  height: 30px;
  border-right: 1px solid #E7E7E7;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru1_left img {
  width: auto;
  margin-right: 20px;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru1_left p {
  color: #000;
  font-size: 15px;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right {
  width: 60%;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right input {
  width: 100%;
  height: auto;
  background: none;
  outline: none;
  border: none;
  color: #000;
  font-size: 15px;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right input::-webkit-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right input:-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right input::-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right input::placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 65%;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 input {
  width: 80%;
  height: auto;
  background: none;
  outline: none;
  border: none;
  color: #000;
  font-size: 15px;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 input::-webkit-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 input:-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 input::-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 input::placeholder {
  color: #999;
  font-size: 15px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .shuru .shuru1 .shuru_right1 button {
  width: 126px;
  height: 40px;
  background-color: #D9ECFC;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  color: #0089e4;
}

.tanchuang .tancccc .tanccc1111 .tijiao {
  margin-top: 45px;
  margin-bottom: 45px;
  width: 240px;
  height: 60px;
  border-radius: 45px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tanchuang .tancccc .tanccc1111 .tijiao button {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #fff;
  background: none;
  border: none;
}

.tanchuang .tancccc .tanccc1111 .xieyi {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tanchuang .tancccc .tanccc1111 .xieyi input {
  width: 15px;
  height: 15px;
  margin-right: 20px;
}

.tanchuang .tancccc .tanccc1111 .xieyi .wenzi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tanchuang .tancccc .tanccc1111 .xieyi .wenzi p {
  color: #666;
  font-size: 14px;
  font-family: hmzt11;
}

.tanchuang .tancccc .tanccc1111 .xieyi .wenzi a {
  color: #000;
  font-size: 14px;
  font-family: hmzt11;
}

.yewuhezuo {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yewuhezuo .ywhz_cccc {
  width: 1208px;
  height: 708px;
  background: url(../img/yw_bg.png) center no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.yewuhezuo .ywhz_cccc .close {
  width: auto;
  position: absolute;
  top: 5%;
  right: 5%;
}

.yewuhezuo .ywhz_cccc .close img {
  cursor: pointer;
  width: auto;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
  padding: 5%;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 h2 {
  color: #000;
  font-size: 35px;
  margin-bottom: 70px;
  width: 100%;
  text-align: left;
  font-family: hmzt22;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru {
  width: 100%;
  height: auto;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru {
  margin-bottom: 20px;
  width: 49%;
  height: 60px;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2%;
  position: relative;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_left {
  margin-right: 20px;
  width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  border-right: 1px solid #C1C6D6;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_left img {
  width: auto;
  margin-right: 20px;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_left p {
  color: #000;
  font-size: 16px;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right {
  width: 75%;
  height: 100%;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right input {
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  color: #000;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right input::-webkit-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right input:-ms-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right input::-ms-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right input::placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right1 {
  width: 75%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right1.active img {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right1 p {
  font-size: 16px;
  color: #999;
  width: 92%;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .shuru_right1 img {
  width: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .newxiala {
  position: absolute;
  top: 65px;
  right: 0;
  width: 75%;
  height: auto;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3%;
  display: none;
  -webkit-box-shadow: 0 0 15px #ccc;
          box-shadow: 0 0 15px #ccc;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .newxiala ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .newxiala ul li {
  width: 100%;
  height: auto;
  margin: 10px 0;
  cursor: pointer;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru .ywshuru1 .shuru .newxiala ul li p {
  color: #000;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru textarea {
  width: 100%;
  height: 210px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2%;
  font-size: 16px;
  color: #000;
  border: none;
  outline: none;
  resize: none;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru textarea:-ms-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru textarea::-ms-input-placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 .ywshuru textarea::placeholder {
  color: #999;
  font-size: 16px;
  font-family: hmzt11;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 button {
  margin: auto;
  margin-top: 30px;
  width: 220px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, from(#0089e4), to(#00DEBE));
  background: linear-gradient(to right, #0089e4, #00DEBE);
  border-radius: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
}

.yewuhezuo .ywhz_cccc .ywhzcccc1 button img {
  width: auto;
  margin-left: 50px;
}
/*# sourceMappingURL=style.css.map */