@charset "utf-8";

/* CSS Document */


/* 公用样式*/

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #898888;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ababab;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #898888;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #898888;
}

a {
    outline: none;
    color: 666;
    text-decoration: none;
}

img {
    border: none;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #000;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -o-smoothing: grayscale;
    font-family: "Microsoft Yahei", Tahoma, Arial, sans-serif;
    -webkit-text-size-adjust: none;
}

ol,
ul {
    list-style: none;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(18, 32, 32, 0.8);
}

body::-webkit-scrollbar-thumb {
    background: #000;
}

body::-webkit-scrollbar-button {
    background: #000;
}

body::-webkit-scrollbar-corner {
    background: #000;
}

body::-moz-selection {
    text-shadow: none;
    background: #00ba00;
    color: #EFEFEF;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

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

.w1580 {
    max-width: 1640px;
    margin: 0 auto;
    min-width: 1200px;
}

.w1760 {
    max-width: 1760px;
    margin: 0 auto;
    min-width: 1200px;
    padding: 0 30px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* PageBanner */

.PageNav {
    margin: 0 auto;
    text-align: center;
    display: block;
    background: #f6f6f6;
}

.PageNav ul {
    margin: 0 auto;
    font-size: 0;
}

.PageNav li {
    list-style: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
}

.PageNav li a {
    display: inline-block;
    line-height: 60px;
    font-size: 14px;
    color: #909090;
    padding: 0 30px;
    position: relative;
    text-align: center;
}

.PageNav li.on a {
    color: #fff;
    background: #242e49;
}

.PageNav .Navtit {
    display: none;
}


/*pageInfo*/

.page {
    background: #fff;
    overflow: hidden;
}

.pageInfo {
    color: #464646;
    font-size: 14px;
    line-height: 36px;
    min-height: 200px;
    padding-top: 70px;
    /* padding-bottom:20px;*/
}

.pageInfo img {
    max-width: 100%;
    height: auto;
}

.pagetit {
    margin-bottom: 50px;
    text-align: center;
}

.pagetit span {
    display: block;
}

.pagetit .en {
    color: #1e2831;
    font-size: 18px;
    line-height: 30px;
    font-family: 'AGaramondPro-Regular', 'Microsoft YaHei', Arial, sans-serif;
    text-transform: uppercase;
}

.pagetit .cn {
    color: #1e2831;
    font-size: 30px;
    line-height: normal;
    padding-bottom: 10px;
    font-family: '思源宋体 CN', 'SourceHanSerifCN-Regular', '宋体', 'Microsoft YaHei', Arial, sans-serif;
    font-weight: bold;
    position: relative;
}

.pagetit .cn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #383839;
    width: 28px;
    margin: 0 auto;
    height: 1px;
}


/**/

.pagetit2 {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.pagetit2 .pagetit2B {
    background: url(../images/page-tit.jpg) center center no-repeat;
    position: relative;
    z-index: 2;
    padding-top: 50px;
    padding-bottom: 50px;
}

.pagetit2 span {
    display: block;
}

.pagetit2 .en {
    color: #000000;
    font-size: 12px;
    line-height: normal;
    font-family: 'AGaramondPro-Regular', 'Microsoft YaHei', Arial, sans-serif;
    text-transform: uppercase;
}

.pagetit2 .cn {
    color: #464646;
    font-size: 20px;
    line-height: normal;
    font-family: '思源宋体 CN', 'SourceHanSerifCN-Regular', '宋体', 'Microsoft YaHei', Arial, sans-serif;
    font-weight: bold;
}

.pagetit2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #ededed;
    width: 100%;
    margin: 0 auto;
    height: 1px;
}


/*history*/

.times-swiper {
    color: #666666;
    font-size: 18px;
    text-align: center;
}

.times-swiper .swiper-slide {
    padding-top: 0px;
    box-sizing: border-box;
    line-height: 30px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    width: 98px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
}

.times-swiper .swiper-slide:hover,
.times-swiper .swiper-slide.swiper-slide-active {
    color: #fff;
    background: #242e49;
}

.times-swiper .swiper-slide:hover:after,
.times-swiper .swiper-slide.swiper-slide-active:after {
    background: url('../images/r1_on.png') center center no-repeat;
}

.times-swiper .swiper-button-prev,
.times-swiper .swiper-button-next {
    background-image: url('../images/index-right.png');
    width: 13px;
    height: 50px;
    top: 50%;
    position: absolute;
    z-index: 10;
    background-size: 13px;
}

.times-swiper .swiper-button-prev:hover,
.times-swiper .swiper-button-next:hover {
    background-image: url('../images/button1_on.png');
}

.times-swiper .swiper-button-prev {
    left: -55px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.times-swiper .swiper-button-next {
    right: -55px;
}

.times-swiper {
    width: 90%;
    margin: 75px auto 0 auto;
    position: relative;
    font-size: 15px;
    font-family: 'arial';
}

.year-swiper {
    position: relative;
    margin-top: 50px;
 
}

.year-swiper .wzBox {
    background: #f8f8f8;
    padding: 50px 50px;
}

.year-swiper .img {
    float: left;
    border-radius: 5px;
}

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

.year-swiper .year {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    font-family: 'ACaslonPro-Regular';
}

.year-swiper .wz {
    font-size: 15px;
    line-height: 36px;
    color: #464646;
}

.wzNR {
    padding-top: 11%;
}


/*PAGEBox*/

.EN {
    color: #000000;
    font-size: 14px;
    line-height: normal;
    font-family: 'AGaramondPro-Regular', 'Microsoft YaHei', Arial, sans-serif;
    text-transform: uppercase;
}

.CN {
    color: #464646;
    font-size: 26px;
    line-height: normal;
    font-family: '思源宋体 CN', 'SourceHanSerifCN-Regular', '宋体', 'Microsoft YaHei', Arial, sans-serif;
    font-weight: bold;
}


.font16 {
    font-size: 16px;
    line-height: 40px;
}
.me-2 {
    margin-right: 8px;
}





/* 关于我们------------------------------品牌概况start */

/* 面包屑导航------start */
.position {
  height: 78px;
  border-bottom: 1px #eee solid;
}
.position .content {
  height: 100%;
}
.color-3 {
  color: #333;
}
.position .category ul li a {
  display: flex;
  align-items: center;
  height: 78px;
  position: relative;
}
.position .category ul li a::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  transition: .5s;
  bottom: -2px;
  height: 2px;
  overflow: hidden;
  background: #0f5958;
}
.position .category ul li:hover a, .position .category ul li.active a {
  color: #0f5958;
}
.position .category ul li.active a::before,
.position .category ul li:hover a::before {
  left: 0;
  right: 0;
}


.font-20 {
  font-size: 1.25rem;
}

.position .breadcrumb {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  background-color: transparent;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-item a {
  color: #666;
  font-size: 14px;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">");
  font-size: 14px;
}

@media screen and (min-width: 992px) {
    .d-lg-none {
        display: none;
    }
}

@media screen and (max-width: 992px) {
  .position {
    height: 50px;
  }
}
/* 面包屑小屏菜单start */

  .navbar-nav-more-body {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
    transition: .2s;  
  }
  .navbar-nav-more-body .box-shadown {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
  }
  .navbar-nav-more-body .offcanva {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
  }
  .navbar-nav-more-body .top-menu-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all .2s;
    font-size: 16px;
    padding: 0;
  }
  .navbar-nav-more-body .top-menu-list>li {
    height: 56px;
    line-height: 56px;
    padding: 0; 
  }
  .navbar-nav-more-body .top-menu-list>li a {
    height: 100%;
    display: flex;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
    background-color: #f7f7f7;
    color: #333;
  }
  .me-3 {
      margin-right: 16px;
  }
  .pe-4 {
      padding-right: 24px;
  }
  .ps-4 {
      padding-left: 24px;
  }

/* 面包屑小屏菜单end */


/* 面包屑导航-----------------------end */

.about-page .content1 .mapvideoBox .mapbox {
  background: url(../images/map.png) no-repeat center top;
  background-size: contain;
  width: 60%;
  height: 550px;
  position: relative;
 
}
.about-page .content1 .mapvideoBox .videobox {
  width: 40%;
}
.about-page .content1 .mapvideoBox .videobox video {
  width: 100%;
  margin-top: 13%;
  padding: 15px;
  border: 1px solid #0f5958;
}
.about-page .content1 .mapvideoBox .mapbox .xxdot {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 270px;
  right: 350px;
  background-color: #0f5958;
  border-radius: 50%;
  box-shadow: 0 0 12px #0f5958;
}

.about-page .mapbox .xxdot div[class^="circle"] {
  position: absolute;
  transform: translate(-50%, -50%);
  margin-top: 4px;
  margin-left: 4px;
  width: 8px;
  height: 8px;
  border: 1px solid #0f5958;
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: 0 0 12px #0f5958;
}

.about-page .mapbox .circle1 {
  animation: mapmovie 3s linear infinite;
}

.about-page .mapbox .circle2 {
  animation: mapmovie 3s linear 1s infinite;
}

.about-page .mapbox .circle3 {
  animation: mapmovie 3s linear 2s infinite;
}

@keyframes mapmovie {
  0% {}

  70% {
    width: 60px;
    height: 60px;
    opacity: 0.3;
  }

  100% {
    width: 60px;
    height: 60px;
    opacity: 0;
  }
}

.about-page .content1 h2 {
    font-size: 32px;
}

@media screen and (min-width: 1680px) {
  .about-page .content1 .mapvideoBox .mapbox {
    width: 960px;
  }
  .about-page .content1 .mapvideoBox .videobox {
    width: 640px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1679px) {
  .about-page .content1 .mapvideoBox .mapbox {
    width: 620px;
  }

  .about-page .content1 .mapvideoBox .mapbox .xxdot {
    top: 249px;
    right: 188px;
  }
  .about-page .content1 .mapvideoBox .videobox video {
    margin-top: 20%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .about-page .content1 .mapvideoBox .mapbox {
    width: 560px;
    height: 460px;
  }
  .about-page .content1 .mapvideoBox .mapbox .xxdot {
    top: 225px;
    right: 169px;
  }
  .about-page .content1 .mapvideoBox .videobox video {
    margin-top: 27%;
  }
}



@media screen and (max-width: 992px) {
  .about-page .mapvideoBox {
    flex-direction: column;
  }
  .about-page .content1 .mapvideoBox .mapbox {
    width: 100%;
   
  }
 
  .about-page .content1 .mapvideoBox .videobox {
    width: 100%;
  }
  .about-page .content1 .mapvideoBox .videobox video {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
 
  .about-page .content1 .mapvideoBox .mapbox .xxdot {
    top: 49%;
    right: 35%;
  }


}

@media screen and (max-width: 768px) {
  .about-page .content1 .mapvideoBox .mapbox {
    height: 300px;
  }
  .about-page .content1 .mapvideoBox .mapbox .xxdot {
    top: 145px;
    right: 284px;
  }
  .about-page .content1 h2 {
      font-size: 28px;
      line-height: 36px;
  }
}
@media screen and (max-width: 500px) {

  .about-page .content1 .mapvideoBox .mapbox .xxdot {
    top: 145px;
    right: 120px;
  }
}

/* 品牌概况内容start */

.about-page .content2 .imgContent ul {
  display: flex;
}
.about-page .content2 .imgContent ul li {
  perspective: 1600px;
  flex: 1;
}
.about-page .content2 .imgContent ul li:hover img {
  transform: rotateY(0);
}
.about-page .content2 .imgContent ul li img {
  display: block;

  width: 100%;
  transform: rotateY(-40deg);
  border-right: 4px solid #0f5958;
  transition: all .3s;
}
@media (min-width: 1200px) {
    .mt-xl-5 {
        margin-top: 48px;
    }
}

@media screen and (min-width: 992px) {
    .about-page .content2 .text {
        font-size: 18px;
        line-height: 35px;
    }
    .pt-lg-5 {
        padding-top: 48px;
    }
}

@media screen and (max-width:768px) {
    .about-page .content2 .imgContent ul li img {
        transform: rotateY(0);
    }
}

/* 关于我们--产业生态丰富----start */
.fw-bold {
    font-weight: 700;
}
.justify-content-around {
    justify-content: space-around;
}

.about-page .content3 {
  background: url(../images/jituan_bg.jpg);
  background-size: cover;
  margin-top: 80px;
}

.about-page .content3 h3 {
  font-size: 36px;
}
.about-page .content3 .chanyeWrapper .leftbox {
  padding-top: 25px;
  width: 600px;
  line-height: 50px;
  font-size: 24px;
}
.about-page .content3 .chanyeWrapper .leftbox span {
  font-size: 24px;
}
.about-page .content3 .chanyeWrapper .rightbox {
  width: 600px;
  height: 600px;
  position: relative;
}



.chanyeWrapper .rightbox .circle-container {
  

  position: relative;
  width: 600px;
  height: 600px;
  border: 2px dotted #abd36a;
  border-radius: 50%;
  animation: rotateCircle 50s linear infinite;

}
/*.chanyeWrapper .rightbox:hover .circle-container {*/
/*  animation: none;*/
/*}*/

.chanyeWrapper .rightbox .yuanhuan {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  
  width: 360px;
  height: 360px;
  background: url(../images/yuanhuan.png) no-repeat center;
  background-size: cover;
  
}
.chanyeWrapper .rightbox .centerCircle {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #00682f;
  text-align: center;
  color: #fff;
}
.chanyeWrapper .rightbox .centerCircle .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  align-items: center;


}
.chanyeWrapper .rightbox .sevenbrand {
  position: absolute;
  left: 280px;
  bottom: 66px;
  font-size: 18px;
}
.chanyeWrapper .rightbox .centerCircle .txt .jituan,
.chanyeWrapper .rightbox .centerCircle .txt .yunying {
  font-size: 18px;
  font-weight: 600;
}
.chanyeWrapper .rightbox .centerCircle .txt .zhongxin {
  color: #f6f7ba;
  margin-top: 10px;
}

@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateCircle2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.chanyeWrapper .rightbox .circle {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #e3f1cc;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chanyeWrapper .rightbox .circle .circle-txt {
  color: #00682f;
  font-weight: bold;
  line-height: 20px;
    animation: rotateCircle2 50s linear infinite;
}

/* 设置每个圆的位置 */
.chanyeWrapper .rightbox .circle:nth-child(1) {
  
  top: -50px;
  left: 250px;
}

.chanyeWrapper .rightbox .circle:nth-child(2) {
 
  top: 62.953px;
  left: 484.549px;
}

.chanyeWrapper .rightbox .circle:nth-child(3) {


  top: 316.756px;
  left: 542.478px;
}

.chanyeWrapper .rightbox .circle:nth-child(4) {
 

  top: 520.291px;
  left: 380.165px;
}

.chanyeWrapper .rightbox .circle:nth-child(5) {


  top: 520.291px;
  left: 119.835px;
}

.chanyeWrapper .rightbox .circle:nth-child(6) {
  

  top: 316.756px;
  left: -42.478px;
}

.chanyeWrapper .rightbox .circle:nth-child(7) {
  top: 62.953px;
  left: 15.451px;
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .about-page .content3 .chanyeWrapper .leftbox {
    width: 40%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .chanyeWrapper .rightbox .circle .circle-txt {
        line-height: 14px;
    }
    .chanyeWrapper .rightbox .sevenbrand {
        left: 187px;
        bottom: 36px;
    }

 .about-page .content3 .chanyeWrapper .leftbox {
  width: 50%;
  font-size: 18px;
  line-height: 36px;
  padding-right: 28px;
 }
 .about-page .content3 .chanyeWrapper .rightbox {
  width: 400px;
  height: 400px;
 }
 .chanyeWrapper .rightbox .circle-container {
  width: 100%;
  height: 100%;
 }
 .chanyeWrapper .rightbox .yuanhuan {
  width: 200px;
  height: 200px;
 }
 .chanyeWrapper .rightbox .centerCircle {
  width: 100px;
  height: 100px;
 }
 .chanyeWrapper .rightbox .circle {
  width: 50px;
  height: 50px;
  font-size: 12px;
  line-height: 14px;
 }
 .chanyeWrapper .rightbox .centerCircle .txt .jituan, .chanyeWrapper .rightbox .centerCircle .txt .yunying {
  font-size: 12px;
 }

 .chanyeWrapper .rightbox .circle:nth-child(1) {
  
  top: -25px;
  left: 175px;
}

.chanyeWrapper .rightbox .circle:nth-child(2) {
 
  top: 50.302px;
  left: 331.367px;
}

.chanyeWrapper .rightbox .circle:nth-child(3) {


  top: 219.504px;
  left: 369.986px;
}

.chanyeWrapper .rightbox .circle:nth-child(4) {
 
  top: 355.194px;
  left: 261.777px;
}

.chanyeWrapper .rightbox .circle:nth-child(5) {
  top: 355.194px;
  left: 88.223px;
}

.chanyeWrapper .rightbox .circle:nth-child(6) {
  


  top: 219.504px;
  left: -19.986px;

}

.chanyeWrapper .rightbox .circle:nth-child(7) {
  top: 50.302px;
  left: 18.634px;
}

}

@media screen and (max-width: 991px) {
  .about-page .content3 {
    padding: 20px 15px;
    margin-top: 30px;
  }
  .about-page .content3 .chanyeWrapper {
    flex-direction: column;
    padding: 40px 0;
  }
  .about-page .content3 .chanyeWrapper .leftbox {
    width: 100%;
    padding-top: 0;
    line-height: 45px;
    font-size: 18px;
  }
  .about-page .content3 .chanyeWrapper .rightbox {
    margin: 20px auto;
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
    .chanyeWrapper .rightbox .centerCircle .txt {
        line-height: 16px;
    }
    .chanyeWrapper .rightbox .circle .circle-txt {
        line-height: 12px;
    }
    .about-page .content3 .chanyeWrapper {
        padding: 20px 0;
    }
  .about-page .content3 .chanyeWrapper .leftbox {
    font-size: 16px;
    line-height: 27px;
  }
  .about-page .content3 h3 {
    font-size: 28px;
    text-align: center;
  }
  .about-page .content3 .chanyeWrapper .leftbox span {
    font-size: 18px;
  }
  .about-page .content3 .chanyeWrapper .rightbox {
    width: 340px;
    height: 340px;
    padding-top: 20px;
  }
  .chanyeWrapper .rightbox .circle-container {
    width: 340px;
    height: 340px;
    overflow: hidden;
    
   }

  .chanyeWrapper .rightbox .yuanhuan {
    width: 200px;
    height: 200px;
  }
  .chanyeWrapper .rightbox .centerCircle {
    width: 100px;
    height: 100px;
  }
  .chanyeWrapper .rightbox .centerCircle .txt .jituan, .chanyeWrapper .rightbox .centerCircle .txt .yunying {
    font-size: 12px;
  }
  /*.chanyeWrapper .rightbox .circle-container {*/
  /*  animation: none;*/
  /*}*/
  .chanyeWrapper .rightbox .circle {
    width: 50px;
    height: 50px;
    font-size: 12px;
    line-height: 15px;
  }
  .chanyeWrapper .rightbox .sevenbrand {
    left: 154px;
    bottom: 15px;
    font-size: 14px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(1) {
    top: -25px;
    left: 145px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(2) {
    top: 39px;
    left: 277.911px;

  }
  .chanyeWrapper .rightbox .circle:nth-child(3) {
    top: 182.83px;
    left: 310.74px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(4) {
    top: 298.165px;
    left: 218.76px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(5) {
    top: 298.165px;
    left: 71.24px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(6) {
    top: 182.83px;
    left: -20.74px;
  }
  .chanyeWrapper .rightbox .circle:nth-child(7) {
    top: 39px;
    left: 12.089px;
  }
}

/* 关于我们--产业生态丰富----end */

/* 产业链条------------start */

.about-page .content4 h3 {
  font-size: 36px;
}
.about-page .content4 .topText {
  font-size: 18px;
  line-height: 40px;
}
.about-page .content4 .bottomBox {
  margin-top: -50px;
}
.about-page .content4 .bottomBox .tuoyuan {
  width: 1030px;
  height: 548px;
  margin: 0 auto;
  background: url(../images/tuoyuan_bg.png) no-repeat center;

  background-size: cover;
  position: relative; 
}
.about-page .content4 .bottomBox .tuoyuan .centerCircle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 466px;
  height: 334px;
  background: url(../images/centerCircle_bg.png) no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 30px;
}
.about-page .content4 .bottomBox .smallCircle {
  width: 170px;

  position: absolute;
}
.about-page .content4 .bottomBox .smallCircle img {
  width: 100%; 
}
.about-page .content4 .bottomBox .circleNumber01 {
  top: 177px;
  left: -77px;
}
.about-page .content4 .bottomBox .circleNumber02 {
  top: 373px;
  left: 44px;

}
.about-page .content4 .bottomBox .circleNumber03 {
  top: 444px;
  left: 300px;
}
.about-page .content4 .bottomBox .circleNumber04 {
  top: 444px;
  left: 584px;
}
.about-page .content4 .bottomBox .circleNumber05 {
  top: 371px;
  left: 813px;
}
.about-page .content4 .bottomBox .circleNumber06 {
  top: 177px;
  left: 936px;
}
@media screen and (min-width: 1200px) {
    .about-page .content4 {
        padding-top: 0;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .about-page .content4 {
        padding-top: 0;
    }
  .about-page .content4 .bottomBox .tuoyuan {
    width: 850px;
    height: 452px;  
  }
  .about-page .content4 .bottomBox .tuoyuan .centerCircle {
    width: 395px;
    height: 283px;
  }
  .about-page .content4 .bottomBox .smallCircle {
    width: 140px;
  }
  .about-page .content4 .bottomBox {
    margin-top: 0;
  }
  .about-page .content4 .bottomBox .circleNumber01 {
    top: 155px;
    left: -58px;
  }
  .about-page .content4 .bottomBox .circleNumber02 {
    top: 310px;
    left: 44px;
  }
  .about-page .content4 .bottomBox .circleNumber03 {
    top: 378px;
    left: 256px;
  }
  .about-page .content4 .bottomBox .circleNumber04 {
    top: 378px;
    left: 483px;
  }
  .about-page .content4 .bottomBox .circleNumber05 {
    top: 310px;
    left: 670px;
  }
  .about-page .content4 .bottomBox .circleNumber06 {
    top: 155px;
    left: 774px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .about-page .content4 .bottomBox .tuoyuan {
    width: 680px;
    height: 362px;  
  }
  .about-page .content4 .bottomBox .smallCircle {
    width: 112px;
  }
  .about-page .content4 .bottomBox {
    margin-top: 0;
  }
  .about-page .content4 .bottomBox .tuoyuan .centerCircle {
    width: 317px;
    height: 227px;
  }
  .about-page .content4 .bottomBox .circleNumber01 {
    top: 129px;
    left: -53px;
  }
  .about-page .content4 .bottomBox .circleNumber02 {
    top: 251px;
    left: 39px;
  }
  .about-page .content4 .bottomBox .circleNumber03 {
    top: 306px;
    left: 203px;
  }
  .about-page .content4 .bottomBox .circleNumber04 {
    top: 306px;
    left: 369px;
  }
  .about-page .content4 .bottomBox .circleNumber05 {
    top: 251px;
    left: 535px;
  }
  .about-page .content4 .bottomBox .circleNumber06 {
    top: 129px;
    left: 619px;
  }
}

@media screen and (max-width: 768px) {
  .about-page .content4 h3 {
    font-size: 28px;
    text-align: center;
  }
  .about-page .content4 .topText {
    font-size: 16px;
    line-height: 32px;
    padding: 0 15px;
  }
  .about-page .content4 .bottomBox .tuoyuan {
    width: 330px;
    height: 175px;  
  }
  .about-page .content4 .bottomBox .smallCircle {
    width: 54px;
  }
  .about-page .content4 .bottomBox {
    margin-top: 0;
  }
  .about-page .content4 .bottomBox .tuoyuan .centerCircle {
    width: 154px;
    height: 110px;
    font-size: 16px;
  }
  .about-page .content4 .bottomBox .circleNumber01 {
    top: 66px;
    left: -27px;
  }
  .about-page .content4 .bottomBox .circleNumber02 {
    top: 119px;
    left: 16px;
  }
  .about-page .content4 .bottomBox .circleNumber03 {
    top: 143px;
    left: 102px;
  }
  .about-page .content4 .bottomBox .circleNumber04 {
    top: 143px;
    left: 189px;
  }
  .about-page .content4 .bottomBox .circleNumber05 {
    top: 119px;
    left: 264px;
  }
  .about-page .content4 .bottomBox .circleNumber06 {
    top: 66px;
    left: 300px;
  }
}

/* 产业链条------------end */

/* 企业文化------------start */

.about-page .content5 {
  background: url(../images/culture_bg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  margin-top: 100px;
}

.pb-5 {
    padding-bottom: 48px;
}
.pt-5 {
    padding-top: 48px;
}
.p-4 {
    padding: 24px;
}
.font-20 {
    font-size: 20px;
}

@media (min-width: 992px) {
    .mt-lg-5 {
        margin-top: 48px;
    }
}
@media (min-width: 1400px) {
    .mb-xxl-5 {
        margin-bottom: 48px;
    }
}
@media (min-width: 1400px) {
    .mt-xxl-5 {
        margin-top: 48px;
    }
}
.about-page .content5 ul li {
    margin-bottom: 20px;
}

.about-page .content5 ul li .item {
  border-radius: 8px;
  border: 1px #c0daea solid;
  background: rgba(70,175,178,0.2);
  position: relative;
}
.about-page .content5 ul li .item p {
  line-height: 30px;
}
.about-page .content5 ul li .item h5 {
  color: rgba(255,255,255,0.3);
  position: absolute;
  right: 24px;
  bottom: 20px;
  font-family: 'BLACK';
}
.font-36 {
  font-size: 36px;
}

@media screen and (max-width: 768px) {
  .about-page .content5 {
    background: url(../images/m_culture_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
  }
}

/* 企业文化-------------end */

/* 结尾语录----------start */
.about-page .content6 {
  background: url("../images/crown_bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 800px;
}
.about-page .content6 .zhezhao {
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}
.about-page .content6 .txtP {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  font-size: 28px;
  line-height: 60px;
  text-indent: 2em;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .about-page .content6 {
    height: 500px;
  }
  .about-page .content6 .txtP {
    top: 10%;
    font-size: 20px;
    line-height: 35px;
  }
}

@media screen and (max-width: 992px) {
  .about-page .content6 {
    height: 400px;
  }
  .about-page .content6 .txtP {
    top: 5%;
    font-size: 18px;
    line-height: 28px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .about-page .content6 {
    height: 300px;
  }
  .about-page .content6 .txtP {
    width: 100%;
    top: 5%;
    font-size: 16px;
    line-height: 25px;
    padding: 0 15px;
  }
}
/* 结尾语录-----------end */

/* 创新荣誉---------------start */
/* 科技创新 */

.chuangxinRongYu .content1 {
  background: url(../images/kejichuangxin_bg.jpg) no-repeat center;
  background-size: cover;
  height: 800px;
}
.font-36 {
  font-size: 36px;
}
.font-18 {
  font-size: 18px;
  line-height: 40px;
}
.chuangxinRongYu .content1 .imgWrapper img {
  width: 20%;

}
.chuangxinRongYu .content1 .topText p {
    margin-bottom: 16px;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .chuangxinRongYu .content1 {
    height: 690px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .chuangxinRongYu .content1 {
    height: 580px;
  }
}

@media screen and (max-width: 992px) {
  .chuangxinRongYu .content1 {
    background: none;
    height: auto;
  }
  .chuangxinRongYu .content1 .imgWrapper {
    flex-wrap: wrap;
  }
  .chuangxinRongYu .content1 .imgWrapper img {
    width: 48%;
    margin-bottom: 20px;
  }

}

@media screen and (max-width: 768px) {
  .chuangxinRongYu .content1  h3 {
    font-size: 28px;
  }
  .chuangxinRongYu .content1 .topText p {
    font-size: 16px;
    line-height: 32px;
  }
}
/* 研发专利 */
.chuangxinRongYu .content2 .zhuanlishu {
  text-align: center;
}
.chuangxinRongYu .content2 .listContent {
    margin-bottom: 16px;
}

.chuangxinRongYu .content2 ul li {
  font-size: 18px;
  background-color: #c1e9d4;
  padding: 25px;
  color: #00682f;
  border-radius: 10px;
  width: 25%;
  text-align: center;
  border: 1px solid #0f5958;
}
.chuangxinRongYu .content2 .zhuanli_bg {
  background: url("../images/yanfazhuanli_bg.png") no-repeat center;
  background-size: cover;
  height: 490px;
}
 @media screen and (max-width: 768px) {
  .chuangxinRongYu .content2 h3 {
    font-size: 28px;
  }
  .chuangxinRongYu .content2 .zhuanlishu {
    font-size: 16px;
  }
  .chuangxinRongYu .content2 ul {
    flex-wrap: wrap;
  }
  .chuangxinRongYu .content2 ul li {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  .chuangxinRongYu .content2 .zhuanli_bg {
    height: 150px;
  }

 }

 /* 资质荣誉 */
  .chuangxinRongYu .content3 {
      margin-bottom: 35px;
  }
 .chuangxinRongYu .content3 .shuliang img {
  width: 15%;
 }

 .chuangxinRongYu .content3 .zhengshu img {
  width: 20%;
 }
 @media screen and (max-width: 768px) {
  .chuangxinRongYu .content3 h3 {
    font-size: 28px;
  }
  .chuangxinRongYu .content3 .shuliang img {
    width: 33%;
   }
 }




/* 创新荣誉-----------------end */

/* 品牌概况内容end */