@charset "UTF-8";
/*
 * @Author: Daokai Huo
 * @Date: 2020-06-14 23:50:58
 * @LastEditTime: 2020-09-08 18:50:01
 * @Description: QQ: 827286443
 */
/*
 * @Author: Daokai Huo
 * @Date: 2020-06-14 23:50:58
 * @LastEditTime: 2020-08-26 23:25:05
 * @Description: QQ: 827286443
 */
*,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 100vw;
  height: 100vh;
  min-width: 1200px;
}

p,
div,
dl,
ol,
ul,
a {
  color: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

/*宽度转换vw*/
/********************************页面字体大小********************************/
/* 超出剪切 */
div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

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

.flex-full {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.align-center {
  vertical-align: middle;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/*隐藏滚动条*/
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

/*清除浮动代码*/
.clear::after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.clear {
  zoom: 1;
}

.w1200 {
  width: 1020px;
  margin: 0 auto;
}

.w900 {
  width: 720px !important;
}

.mTop70 {
  margin-top: 30px;
}

.mbPadding90 {
  padding: 40px 0;
}

.bg-ECF3F9 {
  background: #cfd7e8 !important;
}

.BG-CFD7E8 {
  background: #cfd7e8 !important;
}

.right-dashed {
  border-right: 1px dashed #999999;
}

.bgnone {
  background: none !important;
}

.heightAuto {
  height: auto !important;
}

.paddingTop {
  padding-top: 0 !important;
}

.marginTop {
  margin-top: 0px !important;
}

.w816 {
  width: 816px !important;
  text-align: center;
}

.w760 {
  width: 760px !important;
  text-align: center;
}

.wrap {
  position: relative;
  min-width: 1200px;
}

.wrap .header {
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0px;
  left: 0;
}

.wrap .header .header-left {
  width: 118px;
  height: 48px;
  background: url(../images/logo_ffffff.png) no-repeat;
  position: relative;
  top: -13px;
}

.wrap .more-btn {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #3d59ab;
  border: 1px solid #3d59ab;
  margin: 40px auto 0;
  cursor: pointer;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.wrap .more-btn a {
  display: block;
  color: #3d59ab;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.wrap .more-btn:hover {
  border: 1px solid #3d59ab;
  background: #3d59ab;
  color: #fff;
}

.wrap .more-btn:hover a {
  color: #fff;
}

.wrap .dowload-btn {
  width: 228px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  background: #3D59ABFF;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 70px auto 0;
}

.wrap .dowload-btn img {
  display: block;
  margin-top: 12px;
  float: left;
  margin-left: 20px;
}

.wrap .dowload-btn span {
  float: left;
  padding-left: 20px;
}

.wrap .header-wrap {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -510px;
  width: 1020px;
  height: 48px;
  z-index: 10;
}

.wrap .header-wrap .header-right {
  height: 48px;
  width: 552px;
}

.wrap .header-wrap .header-right ul {
  height: 100%;
}

.wrap .header-wrap .header-right ul li {
  float: left;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  padding-right: 84px;
  height: 100%;
}

.wrap .header {
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

.wrap .header .header-left {
  width: 118px;
  height: 48px;
  background: url(../images/logo.png) no-repeat;
}

.wrap .header .header-right {
  width: 552px;
}

.wrap .header .header-right ul > li {
  color: #535353;
}

.wrap .header .header-right ul > li a {
  color: #535353;
}

.wrap .header .header-right ul > li:hover {
  color: #3d59ab;
}

.wrap .header .header-right ul > li:hover a {
  color: #3d59ab;
}

.wrap .header .header-right ul > li.active {
  color: #3d59ab;
}

.wrap .header .header-right ul > li.active a {
  color: #3d59ab;
}

.wrap .product-wrap {
  width: 100%;
  height: auto;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 999;
}

.wrap .product-wrap .product-row:nth-child(2) {
  background: rgba(35, 96, 163, 0.9);
  padding: 20px 0 15px;
}

.wrap .product-wrap .product-row {
  display: none;
}

.wrap .product-wrap .product-main {
  display: block;
  width: 1020px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .product-wrap .product-main .product-main-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  padding-right: 30px;
}

.wrap .product-wrap .product-main .product-main-row h4 {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: normal;
}

.wrap .product-wrap .product-main .product-main-row .product-column {
  font-size: 14px;
  color: #eaeaea;
}

.wrap .product-wrap .product-main .product-main-row .product-column p {
  cursor: pointer;
  padding: 6.5px 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.wrap .product-wrap .product-main .product-main-row .product-column p a {
  color: #fff;
}

.wrap .product-wrap .product-main .product-main-row .product-column p.active {
  background: #00a2de;
  text-indent: 10px;
}

.wrap .product-wrap .product-main .product-main-row .product-column p:hover {
  text-indent: 10px;
  background: #00a2de;
}

.wrap .product-wrap .product-main .product-main-row .product-column .bottom-text {
  font-size: 13px;
  color: #c5c5c5;
  padding-bottom: 5px;
}

.wrap .product-wrap .product-main .product-main-row .product-column .bottom-text span {
  cursor: pointer;
  margin: 5px 10px 0 0;
}

.wrap .product-wrap .product-main .product-main-row .product-column .bottom-text span a {
  color: #c5c5c5;
}

.wrap .product-wrap .product-main .product-main-row .product-column .bottom-text span a:hover {
  color: #00a2de;
}

.wrap .product-wrap .product-main .product-main-row:first-child {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
  padding-right: 0px;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon {
  float: right;
  padding-right: 200px;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon ul {
  background: #2360a3;
  width: 160px;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon ul li {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon ul li a {
  color: #fff;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon ul li:hover {
  background: #00a2de;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon ul li.active {
  background: #00a2de;
}

.wrap .product-wrap .product-dowon-wrap .product-dowon.about-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 38px;
}

.wrap .banner {
  width: 100%;
  height: auto;
  margin-top: 80px;
}

.wrap .banner .swiper-slide {
  width: 100%;
  height: 470px;
  background-repeat: no-repeat;
}

.wrap .banner .swiper-slide img, .wrap .banner .swiper-slide a {
  width: 100%;
  height: 470px;
}

.wrap .banner .swiper-slide > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap .banner .swiper-slide .banner-text {
  text-align: center;
}

.wrap .banner .swiper-slide .banner-text h4 {
  color: #fff;
  font-size: 60px;
  font-weight: normal;
}

.wrap .banner .swiper-slide .banner-text p {
  color: #fff;
  font-size: 30px;
  padding: 16px 0 42px;
}

.wrap .banner .swiper-slide .banner-text span {
  display: block;
  margin-top: 36px;
  color: #fff;
  font-size: 24px;
}

.wrap .banner .swiper-pagination {
  bottom: 10px;
}

.wrap .banner .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.wrap .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #007aff;
}

.wrap .banner.marginBanner {
  margin-top: 80px;
}

.wrap .banner.marginBanner .swiper-pagination {
  bottom: 10px;
}

.wrap .mainShadow {
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}

.wrap .main {
  width: 1020px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  z-index: 10;
  padding: 0 0px 40px;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.wrap .main .main-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .main ul li {
  float: left;
  width: 30%;
  height: 340px;
  overflow: hidden;
  color: #686060;
  border: 1px solid #bfbfbf;
}

.wrap .main ul li .main-img {
  width: 100%;
  height: 166px;
  overflow: hidden;
}

.wrap .main ul li .main-img img {
  width: 100%;
  height: 166px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .main ul li .main-img:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.wrap .main ul li h4 {
  font-size: 16px;
  padding: 17px 16px 22px;
  color: #333;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap .main ul li .main-des {
  font-size: 14px;
  line-height: 23px;
  color: #808080;
  overflow: hidden;
  padding: 0 16px;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.wrap .solution-wrap {
  width: 100%;
  height: auto;
  background: #ecf4f9;
  background: url(../images/bg_jjfa.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 60px;
}

.wrap .solution-wrap .solution-main {
  width: 1020px;
  margin: 0 auto;
}

.wrap .solution-wrap .solution-main .main-title {
  color: #fff;
}

.wrap .solution-wrap .solution-main .main-title::after {
  background: #fff;
}

.wrap .solution-wrap .solution-main .solution-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 65px;
}

.wrap .solution-wrap .solution-main ul li {
  width: 30%;
  height: 266px;
  overflow: hidden;
  margin-bottom: 36px;
  background: #fff;
  border: 1px solid #bfbfbf;
  padding: 30px 0 0px;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .solution-wrap .solution-main ul li .solution-img {
  width: 77px;
  height: 76px;
  margin: 0 auto;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .solution-wrap .solution-main ul li .solution-img1 {
  background: url(../images/index_icon_01.png) no-repeat;
}

.wrap .solution-wrap .solution-main ul li .solution-img2 {
  background: url(../images/index_icon_02.png) no-repeat;
}

.wrap .solution-wrap .solution-main ul li .solution-img3 {
  background: url(../images/index_icon_03.png) no-repeat;
}

.wrap .solution-wrap .solution-main ul li .solution-img4 {
  background: url(../images/index_icon_04.png) no-repeat;
}

.wrap .solution-wrap .solution-main ul li .solution-img5 {
  background: url(../images/index_icon_05.png) no-repeat;
  position: relative;
  left: 10px;
}

.wrap .solution-wrap .solution-main ul li .solution-img6 {
  background: url(../images/index_icon_06.png) no-repeat;
  position: relative;
  left: 4px;
}

.wrap .solution-wrap .solution-main ul li h4 {
  text-align: center;
  color: #333;
  font-size: 22px;
  margin: 20px 0;
  letter-spacing: 5px;
  font-weight: normal;
}

.wrap .solution-wrap .solution-main ul li .solution-des {
  padding: 0 34px;
  font-size: 12px;
  line-height: 26px;
  color: #999;
  text-align: justify;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.wrap .solution-wrap .solution-main li:hover {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-box-shadow: 0px 8px 8px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 8px 8px 8px rgba(0, 0, 0, 0.1);
}

.wrap .solution-wrap .solution-main li:hover .solution-des, .wrap .solution-wrap .solution-main li:hover h4 {
  -webkit-transition: all 1s;
  transition: all 1s;
  color: #3d59ab;
}

.wrap .solution-wrap .solution-main li:first-child:hover .solution-img1 {
  background: url(../images/index_icon_001-1.png) no-repeat;
}

.wrap .solution-wrap .solution-main li:nth-child(2):hover .solution-img2 {
  background: url(../images/index_icon_002-1.png) no-repeat;
}

.wrap .solution-wrap .solution-main li:nth-child(3):hover .solution-img3 {
  background: url(../images/index_icon_003-1.png) no-repeat;
}

.wrap .solution-wrap .solution-main li:nth-child(4):hover .solution-img4 {
  background: url(../images/index_icon_004-1.png) no-repeat;
}

.wrap .solution-wrap .solution-main li:nth-child(5):hover .solution-img5 {
  background: url(../images/index_icon_005-1.png) no-repeat;
}

.wrap .solution-wrap .solution-main li:nth-child(6):hover .solution-img6 {
  background: url(../images/index_icon_006-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-number {
  width: 800px;
  margin: 100px auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row {
  width: 33%;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row .success-case-sum {
  text-align: center;
  font-size: 40px;
  color: #3d59ab;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row .success-case-sum > span {
  position: relative;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row .success-case-sum > span::before {
  position: absolute;
  top: -30px;
  right: -30px;
  display: block;
  content: '+';
  font-size: 40px;
  font-weight: bold;
  color: #3d59ab;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row .success-case-type {
  font-size: 22px;
  color: #000;
  padding-top: 54px;
}

.wrap .success-case-wrap .success-case-number .success-case-type-row .success-case-type::after {
  width: 60px;
  height: 4px;
}

.wrap .success-case-wrap .success-case-item {
  width: 1020px;
  margin: 0 auto;
}

.wrap .success-case-wrap .success-case-item .case-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.wrap .success-case-wrap .success-case-item .case-item-top .topIcon {
  display: block;
  position: absolute;
  bottom: -37px;
  left: 68px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #ecf4f9;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .success-case-wrap .success-case-item .case-item-top li {
  width: 17%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.wrap .success-case-wrap .success-case-item .case-item-top li .title-icon {
  width: 106px;
  height: 122px;
  margin: 0 auto;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .success-case-wrap .success-case-item .case-item-top li .case-item-name {
  margin-top: 15px;
  color: #363636FF;
}

.wrap .success-case-wrap .success-case-item .case-item-top li.active .case-item-name {
  color: #3d59ab;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(1) .title-icon {
  background: url(../images/index_icon_01-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(1).active .title-icon {
  background: url(../images/index_icon_01_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(2) .title-icon {
  background: url(../images/index_icon_02-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(2).active .title-icon {
  background: url(../images/index_icon_02_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(3) .title-icon {
  background: url(../images/index_icon_03-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(3).active .title-icon {
  background: url(../images/index_icon_03_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(4) .title-icon {
  background: url(../images/index_icon_04-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(4).active .title-icon {
  background: url(../images/index_icon_04_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(5) .title-icon {
  background: url(../images/index_icon_05-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(5).active .title-icon {
  background: url(../images/index_icon_05_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(6) .title-icon {
  background: url(../images/index_icon_06-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(6).active .title-icon {
  background: url(../images/index_icon_06_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(7) .title-icon {
  background: url(../images/index_icon_07-1.png) no-repeat;
}

.wrap .success-case-wrap .success-case-item .case-item-top li:nth-child(7).active .title-icon {
  background: url(../images/index_icon_07_ffffff.png) no-repeat;
}

.wrap .success-case-wrap .success-case-conetnt {
  width: 100%;
  height: 450px;
  background: #ecf4f9;
  margin-top: 35px;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-left {
  width: 340px;
  height: 450px;
  position: relative;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-left ul {
  padding: 45px 30px;
  height: 320px;
  overflow: hidden;
  overflow-y: auto;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-left ul li {
  font-size: 14px;
  line-height: 36px;
  color: #868080;
  cursor: pointer;
  border-right: 1px solid #bfbfbf;
  padding-right: 46px;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-left ul li.active {
  color: #3d59ab;
  position: relative;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-left ul li.active::before {
  position: absolute;
  top: 50%;
  right: 34px;
  margin-top: -6px;
  display: block;
  content: '';
  width: 23px;
  height: 12px;
  background: url(../images/gywm_jr_zp_02.png) no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-size: 18px 10px;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right {
  width: 860px;
  padding: 50px 20px;
  padding-right: 50px;
  overflow: hidden;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-case-content {
  width: calc(100% - 310px);
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-case-content h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 30px;
  color: #171924;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-case-content .success-case-des {
  color: #868080;
  font-size: 14px;
  line-height: 30px;
  padding-right: 50px;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-case-content .more-btn {
  margin-left: 0;
}

.wrap .success-case-wrap .success-case-conetnt .success-case-right .success-case-img {
  position: relative;
  top: 50%;
  width: 310px;
  height: 230px;
  overflow: hidden;
}

.wrap .partners-wrap {
  margin-top: 80px;
  width: 100%;
  height: auto;
  background: #ecf4f9;
}

.wrap .partners-wrap .partners-main {
  width: 1020px;
  height: auto;
  margin: 45px auto 0;
  padding-bottom: 65px;
}

.wrap .partners-wrap .partners-main ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap .partners-wrap .partners-main ul > li {
  width: 23%;
  height: 67px;
  overflow: hidden;
  margin-bottom: 25px;
}

.wrap .partners-wrap .partners-main ul > li > img {
  width: 100%;
}

.wrap .footer-wrap {
  width: 100%;
  height: auto;
  background: #2360a3;
  color: #fff;
}

.wrap .footer-wrap .footer-main {
  width: 1020px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #fff;
}

.wrap .footer-wrap .footer-main-left {
  width: calc(100% - 180px);
  padding-bottom: 60px;
}

.wrap .footer-wrap .footer-main-left .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  padding-top: 60px;
}

.wrap .footer-wrap .footer-main-left .footer-top span {
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}

.wrap .footer-wrap .footer-main-left .footer-top span:first-child {
  width: 25%;
}

.wrap .footer-wrap .footer-main-left .footer-top span:nth-child(2) {
  width: 25%;
}

.wrap .footer-wrap .footer-main-left .footer-top span:last-child {
  width: 40%;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-top: 20px;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row ul > li {
  line-height: 40px;
  color: #fff;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row ul > li a {
  color: #fff;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row ul:first-child {
  width: 25%;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row ul:nth-child(2) {
  width: 25%;
}

.wrap .footer-wrap .footer-main-left .footer-bottom-row ul:last-child {
  width: 40%;
}

.wrap .footer-wrap .footer-main-right {
  width: 120px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrap .footer-wrap .footer-main-right img {
  width: 120px;
}

.wrap .footer-wrap .copyright {
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.main-title {
  text-align: center;
  font-size: 26px;
  color: #595959;
  padding-top: 40px;
  margin-bottom: 40px;
  font-weight: normal;
}

.main-title::after {
  display: block;
  content: '';
  width: 88px;
  height: 5px;
  background: #3D59AB;
  margin: 26px auto 0;
}

.crumbs {
  width: 100%;
  height: 78px;
  background: #3D59AB;
}

.crumbs .crumbs-main p {
  line-height: 78px;
  color: #BFBFBE;
  font-size: 18px;
}

.crumbs .crumbs-main p span.active {
  color: #fff;
}

.bcpBackup-wrap .banner, .wrap .banner {
  width: 100%;
  height: 470px;
}

.bcpBackup-wrap .banner .swiper-slide, .wrap .banner .swiper-slide {
  width: 100%;
  height: 470px;
}

.bcpBackup-wrap .banner .swiper-slide img, .wrap .banner .swiper-slide img {
  width: 100%;
  height: 470px;
}

.bcpBackup-wrap .banner .swiper-pagination .swiper-pagination-bullet, .wrap .banner .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.bcpBackup-wrap .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .wrap .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #007aff;
}

.bcpBackup-wrap .bcp-main-top .super-use-nav, .wrap .bcp-main-top .super-use-nav {
  width: 100%;
  height: 50px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .bcp-main-top .super-use-nav .super-use-nav-row, .wrap .bcp-main-top .super-use-nav .super-use-nav-row {
  width: 32%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #CED5EA;
  border-bottom: 5px solid #3D59AB;
}

.bcpBackup-wrap .bcp-main-top .super-use-nav .super-use-nav-row a, .wrap .bcp-main-top .super-use-nav .super-use-nav-row a {
  display: block;
}

.bcpBackup-wrap .bcp-main-top .super-use-nav .super-use-nav-row.active, .wrap .bcp-main-top .super-use-nav .super-use-nav-row.active {
  background: #3D59AB;
}

.bcpBackup-wrap .bcp-main-top .other-nav .super-use-nav-row, .wrap .bcp-main-top .other-nav .super-use-nav-row {
  width: 49%;
}

.bcpBackup-wrap .bcp-main-top .top-content, .wrap .bcp-main-top .top-content {
  padding: 0 100px;
  margin: 40px 0 50px;
}

.bcpBackup-wrap .bcp-main-top .top-content ul, .wrap .bcp-main-top .top-content ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li, .wrap .bcp-main-top .top-content ul li {
  width: auto;
  text-align: center;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li p, .wrap .bcp-main-top .top-content ul li p {
  color: #363636;
  font-size: 20px;
  text-align: center;
  padding-top: 28px;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li .small-des, .wrap .bcp-main-top .top-content ul li .small-des {
  padding-top: 5px;
  font-size: 16px;
}

.bcpBackup-wrap .bcp-main-top .top-content ul .bg, .wrap .bcp-main-top .top-content ul .bg {
  width: 166px;
  height: 146px;
  margin: 0 auto;
  background: url(../images/cp_icon_gl_02.png) no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.bcpBackup-wrap .bcp-main-top .top-content ul .bg a, .wrap .bcp-main-top .top-content ul .bg a {
  display: block;
  width: 85px;
  height: 89px;
  background: url(../images/cp_icon_01-1.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li:hover .bg, .wrap .bcp-main-top .top-content ul li:hover .bg {
  background: url(../images/cp_icon_gl_01.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li:nth-child(1) .bg a, .wrap .bcp-main-top .top-content ul li:nth-child(1) .bg a {
  background: url(../images/cp_icon_01-1.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li:nth-child(2) .bg a, .wrap .bcp-main-top .top-content ul li:nth-child(2) .bg a {
  background: url(../images/cp_icon_01-2.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li:nth-child(3) .bg a, .wrap .bcp-main-top .top-content ul li:nth-child(3) .bg a {
  width: 72px;
  height: 66px;
  background: url(../images/cp_icon_01-3.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .top-content ul li:nth-child(4) .bg a, .wrap .bcp-main-top .top-content ul li:nth-child(4) .bg a {
  width: 100px;
  height: 67px;
  background: url(../images/cp_icon_01-4.png) no-repeat;
}

.bcpBackup-wrap .bcp-main-top .bcpVirus, .wrap .bcp-main-top .bcpVirus {
  padding: 0;
}

.bcpBackup-wrap .bcp-main-top .other-content, .wrap .bcp-main-top .other-content {
  padding: 0 40px;
}

.bcpBackup-wrap .rd500-product-title, .wrap .rd500-product-title {
  margin-bottom: 40px;
}

.bcpBackup-wrap .product-title, .wrap .product-title {
  width: 280px;
  height: 58px;
  line-height: 58px;
  text-indent: 90px;
  font-size: 24px;
  color: #3D59AB;
  font-weight: normal;
  background: url(../images/title_big.png) no-repeat;
}

.bcpBackup-wrap .product-overview .product-overview-des, .wrap .product-overview .product-overview-des {
  color: #363636;
  font-size: 18px;
  line-height: 36px;
  margin: 40px  0 40px;
}

.bcpBackup-wrap .product-overview .product-overview-des p, .wrap .product-overview .product-overview-des p {
  color: #363636;
  font-size: 18px;
  line-height: 36px;
  margin-top: 30px;
}

.bcpBackup-wrap .product-overview .product-des-b-img, .wrap .product-overview .product-des-b-img {
  text-align: center;
  margin-bottom: 40px;
}

.bcpBackup-wrap .product-overview .product-overview-img, .wrap .product-overview .product-overview-img {
  width: 517px;
  height: 460px;
  margin: 0 auto;
}

.bcpBackup-wrap .product-overview .product-overview-img img, .wrap .product-overview .product-overview-img img {
  width: 100%;
  height: 100%;
}

.bcpBackup-wrap .product-overview .product-overview-img02, .wrap .product-overview .product-overview-img02 {
  width: 1020px;
  height: auto;
  margin: 30px auto 20px;
  text-align: center;
}

.bcpBackup-wrap .product-overview .product-overview-img02 > img, .wrap .product-overview .product-overview-img02 > img {
  max-width: 100%;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .product-overview-row, .wrap .product-overview .product-overview-img02 .product-overview-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .product-overview-row img, .wrap .product-overview .product-overview-img02 .product-overview-row img {
  width: 50%;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .product-overview-row:last-child, .wrap .product-overview .product-overview-img02 .product-overview-row:last-child {
  margin-bottom: 0px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .other-img-wrap > img, .wrap .product-overview .product-overview-img02 .other-img-wrap > img {
  width: 600px;
  height: 390px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-name, .wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-name {
  width: 114px;
  -webkit-writing-mode: tb;
      -ms-writing-mode: tb;
          writing-mode: tb;
  font-size: 20px;
  color: #fff;
  background: #3D59AB;
  letter-spacing: 6px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr, .wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr {
  padding-left: 20px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr img, .wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr img {
  display: block;
  margin-bottom: 15px;
}

.bcpBackup-wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr img:last-child, .wrap .product-overview .product-overview-img02 .other-img-wrap .other-img-righr img:last-child {
  margin-bottom: 0px;
}

.bcpBackup-wrap .product-ft, .wrap .product-ft {
  margin-top: 20px;
}

.bcpBackup-wrap .functional-support, .wrap .functional-support {
  width: 100%;
  padding: 30px 0;
}

.bcpBackup-wrap .functional-support .functional-support-content, .wrap .functional-support .functional-support-content {
  width: 100%;
  margin-top: 40px;
}

.bcpBackup-wrap .functional-support .functional-support-content img, .wrap .functional-support .functional-support-content img {
  width: 100%;
}

.bcpBackup-wrap .functional-support .super-use-content, .wrap .functional-support .super-use-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .functional-support .super-use-content .super-use-content-row, .wrap .functional-support .super-use-content .super-use-content-row {
  width: 18%;
  height: 235px;
}

.bcpBackup-wrap .functional-support .super-use-content .super-use-content-row .super-use-title, .wrap .functional-support .super-use-content .super-use-content-row .super-use-title {
  background: #8397ca;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #242a63;
  border-top-left-radius: 46px;
}

.bcpBackup-wrap .functional-support .super-use-content .super-use-content-row .super-use-des, .wrap .functional-support .super-use-content .super-use-content-row .super-use-des {
  background: #f6f7f9;
  font-size: 14px;
  height: 165px;
  overflow: hidden;
  padding: 15px 15px 30px;
  line-height: 30px;
  color: #a2a8b4;
  border-bottom-right-radius: 46px;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left, .wrap .functional-support .super-use-content .product-parm-left {
  width: 400px;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap {
  width: 400px;
  height: 460px;
  border: 4px solid #3D59ABFF;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 110px;
  position: relative;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap img, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap img {
  margin-top: 70px;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap > P, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap > P {
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -86px;
  width: 173px;
  height: 29px;
  line-height: 29px;
  background: #3D59ABFF;
  border-radius: 15px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child {
  margin-bottom: 0;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child img, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child img {
  margin-top: 40px;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child p, .wrap .functional-support .super-use-content .product-parm-left .parm-wrap:last-child p {
  padding: 0 10px;
}

.bcpBackup-wrap .functional-support .super-use-content .product-parm-right, .wrap .functional-support .super-use-content .product-parm-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 90px;
}

.bcpBackup-wrap .functional-support .super-use-content.six-row .super-use-content-row, .wrap .functional-support .super-use-content.six-row .super-use-content-row {
  width: 15%;
  height: 250px;
}

.bcpBackup-wrap .functional-support .super-use-content.six-row .super-use-content-row .super-use-des, .wrap .functional-support .super-use-content.six-row .super-use-content-row .super-use-des {
  height: 200px;
  padding: 15px 12px 30px;
}

.bcpBackup-wrap .functional-support .other-text .super-use-content-row, .wrap .functional-support .other-text .super-use-content-row {
  height: auto;
  width: 23%;
}

.bcpBackup-wrap .functional-support .other-text .super-use-content-row .super-use-des, .wrap .functional-support .other-text .super-use-content-row .super-use-des {
  height: 284px;
}

.bcpBackup-wrap .new-super-use-content .super-use-content-row, .wrap .new-super-use-content .super-use-content-row {
  width: 30% !important;
  height: 374px !important;
}

.bcpBackup-wrap .new-super-use-content .super-use-content-row .super-use-des, .wrap .new-super-use-content .super-use-content-row .super-use-des {
  height: 320px !important;
  line-height: 26px !important;
}

.bcpBackup-wrap .business-scenarios, .wrap .business-scenarios {
  background: #fff;
}

.bcpBackup-wrap .business-scenarios .table-wrap, .wrap .business-scenarios .table-wrap {
  background: #ECF3F9;
}

.bcpBackup-wrap .system-function, .wrap .system-function {
  background: #f0f2f5;
}

.bcpBackup-wrap .system-function .table-wrap .table-title, .wrap .system-function .table-wrap .table-title {
  background: none;
}

.bcpBackup-wrap .system-function .table-wrap .table-title .table-col, .wrap .system-function .table-wrap .table-title .table-col {
  background: #647ABC;
  margin-right: 10px;
}

.bcpBackup-wrap .vrd-detail-product, .wrap .vrd-detail-product {
  background: #cfd7e8;
}

.bcpBackup-wrap .vrd-support-main > img, .wrap .vrd-support-main > img {
  max-width: 100%;
}

.bcpBackup-wrap .vrd-support-main .super-use-content-row, .wrap .vrd-support-main .super-use-content-row {
  height: 30%;
}

.bcpBackup-wrap .vrd-support-main .super-use-content-row .super-use-des, .wrap .vrd-support-main .super-use-content-row .super-use-des {
  height: 195px;
}

.bcpBackup-wrap .application-scenario, .wrap .application-scenario {
  padding-top: 40px;
}

.bcpBackup-wrap .application-scenario .application-scenario-content, .wrap .application-scenario .application-scenario-content {
  width: 1020px;
  height: 318px;
  background: url(../images/cp_zb01-yy.png) no-repeat;
  position: relative;
  margin: 30px 0 40px;
}

.bcpBackup-wrap .application-scenario .application-scenario-content .content-bg, .wrap .application-scenario .application-scenario-content .content-bg {
  position: absolute;
  top: 70px;
  right: 0;
  width: 604px;
  height: 171px;
  background: #2360A3;
  opacity: 0.8;
  z-index: 1;
}

.bcpBackup-wrap .application-scenario .application-scenario-content .content-text, .wrap .application-scenario .application-scenario-content .content-text {
  width: 604px;
  position: absolute;
  top: 70px;
  right: 0;
  z-index: 2;
  padding-left: 31px;
  padding-top: 10px;
}

.bcpBackup-wrap .application-scenario .application-scenario-content .content-text ul > li, .wrap .application-scenario .application-scenario-content .content-text ul > li {
  line-height: 48px;
  font-size: 18px;
  list-style-type: square;
  color: #fff;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use, .wrap .application-scenario .application-scenario-content.super-use {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use .content-img, .wrap .application-scenario .application-scenario-content.super-use .content-img {
  width: 580px;
  height: 260px;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use .content-img > img, .wrap .application-scenario .application-scenario-content.super-use .content-img > img {
  width: 100%;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use .content-text, .wrap .application-scenario .application-scenario-content.super-use .content-text {
  width: auto;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use .content-text ul li, .wrap .application-scenario .application-scenario-content.super-use .content-text ul li {
  color: #363636;
  font-size: 18px;
  list-style-type: none;
  position: relative;
}

.bcpBackup-wrap .application-scenario .application-scenario-content.super-use .content-text ul li:before, .wrap .application-scenario .application-scenario-content.super-use .content-text ul li:before {
  position: absolute;
  top: 19px;
  left: -30px;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #3D59AB;
}

.bcpBackup-wrap .application-scenario .drMode, .wrap .application-scenario .drMode {
  height: auto;
}

.bcpBackup-wrap .application-scenario .drMode .content-text, .wrap .application-scenario .drMode .content-text {
  position: inherit;
  top: 0;
  left: 0;
}

.bcpBackup-wrap .application-scenario .bcpVirus, .wrap .application-scenario .bcpVirus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .application-scenario .bcpVirus .bcpVirus-row, .wrap .application-scenario .bcpVirus .bcpVirus-row {
  width: 30%;
  height: auto;
}

.bcpBackup-wrap .application-scenario .bcpVirus .bcpVirus-row img, .wrap .application-scenario .bcpVirus .bcpVirus-row img {
  width: 100%;
  display: block;
}

.bcpBackup-wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title, .wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title {
  width: 100%;
  height: 137px;
  background: #3D59ABFF;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bcpBackup-wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title h4, .wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title h4 {
  font-size: 24px;
  color: white;
  letter-spacing: 1px;
  position: relative;
}

.bcpBackup-wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title h4::before, .wrap .application-scenario .bcpVirus .bcpVirus-row .bcpVirus-row-title h4::before {
  display: block;
  content: '';
  width: 36px;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 0px;
  bottom: -28px;
}

.bcpBackup-wrap .table-wrap, .wrap .table-wrap {
  width: 100%;
}

.bcpBackup-wrap .table-wrap .table-title, .wrap .table-wrap .table-title {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #647ABC;
  color: #fff;
  font-size: 18px;
}

.bcpBackup-wrap .table-wrap .table-col, .wrap .table-wrap .table-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.bcpBackup-wrap .table-wrap .table-col .table-col-sub, .wrap .table-wrap .table-col .table-col-sub {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bcpBackup-wrap .table-wrap .table-col.rowbg, .wrap .table-wrap .table-col.rowbg {
  background: #F5F7F9FF;
}

.bcpBackup-wrap .table-wrap .table-col.rowbgE, .wrap .table-wrap .table-col.rowbgE {
  background: #E0E0E0;
}

.bcpBackup-wrap .table-wrap .table-row, .wrap .table-wrap .table-row {
  width: 100%;
  height: auto;
  color: #363636;
}

.bcpBackup-wrap .table-wrap .table-row .table-col, .wrap .table-wrap .table-row .table-col {
  color: #363636;
  font-size: 14px;
  min-height: 30px;
  line-height: 30px;
}

.bcpBackup-wrap .table-wrap .table-row .table-col .table-col-sub, .wrap .table-wrap .table-row .table-col .table-col-sub {
  color: #363636;
  border-right: 1px dashed #999999;
}

.bcpBackup-wrap .table-wrap .table-row.bg-E0, .wrap .table-wrap .table-row.bg-E0 {
  background: #E0E0E0;
}

.bcpBackup-wrap .table-wrap.two-table, .wrap .table-wrap.two-table {
  margin-bottom: 30px;
}

.bcpBackup-wrap .table-wrap.two-table .table-row .table-col:first-child, .bcpBackup-wrap .table-wrap.two-table .table-title .table-col:first-child, .wrap .table-wrap.two-table .table-row .table-col:first-child, .wrap .table-wrap.two-table .table-title .table-col:first-child {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4;
}

.bcpBackup-wrap .table-wrap.two-table .table-row .table-col:last-child, .bcpBackup-wrap .table-wrap.two-table .table-title .table-col:last-child, .wrap .table-wrap.two-table .table-row .table-col:last-child, .wrap .table-wrap.two-table .table-title .table-col:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 25px;
}

.bcpBackup-wrap .table-wrap.two-table .table-row .table-col, .wrap .table-wrap.two-table .table-row .table-col {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}

.bcpBackup-wrap .table-wrap.two-table .table-row .table-col:last-child, .wrap .table-wrap.two-table .table-row .table-col:last-child {
  text-align: left;
}

.bcpBackup-wrap .table-wrap.two-table.three-table .table-row .table-col:first-child, .bcpBackup-wrap .table-wrap.two-table.three-table .table-title .table-col:first-child, .wrap .table-wrap.two-table.three-table .table-row .table-col:first-child, .wrap .table-wrap.two-table.three-table .table-title .table-col:first-child {
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
}

.bcpBackup-wrap .table-wrap.two-table.three-table .table-row .table-col:nth-child(2), .bcpBackup-wrap .table-wrap.two-table.three-table .table-title .table-col:nth-child(2), .wrap .table-wrap.two-table.three-table .table-row .table-col:nth-child(2), .wrap .table-wrap.two-table.three-table .table-title .table-col:nth-child(2) {
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
}

.bcpBackup-wrap .table-wrap.two-table.three-table .table-row .table-col:last-child, .bcpBackup-wrap .table-wrap.two-table.three-table .table-title .table-col:last-child, .wrap .table-wrap.two-table.three-table .table-row .table-col:last-child, .wrap .table-wrap.two-table.three-table .table-title .table-col:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bcpBackup-wrap .table-wrap.two-table.three-table .table-row .table-col:first-child, .wrap .table-wrap.two-table.three-table .table-row .table-col:first-child {
  background: #E5E8EAFF;
}

.bcpBackup-wrap .table-wrap.two-table.three-table .table-row .table-col:last-child, .wrap .table-wrap.two-table.three-table .table-row .table-col:last-child {
  text-align: left;
}

.bcpBackup-wrap .solid-right .table-row .table-col, .wrap .solid-right .table-row .table-col {
  border-right: 1px dashed #999999;
}

.bcpBackup-wrap .solid-right .table-row .no-dashed, .wrap .solid-right .table-row .no-dashed {
  border-right: none;
}

.bcpBackup-wrap .solid-right .table-row .table-col:last-child, .wrap .solid-right .table-row .table-col:last-child {
  border-right: none;
}

.bcpBackup-wrap .param, .wrap .param {
  margin-top: 40px;
}

.bcpBackup-wrap .param .table-row .table-col, .wrap .param .table-row .table-col {
  border-right: 1px dashed #999999;
}

.bcpBackup-wrap .param .table-row .no-dashed, .wrap .param .table-row .no-dashed {
  border-right: none;
}

.bcpBackup-wrap .param .table-row .table-col.bg-E0, .wrap .param .table-row .table-col.bg-E0 {
  background: #E0E0E0;
}

.bcpBackup-wrap .param .table-row:last-child .table-col, .wrap .param .table-row:last-child .table-col {
  border-right: none;
}

.bcpBackup-wrap .nextBox-365 .nextBox-365--left, .bcpBackup-wrap .nextBox-365 .nextBox-365-right, .wrap .nextBox-365 .nextBox-365--left, .wrap .nextBox-365 .nextBox-365-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.bcpBackup-wrap .nextBox-365-main, .wrap .nextBox-365-main {
  padding: 40px 0 10px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row, .wrap .nextBox-365-main .nextBox-365-row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  background: #cfd7e8;
  padding: 30px 0 50px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row .nextBox-365-wrap, .wrap .nextBox-365-main .nextBox-365-row .nextBox-365-wrap {
  text-align: center;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row h4, .wrap .nextBox-365-main .nextBox-365-row h4 {
  display: inline;
  font-size: 30px;
  color: #3D59AB;
  text-align: center;
  position: relative;
  font-weight: normal;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row h4::before, .bcpBackup-wrap .nextBox-365-main .nextBox-365-row h4::after, .wrap .nextBox-365-main .nextBox-365-row h4::before, .wrap .nextBox-365-main .nextBox-365-row h4::after {
  display: block;
  content: '';
  width: 52px;
  height: 43px;
  position: absolute;
  top: 0px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row h4::before, .wrap .nextBox-365-main .nextBox-365-row h4::before {
  background: url(../images/t01.png) no-repeat;
  left: -110px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row h4::after, .wrap .nextBox-365-main .nextBox-365-row h4::after {
  right: -110px;
  background: url(../images/t01_right.png) no-repeat;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row p, .wrap .nextBox-365-main .nextBox-365-row p {
  padding-top: 30px;
  color: #363636;
  font-size: 20px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row .last-p, .wrap .nextBox-365-main .nextBox-365-row .last-p {
  padding-top: 0px;
}

.bcpBackup-wrap .nextBox-365-main .nextBox-365-row:last-child, .wrap .nextBox-365-main .nextBox-365-row:last-child {
  margin-bottom: 0px;
}

.bcpBackup-wrap .NextBox365-functional, .wrap .NextBox365-functional {
  margin-top: 30px;
}

.bcpBackup-wrap .NextBox365-functional .ul-wrap, .wrap .NextBox365-functional .ul-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .NextBox365-functional .ul-wrap li, .wrap .NextBox365-functional .ul-wrap li {
  text-align: center;
  width: 190px;
}

.bcpBackup-wrap .NextBox365-functional .ul-wrap li img, .wrap .NextBox365-functional .ul-wrap li img {
  margin-bottom: 30px;
  height: 68px;
}

.bcpBackup-wrap .NextBox365-functional .ul-wrap li p, .wrap .NextBox365-functional .ul-wrap li p {
  font-size: 20px;
  color: #171924;
}

.bcpBackup-wrap .architecture-wrap, .wrap .architecture-wrap {
  padding: 40px 0;
  background: #cfd7e8;
}

.bcpBackup-wrap .environment-type .environment-type-row, .wrap .environment-type .environment-type-row {
  padding-left: 31px;
}

.bcpBackup-wrap .environment-type .environment-type-row ul, .wrap .environment-type .environment-type-row ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bcpBackup-wrap .environment-type .environment-type-row ul li, .wrap .environment-type .environment-type-row ul li {
  width: 33%;
  line-height: 40px;
  font-size: 14px;
  color: #363636;
  position: relative;
}

.bcpBackup-wrap .environment-type .environment-type-row ul li:before, .wrap .environment-type .environment-type-row ul li:before {
  position: absolute;
  top: 15px;
  left: -30px;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #3D59AB;
  z-index: 10;
}

.bcpBackup-wrap .environment-type .no-flex, .wrap .environment-type .no-flex {
  padding-left: 25%;
}

.bcpBackup-wrap .environment-type .no-flex .tree, .wrap .environment-type .no-flex .tree {
  margin-bottom: 50px;
  position: relative;
  left: -150px;
  text-align: center;
}

.bcpBackup-wrap .environment-type .no-flex ul, .wrap .environment-type .no-flex ul {
  display: block;
}

.bcpBackup-wrap .environment-type .no-flex ul li, .wrap .environment-type .no-flex ul li {
  width: 100%;
}

.bcpBackup-wrap .environment-type .vrd-row ul, .wrap .environment-type .vrd-row ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bcpBackup-wrap .environment-type .vrd-row ul li, .wrap .environment-type .vrd-row ul li {
  width: 44%;
  padding-left: 30px;
}

.bcpBackup-wrap .environment-type .vrd-row ul li::before, .wrap .environment-type .vrd-row ul li::before {
  left: 0;
}

.bcpBackup-wrap .environment-type .vrd-row ul li:nth-child(odd), .wrap .environment-type .vrd-row ul li:nth-child(odd) {
  margin-right: 46px;
}

.bcpBackup-wrap .environment-type .vrd-rowW40 ul li, .wrap .environment-type .vrd-rowW40 ul li {
  width: 40%;
  line-height: 40px;
}

.bcpBackup-wrap .environment-type .vrd-rowW40 ul li span, .wrap .environment-type .vrd-rowW40 ul li span {
  font-weight: bold;
}

.bcpBackup-wrap .environment-type .vrd-rowW70 ul li, .wrap .environment-type .vrd-rowW70 ul li {
  width: 100%;
  line-height: 40px;
}

.bcpBackup-wrap .environment-type .vr-row ul li:nth-child(4)::before, .bcpBackup-wrap .environment-type .vr-row ul li:nth-child(10)::before, .bcpBackup-wrap .environment-type .vr-row ul li:nth-child(12)::before, .bcpBackup-wrap .environment-type .vr-row ul li:nth-child(14)::before, .wrap .environment-type .vr-row ul li:nth-child(4)::before, .wrap .environment-type .vr-row ul li:nth-child(10)::before, .wrap .environment-type .vr-row ul li:nth-child(12)::before, .wrap .environment-type .vr-row ul li:nth-child(14)::before {
  display: none;
}

.bcpBackup-wrap .environment-type .bcm-row ul li:nth-child(10)::before, .bcpBackup-wrap .environment-type .bcm-row ul li:nth-child(12)::before, .wrap .environment-type .bcm-row ul li:nth-child(10)::before, .wrap .environment-type .bcm-row ul li:nth-child(12)::before {
  display: none;
}

.bcpBackup-wrap .environment-type .cloudFS ul li:nth-child(11)::before, .bcpBackup-wrap .environment-type .cloudFS ul li:nth-child(12)::before, .wrap .environment-type .cloudFS ul li:nth-child(11)::before, .wrap .environment-type .cloudFS ul li:nth-child(12)::before {
  display: none;
}

.bcpBackup-wrap .environment-type .vtl-row ul li:nth-child(9)::before, .bcpBackup-wrap .environment-type .vtl-row ul li:nth-child(13)::before, .bcpBackup-wrap .environment-type .vtl-row ul li:nth-child(14)::before, .wrap .environment-type .vtl-row ul li:nth-child(9)::before, .wrap .environment-type .vtl-row ul li:nth-child(13)::before, .wrap .environment-type .vtl-row ul li:nth-child(14)::before {
  display: none;
}

.bcpBackup-wrap .cloud-bg-img, .wrap .cloud-bg-img {
  width: 100%;
  background: url(../images/cp04_2-bg01.png) no-repeat;
  background-size: 100% 710px;
}

.bcpBackup-wrap .cloud-bg-img .environment-type-row, .wrap .cloud-bg-img .environment-type-row {
  padding-left: 30px !important;
}

.bcpBackup-wrap .cloud-bg-img .environment-type-row ul li, .wrap .cloud-bg-img .environment-type-row ul li {
  margin-bottom: 20px;
}

.bcpBackup-wrap .cloud-bg-img .environment-type-row ul li h4, .wrap .cloud-bg-img .environment-type-row ul li h4 {
  font-size: 20px;
  color: #3D59ABFF;
  font-weight: normal;
}

.bcpBackup-wrap .cloud-bg-img .environment-type-row ul li .des, .wrap .cloud-bg-img .environment-type-row ul li .des {
  font-size: 16px;
  color: #363636FF;
}

.bcpBackup-wrap .cloud-bg-img .environment-type-row ul li:last-child, .wrap .cloud-bg-img .environment-type-row ul li:last-child {
  margin-bottom: 0px;
}

.bcpBackup-wrap .cloud-bgImg, .wrap .cloud-bgImg {
  width: 100%;
  background: url(../images/cp04_2-bg01.png) no-repeat;
  background-size: 100% 710px;
}

.bcpBackup-wrap .drGateway-table .table-col, .wrap .drGateway-table .table-col {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 260px;
}

.bcpBackup-wrap .spaceBetween, .wrap .spaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bcpBackup-wrap .left-table, .wrap .left-table {
  width: 600px;
}

.bcpBackup-wrap .left-table .table-col, .wrap .left-table .table-col {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 152px;
}

.bcpBackup-wrap .left-table .table-row .table-col, .wrap .left-table .table-row .table-col {
  font-size: 12px;
}

.bcpBackup-wrap .rigth-content, .wrap .rigth-content {
  width: 400px;
}

.bcpBackup-wrap .rigth-content .top, .bcpBackup-wrap .rigth-content .content, .wrap .rigth-content .top, .wrap .rigth-content .content {
  width: 100%;
}

.bcpBackup-wrap .rigth-content .top h4, .bcpBackup-wrap .rigth-content .content h4, .wrap .rigth-content .top h4, .wrap .rigth-content .content h4 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
}

.bcpBackup-wrap .rigth-content .top p, .bcpBackup-wrap .rigth-content .content p, .wrap .rigth-content .top p, .wrap .rigth-content .content p {
  color: #fff;
  font-size: 12px;
  padding: 5px 20px;
}

.bcpBackup-wrap .rigth-content .top, .wrap .rigth-content .top {
  background: #647ABC;
  height: auto;
  padding-bottom: 26px;
}

.bcpBackup-wrap .rigth-content .content, .wrap .rigth-content .content {
  background: #F8F6F6;
}

.bcpBackup-wrap .rigth-content .content h4, .wrap .rigth-content .content h4 {
  color: #363636;
}

.bcpBackup-wrap .rigth-content .content p, .wrap .rigth-content .content p {
  color: #363636;
  padding: 15px 20px;
}

.bcpBackup-wrap .two-table .table-row .right-dashed, .wrap .two-table .table-row .right-dashed {
  width: 300px;
}

.bcpBackup-wrap .rd-table .table-col, .wrap .rd-table .table-col {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 204px;
}

.bcpBackup-wrap .vrd-title, .wrap .vrd-title {
  margin: 10px auto 30px;
}

.bcpBackup-wrap .vrdapplication-scenario, .wrap .vrdapplication-scenario {
  width: 100%;
  height: 498px;
  background: url(../images/cp_07_bg.png) no-repeat;
  padding-top: 226px;
}

.bcpBackup-wrap .vrdapplication-scenario .vrd-wrap, .wrap .vrdapplication-scenario .vrd-wrap {
  width: 840px;
  height: 145px;
  background: #3d59ab;
  margin: 0 auto;
  border-bottom: 9px solid #FFD800FF;
  opacity: 0.7;
}

.bcpBackup-wrap .vrdapplication-scenario .vrd-wrap p, .wrap .vrdapplication-scenario .vrd-wrap p {
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row, .wrap .solution-nav-wrap .solution-nav-row {
  width: 200px;
  height: 200px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  cursor: pointer;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row img, .wrap .solution-nav-wrap .solution-nav-row img {
  margin: 45px auto 15px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row .activeImg, .wrap .solution-nav-wrap .solution-nav-row .activeImg {
  display: none;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row p, .wrap .solution-nav-wrap .solution-nav-row p {
  color: #BFBFBFFF;
  font-size: 22px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row.active, .wrap .solution-nav-wrap .solution-nav-row.active {
  background: rgba(61, 89, 171, 0.6);
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row.active p, .wrap .solution-nav-wrap .solution-nav-row.active p {
  color: #fff;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row.active img, .wrap .solution-nav-wrap .solution-nav-row.active img {
  display: none;
}

.bcpBackup-wrap .solution-nav-wrap .solution-nav-row.active .activeImg, .wrap .solution-nav-wrap .solution-nav-row.active .activeImg {
  display: block;
}

.bcpBackup-wrap .solution-nav-wrap .solution-line, .wrap .solution-nav-wrap .solution-line {
  width: 100%;
  height: 78px;
  background: #3D59ABFF;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .vrd-des, .wrap .solution-nav-wrap .solution-content .vrd-des {
  margin-top: 30px;
  line-height: 34px;
  color: #363636FF;
  font-size: 18px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .main-title-img, .wrap .solution-nav-wrap .solution-content .main-title-img {
  margin: 50px 0 30px;
  text-align: center;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-title, .wrap .solution-nav-wrap .solution-content .solution-content-title {
  padding: 40px 54px 0;
  background: #EBF3F9FF;
  height: 248px;
  margin: 55px auto 70px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-title h3, .wrap .solution-nav-wrap .solution-content .solution-content-title h3 {
  font-size: 36px;
  color: #3D59ABFF;
  letter-spacing: 6px;
  font-weight: normal;
  position: relative;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-title h3::before, .wrap .solution-nav-wrap .solution-content .solution-content-title h3::before {
  position: absolute;
  left: 0;
  bottom: -16px;
  display: block;
  content: '';
  width: 78px;
  height: 4px;
  background: #3D59ABFF;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-title p, .wrap .solution-nav-wrap .solution-content .solution-content-title p {
  color: #333333FF;
  font-size: 18px;
  line-height: 36px;
  padding-top: 38px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-pict, .bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-picb, .wrap .solution-nav-wrap .solution-content .solution-content-pict, .wrap .solution-nav-wrap .solution-content .solution-content-picb {
  width: 1020px;
  height: 356px;
  background-size: 1020px !important;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .content-pic-text, .wrap .solution-nav-wrap .solution-content .content-pic-text {
  padding: 30px 20px 30px 0;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .content-pic-text h4, .wrap .solution-nav-wrap .solution-content .content-pic-text h4 {
  color: #3D59ABFF;
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: normal;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .content-pic-text p, .wrap .solution-nav-wrap .solution-content .content-pic-text p {
  color: #333333FF;
  font-size: 18px;
  line-height: 40px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .content-pic-text .more-btn, .wrap .solution-nav-wrap .solution-content .content-pic-text .more-btn {
  width: 136px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 30px 0 0;
  background: #3D59ABFF;
  cursor: pointer;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .content-pic-text .more-btn a, .wrap .solution-nav-wrap .solution-content .content-pic-text .more-btn a {
  color: #fff;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-pict, .wrap .solution-nav-wrap .solution-content .solution-content-pict {
  margin-bottom: 30px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-pict .content-pic-text, .wrap .solution-nav-wrap .solution-content .solution-content-pict .content-pic-text {
  text-align: right;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-pict .content-pic-text .more-btn, .wrap .solution-nav-wrap .solution-content .solution-content-pict .content-pic-text .more-btn {
  float: right;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-picb, .wrap .solution-nav-wrap .solution-content .solution-content-picb {
  margin-bottom: 30px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .solution-content-picb .content-pic-text, .wrap .solution-nav-wrap .solution-content .solution-content-picb .content-pic-text {
  padding-left: 30px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .gov:nth-child(2), .wrap .solution-nav-wrap .solution-content .gov:nth-child(2) {
  background: url(../images/jjfa_bg01.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .gov:nth-child(3), .wrap .solution-nav-wrap .solution-content .gov:nth-child(3) {
  background: url(../images/jjfa_bg02.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .gov:nth-child(4), .wrap .solution-nav-wrap .solution-content .gov:nth-child(4) {
  background: url(../images/jjfa_bg03.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .gov:nth-child(5), .wrap .solution-nav-wrap .solution-content .gov:nth-child(5) {
  background: url(../images/jjfa_bg04.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .finance:nth-child(2), .wrap .solution-nav-wrap .solution-content .finance:nth-child(2) {
  background: url(../images/jjfa_bg01.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .finance:nth-child(3), .wrap .solution-nav-wrap .solution-content .finance:nth-child(3) {
  background: url(../images/jjfa_bg02.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .yiliao:nth-child(3), .wrap .solution-nav-wrap .solution-content .yiliao:nth-child(3) {
  background: url(../images/jjfa_bg05.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .yiliao:nth-child(4), .wrap .solution-nav-wrap .solution-content .yiliao:nth-child(4) {
  background: url(../images/jjfa_bg06.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .video:nth-child(2), .wrap .solution-nav-wrap .solution-content .video:nth-child(2) {
  background: url(../images/jjfa_bg07.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .video:nth-child(3), .wrap .solution-nav-wrap .solution-content .video:nth-child(3) {
  background: url(../images/jjfa_bg08.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .edu:nth-child(3), .wrap .solution-nav-wrap .solution-content .edu:nth-child(3) {
  background: url(../images/jjfa_bg09.png) no-repeat;
  background-size: 1020px;
}

.bcpBackup-wrap .solution-nav-wrap .solution-content .edu:nth-child(4), .wrap .solution-nav-wrap .solution-content .edu:nth-child(4) {
  background: url(../images/jjfa_bg10.png) no-repeat;
  background-size: 1020px;
}

.about-nav-wrap .about-nav {
  width: 100%;
  height: 78px;
  line-height: 78px;
}

.about-nav-wrap .about-nav .about-nav-row h3 {
  color: #27292BFF;
  font-size: 18px;
  margin-right: 60px;
  font-weight: normal;
  font-family: 'SourceHanSansCN';
  cursor: pointer;
  position: relative;
}

.about-nav-wrap .about-nav .about-nav-row h3 a {
  color: #27292BFF;
  font-size: 18px;
}

.about-nav-wrap .about-nav .about-nav-row.active h3 {
  color: #3D59ABFF;
}

.about-nav-wrap .about-nav .about-nav-row.active h3::before {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  background: #3D59ABFF;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about-nav-wrap .about-main-wrap {
  background: #FFF;
  padding-bottom: 40px;
}

.about-nav-wrap .about-main-wrap .about-main {
  padding: 40px 0 0px;
}

.about-nav-wrap .about-main-wrap .about-main .about-title {
  width: 100%;
  height: 314px;
  background: url(../images/gywm_bkjj.png) no-repeat;
  background-size: 1020px 314px !important;
  padding-left: 75px;
}

.about-nav-wrap .about-main-wrap .about-main .about-title h4 {
  color: #fff;
  padding-top: 160px;
  font-size: 36px;
  font-weight: normal;
  position: relative;
}

.about-nav-wrap .about-main-wrap .about-main .about-title h4::before {
  display: block;
  content: '';
  width: 52px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 100px;
}

.about-nav-wrap .about-main-wrap .about-main .about-title p {
  color: #BFBFBFFF;
  font-size: 28px;
  padding-top: 10px;
}

.about-nav-wrap .about-main-wrap .about-main .about-title.service {
  margin-bottom: 0px;
}

.about-nav-wrap .about-main-wrap .about-main .service-bg1 {
  background: url(../images/gywm_fwtx02.png) no-repeat;
  background-size: 1020px 314px;
}

.about-nav-wrap .about-main-wrap .about-main .service-no-bg .table-wrap {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.about-nav-wrap .about-main-wrap .about-main .service-no-bg .table-wrap .table-row .rowbg {
  background: #fff !important;
}

.about-nav-wrap .about-main-wrap .about-main .project-service {
  background: url(../images/gywm_fwtx03.png) no-repeat;
  margin-bottom: 40px;
}

.about-nav-wrap .about-main-wrap .about-main .plan-service {
  background: url(../images/gywm_fwtx04.png) no-repeat;
}

.about-nav-wrap .about-main-wrap .about-main .joinUs h4, .about-nav-wrap .about-main-wrap .about-main .contactus h4 {
  color: #1E3A8AFF;
}

.about-nav-wrap .about-main-wrap .about-main .joinUs h4::before, .about-nav-wrap .about-main-wrap .about-main .contactus h4::before {
  background: #1E3A8AFF;
}

.about-nav-wrap .about-main-wrap .about-main .joinUs p, .about-nav-wrap .about-main-wrap .about-main .contactus p {
  color: #1E3A8AFF;
}

.about-nav-wrap .about-main-wrap .about-main .joinUs {
  background: url(../images/gywm_jr.png) no-repeat;
}

.about-nav-wrap .about-main-wrap .about-main .contactus {
  background: url(../images/gywm_lx01.png) no-repeat;
}

.about-nav-wrap .about-main-wrap .about-main .about-des {
  font-size: 18px;
  color: #353535FF;
  line-height: 34px;
  padding-top: 70px;
}

.about-nav-wrap .about-main-wrap .service-wrap .about-des {
  padding-top: 0;
}

.about-nav-wrap .about-main-wrap .plan-main {
  padding-top: 0px;
}

.about-nav-wrap .about-main-wrap .project-service-main {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row {
  width: 32%;
  position: relative;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row h3 {
  color: #F6F7F9;
  font-size: 24px;
  font-weight: normal;
  width: 100%;
  height: 85px;
  line-height: 85px;
  text-align: center;
  background: #265fa4;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row .des {
  width: 100%;
  background-color: #f6f7f9;
  padding: 30px 32px 20px;
  color: #6E727D;
  font-size: 14px;
  line-height: 28px;
  height: 400px;
  overflow: hidden;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row:nth-child(1)::after, .about-nav-wrap .about-main-wrap .project-service-main .project-service-row:nth-child(2)::after {
  display: block;
  content: '';
  width: 96px;
  height: 86px;
  background: url(../images/gywm_xmjf01-jt.png) no-repeat;
  background-size: 96px 87px;
  position: absolute;
  top: -1px;
  right: -36px;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row:nth-child(2)::after {
  height: 85px;
  background-size: 96px 85px;
  top: 0px;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row:nth-child(2) h3 {
  background: url(../images/gywm_xmjf03.png) no-repeat;
}

.about-nav-wrap .about-main-wrap .project-service-main .project-service-row:nth-child(3) h3 {
  background: url(../images/gywm_xmjf03.png) no-repeat;
}

.about-nav-wrap .about-main-wrap .plan-service-main .plan-service-row {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 40px;
}

.about-nav-wrap .about-main-wrap .plan-service-main .plan-service-row .plan-service-left {
  width: 204px;
  height: 42px;
  background: url(../images/title_small.png) no-repeat;
  color: #2360A3;
  font-size: 18px;
  line-height: 42px;
  text-indent: 40px;
}

.about-nav-wrap .about-main-wrap .plan-service-main .plan-service-row .plan-service-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 60px;
  color: #363636;
  font-size: 18px;
  line-height: 32px;
}

.about-nav-wrap .about-main-wrap .plan-service-main .plan-service-row:last-child {
  padding-top: 47px;
  border-bottom: none;
  padding-bottom: 0px;
}

.about-nav-wrap .about-main-wrap:first-child {
  background: #f6f7f9;
}

.about-nav-wrap .about-main-wrap:nth-child(2) {
  background: #f6f7f9;
}

.about-nav-wrap .product-line {
  padding-bottom: 40px;
  background: #fff;
}

.about-nav-wrap .product-line .product-line-main {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-nav-wrap .product-line .product-line-main .product-line-row {
  width: 20%;
  text-align: center;
}

.about-nav-wrap .product-line .product-line-main .product-line-row > img {
  width: 100%;
}

.about-nav-wrap .product-line .product-line-main .product-line-row p {
  padding-top: 30px;
  font-size: 24px;
  color: #595959;
}

.about-nav-wrap .product-line .product-line-main .product-line-row:last-child {
  margin-right: 0;
}

.about-nav-wrap .service-system {
  padding-bottom: 40px;
  background: #f6f7f9;
}

.about-nav-wrap .service-system .service-system-main {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 70px;
}

.about-nav-wrap .service-system .service-system-main .service > img {
  max-width: 100%;
}

.about-nav-wrap .service-system .service-system-row {
  width: 48%;
  height: auto;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(210, 239, 227, 0.35);
          box-shadow: 0px 3px 7px 0px rgba(210, 239, 227, 0.35);
  background: #fff;
  margin-bottom: 40px;
}

.about-nav-wrap .service-system .service-system-row img {
  max-width: 100%;
}

.about-nav-wrap .service-system .service-system-row .des {
  padding: 50px 0 50px 30px;
}

.about-nav-wrap .service-system .service-system-row .des img {
  width: 100%;
  height: 266px;
}

.about-nav-wrap .service-system .service-system-row .des p {
  color: #595959FF;
  font-size: 24px;
  position: relative;
}

.about-nav-wrap .service-system .service-system-row .des p::before {
  display: block;
  content: '';
  width: 36px;
  height: 4px;
  background: #3D59ABFF;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.about-nav-wrap .enterprise-concept {
  background: #fff;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row {
  width: 100%;
  height: 360px;
  margin-bottom: 40px;
  padding: 40px 30px;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row h4 {
  color: #3F4657FF;
  font-size: 36px;
  font-weight: normal;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row p {
  color: #3F4657FF;
  font-size: 24px;
  padding-top: 10px;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row .lastp {
  padding-top: 100px;
  position: relative;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row .lastp::before {
  display: block;
  content: '';
  width: 90px;
  height: 4px;
  background: #3D59ABFF;
  position: absolute;
  left: 0;
  top: 60px;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row:first-child {
  background: url(../images/jwem_qyln.png) no-repeat;
  background-size: 100% 360px;
}

.about-nav-wrap .enterprise-concept .enterprise-concept-row:last-child {
  background: url(../images/jrwm_qyyj.png) no-repeat;
}

.about-nav-wrap .service-des-wrap {
  background: #f6f7f9;
  padding-bottom: 40px;
}

.about-nav-wrap .service-des-wrap .service-des-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-nav-wrap .service-des-wrap .service-des {
  margin-top: 40px;
}

.about-nav-wrap .service-des-wrap .service-des p {
  font-size: 18px;
  font-family: 'SourceHanSansCN';
  color: #363636;
  line-height: 36px;
}

.about-nav-wrap .scheme-wrap {
  background: #f6f7f9;
  padding-bottom: 40px;
}

.about-nav-wrap .scheme-wrap .scheme-des {
  color: #363636;
  font-size: 18px;
  padding: 0px 0 40px;
  line-height: 32px;
}

.about-nav-wrap .scheme-wrap .scheme-content .title {
  width: 204px;
  height: 42px;
  line-height: 42px;
  background: url(../images/title_small.png) no-repeat;
  margin-bottom: 40px;
  text-indent: 56px;
  color: #2360A3;
  font-size: 18px;
}

.about-nav-wrap .scheme-wrap .scheme-content .scheme-content-wrap {
  padding-left: 42px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-nav-wrap .scheme-wrap .scheme-content .scheme-content-row {
  width: 240px;
}

.about-nav-wrap .scheme-wrap .scheme-content .scheme-content-row p {
  font-size: 18px;
  color: #363636;
  line-height: 36px;
  position: relative;
}

.about-nav-wrap .scheme-wrap .scheme-content .scheme-content-row p::before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #3D59AB;
  position: absolute;
  top: 13px;
  left: -42px;
}

.about-nav-wrap .POC-test-wrap {
  background: #FFF;
  padding-bottom: 30px;
}

.about-nav-wrap .POC-test-wrap .PDC-des {
  color: #363636;
  font-size: 18px;
  padding: 0px 0 40px;
}

.about-nav-wrap .POC-test-wrap .POC-test-content .POC-test-row {
  margin-bottom: 20px;
}

.about-nav-wrap .POC-test-wrap .POC-test-content .POC-test-row .POC-test-left {
  width: 204px;
  height: 42px;
  background: url(../images/title_small.png) no-repeat;
  color: #2360A3;
  font-size: 18px;
  line-height: 42px;
  padding: 0 25px 0 12px;
  text-align: center;
}

.about-nav-wrap .POC-test-wrap .POC-test-content .POC-test-row .POC-test-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 42px;
  padding-left: 40px;
}

.about-nav-wrap .POC-test-wrap .POC-test-content .POC-test-row .POC-test-right p {
  color: #363636;
  font-size: 18px;
}

.about-nav-wrap .welfare-wrap {
  padding: 40px 0;
  background: #f6f7f9;
}

.about-nav-wrap .welfare-wrap .main-title {
  padding-top: 0px;
}

.about-nav-wrap .welfare-main {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-nav-wrap .welfare-main .welfare-row {
  width: 25%;
  height: 100%;
  position: relative;
}

.about-nav-wrap .welfare-main .welfare-row > img {
  max-width: 100%;
}

.about-nav-wrap .welfare-main .welfare-row .text {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  color: #595959FF;
  font-size: 14px;
  bottom: 36px;
}

.about-nav-wrap .welfare-main .welfare-row .text p {
  color: #595959FF;
}

.about-nav-wrap .welfare-main .welfare-row .text p:nth-child(2) {
  margin-top: 10px;
  padding: 0 12px;
}

.about-nav-wrap .welfare-main .welfare-row:nth-child(2) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(3) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(5) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(7) .text {
  color: #fff;
}

.about-nav-wrap .welfare-main .welfare-row:nth-child(2) .text p, .about-nav-wrap .welfare-main .welfare-row:nth-child(3) .text p, .about-nav-wrap .welfare-main .welfare-row:nth-child(5) .text p, .about-nav-wrap .welfare-main .welfare-row:nth-child(7) .text p {
  color: #fff;
}

.about-nav-wrap .welfare-main .welfare-row:nth-child(2) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(4) .text {
  bottom: 17px;
}

.about-nav-wrap .welfare-main .welfare-row:nth-child(1) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(5) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(6) .text, .about-nav-wrap .welfare-main .welfare-row:nth-child(7) .text {
  bottom: 62px;
}

.about-nav-wrap .welfare-main .welfare-row:last-child {
  background: #3D59AB;
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  text-align: center;
  line-height: 255px;
  letter-spacing: 5px;
}

.about-nav-wrap .areYouReady {
  padding-top: 70px;
  text-align: center;
}

.about-nav-wrap .areYouReady p {
  color: #595959FF;
  font-size: 18px;
  line-height: 34px;
}

.about-nav-wrap .areYouReady p.en {
  color: #3D59AB;
  margin-top: 10px;
}

.about-nav-wrap .recruit-wrap {
  background: #fff;
  padding: 60px 0;
}

.about-nav-wrap .recruit-wrap .social-wrap .social-row {
  display: none;
}

.about-nav-wrap .recruit-wrap .contacts {
  width: 554px;
  margin: 60px auto 0;
  background: #fff;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row {
  height: 126px;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-icon {
  width: 126px;
  height: 126px;
  line-height: 126px;
  background: #3D59AB;
  text-align: center;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-mian {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 26px;
  background: #f0f2f5;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-mian h4 {
  color: #BABABBFF;
  font-size: 18px;
  margin-bottom: 20px;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-mian div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-mian div span {
  font-size: 16px;
  color: #3F4657FF;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row .contacts-mian div span:last-child {
  margin-right: 0;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row:last-child .contacts-mian div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row:last-child .contacts-mian div span {
  font-size: 16px;
  color: #3F4657FF;
}

.about-nav-wrap .recruit-wrap .contacts .contacts-row:last-child .contacts-mian div span:last-child {
  margin-right: 0;
}

.about-nav-wrap .recruit-wrap .recruit-title {
  width: 556px;
  height: 80px;
  line-height: 80px;
  margin: 0 auto 40px;
  border: 1px solid #3D59ABFF;
}

.about-nav-wrap .recruit-wrap .recruit-title .recruit-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: 22px;
  color: #3D59ABFF;
  cursor: pointer;
}

.about-nav-wrap .recruit-wrap .recruit-title .recruit-nav.active {
  background: #3D59ABFF;
  color: #fff;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse {
  border: none;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item {
  border: none;
  margin-bottom: 18px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-title-wrap {
  height: 80px;
  line-height: 80px;
  background: #f0f2f5;
  padding: 0 30px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-title-wrap .name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 22px;
  color: #3F4657FF;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-title-wrap .des {
  font-size: 22px;
  color: #3F4657FF;
  padding-right: 96px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-title-wrap .layui-colla-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #3D59AB;
  color: #3D59AB;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  left: inherit;
  right: 15px;
  top: 20px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content {
  border: none;
  padding: 30px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobRes, .about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobReq {
  color: #3F4657FF;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobRes h4, .about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobReq h4 {
  color: #3F4657FF;
  font-size: 18px;
  margin: 0px 0 15px;
  position: relative;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobRes h4::before, .about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobReq h4::before {
  display: block;
  content: '';
  width: 4px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: #3D59ABFF;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobRes p, .about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobReq p {
  color: #3F4657FF;
  font-size: 16px;
  line-height: 36px;
}

.about-nav-wrap .recruit-wrap .recruit-content .layui-collapse .layui-colla-item .layui-colla-content .jobReq h4 {
  margin-top: 30px;
}

.about-nav-wrap .contact-wrap {
  background: #f6f7f9;
}

.about-nav-wrap .headOffice-wrap {
  background: #f6f7f9;
  padding-bottom: 60px;
}

.about-nav-wrap .headOffice .headOffice-icon {
  padding-top: 14px;
  width: 95px;
  height: 104px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background: url(../images/gywm_lx_big.png) no-repeat;
}

.about-nav-wrap .headOffice .headOffice-address {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 60px;
}

.about-nav-wrap .headOffice .headOffice-address h4 {
  color: #494949FF;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}

.about-nav-wrap .headOffice .headOffice-address p {
  color: #494949FF;
  font-size: 18px;
  line-height: 32px;
}

.branch {
  margin-top: 60px;
  background: #F6F7F9FF;
  padding: 40px 0;
}

.branch .branch-main {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.branch .branch-main-row {
  width: 48% !important;
  border-bottom: 1px dashed #CFCFCFFF;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.branch .branch-main-row .icon {
  width: 53px;
  height: 58px;
  text-align: center;
  padding-top: 14px;
  font-size: 16px;
  color: #fff;
  background: url(../images/gywm_lx_small.png) no-repeat;
}

.branch .branch-main-row .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 42px;
}

.branch .branch-main-row .content p {
  color: #494949FF;
  font-size: 18px;
}

.branch .branch-main-row .content .content-main {
  padding: 0 !important;
}

.branch .branch-main-row .title {
  color: #3D59ABFF;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  background: -webkit-gradient(linear, right top, left top, from(#647abc), to(white));
  background: linear-gradient(-90deg, #647abc, white);
}

.branch .branch-main-row .des {
  padding-top: 5px;
  color: #363636FF;
  font-size: 14px;
}

.branch .branch-main-row:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.branch .ft-serd .branch-main-row {
  padding-bottom: 0;
  border-bottom: none;
}

.branch .ft-serd-img {
  margin-top: 100px;
  text-align: center;
}

.branch .cloud-desktop .branch-main-row:nth-child(3), .branch .cloud-desktop .branch-main-row:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.no-bg {
  background: #fff;
}

.product-function {
  margin-top: 0;
  padding: 40px 0 0;
}

.product-function .branch-main-row .icon {
  width: 150px;
  height: 150px;
  background: #E6E7E9FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-function .branch-main-row .icon img {
  display: block;
}

.product-function .branch-main-row .content {
  padding-left: 42px;
}

.product-function .branch-main-row .content h4 {
  font-weight: normal;
  color: #3D59AB;
  font-size: 18px;
  margin-bottom: 12px;
}

.product-function .branch-main-row .content div {
  color: #363636;
  font-size: 14px;
  line-height: 30px;
  text-align: justify;
}

.product-function .branch-main-row .content .content-main {
  color: #363636FF;
  font-size: 12px;
  line-height: 26px;
}

.product-function .branch-main-row .content .content-main p {
  color: #363636FF;
  font-size: 12px;
  position: relative;
  padding-left: 20px;
}

.product-function .branch-main-row .content .content-main p::before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #3D59ABFF;
  position: absolute;
  top: 8px;
  left: 0;
}

.product-function .branch-main-row .content .content-main span {
  color: #363636;
  font-size: 13px;
  font-weight: bold;
}

.product-function .branch-main-row:nth-child(9), .product-function .branch-main-row:nth-child(10) {
  border-bottom: none;
  margin-bottom: 0;
}

#recruit-page-campus, #recruit-page-society, #news-list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#recruit-page-campus .layui-laypage .layui-laypage-curr .layui-laypage-em, #recruit-page-society .layui-laypage .layui-laypage-curr .layui-laypage-em, #news-list-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: none;
}

#recruit-page-campus .layui-laypage .layui-laypage-curr em, #recruit-page-society .layui-laypage .layui-laypage-curr em, #news-list-page .layui-laypage .layui-laypage-curr em {
  color: #0080FFFF;
}

#recruit-page-campus .layui-laypage a, #recruit-page-campus .layui-laypage span, #recruit-page-society .layui-laypage a, #recruit-page-society .layui-laypage span, #news-list-page .layui-laypage a, #news-list-page .layui-laypage span {
  background: none;
  border: none;
  font-size: 16px;
  padding: 0 21px;
  color: #171924FF;
}

#recruit-page-campus .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage a, #recruit-page-campus .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage span, #recruit-page-society .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage a, #recruit-page-society .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage span, #news-list-page .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage a, #news-list-page .about-nav-wrap .recruit-wrap #recruit-page .layui-laypage span {
  color: #0080FFFF;
}

.news-list {
  background: #F6F7F9FF;
  padding: 66px 0 70px;
}

.news-list .news-list-row {
  margin-bottom: 30px;
  background: #fff;
  padding: 20px;
}

.news-list .news-list-row .news-img {
  width: 348px;
  height: 185px;
  overflow: hidden;
}

.news-list .news-list-row .news-img img {
  width: 348px;
  height: 185px;
}

.news-list .news-list-row .news-comtent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
  font-size: 16px;
  color: #171924FF;
}

.news-list .news-list-row .news-comtent h4 {
  color: #171924FF;
  font-size: 18px;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.news-list .news-list-row .news-comtent p {
  font-size: 16px;
  color: #171924FF;
  margin: 16px 0 30px;
}

.news-list .news-list-row .news-comtent div {
  color: #808080FF;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}

.news-list .news-list-row .news-comtent span {
  float: right;
  display: block;
  margin-top: 20px;
  width: 25px;
  height: 9px;
  background: url(../images/gywm_news_icon.png) no-repeat;
}

.news-list #news-list-page {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.other-industry-application {
  width: 100%;
  height: 829px;
  background: url(../images/cp_09_05.png) no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 30px;
}

@media screen and (max-width: 1500px) {
  .other-industry-application {
    height: 729px;
  }
}

@media screen and (max-width: 1366px) {
  .other-industry-application {
    height: 629px;
  }
}

.application-wrap {
  width: 100%;
  background: url(../images/cp04_2-bg02-2.png) no-repeat;
  padding-top: 40px;
}

.application-wrap .application-content {
  margin-top: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.application-wrap .application-content .application-row {
  width: 24%;
  height: 320px;
  background: url(../images/lx-bg.png) no-repeat;
  background-size: 100%;
}

.application-wrap .application-content .application-row h4 {
  text-align: center;
  color: #3D59AB;
  font-size: 24px;
  padding: 18px 0;
  margin-top: 34px;
  font-weight: normal;
}

.application-wrap .application-content .application-row p {
  font-size: 12px;
  color: #363636;
  line-height: 30px;
  position: relative;
  padding-left: 34px;
}

.application-wrap .application-content .application-row p:before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  background: #3D59AB;
  position: absolute;
  top: 7px;
  left: 16px;
}

.system-wrap {
  margin-top: 70px;
}

.system-wrap .system-left, .system-wrap .system-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 39px 30px 8px;
}

.system-wrap .system-left h4, .system-wrap .system-right h4 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 60px;
}

.system-wrap .system-left ul > li, .system-wrap .system-right ul > li {
  font-size: 18px;
  margin-bottom: 20px;
  position: relative;
}

.system-wrap .system-left ul > li p, .system-wrap .system-right ul > li p {
  font-size: 12px;
  padding-top: 10px;
}

.system-wrap .system-left li:before, .system-wrap .system-right li:before {
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 6px;
  left: -18px;
}

.system-wrap .system-left {
  background: #3D59ABFF;
}

.system-wrap .system-left h4 {
  color: #FFFFFFFF;
}

.system-wrap .system-left ul > li {
  color: #fff;
}

.system-wrap .system-left li:before {
  background: #fff;
}

.system-wrap .system-right {
  background: #EBF3F9FF;
}

.system-wrap .system-right h4 {
  color: #3D59ABFF;
}

.system-wrap .system-right ul > li {
  color: #353535FF;
}

.system-wrap .system-right ul > li p {
  color: #353535FF;
}

.system-wrap .system-right li:before {
  background: #3D59ABFF;
}

.marginB90 {
  margin-bottom: 40px;
}

.rightDashed {
  border-right: 1px dashed #999999;
}
/*# sourceMappingURL=index.css.map */