@keyframes mymove {
    from { background-size: 120% 120%; }
    to { background-size: 100% 100%; }
}

.mymove {
    animation: mymove 7s infinite;
}

.xy-header.fixed .logo-wrap .nav-btn {
    height: 55px;
    width: 70px;
    padding: 25px 0 0 21px;
}

.xy-header.fixed .logo-wrap .nav-btn span, 
.xy-header.fixed .logo-wrap .nav-btn:after, 
.xy-header.fixed .logo-wrap .nav-btn:before {
    width: 30px;
}

.ewz{    float: right;
    margin-top: -82px;
    padding-right: 120px;}
.xy-header.fixed .logo-wrap .nav-btn span {
    margin: 8px 0;
}

.xy-header.fixed .logo {
    line-height: 55px;
    width: 280px;
}

.xy-header.fixed .header-right {
    margin-top: 10px;
}

.xy-header.fixed  .nav-menu {
    top: 55px;
    width: 350px;
}

@media (min-width:990px) {
    .small-fixed {
        height: 670px
    }
    .small-fixeda {
        height: 470px;
    }
}


.searh-zw {
    height: 153px;
    background-color: #f5f5f5;
}
@media (max-width: 990px) {
    .searh-zw {
        height: 20px;
    }
}



.page-search-wrap {
    background: #f5f5f5;
}

.page-search-box {
    background: #fff;
    padding: 20px;
}

@media (max-width:990px) {
    .page-search-box {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.xypg-album-wrap {
    background: #f5f5f5;
}

.xypg-album-sorts {
    font-size: 0;
    margin-bottom: 15px;
}

.xypg-album-sorts li {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #4c4c4c;
    line-height: 65px;
}
.xypg-album-sorts li a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

.xypg-album-sorts li:hover,
.xypg-album-sorts li.cur {
    background: #353535;
}



.pages-news-wrap {
    background: #f7f7f7;
    padding: 60px 0;
}
.pages-news-box {
    width: 83.3333%;
    margin: 0 auto;
}

.xypg-news-sorts {
    margin-bottom: 50px;
    position: relative;
}

.xypg-news-sorts .goHis {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    color: #666;
    cursor: pointer;
}
.xypg-news-sorts .goHis:hover {
    text-decoration: underline;
}

@media(max-width:768px){
    .xypg-news-sorts .goHis{display:none;}
}

.xypg-news-sorts li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom:15px;
}

.xypg-news-sorts li a {
    display: block;
    background: #fff;
    color: #282828;
    font-size: 14px;
    padding: 15px 35px;
    border-radius: 2px;
}

.xypg-news-sorts li:hover a,
.xypg-news-sorts li.cur a {
    background: #535353;
    color: #fff;
}

.page-news-lists li {
    background: #fff;
    padding: 2.5% 5%;
    margin-bottom: 20px;
    border: 1px solid  transparent;
}

.page-news-lists li:hover {
    background: #ededed;
    border: 1px solid  #dbdbdb;
}

.page-news-lists li h3 {
    padding-right: 80px;
    position: relative;
    font-size: 22px;
    color: #282828;
    line-height: 35px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-news-lists li h3 span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #8c8c8c;
}
.page-news-lists li .info {
    font-size: 14px;
    line-height: 24px;
    color: #282828;
    margin-bottom: 20px;
}

.page-news-lists li span {
    font-size: 14px;
    color: #69a552;
    text-decoration: underline;
}

@media (max-width: 990px) {
    .pages-news-wrap {
        padding: 30px 0;
    }
    .xypg-news-sorts li {
        display: inline-block;
        width: 31%;
        margin-right: 1%;
    }

    .xypg-news-sorts li a {
        text-align: center;
        padding: 10px 0;
    }
    
    .page-news-lists li h3 {
        font-size: 18px;
    }
    
}

.cases-lists-xya li {
    margin-bottom: 25px;
    background: #fff;
    padding: 10px;
    transition: all .5s ease;
}
.cases-lists-xya li a {
    display: block;
}
.cases-lists-xya li .img {
    float: left;
    width: 450px;
}
.cases-lists-xya li .img img {
    width: 100%;
}
.cases-lists-xya li .wz {
    padding: 45px;
    overflow: hidden;
}

.cases-lists-xya li .wz h3 {
    font-size: 22px;
    color: #313131;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 30px;
}
.cases-lists-xya li .wz .info {
    font-size: 14px;
    line-height: 24px;
    color: #676767;
    margin-bottom: 40px;
    height: 72px;
    overflow: hidden;
}
.cases-lists-xya li .wz .more {
    display: block;
    width: 135px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid  #cccccc;
    font-size: 14px;
    color: #676767;
}

.cases-lists-xya li .wz .more:hover {
    color: #fff;
    background:#1ED7B2;
    border-color: #1ED7B2;
}

.cases-lists-xya li:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cases-lists-xya li:hover .wz h3 {
    color: #1ED7B2;
}


@media (max-width: 1366px) {
    .cases-lists-xya li .img {
        float: left;
        width: 40%;
    }
    .cases-lists-xya li .wz {
        padding-top: 30px;
        padding-bottom: 0;
    }
    .cases-lists-xya li .wz .info {
        margin-bottom: 20px;
    }
}


@media (max-width: 990px) {
    .cases-lists-xya li .img {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
    }
    .cases-lists-xya li .img img {
        max-width: 100%;
        width: auto;
    }
    .cases-lists-xya li .wz {
        float: none;
        width: 100%;
        padding: 20px 0;
    }
    .cases-lists-xya li .wz h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.xypg-case-wrapa {
    padding: 50px 0;
    background-color: #f7f7f7;
}
.xypg-case-boxa {
    width: 93.2%;
    margin: 0 auto;
}

.xypg-case-boxa .crumbs-box {
    font-size: 14px;
    color: #434343;
    margin-bottom: 40px;
}
.xypg-case-boxa .crumbs-box a {
    color: #434343;
}

.cases-lists-xyb {
    margin: 0 -5px;
}
.cases-lists-xyb li {
    width: calc(33.33333% - 10px);
    margin: 0 5px 12px 5px;
    float: left;
}
.cases-lists-xyb li .img {
    overflow: hidden;
    display: block;
}
.cases-lists-xyb li .img img {
    width: 100%;
    transition: all .5s ease;
}
.cases-lists-xyb li .wz {
    padding: 20px 0;
    text-align: center;
}
.cases-lists-xyb li .wz h3 {
    font-size: 16px;
    color: #272727;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
}
.cases-lists-xyb li .wz .info {
    font-size: 14px;
    color: #aaaaaa;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cases-lists-xyb li:hover .img img {
    transform: scale(1.1)
}
.cases-lists-xyb li:hover .wz {
    background: #fff;
}

@media (max-width: 990px) {
    .cases-lists-xyb li {
        width: calc(50% - 10px);
    }
}



.xypg-news-detail-wrap .goHis {
    display: block;
    line-height: 40px;
    color: #666;
    padding-left: 8.4%;
    cursor: pointer;
}
.xypg-news-detail-wrap .goHis:hover {
    text-decoration: underline;
}


.nav-wz {
    position: absolute;
    font-size: 20px;
    color: #fff;
    padding: 10px 0 0 20px;
}

.xy-header.fixed .logo-wrap .nav-wz {
        font-size: 14px;
    padding: 4px 0 0 20px;
}

.contact_list{
    width:49%;
    float:left;
    margin-right:2%;
    display: flex;
    align-items: center;
    margin-bottom:30px;
    flex-wrap:wrap;
}

.contact_list dd{width:20%;}
.contact_list dd img{max-width:100%;height:auto;}
.contact_list dt{width:78%;margin-left:2%;height:144px;overflow:hidden;}
.contact_list dt h3{color:#000;font-size:18px;line-height:2;font-weight:bold;}
.contact_list dt h3 p{font-weight:normal;}


.contact_list:nth-child(2n){
    margin-right:0;
}

@media(max-width:1024px){
    .contact_list{width:100%;margin:15px 0;}
    .contact_list dd,.contact_list dt{width:100%;}
    .contact_list dt{}
    
}

.nmessage{
    padding-top:6vw;
    background: #f7f7f7;
    padding-bottom:3vw;
}

.nmessage h3{
    color:#000;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    margin-bottom:3vw;
}

.nmessage h3 p{
    font-weight:normal;
    color:#888;
    font-size:18px;
    margin-top:15px;
}

.nmessage1{width:83.33%;margin:0 auto;}
.sub input{
    width:210px;
    height:48px;
    background: #69a552!important;
    margin:0 auto;
    color:#fff;
    font-size:18px;
    border:none;
    border-radius:0;
    display: block
}

.nmessage1 input,.nmessage1 textarea{
    border:none;
    background: #fff;
    border-radius:0;
 
}

.w1500 {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.fl {
    float: left;
}
  
.fr {
    float: right;
}
body{
    padding-top: 70px;
}
.position-relative{
    position: relative;
}
.overflow-hidden{
    overflow: hidden;
}
.d-block{
    display: block;
}
.w-100{
    width: 100%;
}
.mw-100{
    max-width: 100%;
}
.klindex1{
    padding-top: 115px;
    background-color: #F6FAF5;
}
.klindex1p1{
    font-size: 30px;
    color: #6AA553;
}
.klindex1p2{
    font-size: 19px;
    color: #474747;
    line-height: 2;
    font-weight: lighter;
    margin: 30px 0px 60px;
}
.klindex1listp1{
    color: #6AA553;
    font-size: 18px;
    margin-top: 20px;
}
.klindex1listp1 span{
    font-size: 30px;
    font-weight: bold;
    margin-right: 5px;
}
.klindex1 .w1500{
    padding-bottom: 100px;
    border-bottom: 1px solid #BFBFBF;
}
.klindex2{
    padding: 100px 10px 0px;
    background-color: #F6FAF5;
}
.kltit{
    font-size: 36px;
    color: #4F504F;
    font-weight: bold;
}
.kl2title{
    margin-bottom: 85px;
}
.kl2title span{
    position: relative;
}
.kl2title span::before{
    content: '';
    width: 236px;
    height: 45px;
    background: url('../images/sub.png') no-repeat center;
    position: absolute;
    left: -80px;
    top: 20px;
}
.index2list:nth-child(1){
    display: none;
}
.klindex2 .w1500{
    padding: 0px;
}
.index2left {
    width: 360px;
}
.index2right{
    width: 900px;
}
.index2list{
    width: 33.33%;
}
.index2left div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 45px 50px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    transition: all 0.5s;
}
.index2list div{
    position: absolute;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.index2list:nth-child(-n+4) div{
    padding: 50px 30px;
    bottom: 0;
}
.index2list:nth-child(n+4) div{
    padding: 30px;
    text-align: right;
    top: 0;
}
.klindex2 img{
    width: 100%;
    transition: all 0.5s;
}
.index2left:hover img{
    transform: scale(1.15);
}
.index2left:hover div{
    color: #00c184;
}
.index2list:hover img{
    transform: scale(1.15);
}
.index2list:hover div{
    color: #00c184;
}
.klindex3{
    padding: 130px 10px 0px;
    background-color: #F6FAF5;
}
.klindex3 .w1500{
    padding: 0;
    background-color: #fff;
    font-size: 0;
}
.kl3title{
    margin-bottom: 90px;
}
.kl3title span{
    position: relative;
}
.kl3title span::before{
    content: '';
    width: 115px;
    height: 45px;
    background: url('../images/case.png') no-repeat center;
    position: absolute;
    top: 20px;
    left: -25px;
}
.index3left{
    width: 627px;
}
.klindex3 .slick-slide{
    margin: 0;
}
.index3right{
    width: 633px;
    padding: 40px 100px 0px;
}
.index3nav{
    margin-top: 25px;
    text-align: center;
}
.index3nav a,.index3nav span{
    display: inline-block;
    vertical-align: middle;
}
.index3nav a{
    padding: 10px 50px;
    font-size: 18px;
    color: #B0CB37;
    margin: 0px 7px;
    line-height: 1;
    border: 1px solid #B0CB37;
    transition: ease-in-out 0.5s;
}
.index3nav span{
    height: 40px;
    width: 40px;
    border: 1px solid #B0CB37;
    cursor: pointer;
}
.index3nav .up{
    background: url('../images/left.png') no-repeat center;
}
.index3nav .next{
    background: url('../images/right.png') no-repeat center;
}
.index3nav a:hover{
    color: #fff;
    background-color: #B0CB37;
}
.klindex4{
    padding: 130px 0px 100px;
    background-color: #F6FAF5;
}
.kl4title{
    margin-bottom: 100px;
}
.kl4title span{
    position: relative;
}
.kl4title span::before{
    content: '';
    width: 124px;
    height: 45px;
    background: url('../images/news.png') no-repeat center;
    position: absolute;
    top: 20px;
    left: -35px;
}
.klindex4 .w1500{
    width: 1340px;
    max-width: 1340px;
}
.klindex4 .slick-slide{
    margin: 0px 20px;
}
.index4img{
    max-height: 235px;
}
.index4img img{
    transition: all 0.5s;
}
.index4des{
    padding: 25px 30px 35px;
    background-color: #fff;
}
.index4p1{
    font-size: 20px;
    color: #6AA553;
}
.index4p2{
    font-size: 16px;
    color: #717070;
    margin: 10px 0px 30px;
    line-height: 1.8;
}
.index4p3{
    text-align: right;
}
.index4p3 img{
    display: inline;
}
.index4list:hover .index4img img{
    transform: scale(1.1);
}
.klindex9{
    padding: 65px 0px;
    background-color: #6AA553;
    color: #E7E4E4;
}
.klindex9 a{
    color: #e7e4e4;
}
.footleftp1{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
}
.footleft ul li{
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0px;
}
.footmid {
    text-align: center;
}
.footright{
    text-align: right;
}
.footright div{
    display: inline-block;
    font-size: 18px;
    padding: 10px 0px;
    text-align: center;
}
.abnquan{
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 15px 0px;
    background-color: #434343;
}
.abnquan a{
    color: #fff;
}
.topsearch .icon-font::after{
    background-position: -30px -210px;
}
.topsearch{
    width: 5%;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1400px){
    .head-bg .w1500 {
        width: 1260px;
        max-width: 1260px;
    }
}
  
  @media only screen and (max-width: 1200px){
    .head-bg .w1500 {
        width: 970px;
        max-width: 970px;
    }
    .head-index .tnav {
      width: calc(100% - 29.7%);
    }
    .w1500{
        width: 970px;
        max-width: 970px;
    }
    .index2left {
      width: 277px;
    }
    .index2right {
      width: 692px;
    }
    .index3left {
      width: 482px;
    }
    .index3right {
      width: 488px;
      padding: 50px 70px 0px;
    }
    .index3nav {
      margin-top: 35px;
      text-align: center;
    }
    .klindex4 .w1500 {
      width: 970px;
      max-width: 970px;
    }
    .klindex4 .slick-slide {
      margin: 0px 10px;
    }
    .footleft ul li {
      font-size: 16px;
    }
  }
  @media only screen and (max-width: 800px){
    .klindex1 {
      padding-top: 45px;
    }
    .w1500 {
      width: 100%;
      max-width: 100%;
    }
    .klindex1p1 {
      font-size: 18px;
    }
    .klindex1p2 {
      font-size: 15px;
    }
    .klindex1list{
      padding: 0px 10px;
    }
    .klindex1list img{
      max-height: 60px;
    }
    .klindex1listp1 {
      font-size: 15px;
      margin-top: 10px;
    }
    .klindex1listp1 span {
      font-size: 22px;;
      margin-right: 0px;
    }
    .klindex1list:nth-child(-n+2){
      margin-bottom: 30px;
    }
    .klindex1 .w1500 {
      padding-bottom: 60px;
    }
    .klindex2 {
      padding: 40px 10px 0px;
      background-color: #F6FAF5;
    }
    .kltit {
      font-size: 24px;
    }
    .index2left {
      width: 100%;
      height: 200px;
      overflow: hidden;
    }
    .kl2title {
      margin-bottom: 40px;
    }
    .index3left {
      width: 100%;
    }
    .index3right {
      width: 100%;
      padding: 25px 20px 30px;
    }
    .kltit span::before {
      content: none!important;
    }
    .index2right {
      width: 100%;
    }
    .index2list {
      width: 50%;
    }
    .index2list div {
      font-size: 18px;
    }
    .klindex3 {
      padding: 35px 10px 0px;
    }
    .kl3title {
      margin-bottom: 45px;
    }
    .klindex4 {
      padding: 40px 0px 50px;
    }
    .kl4title {
      margin-bottom: 40px;
    }
    .klindex4 .w1500 {
      width: 100%;
      max-width: 100%;
    }
    .index4des {
      padding: 25px 16px 25px;
      background-color: #fff;
    }
    .index4p1 {
      font-size: 18px;
      color: #6AA553;
    }
    .index4p2 {
      font-size: 14px;
      color: #717070;
      margin: 10px 0px 10px;
      line-height: 1.8;
    }
    .footmid{
      display: none;
    }
    .klindex9 {
      padding: 40px 0px 20px;
    }
    .footright{
      padding: 25px 15px;
    }
    .footright div {
      display: block;
      font-size: 16px;
      padding: 10px 0px;
      text-align: center;
    }
    .footleft ul li {
      font-size: 14px;
    }
    .footleftp1 {
      font-size: 22px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .abnquan {
      text-align: center;
      font-size: 12px;
      color: #fff;
      padding: 15px 0px;
      background-color: #434343;
    }
    .page-header .nav-menu .first-ul > li > a {
        line-height: 97px;
        font-size: 14px;
        color: #333;
        transition: all .5s ease;
      }
  }