﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}



/*顶部导航*/
.header6{    z-index: 99;position: absolute;top: 0;height: auto;}
.header_163{width: 1200px;margin: 10px auto 15px auto;}
.header_163 .logo{float: left;position: initial;    height: 90px;width: 264px;    left: inherit;margin-left: 0;}
.header6 .logo img {width: 264px;height: 90px;}
.header_163 .wz{float: left;padding-left: 20px;margin-left: 20px;border-left: 1px solid #C7C7C7;    margin-top: 24px;}
.header_163 .wz h2{    font-size: 22px;line-height: 30px;color: #4EA439;}
.header_163 .wz h3{line-height: 22px;color: #555555;margin-top: 10px;}

.header_163 .earchs{ float:right; margin-top:3%;}
.header_163 .earchs input{ box-sizing: border-box;width: 180px;height: 36px;line-height: 36px;padding: 5px 10px;color: rgba(0, 0, 0, 0.6);border-radius: initial;border: none;background: #e5e5e5;font-size: 14px;margin-bottom: 0;}
.header_163 .earchs input:focus{ outline: none; box-shadow:none;}
.header_163 .earchs a{ width:36px; height:36px; display:block; float:right;  background: #4EA439;}
.header_163 .earchs a img{ margin:7px 0 0 6px;}

.header6 .nav1{background:#4EA439;}
.header6 .nav{ width: 1200px; position: relative;    height: 62px;}
.header6 .nav li{ list-style: none; width: 10%;    height: 62px;}
.header6 .nav li.active{ background:#5ABB42;}
.header6 .nav li:hover{ background:#5ABB42;}
.header6 .nav li:hover{ border:none;}
.header6 .nav li.active{ border:none;}
.header6 .nav li:hover h6,.header6 .nav li:hover h5{ color: #fff;}
.header6 .nav li.active h6,.header6 .nav li.active h5{ color: #ce8b39;}
.header6 .nav li>a{ display:block; margin-top:20px;}
.header6 .nav li h5{ padding-top:0;color: #fff;    line-height: 22px;}
.header6 .nav li h6{ font-size:14px; margin-top:4px;}
.header6 .nav li:nth-child(4){ margin-right: 0;}

#mould76538 .nav li .erji{     left: 0;top: 52px;    width: 100%;}
#mould76538 .nav li .erji a{ background-color:#5ABB42; background:#5ABB42;}
#mould76538 .nav li .erji a{ color:rgb(255, 255, 255);    margin-bottom: 0;    width: 100%;}
#mould76538 .nav li .erji a:hover{ color:rgb(255, 255, 255);}



.header_1{    border-bottom: 1px solid #E1E1E1;padding-bottom: 5px;margin-top: 5px;}
.header_11{    width: 1200px;margin: 0 auto;font-size: 14px;color: #666666;}
.header_11 h2{float: left;line-height: 20px;}
.header_11 .you{float: right;}
.header_11 .you h3{    float: left;line-height: 20px;margin-right: 40px;}
.header_11 .you a{    border-left: 1px solid #b1b1b1;color: #666666;line-height: 20px;display: inline-block;padding-left: 9px;margin-left: 9px;}
.header_11 .you a:nth-child(2) {border-left: 0;}




/*轮播图*/
.cp2{ position: relative;margin-top: 208px;}
.cp2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 50px!important;}
.cp2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{    left: 50px!important;}
.cp2 .swiper-pagination-bullet-active {opacity: 1;background: #4EA439;width:50px; }
.cp2 .swiper-pagination-bullet { width: 50px;    border-radius: 10px;}


/*标题*/
.title{margin-bottom: 30px;}
.title p{    font-size: 30px;line-height: 40px;color: #4EA439;font-weight: bold;}
.title p span{font-size: 20px;}



/*产品*/
.cp{background: #4EA439;}
.cp1{    width: 1200px;margin: 0 auto;color: #fff;padding: 18px 0;}
.cp1-left{    float: left;    margin-top: 10px;}
.cp1-left h2{font-size: 30px;line-height: 40px;letter-spacing: 2px;font-weight: bold;}
.cp1-left h3{    font-size: 14px;line-height: 16px;margin-top: 10px;letter-spacing: 1.4px;}
.cp1-right{float: right;    width: 60%;}
.cp1-right li{width: 19.2%;display: inline-block;    text-align: center;position: relative;}
.cp1-right li:after{content: "";display: block;position: absolute;background: rgb(255,255,255,0.5);width: 1px;height: 47px;right: 0;top: 50%;transform: translateY(-50%);}


.cp1-right li:last-child:after{width:0;}
.cp1-right li h3{font-size: 20px;line-height: 27px;color: #fff;    margin-top: 10px;}
.cp1-right li h2{width:50px; height:50px; display:block; margin:0 auto; background: url(/images/cp.png) no-repeat;}
.cp1-right li:nth-child(2) h2{ background-position: -50px 0;}
.cp1-right li:nth-child(3) h2{ background-position: -100px 0;}
.cp1-right li:nth-child(4) h2{ background-position: -150px 0;}
.cp1-right li:nth-child(5) h2{ background-position: -200px 0;}
.cp1-right li a{float: left;width: 100%;}


/*新闻*/
.xw{    width: 1200px;margin: 40px auto;}
.xw li{ width: 19%;margin-right: 1.25%;    float: left;}
.xw li div{ height:152px;}
.xw li div img{ height:100%;}
.xw li:last-child{margin-right:0;}
.xw li h2{  font-weight: bold;  line-height: 21px;margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.xw li p{    font-size: 13px;line-height: 17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw li:hover h2{color: #4EA439;}
.xw li:hover p{color: #333;}


/*简介*/
.about{width: 1200px;margin: 0 auto;}
.about1{    float: left;width: 62%;}
.about1-left{float: left;width: 35%;height: 281px;}
.about1-left video{width: 100%;height: 100%;}
.about1-right{float: right;width: 62%;}
.about2{float: right;width: 35%;margin-top: 30px;}
.about1-right p{font-size: 15px;line-height: 28px;}
.about1-right a{    margin-top: 16px;display: inline-block;background: #4EA439;color: #fff;padding: 10px 20px;transition: 0.5s;}
.about1-right a img{    margin-top: -4px;margin-left: 10px;transition: 0.5s;}
.about1-right a:hover img{transform: translate(10px,0);}
.about1-right a:hover{  padding: 10px 30px 10px 20px;}

.about2 .swiper-pagination{    bottom: 0;}
.about2 .swiper-pagination-bullet-active{    background: #4EA439;width: 10px;height: 10px;}
.about2 .swiper-pagination-bullet{width: 10px;height: 10px;}


/*项目*/
.xm{    width: 1200px;margin: 40px auto;}
.xm ul li{float: left;width: 16%;margin-right: 0.8%;}
.xm ul li:last-child{margin-right:0;}

/*底部*/
.di1{background: #F7F5F4;}
.di{width: 1200px;margin: 0 auto;padding: 20px 0;    position: relative;}
.di-left{    float: left;}
.di-right{    float: right;}
.di p{font-size: 14px;line-height: 20px;}
.di-left p:first-child,.di-right p:first-child{    margin-bottom: 10px;}
.di-right p:last-child{    float: right;}
.di a:hover, a:focus {color: #4EA439;}


.di-wx{    display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.di-wx img{width: 80px;float: left;}
.di-wx p{float: right;writing-mode: tb-rl;margin-top: 12px;margin-left: 5px;}


/*视频弹出*/
#mould72063{ display:none;}
.video{ width:100%; height:100%; float:left; background: url(/images/video.jpg) no-repeat; position:relative;}
.videoplay{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.dialog,.dialog__overlay {width: 100%;height: 100%;top: 0;left: 0;}
.dialog {position: fixed;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;pointer-events: none;z-index: 10;}
.dialog__overlay {position: absolute;z-index: 1;background: rgba(0, 0, 0, 0.8);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;}
.dialog--open .dialog__overlay {opacity: 1;pointer-events: auto;}
.dialog--open .dialog__overlay .action{z-index: 15;}
.dialog__content {width: 60%;height: auto;-padding: 4em;text-align: center;position: relative;z-index: 5;opacity: 0;box-sizing:border-box;padding: 0.2rem; opacity: 0;}
.dialog{visibility: hidden;}
.dialog.dialog--close{visibility: hidden;}
.dialog.dialog--open{visibility: visible;}
.dialog.dialog--open .dialog__content{opacity: 1;}
.dialog.dialog--close .dialog__content{opacity: 0;}
.dialog__content video{width: 100%;height: 100%;object-fit: cover;}
.dialog--open .dialog__content {pointer-events: auto;}
/* Content */
.dialog h2 {margin: 0;font-weight: 400;font-size: 2em;padding: 0 0 2em;margin: 0;}
@media (max-width: 767px){
	.dialog__content {width: 96%;height: auto;}
}



@media screen and (min-width:1440px) and (max-width:1680px){ 




  
 

 


}




@media screen and (min-width:1360px) and (max-width:1439px){ 

  

}
