.sd_imgbox {
	height: 100%
}

.normal_tab {
	height: 70px
}

.normal_tab .fixed {
	position: fixed !important;
	top: 0;
	z-index: 30
}

.normal_tab .fixed_tab {
	height: 70px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.normal_tab .fixed_tab .tab_list::-webkit-scrollbar {
	display: none;
	overflow: hidden
}

.normal_tab .fixed_tab .tab_list {
	background-color: #fff;
	height: 87px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	line-height: 70px
}

.normal_tab .fixed_tab .tab_list .listreal {
	height: 70px;
	line-height: 70px
}

.normal_tab .fixed_tab .tab_list .cur {
	color: #005aab !important;
	font-weight: 700 !important
}

.normal_tab .fixed_tab .tab_list .tab_item {
	display: inline-block;
	position: relative;
	height: 100%;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0;
	color: #999;
	background-color: #fff
}

.normal_tab .fixed_tab .tab_list .tab_item p {
	padding-right: 40px;
	padding-left: 40px
}

.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	background: #005aab\0;
	background-image: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background-image: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background-image: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background-image: linear-gradient(to right, #32beff 0, #005aab 100%)
}

@media (min-width:992px) and (max-width:1199px) {
	.normal_tab {
		height: 60px
	}

	.normal_tab .fixed_tab {
		height: 60px
	}

	.normal_tab .fixed_tab .tab_list {
		line-height: 60px;
		height: 77px
	}

	.normal_tab .fixed_tab .tab_list .listreal {
		height: 60px;
		line-height: 60px
	}
}

@media (min-width:0) and (max-width:991px) {
	.normal_tab {
		height: 50px
	}

	.normal_tab .fixed_tab {
		height: 50px
	}

	.normal_tab .fixed_tab .tab_list {
		height: 67px;
		line-height: 50px
	}

	.normal_tab .fixed_tab .tab_list .listreal {
		height: 50px;
		line-height: 50px
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		height: 50px;
		font-size: 14px
	}

	.normal_tab .fixed_tab .tab_list .tab_item p {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width:575px) {
	.normal_tab {
		height: 50px
	}

	.normal_tab .fixed_tab {
		height: 50px
	}

	.normal_tab .fixed_tab .tab_list {
		line-height: 50px;
		height: 100%;
		width: 100%
	}

	.normal_tab .fixed_tab .tab_list .listreal {
		height: 50px;
		line-height: 50px
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		height: 50px
	}
}

.colorfont {
	background-image: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background-image: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background-image: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background-image: linear-gradient(to right, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	color: transparent
}

.cp {
	cursor: pointer
}

.fulls {
	display: inline-table
}

.noswiper {
	cursor: default !important;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	-khtml-opacity: .3;
	opacity: .3
}

.ie8 .noswiper .iconarrow-jiantou-left1,
.ie8 .noswiper .iconarrow-jiantou-right1 {
	color: #b2c9e1 !important
}

.atlas {
	padding-bottom: 90px
}

.atlas .swiper-slide {
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.atlas .atlas_title {
	font-size: 48px;
	font-weight: 700;
	margin-top: 60px;
	margin-bottom: 45px;
	display: inline-block
}

.atlas .pclunbio,
.atlas .pclunbio2 {
	position: relative
}

.atlas .pclunbio .atlas_pc,
.atlas .pclunbio2 .atlas_pc {
	height: 600px;
	width: 100%
}

.atlas .pclunbio .atlas_pc.NEWatlas,
.atlas .pclunbio2 .atlas_pc.NEWatlas {
	height: 650px
}

.atlas .pclunbio .atlas_pc,
.atlas .pclunbio2 .atlas_pc {
	height: 650px
}

.atlas .pclunbio .prev,
.atlas .pclunbio2 .prev {
	position: absolute;
	top: 0;
	left: -10%;
	width: 10%;
	cursor: pointer
}

.atlas .pclunbio .next,
.atlas .pclunbio2 .next {
	position: absolute;
	top: 0;
	right: -10%;
	width: 10%;
	cursor: pointer
}

.atlas .pclunbio .iconarrow-jiantou-left1,
.atlas .pclunbio .iconarrow-jiantou-right1,
.atlas .pclunbio2 .iconarrow-jiantou-left1,
.atlas .pclunbio2 .iconarrow-jiantou-right1 {
	font-size: 48px;
	line-height: 600px;
	color: #005aab;
	position: relative;
	margin-top: -24px
}

.atlas .atlas_mo {
	height: 550px
}

.atlas .lineHeight3 {
	height: 350px
}

.atlas .lineHeight2 {
	height: 250px
}

.atlas .lineHeight650 {
	height: 650px
}

.atlas .lineHeight6 {
	height: 600px
}

.atlas .lineHeight300 {
	height: 300px
}

.atlas .lineHeight325 {
	height: 325px
}

.atlas .NEWimgbox5 .img1 {
	height: 350px
}

.atlas .NEWimgbox5 .img2 {
	height: 350px
}

.atlas .NEWimgbox5 .img3,
.atlas .NEWimgbox5 .img4,
.atlas .NEWimgbox5 .img5 {
	height: 300px
}

.atlas .NEWimgbox4 .img1,
.atlas .NEWimgbox4 .img2,
.atlas .NEWimgbox4 .img3,
.atlas .NEWimgbox4 .img4 {
	height: 325px
}

.atlas .NEWimgbox3 .width60 {
	width: 60%
}

.atlas .NEWimgbox3 .width60 .img1 {
	height: 650px
}

.atlas .NEWimgbox3 .width40 {
	width: 40%
}

.atlas .NEWimgbox3 .width40 .img2,
.atlas .NEWimgbox3 .width40 .img3 {
	height: 325px
}

.atlas .NEWimgbox2 .img1,
.atlas .NEWimgbox2 .img2 {
	height: 650px
}

.atlas .NEWimgbox1 .img1 {
	height: 650px
}

.atlas .imgbox6 .img1 {
	position: relative;
	width: 40%;
	height: 250px
}

.atlas .imgbox6 .img2 {
	position: relative;
	width: 60%;
	height: 250px
}

.atlas .imgbox6 .img3 {
	position: relative;
	height: 350px
}

.atlas .imgbox6 .img4 {
	position: relative;
	height: 350px
}

.atlas .imgbox6 .img5 {
	position: relative;
	width: 60%;
	height: 250px
}

.atlas .imgbox6 .img6 {
	position: relative;
	width: 40%;
	height: 250px
}

.atlas .v2 {
	visibility: hidden
}

.atlas .v2.cur {
	visibility: visible
}

.atlas .v2.swiper-slide-active {
	visibility: visible
}

.atlas .imgbox5 .img1 {
	width: 40%;
	height: 250px
}

.atlas .imgbox5 .img2 {
	position: relative;
	width: 60%;
	height: 250px
}

.atlas .imgbox5 .img3 {
	position: relative;
	height: 350px
}

.atlas .imgbox5 .img4 {
	position: relative;
	height: 350px
}

.atlas .imgbox5 .img5 {
	position: relative;
	height: 250px
}

.atlas .imgbox5.v2 .v2_box {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden
}

.atlas .imgbox5.v2 .imgBox_cut3 {
	position: relative;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 10px
}

.atlas .imgbox5.v2 .img1 {
	width: 50%;
	height: 370px;
	padding-right: 5px
}

.atlas .imgbox5.v2 .img2 {
	width: 50%;
	height: 370px;
	padding-left: 5px
}

.atlas .imgbox5.v2 .img3,
.atlas .imgbox5.v2 .img4,
.atlas .imgbox5.v2 .img5 {
	width: 33.333333%;
	display: inline-block;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 270px
}

.atlas .imgbox4 .img1 {
	height: 250px
}

.atlas .imgbox4 .img2 {
	position: relative;
	height: 350px
}

.atlas .imgbox4 .img3 {
	position: relative;
	height: 350px
}

.atlas .imgbox4 .img4 {
	position: relative;
	height: 250px
}

.atlas .imgbox4.v2 .v2_box {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden
}

.atlas .imgbox4.v2 .img1,
.atlas .imgbox4.v2 .img3 {
	width: 50%;
	height: 320px;
	padding-right: 5px
}

.atlas .imgbox4.v2 .img2,
.atlas .imgbox4.v2 .img4 {
	width: 50%;
	height: 320px;
	padding-left: 5px
}

.atlas .imgbox4.v2 .img3,
.atlas .imgbox4.v2 .img4 {
	margin-top: 10px
}

.atlas .imgbox3 .img1 {
	height: 250px
}

.atlas .imgbox3 .img2 {
	position: relative;
	height: 350px
}

.atlas .imgbox3 .img3 {
	position: relative;
	height: 600px
}

.atlas .imgbox3.v2 .v2_box {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden
}

.atlas .imgbox3.v2 .img1 {
	width: 100%;
	height: 650px;
	padding-right: 6px
}

.atlas .imgbox3.v2 .img2,
.atlas .imgbox3.v2 .img3 {
	width: 100%;
	height: 320px;
	padding-left: 4px
}

.atlas .imgbox3.v2 .img3 {
	margin-top: 10px
}

.atlas .imgbox2 .img1 {
	height: 600px
}

.atlas .imgbox2 .img2 {
	position: relative;
	height: 600px
}

.atlas .imgbox2.v2 .v2_box {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden
}

.atlas .imgbox2.v2 .img1 {
	width: 100%;
	height: 650px;
	padding-right: 5px
}

.atlas .imgbox2.v2 .img2 {
	width: 100%;
	height: 650px;
	padding-left: 5px
}

.atlas .imgbox1 .img1 {
	height: 600px
}

.atlas .imgbox1.v2 .v2_box {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden
}

.atlas .imgbox1.v2 .img1 {
	width: 100%;
	height: 650px
}

.atlas .videoMask {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(15, 35, 65, .3);
	display: table
}

.atlas .videoMask .iconplay {
	font-size: 48px;
	line-height: normal;
	color: #fff;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle
}

.atlas .pagination {
	margin-top: 20px
}

.atlas .swiper-pagination-switch {
	width: 10px;
	height: 10px;
	background: #32beff;
	display: inline-block;
	border-radius: 60%;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	margin-right: 10px;
	cursor: pointer
}

.atlas .swiper-active-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid #32beff;
	border-radius: 50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.atlas img:hover {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.atlas .allShow .next,
.atlas .allShow .prev {
	cursor: default
}

.atlas .allShow .next span,
.atlas .allShow .prev span {
	cursor: pointer
}

.atlas .smallShow {
	display: none !important
}

.atlas .js_imglunbo .title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: url(baipishu_atlasbg.png);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 35, 65, 0)), to(rgba(15, 35, 65, .6)));
	background: -webkit-linear-gradient(top, rgba(15, 35, 65, 0) 0, rgba(15, 35, 65, .6) 100%);
	background: -moz-linear-gradient(top, rgba(15, 35, 65, 0) 0, rgba(15, 35, 65, .6) 100%);
	background: linear-gradient(to bottom, rgba(15, 35, 65, 0) 0, rgba(15, 35, 65, .6) 100%)
}

.atlas .js_imglunbo .title .title_content {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width:992px) and (max-width:1199px) {
	.atlas {
		margin-bottom: 90px
	}

	.atlas .atlas_title {
		font-size: 36px;
		font-weight: 700;
		margin-top: 60px;
		margin-bottom: 30px
	}

	.atlas .pclunbio,
	.atlas .pclunbio2 {
		position: relative
	}

	.atlas .pclunbio .atlas_pc,
	.atlas .pclunbio2 .atlas_pc {
		height: 500px;
		width: 100%
	}

	.atlas .pclunbio .atlas_pc.NEWatlas,
	.atlas .pclunbio2 .atlas_pc.NEWatlas {
		height: 550px
	}

	.atlas .pclunbio .iconarrow-jiantou-left1,
	.atlas .pclunbio .iconarrow-jiantou-right1,
	.atlas .pclunbio2 .iconarrow-jiantou-left1,
	.atlas .pclunbio2 .iconarrow-jiantou-right1 {
		line-height: 500px
	}

	.atlas .NEWimgbox5 .img1 {
		height: 300px
	}

	.atlas .NEWimgbox5 .img2 {
		height: 300px
	}

	.atlas .NEWimgbox5 .img3,
	.atlas .NEWimgbox5 .img4,
	.atlas .NEWimgbox5 .img5 {
		height: 250px
	}

	.atlas .NEWimgbox4 .img1,
	.atlas .NEWimgbox4 .img2,
	.atlas .NEWimgbox4 .img3,
	.atlas .NEWimgbox4 .img4 {
		height: 275px
	}

	.atlas .NEWimgbox3 .width60 {
		width: 60%
	}

	.atlas .NEWimgbox3 .width60 .img1 {
		height: 550px
	}

	.atlas .NEWimgbox3 .width40 {
		width: 40%
	}

	.atlas .NEWimgbox3 .width40 .img2,
	.atlas .NEWimgbox3 .width40 .img3 {
		height: 275px
	}

	.atlas .NEWimgbox2 .img1,
	.atlas .NEWimgbox2 .img2 {
		height: 550px
	}

	.atlas .NEWimgbox1 .img1 {
		height: 550px
	}

	.atlas .imgbox6 .img1 {
		position: relative;
		width: 40%;
		height: 200px;
		display: inline-table
	}

	.atlas .imgbox6 .img2 {
		position: relative;
		width: 60%;
		height: 200px
	}

	.atlas .imgbox6 .img3 {
		position: relative;
		height: 300px;
		display: inline-table
	}

	.atlas .imgbox6 .img4 {
		position: relative;
		height: 300px;
		display: inline-table
	}

	.atlas .imgbox6 .img5 {
		position: relative;
		width: 60%;
		height: 200px;
		display: inline-table
	}

	.atlas .imgbox6 .img6 {
		position: relative;
		width: 40%;
		height: 200px;
		display: inline-table
	}

	.atlas .imgbox5 .img1 {
		width: 40%;
		height: 200px
	}

	.atlas .imgbox5 .img2 {
		position: relative;
		width: 60%;
		height: 200px;
		display: inline-table
	}

	.atlas .imgbox5 .img3 {
		position: relative;
		height: 300px;
		display: inline-table
	}

	.atlas .imgbox5 .img4 {
		position: relative;
		height: 300px;
		display: inline-table
	}

	.atlas .imgbox5 .img5 {
		position: relative;
		height: 200px
	}

	.atlas .imgbox5.v2 .img1 {
		height: 280px
	}

	.atlas .imgbox5.v2 .img2 {
		height: 280px
	}

	.atlas .imgbox5.v2 .img3,
	.atlas .imgbox5.v2 .img4,
	.atlas .imgbox5.v2 .img5 {
		height: 210px
	}

	.atlas .imgbox4 .img1 {
		height: 200px
	}

	.atlas .imgbox4 .img2 {
		position: relative;
		height: 300px
	}

	.atlas .imgbox4 .img3 {
		position: relative;
		height: 300px;
		display: inline-table
	}

	.atlas .imgbox4 .img4 {
		position: relative;
		height: 200px;
		display: inline-table
	}

	.atlas .imgbox4.v2 .img1,
	.atlas .imgbox4.v2 .img2,
	.atlas .imgbox4.v2 .img3,
	.atlas .imgbox4.v2 .img4 {
		height: 245px
	}

	.atlas .imgbox3 .img1 {
		height: 200px
	}

	.atlas .imgbox3 .img2 {
		position: relative;
		display: inline-table;
		height: 300px
	}

	.atlas .imgbox3 .img3 {
		display: inline-table;
		position: relative;
		height: 500px
	}

	.atlas .imgbox3.v2 .img1 {
		width: 100%;
		height: 500px;
		padding-right: 6px
	}

	.atlas .imgbox3.v2 .img2,
	.atlas .imgbox3.v2 .img3 {
		width: 100%;
		height: 245px;
		padding-left: 4px
	}

	.atlas .imgbox3.v2 .img3 {
		margin-top: 10px
	}

	.atlas .imgbox2 .img1 {
		height: 500px
	}

	.atlas .imgbox2 .img2 {
		position: relative;
		display: inline-table;
		height: 500px
	}

	.atlas .imgbox2.v2 .img1,
	.atlas .imgbox2.v2 .img2 {
		height: 500px
	}

	.atlas .imgbox1 .img1 {
		height: 500px
	}

	.atlas .imgbox1.v2 .img1 {
		height: 500px
	}

	.atlas .videoMask {
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(15, 35, 65, .3);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C0f2341, endColorstr=#4C0f2341);
		display: table
	}

	.atlas .videoMask .iconplay {
		font-size: 48px;
		line-height: normal;
		color: #fff;
		cursor: pointer;
		display: table-cell;
		vertical-align: middle
	}

	.atlas .js_imglunbo .title {
		height: 80px
	}

	.atlas .js_imglunbo .title .title_content {
		font-size: 14px;
		line-height: 20px
	}
}

@media (min-width:701px) and (max-width:991px) {
	.atlas {
		padding-bottom: 60px
	}

	.atlas .atlas_title {
		font-size: 36px;
		margin-bottom: 30px
	}

	.atlas .atlas_mo {
		height: 550px
	}

	.atlas .lineHeight3 {
		height: 300px
	}

	.atlas .lineHeight2 {
		height: 250px
	}

	.atlas .lineHeight6 {
		height: 550px
	}

	.atlas .imgbox6 .img1 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox6 .img2 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox6 .img3 {
		height: 300px
	}

	.atlas .imgbox6 .img4 {
		height: 300px
	}

	.atlas .imgbox6 .img5 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox6 .img6 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox5 .img1 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox5 .img2 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox5 .img3 {
		height: 300px
	}

	.atlas .imgbox5 .img4 {
		height: 300px
	}

	.atlas .imgbox5 .img5 {
		height: 250px
	}

	.atlas .imgbox4 .img1 {
		height: 250px
	}

	.atlas .imgbox4 .img2 {
		height: 300px
	}

	.atlas .imgbox4 .img3 {
		height: 300px
	}

	.atlas .imgbox4 .img4 {
		height: 250px
	}

	.atlas .imgbox3 .img1 {
		height: 250px
	}

	.atlas .imgbox3 .img2 {
		height: 300px
	}

	.atlas .imgbox3 .img3 {
		height: 550px
	}

	.atlas .imgbox3.v2 .img1 {
		height: 320px;
		padding-right: 0
	}

	.atlas .imgbox3.v2 .img2,
	.atlas .imgbox3.v2 .img3 {
		width: 50%;
		height: 220px;
		padding-right: 5px;
		padding-left: 0;
		margin-top: 10px
	}

	.atlas .imgbox3.v2 .img3 {
		padding-right: 0;
		padding-left: 5px
	}

	.atlas .imgbox2 .img1 {
		height: 275px
	}

	.atlas .imgbox2 .img2 {
		height: 275px
	}

	.atlas .imgbox2.v2 .img1,
	.atlas .imgbox2.v2 .img2 {
		width: 100%;
		height: 270px;
		padding: 0
	}

	.atlas .imgbox2.v2 .img2 {
		margin-top: 10px
	}

	.atlas .imgbox1 .img1 {
		height: 550px
	}

	.atlas .imgbox1.v2 .img1 {
		height: 550px
	}

	.atlas .allShow {
		display: none !important
	}

	.atlas .allShow .atlas_pc {
		height: 550px
	}

	.atlas .allShow .iconarrow-jiantou-left1,
	.atlas .allShow .iconarrow-jiantou-right1 {
		font-size: 32px;
		margin-top: -16px;
		line-height: 550px
	}

	.atlas .allShow.smallShow {
		display: block !important
	}

	.atlas .js_imglunbo .title {
		height: 80px
	}

	.atlas .js_imglunbo .title .title_content {
		font-size: 14px;
		line-height: 20px
	}

	.NEWatlas .imgbox5 .img1 {
		width: 100% !important;
		height: 300px !important
	}

	.NEWatlas .imgbox5 .img2,
	.NEWatlas .imgbox5 .img3 {
		width: 50% !important;
		height: 250px !important
	}

	.NEWatlas .imgbox5 .img4,
	.NEWatlas .imgbox5 .img5 {
		height: 275px
	}

	.NEWatlas .imgbox4 .img1,
	.NEWatlas .imgbox4 .img2,
	.NEWatlas .imgbox4 .img3,
	.NEWatlas .imgbox4 .img4 {
		height: 275px
	}

	.NEWatlas .imgbox3 .img1,
	.NEWatlas .imgbox3 .img2 {
		height: 275px
	}

	.NEWatlas .imgbox3 .img3 {
		height: 550px
	}
}

@media (min-width:576px) and (max-width:700px) {
	.atlas {
		padding-bottom: 60px
	}

	.atlas .atlas_title {
		font-size: 36px;
		margin-bottom: 30px
	}

	.atlas .atlas_mo {
		height: 550px
	}

	.atlas .lineHeight3 {
		height: 300px
	}

	.atlas .lineHeight2 {
		height: 250px
	}

	.atlas .lineHeight6 {
		height: 550px
	}

	.atlas .imgbox6 .img1 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox6 .img2 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox6 .img3 {
		height: 300px
	}

	.atlas .imgbox6 .img4 {
		height: 300px
	}

	.atlas .imgbox6 .img5 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox6 .img6 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox5 .img1 {
		width: 40%;
		height: 250px
	}

	.atlas .imgbox5 .img2 {
		width: 60%;
		height: 250px
	}

	.atlas .imgbox5 .img3 {
		height: 300px
	}

	.atlas .imgbox5 .img4 {
		height: 300px
	}

	.atlas .imgbox5 .img5 {
		height: 250px
	}

	.atlas .imgbox4 .img1 {
		height: 250px
	}

	.atlas .imgbox4 .img2 {
		height: 300px
	}

	.atlas .imgbox4 .img3 {
		height: 300px
	}

	.atlas .imgbox4 .img4 {
		height: 250px
	}

	.atlas .imgbox3 .img1 {
		height: 250px
	}

	.atlas .imgbox3 .img2 {
		height: 300px
	}

	.atlas .imgbox3 .img3 {
		height: 550px
	}

	.atlas .imgbox3.v2 .img1 {
		height: 320px;
		padding-right: 0
	}

	.atlas .imgbox3.v2 .img2,
	.atlas .imgbox3.v2 .img3 {
		width: 50%;
		height: 220px;
		padding-right: 5px;
		padding-left: 0;
		margin-top: 10px
	}

	.atlas .imgbox3.v2 .img3 {
		padding-right: 0;
		padding-left: 5px
	}

	.atlas .imgbox2 .img1 {
		height: 275px
	}

	.atlas .imgbox2 .img2 {
		height: 275px
	}

	.atlas .imgbox2.v2 .img1,
	.atlas .imgbox2.v2 .img2 {
		width: 100%;
		height: 270px;
		padding: 0
	}

	.atlas .imgbox2.v2 .img2 {
		margin-top: 10px
	}

	.atlas .imgbox1 .img1 {
		height: 550px
	}

	.atlas .imgbox1.v2 .img1 {
		height: 550px
	}

	.atlas .allShow {
		display: none !important
	}

	.atlas .allShow .atlas_pc {
		height: 550px
	}

	.atlas .allShow .iconarrow-jiantou-left1,
	.atlas .allShow .iconarrow-jiantou-right1 {
		font-size: 32px;
		margin-top: -16px;
		line-height: 550px
	}

	.atlas .allShow.smallShow {
		display: block !important
	}

	.atlas .js_imglunbo .title {
		height: 80px
	}

	.atlas .js_imglunbo .title .title_content {
		font-size: 14px;
		line-height: 20px
	}

	.NEWatlas .imgbox5 .img1 {
		width: 100% !important;
		height: 300px !important
	}

	.NEWatlas .imgbox5 .img2,
	.NEWatlas .imgbox5 .img3 {
		width: 50% !important;
		height: 250px !important
	}

	.NEWatlas .imgbox5 .img4,
	.NEWatlas .imgbox5 .img5 {
		height: 275px
	}

	.NEWatlas .imgbox4 .img1,
	.NEWatlas .imgbox4 .img2,
	.NEWatlas .imgbox4 .img3,
	.NEWatlas .imgbox4 .img4 {
		height: 275px
	}

	.NEWatlas .imgbox3 .img1,
	.NEWatlas .imgbox3 .img2 {
		height: 275px
	}

	.NEWatlas .imgbox3 .img3 {
		height: 550px
	}
}

@media (max-width:575px) {
	.atlas {
		padding-bottom: 45px;
		padding-bottom: 30px
	}

	.atlas .pagination {
		margin-top: 15px
	}

	.atlas .atlas_title {
		font-size: 28px;
		margin-bottom: 25px;
		margin-top: 45px
	}

	.atlas .atlas_mo {
		height: 350px
	}

	.atlas .lineHeight3 {
		height: 200px
	}

	.atlas .lineHeight2 {
		height: 150px
	}

	.atlas .lineHeight6 {
		height: 350px
	}

	.atlas .imgbox6 .img1 {
		width: 40%;
		height: 150px
	}

	.atlas .imgbox6 .img2 {
		width: 60%;
		height: 150px
	}

	.atlas .imgbox6 .img3 {
		height: 200px
	}

	.atlas .imgbox6 .img4 {
		height: 200px
	}

	.atlas .imgbox6 .img5 {
		width: 60%;
		height: 150px
	}

	.atlas .imgbox6 .img6 {
		width: 40%;
		height: 150px
	}

	.atlas .imgbox5 .img1 {
		width: 40%;
		height: 150px
	}

	.atlas .imgbox5 .img2 {
		width: 60%;
		height: 150px
	}

	.atlas .imgbox5 .img3 {
		height: 200px
	}

	.atlas .imgbox5 .img4 {
		height: 200px
	}

	.atlas .imgbox5 .img5 {
		height: 150px
	}

	.atlas .imgbox4 .img1 {
		height: 150px
	}

	.atlas .imgbox4 .img2 {
		height: 200px
	}

	.atlas .imgbox4 .img3 {
		height: 200px
	}

	.atlas .imgbox4 .img4 {
		height: 150px
	}

	.atlas .imgbox3 .img1 {
		height: 150px
	}

	.atlas .imgbox3 .img2 {
		height: 200px
	}

	.atlas .imgbox3 .img3 {
		height: 350px
	}

	.atlas .imgbox3.v2 .img1 {
		height: 200px;
		padding-right: 0
	}

	.atlas .imgbox3.v2 .img2,
	.atlas .imgbox3.v2 .img3 {
		width: 50%;
		height: 145px;
		padding-right: 2.5px;
		padding-left: 0;
		margin-top: 5px
	}

	.atlas .imgbox3.v2 .img3 {
		padding-right: 0;
		padding-left: 2.5px
	}

	.atlas .imgbox2 .img1 {
		height: 175px
	}

	.atlas .imgbox2 .img2 {
		height: 175px
	}

	.atlas .imgbox2.v2 .img1,
	.atlas .imgbox2.v2 .img2 {
		width: 100%;
		height: 172.5px;
		padding: 0
	}

	.atlas .imgbox2.v2 .img2 {
		margin-top: 5px
	}

	.atlas .imgbox1 .img1 {
		height: 350px
	}

	.atlas .imgbox1.v2 .img1 {
		height: 350px
	}

	.atlas .allShow {
		display: none !important
	}

	.atlas .allShow .atlas_pc {
		height: 350px
	}

	.atlas .allShow .next,
	.atlas .allShow .prev {
		position: static;
		display: inline-block;
		margin-right: 5px;
		height: 62px
	}

	.atlas .allShow .next {
		margin-right: 0;
		margin-left: 5px
	}

	.atlas .allShow .iconarrow-jiantou-left1,
	.atlas .allShow .iconarrow-jiantou-right1 {
		font-size: 32px;
		margin-top: -16px;
		line-height: 62px
	}

	.atlas .allShow.smallShow {
		display: block !important
	}

	.atlas .js_imglunbo .title {
		height: 80px
	}

	.atlas .js_imglunbo .title .title_content {
		font-size: 12px;
		line-height: 18px;
		padding: 0 20px;
		bottom: 15px
	}

	.NEWatlas .imgbox5 .img1 {
		width: 100% !important;
		height: 200px !important
	}

	.NEWatlas .imgbox5 .img2,
	.NEWatlas .imgbox5 .img3 {
		width: 50% !important;
		height: 150px !important
	}

	.NEWatlas .imgbox5 .img4,
	.NEWatlas .imgbox5 .img5 {
		height: 175px
	}

	.NEWatlas .imgbox4 .img1,
	.NEWatlas .imgbox4 .img2,
	.NEWatlas .imgbox4 .img3,
	.NEWatlas .imgbox4 .img4 {
		height: 175px
	}

	.NEWatlas .imgbox3 .img1,
	.NEWatlas .imgbox3 .img2 {
		height: 175px
	}

	.NEWatlas .imgbox3 .img3 {
		height: 350px
	}
}

.viewLargerImage {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
	background: rgba(15, 35, 65, .9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341)
}

.viewLargerImage .iconclose {
	font-size: 32px;
	color: #fff;
	margin-right: 14px;
	margin-top: 14px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5
}

.viewLargerImage .viewLargerImage_title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 60px;
	height: 60px;
	line-height: 60px;
	background: rgba(15, 35, 65, .9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341);
	z-index: 20;
	text-align: center
}

.viewLargerImage .viewLargerImage_title span {
	font-size: 16px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	height: 100%
}

.viewLargerImage .viewLargerImage_title span:hover {
	font-size: 20px
}

.viewLargerImage .viewLargerImage_next,
.viewLargerImage .viewLargerImage_prev {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(15, 35, 65, .15);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#330f2341, endColorstr=#330f2341);
	cursor: pointer;
	z-index: 3
}

.viewLargerImage .viewLargerImage_next i,
.viewLargerImage .viewLargerImage_prev i {
	font-size: 48px;
	color: #fff;
	position: relative;
	top: -2px
}

.viewLargerImage .viewLargerImage_prev {
	position: absolute;
	left: 30px;
	top: 50%
}

.viewLargerImage .viewLargerImage_next {
	position: absolute;
	right: 30px;
	top: 50%
}

.viewLargerImage .swiper-wrapper {
	white-space: nowrap
}

.viewLargerImage .swiper-wrapper .swiper-slide {
	position: relative
}

.viewLargerImage .swiper-wrapper .swiper-slide .vjs-big-play-button {
	display: none
}

.viewLargerImage .swiper-wrapper .swiper-slide .middel {
	vertical-align: baseline
}

.viewLargerImage .swiper-wrapper .swiper-slide .img {
	height: auto;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.viewLargerImage .table {
	display: table;
	height: 100%
}

.viewLargerImage .table_cell {
	display: table-cell
}

.viewLargerImage .videoBox {
	position: relative;
	height: 560px
}

.viewLargerImage .video-js {
	position: absolute;
	width: 1000px !important;
	height: 100% !important;
	top: 0;
	left: 50%;
	margin-left: -500px
}

@media (min-width:992px) and (max-width:1199px) {
	.viewLargerImage .videoBox {
		height: 450px
	}

	.viewLargerImage .viewLargerImage_title {
		padding: 0 30px
	}

	.viewLargerImage .video-js {
		position: absolute;
		width: 800px !important;
		height: 100% !important;
		top: 0;
		left: 50%;
		margin-left: -400px
	}
}

@media (min-width:701px) and (max-width:991px) {
	.viewLargerImage .videoBox {
		height: 100%
	}

	.viewLargerImage .viewLargerImage_title {
		padding: 0 30px
	}

	.viewLargerImage .video-js {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0;
		margin-left: 0
	}
}

@media (min-width:576px) and (max-width:700px) {
	.viewLargerImage .videoBox {
		height: 100%
	}

	.viewLargerImage .viewLargerImage_title {
		padding: 0 30px
	}

	.viewLargerImage .video-js {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0;
		margin-left: 0
	}

	.viewLargerImage .viewLargerImage_prev {
		position: absolute;
		left: 20px;
		top: 50%
	}

	.viewLargerImage .viewLargerImage_next {
		position: absolute;
		right: 20px;
		top: 50%
	}
}

@media (max-width:575px) {
	.viewLargerImage .videoBox {
		height: 100%
	}

	.viewLargerImage .video-js {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0;
		margin-left: 0
	}

	.viewLargerImage .iconclose {
		font-size: 24px;
		margin-right: 8px
	}

	.viewLargerImage .viewLargerImage_title {
		padding: 0 20px;
		font-size: 12px;
		height: 40px;
		line-height: 40px
	}

	.viewLargerImage .viewLargerImage_prev {
		position: absolute;
		left: 20px;
		top: 50%;
		width: 24px;
		height: 24px
	}

	.viewLargerImage .viewLargerImage_prev i {
		font-size: 24px
	}

	.viewLargerImage .viewLargerImage_next {
		position: absolute;
		right: 20px;
		top: 50%;
		width: 24px;
		height: 24px
	}

	.viewLargerImage .viewLargerImage_next i {
		font-size: 24px
	}

	.viewLargerImage .viewLargerImage_next i,
	.viewLargerImage .viewLargerImage_prev i {
		top: -1px
	}
}

.vjs-default-skin .vjs-big-play-button {
	background: 0 0 !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 64px !important;
	color: #fff !important
}

.vjs-default-skin .vjs-big-play-button:before {
	font-family: iconfont !important;
	content: "\e6f3" !important;
	text-shadow: none !important
}

.vjs-default-skin .vjs-big-play-button:focus,
.vjs-default-skin:hover .vjs-big-play-button {
	background: 0 0 !important;
	border: none !important;
	box-shadow: none !important
}

.ie8 .vjs-poster IMG {
	vertical-align: middle;
	display: inline-block
}

.ie8 .vjs-poster {
	text-align: center
}

.ie8 .vjs-poster:after {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.ie8 .viewLargerImage .viewLargerImage_next i,
.ie8 .viewLargerImage .viewLargerImage_prev i {
	position: static
}

* {
	-webkit-text-size-adjust: none
}

.scroolicon {
	display: block !important;
	position: absolute;
	top: 30%
}

.banner {
	height: -moz-calc(100vh - 40px);
	height: calc(100vh - 40px);
	position: relative;
	margin-top: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.banner .content {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(15, 35, 65, .45);
	pointer-events: none
}

.banner .content * {
	pointer-events: auto
}

.banner .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: -20px
}

.banner .txt img {
	height: 70px;
	width: auto
}

.banner .txt p {
	font-size: 20px;
	line-height: 26px;
	color: rgba(255, 255, 255, .8);
	font-family: Arial;
	letter-spacing: .5em;
	text-align: center;
	margin-top: 30px
}

.banner .txt p br {
	display: none
}

.banner ul {
	position: absolute;
	left: 50px;
	right: 50px;
	bottom: 60px;
	font-size: 0
}

.banner ul li {
	width: 33.333%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle
}

.banner ul li .content {
	height: 120px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .2);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-radius: 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.banner ul li .content .icon {
	height: 100%;
	padding: 0 45px;
	border-right: 1px solid rgba(255, 255, 255, .2);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.banner ul li .content .icon img {
	width: 64px;
	height: 64px
}

.banner ul li .content .right {
	padding: 0 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.banner ul li .content .right h5 {
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	font-weight: 700
}

.banner ul li .content .right p {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial;
	color: rgba(255, 255, 255, .7);
	text-align: center;
	margin-top: 5px
}

.banner ul li .content .right p br {
	display: none
}

.banner ul li .content .right .arrow-next {
	font-size: 32px;
	color: #fff;
	cursor: pointer
}

.banner>.sd_imgbox {
	position: absolute !important;
	width: 100%
}

.normal_tab .fixed_tab .tab_list {
	height: 70px;
	line-height: 70px;
	overflow-x: auto;
	padding-left: 8.333%;
	padding-right: 8.333%
}

.normal_tab .fixed_tab .tab_list .tab_item {
	width: 16.66%
}

.normal_tab .fixed_tab .tab_list .tab_item p {
	display: inline-block;
	padding: 0;
	color: #666
}

.normal_tab .fixed_tab .tab_list .tab_item.cur p {
	color: #005aab
}

.normal_tab .fixed_tab .tab_list .tab_item.cur p:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	top: -3px;
	position: relative
}

.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
	display: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 96px
}

.haier_global {
	background: #f8f8f8;
	padding: 60px 0 90px;
	text-align: center;
	position: relative
}

.haier_global h3 {
	display: inline-block;
	max-width: 83.3333%;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700
}

.haier_global p {
	position: relative;
	font-family: Arial;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .2);
	margin: 10px auto 45px;
	max-width: 83.3333%
}

.haier_global ul {
	width: 83.333%;
	margin: 0 auto;
	font-size: 0
}

.haier_global ul li {
	width: 33.333%;
	padding: 0 60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 250px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: middle;
	border-right: 1px solid rgba(0, 0, 0, .1)
}

.haier_global ul li:last-child {
	border: none
}

.haier_global ul li .icon img {
	width: 64px;
	height: 64px
}

.haier_global ul li .num {
	margin: 30px 0 10px
}

.haier_global ul li .num .shuliang {
	font-size: 53px
}

.haier_global ul li .num i {
	font-weight: 700;
	font-size: 48px;
	line-height: 54px;
	color: #333;
	display: inline-block
}

.haier_global ul li .num .danwei {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	vertical-align: bottom;
	margin-left: 5px;
	position: relative;
	top: -6px
}

.haier_global ul li .name {
	font-size: 20px;
	line-height: 26px;
	color: #666;
	opacity: .8
}

.live_haier {
	padding: 60px 0;
	text-align: center;
	position: relative
}

.live_haier h3 {
	display: inline-block;
	max-width: 83.3333%;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700
}

.live_haier p {
	font-family: Arial;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .2);
	margin: 10px auto 0;
	max-width: 83.3333%
}

.live_haier .live-swiper {
	padding: 45px 0;
	width: 100%;
	height: 30vw;
	width: -moz-calc((60vw + 190px) * 3);
	width: calc((60vw + 190px) * 3);
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.live_haier .live-swiper .swiper-slide {
	width: -moz-calc(60vw + 190px);
	width: calc(60vw + 190px);
	height: 100%;
	padding: 0 95px;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.live_haier .live-swiper .swiper-slide .img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1)
}

.live_haier .live-swiper .swiper-slide .img img {
	width: 100%;
	height: 100%
}

.live_haier .live-swiper .swiper-slide .img .play {
	position: absolute;
	width: 64px;
	height: 64px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	background: url(technologicalInnovation_icon_play.png) no-repeat center;
	background-size: contain
}

.live_haier .live-swiper .swiper-slide .description {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 45px;
	left: 50px;
	width: 250px;
	height: 120px;
	padding: 0 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(255, 255, 255, .8);
	border: 1px solid rgba(255, 255, 255, .6);
	-webkit-backdrop-filter: blur(100px);
	backdrop-filter: blur(100px);
	border-radius: 10px;
	opacity: 0;
	-webkit-transition: opacity 2s;
	-o-transition: opacity 2s;
	-moz-transition: opacity 2s;
	transition: opacity 2s
}

.live_haier .live-swiper .swiper-slide .description>div {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.live_haier .live-swiper .swiper-slide .description .page {
	font-family: Arial;
	font-size: 16px;
	line-height: 22px;
	color: #999;
	text-align: left
}

.live_haier .live-swiper .swiper-slide .description .page .current {
	color: #005aab
}

.live_haier .live-swiper .swiper-slide .description .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	margin-top: 10px;
	text-align: left;
	height: 54px;
	color: #333
}

.live_haier .live-swiper .swiper-slide.swiper-slide-active .description {
	opacity: 1;
	-webkit-transition: opacity 2s;
	-o-transition: opacity 2s;
	-moz-transition: opacity 2s;
	transition: opacity 2s
}

.live_haier .live-swiper .abc {
	width: 83.3333vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}

.live_haier .live-swiper .abc img {
	width: 100%
}

.live_haier .live-swiper .arrow_box {
	width: 100vw;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.live_haier .live-swiper .arrow {
	background: rgba(15, 35, 65, .3);
	-webkit-backdrop-filter: blur(100px);
	backdrop-filter: blur(100px);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	line-height: 48px;
	font-size: 0;
	cursor: pointer
}

.live_haier .live-swiper .arrow-prev {
	position: absolute;
	right: -moz-calc(20vw + 113px);
	right: calc(20vw + 113px);
	bottom: 90px
}

.live_haier .live-swiper .arrow-prev span {
	color: #fff;
	font-size: 48px
}

.live_haier .live-swiper .arrow-next {
	position: absolute;
	right: -moz-calc(20vw + 45px);
	right: calc(20vw + 45px);
	bottom: 90px
}

.live_haier .live-swiper .arrow-next span {
	color: #fff;
	font-size: 48px
}

.live_haier .more {
	width: 200px;
	height: 50px;
	line-height: 46px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.live_haier .more span {
	font-size: 14px
}

.live_haier>.sd_link {
	margin: 0 auto
}

.customer_care {
	background: url(joinUsNew_care_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 0 8.333% 90px;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.customer_care h3 {
	display: inline-block;
	background: -webkit-gradient(linear-gradient(to right, #FFA500 0%, #FF0000 100%));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(to right, #FFA500 0%, #FF0000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700
}

.customer_care>.sd_textbox p,
.customer_care>p {
	font-family: Arial;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .2);
	margin: 10px auto 45px
}

.customer_care ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0 -5px;
	font-size: 0;
	text-align: left
}

.customer_care ul li {
	width: 100px;
	height: 400px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 5px;
	position: relative;
	border-radius: 10px;
	overflow: visible;
	text-align: center
}

.customer_care ul li:first-child {
	width: -moz-calc(100% - 670px);
	width: calc(100% - 670px)
}


.customer_care ul li.open .innner_box {
	opacity: 1
}

.customer_care ul li.open .cover_box {
	opacity: 0
}

.customer_care ul li.open .icon_open {
	display: none
}

.customer_care ul li .innner_box {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	position: absolute !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	overflow: hidden
}

.customer_care ul li .innner_box img {
	display: none
}

.customer_care ul li .innner_box .innner_box_txt {
	opacity: 0;
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 30px 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(25.15%, #0f2341), to(rgba(15, 35, 65, 0)));
	background: -webkit-linear-gradient(bottom, #0f2341 25.15%, rgba(15, 35, 65, 0) 100%);
	background: -moz-linear-gradient(bottom, #0f2341 25.15%, rgba(15, 35, 65, 0) 100%);
	background: linear-gradient(360deg, #0f2341 25.15%, rgba(15, 35, 65, 0) 100%);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.customer_care ul li .innner_box .innner_box_txt h5 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	text-align: left
}

.customer_care ul li .innner_box .innner_box_txt p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
	margin: 5px 0 0 0;
	color: #fff;
	letter-spacing: normal;
	text-align: left;
	white-space: normal
}

.customer_care ul li:nth-child(2n) .cover_box {
	background: rgba(255,160,122, .8)
}
.customer_care ul li .cover_box {
	pointer-events: none;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,99,71, .8);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-radius: 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.customer_care ul li .cover_box * {
	pointer-events: auto
}

.customer_care ul li .cover_box h4 {
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	width: 20px;
	white-space: normal;
	letter-spacing: .3em;
	font-weight: 700;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.customer_care ul li .cover_box span {
	display: block;
	width: 1px;
	height: 148px;
	background: rgba(255, 255, 255, .3);
	margin: 20px 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.customer_care ul li .cover_box img {
	height: 48px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.customer_care ul li .icon_open {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer
}

.customer_care ul li .icon_open img {
	width: 24px
}

.guest {
	padding: 75px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative
}

.guest .left {
	width: 33.33%;
	padding-left: 8.333%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0
}

.guest .left h3 {
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700
}

.guest .left p {
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .3);
	letter-spacing: .5em;
	margin-top: 10px;
	font-family: Arial
}

.guest .left .line {
	height: 1px;
	width: 100%;
	background: #eee;
	position: relative;
	margin: 30px 0
}

.guest .left .line::after {
	content: "";
	display: block;
	width: 150px;
	height: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	position: absolute;
	left: 0;
	top: -1.5px
}

.guest .left .description {
	font-size: 16px;
	line-height: 22px;
	color: #999
}

.guest .left .more {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 46px;
	font-size: 14px;
	margin: 45px 0 60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab)) 10 10 !important;
	-webkit-border-image: -webkit-linear-gradient(left, #32beff 0, #005aab 100%) 10 10 !important;
	-moz-border-image: -moz-linear-gradient(left, #32beff 0, #005aab 100%) 10 10 !important;
	-o-border-image: linear-gradient(to right, #32beff 0, #005aab 100%) 10 10 !important;
	border-image: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab)) 10 10 !important;
	border-image: linear-gradient(to right, #32beff 0, #005aab 100%) 10 10 !important
}

.guest .left .more:hover {
	color: #fff !important
}

.guest .left .more:hover::after {
	width: 100%
}

.guest .left .more::after {
	width: 0;
	content: '';
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: repeat;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #32beff), color-stop(51%, #005aab), to(#32beff));
	background-image: -webkit-linear-gradient(left, #32beff 0, #005aab 51%, #32beff 100%);
	background-image: -moz-linear-gradient(left, #32beff 0, #005aab 51%, #32beff 100%);
	background-image: linear-gradient(to right, #32beff 0, #005aab 51%, #32beff 100%);
	background-size: 200% auto;
	z-index: -2;
	-webkit-transition: width .5s;
	-o-transition: width .5s;
	-moz-transition: width .5s;
	transition: width .5s
}

.guest .left .arrow {
	font-size: 48px;
	color: #005aab;
	cursor: pointer
}

.guest .left .arrow.noslide {
	color: #ccc;
	cursor: default
}

.guest .left .arrow-prev {
	margin-right: 30px
}

.guest .right {
	width: 66.66%;
	padding-left: 75px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.guest .right .swiper-slide {
	width: 420px;
	padding: 15px
}

.guest .right .swiper-slide a {
	display: block;
	background: #fff;
	box-shadow: -8px -8px 10px #fff, 4px 4px 20px rgba(0, 0, 0, .1);
	border-radius: 10px;
	overflow: hidden
}

.guest .right .swiper-slide a .img {
	width: 100%;
	height: 280px
}

.guest .right .swiper-slide a .img img {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: -o-transform 1s;
	-moz-transition: transform 1s, -moz-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
}

.guest .right .swiper-slide a .img img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.guest .right .swiper-slide a .description {
	padding: 30px 30px 45px 30px
}

.guest .right .swiper-slide a .description h5 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	margin-bottom: 30px
}

.guest .right .swiper-slide a .description span {
	color: #005aab;
	font-size: 16px;
	line-height: 22px
}

.guest .right .swiper-slide a .description span i {
	font-size: 20px;
	margin-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.guest .right .pagination {
	font-size: 0
}

.guest .more_xs {
	display: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.latest_news {
	padding: 60px 0;
	text-align: center;
	background: #f8f8f8
}

.latest_news .bg {
	min-height: 550px;
	top: 0 !important;
	margin-top: 0 !important
}

.latest_news h3 {
	display: inline-block;
	max-width: 83.3333%;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700;
	position: relative;
	z-index: 1
}

.latest_news>p {
	position: relative;
	z-index: 1;
	font-family: Arial;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .2);
	margin: 10px auto 0;
	max-width: 83.3333%
}

.latest_news .latest_news_pc {
	position: relative;
	z-index: 5;
	padding: 45px 0;
	width: 83.333%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.latest_news .latest_news_pc .left {
	width: 50%;
	padding-right: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.latest_news .latest_news_pc .right {
	width: 50%;
	padding-left: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.latest_news .latest_news_pc .item {
	width: 100%;
	height: 125px;
	background: #f8f8f8;
	box-shadow: -8px -8px 10px #fff, 4px 4px 20px rgba(0, 0, 0, .1);
	border-radius: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 30px;
	overflow: hidden
}

.latest_news .latest_news_pc .item:first-child {
	margin-top: 0
}

.latest_news .latest_news_pc .item .item_left {
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px
}

.latest_news .latest_news_pc .item .item_left h5 {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left
}

.latest_news .latest_news_pc .item .item_left .desc {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px 0 20px;
	text-align: left;
	letter-spacing: normal
}

.latest_news .latest_news_pc .item .item_left .date {
	font-size: 12px;
	line-height: 18px;
	color: #999;
	text-align: left
}

.latest_news .latest_news_pc .item .img {
	width: 200px;
	height: 100%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.latest_news .latest-swiper {
	display: none
}

.latest_news .more {
	width: 200px;
	height: 50px;
	line-height: 46px;
	font-size: 16px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.development {
	padding: 0 8.333% 90px;
	text-align: center;
	background: #f8f8f8
}

.development .bg {
	min-height: 550px;
	top: auto !important;
	margin-top: 0 !important;
	bottom: 0 !important
}

.development h3 {
	display: inline-block;
	background: -webkit-gradient(linear, left top, right top, from(#32beff), to(#005aab));
	background: -webkit-linear-gradient(left, #32beff 0, #005aab 100%);
	background: -moz-linear-gradient(left, #32beff 0, #005aab 100%);
	background: linear-gradient(90deg, #32beff 0, #005aab 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-size: 48px;
	line-height: 54px;
	font-weight: 700
}

.development>.sd_textbox p,
.development>p {
	position: relative;
	font-family: Arial;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	color: rgba(15, 35, 65, .2);
	margin: 10px auto 0
}

.development ol {
	margin: 45px auto 30px;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	width: 100vw;
	padding: 0 8.333vw;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	left: -8.333vw;
	font-size: 0
}

.development ol::-webkit-scrollbar {
	display: none
}

.development ol li {
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	color: #666;
	padding: 0 60px;
	position: relative;
	cursor: pointer
}

.development ol li:first-child {
	padding-left: 0
}

.development ol li:last-child {
	padding-right: 0
}

.development ol li:last-child::after {
	display: none
}

.development ol li::after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	width: 1px;
	height: 20px;
	background: rgba(15, 35, 65, .2);
	vertical-align: middle
}

.development ol li.cur {
	color: #005aab;
	font-weight: 700
}

.development ul {
	height: 400px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1)
}

.development ul li {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: none;
	position: relative
}

.development ul li:first-child {
	display: block
}

.development ul li .img {
	width: 100%;
	height: 100%
}

.development ul li .content {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 500px;
	background: rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(100px);
	backdrop-filter: blur(100px);
	border-radius: 0 10px 10px 0;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 45px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.development ul li .content h5 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	text-align: left;
	font-weight: 700
}

.development ul li .content p {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	text-align: left;
	margin-top: 10px;
	letter-spacing: normal;
	max-width: 100%
}

.join_haier {
	height: 400px
}

.join_haier .content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: rgba(15, 35, 65, .7);
	pointer-events: none
}

.join_haier h3 {
	font-size: 36px;
	line-height: 42px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	pointer-events: auto
}

.join_haier p {
	font-size: 20px;
	line-height: 26px;
	color: rgba(255, 255, 255, .8);
	letter-spacing: .5em;
	margin: 15px 0 45px;
	text-align: center;
	pointer-events: auto;
	font-family: Arial
}

.join_haier p br {
	display: none
}

.join_haier a {
	width: 250px;
	height: 50px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	background: rgba(15, 35, 65, .6);
	border: 1px solid #fff;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	pointer-events: auto
}

.join_haier>.sd_imgbox {
	position: absolute !important;
	width: 100%
}

.shedder .customer_care ul li .icon_open {
	display: block
}

.shedder .customer_care ul li.open .icon_open {
	display: none
}

@media (min-width:1200px) {
	.firefox .live_haier .live-swiper .arrow {
		line-height: 51px
	}

	.haier_global ul li .num .shuliang {
		position: relative;
		top: 1px
	}
}

@media (min-width:991px) {
	.development ul li .img img {
		left: auto !important;
		right: 0 !important;
		margin-left: 0 !important
	}
}

@media (min-width:1920px) {
	.customer_care ul li {
		height: 500px
	}

	.customer_care ul li .cover_box span {
		height: 248px
	}
}

@media (min-width:1200px) and (max-width:1440px) {
	.banner ul {
		left: 40px;
		right: 40px;
		bottom: 45px
	}

	.banner ul li {
		padding: 0 5px
	}

	.banner ul li .content .icon {
		padding: 0 25px
	}

	.banner ul li .content .right {
		padding: 0 25px
	}

	.ie9 .banner .content ul li .content .right {
		width: -moz-calc(100% - 165px);
		width: calc(100% - 165px)
	}

	.ie9 .banner .content ul li .content .right .arrow-next {
		right: 25px
	}
}

@media (min-width:1200px) and (max-width:1367px) {
	.development ul {
		height: 300px
	}

	.guest .right {
		padding-left: 45px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.banner .txt img {
		height: 60px
	}

	.banner .txt p {
		font-size: 16px;
		line-height: 22px;
		margin-top: 20px
	}

	.banner ul {
		left: 25px;
		right: 25px;
		bottom: 45px
	}

	.banner ul li {
		padding: 0 5px
	}

	.banner ul li .content {
		height: 100px
	}

	.banner ul li .content .icon {
		padding: 0 20px
	}

	.banner ul li .content .icon img {
		width: 48px;
		height: 48px
	}

	.banner ul li .content .right {
		padding: 0 20px
	}

	.banner ul li .content .right .arrow-next {
		font-size: 24px
	}

	.normal_tab .fixed_tab .tab_list {
		height: 60px;
		line-height: 60px;
		padding: 0
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		width: 16.66%
	}

	.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 96px
	}

	.haier_global {
		padding: 60px 0 90px
	}

	.haier_global h3 {
		font-size: 36px;
		line-height: 42px
	}

	.haier_global p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 45px
	}

	.haier_global ul {
		width: 100%
	}

	.haier_global ul li .num .shuliang {
		font-size: 41px;
		position: relative;
		top: 1px
	}

	.haier_global ul li .num i {
		font-size: 36px;
		line-height: 42px
	}

	.haier_global ul li .num .danwei {
		top: -3px
	}

	.live_haier h3 {
		font-size: 36px;
		line-height: 42px
	}

	.live_haier p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.live_haier .live-swiper {
		width: -moz-calc((60vw + 120px) * 3);
		width: calc((60vw + 120px) * 3)
	}

	.live_haier .live-swiper .swiper-slide {
		width: -moz-calc(60vw + 120px);
		width: calc(60vw + 120px);
		padding: 0 60px
	}

	.live_haier .live-swiper .swiper-slide .img .play {
		width: 48px;
		height: 48px
	}

	.live_haier .live-swiper .swiper-slide .description {
		bottom: 30px;
		left: 30px;
		width: 200px;
		height: 100px;
		padding: 0 20px
	}

	.live_haier .live-swiper .swiper-slide .description .page {
		font-size: 12px;
		line-height: 18px
	}

	.live_haier .live-swiper .swiper-slide .description .title {
		font-size: 16px;
		line-height: 22px;
		margin-top: 5px;
		height: 44px
	}

	.live_haier .live-swiper .arrow {
		width: 32px;
		height: 32px;
		line-height: 32px
	}

	.live_haier .live-swiper .arrow-prev {
		right: -moz-calc(20vw + 72px);
		right: calc(20vw + 72px);
		bottom: 75px
	}

	.live_haier .live-swiper .arrow-prev span {
		font-size: 32px
	}

	.live_haier .live-swiper .arrow-next {
		right: -moz-calc(20vw + 20px);
		right: calc(20vw + 20px);
		bottom: 75px
	}

	.live_haier .live-swiper .arrow-next span {
		font-size: 32px
	}

	.customer_care {
		padding: 0 8.333% 60px
	}

	.customer_care h3 {
		font-size: 36px;
		line-height: 42px
	}

	.customer_care p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 45px
	}

	.customer_care ul li {
		width: 60px;
		height: 350px
	}

	.customer_care ul li:first-child {
		width: -moz-calc(100% - 430px);
		width: calc(100% - 430px)
	}

	.customer_care ul li .innner_box .innner_box_txt {
		padding: 0 20px 20px
	}

	.customer_care ul li .cover_box {
		padding: 20px 0
	}

	.customer_care ul li .cover_box h4 {
		font-size: 16px;
		line-height: 22px;
		width: 16px
	}

	.customer_care ul li .cover_box span {
		height: 150px
	}

	.customer_care ul li .cover_box img {
		height: 32px
	}

	.guest {
		padding: 45px 0
	}

	.guest .left h3 {
		font-size: 36px;
		line-height: 42px
	}

	.guest .left p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px
	}

	.guest .left .description {
		font-size: 14px;
		line-height: 20px
	}

	.guest .left .more {
		font-size: 16px
	}

	.guest .right {
		width: 66.66%;
		padding-left: 45px
	}

	.guest .right .swiper-slide {
		width: 350px;
		padding: 15px
	}

	.guest .right .swiper-slide a .img {
		height: 233px
	}

	.guest .right .swiper-slide a .img img:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}

	.guest .right .swiper-slide a .description h5 {
		font-size: 20px;
		line-height: 26px
	}

	.guest .more_xs {
		display: none
	}

	.latest_news h3 {
		font-size: 36px;
		line-height: 42px
	}

	.latest_news p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.latest_news .latest_news_pc .left {
		width: 100%;
		padding-right: 0
	}

	.latest_news .latest_news_pc .right {
		display: none
	}

	.latest_news .latest_news_pc .item {
		margin-top: 20px
	}

	.development h3 {
		font-size: 36px;
		line-height: 42px
	}

	.development p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.development ol li {
		font-size: 16px;
		line-height: 22px;
		padding: 0 30px
	}

	.development ul {
		height: 300px
	}

	.development ul li .content {
		width: 350px
	}

	.development ul li .content h5 {
		font-size: 20px;
		line-height: 26px
	}

	.development ul li .content p {
		font-size: 14px
	}

	.join_haier p {
		margin: 5px 0 30px
	}
}

@media (min-width:701px) and (max-width:991px) {
	.banner {
		height: 100vh;
		margin-top: 0
	}

	.banner .txt {
		margin-top: -60px
	}

	.banner .txt img {
		height: 45px
	}

	.banner .txt p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px
	}

	.banner ul {
		left: 25px;
		right: 25px;
		bottom: 50px
	}

	.banner ul li {
		padding: 0 5px
	}

	.banner ul li .content {
		height: auto;
		padding: 25px 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.banner ul li .content .icon {
		padding: 0;
		border: none
	}

	.banner ul li .content .icon img {
		width: 48px;
		height: 48px
	}

	.banner ul li .content .right {
		margin-top: 15px;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.banner ul li .content .right h5 {
		text-align: center
	}

	.banner ul li .content .right .arrow-next {
		margin-top: 20px;
		font-size: 24px
	}

	.normal_tab {
		height: 60px
	}

	.normal_tab .fixed_tab {
		height: 60px
	}

	.normal_tab .fixed_tab .tab_list {
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		padding-right: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 60px;
		line-height: 60px
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		width: 16.66%;
		height: 60px
	}

	.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 96px
	}

	.haier_global {
		padding: 45px 0 60px
	}

	.haier_global h3 {
		font-size: 36px;
		line-height: 42px
	}

	.haier_global p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 30px
	}

	.haier_global ul {
		width: 100%
	}

	.haier_global ul li {
		padding: 0 30px;
		height: 200px
	}

	.haier_global ul li .icon img {
		width: 48px;
		height: 48px
	}

	.haier_global ul li .num .shuliang {
		font-size: 41px;
		position: relative;
		top: 2px
	}

	.haier_global ul li .num i {
		font-size: 36px;
		line-height: 42px
	}

	.haier_global ul li .num .danwei {
		font-size: 20px;
		line-height: 26px;
		top: 0
	}

	.haier_global ul li .name {
		font-size: 16px;
		line-height: 22px
	}

	.live_haier {
		padding: 45px 0 60px
	}

	.live_haier h3 {
		font-size: 36px;
		line-height: 42px
	}

	.live_haier p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.live_haier .live-swiper {
		padding: 30px 0;
		height: 45.5vw;
		width: -moz-calc((65vw + 70px) * 3);
		width: calc((65vw + 70px) * 3)
	}

	.live_haier .live-swiper .swiper-slide {
		width: 65vw;
		padding: 0 35px;
		width: -moz-calc(65vw + 70px);
		width: calc(65vw + 70px)
	}

	.live_haier .live-swiper .swiper-slide .img .play {
		width: 48px;
		height: 48px
	}

	.live_haier .live-swiper .swiper-slide .description {
		bottom: 30px;
		left: 5px;
		width: 200px;
		height: 100px;
		padding: 0 15px
	}

	.live_haier .live-swiper .swiper-slide .description .page {
		font-size: 12px;
		line-height: 18px
	}

	.live_haier .live-swiper .swiper-slide .description .title {
		font-size: 16px;
		line-height: 22px;
		margin-top: 5px;
		height: 44px
	}

	.live_haier .live-swiper .arrow {
		width: 32px;
		height: 32px;
		line-height: 32px
	}

	.live_haier .live-swiper .arrow-prev {
		right: -moz-calc(17.5vw + 67px);
		right: calc(17.5vw + 67px);
		bottom: 60px
	}

	.live_haier .live-swiper .arrow-prev span {
		font-size: 32px
	}

	.live_haier .live-swiper .arrow-next {
		right: -moz-calc(17.5vw + 20px);
		right: calc(17.5vw + 20px);
		bottom: 60px
	}

	.live_haier .live-swiper .arrow-next span {
		font-size: 32px
	}

	.customer_care {
		padding: 0 8.333% 60px
	}

	.customer_care h3 {
		font-size: 36px;
		line-height: 42px
	}

	.customer_care p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0 30px
	}

	.customer_care ul {
		margin: 0 -2.5px
	}

	.customer_care ul li {
		width: 60px;
		height: 350px;
		margin: 0 2.5px
	}

	.customer_care ul li:first-child {
		width: -moz-calc(100% - 395px);
		width: calc(100% - 395px)
	}

	.customer_care ul li .innner_box .innner_box_txt {
		padding: 0 15px 15px
	}

	.customer_care ul li .innner_box .innner_box_txt h5 {
		font-size: 14px;
		line-height: 20px
	}

	.customer_care ul li .innner_box .innner_box_txt p {
		font-size: 12px;
		line-height: 1.75
	}

	.customer_care ul li .cover_box {
		padding: 20px 0
	}

	.customer_care ul li .cover_box h4 {
		font-size: 16px;
		line-height: 22px;
		width: 16px
	}

	.customer_care ul li .cover_box span {
		height: 150px
	}

	.customer_care ul li .cover_box img {
		height: 32px
	}

	.guest {
		padding: 45px 0 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.guest .left {
		width: 83.333%;
		text-align: center;
		padding-left: 0
	}

	.guest .left h3 {
		font-size: 36px;
		line-height: 42px
	}

	.guest .left p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px
	}

	.guest .left .line {
		margin: 20px 0
	}

	.guest .left .line::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .left .description {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px
	}

	.guest .left .more {
		display: none
	}

	.guest .left .arrow {
		display: none
	}

	.guest .right {
		width: 100%;
		padding-left: 0
	}

	.guest .right .guest-swiper {
		width: 1140px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .right .swiper-slide {
		width: 380px;
		padding: 15px;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.guest .right .swiper-slide a .img {
		height: 233px
	}

	.guest .right .swiper-slide a .img img:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}

	.guest .right .swiper-slide a .description h5 {
		font-size: 20px;
		line-height: 26px
	}

	.guest .right .pagination {
		text-align: center;
		margin: 15px 0 30px
	}

	.guest .right .pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ccc;
		margin: 0 5px
	}

	.guest .right .pagination .swiper-active-switch {
		width: 8px;
		height: 8px;
		border: 2px solid #005aab;
		background: 0 0
	}

	.guest .more_xs {
		display: block;
		width: 200px;
		height: 50px;
		color: #005aab;
		line-height: 46px;
		font-size: 16px
	}

	.latest_news {
		padding: 45px 0 60px
	}

	.latest_news .bg {
		height: 400px !important;
		top: 0 !important;
		margin-top: 0 !important;
		min-height: 0
	}

	.latest_news h3 {
		font-size: 36px;
		line-height: 42px
	}

	.latest_news p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.latest_news .latest_news_pc {
		padding: 30px 0 45px
	}

	.latest_news .latest_news_pc .left {
		width: 100%;
		padding-right: 0
	}

	.latest_news .latest_news_pc .right {
		display: none
	}

	.latest_news .latest_news_pc .item {
		margin-top: 20px
	}

	.development {
		padding: 0 8.333% 60px
	}

	.development .bg {
		height: 400px !important;
		min-height: 0
	}

	.development h3 {
		font-size: 36px;
		line-height: 42px
	}

	.development p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.development ol {
		margin: 30px 0
	}

	.development ol li {
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px
	}

	.development ul {
		height: 400px
	}

	.development ul li .img img {
		top: 0 !important;
		margin-top: 0 !important
	}

	.development ul li .content {
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
		left: 30px;
		top: auto;
		bottom: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		border-radius: 10px 10px 0 0;
		padding: 30px
	}

	.development ul li .content h5 {
		font-size: 20px;
		line-height: 26px
	}

	.development ul li .content p {
		font-size: 14px;
		margin-top: 5px
	}

	.join_haier {
		height: 300px
	}

	.join_haier h3 {
		font-size: 28px;
		line-height: 34px
	}

	.join_haier p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0 30px
	}
}

@media (min-width:576px) and (max-width:700px) {
	.banner {
		height: 700px;
		margin-top: 0
	}

	.banner .txt {
		margin-top: -60px
	}

	.banner .txt img {
		height: 35px
	}

	.banner .txt p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px
	}

	.banner ul {
		left: 25px;
		right: 25px;
		bottom: 30px
	}

	.banner ul li {
		padding: 0 5px
	}

	.banner ul li .content {
		height: auto;
		padding: 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.banner ul li .content .icon {
		padding: 0;
		border: none
	}

	.banner ul li .content .icon img {
		width: 48px;
		height: 48px
	}

	.banner ul li .content .right {
		margin-top: 15px;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.banner ul li .content .right h5 {
		text-align: center;
		font-size: 16px;
		line-height: 22px
	}

	.banner ul li .content .right p br {
		display: block
	}

	.banner ul li .content .right .arrow-next {
		margin-top: 20px;
		font-size: 24px
	}

	.normal_tab {
		height: 60px
	}

	.normal_tab .fixed_tab {
		height: 60px
	}

	.normal_tab .fixed_tab .tab_list {
		padding-left: 20px;
		padding-right: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 60px;
		line-height: 60px
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		width: auto;
		padding: 0 22.5px;
		height: 60px
	}

	.normal_tab .fixed_tab .tab_list .tab_item:first-child {
		padding-left: 0
	}

	.normal_tab .fixed_tab .tab_list .tab_item:first-child.cur .tab_bottom_line {
		width: -moz-calc(100% - 22.5px);
		width: calc(100% - 22.5px);
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	.normal_tab .fixed_tab .tab_list .tab_item:last-child {
		padding-right: 0
	}

	.normal_tab .fixed_tab .tab_list .tab_item:last-child.cur .tab_bottom_line {
		width: -moz-calc(100% - 22.5px);
		width: calc(100% - 22.5px);
		left: 22.5px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: -moz-calc(100% - 45px);
		width: calc(100% - 45px)
	}

	.haier_global {
		padding: 45px 0 60px
	}

	.haier_global h3 {
		font-size: 36px;
		line-height: 42px
	}

	.haier_global p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 30px
	}

	.haier_global ul {
		width: 100%
	}

	.haier_global ul li {
		padding: 0 30px;
		height: 200px
	}

	.haier_global ul li .icon img {
		width: 48px;
		height: 48px
	}

	.haier_global ul li .num {
		margin: 20px 0 10px
	}

	.haier_global ul li .num .shuliang {
		font-size: 37px
	}

	.haier_global ul li .num i {
		font-size: 32px;
		line-height: 38px
	}

	.haier_global ul li .num .danwei {
		font-size: 20px;
		line-height: 26px;
		top: -1px
	}

	.haier_global ul li .name {
		font-size: 16px;
		line-height: 22px
	}

	.live_haier {
		padding: 45px 0 60px
	}

	.live_haier h3 {
		font-size: 36px;
		line-height: 42px
	}

	.live_haier p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.live_haier .live-swiper {
		padding: 30px 0;
		height: 56vw;
		width: -moz-calc((80vw + 45px) * 3);
		width: calc((80vw + 45px) * 3)
	}

	.live_haier .live-swiper .swiper-slide {
		padding: 0 22.5px;
		width: -moz-calc(80vw + 45px);
		width: calc(80vw + 45px)
	}

	.live_haier .live-swiper .swiper-slide .img {
		box-shadow: 0 20px 20px rgba(0, 0, 0, .1)
	}

	.live_haier .live-swiper .swiper-slide .img .play {
		width: 48px;
		height: 48px
	}

	.live_haier .live-swiper .swiper-slide .description {
		bottom: 30px;
		left: 2.5px;
		width: 200px;
		height: 100px;
		padding: 0 15px
	}

	.live_haier .live-swiper .swiper-slide .description .page {
		font-size: 12px;
		line-height: 18px
	}

	.live_haier .live-swiper .swiper-slide .description .title {
		font-size: 16px;
		line-height: 22px;
		margin-top: 5px;
		height: 44px
	}

	.live_haier .live-swiper .abc {
		display: none
	}

	.live_haier .live-swiper .arrow {
		width: 32px;
		height: 32px;
		line-height: 32px
	}

	.live_haier .live-swiper .arrow-prev {
		right: -moz-calc(10vw + 67px);
		right: calc(10vw + 67px);
		bottom: 60px
	}

	.live_haier .live-swiper .arrow-prev span {
		font-size: 32px
	}

	.live_haier .live-swiper .arrow-next {
		right: -moz-calc(10vw + 20px);
		right: calc(10vw + 20px);
		bottom: 60px
	}

	.live_haier .live-swiper .arrow-next span {
		font-size: 32px
	}

	.customer_care {
		padding: 0 8.333% 60px
	}

	.customer_care h3 {
		font-size: 36px;
		line-height: 42px
	}

	.customer_care p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0 30px
	}

	.customer_care ul {
		margin: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.customer_care ul li {
		width: 100%;
		height: 50px;
		margin: 10px 0 0
	}

	.customer_care ul li:first-child {
		margin-top: 0;
		width: 100%;
		height: 300px
	}

	.customer_care ul li .innner_box .innner_box_txt {
		padding: 0 15px 15px
	}

	.customer_care ul li .innner_box .innner_box_txt h5 {
		font-size: 14px;
		line-height: 20px
	}

	.customer_care ul li .innner_box .innner_box_txt p {
		font-size: 12px;
		line-height: 1.75
	}

	.customer_care ul li .cover_box {
		padding: 0 15px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.customer_care ul li .cover_box h4 {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: normal;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: auto
	}

	.customer_care ul li .cover_box span {
		width: 360px;
		height: 1px;
		margin: 0 15px
	}

	.customer_care ul li .cover_box img {
		height: 24px
	}

	.guest {
		padding: 45px 0 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.guest .left {
		width: 83.333%;
		text-align: center;
		padding-left: 0
	}

	.guest .left h3 {
		font-size: 36px;
		line-height: 42px
	}

	.guest .left p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px
	}

	.guest .left .line {
		margin: 20px 0
	}

	.guest .left .line::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .left .description {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px
	}

	.guest .left .more {
		display: none
	}

	.guest .left .arrow {
		display: none
	}

	.guest .right {
		width: 100%;
		padding-left: 0
	}

	.guest .right .guest-swiper {
		width: 1140px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .right .swiper-slide {
		width: 380px;
		padding: 15px;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.guest .right .swiper-slide a .img {
		height: 233px
	}

	.guest .right .swiper-slide a .img img:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}

	.guest .right .swiper-slide a .description h5 {
		font-size: 20px;
		line-height: 26px
	}

	.guest .right .pagination {
		text-align: center;
		margin: 15px 0 30px
	}

	.guest .right .pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ccc;
		margin: 0 5px
	}

	.guest .right .pagination .swiper-active-switch {
		width: 8px;
		height: 8px;
		border: 2px solid #005aab;
		background: 0 0
	}

	.guest .more_xs {
		display: block;
		width: 200px;
		height: 50px;
		color: #005aab;
		line-height: 46px;
		font-size: 16px
	}

	.latest_news {
		padding: 45px 0 60px
	}

	.latest_news .bg {
		height: 400px !important;
		top: 0 !important;
		margin-top: 0 !important;
		min-height: 0
	}

	.latest_news h3 {
		font-size: 36px;
		line-height: 42px
	}

	.latest_news p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.latest_news .latest_news_pc {
		padding: 30px 0 45px
	}

	.latest_news .latest_news_pc .left {
		width: 100%;
		padding-right: 0
	}

	.latest_news .latest_news_pc .right {
		display: none
	}

	.latest_news .latest_news_pc .item {
		margin-top: 20px
	}

	.development {
		padding: 0 8.333% 60px
	}

	.development .bg {
		height: 400px !important;
		min-height: 0
	}

	.development h3 {
		font-size: 36px;
		line-height: 42px
	}

	.development p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px auto 0
	}

	.development ol {
		margin: 30px 0
	}

	.development ol li {
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px
	}

	.development ul {
		height: 400px
	}

	.development ul li .img img {
		top: 0 !important;
		margin-top: 0 !important
	}

	.development ul li .content {
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
		left: 30px;
		top: auto;
		bottom: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		border-radius: 10px 10px 0 0;
		padding: 20px 30px
	}

	.development ul li .content h5 {
		font-size: 20px;
		line-height: 26px
	}

	.development ul li .content p {
		font-size: 14px;
		margin-top: 5px
	}

	.join_haier {
		height: 300px
	}

	.join_haier h3 {
		font-size: 28px;
		line-height: 34px
	}

	.join_haier p {
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0 30px
	}
}

@media (max-width:575px) {
	.banner {
		height: 700px;
		margin-top: 0
	}

	.banner .txt {
		margin-top: -60px
	}

	.banner .txt img {
		height: 65px
	}

	.banner .txt p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px
	}

	.banner .txt p br {
		display: block
	}

	.banner ul {
		left: 20px;
		right: 20px;
		bottom: 25px
	}

	.banner ul li {
		width: 100%;
		padding: 5px 0
	}

	.banner ul li .content {
		height: 80px
	}

	.banner ul li .content .icon {
		padding: 0 20px
	}

	.banner ul li .content .icon img {
		width: 48px;
		height: 48px
	}

	.banner ul li .content .right {
		padding: 0 20px
	}

	.banner ul li .content .right h5 {
		font-size: 16px;
		line-height: 22px
	}

	.banner ul li .content .right .arrow-next {
		font-size: 24px
	}

	.normal_tab .fixed_tab .tab_list {
		padding-left: 20px;
		padding-right: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 50px;
		line-height: 50px
	}

	.normal_tab .fixed_tab .tab_list .tab_item {
		width: auto;
		padding: 0 10px
	}

	.normal_tab .fixed_tab .tab_list .tab_item:first-child {
		padding-left: 0
	}

	.normal_tab .fixed_tab .tab_list .tab_item:first-child.cur .tab_bottom_line {
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	.normal_tab .fixed_tab .tab_list .tab_item:last-child {
		padding-right: 0
	}

	.normal_tab .fixed_tab .tab_list .tab_item:last-child.cur .tab_bottom_line {
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
		left: 10px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	.normal_tab .fixed_tab .tab_list .tab_item.cur .tab_bottom_line {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px)
	}

	.haier_global {
		padding: 30px 0 45px
	}

	.haier_global h3 {
		font-size: 28px;
		line-height: 34px
	}

	.haier_global p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 25px
	}

	.haier_global ul {
		width: 100%
	}

	.haier_global ul li {
		padding: 0 15px;
		height: 150px
	}

	.haier_global ul li .icon img {
		width: 32px;
		height: 32px
	}

	.haier_global ul li .num {
		margin: 15px 0 5px
	}

	.haier_global ul li .num .shuliang {
		font-size: 27px
	}

	.haier_global ul li .num i {
		font-size: 24px;
		line-height: 30px
	}

	.haier_global ul li .num .danwei {
		font-size: 14px;
		line-height: 20px;
		top: -1px
	}

	.haier_global ul li .name {
		font-size: 12px;
		line-height: 18px
	}

	.live_haier {
		padding: 30px 0 45px
	}

	.live_haier h3 {
		font-size: 28px;
		line-height: 34px
	}

	.live_haier p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 0
	}

	.live_haier .live-swiper {
		padding: 25px 0 125px;
		height: 56vw;
		width: -moz-calc((80vw + 20px) * 3);
		width: calc((80vw + 20px) * 3)
	}

	.live_haier .live-swiper .swiper-slide {
		padding: 0 10px;
		width: -moz-calc(80vw + 20px);
		width: calc(80vw + 20px)
	}

	.live_haier .live-swiper .swiper-slide .img .play {
		width: 48px;
		height: 48px
	}

	.live_haier .live-swiper .swiper-slide .description {
		bottom: 40px;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
		left: 30px;
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
		height: auto;
		padding: 15px;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.live_haier .live-swiper .swiper-slide .description .page {
		font-size: 12px;
		line-height: 18px;
		text-align: center
	}

	.live_haier .live-swiper .swiper-slide .description .title {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin-top: 5px;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}

	.live_haier .live-swiper .abc {
		display: none
	}

	.live_haier .live-swiper .arrow {
		width: 32px;
		height: 32px;
		line-height: 32px;
		background: 0 0
	}

	.live_haier .live-swiper .arrow-prev {
		right: 50%;
		bottom: 30px;
		margin-right: 7.5px;
		background: 0 0
	}

	.live_haier .live-swiper .arrow-prev span {
		font-size: 32px;
		color: #005aab
	}

	.live_haier .live-swiper .arrow-next {
		right: 50%;
		bottom: 30px;
		margin-right: -39.5px
	}

	.live_haier .live-swiper .arrow-next span {
		font-size: 32px;
		color: #005aab
	}

	.live_haier .more {
		width: 80vw;
		height: 40px;
		font-size: 14px;
		line-height: 36px
	}

	.customer_care {
		padding: 0 8.333% 45px
	}

	.customer_care h3 {
		font-size: 28px;
		line-height: 34px
	}

	.customer_care p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px 0 25px
	}

	.customer_care ul {
		margin: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.customer_care ul li {
		width: 100%;
		height: 50px;
		margin: 10px 0 0
	}

	.customer_care ul li:first-child {
		margin-top: 0;
		width: 100%;
		height: 220px
	}

	.customer_care ul li .innner_box .innner_box_txt {
		height: 120px;
		padding: 0 15px 15px
	}

	.customer_care ul li .innner_box .innner_box_txt h5 {
		font-size: 14px;
		line-height: 20px
	}

	.customer_care ul li .innner_box .innner_box_txt p {
		font-size: 12px;
		line-height: 1.75
	}

	.customer_care ul li .cover_box {
		padding: 0 15px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		left: -1px;
		right: -1px;
		bottom: -1px;
		top: -1px
	}

	.customer_care ul li .cover_box h4 {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: normal;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: auto
	}

	.customer_care ul li .cover_box span {
		width: 360px;
		height: 1px;
		margin: 0 15px
	}

	.customer_care ul li .cover_box img {
		height: 24px
	}

	.guest {
		padding: 30px 0 45px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.guest .left {
		width: 83.333%;
		text-align: center;
		padding-left: 0
	}

	.guest .left h3 {
		font-size: 28px;
		line-height: 34px
	}

	.guest .left p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 5px
	}

	.guest .left .line {
		margin: 15px 0
	}

	.guest .left .line::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .left .description {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 15px
	}

	.guest .left .more {
		display: none
	}

	.guest .left .arrow {
		display: none
	}

	.guest .right {
		width: 100%;
		padding-left: 0
	}

	.guest .right .guest-swiper {
		width: 960px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.guest .right .swiper-slide {
		width: 320px;
		padding: 10px;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.guest .right .swiper-slide a .img {
		height: 200px
	}

	.guest .right .swiper-slide a .img img:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}

	.guest .right .swiper-slide a .description {
		padding: 20px 20px 30px
	}

	.guest .right .swiper-slide a .description h5 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px
	}

	.guest .right .swiper-slide a .description span {
		font-size: 14px;
		line-height: 20px
	}

	.guest .right .pagination {
		text-align: center;
		margin: 20px 0 30px
	}

	.guest .right .pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ccc;
		margin: 0 5px
	}

	.guest .right .pagination .swiper-active-switch {
		width: 8px;
		height: 8px;
		border: 2px solid #005aab;
		background: 0 0
	}

	.guest .more_xs {
		display: block;
		width: 83.333%;
		height: 40px;
		color: #005aab;
		line-height: 36px;
		font-size: 14px
	}

	.latest_news {
		padding: 30px 0 45px
	}

	.latest_news .bg {
		height: 250px !important;
		top: 0 !important;
		margin-top: 0 !important;
		min-height: 0
	}

	.latest_news h3 {
		font-size: 28px;
		line-height: 34px
	}

	.latest_news p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 0
	}

	.latest_news .latest_news_pc {
		display: none
	}

	.latest_news .latest-swiper {
		display: block;
		padding-top: 10px
	}

	.latest_news .latest-swiper .swiper-slide {
		padding: 15px 8.333vw;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.latest_news .latest-swiper .swiper-slide a {
		display: block;
		background: #f8f8f8;
		box-shadow: -8px -8px 10px #fff, 4px 4px 20px rgba(0, 0, 0, .1);
		border-radius: 10px;
		overflow: hidden
	}

	.latest_news .latest-swiper .img {
		width: 100%;
		height: 200px;
		border-radius: 10px 10px 0 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.latest_news .latest-swiper .description {
		padding: 20px
	}

	.latest_news .latest-swiper .description h5 {
		font-size: 16px;
		line-height: 22px;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
		font-weight: 700
	}

	.latest_news .latest-swiper .description .desc {
		font-size: 14px;
		line-height: 20px;
		color: #666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
		margin: 5px 0 15px;
		max-width: 100%;
		letter-spacing: normal
	}

	.latest_news .latest-swiper .description .date {
		font-size: 12px;
		line-height: 18px;
		color: #999;
		text-align: left
	}

	.latest_news .latest-swiper .pagination {
		font-size: 0;
		text-align: center;
		margin: 15px 0 30px
	}

	.latest_news .latest-swiper .pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #ccc;
		margin: 0 5px
	}

	.latest_news .latest-swiper .pagination .swiper-active-switch {
		width: 8px;
		height: 8px;
		border: 2px solid #005aab;
		background: 0 0
	}

	.latest_news .more {
		width: 80vw;
		height: 40px;
		line-height: 38px;
		font-size: 14px
	}

	.development {
		padding: 0 8.333% 45px
	}

	.development .bg {
		height: 250px !important;
		min-height: 0
	}

	.development h3 {
		font-size: 28px;
		line-height: 34px
	}

	.development p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px auto 0
	}

	.development ol {
		margin: 25px 0
	}

	.development ol li {
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px
	}

	.development ul {
		height: 350px
	}

	.development ul li .img img {
		top: 0 !important;
		margin-top: 0 !important
	}

	.development ul li .content {
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
		left: 20px;
		top: auto;
		bottom: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		border-radius: 10px 10px 0 0;
		padding: 20px
	}

	.development ul li .content h5 {
		font-size: 16px;
		line-height: 22px
	}

	.development ul li .content p {
		font-size: 12px;
		margin-top: 5px
	}

	.join_haier {
		height: 200px
	}

	.join_haier h3 {
		font-size: 20px;
		line-height: 26px
	}

	.join_haier p {
		font-size: 12px;
		line-height: 18px;
		margin: 5px 0 20px
	}

	.join_haier p br {
		display: block
	}

	.join_haier a {
		width: 200px;
		height: 40px;
		font-size: 14px;
		line-height: 35px
	}
}

.shedder .development ol::-webkit-scrollbar {
	display: block
}

.shedder .customer_care ul li .innner_box img {
	display: block
}

.js_tab_link_item>.sd_textbox {
	display: block !important
}

body .js_banner_animate .txt {
	padding-top: 40px;
	opacity: 0
}

body .js_banner_animate ul li .content {
	opacity: 0
}

body .js_haier_global_animate h3 {
	opacity: 0;
	left: -30px
}

body .js_haier_global_animate p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_haier_global_animate ul li .content {
	opacity: 0;
	position: relative;
	bottom: -50px
}

body .js_live_haier_animate>h3 {
	opacity: 0;
	left: -30px
}

body .js_live_haier_animate>p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_customer_care_animate>h3 {
	opacity: 0;
	left: -30px
}

body .js_customer_care_animate>p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_customer_care_animate ul {
	opacity: 0;
	position: relative;
	left: -moz-calc(335px - 50vw);
	left: calc(335px - 50vw)
}

body .js_customer_care_animate ul li {
	display: none;
	left: -55px
}

@media (max-width:700px) {
	body .js_customer_care_animate ul li {
		top: -30px;
		left: 0
	}
}

body .js_customer_care_animate ul li:nth-child(1) {
	left: 0;
	display: inline-block
}

@media (max-width:700px) {
	body .js_customer_care_animate ul li:nth-child(1) {
		top: 0
	}
}

body .js_customer_care_animate ul li:nth-child(2) {
	display: inline-block;
	opacity: 0;
	left: 0;
	z-index: 6
}

@media (max-width:700px) {
	body .js_customer_care_animate ul li:nth-child(2) {
		top: 0
	}
}

body .js_customer_care_animate ul li:nth-child(3) {
	z-index: 5
}

body .js_customer_care_animate ul li:nth-child(4) {
	z-index: 4
}

body .js_customer_care_animate ul li:nth-child(5) {
	z-index: 3
}

body .js_customer_care_animate ul li:nth-child(6) {
	z-index: 2
}

body .js_customer_care_animate ul li:nth-child(7) {
	z-index: 1
}

body .js_guest_animate {
	opacity: 0
}

body .js_guest_animate h3 {
	position: relative;
	left: -30px
}

body .js_guest_animate p {
	left: 30px;
	position: relative
}

body .js_guest_animate .swiper-slide {
	position: relative
}

body .js_guest_animate .swiper-slide-active {
	z-index: 100
}

body .js_latest_news_animate>h3 {
	opacity: 0;
	left: -30px
}

body .js_latest_news_animate>p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_latest_news_animate .latest_news_pc {
	opacity: 0
}

body .js_latest_news_animate .latest_news_pc .left .item:nth-child(2) {
	position: relative;
	bottom: -20px
}

body .js_latest_news_animate .latest_news_pc .right .item:nth-child(2) {
	position: relative;
	bottom: -20px
}

body .js_latest_news_animate .latest_news_pc .left .item:nth-child(3) {
	position: relative;
	bottom: -40px
}

body .js_latest_news_animate .latest_news_pc .right .item:nth-child(3) {
	position: relative;
	bottom: -40px
}

body .js_latest_news_animate .latest-swiper {
	opacity: 0
}

body .js_latest_news_animate .latest-swiper img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

body .js_development_animate>h3 {
	opacity: 0;
	left: -30px
}

body .js_development_animate>p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_development_animate ol {
	opacity: 0
}

body .js_development_animate ul {
	opacity: 0;
	bottom: -30px;
	position: relative
}

body .js_development_animate ul img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

body .js_development_animate ul .content {
	opacity: 0
}

body .js_join_haier_animate h3 {
	opacity: 0;
	left: -30px
}

body .js_join_haier_animate p {
	opacity: 0;
	left: 30px;
	position: relative
}

body .js_join_haier_animate img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.ie .guest .left>h3,
.ie .js_tab_link_item>h3 {
	background-image: none !important;
	color: #32beff !important
}

.ie .customer_care ul li:nth-child(2n) .cover_box {
	background: #32beff
}

.ie .customer_care ul li .cover_box {
	background: #005aab
}

.ie .live_haier .live-swiper .arrow {
	line-height: 52px
}

.ie9 .banner ul li .content .icon {
	display: inline-block;
	line-height: 118px
}

.ie9 .banner ul li .content .right {
	display: inline-block;
	width: -moz-calc(100% - 245px);
	width: calc(100% - 245px);
	position: relative
}

.ie9 .banner ul li .content .right p {
	text-align: left
}

.ie9 .banner ul li .content .right .arrow-next {
	position: absolute;
	right: 45px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ie9 .haier_global ul li {
	display: inline-block
}

.ie9 .customer_care ul li .cover_box h4 {
	height: 104px;
	display: inline-block
}

.ie9 .customer_care ul li .cover_box span {
	margin: 20px auto
}

.ie9 .customer_care ul li .innner_box .innner_box_txt h5 {
	margin-top: 50px
}

.ie9 .customer_care ul {
	white-space: nowrap
}

.ie9 .guest {
	font-size: 0
}

.ie9 .guest .left {
	display: inline-block
}

.ie9 .guest .right {
	display: inline-block
}

.ie9 .latest_news_pc {
	font-size: 0
}

.ie9 .latest_news_pc .left {
	display: inline-block
}

.ie9 .latest_news_pc .right {
	display: inline-block
}

.ie9 .latest_news .latest_news_pc .item {
	display: block;
	border: 1px solid #eee
}

.ie9 .latest_news .latest_news_pc .item .item_left {
	display: inline-block;
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px)
}

.ie9 .latest_news .latest_news_pc .item .img {
	display: inline-block;
	width: 200px
}

.ie9 .join_haier h3 {
	padding-top: 136px
}

.ie9 .join_haier a {
	margin-left: auto;
	margin-right: auto
}

.ie9 .normal_tab .fixed_tab .tab_list .tab_item.cur p:after {
	background: #005aab
}

.ie9 .live_haier .live-swiper .swiper-slide .description>div {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 30px
}

.ie9 .guest .left .more::after {
	background: #005aab
}