html,body {width:100%;height:100%;word-break:break-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{background: #000;}
.Width1200{max-width: 1200px;margin: 0 auto;}
body { margin: 0; padding: 0; font-size: 16px;   color: #333; line-height: 180%; border: none; font: 12px/1.5 PingFangSC-Regular,Tahoma,'Microsoft Yahei',sans-serif;}
*:focus{outline:0px}
i { font-style:normal; }
ul,li{list-style:none;padding: 0;margin: 0;}
a {color: #333;text-decoration: none;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fb{font-weight: bold;}
.multi-line-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.multi-line-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/************************************index*******************************************************************/
.index_banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    max-height: 100vh;
    padding-top: 80px;
  }
  
  .slides-container {
    position: relative;
    height: 100%;
  }
  
  .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  
  .slide.active {
    opacity: 1;
    z-index: 1;
  }
  
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* 导航按钮样式 */
  .button-next,
  .button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    font-size: 25px;
    color: #fff;
    /*! text-shadow: 0 2px 5px rgba(0,0,0,0.3); */
    /*! padding: 20px; */
    user-select: none;
    transition: opacity 0.3s;
    font-weight: bold;
    background-color: rgba(0,0,0,.35);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
  }
  
  .button-next:hover,
  .button-prev:hover {
    opacity: 0.8;
    color: #f6f2f1;
  }
  
  .button-next {
    right: 20px;
  }
  
  .button-prev {
    left: 20px;
  }
  
  /* 分页指示器 */
  .pagination-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 10px;
  }
  
  .pagination-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s;
    background: transparent !important;
    border: 2px solid #f6f2f1;
  }
  
  .pagination-dot.active {
    background: white;
    /*! width: 30px; */
    /*! border-radius: 4px; */
    background: #f6f2f1 !important;
    border-color: #f6f2f1 !important;
  }

header {height: 80px;line-height: 80px;background: rgba(0,0,0,.8);position: fixed;z-index: 111;width: 100%;}
header ul {display: flex;max-width: 1200px;margin: 0 auto;height: 100%;justify-content: right;}
header ul li {width: 12%;text-align: right;}
header ul li a {color: #fff;font-size: 14px;}


.main {}
.main ul {display: flex;flex-wrap: wrap;}
.main ul li {width: 100%;display: flex;padding-bottom: 160px;margin-top: 100px;}
.main ul li img {width: 100%;height: 100%;object-fit: cover;}
.main ul li .ImgMain{width: 50%;overflow: hidden;}
.con {width: 50%;padding: 40px 70px 0 80px;color: #fff;}
.con_l {}
.con h2 {font-size: 40px;padding: 20px 0;margin: 0;font-weight: 400;}

footer {padding: 0 0 40px 0;}
footer p {font-size: 14px;color: #dedede;line-height: 24px;text-align: center;margin: 0;}
