@media screen and (max-width: 1100px ){

 img{max-width:100%;}

.max{ position:relative; overflow:hidden;}

.z_top{
    background: url(../images/top.png) no-repeat;
    background-size: 100% 100%;
    height: 4rem;
    position:fixed;
    width:100%;]
    left:0;
    top:0;
    z-index:10;
}
.z_logo{
    float: left;
    margin-left: 3.2%;
    margin-top: 1rem;
}
.column {
    position: absolute;
    width: auto;
    right: 16.2%;
    top: 1rem;
}
.sb-search {
    position: relative;
    width: 0%;
    min-width: 33px;
    height: 31px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: relative;
    top: 0;
    outline: none;
    width: 74%;
    height: 25px;
    margin: 0;
    left: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 14px;
    color: #333;
    padding-left: 5%;
    border: 1px solid #ccc;
}

.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}

.sb-search-input:-moz-placeholder {
    color: #fff;
}

.sb-search-input::-moz-placeholder {
    color: #fff;
}

.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
    width: 33px;
    height: 31px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height:43px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    z-index: 90;
}



/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
    padding-left: 1rem;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

.z_nav{
    float: right;
    height: 6rem;
    line-height: 6rem;
    margin-right: 11%;
    display: none;
}
.z_nav ul{}
.z_nav ul li{
    float: left;
    font-size: 1rem;
    margin-left: 3.2rem;
}
.z_nav ul li a{
    color: #333;
    padding: 1rem 0;
}

.z_nav ul li:hover a{color:#f90;}

#contentBox{
  width:90%;
  margin:0 auto;
}

.buttonBox{
  position:relative;
}


/* FIRST BUTTON */

.border{
    position:absolute;
    background:none;
    transition:all .5s ease-in-out;
}

#first>.border:nth-of-type(1){
  top:0;
  left:0;
  border-left:1px solid white;
  border-top:1px solid white;
  width:30px;
  height:30px;
}

#first>.border:nth-of-type(2){
  bottom:0;
  right:0;
  border-right:1px solid white;
  border-bottom:1px solid white;
  width:30px;
  height:30px;
}

#first:hover .border{
  width:102%;
  height:105%;
}


/* SECOND BUTTON */


#second>.border:nth-of-type(1){
  top:0;
  left:50%;
  width:0;
  border-top:1px solid white;
  transition:width .5s ease-in-out, transform 1s ease-in-out;
}

#second>.border:nth-of-type(2){
  bottom:0;
  left:50%;
  width:0;
  border-bottom:1px solid white;
  transition:width .5s ease-in-out, transform 1s ease-in-out;
}

#second:hover .border{
  transform:translate(-50%, 0);
  width:100%;
  transition:width .8s ease-in-out, transform .3s ease-in-out;
}

/* THIRD BUTTON */

#third>.border:nth-of-type(1){
  top:0;
  left:0;
  border-top:1px solid white;
  width:100%;
  height:100%;
}

#third>.border:nth-of-type(2){
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border-bottom:1px solid white;
}

#third>.border:nth-of-type(3){
  left:0;
  top:0;
  height:100%;
  width:100%;
  border-left:1px solid white;
}

#third>.border:nth-of-type(4){
  top:0;
  right:0;
  height:100%;
  width:100%;
  border-right:1px solid white;
}

#third:hover .border:nth-of-type(1){
  transform:translate(0, 99%);
}

#third:hover .border:nth-of-type(2){
  transform:translate(0, -99%);
}

#third:hover .border:nth-of-type(3){
  transform:translate(99%, 0);
}

#third:hover .border:nth-of-type(4){
  transform:translate(-99%, 0);
}

/* FOURTH BUTTON */

#fourth>.border:nth-of-type(1){
  top:0;
  left: -1rem;
  width:0;
  height:0;
  border-top: 1px solid #f90;
}

#fourth>.border:nth-of-type(2){
  bottom:0;
  right: -1rem;
  width:0;
  height: 1px;
  border-bottom: 1px solid #f90;
}

#fourth>.border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:1px solid white;
}

#fourth>.border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:1px solid white;
}

#fourth:hover .border:nth-of-type(1){
  width:100%;
}

#fourth:hover .border:nth-of-type(2){
   width:100%;
}

#fourth:hover .border:nth-of-type(3){
  width:100%;
}

#fourth:hover .border:nth-of-type(4){
  height:80px;
}


/* FIFTH BUTTON */

#fifth{
  overflow:hidden;
}

#fifth:before{
  content:" ";
  display:block;
  width:200px;
  height:80px;
  background:rgba(255, 255, 255, .1);
  position:absolute;
  top:-10px;
  left:-200px;
  transform:rotate(-45deg);
  transition:all .15s ease-in-out;  
}

#fifth:hover:before{
  margin-left:300%;
}


/* SIXTH BUTTON */

#sixth{
  overflow:hidden;
}

#sixth>button{
  z-index:1;
  transition:color .5s ease;
}

#sixth .border{
  z-index:0;
  background:white;
  width:30px;
  height:30px;
  transform:rotate(45deg);
}

#sixth>.border:nth-of-type(1){
  top:-35px;
  left:-30px; 
}

#sixth>.border:nth-of-type(2){
  top:-35px;
  right:-30px;
}

#sixth>.border:nth-of-type(3){
  bottom:-35px;
  left:-30px;
}

#sixth>.border:nth-of-type(4){
  bottom:-35px;
  right:-30px;
}

#sixth:hover .border{
  transform:scale(15.7) rotate(45deg);
}

#sixth:hover button{
  color:#ff9292;
  transition:color 2s ease;
}


/* SEVENTH BUTTON */

#seventh>button{
  border:1px solid rgba(255, 255, 255, 0);
  transition:all .5s ease-in-out;
}

#seventh:hover button{
  border:1px solid white;
  font-size:20px;
}


/* EIGHTH BUTTON */

#eighth>button{
  transition:all .5s ease-in-out;
}

#eighth:hover button{
  text-shadow:
    0 0 10px rgba(255,255,255, 1),
    0 0 50px rgba(255, 255, 255, .8),
    0 0 75px rgba(255, 255, 255, .6),
    0 0 76px rgba(255, 255, 255, .4),
    0 0 77px rgba(255, 255, 255, .5),
    0 0 78px rgba(255, 255, 255, .4),
    0 0 79px rgba(255, 255, 255, .3),
    0 0 80px rgba(255, 255, 255, .2),
    0 0 85px rgba(255, 255, 255, .1);
}


/* NINTH HOVER */

#ninth>button{
  transition:all .5s ease-in-out;
}

#ninth:hover button{
  background:white;
  color:#ff9292;
}


/* TENTH BUTTON */

#tenth>button{
  letter-spacing:0;
}

#tenth span{
  letter-spacing:0;
  display:inline-block;
  position:relative;
  width:8px;
  transition:all .5s ease-in-out;
}

#tenth span:nth-of-type(4){
  width:5px;
}

#tenth span:nth-of-type(6){
  width:1px;
}

#tenth span:nth-of-type(8){
  width:4px;
}

#tenth:hover span:nth-of-type(1){
  animation:h .5s;
}

#tenth:hover span:nth-of-type(2){
  animation:o .5s;
}

#tenth:hover span:nth-of-type(3){
  animation:v .5s;
}

#tenth:hover span:nth-of-type(4){
  animation:e .5s;
}

#tenth:hover span:nth-of-type(5){
  animation:r .5s;
}

#tenth:hover span:nth-of-type(7){
  animation:t .5s;
}

#tenth:hover span:nth-of-type(8){
  animation:e .5s;
}

#tenth:hover span:nth-of-type(9){
  animation:n .5s;
}

@keyframes h{
  0%{transform:translate(0, 0);}
  50%{transform:translate(50px, 5px);}
  75%{transform:translate(5px, 5px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes o{
  0%{transform:translate(0, 0);}
  25%{transform:translate(-4px, 0);}
  50%{transform:translate(3px, 4px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes v{
  0%{transform:translate(0, 0);}
  20%{transform:rotate(360deg);}
  50%{transform:scale(2);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes e{
  0%{transform:translate(0, 0);}
  20%{transform:translate(-10px, -2px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes r{
  0%{transform:translate(0, 0);}
  20%{transform:translate(0, 10px);}
  80%{transform:translate(0, 32px);}
  100%{transform:translate(0, 0);}
}

@keyframes t{
  0%{transform:translate(0, 0);}
  20%{transform:translate(0, -10px);}
  40%{transform:translate(0, 0);}
  60%{transform:translate(0, -10px);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}

@keyframes n{
  0%{transform:translate(0, 0);}
  50%{transform:skewY(50deg);}
  80%{transform:translate(0, 0);}
  100%{transform:translate(0, 0);}
}



.swiper-container {
      width: 100%;
      float:left;
      height: 100%;
    }
   .swiper-container .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
display:none;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.z_banner1{width:100%;float:left;position:relative;    left: 0;
    margin-left: 0;margin-top:4rem;}
.z_banner1 img{
    height: 100%;
    position: relative;
    z-index: 1;
    max-width: initial;
}
    .z_banner{width:100%;float:left;position:relative;margin-top:3.5rem;}
.z_banner img{
    height: 100%;
    position: relative;
    z-index: 1;
    max-width: initial;
}
   .swiper-container .swiper-slide img{width: 100%;float:left;max-height:initial;}

    .z_nav1{position:absolute;width: 100%;left: 0;top: 6.3rem;background: #fff;height: 0;transition: height 1s;-moz-transition: height 1s; /* Firefox 4 */-webkit-transition: height 1s; /* Safari and Chrome */-o-transition: height 1s; /* Opera */overflow: hidden;-moz-box-shadow: 0px 2px 5px #000000;-webkit-box-shadow:0px 2px 5px #000000;box-shadow: 0px 2px 5px #ccc;z-index: 9;}
    .z_nav1 ul li{
    min-width: 4rem;
    max-width: 6rem;
    min-height: 1px;
    margin-left: 2rem;
    background: url(../images/xian2.png) no-repeat left 15%;
    padding-left:1.4rem;
    height: 100%;
}
    .z_nav1 ul{
    float: right;
    margin-right: 11%;
    padding-top: 1rem;
    height: 100%;
}
    .z_nav1 ul li a{
    display: block;
    line-height: 0.3rem;
    color: #666 !important;
}
    .z_nav1 ul li:hover{background: url(../images/xian1.png) no-repeat left 15%;}
    .z_nav1 ul li a:hover{color: #f90 !important;}
    .z_nav:hover .z_nav1{
    height: 17.2rem;
}
    .z_max{
    clear: both;
    margin: 0 auto;
    width: 94%;
    min-width: initial;
}

    .z_aa{
    width: 100%;
    float: left;
    margin: 1rem 0;
    background: none;
}
    .z_aa1{
    width: 100%;
    float: right;
}
    .z_aa1 h3{
    margin-left: 0%;
    margin-top: 1rem;
    color: #333;
    font-size: 1.2rem;
    position: relative;
}
    .z_aa1 h4{
    margin-left: 0%;
    margin-top: 0.8rem;
    font-weight: normal;
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
    position: relative;
}
    .z_aa1 h4 font{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #f90;
    font-size: 1.5rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
}
    .z_aa1 h4 font span{
    color: #cfcfcf;
    font-size: 1.2rem;
    border-top: 1px solid #f90;
}
    .z_aa1 h4 a{
    color: #f90;
    text-transform: uppercase;
    float: right;
    font-size: 1rem;
    background: url(../images/jt.png) no-repeat right;
    padding-right: 9%;
    margin-right: 0;
    background-size: 34%;
}
    .z_aa1 dt{
    display: block;
    color: #595757;
    font-size: 0.8rem;
    background: #f5f5f5;
    clear: both;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow:2px 2px 5px #ccc;
    box-shadow:2px 2px 5px #ccc;
    padding: 1rem 5%;
    text-indent: 2rem;
}

    .swiper-container1 {
      width: 100%;
      float:left;
      overflow:hidden;
      padding-bottom: 1.8rem;
      position: relative;
    }
   .swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
   .swiper-container1 .swiper-slide img{width:100%;}
    .swiper-pagination1{
    bottom: 0px !important;
    position: absolute;
    left: 0% !important;
    text-align: center;
}
    .swiper-pagination1 span.swiper-pagination-bullet{
    width:12px;height:12px;
    background: #F60;
}
    .swiper-pagination1 span.swiper-pagination-bullet-active{background: #FC0;}

    .z_pp{width:100%;float:left;background: url(../images/bg.jpg) no-repeat;padding-bottom: 2.5rem;}
    .z_title1{
    width: 100%;
    float: left;
    margin: 1rem 0;
}
    .z_title1 h3{
    color: #fff;
    font-size: 1rem;
}
    .z_title1 font{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-top: 0.1rem;
}
    .z_title1 font span{
    color: #fff;
    font-size: 1rem;
    border-top: 1px solid #fff;
}
    .z_title1 a{
    float: right;
    width: 19%;
    padding: 0.5rem 6%;
    font-size: 0.8rem;
    background-size: 30% !important;
}
    .z_pp ul li{
    float: left;
    margin-left: 3%;
    width: 28.3%;
    padding: 1.5%;
    background: #fff;
}
    .z_pp ul li:hover{
            -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    }
    .z_pp ul li a img{width:100%;float:left;}
    .z_pp ul li a dt{
    display: block;
    float: left;
    width: 17%;
    margin-top: 1.3rem;
}
    .z_pp ul li a bt{
    display: block;
    float: right;
    width: 79%;
    margin-top: 1rem;
}
    .z_pp ul li a bt h3{
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 1.1rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.2rem;
}
    .z_pp ul li a bt font{
    display: none;
    color: #666;
    font-size: 0.87rem;
}

    .z_title2{
    width: 100%;
    float: left;
    margin: 1rem 0;
}
    .z_title2 h3{
    color: #333;
    font-size: 1rem;
}
    .z_title2 font{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #f90;
    font-size: 1.1rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
    margin-top: 0.1rem;
}
    .z_title2 font span{
    color: #cfcfcf;
    font-size: 1rem;
    border-top: 1px solid #f90;
}
    .z_title2 a{
    float: right;
    width: 19%;
    padding: 0.5rem 6%;
    font-size: 0.8rem;
    background-size: 30% !important;
}

    .swiper-container2 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 38px;
      margin-left: -36px;
      margin-bottom: 1rem;
    }
    .swiper-container2 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: url(../images/tt.png) no-repeat left top;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding:1rem 0;
      background-size:95% 100%;
    }
    .swiper-container2 .swiper-slide a{display:block;width:100%;}
    .swiper-container2 .swiper-slide dt{width:94%;float:right;position: relative;overflow:hidden;}
    .swiper-container2 .swiper-slide dt img{width:100%;float:left;}
    .swiper-container2 .swiper-slide:hover dt img{-webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
    .swiper-container2 .swiper-slide dt i{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/lk1.png);
    display: none;
}
    .swiper-container2 .swiper-slide dt font{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 3rem;
    left: 0;
    bottom: 0;
    background: url(../images/lk1.png);
    line-height: 3rem;
    text-align: left;
    text-indent: 2rem;
    color: #fff;
    font-size: 1rem;
    display: none;
    }
    .swiper-container2 .swiper-slide dt font img{
    width: 17%;
    float: right;
    margin-top: 1.2rem;
    margin-right: 10%;
}
    .swiper-container2 .swiper-slide:hover dt i{display:block;}
    .swiper-container2 .swiper-slide:hover dt font{display:block;}

    .z_pp1{width:100%;float:left;background: url(../images/lk.jpg) repeat-y center top;}

    .boutline{width: 100%;float: left;position: relative;}
.none {display:none;}
.boutline .boutlineTitle{
    position: relative;
    right: 0;
    top: 0;
    float: left;
    width: 100%;
}
.boutline .boutlineTitle li{float:left;cursor:pointer;height: 51px;text-align:center;width: 33%;font-size: 1rem;color: #fff;line-height: 49px;text-indent: 1rem;}
.boutline .boutlineTitle li a{text-decoration:none;}
.boutline .boutlineTitle .active{background: url(../images/xz.png) no-repeat;background-size: 100% 100% !important;}
.boutline .boutlineTitle .normal{}
.boutline .boutlineContent{
    width: 100%;
    float: left;
    padding-bottom: 1rem;
}
.z_pp2{
    padding-left: 1%;
    background: none;
    float: left;
    padding-bottom: 0.5rem;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}
.z_pp2 img{width:100%;float:left;}
.z_pp2:hover img{-webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.z_pp2 a dt{
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/hk.png);
    width: 98%;
    height: 97%;
    text-align: center;
    display: none;
}
.z_pp2 a{display:block;overflow:hidden;}
.z_pp2 a:hover dt{display:none;}
.z_pp2 a dt h3{
    color: #fff;
    font-size: 1.1rem;
    margin-top: 30%;
}
.z_pp2 a dt font{
    display: inline-block;
    color: #fff;
    font-size: 0.9rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 16%;
    line-height: 2rem;
    margin-top: 7%;
}
.z_pp3{
    width: 100%;
    float: right;
}
.z_pp3 ul li{
    float: left;
    margin-left: 2%;
    width: 48%;
    margin-bottom: 0.5rem;
    position: relative;
    overflow:hidden;
}
.z_pp3 ul li a{display:block;}
.z_pp3 ul li a dt{
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/hk.png);
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
}
.z_pp3 ul li:hover a dt{display:block;}
.z_pp3 ul li:hover a img{-webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.z_pp3 ul li a img{width:100%;float:left;}
.z_pp3 ul li a dt h3{
    color: #fff;
    font-size: 1.1rem;
    margin-top: 21%;
}
.z_pp3 ul li a dt font{
    display: inline-block;
    color: #fff;
    font-size: 0.9rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 30%;
    line-height: 2rem;
    margin-top: 7%;
}

.z_nn{width:100%;float:left;background:url(../images/bg1.jpg) no-repeat top center;padding-bottom: 0rem;}
.z_nn1{
    float: left;
    width: 100%;
    margin-top: 0rem;
    position: relative;
    top: 18rem;

}
.z_nn1 ul li{
    width: 100%;
    float: left;
    margin-top: 1rem;
}
.z_nn1 ul li:hover{background:#17cdfd;}
.z_nn1 ul li img{
    float: left;
    width: 30%;
    margin: 1%;
    display: block;
    height: auto;
}
.z_nn1 ul li:hover img{display:block;}
.z_nn1 ul li dt{
    display: block;
    float: right;
    width: 66%;
}
.z_nn1 ul li dt h3{
    font-size: 0.85rem;
    color: #666666;
    font-weight: normal;
    margin-top: 0.54rem;
}
.z_nn1 ul li:hover dt h3{color:#fff;}
.z_nn1 ul li:hover dt h4{color:#fff;}
.z_nn1 ul li:hover dt font{color:#fff;}
.z_nn1 ul li dt h4{
    color: #333;
    font-size: 1rem;
    margin-top: 0rem;
    overflow: hidden;
    height: 1.3rem;
}
.z_nn1 ul li dt font{
    display: block;
    color: #666666;
    font-size: 0.85rem;
    overflow: hidden;
    height: 1.5rem;
    margin-top: 0.2rem;
}
.z_nn1 ul li span{
    float: right;
    width: 17.2%;
    text-align: center;
    display: none;
    margin-top: 3rem;
    border-left: 1px solid #fff;
}
.z_nn1 ul li:hover span{display:none;}
.z_nn1 ul li span img{
    width: auto;
    float: initial;
    display: inline-block !important;
}
.z_nn2{
    float: right;
    background: url(../images/lk3.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    margin-top: 1.5rem;
    text-align: right;
    position: relative;
}
.z_nn2 h3{
    color: #fff;
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-right: 3rem;
}
.z_nn2 font{
    display: block;
    float: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.5rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-top: 1rem;
    margin-right: 14%;
    margin-bottom: 2.5rem;
width:38%;
}
.z_nn2 font span{
    color: #fff;
    font-size: 1.2rem;
    border-top: 1px solid #fff;
}
.z_nn2 a{
    display: block;
    float: right;
    margin-right: 14%;
    width: 16%;
    margin-bottom: 4rem;
    background-size: 23%;
    padding-right: 26%;
}
.z_nn2 a img{width:100%;}

 .swiper-container3 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 0px;
      margin-left: 0;
      margin-bottom: 0.5rem;
    }
    .swiper-container3 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: url(../images/fk1.png) no-repeat top;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding:1rem 0;
      background-size: 100%;
    }
    .swiper-container3 .swiper-slide a{display:block;width:100%;}
    .swiper-container3 .swiper-slide dt{width:94%;position: relative;overflow:hidden;display: inline-block;}
    .swiper-container3 .swiper-slide dt img{width:100%;float:left;}
    .swiper-container3 .swiper-slide:hover dt img{-webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
    .swiper-container3 .swiper-slide:hover dt font{display:block;}
    .swiper-container3 .swiper-slide dt font{
    background: url(../images/hk.png);
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    width: 75%;
    height: 6rem;
}
    .swiper-container3 .swiper-slide dt font h3{
    color: #fff;
    margin: 0.5rem 0;
    font-size: 1rem;
}
    .swiper-container3 .swiper-slide dt font span{
    color: #fff;
    font-size: 0.85rem;
    display: inline-block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1.5rem;
    width: 37%;
    margin: 1.3rem 0;
    display: none;
}
    .swiper-container3 .swiper-slide dt font h4{
    font-size: 0.8rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.5;
    margin: 0 6%;
    overflow: hidden;
    height: 2.5rem;
}

    .z_con{width:100%;float:left;background: url(../images/bg2.jpg) top;padding-bottom: 2rem;}
    .z_con1{
    float: left;
    margin-top: 1.5rem;
}
    .z_con1 h3{
    font-weight: normal;
    font-family: Arial;
    color: #f90;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
    .z_con1 h3 span{
    display: block;
    margin-top: 0.6rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    font-size: 1rem;
}
    .z_con1 h3 span i{
    background: #f90;
    display: inline-block;
    height: 2px;
    width: 2%;
    margin-left: 2%;
    position: relative;
    top: -0.3rem;
}
    .z_con1 font{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 0.8rem;
    color: #fff;
    font-size: 0.8rem;
}
    .z_con1 font img{
    float: left;
    margin-right: 1%;
}

    .z_con2{
    float: left;
    margin-top: 1rem;
}
    .z_con2 h3{
    font-weight: normal;
    font-family: Arial;
    color: #f90;
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}
    .z_con2 h3 span{
    display: block;
    margin-top: 0.6rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    font-size: 1rem;
}
    .z_con2 h3 span i{
    background: #f90;
    display: inline-block;
    height: 2px;
    width: 2%;
    margin-left: 2%;
    position: relative;
    top: -0.3rem;
}
    .z_con2 ul li{
    float: left;
    width: 100%;
    background: #e6f0f9;
    margin-bottom: 0.5rem;
}
    .z_con2 ul li.nhov{
    width: 100%;
}
.z_con2 ul li.nhov font{
    width: 23%;
}
    .z_con2 ul li font{
    font-size: 14px;
    color: #005ab3;
    display: block;
    float: left;
    line-height: 2.5rem;
    text-align: center;
    width: 23%;
}
    .z_con2 ul li input.wz1{
    height: 2.5rem;
    border: none;
    float: right;
    background: none;
    width: 77%;
    outline: none;
}
    .z_con2 ul li input.wz2{
    height: 2.5rem;
    border: none;
    float: right;
    background: none;
    width: 76%;
    outline: none;
}
    .z_con2 ul li input.dj{
    width: 100%;
    background: #00c3f6;
    border: none;
    height: 2.5rem;
    font-size: 0.85rem;
    color: #fff;
}
    .z_bot{width:100%;float:left;background:#f7f7f7;}

    .z_bot1{
    float: left;
    width: 100%;
    margin-top: 1rem;
}
    .z_bot1 ul li{
    float: left;
    width: 33%;
    margin-bottom: 0.5rem;
    height: 2rem;
    overflow: hidden;
}
    .z_bot1 ul li a{
    font-size: 14px;
    color: #333;
    font-size: 0.8rem;
}
    .z_bot1 ul li a span{color:#c5c5c5;font-weight:bold;margin-right: 4%;position: relative;top: -0.1rem;margin-left: 22%;}
    .z_bot1 ul li a:hover{color:#1987e9;font-weight:bold;}
    .z_bot1 ul li a:hover span{color:#1987e9;}

    .z_bot2{
    float: left;
    width: 100%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin: 1rem 0;
    text-align: center;
    margin-bottom: 0;
}
    .z_bot2 font{
    display: inline-block;
    margin: 0 2%;
}
    .z_bot2 font img{
    display: inline-block;
    margin: 1.6rem;
}

    .z_bot3{
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 1rem;
}
    .z_bot3 h3{
    background: url(../images/fx.png) no-repeat right;
    color: #f90;
    line-height: 5.3rem;
    text-align: center;
    width: 76%;
    margin-top: 0rem;
    height: 5rem;
       float: initial;
    background-size: 100%;
    margin: 0 auto;
}
    .z_bot3 h4{
    color: #666;
    font-weight: normal;
    font-size: 1rem;
    width: 100%;
    float: left;
}
    .z_bot3 font{
    display: block;
    color: #f90;
    text-transform: uppercase;
    font-size: 0.88rem;
    margin-top: 0.5rem;
    width: 100%;
    float: left;
    right: 0;
}
    .z_bot3 i{
    background: #f90;
    display: inline-block;
    height: 1px;
    width: 50%;
    margin-top: 0.5rem;
}

    .z_foot{color:#FC0;background:#F60;width: 100%;float: left;height: auto;line-height: 2;text-align: center;font-size: 0.5rem;padding: 0.5rem 0;}

    .z_fd{
    position: fixed;
    right: 0;
    width: 58px;
    bottom: 2rem;
    z-index: 99;
}
    .z_fd a.t1{background:url(../images/t1.jpg) no-repeat center;}
    .z_fd a.t2{background:url(../images/t2.jpg) no-repeat center;}
    .z_fd a.t3{background:url(../images/t3.jpg) no-repeat center;}
    .z_fd a.t1:hover{background:url(../images/t11.jpg) no-repeat center;}
    .z_fd a.t2:hover{background:url(../images/t22.jpg) no-repeat center;}
    .z_fd a.t3:hover{background:url(../images/t33.jpg) no-repeat center;}
    .z_fd a{
    display: block;
    width: 58px;
    height: 58px;
}
    .dl-menuwrapper{display:block;}
    .z_zy{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    top: 0;
    text-align: center;
    color: #fff;
    z-index: 2;
}
    .z_zy h3{
    margin-top: 20%;
    font-size: 1.5rem;
}
    .z_zy font{
    display: block;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 5%;
    font-size: 1.25rem;
}
    .z_zy img{
    margin-top: 6%;
    height: auto;
}
    .z_weizi{
    width: 100%;
    float: left;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    height: auto;
    line-height: 4.3rem;
    color: #666666;
    font-size: 1rem;
}
    .z_weizi img{
    float: left;
    margin-top: 1.3rem;
    margin-right: 1%;
}
    .z_weizi a{
    color: #666666;
}
    .z_weizi span{
    color: #29c5ee;
}
    .z_ftitle{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}
    .z_ftitle a{
    display: inline-block;
    height: 2.5rem;
    width: 23%;
    text-align: center;
    line-height: 2.4rem;
    margin-top: 0rem;
    font-size: 0.8rem;
}
    .z_ftitle a.nhov{
    background: url(../images/jx.png) no-repeat top;
    color: #fff;
    background-size: 100% 100%;
}
    .z_ftitle a:hover{
    background: url(../images/jx.png) no-repeat top;
    color: #fff;
    background-size: 100% 100%;
}
    .z_zabou{
    float: left;
    margin: 1rem 0;
    width: 100%;
    position: relative;
}
    .z_zabou h3{
    color: #333;
    font-size: 1.2rem;
}
    .z_zabou h4{
    margin-top: 0.8rem;
    font-weight: normal;
    width: 100%;
    margin-bottom: 2rem;
    display: block;
    float: left;
    text-transform: uppercase;
    color: #f90;
    font-size: 1.5rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
}
    .z_zabou h4 span{
    color: #cfcfcf;
    font-size: 1.2rem;
    border-top: 1px solid #f90;
}
    .z_zabou font{
    display: block;
    color: #595757;
    font-size: 0.85rem;
    text-align: justify;
}
    .z_zabou dt {
    position: relative;
    right: 0;
    bottom: 0;
    background: url(../images/lbj.jpg) repeat-x bottom;
    padding-right: 0;
    background-size: 84%;
}
.z_zabou dt div{width:100%;height: auto;background: none;}
.z_zabou dt div img{display:block;}
    .z_zabou dt img{
    float: left;
    width: auto;
    max-width: 100%;
}

    .z_zabou1{
    width: 100%;
    float: left;
    background: url(../images/bg3.jpg) repeat-y bottom;
    padding-bottom: 3.5rem;
    text-align: center;
    font-size: 0.85rem;
    color: #fff;
}
.z_ftitle1{
    width: 100%;
    float: left;
    text-align: center;
    margin: 1.5rem 0;
}
    .z_ftitle1 h3{
    font-size: 1.2rem;
    color: #fff;
}
    .z_ftitle1 h4{
    margin-top: 0.5rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
    text-transform: uppercase;
    color: #29c5ee;
    font-size: 1.5rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
    width: auto;
}
    .z_ftitle1 h4 span{
    color: #cfcfcf;
    font-size: 1.2rem;
    border-top: 1px solid #29c5ee;
}
    .z_zabou1 font{
    display: block;
    background: url(../images/yh1.png) no-repeat left top,url(../images/yh2.png) no-repeat bottom right;
    padding: 0 4%;
    min-height: 12rem;
    line-height: 2;
    margin: 0 3%;
    overflow: hidden;
    width: 86%;
    float: left;
    background-size: 4%;
}

    .z_ftitle2{
    width: 100%;
    float: left;
    text-align: center;
    margin: 1.5rem 0;
}
    .z_ftitle2 h3{
    font-size: 1.2rem;
    color: #333333;
}
    .z_ftitle2 h4{
    margin-top: 0.5rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
    text-transform: uppercase;
    color: #f90;
    font-size: 1.5rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
    width: auto;
}
    .z_ftitle2 h4 span{
    color: #cfcfcf;
    font-size: 1.2rem;
    border-top: 1px solid #f90;
}

    .z_qywh{
    width: 100%;
    float: left;
}
    .z_qywh ul li{
    width: 44%;
    float: left;
    margin: 0 3% !important;
    text-align: center;
}
    .z_qywh ul li dt{display: inline-block;position: relative;padding-bottom: 1rem;}
    .z_qywh ul li dt img{
    margin: 0.5rem 0;
    width: 30%;
    margin-top: 2.5rem;
}
    .z_qywh ul li dt span{
    display: block;
    font-size: 0.8rem;
    color: #333;
}
    .z_qywh ul li h3{
    background: #e5e5e5;
    height: 1px;
    margin: 1rem 0;
    display: inline-block;
    width: 100%;
}
    .z_qywh ul li h3 span{
    font-family: Arial;
    font-size: 1.5rem;
    position: relative;
    top: -0.6rem;
    background: #fff;
    padding: 0 0.5rem;
}
    .z_qywh ul li font{
    display: block;
    font-size: 0.85rem;
    color: #666666;
    margin-bottom: 1rem;
}

    .z_qywh ul li.a1{
    margin-left: 0;
}
    .z_qywh ul li.a1 h3 span{
    color: #32ccaa;
}

    .z_qywh ul li.a2{}
    .z_qywh ul li.a2 h3 span{
    color: #ffbc66;
}

    .z_qywh ul li.a3{}
    .z_qywh ul li.a3 h3 span{
    color: #3398ee;
}

    .z_qywh ul li.a4{}
    .z_qywh ul li.a4 h3 span{
    color: #ef4456;
}
.z_qywh ul li:hover dt i.pic1{
    opacity: 0;
}
.z_qywh ul li dt i.pic1{
    background: url(../images/zy.png) no-repeat top;
    background-size: 99% !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1;
}
.z_qywh ul li dt i.pic2{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 99% !important;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    }
    .z_qywh ul li.a1:hover dt i.pic2{background:url(../images/zy1.png) no-repeat top;opacity:1;}
    .z_qywh ul li.a2:hover dt i.pic2{background:url(../images/zy2.png) no-repeat top;opacity:1;}
    .z_qywh ul li.a3:hover dt i.pic2{background:url(../images/zy3.png) no-repeat top;opacity:1;}
    .z_qywh ul li.a4:hover dt i.pic2{background:url(../images/zy4.png) no-repeat top;opacity:1;}

     .swiper-container4 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 0px;
      margin-bottom: 1.5rem;
    }
    .swiper-container4 .swiper-slide {
      text-align: center;
      font-size: 18px;
      
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding: 0rem 0;
      background-size:95% 100%;
      margin-right: 10px !important;
      width: 58.9% !important;
    }
    .swiper-container4 .swiper-slide a{display:block;width:100%;}
    .swiper-container4 .swiper-slide dt{width:100%;float:left;position: relative;overflow:hidden;}
    .swiper-container4 .swiper-slide dt img{width:93%;padding:3%;border:1px solid #eeeeee;}

    .z_zpp{
    width: 100%;
    float: left;
    background: none;
    margin-top: 1rem;
    padding-bottom: 0rem;
}
    .z_zpp img{
    float: left;
    width: 100%;
}
    .z_zpp dt{
    display: block;
    float: right;
    width: 100%;
}
    .z_zpp dt h3{
    color: #333;
    font-weight: normal;
    font-size: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
    .z_zpp dt h3 span{
    font-size: 1rem;
    text-transform: uppercase;
}
    .z_zpp dt font{
    display: block;
    font-size: 0.85rem;
    color: #333;
}

    .z_ztitle{width:100%;float:left;margin: 1rem 0;}
    .z_ztitle h3{
    color: #333;
    font-weight: normal;
    font-size: 1.4rem;
    }
    .z_ztitle h3 span{
    font-size: 1rem;
    text-transform: uppercase;
    }

    .swiper-container5 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 38px;
      margin-left: -36px;
      margin-bottom: 2.5rem;
    }
    .swiper-container5 .swiper-slide {
      text-align: center;
      font-size: 18px;
      
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding: 0rem 0;
      background-size:95% 100%;
      margin-right: 10px !important;
      width: 45% !important;
    }
    .swiper-container5 .swiper-slide a{display:block;width:100%;}
    .swiper-container5 .swiper-slide dt{width: 98%;float:left;position: relative;overflow:hidden;}
    .swiper-container5 .swiper-slide dt img{width:49%;padding:10% 25%;border:1px solid #eeeeee;}

    .z_zpp1{
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}
    .z_zpp1 ul li{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 3.5rem;
}
    .z_zpp1 ul li img{
    width: 100%;
}
    .z_zpp1 ul li dt{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    width: 60%;
    padding: 10%;
    border: 1px solid #eeeeee;
}
    .z_zpp1 ul li.nhov{
    padding-bottom: 3.5rem;
    padding-top: 0;
}
    .z_zpp1 ul li.nhov dt{
    bottom: 0;
    top: auto;
}
    .z_zpp1 ul li dt h3{
    color: #333333;
    font-size: 1rem;
    position: relative;
}
    .z_zpp1 ul li dt h3 i{
    position: absolute;
    background: #f90;
    left: -15px;
    height: 100%;
    width: 6px;
}
    .z_zpp1 ul li font{
    color: #666666;
    font-size: 0.8rem;
    text-align: justify;
    display: block;
    margin-top: 0rem;
    overflow: hidden;
    height: 3rem;
}
    .z_pro{
    width: 100%;
    float: left;
    margin-top: 2.5rem;
}
    .z_pro ul li{
    margin: 0 0.5%;
    margin-top: 0.5rem;
    float: left;
    width: 46.4%;
    padding: 1%;
    border: 1px solid #f1f1f1;
}
    .z_pro ul li a img{
    float: left;
    width: 100%;
}
    .z_pro ul li a dt{
    display: block;
    float: right;
    width: 100%;
}
    .z_pro ul li a dt h3{
    color: #333;
    font-size: 1.1rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
    .z_pro ul li a dt font{
    display: block;
    font-size: 0.85rem;
    color: #666666;
    margin-bottom: 1rem;
    height: 3rem;
    overflow: hidden;
}
    .z_pro ul li a dt span{
    display: block;
    font-size: 0.85rem;
    color: #666666;
    margin: 0 auto;
    border: 1px solid #00a0e9;
    line-height: 2rem;
    width: 53%;
    text-align: center;
    float: initial;
    margin-bottom: 1rem;
}
    .z_pro ul li:hover{
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}
    .z_pro ul li:hover a dt span{
    background: #00a0e9;
    color: #fff;
}

    .z_yema{
    width: 100%;
    float: left;
    text-align: center;
    margin: 2.5rem 0;
}
    .z_yema a.fy1{
    color: #666;
    font-size: 0.85rem;
    font-family: 'Microsoft YaHei';
    background: none;
    margin-right: 2%;
    padding-left: 0;
}
    .z_yema a.fy2{
    color: #666;
    font-size: 0.85rem;
    font-family: 'Microsoft YaHei';
    background: none;
    padding-right: 0;
    margin-left: 1%;
}
    .z_yema a{
    color: #161616;
    font-size: 0.5rem;
    font-family: Arial;
    padding: 2%;
}
    .z_yema a.select{color:#29c5ee;}
    .z_yema a:hover{color:#29c5ee;}

    .z_show{font-size:14px;width: 100%;float: left;margin-top: 1rem;color: #333;line-height: 2;}
    .z_show img{
    float: right;
    width: 100%;
}
    .z_show dt{
    display: block;
    float: left;
    width: 100%;
}
    .z_show dt h3{
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #3778ff;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

    .z_fanye{
    width: 100%;
    float: left;
    background: url(../images/yy.jpg) no-repeat bottom;
    padding-bottom: 3.5rem;
    font-size: 14px;
    margin-top: 2rem;
}
    .z_fanye a{
    color: #333;
}
    .z_fanye a:hover{color:#f90;}

    .z_video{
    width: 100%;
    float: left;
    margin-top: 1rem;
    background: #f5f5f5;
}
    .z_video #video{
    width: 100%;
    float: left;
}
.z_video #video iframe{    height: 17rem !important;}
    .z_video #video img{width:100%;}
    .z_video dt{
    display: block;
    width: 94%;
    float: left;
    margin: 0 3%;
    color: #333;
    font-size: 0.85rem;
    line-height: 2;
}
    .z_video dt h3{
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    line-height: 1.5;
}
    .z_video dt font{
    text-align: justify;
    display: block;
    margin-bottom: 1rem;
}
    .z_nr{width:100%;float:left;font-size: 0.85rem;color: #333;line-height:2;margin:2rem 0;}
    .z_nr h3{
    font-size: 1.1rem;
    text-align: center;
}
    .z_nr font{
    display: block;
    text-align: center;
    color: #666;
    margin-bottom: 1rem;
}

    .z_dd{
    width: 100%;
    float: left;
    margin-bottom: 2rem;
}
    .z_dd ul li{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 7rem;
    margin-bottom: 2rem;
}
    .z_dd ul li img{
    width: 100%;
    float: left;
    height: auto;
}
    .z_dd ul li dt{
    display: block;
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background: #fff;
}
    .z_dd ul li dt h3{
    color: #333333;
    font-size: 1.1rem;
    border-left: 5px solid #f90;
    padding-left: 2%;
    margin: 0 1%;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
    .z_dd ul li dt font{
    display: block;
    margin: 0 1%;
    font-size: 0.85rem;
    color: #666;
    text-indent: 0rem;
    line-height: 2;
    height: 3rem;
    overflow: hidden;
}

    .z_nn11{
    float: left;
    width: 100%;
    margin-top: 0;
}
.z_nn11 ul li{
    width: 100%;
    float: left;
    margin-top: 1rem;
    border: 1px solid #f1f1f1;
    position: relative;
}
.z_nn11 ul li:hover{background:#17cdfd;}
.z_nn11 ul li img{
    float: left;
    width: 30%;
    margin: 1%;
}
.z_nn11 ul li:hover img{display:block;}
.z_nn11 ul li dt{
    display: block;
    float: right;
    width: 66%;
}
.z_nn11 ul li dt h3{
    font-size: 0.85rem;
    color: #666666;
    font-weight: normal;
    margin-top: 0.5rem;
}
.z_nn11 ul li:hover dt h3{color:#fff;}
.z_nn11 ul li:hover dt h4{color:#fff;}
.z_nn11 ul li:hover dt font{color:#fff;}
.z_nn11 ul li dt h4{
    color: #333;
    font-size: 1rem;
    margin-top: 0rem;
    overflow: hidden;
    height: 1.5rem;
}
.z_nn11 ul li dt font{
    display: block;
    color: #666666;
    font-size: 0.85rem;
    overflow: hidden;
    height: 1.5rem;
    margin-top: 0.2rem;
}
.z_nn11 ul li span{
    right: 0;
    width: 17.2%;
    text-align: center;
    margin-top: 3rem;
    border-left: 1px solid #f1f1f1;
    position: absolute;
    height: 53%;
    background: url(../images/mm1.png) no-repeat center;
    display: none;
}
.z_nn11 ul li:hover span{
    background: url(../images/mm.png) no-repeat center;
    border-left: 1px solid #fff;
}

.z_down{
    width: 100%;
    float: left;
    margin-top: 2rem;
}
.z_down ul li{border:1px solid #eeeeee;float: left;height: 3rem;line-height: 3rem;margin: 0 0.5%;margin-top: 1rem;width: 48.4%;overflow: hidden;}
.z_down ul li a i{background:#f90;display: block;float: left;width: 2%;height: 2rem;margin-top: 0.5rem;margin-right: 3%;}
.z_down ul li a font{
    font-size: 0.85rem;
    color: #666666;
    width: 66%;
    display: block;
    float: left;
}
.z_down ul li:hover a font{color:#f90;}
.z_down ul li a img{border-left:1px solid #eeeeee;float: right;margin-right: 3%;padding: 0.3rem 0;padding-left: 3%;margin-top: 0.5rem;}
.z_down ul li:hover{border:1px solid #f90;}

.z_join{
    width: 100%;
    float: left;
    margin-top: 2.5rem;
}
.z_join ul li{
    border: 1px solid #eeeeee;
    float: left;
    margin: 0 0.25%;
    margin-top: 0.5rem;
    width: 48.9%;
    overflow: hidden;
}
.z_join ul li a img{
    width: 100%;
    float: left;
}
.z_join ul li:hover a img{    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.z_join ul li a h3{
    font-size: 1rem;
    color: #333333;
    margin: 0.5rem 5%;
    width: 90%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 1;
}
.z_join ul li a font{
    display: block;
    margin: 0 5%;
    font-size: 0.85rem;
    color: #666666;
    overflow: hidden;
    height: 3rem;
    width: 90%;
    float: left;
    margin-bottom: 0.8rem;
}
.z_join ul li:hover a h3{color:#f90;}
.z_join ul li:hover{border:1px solid #f90;-moz-box-shadow: 2px 2px 5px #888;-webkit-box-shadow: 2px 2px 5px #888;box-shadow: 2px 2px 5px #888;}

.z_xy{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 1rem;
}
.z_xy img{
    width: 100%;
    float: left;
    margin-top: 3.5rem;
}
.z_xy i{
    position: absolute;
    left: -16.1%;
    top: 0;
    width: 57.3%;
    z-index: 1;
}
.z_xy i img{
    margin: 0;
}
.z_xy font{
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    font-size: 0.85rem;
    color: #fff;
    top: 8%;
    width: 38.7%;
    overflow: hidden;
    height: 7.5rem;
}
.z_xy dt{
    position: absolute;
    z-index: 2;
    right: 0;
    width: 55%;
    text-align: right;
}
.z_xy dt h3{
    background: #f90;
    height: 1px;
    margin-top: 1rem;
}
.z_xy dt h3 span{
    color: #333;
    font-weight: normal;
    font-size: 1.5rem;
    background: #fff;
    position: relative;
    top: -1rem;
    padding-left: 2rem;
}
.z_xy dt h4{
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
    margin-top: 0.5rem;
    font-size: 0.85rem;
}
.z_txy{
    width: 100%;
    float: left;
    text-align: center;
    margin: 1rem 0;
}
.z_txy h3{
    background: #f90;
    height: 1px;
    margin-top: 1rem;
}
.z_txy h3 span{
    color: #333;
    font-weight: normal;
    font-size: 1.5rem;
    background: #fff;
    position: relative;
    top: -1rem;
    padding: 0 2rem;
}
.z_txy h4{
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
    margin-top: 0.5rem;
    font-size: 0.85rem;
}

 .swiper-container6 {
      width: 100%;
      float: left;
      position: relative;
      overflow: hidden;
      background: url(../images/xian1.jpg) repeat-x center;
      \: 0rem;
    }
   .swiper-container6 .swiper-slide {
      text-align: center;
      font-size: 18px;
      

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      background: transparent;
    }

   .swiper-container6 .swiper-slide dt{
    display: block;
    width: 100%;
    float: left;
}
   .swiper-container6 .swiper-slide dt h3{
    color: #333;
    font-size: 1.1rem;
}
   .swiper-container6 .swiper-slide dt font{
    display: block;
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.5rem;
    height: 3rem;
    overflow: hidden;
}
   .swiper-container6 .swiper-slide dt.xy1{
    background: url(../images/xy1.jpg) no-repeat bottom;
    padding-bottom: 4rem;
    }
   .swiper-container6 .swiper-slide dt.xy2{
    background: url(../images/xy2.jpg) no-repeat top;
    padding-top: 4rem;
    margin-top: 7.3rem;
}
   .swiper-container6 .swiper-slide dt.xy1:hover{background: url(../images/xy22.jpg) no-repeat bottom;}
   .swiper-container6 .swiper-slide dt.xy2:hover{background: url(../images/xy11.jpg) no-repeat top;}

   .z_xy1{
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}
   .z_xy1 ul li{
    float: left;
    width: 50%;
}
   .z_xy1 ul li img{
    display: block;
    width: 100%;
    float: left;
    height: 10rem;
    background: #fff;
}
   .z_xy1 ul li dt{
    display: block;
    width: 100%;
    float: left;
    height: 10rem;
    background: #fff;
}
   .z_xy1 ul li dt h3{
    text-align: center;
    font-size: 1.1rem;
    color: #333;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
   .z_xy1 ul li dt font{
    display: block;
    font-size: 0.85rem;
    color: #666;
    margin: 0 10%;
    overflow: hidden;
    height: 6rem;
}

   .z_con3{
    width: 95%;
    float: left;
    margin: 1rem 0;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    padding: 0.5rem 2.5%;
}
   .z_con3 dt{
    display: block;
    float: left;
    width: 100%;
}
   .z_con3 dt h3{
    font-weight: normal;
    margin-bottom: 1rem;
    width: 100%;
    float: left;
}
   .z_con3 dt h3 a{
    color: #333;
    font-size: 0.8rem;
    background: #e8e8e8;
    display: block;
    float: left;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 3%;
    text-align: center;
    width: 25%;
}
   .z_con3 dt h3 a.nhov{background:#f90;color:#fff;}
   .z_con3 dt h3 a:hover{background:#f90;color:#fff;}
   .z_con3 dt font{
    display: block;
    border-bottom: 1px solid #eeeeee;
    color: #333;
    font-size: 0.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    float: left;
}
   .z_con3 img{
    float: right;
    width: 100%;
    margin-top: 1rem;
}

   .z_case{
    width: 100%;
    float: left;
    margin-top: 0rem;
}
   .z_case ul li{
    float: left;
    margin: 0 0.5%;
    width: 48.4%;
    border: 1px solid #e5e5e5;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
}
   .z_case ul li:hover{    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;}
   .z_case ul li a{}
   .z_case ul li a img{}
   .z_case ul li:hover a img{    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
   .z_case ul li a dt{
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: url(../images/hk.png);
    width: 100%;
    height: 86%;
    display: none;
}
   .z_case ul li:hover a dt{display:block;}
   .z_case ul li a dt span{
    font-size: 0.85rem;
    color: #fff;
    display: inline-block;
    padding: 0 5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 2rem;
    margin-top: 30%;
}
   .z_case ul li a font{
    display: block;
    padding: 0rem 4%;
    font-size: 1rem;
    color: #333;
    position: relative;
    z-index: 2;
    background: #fff;
    overflow: hidden;
    height: 2.5rem;
    line-height: 2.5rem;
}
   .z_case ul li:hover a font{
    color: #f90;
    background: url(../images/jt2.png)#fff no-repeat right;
}
   .z_jj{
    width: 100%;
    float: left;
    margin-top: 2rem;
}
   .z_jj ul li{
    width: 100%;
    float: left;
    border: 1px solid #f2f2f2;
    margin-top: 1rem;
    transition: height 1s;
    -moz-transition: height 1s; /* Firefox 4 */
    -webkit-transition: height 1s; /* Safari and Chrome */
    -o-transition: height 1s; /* Opera */
    height: 2.2rem;
    overflow: hidden;
}
   .z_jj ul li h3{padding: 2%;background: #f2f2f2;font-weight: normal;font-size: 1rem;color: #333;}
   .z_jj ul li h3 span{
    display: block;
    float: right;
    background: url(../images/jia.png) no-repeat center;
    width: 8%;
}
   .z_jj ul li font{
    display: block;
    padding: 1%;
    font-size: 0.85rem;
    color: #666;
    line-height: 2;
}
   .z_jj ul li.nhov{
    height: 40rem;
}
   .z_jj ul li.nhov h3{
    background: #29c5ee;
    color: #fff;
}
   .z_jj ul li.nhov h3 span{
    background: url(../images/jian.png) no-repeat center;
}
   .zy111{
    width: 100%;
    float: left;
    position: relative;
}
.zy111 .swiper-button-next{
    right: -3rem;
}
.zy111 .swiper-button-prev{
    left: -3rem;
}
.z_tt{
    width: 100%;
    float: left;
    margin-top: 2rem;
}
.z_tt ul li{
    float: left;
    margin: 0 0.5%;
    width: 47.4%;
    padding: 0.5%;
    border: 1px solid #e5e5e5;
    margin-top: 1rem;
}
.z_tt ul li a img{
    width: 100%;
}
.z_tt ul li a font{
    display: block;
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 3rem;
}
.z_show1{font-size:14px;width: 100%;float: left;margin-top: 3rem;color: #333;line-height: 2;}
    .z_show1 img{
    float: initial;
    max-width: 50%;
    display: block;
    margin: 0 auto;
    width: auto;
}
    .z_show1 dt{
    display: block;
    float: left;
    width: 100%;
}
    .z_show1 dt h3{
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #3778ff;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.md{position: relative;top: -4rem;display: block;}

.z_pp .sy{display:none;}

.swiper-containersy {
      width: 100%;
height:auto;
float:left;display:block;
    }
.swiper-containersy li{
    margin: 0 !important;
    width: 100% !important;
}
.swiper-containersy li dt{
    margin-top: 0.5rem !important;
}
.swiper-containersy li bt{
    margin-top: 0.5rem !important;
}
    .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

}