@charset "utf-8";
/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:948px;position: relative;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* 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; position:relative;}
.ibanner .swiper-slide .ban-img {background-size: 100% auto;background-repeat: no-repeat;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{width: 272px;right: 330px;bottom: 35%;left: auto;}
.ibanner .ban-fbg{ background:rgba(30,30,30,0.5); position:absolute; height:425px; width:425px;  z-index:1;right: 278px;bottom: 230px;}
.ibanner .ban-font{ background:rgba(30,30,30,0.5); position:absolute; height:425px; width:425px;  z-index:1;right: 278px;bottom: 230px;text-align:center;}
.ibanner .ban-font .fslide{ position:absolute; width:100%; height:100%;opacity:0;}
.ibanner .ban-font .active{opacity:1;}
.ibanner .ban-font .ban-t{ padding-top:40%;color: #fff;position: relative;}
.ibanner .ban-font .ban-t em {position: absolute;left: -40px;bottom: 60px;z-index: 33;color: #fff;font-size: 90px;font-style: normal;font-weight: bold;}
.ibanner .ban-font .ban-t h2 {color: #fff;font-size: 30px;}
.ibanner .ban-font .ban-t p {color: #989898;font-size: 18px;}
.ibanner .ban-font .active .ban-t{animation: fadeInDown 2s forwards;}
.ibanner .ban-font .active a{animation: fadeInDown 2s 0.6s forwards;}

.ibanner .swiper-scrollbar-drag{ background:#fff;}
.ibanner .swiper-button-prev{ right:370px;left: auto;}
.ibanner .swiper-button-next{ right:330px;left: auto;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:70%; background:none;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:3rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}

.idot{ position: absolute; bottom:30px; width: 63px; height: 80px; left: 0; right: 0; margin: 0 auto; z-index: 10; cursor: pointer;}
.idot span{ background: url(../img/sb.png) no-repeat center center; width: 20px; height: 64px; display: block; width: 100%; height: 64px; margin-top: 10px; animation: ascroll 2s infinite;}
@keyframes ascroll{
	0%{transform: translate3d(0,0,0);}
	50%{transform: translate3d(0,20px,0);}
	100%{transform: translate3d(0,0,0);}
}

/*产品中心*/
.sect_pro {padding:6rem 0;overflow: hidden;}
.title_1 {text-align: center;margin-bottom: 3rem;padding: 0;overflow: hidden;position: relative;}
/*.title_1:before {content: "";display: block;width: 100%;height: 39px;background: url(../img/wood.png) no-repeat top center;position: absolute;z-index: 3;top:40px;left:0;}*/
.title_1 img {max-width: 100%;}
.title_1 h2 {color: #333;font-size: 32px;line-height: 64px;}
.title_1 p {color: #4b4848;font-size: 18px;line-height: 30px;} 


/*产品列表*/
.prolist {padding:0;overflow: hidden;}
.prolist .proitem{border: none;width: auto; margin-bottom:20px;}
.prolist .proitem a{ display: block;padding: 0;position: relative;overflow: hidden;}
.prolist .proitem .pimg{ padding: 0; overflow: hidden;transition:all 0.3s;}
.prolist .proitem .pimg img {width: 100%;height: auto;max-width: 100%;}
.prolist .proitem .protit {text-align: center;position: absolute;left: 0;right: 0;bottom:10%;z-index: 3;}
.prolist .proitem .protit h2 {color: #fff;font-size: 30px;line-height: 40px;text-transform: uppercase;font-family: 'Arial';}
.prolist .proitem .protit p {color: #fff;font-size: 28px;line-height:40px;font-weight: bold;transition: .5s ease;}
.prolist .proitem:hover .pimg img {transform: scale(1.3);transition:all 0.5s;}
.prolist .proitem:hover .protit p {letter-spacing: 5px;}
.prolist .p1 .pimg {background: #337843;}
.prolist .p1 .protit {bottom: 50%;margin-bottom: -35px;}
.prolist .p1:hover .pimg img {transform: scale(0.8);transition:all 0.5s;}


/*经典案例*/
.sect_case {padding: 3rem 0;overflow: hidden;}
.sect_case .caselist  {max-width: 1920px;margin:0 auto;}
.sect_case .caselist .swiper-container {width: 100%;height: 100%;}
.sect_case .caselist .swiper-container .swiper-wrapper {width: 100%;}
.sect_case .caselist .swiper-container .swiper-slide {width: 70%;}
.sect_case .caselist .caseitem {width: 100%;padding: 0;overflow: hidden;}
.sect_case .caselist .caseitem a {display: block;width: 100%;height: 100%;position: relative;}
.sect_case .caselist .caseitem a:before {content: "";width: 100%;height: 100%;background: #000;opacity:0.5;transition: 0.5s ease;position: absolute;z-index: 3; left:0;right: 0;top:0;bottom:0;}
.sect_case .caselist .swiper-container .swiper-slide-active .caseitem a:before {opacity: 0;}
.sect_case .caselist .caseitem .icon {border: none;}
.sect_case .caselist .caseitem .icon img {width:100%;height: 100%;object-fit: cover;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.sect_case .caselist .caseitem .mark {padding: 20px 30px;overflow:hidden;background: #337843;position: absolute;top:0;left: 0;z-index: 2;color: #fff;font-size: 30px;line-height: 40px;font-weight: bold;}
.sect_case .caselist .caseitem .casecon {padding: 20px;overflow: hidden;background: url(../img/casebg.png) no-repeat bottom center;background-size: cover;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.sect_case .caselist .caseitem .casecon p {color: #bfbfbf;font-size: 14px;line-height: 25px;}
.sect_case .caselist .caseitem .casecon .ctel {display: block;width:50%;height: 50px;background: #337843;line-height: 50px;border-radius: 25px;color: #fff;font-size: 16px;text-align: center;float: right; }
.sect_case .caselist .caseitem .casecon .ctel i {display: inline-block;width: 29px;height: 100%;background:url(../img/tel.png) no-repeat center;vertical-align:middle;margin-right: 10px;}


/*相关动态*/
.sect_news {padding: 3rem 0 0;overflow: hidden;}
.news-brow {padding:6rem 0;overflow: hidden;background: url(../img/newbg.jpg) repeat-x top center #ebebeb;}
.news-brow .ul-news .news-li { padding:0;overflow: hidden;margin:0 0 20px;}
.news-brow .ul-news .news-li a {display: block;}
.news-brow .ul-news .news-li .icon {background: #f5f3f1;padding: 0;overflow: hidden;}
.news-brow .ul-news .news-li .news-cont {padding: 20px 0 0;overflow: hidden;}
.news-brow .ul-news .t {color: #292929;font-size: 18px;line-height: 40px;}
.news-brow .ul-news .news-cont p {color: #888;font-size: 16px; line-height: 30px;margin-bottom: 35px;} 
.news-brow .ul-news .news-cont span {display: block;color: #616262;font-size: 18px;line-height: 60px;border-bottom: 1px solid #292929;padding: 0 20px;overflow: hidden;}
.sect_news .nmore {display: block;color: #4b4848;font-size: 16px;line-height: 60px;padding-left: 20px;text-transform: uppercase;transition: all 0.4s;}
.sect_news .news-li:hover .icon img {transform: scale(1.3);transition:all 0.5s;}
.sect_news .news-li:hover  .news-cont .t {color: #337842;}

/*关于我们*/
.sect_about {padding: 8rem 0 20rem;overflow: hidden;background:url(../img/aboutbg.jpg) no-repeat bottom center;min-height: 500px;}
.sect_about .about {padding-left: 30%;overflow: hidden;text-align: right;}
.sect_about .about .aname {color: #333;font-size: 32px;line-height: 60px;margin-bottom: 20px;}
.sect_about .about .alist {padding: 0;overflow: hidden;margin-bottom: 10px;text-align: right;}
.sect_about .about .alist a {display: inline-block;color: #1a1a1b;font-size: 20px;margin-left: 40px;}
.sect_about .about .alist a:hover {color: #337843;}
.sect_about .about .aboutcon {color: #4b4848;font-size: 16px;line-height: 35px;margin-bottom:130px;}
.sect_about .about .amore {display: block;color: #fff;font-size: 16px;width: 255px;height: 65px;background: #337843;line-height: 65px;text-align: center;float: right;letter-spacing:0;transition: .5s ease;} 
.sect_about .about .amore:hover {letter-spacing:5px;transition: .5s ease;}

@media screen and (max-width:1450px){ 
	.ibanner {height: 710px;}
	.ibanner .ban-fbg{ bottom: 120px;height: 370px;}
	.ibanner .ban-font{ bottom: 120px;height: 370px;}
	.ibanner .ban-font .ban-t {padding-top: 25%;}
	.ibanner .swiper-container-horizontal > .swiper-scrollbar {bottom: 35%;}
	.ibanner .swiper-button-prev, .ibanner .swiper-button-next {top: 70%;}
	.prolist .proitem .protit h2 {font-size: 36px;line-height: 55px;}
	.prolist .proitem .protit p {font-size: 20px;}
	.news-brow {padding: 9rem 0 4rem;}
	.news-brow .ul-news .news-cont p {margin-bottom: 20px;}

}
@media screen and (max-width:1200px){ 

}