@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table,
th,
td {
  border: 1px solid black;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: 400;
}

dl,
ol,
ul {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur());
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

textarea {
  resize: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  background-color: transparent;
  blr: expression(this.onFocus=this.blur());
}

button {
  -webkit-appearance: none;
}

select {
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eps3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (min-width: 1601px) {
  html {
    font-size: 100px;
  }
}

@media (max-width: 1600px) and (min-width: 901px) {
  html {
    font-size: calc(100vw / 1600 * 100);
  }
}

@media (max-width: 900px) {
  html {
    font-size: calc(900px / 1700 * 100);
  }
}

/*灞忓箷瀹藉害100vw / 璁捐绋垮搴�750px * 100px*/
/*body {
  font-size: 0.26rem;
  color: #000;
  position: relative;
  overflow-x: hidden;
  min-height: 100%;
  font-family: Arial;
  background-color: #f4f5f9;
}

 body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
} */

@font-face {
  font-family: FuturaBT-Heavy;
  src: url(../font/FUTURAH.TTF);
}

header {
  width: 100%;
  height: 1.12rem;
}

header .h-a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.12rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

header .h-a .h-container {
  width: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .h-a .h-container .h-left {
  width: 1.98rem;
  height: .52rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-a .h-container .h-left img {
  width: 100%;
  height: 100%;
}

header .h-a .h-container .h-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-a .h-container .h-right .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
  margin-left: 0.5rem;
  cursor: pointer;
}

header .h-a .h-container .h-right .menu {
  width: .48rem;
  height: .48rem;
  border: solid 1px #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
  cursor: pointer;
}

header .h-a .h-container .h-right .menu .line {
  width: .2rem;
  height: .02rem;
  background-color: #ffffff;
  margin-bottom: 0.05rem;
}

header .h-a .h-container .h-right .menu .line:last-child {
  margin-bottom: 0;
}

header .h-a.fixed {
  background-color: rgba(19, 43, 131, 0.8);
}

header .h-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.12rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
}

header .h-b .h-container {
  width: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .h-b .h-container .h-left {
  width: 1.98rem;
  height: .52rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-b .h-container .h-left img {
  width: 100%;
  height: 100%;
}

header .h-b .h-container .h-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-b .h-container .h-right .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #000000;
  margin-left: 0.5rem;
  cursor: pointer;
}

header .h-b .h-container .h-right .text.active {
  color: #132b83;
}

header .h-b .h-container .h-right .menu {
  width: .48rem;
  height: .48rem;
  border: solid 1px #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
  cursor: pointer;
}

header .h-b .h-container .h-right .menu .line {
  width: .2rem;
  height: .02rem;
  background-color: #132b83;
  margin-bottom: 0.05rem;
}

header .h-b .h-container .h-right .menu .line:last-child {
  margin-bottom: 0;
}

header .h-c {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.12rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
}

header .h-c .h-container {
  width: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .h-c .h-container .h-left {
  /*width: 3.48rem;*/
  /*height: .52rem;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-c .h-container .h-left img {
  /*width: 100%;*/
  /*height: 100%;*/
  max-height: 1.12rem;
}

header .h-c .h-container .h-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .h-c .h-container .h-right .right-li {
  position: relative;
  width: 1.2rem;
}

header .h-c .h-container .h-right .right-li .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #000000;
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: center;
}

header .h-c .h-container .h-right .right-li .active {
  color: #132b83;
}

header .h-c .h-container .h-right .right-li .h-menu-ul {
  width: 1.4rem;
  display: none;
  position: absolute;
  left: -9%;
  top: 0.4rem;
  z-index: 200;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
}

header .h-c .h-container .h-right .right-li .h-menu-ul .h-menu-li {
  display: block;
  width: 100%;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: #333;
  cursor: pointer;
}

header .h-c .h-container .h-right .right-li .h-menu-ul .h-menu-li a {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #000000;
}

header .h-c .h-container .h-right .right-li .h-menu-ul .h-menu-li:hover {
  background-color: #132b83;
}

header .h-c .h-container .h-right .right-li .h-menu-ul .h-menu-li:hover a {
  color: #fff;
}

header .h-c .h-container .h-right .right-li.active .text {
  color: #132b83;
}

header .h-c .h-container .h-right .right-li .menu {
  width: .48rem;
  height: .48rem;
  border: solid 1px #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
  cursor: pointer;
}

header .h-c .h-container .h-right .right-li .menu .line {
  width: .2rem;
  height: .02rem;
  background-color: #132b83;
  margin-bottom: 0.05rem;
}

header .h-c .h-container .h-right .right-li .menu .line:last-child {
  margin-bottom: 0;
}

footer {
  width: 100%;
}

footer .f-a {
  width: 100%;
  height: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #132b83;
  border-bottom: 1px solid #1c3696;
}

footer .f-a .container {
  width: 14rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .f-a .container .container-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .f-a .container .container-left .content {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #8394d2;
  cursor: pointer;
}

footer .f-a .container .container-left .content:after {
  content: '';
  display: inline-block;
  border-left: 1px solid #8394d2;
  margin: 0 .2rem;
  height: 0.14rem;
}

footer .f-a .container .container-left .content:last-child:after {
  display: none;
}

footer .f-a .container .container-right {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #8394d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .f-a .container .container-right span {
  font-family: AdobeGothicStd-Bold;
  font-size: .24rem;
  font-weight: bold;
  color: #8394d2;
  margin-left: 0.15rem;
}

footer .f-b {
  width: 100%;
  height: 1.3rem;
  background-color: #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .f-b .container {
  width: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .f-b .container .container-a .content {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #8394d2;
  margin-bottom: 0.2rem;
}

footer .f-b .container .container-a .content:last-child {
  margin-bottom: 0;
}

footer .f-b .container .container-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .f-b .container .container-b .content-img {
  width: .8rem;
  height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.4rem;
}

footer .f-b .container .container-b .content-img img {
  width: 100%;
  height: 100%;
}

footer .f-b .container .container-b .content-img:first-child {
  margin-left: 0;
}

main .index-banner {
  /* height: 8rem; */
}

main .index-banner .video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .index-banner .video video {
  /* height: 8rem; */
  width: 100%;
}

main .index-banner .video .controls {
  height: 8rem;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

main .index-banner .video .controls img {
  width: .8rem;
  height: .8rem;
}

main .index-banner .banner-img {
  height: 8rem;
}

main .index-banner .banner-img img {
  /* height: 8rem; */
  width: 100%;
}

/* main .index-banner .swiper-pagination .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  background-color: #132b83;
  border: solid 1px #e5e5e5;
}

main .index-banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
  border: none;
  border-radius: 50%;
} */

main .index-banner .swiper-pagination .swiper-pagination-bullet {
  counter-increment:z;
  border-radius: 0;
  width: auto;
  height: auto;
  opacity: 1;
  background: none;
}

main .index-banner .swiper-pagination .swiper-pagination-bullet:before {
  content:counter(z);
  color: #fff;
  font-size: .18rem;
}

main .index-banner .swiper-pagination .swiper-pagination-bullet-active:before {
  color: #e4aa0d;
}

main .index-banner .swiper-pagination .swiper-pagination-bullet-active:after {
  content: '';
  display: inline-block;
  width: .52rem;
  height: 1px;
  background-color: #e4aa0d;
  vertical-align: middle;
  margin: 0 10px;
}

main .banner {
  width: 100%;
  position: relative;
}

main .banner img {
  width: 100%;
}

main .banner .banner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 1.12rem;
}

main .banner .banner-content .title-en {
  font-family: Arial-BoldMT;
  font-size: .48rem;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

main .banner .banner-content .title-cn {
  font-family: SourceHanSansSC-Regular;
  font-size: .36rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .banner .banner-content .title-cn:after {
  content: '';
  display: block;
  width: .3rem;
  height: 2px;
  background-color: #fff;
  margin: 0 auto;
  margin-top: 0.2rem;
}

main .banner .banner-content .title-text {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #ffffff;
}

main .banner-a {
  width: 100%;
  position: relative;
}

main .banner-a img {
  width: 100%;
}

main .banner-a .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 3.6rem;
}

main .banner-a .banner-content .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.42rem;
  position: relative;
}

main .banner-a .banner-content .content .content-a {
  font-family: SourceHanSansSC-Bold;
  font-size: .5rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

main .banner-a .banner-content .content .content-b {
  font-family: SourceHanSansSC-Light;
  font-size: .3rem;
  line-height: .5rem;
  color: #ffffff;
}

main .banner-a .banner-content .content:before {
  content: '';
  display: inline-block;
  width: 0.08rem;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0.04rem;
  position: absolute;
  top: 0;
  left: 0;
}

main .application-area-container {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0.8rem 0;
}

main .application-area-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .application-area-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}

main .application-area-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #132b83;
}

main .application-area-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/5.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .application-area-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #333333;
}

main .application-area-container .title-box .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #777777;
  margin-bottom: 0.7rem;
  width: 100%;
}

main .application-area-container .application-area {
  width: 100%;
  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;
  height: 6.18rem;
}

main .application-area-container .application-area .container-swiper {
  width: 11rem;
  height: 100%;
  background-color: #5a5a5a;
  position: relative;
}

main .application-area-container .application-area .container-swiper .swiper-container {
  width: 100%;
  height: 100%;
}

main .application-area-container .application-area .container-swiper .swiper-container .container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 1.38rem;
  padding-left: 0.62rem;
}

main .application-area-container .application-area .container-swiper .swiper-container .container .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .3rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.42rem;
}

main .application-area-container .application-area .container-swiper .swiper-container .container .title:after {
  content: '';
  display: block;
  width: .38rem;
  height: .02rem;
  background-color: #ffffff;
  margin-top: 0.35rem;
}

main .application-area-container .application-area .container-swiper .swiper-container .container .text {
  width: 4.06rem;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .26rem;
  color: #ffffff;
  margin-bottom: 0.6rem;
}

main .application-area-container .application-area .container-swiper .swiper-container .container .more {
  width: 1.05rem;
  height: .4rem;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-family: MicrosoftYaHei-Bold;
  font-size: .14rem;
  font-weight: bold;
  color: #132b83;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .application-area-container .application-area .container-swiper .swiper-container .container .more:hover {
  color: #fff;
  background-color: #132b83;
  font-size: .18rem;
}

main .application-area-container .application-area .container-swiper .swiper-pagination {
  width: auto;
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  color: #9aade1;
  left: 0.62rem;
  bottom: 0.77rem;
}

main .application-area-container .application-area .container-swiper .swiper-pagination .swiper-pagination-current {
  font-family: AdobeHeitiStd-Regular;
  font-size: .2rem;
  color: #ffffff;
}

main .application-area-container .application-area .container-content {
  width: 3rem;
  height: 100%;
  background-color: #fff;
}

main .application-area-container .application-area .container-content .content {
  width: 100%;
  height: 1.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.55rem;
  cursor: pointer;
}

main .application-area-container .application-area .container-content .content .content-left {
  width: 0.4rem;
  height: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .application-area-container .application-area .container-content .content .content-left img {
  max-width: 100%;
  max-height: 100%;
}

main .application-area-container .application-area .container-content .content .content-left .img-2 {
  display: none;
}

main .application-area-container .application-area .container-content .content .content-right {
  margin-left: 0.15rem;
}

main .application-area-container .application-area .container-content .content .content-right .right-a {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #666666;
  margin-bottom: 0.08rem;
}

main .application-area-container .application-area .container-content .content .content-right .right-b {
  font-family: CJ-ONLYONE-Medium;
  font-size: .12rem;
  color: #666666;
}

main .application-area-container .application-area .container-content .content.active {
  background-color: #132b83;
}

main .application-area-container .application-area .container-content .content.active .content-left .img-1 {
  display: none;
}

main .application-area-container .application-area .container-content .content.active .content-left .img-2 {
  display: inline-block;
}

main .application-area-container .application-area .container-content .content.active .content-right .right-a {
  color: #fff;
}

main .application-area-container .application-area .container-content .content.active .content-right .right-b {
  color: #fff;
}

main .solution-container {
  width: 100%;
  background-color: #fff;
  padding-top: 0.8rem;
  padding-bottom: 1.72rem;
  position: relative;
}

main .solution-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .solution-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}

main .solution-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #132b83;
}

main .solution-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/5.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .solution-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #333333;
}

main .solution-container .title-box .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #777777;
  margin-bottom: 0.7rem;
  width: 100%;
}

main .solution-container .solution {
  width: 14rem;
  margin: 0 auto;
  position: relative;
}

main .solution-container .solution .container-content {
  width: calc(14rem + .2rem);
}

main .solution-container .solution .container-content .swiper-slide {
  width: 25%;
}

main .solution-container .solution .container-content .container {
  width: 3.2rem;
  background-color: #f1f4fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  cursor: pointer;
}

main .solution-container .solution .container-content .container .content-img {
  width: auto;
  /*height: 2.1rem;*/
  background-color: #e1e5ef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .solution-container .solution .container-content .container .content-img img {
  /*height: 100%;*/
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solution-container .solution .container-content .container .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .solution-container .solution .container-content .container .content {
  width: 100%;
  height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .solution-container .solution .container-content .container .content .title {
  font-family: SourceHanSansSC-Normal;
  font-size: .26rem;
  color: #333333;
  margin-bottom: 0.2rem;
}

main .solution-container .solution .container-content .container .content .title:after {
  content: '';
  display: block;
  width: .3rem;
  height: 0.03rem;
  background-color: #132b83;
  margin: 0 auto;
  margin-top: 0.26rem;
}

main .solution-container .solution .container-content .container .content .text {
  text-align: center;
}

main .solution-container .solution .container-content .container .content .text p {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .26rem;
  color: #999999;
}

main .solution-container .solution .container-content .container .content:hover {
  background-color: #132b83;
}

main .solution-container .solution .container-content .container .content:hover .title {
  color: #fff;
}

main .solution-container .solution .container-content .container .content:hover .title:after {
  background-color: #fff;
}

main .solution-container .solution .container-content .container .content:hover .text p {
  color: #fff;
}

main .solution-container .swiper-pagination {
  bottom: 0.92rem;
  width: 100%;
}

main .solution-container .swiper-pagination .swiper-pagination-bullet {
  margin-left: 0.1rem;
  width: .12rem;
  height: .12rem;
  background-color: #bbbbbb;
}

main .solution-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #132b83;
}

main .solution-container .solution-prev {
  left: -60px;
}

main .solution-container .solution-next {
  right: -60px;
}

main .product-center-container {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0.8rem 0;
}

main .product-center-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .product-center-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}

main .product-center-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #ffffff;
}

main .product-center-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/30.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .product-center-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #ffffff;
}

main .product-center-container .title-box .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #ffffff;
  margin-bottom: 0.7rem;
  width: 100%;
}

main .product-center-container .product-center {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .product-center-container .product-center .container {
  width: 14rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.1rem;
}

main .product-center-container .product-center .container .content-a {
  width: 9.3rem;
  height: 100%;
  background-color: #000000;
  position: relative;
  cursor: pointer;
}

main .product-center-container .product-center .container .content-a .content-a-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

main .product-center-container .product-center .container .content-a .content-a-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .product-center-container .product-center .container .content-a .content-a-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .product-center-container .product-center .container .content-a .content-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
}

main .product-center-container .product-center .container .content-a .content-text .content-img {
  width: .16rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .product-center-container .product-center .container .content-a .content-text .content-img img {
  width: 100%;
  height: 100%;
}

main .product-center-container .product-center .container .content-a .content-text span {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
  margin-left: 0.1rem;
}

main .product-center-container .product-center .container .content-b {
  width: 4.6rem;
  height: 100%;
  position: relative;
  cursor: pointer;
}

main .product-center-container .product-center .container .content-b .content-a-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

main .product-center-container .product-center .container .content-b .content-a-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .product-center-container .product-center .container .content-b .content-a-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .product-center-container .product-center .container .content-b .content-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
}

main .product-center-container .product-center .container .content-b .content-text .content-img {
  width: .16rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .product-center-container .product-center .container .content-b .content-text .content-img img {
  width: 100%;
  height: 100%;
}

main .product-center-container .product-center .container .content-b .content-text span {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
  margin-left: 0.1rem;
}

main .customer-case-container {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0.8rem 0;
}

main .customer-case-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.7rem;
}

main .customer-case-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}

main .customer-case-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #132b83;
}

main .customer-case-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/5.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .customer-case-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #333333;
}

main .customer-case-container .title-box .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #777777;
  width: 100%;
  margin-bottom: 0.35rem;
}

main .customer-case-container .title-box .solution-digital-products {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .customer-case-container .title-box .solution-digital-products .content {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.2rem;
  height: .36rem;
  border-radius: .18rem;
  background-color: #8a8b8d;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
  margin-left: 0.18rem;
  -webkit-box-shadow: 0px 6px 5px #888888;
          box-shadow: 0px 6px 5px #888888;
  padding: 0 .1rem;
}

main .customer-case-container .title-box .solution-digital-products .content:hover {
  cursor: pointer;
  min-width: 1.2rem;
  height: .36rem;
  background-color: #132b83;
  border-radius: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
}

main .customer-case-container .title-box .solution-digital-products .active {
  cursor: pointer;
  min-width: 1.2rem;
  height: .36rem;
  background-color: #132b83;
  border-radius: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
}

main .customer-case-container .customer-case {
  width: 14rem;
  margin: 0 auto;
  overflow: hidden;
}

main .customer-case-container .customer-case .container {
  width: calc(100% + .31rem);
  font-size: 0;
}

main .customer-case-container .customer-case .container .content {
  width: 4.46rem;
  background-color: #fff;
  margin-bottom: 0.25rem;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.31rem;
}

main .customer-case-container .customer-case .container .content .content-img {
  width: 100%;
  /*height: 3.16rem;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .customer-case-container .customer-case .container .content .content-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .customer-case-container .customer-case .container .content .content-text {
  width: 100%;
  height: 0.58rem;
  padding-left: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .customer-case-container .customer-case .container .content:hover .content-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .customer-case-container .customer-case .container .content:hover .content-text {
  background-color: #132b83;
  color: #fff;
}

main .customer-case-container .customer-case .more {
  width: 1.48rem;
  height: .5rem;
  background-color: #132b83;
  border-radius: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #ffffff;
  margin: 0 auto;
  margin-top: 0.15rem;
  cursor: pointer;
}

main .customer-case-container .customer-case .more:hover {
  background-color: #fff;
  color: #132b83;
  font-size: .18rem;
}

main .company-strength-container {
  width: 100%;
  background-color: #ffffff;
  padding: 0.8rem 0;
}

main .company-strength-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .company-strength-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.2rem;
}

main .company-strength-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #132b83;
}

main .company-strength-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/5.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .company-strength-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #333333;
}

main .company-strength-container .title-box .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #777777;
  margin-bottom: 0.7rem;
  width: 100%;
}

main .company-strength-container .company-strength {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .company-strength-container .company-strength .container {
  width: 14rem;
  height: 6.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .company-strength-container .company-strength .container .content-left {
  width: 6.88rem;
  height: 100%;
}

main .company-strength-container .company-strength .container .content-left .content-img {
  width: 100%;
  height: 3.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .company-strength-container .company-strength .container .content-left .content-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .company-strength-container .company-strength .container .content-left .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .company-strength-container .company-strength .container .content-left .content-text {
  width: 100%;
  height: 2.5rem;
  padding-left: 0.62rem;
  padding-right: 0.75rem;
  background-color: #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .company-strength-container .company-strength .container .content-left .content-text .title {
  width: 100%;
  font-family: MicrosoftYaHei;
  font-size: .34rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.3rem;
}

main .company-strength-container .company-strength .container .content-left .content-text .title:before {
  content: '';
  display: inline-block;
  width: .05rem;
  height: .34rem;
  background-color: #ffffff;
  margin-right: 0.12rem;
}

main .company-strength-container .company-strength .container .content-left .content-text .text {
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  line-height: .26rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.35rem;
}

main .company-strength-container .company-strength .container .content-left .content-text .more {
  width: 0.6rem;
  height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

main .company-strength-container .company-strength .container .content-left .content-text .more img {
  width: 100%;
  height: 100%;
}

main .company-strength-container .company-strength .container .content-left .content-text .more:hover img {
  margin-top: 0.2rem;
}

main .company-strength-container .company-strength .container .content-right {
  width: 7rem;
  height: 100%;
}

main .company-strength-container .company-strength .container .content-right .right-a {
  width: 100%;
  height: 3.05rem;
  margin-bottom: 0.12rem;
  position: relative;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us {
  width: 3.44rem;
  height: 100%;
  padding-top: 0.55rem;
  padding-left: 0.35rem;
  padding-right: 0.25rem;
  background-color: rgba(19, 43, 131, 0.9);
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us .title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-size: .26rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.3rem;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us .text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #ffffff;
  margin-bottom: 0.6rem;
}

main .company-strength-container .company-strength .container .content-right .right-a .contact-us .more {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .14rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

main .company-strength-container .company-strength .container .content-right .right-a:hover .contact-us {
  display: block;
}

main .company-strength-container .company-strength .container .content-right .right-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.05rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left {
  width: 3.44rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .22rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.14rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #323236;
  margin-bottom: 0.24rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left .img {
  width: 1.14rem;
  height: 1.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left .img img {
  width: .7rem;
  height: .7rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-left:hover {
  background-size: 150% 150%;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right {
  width: 3.44rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.35rem;
  -webkit-transition: all .6s;
  transition: all .6s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .26rem;
  font-weight: bold;
  color: #132b83;
  margin-bottom: 0.14rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right .text {
  font-family: CJ-ONLYONE-Medium;
  font-size: .16rem;
  color: #132b83;
  margin-bottom: 1.2rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right .img {
  width: 0.6rem;
  height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right .img img {
  width: 100%;
  height: 100%;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right .img:hover img {
  margin-top: 0.2rem;
}

main .company-strength-container .company-strength .container .content-right .right-b .right-b-right:hover {
  background-size: 130% 130%;
}

main .news-container {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0.8rem 0;
}

main .news-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.7rem;
}

main .news-container .title-box .title-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .news-container .title-box .title-content .title-left {
  font-family: FuturaBT-Heavy;
  font-size: .48rem;
  color: #132b83;
}

main .news-container .title-box .title-content .title-left:after {
  content: '';
  display: inline-block;
  background-image: url(../images/5.png);
  width: 0.4rem;
  height: 0.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: -0.05rem;
}

main .news-container .title-box .title-content .title-right {
  font-family: SourceHanSansSC-Light;
  font-size: .4rem;
  color: #333333;
}

main .news-container .news {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .news-container .news .container {
  width: 14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.25rem;
}

main .news-container .news .container .container-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.6rem;
  height: 100%;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

main .news-container .news .container .container-left .left-a {
  width: 5.2rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

main .news-container .news .container .container-left .left-a .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

main .news-container .news .container .container-left .left-a .time-box {
  width: 1rem;
  height: 1rem;
  background-color: #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
}

main .news-container .news .container .container-left .left-a .time-box .time-a {
  font-family: MicrosoftYaHei;
  font-size: .4rem;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

main .news-container .news .container .container-left .left-a .time-box .time-b {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #ffffff;
}

main .news-container .news .container .container-left .left-b {
  width: 3.6rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-container .news .container .container-left .left-b .left-content {
  width: 100%;
  height: 100%;
  background-image: url(../images/50.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 0.32rem;
  padding-left: 0.37rem;
}

main .news-container .news .container .container-left .left-b .group-news {
  font-family: MicrosoftYaHei-Bold;
  font-size: .14rem;
  font-weight: bold;
  color: #132b83;
  margin-bottom: 0.3rem;
}

main .news-container .news .container .container-left .left-b .left-title {
  width: 100%;
  margin-bottom: 0.25rem;
}

main .news-container .news .container .container-left .left-b .left-title p {
  font-family: SourceHanSansSC-Bold;
  font-size: .18rem;
  font-weight: bold;
  line-height: .24rem;
  color: #333333;
}

main .news-container .news .container .container-left .left-b .left-text {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .22rem;
  color: #777777;
  margin-bottom: 0.25rem;
}

main .news-container .news .container .container-left .left-b .learn-more {
  font-family: MicrosoftYaHei-Bold;
  font-size: .14rem;
  font-weight: bold;
  color: #132b83;
  cursor: pointer;
}

main .news-container .news .container .container-left .left-b .learn-more:hover {
  font-size: .2rem;
}

main .news-container .news .container .container-left .la-pagination {
  width: auto;
  left: 5.4rem;
  bottom: 0.4rem;
}

main .news-container .news .container .container-left .la-pagination .swiper-pagination-bullet {
  margin-right: 0.15rem;
  width: .1rem;
  height: .1rem;
  background-image: linear-gradient(146deg, rgba(255, 255, 255, 0.3) 0%, #000000 100%), linear-gradient(#7c848e, #7c848e);
  border-radius: 50%;
}

main .news-container .news .container .container-left .la-pagination .swiper-pagination-bullet-active {
  background: none;
  background-color: #132b83;
}

main .news-container .news .container .container-left .la-prev {
  background-image: url(../images/arrow_left.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 0.32rem;
  height: 0.32rem;
  top: auto;
  bottom: .32rem;
  left: auto;
  right: 1rem;
}

main .news-container .news .container .container-left .la-next {
  background-image: url(../images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 0.32rem;
  height: 0.32rem;
  top: auto;
  bottom: .32rem;
  left: auto;
  right: .5rem;
}

main .news-container .news .container .container-right {
  width: 5.12rem;
  height: 100%;
  background-color: #ffffff;
}

main .news-container .news .container .container-right .right-nav {
  width: 100%;
  height: .54rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 2px solid #132b83;
}

main .news-container .news .container .container-right .right-nav .content {
  width: 50%;
  height: 100%;
  background-color: #e2e3f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #666666;
  cursor: pointer;
}

main .news-container .news .container .container-right .right-nav .content:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .news-container .news .container .container-right .right-nav .active {
  background-color: #132b83;
  color: #ffffff;
}

main .news-container .news .container .container-right .right-content {
  width: 100%;
  padding-top: 0.1rem;
  padding: 0 0.3rem;
}

main .news-container .news .container .container-right .right-content .content {
  padding: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.01rem dashed #b7b6c2;
}

main .news-container .news .container .container-right .right-content .content .content-left {
  width: 2.75rem;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-a {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .14rem;
  line-height: .24rem;
  color: #555555;
  margin-bottom: 0.2rem;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .date-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .date-box .date-img {
  width: .18rem;
  height: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .date-box .date-img img {
  width: 100%;
  height: 100%;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .date-box .date-text {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #888888;
  margin-left: 0.1rem;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .learn-more {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #132b83;
  cursor: pointer;
}

main .news-container .news .container .container-right .right-content .content .content-left .content-left-b .learn-more:hover {
  font-size: .18rem;
  font-weight: bold;
}

main .news-container .news .container .container-right .right-content .content .content-right {
  width: 1.4rem;
  height: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .news-container .news .container .container-right .right-content .content .content-right img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .news-container .news .container .container-right .right-content .content .content-right img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .news-container .news .container .container-right .right-content .content:hover .content-left .content-left-a {
  color: #132b83;
}

main .case-container {
  width: 100%;
}

main .case-container .case-nav {
  width: 100%;
}

main .case-container .case-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
}

main .case-container .case-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: .64rem;
  padding-left: 2rem;
}

main .case-container .case-nav .nav-a .container .content {
  width: 4rem;
  height: 100%;
  background-color: #fff;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #333333;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

main .case-container .case-nav .nav-a .container .content:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .case-container .case-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #ffffff;
}

main .case-container .case-nav .nav-b {
  width: 100%;
  background-color: #f1f4fd;
  height: .92rem;
}

main .case-container .case-nav .nav-b .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

main .case-container .case-nav .nav-b .container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .case-container .case-nav .nav-b .container .left-img img {
  width: 100%;
  height: 100%;
}

main .case-container .case-nav .nav-b .container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #666666;
}

main .case-container .case-nav .nav-b .container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .case-container .case-content {
  width: 100%;
  background-color: #f1f4fd;
  padding-bottom: 0.7rem;
}

main .case-container .case-content .container {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
}

main .case-container .case-content .container .container-box {
  width: calc(100% + .3rem);
  font-size: 0;
}

main .case-container .case-content .container .container-box .content {
  width: 3.8rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
  cursor: pointer;
}

main .case-container .case-content .container .container-box .content .content-img {
  width: 100%;
  /*height: 2.7rem;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .case-container .case-content .container .container-box .content .content-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .case-container .case-content .container .container-box .content .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .case-container .case-content .container .container-box .content .content-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.6rem;
  background-color: #ffffff;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  padding-left: 0.23rem;
}

main .case-container .case-content .container .container-box .content .content-text:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .case-container .case-content .container .case-pag {
  width: 100%;
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .case-container .case-content .container .case-pag .pag-container {
  width: 3.86rem;
  height: .7rem;
  background-color: #ffffff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 .24rem;
}

main .case-container .case-content .container .case-pag .pag-container a {
  width: .38rem;
  height: .38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

main .case-container .case-content .container .case-pag .pag-container .pag-a {
  background-color: rgba(242, 242, 242, 0.8);
}

main .case-container .case-content .container .case-pag .pag-container .pag-a img {
  width: .07rem;
  height: .13rem;
}

main .case-container .case-content .container .case-pag .pag-container .pag-a:hover {
  background-color: #132b83;
}

main .case-container .case-content .container .case-pag .pag-container .pag-b {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #b0b0b0;
}

main .case-container .case-content .container .case-pag .pag-container .pag-b:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .case-container .case-content .container .case-pag .pag-container .pag-b.active {
  background-color: #132b83;
  color: #ffffff;
}

main .product-container {
  width: 100%;
}

main .product-container .product-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10;
  height: 0.64rem;
  background-color: #fff;
}

main .product-container .product-nav .nav-a {
  width: 100%;
  height: 100%;
}

main .product-container .product-nav .nav-a .product-swiper {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-wrapper {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide {
  width: auto;
  display: inline-block;
  width: 20%;
  height: 100%;
  line-height: 0.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide a {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: bold;
  color: #333333;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide:hover {
  background-color: #132b83;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide:hover a {
  color: #fff;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide.active {
  background-color: #132b83;
}

main .product-container .product-nav .nav-a .product-swiper .swiper-slide.active a {
  color: #fff;
}

main .product-container .product-nav .nav-a .product-prev {
  display: none;
}

main .product-container .product-nav .nav-a .product-next {
  display: none;
}

main .product-container .product-nav .nav-a.show {
  width: 12rem;
  margin: 0 auto;
  position: relative;
}

main .product-container .product-nav .nav-a.show .product-swiper {
  width: 11rem;
  margin: 0 auto;
}

main .product-container .product-nav .nav-a.show .product-swiper .swiper-wrapper {
  width: 100%;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}

main .product-container .product-nav .nav-a.show .product-prev {
  width: .1rem;
  height: .18rem;
  background-image: url(../images/101.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  margin: 0;
  top: 40%;
  display: block;
}

main .product-container .product-nav .nav-a.show .product-prev.swiper-button-disabled {
  background-image: url(../images/102.png);
}

main .product-container .product-nav .nav-a.show .product-next {
  width: .1rem;
  height: .18rem;
  background-image: url(../images/103.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  margin: 0;
  top: 40%;
  display: block;
}

main .product-container .product-nav .nav-a.show .product-next.swiper-button-disabled {
  background-image: url(../images/104.png);
}

main .product-container .product-box {
  width: 100%;
  padding: 0 0 0.6rem 0;
}

.visual-analysis-system {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.visual-analysis-system .nav-b {
  width: 100%;
  height: 0.78rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.visual-analysis-system .nav-b .nav-container {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.visual-analysis-system .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.visual-analysis-system .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

.visual-analysis-system .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

.visual-analysis-system .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

.visual-analysis-system .container {
  width: 12rem;
  padding-bottom: 0.8rem;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 0.42rem;
  padding-left: 0.42rem;
  padding-right: 0.42rem;
}

.visual-analysis-system .container .container-title{
  font-family: SourceHanSansSC-Bold;
  font-size: .28rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.45rem;
  width: 100%;
  text-align: center;
}

.visual-analysis-system .container .container-content{
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 0.25rem 0;
}
.visual-analysis-system .container .date-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.4rem;
}

.visual-analysis-system .container .date-box .num {
    font-family: MicrosoftYaHei;
    font-size: .12rem;
    color: #999999;
}

.visual-analysis-system .container .date-box .date {
    font-family: MicrosoftYaHei;
    font-size: .12rem;
    color: #999999;
    margin-left: 0.4rem;
}

.visual-analysis-system .container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.6rem;
}

.visual-analysis-system .container .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.15rem;
}

.visual-analysis-system .container .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

.visual-analysis-system .container .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.06rem;
  -webkit-box-shadow: 0px 5px 5px #aaa;
          box-shadow: 0px 5px 5px #aaa;
}

.visual-analysis-system .container .content .content-left {
  width: 6rem;
  height: 100%;
  background-color: #1094e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.visual-analysis-system .container .content .content-left img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.visual-analysis-system .container .content .content-left img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.visual-analysis-system .container .content .content-right {
  height: 100%;
  width: 6rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0.85rem;
  padding-right: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.visual-analysis-system .container .content .content-right .right-title {
  width: 100%;
  margin-bottom: 0.2rem;
}

.visual-analysis-system .container .content .content-right .right-title .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .34rem;
  color: #333333;
  font-weight: bold;
}

.visual-analysis-system .container .content .content-right .right-title .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .34rem;
  color: #132b83;
}

.visual-analysis-system .container .content .content-right .right-content {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
}

.system-core-technology {
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.system-core-technology .title-box {
  width: 100%;
  height: 3.16rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.76rem;
}

.system-core-technology .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

.system-core-technology .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
}

.system-core-technology .container {
  width: 100%;
  height: 7rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.system-core-technology .container .container-box {
  width: 100%;
  height: 7.5rem;
  position: absolute;
  top: 2.1rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.system-core-technology .container .container-box .container-content {
  width: 12rem;
  height: 7.5rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 38px 0px rgba(185, 206, 224, 0.4);
          box-shadow: 0px 0px 38px 0px rgba(185, 206, 224, 0.4);
  padding: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.system-core-technology .container .container-box .container-content .content-left {
  width: 6.8rem;
  height: 5.2rem;
  background-color: #979797;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.system-core-technology .container .container-box .container-content .content-left img {
  width: 100%;
  height: 100%;
}

.system-core-technology .container .container-box .container-content .content-right {
  width: 4rem;
  height: 5.2rem;
}

.system-core-technology .container .container-box .container-content .content-right .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
}

.system-core-technology .container .container-box .container-content .content-right .content .content-a {
  width: .28rem;
  height: .28rem;
  background-color: #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: Arial-BoldMT;
  font-size: .16rem;
  color: #ffffff;
  border-radius: 50%;
}

.system-core-technology .container .container-box .container-content .content-right .content .content-b {
  width: 3.2rem;
  margin-left: 0.15rem;
  border-bottom: 1px dashed #e0e0e0;
  padding-bottom: 0.2rem;
}

.system-core-technology .container .container-box .container-content .content-right .content .content-b .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .21rem;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.1rem;
}

.system-core-technology .container .container-box .container-content .content-right .content .content-b .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .22rem;
  color: #666666;
}

.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools {
  opacity: 1;
}

.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools .mCSB_draggerRail {
  width: .12rem;
  background-color: #dedede;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: .12rem;
  background-color: #2e59a1;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools .mCSB_dragger .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.system-core-technology .container .container-box .container-content .content-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.deep-expansion {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 0;
}

.deep-expansion .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.6rem;
}

.deep-expansion .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.15rem;
}

.deep-expansion .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
}

.deep-expansion .container {
  width: 12rem;
  margin: 0 auto;
  overflow: hidden;
}

.deep-expansion .container .container-content {
  width: calc(12rem + .3rem);
  font-size: 0;
}

.deep-expansion .container .container-content .content {
  width: 5.84rem;
  height: 2.58rem;
  background-color: #ffffff;
  border-radius: 0.05rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0.3rem;
  display: inline-block;
  margin-right: 0.3rem;
  padding-top: 0.6rem;
  padding-left: 0.65rem;
  vertical-align: top;
  padding-right: 1.24rem;
}

.deep-expansion .container .container-content .content .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .24rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.25rem;
}

.deep-expansion .container .container-content .content .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
}

.application-container {
  width: 100%;
  background-color: #fff;
  padding: 0.9rem 0;
}

.application-container .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.6rem;
}

.application-container .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.15rem;
}

.application-container .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

.application-container .container {
  width: 12rem;
  margin: 0 auto;
}

.application-container .container .container-content {
  width: calc(100% + .3rem);
  font-size: 0;
}

.application-container .container .container-content .content {
  width: 3.8rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  display: inline-block;
}

.application-container .container .container-content .content .content-box {
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 38px 0px rgba(185, 206, 224, 0.4);
          box-shadow: 0px 0px 38px 0px rgba(185, 206, 224, 0.4);
  padding-top: 0.34rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.38rem;
}

.application-container .container .container-content .content .content-box .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .24rem;
  color: #333333;
  margin-bottom: 0.25rem;
  text-align: center;
  width: 100%;
}

.application-container .container .container-content .content .content-box .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.application-container .container .container-content .content .content-box .content-img img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.application-container .container .container-content .content .content-box .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.application-container .container .container-content .content .bottom-bar {
  width: 100%;
  height: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.application-container .container .container-content .content .bottom-bar img {
  width: 3.36rem;
  height: 100%;
}

main .power-communication-solutions {
  width: 100%;
}

main .power-communication-solutions .visual-monitoring-decision-system {
  width: 100%;
  background-color: #fff;
  padding: 0.8rem 0;
}

main .power-communication-solutions .visual-monitoring-decision-system .container {
  width: 12rem;
  margin: 0 auto;
}

main .power-communication-solutions .visual-monitoring-decision-system .container .title {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.3rem;
  text-align: center;
}

main .power-communication-solutions .visual-monitoring-decision-system .container .text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: 0.32rem;
  color: #666666;
  text-align: center;
}

main .power-communication-solutions .power-communication-container {
  width: 100%;
  background-color: #f1f4fd;
  padding-bottom: 0.8rem;
}

main .power-communication-solutions .power-communication-container .monitor-container {
  width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.7rem;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-img img {
  width: 100%;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content {
  width: 100%;
  padding: 0.5rem 0.6rem;
  background-color: #fff;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content .title {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .36rem;
  color: #132b83;
  margin-bottom: 0.35rem;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content .content .content-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  margin-bottom: 0.25rem;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content .content .content-a .left {
  width: .16rem;
  height: .16rem;
  background-color: #fff;
  border: solid 0.04rem #132b83;
  border-radius: 50%;
}

main .power-communication-solutions .power-communication-container .monitor-container .monitor-content .content .content-a .right {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #4a4a4a;
  margin-left: 0.15rem;
}

main .power-communication-solutions .power-communication-container .smart-power {
  width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.7rem;
}

main .power-communication-solutions .power-communication-container .smart-power .title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  background-color: #fff;
  padding-bottom: 0.5rem;
  padding-top: 0.8rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container {
  width: 100%;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.9rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-a .content-left {
  width: 50%;
  background-color: #fff;
  height: 100%;
  padding: 0 0.6rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-a .content-left p {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  margin-bottom: 0.25rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-a .content-right {
  width: 50%;
  height: 100%;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-a .content-right img {
  width: 100%;
  height: 100%;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-b {
  width: 100%;
  background-color: #132b83;
  padding-top: 0.5rem;
  padding-left: 0.55rem;
  padding-right: 0.4rem;
  padding-bottom: 0.5rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-b .content-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .power-communication-solutions .power-communication-container .smart-power .container .content-b .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #ffffff;
}

main .power-communication-solutions .power-communication-container .operational-communications {
  width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.7rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  width: 100%;
  background-color: #fff;
  padding-bottom: 0.5rem;
  padding-top: 0.8rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container {
  width: 100%;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-a {
  width: 100%;
  height: 2.76rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #fff;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-a .left {
  width: 2.55rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-a .left img {
  width: 100%;
  height: 100%;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-a .right {
  width: 9.45rem;
  height: 100%;
  background-color: #fff;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  padding-left: 0.48rem;
  padding-right: 0.4rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-b {
  width: 100%;
  background-color: #132b83;
  padding-top: 0.5rem;
  padding-left: 0.55rem;
  padding-right: 0.4rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.3rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-b .container-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-b .container-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #ffffff;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c {
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.48rem;
  text-align: center;
  width: 100%;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .content-img {
  width: 3.88rem;
  height: 3.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 .55rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .content-img img {
  width: 100%;
  height: 100%;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .left {
  padding-top: 0.38rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .left .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .left .content .content-a {
  width: 2.24rem;
  height: .36rem;
  background-color: #132b83;
  border-radius: .18rem;
  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;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
  padding-right: 0.28rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .left .content .content-b {
  margin-bottom: 0.2rem;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .2rem;
  color: #404040;
  text-align: right;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .right {
  padding-top: 0.38rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .right .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .right .content .content-a {
  width: 2.24rem;
  height: .36rem;
  background-color: #132b83;
  border-radius: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
  padding-left: 0.28rem;
}

main .power-communication-solutions .power-communication-container .operational-communications .container .container-c .container-content .right .content .content-b {
  width: 2.24rem;
  margin-bottom: 0.2rem;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .2rem;
  color: #404040;
}

main .project-cases {
  width: 12rem;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
  padding: 0 .6rem;
  padding-top: 0.5rem;
  padding-bottom: 0.9rem;
  position: relative;
}

main .project-cases .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #333333;
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
}

main .project-cases .cases-container {
  width: 100%;
}

main .project-cases .cases-container .swiper-slide {
  width: auto;
  margin-right: .3rem;
}

main .project-cases .cases-container .cases-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

main .project-cases .cases-container .cases-content .cases-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .project-cases .cases-container .cases-content .cases-img img {
  width: 100%;
  transition: all .6s;
}

main .project-cases .cases-container .cases-content .cases-img img:hover {
  transform: scale(1.1);
}

main .project-cases .cases-container .cases-content .cases-title {
  width: 100%;
  height: 1.16rem;
  background-color: #f1f4fd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .project-cases .cases-container .cases-content .cases-title .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .2rem;
  color: #132b83;
  margin-bottom: 0.1rem;
}

main .project-cases .cases-container .cases-content .cases-title .title-text {
  font-family: SourceHanSansSC-Normal;
  font-size: .14rem;
  color: #666666;
}

main .project-cases .cases-pagination {
  width: 100%;
  bottom: 0.5rem;
  left: 0;
}

main .project-cases .cases-pagination .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  background-color: #c2c2c2;
  border-radius: 50%;
  margin-left: 0.1rem;
}

main .project-cases .cases-pagination .swiper-pagination-bullet-active {
  background-color: #132b83;
}

main .qualification-honor {
  width: 100%;
}

main .qualification-honor .honor-nav {
  width: 100%;
  height: .64rem;
  background-color: #f3f2f1;
}

main .qualification-honor .honor-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

main .qualification-honor .honor-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

main .qualification-honor .honor-nav .nav-a .container .content {
  height: 100%;
  padding: 0 .48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #333333;
  cursor: pointer;
}

main .qualification-honor .honor-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #fff;
}

main .qualification-honor .honor-container {
  width: 100%;
}

main .qualification-honor .honor-container .container-a {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 0.8rem;
}

main .qualification-honor .honor-container .container-a .nav-b {
  width: 100%;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .qualification-honor .honor-container .container-a .nav-b .nav-container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

main .qualification-honor .honor-container .container-a .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .qualification-honor .honor-container .container-a .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

main .qualification-honor .honor-container .container-a .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

main .qualification-honor .honor-container .container-a .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .qualification-honor .honor-container .container-a .honor-content {
  width: 12rem;
  margin: 0 auto;
  position: relative;
}

main .qualification-honor .honor-container .container-a .honor-content .title-box {
  width: 100%;
  margin-bottom: 0.65rem;
}

main .qualification-honor .honor-container .container-a .honor-content .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .qualification-honor .honor-container .container-a .honor-content .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .qualification-honor .honor-container .container-a .honor-content .qualification-swiper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.66rem;
  margin-bottom: 0.3rem;
}

main .qualification-honor .honor-container .container-a .honor-content .qualification-swiper .content img {
  width: 100%;
}

main .qualification-honor .honor-container .container-a .honor-content .qs-prev {
  top: 4.02rem;
  background-image: url(../images/101.png);
  background-repeat: no-repeat;
  background-size: .1rem .18rem;
  background-position: center center;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #f1f4fd;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  left: -1.5rem;
}

main .qualification-honor .honor-container .container-a .honor-content .qs-prev:hover {
  background-color: #132b83;
  background-image: url(../images/102.png);
}

main .qualification-honor .honor-container .container-a .honor-content .qs-next {
  top: 4.02rem;
  background-image: url(../images/103.png);
  background-repeat: no-repeat;
  background-size: .1rem .18rem;
  background-position: center center;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #f1f4fd;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  right: -1rem;
}

main .qualification-honor .honor-container .container-a .honor-content .qs-next:hover {
  background-color: #132b83;
  background-image: url(../images/104.png);
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content {
  width: 3.9rem;
  height: 3.16rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.43rem;
  padding-left: 0.3rem;
  padding-right: 0.6rem;
  position: relative;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .2rem;
  line-height: .3rem;
  color: #ffffff;
  margin-bottom: 0.3rem;
  z-index: 10;
  position: relative;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .12rem;
  line-height: .28rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  position: relative;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content .text:before {
  content: '';
  display: inline-block;
  width: 0.07rem;
  height: 0.07rem;
  background-color: #fff;
  margin-right: 0.05rem;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content .bg-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main .qualification-honor .honor-container .container-a .honor-content .honor-box .content .bg-b {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main .qualification-honor .honor-container .container-b {
  width: 100%;
  background-color: #f1f4fd;
  padding-bottom: 0.8rem;
}

main .qualification-honor .honor-container .container-b .honor-content {
  width: 12rem;
  margin: 0 auto;
  padding-top: 0.8rem;
  position: relative;
}

main .qualification-honor .honor-container .container-b .honor-content .title-box {
  width: 100%;
  margin-bottom: 0.65rem;
}

main .qualification-honor .honor-container .container-b .honor-content .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .qualification-honor .honor-container .container-b .honor-content .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-swiper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.66rem;
  margin-bottom: 0.3rem;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-swiper .content img {
  width: 100%;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-prev {
  top: 4.02rem;
  background-image: url(../images/101.png);
  background-repeat: no-repeat;
  background-size: .1rem .18rem;
  background-position: center center;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #f1f4fd;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  left: -1.5rem;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-prev:hover {
  background-color: #132b83;
  background-image: url(../images/102.png);
}

main .qualification-honor .honor-container .container-b .honor-content .honor-next {
  top: 4.02rem;
  background-image: url(../images/103.png);
  background-repeat: no-repeat;
  background-size: .1rem .18rem;
  background-position: center center;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #f1f4fd;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  right: -1rem;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-next:hover {
  background-color: #132b83;
  background-image: url(../images/104.png);
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content {
  width: 3.9rem;
  height: 3.16rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.43rem;
  padding-left: 0.3rem;
  padding-right: 0.6rem;
  position: relative;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .2rem;
  line-height: .3rem;
  color: #ffffff;
  margin-bottom: 0.3rem;
  position: relative;
  z-index: 10;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .12rem;
  line-height: .28rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content .text:before {
  content: '';
  display: inline-block;
  width: 0.07rem;
  height: 0.07rem;
  background-color: #fff;
  margin-right: 0.05rem;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content .bg-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main .qualification-honor .honor-container .container-b .honor-content .honor-box .content .bg-b {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main .about-fantuo {
  width: 100%;
}

main .about-fantuo .honor-nav {
  width: 100%;
  height: .64rem;
  background-color: #f3f2f1;
}

main .about-fantuo .honor-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
  height: 100%;
}

main .about-fantuo .honor-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

main .about-fantuo .honor-nav .nav-a .container .content {
  height: 100%;
  padding: 0 .48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #333333;
  font-weight: bold;
  cursor: pointer;
}

main .about-fantuo .honor-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #fff;
}

main .about-fantuo .about-container {
  width: 100%;
  background-color: #fff;
}

main .about-fantuo .about-container .container {
  width: 12rem;
  margin: 0 auto;
  padding-bottom: 0.7rem;
}

main .about-fantuo .about-container .container .nav-b {
  width: 100%;
  height: 0.8rem;
}

main .about-fantuo .about-container .container .nav-b .nav-container {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .about-fantuo .about-container .container .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .about-fantuo .about-container .container .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

main .about-fantuo .about-container .container .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

main .about-fantuo .about-container .container .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .about-fantuo .about-container .container .container-a {
  width: 100%;
}

main .about-fantuo .about-container .container .container-a .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .35rem;
  color: #333333;
  margin-bottom: 0.35rem;
  margin-top: 0.35rem;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

main .about-fantuo .about-container .container .container-a p {
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  line-height: .3rem;
  color: #666666;
  margin-bottom: 0.7rem;
}

main .about-fantuo .about-container .container .container-a p img {
  width: 5.94rem;
}

main .about-fantuo .about-container .container .container-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.85rem;
}

main .about-fantuo .about-container .container .container-b .container-left {
  width: 4.86rem;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

main .about-fantuo .about-container .container .container-b .container-left .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.4rem;
  padding-left: 0.32rem;
  padding-bottom: 0.4rem;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-left {
  width: .16rem;
  height: .22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-left img {
  width: 100%;
  height: 100%;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right {
  width: 3.94rem;
  margin-left: 0.12rem;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .2rem;
  color: #333333;
  margin-bottom: 0.2rem;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .title span {
  font-family: SourceHanSansSC-Medium;
  font-size: .2rem;
  color: #132b83;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .address {
  font-family: SourceHanSansSC-Regular;
  font-size: .15rem;
  line-height: .22rem;
  color: #222222;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .time {
  font-family: SourceHanSansSC-Regular;
  font-size: .15rem;
  line-height: .22rem;
  color: #666666;
  margin-bottom: 0.15rem;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .phone {
  width: 1.86rem;
  height: .44rem;
  border-radius: .22rem;
  border: solid 1px #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.26rem;
  cursor: pointer;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .phone .phone-img {
  width: .18rem;
  height: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .phone .phone-img img {
  width: 100%;
  height: 100%;
}

main .about-fantuo .about-container .container .container-b .container-left .content .content-right .phone span {
  font-family: CJ-ONLYONE-Medium;
  font-size: .14rem;
  color: #474747;
  margin-left: 0.05rem;
}

main .about-fantuo .about-container .container .container-b .container-left .content:hover {
  background-color: #f7f7f7;
}

main .about-fantuo .about-container .container .container-b .container-right {
  width: 7.14rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .about-fantuo .about-container .container .container-b .container-right img {
  width: 100%;
  height: 100%;
}

main .planning-construction {
  width: 100%;
}

main .planning-construction .container {
  width: 12rem;
  position: relative;
  padding-top: 2.44rem;
  padding-bottom: 0.6rem;
  margin: 0 auto;
}

main .planning-construction .container .container-a {
  position: absolute;
  text-align: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: 0.32rem;
  color: #666666;
  padding: 0.8rem 0.66rem;
  width: 100%;
  background-color: #fff;
  top: -0.8rem;
  left: 0;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
}

main .planning-construction .container .container-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
  margin-bottom: 0.5rem;
}

main .planning-construction .container .container-b .container-left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .planning-construction .container .container-b .container-left img {
  width: 100%;
  height: 100%;
}

main .planning-construction .container .container-b .container-right {
  width: 50%;
  height: 100%;
}

main .planning-construction .container .container-b .container-right .right-a {
  width: 100%;
  height: 3.64rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 0.55rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

main .planning-construction .container .container-b .container-right .right-a .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .planning-construction .container .container-b .container-right .right-a .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .32rem;
  color: #ffffff;
}

main .planning-construction .container .container-b .container-right .right-b {
  width: 100%;
  height: 2.36rem;
  padding-top: .5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

main .planning-construction .container .container-b .container-right .right-b .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  color: #333333;
  margin-bottom: 0.25rem;
}

main .planning-construction .container .container-b .container-right .right-b .right-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

main .planning-construction .container .container-b .container-right .right-b .right-content .content {
  width: 50%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.2rem;
}

main .planning-construction .container .container-b .container-right .right-b .right-content .content:before {
  content: '';
  display: inline-block;
  width: .16rem;
  height: .16rem;
  background-color: #fff;
  border: solid 0.04rem #132b83;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.15rem;
}

main .planning-construction .container .container-c {
  width: 100%;
  margin-bottom: 0.5rem;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
  background-color: #fff;
}

main .planning-construction .container .container-c .content-a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.65rem;
}

main .planning-construction .container .container-c .content-a .content-left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .planning-construction .container .container-c .content-a .content-left img {
  width: 100%;
  height: 100%;
}

main .planning-construction .container .container-c .content-a .content-right {
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 0.55rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

main .planning-construction .container .container-c .content-a .content-right .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .planning-construction .container .container-c .content-a .content-right .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .32rem;
  color: #ffffff;
}

main .planning-construction .container .container-c .content-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0;
}

main .planning-construction .container .container-c .content-b .content {
  width: 50%;
  padding: 0 .86rem;
  border-right: 1px solid #eeeeee;
}

main .planning-construction .container .container-c .content-b .content .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .3rem;
  font-weight: bold;
  color: #132b83;
  margin-bottom: 0.38rem;
  width: 100%;
  text-align: center;
}

main .planning-construction .container .container-c .content-b .content .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.3rem;
}

main .planning-construction .container .container-c .content-b .content .content-img img {
  width: 100%;
}

main .planning-construction .container .container-c .content-b .content .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .24rem;
  color: #666666;
}

main .planning-construction .container .container-c .content-b .content:last-child {
  border-right: 0;
}

main .solve-program {
  width: 100%;
}

main .solve-program .big-data-container {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.96rem;
  padding-bottom: 1.35rem;
}

main .solve-program .big-data-container .container {
  width: 12rem;
  margin: 0 auto;
}

main .solve-program .big-data-container .container .title-box {
  width: 100%;
  margin-bottom: 0.6rem;
}

main .solve-program .big-data-container .container .title-box .title {
  width: 100%;
  font-family: Humanist521BT-Light;
  font-size: .5rem;
  color: #323236;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.15rem;
}

main .solve-program .big-data-container .container .title-box .title span {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-left: 0.1rem;
}

main .solve-program .big-data-container .container .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .solve-program .big-data-container .container .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.06rem;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
}

main .solve-program .big-data-container .container .content .content-left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .solve-program .big-data-container .container .content .content-left img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .big-data-container .container .content .content-left img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .solve-program .big-data-container .container .content .content-right {
  width: 50%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.85rem;
  padding-left: 0.85rem;
  padding-right: 0.7rem;
}

main .solve-program .big-data-container .container .content .content-right .title-a {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .34rem;
  color: #333333;
  font-weight: bold;
}

main .solve-program .big-data-container .container .content .content-right .title-b {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .34rem;
  color: #132b83;
}

main .solve-program .big-data-container .container .content .content-right .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  margin-top: 0.25rem;
}

main .solve-program .program-a {
  width: 100%;
  position: relative;
}

main .solve-program .program-a .title-box {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 3.16rem;
  padding-top: 0.76rem;
}

main .solve-program .program-a .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  text-align: center;
}

main .solve-program .program-a .program-container {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 5.56rem;
}

main .solve-program .program-a .program-container .container {
  width: 100%;
  position: absolute;
  top: 2.12rem;
  left: 0;
}

main .solve-program .program-a .program-container .container .container-box {
  width: 12rem;
  margin: 0 auto;
}

main .solve-program .program-a .program-container .container .container-box .container-content {
  width: calc(100% + .3rem);
  font-size: 0;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content {
  width: 3.8rem;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 0.3rem;
  vertical-align: top;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box {
  width: 100%;
  padding-top: 0.65rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.7rem;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box .content-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .24rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.2rem;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  margin-bottom: 0.35rem;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box .content-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box .content-img img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .content-box .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .bottom-bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: .25rem;
}

main .solve-program .program-a .program-container .container .container-box .container-content .content .bottom-bar img {
  width: 3.46rem;
  height: 100%;
}

main .solve-program .program-b {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

main .solve-program .program-b .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.65rem;
}

main .solve-program .program-b .title-box .title {
  font-family: Humanist521BT-Light;
  font-size: .5rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.15rem;
}

main .solve-program .program-b .title-box .title span {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-left: 0.1rem;
}

main .solve-program .program-b .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #ffffff;
}

main .solve-program .program-b .program-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .solve-program .program-b .program-container .container {
  width: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .solve-program .program-b .program-container .container .content {
  width: 2.32rem;
  background-color: #ffffff;
}

main .solve-program .program-b .program-container .container .content .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .solve-program .program-b .program-container .container .content .content-img img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .program-b .program-container .container .content .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .solve-program .program-b .program-container .container .content .content-text {
  width: 100%;
  padding: 0.24rem 0;
  text-align: center;
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  color: #132b83;
}

main .solve-program .program-b .program-container .container .content:hover .content-text {
  background-color: #132b83;
  color: #fff;
}

main .solve-program .bright-spot {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

main .solve-program .bright-spot .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.6rem;
}

main .solve-program .bright-spot .title-box .title {
  font-family: Humanist521BT-Light;
  font-size: .5rem;
  color: #323236;
  margin-bottom: 0.15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .solve-program .bright-spot .title-box .title span {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-left: 0.1rem;
}

main .solve-program .bright-spot .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .solve-program .bright-spot .bright-spot-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .solve-program .bright-spot .bright-spot-container .container {
  width: 12rem;
  height: 5.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left {
  width: 8rem;
  height: 100%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-a {
  height: 5.2rem;
  width: 100%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-a .swiper-container {
  width: 100%;
  height: 100%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-a .swiper-container .swiper-wrapper {
  height: 100%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-a .swiper-container .swiper-wrapper .content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-a .swiper-container .swiper-wrapper .content img {
  width: 100%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-b {
  height: 0.7rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .solve-program .bright-spot .bright-spot-container .container .container-left .left-b .content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-family: SourceHanSansSC-Bold;
  font-size: .22rem;
  font-weight: bold;
  color: #303030;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right {
  width: 4rem;
  height: 100%;
  padding: 0.55rem 0;
  position: relative;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content {
  width: 100%;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.63rem;
  padding-right: 0.3rem;
  padding-top: 0.25rem;
  cursor: pointer;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-left .num {
  width: .36rem;
  height: .36rem;
  background-color: #383838;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansSC-Bold;
  font-size: .2rem;
  font-weight: bold;
  color: #ffffff;
  border-radius: 50%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-left .left-text {
  margin-left: 0.2rem;
  padding-top: 0.05rem;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-left .left-text .text-a {
  font-family: SourceHanSansSC-Bold;
  font-size: .22rem;
  font-weight: bold;
  color: #383838;
  margin-bottom: 0.1rem;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-left .left-text .text-b {
  font-family: SourceHanSansSC-Bold;
  font-size: .18rem;
  font-weight: bold;
  color: #383838;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content .content-right {
  width: .94rem;
  height: .7rem;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content.active {
  background-color: #132b83;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content.active .content-left .num {
  background-color: #fff;
  color: #132b83;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content.active .content-left .left-text .text-a {
  color: #fff;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .content.active .content-left .left-text .text-b {
  color: #fff;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right:before {
  content: '';
  display: block;
  width: 3.6rem;
  height: 0.04rem;
  background-color: #26272b;
  position: absolute;
  top: 0;
  left: 3%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right:after {
  content: '';
  display: block;
  width: 3.6rem;
  height: 0.04rem;
  background-color: #26272b;
  position: absolute;
  bottom: 0;
  left: 3%;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools {
  opacity: 1;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools .mCSB_draggerRail {
  width: .12rem;
  background-color: #dedede;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: .12rem;
  background-color: #2e59a1;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools .mCSB_dragger .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .solve-program .bright-spot .bright-spot-container .container .container-right .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

main .solve-program .technical-services {
  width: 100%;
  background-color: #f9f9f9;
  padding-top: 1rem;
  padding-bottom: 0.9rem;
}

main .solve-program .technical-services .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.6rem;
}

main .solve-program .technical-services .title-box .title {
  font-family: Humanist521BT-Light;
  font-size: .5rem;
  color: #323236;
  margin-bottom: 0.15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .solve-program .technical-services .title-box .title span {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-left: 0.1rem;
}

main .solve-program .technical-services .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #323236;
}

main .solve-program .technical-services .description {
  width: 12rem;
  margin: 0 auto;
  font-family: SourceHanSansSC-Regular;
  font-size: .14rem;
  line-height: .25rem;
  color: #323236;
  margin-bottom: 0.35rem;
}

main .solve-program .technical-services .technical-services-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.8rem;
}

main .solve-program .technical-services .technical-services-container .container {
  width: 12rem;
}

main .solve-program .technical-services .technical-services-container .container .big-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.3rem;
}

main .solve-program .technical-services .technical-services-container .container .big-pic .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .solve-program .technical-services .technical-services-container .container .big-pic .content img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .technical-services .technical-services-container .container .big-pic .content img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .solve-program .technical-services .technical-services-container .container .small-pic {
  width: 100%;
}

/* main .solve-program .technical-services .technical-services-container .container .small-pic .pic-box {
  width: calc(100% + 0.35rem);
  font-size: 0;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .content {
  width: 2.12rem;
  margin-right: 0.35rem;
  display: inline-block;
  overflow: hidden;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .content img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .content img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
} */

main .solve-program .technical-services .technical-services-container .container .small-pic .pic-box {
  width: 100%;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .swiper-slide {
  width: 2.12rem;
  margin-right: 0.35rem;
  display: inline-block;
  overflow: hidden;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .swiper-slide .content {
  width: 100%;
  display: inline-block;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .swiper-slide .content img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .solve-program .technical-services .technical-services-container .container .small-pic .swiper-slide .content img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

main .news-moving {
  width: 100%;
}

main .news-moving .news-nav {
  width: 100%;
  height: .64rem;
  background-color: #f3f2f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

main .news-moving .news-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
  height: 100%;
}

main .news-moving .news-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .news-moving .news-nav .nav-a .container .content {
  padding: 0 .45rem;
  height: 100%;
  background-color: #f3f2f1;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: bold;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

main .news-moving .news-nav .nav-a .container .content:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .news-moving .news-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #ffffff;
}

main .news-moving .news-nav.fixed {
  position: fixed;
  top: 1.12rem;
  left: 0;
}

main .news-moving .moving-swiper-container {
  width: 100%;
  padding-bottom: 0.65rem;
  background-color: #fff;
}

main .news-moving .moving-swiper-container .nav-b {
  width: 100%;
  height: 0.6rem;
}

main .news-moving .moving-swiper-container .nav-b .nav-container {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-moving .moving-swiper-container .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .moving-swiper-container .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

main .news-moving .moving-swiper-container .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

main .news-moving .moving-swiper-container .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .news-moving .moving-swiper-container .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

main .news-moving .moving-swiper-container .container .content-left {
  width: 5.6rem;
  height: 3.56rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #05aec9;
}

main .news-moving .moving-swiper-container .container .content-left .moving-swiper {
  width: 100%;
}

main .news-moving .moving-swiper-container .container .content-left .moving-swiper .content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .news-moving .moving-swiper-container .container .content-left .moving-swiper .content img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .news-moving .moving-swiper-container .container .content-left .moving-swiper .content img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .news-moving .moving-swiper-container .container .content-right {
  width: 6rem;
  height: auto !important;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 0.24rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box {
  width: 100%;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .content-title {
  width: 100%;
  font-family: MicrosoftYaHei;
  font-size: .23rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.3rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.35rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .date .date-img {
  width: .16rem;
  height: .16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .date .date-img img {
  width: 100%;
  height: 100%;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .date .date-text {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #999999;
  margin-left: 0.14rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .frequency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.3rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .frequency .frequency-img {
  width: .19rem;
  height: .12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .frequency .frequency-img img {
  width: 100%;
  height: 100%;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .date-frequency .frequency .frequency-text {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #999999;
  margin-left: 0.14rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .content-text {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .24rem;
  color: #777777;
  margin-bottom: 0.25rem;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .learn-more {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .24rem;
  color: #132b83;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .moving-swiper-container .container .content-right .content-box .learn-more:hover {
  font-size: .2rem;
  font-weight: bold;
}

main .news-moving .moving-swiper-container .container .content-right .content-box:hover .content-title {
  color: #132b83;
  font-weight: bold;
}

main .news-moving .moving-swiper-container .container .ms-prev {
  background-image: url(../images/155.png);
  background-position: center center;
  background-size: .09rem .18rem;
  background-repeat: no-repeat;
  width: .38rem;
  height: .38rem;
  background-color: #bbbbbb;
  cursor: pointer;
  left: auto;
  top: auto;
  right: 5.6rem;
  bottom: .25rem;
}

main .news-moving .moving-swiper-container .container .ms-prev:hover {
  background-color: #132b83;
}

main .news-moving .moving-swiper-container .container .ms-next {
  background-image: url(../images/156.png);
  background-position: center center;
  background-size: .09rem .18rem;
  background-repeat: no-repeat;
  width: .38rem;
  height: .38rem;
  background-color: #bbbbbb;
  cursor: pointer;
  left: auto;
  top: auto;
  right: 5.1rem;
  bottom: .25rem;
}

main .news-moving .moving-swiper-container .container .ms-next:hover {
  background-color: #132b83;
}

main .news-moving .moving-swiper-container .container .ms-pagination {
  top: auto;
  left: auto;
  bottom: .4rem;
  right: 0;
  font-size: 0;
}

main .news-moving .moving-swiper-container .container .ms-pagination .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  background-color: #bbbbbb;
  border-radius: 50%;
  margin-left: 0.12rem;
}

main .news-moving .moving-swiper-container .container .ms-pagination .swiper-pagination-bullet-active {
  background-color: #132b83;
}

main .news-moving .news-moving-container {
  width: 100%;
  background-color: #f1f4fc;
  padding: 0.6rem 0;
}

main .news-moving .news-moving-container .container {
  width: 12rem;
  margin: 0 auto;
}

main .news-moving .news-moving-container .container .container-content {
  width: calc(100% + .21rem);
  font-size: 0;
}

main .news-moving .news-moving-container .container .container-content .content {
  display: inline-block;
  margin-right: 0.21rem;
  width: 3.86rem;
  margin-bottom: 0.21rem;
  vertical-align: top;
}

main .news-moving .news-moving-container .container .container-content .content .img-box {
  position: relative;
  width: 100%;
}

main .news-moving .news-moving-container .container .container-content .content .img-box .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .news-moving-container .container .container-content .content .img-box .content-img img {
  width: 100%;
}

main .news-moving .news-moving-container .container .container-content .content .img-box .plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

main .news-moving .news-moving-container .container .container-content .content .img-box .plus img {
  width: 65px;
  height: 65px;
}

main .news-moving .news-moving-container .container .container-content .content .content-box {
  width: 100%;
  min-height: 2.7rem;
  background-color: #fff;
  padding: 0.26rem 0.35rem;
}

main .news-moving .news-moving-container .container .container-content .content .content-box .content-news {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: .8rem;
  height: .3rem;
  background-color: #132b83;
  margin-bottom: 0.2rem;
}

main .news-moving .news-moving-container .container .container-content .content .content-box .news-title {
  font-family: MicrosoftYaHei;
  font-size: .18rem;
  line-height: .24rem;
  color: #333333;
  margin-bottom: 0.15rem;
}

main .news-moving .news-moving-container .container .container-content .content .content-box .news-text {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  line-height: .24rem;
  color: #777777;
  margin-bottom: 0.2rem;
}

main .news-moving .news-moving-container .container .container-content .content .content-box .news-date {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #999999;
}

main .news-moving .news-moving-container .container .container-content .content:hover {
  cursor: pointer;
}

main .news-moving .news-moving-container .container .container-content .content:hover .img-box .plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-moving .news-moving-container .container .container-content .content:hover .content-box .news-title {
  color: #132b83;
  font-size: .2rem;
  font-weight: bold;
}

main .news-moving .news-moving-container .container .container-pag {
  margin: 0 auto;
  margin-top: 0.33rem;
  width: 3.7rem;
  height: .46rem;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

main .news-moving .news-moving-container .container .container-pag .pag-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 87%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
}

main .news-moving .news-moving-container .container .container-pag .pag-content .prev, main .news-moving .news-moving-container .container .container-pag .pag-content .next {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #777777;
  margin-left: 0.15rem;
  cursor: pointer;
}

main .news-moving .news-moving-container .container .container-pag .pag-content .pag-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #777777;
  margin-left: 0.15rem;
}

main .news-moving .news-moving-container .container .container-pag .pag-content .pag-num .current {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #132b83;
  cursor: pointer;
  margin: 0 0.05rem;
}

main .news-moving .news-moving-container .container .container-pag .pag-content .pag-num .total {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #777777;
  margin: 0 0.05rem;
  cursor: pointer;
}

main .news-moving .news-moving-container .container .container-pag .select-img {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: .5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

main .news-moving .news-moving-container .container .container-pag .select-img img {
  width: .11rem;
  height: .05rem;
}

main .news-moving .news-moving-container .container .container-pag .select {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 20;
}

main .news-details {
  width: 100%;
}

main .news-details .news-nav {
  width: 100%;
  height: .64rem;
  background-color: #f3f2f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

main .news-details .news-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
  height: 100%;
}

main .news-details .news-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .news-details .news-nav .nav-a .container .content {
  padding: 0 .45rem;
  height: 100%;
  background-color: #f3f2f1;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-weight: bold;
}

main .news-details .news-nav .nav-a .container .content:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .news-details .news-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #ffffff;
}

main .news-details .news-nav.fixed {
  position: fixed;
  top: 1.12rem;
  left: 0;
}

main .news-details .news-details-container {
  width: 100%;
  background-color: #f1f4fc;
  padding: 0 0 0.6rem 0;
}

main .news-details .news-details-container .nav-b {
  width: 100%;
  height: 0.6rem;
}

main .news-details .news-details-container .nav-b .nav-container {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-details .news-details-container .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .news-details .news-details-container .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

main .news-details .news-details-container .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

main .news-details .news-details-container .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .news-details .news-details-container .container {
  width: 12rem;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 0.42rem;
  padding-left: 0.42rem;
  padding-right: 0.42rem;
}

main .news-details .news-details-container .container .container-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .28rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.45rem;
  width: 100%;
  text-align: center;
}

main .news-details .news-details-container .container .container-content {
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 0.25rem 0;
}

main .news-details .news-details-container .container .container-content .date-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.4rem;
}

main .news-details .news-details-container .container .container-content .date-box .num {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #999999;
}

main .news-details .news-details-container .container .container-content .date-box .date {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #999999;
  margin-left: 0.4rem;
}

main .news-details .news-details-container .container .container-content .content {
  width: 100%;
}

main .news-details .news-details-container .container .container-content .content p {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .28rem;
  color: #666666;
  margin-bottom: 0.25rem;
}

main .news-details .news-details-container .container .container-content .content p img {
  display: block;
  margin: 0 auto;
}

main .news-details .news-details-container .container .share-content {
  width: 100%;
  height: 1.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .news-details .news-details-container .container .share-content .content-left .left-a {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .42rem;
  color: #666666;
  cursor: pointer;
  display: block;
}

main .news-details .news-details-container .container .share-content .content-left .left-a:hover {
  color: #132b83;
}

main .news-details .news-details-container .container .share-content .content-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .news-details .news-details-container .container .share-content .content-right .share {
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  color: #666666;
}

main .news-details .news-details-container .container .share-content .content-right .qq {
  width: .33rem;
  height: .33rem;
  border: solid 1px #c9c9c9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

main .news-details .news-details-container .container .share-content .content-right .qq img {
  width: .13rem;
  height: .13rem;
}

main .news-details .news-details-container .container .share-content .content-right .qq .img-2 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .qq:hover {
  background-color: #132b83;
  border: solid 1px #132b83;
}

main .news-details .news-details-container .container .share-content .content-right .qq:hover .img-1 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .qq:hover .img-2 {
  display: block;
}

main .news-details .news-details-container .container .share-content .content-right .weixin {
  width: .33rem;
  height: .33rem;
  border: solid 1px #c9c9c9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

main .news-details .news-details-container .container .share-content .content-right .weixin img {
  width: .17rem;
  height: .13rem;
}

main .news-details .news-details-container .container .share-content .content-right .weixin .img-2 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .weixin:hover {
  background-color: #132b83;
  border: solid 1px #132b83;
}

main .news-details .news-details-container .container .share-content .content-right .weixin:hover .img-1 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .weixin:hover .img-2 {
  display: block;
}

main .news-details .news-details-container .container .share-content .content-right .weibo {
  width: .33rem;
  height: .33rem;
  border: solid 1px #c9c9c9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

main .news-details .news-details-container .container .share-content .content-right .weibo img {
  width: .16rem;
  height: .13rem;
}

main .news-details .news-details-container .container .share-content .content-right .weibo .img-2 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .weibo:hover {
  background-color: #132b83;
  border: solid 1px #132b83;
}

main .news-details .news-details-container .container .share-content .content-right .weibo:hover .img-1 {
  display: none;
}

main .news-details .news-details-container .container .share-content .content-right .weibo:hover .img-2 {
  display: block;
}

main .news-details .news-details-container .container .share-content .content-right a {
  margin-left: 0.05rem;
}

main .smart-industry-city {
  width: 100%;
  background-color: #f1f4fd;
  padding: 0.8rem 0;
}

main .smart-industry-city .container {
  width: 12rem;
  margin: 0 auto;
}

main .smart-industry-city .container .container-a {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-a .container-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
}

main .smart-industry-city .container .container-a .container-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  text-align: center;
  margin-bottom: 0.7rem;
}

main .smart-industry-city .container .container-a .container-video {
  width: 100%;
}

main .smart-industry-city .container .container-a .container-video .content {
  width: 100%;
  height: 1.12rem;
  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
          box-shadow: 0px 8px 15px 0px rgba(0, 89, 166, 0.08);
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .smart-industry-city .container .container-a .container-video .video-content {
  width: 100%;
  position: relative;
}

main .smart-industry-city .container .container-a .container-video .video-content video {
  width: 100%;
}

main .smart-industry-city .container .container-a .container-video .video-content .video-img {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .smart-industry-city .container .container-a .container-video .video-content .video-img img {
  width: .8rem;
  height: .8rem;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(10, 10, 10, 0.2);
          box-shadow: 0px 1px 8px 0px rgba(10, 10, 10, 0.2);
  cursor: pointer;
}

main .smart-industry-city .container .container-b {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-b .container-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

main .smart-industry-city .container .container-b .container-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .smart-industry-city .container .container-b .container-content .content {
  width: 5.78rem;
  height: 2.8rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-industry-city .container .container-b .container-content .content .content-left {
  width: 1.38rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansSC-Medium;
  font-size: .26rem;
  line-height: .32rem;
  color: #fefeff;
  letter-spacing: 0.3em;
}

main .smart-industry-city .container .container-b .container-content .content .content-right {
  width: 4.7rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0.73rem;
  padding-top: 0.45rem;
}

main .smart-industry-city .container .container-b .container-content .content .content-right .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: .32rem;
  color: #132b83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .smart-industry-city .container .container-b .container-content .content .content-right .text:before {
  content: '';
  display: inline-block;
  width: .04rem;
  height: .04rem;
  background-color: #132b83;
  margin-right: 0.1rem;
}

main .smart-industry-city .container .container-c {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-c .title-box {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-c .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
  margin-bottom: 0.15rem;
}

main .smart-industry-city .container .container-c .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .smart-industry-city .container .container-c .container-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .smart-industry-city .container .container-c .container-content .content {
  width: 2.84rem;
  background-color: #fff;
  min-height: 2.4rem;
  padding-top: 0.5rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  position: relative;
}

main .smart-industry-city .container .container-c .container-content .content .content-title {
  width: 2.11rem;
  height: 0.57rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -.3rem;
  left: .36rem;
  font-family: SourceHanSansSC-Regular;
  font-size: .2rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .smart-industry-city .container .container-c .container-content .content .content-text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
}

main .smart-industry-city .container .container-c .container-content .content:hover {
  background-color: #132b85;
}

main .smart-industry-city .container .container-c .container-content .content:hover .content-text {
  color: #fff;
}

main .smart-industry-city .container .container-d {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-d .container-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.5rem;
}

main .smart-industry-city .container .container-d .container-content {
  width: 100%;
}

main .smart-industry-city .container .container-d .container-content .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-industry-city .container .container-d .container-content .content img {
  width: 100%;
}

main .smart-industry-city .container .container-e {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-e .container-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}

main .smart-industry-city .container .container-e .container-content {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-industry-city .container .container-e .container-content .content-a {
  width: 100%;
  height: 4.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-industry-city .container .container-e .container-content .content-a .content-left {
  width: 7.26rem;
  height: 100%;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-industry-city .container .container-e .container-content .content-a .content-left img {
  width: 100%;
  height: 100%;
}

main .smart-industry-city .container .container-e .container-content .content-a .content-right {
  width: 4.74rem;
  height: 100%;
  background-color: #fff;
  padding-left: 0.77rem;
  padding-top: 0.68rem;
}

main .smart-industry-city .container .container-e .container-content .content-a .content-right .content {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: .42rem;
  color: #666666;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .smart-industry-city .container .container-e .container-content .content-a .content-right .content:before {
  content: '';
  display: inline-block;
  width: .16rem;
  height: .16rem;
  border-radius: 50%;
  border: solid 4px #132b83;
  margin-right: 0.15rem;
}

main .smart-industry-city .container .container-e .container-content .content-b {
  width: 100%;
  height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .smart-industry-city .container .container-e .container-content .content-b img {
  width: 11.15rem;
  height: 100%;
}

main .smart-industry-city .container .container-e .container-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-industry-city .container .container-e .container-banner img {
  width: 100%;
}

main .smart-industry-city .container .container-f {
  width: 100%;
  background-color: #fff;
  padding: 0 .62rem;
  margin-bottom: 0.9rem;
}

main .smart-industry-city .container .container-f .industrial-park {
  width: 100%;
  padding: 0.8rem 0;
}

main .smart-industry-city .container .container-f .industrial-park .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-industry-city .container .container-f .industrial-park .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.2rem;
  width: 100%;
  text-align: center;
}

main .smart-industry-city .container .container-f .industrial-park .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .2rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .smart-industry-city .container .container-f .industrial-park .content-text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #333333;
  text-align: center;
  padding: 0.43rem .35rem;
  background-color: #f1f4fd;
  border-radius: 0.05rem;
  border: solid 1px #dee4f6;
  margin-bottom: 0.32rem;
}

main .smart-industry-city .container .container-f .industrial-park .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a {
  width: 5.23rem;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .content-img img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .text-box {
  width: 100%;
  padding: 0.35rem 0;
  background-color: #f1f4fd;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .text-box .text-a {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Medium;
  font-size: .2rem;
  color: #132b83;
  margin-bottom: 0.1rem;
}

main .smart-industry-city .container .container-f .industrial-park .content .content-a .text-box .text-b {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Normal;
  font-size: .14rem;
  color: #666666;
}

main .smart-industry-city .container .container-f .production-office {
  width: 100%;
}

main .smart-industry-city .container .container-f .production-office .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-industry-city .container .container-f .production-office .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.2rem;
  width: 100%;
  text-align: center;
}

main .smart-industry-city .container .container-f .production-office .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .2rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .smart-industry-city .container .container-f .production-office .content-text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #333333;
  text-align: center;
  padding: 0.43rem .35rem;
  background-color: #f1f4fd;
  border-radius: 0.05rem;
  border: solid 1px #dee4f6;
  margin-bottom: 0.32rem;
}

main .smart-industry-city .container .container-f .production-office .project-cases {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  padding-bottom: 0.9rem;
}

main .smart-industry-city .container .container-f .production-office .project-cases .production-pagination {
  width: 100%;
  bottom: 0.5rem;
  left: 0;
}

main .smart-industry-city .container .container-f .production-office .project-cases .production-pagination .swiper-pagination-bullet {
  width: .1rem;
  height: .1rem;
  background-color: #c2c2c2;
  border-radius: 50%;
  margin-left: 0.1rem;
}

main .smart-industry-city .container .container-f .production-office .project-cases .production-pagination .swiper-pagination-bullet-active {
  background-color: #132b83;
}

main .smart-property {
  width: 100%;
}

main .smart-property .container {
  width: 12rem;
  margin: 0 auto;
  padding: 0.8rem 0;
}

main .smart-property .container .container-text {
  width: 100%;
  background-color: #ffffff;
  padding: 0.75rem .7rem;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-text .text-title {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.3rem;
}

main .smart-property .container .container-text .text {
  width: 100%;
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: 0.32rem;
  color: #333333;
  text-align: center;
}

main .smart-property .container .container-a {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-a .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-property .container .container-a .title-box .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
  margin-bottom: 0.15rem;
}

main .smart-property .container .container-a .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: 0.3rem;
  color: #333333;
}

main .smart-property .container .container-a .container-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.35rem;
}

main .smart-property .container .container-a .container-banner img {
  width: 100%;
}

main .smart-property .container .container-a .container-content {
  width: 100%;
  overflow: hidden;
}

main .smart-property .container .container-a .container-content .content-box {
  width: calc(100% + .28rem);
  font-size: 0;
}

main .smart-property .container .container-a .container-content .content-box .content {
  width: 5.86rem;
  min-height: 2.17rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
  background-repeat: no-repeat;
  background-size: 2.52rem 1.84rem;
  background-position: right bottom;
  display: inline-block;
  margin-right: 0.28rem;
  margin-bottom: 0.35rem;
  padding-top: 0.64rem;
  padding-left: 0.5rem;
}

main .smart-property .container .container-a .container-content .content-box .content .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .24rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.25rem;
}

main .smart-property .container .container-a .container-content .content-box .content .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
}

main .smart-property .container .container-a .container-content .content-box .content:hover {
  background-color: #132c84;
}

main .smart-property .container .container-a .container-content .content-box .content:hover .title {
  color: #fff;
}

main .smart-property .container .container-a .container-content .content-box .content:hover .text {
  color: #fff;
}

main .smart-property .container .container-b {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-b .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-property .container .container-b .title-box .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-b .container-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
}

main .smart-property .container .container-b .container-banner img {
  width: 100%;
}

main .smart-property .container .container-b .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: 0.32rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-c {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-c .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-property .container .container-c .title-box .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-c .container-content {
  width: 100%;
  overflow: hidden;
}

main .smart-property .container .container-c .container-content .content-box {
  width: calc(100% + .28rem);
  font-size: 0;
}

main .smart-property .container .container-c .container-content .content-box .content {
  width: 5.86rem;
  min-height: 3.04rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
  background-repeat: no-repeat;
  background-size: 2.52rem 1.84rem;
  background-position: right bottom;
  display: inline-block;
  margin-right: 0.28rem;
  margin-bottom: 0.35rem;
  padding-top: 0.64rem;
  padding-left: 0.5rem;
  padding-right: 0.4rem;
  vertical-align: top;
}

main .smart-property .container .container-c .container-content .content-box .content .title {
  font-family: SourceHanSansSC-Regular;
  font-size: .24rem;
  color: #333333;
  margin-bottom: 0.25rem;
}

main .smart-property .container .container-c .container-content .content-box .content .text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
}

main .smart-property .container .container-c .container-content .content-box .content:hover {
  background-color: #132c84;
}

main .smart-property .container .container-c .container-content .content-box .content:hover .title {
  color: #fff;
}

main .smart-property .container .container-c .container-content .content-box .content:hover .text {
  color: #fff;
}

main .smart-property .container .container-c .container-content .content-box .content-a {
  width: 100%;
}

main .smart-property .container .container-d {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-d .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-property .container .container-d .title-box .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-d .container-content {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-d .container-content .content-a {
  width: 100%;
  height: 4.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-property .container .container-d .container-content .content-a .content-left {
  width: 6.25rem;
  height: 100%;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .smart-property .container .container-d .container-content .content-a .content-left img {
  width: 100%;
  height: 100%;
}

main .smart-property .container .container-d .container-content .content-a .content-right {
  width: 5.75rem;
  height: 100%;
  background-color: #fff;
  padding-left: 0.77rem;
  padding-top: 0.68rem;
}

main .smart-property .container .container-d .container-content .content-a .content-right .content {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  line-height: .42rem;
  color: #666666;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .smart-property .container .container-d .container-content .content-a .content-right .content:before {
  content: '';
  display: inline-block;
  width: .16rem;
  height: .16rem;
  border-radius: 50%;
  border: solid 4px #132b83;
  margin-right: 0.15rem;
}

main .smart-property .container .container-d .container-content .content-b {
  width: 100%;
  height: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .smart-property .container .container-d .container-content .content-b img {
  width: 11.15rem;
  height: 100%;
}

main .smart-property .container .container-e {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .smart-property .container .container-e .title-box {
  width: 100%;
  margin-bottom: 0.4rem;
}

main .smart-property .container .container-e .title-box .title {
  font-family: SourceHanSansSC-Medium;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-e .container-content {
  width: 100%;
  overflow: hidden;
}

main .smart-property .container .container-e .container-content .content-box {
  width: calc(100% + .3rem);
  font-size: 0;
}

main .smart-property .container .container-e .container-content .content-box .content {
  width: 3.8rem;
  margin-right: 0.3rem;
  display: inline-block;
}

main .smart-property .container .container-e .container-content .content-box .content .content-a {
  width: 100%;
  padding-top: 0.43rem;
  padding-left: 0.37rem;
  padding-right: 0.37rem;
  padding-bottom: 0.3rem;
  background-color: #fff;
}

main .smart-property .container .container-e .container-content .content-box .content .content-a .content-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.34rem;
  overflow: hidden;
}

main .smart-property .container .container-e .container-content .content-box .content .content-a .content-img img {
  width: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .smart-property .container .container-e .container-content .content-box .content .content-a .content-img img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .smart-property .container .container-e .container-content .content-box .content .content-a .content-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .26rem;
  font-weight: bold;
  color: #132b83;
  margin-bottom: 0.12rem;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-e .container-content .content-box .content .content-a .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #132b83;
  width: 100%;
  text-align: center;
}

main .smart-property .container .container-e .container-content .content-box .content .content-b {
  width: 100%;
  padding: 0.23rem 0;
  background-color: #132b83;
}

main .smart-property .container .container-e .container-content .content-box .content .content-b p {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .26rem;
  color: #ffffff;
  text-align: center;
}

main .wisdom-politics {
  width: 100%;
  padding-bottom: 0.5rem;
}

main .wisdom-politics .container-a {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 9.77rem;
  padding-top: 0.8rem;
}

main .wisdom-politics .container-a .container-content {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .wisdom-politics .container-a .container-content .content-left {
  width: 6.3rem;
  height: 6.3rem;
  background-color: #132b83;
  position: relative;
}

main .wisdom-politics .container-a .container-content .content-left .left-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: relative;
}

main .wisdom-politics .container-a .container-content .content-left .left-img img {
  width: 100%;
  height: 100%;
}

main .wisdom-politics .container-a .container-content .content-left .left-mask {
  width: 3.05rem;
  height: 3.05rem;
  position: absolute;
  background-color: #1f2029;
  top: 3.7rem;
  left: 3.7rem;
}

main .wisdom-politics .container-a .container-content .content-right {
  width: 4.8rem;
}

main .wisdom-politics .container-a .container-content .content-right .right-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}

main .wisdom-politics .container-a .container-content .content-right .right-title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  color: #333333;
  margin-bottom: 0.44rem;
}

main .wisdom-politics .container-a .container-content .content-right .right-content {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .26rem;
  color: #666666;
}

main .wisdom-politics .container-b {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 6.11rem;
}

main .wisdom-politics .container-b .container-content {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.9rem;
  padding-left: 1.2rem;
  position: relative;
}

main .wisdom-politics .container-b .container-content .content-left {
  width: 4.8rem;
}

main .wisdom-politics .container-b .container-content .content-left .right-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

main .wisdom-politics .container-b .container-content .content-left .right-title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .28rem;
  color: #ffffff;
}

main .wisdom-politics .container-b .container-content .content-left .right-content {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .24rem;
  color: #ffffff;
  margin-top: 0.3rem;
}

main .wisdom-politics .container-b .container-content .content-right {
  position: absolute;
  top: 0.69rem;
  right: 0.59rem;
  width: 4.4rem;
  height: 4.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .wisdom-politics .container-b .container-content .content-right img {
  width: 100%;
  height: 100%;
}

main .wisdom-politics .container-c {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 6.64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .wisdom-politics .container-c .container-content {
  width: 12rem;
  margin: 0 auto;
  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;
  height: 4.23rem;
  position: relative;
  background-color: #132b83;
}

main .wisdom-politics .container-c .container-content .content-right {
  width: 6.74rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .wisdom-politics .container-c .container-content .content-right img {
  width: 100%;
  height: 100%;
}

main .wisdom-politics .container-c .container-content .content-left {
  position: absolute;
  top: -.72rem;
  left: 1.07rem;
  width: 4.2rem;
  height: 5.7rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.02), 0px 7px 50px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.02), 0px 7px 50px 0px rgba(0, 0, 0, 0.18);
  padding-top: 1.22rem;
  padding-left: 0.45rem;
  padding-right: 0.4rem;
}

main .wisdom-politics .container-c .container-content .content-left .left-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}

main .wisdom-politics .container-c .container-content .content-left .left-title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .22rem;
  line-height: .28rem;
  color: #333333;
}

main .wisdom-politics .container-c .container-content .content-left .left-content {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .26rem;
  color: #666666;
  margin-top: 0.45rem;
}

.pswp .pswp__bg {
  opacity: 0.8 !important;
}

main .fantuo-strength {
  width: 100%;
}

main .fantuo-strength .strength-nav {
  width: 100%;
  height: .64rem;
  background-color: #f3f2f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

main .fantuo-strength .strength-nav .nav-a {
  width: 100%;
  background-color: #f3f2f1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-nav .nav-a .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .fantuo-strength .strength-nav .nav-a .container .content {
  padding: 0 .45rem;
  height: 100%;
  background-color: #f3f2f1;
  font-family: MicrosoftYaHei;
  font-size: .16rem;
  font-weight: bold;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

main .fantuo-strength .strength-nav .nav-a .container .content:hover {
  background-color: #132b83;
  color: #ffffff;
}

main .fantuo-strength .strength-nav .nav-a .container .content.active {
  background-color: #132b83;
  color: #ffffff;
}

main .fantuo-strength .strength-nav.fixed {
  position: fixed;
  top: 1.12rem;
  left: 0;
}

main .fantuo-strength .strength-container {
  width: 100%;
  background-color: #f1f4fd;
  padding-bottom: 0.8rem;
}

main .fantuo-strength .strength-container .nav-b {
  width: 100%;
  height: 0.8rem;
}

main .fantuo-strength .strength-container .nav-b .nav-container {
  width: 12rem;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-container .nav-b .nav-container .left-img {
  width: .14rem;
  height: .14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .nav-b .nav-container .left-img img {
  width: 100%;
  height: 100%;
}

main .fantuo-strength .strength-container .nav-b .nav-container .left-text {
  margin-left: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
}

main .fantuo-strength .strength-container .nav-b .nav-container .left-text a {
  font-family: MicrosoftYaHei;
  font-size: .15rem;
  color: #666666;
  cursor: pointer;
}

main .fantuo-strength .strength-container .advanced-technology {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .fantuo-strength .strength-container .advanced-technology .title-box {
  width: 100%;
  margin-bottom: 0.6rem;
}

main .fantuo-strength .strength-container .advanced-technology .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .advanced-technology .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .advanced-technology .container {
  width: 12rem;
  margin: 0 auto;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.06rem;
  margin-bottom: 0.7rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-left {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-left img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-left img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-right {
  width: 50%;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 1.08rem;
  padding-left: 0.85rem;
  padding-right: 0.65rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-right .container-title {
  font-family: SourceHanSansSC-Regular;
  font-size: .24rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.35rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-a .container-right .container-title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.45rem;
  position: relative;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .num-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.23rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .num-pic .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #132b83;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .num-pic .num span {
  font-family: Humanist777BT-BlackB;
  font-size: .65rem;
  font-weight: bold;
  color: #132b83;
  margin-right: 0.13rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .num-pic .pic {
  width: .5rem;
  height: .5rem;
  margin-left: 0.55rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .num-pic .pic img {
  width: 100%;
  height: 100%;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/215.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .18rem;
  height: 1.03rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.45rem;
  position: relative;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .num-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.23rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .num-pic .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #2242b7;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .num-pic .num span {
  font-family: Humanist777BT-BlackB;
  font-size: .65rem;
  font-weight: bold;
  color: #2242b7;
  margin-right: 0.13rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .num-pic .pic {
  width: .5rem;
  height: .5rem;
  margin-left: 0.55rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .num-pic .pic img {
  width: 100%;
  height: 100%;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-b:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/216.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .18rem;
  height: 1.03rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.45rem;
  position: relative;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .num-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.23rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .num-pic .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #132b83;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .num-pic .num span {
  font-family: Humanist777BT-BlackB;
  font-size: .65rem;
  font-weight: bold;
  color: #132b83;
  margin-right: 0.13rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .num-pic .pic {
  width: .48rem;
  height: .48rem;
  margin-left: 0.27rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .num-pic .pic img {
  width: 100%;
  height: 100%;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-c:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/215.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: .18rem;
  height: 1.03rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.45rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .num-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.23rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .num-pic .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #2242b7;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .num-pic .num span {
  font-family: Humanist777BT-BlackB;
  font-size: .65rem;
  font-weight: bold;
  color: #2242b7;
  margin-right: 0.06rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .num-pic .pic {
  width: .48rem;
  height: .48rem;
  margin-left: 0.18rem;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .num-pic .pic img {
  width: 100%;
  height: 100%;
}

main .fantuo-strength .strength-container .advanced-technology .container .container-b .content-d .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
}

main .fantuo-strength .strength-container .qualified-experienced {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .fantuo-strength .strength-container .qualified-experienced .title-box {
  width: 100%;
  margin-bottom: 0.6rem;
}

main .fantuo-strength .strength-container .qualified-experienced .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .qualified-experienced .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .qualified-experienced .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left {
  width: 6.4rem;
  height: 100%;
  background-color: #fff;
  padding: .7rem .7rem 0 .7rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .container-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  margin-bottom: 0.4rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .content .content-a .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #132b83;
  margin-bottom: 0.15rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .content .content-a .num span {
  font-family: MyriadPro-Bold;
  font-size: .52rem;
  font-weight: bold;
  color: #2242b7;
  margin-left: 0.14rem;
  margin-right: 0.07rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .content .content-a .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #333333;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-left .content .content-b {
  display: inline-block;
  background-image: url(../images/218.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: .18rem;
  height: .82rem;
  margin: 0 .3rem;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-right {
  width: 5.6rem;
  height: 100%;
  background-color: #132b83;
  overflow: hidden;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-right img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .fantuo-strength .strength-container .qualified-experienced .container .container-right img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .fantuo-strength .strength-container .global-business {
  width: 100%;
  margin-bottom: 0.8rem;
}

main .fantuo-strength .strength-container .global-business .title-box {
  width: 100%;
  margin-bottom: 0.6rem;
}

main .fantuo-strength .strength-container .global-business .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .global-business .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .global-business .container {
  width: 12rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.2rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right {
  width: 6.4rem;
  height: 100%;
  background-color: #fff;
  padding: .7rem .7rem 0 .7rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right .container-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  margin-bottom: 0.4rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content .content-a .num {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #132b83;
  margin-bottom: 0.15rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content .content-a .num span {
  font-family: MyriadPro-Bold;
  font-size: .52rem;
  font-weight: bold;
  color: #2242b7;
  margin-left: 0.14rem;
  margin-right: 0.07rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content .content-a .content-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .16rem;
  color: #333333;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content .content-b {
  display: inline-block;
  background-image: url(../images/218.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: .18rem;
  height: .82rem;
  margin: 0 .3rem;
}

main .fantuo-strength .strength-container .global-business .container .container-right .content .content-c {
  display: inline-block;
  background-image: url(../images/219.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: .18rem;
  height: .82rem;
  margin: 0 .3rem;
}

main .fantuo-strength .strength-container .global-business .container .container-left {
  width: 5.6rem;
  height: 100%;
  background-color: #132b83;
  overflow: hidden;
}

main .fantuo-strength .strength-container .global-business .container .container-left img {
  width: 100%;
  height: 100%;
  -webkit-transition: all .6s;
  transition: all .6s;
}

main .fantuo-strength .strength-container .global-business .container .container-left img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main .fantuo-strength .strength-container .ingenuity {
  width: 100%;
}

main .fantuo-strength .strength-container .ingenuity .title-box {
  width: 12rem;
  margin: 0 auto;
  margin-bottom: 0.6rem;
}

main .fantuo-strength .strength-container .ingenuity .title-box .title {
  font-family: SourceHanSansSC-Bold;
  font-size: .4rem;
  font-weight: bold;
  color: #323236;
  margin-bottom: 0.15rem;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .ingenuity .title-box .title-text {
  font-family: SourceHanSansSC-Regular;
  font-size: .18rem;
  color: #333333;
  line-height: 0.32rem;
  width: 100%;
  text-align: center;
}

main .fantuo-strength .strength-container .ingenuity .z-a {
  width: 12rem;
  margin: 0 auto;
  height: 4.82rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b {
  -webkit-transition: all .3s;
  transition: all .3s;
  display: inline-block;
  width: 1.52rem;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0.5rem;
  padding-bottom: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .content-title {
  font-family: SourceHanSansSC-Bold;
  font-size: .3rem;
  font-weight: bold;
  color: #f1f4fd;
  margin-bottom: 0.18rem;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: tb-rl;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .content-title:before {
  content: '';
  display: inline-block;
  width: .02rem;
  height: .42rem;
  background-color: #ffffff;
  margin-bottom: 0.2rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .content-text {
  width: 3.5rem;
  font-family: MicrosoftYaHei;
  font-size: .14rem;
  line-height: .22rem;
  color: #f1f4fd;
  margin-bottom: 0.62rem;
  display: none;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .more {
  display: none;
  cursor: pointer;
  width: 1.05rem;
  height: .4rem;
  background-color: #f1f4fd;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: .14rem;
  font-weight: bold;
  color: #2242b7;
  margin-bottom: 0.8rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .more:hover {
  color: #f1f4fd;
  background-color: #2242b7;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .pag {
  font-family: MicrosoftYaHei;
  font-size: .12rem;
  color: #f1f4fd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .ingenuity .z-a .z-b .pag .number {
  font-family: AdobeHeitiStd-Regular;
  font-size: .14rem;
  color: #f1f4fd;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 {
  width: 7.44rem;
  height: 100%;
  background-color: #eaeaea;
  display: block;
  padding: 0;
  padding-top: 1.36rem;
  padding-left: 0.56rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 .content-title {
  -ms-writing-mode: unset;
      writing-mode: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 .content-title:after {
  content: '';
  display: block;
  width: .38rem;
  height: .02rem;
  background-color: #f1f4fd;
  margin-top: 0.22rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 .content-title:before {
  display: none;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 .content-text {
  display: block;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state1 .z-b1 .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 {
  width: 7.44rem;
  height: 100%;
  background-color: #eaeaea;
  display: block;
  padding: 0;
  padding-top: 1.36rem;
  padding-left: 0.56rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 .content-title {
  -ms-writing-mode: unset;
      writing-mode: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 .content-title:after {
  content: '';
  display: block;
  width: .38rem;
  height: .02rem;
  background-color: #f1f4fd;
  margin-top: 0.22rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 .content-title:before {
  display: none;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 .content-text {
  display: block;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state2 .z-b2 .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 {
  width: 7.44rem;
  height: 100%;
  background-color: #eaeaea;
  display: block;
  padding: 0;
  padding-top: 1.36rem;
  padding-left: 0.56rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 .content-title {
  -ms-writing-mode: unset;
      writing-mode: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 .content-title:after {
  content: '';
  display: block;
  width: .38rem;
  height: .02rem;
  background-color: #f1f4fd;
  margin-top: 0.22rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 .content-title:before {
  display: none;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 .content-text {
  display: block;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state3 .z-b3 .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 {
  width: 7.44rem;
  height: 100%;
  background-color: #eaeaea;
  display: block;
  padding: 0;
  padding-top: 1.36rem;
  padding-left: 0.56rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 .content-title {
  -ms-writing-mode: unset;
      writing-mode: unset;
  -webkit-writing-mode: unset;
  writing-mode: unset;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 .content-title:after {
  content: '';
  display: block;
  width: .38rem;
  height: .02rem;
  background-color: #f1f4fd;
  margin-top: 0.22rem;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 .content-title:before {
  display: none;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 .content-text {
  display: block;
}

main .fantuo-strength .strength-container .ingenuity .z-a.state4 .z-b4 .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*# sourceMappingURL=style.css.map */