* {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  /*-webkit-user-select: none;*/
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

body {
  font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue",
    "hiragino sans gb", sans-serif;
  line-height: 1.7;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  transition: background-color 0.4s;
  padding-top: 15px;
  padding-bottom: 15px;
}

.header.affix {
  background: #fff;
}

.wrapper {
  width: 90vw;
  margin: 0 auto;
}

.wrapper.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrapper2 {
  max-width: 90vw;
  width: 1636px;
  margin: 0 auto;
}

.wrapper .subnav {
  margin: 0 auto;
}

.header .logo {
  float: left;
}

.header .logo img.after {
  display: none;
}

.header .nav {
  float: right;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  display: block;
}

.header .gh {
  display: none;
}

.header .nav li {
  float: left;
  margin-left: 60px;
}

.header .nav li.active {
  font-weight: bold;
}

.header .nav li a {
  color: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

/*反向版本*/
.header-black {
  background-color: #fff;
}

.header-black .logo img.after {
  display: block;
}

.header-black .logo img.before {
  display: none;
}

.header-black .nav li a {
  color: #000;
}

.banner {
  background: #000;
  height: 560px;
  text-align: center;
  padding-top: 245px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.banner .wrapper {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 98;
}

.bannerbg {
  background-color: #000;
  background: url(../images/banner.jpg) no-repeat center/cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: pic_m 3s ease;
  -webkit-animation: pic_m 3s ease;
}

@keyframes pic_m {
  0% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}

.banner .title {
  font-size: 78px;
  line-height: 1.1;
  font-family: Bebas;
  position: relative;
}

.banner .subnav {
  margin-top: 55px;
  font-size: 16px;
}

.banner .subnav li {
  display: inline-block;
  padding-left: 20px;
}

.banner .subnav li:before {
  content: "▪";
  margin-right: 20px;
}

.banner .subnav li:first-child {
  padding-left: 0;
}

.banner .subnav li:first-child:before {
  display: none;
}

.banner .subnav li a {
  color: #fff;
  position: relative;
  display: inline-block;
  line-height: 1.15;
}

.banner .subnav li a:after {
  width: 0;
  height: 3px;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.banner .subnav li a:hover:after {
  width: 100%;
}

.banner .subnav li.active a:after {
  width: 100%;
}

.footer {
  background: #2a2a2a url(../images/foot_bg.jpg) no-repeat left top;
  height: 520px;
  color: #fff;
  padding-top: 100px;
}

.foot-logo {
  float: left;
  width: 590px;
}

.foot-logo .txt {
  margin-top: 220px;
  font-size: 12px;
  color: #818181;
}

.foot-nav {
  float: left;
  width: 870px;
  font-size: 16px;
}

.foot-nav dt {
  color: #ffffff;
}

.foot-nav dd {
  color: #999999;
  margin-top: 15px;
}

.foot-nav dd a:hover {
  color: #fff;
}

.foot-nav dl {
  float: left;
  width: 175px;
}

.foot-qrcode {
  float: right;
  font-size: 16px;
  color: #999999;
}

.foot-qrcode .qrcode img {
  margin-top: 10px;
}

.foot-qrcode .shareicos {
  margin-top: 100px;
}

.foot-qrcode .shareicos li {
  display: inline-block;
  margin-left: 20px;
}

.foot-qrcode .shareicos li:first-child {
  margin-left: 0;
}

.foot-news {
  background: #2a2a2a;
  border-top: #484848 solid 1px;
  padding: 40px 80px 60px;
}

.foot-news ul {
  overflow: hidden;
}

.foot-news li {
  width: 25%;
  float: left;
  padding-right: 30px;
  font-size: 16px;
  line-height: 1.8;
}

.foot-news li a:hover p {
  color: #ddd;
}

.foot-news li h2 {
  color: #ffffff;

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

.foot-news li p {
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.foot-news li h4 {
  font-size: 12px;
  color: #999999;
  margin-top: 15px;
}

/*发展历程*/
.history {
  position: relative;
  /* background-image: linear-gradient(-148deg, #313B81 6%, #1E1E51 94%); */
   background-image: linear-gradient(-148deg, #6c6c6e 6%, #39393b 94%);
  padding-top: 60px;
  padding-bottom: 130px;
  overflow: hidden;
}

.about-history-circle {
  width: 1440px;
  height: 1440px;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -720px;
  background: url(../images/bg-history-line.svg) no-repeat;
  background-size: 100%;
  transition: all 1s;
  transform-origin: center center;
}

.history .gallery-top li {
  padding: 50px 160px 30px 220px;
  overflow: hidden;
}

.history .gallery-top li .img {
  width: 490px;
  float: left;
  padding-left: 100px;
  position: relative;
  padding-bottom: 90px;
}

.history .gallery-top li .img img {
  position: relative;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.2) 0 10px 40px;
}

.history .gallery-top li .imgbg {
  width: 380px;
  height: 510px;
  background: #d3d2d2;
  position: absolute;
  left: 0;
  top: 90px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 30px;
}

.history .gallery-top li .img label {
  font-size: 125px;
  color: #e7e6e6;
  position: absolute;
  left: 10px;
  bottom: 20px;
  font-family: Bebas;
  line-height: 1;
  text-shadow: rgba(0, 0, 0, 0.1) 0 10px 30px;
}

.history .gallery-top li .txt {
  width: 650px;
  padding-top: 150px;
  font-size: 22px;
  color: #fff;
  margin: 0 auto;
}

.history .gallery-top .swiper-button-prev:after,
.history .gallery-top .swiper-button-next:after {
  display: none;
}

.history .gallery-top .swiper-button-prev {
  background: url(../images/history_prev2.png) no-repeat;
  width: 97px;
  height: 89px;
  /*transform:skewX(30deg);
            -webkit-transform:skewX(30deg); 
            -moz-transform:skewX(30deg);*/
}

.history .gallery-top .swiper-button-next {
  background: url(../images/history_next2.png) no-repeat;
  width: 93px;
  height: 85px;
}

/*缩略图*/
.history .gallery-thumbs {
  padding-left: 8%;
  padding-top: 30px;
}


.history .gallery-thumbs ul {
}

.history .gallery-thumbs li {
  /* border-top: 2px solid rgba(34, 100, 255, 0.5); */
  border-top: 2px solid rgba(22, 23, 24, 0.5);
  padding-top: 20px;
  width: 100px;
  height: 60px;
  border-radius: 0;
  opacity: 1;
  text-align: center;
  font-size: 22px;
  font-family: Bebas;
  cursor: pointer;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  color: #222425;
}

.history .gallery-thumbs li.swiper-slide-thumb-active {
  color: #fff;
}

.history .gallery-thumbs li .pointer {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    border-radius: 100%;
    left: 50%;
    top: -11px;
    margin-left: -11px;
    z-index: 4;
}

.history .gallery-thumbs li .pointer:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #2B52CB;
    border: 4px solid #929AD8;
    /* background: #1e1f22;
    border: 4px solid #4e4e50; */
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    transition: all 0.5s linear;
    z-index: 3;
}

.history .gallery-thumbs li .pointer:after {
    width: 8px;
    height: 8px;
    margin-left: -10px;
    margin-top: -10px;
    /* background: #6ACAFF;
    border: 6px solid #3A4792; */
    background: #808081;
    border: 6px solid #575758;
}

.history .gallery-thumbs li.swiper-slide-thumb-active .pointer:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 100%;
    background: transparent;
    transition: all 0.5s linear;
}

.history .gallery-thumbs li.swiper-slide-thumb-active .pointer:before {
    /* background: #6ACAFF; */
    background: #ebeff1;
}
/*
.history  .swiper-pagination{
	white-space: nowrap;
	overflow-x: scroll;
}
.history .swiper-pagination-bullet{
	background: url(../images/history_bar.png) no-repeat; width: 421px; height: 100px;
	border-radius: 0;
	opacity: 1;
	text-align: left;
	padding-left: 40px;
	line-height: 68px;
	font-size: 22px;
	font-family: Bebas;
}
.history .swiper-pagination-bullet-active {
	
}*/

/*公司环境*/
.companyphoto {}

.companyphoto .wrapper {
  overflow: hidden;
  padding: 180px 180px;
}
.companyphoto .img .map {
  height: 500px;
}
.companyphoto .img {
  width: 480px;
  float: left;
  position: relative;
}

.companyphoto .img h1 {
  font-size: 200px;
  line-height: 1;
  font-family: Bebas;
  font-weight: normal;
  position: absolute;
  left: -100px;
  /*top: -100px;*/
  top: -150px;
  color: #005e3a;
  display: inline-block;
}

.companyphoto .txt {
  width: 420px;
  float: right;
  text-align: center;

  padding-top: 120px;
}

.companyphoto .txt h3 {
  font-size: 26px;
  margin-top: 10px;
}

.companyphoto .txt p {
  font-size: 16px;
  margin-top: 30px;
}

.companyphoto2 {
  background: #f3f3f3;
}

.companyphoto2 .txt {
  float: left;
}

.companyphoto2 .img {
  float: right;
}

.companyphoto2 .img h1 {
  left: auto;
  right: -100px;
}

.companyphoto .gallery-thumbs {
  margin: 0 30px;
}

.companyphoto .gallery-thumbs .swiper-slide {
  line-height: 0;
}

.companyphoto .swiper-button-prev:after,
.companyphoto .swiper-button-next:after {
  display: none;
}

.companyphoto .swiper-button-prev,
.companyphoto .swiper-button-next {
  background: url(../images/companyphoto_prev.png) no-repeat left center;
  left: 0;
  bottom: 15px;
  top: auto;
}

.companyphoto .swiper-button-next {
  background-image: url(../images/companyphoto_next.png);
  background-position: right center;
  left: auto;
  right: 0;
}

.companyphoto .swiper-slide-thumb-active {
  position: relative;
}

.companyphoto .swiper-slide-thumb-active:after {
  content: "";
  border: #005e3a solid 4px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*公司介绍*/
.about-box {
  background: url(../images/about_07.jpg) no-repeat center top;
  background-size: cover;
}

.about-intro {
  padding-top: 215px;
  padding-bottom: 160px;
  height: auto;
  overflow: hidden;
}

.about-intro .txt {
  width: 652px;
  float: left;
}

.about-intro .txt-hd {
  margin-bottom: 32px;
}

.about-intro .txt-hd h4 {
  font-size: 16px;
  margin-bottom: 15px;
}

.about-intro .txt-hd h2 {
  font-size: 32px;
  color: #333333;
  line-height: 1.4;
}

.about-intro .img {
  float: right;
  padding-top: 70px;
}

.about-intro .txt-bd {
  font-size: 16px;
  line-height: 1.8;
}

.about-addr {
  position: relative;
  min-height: 775px;
  height: auto;
  overflow: hidden;
}

.about-addr .wrapper {
  display: flex;
  justify-content: center;
}

.about-addr .img {
  position: relative;
  left: 0;
  top: 0;
}

.about-addr .txt {
  position: relative;
  z-index: 1;
  width: 570px;
  margin-right: 130px;
  float: right;
  padding-top: 200px;
}

.about-addr .txt-hd {
  margin-bottom: 20px;
}

.about-addr .txt-hd h2 {
  font-size: 32px;
  font-weight: bold;
}

.about-addr .txt-bd {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 23px;
}

.about-addr .txt-ft {}

.about-addr .txt-ft .btn {
  width: 267px;
  height: 96px;
  display: inline-block;
  background: url(../images/btnbg.png) no-repeat center;
  line-height: 65px;
  padding-left: 95px;
  font-size: 14px;
  color: #333333;
}

.about-meta {
  padding: 12px 7px;
  height: auto;
  overflow: hidden;
}

.about-meta .metabox {
  width: 25%;
  float: left;
  padding: 0 7px;
  overflow: hidden;
  position: relative;
  /*cursor: pointer;*/
}

.about-meta .metabox-info {
  height: 851px;
  color: #fff;
  padding: 70px 55px 0 32px;
  position: relative;
  overflow: hidden;
}

.about-meta .metabox-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.about-meta .metabox:hover .metabox-bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.about-meta .metabox-bg.m1 {
  background: url(../images/about_03.jpg) no-repeat center;
  background-size: cover;
}

.about-meta .metabox-bg.m2 {
  background: url(../images/about_04.jpg) no-repeat center;
  background-size: cover;
}

.about-meta .metabox-bg.m3 {
  background: url(../images/about_05.jpg) no-repeat center;
  background-size: cover;
}
.about-meta .metabox-bg.m4 {
  background: url(../images/about_08.png) no-repeat center;
  background-size: cover;
}
.about-meta .num {
  font-size: 30px;
  margin-bottom: 30px;
  font-family: Bebas;
  position: relative;
}

.about-meta .txt {
  height: 400px;
  position: relative;
}

.about-meta .txt h2 {
  font-size: 32px;
  margin-bottom: 40px;
}

.about-meta .txt p {
  font-size: 16px;
}

.about-meta .meta {
  position: relative;
}

.about-meta .meta li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.about-meta .meta li+li {
  margin-left: 60px;
}

.about-meta .meta h1 {
  font-size: 78px;
  line-height: 1.3;
  font-family: Bebas;
}

.about-hope {
  height: 1002px;
  background: url(../images/about_06.jpg) no-repeat center;
  background-size: cover;
  padding-top: 324px;
  color: #fff;
}

.about-hope .txt {
  width: 440px;
}

.about-hope .txt-hd {
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 60px;
}

.about-hope .txt-bd {
  font-size: 16px;
  text-align: justify;
  line-height: 1.8;
}

/*联系我们*/
.contact-meta {
  padding: 40px 0;
  text-align: center;
}
.contact-meta h3 {
  font-size: 32px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
}
.contact-meta li {
  display: inline-block;
  padding: 0 80px;
  vertical-align: top;
  padding: 24px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 20px rgba(46, 125, 50, 0.1);
  border-radius: 20px;
}

.contact-meta .ico {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #005e3a;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-right: 15px;
}

.contact-meta .ico img {
  vertical-align: middle;
}

.contact-meta .txt {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 16px;
  color: #333333;
}

.contact-map {
  position: relative;
}
.contact-map h3 {
  font-size: 32px;
  font-weight: 700;
  text-align: left;
  width: 90vw;
  margin: auto;
  margin-bottom: 20px;
}
.contact-map .head {
  width: 1375px;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  margin: 0 auto;
  padding: 32px 0;
  text-align: center;
  font-size: 16px;
  color: #333;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.contact-map .head img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.contact-map .head span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
}

/*.contact-map .body img{
	display: block;
}*/
.contact-map .body .map {
  width: 90vw;
  height: 913px;
  margin: auto;
  margin-bottom: 20px;
}

.anchorBL {
  display: none;
}
.link-componey{
  width: 90vw;
  text-align: left;
  margin:0 auto;
  display: flex;
}
.link-componey li {
  margin-left: 20px;
  display: flex;
}
.link-componey li:first-child{
  margin-left: 0;
}
.link-componey li .ico {
 flex-shrink: 0;
}
/*企业荣誉*/
.companyhonor {
  background: url(../images/honorbg.jpg) repeat-y center;
  height: auto;
  overflow: hidden;
  padding-top: 110px;
}

.companyhonor .wrapper {
  position: relative;
  height: 100%;
}

.companyhonor-img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.companyhonor-img img {
  display: block;
  width: 789px;
}

.companyhonor-main {
  width: 705px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
  padding-bottom: 80px;
}

.companyhonor-main .body {
  background: #fff;
  margin-bottom: 10px;
  height: 840px;
  overflow-y: scroll;
}

.companyhonor-main .body li {
  padding: 0 50px;
}

.companyhonor-main .body li+li {
  border-top: 1px solid #d7d7d7;
}

.companyhonor-main .body .hd {
  height: 120px;
  padding-top: 40px;
  position: relative;
  cursor: pointer;
}

.companyhonor-main .body .hd:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  content: "";
  width: 7px;
  height: 13px;
  display: block;
  background: url(../images/honor02.png) no-repeat;
}

.companyhonor-main .body .icon {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}

.companyhonor-main .body .tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  width: 285px;
  line-height: 1.6;
}

.companyhonor-main .body .tit p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.companyhonor-main .body .bd {
  /*height: 300px;*/
  text-align: center;
  display: none;
  padding-top: 20px;
  text-align: left;
  padding-left: 105px;
  padding-bottom: 20px;
}

.companyhonor-main .body .bd img {
  width: 277px;
  box-shadow: -6px 9px 8px 2px rgba(0, 0, 0, 0.15);
}

.companyhonor-main .body li {
  height: 120px;
}

.companyhonor-main .body li.active {
  /*	height: 425px;*/
  height: auto;
}

.companyhonor-main .body li.active .bd {
  display: block;
}

.companyhonor-main .body li.active .hd:after {
  /*-webkit-transform: rotate(90deg);
	transform: rotate(90deg);*/
}

.companyhonor-main .foot {
  height: 60px;
  margin-top: 10px;
}

.companyhonor-main .foot a {
  position: relative;
  left: 0;
  right: 0;
  width: 347px;
  height: 60px;
  display: block;
  float: left;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
}

.companyhonor-main .foot a+a {
  margin-left: 10px;
}

.companyhonor-main .foot a:hover {
  background-color: #005e3a;
}

.companyhonor-main .foot a.foot-prev {
  background-image: url(../images/honor04.png);
}

.companyhonor-main .foot a.foot-next {
  background-image: url(../images/honor05.png);
}

.companyhonor-main .foot a.foot-prev:hover {
  background-image: url(../images/honor04-1.png);
}

.companyhonor-main .foot a.foot-next:hover {
  background-image: url(../images/honor05-1.png);
}

/*企业文化*/
.cultrue-img {
  text-align: center;
  padding-top: 190px;
  padding-bottom: 70px;
}

.cultrue-img li {
  display: inline-block;
  vertical-align: top;
  padding: 0 45px;
}

.cultrue-img .img {
  position: relative;
  margin-bottom: 95px;
  width: 300px;
  height: 607px;
  position: relative;
}

.cultrue-img .img img {
  position: absolute;
  left: 0;
  top: 0;
}

.cultrue-img .l1 .img img {
  width: 473px;
  height: 842px;
  max-width: initial;
  left: -20px;
}

.cultrue-img .l2 .img img {
  width: 706px;
  height: 929px;
  max-width: initial;
  left: auto;
  right: 0;
}

.cultrue-img .l3 .img img {
  width: 691px;
  height: 887px;
  max-width: initial;
  left: -30px;
}

.cultrue-img .l4 .img img {
  width: 584px;
  height: 789px;
  max-width: initial;
  left: auto;
  right: -90px;
}

.cultrue-img .txt {
  width: 280px;
  text-align: left;
  position: relative;
  z-index: 1;
}

.cultrue-img .txt h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.cultrue-img .txt p {
  font-size: 16px;
}

.cultrue-txt {
  padding-top: 70px;
  padding-bottom: 100px;
}

.cultrue-txt li {
  margin-bottom: 70px;
  height: 211px;
  margin-right: -142px;
}

.cultrue-txt .num {
  width: 715px;
  line-height: 211px;
  text-align: center;
  font-size: 150px;
  color: #ececec;
  float: left;
  font-family: Bebas;
}

.cultrue-txt .bar {
  float: left;
  width: 1058px;
  height: 211px;
  background: #ececec;
  font-size: 16px;
  border-radius: 211px 0 0 211px;
  position: relative;
}

.cultrue-txt .bar:before {
  content: "";
  position: absolute;
  left: 300px;
  top: 0;
  height: 100%;
  width: 2000px;
  background: #ececec;
}

.cultrue-txt .bar-ico {
  background: url(../images/cultrue01.png) no-repeat;
  background-size: cover;
  width: 211px;
  height: 211px;
  border-radius: 211px;
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.15);
  text-align: center;
  padding-top: 60px;
  font-size: 20px;
  float: left;
}

.cultrue-txt .bar-txt {
  float: left;
  /*width: 524px;*/
  margin-left: 120px;
  line-height: 211px;
  position: relative;
  width: 500px;
}

.cultrue-txt li:nth-child(1n) .bar-txt {
  float: left;
  margin-left: 58px;
}

.cultrue-txt li:nth-child(2n) .bar-txt {
  float: right;
}

.cultrue-txt .bar-txtbox {
  line-height: 1.8;
  vertical-align: middle;
  display: inline-block;
}

.cultrue-txt li:nth-child(2n) {
  margin-right: 0;
  margin-left: -142px;
}

.cultrue-txt li:nth-child(2n) .num {
  float: right;
}

.cultrue-txt li:nth-child(2n) .bar {
  float: right;
  border-radius: 0 211px 211px 0;
}

.cultrue-txt li:nth-child(2n) .bar:before {
  left: auto;
  right: 300px;
}

.cultrue-txt li:nth-child(2n) .bar-ico {
  float: right;
}

.cultrue-txt .bar-txt {
  float: right;
  margin-left: 0;
  margin-right: 58px;
}

/*组织架构*/
.aboutgroup {
  padding: 190px 0 220px;
  text-align: center;
}

/*首页*/
.hbanner-img {
  height: 1080px;
  height: 100svh;
  background-size: cover;
  background-position: center;
  text-align: center;
  position: relative;
}

.expaned {
  padding-top: 5%;
  animation: expanedToLeft 2s ease-in;
  overflow: hidden;
  height: 50svh;
  position: absolute;
  right: 0;
  float: right;
  width: 100vw;
  z-index: 3;
}

.expaned .origin {
  background-image: url(/uploads/media/b2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: right;
  height: 100%;
  width: 100vw;
  position: absolute;
  right: 0;
}

@-webkit-keyframes expanedToLeft {
  0% {
    width: 0;
    visibility: visible
  }

  100% {
    width: 100%;
    transform: translateX(0)
  }
}

.hbanner .swiper-slide-active .hbanner-img {
  animation: pic_m 4s ease;
  -webkit-animation: pic_m 4s ease;
}

.hbanner-tit {
  position: absolute;
  left: 0;
  right: 0;
  top: 42%;
  font-size: 78px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px;
  font-style: italic;
  text-align: center;
}

.hbanner-tit .dot {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  margin: 0 15px;
}

.hbanner .swiper-scrollbar {
  background: rgba(255, 255, 255, 0.2);
}

.hbanner.swiper-container-horizontal>.swiper-scrollbar {
  bottom: 155px;
  width: 100%;
  left: 0;
  opacity: 1 !important;
  height: 1px;
}

.hbanner .swiper-scrollbar-drag {
  z-index: 1;
  background: #fff;
}

.hbanner.swiper-container-horizontal>.swiper-pagination {
  width: auto;
  left: 5%;
  bottom: 125px;
  font-size: 18px;
  color: #fff;
  font-style: italic;
  font-family: Bebas;
  line-height: 1.4;
}

.hbanner .swiper-pagination-total {
  margin-left: 3px;
}

.hbanner .swiper-pagination-current {
  display: block;
  font-size: 78px;
}

.hbanner .swiper-button-next {
  right: 1vw;
}

.hbanner .swiper-button-prev {
  left: 1vw;
}

.habout {
  height: 1080px;
  position: relative;
  background: #2d2d2d;
  display: flex;
  display: -webkit-flex;
  padding-left: 53%;
}

.habout .title {
  position: absolute;
  right: 4%;
  bottom: 10%;
  z-index: 2;
}

.habout .left {
  width: 53%;
  height: 100%;
  background: url(../images/himg02.jpg) no-repeat center;
  background-size: cover;
  padding: 5% 0 0 7%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 15vh;
  padding-left: 12%;
}

.habout .left .img {
  margin-bottom: 40px;
}

.habout .left .img1 {
  position: relative;
  width: 66%;
  margin-left: -10%;
}

.habout .left .img2 {
  width: 68%;
  position: relative;
  margin-top: -15%;
}

.habout .left .txt {
  font-size: 16px;
  color: #333;
  width: 68%;
}

.habout .right {
  width: 100%;
}

.habout .right-img {
  width: 100%;
  height: 697px;
  position: relative;
  height: 65vh;
}

.habout .right-img .img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.habout .right-txt {
  color: #fff;
  padding: 120px 0 0 105px;
  font-size: 42px;
  line-height: 1.3;
  height: 35vh;
}

.habout .right-txt .swiper-slide {
  background: #2d2d2d;
}

.habout .swiper-pagination {
  text-align: left;
  padding-left: 100px;
  bottom: 50px;
}

.habout .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
}

.habout .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  opacity: 1;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.habout .swiper-pagination-bullet-active {
  width: 18px;
  height: 18px;
  border: 3px solid #fff;
  background: transparent;
}

.hnums {
  padding: 110px 0;
  height: auto;
  overflow: hidden;
  background: url(../images/hbg01.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  height: 55vh;
  padding-top: 80px;
}

.hnums .swiper-slide {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.hnums .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.hnums .img {
  padding-top: 40px;
  width: 536px;
  text-align: center;
  float: left;
  margin-left: 80px;
  margin-right: 50px;
}

.hnums .img.pt80 {
  padding-top: 80px;
}

.hnums .img h2 {
  font-size: 46px;
  color: #333333;
  margin-top: 15px;
}

.hnums .txt {
  float: left;
  width: 755px;
}

.hnums .info {
  font-size: 16px;
  color: #333;
  margin-bottom: 45px;
}

.hnums dl {}

.hnums dd {
  display: inline-block;
  vertical-align: top;
  width: 185px;
}

.hnums dd h2 {
  font-size: 53px;
  position: relative;
  line-height: 1;
  display: inline-block;
  font-style: italic;
  font-family: Bebas;
}

.hnums dd h2 em {
  position: absolute;
  right: -18px;
  bottom: 4px;
  display: inline-block;
  width: 27px;
  height: 27px;
  background: #005e3a;
  text-align: center;
  line-height: 27px;
  border-radius: 27px;
  box-shadow: 0 3px 15px 1px rgba(0, 0, 0, 0.2);
}

.hnums dd h2 em img {
  vertical-align: middle;
  position: relative;
  margin-top: -4px;
}

.hnums dd p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 22px;
}

.hmenu {
  height: auto;
  overflow: hidden;
  height: 45vh;
}

.hmenu ul {
  height: 100%;
}

.hmenu li {
  float: left;
  width: 25%;
  height: 454px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
}

.hmenu li.col2 {
  width: 50%;
}

.hmenu .img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.hmenu li:hover .img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.hmenu .txt {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 0 55px;
  height: 100%;
}

.hmenu .txt-num {
  font-size: 22px;
  font-family: Bebas;
  padding-top: 55px;
  height: 40%;
}

.hmenu .txt-tit {
  /*margin-top: 200px;*/
  /*height: 60%;*/
  position: absolute;
  bottom: 55px;
}

.hmenu .txt-tit img {}

.hmenu .txt-tit h4 {
  font-size: 24px;
  color: #fff;
  margin-top: 10px;
}

.hnums .swiper-button-prev {
  width: 97px;
  height: 89px;
  left: 0;
  margin-top: -35px;
  background: url(../images/history_prev2.png) no-repeat center;
}

.hnums .swiper-button-next {
  width: 97px;
  height: 89px;
  right: 0;
  margin-top: -35px;
  background: url(../images/history_next2.png) no-repeat center;
}

.happ {
  height: 1080px;
  background: #e4e4e4 url(../images/hbg02.jpg) no-repeat left bottom;
  background-size: cover;
}

.happ>div {
  padding-top: 220px;
  /*height: 1080px;*/
  height: 100svh;
  gap: 10vw;
}

.happ .left {
  float: initial;
  width: 556px;
  height: 556px;
  display: block;
  position: relative;
  margin-left: 10%;
  opacity: 1;
  transition: opacity 0.5s;
}

.happ .left .img1 {
  background: url(../images/himg13.png) no-repeat center top/cover;
  width: 556px;
  height: 556px;
  border-radius: 556px;
  overflow: hidden;
}

.happ .left .img1:before {
  top: 95px;
  left: -220px;
  transform: translate(900px, 250px);
}

.happ .left .img1:after {
  background: #ffb901;
  left: 380px;
  top: 250px;
  transform: translate(-1200px, -150px);
}

.happ .left .img1:before,
.happ .left .img1:after {
  content: "";
  width: 418px;
  height: 418px;
  background: #fe7020;
  border-radius: 418px;
  position: absolute;
  transition: 2s ease;
  -webkit-transition: 2s ease;
}

.happ li.swiper-slide-active .left .img1:before {
  transform: translate(0, 0);
}

.happ li.swiper-slide-active .left .img1:after {
  transform: translate(0, 0);
}

.happ .left .img1:before {
  top: 95px;
  left: -220px;
  transform: translate(900px, 250px);
}

.happ .left .img1:after {
  background: #ffb901;
  left: 380px;
  top: 120px;
  transform: translate(-1200px, -150px);
}

.happ .left .img2 {
  display: none;
  position: absolute;
  left: -60px;
  top: -85px;
  left: 0;
}

.happ .left .img2.active {
  display: block;
}

.happ .right {
  width: 50%;
  float: initial;
  display: flex;
  justify-content: space-between;
  flex: 1;
}

.happ .right .menu {
  margin-right: 50px;
}

.happ .right .menu a {
  cursor: pointer;
}

.happ .right .container {
  display: flex;
  flex-direction: column;
  transition: height .3s;
}

.happ .right .content {
  width: 365px;
  height: 410px;
  display: none;
}

.happ .right .content.active {
  display: block;
}

.happ .right .txt {
  margin-bottom: 70px;
}

.happ li.swiper-slide-active .right .txt {
  -webkit-animation: fadeInUp 1s 0.2s both;
  animation: fadeInUp 1s 0.2s both;
  -ms-animation: fadeInUp 1s 0.2s both;
}

.happ .right .txt h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
}

.happ .right .txt h4 img {
  vertical-align: middle;
  position: relative;
  margin-top: -2px;
  margin-right: 15px;
}

.happ .right .txt h2 {
  margin-bottom: 35px;
  font-size: 46px;
  color: #333333;
  line-height: 1.1;
}

.happ .right .txt p {
  font-size: 16px;
}

.happ .right .img {
  height: 247px;
  width: 187px;
  background: #fff;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
  margin-bottom: 75px;
}

.happ li.swiper-slide-active .right .img {
  -webkit-animation: fadeInUp 1s 0.4s both;
  animation: fadeInUp 1s 0.4s both;
  -ms-animation: fadeInUp 1s 0.4s both;
}

.happ .right .img-hd {
  height: 55px;
  border: 2px solid #d5d5d5;
  border-radius: 30px;
  padding: 0 20px;
  line-height: 55px;
  font-size: 14px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
}

.happ .right .img-hd em {
  width: 55px;
  height: 55px;
  background: #005c39;
  display: block;
  text-align: center;
  border-radius: 55px;
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 1;
  box-shadow: -3px 5px 15px 1px rgba(0, 0, 0, 0.18);
}

.happ .right .img-hd em img {
  vertical-align: middle;
}

.happ .right .img-bd {
  padding-top: 15px;
  text-align: center;
}

.happ .right .img-bd img {
  width: 159px;
  height: 159px;
}

.happ .right .btn {}

.happ li.swiper-slide-active .right .btn {
  -webkit-animation: fadeIn 1s 1s both;
  animation: fadeIn 1s 1s both;
  -ms-animation: fadeIn 1s 1s both;
}

.happ .right .btn a {
  width: 267px;
  height: 96px;
  display: inline-block;
  background: url(../images/btnbg.png) no-repeat;
  line-height: 70px;
  font-size: 14px;
  color: #333;
  text-align: left;
  padding-left: 93px;
  position: relative;
}

.happ .right .btn a.swiper-button-disabled {
  opacity: 0.5;
}

.happ .right .btn a+a {
  margin-left: -38px;
}

.happ .right .btn a:after {
  position: absolute;
  left: 35px;
  top: 30px;
  width: 6px;
  height: 11px;
  content: "";
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.happ .right .btn a.btn-left:after {
  background: url(../images/btnleft.png) no-repeat center;
  background-size: cover;
}

.happ .right .btn a.btn-left:hover:after {
  left: 25px;
}

.happ .right .btn a.btn-right:after {
  background: url(../images/btnright.png) no-repeat center;
  background-size: cover;
  left: auto;
  right: 65px;
}

.happ .right .btn a.btn-right:hover:after {
  right: 55px;
}

/*新闻中心*/
.news-swiper {
  position: relative;
}

.news-swiper #box {
  background: #fff;
  height: 585px;
}

.news-swiper .wrapper {
  padding: 95px 35px 110px;
  height: auto;
}

.news-swiper .slide {
  background: #fff;
}

.news-swiper .flipbox-side {
  background: #fff;
  box-shadow: 0 30px 60px -2px rgba(77, 81, 84, 0.1);
}

.news-swiper li {
  background: #fff;
  overflow: hidden;
}

.news-swiper .img {
  float: left;
  width: 50%;
  height: 585px;
  background-size: cover;
  background-position: center;
}

.news-swiper .img img {
  display: block;
}

.news-swiper .txt {
  float: left;
  width: 50%;
  height: 585px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  padding: 60px 65px 0;
}

.news-swiper .txt-hd {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 20px;
  height: auto;
  overflow: hidden;
}

.news-swiper .txt-hd h2 {
  float: left;
  font-size: 34px;
  color: #333;
  line-height: 1.2;
  font-family: Bebas;
}

.news-swiper .txt-hd em {
  float: right;
  font-size: 14px;
  line-height: 1.4;
  text-align: right;
  font-family: Bebas;
}

.news-swiper .txt-bd {
  padding-top: 95px;
  font-size: 16px;
}

.news-swiper .txt-bd h2 {
  font-size: 26px;
  margin-bottom: 30px;
}

.news-list {
  background: #e9e9e9;
  padding: 80px 0 60px;
}

.news-ul {
  height: auto;
  overflow: hidden;
  margin: -7px;
}

.news-ul li {
  width: 810px;
  background: #fff;
  height: 215px;
  float: left;
  margin: 7px;
  padding: 30px 0;
}

.news-ul .date {
  width: 165px;
  float: left;
  height: 150px;
  text-align: center;
  line-height: 1.4;
  font-size: 14px;
  font-family: Bebas;
  color: #333;
  padding-top: 48px;
  border-right: 1px solid #dbdbdb;
}

.news-ul .date big {
  display: block;
  font-size: 34px;
}

.news-ul .txt {
  margin-left: 60px;
  margin-top: 35px;
  width: 335px;
  float: left;
  font-size: 14px;
  color: #999999;
}

.news-ul .txt h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-ul .txt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-swiper .swiper-pagination {
  bottom: 35px;
  text-align: center;
  right: 0;
  left: 0;
}

.news-swiper .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  background: #777777;
  border-radius: 0;
  opacity: 1;
  /*border: #fff solid 5px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	box-sizing: content-box;*/
}

.news-swiper .swiper-pagination-bullet-active {
  background: #09603a;
}

.news-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0;
  cursor: pointer;
}

/*新闻中心-详情*/
.newsdetail {
  background: #e9e9e9;
  padding: 80px 0 90px;
  height: auto;
  overflow: hidden;
}

.newsdetail .news-left {
  float: left;
  width: 1210px;
}

.newsdetail .news-right {
  float: right;
  width: 405px;
}

.news-related {
  background: #fff;
}

.news-related .head {
  height: 55px;
  line-height: 55px;
  border-bottom: 1px solid #efefef;
  padding-left: 20px;
  border-left: 3px solid #005e3a;
  font-size: 16px;
}

.news-related .body {
  padding: 0 20px 30px 20px;
}

.news-related .body li {
  padding: 25px 0 28px;
  margin-bottom: 5px;
  border-bottom: 1px solid #efefef;
  font-size: 16px;
}

.news-related .body h4 {
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
  line-height: 1.2;
}

.news-related .body li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newscon {
  background: #fff;
}

.newscon .head {
  padding: 28px 32px 20px 50px;
  border-left: #005e3a solid 8px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  line-height: 1.3;
}

.newscon .head h2 {
  font-size: 24px;
}

.newscon .head h4 {
  font-size: 14px;
  color: #333333;
  margin-top: 12px;
}

.newscon .head .share {
  position: absolute;
  right: 32px;
  bottom: 20px;
}

.newscon .head .share li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}

.newscon .head .share li img:hover {
  opacity: 0.9;
}

.newscon .body {
  padding: 50px;
  font-size: 16px;
  color: #333;
}

.newscon .body p {
  margin-bottom: 35px;
}

.newspage {
  margin-top: 10px;
}

.newspage ul {
  height: auto;
  overflow: hidden;
  margin: -5px;
}

.newspage li {
  width: 600px;
  height: 68px;
  background: #fff;
  float: left;
  margin: 5px;
  line-height: 68px;
  font-size: 16px;
  color: #333333;
  padding: 0 32px;
}

.newspage li a {
  color: #333;
  display: inline-block;
  width: 65%;
  vertical-align: top;

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

.newspage li a:hover {
  color: #3e6ed4;
}

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

.newspage .line {
  margin: 0 25px;
}

/*汽车租赁*/
.solution-img {
  padding-top: 210px;
  height: auto;
  overflow: hidden;
}

.solution-img .txt {
  width: 645px;
  margin-top: 180px;
  margin-left: 125px;
  font-size: 16px;
  color: #333;
  float: left;
}

.solution-img .txt h2 {
  margin-bottom: 45px;
  font-size: 28px;
  color: #333333;
  line-height: 1.4;
}

.solution-img .img {
  float: right;
  margin-right: 156px;
  position: relative;
  width: 565px;
  height: 673px;
}

.solution-img .img img {
  display: block;
}

.solution-img .img .img1 {
  margin-left: 185px;
  margin-top: 90px;
}

.solution-img .img .img2 {
  position: absolute;
  right: -10px;
  top: 190px;
}

.solution-img .img .img3 {
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 20px -20px 30px rgba(0, 0, 0, 0.02);
}

.solution-map {
  height: auto;
  overflow: hidden;
}

.solution-map .img {
  float: left;
  width: 859px;
}

.solution-map .txt {
  float: left;
  margin-top: 125px;
  margin-left: 55px;
}

.solution-map .txt-dsc {
  width: 565px;
  font-size: 16px;
  color: #333;
}

.solution-map .txt-num {
  margin-top: 80px;
}

.solution-map .txt-num li {
  display: inline-block;
  vertical-align: top;
  margin-right: 48px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

.solution-map .txt-num h1 {
  font-size: 78px;
  color: #333;
  font-family: Bebas;
  line-height: 1.2;
  margin-bottom: 10px;
  position: relative;
}

.solution-map .txt-num h1 em {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #09603a;
  display: inline-block;
  position: absolute;
  right: -18px;
  bottom: 0;
  text-align: center;
}

.solution-map .txt-num h1 em img {
  vertical-align: middle;
  position: relative;
  margin-top: -10px;
}

.solution-car {
  padding: 250px 0;
  background: url(../images/bg03.jpg) no-repeat center;
  background-size: cover;
  height: auto;
  overflow: hidden;
}

.solution-car+.solution-car {
  margin-top: 5px;
}

.solution-car .nav {
  float: left;
}

.solution-car .nav li {
  display: inline-block;
  vertical-align: top;
  width: 328px;
  height: 328px;
  border-radius: 50%;
  /*background: #fff;*/
  padding: 100px 70px 0 70px;
  font-size: 16px;
  color: #fff;
  position: relative;
  background-image: linear-gradient(rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0.06));
}

.solution-car .nav li+li {
  margin-left: -50px;
}

.solution-car .nav li:nth-child(2n) {
  background-image: linear-gradient(rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.6));
}

.solution-car .nav h2 {
  font-size: 26px;
}

.solution-car .txt {
  float: right;
  text-align: center;
  padding-right: 200px;
  color: #fff;
  padding-top: 90px;
}

.solution-car .txt h3 {
  font-size: 30px;
  font-family: Bebas;
  margin-bottom: 10px;
}

.solution-car .txt h2 {
  font-size: 46px;
}

.solution-car2 {
  background-image: url(../images/bg02.jpg);
}

.solution-car2 .nav {
  float: right;
}

.solution-car2 .txt {
  float: left;
  padding-left: 200px;
  padding-right: 0;
}

/*信息科技*/
.solution-wrap {
  background: #f3f3f3;
  padding-bottom: 100px;
}

.solution-about {
  padding-top: 325px;
  padding-bottom: 235px;
}

.solution-about .wrapper {
  min-height: 520px;
  background: #fff;
  position: relative;
}

.solution-about .imgbox {
  position: absolute;
  left: 67px;
  top: 0;
}

.solution-about .imgbox li {
  display: block;
  float: left;
  width: 248px;
  position: relative;
  margin-right: 20px;
}

.solution-about .imgbox .l1 {
  position: relative;
  margin-top: -40px;
}

.solution-about .imgbox .l2 {
  position: relative;
  margin-top: -170px;
}

.solution-about .imgbox .l3 {
  position: relative;
  margin-top: 35px;
}

.solution-about .imgbox img {
  display: block;
  box-shadow: 3px 10px 15px 2px rgba(0, 0, 0, 0.1);
}

.solution-about .imgbox .txt {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 50px;
  color: #fff;
  line-height: 1.3;
}

.solution-about .imgbox .txt h4 {
  font-size: 14px;
}

.solution-about .imgbox .txt h2 {
  font-size: 32px;
  margin-top: 20px;
}

.solution-about .info {
  width: 625px;
  padding: 100px 0 110px 0;
  margin-left: 960px;
  font-size: 16px;
}

.solution-about .info h2 {
  font-size: 26px;
  margin-bottom: 35px;
}

.solution-about .info p {
  line-height: 1.9;
}

.solution-sec {
  padding-top: 100px;
  padding-bottom: 158px;
}

.solution-sec .txt {
  float: left;
  width: 700px;
  margin-left: 25px;
  color: #6b6b6b;
  padding-top: 40px;
}

.solution-sec .txt-num {
  font-size: 60px;
  font-family: Bebas;
  line-height: 1.1;
  margin-bottom: 80px;
}

.solution-sec .txt-tit {
  font-size: 24px;
  margin-bottom: 38px;
}

.solution-sec .txt-desc {
  font-size: 16px;
}

.solution-sec .txt-desc li {
  position: relative;
  padding-left: 35px;
}

.solution-sec .txt-desc li+li {
  margin-top: 50px;
}

.solution-sec .txt-desc li em {
  position: absolute;
  left: 0;
  top: 0;
}

.solution-sec .img {
  float: right;
  position: relative;
}

.solution-sec .img img {
  width: 708px;
  height: 481px;
  position: relative;
  z-index: 1;
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.15);
}

.solution-sec .img:after {
  width: 708px;
  height: 481px;
  position: absolute;
  right: -60px;
  bottom: -70px;
  content: "";
  background: #b8b7b8;
}

.solution-sec2 .img {
  float: left;
  margin-left: 25px;
}

.solution-sec2 .txt {
  float: right;
  margin-right: 25px;
  padding-top: 60px;
}

.solution-sec2 .txt-desc li+li {
  margin-top: 22px;
}

/*-------------------------------*/
/*合作伙伴*/
.partner {
  background: #ffffff;
}

.partner .body {
  color: #333333;
  font-size: 16px;
  font-family: 苹方;
  font-weight: bold;
}

.partner .body ul {
  overflow: hidden;
  width: 110%;
  padding-top: 100px;
  padding-left: 35px;
  margin-left: -35px;
}

.partner .body li {
  /*display: inline-block;*/
  margin-right: 20px;
  float: left;
}

.partner .body .img {
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 35px;
  width: 394px;
  height: 222px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.partner .body li:hover .img {
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 35px;
}

.partner .body .img img {
  padding: 22px 78px;
}

.partner .body .txt {
  text-align: center;
  margin: 25px auto;
}

.partner .foot {
  margin: 75px 0 90px 0;
}

/*人才理念*/
.talent-txt {
  background: #ffffff;
  height: auto;
  overflow: hidden;
}

.talent-txt .txt {
  float: left;
  padding-left: 65px;
}

.talent-txt1 .txt {
  margin-top: 390px;
  width: 450px;
}

.talent-txt2 .txt {
  margin-top: 360px;
  width: 460px;
}

.talent-txt .txt h2 {
  font-family: OPPOSans;
  font-size: 36px;
  color: #333333;
}

.talent-txt .txt p {
  font-size: 16px;
  color: #333;
  padding-top: 45px;
  font-family: OPPOSans;
}

.talent-txt .img {
  float: right;
}

.talent-txt1 .img {
  margin: 227px 100px 190px 0;
}

.talent-txt2 .img {
  margin: 145px 0 -5px 0;
}

.talent-nav {
  background: #efefef;
}

.talent-nav ul {
  overflow: hidden;
  width: 110%;
  padding: 120px 0 120px 50px;
  margin-left: -50px;
}

.talent-nav li {
  width: 312px;
  height: 507px;
  float: left;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.3) -10px 10px 50px;
  margin-right: 20px;
  position: relative;
  top: 0;
  cursor: pointer;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}

.talent-nav li:hover {
  box-shadow: rgba(0, 0, 0, 0.4) -10px 10px 50px;
  top: -15px;
  background: #015f3b;
}

.talent-nav li:hover .txt {
  color: #fff;
}

.talent-nav .txt {
  font-family: OPPOSans;
  color: #333333;
  padding: 70px 50px 0 40px;
}

.talent-nav .txt h2 {
  font-size: 26px;
}

.talent-nav .txt p {
  font-size: 16px;
  padding-top: 25px;
}

.talent-nav .ico {
  position: absolute;
  left: 40px;
  top: 420px;
}

/*人才引进*/
.joblist {
  background: #efefef;
}

.joblist .jobbody {
  padding: 135px 90px 0 90px;
}

.joblist .jobbody li {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
  height: auto;
  overflow: hidden;
  padding: 0 30px;
  border-bottom: #dcdcdc solid 2px;
}

.joblist .jobbody li:last-child {
  border: none;
}

.joblist .jobbody .head {
  height: 90px;
}

.joblist .jobbody .head-name {
  font-family: 苹方;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  float: left;
  width: 526px;
  margin: 35px 0;
}

.joblist .jobbody .head-num {
  font-family: 苹方;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  float: left;
  width: 110px;
  margin: 22px 0;
  text-align: center;
}

.joblist .jobbody .head-num strong {
  font-family: Bebas;
  font-size: 16px;
  color: #005e3a;
  padding-top: 10px;
  text-align: center;
}

.joblist .jobbody .head-addr {
  font-family: 苹方;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  float: left;
  width: 370px;
  margin: 22px 0;
  text-align: center;
}

.joblist .jobbody .head-addr strong {
  font-family: 苹方;
  font-size: 16px;
  color: #005e3a;
  padding-top: 10px;
  text-align: center;
}

.joblist .jobbody .head-date {
  font-family: 苹方;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  float: left;
  width: 170px;
  margin: 22px 0;
  text-align: center;
}

.joblist .jobbody .head-date strong {
  font-family: Bebas;
  font-size: 16px;
  color: #005e3a;
  padding-top: 10px;
  text-align: center;
}

.joblist .jobbody .head-btn {
  float: right;
  text-align: center;
  margin: 26px 0;
}

.joblist .jobbody .head-btn a {
  display: block;
  padding: 10px 38px;
  border: #c3c3c3 solid 1px;
  font-family: 苹方;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

.joblist .jobbody .head-btn a:hover {
  background-color: #005e3a;
  color: #ffffff;
  border-color: #005e3a;
  text-decoration: none;
}

.jobbody .body {
  display: block;
  border-top: #eaeaea solid 1px;
  padding: 30px 0 55px;
  display: none;
}

.joblist li.active {
  border-color: #005a37;
}

.joblist .jobbody li.active .body {
  display: block;
}

.jobbody .body h2 {
  font-family: 苹方;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}

.jobbody .body p {
  font-family: 苹方;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
  margin-bottom: 25px;
}

.jobfoot {
  padding: 60px 0 60px 0;
}

/*业务领域-01*/
.solution-box {
  background: #f3f3f3;
  padding-top: 240px;
  padding-bottom: 160px;
}

.solution-box .solution-intro {
  /*margin-bottom: 140px;*/
}

.solution-box .solution-intro .box {
  background: #ffffff;
  height: 580px;
}

.solution-intro .img {
  float: left;
  padding-left: 45px;
  position: relative;
  margin-top: -55px;
}

.solution-intro .img img {
  width: 792px;

  box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 20px;
  line-height: 0;
}

.solution-intro .img sub {
  font-family: Bebas;
  font-size: 140px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 85px;
  top: 400px;
  text-shadow: rgba(0, 0, 0, 0.2) 10px 10px 40px;
  line-height: 1;
}

.solution-intro .txt {
  font-family: OPPOSans;
  color: #333333;
  float: left;
  padding-top: 200px;
  padding-left: 110px;
  width: 700px;
}

.solution-intro .txt h2 {
  font-size: 26px;
  padding-bottom: 40px;
}

.solution-intro .txt p {
  font-size: 16px;
  text-indent: 2em;
}

.solution-box .solution-section {
  padding-top: 160px;
}

.solution-box .solution-section .box {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) -15px 10px 40px;
  margin-left: 170px;
  /*overflow: hidden;*/
}

.solution-box .solution-section .txt {
  float: left;
  position: relative;
  padding-left: 85px;
  font-family: OPPOSans;
  font-size: 16px;
  color: #6b6b6b;
  width: 864px;
  height: 583px;
  padding-top: 170px;
  padding-right: 100px;
}

.solution-box .solution-section .txt sup {
  font-family: Bebas;
  font-size: 106px;
  color: #6b6b6b;
  font-weight: bold;
  position: absolute;
  left: 85px;
  top: -50px;
  line-height: 1;
  z-index: 1;
}

.solution-box .solution-section .txt h2 {
  font-family: OPPOSans;
  font-size: 24px;
  color: #6b6b6b;
  font-weight: bold;
  padding-bottom: 50px;
  z-index: 1;
  position: relative;
}

.solution-box .solution-section .txt li {
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
  padding-left: 35px;
}

.solution-box .solution-section .txt p {
  position: relative;
  z-index: 1;
  text-indent: 2em;
}

.solution-box .solution-section .txt em {
  position: absolute;
  left: 0;
  top: 0;
}

.solution-box .solution-section .txt .bgimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.solution-box .solution-section .img {
  float: right;
  width: 602px;
  height: 583px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.solution-box .solution-section2 {
  padding-top: 160px;
}

.solution-box .solution-section2 .box {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 10px 15px 40px;
  margin-right: 170px;
  margin-left: 0;
}

.solution-box .solution-section2 .img {
  float: left;
}

.solution-box .solution-section2 .txt {
  float: right;
  width: 864px;
  height: 583px;
  padding-left: 80px;
  position: relative;
  padding-top: 185px;
}

.solution-box .solution-section2 .txt sup {
  position: absolute;
  right: 80px;
  line-height: 1;
  left: auto;
}

/*.solution-box .solution-section2 .txt img{
	position: absolute;left: 0;bottom: 0;
}*/

/*分页*/
.pages {
  margin-top: 40px;
  height: 90px;
  line-height: 90px;
  border-top: #cacaca solid 1px;
  position: relative;
}

.pages .pages-prev {
  background: url(../images/pages-prev.png) no-repeat left;
  padding-left: 20px;
  font-family: Montserrat;
  color: #005e3a;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}

.pages .pages-prev a {
  color: #005e3a;
}

.pages .pages-next {
  background: url(../images/pages-next3.png) no-repeat right;
  float: right;
  padding-right: 20px;
  font-family: Montserrat;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}

.pages .pages-nums {
  font-family: Montserrat;
  color: #414141;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.pages .pages-nums li {
  display: inline-block;
  position: relative;
}

.pages .pages-nums a {
  text-decoration: none;
  padding: 0 20px;
}

.pages .pages-nums a:hover {
  color: #40866b;
}

.pages .pages-nums .active a {
  color: #40866b;
}

.pages .pages-nums .active:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 4px;
  background: #005e3a;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.footer {
  background: #2a2a2a url(../images/foot_bg.jpg) no-repeat left top;
  height: 520px;
  color: #fff;
  padding-top: 100px;
}

.foot-logo {
  float: left;
  width: 590px;
}

.foot-logo .txt {
  margin-top: 220px;
  font-size: 12px;
  color: #818181;
}

.foot-nav {
  float: left;
  width: 870px;
  font-size: 16px;
}

.foot-nav dt {
  color: #ffffff;
}

.foot-nav dd {
  color: #999999;
  margin-top: 15px;
}

.foot-nav dl {
  float: left;
  width: 175px;
}

.foot-qrcode {
  float: right;
  font-size: 16px;
  color: #999999;
}

.foot-qrcode .qrcode img {
  margin-top: 10px;
}

.foot-qrcode .shareicos {
  margin-top: 100px;
}

.foot-qrcode .shareicos li {
  display: inline-block;
  margin-left: 20px;
}

.foot-qrcode .shareicos li:first-child {
  margin-left: 0;
}

.icon img {
  width: 32px;
  height: 32px;
}