.topbanner{height:500px; width:100%; background:url(/Images/jjfa/quyuls/quyuls_01.jpg); background-size:auto 100%; background-position:center;}
.qyls_part1{max-width:1200px; margin:0 auto;}
.qyls_part1 ul{width:100%; margin:0 auto; padding:60px 0;}
.qyls_part1 ul::after, .qp2_main::after, .qyls_part1 ul li::after{content:""; display:table; clear:both;}
.qyls_tit{text-align:center; font-size:32px; font-weight:bold;}
.tit_p{text-align:center; font-size:18px; color:#98a1ab;}
.qyls_part1 ul li{width:200px; height:200px; background:#fff; border-radius:15px; text-align:center; float:left; margin:0 20px; box-shadow:0 5px 30px rgba(15,91,255,0.1);}
.qyls_part1 ul li img{display:inline-block; margin:-40px auto 0 auto; transition:all 0.6s ease;}
.qyls_part1 ul li:hover img{transform:translateY(-15px);}
.qyls_part1 ul li:hover p{transform:translateY(-15px);}
.qyls_part1 ul li p{font-weight:bold; font-size:20px; padding:15px 0; transition:all 0.6s ease;}
.qyls_part2{background:url(/Images/jjfa/quyuls/quyuls_73.jpg); padding:60px 0;}
.qp2_main{max-width:1200px; margin:0 auto; padding:60px 0 10px 0;}
.qp2_main dl{width:380px; float:left; margin:0 30px 0 0; border-radius:30px; background:#fff; box-shadow:0 5px 40px rgba(164,186,216,0.5); transition:all 0.6s ease;}
.qp2_main dl:last-child{margin-right:0;}
.qp2_main dl:hover{box-shadow:0 5px 50px rgba(164,186,216,0.9); transform:translateY(-15px);}
.qp2_main dl dt{position:relative; margin-top:-43px;}
.qp2_main dl dt strong{position:absolute; left:28px; bottom:0; line-height:92px; font-size:22px; font-weight:bold;}
.qp2_main dl ul{padding:0 25px 20px 25px;}
.qp2_main dl ul li{height:72px; padding:18px 20px 18px 45px; border-bottom:1px solid #f3f6fe; position:relative;}
.qp2_main dl ul li img{position:absolute; left:0;}
.qp2_main dl ul li:last-child{border-bottom:0;}
.qp2_main dl ul li h3{font-weight:bold; font-size:18px;}
.qp2_main dl ul li p{line-height:22px; color:#9ca6b0; padding-top:5px;}
.qyls_part3{padding:50px 0;}
.qp3_main{max-width:1200px; margin:0 auto; position:relative;}
.qp3_main img{margin:0 auto; padding:30px 0;}
.qp3_main ul{position:absolute; height:600px; left:0; top:50%; width:100%; margin-top:-300px;}
.qp3_main ul li{position:absolute; width:265px; height:125px; padding:15px 15px 50px 15px; background-repeat:no-repeat;}
.qp3_main ul .li_left{background-image:url(/Images/jjfa/quyuls/quyuls_79.png); left:0; text-align:right; padding-right:30px;}
.qp3_main ul .li_right{background-image:url(/Images/jjfa/quyuls/quyuls_76.png); right:0; padding-left:50px;}
.qp3_main ul li img{position:absolute;}
.qp3_main ul li:nth-child(1){left:50px; -webkit-animation:2s floaty infinite alternate cubic-bezier(0.29, 0.01, 0.71, 1); animation:2s floaty infinite alternate cubic-bezier(0.29, 0.01, 0.71, 1);}
.qp3_main ul li:nth-child(1) img{right:-125px; top:0;}
.qp3_main ul li:nth-child(2){top:35%; left:-30px; -webkit-animation:2s floaty infinite alternate cubic-bezier(0.4, 0, 1, 1); animation:2s floaty infinite alternate cubic-bezier(0.4, 0, 1, 1);}
.qp3_main ul li:nth-child(2) img{right:-105px; top:0;}
.qp3_main ul li:nth-child(3){top:auto; bottom:-35px; left:10px; -webkit-animation:2s floaty infinite alternate cubic-bezier(0.23, 0.4, 0.63, 0.85); animation:2s floaty infinite alternate cubic-bezier(0.23, 0.4, 0.63, 0.85);}
.qp3_main ul li:nth-child(3) img{right:-195px; top:0;}
.qp3_main ul li:nth-child(4){top:0; right:20px; -webkit-animation:2s floaty infinite alternate cubic-bezier(0.23, 0.4, 0.63, 0.85); animation:2s floaty infinite alternate cubic-bezier(0.23, 0.4, 0.63, 0.85);}
.qp3_main ul li:nth-child(4) img{left:-140px; top:0;}
.qp3_main ul li:nth-child(5){top:35%;right:-20px;-webkit-animation:2s floaty infinite alternate cubic-bezier(0.36, 0.17, 1, 0.95);animation:2s floaty infinite alternate cubic-bezier(0.36, 0.17, 1, 0.95);}
.qp3_main ul li:nth-child(5) img{left:-76px; top:15px;}
.qp3_main ul li:nth-child(6){top:auto; bottom:-15px; right:50px; -webkit-animation:2s floaty infinite alternate cubic-bezier(0.67, 0.42, 1, 0.98); animation:2s floaty infinite alternate cubic-bezier(0.67, 0.42, 1, 0.98);}
.qp3_main ul li:nth-child(6) img{left:-108px; top:15px;}
.qp3_main ul li h3{font-size:18px; font-weight:bold; padding-bottom:5px;}
.qp3_main ul li p{color:#98a1ab; line-height:24px;}

.qyls_part4{background:url(/Images/jjfa/quyuls/quyuls_138.jpg); width:100%; padding:50px 0;}
.qyls_part4 ul{max-width:1200px; margin:0 auto; padding:20px 0;}
.qyls_part4 ul::after, .qyls_part5 ul::after{content:""; display:table; clear:both;}
.qyls_part4 ul li{width:225px; height:190px; background:#fff; border-radius:15px; float:left; margin:10px; padding:27px; position:relative; transition:all 0.6s ease;}
.qyls_part4 ul li .text{position:absolute; left:25px; bottom:25px; width:225px;}
.qyls_part4 ul li h3{font-size:20px; font-weight:bold; padding-bottom:10px;}
.qyls_part4 ul li p{color:#98a1ab; line-height:24px; height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.6s ease;}
.qyls_part4 ul li em{position:absolute; right:25px; bottom:59px; transition:all 0.6s ease;}
.qyls_part4 ul li:hover{box-shadow:0 5px 40px rgba(7,53,218,0.5);}
.qyls_part4 ul li:hover em{opacity:0; transform:translateX(25px);}
.qyls_part4 ul li:hover p{height:48px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

.qyls_part5{padding:80px 0;}
.qyls_part5 ul{max-width:1200px; margin:30px auto 0 auto;}
.qyls_part5 ul li{width:190px; padding:25px 15px 50px 15px; border-radius:20px; text-align:center; float:left; margin:10px; background:#fff; box-shadow:0 0 35px rgba(7,53,218,0.1); transition:all 0.6s ease;}
.qyls_part5 ul li:hover{transform:translateY(-25px);}
.qyls_part5 ul li img{margin:0 auto;}
.qyls_part5 ul li h3{font-size:18px; font-weight:bold;}
.qyls_part5 ul li em{display:block; width:40px; height:5px; border-radius:5px; background:#937be7; margin:10px auto;}
.qyls_part5 ul li p{color:#98a1ab;}

@keyframes floaty {
    from{transform:translateY(0) rotateX(30deg);}
    to{transform:translateY(15px) rotateX(30deg);}
}

@media screen and (max-width:800px) {
    /*.topimg{height:50vw; width:100%; object-fit:cover;}*/
  .topbanner{height:55vw; width:100%; background-position:35% center;}
  .faa{width:94vw; padding:0 3vw; box-sizing:border-box; margin:3vw auto;}
  .qyls_tit{font-size:28px; padding:0 2vw;}
  .faddes,.faedes,.fafdes,.faades,.facdes{margin-top:5px;}
  .qyls_part1 ul{padding:1vw 0;}
  .qyls_part1 ul li{height:auto; margin:3vw auto; float:none; width:88vw; padding:0 3vw;}
  .qyls_part1 ul li img{margin-top:0; float:left;}
  .qyls_part1 ul li p{padding-top:38px; float:left; padding-left:3vw; width:calc(80vw - 150px); text-align:left;}
  .qyls_part1 ul li:hover img{transform:translateY(0);}
  .qyls_part1 ul li:hover p{transform:translateY(0);}
  .qp2_main{padding-top:0;}
  .qp2_main dl{width:86vw; float:none; margin:2vw auto; position:relative; margin-top:11vw;}
  .qp2_main dl:hover{box-shadow:0 5px 50px rgba(164,186,216,0.9); transform:translateY(0);}
  .qp2_main dl dt{margin-top:0; position:absolute; width:100%; top:-11vw; width:86vw; height:31vw;}
  .qp2_main dl dt img{width:100%;}
  .qp2_main dl:last-child{margin-right:auto;}
  .qp2_main dl ul{padding:22vw 25px 20px 25px;}
  .q3m_img{width:70%;}
  .qp3_main img{padding:10px 0;}
  .qp3_main ul{padding:0 2vw; width:96vw; height:auto;}
  .qp3_main ul:after{content:""; clear:both; display:table;}
  .qp3_main ul li{float:left;width:calc(45vw - 30px);background-color:rgba(179,205,251,0.25);border:2px solid #b2cdfb;border-radius:25px;box-shadow:20px 5px 30px rgba(43,118,245,0.1);height:auto;}
  .qp3_main ul .li_left,.qp3_main ul .li_right{background-image:none; padding:15px;}
  .qp3_main ul li:nth-child(5){text-align:right;}
  .qp3_main ul li:nth-child(2),.qp3_main ul li:nth-child(4),.qp3_main ul li:nth-child(6){float:right; text-align:left;}
  .qp3_main ul li p{letter-spacing:-0.5px;}

  .qyls_part4 ul{width:94vw; margin:0 auto;}
  .qyls_part4 ul li{width:39vw; padding:3vw; margin:1vw; height:auto;}
  .qyls_part4 ul li p{height:48px; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
  .qyls_part4 ul li em{display:none;}
  .qyls_part4{background:url(/Images/jjfa/quyuls/quyuls_138on.jpg); width:100%; background-size:100% 100%; padding:50px 0;}
  .qyls_part4 ul li .text{position:unset; padding-top:2vw; width:auto;}
  .qyls_part5{padding:8vw 0 0 0;}
  .qyls_part5 ul{width:94vw; margin:2vw auto;}
  .qyls_part5 ul li{float:none; width:86vw; margin:4vw auto; padding:1vw 15px 5vw 15px;}
  .qyls_part5 ul li:hover{transform:translateY(0);}
  .qp3_main ul{position:unset; margin-top:0;}
  .qp3_main ul li{animation:unset !important;margin-bottom:3vw;width:79vw;padding:5vw !important;float:none !important;position:unset;text-align:left !important;margin-left:3vw;}
  .qp3_main ul li img{display:none;}
  .qyls_part3{padding:35px 0;}
  .qyls_part4 ul li h3{font-size:18px;}
}