/* swiper */
.slide-bn{position:relative;width:100%;clear:both;background-color:#222;overflow:hidden;}
.slide-bn .swiper-slide{min-height:320px;}
.slide-bn .swiper-slide img{width:100%;height:auto;min-height:100%;}
.swiper-slide{position:relative;}
.slide-bn .i-text{position:absolute;width:100%;left:0;top:35%;}
.slide-bn .i-tb{width:55%;}
.slide-bn .i-text-o .i-tb{float:right;text-align:right;}
.slide-bn h2{font-size:48px;font-weight:700;color:#FFF;margin:0 0 25px 0;}
.slide-bn h2 b{display:block;color:#ed1c22;}
.slide-bn p{margin:0 0 45px 0;color:#FFF;font-size:17px;}
.slide-bn .btn-radius{border-color:#FFF;background-color:transparent;color:#FFF !important;}
.slide-bn .btn-radius:hover{border-color:#015aaa;background-color:#015aaa;color:#FFF !important;}
.slide-bn .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.slide-bn .swiper-slide-active img, .slide-bn .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.swiper-pagination-bullet-active{background-color:#015aaa !important;}
.iswiper-btn-prev, .iswiper-btn-next{position:absolute;z-index:3;top:45%;overflow:hidden;
height:50px;width:50px;text-align:center;cursor:pointer;
background-color:rgba(0, 0, 0, 0.4);border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.iswiper-btn-prev .if, .iswiper-btn-next .if{line-height:50px;font-size:42px;color:#FFF;}
.iswiper-btn-next{right:-55px !important;}
.iswiper-btn-prev{left:-55px !important;}
.slide-bn:hover .iswiper-btn-next{right:20px !important;}
.slide-bn:hover .iswiper-btn-prev{left:20px !important;}


/* title */
.floor-title1 .i-sub{margin-bottom:30px;}
.floor-title1 .i-sub h3{color:#ed1c22;font-size:18px;display:inline-block;position:relative;margin:0;}
.floor-title1 .i-sub h3:after{position:absolute;content:'';height:2px;width:160px;right:-200px;top:47%;background-color:#ed1c22;}
.floor-title1 h2{font-size:48px;line-height:165%;margin:0;}

.floor-title2{text-align:center;margin-bottom:80px;}
.floor-title2 h2{display:inline-block;font-size:48px;vertical-align:middle;margin:0 30px 0 0;}
.floor-title2 .i-title-line{display:inline-block;height:2px;width:160px;background-color:#ed1c22;vertical-align:middle;}
.floor-title2 .i-title-sub{margin:25px auto 0 auto;max-width:860px;text-align:center;color:#666;}

/* floor */
.floor-about{margin-top:150px;position:relative;z-index:2;}
.floor-about .i-title, .floor-about .i-gallery{float:left;width:50%;overflow:hidden;}
.floor-about .floor-title1{margin-right:100px;}
.floor-about .i-gallery img{width:100%;}
.floor-about .i-gallery .i-thumb, .floor-about .i-gallery .i-text{float:left;width:50%;}
.floor-about .i-gallery-top{background-color:#ed1c22;}
.floor-about .i-gallery-bottom{background-color:#015aaa;}
.floor-about .i-text-b{padding:50px;color:#FFF;}
.floor-about .i-text-btn{margin-top:40px;}
.floor-about .i-text-btn .btn-radius{background-color:transparent;color:#FFF !important;border-color:#FFF;}


.floor-why{background-color:#015aaa;position:relative;top:-60px;z-index:1;padding:200px 0 150px 0;}
.floor-why .wrap{padding:0 60px;max-width:1640px;}
.floor-why .floor-title2 h2{color:#FFF;}
.floor-why .i-item{float:left;width:25%;}
.floor-why .b{background-color:#FFF;margin:0 20px;}
.floor-why .i-text{padding:25px;}

.floor-product{padding:90px 0 150px 0;}
.floor-product .i-item{float:left;width:25%;}
.floor-product .i-item:nth-child(2n){margin-top:80px;}
.floor-product .b{position:relative;overflow:hidden;}
.floor-product .b:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:55%;z-index:1;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45));}
.floor-product .i-text{position:absolute;bottom:0;left:0;width:100%;z-index:3;}
.floor-product .i-text-b{padding:35px;}
.floor-product .i-text-b h3{color:#FFF;margin:0;}
.floor-product .i-text-line{overflow:hidden;width:0;height:0;border-bottom:2px solid #ed1c22;}
.floor-product .i-item:hover .i-text-line{width:80px;height:20px;}

.floor-news{background-color:#F2F2F2;padding:150px 0;}
.floor-news .i-title{float:left;width:25%;}
.floor-news .i-title .i-btn{margin-top:50px;}
.floor-news .i-items{float:left;width:75%;}
.floor-news ul{margin-left:20px;}
.floor-news li{float:left;width:33.33%;}
.floor-news li .b{margin-left:40px;background-color:#FFF;}
.floor-news li .i-text{padding:25px;}
.floor-news h3 a{font-weight:bold;font-size:18px;}
.floor-news .i-text p{color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}

.floor-footer{position:relative;background-color:#015aaa;padding:150px 0;}
.floor-footer .wrap{position:relative;z-index:2;}
.floor-footer .i-bg{position:absolute;left:0;top:0;width:50%;height:100%;}
.floor-footer .i-left, .floor-footer .i-right{float:left;width:50%;overflow:hidden;}
.floor-footer .i-left{background-color:#FFF;}
.floor-footer .i-summary{padding:80px;line-height:200%;font-size:20px;}
.floor-footer .i-title{margin-left:80px;}
.floor-footer .i-btn{margin-top:50px;}
.floor-footer .floor-title1 h2{color:#FFF;}
.floor-footer .btn-radius{border-color:#FFF;background-color:transparent;color:#FFF !important;}
.floor-footer .btn-radius:hover{border-color:#ed1c22;background-color:#ed1c22;color:#FFF !important;}

/*-------- common --------*/
/* transition */
.iswiper-btn-next, .iswiper-btn-prev, .swiper-slide .i-btn a,
.floor-product .i-text-line{
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-col6 .i-col:hover .i-img
{-moz-box-shadow:0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.15);box-shadow:0 1px 10px rgba(0,0,0,0.15);}


.floor-product .i-img img
{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.floor-product .i-item:hover .i-img img
{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}


/*-------- media --------*/
@media screen and (max-width:1300px){
.slide-bn h2{font-size:32px;}
.slide-bn h2 b{font-size:42px;}

.floor-why .wrap{padding:0 18px;}
}

@media screen and (max-width:960px){
.slide-bn .swiper-slide{min-height:220px;}
.slide-bn h2{font-size:22px;}
.slide-bn h2 b{font-size:32px;}

.floor-title1 h2, .floor-title2 h2{font-size:42px;}
.floor-about .i-text-b{padding:25px;}

.floor-why .wrap{padding:0 10px;}
.floor-why .b{margin:0 10px;}
.floor-about .i-gallery-bottom .i-text, .floor-about .i-gallery-bottom .i-thumb{width:100%;}

.floor-product .i-item:nth-child(2n){margin-top:40px;}

.floor-news .i-title, .floor-news .i-items{width:100%;}
.floor-news .i-items{margin-top:50px;}
.floor-news ul{margin:0;}
.floor-news li .b{margin:0 10px;}

.floor-footer .i-left, .floor-footer .i-right{float:inherit;width:auto;}
.floor-footer .i-bg{width:100%;}
.floor-footer .i-summary, .floor-footer .i-right{padding:60px;}
.floor-footer .i-title{margin:0;}
.floor-footer .i-right{background-color:#015aaa;}
}

@media screen and (max-width:860px){
.floor-about, .floor-why, .floor-product, .floor-news, .floor-footer{margin:0;padding:90px 0;}
.floor-why{top:0;}

.floor-about .i-title, .floor-about .i-gallery{float:inherit;clear:both;width:100%;}
.floor-about .i-title{margin-bottom:45px;}
.floor-about .floor-title1{margin:0;}

.floor-why .i-item{width:50%;}
.floor-why .b{margin:10px;}
}


@media screen and (max-width:640px){
.slide-bn .swiper-slide{min-height:80px;}
.slide-bn .i-text{top:17%;}
.slide-bn .i-tb{width:95%;}
.slide-bn h2{font-size:14px;margin:0 0 8px 0;}
.slide-bn h2 b{font-size:18px;}
.slide-bn p{margin:0 0 8px 0;font-size:10px;font-weight:300;}
.slide-bn .btn-radius{height:20px;line-height:20px;padding:0 10px;font-size:10px !important;}
.iswiper-btn-next, .iswiper-btn-prev{display:none;}

.floor-about, .floor-why, .floor-product, .floor-news, .floor-footer{padding:60px 0;}
 
.floor-title1 h2, .floor-title2 h2{font-size:38px;}
.floor-title1 .i-sub{margin-bottom:20px;}
.floor-title2{margin-bottom:50px;}
.floor-title1 .i-sub h3::after{width:80px;right:-120px;}

.floor-about .i-title{margin-bottom:35px;}
.floor-about .i-gallery .i-thumb, .floor-about .i-gallery .i-text{width:100%;}
.floor-about .i-text-b{padding:30px;}

.floor-why .i-item{width:100%;margin-bottom:20px;}
.floor-why .b{margin:0;}
.floor-why .wrap{padding:0 18px;}

.floor-product .i-item{width:100%;margin-bottom:20px;}
.floor-product .i-item:nth-child(2n){margin:0 0 20px 0;}

.floor-news li{width:100%;margin-bottom:20px;}
.floor-news li .b{margin:0;}

.floor-footer .i-summary, .floor-footer .i-right{padding:40px;}
.floor-footer .i-summar{font-size:17px;}
}