
@media(min-width: 1400px){

.fv{
	width: 100%;
	box-sizing: border-box;
	line-height: 1;

}
.fw{
	width: 100%;
	font-size: 0;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 2px solid #f6f6f6;
	background-color: #d9ecfc;
	color:#fff;
}
.fx{
	width: 26%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
	}
.fx1{
	width: 14%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}
.fx2{
	width:22%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}
.fx3{
	width: 16%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}
.fx4{
	width: 14%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
	}
.fx5{
	float:right;
	width: 80px;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: center;
	}



.fx:after{content: "";display: inline-block;width: 6px;height: 12px;vertical-align: middle;background-image: url(../imges/90.png);background-size: 100% 100%;margin-left: 10px;}
.fy{width: 100%;position: relative;}

.fz:after{content: "";display: block;width:100%;position: absolute;right: 0;bottom: 0;height: 1px;background-color: #eee;}

.fz{width: 100%;font-size: 0;padding: 30px 0;transition: all .3s;padding-left: 50px;padding-right: 50px;cursor: pointer;}

.ga{
	width: 26%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
	
.ga1{
	width: 14%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga2{
	width: 22%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga3{
	width: 16%;
	font-size: 16px;
	color:#000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga4{
	width: 14%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga5{
	float:right;
	width: 80px;
	font-size: 16px;
	color: #999;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	}
.ga5 a{
	float:right;
	width: 80px;
	font-size: 16px;
	color: #004ea2;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	}


.gb{display: block;text-align: center;width: 80px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #004ea2;cursor: pointer;transition: all .3s;}

.gb:hover{color:#fff;}

.fz:hover{background-color: #d9ecfc;}
.fz:hover .ga{color: #298ce6;}
.gc{width: 100%;background-color: #fff;overflow: hidden;padding: 40px 50px;display: none;}
.gd{
	float: left;
	width: 53%;
	border-right: 1px solid #eaeaea;
}
.gd2{float: left;width:42%; margin-left:60px;}
.ge{font-size: 16px;color: #1679d3;font-weight: 600;margin-bottom: 25px;}
.gf1{font-size: 14px;color: #333;line-height: 24px;}

.gf{font-size: 14px;color: #333;line-height: 24px;}
.fy.show .fz,
.fz:hover{background-color: #1f84df;}
.fy.show .fz .ga,
.fz:hover .ga{color: #fff;}

}


@media(max-width: 1400px){

.fv{
	width: 100%;
	box-sizing: border-box;
	line-height: 1;

}
.fw{
	width: 100%;
	font-size: 0;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 2px solid #f6f6f6;
	background-color: #d9ecfc;
	color:#fff;
}
.fx{
	width: 26%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
	}
.fx1{
	width: 14%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
	}
.fx2{
	width: 22%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}
.fx3{
	width: 16%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}
.fx4{
	width: 14%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: left;
}

.fx5{
	float:right;
	width:80px;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
	font-weight: 600;
	text-align: center;
}
.fx:after{content: "";display: inline-block;width: 6px;height: 12px;vertical-align: middle;background-image: url(../imges/90.png);background-size: 100% 100%;margin-left: 10px;}
.fy{width: 100%;position: relative;}
.fz:after{content: "";display: block;width:100%;position: absolute;right: 0;bottom: 0;height: 1px;background-color: #eee;}
.fz{width: 100%;font-size: 0;padding: 30px 0;transition: all .3s;padding-left: 50px;padding-right: 50px;cursor: pointer;}
.ga{
	width: 26%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
	
.ga1{
	width: 14%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga2{
	width: 22%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga3{
	width: 16%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga4{
	width: 14%;
	font-size: 16px;
	color: #000;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	}
.ga5{
	float:right;
	width: 80px;
	font-size: 16px;
	color: #999;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	}
.ga5 a{
	float:right;
	width: 80px;
	font-size: 16px;
	color: #004ea2;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	}


.gb{display: block;text-align: center;width: 80px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #004ea2;cursor: pointer;transition: all .3s;}
.gb:hover{color:#fff;}
.fz:hover{background-color: #d9ecfc;}
.fz:hover .ga{color: #298ce6;}
.gc{width: 100%;background-color: #fff;overflow: hidden;padding: 40px 50px;display: none;}
.gd{
	float: left;
	width: 56%;
	border-right: 1px solid #eaeaea;
}
.gd2{float: left;width:40%; margin-left:40px;}
.ge{font-size: 16px;color: #1679d3;font-weight: 600;margin-bottom: 25px;}
.gf1{font-size: 14px;color: #333;line-height: 24px;}
.gf{font-size: 14px;color: #333;line-height: 24px;}
.fy.show .fz,
.fz:hover{background-color: #1f84df;}
.fy.show .fz .ga,
.fz:hover .ga{color: #fff;}
}

@media(max-width: 1300px){
.fx{
	width: 26%;
	}
.fx1{
	width: 12%;
	}
.fx2{
	width: 26%;
}
.fx3{
	width: 13%;
}
.fx4{
	width: 13%;
}
.fx5{
	width:80px;
}

.ga{
	width: 26%;
}	
.ga1{
	width: 12%;
	}
.ga2{
	width: 26%;
	}
.ga3{
	width: 13%;
	}
.ga4{
	width: 13%;
	}
.ga5{
	width: 80px;
	}
.gd{
	width: 48%;
}
.gf1{
	width: 94%;
	}
.gd2{float: left;width:47%; margin-left:45px;}
}
@media(max-width: 1152px){
.fx{
	width: 35%;
	}
.fx1{
	width: 14%;
	}
.fx2{
	width: 26%;
}
.fx3{
	width: 14%;
}
.fx4{
	display: none !important;
}
.fx5{
	width:80px;
}

.ga{
	width: 35%;
}	
.ga1{
	width: 14%;
	}
.ga2{
	width: 26%;
	}
.ga3{
	width: 14%;
	}
.ga4{
	display: none !important;
	}
.ga5{
	width: 80px;
	}
	}
	
	
	
@media (max-width: 1135px){
.gd{
	float: left;
	width:100%;
	padding-right:0px;
	border-right: 1px solid #fff;

}
.gd2{
	float: left;
	width:100%;
	margin-top:40px;
	margin-left:0px;
}
.gf1{
	width:100%	
	}
	}
@media (max-width: 960px){	
.fx{
	width: 36%;
	}
.fx1{
	display: none !important;
	}
.fx2{
	width: 36%;
}
.fx3{
	width: 14%;
}
.fx5{
	width:80px;
}

.ga{
	width: 36%;
}	
.ga1{
	display: none !important;
	}
.ga2{
	width: 36%;
	}
.ga3{
	width: 14%;
	}
.ga5{
	width: 80px;
	}

.gf1{
	width:100%	
	}	
	}
	

@media (max-width: 780px){
.fx{
	width: 44%;
	}
.fx2{
	width: 40%;
}
.fx3{
	display: none !important;
}
.fx5{
	width:80px;
}

.ga{
	width: 44%;
}	
.ga2{
	width: 40%;
	}
.ga3{
	display: none !important;
	}
.ga5{
	width: 80px;
	}
.gb{	
	float:right;
	}
.gf1{
	width:100%
	
	}
}

@media (max-width: 690px){

.fx{
	width: 50%;
	}
.fx2{
	display: none !important;
}
.fx5{
	width: 80px;
}
.ga{
	width:50%;
}
.ga2{
	display: none !important;
}
.gf1{
	width:100%;
	
	}
}
@media (max-width: 470px){
.fw{
	padding-left: 40px;
	padding-right: 40px;
}
.fz{
	padding-left: 40px;
	padding-right: 40px;
}

.fx{
	width: 50%;
	}
.fx3{
	width: 80px;
}
.ga{
	width: 50%;
}
.gc{
	padding: 30px 40px;
}
}
	
@media (max-width: 400px){
.fw{
	padding-left: 30px;
	padding-right: 30px;
}
.fz{
	padding-left: 30px;
	padding-right: 30px;
}
.gc{
	padding: 30px 30px;
}
.fx{
	width: 50%;
	font-size:16px;
	}
.fx3{
	width: 80px;
	font-size:16px;
}
.ga{
	width: 50%;
	font-size:15px;
}	
.ga5{
	font-size:15px;
}
.ga5 a{
	font-size:15px;
}
.gf1{
	width:100%	
	}
}