*{box-sizing:border-box}.zw-product-26.zw-template-zp_feature_detail_pages .zw-template-inner:before{background:0}.headertop{padding:80px 0 180px;background:#fef6c8}#block-system-main{margin-top:0}.content-wrap{max-width:1170px}img{width:100%}.headertop .imgpart{text-align:right}.headertop img{max-width:625px;padding-top:70px}.headertop .content-wrap{display:flex;flex-wrap:wrap;justify-content:center}.headertop h1{font-family:var(--zf-secondary-bold);letter-spacing:-0.3px;line-height:1.1;font-size:56px}.headertop p{max-width:530px;font-size:20px;margin:20px 0 30px}.zw-template-inner h2{font-family:var(--zf-secondary-bold);font-size:46px;max-width:700px;margin:0 auto 20px}.feature-section h2{font-family:var(--zf-secondary-medium);margin-bottom:30px;font-size:40px}.headertop .contpart{width:48%}.headertop .imgpart{width:52%}.headbottom{padding:150px 0}.headbottom p{max-width:700px;margin:0 auto}.headbottom .content-wrap{max-width:900px;text-align:center}.midwrap{padding:130px 0;background:#c6e2fe;max-width:85%;margin:0 auto 60px}.midwrap h2{max-width:550px}.midsect{text-align:center}.midsect p{max-width:600px;margin:0 auto 40px}.midwrap img{max-width:350px;margin-bottom:30px}.iconbadg{margin-top:50px}.iconbadg a{color:#000}.iconbadg img{max-width:140px;margin:0 auto 20px;display:block}.tabcontent{text-align:right}.tabcontent,.tabs li p{display:none}.tabcontent img{max-width:650px}.tabcontent.current,.tabs li.current p{display:block}.tabs li{margin-bottom:10px;padding:20px 40px 10px;border:1px solid #e7e7e7;position:relative;cursor:pointer}.tabs li.current{border:1px solid #6c6c6c;background:#fbfdfd}.arrow{position:absolute;right:20px;top:18px;transition:all 500ms ease;width:30px;height:40px}.arrow:before{content:'';width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #333;position:absolute;top:17px;right:0}.arrow:after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;top:17px;right:2px}.tabs li.current .arrow{transform:scaleY(-1);transform-origin:center}.tabs li.current h4{color:#03a9f5}.tabs li.current .arrow:before{border-top:8px solid #03a9f5}.tabs li.current .arrow:after{border-top:6px solid #fafdfd}ul.iconbadg li{display:inline-block;margin:0 15px;text-align:center;width:20%;vertical-align:top;font-family:var(--zf-secondary-semibold)}.colwrap{display:flex;flex-wrap:wrap;justify-content:center}.colwrap p span{font-family:var(--zf-secondary-bold)}.colwrap div{width:36%;margin:30px 60px}.colwrap h3{font-family:var(--zf-secondary-bold);font-size:24px}.feature-section{padding:80px 0}.feature-section .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1250px}.feature-section .contpart{width:38%}.feature-section .imgpart{width:58%;position:relative;align-self:flex-end}.mobscreen{display:none}.feature-section .imgpart:before{content:'';position:absolute;top:-70px;left:0;background:#ffd2c7;width:100%;height:575px;z-index:-1}#feat2.feature-section .imgpart:before{background:#c6e3ff}#feat3.feature-section .imgpart:before{background:#b9ecc1}.bottomctawrap{padding:80px 0;text-align:center}.bottomctawrap h2{font-family:var(--zf-secondary-bold);max-width:800px;margin:0 auto 30px}.zw-product-header.zwph-white .product-icon{-webkit-filter:none;filter:none}.zw-product-header{background:#fef6c8}@media screen and (min-width:1600px){.act-btn{padding:18px 35px}}@media screen and (max-width:1499px){.midwrap{max-width:90%}.feature-section .content-wrap{max-width:1170px}.tabcontent img{max-width:620px}.feature-section .imgpart:before{top:-68px;height:550px}.act-btn{padding:16px 30px}}@media screen and (max-width:1399px){.headertop h1{font-size:48px}.headertop{padding:60px 0 150px}.content-wrap,.feature-section .content-wrap{max-width:1040px}.headertop img{max-width:500px;padding-top:50px}.zw-template-inner h2{font-size:36px;max-width:700px}.midwrap h2{max-width:510px;font-size:40px}.act-btn{padding:12px 30px}.feature-section h2{font-size:36px}.headbottom{padding:100px 0}.midwrap{padding:80px 0}.feature-section h4{font-size:20px}.iconbadg img{max-width:120px}.feature-section h2{font-size:34px}.tabcontent img{max-width:550px}.feature-section .imgpart:before{height:495px}.bottomctawrap{padding:40px 0 60px}}@media screen and (max-width:1024px){.content-wrap{width:90%}.headertop h1{font-size:40px}.headertop p{font-size:18px}.colwrap div{width:45%;margin:30px 10px}.tabcontent img{max-width:500px}.feature-section .imgpart:before{top:-50px;height:438px}.feature-section h4{font-size:18px}.tabs li{margin-bottom:5px;padding:15px 25px 5px}.arrow{top:10px}.headertop{padding:60px 0 120px}.tabs img{border-right:1px solid #444;border-bottom:1px solid #444}}@media screen and (max-width:991px){.headertop{padding:50px 0 0}.headertop img{max-width:500px;vertical-align:middle}.headbottom{padding:90px 0}.headbottom p{max-width:600px}.midwrap{padding:70px 0}.headertop h1{max-width:680px;margin:0 auto 20px;font-size:42px}.headertop p{font-size:16px}.zw-template-inner h2{font-size:36px}.feature-section h2{font-size:34px}.feature-section{text-align:center}.tabs h4,.tabs p{max-width:500px;margin:0 auto 20px}.tabs img{max-width:650px;display:block;margin:0 auto}.tabs p{margin-bottom:40px}.headertop p{max-width:600px;margin:0 auto 20px}.headertop .contpart,.headertop .imgpart{width:100%;text-align:center}.mobscreen,.tabs li p{display:block}.mobscreen{position:relative}#feat1 .mobscreen:before,#feat2 .mobscreen:before,#feat3 .mobscreen:before{content:'';position:absolute;top:-15px;left:-20px;background:#ffd2c7;width:100%;height:100%;z-index:-1}#feat2 .mobscreen:before{background:#c6e3ff}#feat3 .mobscreen:before{background:#b9ecc1}.feature-section .imgpart{display:none}.feature-section .contpart{display:block;width:100%}.tabs li,.arrow,.tabs li.current{border:0;background:0}.tabs li .arrow:before,.tabs li .arrow:after{content:none}.tabs li.current h4{color:#000}.colwrap div{width:100%;max-width:500px;text-align:center}.tabs li{padding:50px 40px 20px}.feature-section{padding:80px 0 0}.midwrap{margin:0 auto}.iconbadg img{max-width:100px}.feature-section h4{font-size:24px}}@media screen and (max-width:767px){.headertop h1{font-size:34px}ul.iconbadg li{width:35%;margin:20px 10px}.zw-template-inner h2{font-size:30px}.colwrap div{margin:30px 20px}.feature-section h2{font-size:28px}.midwrap{max-width:90%}.feature-section h2{margin-bottom:0}}@media screen and (max-width:480px){.midwrap img{max-width:250px;margin-left:30px}.zw-template-inner h2{font-size:26px}.colwrap h3{font-size:22px}.tabs li{padding:50px 20px 20px}}