@charset "utf-8";
/* CSS Document */
.banner-prodbg {
	position:relative;
	overflow:hidden;
	height:235px;
	background:url(../home/bg_app_banner.jpg) center top no-repeat;
	background-size:auto 235px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
}
.banner-prod1 {
	position:absolute;
	top:65px;
	left:50px;
	animation: banner-prodl 1s;
	-moz-animation: banner-prodl 1s;
	-webkit-animation: banner-prodl 1s;
	-o-animation: banner-prodl 1s;
}
.banner-prod2 {
	position:absolute;
	top:0px;
	right:0px;
	animation: banner-prodt 1s;
	-moz-animation: banner-prodt 1s;
	-webkit-animation: banner-prodt 1s;
	-o-animation: banner-prodt 1s;
}
@keyframes banner-prodl {
	from {
		top:0px;
		opacity:0;
	} to {
		top:65px;
		opacity:1;
	}
}
@-moz-keyframes banner-prodl {
	from {
		top:120px;
		opacity:0;
	} to {
		top:65px;
		opacity:1;
	}
}
@-webkit-keyframes banner-prodl {
	from {
		top:120px;
		opacity:0;
	} to {
		top:65px;
		opacity:1;
	}
}
@-o-keyframes banner-prodl {
	from {
		top:120px;
		opacity:0;
	} to {
		top:65px;
		opacity:1;
	}
}
@keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:0px;
		opacity:1;
	}
}
@-moz-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:0px;
		opacity:1;
	}
}
@-webkit-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:0px;
		opacity:1;
	}
}
@-o-keyframes banner-prodt {
	from {
		right:-360px;
		opacity:0;
	} to {
		right:0px;
		opacity:1;
	}
}
.appType{
	width:100%;
	height:auto;
	background:#f5f5f5;
	margin:0 auto;
	padding:80px 0 55px;
}

.appTypeLine{
	width:57px;
	height:3px;
	background:#df0029;
	display:block;
	margin:6px auto 12px;
}

.appTypeTitle{
	width:1120px;
	height:auto;
	margin:0 auto;
}

.appTypeTitle h3{
	width:1120px;
	height:auto;
	line-height:140%;
	font-size:32px;
	color:#555;
	text-align:center;
	margin:0 auto;
}

.appTypeTitle h3 i{
	color:#df0027;
	font-style:normal;
}

.appTypeTitle p{
	width:1120px;
	height:auto;
	line-height:140%;
	font-size:16px;
	color:#a8a9aa;
	text-align:center;
	margin:0 auto;
}

.appTypeTitle p.appTypeSubTitleEn{
	width:1120px;
	height:auto;
	line-height:140%;
	font-size:16px;
	color:#A4A4A4;
	text-align:center;
	font-family:"Nexa Light";
	margin:0 auto;
}

ul.appTypeList{
	width:1120px;
	height:376px;
	margin:0 auto;
	list-style:none;
	overflow:hidden;
}

ul.appTypeList li{
	width:20%;
	height:369px;
	border-radius:3px 3px 3px 3px;
	list-style:none;
	display:inline-block;
	float:left;
	margin-right:2%;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}

ul.appTypeList li:nth-child(1){
	border-top:7px solid #FF9300;
	background:#fff url(../home/bg_app_type_no01.png) center 183px no-repeat;
}

ul.appTypeList li:nth-child(1).w400{
	border-top:7px solid #FF9300;
	background:#FF9300 url(../home/bg_app_type_no01_hover.png) center bottom no-repeat;
}

ul.appTypeList li:nth-child(1) .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon1.png) top center no-repeat;
	background-size:69px 69px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(1).w400 .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon1_hover.png) top center no-repeat;
	background-size:auto 73px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(2){
	border-top:7px solid #E0052D;
	background:#fff url(../home/bg_app_type_no02.png) center 183px no-repeat;
}

ul.appTypeList li:nth-child(2).w400{
	border-top:7px solid #E0052D;
	background:#E0052D url(../home/bg_app_type_no02_hover.png) center bottom no-repeat;
}

ul.appTypeList li:nth-child(2) .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon2.png) top center no-repeat;
	background-size:69px 69px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(2).w400 .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon2_hover.png) top center no-repeat;
	background-size:auto 73px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(3){
	border-top:7px solid #05A8AF;
	background:#fff url(../home/bg_app_type_no03.png) center 183px no-repeat;
	margin-right:0;
}

ul.appTypeList li:nth-child(3).w400{
	border-top:7px solid #05A8AF;
	background:#05A8AF url(../home/bg_app_type_no03_hover.png) center bottom no-repeat;
}

ul.appTypeList li:nth-child(3) .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon3.png) top center no-repeat;
	background-size:69px 69px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(3).w400 .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon3_hover.png) top center no-repeat;
	background-size:auto 73px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(4){
	border-top:7px solid #3E2C87;
	background:#fff url(../home/bg_app_type_no04.png) center 183px no-repeat;
	margin-right:0;
	float:right;
}

ul.appTypeList li:nth-child(4).w400{
	border-top:7px solid #3E2C87;
	background:#3E2C87 url(../home/bg_app_type_no04_hover.png) center bottom no-repeat;
	margin-right:0;
}

ul.appTypeList li:nth-child(4) .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon4.png) top center no-repeat;
	background-size:69px 69px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li:nth-child(4).w400 .appTypeLiImg{
	width:100%;
	height:73px;
	background:url(../home/app_type_icon4_hover.png) top center no-repeat;
	background-size:auto 73px;
	display:block;
	margin:65px auto 0;
}

ul.appTypeList li.w400{
	width:34%;
}

ul.appTypeList li .appTypeLiTitle{
	width:100%;
	height:35px;
	line-height:35px;
	font-size:18px;
	color:#5B5B5B;
	text-align:center;
	display:block;
	margin:66px auto 0;
}

ul.appTypeList li.w400 .appTypeLiTitle{
	color:#fff;
	margin:35px auto 0;
}

ul.appTypeList li .appTypeLiLine{
	width:50px;
	height:4px;
	background:#fff;
	margin:115px auto 0;
}

ul.appTypeList li.w400 .appTypeLiLine{
	margin:15px auto 0;
}

ul.appTypeList li .appTypeLiContent{
	width:90%;
	height:auto;
	line-height:25px;
	font-size:16px;
	color:#fff;
	text-align:center;
	display:block;
	margin:115px auto 0;
	padding:0 2%;
}

ul.appTypeList li.w400 .appTypeLiContent{
	margin:24px auto 0;
}

.appTypeMenu{
	width:306px;
	height:auto;
	margin:44px auto 0;
}

.appTypeMenu a.fL{
	width:132px;
	height:39px;
	line-height:39px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#FF9300;
	display:block;
}

.appTypeMenu a.fL:hover{
	width:132px;
	height:39px;
	line-height:39px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#FBBA62;
	display:block;
	transition:ease-in-out 0.5s;
}

.appTypeMenu a.fR{
	width:132px;
	height:39px;
	line-height:39px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#DF0029;
	display:block;
}

.appTypeMenu a.fR:hover{
	width:132px;
	height:39px;
	line-height:39px;
	font-size:16px;
	color:#fff;
	text-align:center;
	background:#E8627B;
	display:block;
	transition:ease-in-out 0.5s;
}

.appTech{
	width:1120px;
	height:auto;
	margin:0 auto;
	padding:67px 0 0 0;
}

.appTechMain{
	width:1120px;
	height:516px;
	background:url(../home/bg_app_tech.jpg) 65px top no-repeat;
	background-size:auto 440px;
	margin:0 auto;
}

.appTechMain ul{
	width:1120px;
	height:440px;
	margin:0 auto;
}

.appTechMain ul li{
	width:210px;
	height:auto;
	display:inline-block;
	float:left;
	cursor:pointer;
}

.appTechMain ul li:nth-child(1){
	margin-left:70px;
	margin-top:35px
}

.appTechMain ul li:nth-child(2){
	margin-left:30px;
	margin-top:130px;
}

.appTechMain ul li:nth-child(3){
	margin-left:30px;
	margin-top:0px;
	margin-bottom:auto;
}

.appTechMain ul li:nth-child(4){
	margin-left:10px;
	margin-top:130px;
	margin-bottom:auto;
}

.appTechMain ul li .appTechLiIcon{
	width:106px;
	height:106px;
	border-radius:3px 3px 3px 3px;
	display:block;
	margin:50px auto 0;
}

.appTechMain ul li:hover .appTechLiIcon{
	border-radius:50%;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li .appTechLiIcon img{
	max-width:106px;
	max-height:106px;
}

.appTechMain ul li:nth-child(1) .appTechLiIcon{
	background:#AFCB30 url(../home/app_tech_icon1.png) center center no-repeat;
}

.appTechMain ul li:nth-child(2) .appTechLiIcon{
	background:#679BF1 url(../home/app_tech_icon2.png) center center no-repeat;
}

.appTechMain ul li:nth-child(3) .appTechLiIcon{
	background:#DF5589 url(../home/app_tech_icon3.png) center center no-repeat;
}

.appTechMain ul li:nth-child(4) .appTechLiIcon{
	background:#2FBFD9 url(../home/app_tech_icon4.png) center center no-repeat;
}

.appTechMain ul li .appTechLiTitle{
	width:210px;
	height:auto;
	line-height:140%;
	font-size:16px;
	color:#5B5B5B;
	font-weight:bold;
	text-align:center;
	margin:65px auto 0;
}

.appTechMain ul li .appTechLiTitle em{
	width:auto;
	height:auto;
	line-height:140%;
	font-size:12px;
	color:#5B5B5B;
	font-weight:normal;
	display:inline-block;
	margin-left:5px;
}

.appTechMain ul li .appTechLiContent{
	width:210px;
	height:auto;
	line-height:140%;
	font-size:14px;
	color:#5B5B5B;
	text-align:center;
	margin:10px auto 0;
}

.appTechMain ul li:nth-child(1):hover .appTechLiTitle{
	color:#AFCB30;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(1):hover .appTechLiTitle em{
	color:#AFCB30;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(1):hover .appTechLiContent{
	color:#AFCB30;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(2):hover .appTechLiTitle{
	color:#679BF1;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(2):hover .appTechLiTitle em{
	color:#679BF1;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(2):hover .appTechLiContent{
	color:#679BF1;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(3):hover .appTechLiTitle{
	color:#DF5589;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(3):hover .appTechLiTitle em{
	color:#DF5589;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(3):hover .appTechLiContent{
	color:#DF5589;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(4):hover .appTechLiTitle{
	color:#2FBFD9;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(4):hover .appTechLiTitle em{
	color:#2FBFD9;
	transition:ease-in-out 0.5s;
}

.appTechMain ul li:nth-child(4):hover .appTechLiContent{
	color:#2FBFD9;
	transition:ease-in-out 0.5s;
}

.appSolution{
	width:100%;
	height:661px;
	background:url(../home/bg_app_solution.jpg) center center no-repeat;
	background-size:auto 661px;
	margin:0 auto;
	padding:0;
}

.appSolutionBox{
	width:1120px;
	height:661px;
	margin:0 auto;
	padding-top:65px;
}

.appSolution .appSolutionBox .appTypeTitle h3{
	color:#fff;
}

ul.appSolutionMain{
	width:1120px;
	height:373px;
	background:url(../home/bg_app_solution_line_down.png) center 283px no-repeat;
	margin:60px auto 0;
	list-style:none;
}

ul.appSolutionMain li{
	width:240px;
	height:373px;
	list-style:none;
	display:inline-block;
	float:left;
}

ul.appSolutionMain li:nth-child(1){
	margin-left:30px;
	margin-bottom:auto;
}
ul.appSolutionMain li:nth-child(2){
	margin-left:33px;
	margin-bottom:auto;
}
ul.appSolutionMain li:nth-child(3){
	margin-left:44px;
	margin-bottom:auto;
}
ul.appSolutionMain li:nth-child(4){
	margin-left:40px;
	margin-bottom:auto;
}

.appSolutionLiImg{
	width:240px;
	height:120px;
	display:block;
	margin:0 auto;
}

.appSolutionLiImg img{
	max-width:240px;
	max-height:120px;
	display:block;
	margin:0 auto;
}

.appSolutionLiTitle{
	width:240px;
	height:28px;
	line-height:28px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0 auto;
	overflow:hidden;
}

.appSolutionLiContent{
	width:240px;
	height:110px;
	line-height:22px;
	font-size:14px;
	color:#fff;
	text-align:center;
	display:block;
	margin:15px auto 0;
	overflow:hidden;
	position:relative;
}

.appSolutionLiContent p{
	width:240px;
	height:110px;
	line-height:22px;
	font-size:14px;
	color:#fff;
	text-align:center;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0;
	right:0;
	animation:appsolutionlicontent 2s;
	-moz-animation:appsolutionlicontent 2s;
	-webkit-animation:appsolutionlicontent 2s;
	-o-animation:appsolutionlicontent 2s;
}

@keyframes appsolutionlicontent {
	from {
		top:120px;
		opacity:0;
	} to {
		top:0;
		opacity:1;
	}
}
@-moz-keyframes appsolutionlicontent {
	from {
		top:120px;
		opacity:0;
	} to {
		top:0;
		opacity:1;
	}
}
@-webkit-keyframes appsolutionlicontent {
	from {
		top:120px;
		opacity:0;
	} to {
		top:0;
		opacity:1;
	}
}
@-o-keyframes appsolutionlicontent {
	from {
		top:120px;
		opacity:0;
	} to {
		top:0;
		opacity:1;
	}
}


.appSolutionLiUse{
	width:216px;
	height:41px;
	line-height:20px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
	margin:56px auto 0;
	padding:10px;
	overflow:hidden;
}

/*products classic case*/
.productsClassicCaseMain { width:100%; height:auto; background:#f5f5f5; }
.productsClassicCase { width:1120px; height:auto; margin:0 auto; padding:67px 0 0; }
	.productsClassicCase h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:##333; text-align:center; margin:0 auto; }
	.productsClassicCase .line { width:1120px; height:5px; background:url(../home/bg_products_line.png) no-repeat; margin:11px 0; }
	.productsClassicCase .subTit { width:1120px; height:24px; line-height:24px; font-size:17px; color:#858585; text-align:center; margin:0 0 54px; }

	.productsClassicCaseList { width:1210px; height:216px; margin:0 auto; padding:0 0 73px; }

	.tab-T-3 { width:104px; height:26px; margin:33px auto 0; }
		.tab-T-3 li { width:16px; height:16px; font-size:0; border-radius:50%; background:#d7d7d7; float:left; margin:0 5px; cursor:pointer; display:inline; }
			.tab-T-3 li.cur { background:#df0029; }

	.count li { width:278px; height:168px; display:inline-block; float:left; }
		.count li img { width:267px; height:168px; margin:0 11px 0 0; }

	.leftBtn { width:49px; text-align:left; margin:57px 0 0; cursor:pointer; }
	.rightBtn { width:49px; text-align:right; margin:57px 0 0; cursor:pointer; }



@media screen and (max-width: 767px) {
	.banner-prodbg {
		position:relative;
		overflow:hidden;
		height:235px;
		background:url(../home/bg_app_banner.jpg) center top no-repeat;
		background-size:auto 235px;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216EB2', endColorstr='#3FBFE9',GradientType=0);
	}
	.banner-prod1 {
		position:absolute;
		top:65px;
		left:50px;
		animation: banner-prodl 1s;
		-moz-animation: banner-prodl 1s;
		-webkit-animation: banner-prodl 1s;
		-o-animation: banner-prodl 1s;
	}
	.banner-prod2 {
		position:absolute;
		top:0px;
		right:0px;
		animation: banner-prodt 1s;
		-moz-animation: banner-prodt 1s;
		-webkit-animation: banner-prodt 1s;
		-o-animation: banner-prodt 1s;
	}
	@keyframes banner-prodl {
		from {
			top:0px;
			opacity:0;
		} to {
			top:65px;
			opacity:1;
		}
	}
	@-moz-keyframes banner-prodl {
		from {
			top:120px;
			opacity:0;
		} to {
			top:65px;
			opacity:1;
		}
	}
	@-webkit-keyframes banner-prodl {
		from {
			top:120px;
			opacity:0;
		} to {
			top:65px;
			opacity:1;
		}
	}
	@-o-keyframes banner-prodl {
		from {
			top:120px;
			opacity:0;
		} to {
			top:65px;
			opacity:1;
		}
	}
	@keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:0px;
			opacity:1;
		}
	}
	@-moz-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:0px;
			opacity:1;
		}
	}
	@-webkit-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:0px;
			opacity:1;
		}
	}
	@-o-keyframes banner-prodt {
		from {
			right:-360px;
			opacity:0;
		} to {
			right:0px;
			opacity:1;
		}
	}
	.appType{
		width:96%;
		height:auto;
		background:#f5f5f5;
		margin:0 auto;
		padding:60px 2% 55px;
	}
	
	.appTypeLine{
		width:57px;
		height:3px;
		background:#df0029;
		display:block;
		margin:6px auto 12px;
	}
	
	.appTypeTitle{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	.appTypeTitle h3{
		width:100%;
		height:auto;
		line-height:140%;
		font-size:32px;
		color:#555;
		text-align:center;
		margin:0 auto;
	}
	
	.appTypeTitle h3 i{
		color:#df0027;
		font-style:normal;
	}
	
	.appTypeTitle p{
		width:100%;
		height:auto;
		line-height:140%;
		font-size:16px;
		color:#a8a9aa;
		text-align:center;
		margin:0 auto;
	}
	
	.appTypeTitle p.appTypeSubTitleEn{
		width:100%;
		height:auto;
		line-height:140%;
		font-size:16px;
		color:#A4A4A4;
		text-align:center;
		font-family:"Nexa Light";
		margin:0 auto;
	}
	
	ul.appTypeList{
		width:100%;
		height:auto;
		margin:80px auto 0;
		list-style:none;
		overflow:hidden;
	}
	
	ul.appTypeList li{
		width:20%;
		height:369px;
		border-radius:3px 3px 3px 3px;
		list-style:none;
		display:inline-block;
		float:left;
		margin-right:2%;
		position:relative;
		cursor:pointer;
		overflow:hidden;
	}
	
	ul.appTypeList li:nth-child(1){
		border-top:7px solid #FF9300;
		background:#fff url(../home/bg_app_type_no01.png) center 183px no-repeat;
	}
	
	ul.appTypeList li:nth-child(1).w400{
		border-top:7px solid #FF9300;
		background:#FF9300 url(../home/bg_app_type_no01_hover.png) center bottom no-repeat;
	}
	
	ul.appTypeList li:nth-child(1) .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon1.png) top center no-repeat;
		background-size:69px 69px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(1).w400 .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon1_hover.png) top center no-repeat;
		background-size:auto 73px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(2){
		border-top:7px solid #E0052D;
		background:#fff url(../home/bg_app_type_no02.png) center 183px no-repeat;
	}
	
	ul.appTypeList li:nth-child(2).w400{
		border-top:7px solid #E0052D;
		background:#E0052D url(../home/bg_app_type_no02_hover.png) center bottom no-repeat;
	}
	
	ul.appTypeList li:nth-child(2) .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon2.png) top center no-repeat;
		background-size:69px 69px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(2).w400 .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon2_hover.png) top center no-repeat;
		background-size:auto 73px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(3){
		border-top:7px solid #05A8AF;
		background:#fff url(../home/bg_app_type_no03.png) center 183px no-repeat;
		margin-right:0;
	}
	
	ul.appTypeList li:nth-child(3).w400{
		border-top:7px solid #05A8AF;
		background:#05A8AF url(../home/bg_app_type_no03_hover.png) center bottom no-repeat;
	}
	
	ul.appTypeList li:nth-child(3) .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon3.png) top center no-repeat;
		background-size:69px 69px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(3).w400 .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon3_hover.png) top center no-repeat;
		background-size:auto 73px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(4){
		border-top:7px solid #3E2C87;
		background:#fff url(../home/bg_app_type_no04.png) center 183px no-repeat;
		margin-right:0;
		float:right;
	}
	
	ul.appTypeList li:nth-child(4).w400{
		border-top:7px solid #3E2C87;
		background:#3E2C87 url(../home/bg_app_type_no04_hover.png) center bottom no-repeat;
		margin-right:0;
	}
	
	ul.appTypeList li:nth-child(4) .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon4.png) top center no-repeat;
		background-size:69px 69px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li:nth-child(4).w400 .appTypeLiImg{
		width:100%;
		height:73px;
		background:url(../home/app_type_icon4_hover.png) top center no-repeat;
		background-size:auto 73px;
		display:block;
		margin:65px auto 0;
	}
	
	ul.appTypeList li.w400{
		width:34%;
	}

	ul.appTypeList li .appTypeLiTitle{
		width:100%;
		height:35px;
		line-height:35px;
		font-size:18px;
		color:#5B5B5B;
		text-align:center;
		display:block;
		margin:66px auto 0;
	}
	
	ul.appTypeList li.w400 .appTypeLiTitle{
		color:#fff;
		margin:35px auto 0;
	}
	
	ul.appTypeList li .appTypeLiLine{
		width:50px;
		height:4px;
		background:#fff;
		margin:115px auto 0;
	}
	
	ul.appTypeList li.w400 .appTypeLiLine{
		margin:15px auto 0;
	}
	
	ul.appTypeList li .appTypeLiContent{
		width:90%;
		height:auto;
		line-height:25px;
		font-size:16px;
		color:#fff;
		text-align:center;
		display:block;
		margin:115px auto 0;
		padding:0 2%;
	}
	
	ul.appTypeList li.w400 .appTypeLiContent{
		margin:24px auto 0;
	}
	
	.appTypeMenu{
		width:96%;
		height:auto;
		margin:44px auto 0;
	}
	
	.appTypeMenu a.fL{
		width:48%;
		height:60px;
		line-height:60px;
		font-size:24px;
		color:#fff;
		text-align:center;
		background:#FF9300;
		display:block;
	}
	
	.appTypeMenu a.fL:hover{
		width:48%;
		height:60px;
		line-height:60px;
		font-size:24px;
		color:#fff;
		text-align:center;
		background:#FBBA62;
		display:block;
		transition:ease-in-out 0.5s;
	}
	
	.appTypeMenu a.fR{
		width:48%;
		height:60px;
		line-height:60px;
		font-size:24px;
		color:#fff;
		text-align:center;
		background:#DF0029;
		display:block;
	}
	
	.appTypeMenu a.fR:hover{
		width:48%;
		height:60px;
		line-height:60px;
		font-size:24px;
		color:#fff;
		text-align:center;
		background:#E8627B;
		display:block;
		transition:ease-in-out 0.5s;
	}
	
	.appTech{
		width:96%;
		height:auto;
		margin:0 auto;
		padding:67px 2% 0;
	}
	
	.appTechMain{
		width:100%;
		height:auto;
		background:none;
		background-size:auto 440px;
		margin:0 auto;
	}
	
	.appTechMain ul{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	.appTechMain ul li{
		width:48%;
		height:auto;
		display:inline-block;
		float:left;
		cursor:pointer;
	}
	
	.appTechMain ul li:nth-child(1){
		margin-left:0;
		margin-top:0;
	}
	
	.appTechMain ul li:nth-child(2){
		margin-left:0;
		margin-top:0;
		float:right;
	}
	
	.appTechMain ul li:nth-child(3){
		margin-left:0;
		margin-top:0;
		margin-bottom:35px;
	}
	
	.appTechMain ul li:nth-child(4){
		margin-left:0;
		margin-top:0;
		float:right;
		margin-bottom:35px;
	}
	
	.appTechMain ul li .appTechLiIcon{
		width:60%;
		height:150px;
		border-radius:3px 3px 3px 3px;
		display:block;
		margin:35px auto 0;
	}
	
	.appTechMain ul li:hover .appTechLiIcon{
		border-radius:50%;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li .appTechLiIcon img{
		max-width:60%;
		max-height:150px;
	}
	
	.appTechMain ul li:nth-child(1) .appTechLiIcon{
		background:#AFCB30 url(../home/app_tech_icon1.png) center center no-repeat;
	}
	
	.appTechMain ul li:nth-child(2) .appTechLiIcon{
		background:#679BF1 url(../home/app_tech_icon2.png) center center no-repeat;
	}
	
	.appTechMain ul li:nth-child(3) .appTechLiIcon{
		background:#DF5589 url(../home/app_tech_icon3.png) center center no-repeat;
	}
	
	.appTechMain ul li:nth-child(4) .appTechLiIcon{
		background:#2FBFD9 url(../home/app_tech_icon4.png) center center no-repeat;
	}
	
	.appTechMain ul li .appTechLiTitle{
		width:90%;
		height:auto;
		line-height:140%;
		font-size:28px;
		color:#5B5B5B;
		font-weight:bold;
		text-align:center;
		margin:35px auto 0;
	}
	
	.appTechMain ul li .appTechLiTitle em{
		width:auto;
		height:auto;
		line-height:140%;
		font-size:20px;
		color:#5B5B5B;
		font-weight:normal;
		display:inline-block;
		margin-left:5px;
	}
	
	.appTechMain ul li .appTechLiContent{
		width:90%;
		height:90px;
		line-height:30px;
		font-size:24px;
		color:#5B5B5B;
		text-align:center;
		margin:10px auto 0;
		overflow:hidden;
	}
	
	.appTechMain ul li:nth-child(1):hover .appTechLiTitle{
		color:#AFCB30;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(1):hover .appTechLiTitle em{
		color:#AFCB30;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(1):hover .appTechLiContent{
		color:#AFCB30;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(2):hover .appTechLiTitle{
		color:#679BF1;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(2):hover .appTechLiTitle em{
		color:#679BF1;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(2):hover .appTechLiContent{
		color:#679BF1;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(3):hover .appTechLiTitle{
		color:#DF5589;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(3):hover .appTechLiTitle em{
		color:#DF5589;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(3):hover .appTechLiContent{
		color:#DF5589;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(4):hover .appTechLiTitle{
		color:#2FBFD9;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(4):hover .appTechLiTitle em{
		color:#2FBFD9;
		transition:ease-in-out 0.5s;
	}
	
	.appTechMain ul li:nth-child(4):hover .appTechLiContent{
		color:#2FBFD9;
		transition:ease-in-out 0.5s;
	}
	
	.appSolution{
		width:96%;
		height:auto;
		background:url(../home/bg_app_solution.jpg) center center no-repeat;
		background-size:auto 100%;
		margin:0 auto;
		padding:0 2%;
	}
	
	.appSolutionBox{
		width:100%;
		height:auto;
		margin:0 auto;
		padding-top:65px;
	}
	
	.appSolution .appSolutionBox .appTypeTitle h3{
		color:#fff;
	}
	
	ul.appSolutionMain{
		width:100%;
		height:auto;
		background:none;
		margin:60px auto 0;
		list-style:none;
	}
	
	ul.appSolutionMain li{
		width:48%;
		height:373px;
		list-style:none;
		display:inline-block;
		float:left;
	}
	
	ul.appSolutionMain li:nth-child(1){
		margin-left:0;
		margin-bottom:25px;
	}
	ul.appSolutionMain li:nth-child(2){
		margin-left:0;
		margin-bottom:25px;
		float:right;
	}
	ul.appSolutionMain li:nth-child(3){
		margin-left:0;
		margin-bottom:25px;
	}
	ul.appSolutionMain li:nth-child(4){
		margin-left:0;
		float:right;
		margin-bottom:25px;
	}
	
	.appSolutionLiImg{
		width:60%;
		height:120px;
		display:block;
		margin:0 auto;
	}
	
	.appSolutionLiImg img{
		max-width:100%;
		max-height:120px;
		display:block;
		margin:0 auto;
	}
	
	.appSolutionLiTitle{
		width:100%;
		height:28px;
		line-height:28px;
		font-size:24px;
		color:#fff;
		font-weight:bold;
		text-align:center;
		display:block;
		margin:15px auto 0;
		overflow:hidden;
	}
	
	.appSolutionLiContent{
		width:100%;
		height:90px;
		line-height:30px;
		font-size:20px;
		color:#fff;
		text-align:center;
		display:block;
		margin:15px auto 0;
		overflow:hidden;
		position:relative;
	}
	
	.appSolutionLiContent p{
		width:100%;
		height:90px;
		line-height:30px;
		font-size:20px;
		color:#fff;
		text-align:center;
		display:block;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:0;
		right:0;
		animation:appsolutionlicontent 2s;
		-moz-animation:appsolutionlicontent 2s;
		-webkit-animation:appsolutionlicontent 2s;
		-o-animation:appsolutionlicontent 2s;
	}
	
	@keyframes appsolutionlicontent {
		from {
			top:120px;
			opacity:0;
		} to {
			top:0;
			opacity:1;
		}
	}
	@-moz-keyframes appsolutionlicontent {
		from {
			top:120px;
			opacity:0;
		} to {
			top:0;
			opacity:1;
		}
	}
	@-webkit-keyframes appsolutionlicontent {
		from {
			top:120px;
			opacity:0;
		} to {
			top:0;
			opacity:1;
		}
	}
	@-o-keyframes appsolutionlicontent {
		from {
			top:120px;
			opacity:0;
		} to {
			top:0;
			opacity:1;
		}
	}

	.appSolutionLiUse{
		width:90%;
		height:60px;
		line-height:30px;
		font-size:24px;
		color:#fff;
		text-align:center;
		border:1px solid #fff;
		margin:15px auto 0;
		padding:10px;
		overflow:hidden;
	}
	
	/*products classic case*/
	.productsClassicCaseMain { width:100%; height:auto; background:#f5f5f5; }
	.productsClassicCase { width:768px; height:auto; margin:0 auto; padding:67px 0 0; }
		.productsClassicCase h3 { width:100%; height:42px; line-height:42px; font-size:33px; color:##333; text-align:center; margin:0 auto; }
		.productsClassicCase .line { width:100%; height:5px; background:url(../home/bg_products_line.png) center bottom no-repeat; margin:11px 0; }
		.productsClassicCase .subTit { width:100%; height:30px; line-height:30px; font-size:20px; color:#858585; text-align:center; margin:0 0 20px; }

		.productsClassicCaseList { width:100%; height:auto; margin:0 auto; padding:0 0 20px; }

		.tab-T-3 { width:104px; height:26px; margin:33px auto 0; }
			.tab-T-3 li { width:16px; height:16px; font-size:0; border-radius:50%; background:#d7d7d7; float:left; margin:0 5px; cursor:pointer; display:inline; }
				.tab-T-3 li.cur { background:#df0029; }

		.count li { width:190px; height:126px; display:inline-block; float:left; }
			.count li img { width:190px; height:126px; margin:0 0 0 0; }

		.leftBtn { width:49px; text-align:left; margin:57px 0 0; cursor:pointer; display:none; }
		.rightBtn { width:49px; text-align:right; margin:57px 0 0; cursor:pointer; display:none; }
}