/* 容器的宽度 */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

img {
  display: block;
  max-width: 100%
}

/* 头部 */
header {
  background: rgba(0, 0, 0, 0.2);
  /* height: 127px;*/
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: 0.5s
}

header.on {
  top: -127px
}

header.bg {
  background: #2178d9
}
.logo-img img {
  width:80%;
  margin-left: 20%;
}

.nav-info {
  height: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff
}

.company {
  background: url(../images/arrow-down.png) no-repeat right center;
  padding-right: 18px;
  line-height: 36px;
  cursor: pointer;
}

.nav-info-btn a {
  display: block
}

.nav-info-btn>i {
  display: block;
  height: 14px;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 20px;
  margin-top: 3px
}

.nav-list {
  height: 70px;
  color: #fff;
  font-size: 16px
}

nav a {
  display: block;
  margin-right: 3vw;
  font-size: 16px;

}

nav a:hover,
.nav-info a:hover {
  color: #fff
}

.logo>i {
  height: 23px;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 18px
}

.stock-code {
  /* line-height: 28px; */
  text-align: right;
  font-size: 14px;

}

.stock-code>p:last-child {
  font-size: 22px;
  /* font-family: Bahnschrift; */
  font-weight: 400
}

.banenr a {
  display: block
}

.banenr img {
  width: 100%;
}

/* .bannerSwiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 29px
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #ababab
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  background: #00A9E0
} */

.videobox video {
  width: 100%;
  object-fit: cover;
}

.bannerSwiper {
  position: relative;
}

.bannerSwiper .swiper-slide {}

.bannerSwiper .swiper-slide a {
  display: block;
}

.bannerSwiper .swiper-slide .pic img {
  width: 100%;
  object-fit: cover;
}

.bannerSwiper .swiper-slide .con {
  position: absolute;
  color: #fff;
  left: 0%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.bannerSwiper .swiper-slide .con {
  opacity: 0;
  margin-left: 100px;
  transition: all 0.5s;
  position: absolute;
  color: #fff;
  left: 0%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.bannerSwiper .swiper-slide-active .con {
  opacity: 1;
  margin-left: 0px;
  transition: all 1s;
}

.bannerSwiper .swiper-slide .con .d1 {
  font-size: 26px;
  margin-bottom: 10px;
}

.bannerSwiper .swiper-slide .con .d2 {
  font-size: 56px;
}

.bannerSwiper .swiper-slide .con .d3 {
  font-size: 26px;
  margin-top: 10px;
}

.bannerSwiper .swiper-slide .con .d4 {
  margin-top: 30px;
}

.bannerSwiper .swiper-slide .con .d4 a {
  display: inline-block;
  text-align: center;
  line-height: 36px;
  width: 150px;
  color: #fff;
  background: #00A9E0;
  border-radius: 3px;
  transition: all 0.5s ease;
}

.bannerSwiper .swiper-slide .con .d4 a img {
  margin-left: 10px;
}

.bannerSwiper .swiper-button-next,
.bannerSwiper .swiper-button-prev {
  transition: all 0.5s;
  width: 60px;
  height: 60px;
  margin-top: 50px;
  border: 2px solid #333;
  border-radius: 50%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background: no-repeat center center;
  background-size: auto 66%;
  z-index: 5;
}

.bannerSwiper .swiper-button-prev {
  background-image: url(../images/left01.png);
  left: 4%;
}

.bannerSwiper .swiper-button-next {
  background-image: url(../images/right01.png);
  right: 4%;
}

.bannerSwiper .swiper-pagination {
  outline: none;
  position: absolute;
  bottom: 20px !important;
  left: 0%;
  width: 100%;
  color: #fff;
  z-index: 5;
  text-align: center;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 5px;
  width: 90px;
  height: 4px;
  line-height: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  opacity: 1;
  transition: all 8s ease;
}



.bannerSwiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  background: #00A9E0;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet.on:before {
  width: 100%;
  transition: all 7.9s linear;
}

.party-building {
  padding: 63px 0 0 0
}

.column {
  font-size: 36px;
  font-weight: bold;
  color: #0551a7;
  text-align: center
}

.column-title {
  text-align: center;
  font-weight: bold;
  color: #000000;
  font-size: 26px;
  padding-top: 14px
}

.know-more {
  text-align: center;
  padding: 46px 0 68px 0
}

.know-more a {
  height: 35px;
  width: 160px;
  background: #00A9E0;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 35px
}

.know-more a:hover {
  color: #fff
}

.party-building>.container>.content {
  border-radius: 10px;
  overflow: hidden
}

.party-building>.container>.content .text {
  width: 50%;
  right: 0;
  box-sizing: border-box;
  height: 100%;
  z-index: 2;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0 10% 0 9%;
  font-size: 20px;
  line-height: 36px
}

.industry-title {
  margin: 58px 0 49px 0;
  height: 105px
}

.line {
  font-size: 22px;
  color: #333333;
  /* font-family: SourceHanSansSC; */
  font-weight: 500;
  padding-top: 0
}

.line::after {
  position: absolute;
  right: 0;
  bottom: -12px;
  width: 65px;
  height: 3px;
  content: "";
  background: #00A9E0
}


.m_index_case-swiper .swiper-button-next::after,
.m_index_case-swiper .swiper-button-prev::after,
.pc_index_case .swiper-button-next::after,
.pc_index_case .swiper-button-prev::after {
  font-size: 30px;
  color: #333;
}

.pc_index_case .swiper-button-next {
  right: -40px;
}

.pc_index_case .swiper-button-prev {
  left: -40px;
}

.index_case li {
  width: 23.8%;
  margin-right: 18px;
  transition: 0.5s
}

.index_case li:last-child {
  margin-right: 0
}

.index_case a {
  display: block;
  overflow: hidden;
  border-radius: 6px;
}

.index_case img {
  width: 100%;
  object-fit: cover;
  height: 470px
}

.index_case .con {
  left: 0;
  bottom: 0px;
  padding: 30px;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  box-sizing: border-box;
}

.index_case .con .txt {
  font-size: 16px;
  display: none
}

.index_case li.cur {
  width: 49%
}

.index_case li.cur .con .txt {
  display: block
}

.m_index_case {
  display: none;
}


.develop {
  margin-top: 93px
}

.develop-num {
  margin-top: 80px
}

.develop-num>li {
  width: 33.333%;
  height: 237px;
  background: url(../images/develop-num-bg.png) no-repeat center center;
  text-align: center
}

.develop-num>li>.num {
  color: #0551a7;
  /* font-weight: 600;*/
  /* font-family: Bahnschrift; */
  font-size: 66px;
  height: 70px;
  line-height: 70px;
  margin-top: 58px;
  font-weight: bold;
}

.develop-num>li>.title {
  color: #000000;
  font-size: 18px;
  /* font-family: SourceHanSansCN; */
  margin-top: 15px
}

.develop-list {
  perspective: 900px;
  margin: 0 -2.5px;
  margin-top: 99px
}

.develop-list li {
  width: 20%
}

.develop-list li:nth-child(odd) {
  padding-top: 66px
}

.develop-list li a {
  display: block;
  margin: 0 2.5px;
  border-radius: 8px;
  height: 402px;
  overflow: hidden
}

.develop .pro_list {
  margin: 0 -5px;
  padding-top: 85px;
  flex-wrap: wrap;
}

.develop .pro_list .justify-content {
  justify-content: center;
}

.develop .pro_list .flex_4 {
  width: 25%
}

.develop .pro_list {
  padding-top: 85px
}

.develop .pro_list .pic01 {
  transition: all 1s
}

.develop .pro_list .pic01 img {
  display: block;
  height: 221px;
  width: 100%;
  object-fit: cover;
}

.develop .gap_1 {
  margin: 0 -7px
}

.develop .gap_1 a {
  margin: 0 7px 18px 7px;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  height: 222px
}

.develop .pro_list .t1 {
  left: 0;
  width: 100%;
  bottom: 30px;
  font-size: 22.71px;
  color: #fff;
  font-weight: bold;
  z-index: 10
}

.develop .pro_list .pic01::after {
  width: 100%;
  content: "";
  height: 100%;
  background: rgba(0, 169, 224, 0.9);
  position: absolute;
  left: 0;
  bottom: -222px;
  transition: all 0.5s;
  opacity: 0
}

.develop .bg_img {
  left: 50%;
  top: 35%;
  transform: translate(-50%, -35%);
  transition: all 0.1s;
  opacity: 0
}

.develop .pro_list a:hover .pic01::after {
  bottom: 0;
  opacity: 1
}

.develop .pro_list a:hover .bg_img {
  opacity: 1
}

.develop .pro_list a:hover .pic01 {
  transform: scale(1.05)
}

.rotation .img img {
  height: 402px
}

.front,
.reverse {
  transition: 0.5s
}

.rotation .abs {
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 22px;
  text-align: center;
  color: #333333
}

.rotation .abs .title {
  line-height: 42px;
  margin-top: 44px;
  font-size: 22px;
  font-weight: 500
}

.rotation .abs .text {
  line-height: 30px;
  font-size: 16px;
  height: 90px;
  padding-bottom: 55px
}

.rotation .abs .more {
  opacity: 0
}

.rotation .abs .more-icon img {
  margin: 0 auto;
  margin-top: 55px
}

.reverse .rotation .abs {
  color: #fff;
  background: rgba(0, 169, 224, 0.8);
  height: 100%
}

.front {
  transform: rotateY(0deg)
}

.reverse {
  transform: rotateY(180deg)
}

.index-news-column {
  height: 99px;
  margin: 2% 0
}

.index-news-left {
  width: calc(100% - 416px)
}

.index-news-right {
  width: 395px
}

.index-rel a {
  display: block;
  border-radius: 6px
}

.index-news-left .img img {
  height: 579px;
  width: 100%;
  object-fit: cover;
}

.index-news-right .img img {
  height: 277px;
  width: 100%;
  object-fit: cover;
}

.index-rel .abs {
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 26px;
  box-sizing: border-box;
  color: #fff;
  height: 85px
}

.index-rel .abs .txt {
  line-height: 24px;
  margin-top: 5px;
}

.mt25 {
  margin-top: 25px
}

.index-news-media {
  margin: 74px 0 0 0
}

.loemnf-box {
  width: calc(100% - 320px);
}

.loemnf li {
  width: 33.333%;
  margin-top: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

.loemnf li a {
  display: block;
  padding-top: 30px;
  position: relative
}

.loemnf li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 40px;
  background: #0551a7;
  transition: all 0.5s
}

.loemnf li a .d1 {
  color: #333
}

.loemnf li a .d2 {
  font-size: 15px;
  margin-top: 5px;
  line-height: 25px;
  height: 75px;
  overflow: hidden
}

.loemnf li a:hover:before {
  width: 70px;
  transition: all 0.5s;
  background: #0551a7
}

.loemnf li a:hover .d2 {
  transition: all 0.5s;
  color: #0551a7
}

.tpeanbc a {
  display: block;
  width: 160px;
  line-height: 35px;
  color: #fff;
  border-radius: 3px;
  background: #00A9E0;
  transition: all ease 0.5s;
  margin: 0 auto;

}

.tpeanbc a:hover {
  color: #fff;
  width: 180px
}

.buaehn {
  width: 282px;
  background: #f8f8f8;
  border-radius: 6px
}

.huhane {
  font-size: 30px;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}

.lbvfeb {
  padding: 30px 0
}

.swiper03 {
  height: 320px
}

.swiper03 .box {
  margin: 0 43px;
}

.swiper03 .box .img {
  height: 97px;
  border-radius: 6px;
  overflow: hidden;
}

.swiper03 .box .img img {
  height: 80px;
  object-fit: scale-down;
  margin: 0 auto;
}

.swiper03 .box .abs {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.swiper03 .box .abs img {
  height: 80px;
  margin: 0 auto;
}

.swiper03 .box:hover .abs {
  opacity: 1;
}

.partner {
  padding-bottom: 58px
}

.partner-column {
  height: 99px;
  margin: 50px 0 40px 0
}

.partner .brand-box {
  padding: 0;
}

.brand li {
  width: 20%;
  padding-right: 5px;
  object-fit: cover;
  box-sizing: border-box
}

.brand li img {
  height: 116px;
  max-width: 100%;
  object-fit: scale-down;
}

footer {
  background: #2e3139;
  padding: 63px 0 56px 0
}

.footer-nav {
  width: calc(100% - 450px)
}

.footer-nav {
  color: #fff
}

.footer-nav p {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  padding-bottom: 40px
}

.footer-nav a {
  display: block;
  line-height: 32px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5)
}

.footer-nav a:hover {
  color: #fff
}

.go-top {
  display: none;
  position: absolute;
  z-index: 6;
  top: 0;
  right: 50%;
  margin-right: -680px;
}

.go-top a {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 3px;
  background: #00A9E0 url(../images/gotop.png) no-repeat center center;
}

.copy,
.hot-line {
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
  font-size: 16px
}

.hot-line .tel {
  /* font-weight: bold;*/
  font-size: 30px;
  color: #00A9E0;
  padding: 10px 0;
  /* font-family: Bahnschrift */
}

.ewm {
  padding: 30px 0 25px 0
}

.ewm .code {
  margin: 0 0.5vw;
  transition: 0.2s
}

.code-img {
  height: 100px;
  width: 100px;
  left: -30%;
  bottom: 70px;
  padding: 10px;
  background: #fff;
  transform: translate(-30%);
  transition: 0.2s;
  visibility: hidden
}

.code-img img {
  height: 100px;
  margin: 0 auto;
  max-width: 100%
}

.code-img::after {
  border: 9px solid;
  border-color: transparent;
  border-top-color: #fff;
  position: absolute;
  left: 44%;
  bottom: -17px;
  content: ""
}

.ewm .code:hover .code-img {
  bottom: 40px;
  visibility: visible
}


.tabs-border {
  height: 80px;
  border-bottom: 1px solid #e5e5e5
}

.position {
  position: fixed;
  width: 100%;
  left: 0;
  top: -85px;
  background: #fff;
  z-index: 55;
  transition: 0.5s
}

.position.on {
  top: 0
}

.tabs-border.position.cur {
  top: 0 !important
}

.tabs-border.position {
  top: -85px;
}

.tabs-border a {
  line-height: 78px;
  margin-right: 49px;
  white-space: nowrap;
}

.tabs-border a.cur {
  border-bottom: 3px solid #00A9E0;
  font-weight: bold;
  color: #000
}

.tab-width-roll {
  overflow-x: auto;
}



.mobile-top {
  display: none
}

.news {
  padding: 76px 0 70px 0
}

.news ul {
  margin: 0 -29px
}

.news ul li {
  width: 33.3333%
}

.news a {
  margin: 0 29px 49px 29px;
  line-height: 36px;
  border-radius: 6px 6px 0 0
}

.news a .content {
  padding-top: 23px;
  height: 166px;
  transition: 0.5s;
  position: relative
}

.news a .content::after {
  position: absolute;
  height: 2px;
  width: 0;
  background: #00A9E0;
  left: 0;
  bottom: 0;
  content: "";
  transition: 0.5s
}

.news a .img {
  border-radius: 6px
}

.news a .img img {
  width: 100%;
  object-fit: cover;
  height: 232px
}

.news a .title {
  color: #000;
  height: 72px
}

.news a .data {
  margin-top: 6px;
  color: #cacaca
}

.news a .data p:first-child {
  /* font-family: Bahnschrift */
}

.news a .data p:last-child {
  background: url(../images/news-icon.jpg) no-repeat right center;
  padding-right: 28px
}

.news a:hover {
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2)
}

.news a:hover .content {
  padding-left: 21px;
  padding-right: 21px;
  position: relative
}

.news a:hover .content::after {
  width: 100%
}

.news a:hover .title {
  font-weight: bold
}

.news a:hover .data {
  color: #00A9E0
}

.pages a {
  margin: 0;
  text-align: center;
  color: #cacaca;
  margin-right: 1.5vw;
  /* font-family: Bahnschrift; */
  border-bottom: 2px solid transparent
}

.pages a:first-child,
.pages a:last-child {
  width: 47px;
  font-size: 50px;
  font-weight: 100;
  line-height: 36px;
  height: 36px
}

.pages a:hover,
.pages a.cur {
  border-bottom: 2px solid #00A9E0;
  color: #00A9E0
}

.pages a:hover {
  box-shadow: none;
}

.pages a.cur:last-child,
.pages a.cur:first-child,
.pages a:hover:last-child,
.pages a:hover:first-child {
  border: none
}

.news-details {
  padding-top: 17px
}

.cur-navigation {
  line-height: 36px
}

.cur-navigation i {
  margin: 0 5px
}

.cur-navigation a:last-child {
  color: #00A9E0
}

.cur-navigation a:last-child i {
  display: none
}

.details-title {
  padding: 39px 15px;
  text-align: center;
  line-height: 36px;
  border-bottom: 1px solid #e5e5e5
}

.details-title .tit {
  margin-bottom: 8px;
  color: #00A9E0
}

.details-title .time {
  color: #999
}

.news-details .content {
  line-height: 32px !important;
  font-size: 16px !important;
  padding: 39px 0;
  border-bottom: 1px solid #e5e5e5
}

.news-details .content span {
  display: initial;
  font-family: "sourcehansans" !important;
  font-size: 16px !important;
}

.news-details .content img {
  height: auto;
  margin: 0 auto
}

.page {
  padding: 50px 0
}

.next {
  width: 40%;
  color: #333;
  line-height: 32px
}

.media {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  padding: 7% 0 7.8% 0
}

.media-tel {
  background: url(../images/hot-load.png) no-repeat left top;
  width: 284px;
  height: 245px;
  text-align: center
}

.tel-hot-line {
  width: 100%
}

.tel-hot-line p:last-child {
  color: #00A9E0;
  /* font-family: Bahnschrift; */
  line-height: 48px
}

.hot-mailbox {
  width: calc(100% - 408px);
  line-height: 40px;
  color: #333
}

.hot-mailbox a {
  line-height: 30px;
  color: #0551a7;
  margin-top: 10px;
  background: url(../images/hot-mailbox.png) no-repeat left center;
  padding-left: 40px
}

.video-btn {
  height: 66px;
  width: 62px;
  background: url(../images/video-btn.png) no-repeat center center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.video-btn img {
  transition: all 0.6s
}

.video-centent a:hover .video-btn img {
  transform: rotate(360deg)
}


.cooperation .content {
  padding-top: 5.8%;
  padding-bottom: 6.6%
}

.cooperation .content .box {
  height: 345px;
  width: 48.6%;
  border: 1px solid #eaeaea;
  padding: 70px 54px 20px 54px
}

.cooperation .content .box::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  border: 1px solid transparent;
  width: 0;
  transition: 0.5s
}

.cooperation .content .box:hover {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08)
}

.cooperation .content .box:hover::after {
  width: 100%;
  border: 1px solid #00A9E0
}

.cooperation .content .txt {
  color: #666666;
  margin-top: 33px;
  line-height: 30px
}

.cooperation .poubca .d2 {
  font-size: 32px;
  color: #0551a7;
  text-align: center;
}

.cooperation .bunteba li {
  margin-top: 5%;
  position: relative;
}

.cooperation .bunteba li .img {
  width: 60%;
  float: left;
}

.cooperation .bunteba li:nth-child(2n) .img {
  float: right;
}

.cooperation .bunteba li .img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.cooperation .bunteba li .con {
  position: absolute;
  text-align: center;
  right: 0;
  top: 50%;
  box-sizing: border-box;
  transform: translateY(-50%);
  width: 650px;
  padding: 40px 60px;
  color: #fff;
  background: rgba(0, 169, 224, 0.9);
}

.cooperation .bunteba li:nth-child(2n) .con {
  right: auto;
  left: 0;
}

.cooperation .bunteba li .con .d1 {
  font-size: 32px;
  font-weight: bold;
}

.cooperation .bunteba li .con .d2 {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
}

.cooperation .bunteba li .con .d3 {
  font-size: 40px;
  color: #0551a7;
  margin-bottom: 3%;
}

.cooperation .bunteba li .con .d4 {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.8;
}

.cooperation .tab-cell1 {
  display: table-cell;
  vertical-align: middle;
}

.cooperation .ewlplc {
  border: 1px dashed #ddd;
  border-radius: 5px;
  padding: 50px 35px 40px;
  margin-top: calc(7% + 25px);
  position: relative;
}

.cooperation .ewlplc .con {
  line-height: 1.8;
}

.cooperation .ewlplc .con img {
  display: initial;
  vertical-align: middle;
}

.cooperation .odrlmg {
  position: absolute;
  left: 35px;
  top: -30px;
}

.cooperation .odrlmg span {
  display: inline-block;
  width: 240px;
  height: 59px;
  background: url(../images/titbg.png) no-repeat center center;
  background-size: 100%;
  color: #fff;
  text-align: center;
  font-size: 30px;
  padding-top: 5px;
}

.img-switch {
  background: #f5f5f5;
  padding: 4.2% 0
}

.img-switch ul li .img img {
  height: 631px;
  width: 100%;
  object-fit: cover
}

.img-switch ul li .abs {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 70px 50px 70px 50px;
  line-height: 36px;
  transition: 0.5s
}

.img-switch ul li .txt {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7);
  opacity: 0
}

.img-switch ul li {
  flex: 1;
  transition: 0.5s
}

.img-switch ul li.cur {
  flex: 2.5
}

.img-switch ul li.cur .abs {
  padding: 70px 90px 70px 70px
}

.img-switch ul li.cur .txt {
  opacity: 1
}

.brand .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear
}

.brand a {
  display: block;
  position: relative;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
  height: 110px;
  border-radius: 35px 0 35px 0;
  margin: 20px 15px;
  overflow: hidden
}

.brand a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #00A9E0;
  content: "";
  transition: 0.5s
}

.brand a:hover::after {
  width: 100%
}

.brand a img {
  margin: 0 auto;
  height: 110px;
  object-fit: scale-down
}

.brand-box {
  padding: 10% 0
}

.industry .title {
  color: #0551a7;
  padding: 73px 0 78px 0
}

.industry-swiper {
  padding-bottom: 6.7%;
  padding: 0 50px 6.7% 50px
}

.industrySwiper .swiper-slide {
  height: 525px
}

.industrySwiper .swiper-slide .imgbox {
  border-radius: 6px;
  overflow: hidden;
  height: 444px
}

.industrySwiper .swiper-slide:nth-child(2n) .imgbox {
  margin-top: 80px
}

.industrySwiper img {
  height: 460px;
  object-fit: cover;
  width: 100%;
  margin: 0 auto
}

.industrySwiper .imgbox .abs {
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding: 26px;
  bottom: -340px
}

.industrySwiper .imgbox .abs .tit {
  font-size: 22px;
  color: #ffffff;
  font-weight: bold
}

.industrySwiper .imgbox .abs {
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  transition: 0.5s
}

.industrySwiper .imgbox .abs a:hover {
  color: #fff
}

.industrySwiper .swiper-slide .imgbox:hover .abs {
  bottom: -170px
}

.industry-swiper .swiper-button-next:after,
.industry-swiper .swiper-button-prev:after {
  font-size: 30px;
  color: #666666
}

.details {
  padding-bottom: 4%
}

.cp-vod {
  padding-top: 4%
}

.cp-vod video {
  height: 500px;
  background: #000;
  object-fit: contain;
  display: block
}

.product-us {
  padding: 5% 0;
  background: url(../images/round.jpg) repeat-x left bottom
}

.product-us .content {
  /*max-width: 620px;*/
  margin: 0 auto
}

.product-us .tit {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #0551a7
}

.product-us .txt {
  font-size: 16px;
  line-height: 2;
  margin-top: 15px;
}

.product-us table {
  width: 100% !important;
}

.product-us table td {
  border: 1px solid #ddd;
  line-height: 40px;
  text-align: center;
  height: 40px;
}

.apply {
  padding-top: 5%
}

.column {
  font-size: 36px;
  color: #0551a7;
  padding: 3% 0
}

.apply img {
  margin: 0 auto
}

.apply .txt {
  padding-bottom: 16px;
  text-align: justify;
  margin-top: 2%;
  line-height: 1.5
}

.peculiarity {
  background: url(../images/round.jpg) repeat-x left top;
  margin-top: 5%;
  padding-top: 5%
}

.add-cont {
  margin-top: 3%;
  font-size: 20px
}

.add-cont li {
  background: #00A9E0;
  /* background: #e8f2fd; */
  line-height: 1.8;
  padding: 15px 20px;
  margin-bottom: 12px;
  border-radius: 6px;
  text-align: center
}

.add-cont li:nth-child(2n) {
  /* background: #effdfd; */
  /* background: #0551a7; */
  background: #e8f2fd;
}

.target {
  margin-top: 5%
}

.target img {
  margin: 0 auto
}

.dowload {
  border: 2px solid #f3f3f3;
  padding: 19px 61px 19px 19px;
  margin-top: 5%
}

.dowload .img {
  border-right: 2px solid #f2f2f2;
  width: 80px
}

.dowload .img img {
  height: 50px;
  object-fit: scale-down
}

.dowload .tit {
  width: calc(100% - 100px);
  background: url(../images/dowload.jpg) no-repeat center right
}

.add-cont2 {
  margin-top: 3%
}

.add-cont2 a {
  background: #f0f0f0;
  width: 45%;
  line-height: 1.8;
  text-align: center;
  padding: 15px 20px;
  margin-bottom: 12px;
  border-radius: 6px
}

.ny-banner img {
  width: 100%
}

.ny-banner .abs {
  left: 0;
  width: 50%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  z-index: 2;
  box-sizing: border-box;
  padding-right: 4%;
  line-height: 2
}

.lomunc {
  max-width: 540px;
  width: 100%
}

.director .img img {
  width: 100%
}

.director .abs {
  right: 0px;
  top: 0;
  height: 100%;
  width: 100%
}

.director .abs .content {
  max-width: 430px;
  color: #fff;
  line-height: 48px;
  text-align: justify
}

.director .abs .content .img-tit {
  padding-bottom: 10%
}

.director .abs .content>.txt {
  margin-top: 25px;
}

.director-name {
  padding-top: 5%
}

.director-name p:first-child {
  color: #0551a7;
  font-size: 32px;
  font-weight: bold
}

.director-name p:last-child {
  color: #cbc9c9;
  font-size: 20px;
  margin-top: 10px
}

.director-text {
  padding-top: 4%;
  font-size: 19px;
  line-height: 40px
}

.director-title {
  font-size: 36px;
  font-weight: bold;
  padding-top: 20px;
}

.lenmban {
  padding: 0 30px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5%;
}

.director-right {
  padding: 4% 0 6% 0;
}

.lenmban1 {
  padding-left: 37px;
  padding-right: 37px;
}

.lenmban1 a {
  display: initial;
}

.lenmban .prev, .lenmban .next {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  width: 24px;
  height: 30px;
  background: no-repeat center center;
}

.lenmban .prev {
  left: 0px;
  background-image: url(../images/left01.png);
}

.lenmban .next {
  right: 0px;
  background-image: url(../images/right01.png);
}

.director-box .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.director-right .director-news img {
  height: 281px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.director-right .t1 {
  font-size: 18px;
  margin: 15px 0;
}

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

.director-right .t2 {
  font-size: 16px;
  color: #b2b2b2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.mb-4 {
  margin-bottom: 40px
}

.personal-honor {
  margin-bottom: 40px;
}

.personal-honor .title {
  color: #000;
  padding: 2% 0 4% 0
}

.swiperHonor .year-box {
  background: #fff;
  width: 182px;
  padding: 0 29px
}

.swiperHonor .year {
  width: 182px;
  height: 182px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  line-height: 182px;
  /* font-family: Bahnschrift; */
  font-size: 46px;
  color: #ddd;
  background: #fff
}

.swiperHonor .year::after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: "";
  height: 11px;
  width: 11px;
  border-radius: 50%;
  background: #0551a7;
  transform: translate(-50%, -50%)
}

.swiperHonor .tit {
  color: #000;
  line-height: 36px;
  text-align: center;
  margin-top: 50px;
}

.swiper-box::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 30%;
  content: "";
  height: 1px;
  background: #ddd;
  z-index: -1
}

.related-news {
  margin-top: 2%;
  padding-bottom: 5%
}

.related-news .news a,
.related-news .news {
  padding: 0
}

.vision {
  margin-top: 5%;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09)
}

.vision-left {
  width: 815px
}

.deco {
  width: 60px;
  height: 60px;
  opacity: 1;
  transition: 0.1s;
  transform: translateZ(0);
  margin: 0 auto
}

.deco:before {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  transition: 0.4s;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 100%;
  height: 40px;
  width: 40px
}

.deco:after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  transition: 0.4s;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 100%;
  height: 60px;
  width: 60px
}

.deco i {
  background: hsla(0, 0%, 100%, 0.8);
  border: 1px solid #fff;
  border-radius: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.5);
  transition: 0.4s;
  width: 22px;
  height: 22px
}

.vision-tabs li {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.3);
  box-sizing: border-box
}

.vision-tabs li:hover .deco:after {
  animation: scalepulse 1.3s linear 0.15s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1)
}

.vision-tabs li:hover .deco:before {
  animation: scalepulse 1.3s linear 0.3s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1)
}

.vision-tabs li:hover .deco i {
  background: #fff;
  animation: scalepulse 1.3s linear 0s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1)
}

@keyframes scalepulse {
  20% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.12);
    transform: translate3d(-50%, -50%, 0) scale(1.12);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }

  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}

.vision-tabs .abs {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.vision-tabs .abs li {
  flex: 1
}

.vision-tabs .abs li .box {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px
}

.vision-tabs .abs li .box p {
  margin-top: 2%
}

.vision img {
  height: 587px;
  margin: 0 auto;
  width: 100%
}

.vision-content {
  width: calc(100% - 815px);
  box-sizing: border-box;
  padding: 5% 8%;
  font-size: 22px;
  line-height: 38px;
  color: #666 !important
}

.vision-content .item {
  display: none
}

.vision-content .item.on {
  display: block
}

.vision-content .item .tit {
  margin-bottom: 8%
}

.idea {
  margin: 6% 0;
  background: url(../images/idea.png) no-repeat center bottom;
  min-height: 600px;
  padding-left: 56px;
  box-sizing: border-box
}

.idea .tit {
  color: #115c9d
}

.idea .sub-tit {
  color: #444;
  line-height: 32px;
  margin-top: 28px
}

.idea .content {
  padding-top: 3%
}

.idea .content p {
  background: url(../images/icon.png) no-repeat left 15px;
  line-height: 50px;
  padding-left: 40px
}

.idea .content span {
  padding-top: 2%
}

.img-tabs {
  margin-top: 6%;
  border-radius: 6px
}

.img-tabs .abs {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.img-tabs ul {
  height: 100%
}

.img-tabs ul li {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.img-tabs ul li .item {
  width: 100%;
  transition: 0.5s
}

.img-tabs ul li .item .icon {
  height: 89px;
  width: 89px;
  margin: 0 auto
}

.img-tabs ul li .item .tit {
  text-align: center;
  color: #fff;
  padding-top: 10px
}


.img-tabs .img img {
  height: 599px;
  object-fit: cover
}

.mb3 {
  margin-bottom: 3%;
}

.aboutSwiper {
  height: 457px
}

.aboutSwiper .tit {
  font-weight: bold;
  line-height: 48px;
  font-size: 30px;
  color: #ddd;
  display: none
}

.company-us .txt,
.aboutSwiper .txt {
  line-height: 36px;
  font-size: 20px;
  display: none;
  padding: 3% 0 6% 0
}

.aboutSwiper .swiper-slide {
  cursor: pointer
}

.aboutSwiper .swiper-slide .con {
  padding: 80px 0
}

.aboutSwiper .swiper-slide-active .tit {
  color: #333;
  display: block
}

.aboutSwiper .swiper-slide-active .txt {
  display: block
}


.about-us-box {
  padding-bottom: 7%;
}

.xpenlc li {
  margin-top: 5%;
}

.xpenlc li .img {
  width: 48%;
  float: left;
}

.xpenlc li .img img {
  width: 100%;
}

.xpenlc li .con {
  width: 48%;
  float: right;
}

.xpenlc li .con .d1 {
  font-size: 26px;
  font-weight: bold;
  padding: 20px 0;
}

.xpenlc li .con .d2 {
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}

.xpenlc li:nth-child(2n) .img {
  float: right;
}

.xpenlc li:nth-child(2n) .con {
  float: left;
}

.company-us .tit {
  font-weight: bold;
  line-height: 48px;
  font-size: 30px;
  color: #000
}

.company-us .txt {
  line-height: 36px;
  font-size: 20px;
  display: block;
  padding: 3% 0 6% 0
}

.about-us:nth-child(2n) {
  flex-direction: row-reverse;
}


.about-us-left {
  width: calc(100% - 680px)
}

.about-us-right {
  width: 530px
}

.about-us-right .img {
  height: 475px;
  border-radius: 50%;
  width: 475px;
  margin-left: 55px;
  transition: 0.5s
}

.about-us-right .img img {
  height: 475px;
  object-fit: cover
}

.about-us-right .img-round {
  left: 0;
  top: 0;
  height: 475px;
  width: 475px;
  background: #2178d9;
  position: absolute;
  content: "";
  border-radius: 50%;
  z-index: -1;
  transition: 0.5s
}

.about-label {
  padding: 83px 0 48px 0;
  background: url(../images/bg.png) no-repeat top center;
  background-size: 100% 100%
}

.about-award ul,
.about-label ul {
  margin: 0 -18px
}

.about-award ul li,
.about-label li {
  width: 33.3333%;
  margin-bottom: 36px
}

.about-label li a img {
  height: 87px;
  margin: 0 auto;
  object-fit: contain;
}

.about-label li a {
  background: #fff;
  margin: 0 18px;
  text-align: center;
  height: 151px;
  font-size: 16px;
  display: block;
  box-sizing: border-box;
  border-radius: 15px 0 15px 0;
  transition: 0.5s;
  padding-top: 13px;
  line-height: 42px
}

.about-award {
  padding: 62px 0 50px 0
}

.about-award ul li a {
  color: #000;
  display: block;
  margin: 0 18px;
  background: #fff;
  box-shadow: 0px 2px 21px 0px rgba(5, 5, 5, 0.09);
  font-size: 15px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  border-radius: 50px;
  transition: 0.2s
}

.about-award ul li a:hover {
  color: #fff;
  background: #2178d9
}

.about-award ul li:nth-child(n + 10) {
  display: none
}

.about-award .btn {
  box-sizing: border-box;
  width: 160px;
  height: 52px;
  margin: 0 auto;
  border: 1px solid #ddd;
  color: #666;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  border-radius: 29px;
  font-size: 16px;
}

.about .pilebna {
  margin: 5% auto 0;
  max-width: 830px;
}

.details .pilebna {
  margin: 0 auto;
}

.details .pilebna .txt {
  margin-bottom: 30px;
}

/* .lead-box1{height: 365px;margin: 3.8% 0 6.5% 0}
.lead-box1 .txt{width: 721px;background: url(../images/box1.png) no-repeat left top;height: 350px;box-sizing: border-box;padding-right: 11%}
.lead-box2 .content .text span,
.lead-box1 .txt span{color: #d71518}
.lead-box1 .abs{right: 0;top: 0}
.lead-box2{background: #f9f9f9;padding: 80px 0 90px 0}
.lead-box2 .img{width: 464px}
.lead-box2 .img img{height: 464px;object-fit: cover}
.lead-box2 .content{width: calc(100% - 554px);background: url(../images/box2.png) no-repeat left border-box}
.lead-box2 .content .images img{height: 164px}
.lead-box2 .content .text{padding: 4% 0 0 11.5%}
.lead-box3{padding-bottom: 3.5%}
.lead-box3 .title{padding: 7% 0}
.lead-tabs a{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);height: 80px;width: 25%;line-height: 80px;text-align: center;color: #999999;margin-right: 2px;position: relative}
.lead-tabs a.cur{background: url(../images/t4.png) no-repeat center center #d71518;color: #fff}
.lead-tabs a.cur::after{border: 9px solid;border-color: transparent;border-top-color: #d71518;position: absolute;left: 50%;bottom: -18px;content: "";transform: translateX(-50%)}
.lead-tabs-content .tit{padding: 5.5% 0 6% 0}
.lead-tabs-content img{margin: 0 auto}
.lead-tabs-content ul{padding: 6% 0 0 0}
.lead-tabs-content li{flex: 1;color: #666666;padding-right: 49px}
.lead-tabs-content li:last-child{padding-right: 0}
.lead-tabs-content .item{display: none}
.lead-tabs-content .item.on{display: block}
.lead-box4{background: #f9f9f9;padding-bottom: 5%}
.lead-box4 .title{padding: 5.8% 0 4.5% 0;color: #0551a7} */

.lead1 {
  padding: 5% 0;
}

.lead2 {
  padding: 2% 0;
  width: 100%;
}

.lead2 .tpeanbc {
  margin-top: 15px
}

.lead3 {
  padding-top: 5%;
}

.leadSwiper .swiper-slide {
  width: 54%;
}

.leadSwiper img {
  height: 417px;
  width: 100%;
  object-fit: cover;
}

.lead1-btn {
  height: 80px;
  padding: 3% 0;
  width: 200px;
  margin: 0 auto
}

.lead1-btn .swiper-button-next::after,
.lead1-btn .swiper-button-prev::after {
  font-size: 0;
}

.lead1-btn .swiper-button-next,
.lead1-btn .swiper-button-prev {
  width: 67px;
  height: 38px
}

.lead1-btn .swiper-button-prev {
  background: url(../images/next.png) no-repeat left center;
}

.lead1-btn .swiper-button-prev:hover {
  background: url(../images/next_atv.png) no-repeat left center;
}

.lead1-btn .swiper-button-next {
  background: url(../images/prev.png) no-repeat left center;
}

.lead1-btn .swiper-button-next:hover {
  background: url(../images/prev.png) no-repeat left center;
}

.swiperDynamic a {
  display: block
}

.swiperDynamic img {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  height: 232px
}

.swiperDynamic .tit {
  font-size: 18px;
  line-height: 36px;
  padding: 20px 0 58px 0;
  color: #000
}

.swiperDynamic .swiper-scrollbar {
  background: #fff;
  border-radius: 0 !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23)
}

.swiperDynamic .swiper-scrollbar-drag {
  background: #d71518;
  border-radius: 0 !important
}

.investment {
  padding: 0 0 7% 0
}

.poubca .title {
  color: #0551a7
}

.win {
  padding-top: 3%
}

.win .img {
  width: 718px;
  border-radius: 6px;
  overflow: hidden
}

.win img {
  height: 449px;
  object-fit: cover;
  width: 100%
}

.win .abs {
  top: 55%;
  background: rgba(0, 169, 224, 0.8);
  width: 654px;
  right: 0;
  line-height: 30px;
  transform: translateY(-50%);
  min-height: 305px
}

.win .abs .text {
  padding: 56px;
  color: #fff;
  width: 100%;
  box-sizing: border-box
}

.win .abs .text .tit {
  margin-bottom: 40px
}

.mt5 {
  margin-top: 5%
}

.mb5 {
  margin-bottom: 5%;
}

.mt4 {
  margin-top: 4%
}

.advantage {
  margin: 0 -9px;
  padding-top: 5%
}

.advantage li {
  width: 33.3333%
}

.advantage a {
  display: block;
  border-radius: 6px;
  margin: 0 9px
}

.advantage a img {
  height: 451px;
  width: 100%;
  object-fit: cover
}

.advantage li a .abs {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -355px;
  padding: 35px;
  transition: all 0.5s;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  box-sizing: border-box;
  color: #fff
}

.advantage li a .txt {
  margin-top: 30px;
  max-height: 120px;
  overflow: hidden
}

.advantage li a .konw {
  margin-top: 25px
}

.img-text {
  padding-top: 4%
}

.img-text li {
  margin-bottom: 6.7%
}

.img-text li .img,
.img-text li .text {
  width: 48%
}

.img-text li .img {
  border-radius: 6px
}

.img-text li img {
  height: 298px;
  width: 100%;
  overflow: hidden
}

.img-text li:nth-child(2n) {
  flex-direction: row-reverse
}

.esg-case ul {
  padding: 0 0 3.8%
}

.esg-case ul {
  height: 454px
}

.esg-case ul li {
  background: #0b66b4;
  margin-right: 7px;
  border-radius: 6px;
  color: #fff;
  flex: 1;
  transition: 0.5s
}

.esg-case ul li .content {
  padding: 5% 10%;
  transition: 0.5s;
}

.esg-case ul li .txt {
  display: none;
  margin-top: 30px
}

.esg-case ul li.cur {
  flex: 2;
  background: #00A9E0;
}

.esg-case ul li.cur .txt {
  display: block
}

.esg-case ul li:last-child {
  margin-right: 0
}

/* .esg-list ul {
  margin-top: 36px
}

.esg-list ul li {
  width: 48.5%;
  cursor: pointer;
  margin-bottom: 39px
}

.esg-list ul li .img {
  border-radius: 6px;
  overflow: hidden
}

.esg-list ul li img {
  height: 295px;
  width: 100%;
  object-fit: cover
}

.esg-list ul li .abs {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  padding: 30px 35px;
  box-sizing: border-box;
  color: #fff;
  transition: 0.5s;
  border-radius: 6px;
  overflow: hidden
}

.esg-list ul li .abs .txt {
  margin-top: 22%;
  opacity: 0;
  transition: 0.5s
}

.esg-list ul li:hover .abs {
  background: rgba(0, 176, 155, 0.8)
}

.esg-list ul li:hover .abs .txt {
  opacity: 1
} */

.esg-list {}

.esg-list .tit {
  margin-bottom: 6%;
  font-size: 36px;
  font-weight: bold;
  color: #0551A7;
  text-align: center;
}

.esg-list .oealmca {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5%;
  justify-content: space-between;
}

.esg-list .oealmca li {
  margin-bottom: 3%;
  width: 48.5%;
  position: relative;
  overflow: hidden;
}

.esg-list .oealmca li .img img {
  width: 100%;
  height: 312px;
  object-fit: cover;
}

.esg-list .oealmca li .con {
  position: absolute;
  box-sizing: border-box;
  color: #fff;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -190px;
  padding: 40px;
  text-align: center;
  transition: all 0.5s;
}

.esg-list .oealmca li .con .d1 {
  font-size: 46px;
  font-weight: bold;
}

.esg-list .oealmca li .con .d2 {
  font-size: 16px;
  margin-top: 30px;
  line-height: 30px;
  max-height: 120px;
  overflow: hidden;
}

.esg .xrs .tit {
  font-size: 36px;
  font-weight: bold;
  color: #0551A7;
  text-align: center;
}

.xrs_box li {
  margin-bottom: 62px;
}

.xrs_box .img, .xrs_box .con {
  width: 47.5%;
}

.xrs_box .img {
  border-top-right-radius: 88px;
  overflow: hidden;
  border-bottom-left-radius: 88px;
}

.xrs_box .img img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.xrs_box .con {
  justify-content: center;
  border-top-left-radius: 88px;
  overflow: hidden;
  border-bottom-right-radius: 88px;
  background: #00A9E0;
}

.xrs_box .con_txt {
  padding: 0 15%;
  color: #fff;
  font-size: 16px;
  text-align: justify;
}

.xrs_box li:nth-child(2n) {
  flex-direction: row-reverse;
}

.xrs_box li:nth-child(2n) .con {
  /* background: #1e62b0; */
}

.join {
  padding: 3.8% 0
}

.join-img {
  margin-top: 38px;
  border-radius: 6px;
  margin-bottom: 72px
}

.join-img .abs {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  padding: 35px 48px;
  color: #fff;
  max-width: 811px;
  width: 100%
}

.join-list {
  margin: 31px 0 64px 0
}

.join-list li {
  width: 30.5%;
  box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.11);
  border-radius: 10px;
  overflow: hidden
}

.join-list li .img {
  border-radius: 10px;
  overflow: hidden
}

.join-list li .img img {
  width: 100%;
  object-fit: cover
}

.join-list li .content {
  height: 256px;
  padding: 37px;
  box-sizing: border-box
}

.join-list li .content .txt {
  margin-top: 20px;
  color: #666
}

.join-txt {
  margin-top: 30px
}

.values img {
  object-fit: cover;
  width: 100%
}

.values {
  margin: 3.8% 0
}

.values ul {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.values ul li {
  width: 25%;
  padding-top: 20%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer
}

.values ul li .col {
  color: #fff;
  max-width: 290px;
  margin: 0 auto;
  transition: 0.5s;
  min-height: 200px;
}

.values ul li .col .txt {
  margin-top: 20px;
  padding: 0 25px;
  text-align: justify;
  opacity: 0;
  transition: 0.5s;
}

.gbceun {
  margin: 0 -12px;
  margin-top: 35px
}

.gbceun li {
  width: 25%;
  margin-bottom: 24px
}

.gbceun li .col {
  margin: 0 12px;
  border-radius: 6px;
  overflow: hidden
}

.gbceun li .col img {
  height: 180px;
  object-fit: cover;
  width: 100%
}

.gbceun li .col .abs {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 169, 224, 0.9);
  opacity: 0;
  transition: all 0.5s
}

.tab-cell {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold
}

.gbceun li:hover .col .abs {
  opacity: 1
}

.join-apply {
  height: 214px;
  background: url(../images/bg1.png) no-repeat center top;
  margin-top: 56px;
  border-radius: 6px;
  overflow: hidden
}

.join-apply .tit {
  color: #fff
}

.apply-btn a {
  width: 207px;
  height: 53px;
  background: #00A9E0;
  line-height: 53px;
  margin: 20px auto 0 auto;
  border-radius: 50px;
  color: #fff
}

.apply-btn a:hover {
  color: #fff
}

.recruitment {
  padding-bottom: 3.8%
}

.hot-post {
  padding: 62px 0 31px 0
}

.post {
  margin: 0 -20px;
  margin-top: 40px
}

.post li {
  width: 33.333%
}

.post a {
  display: block;
  box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);
  margin: 0 20px 40px 20px;
  height: 206px;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.5s;
  padding: 28px;
  box-sizing: border-box
}

.post a:hover {
  box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.15)
}

.post a .tit {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 18px;
  color: #000
}

.post a .text {
  padding-top: 16px;
  color: #676b77;
  margin-bottom: 8px;
  transition: all 0.36s
}

.resume {
  margin-top: 45px
}

.resume-box {
  box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);
  height: 349px;
  width: 49.5%;
  border-radius: 6px
}

.attache p:first-child {
  color: #666
}

.resume ul {
  width: 49.5%
}

.resume ul li {
  width: 49%;
  box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);
  height: 167px;
  margin-bottom: 15px;
  border-radius: 6px
}

.resume ul li:last-child {
  width: 100%;
  background: #125bae;
  color: #fff
}

.resume ul li .mode a {
  display: block;
  margin: 0 1.8vw;
  margin-top: 15px
}

.resume ul li .img {
  width: 97px;
  height: 97px;
  margin: 0 auto
}

.resume ul li .img img {
  height: 97px
}

.process .tit {
  padding: 50px 0
}

.subtit {
  line-height: 36px;
  margin-top: 15px
}

.mt8 {
  margin-top: 72px
}

.research {
  padding-bottom: 5%
}

.research-box {
  margin-top: 2%
}

.research-box .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 131px;
  background: #00A9E0;
  border-radius: 6px;
  overflow: hidden;
  line-height: 131px;
}

.research-box .img img {
  height: 58px;
  text-align: center;
  object-fit: scale-down
}

.research-box .txt {
  width: calc(100% - 130px);
  text-align: right;
  margin-top: 1%;
  line-height: 2
}

.opbbuna2 {
  margin-top: 5%;
  margin-left: 20%
}

.opbbuna2 li {
  width: 48%
}

.opbbuna2 li .num {
  color: #0551a7;
  font-size: 3.5vw;
  width: 150px
}

.school,
.honor {
  padding: 5% 20px;
  border-bottom: 2px solid #eee;
  margin-bottom: 3%
}

.school {
  padding: 5% 40px
}

.opbbuna2 li .tit {
  width: calc(100% - 186px);
  line-height: 2.4
}

.honorSwiper img {
  height: 332px;
  object-fit: scale-down;
  margin: 0 auto
}

.school img {
  height: 90px;
  object-fit: scale-down;
  margin: 0 auto
}

.schoolSwiper .imgbox {
  padding: 0 20px;
  font-size: 16px
}

.schoolSwiper .imgbox .tit {
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
  height: 60px;
  margin-bottom: 20px
}

.navigation .swiper-button-prev:after,
.navigation .swiper-button-next:after {
  font-size: 25px;
  color: #333
}

.olemna {
  padding-top: 2%;
  margin: 0 -13px
}

.olemna li {
  width: 33.3333%
}

.olemna li .con {
  margin: 26px 13px 0 13px;
  height: 58px;
  background: #0551a7;
  text-align: center;
  font-size: 16px;
  line-height: 58px;
  color: #fff;
  border-radius: 6px
}

.olemna li:nth-child(2n) .con {
  background: #00A9E0
}

.img-txt {
  height: 467px;
  margin-top: 5%;
  background: url(../images/bg2.png) no-repeat left center;
  border-radius: 6px;
  color: #fff
}

.direction {
  padding-bottom: 5%
}

.direction-list ul {
  margin: 0 -30px;
  margin-top: 5%
}

.direction-list ul li {
  width: 33.333%
}

.direction-list ul li a {
  display: block;
  margin: 0 30px 60px 30px
}

.direction-list ul li a .tit {
  border-top: 2px solid #edeaea;
  padding: 10px 0 45px 0;
  font-weight: bold;
  text-align: center;
}

.direction-list ul li a .tit::after {
  height: 2px;
  background: #00A9E0;
  width: 0;
  top: -2px;
  left: 0;
  content: "";
  position: absolute;
  transition: 0.5s
}

.direction-list ul li a .img {
  border-radius: 6px
}

.direction-list ul li a img {
  height: 231px;
  width: 100%;
  object-fit: cover
}

.direction-list ul li a .txt {
  margin-top: 20px;
  color: #333
}

.direction-list ul li a:hover .tit::after {
  width: 100%
}

.direction-list ul li a:hover .tit {
  color: #00A9E0
}

.poubca .txt {
  font-weight: 100;
  margin-top: 2%;
  padding: 0 8%
}

.direction-switch {
  padding-top: 5%
}

.direction-switch li {
  margin-right: 7px;
  color: #fff;
  flex: 1;
  transition: 0.5s
}

.direction-switch li .img img {
  height: 454px;
  border-radius: 6px;
  object-fit: cover;
}

.direction-switch li .abs {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.direction-switch li .abs .content {
  width: 100%;
  padding: 7%;
  transition: 0.5s;
  text-align: center;
}

.direction-switch li:last-child {
  margin: 0
}

.direction-switch li.cur {
  flex: 2;
}

.direction-switch li .abs .content .txt {
  opacity: 0;
  visibility: hidden;
  margin-top: -36px;
  transition: all .5s;
}

.direction-switch li.cur .abs .content .txt {
  opacity: 1;
  visibility: visible;
  margin-top: 20px;
}

.pd5 {
  padding-bottom: 5%
}

.achievement-list {
  margin: 5% 0;
  height: 416px;
  overflow: hidden
}

.achievement-list li {
  width: 317px;
  transition: 0.5s
}

.achievement-list .imgbox .tit {
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
  font-size: 23px;
  color: #fff;
  transition: 0.5s
}

.achievement-list .imgbox {
  width: 317px
}

.content-box {
  display: none;
  width: calc(100% - 317px);
  box-sizing: border-box;
  padding: 2% 6% 0 6%;
  overflow: hidden
}

.achievement-list .content {
  height: 100%;
  overflow: hidden
}

.achievement-list .content .tit {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  line-height: 60px;
  padding-bottom: 31px
}

.achievement-list .content .tit::after {
  position: absolute;
  content: "";
  height: 3px;
  width: 45px;
  background: #00A9E0;
  left: 0;
  bottom: 0
}

.achievement-list .content .txt {
  color: #666666;
  padding-top: 31px;
  height: 120px
}

.achievement-list .img img {
  height: 416px;
  object-fit: cover;
  width: 100%
}

.achievement-list li.cur {
  width: 886px
}

.achievement-list li.cur .content-box {
  display: block
}

.achievement-list li.cur .imgbox .tit {
  opacity: 0
}

.achievement-bg {
  background: #0b66b4;
  height: 556px;
  margin-top: 22px
}

.achievement-bg::after {
  border: 22px solid;
  border-color: transparent;
  border-bottom-color: #0b66b4;
  left: 50%;
  top: -44px;
  position: absolute;
  content: "";
  transform: translateX(-50%)
}

.achievement-bg .text {
  line-height: 40px;
  color: #fff;
  padding-top: 72px
}

.achievement-bg .text p {
  margin-top: 20px
}

.achievement-box {
  max-width: calc(960px + 50%);
  width: calc(50vw + 592px)
}

.margin {
  margin-top: -19%
}

.achievementSwiper .img {
  border-radius: 6px
}

.achievementSwiper .img img {
  height: 350px;
  object-fit: cover;
}

.achievementSwiper .abs {
  left: 0;
  bottom: 30px;
  width: 100%;
  padding: 0 60px;
  box-sizing: border-box;
  font-size: 30px;
  color: #fff
}

.achievementSwiper .swiper-button-next,
.achievementSwiper .swiper-button-prev {
  border-radius: 50%;
  background: #fff;
  width: 50px;
  visibility: hidden;
  height: 50px
}

.achievementSwiper .swiper-button-next::after,
.achievementSwiper .swiper-button-prev::after {
  font-size: 20px;
  color: #00A9E0
}

.achievementSwiper:hover .swiper-button-next,
.achievementSwiper:hover .swiper-button-prev {
  visibility: visible
}

.pd4 {
  padding-bottom: 4%
}

.innovation {
  padding: 0px 0 3.5% 0
}

.poubca .sub-title {
  padding-top: 35px
}

.industry-us {
  margin-top: 64px
}

.industry-us .txt,
.industry-us .img {
  width: 50%
}

.industry-us .img img {
  height: 373px;
  width: 100%
}

.industry-us .txt {
  box-sizing: border-box;
  padding: 20px 57px 0 57px;
  height: 373px
}

.industry-us li:nth-child(2n) {
  flex-direction: row-reverse
}

.fabricate-box {
  margin-top: 73px
}

.round-box {
  padding-top: 46px;
  width: 600px
}

.round-box .img {
  width: 382px;
  border-radius: 50%;
  height: 382px;
  overflow: hidden
}

.round-box img {
  height: 382px;
  object-fit: cover
}

.round-box::after {
  height: 471px;
  width: 100%;
  background: url(../images/round.png) no-repeat left center;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: -1
}

.round-box .abs {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.fabricate-content {
  width: calc(100% - 700px)
}

.my-pagination .swiper-pagination-bullet {
  display: block;
  border-radius: 0;
  height: 50px;
  background: none
}

.my-pagination li {
  width: 80%;
  line-height: 50px;
  margin-bottom: 50px !important;
  text-align: right
}

.my-pagination li>span {
  position: relative !important;
  padding-left: 40px;
  font-size: 20px;
  font-weight: bold
}

.my-pagination li>span::after {
  border-radius: 50%;
  height: 14px;
  width: 14px;
  background: #0B66B4;
  position: absolute;
  left: 0;
  top: 28%;
  content: ""
}

.my-pagination .swiper-pagination-bullet-active span {
  color: #00A9E0 !important
}

.my-pagination li:nth-child(1) {
  width: 68%
}

.my-pagination li:nth-child(2) {
  width: 87.5%
}

.my-pagination li:nth-child(3) {
  width: 92.8%
}

.my-pagination li:nth-child(4) {
  width: 90.5%
}

.my-pagination li:nth-child(5) {
  width: 79%
}

.fabricateSwiper .tit {
  font-size: 26px;
  font-weight: bold;
  line-height: 48px
}

.fabricateSwiper .txt {
  font-size: 20px;
  line-height: 36px;
  margin-top: 15px
}

.fabricateSwiper .img {
  display: none
}

.fabricate-list ul li {
  padding: 5.4% 0 4.5% 0
}

.fabricate-list ul li:nth-child(odd) {
  background: #F5F5F5
}

.fabricate-list ul li:nth-child(even) .fabricate-txt {
  flex-direction: row-reverse;
  background: none
}

.fabricate-list ul li .text {
  width: calc(100% - 696px)
}

.fabricate-list ul li .text .tit {
  padding: 55px 0 36px 0
}

.fabricate-list ul li .img {
  width: 604px;
  border-radius: 6px;
  overflow: hidden
}

.fabricate-list ul li .img img {
  width: 100%;
  object-fit: cover;
  height: 361px
}

.fabricateSwiper .swiper-button-next,
.fabricateSwiper .swiper-button-prev {
  display: none !important;
}

.ny-main {
  padding: 4% 0;
}

.ny-main .pages {
  margin-top: 5%;
}

.lboprea {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.lboprea li {
  width: 31%;
  margin-bottom: 3%;
}

.lboprea li a {
  display: block;
  border: 1px solid #ddd;
  padding: 18px;
  transition: all 0.5s;
}

.lboprea li a .img {
  position: relative;
}

.lboprea li a .img i {
  position: absolute;
  z-index: 2;
  display: block;
  width: 44px;
  height: 44px;
  background: url(../images/play.png) no-repeat center center;
  background-size: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lboprea li a .img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: all 0.5s;
}

.lboprea li a .tit {
  font-size: 16px;
  font-weight: bold;
  margin-top: 12px;
  transition: all 0.5s;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}

.lboprea li a .time {
  margin: 10px 0;
  color: #999;
}

.lboprea li a .con {
  color: #999;
}

/* .news-list {
  padding-top: 4%;
} */
.news-list li {
  padding: 45px 0;
  border-bottom: 1px dashed #ddd;
}

.news-list li a {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-list li a .date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 96px;
  height: 96px;
  text-align: center;
  border: 1px solid #ddd;
  line-height: 1;
  color: #666;
  margin-right: 80px;
}

.news-list li a .date strong {
  display: block;
  font-size: 40px;
  margin-bottom: 8px;
  color: #333;
}

.news-list li a .add {
  margin-left: 80px;
}

.news-list li a .con {
  width: 890px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.news-list li a .con .img {
  margin-right: 25px;
}

.news-list li a .con .img img {
  width: 132px;
  height: 96px;
  object-fit: cover;
}

.news-list li a .con .mon {
  flex: 1;
  padding-top: 5px;
}

.news-list li a .con .mon .d1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #333;
}

.news-list li a .con .mon .d2 {
  color: #787878;
  margin-top: 8px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}

.hot-post>.tit {
  margin-bottom: 5%;
  font-weight: bold;
  text-align: center;
}

.hot-post .rzgw {
  flex-wrap: wrap;
}

.hot-post .rzgw_list {
  height: 108px;
  width: 48%;
  margin-bottom: 44px
}

.hot-post .rzgw_list a {
  display: block;
  padding: 15px 18px;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.hot-post .name {
  font-size: 18px;
  color: #000
}

.hot-post .zprs {
  font-size: 16px;
  color: #999
}

.hot-post .ck_btn01, .ck_btn {
  color: #00A9E0;
  margin-top: 20px
}

.hot-post .ck_btn01 {
  display: none
}

.hot-post .gz_con {
  margin-top: 20px
}

.hot-post .lourew {
  padding: 20px 0;
  font-family: "sourcehansans" !important;
  line-height: 2;
  font-size: 16px;
  color: #000;
  display: none
}

.hot-post .lourew span {
  font-family: "sourcehansans" !important;
}

.hot-post .rzgw_list.current a {
  border: 1px solid #00A9E0;
  z-index: 13
}

.hot-post .rzgw_list.current .name {
  color: #00A9E0
}

.hot-post .rzgw_list.current .ck_btn {
  display: none
}

.hot-post .rzgw_list.current .ck_btn01, .rzgw_list.current .lourew {
  display: block
}

/* 通用 */
.els {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font16 {
  font-size: 16px
}

.font18 {
  font-size: 18px
}

.font20 {
  font-size: 20px
}

.font22 {
  font-size: 22px
}

.font24 {
  font-size: 24px
}

.font26 {
  font-size: 26px
}

.font28 {
  font-size: 28px
}

.font30 {
  font-size: 30px
}

.font36 {
  font-size: 36px
}

.li30 {
  line-height: 30px
}

.li36 {
  line-height: 36px
}

.li40 {
  line-height: 40px
}

.li48 {
  line-height: 48px
}

.abs1 {
  display: none !important
}

.img-on {
  display: none;
}

.t-nav2 {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding-top: 3%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.t-nav2 li {
  width: 13%;
  text-align: center;

  font-size: 16px;
}

.t-nav2 li a {
  color: #0551a7;
  /*padding: 0 30px;*/
  display: block;
}

/* 媒介查询 */
@media (max-width: 1410px) {

  .bannerSwiper .swiper-button-next,
  .bannerSwiper .swiper-button-prev {
    margin: 0;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1400px) {
  .go-top {
    top: auto;
    right: 0;
    bottom: -36px;
    margin: 0;
  }

  .go-top a {
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 1201px) {
  .tabs-border a:hover {
    border-bottom: 3px solid #00A9E0;
    font-weight: bold;
    color: #000
  }

  .about-us-right:hover .img {
    margin-left: 20px
  }

  .about-us-right:hover .img-round {
    left: 20px
  }

  .advantage li a:hover .abs {
    background: rgba(0, 169, 224, 0.8);
    bottom: 0;
    transition: all 0.5s;
    bottom: 0;
    display: flex;
    align-items: center
  }

  .values ul li:hover .txt {
    opacity: 1
  }

  .values ul li:hover .col {
    margin-top: -90px
  }

  .img-tabs ul li:hover .item {
    margin-top: -100px
  }

  .about-label li a:hover {
    box-shadow: 0px 2px 21px 0px rgba(5, 5, 5, 0.09);
    color: #333;
    margin-top: -8px
  }

  .aboutSwiper .swiper-button-next,
  .aboutSwiper .swiper-button-prev {
    font-weight: bold;
    line-height: 48px;
    font-size: 30px;
    color: #ddd;
    justify-content: flex-start;
    background: #fff;
    transition: none
  }

  .aboutSwiper .swiper-button-prev,
  .aboutSwiper .swiper-button-next {
    width: 100% !important;
    left: 0;
    top: auto;
    bottom: 0;
    height: 80px !important;
    background: #fff
  }

  .aboutSwiper .swiper-button-prev {
    width: 100% !important;
    left: 0;
    top: 0;
  }

  .aboutSwiper .swiper-button-prev::after,
  .aboutSwiper .swiper-button-next:after {
    font-size: 0
  }

  .develop-list a:hover .front {
    transform: rotateY(180deg);
    display: none
  }

  .develop-list a:hover .reverse {
    transform: rotateY(0deg)
  }

  .develop-list a:hover .reverse .more {
    opacity: 1
  }

  .esg-list .oealmca li:hover .con {
    background: #00A9E0;
    bottom: 0;
    transition: all 0.5s;
  }

  .lboprea li a:hover {
    border-color: #25aa97;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    transition: all 0.5s;
  }

  .lboprea li a:hover .tit {
    color: #25aa97;
    transition: all 0.5s;
  }

  .lboprea li a:hover .img img {
    transform: scale(1.05);
    transition: all 0.5s;
  }

  .news-list li a:hover .con .mon .d1,
  .news-list li a:hover .date strong {
    color: #00A9E0;
  }

  .news-list li a:hover .con .mon .d1 span {
    text-decoration: underline;
  }
}

/* 头部 */
@media (max-width: 1200px) {
  header {
    height: auto;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.7)
  }

  header.on {
    top: -60px
  }

  header.m-on {
    top: 0
  }

  .container {
    max-width: 94%
  }

  .mobile-top {
    display: block
  }

  .mobile-stock-code {
    font-size: 16px;
    color: #fff
  }

  /* .mobile-stock-code p:last-child {
    margin-top: 6px
  } */

  .mobile-logo img {
    height: 45px
  }

  .mobile-top i {
    margin: 10px 15px 0 15px;
    height: 25px;
    width: 1px;
    background: rgba(255, 255, 255, 0.7)
  }

  .mob-nav {
    display: block !important
  }

  .mobile-nav {
    position: absolute;
    right: 0px;
    top: 55px;
    background: #0277bd;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    display: none
  }

  nav,
  .nav-list,
  .nav-info-btn,
  .nav-info {
    height: auto;
    display: block !important
  }

  .nav-info {
    border-bottom: 1px solid rgba(202, 202, 202, 0.7);
    padding-bottom: 10px;
    margin-bottom: 10px
  }

  .company {
    width: 100%;
    box-sizing: border-box
  }

  .logo,
  .nav-info-btn i {
    display: none !important
  }

  nav a,
  .company a,
  .nav-info-btn a {
    line-height: 36px
  }

  nav a {
    font-weight: 400;
    font-size: 14px
  }

  footer {
    padding: 5% 0;
  }

  .footer-nav {
    display: none !important
  }

  .footer-content {
    width: 100%
  }

  .footer-content .ewm,
  .hot-line {
    justify-content: flex-start !important;
  }

  .hot-line .tel {
    font-size: 24px
  }



}

/* 头部 end */
@media (max-width: 1280px) {
  .container {
    max-width: 94%
  }

  .swiperHonor .tit {
    padding-right: 40px
  }
}

@media (max-width: 1200px) {

  .column,
  .product-us .tit,
  .poubca .title {
    font-size: 20px
  }

  .mt8,
  .fabricate-box,
  .mt8 {
    margin-top: 5%
  }

  .lomunc .tit,
  .fabricateSwiper .tit,
  .fabricate-list ul li .text .tit,
  .fabricateSwiper .txt {
    font-size: 18px
  }

  .dowload .tit,
  .apply .txt,
  .fabricate-list ul li .text .txt {
    font-size: 16px
  }

  .fabricateSwiper .txt {
    margin-top: 0;
  }

  .round-box {
    display: none
  }

  .add-cont2 a,
  .fabricate-list ul li .img,
  .fabricate-list ul li .text,
  .fabricate-content {
    width: 100%
  }

  .fabricateSwiper .img img,
  .fabricate-list ul li .img img {
    margin: 0 auto;
    width: auto;
    height: auto;
  }

  .pd5 {
    padding-bottom: 4%
  }

  .fabricateSwiper .img {
    display: block;
    padding: 2% 0;
  }

  .cooperation .content,
  .fabricate-list ul li:nth-child(even) .fabricate-txt,
  .fabricate-txt {
    flex-direction: column
  }

  .fabricate-list ul li .img,
  .fabricate-list ul li {
    padding: 3% 0
  }

  .fabricate-list ul li .text .tit {
    padding-top: 0;
  }

  .fabricate-list ul li .text .tit {
    padding-bottom: 15px
  }

  .tabs-border {
    height: 50px;
  }

  .tabs-border a {
    line-height: 48px;
    font-size: 15px !important;
  }

  .tabs-border a {
    margin-right: 15px
  }

  .add-cont li {
    padding: 2% 3%;
    font-size: 16px;
    text-align: left;
  }

  .news,
  .cooperation .content,
  .column {
    padding: 5% 0;
  }

  .dowload {
    padding: 2% 3%;
  }

  .dowload .tit {
    padding-right: 80px
  }

  .ny-banner .abs {
    position: static !important;
    padding: 3%;
    width: 100%;
    justify-content: flex-start !important;
    font-size: 16px !important
  }

  .cooperation .content .box {
    width: 100%;
    height: auto;
    padding: 5%;
    margin-bottom: 10px
  }

  .cooperation .content .box .tit {
    font-size: 18px
  }

  .cooperation .content .txt {
    font-size: 16px;
    margin-top: 5px
  }

  .win .img img {
    height: auto;
    margin: 0 auto;
  }

  .win .abs {
    padding: 3%;
    width: 100%;
    position: static !important;
    min-height: auto;
    transform: none;
  }

  .win .abs .text {
    padding: 0;
    font-size: 18px
  }

  .font36 {
    font-size: 20px
  }

  .hot-post {
    padding: 6% 0;
  }

  .post {
    margin: 0;
    padding-top: 6%
  }

  .win .img,
  .post li {
    width: 100%;
    margin-bottom: 10px;
  }

  .post a {
    margin: 0;
  }

  .font20 {
    font-size: 18px
  }

  .font18 {
    font-size: 16px
  }

  .resume {
    margin-top: 6%;
  }

  .details-title {
    padding: 4% 0;
  }

  .details-title .tit {
    font-size: 20px !important;
  }

  .vision,
  .page {
    flex-direction: column;
  }

  .next {
    text-align: left !important;
    width: 100%;
    margin-bottom: 20px
  }

  .next a {
    display: block;
  }

  .vision-left,
  .vision-content {
    width: 100%
  }

  .vision-tabs .abs li {
    flex: auto;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 80px;
  }

  .vision-tabs .abs li .box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 3%;
  }

  .deco {
    margin: 0;
  }

  .vision img {
    height: 321px;
    object-fit: cover;
  }

  .vision-content {
    padding: 3%;
  }

  .vision-content .item .tit {
    font-size: 20px;
    margin-bottom: 0;
  }

  .vision-content .item p {
    font-size: 18px;
  }

  .idea {
    padding: 0 3% 6% 3%;
  }

  .idea .sub-tit {
    font-size: 20px
  }

  .font24 {
    font-size: 18px
  }

  .opbbuna2 li .num {
    width: 100px
  }

  .opbbuna2 li .tit {
    width: calc(100% - 120px)
  }

  .img-txt {
    font-size: 20px;
  }

  .win .img,
  .post li {
    margin-bottom: 0;
  }

  .font26 {
    font-size: 20px
  }

  .win .abs .text .tit {
    margin-bottom: 9px
  }

  .values {
    margin: 0;
  }

  .values ul {
    position: static !important;
    flex-wrap: wrap;
    padding-top: 10px;
    max-width: 94%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 4%
  }

  .values ul li {
    width: 100%;
    padding-top: 0;
    box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);
    margin-bottom: 10px
  }

  .values ul li .col {
    color: #333;
    min-width: 100%;
    font-size: 18px;
    padding: 2% 0;
    box-sizing: border-box
  }

  .values ul li .col .tit {
    line-height: 45px;
    font-size: 16px
  }

  .values ul li .col .txt {
    opacity: 1;
    margin-top: 0;
  }

  .win .abs .text {
    font-size: 16px
  }

  .poubca .sub-title {
    padding-top: 3%;
    line-height: 32px;
    font-size: 18px
  }

  .industry-us {
    margin-top: 5%
  }

  .industry-us li {
    flex-wrap: wrap;
  }

  .industry-us .txt,
  .industry-us .img {
    width: 100%
  }

  .industry-us .img img {
    height: auto;
    margin: 0 auto;
    width: auto
  }

  .industry-us .txt {
    display: block;
    height: auto;
    padding: 3% 0;
  }

  .join-img .abs {
    position: static !important;
    transform: none;
    max-width: 100%;
    padding: 3%;
    box-sizing: border-box;
  }

  .join-img {
    margin: 5% 0;
  }

  .join-list li .content .txt {
    margin-top: 10px
  }

  .join-list li .content .txt {
    line-height: 30px
  }

  .join-list {
    flex-wrap: wrap;
  }

  .join-list li {
    width: 100%;
    margin-top: 10px;
    padding-top: 3%;
  }

  .join-list li .img img {
    width: auto;
    margin: 0 auto;
    border-radius: 6px
  }

  .join-list li .content {
    height: auto;
    padding: 3% 0;
    text-align: center;
  }

  .join-txt {
    margin: 10px 0;
    font-weight: 100 !important;
    font-size: 16px
  }

  .join-apply {
    margin-top: 5%;
  }

  .director .abs {
    position: static !important;
  }

  .director .abs .content {
    max-width: none;
    width: 100%;
    color: #333;
    font-size: 20px;
    font-weight: 800;
    padding: 3% 0;
    text-align: justify;
    line-height: 36px;
  }

  .director .abs .content .img-tit {
    display: none
  }

  .director .abs .content>.txt {
    margin-top: 0;
  }

  .director .abs1 {
    display: block !important;
    position: absolute !important;
    right: 10px;
    top: 20%;
  }

  .lead-box1 .abs {
    position: static !important;
  }

  .lead-box1 .txt,
  .lead-box1 {
    height: auto;
  }

  .lead-box1 .txt {
    width: 100%;
    background: none;
    padding: 3% 0;
  }

  .lead-box2 .img img,
  .lead-box1 .abs img {
    margin: 0 auto
  }

  .lead-box1 {
    margin: 0;
    padding-bottom: 5%;
  }

  .lead-box2 .flex {
    flex-direction: column-reverse;
  }

  .lead-box2 .img,
  .lead-box2 .content {
    width: 100%;
    background: none
  }

  .lead-box3 .title,
  .lead-box2,
  .lead-box2 .content .text {
    padding: 4% 0;
  }

  .lead-box2 .img img,
  .lead-box2 .content .images img {
    height: auto;
    width: auto;
    margin: 0 auto
  }

  .lead-tabs-content ul,
  .lead-tabs {
    flex-wrap: wrap;
  }

  .lead-tabs a {
    width: 100%;
    height: 56px;
    line-height: 56px
  }

  .lead-tabs a.cur::after {
    display: none
  }

  .lead-tabs-content li {
    flex: auto;
    width: 100%;
    padding-right: 0;
  }

  .vision2 img {
    height: 240px;
  }

  .advantage li {
    width: 100%;
    margin-bottom: 10px
  }

  .advantage a img {
    height: auto;
    margin: 0 auto;
    width: auto;
  }

  .advantage li a .abs {
    position: static !important;
    padding: 3%;
  }

  .advantage li a .konw,
  .advantage li a .txt {
    margin-top: 10px
  }

  .industrySwiper .swiper-slide:nth-child(2n) .imgbox {
    margin-top: 0 !important
  }

  .industrySwiper .swiper-slide {
    height: auto !important;
  }

  .industry .title {
    padding: 6% 0;
  }

  .font20 {
    font-size: 16px
  }

  .img-tabs .abs {
    position: static !important;
  }

  .img-tabs {
    display: flex;
    flex-direction: column-reverse;
  }

  .img-tabs ul li .item .tit {
    color: #333;
  }

  .img-on {
    display: block;
  }

  .img-dn {
    display: none;
  }

  .img-tabs .img img {
    height: auto;
    width: auto;
  }

  .about-us:nth-child(2n),
  .about-us {
    flex-direction: column
  }

  .about-us-right,
  .about-us-left {
    width: 100%
  }

  .about-us-right .img {
    border-radius: 0;
    width: 100%;
    margin: 0;
  }

  .about-us-right .img-round {
    display: none
  }

  .about-us-right .img img {
    height: auto;
    margin: 0 auto;
  }

  .about-award ul,
  .about-label ul {
    margin: 0 -5px;
  }

  .about-award ul li a,
  .about-label li a {
    margin: 0 5px 0px 5px;
    border-radius: 0;
  }

  .about-award ul li,
  .about-label li {
    margin-bottom: 10px
  }

  .about-award ul li,
  .about-label li {
    width: 50%
  }

  .company-us .tit {
    font-size: 20px;
    text-align: center;
  }

  .about-us-right .img {
    height: auto;
    padding-bottom: 30px;
  }

  .about-award,
  .about-label {
    padding: 5% 0;
  }

  .achievement-list {
    flex-wrap: wrap;
    height: auto;
  }

  .achievement-list li,
  .achievement-list li.cur {
    width: 100%;
    flex: auto;
    margin-bottom: 10px;
    flex-direction: column;
  }

  .achievement-list .img img {
    height: auto;
    margin: 0 auto;
    width: auto;
  }

  .content-box,
  .achievement-list .imgbox {
    width: 100%
  }

  .achievement-list .content .tit {
    text-align: center;
    font-size: 18px
  }

  .achievement-list .content {
    display: block;
  }

  .achievement-list .content .tit {
    padding: 0;
  }

  .about-us-on,
  .achievement-list .imgbox .tit,
  .achievement-list .content .tit::after {
    display: none
  }

  .achievement-list .content .txt {
    height: auto;
    padding: 1% 0;
    text-align: center;
  }

  .content-box {
    padding: 0;
    display: block;
  }

  .aboutSwiper {
    height: auto
  }

  .aboutSwiper .swiper-slide .con {
    padding: 4% 0 0 0;
  }

  .aboutSwiper .tit {
    font-size: 18px;
  }

  .aboutSwiper .txt {
    font-size: 16px;
  }

  .aboutSwiper img {
    height: auto;
    width: auto;
    margin: 0 auto;
  }

  .aboutSwiper .swiper-button-next,
  .aboutSwiper .swiper-button-prev {
    top: 50px;
    height: 35px;
    width: 35px;
    background: #0551a7;
  }

  .aboutSwiper .swiper-button-prev {
    left: auto;
    right: 60px
  }

  .aboutSwiper .swiper-button-prev::after,
  .aboutSwiper .swiper-button-next::after {
    font-size: 20px
  }

  .achievement-bg::after {
    display: none
  }

  .achievement-box {
    width: auto;
    max-width: auto;
  }

  .margin {
    margin: 0
  }

  .achievement-bg .text {
    padding: 4% 0
  }

  .achievement-bg {
    height: auto;
  }

  .achievement-bg .text p {
    margin-top: 0;
  }

  .achievementSwiper {
    margin-top: 5%;
  }

  .achievementSwiper .abs {
    font-size: 18px;
    padding-left: 20px;
  }

  .img-switch ul li .img img,
  .cp-vod video {
    height: auto;
  }

  .img-switch ul li.cur,
  .img-switch ul li {
    flex: auto;
    width: 100%
  }

  .img-switch ul li .txt {
    opacity: 1;
  }

  .img-switch ul li .abs,
  .img-switch ul li.cur .abs {
    color: #333;
    position: static !important;
    height: auto;
    padding: 3% 0;
  }

  .img-switch ul li .tit {
    font-size: 18px
  }

  .img-switch ul li .txt {
    color: #333;
    font-size: 16px;
    margin-top: 0;
  }

  .img-switch ul li .img img {
    width: auto;
    margin: 0 auto;
  }

  .esg-case ul {
    height: auto;
  }

  .esg-case ul li {
    width: 100%;
    flex: auto;
    margin: 0 0 10px 0;
  }

  .esg-case ul li .tit {
    font-size: 20px;
    font-weight: bold;
  }

  .esg-case ul li .txt {
    display: block;
    margin-top: 10px
  }

  .esg-case ul li .content {
    padding: 4%;
  }

  .esg-case ul li:nth-child(odd) {
    background: #00A9E0;
  }

  .direction-switch li.cur,
  .direction-switch li {
    flex: auto;
    width: 100%;
    margin: 0;
  }

  .direction-switch li .abs {
    position: static !important;
    color: #333;
    height: auto;
  }

  .direction-switch li .abs .content {
    padding: 3%;
    text-align: center;
    width: 100%;
  }

  .direction-switch li .abs .content .txt {
    margin-top: 10px;
    display: block;
  }

  .direction-list ul li a img,
  .direction-switch li .img img,
  .esg-list ul li img,
  .img-text li img {
    height: auto;
    width: auto;
    margin: 0 auto;
  }

  .party-building {
    padding: 5% 0 0 0
  }

  .column {
    padding: 0;
    width: 100%
  }

  .column-title {
    font-size: 18px
  }

  .know-more {
    padding: 5% 0;
  }

  .party-building>.container>.content .text {
    width: 100%;
    position: static;
    padding: 5%;
    font-size: 16px;
  }

  .industry-title {
    margin: 5% 0 3% 0;
    display: block !important;
  }

  .pc_index_case,
  .line::after {
    display: none
  }

  .industry-title .column-title {
    padding-top: 20px
  }

  .m_index_case {
    display: block
  }

  .index_case li.cur,
  .index_case li {
    width: 100%;
    margin-bottom: 10px
  }

  .index_case img {
    height: auto;
    width: auto;
    margin: 0 auto
  }

  .index_case .con {
    position: static;
    background: none;
    color: #333;
    text-align: center
  }

  .index_case .con .txt {
    display: block;
    padding-top: 2%
  }

  .develop-list,
  .develop-num,
  .develop {
    margin-top: 5%
  }

  .develop-list li:nth-child(odd) {
    padding: 0
  }

  .develop-list {
    justify-content: space-between;
  }

  .develop-list li {
    width: 49%
  }

  .rotation .abs {
    position: static !important
  }

  .develop-list li a {
    height: auto;
  }

  .rotation .abs .text {
    padding-bottom: 0;
  }

  .rotation .abs .more {
    opacity: 1
  }

  .index-news-column a .column-title,
  .develop-list li a .more {
    color: #0B66B4;
  }

  .index-news-column .tit,
  .reverse,
  .more-icon {
    display: none
  }

  .rotation .abs .title {
    margin-top: 0;
  }

  .index-nesw-box,
  .index-news-column,
  .develop-num {
    flex-direction: column;
  }

  .develop-num>li {
    margin: 0 auto;
    margin-bottom: 15px;
    background-size: 150px;
    height: 150px;
    width: 100%
  }

  .develop-num>li>.num {
    font-size: 40px;
    margin-top: 20px;
    height: auto;
    height: 40px
  }

  .front .img img {
    margin: 0 auto
  }

  .rotation .abs .text {
    height: auto;
    font-size: 14px
  }

  .rotation .abs {
    padding: 2% 0;
  }

  .huhane,
  .rotation .abs .title {
    font-size: 18px
  }

  .swiper03,
  .buaehn,
  .index-news-column {
    height: auto;
  }

  .buaehn,
  .loemnf-box,
  .index-news-left,
  .index-news-right {
    width: 100%;
  }

  .index-news-right a {
    margin-top: 15px;
  }

  .index-rel .abs {
    position: static;
  }

  .font22 {
    font-size: 18px
  }

  .index-news-left .img img,
  .index-news-right .img img {
    height: auto;
    margin: 0 auto;
    width: auto
  }

  .partner-column,
  .index-news-media-box {
    margin-top: 5%;
    flex-direction: column
  }

  .index-news-media .tit {
    text-align: center;
    font-size: 24px;
    color: #0551a5;
    font-weight: bold
  }

  .buaehn {
    margin: 6% 0 8% 0;
  }

  .swiper03 .swiper-pagination {
    bottom: -4px !important
  }

  .partner-column {
    margin: 0;
    height: auto;
  }

  .index-news-column a .column-title,
  .develop-list li a .more,
  .partner-column .column-title {
    height: 35px;
    width: 160px;
    background: #00A9E0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    margin: 24px auto;
  }

  .index-news-media {
    margin: 6% 0
  }

  .lead3 {
    padding-top: 7%
  }

  .leadSwiper img {
    height: auto;
    margin: 0 auto;
    width: auto;
  }

  .about-award .btn {
    width: 130px;
    height: 48px;
    line-height: 46px;
  }

  .partner .brand-box {
    padding-top: 5%;
  }

  .go-top {
    bottom: 0;
  }

  .bln_img_com {
    font-size: 20px !important;
  }

  .bannerSwiper .swiper-slide .con .d4 a:hover {
    width: 170px;
    transition: all 0.5s ease;
  }

  .bannerSwiper .swiper-slide .con .d2,
  .bannerSwiper .swiper-slide .con .d3 {
    display: none;
  }

  .esg-list .tit {
    font-size: 24px;
  }

  .esg-list .oealmca li .img img {
    height: 280px;
  }

  .esg-list .oealmca li .con {
    padding: 20px;
    bottom: 0;
    height: auto;
  }

  .esg-list .oealmca li .con .d1 {
    font-size: 24px;
  }

  .esg-list .oealmca li .con .d2 {
    display: none;
    padding: 5%;
  }

  .news-list li a .con {
    width: 100%;
  }

  .news-list li a .date,
  .news-list li a .add {
    display: none;
  }

  /* .hot-post > .tit {
    font-size: 26px;
  } */

  .hot-post .rzgw_list {
    width: 100%;
    margin-bottom: 10px
  }

  .cooperation .poubca .d2 {
    font-size: 20px;
  }

  .cooperation .ewlplc {
    padding: 40px 3% 3% 3%;
  }

  .cooperation .odrlmg {
    top: -25px;
    left: 3%;
  }

  .cooperation .odrlmg span {
    font-size: 20px;
    height: 45px;
    width: 160px;
  }

  .xpenlc li .con .d1 {
    font-size: 20px;
    padding: 10px 0;
  }

  .mobile-logo a {
    display: block;
  }

  .mob-nav {
    margin-top: 0 !important;
  }

  body {
    padding-top: 55px !important;
  }
}


@media (max-width: 1024px) {
  .esg .xrs .tit {
    font-size: 24px;
  }

  .develop .gap_1 .flex_4 {
    width: 33.3333%;
  }
}

@media (max-width: 1000px) {
  .banenr img {
    height: 115px;
    object-fit: cover;
  }

  .banenr .bannerSwiper img {
    height: auto;
  }

  .brand a img,
  .brand a {
    height: 75px;
  }

  .brand a {
    margin: 10px
  }

  .resume ul,
  .resume {
    flex-direction: column;
  }

  .resume ul li,
  .resume ul,
  .resume-box {
    width: 100%
  }

  .resume-box {
    height: 180px
  }

  .mode img {
    height: 20px;
  }

  .news ul {
    margin: 0 -8px;
  }

  .news ul li {
    width: 50%
  }

  .news a {
    margin: 0 8px 16px 8px
  }

  .media {
    flex-direction: column
  }

  .hot-mailbox {
    padding: 10% 5%;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px
  }

  .research-box .img {
    display: none;
  }

  .research-box .txt {
    width: 100%;
    text-align: center;
  }

  .opbbuna2 {
    margin-left: 4%;
  }

  .honor {
    padding: 0;
  }

  .join-list {
    margin: 5% 0 9% 0;
  }

  .gbceun li {
    width: 33.333%
  }

  .gbceun {
    margin: 0 -5px;
    padding-top: 5%;
  }

  .gbceun li {
    margin-bottom: 10px
  }

  .gbceun li .col {
    margin: 0 5px
  }

  .gbceun li .col .abs {
    position: static !important;
    opacity: 1;
    background: none
  }

  .tab-cell {
    color: #333;
    padding: 2%;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    line-height: 36px
  }

  .director-name {
    padding-top: 0
  }

  .mb-4 {
    margin: 0;
  }

  .img-text li {
    margin: 0;
  }

  .esg-list ul li,
  .img-text li .img,
  .img-text li .text {
    width: 100%;
  }

  .img-text li:nth-child(2n),
  .img-text li {
    flex-direction: column;
  }

  .img-text li .text {
    padding: 3% 0;
  }


  .esg-list ul li {
    margin-bottom: 10px
  }

  .esg-list ul li .abs .txt {
    opacity: 1;
    margin-top: 10px
  }

  .esg-list ul li:hover .abs {
    background: none;
  }

  .direction-list ul {
    margin: 5% 0;
  }

  .direction-list ul li {
    width: 100%;
  }

  .direction-list ul li a {
    margin: 0 0 30px 0;
  }

  .direction-list ul li a .tit {
    padding: 10px 0;
    text-align: center;
  }

  .direction-list ul li a .txt {
    text-align: center
  }

  .poubca .txt {
    padding: 0;
  }

  .brand li {
    width: 50%;
  }

  .brand li img {
    margin: 0 auto;
  }

}

@media (max-width: 780px) {
  .bannerSwiper .swiper-slide .pic img {
    object-fit: cover;
  }

  .bannerSwiper .swiper-slide .con .d1 {
    font-size: 20px;
  }

  .bannerSwiper .swiper-slide .con .d4 {
    margin-top: 12px;
  }

  .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
    width: 32px;
  }

  .esg-list .oealmca li .img img {
    height: 30vw;
  }

  .esg-list .oealmca li .con {
    padding: 4%;
  }

  .esg-list .oealmca li .con .d1 {
    font-size: 18px;
  }

  .news-list li {
    padding: 3% 0;
  }

  .cooperation .bunteba li .img img {
    height: auto;
  }

  .xpenlc li .img {
    width: 100%;
  }

  .xpenlc li .con {
    width: 100%;
  }

  .xpenlc li .con .d2 {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .director {
    padding-top: 59px;
  }

  .tabs-border a {
    width: 30%;
    min-width: 125px;
    text-align: center;
  }

  .tab-width {
    /* width: 768px; */
    display: flex;
    /* justify-content: space-between; */
  }

  .mov {
    display: none
  }

  .pages a {
    margin-right: 20px
  }

  .process li img {
    height: 40px;
    margin: 0 auto;
  }

  .process li:nth-child(2n) img {
    height: 20px;
  }

  .process li .subtit {
    font-size: 14px
  }

  .honor {
    padding: 5% 50px;
  }

  .opbbuna2 li {
    flex-direction: column;
  }

  .opbbuna2 li .tit,
  .opbbuna2 li .num {
    width: 100%;
    text-align: center;
  }

  .schoolSwiper .imgbox .tit {
    height: auto
  }

  .olemna {
    margin: 0
  }

  .olemna li {
    width: 100%;
  }

  .olemna li .con {
    margin: 0 0 6px 0
  }

  .img-txt {
    margin-top: 6px;
    height: auto;
    padding: 4%;
    font-size: 16px
  }

  .img-txt p {
    text-align: left;
  }

  .research-box .txt br,
  .img-txt br {
    display: none;
  }

  .opbbuna2 li .num {
    font-size: 24px;
  }

  .opbbuna2 li .tit {
    font-size: 16px
  }

  .gbceun li {
    width: 50%
  }

  .join-apply .tit {
    font-size: 16px;
    padding: 0 5%;
    line-height: 32px
  }

  .director .abs1 img {
    height: 50px
  }

  .swiperHonor .year-box {
    width: 130px;
    margin: 0 auto;
  }

  .swiperHonor .year {
    height: 130px;
    line-height: 130px;
    font-size: 40px;
    width: 130px;
  }

  .swiperHonor .tit {
    text-align: center;
    padding: 0;
  }

  .swiperHonor .tit {
    margin-top: 30px;
  }

  .personal-honor .tit,
  .director-name {
    text-align: center;
    padding: 5% 0;
  }

  .about-award ul li,
  .about-label li {
    width: 100%
  }

  .img-tabs ul li .item .icon img {
    height: 50px;
    margin: 0 auto;
  }

  .img-tabs ul li .item .icon {
    height: 50px
  }

  .img-tabs ul li {
    width: 50%;
    margin-bottom: 20px
  }

  .about-label li a {
    font-size: 16px;
    height: 118px;
    padding: 0;
  }

  .about-label li a img {
    height: 70px
  }

  .loemnf li {
    width: 100%;
    margin-top: 0;
    margin-top: 30px;
    padding-right: 0;
  }

  .loemnf li a .d2 {
    height: auto;
  }

  .loemnf li a {
    padding-top: 15px
  }

  .esg .xrs .tit br {
    display: none;
  }

  .xrs_box li, .gxn_box, .cxyxz li {
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
  }

  .xrs_box .img, .xrs_box .con {
    width: 100%;
    border-radius: 0;
  }

  .xrs_box .con_txt {
    padding: 15px;
  }

  .esg-list .tit br {
    display: none;
  }

  .develop .gap_1 .flex_4 {
    width: 50%;
  }

  .cooperation .bunteba li .img {
    width: 100%;
  }

  .cooperation .bunteba li .con {
    position: relative;
    float: left;
    top: 0;
    width: 100%;
    height: auto;
    padding: 4%;
    transform: translateY(0);
  }

  .cooperation .bunteba li .con .d2 {
    font-size: 14px;
    line-height: 2;
  }

  .plbmea .zbonea dl {
    width: 49%;
  }

  .plbmea .zbonea dl:nth-child(3n) {
    margin-right: 2%;
  }

  .plbmea .zbonea dl:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 640px) {
  .lboprea li {
    width: 100%;
  }

  .lboprea li a {
    padding: 10px;
  }

  .lboprea li a .img img {
    height: 55vw;
  }

  .lboprea li a .tit {
    height: auto;
    max-height: 44px;
  }

  .news-list li a .con .img {
    width: 100px;
  }

  .news-list li a .con .img img {
    width: 100%;
  }

  .news-list li a .con .mon {
    width: calc(100% - 120px);
  }
}

@media (max-width: 639px) {
  .news ul {
    margin: 0;
  }

  .news ul li a {
    margin: 0 0 8px 0
  }

  .news ul li {
    width: 100%
  }

  .join-list li .img img {
    width: 100%
  }


}

@media (max-width: 480px) {
  .opbbuna2 {
    flex-direction: column;
  }

  .opbbuna2 li {
    width: 100%;
    margin-top: 5%;
  }

  .gbceun li .col img {
    height: 110px
  }

  .gbceun {
    padding-top: 9%
  }

  .director .abs1 img {
    height: 40px
  }

  .rotation .img img {
    height: 280px
  }

  .develop .gap_1 .flex_4 {
    width: 100%;
  }
}

/* 2023/6/13 */
.clear:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.product-b {
  width: 100%;
  max-width: 1200px;
  margin: 3% auto;
}

.bln_img_com {
  background: #1bac77;
  padding: 40px;
  font-size: 30px;
  color: #fff;
}

.onbrean li {
  margin-top: 5%;
}

.onbrean li:first-child {
  margin: 0;
}

.onbrean li .img {
  width: 46%;
  float: right;
}

.onbrean li .con {
  width: 46%;
  float: left;
}

.onbrean li:nth-child(2n) .img {
  float: left;
}

.onbrean li:nth-child(2n) .con {
  float: right;
}

.onbrean li .con .d1 {
  color: #0551a7;
  font-size: 50px;
  font-weight: bold;
}

.onbrean li .con .d2 {
  margin: 2% 0;
  font-size: 16px;
  line-height: 30px;
  min-height: 100px;
  overflow: hidden;
}

.onbrean li .con .d3 {
  font-size: 16px;
  line-height: 2;
  color: #666;
  font-weight: normal;
}

.onbrean li .con .d3 span {
  /*color: #00A9E0;*/
  color: #666;
}

@media (max-width:1200px) {
  .product-b {
    width: 95%;
  }

  .onbrean li .con .d1 {
    font-size: 32px;
  }

}


@media (max-width:768px) {
  .onbrean li .con .d1 {
    font-size: 20px;
  }

  .onbrean li .con {
    margin-top: 3%;
  }

  .onbrean li .con,
  .onbrean li .img {
    width: 100%;
  }

  .onbrean li .con .d2 {
    min-height: auto;
    overflow: auto;
  }

  .hot-post .zprs:last-child {
    display: none;
  }

  .direction-switch li.cur .abs .content .txt {
    margin-top: 0;
  }
}



.bg-col {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: none;
}

.yonmea {
  position: fixed;
  z-index: 99999;
  top: 40px;
  width: calc(100% - 80px);
  background: #fff;
  left: 40px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-110%);
  transition: all 0.5s ease;
}

.yonmea.on {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.5s ease;
}

.midlm {
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  background-image: linear-gradient(to right, #00A9E0, #2b55a6);
  color: #fff;
  text-align: center
}

.midlm .gb {
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  height: 45px;
  width: 45px;
  background: url(../images/tgb.png) no-repeat center center;
  cursor: pointer;
}

.plbmea {}

.zbonea {
  max-height: 80vh;
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5% 5%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.zbonea dl {
  width: 32%;
  margin-right: 2%;
}

.zbonea dl:nth-child(3n) {
  margin-right: 0;
}

.zbonea dl dt {
  border-bottom: 1px solid #e6eaf2;
  padding: 30px 0 12px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}

.zbonea dl dt a {
  color: #07307f;
}

.zbonea dl dd {
  line-height: 30px;
}

.zbonea dl dd a {
  color: #666;
  transition: all 0.5s ease;
  font-size: 16px;
}

/* 2023/6/19 */
.nav-float {
  position: absolute;
  top: 0;
  left: -20%;
  transform: translateY(23%);
  width: 20%;
  height: auto;
  background: #ffffff;
}

.nav-float::after {
  position: absolute;
  top: 0;
  left: 6px;
  width: 1px;
  height: 100%;
  content: '';
  display: block;
  background: url(../images/icon-nav-line.png);
  background-size: cover;
}

.nav-float li.cur .nav-float-title::after {
  display: block;
}

.nav-float li {
  min-width: 160px;
  margin-bottom: 18%;
  background: #fff;
  position: relative;
  z-index: 1;
}

.nav-float li:last-child {
  margin-bottom: 0;
}

.nav-float-title {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  padding-left: 30px;
  position: relative;
  margin: 5px 0px;
}

.nav-float-title::before {
  width: 14px;
  height: 15px;
  background: url(../images/icon-nav-logo.png)no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.nav-float-title::after {
  width: calc(100% - 30px);
  height: 3px;
  background: #00A9E0;
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  transform: translateY(-50%);
  display: none;
}

/* @media (max-width:1700px) {
  .nav-float {
    left: -10%;
  }
}

@media (max-width:1500px) {
  .nav-float {
    left: 0;
  }
} */

@media (max-width:1700px) {
  .nav-float ul {
    width: 100%;
    display: flex;
  }

  .nav-float {
    display: flex;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    height: max-content;
    background: #ffffff;
  }

  .nav-float::after {
    display: none;
  }

  .nav-float li {
    margin-right: 20px;
    margin-bottom: 2%;
  }
}

@media (max-width:768px) {
  .t-nav2 {
    padding-top: 5%;
  }

  .t-nav2 li {
    width: 30%;
    margin: 2% 0;
  }

  .nav-float li {
    width: 31%;
    text-align: center;
  }

  .nav-float {
    overflow-y: hidden;
    overflow-x: auto;
  }

  .m_index_case-swiper-con {
    margin-top: 3%;
  }

  .m_index_case-swiper-con .txt {
    margin-top: 2%;
  }

  .m_index_case-swiper {
    margin-bottom: 7%;
  }
}

@media (max-width: 425px) {
  .lomunc span {
    font-size: 20px !important;
  }

  .direction-switch li .abs {
    position: absolute !important;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
  }

  .direction-switch li.cur, .direction-switch li {
    margin-bottom: 20px;
  }

  .direction .poubca .txt {
    text-align: justify;
  }

  .direction .poubca .txt p {
    display: inline;
  }

  .fabricateSwiper .swiper-button-next,
  .fabricateSwiper .swiper-button-prev {
    display: block !important;
  }
}


/* 20230818 */

.logo-slogan-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-slogan-wrap .logo-wrap {
  flex-shrink: 0;
  width: 21.75%;
  margin-right: 9%;
}

.logo-slogan-wrap .logo-wrap img {
  display: block;
}

.logo-slogan-wrap .slogan-wrap .text {
  color: #C13131;
}

.party-idea-wrap .tit {
  color: #0551A7;
}

.party-idea-wrap .text-img-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.party-idea-wrap .text-wrap {
  width: 48%;
  padding: 117px 0;
  background: url(../images/double\ -quote-l.png) no-repeat left top / 73px 67px,
    url(../images/double\ -quote-r.png) no-repeat right bottom / 73px 67px;
}

.party-idea-wrap .text-wrap .text {
  margin-bottom: 1em;
  font-size: 18px;
  color: #000;
  left: 32px;
  text-align: justify;
}

.party-idea-wrap .text-wrap .text:last-child {
  margin-bottom: 0;
}

.party-idea-wrap .img-wrap {
  width: 42.5%;
}

.party-idea-wrap .img-wrap img {
  display: block;
}

.party-work-wrap .tit {
  color: #0551A7;
}

.party-work-wrap .desc {
  font-size: 26px;
  color: #000;
  line-height: 46px;
}

.party-work-wrap .party-work {
  display: flex;
  justify-content: space-between;
  /* padding-bottom: 38px; */
}

.party-work-wrap .party-work-item {
  position: relative;
  width: 24%;
  height: 460px;
  border-radius: 4px;
  overflow: hidden;
}

.party-work-wrap .party-work-item:nth-child(even) {
  margin-top: 80px;
}

.party-work-wrap .party-work-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.party-work-wrap .party-work-item .mask {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  padding: 22px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .4);
  transition: all .5s;
}

.party-work-wrap .party-work-item:hover .mask {
  height: 100%;
  padding-top: 146px;
  background-color: rgba(0, 169, 224, .7);
}

.party-work-wrap .party-work-item .mask .tit {
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.party-work-wrap .party-work-item:hover .mask .tit {
  text-align: center;
}

.party-work-wrap .party-work-item .mask .desc {
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: justify;
  opacity: 0;
  visibility: hidden;
}

.party-work-wrap .party-work-item:hover .mask .desc {
  opacity: 1;
  visibility: visible;
}

.branch-wrap .tit {
  color: #0551A7;
}

.branch-wrap .img-wrap img {
  display: block;
}

.party-info-wrap .tit {
  color: #0551A7;
}

@media (max-width: 1024px) {
  .party-idea-wrap .text-img-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .party-idea-wrap .text-wrap {
    width: 100%;
    padding: 20px 0;
    background: none;
  }

  .party-work-wrap .desc {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .party-work-wrap .party-work {
    flex-wrap: wrap;
  }

  .party-work-wrap .party-work-item {
    width: 49%;
    margin-bottom: 38px;
  }

  .party-work-wrap .party-work-item:nth-child(even) {
    margin-top: 0;
  }
}

@media (max-width: 425px) {
  .party-idea-wrap .img-wrap {
    width: 70%;
  }

  .party-work-wrap .party-work {
    padding-bottom: 0;
  }

  .party-work-wrap .party-work-item {
    width: 100%;
  }

  .party-work-wrap .party-work-item:last-child {
    margin-bottom: 0;
  }
}


/* 240611新增投资者关系 begin */
.investor {}

.investor-wrap {
  display: flex;
  justify-content: space-between;
  margin: 56px auto;
  align-items: flex-start;
}

.investor-left {
  width: 290px;
  background: #00A9E0;
  position: relative;
  border-radius: 10px 0 0 0;
  overflow: hidden;
}

.investor-left::after {
  background: #fff url("../images/bg-btm-icon.png") no-repeat;
  content: "";
  display: block;
  width: 100%;
  height: 72px;
  margin-top: 28px;
}

.investor-left::before {
  width: 18px;
  height: 100%;
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.investor-left h1 {
  font-size: 26px;
  color: #fff;
  margin-left: 18px;
  height: 92px;
  line-height: 92px;
  border-radius: 0 10px 0 0;
  width: 254px;
  position: relative;
  z-index: 4;
}

.investor-left-nav {
  background: #F5F5F5;
  position: relative;
  z-index: 4;
  margin-left: 18px;
}

.investor-left-nav a {
  height: 62px;
  line-height: 62px;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  color: #333;
  display: block;
  padding-left: 28px;
  position: relative;
}

.investor-left-nav a.active, .investor-left-nav a:hover {
  color: #00A9E0;
}

.investor-left-nav a.active::after, .investor-left-nav a:hover::after {
  background: url("../images/icon-right-arrow.png") no-repeat;
  width: 7px;
  height: 13px;
  display: block;
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -6px;
}

.investor-right {
  width: calc(100% - 330px);
}

.investor-administer-list a {
  width: 100%;
  display: block;
  background-color: #F8F8F8;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #00A9E0;
  text-align: center;
  letter-spacing: 5px;
  display: flex;
  align-items: center;
}

.investor-administer-list a b {
  margin-left: 30%;
  width: 100px;
  display: block;
  text-align: left;
  font-weight: normal;
}

.investor-administer-list a:nth-of-type(2n) {
  background-color: #fff;
}

.investor-administer-list a span {
  background: #EEEEEE;
  padding: 0 18px;
  font-size: 14px;
  color: #999;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 0px;
  letter-spacing: 2px;
  overflow: hidden;
}

.investor-contact {
  position: relative;
}

.investor-contact-cont {
  background-color: #fff;
  width: 395px;
  position: absolute;
  right: 68px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 40px;
  border-radius: 10px;
  overflow: hidden;
}

.investor-contact-cont h1 {
  width: 100%;
  font-size: 26px;
  color: #2E3139;
  font-weight: bold;
  word-break: break-all;
}

.investor-contact-cont p {
  font-size: 18px;
  color: #000;
  line-height: 36px;
}

.investor-contact-cont p.tel{
  margin-top: 8%;
}

.investor-contact-close {
  background: url("../images/icon-gray-close.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 30px;
  z-index: 4;
  top: 30px;
}
@media (max-width:1200px){
  .investor-wrap{
    flex-direction: column;
  }
  .investor-left{
    display: none;
  }
  .investor-right{
    width: 100%;
  }
  .investor-contact-cont{
    position: relative;
    width: 90%;
    top: 0;
    padding: 5%;
    right: 0;
    transform: translate(0,0);
  }
  .investor-contact-cont h1{
    font-size: 22px;
  }
  .investor-contact-cont p{
    font-size: 16px;
  }
  .investor-contact-close{
    display: none;
  }
  .investor-administer-list a{
    font-size: 16px;
  }
  .investor-administer-list a b{
    width: 80px;
    margin-left: 5%;
  }
  .investor-administer-list a span{
    margin-left: 10px;
  }
}
/* 240611新增投资者关系 end */