body{
	font-family:"SimHei","MicrosoftYaHei"!important;
}
.top{
	height: 600px;
	min-width: 1200px;
	background: url("../images/a1.jpg") no-repeat 100% 100%;
}
.middle{
	height: 1200px;
	min-width: 1200px;
	background: #fff;
}
.middle .middle-con{
	margin: 0 auto;
	width: 1200px;
	height: 1200px;
}
.middle .middle-con .process{
	margin-top: 100px;
	margin-bottom: 50px;
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}
.middle .middle-con .process-box{
	width: 100%;
	height: 780px;
}
.middle .middle-con .process-box .process-box-l{
	float: left;
	width: 550px;
	height:760px;
}
.middle .middle-con .process-box .process-box-l .ag{
	margin-bottom: 50px;
	width:550px;
	height: 220px;
}
.process-box-l .ag .ag-l{
	float: left;
	width: 250px;
	height:220px;
}
.process-box-l .ag .ag-r{
	float: left;
	width: 300px;
	height:220px;
	border:1px solid #CCC;
	border-left: 0;
	box-sizing: border-box;
}
.process-box-l .ag .ag-r .ag-r-til{
	margin-left: 30px;
	float: left;
	width: 240px;
	height:60px;
	font-size: 16px;
	line-height: 80px;
    text-align: center;
	border-bottom:1px solid #CCC;
	box-sizing: border-box;
	font-weight: bold;
}
.process-box-l .ag .ag-r p{
	margin-left: 30px;
    margin-top: 10px;
    float: left;
    width: 240px;
    line-height: 20px;
}
.middle .middle-con .process-box .process-box-z{
	float: left;
	width: 100px;
	height:760px;
}
.middle .middle-con .process-box .process-box-z img{
	margin-left: 21px;
}
.middle .middle-con .process-box .process-box-r{
	float: left;
	width: 550px;
	height:760px;
}
.middle .middle-con .process-box .process-box-r .agg{
	margin-top: 130px;
	width:550px;
	height: 220px;
}
.process-box-r .agg .agg-l{
	float: left;
	width: 250px;
	height:220px;
}
.process-box-r .agg .agg-r{
	float: left;
	width: 300px;
	height:220px;
	border:1px solid #CCC;
	border-right: 0;
	box-sizing: border-box;
}
.process-box-r .agg .agg-r .agg-r-til{
	margin-left: 30px;
	float: left;
	width: 240px;
	height:60px;
	font-size: 16px;
	line-height: 80px;
    text-align: center;
	border-bottom:1px solid #CCC;
	box-sizing: border-box;
	font-weight: bold;
}
.process-box-r .agg .agg-r p{
	margin-left: 30px;
    margin-top: 10px;
    float: left;
    width: 240px;
    line-height: 20px;
}
.content-a{
	height: 684px;
    min-width: 1200px;
    background: #eee;
}
.content-a .a-box{
    margin: 0 auto;
    width: 1200px;
    height: 664px;
}
.content-a .a-box .process {
    padding-top: 100px;
    margin-bottom: 50px;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.content-a .a-box .process-a {
    margin-bottom: 50px;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.content-a .a-box .process-ag{
	width: 100%;
	height: 380px;
}
.content-a .a-box .process-ag .ag-al{
	float: left;
	margin-right: 26px;
	margin-bottom: 30px;
	width: 280px;
	height: 160px;
	background: #fff;
}
.content-a .a-box .process-ag .ag-al:nth-child(4),.content-a .a-box .process-ag .ag-al:nth-child(8){
	margin-right: 0;
}
.content-a .a-box .process-ag .ag-al .al-box{
	margin: 15px;
	height: 130px;
	width: 250px;
}
.content-a .a-box .process-ag .ag-al .al-box .box-t{
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
}
.content-a .a-box .process-ag .ag-al .al-box .box-t img{
	float: left;
	width: 40px;
	height: 40px;
}
.content-a .a-box .process-ag .ag-al .al-box .box-t span{
	float: left;
	margin-left: 15px;
	line-height: 40px;
	font-weight: bold;
	font-size: 18px;
}
.content-a .a-box .process-ag .ag-al .al-box .box-b{
	width: 100%;
	height: 70px;
	line-height: 20px; 
}
.content-b{
	height: 730px;
    min-width: 1200px;
}
.content-b .b-box{
    margin: 0 auto;
    width: 1200px;
    height: 680px;
}
.content-b .b-box .process_a {
    padding-top: 100px;
    margin-bottom: 50px;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.content-b .b-box .process_b{
	width: 100%;
	height: 480px;
}
.content-b .b-box .process_b .b-l{
	float: left;
	width: 300px;
	height: 500px;
}
.content-b .b-box .process_b .b-l img{
	float: left;
	margin-bottom: 20px;
	width: 300px;
	height: 230px;
}
.content-b .b-box .process_b .b-r{
	margin: 0 20px;
	float: left;
	width: 560px;
	height: 480px;
}
.content-b .b-box .process_b .b-r img{
	float: left;
	margin-bottom: 20px;
	width: 560px;
	height: 480px;
}
.content-c{
	height: 550px;
    min-width: 1200px;
    background: #eee;
}
.content-c .c-box{
    margin: 0 auto;
    width: 1200px;
    height: 550px;
}
.content-c .c-box .process_c {
    padding-top: 100px;
    margin-bottom: 50px;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.content-c .c-box .c_agbox{
	width: 100%;
	height: 250px;
}
.content-c .c-box .c_agbox .c_ag{
	float: left;
	margin-right: 54px;
	width: 364px;
	height: 250px;
	background: #fff;
	border-radius: 10px;
}
.content-c .c-box .c_agbox .c_ag:nth-child(3){
	margin-right: 0;
}
.content-c .c-box .c_agbox .c_ag .c_ag_t{
	float: left;
	margin-left: 10%;
	width: 80%;
	height: 100px;
}
.content-c .c-box .c_agbox .c_ag .c_ag_t img{
	padding-top: 10px;
	margin-left: 105.5px;
	width: 80px;
	height: 80px;
}
.content-c .c-box .c_agbox .c_ag  p{
	display: inline-block;
	margin-left: 10%;
	width: 80%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
}
.content-c .c-box .c_agbox .c_ag  span{
	display: inline-block;
	margin-top: 15px;
	margin-left: 10%;
	width: 80%;
	height: 90px;
	line-height: 20px;
}
.collocation{
	height: 400px;
	min-width: 1200px;
}
.collocation .collocation-box{
	margin: 80px auto;
	width: 1200px;
	height: 320px;
}
.collocation .collocation-box>p{
	margin-bottom: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold; 
}
.collocation .collocation-box .collocation-ag{
	width: 1200px;
	height: auto;
}
.collocation .collocation-box .collocation-ag ul li{
	float: left;
	margin-right: 75px;
	width: 350px;
	height: 300px;
}
.collocation .collocation-box .collocation-ag ul li:nth-child(3){
	margin-right: 0;
}
.collocation-ag ul li .ag-t{
	float: left;
	width: 100%;
	height: 100px;
}
.collocation-ag ul li .ag-t img{
	margin-left: 135px;
	cursor: pointer;
	border:2px solid #4078cb;
	border-radius: 50%;
}
.collocation-ag ul li .ag-z{
	float: left;
	width: 100%;
	height: 80px;
}
.collocation-ag ul li .ag-z:hover{
	color: #4078cb;
	cursor: pointer;
}
.collocation-ag ul li .ag-z p:nth-child(1){
	margin-bottom: 10px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
.collocation-ag ul li .ag-z p:nth-child(2){
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
}
.collocation-ag ul li .ag-b{
	float: left;
	width: 100%;
	height: 30px;
}
.collocation-ag ul li .ag-b .ag-b-btn{
	margin: 0 auto;
	width: 90px;
	height: 30px;
	background:#4078cb;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}