@charset "utf-8";
html,body{
	width: 100%;
	max-width: 640px;
	min-width: 300px;
	height: 100%;
	margin: 0 auto;
}

input{
	-webkit-appearance: none;
	border: 1px solid rgba(0,0,0, .1);
	outline: none;
	padding: 0;
	margin: 0;
}

img{
	outline: none;
	padding: 0;
	margin: 0;	
}

a{
	text-decoration: none;
}

.clearbox{
	clear: both;
}

/**** 样式 ****/
.menu{
	position: fixed;
	width: 100%;
	max-width: 640px;
	min-width: 300px;
	height: 45px;
	background: #fff;
	border-top: 1px solid rgba(0,0,0, .1);
	box-shadow: 0 -1px 10px 0px rgba(0,0,0, .1);
	bottom: 0;
	z-index: 99999999999;
}

	.menu ul{
		width: 100%;
	}

		.menu ul li{
			float: left;
			width: 20%;
		}

			.menu ul li span{
				display: block;
				width: 100%;
				height: 35px;
				margin: 5px auto;
			}

				.menu #home{
					background: url(images/menu/menu_home.jpg) no-repeat center;
					background-size: auto 100%;
				}
					.menu #home_on{
						background: url(images/menu/menu_home_on.jpg) no-repeat center;
						background-size: auto 100%;
					}

				.menu #work{
					background: url(images/menu/menu_work.jpg) no-repeat center;
					background-size: auto 100%;
				}
					.menu #work_on{
						background: url(images/menu/menu_work_on.jpg) no-repeat center;
						background-size: auto 100%;
					}

				.menu #news{
					background: url(images/menu/menu_news.jpg) no-repeat center;
					background-size: auto 100%;
				}
					.menu #news_on{
						background: url(images/menu/menu_news_on.jpg) no-repeat center;
						background-size: auto 100%;
					}

				.menu #aboutus{
					background: url(images/menu/menu_aboutus.jpg) no-repeat center;
					background-size: auto 100%;
				}
					.menu #aboutus_on{
						background: url(images/menu/menu_aboutus_on.jpg) no-repeat center;
						background-size: auto 100%;
					}

				.menu #phone{
					height: 60px;
					margin-top: -20px;
					background: url(images/menu/menu_phone.png) no-repeat top;
					background-size: auto 100%;
				}				

.header{
	width: 100%;
	max-width: 640px;
	min-width: 300px;
	height: 164px;
}

	#header_longPic{
		width: 100%;
		height: 164px;
		overflow: hidden;
	}

		#longPic_dote{
			position: absolute;
			width: 120px;
			height: 10px;
			left: 50%;
			margin-left: -40px;
			margin-top: 140px;
		}

			#longPic_dote li{
				float: left;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: rgba(255,255,255,.5);
				margin: 0 3px;
			}

				#longPic_dote .on{
					background-color: rgba(255,255,255,1);
					border-radius: 10px;
					width: 20px;
				}

		#longPic_list{
			width: 1000%;
		}

			#longPic_list li{
				float: left;
				display: inline;
				width: 10%;
				min-width: 300px;
				height: 164px;
			}


				#longPic_list li img{
					height: 100%;
					width: 100%;
				}


.section{
	width: 100%;
	margin: 0 auto;
}

	#section_title{
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 20px 0;
	}

		#section_title img{
			width: 100%;
		}

.wordOfMouth{
	background: #f9f9f9;
}

	.wordOfMouth ul{
		width: 95%;
		height: 1050px;
		margin: 0 auto;
	}

		.wordOfMouth ul li{
			float: left;
			width: 45%;
			height: 180px;
			margin: 10px 2.5%;
			text-align: center;
			background: #fff;
			padding: 5px;
		}

			.wordOfMouth h5{
				font-size: 19px;
				color: #a2c1dd;
				padding: 10px 0;
				font-weight: bolder;
			}

			.wordOfMouth ul li img{
				display: block;
				width: 40%;
				max-width: 80px;
				margin: 10px auto;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}

				.wordOfMouth ul li img:hover{
					-webkit-transform: scale(1.2);
					/*-webkit-transform:rotate(360deg);*/
				}

			.wordOfMouth ul li span{
				font-size: 14px;
				line-height: 1.5em;
				color: rgba(0,0,0,.7);
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}

.hotProject{
	width: 100%;
}

	#hotProject_tab{
		width: 340px;
		height: 80px;
		margin: 0 auto;
	}

		#hotProject_tab li{
			float: left;
			width: 150px;
			height: 45px;
			line-height: 45px;
			border-radius: 10px;
			text-align: center;
			margin: 0 10px;
			border: 1px solid rgba(0,0,0, .1);
			color: rgba(0,0,0, .6);
			cursor: pointer;
		}

			#hotProject_tab .on{
				color: #fff;
				background: #fe5d02;
				border: 1px solid #fe5d02;
			}

	.hotProjectList{
		width: 100%;
		margin: 0 auto;
	}

		.hotProjectList li{
			width: 90%;
			height: 425px;
			margin: 0 auto;
			margin-bottom: 30px;
			border-radius: 5px;
			overflow: hidden;
			border: 1px solid rgba(0,0,0, .1);
			background: #c3cdd4;
			cursor: pointer;
		}

			.hotProjectList li:hover{
				background: rgba(255,132,8,1);
				background: -moz-linear-gradient(top, rgba(255,132,8,1) 0%, rgba(254,94,2,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,132,8,1)), color-stop(100%, rgba(254,94,2,1)));
				background: -webkit-linear-gradient(top, rgba(255,132,8,1) 0%, rgba(254,94,2,1) 100%);
				background: -o-linear-gradient(top, rgba(255,132,8,1) 0%, rgba(254,94,2,1) 100%);
				background: -ms-linear-gradient(top, rgba(255,132,8,1) 0%, rgba(254,94,2,1) 100%);
				background: linear-gradient(to bottom, rgba(255,132,8,1) 0%, rgba(254,94,2,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8408', endColorstr='#fe5e02', GradientType=0 );
				box-shadow: 0px 0px 15px 1px rgba(0,0,0, .2);
			}

			.hotProjectList li h5{
				width: 100%;
				height: 50px;
				line-height: 50px;
				text-align: center;
				color: #fff;
				font-size: 18px;
				padding: 0 45px;
			}

				.hotProjectList li h5 i{
					display: block;
					float: left;
					width: 30px;
					height: 30px;
					background: url(../../edition_css/images/icon/icon-index-king.png) no-repeat center;
					background-size: 100% auto;
					margin-top: 10px;
					opacity: 0.9;
				}

			.hotProjectList #content{
				padding: 15px;
				height: 320px;
				background: #fff;
			}

				.hotProjectList #content div{
					padding: 10px 0;
					border-bottom: 1px solid rgba(0,0,0, .1);
				}

					.hotProjectList #content div:last-child{
						border: 0;
					}

					.hotProjectList #content h6{
						font-size: 16px;
						font-weight: bolder;
						padding: 10px 0;
					}

					.hotProjectList #content p{
						line-height: 1.8em;
						font-size: 14px;
						padding-bottom: 4px;
					}

					.hotProjectList #content p em{
						font-size: 18px;
						font-weight: bolder;
						color: #fea802;
						padding: 0 5px;
					}


				.hotProjectList li span{
					display: block;
					width: 100%;
					background: #f0eded;
					height: 55px;
					line-height: 55px;
					text-align: center;
					font-size: 14px;
				}

					.hotProjectList li span em{
						font-size: 18px;
						color: #db1111;
						margin: 0 3px;
					}

					.hotProjectList li span b{
						text-decoration: line-through;
						font-size: 12px;
						color: rgba(0,0,0, .6);
						margin: 0 5px;
					}

				#hotProject_create p:before{
					content: '√';
					padding-right: 10px;
				}

				#hotProject_create p em{
					float: right;
					font-size: 14px!important;
					color: #000!important;
					font-weight: normal!important;
				}

.quickReg{
	width: 100%;
	height: 220px;
	padding: 0;
	background: url(../../edition_css/images/commen/banner-bg.jpg) no-repeat center;
	background-size: 100% 100%;
	padding: 25px;
	/*margin-bottom: 45px;*/
}

	.quickReg h5{
		text-align: center;
		color: #fff;
		font-size: 20px;
		font-weight: bolder;
		line-height: 1.6em;
	}

	.quickReg>span{
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 16px;
		padding-top: 20px;
	}

		#quickReg_btn{
			width: 150px;
			margin: 20px auto;
		}

			#quickReg_btn span{
				display: block;
				width: 130px;
				height: 40px;
				line-height: 40px;
				border-radius: 3px;
				float: left;
				color: #fff;
				border: 1px solid #fff;
				text-align: center;
				margin: 10px;
			}

			#quickReg_btn #reg{
				background: #f46d13;
				border: 0;
			}

				#quickReg_btn span:hover{
					background: #f46d13;
					border: 0;
				}

.indexPic{
	width: 100%;
}

	.indexPic img{
		width: 100%;
	}

.indexPic_a{
	width: 100%;
	overflow: hidden;
}

	.indexPic_a img{
		width: 130%;
		margin-left: -17%;
	}

.contact{
	width: 100%;
	height: 570px;
	padding: 10px 5%;
}

	#contact_left{
		width: 100%;
	}

		#contact_left h5{
			font-size: 16px;
			font-weight: bolder;
			color: #111;
			padding: 30px 0;
		}

		#contact_left_qq{
			width: 100%;
			height: 50px;
		}

			#contact_left_qq span{
				display: block;
				width: 45%;
				height: 50px;
				float: left;
				margin: 0 2.5%;
			}

				#contact_left_qq span img{
					width: 100%;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				}

					#contact_left_qq span img:hover{
						-webkit-transform: scale(1.1);
					}

		#contact_left_info{
			padding: 25px 0;
		}

			#contact_left_info p{
				padding: 10px 0;
				color: rgba(0,0,0, .8);
				font-size: 14px;
			}

		#contact_left_media{
			width: 100%;
		}

			#contact_left_media li{
				float: left;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				overflow: hidden;
				background: #f58e54;
				padding: 5px;
				margin-right: 15px;
				cursor: pointer;
			}

				#contact_left_media li img{
					width: 40px;
				}

				#contact_left_media li:hover{
					background: #f16c21;
				}

	#contact_right{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}

		#contact_right img{
			width: 100%;
		}

/****第二部分 样式****/
.pagePic{
	width: 100%;
	overflow: hidden;
	padding-top: 40px;
}

	.pagePic img{
		width: 100%;
	}

	.pagePic p{
		width: 90%;
		line-height: 1.6em;
		font-size: 14px;
		padding-bottom: 10px;
		text-indent: 2em;
		margin: 0 auto;
	}

	.pagePic #em{
		font-size: 16px;
		font-weight: bolder;
		padding: 20px 0;
		color: #ffb608;
	}

		.pagePic a{
			text-decoration: underline;
			color: #ffb608;
		}

	#pagePicList{
		width: 90%;
		height: 350px;
		background: #1f2229;
		box-shadow: 0 0 3px 0 rgba(0,0,0, .1);
		margin: 30px auto;
		border: 1px solid rgba(0,0,0, .1);
	}

		#pagePicList a{
			text-decoration: underline;
			color: #fff;
		}

		#pagePicList li{
			float: left;
			width: 50%;
			line-height: 50px;
			height: 50px;
			text-align: center;
			text-decoration: underline;
			border-bottom: 1px dashed #fff;
			
		}
			#pagePicList li:nth-child(odd){
				border-right: 1px dashed #fff;
			}

#MobileFooter{
	width: 120px;
	height: 100px;
	margin: 0 auto;
}

	#MobileFooter a{
		color: rgba(0,0,0, .6);
		font-size: 12px;
		text-align: center;
		text-decoration: underline;
	}

		#MobileFooter a span{
			float: left;
			width: 50%;
			text-align: center;
			text-decoration: underline;
		}


.pageTitle{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	border-bottom: 1px solid rgba(0,0,0, .1);
	padding-bottom: 10px;
}

	.pageTitle h6{
		line-height: 30px;
		font-size: 14px;
		color: rgba(0,0,0, .5);
	}

		.pageTitle h6 span{
			padding: 0 10px;
		}

.college{
	width: 100%;
	min-height: 500px;
	padding: 30px 5%;
}

	#college_left{
		width: 100%;
		background: #fff;
		margin-bottom: 30px;
	}

		#college_left #contnet{
			width: 100%;
			padding-bottom: 50px;
		}

			#college_left #content h4{
				width: 100%;
				font-size: 20px;
				padding: 20px 0;
				border-bottom: 1px solid rgba(0,0,0, .1);
				margin-bottom: 20px; 
			}

			#college_left #content p{
				line-height: 1.8em;
				margin-bottom: 10px;
				font-size: 15px;
			}

			#college_left #content img{
				display: block;
				width: 70%;
				margin: 40px auto;
			}

		#college_left_tab{
			width: 100%;
			min-height: 30px;
		}

			#college_left_tab li{
				float: left;
				padding: 10px 3px;
				border: 1px solid rgba(0,0,0, .1);
				margin-right: 7px;
				margin-bottom: 8px;
				font-size: 13px;
			}

				#college_left_tab li:hover,#college_left_tab .on{
					background: #fcb50d;
					border: 1px solid #fcb50d;
					color: #fff;
				}

		#college_left_content{
			width: 100%;
			margin-top: 10px;
		}

			#college_left_content li{
				border-bottom: 1px dashed rgba(0,0,0, .1);
				padding: 30px 0;
			}

				#college_left_content li h3{
					font-size: 16px;
					font-weight: bolder;
					padding: 10px 0;
					cursor: pointer;
					color: #000;
				}

					#college_left_content li h3:hover{
						text-decoration: underline;
					}

				#college_left_content li span{
					display: inline-block;
					line-height: 1.6em;
					font-size: 14px;
					color: rgba(0,0,0, .6);
					overflow : hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}

		#college_left_page{
			padding: 40px 0;
		}

			#college_left_page li{
				float: left;
				border: 1px solid rgba(0,0,0, .1);
				padding: 5px 10px;
				font-size: 14px;
				color: rgba(0,0,0, .6);
				margin-right: 10px;
				cursor: pointer;
			}

				#college_left_page .on,#college_left_page li:hover{
					background: #fcb50d;
					border: 1px solid #fcb50d;
					color: #fff;
				}

	#college_right{
		width:100%;
		margin-bottom: 40px;
	}

		#college_right_noAccount{
			width: 100%;
			background: #eeeeee;
			height: 150px;
			border-radius: 10px;
			text-align: center;
		}

			#college_right_noAccount h4{
				text-align: center;
				font-size: 18px;
				font-weight: bolder;
				padding: 30px 0;
			}

			#college_right_noAccount span{
				display: block;
				width: 220px;
				height: 40px;
				border-radius: 10px;
				background: #fd9e22;
				line-height: 40px;
				color: #fff;
				margin: 0 auto;
			}

				#college_right_noAccount span:hover{
					background: #ff7200;
				}

		#college_right_label{
			width: 100%;
			border: 1px solid rgba(0,0,0, .1);
			background: #fff;
			border-radius: 10px;
			margin-top: 20px;
		}

			#college_right_label h4{
				line-height: 45px;
				font-size: 16px;
				padding: 0 10px;
				border-bottom: 1px solid rgba(0,0,0, .1);
			}

			#college_right_label #content{
				width: 100%;
				height: 140px;
				padding: 10px;
			}

				#college_right_label #content li{
					display: inline-block;
					padding: 5px 8px;
					float: left;
					border: 1px dashed rgba(0,0,0, .1);
					margin: 5px;
					font-size: 14px;
					cursor: pointer;
				}

					#college_right_label #content li:hover{
						background: #ff7200;
						color: #fff;
						border: 1px solid #ff7200;
					}

		#college_right_code{
			width: 100%;
			border: 1px solid rgba(0,0,0,.1);
			background: #fff;
			border-radius: 10px;
			padding: 20px;
			margin-top: 20px;
		}

			#college_right_code img{
				width: 100%;
			}

.contactus{
	width: 100%;
	min-height: 400px;
	padding: 20px 5%;
}

	#contactus_left{
		width: 100%;
		height: 45px;
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0, .1);
	}

		#contactus_left li{
			float: left;
			width: 33.3%;
			line-height: 45px;
			height: 45px;
			text-align: center!important;
		}

			#contactus_left li:hover,#contactus_left .on{
				text-align: center!important;
				color: #fdaf06;
				border-bottom: 3px solid #fdaf06;
			}

			#contactus_left li:last-child{
				border: 0;
			}

			#contactus_left li i{
				display: block;
				width: 10px;
				height: 12px;
				background: url(images/commen/contactus_next.jpg) no-repeat center;
				background-size: auto 100%;
				float: right;
				margin-top: 21px;
				margin-right: 10px;
			}

	#contactus_right{
		width: 100%;
		background: #fff;
		padding: 30px 10px;
		margin-bottom: 50px;
	}

		#contactus_right ul li{
			width: 100%;
		}

			#contactus_right ul li h3{
				padding-bottom: 20px;
				font-size: 20px;
				border-bottom: 1px solid rgba(0,0,0, .1);
				margin-bottom: 20px;
			}

			#contactus_right ul li p{
				font-size: 14px;
				line-height: 1.6em;
				margin-bottom: 10px;
				text-indent: 2em;
			}

			#contactus_right ul li span{
				display: inline-block;
				font-size: 14px;
				font-weight: bolder;
				padding: 20px 0;
				line-height: 1.4em;

			}

				#contactus_right ul li span em{
					font-size: 18px;
					font-weight: bolder;
					margin-right: 5px;
				}

.workMenu{
	width: 100%;
	min-width: 300px;
	max-width: 640px;
	height: 40px;
	line-height: 40px;
	background: #1f2229;
	position: fixed;
	z-index: 999999999999;
}

	.workMenu h1{
		margin: 0 auto;
		text-align: center;
		color: #fff;
	}

	.workMenu #workMenuBtn{
		float: right;
		margin-top: -30px;
		margin-right: 10px;
		display: block;
		width: 75px;
		height: 20px;
		/*background: url(images/menu.png) no-repeat center;*/
		background: #fff;
		border-radius: 7px;
		background-size: 100% auto;
		line-height: 20px;
		text-align: center;
		font-size: 12px;
	}

	.workMenu #workMenuList{
		display: none;
		width: 100%;
		height: 250px;
		background: #262b36;
	}

		.workMenu #workMenuList li{
			float: left;
			width: 50%;
			line-height: 35px;
			font-size: 14px;
			border-bottom: 1px dashed rgba(255,255,255, .1);
			border-right: 1px dashed rgba(255,255,255, .1);
			text-align: center;
			color: #fff;
		}


.caseBanner{
	width: 100%;
	padding: 60px 5%;
}

	#caseBanner_list{
		width: 100%;
		margin: 0 auto;
	}

		#caseBanner_list li{
			width: 100%;
			height: 220px;
			float: left;
			overflow: hidden;
			margin: 0 170px;
			opacity: 0.5;
		}

			#caseBanner_list .on{
				position: absolute;
				width: 400px;
				height: 250px;
				left: 50%;
				margin-left: -200px;
				margin-top: -20px;
				opacity: 1.0;
				z-index: 9999;
				box-shadow: 0 0 10px 0px rgba(0,0,0, .1);
			}

			#caseBanner_list li img{
				width: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				cursor: pointer;
			}

				#caseBanner_list li img:hover{
					-webkit-transform : scale(1.2);
				}

		#caseBanner_dote{
			width: 120px;
			height: 20px;
			margin: 0 auto;
		}

			#caseBanner_dote li{
				float: left;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				border: 1px solid rgba(0,0,0, .1);
				margin: 0 5px;
				cursor: pointer;
			}

				#caseBanner_dote .on{
					width: 30px;
					border-radius: 20px;
					background: #fbb50c;
					border: 0;
				}

.title{
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	padding: 0 0 30px 0;
}

.descr{
	display: inline-block;
	width: 100%;
	line-height: 1.8em;
	font-size: 14px;
	color: rgba(0,0,0, .8);
	text-align: left;
	padding: 0 20px;
	margin-bottom: 20px;
}

.iconList{
	width: 100%;
	background: #f9f9f9;
	padding: 60px 0 20px 0;
}

	#iconList_list{
		width: 100%;
		margin: 0 auto;
	}

		#iconList_list li{
			width: 90%;
			margin: 0 auto;
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: 1px dashed rgba(0,0,0, .1);
		}

			#iconList_list #icon{
				width: 120px;
				height: 120px;
				border-radius: 50%;
				background: #fbb50c;
				overflow: hidden;
				margin: 10px auto;
			}

				.iconList_list_noBG #icon{
					background: none!important;
				}

				#iconList_list #icon img{
					display: block;
					width: 60%;
					margin: 0 auto;
					padding: 26px 0;
					-webkit-transition: all 0.6s ease-in-out;
					-moz-transition: all 0.6s ease-in-out;
					-o-transition: all 0.6s ease-in-out;
					-ms-transition: all 0.6s ease-in-out;
					transition: all 0.6s ease-in-out;
					cursor: pointer;
				}

					#iconList_list #icon img:hover{
						-webkit-transform: rotate(360deg);
					}

			#iconList_list h3{
				text-align: center;
				font-size: 20px;
				padding: 15px 0;
				font-weight: lighter;
			}

			#iconList_list span{
				width: 100%;
				display: inline-block;
				line-height: 1.6em;
				font-size: 14px;
				text-align: center;
				padding: 20px;
			}

.reasonFor{
	width: 100%;
	padding: 60px 0 20px 0;
}

	#reasonFor_list{
		width: 100%;
		/*margin: 40px auto;*/
	}

		#reasonFor_list li{
			width: 80%;
			margin: 0 auto;
			background: #fff;
			border: 1px solid rgba(0,0,0, .1);
			margin-bottom: 20px;
		}

			#reasonFor_list li:hover{
				box-shadow: 0 0 10px 0 rgba(0,0,0, .1);
			}

			#reasonFor_list #photo{
				width: 100%;
				height: 150px;
				overflow: hidden;
			}

				#reasonFor_list #photo img{
					width: 100%;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				}

					#reasonFor_list #photo img:hover{
						-webkit-transform: scale(1.1);
					}

			#reasonFor_list h3{
				width: 100%;
				height: 35px;
				line-height: 35px;
				font-size: 18px;
				padding: 10px 20px;
			}

				#reasonFor_list h3 i{
					display: block;
					width: 30px;
					height: 35px;
					float: left;
					margin-right: 10px;
				}

					#reasonFor_list h3 i img{
						height: 100%;
					}

			#reasonFor_list span{
				display: block;
				font-size: 14px;
				width: 90%;
				margin: 20px;
				line-height: 1.6em;
			}

.goRegBtn{
	width: 80%;
	height: 50px;
	margin: 0 auto;
	border-radius: 15px;
	background: #ed3f2e;
	margin: 0 auto 60px auto;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
}

.goRegBtnB{
	width: 250px;
	height: 45px;
	border-radius: 5px;

}

	.goRegBtn img{
		display: block;
		height: 100%;
		margin: 0 auto;
		padding: 13px 0;
	}

		.goRegBtnB img{
			padding: 10px 0;
		}

.pageContent{
	width: 100%;
	padding: 0 5%;
	padding-bottom: 0;
}

.pageContent img{
	display: block;
	width: 95%;
	margin: 0 auto;
}

	#pageContent_content{
		width: 100%;
	}

		#pageContent_content p{
			line-height: 1.6em;
			margin-bottom: 10px;
			font-size: 14px;
			border-bottom: 1px dashed rgba(0,0,0, .1);
			padding: 10px 0;
			cursor: pointer;
		}

			#pageContent_content p:hover{
				color: #ff7200;
			}

			#pageContent_content p em{
				font-weight: bolder;
				font-size: 16px;
				border-bottom: 0;
			}

	#pageContent_tip{
		width: 100%;
		background: #f9f9f9;
		padding: 20px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

		#pageContent_tip #content{
			border: 1px dashed rgba(0,0,0, .1);
			padding: 20px;
		}

			#pageContent_tip #content p{
				line-height: 1.6em;
				margin-bottom: 10px;
				font-size: 14px;
			}

				#pageContent_tip #content p em{
					font-weight: bolder;
					font-size: 16px;
					border-bottom: 0;
				}

.marketAdvan{
	width: 100%;
	padding: 60px 5% 0 5%;
}

	.marketAdvan ul{
		width: 100%;
	}

		.marketAdvan ul li{
			width: 100%;
			margin-bottom: 40px;
			border-bottom: 1px dashed rgba(0,0,0, .1);
			padding-bottom: 30px;
		}

			.marketAdvan ul li h3{
				font-size: 22px;
				line-height: 40px;
				font-weight: bolder;
			}

				.marketAdvan ul li h3 i{
					display: block;
					float: left;
					width: 40px;
					height: 40px;
					margin-right: 5px;
				}

					.marketAdvan ul li h3 i img{
						width: 100%;
					}

			.marketAdvan ul li span{
				display: block;
				padding-left: 47px;
				line-height: 2em;
				font-size: 14px;
			}


.intro{
	width: 100%;
	margin: 0 auto;
	padding: 40px 5%;
}
	
	.intro img{
		display: block;
		width: 150px;
		margin: 20px auto;
	}


.marketCase{
	width: 100%;
	padding: 40px 5%;
	background: #f9f9f9;

}

	#marketCase_left{
		width: 100%;
	}

		#marketCase_left #img{
			width: 100%;
			height: 250px;
			overflow: hidden;
			
		}

			#marketCase_left #img img{
				width: 100%;
			}

			#marketCase_left #scale{
				position: absolute;
				width: 70px;
				height: 70px;
				border-radius: 15px;
 				background: url(images/commen/icon-scale.png) no-repeat center;
 				background-size: 100% auto;
 				opacity: 0.5;
 				margin-left: 150px;
 				margin-top: 80px;
 				cursor: pointer;
 				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
			}

				#marketCase_left #scale:hover{
					opacity: 1.0;
				}

	#marketCase_right{
		width: 100%;
		margin-bottom: 30px;
	}

		#marketCase_right h3{
			font-size: 24px;
			padding: 20px 0;
			text-align: center;
		}

		#marketCase_right p{
			line-height: 2em;
			font-size: 14px;
		}

			#marketCase_right p em{
				color: #fbb50c;
			}

		#marketCase_right span{
			display: block;
			font-size: 13px;
			color: #237be9;
			padding: 20px 0;
		}

.marketCan{
	width: 100%;
	padding: 40px 5%;
	padding-bottom: 0;
}

	.marketCan ul{
		width: 100%;
		margin: 0 auto;
	}

		.marketCan ul li{
			width: 100%;
			margin: 20px auto;
		}

			.marketCan #icon{
				position: absolute;
				width: 120px;
				height: 120px;
				background: #fbb50c;
				border-radius: 50%;
				overflow: hidden;
				margin-left: 110px;
				margin-top: -40px;
			}

				.marketCan #icon img{
					display: block;
					margin: 0 auto;
					width: 60%;
					padding: 30px 0;
				}

			.marketCan #content{
				width: 300px;
				height: 170px;
				background: #f9f9f9;
				border: 1px solid rgba(0,0,0, .1);
				border-radius: 15px;
				margin-top: 50px;
				padding: 100px 20px; 
				margin: 60px auto;
			}

				.marketCan #content span{
					width: 100%;
					display: inline-block;
					font-size: 18px;
					line-height: 1.8em;
					text-align: center;
				}

.marketCaseB{
	width: 100%;
	padding: 60px 5%;
	background: #fff3d0;
	margin-bottom: 60px;
}

	.marketCaseB h3{
		font-size: 16px;
		font-weight: bolder;
	}

		#marketCaseB_block{
			width: 100%;
			margin: 20px auto;
			background: #fff;
		}


			#marketCaseB_block_right{
				width: 100%;
				padding: 25px;
			}

				#marketCaseB_block_right #img{
					width: 100%;
					height: 300px;
					margin-top: 20px;
					overflow: hidden;
					box-shadow: 0 0 5px 1px rgba(0,0,0, .1);
				}

					#marketCaseB_block_right #img img{
						width: 100%;
					}

				#marketCaseB_block_right h4{
					font-size: 18px;
					color: #fbb50c;
					font-weight: bolder;
					padding: 10px 0;
				}

				#marketCaseB_block_right span{
					line-height: 1.6em;
					font-size: 14px;
				}


.marketCanB{
	width: 100%;
	padding: 60px 5%;
}

	#marketCanB_list{
		width: 100%;
		margin-top: 30px;
	}

		#marketCanB_list li{
			width: 90%;
			margin: 20px auto;
			margin-bottom: 40px;
			padding-bottom: 40px;
			border-bottom: 1px dashed rgba(0,0,0, .1);
		}

			#marketCanB_list #icon{
				width: 100px;
				height: 100px;
				border-radius: 50%;
				background: #fbb50c;
				overflow: hidden;
				margin: 0 auto;
			}

				#marketCanB_list #icon img{
					display: block;
					margin: 0 auto;
					width: 60%;
					padding: 20px 0;
					-webkit-transition: all 0.6s ease-in-out;
					-moz-transition: all 0.6s ease-in-out;
					-o-transition: all 0.6s ease-in-out;
					-ms-transition: all 0.6s ease-in-out;
					transition: all 0.6s ease-in-out;
					cursor: pointer;
				}

					#marketCanB_list #icon img:hover{
						-webkit-transform : rotate(360deg);
					}

			#marketCanB_list .icon_color{
				background: #fbdc0c!important;
			}

			#marketCanB_list li span{
				width: 300px;
				display: inline-block;
				padding: 0 20px;
				line-height: 1.6em;
				margin-top: 30px;
			}

	#marketCanB_tip{
		width: 100%;
		padding: 15px;
		background: #faf6ec;
		border-radius: 15px;
		margin: 0 auto;
	}

		#marketCanB_tip p{
			font-size: 14px;
			text-align: left;
			line-height: 1.6em;
		}

			#marketCanB_tip p em{
				color: #fbb50c;
				font-size: 16px;
				font-weight: bolder;
				padding: 0 3px;
			}


.question{
	width: 100%;
	padding: 60px 5%;
	background: #f9f9f9;
}

	#question_block{
		width: 100%;
		border-radius: 10px;
		border: 1px solid rgba(0,0,0, .1);
		background: #fff;
	}

		#question_block h3{
			width: 100%;
			height: 60px;
			line-height: 60px;
			font-size: 18px;
			border-bottom: 1px solid rgba(0,0,0, .1);
			padding-left: 20px;
		}

			#question_block h3 i{
				float: left;
				display: block;
				width: 20px;
				height: 20px;
				background: url(../../edition_css/images/commen/icon-question.jpg) no-repeat center;
				background-size: 100% auto;
				margin-top: 20px;
				margin-right: 5px;
			}

		#question_block_left{
			width: 100%;
			height: 60px;
			padding: 10px;
		}

			#question_block_left li{
				float: left;
				width: 33.3%;
				line-height: 45px;
				height: 45px;
				cursor: pointer;
				font-size: 14px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space:  nowrap;
				padding: 0 10px;
			}

				#question_block_left .on{
					border-bottom: 3px solid #fbb50c;
				}


		#question_block_right{
			width: 100%;
		}

			#question_block_right li{
				padding: 20px;
			}

				#question_block_right li p{
					line-height: 1.6em;
					margin-bottom: 10px;
					text-indent: 2em;
					font-size: 15px;
				}

.marketRule{
	width: 100%;
	padding: 60px 5%;
	padding-bottom: 0;
	margin-bottom: 60px;
}

	#marketRule_list{
		width: 100%;
		margin: 0 auto;
	}

		#marketRule_list li{
			line-height: 1.6em;
			border-bottom: 1px dashed rgba(0,0,0, .1);
			padding: 20px 0;
			font-size: 14px;
		}


.marketWhat{
	width: 100%;
	padding: 10px 5%;
}

	#marketWhat_left{
		width: 100%;
		margin-top: 30px;
	}

		#marketWhat_left p{
			line-height: 2.5em;
			font-size: 14px;
		}

			#marketWhat_left p em{
				font-size: 18px;
				font-weight: bolder;
				margin-right: 5px;
			}

			#marketWhat_left p b{
				color: #fbb50c;
				font-weight: bolder;
			}

	#marketWhat_right{
		width: 100%;
		margin-top: 30px;
	}

		#marketWhat_right img{
			display: block;
			width: 100%;
			margin: 0 auto;
		}


.seoAdvan{
	width: 100%;
	padding: 60px 5%;
}

	#seoAdvan_section01{
		width: 100%;
		margin-top: 30px;
	}

		#seoAdvan_section01_left{
			width: 100%;
		}	

		#seoAdvan_section01_right{
			width: 100%;
		}	

			#seoAdvan_section01_right img{
				display: block;
				width: 60%;
				margin: 40px auto;
			}

	#seoAdvan_section02{
		width: 100%;
	}

		#seoAdvan_section02_left{
			width: 100%;
		}	

			#seoAdvan_section02_left img{
				display: block;
				width: 60%;
				margin: 40px auto;
			}

		#seoAdvan_section02_right{
			width: 100%;
		}

	#seoAdvan_section01_left p,#seoAdvan_section02_right p{
		line-height: 1.6em;
		padding: 20px 0;
		border-bottom: 1px dashed rgba(0,0,0, .1);
	}

		#seoAdvan_section01_left p em{
			color: #ffb509;
		}

		#seoAdvan_section02_right p em{
			color: #ff483a;
		}



.serviceRange{
	width: 100%;
	padding: 60px 5%;
	padding-bottom: 0;
}

	#serviceRange_list{
		width: 100%;
		margin: 0 auto;
	}

		#serviceRange_list li{
			width: 90%;
			margin: 0 auto;
			background: #f9f9f9;
			border-radius: 10px;
			overflow: hidden;
			margin-bottom: 50px;
			padding-bottom: 20px;
		}

			#serviceRange_list li h3{
				height: 50px;
				line-height: 50px;
				color: #fff;
				font-size: 20px;
				padding: 0 70px;
			}

			#serviceRange_list li h3 i{
				display: block;
				width: 30px;
				height: 30px;
				float: left;
				margin-top: 8px;
				margin-right: 10px;
			}

				#serviceRange_list li h3 i img{
					width: 100%;
				}

			#serviceRange_list #content{
				padding: 20px;
				text-align: center;
			}

				#serviceRange_list #content span{
					display: inherit;
					line-height: 32px;
					font-size: 16px;
				}

				#serviceRange_list .contentRoll span{
					float: left;
					display: block;
					width: 50%;
					text-align: center;
				}

.price{
	width: 100%;
	padding: 60px 10%;
}

	#price_table{
		width: 100%;
	}

		#price_table tr{
			cursor: pointer;
		}

		#price_table tr td,th{
			text-align: center;
			height: 50px;
			border-right: 1px solid #fff;
			font-size: 12px;
			padding: 0 5px;
		}

			#price_table tr:nth-child(2n){
				background: #f5f5f5;
			}

			#price_table tr:hover{
				background: #ddd;
			}

		#price_table #title th{
			background: #ca0028;
			height: 60px;
			font-size: 18px;
			color: #fff;
			font-weight: bolder;
		}

.mediaCase{
	width: 100%;
	padding: 60px 0;
}

	#mediaCase_list{
		position: absolute;
		width: 300px;
		height: 200px;
		overflow: hidden;
		left: 50%;
		margin-left: -150px;
		margin-top: 50px;
	}	

	#mediaCase_btn{
		width: 300px;
		height: 60px;
		position: absolute;
		left: 50%;
		margin-left: -150px;
		margin-top: 110px;
	}

		#mediaCase_btn>span{
			position: absolute;
			display: block;
			width: 60px;
			height: 60px;
			cursor: pointer;
			opacity: 0.5;
		}

			#mediaCase_btn>span:hover{
				opacity: 1.0;
			}

			#mediaCase_btn #next{
				background: url(images/commen/btn_next.jpg) no-repeat center;
				background-size: 100% auto;
				right: 0;
			}

			#mediaCase_btn #pre{
				background: url(images/commen/btn_pre.jpg) no-repeat center;
				background-size: 100% auto;
				left: 0;
			}

		#mediaCase_list ul{
			width: 300%;
			height: 200px;
		}

			#mediaCase_list ul li{
				width: 600px;
				float: left;
			}

				#mediaCase_list #img{
					float: left;
					width: 300px;
					height: 200px;
					overflow: hidden;
					border: 1px solid rgba(0,0,0, .1);
					border-radius: 10px;
					margin-right: 50px;
				}

					#mediaCase_list #img img{
						height: 100%;
					}

				#mediaCase_list #word{
					margin-top: 60px;
				}


					#mediaCase_list #word h3{
						font-size: 20px;
						font-weight: bolder;
						color: #fbb50c;
						padding: 10px 0;
					}

					#mediaCase_list #word span{
						font-size: 16px;
						color: rgba(0,0,0, .8);
					}

.pageContent,.pageContentCase{
	width: 100%;
	padding: 30px 5%;
	padding-bottom: 0;
}
	
	.pageContent img{
		width: 100%;
		margin: 20px 0;
	}

	.pageContent h3{
		font-size: 20px;
		font-weight: bolder;
		padding: 20px 0;
	}

	.pageContentCase img{
		display: block;
		width: 70%;
		margin: 40px auto;
	}

	.pageContentCase span{
		display: block;
		width: 100%;
		text-align: center;
	}


.mediaList{
	width: 100%;
	padding: 60px 0;
}

	#mediaList_list{
		position: absolute;
		width: 300px;
		height: 30px;
		overflow: hidden;
		left: 50%;
		margin-left: -150px;
		border-bottom: 1px solid rgba(0,0,0, .1);
	}

		#mediaList_list ul{
			width: 300px;
			height: 30px;
		}

			#mediaList_list ul li{
				float: left;
				width: 100px;
				padding: 5px 0;
				text-align: center;
				cursor: pointer;
			}

			#mediaList_list .on{
				border-bottom: 6px solid #ffb608;
			}

	#mediaList_content{
		width: 300px;
		margin: 50px auto;
		margin-top: 70px;
	}

		#mediaList_content>ul{
			display: none;
		}

			#mediaList_content .on{
				display: block;
			}

		#mediaList_content>ul>li{
			width: 100%;
			height: 160px;
			margin: 10px 0;
			border-bottom: 1px dashed rgba(0,0,0, .1);
			padding: 15px 0;
		}

			#mediaList_content_left{
				float: left;
				width: 25%;
				text-align: center;
			}

				#mediaList_content_left #photo{
					width: 50px;
					height: 50px;
					border-radius: 10px;
					margin: 0 auto;
					overflow: hidden;
				}

					#mediaList_content_left #photo img{
						width: 100%;
						display: block;
					}

				#mediaList_content_left span{
					font-size: 14px;
					line-height: 1.6em;
					text-align: center;
					width: 100%;
					display: inline-block;
					margin-top: 10px;
					color: rgba(0,0,0, .8);
				}

			#mediaList_content_right{
				float: right;
				width: 65%;
			}

				#mediaList_content_right #data{
					height: 50px;
					width: 100%;
					border-bottom: 1px solid rgba(0,0,0, .1);
				}

					#mediaList_content_right #data li{
						float: left;
						width: 30%;
						height: 40px;
						text-align: center;
					}

						#mediaList_content_right #data li h3{
							font-size: 16px;
							font-weight: bolder;
							color: #1679ff;
						}

						#mediaList_content_right #data li span{
							font-size: 12px;
							color: rgba(0,0,0, .7);
						}

				#mediaList_content_right #content{
					padding: 10px 0;
				}

					#mediaList_content_right #content p{
						font-size: 12px;
						color: rgba(0,0,0, .6);
						line-height: 1.6em;
						overflow : hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}

					#mediaList_content_right #content span{
						display: block;
						text-align: center;
						background: #1679ff;
						color: #fff;
						width: 80px;
						height: 20px;
						border-radius: 5px;
						float: right;
						font-size: 12px;
						line-height: 20px;
						margin-top: 10px;
						cursor: pointer;
					}

						#mediaList_content_right #content span:hover{
							background: #0e6ae8;
						}


.mediaCaseB{
	width: 100%;
	padding: 60px 8%;
	background: #f9f9f9;
	padding-bottom: 0;
}

	#mediaCaseB_left{
		width: 100%;
	}	

		#mediaCaseB_left img{
			display: block;
			width: 100%;
			margin: 0 auto;
		}

	#mediaCaseB_right{
		width: 100%;
	}

		#mediaCaseB_right_info{
			width: 100%;
			height: 100px;
			border-bottom: 1px solid rgba(0,0,0, .1);
		}

			#mediaCaseB_right_info img{
				float: left;
				width: 70px;
				height: 70px;
				border-radius: 10px;
				border: 1px solid rgba(0,0,0, .1);
				margin-right: 10px;
			}

			#mediaCaseB_right_info h3{
				font-size: 18px;
				padding: 5px 0;
			}

			#mediaCaseB_right_info span{
				font-size: 14px;
				color: rgba(0,0,0, .8);
				line-height: 1.6em;
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}

		#mediaCaseB_right_data{
			width: 100%;
			height: 80px;
			border-bottom: 1px solid rgba(0,0,0, .1);
		}

			#mediaCaseB_right_data ul li{
				float: left;
				width: 25%;
				padding: 15px 0;
				text-align: center;
			}

				#mediaCaseB_right_data ul li h4{
					font-size: 16px;
					font-weight: bolder;
					color: #0c63d8;
					padding: 5px 0;
				}

				#mediaCaseB_right_data ul li span{
					font-size: 12px;
					color: rgba(0,0,0, .8);
				}

		#mediaCaseB_right_method{
			width: 100%;
			padding: 20px 0;
		}

			#mediaCaseB_right_method h5{
				line-height: 1.6em;
				font-size: 15px;
				color: rgba(0,0,0, .8);
				margin-bottom: 10px;
			}

				#mediaCaseB_right_method h5 em{
					font-weight: bolder;
					color: #000;
				}

			#mediaCaseB_right_method p{
				font-size: 14px;
				padding-bottom: 5px;
			}


.mediaService{
	width: 100%;
	padding: 60px 5%;
}

	.mediaService img{
		width: 100%;
	}