@charset "UTF-8";

/*  箭头 @include arrow(direction,size,color);
**/


/* 超出省略号 @include ell(); */


/* inline-block @include inline_block(); */


/* font-size of REM @include px_rem(name , fz); */


/* comm_btn @include comm_btn(name , fz); */


.index_kv__body .kv{transform:scale(1.3);transition: all ease .6s;}
  .index_kv__body .kv.ok{ transform:scale(1)}
  .index_kv__body .kv_out{overflow: hidden}

.index_kv__body {
	overflow: hidden;
}

.index_kv__body .kv_out {
	position: relative;
}

.index_kv__body .kv_out img.kv {
	display: block;
	width: 100%;
}

.index_kv__body .kv_pagination {
	position: absolute;
	bottom: 30px;
	right: 5%;
	z-index: 10;
}

.index_kv__body .kv_pagination span {
	border-bottom: 4px solid #00a5ce;
	width: 40px;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	position: relative;
	cursor:pointer;
}

.index_kv__body .kv_pagination span:hover , .index_kv__body .kv_pagination span.active{
	border-color:#fff;
}

.index_kv__body .kv_pagination span:hover em{
	
opacity: 1; visibility: visible; transform: translateY(0);

}

.index_kv__body .kv_pagination span em {
	background-color: #4D4F53;
	width: 80px;
	height: 80px;
	line-height: 80px;
	color: #00a6ce;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: .8px;
	font-size: 1.2rem;
	/*
	font-family: "futura_l";
	*/
    font-family: "futura_h";
	text-align: center;
	position: absolute;
	bottom: 8px;
	left: 0;
	transition: all ease .3s;
	transform: translateY(50%);
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index_products__body {
	background-color: #fff;
	padding: 60px 0 90px;
}

.index_products__body .flex {
	align-items: flex-start;
}

.index_products__body .single_products_con {
	width: 25%;
	box-sizing: border-box;
}

.index_video__body h6{text-align:center;}

.index_tech__body .flex {
	align-items: stretch;
}

.index_tech__body .txt_con {
	background-color: #00a8cf;
	text-align: center;
	color: #fff;
	position: relative;
	width: 65%;
}

.index_tech__body .txt_con .in {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	padding: 0 100px;
	box-sizing: border-box;
	color: #fff;
	text-transform: uppercase;
}

.index_tech__body .txt_con .in h3 {
	font-size: 43px;
	font-size: 4.3rem;
	font-family: "impact";
	letter-spacing: 5px;
	padding-bottom: 10px;
}

.index_tech__body .txt_con .in h5 {
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 30px;
	padding-left: 30px;
	
	padding-bottom: 4%;
}

.index_tech__body .txt_con .in p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	padding-bottom: 8%;
	font-family: "futura_h";
	letter-spacing: 2.5px;
}

.index_tech__body .txt_con .in h6 a {
	color: #fff;
	transition: all ease .3s;
	text-decoration: none;
	font-size: 20px;
	font-size: 2rem;
	
	letter-spacing: 2px;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
}

.index_tech__body .txt_con .in h6 a:hover {
	color: #4D4F53;
	border-color: #4D4F53;
}

.index_tech__body .img {
	display: block;
	width: 35%;
}

.index_register__body {
	background-color: #fff;
	padding: 96px 0 70px;
	text-align: center;
}

.index_register__body h3 {
	color: #00a8cf;
	font-size: 52px;
	font-size: 5.2rem;
	padding-bottom: 20px;
	padding-bottom: 2rem;
	font-family: "impact";
	letter-spacing: 3px;
}

.index_register__body p {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.6;
	letter-spacing: .5px;
	color: #4D4F53;
	font-family: 'calibri_b';
	padding-bottom: 120px;
	text-transform: uppercase;
}


.mobile_index_kv__body{overflow:hidden;}
.mobile_index_kv__body .kv{display:block;width:100%;}
.mobile_index_kv__body .swiper-pagination{text-align:right;padding-right:20px;box-sizing:border-box;}
.mobile_index_kv__body .swiper-pagination span{border-radius: 0;background-color:#c5e9f7;
	height:2px;width:30px;margin-left:10px;opacity: 1;}
.mobile_index_kv__body .swiper-pagination span.swiper-pagination-bullet-active{background-color:#fff;}

.mobile_index_products__body{background-color:#fff;padding:80px 0 0;}
.mobile_index_products__body .swiper_out{position:relative;}
.mobile_index_products__body .swiper_out a{display:block;text-decoration:none;}
.mobile_index_products__body .swiper_out .img_out{background-color:#e9e9e9;height:240px;box-sizing:border-box;padding:15px 0;}
.mobile_index_products__body .swiper_out .img_out img{display:block;height:100%;margin:0 auto;}
.mobile_index_products__body .swiper_out h3 , .mobile_index_products__body .swiper_out p{text-align:center;color:#484a4f;
	letter-spacing: 1px;}
.mobile_index_products__body .swiper_out h3{margin:15px 0 3px;font-family: "impact";font-size:20px;}
.mobile_index_products__body .swiper_out{font-size:13px;}
.mobile_index_products__body .swiper_out .swiper_btn{width:28px;height:75px;background-color:#4d4f53;
	line-height:75px;text-align: center;text-decoration: none;color:#fff;position:absolute;top:50%;margin-top: -60px;
	z-index:10;font-size:40px;}
.mobile_index_products__body .swiper_out .swiper_btn.fa-caret-left{left:-5px;}
.mobile_index_products__body .swiper_out .swiper_btn.fa-caret-right{right:-5px;}



.index_ins__body_2021 .swiper_out{position:relative;}
.index_ins__body_2021 .swiper_out a{display:block;text-decoration:none;}
.index_ins__body_2021 .swiper_out .img_out{background-color:#e9e9e9;height:240px;box-sizing:border-box;padding:15px 0;}
.index_ins__body_2021 .swiper_out .img_out img{display:block;height:100%;margin:0 auto;}
.index_ins__body_2021 .swiper_out h3 , .index_ins__body_2021 .swiper_out p{text-align:center;color:#484a4f;
	letter-spacing: 1px;}
.index_ins__body_2021 .swiper_out h3{margin:15px 0 3px;font-family: "";font-size:20px;}
.index_ins__body_2021 .swiper_out{font-size:13px;}
.index_ins__body_2021 .swiper_out .swiper_btn{width:28px;height:75px;background-color:#4d4f53;
	line-height:75px;text-align: center;text-decoration: none;color:#fff;position:absolute;top:50%;margin-top: -40px;
	z-index:10;font-size:40px;}
.index_ins__body_2021 .swiper_out .swiper_btn.fa-caret-left{left:-5px;}
.index_ins__body_2021 .swiper_out .swiper_btn.fa-caret-right{right:-5px;}