@charset "utf-8";
.menu{
    position: relative;
    width: 5%;
    top: 10px;
    right: 0px;
    z-index: 1096;
    margin: 0 auto;
}
.menu-handler {
  width: 44px;
  height: 40px;
  cursor: pointer;
  position: relative;
  /* float: left; */
  transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
  background-color: #139246;
  left: 50%;
  margin-left: -22px;
}
.menu-handler:hover{
    background-color: #6fba2c;
}
.menu-handler .burger {
  width: 20px;
  height: 3px;
  background: #fff;
  display: block;
  position: absolute;
  z-index: 5;
  top: 11px;
  left: 50%;
  margin: 0px 0px 0px -10px;
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
}

.menu-handler .burger-2 {
  top: 18px;
}

.menu-handler .burger-3 {
  top: 25px;
}

.menu-handler.active .burger-1 {
  top: 19px;
  animation: fade-in1;/*动画名称*/  
  animation-duration: 1s;/*动画持续时间*/
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
@keyframes fade-in1 {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {
      -moz-transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg);
    }/*结束状态 透明度为1*/  
}  
.menu-handler.active .burger-2 {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
  top: 19px;
  animation: fade-in3;/*动画名称*/  
  animation-duration: 1s;/*动画持续时间*/
  -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
@keyframes fade-in3 {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {
      -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
    }/*结束状态 透明度为1*/  
}  

.menuBox {
  display: none;
  position: fixed;
  z-index: 1095;
  background-color: #fff;
  left: 0px;
  top: 0px;
  padding: 135px 0px 0px;
  width: 100%;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  animation:fadeinT 1s;
}
@keyframes fadeinT{
    0%{display: none;transform:translateY(-100%);}
    100%{display: block;transform:translateY(0);}
}
.menuBox .kuang{
  position: fixed;
  display: block;
  background-color: #6fba2c;
}
.menuBox .kuangtop{
  width: 98%;
  height: 1px;
  left: 1%;
  top: 1%;
}
.menuBox .kuangleft{
  width: 1px;
  height: 98%;
  left: 1%;
  top: 1%;
}
.menuBox .kuangright{
  width: 1px;
  height: 98%;
  right: 1%;
  top: 1%;
}
.menuBox .kuangbottom{
  width: 98%;
  height: 1px;
  left: 1%;
  bottom: 1%;
}
.menuBox>a{display:  block;/* max-width: 100px; */position:  absolute;top: 3%;left: 3%;}
.menuBox>a>img{
  width:  100%;
  height: 100%;
}
.menuBox .nav {
    width: 75%;
    margin: 0px auto;
    /* padding: 10px 0 0 0; */
}
.menuBox .nav dd {
    width: 100%;
    height:  auto;
    margin: 0px auto 15px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}
.menuBox .nav dd .t{
    font-size: 20px;
    width: 12%;
    line-height: 1;
    float: left;
    padding: 0 0 0 10px;
}
.menuBox .nav dd .t a{
    color: #666;
    font-size: 16px;
    font-weight: 700;
}
.menuBox .nav dd .t a:hover{
    color: #00645b;
}
.menuBox .nav dd .subnav{
    width: 80%;
    float: left;
    line-height: 3.5;
}
.menuBox .nav dd .subnav li{
    float:  left;
    font-size: 16px;
    margin-right: 10px;
    min-width: 90px;
}
.menuBox .nav dd .subnav li a{
    color: #7f7f7f;
}
.menuBox .nav dd .subnav li a:hover{
    color: #6fba2c;
}
.menubot {
  width: 75%;
  margin: 30px auto 0px auto;
  font-size: 15px;
  line-height: 36px;
}
.menuBox dd p.t a:before{display:block;content:"";/* margin-bottom:10px; */width:40px;height:40px;margin-left: 10px;background:url(../img/sitemap_ico_set.png) no-repeat;}

.menuBox .lin1 p.t a:before{background-position:0 0px;}
.menuBox .lin2 p.t a:before{background-position:0 -50px;}
.menuBox .lin3 p.t a:before{background-position:0 -100px;}
.menuBox .lin4 p.t a:before{background-position:0 -150px;}
.menuBox .lin5 p.t a:before{background-position:0 -200px;}
.menuBox .lin6 p.t a:before{background-position:0 -250px;}
.menuBox .lin7 p.t a:before{background-position: 0 -300px;}


.sharpBox {
  float: right;
}

.sharpBox a {
  width: 35px;
  height: 35px;
  background: url(../img/sharp.png) no-repeat;
  display: block;
  float: left;
  margin-left: 20px;
  position: relative;
  top: 0;
}

.sharpBox a.i1 {
  background-position: 0px 0px;
}

.sharpBox a.i2 {
  background-position: -54px 0px;
}

.sharpBox a.i3 {
  background-position: 0px 0px;
}

.sharpBox a.i4 {
  background-position: -162px 0px;
}

.sharpBox a.i5 {
  background-position: -218px 0px;
}

.sharpBox a.i6 {
  background-position: -267px 0px;
}

.sharpBox a:hover {
  /* top: -10px; */
}

.sharpBox .lt {
  font-size: 14px;
  color: #7f7f7f;
  float: left;
}
.menulink a {
  color: #6fba2c;
  margin-right: 60px;
}
swiper-container .swiper-slide{
    height:100% !important;
}

/* .section.section-6.swiper-slide.swiper-slide-active .footer {
    width: 100%;
    position: fixed;
    bottom: 0;
} */
.swiper-container .section.swiper-slide:last-child{
    height:560px !important;
}
.section.swiper-slide{
  
}
.section.swiper-slide.swiper-slide-prev{
  opacity:0;
}
.section.swiper-slide.swiper-slide-active{
  animation: swiper 1.5s;
}
.section.swiper-slide.swiper-slide-next{
  opacity:0;
}
.section.section-6.swiper-slide.swiper-slide-next{
  opacity:1;
}
@keyframes swiper{
/*     0%{opacity: 1;transform: translate3d(0px, 0px, 0px) scale(1);} */
    0%{opacity: 0.9;transform: translate3d(0px, 0px, 0px) scale(0.9);}
    100%{opacity: 1;transform: translate3d(0px, 0px, 0px) scale(1);}
}
video#videoPlay1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:block;
    z-index: 998;
    object-fit: fill;
}
div#guanbi {
    position: absolute;
    bottom: 50px;
    width: 50px;
    height: 50px;
    text-align:  center;
    font-size: 23px;
    background: url(../img/guanbi.png) no-repeat;
    border-radius: 50%;
    cursor:  pointer;
    z-index: 998;
    color: #070707;
    left: 50%;
    margin-left: -25px;
}
.honor {
    position: fixed;
    z-index: 997;
    bottom: 2%;
    right: 26px;
}
.honor img{
    display:  inherit;
    margin: 15px 0;
}

.section-1 img.s1img{
  position:absolute;
  bottom:  0;
  left: 0;
}
.section-2 img.s2img{
  position:absolute;
  bottom:  0;
  right:  0;
}
.section-3 img.s3img{
  position:absolute;
  bottom:  0;
  left: 0;
}
.section-4 img.s4img{
  position:absolute;
  bottom:0;
  right:0;
}
.section-5 img.s5img{
  position:absolute;
  bottom:0;
  left:0;
}


@media (max-width: 1705px) {
  .header-con ul.nav2{
    display:none;
  }
} 
@media (min-width: 769px) and (max-width: 1280px) {
  .header-con ul.nav2{
    display:none;
  }
  .menuBox>a>img{
    width: 60%;
    height:auto;
  }
  .menuBox .nav,.menubot{width:90%;}
  .menuBox{padding: 75px 0px 0px;}
  .menuBox .nav dd{
    padding: 0 0 10px 0;
    margin: 0px auto 5px;
}
  .pageone-text{color:#fff;width: 90%;margin: 0 auto;text-align: right;padding: 50px 0 0 0;}
  .fobg{width: 451px;height: 520px;position:absolute;left: 0px;top: 0px;background: url(../img/page1_frame.png) no-repeat left top;background-size: 100% 100%;}
  .pageone-text h3{font-size: 50px;letter-spacing: 10px;padding: 0px 0 10px 0;}
  .pageone-text .page-ch{font-size: 15px;width: 65%;float: right;letter-spacing: 3px;padding: 0 0 10px 0;}
  .pageone-text .page-en{font-size: 13px;width: 58%;float: right;}

} 

.header-con .header-top-left {
  width: 150px;
  float: right;
  color: #fff;
  line-height: 60px;
  text-align: center;
}
.header-con .header-top-left  a{
color: #fff;
}
.header-con .header-top-left  img#condcode {
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
}