/* CSS Document */

body { margin:0; padding:0; line-height:24px; font-family:'Microsoft YaHei';}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}
 img{max-width:100%;}

/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;background:#fff;}

.m_banner
{
     width:1920px; *width:1920px; _width:1920px; height:510px;
    position:relative;
    z-index:9;
    margin:0;
	top:0;
    float:left;
	left:50%;
	margin-left:-962px;
	*margin-left:-962px;
	_margin-left:-962px;
    overflow:hidden;
}
.z_top{
    background: url(../images/top.png);
-moz-box-shadow:2px 2px 5px #c1c1c1; -webkit-box-shadow:2px 2px 5px #c1c1c1; box-shadow:2px 2px 5px #c1c1c1;
    height: 6.6rem;
    position:fixed;
    width:100%;
    left:0;
    top:0;
    z-index:10;
}
.z_logo{
    float: left;
    margin-left: 6.2%;
    margin-top: 1.7rem;
}
.column {
    position: absolute;
    width: auto;
    right: 6.2%;
    top: 2rem;
}
.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: 73%;
    height: 27px;
    margin: 0;
    left: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 14px;
    color: #333;
    padding-left: 5%;
    border: 1px solid #ccc;
    opacity:0;
}
.sb-search-open .sb-search-input{opacity:1;}

.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-icon-search img{width: 100%;}
.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%;
}
.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:#F60;
}

#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;
      /* 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-container .swiper-slide a{width:100%;height:100%;float:left;display:block;}
    .z_banner{width:100%;float:left;position:relative;margin-top:6.5rem;}
.z_banner1{    width: 1920px;
    float: left;
    height: 918px;
    position: relative;
    left: 50%;
    margin-left: -960px;}
   .swiper-container .swiper-slide img{width:100%;height:auto;float:left;max-height:980px;}

    .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: 75.7%;
    min-width: 1024px;
}

    .z_aa{
    width: 100%;
    float: left;
    margin: 3rem 0;
    background: url(../images/lk.png) no-repeat center 1.5rem;
    background-size: 97%;
    margin-top: 0;
}
    .z_aa1{
    width: 50%;
    float: right;
}
    .z_aa1 h3{
    margin-left: 8%;
    margin-top: 6rem;
    color: #333;
    font-size: 1.5rem;
}
    .z_aa1 h4{
    margin-left: 8%;
    margin-top: 0.8rem;
    font-weight: normal;
    width: 100%;
    float: left;
    margin-bottom: 3.5rem;
}
    .z_aa1 h4 font{
	display: block;
	float: left;
	text-transform: uppercase;
	color: #C63;
	font-size: 3rem;
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.5rem;
}
    .z_aa1 h4 font span{
	color: #cfcfcf;
	font-size: 1.85rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F90;
}
    .z_aa1 h4 a{
	color: #F90;
	text-transform: uppercase;
	float: right;
	font-size: 1.25rem;
	background: url(../images/jt.png) no-repeat right;
	padding-right: 4rem;
	margin-right: 17%;
}
    .z_aa1 dt{
    display: block;
    color: #595757;
    font-size: 0.875rem;
    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: 3rem 4rem;
    text-indent: 2rem;
}

    .swiper-container1 {
      width: 50%;
      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-pagination1{
    bottom: 0px !important;
    position: absolute;
    left: 7% !important;
}
    .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: 2.5rem 0;
}
    .z_title1 h3{
    color: #fff;
    font-size: 1.5rem;
}
    .z_title1 font{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 3rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-top: 0.8rem;
}
    .z_title1 font span{
    color: #fff;
    font-size: 1.85rem;
    border-top: 1px solid #fff;
}
        .z_title1 a{
    float: right;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    background: url(../images/jt1.png) no-repeat 85% center;
    padding: 1rem 1rem;
    padding-right: 6rem;
    border: 1px solid #fff;
}
    .z_title1 a:hover{
	background: url(../images/jt.png)#fff no-repeat 85% center;
	color:#F90;
}
    .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) !important;
    }
    .z_pp ul li a img{width:100%;float:left;}
    .z_pp ul li a dt{
    display: block;
    float: left;
    width: 17%;
    margin-top: 1rem;
}
    .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: block;
    color: #666;
    font-size: 0.87rem;
    height: 1.5rem;
    overflow: hidden;
}

    .z_title2{
    width: 100%;
    float: left;
    margin: 2.5rem 0;
}
    .z_title2 h3{
    color: #333;
    font-size: 1.5rem;
}
    .z_title2 font{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #F90;
    font-size: 3rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
    margin-top: 0.8rem;
}
    .z_title2 font span{
    color: #cfcfcf;
    font-size: 1.85rem;
    border-top: 1px solid #f90;
}
    .z_title2 a{
    float: right;
    color: #bababa;
    text-transform: uppercase;
    font-size: 1.25rem;
    background: url(../images/jt3.png) no-repeat 85% center;
    padding: 1rem 1rem;
    padding-right: 6rem;
    border: 1px solid #bababa;
}
    .z_title2 a:hover{
	background: url(../images/jt.png) no-repeat 85% center;
	color:#F63;
}

    .swiper-container2 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 38px;
      margin-left: -36px;
      margin-bottom: 2.5rem;
    }
    .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;
    opacity: 0.8;
    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) no-repeat center top;}

    .boutline{width: 100%;float: left;position: relative;}
.none {display:none;}
.boutline .boutlineTitle{
    position: absolute;
    right: 19%;
    top: -7rem;
}
.boutline .boutlineTitle li{float:left;cursor:pointer;height: 51px;text-align:center;width: 134px;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: 2rem;
}
.z_pp2{
    padding-left: 1%;
    background: url(../images/fk.png) no-repeat left top;
    float: left;
    padding-bottom: 1.1rem;
    width: 48.7%;
    position: relative;
    background-size: 98%;
}
.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:block;}
.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: 50.3%;
    float: right;
}
.z_pp3 ul li{
    float: left;
    margin-left: 2%;
    width: 48%;
    margin-bottom: 1.2rem;
    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: 4rem;}
.z_nn1{
    float: left;
    width: 69%;
    margin-top: 1.5rem;
}
.z_nn1 ul li{
    width: 100%;
    float: left;
    margin-top: 1rem;
}
.z_nn1 ul li:hover{
	background-color: #F90;
}
.z_nn1 ul li img{
    float: left;
    width: 0px;
    margin: 1%;
    height: 7.14rem;
}
.z_nn1 ul li:hover img{
    width: 15.8%;
}
.z_nn1 ul li dt{
    display: block;
    float: left;
    width: 59%;
    float: left;
}
.z_nn1 ul li dt h3{
    font-size: 0.85rem;
    color: #666666;
    font-weight: normal;
    margin-top: 1.5rem;
}
.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: 1rem;
}
.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:block;}
.z_nn1 ul li span img{
    width: auto !important;
    float: initial;
    display: inline-block !important;
    height: auto;
}
.z_nn2{
    float: right;
    background: url(../images/lk3.png) no-repeat;
    background-size: 100% 100%;
    width: 24%;
    margin-top: 2.5rem;
    text-align: right;
}
.z_nn2 h3{
    color: #fff;
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-right: 3rem;
}
.z_nn2 font{
    display: block;
    float: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 3rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-top: 0.8rem;
    margin-right: 3rem;
    margin-bottom: 2.5rem;
}
.z_nn2 font span{
    color: #fff;
    font-size: 1.85rem;
    border-top: 1px solid #fff;
}
.z_nn2 a{
    display: block;
    float: right;
    margin-right: 3rem;
    margin-bottom: 4rem;
    color: #F90;
    text-transform: uppercase;
    font-size: 1.25rem;
    background: url(../images/jt4.png)#fff no-repeat 76% center;
    padding: 1rem 1rem;
    padding-right: 6rem;
    width: 29%;
    text-align: center;
}


.z_nn2 a:hover{
	color: #fff;
	background-color: #F90;
	background-image: url(../images/jt1.png);
	background-repeat: no-repeat;
	background-position: 76% center;
}
.z_nn2 a img{width:100%;}

 .swiper-container3 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 38px;
      margin-left: -36px;
      margin-bottom: 2.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{height: 10.5rem;}
    .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: 0;
    transition: height 1s;
    -moz-transition: height 1s; /* Firefox 4 */
    -webkit-transition: height 1s; /* Safari and Chrome */
    -o-transition: height 1s; /* Opera */
}
    .swiper-container3 .swiper-slide dt font h3{
    color: #fff;
    margin: 1rem 0;
    font-size: 1.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;
}
    .swiper-container3 .swiper-slide dt font h4{
    font-size: 0.85rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.5;
    margin: 0 6%;
}

    .z_con{width:100%;float:left;background:url(../images/bg2.jpg) no-repeat top;padding-bottom: 2rem;}
    .z_con1{
    float: left;
    margin-top: 3rem;
    width: 50%;
}
    .z_con1 h3{
    font-weight: normal;
    font-family: Arial;
    color: #F90;
    font-size: 1.87rem;
    margin-bottom: 1.5rem;
}
    .z_con1 h3 span{
    display: block;
    margin-top: 0.6rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    font-size: 1.2rem;
}
    .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: 1rem;
}
    .z_con1 font img{
    float: left;
    margin-right: 1%;
}

    .z_con2{
    float: right;
    width: 35.4%;
    margin-top: 3rem;
}
    .z_con2 h3{
    font-weight: normal;
    font-family: Arial;
    color: #F90;
    font-size: 1.87rem;
    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: 1.2rem;
}
    .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: 49.2%;
    background: #e6f0f9;
    margin-bottom: 0.5rem;
}
    .z_con2 ul li.nhov{
    width: 100%;
}
.z_con2 ul li.nhov font{
    width: 14%;
}
    .z_con2 ul li font{
    font-size: 14px;
    color: #005ab3;
    display: block;
    float: left;
    line-height: 2.5rem;
    text-align: center;
    width: 29%;
}
    .z_con2 ul li input.wz1{
    height: 2.5rem;
    border: none;
    float: right;
    background: none;
    width: 71%;
    outline: none;
}
    .z_con2 ul li input.wz2{
    height: 2.5rem;
    border: none;
    float: right;
    background: none;
    width: 86%;
    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: 24.3%;
    margin-top: 2rem;
}
    .z_bot1 ul li{
    float: left;
    width: 35%;
    margin-bottom: 0.5rem;
}
    .z_bot1 ul li a{
    font-size: 14px;
    color: #333;
    font-size: 0.85rem;
}
    .z_bot1 ul li a span{color:#c5c5c5;font-weight:bold;margin-right: 4%;position: relative;top: -0.1rem;}
    .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: 39.3%;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin: 2rem 0;
    text-align: center;
}
    .z_bot2 font{
    display: inline-block;
    background: url(../images/yy.png) no-repeat;
    margin: 0 2%;
}
    .z_bot2 font img{
    display: block;
    margin: 1.6rem;
}

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

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

    .z_fd{
    position: fixed;
    right: 0rem;
    width: 58px;
    bottom: 4rem;
    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:none;}

    /*hood*/

    .z_zy{
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    top: 0;
    text-align: center;
    color: #fff;
}
    .z_zy h3{
    margin-top: 10%;
    font-size: 2.2rem;
}
    .z_zy font{
    display: block;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 2%;
    font-size: 1.25rem;
}
    .z_zy img{
    margin-top: 6%;
}
    .z_weizi{
    width: 100%;
    float: left;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    height: 4.3rem;
    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: right;
}
    .z_ftitle a{
    display: inline-block;
    height: 2.5rem;
    width: 7rem;
    text-align: center;
    line-height: 2.4rem;
    margin-top: 1rem;
}
    .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: 3rem 0;
    width: 51.4%;
    position: relative;
}
    .z_zabou h3{
    color: #333;
    font-size: 1.5rem;
}
    .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: 3rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
}
    .z_zabou h4 span{
    color: #cfcfcf;
    font-size: 1.85rem;
    border-top: 1px solid #f90;
}
    .z_zabou font{
    display: block;
    color: #595757;
    font-size: 0.85rem;
    text-align: justify;
}
    .z_zabou dt {
        position: absolute;
    left: 104%;
    bottom: 0;
    background: url(../images/lbj.jpg) repeat-x bottom;
    padding-right: 20rem;
    top: 0;
    height: 100%;
    width: 100%;
}
    .z_zabou dt img{
    float: left;width:85%;
}

    .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: 3rem 0;
}
    .z_ftitle1 h3{
    font-size: 1.5rem;
    color: #fff;
}
    .z_ftitle1 h4{
    margin-top: 1rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
    text-transform: uppercase;
    color: #29c5ee;
    font-size: 3rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 0.5rem;
    width: auto;
}
    .z_ftitle1 h4 span{
    color: #cfcfcf;
    font-size: 1.85rem;
    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;
}

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

    .z_qywh{
       width: 82rem;
    margin: 0 auto;
clear: both;
}
    .z_qywh ul li{
    width: 17.5rem;
    float: left;
    margin-left: 4rem;
    text-align: center;
}
    .z_qywh ul li dt{display: inline-block;width: 14rem;height: 14rem;position: relative;}
    .z_qywh ul li dt img{
    margin-top: 3rem;
    margin-bottom: 1rem;
}
    .z_qywh ul li dt span{
    display: block;
    font-size: 1.2rem;
    color: #333;
}
    .z_qywh ul li h3{
    background: #e5e5e5;
    height: 1px;
    margin: 2rem 0;
    display: inline-block;
    width: 7rem;
}
    .z_qywh ul li h3 span{
    font-family: Arial;
    font-size: 2.75rem;
    position: relative;
    top: -0.6rem;
    background: #fff;
    padding: 0 0.5rem;
}
    .z_qywh ul li font{
    display: block;
    font-size: 0.85rem;
    color: #666666;
}

    .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 center;
    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 center;opacity:1;}
    .z_qywh ul li.a2:hover dt i.pic2{background:url(../images/zy2.png) no-repeat center;opacity:1;}
    .z_qywh ul li.a3:hover dt i.pic2{background:url(../images/zy3.png) no-repeat center;opacity:1;}
    .z_qywh ul li.a4:hover dt i.pic2{background:url(../images/zy4.png) no-repeat center;opacity:1;}

     .swiper-container4 {
      width: 100%;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 0 0px;
      margin-bottom: 2.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:1rem 0;
      background-size:95% 100%;
    }
    .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: url(../images/topbar.png) no-repeat bottom;
    margin-top: 3rem;
    padding-bottom: 6rem;
}
    .z_zpp img{
    float: left;
    width: 53.11%;
}
    .z_zpp dt{
    display: block;
    float: right;
    width: 43.9%;
}
    .z_zpp dt h3{
    color: #333;
    font-weight: normal;
    font-size: 1.9rem;
    margin-top: 7rem;
    margin-bottom: 1.5rem;
}
    .z_zpp dt h3 span{
    font-size: 1.1rem;
    text-transform: uppercase;
}
    .z_zpp dt font{
    display: block;
    font-size: 0.85rem;
    color: #333;
}

    .z_ztitle{width:100%;float:left;margin:2rem 0;}
    .z_ztitle h3{color: #333;
    font-weight: normal;
    font-size: 1.9rem;}
    .z_ztitle h3 span{font-size: 1.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:1rem 0;
      background-size:95% 100%;
    }
    .swiper-container5 .swiper-slide a{display:block;width:100%;}
    .swiper-container5 .swiper-slide dt{width:100%;float:left;position: relative;overflow:hidden;border: 1px solid #eeeeee;color: #333;}
    .swiper-container5 .swiper-slide dt img{width:89%;padding:10% 5%;}
    .swiper-container5 .swiper-slide dt h3{
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
    .swiper-container5 .swiper-slide dt font{
    display: block;
    font-size: 1rem;
    margin: 0 15%;
    margin-bottom: 1rem;
height: 4.5rem;
    overflow: hidden;
}

    .z_zpp1{
    width: 100%;
    float: left;
    margin-bottom: 3rem;
}
    .z_zpp1 ul li{
    float: left;
    width: 33.3%;
    position: relative;
    padding-bottom: 7rem;
}
    .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: 0;
    padding-top: 7rem;
}
    .z_zpp1 ul li.nhov dt{
    bottom: auto;
    top: 0;
}
    .z_zpp1 ul li dt h3{
    color: #333333;
    font-size: 1.5rem;
    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: 1rem;
    text-align: justify;
    display: block;
    margin-top: 1rem;
}
    .z_pro{
    width: 100%;
    float: left;
    margin-top: 2.5rem;
}
    .z_pro ul li{
	margin-top: 0.5rem;
	float: left;
	width: 46.8%;
	padding: 1%;
	border: 1px solid #f1f1f1;
	margin-right: 0.5%;
	margin-bottom: 0;
	margin-left: 0.5%;
}
    .z_pro ul li a img{
	float: left;
	width: 67%;
}
    .z_pro ul li a dt{
	display: block;
	float: right;
	width: 31%;
}
    .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: 3rem;
}
    .z_pro ul li a dt font{
    display: block;
    font-size: 0.85rem;
    color: #666666;
    margin-bottom: 1rem;
}
    .z_pro ul li a dt span{
	display: block;
	font-size: 0.85rem;
	color: #666666;
	float: right;
	border: 1px solid #00a0e9;
	line-height: 2.5rem;
	width: 38%;
	text-align: center;
}
    .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: url(../images/fy11.png) no-repeat left;
    padding-left: 44px;
    margin-right: 20px;
}
.z_yema a:hover.fy1{
    color: #666;
    font-size: 0.85rem;
    font-family: 'Microsoft YaHei';
    background: url(../images/fy1.png) no-repeat left;
    padding-left: 44px;
    margin-right: 20px;
}
    .z_yema a.fy2{
    color: #666;
    font-size: 0.85rem;
    font-family: 'Microsoft YaHei';
    background: url(../images/fy2.png) no-repeat right;
    padding-right: 44px;
    margin-left: 20px;
}
.z_yema a:hover.fy2{
    color: #666;
    font-size: 0.85rem;
    font-family: 'Microsoft YaHei';
    background: url(../images/fy21.png) no-repeat right;
    padding-right: 44px;
    margin-left: 20px;
}
    .z_yema a{
    color: #161616;
    font-size: 0.5rem;
    font-family: Arial;
    padding: 10px;
}
    .z_yema a.select{color:#29c5ee;}
    .z_yema a:hover{color:#29c5ee;}

    .z_show{font-size:14px;width: 100%;float: left;margin-top: 3rem;color: #333;line-height: 2;}
    .z_show img{
    float: left;
    width: 41.72%;
}
    .z_show dt{
    display: block;

}
    .z_show dt h3{
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #3778ff;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
width:100%;
}
.z_show dt img{
    width: auto;
    float: initial;
}

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

    .z_video{
    width: 100%;
    float: left;
    margin-top: 3rem;
    background: #f5f5f5;
}
    .z_video #video{
    width: 50%;
    float: left;
}
    .z_video #video img{width:100%;}
    .z_video dt{
    display: block;
    width: 47%;
    float: left;
    margin-left: 1.5%;
    color: #333;
    font-size: 0.85rem;
    line-height: 2;
}
    .z_video dt h3{
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
    .z_video dt font{
    text-align: justify;
    display: block;
}
    .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: 3rem;
}
    .z_dd ul li{
    float: left;
    width: 24.5%;
}
    .z_dd ul li img{
    width: 100%;
    float: left;
    height: 18.4rem;
}
    .z_dd ul li dt{
    display: block;
    width: 100%;
    float: left;
    height: 18.4rem;
}
    .z_dd ul li dt h3{
    color: #333333;
    font-size: 1.1rem;
    border-left: 5px solid #f90;
    padding-left: 2%;
    margin: 0 9%;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
    .z_dd ul li dt font{
    display: block;
    margin: 0 9%;
    font-size: 0.85rem;
    color: #666;
    text-indent: 2rem;
    line-height: 2;
}

    .z_nn11{
    float: left;
    width: 100%;
    margin-top: 1.5rem;
}
.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: 15.8%;
    margin: 1%;
}
.z_nn11 ul li:hover img{display:block;}
.z_nn11 ul li dt{
    display: block;
    float: left;
    width: 59%;
    float: left;
}
.z_nn11 ul li dt h3{
    font-size: 0.85rem;
    color: #666666;
    font-weight: normal;
    margin-top: 1.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: 1rem;
}
.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;
}
.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: 4.5rem;line-height: 4.5rem;margin: 0 0.5%;margin-top: 1rem;width: 48.8%;line-height: 4.5rem;}
.z_down ul li a i{background:#f90;display: block;float: left;width: 0.3rem;height: 2rem;margin-top: 1.2rem;margin-right: 3%;}
.z_down ul li a font{
    font-size: 0.85rem;
    color: #666666;
}
.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: 1rem 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: 24.3%;
    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: 3rem;
}
.z_xy img{
    width: 100%;
    float: left;
    margin-top: 4rem;
}
.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%;
}
.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.87rem;
    background: #fff;
    position: relative;
    top: -1rem;
    padding-left: 2rem;
}
.z_xy dt h4{
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
    margin-top: 1rem;
    font-size: 0.85rem;
}
.z_txy{
    width: 100%;
    float: left;
    text-align: center;
    margin: 3rem 0;
}
.z_txy h3{
    background: #f90;
    height: 1px;
    margin-top: 1rem;
}
.z_txy h3 span{
    color: #333;
    font-weight: normal;
    font-size: 1.87rem;
    background: #fff;
    position: relative;
    top: -1rem;
    padding: 0 2rem;
}
.z_txy h4{
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
    margin-top: 1rem;
    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;
}
   .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: 9rem;
}
   .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: 3rem;
}
   .z_xy1 ul li{
    float: left;
    width: 16.666%;
}
   .z_xy1 ul li img{
    display: block;
    width: 100%;
    float: left;
    height: 16.45rem;
    background: #fff;
}
   .z_xy1 ul li dt{
    display: block;
    width: 100%;
    float: left;
    height: 16.45rem;
    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: 72%;
}

   .z_con3{
    width: 95%;
    float: left;
    margin: 3rem 0;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    padding: 2.5rem 2.5%;
}
   .z_con3 dt{
    display: block;
    float: left;
    width: 36.54%;
}
   .z_con3 dt h3{
    font-weight: normal;
    margin-bottom: 2rem;
    width: 100%;
    float: left;
}
   .z_con3 dt h3 a{
    color: #333;
    font-size: 1.1rem;
    background: #e8e8e8;
    display: block;
    float: left;
    height: 3rem;
    line-height: 3rem;
    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: 1.1rem;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    float: left;
}
   .z_con3 img{
    float: right;
    width: 58.33%;
}

   .z_case{
    width: 100%;
    float: left;
    margin-top: 2rem;
}
   .z_case ul li{
    float: left;
    margin: 0 0.5%;
    width: 23.8%;
    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: 0.5rem 4%;
    font-size: 1rem;
    color: #333;
    position: relative;
    z-index: 2;
    background: #fff;
	width:316px;
	height:20px;
	overflow:hidden;
}
   .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: 3rem;
    overflow: hidden;
}
   .z_jj ul li h3{padding: 1%;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: 2%;
}
   .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_fd a font{    background: #00c4f8;
    color: #fff;
    text-align: center;
    line-height: 58px;
    height: 58px;
    position: absolute;
    right: 58px;
    width: 0px;
    overflow:hidden;
    transition: width 0.5s;
    -moz-transition: width 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s;
}
.z_fd a:hover font{width: 150px;}
.md{position: relative;top: -7rem;display: block;}
.swiper-containersy {
display:none;
    }

.z_pp .sy{  width: 100%;
    float: left;}
.z_pp .sy li{   margin: 0;box-sizing: border-box;}