@charset "utf-8";

/*
新增
.pop_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
*/

.navbar {

  margin-bottom: 0;

  border: 0;

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  z-index: 999999999;

  background-color: #fff;

  border-radius: 0px !important;

}

.navbar.navbar-default {

  border: 0;

}

.navbar .navbar-collapse {

  text-align: center;

  border: none;

  width: 100%;

  margin-left: 15px;

}

.navbar .navbar-collapse.in .navbar-nav li:nth-child(6) {

  margin-right: 2.56rem;

}

.navbar .navbar-collapse.collapsing .navbar-nav li:nth-child(6) {

  margin-right: 2.56rem;

}

.navbar .navbar-header {

  height: 3.5rem;

  padding: 0 !important;

  margin: 0 !important;

}

.navbar .navbar-brand {

  padding: 0;

  height: auto;

}

.navbar .navbar-brand img {

  padding: 0.6rem 0;

  height: 3.5rem;

  width: auto;

  max-width: 100%;

}

.navbar .navbar-right .navbar-nav > li {

/*  margin-right: 2.65rem;*/
	margin-right: 3.65rem;

}

.navbar .navbar-right .navbar-nav > li.active a {

  color: #96b282;

}

.navbar .navbar-right .navbar-nav > li > a {

  font-size: 0.8rem;

  color: #333;

  height: 3.5rem;

  line-height: 3.5rem;

  background-color: transparent;

  padding: 0;

}

.navbar .navbar-right .navbar-nav > li:last-child {

/*  margin-right: 0;*/

}

.navbar .navbar-toggle {

  border: 1px solid #96b282;

}

.navbar .navbar-toggle .icon-bar {

  background-color: #96b282;

}

.navbar .navbar-toggle:focus,

.navbar .navbar-toggle:hover {

  background-color: #96b282;

}

.navbar .navbar-toggle:focus .icon-bar,

.navbar .navbar-toggle:hover .icon-bar {

  background-color: #fff;

}

.navbar .navbar-toggle.collapsed {

  background-color: transparent;

  border: 1px solid #ffffff;

}

.navbar.shadow {

  box-shadow: 0 5px 10px #eeeeee;

}

.navbar-default .navbar-collapse .navbar-nav > li.active > a,

.navbar-default .navbar-collapse .navbar-nav > li > a:hover,

.navbar-default.navbar-fixed-top .navbar-collapse.in .navbar-nav > li.active > a,

.navbar-default.navbar-fixed-top .navbar-nav > li > a:hover {

  color: #96b282;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .active > a:hover {

  background-color: transparent;

}

@media (max-width: 991px) {

  .navbar .navbar-right .navbar-nav > li {

    margin-right: 2rem;

  }

  .navbar .container {

    padding-right: 0;

  }

}

@media (max-width: 767px) {

  .navbar.shadow {

    box-shadow: none;

  }

}

@media (max-width: 413px) {

  .navbar-toggle {

    margin-top: 4px;

  }

  body {

    padding-top: 50px !important;

  }

}

.swiper-container {

  width: 100%;

  height: 100%;

}

.swiper-container .swiper-wrapper .swiper-slide {

  width: 100%;

  height: 100%;

  background-position: center center !important;

  background-size: cover !important;

}

.footer {

  background-color: #333333;

  padding-top: 2.5rem;

  border-bottom: 1px solid #464646;

}

.footer .top .footer_nav {

  color: #ffffff;

  float: left;

  margin-right: 22.5%;

}

.footer .top .footer_nav h5 {

  font-size: 0.9rem;

  margin-bottom: 1.4rem;

}

.footer .top .footer_nav ul li {

  font-size: 0.7rem;

  margin-bottom: 0.8rem;

}

.footer .top .footer_nav ul li a {

  color: #cccccc;

  transition: all 0.3s ease-out;

}

.footer .top .footer_nav ul li:hover a {

  color: #96b282;

}

.footer .top .footer_nav:nth-child(3) {

  margin-right: 0;

}

.footer .top .line {

  float: left;

  background-color: #464646;

  width: 1px;

  height: 7rem;

  margin-left: 13%;

}

.footer .top .qrcode {

  width: 10%;

}

.footer .bottom {

  margin-top: 3.5rem;

  margin-bottom: 1.5rem;

}

.footer .bottom .logo_dark {

  float: left;

  width: 25%;

}

.footer .bottom ul {

  width: 13%;

}

.footer .bottom ul li {

  float: left;

  width: 16%;

  margin-right: 26%;

}

.footer .bottom ul li:nth-child(3) {

  margin-right: 0;

}

.copyright {

  background-color: #333333;

}

.copyright ul li {

  float: left;

  margin-right: 1rem;

  position: relative;

}

.copyright ul li a {

  display: block;

  line-height: 2.7rem;

  color: #8d8d8d;

  font-size: 0.7rem;

  height: 2.7rem;

}

.copyright ul li:after {

  content: '';

  display: block;

  position: absolute;

  width: 1px;

  height: 0.7rem;

  top: 50%;

  right: -0.5rem;

  background-color: #767676;

  transform: translateY(-50%);

}

.copyright p {

  line-height: 2.7rem;

  color: #8d8d8d;

  font-size: 0.7rem;

}

@media (max-width: 767px) {

  .footer .footer_nav {

    width: 33% !important;

    margin-right: 0 !important;

  }

  .copyright ul {

    float: none;

  }

  .copyright p {

    float: none;

  }

}

.banner {

  height: 100%;

}

.banner .swiper-slide {

  position: relative;

  color: #fff ;

}

.banner .swiper-slide img {

  object-fit: cover;

}

.banner .swiper-slide img {

  width: 100%;

  height: 100%;

}

.banner .swiper-slide .words {

  text-align: center;

  position: absolute;

  padding-left: 5%;

  padding-right: 5%;

  top: 43%;

  left: 0;

  transform: translateY(-50%);

  width: 100%;

}

.banner .swiper-slide .words h4 {

  font-size: 2.4rem;

  margin-bottom: 1.75rem;

}

.banner .swiper-slide .words p {

  font-size: 1.2rem;

}

.company {

  text-align: center;

}

.company h4 {

  font-size: 1.8rem;

  color: #333333;

  line-height: 1.2;

  margin-top: 5rem;

  margin-bottom: 1rem;

  font-weight: 700;

}

.company > .container > p {

  font-size: 0.8rem;

  color: #8d8d8d;

  line-height: 1.5rem;

  padding: 0 3.5rem;

  margin-bottom: 1.5rem;

}

.company .icon {

  width: 38%;

  margin: 0 auto;

}

.company .icon li {

  width: 40%;

}

.company .icon li .img {

  width: 56px;

  height: 56px;

  margin-left: auto ;

  margin-right: auto;

}

.company .icon li .img img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}

.company .icon li p {

  font-size: .8rem;

  margin-top: 1.4rem;

  margin-bottom: 2rem;

}

.company .container > .img {

  width: 100%;

  padding: 0 5rem;

}

.company .count {

  text-align: center;

  margin: 4rem 0 5.5rem;

}

.company .count h5 {

  font-size: 0.9rem;

  margin-bottom: 1rem;

  position: relative;

}

.company .count h5 i {

  font-size: 3rem;

  font-weight: 700;

}

.company .count h5 span {

  position: absolute;

  bottom: 0.45rem;

  margin-left: .5rem;

}

.company .count h5 p {

  color: #666666;

  font-size: 0.8rem;

}

.company .count > div:nth-child(1) {

  margin-left: -3rem;

}

.company .count > div:nth-child(2) {

  margin-left: 3rem;

  margin-right: 1rem;

}

.company .count > div:nth-child(3) {

  margin-right: -1rem;

}

.alc {

  margin-top: 5.5rem;

  background-color: #efefef;

  text-align: center;

  overflow: hidden;

  padding-bottom: 3.5rem;

}

.alc h4 {

  margin: 3.5rem  0  .75rem;

  font-size: 1.8rem;

}

.alc p {

  font-size: 0.8rem;

  line-height: 1.2rem;

  color: #666666;

  padding-left: 8.4%;

  padding-right: 6%;

}

.alc .more {

  color: #0081e5;

  font-size: 0.8rem;

  display: block;

  margin: 0.75rem auto 0;

  margin-bottom: 4.5rem;

  transition: all 0.3s ease-out;

}

.alc .more:hover {

  transform: translateX(5px);

}

.alc .img {

  width: 100%;

  position: relative;

  overflow: visible;

}

.alc .img .fl {

  cursor: pointer;

/*  width: 56%;*/
	width: 100%;

  position: relative;

}

.alc .img .fl .wrap {

  width: 100%;

}

    .alc .img .fl .wrap img {

        width: 100%;

        height: 100%;

        display: block;

        object-fit: contain;

    }

.alc .img .fl .point {

  position: absolute;

  z-index: 999;

  top: 50%;

  right: 8.5%;

  transform: translateY(-50%);

  width: 2rem;

  height: 2rem;

  border-radius: 50%;

}

.alc .img .fl .point .point_dot {

  position: absolute;

  width: 10px;

  height: 10px;

  background-color: #0081e5;

  z-index: 9999;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

}

.alc .img .fl .point .point_shadow::before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: 50%;

  opacity: 0;

  animation: ripple 2500ms ease-out 1500ms infinite;

  background-color: rgba(0, 129, 229, 0.4);

  z-index: 9999999;

}

.alc .img .fl .point .point_shadow::after {

  position: absolute;

  content: '';

  display: block;

  top: 10%;

  bottom: 10%;

  left: 10%;

  right: 10%;

  border-radius: 50%;

  opacity: 0;

  background-color: rgba(0, 129, 229, 0.8);

  z-index: 99999999;

  animation: ripple 2500ms ease-out infinite;

}

.alc .img .fl .fl_line {

  position: absolute;

  background-color: #0081e5;

  top: 50%;

  left: calc(88.5%);

  right: 0;

  transform: translateY(-50%);

  z-index: 9999990999;

  height: 1px;

}

.alc .img .fr {

  width: 32%;
	height: 90%;
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0;

  float: none;

}

.alc .img .fr img {

  opacity: 1;

  transition: all .3s linear;

}

.alc .img .line {

  height: 1px;

  position: absolute;

  background-color: #0081e5;

  width: 12%;

  top: 50%;

  left: 56%;

  transform: translateY(-50%);

  transition: all .3s linear;

}

.alc .img img {

  width: 100%;

}

.product {

  padding-bottom: 5.5rem;

}

.product h4 {

  font-size: 1.8rem;

  margin-top: 5.5rem;

  text-align: center;

  font-weight: 700;

}

.product p {

  text-align: center;

  font-size: .8rem;

  margin: 1rem 0 2.5rem;

  color: #666666;

}

.product .pro_list {

  width: 100%;

}

.product .pro_list > div {

  padding: 0;

  cursor: pointer;

}

.product .pro_list > div .img {

  width: 100%;

  transition: all 0.5s ease-out;

}

.product .pro_list > div .img img {

  width: 100%;

  display: block;

  transition: all .5s linear;

}

.product .pro_list > div:nth-child(1) {

  padding-right: 1.75rem;

}

.product .pro_list > div:nth-child(2) {

  padding: 0 0.875rem;

}

.product .pro_list > div:nth-child(3) {

  padding-left: 1.75rem;

}

.product .pro_list > div h5 {

  font-size: .9rem;

  margin: 0.75rem 0 .5rem;

  color: #262626;

  font-weight: 600;

  transition: all 0.3s ease-out;

}

    .product .pro_list > div p {

        color: #666666;

        font-size: 0.7rem;

        margin-bottom: 0.75rem;

        text-align: left;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        width: 100%;

    }

.product .pro_list > div .more {

  color: #5f8742;

  font-size: 0.7rem;

  display: inline-block;

  transition: all 0.3s ease-out;

}

.product .pro_list > div:hover h5 {

  color: #5f8742;

}

.product .pro_list > div:hover img {

  transform: scale(1.1, 1.1);

}

.product .pro_list > div:hover .more {

  transform: translateX(5px);

}

.case {

  padding-top: 4.5rem;

  background-color: #fafafa;

  padding-bottom: 5rem;

}

.case h4 {

  font-size: 1.8rem;

  font-weight: 700;

  text-align: center;

}

.case p {

  font-size: 0.8rem;

  color: #666666;

  margin: 1.2rem 0 2.2rem;

  text-align: center;

}

.case .case_list {

  width: 100%;

}

.case .case_list > div {

  padding: 0;

}

.case .case_list > div .img {

  width: 100%;

}

.case .case_list > div .img img {

  display: block;

  width: 100%;

  transition: all 0.5s ease-out;

}

.case .case_list > div:nth-child(1) {

  padding-right: 1.75rem;

}

.case .case_list > div:nth-child(2) {

  padding: 0 0.875rem;

}

.case .case_list > div:nth-child(3) {

  padding-left: 1.75rem;

}

.case .case_list > div .time {

  font-size: 0.7rem;

  color: #666666;

  margin-top: 1rem;

  display: inline-block;

}

.case .case_list > div h5 {

  font-size: .9rem;

  margin: 0.5rem 0 .75rem;

  color: #262626;

  font-weight: 600;

  transition: all 0.3s ease-out;

}

.case .case_list > div .more {

  color: #5f8742;

  font-size: 0.7rem;

  display: inline-block;

  transition: all 0.3s ease-out;

}

.case .case_list > div:hover h5 {

  color: #5f8742;

}

.case .case_list > div:hover img {

  transform: scale(1.1, 1.1);

}

.case .case_list > div:hover .more {

  transform: translateX(5px);

}

.news {

  padding-top: 6.5rem;

  padding-bottom: 7.25rem;

}

.news .content {

  position: relative;

}

.news h4 {

  font-size: 1.8rem;

  font-weight: 700;

  text-align: center;

  margin-bottom: 4rem;

}

.news .hot {

  border-radius: 5px;

  background-color: #ececeb;

  width: 40%;

  position: absolute;

  z-index: 9999 ;

  height: 100%;

  cursor: pointer;

}

.news .hot .img {

  width: 100%;

  height: 42%;

  border-radius: 5px 5px 0 0;

}

.news .hot .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 0.5s ease-out;

}

.news .hot .img:hover img {

  transform: scale(1.1, 1.1);

}

.news .hot .words {

  height: 58%;

  color: #333333;

  padding: 1.75rem 1.5rem 0;

}

.news .hot .words span {

  font-size: 0.7rem;

}

.news .hot .words h5 {

  margin-top: 1rem;

  font-size: 1.1rem;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-wrap: normal;

  margin-bottom: 6.5rem;

  font-weight: 600;

}

.news .hot .words .read {

  display: inline-block;

  width: 2.2rem;

  height: 1.2rem;

  background-color: #5f8742;

  color: #ffffff;

  font-size: 0.6rem;

  line-height: 1.2rem;

  text-align: center;

  border-radius: 1.2rem;

  margin-right: 0.5rem;

  margin-bottom: 2.2rem;

}

.news .hot .words img {

  width: 0.9rem;

  margin-right: 0.5rem;

}

.news .hot .words .time {

  font-size: 0.7rem;

}

.news .normal_list {

  width: 50%;

}

.news .normal_list ul {

  width: 100%;

}

.news .normal_list ul li {

  width: 100%;

  float: left;

  color: #333333;

  margin-bottom: 2rem;

}

.news .normal_list ul li span {

  font-size: 0.7rem;

}

.news .normal_list ul li h5 {

  margin-top: 0.5rem;

  font-size: .9rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-bottom: 1.5rem;

  font-weight: 600;

  line-height: 1.5rem;

}

.news .normal_list ul li .read {

  display: inline-block;

  width: 2.2rem;

  height: 1.2rem;

  background-color: #5f8742;

  color: #ffffff;

  font-size: 0.6rem;

  line-height: 1.2rem;

  text-align: center;

  border-radius: 1.2rem;

  margin-right: 0.5rem;

}

.news .normal_list ul li img {

  width: 0.9rem;

  margin-right: 0.5rem;

}

.news .normal_list ul li .time {

  font-size: 0.7rem;

}

.sale {

  padding-top: 4rem;

  background-color: #ececeb;

  padding-bottom: 3rem;

}

.sale .container {

  position: relative;

}

.sale h4 {

  font-size: 1.8rem;

  font-weight: 700;

  text-align: center;

}

.sale p {

  font-size: 0.7rem;

  color: #666666;

  text-align: center;

  margin-top: 1.25rem;

  margin-bottom: 1rem;

}

.sale img {

  width: 71.5%;

}

.sale .words {

  position: absolute;

  z-index: 9999;

  right: 0;

  bottom: 4.5rem;

}

.sale .words h5 {

  font-size: 1.2rem;

  margin-bottom: 0.75rem;

}

.sale .words p {

  font-size: 0.9rem;

  line-height: 1.4rem;

  color: #333333;

  text-align: left;

}

@media (min-width: 1300px) {

  .alc .img .fl {

/*    margin-left: -5%;*/

  }

  .alc .img .line {

    width: 17%;

    left: 51%;

  }

}

@media (min-width: 1200px) {

  .product .img {

    height: 300px;

  }

  .case .img {

    height: 220px;

  }

  .alc .fl .wrap {

    height: 438px;

  }

}

@media (max-width: 1199px) {

  .product .img {

    height: 170px;

  }

  .case .img {

    height: 170px;

  }

  .alc .fl .wrap {

    height: 361px;

  }

}

@media (max-width: 991px) {

  .count > div {

    margin: 1rem 0;

  }

  .alc .img .fl {

    float: none;

    margin: 0 auto;

  }

  .alc .img .fl .wrap {

    height: 277px;

  }

  .alc .img .fl .point {

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .alc .img .fl:after {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    bottom: 0;

    width: 1px;

    background-color: #0081e5;

    z-index: 9999;

  }

  .alc .img .fr {

    float: none;

    position: static;

    margin: 0 auto;

    transform: none;

  }

  .alc .img .fr img {

    opacity: 1;

    display: block;

  }

  .product .pro_list > div {

    text-align: center;

    padding: 0 !important;

    margin-bottom: 2rem;

  }

  .product .pro_list > div .img {

    height: 200px;

  }

  .product .pro_list > div img {

    display: inline-block;

    box-shadow: 0px 0px 0.5rem 0px rgba(195, 204, 215, 0.54);

    border: 1px solid #dfdfdf;

  }

  .product .pro_list > div p {

    text-align: center !important;

  }

  .case .case_list > div {

    text-align: center;

    padding: 0 !important;

    margin-bottom: 2rem;

  }

  .case .case_list > div .img {

    height: 200px;

  }

  .case .case_list > div img {

    display: inline-block;

    box-shadow: 0px 0px 0.5rem 0px rgba(195, 204, 215, 0.54);

    border: 1px solid #dfdfdf;

  }

  .case .case_list > div .time {

    display: block;

  }

}

@media (max-width: 769px) {

  .company .icon {

    width: 100%;

    padding: 0 5rem;

  }

  .company .img {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .company .count > div {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }

  .news .content {

    width: 100%;

  }

  .news .hot {

    position: static;

    width: 100%;

    margin-bottom: 1.5rem;

  }

  .news .normal_list {

    float: none;

    width: 100%;

  }

  .sale img {

    width: 100%;

  }

  .sale .words {

    position: static;

    text-align: center;

  }

  .sale .words p {

    text-align: center !important;

  }

}

@-webkit-keyframes ripple {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1, 0.1);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

  }

}

@-moz-keyframes ripple {

  0% {

    opacity: 0;

    -moz-transform: scale(0.1, 0.1);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -moz-transform: scale(1);

  }

}

@-o-keyframes ripple {

  0% {

    opacity: 0;

    -o-transform: scale(0.1, 0.1);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -o-transform: scale(1);

  }

}

@keyframes ripple {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1, 0.1);

    -moz-transform: scale(0.1, 0.1);

    -ms-transform: scale(0.1, 0.1);

    transform: scale(0.1, 0.1);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}



@media(max-width:480px){

    .alc .img .fl .fl_line, .alc .img .line {

        display: none;

    }

}





.swiper-slide {

    position: relative;

}



    .swiper-slide .txt {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        color: white;

        display: flex;

        align-items: center;

        background: rgba(0,0,0,.2)

    }



        .swiper-slide .txt h2 {

            font-size: 48px;

            margin-bottom: 4%;

        }



        .swiper-slide .txt p {

            font-size: 25px;

            line-height: 45px;

            width: 60%;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            overflow: hidden;

        }



@media(max-width:1200px) {

    .swiper-slide .txt h2 {

        font-size: 38px;

    }



    .swiper-slide .txt p {

        font-size: 20px;

    }

}



@media(max-width:768px) {

    .swiper-slide .txt p {

        width: 100%;

    }



    .swiper-slide .txt h2 {

        text-align: center;

    }



    .swiper-slide .txt p {

        text-align: center;

    }

}



@media(max-width:480px) {

    .swiper-slide .txt h2 {

        font-size: 30px;

    }



    .swiper-slide .txt p {

        font-size: 20px;

        line-height: 30px;

    }



    .company .count {

        margin: 4rem 0 0;

    }

}