﻿ .topbanner{height:500px; width:100%; background:url(/Images/jjfa/kuajing/kuajing1.jpg); background-size:auto 100%; background-position:center;}
 .kuaj_part1{max-width:1200px;margin:0 auto;}
 .kuaj_part1 ul::after,.kp2_list::after,.kuaj_part3 ul::after,.kp4_main::after,.kuaj_part5 ul::after,.kp6_main dl::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;}
 .kuaj_part1 ul{max-width:1200px; margin:0 auto; padding:60px 0;}
 .kuaj_part1 ul li{width:282px; height:270px; float:left; margin:0 9px; background:#fff; border-radius:15px; box-shadow:0 0 25px rgba(10,35,71,0.1); overflow:hidden; text-align:center; transition:all 0.6s ease;}
 .kuaj_part1 ul li:hover{transform:translateY(-15px);}
 .kuaj_part1 ul h3{font-weight:bold; font-size:20px; padding:15px 0;}
 .kuaj_part1 ul p{color:#98a1ab; line-height:24px; padding:0 20px;}
 .kuaj_part2{background:url(/Images/jjfa/kuajing/kuajing_47.jpg); padding:70px 0;}
 .kp2_list{margin:0 auto; padding:30px 0; max-width:1200px;}
 .kp2_list dl{width:572px; margin:14px; float:left; background:#fff; border-radius:5px; height:160px; transition:all 0.6s ease;}
 .kp2_list dl:hover{box-shadow:0 0 30px rgba(154,185,233,0.2);transform:translateY(-2px);}
 .kp2_list dl dt{float:right; width:148px; transition:all 0.6s ease;}
 .kp2_list dl:hover dt{transform:translateY(-15px);}
 .kp2_list dl dd{float:left; padding:28px 0 28px 30px; display:inline-block;}
 .kp2_list dl dd h3{font-size:20px; font-weight:bold;}
 .kp2_list dl dd p{color:#98a1ab; padding-top:10px;}
 .kuaj_part3{padding:50px 0;}
 .kuaj_part3 ul{max-width:1200px; margin:0 auto; padding:50px 0 30px 0;}
 .kuaj_part3 ul li{ float:left; margin:6px; width:228px; height:162px; position:relative;transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transition:0.6s; -webkit-transition:0.6s;}
 .kuaj_part3 ul li h3{font-size:20px; font-weight:bold;}
 .kuaj_part3 ul li .li_1 img{padding-bottom:20px;}
 .kuaj_part3 ul li p{line-height:24px; font-size:14px; padding-top:10px;}
 .kuaj_part3 ul li .li_2 img{position:absolute;right:10px; bottom:0;}
 .kuaj_part3 ul li .li_1,.kuaj_part3 ul li .li_2{position:absolute;width:170px; height:102px; padding:28px;text-transform:uppercase;}
 .kuaj_part3 ul li:hover{transform:rotateX(-90deg);}
 .kuaj_part3 ul li .li_1{border:1px solid #e0e5f5; transform:translate3d(0, 0, 80px); -webkit-transform:translate3d(0, 0, 80px);}
 .kuaj_part3 ul li .li_2{background:#a82024; color:#fff; border:1px solid #a82024;transform:rotateX(90deg) translate3d(0, 0, 80px); -webkit-transform:rotateX(90deg) translate3d(0, 0, 80px);}
 
 .kuaj_part4{background:url(/Images/jjfa/kuajing/kuajing_119.jpg); padding:70px 0; color:#fff; background-position:top center;}
 .kp4_main{max-width:1200px; margin:0 auto;}
 .kp4_main dl{height:88px; padding:15px 0; transition:all 0.6s ease;}
 .list_left dl:hover{transform:translateX(15px);}
 .list_right dl:hover{transform:translateX(-15px);}
 .kp4_main dl dd h3{font-size:22px; font-weight:bold; padding-bottom:10px;}
 .kuaj_part4 .tit_p{color:#fff; line-height:24px;}
 .list_left{width:310px; float:left;}
 .list_left dl dt{float:left;width:78px;}
 .list_left dl dd{width:210px; float:left; padding-left:10px;}
 .list_right{width:310px; float:right;}
 .list_right dl dt{float:right;width:78px;}
 .list_right dl dd{width:210px; float:left; padding-left:10px; text-align:right;}

 .kuaj_part5{padding:50px 0;}
 .kuaj_part5 ul{max-width:1200px; margin:0 auto; padding:30px 0;}
 .kuaj_part5 ul li{width:33.3%; float:left; text-align:center; padding:20px 0; transition:all 0.6s ease;}
 .kuaj_part5 ul li:hover{transform:translateY(-15px);}
 .kuaj_part5 ul li img{display:inline-block; margin:0 auto;}
 .kuaj_part5 ul li h3{font-size:20px; font-weight:bold;}
 .kuaj_part5 ul li p{color:#98a1ab; padding:10px 0;}
 .kuaj_part6{background:url(/Images/jjfa/kuajing/kuajing_176.jpg); padding:0 0 30px 0; height:600px; position:relative;}
 .kuaj_part6 .m_img{position:absolute; top:0; left:50%; margin-left:-242px;}
 .kp6_main{max-width:1200px; margin:0 auto; height:100%; position:relative;}
 .kp6_main dl{width:325px; position:absolute;}
 .kp6_main dl dt{width:119px; height:116px; float:right;}
 .kp6_main dl dd{float:left; display:inline-block; width:180px; text-align:right; padding-top:10px;}
 .kp6_main dl dd h3{font-size:20px; font-weight:bold; color:#211f91; padding-bottom:10px;}
 .kp6_main dl dd p{line-height:24px; color:#717b90;}
 .kp6_main dl dd em{display:inline-block; border-bottom:1px dashed #4e20f1; position:absolute; }
 .kp6_main dl:nth-child(1){top:30px; -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);}
 .kp6_main dl:nth-child(1) em{width:36px; right:-30px; top:50px;}
 .kp6_main dl:nth-child(2){top:190px; left:20px; -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);}
 .kp6_main dl:nth-child(2) em{width:40px;right:-19px;top:17px;transform:rotate(-26deg);}
.kp6_main dl:nth-child(3){top:355px;left:80px;-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);}
 .kp6_main dl:nth-child(3) em{width:76px;right:-39px;top:-14px; transform:rotate(-44deg);}
 .kp6_main dl:nth-child(4){top:415px; left:50%; margin-left:-163px; -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);}
 .kp6_main dl:nth-child(4) dt{float:none; margin:0 auto;}
 .kp6_main dl:nth-child(4) dd{text-align:center; display:block; margin:0 auto; float:none; padding-top:0;}
 .kp6_main dl:nth-child(4) em{width:40px;left:144px;top:-17px;height:1px;transform:rotate(90deg)}
 .kp6_main dl:nth-child(5){top:355px;right:80px;-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);}
 .kp6_main dl:nth-child(5) dt{float:left;}
 .kp6_main dl:nth-child(5) dd{text-align:left;}
 .kp6_main dl:nth-child(5) em{width:76px;left:-39px;top:-14px; transform:rotate(44deg);}
 .kp6_main dl:nth-child(6){top:190px; right:20px;-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);}
 .kp6_main dl:nth-child(6) dt{float:left;}
 .kp6_main dl:nth-child(6) dd{text-align:left;}
 .kp6_main dl:nth-child(6) em{width:40px;left:-19px;top:17px;transform:rotate(26deg);}
 .kp6_main dl:nth-child(7){top:30px; right:0; -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);}
 .kp6_main dl:nth-child(7) dt{float:left;}
 .kp6_main dl:nth-child(7) dd{text-align:left;}
 .kp6_main dl:nth-child(7) em{width:36px; left:-30px; top:50px;}

 @keyframes floaty {
  from {transform:translateY(5) rotateX(5deg);}
  to{transform:translateY(5px) rotateX(5deg);}
}

@media screen and (max-width:800px){
	.kp2_list dl dt{position:absolute; right:21px;}
  /*.topimg{height:50vw; width:100%; object-fit:cover;}*/
	.topbanner{height:55vw; width:100%; background-position:30% center; }
    .faa{width:100vw; padding:0 3vw; box-sizing:border-box; }
	.qyls_tit{font-size:24px;}
	.tit_p{padding:5px 15px;font-size:16px;}
	.kuaj_part1 ul{width:94vw; margin:0 auto; padding:10px 0 30px 0;}
	.kuaj_part1 ul li{width:90vw; margin:2vw;}
	.kuaj_part1 ul li img{width:100%;}
	.kuaj_part1 ul li:hover{transform:translateY(0);}
	.kuaj_part2{background-size:auto 100%; padding:50px 0;}
	.kp2_list{padding:10px 0;}
	.kp2_list dl{float:none; width:86vw; margin:10px auto;}
	.kp2_list dl:hover{box-shadow:0 0 30px rgba(154,185,233,0);transform:translateY(0);}
	.kp2_list dl:hover dt{transform:translateY(0);}
	.kp2_list dl dd{width:52vw; padding:4vw 0 2vw 5vw;}
	.kuaj_part3 ul{padding:20px 1vw;}
	.kuaj_part3 ul li{width:49vw; margin:2vw 0; height:auto;}
	.kuaj_part3 ul li .li_1,.kuaj_part3 ul li .li_2{ position:unset;width:40vw; height:102px; padding:3vw;text-transform:unset;}
    .kuaj_part3 ul li:hover{transform:unset;}
    .kuaj_part3 ul li .li_1{display:none;}
    .kuaj_part3 ul li .li_2{background:#fff; color:#2b334d; border:1px solid #e0e5f5;transform:unset; -webkit-transform:unset; margin:0 auto; overflow:hidden;}
	.kuaj_part3 ul li p{color:#98a1ab;}
	.kuaj_part3 ul li .li_2 img{opacity:0.5;}
	.kuaj_part5 ul li{width:46%; padding:2%; min-height:33vw; height:auto;}
	.kuaj_part5 ul li:hover{transform:translateY(0);}
	.kp4_main{text-shadow:5px 5px 30px rgba(0,0,0,1);}
	.list_left,.list_right{width:50%;}
	.list_left dl dd,.list_right dl dd{width:calc(100% - 78px);}
	.list_left dl:hover{transform:translateX(0);}
    .list_right dl:hover{transform:translateX(0);}
	.kuaj_part6{height:auto; background-size:auto 100%;}
	.kp6_main{position:unset;}
	.kp6_main dl{position:unset; width:90%; margin:2% auto; animation:none; border-bottom:1px dashed #adbed7;}
	.kp6_main dl dd em{display:none;}
	.kp6_main dl:nth-child(4) dt{float:left;}
	.kuaj_part6 .m_img{position:unset; margin:0 auto;max-width:100%;}
 .kp6_main dl:nth-child(1),.kp6_main dl:nth-child(2),.kp6_main dl:nth-child(3),.kp6_main dl:nth-child(4),.kp6_main dl:nth-child(5),.kp6_main dl:nth-child(6),.kp6_main dl:nth-child(7){animation:none;}
	.kp6_main dl:nth-child(4){width:90%; margin:2% auto;}
	.kp6_main dl dt{float:left; text-align:left;margin-top:8px;}
	.kp6_main dl dd{text-align:right !important; float:right!important;}
	.kp6_main dl:nth-child(4) dd{float:right; text-align:right; padding-top:10px;}
	.kp6_main dl:last-child{border-bottom:0;}
	.kuaj_part1 ul h3{padding:12px 0;}
	.kuaj_part4{padding:40px 0;}
	.kp4_main dl dd h3 {font-size:18px;padding-bottom:5px;}
	.kuaj_part3{padding:40px 0 5px 0;}
	.list_left dl dt,.list_right dl dt{width:60px;}
	.list_left dl dt img,.list_right dl dt img{max-width:100%;}
	.list_left dl dd p,.list_right dl dd p{font-size:13px;}
	.list_left dl dd{padding-left:5px;}
	.kp2_list dl dd h3,.kuaj_part3 ul li h3,.kuaj_part5 ul li h3{font-size:18px;}
	.kuaj_part5{padding-bottom:0;}
}









