.topbanner{height:500px; width:100%; background:url(/Images/jjfa/zhibo/zhibo_01.jpg); background-size:auto 100%; background-position:center;}
.zhib_part1{max-width:1200px; margin:0 auto; position:relative;}
.zp1_main ul::after, .zhib_part2 ul::after, .zhib_part3 ul::after, .zp4_main::after, .zp4_main::after, .zhib_part5 ul::after{content:""; display:table; clear:both;}
.qyls_tit{text-align:center; font-size:32px; font-weight:bold; padding-bottom:15px;}
.tit_p{text-align:center; font-size:18px; color:#98a1ab;}
.zp1_main{max-width:1200px; margin:0 auto; position:relative;}
.zp1_main .em1{position:absolute; left:98px; top:55px; width:157px; display:block;}
.zp1_main .em2{position:absolute; left:148px; bottom:115px; width:90px; display:block;}
.zp1_main .em3{position:absolute; right:25px; top:22px; width:240px; display:block;}
.zp1_main ul{width:100%; padding:205px 0; height:245px;}
.zp1_main ul li{float:left; width:182px; height:185px; padding:30px 50px; text-align:center;}
.zp1_main ul li img{margin:0 auto;}
.zp1_main ul li h3{font-size:18px; font-weight:bold; padding:10px 0;}
.zp1_main ul li p{line-height:20px;}
.zp1_main ul li:nth-child(1){background:url(/Images/jjfa/zhibo/zhibo_38.png) no-repeat; color:#fff;}
.zp1_main ul li:nth-child(2){background:url(/Images/jjfa/zhibo/zhibo_13.png) no-repeat; margin-top:-128px; margin-left:-55px; color:#fff;}
.zp1_main ul li:nth-child(3){background:url(/Images/jjfa/zhibo/zhibo_16.png) no-repeat; margin-top:130px; margin-left:-283px;}
.zp1_main ul li:nth-child(4){background:url(/Images/jjfa/zhibo/zhibo_41.png) no-repeat; margin-left:-55px; color:#fff;}
.zp1_main ul li:nth-child(5){background:url(/Images/jjfa/zhibo/zhibo_16.png) no-repeat; margin-top:-128px; margin-left:-55px;}
.zp1_main ul li:nth-child(6){background:url(/Images/jjfa/zhibo/zhibo_43.png) no-repeat; margin-top:128px; margin-left:-283px; color:#fff;}
.zp1_main ul li:nth-child(7){background:url(/Images/jjfa/zhibo/zhibo_25.png) no-repeat; margin-top:-117px; margin-left:170px; color:#fff;}
.zp1_main ul li:hover{transform:scale(102%); transition:all 0.3s ease;}

.zhib_part2{background:url(/Images/jjfa/zhibo/zhibo_71.jpg) no-repeat; color:#fff; padding:70px 0;}
.zhib_part2 .tit_p{color:#fff;}
.zhib_part2 ul{max-width:1200px; margin:0 auto; padding:70px 0 50px 0;}
.zhib_part2 ul li{width:195px; transition:all 0.5s ease; height:240px; float:left; padding:30px 40px; position:relative; border-radius:25px; margin-right:29px; border-top:3px solid rgba(167,158,220,0.4); border-right:3px solid rgba(167,158,220,0.4); background:rgba(142,123,255,0.2);}
.zhib_part2 ul li em{width:28px; height:19px; background:url(/Images/jjfa/zhibo/zhibo_65.png); position:absolute; right:40px; top:40px; transition:all 0.5s ease;}
.zhib_part2 ul li:last-child{margin-right:0;}
.zhib_part2 ul li h3{font-size:18px; font-weight:bold; padding:15px 0;}
.zhib_part2 ul li p{line-height:24px;}
.zhib_part2 ul li:hover{margin-top:-20px; box-shadow:0 0 30px rgba(0,0,0,0.5);}
.zhib_part2 ul li:hover em{transform:translateX(25px); opacity:0;}
.zhib_part3{padding:60px 0; max-width:1200px; margin:0 auto;}
.zhib_part3 ul{padding:20px 0;}
.zhib_part3 ul li{width:50%; float:left; padding:20px 0;}
.zhib_part3 ul li img{float:left; margin-right:10px; transition:all 0.6s ease;}
.zhib_part3 ul li:hover img{transform:translateY(-15px);}
.zhib_part3 ul li h3{font-size:20px; font-weight:bold; padding:10px 0;}
.zhib_part3 ul li p{color:#98a1ab; line-height:24px; padding-right:20px;}
.zhib_part4{background:#f8faff; padding:70px 0 30px 0; width:100%;}
.zhib_part4 .zp4_main{max-width:1200px; margin:0 auto; padding:50px 0;}
.zp4_main dl{width:369px; float:left; margin-right:43px; background:#fff; box-shadow:0 0 30px rgba(186,198,221,0.2); border-radius:5px; transition:all 0.6s ease;}
.zp4_main dl:hover{transform:translateY(-15px);}
.zp4_main dl:nth-child(1){border:1px solid #cfdbf3;}
.zp4_main dl:nth-child(2){border:1px solid #f2e0ce;}
.zp4_main dl:nth-child(3){margin-right:0; border:1px solid #cfdbf3;}
.zp4_main dl dt{margin-top:-40px; margin-left:-1px;}
.zp4_main dl dd{padding:30px 10px;}
.zp4_main dl dd ul{height:auto; overflow:hidden;}
.zp4_main dl dd ul li{width:50%; text-align:center; float:left; padding:15px 0; line-height:37px; height:37px;}
.zp4_main dl dd ul li img{display:inline-block; vertical-align:middle; padding-right:10px; margin-top:-7px;}
.zp4_main dl dd ul li font{font-size:18px;}
.zhib_part5{padding:50px 0; max-width:1200px; margin:0 auto;}
.zhib_part5 ul{padding:100px 0 0 0; height:430px;}
.zhib_part5 ul li{width:197px; float:left; border:1px solid #e0e3e6; height:240px; padding:50px; margin-right:-1px; position:relative;}
.zhib_part5 ul li .em2{display:none;}
.zhib_part5 ul li h3{font-size:20px; font-weight:bold; padding:10px 0;}
.zhib_part5 ul li p{line-height:30px; color:#98a1ab;}
.zhib_part5 ul li.active{background:#ff4d00; color:#fff; border-radius:5px; padding:90px 50px; margin-top:-40px; border:1px solid #ff4d00; z-index:9;}
.zhib_part5 ul li.active p{color:#fff;}
.zhib_part5 ul li.active .em1{display:none;}
.zhib_part5 ul li.active .em2{display:block; padding-bottom:20px;}


@media screen and (max-width:750px) {
     /*.topimg { height:50vw; width:100%; object-fit:cover;}*/
	 .topbanner{height:55vw; width:100%; background-position:35% center;}
    .faa{width:100vw; padding:0 3vw; box-sizing:border-box;}
    .zhib_part1{width:98vw; margin:0 auto;}
    .zp1_main ul{height:98vw; padding:5vw 0;  width:100%;}
    .zp1_main img{max-width:100%;}
    .zp1_main .em1{width:15vw !important; display:none;}
    .zp1_main .em2{display:none;}
    .zp1_main .em3{width:30vw !important; display:none;}
    .zp1_main ul li{width:26vw; height:24vw; padding:3.5vw 5vw; background-size:100% !important; position:absolute;}
    .zp1_main ul li h3{padding:1vw 0;}
    .zp1_main ul li p{font-size:12px;}
    .zp1_main ul li img{width:6vw;}
    .zp1_main ul li:nth-child(1){left:0;margin-top:15.5vw;}
    .zp1_main ul li:nth-child(2){left:0;margin-top:48.5vw; margin-left:0;}
    .zp1_main ul li:nth-child(3){left:50%;margin-left:-18vw; margin-top:0;}
    .zp1_main ul li:nth-child(4){left:50%;margin-left:-18vw; margin-top:33vw;}
    .zp1_main ul li:nth-child(5){left:50%;margin-left:-18vw; margin-top:66vw;}
    .zp1_main ul li:nth-child(6){right:0;margin-top:15.5vw;}
    .zp1_main ul li:nth-child(7){right:0;margin-top:48.5vw; margin-left:0;}
    .zhib_part2{background-size:auto 100%;padding:6vw 0;}
    .zhib_part2 ul{padding:6vw 0;}
     .zhib_part2 ul li{float:none; width:100%; height:auto; width:78vw; margin:2vw auto; padding:5vw 6vw;}
     .zhib_part2 ul li:hover{ margin:2vw auto; padding:5vw 6vw;}
     .zhib_part2 ul li:last-child{margin:auto;}
     .zhib_part3 ul li{float:none; width:90vw;margin:0 auto;}
     .zhib_part4,.zhib_part5{padding:5vw 2vw; margin:0 auto; width:96vw;}
     .zhib_part4 .zp4_main{padding:0;}
     .zp4_main dl dt{width:80vw; margin-left:0;}
     .zp4_main dl dt img{margin-top:-8vw; width:100%;}
     .zp4_main dl{width:80vw; margin:8vw auto; float:none;}
     .zp4_main dl:hover{transform:translateY(0px);}
     .zp4_main dl:nth-child(3){margin-right:auto;}
     .zhib_part5 ul{height:auto; padding:5vw 0;}
     .zhib_part5 ul li.active{padding:5vw;margin-top:0px;}
     .zhib_part5 ul li{float:none; width:80vw; padding:5vw; margin:2vw auto; height:auto;}
     .zhib_part5 ul li.active{padding:5vw; margin:2vw auto; height:auto;}
     .zhib_part5 ul li.active .em2{display:block; padding-bottom:0;}

}


@media screen and (max-width:450px) {
	.zp1_main ul li{width:28vw;height:28vw; padding-top:2.5vw;}
	.zp1_main ul li:nth-child(3){margin-left:-18.8vw;margin-top:-2vw;}
	.zp1_main ul li:nth-child(4){margin-left:-18.8vw; margin-top:33vw;}
	.zp1_main ul li:nth-child(2),.zp1_main ul li:nth-child(7){margin-top:50.5vw;}
	.zp1_main ul li:nth-child(5){margin-left:-18.8vw; margin-top:68vw;}
	.zp1_main ul{height:101vw;}
	.zp1_main ul li h3{font-size:16px;}
	.qyls_tit{font-size:26px; padding:0 2vw;}
	.tit_p{padding:2vw; font-size:16px;}
	.zp1_main ul li p{line-height:16px;}
	}