@charset "UTF-8";


.page-wrap {
  max-width: 1146px;
}

.page-main { margin-top:0px; } 

/**************banner******************/
.swiper-banner {position: relative;}
.swiper-banner .page-pagination {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 5;
}
.swiper-banner .bg_container { padding-bottom:42.8571%; }
.swiper-banner .page-text { position:absolute; z-index:3; top:0px; left: 0px; right: 0px; color:#fff; bottom:0px; }
.swiper-banner .txt-lf img { max-width: 5.88rem; margin-left: -0.6rem;}
.swiper-banner .txt-rt { text-align: right;}
.swiper-banner .txt-rt img { max-width: 4.13rem;}
.swiper-banner .txt-cn { text-align: center;}
.swiper-banner .txt-cn img { max-width: 6.67rem; }
.swiper-banner .txt-rtdian img { margin-left: 0.78rem; max-width: 4.1rem;}

.swiper-banner .page-img { overflow:hidden; }	
.swiper-banner .page-pagination ul {
  margin: 0px -0.07rem;
}
.swiper-banner .page-pagination ul li {
  width: 100%;
  position: relative;
} 
.swiper-banner .page-pagination .bg_container {
  height: 0.1rem; 
  padding-bottom: 0px;
  border-radius: 0.06rem 0.06rem 0px 0px;
  cursor: pointer;
  position: absolute;
  left: 0.07rem;
  right: 0.07rem;
  bottom: 0px;
}
.swiper-banner .page-pagination ul li.on .bg_container {
  height: 0.65rem;
}


.swiper-banner .swiper-slide-active .page-wrap { -webkit-animation-name: bnFadeRight;
  animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }

@-webkit-keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@media only screen and (max-width:767px){
  .swiper-banner .bg_container {
    padding-bottom:70%;
  }

}


/* page-index-about */
.page-index-about {
  padding: 0.8rem 0px;
}
.page-index-about .page-pic {
  width: 50%;
}
.page-index-about .about-swiper .bg_container {
  padding-bottom: 58.53%;
}

.page-index-about .page-text {
  width: 44.1535%;
}
.page-index-about .page-text .page-title {
  position: relative;
  padding-bottom: 0.66em;
}
.page-index-about .page-text .page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width:1.9em;
  height:2px;
  background: #699B2C;
}
.page-index-about .page-text .page-con {
  color: #4D4D4D;
  line-height: 1.7142;
  letter-spacing: 0.005rem;
  margin-top: 1.7142em;
  max-height: 10.2852em;
}
.page-index-about .page-text .page-more {
  padding-top: 0.74rem;
}
.page-index-about .page-text .page-more a { display:inline-block; text-align: center; overflow: hidden; position:relative; min-width: 1.4rem; border:1px solid rgba(105,155,44,0.2);  line-height:2.4285; border-radius:6px; padding:0px 0.2rem; color:#699B2C; }

.page-index-about .page-text .page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-index-about .page-text .page-more a:hover:before { width:100%; }
@media only screen and (max-width: 767px){
  .page-index-about .page-text .page-more a { line-height:1.75; }
}

.page-index-about .swiper-pagination { bottom: 10px; font-size: 0px; }
.page-index-about .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 4px; opacity:1; background: rgba(255,255,255,0.5); margin: 0px 5px; border-radius:2px;display: inline-block; }
.page-index-about .swiper-pagination .swiper-pagination-bullet-active {background: #fff; }


@media only screen and (max-width:767px){
  .page-index-about {
    padding: 0.5rem 0px;
  }
  .page-index-about .page-pic { 
    width: 100%;
  }
  .page-index-about .page-text {
    width: 100%;
    padding-top: 0.3rem;
  }
  .page-index-about .page-text .page-more {
    padding-top: 0.5rem;
  }
  
}

/* page-index-news */
.page-index-news .page-wrap {
  border-top:0.4285em solid #F7F7F7;
  border-bottom:0.4285em solid #F7F7F7;
  padding-top: 0.61rem;
  padding-bottom: 0.7rem;
}
.page-index-news .page-ns-left {
  width: 64.04%;
}
.page-index-news .page-ns-left .page-title img {
  height: 1.1667em;
  vertical-align: middle;
  margin-right: 0.13rem;
}
.page-index-news .page-ns-left .page-ns-tab ul {
  padding-right: 0.65rem;
}
.page-index-news .page-ns-left .page-ns-tab ul li {
  color: #666;
  position: relative;
  border-bottom: 2px solid #fff;
  padding-bottom: 4px;
  margin-right: 0.4rem;
  cursor: pointer;
}

.page-index-news .page-ns-left .page-ns-tab ul li.on {
  color:#699B2C;
  border-bottom: 2px solid #699B2C;
}
.page-index-news .page-more a {
  color: #699B2C;
}
.page-index-news .page-more a:hover {
  text-decoration: underline;
}
.page-index-news .page-ns-left .page-focus {
  background: #F7F7F7;
  margin-top: 0.35rem;
  position: relative;
  padding-left: 220px;
}
.page-index-news .page-ns-left .page-img {
  width: 220px;
  overflow: hidden;
  border-radius: 6px;
  position: absolute;
  left: 0px;
  top:0px;
  bottom: 0px;
  height: 100%;
}
.page-index-news .page-ns-left .page-text {
  padding: 0.18rem 0.2rem 0.2rem 0.24rem;
}
.page-index-news .page-ns-left .bg_container {
  border-radius:inherit;
  height: 100%;
}
.page-index-news .page-ns-left .page-focus .page-time {
  color: #999;
  padding: 0.1rem 0px 0.07rem;
}
.page-index-news .page-ns-left .page-focus .page-con {
  color: #4D4D4D;
  line-height: 1.8461;
  height: 3.6922em;
  max-height: 3.6922em;
}
.page-index-news .page-list {
  padding-top: 1.2667em;
}
.page-index-news .page-list ul li {
  width: 47.41%;
  padding: 1em 1em;
  border-bottom: 1px solid #EAEAEA;
  position: relative;
}
.page-index-news .page-list ul li:before {
  position: absolute;
  content: "";
  left: 0px;
  width: 2px;
  height: 0.933em;
  top:50%;
  margin-top: -0.41665em;
  background: #699B2C;
}
.page-index-news .page-list ul li a {
  display: block;
}

.page-index-news .page-ns-right {
  width: 30.36%;
}
.page-index-news .page-ns-right .page-title img {
  height: 0.91667em;
  vertical-align: middle;
  margin-right: 0.13rem;
  position: relative;
  top:-0.125em;
}
.page-index-news .page-ns-right .page-focus {
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0.35rem;
  position: relative;
}
.page-index-news .page-ns-right .page-focus .page-tit {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0,0,0,0.5);
  border-radius: 0px 0px 6px 6px;
  color: #fff;
  padding: 5px 12px;
}
.page-index-news .page-ns-right .bg_container {
  /* padding-bottom: 56.89%; */
  height: 198px;
  border-radius: inherit;
}
.page-index-news .page-ns-right .page-list ul {
  border-top: 1px solid #EAEAEA;
  margin-top: 5px;
}
.page-index-news .page-ns-right .page-list ul li {
  width: 100%;
}


@media only screen and (max-width:1800px){
  .page-index-news .page-ns-right .bg_container {
    height: 193px;
  }
}  
@media only screen and (max-width:1640px){
  .page-index-news .page-ns-right .bg_container {
    height: 184px;
  }
}  
@media only screen and (max-width:1440px){
  .page-index-news .page-ns-right .bg_container {
    height: 180px;
  }
}  
@media only screen and (max-width:1340px){
  .page-index-news .page-ns-right .bg_container {
    height: 172px;
  }
}
@media only screen and (max-width:1242px){
  .page-index-news .page-ns-right .bg_container {
    height: 166px;
  }
}
@media only screen and (max-width:1060px){
  .page-index-news .page-ns-right .bg_container {
    height: 162px;
  }
}
@media only screen and (max-width:1000px){
  .page-index-news .page-ns-right .bg_container {
    height: 152px;
  }
  .page-index-news .page-ns-left .page-ns-tab ul {
    padding-right: 0.2rem;
  }
  .page-index-news .page-ns-left,
  .page-index-news .page-ns-right {
    width: 100%;
  }
  .page-index-news .page-ns-right {
    padding-top: 0.5rem;
  }
  .page-index-news .page-ns-right .bg_container{
    height: 0px;
    padding-bottom: 56.89%;
  }
}

@media only screen and (max-width:767px){
  .page-index-news .page-wrap {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .page-index-news .page-title {
    position: relative;
  }
  .page-index-news .page-ns-left .page-title .page-more {
    position: absolute;
    right: 0px;
    top:0.25em;
  }
  .page-index-news .page-ns-left .page-ns-tab {
    width: 100%;
    display: block;
    padding-top: 0.5rem;
  }
  .page-index-news .page-ns-left .page-img {
    width: 100%;
    position: relative;
  }
  .page-index-news .page-ns-left .bg_container {
    height: 0px;
    padding-bottom: 68.1818%;
  }
  .page-index-news .page-ns-left .page-text {
    padding: 1em;
  }
  .page-index-news .page-ns-left .page-focus {
    padding-left: 0px;
  }
  .page-index-news .page-list ul li {
    width: 100%;
  }
}

@media only screen and (max-width:374px){
  .page-index-news .page-ns-left .page-ns-tab ul {
    justify-content : space-between;
  }
  .page-index-news .page-ns-left .page-ns-tab ul li {
    margin-right: 0px;
  }
}

/* page-index-industrial */
.page-index-industrial {
  padding: 0.47rem 0px;
}
.page-index-industrial .page-title { 
  position: relative;
  padding: 0.14rem 0px;
}
.page-index-industrial .page-title::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0px;
  margin-left: -0.75em;
  width: 1.5em;
  height: 0.125em;
  background: url(/Public/Web/images/page-line.png) no-repeat center center/cover;
}
.page-index-industrial .page-list {
  padding-top: 0.54rem;
}
.page-index-industrial ul li {
  width: 33.33%;
  position: relative;
  margin-top: 1px;
}
.page-index-industrial ul li:before {
  position: absolute;
  left: 0px;
  top:0px;
  bottom: 0px;
  width: 1px;
  content: "";
  background: #fff;
  z-index: 5;
}
.page-index-industrial ul li a {
  color:#fff;
}
.page-index-industrial ul li .bg_container {
  padding-bottom: 49.2857%;
}
.page-index-industrial ul li .page-tit {
  color: #fff;
  position: absolute;
  left: 0px;
  top:0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.page-index-industrial ul li .page-tit span{
  display: inline-block;
}
.page-index-industrial .page-more {
  padding-top: 0.31rem;
}
.page-index-industrial .page-text {
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  color: #fff;
  padding: 0.29rem 0.67rem 0px 0.54rem;
  background: #6EA133;
  transform: scale(0,0);
  transform-origin: right bottom;
}
.page-index-industrial .page-con {
  margin-top: 0.17rem;
}
.page-index-industrial .page-more a { 
  display:inline-block; 
  text-align: center; 
  overflow: hidden; 
  position:relative; 
  min-width: 1.4rem; 
  border:1px solid rgba(255,255,255,0.2);  
  line-height:2.4285; 
  border-radius:6px; 
  padding:0px 0.2rem; 
  color:#fff; }

.page-index-industrial .page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-index-industrial .page-more a:hover:before { width:100%; }

.page-index-industrial ul li:hover  .page-text {
  transform: scale(1,1);
}

@media only screen and (max-width:1242px){
  .page-index-industrial .page-con {
    max-height: 4.5em;
    -webkit-line-clamp:3;
  }
}

@media only screen and (max-width:1100px){
  .page-index-industrial .page-con {
    max-height: 3em;
    -webkit-line-clamp:2;
  }
}

@media only screen and (max-width:1000px){
  .page-index-industrial ul li {
    width: 50%;
  }
  .page-index-industrial .page-con {
    max-height: 6em;
    -webkit-line-clamp:4;
  }
}

@media only screen and (max-width: 767px){
  .page-index-industrial .page-more a { line-height:1.75; }
  .page-index-industrial ul li {
    width: 100%;
  }
}

@media only screen and (max-width: 375px){
  .page-index-industrial .page-con {
    max-height: 3em;
    -webkit-line-clamp:2;
  }
}

/* page-index-brand */
.page-index-brand {
  padding: 0.08rem 0px 0.8rem;
}
.page-index-brand .page-wrap {
  max-width: 1278px;
}
.page-index-brand .page-title { 
  position: relative;
  padding-bottom: 0.14rem;
}
.page-index-brand .page-title::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0px;
  margin-left: -0.75em;
  width: 1.5em;
  height: 0.125em;
  background: url(/Public/Web/images/page-line.png) no-repeat center center/cover;
}
.page-index-brand .page-swiper {
  margin-top: 0.43rem;
  padding: 0px 2.8em;
  position: relative;
}
.page-index-brand .page-tit {
  border-radius: 8px;
  background:#F0F0F0;
  height: 8em;
  padding: 0.5em;
}
.page-index-brand a:hover .page-tit {
  color: #fff;
  background:#66A22A;
}
.page-index-brand .page-btn {
  width: 2em;
  height: 2em;
  border-radius: 0.3em;
  background: #F0F0F0;
  margin-top: -1em;
}
.page-index-brand .page-btn:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border:10px solid #699B2C;
  border-width:0.35em 0.5em;
  border-color:transparent #699B2C  transparent  transparent;
  border-radius: 2px;
}
.page-index-brand .swiper-button-prev {
  left: 0px;
}
.page-index-brand .swiper-button-prev:before {
  margin-left: -0.5em;
}
.page-index-brand .swiper-button-next {
  right: 0px;
}
.page-index-brand .swiper-button-next:before {
  margin-left: 0.5em;
  border-color:transparent  transparent  transparent  #699B2C;
}
.page-index-brand .page-btn:after {
  display: none;
}