@charset "utf-8";
img {
  max-width: 100%;
}
@keyframes arrow {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 70px;
  }
  100% {
    bottom: 50px;
  }
}
@-webkit-keyframes arrow {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 70px;
  }
  100% {
    bottom: 50px;
  }
}
@-moz-keyframes arrow {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 70px;
  }
  100% {
    bottom: 50px;
  }
}
@keyframes keepSpin {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes keepSpin {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes keepSpin {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.global-w {
  width: 1440px;
  margin: 0 auto;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
/*head*/
.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 98px;
  font-size: 0;
  background: #fff;
  border-bottom: 2px solid #e5e5e5;
  z-index: 999;
}
.head .global-w {
  position: relative;
}
.head .head-logo {
  display: block;
  position: absolute;
  top: 26px;
  left: 0;
}
.head .head-right {
  text-align: center;
}
.head .head-right .head-nav {
  display: inline-block;
  margin-left: 68px;
}
.head .head-right .head-nav li {
  display: inline-block;
  padding: 0 20px;
  margin: 0 20px;
  position: relative;
}
.head .head-right .head-nav li a {
  display: block;
  font-size: 18px;
  line-height: 98px;
  color: #333;
  font-family: "Microsoft YaHei";
  font-weight: bold;
}
.head .head-right .head-nav li:before {
  content: '';
  width: 0;
  height: 4px;
  background: #1d6ecb;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.head .head-right .head-nav li.active a,
.head .head-right .head-nav li:hover a {
  color: #1d6ecb;
}
.head .head-right .head-nav li.active:before,
.head .head-right .head-nav li:hover:before {
  width: 100%;
  left: 0;
}
.head .head-right .head-lang {
  position: absolute;
  top: 31px;
  right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.head .head-right .head-lang a {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  font-size: 14px;
  line-height: 36px;
  color: #0850a3;
  background: #e6eef8;
  text-align: center;
  font-family: 'Microsoft YaHei';
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.head .head-right .head-lang a.active,
.head .head-right .head-lang a:hover {
  color: #fff;
  background: #1d6ecb;
}
.head .head-right .head-menu {
  display: none;
}
.white-space {
  height: 99px;
}
/*foot*/
.foot .foot-top {
  padding: 80px 0 120px;
  background: url(../images/global/foot-bg.jpg) no-repeat center bottom;
  background-size: cover;
}
.foot .foot-top .foot-nav {
  padding-left: 50px;
  box-sizing: border-box;
}
.foot .foot-top .foot-nav .nav-item {
  float: left;
  width: 240px;
}
.foot .foot-top .foot-nav .nav-item h3 {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .link-wrap {
  margin-top: 20px;
}
.foot .foot-top .foot-nav .nav-item .link-wrap ul li {
  line-height: 34px;
  font-size: 16px;
  color: #b4d9ff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .link-wrap ul li span{
  font-size: 14px;
  line-height: 34px;
}
.foot .foot-top .foot-nav .nav-item .link-wrap ul li a {
  display: inline-block;
  font-size: 16px;
  color: #b4d9ff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .foot-phone {
  margin-top: 12px;
  font-family: 'Microsoft YaHei';
}
.foot .foot-top .foot-nav .nav-item .foot-phone h4 {
  font-size: 16px;
  line-height: 30px;
  color: #b4d9ff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .foot-phone p {
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .foot-phone p img {
  display: inline-block;
  vertical-align: middle;
}
.foot .foot-top .foot-nav .nav-item .foot-phone p a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
  color: #b4d9ff;
  margin-left: 5px;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .foot-share h4 {
  font-size: 16px;
  line-height: 30px;
  color: #b4d9ff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
}
.foot .foot-top .foot-nav .nav-item .foot-share .bdsharebuttonbox a {
  padding-left: 32px;
  height: 32px;
  line-height: 32px;
  margin: 6px 10px 6px 0;
  background-image: url(../images/global/icon-share.png);
}
.foot .foot-top .foot-nav .nav-item .foot-share .bdsharebuttonbox a.bds_weixin {
  background-position: 0 0;
}
.foot .foot-top .foot-nav .nav-item .foot-share .bdsharebuttonbox a.bds_tsina {
  background-position: -42px 0;
}
.foot .foot-top .foot-nav .nav-item .foot-share .bdsharebuttonbox a.bds_fbook {
  background-position: -84px 0;
}
.foot .foot-top .foot-nav .nav-item .foot-share .bdsharebuttonbox a.bds_twi {
  background-position: -126px 0;
  margin-right: 0;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(1) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(2) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(3) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(3) .link-wrap ul:nth-of-type(1) {
  width: 175px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(4) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(5) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(6) {
  width: 205px;
}
.foot .foot-top .foot-nav .nav-item:nth-of-type(6) h3 {
  font-size: 20px;
}
.foot .foot-bottom {
  padding: 28px 0;
  background: #f4f6f9;
}
.foot .foot-bottom .foot-logo {
  display: block;
  float: left;
}
.foot .foot-bottom .foot-logo img {
  height: 32px;
}
.foot .foot-bottom .foot-copy {
  float: right;
  margin-top: 3px;
}
.foot .foot-bottom .foot-copy p {
  font-size: 12px;
  line-height: 26px;
  color: #666;
}
.foot .foot-bottom .foot-copy p span:nth-of-type(2) {
  margin-left: 15px;
}
.back-top {
  display: none;
  position: fixed;
  right: 80px;
  bottom: 150px;
  width: 51px;
  height: 51px;
  background: url(../images/global/back-top.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 999;
}
/*home*/
.home .home-banner {
  position: relative;
}
.home .home-banner .video-box {
  height: 100%;
  overflow: hidden;
}
.home .home-banner .video-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home-banner .banner-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 20;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home .home-banner .banner-text h3 {
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  font-family: 'Microsoft YaHei';
}
.home .home-banner .banner-text h4 {
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  margin-top: 10px;
}
.home .home-banner .banner-text img {
  margin: 25px 0 15px;
}
.home .home-banner .banner-text p {
  width: 710px;
  font-size: 35px;
  line-height: 48px;
  color: #fff;
  margin: 0 auto;
  font-family: "Times New Roman";
}
.home .home-banner .banner-mask {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 17, 36, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.home .home-banner .banner-tip {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: arrow 1.5s linear 0s infinite;
  -moz-animation: arrow 1.5s linear 0s infinite;
  -ms-animation: arrow 1.5s linear 0s infinite;
  animation: arrow 1.5s linear 0s infinite;
  cursor: pointer;
  z-index: 20;
}
.home .home-news {
  padding: 60px 0;
  position: relative;
}
.home .home-news .global-w {
  position: relative;
  z-index: 20;
}
.home .home-news .news-wrap {
  width: 1368px;
  margin: 0 auto;
}
.home .home-news .news-wrap li {
  float: left;
  height: 312px;
  margin-right: 45px;
  position: relative;
  width: calc(33.33% - 45px);
}
.home .home-news .news-wrap li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.home .home-news .news-wrap li .img-news {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home-news .news-wrap li .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 40px;
  background: #fff;
  text-align: center;
  -webkit-transition: padding 0.4s linear;
  -moz-transition: padding 0.4s linear;
  -ms-transition: padding 0.4s linear;
  transition: padding 0.4s linear;
}
.home .home-news .news-wrap li .info h3 {
  font-size: 20px;
  line-height: 20px;
  color: #333;
  font-family: 'Microsoft YaHei';
}
.home .home-news .news-wrap li .info p {
  font-size: 14px;
  line-height: 14px;
  color: #6ca8ea;
  opacity: 0;
  visibility: hidden;
  margin-top: 14px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home .home-news .news-wrap li .info .icon-wrap img {
  position: absolute;
  top: -31px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.home .home-news .news-wrap li .info .icon-wrap .icon-default {
  opacity: 1;
  visibility: visible;
}
.home .home-news .news-wrap li .info .icon-wrap .icon-hover {
  opacity: 0;
  visibility: hidden;
}
.home .home-news .news-wrap li:nth-of-type(3n) {
  margin-right: 0;
}
.home .home-news .news-wrap li.active .info,
.home .home-news .news-wrap li:hover .info {
  padding-top: 50px;
  padding-bottom: 34px;
  background: rgba(29, 110, 203, 0.9);
}
.home .home-news .news-wrap li.active .info h3,
.home .home-news .news-wrap li:hover .info h3 {
  color: #fff;
}
.home .home-news .news-wrap li.active .info p,
.home .home-news .news-wrap li:hover .info p {
  display: block;
  opacity: 1;
  visibility: visible;
}
.home .home-news .news-wrap li.active .info .icon-wrap .icon-default,
.home .home-news .news-wrap li:hover .info .icon-wrap .icon-default {
  opacity: 0;
  visibility: hidden;
}
.home .home-news .news-wrap li.active .info .icon-wrap .icon-hover,
.home .home-news .news-wrap li:hover .info .icon-wrap .icon-hover {
  opacity: 1;
  visibility: visible;
}
.home .home-news .news-side {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 10;
}
.home .home-news .news-side.news-side-l {
  left: 0;
}
.home .home-news .news-side.news-side-r {
  right: 0;
}
.home .home-research {
  padding: 65px 0;
  background: url(../images/home/research-bg.jpg) center no-repeat;
  background-size: cover;
}
.home .home-research .res-outer {
  width: 325px;
  padding: 85px 70px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  position: relative;
}
.home .home-research .res-outer .res-inner {
  padding: 80px 0 110px;
  font-size: 0;
  text-align: center;
  position: relative;
}
.home .home-research .res-outer .res-inner .img-box {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  z-index: 20;
}
.home .home-research .res-outer .res-inner .img-box .res-num {
  display: block;
  margin: 0 auto;
}
.home .home-research .res-outer .res-inner .img-box .res-ball1 {
  position: absolute;
  left: -65px;
  bottom: -10px;
}
.home .home-research .res-outer .res-inner .img-box .res-ball2 {
  position: absolute;
  right: -20px;
  top: -32px;
}
.home .home-research .res-outer .res-inner .res-text {
  position: absolute;
  left: 50%;
  top: 255px;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.home .home-research .res-outer .res-inner .res-text.en {
  font-size: 20px;
}
.home .home-research .res-outer .res-inner .res-btn {
  display: block;
  width: 220px;
  margin: 120px auto 0 auto;
  background: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  z-index: 20;
  cursor: pointer;
}
.home .home-research .res-outer .res-inner .res-btn a {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 54px;
  color: #1d6ecb;
  font-family: 'Microsoft YaHei';
}
.home .home-research .res-outer .res-inner .res-btn i {
  display: inline-block;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #1d6ecb;
  margin-left: 10px;
}
.home .home-research .res-outer .res-inner .res-btn .fade-alert {
  display: none;
  background: #000000;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}
.home .home-research .res-outer .res-inner .res-btn .fade-alert .alert {
  width: 850px;
  height: 510px;
  position: absolute;
  background: #cccccc;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .home-research .res-outer .res-inner .res-btn .fade-alert .alert .closes {
  position: absolute;
  top: 6px;
  right: 20px;
  cursor: pointer;
  z-index: 99;
}
.home .home-research .res-outer .res-inner .res-btn .fade-alert .alert video {
  height: 480px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.home .home-research .res-outer .res-inner .line {
  position: absolute;
  left: 0;
  width: 100%;
  border: 6px solid rgba(255, 255, 255, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}
.home .home-research .res-outer .res-inner .line.line-top {
  height: 225px;
  top: 0;
  border-bottom: 0;
}
.home .home-research .res-outer .res-inner .line.line-bottom {
  height: 176px;
  bottom: 0;
  border-top: 0;
}
.home .home-research .res-outer .res-side {
  position: absolute;
  padding: 35px 0;
}
.home .home-research .res-outer .res-side h3 {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
}
.home .home-research .res-outer .res-side p {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-top: 5px;
  white-space: nowrap;
}
.home .home-research .res-outer .res-side img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home .home-research .res-outer .res-side.res-side-l {
  right: 100%;
  top: 123px;
  padding-right: 80px;
  border-right: 4px solid #fff;
}
.home .home-research .res-outer .res-side.res-side-l img {
  right: 0px;
}
.home .home-research .res-outer .res-side.res-side-r {
  left: 100%;
  bottom: 80px;
  padding-left: 80px;
  border-left: 4px solid #fff;
}
.home .home-research .res-outer .res-side.res-side-r img {
  left: 0px;
}
.home .home-core {
  height: 634px;
  background: url(../images/home/core-bg.jpg) no-repeat center;
  background-size: cover;
}
.home .home-core .item-l {
  float: left;
  width: 726px;
  box-sizing: border-box;
  padding-left: 50px;
}
.home .home-core .item-l .core-title {
  padding-top: 105px;
}
.home .home-core .item-l .core-title h3 {
  font-size: 43px;
  line-height: 43px;
  color: #1d6ecb;
}
.home .home-core .item-l .core-title p {
  font-size: 24px;
  line-height: 24px;
  color: #1d6ecb;
  margin-top: 8px;
}
.home .home-core .item-l .core-text {
  margin-top: 44px;
}
.home .home-core .item-l .core-text h3 {
  font-size: 22px;
  line-height: 27px;
  color: #333;
  font-family: 'Microsoft YaHei';
}
.home .home-core .item-l .core-text p {
  font-size: 18px;
  line-height: 24px;
  color: #aaaeb2;
  margin-top: 12px;
}
.home .home-core .item-l .core-link {
  display: block;
  width: 85px;
  height: 85px;
  border: 1px solid #ccd3da;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  margin-top: 65px;
  cursor: pointer;
}
.home .home-core .item-l .core-link:before {
  content: '';
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #1d6ecb;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.home .home-core .item-r {
  float: right;
  margin-top: 160px;
}
.home .home-core .item-r .icon-list {
  float: left;
}
.home .home-core .item-r .icon-list li {
  float: left;
  display: table;
  width: 179px;
  height: 179px;
  position: relative;
  text-align: center;
  margin-left: 30px;
  overflow: hidden;
}
.home .home-core .item-r .icon-list li .icon-wrap {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.home .home-core .item-r .icon-list li .icon-wrap i {
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.home .home-core .item-r .icon-list li .icon-wrap i.icon1 {
  width: 63px;
  height: 60px;
  background-image: url(../images/home/icon-core1.png);
  margin-top: 9px;
}
.home .home-core .item-r .icon-list li .icon-wrap i.icon2 {
  width: 63px;
  height: 62px;
  background-image: url(../images/home/icon-core2.png);
  margin-top: 9px;
}
.home .home-core .item-r .icon-list li .icon-wrap i.icon3 {
  width: 72px;
  height: 72px;
  background-image: url(../images/home/icon-core3.png);
}
.home .home-core .item-r .icon-list li .icon-wrap p {
  font-size: 18px;
  line-height: 27px;
  color: #3a3c3f;
  margin-top: 15px;
  font-family: 'Microsoft YaHei';
}
.home .home-core .item-r .icon-list li:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(../images/home/icon-core-bg.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: keepSpin 3s linear 0s infinite;
  -moz-animation: keepSpin 3s linear 0s infinite;
  -ms-animation: keepSpin 3s linear 0s infinite;
  animation: keepSpin 3s linear 0s infinite;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home .home-core .item-r .icon-list li:nth-of-type(1) {
  margin-left: 0;
}
.home .home-core .item-r .icon-list li:hover:before {
  opacity: 1;
  visibility: visible;
}
.home .home-core .item-r .icon-list li:hover .icon-wrap i {
  background-position: 0 100%;
}
.home .home-core .item-r .icon-list li:hover .icon-wrap p {
  color: #4aafe3;
}
.home .home-pro {
  padding: 95px 0 145px;
  text-align: center;
}
.home .home-pro .home-pro-title {
  box-sizing: border-box;
  padding-bottom: 20px;
}
.home .home-pro .home-pro-title h3 {
  font-size: 43px;
  line-height: 43px;
  color: #1d6ecb;
}
.home .home-pro .home-pro-title p {
  font-size: 24px;
  line-height: 24px;
  color: #1d6ecb;
  font-family: 'Microsoft YaHei';
  margin-top: 12px;
}
.home .home-pro .home-pro-list {
  margin-top: 70px;
  width: 1440px;
  margin: 0 auto;
}
.home .home-pro .home-pro-list li {
  float: left;
  width: calc(33.33% - 45px);
  height: 305px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e5e5e5;
  border-right: 0;
  position: relative;
  z-index: 10;
}
.home .home-pro .home-pro-list li .pro-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  background: #fff;
  overflow: hidden;
  z-index: 20;
}
.home .home-pro .home-pro-list li .pro-wrap img {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home .home-pro .home-pro-list li .pro-wrap .info {
  width: 240px;
  position: absolute;
  top: 205px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.home .home-pro .home-pro-list li .pro-wrap .info h3 {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  font-family: 'Microsoft YaHei';
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home .home-pro .home-pro-list li .pro-wrap .info p {
  font-size: 14px;
  line-height: 22px;
  color: #a5c9f1;
  opacity: 0;
  visibility: hidden;
  margin-top: 18px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home .home-pro .home-pro-list li .pro-wrap .info a {
  display: inline-block;
  width: 150px;
  height: 38px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  margin-top: 60px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.home .home-pro .home-pro-list li .pro-wrap .info a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 38px;
  color: #0850a3;
  font-family: 'Microsoft YaHei';
}
.home .home-pro .home-pro-list li .pro-wrap .info a i {
  display: inline-block;
  vertical-align: middle;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #0850a3;
  margin-left: 20px;
}
.home .home-pro .home-pro-list li:nth-of-type(3) {
  border-right: 2px solid #e5e5e5;
}
.home .home-pro .home-pro-list li:after {
  content: '';
  display: block;
  width: 479px;
  height: 100px;
  background: url(../images/home/pro-mask.png) no-repeat center bottom;
  position: absolute;
  top: 285px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.home .home-pro .home-pro-list li.active,
.home .home-pro .home-pro-list li:hover {
  z-index: 20;
}
.home .home-pro .home-pro-list li.active .pro-wrap,
.home .home-pro .home-pro-list li:hover .pro-wrap {
  background: url(../images/home/pro-bg.jpg) no-repeat center;
  background-size: cover;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.home .home-pro .home-pro-list li.active .pro-wrap img,
.home .home-pro .home-pro-list li:hover .pro-wrap img {
  visibility: hidden;
  margin-top: 18px;
}
.home .home-pro .home-pro-list li.active .pro-wrap .info,
.home .home-pro .home-pro-list li:hover .pro-wrap .info {
  top: 48px;
}
.home .home-pro .home-pro-list li.active .pro-wrap .info h3,
.home .home-pro .home-pro-list li:hover .pro-wrap .info h3 {
  font-size: 20px;
  color: #fff;
}
.home .home-pro .home-pro-list li.active .pro-wrap .info p,
.home .home-pro .home-pro-list li:hover .pro-wrap .info p {
  opacity: 1;
  visibility: visible;
}
.home .home-pro .home-pro-list li.active .pro-wrap .info a,
.home .home-pro .home-pro-list li:hover .pro-wrap .info a {
  opacity: 1;
  visibility: visible;
}
.home .home-pro .home-pro-list li.active:after,
.home .home-pro .home-pro-list li:hover:after {
  opacity: 1;
  visibility: visible;
}
/*about-brief*/
.banner-wrap {
  font-size: 0;
  text-align: center;
  position: relative;
}
.banner-wrap .about-banner {
  background: url(../images/about/banner.jpg) no-repeat center;
}
.banner-wrap .about-banner .banner-text {
  position: absolute;
  top: 46%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner-wrap .about-banner .banner-text h3 {
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}
.banner-wrap .about-banner .banner-text p {
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  margin-top: 15px;
}
.banner-wrap .about-nav {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
}
.banner-wrap .about-nav ul li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.banner-wrap .about-nav ul li a {
  display: block;
  width: 170px;
  font-size: 18px;
  line-height: 60px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.banner-wrap .about-nav ul li:before {
  content: '';
  display: block;
  width: 2px;
  height: 15px;
  position: absolute;
  left: -1px;
  top: 23px;
  background: rgba(255, 255, 255, 0.5);
}
.banner-wrap .about-nav ul li:nth-of-type(1):before {
  display: none;
}
.banner-wrap .about-nav ul li.active a,
.banner-wrap .about-nav ul li:hover a {
  background: #1d6ecb;
}
.about-brief {
  padding-bottom: 100px;
}
.about-brief .template-info {
  font-size: 0;
  text-align: center;
}
.about-brief .template-info h3 {
  font-size: 24px;
  line-height: 32px;
  color: #333;
  font-family: 'Microsoft YaHei';
}
.about-brief .template-info h4 {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  margin-top: 4px;
}
.about-brief .template-info p {
  font-size: 18px;
  line-height: 26px;
  color: #666;
  font-family: 'Microsoft YaHei';
  margin-top: 10px;
}
.about-brief .template-info a {
  display: inline-block;
  margin-top: 40px;
  cursor: pointer;
}
.about-brief .template-info a em {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  color: #1d6ecb;
  font-family: 'Microsoft YaHei';
}
.about-brief .template-info a span {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(../images/about/brief/icon-arrow.png) no-repeat;
  margin-left: 12px;
}
.about-brief .template-info a:hover span {
  background-position: 0 100%;
}
.about-brief .brief-focus .focus-title {
  padding: 80px 0 70px;
  border-bottom: 3px solid #ecf1f6;
}
.about-brief .brief-focus .focus-title .item-text {
  float: left;
  width: 560px;
}
.about-brief .brief-focus .focus-title .item-text h3 {
  font-size: 34px;
  line-height: 34px;
  color: #1d6ecb;
}
.about-brief .brief-focus .focus-title .item-text h4 {
  font-size: 20px;
  line-height: 32px;
  color: #333;
  font-family: 'Microsoft YaHei';
  margin: 20px 0 10px;
}
.about-brief .brief-focus .focus-title .item-text p {
  font-size: 16px;
  line-height: 24px;
  color: #aaaeb2;
}
.about-brief .brief-focus .focus-title .btn-check {
  float: right;
  display: block;
  width: 182px;
  font-size: 0;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  background: #1d6ecb;
  margin-top: 54px;
  cursor: pointer;
}
.about-brief .brief-focus .focus-title .btn-check span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 58px;
  color: #fff;
  font-family: 'Microsoft YaHei';
}
.about-brief .brief-focus .focus-title .btn-check i {
  display: inline-block;
  vertical-align: middle;
  border-left: 5px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  margin-left: 20px;
}
.about-brief .brief-focus .focus-paragraph {
  padding: 60px 0 50px;
}
.about-brief .brief-focus .focus-paragraph p {
  font-size: 14px;
  line-height: 30px;
  color: #3f3f3f;
}
.about-brief .brief-advert {
  height: 461px;
  background: url(../images/about/brief/advert.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
.about-brief .brief-advert .text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-brief .brief-advert .text h3 {
  font-size: 26px;
  line-height: 32px;
  color: #fff;
  font-family: 'Microsoft YaHei';
  margin: 15px 0 8px;
}
.about-brief .brief-advert .text p {
  width: 260px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.about-brief .brief-research .res-article {
  padding: 70px 0 65px;
}
.about-brief .brief-research .res-article p {
  font-size: 14px;
  line-height: 30px;
  color: #3f3f3f;
}
.about-brief .brief-research .res-article h3 {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  font-weight: normal;
  margin-top: 30px;
}
.about-brief .brief-research .res-article ul {
  padding-bottom: 25px;
}
.about-brief .brief-research .res-article ul li {
  font-size: 14px;
  line-height: 30px;
  color: #3f3f3f;
  padding-left: 20px;
  position: relative;
}
.about-brief .brief-research .res-article ul li:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #0850a3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}
.about-brief .brief-research .res-list li {
  float: left;
  width: 590px;
}
.about-brief .brief-research .res-list li .img-box {
  height: 340px;
  overflow: hidden;
}
.about-brief .brief-research .res-list li .img-box img {
  display: block;
}
.about-brief .brief-research .res-list li .template-info {
  padding: 20px 0 60px;
}
.about-brief .brief-research .res-list li:nth-of-type(2n) {
  float: right;
}
.about-brief .brief-research .res-vision {
  height: 352px;
  background: url(../images/about/brief/vision-bg.png) no-repeat center;
  background-size: cover;
  position: relative;
}
.about-brief .brief-research .res-vision .template-info {
  width: 360px;
  position: absolute;
  right: 110px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-brief .brief-research .res-vision .template-info p {
  margin-top: 16px;
}
/*about-team*/
/*innovation*/
.innovation {
  padding-top: 80px;
}
.innovation .title {
  font-size: 34px;
  color: #1d6ecb;
  margin-bottom: 65px;
  text-align: center;
}
.innovation-list-box {
  float: left;
  width: 48%;
  text-align: center;
  height: 86px;
  line-height: 86px;
  vertical-align: middle;
  margin-bottom: 20px;
}
.innovation-list .innovation-list-box:nth-child(2n) {
  float: right;
}
.innovation-list-box span {
  width: 75%;
  line-height: 24px !important;
  color: #fff;
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
}
.innovation-list-box.i-1 {
  background: #9dacbc;
}
.innovation-list-box.i-2 {
  background: #89afc8;
}
.innovation-list-box.i-3 {
  background: #8393a3;
}
.innovation-list-box.i-4 {
  background: #7198ae;
}
.innovation-list-box.i-5 {
  background: #687888;
}
.innovation-list-box.i-6 {
  background: #547c91;
}
.innovation-list-box.i-7 {
  background: #4c636d;
}
.innovation-list-box.i-8 {
  background: #36657a;
}
.innovation-list-box.i-9 {
  background: #74b4d6;
}
.innovation-list-box.i-10 {
  background: #5c96b7;
}
.innovation-list-box.i-11 {
  background: #1e6685;
}
.innovation-list-box.i-12 {
  background: #3b7e9e;
}
.innovation-list-box.i-13 {
  background: #1e4d61;
}
.innovation-data {
  margin-top: 105px;
}
.innovation-data h1 {
  font-size: 34px;
  color: #1d6ecb;
  margin-bottom: 50px;
  text-align: center;
}
.innovation-data h2 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
  text-align: center;
}
.innovation-data p {
  color: #333333;
  font-size: 16px;
  line-height: 30px;
}
.history {
  padding: 100px 0px;
}
.history .title-cn {
  text-align: center;
  color: #1d6ecb;
  font-size: 32px;
  font-weight: normal;
}
.history .title-en {
  text-align: center;
  font-size: 16px;
  color: #1d6ecb;
  opacity: .4;
  font-weight: normal;
  margin-top: 5px;
}
.intro1 {
  overflow: hidden;
}
.intro1 .intro-left {
  display: inline-block;
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro1 .intro-left .left-detail {
  overflow: hidden;
}
.intro1 .intro-left .intro-img {
  display: inline-block;
  float: left;
}
.intro1 .intro-left .intro-p {
  word-wrap: break-word;
  width: 40%;
  display: inline-block;
  float: left;
  margin-top: 10px;
  font-family: "微软雅黑", "黑体", Arial;
  font-weight: normal;
  font-size: 14px;
}
.intro1 .intro-left .intro-img2 {
  display: inline-block;
  float: left;
}
.intro1 .intro-left .intro-p2 {
  word-wrap: break-word;
  width: 40%;
  display: inline-block;
  float: left;
  margin-left: 20px;
  font-family: "微软雅黑", "黑体", Arial;
  font-weight: normal;
  font-size: 14px;
}
.intro1 .intro-left .intro1-text-img {
  position: absolute;
  right: -100px;
  top: 0px;
  z-index: 1;
}
.intro1 .intro1-right {
  position: relative;
  float: left;
  width: 600px;
}
.intro1 .intro1-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 80px;
  left: 0px;
}
.intro1 .intro1-right .intro1-right-p {
  font-family: "Microsoft YaHei";
  line-height: 2;
  width: 60%;
  margin-left: 100px;
  margin-top: 50px;
  font-weight: normal;
  color: #000000;
}
.intro1 .intro1-right .date {
  font-size: 28px;
  font-weight: normal;
  line-height: 2;
}
.intro1 .intro1-right .des {
  line-height: 2;
  font-size: 16px;
}
.intro2 {
  margin-bottom: 60px;
  overflow: hidden;
}
.intro2 .intro2-left {
  display: inline-block;
  float: left;
  width: 600px;
  background: #1051A0;
  height: 540px;
  position: relative;
}
.intro2 .intro2-left:before {
  content: '';
  width: 85px;
  height: 2px;
  position: absolute;
  background: #487BB7;
  top: 225px;
  right: 0px;
}
.intro2 .intro2-left .intro2-text-img {
  position: absolute;
  right: -100px;
  top: 25%;
  z-index: 1;
}
.intro2 .intro2-left .intro2-left-text {
  width: 50%;
  margin-top: 25%;
  margin-left: 25%;
}
.intro2 .intro2-left .intro2-left-text span {
  font-family: "Microsoft YaHei";
  color: #ffffff;
}
.intro2 .intro2-left .intro2-left-text .date {
  font-size: 28px;
}
.intro2 .intro2-left .intro2-left-text .des {
  font-size: 16px;
  line-height: 1.5;
}
.intro2 .intro2-right {
  display: inline-block;
  float: left;
  position: relative;
  width: 600px;
}
.intro2 .intro2-right p {
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  width: 60%;
  left: 18%;
  font-size: 16px;
  line-height: 2;
}
.intro3 {
  overflow: hidden;
}
.intro3 .intro3-left {
  display: inline-block;
  float: left;
  width: 600px;
  height: 400px;
  position: relative;
  margin-top: 55px;
}
.intro3 .intro3-left p {
  font-size: 16px;
  font-weight: normal;
  font-family: "微软雅黑", "黑体", Arial;
  line-height: 2;
  margin-top: 20px;
  margin-left: 20px;
  width: 80%;
  color: #000000;
}
.intro3 .intro3-left .intro3-text-img {
  position: absolute;
  right: -100px;
  top: 0px;
  z-index: 1;
}
.intro3 .intro3-right {
  float: left;
  width: 600px;
  position: relative;
}
.intro3 .intro3-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 140px;
  left: 0px;
}
.intro3 .intro3-right p {
  font-size: 16px;
  font-family: "微软雅黑", "黑体", Arial;
  line-height: 2;
  width: 60%;
  margin-left: 100px;
  margin-top: 50px;
  font-weight: normal;
  color: #000000;
}
.intro3 .intro3-right p span {
  font-size: 28px;
}
.intro4 {
  overflow: hidden;
}
.intro4 .intro4-left {
  float: left;
  width: 600px;
  background: #1051A0;
  height: 540px;
  position: relative;
}
.intro4 .intro4-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #ffffff;
  top: 230px;
  right: 0px;
}
.intro4 .intro4-left .intro4-text-img {
  position: absolute;
  right: -100px;
  top: 25%;
  z-index: 1;
}
.intro4 .intro4-left .intro4-left-text {
  width: 60%;
  margin-top: 25%;
  margin-left: 25%;
}
.intro4 .intro4-left .intro4-left-text span {
  font-family: "微软雅黑", "黑体", Arial;
  color: #ffffff;
  font-size: 16px;
  line-height: 2;
}
.intro4 .intro4-left .intro4-left-text span .month {
  font-size: 28px;
}
.intro4 .intro4-right {
  display: inline-block;
  float: left;
  position: relative;
  height: 500px;
  width: 600px;
}
.intro4 .intro4-right p {
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  width: 67%;
  left: 18%;
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
}
.intro5 {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
  background: url("../images/about/25.png") no-repeat;
}
.intro5 .intro5-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro5 .intro5-left p {
  position: absolute;
  top: 40%;
  line-height: 2;
  width: 56%;
  left: 20%;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}
.intro5 .intro5-left .intro5-text-img {
  position: absolute;
  right: -100px;
  top: 25%;
  z-index: 1;
}
.intro5 .intro5-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro5 .intro5-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 230px;
  left: 0px;
}
.intro5 .intro5-right p {
  position: absolute;
  top: 25%;
  line-height: 2;
  width: 50%;
  left: 20%;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}
.intro5 .intro5-right p .intro5-right-p {
  font-size: 28px;
}
.intro6 {
  position: relative;
  overflow: hidden;
}
.intro6 .intro6-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
  color: #000000;
}
.intro6 .intro6-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 80px;
  right: 0px;
}
.intro6 .intro6-left .intro6-left-p {
  width: 75%;
  margin-left: 10%;
  font-weight: normal;
}
.intro6 .intro6-left .intro6-left-p .no1 {
  font-size: 28px;
}
.intro6 .intro6-left .intro6-left-p .no2 {
  font-size: 16px;
  line-height: 2;
}
.intro6 .intro6-left .intro6-text-img {
  position: absolute;
  right: -100px;
  top: 0px;
  z-index: 1;
}
.intro6 .intro6-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro6 .intro6-right .intro6-right-img {
  margin-left: 100px;
}
.intro6 .intro6-right p {
  line-height: 2;
  width: 50%;
  margin-left: 24%;
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
}
.intro7 {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
}
.intro7 .intro7-left {
  float: left;
  width: 600px;
  height: 400px;
  position: relative;
  color: #000000;
  background: #EDEDED;
}
.intro7 .intro7-left .intro7-left-text {
  width: 50%;
  margin-top: 25%;
  margin-left: 25%;
  font-family: "微软雅黑", "黑体", Arial;
  color: #000000;
  font-weight: normal;
}
.intro7 .intro7-left .intro7-left-text .n1 {
  font-size: 28px;
}
.intro7 .intro7-left .intro7-left-text .n2 {
  font-size: 16px;
  line-height: 1.5;
}
.intro7 .intro7-left .intro7-left-text .intro7-left-img {
  position: relative;
}
.intro7 .intro7-left .intro7-left-text .intro7-left-img span {
  position: absolute;
  bottom: 10px;
  left: 150px;
  font-size: 16px;
  color: #FFFFFF;
}
.intro7 .intro7-left .intro7-left-text .intro7-left-img img {
  width: 100%;
}
.intro7 .intro7-left p {
  line-height: 2;
  width: 55%;
  margin-left: 15%;
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
}
.intro7 .intro7-right {
  float: left;
  width: 600px;
  height: 400px;
  position: relative;
}
.intro7 .intro7-right .intro7-right-img {
  position: relative;
}
.intro7 .intro7-right .intro7-right-img span {
  position: absolute;
  bottom: 10px;
  left: 180px;
  font-size: 16px;
  color: #FFFFFF;
}
.intro7 .intro7-right .intro7-right-img img {
  width: 100%;
}
.intro7 .intro7-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #ffffff;
  top: 170px;
  left: 611px;
  z-index: 1;
}
.intro7 .intro7-right p {
  width: 78%;
  color: #000000;
  margin-left: 12%;
  font-weight: normal;
  margin-top: 25px;
  font-size: 16px;
  line-height: 2;
}
.intro7 .intro7-right .intro7-text-img {
  position: absolute;
  right: -100px;
  top: 80px;
  z-index: 1;
}
.intro8 {
  position: relative;
  overflow: hidden;
}
.intro8 .intro8-left {
  float: left;
  width: 600px;
  height: 450px;
  position: relative;
}
.intro8 .intro8-left p {
  width: 70%;
  color: #000000;
  margin-left: 15%;
  font-weight: normal;
  margin-top: 100px;
}
.intro8 .intro8-left p .n1 {
  font-size: 28px;
}
.intro8 .intro8-left p .n2 {
  font-size: 16px;
  line-height: 2;
}
.intro8 .intro8-right {
  float: left;
  width: 600px;
  height: 450px;
}
.intro8 .intro8-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 190px;
  right: 516px;
}
.intro8 .intro8-right .intro8-right-img {
  margin-left: 0px;
  margin-top: 10px;
}
.intro8 .intro8-right .intro8-right-img img {
  margin-left: 20px;
  margin-top: 0px;
}
.intro8 .intro8-right .intro8-text-img {
  position: absolute;
  top: 20%;
  z-index: 1;
  left: 515px;
}
.intro9 {
  position: relative;
  overflow: hidden;
}
.intro9 .intro9-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro9 .intro9-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 190px;
  right: 0px;
}
.intro9 .intro9-left p {
  width: 55%;
  color: #000000;
  margin-left: 15%;
  font-weight: normal;
  margin-top: 100px;
}
.intro9 .intro9-left p .n1 {
  font-size: 28px;
}
.intro9 .intro9-left p .n2 {
  font-size: 16px;
  line-height: 2;
}
.intro9 .intro9-left .intro9-text-img {
  position: absolute;
  right: -100px;
  top: 20%;
  z-index: 1;
}
.intro9 .intro9-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro9 .intro9-right .intro9-right-img {
  margin-left: 0px;
  margin-top: 10px;
}
.intro9 .intro9-right .intro9-right-img img {
  margin-left: 0px;
  margin-top: 0px;
}
.intro9 .intro9-right .intro9-right-img p {
  position: absolute;
  bottom: 40px;
  width: 70%;
  left: 62px;
  font-size: 14px;
  color: #ffffff;
  line-height: 2;
}
.intro10 {
  position: relative;
  overflow: hidden;
}
.intro10 .intro10-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
  background: #1051A0;
}
.intro10 .intro10-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 190px;
  right: 0px;
}
.intro10 .intro10-left .intro10-left-text {
  width: 50%;
  margin-top: 25%;
  margin-left: 25%;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  font-weight: normal;
}
.intro10 .intro10-left .intro10-left-text .n1 {
  font-size: 28px;
}
.intro10 .intro10-left .intro10-left-text .n2 {
  font-size: 16px;
  line-height: 1.5;
}
.intro10 .intro10-left .intro10-text-img {
  position: absolute;
  right: -100px;
  top: 20%;
  z-index: 1;
}
.intro10 .intro10-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro10 .intro10-right p {
  position: absolute;
  bottom: 40px;
  font-size: 16px;
  color: #ffffff;
  margin-left: 30%;
}
.intro11 {
  position: relative;
  overflow: hidden;
}
.intro11 .intro11-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro11 .intro11-left p {
  position: absolute;
  bottom: 40px;
  left: 50px;
  line-height: 2;
  width: 80%;
  font-size: 16px;
  font-weight: normal;
}
.intro11 .intro11-left .intro11-text-img {
  position: absolute;
  right: -100px;
  top: 20%;
  z-index: 1;
}
.intro11 .intro11-right {
  float: left;
  width: 600px;
  height: 540px;
}
.intro11 .intro11-right .intro11-right-text {
  display: inline-block;
  float: left;
  background: #1051A0;
  color: #ffffff;
  height: 100%;
  width: 600px;
  position: relative;
}
.intro11 .intro11-right .intro11-right-text:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 180px;
  left: 0px;
}
.intro11 .intro11-right .intro11-right-text .intro11-text-p {
  width: 70%;
  margin-left: 20%;
  margin-top: 18%;
}
.intro11 .intro11-right .intro11-right-text .intro11-text-p .n1 {
  font-size: 28px;
}
.intro11 .intro11-right .intro11-right-text .intro11-text-p .n2 {
  font-size: 16px;
  line-height: 2;
}
.intro12 {
  position: relative;
  overflow: hidden;
}
.intro12 .intro12-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
  background: #EDEDED;
}
.intro12 .intro12-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 190px;
  right: 0px;
}
.intro12 .intro12-left .intro12-left-text {
  width: 50%;
  margin-top: 25%;
  margin-left: 25%;
  font-family: "微软雅黑", "黑体", Arial;
  color: #000000;
  font-weight: normal;
}
.intro12 .intro12-left .intro12-left-text .n1 {
  font-size: 28px;
}
.intro12 .intro12-left .intro12-left-text .n2 {
  font-size: 16px;
  line-height: 1.5;
}
.intro12 .intro12-left .intro12-text-img {
  position: absolute;
  right: -100px;
  top: 20%;
  z-index: 1;
}
.intro12 .intro12-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro12 .intro12-right p {
  position: absolute;
  bottom: 40px;
  left: 70px;
  font-size: 16px;
  color: #ffffff;
  width: 80%;
}
.intro13 {
  position: relative;
  overflow: hidden;
}
.intro13 .intro13-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro13 .intro13-left p {
  position: absolute;
  bottom: 40px;
  left: 50px;
  line-height: 2;
  width: 70%;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}
.intro13 .intro13-left .intro13-text-img {
  position: absolute;
  right: -100px;
  top: 20%;
  z-index: 2;
}
.intro13 .intro13-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro13 .intro13-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #ffffff;
  top: 180px;
  left: 0px;
  z-index: 1;
}
.intro13 .intro13-right .intro13-right-text {
  display: inline-block;
  float: left;
  background: #1051A0;
  color: #ffffff;
  height: 100%;
  width: 600px;
  position: relative;
}
.intro13 .intro13-right .intro13-right-text .intro13-text-p {
  width: 70%;
  margin-left: 20%;
  margin-top: 25%;
}
.intro13 .intro13-right .intro13-right-text .intro13-text-p .n1 {
  font-size: 28px;
}
.intro13 .intro13-right .intro13-right-text .intro13-text-p .n2 {
  font-size: 16px;
  line-height: 2;
}
.intro15 {
  position: relative;
  overflow: hidden;
}
.intro15 .intro15-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
  background: #EDEDED;
}
.intro15 .intro15-left:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 120px;
  right: 0px;
}
.intro15 .intro15-left .intro15-left-text {
  width: 50%;
  margin-top: 25%;
  margin-left: 25%;
  font-family: "微软雅黑", "黑体", Arial;
  color: #000000;
  font-weight: normal;
}
.intro15 .intro15-left .intro15-left-text .n1 {
  font-size: 28px;
}
.intro15 .intro15-left .intro15-left-text .n2 {
  font-size: 16px;
  line-height: 1.5;
}
.intro15 .intro15-left .intro15-text-img {
  position: absolute;
  right: -100px;
  top: 8%;
  z-index: 1;
}
.intro15 .intro15-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro15 .intro15-right p {
  position: absolute;
  bottom: 40px;
  left: 100px;
  line-height: 2;
  width: 70%;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}
.intro16 {
  position: relative;
  overflow: hidden;
}
.intro16 .intro16-left {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro16 .intro16-left p {
  position: absolute;
  bottom: 40px;
  left: 50px;
  line-height: 2;
  width: 70%;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}
.intro16 .intro16-left .intro16-text-img {
  position: absolute;
  right: -115px;
  top: 20%;
  z-index: 2;
}
.intro16 .intro16-right {
  float: left;
  width: 600px;
  height: 540px;
  position: relative;
}
.intro16 .intro16-right:before {
  content: '';
  width: 80px;
  height: 1px;
  position: absolute;
  background: #000000;
  top: 190px;
  left: 10px;
  z-index: 1;
}
.intro16 .intro16-right .intro16-right-text {
  display: inline-block;
  float: left;
  background: #1051A0;
  color: #ffffff;
  height: 100%;
  width: 600px;
  position: relative;
}
.intro16 .intro16-right .intro16-right-text .intro16-text-p {
  width: 70%;
  margin-left: 20%;
  margin-top: 25%;
}
.intro16 .intro16-right .intro16-right-text .intro16-text-p .n1 {
  font-size: 28px;
}
.intro16 .intro16-right .intro16-right-text .intro16-text-p .n2 {
  font-size: 16px;
  line-height: 2;
}
.history-main {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.history-main:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1400px) {
  .global-w {
    width: 100%;
  }
  /*head*/
  .head .head-right .head-nav li {
    margin: 0 10px;
  }
  .home .home-research .res-outer .res-inner .res-text {
    position: absolute;
    left: 50%;
    top: 255px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-family: 'Microsoft YaHei';
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 900px;
    white-space: initial;
  }
  .home .home-research .res-outer .res-inner .res-text.en {
    width: 804px;
  }
  /*foot*/
  .foot .foot-top {
    padding: 80px 0;
  }
  .foot .foot-top .foot-nav {
    padding-left: 0px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
  }
  .foot .foot-top .foot-nav .nav-item {
    width: 16%;
  }
  .foot .foot-top .foot-nav .nav-item:nth-of-type(1) {
    width: 16%;
  }
  .foot .foot-top .foot-nav .nav-item:nth-of-type(2) {
    width: 16%;
  }
  .foot .foot-top .foot-nav .nav-item:nth-of-type(3) {
    width: 16%;
  }
  .foot .foot-top .foot-nav .nav-item:nth-of-type(4) {
    width: 16%;
  }
}
@media screen and (max-width: 768px) {
  body {
    min-width: initial;
  }
  .w1200 {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .global-w {
    width: 100%;
    padding: 0 0.6rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*head*/
  .head {
    height: 3.8rem;
    position: relative;
  }
  .head .head-logo {
    top: 0.5rem;
    left: 20%;
    z-index: 300;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .head .head-logo img {
    height: 1.4rem;
  }
  .head .head-right {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
  }
  .head .head-right .head-nav {
    display: block;
    margin-left: 0;
    height: 62%;
    width: 100%;
    position: absolute;
    bottom: 5px;
  }
  .head .head-right .head-nav li {
    display: block;
    padding: 0;
    margin: 0;
    float: left;
    width: 16%;
    margin-top: 1.2rem;
  }
  .head .head-right .head-nav li:nth-child(1) {
    width: 13%;
  }
  .head .head-right .head-nav li:nth-child(5) {
    width: 21%;
  }
  .head .head-right .head-nav li a {
    display: inline-block;
    font-size: 10px;
    border-bottom: 0.08rem solid transparent;
    line-height: 12px;
    font-family: "Microsoft YaHei";
  }
  .head .head-right .head-nav li:before {
    content: '';
    width: 0;
    height: 4px;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
  }
  .head .head-right .head-nav li:hover {
    color: initial !important;
  }
  .head .head-right .head-nav li:hover.before {
    width: 0 !important;
  }
  .head .head-right .head-lang {
    top: 0.6rem;
    right: 10px;
    bottom: auto;
    margin-left: -2px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    border-radius: 0.1rem;
  }
  .head .head-right .head-lang a {
    width: 2rem;
    font-size: 0.56rem;
    line-height: 1.2rem;
  }
  .head .head-right.active {
    left: 0;
  }
  .white-space {
    height: 0px;
  }
  .home .home-banner .banner-text {
    position: absolute;
    top: 60%;
    left: 0;
  }
  .home .home-banner .banner-text h3 {
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    font-family: 'SourceHanSansCN-Regular';
  }
  .home .home-banner .banner-text h4 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    margin-top: 0.2rem;
  }
  .home .home-banner .banner-text p {
    width: 14.2rem;
    font-size: 0.7rem;
    line-height: 0.96rem;
    color: #fff;
    margin: 0 auto;
    font-family: "Times New Roman";
  }
  .home .home-research {
    padding: 1.3rem 0;
    background: url(../images/home/research-bg.jpg) center no-repeat;
    background-size: cover;
  }
  .home .home-research .res-outer {
    width: 5rem;
    padding: 1.7rem 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 auto;
    position: relative;
  }
  .home .home-research .res-outer .res-inner .img-box .res-num {
    width: 3.44rem;
    height: 2.54rem;
  }
  .home .home-research .res-outer .res-side.res-side-l {
    right: 85%;
    top: 2.46rem;
    padding-right: 1.6rem;
    border-right: 0.08rem solid #ffffff;
  }
  .home .home-research .res-outer .res-side h3 {
    font-size: 0.24rem;
    line-height: 14px;
    color: #fff;
  }
  .home .home-research .res-outer .res-side.res-side-l img {
    right: 0px;
    width: 50px;
  }
  .home .home-research .res-outer .res-side p {
    font-size: 0.36rem;
    line-height: 0.48rem;
    color: #fff;
    margin-top: 0.1rem;
    white-space: nowrap;
  }
  .home .home-research .res-outer .res-side.res-side-r {
    left: 58%;
    bottom: 50px;
    padding-left: 80px;
    border-left: 4px solid #fff;
  }
  .home .home-research .res-outer .res-inner {
    padding: 1.6rem 0 2.2rem;
    font-size: 0rem;
    text-align: center;
    position: relative;
  }
  .home .home-research .res-outer .res-inner .img-box {
    display: inline-block;
    position: relative;
    margin-left: 0.2rem;
    z-index: 20;
  }
  .home .home-research .res-outer .res-inner .res-text {
    position: absolute;
    left: -300%;
    top: 5.1rem;
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #fff;
    font-family: 'Microsoft YaHei';
    white-space: nowrap;
    -webkit-transform: translateX(-1%);
    -moz-transform: translateX(-1%);
    -ms-transform: translateX(-1%);
    transform: translateX(-1%);
  }
  .home .home-research .res-outer .res-inner .res-text.en {
    white-space: initial;
    width: 304px;
    font-size: 12px;
    left: -55%;
    top: 4.1rem;
  }
  .home .home-research .res-outer .res-inner .img-box .res-ball1 {
    position: absolute;
    left: -1.3rem;
    bottom: -0.2rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  .home .home-research .res-outer .res-inner .img-box .res-ball2 {
    position: absolute;
    right: -0.4rem;
    top: -0.64rem;
    height: 1.62rem;
    width: 1.62rem;
  }
  .home .home-research .res-outer .res-inner .res-btn {
    display: block;
    width: 210px;
    margin: 120px 0px 0px -50px;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    z-index: 20;
    cursor: pointer;
  }
  .home .home-research .res-outer .res-inner .res-btn a {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 54px;
    color: #1d6ecb;
    font-family: 'Microsoft YaHei';
  }
  .home .home-research .res-outer .res-inner .res-btn i {
    display: inline-block;
    vertical-align: middle;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #1d6ecb;
    margin-left: 5px;
  }
  .home .home-research .res-outer .res-inner .res-btn .fade-alert {
    display: none;
    background: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
  }
  .home .home-research .res-outer .res-inner .res-btn .fade-alert .alert {
    width: 250px;
    height: 170px;
    position: absolute;
    background: #FFFFFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home .home-research .res-outer .res-inner .res-btn .fade-alert .alert .closes {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 99;
  }
  .home .home-research .res-outer .res-inner .res-btn .fade-alert .alert video {
    height: 230px;
    width: 100%;
    position: absolute;
    bottom: -45px;
    left: 0;
  }
  .home .home-core {
    height: auto;
    background: url(../images/home/core-bg.jpg) no-repeat center;
    background-size: cover;
  }
  .home .home-core .item-l {
    float: left;
    width: 50%;
  }
  .home .home-core .item-l .core-title {
    padding-top: 2.1rem;
  }
  .home .home-core .item-l .core-title h3 {
    font-size: 0.86rem;
    line-height: 0.86rem;
    color: #1d6ecb;
  }
  .home .home-core .item-l .core-title p {
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #1d6ecb;
    margin-top: 0.16rem;
  }
  .home .home-core .item-l .core-text {
    margin-top: 0.88rem;
  }
  .home .home-core .item-l .core-text h3 {
    font-size: 0.44rem;
    line-height: 15px;
    color: #333;
    font-family: 'SourceHanSansCN-Regular';
  }
  .home .home-core .item-l .core-text p {
    font-size: 0.36rem;
    line-height: 12px;
    color: #aaaeb2;
    margin-top: 0.24rem;
  }
  .home .home-core .item-l .core-link {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #ccd3da;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-top: 1rem;
  }
  .home .home-core .item-r {
    float: left;
    width: 50%;
    margin-top: 0px;
  }
  .home .home-core .item-r .icon-list li {
    float: left;
    display: table;
    width: 3.58rem;
    height: 3.58rem;
    position: relative;
    text-align: center;
    margin-left: 3rem;
    overflow: hidden;
  }
  .home .home-core .item-r .icon-list li:nth-of-type(1) {
    margin-left: 3rem;
  }
  .banner-wrap .about-banner .banner-text h3 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
  }
  .banner-wrap .about-banner .banner-text p {
    font-size: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    font-family: 'Microsoft YaHei';
    margin-top: 0.3rem;
  }
  .about-brief .brief-focus .focus-title {
    padding: 1.6rem 0 1.4rem;
    border-bottom: 3px solid #ecf1f6;
    position: relative;
    margin-top: 20px;
    box-sizing: border-box;
  }
  .about-brief .brief-focus .focus-title .item-text {
    float: left;
    width: 9rem;
  }
  .about-brief .brief-focus .focus-title .item-text h3 {
    font-size: 0.68rem;
    line-height: 17px;
    color: #1d6ecb;
  }
  .about-brief .brief-focus .focus-title .item-text h4 {
    font-size: 0.4rem;
    line-height: 16px;
    color: #333;
    font-family: 'Microsoft YaHei';
    margin: 0.4rem 0 0.2rem;
  }
  .about-brief .brief-focus .focus-title .item-text p {
    font-size: 0.32rem;
    line-height: 12px;
    color: #aaaeb2;
  }
  .about-brief .brief-focus .focus-title .btn-check {
    display: block;
    width: 3.64rem;
    text-align: center;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    border-radius: 0.6rem;
    background: #1d6ecb;
    position: absolute;
    top: 40px;
    right: 0px;
  }
  .about-brief .brief-focus .focus-title .btn-check.en {
    top: 10px;
  }
  .about-brief .brief-focus .focus-title .btn-check span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.32rem;
    line-height: 1.16rem;
    color: #fff;
    font-family: 'Microsoft YaHei';
  }
  .about-brief .brief-focus .focus-paragraph {
    padding: 1.2rem 0 1rem;
  }
  .about-brief .brief-focus .focus-paragraph p {
    font-size: 12px;
    line-height: 0.8rem;
    color: #3f3f3f;
  }
  .about-brief .brief-advert {
    height: 9.22rem;
    background: url(../images/about/brief/advert.jpg) no-repeat center;
    background-size: cover;
    position: relative;
  }
  .about-brief .brief-advert .text h3 {
    font-size: 0.52rem;
    line-height: 0.64rem;
    color: #fff;
    font-family: 'Microsoft YaHei';
    margin: 0.3rem 0 0.16rem;
  }
  .about-brief .brief-advert .text p {
    width: 5.2rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: rgba(255, 255, 255, 0.5);
  }
  .about-brief .brief-research .res-list {
    width: 100%;
  }
  .about-brief .brief-research .res-list li {
    margin: 0 auto;
    float: inherit;
    width: 11.8rem;
  }
  .about-brief .brief-research .res-list li:nth-of-type(2n) {
    float: inherit;
  }
  .about-brief .brief-research .res-list li .img-box {
    height: 6.8rem;
    overflow: hidden;
  }
  .about-brief .template-info h3 {
    font-size: 0.48rem;
    line-height: 0.64rem;
    color: #333;
    font-family: 'Microsoft YaHei';
  }
  .about-brief .template-info h4 {
    font-size: 0.32rem;
    line-height: 0.4rem;
    color: #666;
    margin-top: 0.08rem;
  }
  .about-brief .template-info p {
    font-size: 0.36rem;
    line-height: 0.52rem;
    color: #666;
    font-family: 'Microsoft YaHei';
    margin-top: 0.2rem;
  }
  .about-brief .template-info a {
    display: inline-block;
    margin-top: 0.8rem;
  }
  .about-brief .template-info a em {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.32rem;
    line-height: 0.64rem;
    color: #1d6ecb;
    font-family: 'Microsoft YaHei';
  }
  .about-brief .brief-research .res-article {
    padding: 1.4rem 0 1.3rem;
  }
  .about-brief .brief-research .res-article p {
    font-size: 12px;
    line-height: 24px;
  }
  .about-brief .brief-research .res-article ul li {
    font-size: 12px;
    line-height: 24px;
    color: #3f3f3f;
    padding-left: 20px;
    position: relative;
  }
  .about-brief .brief-research .res-vision {
    height: 7.04rem;
    background: url(../images/about/brief/vision-bg.png) no-repeat center;
    background-size: cover;
    position: relative;
  }
  .about-brief .brief-research .res-vision .template-info {
    width: 7.2rem;
    position: absolute;
    right: 0.2rem;
    top: 1%;
    -webkit-transform: translateY(-1%);
    -moz-transform: translateY(-1%);
    -ms-transform: translateY(-1%);
    transform: translateY(-1%);
  }
  .innovation {
    padding-top: 1.6rem;
  }
  .innovation .title {
    font-size: 0.68rem;
    color: #1d6ecb;
    margin-bottom: 1.3rem;
    text-align: center;
  }
  .innovation-list-box {
    float: left;
    width: 48%;
    text-align: center;
    height: 86px;
    line-height: 86px;
    vertical-align: middle;
    margin-bottom: 0.4rem;
  }
  .innovation-list-box span {
    width: 100%;
    line-height: 1.2 !important;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
  }
  .innovation-data {
    margin-top: 2.1rem;
  }
  .innovation-data h1 {
    font-size: 18px;
    color: #1d6ecb;
    margin-bottom: 1rem;
    text-align: center;
  }
  .innovation-data h2 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 0.4rem;
    text-align: center;
  }
  .innovation-data p {
    color: #333333;
    font-size: 12px;
    line-height: 1rem;
  }
  .banner-wrap .about-banner .banner-text h3 {
    font-size: 28px;
    line-height: 1.8rem;
    color: #fff;
  }
  .banner-wrap .about-banner .banner-text p {
    font-size: 16px;
    line-height: 0.8rem;
    color: #fff;
    font-family: 'Microsoft YaHei';
    margin-top: 0.3rem;
  }
  .back-top {
    display: none;
    position: fixed;
    right: 0;
    bottom: 150px;
    width: 51px;
    height: 51px;
    background: url(../images/global/back-top.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 999;
  }
  .home .home-news .news-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .home .home-news .news-wrap li {
    float: left;
    margin-right: 45px;
    position: relative;
    width: 100%;
  }
  .home .home-news .news-wrap li .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 30px 0;
    background: #fff;
    text-align: center;
    -webkit-transition: padding 0.4s linear;
    -moz-transition: padding 0.4s linear;
    -ms-transition: padding 0.4s linear;
    transition: padding 0.4s linear;
  }
  .home .home-pro {
    width: 100%;
  }
  .home .home-pro .home-pro-title {
    width: 100%;
  }
  .home .home-pro .home-pro-list {
    width: 100%;
    margin: 70px auto;
  }
  .home .home-pro .home-pro-list li {
    float: left;
    width: 100%;
    height: 305px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-right: 0;
  }
  .home .home-pro .home-pro-list li .pro-wrap .info {
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
  }
  .foot .foot-top {
    padding: 0px;
  }
  .about-team .team-title {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    box-sizing: border-box;
  }
  .history {
    padding: 40px 0px;
  }
  .history-main {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
  }
  .intro1 .intro-left {
    display: inline-block;
    float: left;
    height: auto;
    width: 50%;
    position: relative;
  }
  .intro1 .intro-left .intro1-text-img {
    position: absolute;
    right: -40px;
    top: 70px;
    z-index: 1;
    width: 80px;
  }
  .intro1 .intro-left .intro-p {
    word-wrap: break-word;
    width: 94%;
    display: inline-block;
    float: left;
    margin-top: 10px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    font-size: 12px;
  }
  .intro1 .intro-left .intro-p2 {
    word-wrap: break-word;
    width: 90%;
    display: inline-block;
    float: left;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    font-size: 12px;
    margin-left: 0px;
  }
  .intro1 .intro1-right {
    position: relative;
    float: left;
    width: 50%;
  }
  .intro1 .intro1-right .date {
    line-height: 1;
    font-size: 16px;
  }
  .intro1 .intro1-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 80px;
    left: 0px;
  }
  .intro1 .intro1-right .des {
    font-size: 12px;
    line-height: 1;
  }
  .intro1 .intro1-right .intro1-right-p {
    font-family: "Microsoft YaHei";
    width: 84%;
    margin-left: 28px;
    margin-top: 32px;
    font-weight: normal;
    color: #000000;
  }
  .intro2 .intro2-left {
    display: inline-block;
    float: left;
    width: 50%;
    height: 280px;
    background: #1051A0;
    position: relative;
  }
  .intro2 .intro2-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 230px;
    right: 0px;
  }
  .intro2 .intro2-left .intro2-text-img {
    position: absolute;
    right: -40px;
    top: 36%;
    z-index: 1;
    width: 80px;
  }
  .intro2 .intro2-left .intro2-left-text {
    width: 75%;
    margin-top: 20%;
    margin-left: 6%;
  }
  .intro2 .intro2-left .intro2-left-text .date {
    font-size: 16px;
  }
  .intro2 .intro2-right {
    display: inline-block;
    float: left;
    position: relative;
    width: 50%;
    height: auto;
  }
  .intro2 .intro2-right:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .intro2 .intro2-right p {
    color: #f5f5f5;
    position: absolute;
    bottom: 8px;
    width: 70%;
    left: 17%;
    font-size: 12px;
    line-height: 1.5;
  }
  .intro2 .intro2-left .intro2-left-text .des {
    font-size: 12px;
  }
  .intro3 .intro3-left {
    display: inline-block;
    float: left;
    width: 50%;
    position: relative;
    margin-top: 0px;
  }
  .intro3 .intro3-left p {
    font-size: 12px;
    line-height: 1.5;
    margin-left: 16px;
    width: 88%;
    color: #000000;
  }
  .intro3 .intro3-left .intro3-text-img {
    position: absolute;
    right: -40px;
    top: 40px;
    z-index: 1;
    width: 80px;
  }
  .intro3 .intro3-right {
    float: left;
    width: 50%;
    position: relative;
  }
  .intro3 .intro3-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 230px;
    right: 0px;
  }
  .intro3 .intro3-right p {
    font-size: 12px;
    width: 80%;
    margin-left: 30px;
    margin-top: 20px;
    font-weight: normal;
    color: #000000;
    line-height: 1.5;
  }
  .intro3 .intro3-right p span {
    font-size: 16px;
  }
  .intro4 {
    overflow: hidden;
    height: 346px;
  }
  .intro4 .intro4-left {
    float: left;
    width: 50%;
    background: #1051A0;
    height: 346px;
    position: relative;
  }
  .intro4 .intro4-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 230px;
    right: 0px;
  }
  .intro4 .intro4-left .intro4-text-img {
    position: absolute;
    right: -40px;
    top: 200px;
    z-index: 1;
    width: 80px;
  }
  .intro4 .intro4-left .intro4-left-text {
    width: 77%;
    margin-top: 10%;
    margin-left: 10%;
  }
  .intro4 .intro4-left .intro4-left-text span {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
  }
  .intro4 .intro4-left .intro4-left-text span .month {
    font-size: 16px;
  }
  .intro4 .intro4-left .intro4-left-text span .des {
    font-size: 14px;
  }
  .intro4 .intro4-right {
    display: inline-block;
    float: left;
    position: relative;
    width: 50%;
    background: #212221;
  }
  .intro4 .intro4-right p {
    color: #ffffff;
    position: absolute;
    bottom: 75px;
    width: 70%;
    left: 20%;
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
  }
  .intro5 {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    background: url("../images/about/25.png") no-repeat center;
    background-size: cover;
  }
  .intro5 .intro5-left {
    float: left;
    width: 50%;
    position: relative;
  }
  .intro5 .intro5-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 80px;
    left: 0px;
  }
  .intro5 .intro5-left p {
    position: absolute;
    top: 40%;
    line-height: 2;
    width: 56%;
    left: 20%;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
  }
  .intro5 .intro5-left .intro5-text-img {
    position: absolute;
    right: -40px;
    top: 200px;
    z-index: 1;
    width: 80px;
  }
  .intro5 .intro5-right {
    float: left;
    width: 50%;
    position: relative;
  }
  .intro5 .intro5-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 230px;
    left: 0px;
  }
  .intro5 .intro5-right p {
    position: absolute;
    top: 48%;
    line-height: 2;
    width: 90%;
    left: 26px;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .intro5 .intro5-right p .intro5-right-p {
    font-size: 16px;
  }
  .intro6 {
    position: relative;
    overflow: hidden;
  }
  .intro6 .intro6-left {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
    color: #000000;
  }
  .intro6 .intro6-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 80px;
    right: 0px;
  }
  .intro6 .intro6-left .intro6-left-p {
    width: 75%;
    margin-left: 10%;
    font-weight: normal;
  }
  .intro6 .intro6-left .intro6-left-p .no1 {
    font-size: 16px;
  }
  .intro6 .intro6-left .intro6-left-p .no2 {
    font-size: 12px;
  }
  .intro6 .intro6-left .intro6-text-img {
    position: absolute;
    right: -40px;
    top: 200px;
    z-index: 1;
    width: 80px;
  }
  .intro6 .intro6-right {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
  }
  .intro6 .intro6-right .intro6-right-img {
    margin-left: auto;
  }
  .intro6 .intro6-right p {
    line-height: 2;
    width: 60%;
    margin-left: 24%;
    margin-top: 102px;
    font-size: 12px;
    font-weight: normal;
  }
  .intro7 {
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
  }
  .intro7 .intro7-left {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
    color: #000000;
    background: transparent;
  }
  .intro7 .intro7-left .intro7-left-text {
    width: 79%;
    margin-top: 5%;
    margin-left: 23%;
    font-family: "Microsoft YaHei";
    color: #000000;
    font-weight: normal;
    box-sizing: border-box;
  }
  .intro7 .intro7-left .intro7-left-text .n1 {
    font-size: 16px;
  }
  .intro7 .intro7-left .intro7-left-text .n2 {
    font-size: 12px;
    line-height: 1.5;
  }
  .intro7 .intro7-right {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
  }
  .intro7 .intro7-right .intro7-text-img {
    position: absolute;
    right: -46px;
    top: 16px;
    z-index: 1;
    width: 80px;
  }
  .intro7 .intro7-right .intro7-right-img {
    position: relative;
  }
  .intro7 .intro7-right .intro7-right-img span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 16px;
    color: #FFFFFF;
  }
  .intro7 .intro7-right .intro7-right-img img {
    width: 100%;
  }
  .intro7 .intro7-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 175px;
    left: 0px;
  }
  .intro7 .intro7-right p {
    width: 70%;
    color: #000000;
    margin-left: 20%;
    font-weight: normal;
    margin-top: 25px;
    font-size: 16px;
    line-height: 2;
  }
  .intro8 {
    position: relative;
    overflow: hidden;
  }
  .intro8 .intro8-left {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
  }
  .intro8 .intro8-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    right: 0px;
  }
  .intro8 .intro8-left p {
    width: 70%;
    color: #000000;
    margin-left: 25%;
    font-weight: normal;
    margin-top: 30px;
  }
  .intro8 .intro8-left p .n1 {
    font-size: 16px;
  }
  .intro8 .intro8-left p .n2 {
    font-size: 12px;
  }
  .intro8 .intro8-right {
    float: left;
    width: 50%;
    height: auto;
  }
  .intro8 .intro8-right .intro8-text-img {
    position: absolute;
    top: 20%;
    z-index: 1;
    left: 141px;
    width: 80px;
  }
  .intro8 .intro8-right .intro8-right-img {
    margin: auto;
    width: 100%;
  }
  .intro8 .intro8-right .intro8-right-img img {
    margin-left: 0px;
    margin-top: 130px;
  }
  .intro9 {
    position: relative;
    overflow: hidden;
  }
  .intro9 .intro9-left {
    float: left;
    width: 50%;
    height: 200px;
    position: relative;
  }
  .intro9 .intro9-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    right: 0px;
  }
  .intro9 .intro9-left p {
    position: absolute;
    color: #000000;
    width: 90%;
    margin-left: 5px;
    line-height: 1;
    font-size: 12px;
    margin-top: 0px;
  }
  .intro9 .intro9-left p .n1 {
    font-size: 16px;
  }
  .intro9 .intro9-left p .n2 {
    font-size: 14px;
    line-height: 2;
  }
  .intro9 .intro9-left .intro9-text-img {
    position: absolute;
    right: -40px;
    top: 35px;
    z-index: 1;
    width: 80px;
  }
  .intro9 .intro9-right {
    float: left;
    width: 50%;
    height: 200px;
    position: relative;
  }
  .intro9 .intro9-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 30px;
    left: 0px;
    z-index: 1;
  }
  .intro9 .intro9-right .intro9-right-img {
    margin-left: 0px;
    margin-top: 36px;
  }
  .intro9 .intro9-right .intro9-right-img p {
    position: absolute;
    bottom: 35px;
    width: 82%;
    left: 30px;
    font-size: 12px;
    color: black;
    line-height: 1.5;
  }
  .intro10 {
    position: relative;
    overflow: hidden;
  }
  .intro10 .intro10-left {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
    background: transparent;
  }
  .intro10 .intro10-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    right: 0px;
  }
  .intro10 .intro10-left .intro10-left-text {
    width: 75%;
    margin-top: -1%;
    margin-left: 6%;
    color: #000000;
    font-weight: normal;
  }
  .intro10 .intro10-left .intro10-left-text .n1 {
    font-size: 16px;
  }
  .intro10 .intro10-left .intro10-left-text .n2 {
    font-size: 12px;
  }
  .intro10 .intro10-left .intro10-text-img {
    position: absolute;
    right: -40px;
    top: 50px;
    z-index: 1;
    width: 80px;
  }
  .intro10 .intro10-right {
    float: left;
    width: 50%;
    position: relative;
  }
  .intro10 .intro10-right .intro10-right-img img {
    height: 190px !important;
  }
  .intro10 .intro10-right p {
    position: absolute;
    top: 125px;
    font-size: 12px;
    color: #ffffff;
    margin-left: 18%;
  }
  .intro11 {
    position: relative;
    overflow: hidden;
  }
  .intro11 .intro11-left {
    float: left;
    width: 50%;
    position: relative;
    background: #E1E3EF;
  }
  .intro11 .intro11-left .intro11-left-img img {
    height: auto;
    padding-top: 100px;
  }
  .intro11 .intro11-left p {
    position: absolute;
    bottom: 200px;
    left: 31px;
    width: 80%;
    font-size: 12px;
  }
  .intro11 .intro11-left .intro11-text-img {
    position: absolute;
    right: -40px;
    top: 200px;
    z-index: 1;
    width: 80px;
  }
  .intro11 .intro11-right {
    float: left;
    width: 50%;
  }
  .intro11 .intro11-right .intro11-right-text {
    display: inline-block;
    float: left;
    background: #1051A0;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .intro11 .intro11-right .intro11-right-text:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 180px;
    left: 0px;
  }
  .intro11 .intro11-right .intro11-right-text .intro11-text-p {
    width: 80%;
    margin-left: 30px;
    margin-top: 25%;
  }
  .intro11 .intro11-right .intro11-right-text .intro11-text-p .n1 {
    font-size: 16px;
  }
  .intro11 .intro11-right .intro11-right-text .intro11-text-p .n2 {
    font-size: 12px;
    line-height: 1.8;
  }
  .intro12 {
    position: relative;
    overflow: hidden;
  }
  .intro12 .intro12-left {
    float: left;
    width: 50%;
    height: 284px;
    position: relative;
    background: #EDEDED;
  }
  .intro12 .intro12-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    right: 0px;
  }
  .intro12 .intro12-left .intro12-left-text {
    width: 66%;
    margin-top: 25%;
    margin-left: 17%;
    color: #000000;
    font-weight: normal;
  }
  .intro12 .intro12-left .intro12-left-text .n1 {
    font-size: 16px;
  }
  .intro12 .intro12-left .intro12-left-text .n2 {
    font-size: 12px;
  }
  .intro12 .intro12-left .intro12-text-img {
    position: absolute;
    right: -40px;
    top: 85px;
    z-index: 1;
    width: 80px;
  }
  .intro12 .intro12-right {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
  }
  .intro12 .intro12-right:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .intro12 .intro12-right p {
    position: absolute;
    bottom: 40px;
    left: 30px;
    font-size: 12px;
    color: #ffffff;
    width: 80%;
    line-height: 2;
  }
  .intro13 {
    position: relative;
    overflow: hidden;
  }
  .intro13 .intro13-left {
    float: left;
    width: 50%;
    height: 230px;
    position: relative;
    background: #201408;
  }
  .intro13 .intro13-left:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
  }
  .intro13 .intro13-left p {
    position: absolute;
    bottom: 40px;
    left: 28px;
    line-height: 2;
    width: 67%;
    font-size: 12px;
    color: #ffffff;
    z-index: 2;
  }
  .intro13 .intro13-left .intro13-text-img {
    position: absolute;
    right: -40px;
    top: 35px;
    z-index: 1;
    width: 80px;
  }
  .intro13 .intro13-left .intro13-left-img img {
    height: 197px;
  }
  .intro13 .intro13-right {
    float: left;
    width: 50%;
    height: 230px;
    position: relative;
  }
  .intro13 .intro13-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 180px;
    left: 0px;
    z-index: 1;
  }
  .intro13 .intro13-right .intro13-right-text {
    display: inline-block;
    float: left;
    background: #1051A0;
    color: #ffffff;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .intro13 .intro13-right .intro13-right-text .intro13-text-p {
    width: 84%;
    margin-left: 30px;
    margin-top: 0px;
  }
  .intro13 .intro13-right .intro13-right-text .intro13-text-p .n1 {
    font-size: 16px;
  }
  .intro13 .intro13-right .intro13-right-text .intro13-text-p .n2 {
    font-size: 12px;
    line-height: 0.5;
  }
  .intro15 {
    position: relative;
    overflow: hidden;
  }
  .intro15 .intro15-left {
    float: left;
    width: 50%;
    height: 176px;
    position: relative;
    background: #EDEDED;
  }
  .intro15 .intro15-left:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    right: 0px;
  }
  .intro15 .intro15-left .intro15-left-text {
    width: 73%;
    margin-top: 20%;
    margin-left: 17px;
    color: #000000;
  }
  .intro15 .intro15-left .intro15-left-text .n1 {
    font-size: 16px;
  }
  .intro15 .intro15-left .intro15-left-text .n2 {
    font-size: 12px;
  }
  .intro15 .intro15-left .intro15-text-img {
    position: absolute;
    right: -40px;
    top: 40px;
    z-index: 1;
    width: 80px;
  }
  .intro15 .intro15-right {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
    background: #2E2E23;
    height: 177px;
  }
  .intro15 .intro15-right p {
    position: absolute;
    top: 84px;
    left: 30px;
    line-height: 1.5;
    width: 70%;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
  }
  .intro16 {
    position: relative;
    overflow: hidden;
  }
  .intro16 .intro16-left {
    float: left;
    width: 50%;
    height: 200px;
    position: relative;
  }
  .intro16 .intro16-left .intro16-left-img img {
    height: 200px;
  }
  .intro16 .intro16-left p {
    position: absolute;
    bottom: 40px;
    left: 20px;
    width: 70%;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
  }
  .intro16 .intro16-left .intro16-text-img {
    position: absolute;
    right: -40px;
    top: 40px;
    z-index: 1;
    width: 80px;
  }
  .intro16 .intro16-right {
    float: left;
    width: 50%;
    height: 200px;
    position: relative;
  }
  .intro16 .intro16-right:before {
    content: '';
    width: 80px;
    height: 1px;
    position: absolute;
    background: transparent;
    top: 190px;
    left: 10px;
    z-index: 1;
  }
  .intro16 .intro16-right .intro16-right-text {
    display: inline-block;
    float: left;
    background: #1051A0;
    color: #ffffff;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .intro16 .intro16-right .intro16-right-text .intro16-text-p {
    width: 85%;
    margin-left: 30px;
    margin-top: 4%;
  }
  .intro16 .intro16-right .intro16-right-text .intro16-text-p .n1 {
    font-size: 16px;
  }
  .intro16 .intro16-right .intro16-right-text .intro16-text-p .n2 {
    font-size: 12px;
  }
  .product {
    overflow: hidden;
  }
  .patent {
    overflow: hidden;
  }
}