/* 首页 */
.banner {
	background-image: url(../images/business_banner.png);
}

/* 交易模式转变 */

.convert{
    padding-bottom: 50px;
}
.convert .convert_swiper{
    height:480px;
    margin-top: 50px;
}
.convert .convert_swiper .item{
    /* padding-bottom: 20px; */
    transition: 0.3s ease;
    overflow: hidden;

}
.convert .convert_swiper .slide_left{
    width: 33%;
    border-left: 10px solid #147C66;
    padding: 200px 20px 0;
    box-sizing: border-box;
}
.convert .convert_swiper .slide_left .tit{
    color: #147C66;
    font-size: 30px;
}

.convert .convert_swiper .slide_right{
    width: 67%;
    background: #FBFBFB;
    padding: 40px 30px ;
}
.convert .convert_swiper .slide_right .tit{
    width: 35px;
    height: 320px;
    text-align: center;
    line-height: 20px;
    background: #E8F5F3;
    padding: 15px 5px;
    border-radius: 34px;
    font-size: 16px;
    display: inline-block;
    margin-top: 30px;
}
.convert .convert_swiper .slide_right .info{
    width: 87%;
}
.convert .convert_swiper .slide_right .info .icon .image{
    width: 45%;
}
.convert .convert_swiper .slide_right .info .desc{
    background: #E8F5F3;
    border-radius: 20px;
    font-size: 16px;
    padding: 10px 30px;
    margin-top: 20px;
}

.convert .swiper-pagination {
    right:-3%;
    top: 46%;
    margin-top: 30px;
}
.convert .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px solid #979797;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 15px;
    display: block;
}
.convert .swiper-pagination .swiper-pagination-bullet-active{
    background: #147C66;
}
.convert  .swiper-button-next {
    right: -4%;
    top:56%;
    background-image: url(../images/lr_arr1.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
}
 
.convert  .swiper-button-prev {
    left: 104%;
    top:44%;
    background-image: url(../images/lf_arr1.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    margin-left: -30px;
}

.convert .convert_swiper .item:hover{
    transform: scale(1.02);
    transition: 0.3s ease;
}

/* 交易链升级 */
.trading {
  position: relative;
  padding-bottom: 80px;
}
.trading .trading_swiper{
    height: 320px;
    margin-top: 60px;
}
.trading .item {
    /* align-items: center; */
}
.trading .item .icon {
    width: 55%;
    border-left: 12px solid #147C66;
    overflow: hidden;
}
.trading .item .icon .image{
    height: 100%;
    transition: 0.3s ease;
}
.trading .item .info {
    width: 45%;
    padding: 90px 50px 0 14%;
    background: #FBFBFB;
}
.trading .item .info .tit {
    font-size: 26px;
}
.trading .item .info .desc {
    margin-top: 20px;
}

.trading .swiper-pagination {
    left: 0%;
    bottom: 28px;
}
/* .trading .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px solid #979797;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 15px;
}
.trading .swiper-pagination .swiper-pagination-bullet-active{
    background: #147C66;
} */

.trading  .swiper-button-next {
    right: 45%;
    top:94%;
    background-image: url(../images/lr_arr1.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}
 
.trading  .swiper-button-prev {
    left: 45%;
    top:94%;
    background-image: url(../images/lf_arr1.png);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.trading .item:hover .icon .image{
    transform: scale(1.02);
    transition: 0.3s ease;
}

/*业务流转变*/
.model_ul {
    margin-top: 40px;
}
.model_ul li {
    width: 33%;
    text-align: center;
}
.model_ul li .icon {
    width: 100%;
    transition: 0.3s ease;
}
.model_ul li .desc {
    background: #E8F5F3;
    border-radius: 60px;
    display: inline-block;
    padding: 10px 30px;
    margin: 10px 0;
    transition: 0.3s ease;
}
.model_ul li:nth-child(1) .icon {
    margin-top: 40px;
}
.model_ul li:nth-child(2) .desc {
    background: #E8F5F3;
    border-radius: 60px;
    display: inline-block;
    padding: 10px 30px;
    margin: 10px 0;
}
.model_ul li:nth-child(2) .arr {
    width: 80%;
    margin: 10px auto;
}
.model_ul li:nth-child(4) {
    width: 34%;
}
.model_ul li:nth-child(4) .arr {
    width: 35px;
    margin: -20px auto 0;
}
.model_ul li:nth-child(5) {
    width: 34%;
}
.model_ul li:nth-child(5) .arr {
    width: 35px;
    margin: -20px auto 0;
}
.model_ul li:nth-child(7) .icon {
    margin-top: -50px;
}
.model_ul2{
    display: none;
}
.model_ul li .icon:hover{
    transform: scale(1.02);
    transition: 0.3s ease;
}
.model_ul li .desc:hover {
    transform: scale(1.02);
    transition: 0.3s ease;
}

/* 适配 */

@media (min-width:1700px) {
    .trading .trading_swiper{
        height: 400px;
    }
    .trading .item .info {
        padding-top: 120px;
        padding-left: 20%;
    }
}
@media (min-width:1400px) {
    .trading .trading_swiper{
        height: 300px;
    }
    .trading .item .info {
        padding-left: 10%;
    }
}
@media (min-width:1360px) {
    .trading .trading_swiper{
        height: 350px;
    }
    .trading .item .info {
        padding-top: 60px;
        padding-left: 10%;
    }
}
@media (max-width: 1024px) {
    .convert  .swiper-button-next {
        right: -2%;
        top:56%;
    }
    .convert  .swiper-button-prev {
        left: 102%;
        top:44%;
    }

    .trading .trading_swiper{
        height: 220px;
    }
    .trading .item .info {
        padding-top: 40px;
        padding-left: 8%;
    }
    .trading .swiper-pagination {
        left: 0%;
        bottom: 22px;
    }
    .trading  .swiper-button-next {
        right: 43%;
    }
    .trading  .swiper-button-prev {
        left: 43%;
    }
    
}

@media (max-width: 769px) {

    .convert .convert_swiper{
        height: 410px;
    }
    .convert .convert_swiper .slide_left{
        padding-top: 150px;
    }

    .trading .trading_swiper{
        height: 220px;
    }
    .trading .item .icon {
        border-left: 5px solid #147C66;
    }
    .trading .item .icon .image{
        height: 100%;
    }
    .trading .item .info {
        padding: 20px;
        padding-left: 8%;
    }
    .trading .item .info .tit{
        font-size: 20px;
    }
    .trading  .swiper-button-next {
        right: 41%;
    }
    .trading  .swiper-button-prev {
        left: 41%;
    }

 
.model .model_ul li .desc {
    padding: 10px;
    border-radius: 30px;
}
 
.model .model_ul li:nth-child(1) .icon {
    margin-top: 60px;
}
 
.model .model_ul li:nth-child(3) .icon {
    margin-top: 40px;
}
 
.model .model_ul li:nth-child(2) .desc {
    background: #E7FAEE;
    border-radius: 30px;
    display: inline-block;
    padding: 10px;
    text-align: left;
    margin: 0;
}
 
.model .model_ul li:nth-child(2) .arr {
    width: 80%;
    margin: 5px auto;
}
 
.model .model_ul li:nth-child(4) .arr,
.model .model_ul li:nth-child(5) .arr {
    margin: -60px auto 0;
}
 
.model .model_ul li:nth-child(7) .icon {
    margin-top: -30px;
}
}
 
/* 媒体查询样式 */
@media (max-width: 431px) {
    .convert{
        padding-bottom: 0;
    }
    .convert .convert_swiper{
        height: 550px;
        margin-top: 20px;
    }
    .convert .convert_swiper .item{
        display: block;
    }
    .convert .convert_swiper .item:hover{
        transform: scale(1);
    }
    .convert .convert_swiper .slide_left{
        width: 100%;
        padding-top: 0;
        border: none;
        text-align: center;
    }
    .convert .convert_swiper .slide_left .tit{
        font-size: 18px;
       margin-bottom: 10px;
    }
    .convert .convert_swiper .slide_right{
        background: none;
        width: 100%;
        display: block;
        padding: 0;
    }
    .convert .convert_swiper .slide_right .tit{
        width: 84%;
        height: auto;
        padding: 10px;
        margin: 20px auto;
        display: block;
        font-size: 14px;
    }
    .convert .convert_swiper .slide_right .info{
        width: 100%;
    }
    .convert .convert_swiper .slide_right .info .desc{
        padding: 10px;
    }
    /* .convert .swiper-pagination{
        right: 45%;
        top: 88%;
    }
    .convert .swiper-pagination .swiper-pagination-bullet{
        display: inline-block;
    } */
    .convert  .swiper-button-next {
        width: 24px;
        height: 24px;
        background-size:24px 24px;
        right: 44%;
        top: 97%;
        margin-right: -15px;
        transform: rotate(0deg);
    }
    .convert  .swiper-button-prev {
        width: 24px;
        height: 24px;
        background-size:24px 24px;
        left: 44%;
        top: 97%;
        margin-left: -15px;
        transform: rotate(0deg);
    }

    .trading {
        padding-bottom: 30px;
    }
    .trading .trading_swiper{
        width: 94%;
        margin:30px auto 0;
        height: 320px;
    }
    .trading .item{
        display: block;
    }
    .trading .item .icon {
        width: 100%;
        margin: auto;
        border: none;
        margin-top: 10px;
    }
    .trading .item .icon .image{
        height: auto;
    }
    .trading .item .info{
        width: 100%;
        padding:10px;
    }
    .trading .item .info .tit{
        font-size: 16px;
    }
    .trading .item .info .desc{
        height: 50px;
        margin-top: 10px;
    }
    .trading .swiper-pagination{
        bottom: 26px;
    }
    .trading  .swiper-button-next {
        right: 36%;
        width: 24px;
        height: 24px;
        background-size:24px 24px;
    }
    .trading  .swiper-button-prev {
        left: 36%;
        width: 24px;
        height: 24px;
        background-size:24px 24px;
    }
 
     .model .model_ul {
        display: none;
        margin-top: 20px;
    }
 
    /* .model .model_ul li .desc {
        padding: 5px;
        border-radius: 8px;
    }
 
    .model .model_ul li:nth-child(1) .icon {
        margin-top: 80px;
    }
 
    .model .model_ul li:nth-child(3) .icon {
        margin-top: 60px;
    }
 
    .model .model_ul li:nth-child(2) .desc {
        background: #E7FAEE;
        border-radius: 8px;
        display: inline-block;
        padding: 5px;
        text-align: left;
        margin: 0;
    }
 
    .model .model_ul li:nth-child(2) .arr {
        width: 80%;
        margin: 5px auto;
    }
 
    .model .model_ul li:nth-child(4) .arr,
    .model .model_ul li:nth-child(5) .arr {
        width: 30px;
        margin: -60px auto 0;
    }
 
    .model .model_ul li:nth-child(7) .icon {
        margin-top: 10px;
    } */

    .model .model_ul2{
        display: flex;
        margin-top: 20px;
    }
    .model .model_ul2 li{
        width: 50%;
    }
    .model .model_ul2 li .desc {
        background: #E8F5F3;
        border-radius: 8px;
        display: inline-block;
        padding: 5px;
    }
    .model .model_ul2 li:nth-child(1){
        width: 60%;
    }
    .model .model_ul2 li:nth-child(1) .icon {
        margin-top: 30px;
    }
    .model .model_ul2 li:nth-child(2){
        width: 40%;
    }
    .model .model_ul2 li:nth-child(2) .arr {
        width: 70%;
        margin-top: 20px;
    }
    .model .model_ul2 li:nth-child(3) {
        width: 40%;
    }
    .model .model_ul2 li:nth-child(3) .desc {
        width: 80%;
        height: 100px;
        margin-top: 120px;
    }
    .model .model_ul2 li:nth-child(3) .arr {
        width: 10px;
        margin-left: 10px;
    }
    .model .model_ul2 li:nth-child(4) {
        width: 60%;
        padding-top: 15px;
    }
    .model .model_ul2 li:nth-child(4) .icon {
       margin-top: 15px;
       padding: 0 10px;
    }
    .model .model_ul2 li:nth-child(5) {
        width: 60%;
    }
    .model .model_ul2 li:nth-child(6) {
        width: 40%;
        margin-top: -6px;
    }
    .model .model_ul2 li:nth-child(6) .arr{
        width: 50%;
    }
    .model .model_ul2 li:nth-child(6) .desc{
        margin-left: 10px;
        margin-top: 10px;
    }
}

@media (max-width: 400px) {
    .convert .convert_swiper{
        height: 515px;
    }
    .trading .trading_swiper{
        height: 300px;
    }
    .model .model_ul2 li:nth-child(4) .icon{
        padding: 0;
    }
}