/* swiper */
.slide-bn{position:relative;width:100%;clear:both;background-color:#76a830;overflow:hidden;margin-top:8px;}
.slide-bn .swiper-slide{min-height:320px;}
.slide-bn .swiper-slide img{width:100%;height:auto;min-height:100%;}
.slide-bn .swiper-button-next{right: -30px !important;}
.slide-bn .swiper-button-prev{left:-30px !important;}
.slide-bn:hover .swiper-button-next{right:20px !important;}
.slide-bn:hover .swiper-button-prev{left:20px !important;}
.swiper-slide{position:relative;}

/* text */
.floor-txt1{padding:120px 0;}
.floor-txt1 .i-img{float:right;width:43%;}
.floor-txt1 .i-img img{width:100%;cursor:pointer;}
.floor-txt1 .i-text{float:left;width:46%;}
.floor-txt1 h2{font-size:37px;color:#76a830;margin:0 0 30px 0;}
.floor-txt1 p{margin:0;padding:0 0 40px 0;font-size:16px;color:#3c3c3b;}

/* bn */
.floor-bn2{padding:100px 0;}
.floor-bn2 .i-col{float:left;width:33.33%;}
.floor-bn2 .b{width:280px;text-align:center;}
.floor-bn2 .i-col-1 .b{margin:0 auto;}
.floor-bn2 .i-col-2 .b{float:right;}
.floor-bn2 .i-img{overflow:hidden;border:5px solid #76a830;margin-bottom:35px;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.floor-bn2 .i-img img{width:100%;}
.floor-bn2 .i-img:hover{border-color:#FFF;}
.floor-bn2 .i-txt h3{font-size:23px;font-weight:500;margin:0 0 30px 0;}
.floor-bn2 .i-txt p{margin:0;color:#777;}

.floor-block{padding:50px 0;}
.floor-block .i-items{width:61.8%;}
.floor-block .i-bn{width:38.2%;position:relative;}
.floor-block .i-items-left, .floor-block .i-bn-left{float:left;}
.floor-block .i-bn-right, .floor-block .i-items-right{float:right;}
.floor-block .i-items-left .i-items-box{margin-right:20px;}
.floor-block .i-items-right .i-items-box{margin-left:20px;}
.floor-block .i-col{float:left;width:50%;overflow:hidden;}
.floor-block .i-col .b{margin:0 20px 20px 0;position:relative;}
.floor-block .i-items-right .i-col .b{margin:0 0 20px 20px;}
.floor-block .i-col .i-txt, .floor-block .i-bn-text
{position:absolute;width:100%;z-index:2;left:0;bottom:0;overflow:hidden;background-color:rgba(118, 168, 48, 0.72);
transition:background-color 0.5s ease 0s; -webkit-transition:background-color 0.5s ease 0s;-moz-transition:background-color 0.5s ease 0s;-o-transition:background-color 0.5s ease 0s;}
.floor-block .i-col:hover .i-txt, .floor-block .i-bn:hover .i-bn-text{background-color:#76a830;}
.floor-block .i-col .i-txt h3{margin:0;padding:20px;font-size:18px;color:#FFF;font-weight:400;}
.floor-block .i-bn-text-b{padding:25px;color:#FFF;}
.floor-block .i-bn-text .i-btn{margin-top:15px;text-align:center;}
.floor-block .i-bn-text .btn-radius{border-color:#FFF;}
.floor-block img{width:100%;}

.floor-bn-bybg{padding:120px 0 200px 0;margin-top:80px;}
.floor-bn-bybg .i-text{margin:0 auto;width:600px;text-align:center;}
.floor-bn-bybg .i-text h2{font-weight:600;font-size:42px;margin:0 0 30px 0;text-transform:uppercase;}
.floor-bn-bybg .i-text p{margin:0;line-height:200%;}
.floor-bn-bybg .i-text .i-btn{margin-top:45px;}

.floor-news{padding:120px 0;}
.floor-news li{float:left;width:340px;margin-right:40px;}
.floor-news li.nm{margin-right:0;}
.floor-news .b{background-color:#F2F2F2;}
.floor-news .i-text{padding:30px;}
.floor-news h3{font-size:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.floor-news p{color:#777;text-overflow:ellipsis;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.floor-news .i-btn{margin-top:30px;}
.floor-news .i-img img{width:100%;}

.floor-col5 li{float:left;width:188px;margin-right:40px;}
.floor-col5 li.nm{margin-right:0;}
.floor-col5 .b{border:1px solid #EEE;padding:25px;}
.floor-col5 img{width:100%;}


/* title */
.floor-title{margin-bottom:35px;position:relative;}
.floor-title h2{font-weight:600;font-size:30px;text-transform:uppercase;margin:0;}
.floor-title .i-more{position:absolute;right:0;top:5px;z-index:1;}

.floor-line{width:100%;clear:both;height:120px;}


/*-------- common --------*/
/* transition */
.swiper-button-next, .swiper-button-prev, .swiper-slide .i-btn a,
.floor-bn2 .i-img{
transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.floor-bn1 img
{width:100%;-webkit-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}
.floor-bn1 .c:hover img
{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/* border */
.floor-block .i-col .b, .floor-block .i-bn,
.floor-news .b,
.floor-col5 .b{overflow:hidden;
border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}

/* shadow */
.floor-bn1 .b{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.floor-bn1 .c:hover .b{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);box-shadow: 0 1px 10px rgba(0,0,0,0.3);}


@media screen and (max-width:1100px){
.slide-bn{margin-top:0;}

.floor-news li{width:33.33%;margin-right:0;}
.floor-news .b{margin:9px;}

.floor-col5 li{float:left;width:180px;margin:10px;}
}

@media screen and (max-width:960px){
.slide-bn .swiper-slide{min-height:220px;}

.floor-txt1{padding:90px 0;}

.floor-bn2 .b{width:auto;float:inherit !important;margin:0 18px !important;}
}

@media screen and (max-width:740px){
.floor-txt1{padding:60px 0;}
.floor-txt1 .i-img, .floor-txt1 .i-text{width:100%;}
.floor-txt1 .i-text{margin-top:40px;}

.floor-news li{width:50%;}
}

@media screen and (max-width:640px){
.slide-bn .swiper-slide{min-height:120px;}
.swiper-button-next, .swiper-button-prev{display:none;}

.floor-txt1{padding:18px 0 60px 0;}

.floor-bn2{padding:90px 0 30px 0;}
.floor-bn2 .b{margin:0 !important;}
.floor-bn2 .i-col{width:100%;margin-bottom:35px;}
.floor-bn2 .i-img{width:280px;margin:0 auto 25px auto;}
.floor-bn2 .i-txt h3{margin-bottom:25px;}

.floor-block{padding:30px 0;}
.floor-block .i-items, .floor-block .i-bn{width:100%;}
.floor-block .i-bn-text .i-btn{text-align:left;}
.floor-block .i-items-left .i-items-box, 
.floor-block .i-items-right .i-items-box{margin:16px 0 0 0;}
.floor-block .i-col:nth-child(odd) .b{margin:0 8px 16px 0;}
.floor-block .i-col:nth-child(even) .b{margin:0 0 16px 8px;}
.floor-block .i-col .i-txt h3{padding:18px;font-size:14px;}

.floor-bn-bybg{padding:90px 0 160px 0;margin-top:50px;}
.floor-bn-bybg .i-text{width:auto;}

.floor-news{padding:80px 0 50px 0;}
.floor-news li{width:100%;margin-bottom:25px;}
.floor-news .b{margin:0;}

.floor-col5 li{width:50%;margin:0 0 18px 0;}
.floor-col5 li:nth-child(odd) .b{margin:0 8px 0 0;}
.floor-col5 li:nth-child(even) .b{margin:0 0 0 8px;}

.floor-line{height:90px;}
}
