/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
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; font-size:10px;}
body{overflow-x:hidden; background-color:#fff;}
html{font-size: 100px;}
body{font-size: 16px;}
.pw1400{max-width: 14rem; width:94%; margin:0 auto;}
.pw1200{max-width: 12rem; width:94%; margin:0 auto;}
.wrap h2{line-height:1.4;}
.wrap a{text-decoration:none;}
.ft26{ font-size:26px;}
.cur{transform: translateY(100px);opacity: 0;transition:transform .3s,opacity .3s;}
.eff.cur{transform: translateY(0px);opacity: 1;}
.share_box{position: fixed;z-index: 888;right: .26rem;top: 2rem;transform: translateX(100px);transition:transform .3s; }
.share_box.act{transform: translateX(0px);}
.share_box a{display: block;margin-top: .16rem;transition: .3s;}
.share_box a:hover{transform: translateX(-5px);}
.share_box a img{vertical-align: bottom;width: .54rem;}

/*nav mo*/
.newnav,.newnav>a,.newnav>div.navbox{ display:none;}

/*banner*/
.bannerbox{height:10.7rem; background:none;}
.bannerbox .index_cut{bottom: 2.5rem;right: 0;left: 0;margin: auto;text-align: center;z-index: 7; }
.index_cut>div{cursor: pointer; text-align: center;color: rgba(255, 255, 255, 0.50); line-height: .4rem;font-size: .24rem;font-weight: 800; display: inline-block;vertical-align: middle;width: .4rem;height: .4rem; background: rgba(121, 121, 121, 0.20);border-radius: 50%;margin: 0 .04rem;}
.index_cut>div::after{content: "\e800";font-family: "iconfont";text-shadow:1px 0px 0px rgba(255, 255, 255, 0.50);}
.index_cut>div:hover{color: #fff;}
.index_cut>div:hover::after{text-shadow:1px 0px 0px rgba(255, 255, 255, 1);}
.index_cut .left_btnli{transform: rotateZ(90deg);}
.index_cut .right_btnli{transform: rotateZ(-90deg);}

.index_cut ul {width: 1.35rem; display: inline-block;vertical-align: middle; margin: auto;text-align: center;z-index: 7;padding:0rem 0.16rem; line-height: .4rem; box-sizing: border-box; height: .4rem; border-radius: 40px;background: rgba(0, 0, 0, 0.10);}
.index_cut li {position: relative;overflow: hidden;display: inline-block;vertical-align: middle;width: 0.1rem;height: 0.1rem;border-radius: 0.1rem;box-shadow: 0rem 0rem 0.08rem 0rem rgba(142, 142, 142, 0.25);background: rgba(255, 255, 255, 0.50);margin:0 0.025rem;transition: .6s ease-in-out;}
.index_cut li.activeli{width: 0.375rem; }
.index_cut li::after{content: "";position: absolute;width: 0%;top: 0;height: 100%;left: 0;background: white;}
.index_cut li.activeli::after{animation: activeli 14s linear infinite;}

@keyframes activeli {0%{width: 0%;}100%{width: 100%;}}
/*banner- 2024 June update */
.idxrebanner.fs{background: url(https://imobie-resource.com/en/img/focusee-index-banner-background.png) #EDEFF6 no-repeat;background-size: cover;}
.idxrebanner.sf.addbg{background: url(https://imobie-resource.com/en/img/screenify-index-banner-background.png) #D3FFEC no-repeat;background-size: cover;}
.idxrebanner.ae.addbg{background: url(https://imobie-resource.com/en/img/anyenhancer-index-banner-background.png) #F8DACF no-repeat;background-size: cover;}
.idxrebanner.vz.addbg{background: url(https://imobie-resource.com/en/img/vozard-index-banner-background.png) #E3E8FF no-repeat;background-size: cover;}
.idxrebanner.au.addbg{background: url(https://imobie-resource.com/en/img/anyunlock-index-banner-background.png) #DCFFFD no-repeat;background-size: cover;}
.idxrebanner.dk{background: url(https://imobie-resource.com/en/img/droidKit-index-banner-background.png) #C8FFDB no-repeat;background-size: cover;}



.idxrebanner{height: 10.7rem;overflow: hidden; width: 100%; left:0; top:0; opacity:0; transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out;}
.idxrebanner .ban_text{height: auto;max-width: 7rem;overflow: hidden;height: 6rem;margin-top: 1.2rem; display: flex;justify-content: center;flex-flow: column;}
.idxrebanner .ban_text h1{color: #1D1D1F;font-size: .48rem;margin-top: .2rem;font-weight: 700;}
.idxrebanner .ban_text h3{font-size: .32rem;padding-top: 0rem;font-weight: 700;}
.idxrebanner .product_logo{vertical-align: middle;width: .64rem;}
.idxrebanner .ban_text p{color: #636978;font-size: .22rem;}
.fs.idxrebanner .ban_text{max-width: 7.12rem;}
.idxrebanner .ban_img{position: absolute;display: flex; top: 50%;left: 7.4rem;transform:translateY(-50%);}
.idxrebanner .ban_img picture { display: block; position: relative; z-index: 2; }
.idxrebanner.fs .ban_img img{width: 8.6rem;}
.idxrebanner.sf .ban_img img{width: 8.6rem;}
.idxrebanner.vz .ban_img img{width: 9rem;}
.idxrebanner.au .ban_img img{width: 8.6rem;}
.idxrebanner.dk .ban_img img{width: 8.6rem;}
.idxrebanner.fs .img1{width: 7.82rem;z-index: 2;}
.idxrebanner.fs .img2{position: absolute;border-radius: .17rem;left: 18.1%;top: 22.8%;width: 6.5rem;height: 3.9rem;z-index: 1;}
.idxrebanner.fs .img3{position: absolute;right: -11%;top: -36%;width: 3.61rem;}
.idxrebanner.ae .img1{width: 7.82rem;}
.idxrebanner.ae .img2{position: absolute;border-radius: .17rem;left: 11%;top: 7%;width: 6.66rem;height: auto;}
.idxrebanner.ae .img3{position: absolute;right: -11%;top: -36%;width: 3.61rem;}
.idxbtn{max-width:5rem; width:100%; margin-top:.4rem;}
.idxbtn .idxbtndl { font-size: .2rem;display: block;color: #FFF;width: 2.4rem;/* font-weight: 600; */height: .65rem;line-height: .65rem;border-radius: .12rem;background: #1D1D1F;box-shadow: 0px 1.3px 104px 0px rgba(17, 121, 252, 0.05);}
.idxbtndl:after{transition: .3s; content:""; display:inline-block; vertical-align:inherit; margin-left:10px; width:.14rem; height:.16rem; background:url(../img/dlarrow.png) top center no-repeat; background-position:0 -.18rem;background-size: cover;}
.idxbtndl:hover:after,.idxbtnlm:hover:after{}
.idxbtndl:hover:after{transform: translateY(.1rem);}
.idxbtnlm:hover:after{transform: translateX(.1rem);}
.idxbtn .idxbtnlm{ display:block; width:2.4rem; height:.65rem; line-height:.65rem;border-radius: .12rem;border: .02rem solid #1D1D1F;color: #1D1D1F;font-size: .2rem;box-sizing: border-box;font-weight: 600;}
.idxbtnlm:after{transition:.3s; content:""; display:inline-block; vertical-align:middle; margin-left:10px; width:.16rem; height:.14rem; background:url(../img/morearrow1.png) left center no-repeat; background-position:-.18rem 0;background-size: cover;}
.ban_text .idx_new{color: #FFF;width: .8rem; height: .38rem;display: inline-block;vertical-align: middle;font-size: .266rem;text-align: center;transform: translateY(-3px);border-radius: .2rem 0 .2rem 0;font-weight: 700;}
.idx_new.vznew{background:linear-gradient(98deg, #9124FF 5.02%, #BF22F6 99.57%);}
.idx_new.aunew{background:linear-gradient(79deg, #0BA4A8 13.54%, #46E0C6 97.63%);}
.idx_new.amonew{background:linear-gradient(111deg, #6043F0 30.49%, #9580FF 82.14%);}
.idxreban_tips_ae {display: inline-block;padding: .06rem .07rem .04rem;vertical-align: middle;font-size: .18rem;border-radius:.09652rem 0;line-height: 1;background: linear-gradient(107deg, #FF501E 12.96%, #FFD46B 90.94%);font-style: normal;font-weight: 400;margin-bottom: 4px;color: #fff;}
.idxreban_tips_sf {display: inline-block;padding: .06rem .07rem .04rem;vertical-align: middle;font-size: .18rem;border-radius:.09652rem 0;line-height: 1;background: linear-gradient(93deg, #3BE5A2 0.99%, #FDFF8F 101.76%);font-style: normal;font-weight: 500;margin-bottom: 4px;color: #000;}
.idxreban_tips_fs {display: inline-block;padding: .06rem .07rem .04rem;vertical-align: middle;font-size: .18rem;border-radius:.09652rem 0;line-height: 1;background: linear-gradient(285deg, #B500FA 0.06%, #9E62FF 24.89%, #4374FB 53.25%, #1AA4FB 92.47%);font-style: normal;font-weight: 500;margin-bottom: 4px;color: white;}
.bannershow{opacity:1; z-index:5;}
.idxrebanner h3,.idxrebanner h1,.idxrebanner p,.idxrebanner .idxprbtn,.idxrebanner .idxbtn,.idxrebanner .idxafbtn{transform:translateX(-6rem); opacity:0;}
.bannershow h3,.bannershow h1,.bannershow p,.bannershow .idxprbtn,.bannershow .idxbtn,.bannershow .idxafbtn{transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); opacity:1;}
.bannershow h3{transition:transform 0.7s ease-in-out,opacity 0.7s ease-in-out; -webkit-transition:transform 0.7s ease-in-out,opacity 0.7s ease-in-out; -moz-transition:transform 0.7s ease-in-out,opacity 0.7s ease-in-out; -o-transition:transform 0.7s ease-in-out,opacity 0.7s ease-in-out;}
.bannershow h1{transition:transform 0.7s 0.2s ease-in-out,opacity 0.7s ease-in-out; -webkit-transition:transform 0.7s 0.2s ease-in-out,opacity 0.7s ease-in-out; -moz-transition:transform 0.7s 0.2s ease-in-out,opacity 0.7s ease-in-out; -o-transition:transform 0.7s 0.2s ease-in-out,opacity 0.7s ease-in-out;}
.bannershow p{transition:transform 0.7s 0.4s ease-in-out,opacity 0.7s ease-in-out; -webkit-transition:transform 0.7s 0.4s ease-in-out,opacity 0.7s ease-in-out; -moz-transition:transform 0.7s 0.4s ease-in-out,opacity 0.7s ease-in-out; -o-transition:transform 0.7s 0.4s ease-in-out,opacity 0.7s ease-in-out;}
.bannershow .idxprbtn,.bannershow .idxbtn,.bannershow .idxafbtn{transition:transform 0.5s 0.6s ease-in-out,opacity 0.7s ease-in-out; -webkit-transition:transform 0.5s 0.6s ease-in-out,opacity 0.7s ease-in-out; -moz-transition:transform 0.5s 0.6s ease-in-out,opacity 0.7s ease-in-out; -o-transition:transform 0.5s 0.6s ease-in-out,opacity 0.7s ease-in-out;}
.idxreban_tips{ height:28px; background:#ffa800; font-size:16px; line-height:28px; color:#ffffff; padding:0 12px; display:inline-block; vertical-align:middle; margin-left:5px; position:relative;}
.idxreban_tips:before{ width:0; height:0; border-right:12px solid transparent; border-top:18px solid #ffa800; position:absolute; right:-10px; top:0; z-index:3; content:"";}
.idxreban_tips:after{ width:0; height:0; border-right:12px solid transparent; border-bottom:18px solid #ffa800; position:absolute; right:-10px; bottom:0; z-index:3; content:"";}



.idxpro_develop{position: absolute;z-index: 7;padding: .42rem 0;  bottom: 0;left: 0; width: 100%;background: rgba(255, 255, 255, 0.50);backdrop-filter: blur(2px);}
.idxpro_deve{display: flex;justify-content: space-around;align-items: center;max-width: 19.2rem;margin: 0 auto;}
.idxpro_defig{ width: 25%;text-align: center;position: relative;}
.idxpro_defig>h5{ font-size:.46rem; color:#1D1D1F; font-weight:600;}
.idxpro_defig>p{ font-size:.18rem; color:#1D1D1F; margin-top:0.08rem;}
.idxpro_defig span{color: inherit; height:.67rem; overflow:hidden; font-size:inherit; display:inline-block; text-align:center; vertical-align:middle; margin:-.09rem .03rem 0 0;}
.idxpro_defig span em{color: inherit; height:.67rem; display:block; line-height:.67rem; font-size:inherit; font-weight:bold; font-style:normal;}
.idxpro_defig1::after,
.idxpro_defig2::after,
.idxpro_defig3::after{content: "";position: absolute;right: -0.5px;height: calc(100% + .3rem) ;width: 1px;top: 50%;transform: translateY(-50%); background: #E1E1E1;opacity: .5;}
.idxpro_deve.anima .idxpro_deyear span em{animation:tratop 1.5s ease-in-out forwards; -webkit-animation:tratop 1.5s ease-in-out forwards; -moz-animation:tratop 1.5s ease-in-out forwards; -o-animation:tratop 1.5s ease-in-out forwards; -ms-animation:tratop 1.5s ease-in-out forwards;}
.idxpro_deve.anima .idxpro_decount span em{animation:tratop 1.6s ease-in-out forwards; -webkit-animation:tratop 1.6s ease-in-out forwards; -moz-animation:tratop 1.6s ease-in-out forwards; -o-animation:tratop 1.6s ease-in-out forwards; -ms-animation:tratop 1.6s ease-in-out forwards;}
.idxpro_deve.anima .idxpro_deuser span em{animation:tratop 1.8s ease-in-out forwards; -webkit-animation:tratop 1.8s ease-in-out forwards; -moz-animation:tratop 1.8s ease-in-out forwards; -o-animation:tratop 1.8s ease-in-out forwards; -ms-animation:tratop 1.8s ease-in-out forwards;}
.idxpro_deve.anima .idxpro_detech span em{animation:tratop 2s ease-in-out forwards; -webkit-animation:tratop 2s ease-in-out forwards; -moz-animation:tratop 2s ease-in-out forwards; -o-animation:tratop 2s ease-in-out forwards; -ms-animation:tratop 2s ease-in-out forwards;}
@keyframes tratop{0%{transform:translateY(0);}100%{transform:translateY(-5.335rem);}	}
/*banner*/



/* part1 */

.idxtitle{ max-width: 14rem; width:92%; margin:0rem auto 0;}
.idxtitle h2{  width:100%; font-size:.44rem; color:#000000; font-weight:600; margin:0 auto;} 
.idxtitle p{ font-size:.18rem; color:#000000; line-height:1.7; margin-top:.15rem;}
.idxproduct{padding: 1rem 2% .6rem;box-sizing: border-box;background: #0F0F0F;}
.idxproduct .idxtitle h2{color: white;font-weight: 600;}
.idxproduct_navbox{padding: 13px;box-sizing: border-box;background: #242424;border-radius: .16rem;max-width: 10.71rem;display: flex; justify-content: space-between;margin: .78rem auto 0;}
.idxproduct_nav{ -webkit-tap-highlight-color: transparent;box-sizing: border-box;padding: .21rem .1rem;width: 3.39rem;border-radius: .16rem;color: #FFF;cursor: pointer;text-align: center;font-size: .24rem;overflow: hidden;font-weight: 600;position: relative;}
.idxproduct_nav::after{position: absolute;content: "";width: 100%;height: 100%;flex-shrink: 0;bottom: -.27rem;transform-origin: center bottom;transition: .3s;background: url(../img/index-part1-navbackground1.svg) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%) scale(0);}
.idxproduct_nav:nth-child(1).act{background: #242F30; }
.idxproduct_nav:nth-child(2).act{background: #312B28;}
.idxproduct_nav:nth-child(3).act{background: #2E3744;}
.idxproduct_nav:nth-child(1)::after{ background: url(../img/index-part1-navbackground1.svg) no-repeat;background-size: 100% 100%;}
.idxproduct_nav:nth-child(2)::after{background: url(../img/index-part1-navbackground2.svg) no-repeat;background-size: 100% 100%;}
.idxproduct_nav:nth-child(3)::after{background: url(../img/index-part1-navbackground3.svg) no-repeat;background-size: 100% 100%;}
.idxproduct_nav.act::after{transform: translateX(-50%) scale(1);bottom: 0;}

/* box */

.idxproduct_itembox{display: none;}
.idxproduct_itembox.act{display: block;}
.idxproduct_cont{max-width: 16.4rem;margin: 0 auto;}
.idxproduct_cont .idxproduct_nav{display: none;}
.item_container{display: flex; justify-content: space-between;}
.idxproduct_item{position: relative; border-radius: .2rem;padding: .5rem;box-sizing: border-box;overflow: hidden;transition: .3s;transform: translateY(60px);opacity: 0;cursor: none;}
.idxproduct_itembox.act .idxproduct_item{animation: idxproduct .3s linear forwards;}
@keyframes idxproduct {0%{transform: translateY(60px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
.idxproduct_linkbtn{position: absolute;opacity: 0;z-index: 45;width: .62rem; transform: scale(0);transition: transform .2s,opacity .2s;pointer-events: none;}
.idxproduct_linkbtn.act{opacity: 1;transform: scale(1);}
.idxproduct_linkbtn.opt{opacity: .5 !important;}
.idxproduct_item h4{font-size: .24rem;font-weight: 500;color: inherit;}
.idxproduct_item h4 img{vertical-align: middle;margin-right: .15rem;width: .52rem; transform: translateY(-.03rem);}
.idxproduct_item h3{font-size: .32rem;font-weight: 600;margin-top: .15rem;color: inherit;}
.idxproduct_item p{font-size: .2rem;margin-top: 5px;color: inherit;}
/* box */
.idxproduct_item.au{width: 50%;height: 5.5rem; margin: .2rem .1rem 0;background: #82E2E8;}
.idxproduct_item.dk{width: 50%;height: 5.5rem; margin: .2rem .1rem 0;background: #A0F2D1;}
.idxproduct_item.pri{width: 50%;height: 3rem; margin: .2rem .1rem 0;background: #3C807D;display: flex;align-items: center;}
.idxproduct_item.pra{width: 50%;height: 3rem; margin: .2rem .1rem 0;background: #174F95;display: flex;align-items: center;}
.idxproduct_item.sf{width: 58.2%;height: 4.3rem; margin: .2rem .1rem 0;background:url(../img/screenify-index-screen-background.png) #E1FFF3 no-repeat;background-position: left bottom;background-size: cover;}
.idxproduct_item.vz{width: 41.8%;height: 4.3rem; margin: .2rem .1rem 0;background: #65516D;}
.idxproduct_item.amo{width: 41.8%;height: 4.3rem; margin: .2rem .1rem 0;background: #403189;}
.idxproduct_item.ae{width: 58.2%;height: 4.3rem; margin: .2rem .1rem 0;background: #FEF0E6;}
.item_container2{display: flex; justify-content: space-between;flex-flow: column;width: 50%;margin: 0 .1rem;}
.idxproduct_item.at{width: 49.844%;height: 5.2rem; margin: .2rem .1rem 0;background: #DBF8FF;}
.idxproduct_item.pt{width: 100%;height: 2.5rem; margin: .2rem 0rem 0;background: #142F6D;}
.idxproduct_item.apt{width: 100%;height: 2.5rem; margin: .2rem 0rem 0;background: #124A52;}
.idxproduct_item.ata{width: 100%;height: 3.4rem; margin: .2rem 0.1rem 0;padding-left: 1.64rem; background: #F0FFE8;display: flex;align-items: center;}
/* text */
.idxproduct_item .idxproduct_text{color: #000;position: relative;z-index: 3;}
.idxproduct_item.pri .idxproduct_text{color: white;}
.idxproduct_item.pra .idxproduct_text{color: white;}
.idxproduct_item.sf .idxproduct_text{max-width: 4.6rem;}
.idxproduct_item.vz .idxproduct_text{color: white;}
.idxproduct_item.amo .idxproduct_text{color: white;}
.idxproduct_item.pt .idxproduct_text{color: white;}
.idxproduct_item.apt .idxproduct_text{color: white;}
/* img */
.idxproduct_item .idxproduct_img{position: absolute;z-index: 2;}
.idxproduct_item.au .idxproduct_img{right: 0;bottom: 0;width: 100%;}
.idxproduct_item.dk .idxproduct_img{right: 0;bottom: 0;width: 100%;}
.idxproduct_item.pri .idxproduct_img{right: 0;top:50%;width: 37.5%;transform: translateY(-50%);}
.idxproduct_item.pra .idxproduct_img{right: 0;top:50%;width: 37.5%;transform: translateY(-50%);}
.idxproduct_item.sf .idxproduct_img{right: 0;bottom: 0;width: 55%;}
.idxproduct_item.vz .idxproduct_img{right: 0;bottom: 0;width: 100%;}
.idxproduct_item.amo .idxproduct_img{right: 0;bottom: 0;width: 100%;}
.idxproduct_item.ae .idxproduct_img{right: 0;bottom: 0;width: 76%;}

.idxproduct_item.at .idxproduct_img{right: 0;bottom: 0;width: 100%;}
.idxproduct_item.pt .idxproduct_img{right: 0;bottom: 0;width: 43.4%;}
.idxproduct_item.apt .idxproduct_img{right: 0;top: 50%;width: 41%;transform: translateY(-50%);}
.idxproduct_item.ata .idxproduct_img{right: 0;bottom: 0;width: 55%;max-width: 8rem;}

/* part2 */
.idx_media{overflow: hidden; padding: 1.28rem 1%;background: url(../img/index-media-background.png) #F2F9FF no-repeat; background-size: cover;}
.media_cont{max-width: 14.66rem;margin: 0 auto 0;box-sizing: border-box;position: relative;}

.media_navbox{display: flex;justify-content: space-between;flex-flow: wrap;width: 7.2rem;}
.media_nav{cursor: pointer;border: 0.015rem solid #fff;border-radius: .22717rem;background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(1.5144827365875244px);transition: .3s;width: 2.26rem;height: 2.26rem;box-sizing: border-box;}
.media_nav:nth-child(n+4){margin-top: .2rem;}
.media_nav img{vertical-align: bottom;width: 100%;}
.media_nav.act{border-radius: 50%;}
.media_nav:hover{border-radius: 50%;}


/* text */
.media_itembox{position: absolute;width: 5.6rem;top: 50%;transform: translateY(-50%);left: 9.15rem;height: 3.5rem;}
.media_itembox::after{content: "";position: absolute;background: url(../img/index-part2-media-icon.png) no-repeat;width: .75rem;height: .84rem;left: -20%;top: -18%; background-size: cover;}
.media_itembox::before{transform: rotateZ(180deg); content: "";position: absolute;background: url(../img/index-part2-media-icon.png) no-repeat;width: .75rem;height: .84rem;right: -10%;bottom: -10%;background-size: cover;}
.media_itembox h4{color: #000;font-family: Poppins;font-size: .44rem;font-weight: 600;}
.media_itembox .media_item{position: absolute;pointer-events: none; transform: translateX(1rem);opacity: 0;transition: .3s;}
.media_itembox .media_item.act{transform: translateX(0);opacity: 1;pointer-events: all;}
.media_itembox .media_text{color: #000;font-family: Poppins;font-size: .24rem;font-style: normal;margin-top: .33rem;font-weight: 500;line-height: 162.12%;}
.media_itembox .media_link{margin-top: .31rem;font-size: .16rem;font-weight: 400;}
.media_link em{color: #6E6E73;font-size: inherit;}
.media_link a{color: #2376FF;font-size: inherit;}


/* part3 */
.idx_more{padding:1.76rem 0% 3.45rem;box-sizing: border-box;background: #DFEFFE;overflow: hidden;}
.idx_more_title{max-width: 15rem;margin: 0 auto;display: flex;justify-content: space-between;padding: 0 1%;}
.idx_more_title h2{color: #000;font-size: .6rem;font-weight: 600;max-width: 5rem;}

.idx_more_info{max-width: 4.87rem;}
.idx_more_info p{color: #000;font-size: .2rem;}
.idx_more_info a{color: #FFF;display: inline-block;font-size: 20px;border-radius: 12px;background: #1D1F1E;width: 273.284px;text-align: center;margin-top: .27rem;height: 64px;vertical-align: bottom;line-height: 64px;overflow: hidden;box-shadow: 0px 1.3px 1.04rem 0px rgba(17, 121, 252, 0.05);font-weight: 600;}
.idx_more_info a::after{content: "\e902";display: inline-block;font-size: 16px;vertical-align: middle;color: inherit;margin-left: .1rem;transition: .3s;transform: translate(0,0px);font-family: "iconfont";}
.idx_more_info a:hover::after{transform: translate(.1rem,0px);}
.swiper_box{max-width: 19.2rem; margin: 1.31rem auto 0;position: relative;}
.swiper_product{display: flex;width: 23.3rem;}
.swiper_product.paused{animation-play-state: paused;}
.swiper_product0{position: absolute;left: 0;top: 0;transform: translateX(-50%);animation:swiper_dh0 20s linear infinite;}
.swiper_product1{transform: translate(50%,0px);animation:swiper_dh1 20s linear infinite;} 
.swiper_product2{position: absolute;left: 0;top: 0;transform: translateX(150%);animation:swiper_dh2 20s linear infinite;}
@keyframes swiper_dh0 {0%{transform: translate(-50%,0px);}100%{transform: translate(-150%,0px);}}
@keyframes swiper_dh1 {0%{transform: translate(50%,0px);}100%{transform: translate(-50%,0px);}}
@keyframes swiper_dh2 {0%{transform: translate(150%,0px);}100%{transform: translate(50%,0px);}}
.swiper_item{margin-right: .2rem;border-radius: 15px;background: rgba(255, 255, 255, 0.65);box-sizing: border-box;width: 3.68rem;padding: 40px 33px 53px 33px;height: 2.8rem;padding: .4rem .33rem .53rem .33rem;justify-content: center;text-align: center;align-items: center;}
.swiper_item img{vertical-align: bottom;width: .6rem;}
.swiper_item h5{margin: .2rem auto .1rem;color: #333;font-size: .26rem;font-weight: 600;}
.swiper_item p{color: #666;font-size: .16rem;margin-bottom: .1rem;}
.swiper_item a{color: #2376FF;font-size: .16rem;}
.swiper_item a::after{content: "\e902";display: inline-block;font-size: .16rem;vertical-align: middle;color: inherit;margin-left: .1rem;transition: .3s;transform: translate(0,0px);font-family: "iconfont";}
.swiper_item a:hover::after{transform: translate(.1rem,0px);}





/* part4 */

.idx_know{background: #F7F8FB;padding: 3.75rem 0% .6rem;box-sizing: border-box;position: relative;}
.idx_youtube{position: absolute;left: 50%;width: 94%;max-width: 14rem; top: 0; transform: translate(-50%,-50%);border-radius: 10rem;overflow: hidden;}
.idx_youtube a{width: 100%;max-width: 14rem;height: 4rem;display: block;margin: 0 auto;border-radius: 10rem;display: flex;justify-content: center;align-items: center;background: linear-gradient(181deg, #4E7BFB 4.11%, #2E63FA 50.25%, #4E7BFB 87.97%, #83A4FF 99.22%);cursor: none;} 
.idx_youtube a span{font-weight: 600;background: linear-gradient(180deg, #FFF 48.59%, #BECFFF 83.33%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;z-index: 3;font-size: .76rem;display: inline-block;vertical-align: middle;}
.idx_youtube a .youtube_icon{vertical-align: middle;width: .98rem;margin-left: .16rem;position: relative;z-index: 3;}
.idx_youtube .youtube_btn{position: absolute;z-index: 2;width: 3.87rem;height: 3.87rem; pointer-events: none;transition:opacity .3s,transform .3s;opacity: 0;transform: scale(0);}
.idx_youtube .youtube_btn.act{opacity: 1;transform: scale(1);}


/* part5 */
.idx_need{padding: 0rem 0 .8rem;width: 98%;max-width: 14.2rem;margin: 0 auto;box-sizing: border-box;}
.idx_needbox{margin: .5rem auto 0;display: flex;justify-content: space-between;}
.idx_needbox .idx_needitem{border-radius: .2rem;margin: 0 .1rem; padding: .35rem .26rem .26rem;box-sizing: border-box;border: 1px solid #D7DAE6;width: 32%;max-width: 4.45rem;height: auto;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(.1rem);}
.idx_needbox img{vertical-align: middle;position: absolute;left: 0;}
.idx_needitem h4{color: #1D1D1F;position: relative;padding-left: 50px;box-sizing: border-box; font-size: 20px;margin-bottom: .46rem;font-weight: 600;line-height: 1.3; }
.idx_needitem h4 img{margin-right: .12rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.idx_needitem a{display: block;color: #1D1D1F;position: relative; margin-top: .18rem;font-size: 14px;padding-left: 25px;box-sizing: border-box;}
.idx_needitem a:hover{text-decoration-line: none;color: #237EFE;}


.marquee_item a{margin: 0 4px;color: #1D1D1F;border-radius: .12rem;padding: 10px 20px;box-sizing: border-box;background: #FFF;font-size: 14px;line-height: 1.6;}
.marquee_item a::before{content: "";display: inline-block;vertical-align: middle;margin-right: 12px;width: 20px;height: 21px;background: url(../img/idx-hoticon.png) no-repeat;background-size: 18px auto;}
.marqueebox1,.marqueebox2{padding: 30px 0;max-width: 14rem;margin: 0 auto; overflow: hidden;position: relative; background: linear-gradient(to right, orange, purple);-webkit-background-clip: text;/* color: transparent; */}
.marqueebox1{margin-top: .44rem;}
.marqueebox2::after,.marqueebox1::after{pointer-events: none; content: ""; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%,#F7F8FB 90%, #F7F8FB 100%);height: 100%;width: 1rem;position: absolute;left: 0;top: 0;z-index: 2;}
.marqueebox2::before,.marqueebox1::before{pointer-events: none; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%,#F7F8FB 90%, #F7F8FB 100%);height: 100%;width: 1rem;position: absolute;right: 0;top: 0;z-index: 2;}

.marquee_item{display: flex;top: 50%; position: absolute; width: 4065px;background: linear-gradient(270deg, rgba(43, 255, 136, 1) 6.26%, rgba(43, 210, 255, 1) 43.61%, rgba(250, 139, 255, 1) 84.78%);font-weight: 600;-webkit-background-clip: text;color: transparent;}
.marqueebox1 .marquee_item:nth-child(1){left: 0;transform: translate(0,-50%);
  animation: marquee1 90s infinite linear;
}
.marqueebox1 .marquee_item:nth-child(2){left: 0; transform: translate(100%,-50%);
  animation: marquee2 90s infinite linear;
}
.marqueebox2 .marquee_item:nth-child(1){right: 0; transform: translate(0,-50%);
  animation: marquee3 90s infinite linear;
}
.marqueebox2 .marquee_item:nth-child(2){right: 0;transform: translate(-100%,-50%);
  animation: marquee4 90s infinite linear;
}

@keyframes marquee1{
  0%{transform: translate(0,-50%);}
  100%{transform: translate(-100%,-50%);}
}
@keyframes marquee2{
  0%{transform: translate(100%,-50%);}
  100%{transform: translate(0,-50%);}
}
@keyframes marquee3{
  0%{transform: translate(0,-50%);}
  100%{transform: translate(100%,-50%);}
}
@keyframes marquee4{
  0%{transform: translate(-100%,-50%);}
  100%{transform: translate(0,-50%);}
}

.dk .warn-tips { background: linear-gradient(90deg, #74FFAC 0.54%, #FFF384 46.43%, rgba(255, 248, 183, 0.50) 92.88%, rgba(255, 248, 183, 0.00) 100%); margin-bottom: 30px; max-width: 530px; box-sizing: border-box;}
.dk .warn-tips .warn-des { color: #392200;font-size: 14px;font-weight: 600;}
.dk .warn-tips .warn-des img { vertical-align: middle; }
.dk .warn-tips .warn-des span { color: #ff7103;font-size: 14px;font-weight: 700; }
.dk .warn-tips .warn-des sup { font-size: 24px; margin-top: 4px; vertical-align: baseline; }
    

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {


}

@media screen and (max-width: 1400px) {
.media_itembox{left: 8.8rem;}
}


@media screen and (max-width: 1200px) {
  .bannerbox{height: 14rem;text-align: center;}
  .bannerbox .idxrebanner{height: 14rem;}
  .idxrebanner .ban_img{position: relative; width: auto;max-width: 920px;margin: 0 auto;display: inline-block;
    top: auto;
    left: auto;
    transform: translateY(0%);}
  .idxrebanner .ban_text{max-width: 980px;margin: 0 auto;text-align: center;height: auto;padding: .5rem;}
  .idxbtn{margin: .4rem auto 0;}
  .idxrebanner .ban_text h3{padding-top: .4rem;}
/* banner */

.idxrebanner.fs .ban_img img{width: 7.6rem;position: relative;}
.idxrebanner.sf .ban_img img{width: 7.6rem;}
.idxrebanner.vz .ban_img img{width: 6.1rem;}
.idxrebanner.au .ban_img img{width: 6.2rem;}
.idxrebanner.dk .ban_img img{width: 7rem;}

.idxrebanner.fs .ban_img{margin-top: -0.5rem;}
.idxrebanner.fs .img1{width: 6.82rem;}
.idxrebanner.fs .img2{left: 19.5%;top: 22%;width: 5.6rem;height: auto;}
.idxrebanner.fs .img3{right: -11%;top: -36%;width: 3.1rem;}

.idxrebanner.ae .ban_img{margin-top: 1rem;}
.idxrebanner.ae .img1{width: 6.82rem;}
.idxrebanner.ae .img2{left: 11%;top: 7%;width: 5.8rem;height: auto;}
.idxrebanner.ae .img3{right: -11%;top: -36%;width: 3.1rem;}

.idxtitle h2{max-width: 800px;}
.idxproduct_item.ata{padding-left: .5rem;}
.idxproduct_item.ata .idxproduct_img{width: 67%;right: -1rem;}

/* part2 */
.media_navbox{width: 5.2rem;}
.media_nav{width: 1.6rem;height: 1.6rem;}
.media_itembox{left: 6.2rem;}

.idx_youtube a{height: 3.4rem;}
.idx_youtube .youtube_btn{width: 3rem;height: 3rem;}
.idx_more_info p{font-size: .24rem;}
.swiper_item h5{font-size: .32rem;}
.swiper_item p{font-size: .22rem;}
.swiper_item a{font-size: .22rem;}
.swiper_item{height: 3.2rem;}

}

@media screen and (max-width: 980px) {

  .index_cut ul{width: 1.4rem;}


.idxtitle.white h2{margin-top:30px; font-size:34px;}	

.idxmemat{ width:100%; height:auto; background:#353535; padding-bottom:40px;}
.idxtitle.white{ margin-top:40px;}
.slidertext{ height:380px;}

.idxpro_defig>p{ margin-top:5px; line-height:1.2;font-size: 16px;}


.idx_needbox{flex-wrap: wrap;}
.idx_needbox .idx_needitem{width: 48%;max-width: none;margin-top: .3rem;}
.idx_needitem h4{font-size: .3rem;}
.idx_needitem a{font-size: .24rem;}


}
@media screen and (max-width: 750px){
.idxrebanner .ban_text h1{margin-top: .2rem;}
.idxrebanner .ban_text p{font-size: .28rem;margin-top: .2rem;}
.idxbtn{margin-top: .2rem;}
.idxrebanner .ban_text h3{font-size: .36rem;}
.idxrebanner .ban_text h3,
.bannershow .idxprbtn, .bannershow .idxbtn, .bannershow .idxafbtn,
.idxrebanner .ban_text h1{transition: 0s all;}
.idxrebanner .ban_text p{transition: 0s all;}

.idxrebanner.fs{background-position: 45%;}
.idxrebanner .ban_img{max-width: 100%;}
.idxrebanner .ban_img img{max-width: 100% !important;}
.idxrebanner .ban_text{padding: .5rem 0;}
.idxrebanner.fs .ban_img img{width: 6.2rem;}
.idxrebanner.sf .ban_img img{width: 6.2rem;}
.idxrebanner.vz .ban_img img{width: 6.1rem; transform: translate(.6rem,-.5rem);z-index: 4;position: relative;}
.idxrebanner.au .ban_img img{width: 5.2rem;}
.idxrebanner.dk .ban_img img{width: 6rem;}

.idxrebanner.fs .ban_img{margin-top: -0.5rem;}
.idxrebanner.fs .img1{width: 6rem;}
.idxrebanner.fs .img2{left: 19%;top:22.5%;width: 4.6rem;height: auto;}
.idxrebanner.fs .img3{right: -11%;top: -36%;width: 2.7rem;  display: none;}

.idxrebanner.ae .ban_img{margin-top: 0rem;}
.idxrebanner.ae .img1{width: 6rem;}
.idxrebanner.ae .img2{left: 11%;top: 7%;width: 5.1rem;height: auto;}
.idxrebanner.ae .img3{right: -11%;top: -36%;width: 2.7rem;  display: none;}



.bannerbox .idxrebanner,
.bannerbox{height: 13rem;}
.idxrebanner.vz{background: linear-gradient(192deg, #E3E8FF 51.91%, #75BDFF 70.52%);;}
.idxrebanner.vz .ban_img::after{content: "";
  left: 50%;top: 50%;transform: translate(-50%,-50%);
z-index: 3;
  position: absolute;width: 90%;height: 90%;border-radius: 50%;background: radial-gradient(48.39% 50% at 50% 50%, rgba(114, 23, 227, 0.60) 0%, rgba(198, 151, 255, 0.00) 100%); }

.idxpro_defig{width: 25%}
.idxpro_develop{padding: .2rem 0rem;box-sizing: border-box;}

.idxpro_defig>h5{font-size: .34rem;}
.idxpro_defig>p{font-size: .16rem;}
.idxpro_defig span em{height: .45rem;line-height: .45rem;}
.idxpro_defig span{height: .45rem;}
@keyframes tratop{
0%{transform:translateY(0);}
100%{transform:translateY(-3.55rem);}	
}
.bannerbox .index_cut{bottom: 1.5rem;}

.idxproduct .idxtitle h2{margin-bottom: .65rem;font-size: .52rem;}
.idxproduct_navbox{display: none;}
.idxproduct_cont .idxproduct_nav{display: block;margin: .4rem auto 0;}
.idxproduct_itembox{display: block;}
.idxproduct_item{opacity: 1;transform: translateY(0);cursor: pointer;}
.item_container{display: block;}


.idxproduct_nav{overflow: visible;}
.idxproduct_nav:nth-child(1).act{background: none;}
.idxproduct_nav:nth-child(2).act{background: none;}
.idxproduct_nav:nth-child(3).act{background: none;}
.idxproduct_nav::after{display: none;}

.idxproduct_linkbtn{right: .5rem;top: .5rem;left: auto;opacity: 1;transform: scale(1);}

.idxproduct_cont .idxproduct_nav{font-size: .42rem;font-weight: 600; width: auto;max-width: none;}
.idxproduct_item.au{width: 100%; margin: 0rem 0 0;height: 5.9rem;}

.idxproduct_item.dk{width: 100%;height: 5.9rem; margin: .2rem 0rem 0;}
.idxproduct_item.pri{width: 100%;height: 5.4rem; margin: .2rem 0rem 0;display: block;}
.idxproduct_item.pra{width: 100%;height: 3.4rem; margin: .2rem 0rem 0;display: block;}

.idxproduct_item.sf{width: 100%;height: 5.7rem; margin: 0rem 0rem 0;}
.idxproduct_item.vz{width: 100%;height: 4.7rem; margin: .2rem 0rem 0;}
.idxproduct_item.amo{width: 100%;height: 4.7rem; margin: .2rem 0rem 0;}
.idxproduct_item.ae{width: 100%;height: 5.3rem; margin: .2rem 0rem 0;background: #FEF0E6;}

.item_container2{display: flex; justify-content: space-between;flex-flow: column;width: 100%;margin: 0 0rem;}
.idxproduct_item.at{width: 100%;height: 5.6rem; margin: 0rem 0rem 0;}
.idxproduct_item.pt{width: 100%;height: 2.9rem; margin: .2rem 0rem 0;}
.idxproduct_item.apt{width: 100%;height: 2.9rem; margin: .2rem 0rem 0;}
.idxproduct_item.ata{width: 100%;height: 5.8rem; margin: .2rem 0rem 0;display: block;}

.idxproduct_item.pri .idxproduct_img{top: auto;bottom: 0;left: 50%;transform: translate(-50%,17%);width: 4.3rem;}
.idxproduct_item.pt .idxproduct_img,
.idxproduct_item.apt .idxproduct_img,
.idxproduct_item.pra .idxproduct_img{display: none;}

.idxproduct_item.sf .idxproduct_text{max-width: none;}
.idxproduct_item.sf .idxproduct_img{top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;}
.idxproduct_item.ae .idxproduct_img{top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;}
.idxproduct_item.ata .idxproduct_img{top: auto;right: auto; bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;}


.idxproduct_item h4{font-size: .32rem;}
.idxproduct_item h3{font-size: .42rem;}
.idxproduct_item p{font-size: .28rem;}


.media_itembox h4{font-size: .52rem;}
.media_itembox .media_text{font-size: .28rem;}
.media_itembox{height: 4.5rem;}
.media_itembox .media_link{font-size: .28rem;}
.idx_more_info p{font-size: .32rem;}

.media_itembox{width: 94%;margin: 0 auto;text-align: center;}
.media_itembox{position: relative;transform: translate(0);left: auto;}
.media_navbox{width: auto;max-width: 6rem;margin: 0 auto;}
.media_nav{margin: .1rem .2rem;}
.media_nav{width: 1.6rem;height: 1.6rem;}

.idx_media{padding: 1rem 0 .8rem;}
.idx_more_title{display: block;}
.idx_more{padding: 1rem 0 1.6rem;text-align: center;}
.idx_more_title h2{max-width: none;font-size: .52rem;margin-bottom: .4rem;}
.idx_more_info{max-width: none;}


.idx_more_info a{width: 230px;height: 50px;line-height: 50px;font-size: 18px;border-radius: 10px;}
.idx_more_info a::after{font-size: 14px;}

.idx_youtube a{height: 1.6rem;cursor:pointer}
.idx_youtube a span{font-size: .42rem;}
.idx_youtube a .youtube_icon{width: .78rem;}
.idx_youtube .youtube_btn{display: none;}
.idx_know{padding-top: 1.6rem;}
.swiper_box{margin-top: 1rem;}

.idx_needbox{display: block;}
.idx_needbox .idx_needitem{width: auto;max-width: none;margin-top: .3rem;}
.dk .warn-tips { padding: 2px; margin-bottom: 0; }
.dk .warn-tips .warn-des { margin-top: 0; }
}

@media screen and (max-width: 568px) {

.idxrebanner .ban_text h1{font-size: 36px;}
.idxrebanner .ban_text p{font-size: .32rem;}
.bannerbox .idxrebanner, .bannerbox{height: 16.5rem; }
.idxbtndl:after{width: 14px;height: 16px;background-position: 0 0;vertical-align: middle;}
.idxbtnlm:after{width: 16px;height: 14px;background-position: 0rem 0;}


.bannerbox .index_cut{bottom: 3.4rem;}
.idxpro_defig2::after{display: none;}
.idxpro_defig1::before, .idxpro_defig2::before{content: "";position: absolute;height: 1px;width: calc(100% - .1rem) ;bottom:-.301rem;background: #E1E1E1;opacity: .5;}
.idxpro_defig1::after{top: -.3rem;transform: translate(0);height: calc(100% + .6rem);}
.idxpro_defig3::after{top: auto; bottom: -.3rem;transform: translate(0);height: calc(100% + .6rem);}
.idxpro_defig1::before{right: 0;}
.idxpro_defig2::before{left: 0;}

.idxpro_deve{flex-flow: wrap;}
.idxpro_defig{width: 50%;padding:0 .1rem;box-sizing: border-box;margin: .3rem 0;}

.idxrebanner.sf .ban_img img{transform: translateY(-.3rem);}
.idxrebanner.ae .img3{display: none;top: -24%;}

.index_cut>div{width: .6rem;height: .6rem;line-height: .6rem;margin: 0 .1rem;font-size: .3rem;}
.index_cut ul{width: 2.8rem;height: .6rem;line-height: .55rem;}
.index_cut li{width: .2rem;height: .2rem;margin: 0 .1rem;}
.index_cut li.activeli{width: .6rem;}

.swiper_item{padding: 15px 10px;display: flex;flex-flow: column;justify-content: center; align-items: center;}
.swiper_item h5{font-size: 18px;}
.swiper_item a,
.swiper_item p{font-size: 14px;}



.idxbtn{max-width: 6rem;text-align: center;}
.idxbtn>div{float: none;}
.idxbtn .idxbtnlm,
.idxbtn .idxbtndl {border-radius: 12px;width: 230px;height: 50px;line-height: 50px;font-size: 18px;display: block;float: none;margin: 10px auto;text-align: center;}


.idxpro_defig>p{font-size: 12px;}

.idx_needitem h4 img{width: 30px;}
.idx_needitem h4{padding-left: 40px;}

}
@media screen and (max-width: 500px){
  .bannerbox .idxrebanner, .bannerbox{height: 17rem; }
  
  .idxrebanner.fs .ban_text h1,
  .idxrebanner.sf .ban_text h1,
  .idxrebanner.ae .ban_text h1{font-size: 32px;}

}
@media screen and (max-width: 460px){
  .bannerbox .idxrebanner, .bannerbox{height: 17.5rem; }
  
}
@media screen and (max-width: 430px){
  .bannerbox .idxrebanner, .bannerbox{height: 18rem; }
  .bannerbox .index_cut{bottom: 3.5rem;}

  .swiper_item h5{font-size: 16px;}
.swiper_item a,
.swiper_item p{font-size: 12px;}
}
@media screen and (max-width: 420px){
  .bannerbox .idxrebanner, .bannerbox{height: 18.5rem; }
  .bannerbox .index_cut{bottom: 3.6rem;}
}
@media screen and (max-width: 400px){
  .bannerbox .idxrebanner, .bannerbox{height: 19rem; }
  
}
@media screen and (max-width: 370px){
  .bannerbox .idxrebanner, .bannerbox{height: 19.2rem; }
  
}