/* swiper */
.slide-bn{position:relative;width:100%;clear:both;overflow:hidden;background-color:#0a758f;}
.slide-bn .swiper-slide{min-height:420px;}
.slide-bn .swiper-slide img{width:100%;height:auto;min-height:100%;}
.slide-bn .swiper-slide{position:relative;}
/*.slide-bn .swiper-slide:after{position:absolute;content:'';width:100%;height:100%;z-index:1;top:0;left:0;background-color:rgba(33, 125, 186, 0.55);} */
.slide-bn .i-text{position:absolute;width:100%;height:100%;left:0;top:0;z-index:99;
display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.slide-bn .i-tb{width:65%;}
.slide-bn .i-text-o .i-tb{float:right;text-align:right;}
.slide-bn h2{font-size:43px;font-weight:300;color:#FFF;margin:0 0 25px 0;}
.slide-bn h2 b{display:block;font-weight:800;font-size:50px;}
.slide-bn p{margin:0 0 45px 0;color:#FFF;font-size:17px;}
.slide-bn .i-text li{list-style:disc;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:#0a758f;background-color:#0a758f;color:#FFF !important;}
.slide-bn .swiper-slide img{width:100%;height:auto;min-height:100%;}
.swiper-pagination-bullet-active{background-color:#0a758f !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{margin-bottom:45px;}
.floor-title1 .i-sub{margin-bottom:15px;}
.floor-title1 .i-sub h3{color:#0a758f;font-size:18px;display:inline-block;position:relative;margin:0;}
.floor-title1 .i-sub h3:after{position:absolute;content:'';height:1px;width:80px;right:-100px;top:47%;background-color:#0a758f;}
.floor-title1 h2, .floor-title2 h2{font-size:26px;font-weight:700;line-height:125%;margin:0;}
.floor-title1 .i-line{width:50px;height:3px;background-color:#0a758f;margin-top:20px;}

.floor-title2{text-align:center;margin-bottom:45px;}
.floor-title2 .i-sub{font-size:18px;color:#0a758f;font-weight:600;margin-bottom:15px;}
.floor-title2 .i-line{width:50px;height:3px;background-color:#0a758f;margin:20px auto 0 auto;}

/* floor */
/* ------------------------------------
// product
------------------------------------ */
.floor-product{padding:90px 0;background-color:#f8f9fa;}
.floor-product .i-item{float:left;width:33.33%;}
.floor-product .b{margin:12px;background-color:#FFF;}
.floor-product .i-text{padding:20px;text-align:center;}
.floor-product h3{font-size:18px;margin:0;}
.floor-product .i-btn{margin-top:50px;text-align:center;}

/* ------------------------------------
// about
------------------------------------ */
.floor-about{padding:90px 0;}
.floor-about .i-items{display:grid;grid-template-columns:53% 47%;align-items:center;align-content:center;}
.floor-about .i-img{grid-area:1/2;}
.floor-about .i-text{grid-area:1/1;}
.floor-about .i-img img{width:100%;cursor:pointer;}
.floor-about .i-text-b{margin-right:80px;}
.floor-about .i-summary{font-size:15px;}
.floor-about .i-summary li, .floor-why .i-summary li{list-style:disc;margin:0 0 10px 14px;font-size:17px;}
.floor-about .i-btn{margin-top:45px;}
.floor-about .i-column{border:1px solid #0a758f;margin-top:35px;
display:grid;grid-template-columns:25% 25% 25% 25%;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.floor-about h4{font-size:16px;margin-bottom:10px;}
.floor-about h4 i{font-style:normal;font-size:10px;margin-left:4px;}
.floor-about .i-column .b{padding:25px 10px;text-align:center;}
.floor-about .i-column p{margin:0;font-size:10px;margin:0;}

/* ------------------------------------
// why
------------------------------------ */
.floor-why .wrap{position:relative;}
.floor-why .i-main{padding:120px 0;position:relative;}
.floor-why .i-main:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(70, 152, 162, 0.85);}
.floor-why .floor-title1 .i-sub h3{color:#e9c46a;}
.floor-why .floor-title1 .i-sub h3:after{background-color:#e9c46a;}
.floor-why .floor-title1 h2{color:#FFF;}
.floor-why .i-content{width:60%;position:relative;z-index:3;}
.floor-why .i-summary{color:#FFF;font-size:20px;}
.floor-why .i-summary li{color:#FFF;float:left;width:46%;}
.floor-why .i-btn{position:absolute;bottom:-180px;left:0;z-index:3;background-color:#007380;color:#FFF !important;padding:30px;font-size:20px;
border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.floor-why .i-btn .if{font-size:24px;vertical-align:middle;}
.floor-why .i-cover-wrap{position:absolute;z-index:1;width:36.5%;bottom:-210px;right:0;}
.floor-why .i-cover{overflow:hidden;border-radius:0 0 0 260px;-webkit-border-radius:0 0 0 260px;-moz-border-radius:0 0 0 250px;}
.floor-why .i-cover img{width:100%;}

.floor-certs{padding:110px 0;}
.floor-certs .i-more-item{float:left;width:33.33%;}
.floor-certs .i-more-item img{width:100%;}
.floor-certs .i-more-item a:hover{text-decoration:none;}

/* ------------------------------------
// project
------------------------------------ */
.floor-project{padding:0 0 90px 0;}
.floor-project .floor-title1{margin-right:auto;margin-left:auto;max-width:720px;text-align:center;}
.floor-project .floor-title1 .i-line{margin-right:auto;margin-left:auto;}
.floor-project .i-items{display:grid;grid-template-columns:31.8% 31.8% 31.8%;grid-gap:30px;margin-bottom:50px;}
.floor-project .i-col{background-color:#efefef;position:relative;overflow:hidden;}
.floor-project .i-col img{width:100%;}
.floor-project .i-bn-hover{position:absolute;left:0;top:0;height:100%;width:100%;
-webkit-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);transform: rotateY(-90deg);
-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;
-webkit-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;
opacity: 0;filter: alpha(opacity=0);}
.floor-project .i-col:hover .i-bn-hover{-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);opacity: 1;filter: alpha(opacity=100);}
.floor-project .i-bn-text-b{padding:60px 50px;text-align:center;}
.floor-project h3{font-size:27px;margin-bottom:30px;}
.floor-project .i-btn{margin-bottom:40px;text-align:center;}
.floor-project-swiper{position:relative;overflow:hidden;padding-bottom:60px;}
.floor-project-swiper .i-text{margin-top:15px;text-align:center;}

/* ------------------------------------
// adv
------------------------------------ */
.floor-adv{padding:90px 0;background-color:#f8f9fa;}
.floor-adv .i-items{display:grid;grid-template-columns:25% 25% 25% 25%;}
.floor-adv .b{margin:0 30px 30px 30px;text-align:center;}
.floor-adv .i-icon{margin:0 auto;width:94px;overflow:hidden;padding:12px;
box-shadow:0 10px 25px rgba(60,72,88,0.15);-moz-box-shadow:0 10px 25px rgba(60,72,88,0.15);-webkit-box-shadow:0 10px 25px rgba(60,72,88,0.15);}
.floor-adv .i-icon img{border:1px solid #0a758f;width:100%;}
.floor-adv .i-icon, .floor-adv .i-icon img{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.floor-adv .i-text{margin-top:25px;}
.floor-adv .i-text h3{font-size:18px;margin:0 0 10px 0;}
.floor-adv .i-text p{margin:0;line-height:155%;font-size:14px;}
.floor-adv .i-btn{text-align:center;margin-bottom:35px;}

/* ------------------------------------
// cert
------------------------------------ */
.floor-cert-swiper{position:relative;overflow:hidden;padding-bottom:60px;}
.floor-cert{padding:90px 0;}
.floor-cert .i-img img{width:100%;}
.floor-cert .i-btn{margin-bottom:45px;text-align:center;}
.floor-cert .i-text{margin-top:15px;text-align:center;}

/* ------------------------------------
// device
------------------------------------ */
.floor-device{padding-bottom:90px;}
.floor-device .i-btn{text-align:center;margin-bottom:35px;}
.floor-device .i-text{margin-top:15px;}
.floor-device-swiper{position:relative;overflow:hidden;padding-bottom:60px;}
.floor-device-swiper img{width:100%;min-height:180px;}

/* ------------------------------------
// blog
------------------------------------ */
.floor-blog .i-btn{text-align:center;margin-bottom:35px;}
.floor-blog{padding:90px 0;}
.floor-blog .i-text{margin-top:20px;}
.floor-blog .i-text h3{font-size:18px;}
.floor-blog .i-text p{text-overflow:ellipsis;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.floor-blog-swiper{position:relative;overflow:hidden;padding-bottom:60px;}


/* ------------------------------------
// video
------------------------------------ */
.floor-video{padding:0 0 90px 0;}
.floor-video .i-btn{text-align:center;margin-bottom:35px;}
.floor-video .i-img{position:relative;}
.floor-video .i-img img{width:100%;}
.floor-video .i-play{position:absolute;left:0;top:42%;width:100%;z-index:2;text-align:center;}
.floor-video .i-play .if{font-size:38px;cursor:pointer;color:#0a758f;}
.floor-video .i-text{margin-top:20px;}
.floor-video .i-text h3{font-size:18px;}
.floor-video .i-text p{text-overflow:ellipsis;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.floor-video-swiper{position:relative;overflow:hidden;padding-bottom:60px;}


.floor-act1, .floor-act2{padding:90px 0;}
.floor-act1{background-color:#f8f9fa;}
.floor-act1 .i-items, .floor-act2 .i-items{display:grid;grid-template-columns:55% 45%;align-items:center;align-content:center;}
.floor-act1 .i-btn, .floor-act2 .i-btn{text-align:right;}
.floor-act1 h2, .floor-act2 h2{font-size:34px;font-weight:700;}
.floor-act2 .btn-radius{background-color:transparent;border-color:#FFF;color:#FFF !important;}
.floor-act2 .btn-radius:hover{background-color:#c1a683 !important;border-color:#c1a683 !important;}
.floor-act2 h2{color:#FFF;}
.floor-act2 .i-summary{color:#FFF;}



/* ------------------------------------
// swiper
------------------------------------ */
.swiper-btn-prev, .swiper-btn-next{position:absolute;z-index:2;top:35%;cursor:pointer;}
.swiper-btn-prev .if, .swiper-btn-next .if{font-size:60px;color:#FFF;}
.swiper-btn-prev{left:0;}
.swiper-btn-next{right:0;}

/* ------------------------------------
// 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{overflow:hidden;}
.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;}
.slide-bn .wrap{margin:0;padding:0 80px;width: -moz-calc(100% - 160px);width: -webkit-calc(100% - 160px);width: calc(100% - 160px);}
.slide-bn .i-tb{width:80%;}


.floor-product .wrap{width:auto;}
.floor-product .b{margin:10px;}

.floor-why .i-cover-wrap{bottom:-160px;}
.floor-why .i-btn{bottom:-150px;}

}

@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;}
.slide-bn p{font-size:14px;}


.floor-product .i-item{width:50%;}

.floor-about .i-items{display:block;}
.floor-about .i-text-b{margin:35px 0 0 0;}

.floor-why .i-cover-wrap{display:none;}
.floor-why .i-content{width:100%;}
.floor-why .i-btn{position:static;margin-top:40px;}
.floor-why .i-more-wrap{padding:120px 0;}
.floor-why .i-more-item .b{margin:0 20px;}

.floor-project{padding:110px 0;}

.floor-col4{grid-template-columns:48.2% 48.2%;}

.floor-adv .i-items{grid-template-columns:33.33% 33.33% 33.33%;}

}

@media screen and (max-width:860px){
.slide-bn h2{font-size:20px;}
.slide-bn h2 b{font-size:26px;}


.floor-why .i-summary li{float:none;width:100%;}

}


@media screen and (max-width:640px){
.slide-bn .wrap{padding:0 18px;width: -moz-calc(100% - 36px);width: -webkit-calc(100% - 36px);width: calc(100% - 36px);}
.slide-bn .swiper-slide{min-height:100px;}
.slide-bn .i-tb{width:65%;}
.slide-bn h2{font-size:12px;margin:0 0 6px 0;}
.slide-bn h2 b{font-size:14px;}
.slide-bn p{margin:0 0 8px 0;font-size:9px;font-weight:300;line-height:135%;}
.slide-bn .btn-radius{height:18px;line-height:18px;padding:0 8px;font-size:9px !important;}
.iswiper-btn-next, .iswiper-btn-prev{display:none;}
.slide-bn .i-text li{font-size:9px;}
.slide-bn .swiper-pagination{bottom:0 !important;}

.floor-title1 h2, .floor-title2 h2{font-size:32px;}
.floor-title1 .i-sub{margin-bottom:10px;}
.floor-title1 .i-sub h3{font-size:14px;}
.floor-title1, .floor-title2{margin-bottom:40px;}
.floor-title2 .i-sub{font-size:14px;margin-bottom:10px;}

.floor-about, .floor-product, .floor-project, .floor-adv, .floor-certs,
.floor-act1, .floor-blog{padding:50px 0;}

.floor-about .i-summary{font-size:17px;}

.floor-product .i-item{margin-bottom:6px;}
.floor-product .i-item:nth-child(odd) .b{margin:0 3px 0 0;}
.floor-product .i-item:nth-child(even) .b{margin:0 0 0 3px;}
.floor-product h3{font-size:14px;}

.floor-why .i-main{padding:50px 0;}
.floor-why .i-btn{margin-top:20px;font-size:16px;padding:20px;}
.floor-why .i-more-wrap{padding:20px 0 60px 0;}
.floor-why .i-more-item{float:none;width:100%;margin-top:40px;}
.floor-why .i-more-img{width:90px;}
.floor-why .i-more-text{margin-top:20px;}

.floor-col4{display:block;}
.floor-col4 .i-text{margin:10px 0 25px 0;}
.floor-col4 .i-text h3{font-size:16px;}

.floor-adv .i-items{grid-template-columns:50% 50%;}
.floor-adv .i-icon{width:70px;}
.floor-adv .b{margin:0 10px 30px 10px;}
.floor-adv .i-text h3{font-size:16px;}
.floor-adv .i-text p{font-size:13px;}

.floor-certs .i-more-item{width:50%;}
.floor-act1 .i-items, .floor-act2 .i-items{display:block;}
.floor-act1 .i-btn, .floor-act2 .i-btn{margin-top:30px;text-align:left;}

.floor-col4 .i-text h3{margin:0;}
.floor-col4 .i-text p{margin:5px 0 0 0;}

.floor-video{padding-bottom:50px;}
}