*{margin:0;padding:0;}




    /* 图片容器样式 */
        .image-slider {
            position: relative;
            width: 100%;
            height: 500px;
            overflow: hidden;
        }
        #left-button{background:url(../images/8.png);}
        #right-button{background:url(../images/9.png);}
.slider-button{display: none;}
        /* 图片样式 */
        .image-slider img {
            position: absolute;
            width: 2172px; /* 宽度为2922像素 */
            max-width:2172px !important;
            height: 500px !important; /* 高度为800像素 */
            object-fit: contain;
            transition: transform 0.5s ease-in-out; /* 添加平滑过渡效果 */
        }

        /* 左右按钮样式 */
        .slider-buttons {
            position: absolute;
            top: 200px;
               display: flex;
    justify-content: space-between;
           width:100%;
            z-index: 1;
        }

        .slider-button {
            display: inline-block;
            width: 68px;
            height: 77px;
           
            background-color:#cdcdcd;
            color: white;
            font-size: 20px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
            user-select: none;
            margin: 0 10px;
        }
       

 #scrollArea {

  width: 1290px;
  height: 500px;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;

  }


  #scrollArea img {

    position: absolute;
	height: 100%;
    animation: scroll 10s linear infinite;
	width: 2630px; /* 宽度为2922像素 */
    max-width:2630px !important;
    object-fit: contain;

  }


  @keyframes scroll {

    0% {

      left: 0;

    }

    100% {

      left: -70%;

    }

  }
  
  /* 新增CSS规则，用于处理鼠标悬浮时的动画暂停 */

  #scrollArea img:hover {

    animation-play-state: paused;

  }

	   
     
.timeline_div {
    width: 100%;
    height: 90px;
    position: absolute;
   top:220px;
    left: 0;
  
    margin: auto;
    display: flex;
    justify-content: space-between;
}


.timeline_div div {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #808185;
   
}

.f-border {
    border-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}


.lc-swiper-btn{z-index:20;}
html,body{font:14px/1.5 normal;font-family:'Microsoft YaHei',Arial,Tahoma,sans-serif;color:#666;overflow-x: hidden;}
a{color:#333;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration: none;}
a:hover{color:#0a3875;}
ul,dl{list-style:none;}
i{font-style: normal;}
img{display:inline-block;vertical-align:middle;border:0;}
.warper{max-width:1800px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1800px; margin: 0 auto;}
.about-main2{height:800px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{padding-top: 80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}


@media only screen and (min-width:1200px) {
  .about-main2 .licheng-content ul li{width: 20%;}
}

@media only screen and (max-width: 640px) {
  .about-main2 .licheng-content ul li{width: 100%;}
}




.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #000;font-size: 30px;font-weight:500;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{    width: 10px;
    height: 10px;
    display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 10px;
    height: 10px;
    border: 2px solid #e2498a;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{width: 1px;display: block;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 70px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;top:40px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 72px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{    bottom: 128px;
    left: 150px;}
.about-main2 .licheng-content ul li.item2 a{top: 224px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}

.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}

.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 200px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 30px;}