.pw1400{max-width: 1400px;margin-right: auto;margin-left: auto;}
h1{color: #000;text-align: center;font-size: 48px;font-style: normal;font-weight: 700;line-height: normal;max-width: 96%;margin-left: auto;margin-right: auto;}
h2{max-width: 96%;margin-left: auto;margin-right: auto;}
a:hover{text-decoration: none;}
.not_mb{margin-bottom: 0px !important;}
img{max-width: 100%;}
.def_effect{ transform: translateY(100px); opacity: 0;}
.def_effect2{ transform: translateY(50px); opacity: 0;}
.def_effect3{ transform: translateY(80px); opacity: 0;}
.current .def_effect,.current .def_effect2,.current .def_effect3{transform: translateY(0); opacity: 1;}
.def_effect:nth-child(1){ transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;}
.def_effect:nth-child(2){ transition: transform 1s 0.2s ease-in-out, opacity 0.5s 0.2s ease-in-out;}
.def_effect:nth-child(3){ transition: transform 1s 0.4s ease-in-out, opacity 0.5s 0.4s ease-in-out;}
.def_effect:nth-child(4){ transition: transform 1s 0.6s ease-in-out, opacity 0.5s 0.6s ease-in-out;}
.def_effect:nth-child(5){ transition: transform 1s 0.8s ease-in-out, opacity 0.5s 0.8s ease-in-out;}
.def_effect:nth-child(6){ transition: transform 1s 1s ease-in-out, opacity 0.5s 1s ease-in-out;}
.def_effect:nth-child(7){ transition: transform 1s 1.2s ease-in-out, opacity 0.5s 1.2s ease-in-out;}
.def_effect:nth-child(8){ transition: transform 1s 1.4s ease-in-out, opacity 0.5s 1.4s ease-in-out;}
.def_effect:nth-child(9){ transition: transform 1s 1.6s ease-in-out, opacity 0.5s 1.6s ease-in-out;}
.def_effect:nth-child(10){ transition: transform 1s 1.8s ease-in-out, opacity 0.5s 1.8s ease-in-out;}
.def_effect:nth-child(11){ transition: transform 1s 2s ease-in-out, opacity 0.5s 2s ease-in-out;}

.def_effect2:nth-child(1){ transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.def_effect2:nth-child(2){ transition: transform 0.5s 0.05s ease-in-out, opacity 0.5s 0.05s ease-in-out;}
.def_effect2:nth-child(3){ transition: transform 0.5s 0.1s ease-in-out, opacity 0.5s 0.1s ease-in-out;}
.def_effect2:nth-child(4){ transition: transform 0.5s 0.15s ease-in-out, opacity 0.5s 0.15s ease-in-out;}
.def_effect2:nth-child(5){ transition: transform 0.5s 0.2s ease-in-out, opacity 0.5s 0.2s ease-in-out;}
.def_effect2:nth-child(6){ transition: transform 0.5s 0.25s ease-in-out, opacity 0.5s 0.25s ease-in-out;}
.def_effect2:nth-child(7){ transition: transform 0.5s 0.3s ease-in-out, opacity 0.5s 0.3s ease-in-out;}
.def_effect2:nth-child(8){ transition: transform 0.5s 0.35s ease-in-out, opacity 0.5s 0.35s ease-in-out;}
.def_effect2:nth-child(9){ transition: transform 0.5s 0.4s ease-in-out, opacity 0.5s 0.4s ease-in-out;}
.def_effect2:nth-child(10){ transition: transform 0.5s 0.45s ease-in-out, opacity 0.5s 0.45s ease-in-out;}
.def_effect2:nth-child(11){ transition: transform 0.5s 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out;}
.def_effect2:nth-child(12){ transition: transform 0.5s 0.55s ease-in-out, opacity 0.5s 0.55s ease-in-out;}
.def_effect2:nth-child(13){ transition: transform 0.5s 0.6s ease-in-out, opacity 0.5s 0.6s ease-in-out;}

.def_effect3:nth-child(1){ transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;}
.def_effect3:nth-child(2){ transition: transform 0.6s 0.075s ease-in-out, opacity 0.5s 0.075s ease-in-out;}
.def_effect3:nth-child(3){ transition: transform 0.6s 0.15s ease-in-out, opacity 0.5s 0.15s ease-in-out;}
.def_effect3:nth-child(4){ transition: transform 0.6s 0.255s ease-in-out, opacity 0.5s 0.255s ease-in-out;}
.def_effect3:nth-child(5){ transition: transform 0.6s 0.33s ease-in-out, opacity 0.5s 0.33s ease-in-out;}
.def_effect3:nth-child(6){ transition: transform 0.6s 0.405s ease-in-out, opacity 0.5s 0.405s ease-in-out;}
.def_effect3:nth-child(7){ transition: transform 0.6s 0.48s ease-in-out, opacity 0.5s 0.48s ease-in-out;}
.def_effect3:nth-child(8){ transition: transform 0.6s 0.555s ease-in-out, opacity 0.5s 0.555s ease-in-out;}
.def_effect3:nth-child(9){ transition: transform 0.6s 0.63s ease-in-out, opacity 0.5s 0.63s ease-in-out;}
.def_effect3:nth-child(10){ transition: transform 0.6s 0.705s ease-in-out, opacity 0.5s 0.705s ease-in-out;}
.def_effect3:nth-child(11){ transition: transform 0.6s 0.78s ease-in-out, opacity 0.5s 0.78s ease-in-out;}
.def_effect3:nth-child(12){ transition: transform 0.6s 0.855s ease-in-out, opacity 0.5s 0.855s ease-in-out;}
.def_effect3:nth-child(13){ transition: transform 0.6s 0.93s ease-in-out, opacity 0.5s 0.93s ease-in-out;}

/* banner */

.banner{background:url(../screenify/img/sf-download-banner-bg.png) top center no-repeat;padding: 70px 0;background-size: cover;}
.banner_img .mask{width: 100%;height: 88px;border-radius: 644px;background: rgba(140, 255, 200, 0.73);filter: blur(30px);position: absolute;bottom: 0;left: 0;z-index: -1;}
.banner h2{color: #333;text-align: center;font-size: 22px;font-style: normal;font-weight: 400;line-height: normal;margin: 15px auto 40px;}
.banner_content{display: flex;align-items: center;justify-content: space-between;}
.banner_text ul li{color: #555;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;position: relative;padding-left: 20px;margin-bottom: 15px;}
.banner_text ul li::before{content: "\e924";font-family: iconfont;color: #333;font-size: 16px;position: absolute;top: 5px;left: 0;}
.btn_box{max-width: 672px;display: flex;align-items: center;justify-content:space-between;width: 675px;margin-top: 30px;}
.btn_box a{display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.btn_box a p{color: var(--100, #FFF);font-size: 18px;font-style: normal;font-weight: 600;line-height: 1;padding: 23.25px 0;margin-left: 10px;}
.btn_box a span{font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;}
.btn_box .win{border-radius: 12px;background: #2ED493;width: 320px;}
.btn_box .mac{border-radius: 12px;background: #1D1F1E;width: 320px;}
.btn_box .mac img,.btn_box .win img{transform: translateY(-4px);width: 32px;display: block;}
.btn_box .win img{transform: translateY(0);}
.btn_box a:hover{transform: translateY(-10px);}
.banner-icons{margin-top: 30px;}
.banner_img{border-radius: 20px;border: 1px rgba(255, 255, 255, 0.44);background: rgba(255, 255, 255, 0.40);padding: 20px;width: auto;}
.banner_img .pta{top: -15px;right: -25px;}
.banner_img img{display: block;}

/* banner */
.section_1{padding: 70px 0 100px;}
.section h2{color: #000; text-align: center;font-size: 44px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 42px;}
.section_1 .content{display: flex;justify-content: space-between;}
.section_1 .item{border-radius: 12px;box-sizing: border-box;border: 1px solid #EEE;background: var(--100, #FFF);overflow: hidden;padding-bottom: 25px;}
.section_1 .item p{color: #333;font-size: 18px;font-weight: 600;line-height: normal;margin-left: 31px;margin-bottom: 15px;margin: 25px 0px 15px 31px;}
.section_1 .item span{display: block;color: var(----, #666);font-size: 16px;font-weight: 400;margin-left: 31px;max-width: 350px;}

.section_2{padding: 100px 0;background: #F6F5F4;}
.section_2 .title div.act{background:  #FFF;}
.set2_content{display: flex;}
.section_2 .title{max-width: 600px;}
.section_2 .title b{color: var(--100, #FFF);text-align: center;font-size: 20px;font-weight: 700;width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;}
.section_2 .title div{border-radius: 10px 0px 0px 10px;background: #EDEDED;padding: 30px 30px 15px;margin-bottom: 15px;cursor: pointer;}
.section_2 .black{background: #000;}
.section_2 .green{background: #4BCC5E;}

.section_2 .title p{color: #333;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;position: relative;padding-left: 40px;margin-bottom: 15px;}

.section_2 .title .q{color: #333;}
.section_2 .title .a{font-size: 16px;color: #666;}

.section_2 .img_box{border-radius: 0px 10px 10px 0px;background: var(--100, #FFF);display: flex;flex-direction: column;align-items: center;justify-content: center;width: 800px;}
.item_imgbox img{position: absolute;top: 0;left: 0;opacity: 0;}
.item_imgbox .block{display: flex;width: 30px !important;justify-content: space-between;position: absolute;bottom: -18px;margin: 0 auto !important;left: 0;right: 0;}
.item_imgbox .block b{width: 10px;height: 10px;border-radius: 50%;background: #D9D9D9;display: block; cursor: pointer;}
.item_imgbox .block b.act{background: #666666;}
.item_imgbox img.ptr{position: relative;}
.item_imgbox img.act{opacity: 1;}
.section_2 .img_box .item{position: absolute;opacity: 0;top: 0;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);transition: all .3s ease-in-out;}
.section_2 .img_box .item.act{opacity: 1;z-index: 5;}
.section_2 .item div{width: auto;max-width: 520px;margin: 0 auto 30px;}
.section_2 .item p{color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;max-width: 680px;margin: 0 auto;}

.section_3{padding: 100px 0;}
.section_3_top{display: flex;justify-content: space-between; margin-bottom: 40px;}
.section_3 .item{border-radius: 12px;padding: 40px 40px 100px;position: relative;box-sizing: border-box;}
.section_3_top .item{width: 48%;max-width: 680px;}
.section_3 .item > p{color: #333;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;max-width: 1200px;position: relative;z-index: 2;}
.section_3 .item .user_info{display: flex;width: 277px;align-items: center;justify-content: space-between;position: absolute;bottom: 40px;left: 40px;}
.section_3 .item .user_info p{color: var(----, #666);font-size: 18px;font-style: italic;font-weight: 400;line-height: normal;}
.section_3_top .item2 .user_info{width: 279px;}
.section_3_top .item1{background: #F7FFE7;}
.section_3_top .item2{background: #DDFFD8;}
.section_3 .item3{background: #E7FFFB;}
.section_3 .pta{bottom: 0;right: 0;}

.section_4{padding: 100px 0;border-top:1px solid #E3E3E3;}
.section_4 .cont_hot{text-align: center;;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cont_hot a{margin-top:20px;-webkit-tap-highlight-color:transparent;color:#fff;text-decoration:none;width:49.3%;border-radius:10px;border:1px solid #e6e6e6;background:#fff;color:#000;display:inline-block;padding:28px 20px;box-sizing:border-box;font-family:Poppins;font-size:18px;text-align:left;font-style:normal;font-weight:500;line-height:16px;transition:.3s}
.cont_hot a:hover{border: 1px solid #999999;}

@media screen and (max-width: 1400px) {
    .pw1400{max-width: 96%;margin-left: auto;margin-right: auto;}
    .banner_text{max-width: 45%;}
    .btn_box{max-width: 320px;flex-wrap: wrap;}
    .btn_box .win{margin-bottom: 15px;}
}
@media screen and (max-width: 1200px){
    .banner_content{flex-direction: column;}
    .banner_img{order: 1;margin-bottom: 20px;}
    .banner_text{order: 2;max-width: 96%;}
    .btn_box{margin-top: 30px;margin-right: auto;margin-left: auto;}
    .banner-icons{margin-right: auto;margin-left:auto;display: block;}
    .section_1 .item{width: 30%;}
    .section_1 .item span,.section_1 .item p{margin-left: 20px;}
    .section_2 .item p{max-width: 96%;margin-left: auto;margin-right: auto;}
    .section_3_top{flex-wrap: wrap;}
    .section_3_top .item1{margin-bottom: 40px;}
    .section_3 .item{width: 96%;margin-left: auto;margin-right: auto;max-width: none;}
}
@media screen and (max-width: 1050px){
    .section_1 .content{flex-direction: column;}
    .section_1 .content>img{width: 10px;height: 21px;margin: 20px auto;transform: rotate(90deg);}
    .section_1 .item{max-width: 408px;align-items: center;justify-content: center;width: 96%;margin-left: auto;margin-right: auto;}
    .section_2 .item div {width: 96%;margin-left: auto;margin-right: auto;}
    
}
@media screen and (max-width: 980px){
    .section_4 .cont_hot{flex-wrap: wrap;}
    .cont_hot a{width: 96%;margin-left: auto;margin-right: auto;}
    .banner_img{max-width: 96%;margin-left: auto;margin-right: auto;}
    
}