.main .step{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	overflow: hidden;
}
.main .step li{
	float: left;
	width: 80px;
	height: 110px;
	line-height: 110px;
	display: flex;
	flex-direction:column;
	text-align: center;
}
.main .step li h4{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.main .step li img{
	width: 80px;
	height: 80px;
}
.main .step .stepbg{
	background: url(../images/step.png) no-repeat center top 35px;
	background-size: 40px 40px;
}

.ghyjjfa{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}
.ghyjjfa .main2{
    width: 78%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;
}
.ghyjjfa .main2 .ghyjjfaBg1{
    background: url("../images/case/1.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg2{
    background: url("../images/case/2.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg3{
    background: url("../images/case/3.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg4{
    background: url("../images/case/4.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg5{
    background: url("../images/case/5.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg6{
    background: url("../images/case/6.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg7{
    background: url("../images/case/6.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg8{
    background: url("../images/case/8.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg9{
    background: url("../images/case/9.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg10{
    background: url("../images/case/10.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg11{
    background: url("../images/case/11.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg12{
    background: url("../images/case/12.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg13{
    background: url("../images/case/13.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg14{
    background: url("../images/case/14.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg15{
    background: url("../images/case/15.jpg") center center;
    background-size: 100%;
}
.ghyjjfa .main2 .ghyjjfaBg16{
    background: url("../images/case/16.jpg") center center;
    background-size: 100%;
}

.ghyjjfa .main2 li{
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    position: relative;
    height: 240px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.ghyjjfa .main2 li .blackBg:hover{
    display: none;
}
.ghyjjfa .main2 li .blackBg{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.8);
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.ghyjjfa .main2 li .blackBg .jjfaIco{
    width: 100%;
    height: 75px;
    line-height: 75px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 60px;
}
.ghyjjfa .main2 li .blackBg .jjfaIco img{
    width: 55px;
    height: 55px;
    padding-bottom: 20px;
    border-bottom: 1px #fff solid;
}
.ghyjjfa .main2 li .blackBg h4{
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    margin-top: 20px;
}
.ghyjjfa .chakangengduo{
    width: 100%;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 45px;
    line-height: 45px;
}
.ghyjjfa .chakangengduo span{
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #1c74e4;
    color: #fff;
    font-size: 16px;
}
.idx_ad{background: url(../images/idx_23.jpg) no-repeat center;background-size:cover;padding:100px 0 140px;text-align: center;border-radius:25px; margin-bottom:100px;}
.idx_ad .title{font-size: 36px;color: #333333;font-weight: bold;}
.idx_ad .title .fz{font-size: 48px;color: #079eff;}
.idx_ad .button{width: 250px;height: 50px;border-radius:25px;font-size: 16px;color: #fff;font-weight: bold;line-height: 50px;background:#08a9ff;background: -webkit-gradient(linear, left top, right bottom, from(#08a9ff), to(#326ce4)); background: -moz-linear-gradient(top,  #08a9ff,  #326ce4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08a9ff', endColorstr='#326ce4');margin:60px auto 0;display: block;}
.idx_ad .button:hover{box-shadow:0 0 10px #326ce4;}

/*媒体查询*/
/*大屏幕PC端*/
@media(min-width: 1200px){
	
}
/*中等屏幕PC端*/
@media(min-width: 992px) and (max-width: 1199px){
	
}
/*小屏幕PAD端*/
@media(min-width: 768px) and (max-width: 991px){
	.main .step{
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    flex-wrap: wrap;
	}
	.main .step li{
	    margin-bottom: 20px;
	}
	.ghyjjfa .main2 li{
	    height: 180px;
	    line-height: 180px;
	    margin-bottom: 15px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco{
	    margin-top: 40px;
	    height: 65px;
	    line-height: 65px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco img{
	    height: 45px;
	    line-height: 45px;
	}
	.ghyjjfa .main2 li .blackBg h4{
	    width: 94%;
	    margin: 0 auto;
	    margin-top: 20px;
	    font-size: 14px;
	}
	.idx_ad{padding: 100px 0 100px;}
   .idx_ad .title{font-size: 28px;}
   .idx_ad .title .fz{font-size: 40px;}
}
/*手机端*/
@media(min-width: 480px) and (max-width: 767px){
    .main .step{
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    flex-wrap: wrap;
	}	
	.main .step li{
		width: 20%;
		margin-bottom: 20px;
		height: 90px;
		line-height: 90px;
	}
	.main .step .stepbg{
		background: url(../images/step.png) no-repeat center top 25px;
   		background-size: 40px 40px;
	}
	.main .step li img{
		width: 60px;
		height: 60px;
		margin: auto;
	}
	.ghyjjfa{
	    background-size: 100% 1750px;
	}
	.ghyjjfa .main2{
	    width: 96%;
	}
	.ghyjjfa .main2 li{
	    width: 48%;
	    height: 150px;
	    line-height: 150px;
	    margin-bottom: 15px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco{
	    margin-top: 20px;
	    height: 65px;
	    line-height: 65px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco img{
	    height: 45px;
	    line-height: 45px;
	}
	.ghyjjfa .main2 li .blackBg h4{
	    width: 94%;
	    margin: 0 auto;
	    margin-top: 20px;
	    font-size: 14px;
	}
}
/*超低分辨率手机*/
@media(max-width: 479px){
	.main .step{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.main .step li{
		width: 33.33%;
		margin-bottom: 20px;
		height: 90px;
		line-height: 90px;
	}
	.main .step .stepbg{
		background: url(../images/step.png) no-repeat center top 25px;
   		background-size: 40px 40px;
	}
	.main .step li img{
		width: 60px;
		margin: auto;
		height: 60px;
	}
	.ghyjjfa{
	    background-size: 100% 1750px;
	}
	.ghyjjfa .main2{
	    width: 96%;
	}
	.ghyjjfa .main2 li{
	    width: 48%;
	    height: 150px;
	    line-height: 150px;
	    margin-bottom: 15px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco{
	    margin-top: 20px;
	    height: 65px;
	    line-height: 65px;
	}
	.ghyjjfa .main2 li .blackBg .jjfaIco img{
	    height: 45px;
	    line-height: 45px;
	}
	.ghyjjfa .main2 li .blackBg h4{
	    width: 94%;
	    margin: 0 auto;
	    margin-top: 20px;
	    font-size: 14px;
	}
	.idx_ad{padding: 60px 0 60px;box-shadow:0 0 10px #999;}
   .idx_ad .title{font-size: 16px;}
   .idx_ad .title .fz{font-size: 20px;}
   .idx_ad .button{width: 150px;height: 36px;line-height: 36px;font-size: 14px;margin-top: 50px;}
}