.banner {
    background-image: url(/images/pages/download_bg@2x.png);
    /* background-position: center /cover; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 714px;
    /* padding: 90px 0 212px; */
}

.banner h1 {
    padding-top: 56px;
    font-size: 46px;
}

.banner .cont {
    max-width: 600px;
}

.banner .title {
    font-size: 36px;
    line-height: 1.2;
    /* margin-bottom: 24px; */
}

.banner .title.how {
    padding-top: 96px;
}

.banner .title2 {
    margin-top: 10px;
    line-height: 1.3;
    font-size: 22px;
    margin-bottom: 24px;
    text-align: left;
    font-weight: bold;
}

.banner .title3 {
    margin-top: 24px;
    margin-bottom: 40px;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.banner .tip {
    margin-top: 24px;
    font-size: 18px;
}

.port_fax .banner .title3{
    color: #515978
}

.port_fax .banner {
    height: 100%;
    background-image: url();
    background-color: rgba(255, 255, 255, 0) 79.59%;
    background:linear-gradient(218.16deg, #FFF8F8 21.6%, rgba(227, 243, 255, 0.777331) 39.8%, rgba(255, 255, 255, 0) 79.59%);
}
.port_fax .banner .container{
    padding-bottom: 20px;
}
.port_fax h2{
    text-align: center;
    margin-top: 96px;
    /* font-size: 36px;
    font-weight: 800; */
}
.port_fax h3{
    /* font-weight: 800;
    font-size: 28px; */
    margin-bottom: 16px;
}

.port_fax .container-sm{
    max-width: 1080px;
}
.banner ul {
    margin-bottom: 41px;
}
.port_fax .sec2 .part_1{
    padding-top: 24px;
    padding-bottom: 24px;
}
.port_fax .sec2 .part_2{
    padding-top: 24px;
    padding-bottom: 24px;
}

.port_fax .sec2 .part_3{
    padding-top: 48px;
    padding-bottom: 48px;
}

.port_fax .sec2 .part_1 img{
    margin-right: 80px;
}
.port_fax .sec2 .part_3 img{
    margin-left: 80px;
}

.port_fax .sec2 .part_2 img{
    margin-left: 80px;
}

.port_fax .sec2 h3{
    margin-top: 40px;
}

.port_fax .bg2{
    margin: auto;
    max-width: 1600px;
    background: linear-gradient(0deg, #F0FAF4, #F0FAF4), #F7F8FD;
    border-top-right-radius : 48px;
    border-top-left-radius:48px;
    padding-bottom: 96px;
}

.port_fax .bg2 .card .title{
    background: #EAF9F7;
    border-radius: 30px;
    color: #3ECF8E;
    width: 80px;
    height: 28px;
    text-align: center;
}
.port_fax .cards{
    margin-top: 56px;
}

.port_fax .bg2 .card .tip{
    color: #424770;
    font-weight: bold;
    font-size: 18px;
    margin-top: 19px;
    margin-bottom: 12px;
}
.port_fax .bg2 .card .des{
    text-align: center;
}
.port_fax .bg2 .card{
    text-align: center;
    flex: 1;
    padding:40px 18px ;
    background: #FFFFFF;
    box-shadow: 0px 18px 52.8537px rgba(215, 249, 225, 0.5);
    border-radius: 20px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 18px;
}
.port_fax .part_3 .btn{
    margin-top: 18px;
    /* margin-left: 48px; */
    margin-right: 24px;
    /* margin-left: 24px; */
    padding: 12px 40px;
}

.port_fax .btns{
    margin-top: 38px;
}
/* 
.banner ul li {
    width: 49%;
} */

.banner .group-btn .btn {
    line-height: 48px;
    height: 48px;
    padding: 0 32px;
    /* width: 200px; */
    text-transform: capitalize;
}

.banner .group-btn span {
    line-height: 48px;
    margin: 0 20px;
    font-size: 16px;
}

/* 
.banner .group-btn .btn:first-child {
    margin-right: 16px;
    width: 260px;
} */

.order-f1 {
    order: -1;
}

.desktop-download-href {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 21px 0 0 !important;
    overflow: hidden;
}

.desktop-download-href::before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 21px;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA+klEQVQ4T+2UrU4DQRhFz5VYCC9QiUdDBQkv0Ho0uhqPx6NBVdU0aV+gsn2JEjTuNrOZIbO7s9mlWcnKmXvP97sjRv40Mo9BQNtvIbCk574EhgI3ETj9B7Y6UOyh7UtJ30ltu9XDpiZpW8Bovgbmkg5B2ATangBL4EtSbVAl4Az4APYJmgNtXwEr4Dbef+Z1d5VcgwLVHgIPwBq4K8Gq1eraK9s59Bh1P8BjF+wXaPsGuJC0ywMUoPclWO6vMixNMZtwyjQchUHVetb09wKj4QU4lGBnAfv+37zCWobAts/ccR96G16jaQK+AoszYcn2Lulp0PP1l0CjA0/Qs4gV4FR8lgAAAABJRU5ErkJggg==');
    background-position: center;
    background-repeat: no-repeat;
}

.com-block .com-tip.top{
    padding-bottom: 24px;
}
.com-block .com-tip.bottom{
    padding-bottom: 16px;
    padding-top: 24px;
    margin:0 auto 0;
}
.com-block .com-tip.mid{
    padding-bottom: 16px;
    padding-top: 0;
    margin:0 auto 0;
}

.com-block .list{color:#515978;}
.com-block .list>li:not(:last-child){
    padding-bottom: 12px;
}


.com-block .list-number{padding-left: 40px;color:#515978}

.com-block .list-number>li{
    position: relative;
}
.com-block .list-number>li:not(:last-child){
    padding-bottom: 16px;
}
.com-block .list-number>li:before{
    display: flex;
    align-items: center;
    background: #f3fcec;
    border-radius: 100%;
    color: #00c16b;
    font-size: 16px;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    left: -44px;
    line-height: 24px;
    position: absolute;
    top: -5px;
    width: 32px;
    content: counter(li);
    counter-increment: li;
}
.com-block .list-number{counter-reset: li;}

.com-block.b1 .lft.img-right{
    margin-right: 0;
    margin-left: 72px;
}

.com-block.b1.top{
    padding-bottom: 0;
    padding-top: 96px;
}

.com-block.b1.bottom{
    padding-bottom: 96px;
    padding-top: 36px;
}


.com-block.b4 .rgt div.title{
    margin-top: 10px;
    margin-bottom: 14px;
    font-weight: bold;
    color: rgba(66, 71, 112, 1);
    line-height: 24px;
}

.com-block.b4 .tab{background-color: #FFF;width:max-content;border-radius: 9999px;padding:4px;margin-bottom: 56px;}
.com-block.b4 .tab .swiper-wrapper{justify-content: center;flex-wrap: wrap;}
.com-block.b4 .tab .swiper-slide{height: 48px;text-align: center;line-height: 48px;cursor: pointer;width: auto !important;padding: 0 25px;margin: 0 15px;}
.com-block.b4 .tab .swiper-wrapper>.swiper-slide:first-child{margin-left: 4px;}
.com-block.b4 .tab .swiper-wrapper>.swiper-slide:last-child{margin-right: 4px;}
.com-block.b4 .tab .swiper-slide-thumb-active{font-weight: 700;background: #0091ff;border-radius: 9999px;box-shadow: 0 4px 16px rgb(3 22 67 / 8%);color: #fff;}
.com-block.b4 .tab .swiper-slide:hover{color: #377DFF;}
.com-block.b4 .tab .swiper-slide-thumb-active:hover{color:#fff}
.com-block.b4 .pic{width: 50%;}
.com-block.b4 .txt{width: 46%;}
.com-block.b4 .txt .sub{font-size: 24px;font-weight: bold;padding: 10px 0 24px;}
.com-block.b4 .txt .info{margin-bottom: 24px;line-height: 1.6;}
.com-block.b4 .txt .info.bottom{margin-top: 24px;line-height: 1.6;}

.com-block.b4 .txt .more svg{margin-left: 6px;transition: all ease-in-out 0.2s;}
.com-block.b4 .txt .more:hover svg{transform: translateX(4px);}
.com-block.b4.where{padding-bottom: 0;}
.com-block.b4.where p.desc{padding-bottom: 16px;margin:0 auto;width: 760px;transform: translateY(-36px);}

.com-block.b4.why{padding: 96px 0 0;}

@media(max-width: 1080px) {
    .port_fax .banner img{
        display: none;
    } 

    .port_fax .sec2 img{
        display: none;
    } 

   
}
@media(max-width: 960px) {
    .order-f1 {
        order: 1;
    }
    .banner {
        background: rgba(43, 161, 245, 1);
        height: auto;
        padding-bottom: 70px;
    }
}

.other {
    padding: 130px 0 60px;
    background-color: rgba(245, 249, 252, 1);
}

.other .cell {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-shadow: 2px 4px 8px 0 rgba(43, 43, 88, 0.06);
    border-radius: 1px;
    flex-basis: 48%;
    padding: 24px 24px 38px;
    margin-bottom: 20px;
    transition: all linear 0.2s;
}

.other .cell:hover {
    transform: translateY(-5px);
}

.other .cell .rgt {
    flex-basis: calc(100% - 60px);
}

.other .cell .sub {
    padding-bottom: 10px;
    font-weight: 700;
}

.other .cell p {
    font-size: 14px;
    color: #5F6C7D;
}

.faxing .sub {
    font-size: 28px;
    padding-bottom: 10px;
}

.faxing {
    padding: 25px 0 30px;
    margin-bottom: 70px;
}

.faxing .rgt {
    flex-basis: 54%;
}

.faxing .group-btn {
    margin-top: -20px;
}

.faxing .btn {
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    width: 200px;
}

.faxing .btn:first-child {
    margin-right: 16px;
    width: 260px;
}

@media (max-width: 960px) {
    .step .lft {
        transform: translateX(10px);
        padding-right: 10px;
    }
    .latest-ud .rgt, .powerful-fea .cell .lft, .step .lft {
        margin-bottom: 30px;
    }
    .bt-banner .title {
        margin-bottom: 20px;
        font-size: calc(18px + 1.8vw);
    }
    .banner .title {
        font-size: calc(20px + 2vw);
    }
    .banner .title2 {
        font-size: calc(14px + 1vw);
    }
    .faxing .lft {
        margin-bottom: 20px;
    }
    
}

@media (max-width: 769px) {
    /* .faxing .btn, .banner .group-btn .btn {
        width: 260px;
    } */
    .faxing .btn:first-child, .banner .group-btn .btn:first-child {
        /* margin-bottom: 20px; */
        margin-right: 0;
    }
    .other, .fax, .fea {
        padding: 60px 0;
    }

    .port_fax .part_3 .btn{
        margin-left: 24px;
        margin-right: 24px;
    }

    .com-block.b4 .txt{text-align: left;margin-bottom: 15px;}
    .com-block.b4 .swiper-wrapper{transform: translate3d(0,0,0) !important;display: block;}
    .com-block.b4 .swiper-container{padding: 10px;}
    .com-block.b4 .txt .sub{font-weight: 600;font-size: 16px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-radius: 4px;padding: 16px 30px 16px 5%;position: relative; cursor: pointer;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"><path fill="%2333" fill-rule="evenodd" d="M12 13L8 9a.8.8 0 00-1 1l5 5.1 5-5c.2-.3.2-.7 0-1a.8.8 0 00-1.1 0l-4 4z"></path></svg>') 98% 50% no-repeat}
    .com-block.b4 .txt .ce{padding: 15px 5%;background-color: #F9FBFD;}
}

@media (max-width: 520px) {
    .step .rgt img {
        height: auto;
    }
    .step .rgt .swiper-wrapper .swiper-slide:nth-child(2) img {
        height: 305px;
    }
}

.container-sm {
    max-width: 1150px;
}

.com-block.b1 {
    background: rgba(255, 255, 255, 1);
    padding: 56px 0 86px 0;
    margin: 0;
}

.com-block.b1 .lft {
    width: 500px;
    min-width: 500px;
    margin-right: 72px;

}

.com-block.b2 {
    background: rgba(245, 249, 252, 1);
    padding: 74px 0;
}

.com-block.b2 .rgt {
    max-width: 400px;
    margin-right: 151px;
}

.com-block.b3 .lft {
    margin-right: 80px;
}

.com-block.b3 .rgt {
    max-width: 500px;
}

.com-block.b4 {
    padding-top: 61px;
}

.com-block.b4 h5.desc {
    height: 24px;
    font-size: 16px;
    color: rgba(95, 108, 125, 1);
    transform: translateY(-50px);
}

.com-block.b4 p.desc {
    font-size: 16px;
    color: rgba(95, 108, 125, 1);
    transform: translateY(-50px);
}

.com-block.b4 .lft {
    width: 72px;
    min-width: 72px;
    height: 72px;
}

.com-block.b4 .rgt {
    margin-left: 28px;
}

.com-block.b4 .rgt p.comment {
    font-size: 16px;
    color: rgba(13, 35, 102, 1);
    line-height: 24px;
}

.com-block.b4 .rgt p.tip {
    font-size: 14px;
    color: rgba(95, 108, 125, 1);
    line-height: 24px;
}

.com-block.b4 .rgt .name {
    font-size: 16px;
    font-weight: bold;
    color: rgba(66, 71, 112, 1);
    line-height: 24px;
    margin-top: 14px;
}

.com-block.b4 .cell {
    flex-basis: 530px;
    margin-bottom: 36px;
    /* justify-content: center !important; */
}

.com-block.b5 {
    background: rgba(255, 255, 255, 1);
    padding: 39px 0 19px 0;
    padding-bottom: 52px;
}

.com-block.b5 .flexible {
    align-items: center;
}

.com-block.b5 .rgt {
    margin-left: 100px;
}

.com-block.b5 .rgt>h2 {
    font-size: 28px;
    font-weight: bold;
    color: rgba(13, 35, 102, 1);
    line-height: 36px;
}

.com-block.b5 .rgt>.desc {
    font-size: 16px;
    color: rgba(95, 108, 125, 1);
    line-height: 24px;
    margin-top: 8px;
}

.com-block.b5 .rgt>.red-btn {
    width: 200px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
    line-height: 52px;
    margin-top: 30px;
    text-transform: none;
}

@media (max-width: 960px) {
    .com-block.b1 .lft {
        margin-right: 0;
        min-width: initial;
        width: 100%;
    }
    .com-block.b1 .lft img {
        max-width: 400px !important;
        height: 320px !important;
    }
    .com-block.b2 .rgt {
        margin-right: 0;
    }
    .com-block.b3 .lft {
        margin-right: 0;
    }
    .com-block.b4 .cell {
        flex-basis: 48%;
    }
    .com-block.b5 {
        padding-bottom: 70px;
    }
    .com-block.b5 .rgt {
        margin-left: 0;
        text-align: center;
    }
    .banner .cont.md-center{
        max-width: none;
        width: 100%;
    }
    .banner .title.how {
        padding-top: 56px;
    }
}

@media (max-width: 720px) {
    .com-block.b1 .lft img {
        max-width: 300px !important;
        height: 240px !important;
    }
}