h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333;}
.body{overflow-x: hidden;}
html{font:400 100% "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333; overflow-x:hidden;}
ol,ul,li{list-style: none;}
a:hover{text-decoration: none;}
.mtb32{margin-top: 32px;margin-bottom: 32px;}
section h2{color: #000;text-align: center;font-size: 40px;font-style: normal;font-weight: 600;line-height: normal;}
img{max-width: 100%;height: auto;}
.pw1400{max-width: 1400px;width: 100%;margin-left: auto;margin-right: auto;}
.effect {
    transform: translateY(100px);
    opacity: 0;
    transition:all  .7s ease-in-out
}

.effect.cut {
    transform: translateY(0px);
    opacity: 1
}

.transparency{opacity: 0;transition: all 3s ease-in-out;}
.effect.cut .transparency{opacity: 1;}
.banner{width: 100%;height: 900px;padding: 136px 0 0;box-sizing: border-box;overflow: hidden;position: relative;}
.banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.65;
    background: radial-gradient(73.22% 45.43% at 72.56% 31.25%, rgba(0, 0, 0, 0.00) 0%, #000 100%);z-index: 1;}
.banner .dft_pw{position: relative;z-index: 2;}   
.banner_text {max-width: 959px;}
.banner_text h1{color: #FFF;font-size: 32px;font-style: normal;font-weight: 500;line-height: normal;}
.banner_text h1 img{display: inline-block;margin-right: 24px;vertical-align: middle;}
.banner_text h2{color:#FFF;font-size: 50px;font-weight: 700;text-align: left;margin: 0px 0 40px;}
.banner_text h2 span{color: var(--100, #FFF);font-size: 28px;font-style: normal;font-weight: 400;line-height: normal;}
.banner_text ul li{color:  rgba(255, 255, 255, 0.85);font-size: 18px;font-style: normal;font-weight: 400;position: relative;padding-left: 26px;margin-bottom: 20px;}
.banner_text ul li::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #FFF;position: absolute;top: 10px;left: 0;}
.sfhome_btn{display: flex;max-width: 650px;justify-content: space-between;margin-top: 50px;}
.sfhome_btn em{color: var(--85, rgba(255, 255, 255, 0.85));text-align: center;font-size: 16px;font-weight: 400;width: 100%;display: block;margin-top: 10px;}
.sfbtn{display: flex;padding: 17px 24px;align-items: center;border-radius: 6px;background: #3BE5A2;font-size: 24px;font-style: normal;font-weight: 700;line-height: 34px;color: #342929 !important;transition: all 0.3s ease-in-out;box-sizing: border-box;}
.sfbtn:hover{transform: translateY(-5px);}
.win::before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M27.4773 2.63607V12.4562C27.4773 12.9427 27.0485 13.3382 26.5169 13.3421L13.848 13.4341C13.3103 13.438 12.8722 13.0402 12.8722 12.5482V4.29216C12.8722 3.85129 13.2265 3.47752 13.7034 3.41517L26.3723 1.75908C26.9555 1.68281 27.4773 2.09694 27.4773 2.63607ZM11.5392 4.71195V12.55C11.5392 13.0365 11.1104 13.432 10.5787 13.4359L1.50321 13.5018C0.965521 13.5057 0.527374 13.1079 0.527374 12.6159V5.89834C0.527374 5.45747 0.881655 5.0837 1.35862 5.02135L10.4341 3.83498C11.0174 3.75871 11.5392 4.17284 11.5392 4.71195ZM27.4773 15.5964V25.3639C27.4773 25.9016 26.9581 26.3154 26.376 26.2414L13.7071 24.6313C13.2285 24.5705 12.8722 24.196 12.8722 23.7538V15.5503C12.8722 15.0597 13.308 14.6625 13.8442 14.6644L26.513 14.7104C27.0462 14.7124 27.4773 15.1085 27.4773 15.5964ZM11.4812 15.4891V23.3023C11.4812 23.8377 10.9662 24.2508 10.3861 24.1805L1.36854 23.0891C0.887101 23.0308 0.527344 22.6552 0.527344 22.2108V15.4455C0.527344 14.9544 0.963917 14.557 1.5006 14.5596L10.5182 14.6032C11.0509 14.6058 11.4812 15.0017 11.4812 15.4891Z' fill='%23342929'/%3E%3C/svg%3E");
    display: inline-block; width: 28px; height: 28px; margin-right: 10px;}
.mac::before{content: "";display: inline-block;width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3959 1.75H3.61626C2.1023 1.75 0.875 3.0036 0.875 4.55V23.45C0.875 24.9964 2.1023 26.25 3.61626 26.25H16.2069L15.7573 22.3467C15.3701 22.382 14.9777 22.4 14.5813 22.4C10.2219 22.4 6.33988 20.2172 4.74969 16.9132C4.49921 16.3928 4.70918 15.7636 5.21868 15.5077C5.72817 15.2519 6.34424 15.4663 6.59472 15.9868C7.76388 18.4159 10.8191 20.3 14.5813 20.3C14.8985 20.3 15.2106 20.2866 15.517 20.2606L15.0378 16.1H12.676C11.5948 16.1 10.7839 15.0897 10.996 14.0068L13.3959 1.75ZM17.7867 21.9934C20.768 21.2165 23.2274 19.3764 24.4129 16.9132C24.6634 16.3928 24.4534 15.7636 23.9439 15.5077C23.4344 15.2519 22.8183 15.4663 22.5679 15.9868C21.7255 17.737 19.9039 19.2043 17.5442 19.8878L16.9729 14.9273L16.866 14H15.9519H13.094L15.4926 1.75H24.861C26.375 1.75 27.6023 3.0036 27.6023 4.55V23.45C27.6023 24.9964 26.375 26.25 24.861 26.25H18.277L17.7867 21.9934ZM8.0708 7.35C7.50307 7.35 7.04283 7.8201 7.04283 8.4V9.8C7.04283 10.3799 7.50307 10.85 8.0708 10.85C8.63854 10.85 9.09878 10.3799 9.09878 9.8V8.4C9.09878 7.8201 8.63854 7.35 8.0708 7.35ZM20.4065 7.35C19.8387 7.35 19.3785 7.8201 19.3785 8.4V9.8C19.3785 10.3799 19.8387 10.85 20.4065 10.85C20.9742 10.85 21.4344 10.3799 21.4344 9.8V8.4C21.4344 7.8201 20.9742 7.35 20.4065 7.35Z' fill='%23342929'/%3E%3C/svg%3E");background-size: cover;margin-right: 10px;} 

.brief{background: url(https://imobie-resource.com/en/screenify/img/brief.png)top center no-repeat;background-size: cover;padding: 80px 0;max-width: 1700px;margin: 90px auto 0;border-radius: 30px;}
.brief p{color:#6C6C6C;text-align: center;font-size: 18px;font-style: normal;font-weight:400;line-height: 190%; margin: 20px auto 60px;max-width: 1000px;}
.brief .img_box{width: 100%;max-width: 1515px;margin: 0 auto;text-align: center;}


.transcribe{padding: 100px 0;}
.transcribe h2{max-width: 965px;font-size: 52px;margin: 0 auto;}
.transcribe p{color:  #6C6C6C;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 190%;max-width: 1100px;margin: 20px auto 120px;}
.transcribe .content_box h3{color: #342929;font-size: 40px;font-style: normal;font-weight: 600;line-height: normal;width: 96%;max-width: 908px;}
.transcribe .content_box p{color: #6C6C6C;font-size: 17px;font-style: normal;font-weight: 400;line-height: 190%;text-align: left;width: 96%;max-width: 908px;margin: 20px 0 60px;}
.transcribe .content_box div{width: 96%;max-width:1640px;background: #FFFBE9;border-radius: 50px;margin: 0 auto;box-sizing: border-box;padding: 70px 270px;}
.transcribe .content_box img{display: block;max-width: 100%;}
.transcribe .content_box div.item2{background: #F0E9F8;position: sticky;z-index: 3;top: 100px;}
.transcribe .content_box div.item1{position: sticky;top: 0px;margin-bottom: 50px;}

.video{background: #F5FBFB;width: 100%;padding: 140px 0;}
.video_box {max-width: 1340px; display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.video .video_text{max-width: 684px;width: 96%;}
.video h2{color: #342929;font-size: 40px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 38px;text-align: left;}
.video h3{color: #342929;font-size: 24px;font-style: normal;
font-weight: 600;line-height: 170%;cursor: pointer;}
.video p{color:  #6C6C6C;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 400;line-height: 170%; margin-bottom: 20px;display: none;}
.video .item{margin-bottom: 40px;}
.video .item div{width: 490px;max-width: 96%; height: 6px;background: rgba(0, 0, 0, 0.10);border-radius: 6px;overflow: hidden;display: none;}
.video .item div span{display: block;height: 100%;width: 0%;border-radius: 6px;background: #2EB27E;transition: all .3s ease-in-out;}
.vidoe_img{max-width: 617px;overflow: hidden;;display: flex;}
.vidoe_img img{opacity: 0; transition: transform 0.7s}
.vidoe_img img.img1{transform: translateX(-100%)}
.vidoe_img img.img2{transform: translateX(-200%)}
.vidoe_img img.img3{transform: translateX(-300%)}
.vidoe_img img.act{opacity: 1;}
.vidoe_img img.act.img1{transform:  translateX(0)}
.vidoe_img img.act.img2{transform:  translateX(-100%)}
.vidoe_img img.act.img3{transform: translateX(-200%);}

.video .item.act h3{color: #2EB27E;}
.video .item.act p{display: block;}
.video .item.act div{display: block;}
.video .item.act div span{animation: expandWidth 5s forwards linear;}
@keyframes expandWidth {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}




.specific{width: 100%;background: #E9F4FF;}
.specific_box{max-width: 1340px; display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 140px 0;}
.specific_text{max-width: 546px;order: 1;}
.specific_text h2{color: #342929;font-size: 40px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 36px;text-align: left;}
.specific_text ul{margin: 36px 0 12px;}
.specific_text ul li{color:  #6C6C6C;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;margin-bottom: 24px;position: relative;padding-left: 26px;}
.specific_text ul li::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #6C6C6C;position: absolute;top: 10px;left: 0}
.specific_text .sfbtn{ max-width:380px;}
.operate .sfbtn{max-width: 307px;}
.specific_text .sfbtn::after,.operate .sfbtn::after,.trim .sfbtn::after{content: '';display: inline-block;width: 24px;height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='6' y='22' width='12' height='2' rx='1' fill='%23342929'/%3E%3Cpath d='M13.4142 19.5858C12.6332 20.3668 11.3668 20.3668 10.5858 19.5858L3.41422 12.4142C2.15429 11.1543 3.04662 9 4.82843 9L19.1716 9C20.9534 9 21.8457 11.1543 20.5858 12.4142L13.4142 19.5858Z' fill='%23342929'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C7.89543 0 7 0.895431 7 2V10C7 11.1046 7.89543 12 9 12H15C16.1046 12 17 11.1046 17 10V2C17 0.895431 16.1046 0 15 0H9ZM9.75 4C9.33579 4 9 4.33579 9 4.75C9 5.16421 9.33579 5.5 9.75 5.5H14.25C14.6642 5.5 15 5.16421 15 4.75C15 4.33579 14.6642 4 14.25 4H9.75Z' fill='%23342929'/%3E%3C/svg%3E");background-repeat: no-repeat;margin-left: 12px;}



.versatility{padding: 100px 0;}
.versatility .index_box{width: 96%;max-width: 1400px; border-radius: 64px;background: rgba(46, 178, 126, 0.10);display: flex;justify-content: space-around;padding: 10px 0;margin: 60px auto;}
.versatility .index_box .item{width: 15%;max-width: 214px;box-sizing: border-box;border-radius: 64px;display: flex;align-items: center;justify-content: center;color: var(----, #342929);font-size: 18px;font-weight: 600;text-align: center;padding: 12px 0;cursor: pointer; transition: opacity .3s ease-in-out;}
.versatility .index_box .item.act{background: #2EB27E;color: #fff;}
.versatility .img_box .item{top: 0;opacity: 0;transition: all .3s ease-in-out;}
.versatility .img_box .item.act{opacity: 1;}
.versatility .img_box{display: flex;justify-content: center;}
.versatility .img_box .item img{display: block;margin: 0 auto;}
.versatility_btn{width: 100%; display: flex;align-items: center;justify-content: space-between;position: absolute;top: 50%;transform: translateY(-50%);}
.versatility_btn div{width: 64px;height: 64px;border-radius: 50%;border: 1px #342929 solid;cursor: pointer;display: flex;align-items: center;justify-content: center; transition: all .3s ease-in-out;}
.versatility_btn div:hover{background: #3BE5A2;border: 1px #3BE5A2 solid}









.table{background: url(https://imobie-resource.com/en/screenify/img/table_bg.png)top center no-repeat;background-size: cover;padding: 80px 0;}
.table .mo_img{display: none;}
.table .sfhome_btn em{color: var(----, #6C6C6C);}
.table table{border-radius: 18px;border: 1px solid  #D8DEE4;background:  #FFFFFF;margin-top: 80px;}
.table .title td{color: #342929;font-size: 18px;font-weight: 600;line-height: 54px;padding-top: 40px;}
.sftd{background:#3BE5A2;}
.table .title .sftd{border-radius: 18px 18px 0 0;}
.table .bottom .sftd{border-radius: 0px 0px 18px 18px;padding-bottom: 17px;}
.table .title td span{color: #ffff;font-size: inherit;line-height: inherit;border-radius: 43px;background:  #342929;width: 96%;display: block;margin: 0 auto;font-weight: 600;}
.table td{color:  #342929;font-size: 16px;font-weight: 400;text-align: center;line-height: 50px;}
.table .ft18{font-size: 18px;font-weight: 600;text-align: left;padding-left: 32px;}
.table td img{display: inline-block;margin-top: 15px;}
.table .odd{background:  #F9FAFB;}
.table>p{color: #6C6C6C;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 190%;max-width: 1148px;width: 98%;margin:  60px auto 40px;}
.table .sfhome_btn{margin: 0 auto;}

.operate {padding: 100px 0;}
.operate h2{margin-bottom: 60px;}
.operate .index_box{display: flex;max-width: 960px;margin: 0 auto;justify-content: space-between;}
.operate .index_box .item{display: flex;align-items: center;}
.operate .index_box .item i{display: block;width: 42px;height: 42px;border-radius: 50%;border: 4px solid rgba(0, 0, 0, 0.10);box-sizing: border-box;}
.operate .index_box .item div{width: 337px;height: 4px;background: #D9D9D9;border-radius: 10px;overflow: hidden;margin-left: 40px;}
.operate .index_box .item div span{display: block;width: 0%;height: 100%;background: #2EB27E;border-radius: 10px;}
.operate .index_box .item div.step3{display: none;}
.operate .index_box .item.act i{background: rgba(59, 229, 162, 0.12);border: 4px solid #2EB27E;}
.operate .index_box .item.ace i{background: rgba(59, 229, 162, 0.12);border: 4px solid #2EB27E;}
.operate .index_box .item.ace div span{width: 100%;}
.operate .index_box .item.act div span{animation: expandWidth 5s forwards linear;}
.operate_text{display: flex;max-width: 1370px;margin: 30px auto 80px;justify-content: space-between;}
.operate_text .item{max-width: 430px;}
.operate_text h3{color:  #342929;font-size: 28px;font-style: normal;font-weight: 600;line-height: normal;text-align: center; cursor: pointer;}
.operate_text p{color:  #6C6C6C;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;}
.operate_img_box{max-width: 1370px;margin: 0 auto;}
.operate_img{max-width: 950px;margin: 0 auto;}
.operate_img .pta{top: 0;left: 0;}
.operate_img img{display: block;opacity: 0;transition: all .3s ease-in-out;transform: scale(0.5)}
.operate_img img.act {opacity: 1;transform: scale(1)}

.operate .operate_btn{width: 100%;display: flex;align-items: center;justify-content: space-between;position: absolute;top: 50%;transform: translateY(-50%);}
.operate .operate_btn div{width: 64px;height: 64px;border-radius: 50%;border: 1px solid #342929;display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;cursor: pointer;}
.operate .operate_btn div:hover{background: #3BE5A2;border: 1px solid #3BE5A2;}
.operate .sfbtn{margin: 60px auto 0;}





.lantern{max-width: 100%; background: var(----, #F9FAFB);padding: 100px 0;overflow: hidden;}
.lantern h2{margin-bottom: 80px;}
.swiper2{position: relative;height: 436px;width: 100%;max-width: 1920px;overflow: hidden;padding-bottom: 30px;margin-left: auto;margin-right: auto;}
.swiper-wrapper{position: relative;left: -540px;}
.swiper2 .swiper-slide{width: 540px;height: 436px;border-radius: 36px;display: flex;align-items: center;justify-content: center;margin: 0 15px;position: absolute;}
.swiper2 .swiper-slide .content{width: 500px;height: 432px;border-radius: 27px;background: #FFF;transform: translateY(20px);padding: 28px;box-sizing: border-box;position: relative;}
.swiper2 .item1{background: var(----, #AF66FF);}
.swiper2 .item2{background: var(----, #3BE5A2);}
.swiper2 .item3{background: var(----, #F7A43E);}
.swiper2 .item4{background: var(----, #308DF7);}
.swiper2 .item5{background: var(----, #342929);}

.swiper2 p{color: var(----, #342929);font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 400;line-height: 190%; width: 96%;max-width: 440px;margin: 0 auto 24px}
.swiper2 img{max-width: 100%;position: absolute;bottom: 28px;}
.swiper-slide {transform: translate3d(0, 0, 0)}
.trim{background: linear-gradient(0deg, #350780 39.11%, #3BE5A2 224.2%);width: 100%;height: 530px;padding-top: 110px;}.trim_text{max-width: 601px;}
.trim_content{max-width: 1360px;margin-right: auto;margin-right: auto;}
.trim_text h2{color: #FFF;font-size: 52px;font-weight: 600;text-align: left;}
.trim_text p{color: #FFF;font-size: 24px;font-weight: 400;margin: 24px 0 40px;}
.trim .sfbtn{max-width: 250px;}
.trim_img{position: absolute;right: -400px;top: -69%;}
.trim_img img{object-fit: cover; object-position: center;}
.trim_img .mo{display: none;}
.trim_tip{width: 100%;max-width: 1260px;display: flex;flex-wrap: wrap;justify-content: space-between;border-radius: 18px;background: rgba(255, 255, 255, 0.80);padding: 30px 50px;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: -85px;z-index: 3;backdrop-filter: blur(125px);}
.trim_tip div{width: 275px;}
.trim_tip p{color: var(----, #342929);text-align: center;font-size: 16px;font-weight: 400;}
.trim_tip img{max-width: 100%;display: block;margin: 0 auto 20px;}


.popular{padding: 120px 0;}
.popular h3{color:#000;font-size: 26px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 40px;}
.popular h3 img{display: inline-block;margin-right: 10px;vertical-align: middle;}
.popular{max-width: 1400px;width: 100%;margin-left: auto;margin-right: auto;}
.popular h2{margin-bottom: 60px;vertical-align: middle;}
.popular_box{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.popular_box div{max-width: 600px;width: 48%;}
.popular_box .block{width: 2px;height: 210px;background:  #E6E6E6;transform: translateY(50px);}
.popular_box ul{width: 100%;}

.sec_cont7 {margin-top: 40px;}
.sec_nav7 {display: flex;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;}
.sec_nav7 .sec_nav7item {width: 50%;text-align: center;padding: 18px;box-sizing: border-box;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;cursor: pointer;color: #333;font-size: 28px;font-weight: 600;position: relative;}
.sec_nav7 .sec_nav7item.act,
.sec_nav7 .sec_nav7item:hover{color: #2EB27E}
.sec_nav7item span{font-size: inherit;color: inherit;transition: .3s;font-weight: bold;}
.sec_nav7item::after{content: '';transition: .3s; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0%;max-width: 320px;height: 2px;background: #2EB27E;}
.sec_nav7item.act::after{width: 80%;}
.cont_faq {padding: 20px 0 0px;box-sizing: border-box;margin: 0 0px}
.cont_faq .box_title {margin-bottom: .5rem}
.cont_faq .sfbtn{max-width: 360px;margin: 60px auto 0;}
.faq_item {max-width: 96%; transition: .3s;box-sizing: border-box;text-align: left;margin-top: 20px;-webkit-tap-highlight-color: transparent;color: #000;font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 500;line-height: 16px; /* 88.889% */padding: 29px 0;border-radius: 10px;border: 1px solid #E6E6E6;background: #FFF;cursor: pointer;margin-left: auto;margin-right: auto;}
.faq_item:hover{border: 1px solid #2EB27E;}
.faq_item:hover h4 .icon_down::after{color: #2EB27E;}
.faq_item h4 {color: #000;font-family: Poppins;font-size: 18px;font-style: normal;padding-left: 20px;padding-right: 50px; font-weight: 500;line-height: 16px; /* 88.889% */position: relative;}
.faq_item h4 .icon_down {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.faq_item h4 .icon_down::after {transition: .3s;color: #3E3E3E;   content: "\e800";font-family: "iconfont";display: inline-block;vertical-align: middle;cursor: pointer;font-size: 24px;font-weight: 600;}
.faq_item .faq_a {margin-top: 20px;padding: 0 20px;display: none}
.faq_item .faq_q.atc .icon_down::after {transform: rotateZ(180deg);}
.faq_item p {color: #666;font-size: 16px;font-weight: 400;}
.cont_hot {text-align: left;margin: 40px 0px 0px;display: none;/* 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: 100%;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: 1.2; /* 88.889% */transition: .3s;}
.cont_hot a:hover{border: 1px solid #2EB27E;}




@media screen and (max-width: 1530px) {
    .banner{padding: 136px 0 0 30px;}
    .brief .img_box img{max-width: 19%;} 
}
@media screen and (max-width: 1400px) {
    .trim_text{margin-left: 2%;}

}
@media screen and (max-width: 1300px) {
    .trim_tip div{max-width: 24%;}
    .trim_tip {width: 85%;}
}

@media screen and (max-width: 1200px){
    .trim_img{max-width: 100%;top: -41%;right: -300px;}
    .transcribe .content_box div{padding: 100px 150px;}
    .specific_img{max-width: 50%;}
    .video_box{max-width: 96%;}
    .specific_box{max-width: 96%;}
    .versatility{padding: 50px 0;}
    .versatility .index_box .item{font-size: 20px;}
    .versatility .img_box{flex-wrap: wrap;}
    .versatility_btn{position: relative;justify-content: center;margin-top: 40px;}
    .versatility_btn div{margin: 0 15px;}
    .operate .index_box .item div{width: 300px;margin-left: 15px;}
    .operate .index_box{max-width: 800px;}
    .operate_text .item{max-width: 390px;}
    .operate_text p{max-width: 96%;}
    .popular h3{text-align: left;}
    .popular_box div{max-width: 45%;}
    .popular_box{justify-content: space-around;}
    .popular_box ul li{text-align: left;}
    .specific_box,.video{padding: 90px 0;}
}
@media screen and (max-width: 1000px){
    .video_box,.specific_box{flex-wrap: wrap;justify-content: center;}
    .vidoe_img{order: -1;margin-bottom: 40px;margin-left: auto;margin-right: auto;}
    .specific_img{max-width:96%;margin-bottom: 40px;}
    .specific_text{max-width: 96%;margin-left: auto;margin-right: auto;}
    .brief p,.transcribe p{max-width: 96%;}
    .trim {height: auto;padding-bottom: 200px;}
    .trim_content{display: flex;flex-wrap: wrap;}
    .trim_img{position: relative;order: -1;right: 0;left: 0;top: 0;bottom: 0;transform: translateY(0);margin-left: auto;margin-right: auto;margin-bottom: 40px;max-width: 96%;}
    .trim_img .pc{display: none;}
    .trim_img .mo{display: block;}
    .trim_text{max-width: 96%;text-align: center;margin-left: auto;margin-right: auto;}
    .trim_text a{margin: 0 auto;}
    .lantern{padding: 80px 0 100px;}
}
@media screen and (max-width: 980px) {
    .banner{height: 940px;}
    
    .transcribe h2,section h2,.video h2{width: 96%;margin-left: auto;margin-right: auto;}
    .video h2,.specific_text h2{text-align: left;width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 40px;}
    .versatility .index_box{width: 98%;}
    .versatility .index_box .item{font-size: 17px;width: 15%;border-radius: 35px;}
    .table .title td{font-size: 16px;}
    .table td{line-height: 1.5;}
    .table td img{width: 20px;height: 20px;}
    .table .ft18{padding: 20px 0;}
    .operate .index_box .item div{width: 250px;}
    .operate .index_box{max-width: 695px;}
    .operate .operate_btn{max-width: 96%;margin: 20px auto 0;position: relative;top: 0;transform: translateY(0);justify-content: center;}
    .operate .operate_btn div{margin:  0 10px;}
    .operate .sfbtn{margin: 40px auto;max-width: 305px;}
    .operate{padding-bottom: 50px;}
    .video{padding: 90px 0 50px;}
    .video .video_text{max-width: 820px;}
    .specific_text{max-width: 820px;width: 96%;}
    .trim_text p{text-align: center;width: 96%;margin-right: auto;margin-left: auto;}
    .trim_text h2{text-align: center;}


    
}

@media screen and (max-width: 900px){
    .brief .img_box img{max-width: 46%;}
    .brief .img_box{text-align: center;}
    .transcribe .content_box div{padding: 50px 50px;}
    .transcribe p{margin-bottom: 30px;}
    .operate .index_box .item div{width: 180px;}
    .operate .index_box{max-width: 635px;}
    .operate,.lantern,.specific_box,.video,.transcribe{padding: 50px 0;}
}
@media screen and (max-width: 750px){
    
    .trim_text h2,section h2,.transcribe h2,.video h2,.banner_text h2,.specific_text h2{font-size: 32px;}
    .transcribe .content_box h3{font-size: 28px;}
    .transcribe .content_box p{font-size: 16px;margin: 20px 0;}
    .transcribe .content_box div{padding: 40px 20px;}
    .operate .index_box .item{display: none;width: 90%;margin: 0 auto;}
    .operate .index_box .item i{width: 30px;height: 30px;}
    .operate .index_box .item.act{display: flex;align-items: center;justify-content: center;}
    .operate .index_box .item div{width: 300px;margin-left: 10px;}
    .operate_text{margin: 0px auto 20px;}
    .operate_text .item{display: none;max-width: 85%;margin-left: auto;margin-right: auto;}
    .operate_text .item.act{display: block;}
    .operate .index_box .item div.step3{display: block;}
    .operate .operate_btn div{width: 45px;height: 45px;}
    .operate_img img{max-width: 96%;margin-left: auto;margin-right: auto;}
    .operate_img .pta{left: 0 ;right: 0;margin: 0 auto;}
    .trim_tip{bottom: -210px;box-sizing: border-box;padding: 10px;width: 96%;max-width: 96%;}
    .trim_tip div{max-width: 48%;margin-bottom: 20px;}
    .popular{padding: 240px 0 50px;}
    .video h2{margin-bottom: 20px;text-align: left;}
    .video .item{margin-bottom: 20px;}
    .vidoe_img{max-width: 96%;overflow: hidden;}
    .brief{padding: 40px 0;}
    .sfhome_btn{flex-wrap: wrap;}
    .dlbtnp{margin-bottom: 20px;}
    .operate h2{margin-bottom: 40px;}
    .lantern h2{margin-bottom: 40px;max-width: 96%;margin-left: auto;margin-right: auto;}
    .banner{padding: 80px 0;height: 700px;}
    .table{padding: 40px 0;}
    .table table{display: none;}
    .table .mo_img{display: block;}
    .table>p{margin: 0 auto 40px;}
    .versatility .index_box{min-height:auto;margin: 20px auto;}
    .versatility .index_box .item{font-size: 13px;width: 14%;border-radius: 27px;}
    .versatility_btn div{width: 45px;height: 45px;}
    .swiper2 .swiper-slide{width: 98%;max-width: 390px;}
    .swiper2 .swiper-slide .content{width: 95%;}
    .swiper2 p{font-size: 16px;}
    .specific_text .sfbtn {max-width: 380px;}
    .operate_text p{min-height: 120px;}
    .banner{height: 980px;}
    
}
@media screen and (max-width: 562px){
    .sfhome_btn{justify-content: center;}
    .banner{height: 1040px;}
}
@media screen and (max-width: 500px){
    .banner{height: 920px;}
    .trim_text h2,section h2,.transcribe h2,.video h2,.banner_text h2,.specific_text h2{font-size: 28px;}
    .banner_text ul li,.brief p,.transcribe p,.transcribe .content_box p,.specific_text ul li,.operate_text p,.trim_text p{font-size: 16px;}
    .trim_text p{text-align: left;}
    .brief p{margin-bottom:  30px;}
    .sfbtn{font-size: 21px;}
    .trim{padding-bottom: 50px;}
    .trim_tip{position: relative;bottom: 0;margin-top: 40px;justify-content: center;}
    .trim_tip div{max-width: 96%;}
    .popular{padding-top: 50px;}
    .sec_nav7 .sec_nav7item{font-size: 20px;}
    .popular_box{flex-wrap: wrap;justify-content: center;}
    .popular_box div{max-width: 96%;width: 100%;margin: 20px 0;}
    .popular_box .block{display: none;}
    .versatility .index_box .item{width: 30px;height:30px;font-size: 0;background: #2EB27E;opacity: 0.4;}
    .versatility .index_box .item.act{width: auto;opacity: 1;padding: 5px 10px;font-size: 12px;}
    .versatility{padding: 50px 0 0;}
    .operate .sfbtn{max-width: 280px;}
    .trim .sfbtn{max-width: 220px;}
    .cont_faq .sfbtn{max-width: 320px;}
    .banner{height: 1050px;}
    
}



















