@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

.top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 45px;
	background: rgba(73,73,73,.6);
	z-index: 10;
}
.top .search{
	margin: 0 auto;
	width: 46.8%;
	padding-top:12px ;
}
.top .search .sear{
	background: url(../img/icon_glass.png) no-repeat left center;
	background-size: 20px auto;
	padding-left: 32px;
	padding-right: 30px;
}
.top .search .sear input{
	width: 100%;
	border: none;
	background: none;
    color: #fff;
}




.top .search .sear_close{
	right: 0;
	top: 12px;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.top .search .sear_close:before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background: #fff;
}
.top .search .sear_close:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	background: #fff;
}
.top .search .sear_slide{
	display: none;
	width: 75%;
	height: 236px;
	padding: 15px 8px;
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	top: 50px;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.top .search .sear_slide p{
	color: #8e8e8e;
	padding-left: 15px;
}
.top .search .sear_slide .sear_hot{
	margin-top: 5px;
	height: 180px;
}
.top .search .sear_slide .sear_hot a{
	display: block;
	color: #1f1f1f;
	padding: 12px 0 12px 15px;
	transition: all .5s;
}
.top .search .sear_slide .sear_hot a:hover{
	background: #f7f8fa;
	border-radius: 5px;
}

.banner{
	overflow: hidden;
}
.banner img{
	width: 100%;
}
.banner .banner_con{
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.banner .banner_txt{
	color: #fff;
	text-align: center;
}
.banner .btn_more{
	display: block;
	width: 154px;
	height: 56px;
	background: url(../img/btn_default_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	color: #fff;
	line-height: 56px;
	text-align: center;
	margin: 32px auto 0 auto;
	padding-left: 20px;
}

.banner .btn_more:hover{
	background-image: url(../img/btn_suspended.png);
	color: #121212;
}
.banner .btn_more:active{
	background-image: url(../img/btn_clicked_02.png);
	color: #121212;
}
.banner .banner_homekit_logo img{
	width:auto;
}
.banner.techBanner .tech_txt{
	width:45%;
	left:54%;
	top:50%;
	color:#fff;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.banner.techBanner .tech_txt .tech_vers{
	height:40px;
	line-height:40px;
	font-size: 18px;
	padding:0 20px;
	border:1px solid #fff;
	border-radius: 100px;
	vertical-align: middle;
	font-weight: normal;
}
.banner.techBanner .tech_txt p{
	color:#fff;
}



.main{
	padding-top: 5%;
	padding-bottom: 5%;
	background:#fff;
}
.pc_side_bar{
	width: 22%;
	border-top:1px solid #f2f3f7 ;
	padding:10px 30px 0 25px ;
}
.pc_side_bar .side_kind{
	position: relative;
	padding:10px 0 ;
}
.pc_side_bar .side_kind:after{
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #f2f3f7;
}

.pc_side_bar .side_kind_top{
	cursor: pointer;
}
.pc_side_bar .side_kind_top p{
    color: #121212;
    font-weight: bold;
    padding-left: 15px;
    -webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.pc_side_bar .side_kind_top i{
	display: none;
	right: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top:1px solid  #595959;
	border-right:1px solid  #595959;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top:-5px ;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.pc_side_bar .side_kind_top:hover p{
	color: #4660ff;
}
.pc_side_bar .side_kind_top:hover i{
	border-top:1px solid #4660ff;
	border-right:1px solid #4660ff;
}
.pc_side_bar .side_kind_top.active p{
	color: #4660ff;
}
.pc_side_bar .side_kind_top.active i{
	border-top:1px solid #4660ff;
	border-right:1px solid #4660ff;
}

.pc_side_bar .side_kind.open .side_kind_top i{
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);

}
.pc_side_bar .side_kind_list{
	display: none;
	padding-top: 15px;
}
.pc_side_bar .side_kind_list a{
	display: block;
	color: #121212;
	font-size: 12px;
	padding:10px 0 10px 15px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.pc_side_bar .side_kind_list a:first-child{
	margin-top: 0;
}
.pc_side_bar .side_kind_list a:hover{
	color: #4660ff;
}
.pc_side_bar .side_kind_list a:active{
	color: #4660ff;
	background: #f7f8fa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.pc_side_bar .side_kind_list a.active{
	color: #4660ff;
	background: #f7f8fa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.wap_side_bar{
	display: none;
	z-index: 10;
	height:26px;
}
.wap_side_bar .swiper{
	overflow: hidden;
}
.wap_side_bar .swiper-slide{
	width: auto;
	padding: 0 20px;

}
.wap_side_bar .swiper-slide.active{
	color: #4660ff;
}
.wap_side_bar .wap_kind{
	width: 100%;
	left: 0;
	top: 30px;

}
.wap_side_bar .wap_kind .side_kind_list{
	display: none;
	width: 100%;
	padding: 15px;
	background:#f2f3f7;
	z-index: 10;
}
/*.wap_side_bar .wap_kind .side_kind_list.active{
	display: block;
}*/
.wap_side_bar .wap_kind .side_kind_list a{
	width: 50%;
	padding:5px 0 5px 5px;
}
.wap_side_bar .wap_kind .side_kind_list a.active{
	color: #4660ff;
}
.prod_con{
	width: 78%;
}
.prod_con .prod_kind_name{
	color: #121212;
	padding: 18px 0 18px 32px;
	border-top: 1px solid #f2f3f7;
	border-left: 1px solid #f2f3f7;
}
.prod_con .prod_list{
	display: flex;
	flex-wrap:wrap
}
.prod_con .prod_list li{
	width: 33%;
	border-top: 1px solid #f2f3f7;
	border-left: 1px solid #f2f3f7;
	padding: 4% 5% 5% 5%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	cursor:pointer;
}
.prod_con .prod_list li > a{
	display: block;
}
.prod_con .prod_list li .prod_img{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.prod_con .prod_list li .prod_img img{
	max-width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.prod_con .prod_list li:hover:not(.blank){
	box-shadow: 0 0 50px #E7E7E7;
}
.prod_con .prod_list li:hover .prod_img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.prod_con .prod_list li .prod_desc{
	margin-top: 24.4%;
	position: relative;
}
.prod_con .prod_list li .prod_desc dt{
	color: #121212;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.prod_con .prod_list li .prod_desc dd{
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-top: 8px;
}
.prod_con .prod_list li .prod_desc::before{
	display: none;
	content: '新品';
	position: absolute;
	top: -38px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 44px;
	height: 20px;
	line-height: 20px;
	background: #FFEFE0;
	text-align: center;
	font-size: 12px;
	color: #FF860C;
	border-radius: 12px;
}
.prod_con .prod_list li.new .prod_desc::before{
	display: block;
}
.prod_con .prod_list li .prod_price{
	text-align: center;
	font-family: Arial;
}
.noData{
	margin-top: 20px;
	text-align: center;
}

.prod_related{
	background: #f7f8fa;
	padding: 5% 0;
}
.prod_related::after{
	content: '';
	display: block;
	position: absolute;
	width: 67%;
	height: 1px;
	background: #C2C7D1;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.prod_related ul{
	display: flex;
	justify-content: center;
}
.prod_related li{
	width:33%;
	text-align: center;
	padding: 0 20px;
}
.prod_related .related_icon{
	display: block;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	box-shadow: -3px -4px 7px 0 #fff,4px 2px 10px 0 #e0e0e0,0 1px 3px 0 #fff inset;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
	-ms-transition: all .8s ease-in;
	transition: all .8s ease-in;
	behavior: url(../css/ie-css3.htc);
}
.prod_related .related_icon img{
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.prod_related .related_item{
	margin-top: 30px;
	color: #121212;
	text-align: center;
}
.prod_related .related_exp{
	margin-top: 10px;
	color: #595959;
	text-align: center;
}
.prod_related .related_more{
	display: inline-block;
	color: #4660FF;
	margin-top: 16px;
	padding-bottom: 2px;
}
.prod_related .related_more > i{
	margin-left: 4px;
	color:#4660FF;
	font-size: 14px;
}
.prod_related li .related_more::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #4660FF;
	transition: all .5s
}
.prod_related li:hover .related_more::after{
	width: 100%;
}
@media only screen and (max-width: 1500px){
	.prod_con .prod_list li .prod_desc::before{
		top: -30px;
	}
}
@media only screen and (max-width: 1366px){
	.pc_side_bar{
		padding: 10px 10px 0 10px;
	}

}
@media only screen and (max-width: 1024px){
	.pc_side_bar{
		display: none!important;
	}
	.wap_side_bar{
		display: block;
	}
	.prod_con{
		display:block;
		float:none;
		margin-top: 5%;
		width: 100%;
		border-right: 1px solid #f2f3f7;
	}

}
@media only screen and (max-width: 960px){
	.prod_related .related_icon{
		width: 80px;
		height: 80px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		behavior: url(../css/ie-css3.htc);
	}
	.prod_related .related_icon img{
		width: 40px;
	}
}
@media only screen and (max-width:900px){
	.wap_side_bar{
		padding:3px 32px;
	}
	.wap_side_bar .swiper-container{
		width:100%;
	}
	.wap_side_bar .wap_prev{
		width:26px;
		height:26px;
		background-image:url(../img/button_black_left.png);
		background-repeat: no-repeat;
		background-size:contain;
		background-position: center;
		left:0;
		top:0;
	}
	.wap_side_bar .wap_prev:hover{
		background-image:url(../img/btn_change_suspended_left.png);
	}
	.wap_side_bar .wap_prev.swiper-button-disabled{
		background-image:url(../img/btn_change_disabled_left.png);
	}
	.wap_side_bar .wap_next{
		width:26px;
		height:26px;
		background-image:url(../img/button_black.png);
		background-repeat: no-repeat;
		background-size:contain;
		background-position: center;
		right:0;
		top:0;
	}
	.wap_side_bar .wap_next:hover{
		background-image:url(../img/btn_change_suspended.png);
	}
	.wap_side_bar .wap_next.swiper-button-disabled{
		background-image:url(../img/btn_change_disabled.png);
	}
}

@media only screen and (max-width: 768px){
	.prod_con .prod_list li .prod_desc::before{
		top: -45%;
	}
}
@media only screen and (max-width: 640px){
	.prod_related li{
		padding: 0 10px;
	}
	.prod_related .related_icon{
		width: 64px;
		height: 64px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		behavior: url(../css/ie-css3.htc);
	}
	.prod_related .related_icon img{
		width: 30px;
	}
}
@media only screen and (max-width: 479px){
	.prod_con .prod_list li{
		width: 50%;
	}
	.banner{
		height: 270px;
	}
	.banner img{
		position: absolute;
		width: auto;
		height: 270px;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.banner .btn_more{
		width: 96px;
		height: 32px;
		line-height: 32px;
	}
	.prod_related ul{
		flex-direction: column;
	}
	.prod_related li{
		width: 100%;
	}
	.prod_related li:not(:first-child){
		margin-top: 20px;
	}
	.prod_related .related_item{
		margin-top: 10px;
	}
	.prod_related .related_more{
		margin-top: 10px;
	}
}


/*产品宣传*/
.sub_nav{
	background:#F7F8FA;
	padding-top:48px;
}
.sub_nav .w1440{
	padding-top:28px;
	padding-bottom:26px;
}

.sub_nav_wrap{
	display:flex;
	justify-content:center;
}
.sub_nav_wrap a{
	margin:0 3.5%;
}
.sub_nav_wrap dt{
	width:32px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
}
.sub_nav_wrap dt img{
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.sub_nav_wrap dt img.hover{
	display:none;
}
.sub_nav_wrap dd{
	color:#888;
	text-align: center;
	margin-top: 5px;
	white-space: nowrap
}
.sub_nav_wrap a:hover dt img.grey{
	display:none;
}
.sub_nav_wrap a:hover dt img.hover{
	display:block;
}
.sub_nav_wrap a:hover dd{
	color:#121212;
}
.sub_nav_wrap a.on dt img.grey{
	display:none;
}
.sub_nav_wrap a.on dt img.hover{
	display:block;
}
.sub_nav_wrap a.on dd{
	color:#121212;
}

@media only screen and (max-width:800px){
	.sub_nav{
		padding-top:0;
	}
}
.main .search_bar{
	width:640px;
	padding:14px 40px 14px 36px;
	border:1px solid #e1e3e8;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:url(../img/icon_search.png) no-repeat 14px center;
	margin:0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
	transition: all 0.3s ease-out;
}
.main .search_bar.active{
    border: 1px solid #4660FF;
}
.main .search_bar input{
	border:none;
	width:100%;
}
.main .search_bar input::-webkit-input-placeholder{ /* WebKit browsers */
	color: #888;
}
.main .search_bar input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
}
.main .search_bar input::-moz-placeholder { /* Mozilla Firefox 19+ */
  	color: #888;
}
.main .search_bar input:-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #888;
}
.main .search_bar .search_close{
	display: none;
	width: 16px;
	height: 16px;
	right: 14px;
	top: 50%;
	margin-top: -8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.main .search_bar .search_close::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: #888;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.main .search_bar .search_close::after{
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	background: #888;
	left: 50%;
	top: 0;
	margin-left: -1px;
}
.kv{
	width:100%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow:hidden;
	margin-top: 5%;
	cursor:pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.kv img{
	width:100%;
}
.kv .play{
	display:block;
	width:56px;
	height:56px;
	background:url(../img/icon_play.png) no-repeat center;
	background-size: cover;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.kv:hover 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);
}
.kv:hover .play{
	background:url(../img/icon_play_hover.png) no-repeat center;
}
.kv .kv_txt{
	box-sizing: border-box;
	width:100%;
	left:0;
	bottom:4%;
	padding:0 40px;
}
.kv .kv_txt dt{
	color:#fff;
	width:100%;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.kv .kv_txt dd{
	width:100%;
	font-family: Arial;
	color:rgba(255,255,255,.75);
	margin-top: 15px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.con_row{
	margin-top: 2%
}
.con_container{
	margin-top:6%;
}
.con_container .con_goLink{
	right:10px;
	top:0;
	width:24px;
	height:100%;
	background:url(../img/icon_right.png) no-repeat center;
	background-size:contain;
}
.con_container .con_goLink:hover{
	right:0;
}
.con_container h4{
	color:#121212;
	font-weight: bold;
}
.con_container li{
	width:31.7%;
}
.con_container li:nth-child(3n + 2){
	margin-left:2.4%;
}
.con_container li:nth-child(3n){
	margin-left:2.4%;
}
.con_container li:nth-child(n + 4){
	margin-top:6%;
}
.con_container li .con_img{
	width:100%;
	height:0;
	padding-bottom:56.1%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	overflow:hidden;
	cursor:pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.con_container li .con_img .img_box{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.con_container li .con_img img{
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.con_container li .con_img .con_img_play{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../img/icon_play.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.con_container li .con_img:hover .img_box{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.con_container li .con_img:hover .con_img_play{
	background-image:url(../img/icon_play_hover.png);
}
.con_container li dl{
	margin-top: 5%
}
.con_container li dt{
	color:#121212;
	font-weight: bold;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.con_container li dd{
	color:#888;
	margin-top: 5px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.vid_cover{
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	background:rgba(0,0,0,.5);
	overflow:hidden;
	z-index:10;
}
.vid_wrapper{
	width:60%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.vid_wrapper_vertical{
	width:25%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.vid_box{
	width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.vid_box video{
	display: block;
	width:100%;
	opacity: 0;
	z-index: 11;
	max-height: 700px;
}
.vid_wrapper_vertical .vid_box{
	background: #fff;
}
.vid_box .vid_loading{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	background:url(../img/video_bg.png) no-repeat center #fff;
	background-size: contain;
	z-index:10;
}
.vid_box .vid_loading .loading_bg{
	width: 100%;
}
.vid_wrapper_vertical .vid_box .vid_loading{
	width:100%;
	height:0;
	padding-bottom: 178%;
	background:url(../img/video_bg.png) no-repeat center #fff;
	background-size: contain;
	z-index:10;
}
.vid_loading .loading_gif{
	width:32px;
	height:32px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.vid_wrapper_vertical .vid_loading{
	background: #fff;
}
.vid_wrapper_vertical .vid_loading img{

}
.vid_error{
	display:none;
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/video_bg.png) no-repeat center #fff;
	background-size: contain;
	z-index:10;
}
.vid_error p{
	color:#fff;
	width:296px;
	padding:10px 0;
	text-align:center;
	background:rgba(0,0,0,.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%) rotate(0deg);
	-moz-transform:translate(-50%,-50%) rotate(0deg);
	-o-transform:translate(-50%,-50%) rotate(0deg);
	-ms-transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(-50%,-50%) rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.vid_close{
	display: block;
	width:32px;
	height:32px;
	background-image:url(../img/button_close.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
 	right:40px;
	top:40px;
}
.vid_close:hover{
	background-image:url(../img/button_close_hover.png);
}
.vid_close.black{
	background-image:url(../img/button_close_black.png);
}
.fenx {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../img/share_h.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 20px;
	right: 80px;
}
.fenx:hover{
	background-image:url(../img/share_h_hover.png);
}
.fenx.black{
	background-image:url(../img/share_h_black.png);
}
.vid_pop {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 10px 20px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	border-radius: 5px;
	z-index: 99999;
	display: none;
}

.fancy_margin{
  overflow:hidden;
}
@media only screen and (max-width:768px){
	.vid_wrapper{
		width: 520px;
	}
}
@media only screen and (max-width:680px){
	.sub_nav .w1440{
		padding-top:18px;
		padding-bottom:15px;
	}
	.main .search_bar{
		width:100%;
		padding:10px 14px 10px 36px;
	}
	.con_container li .con_img .con_img_play{
		width:45px;
		height:45px;
	}
	.con_container .con_goLink{
		width:18px;
	}
}
@media only screen and (max-width:640px){
	.vid_wrapper{
		width: 400px;
	}
}
@media only screen and (max-width:479px){
	.kv .kv_txt{
		padding:0 5%;
	}
	.kv .kv_txt dd{
		margin-top: 5px
	}
	.kv .play{
		width:45px;
		height:45px;
	}
	.con_container li{
		float:none;
		width:70%;

	}
	.vid_wrapper{
		width: 80%;
	}
}
@media only screen and (max-width:420px){
	.vid_error p{
		width: 80%;
	}
}



.con_container li.vlog{
	width:23.5%;
}
.con_container li.vlog:nth-child(3n){
	margin-left:0;
}
.con_container.vlog_container li.vlog:nth-child(4n+2){
	margin-left:2%;
}
.con_container.vlog_container li.vlog:nth-child(4n+3){
	margin-left:2%;
}
.con_container.vlog_container li.vlog:nth-child(4n){
	margin-left:2%;
}
.con_container.vlog_container li.vlog:nth-child(n+4){
	margin-top:0;
}
.con_container.vlog_container li.vlog:nth-child(n+5){
	margin-top:6%;
}
.con_container.vlog_container li.vlog:nth-child(n+6){
	margin-top:6%;
}
.con_container.vlog_container li.vlog:nth-child(n+7){
	margin-top:6%;
}
.con_container.vlog_container li:nth-child(3n + 2){
	margin-left:0;
}
.con_container li .vlog_img{
	width:100%;
	height:0;
	padding-bottom:177.4%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	overflow:hidden;
	cursor:pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.con_container li .vlog_img .img_box{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.con_container li .vlog_img img{
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.con_container li .vlog_img .con_img_play{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../img/icon_play.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.con_container li .vlog_img:hover{
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	overflow:hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.con_container li .vlog_img:hover .img_box{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.con_container li .vlog_img:hover .con_img_play{
	background-image:url(../img/icon_play_hover.png);
}
@media only screen and (max-width:1024px){
	.con_container li.vlog{
		width:28%;
	}
	.con_container.vlog_container li.vlog{
		margin-left:2.6%;
		margin-right:2.6%;
	}
	.con_container.vlog_container li.vlog:nth-child(4n+2){
		margin-left:2.6%;
		margin-right:2.6%;
	}
	.con_container.vlog_container li.vlog:nth-child(4n+3){
		margin-left:2.6%;
	}
	.con_container.vlog_container li.vlog:nth-child(n+4){
		margin-top: 6%
	}
}
@media only screen and (max-width:640px){
	.con_container.vlog_container li.vlog{
		width:44%;
	}
	.con_container li .vlog_img{
		padding-bottom: 120%
	}
	.con_container.vlog_container li.vlog:nth-child(n+3){
		margin-top: 6%
	}
}
@media only screen and (max-width:479px){
	.con_container.vlog_container li.vlog{
		float:none;
		display: block;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.con_container li .vlog_img{
		padding-bottom: 100%
	}
	.con_container.vlog_container li.vlog:nth-child(4n+2){
		margin-left:auto;
		margin-right:auto;
		margin-top: 6%
	}
	.con_container.vlog_container li.vlog:nth-child(4n+3),
	.con_container.vlog_container li.vlog:nth-child(4n){
		margin-left:auto;
	}
}


/*display*/
.top_vid{
	width:100%;
	/*height:0;
	padding-bottom:56.25%;*/
}
.top_vid video{
	display:none;
}
.screen_vp{
	width:100%;
	overflow:hidden;
}
.sceneSwiper .swiper-slide{
	width:292px;
	height:163px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow:hidden;
	cursor:pointer;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(16px);
}
.sceneSwiper .swiper-slide .filter_cover{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.sceneSwiper .swiper-slide-active{
	background:none;
}
.sceneSwiper .swiper-slide-active .filter_cover{
	background: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	overflow:hidden;
	border: 1px solid rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(16px);
	overflow:hidden;
}
.sceneSwiper .swiper-slide:hover{
	background:none;
}
.sceneSwiper .swiper-slide:hover .filter_cover{
	background: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	overflow:hidden;
	border: 1px solid rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(16px);
	overflow:hidden;
}
.sceneSwiper .swiper-slide .img_thumb{
	max-width:90%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align: center
}
.sceneSwiper .swiper-slide .img_thumb img{
	/*width:100%;*/

}
.sceneSwiper .swiper-slide .thumb_til{
	display: block;
	color:#fff;
	background: linear-gradient(137deg, #D7A1FF 0%, #4660FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align:center;
	white-space: nowrap
}
.thumb_bar{
	margin: 0 40px;
	bottom:-100%;
	left:0;
	right:0;
	transition:all .5s;
}



.thumb_bar .swiper_prev{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../img/btn_change_suspended_left.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left:-18px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	/*opacity: .3;*/
	z-index:10;
}
.thumb_bar .swiper_prev:hover{
	background-image:url(../img/button_suspended_left.png);
}
.thumb_bar .swiper_prev:active{
	background-image:url(../img/button_click_01_left.png);
}
.thumb_bar .swiper_next{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../img/btn_change_suspended.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	right:-18px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	/*opacity: .3;*/
	z-index:10;
}
.thumb_bar .swiper_next:hover{
	background-image:url(../img/button_suspended.png);
}
.thumb_bar .swiper_next:active{
	background-image:url(../img/button_click_01.png);
}
.thumb_bar .swiper_prev.swiper-button-disabled{
	background-image: url("../img/btn_change_disabled_left.png");
	opacity: 1;
	cursor: default;
}
.thumb_bar .swiper_next.swiper-button-disabled{
	background-image: url("../img/btn_change_disabled.png");
	opacity: 1;
	cursor: default;
}
.top_loading{
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/video_bg.png) no-repeat center #fff;
	background-size: cover;
	z-index:-1;
}
.top_loading img{
	width:60px;
	height:60px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.top_error{
	display:none;
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/video_bg.png) no-repeat center #fff;
	background-size: cover;
	z-index:10;
}
.top_error p{
	width:500px;
	padding:15px 0;
	text-align:center;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background:#888;
	color:#fff;
}
@media only screen and (max-width:1440px){

	.thumb_bar{position:relative!important; bottom:auto;margin:20px 40px;}
	.sceneSwiper .swiper-slide-active{background:rgba(0,0,0,.55);}
}
@media only screen and (max-width:768px){
	.sceneSwiper .swiper-slide{
		width:233px;
		height:130px;
	}
	.thumb_bar .swiper_prev{
		width:45px;
		height:45px;
	}
	.thumb_bar .swiper_next{
		width:45px;
		height:45px;
	}
}
@media only screen and (max-width:640px){
	.top_vid{
		/*height:80vh;*/
		padding-bottom: 0
	}
	.top_loading img{
		width:32px;
		height:32px;
	}
}
@media only screen and (max-width: 580px){

	.top_error p{
		width:80%;
		padding: 10px 0
	}
}

/*Homekit*/
.banner .banner_homekit_txt{
	left:20.8%;
	top:11.6%;
	color:#121212;
}
.banner .banner_homekit_txt h3{
	font-size: 80px;
	font-weight: bold;
	font-family: Arial
}
.banner .banner_homekit_txt h5{
	font-weight: bold;
}
.banner .banner_homekit_txt .banner_homekit_logo{
	width: auto;
	margin-top: 5%;
}
.banner .banner_homekit_txt .banner_homekit_logo .btn_more{
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background-size: 100% 100%;
    width: 120px;
    margin-bottom: 10px;
    margin-top: 20px;
    background-image: url(../img/btn_default_white.png);
}
.banner .banner_homekit_txt .banner_homekit_logo .btn_more:hover {
	background-image: url(../img/btn_suspended.png);
	color: #121212;
}
.banner .banner_homekit_txt .banner_homekit_logo img{
	width: 160px;
}
.banner .banner_homekit_txt .banner_homekit_logo br{display:none;}
.homekit_imgTxt{
	padding-bottom:3%;
	z-index:2;
}
.homekit_imgTxt .img{
	max-width:100%;
	margin:0 auto;
}
.homekit_imgTxt .txt{
	margin-top: 5%;
	color:#121212;
	text-align:center;
}
.homekit_metro{
	padding-top:5%;
}
.homekit_metro h4{
	color:#121212;
	font-weight: bold;
	text-align:center;
}
.metro_container{
	margin-top: 5%
}
.metro_container .metro_item{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_item .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_item img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_l1{
	float: left;
	position: relative;
	width:32.57%;
	height:0;
	padding-bottom: 31.85%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_l1 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_l1 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_prod{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_prod .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_prod img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_prod:hover .metro_img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.metro_container .metro_r1{
	float: right;
	position: relative;
	width:66.28%;
	height:0;
	padding-bottom: 31.85%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_r1 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_r1 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_r1:hover .metro_img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.metro_container .metro_r1 .inner_txt{
	left:4.3%;
	top:8.9%;
}
.metro_container .metro_r1 .inner_title{
	color:#121212;
	font-weight: bold;
}
.metro_container .metro_r1 .inner_desc{
	color:#595959;
	margin-top: 8px
}
.metro_container .metro_r1 .inner_more{
	display:block;
	color:#4660FF;
	margin-top: 24px;
	padding-bottom:2px;
}
.metro_container .metro_r1 .inner_more i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.metro_container .metro_r1 .inner_more:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_r1:hover .inner_more:after{
	width:100%;
}






.metro_container .metro_item .inner_txt{
	left:4.3%;
	top:8.9%;
}
.metro_container .metro_item .inner_title{
	color:#121212;
	font-weight: bold;
}
.metro_container .metro_item .inner_desc{
	color:#595959;
	margin-top: 8px
}
.metro_container .metro_item .inner_more{
	display:block;
	color:#4660FF;
	margin-top: 24px;
	padding-bottom:2px;
}
.metro_container .metro_item .inner_more i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.metro_container .metro_item .inner_more:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_item:hover .inner_more:after{
	width:100%;
}

.metro_container .metro_l2{
	float: left;
	position: relative;
	width:66.28%;
	height:0;
	padding-bottom: 31.85%;
	margin-top: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_l2 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_l2 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_l2:hover .metro_img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.metro_container .metro_l2 .inner_txt{
	left:4.3%;
	top:8.9%;
}
.metro_container .metro_l2 .inner_title{
	color:#121212;
	font-weight: bold;
}
.metro_container .metro_l2 .inner_desc{
	color:#595959;
	margin-top: 8px
}
.metro_container .metro_l2 .inner_more{
	display:block;
	color:#4660FF;
	margin-top: 24px;
	padding-bottom:2px;
}
.metro_container .metro_l2 .inner_more i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.metro_container .metro_l2 .inner_more:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_l2:hover .inner_more:after{
	width:100%;
}
.metro_container .metro_pc_r2{
	float: right;
	position: relative;
	width:32.57%;
	height:0;
	padding-bottom: 31.85%;
	margin-top: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_pc_r2 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_pc_r2 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_wap_r2{
	display: none;
	float: right;
	position: relative;
	width:32.57%;
	height:0;
	padding-bottom: 31.85%;
	margin-top: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}


.metro_container .metro_l3{
	float: left;
	position: relative;
	width:32.57%;
	height:0;
	padding-bottom: 31.85%;
	margin-top: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_l3 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_l3 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_r3{
	float: right;
	position: relative;
	width:66.28%;
	height:0;
	padding-bottom: 31.85%;
	margin-top: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	background:#f5f5f7;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.metro_container .metro_r3 .metro_img{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_r3 img{
	max-width:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.metro_container .metro_r3:hover .metro_img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.metro_container .metro_r3 .inner_txt{
	left:4.3%;
	top:8.9%;
}
.metro_container .metro_r3 .inner_title{
	color:#fff;
	font-weight: bold;
}
.metro_container .metro_r3 .inner_desc{
	color:rgba(255,255,255,.75);
	margin-top: 8px
}
.metro_container .metro_r3 .inner_more{
	display:block;
	color:#4660FF;
	margin-top: 24px;
	padding-bottom:2px;
}
.metro_container .metro_r3 .inner_more i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.metro_container .metro_r3 .inner_more:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.metro_container .metro_r3:hover .inner_more:after{
	width:100%;
}





@media only screen and (max-width:1024px){
	.banner .banner_homekit_txt h3{
		font-size: 60px;
	}
}
@media only screen and (max-width:960px){
	.banner .banner_homekit_txt .banner_homekit_logo{
		width: auto;
	}
	.banner .banner_homekit_txt .banner_homekit_logo img{width: 120px;}
}
@media only screen and (max-width:768px){
	.banner .banner_homekit_txt{
		width:75%;
		left:50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		top: 60px;
		text-align: center
	}
	.banner .banner_homekit_txt h3{
		font-size: 48px;
	}
	.banner .banner_homekit_txt .banner_homekit_logo{
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width:680px){
	.banner .banner_homekit_txt .banner_homekit_logo{
		width: auto;

	}
	.banner .banner_homekit_txt .banner_homekit_logo img{width:100px;}
}
@media only screen and (max-width:520px){
	.banner .banner_homekit_txt h3{
		font-size: 36px;
	}
	.metro_container .metro_l1{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l1 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l1 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}

	.metro_container .metro_r1{
		width:100%;
		height:auto;
		padding-bottom: 0;
		margin-top: 16px
	}
	.metro_container .metro_r1 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_r1 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_wap_r2{
		display: block;
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_wap_r2 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_wap_r2 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_pc_r2{display: none;}
	.metro_container .metro_l2{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l2 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l2 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		transform:none;
	}
	.metro_container .metro_l3{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_l3 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_l3 .metro_img img{
		position:relative;
		width:60%;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.metro_container .metro_r3{
		width:100%;
		height:auto;
		padding-bottom: 0
	}
	.metro_container .metro_r3 .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_r3 .metro_img img{
		position:relative;
		width:100%;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.metro_container .metro_item .metro_img{
		position:relative;
		text-align: center
	}
	.metro_container .metro_item .metro_img img{
		position:relative;
		height:auto;
		left:auto;
		top:auto;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}

}
@media only screen and (max-width:479px){

    .banner .banner_homekit_txt .banner_homekit_logo img{
    	position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;

	}
	.metro_container .metro_r3 .metro_img img
}
@media only screen and (max-width:414px){
	.banner .banner_homekit_txt h3{
		font-size: 26px;
	}
}
@media only screen and (max-width:360px){
	.metro_container .metro_r1 .metro_img{
		position: absolute;
	}
	.metro_container .metro_r1 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_r1 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
	.metro_container .metro_l2 .metro_img{
		position: absolute;
	}
	.metro_container .metro_l2 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_l2 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
	.metro_container .metro_r3 .metro_img{
		position: absolute;
	}
	.metro_container .metro_r3 .metro_img img{
		height: 100%;
		max-width: none;
		width: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.metro_container .metro_r3 .inner_txt{
		position: relative;
		left: auto;
		top: auto;
		padding: 20px;
		overflow: hidden;
	}
}
.homekit_note{
	padding: 8% 0 2% 0;
	z-index: 3;
	background: #fff;
}
.homekit_note h4{
	color:#121212;
	font-weight: bold;
	text-align:center;
}
.homekit_note .note_con{
	margin: 5% auto 0 auto;
	width: 95%;
}
.homekit_note .swiper-slide .swiper_vid_box{
	height:0;
	padding-bottom: 56.14%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.homekit_note .swiper-slide .swiper_vid{
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.homekit_note .swiper-slide .swiper_vid img{
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.homekit_note .swiper-slide .swiper_btn_play{
	width:56px;
	height:56px;
	background-image:url(../img/icon_play.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.homekit_note .swiper_vid_prev{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/button_black_left.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	left:-88px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}


.homekit_note .swiper_vid_next{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/button_black.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	right:-88px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.homekit_note .swiper_vid_prev.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled_left.png);
}
.homekit_note .swiper_vid_prev:hover{
	background-image:url(../img/button_suspended_left.png)
}
.homekit_note .swiper_vid_prev.swiper-button-disabled:hover{
	background-image:url(../img/btn_change_disabled_left.png);
	cursor:default;
}
.homekit_note .swiper_vid_prev:active{
	background-image:url(../img/button_click_01_left.png)
}
.homekit_note .swiper_vid_prev.swiper-button-disabled:active{
	background-image:url(../img/button_click_01_left.png);
}


.homekit_note .swiper_vid_next.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled.png);
}
.homekit_note .swiper_vid_next:hover{
	background-image:url(../img/button_suspended.png)
}
.homekit_note .swiper_vid_next.swiper-button-disabled:hover{
	background-image:url(../img/btn_change_disabled.png);
	cursor:default;
}
.homekit_note .swiper_vid_next:active{
	background-image:url(../img/button_click_01.png);
}
.homekit_note .swiper_vid_next.swiper-button-disabled:active{
	background-image:url(../img/btn_change_disabled.png);
}
.homekit_note:hover .swiper_vid_prev{
	display: block;
}
.homekit_note:hover .swiper_vid_next{
	display: block;
}
.homekit_note .swiper-slide .swiper_vid_title{
	color:#121212;
	margin-top: 24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 24px
}
.homekit_note .swiper-slide:hover .swiper_vid{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.homekit_note .swiper-slide:hover .swiper_btn_play{
	background-image:url(../img/icon_play_hover.png);
}
.homekit_note .swiper-slide:hover .swiper_vid_title{
	color:#4660FF;
}
.note_more{
	margin-top: 3%;
	text-align:center;
}
.note_more a{
	color:#4660FF;
	margin:0 2%;
	font-size: 14px
}
.note_more a > i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.note_more a:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.note_more a:hover:after{
	width:100%;
}
.touch_body .homekit_note .swiper_vid_prev{
	display: block;
}
.touch_body .homekit_note .swiper_vid_next{
	display: block;
}
@media only screen and (max-width:1600px){
	.homekit_note .note_con{
		width: 100%;
	}
	.homekit_note .swiper_vid_prev{
		width:48px;
		height:48px;
		left:15px;
	}
	.homekit_note .swiper_vid_next{
		width:48px;
		height:48px;
		right:15px;
	}

}
@media only screen and (max-width:1540px){
	.homekit_note .note_con{
		padding:0 60px;
	}
	.homekit_note .note_con .w1400{
		width:100%;
	}
	.homekit_note .swiper_vid_prev{
		left:6px;
	}
	.homekit_note .swiper_vid_next{
		right:6px;
	}

}
@media only screen and (max-width:1210px){
	/*.homekit_note .note_con{
		padding:0 50px;
	}*/
	.homekit_note .swiper_vid_prev{
		left:10px;
		width:40px;
	}
	.homekit_note .swiper_vid_next{
		right:10px;
		width:40px;
	}
}
@media only screen and (max-width:960px){
	.homekit_note .swiper-slide .swiper_btn_play{
		width:40px;
		height:40px;
	}
}

.homekit_advt{
	padding-top:6%;
	padding-bottom:4%;
	text-align: center;
	background: #fff;
	z-index: 3;
}
.homekit_advt h4{
	color:#121212;
	font-weight: bold;
	font-family: Arial;
	text-align:center;
}
.advt_wrapper{
	margin: 5% auto 0 auto;
	width: 95%;
}
.advt_wrapper dl{
	height:0;
	padding-bottom:100%;
	overflow:hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}

.advt_wrapper dt{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	background:rgba(255,255,255,.6);
	-webkit-backdrop-filter: blur(15px);
	-moz-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	left:0;
	top:0;
	right:0;
	bottom:71%;
}
.advt_wrapper p{
	display: -webkit-box;
	padding:0 15px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#121212;
	font-weight: bold;
	font-family: Arial;
}
.advt_wrapper dd{
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:-1;
}
.advt_wrapper dd img{
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.advt_wrapper .advt_swiper_prev{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/button_black_left.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	left:-88px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);

}

.advt_wrapper .advt_swiper_next{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/button_black.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	right:-88px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);

}
.advt_wrapper .advt_swiper_prev.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled_left.png);
}
.advt_wrapper .advt_swiper_prev:hover{
	background-image:url(../img/button_suspended_left.png);
	cursor:pointer;
}
.advt_wrapper .advt_swiper_prev.swiper-button-disabled:hover{
	background-image:url(../img/btn_change_disabled_left.png);
	cursor:default;
}
.advt_wrapper .advt_swiper_prev:active{
	background-image:url(../img/button_click_01_left.png);
}
.advt_wrapper .advt_swiper_prev.swiper-button-disabled:active{
	background-image:url(../img/btn_change_disabled_left.png);
}
.advt_wrapper .advt_swiper_next.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled.png);
}
.advt_wrapper .advt_swiper_next:hover{
	background-image:url(../img/button_suspended.png);
	cursor:pointer;
}
.advt_wrapper .advt_swiper_next.swiper-button-disabled:hover{
	background-image:url(../img/btn_change_disabled.png);
	cursor:default;
}
.advt_wrapper .advt_swiper_next:active{
	background-image:url(../img/button_click_01.png);
}
.advt_wrapper .advt_swiper_next.swiper-button-disabled:active{
	background-image:url(../img/btn_change_disabled.png);
}
.advt_wrapper:hover .advt_swiper_prev{
	display: block;
}
.advt_wrapper:hover .advt_swiper_next{
	display: block;
}





@media only screen and (max-width:640px){
	.advt_wrapper{
		display:block;
	}
	.advt_wrapper dl{
		width:70%;
		margin:0 auto;
		padding-bottom: 45.57%
	}
	.advt_wrapper dl:nth-child(3n + 2),
	.advt_wrapper dl:nth-child(3n){
		margin:15px auto 0 auto;
	}
	.advt_wrapper dt{
		background:#f5f5f7;
		bottom:auto;
		padding:10px 0;
	}
	.advt_wrapper dd{
		top:66px;

	}
	.advt_wrapper dd img{
		display: block;
		/*top:auto;
		left:auto;
		width:100%;
		transform:none;*/
	}
	.advt_wrapper p{
		position:relative;
	}
}
@media only screen and (max-width:600px){
	.advt_wrapper dl{
		height: 286px;
		padding-bottom: 0;
	}
	.advt_wrapper dd{
		height: 200px;
	}
	.advt_wrapper dd img{
		width: 100%;
	}
}
.homekit_advt .advt_more{
	margin-top:5%;
}
.homekit_advt .advt_more a{
	color:#4660FF;
	margin:0 auto;
	padding-bottom: 2px
}
.homekit_advt .advt_more a > i{
	width:8px;
	height:8px;
	border-top:1px solid #4660FF;
	border-right:1px solid #4660FF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	margin:7px 0 0 5px;
}
.homekit_advt .advt_more a:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	background:#4660FF;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
}
.homekit_advt .advt_more a:hover:after{
	width:100%;
}
.homekit_aim{
	width:100%;
	background:#F7F8FA;
	z-index:3;
}
.homekit_aim .wrap{
	padding:5% 0;
	border-bottom: 1px solid #E3E6ED;
}
.homekit_aim h4{
	color:#121212;
	font-weight: bold;
	text-align: center
}
.homekit_aim p{
	margin-top: 3%;
	text-align: center
}
@media only screen and (max-width:520px){
	.homekit_aim h4{
		font-size: 22px
	}
}



.main.scroll{
	padding:5% 0 0 0;
}
.main > .w1400{
	background:#fff;
	z-index:3;
}
.main .scroll_bg{
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:1;
}
.excl_top_txt{
	padding-top:5%;
}
.excl_top_txt h4{
	color:#121212;
	font-weight: bold;
	font-size: 72px;
	text-align: center
}
.excl_container{
	padding-top: 5%
}
.excl_container .excl_dl{
	color:#121212;
	font-weight: bold;
}
.excl_container .excl_btn_more{
	display: block;
	right:0;
	bottom:0;
	color: #121212;
	width: 154px;
	height: 56px;
	background-image:url(../img/btn_default_black.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	line-height: 56px;
	padding-left:20px;
	text-align: center
}
.excl_container .excl_btn_more:hover{
  background-image:url(../img/btn_suspended.png);
  color:#121212;
}
.excl_container .excl_btn_more:active{
  background-image:url(../img/btn_clicked_02.png);
  color:#121212;
}
.excl_link .excl_dl{
	width:100%;
	padding-right:160px;
}
.excl_img img{
	width:100%;
}
.excl_list{
	margin: 0 auto;
	padding-top:40px;
	padding-bottom:40px;
}

.excl_list li{
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	border: 1px solid #E3E6ED;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	margin:0 8px;
	behavior: url(../css/ie-css3.htc);
}
.excl_list li .excl_flex_box{
	display: flex;
	width:100%;
	height:100%;
}

.excl_list li:nth-child(3n + 1){
	margin-left:0;
}
.excl_list li:nth-child(3n){
	margin-right:0;
}

.excl_01 .swiper-container{
	margin: 0 auto;

}
.excl_01 .swiper-wrapper{
	padding-bottom:16px;
}
.excl_01 .swiper-slide{
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	border: 1px solid #E3E6ED;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	/*margin:0 8px;*/
	behavior: url(../css/ie-css3.htc);
}

.excl_container .swiper_button_prev{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/btn_change_suspended_left.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	left:2%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.excl_container .swiper_button_prev.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled_left.png);
}

.excl_container .swiper_button_next{
	position:absolute;
	display: none;
	width:56px;
	height: 56px;
	background-image:url(../img/btn_change_suspended.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;
	right:2%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.excl_container .swiper_button_next.swiper-button-disabled{
	background-image:url(../img/btn_change_disabled.png);
}
.excl_container .swiper_button_prev:hover{
	background-image: url(../img/button_suspended_left.png)
}
.excl_container .swiper_button_prev:active{
	background-image: url(../img/button_click_01_left.png)
}
.excl_container .swiper_button_prev.swiper-button-disabled:hover{
	background-image: url(../img/btn_change_disabled_left.png)
}
.excl_container .swiper_button_prev.swiper-button-disabled:active{
	background-image: url(../img/btn_change_disabled_left.png)
}
.excl_container .swiper_button_next:hover{
	background-image: url(../img/button_suspended.png)
}
.excl_container .swiper_button_next:active{
	background-image: url(../img/button_click_01.png)
}
.excl_container .swiper_button_next.swiper-button-disabled:hover{
	background-image: url(../img/btn_change_disabled.png)
}
.excl_container .swiper_button_next.swiper-button-disabled:active{
	background-image: url(../img/btn_change_disabled.png)
}
.excl_01 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_01 .excl_list:hover .swiper_button_next{
	display: block;
}


.excl_01 .excl_list .swiper-slide:hover{
	/*background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);*/
	border: 1px solid #fff;
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}
.excl_01 .excl_list .swiper-slide:active{
	background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);
	border: 1px solid #fff;
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}
.excl_list li .excl_list_icon{
	width:40px;
	height:40px;
}
.excl_list li .excl_list_icon img{
	max-width:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
 }
.excl_list li .excl_list_txt_gradient{
	line-height: 1.8;
	margin-top: 40px;
	font-weight: bold;
 	-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
 	-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
 }
 .excl_list .swiper-slide .excl_list_icon{
	width:40px;
	height:40px;
}
.excl_list .swiper-slide .excl_list_icon img{
	max-width:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
 }
.excl_list .swiper-slide .excl_list_txt_gradient{
	line-height: 1.8;
	margin-top: 40px;
	font-weight: bold;
	background-image: -webkit-linear-gradient(39deg, #FFC488 0%, #B366F0 100%);
 	-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
 	-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
 }
/*.excl_01 .excl_list .swiper-slide:nth-child(3n+1) .excl_list_txt_gradient{
	background-image: -webkit-linear-gradient(39deg, #FFC488 0%, #B366F0 100%);
}*/
.excl_01 .excl_list .swiper-slide.color1 .excl_list_txt_gradient{
	background-image: -webkit-linear-gradient(140deg, #B8C2FF 0%, #909FFF 100%);
}
.excl_01 .excl_list .swiper-slide.color2 .excl_list_txt_gradient{
	background-image: linear-gradient(53deg, #FFE36B 0%, #FF3636 100%);
}


.excl_02 .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(140deg, #B8C2FF 0%, #909FFF 100%);
	cursor: default;
	border: none;
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	behavior: url(../css/ie-css3.htc);
}
.excl_02 .excl_list .swiper-slide .excl_list_txt{
	color:#fff;
}
.excl_02 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_02 .excl_list:hover .swiper_button_next{
	display: block;
}
/*.excl_02 .excl_list li:hover{
	box-shadow: 12px 8px 18px 0px rgba(144, 159, 255, 0.9)
}*/
/*.excl_03 .excl_list li .excl_flex_box{
	flex-direction: column
}*/
.excl_03 .swiper-wrapper{
	padding-bottom: 16px
}
.excl_03 .excl_list .swiper-slide .excl_list_txt_gradient{
	background-image: linear-gradient(39deg, #FFC488 0%, #B366F0 100%);
}
.excl_03 .excl_list .swiper-slide.color1 .excl_list_txt_gradient{
    background-image: linear-gradient(62deg, #2ADFD6 0%, #2ABC66 100%);
}
.excl_03 .excl_list .swiper-slide.color2 .excl_list_txt_gradient{
	background-image: linear-gradient(52deg, #70C1FF 0%, #4660FF 100%);
}
.excl_03 .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	border: 1px solid #E3E6ED;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	behavior: url(../css/ie-css3.htc);
}

.excl_03 .excl_list .swiper-slide:hover{
	border: 1px solid #fff;
	/*background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);*/
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}
.excl_03 .excl_list .swiper-slide:active{
	border: 1px solid #fff;
	background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);
	box-shadow: inset -8px -8px 30px 0px #FFFFFF, inset 5px 5px 20px 0px rgba(203, 203, 203, 0.25);
}
.excl_03 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_03 .excl_list:hover .swiper_button_next{
	display: block;
}
.excl_04 .swiper-wrapper{
	padding-bottom: 16px
}
.excl_04 .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.8;
	padding:40px;
	border: 1px solid #E3E6ED;
	width:32%;
	height:276px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	behavior: url(../css/ie-css3.htc);
}
.excl_04 .excl_list .swiper-slide .excl_list_txt_gradient{
	background-image: linear-gradient(53deg, #FFE36B 0%, #FF3636 100%);
}
.excl_04 .excl_list .swiper-slide.color1 .excl_list_txt_gradient{
	background-image: linear-gradient(52deg, #70C1FF 0%, #4660FF 100%);
}
.excl_04 .excl_list .swiper-slide.color2 .excl_list_txt_gradient{
    background-image: linear-gradient(62deg, #2ADFD6 0%, #2ABC66 100%);
}
.excl_04 .excl_list .swiper-slide:hover{
	/*background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);*/
	border:1px solid #fff;
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}

.excl_04 .excl_list .swiper-slide:active{
	border:1px solid #fff;
	background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}

.excl_04 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_04 .excl_list:hover .swiper_button_next{
	display: block;
}
.excl_05 .excl_btn_group{
	right:0;
	bottom:0;
}
.excl_05 .excl_btn_group a:not(:first-child){
	margin-right: 24px
}
.excl_05 .excl_link .excl_dl{
	padding-right: 340px
}
.excl_05 .swiper-wrapper{
	padding-bottom: 16px
}
.excl_05 .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	border: 1px solid #E3E6ED;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	behavior: url(../css/ie-css3.htc);
}

.excl_05 .excl_list .swiper-slide .excl_list_txt_gradient{
	background-image: linear-gradient(52deg, #70C1FF 0%, #4660FF 100%);
}
.excl_05 .excl_list .swiper-slide.color1 .excl_list_txt_gradient{
	background-image: linear-gradient(39deg, #FFC488 0%, #B366F0 100%);
}
.excl_05 .excl_list .swiper-slide.color2 .excl_list_txt_gradient{
	background-image: linear-gradient(62deg, #2ADFD6 0%, #2ABC66 100%);;
}
.excl_05 .excl_list .swiper-slide:hover{
	/*background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);*/
	border: 1px solid #fff;
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}
.excl_05 .excl_list .swiper-slide:active{
	background: linear-gradient(128deg, #FFFFFF 0%, #F7F8FA 100%, #F7F8FA 100%, #FEFEFE 100%);
	border: 1px solid #fff;
	box-shadow: 12px 8px 18px 0px rgba(213, 213, 213, 0.4), -10px -12px 10px 0px rgba(255, 255, 255, 0.7), inset -3px -3px 10px 0px rgba(176, 176, 176, 0.1), inset 3px 3px 20px 0px rgba(241, 241, 241, 0.15);
}
.excl_05 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_05 .excl_list:hover .swiper_button_next{
	display: block;
}

.excl_06 .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(140deg, #B8C2FF 0%, #909FFF 100%);
	cursor: default;
	border: none;
	width:32%;
	height:276px;
	line-height: 1.8;
	padding:40px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	cursor:pointer;
	behavior: url(../css/ie-css3.htc);
}

.excl_06 .excl_list .swiper-slide .excl_list_txt{
	color:#fff;
}
/*.excl_06 .excl_list li:hover{
	box-shadow: 12px 8px 18px 0px rgba(144, 159, 255, 0.9)
}*/
.excl_06{
	padding-bottom:6%
}
.excl_06 .excl_list:hover .swiper_button_prev{
	display: block;
}
.excl_06 .excl_list:hover .swiper_button_next{
	display: block;
}

/*.excl_06 .excl_list li .excl_list_txt{
	font-size: 18px;
}*/
@media only screen and (max-width:1600px){
	.excl_01 .swiper_button_prev{
		left: 10px;
	}
	.excl_01 .swiper_button_next{
		right: 10px;
	}
	.excl_02 .swiper_button_prev{
		left: 10px;
	}
	.excl_02 .swiper_button_next{
		right: 10px;
	}
	.excl_03 .swiper_button_prev{
		left: 10px;
	}
	.excl_03 .swiper_button_next{
		right: 10px;
	}
}
@media only screen and (max-width:1560px){
	.excl_01 .swiper_button_prev{
		width: 48px;
		height: 48px;
	}
	.excl_01 .swiper_button_next{
		width: 48px;
		height: 48px;
	}
	.excl_02 .swiper_button_prev{
		width: 48px;
		height: 48px;
	}
	.excl_02 .swiper_button_next{
		width: 48px;
		height: 48px;
	}
}
@media only screen and (max-width:1200px){
	.excl_top_txt h4{
		font-size: 64px;
	}
	.excl_list .swiper-container{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.excl_list .swiper_button_prev{
		width: 40px;
		height: 40px;
		left: 20px;
		z-index: 10;
	}
	.excl_list .swiper_button_next{
		width: 40px;
		height: 40px;
		right: 20px;
		z-index: 10;
	}

}
@media only screen and (max-width:960px){
	.excl_top_txt h4{
		font-size: 48px;
	}
	.excl_top_txt{
		padding-top:60px ;
	}
}
@media only screen and (max-width:860px){
	.excl_list{
		text-align: center;
	}
	.excl_list li{
		width:30%;
		padding:30px;
		height:256px;
	}
	.excl_list .swiper-slide{
		width:30%;
		padding:30px;
		height:256px;
	}
	.excl_list li .excl_list_txt_gradient{
		text-align: left
	}
	.excl_list .swiper-slide .excl_list_txt_gradient{
		text-align: left
	}

	.excl_container .excl_btn_more{
		width:123px;
		height:45px;
		line-height: 45px
	}

	.excl_list .excl_list_txt{
		text-align: left;
	}

	.excl_06 .excl_list .excl_list_txt{
		text-align: left
	}

}
@media only screen and (max-width:768px){
	.excl_top_txt h4{
		font-size: 36px;
	}
	.excl_list li{
		display:block;
		padding:20px;
		width:100%;
		height:auto;
		margin:0 auto 10px auto;
	}
	.excl_list .swiper-slide{
		display:block;
		padding:20px;
		width:100%;
		height:auto;
		margin:0 auto 10px auto;
	}
	.excl_list li .excl_list_icon{
		width:30px;
		height:auto;
	}
	.excl_list .swiper-slide .excl_list_icon{
		width:30px;
		height:auto;
	}
	.excl_list li .excl_list_icon img{
		position:relative;
		width:30px;
		height:auto;
		max-height: 30px;
		left:auto;
		top:auto;
		transform:none;
	}
	.excl_list .swiper-slide .excl_list_icon img{
		position:relative;
		width:30px;
		height:auto;
		max-height: 30px;
		left:auto;
		top:auto;
		transform:none;
	}
	.excl_list li .excl_list_txt_gradient{
		margin-top: 20px
	}
	.excl_list .swiper-slide .excl_list_txt_gradient{
		margin-top: 20px
	}
	.excl_list li .excl_flex_box{
		width:90%;
		margin:0 auto 0 10%;
	}
	.excl_list .swiper-slide .excl_flex_box{
		width:90%;
		margin:0 auto 0 10%;
	}

	.excl_list .swiper_button_prev{
		display: block
	}
	.excl_list .swiper_button_next{
		display: block
	}

}
@media only screen and (max-width:640px){
	.excl_img{
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
		overflow:hidden;
	}
	.excl_img img{
		width: auto;
		position: absolute;
		top: 0;
		left: 0;

	}
	.excl_link .excl_dl{
		padding-right:110px;
	}
	.excl_container .excl_btn_more{
		position:relative;
		margin:15px auto 0 auto;
	}
	.excl_05 .excl_link .excl_dl{
		padding-right: 0
	}
	.excl_container .excl_btn_more{
		position: absolute;
		right: 0;
		bottom: 0;
		width:100px;
		height:36px;
		line-height: 36px
	}
	.excl_05 .excl_btn_group{
		position: relative;
		width:100%;
		text-align: center;
		margin-top: 15px;

	}
	.excl_05 .excl_btn_group .excl_btn_more{
		display:inline-block;
		float:none;
		margin:0 15px;
		position: relative;
	}
}
@media only screen and (max-width:414px){
	.excl_top_txt h4{
		font-size: 30px;
	}
	.excl_list li{
		display:block;
		padding:10px;
		width:100%;
		height:auto;
		margin:0 auto 10px auto;
	}
	.excl_list .swiper-slide{
		display:block;
		padding:10px;
		width:100%;
		height:auto;
		margin:0 auto 10px auto;
	}
	.excl_list li .excl_list_txt_gradient{
		margin-top: 10px;
	}
	.excl_list .swiper-slide .excl_list_txt_gradient{
		margin-top: 10px;
	}

}

.sub_nav.about_sub_nav{
	background:#fff;
}
.envir_main{
	background:#F7F8FA;
	padding:6.25% 0;
}
.envir_main::after{
	content: '';
	display: block;
	width: 1280px;
	height: 1px;
	background: #E3E6ED;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}
.envir_main .envir_title{
	font-size: 72px;
	color:#121212;
	text-align: center;
	font-weight: bold;
}
.envir_main .text_bg.under_curve_l{
	display:inline-block;
	padding-bottom: 26px;
	background-image:url(../img/line_01.png);
	background-repeat:no-repeat;
	background-size:86% auto;
	background-position: bottom center
}
.envir_main .text_bg.under_curve_s{
	display:inline-block;
	padding-bottom: 26px;
	background-image:url(../img/line_02.png);
	background-repeat:no-repeat;
	background-size:86% auto;
	background-position: bottom center
}
.envir_main .text_bg.under_curve_l + br + span{
	display:block;
	margin-top: -26px
}
.envir_main .envir_img_container{
	width:83.1%;
	margin: 5% auto 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	behavior: url(../css/ie-css3.htc);
}
.envir_main .envir_img_container img{
	width:100%;
}
.envir_main .envir_img_container .envir_inner{
	top:50%;
	left:6.8%;
	color:#fff;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.envir_main .envir_img_container .envir_inner a{
	display: block;
	color:#fff;
	width:154px;
	height:56px;
	line-height: 56px;
	text-align: center;
	margin-top: 9.5%;
	background-image: url(../img/btn_default_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-align: center;
	padding-left: 20px;
}
.envir_main .envir_img_container .envir_inner a:hover{
	color:#121212;
	background-image:url(../img/btn_suspended.png);
}
.envir_main .envir_img_container .envir_inner a:active{
	color:#121212;
	background-image:url(../img/btn_clicked_02.png);

}
.envir_title_02{
	margin-top: 6%
}
.envir_img02 p{
	color:#121212;
}
.envir_main .envir_img_container.envir_img02 .envir_inner a{
	color:#121212;
	background-image: url(../img/btn_default_black.png);
}
.envir_main .envir_img_container.envir_img02 .envir_inner a:hover{
	background-image:url(../img/btn_suspended.png);
	color:#121212;
}
.envir_main .envir_img_container.envir_img02 .envir_inner a:active{
	background-image:url(../img/btn_clicked_02.png);
	color:#121212;
}

.envir_main .envir_img_container.envir_img03 .envir_inner{
	color:#121212;
}
.envir_main .envir_img_container.envir_img03 .envir_inner a{
	color:#121212;
	background-image: url(../img/btn_default_black.png);

}
.envir_main .envir_img_container.envir_img03 .envir_inner a:hover{
	background-image:url(../img/btn_suspended.png);
	color:#121212;
}
.envir_main .envir_img_container.envir_img04 .envir_inner a:active{
	background-image:url(../img/btn_clicked_02.png);
	background-repeat: no-repeat;
	color:#121212;
}
.envir_main .envir_img_container.envir_img04 .envir_inner .highlight_text{
	color:#2ABC66;
}
.envir_main .envir_img_container.envir_img05 .envir_inner{
	color:#121212;
}
.envir_main .envir_img_container.envir_img05 .envir_inner a{
	color:#121212;
	background-image: url(../img/btn_default_black.png);
}
.envir_main .envir_img_container.envir_img05 .envir_inner a:hover{
	background-image:url(../img/btn_suspended.png);
	color:#121212;
}
.envir_main .envir_img_container.envir_img05 .envir_inner a:active{
	background-image:url(../img/btn_clicked_02.png);
	color:#121212;
}
.envir_main .envir_img_container.envir_img03,
.envir_main .envir_img_container.envir_img04,
.envir_main .envir_img_container.envir_img05{
	margin-top: 16px
}
.envir_main .envir_title03{
	margin-top: 8%
}
.envir_main .envir_title03 .text_bg img{
	bottom:-32%;
	width:110%;
}
.envir_imgGr{
	margin: 6% auto 0 auto;
	padding-bottom: 20px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	text-align: center;
	behavior: url(../css/ie-css3.htc);
	text-align: center!important;
}
.envir_imgGr li{
	width:41%;
	height: 0;
	padding-bottom: 45.72%;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	margin:0 8px;
	behavior: url(../css/ie-css3.htc);
}
.envir_imgGr li > img{
	width: 100%;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.envir_imgGr li .envir_li_inner{
	top:9.37%;
	left:10.45%;
	color:#121212;
	text-align: left
}
.envir_imgGr li .envir_li_inner.white{
	color:#fff;
}
.envir_imgGr li .envir_li_inner a{
	display:block;
	width:120px;
	height:44px;
	line-height: 44px;
	color:#121212;
	text-align: center;
	margin-top: 6.25%;
	background-image: url(../img/btn_default_black.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 20px;
}
.envir_imgGr li .envir_li_inner a:hover{
	background-image: url(../img/btn_suspended.png);
	color:#121212;
}

.envir_imgGr li .envir_li_inner a:active{
	background-image: url(../img/btn_clicked_02.png);
	color:#121212;
}
.envir_imgGr li .envir_li_inner.white a{
	background-image: url(../img/btn_default_white.png);
	color:#fff;
}
.envir_imgGr li .envir_li_inner.white a:hover{
	color:#121212;
	background-image:url(../img/btn_suspended.png);
}
.envir_imgGr li .envir_li_inner.white a:active{
	color:#121212;
	background-image:url(../img/btn_clicked_02.png);
}
.envir_hidden{
	display:none;
}


.fancy_cover{
  display:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  background:rgba(0,0,0,.5);
  z-index:11;
}
.fancy_wrapper{
  display:none;
  box-sizing:border-box;
  width:1000px;
  padding:148px 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background:#fff;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
  behavior: url(../css/ie-css3.htc);

}
.fancy_con{
	opacity: 0
}
.fancy_con h5{
	color:#121212;
	font-weight: bold;
}
.fancy_con p{
	line-height: 2;
	color:#888;
	letter-spacing: 1px
	/*margin-bottom: 4%*/
}
.fancy_con b{
	display:block;
	margin-top: 40px;
	color:#121212;
	line-height: 2
}
.fancy_close{
  display:block;
  width:32px;
  height:32px;
  background-image:url(../img/button_close.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  right:40px;
  top:40px;
}
.fancy_close:hover{
  background-image:url(../img/button_close_hover.png);
}
.fancy_close.black{
	background-image:url(../img/button_close_black.png);
}
.fancy_close.black:hover{
  background-image:url(../img/button_close_hover.png);
}
.fancy_fixed{
  overflow:hidden;
}
@media only screen and (max-width: 1440px) {
	.envir_main .envir_title{
		font-size: 60px
	}
}
@media only screen and (max-width: 1366px) {
	.envir_main::after{
		width: 1100px;
	}
}
@media only screen and (max-width: 1200px) {
	.envir_main .envir_title{
		font-size: 50px
	}
	.envir_main::after{
		width: auto;
		left: 20px;
		right: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.fancy_wrapper{
		width:800px;
		padding:120px 0;
	}

}
@media only screen and (max-width: 1024px) {
	.envir_main .envir_title{
		font-size: 42px
	}
	.envir_imgGr li{
		width:83.1%;
		height:0;
		padding-bottom:68%;
	}
	.envir_imgGr li + li{
		margin-top:16px
	}


}
@media only screen and (max-width: 960px) {
	.envir_main .envir_title{
		font-size: 36px
	}
	.fancy_wrapper{
		width:720px;
		padding:80px 0;
	}
}
@media only screen and (max-width: 768px) {
	.envir_main .envir_title{
		font-size: 30px
	}
	.fancy_wrapper{
		width:600px;
		padding:60px 0;
	}
}
@media only screen and (max-width: 767px) {

	.envir_main::after{

		left: 10px;
		right: 10px;

	}
}
@media only screen and (max-width: 640px) {
	.envir_main .envir_img_container .envir_inner p.fnt_56{
		font-size: 26px
	}
	.envir_imgGr li .envir_li_inner p.fnt_56{
		font-size: 26px;
	}
	.envir_main .envir_img_container .envir_inner a{
		width:96px;
		height: 36px;
		line-height: 36px
	}
	.envir_imgGr li .envir_li_inner a{
		width:96px;
		height: 36px;
		line-height: 36px
	}
	.fancy_wrapper{
		width:460px;
		padding:40px 0;
	}
}
@media only screen and (max-width: 600px) {
	.envir_main .envir_img_container .envir_inner p.fnt_56{
		font-size: 20px
	}
	.envir_imgGr li .envir_li_inner p.fnt_56{
		font-size: 20px;
	}
}
@media only screen and (max-width: 480px) {
	.envir_main .envir_title{
		font-size: 24px;
	}
	.envir_main .envir_img_container .envir_inner a{
		background-image:url(../img/button_black.png);
		width:30px;
		height:30px;
		font-size: 0;
		border:none;
		padding-left: 0;
	}
	.envir_main .envir_img_container.envir_img02 .envir_inner a{
		background-image:url(../img/button_black.png);
	}
	.envir_main .envir_img_container.envir_img03 .envir_inner a{
		background-image:url(../img/button_black.png);
	}
	.envir_main .envir_img_container.envir_img05 .envir_inner a{
		background-image:url(../img/button_black.png);
	}
	.envir_main .envir_img_container.envir_img01 .envir_inner a{
		background-image:url(../img/button_white.png);
	}
	.envir_main .envir_img_container.envir_img04 .envir_inner a{
		background-image:url(../img/button_white.png);
	}
	.envir_imgGr li .envir_li_inner a{
		background-image:url(../img/button_black.png);
		width:30px;
		height:30px;
		font-size: 0;
		border:none;
		padding-left: 0;
	}
	.envir_imgGr li .envir_li_inner.white a{
		background-image:url(../img/button_white.png);
	}
}
@media only screen and (max-width: 479px) {
	.fancy_wrapper{
		width:88%;
		padding:20px 0;
	}
}
@media only screen and (max-width: 460px) {
	.envir_main .envir_img_container .envir_inner p.fnt_56{
		font-size: 16px
	}
	.envir_imgGr li .envir_li_inner p.fnt_56{
		font-size: 16px;
	}
}
@media only screen and (max-width: 360px) {
	.envir_main .envir_img_container .envir_inner p.fnt_56{
		font-size: 14px
	}
	.envir_imgGr li .envir_li_inner p.fnt_56{
		font-size: 14px;
	}
	.envir_main .envir_img_container .envir_inner a{
		width: 24px;
		height: 24px;
	}
	.envir_imgGr li .envir_li_inner a{
		width: 24px;
		height: 24px;
	}
}
/*技术支持*/

.breadcrumb{
	padding-top: 70px;
	padding-bottom: 20px;
	-webkit-backdrop-filter:blur(25px);
	-moz-backdrop-filter:blur(25px);
	backdrop-filter:blur(25px);
}
.breadcrumb h4{
	color: #121212;
	font-weight: bold;
}
.breadcrumb .bread_wrap{
	margin-top: 8px;
}
.breadcrumb .bread_wrap .ibox{
	vertical-align: middle;
	color: #595959;
}
.breadcrumb .bread_wrap span{
	margin: 0 5px;
}
.breadcrumb .bread_wrap a:hover{
	color: #4660FF;
}
.tech_tab_bar{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.tech_tab_bar a{
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	margin: 0 8px;
	padding: 30px 0;
	background:#fff;
	border: 1px solid #E3E6ED;
	border-radius: 24px;
}
.tech_tab_bar a:first-child{
	margin-left: 0;
}
.tech_tab_bar a:last-child{
	margin-right: 0;
}
.tech_tab_bar .tab_icon{
	width: 34px;
	height: 34px;
}
.tech_tab_bar .tab_icon .tab_icon_default{
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.tech_tab_bar .tab_icon .tab_icon_active{
	display: none;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.tech_tab_bar .tab_icon img{
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.tech_tab_bar .tab_icon_txt{
	margin-left: 15px;
}
.tech_tab_bar a:hover{
	background: linear-gradient(146deg, #FBFBFB 0%, #F7F8FA 100%);
}
.tech_tab_bar a:hover .tab_icon_txt{
	color: #4660FF;
}
.tech_tab_bar a:hover .tab_icon_default{
	display: none;
}
.tech_tab_bar a:hover .tab_icon_active{
	display: block;
}
.tech_tab_bar a:active{
	background: linear-gradient(146deg, #FBFBFB 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);
}
.tech_tab_bar a.active{
	background: linear-gradient(146deg, #FBFBFB 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);
}
.tech_tab_bar a.active .tab_icon_txt{
	color: #4660FF;
}
.tech_tab_bar a.active .tab_icon_default{
	display: none;
}
.tech_tab_bar a.active .tab_icon_active{
	display: block;
}
.tech_tab_bar a:hover .tab_icon .tab_icon_default{
	display: none;
}
.tech_tab_bar a:hover .tab_icon .tab_icon_active{
	display: block;
}
.tech_tab_bar a:hover .tab_icon_txt{
	color: #4660FF;
}
.tech_video{
	margin-top: 5.7%;
}
.tech_video video{
	width: 100%;
}
.tech_video_thumb{
	display: block;
	width: 100%;
	margin-top: 5.7%;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	overflow: hidden;
}
.tech_video_thumb img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.tech_video_thumb .btn_play{
	display:block;
	width:56px;
	height:56px;
	background-image:url(../img/icon_play.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.tech_video_thumb:hover 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);
}
.tech_video_thumb:hover .btn_play{
	background-image:url(../img/icon_play_hover.png);
}
.ovw_banner{
	margin-top: 48px
}
.ovw_banner > img{
	width:100%;
}
.ovw_banner .ovw_txt{
	width:45%;
	left:54%;
	top:50%;
	color:#fff;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.ovw_banner .ovw_txt h5{
	font-weight: bold;
}
.ovw_banner .ovw_txt .ovw_vers{
	height:40px;
	line-height:40px;
	font-size: 18px;
	padding:0 20px;
	border:1px solid #fff;
	border-radius: 100px;
	vertical-align: middle;
	font-weight: normal;
}
.ovw_banner .ovw_txt p{
	color:#fff;
}

.ovw_banner .equip_logo img{
	max-width:100%;
	vertical-align:middle;
}
.ovw_banner .wap_img{
	display: none
}
.ovw_banner .ovw_txt_l{
	width:1400px;
	left:50%;
	margin-left:-700px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.ovw_banner .ovw_txt_l h5{
	font-weight: bold;
}
.ovw_banner .ovw_txt_l .ovw_vers{
	height:40px;
	line-height:40px;
	font-size: 18px;
	padding:0 20px;
	border:1px solid #000;
	border-radius: 100px;
	vertical-align: middle;
	font-weight: normal
}
.ovw_banner .ovw_txt_c{
	max-width:1400px;
	left:50%;
	top:80px;
	margin-top:6%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	color:#fff;
}
.ovw_banner .ovw_txt_c h5{
	font-weight: bold;
}
.ovw_banner .ovw_txt_c .ovw_vers{
	height:40px;
	line-height:40px;
	font-size: 18px;
	padding:0 20px;
	border:1px solid #fff;
	border-radius: 100px;
	vertical-align: middle;
	font-weight: normal
}
.ovw_txt_c .equip_logo{
	text-align: center
}

@media only screen and (max-width: 1500px){
	.ovw_banner .ovw_txt_l{
		width:1200px;
		margin-left:-600px;
	}
	.ovw_banner .ovw_txt_c{
		max-width:1200px;
	}
}
@media only screen and (max-width: 1366px){
	.ovw_banner .ovw_txt_l{
		width:1100px;
		margin-left:-550px;
	}
	.ovw_banner .ovw_txt_l{
		max-width:1100px;
		margin-left:-550px;
	}
}
@media only screen and (max-width: 1200px){
	.ovw_banner .ovw_txt{
		left:50%;
		top:66%;
	}
	.ovw_banner .ovw_txt_l{
		width:auto;
		left:9%;
		margin-left:0
	}
	.ovw_banner .ovw_txt_c{
		max-width:100%;
		left:20px;
		right:20px;
		transform:none;
		text-align: center
	}

}

@media only screen and (max-width: 960px){
	.tech_tab_bar a{
		padding: 20px 0;
	}
	.tech_tab_bar .tab_icon{
		width: 28px;
		height: 28px;
	}
	.tech_video_thumb .btn_play{
		width: 40px;
		height: 40px;
	}
	.ovw_banner .ovw_txt .ovw_vers{
		height:36px;
		line-height:36px;
		padding:0 16px;
	}
	.ovw_banner .ovw_txt_l .ovw_vers{
		height:36px;
		line-height:36px;
		padding:0 16px;
	}
	.ovw_banner .ovw_txt_c .ovw_vers{
		height:36px;
		line-height:36px;
		padding:0 16px;
	}
	.ovw_banner .equip_logo img{
		max-width:120px;
	}
	.ovw_banner .ovw_txt_l{
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		-ms-transform:none;
		transform:none;
	}

}
@media only screen and (max-width: 800px){
		.breadcrumb{
	        padding-top: 16px;
	        padding-bottom: 16px;
	    }
	    .ovw_banner{
	    	margin-top:0;
	    }
}
@media only screen and (max-width: 768px){


	.ovw_banner .ovw_txt .ovw_vers{
		font-size: 14px;
		height:28px;
		line-height:28px;
	}
	.ovw_banner .ovw_txt_l .ovw_vers{
		font-size: 14px;
		height:28px;
		line-height:28px;
	}
	.ovw_banner .ovw_txt_c .ovw_vers{
		font-size: 14px;
		height:28px;
		line-height:28px;
	}

	.ovw_banner .ovw_txt{
		transform:none;
		left:45%;
		width:52%;
		top:50%;
		/*-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);*/
	}
	.ovw_banner .ovw_txt h5{
		font-size: 24px;
	}
	/*.ovw_banner .ovw_txt_l{
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}*/
	.ovw_banner .ovw_txt_l h5{
		font-size: 24px;
	}
	.ovw_banner .ovw_txt_c h5{
		font-size: 24px;
	}
	.ovw_banner .ovw_txt_c{
		top:113px;
	}
	.respBanner .banner_homekit_logo{
		margin-top: 10px
	}
}
@media only screen and (max-width: 640px){
	.tech_tab_bar a{
		padding: 10px 0;
		border-radius: 10px;
		margin: 0 2px;
	}
	.tech_tab_bar .tab_icon{
		width: 20px;
		height: 20px;
	}

	.ovw_banner .equip_logo{
		margin-top:10px;
	}
	.ovw_banner .equip_logo img{
		max-width:100px;
	}
	.ovw_banner .ovw_txt{
        top:45%;
    }
    .ovw_banner .ovw_txt_l{
        top:45%;
    }
    .ovw_banner .ovw_txt_c{
		top:93px;
	}

}
@media only screen and (max-width: 479px){
	.respBanner{
		height: auto;
	}
	.respBanner img{
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.respBanner .banner_homekit_logo img{
		width:auto;
	}
	.breadcrumb{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.tech_tab_bar .tab_icon_txt{
		margin-left: 5px;
		font-size: 14px;
	}

	.ovw_banner .pc_img{
		display: none
	}
	.ovw_banner .wap_img{
		display: block
	}
	.ovw_banner .ovw_txt{
		top:20%;
		left:0;
		width:100%;
		padding:0 20px;
		text-align: center
	}
	.ovw_banner .ovw_txt_l{
		top:20%;
		left:0;
		width:100%;
		padding:0 20px;
		text-align: center;
	}

	.ovw_banner .ovw_txt h5{
		font-size: 16px;
		line-height: 24px;
		font-weight: normal;
	}
	.ovw_banner .ovw_txt_l h5{
		font-size: 16px;
		line-height: 24px;
		font-weight: normal
	}
	.ovw_banner .ovw_txt_c h5{
		font-size: 16px;
		line-height: 24px;
		font-weight: normal
	}
	.ovw_banner .ovw_txt .ovw_vers{
		height:18px;
		line-height:17px;
		font-size: 12px;
		padding:0 10px;
	}
	.ovw_banner .ovw_txt_l .ovw_vers{
		height:18px;
		line-height:17px;
		font-size: 12px;
		padding:0 10px;
	}
	.ovw_banner .ovw_txt_c .ovw_vers{
		height:18px;
		line-height:17px;
		font-size: 12px;
		padding:0 10px;
	}
	.ovw_banner .ovw_txt p{
		font-size: 32px;
	}
	.ovw_banner .equip_logo{
		margin: 20px auto 0 auto
	}
	.ovw_banner .equip_logo img{
		max-width:88px;
	}
	.ovw_banner .ovw_txt_b{
		top:auto;
		bottom:8%;
		left:0;
		width:100%;
		padding:0 20px;
		text-align: center
	}
	.ovw_banner .ovw_txt_c{
		top:83px;
		margin-top: 20%
	}
}
@media only screen and (max-width: 414px){
	.ovw_banner .ovw_txt p{
		font-size: 26px;
	}
}

.prod_related .related_info dt{
	color: #595959;
	vertical-align: middle;
	font-size: 14px;
}
.prod_related .related_info dd{
	color: #121212;
	vertical-align: middle;
	font-size: 14px;
	font-family: Arial;
	line-height: 2;
}
.tech_noData{
	padding-top: 5%;
	text-align: center;
}
.tech_noData p{
	margin-top: 16px;
}
.tech_faq{
	width: 96.5%;
	padding-top: 5%;
	margin: 0 auto;
}
.tech_faq li{
	padding: 20px 0;
	border-bottom: 1px solid #E3E6ED;
}
.tech_faq li .faq_wrapper{
	cursor: pointer;
}

.tech_faq .tech_faq_ask{
	width: 100%;
	padding-right: 20px;
}
.tech_faq .tech_faq_ask span{
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/arrow_default.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 0;
	top: 4px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.tech_faq li.open .tech_faq_ask span{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.tech_faq .tech_faq_ask .tech_faq_ask_txt{
	color: #121212;
	font-weight: bold;
}
.tech_faq .faq_wrapper:hover .tech_faq_ask span{
	background-image: url(../img/arrow_right_blue_2.png);
}
.tech_faq .faq_wrapper:hover .tech_faq_ask .tech_faq_ask_txt{
	color: #4660FF;
}
.tech_faq_answer{
	display: none;
	color: #595959;
}
.tech_faq_answer dt{
	font-weight: bold;
	color:#121212;
}
.tech_faq_answer dd{
	color:#595959;
	margin-top: 10px
}
.tech_faq.more_info li{
	padding:45px 0;
}
.tech_faq li.mini_prog .tech_faq_ask_txt + i{
	display: block;
	color:#888;
	margin-top: 10px
}
.tech_faq li.mini_prog img.img_miniProg{
	max-width:120px;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.tech_ins{
    width: 96.5%;
    margin: 0 auto;
}
.tech_ins li{
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #E3E6ED;
}
.tech_ins .tech_ins_ask{
    float: left;
    padding-right: 20px;
    padding-top: 2%;
}
.tech_ins .pra_img{
    float: right;
}
.tech_ins .tech_ins_ask .tech_ins_ask_txt{
    color: #121212;
    font-weight: bold;
}
.tech_ins_answer{
    color: #888888;
}


@media only screen and (max-width: 1200px){
	.tech_noData img{
		width: 150px;
	}
}
@media only screen and (max-width: 640px){
	.tech_faq li{
		padding: 10px 0;
	}
	.tech_noData img{
		width: 120px;
	}
	.tech_ins li{
	    padding: 10px 0;
	}
}
@media only screen and (max-width: 479px){
	.tech_noData img{
		width: 100px;
	}
}
.banner > .banner_txt{
	color: #fff;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.banner_txt dd{
	margin-top: 10px;
}
.search_sn{
	width: 456px;
	margin: 0 auto;
}
.search_sn{
	padding-bottom: 5%;
}
.search_sn p{
	color: #121212;
}
.search_sn sup{
	color: #FF3636;
}
.search_sn .search_sn_icon_info{
	width: 14px;
	height: 14px;
	margin-left: 5px;
}
.search_sn .search_sn_icon_info .default{
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
}
.search_sn .search_sn_icon_info .hover{
	display: none;
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.search_sn .search_sn_icon_info:hover .default{
	display: none;
}
.search_sn .search_sn_icon_info:hover .hover{
	display: block;
}
.search_sn .info_hover_box.pc_hover{
	display: none;
	width: 305px;
	background:#414141;
	border-radius: 4px;
	padding: 8px;
	color: #fff;
	top:32px;
	left: 10px;
	z-index: 3;
}
.search_sn .wap_hover{
	display: none;
	width: 305px;
	background:#414141;
	border-radius: 4px;
	padding: 8px;
	color: #fff;
	left: 50%;
	top: 32px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
}
.search_sn .search_sn_icon_info:hover .info_hover_box.pc_hover{
	display: block;
}
.search_sn .search_sn_inp_box{
	padding-bottom: 26px;
}
.search_sn .search_sn_inp{
	width: 456px;
	height: 44px;
	margin-top: 5px;
	padding: 5px 36px 5px 10px;
	border-radius: 4px;
	border: 1px solid #C2C7D1;
}
.search_sn .search_sn_inp input{
	width: 100%;
	height: 100%;
	border: none;
}

.search_sn .search_sn_inp_tip{
	display: none;
	color: #FF3636;
	bottom: 0;
	left: 0;
}
.search_sn .search_sn_inp_box.error .search_sn_inp{
	border: 1px solid #FF3636
}
.search_sn .search_sn_inp_box.error .search_sn_inp_tip{
	display: block;
}
.search_sn .search_sn_btn{
	display: block;
	width: 120px;
	height: 44px;
	line-height: 44px;
	border-radius: 100px;
	border: 1px solid #121212;
	color: #121212;
	font-weight: bold;
	text-align: center;
	margin-left: auto ;
	margin-right: auto;
}

.search_sn .search_sn_btn:hover{
	border: none;
	background-image:url(../img/btn_suspended_03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	color: #4660FF;
	/*box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);*/
}
.search_sn .search_sn_btn:active{
	color: #4660FF;
	border: none;
	background-image:url(../img/btn_clicked_03.png);
	/*background: linear-gradient(146deg, #FBFBFB 0%, #F7F8FA 100%);*/
	/*box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);*/
}
.search_sn .search_close{
	display: none;
	width: 16px;
	height: 16px;
	right: 14px;
	top: 50%;
	margin-top: -8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.search_sn .search_close::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: #888;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.search_sn .search_close::after{
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	background: #888;
	left: 50%;
	top: 0;
	margin-left: -1px;
}

@media only screen and (max-width: 1200px){
	.search_sn .search_sn_btn{
		width: 96px;
		height: 36px;
		line-height: 36px;
	}
}
@media only screen and (max-width: 767px){
	.search_sn .search_sn_inp{
		height: 36px;
	}

	.search_sn .search_sn_icon_info:hover .info_hover_box.pc_hover{
		display: none;
	}
	.search_sn .search_sn_icon_info:hover + .wap_hover{
		display: block;
	}
}

@media only screen and (max-width: 640px){
	.search_sn .search_sn_btn{
		width: 84px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.search_sn{
		width: 70%;
	}
	.search_sn .search_sn_inp{
		width: 100%;
	}

}
@media only screen and (max-width: 414px){
	.search_sn .wap_hover{
		width: 90%;
	}
}



.w1164{
	width: 1164px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-width: 1200px){
	.w1164{
		width:100%;
		padding-right:20px;
		padding-left:20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px){
	.w1164{
		padding-right:10px;
		padding-left:10px;
	}
}

.req_prog{
	border-top: 1px solid #E3E6ED;
	padding-top: 5%;
}
.req_prog .req_detail{
	padding-top: 5%;
}
.req_prog .req_detail .req_detail_item{
	display: none;
}
.req_prog .req_detail .req_detail_item.active{
	display: block;
}
.req_prog .req_detail .req_detail_img{
	width: 400px;
	margin-left: 40px;
	padding: 58px 58px 0 58px;
	text-align: center;
}
.req_prog .req_detail .req_detail_img img{
	max-width: 100%;
}
.req_prog .req_detail_info{
	width: 70%;
	/*padding-left: 480px;*/
	margin:0 auto;
}
.req_prog  .req_detail_info_list dl{
	min-height: 24px;
}
.req_prog  .req_detail_info_list dl:not(:first-child){
	margin-top: 20px;
}
.req_prog  .req_detail_info_list dt{
	color: #888;
	width: 136px;
}
.req_prog  .req_detail_info_list dd{
	color: #888;
	width: 100%;
	padding-left: 142px;
	color: #121212;
}
.detail_prog{
	margin-top: 8%;
	display: flex;
}
.detail_prog.wap_prog{
	display: none;
}
.detail_prog .detail_prog_point{
	width: 16px;
	height: 16px;
	border: 4px solid #4660FF;
	border-radius: 50%;
	margin: 0 auto;
}
.detail_prog .detail_prog_til{
	color: #888;
	text-align: center;
}
.detail_prog dl{
	/*width: 136px;*/
	flex: 1;
}
.detail_prog dl:not(:first-child):before{
	content: '';
	display: block;
	position: absolute;
	width: 76%;
	height: 1px;
	background: #D6DCFF;
	right: 50%;
	top: 8px;
	-webkit-transform: translateX(-18px);
	-moz-transform: translateX(-18px);
	-o-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}


.detail_prog dl .detail_prog_point{
	width: 16px;
	height: 16px;
	border: 4px solid #F2F2F2;
	border-radius: 50%;
	margin: 0 auto;
}

.detail_prog dl.done .detail_prog_point{
	border: 4px solid #4660FF;
}
.detail_prog dl.done .detail_prog_til{
	color: #121212;
	font-weight: bold;
}
@media only screen and (max-width: 1024px){
	.req_prog .req_detail .req_detail_img{
		width: 50%;
		margin-left: 0;
		padding: 5% 5% 0 5%;
	}

}


.prod_manual{
	padding-top: 5%;
}
.prod_manual .prod_box{
	width: 248px;
	border: 2px solid #E3E6ED;
	border-radius: 16px;
	padding: 2% 0;
	text-align: center;
	margin: 0 auto;
}
.prod_manual .prod_box img{
	width: 80%;
}
.prod_manual .prod_box .prod_logo{
	display: block;
	width: 48px;
	height: 14px;
	background: url(../img/logo_blue.png) no-repeat center;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
}
.prod_manual_btn{
	text-align: center;
}
.prod_manual_btn a{
	width: 120px;
	height: 44px;
	line-height: 44px;
	border-radius: 100px;
	border: 1px solid #121212;
	margin: 0 12px;
	color: #121212;
	font-size: 16px;
	text-align: center;
}
.prod_manual_btn a:hover{
	background-image:url(../img/btn_suspended_03.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	border: none;
	color: #4660FF;
}
.prod_manual_btn a:active{
	background-image: url(../img/btn_clicked_03.png);
	/*box-shadow: inset -3px -3px 5px 0px rgba(143, 143, 143, 0.5);*/
	border: none;
}

@media only screen and (max-width: 1200px){
	.prod_manual .prod_box{
		width: 200px;
	}
	.prod_manual_btn a{
		width: 96px;
		height: 36px;
		line-height: 36px;
	}
}
@media only screen and (max-width: 1024px){
	.detail_prog.wap_prog{
		display: flex;
		clear: both;

	}
	.detail_prog.pc_prog{
		display: none;
	}
	.req_prog .req_detail_info{
		/*float: right;*/
		/*width: 48%;*/
		padding-left: 0;
		margin-bottom: 5%;
	}
}
@media only screen and (max-width: 768px){
	.req_prog .req_detail{
		padding-top: 0;
	}
	.req_prog .req_detail .req_detail_img{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.req_prog .req_detail_info{
		float: none;
		display: block;
		width: 80%;
		margin: 2% auto 0 auto;
	}
}



@media only screen and (max-width: 640px){
	.prod_manual .prod_box{
		width: 148px;
	}
	.prod_manual_btn a{
		width: 84px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 414px){
	.req_prog .req_detail_info_list dt{
		width: 100px;
	}
	.req_prog .req_detail_info_list dd{
		padding-left: 100px;
	}
}


.adaptive_pt{
	padding-top: 5%;
}
.aboutUs{
	border-top: 1px solid #E3E6ED;
}
.aboutUs .detail_prog {
	margin-top: 0;
	padding:5% 0 ;
	border-bottom: 1px solid #E3E6ED;
	position: relative;
}
.aboutUs .detail_prog .prog_fixed_w{
	display: flex;
	width: 100%;
}
.aboutUs .detail_prog dl{
	flex: 1;
}
.aboutUs .detail_prog dl:not(:first-child):before{
	width: 80%;
	-webkit-transform: translateX(-22px);
	-moz-transform: translateX(-22px);
	-o-transform: translateX(-22px);
	-ms-transform: translateX(-22px);
	transform: translateX(-22px);
}
@media only screen and (max-width: 1366px){
	.aboutUs .detail_prog dl:not(:first-child):before{
		transform: translateX(-14px);
	}
}
@media only screen and (max-width: 767px){
	.aboutUs .detail_prog .prog_fixed_w{
		position: absolute;
		width: 900px;
		left: 0;
		top: 30px;
	}
	.aboutUs .detail_prog{
		height: 128px;
		padding: 30px 0;
		overflow-y: scroll;
	}
}


.corp_info .highlight_txt{
	color: #FF3636;
}
.row_wrapper{
	display: flex;
}
.row_wrapper .inp_box_item{
	flex: 1;
}
.row_wrapper .inp_box_item:not(:first-child){
	margin-left: 16px;
}
.inp_box_item{
	padding-bottom: 20px;
}
.inp_box_item .inp_tip{
	color: #FF3636;
	bottom: 0;
	left: 0;
}
.inp_box_item .inp_title{
	color: #121212;
	height: 1.5em;
	overflow: hidden;
}
.inp_box_item .inp_title sup{
	color: #FF3636;
}
.inp_box_item .inp_box{
	padding: 10px 12px;
	border: 1px solid #C2C7D1;
	border-radius: 4px;
	color: #888;
	margin-top: 4px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.inp_box_item .inp_box input{
	border: none;
	width: 100%;
	cursor: pointer;
}
.inp_box_item .inp_box:hover{
	border: 1px solid #4660FF;
}
.inp_box_item .inp_box.active{
	border: 1px solid #4660FF;
}
.inp_box_item .inp_blank{
	height: 1.5em;
}
.selectric{
	margin-top: 4px;
}
.selectric .inp_box{
	margin-top: 0;
}
.selectric .inp_box:after{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid #121212;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	right: 17px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.selectric .opt_list{
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	right: 10px;
	width: 100%;
	height: 200px;
	background: #fff;
	border: 1px solid #C2C7D1;
	border-radius: 4px;
	padding: 5px;
	z-index: 5;
}
.selectric .opt_list a{
	display: block;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
}
.selectric .opt_list a:hover{
	background: rgba(194,199,209,.4);
}
.selectric.open .inp_box{
	border: 1px solid #4660FF;
}
.selectric.open .inp_box:after{
	transform: rotate(180deg);
	margin-top: -3px;
}
.selectric .opt_list .mCSB_scrollTools{
	width: 10px;
}
.selectric .opt_list .mCSB_inside>.mCSB_container{
	margin-right: 10px;
}

.inp_box_item .inp_box .btn_upload{
	display: block;
	background: url(../img/icon_upload.png) no-repeat left center;
	background-size: auto 18px;
	padding-left:22px;
	color: #4660FF;
}
.inp_box_item .inp_box .btn_upload + input{
	opacity: 0;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}
.inp_box_item .inp_box input[type="radio"]{
	width: auto;
	margin-right: 5px;
}
.inp_box_item .inp_box .radio_item{
	color: #121212;
	cursor: pointer;
}
.inp_box_item .inp_box .radio_item:not(:first-child){
	margin-left: 15px;
}
.row_wrapper.half{
	width: 50%;
}
.row_wrapper.half .inp_box_item{
	margin: 0 8px;
}
.row_wrapper.half .inp_box_item:first-child{
	margin-left: 0;
}
.inp_box_item .inp_box.inp_box_s{
	padding: 0;
}
.inp_box_item .inp_box.inp_box_s .inp_box_s_wrapper{
	width: 100%;
	padding:10px 100px 10px 12px;
}

.inp_box_item .inp_box.inp_box_s .selectric{
	width: 94px;
	height: 100%;
	right: 0;
	top: 0;
	margin-top: 0;
}
.inp_box_item .inp_box.inp_box_s .selectric .inp_box{
	border: none;
	height: 100%;
	position: relative;
}
.inp_box_item .inp_box.inp_box_s .selectric .inp_box::before{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	background: #C2C7D1;
	left: 0;
	top: 10px;
	bottom: 10px;
}
.inp_box_item .inp_box.inp_box_s .selectric .inp_box input{
	background: none;
}
.inp_box_item .inp_box.inp_box_s .selectric .opt_list{
	width:100%;
}
.textarea_box{
	margin-top: 4px;
	width: 100%;
	height: 220px;
	border: 1px solid #C2C7D1;
	padding: 10px 12px;
	border-radius: 4px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.textarea_box textarea{
	width: 100%;
	height: 100%;
	border: none;
}
.textarea_box:hover{
	border: 1px solid #4660FF
}
.textarea_box.active{
	border: 1px solid #4660FF
}
.textarea_box .word_count{
	font-family: Arial;
	color:#C2C7D1;
	right:5px;
	bottom:5px;
}
.textarea_box .word_count span{
  margin:0 1px;
}
.textarea_box.active{
	border: 1px solid #4660FF
}
.form_btn{
	text-align: center;
}
.form_btn a{
	width: 120px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #121212;
	border-radius: 100px;
	color: #121212;
	margin: 0 12px;
	font-size: 16px;
	text-align: center;
}
.form_btn a:hover{
	border: none;
	color: #4660FF;
	background-image:url(../img/btn_suspended_03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
.form_btn a:active{
	background-image:url(../img/btn_clicked_03.png);
}
@media only screen and (max-width: 1200px){
	.form_btn a{
		width: 96px;
		height: 36px;
		line-height: 36px;
	}
}
@media only screen and (max-width: 640px){
	.form_btn a{
		width: 84px;
		height: 32px;
		line-height: 32px;
	}
	.row_wrapper{
		display: block;
		overflow: hidden;
	}
	.corp_info .row_wrapper{
		overflow: visible;
	}
	.row_wrapper .inp_box_item{
		float: left;
		width: 48%;
	}
	.row_wrapper .inp_box_item:nth-child(2n + 1){
		margin-left: 0;
	}
	.row_wrapper.profit .inp_box_item:nth-child(2n + 1){
		margin-left: 16px;
	}
	.row_wrapper.profit .inp_box_item:nth-child(2n){
		margin-left: 0;
	}
	.row_wrapper.cooperate {
		overflow: hidden;
		clear: both;
	}
	.row_wrapper.cooperate .inp_box_item{
		display: block;
		float: none;
	}
	.row_wrapper.cooperate .inp_box_item.hidden{
		display: none;
	}
	.row_wrapper.text_wrapper{
		overflow: hidden;

	}
}
@media only screen and (max-width: 440px){
	.row_wrapper .inp_box_item{
		width: 46%;
	}
}
@media only screen and (max-width: 414px){
	.row_wrapper .inp_box_item{
		float: none;
		display: block;
		width: 100%;
	}
	.row_wrapper .inp_box_item:nth-child(2n){
		margin-left: 0;
	}
	.row_wrapper.half{
		width: 100%;
	}
	.inp_box_item .inp_blank{
		display: none;
	}
	.row_wrapper.profit .inp_box_item:nth-child(2n + 1){
		margin-left: 0;
	}
}
.inp_box_item .inp_box.inp_box_xs{
	padding: 0;
}
.inp_box_item .inp_box.inp_box_xs .inp_box_xs_wrapper{
	width: 100%;
	padding:10px 45px 10px 12px ;
}
.inp_box_item .inp_box.inp_box_xs .percent{
	width: 41px;
	height: 100%;
	padding: 12px;
	right: 0;
	top: 0;
	color: #121212;
	text-align: center;
	line-height: 100%;
}
.inp_box_item .inp_box.inp_box_xs .percent::before{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	background: #C2C7D1;
	left: 0;
	top: 10px;
	bottom: 10px;
}
.inp_box_item.hidden{
	opacity: 0;
}
.inp_box_item .textarea_coop{
	flex: 2;
}
.business table{
	width: 100%;
}
.business table thead td{
	background: #E7EBFF;
	height: 48px;
}
.business .table_head{
	color: #121212;
	font-weight: bold;
}
.business .table_head sup{
	color: #FF3636;
}
.business table .choose_all label{
	display: block;
	text-align: center;
	cursor: pointer;
}
.business table .choose_all label .ibox{
	vertical-align: middle;
}
.business table .choose_all .choose_icon{
	width: 18px;
	height: 18px;
	background-image: url(../img/check_box.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.business table .choose_all label.select .choose_icon{
	background-image: url(../img/check_box_selected.png);
}
.business table thead td{
	color: #121212;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.business table .intro{
	width: 45.71%;
}
.business table .table_txt{
	color: #121212;
	font-weight: bold;
	font-size: 16px;
}
.business table .choose span{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../img/check_box_default.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	cursor: pointer
}
.business table .choose span:hover{
	background-image: url(../img/check_box_suspended.png);
}
.business table .choose span.select{
	background-image: url(../img/check_box_selected.png);
}
.business table tbody td{
	padding: 14px 0;
	color: #595959;
	text-align: center;
	border-bottom: 1px solid #E3E6ED;
}
@media only screen and (max-width: 768px){
	.business table{width: 665px;position: absolute;left: 0;top: 0}
	.business .table_viewport{
		width: 100%;
		overflow-y: scroll;
		position: relative;
	}
}

.row_oneItem .inp_box_item{
	flex: 3;
}
.info_wrapper{
	padding: 3% 0;
	border-bottom: 1px solid #E3E6ED;
}
.info_wrapper:last-child{
	border-bottom: none;
}
.info_wrapper h4{
	color: #121212;
	font-weight: bold;
}

.info_wrapper .info_list{
	width: 38%;
	min-height: 180px;
}
.info_wrapper .info_list:not:nth-child(1){
	margin-left: 18%;
}

.info_item dt{
	width: 136px;
	color: #888;
}
.info_item dd{
	width: 100%;
	padding-left: 152px;
	color: #121212;
}
.info_tab{
	display: inline-block;
}
/*.info_tab_card{
	text-align: center;
}*/
.info_tab_card a{
	width: 115px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	border: 1px solid #E3E6ED;
	border-radius: 8px;
	color: #595959;
	text-align: center;
	margin: 0 4px;
}
.info_tab_card a:first-child{
	margin-left:0;
}
.info_tab_card a:hover{
	background: #F7F8FA;
	box-shadow: inset -3px -3px 5px 0px rgba(143, 143, 143, 0.25), inset 2px 2px 5px 0px rgba(255, 255, 255, 0.8);
	color: #121212;
	border: none;
	font-weight: bold;
}
.info_tab_card a:active{
	background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 5px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 5px 0px rgba(143, 143, 143, 0.3);
	color: #4660FF;
}
.info_tab_card a.active{
	background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 5px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 5px 0px rgba(143, 143, 143, 0.3);
	color: #4660FF;
}
.info_container{
	width: 100%;
}
.info_container .info_cont_item{
	display: none;
}
.info_container .info_cont_item.active{
	display: block;
}
.be_cooperator .info_tab{
	width: 100%;
}
.info_container .info_cont_item .info_cont_exp{
	margin-top: 10px;
	color: #121212;
}
.be_cooperator .info_container .info_cont_item .info_list + .info_list{
	margin-left: 5%;
}
.be_cooperator .info_tab{
	width: 100%;
}
.info_link{
	padding-bottom: 5px;
}
.info_link::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background:#4660FF;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.info_link:hover:after{
	width: 100%;
}
.info_link a{
	display: block;
	color: #4660FF;
	font-size: 16px;
}
.info_link a::after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #4660FF;
	border-right: 1px solid #4660FF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fancy_box{
	width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
@media only screen and (max-width: 1500px){
	.info_tab{
		width: 60%;
	}
}
@media only screen and (max-width: 1200px){
	.info_wrapper .info_list{width: 45%}
}
@media only screen and (max-width: 900px){
	.info_tab_card a{
		width: 96px;
		height: 36px;
		line-height: 36px;
	}
}
@media only screen and (max-width: 768px){
	.info_wrapper .info_list{
		display: block;
		width: 100%;
		float: none;
	}
	.info_tab{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.be_cooperator .info_container .info_cont_item .info_list + .info_list{
		margin-left: 0;
		margin-top: 20px;
	}
}
.preview h4{
	color: #121212;
	font-weight: bold;
}
.preview h5{
	color: #121212;
	font-weight: bold;
}
.prew_info{
	display: flex;
}
.prew_info dl{
	flex: 1;
	flex-shrink: 0;
	flex-shrink: 0;
}
.prew_info dl:nth-child(n+2){
	margin-left:10px;
}

.prew_info dt{
	color: #888;
}
.prew_info dd{
	color: #121212;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap:break-word;
}
.fancy_suc{
	display: none;
	width: 500px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 4.6% 5.5%;
	background: #fff;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(0deg);
	-moz-transform: translate(-50%,-50%) rotate(0deg);
	-o-transform: translate(-50%,-50%) rotate(0deg);
	-ms-transform: translate(-50%,-50%) rotate(0deg);
	transform: translate(-50%,-50%) rotate(0deg);
}

.fancy_suc p{
	color: #121212;
	text-align: center;
}

.about_finish{
	text-align: center;
}

.about_agreement h4{
	color: #121212;
	text-align: center;
}
.about_agreement .agr_title{
	color: #121212;
}
.about_agreement p{
	color: #595959;
}
@media only screen and (max-width: 1200px){
	.about_finish img{
		width: 150px;
	}
}
@media only screen and (max-width: 640px){
	.about_finish img{
		width: 120px;
	}
	.prew_info dl {
		float: left;
		width: 100%;
    	margin-bottom: 8px;
	}
	.prew_info{
	display: block;
	}
	.prew_info dl:nth-child(n+2){
		margin-left:0;
	}

	.prew_info dt{
	    width: 23%;
	    float: left;
	    height: 21px;
	    line-height: 21px;
	}
	.prew_info dd{
	    width: 74%;
	    float: left;
	    margin-top: 0;
	}
}
@media only screen and (max-width: 320px){
	.prew_info dt{
		width:26%;
	}
	.prew_info dd{
		width:70%;
	}
}
.news{
	border-top: 1px solid #E3E6ED;;
}
.news_list{
	width: 100%;
	text-align: center;
}
.news_item{
	width: 37%;
	margin-left:2.5%;
	margin-right:2.5%;
}
.news_item:nth-child(n+3){
	margin-top: 4.3%;
}
.news_item:nth-child(n+4){
	margin-top: 4.3%;
}
.news_flex{
	display: flex;
	align-items: stretch;
}
.news_item .news_img{
	width: 224px;
	height: 126px;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	behavior: url(../css/ie-css3.htc);
}
.news_item .news_img .news_img_inner{
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.news_item .news_img .news_img_inner img{
	width: 100%;
}
.news_about{
	width: 100%;
	padding-left: 248px;
	height: 126px ;
}
.news_about .news_new{
	display: block;
	color: #4660FF;
	text-align: left;
}
.news_about .news_title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #121212;
	margin-top: 5px;
	text-align: left;
}
.news_about .news_date{
	color: #888;
	bottom: 0;
	left:248px
}
.news_item:hover .news_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);
}
.news_item:hover .news_title{
	color: #4660FF;
}
.news_pager{
	text-align: center;
	margin-top: 48px;
}
.main.news_pager{
	padding:80px 0;
}
.news_pager .news_ture_prev{
	width: 56px;
	height: 56px;
	background-image: url(../img/button_black_left.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.news_pager .news_ture_next{
	width: 56px;
	height: 56px;
	background-image: url(../img/button_black.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.news_pager .news_ture_prev:hover{
	background-image:url(../img/button_suspended_left.png);
}
.news_pager .news_ture_prev:active{
	background-image:url(../img/button_click_01_left.png);
}
.news_pager .news_ture_prev.disabled{
	background-image:url(../img/btn_change_disabled_left.png);
}
.news_pager .news_ture_next:hover{
	background-image:url(../img/button_suspended.png);
}
.news_pager .news_ture_next:active{
	background-image:url(../img/button_click_01.png);
}
.news_pager .news_ture_next.disabled{
	background-image:url(../img/btn_change_disabled.png);
}
.news_pager .news_page_box{
	color: #121212;
	margin: 0 5%;
}
.news_pager .ibox{
	vertical-align: middle;
}
@media only screen and (max-width: 1366px){
	.news_item{
		width: 42%;
	}
	.news_pager .news_ture_prev{
		width: 48px;
		height: 48px;
	}
	.news_pager .news_ture_next{
		width: 48px;
		height: 48px;
	}
}
@media only screen and (max-width: 1024px){
	.news_item .news_img{
		width: 180px;
		height: 100px;
	}
	.news_about{
		padding-left: 200px;
		height: 100px;
	}
	.news_about .news_date{
		left: 200px;
	}
	.news_pager .news_ture_prev{
		width: 40px;
		height: 40px;
	}
	.news_pager .news_ture_next{
		width: 40px;
		height: 40px;
	}

}
@media only screen and (max-width: 960px){
	.news_item{
		width: 44%;
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media only screen and (max-width: 800px){
	.news_pager{
		margin-top: 30px
	}
}
@media only screen and (max-width: 768px){
	.news_list{
		overflow: hidden;
	}
	.news_item:nth-child(2n + 1){
		float: left;
		width: 48%;
		margin-left:0;

	}
	.news_item:nth-child(2n){
		float: right;
		width: 48%;
		margin-right:0;
	}
	.news_item .news_img{
		width: 135px;
		height: 88px;
	}
	.news_about{
		padding-left: 150px;
	}
	.news_about .news_date{
		left: 150px;
	}

	.news_pager .news_ture_prev{
		width: 32px;
		height: 32px;
	}
	.news_pager .news_ture_next{
		width: 32px;
		height: 32px;
	}
}

@media only screen and (max-width: 640px){
	.news_item:nth-child(2n + 1){
		float: none;
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
	.news_item:nth-child(2n){
		float: none;
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
	.news_item:not(:first-child){
		margin-top: 6%;
	}
	.news_item .news_img{
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.news_about{
		height: auto;
	}
	.news_about .news_date{
		position: relative;
		margin-top: 8px;
		left: auto;
		bottom: auto;
		text-align: left;
	}

}

@media only screen and (max-width: 414px){
	.news_item .news_img{
		width: 112px;
		height: 63px;

	}
	.news_about{
		padding-left: 130px;
	}
}

.news_page .news_date{
	color: #595959;
	text-align: center;
	line-height: 1
}
.news_page h4{
	color: #121212;
	text-align: center;
	margin-top: 40px;
	line-height: 1
}
.news_page .sub_headline{
	color: #121212;
	text-align: center;
	margin-top: 36px;
	line-height: 1
}
.news_body{
	color: #121212;
	text-align: center;
	padding-bottom: 5%;
}
.news_body > p{
	text-align: left;
	line-height: 2;
	letter-spacing: 1px
}

.news_body .img_box{
	display: inline-block;
	max-width: 100%;
	margin:0 auto 60px auto;
	text-align: center;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.news_body .img_box img{
	max-width:100%;
}
.news_body p + .img_box{
	margin-top: 60px
}
.news_body .news_img_desc{
	color: #888;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.news_share h5{
	font-weight: bold;
	color: #121212;
	text-align: left;
	/*padding-bottom: 3%;*/
	/*border-bottom: 1px solid #E3E6ED;;*/
}

.news_share li{float: left;position: relative;margin-left: 20px;}
.news_share li:nth-child(1){
	margin-left: 0;
}
.news_share .ewm{position: absolute;top: -110px;display: none;left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow:hidden;
}
.news_share li:hover .ewm{display: block;}
.news_share li.copyLink:hover .ewm{display: none;}
.news_share li.copyLink:hover{cursor:pointer;}
.news_share .ewm img{width:100px;}
.news_share .img{width: 36px;height: 36px;border-radius: 100%;}
.news_share .img.wexin{background: url(../img/wechat_default.png) no-repeat center;background-size: cover;}
.news_share .img.kuaishou{background: url(../img/kuaishou_default.png) no-repeat center;background-size: cover;}
.news_share .img.douyin{background: url(../img/douyin_default.png) no-repeat center;background-size: cover;}
.news_share .img.bili{background: url(../img/bilibili_default.png) no-repeat center;background-size: cover;}
.news_share .img.weibo{background: url(../img/weibo_default.png) no-repeat center;background-size: cover;}
.news_share .img.link{background: url(../img/icon_link.png) no-repeat center;background-size: cover;}
.news_share li:hover .img.wexin{background-image:url(../img/wechat_select.png);}
.news_share li:hover .img.kuaishou{background-image:url(../img/kuaishou_select.png);}
.news_share li:hover .img.douyin{background-image:url(../img/douyin_select.png);}
.news_share li:hover .img.bili{background-image:url(../img/bilibili_select.png);}
.news_share li:hover .img.weibo{background-image:url(../img/weibo_select.png);}
.news_share li:hover .img.link{background-image:url(../img/icon_link_selected.png);}
.news_media{
	margin-top: 3%;
}
.news_media dl:nth-child(1){
	width: 30%;
}
.news_media dl:nth-child(2){
	margin-left: 2%;
}
.news_media dt{
	color: #121212;
	font-weight: bold;
	text-align: left;
}
.news_media dd{
	text-align: left;
}
.news_media dl:nth-child(1) dd{
	color: #4660FF;
}

.news_contact{
	padding-top: 40px;
	border-top: 1px solid #E3E6ED;
}

.news_contact h5{
	text-align: left;
	font-weight: bold;
}

.news_media_list a{float: left;position: relative;margin-left: 20px;}
.news_media_list a:nth-child(1){
	margin-left: 0;
}
.news_media_list .ewm{position: absolute;top: -110px;display: none;left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow:hidden;
}
.news_media_list a:hover .ewm{display: block;}
.news_media_list .ewm img{width:100px;}
.news_media_list .img{width: 36px;height: 36px;border-radius: 100%;}
.news_media_list .img.wexin{background: url(../img/wechat_default.png) no-repeat center;background-size: cover;}
.news_media_list .img.kuaishou{background: url(../img/kuaishou_default.png) no-repeat center;background-size: cover;}
.news_media_list .img.douyin{background: url(../img/douyin_default.png) no-repeat center;background-size: cover;}
.news_media_list .img.bili{background: url(../img/bilibili_default.png) no-repeat center;background-size: cover;}
.news_media_list .img.weibo{background: url(../img/weibo_default.png) no-repeat center;background-size: cover;}
.news_media_list .img.link{background: url(../img/icon_link.png) no-repeat center;background-size: cover;}
.news_media_list a:hover .img.wexin{background-image:url(../img/wechat_select.png);}
.news_media_list a:hover .img.kuaishou{background-image:url(../img/kuaishou_select.png);}
.news_media_list a:hover .img.douyin{background-image:url(../img/douyin_select.png);}
.news_media_list a:hover .img.bili{background-image:url(../img/bilibili_select.png);}
.news_media_list a:hover .img.weibo{background-image:url(../img/weibo_select.png);}
.news_media_list a:hover .img.link{background-image:url(../img/icon_link_selected.png);}

.news_latest{
	padding-top: 40px;
	border-top: 1px solid #E3E6ED;
}
.news_latest h5{
	color: #121212;
	font-weight: bold;
	text-align: left;
}

.news_latest .news_list{
	text-align: left;
}
.news_latest .news_list .news_item{
	margin-left: 0;
	width:45%;
	margin-right:0;
}

@media only screen and (max-width: 768px){
	.main.news_page{
		padding:40px 0;
	}
	.news_page h4{
		margin-top: 20px
	}
	.news_page .sub_headline{
		margin-top: 20px
	}
	.news_body .img_box{
		margin: 0 auto 20px auto;
	}
	.news_body p + .img_box{
		margin-top:20px;
	}
}
@media only screen and (max-width: 640px){
	.news_media dl{
		float: none;
		display: block;
		width: 100%;
	}
	.news_media dl:nth-child(2){
		margin-left: 0;
		margin-top: 3%;
	}
	.news_page .news_about .news_date{
		text-align: left;
	}

	.news_item .news_img{
		position: absolute;
		/*float: left;
		display: inline-block;*/
	}
	.news_latest .news_list .news_item{
		width:100%;
		overflow: hidden;
	}
	.news_about .news_title{
		height:3em;
	}
}
.banner_con_cover{
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.2);
}
.indus .banner_con h4{
	color: #fff;
	white-space: nowrap;
}
.all_screen_wrap{
	overflow: hidden;
}
.all_screen_wrap img{
	width: 100%;
}
.all_screen_wrap.ins_ban {
	margin-top: 4%;
}
.all_screen_wrap .all_screen_txt{
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.all_screen_wrap .all_screen_txt p{
	color: #fff;
}
.all_screen_wrap .all_screen_btn{
	display: block;
	width: 106px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: rgba(0,0,0,.4);
	border-radius: 6px;
	color: #fff;
}
.all_screen_wrap .all_screen_btn:after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-left: 5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.indus_swiper_wrap{
	margin-top: 80px;
	margin-bottom: 8%;
}

.indus_swiper_wrap .swiper-inner{
	width: 456px;
	height: 0;
	padding-bottom: 138.6%;
	overflow: hidden;
}
.indus_swiper_wrap .swiper-wrapper{
	padding-bottom: 10px;
}
.indus_swiper_wrap .swiper-slide{
	width: 456px;
	border-radius: 16px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.indus_swiper_wrap .swiper-slide:hover{
	box-shadow: 8px 8px 10px #eaeaea;
	overflow: hidden;
}

.indus_swiper_wrap .swiper-slide img{
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.indus_swiper_wrap .swiper-slide .swiper_cont{
	padding: 0 30px 40px 30px;
	left: 0;
	right: 0;
	bottom: 0;
}
.indus_swiper_wrap .swiper-slide .swiper_title{
	width: 100%;
	color: #121212;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsisx;
}
.indus_swiper_wrap .swiper-slide .swiper_desc{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 4.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #888;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a{
	width: 120px;
	height: 44px;
	line-height: 44px;
	border-radius: 100px;
	border: 1px solid #121212;
	text-align: center;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a:hover{
	background: #F7F8FA;
	box-shadow: inset -3px -3px 5px 0px rgba(143, 143, 143, 0.25), inset 2px 2px 5px 0px rgba(255, 255, 255, 0.8);
	color: #121212;
	border: none;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a:active{
	background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 5px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 5px 0px rgba(143, 143, 143, 0.3);
	color: #4660FF;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a.btn_blue{
	display: none;
	border: 1px solid #4660FF;
	color: #4660FF;
}
.indus_swiper_wrap .swiper-slide:hover .swiper_btn_wrapper a.btn_blue{
	display: block;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a.btn_blue:hover{
	background: #F7F8FA;
	box-shadow: inset -3px -3px 5px 0px rgba(143, 143, 143, 0.25), inset 2px 2px 5px 0px rgba(255, 255, 255, 0.8);
	color: #4660FF;
	border: none;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a.btn_blue:active{
	background: linear-gradient(137deg, #FFFFFF 0%, #F7F8FA 100%);
	box-shadow: inset -2px -2px 5px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 5px 0px rgba(143, 143, 143, 0.3);
	color: #4660FF;
}
.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a:not(:first-child){
	margin-left: 24px;
}
@media only screen and (max-width: 1440px){
	.indus_swiper_wrap .swiper-slide{
		width: 365px;
	}
	.indus_swiper_wrap .swiper-inner{
		width: 365px;
	}
}
@media only screen and (max-width: 1200px){
	.indus_swiper_wrap{
		margin-top: 60px;
	}
	.indus_swiper_wrap .swiper-container{
		margin-left: 20px;
	}
	.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a{
		width: 96px;
		height: 36px;
		line-height: 36px;
	}
	.banner.indus .btn_more{
		width: 123px;
		height: 45px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 1024px){
	.indus_swiper_wrap .swiper-slide{
		width: 320px;
	}
	.indus_swiper_wrap .swiper-inner{
		width: 320px;
	}
}
@media only screen and (max-width: 768px){
	.indus_swiper_wrap{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.indus_swiper_wrap .swiper-slide{
		width: 275px;
	}
	.indus_swiper_wrap .swiper-inner{
		width: 275px;
	}
	.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a{
		width: 84px;
		height: 30px;
		line-height: 30px;
	}
	.indus_swiper_wrap .swiper-slide .swiper_btn_wrapper a:not(:first-child){
		margin-left: 16px;
	}
}
@media only screen and (max-width: 640px){
	.all_screen_wrap{
		height: 120px;
		position: relative;
	}
	.all_screen_wrap img{
		position: absolute;
		height: 120px;
		width: auto;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media only screen and (max-width: 479px){
	.banner.indus .btn_more{
		width: 96px;
		height: 32px;
		line-height: 32px;
	}
}
@media only screen and (max-width: 420px){
	.indus .banner_con{
		width: 60%;
	}
	.indus .banner_con h4{
		white-space: normal;
		text-align: center;
	}
}



.indus_coop{
	padding-bottom: 8%;
}
.indus_coop h4{
	color: #121212;
	text-align: center;
}
.indus_coop .indus_logo_wrap{
	display: flex;
	margin-top:5%;
	width: 100%;
	justify-content: center;
}
.indus_coop .indus_logo_wrap .indus_logo{
	width: 320px;
	height: 136px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.indus_coop .indus_logo_wrap .indus_logo img{
	max-width: 100%;
}
.indus_program{
	padding-bottom: 8%;
}
.indus_program h4{
	color: #121212;
	text-align: center;
}
.indus_prog_list{
	margin-top: 5%;
}
.indus_prog_list li{
	width: 15.5%;
	margin-left: 16px;
}
.indus_prog_list li:nth-child(6n + 1){
	margin-left: 0;
}

.indus_prog_list li .circle{
	display: block;
	width: 20px;
	height: 20px;
	background: #E7E7E7;
	border-radius: 50%;
	overflow: hidden;
}
.indus_prog_list li .circle:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: #595959;
	margin: 5px auto;
	border-radius: 50%;
}
.indus_prog_list li.line .line{
	display: block;
	width: 1px;
	min-height: 52px;
	margin-left: 10px;
	background: #D4D4D4;
}
.indus_prog_list li .indus_prog_name{
	width: 100%;
	padding-left: 28px;
}
@media only screen and (max-width: 1366px){
	.indus_prog_list li{
		width: 14.5%;
	}
}
@media only screen and (max-width: 1200px){
	.indus_prog_list{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.indus_prog_list li{
		width: 14%;
	}
}
@media only screen and (max-width: 960px){
	.indus_prog_list{
		width:100%;
	}
	.indus_prog_list li:nth-child(6n + 1){
		margin-left: 1.6%;
	}
	.indus_prog_list li:nth-child(4n + 1){
		margin-left: 0;
	}
	.indus_prog_list li{
		width: 23.8%;
		margin-left: 1.6%;
	}

}
@media only screen and (max-width: 479px){

	.indus_prog_list li:nth-child(6n + 1){
		margin-left: 2%;
	}
	.indus_prog_list li:nth-child(4n + 1){
		margin-left: 2%;
	}
	.indus_prog_list li:nth-child(3n + 1){
		margin-left: 0;
	}
	.indus_prog_list li{
		width: 32%;
		margin-left: 2%;
	}
	.indus_prog_list li.line .line{
		min-height: 36px;
	}

}
.indus_service{
	width: 100%;
	background: #F7F8FA;
	text-align: center;
}
.indus_service .wrap{
	padding-top: 5%;
	padding-bottom: 5%;
	border-bottom: 1px solid #E3E6ED;
}
.indus_service h4{
	color: #121212;
	text-align: center;
}
.indus_service_icon{
	margin-top: 5%;
	text-align: center;
}
.indus_service_item{
	vertical-align: middle;
}
.indus_service_item dd{
	width: 100px;
	height: 100px;
	background: #F7F8FA;
	box-shadow: -3px -4px 7px 0px #FFFFFF, 4px 2px 10px 0px rgba(224, 224, 224, 0.5), inset 0px 1px 3px 0px #FFFFFF;
	border-radius: 32px;

}
.indus_service_item dd > img{
	width: 56px;
	height: 56px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

}
.indus_service_item dt{
	color: #121212;
	text-align: center;
}
.indus_service_connector{
	margin: 48px 3%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.indus_service_connector::before{
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-top: 1px solid rgba(70,96,255,.3);
	border-right: 1px solid rgba(70,96,255,.3);
}
.indus_service_connector::after{
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-top: 1px solid rgba(70,96,255,.3);
	border-right: 1px solid rgba(70,96,255,.3);
	margin: -7px 0 0 -7px;
}

.indus_service_btn{
	display: inline-block;
	width: 120px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 100px;
	border: 1px solid #121212;
	color: #121212;
	margin-top: 5%;
}
.indus_service_btn:hover{
	border:none;
	/*box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);*/
	color: #4660FF;
	background-image:url(../img/btn_suspended_03.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
}

.indus_service_btn:active{
	/*background: linear-gradient(146deg, #FBFBFB 0%, #F7F8FA 100%);*/
	border: none;
	/*box-shadow: inset -2px -2px 10px 0px rgba(255, 255, 255, 0.8), inset 1px 1px 10px 0px rgba(143, 143, 143, 0.3);*/
  	background-image:url(../img/btn_clicked_03.png);
}
@media only screen and (max-width: 1440px){
	.indus_service_item dd{
		width: 80px;
		height: 80px;
	}
	.indus_service_item dd > img{
		width: 45px;
		height: 45px;
	}
	.indus_service_connector::before{
		width: 12px;
		height: 12px;
	}
	.indus_service_connector::after{
		width: 12px;
		height: 12px;
		margin: -6px 0 0 -6px;
	}
}
@media only screen and (max-width: 960px){
	.indus_service_item dd{
		width: 70px;
		height: 70px;
	}
	.indus_service_item dd > img{
		width: 40px;
		height: 40px;
	}
	.indus_service_connector::before{
		width: 10px;
		height: 10px;
	}
	.indus_service_connector::after{
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
	}
}
@media only screen and (max-width: 640px){
	.indus_service_icon{
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}
	.indus_service_item{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 479px){
	.indus_service_icon{
		width: 90%
	}
	.indus_service_item dd{
		width: 60px;
		height: 60px;
	}
	.indus_service_item dd > img{
		width: 34px;
		height: 34px;
	}
	.indus_service_connector::before{
		width: 8px;
		height: 8px;
	}
	.indus_service_connector::after{
		width: 8px;
		height: 8px;
		margin: -4px 0 0 -4px;
	}
}
/*.fancy_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  border-radius: 50%;
  border: 1px solid #121212;
  right:5%;
  top:5%;
  text-align: center;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.fancy_close_inner:before{
	content: '';
	display: block;
	position: absolute;
	width: 17px;
	height: 1px;
	background: #121212;
	left: 50%;
	top: 50%;
}
.fancy_close_inner:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 18px;
	background: #121212;
	left: 50%;
	margin-top: -15px;
}
.fancy_close_inner:hover{
  background: #cfcfcf;
  border: 1px solid #cfcfcf;
}
.fancy_close_inner:hover:before{
	background: #fff;
}
.fancy_close_inner:hover:after{
	background: #fff;
}*/
/*@media only screen and (max-width:640px){
	.fancy_close_inner{
		width:24px;
		height:24px;
	}
	.fancy_close_inner:before{
		width:12px;
		margin-left: -6px
	}
	.fancy_close_inner:after{
		height:12px;
		margin-top: -6px;
		top:50%;
	}
}*/
.fancy_info{
	display: none;
}
.fancy_case .fancy_case_name{
	color: #121212;
	font-weight: bold;
}
.fancy_case .fancy_case_img{
	width: 100%;
	border-radius: 16px;
}
.fancy_case .fancy_case_img img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.fancy_case .fancy_case_intro h5{
	color: #121212;
}
.fancy_case .fancy_case_txt{
	margin-top: 10px;
}
.fancy_case .fancy_case_txt p{
	font-size: 16px;
	color: #888;
}
.fancy_type_list a{
	width: 48%;
	height: 80px;
	line-height: 80px;
	border-radius: 40px;
	text-align: center;
}
.fancy_type_list a:hover{
	background: #F7F8FA;
	color: #4660FF;
}
.fancy_type_list a:nth-child(2n + 1){
	float: left;
}
.fancy_type_list a:nth-child(2n){
	float: right
}

.fancy_type_list a:nth-child(n + 3){
	margin-top: 15px;
}



.fancy_solution .fancy_solu_desc h5{
	color: #121212;
}
.fancy_solution .fancy_solu_focus h5{
	color: #121212;
}

.fancy_solution .fancy_solu_desc p{
	font-size: 16px;
	color: #888;
}
.fancy_solution .fancy_solu_txt{
	margin-top: 10px;

}
.fancy_solution .fancy_solu_focus p{
	font-size: 16px;
	color: #888;
}

.fancy_soft .fancy_soft_name{
	color: #121212;

}
.fancy_soft .fancy_soft_char h5{
	color: #121212;
	font-weight: bold;
}
.fancy_soft .fancy_soft_txt{
	margin-top: 10px;
}
.fancy_soft .fancy_soft_txt p{
	color: #888;
	font-size: 16px;
}
.fancy_soft .fancy_soft_txt p > b{
	color: #121212;
	font-weight: bold;
}
.fancy_soft .fancy_soft_intro h5{
	color: #121212;
	font-weight: bold;

}

.form_box{
  width:100%;
  /*padding:25px 20px;*/
  border-radius: 10px;
  background:#fff;
  /*overflow:hidden;*/
}
.form_box h5{
  color:#121212;
  font-weight: bold;
}
.form_box .form_flex{
	display: flex;
	width: 100%;
}
.form_box .form_item_inp{
  flex: 1;
  padding-bottom:18px;
  margin-left: 16px;
}
.form_box .form_item_inp.form_user{
	margin-left: 0;
}
.form_box .form_item_inp dt{
  color:#121212;
}
.form_box .form_item_inp dt > .ibox{
  color:#FF3636;
  vertical-align: top;
  margin-left: 3px
}
.form_box .form_item_inp dd{
  border:1px solid #C2C7D1;
  padding:5px 5px 5px 10px;
  margin-top: 8px;
  border-radius: 5px
}
.form_box .form_item_inp dd > input{
  width:100%;
  border:none;
}
.form_box .form_item_inp .get_vertify{
	display: block;
	width: 80px;
	height: 24px;
	line-height: 24px;
	background: #888;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	right: 6px;
	top: 4px;
}
.form_box .form_item_inp .get_vertify.send{
	background: #D4D4D4;
	width: 95px;
}
.form_box .form_item_inp.form_vertify dd{
	padding:5px 90px 5px 10px;
}
.form_box .form_tip{
  display:none;
  color:#FF3636;
  left:10px;
  bottom:0;
}
.form_box .form_tip.active{
  display:block;
}
.form_box .form_item_slc{
  width:100%;
  padding-bottom:18px;
}
.form_box .form_item_slc dt{
  color:#121212;
}
.form_box .form_item_slc dd{
  border:1px solid #C2C7D1;
  padding:5px 25px 5px 10px;
  margin-top: 8px;
  border-radius: 5px;
  cursor:pointer;
}
.form_box .form_item_slc dd > input{
  width:100%;
  border:none;
  cursor:pointer;
}
.form_box .form_item_slc dd .slc_btn{
  right:10px;
  top:50%;
  margin-top:-2px;
  width:0;
  height:0;
  border-top:5px solid #595959;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
}
.form_box .form_item_slc.open dd .slc_btn{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  -ms-transition:all .4s;
  transition:all .4s;
}
.form_box .form_item_slc .slc_slide{
  display:none;
  width:100%;
  padding:5px 10px 5px 5px;
  background:#fff;
  border-radius: 3px;
  height:100px;
  overflow:hidden;
  border:1px solid #C2C7D1;
  margin-top: -1px;
  z-index:10;
}
.form_box .form_item_slc .slc_slide .slc_list a{
  display:block;
  padding-left:5px;
}
.form_box .form_item_slc .slc_slide .slc_list a:not(:first-child){
  margin-top: 3px;
  line-height: 1.8
}
.form_box .form_item_slc .slc_slide .slc_list a:hover{
  background:rgba(0,0,0,.3);
  border-radius: 3px;
  color:#fff;
}
.form_box .form_item_textarea dt{
  color:#121212;
}
.form_box .form_item_textarea dd{
  border:1px solid #C2C7D1;
  padding:5px 10px 25px 10px;
  margin-top: 8px;
  border-radius: 5px;
  height:110px;
}
.form_box .form_item_textarea textarea{
  width:100%;
  height:100%;
  border:none;
}
.form_box .form_item_textarea .word_count{
  font-family: Arial;
  color:#C2C7D1;
  right:5px;
  bottom:5px;
}
.form_box .form_item_textarea .word_count span{
  margin:0 1px;
}
.form_box .form_submit{
  display:block;
  width:106px;
  height:34px;
  line-height: 34px;
  border:1px solid #121212;
  border-radius: 20px;
  margin:20px auto 0 auto;
  text-align:center;
}
.form_box .form_submit:hover{
  background:#121212;
  color:#fff;
}
.fancy_wrapper .mCSB_inside>.mCSB_container{
	padding:0 148px;
	margin-right:0;
}
.fancy_wrapper .area_all .mCSB_inside>.mCSB_container{
	padding:0
}
@media only screen and (max-width: 1200px){
	.fancy_wrapper .mCSB_inside>.mCSB_container{
		padding:0 120px;
	}
}
@media only screen and (max-width: 960px){
	.fancy_wrapper .mCSB_inside>.mCSB_container{
		padding:0 80px;
	}
}
@media only screen and (max-width: 768px){
	.fancy_wrapper .mCSB_inside>.mCSB_container{
		padding:0 60px;
	}
}
@media only screen and (max-width: 640px){
	.fancy_wrapper .mCSB_inside>.mCSB_container{
		padding:0 40px;
	}
}
@media only screen and (max-width: 479px){
	.fancy_wrapper .mCSB_inside>.mCSB_container{
		padding:0 20px;
	}
}


.indus_swiper_wrap .indus_swiper_prev{
	width:56px;
	height:56px;
	background-image:url(../img/btn_change_suspended_left.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left:24px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 5;
}
.indus_swiper_wrap .indus_swiper_prev:hover{
	background-image:url(../img/button_suspended_left.png);
}
.indus_swiper_wrap .indus_swiper_prev:active{
	background-image:url(../img/button_click_01_left.png);
}
.indus_swiper_wrap .indus_swiper_next{
	width:56px;
	height:56px;
	background-image:url(../img/btn_change_suspended.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	right:24px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 5;
}
.indus_swiper_wrap .indus_swiper_next:hover{
	background-image:url(../img/button_suspended.png);
}
.indus_swiper_wrap .indus_swiper_next:active{
	background-image:url(../img/button_click_01.png);
}
.indus_swiper_wrap .indus_swiper_prev.swiper-button-disabled{
	background-image: url("../img/btn_change_disabled_left.png");
	cursor: default;
}
.indus_swiper_wrap .indus_swiper_next.swiper-button-disabled{
	background-image: url("../img/btn_change_disabled.png");
	cursor: default;
}
/*.indus_swiper_wrap:hover .indus_swiper_prev{
	display: block;
}
.indus_swiper_wrap:hover .indus_swiper_next{
	display: block;
}*/

@media only screen and (max-width: 1200px){
	.indus_swiper_wrap .indus_swiper_prev{
		width: 45px;
		height: 45px;
	}
	.indus_swiper_wrap .indus_swiper_next{
		width: 45px;
		height: 45px;
	}
}
@media only screen and (max-width: 479px){
	.fancy_close_inner {
		top: 3%;
	}
	#fancy_coop .fancy_close_inner {
		top: 5%;
	}
}


.fancy_margin{
  overflow:hidden;
}
.fancy_dim {
  -webkit-filter: blur(5px); /* Chrome, Opera */
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.form_cover{
  display:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  background:rgba(0,0,0,.5);
  z-index: 5;
}
.form_wrapper{
  display:none;
  background:#fff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.form_box{
  width:692px;
  /*padding:0 20px;*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.form_box h5{
  color:#121212;
  font-weight: bold;
}
.form_box .tips{
  color:#FF3636;
}
.form_box .form_flex{
  display: flex;
  width: 100%;
}
.form_box .form_item_inp{
  flex:1;
  width:49%;
  padding-bottom:18px;
  margin-left: 16px;
}
.form_box .form_item_inp.form_user{
  margin-left: 0;
}
.form_box .form_item_inp dt{
  color:#121212;
}
.form_box .form_item_inp dt > .ibox{
  color:#FF3636;
  vertical-align: top;
  margin-left: 3px
}
.form_box .form_item_inp dd{
  border:1px solid #C2C7D1;
  padding:5px 5px 5px 10px;
  margin-top: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

.form_box .form_item_inp dd > input{
  width:100%;
  border:none;
}

.form_box .form_item_inp dd.txt_focus {
  border: 1px solid #4660FF;
}
.form_box .form_item_inp .get_verif{
  display: block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  right: 6px;
  top: 4px;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.form_box .form_item_inp .get_verif.send{
  background: #D4D4D4;
  width: 95px;
}
.form_box .form_item_inp.form_verif dd{
  padding:5px 90px 5px 10px;
}
.form_box .form_tip{
  display:none;
  color:#FF3636;
  left:10px;
  bottom:0;
}
.form_box .form_tip.active{
  display:block;
}
.form_box .form_item_slc{
  width:100%;
  padding-bottom:18px;
}
.form_box .form_item_slc dt{
  color:#121212;
}
.form_box .form_item_slc dd{
  border:1px solid #C2C7D1;
  padding:5px 25px 5px 10px;
  margin-top: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
  z-index:11;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
}
.form_box .form_item_slc dd.txt_focus{
  border: 1px solid #4660FF;
}
.form_box .form_item_slc dd > input{
  width:100%;
  border:none;
  cursor:pointer;
}
.form_box .form_item_slc dd .slc_btn{
  right:10px;
  top:50%;
  margin-top:-2px;
  width:0;
  height:0;
  border-top:5px solid #595959;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
}
.form_box .form_item_slc dd.txt_focus .slc_btn{
  border-top: 5px solid #4660FF
}
.form_box .form_item_slc.open dd .slc_btn{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  -ms-transition:all .4s;
  transition:all .4s;
}
.form_box .form_item_slc .slc_slide{
  display:none;
  width:100%;
  padding:5px 10px 5px 5px;
  background:#fff;
  border-radius: 3px;
  height:100px;
  overflow:hidden;
  border:1px solid #C2C7D1;
  margin-top: -1px;
  z-index:10;
}
.form_box .form_item_slc .slc_slide .slc_list a{
  display:block;
  padding-left:5px;
}
.form_box .form_item_slc .slc_slide .slc_list a:not(:first-child){
  margin-top: 3px;
  line-height: 1.8
}
.form_box .form_item_slc .slc_slide .slc_list a:hover{
  background:rgba(0,0,0,.3);
  border-radius: 3px;
  color:#fff;
}
.form_box .form_item_textarea dt{
  color:#121212;
}
.form_box .form_item_textarea dd{
  border:1px solid #C2C7D1;
  padding:5px 10px 25px 10px;
  margin-top: 8px;
  border-radius: 5px;
  height:110px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
}
.form_box .form_item_textarea dd.txt_focus{
  border: 1px solid #4660FF;
}
.form_box .form_item_textarea textarea{
  width:100%;
  height:100%;
  border:none;
}
.form_box .form_item_textarea .word_count{
  font-family: Arial;
  color:#C2C7D1;
  right:5px;
  bottom:5px;
}
.form_box .form_item_textarea .word_count span{
  margin:0 1px;
}
.form_box .form_submit{
  display:block;
  width:106px;
  height:34px;
  line-height: 34px;
  border:1px solid #121212;
  border-radius: 20px;
  margin:20px auto 0 auto;
  text-align:center;
}
.form_box .form_submit:hover{
  background:#121212;
  color:#fff;
}
.form_suc{
  display: none;
  width:400px;
  height:48px;
  background:#fff;
  border-radius: 8px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.form_suc p{
  height:48px;
  line-height: 48px;
  /*padding:80px 0;*/
  color:#121212;
  text-align:center;
}
.form_close{
  display:block;
  width:32px;
  height:32px;
  background-image:url(../img/button_close.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  left:100%;
  top:-7%;
}
.form_close:hover{
  background-image:url(../img/button_close_hover.png);
}
.form_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.form_close_inner:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
}
.form_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  margin-top: -15px;
}
.form_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.form_close_inner:hover:before{
  background: #fff;
}
.form_close_inner:hover:after{
  background: #fff;
}
.fancy_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.fancy_close_inner:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
}
.fancy_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  top:0;
  margin-top: 6px;
}
.fancy_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.fancy_close_inner:hover:before{
  background: #fff;
}
.fancy_close_inner:hover:after{
  background: #fff;
}
.reg_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg) rotate(0deg);
  -moz-transform:rotate(45deg) rotate(0deg);
  -o-transform:rotate(45deg) rotate(0deg);
  -ms-transform:rotate(45deg) rotate(0deg);
  transform:rotate(45deg) rotate(0deg);
}
.reg_close_inner:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
}
.reg_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  margin-top: -15px;
}
.reg_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.reg_close_inner:hover:before{
  background: #fff;
}
.reg_close_inner:hover:after{
  background: #fff;
}
@media only screen and (max-width:960px){

	/*.fancy_close_inner:before{
		margin-left:-7px;
	}*/
}
@media only screen and (max-width:768px){
}


.form_item_reg{
  flex:1;
}
.form_item_reg dt{
  font-weight:bold;
}
.form_item_reg dd{
  display: flex;
  justify-content: space-between;
  margin-top:8px;
}
.form_item_reg .reg_item{
  flex:1;
  display: flex;
  justify-content: space-between;
  align-items:center;
  background:#F7F8FA;
   border-radius: 4px;
   height:44px;
   padding:0 16px;
   margin:0 8px;
}
.form_item_reg .reg_item.reg_item_none{
  background:none;
}
.form_item_reg .reg_item:first-child{
  margin-left:0;
}
.form_item_reg .reg_item:not(:first-child){
  margin-right:0;
}
.form_item_reg .reg_item:hover span{
  color:#4660FF;
}
.form_item_reg .reg_item.click span{
  color:#4660FF;
}
@media only screen and (max-width:800px){
  .form_wrapper{
    width:80%;
  }
  .form_box{
    width:100%;
  }
}
@media only screen and (max-width:640px){
  .form_box .form_item_inp{
    float:none;
    width:100%;
    display: block
  }
  .fancy_close_inner{
  	width:24px;
  	height:24px;
  }
  .fancy_close_inner:before{
  	width:12px;
  	margin-left: -6px
  }
  .fancy_close_inner:after{
  	height:12px;
  	margin-top: -6px;
  	top:50%;
  }
}
@media only screen and (max-width:500px){
  .form_suc{
    width:80%;
  }
}



.inp_datepicker{
	display: flex
}
.inp_datepicker dl{
	flex:1;
}
.inp_datepicker dl.inp_datepicker_year{
	flex:1.5;
}
.inp_datepicker dl.inp_datepicker_month{
	margin-left:3px;
	margin-right:3px;
}
.inp_datepicker dt{
	left:0;
	right: 18px;
}
.inp_datepicker dd{
	line-height: 43px
}
.inp_box_item .inp_datepicker .inp_box{
	padding:10px 8px;
}
.selectric .inp_box:after{
	right:8px;
}
.fancy_autobox{
	padding:0 148px;
}