@charset "utf-8";
/* CSS Document */

/*update20181207*/
.banner-casebg{
	width:100%;
	height:235px;
	background:url(../home/bg_case.jpg) center top no-repeat;
	background-size:auto 100%;
}

	.banner-casemain{
		width:1120px;
		height:235px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}

	.banner-caseleft { position:absolute; top:47px; left:261px; animation: bannercaseleft 1s; -moz-animation: bannercaseleft 1s; -webkit-animation: bannercaseleft 1s; -o-animation: bannercaseleft 1s; }
	.banner-caseright { position:absolute; top:81px; right:215px; animation: bannercaseright 1s; -moz-animation: bannercaseright 1s; -webkit-animation: bannercaseright 1s; -o-animation: bannercaseright 1s; }
	@keyframes bannercaseleft{
		from{
			top:47px;
			left:-261px;
			opacity:0;
		}to{
			top:47px;
			left:261px;
			opacity:1;
		}
	}
	@-moz-keyframes bannercaseleft{
		from{
			top:47px;
			left:-261px;
			opacity:0;
		}to{
			top:47px;
			left:261px;
			opacity:1;
		}
	}
	@-webkit-keyframes bannercaseleft{
		from{
			top:47px;
			left:-261px;
			opacity:0;
		}to{
			top:47px;
			left:261px;
			opacity:1;
		}
	}
	@-o-keyframes bannercaseleft{
		from{
			top:47px;
			left:-261px;
			opacity:0;
		}to{
			top:47px;
			left:261px;
			opacity:1;
		}
	}
	@keyframes bannercaseright{
		from{
			top:81px;
			right:-215px;
			opacity:0;
		}to{
			top:81px;
			right:215px;
			opacity:1;
		}
	}
	@-moz-keyframes bannercaseright{
		from{
			top:81px;
			right:-215px;
			opacity:0;
		}to{
			top:81px;
			right:215px;
			opacity:1;
		}
	}
	@-webkit-keyframes bannercaseright{
		from{
			top:81px;
			right:-215px;
			opacity:0;
		}to{
			top:81px;
			right:215px;
			opacity:1;
		}
	}
	@-o-keyframes bannercaseright{
		from{
			top:81px;
			right:-215px;
			opacity:0;
		}to{
			top:81px;
			right:215px;
			opacity:1;
		}
	}
	/*update20181207*/

	.solutionSc1{
		width:100%;
		height:590px;
		background:#f5f5f5;
		padding-top:25px;
	}

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

	.solutionTitle{
		width:1120px;
		height:auto;
		text-align:center;
		margin:0 auto;
	}

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

	.solutionTitle h2 i{
		color:#df0027;
		font-style:normal;
	}

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

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

	ul.solutionSc1List{
		width:1120px;
		height:312px;
		margin:67px auto 0;
		list-style:none;

		padding-top:10px;
	}

	ul.solutionSc1List li{
		width:215px;
		height:312px;
		display:inline-block;
		float:left;
		margin-right:11px;
		list-style:none;
	}

	ul.solutionSc1List li:nth-child(5){
		margin-right:0;
	}

	ul.solutionSc1List li .solutionSc1LiTitle{
		width:215px;
		height:54px;
		line-height:54px;
		font-size:22px;
		color:#fff;
		text-align:center;
		border-radius:10px 10px 0 0;
		box-shadow:-2px -2px 26px #ccc;
	}

	ul.solutionSc1List li:nth-child(1) .solutionSc1LiTitle{
		background:#FF9300;
	}
	ul.solutionSc1List li:nth-child(2) .solutionSc1LiTitle{
		background:#00A5AD;
	}
	ul.solutionSc1List li:nth-child(3) .solutionSc1LiTitle{
		background:#DF0029;
	}
	ul.solutionSc1List li:nth-child(4) .solutionSc1LiTitle{
		background:#392785;
	}
	ul.solutionSc1List li:nth-child(5) .solutionSc1LiTitle{
		background:#B5D35D;
	}

	ul.solutionSc1List li .solutionSc1LiContent{
		width:183px;
		height:140px;
		background:#fff;
		padding:95px 16px 23px;
		overflow:hidden;
		box-shadow:0 0 13px #ccc;
	}

	ul.solutionSc1List li .solutionSc1LiContent span{
		width:183px;
		height:140px;
		line-height:28px;
		font-size:16px;
		color:#5b5b5b;
		background:#fff;
		display:block;
		overflow:hidden;
		margin-top:140px;
	}
	ul.solutionSc1List li .solutionSc1LiContent span.dynamicLoad{
		animation:solutionsc1licontent 1.2s ease-in-out 0s both;
		-moz-animation:solutionsc1licontent 1.2s ease-in-out 0s both;
		-webkit-animation:solutionsc1licontent 1.2s ease-in-out 0s both;
		-o-animation:solutionsc1licontent 1.2s ease-in-out 0s both;
	}

	@keyframes solutionsc1licontent{
		0%{margin-top:140px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-moz-keyframes solutionsc1licontent{
		0%{margin-top:140px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-webkit-keyframes solutionsc1licontent{
		0%{margin-top:140px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-o-keyframes solutionsc1licontent{
		0%{margin-top:140px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	ul.solutionSc1List li:nth-child(1) .solutionSc1LiContent{
		background:#fff url(../home/solution_sc1_icon1.png) center 28px no-repeat;
	}
	ul.solutionSc1List li:nth-child(2) .solutionSc1LiContent{
		background:#fff url(../home/solution_sc1_icon2.png) center 28px no-repeat;
	}
	ul.solutionSc1List li:nth-child(3) .solutionSc1LiContent{
		background:#fff url(../home/solution_sc1_icon3.png) center 28px no-repeat;
	}
	ul.solutionSc1List li:nth-child(4) .solutionSc1LiContent{
		background:#fff url(../home/solution_sc1_icon4.png) center 28px no-repeat;
	}
	ul.solutionSc1List li:nth-child(5) .solutionSc1LiContent{
		background:#fff url(../home/solution_sc1_icon5.png) center 28px no-repeat;
	}

	.solutionSc2{
		width:1120px;
		height:512px;
		padding-top:55px;
		background:url(../home/solution_sc2_bg.png) center 202px no-repeat;
		margin:0 auto;
	}

	ul.solutionSc2List{
		width:1120px;
		height:311px;
		margin:35px auto 0;
		list-style:none;
		position:relative;
	}

	ul.solutionSc2List li{
		width:362px;
		height:90px;
		display:inline-block;
		list-style:none;
		overflow:hidden;
	}

	ul.solutionSc2List li dl{
		width:362px;
		height:90px;
		margin-top:90px;
	}

	ul.solutionSc2List li dl.dynamicLoad{
		animation:solutionsc2li 1.2s ease-in-out 0s both;
		-moz-animation:solutionsc2li 1.2s ease-in-out 0s both;
		-webkit-animation:solutionsc2li 1.2s ease-in-out 0s both;
		-o-animation:solutionsc2li 1.2s ease-in-out 0s both;
	}

	@keyframes solutionsc2li{
		0%{margin-top:90px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-moz-keyframes solutionsc2li{
		0%{margin-top:90px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-webkit-keyframes solutionsc2li{
		0%{margin-top:90px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-o-keyframes solutionsc2li{
		0%{margin-top:90px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	ul.solutionSc2List li dl dt{
		width:71px;
		height:auto;
		display:inline-block;
		float:left;
	}

	ul.solutionSc2List li dl dt img{
		width:71px;
		height:auto;
	}

	ul.solutionSc2List li dl dd{
		width:274px;
		max-height:90px;
		line-height:30px;
		font-size:18px;
		color:#5B5B5B;
		display:inline-block;
		float:right;
		overflow:hidden;
	}

	ul.solutionSc2List li:nth-child(1){
		position:absolute;
		left:20px;
		bottom:210px;
	}
	ul.solutionSc2List li:nth-child(2){
		position:absolute;
		right:15px;
		bottom:210px;
	}
	ul.solutionSc2List li:nth-child(3){
		position:absolute;
		left:40px;
		bottom:15px;
	}
	ul.solutionSc2List li:nth-child(4){
		position:absolute;
		right:50px;
		bottom:15px;
	}

	.solutionSc3{
		width:100%;
		height:540px;
		background:#f5f5f5;
		padding-top:55px;
	}

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

	ul.solutionSc3List{
		width:1120px;
		height:auto;
		list-style:none;
		margin-top:55px;
	}

	ul.solutionSc3List li{
		width:250px;
		height:338px;
		display:inline-block;
		float:left;
		margin-right:40px;
	}

	ul.solutionSc3List li:nth-child(4){
		margin-right:0;
	}

	ul.solutionSc3List li .solutionSc3LiImg{
		width:239px;
		height:207px;
		margin:0 auto;
	}

	ul.solutionSc3List li .solutionSc3LiImg img{
		width:239px;
		height:207px;
	}

	ul.solutionSc3List li h3{
		width:182px;
		height:32px;
		line-height:32px;
		font-size:21px;
		color:#555;
		margin:30px auto 0;
		padding-left:57px;
	}

	ul.solutionSc3List li p{
		width:239px;
		height:50px;
		line-height:25px;
		font-size:14px;
		color:#555;
		text-align:center;
		overflow:hidden;
		margin:11px auto 0;
	}

	.solutionSc4{
		width:1120px;
		height:695px;
		margin:0 auto;
		padding-top:55px;
	}

	ul.solution4List{
		width:1120px;
		height:548px;
		background:url(../home/solution_sc4_bg.png) center 53px no-repeat;
		margin:0 auto;
		list-style:none;
		position:relative;
	}

	ul.solution4List li{
		width:433px;
		height:auto;
		list-style:none;
		position:absolute;
	}

	ul.solution4List li dl{
		width:433px;
		height:auto;
		overflow:hidden;
	}

	ul.solution4List li:nth-child(1){
		left:0;
		top:135px;
	}

	ul.solution4List li:nth-child(2){
		right:0;
		top:50px;
	}

	ul.solution4List li:nth-child(3){
		left:0;
		top:330px;
	}

	ul.solution4List li:nth-child(4){
		right:0;
		top:230px;
	}

	ul.solution4List li:nth-child(5){
		right:0;
		top:430px;
	}

	ul.solution4List li dl dt{
		width:86px;
		height:86px;
		border-radius:50%;
	}

	ul.solution4List li:nth-child(1) dl dt{
		border:1px dashed #514193;
	}

	ul.solution4List li:nth-child(2) dl dt{
		border:1px dashed #B5D35D;
	}

	ul.solution4List li:nth-child(3) dl dt{
		border:1px dashed #3FB5AF;
	}

	ul.solution4List li:nth-child(4) dl dt{
		border:1px dashed #DF0029;
	}

	ul.solution4List li:nth-child(5) dl dt{
		border:1px dashed #FF9300;
	}

	ul.solution4List li dl dt img{
		width:74px;
		height:74px;
		margin:6px;
	}

	ul.solution4List li dl dd{
		width:304px;
		height:165px;
		overflow:hidden;
	}

	ul.solution4List li dl dd .solution4LiContent{
		width:304px;
		height:165px;
		margin-top:165px;
	}

	ul.solution4List li dl dd .dynamicLoad{
		animation:solution4licontent 1.2s ease-in-out 0s both;
		-moz-animation:solution4licontent 1.2s ease-in-out 0s both;
		-webkit-animation:solution4licontent 1.2s ease-in-out 0s both;
		-o-animation:solution4licontent 1.2s ease-in-out 0s both;
	}

	@keyframes solution4licontent{
		0%{margin-top:165px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-moz-keyframes solution4licontent{
		0%{margin-top:165px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-webkit-keyframes solution4licontent{
		0%{margin-top:165px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-o-keyframes solution4licontent{
		0%{margin-top:165px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	ul.solution4List li dl dd h3{
		max-width:304px;
		height:auto;
		line-height:180%;
		font-size:24px;
		color:#303030;
		display:inline-block;
	}

	ul.solution4List li:nth-child(1) dl dd h3{
		border-bottom:1px solid #514193;
	}
	ul.solution4List li:nth-child(2) dl dd h3{
		border-bottom:1px solid #B5D35D;
	}
	ul.solution4List li:nth-child(3) dl dd h3{
		border-bottom:1px solid #3FB5AF;
	}
	ul.solution4List li:nth-child(4) dl dd h3{
		border-bottom:1px solid #DF0029;
	}
	ul.solution4List li:nth-child(5) dl dd h3{
		border-bottom:1px solid #FF9300;
	}

	ul.solution4List li dl dd p{
		width:304px;
		height:auto;
		line-height:180%;
		font-size:16px;
		color:#5B5B5B;
		margin-top:17px;
	}

	.solutionSc5{
		width:100%;
		height:560px;
		background:url(../home/solution_sc5_bg.jpg) center top no-repeat;
		background-size:auto 100%;
		padding-top:55px;
	}

	.solutionWhiteTitle{
		width:1120px;
		height:auto;
		text-align:center;
		margin:0 auto;
	}

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

	.solutionWhiteTitle h2 i{
		color:#df0027;
		font-style:normal;
	}

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

	ul.solutionSc5List{
		width:1120px;
		height:323px;
		margin:54px auto 0;
	}

	ul.solutionSc5List li{
		width:194px;
		height:323px;
		border-radius:5px;
		background:#fff;
		display:inline-block;
		float:left;
		margin-right:114px;
	}

	ul.solutionSc5List li:nth-child(4){
		margin-right:0;
	}

	ul.solutionSc5List li .solutionSc5LiMain{
		width:176px;
		height:303px;
		border:1px dashed #bbb;
		border-radius:5px;
		margin:10px 8px;
	}
	ul.solutionSc5List li .solutionSc5LiImg{
		width:102px;
		height:102px;
		margin:35px auto 0;
	}
	ul.solutionSc5List li .solutionSc5LiImg img{
		width:102px;
		height:102px;
	}
	ul.solutionSc5List li .solutionSc5LiTitle{
		width:104px;
		height:32px;
		line-height:32px;
		font-size:24px;
		color:#656565;
		text-align:center;
		margin:35px auto 0;
	}
	ul.solutionSc5List li a.solutionSc5LiView{
		width:103px;
		height:34px;
		line-height:34px;
		font-size:16px;
		color:#949494;
		text-align:center;
		border:1px solid #bababa;
		display:block;
		margin:27px auto 0;
	}
	ul.solutionSc5List li:nth-child(1) a.solutionSc5LiView:hover{
		color:#fff;
		border:1px solid #FFD05B;
		background:#FFD05B;
		transition:ease-in-out 1.1s;
	}
	ul.solutionSc5List li:nth-child(2) a.solutionSc5LiView:hover{
		color:#fff;
		border:1px solid #90DFAA;
		background:#90DFAA;
		transition:ease-in-out 1.1s;
	}
	ul.solutionSc5List li:nth-child(3) a.solutionSc5LiView:hover{
		color:#fff;
		border:1px solid #84DBFF;
		background:#84DBFF;
		transition:ease-in-out 1.1s;
	}
	ul.solutionSc5List li:nth-child(4) a.solutionSc5LiView:hover{
		color:#fff;
		border:1px solid #FD8469;
		background:#FD8469;
		transition:ease-in-out 1.1s;
	}

	.solutionSc6{
		width:1120px;
		height:768px;
		margin:0 auto;
		padding-top:55px;
	}

	ul.solutionSc6List{
		width:1120px;
		height:auto;
		margin:60px auto 0;
		list-style:none;
	}

	ul.solutionSc6List li{
		width:547px;
		height:234px;
		border:1px solid #E0DFDF;
		border-radius:5px;
		display:inline-block;
		list-style:none;
		margin-bottom:40px;
		padding:22px;
	}

	ul.solutionSc6List li{
		width:503px;
		height:190px;
		border:1px solid #E0DFDF;
		border-radius:5px;
		display:inline-block;
		list-style:none;
		margin-bottom:40px;
		padding:22px;
	}

	ul.solutionSc6List li .solutionSc6LiQ{
		width:100%;
		height:68px;
		border-bottom:1px dashed #E1E1E2;
	}
	ul.solutionSc6List li .solutionSc6LiQ dl{
		width:100%;
		height:68px;
	}
	ul.solutionSc6List li .solutionSc6LiQ dl dt{
		width:52px;
		height:52px;
		line-height:52px;
		font-size:24px;
		color:#DF0029;
		text-align:center;
		border:1px solid #DF0029;
		border-radius:50%;
		display:inline-block;
		float:left;
		overflow:hidden;
	}
	ul.solutionSc6List li .solutionSc6LiQ dl dd{
		width:430px;
		height:52px;
		line-height:52px;
		font-size:18px;
		color:#4B4949;
		display:inline-block;
		float:right;
		overflow:hidden;
	}

	ul.solutionSc6List li a:hover .solutionSc6LiQ dl dd{
		color:#DF0029;
	}

	ul.solutionSc6List li .solutionSc6LiA{
		width:100%;
		height:100px;
		margin-top:16px;
		overflow:hidden;
	}

	ul.solutionSc6List li .solutionSc6LiA dl{
		width:100%;
		height:100px;
		margin-top:100px;
	}

	ul.solutionSc6List li .solutionSc6LiA dl.dynamicLoad{
		animation:solutionsc6lia 1.2s ease-in-out 0s both;
		-moz-animation:solutionsc6lia 1.2s ease-in-out 0s both;
		-webkit-animation:solutionsc6lia 1.2s ease-in-out 0s both;
		-o-animation:solutionsc6lia 1.2s ease-in-out 0s both;
	}

	@keyframes solutionsc6lia{
		0%{margin-top:100px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-moz-keyframes solutionsc6lia{
		0%{margin-top:100px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-webkit-keyframes solutionsc6lia{
		0%{margin-top:100px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	@-o-keyframes solutionsc6lia{
		0%{margin-top:100px;opacity:0.3;}
		100%{margin-top:0;opacity:1;}
	}

	ul.solutionSc6List li .solutionSc6LiA dl dt{
		width:52px;
		height:52px;
		line-height:52px;
		font-size:24px;
		color:#FF9300;
		text-align:center;
		border:1px solid #FF9300;
		border-radius:50%;
		display:inline-block;
		float:left;
		overflow:hidden;
	}
	ul.solutionSc6List li .solutionSc6LiA dl dd{
		width:430px;
		height:100px;
		line-height:25px;
		font-size:14px;
		color:#656565;
		display:inline-block;
		float:right;
		overflow:hidden;
	}
	ul.solutionSc6List li a:hover .solutionSc6LiA dl dd{
		color:#FF9300;
	}

	/*products classic case*/
	.productsClassicCaseMain { width:100%; height:auto; background:#f5f5f5; padding-top:55px; }
	.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:45px auto 0; 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; }

	.solutionQqServices{
		width:100%;
		height:156px;
		background:url(../home/solution_qqservices.jpg) center top no-repeat;
		background-size:auto 100%;
	}
	.solutionQqServicesMain{
		width:1120px;
		height:156px;
		text-align:center;
		margin:0 auto;
		padding-top:50px;
	}
	.solutionQqServicesMain dl{
		width:auto;
		height:106px;
		text-align:center;
		margin:0 auto;
	}
	.solutionQqServicesMain dl dt{
		width:auto;
		height:46px;
		line-height:46px;
		font-size:22px;
		color:#fff;
		display:inline-block;
		float:left;
		background:url(../home/solution_qqservices_tel.png) left center no-repeat;
		background-size:35px 35px;
		padding-left:50px;
	}
	.solutionQqServicesMain dl dt i{
		font-size:22px;
		font-style:normal;
		display:inline-block;
		float:left;
	}
	.solutionQqServicesMain dl dt em{
		font-size:46px;
		font-style:normal;
		display:inline-block;
		float:left;
		margin-left:10px;
	}
	.solutionQqServicesMain dl dd{
		display:inline-block;
		float:left;
		margin-left:100px;
	}
	.solutionQqServicesMain dl dd img{
		width:125px;
		height:35px;
		display:inline-block;
		margin:0 5px;
	}

@media screen and (max-width:1024px){
	.productMarketingLeft { width:667px; height:513px; top:0; left:50%; margin:0 0 0 -619px; }
	.productMarketingRight { width:950px; height:auto; text-align:right; margin:0 auto; padding:132px 0 0; }
	.productMarketingRight h3 { width:950px; height:42px; line-height:42px; font-size:33px; color:#545454; margin:0 auto 20px; }
	.productMarketingRight h3 span { color:#df0028; }
	.productMarketingRight p { width:950px; height:24px; line-height:24px; font-size:17px; color:#898989; margin:0 auto 13px; }
}

@media screen and (max-width: 767px) {
	html{
		width:768px;
		overflow-x:hidden;
	}
	body{
		min-width:768px;
		width:768px;
		overflow-x:hidden;
	}

	.top{
		display:none;
	}

	header{
		display:none;
	}

	.mobileMenuMain{
		width:96%;
		height:80px;
		margin:0 auto;
		display:block;
	}

	.mobileLogo{
		width:268px;
		height:80px;
		display:inline-block;
		float:left;
		position:relative;
		margin-left:2%;
	}

	.mobileLogo img{
		max-width:268px;
		max-height:80px;
		position:absolute;
		left:0;
		top:50%;
		-webkit-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		transform:translate(0,-50%);
	}

	.mobileMenuIcon{
		width:40px;
		height:40px;
		background:url(../home/mobile_header_menu.png) right center no-repeat;
		background-size:auto 30px;
		display:block;
		float:right;
		margin-top:20px;
		padding-right:2%;
	}

	.mobileMenuIconClose{
		width:40px;
		height:40px;
		background:url(../home/mobile_header_menu.png) right center no-repeat;
		background-size:auto 30px;
		display:block;
		float:right;
		margin-top:20px;
		padding-right:2%;
	}

	ul.mobileMenu{
		width:768px;
		height:auto;
		border-top:1px solid #ccc;
		background:#fff;
		display:none;
		position:absolute;
		top:80px;
		left:0;
		right:0;
		padding:15px 0;
		z-index:9999999;
		list-style:none;
	}

	ul.mobileMenu li{
		width:100%;
		height:auto;
		list-style:none;
	}

	ul.mobileMenu li .mobileFirstMenu{
		width:96%;
		height:80px;
		line-height:80px;
		font-size:28px;
		color:#333;
		font-weight:bold;
		border-bottom:1px solid #ccc;
		margin:0 auto;
	}

	ul.mobileMenu li .mobileSecondMenu{
		width:96%;
		height:auto;
		line-height:50px;
		font-size:24px;
		color:#333;
		border-bottom:1px solid #ccc;
		margin:0 auto;
	}

	ul.mobileMenu li .mobileSecondMenu a{
		width:33.333333%;
		height:50px;
		line-height:50px;
		font-size:24px;
		color:#333;
		text-align:center;
		display:inline-block;
		float:left;
	}

	.announcementMain { width:768px; height:80px; background:url(../home/bg_announcement.png) 10px center no-repeat; }
	.announcementMain li { width:728px; height:80px; line-height:80px; }
	.announcementMain li a { font-size:24px; }

	ul.business { width:742px; height:560px; margin:0 auto 20px; padding-right:26px; }
	ul.business li { width:344px; height:260px; margin-left:26px; margin-bottom:20px; }
	ul.business li:nth-child(2) { float:right; }
	ul.business li:nth-child(4) { float:right; }
	ul.business li .websiteBuildingBg { width:344px; }
	ul.business li:hover .websiteBuildingBg { width:344px; }

	ul.business li .E-commerceBg { width:344px; }
	ul.business li:hover .E-commerceBg { width:344px; }

	ul.business li h3 { width:344px; font-size:24px; }
	ul.business li:hover h3 { width:344px; font-size:24px;}

	ul.business li p { width:294px; }
	ul.business li:hover p { width:294px; }

	ul.business li .mobileSiteBg { width:344px; }
	ul.business li:hover .mobileSiteBg { width:344px; }

	ul.business li .websiteMarketingBg { width:344px; }
	ul.business li:hover .websiteMarketingBg { width:344px; height:1px; background:#afcb30; position:absolute; top:0; left:0; right:0; z-index:2; }

		ul.business li .websiteBuildingIco { width:79px; height:65px; position:absolute; top:72px; left:132px; z-index:3; overflow:hidden; }
		ul.business li:hover .websiteBuildingIco { width:79px; height:65px; position:absolute; top:72px; left:132px; z-index:3; overflow:hidden;}

		ul.business li .E-commerceIco { width:74px; height:76px; position:absolute; top:72px; left:135px; z-index:3; overflow:hidden; }
		ul.business li:hover .E-commerceIco { width:74px; height:76px; position:absolute; top:72px; left:135px; z-index:3; overflow:hidden; }

		ul.business li .mobileSiteIco { width:38px; height:73px; position:absolute; top:72px; left:153px; z-index:3; overflow:hidden; }
		ul.business li:hover .mobileSiteIco { width:38px; height:73px; position:absolute; top:72px; left:153px; z-index:3; overflow:hidden; }

		ul.business li .websiteMarketingIco { width:70px; height:70px; position:absolute; top:72px; left:137px; z-index:3; overflow:hidden; }
		ul.business li:hover .websiteMarketingIco { width:70px; height:70px; position:absolute; top:72px; left:137px; z-index:3; overflow:hidden; }

		ul.business li a { top:285px; left:125px; }
		ul.business li:hover a { top:285px; left:125px; }

			@keyframes businessa{
				0%{top:285px;}
				100%{top:214px;}
			}
			@-moz-keyframes businessa{
				0%{top:285px;}
				100%{top:214px;}
			}
			@-webkit-keyframes businessa{
				0%{top:285px;}
				100%{top:214px;}
			}
			@-o-keyframes businessa{
				0%{top:285px;}
				100%{top:214px;}
			}

	.cases { height:1200px; }
	.cases .casesMain { width:736px; height:1600px; margin-left:32px; }
	.cases .casesMain h3 { width:100%; height:37px; line-height:37px; font-size:29px; color:#000; text-align:center; padding:48px 0 38px; }

	.caseTitleMain { width:100%; text-align:center; margin:0 auto; display:block; padding-top:10px; }
	.casesTitle { width:100%; text-align:center; margin:10px auto 0; display:block; }

	.casesTitle a { font-size:24px; display:inline-block; margin:0 10px 10px; padding:10px; }
	.casesList { width:100%; height:auto; margin:40px auto 0; }
	.casesListImg { width:100%; height:auto; }

	.casesListImg a { display:inline-block; float:left; margin:0 30px 14px 0; overflow:hidden; position: relative; }

	.casesListImg a.casead-p1,.casesListImg a.casead-p1 img { width:336px; height:211px; }
	.casesListImg a.mr0 { margin:0 0 14px; }
	.casesListImg a.mr14 { margin:0 30px 14px 0; }

	.casesListImg a.casead-p2,.casesListImg a.casead-p4,.casesListImg a.casead-p2 img,.casesListImg a.casead-p4 img { width:336px; height:211px; }

	.casesListImg a.casead-p3,.casesListImg a.casead-p3 img { width:484px; height:237px; }
	.casesListImg a:nth-child(5){ width:336px; height:211px; }
	.casesListImg a:nth-child(7){ width:336px; height:211px; margin-top:-450px; margin-left:366px; }
	.casesListImg a:nth-child(5) img{ width:336px; height:211px; }
	.casesListImg a:nth-child(7) img{ width:336px; height:211px; }

	.casesListImg a:nth-child(6){ width:702px; height:211px; }
	.casesListImg a:nth-child(6) img{ width:702px; height:211px; }

	.casesMore { width:140px; height:27px; line-height:27px; background:url(../home/bg_cases_more.png) right center no-repeat; margin:32px auto 0; }
	.casesMore a { width:123px; height:27px; font-size:24px; color:#555; display:inline-block; }
	.casesMore a:hover { color:#df032b; }

	.choice { width:768px; }
	.choice h3 { font-size:26px; }
	.choice p { width:728px; font-size:26px; color:#666; margin:0 20px; line-height:1.8; }

	.choice dl { float:none; width:96%; margin:20px 2%; padding-left:137px; }
		.choice dl.choice1 { background:url('../home/choice1.png') no-repeat 30px center; }
		.choice dl.choice2 { background:url('../home/choice2.png') no-repeat 15px center; }
		.choice dl.choice3 { background:url('../home/choice3.png') no-repeat 15px center; }
		.choice dl.choice1:hover { background:url('../home/choice1.png') no-repeat 30px center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; transition:all 0.5s; cursor:pointer; }
		.choice dl.choice2:hover { background:url('../home/choice2.png') no-repeat 15px center; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; transition:all 0.5s; cursor:pointer;}
		.choice dl.choice3:hover { background:url('../home/choice3.png') no-repeat 15px center; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; transition:all 0.5s; cursor:pointer;}

		.choice dt { width:570px; margin:0; font-size:29px; text-align:left; color:#535353; }
		.choice dd { width:570px; font-size:17px; color:#868686; line-height:1.8; text-align:left; }

		.client { width:768px; height:auto; margin:0 auto; }
		.client .clientTitle { width:768px; height:32px; line-height:32px; font-size:17px; color:#555; text-align:center; background:url(../home/bg_client_title.jpg) center center repeat-x; margin:0 auto; }
		.client ul.clientList { width:768px; height:174px; margin:15px auto 0; }
		.client ul.clientList li { width:246px; height:82px; }

	.news { width:728px; height:667px; background:#f5f5f5; margin:30px auto 0; padding:0 20px; }
	.news .newsMain { width:728px; height:657px; margin:0 auto; }
	.news .newsMain h3 { width:728px; height:37px; line-height:37px; font-size:29px; color:#000; text-align:center; padding:25px 0 0; }
	.news .newsMain h3 span { font-size:21px; color:#c0c0c0; }
	.swiper-pagination1{ display:block; }

	.news .newsMain ul.newsList li { width:728px; }
	.news .newsMain ul.newsList li .newsListTitle { width:698px; font-size:24px; margin:22px 0 0 2px; }
	.news .newsMain ul.newsList li dl dd.newsTitle { max-height:30px; height:30px; line-height:30px; margin:0 0 9px; }
	.news .newsMain ul.newsList li dl dd a { font-size:24px; }
	.news .newsMain ul.newsList li dl dd.newsTitle a { font-size:26px; color:#535353; }

	.news .newsMain ul.newsList li ol { width:698px; height:340px; }
	.news .newsMain ul.newsList li ol li { width:698px; height:55px; line-height:55px; }
	.news .newsMain ul.newsList li ol li a { font-size:26px; }

	.news .newsMain ul.newsList li .newsListTitle span { width:100px; height:51px; line-height:51px; display:inline-block; float:left; }

	.news .newsMain ul.newsList li .newsListTitle em { width:80px; height:51px; line-height:51px; font-size:24px; color:#525252; text-align:center; display:inline-block; float:right; background:url(../home/bg_newslist_more.png) right center no-repeat; padding:0 17px 0 0; }
	.news .newsMain ul.newsList li .newsListTitle em a { width:80px; height:51px; font-size:24px; color:#525252; }

	.news .newsMain ul.newsList li dl { width:698px; height:84px; margin:16px 0 0; }
	.news .newsMain ul.newsList li dl dt { width:200px; height:114px; display:inline-block; float:left; margin:0 10px 0 0; }
	.news .newsMain ul.newsList li dl dt img { width:200px; height:114px; }
	.news .newsMain ul.newsList li dl dd { width:488px; height:60px; line-height:30px; display:inline-block; float:left; overflow:hidden; }

	.partners { width:768px; }
	.partners h3 { width:768px; padding:30px 0 0; }

	.partners ul { width:740px; height:180px; margin:0 auto; padding:0 0 0px; }
	.partners ul li { width:160px; height:90px; display:inline-block; float:left; margin:0 12px 0 13px; }
	.partners ul li img { width:160px; height:90px; overflow:hidden; }
	.mb32 { margin:0 0 32px; }

	.partnersMore { width:140px; height:27px; line-height:27px; background:url(../home/bg_cases_more.png) right center no-repeat; display:block; margin:32px auto 0; }
	.partnersMore a { width:123px; height:27px; font-size:24px; color:#555; display:inline-block; }
	.partnersMore a:hover { color:#df032b; }

	.footer .footerMain { width:708px; height:auto; margin:0 auto; padding:0 0 20px 0; }
	.footer .footerMain dl { width:127px; height:auto; display:inline-block; float:left; margin:37px 15px 0 0; }

	.footer .footerMain dl dt { height:39px; line-height:39px; }
	.footer .footerMain dl dt a { font-size:26px; color:#f4f4f4; }
	.footer .footerMain dl dt a:hover { color:#df032b; }
	.footer .footerMain dl dd { height:auto; line-height:26px; }
	.footer .footerMain dl dd a { font-size:26px; color:#888; }
	.footer .footerMain dl dd a:hover { color:#df032b; }

	.footer .footerMain dl.contactUs { width:708px; height:auto; border-left:none; border-top:1px solid #676767; padding:15px 0 0; }
	.footer .footerMain dl.contactUs dt { height:30px; line-height:30px; font-size:26px; color:#fff; }
	.footer .footerMain dl.contactUs dt span { font-size:26px; color:#898989; }
	.footer .footerMain dl.contactUs dt em { width:90px; display:inline-block; float:right; background:url(../home/bg.png) 43px -187px no-repeat; padding:0 17px 0 0; }
	.footer .footerMain dl.contactUs dt em a { width:64px; font-size:26px; color:#fff; display:inline-block; }
	.footer .footerMain dl.contactUs dt em a:hover { color:#ca7b1c; }

	.footer .footerMain dl.contactUs dd.tel1 { height:35px; line-height:35px; font-size:26px; color:#898989; background:url(../home/bg_telphone.png) 0 center no-repeat; margin:16px 0 0 0; padding:0 0 0 36px; overflow:hidden; }
	.footer .footerMain dl.contactUs dd.tel2 { height:35px; line-height:35px; font-size:26px; color:#898989; margin:7px 0 0 0; padding:0 0 0 36px; overflow:hidden; }
	.footer .footerMain dl.contactUs dd.email { height:35px; line-height:35px; font-size:26px; color:#898989; background:url(../home/bg_email.png) 0 center no-repeat; margin:6px 0 0 0; padding:0 0 0 36px; overflow:hidden; }
	.footer .footerMain dl.contactUs dd.address { height:35px; line-height:35px; font-size:26px; color:#898989; background:url(../home/bg_address.png) 0 center no-repeat; margin:7px 0 0 0; padding:0 0 0 36px; overflow:hidden; }

	.foot { width:100%; height:120px; background:#555; padding:15px 0; }

	.foot .footMain { width:728px; height:auto; margin:0 auto; }

	.foot .footMain dl dt { display:none; }
	.foot .footMain dl dd { width:728px; height:90px; line-height:35px; font-size:24px; color:#fff; display:block; float:none; margin:0 auto; }

		.foot .footMain dl dd a { font-size:24px; color:#fff; margin:0 5px; }
		.foot .footMain dl dd a:hover { color:#df032b; }
		.foot .footMain dl dd p.copyright { padding:10px 0 10px 5px; color:#c0c0c0; }
		.foot .footMain dl dd p.copyright img { vertical-align:middle; margin-right:5px; }
		.foot .footMain dl dd p.copyright a { color:#c0c0c0; }
		.foot .footMain dl dd p.copyright a:hover { color:#df032b; }

		.foot .footMain ul.footRight { display:none; }

	/*cyber security*/
	.cyberSecurity {
		display:none;
	}

	.footLink{
		display:none;
	}

/* focus */
.slide-main{height:580px;position:relative;margin:0px 0 0;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none; position:absolute;z-index:8;}
.slide-box .row { position:relative; }
.slide-ele{ position:absolute;z-index:9; }
/* 首页幻灯 */
/* update 2018.8.23 */
.banAnimate .slide5 { height:580px; width:100%; animation-name:bannerSlide5-bg; animation: bannerSlide5-bg 1s ease 0s normal none; -moz-animation: bannerSlide5-bg 1s ease 0s normal none; -webkit-animation: bannerSlide5-bg 1s ease 0s normal none; -o-animation: bannerSlide5-bg 1s ease 0s normal none; }
.banAnimate .slide5-b{ top:87px; left:120px; animation: bannerSlide5-r 1s ease 0s normal none; -moz-animation: bannerSlide5-r 1s ease 0s normal none; -webkit-animation: bannerSlide5-r 1s ease 0s normal none; -o-animation: bannerSlide5-r 1s ease 0s normal none; }
.banAnimate .slide5-b1{ top:97px; left:240px; animation: bannerSlide5-b1 0.5s ease 0s normal none; -moz-animation: bannerSlide5-b1 0.5s ease 0s normal none; -webkit-animation: bannerSlide5-b1 0.5s ease 0s normal none; -o-animation: bannerSlide5-b1 0.5s ease 0s normal none; }
.banAnimate .slide5-b2{ top:136px; left:55px; animation: bannerSlide5-b2 1s ease 0s normal none; -moz-animation: bannerSlide5-b2 1s ease 0s normal none; -webkit-animation: bannerSlide5-b2 1s ease 0s normal none; -o-animation: bannerSlide5-b2 1s ease 0s normal none; }
.banAnimate .slide5-b3{ top:243px; left:208px; animation: bannerSlide5-b3 1s ease 0s normal none; -moz-animation: bannerSlide5-b3 1s ease 0s normal none; -webkit-animation: bannerSlide5-b3 1s ease 0s normal none; -o-animation: bannerSlide5-b3 1s ease 0s normal none; }
.banAnimate .slide5-b4{ top:285px; left:210px; animation: bannerSlide5-b4 1.3s ease 0s normal none; -moz-animation: bannerSlide5-b4 1.3s ease 0s normal none; -webkit-animation: bannerSlide5-b4 1.3s ease 0s normal none; -o-animation: bannerSlide5-b4 1.3s ease 0s normal none; }
.banAnimate .slide5-b5{ top:345px; left:228px; animation: bannerSlide5-b5 1.6s ease 0s normal none; -moz-animation: bannerSlide5-b5 1.6s ease 0s normal none; -webkit-animation: bannerSlide5-b5 1.6s ease 0s normal none; -o-animation: bannerSlide5-b5 1.6s ease 0s normal none; }
.banAnimate .slide5-b6{ top:385px; left:310px; animation: bannerSlide5-b6 2s ease 0s normal none; -moz-animation: bannerSlide5-b6 2s ease 0s normal none; -webkit-animation: bannerSlide5-b6 2s ease 0s normal none; -o-animation: bannerSlide5-b6 2s ease 0s normal none; }
@-webkit-keyframes bannerSlide5-bg{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes bannerSlide5-bg{from{opacity:0;} to{opacity:1;} }
@keyframes bannerSlide5-bg{from{opacity:0;} to{opacity:1;} }

@-webkit-keyframes bannerSlide5-r{from{opacity:0;top:280px;left:500px;transform:scale(0,0);} to{opacity:1;top:87px;left:120px;transform:scale(1,1);} }
@-moz-keyframes bannerSlide5-r{from{opacity:0;top:280px;left:500px;transform:scale(0,0);} to{opacity:1;top:87px;left:120px;transform:scale(1,1);} }
@keyframes bannerSlide5-r{from{opacity:0;top:280px;left:500px;transform:scale(0,0);} to{opacity:1;top:87px;left:120px;transform:scale(1,1);} }
@-webkit-keyframes bannerSlide5-b1{from{opacity:0;top:20px;} to{opacity:1;top:97px;} }
@-moz-keyframes bannerSlide5-b1{from{opacity:0;top:20px;} to{opacity:1;top:97px;} }
@keyframes bannerSlide5-b1{from{opacity:0;top:20px;} to{opacity:1;top:97px;} }
@-webkit-keyframes bannerSlide5-b2{from{opacity:0;top:20px;} to{opacity:1;top:136px;} }
@-moz-keyframes bannerSlide5-b2{from{opacity:0;top:20px;} to{opacity:1;top:136px;} }
@keyframes bannerSlide5-b2{from{opacity:0;top:20px;} to{opacity:1;top:136px;} }
@-webkit-keyframes bannerSlide5-b3{from{opacity:0;top:400px;} to{opacity:1;top:243px;} }
@-moz-keyframes bannerSlide5-b3{from{opacity:0;top:400px;} to{opacity:1;top:243px;} }
@keyframes bannerSlide5-b3{from{opacity:0;top:400px;} to{opacity:1;top:243px;} }
@-webkit-keyframes bannerSlide5-b4{from{opacity:0;top:500px;} to{opacity:1;top:285px;} }
@-moz-keyframes bannerSlide5-b4{from{opacity:0;top:500px;} to{opacity:1;top:285px;} }
@keyframes bannerSlide5-b4{from{opacity:0;top:500px;} to{opacity:1;top:285px;} }
@-webkit-keyframes bannerSlide5-b5{from{opacity:0;top:550px;} to{opacity:1;top:345px;} }
@-moz-keyframes bannerSlide5-b5{from{opacity:0;top:550px;} to{opacity:1;top:345px;} }
@keyframes bannerSlide5-b5{from{opacity:0;top:550px;} to{opacity:1;top:345px;} }
@-webkit-keyframes bannerSlide5-b6{from{opacity:0;top:600px;} to{opacity:1;top:385px;} }
@-moz-keyframes bannerSlide5-b6{from{opacity:0;top:600px;} to{opacity:1;top:385px;} }
@keyframes bannerSlide5-b6{from{opacity:0;top:600px;} to{opacity:1;top:385px;} }
/* update 2018.8.23 */

.banAnimate .slide1 { height:580px; width:100%; animation-name:bannerSlide1-bg; animation: bannerSlide1-bg 1s ease 0s normal none; -moz-animation: bannerSlide1-bg 1s ease 0s normal none; -webkit-animation: bannerSlide1-bg 1s ease 0s normal none; -o-animation: bannerSlide1-bg 1s ease 0s normal none; }
.banAnimate .slide1-a{ top:162px; left:18px; animation: bannerSlide1-l 1s ease 0s normal none; -moz-animation: bannerSlide1-l 1s ease 0s normal none; -webkit-animation: bannerSlide1-l 1s ease 0s normal none; -o-animation: bannerSlide1-l 1s ease 0s normal none; }
.banAnimate .slide1-b{ top:193px; right:70px; animation: bannerSlide1-r 1s ease 0s normal none; -moz-animation: bannerSlide1-r 1s ease 0s normal none; -webkit-animation: bannerSlide1-r 1s ease 0s normal none; -o-animation: bannerSlide1-r 1s ease 0s normal none; }
@-webkit-keyframes bannerSlide1-bg{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes bannerSlide1-bg{from{opacity:0;} to{opacity:1;} }
@keyframes bannerSlide1-bg{from{opacity:0;} to{opacity:1;} }
@-webkit-keyframes bannerSlide1-l{from{opacity:0;left:0;} to{opacity:1;left:18px;} }
@-moz-keyframes bannerSlide1-l{from{opacity:0;left:0;} to{opacity:1;left:18px;} }
@keyframes bannerSlide1-l{from{opacity:0;left:0;} to{opacity:1;left:18px;} }
@-webkit-keyframes bannerSlide1-r{from{opacity:0;right:0;} to{opacity:1;right:70px;} }
@-moz-keyframes bannerSlide1-r{from{opacity:0;right:0;} to{opacity:1;right:70px;} }
@keyframes bannerSlide1-r{from{opacity:0;right:0;} to{opacity:1;right:70px;} }

.slide2 { position:relative; height:580px; width:100%;
	animation-name:bannerSlide2-bg;
	animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-moz-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-webkit-animation:bannerSlide2-bg 1s ease-out 0s normal none;
	-o-animation:bannerSlide2-bg 1s ease-out 0s normal none;
}
.slide2-a{ position:absolute; top:199px; left:25px; animation-name:bannerSlide2-t; animation: bannerSlide2-t 1s ease 0s normal none; -moz-animation: bannerSlide2-t 1s ease 0s normal none; -webkit-animation: bannerSlide2-t 1s ease 0s normal none; -o-animation: bannerSlide2-t 1s ease 0s normal none; }
.slide2-b{ position:absolute; top:30px; right:30px; animation-name:bannerSlide2-b; animation: bannerSlide2-b 1s ease 0s normal none; -moz-animation: bannerSlide2-b 1s ease 0s normal none; -webkit-animation: bannerSlide2-b 1s  ease 0s normal none; -o-animation: bannerSlide2-b 1s ease 0s normal none; }
@-webkit-keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }
@keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }
@-webkit-keyframes bannerSlide2-t{from{opacity:0;top:580px;} to{opacity:1;top:199px;} }
@-moz-keyframes bannerSlide2-t{from{opacity:0;top:580px;} to{opacity:1;top:199px;} }
@keyframes bannerSlide2-t{from{opacity:0;top:580px;} to{opacity:1;top:199px;} }
@-webkit-keyframes bannerSlide2-b{from{opacity:0;top:0;} to{opacity:1;top:30px;} }
@-moz-keyframes bannerSlide2-b{from{opacity:0;top:0;} to{opacity:1;top:30px;} }
@keyframes bannerSlide2-b{from{opacity:0;top:0;} to{opacity:1;top:30px;} }

.slide3 { height:580px; width:100%;animation-name:bannerSlide2-bg; animation: bannerSlide2-bg 1s ease-out 0s normal none; -moz-animation: bannerSlide2-bg 1s ease-out 0s normal none; -webkit-animation: bannerSlide2-bg 1s ease-out 0s normal none; -o-animation: bannerSlide2-bg 1s ease-out 0s normal none; }
.slide3-a{ top:123px; left:10px; animation: bannerSlide3-jt 1s ease 0s normal none; -moz-animation: bannerSlide3-jt 1s ease 0s normal none; -webkit-animation: bannerSlide3-jt 1s ease 0s normal none; -o-animation: bannerSlide3-jt 1s ease 0s normal none; }
.slide3-b{ top:123px; right:10px; animation: bannerSlide3-jr 1s ease 0s normal none; -moz-animation: bannerSlide3-jr 1s ease 0s normal none; -webkit-animation: bannerSlide3-jr 1s  ease 0s normal none; -o-animation: bannerSlide3-jr 1s ease 0s normal none; }
.slide3-c{ top:394px; right:10px; animation: bannerSlide3-jb 1s ease 0s normal none; -moz-animation: bannerSlide3-jb 1s ease 0s normal none; -webkit-animation: bannerSlide3-jb 1s ease 0s normal none; -o-animation: bannerSlide3-jb 1s ease 0s normal none; }
.slide3-d{ top:394px; left:10px; animation: bannerSlide3-jl 1s ease 0s normal none; -moz-animation: bannerSlide3-jl 1s ease 0s normal none; -webkit-animation: bannerSlide3-jl 1s ease 0s normal none; -o-animation: bannerSlide3-jl 1s ease 0s normal none; }
.slide3-e{ top:125px; left:10px; animation: bannerSlide3-center 1s ease 0s normal none; -moz-animation: bannerSlide3-center 1s ease 0s normal none; -webkit-animation: bannerSlide3-center 1s ease 0s normal none; -o-animation: bannerSlide3-center 1s ease 0s normal none; }
.slide3-f{ top:198px; left:50px; animation: bannerSlide3-center 1s ease 0s normal none; -moz-animation: bannerSlide3-center 1s ease 0s normal none; -webkit-animation: bannerSlide3-center 1s ease 0s normal none; -o-animation: bannerSlide3-center 1s ease 0s normal none; }
.slide3-g{ top:500px; left:200px; animation: bannerSlide3-tel 1s ease 0s normal none; -moz-animation: bannerSlide3-tel 1s ease 0s normal none; -webkit-animation: bannerSlide3-tel 1s ease 0s normal none; -o-animation: bannerSlide3-tel 1s ease 0s normal none; }
/*@-webkit-keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }
@keyframes bannerSlide2-bg{from{opacity:0;} to{opacity:1;} }*/
@-webkit-keyframes bannerSlide3-jt{from{opacity:0;top:0px; left:0;} to{opacity:1;top:123px; left:10px;} }
	@-moz-keyframes bannerSlide3-jt{from{opacity:0;top:0px; left:0;} to{opacity:1;top:123px; left:10px;} }
	@keyframes bannerSlide3-jt{from{opacity:0;top:0px; left:0;} to{opacity:1;top:123px; left:10px;} }
@-webkit-keyframes bannerSlide3-jr{from{opacity:0;top:0;right:0;} to{opacity:1;top:123px; right:10px;} }
	@-moz-keyframes bannerSlide3-jr{from{opacity:0;top:0;right:0;} to{opacity:1;top:123px; right:10px;} }
	@keyframes bannerSlide3-jr{from{opacity:0;top:0;right:0;} to{opacity:1;top:123px; right:10px;} }
@-webkit-keyframes bannerSlide3-jb{from{opacity:0;top:600px;right:0;} to{opacity:1;top:394px; right:10px;} }
	@-moz-keyframes bannerSlide3-jb{from{opacity:0;top:600px;right:0;} to{opacity:1;top:394px; right:10px;} }
	@keyframes bannerSlide3-jb{from{opacity:0;top:600px;right:0;} to{opacity:1;top:394px; right:10px;} }
@-webkit-keyframes bannerSlide3-jl{from{opacity:0;top:600px;left:10px;} to{opacity:1;top:394px; left:183px;} }
	@-moz-keyframes bannerSlide3-jl{from{opacity:0;top:600px;left:10px;} to{opacity:1;top:394px; left:183px;} }
	@keyframes bannerSlide3-jl{from{opacity:0;top:600px;left:10px;} to{opacity:1;top:394px; left:0;} }
@-webkit-keyframes bannerSlide3-center{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
	@-moz-keyframes bannerSlide3-center{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
	@keyframes bannerSlide3-center{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
@-webkit-keyframes bannerSlide3-tel{from{opacity:0;top:600px;} to{opacity:1;top:500px;} }
	@-moz-keyframes bannerSlide3-tel{from{opacity:0;top:600px;} to{opacity:1;top:500px;} }
	@keyframes bannerSlide3-tel{from{opacity:0;top:600px;} to{opacity:1;top:500px;} }

.banAnimate .slide4 { height:580px; width:100%; animation-name:bannerSlide4-bg; animation: bannerSlide4-bg 1s ease 0s normal none; -moz-animation: bannerSlide4-bg 1s ease 0s normal none; -webkit-animation: bannerSlide4-bg 1s ease 0s normal none; -o-animation: bannerSlide4-bg 1s ease 0s normal none; }
.banAnimate .slide4-a{ top:80px; left:100px; animation: bannerSlide4-l 1s ease 0s normal none; -moz-animation: bannerSlide4-l 1s ease 0s normal none; -webkit-animation: bannerSlide4-l 1s ease 0s normal none; -o-animation: bannerSlide4-l 1s ease 0s normal none; }
.banAnimate .slide4-b{ top:350px; left:80px; animation: bannerSlide4-r 1s ease 0s normal none; -moz-animation: bannerSlide4-r 1s ease 0s normal none; -webkit-animation: bannerSlide4-r 1s ease 0s normal none; -o-animation: bannerSlide4-r 1s ease 0s normal none; }
@-webkit-keyframes bannerSlide4-bg{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes bannerSlide4-bg{from{opacity:0;} to{opacity:1;} }
@keyframes bannerSlide4-bg{from{opacity:0;} to{opacity:1;} }
@-webkit-keyframes bannerSlide4-l{from{opacity:0;left:600px;} to{opacity:1;left:100px;} }
@-moz-keyframes bannerSlide4-l{from{opacity:0;left:600px;} to{opacity:1;left:100px;} }
@keyframes bannerSlide4-l{from{opacity:0;left:600px;} to{opacity:1;left:100px;} }
@-webkit-keyframes bannerSlide4-r{from{opacity:0;left:-100px;} to{opacity:1;left:80px;} }
@-moz-keyframes bannerSlide4-r{from{opacity:0;left:-100px;} to{opacity:1;left:80px;} }
@keyframes bannerSlide4-r{from{opacity:0;left:-100px;} to{opacity:1;left:80px;} }

.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


.slide7-1{ position:absolute; top:0px; left:-610px; animation-name:bannerSlide7-1; animation: bannerSlide7-1 1s ease 0s normal none; -moz-animation: bannerSlide7-1 1s ease 0s normal none; -webkit-animation: bannerSlide7-1 1s ease 0s normal none; -o-animation: bannerSlide7-1 1s ease 0s normal none; }
.slide7-1-2{ position:absolute; top:0px; left:-590px; animation-name:bannerSlide7-1-2; animation: bannerSlide7-1-2 1s ease 0s normal none; -moz-animation: bannerSlide7-1-2 1s ease 0s normal none; -webkit-animation: bannerSlide7-1-2 1s ease 0s normal none; -o-animation: bannerSlide7-1-2 1s ease 0s normal none; }
.slide7-2{ position:absolute; top:0px; left:-560px; animation-name:bannerSlide7-2; animation: bannerSlide7-2 1s ease 0s normal none; -moz-animation: bannerSlide7-2 1s ease 0s normal none; -webkit-animation: bannerSlide7-2 1s  ease 0s normal none; -o-animation: bannerSlide7-2 1s ease 0s normal none; }
.slide7-3{ position:absolute; top:0px; left:-560px; animation-name:bannerSlide7-3; animation: bannerSlide7-3 2s ease 0s normal none; -moz-animation: bannerSlide7-3 2s ease 0s normal none; -webkit-animation: bannerSlide7-3 2s  ease 0s normal none; -o-animation: bannerSlide7-3 2s ease 0s normal none; }
.slide7-4{ position:absolute; top:0px; left:-560px; animation-name:bannerSlide7-4; animation: bannerSlide7-4 2s ease 0s normal none; -moz-animation: bannerSlide7-4 2s ease 0s normal none; -webkit-animation: bannerSlide7-4 2s  ease 0s normal none; -o-animation: bannerSlide7-4 2s ease 0s normal none; }
.slide7-5{ position:absolute; top:0px; left:-560px; animation-name:bannerSlide7-5; animation: bannerSlide7-5 1s ease 0s normal none; -moz-animation: bannerSlide7-5 1s ease 0s normal none; -webkit-animation: bannerSlide7-5 1s  ease 0s normal none; -o-animation: bannerSlide7-5 1s ease 0s normal none; }
@-webkit-keyframes bannerSlide7-1{from{opacity:0;top:-50px;} to{opacity:1;top:-0px;} }
	@-moz-keyframes bannerSlide7-1{from{opacity:0;top:-50px;} to{opacity:1;top:-0px;} }
	@keyframes bannerSlide7-1{from{opacity:0;top:-50px;} to{opacity:1;top:-0px;} }
@-webkit-keyframes bannerSlide7-1-2{from{opacity:0;top:50px;} to{opacity:1;top:-0px;} }
	@-moz-keyframes bannerSlide7-1-2{from{opacity:0;top:50px;} to{opacity:1;top:-0px;} }
	@keyframes bannerSlide7-1-2{from{opacity:0;top:50px;} to{opacity:1;top:-0px;} }
@-webkit-keyframes bannerSlide7-2{from{top:200px;} to{top:-0px;} }
	@-moz-keyframes bannerSlide7-2{from{top:200px;} to{top:-0px;} }
	@keyframes bannerSlide7-2{from{top:200px;} to{top:-0px;} }
@-webkit-keyframes bannerSlide7-3{from{opacity:0;top:-100px;} to{opacity:1;top:0px;} }
	@-moz-keyframes bannerSlide7-3{from{opacity:0;top:-100px;} to{opacity:1;top:0px;} }
	@keyframes bannerSlide7-3{from{opacity:0;top:-100px;} to{opacity:1;top:0px;} }
@-webkit-keyframes bannerSlide7-4{from{opacity:0;} to{opacity:1;} }
	@-moz-keyframes bannerSlide7-4{from{opacity:0;} to{opacity:1;} }
	@keyframes bannerSlide7-4{from{opacity:0;} to{opacity:1;} }
@-webkit-keyframes bannerSlide7-5{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
	@-moz-keyframes bannerSlide7-5{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
	@keyframes bannerSlide7-5{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }




h2.about_title_in { height:50px; font-size:30px; color:#000; text-align:center; margin-bottom:10px; }
h2.about_title_in span { height:50px; line-height:50px; display:inline-block; overflow:hidden; }
h2.about_title_in span.en { height:50px; line-height:50px; font-size:35px; color:#BFBFBF; border-right:2px solid #df0029; padding-right:15px; margin-right:15px; }

.caseTitleMain { width:768px; text-align:center; margin:0 auto; display:block; padding-top:10px; }
.casesTitle { width:768px; text-align:center; margin:10px auto 0; display:block; }

.productChooseUs { width:100%; height:auto; padding:0 0 35px; }
.productChooseUsMain { width:768px; height:auto; margin:0 auto; }
.productChooseUsTitle { width:768px; height:42px; line-height:42px; font-size:33px; color:#545454; text-align:center; margin:0 auto; }
.productChooseUsSubTitle { width:768px; height:24px; line-height:24px; font-size:17px; color:#878787; text-align:center; margin:16px auto 0; }

	.channelCasesMain { width:768px; height:auto; margin:0; overflow:hidden; }
	.channelCasesMain ul.channelCasesList { width:678px; height:auto; margin:22px auto 0; padding:0 0 50px; }
	.channelCasesMain ul.channelCasesList li .channelCasesListTit { width:678px; height:auto; font-size:22px;}

	.channelCasesListTit { font-size:22px; }

	.channelCasesMain ul.channelCasesList li .channelCasesListTit a { height:45px; line-height:45px; font-size:21px; color:#666; display:inline-block; background:url(../home/bg.png) 0 -15px no-repeat; padding:0 20px; }
	.channelCasesMain ul.channelCasesList li .channelCasesListTit a:hover { color:#df032b; background:url(../home/bg.png) 0 -15px no-repeat; }
.channelCasesMain ul.channelCasesList li .channelCasesListTit a.current { color:#df032b; background:url(../home/bg.png) 0 -15px no-repeat; }

	ul.channelCasesListContent { width:768px; height:auto; margin:22px auto 0; display:block; }
	ul.channelCasesListContent li { width:340px; height:317px; display:inline-block; float:left; background:#fff; margin:0 22px 40px; }
	ul.channelCasesListContent li img { width:340px; height:233px; }
	ul.channelCasesListContent li p { width:320px; height:21px; line-height:21px; text-align:center; margin:16px 10px; overflow:hidden; }
	ul.channelCasesListContent li p a { font-size:20px; color:#555; }
	ul.channelCasesListContent li p a:hover { color:#df032b; }
	ul.channelCasesListContent li dl { width:320px; margin:2px 10px; overflow:hidden; }
	ul.channelCasesListContent li dl { font-size:20px; color:#c0c0c0; }
	ul.channelCasesListContent li dl dt { width:150px; height:20px; line-height:20px; display:inline-block; float:left; background:url(../home/bg.png) 0 -97px no-repeat; padding:0 0 0 20px; overflow:hidden; }
	ul.channelCasesListContent li dl dd { height:20px; line-height:20px; display:inline-block; float:right; overflow:hidden; margin:0 5px 0 0; }
	ul.channelCasesListContent li dl dd.view { width:auto; background:url(../home/bg.png) 0 -131px no-repeat; padding:0 10px 0 25px; }
	ul.channelCasesListContent li dl dd.thumbsUp { width:auto; background:url(../home/bg.png) 0 -162px no-repeat; padding:0 0 0 18px; }

	.page { width:720px; height:33px; margin:25px auto 35px; }

	.servicesList { width:688px; height:auto; margin:5px auto 0; overflow:hidden; }
	.servicesList dl { width:688px; height:auto; display:inline-block; float:left; margin:0 0 53px; padding:0; overflow:hidden; }
	.servicesList dl dt { width:663px; height:auto; line-height:30px; background:url(../home/bg.png) 0 -360px no-repeat; padding:0 0 0 25px; overflow:hidden; }
	.servicesList dl dt a { font-size:24px; color:#46acd2; }
	.servicesList dl dd { width:688px; height:auto; line-height:30px; padding:0; overflow:hidden; }
	.servicesList dl dd a { font-size:22px; color:#525252; }

	ul.channelNewsListContent { width:768px; height:auto; margin:0 auto 38px; }
	ul.channelNewsListContent li { width:338px; height:400px; display:inline-block; float:left; border:3px solid #f5f5f5; background:#fff; margin:0 20px 20px; }
	ul.channelNewsListContent li img { width:338px; height:200px; }
	ul.channelNewsListContent li p { width:318px; height:30px; line-height:30px; text-align:center; margin:7px 0 5px; padding:0 10px; overflow:hidden; }
	ul.channelNewsListContent li p a { font-size:20px; color:#555; }
	ul.channelNewsListContent li .newsIntroduction { width:318px; height:90px; line-height:30px; text-indent:2em; padding:0 10px; overflow:hidden; margin-bottom:10px; }
	ul.channelNewsListContent li .newsIntroduction a { font-size:20px; color:#898989; }
	ul.channelNewsListContent li dl { width:318px; margin:2px 10px; overflow:hidden; }

	ul.channelNewsListContent li dl { font-size:20px; color:#c0c0c0; }
	ul.channelNewsListContent li dl dt { width:140px; height:25px; line-height:25px; display:inline-block; float:left; background:url(../home/bg.png) 0 -94px no-repeat; padding:0 0 0 20px; overflow:hidden; }
	ul.channelNewsListContent li dl dd { height:25px; line-height:25px; display:inline-block; float:left; overflow:hidden; margin:0 5px 0 0; }
	ul.channelNewsListContent li dl dd.author { width:80px; background:url(../home/bg.png) 0 -269px no-repeat; padding:0 0 0 20px; }
	ul.channelNewsListContent li dl dd.comment { width:26px; background:url(../home/bg.png) 0 -299px no-repeat; padding:0 0 0 18px; }

	.row { width:768px; margin:0 auto; }
	.about-intro p { width:728px; margin:10px auto; font-size:14px; line-height:1.8; color:#666; text-indent:2em; }
	.about-culture h3 { width:728px; font-size:17px; color:#DF0027; line-height:1.8; text-align:center; margin:0 auto; }
	.about-culture h4 { width:728px; font-size:17px; color:#333; line-height:1.8; text-align:center; margin:0 auto; }
	.about-culture p { width:728px; font-size:14px; color:#878787; line-height:1.8; text-align:center; margin:0 auto; }
	.about-culture img { max-width:96%; display:block; margin:0 auto; }

	.about-adv dl { float:left; width:17%; padding:110px 1.4% 0; background:url('../home/about_2.png') no-repeat center top; margin-bottom:20px; }
	.about-adv dt { text-align:center; font-size:20px; color:#666; margin-bottom:10px; }
	.about-adv dd { font-size:18px; color:#868686; line-height:1.6; }
	.about-contact dl {  font-size:20px; color:#888; height:35px; line-height:35px; }
	.about-contact dt { display:inline-block; float:left; width:47%; text-align:right; padding-right:1%; }
	.about-contact dd { display:inline-block; float:left;  width:50%; text-align:left; }
	.about-contact dd.en { font-family:Verdana, Geneva, sans-serif; }
	.about-contact dd a { color:#888; }
	.about-map { height:550px;border:#ccc solid 1px; }

	.websiteInfo { width:768px; height:179px; background:#fff; border-top:1px solid #d7d7d7; margin:0 auto; }
	.websiteInfo .websiteInfoLeft { width:728px; height:179px; margin:0 auto; padding:0 20px; }
	.websiteInfo .websiteInfoLeft h3 { width:728px; height:39px; line-height:39px; font-size:31px; color:#545454; margin:23px 0 7px; }
	.websiteInfo .websiteInfoLeft .websiteInfoClassification { width:728px; height:30px; line-height:30px; margin:0 0 17px; overflow:hidden; white-space:nowrap; color:#888; }

	.websiteInfo .websiteInfoLeft p { width:728px; height:44px; line-height:22px; font-size:14px; color:#545454; overflow:hidden; }

	.websiteInfo .websiteInfoRight { width:728px; height:50px; text-align:center; background:#fff; padding:0 20px; }

	.websiteInfo .websiteInfoRight img { width:125px; height:102px; }
	.websiteInfo .websiteInfoRight p { width:125px; height:30px; display:block; margin:0 auto; }
	.websiteInfo .websiteInfoRight p a { width:125px; height:30px; line-height:30px; font-size:20px; color:#525252; text-align:center; display:inline-block; border:1px solid #ececec; -moz-border-radius:25px; /* Gecko browsers */-webkit-border-radius:25px; /* Webkit browsers */border-radius:25px;/* W3C syntax */ margin:14px 0 0 9px; }
	.websiteInfo .websiteInfoRight p a:hover { color:#df0029; border:1px solid #df0029; }

	.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteClass { padding:0 24px 0 22px; background:url(../home/bg.png) 0 -230px no-repeat; overflow:hidden; }
	.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteDate { padding:0 34px 0 21px; background:url(../home/bg.png) 0 -91px no-repeat; overflow:hidden; }
	.websiteInfo .websiteInfoLeft .websiteInfoClassification .websiteView { width:63px; padding:0 0 0 26px; background:url(../home/bg.png) 0 -125px no-repeat; overflow:hidden; }

	.websiteImages { width:728px; height:auto; text-align:center; margin:45px auto 0; }
	.websiteImages img { max-width:728px; height:auto; margin:0; padding:0; }

	.favAndUp { width:728px; height:93px; text-align:center; margin:0 auto; }

	.websiteClassification { width:728px; height:114px; border:1px solid #d7d7d7; margin:25px auto 0; padding:0 10px; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px; }
	.websiteClassification .websiteClassificationLeft { width:728px; height:57px; line-height:57px; font-size:14px; color:#eb850c; padding:0; overflow:hidden; }

	.websiteClassification .websiteClassificationRight { width:728px; height:57px; line-height:57px; overflow:hidden; padding:0 0 0 0; }
	.websiteClassification .websiteClassificationRight img { vertical-align:middle; margin:0 7px 0; }
	/*pre and next*/
	.preAndNext { width:728px; height:35px; line-height:35px; margin:15px auto 0; }
	.preAndNext a { display:inline-block; font-size:20px; color:#888; height:35px; overflow:hidden; }
	.preAndNext span { display:inline-block; width:350px; height:35px; overflow:hidden; }

	.banner img.headerSearchBg { display:none; }
	.banner .seach { width:485px; height:75px; top:55px; left:141px; margin:0; }
	.banner .seach .keywords { width:406px; height:41px; line-height:41px; border:none; display:inline-block; float:left; background:#fff; padding:0 0 0 5px; }
	.banner .seach .seachBtn { width:73px; height:41px; line-height:41px; font-size:14px; color:#fff; text-align:center; border:none; display:inline-block; float:left; background:#df0029; -webkit-appearance:none; outline:none; border-radius:0; }
	.banner .seach p { width:485px; height:auto; line-height:30px; font-size:12px; color:#666; margin:14px 0 0; display:inline-block; overflow:hidden; }
	.banner .seach p a { font-size:20px; color:#666; display:inline-block; margin:0 32px 0  0; }
	.banner .seach p a:hover { color:#df032b; }

.service2List { width:768px; height:auto; margin:15px auto 0; border-bottom:1px solid #d7d7d7; }
	.service2List .serviceContent { width:768px; height:106px; text-align:center; display:table; border-top:1px solid #d7d7d7; }
		.service2List .serviceContent .serviceCon { vertical-align:middle; display:table-cell; }
			.service2List .serviceContent .serviceCon a{ font-size:29px; color:#df0029; top:-50%; }
}



/* 项目内容 update 2018.12.18 */
.banner-guanjia { background:url('/cms/public/upload/image/Banner/guanjia_bg.jpg') no-repeat center center; }
	.guanjia-1{ position:absolute; top:25px; left:550px;opacity:0; animation-name:bannerGuanjia-1; animation: bannerGuanjia-1 7s ease 0s normal none; -moz-animation: bannerGuanjia-1 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1 7s ease 0s normal none; -o-animation: bannerGuanjia-1 7s ease 0s normal none; }
	.guanjia-1-1{ position:absolute; top:25px; left:384px;opacity:0; animation-name:bannerGuanjia-1-1; animation: bannerGuanjia-1-1 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-1 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-1 7s ease 0s normal none; -o-animation: bannerGuanjia-1-1 7s ease 0s normal none; }
	.guanjia-1-2{ position:absolute; top:63px; left:135px;opacity:0; animation-name:bannerGuanjia-1-2; animation: bannerGuanjia-1-2 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-2 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-2 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-2 7s ease 0s normal none; }
	.guanjia-1-3{ position:absolute; top:109px; left:268px;opacity:0; animation-name:bannerGuanjia-1-3; animation: bannerGuanjia-1-3 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-3 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-3 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-3 7s ease 0s normal none; }
	.guanjia-1-4{ position:absolute; top:175px; left:354px;opacity:0; animation-name:bannerGuanjia-1-4; animation: bannerGuanjia-1-4 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-4 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-4 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-4 7s ease 0s normal none; }
	.guanjia-1-5{ position:absolute; top:161px; left:781px;opacity:0; animation-name:bannerGuanjia-1-5; animation: bannerGuanjia-1-5 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-5 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-5 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-5 7s ease 0s normal none; }
	.guanjia-1-6{ position:absolute; top:118px; left:720px;opacity:0; animation-name:bannerGuanjia-1-6; animation: bannerGuanjia-1-6 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-6 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-6 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-6 7s ease 0s normal none; }
	.guanjia-1-7{ position:absolute; top:78px; left:858px;opacity:0; animation-name:bannerGuanjia-1-7; animation: bannerGuanjia-1-7 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-7 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-7 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-7 7s ease 0s normal none; }
	.guanjia-1-8{ position:absolute; top:33px; left:772px;opacity:0; animation-name:bannerGuanjia-1-8; animation: bannerGuanjia-1-8 7s ease 0s normal none; -moz-animation: bannerGuanjia-1-8 7s ease 0s normal none; -webkit-animation: bannerGuanjia-1-8 7s  ease 0s normal none; -o-animation: bannerGuanjia-1-8 7s ease 0s normal none; }
	.guanjia-2{ position:absolute; top:25px; left:326px;opacity:1; animation-name:bannerGuanjia-2; animation: bannerGuanjia-2 7s ease 0s normal none; -moz-animation: bannerGuanjia-2 7s ease 0s normal none; -webkit-animation: bannerGuanjia-2 7s ease 0s normal none; -o-animation: bannerGuanjia-2 7s ease 0s normal none; }
	.guanjia-2-1{ position:absolute; top:58px; left:523px;opacity:1; animation-name:bannerGuanjia-2-1; animation: bannerGuanjia-2-1 7s ease 0s normal none; -moz-animation: bannerGuanjia-2-1 7s ease 0s normal none; -webkit-animation: bannerGuanjia-2-1 7s ease 0s normal none; -o-animation: bannerGuanjia-2-1 7s ease 0s normal none; }
	.guanjia-2-2{ position:absolute; top:122px; left:523px;opacity:1; animation-name:bannerGuanjia-2-2; animation: bannerGuanjia-2-2 7s ease 0s normal none; -moz-animation: bannerGuanjia-2-2 7s ease 0s normal none; -webkit-animation: bannerGuanjia-2-2 7s ease 0s normal none; -o-animation: bannerGuanjia-2-2 7s ease 0s normal none; }

	@-webkit-keyframes bannerGuanjia-1{0%{opacity:0;transform:scale(0,0);} 10%{opacity:1;transform:scale(1,1);} 50%{opacity:1;transform:scale(1,1);} 60%{opacity:0;transform:scale(0,0);} }
		@-moz-keyframes bannerGuanjia-1{0%{opacity:0;transform:scale(0,0);} 10%{opacity:1;transform:scale(1,1);} 50%{opacity:1;transform:scale(1,1);} 60%{opacity:0;transform:scale(0,0);} }
		@keyframes bannerGuanjia-1{0%{opacity:0;transform:scale(0,0);} 10%{opacity:1;transform:scale(1,1);} 50%{opacity:1;transform:scale(1,1);} 60%{opacity:0;transform:scale(0,0);} }
	@-webkit-keyframes bannerGuanjia-1-1{0%{opacity:0;top:10px; left:0px;} 10%{opacity:1;top:25px; left:384px;} 50%{opacity:1;top:25px; left:384px;} 60%{opacity:0;top:10px; left:0px;} }
		@-moz-keyframes bannerGuanjia-1-1{0%{opacity:0;top:10px; left:0px;} 10%{opacity:1;top:25px; left:384px;} 50%{opacity:1;top:25px; left:384px;} 60%{opacity:0;top:10px; left:0px;} }
		@keyframes bannerGuanjia-1-1{0%{opacity:0;top:10px; left:0px;} 10%{opacity:1;top:25px; left:384px;} 50%{opacity:1;top:25px; left:384px;} 60%{opacity:0;top:10px; left:0px;} }
	@-webkit-keyframes bannerGuanjia-1-2{0%{opacity:0;top:60px; left:-100px;} 10%{opacity:1;top:63px; left:135px;} 50%{opacity:1;top:63px; left:135px;} 60%{opacity:0;top:60px; left:-100px;} }
		@-moz-keyframes bannerGuanjia-1-2{0%{opacity:0;top:60px; left:-100px;} 10%{opacity:1;top:63px; left:135px;} 50%{opacity:1;top:63px; left:135px;} 60%{opacity:0;top:60px; left:-100px;} }
		@keyframes bannerGuanjia-1-2{0%{opacity:0;top:60px; left:-100px;} 10%{opacity:1;top:63px; left:135px;} 50%{opacity:1;top:63px; left:135px;} 60%{opacity:0;top:60px; left:-100px;} }
	@-webkit-keyframes bannerGuanjia-1-3{0%{opacity:0;top:110px; left:0px;} 10%{opacity:1;top:109px; left:268px;} 50%{opacity:1;top:109px; left:268px;} 60%{opacity:0;top:110px; left:0px;} }
		@-moz-keyframes bannerGuanjia-1-3{0%{opacity:0;top:110px; left:0px;} 10%{opacity:1;top:109px; left:268px;} 50%{opacity:1;top:109px; left:268px;} 60%{opacity:0;top:110px; left:0px;} }
		@keyframes bannerGuanjia-1-3{0%{opacity:0;top:110px; left:0px;} 10%{opacity:1;top:109px; left:268px;} 50%{opacity:1;top:109px; left:268px;} 60%{opacity:0;top:110px; left:0px;} }
	@-webkit-keyframes bannerGuanjia-1-4{0%{opacity:0;top:180px; left:100px;} 10%{opacity:1;top:175px; left:354px;} 50%{opacity:1;top:175px; left:354px;} 60%{opacity:0;top:180px; left:100px;} }
		@-moz-keyframes bannerGuanjia-1-4{0%{opacity:0;top:180px; left:100px;} 10%{opacity:1;top:175px; left:354px;} 50%{opacity:1;top:175px; left:354px;} 60%{opacity:0;top:180px; left:100px;} }
		@keyframes bannerGuanjia-1-4{0%{opacity:0;top:180px; left:100px;} 10%{opacity:1;top:175x; left:354px;} 50%{opacity:1;top:175px; left:354px;} 60%{opacity:0;top:180px; left:100px;} }
	@-webkit-keyframes bannerGuanjia-1-5{0%{opacity:0; top:200px; left:900px;} 10%{opacity:1; top:161px; left:781px;} 50%{opacity:1; top:161px; left:781px;} 60%{opacity:0; top:200px; left:900px;} }
		@-moz-keyframes bannerGuanjia-1-5{0%{opacity:0;top:200px; left:900px;} 10%{opacity:1; top:161px; left:781px;} 50%{opacity:1; top:161px; left:781px;} 60%{opacity:0; top:200px; left:900px;} }
		@keyframes bannerGuanjia-1-5{0%{opacity:0;top:200px; left:900px;} 10%{opacity:1; top:161px; left:781px;} 50%{opacity:1; top:161px; left:781px;} 60%{opacity:0; top:200px; left:900px;} }
	@-webkit-keyframes bannerGuanjia-1-6{0%{opacity:0; top:150px; left:900px;} 10%{opacity:1; top:118px; left:720px;} 50%{opacity:1; top:118px; left:720px;} 60%{opacity:0; top:150px; left:900px;} }
			@-moz-keyframes bannerGuanjia-1-6{0%{opacity:0;top:150px; left:900px;} 10%{opacity:1; top:118px; left:720px;} 50%{opacity:1; top:118px; left:720px;} 60%{opacity:0; top:150px; left:900px;} }
			@keyframes bannerGuanjia-1-6{0%{opacity:0;top:150px; left:900px;} 10%{opacity:1; top:118px; left:720px;} 50%{opacity:1; top:118px; left:720px;} 60%{opacity:0; top:150px; left:900px;} }
	@-webkit-keyframes bannerGuanjia-1-7{0%{opacity:0; top:60px; left:1000px;} 10%{opacity:1; top:78px; left:858px;} 50%{opacity:1; top:78px; left:858px;} 60%{opacity:0; top:60px; left:1000px;} }
			@-moz-keyframes bannerGuanjia-1-7{0%{opacity:0;top:60px; left:1000px;} 10%{opacity:1; top:78px; left:858px;} 50%{opacity:1; top:78px; left:858px;} 60%{opacity:0; top:60px; left:1000px;} }
			@keyframes bannerGuanjia-1-7{0%{opacity:0;top:60px; left:1000px;} 10%{opacity:1; top:78px; left:858px;} 50%{opacity:1; top:78px; left:858px;} 60%{opacity:0; top:60px; left:1000px;} }
	@-webkit-keyframes bannerGuanjia-1-8{0%{opacity:0; top:20px; left:800px;} 10%{opacity:1; top:33px; left:772px;} 50%{opacity:1; top:33px; left:772px;} 60%{opacity:0; top:20px; left:800px;} }
			@-moz-keyframes bannerGuanjia-1-8{0%{opacity:0; top:20px; left:800px;} 10%{opacity:1; top:33px; left:772px;} 50%{opacity:1; top:33px; left:772px;} 60%{opacity:0; top:20px; left:800px;} }
			@keyframes bannerGuanjia-1-8{0%{opacity:0; top:20px; left:800px;} 10%{opacity:1; top:33px; left:772px;} 50%{opacity:1; top:33px; left:772px;} 60%{opacity:0; top:20px; left:800px;} }

	@-webkit-keyframes bannerGuanjia-2{0%{opacity:0; left:250px;} 50%{opacity:0; left:250px;} 70%{opacity:1; left:326px;} 100%{opacity:1; left:326px;} }
			@-moz-keyframes bannerGuanjia-2{0%{opacity:0; left:250px;} 50%{opacity:0; left:250px;} 70%{opacity:1; left:326px;} 100%{opacity:1; left:326px;} }
			@keyframes bannerGuanjia-2{0%{opacity:0; left:250px;} 50%{opacity:0; left:250px;} 70%{opacity:1; left:326px;} 100%{opacity:1; left:326px;} }
	@-webkit-keyframes bannerGuanjia-2-1{0%{opacity:0;top:100px;} 60%{opacity:0;top:100px;} 70%{opacity:1;top:58px;} 100%{opacity:1;top:58px;} }
		@-moz-keyframes bannerGuanjia-2-1{0%{opacity:0;top:100px;} 50%{opacity:0;top:100px;} 70%{opacity:1;top:58px;} 100%{opacity:1;top:58px;} }
		@keyframes bannerGuanjia-2-1{0%{opacity:0;top:100px;} 50%{opacity:0;top:100px;} 70%{opacity:1;top:58px;} 100%{opacity:1;top:58px;} }
	@-webkit-keyframes bannerGuanjia-2-2{0%{opacity:0;top:200px;} 50%{opacity:0;top:200px;} 70%{opacity:1;top:122px;} 100%{opacity:1;top:122px;} }
		@-moz-keyframes bannerGuanjia-2-2{0%{opacity:0;top:200px;} 50%{opacity:0;top:200px;} 70%{opacity:1;top:122px;} 100%{opacity:1;top:122px;} }
		@keyframes bannerGuanjia-2-2{0%{opacity:0;top:200px;} 50%{opacity:0;top:200px;} 70%{opacity:1;top:122px;} 100%{opacity:1;top:122px;} }

.maintenance_content { background:#f5f5f5;}
.maintenance_content .container { padding: 50px 0 100px; width:1120px; margin: 0 auto; }
.maintenance_content table { text-align:center; font-size:14px; color:#666; background:#FFF; border-top:3px solid #df0029; }
	.maintenance_content table td,.maintenance_content table th { border-right:1px solid #EEE; border-bottom:1px solid #EEE; padding: 15px 0; height: 100%; vertical-align: middle;}
	.maintenance_content table tbody tr td:last-child,.maintenance_content table thead tr th:last-child { border-right:none; }
	.maintenance_content table thead th { font-size:18px; color:#df0029; padding:20px 0; }
	.maintenance_content table thead th span { display:block; font-weight:300; }
	.maintenance_content table td strong { color:#df0029; margin:0 5px; font-weight:100; }
	.maintenance_content table td.col-5 {  }
	.maintenance_content table a.consultation { display:block; background:#ff9300; color:#FFF; font-size:14px; line-height:30px; width:90px; margin: 8px auto 0;}
	.maintenance_content table a.consultation:hover { background: rgba(255,147,0,0.7); -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s;}