.allicn {
    display: inline-block;
    background: url("../../images/product/CarCollateralLoan/allicn.png") no-repeat;
}
.swipecot {
    width: 100%;
    height: 676px;
    overflow: hidden;
}
.swpimg1 {
    position: relative;
    width: 100%;
    height: 676px;
    background: url("../../images/product/CarCollateralLoan/bg.png") no-repeat center top;
    overflow: hidden;
}
.yqbox {
    position: absolute;
    top: 114px;
    left: 28px;
    display: inline-block;
    width: 152px;
    height:88px;
    background: url(../../images/product/CarCollateralLoan/q2.png) no-repeat;
}
.yqbox:before{
    content:'';
    display: inline-block;
    position: absolute;
    width:88px;
    height:88px;
    left: 32px;
    top: -14px;
    background: url("../../images/product/CarCollateralLoan/q1.png") no-repeat;
    animation: rotation 6s infinite linear;
}
.yqbox2 {
    position: absolute;
    bottom: 240px;
    right: 38px;
    display: inline-block;
    width: 76px;
    height: 28px;
    background: url(../../images/product/CarCollateralLoan/wq2.png) no-repeat;
}
.yqbox2:before{
    content:'';
    display: inline-block;
    position: absolute;
    width:44px;
    height:44px;
    left: 16px;
    top: -8px;
    background: url("../../images/product/CarCollateralLoan/wq1.png") no-repeat;
    animation: rotation 6s infinite linear;
}
.xfbox {
    width: 1381px;
    height: 676px;
    background: url(../../images/product/CarCollateralLoan/xf1.png) no-repeat center;
    margin: 0 auto;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.swipecot .swiper-slide-active .xfbox {
    -webkit-animation: 4s ease 1 0s both;
    -moz-animation: 4s ease 1 0s both;
    -ms-animation: 4s ease 1 0s both;
    animation: 4s ease 1 0s both;
    -webkit-animation-name: fade-in;
    -moz-animation-name: fade-in;
    -ms-animation-name: fade-in;
    animation-name: fade-in;
}
.swiperbox1 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.bzh3 {
    margin: 236px auto 0;
    width: 1010px;
    height:79px;
    background: url("../../images/product/CarCollateralLoan/bz.png") no-repeat center top;
    -webkit-animation: 4s ease 1 0s both;
    -moz-animation: 4s ease 1 0s both;
    -ms-animation: 4s ease 1 0s both;
    animation: 4s ease 1 0s both;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -ms-animation-name: flipInX;
    animation-name: flipInX;
}
.bnercont {
    position: relative;
    margin: 90px auto 0;
    width: 669px;
    height: 218px;
    overflow: hidden;
    background:url("../../images/product/CarCollateralLoan/c1.png") no-repeat center top;
}
.bnercont p {
    width: 384px;
    margin: 0 auto;
    padding-top: 62px;
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    color: #ffffff;
}
.bnercont span {
    position: absolute;
    left: -100px;
    bottom: 18px;
    display: inline-block;
    width:73px;
    height: 37px;
    background-position: 0 0;
}
.alltit {
    padding: 0 0 24px;
    text-align: center;
    position: relative;
    font-size: 38px;
    font-weight: normal;
    line-height: 1;
    color: #333;
}
.alltit:before{
    content:'';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left:-34px;
    width: 68px;
    height: 4px;
    background-color: #4990e7;
}
.box1 {
    padding-top: 100px;
}
.descbox {
    margin-top: 35px;
}
.descp {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}
.box1 ul {
    width: 1115px;
    margin: 80px auto 115px;
    display: flex;
    position: relative;
    height: 242px;
}
.box1 ul li {
    width: 175px;
    height:175px;
    position: absolute;

}
.box1 ul li.lc1 {
    background-position: 0 -45px;
    left: 0;
    top: -4px;
}
.box1 ul li.lc2 {
    background-position: -187px -45px;
    left: 158px;
    top: 65px;
}
.box1 ul li.lc3 {
    background-position: -373px -45px;
    left: 315px;
    top: -4px;
}
.box1 ul li.lc4 {
     background-position: -559px -45px;
    left: 472px;
    top: 64px;
 }
.box1 ul li.lc5 {
    background-position: -1px -238px;
    left: 628px;
    top: -4px;
}
.box1 ul li.lc6 {
    background-position: -187px -238px;
    left: 784px;
    top: 66px;
}
.box1 ul li.lc7 {
    background-position: -373px -238px;
    left: 940px;
    top: -6px;
}
.box2 {
    padding-top: 100px;
    height:768px;
    background: url("../../images/product/CarCollateralLoan/b2.png") no-repeat center top;
}
.box2 a {
    display: block;
    width: 165px;
    height: 42px;
    margin: 56px auto 0;
    text-align: center;
    line-height: 42px;
    background-color: #ff8610;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
}
.box6bom a.active,
.box2 a.active {
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -ms-animation-name: tada;
    animation-name: tada;
}
.box2 ul {
    margin-top: 78px;
    display: flex;
    justify-content: space-between;
}
.box2 ul li {
    position: relative;
    text-align: center;
    width: 300px;
    height: 245px;
    color: #333;
    transition: all .2s linear;
}
.box2 ul li span {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width:69px;
    height:79px;
    background-position: -304px -435px;
}
.box2 ul li:nth-child(2) span {
    width:66px;
    height:75px;
    background-position: -389px -437px;
}
.box2 ul li:nth-child(3) span {
    width:77px;
    height:76px;
    background-position: -468px -436px;
}
.box2 ul li:nth-child(4) span {
    width:72px;
    height:75px;
    background-position: -554px -437px;
}
.box2 ul li.active {
    background-color: #1a78e1;
    color: #ffffff;
}
.box2 ul li i {
    margin-top: 35px;
    width: 54px;
    height: 63px;
    background-position:-1px -438px;
}
.box2 ul li:nth-child(2) i {
    background-position:-75px -438px;
}
.box2 ul li:nth-child(3) i {
    width: 63px;
    height: 63px;
    background-position:-143px -438px;
}
.box2 ul li:nth-child(4) i {
    width: 55px;
    height: 57px;
    background-position:-220px -441px;
}
.box2 ul li h6{
    padding: 23px 0 18px;
    font-size: 18px;
}
.box2 ul li p {
    margin: 0 auto;
    width: 196px;
    font-size: 14px;
    line-height: 24px;
}
.box2 ul li:first-child.active i{
    background-position:-1px -518px;
}
.box2 ul li:nth-child(2).active i{
    background-position:-76px -518px;
}
.box2 ul li:nth-child(3).active i{
    background-position:-146px -518px;
}
.box2 ul li:nth-child(4).active i{
    background-position:-224px -518px;
}
.box3{
    text-align: center;
    padding-top: 150px;
    height: 1038px;
    background: url("../../images/product/CarCollateralLoan/m1.png") no-repeat center top;
}
.box3 .alltit {
    color: #fff;
}
.box3 .descbox {
  margin-bottom: 80px;
}
.box3 .descp {
    color: #fff;
}
.box4 {
    padding-bottom: 120px;
    text-align: center;
}
.box4 ul {
    margin: 85px 0;
    display: flex;
    background: url("../../images/product/CarCollateralLoan/m4.png") no-repeat center top;
}
.box4 ul li{
    flex:1;
    padding-top: 125px;
    text-align: center;
    color: #333333;
}
.box4 ul li h6 {
    padding-bottom: 25px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}
.box4 ul li p {
    margin: 0 auto;
    width:318px;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
}
.box5 {
    text-align: center;
}
.box5 img {
    margin: 75px 0 100px;
}
.box6 {
    padding-top: 80px;
    height: 1022px;
    box-sizing: border-box;
    background: url("../../images/product/CarCollateralLoan/m6.png") no-repeat center top;
}
.box6 .alltit {
    color: #fff;
}
.box6 ul {
    display: flex;
    justify-content: space-between;
    margin-top: 106px;
}
.box6 ul li {
    width: 388px;
    text-align: center;
}
.box6 ul li .topt {
    position: relative;
    height: 314px;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}
.box6 ul li .topt span{
    display: block;
    width: 199px;
    height: 55px;
    background-color: #0866c3;
    border-radius: 3px;
    font-size: 20px;
    line-height: 55px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -100px;
}
.box6 ul li .topt span i {
    width: 27px;
    height: 27px;
    background-position: -300px -539px;
    vertical-align: -6px;
    margin-right: 10px;
}
.box6 ul li h6{
    position: relative;
    padding-bottom: 13px;
    font-size: 20px;
    color: #fff;
}
.box6 ul li h6:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -11px;
    width: 23px;
    height: 4px;
    background-color: #fff;
}
.box6 ul li  p {
    width: 320px;
    margin: 25px auto 0;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}
.box6 ul li .topt h6:before {
    background-color: #0866c3;
}
.box6 ul li .topt h6 {
    padding-top: 92px;
    color: #333;
}
.box6 ul li .topt p {
    color: #333;
}
.box6 ul li .bomt {
    position: relative;
    height: 360px;
    background-color: #0866c3;
}
.box6 ul li .bomt h6 {
    padding-top: 110px;
}
.box6 ul li .bomt span {
    position: absolute;
    top: -50px;
    left:50%;
    margin-left:-53px;
    width: 107px;
    height: 107px;
    border-radius: 50%;
    background-position: -572px -239px;
    box-shadow: 0px 0px 10px 0px
    rgba(145, 144, 144, 0.35);
}
.box6bom {
    box-sizing: border-box;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    height: 219px;
    background: url("../../images/product/CarCollateralLoan/m7.png") no-repeat center top;
}
.box6bom p{
    padding: 67px 0 42px;
}
.box6bom a {
    display: inline-block;
    width: 147px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background-color: #ff730b;
    border-radius: 6px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
.box7 {
    padding-top: 100px;
}
.box7 dl {
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px
    rgba(238, 236, 236, 0.76);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box7 dd {
    text-align: center;
    display: inline-block;
    width: 126px;
    height: 149px;
    background-color: #f4f4f4;
    border-radius: 2px;
}
.box7 dd p {
    margin-top: 25px;
    font-size: 16px;
    color: #333333;
}
.box7 dd i {
    margin-top: 40px;
    width: 46px;
    height: 38px;
}
.box7 dd:hover i {
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}
.ddicn1 {
    background-position: -702px -231px;
}
.ddicn2 {
    background-position: -699px -277px;
}
.ddicn3 {
    background-position: -702px -323px;
}
.ddicn4 {
    background-position: -702px -370px;
}
.ddicn5 {
    background-position: -702px -416px;
}
.ddicn6 {
    background-position: -702px -462px;
}
.ddicn7 {
    background-position: -754px -232px;
}
.ddicn8 {
    background-position: -754px -280px;
}
.ddicn9 {
    background-position: -754px -323px;
}
.ddicn10 {
    background-position: -754px -371px;
}
.ddicn11 {
    background-position: -754px -415px;
}
.twh6 {
    text-align: center;
    margin:60px 0 22px;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    color: #333333;
}
.twh6 span{position: relative}
.twh6 span:before {
    position: absolute;
    top: -28px;
    left: -53px;
    content: '特色';
    font-size: 68px;
    color: rgba(51,51,51,.07);
}
.childp{
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}
.box7two {
    padding-top: 135px;
    background: url("../../images/product/CarCollateralLoan/c2.png") no-repeat right 85px;
}
.box7two ul {
    margin-top: 40px;
    padding-top: 100px;
    padding-left: 844px;
    height: 681px;
    background: url("../../images/product/CarCollateralLoan/h1.png") no-repeat left top;
}
.box7two ul li {
    margin-bottom: 120px;
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #333333;
}
.box7two ul li i {
    position: absolute;
    left: -82px;
    top: -18px;
    width: 63px;
    height: 63px;
    background-position: -342px -521px;
}
.box7two ul li span {
    display: inline-block;
}
.box7two ul li:nth-child(2) span{
    margin-left: 50px;
}
.box7two ul li:nth-child(3) span{
    margin-left: 50px;
}
.box7two ul li:nth-child(2) i {
    left: -28px;
    background-position: -413px -521px;
}
.box7two ul li:nth-child(3) i {
    left: -28px;
    background-position: -484px -521px;
}
.box7two ul li:nth-child(4) i {
    background-position: -555px -521px;
}
.box7two ul li i::after,
.box7two ul li i::before {
    content: '';
    opacity: 0;
    display: inline-block;
    border: 1px solid #1267fd;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-style: normal;
    position: absolute;
    top: -10px;
    left: -10px;
}
.box7two ul li:hover i:before {
    -webkit-animation: serv_one_border .9s 0s ease 1;
    animation: serv_one_border .9s 0s ease 1;
}
.box7two ul li:hover i:after {
    -webkit-animation: serv_one_border 1.5s 0s ease 1;
    animation: serv_one_border 1.5s 0s ease 1;
}
.box7three {
    text-align: center;
    padding-top: 120px;
    background: url("../../images/product/CarCollateralLoan/l1.png") no-repeat center top;
}
.box7s .twh6,
.box7s .childp,
.box7three .twh6,
.box7three .childp{
    color: #fff;
}
.box7s .twh6 span:before,
.box7three .twh6 span:before {
    color: rgba(255,255,255,.07);
}
.box7three img {
    margin-top: 70px
}
.box7fore {
    padding: 100px 0 128px;
}
.box7fore ul {
    margin-top: 120px;
    padding-left: 600px;
    background: url("../../images/product/CarCollateralLoan/l3.png") no-repeat left 30px;
}
.box7fore ul li {
    display: flex;
    align-items: center;
    padding-left: 70px;
    width: 600px;
    box-sizing: border-box;
    height: 139px;
}
.box7fore ul li.active {
    box-shadow: 0px 0px 7px 3px rgba(252, 223, 195, 0.28);
}
.box7fore ul li i {
    width:39px;
    height: 39px;
    margin-right: 25px;
    background-position: 0 -601px;
}
.box7fore ul li i.foricn2 {
    width:41px;
    height: 47px;
    background-position: -58px -597px;
}
.box7fore ul li i.foricn3 {
    width:55px;
    height: 40px;
    background-position: -112px -601px;
}
.box7fore ul li i.foricn4 {
    width:50px;
    height: 42px;
    background-position: -166px -598px;
}
.box7fore ul li.active i.foricn1{
    background-position: 0 -654px;
}
.box7fore ul li.active i.foricn2 {
    background-position: -55px -650px;
}
.box7fore ul li.active i.foricn3 {
    background-position: -112px -653px;
}
.box7fore ul li.active i.foricn4 {
    background-position: -160px -651px;
}
.box7fore ul li div h4 {
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 1;
    color: #333333;
}
.box7fore ul li div p {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
}
.box7five ul {
    position: relative;
    width: 424px;
    height: 424px;
    margin: 80px auto 170px;
    background: url("../../images/product/CarCollateralLoan/y3.png") no-repeat center top;
}
.box7five ul li {
    position: absolute;
}
.box7five ul li:first-child {
    width:227px;
    height: 45px;
    background-position: -232px -598px;
    left: -177px;
    top: 118px;
}
.box7five ul li:nth-child(2) {
    width:229px;
    height: 45px;
    background-position: -232px -648px;
    left: -159px;
    top: 309px;
}
.box7five ul li:nth-child(3) {
    width:166px;
    height: 109px;
    background-position: -1px -709px;
    left: 134px;
    bottom: -74px;
}
.box7five ul li:nth-child(4) {
    width:226px;
    height: 45px;
    background-position: -187px -713px;
    right: -180px;
    bottom: 120px;
}
.box7five ul li:nth-child(5) {
    width:257px;
    height: 45px;
    background-position: -187px -768px;
    right: -200px;
    top: 107px;
}
.box7five ul li.active{
    background-position: -504px -598px;
}
.box7five ul li.active:nth-child(2){
    background-position: -505px -648px;
}
.box7five ul li.active:nth-child(3){
    background-position: -464px -717px;
}
.box7five ul li.active:nth-child(4){
    background-position: 0 -838px;
}
.box7five ul li.active:nth-child(5){
    background-position: -245px -838px;
}
.box7s {
    padding-top: 130px;
    box-sizing: border-box;
    height: 864px;
    background: url("../../images/product/CarCollateralLoan/ls1.png") no-repeat center top;
}
.box7s .twh6 {
    margin-top: 0;
}
.box7s ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 80px;
}
.box7s ul li {
    text-align: center;
    flex: 20%;
    height: 278px;
    padding-top: 58px;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
}
.box7s ul li h5 {
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 28px;
    font-size: 20px;
}
.box7s ul li.active {
    background: rgba(17,26,36,.5);
    -webkit-animation: xuanzhuan 1s ease-in-out;
    -o-animation: xuanzhuan 1s ease-in-out;
    animation: xuanzhuan 1s ease-in-out;
}
.sicn1 {
    width: 59px;
    height: 59px;
    background-position: 0 -897px;
}
.sicn2 {
    width: 86px;
    height: 54px;
    background-position: -69px -900px;
}
.sicn3 {
    width: 78px;
    height: 59px;
    background-position: -155px -897px;
}
.sicn4 {
    width: 67px;
    height: 57px;
    background-position: -243px -898px;
}
.sicn5 {
    width: 64px;
    height: 58px;
    background-position: -327px -898px;
}
.sicn6 {
    width: 74px;
    height: 54px;
    background-position: -404px -900px;
}
.sicn7 {
    width: 60px;
    height: 59px;
    background-position: -494px -897px;
}
.sicn8 {
    width: 60px;
    height: 60px;
    background-position: -576px -897px;
}
.sicn9 {
    width: 48px;
    height: 59px;
    background-position: -664px -897px;
}
.sicn10 {
    width: 57px;
    height: 57px;
    background-position: -742px -898px;
}
.box8 {
    padding-top: 109px;
    box-sizing: border-box;
    height: 1059px;
    background-color: #f8faff;
}
.titbox {
    display: flex;
    justify-content: space-between;
    margin-top: 109px;
}
.titbox li {
    cursor: pointer;
    text-align: center;
    width: 400px;
}
.titbox li .tlicn1{
    width:62px;
    height: 54px;
    background-position: -649px -714px;
}
.titbox li .tlicn2{
    width:35px;
    height: 56px;
    background-position: -742px -713px;
}
.titbox li .tlicn3{
    width:55px;
    height: 55px;
    background-position: -653px -791px;
}
.titbox li p {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color: #333333;
}
.titbox li.active {
    border-bottom: 2px solid #1076fa;
}
.ulconten {
    position: relative;
    width: 1200px;
    height: 560px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 2px 8px 0px
    rgba(185, 185, 185, 0.28);
}
.ulconten .swpbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    text-align: center;
    background: #fff;
}
.ulconten .swpbox:nth-child(2) {
    padding-top: 56px;
}
.ulconten .swpbox.active {
    background: #fff;
    z-index: 99;
}
.swiper-button-next, .swiper-button-prev {
    font-family: SimSun;
    line-height: 78px;
    width: 79px;
    height: 78px;
    font-size: 57px;
    color: #fff;
    background-color: #d7d5d5;
    border-radius: 50%;
    outline: none;
    background-image: none;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #ff730b;
}
.box9 {
    padding-top: 98px;
}
.box9 ul{
    margin-top: 75px;
    margin-bottom: 125px;
    display: flex;
    justify-content:space-between;
}
.box9 ul li{
    width: 221px;
    height: 294px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px 5px rgba(16,106,232,.1);
}
.box9 ul li i {
    margin-top:45px;
    width:52px;
    height: 68px;
}
.box9 ul li:first-child i{
    background-position:  -747px -1px;
}
.box9 ul li:nth-child(2) i{
    background-position:  -747px -79px;
}
.box9 ul li:nth-child(3) i{
    background-position:  -747px -155px;
}
.box9 ul li:nth-child(4) i{
    background-position:  -748px -513px;
}
.box9 ul li:nth-child(5) i{
    background-position:  -748px -587px;
}
.box9 ul li h6 {
    padding: 25px 0 15px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #333333;
}
.box9 ul li p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}
.box10 {
    text-align: center;
    padding: 0 0 95px;
    background: url("../../images/product/CarCollateralLoan/a1.jpg") no-repeat center bottom;
}
.box10 .imgbox {
    margin-top: 80px;
    width: 1200px;
    height: 925px;
    padding-top: 33px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
}