@font-face {

    font-family: 'zihun';

    src: url('../font/zihun.woff2') format('woff2'),url('../font/zihun.otf') format('opentype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SourceHanSerif-heavy';

    src: url('../SourceHanSerifCN-Heavy-4.otf') format('truetype');

        font-weight: 900;

    font-style: normal;

    font-display: swap;

}

.ellipsis {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

}

.two {

  display: -webkit-box;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  overflow: hidden;

  -webkit-box-orient: vertical;

}

.rel {

  position: relative;

}

.abs {

  position: absolute;

}

h3 {

  font-weight: normal;

}

em {

  font-style: normal;

}

.flex {

  display: flex;

  display: -webkit-flex;

}

.between {

  justify-content: space-between;

}

.around {

  justify-content: space-around;

}

.start {

  align-items: flex-start;

}

.center {

  align-items: center;

}

.end {

  align-items: flex-end;

}

.flexcenter {

  display: flex;

  display: -webkit-flex;

  justify-content: center;

}

.flexend {

  display: flex;

  display: -webkit-flex;

  justify-content: flex-end;

}

.wrap {

  flex-wrap: wrap;

}

.clearfix::after {

  content: "";

  display: block;

  clear: both;

  height: 0;

}

.wrap_box {

  line-height: 1.7;

  color: #333;

  font-size: 0.16rem;

}

.bigimg img {

  transition: all 0.6s;

  -webkit-transition: all 0.6s;

}

.bigimg:hover img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.w100 {

  width: 100% !important;

}

.h100 {

  height: 100%;

}

.hidden {

  overflow: hidden;

}

.content {

  max-width: 1240px;

  width: 90%;

  margin: 0 auto;

}

.red {

  color: #7c1d26;

}

.phone {

  display: none;

}

.header_bg {

  background: #f8f9fa;

  height: 112px;

  position: relative;

  z-index: 9;

}

.header {

  width: 1440px;

  margin: 0 auto;

}

.nav_list {

  width: 32.3%;

}

.nav_list > li {

  width: 130px;

  padding-left: 38px;

  position: relative;

  z-index: 1;

  height: 112px;

}

.nav_list > li::after {

  width: 100%;

  height: 112px;

  /* background: url(../images/subnav.png) no-repeat center top #7c1d26; */

  background: #e8c095;

  transform: scale(0, 1);

  transition: all 0.6s;

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  z-index: -1;

}

.nav_list > li > a {

  width: 106px;

  height: 112px;

  position: relative;

  display: block;

}

.nav_list > li > a img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.nav_list > li > a img:last-child {

  opacity: 0;

}

.nav_list > li:hover::after {

  transform: scale(1, 1);

}

.nav_list > li:hover > a img:last-child {

  opacity: 1;

}

.nav_list > li:hover > a img:first-child {

  opacity: 0;

}

.nav_list > li:hover .subnav {

  display: block;

}

.nav_list:last-child > li .subnav {

  left:auto;

  right: 0;

}

.subnav {

  width: 540px;

  height: 220px;

  background: #e8c095;

  top: 112px;

  left: 0;

  padding: 20px 35px 0 50px;

  display: none;

  font-family: 'zihun' !important;

}

.subnanv_con {

  width: 166px;

}

.subnanv_con a {

  writing-mode: vertical-rl;

  background: url(../images/navbg1.png) no-repeat center top;

  color: #333;

  font-size: 14px;

  line-height: 1.5;

  padding: 28px 0 0;

  letter-spacing: 5px;

  margin-right: 10px;

  font-family: 'zihun' !important;

}

.subnav_pic img {

  width: 250px;

  border-radius: 10px;

}

.banner .swiper-pagination {

  bottom: 10%;

}

.banner .swiper-pagination-bullet {

  width: 22px;

  height: 22px;

  background: url(../images/dot1.png) no-repeat;

  border-radius: 0;

}

.banner .swiper-pagination-bullet-active {

  background: url(../images/dot2.png) no-repeat;

  opacity: 1;

}

.banner_video{

  object-fit: cover;

  height: calc(100vh - 112px);

}



.index_bg {

  background: #f8f9fa;

}

.tit {

  color: #BA1013;

  text-align: center;

}

.tit_txt{

  margin: 20px 0 0;

}

.tit span {

  font-size: 32px;

  margin: 0 30px;

  font-family: 'SourceHanSerif-heavy';

}

.chuangxin_box {

  padding: 5% 0;

}

.chuangxin_list {

  margin: 5% 0 0;

}

.chuangxin_list li {

  width: 243px;

  height: 640px;

  position: relative;

  transition: all 0.6s;

}

.chuangxin_list li img {

  object-fit: cover;

}

.chuangxin_list li.on {

  width: 493px;

}

.chuangxin_list li.on .chuangxin_con {

  padding: 20% 10%;

}

.chuangxin_list li.on .chuangxin_con p,

.chuangxin_list li.on .chuangxin_con a {

  display: block;

}

.chuangxin_list li:hover {

  width: 496px;

}

.chuangxin_con {

  width: 100%;

  top: 0;

  left: 0;

  color: #fff;

  padding: 10% 10%;

}

.chuangxin_con h4 {

  font-weight: normal;

  font-size: 12px;

  font-family: Arial, Helvetica, sans-serif;

  text-transform: uppercase;

}

.chuangxin_con h3 {

  font-weight: normal;

  font-size: 20px;

  margin: 5% 0 20%;

}

.chuangxin_con p {

  font-size: 16px;

  line-height: 2.6;

  display: none;

}

.chuangxin_con a {

  width: 115px;

  height: 45px;

  border-radius: 30px;

  padding-left: 30px;

  display: block;

  line-height: 45px;

  background: url(../images/nar1.png) no-repeat right 30px center #9a0315;

  margin: 20% 0 0;

  display: none;

}

.pro_bg {

  background: url(../images/index_bg.jpg) no-repeat center 650px;

}

.type {

  text-align: center;

  margin: 4% 0 0;

}

.type span {

  width: 170px ;

  height: 39px;

  display: inline-block;

  text-align: center;

  line-height: 39px;

  font-size: 20px;

  cursor: pointer;

  margin: 0 1%;

}

.type span.on {

  background: url(../images/type.png) no-repeat;

  background-size: 100% 100%;

}

.type span:hover {

  background: url(../images/type.png) no-repeat;

  background-size: 100% 100%;

}

.pro_box {

  background: #ffffff;

  margin: 5% 0 0;

  padding: 5% 4%;

}

.pro_list {

  width: 54px;

  padding: 20px 0 0;

  height: 378px;

}

.pro_list .swiper {

  height: 100%;

}

.pro_list .swiper li {

  height: 54px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.pro_list .swiper li img {

  max-width: 90%;

}

.pro_list .swiper li.swiper-slide-thumb-active {

  border: solid 1px #ff0000;

  border-radius: 5px;

}

.pro_list .swiper-button-prev,

.pro_list .swiper-button-next {

  width: 18px;

  height: 10px;

  left: 18px;

  margin: 0;

}

.pro_list .swiper-button-prev::after,

.pro_list .swiper-button-next::after {

  display: none;

}

.pro_list .swiper-button-prev {

  background: url(../images/prev.jpg) no-repeat;

  top: 0;

}

.pro_list .swiper-button-next {

  background: url(../images/next.jpg) no-repeat;

  top: auto;

  bottom: 0;

}

.pro_con {

  width: 1030px;

}

.pro_pic {

  width: 353px;

  height: 353px;

  border: solid 1px #e3e3e3;

  display: flex;

  align-items: center;

  justify-content: center;

}

.pro_pic img {

  max-width: 100%;

}

.pro_info {

  width: 635px;

  margin: 2% 0 0;

  position: relative;

}

.pro_tit {

  font-size: 24px;

  color: #221815;

  border-bottom: solid 1px #e0e0e0;

  padding-bottom: 20px;

}

.pro_txt {

  color: #676767;

  font-size: 14px;

  margin: 2% 0 0;

  position: relative;

}

.pro_txt::after {

  width: 100px;

  height: 99px;

  background: url(../images/sun.png) no-repeat;

  content: '';

  display: block;

  position: absolute;

  right: 8%;

  top: 5%;

}

.pro {

  display: none;

}

.pro:first-child {

  display: flex;

}

.pro_more {

  width: 170px;

  height: 39px;

  background: url(../images/type.png) no-repeat;

  right: 0;

  top: 270px;

}

.buju_box {

  padding: 10% 0 5%;

}

.buju_list {

  margin: 5% 0 0;

}

.buju_list li {

  width: 395px;

  position: relative;

  transition: all 0.6s;

  overflow: hidden;

}

.buju_list li:hover .buju_con {

  padding: 15% 5% 0;

}

.buju_list li:hover .buju_con em,

.buju_list li:hover .buju_con p,

.buju_list li:hover .buju_con a {

  display: block;

}

.buju_con {

  width: 100%;

  top: 0;

  left: 0;

  padding: 90% 5% 0;

  text-align: center;

  color: #fff;

  transition: all 0.6s;

}

.buju_con h3 {

  font-size: 32px;

}

.buju_con em {

  width: 2px;

  height: 84px;

  background: #fff;

  display: block;

  margin: 0 auto;

  display: none;

}

.buju_con p {

  font-size: 20px;

  margin: 10% 0;

  font-weight: bold;

  display: none;

}

.buju_con a {

  width: 116px;

  height: 45px;

  background: url(../images/nar1.png) no-repeat right 30px center #9a0315;

  display: block;

  border-radius: 20px;

  line-height: 45px;

  text-align: left;

  padding-left: 30px;

  margin: 0 auto;

  display: none;

}

.news_box {

  padding-bottom: 5%;

}

.news_type_box {

  margin: 5% 0 0;

}

.news_type {

  width: 70%;

  font-size: 20px;

}

.news_type span {

  margin-right: 5%;

  width: 170px;

  height: 39px;

  line-height: 39px;

  text-align: center;

  display: inline-block;

  cursor: pointer;

}

.news_type span.on {

  background: url(../images/type.png) no-repeat;
  background-size: 100% 100%;

}

.news_more {

  width: 170px;

  height: 39px;

  background: url(../images/type.png) no-repeat;

  font-size: 20px;

}

.news {

  margin: 5% 0 0;

}

.news_left {

  width: 540px;

}

.news_left_pic {

  height: 380px;

}

.news_left_pic img {

  object-fit: cover;

}

.news_left_txt {

  background: #eeeeee;

  padding: 3% 5%;

}

.news_left_txt h3 {

  font-size: 20px;

  font-weight: normal;

}

.news_left_txt p {

  font-size: 14px;

  color: #999;

}

.news_list {

  width: 680px;

}

.news_list li {

  width: 340px;

  height: 465px ;

  padding: 10% 5% 0;

  background: url(../images/nar2.png) no-repeat 15% 80%;

  transition: all 0.6s;

}

.news_list li h2 {

  font-size: 42px;

  font-family: Arial;

  font-weight: normal;

  line-height: 1.3;

}

.news_list li h4 {

  color: #323232;

  font-size: 14px;

  font-family: Arial;

  font-weight: normal;

}

.news_list li h3 {

  font-size: 20px;

  margin: 15% 0 10%;

  font-weight: normal;

}

.news_list li:hover {

  background: url(../images/nar3.png) no-repeat 15% 75% #9a0315;

  color: #fff;

}

.news_list li:hover h4 {

  color: #fff;

}

.news {

  display: none;

}

.news:first-child {

  display: flex;

}

.dashi_bor{

  border: solid 2px #ecebeb;

  padding: 10px;

  

}

.dashi_box{

  background: #eaeaea url(../images/about_bg.jpg) no-repeat right bottom;

}

.dashi_pic{

  width: 535px;

}

.dashi_info{

  width: 665px;

  padding:4% 5%;

  align-items: flex-start;

  line-height: 1.8;

}

.dashi_txt{ 

  flex:1;

  /* writing-mode: vertical-rl; */

  /* height: 370px; */

  font-size: 16px;

  margin: 2% 0 0;

}

.dashi_txt p{

  text-indent: 2em;

}

.honor_box{

  margin: 8% 0 0;

}

.honor_txt{

  text-indent: 2em;

}

.honor{

  width: 620px;

  margin: 2% 0 0;

}

.honor_pic{

  margin: 8% 0 0;

}

.honor_pic li{

  transform: scale(0.8) !important;

}

.honor_pic li.swiper-slide-active{

  transform: scale(1) !important;

}

.honor_pic li img{

  width: 100%;

}

.honor_btn{

  margin: 5% 0 0;

}

.honor_btn .swiper-pagination{

  position: static;

  color: #83000c;

  width: auto;

}

.honor_btn .swiper-button-prev,.honor_btn .swiper-button-next{

  position: static;

  margin: 0 10px;

  width: 51px;

  height: 7px;

  border-radius: 0;

}



.honor_btn .swiper-button-prev::after,.honor_btn .swiper-button-next::after{

  display: none;

}







.honor_btn .swiper-button-prev{

  background: url(../images/honor1.png) no-repeat;

}

.honor_btn .swiper-button-next{

  background: url(../images/honor2.png) no-repeat;

}



.beidou{

  margin: 7% 0 0;

}

.beidou_tu{

  width: 527px;

  display: block;

  margin: 0 auto;



}

.tu1{

  width: 191px;

  top: 0;

  left: 70px;

}

.tu2{

  width: 202px;

  top: -15px;

  left:261px

}

.tu3{

  width: 210px;

  top: 190px;

  left: 51px;

}

.tu4{

  width: 188px;

  top: 190px;

  left: 261px;

}

.tu_txt1{

  width: 285px;

  left: -340px;

  top: 0;

  text-align: right;

}

.tu_txt2{

  width: 335px;

  left: 270px;

  top: 0;

}



.tu_txt3{

  width: 340px;

    left: -402px;

    bottom: 76px;

  text-align: right;

}

.tu_txt4{

  width: 240px;

left: 297px;

    bottom: 103px;

}

.tu_txt{

  line-height: 2;

  transition: all .6s;

}

.tu{

  cursor: pointer;

}

.tu:hover .tu_txt1,.tu:hover .tu_txt3{

  transform: translateX(20px);

}

.tu:hover .tu_txt2,.tu:hover .tu_txt4{

  transform: translateX(-20px);

}

.tu_txt::after{

  height: 24px;

  display: block;

  content: "";

  position: absolute;

}

.tu_txt1::after{

  width: 160px;

  background: url(../images/line1.png) no-repeat;

  top: 66px;

  left: 295px;

}

.tu_txt2::after{

  width: 160px;

  background: url(../images/line2.png) no-repeat;

  top: 30px;

  left: -180px;

}

.tu_txt3::after{

  width: 125px;

  background: url(../images/line3.png) no-repeat;

  top: 66px;

  left: 351px;

}

.tu_txt4::after{

  width: 160px;

  background: url(../images/line4.png) no-repeat;

  top: 30px;

  left: -180px;

}

.beidou_txt{

  font-size: 20px;

  text-align: center;

  margin: 5% 0 0;

}

.culture_bot{

  text-align: center;

}

.culture3{

  width: 170px;

  height: 170px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  z-index: 3;

}

.part-three-item{

  transition: all .6s;

  cursor: pointer;

}

.part-three-item:hover{

  transform: translateY(-10px);

}

/* 产业布局 */

.drug-production{

  background: #f8f9fa;

}

.content-title{

    color: #333333 !important;

    margin-bottom: 40px !important;

    padding-bottom: 0 !important;

}

.content-title-header{

    font-weight: normal !important;

    font-size: 32px !important;

    margin-bottom: 20px;

}

.shengchan_pic{

  width: 600px;

}

.shengchan_con{

  font-size: 16px;

  width: 550px;

  margin: 3% 0 0;

}

.shengchan_list{

  width: 700px;

  top: 120px;

  right: 0;

}

.shengchan_list li{

  text-align: center;

  font-size: 18px;

  color: #333;





}

.shengchan_list li img{

    border: solid 1px #d9d9d9;

  background: #fff;

  box-shadow: 0 0 30px rgba(255,255,255,0.25);

  padding: 10px;

}

.shengchan_list li p{

  margin: 3% 0 0;

}

.shengchan_button{

  justify-content: flex-end;

  margin: 20px 0 0;

}

.shengchan_button .swiper-button-prev,.shengchan_button .swiper-button-next{

  position: static;

  margin: 0;

  width: 40px;

  height: 40px;

  border: solid 1px #c1c1c1;

  border-radius: 100%;

  margin-right: 15px;

}

.shengchan_button .swiper-button-prev::after{

  content:'<';

  font-size: 20px;

  color: #c3c3c3;

}

.shengchan_button .swiper-button-next::after{

  content:'>';

  font-size: 20px;

    color: #c3c3c3;

}

.shengchan_button .swiper-button-prev:hover,.shengchan_button .swiper-button-next:hover{

  border: solid 1px #c5023a;

}

.shengchan_button .swiper-button-prev:hover::after,.shengchan_button .swiper-button-next:hover::after{

  color: #c5023a;

}

.hexin_box{

  padding: 5% 0;

}

.hexin_list li{

  width: 480px;

  height: 569px;

  overflow: hidden;

  position: relative;

  transition: all 0.3s;

}

.hexin_list li img{

  object-fit: cover;

}

.hexin_list li.on{

  width: 720px;



}

.hexin_list li.on .hexin_con{

  background: rgba(0, 0, 0, .4);

}

.hexin_list li.on .hexin_con p{

  display: block;

}

.hexin_con{

  width: 100%;

  height: 100%;

  bottom: 0;

  left: 0;

  padding: 0 40px 50px;

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

.hexin_con h3{

  font-size: 30px;

}

.hexin_con p{

  margin: 20px 0 0;

  font-size: 16px;

  display: none;

}

.four_box{

  padding: 5% 0;

}

.four_box li{

  width: 200px;

  height: 540px;

  overflow: hidden;

  transition: all .6s;

  position: relative;

}

.four_box li img{

  object-fit: cover;

}

.four_box li.on{

  width: 600px;

}

.four_box li.on .four_con{

  background: rgba(0, 0, 0, .42);

  text-align: left;

  justify-content: flex-start;

}

.four_box li.on .four_txt,.four_box li.on .four_more{

  display: block;



}



.four_con{

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  color: #fff;

  padding:15% 10%;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  text-align: center;

}

.four_con h3{

  font-size: 22px;

}

.four_txt{

  display: none;

  margin: 20px 0 0;

  line-height: 2.5;

}

.four_more{

      width: 115px;

    height: 45px;

    border-radius: 30px;

    padding-left: 30px;

    display: block;

    line-height: 45px;

    background: url(../images/nar1.png) no-repeat right 30px center #9a0315;

    margin: 10% 0 0;

    display: none;



}

.gallery-text p{

  text-indent: 2em;

}

.hero-description{

  text-indent: 2em;

}



.plant_txt{

  width: 100%;

  bottom: 0;

  background: rgba(255,255,255,0.8);

  left: 0;

  padding: 2%;

  color: #333;

  text-indent: 2em;

  font-weight: bold !important;

  font-family: 微软雅黑 !important;



}

.web_box{

  margin: 20% 0 20%;

}

.web_cicle{

  width: 200px;

  height: 200px;

  margin: 0 auto;

}

.web_clcle1{

  width: 200px;

  height: 200px;

  border: solid 2px #7c1d26;

  border-radius: 100%;

  margin: 0 auto;

  animation: twcle 1.2s linear infinite;

}

.web_clcle2{

  width: 160px;

  height: 160px;

  border: solid 2px #7c1d26;

  border-radius: 100%;

  margin: 20px auto;

  animation: twcle 1.2s  linear 0.2s infinite;

}

.web_clcle3{

  width: 120px;

  height: 120px;

  border: solid 2px #7c1d26;

  border-radius: 100%;

  margin: 20px auto;

  animation: twcle 1.2s  linear 0.5s infinite;

}

.web_cicle::after{

  width: 100px;

  height: 100px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  content: "";

  display: block;

 background: #b91c1c;

  border-radius: 100%;

box-shadow: 

        0 0 10px 5px rgba(239, 68, 68, 0.7),  

        0 0 20px 10px rgba(244, 114, 182, 0.4); 

        animation: light 2s infinite ease-in-out;

}



  @keyframes twcle {

	0% {

	  opacity: 0;

	  transform: scale(1);

	}

	50% {

	  opacity: 0.2;

	  transform: scale(1.2);

	}

	100% {

	  opacity: 0;

	  transform: scale(1.4);

	}

  }

@keyframes light {

      0%, 100% {

        box-shadow: 

          0 0 10px 5px rgba(239, 68, 68, 0.7),

          0 0 20px 10px rgba(244, 114, 182, 0.4);

      }

      50% {

        box-shadow: 

          0 0 20px 10px rgba(239, 68, 68, 0.9), /* 中间状态：亮度增强，范围扩大 */

          0 0 30px 15px rgba(244, 114, 182, 0.6);

      }

}

.area_list{

  border: solid 1px #ddd;

  border-radius: 10px;

  padding: 5% 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  white-space: nowrap;

}

.area_list::after{

  width: 100px;

  height: 1px;

  background: #ddd;

  content: "";

  display: block;

  left: 100%;

  top: 0;

  bottom: 0;

  margin: auto 0;

  position: absolute;

}

.area_list1::after{

  width: 1px;

  height: 100px;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 100%;

  

}

.area_list3::after,.area_list5::after,.area_list7::after{

  left: auto;

  right: 100%;

}

.area_list1{

  top: -120px;

  left: 0;

  right:0;

  margin: 0 auto;

}

.area_list2{

  top: -50px;

  left: -200px;

}

.area_list3{

  top: -50px;

  left: 250px;

}

.area_list4{

  top: 50px;

  left: -240px;

}

.area_list5{

  top: 50px;

  left: 290px;

}

.area_list6{

  top: 140px;

  left: -185px;

}

.area_list7{

  top: 140px;

  left: 252px;

}









@media screen and (max-width: 1680px) {

  .header {

    width: 1200px;

  }

  .type span {

    font-size: 16px;

  }

  .news_type span {

    font-size: 16px;

  }

}

@media screen and (max-width: 768px) {

  .phone {

    display: block;

  }

  .pc {

    display: none;

  }

  img {

    width: 100%;

  }

  .content {

    width: 96%;

  }

  .p_w100 {

    width: 100%;

  }

  .p_col {

    flex-direction: column;

  }

  .p_header {

    width: 100%;

    background: #fff;

    z-index: 9;

    height: 50px;

  }

  .menu_box {

    background: #7c1d26;

    width: 100%;

    height: 100vh;

    top: 0;

    left: 0;

    z-index: 999999;

    position: fixed;

    padding: 20px 5%;

    display: none;

  }

  .menu_list {

    color: #fff;

    height: calc(100vh - 40px);

    overflow-y: auto;

  }

  .menu_list li {

    font-size: 16px;

    line-height: 3;

  }

  .menu_close {

    font-size: 30px;

    color: #fff;

    text-align: right;

  }

  .sub_menu {

    font-size: 14px;

    color: #fff;

    display: none;

  }

  .sub_menu a {

    display: block;

    position: relative;

    padding-left: 20px;

  }

  .logo1 {

    width: 30%;

    margin-right: 20px;

  }

  .logo2 {

    width: 30%;

  }

  .menu_btn {

    width: 8%;

  }

  .tit img {

    width: 20px;

  }

  .tit span {

    font-size: 20px;

  }

  .chuangxin_list {

    flex-wrap: wrap;

  }

  .chuangxin_list li {

    width: 100% !important;

    height: 300px;

  }

  .chuangxin_list li.on {

    width: 100%;

  }

  .chuangxin_list li .chuangxin_con p,

  .chuangxin_list li .chuangxin_con a {

    display: block;

  }

  .chuangxin_list li .chuangxin_con h3 {

    margin: 5% 0;

  }

  .chuangxin_list li .chuangxin_con p {

    line-height: 1.5;

    font-size: 14px;

  }

  .chuangxin_list li .chuangxin_con a {

    margin: 7% 0 0;

  }

  .pro_list {

    height: 74px;

    margin-bottom: 5%;

  }

  .pro_list .swiper-button-next,

  .pro_list .swiper-button-prev {

    display: none;

  }

  .pro_info {

    margin: 5% 0 0;

  }

  .buju_list {

    flex-wrap: wrap;

  }

  .buju_list li {

    width: 100%;

  }

  .news_list {

    flex-direction: column;

  }

  .news_list li {

    width: 100%;

    height: 350px;

    padding: 3% 5%;

  }

  .news_type {

    text-align: center;

  }

  .news_type span {

    font-size: 16px;

    margin-right: 0;

  }
.dashi_tit{
  width: 80px;
}
.beidou_tu{
  width: 96%;
}
.tu1{
      width: 30%;
          top: 1.2%;
    left: 21%;
}
.tu2{
      width: 32%;
          top: -3%;
    left: 51%;
}
.tu3{
 width: 35%;
 top: 47%;
    left: 16%;
}
.tu4{
     width: 30%;
         top: 47%;
    left: 51%;
}
.tu_txt{
  display: none;
}
.prev-btn,.next-btn{
  width: 30px;
}
.pagination-controls{
  flex-direction: row;
}
.hero-description{
  line-height: 1.5;
}
.news_type span{
  width: 112px;
  height: 36px;
  line-height: 36px;
}
.content-title-header{
  font-size:21px !important ;
}


}