body{font-size: 16px;}
.bannerbut{display: none;}
.banner_text{transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
  visibility: hidden;opacity: 0;
  -webkit-transform: translateX(30%); -moz-transform: translateX(30%);-o-transform: translateX(30%);-ms-transform: translateX(30%);transform: translateX(30%);
}

.banner .swiper-slide-active .banner_text{
  visibility: visible;opacity: 1;
  -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

}


.banner_text{z-index: 92; width: 100%; color: #fff; position:absolute; left:0; top:34%;}
.banner_text h3{height: 1.2em; line-height: 1.2em;white-space: nowrap; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 15px;}
.banner_text p{line-height: 1.6em;max-height: 3.2em;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*  .banner_text h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
.banner_text h3,.banner_text p,.banner_text h4{width: 900px;max-width: 100%;margin-left: 2.8vw;}

@media screen and (min-width: 1900px) {
  .banner_text h3,.banner_text p,.banner_text h4{margin-left: 2vw;}
  
}
.banner{position: relative;overflow: hidden;}
.baner_but{display: none;}
.baner_but div{background: none;outline: none;font-size: 50px;width: 60px;height: 60px;line-height:60px; margin-top: -30px;text-align: center;color: #fff;}
.banner li{position: relative;overflow: hidden;}
.banner_scale{position: relative;height: 100%;}
/* .banner li .banner_scale:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.16);z-index: 91;} */
.banner li>a{display: block;position: relative;height: 100%;}
.banner li .banner_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9;}
.banner li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;z-index: 91;
}

.banner_page{position: absolute;left: 0;bottom:0.4rem;width: 100%;z-index: 9;text-align: center;}
.banner_page  span{width: 1.5rem;height: 5px;position: relative;opacity:1 !important;background: none;margin:0 2px;background:#fff;border-radius: 0;background:none;}
.banner_page span:before{content:"";position: absolute;bottom: 0;left: 0;width:100%;height: 2px;background:rgba(255,255,255,0.4);}
.banner_page span:after{content:"";position: absolute;bottom: 0;left: 0;width:0%;height: 100%;background:#52b237;}
.banner_page .swiper-pagination-bullet-active{opacity:1 !important;}
.banner_page .swiper-pagination-bullet-active:after{width: 100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s;}

.newspage {position: static;}
.banner_auto em{display: none;}
.banner_auto b{font-weight: normal;}
.banner_auto{float: left;color: #fff;cursor: pointer;position: relative;top:-8px;margin-left: 0.2rem;}
.banner_auto.on b{display: none;}
.banner_auto.on em{display: inline-block;}


.banner_pubbg{background-size:100% 100%; position: absolute;top:0;left: 0;width: 100%;height: 100%;
  visibility: hidden;opacity: 0;
transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%);-o-transform: translateX(-10%);-ms-transform: translateX(-10%);transform: translateX(-10%);

transition-delay: 0.2s;
-moz-transition-delay: 0.2s; 
-webkit-transition-delay: 0.2s; 
-o-transition-delay: 0.2s;
}
.banner_bg02{z-index: 2;transition-delay: 0.5s;-moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
.banner .swiper-slide-active .banner_pubbg{visibility: visible;opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}

.banner_bottom{background-size:100% 100%; position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;
transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  -webkit-transform: translateY(10%); -moz-transform: translateY(10%);-o-transform: translateY(10%);-ms-transform: translateY(10%);transform: translateY(10%);
transition-delay: 0.2s;-moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
.banner .swiper-slide-active .banner_bottom{visibility: visible;opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}


.banner_bgtop{position: absolute;top:0;left: 0;width: 533px;height: 122px;background-size: 100% 100%;visibility: hidden;opacity: 0;
transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.banner .swiper-slide-active .banner_bgtop{visibility: visible;opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);transition-delay: 0.5s;-moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.banner_more{margin-top: .48rem;}
.banner .swiper-button-prev,
.banner .swiper-button-next{
  display: none;
  font-size: 27px;
  color: #fff;
  background-image: none;
}
@keyframes mymovea{
  0%   {left: 10%;}
  100% {left: 0;}
}

@keyframes mymoveb{
  0%   {left: 0;}
  100% {left: 5%;}
}

.phone_video{display: none;}

@media only screen and (max-width:1520px){
  .banner_page{bottom: 15%}
  .banner_text h3{font-size: 60px;}
}
@media only screen and (max-width:1024px){
  .banner li video{display: none !important;}
  .baner_but div{font-size: 40px;width: 40px;height: 40px;line-height: 40px; margin-top: -20px;}
  .banner{top:50%;}
  .banner .wrap{box-sizing:border-box;}
  /*.banner li .banner_scale:after{display: none;}*/
  .banner_text h3{font-size: 36px;}
  .banner_page{bottom:20px;display: none;}
  .banner .swiper-button-prev,
.banner .swiper-button-next{display: block;}
  .banner_page span{width: 1rem}
  /*.banner_auto{display: none;}*/
  .banner_bg{display: none;}
  .banner_auto{display: none;}

  .banner .ban_video .phone_video a{color: #fff;display: block;height: 30px;text-align: center;}
  .banner .ban_video .phone_video{ display: block; color: #fff; position: absolute;left: 50%;top:50%;margin-top: -15px;margin-left: -15px;font-size: 24px;z-index: 99999;width:30px;height: 30px;line-height: 30px;border: 1px solid #fff;border-radius: 50%;font-size: 16px;}
  .banner_text h4{margin-bottom:5px;}

}
@media only screen and (max-width:767px){
  .baner_but div{font-size: 24px;font-weight: bold;width: 30px;height: 30px;line-height: 30px; margin-top: -15px;}
  .banner li{height:250px !important;background-position: left center !important;}
  .banner_text h3{font-size: 20px;font-weight: normal;margin-bottom: 20px;}
  .banner_text p{font-size: 14px;line-height: 24px;max-height: 48px;font-weight: normal;}
  .banner_page span{width:30px}
  .banner_scale>img{display: none;}
  .banner_text{top:30%;}
  .banner_text h3,
  .banner_text p,
  .banner_text h4{
    margin-left: 4.5vw;
  }
}
@media only screen and (max-width:450px){
  .banner_text h3,
  .banner_text p,
  .banner_text h4{
    margin-left: 6.5vw;
  }
}
/* 第一板块 */
.index_part1{
  padding: 4.479% 0 7.8125%;
}
.index_part1 .items{
  padding: 0 .89rem;
}
.index_part1 .item{margin-bottom: 10px;}
.index_part1 .img{
  width: 47%;
  float: left;
}
.index_part1 .cont{
  float: left;
  width: 53%;
  padding: 10% 0 0 7.733%;
}
.index_part1 .cont h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_part1 .cont .sub_title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_part1 .cont p{
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_part1 .cont .btn{margin-top: 7.169%;}
.index_part1 .item:nth-child(even) .img{float: right;}
.index_part1 .item:nth-child(even) .cont{float: left;padding-left: 11.866%;}

.index_part2{position: relative;}
.index_part2 .top{position: relative;}
.index_part2 .top::before{
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.index_part2 .cont{color: #fff;max-width: 530px;}
.index_part2 .cont h2{line-height: 1;}
.index_part2 .cont .sub_tit{margin-top: .2rem;}
.index_part2 .cont .btn{margin-top: .5rem;}
.index_part2 .cent{
  width: 4.91rem;
  height: 4.47rem;
  background: url(../images/index_bg1.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: .96rem;
  top: 4.6rem;
  padding: .36rem .5rem;
  color: #fff;
  text-transform: uppercase;
  
}
.index_part2 .cent .en{
  font-size: 12px;
  font-family: arial;
  max-height: 4.5em;
  overflow: auto;
}
.index_part2 .cent .en::before{
  content:'';
  display: block;
  width: 45px;
  height: 3px;
  background: #fff;
  margin-bottom: 12px;
}
.index_part2 .cent .cn{
  margin-top: .3rem;
  font-size: .48rem;
  line-height: 1.2;
  margin-bottom: 5%;
}

.index_part3{
  padding: 4.6875% 0 3.333%;
}
.index_part3 .wrap2{padding: 0 30px;overflow: hidden;}

.accordion_cont{margin-top: 6.54%;}
.accordion_cont li{
  position: relative;
  float: left;
  border-left: 1px solid #d4d4d4;
  width: 17.5%;
  height: 5.2rem;
  transition: all .9s;
}
.accordion_cont li.on::before{
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 5px;
  height: 95px;
  background: #52b237;
}
.accordion_cont li.on{width: 65%;height: 6.7rem;border-color: #666;}
.accordion_cont .cont{
  padding-left: 25px;
}
.accordion_cont .box{
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.accordion_cont li.on .box,
.accordion_cont li.on .img{
  opacity: 1;
  visibility: visible;
}
.accordion_cont h3{font-size: 24px;}
.accordion_cont .en{font-size: 16px;text-transform: uppercase;}
.accordion_cont h2{font-weight: bold;line-height: 1.2;color: #303030;margin-top: .45rem;max-height: 3.6em;overflow: hidden;width:8.55rem;}
.accordion_cont .des{width: 465px;margin-top: .3rem;margin-bottom: .5rem;max-height: 10em;overflow: auto;}
.accordion_cont .img{
  position: absolute;
  right: 5px;
  top: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  height: 5.2rem;
  width: 3.17rem;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.index_part4{padding: 3.6458% 0 4.479%;}
.index_part4 .swiper-container{
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.index_part4 .swiper-slide{transition: all .3s;}
.index_part4 .swiper-slide .img img{width: 100%;}
.index_part4 .btn{text-align: center;}
.phone_img{display: none;}
@media only screen and (min-width:768px) {
  .index_part4 .swiper-slide:hover{
    transform: scale(1.12);
  }
  .index_part4 .swiper-slide:hover .cont{
    opacity: 1;
    visibility: visible;
  }
}


.index_part4 .cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: linear-gradient(to bottom,rgba(0,0,0,.2) 60%,rgba(0,0,0,1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.index_part4 .cont .date{
  font-size: 16px;
}
.index_part4 .cont_wrap{
  position: absolute;
  bottom: 4%;
  padding: 0 4%;
  width: 100%;
}
.index_part4 .cont_wrap .name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_part4 .cont_wrap .p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}
.index_part4 .swiper-button-prev,
.index_part4 .swiper-button-next{
  background: none;
  font-size: 40px;
  color: #6f6f6f;
  font-weight: bold;
  z-index: 5;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  line-height: 40px;
}
.swiper_wrap{position: relative;}
.index_part4 .swiper-button-next{
  right: -0.3rem;
}
.index_part4 .swiper-button-prev{
  left: -0.3rem;
}
@media only screen and (max-width:1440px) {
  .index_part2 .cent{

  }
  .index_part2 .cent .cn{font-size: .35rem;}
}
@media only screen and (max-width:1024px) {
  .index_part1{padding-bottom: 0;}
  .index_part1 .items{padding: 0;}
  .index_part1 .item{margin-bottom: 0;}
  .index_part1 .img,
  .index_part1 .cont{float: none;width: 100%;}
  .index_part1 .cont{padding: 4.475% !important;padding-bottom: 8% !important;}

  .index_part2 .top{background: none !important;height: auto !important;}
  .index_part2 .cont{width: 100%;position: relative;transform: none;padding: 4.475%;left: auto;top: auto;background: #fff;color: #000;padding-bottom: 8%;max-width: 100%;}
  .index_part2 .cont h2,
  .index_part2 .cont .sub_tit{color: #000;}
  .index_part2 .cont  .common_more{background: #000;color: #fff;}
  .index_part2 .cent{position: static;width: 100%;height: auto !important;padding: 5%;}

  .index_part3 .wrap2{padding: 0;}
  .accordion_cont li{float: none;width: 100% !important;height: auto !important;margin-bottom: 30px;}
  .accordion_cont .img,
  .accordion_cont .img img{height: 100%;}
  
  .accordion_cont .img{visibility: hidden !important;opacity: 0 !important;}
  .accordion_cont .box{visibility: visible;opacity: 1;}
  .accordion_cont .img img{opacity: 0;}
  .index_part4 .swiper-container{
    padding-left: 0;
    padding-right: 0;
  }
  .index_part4 .swiper-button-next,
  .index_part4 .swiper-button-prev{
    background: #fff;
    text-align: center;
  }
  .index_part4 .swiper-button-prev{left: 0;}
  .index_part4 .swiper-button-next{right: 0;}
  .index_part4 .swiper-button-next i,
  .index_part4 .swiper-button-prev i{
    font-size: 20px;
    display: block;
  }
  .index_part2 .cont .btn{margin-top: .3rem;}
  .phone_img{display: block;}
}

@media only screen and (max-width:768px) {
  .index_part4 .cont{opacity: 1 !important;visibility: visible !important;}
  .accordion_cont .des{
    max-width: 90%;
  }
}
@media only screen and (min-width:768px) {

}