@charset "utf-8";
/* CSS Document */

html { background-color:#8cc320; color:#fff; min-width:1200px; }
body, ul, li, ol, dl, dt, dd, form, input, textarea, img, p, h1, h2, h3, h4, h5, h6, fieldset, button,label {margin:0;padding:0; font-weight:normal;}
/**ie6 识别微软雅黑不要引号.ie6汉字会显示偏上位置，先用不存在字体 Tahoma,试下那就只能忽略这个问题**/
body {height:100%;font-size:14px;color:#fff;font-family:  "Microsoft Yahei",sans-serif !important;font-family: "Microsoft Yahei","微软雅黑","宋体";font-family:Verdana, Arial, Helvetica, sans-serif;_font-family: Microsoft Yahei,微软雅黑,"宋体";line-height:26px;}
ol, ul, li {list-style:none;}
img {border:0;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4, h5, h6 {font-size:12px;}
em, cite, i {font-style: normal;}
a {color:#fff;text-decoration:none}
a:hover {color:#fff;text-decoration:underline;}
a:focus {outline:none;}

/* 去掉各Table  cell 的边距并让其边重合 */
table{border-collapse:collapse;border-spacing:0;}


/* head */ 
.head {   }
.logo {  width:543px; margin:30px auto;}
.logo img { width:100%; margin:0 auto;}

/* main */ 
.main { width:100%;height:600px; border-bottom:4px solid #557e05;  }
.con { width:1000px; margin:0 auto; height:450px;}

/* foot */ 
.foot { width:100%;}
.copy { width:1000px; margin:0 auto; height:140px;}
.link { overflow:hidden; width:408px; margin:0 auto;}
.link li { float:left; margin-left:30px; margin-top:30px;}
.link li a { background-color:#09980f; color:#fff; display:block;  padding:5px 29px; }
.bot { width:1000px; text-align:center;margin-top:20px;}
.bot a {color:#fff;}

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }