.allicn {
    display: inline-block;
    background: url("../../images/product/CarCollateralLoan/allicn.png") no-repeat;
}
.icon {
    display: inline-block;
    background: url("../../images/product/MortgageGuarantee/icon.png") no-repeat;
}

.swpimg1 {
    position: relative;
    width: 100%;
    height: 720px;
    background: url("../../images/product/MortgageGuarantee/bg.png") no-repeat center center;
}
.swpimg1 .w1180 {
    margin-top: 277px;
    color: #fff;
}
.swpimg1 .w1180 h1{
    font-size: 60px;
    position:relative;
    margin-bottom: 115px;
    font-family: 'MicrosoftYaHei';
    height: 72px;
    line-height: 72px;
}
.swpimg1 .w1180 h1:after{
    content: '';
    position: absolute;
    width: 65px;
    height: 6px;
    background: #fff;
    bottom: -31px;
    left: 2px;
}
.swpimg1 .w1180 li{
    font-size: 24px;
    line-height: 48px;
}
.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;
}
.lineBox{
    width: 100%;
    height: 667px;
    background:url("../../images/product/MortgageGuarantee/lineBg.png") no-repeat;
    background-position:  bottom center;
    background-size: 100% 100%;
}
.box1 ul{
    width: 100%;
    height: 667px;
    position: relative;
}
.box1 ul li{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    width: 214px;
    height: 667px;
}
.box1 ul li p{
    position: relative;
}

.box1 ul li.active::before{
    display: inline-block;
    content: "";
    width: 214px;
    height: 667px;
    background:url("../../images/product/MortgageGuarantee/shade.png") no-repeat;
    background-position:  center center;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
}
.box1 ul li.active p::after{
    display: inline-block;
    content: "";
    width: 55px;
    height: 55px;
    background:url("../../images/product/MortgageGuarantee/icon.png") no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.9;
}
.box1 ul li:nth-child(2n-1) p::after{
    top: 63px;
    left: 80px;
}
.box1 ul li:nth-child(2n) p::after{
    top: -69px;
    left: 80px;
}
.box1 ul li:nth-child(1) p::after{
    background-position: -14px -18px;
}
.box1 ul li:nth-child(2) p::after{
    background-position: -113px -18px;
}
.box1 ul li:nth-child(3) p::after{
    background-position: -211px -18px;
}
.box1 ul li:nth-child(4) p::after{
    background-position: -301px -18px;
}
.box1 ul li:nth-child(5) p::after{
    background-position: -722px -18px;
}
.box1 ul li:nth-child(6) p::after{
    background-position: -620px -18px;
}
.box1 ul li:nth-child(7) p::after{
    background-position: -501px -18px;
}
.box1 ul li:nth-child(8) p::after{

    background-position: -404px -18px;
}

.box1 ul li.active{
    color: #3e5bda;
    font-weight: bold;
}
.box1 ul li:nth-child(1){
    position: absolute;
    left: 15%;;
}
.box1 ul li:nth-child(2){
    position: absolute;
    left: 23%;
}
.box1 ul li:nth-child(3){
    position: absolute;
    left: 32%;;
}
.box1 ul li:nth-child(4){
    position: absolute;
    left: 41.5%;
}
.box1 ul li:nth-child(5){
    position: absolute;
    left: 49%;
}
.box1 ul li:nth-child(6){
    position: absolute;
    left: 57%;
}
.box1 ul li:nth-child(7){
    position: absolute;
    left: 64%;
}
.box1 ul li:nth-child(8){
    position: absolute;
    left: 73%;
}
.descbox {
    margin-top: 35px;
}
.descp {
    width: 1184px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    margin: 0 auto;
}
/*.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;
    background: url("../../images/product/CarCollateralLoan/b2.png") no-repeat center center;
}
.box2 a {
    display: block;
    width: 165px;
    height: 42px;
    margin: 56px auto 0;
    text-align: center;
    line-height: 42px;
    background-color: #ee4626;
    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.active span {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width:63px;
    height:63px;
    background-position:-18px -185px;
    opacity: .1;
}
.box2 ul li.active:nth-child(2) span {
    background-position:-107px -185px;
}
.box2 ul li.active:nth-child(3) span {
    background-position:-209px -185px;
}
.box2 ul li.active:nth-child(4) span {
    background-position: -311px -185px;
}
.box2 ul li.active {
    background-color: #1a78e1;
    color: #ffffff;
}
.box2 ul li i {
    margin-top: 35px;
    width: 63px;
    height: 63px;
    background-position:-409px -102px;
    /*background-color: #eee;*/
}
.box2 ul li:nth-child(2) i {
    background-position:-506px -100px;
}
.box2 ul li:nth-child(3) i {
    background-position:-623px -101px;
}
.box2 ul li:nth-child(4) i {
    background-position:-718px -98px;
}
.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:-18px -103px;
}
.box2 ul li:nth-child(2).active i{
    background-position:-107px -103px;
}
.box2 ul li:nth-child(3).active i{
    background-position:-209px -99px;
}
.box2 ul li:nth-child(4).active i{
    background-position:-311px -96px;
}
.box3{
    text-align: center;
    padding-top: 150px;
    height: 736px;
    background: url("../../images/product/MortgageGuarantee/m1.png") no-repeat center center;
}
.box3 .alltit {
    color: #fff;
}
.box3 .descbox {
    margin-bottom: 80px;
}
.box3 .descp {
    color: #fff;
}
.box3 .imgbox{
    width: 1200px;
    height: 750px;
    background-color: #ffffff;
    box-shadow: 0px 0px 23px 1px
    rgba(200, 200, 200, 0.39);
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.box4 {
    padding-top: 375px;
    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 ul::after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 1076px;
    height: 251px;
    top: 262px;
    background-color: #ffffff;
    border-top:  1px dashed #e5e5e5;
    border-bottom:  1px dashed #e5e5e5;
    z-index:1
}
.box6 {
    padding-top: 80px;
    height: 1295px;
    box-sizing: border-box;
    background: url("../../images/product/MortgageGuarantee/m6.png") no-repeat center top;
}
.box6 .alltit {
    color: #fff;
}
.box6 .contentBox{
    margin-bottom: 105px;
    margin-top: 80px;
    text-align: center;
    height: 945px;
    background: url("../../images/product/MortgageGuarantee/bg2.png") no-repeat;
    background-color: #ffffff;

}
.box6 .contentBox img{
    margin-top: 56px;
}
.box6 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
}
.box6 .contentBox li.active{
    box-shadow: 0px 0px 12px 1px
    rgba(182, 190, 193, 0.17);
}
.box6 .contentBox li{
    z-index:100;
    display: inline-block;
    box-sizing: border-box;
    width: 478px;
    height: 195px;
    margin-top: 56px;
    padding: 24px 59px 0 41px;
    text-align: left;
}
.box6 .contentBox li h6{
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    position: relative;
}
.box6 .contentBox li h6:after{
    content: "";
    width: 23px;
    height: 4px;
    background-color: #f14b2a;
    opacity: 0.8;
    position: absolute;
    bottom: -7px;
    left: 50px;
}
.box6 .contentBox li:nth-child(2n) h6:after{
    background-color: #3e5bda;
}

.box6 .contentBox li:nth-child(2n-1) h6{
    color: #f14b2a;
}
.box6 .contentBox li:nth-child(2n) h6{
    color: #3e5bda;
}
.box6 .contentBox li p{
    font-size: 14px;
    line-height: 28px;
    margin-top: 41px;
    color: #333333;
}

.box6 .contentBox li h6 i{
    width: 36px;
    height: 36px;
    margin-right: 14px;
    vertical-align: middle
}
.box6 .contentBox li:nth-child(1) h6 i{
    background-position: -18px -281px;
}
.box6 .contentBox li:nth-child(2) h6 i{
    background-position: -545px -281px;
}
.box6 .contentBox li:nth-child(3) h6 i{
    background-position: -93px -281px;
}
.box6 .contentBox li:nth-child(4) h6 i{
    background-position: -620px -281px;
}
.box6 .contentBox li:nth-child(5) h6 i{
    background-position: -169px -281px;
}
.box6 .contentBox li:nth-child(6) h6 i{
    background-position: -696px -280px;
}
.box6 .contentBox li:nth-child(2n-1){
    position: relative;
}
.box6 .contentBox li:nth-child(2n-1)::after{
    content: '';
    display: inline-block;
    width: 49px;
    height: 25px;
    background: #eee;
    position: absolute;
    right: -68px;
    top: 90px;
    background: url("../../images/product/MortgageGuarantee/icon.png") no-repeat;
    background-position:-552px -382px;
}
.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: #ee4626;
    border-radius: 6px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
.box7 {
    padding-top: 100px;
}

.box7one{
    text-align: center;
}
.box7one img{
    width: 894px;
    margin-top: 4px;
}

.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 {
    box-sizing: border-box;
    padding-top: 135px;
    height: 800px;
    width: 100%;
    background: url("../../images/product/MortgageGuarantee/feature2.png") no-repeat center center;
}
.box7two ul {
    position: relative;
    width: 63px;
    height: 63px;
    margin: 0 auto;
}
.box7two ul li {
    position: relative;
    width: 100%;
}
.box7two ul li i {
    position: absolute;
    width: 80px;
    height: 80px;
}
.box7two ul li:nth-child(1) i {
    left: -430px;
    top: 50px;
    background-position: -18px -356px;
}
.box7two ul li:nth-child(2) i {
    left: 435px;
    top: 40px;
    background-position:-150px -356px;
}
.box7two ul li:nth-child(3) i {
    left: -390px;
    top: 270px;
    background-position:-286px -356px;
}
.box7two ul li:nth-child(4) i {
    left: 385px;
    top: 270px;
    background-position:-410px -356px;
}
.box7two ul li i::after,
.box7two ul li i::before {
    content: '';
    opacity: 0;
    display: inline-block;
    border: 1px solid #1267fd;
    width: 100px;
    height: 100px;
    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: 90px;
    position: relative;
}
.box7s .twh6 span:before,
.box7three .twh6 span:before {
    color: rgba(255,255,255,.07);
}
.box7three img{
    position: absolute;
    left: 553px;
}
.box7three ul{
    width: 518px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box7three ul li{
    display: inline-block;
    width: 247px;
    height: 175px;
    background: url("../../images/product/MortgageGuarantee/icon.png") no-repeat;
}
.box7three ul li:nth-child(1){
    background-position:0px  -624px;
}
.box7three ul li:nth-child(2){
    background-position:-494px  -624px;
}
.box7three ul li:nth-child(3){
    background-position:-247px  -624px;
    margin-top: 24px;
}
.box7three ul li:nth-child(4){
    background-position:-741px  -624px;
    margin-top: 24px;
}
.box7three ul li:nth-child(1).active{
    background-position:0px  -449px;
}
.box7three ul li:nth-child(2).active{
    background-position:-494px  -448px;
}
.box7three ul li:nth-child(3).active{
    background-position:-247px  -449px;
}
.box7three ul li:nth-child(4).active{
    background-position:-741px  -449px;
}
.box7fore {
    padding: 100px 0 128px;
    height: 680px;
    box-sizing: border-box;
    background: url("../../images/product/MortgageGuarantee/bg4.png") no-repeat center center;
}
.box7fore ul {
    margin:80px auto;
    color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    position: relative;
}
.box7fore ul li {
    line-height: 75px;
    font-size: 16px;
    width: 423px;
    height: 75px;
    border-radius: 5px;
    box-sizing: border-box;
}
.box7fore ul li span{
    height: 65px;
    width: 368px;
    line-height: 65px;
    border: 2px solid #fff;
    display: inline-block;
    text-align: center;
}
.box7fore ul li.active span{
    border: none;
}
.box7fore ul li:nth-child(1){
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    text-align: right
}
.box7fore ul li:nth-child(2){
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    text-align: left;
}
.box7fore ul li:nth-child(1) span{
    border-right: none;
}
.box7fore ul li:nth-child(2) span{
    border-left: none;
}
.box7fore ul li.active{
    background-color: #4a6af3;
}
.box7fore li img{
    display: none;
}
.box7fore li.active img{
    display: inline-block;
    position: absolute;
    top: 110px;
    left: 100px;
}
.prevClick{
    display: inline-block;
    position: absolute;
    top: 400px;
    left: 30px;
}
.nextClick{
    display: inline-block;
    position: absolute;
    top: 400px;
    right: 30px;
}
.box7five{
    margin-top: 460px;
}
.box7five .content {
    background: url("../../images/product/MortgageGuarantee/m5.png") no-repeat center center;
    width: 1373px;
    height: 420px;
    margin: 80px auto;
}
.box7s {
    padding-top: 50px;
    box-sizing: border-box;
}
.box7s .twh6 {
    margin-top: 0;
}
.sliderBox {
    background: url("../../images/product/MortgageGuarantee/bgSlider.png") no-repeat center center;
    width: 100%;
    /*height: 784px;*/
    height: 635px;
}
.box7s ul {
    width: 100px;
    height: 100px;
    position: relative;
    margin:0 auto;
}
.box7s ul li{
    background: url("../../images/product/MortgageGuarantee/slider.png") no-repeat ;
    position: absolute;
    display: inline-block;
}
.box7s ul li:nth-child(1){
    width: 155px;
    height: 175px;
    background-position: -1px -1px;
    left: -545px;
    top: 80px;
}
.box7s ul li:nth-child(2){
    width: 183px;
    height: 175px;
    background-position: -201px -1px;
    left: -307px;
    top: 80px;
}
.box7s ul li:nth-child(3){
    width: 135px;
    height: 196px;
    background-position: -443px -1px;
    right: -307px;
    top: 80px;
}
.box7s ul li:nth-child(4){
    width: 155px;
    height: 175px;
    background-position: -636px -1px;
    right: -545px;
    top: 80px;
}
.box7s ul li:nth-child(5){
    width: 155px;
    height: 175px;
    background-position: -6px -233px;
    left: -545px;
    top: 350px;
}
.box7s ul li:nth-child(6){
    width: 230px;
    height: 175px;
    background-position: -199px -233px;
    left: -307px;
    top: 350px;
}
.box7s ul li:nth-child(7){
    width: 140px;
    height: 172px;
    background-position: -438px -233px;
    right: -307px;
    top: 350px;
}
.box7s ul li:nth-child(8){
    width: 155px;
    height: 175px;
    background-position: -636px -1px;
    right: -545px;
    top: 350px;
}
.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: 1033px;
    background: url("../../images/product/MortgageGuarantee/bg5.png") no-repeat center center;
    position: relative;
}
.box8 .titbox{
    display: flex;
    justify-content: space-around;
    margin-top: 114px;
    margin-bottom: 61px;
    position: relative;
}
.box8::before {
    width: 100%;
    content: "";
    height: 1px;
    position: absolute;
    top: 344px;
    background-color: #cccccc;
    opacity: 0.5;
}
.titbox li {
    text-align: center;
    position: relative;
    cursor: pointer;
}
.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: #fff;
}
.titbox li.active::after {
    width: 62px;
    content: "";
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 30px;
    background: #fff;
}
.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);
}

.box7fore .swiper-slide{
    height: 658px;
}