@charset "utf-8";

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: Arial; font-size: 16px; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#636363;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#636363;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#636363;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#636363;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}
table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#01aded;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#01aded;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#01aded;}

.bd_weixin_popup{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}


.flexslider {
      position: relative;
      height: 100vh;
      overflow: hidden;
    }
    
    .slides {
      position: relative;
      z-index: 1;
    }
    
    .slides li {
      height: 100vh;
      position: relative;
    }
    
    .slides li .index_tit {
      padding: 40vh 6%;
      height: 20vh;
    }
    
    .slides li .index_tit h5 {
      font-size: 14px;
      color: #FFFFFF;
      font-family: "Light";
      font-weight: bold;
      margin-bottom: 5px;
      letter-spacing: 1px;
    }
    
    .slides li .index_tit p {
      margin-top: 0px !important;
      font-size: 16px;
      color: #FFFFFF;
      font-family: "Light";
      font-weight: 100;
    }
    
    .slides li .index_tit h3 {
      font-size: 40px;
      font-family: "Heavy";
      color: #FFFFFF;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    .slides li .index_tit h3 span {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0;
      color: #FFFFFF;
      line-height: 28px;
    }
    
    .slides li .index_tit h4 {
      margin-top: 1.5vw;
    }
    
    .slides li .index_tit h4 a {
      position: relative;
      left: 0px;
      font-size: 16px;
      color: #FFFFFF;
      font-weight: bold;
    }
    
    .slides li .index_tit h4 a span {
      font-weight: 400;
      padding-left: 5px;
    }
    
    .slides li .img_block {
      width: 60%;
      height: 12vh;
      position: absolute;
      bottom: 0px;
      left: 20%;
      background-color: #FFFFFF;
    }
    
    .slides li .img_block .text-1 {
      height: 100%;
      background: #fff;
      padding: 26px 0px 0px 21px;
      ;
    }
    
    .slides li .img_block .text-1 h2 {
      font-size: 16px;
      color: #000000;
      font-weight: 900;
      font-family: "Heavy";
      margin-top: 0px;
      margin-bottom: 5px;
    }
    
    .slides li .img_block .text-1 p a {
      font-size: 14px;
      font-family: "Light";
      color: #666666;
    }
    
    .slides li .img_block .text-1 p a:hover {
      text-decoration: none;
    }
    
    .slides li .img_block .text-2 {
      background: #6ac13c;
      height: 100%;
      padding-left: 2.3vw;
    }
    
    .slides li .img_block .text-2 img {
      margin-top: 2vh;
      float: left;
    }
    
    .slides li .img_block .text-2 .text-01 {
      float: left;
      padding-left: 10px;
      padding-top: 3vh;
    }
    
    .slides li .img_block .text-2 .text-01 h2 {
      font-size: 16px;
      color: #FFFFFF !important;
      font-weight: 900;
      font-family: "Heavy";
      margin-top: 0px;
      margin-bottom: 5px;
      letter-spacing: 1px;
    }
    
    .slides li .img_block .text-2 .text-01 p {
      font-size: 14px;
      font-family: "Light";
      color: #FFFFFF;
    }
    
    .slides li .img_img {
      position: absolute;
      bottom: 0px;
      left: 9.7%;
      width: 10.3%;
      height: 12vh;
    }
    
    .slides li .img_img img {
      width: 100%;
      height: 100%;
    }
    
    .slides li .fenxiang {
      position: absolute;
      height: 12vh;
      right: 6.5vw;
      bottom: 0px;
    }
    
    .slides li .fenxiang a i {
      color: #FFFFFF;
      font-size: 20px;
      line-height: 45px;
      border: 1px solid #FFFFFF;
      border-radius: 50%;
      padding: 7px;
    }
    
    .slides li .fenxiang a:hover {
      text-decoration: none;
    }
    
    .slides li .fenxiang a:hover i {
      background-color: #FFFFFF;
      color: #6ac13c;
    }
    
    .flex-control-nav {
      position: absolute;
      left: 35%;
      bottom: 0px;
      z-index: 2;
      width: 100%;
    }
    
    .flex-control-nav li {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 0 5px;
      *display: inline;
      zoom: 1;
    }
    
    .flex-control-nav a {
      display: inline-block;
      width: 10px;
      height: 14px;
      line-height: 40px;
      overflow: hidden;
      background: url(static/images/dot.png) right 0 no-repeat;
      cursor: pointer;
    }
    
    .flex-control-nav .flex-active {
      background-position: 0 0;
    }
    
    .flex-direction-nav {
      position: absolute;
      z-index: 3;
      width: 30%;
      bottom: calc(22vh + 45px);
      margin-bottom: 0px;
    }
    
    .flex-direction-nav li a {
      display: block;
      width: 45px;
      height: 45px;
      overflow: hidden;
      cursor: pointer;
      position: absolute;
      background-color: #cccccc;
      text-align: center;
      text-decoration: none;
    }
    
    .flex-direction-nav li a:hover {
      background-color: #6ac13c;
      text-decoration: none;
    }
    
    .flex-direction-nav li a:visited {
      text-decoration: none;
    }
    
    .flex-direction-nav li a.flex-prev {
      left: 20%;
    }
    
    .flex-direction-nav li a i {
      line-height: 45px;
      font-size: 30px;
      color: #FFFFFF;
    }
    
    .flex-direction-nav li a.flex-next {
      left: calc(20% + 45px);
    }
    
    @media screen and (max-width: 1600px) {
      .slides li .img_img {
        left: 5%;
        width: 15%;
      }
      .slides li .img_block {
        width: 66%;
      }
      .slides li .img_block .text-1 h2,
      .slides li .img_block .text-2 .text-01 h2 {
        font-size: 14px;
      }
      .slides li .img_block .text-1 p a,
      .slides li .img_block .text-2 .text-01 p {
        font-size: 12px;
      }
    }
    
/*    @media screen and (max-width: 1366px) {
      .slides li .img_img {
        left: 0%;
        width: 10%;
      }
      .slides li .img_block {
        width: 80%;
      }
      .slides li .index_tit {
        padding: 30vh 15%;
      }
      .slides li .img_block {
        left: 10%;
      }
      .flex-direction-nav li a.flex-prev {
        left: 10%;
      }
      .flex-direction-nav li a.flex-next {
        left: calc(10% + 45px);
      }
      .slides li .fenxiang {
        left: 91%;
        right: 0px;
      }
      .flex-control-nav {
        left: 30%;
      }
      .slides li .index_tit h3 {
        font-size: 46px;
      }
      .slides li .index_tit h3 span {
        font-size: 46px;
      }
    }
    */
    @media screen and (max-width: 1200px) {
      .slides li .img_img,
      .slides li .fenxiang {
        display: none;
      }
      .slides li .img_block {
        width: 100%;
        left: 0px;
      }
      .flex-direction-nav li a.flex-next {
        left: 45px;
      }
      .flex-direction-nav li a.flex-prev {
        left: 0px;
      }
      .flex-control-nav {
        left: 24%;
      }
    }
    
    @media screen and (max-width: 590px) {
      .slides li .img_block .text-2 img,
      .flex-control-nav {
        display: none;
      }
      .slides li .img_block .text-1 h2,
      .slides li .img_block .text-2 .text-01 h2 {
        font-size: 12px;
      }
      .slides li .img_block .text-1 {
        padding-left: 5px;
      }
      .slides li .img_block .text-2 .text-01 {
        padding-left: 0px;
      }
      .slides li .img_block .text-1 p a,
      .slides li .img_block .text-2 .text-01 p {
        overflow: hidden;
        /*超出部分隐藏*/
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        white-space: nowrap;
        /*规定段落中的文本不进行换行 */
        padding-right: 8%;
      }
      .slides li .index_tit h5,
      .slides li .index_tit p {
        font-size: 12px;
        overflow: hidden;
        /*超出部分隐藏*/
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        white-space: nowrap;
        /*规定段落中的文本不进行换行 */
        text-align: left;
        padding-right: 50%;
      }
      .slides li .index_tit {
        padding: 10vh 5% 23vh;
      }
      .slides li .index_tit p {
        padding-right: 40%;
      }
      .slides li .index_tit h3,
      .slides li .index_tit h3 span {
        font-size: 26px;
       /* overflow: hidden;*/
        /*超出部分隐藏*/
        /*text-overflow: ellipsis;*/
        /* 超出部分显示省略号 */
        /*white-space: nowrap;*/
        /*规定段落中的文本不进行换行 */
        margin-top: 0;
      }
      .slides li .index_tit .sp{
        margin-top: 0px;
      }
      .slides li .index_tit h4{
        text-align: left;
      }
      .flexslider{
        height: auto !important;
      }
      .slides li{
        height: auto !important;
        background-size: 100% 100% !important;
      }
      .slides li .index_tit h4 a{
        margin-top: 26px;
      }
      .slides li .index_tit h3, .slides li .index_tit h3 span{
        margin-bottom: 3px;
      }

      .slides li .index_tit h3 span{
        font-size: 16px;
      }

      .flex-direction-nav{
        bottom: calc(45px);
      }
    }