html,body {
      position: relative;
      height: 100%;
    }
    body {
      background: #000;
      font-family: "微软雅黑",Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 18px;
      margin: 0;
      padding: 0;
    }
    a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none;}
a:active {text-decoration: none;}
    .swiper {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #EEE;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
    }
    .swiper-slide .pic {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper-slide .zoom {
        animation: zoomIn linear 10s infinite;
    }
    .swiper-slide .zoom2 {
        animation: zoomIn linear 15s infinite;
    }
    .swiper-v {
      background: #000;
    }
    ul,li{ list-style:none;}
    ul,li,h1,h2,h3,h4,h5,h6,h7{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
input[type='submit'],img{ border: none;}
em,i{ font-style:normal;}
    #top_con{ width: 100%; height:88px; background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)); position: fixed; top:0; left: 0; z-index: 1000;}
    #logo{ width: 318px; height: 39px; margin-top: 22px; float:left;}
    #index_login{ width: 300px; float: right; height: 36px; line-height: 34px; font-size:18px; text-align: right;margin-top: 25px; }
    #index_login a{ display: inline-block; height: 34px; text-align:center;  padding-left:20px;padding-right:20px; border-radius: 20px; margin-left: 12px;}
#index_login a:nth-child(1){ border:#01CE84 solid 1px; color:#01CE84;}
#index_login a:nth-child(2){ border:#01CE84 solid 1px; color:#FFF; background-color:#01CE84;}
#index_login a:hover{background-color:rgba(1,206,132,0.5);border: rgba(1,206,132,0.8) solid 1px; color:#FFF;}
    .bigger{font-size:30px; color:#0000FF;}
    #index_1_con{ width: 100%; position: absolute; bottom: 0; height: 550px;  z-index:1000;}
    #index_1_con .index_1_zj{width:450px; height: 310px; float: right;}
    #index_1_con .index_1_zj h2{ width: 312px; height: 60px; display: block; margin: 0; padding: 0; clear:both;
    background-color: rgba(1,206,132,0.55); border-radius: 0 20px 0 0;}
    #index_1_con .index_1_zj h2 img{ margin-top:12px;}
    #index_1_con .index_1_intro{ width: 400px; height: 210px; padding: 20px; padding-top: 19px; padding-left: 25px; padding-right: 25px;  text-align: left;background-color: rgba(0,0,0,0.43); border-radius: 0 0 0 20px; line-height: 30px; font-size: 17px; letter-spacing:1px; text-align: justify;color:#FFF;}
#index_1_con_b{ width: 100%; position: absolute; bottom: 0; height:80px;  z-index:1000;}
    #index_1_con_b .move_mouse{ width: 200px; background-color: rgba(255,255,255,0.1); color:rgba(255,255,255,0.6);  float:left; font-size:16px; line-height: 36px; height: 36px; margin: auto; border-radius: 20px; text-align: center; }
    #index_1_con_b .move_mouse i{ font-size: 18px; margin-right: 10px;}
        #index_1_con_b .move_mouse em{ display: inline-block;margin-left: 10px;animation: moveArrow2 ease 1s infinite; }
    #index_2_con{ width: 100%; position: absolute; bottom: 0;left:0; height: 500px;  z-index:1000;}
    #index_2_con .index_2_block{ width: 460px; min-height: 300px;}
        #index_2_con .index_2_block:nth-child(1){ float: left; margin-top:-50px;}
        #index_2_con .index_2_block:nth-child(2){ float: right;margin-top:0px;}
   #index_2_con .index_2_block h2{ width:160px; height:52px; display: block; margin: 0; padding: 0; clear:both;
    background-color: rgba(1,206,132,0.66); border-radius: 0 15px 0 0;}
      #index_2_con .index_2_block h2 img{ margin-top:10px;}
      #index_2_con .index_2_intro{
          width: 390px; min-height: 110px; padding: 20px; padding-top: 19px; padding-left: 25px; padding-right: 25px;  text-align: left;background-color: rgba(0,0,0,0.45); border-radius: 0 0 0 25px; line-height: 33px; font-size: 17px; color:#FFF;letter-spacing:1px; text-align: justify;
      }
      #index_2_con .index_2_intro .index_2_btn{ width:135px; height: 36px; line-height: 36px;text-align: center;clear: both; float: right; border-radius: 20px; color:#FFF; border:#FFF solid 1px;}
      #index_2_con .index_2_intro .index_2_btn a{color:#FFF; }
      #index_2_con .index_2_intro .index_2_btn i{ display: inline-block; margin-left:0px;animation: moveArrow ease 1.2s infinite; }
      #index_2_con .index_2_intro .index_2_btn:hover{ background-color:rgba(1,206,132,0.5);border: rgba(1,206,132,0.8) solid 1px; }
      #index_3_con{ width: 100%; position: absolute;top:150px;left:0; min-height: 500px;  z-index:1000;}
      #index_3_con .index_3_stat{ width: 700px; clear:both; height:200px; }
      #index_3_con .index_3_stat div{ width: 33%; float: left; height: 200px; text-align: center;}
      #index_3_con .index_3_stat div img{display: block; width:92px; height:69px; margin: auto; clear: both; }
      #index_3_con .index_3_stat div em{display: block; width:33px; height:6px; background-color: rgba(255,255,255,0.5); margin: auto; margin-top:20px; margin-bottom: 20px; clear: both; }
      #index_3_con .index_3_stat div span{display: block;clear: both; line-height: 25px; font-size: 15px; color:#FFF; text-align: center;}
       #index_3_con_b{ width: 100%; position: absolute;bottom:80px;left:0; height: 92px;  z-index:1001;}
        
       #index_3_con_b .index_tel{ width: 1100px; margin: auto;  position: relative; height: 92px; background-color: rgba(0,0,0,0.33); border-radius: 0 0 0 15px;margin-bottom:0;}
       #index_3_con_b .index_tel h2{display: block; width: 688px; height: 49px; position: absolute; top:-53px; left:17px;}
      #index_3_con_b .index_tel h3{display: block; width: 80px; height:28px; position: absolute; top:-28px; right: 0; background-color: rgba(1,206,132,0.66); border-radius: 0 8px 0 0;color:#FFF; font-weight: normal;font-size: 14px; line-height: 28px;}
      #index_3_con_b .index_tel ul{ padding: 0; margin: 0; width: 100%; height:60px; overflow: hidden;}
      #index_3_con_b .index_tel ul li{ width: 100%;display: block; clear:both; color:#FFF; height: 60px;}
      #index_3_con_b .index_tel ul li span{ color:rgba(255,255,255,0.8); padding-left: 20px;text-align: left; font-size: 18px; display: block; float: left; width: 163px; line-height: 30px; height: 60px;}
      #index_3_con_b .index_tel ul li span em{color:rgba(255,255,255,1);font-size: 16px; font-family: Arial; font-weight: bold;}
     #index_4_con{ width: 100%; position: absolute;top:120px;left:0; min-height: 500px;  z-index:1000;}
      #index_4_con h2{ display: block; clear: both; width:100%; height: 35px; margin-bottom: 30px; text-align: left;}
     #index_4_con ul{ width: 100%; position: relative;}
      #index_4_con ul li{ display: block; width: 570px; height: 120px; float: left; margin-bottom: 35px; overflow: hidden;}
     #index_4_con ul li .thumb{ width: 145px; height: 120px; background-color: rgba(0,0,0,0.33); color:rgba(255,255,255,0.7);; font-size:18px; text-align: center;float:left;}
     #index_4_con ul li .thumb i{display: block;font-size:60px; height:69px; color: rgba(1,206,132,0.66); margin-bottom: 2px; margin-top: 10px; font-weight: normal;}
     #index_4_con ul li .link{ overflow: hidden;width: 425px; text-align: left; height: 120px; background: linear-gradient(210deg,rgba(52,206,154,0.8),rgba(52,206,154,0.05));float:left; color:#FFF; position: relative; text-align: left;text-indent: 20px;}
     #index_4_con ul li .link span{ text-shadow:1px 1px 10px rgba(0,0,0,0.3); font-size: 22px; line-height: 120px; }
     #index_4_con ul li .link .link_txt{ width: 100%; height: 120px; position: absolute; left: 0; top:0;z-index: 1002;}
     #index_4_con ul li .link i{ display: block; font-size:150px; color: rgba(0,0,0,0.06); position: absolute; right: -10px; top:0;  transform: rotate(-30deg); z-index:0;}
     #index_4_con ul li .link .qr{ border-radius: 8px 0 8px 0;display: block; width: 90px; height: 90px; float: left; margin-left: 30px; position: relative; margin-top:15px; overflow: hidden;}
     #index_4_con ul li .link .qr img{ width: 90px; height: 90px; display: block;  top:0; left: 0; position: absolute;z-index: 1;}
     #index_4_con ul li .link .qr .qr_txt{  display: flex;width: 90px; height: 90px; position: absolute; top:90px; left: 0;  background-color:rgba(255,255,255,0.8); color:#333; text-indent: 0; text-align: center; font-size: 14px; line-height:25px; align-items: center; justify-content: center;z-index: 2;}
     #index_4_con ul li .link .qr:hover .qr_txt{ top:0;}
          #index_4_con ul li .link a{ color:#FFF;}
     #index_4_con ul li:hover .link span{ font-size: 24px;}
     #index_4_con ul li:hover .thumb{background-color: rgba(0,0,0,0.5); color:#FFF; }
     #index_4_con ul li .link em{ text-shadow:1px 1px 10px rgba(0,0,0,0.3); font-size: 22px; line-height: 120px; display: inline-block; text-indent: 0; margin-right: 10px;z-index: 3; }
#index_4_con ul li:hover .thumb i{color: rgba(1,206,132,1);}
     #index_4_con ul li:nth-child(1){ border-radius: 0 0 25px 0; margin-right:60px;}
     #index_4_con ul li:nth-child(2){ border-radius: 0 0 25px 0;}
     #index_4_con ul li:nth-child(3){ border-radius: 0 0 25px 0; margin-right:60px;}
     #index_4_con ul li:nth-child(4){ border-radius: 0 0 25px 0;}
     #index_4_con ul li:nth-child(5){ border-radius: 0 0 25px 0;}
          #index_4_con .copyright{ width:100%; clear:both;line-height: 40px; font-size: 15px; color:rgba(255,255,255,0.8);}
#index_4_con .copyright a{ color:rgba(255,255,255,0.8);}
          #show_qr{ position: absolute; display: none; top:10px; left: 410px; width:380px; height: 480px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius:20px; z-index: 1002;}
#show_qr h3{ display: block; width: 92%; line-height: 30px; font-size: 22px; font-weight: bold; margin: auto; clear: both; padding-top: 30px; padding-bottom: 30px;}
#show_qr img{display: block; width:200px; height: 200px; margin: auto; margin-bottom: 30px;}
#show_qr span{ display: block; width:100%; text-align: center; font-size:18px; color:#999; line-height: 40px; margin-bottom:40px;}
#show_qr h4{ display: block; width:88%; line-height: 52px; font-size: 22px; margin: auto; clear: both;  border:rgba(1,206,132,1) solid 1px; border-radius: 10px; color:rgba(1,206,132,1);}
.cursor{ cursor: pointer;}
.inner{ width: 1300px; clear: both; margin: auto; position: relative;}
    .inner1200{ width: 1200px; clear: both; margin: auto;position: relative;}
    .clear{ width: 100%; clear: both;}
    .trans{transition:all 0.3s ease-out;-webkit-transition:all 0.3s  cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
    @keyframes zoomIn {
    0% {
        opacity: 1;
        transform: scale(1.1);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 1;
        transform: scale(1.1);
    }
}
    @keyframes moveArrow {
    0% {
        opacity: 0.9;
        transform:translateX(0) ;
    }
    50% {
        opacity: 1;
        transform: translateX(10px);
    }
    100% {
        opacity: 0;
        transform: translateX(25px);
    }
}
    @keyframes moveArrow2 {
    0% {
        opacity: 0.9;
        transform:translateY(-5px) ;
    }
    50% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(15px);
    }
}