@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } 
body { background:#fff; color:#000; font-size:14px; font-family: Arial, Helvetica, Verdana, sans-serif; } 
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;} 
a { color:#000; text-decoration:none; } 
a:hover { text-decoration:none; } 
img { border:none; } 
ol,ul,li { list-style:none; } 
input, textarea, select, button { font:14px Arial,Helvetica,Verdana,sans-serif; } 
table { border-collapse:collapse; } 
html {overflow-y: scroll;} 
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; }

.header{position: fixed; width: 100%; top: 0; left: 0; z-index: 10; padding: 15px 0;}
.on{display: none;}
.oh{opacity: 0; width: 0.1%;}


#fullpage{background: #fff;}
.fp-watermark{display: none;}
#fp-nav ul li:last-child{display: none;}

.zhony{float: right; color: #0c4d22; margin-top: 40px; background: #fff; padding: 0 13px; border-radius: 100px; margin-left: 10px;}
.zhony a{color: #0c4d22; font-size: 17px;}
.zhony span{margin-left: 3px; margin-right: 3px;}

.header.actv .zhony a{font-size: 12px;}
.header.actv .zhony{margin-top: 13px;}

.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
}
.swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.banner .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
  
.banner .swiper-slide, .banner .swiper-wrapper {
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
}

.banner .swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.banner .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
}
.banner .slider-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner .swiper-slide .img{
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    /*transform: scale(1.04);
    transition: transform 5.3s ease .7s;*/
	
	transition:1s linear 10s;
	transform:scale(1.1,1.1);
}

.banner .swiper-slide-active .img,.swiper-slide-duplicate-active .img{
	transition:6s linear;
	transform:scale(1,1);
}	

.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}

.banner .swiper-pagination-bullet{width: 18px; height: 18px;}
.banner .swiper-pagination-bullet-active{background: #fff;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}

.logo{display: block; overflow: hidden;}
.logo img{display: block; max-width: 100%;}
.nav{float: right; margin-top: 30px;}
.nav li{float: left; position: relative;}
.nav li a{color: #fff; text-transform: uppercase; font-size: 17px; display: block; padding: 10px 12px;}
.nav li a:hover{color: #e1c892;}
.nav li ul{position: absolute; left: 50%; top: 45px; margin-left: -85px; background-color: rgba(3, 61, 22, 0.8); width: 170px; z-index: 10; display: none;}
.nav li ul li{width: 100%;}
.nav li ul li a{display: block; width: 100%; font-size: 12px; padding: 8px 15px; text-align: center; border-bottom: solid 1px; border-color: rgba(255, 255, 255, 0.2);}
.nav li:hover ul{display: block;}

.nek .header{position: relative; background: url("../images/dha.jpg") no-repeat center center; background-size: cover;}
.quw .header{position: absolute;}

.ab-section a{display: block; overflow: hidden; position: relative;}
.ab-section a img{display: block;}
.ab-section a .imgk{width: 100%; transition: 600ms;}

.ab-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.ab-section .col-sm-8,.ab-section .col-sm-4{
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.ab-section .col-sm-4 a:nth-child(2){margin-top: 20px;}
.ab-section{background: #ecf4eb;}
.ab-section .imgd{position: absolute; left: 4%; bottom: 10%; max-width: 100%; z-index: 1;}

.title{text-align: center;}
.title h3{font-size: 50px; color: #0c4d22; font-family: "Arial"; font-weight: 600;}
.ab-section .row{margin-top: 38px; overflow: hidden;}
.ab-section a:hover .imgk{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.prod{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.prod .title h3{color: #e1c892;}
.mor{text-align: center; font-size: 0;}
.mor a{display: inline-block; font-size: 23px; color: #fff; text-transform: uppercase; font-weight: 600; background: url("../images/mor.png") no-repeat center right; background-size: 39px; line-height: 39px; padding-right: 60px;}

.pc-banner{overflow: hidden; position: relative;}
.sw-two{display: none;}
.pc-banner .swiper-container2 {
	width: 100%;
	margin: 35px 0;
}
.pc-banner .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.pc-banner .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.pc-banner .swiper-slide a {
	padding:10px;
	display: block;
	border-radius: 14px;
}
.pc-banner .swiper-slide img {
	max-width: 100%;
	display: block;
	margin-left: auto; 
	margin-right: auto;
}
.pc-banner .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.pc-banner .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.pc-banner .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}
.pc-banner .button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}
.pc-banner .button div:hover {
	background-color: #2f4798;
}

.prev-f2 {
	width: 65px;
	height: 65px;
	background: url("../images/kw_01.png") no-repeat center center;
}

.next-f2 {
	width: 65px;
	height: 65px;
	background: url("../images/kw_02.png") no-repeat center center;
}
.fdt{text-align: center; color: #fff; margin-top: 15px; display: none; width: 218%; margin-left: -58%;}
.fdt h3{font-size: 35px; font-weight: 600;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal; 
}
.fdt p{font-size: 17px; text-transform: uppercase; line-height: 18px; margin-top: 10px;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal; 
}

.swiper-slide-active .fdt{display: block;}

.navd {
  position: absolute;
  width: auto;
  border: none;
	z-index: 9999;
	display: none;
}
.navd p{
	position: absolute;
    left: 58px;
    top: 7px;
}
.navd p.whi{color: #fff;}

.btn-nav {
  position: fixed;
  top: 25px;
  left: 20px;
  background:rgba(0,0,0,0.3);
  border: none;
  padding: 0 5px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}
.icon-bar {
  display: block;
  margin: 8px 0;
  width: 35px;
  height: 3px;
  background-color: #FFFFFF;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  background-color: #f8c546;
}

.nav-content {
  position: fixed;
  top:0;
  bottom:0;
  left: -50%;
  background: #000000;
  display: block;
  height: 100%;
  width:30%;
  z-index: 20;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 10%;
}
.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.item-anchor {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #f8c546;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #f8c546;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.nav-item {
  margin: 30px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #f8c546;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #f8c546;
}

.animated .top {
  -webkit-transform: translateY(5px) rotateZ(45deg);
  -moz-transform: translateY(5px) rotateZ(45deg);
  -ms-transform: translateY(5px) rotateZ(45deg);
  -o-transform: translateY(5px) rotateZ(45deg);
  transform: translateY(5px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-6px) rotateZ(-45deg);
  -moz-transform: translateY(-6px) rotateZ(-45deg);
  -ms-transform: translateY(-6px) rotateZ(-45deg);
  -o-transform: translateY(-6px) rotateZ(-45deg);
  transform: translateY(-6px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}

@-moz-keyframes showNav {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}

@-o-keyframes showNav {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}

.showNav {
  -webkit-animation: showNav .5s linear forwards;
  -moz-animation: showNav .5s linear forwards;
  -o-animation: showNav .5s linear forwards;
  animation: showNav .5s linear forwards;
}

@keyframes hideNav {
  from {
    left: 0;
  }
  to {
    left: -50%;
  }
}

@-webkit-keyframes hideNav {
  from {
    left: 0;
  }
  to {
    left: -50%;
  }
}

@-moz-keyframes hideNav {
  from {
    left: 0;
  }
  to {
    left: -50%;
  }
}

@-o-keyframes hideNav {
  from {
    left: 0;
  }
  to {
    left: -50%;
  }
}

.hideNav {
  -webkit-animation: hideNav .5s linear forwards;
  -moz-animation: hideNav .5s linear forwards;
  -o-animation: hideNav .5s linear forwards;
  animation: hideNav .5s linear forwards;
}

.hidden {
  display: none;
}

.vidbg{background: #fff;}
.video-box{text-align: center;}
.video{width: 100%; max-width: 1170px; /*height: 70vh;*/ cursor: pointer; display: block; margin-left: auto; margin-right: auto;}

/*内页*/
.n-banner{overflow: hidden;}
.n-banner img{display: block; max-width: 100%; margin-left: auto; margin-right: auto; transition: 800ms;}
.n-banner:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.bonav{overflow: hidden;}
.bonav a{display: block; float: left; width: 20%; text-align: center; padding: 32px 0; font-weight: 600; font-size: 17px; color: #000; position: relative;}
.bonav a:hover:before,.bonav a.activ:before{ 
	content: '';
    position: absolute;
	height:5px;
	width:100%;
	background:#033d16;
	border-radius: 100px;
	bottom:0;
	left:0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.getop{overflow: hidden;}
.getop .col-sm-3 img{max-width: 100%;}
.isbox{font-size: 18px; color: #171717; line-height: 35px;}

.shuz{overflow: hidden; margin-top: 44px;}
.shuz .tik{float: left; width: 25%; text-align: center; position: relative;}
.shuz .tik:before{
	content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 1;
    background: url("../images/n1_03.jpg") no-repeat center center;
}
.shuz .tik:last-child:before{background: none;}
.shuz .tip{font-size: 16px; color: #006139;}
.shuz span{font-size: 48px; font-weight: 600; color: #001111;}
.shuz .tik p{font-size: 17px; color: #111; margin-top: -5px;}
.shuz .tik b{font-size: 36px; font-weight: 600; color: #001111;}
.shuz .tik i{font-style: normal; background: #033d16; color: #fff; border-radius: 100px; font-size: 14px; padding: 2px 5px;}

.gebom{margin-top: 70px;}
.gebom img{display: block; width: 100%; border-radius: 20px;}

/*新加1*/
.imk{overflow: hidden; border-radius: 20px; position: relative;}
.gebom img{display: block; width: 100%; transition: 600ms;}
.gebom .imk:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.imk:after {
  position: absolute;
  background: linear-gradient(0deg, #1a6d35, transparent);
  height: 100%;
  width: 100%;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.gebom .col-sm-3:hover .imk:after {
  opacity: 1;
}
/*新加1*/

.gew{background: url("../images/bnr_02.png") no-repeat center left #e7f0e5; overflow: hidden; padding-top: 60px; padding-bottom: 100px; position: relative;}

.gwa{background: url("../images/dw_02.jpg") no-repeat center center; background-size: cover; overflow: hidden; color: #fff; padding-top: 138px; padding-bottom: 80px; position: relative;}
.gwa h4{text-align: center; font-size: 16px; line-height: 35px; max-width: 1200px; margin-left: auto; margin-right: auto;}
.gwa .swiper-container{margin-top: 50px;}
.shax{position: absolute; left: 50%; margin-left: -30px; bottom: 20px;}
.shax img{
      position: relative;
      animation: float 1.5s ease-in-out infinite;
}
@keyframes float {
  0% {
        transform: translatey(0px);
  }
  50% {
        transform: translatey(-20px);
  }
  100% {
        transform: translatey(0px);
  }
}

.zhp{background: #e7f0e5; overflow: hidden; position: relative; padding-top: 80px; padding-bottom: 80px; height: 886px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zhp .container{position: relative; z-index: 1;}
.zhp .col-sm-5{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhp .col-sm-5 p{font-size: 16px; color: #1a1a1a; line-height: 32px;}
.zhp .col-sm-5 a{display: inline-block; background: #0c4e23; color: #fff; font-size: 20px; font-weight: 600; padding: 15px 25px; overflow: hidden; margin-top: 40px; max-width: 353px; text-transform: uppercase;}
.zhp .col-sm-5 a:hover{background: #b28857;}
.imt{border-top-left-radius: 20px; border-bottom-left-radius: 20px; display: inline-block; overflow: hidden; position: relative;}
.imt:after{
  position: absolute;
  background: linear-gradient(0deg, #1a6d35, transparent);
  height: 100%;
  width: 100%;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
/*.imt img{
   -webkit-transform: scale(1.01);
   transform: scale(1.01);
   transition: all 900ms ease;
}
.imt:hover img{
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.2) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   -webkit-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}*/
.zhp .col-sm-7:hover .imt:after{
   opacity: 1;
}

.zhbom .col-sm-7 img{
	transform:translateY(3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.zhbom .col-sm-7:hover img{
	transform: translateY(0);
}

.zhlv{background: url("../images/dfwq_02.jpg") no-repeat center center; overflow: hidden; position: relative; height: 877px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhlv .col-sm-5 p{font-size: 16px; color: #1a1a1a; line-height: 32px; color: #fff;}
.zhlv .col-sm-5 a{display: inline-block; background: #0c4e23; color: #fff; font-size: 20px; font-weight: 600; padding: 15px 25px; overflow: hidden; margin-top: 40px; max-width: 295px; text-transform: uppercase;}
.zhlv .col-sm-5 a:hover{background: #b28857;}

.zhbom{background: url("../images/vee_02.jpg") no-repeat center center; overflow: hidden; position: relative; height: 830px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhbom .col-sm-5{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.zhbom .col-sm-5 p{font-size: 16px; color: #1a1a1a; line-height: 32px;}
.zhbom .col-sm-5 a{display: inline-block; background: #0c4e23; color: #fff; font-size: 20px; font-weight: 600; padding: 15px 25px; overflow: hidden; margin-top: 40px; max-width: 370px; text-transform: uppercase;}
.zhbom .col-sm-5 a:hover{background: #b28857;}
.zhbom .col-sm-7 img{display: block;}

.gwa .swiper-button-prev{background: url("../images/hyt_03.png") no-repeat center center; width: 38px; height: 38px;}
.gwa .swiper-button-next{background: url("../images/hyt_04.png") no-repeat center center; width: 38px; height: 38px;}

/*新加*/
.conten{
	background-image: url( "../images/laix.jpg");
	background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
	padding-top: 75px;
}
.con01{
	background-image: url( "../images/laix01.jpg");
	background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
	padding-top: 75px;
}
.dkh{box-shadow: -10px -10px 30px 5px #c0d2cf; overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 50px 30px;}
.dkh h3{font-size: 18px; font-weight: 600; text-transform: uppercase; color: #033d15;}
.dkh ul li{position: relative; padding-left: 79px; overflow: hidden; margin-bottom: 44px; min-height: 63px;}
.dkh ul li img{position: absolute; left: 0; top: 0;}
.dkh ul li p{font-size: 17px; color: #000; font-weight: 600; line-height: 28px;}
.dkh ul li span{font-size: 16px; color: #8d8d8d; text-transform: uppercase; display: block; margin-top: 15px;}
.dkh ul li h4{font-size: 23px; color: #033d15; font-weight: 600; margin-top: 18px; word-wrap: break-word;}
.dkh ul li:last-child{margin-bottom: 0;}
.dkh ul{margin-top: 44px;}
.dkh ul li h5{font-size: 18px; color: #033d15; font-weight: 600; margin-top: 12px;}
.dkh .fonw{font-size: 37px; color: #033d15; font-weight: 600;}

.con02 .dkh ul li:nth-child(2) h4{margin-top: 5px;}

/*详情页*/
.neqbox{overflow: hidden; padding-top: 44px;}
.titlen{overflow: hidden; text-align: center; border-bottom: solid 1px #eee; padding-bottom: 20px;}
.titlen h3{font-size: 30px; color: #033d16; font-weight: 600;}
.titlen span{background: url( "../images/dve.png") no-repeat center left; overflow: hidden; font-size: 18px; color: #999; background-size: 18px; padding-left: 25px; display: inline-block; margin-top: 5px;}
.cont{word-break: break-all; font-size: 16px; line-height: 30px; padding-top: 20px; padding-bottom: 50px; overflow: hidden;}
.cont a{font-weight: 600; color: #033d16;}
.cont img{max-width: 100%;}
.nepag{overflow: hidden; padding-bottom: 50px;}
.nepag p{margin-bottom: 15px; font-size: 16px;}
.nepag p:last-child{margin-bottom: 0;}
.nepag a{color: #666;}

.cpli{
	background-image: url( "../images/kip_01.jpg");
	background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
	height: 940px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.cpli .col-sm-8{
	display: flex;
    flex-direction: column;
    justify-content: center;
	color: #fff;
}
.cpli .col-sm-8 h3{font-size: 70px; text-align: right;}
.cpli .col-sm-8 a{font-size: 25px; font-weight: 600; color: #fff; text-align: right;}
.cpli .col-sm-4 img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;
    transform:translateY(3%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.cpli .col-sm-4 a:hover img{
    transform:translateY(0);
}
.cpli .col-sm-8 a:hover{color: #e1c892;}

.cpul .cpli:nth-child(2){
	background-image: url( "../images/kip_02.jpg");
}
.cpul .cpli:nth-child(3){
	background-image: url( "../images/kip_03.jpg");
}
.cpul .cpli:nth-child(4){
	background-image: url( "../images/kip_04.jpg");
}
.cpul .cpli:nth-child(5){
	background-image: url( "../images/kip_05.jpg");
}
.cpul .cpli:nth-child(even) .col-sm-8 h3,.cpul .cpli:nth-child(even) .col-sm-8 a{text-align: left;}

.santop{background: url("../images/line_03.jpg") repeat-x top center; overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
	min-height: 358px;
	padding-top: 44px;
	padding-bottom: 44px;
}
.santop .col-sm-3 img{display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
.santop .col-sm-9{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.santop h3{font-size: 43px; color: #191919; font-weight: 600;}
.santop p{font-size: 23px; color: #191919; line-height: 44px; margin-top: 20px;}

.sanbom{overflow: hidden; text-align: center; font-size: 0;}
.sanbom img{display: block; width: 100%; margin-left: auto; margin-right: auto;}

.sanbom .e-4{width: 33.33%; position: relative; display: inline-block;}
.sanbom .e-4 h3{position: absolute; left: 0; bottom: 5%; padding: 15px 0; text-align: center; width: 100%; font-size: 20px; font-weight: 600; color: #0e0e0e;}

.liyk{overflow: hidden; background: #e7f0e5; padding-top: 68px; padding-bottom: 70px;}
.liyk .col-sm-6 img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}
.liyk .col-sm-6 .pkg{position: relative; padding-left: 144px; margin-bottom: 19px;}
.liyk .col-sm-6 .pkg span{font-size: 16px; color: #001111; position: absolute; left: 0; top: 12px;}
.liyk .col-sm-6 .pkg input{width: 100%; border: solid 1px #dcdddc; height: 50px;}
.liyk .tey{width: 100%; border: solid 1px #dcdddc; height: 158px;}
.liyk .tij{padding-left: 144px;}
.liyk .tij button{display: block; background: #033d15; color: #fff; font-size: 16px; text-align: center; line-height: 50px; font-weight: 600; border: 0; width: 100%; cursor: pointer; text-transform: uppercase;}

.zizh{background: #e7f0e5; overflow: hidden; padding-top: 68px; padding-bottom: 70px;}
.zizh .swiper-pagination-bullet{
	width: 50px;
    height: 8px;
	border-radius: 100px;
	background: #145122;
    opacity: 1;
}
.zizh .swiper-pagination-bullet-active{background: #ab8f6a;}
.zizh .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.zizh .swiper-container{padding-bottom: 58px;}
.zizh .swiper-slide img{max-width: 100%;}
.zizh .swiper-slide{position: relative;}
.work-link a{position: absolute; background:rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; left: 0; top: 0;}
.work-link img{position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px;}
.zizh .swiper-slide:hover .work-link a{display: block;}

.jyng{background-image: url( "../images/wh_bg.jpg");
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
	height: 745px;
	overflow: hidden;
}
.yjing{background: #e7f0e5; overflow: hidden; padding-top: 68px; padding-bottom: 70px;}
.jfon{background:rgba(255,255,255,0.8); overflow: hidden; padding: 30px 45px; width: 42%; margin-top: 7%;}
.jfon ul li{position: relative; min-height: 50px; padding-left: 63px; overflow: hidden; margin-bottom: 25px;}
.jfon ul li img{position: absolute; left: 0; top: 0;}
.jfon ul li h3{font-size: 18px; font-weight: 600; color: #1b1b1b;}
.jfon ul li p{font-size: 15px; color: #1b1b1b; margin-top: 3px;}
.jfon ul li:last-child{margin-bottom: 0;}

.whybx{background: url("../images/ch_02.jpg") no-repeat top center; overflow: hidden; padding-top: 68px; padding-bottom: 80px; background-size: cover;}
.wtop img{max-width: 100%; display: block; margin-left: auto; margin-right: auto;}
.wtit{padding-top: 70px;}
.wtit .tih img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}
.wtit .whg{background: #fff; padding-bottom: 30px; margin-bottom: 26px;}
.wtit .whg img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}
.wtit .whg p{font-size: 18px; color: #000; text-align: center; padding: 0 35px; overflow: hidden; height: 80px; margin-top: 22px;}
.wtit .row{margin-top: 50px;}

.whybx .col-sm-6:hover .whg{box-shadow: 0px 0px 20px 5px #c0d2cf;}
.whybx .col-sm-6:hover .whg p{color: #033d16;}

.zhbo{background: #fff; overflow: hidden; padding-bottom: 30px;}
.zhbo img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}
.zhbo p{font-size: 18px; color: #000; text-align: center; padding: 0 35px; overflow: hidden; height: 80px; margin-top: 22px; max-width: 1130px; margin-left: auto; margin-right: auto; display: block;}

.whybx .zhbo:hover{box-shadow: 0px 0px 20px 5px #c0d2cf;}
.whybx .zhbo:hover p{color: #033d16;}

.guanz{background: url("../images/nmh_03.png") no-repeat center right #e7f0e5; overflow: hidden; padding-top: 80px; padding-bottom: 80px;}
.guanz .col-sm-2{
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.guanz .col-sm-2 img{max-width: 100%; display: block; margin-left: auto; margin-right: auto;}
.guanz .col-sm-2:nth-child(even){margin-top: 65px;}
.guanz .col-sm-2 .gzx{border-radius: 30px;}
.guanz .col-sm-2 .gzx:hover{box-shadow: 0px 0px 20px 5px #c0d2cf;}
.zhim{overflow: hidden; margin-top: 97px;}
.zhim img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}

.nkr{overflow: hidden;}
.nkr img{display: block; width: 100%; transition: 600ms;}
.sanbom .nkr:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.newbox{background: #e7f0e5; overflow: hidden; padding: 53px 0 60px 0;}
.newbox .imkq img{width: 100%; display: block; margin-left: auto; margin-right: auto;}
.newbox h3{font-size: 18px; color: #000; background: url("../images/vbf_07.png") no-repeat top 5px right; background-size: 32px; line-height: 41px; margin-top: 15px; font-weight: 600; padding-right: 50px;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;  
}
.newbox a{display: block; margin-bottom: 25px;}
.newbox a:hover h3{color: #063d15;}
.newbox .row{margin-bottom: -25px;}

.imkw{border-radius: 30px; overflow: hidden;}
.imkw img{max-width: 100%; display: block; margin-left: auto; margin-right: auto; transition: 600ms;}

/*下载样式*/

.dow{overflow: hidden;}
.dow ul li a{display: block; position: relative; overflow: hidden; background: #fff; line-height: 58px; padding: 0 185px 0 15px; font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal; 

}
.dow ul li{margin-bottom: 15px;}
.dow ul li a span{
	position: absolute;
	top: 10px;
	right: 15px;
	display: block;
	background: #033d16;
    float: right;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    line-height: 38px;
    border-radius: 25px;
}
.dow ul li a:hover{color: #033d16;}
.dow ul li a:hover span{background: #094e20;}

/*下载样式end*/

.scbox .col-sm-4:hover .imkw img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.scbox .col-sm-4{
	padding-right: 24px;
    padding-left: 24px;
}
.scbox .row {
    margin-right: -24px;
    margin-left: -24px;
}

.scbox{background: #e7f0e5; overflow: hidden; padding-top: 69px; padding-bottom: 80px;}
.scbox .col-sm-4 h3{font-size: 23px; color: #033d15; font-weight: 600; text-align: center; margin-top: 20px;}
.scbox .col-sm-4 p{font-size: 16px; color: #969696; text-align: center; line-height: 28px; margin-top: 10px;}
.scbox .col-sm-4{margin-bottom: 44px;}

.jxw{background: #e7f0e5; overflow: hidden; padding-top: 68px; padding-bottom: 70px;}
.jxw img{max-width: 100%; display: block; margin-left: auto; margin-right: auto;}

.jianj{background: url("../images/ch_02.jpg") no-repeat center center; background-size: cover; overflow: hidden; padding-top: 68px; padding-bottom: 100px;}
.tiw img{max-width: 100%; display: block; margin-left: auto; margin-right: auto;}
.jitex{font-size: 18px; color: #001111; line-height: 37px; overflow: hidden; padding-top: 44px;}
.jitex img{max-width: 100%;}
.jianj .row{margin-top: 44px;}
.jianj .row img{max-width: 100%; transition: 600ms;}
.jianj .row span{display: block; overflow: hidden; border-radius: 44px;}
.jianj .row span:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.fenye{text-align: center; overflow: hidden; padding-top: 50px;}

.footer{background: url("../images/fot.png") no-repeat bottom center #033d16; background-size: cover; overflow: hidden; color: #fff;}
.footer .frnav{float: right;}
.footer .frnav h3{font-size: 19px; text-transform: uppercase; position: relative; font-weight: 600; padding-bottom: 20px;}
.footer .frnav h3:before{ 
	content: '';
    position: absolute;
	height:6px;
	width:60px;
	background:#e1c892;
	border-radius: 100px;
	bottom:0;
	left:0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.footer .frnav ul li a{color: #fff; font-size: 15px; text-transform: uppercase; display: block; padding: 7px 0; overflow: hidden;}
.footer .frnav ul{margin-top: 10px;}
.footer .col-md-7 .frnav:nth-child(1){margin-left: 60px;}
.footer .row{margin-top: 30px;}
.footer .f-int{line-height: 30px;}
.footer .f-ioc{overflow: hidden; margin-top: 35px; font-size: 0;}
.footer .f-ioc a{display: inline-block; margin-right: 10px;}
.footer .f-ioc a:last-child{margin-right: 0;}
.footer .dibom a{color: #fff; text-transform: uppercase; margin-left: 5px; margin-right: 5px;}
.footer .dibom a:nth-child(1){margin-left: 0;}
.footer .dibom{line-height: 28px; overflow: hidden; padding-top: 80px; padding-bottom: 50px;}
.footer .fotlogo{margin-top: 40px;}
.footer .dibom a:hover{color: #e1c892;}

@media (min-width: 1680px){
	
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1430px;
    }

}

@media (min-width: 1200px){
	

}

@media (min-width: 1024px){
	
/*特效*/
.izau{
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 1.3s;
}

.tjl{
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 1.3s;
}

.ab-section.active .izau,.vidbg.active .izau{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.ab-section.active .tjl{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}
	
}

@media (min-width: 992px){
	.header.actv .logo img{
    display: block;
    max-width: 118px;
}

.header.actv{padding: 0 0; background-color: rgba(12, 77, 34, 0.58); position: fixed;}
.header.actv .nav li a{font-size: 14px; padding: 13px 12px;}
.header.actv .nav li ul{top: 47px;}
.header.actv .nav {
    margin-top: 0;
}
.header.actv .nav li ul li a{
    font-size: 12px; padding: 10px 12px;
}
	
}

@media screen and (min-width: 668px) {

.pc-banner .swiper-slide-active a:after {
	background: none;
}
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
.pc-banner .swiper-container2 {
		margin: 20px 0 15px;
	}
	.pc-banner .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
	.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
	.pc-banner .swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
	.pc-banner .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

.pc-banner .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

.pc-banner .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
	.pc-banner .button {
		width: 70%;
		bottom: 22px;
	}
	.pc-banner .button div {
		width: 28px;
		height: 28px;
	}
}

@media (max-width: 1440px){
	.title h3{font-size: 44px;}
	.mor a {
    font-size: 20px;
    background-size: 25px;
    line-height: 39px;
    padding-right: 38px;
}
	.pc-banner .swiper-container2{margin: 0 0;}
	.pc-banner .swiper-slide img{max-height: 320px;}
	
}

@media (max-width: 1280px){
	.dkh ul li h4{font-size: 21px; margin-top: 18px;}
	.dkh ul li{padding-left: 73px;}
}

@media (max-width: 1200px){
.nav li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    padding: 10px 12px;
}
	
	.pc-banner .swiper-slide img{max-height: 280px;}
	
}

@media (max-width: 1199px){
	.bonav a{width: 33.33%; padding: 18px 0;}
	.bonav a:hover:before,.bonav a.activ:before{ 
	content: '';
    position: absolute;
	height:3px;
	width:100%;
	background:#033d16;
	border-radius: 100px;
	bottom:0;
	left:0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
	.dkh .fonw{font-size: 27px;}
	.dkh ul li img{height: 58px;}
	.dkh ul li h4{font-size: 18px;}
	.dkh ul li:nth-child(1) h5{margin-top: 7px; font-size: 17px;}
	.con02 .dkh ul li:nth-child(2) h4{margin-top: 6px;}
	.dkh ul li p{line-height: 24px;}
	
	.video{width: 100%; max-width: 875px; /*height: 73vh;*/}
	
}

@media (max-width: 1024px){
	
	.nav li a{font-size: 14px;}
	.nav li ul{top: 41px;}
	
	.fp-overflow{max-height: inherit!important;}
	.banner .swiper-slide{height: 50vh;}
	.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]){min-height: inherit!important;}
	.fp-scrollable .fp-section{height: inherit!important;}
	.banner .swiper-pagination-bullet{width: 12px; height: 12px;}
	
	.title h3{font-size: 38px;}
	.mor a {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background: url(../images/mor.png) no-repeat center right;
    background-size: 25px;
    line-height: 39px;
    padding-right: 37px;
}
	.fdt h3{font-size: 25px;}
	.fdt p{font-size: 14px; line-height: 17px;}
	.ab-section .row {
    margin-top: 23px;
}
	.ab-section .imgd {
    position: absolute;
    left: 4%;
    bottom: 10%;
    max-width: 60%;
    z-index: 1;
}
	.footer .f-int {
    line-height: 30px;
    font-size: 12px;
}
	.footer .frnav ul li a{font-size: 12px;}
	.footer .col-md-7 .frnav:nth-child(1) {
    margin-left: 30px;
}
	.footer .dibom{line-height: 25px; font-size: 12px;}
	
	.ab-section{padding: 35px 0 58px 0;}
	.pc-banner .swiper-container2{margin: 20px 0;}
	.prod{padding: 35px 0 25px 0;}
	.vidbg{padding: 58px 0 65px 0;}
}

@media (max-width: 991px){
	header .col-md-9{display: none;}
	.navd{display: inline-block;}
	.navd.active{display: inline-block;}
	.btn-nav{position: fixed;
    top: 36px;
    left: 328px;
    background: rgba(0,0,0,0.3);
    border: none;
    padding: 0 5px;
}
	.item-anchor{font-size: 18px;}
	.active .btn-nav{
	   top: 25px;
       left: 20px;
	}
	
	.footer .col-md-7 .frnav:nth-child(1) {
    margin-left: 16px;
}

}

@media (max-width: 930px){
	.btn-nav{left: 278px;}
}

@media (max-width: 870px){
	.btn-nav{left: 253px;}
}

@media (max-width: 838px){
	.btn-nav{left: 228px;}
}

@media (max-width: 789px){
	.btn-nav{left: 205px;}
}

@media (max-width: 767px){
	.btn-nav{left: 205px;}
	.logo img{max-width: 138px;}
}