#page.index{
	padding: 0 0 0;
	position: relative;
    background: #fff;
}
#page.index .pro_sec{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+52,e3e3e3+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 52%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 52%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 52%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow: hidden;
}
#page.index .pro_sec a{
	display: block;
}
#page.index .pro_sec a:hover span{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
#page.index .pro_sec a span{
	display: block;
	max-width: 1050px;
	margin: auto;
	width: 90%;
	transition: 0.3s;
}
#page.index .half_sec .half{
	display: table;
	width: 100%;
}
#page.index .half_sec .half .grid{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	height: 330px;
}
#page.index .half_sec .half .grid.linebottom {
  border-bottom: 1px solid #A9A9AA;
}
#page.index .half_sec .half .grid.bg{
	position: relative;
	overflow: hidden;

}
#page.index .half_sec .half .grid.bg:hover a{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#page.index .half_sec .half .grid.bg01 a{
	background: url(../images/ph02.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg01 a{
	position: relative;
}
#page.index .half_sec .half .grid.bg02 a{
	background: url(../images/ph03.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg02 a{
	position: relative;
}
#page.index .half_sec .half .grid.bg03 a{
	background: url(../images/ph07.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg03 a{
	position: relative;
}
#page.index .half_sec .half .grid.bg04 a{
	background: url(../images/ph05.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg04 a{
	position: relative;
}
#page.index .half_sec .half .grid.bg05 a{
	background: url(../images/ph06.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg05 a{
	position: relative;
}

#page.index .half_sec .half .grid.bg06 a{
	background: url(../images/ph08.png) center no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.3s;
}
html.ie #page.index .half_sec .half .grid.bg06 a{
	position: relative;
}

#page.index .half_sec .half .grid.txt{
	padding: 60px 30px;
	box-sizing: border-box;
	text-align: center;
}
#page.index .half_sec .half .grid.txt.linetop{
	border-top: 1px solid #A9A9AA;
}
#page.index .half_sec .half .grid.txt h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
#page.index .half_sec .half .grid.txt h3 span{
	display: block;
	font-size: 17px;
	font-weight: normal;
	margin-top: 5px;
	line-height: 25px;
}
#page.index .half_sec .half .grid.txt p{
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 1.5em;
}
#page.index .half_sec .half .grid.pcv{display: table-cell;}
#page.index .half_sec .half .grid.spv{display: none;}
@media(min-width: 1px) and (max-width: 940px){
	#page.index .half_sec .half .grid{
		height: 350px;
	}
@media (min-width: 1px) and (max-width: 640px){
	#page.index{
		padding: 0 0 0;
	}
	#page.index .pro_sec a{
		padding: 30px 0;
	}
	#page.index .half_sec .half{display: block;}
	#page.index .half_sec .half .grid{
		display: block;
		width: 100%;
		height: 200px;
	}
	#page.index .half_sec .half .grid.pcv{display: none;}
	#page.index .half_sec .half .grid.spv{display: block;}
	#page.index .half_sec .half .grid.txt{
		height: auto;
		padding: 30px;
	}
	#page.index .half_sec .half .grid.txt h3{
		font-size: 20px;
	}
	#page.index .news_sec{
		padding: 30px 0 30px;
	}
	#page.index .half_sec .half .grid.txt.linetop{
		border-top: none;
	}
	#page.index .half_sec .half .grid.spv.linetop {
	}
	#page.index .half_sec .half.linetop {
		border-top: none;
		padding-top: 0;
	}
	#page.index .half_sec .half .grid.txt p{
		font-size: 14px;
	}
}