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

.ind_con{
	width: 100%;
	float: left;
	min-width: 1200px;
	background: url(../images/ab_topBg.gif) center top no-repeat;
}
.ind_top{
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
}
.ind_mov{
	float:left;
	padding:10px;
	width:721px;
	background-image: url(../images/ind_Bus.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.ind_op{
float:left;
width:415px;
padding:10px;
}

.ind_Mes{
float:left;
}
.ind_img{
float:left;
}
.ind_Per{
	float:left;
	background-image: url(../images/ind_Per.png);
	background-repeat: no-repeat;
	width:281px;
	height:192 px;
}
.ind_Perw{
float:right;
padding:60px 10px 20px 10px;
width:150px;
height:100px;
}
.ind_Win{
	float:left;
	background-image: url(../images/ind_mes.png);
	background-repeat: no-repeat;
	width:281px;
	height:192 px;
}
.more{
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding:0 10px 0 20px;
	font-size: 14px;

}

.ind_Hum{
	float:left;
	background-image: url(../images/ind_Hum.gif);
	background-repeat: no-repeat;
	width:590px;
	height:205px;
	margin:10px 5px;

}
.ind_eng{
	float:left;
	background-image: url(../images/ind_eng.gif);
	background-repeat: no-repeat;
	width:590px;
	height:205px;		margin:10px 5px;
}
.ind_link{
	float:left;
}


.ind_Humw{
	float:right;
	padding:25px 20px 0px 40px;
	width:430px;
	line-height:24px;
}

.ind_link{
	background-image: url(../images/ind_ser.gif);
	background-repeat: no-repeat;
	width:273px;height:205px;
}
.ind_link ul{

	width:273px;
	padding:60px 10px;
}
.ind_link li a{
color:#FFF;
}
.ind_link li{
float:left;
display:inline;
width:86px;
height:40px;
padding:10px 17px 10px 32px;
}
.ind_ser1{
	background-image: url(../images/ind_ser1.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align:center;

}
.ind_ser1:hover{
	background-image: url(../images/ind_ser1-2.gif);
	background-repeat: no-repeat;

}
.ind_ser2{
	background-image: url(../images/ind_ser2.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align:center;

}
.ind_ser2:hover{
	background-image: url(../images/ind_ser2-2.gif);
	background-repeat: no-repeat;

}
.ind_ser3{
	background-image: url(../images/ind_ser3.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align:center;

}
.ind_ser3:hover{
	background-image: url(../images/ind_ser3-2.gif);
	background-repeat: no-repeat;

}
.ind_ser4{
	background-image: url(../images/ind_ser4.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align:center;

}
.ind_ser4:hover{
	background-image: url(../images/ind_ser4-2.gif);
	background-repeat: no-repeat;

}
.mov{
	width:632px;
	height:355px;
	float:left;
	padding:0 0 0 80px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.ind_con{
	width: 100%;
	min-width: 320px;
}
.ind_top{
	width: 90%;
	padding: 0 5%;
	float: left;
}
.ind_mov, .mov{
	width: 100%;
	padding: 0;
	text-align: center;
	background: none;
}
.mov{
	height: auto;
	margin: 10px 0;
}
.mov video{
	width: 100% !important;
	height: auto;
}
.ind_mov, .ind_op{
	width: 100%;
	padding: 0;
	margin: 10px 0;
}
.ind_Mes, .ind_img{
	width: 100%;
	text-align: center;
}
.ind_op img, .ind_img img{
	width: 100%;
	height: auto;
}
.ind_Per, .ind_Win{
	width: 50%;
}
.ind_Per{
	background: url(../images/ind_Per_l.png) left top no-repeat, url(../images/ind_Per_r.png) right bottom no-repeat;
}
.ind_Perw{
	width: 50%;
	text-align: left;
}
.ind_Hum{
	width: 100%;
	height: auto;
	min-height: 205px;
	background: url(../images/ind_Hum_l.png) left top no-repeat, url(../images/ind_Hum_r.png) right top no-repeat;
}
.ind_Humw{
	text-align: left;
	width: 70%;
	height: auto;
}
.ind_eng{
	width: 100%;
	height: auto;
	min-height: 205px;
	background: url(../images/ind_eng_l.png) left top no-repeat, url(../images/ind_eng_r.png) right top no-repeat;
}
.ind_link, .ind_link ul{
	width: 100%;
	height: auto;
	margin: 10px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 534px) {
.ind_Per, .ind_Win{
	width: 100%;
}
.ind_Perw{
	width: 60%;
}
.ind_Humw{
	width: 50%;
}
}