body{width:100%;background:url("/main/template/img/bj01.jpg");}
.wd{width:1500px;margin:0 auto;}
.indexfd{width:92px;position:fixed;right:10px;top:30%;    z-index: 22;}
.indexfd .fdfz{width:100%;}
.indexfd .fdfz img{width:100%;}
.fdul{width:87px;background:#fff;margin:0 auto;border-bottom:1px solid #7ba8d5;border-left:1px solid #7ba8d5;border-right:1px solid #7ba8d5;}
.fdul li{width:100%;display:block;}
.fdul li a{width:100%;display:block;padding:10px 0;}
.fdul li span{width:40px; height:39px; overflow:hidden; margin:0 auto;display:block;}
.fdul li:nth-child(1) span{background:url("/main/template/img/fdico01.png") no-repeat;transition:0.5s;}
.fdul li:nth-child(2) span{background:url("/main/template/img/fdico02.png") no-repeat;transition:0.5s;}
.fdul li:nth-child(3) span{background:url("/main/template/img/fdico03.png") no-repeat;transition:0.5s;}
.fdul li p{width:100%; height:20px;line-height:20px; overflow:hidden;text-align:center;color:#333;}
.fdul li:hover{background:#004098;}
.fdul li:hover :nth-child(1) span{background:url("/main/template/img/fdico01.png")0 -39px no-repeat;}
.fdul li:hover :nth-child(2) span{background:url("/main/template/img/fdico02.png")0 -39px no-repeat;}
.fdul li:hover :nth-child(3) span{background:url("/main/template/img/fdico03.png")0 -39px no-repeat;}
.fdul li:hover p{color:#fff;}
.indexzqdh{position:relative;z-index:1;}
.indexzqdh:before{content:"";width:50%;height:100vh; background:url("/main/template/img/navbj.jpg") no-repeat;background-size:cover; position:absolute;right:0;top:0;z-index:-1;}
.indexzqdh .left{width:50%;float:left;padding:100px 0 0 0;}
.indexzqdh .zqul{width:100%;margin:50px 0 0 0;}
.indexzqdh .zqul li{width:40%;float:left;margin:0 10% 0 0;}
.indexzqdh .zqul li:nth-child(2n){float:right;}
.indexzqdh .zqul li a{width:100%;display:block;}
.indexzqdh .zqul li p{width:100%; height:48px;font-size:20px;line-height:48px; overflow:hidden; color:#333;}
.indexzqdh .zqul li:hover{background:#004098;}
.indexzqdh .zqul li:hover a{padding:0 20px;transition:0.5s;}
.indexzqdh .zqul li:hover p{color:#fff;}
.indexzqdh .right{width:50%;float:right;}
.indexzqdh .zqan{width:50px;height:50px;float:right;margin:40px 0 0 0;}
.indexzqdh .tmhs{width:50%;height:100%;background:rgba(0,0,0,0.2);position:fixed;right:0;top:0;z-index: -1;}
/************ÖÇ»ÛУ԰************/
.index01{ background:url("/main/template/img/zhxyimg01.jpg") no-repeat;background-size:cover; }
.indextop{border-bottom:1px solid rgba(255,255,255,0.2);padding:10px 0;margin:0 0 10px 0;}
.indextop .zhxylogo{float:left;}
.indextop .zhxylj{float:right;}
.indextop .zhxylj li{float:left;margin:0 0 0 10px;}
.indextop .zhxylj li a{display:block;padding:0 15px;background:#fff;line-height:35px;color:#096db4;border-radius: 5px;overflow:hidden;}
.indextop .zhxylj li:hover a{background:#2ec6ff;color:#fff;}
.zhxytitle img{max-width:100%;margin:0 auto;}
.index02{padding:60px 0 90px 0;}
.zhxyul li{width:19%;float:left;margin:0 1.25% 20px 0;box-shadow: 0 5px 10px #e8e8e8;background:#fff;padding:30px 0 20px 0;}
.zhxyul li:nth-child(5n){ float:right;margin:0 0 20px 0;}
.zhxyul li a{width:100%; display:block;}
.zhxyul li span{width:59px;height:57px;overflow:hidden; display:block; margin:0 auto;position:relative;}
.zhxyul li img{width:100%; display:block;overflow:hidden;position:absolute;left:0;top:0;}
.zhxyul li p{width:100%;height:48px;overflow:hidden; display:block;text-align:center; line-height:48px;font-size:20px;color:#333;margin:20px 0 0 0;}
.zhxyul li:hover{background:#096db4;}
.zhxyul li:hover p{color:#fff;}
.zhxyul li:hover img{top:-57px;transition:0.5s;}
.zhbq{background:#096db4;padding:20px 0;}
.zhbq P{text-align:center;line-height:36px;color:#fff;}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1550px) {
}
@media screen and (max-width:1500px) {
	.wd{width:1350px;}
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
	.wd{width:1200px;}
	.indexzqdh .zqul li p{font-size:16px;}
	.zhxyul li p{font-size:16px;margin:0;}

}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
	.wd{width:900px;}
	.indexzqdh .left{    width: 44%;padding:40px 0 0 0;}
	.indexzqdh .zqul{margin:40px 0 0 0;}
	.indexzqdh .zqlogo{max-width:100%;}
	.indexzqdh .zqlogo a{width:100%;display:block;}
	.indexzqdh .zqlogo img{max-width:100%;margin: 0 auto;}
	.zhxyul li{padding: 20px 0 0 0;}
}
@media screen and (max-width:900px) {
	.wd{width:90%;}
	.indexzqdh .zqul{margin:20px 0 0 0;}
	.indexzqdh .zqul li{width:50%;margin:0;}
}
@media screen and (max-width:700px) {
	.indexzqdh{height:100%;padding: 0 0 200px 0;}
	.indexzqdh .left{width:100%;}
	.indexzqdh:before{    width: 100%;height:200px;    bottom: 0;top: inherit;}
	.indexzqdh .tmhs{    width: 100%;height:200px;    bottom: 0;top: inherit;position: absolute;}
	.indexzqdh .zqan{margin:0;}
	.indexzqdh .zqan{position: absolute;right: 20px;bottom:20px;}
	.indexzqdh .zqul{margin:20px 0;}
	.indexzqdh .zqul li p{text-align:center;}
	.index02{padding:40px 0 20px 0;}
	.zhxyul li{width:49%;margin:0 0 20px 0;}
	.zhxyul li:nth-child(2n){float:right;}
	.zhxyul li:nth-child(5n){float:left;margin:0 0 20px 0;}
}
@media screen and (max-width:500px) {
	.indextop .zhxylogo{width: 100%;}
	.indextop .zhxylogo img{    max-width: 100%;margin:0 auto;}
	.indextop .zhxylj{width: 100%;display: flex;justify-content: center;margin:20px 0 0 0;}
	.index02{padding:20px 0 0 0;}
	.indextop .zhxylj li a{font-size:14px; line-height:28px;}
}
@media screen and (max-width:414px) {
}
@media screen and (max-width:400px) {

}