@charset "utf-8";

/*banner*/
.banner .swiper-pagination>span{width: 54px;height: 3px;border-radius: 0;background-color: #fff;opacity: 1;margin: 0 14px!important;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.banner .swiper-pagination>.swiper-pagination-bullet-active{background-color: #01a050;height: 6px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.banner .swiper-slide img{display: block;width: 100%;}

/*section1*/
.section1{margin-top: 40px;margin-bottom: 40px;}
.section1 .item{float: left;width: 25%;text-align: center;line-height: 1.6;}
.section1 .item h4{font-weight: bold;line-height: 2;font-size: 24px;font-size: 2.4rem;}

/*section2*/
.section .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.section .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.section .title>p>img{position: absolute;}
.section2 .swiper-right img{display: block;width: 100%;}
.section2 .swiper-slide{background-color: #000;height: 738px;position: relative;overflow: hidden;}
.section2 .swiper-slide .swiper-right{position: absolute;top: 0;right: 0;bottom: 0; left: 0;background-size: cover;background-position: right center;background-repeat: no-repeat;z-index: -2;}
.section2 .swiper-slide .swiper-left{position: absolute;top: 0;bottom: 0;left: 0;right: 50%;background: url("../img/index/bg.png") no-repeat center right;background-size: cover;z-index: -1;opacity: 0.8;}
.section2 .swiper-slide .swiper-text{color: #fff;width: 40%;margin-top: 80px;line-height: 1.8;  }
.section2 .swiper-slide .wrap{position: relative;z-index: 7;}
.section2 .swiper-slide .swiper-title{font-size: 48px;font-size: 4.8rem;font-weight: bold;padding-left: 50px;background: url("../img/index/yinhao.png") no-repeat 0;background-size: 36px;}
.section2 .swiper-slide .more{color: #fff;display: block;width: 176px;height: 42px;border: 1px solid #01a050;text-align: center;line-height: 42px;background: url("../img/public/more.png") no-repeat 115px center;background-size: 16px;}
.section2 .swiper-slide .swiper-text>h3{font-size: 30px;font-size: 3rem;font-weight: bold;text-transform: uppercase;margin: 15px 0;}
.section2 .swiper-slide .swiper-text>h5{font-size: 18px;font-size: 1.8rem;font-weight: bold;margin: 25px 0 50px;}
/*.section2 .swiper-button-next,.section2 .swiper-button-prev{height: 32px;width: 32px;background-color: #01a050;background-size: 20px;top: 95%;}
.section2 .swiper-button-next{background-image: url("../img/public/next.png");right: 47%;}
.section2 .swiper-button-prev{background-image: url("../img/public/prev.png");left: 47%;}*/
.section2 .swiper-pagination>span{width: 300px;box-sizing: border-box;padding: 20px 10px;background: none;opacity: 1;border-radius: 0;height: 90px;margin: 0!important;background: #fff;line-height: 50px;}
.section2 .swiper-pagination>span>img{margin-right: 15px;position: relative;top: 0;}
.section2 .swiper-pagination{font-size: 0;}
.section2 .swiper-pagination b{font-size: 20px;font-size: 2rem;vertical-align: text-bottom;font-weight: normal;}
.section2 .swiper-pagination>.swiper-pagination-bullet-active>img{/*border-color: #00913a;*/ box-shadow: 0 5px 10px #c3ccc7;top: -5px;}
.section2 .swiper-pagination>.swiper-pagination-bullet-active>b{color: #00913a;}

.more1 a{margin: 0 auto;width: 90px;font-size: 16px; font-size: 1.6rem;border: 1px solid #00a051;margin-bottom: 30px;margin-top: 10px; text-align: center;border-radius: 2px;padding: 4px 0;display: block;}
.more1 a:hover{background: #00a051;color: #fff;}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.section2 .swiper-slide-active .swiper-left {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.section2 .swiper-slide-active .swiper-right {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  /*-webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;*/
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
.section2 .swiper-slide-active .swiper-text {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.section3 .cols{float: left;width: calc(100%/3 - 9px); width: -webkit-calc(100%/3 - 9px); width:-moz-calc(100%/3 - 9px); width:-o-calc(100%/3 - 9px); width:-ms-calc(100%/3 - 9px); margin-right: 12px;}
.section3 .cols>.cell>img{display: block;width: 100%;}
.section3 .cols>.cell{margin-bottom: 12px;position: relative;overflow: hidden;cursor: pointer;}
.section3 .cols.right{margin-right: 0;}
.section3 .cols .cover{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.65);letter-spacing: 1px;opacity: 0;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;}
.section3 .text .name{color: #fff;font-size: 30px;font-size: 3rem;font-weight: bold;}
.section3 .text .name>p{font-weight: normal;font-size: 12px;font-size: 1.2rem;}
.section3 .text .address{color: #fff;font-size: 18px;font-size: 1.8rem;margin-top: 20px;}
.section3 .text{position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -108px;}
.section3 .cover .line{position: absolute;background-color: #ff3f3f;transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;}
.section3 .cover .line1,.section3 .cover .line3{width: 60%;height: 3px;}
.section3 .cover .line2,.section3 .cover .line4{width: 3px;height: 60%;}
.section3 .cover .line1{top: 0;left: -60%;}
.section3 .cover .line2{top: -60%;right: 0;}
.section3 .cover .line3{bottom: 0;right: -60%;}
.section3 .cover .line4{left: 0;bottom: -60%;}
.section3 .cols>.cell:hover .cover{opacity: 1;}
.section3 .cols>.cell:hover .line1{left: 0;}
.section3 .cols>.cell:hover .line2{top: 0;}
.section3 .cols>.cell:hover .line3{right: 0;}
.section3 .cols>.cell:hover .line4{bottom: 0;}

.section4 .wrap{width: 100%;}
.section4 .cols{float: left;}
.section4 .video{width: 30%;margin: 0 1%;box-shadow: 0 0 10px #ccc;}
.section4 .video-box{position: relative;height: 70%;}
.section4 .video-box>p{height: 100%;}
.section4 .video-box>img{position: absolute;top: 0;left: 0;width: 100%;}
.section4 .video-box .shipin{display: block;width: 100%; height: 100%;}
.section4 .video-box iframe{display: block;width: 100%; height: 100%;}
.section4 .video .cover{position: absolute; top:0;left: 0;bottom:0;right:0;background-color: rgba(0,0,0,0.4); display: none;}
.section4 .cover .play{position: absolute;top: 50%;left: 50%;width: 90px;height: 90px;margin-left: -45px;margin-top: -45px;background: url("../img/index/play.png") no-repeat center;background-size: contain;}
.section4 .video .name{font-size: 20px;font-size: 2rem;opacity: 0.8;padding: 13px 20px;}
.section4 .video .name>p{font-size: 14px;font-size: 1.4rem;margin-top: 10px;}
.section4 .news{width: 33%;box-shadow: 0 0 10px #ccc; /*margin: 0 0.5%*/;position: relative;}
.section4 .news-pic{display: block;}
.section4 .news-pic>img{display: block; width: 100%;}
.section4 .news-txt>.name{line-height: 2; font-size: 16px;font-size: 1.6rem;}
.section4 .news-txt .name>a:hover{color: #01a050;}
.section4 .news-txt>p>a:hover{color: #01a050;}
.section4 .news-txt>p{line-height: 25px;opacity: 0.8;margin: 5px 0 10px;height: 75px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.section4 .more-btn{float: right;padding-right: 24px;background: url("../img/public/next.png") no-repeat 100% 1px;background-size: 16px;margin-bottom: 10px;}
.section4 .more-btn:hover{color: #01a050;}
.section4 .more-box{opacity: 0.8;}
.section4 .news-txt .time{float: left;}
.section4 .news-txt{padding: 10px 20px;position: absolute;left: 0;right: 0;bottom: 0;background: #fff;}
.section4 .news-list{width: 33%; margin: 0 1%; box-sizing: border-box;padding:0 20px;box-shadow: 0 0 10px #ccc;}
.section4 .news-list .item-txt{ line-height: 22px; height: 44px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;opacity: 0.6;}
.section4 .news-list .name{font-size: 16px;font-size: 1.6rem;/*padding-left: 30px;background: url("../img/public/news-icon.png") no-repeat 0 6px;*/background-size: 26px;line-height: 2;}
.section4 .news-list .name>a:hover{color: #01a050;}
.section4 .news-list .item-txt>a:hover{color: #01a050;}
.section4 .news-list .time{float: right;font-size: 14px;font-size: 1.4rem; opacity: 0.6;font-size: 12px;font-size: 1.2rem;}
/*.section4 .news-list .item-txt{line-height: 1.8;}*/
.section4 .news-list .topic{font-size: 20px;font-size: 2rem;margin: 20px 0 10px;}
.section4 .news-list li{margin-bottom: 10px;}
.section4 .left-pic{margin: 0 1%;width: 98%;}
/*.section4 .left-pic>a{display: block;width: 49.5%;float: left;background: url("../img/index/pic2.jpg") no-repeat center 0;background-size: cover;height: 143px;}
.section4 .left-pic>a:first-child{margin-right: 1%;background-image: url("../img/index/pic1.jpg");}*/
.section4 .left-pic>a{display: block;width: 23.75%;float: left;background: url("../img/index/pic3.jpg") no-repeat center 0;background-size: cover;height: 143px;margin-right: 1%;}
.section4 .left-pic>a.ad1{background-size: cover!important;}
.section4 .left-pic>a.ad2{background-size: cover!important;}
.section4 .left-pic>a.ad3{background-size: cover!important;}
.section4 .left-pic>a.ad4{background-size: cover!important;margin-right: 0;}

/* background: url("../img/index/pic1.jpg")
background: url("../img/index/pic2.jpg") no-repeat center 0!important;
{background: url("../img/index/pic3.jpg") no-repeat center 0!important;
background: url("../img/index/pic4.jpg") no-repeat center 0!important; */



.section4 .left-pic>a>img{display: block;width: 100%;}
.section4 .bottom{margin-top: 1%;}

.section4 .right-txt{width: 35%;margin-right: 1%;box-sizing: border-box;padding: 12px 20px;box-shadow: 0 0 10px #ccc;}
.section4 .right-txt .topic{font-size: 20px;font-size: 2rem;margin-bottom: 8px;}
.section4 .right-txt .topic .more-btn{font-size: 14px;font-size: 1.4rem;}
.section4 .right-txt .names{font-size: 16px;font-size: 1.6rem;line-height: 1.8;}
.section4 .right-txt .names>a:hover{color: #01a050;}
.section4 .right-txt .time{float: right;font-size: 12px;font-size: 1.2rem;opacity: 0.8;}
.section4 .right-txt .txt{line-height: 24px;opacity: 0.8;height: 48px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}


@media screen and (max-width: 1219px){
  .section1 .item h4{font-size: 20px;font-size: 2rem;}
  .section .title>p:first-child{font-size: 24px;font-size: 2.4rem;margin-bottom: 0;}
  .section .title{font-size: 16px;font-size: 1.6rem;}
  .section2 .swiper-slide{height: 500px;}
  .section2 .swiper-slide .swiper-title{font-size: 30px;font-size: 3rem;background-size: 20px;}
  .section2 .swiper-slide .swiper-text>h3{font-size: 20px;font-size: 2rem;margin: 5px 0; line-height: 1.6;}
  .section2 .swiper-slide .swiper-text{margin-top: 30px;width: 50%;}
  .section2 .swiper-slide .swiper-left{right: 40%;}
  .section2 .swiper-slide .swiper-text>h5{font-size: 16px;font-size: 1.6rem;margin: 10px 0 20px;}
  .section2 .swiper-pagination>span{width: 24%;height: 67px;line-height: 27px;}
  .section2 .swiper-pagination b{font-size: 14px;font-size: 1.4rem;}
  .section2 .swiper-pagination>span>img{width: 36px;}
  .section3 .text .name{font-size: 20px;font-size: 2rem;}
  .section3 .text .address{font-size: 14px;font-size: 1.4rem;}
  /*.section3 .text{left: 5%;right: 5%;}*/
  .section3 .text{margin-left: -100px}
}
@media screen and (max-width: 1024px){
  .section4 .left-pic{width: 98%;}
  .section4 .right-txt{width: 98%;margin: 1% 1% 0;}
  .section4 .video{width: 48%;}
  .section4 .news{width: 48%;margin: 0 1%;}
  .section4 .news-list{width: 98%;margin: 1%;}
  .section4 .left-pic>a.ad0{width: 49%;margin-right: 1%;margin-bottom: 1%;}
  .section4 .left-pic>a.ad2,.section4 .left-pic>a.ad4{margin-right: 0;}
  .section3 .text{margin-left: -70px}

}
@media screen and (max-width: 768px){
  .banner img{width: 130%!important; left:-15%;}
  .section2 .swiper-pagination b{font-size:12px;font-size: 1.2rem;}
  .section1 .item h4{font-size: 16px;font-size: 1.6rem;}
  .section .title{font-size: 12px;font-size: 1.2rem;margin: 30px 0;}
  .section .title>p:first-child{font-size: 18px;font-size: 1.8rem;}
  .section .title>p>img{width: 24px;}
  .section2 .swiper-slide .swiper-title{font-size: 16px;font-size: 1.6rem;padding-left: 20px;background-size: 12px;background-position: 0 0;}
  .section2 .swiper-slide .swiper-text>h3{display: none;}
  .section2 .swiper-slide .swiper-text>h3,.section2 .swiper-slide .swiper-text>h5{font-size: 14px; font-size: 1.4rem;}
  .section2 .swiper-slide .more{height: 32px;line-height: 32px;width: 100px;margin-left: 15px;}
  .section2 .swiper-slide{height: 380px;}
  .section2 .swiper-pagination>span{padding: 10px;height: 47px;}
  /*后期添加*/
  
  .section2 .swiper-slide .swiper-text>p{font-size: 12px;font-size: 1.2rem;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;padding-top: 20px; width: 80%;margin-left: 15px;}
  .section2 .swiper-slide .swiper-text>h5{margin: 10px 15px;}
  .section4 .right-txt .time{font-size: 12px;font-size: 1.2rem;margin-top: 5px;}
  .section4 .news-list .name a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 74%;display: block;float: left;}
  .section4 .news-list .item-txt{ width:100%;}
  .section4 .news-list .time{margin-top: 6px;}
  .section4 .more-btn{font-size: 12px;font-size: 1.2rem;  margin-bottom: 0;}
  .section4 .news-txt>p{height: 48px; line-height:24px;-webkit-line-clamp: 2;margin: 0 0 5px;}
  .section4 .news-txt{padding:0 15px 5px;}
  .section4 .right-txt .name a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 74%;display: block;float: left;}
  .more1 a{font-size: 14px;font-size: 1.4rem;width: 80px;margin-top: 5px;}
  /*.section4 .left-pic>a.ad3{width: 100%;margin-left: 0;margin-bottom: 10px;}*/
  .section4 .video-box{height: 180px;}
}
@media screen and (max-width: 600px){
  .section2 .swiper-slide .swiper-left{right: 30%;}
  .section2 .swiper-pagination>span>img{display: none;}
  .section2 .swiper-slide .swiper-text{width: 60%;}
  .section2 .swiper-pagination>span{height: 30px;padding: 5px 0;line-height: 20px;}
}
@media screen and (max-width: 480px){
  .banner .swiper-pagination>span{width: 30px;height: 2px;margin: 0 5px!important;}
  .banner .swiper-pagination>.swiper-pagination-bullet-active{height: 4px;}
  .section .title{margin: 25px 0;}
  .section1 .item{width: 50%;margin-bottom: 20px; font-size:12px;}
  .section1 .item img{width: 36px;}
  .section1{margin-bottom: 0;}
  .section2 .swiper-slide .swiper-text{margin-top: 60px;}
  /*.section2 .swiper-slide .swiper-text>h5{margin: 10px 0;}*/
  .section2 .swiper-slide .swiper-text>p{font-size: 12px;font-size: 1.2rem;}
  .section2 .swiper-pagination>span{width: 25%;font-size: 12px;font-size: 1.2rem;}
  .section3 .cols{width: 84%;margin: 0 8%;}
  .section3 .text .name{font-size: 16px;font-size: 1.6rem;}
  .section3 .text{margin-top: -38px;}
  .section3 .cols .cover{opacity: 1;}
  .section3 .cols>.cell{height:240px;}
  .section3 .cols>.cell>img{ width:auto;}
  .section4 .video{height: auto!important;}
  .section4 .video .name{font-size: 16px;font-size: 1.6rem;}
  .section4 .video .name>p{font-size: 12px;font-size: 1.2rem;}
  .section4 .cover .play{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
  .section4 .video,.section4 .news,.section4 .news-list,.section4 .left-pic,.section4 .right-txt{width: 90%;margin: 2% 5%;}
  .section4 .left-pic>a.ad0{width: 100%;margin-top: 4%!important;margin-left: 0;}
  /*.section4 .left-pic>a:fast-child{margin-bottom: 0%!important; height: 150px;}*/
  .section4 .news-list .topic{font-size: 16px;font-size: 1.6rem;}
  .section4 .news-list .name{background-size: 20px;background-position: 0 8px;font-size: 16px;font-size: 1.6rem;}
  .section4 .right-txt .topic{font-size: 18px;font-size: 1.8rem;}
  .section4 .more-box{font-size:12px;}
}
@media screen and (max-width: 320px){
  .section1 .item h4{font-size: 14px;font-size: 1.4rem;}
  .section1 .item p{font-size: 12px;font-size: 1.2rem;}
  .section .title>p:first-child{font-size: 16px;font-size: 1.6rem;}
  .section1 .item{box-sizing:border-box;    min-height: 125px; padding:0 5px;}
}