.page-all{
	width:1100px;
	margin:0 auto;
}

.area{
 padding-bottom:20px;
}

.area h1{
	text-align:center;
	font-size:30px;
}

.area h2{
	padding-top:20px;
	text-align:center;
	line-height:150%;
	font-size:15px;
	color:#666666;
}
.area1{
padding-top:30px;
}

.area1 h1{
	text-align:center;
	font-size:30px;
}

.area1 h2{
	padding-top:20px;
	text-align:center;
	line-height:150%;
	font-size:16px;
	color:#666;
}


.business .page-all{
	margin-top:30px;
}

.business li{
	float:left;
	position:relative;
	margin-right:10px;
	padding:30px;
	width:200px;
	height:223px;
	border:#ddd 1px solid;
	cursor:pointer;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.business li:hover{
	margin-top:-5px;
	border-color:#ccc;
	box-shadow:0 0 15px rgba(0,0,0,0.15);
	background-color:#00CCFF;
}

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

.business li a{
	display:block;
}

.business li a span{
	display:block;
	text-align:center;
}

.business li a span.pic{
	margin:5px auto 0 auto;
	width:72px;
	height:72px;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.business li a span.p1{
	background: url(../images/product_ind_01.png) center center no-repeat;
	background-size:72px;
}

.business li a:hover span.p1{
	background:url(../images/product_ind_01_hover.png) center center no-repeat;
	background-size:72px;
}

.business li a span.p2{
	background:url(../images/product_ind_02.png) center center no-repeat;
	background-size:72px;
}

.business li a:hover span.p2{
	background:url(../images/product_ind_02_hover.png) center center no-repeat;
	background-size:72px;
}

.business li a span.p3{
	background:url(../images/product_ind_03.png) center center no-repeat;
	background-size:72px;
}

.business li a:hover span.p3{
	background:url(../images/product_ind_03_hover.png) center center no-repeat;
	background-size:72px;
}

.business li a span.p4{
	background:url(../images/product_ind_04.png) center center no-repeat;
	background-size:72px;
}

.business li a:hover span.p4{
	background:url(../images/product_ind_04_hover.png) center center no-repeat;
	background-size:72px;
}

.business li a span.title{
	margin:20px auto 0 auto;
	font-size:18px;
	color:#333;
}

.business li a span.text{
	margin:5px auto 0 auto;
	font-size:14px; line-height:20px;
	color:#999;
}
.business li a:hover span.title{
	margin:20px auto 0 auto;
	font-size:18px;
	color:#fff;
}

.business li a:hover span.text{
	margin:5px auto 0 auto;
	font-size:14px;
	color:#fff;
}

.solution{
	position:relative;
	height:278px;
	background:url(../images/area_common_bg.png) center center no-repeat;
}

.solution h1{
padding-top:1px;
	color:#FFFFFF;
}

.solution h2{
	color:#FFFFFF;
}

.solution ul.page-all{

	position:absolute;
	overflow:hidden;
	left:50%;
	margin-left:-550px;
	height:330px;
	margin-top:10px;
}

.solution ul.page-all li{
display:block;
	
	float:left;
	padding:0 30px;
	width:198px;
	height:135px;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	margin-right:15px;
}

.solution ul.page-all li:hover{

	background:rgba(69,193,241,1);
	color:#fff;
}

.solution ul.page-all li span{
	display:block;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.solution ul.page-all li span.pic{
margin:20px auto 0 auto;
	width:80px;
	height:80px;
}

.solution ul.page-all li span.p1{
	background:url(../images/solution_ind_01.png) center center no-repeat;

}

.solution ul.page-all li span.p2{
	background:url(../images/solution_ind_02.png) center center no-repeat;

}

.solution ul.page-all li span.p3{
	background:url(../images/solution_ind_03.png) center center no-repeat;

}

.solution ul.page-all li span.p4{
	background:url(../images/solution_ind_04.png) center center no-repeat;

}
.solution ul.page-all li span.p5{
	background:url(../images/solution_ind_05.png) center center no-repeat;

}

.solution ul.page-all li span.p6{
	background:url(../images/solution_ind_06.png) center center no-repeat;

}

.solution ul.page-all li span.p7{
	background:url(../images/solution_ind_07.png) center center no-repeat;

}

.solution ul.page-all li span.p8{
	background:url(../images/solution_ind_08.png) center center no-repeat;

}


.solution ul.page-all li:hover span.p1{
	background:url(../images/solution_ind_01_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p2{
	background:url(../images/solution_ind_02_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p3{
	background:url(../images/solution_ind_03_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p4{
	background:url(../images/solution_ind_04_hover.png) center center no-repeat;

}
.solution ul.page-all li:hover span.p5{
	background:url(../images/solution_ind_05_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p6{
	background:url(../images/solution_ind_06_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p7{
	background:url(../images/solution_ind_07_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.p8{
	background:url(../images/solution_ind_08_hover.png) center center no-repeat;

}

.solution ul.page-all li:hover span.pic{

margin-top:20px;
}

.solution ul.page-all li span.title{
	padding-top:5px;
	text-align:center;
	font-size:16px;
	color:#fff;
}

.solution ul.page-all li span.text{
	padding-top:10px;
	text-align:center;
	line-height:22px;
	font-size:14px;
	color:rgba(255,255,255,0.4);
}

.solution ul.page-all li:hover span.text{
	color:rgba(255,255,255,0.8);
}

.solution ul.page-all li span.link{

	text-align:center;
}

.solution ul.page-all li span.link a{
	margin:0 5px;
	padding:6px 14px;
	border:#fff 1px solid;
	color:#fff;
	font-size:14px;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.solution ul.page-all li span.link a:hover{
	background:#fff;
	color:#45c1f1;
}




.info{
	background:#f2f2f2;
}

.info .title{
	height:28px;
	line-height:28px;	
}

.info .title > *{
	float:left;
}

.info .title span{
	padding-right:20px;
	font-size:24px;
}

.info .more{

	font-size:14px;
}

.info .more a{
	color:#45c1f1;
}

.info .more a:hover{
	text-decoration:underline;
}

.info .news{
	float:left;
	width:350px;
}

.info .news .title a{
	margin:0 5px;
	padding:0 8px;
	font-size:12px;
	color:#666;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}
.info .news .title small{ float:right;

}
.info .news .title a:hover{
	background:#45c1f1;
	color:#fff;
}

.info .news .title a.active{
	background:#45c1f1;
	color:#fff;
}

.info .news .article{
	padding-top:30px;
}

.info .news .article ul{
	float:left;
	width:100%;
}

.info .news .article li{
	line-height:36px;
	font-size:14px;
}

.info .news .article li span{
	color:#999;
}

.info .news .article li a{
	color:#333;
}

.info .news .article li a:hover{
	color:#45c1f1;
}

.info .activity{
	float:left; padding-left:15px;
	margin-left:15px;
	width:350px;
}
.info .activity .article li a:hover{
	color:#45c1f1;
}

.info .activity .article ul{
	float:left;
	width:100%;
}

.info .activity .article li{
	line-height:36px;
	font-size:14px;
}

.info .activity .article li span{
	color:#999;
}

.info .activity .article li a{
	color:#333;
}
.info .activity .pic{
	padding-top:30px; 
	height:108px;
}

.info .activity .pic img{
	display:block;
	width:100%;
	height:100%;
}
.info .activitys{
	float:right;
	width:350px;
}
.info .activitys .article li a:hover{
	color:#45c1f1;
}

.info .activitys .article ul{
	float:left;
	width:100%;
}

.info .activitys .article li{
	line-height:36px;
	font-size:14px;
}

.info .activitys .article li span{
	color:#999;
}

.info .activitys .article li a{
	color:#333;
}
.info .activitys .pic{
	padding-top:30px; padding-right:5px;
	height:108px;
}

.info .activitys .pic img{
	display:block;
	width:100%;
	height:100%;
}



/*-¹¤³Ì°¸Àý-12-31*/.g_hstmc
.g_xdhxtq{font-size:12px; color:#747993; text-align:right;}
.g_xdhxtq a{color:#747993;}
.g_xdhxtq a img{margin-bottom:-1px; width:14px; height:13px; margin-right:5px;}
.g_anlist ul li{width:320px; height:320px; overflow:hidden; border:1px solid #ccc; position:relative; float:left; margin:0 13px 18px 0;}
.g_hstmc{width:320px; height:320px; position:absolute; background:url(../images/g_21.png) repeat; top:268px; left:0;}
.g_hstmc h5 a{font-size:14px; color:#fff; text-align:center; font-weight:normal; height:50px; line-height:50px;  width:320px; overflow:hidden;border:0 none; border-radius:0;  margin:0;}
.g_hstmc h5{position:absolute; top:0;}
.g_hstmc p a{font-size:12px; color:#fff; width:128px; margin:68px auto 0; padding-top:54px; width:auto; height:auto; border:0 none; border-radius:0; line-height:normal; }
.g_hstmc a{display:block; width:80px; height:25px; line-height:25px; text-align:center; border:1px solid #fff; border-radius:5px; font-size:13px; color:#ffd800; margin:55px auto 0;}
.g_hstmc .g_hsth5{font-size:18px; font-weight:normal; color:#fff; line-height:normal; top:72px;}
.g_hstmc .g_hsth5 a{font-size:18px; font-weight:normal; color:#fff; line-height:normal;}
.g_anlist{margin:59px 0 42px;}