/* swiper */
.slide-bn{position:relative;width:100%;clear:both;background-color:#31aaa3;overflow:hidden;margin-bottom:100px;}
.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: -45px !important;}
.slide-bn .swiper-button-prev{left:-45px !important;}
.slide-bn:hover .swiper-button-next{right:20px !important;}
.slide-bn:hover .swiper-button-prev{left:20px !important;}
.swiper-slide{position:relative;}
.slide-bn .i-text{position:absolute;width:100%;left:0;bottom:26%;}
.slide-bn .i-tb{width:55%;}
.slide-bn .i-text-o .i-tb{float:right;text-align:right;}
.slide-bn h2{font-size:38px;font-weight:100;color:#FFF;margin:0 0 30px 0;}
.slide-bn h2 b{display:block;color:#31aaa3;font-weight:700;font-size:52px;}
.slide-bn p{margin:0 0 35px 0;color:#FFF;font-size:14px;font-weight:200;}
.slide-bn .btn-radius{border-color:#31aaa3;background-color:#31aaa3;color:#FFF !important;}
.slide-bn .btn-radius:hover{border-color:#FFF;background-color:transparent;color:#FFF;}
.swiper-pagination-bullet-active{background-color:#31aaa3 !important;}
.swiper-btn-np{padding:15px 8px;}

/* bn1 */
.floor-cat{margin-bottom:100px;}
.floor-cat .i-box{position:relative;margin-top:25px;}
.floor-cat .i-left{float:left;width:28%;}
.floor-cat .i-right{float:right;width:69%;}
.floor-cat .i-title{float:left;position:relative;}
.floor-cat .i-title h2{font-size:38px;}
.floor-cat .i-title p{font-size:20px;}
.floor-cat .i-title-line{position:absolute;z-index:2;width:150px;height:4px;background-color:#333;
right: -180px;top:35px;}
.floor-cat .i-pitem{float:left;width:33.33%;}
.floor-cat .i-pitem .b{margin-left:40px;}
.floor-cat .i-pline2, .floor-cat .i-pline3{width:100%;clear:both;height:30px;}
.floor-cat .i-pline2{display:none;}
.floor-cat .i-pname{margin-top:15px;line-height:135%;font-size:14px;color:#555;}
.floor-cat .i-img{border:1px solid #EEE;}
.floor-cat .i-img img{width:100%;}
.floor-cat .i-btn-more{margin-top:35px;text-align:center;}
.floor-cat .i-categories li{cursor:pointer;padding:10px 60px 10px 0;position:relative;}
.floor-cat .i-categories li:hover{background-color:#F2F2F2;padding-left:15px;font-weight:600;}
.floor-cat .i-categories li.on{background-color:#31aaa3;color:#FFF;padding-left:15px;}
.floor-cat .i-categories li em{display:none;position:absolute;z-index:2;top:36%;right:-10px;
width:20px;height:20px;background-color:#31aaa3;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.floor-cat .i-categories li.on em{display:block;}
.floor-cat .i-sp{position:absolute;top:0;left:28%;height:100%;width:2px;background-color:#31aaa3;}

.floor-col4{margin-bottom:100px;}
.floor-col4 .i-col{float:left;width:245px;margin-right:40px;}
.floor-col4 .i-col.nm{margin-right:0 !important;}
.floor-col4 .i-img{overflow:hidden;}
.floor-col4 .i-img img{width:100%;}
.floor-col4 .i-col:hover .i-img{border-color:#999;}
.floor-col4 .i-text{margin-top:20px;}
.floor-col4 h3{font-size:15px;font-weight:400;font-family:'Open Sans';}
.floor-col4 a:hover{text-decoration:none;}
.floor-col4 a:hover h3{color:#31aaa3;}

.floor-gray{padding:100px 0;margin-bottom:80px;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;background-color:#F5F5F5;}


.col-about{float:left;width:52%;}
.col-about .i-summary img{float:left;width:240px;margin:0 30px 30px 0;}
.col-about .i-btn{margin-top:30px;}

.col-news{float:right;width:38%;}
.col-news li{margin-bottom:15px;}
.col-news li:last-child{margin-bottom:0 !important;}
.col-news .i-thumb{float:left;width:32%;}
.col-news .i-thumb a{display:block;margin-right:20px;}
.col-news .i-text{float:left;width:68%;}
.col-news h3{font-size:16px;}
.col-news p{color:#666;}
.col-news .i-date{font-size:11px;color:#999;}
.col-news .i-summary{text-overflow:ellipsis;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}


.floor-col3{margin-bottom:100px;}
.floor-col3 .i-col{float:left;width:33.33%;}

.col-why{margin-right:40px;}
.col-why .i-h{position:relative;border:1px solid #DDD;padding:0 15px;height:42px;cursor:pointer;}
.col-why .i-h .if{position:absolute;right:15px;top:0;line-height:42px;}
.col-why .i-h h3{margin:0;line-height:42px;font-size:16px;}
.col-why .i-item{margin-bottom:15px;}
.col-why .i-summary{display:none;background-color:#F2F2F2;color:#555;padding:20px;font-size:13px;}

.col-testimonial{margin:0 20px}
.col-testimonial .i-box{position:relative;}
.col-testimonial .i-content{position:relative;border:1px solid #E5E5E5;background-color:#FFF;padding:20px;font-family:"Georgia";font-style:italic;color:#666;}
.col-testimonial .i-content .if{font-size:22px;margin-right:10px;}
.col-testimonial .i-arrow{position:absolute;z-index:2;right:20px;bottom:-10px;
border-bottom:1px solid #E5E5E5;border-right:1px solid #E5E5E5;background-color:#FFF;width:16px;height:16px;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.col-testimonial .i-uinfo{float:right;margin-top:25px;}
.col-testimonial .i-avatar{float:left;width:35px;margin-right:12px;}
.col-testimonial .i-name{float:left;line-height:135%;}
.col-testimonial .i-name i{font-size:11px;color:#999;}
.col-testimonial .i-tabs{position:absolute;left:0;bottom:30px;}
.col-testimonial .i-tabs li{float:left;width:10px;height:10px;background-color:#e0e0e0;cursor:pointer;margin-right:8px;}
.col-testimonial .i-tabs li.on{background-color:#030000;}

.col-contact{margin-left:40px;}
.col-contact .i-box{border:1px solid #EFEFEF;background-color:#F5F5F5;padding:30px;}
.col-contact li{margin-bottom:12px;}
.col-contact li .if{display:block;float:left;width:35px;}
.col-contact .i-text{float:left;width: -moz-calc(100% - 35px);width: -webkit-calc(100% - 35px);width: calc(100% - 35px);}

.floor-col6{margin-bottom:60px;}
.floor-col6 .i-items{display:grid;grid-template-columns:15.1% 15.1% 15.1% 15.1% 15.1% 15.1%;grid-gap:20px;}

/* title */
.floor-title{margin-bottom:30px;}
.floor-title h2{font-size:26px;margin:0;}
.floor-title .if{font-size:26px;color:#31aaa3;margin-right:6px;}

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

/*-------- common --------*/
/* transition */
.swiper-button-next, .swiper-button-prev, .swiper-slide .i-btn a,
.floor-col4 .i-img, .floor-cat .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-cat .i-categories li{
transition:padding 0.5s ease 0s; -webkit-transition:padding 0.5s ease 0s;-moz-transition:padding 0.5s ease 0s;-o-transition:padding 0.5s ease 0s;}


.floor-cat .i-pitem: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-col4 .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-col4 .i-col:hover .i-img 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);}



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

.floor-col4 .i-col {width:25%;margin:0 !important;}
.floor-col4 .b{margin:0 10px;}
}

@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-col6 .i-items{grid-template-columns:14.5% 14.5% 14.5% 14.5% 14.5% 14.5%;grid-gap:15px;}
}

@media screen and (max-width:860px){
.slide-bn, .floor-cat, .floor-col4, .floor-gray{margin-bottom:60px;}

.floor-cat .i-left, .floor-cat .i-right{width:100%;}
.floor-cat .i-right{margin-top:20px;}
.floor-cat .i-categories li em{display:none !important;}
.floor-cat .i-categories li{float:left;white-space:nowrap;padding:0 10px;
height:38px;line-height:38px;margin:0 10px 10px 0;
border:1px solid #EEE;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;}
.floor-cat .i-categories li:hover{padding:0 10px;font-weight:normal;}
.floor-cat .i-categories li.on{border-color:#31aaa3;}
.floor-cat .i-pitem .b{margin:0 10px;}
.floor-cat .i-sp{display:none;}


.floor-col3{margin-bottom:10px;}
.floor-gray{padding:60px 0;}

.floor-col4 .i-col {width:50%;}

.col-about, .col-news{width:100%;}
.col-news{margin-top:60px;}

.floor-col3 .i-col{float:inherit;width:100%;clear:both;margin-bottom:60px;}
.floor-col3 .i-col:last-child{margin-bottom:0 !important;}
.col-why, .col-testimonial, .col-contact{margin:0;}
}


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

.slide-bn, .floor-cat, .floor-col4, .floor-gray{margin-bottom:40px;}

.floor-cat .i-title-line{display:none;}
.floor-cat .i-title h2{font-size:32px;margin:0;}
.floor-cat .i-title p{font-size:17px;color:#555;}
.floor-cat .i-box{margin-top:20px;}
.floor-cat .i-categories li{
height:32px;line-height:32px;margin:0 8px 8px 0;font-size:12px;
border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;}
.floor-cat .i-pitem{width:50%;}
.floor-cat .i-pline3{display:none;}
.floor-cat .i-pline2{display:block;}
.floor-cat .i-pitem .b{margin:0 9px 0 0;}
.floor-cat .i-pitem.en .b{margin:0 0 0 9px;}

.floor-col4 .i-col {width:100%;}
.floor-col4 .b{margin:0 0 30px 0;}

.col-about .i-summary img{float:inherit;width:100%;margin:0 0 30px 0;}

.col-news .i-thumb, .col-news .i-text{width:100%;}
.col-news .i-text{margin-top:20px;}
.col-news .i-thumb a{margin:0;}
.col-news li{margin-bottom:25px;}
.col-news h3{font-size:18px;}
.col-news .i-date{margin:8px 0 !important;}
.col-news .i-summary{font-size:14px;display:inherit;}

.col-contact .i-box{padding:25px;}

.floor-line{height:30px;}

.floor-col6 .i-items{grid-template-columns:48% 48%;grid-gap:15px;}
}