* {
  padding: 0;
  margin: 0;
}
body {
  min-width: 1200px;
  font-family: "Microsoft YaHei";
}
nav {
  height: 70px;
  line-height: 70px;
  z-index: 999;
}
nav .center-content {
  width: 1400px;
  margin: 0 auto;
}
nav .logo {
  float: left;
  padding-left: 0px;
  margin-right: 48px;
}
nav .logo img {
  vertical-align: middle;
  width: 184px;
}
nav .menu {
  float: left;
}
nav .menu a {
  float: left;
  display: block;
  line-height: 68px;
  margin-right: 27px;
  color: #2e2e2e;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}
nav .menu a.active {
  border-bottom: 3px solid #00a97f;
}
.light-nav {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: fixed;
  top: 0;
  width: 100%;
}
.dark-nav .menu a {
  color: #fff;
}
.dark-nav .menu a.active,
.dark-nav .menu a:hover {
  border-bottom: 3px solid #00ff6c;
}
.grey-nav {
  background-image: url('data:image/png;base64,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');
  background-size: cover;
}
.grey-nav .menu a {
  color: #ddd;
}
.grey-nav .menu a.active {
  border-bottom: 3px solid #009970;
}
.hover-nav {
  display: none;
  padding-top: 0;
  text-align: center;
  margin: 0 auto;
  pointer-events: none;
  transition: all 0.2s;
  background-color: #f5f5f5;
  position: fixed;
  width: 100%;
  height: 0;
  top: 70px;
  left: 0;
  opacity: 0;
  color: #000;
  overflow-y: auto;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  min-height: 400px;
}
.hover-nav-cont-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}
.hover-nav li {
  list-style: none;
}
.hover-nav .outer {
  display: inline-block;
  vertical-align: top;
}
.hover-nav a {
  color: #000;
}
.hover-nav a.active,
.hover-nav a:hover {
  color: #00ad7a;
}
.hover-nav .outer {
  padding: 15px;
  text-align: center;
}
.hover-nav .outer h4 {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  color: #000;
}
.hover-nav .outer .inner {
  color: #e5e5e5;
  text-align: left;
}
.hover-nav .outer .inner li {
  line-height: 36px;
}
.hover-nav .outer .inner li a {
  font-size: 13px;
  font-weight: normal;
}
.hover-nav::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.more-content {
  padding-right: 20px;
}
.nav-arrow {
  width: 20px;
  height: 20px;
  background: url(../../img/arrow_down1.svg) no-repeat;
  color: black;
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
  top: 24px;
  transform: rotate(0deg);
  transition: 0.5s transform;
}
.roll .nav-arrow {
  background: url(../../img/arrow_down.svg) no-repeat;
  transform: rotate(-180deg);
  background-size: 100% 100%;
}
.safe-about-nav .outer,
.safe-research-nav .outer {
  margin: 0;
}
.safe-about-nav .inner li,
.safe-research-nav .inner li {
  text-align: center !important;
}
.pop {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.userInfo {
  display: none;
}
.avatar {
  border-radius: 50%;
}
footer {
  height: 500px;
  background-color: #f3f3f3;
  color: #a1a1a1;
}
footer .center-content {
  width: 1200px;
  margin: 0 auto;
}
footer .sitemap {
  display: inline-block;
  border-left: solid 1px #c6c6c6;
  font-size: 14px;
  margin-left: 30px;
  border-right: 0;
  text-align: left;
  padding-left: 30px;
  margin-right: 0;
  width: 817px;
  height: 262px;
}
footer .sitemap .group a {
  text-decoration: none;
  color: inherit;
  line-height: 1;
}
footer .sitemap .group a:hover {
  color: #00a97f;
}
footer .sitemap .group {
  float: left;
  list-style: none;
  margin-right: 35px;
}
footer .sitemap .group ul {
  height: 210px;
}
footer .sitemap .group li {
  list-style: none;
  margin-bottom: 10px;
  display: block;
  text-align: left;
  font-size: 12px;
  margin-right: 0px;
}
footer .main {
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 52px 0px;
  border-bottom: solid 1px #c6c6c6;
}
footer .follow h3,
footer .sitemap .group h3 {
  font-family: sans-serif;
  font-size: 16px;
  color: black;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 25px;
}
footer .follow h3 {
  margin-bottom: 27px;
}
footer .follow {
  display: inline-block;
  vertical-align: top;
}
footer .follow h3 {
  text-align: left;
}
footer .follow .qr-code {
  margin-right: 20px;
  display: inline-block;
}
footer .follow .last-code {
  margin-right: 0;
  display: inline-block;
}
footer .follow .qr-code img {
  width: 100px;
  height: 100px;
  margin-bottom: 16px;
}
footer .follow .qr-code h4 {
  font-size: 14px;
  color: #3c3c3c;
  line-height: 1;
  text-align: center;
}
footer .copyright {
  clear: both;
  text-align: center;
  padding-top: 13px;
}
footer .copyright p {
  font-size: 12px;
  font-family: sans-serif;
  color: #a0a0a0;
  line-height: 25px;
}
footer .copyright .record {
  vertical-align: middle;
  margin-right: 22px;
}
a {
  color: inherit;
}
.product-detail {
  padding: 10px 35px;
  font-size: 14px;
  color: #3c3c3c;
  border: 1px solid #00ad7a;
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}
.product-detail:hover {
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.15), 0px 5px 7px 0px rgba(0, 0, 0, 0.15);
  background: #32b052;
  color: white;
  border: 1px solid #32b052;
  text-decoration: none;
}
.sup-background {
  border-left: 1px solid #199ed8;
  background-color: #199ed8;
  border-right: 4px solid #199ed8;
  border-top: 1px solid #199ed8;
  border-bottom: 1px solid #199ed8;
  color: white;
  font-size: 16px;
  left: -15px;
  top: -15px;
}
.hidden {
  display: none;
}
a {
  text-decoration: none;
}
.swiper-box .swiper-container .swiper-one-box {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
}
.swiper-box .swiper-container .swiper-one-box .swipe-one {
  object-fit: cover;
  position: absolute;
  object-position: center center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.swiper-box .swiper-container .swiper-one-box h2 {
  color: #fff;
  text-align: center;
}
.swiper-box .swiper-container .swiper-one-box .banner_title {
  font-weight: 500;
  font-size: 80px;
  margin-bottom: 30px;
}
.swiper-box .swiper-container .swiper-one-box .banner_sub_title {
  font-size: 20px;
  font-weight: normal;
}
.swiper-box .swiper-container .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 0;
  background: white;
  opacity: 1;
}
.swiper-box .swiper-container .swiper-pagination-bullet-active {
  background: #32b052;
}
.swiper-box .swiper-container .swiper-pagination {
  bottom: 46px;
}
.customer-swiper-box .swiper-container {
  height: 385px;
}
.small-banner-text-title {
  width: 112px;
  height: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #1A1D2C;
  line-height: 16px;
}
.small-banner-text-content {
  width: 182px;
  height: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #ACADB9;
  line-height: 14px;
  padding-top: 10px;
}
.small-banner-zhongbiao {
  float: left;
  margin: 30px;
}
.small-banner-zhongbiao .small-banner-img {
  width: 48px;
  height: 48px;
}
.small-banner-hezuo {
  float: left;
  margin: 30px;
}
.small-banner-hezuo .small-banner-img {
  width: 48px;
  height: 48px;
}
.small-banner-isc {
  float: left;
  margin: 30px;
}
.small-banner-isc .small-banner-img {
  width: 48px;
  height: 48px;
}
.small-banner-xinchuang {
  float: left;
  margin: 30px;
}
.small-banner-xinchuang .small-banner-img {
  width: 48px;
  height: 48px;
}
.first-screen {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  height: auto;
  text-align: center;
  position: relative;
}
.first-screen h1 {
  font-size: 50px;
  margin-top: 290px;
  margin-bottom: 20px;
}
.first-screen .subtitle {
  font-size: 13px;
  margin-bottom: 155px;
}
.first-screen .more {
  display: inline-block;
  width: 270px;
  line-height: 60px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAA8CAYAAACXdFS3AAABdklEQVR4nO3US3LiMBRAUal33RvMtuiqdAK2ZEPd+TmT+COch4A7x9ffx/j1mGPzmON09Xv1sm593eF8ruuP58///Dqfp3sX6w7H8+b68/hnjrnO+Hu8XJvb/eMMc38/67qr+U9/j3Pvc76ecTHjaU9v7j2W57+b8WaGd/eee3Szf9eznfdhbp/rvJntev+25y9zfvqs3+7NGPv+bHMu7+PDd3BezXJxvH33tuPXPJ9/U/u9ebX2eb6+/vw+zr/u/9f+DIBIOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBMOIBmjPEPsgFmzPlJMdYAAAAASUVORK5CYII=");
  color: #fff;
  text-decoration: none;
}
.first-screen .more:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAA8CAYAAACXdFS3AAABrElEQVR4nO3UQXLjIBRFUWD/i8jmehktUnEs+YPUVf3m54wijBBGzu3tz9dsl9FuZm/9NriNHPuMz/V4rb6v+4/5x89f9bP3ffPpvt764/h4rVPHx7JGmT/X+66roz/MfV/N+rxx7fsc69v8a17Z6zjauuf6Peay69t3+d3D+YztXN/rLnvc93HU86h7OPd/fnY/x2tv8/O+PvePdZezPr9fc5ffw/5OzvWPdazO7fPhXMqcZX913vu+UZ+5rF1/g+UMbvN+5/aHsfU86vdd97Duf/sfe1hj32Nfzu3pnrFd1/fS1vf+d1trX3vu/739YQzgPwgHEBMOICYcQEw4gJhwADHhAGLCAcSEA4gJBxATDiAmHEBMOICYcAAx4QBiwgHEhAOICQcQEw4gJhxATDiAmHAAMeEAYsIBxIQDiAkHEBMOICYcQEw4gJhwADHhAGLCAcSEA4gJBxATDiAmHEBMOICYcAAx4QBiwgHEhAOICQcQEw4gJhxATDiAmHAAMeEAYsIBxIQDiAkHEBMOICYcQEw4gJhwADHhAGLCAcSEA4gJBxATDiDTWvsGQD9PDMSsV30AAAAASUVORK5CYII=");
}
.first-screen-static-banner {
  background-image: url('https://p4.ssl.qhimg.com/t015b6166a756d81cae.png');
}
.first-screen-static-banner .container-bg-fix {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
}
.first-screen-static-banner .container {
  position: relative;
  padding-top: 150px;
  color: #56616e;
}
.first-screen-static-banner .container h1 {
  margin-top: 150px;
  text-align: center;
  color: #ffffff;
  font-family: "FZLTCHK -- GBK 1-0";
  font-size: 80px;
  font-weight: 500;
  letter-spacing: 0.37px;
}
.first-screen-static-banner .container h5 {
  text-align: center;
  color: #fefefe;
  font-family: "FZLTHJW -- GB 1-0";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 3.9px;
}
.first-screen-static-banner .container .detail {
  text-align: center;
}
.first-screen-static-banner .container .detail a {
  margin-top: 100px;
  display: inline-block;
  background-image: url('https://p1.ssl.qhimg.com/t01af8673a72a4f182a.png');
}
.first-screen-static-banner .satellite {
  width: 50%;
  position: absolute;
  top: 90px;
  right: 0;
  animation: name duration timing-function delay iteration-count direction fill-mode;
  animation: fade-in-right 1s linear both, shake 1.5s 1s ease-in-out alternate infinite;
}
.first-screen-static-banner .moon {
  position: absolute;
  width: 286px;
  height: 208px;
  top: 114px;
  left: 320px;
  animation: fade-in 1s ease-in both;
}
.home-section-one {
  padding: 80px 0;
}
.home-section-one .one-link {
  display: block;
  text-align: right;
  cursor: pointer;
  margin-top: 28px;
  color: #3c3c3c;
  font-size: 14px;
}
.home-section-one .one-link:hover {
  color: #32b052;
}
.home-section-one .content-center {
  width: 1200px;
  margin: 0 auto;
}
.home-section-one .title {
  font-size: 24px;
  text-align: center;
}
.home-section-one .sub-title {
  font-size: 12px;
  text-align: center;
  margin: 17px 0 60px;
}
.home-section-one .safe-one-box {
  padding: 0 160px 20px;
  font-size: 0;
  vertical-align: top;
}
.home-section-one .safe-one-box .safe-one {
  cursor: pointer;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 25px;
  width: 127px;
  height: 148px;
  font-size: 14px;
  text-align: center;
  color: black;
  display: inline-block;
  margin: 0 60px 0 0;
}
.home-section-one .safe-one-box .safe-one .safe-one-bg {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background-position: -16px -16px;
}
.home-section-one .safe-one-box .safe-one.active {
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.2), 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
  color: #32b052;
}
.home-section-one .safe-one-box .safe-one.active .safe-one-bg {
  background-position: -16px 84px;
}
.home-section-one .safe-one-box .safe-one:last-child {
  margin-right: 0;
}
.home-section-one .safe-one-box .safe-one a {
  color: #000;
}
.home-section-one .safe-one-box .safe-one p {
  text-align: center;
  font-weight: bold;
  margin-top: 16px;
  padding: 0 5px;
  font-size: 13px;
}
.home-section-one .pull-more-box {
  background-color: #f4f4f4;
  overflow: hidden;
  transition: 0.3s height linear;
  box-sizing: border-box;
  height: 0px;
}
.home-section-one .pull-more-box .content-center {
  padding: 3px 0px 43px;
}
.home-section-one .pull-more-box .pull-more-type {
  display: none;
}
.home-section-one .pull-more-box .pull-more-type.active {
  display: block;
}
.home-section-one .pull-more-box .pull-more-one {
  width: 320px;
  display: inline-block;
  margin: 20px 0 0;
  padding: 20px;
}
.home-section-one .pull-more-box .pull-more-one:nth-child(3n+2) {
  margin: 20px 53px 0;
}
.home-section-one .pull-more-box .pull-more-one .title {
  font-size: 16px;
  font-weight: bold;
  color: #3c3c3c;
  margin-bottom: 20px;
  text-align: left;
}
.home-section-one .pull-more-box .pull-more-one .content {
  font-size: 12px;
  margin-bottom: 30px;
  line-height: 1.5;
  min-height: 72px;
}
.home-section-one .pull-more-box .pull-more-one .product-detail {
  padding: 10px 20px;
  font-size: 14px;
  color: #3c3c3c;
  border: 1px solid;
  display: inline-block;
  cursor: pointer;
  margin-left: 215px;
}
.home-section-one .pull-more-box .pull-more-one .product-detail:hover {
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.2), 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
  background: #32b052;
  color: white;
  border: 1px solid #32b052;
  text-decoration: none;
}
.home-video-box {
  width: 100%;
  background: url('../../img/pc/video_bg.png') no-repeat center center;
  background-size: cover;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.home-video-box .video-start {
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-108px);
  bottom: 30px;
  animation: video_start 2s linear 2s infinite alternate;
  -moz-animation: video_start 2s linear 2s infinite alternate;
  -webkit-animation: video_start 2s linear 2s infinite alternate;
  -o-animation: video_start 2s linear 2s infinite alternate;
}
.home-video-box .title {
  font-size: 30px;
  text-align: center;
  color: white;
  margin-top: 40px;
  letter-spacing: 5px;
}
.safe-service-box {
  color: #3c3c3c;
  line-height: 1.5;
  background: url(../../img/pc/service_big_bg.png) no-repeat center center;
  background-size: cover;
}
.safe-service-box .title {
  color: white;
}
.safe-service-box .sub-title {
  color: white;
}
.safe-service-box .lr-box {
  margin: 43px 0;
}
.safe-service-box .lr-box .title {
  color: #3c3c3c;
}
.safe-service-box .one-link {
  color: white;
}
.safe-service-box .big-left {
  box-sizing: border-box;
  width: 384px;
  height: 542px;
  padding: 56px 36px;
  background: url(../../img/pc/service_bg.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.safe-service-box .big-left .title {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}
.safe-service-box .big-left .content {
  font-size: 12px;
  margin: 10px 0;
}
.safe-service-box .big-left .download-btn {
  margin-right: 15px;
  font-size: 14px;
  margin: 10px 10px 0 55px;
  background-color: #32b052;
  color: white;
  border: none;
  border: 1px solid #1cac3b;
}
.safe-service-box .big-left .download-btn:hover {
  background-color: #1cac3b;
}
.safe-service-box .big-left .know-btn:hover {
  background: white;
  color: #3c3c3c;
  border: 0;
}
.safe-service-box .right-box {
  font-size: 0;
  width: 804px;
  display: inline-block;
  height: 540px;
}
.safe-service-box .right-box .service-one {
  width: 400px;
  height: 178px;
  display: inline-block;
  padding: 20px 40px;
  box-sizing: border-box;
  background: #f4f4f4;
  position: relative;
  vertical-align: top;
}
.safe-service-box .right-box .service-one:nth-child(2n+1) {
  margin: 0 4px 4px 0;
}
.safe-service-box .right-box .service-one:hover {
  z-index: 1;
  box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.25);
  background: white;
}
.safe-service-box .right-box .service-one .title {
  font-size: 16px;
  font-weight: bold;
  width: fit-content;
  position: relative;
}
.safe-service-box .right-box .service-one .title.hot::after {
  content: 'HOT';
  background: #eb3b00;
  position: absolute;
  right: -35px;
  top: 3px;
  font-size: 12px;
  width: 30px;
  color: white;
  text-align: center;
  height: 19px;
  line-height: 19px;
}
.safe-service-box .right-box .service-one .content {
  font-size: 12px;
  margin: 40px 0 0px;
}
.safe-service-box .right-box .service-one .product-detail {
  font-size: 12px;
  position: absolute;
  right: 40px;
  bottom: 20px;
  display: none;
}
.banner {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  height: 850px;
}
.banner .container {
  width: 1280px;
  margin: 0 auto;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.banner .container .pop-up {
  animation: pop-up 1s linear both;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.banner .bar {
  width: 46px;
  height: 7px;
  background-color: #00bb80;
  border-radius: 7px;
}
.banner h1 {
  font-size: 46px;
  margin-top: 35px;
  margin-bottom: 20px;
}
.banner .subtitle {
  font-size: 18px;
  line-height: 30px;
}
.banner .more {
  display: block;
  width: 200px;
  margin-top: 45px;
  line-height: 60px;
  background-color: #00b580;
  background-image: url("data:image/png;base64,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");
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}
.banner .more:hover {
  background-image: url("data:image/png;base64,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");
}
.brain {
  background-image: url('https://p2.ssl.qhimg.com/t01cb03fc6c9a817920.png');
}
.brain .container {
  position: relative;
  padding-top: 150px;
  color: #56616e;
}
.brain .satellite {
  width: 50%;
  position: absolute;
  top: 90px;
  right: 0;
  animation: name duration timing-function delay iteration-count direction fill-mode;
  animation: fade-in-right 1s linear both, shake 1.5s 1s ease-in-out alternate infinite;
}
.brain .moon {
  position: absolute;
  width: 286px;
  height: 208px;
  top: 114px;
  left: 320px;
  animation: fade-in 1s ease-in both;
}
.service {
  background-image: url('https://p0.ssl.qhimg.com/t01ee9f44ccbf5eebe1.png');
}
.service .container {
  padding-top: 190px;
  color: #ffffff;
}
.service .container .title {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.service .container .icon-list {
  display: inline-block;
  width: 59%;
}
.service .container .icon-list__title {
  text-align: center;
  display: block;
}
.service .container .icon-list__title:hover p {
  color: #27a261;
}
.service .container .icon-list__title p {
  margin-top: 19px;
  color: #ffffff;
  font-family: "Source Han Sans CN";
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.6px;
}
.service .container .icon-list__title p a {
  text-decoration: none;
}
.service .container .icon-list__img-bg {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 105px;
  line-height: 105px;
  border-radius: 52px;
  border: 2px solid #27a261;
  background-color: transparent;
}
.service .container .icon-list__img-bg img {
  vertical-align: middle;
}
.service .container .icon-list__img-bg:hover {
  cursor: pointer;
  background-color: #27a261;
}
.service .container .icon-list__items {
  margin-top: 80px;
  text-align: center;
}
.service .container .icon-list__item {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "Source Han Sans CN";
  font-size: 20px;
  font-weight: 300;
  line-height: 48px;
  margin-right: 32px;
}
.service .container .icon-list__item:hover p {
  cursor: pointer;
  color: #27a261;
}
.service .container .icon-list__item:last-of-type {
  margin-right: 0;
}
.energize {
  background-image: url('https://p5.ssl.qhimg.com/t0159de595159913222.png');
}
.energize .container {
  padding-top: 190px;
  color: #606060;
}
.energize .container .title {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.energize .container .icon-list {
  display: inline-block;
  width: 59%;
}
.energize .container .icon-list p:hover {
  cursor: pointer;
}
.energize .container .icon-list__img-bg-1 {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 105px;
  line-height: 105px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url('https://p1.ssl.qhimg.com/t01016ea499173313f6.png');
}
.energize .container .icon-list__img-bg-1 img {
  vertical-align: middle;
}
.energize .container .icon-list__img-bg-1:hover {
  cursor: pointer;
}
.energize .container .icon-list__img-bg-1:hover {
  background-image: url('https://p1.ssl.qhimg.com/t01b7e045fb4344a104.png');
}
.energize .container .icon-list__img-bg-2 {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 105px;
  line-height: 105px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url('https://p4.ssl.qhimg.com/t010b9cbd9c2a00f4fd.png');
}
.energize .container .icon-list__img-bg-2 img {
  vertical-align: middle;
}
.energize .container .icon-list__img-bg-2:hover {
  cursor: pointer;
}
.energize .container .icon-list__img-bg-2:hover {
  background-image: url('https://p5.ssl.qhimg.com/t010066298ee3078d86.png');
}
.energize .container .icon-list__img-bg-3 {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 105px;
  line-height: 105px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url('https://p0.ssl.qhimg.com/t01b5747ebe77650793.png');
}
.energize .container .icon-list__img-bg-3 img {
  vertical-align: middle;
}
.energize .container .icon-list__img-bg-3:hover {
  cursor: pointer;
}
.energize .container .icon-list__img-bg-3:hover {
  background-image: url('https://p4.ssl.qhimg.com/t0189c308b26e8b422e.png');
}
.energize .container .icon-list__img-bg-4 {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 105px;
  line-height: 105px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url('https://p0.ssl.qhimg.com/t01ede6098055990d2c.png');
}
.energize .container .icon-list__img-bg-4 img {
  vertical-align: middle;
}
.energize .container .icon-list__img-bg-4:hover {
  cursor: pointer;
}
.energize .container .icon-list__img-bg-4:hover {
  background-image: url('https://p1.ssl.qhimg.com/t013fe1a3ae909517b8.png');
}
.energize .container .icon-list__items {
  margin-top: 80px;
  text-align: center;
}
.energize .container .icon-list__item {
  display: inline-block;
  text-align: center;
  color: #606060;
  font-family: "Source Han Sans CN";
  font-size: 20px;
  font-weight: 300;
  line-height: 48px;
  margin-right: 32px;
}
.energize .container .icon-list__item:hover p {
  color: #27a261;
}
.energize .container .icon-list__item:last-of-type {
  margin-right: 0;
}
.solution-box {
  font-size: 0;
}
.solution-box .solution-one {
  display: inline-block;
  width: 240px;
  height: 255px;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-top: 40px;
}
.solution-box .solution-one:hover .icon {
  opacity: 0;
  transition: 0.5s linear;
}
.solution-box .solution-one:hover .txt {
  margin-top: 85px;
}
.solution-box .solution-one:hover .content {
  display: inline-block;
}
.solution-box .solution-one:hover .go-link {
  display: inline-block;
  display: none;
}
.solution-box .solution-one:hover .bg-box {
  background: linear-gradient(to bottom, rgba(0, 159, 90, 0.7) 0%, rgba(0, 193, 54, 0.7) 100%);
}
.solution-box .solution-one .bg-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.solution-box .solution-one .one-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.solution-box .solution-one .icon {
  top: 75px;
  position: absolute;
  left: 93.5px;
  opacity: 1;
}
.solution-box .solution-one .txt {
  margin-top: 154px;
  text-align: center;
  position: relative;
  color: white;
  transition: 0.3s margin linear;
  font-size: 16px;
  font-weight: bold;
}
.solution-box .solution-one .content {
  width: 87%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 30px;
  display: none;
}
.solution-box .solution-one .go-link {
  font-size: 12px;
  color: white;
  padding: 9px 30px;
  letter-spacing: 3px;
  display: none;
  text-align: center;
  position: relative;
  /* width: 70px; */
  margin: 36px auto 0;
  border: 1px solid;
}
.solution-box .solution-one .go-link:hover {
  background: #fff;
  color: #32b052;
  border: 0px;
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.2), 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
}
.case-box {
  font-size: 0;
  background: url(../../img/pc/case_bkg.png) no-repeat center center;
}
.case-box .sub-title {
  margin: 17px 0 18px;
}
.case-box .solution-one {
  display: inline-block;
  width: 356px;
  height: 255px;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-top: 40px;
  margin-right: 66px;
}
.case-box .solution-one:hover .icon {
  opacity: 0;
  transition: 0.5s linear;
}
.case-box .solution-one:hover .txt {
  margin-top: 45px;
  margin-right: 30px;
  line-height: 28px;
}
.case-box .solution-one:hover .content {
  display: inline-block;
}
.case-box .solution-one:hover .go-link {
  display: inline-block;
  display: none;
}
.case-box .solution-one:hover .bg-box {
  background: linear-gradient(to bottom, rgba(0, 159, 90, 0.7) 0%, rgba(0, 193, 54, 0.7) 100%);
}
.case-box .solution-one .bg-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.case-box .solution-one .one-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.case-box .solution-one .icon {
  top: 75px;
  position: absolute;
  left: 93.5px;
  opacity: 1;
}
.case-box .solution-one .txt {
  margin-top: 45px;
  text-align: left;
  position: relative;
  color: white;
  transition: 0.3s margin linear;
  font-size: 16px;
  font-weight: bold;
  margin-left: 30px;
  margin-right: 30px;
  line-height: 28px;
}
.case-box .solution-one .content {
  text-align: left;
  position: relative;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  margin: 23px 30px 28px 30px;
  display: none;
}
.case-box .solution-one .go-link {
  font-size: 12px;
  color: white;
  padding: 9px 30px;
  letter-spacing: 3px;
  display: none;
  text-align: center;
  position: relative;
  /* width: 70px; */
  margin: 36px auto 0;
  border: 1px solid;
}
.case-box .solution-one .go-link:hover {
  background: #fff;
  color: #32b052;
  border: 0px;
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.2), 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
}
.case-box .solution-one .more-btn {
  width: 90px;
  height: 30px;
  opacity: 1;
  border: 1px solid #ffffff;
  box-shadow: -5px 0px 0px NaNpx rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 30px;
  top: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-box .solution-one .more {
  width: 48px;
  height: 13px;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}
.case-box .solution-one-end {
  margin-right: 0px;
}
.solution {
  background-image: url('https://p0.ssl.qhimg.com/t0186dd87ddded67171.png');
}
.solution .container {
  padding-top: 150px;
  color: #fff;
}
.solution h1 {
  margin-bottom: 95px;
}
.solution .links {
  text-align: center;
}
.solution .links li {
  position: relative;
  display: inline-block;
  width: 243px;
  height: 335px;
  list-style: none;
  vertical-align: top;
  overflow: hidden;
  z-index: 0;
  transition: width 0.2s linear;
}
.solution .links li .icon {
  height: 60px;
  margin-top: 190px;
  margin-bottom: 15px;
  transition: margin-top linear 0.15s;
  background: #fff;
  border-radius: 50%;
}
.solution .links li .background {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.2;
}
.solution .links li p {
  margin-bottom: 60px;
}
.solution .links li a {
  display: block;
  width: 113px;
  line-height: 33px;
  margin: 0 auto;
  border: solid 1px #fff;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.solution .links li:hover {
  background: #008548;
}
.solution .links li:hover .icon {
  margin-top: 112px;
  opacity: 1;
}
.solution .links li:hover .background {
  background: #008548;
}
.solution .links li:hover p {
  font-weight: bold;
}
.solution .links:hover li {
  width: 233px;
}
.solution .links:hover li:hover {
  width: 283px;
}
.marquee {
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.marquee .marquee-txt {
  display: inline-block;
  padding-left: 100%;
  animation-name: marqueeTransform;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  color: white;
  font-size: 17px;
}
@keyframes marqueeTransform {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.information {
  text-align: center;
  background-size: cover;
  height: 650px;
}
.information .container {
  padding-top: 0px;
}
.information .item {
  display: inline-block;
  width: 340px;
  margin: 0 17px;
  text-align: left;
  vertical-align: top;
}
.information .item h3 {
  border-left: solid 0px #00a97f;
  padding-left: 0px;
  margin-bottom: 30px;
  font-size: 20px;
  position: relative;
}
.information .item ul {
  margin-bottom: 35px;
}
.information .item ul li {
  list-style: none;
  font-size: 14px;
  line-height: 32px;
}
.information .item ul li a {
  display: block;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.information .item ul li a:hover {
  text-decoration: none;
  color: #32b052;
}
.information .item ul .first-item {
  position: relative;
  margin-bottom: 20px;
}
.information .item ul .first-item img {
  display: block;
  width: 340px;
  height: 204px;
  object-fit: cover;
}
.information .item ul .first-item a {
  width: 94%;
  padding: 0 3%;
  line-height: 35px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
}
.information .item ul .first-item:hover a {
  text-decoration: none;
}
.information .item .read-more {
  display: block;
  width: 93px;
  line-height: 30px;
  border: solid 1px black;
  text-align: center;
  text-decoration: none;
  color: black;
  font-size: 13px;
  float: right;
}
.information .item .read-more:hover {
  background: #32b052;
  color: white;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.4);
  border: 0px;
}
@keyframes shake {
  to {
    transform: translateY(20px);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pop-up {
  from {
    transform: translateY(25%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-top-left {
  from {
    opacity: 0;
    transform: translate(-10%, -10%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fade-in-top-right {
  from {
    opacity: 0;
    transform: translate(10%, -10%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fade-in-bottom-left {
  from {
    opacity: 0;
    transform: translate(-10%, 10%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fade-in-bottom-right {
  from {
    opacity: 0;
    transform: translate(10%, 10%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.apply {
  float: right;
  display: block;
  padding: 10px 20px;
  border: 1px solid #00ad7a;
  color: #00ad7a;
  font-size: 16px;
}
.applyform {
  color: #2e2e2e;
}
.applyform h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 50px;
}
.applyform .apply_desc {
  padding: 20px;
  line-height: 36px;
  border: 1px solid #ededed;
  margin: 50px 0;
}
.applyform .apply_desc ul li {
  list-style: none;
}
.applyform .ruleFormbox h5 {
  margin: 50px 0;
}
.applyform .ruleFormbox .ruleForm {
  margin: 30px 0 100px 0;
}
@keyframes video_start {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes video_start {
  /* Firefox */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes video_start {
  /* Safari 和 Chrome */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes video_start {
  /* Opera */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 *  视频播放器
 * */
.video-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 99999999999;
}
.video-box .fullBox {
  width: 100%;
  height: 100%;
}
.video-box button {
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.video-box .video-button {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.video-box .video-button i {
  font-size: 56px;
}
.video-box .video-button.video-btn-volume i {
  font-size: 20px;
}
.video-box .video-button.video-tooltip-toggle i {
  font-size: 20px;
}
.video-box .video-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-box .video-video video {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.video-box .video-container {
  width: 852px;
  height: 550px;
  background: #000000;
  overflow: hidden;
  opacity: 0;
}
.video-box .video-container.video-ready {
  opacity: 1;
}
.video-box.quanping .video-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}
.video-box.video-playing .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box.heibian .video-container {
  padding: 40px 0;
}
.video-box.heibian .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.video-box.heibian.quanping .video-container {
  padding: 0;
}
.video-box.hideui .video-div .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box .i {
  font-family: none;
  height: 100%;
  width: 100%;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.video-box .i:before,
.video-box i:after {
  display: none !important;
}
.video-box .i-voice-on {
  background-image: url("../../img/video/voice-on.svg");
}
.video-box .i-voice-off {
  background-image: url("../../img/video/voice-off.svg");
}
.video-box .i-bofang {
  background-image: url("../../img/video/bofang.svg");
}
.video-box .i-zhanting {
  background-image: url("../../img/video/zhanting.svg");
}
.video-box .i-quanping {
  background-image: url("../../img/video/quanping.svg");
}
.video-box .i-suoxiao {
  background-image: url("../../img/video/suoxiao.svg");
}
.video-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.9;
}
.video-div {
  background: #000;
  font-size: 0;
  letter-spacing: -1px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.video-ui {
  position: absolute;
  width: 100%;
  height: 41px;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
  z-index: 6;
  letter-spacing: 0.25px;
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.video-loading-pulse {
  position: absolute;
  width: 6px;
  height: 24px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.video-loading-pulse:before,
.video-loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}
.video-loading-pulse:before {
  left: -12px;
}
.video-loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
@keyframes pulse {
  50% {
    background: white;
  }
}
.video-loading {
  opacity: 1;
  color: #2c97f6;
  font-size: 0;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3600px #000;
  background: #000;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video-loading i {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  -webkit-animation: adeg 1s infinite linear;
  -o-animation: adeg 1s infinite linear;
  -ms-animation: adeg 1s infinite linear;
  -moz-animation: adeg 1s infinite linear;
  animation: adeg 1s infinite linear;
}
.video-loading .i-loading:before {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.video-loading.yihuanchun {
  opacity: 0;
}
@keyframes adeg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.video-close {
  position: absolute;
  top: calc(52px + 2%);
  right: 5%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("../../img/video/video-close.svg");
  background-repeat: no-repeat;
}
.video-bofang.f-czspjuzhong {
  z-index: 2;
  font-size: 0;
}
.video-bofang.f-czspjuzhong i {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 60px;
  height: 60px;
  cursor: pointer;
  line-height: 62px;
  font-size: 66px;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
}
.video-hide {
  z-index: 0 !important;
}
.video-hide i {
  opacity: 0;
  -webkit-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  transform: scale(3);
  will-change: transform, opacity;
  z-index: 0;
}
.video-progress {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 36px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.video-progress:hover .video-progress-hover,
.video-progress:hover .video-tooltip-time {
  opacity: 1;
}
.video-tooltip-time {
  width: 46px;
  position: absolute;
  height: 20px;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.video-tooltip-time .video-tinytip-content {
  margin-left: -23px;
}
.video-tooltip-time .video-text {
  background: rgba(0, 0, 0, 0.5);
  padding: 2px;
  border-radius: 2px;
}
.video-tinytip .video-tooltip-content {
  display: inline-block;
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}
.video-progress-padding {
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0;
  z-index: 40;
  cursor: pointer;
}
.video-progress-list {
  position: relative;
  top: -1px;
  z-index: 39;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-play,
.video-progress-buffer,
.video-progress-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.video-progress-buffer {
  z-index: 33;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-progress-hover {
  z-index: 34;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.video-progress-play {
  z-index: 35;
  background-color: #2c97f6;
}
.video-progress-handle {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: -6.5px;
  margin-top: -6.5px;
  border-radius: 50%;
  background-color: #2c97f6;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-padding:hover + .video-progress-list {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.video-controls-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  width: 100%;
  z-index: 3;
}
.video-time-panel {
  font-size: 12px;
  color: #777;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 0 5px;
  line-height: 36px;
  letter-spacing: 0.25px;
}
.video-time-panel-current {
  color: #DEDEDF;
}
.video-fullscreen {
  float: right;
}
.video-definition {
  float: right;
  width: 55px;
  height: 36px;
  position: relative;
}
.video-definition .video-button {
  width: 100%;
}
.video-definition .video-button span {
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 5px;
}
.video-definition .video-tooltip-content {
  width: 80px;
  left: 50%;
  margin-left: -40px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.video-definition:hover .video-tooltip-content {
  position: absolute;
  bottom: 35px;
  color: #aaa;
  display: block;
  z-index: 6;
}
.video-menu .video-menu-item {
  display: block;
  width: 100%;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  height: 38px;
  background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;
  background-size: 80% 1px;
}
.video-menu .video-menu-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
.video-menu .video-menu-item.video-active {
  color: #FF8F00;
}
.video-volume {
  float: right;
  position: relative;
}
.video-popup .video-popup-content {
  transform: scaleY(0);
  bottom: 41px;
  position: absolute;
}
.video-popup .video-popup-content:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.video-popup:hover .video-popup-content {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.video-volume-slider {
  left: 0;
  width: 36px;
  height: 100px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.video-tinytip-tiao {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-volume-range {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 4px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-volume-range-current {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #2c97f6;
}
.video-volume-handle {
  position: absolute;
  top: 0;
  left: -4px;
  width: 12px;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 998px) {
  .video-box .video-container {
    width: 80vw;
    max-height: 80vh;
    min-height: 44.9vw;
  }
}
@media (max-width: 468px) {
  .video-box .video-container {
    width: 100vw;
    min-height: 54.9vw;
  }
  .video-loading i {
    font-size: 26px;
  }
  .video-definition {
    display: none;
  }
}
/*
 * 视频结尾
 * */
.f-czspjuzhong {
  margin-top: -275px;
  margin-left: -426px;
  position: absolute;
  top: 50%;
  left: 50%;
}
header {
  background-size: cover;
  height: 471px;
}
header.news-center {
  position: relative;
  background-image: url("https://p3.ssl.qhimg.com/t013f09494935c45bc9.png");
}
header.special {
  background-image: url("https://p0.ssl.qhimg.com/t01c883017c44ddcc87.png");
}
header.server-support {
  position: relative;
  background-image: url("../../../assets/img/pc/server-support-banner.png");
}
header.research-center {
  background-image: none;
  position: relative;
  height: 470px;
}
header.research-center .bannerBox {
  background-size: 100% 400px;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 71px;
  height: 400px;
  width: 100%;
  overflow: hidden;
}
header.research-center .bannerBox img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: 100%;
  z-index: -12;
  object-fit: cover;
}
header.research-center .bannerBox video {
  position: absolute;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: 100%;
  z-index: -11;
  object-fit: cover;
}
header.research-center .slogan {
  width: 1000px;
  margin-top: 125px;
  margin: 125px auto 0;
  color: #fff;
  text-align: left;
  font-size: 35px;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1;
}
header.research-center .slogan span {
  display: block;
  font-weight: normal;
  font-size: 28px;
  margin-top: 20px;
}
header.research-center .categories a {
  width: 250px;
}
header .categories {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #0e132c;
  background-color: rgba(14, 19, 44, 0.5);
  font-size: 0;
}
header .categories.special {
  background-color: #023828;
}
header .categories a {
  display: inline-block;
  width: 165px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 60px;
  font-size: 16px;
  font-family: "MicrosoftYaHei";
  color: #c9c9c9;
  text-decoration: none;
}
header .categories a:first-child {
  border-left: 2px solid rgba(255, 255, 255, 0.3);
}
header .categories a:last-child {
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
header .categories .active,
header .categories a:hover {
  background: #00ad7a;
  color: #fff;
}
.posts {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 82px;
}
.posts .left-list {
  width: 780px;
  display: inline-block;
}
.posts .left-list .tab {
  padding: 0 25px;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 1px #d2d2d2;
  cursor: pointer;
}
.posts .left-list .tab li {
  list-style: none;
  display: inline-block;
  font-size: 18px;
  color: #2e2e2e;
  padding-bottom: 22px;
}
.posts .left-list .tab .active {
  color: #32b052;
  border-bottom: solid 3px #32b052;
}
.posts .left-list .tab .first-tab {
  float: left;
}
.posts .left-list .tab .last-tab {
  float: right;
}
.posts .left-list .list {
  margin-bottom: 60px;
}
.posts .left-list .list li {
  list-style: none;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 33px;
  border-bottom: solid 1px #d2d2d2;
}
.posts .left-list .list li img {
  width: 250px;
  height: 150px;
  float: left;
  margin-right: 25px;
}
.posts .left-list .list li .text {
  overflow: hidden;
  position: relative;
  height: 150px;
}
.posts .left-list .list li .post__title a {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-decoration: none;
}
.posts .left-list .list li .post__title a:hover {
  text-decoration: none;
  color: #32b052;
}
.posts .left-list .list li .post__digest {
  margin-bottom: 20px;
  font-size: 12px;
  color: #707070;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
}
.posts .left-list .post__time {
  padding-left: 30px;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
.posts .more {
  float: right;
  width: 295px;
  line-height: 20px;
  border: none;
  color: #000;
  text-align: left;
}
.posts .more .title {
  margin-bottom: 30px;
  padding-left: 15px;
  font-size: 18px;
  border-left: #32b052 solid 3px;
}
.posts .more .news .news_item {
  font-size: 12px;
  margin-bottom: 16px;
}
.posts .more .news .news_item .news_title {
  line-height: 20px;
  color: #3c3c3c;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.posts .more .news .news_item .news_title:hover {
  color: #32b052;
}
.posts .more .news .news_item .news_time {
  line-height: 20px;
  color: #7c7c7c;
  height: 30px;
}
.posts .more .productions .production_item {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: solid 1px #b8b8b8;
  margin-bottom: 21px;
  box-sizing: border-box;
}
.posts .more .productions .production_item a {
  display: block;
  color: #000;
}
.posts .more .moreinfo_bammer {
  cursor: pointer;
  margin-bottom: 25px;
  position: relative;
}
.posts .more .moreinfo_bammer_start {
  width: 60px;
  height: 55px;
  background: url(../../img/pc/video_start.png) no-repeat top center;
  position: absolute;
  left: 17px;
  top: 24px;
  animation: video_start 2s linear 2s infinite alternate;
  -moz-animation: video_start 2s linear 2s infinite alternate;
  -webkit-animation: video_start 2s linear 2s infinite alternate;
  -o-animation: video_start 2s linear 2s infinite alternate;
}
.service-support-posts {
  width: 1200px;
  margin: 0 auto;
}
.service-support-posts .left-list {
  width: 780px;
  display: inline-block;
}
.service-support-posts .left-list .tab {
  padding: 0 25px;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 1px #d2d2d2;
  cursor: pointer;
}
.service-support-posts .left-list .tab li {
  list-style: none;
  display: inline-block;
  font-size: 18px;
  color: #2e2e2e;
  padding-bottom: 22px;
}
.service-support-posts .left-list .tab .active {
  color: #32b052;
  border-bottom: solid 3px #32b052;
}
.service-support-posts .left-list .tab .first-tab {
  float: left;
}
.service-support-posts .left-list .tab .last-tab {
  float: right;
}
.service-support-posts .left-list .list {
  margin-bottom: 60px;
}
.service-support-posts .left-list .list li {
  list-style: none;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: solid 1px #d2d2d2;
}
.service-support-posts .left-list .list li img {
  width: 250px;
  height: 150px;
  float: left;
  margin-right: 25px;
}
.service-support-posts .left-list .list li .text {
  overflow: hidden;
  position: relative;
  height: 150px;
}
.service-support-posts .left-list .list li .service-support-text {
  overflow: hidden;
  position: relative;
  height: 30px;
}
.service-support-posts .left-list .list li .post__title a {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-decoration: none;
}
.service-support-posts .left-list .list li .post__title a:hover {
  text-decoration: none;
  color: #32b052;
}
.service-support-posts .left-list .list li .post__digest {
  margin-bottom: 20px;
  font-size: 14px;
  color: #707070;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
}
.service-support-posts .left-list .list li .service-support-post-time {
  padding-left: 30px;
  font-size: 14px;
  color: #aaaaaa;
  line-height: 20px;
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
}
.service-support-posts .more {
  float: right;
  width: 295px;
  line-height: 20px;
  border: none;
  color: #000;
  text-align: left;
}
.service-support-posts .more .title {
  margin-bottom: 30px;
  padding-left: 15px;
  font-size: 18px;
  border-left: #32b052 solid 3px;
}
.service-support-posts .more .news .news_item {
  font-size: 12px;
  margin-bottom: 16px;
}
.service-support-posts .more .news .news_item .news_title {
  line-height: 20px;
  color: #3c3c3c;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service-support-posts .more .news .news_item .news_title:hover {
  color: #32b052;
}
.service-support-posts .more .news .news_item .news_time {
  line-height: 20px;
  color: #7c7c7c;
  height: 30px;
}
.service-support-posts .more .productions .production_item {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: solid 1px #b8b8b8;
  margin-bottom: 21px;
  box-sizing: border-box;
}
.service-support-posts .more .productions .production_item a {
  display: block;
  color: #000;
}
.service-support-posts .more .moreinfo_bammer {
  cursor: pointer;
  margin-bottom: 25px;
  position: relative;
}
.service-support-posts .more .moreinfo_bammer_start {
  width: 60px;
  height: 55px;
  background: url(../../img/pc/video_start.png) no-repeat top center;
  position: absolute;
  left: 17px;
  top: 24px;
  animation: video_start 2s linear 2s infinite alternate;
  -moz-animation: video_start 2s linear 2s infinite alternate;
  -webkit-animation: video_start 2s linear 2s infinite alternate;
  -o-animation: video_start 2s linear 2s infinite alternate;
}
article.news-content {
  width: 880px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
article.news-content .title {
  margin-bottom: 20px;
  padding-left: 25px;
  font-size: 24px;
  color: #2e2e2e;
  line-height: 1;
  font-weight: normal;
  border-left: solid 4px #0b9e9e;
}
article.news-content p {
  font-size: 14px;
  color: #2e2e2e;
  line-height: 2;
  text-indent: 28px;
}
article.news-content .date {
  text-indent: 0;
}
article.news-content img {
  margin: 0;
}
article.news-content.fullwidth {
  width: 1200px;
}
@keyframes video_start {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes video_start {
  /* Firefox */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes video_start {
  /* Safari 和 Chrome */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes video_start {
  /* Opera */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pager {
  max-width: 800px;
  text-align: center;
  margin-bottom: 30px;
  display: inline-block;
}
.pager a {
  cursor: pointer;
}
.pager a,
.pager span {
  /* 按钮内数字 */
  width: 35px;
  height: 35px;
  border: 1px solid #EBEBEB;
  margin-left: -1px;
  color: #8a8a8a;
  display: inline-block;
  line-height: 35px;
  float: left;
  font-size: 15px;
  text-decoration: none;
  margin: 0 2px;
  border-radius: 0px;
}
.pager a:hover,
.pager span:hover {
  border-color: #32b052;
  color: #32b052;
  position: relative;
  z-index: 1;
}
.pager span.current {
  background-color: #fff;
  color: #32b052;
  border-color: #fff;
  position: relative;
  z-index: 1;
}
.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
  background: white url(../../img/page_bg.jpg) 4px 6px no-repeat;
}
.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
  background: white url(../../img/page_bg_hover.jpg) 4px 6px no-repeat;
}
.pager .pg-prev,
.pager .pg-prev:hover {
  background-position: 4px -23px;
}
.pager .pg-next,
.pager .pg-next:hover {
  background-position: -26px -23px;
}
.pager .pg-last,
.pager .pg-last:hover {
  background-position: -26px 5px;
}
.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
  cursor: not-allowed;
  background-image: url(../../img/page_bg.jpg);
}
.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
  cursor: not-allowed;
  background-image: url(../../img/page_bg.jpg);
}
.pager .pg-prev[disabled='true'],
.pager .pg-next[disabled='true'] {
  border-color: #eeeeee;
}
.pager span.els {
  border-color: transparent;
}
.pagerHtmlWrap {
  width: 800px;
  margin: 30px auto;
}
.pagerHtmlWrap .cc_cells {
  width: 100%;
  height: 35px;
  padding: 5px 0;
  border-bottom: 1px #cccccc solid;
}
.pagerHtmlWrap .cc_cells a {
  color: #454545;
  font-size: 14px;
  line-height: 35px;
  text-decoration: none;
}
.pagerHtmlWrap .cc_cells a span {
  display: inline-block;
  width: 25%;
  text-align: left;
  margin: 0;
}
.aside-menu {
  overflow: hidden;
  height: 0;
  transition: 0.5s height;
}
.aside-title {
  cursor: pointer;
}
.text-center {
  text-align: center;
  margin-top: 15px;
  color: #2E2E2E;
  font-size: 16px;
}
.monitoring-analysis {
  display: flex;
  margin-bottom: 50px;
}
.monitoring-analysis .monitoring-analysis-left {
  width: 72px;
  height: 72px;
  margin-right: 36px;
  margin-top: 0!important;
}
.monitoring-analysis-right {
  flex: 1;
}
.monitoring-analysis-desc {
  font-size: 15px;
  color: #73789D;
  line-height: 24px;
  margin-top: 15px;
}
.subpage {
  width: 1200px;
  margin: 0 auto;
}
.subpage.large {
  width: 1200px;
  overflow: hidden;
}
.subpage.large aside {
  width: 300px;
}
.subpage aside {
  float: left;
  width: 220px;
  border-right: 1px solid #e5e5e5;
}
.subpage aside h3 {
  margin: 20px 0 20px;
  line-height: 1;
  font-size: 14px;
  color: #2e2e2e;
  font-weight: bold;
}
.subpage aside ul li {
  list-style: none;
  line-height: 45px;
  text-indent: 10px;
  color: #626262;
}
.subpage aside ul li.active {
  background: #00ad7a;
}
.subpage aside ul li.active a {
  color: #ffffff;
  text-decoration: none;
}
.subpage aside ul li.active:hover a {
  color: #fff !important;
}
.subpage aside ul li:hover a {
  color: #00ad7a;
  text-decoration: none;
}
.subpage aside ul li a {
  font-size: 14px;
  color: #626262;
  text-decoration: none;
  display: inline-block;
  width: 95%;
}
.subpage aside .level-three li {
  list-style: outside;
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.3px;
}
.subpage aside .level-three li.active,
.subpage aside .level-three li:hover {
  background-image: none;
  list-style: outside;
  color: #00aa7c;
}
.subpage aside .level-three li.active a,
.subpage aside .level-three li:hover a {
  color: #00aa7c;
  text-decoration: none;
}
.subpage aside .level-three li a {
  color: #2e2e2e;
}
.subpage article {
  overflow: hidden;
  padding-left: 50px;
  padding-top: 80px;
  padding-bottom: 200px;
}
.subpage article .title {
  font-size: 36px;
  color: #2e2e2e;
  line-height: 1;
  margin-bottom: 40px;
}
.subpage article p {
  font-size: 15px;
  color: #626262;
  line-height: 2;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 25px;
}
.subpage article h3 {
  margin-top: 100px;
  margin-bottom: 24px;
  line-height: 1;
  border-bottom: solid 1px #e5e5e5;
}
.subpage article h3 span {
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: solid 3px #00a97f;
}
.service-support-subpage {
  width: 1200px;
  margin: 0 auto;
}
.service-support-subpage.large {
  width: 1200px;
  overflow: hidden;
}
.service-support-subpage.large aside {
  width: 300px;
}
.service-support-subpage aside {
  float: left;
  width: 220px;
  border-right: 1px solid #e5e5e5;
}
.service-support-subpage aside h3 {
  margin: 20px 0 20px;
  line-height: 1;
  font-size: 14px;
  color: #2e2e2e;
  font-weight: bold;
}
.service-support-subpage aside ul li {
  list-style: none;
  line-height: 45px;
  text-indent: 10px;
  color: #626262;
}
.service-support-subpage aside ul li.active {
  background: #00ad7a;
}
.service-support-subpage aside ul li.active a {
  color: #ffffff;
  text-decoration: none;
}
.service-support-subpage aside ul li.active:hover a {
  color: #fff !important;
}
.service-support-subpage aside ul li:hover a {
  color: #00ad7a;
  text-decoration: none;
}
.service-support-subpage aside ul li a {
  font-size: 14px;
  color: #626262;
  text-decoration: none;
  display: inline-block;
  width: 95%;
}
.service-support-subpage aside .level-three li {
  list-style: outside;
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.3px;
}
.service-support-subpage aside .level-three li.active,
.service-support-subpage aside .level-three li:hover {
  background-image: none;
  list-style: outside;
  color: #00aa7c;
}
.service-support-subpage aside .level-three li.active a,
.service-support-subpage aside .level-three li:hover a {
  color: #00aa7c;
  text-decoration: none;
}
.service-support-subpage aside .level-three li a {
  color: #2e2e2e;
}
.service-support-subpage article {
  overflow: hidden;
  padding-left: 50px;
  padding-bottom: 200px;
}
.service-support-subpage article .title {
  font-size: 36px;
  color: #2e2e2e;
  line-height: 1;
  margin-bottom: 40px;
}
.service-support-subpage article p {
  font-size: 14px !important;
  color: #626262;
  line-height: 2;
  text-indent: 2em;
  text-align: justify;
}
.service-support-subpage article .border-p {
  font-size: 15px;
  color: #626262;
  line-height: 3;
  text-align: left;
  text-indent: 0 !important;
}
.service-support-subpage article h3 {
  line-height: 1;
}
.service-support-subpage article h3 span {
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: solid 3px #00a97f;
}
header {
  background-size: cover;
  height: 471px;
}
header.innovate-center {
  background-image: none;
  position: relative;
  height: 470px;
}
header.innovate-center .bannerBox {
  background: url(../../img/pc/swipe1.png) no-repeat center center;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 71px;
  height: 400px;
  width: 100%;
  overflow: hidden;
}
header.innovate-center .bannerBox img {
  object-fit: cover;
}
header.innovate-center .slogan {
  margin-bottom: 50px;
}
header.innovate-center .categories a {
  width: 250px;
}
.innovate-product {
  padding-top: 110px;
  box-sizing: border-box;
}
.innovate-product article {
  border-left: 1px solid #e5e5e5;
}
.innovate-product aside {
  border-right: none;
}
.innovate-product li {
  list-style: none;
}
.innovate-product .innovate-product-title {
  font-size: 20px;
  height: 25px;
  line-height: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #c6c6c6;
}
.innovate-product .innovate-product-title img {
  vertical-align: middle;
  margin-left: 20px;
}
.innovate-product .innovate-product-title span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 7px;
}
.innovate-product aside {
  min-height: 700px;
}
.innovate-product aside.innovate-aside {
  width: 200px;
}
.innovate-product aside.innovate-aside li {
  cursor: pointer;
}
.innovate-product aside.innovate-aside li:hover {
  color: #00a97f;
}
.innovate-product aside.innovate-aside .active {
  color: #fff !important;
}
.innovate-product .authentication img {
  width: 24%;
}
.innovate-product article.innovate-article {
  padding-top: 30px;
}
.innovate-product article.innovate-article .hide {
  display: none;
}
.innovate-product article.innovate-article .authentication-item img {
  cursor: zoom-in;
}
.innovate-product article.innovate-article .img-model {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}
.innovate-product article.innovate-article .img-model .img-model-box {
  position: relative;
  width: 350px;
  margin: 40px auto 0;
}
.innovate-product article.innovate-article .img-model .img-model-box img {
  position: absolute;
  width: 350px;
  display: block;
  cursor: move;
}
.innovate-product article.innovate-article .img-model .close-img-model {
  position: fixed;
  right: 50px;
  top: 50px;
  z-index: 1002;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 24px;
  color: #eee;
  border-radius: 50%;
  border: 1px solid #eee;
  margin: 15px auto 0;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.innovate-product .mobile-product-center {
  position: relative;
}
.innovate-product .mobile-product-center .authentication-btn {
  position: absolute;
  right: 0px;
  padding: 10px 20px;
  border: 1px solid #00ad7a;
  color: black;
  font-size: 16px;
  cursor: pointer;
}
.innovate-product .mobile-product-center .authentication-btn:hover {
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.15), 0px 5px 7px 0px rgba(0, 0, 0, 0.15);
  background: #32b052;
  color: white;
  border: 1px solid #32b052;
  text-decoration: none;
}
.innovate-product .mobile-product-center .safe-download {
  text-decoration: underline;
  margin-top: 100px;
}
.innovate-product .character,
.innovate-product .certificate {
  padding: 20px 50px 50px;
  display: none;
  border-left: 1px solid #e5e5e5;
  max-width: 798px;
}
.innovate-product .character .title,
.innovate-product .certificate .title {
  font-size: 20px;
  margin: 30px 0 20px;
}
.innovate-product .character .com-name,
.innovate-product .certificate .com-name {
  display: inline-block;
  margin: 0 20px 0 0;
  cursor: pointer;
  line-height: 30px;
}
.innovate-product .certificate-swiper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  display: none;
  z-index: 10;
}
.innovate-product .certificate-swiper .certificate-swiper-container {
  position: absolute;
  height: 80%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: calc(50% + 35px);
}
.innovate-product .certificate-swiper .certificate-swiper-container .cer-img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.innovate-product .certificate-swiper.show {
  display: block;
}
.innovate-product .left-arrow {
  width: 20px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.5;
}
.innovate-product .left-arrow.active {
  opacity: 1;
  cursor: pointer;
}
.innovate-product .left-arrow.no {
  display: none;
}
.innovate-product .right-arrow {
  width: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0.5;
}
.innovate-product .right-arrow.active {
  opacity: 1;
  cursor: pointer;
}
.innovate-product .right-arrow.no {
  display: none;
}
.innovate-product.active article {
  display: none;
}
.innovate-product.active .character.active,
.innovate-product.active .certificate.active {
  display: inline-block;
}
.partner {
  width: 1200px;
  margin: 0 auto;
  padding-top: 90px;
  box-sizing: border-box;
}
.partner .innovate-product-title {
  font-size: 20px;
  height: 25px;
  line-height: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #c6c6c6;
  text-align: center;
  position: relative;
}
.partner .innovate-product-title img {
  vertical-align: middle;
}
.partner .innovate-product-title ::after {
  content: "(排名不分先后)";
  display: block;
  width: 125px;
  height: 30px;
  font-weight: normal;
  font-size: 12px;
  background-color: #ffffff;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.partner .partner-logo {
  margin-top: 60px;
  margin-bottom: 100px;
}
.partner .partner-logo .partner-logo-item {
  display: inline-block;
  width: 175px;
  height: 85px;
  margin: 20px 30px;
  /* padding: 15px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
}
.partner .partner-logo .partner-logo-item img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.hight-q-partner {
  padding-top: 0;
}
.hight-q-partner .hight-q-partner-logo {
  margin: 0;
}
.industrial-security .jump-service {
  display: inline-block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #00ad7a;
  border: 1px solid #00ad7a;
  text-decoration: none;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 46px 0 0;
  cursor: pointer;
}
.industrial-security .jump-service-v10 {
  display: inline-block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #00ad7a;
  border: 1px solid #00ad7a;
  text-decoration: none;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 46px 0 0;
  cursor: pointer;
}
.industrial-security .jump-service-v10:hover {
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.15), 0px 5px 7px 0px rgba(0, 0, 0, 0.15);
  background: #32b052;
  color: white;
  border: 1px solid #32b052;
  text-decoration: none;
}
.industrial-security .sanjiao {
  height: 12px;
  width: 6px;
  float: left;
  margin-top: 3px;
  margin-right: 8px;
}
.industrial-security .dpn {
  display: none;
}
.industrial-security .sanjiao-2 {
  height: 12px;
  width: 6px;
  float: left;
  margin-top: 9px;
  margin-right: 8px;
}
.industrial-security .round-bg {
  width: 80px;
  height: 80px;
  border-radius: 150px;
  background-color: #00b050;
  text-align: center;
  float: left;
}
.industrial-security .round-bg .round-bg-font {
  width: 60px;
  position: relative;
  left: 10px;
  top: 20px;
  font-size: 16px;
  color: white;
}
.industrial-security .rectangle-bg {
  width: 354px;
  height: 150px;
  border: 1px solid #00b050;
  text-align: center;
  margin-top: 40px;
  margin-left: 40px;
}
.industrial-security .rectangle-bg .rectangle-bg-font {
  line-height: 28px;
  font-size: 17px;
  margin: 45px auto;
}
.industrial-security .rect-bg {
  width: 280px;
  height: 120px;
  border: 1px solid #00b050;
  border-right: none;
  background-color: #00AD7A;
  text-align: center;
  float: left;
  display: inline;
}
.industrial-security .rect-bg .rect-bg-font {
  line-height: 28px;
  font-size: 14px;
  margin: 35px auto;
}
.industrial-security .rect-bg-gray {
  height: 120px;
  border: 1px solid #B7BBE0;
  border-left: none;
  background-color: #B7BBE0;
  text-align: center;
  float: left;
  display: inline;
}
.industrial-security .rect-bg-gray .rect-bg-font {
  line-height: 28px;
  font-size: 14px;
  margin: 35px auto;
}
.industrial-security h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.industrial-security h5 span {
  background: url(../../../../assets/img/pc/iconList.png) no-repeat left 0px;
  vertical-align: top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 11px;
}
.industrial-security h5 span.icon13 {
  background-position: -352px 0px;
}
.industrial-security h5 span.icon23 {
  background-position: -352px -51px;
}
.industrial-security h5 span.icon33 {
  background-position: -352px -98px;
}
.industrial-security h5 span.icon43 {
  background-position: -352px -148px;
}
.industrial-security h5 span.icon14 {
  background-position: -511px 0px;
}
.industrial-security h5 span.icon24 {
  background-position: -511px -51px;
}
.industrial-security h5 span.icon34 {
  background-position: -511px -94px;
}
.industrial-security h5 span.icon44 {
  background-position: -511px -148px;
}
.industrial-security h5 span.icon54 {
  background-position: -175px -148px;
}
.industrial-security h5 span.icon64 {
  background-position: 0px -94px;
}
.industrial-security h5 span.icon74 {
  background-position: -175px 0px;
}
.industrial-security h5 span.icon15 {
  background-position: -570px 0px;
}
.industrial-security h5 span.icon25 {
  background-position: -638px -51px;
}
.industrial-security .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.industrial-security .main-sub-title {
  margin-top: 40px;
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.industrial-security .head-image {
  text-align: center;
}
.industrial-security .head-image img {
  width: 100%;
}
.industrial-security .full-img {
  width: 100%;
  display: block;
  margin: 0 auto !important;
}
.industrial-security .full-img-2 {
  width: 80%;
  margin-left: 10%;
}
.industrial-security .full-img-3 {
  width: 60%;
  margin-left: 20%;
}
.industrial-security .img-wrapper {
  display: flex;
  justify-content: center;
}
.industrial-security .feature-img {
  margin-top: 0 !important;
  margin-bottom: 10px;
  width: 372px;
  height: 372px;
}
.industrial-security .bsfa-title {
  margin-bottom: 43px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #2e2e2e;
  line-height: 22px;
  text-align: center;
}
.industrial-security table {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
}
.industrial-security table td,
.industrial-security table th {
  border: 1px solid #2e2e2e;
  color: black;
  padding: 10px;
  line-height: 25px;
}
.industrial-security .product-intro p {
  margin-top: 32px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .product-intro-nohead {
  margin-top: 60px;
}
.industrial-security .service-type {
  margin-top: 78px;
  overflow: hidden;
}
.industrial-security .service-type-block {
  width: 327px;
  float: left;
}
.industrial-security .service-type-block:first-child {
  margin-right: 64px;
}
.industrial-security .service-type-block span {
  font-weight: bold;
}
.industrial-security .service-type-block span,
.industrial-security .service-type-block p {
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .advantages {
  margin-top: 90px;
  overflow: hidden;
}
.industrial-security .advantages > div {
  overflow: hidden;
}
.industrial-security .advantages-block,
.industrial-security .advantages-block-no-icon {
  width: 327px;
  text-align: center;
  float: left;
}
.industrial-security .advantages-block.first-line,
.industrial-security .advantages-block-no-icon.first-line {
  margin-top: 0;
}
.industrial-security .advantages-block:first-child,
.industrial-security .advantages-block-no-icon:first-child {
  margin-right: 65px;
}
.industrial-security .advantages-block img,
.industrial-security .advantages-block-no-icon img {
  margin-top: 30px;
}
.industrial-security .advantages-block img.scale-icon,
.industrial-security .advantages-block-no-icon img.scale-icon {
  height: 50px;
  fill: #11a84e;
}
.industrial-security .advantages-block span,
.industrial-security .advantages-block-no-icon span {
  margin-top: 14px;
  display: block;
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.industrial-security .advantages-block p,
.industrial-security .advantages-block-no-icon p {
  margin-top: 33px;
  margin-bottom: 0;
  text-indent: 0;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .advantages-block-no-icon {
  text-align: left;
  margin-top: 30px;
}
.industrial-security .hardware-standard {
  margin-top: 90px;
}
.industrial-security .hardware-standard-table {
  margin-top: 50px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
}
.industrial-security .usage-scene {
  margin-top: 90px;
}
.industrial-security .usage-scene-text {
  font-size: 15px;
  margin-top: 20px;
}
.industrial-security .usage-scene-text p {
  margin-top: 20px;
}
.industrial-security .usage-scene-defint {
  text-align: center;
}
.industrial-security .usage-scene-image {
  text-align: center;
  margin-bottom: 32px;
}
.industrial-security .usage-scene-image img {
  margin-bottom: 30px;
}
.industrial-security .usage-scene-image span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .usage-scene-detail {
  margin-top: 50px;
}
.industrial-security .usage-scene-detail:first-child {
  margin-top: 20px;
}
.industrial-security .usage-scene-detail-title {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .usage-scene-detail-image {
  text-align: center;
}
.industrial-security .usage-scene-detail-image img {
  width: 100%;
  margin-bottom: 15px;
}
.industrial-security .usage-scene-detail-image span {
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .usage-scene-detail p {
  margin-top: 22px;
}
.industrial-security .usage-scene-detail p:first-child {
  margin-top: 22px;
}
.industrial-security .core-ability {
  margin-top: 90px;
}
.industrial-security .core-ability-inline {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.industrial-security .core-ability-inline:first-of-type {
  margin-bottom: 35px;
}
.industrial-security .core-ability-block {
  display: inline-block;
}
.industrial-security .core-ability-block img,
.industrial-security .core-ability-block span {
  vertical-align: middle;
}
.industrial-security .core-ability-block span {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .advantages-label {
  margin-top: 80px;
}
.industrial-security .advantages-label-block {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.industrial-security .advantages-label-block div {
  padding: 10px 12px;
  display: inline-block;
  color: #fff;
  background-color: #11a84e;
  font-size: 15px;
  font-weight: 400;
}
.industrial-security .advantages-label-block div.four {
  padding: 10px 50px;
}
.industrial-security .advantages-label-description {
  margin-top: 40px;
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .service-support-second-title {
  margin-bottom: 45px;
}
.industrial-security .no-special p,
.industrial-security .no-special-blank-block p {
  text-indent: 0;
}
.industrial-security .no-special {
  position: relative;
  margin-top: 80px;
}
.industrial-security .no-special .sanjiao {
  height: 12px;
  width: 6px;
  float: left;
  margin-top: 9px;
  margin-right: 8px;
}
.industrial-security .no-special-title {
  margin-top: 42px !important;
}
.industrial-security .no-special-image {
  text-align: center;
}
.industrial-security .no-special-img {
  text-align: center;
  padding-bottom: 50px;
}
.industrial-security .no-special-gaishu {
  text-align: center;
  margin-bottom: 20px;
}
.industrial-security .no-special-gaishutu {
  width: 376px;
  height: 120px;
}
.industrial-security .no-special-defint {
  text-align: center;
}
.industrial-security .no-special-defint-picture {
  height: 200px;
  width: 500px;
}
.industrial-security .no-special-defint-picture1 {
  height: 350px;
  width: 750px;
}
.industrial-security .no-special-defint-picture2 {
  width: 90%;
  height: 260px;
}
.industrial-security .no-special-defint-picture3 {
  height: 500px;
}
.industrial-security .no-special .defint-bushu {
  padding-top: 20px ;
}
.industrial-security .no-special .defint-bushu h4 {
  display: inline;
}
.industrial-security .no-special img {
  margin-top: 50px;
}
.industrial-security .no-special-block {
  text-align: center;
}
.industrial-security .no-special-block:first-child {
  margin-top: 45px;
}
.industrial-security .no-special-block:not(:last-of-type) {
  margin-bottom: 65px;
}
.industrial-security .no-special-block span {
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .no-special-block p:first-of-type {
  margin-top: 32px;
}
.industrial-security .no-special-block-icon {
  height: 40px;
  margin: 0 !important;
  vertical-align: middle;
}
.industrial-security .no-special-blank-block:first-child {
  margin-top: 32px;
}
.industrial-security .no-special-blank-block-has-sub {
  margin-top: 23px;
}
.industrial-security .no-special-blank-block-has-sub:first-of-type {
  margin-top: 23px;
}
.industrial-security .no-special-blank-block-has-sub-title {
  color: #626262 !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 30px;
}
.industrial-security .no-special-blank-block-has-sub p {
  margin-top: 20px !important;
}
.industrial-security .no-special-blank-block span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .no-special-blank-block .second-title {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.industrial-security .no-special-blank-block p {
  margin-top: 25px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.industrial-security .no-special-blank-block .content {
  margin-top: 25px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
  text-indent: 0;
}
.industrial-security .no-special-horizontal-icon-block {
  width: 150px;
  text-align: center;
  float: left;
}
.industrial-security .no-special-horizontal-icon-block img {
  height: 50px;
  margin: 0 !important;
}
.industrial-security .no-special-horizontal-icon-block p {
  margin-top: 5px;
  text-align: center;
  text-indent: 0;
}
.industrial-security .no-special-horizontal-desc-block {
  margin-left: 150px;
  text-indent: 0;
}
.industrial-security .no-special-prepond-tatol {
  height: 320px;
}
.industrial-security .no-special-prepond-left,
.industrial-security .no-special-prepond-center,
.industrial-security .no-special-prepond-right {
  float: left;
  left: 0;
  margin-left: -19px;
}
.industrial-security .no-special-prepond-left img,
.industrial-security .no-special-prepond-center img,
.industrial-security .no-special-prepond-right img {
  height: 45px;
  width: 110px;
}
.industrial-security .no-special-list-block p {
  margin: 0;
}
.industrial-security .three-column {
  margin-top: 90px;
}
.industrial-security .three-column > div {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.industrial-security .three-column-block {
  width: 216px;
}
.industrial-security .three-column-block p {
  text-indent: 0;
}
.industrial-security .platform-value {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
}
.industrial-security .platform-value-list {
  color: #626262;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-weight: 400;
}
.industrial-security .platform-value-list li {
  list-style: none;
  line-height: 30px;
}
.industrial-security .platform-value-list li::before {
  content: "• ";
  color: #009069;
  width: 30px;
}
.industrial-security .advantages-inline {
  margin-top: 80px;
}
.industrial-security .advantages-inline-container {
  overflow: hidden;
}
.industrial-security .advantages-inline-block {
  float: left;
  width: 50%;
}
.industrial-security .advantages-inline-block img {
  float: left;
}
.industrial-security .advantages-inline-block-text {
  margin-left: 18px;
  display: inline-block;
  width: 250px;
}
.industrial-security .advantages-inline-block-text p {
  margin-top: 20px;
  text-indent: 0;
}
.industrial-security .youshi {
  margin-top: 50px;
  font-size: 0;
}
.industrial-security .youshi-block {
  margin-top: 20px;
  display: inline-block;
  width: 20%;
  text-align: center;
}
.industrial-security .youshi-block img {
  height: 50px;
  margin: 0;
}
.industrial-security .youshi-block p {
  color: #36b34b;
  margin-top: 10px;
  text-align: center;
  text-indent: 0;
}
.industrial-security b {
  display: block;
  margin-bottom: 15px;
}
.industrial-security .android-features-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
  border-radius: 5px;
}
.industrial-security .android-features-item-left {
  width: 270px;
  background: #00AD7A;
  background: linear-gradient(135deg, #00CA60 0%, #00AA78 100%);
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 0 0 8px;
}
.industrial-security .android-features-item-right {
  color: #2E2F40;
  font-size: 16px;
  line-height: 22px;
  background: #EDEEF5;
  padding: 24px;
  box-sizing: border-box;
  flex: 1;
  text-align: justify;
  border-radius: 0 8px 8px 0;
}
.industrial-security .mobile-yingyong img {
  margin-top: 0!important;
}
.industrial-security .mobile-yingyong .mobile-yingyong-title {
  font-size: 16px;
  color: #2E2E2E;
  margin: 11px 0;
  font-weight: bold;
}
.industrial-security .mobile-yingyong .mobile-yingyon-item {
  display: inline-block;
  text-align: center;
  width: 267px;
  height: 324px;
  background: #F4F4F4;
  margin-bottom: 12px;
  padding: 16px;
  box-sizing: border-box;
  font-size: 15px;
  color: #626262;
  text-align: left;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.industrial-security .mobile-yingyong .mobile-yingyon-item img {
  width: 235px;
}
.industrial-security .square-content {
  height: 57px;
  font-size: 15px;
  text-align: left;
  color: #626262;
  line-height: 28px;
  list-style-type: square;
}
.industrial-security .square-content-2 {
  height: 36px;
}
.industrial-security .case-bkg {
  width: 396px;
  height: 38px;
  background: url('../../../assets/img/360-industrial-security/path_bkg.png') no-repeat center center;
  display: flex;
  align-items: center;
}
.industrial-security .case-bkg span {
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  margin-left: 8px;
}
.industrial-security .two-img-container {
  display: flex;
  margin-left: 50px;
  margin-bottom: 30px;
}
.industrial-security .two-img-container .part-img {
  height: 238px;
  margin: 13px;
}
.industrial-security .green-square-item {
  font-size: 15px;
  text-align: justify;
  color: #00ad7a;
  line-height: 26px;
  list-style-type: square;
  margin-bottom: 2px;
}
.industrial-security .green-square-item span {
  color: #626262;
}
.industrial-security .li-number-item {
  font-size: 14px;
  text-align: justify;
  color: #2e2f40;
  line-height: 24px;
  list-style-type: decimal;
}
.industrial-security .green-disc-item {
  font-size: 14px;
  text-align: justify;
  line-height: 20px;
  color: #00ad7a;
  list-style-type: disc;
  margin-bottom: 8px;
}
.industrial-security .green-disc-item span {
  color: #2e2f40;
}
.industrial-security .xuqiufenxi-wrapper {
  display: flex;
}
.industrial-security .xuqiufenxi-wrapper .box-item {
  height: 275px;
  background: #e9eaf5;
  border-radius: 12px;
  flex: 1;
  margin: 30px;
}
.industrial-security .xuqiufenxi-wrapper .box-item .header {
  width: 100%;
  height: 69px;
  background: linear-gradient(135deg, #00ca60 0%, #00aa78 96%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  align-items: center;
}
.industrial-security .xuqiufenxi-wrapper .box-item .header .icon {
  height: 27px;
  margin-left: 28px;
}
.industrial-security .xuqiufenxi-wrapper .box-item .header .title {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 28px;
  margin: 12px;
}
.industrial-security .xuqiufenxi-wrapper .box-item .content {
  margin: 18px;
}
.industrial-security .xqfx-title {
  margin-top: 14px;
  font-size: 15px;
  color: #626262;
  line-height: 28px;
  display: flex;
}
.industrial-security .xqfx-title .xuqiufenxi-bkg {
  width: 117px;
  height: 32px;
  background: linear-gradient(135deg, #4ad3a4 0%, #00ab7a 96%);
  border-radius: 2px;
  color: #ffffff;
  line-height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
}
.industrial-security .function-wrapper {
  display: flex;
}
.industrial-security .function-wrapper .content-wrapper {
  flex: 1;
}
.industrial-security .function-wrapper .function-img {
  height: 208px;
  width: 208px;
  margin-bottom: 10px;
}
.industrial-security .function-wrapper .bushu-img {
  width: 395px;
  height: 296px;
}
.industrial-security .function-wrapper .description {
  font-size: 14px;
  text-align: center;
  color: #626262;
  line-height: 20px;
  margin-top: 14px;
}
.industrial-security .application-wrapper {
  display: flex;
}
.industrial-security .application-wrapper .box {
  flex: 1;
  margin-right: 12px;
}
.industrial-security .application-wrapper .box:last-child {
  margin-right: 0;
}
.industrial-security .application-wrapper .title {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #2e2e2e;
  line-height: 22px;
  margin-left: 16px;
  margin-bottom: 14px;
}
.industrial-security .application-wrapper .application-type {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: #2e2e2e;
  line-height: 22px;
  margin-bottom: 16px;
  margin-top: 24px;
}
.industrial-security .application-wrapper .application-item {
  height: 646px;
  border: 1px solid #00ab7a;
  border-radius: 6px;
  padding: 4px 24px;
}
.industrial-security .product-intro {
  margin-top: 40px;
  text-align: center;
}
.industrial-security .product-intro .product-intro-item {
  width: 100%;
  text-align: center;
  background: #EDEEF5;
  vertical-align: middle;
  margin-bottom: 24px;
  display: flex;
  border-radius: 8px;
}
.industrial-security .product-intro .product-intro-item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 25px;
  width: 200px;
  background: linear-gradient(135deg, #4ad3a4 0%, #00ab7a 96%);
  border-radius: 8px 0px 0px 8px;
}
.industrial-security .product-intro-item-content div {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #626262;
  line-height: 24px;
  padding: 12px 20px;
}
.industrial-security .product-intro-item-content h4 {
  margin-top: 10px;
}
.industrial-security .product-intro-item-content {
  padding: 22px 0;
  box-sizing: border-box;
  float: left;
  flex: 1;
}
.industrial-security .feature-title-wrapper {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.industrial-security .feature-title-wrapper .f-left-line {
  position: relative;
  width: 114px;
  border: 1px solid;
  border-image: linear-gradient(116deg, rgba(125, 125, 125, 0) 17%, #bebebe) 1 1;
}
.industrial-security .feature-title-wrapper .f-right-line {
  position: relative;
  width: 114px;
  border: 1px solid;
  border-image: linear-gradient(244deg, rgba(125, 125, 125, 0) 17%, #bebebe) 1 1;
}
.industrial-security .feature-title-wrapper .f-title {
  margin: 0 21px;
  font-weight: 600;
  text-align: center;
  color: #36383b;
  line-height: 41px;
  letter-spacing: 0.56px;
}
.industrial-security .feature-title-wrapper .f-left-line::after {
  content: ' ';
  position: absolute;
  right: -5px;
  top: -2.5px;
  width: 5px;
  height: 5px;
  background: #bebebe;
  border-radius: 50%;
}
.industrial-security .feature-title-wrapper .f-right-line::before {
  content: ' ';
  position: absolute;
  left: -5px;
  top: -2.5px;
  width: 5px;
  height: 5px;
  background: #bebebe;
  border-radius: 50%;
}
.industrial-security .feature-title {
  margin-bottom: 60px;
}
.industrial-security .feature-content-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 37px 24px 18px 24px;
  border: 1px solid #4472c4;
  border-radius: 2px;
}
.industrial-security .feature-content-wrapper .title-wrapper {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 175px;
  height: 40px;
  background: #4472c4;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  line-height: 14px;
}
.industrial-security .feature-content-wrapper .content {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #626262;
  line-height: 30px;
}
.industrial-security .feature-content-wrapper .content::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background: #1a1d2c;
}
.services {
  min-height: 600px;
}
.services .center {
  margin-top: 20px;
  text-align: center;
}
.services h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.services h5 span {
  background: url(../../../../assets/img/pc/iconList.png) no-repeat left 0px;
  vertical-align: top;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 15px;
}
.services h5 span.icon11 {
  background-position: 0px 0px;
}
.services h5 span.icon21 {
  background-position: 0px -48px;
}
.services h5 span.icon31 {
  background-position: 0px -98px;
}
.services h5 span.icon41 {
  background-position: 0px -148px;
}
.services .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.services .no-special {
  margin-top: 80px;
}
.services .no-special-block:first-of-type {
  margin-top: 45px;
}
.services .no-special-block:not(:last-of-type) {
  margin-bottom: 65px;
}
.services .no-special-block span {
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.services .no-special-block p {
  text-indent: 0;
  margin-bottom: 10px;
}
.services .no-special-block p:first-of-type {
  margin-top: 32px;
}
.services .no-special-block.em2 p {
  text-indent: 2em !important;
}
.services b {
  display: block;
  margin-bottom: 15px;
}
.safe-analysis-and-response .no-special p {
  font-size: 14px;
}
.safe-analysis-and-response .main-title {
  text-align: center;
  font-weight: normal;
  font-size: 40px;
}
.safe-analysis-and-response h5 {
  text-align: center;
  padding-bottom: 16px;
  font-size: 24px;
  background: url(https://p3.ssl.qhimg.com/t01d119b12eddc81de3.png) center bottom no-repeat;
  font-weight: normal;
  margin-bottom: 10px;
}
.safe-analysis-and-response .no-special-title,
.safe-analysis-and-response .advantage-block {
  background-color: #fafbfc;
  padding: 35px;
}
.safe-analysis-and-response .features-block {
  margin-top: 40px;
  margin-bottom: -20px;
}
.safe-analysis-and-response .features-block h5 {
  margin-bottom: 35px;
}
.safe-analysis-and-response .features-block .clearfix {
  clear: both;
}
.safe-analysis-and-response .features-block .no-special-blank-block {
  float: left;
  width: 42.7%;
  border: 1px solid #C8CDD3;
  border-top: 4px solid #1956AF;
  margin-bottom: 20px;
  padding: 20px 2.8%;
  height: 238px;
  background-repeat: no-repeat;
  background-position: center 26px;
}
.safe-analysis-and-response .features-block .right-no-margin {
  float: right;
  margin-right: 0;
}
.safe-analysis-and-response .features-block span {
  padding-top: 112px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 13px;
  display: block;
  text-align: center;
}
.safe-analysis-and-response .features-block p {
  font-size: 12px;
  color: #666;
  margin: 0;
  text-indent: 0;
  text-align: center;
}
.safe-analysis-and-response .advantage-block {
  margin-top: 40px;
}
.safe-analysis-and-response .advantage-block h5 {
  margin-bottom: 35px;
}
.safe-analysis-and-response .advantage-block p {
  font-size: 12px;
  color: #666;
  margin: 0;
  text-indent: 0;
}
.safe-analysis-and-response .advantage-block span {
  display: block;
  font-size: 16px;
  line-height: 30px;
}
.safe-analysis-and-response .advantage-block .no-special-blank-block {
  position: relative;
  padding-left: 140px;
  margin-bottom: 20px;
}
.safe-analysis-and-response .advantage-block .list-item {
  position: absolute;
  top: 0;
  left: 0;
}
.safe-analysis-and-response .advantage-block .list-item .point {
  position: absolute;
  top: 30px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 4px solid #E2EDF4;
  border-radius: 100%;
  background-color: #FFF;
  z-index: 5;
}
.safe-analysis-and-response .advantage-block .list-item .line {
  position: absolute;
  top: 37px;
  left: 10px;
  width: 0;
  height: 100px;
  border: 1px solid #E6E9EE;
}
.safe-analysis-and-response .advantage-block .list-item p {
  position: absolute;
  top: 0;
  left: 40px;
  font-size: 64px;
  height: 76px;
  line-height: 76px;
  color: #D6DCF8;
}
.safe-analysis-and-response .download-block {
  margin-top: 40px;
}
.safe-analysis-and-response .download-block h5 {
  margin-bottom: 35px;
}
.safe-analysis-and-response .download-block p {
  padding: 60px 60px 60px 120px;
  border: 1px solid #EAEAEA;
  font-size: 22px;
  margin: 0;
  font-weight: 500;
  color: #000;
  line-height: 48px;
  text-indent: 0;
  background: url(https://p3.ssl.qhimg.com/t0111c0ce1ff085156f.png) 40px 45px no-repeat;
}
.safe-analysis-and-response .download-block a {
  display: block;
  float: right;
  width: 170px;
  height: 48px;
  color: #FFF;
  font-size: 18px;
  background-color: #1956AF;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  border-radius: 3px;
}
.chronicle .time-year-title {
  color: hsl(164, 100%, 33%);
  font-size: 36px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #fff;
}
.chronicle .time-graph-content {
  width: 100%;
  height: 1880px;
  position: relative;
}
.chronicle .time-graph-content .time-graph-block {
  margin-top: 55px;
}
.chronicle .time-graph-content .time-graph-block:first-of-type {
  margin-top: 0;
}
.chronicle .time-graph-content .divide-line {
  width: 1px;
  height: 1750px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  background-color: #b5b5b5;
}
.chronicle .time-graph-block-content {
  position: relative;
  overflow: hidden;
  width: 50%;
}
.chronicle .time-graph-block-content .left {
  float: right;
  margin-top: 22px;
  margin-right: 50px;
}
.chronicle .time-graph-block-content.reverse {
  margin-left: 50%;
}
.chronicle .time-graph-block-content.reverse .right {
  float: left;
  margin-top: 22px;
  margin-left: 50px;
}
.chronicle .time-month-graph {
  margin-top: 40px;
  position: relative;
  left: 50%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  width: 84px;
  height: 36px;
  background-color: #08b6a4;
  border-radius: 42px 0 0 42px;
  vertical-align: middle;
  display: inline-block;
}
.chronicle .time-month-graph.reverse {
  transform: scaleX(-1);
}
.chronicle .time-month-graph.reverse .content {
  transform: scaleX(-1);
}
.chronicle .time-month-graph .content {
  color: #fff;
  position: relative;
  left: 30px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
}
.chronicle .time-month-graph .white-ring {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  float: right;
  position: relative;
  left: 10px;
  top: 8px;
}
.chronicle .time-month-graph .inner-point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #08b6a4;
  position: relative;
  float: right;
  left: 26px;
  top: 12px;
}
.energize-center h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.energize-center .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.energize-center .main-description {
  margin-top: 30px;
}
.energize-center .vertical-icon {
  margin-top: 80px;
}
.energize-center .vertical-icon-list {
  margin: 50px auto 0;
  width: 605px;
  height: 546px;
  border: 1px solid #606060;
}
.energize-center .vertical-icon-list__title {
  color: #fff;
  margin: 0 auto;
  width: 326px;
  height: 32px;
  background: #11a84e;
  border-radius: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
  text-indent: 0;
}
.energize-center .vertical-icon-list__block {
  padding-top: 45px;
}
.energize-center .vertical-icon-list__block img {
  margin-left: 50px;
  height: 75px;
  width: 75px;
  display: inline-block;
  vertical-align: middle;
}
.energize-center .vertical-icon-list__block p {
  display: inline-block;
  margin: 0;
  height: 75px;
  line-height: 82px;
  font-size: 18px;
  color: #626262;
  font-weight: 400;
  letter-spacing: 0.38px;
}
.energize-center .list-banner {
  margin-top: 105px;
}
.energize-center .list-banner p {
  padding: 22px 0;
  text-align: center;
  line-height: 20px;
  color: #fff;
  height: 20px;
  font-size: 18px;
  background-color: #11a84e;
  letter-spacing: 1px;
}
.energize-center .tech-advantages {
  margin-top: 80px;
}
.energize-center .tech-advantages img {
  width: 100%;
}
.energize-center .tech-advantages p {
  text-indent: 0;
}
.energize-center .usage-scene {
  margin-top: 90px;
}
.energize-center .usage-scene p {
  text-indent: 0;
}
.energize-center .usage-scene-image {
  text-align: center;
  margin-bottom: 32px;
}
.energize-center .usage-scene-image img {
  width: 100%;
  margin-bottom: 30px;
}
.energize-center .usage-scene-image span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.energize-center .usage-scene-detail {
  margin-top: 50px;
}
.energize-center .usage-scene-detail:first-child {
  margin-top: 20px;
}
.energize-center .usage-scene-detail-title {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.energize-center .usage-scene-detail-image {
  text-align: center;
}
.energize-center .usage-scene-detail-image img {
  width: 100%;
  margin-bottom: 15px;
}
.energize-center .usage-scene-detail-image span {
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.energize-center .usage-scene-detail p {
  margin-top: 22px;
}
.energize-center .usage-scene-detail p:first-child {
  margin-top: 22px;
}
.energize-center .no-special {
  margin-top: 80px;
}
.energize-center .no-special-title {
  margin-top: 42px !important;
}
.energize-center .no-special-image {
  text-align: center;
}
.energize-center .no-special img {
  margin-top: 50px;
}
.energize-center .no-special-block {
  text-align: center;
}
.energize-center .no-special-block:first-child {
  margin-top: 45px;
}
.energize-center .no-special-block:not(:last-of-type) {
  margin-bottom: 65px;
}
.energize-center .no-special-block span {
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.energize-center .no-special-block p {
  margin: 10px 0;
  text-indent: 0;
}
.energize-center .no-special-block p:first-of-type {
  margin-top: 32px;
}
.energize-center .no-special-blank-block:first-child {
  margin-top: 32px;
}
.energize-center .no-special-blank-block-has-sub {
  margin-top: 23px;
}
.energize-center .no-special-blank-block-has-sub:first-of-type {
  margin-top: 23px;
}
.energize-center .no-special-blank-block-has-sub-title {
  color: #626262 !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 30px;
}
.energize-center .no-special-blank-block-has-sub p {
  margin-top: 20px !important;
}
.energize-center .no-special-blank-block span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.energize-center .no-special-blank-block p {
  margin-top: 25px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.energize-center b {
  display: block;
  margin-bottom: 15px;
}
.about .news-content {
  width: 1008px;
}
.about .news-content img {
  margin: 0;
  width: 383px;
  height: 239px;
  display: inline-block;
  vertical-align: top;
}
.about .news-content .description {
  display: inline-block;
  width: 576px;
  margin-left: 39px;
}
.about .news-content p {
  margin-bottom: 25px;
  text-align: justify;
}
.advantage {
  width: 1202px !important;
}
.advantage h5 {
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 1px;
  color: #00aa7c;
}
.advantage p {
  text-indent: 0;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #2e2e2e;
}
.advantage .center {
  text-align: center;
}
.advantage .center p:first-child {
  margin-top: 50px;
}
.advantage .center img {
  margin: 30px 0;
}
.advantage .no-center {
  text-align: left;
  display: inline-block;
  margin: 0 auto;
}
.advantage .three-column {
  display: flex;
  justify-content: space-between;
}
.advantage .three-column-images {
  justify-content: space-around;
}
.advantage .three-column-images img {
  width: 190px;
}
.advantage .three-column__item {
  width: 220px;
}
.advantage .three-column__item__title {
  border-bottom: 1px dashed #7d7d7d;
  margin-bottom: 20px;
  text-align: center;
}
.advantage .three-column__item__title img {
  margin: 20px 0;
  vertical-align: middle;
}
.advantage .three-column__item__title span {
  margin-left: 16px;
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 1px;
  color: #00aa7c;
}
.advantage .three-column__item p {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #2e2e2e;
}
.advantage .no-special {
  margin-top: 70px;
}
.advantage .no-special p {
  text-indent: 0 !important;
}
.advantage .no-special .two-images {
  display: flex;
  justify-content: space-between;
}
.advantage .no-special .two-images-block {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.advantage .no-special .two-images-block .image-block {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.advantage .no-special .two-images-block .image-block__title {
  text-align: center;
}
.advantage .no-special .two-images-block .image-block__title h5 {
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 1px;
  color: #2e2e2e;
  margin-bottom: 17px;
}
.advantage .no-special .two-images-block .image-block__title span {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #2e2e2e;
}
.advantage .no-special .four-column {
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  padding: 0 120px;
}
.advantage .no-special .four-column__block {
  width: 25%;
  text-align: center;
}
.advantage .no-special .four-column__block img {
  margin: 0 !important;
}
.advantage .no-special .four-column__block p {
  margin-top: 20px;
}
.advantage .two-column {
  margin-top: 60px;
}
.advantage .two-column__oneline {
  margin-top: 42px;
  display: flex;
  justify-content: space-around;
}
.advantage .two-column__oneline .two-column__block {
  width: 50%;
  text-align: center;
}
.advantage .two-column__oneline .two-column__block img {
  margin: 0 !important;
}
.advantage .two-column__oneline .two-column__block p {
  text-indent: 0;
  margin-bottom: 24px;
}
.advantage .two-column__oneline .two-column__block__title {
  margin-bottom: 30px;
}
.advantage .safe-big-data {
  margin-top: 80px;
}
.advantage .safe-big-data .line {
  margin-top: 40px;
  width: 100%;
  height: 1px;
  display: inline-block;
  background-color: #707070;
}
.advantage .safe-big-data .line p {
  padding: 0 20px;
  display: inline-block;
  text-indent: 0;
  margin-top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-color: #fff;
}
.advantage .safe-big-data .four-column {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.advantage .safe-big-data .four-column__block {
  width: 160px;
  text-align: center;
}
.advantage .safe-big-data .four-column__block img {
  margin: 0 !important;
}
.advantage .safe-big-data .four-column__block p {
  margin-top: 20px;
}
.advantage .safe-big-data .four-column__block .text__block__head {
  width: 160px;
  height: 155px;
  background-color: #ffffff;
  border: solid 1px #00aa7c;
}
.advantage .safe-big-data .four-column__block .text__block__head--top {
  padding: 14px 0;
  line-height: 20px;
  margin-top: 0;
  background-color: #00aa7c;
  color: #fff;
  text-indent: 0;
}
.advantage .safe-big-data .four-column__block .text__block__head--bottom {
  padding: 14px 0;
  line-height: 20px;
  margin-top: 0;
  text-indent: 0;
}
.advantage .safe-big-data .four-column__block .text__block__body {
  line-height: 20px;
  text-indent: 0;
}
.advantage .no-padding-banner {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 1px;
  color: #00aa7c;
  padding: 16px 30px;
  border: 2px solid #00aa7c;
  text-align: center;
  text-indent: 0;
  margin: 10px !important;
  display: inline-block;
}
.advantage .no-padding-banner img {
  margin: 0;
  vertical-align: middle;
}
.advantage .padding-banner {
  margin-top: 42px;
  display: inline-block;
  padding: 15px 80px;
  color: #fff;
  background-color: #00aa7c;
  text-align: center;
  text-indent: 0;
}
.advantage .ad-header {
  display: flex;
  align-items: center;
  width: 100%;
}
.advantage .ad-header img {
  width: 80%;
  margin: 0 auto;
}
.advantage .advantage-title-wrapper {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.advantage .advantage-title-wrapper .adv-line {
  width: 300px;
  height: 23px;
}
.advantage .advantage-title-wrapper .adv-title {
  font-size: 32px;
  font-family: PingFang SC, PingFang SC-6;
  font-weight: 500;
  color: #242933;
  line-height: 44px;
  margin: 0 18px;
  text-align: center;
}
.advantage .ad-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.advantage .ad-center .img-title {
  height: 38px;
  margin-bottom: 31px;
}
.advantage .ad-center .green-bkg {
  width: 396px;
  height: 53px;
  background: linear-gradient(180deg, #4ad3a4 0%, #00ab7a);
  border-radius: 28px;
  text-align: center;
  line-height: 53px;
}
.advantage .ad-center .green-bkg span {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}
.advantage .ad-center .widget-title {
  background-image: linear-gradient(#00ab7a, #00ab7a), linear-gradient(#00ab7a, #00ab7a), linear-gradient(#00ab7a, #00ab7a), linear-gradient(#00ab7a, #00ab7a);
  background-repeat: no-repeat;
  background-size: 8px 1px;
  background-position: top left, top right, bottom left, bottom right;
  border: solid #00ab7a;
  text-align: center;
  border-width: 0 1px;
  display: inline-block;
  vertical-align: top;
  margin: 18px;
}
.advantage .ad-center .widget-title .widget-bkg {
  padding: 16px 56px;
  background: linear-gradient(87deg, rgba(2, 171, 121, 0.05) 1%, rgba(46, 203, 163, 0) 27%, rgba(37, 193, 148, 0) 73%, rgba(2, 171, 121, 0.05) 98%);
}
.advantage .ad-center .widget-title .widget-title-line {
  font-size: 20px;
  text-align: center;
  color: #525966;
  line-height: 32px;
  font-weight: 300;
}
.advantage .ad-center .widget-title .widget-title-line2 {
  font-weight: bold;
  color: #242933;
}
.advantage .ad-center .num-wrapper {
  margin-top: 43px;
}
.advantage .ad-center .num-wrapper .num-item {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 280px;
  height: 148px;
  margin: 0px 6px;
}
.advantage .ad-center .num-wrapper .num-item .img-bkg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.advantage .ad-center .num-wrapper .num-item:hover .img-bkg {
  border: solid 1px #00ab7a;
  border-radius: 3px;
  box-shadow: 0px 6px 16px 4px rgba(0, 0, 0, 0.2);
}
.advantage .ad-center .num-wrapper .num-item .num-sub-item {
  display: flex;
  margin-left: 35px;
  margin-top: 30px;
}
.advantage .ad-center .num-wrapper .num-item .num-text {
  font-size: 48px;
  font-weight: 700;
  color: #00ab7a;
}
.advantage .ad-center .num-wrapper .num-item .num-unit-text {
  font-size: 16px;
  font-weight: 500;
  color: #525966;
  margin-left: 8px;
  margin-top: 10px;
}
.advantage .ad-center .num-wrapper .num-item .num-tip-text {
  font-size: 16px;
  font-weight: 400;
  color: #525966;
  text-align: start;
  margin-left: 35px;
  margin-top: 16px;
}
.advantage .ad-center .img-center {
  width: 70%;
  margin: 44px auto;
}
.advantage .ad-center .img-center-2 {
  width: 100%;
  margin: 61px auto;
}
.advantage .ad-center .center-text {
  font-size: 16px;
  color: #525966;
  line-height: 24px;
  margin-top: 18px;
}
.advantage .ad-center .zl-wrapper {
  margin-top: 43px;
}
.advantage .ad-center .zl-wrapper .zl-item {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 140px;
  height: 148px;
  margin: 0px 45px;
}
.advantage .ad-center .zl-wrapper .zl-item .zl-img {
  height: 75px;
  width: 102px;
}
.advantage .ad-center .zl-wrapper .zl-item .zl-content {
  margin-top: 10px;
  width: 140px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #525966;
  line-height: 24px;
}
.advantage .ad-center .ldsf-title {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #242933;
  line-height: 22px;
  margin-top: 23px;
}
.advantage .ad-center .ldsf-wrapper {
  margin-top: 24px;
  display: flex;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item {
  text-align: left;
  display: inline-block;
  position: relative;
  width: 187px;
  margin-right: 16px;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item:last-child {
  margin-right: 0;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item .ldsf-img-1 {
  height: 127px;
  width: 186px;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item .ldsf-img-2 {
  height: 127px;
  width: 187px;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item .ldsf-name {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #525966;
  line-height: 20px;
}
.advantage .ad-center .ldsf-wrapper .ldsf-item .ldsf-desc {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #8a9099;
  line-height: 20px;
  margin-top: 8px;
}
.advantage .ad-content-center {
  align-items: center;
}
.advantage .ad-content {
  width: 100%;
  margin-top: 50px;
  display: flex;
}
.advantage .ad-content .left-img-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantage .ad-content .left-img-wrapper .content {
  width: 519px;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #525966;
  line-height: 24px;
}
.advantage .ad-content .left-content {
  width: 45%;
  padding-right: 60px;
}
.advantage .ad-content .left-content2 {
  width: 35%;
}
.advantage .ad-content .right-content ul .green-square-item {
  margin-bottom: 12px;
  font-size: 16px;
  color: #242933;
  line-height: 24px;
  list-style-type: square;
}
.advantage .ad-content .right-content ul .green-square-item span {
  color: #00ab7a;
  font-weight: bold;
}
.advantage .ad-content .right-content ul .green-square-item::marker {
  color: #00ab7a;
}
.advantage .ad-content .right-content .content {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #525966;
  line-height: 24px;
}
.advantage .full-img {
  width: 100%;
}
.advantage .full-img-2 {
  width: 80%;
}
.advantage .ad-m-center {
  margin-top: 100px;
}
.advantage .ad-margin {
  margin-top: 50px;
}
.advantage .content-wrapper {
  width: 460px;
  position: relative;
  margin-top: -40px;
}
.advantage .content-wrapper .number-title {
  font-size: 100px;
  font-family: Arial, Arial-9;
  font-weight: 700;
  text-align: left;
  color: #f2f4f5;
  line-height: 115px;
}
.advantage .content-wrapper .content-title {
  position: absolute;
  top: 37px;
  left: 83px;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #00ab7a;
  line-height: 33px;
}
.advantage .content-wrapper .content-sub-title {
  position: absolute;
  top: 76px;
  left: 83px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #242933;
  line-height: 24px;
}
.recognition .info-block {
  font-size: 0;
}
.recognition .info-block__title {
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 1px;
  color: hsl(164, 100%, 33%);
}
.recognition .info-block__desc {
  margin-top: 23px;
  margin-bottom: 50px;
  text-indent: 0;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #2e2e2e;
}
.recognition .info-block__desc.center {
  margin: 20px 0;
  text-align: center;
}
.recognition .info-block--inner {
  display: inline-block;
  width: 33%;
  text-align: center;
  margin-bottom: 38px;
}
.recognition .info-block--inner--half {
  width: 50%;
  display: inline-block;
  text-align: center;
  margin-bottom: 90px;
}
.recognition .info-block--inner img {
  margin-top: 0;
  margin-bottom: 27px;
}
.recognition .info-block--inner div {
  text-align: center;
}
.recognition .info-block--inner div p {
  text-indent: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #626262;
}
.recognition .info-block--inner.plain {
  width: 100%;
  text-align: center;
}
.recognition .info-block--inner.plain p {
  text-indent: 0;
  color: #626262;
}
.recognition .info-block--inner.plain.center {
  margin: 0;
}
.recognition .info-block--inner.plain .icon-list {
  width: 632px;
  margin: 65px auto;
  border: solid 1px #878787;
}
.recognition .info-block--inner.plain .icon-list__title {
  display: inline-block;
  color: #fff;
  background-color: #00aa7c;
  border-radius: 13px;
  border: solid 1px #ffffff;
  padding: 0 42px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.recognition .info-block--inner.plain .icon-list__block {
  margin-top: 50px;
}
.recognition .info-block--inner.plain .icon-list__block__item {
  font-size: 0;
  width: 50%;
  display: inline-block;
  margin-bottom: 22px;
}
.recognition .info-block--inner.plain .icon-list__block__item:last-child {
  margin-bottom: 52px;
}
.recognition .info-block--inner.plain .icon-list__block__item img {
  margin: 0;
  vertical-align: middle;
}
.recognition .info-block--inner.plain .icon-list__block__item__desc {
  vertical-align: middle;
  text-align: left;
  width: 187px;
  text-indent: 0;
  display: inline-block;
  margin-left: 20px;
  letter-spacing: 0px;
  min-height: 120px;
}
.recognition .info-block--inner.plain .icon-list__block__list-item {
  font-size: 0;
  width: 50%;
  display: inline-block;
  margin-bottom: 64px;
}
.recognition .info-block--inner.plain .icon-list__block__list-item.fullwidth {
  width: auto;
  text-align: initial;
  margin-left: auto;
  margin-right: auto;
}
.recognition .info-block--inner.plain .icon-list__block__list-item.fullwidth .year {
  vertical-align: bottom;
  display: inline-block;
  width: 68px;
  height: 68px;
  background-color: #00aa7c;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 68px;
  letter-spacing: 1px;
}
.recognition .info-block--inner.plain .icon-list__block__list-item img {
  margin: 0;
}
.recognition .info-block--inner.plain .icon-list__block__list-item__desc {
  display: inline-block;
  text-align: left;
  margin-left: 10px;
}
.recognition .info-block--inner.plain .icon-list__block__list-item__desc span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #00aa7c;
}
.recognition .info-block--inner.plain .icon-list__block__list-item__desc p {
  margin-top: 20px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0;
  color: #040000;
}
.status .info-block {
  font-size: 0;
}
.status .info-block__title {
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 1px;
  color: hsl(164, 100%, 33%);
}
.status .info-block__desc {
  margin-top: 23px;
  margin-bottom: 50px;
  text-indent: 0;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #2e2e2e;
}
.status .info-block__desc.center {
  margin: 20px 0;
  text-align: center;
}
.status .info-block--inner {
  display: inline-block;
  width: 50%;
  text-align: center;
  margin-bottom: 38px;
}
.status .info-block--inner img {
  margin-top: 0;
  margin-bottom: 27px;
}
.status .info-block--inner div {
  text-align: center;
}
.status .info-block--inner div p {
  text-indent: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #626262;
}
.status .info-block--inner.plain {
  width: 100%;
  text-align: center;
}
.status .info-block--inner.plain.center {
  margin: 0;
}
.status .info-block--inner.plain .icon-list {
  width: 632px;
  margin: 65px auto;
  border: solid 1px #878787;
}
.status .info-block--inner.plain .icon-list__title {
  display: inline-block;
  color: #fff;
  background-color: #00aa7c;
  border-radius: 13px;
  border: solid 1px #ffffff;
  padding: 0 42px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.status .info-block--inner.plain .icon-list__block {
  margin-top: 50px;
}
.status .info-block--inner.plain .icon-list__block__list-item {
  font-size: 0;
  width: 50%;
  display: inline-block;
  margin-bottom: 64px;
}
.status .info-block--inner.plain .icon-list__block__list-item.fullwidth {
  width: 100%;
  text-align: initial;
  margin-left: 100px;
}
.status .info-block--inner.plain .icon-list__block__list-item.fullwidth .year {
  vertical-align: bottom;
  display: inline-block;
  width: 68px;
  height: 68px;
  background-color: #00aa7c;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 68px;
  letter-spacing: 1px;
}
.status .info-block--inner.plain .icon-list__block__list-item img {
  margin: 0;
}
.status .info-block--inner.plain .icon-list__block__list-item__desc {
  display: inline-block;
  text-align: left;
  margin-left: 30px;
}
.status .info-block--inner.plain .icon-list__block__list-item__desc span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #00aa7c;
}
.status .info-block--inner.plain .icon-list__block__list-item__desc p {
  margin-top: 20px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #040000;
}
.special-article h1,
.special-article h2,
.special-article h3,
.special-article h4,
.special-article h5 {
  color: #fff;
}
.special-article p {
  color: #fff !important;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.38px;
}
.special-article .head-image {
  text-align: center;
  height: 189px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://p2.ssl.qhimg.com/t0102d0e8eb71e2124d.png");
}
.special-article h1 {
  text-align: center;
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 36px;
  line-height: 189px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.49px;
}
.special-article .head-desc p {
  color: #ffffff;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.38px;
}
.special-article .section {
  margin-top: 145px;
}
.special-article .section:first-of-type {
  margin-top: 50px;
}
.special-article .section-head {
  font-size: 0;
}
.special-article .section-head-image {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.18px;
  display: inline-block;
  width: 138px;
  height: 131px;
  line-height: 131px;
  background-image: url("https://p0.ssl.qhimg.com/t01034f0dbf49f5b5fc.png");
}
.special-article .section-head-image span {
  color: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to left, #00c8ca 0%, #00ff7e 100%) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#008000), to(#333333));
}
.special-article .section-head h2 {
  padding-left: 46px;
  display: inline-block;
  color: #ffffff;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  height: 131px;
  line-height: 131px;
  margin: 0;
  /* Text style for "“大尺度”解读35万" */
  letter-spacing: 0.18px;
}
.special-article .section-intro {
  margin-top: 79px;
}
.special-article .section-intro-title img {
  margin: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.special-article .section-intro-title h3 {
  display: inline-block;
}
.special-article .section-intro-body {
  margin-top: 37px;
}
.special-article .section .podcaster {
  margin-top: 100px;
}
.special-article .section .podcaster-intro {
  margin-top: 46px;
  font-size: 0;
}
.special-article .section .podcaster-intro-people-info {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 45px;
}
.special-article .section .podcaster-intro-people-info:last-of-type {
  margin-bottom: 0;
}
.special-article .section .podcaster-intro-people-info:nth-last-of-type(2) {
  margin-bottom: 0;
}
.special-article .section .podcaster-intro-people-info h5 {
  color: #00f182;
  font-size: 18px;
  letter-spacing: 0.45px;
}
.special-article .section .podcaster-intro-people-info p {
  text-indent: 0;
  font-size: 15px;
  font-weight: 400;
}
.special-article .section .related-news {
  margin-top: 100px;
}
.special-article .section .related-news p {
  margin-top: 45px;
  text-indent: 0;
}
.special-article .section .related-news p a {
  color: #fff !important;
  text-decoration: underline;
}
.special-article .section .related-news p.link {
  color: #00f182 !important;
}
.special-article .section .related-news p.link a {
  color: #fff !important;
  text-decoration: underline;
}
.special-article-bg {
  background-image: url('https://p2.ssl.qhimg.com/t0131066dd55bf48f35.png');
}
.solutions {
  min-height: 600px;
}
.solutions h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.solutions h5 span {
  background: url(../../../../assets/img/pc/iconList.png) no-repeat left 0px;
  vertical-align: top;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 15px;
}
.solutions h5 span.icon12 {
  background-position: -175px 0px;
}
.solutions h5 span.icon22 {
  background-position: -175px -48px;
}
.solutions h5 span.icon32 {
  background-position: -175px -96px;
}
.solutions .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.solutions .head-image {
  text-align: center;
  margin-top: 43px;
}
.solutions .head-image img {
  width: 100%;
}
.solutions .full-img {
  width: 100%;
  margin: 0 !important;
}
.solutions .full-img-2 {
  width: 80%;
  margin-left: 10%;
}
.solutions .mini-title {
  margin: 0 !important;
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 450;
}
.solutions strong {
  color: #2e2e2e;
}
.solutions .color-sub-title {
  background-color: #00ab47;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 5px 20px 5px 0;
  margin-top: 50px;
}
.solutions .color-sub-title:first-of-type {
  margin-top: 0;
}
.solutions .color-list li {
  font-size: 15px;
  list-style: none;
  line-height: 30px;
}
.solutions .color-list li p {
  display: inline-block;
  text-indent: 0;
  width: 685px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.solutions .color-list li::before {
  vertical-align: top;
  content: "• ";
  color: #00ab47;
  width: 20px;
}
.solutions .no-special {
  margin-top: 80px;
}
.solutions .no-special p {
  text-indent: 0;
}
.solutions .solutions-block {
  margin-top: 80px;
  font-size: 0;
}
.solutions .solutions-block-title {
  font-size: 15px;
  font-weight: bold;
  margin: 30px 0;
}
.solutions .solutions-block .number-block {
  width: 345px;
  display: inline-block;
  font-size: 0;
  margin-bottom: 24px;
  vertical-align: top;
}
.solutions .solutions-block .number-block:nth-child(odd) {
  margin-right: 29px;
}
.solutions .solutions-block .number-block__number {
  vertical-align: top;
  margin: 0;
  padding-top: 20px;
  display: inline-block;
  width: 49px;
  height: 196px;
  background-color: #23aa5b;
  border-radius: 10px 0px 0px 10px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
}
.solutions .solutions-block .number-block__text {
  padding: 16px 16px 0 12px;
  margin: 0;
  display: inline-block;
  width: 264px;
  height: 200px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  color: #ffffff;
  background-color: #009f3e;
  border-radius: 0px 10px 10px 0px;
}
.solutions .solutions-block .plain-content {
  margin-top: 60px;
}
.solutions .solutions-block .plain-content span {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  color: #2e2e2e;
}
.solutions .solutions-block .plain-content p {
  margin-top: 25px;
}
.solutions .solutions-block .plain-content img {
  margin-top: 40px;
}
.solutions .solutions-block .plain-text-list {
  margin-top: 30px;
  font-size: 15px;
}
.solutions .solutions-block .plain-text-list span {
  font-weight: bold;
}
.solutions .solutions-block .plain-text-list p {
  margin-top: 10px;
  text-indent: 2em;
  letter-spacing: 0;
}
.solutions .solution-value {
  margin-top: 80px;
}
.solutions .solution-value-list {
  list-style: none;
}
.solutions .solution-value-list img {
  float: left;
  margin-top: 7px;
}
.solutions .solution-value-list p {
  text-indent: 0;
  margin-left: 30px;
}
.solutions .solution-value span {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  color: #2e2e2e;
}
.solutions .solution-value .color-content {
  margin-top: 60px;
}
.solutions .solution-value .color-content .color {
  color: #00ab47;
  font-size: 15px;
  font-weight: bold;
}
.solutions .solution-value .color-content p {
  margin: 0;
  text-indent: 0;
}
.solutions .mobile-yingyong img {
  margin-top: 0!important;
}
.solutions .mobile-yingyong .mobile-yingyong-title {
  font-size: 16px;
  color: #2E2E2E;
  margin: 11px 0;
  font-weight: bold;
}
.solutions .mobile-yingyong .mobile-yingyon-item {
  display: inline-block;
  text-align: center;
  width: 267px;
  height: 380px;
  background: #F4F4F4;
  margin-bottom: 12px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 15px;
  color: #626262;
  text-align: justify;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.solutions .mobile-yingyong .mobile-yingyon-item img {
  width: 235px;
}
.solutions .sanjiao {
  height: 12px;
  width: 6px;
  float: left;
  margin-top: 3px;
  margin-right: 8px;
}
.solutions .no-special-blank {
  margin-top: 30px;
}
.solutions .no-special-blank-block p {
  margin-top: 14px;
  text-indent: 0;
}
.solutions .no-special-blank-block span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.solutions .no-special-blank-block .sub-title {
  color: #2e2e2e;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.case .main-title {
  margin: 0;
  color: #2e2e2e;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.9px;
}
.case h5 {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-bottom: 32px;
}
.case .full-img {
  width: 100%;
  margin: 0 !important;
}
.case .center {
  text-align: center;
}
.case .center p {
  text-align: center;
  text-indent: 0;
}
.case .center img {
  margin-top: 20px;
}
.case .image-center {
  text-align: center;
}
.case .image-center p {
  text-align: center;
  text-indent: 0;
}
.case .image-center img {
  margin-top: 60px;
  width: 100%;
}
.case .customer-problem {
  margin-top: 100px;
}
.case .customer-problem .two-text-column {
  display: inline-block;
  border: solid 1px #878787;
  font-size: 0;
}
.case .customer-problem .two-text-column__block {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.case .customer-problem .two-text-column__block--full {
  width: 100%;
}
.case .customer-problem .two-text-column__block__title {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #040000;
  margin-left: 21px;
  margin-top: 72px;
  text-indent: 0;
}
.case .customer-problem .two-text-column__block__body {
  text-align: left;
  text-indent: 0;
  margin-left: 42px;
  margin-bottom: 0;
  color: #626262;
}
.case .solutions {
  margin-top: 130px;
}
.case .solutions-block span {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  color: #2e2e2e;
}
.case .solutions-block p {
  margin-top: 25px;
}
.case .solutions .icon-list {
  display: inline-block;
  margin-top: 50px;
  width: 634px;
  height: 120px;
  border-radius: 10px;
  border: 1px dashed #6bbb79;
  margin-bottom: 70px;
}
.case .solutions .icon-list__title {
  margin-bottom: 0;
  border-radius: 10px;
  display: inline-block;
  background-color: #6bbb79;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  padding: 0 42px;
  text-indent: 0;
  letter-spacing: 1px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.case .solutions .icon-list__item img {
  margin: 0;
  vertical-align: middle;
}
.case .solutions .icon-list__item span {
  margin-left: 42px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 1px;
  color: #6bbb79;
}
.case .no-special {
  margin-top: 80px;
}
.case .no-special-title {
  margin-top: 42px !important;
}
.case .no-special-image {
  text-align: center;
}
.case .no-special img {
  margin-top: 50px;
}
.case .no-special-block {
  text-align: center;
}
.case .no-special-block:first-child {
  margin-top: 45px;
}
.case .no-special-block:not(:last-of-type) {
  margin-bottom: 65px;
}
.case .no-special-block span {
  color: #11a84e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.case .no-special-block p:first-of-type {
  margin-top: 32px;
}
.case .no-special-blank-block:first-child {
  margin-top: 32px;
}
.case .no-special-blank-block-has-sub {
  margin-top: 23px;
}
.case .no-special-blank-block-has-sub:first-of-type {
  margin-top: 23px;
}
.case .no-special-blank-block-has-sub-title {
  color: #626262 !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 30px;
}
.case .no-special-blank-block-has-sub p {
  margin-top: 20px !important;
}
.case .no-special-blank-block span {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.4px;
}
.case .no-special-blank-block p {
  margin-top: 25px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.38px;
}
.contact-box {
  position: fixed;
  bottom: 2%;
  top: auto;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 9;
}
.contact-box li {
  padding: 16px 12px;
  width: 40px;
  box-sizing: border-box;
  background: white;
  margin-bottom: 5px;
  position: relative;
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.08), 0px 5px 7px 0px rgba(0, 0, 0, 0.08), -3px -3px 3px 0px rgba(0, 0, 0, 0.08);
}
.contact-box .contact-us-box {
  color: #3c3c3c;
  font-size: 14px;
}
.contact-box .contact-us-box img {
  margin-bottom: 5px;
}
.contact-box .wechat,
.contact-box .weibo-qrcode {
  display: none;
  vertical-align: top;
  float: left;
  clear: both;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 5px;
  margin-right: 10px;
  margin-top: 3px;
  width: 100px;
}
.contact-box .wechat p,
.contact-box .weibo-qrcode p {
  text-align: center;
  margin-bottom: 10px;
}
.contact-box .wechat img,
.contact-box .weibo-qrcode img {
  width: 100%;
}
.contact-box ul {
  display: inline-block;
}
.contact-box li {
  list-style: none;
  text-align: right;
}
.contact-box a {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.contact-box .qrcode {
  background: url(https://p5.ssl.qhimg.com/t01c870a0a5277598ed.png);
}
.contact-box .qrcode:hover {
  background: url(https://p1.ssl.qhimg.com/t013a1effaeee4b4c85.png);
}
.contact-box .qrcode:hover + .wechat {
  display: inline-block;
}
.contact-box .weibo {
  background: url(https://p1.ssl.qhimg.com/t01adafc6ee1b978006.png);
}
.contact-box .weibo:hover {
  background: url(https://p4.ssl.qhimg.com/t010f74119288e171db.png);
}
.contact-box .weibo:hover + .weibo-qrcode {
  display: inline-block;
}
.contact-box .serve {
  background: url(https://p3.ssl.qhimg.com/t01288867ca29efb512.png);
}
.contact-box .serve:hover {
  background: url(https://p5.ssl.qhimg.com/t01023fa7a4fd7c5778.png);
}
.contact-box .to-top {
  background: url('../../img/pc/up.png') no-repeat;
  width: 16px;
  height: 16px;
}
.contact-box .to-top:hover {
  background: url('../../img/pc/up_active.png') no-repeat;
}
.contact-box .first-contact:hover .online-box {
  display: block;
}
.contact-box .online-box {
  position: absolute;
  right: 40px;
  top: 0;
  height: auto;
  text-align: center;
  display: none;
  font-size: 0;
  width: 226px;
}
.contact-box .online-box:hover {
  display: block;
}
.contact-box .online-box .online-content {
  padding: 20px 28px;
  background: white;
  font-size: 12px;
  display: inline-block;
  width: 220px;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
  box-shadow: 0px 3.33px 4.67px 0px rgba(0, 0, 0, 0.08), 0px 5px 7px 0px rgba(0, 0, 0, 0.08), -3px -3px 3px 0px rgba(0, 0, 0, 0.08);
}
.contact-box .online-box .online-content .online-txt {
  text-align: left;
  padding-left: 40px;
  line-height: 17px;
}
.contact-box .online-box .online-content .online-image {
  float: left;
  clear: both;
  margin-top: 2px;
}
.contact-box .online-box .online-space {
  width: 9px;
  display: inline-block;
  height: 100%;
  background: transparent;
  clear: both;
}
.contact-box .online-btn {
  width: 160px;
  height: 40px;
  background: url(../../img/pc/online.png) no-repeat;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 30px;
  display: block;
  font-size: 16px;
  color: #707070;
  padding-left: 56px;
  box-sizing: border-box;
  line-height: 42px;
  font-weight: 700;
}
.contact-box .online-btn:hover {
  color: #fff;
  background: url('../../img/pc/online_active.png') no-repeat;
}
.institude_posts {
  width: 100%;
  margin: 0 auto;
}
.institude_posts .hander_title {
  margin-left: -234px;
  width: 468px;
  margin-bottom: 40px;
  margin-top: 90px;
  position: relative;
  left: 50%;
  color: #3c3c3c;
}
.institude_posts .hander_title .hander_title_logo {
  display: inline-block;
  margin-right: 20px;
}
.institude_posts .hander_title .hander_title_tit {
  display: inline-block;
}
.institude_posts .hander_title .hander_title_tit h2 {
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 15px;
}
.institude_posts .hander_title .hander_title_tit h3 {
  font-weight: normal;
  font-size: 14px;
}
.institude_posts .tab {
  width: 1200px;
  padding: 0 100px;
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
}
.institude_posts .tab .tab_item {
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  width: 195px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  position: relative;
}
.institude_posts .tab .tab_item::before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: 0px;
  left: 23px;
  transition: all 0.3s;
}
.institude_posts .tab .tab_item_active.tab_item::before {
  background-color: #32b052;
  width: 150px;
}
.institude_posts .tab .tab_item:hover::before {
  background-color: #32b052;
}
.institude_posts .tab_cont {
  box-shadow: #dedede 0px 0px 30px 5px inset;
  font-size: 14px;
  background-color: #f4f4f4;
  box-sizing: border-box;
  transition: all 0.5s;
  height: auto;
  overflow: hidden;
}
.institude_posts .tab_cont > div {
  padding: 50px 0;
  display: none;
}
.institude_posts .tab_cont p {
  margin: 0 auto;
  line-height: 22px;
  width: 1200px;
  padding: 0 100px;
  margin-bottom: 8px;
  box-sizing: border-box;
}
.institude_posts .tab_cont #tab_cont_0 {
  display: block;
}
.institude_posts .list {
  margin: 0 auto;
  width: 1200px;
  padding: 0 0 80px;
  display: block;
  box-sizing: border-box;
}
.institude_posts .list li {
  list-style: none;
  padding: 40px 0;
  border-bottom: 1px solid #d9d9d9;
}
.institude_posts .list li .post__logo {
  width: 390px;
  display: inline-block;
  vertical-align: top;
}
.institude_posts .list li .post__logo img {
  max-width: 335px;
}
.institude_posts .list li .text {
  width: 800px;
  display: inline-block;
  position: relative;
  height: 150px;
}
.institude_posts .list li .post__title {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 13px;
  max-height: 60px;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 25px;
}
.institude_posts .list li .post__digest {
  margin-bottom: 15px;
  font-size: 14px;
  color: #707070;
  line-height: 23px;
}
.institude_posts .list .post__time {
  padding-left: 30px;
  font-size: 14px;
  color: #aaaaaa;
  line-height: 18px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
.institude_posts .more {
  display: block;
  width: 248px;
  line-height: 48px;
  margin: 0 auto;
  text-decoration: none;
  color: #898989;
  font-size: 14px;
  border: solid 1px #d2d2d2;
  text-align: center;
}
.team_posts {
  background-color: #ffffff;
  width: 1200px;
  margin: 0 auto;
  padding: 80px 150px;
  box-sizing: border-box;
}
.team_posts .list {
  margin-bottom: 60px;
}
.team_posts .list li {
  list-style: none;
  margin-bottom: 70px;
}
.team_posts .list li .post__logo {
  padding-top: 6px;
  width: 265px;
  display: inline-block;
  vertical-align: top;
}
.team_posts .list li .post__logo img {
  max-width: 190px;
}
.team_posts .list li .text {
  width: 625px;
  display: inline-block;
  position: relative;
  height: 150px;
}
.team_posts .list li .post__title {
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
  color: #2e2e2e;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-decoration: none;
}
.team_posts .list li .post__label {
  background: url('../../../assets/img/team/label.png') no-repeat left;
  font-size: 14px;
  color: #7c7c7c;
  margin-bottom: 15px;
}
.team_posts .list li .post__label span {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  width: 41px;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
}
.team_posts .list li .post__digest {
  margin-bottom: 20px;
  font-size: 14px;
  color: #707070;
  line-height: 24px;
}
.team_posts .list .post__time {
  padding-left: 30px;
  font-size: 14px;
  color: #aaaaaa;
  line-height: 18px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
.team_posts .more {
  display: block;
  width: 248px;
  line-height: 48px;
  margin: 0 auto;
  text-decoration: none;
  color: #898989;
  font-size: 14px;
  border: solid 1px #d2d2d2;
  text-align: center;
}
.report_posts {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 82px;
  color: #3c3c3c;
}
.report_posts .list {
  margin-bottom: 60px;
}
.report_posts .list li {
  width: 1000px;
  height: 315px;
  margin: 0 auto 20px;
  padding-top: 53px;
  padding-left: 51px;
  overflow: hidden;
  list-style: none;
  background-color: #f3f3f3;
}
.report_posts .list li .img {
  width: 165px;
  height: 230px;
  float: right;
  margin-right: 95px;
  box-shadow: #d6d6d6 10px 10px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.report_posts .list li .text {
  width: 620px;
  overflow: hidden;
  position: relative;
}
.report_posts .list li .post__title {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
}
.report_posts .list li .post__time {
  margin-top: 17px;
  margin-bottom: 26px;
  padding-left: 30px;
  font-size: 14px;
  color: #7c7c7c;
  line-height: 18px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  bottom: 0;
}
.report_posts .list li .post__digest {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 24px;
  max-height: 100px;
  overflow: hidden;
}
.report_posts .list li .download_button {
  float: right;
  display: inline-block;
  width: 100px;
  height: 30px;
  margin-right: 32px;
  line-height: 30px;
  text-align: center;
  border: solid 1px #3c3c3c;
  color: #3c3c3c;
}
.report_posts .list li .download_button:hover {
  border-color: #32b052;
  color: #32b052;
}
.report_posts .more {
  display: block;
  width: 248px;
  line-height: 48px;
  margin: 0 auto;
  text-decoration: none;
  color: #898989;
  font-size: 14px;
  border: solid 1px #d2d2d2;
  text-align: center;
}
.analysis_posts {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 82px;
}
.analysis_posts .list {
  width: 730px;
  float: left;
  margin-bottom: 60px;
}
.analysis_posts .list li {
  list-style: none;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 33px;
  border-bottom: solid 1px #d2d2d2;
}
.analysis_posts .list li img {
  width: 250px;
  height: 150px;
  float: left;
  margin-right: 25px;
}
.analysis_posts .list li .text {
  overflow: hidden;
  position: relative;
  height: 150px;
}
.analysis_posts .list li .post__title a {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #2e2e2e;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-decoration: none;
}
.analysis_posts .list li .post__title a:hover {
  color: #32b052;
}
.analysis_posts .list li .post__digest {
  margin-bottom: 20px;
  font-size: 12px;
  color: #707070;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
}
.analysis_posts .list .post__time {
  padding-left: 30px;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 18px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeklEQVQ4jYXTMUhWcRQF8F+fORQauAQRSBKB1WRjUUQWlNAihWWDlZQJRmMFBg1tCq0NRaFi+Q0tJQoVimFEY5SIgxW4RC02KEalXPgLj8f38mz3f+897757zt1ULpdlUIUmnMMh7EIJC3iPp/iA3+stmzPN23AT3fiGSTzCH+zDYZzHCO7ie5agBo/RjFt4oDJisv5EeAY/SqnsDlpwOtd8Db2Z+BlOohH3UR0EB9CF63ib++4xnMq9fcJlnMXx+IV2fMGTCkP/wpYK76OYwqWY4Agm0rIq4V/Be5A0BUE9ZguKqlGXpMxjDltLSfu/BQSvsD/JuT2XW5UxyZ4CgiF04CieY0cm14DlWOK7VFCEl/iMC7mFhjozpWTPvWj9D0modA/zKT4YEmIgCGKCOIiHyWEbYScG8QYvgiBkuo2PGN9gkrD6ayyiByvrt/ATbehLi5tOZCFVKLQbJ5Jnwq038DUas9cY13UVw7iIK6hNuaW0yE6MpRisAd6pT83tbXgOAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
.analysis_posts .more {
  float: right;
  width: 295px;
}
.analysis_posts .more .title {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 15px;
  font-size: 18px;
  border-left: #32b052 solid 3px;
}
.analysis_posts .more .news .news_item {
  font-size: 12px;
  margin-bottom: 16px;
}
.analysis_posts .more .news .news_item .news_title {
  line-height: 20px;
  color: #3c3c3c;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.analysis_posts .more .news .news_item .news_title:hover {
  color: #32b052;
}
.analysis_posts .more .news .news_item .news_time {
  line-height: 20px;
  color: #7c7c7c;
  height: 30px;
}
.analysis_posts .more .productions .production_item {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: solid 1px #b8b8b8;
  margin-bottom: 21px;
  box-sizing: border-box;
}
.analysis_posts .more .productions .production_item a {
  display: block;
  color: #000;
}
.analysis_posts .more .moreinfo_bammer {
  cursor: pointer;
  position: relative;
}
.analysis_posts .more .moreinfo_bammer_start {
  width: 60px;
  height: 55px;
  background: url(../../img/pc/video_start.png) no-repeat top center;
  position: absolute;
  left: 17px;
  top: 24px;
  animation: video_start 2s linear 2s infinite alternate;
  -moz-animation: video_start 2s linear 2s infinite alternate;
  -webkit-animation: video_start 2s linear 2s infinite alternate;
  -o-animation: video_start 2s linear 2s infinite alternate;
}
@keyframes video_start {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes video_start {
  /* Firefox */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes video_start {
  /* Safari 和 Chrome */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes video_start {
  /* Opera */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.download-link-header {
  display: flex;
  align-items: center;
}
.download-link-container {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.download-link-container .link-image {
  width: 26px;
  height: 25px;
  margin-left: 20px;
  margin-right: 8px;
}
.download-link-container .link-title {
  font-size: 12px;
  font-weight: 400;
  color: #626262;
  padding: 3px 6px;
  border: 1px;
  box-shadow: 0px 2px 4px 1px rgba(193, 193, 193, 0.5);
  border-radius: 4px;
  display: none;
}
.download-link-container:hover .link-title {
  display: block;
}
.download-data {
  display: block;
}
.download-data .download-data-item {
  width: 50%;
  height: 75px;
  background-color: #f7f6ff;
  border-radius: 8px;
  border: 1px solid #cdcae9;
  margin-bottom: 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.download-data .download-data-item-2 {
  width: 475px;
}
.download-data .download-data-item-left {
  margin-right: 33px;
}
.download-data .download-title {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  color: #2e2f40;
  line-height: 22px;
  padding: 0px 16px 6px 16px;
}
.download-data .download-size {
  font-size: 12px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: justify;
  color: #9fa2c7;
  line-height: 17px;
  padding: 0px 16px 0px 16px;
}
.download-data .split-line {
  width: 1px;
  height: 49px;
  background: #cdcae9;
}
.download-data .download-image {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}
.download-data .download-content-left {
  width: 348px;
}
.download-data .download-content-left-2 {
  width: 400px;
}
.download-data .download-content-right {
  display: flex;
  align-items: center;
}