@charset "utf-8";
html,body {scroll-behavior: smooth;overflow-x: hidden;}
a,a:hover {color: inherit;text-decoration: none;}
img {vertical-align: middle;max-width: 100%;}
.details {width: 1200px;margin: 0 auto;}

.same-bgone {background: url(../images/index/bg1-ai-de.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%); background-size:100% auto;}
.same-bgone-es {background: url(../images/index/bg1-ai-es.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%);background-size:100% auto;}
.same-bgone-fr {background: url(../images/index/bg1-ai-fr.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%);background-size:100% auto;}
.same-bgone-it {background: url(../images/index/bg1-ai-it.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%);background-size:100% auto;}
.same-bgone-kr {background: url(../images/index/bg1-ai-kr.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%);background-size:100% auto;}
.same-bgone-zh {background: url(../images/index/bg1-ai-zh.jpg) no-repeat center top,linear-gradient(90deg,#F6F6F6 0%, #F6F6F6 50%, #fbf8f3 0, #fbf8f3 100%);background-size:100% auto;}
.same-bgone nav { background:transparent; }
.same-bgone nav.active{ background:#fff;}
.main01 {padding: 20px 0 80px;color: #000;text-align: center;}
.main01 .details {position: relative;}
.lang-container {width: 120px;height: 30px;font-size: 15px;color: #333;position: absolute;top: 0;right: 5%;cursor: pointer;z-index: 10;}
.show-lang {display: flex;justify-content: center;align-items: center;height: 30px;border: 1px solid #999;border-radius: 3px;width: 105px;transition: all 0.2s;padding-right: 15px;}
.main01-icons span{cursor: pointer;}
.main01-icons span img{ margin: -14px 5px 0;}
.show-lang::after {opacity: 1;content: "";width: 10px;height: 10px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;transform: rotate(45deg) translate(-50%, -50%);position: absolute;top: 50%;right: 8px;margin-left: -5px;z-index: 2;transition: all 0.2s;}
.show-lang:hover,.show-lang.on-active {background-color: #fff;}
.show-lang.on-active {border-radius: 3px 3px 0 0;border-bottom: none;}
.lang-list {display: none;width: 100%;position: absolute;top: 100%;left: 0;padding-top: 10px;border: 1px solid #999;border-top: none;border-radius: 0 0 3px 3px;background-color: #fff;}
.lang-list a {border-bottom: 1px solid #999;text-align: center;display: block;height: 30px; color: #888888;text-decoration: none;}
.lang-list a:last-child {border-bottom: none;}
.lang-list a:hover {background-color: #43a7ff;color: #fff;}
.main01-h1 {font-size: 60px;line-height: 64px;font-weight: 600;}
.main01-h1 img {vertical-align: middle;margin-right: 18px;}
.main01-h1-span {display: block;font-size: 41px;line-height: 51px;padding: 15px 0 10px;font-weight: 500;}
.main01-p {font-size: 19px;color: #4c4c4c;line-height: 27px;}
.main01-p b {color: #1a1a1a;}
.main01-icons {/*width: 717px;*/min-height: 90px;display: inline-flex;justify-content: center;flex-wrap: wrap;margin: 0 auto 25px;background: linear-gradient( to bottom,rgba(0,0,0,0.05) 0%, rgba(2,1,1,0) 70%);border-radius: 16px;/*box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.02);*/}
.main01-icons-list {width: 90px;margin: 16px 12px 0;font-size: 15px;color: #333;}
.main01-icons-list::before {content: "";display: block;width: 43px;margin: 0 auto;height: 38px;margin-bottom: 4px;/* box-shadow: 0 0 4px 0 rgba(0,0,0,0.05); */background: url(../images/index/main-icons.png) no-repeat -183px -10px/auto 63px;transition: all 0.2s;}
.main01-icons-list:nth-child(1)::before{ margin-top:3px;}
.main01-icons-list:nth-child(2)::before {background-position-x: -123px;width: 40px;height: 41px;}
.main01-icons-list:nth-child(3)::before {background-position-x: -10px;width: 36px; height: 37px;margin-top: 2px; margin-bottom:6px;}
.main01-icons-list:nth-child(5)::before {background-position-x: -66px;width: 37px; height: 33px; margin-top:4px;margin-bottom:8px;}
.main01-icons-list:nth-child(6)::before {background-position-x: -309px; width: 49px; height: 31px;margin-top: 5px;margin-bottom:9px;}
.main01-icons-list:nth-child(7)::before {background-position-x: -246px;width: 43px; height: 32px;margin-top: 5px;margin-bottom:9px;}
.main01-icons-list:hover::before {transform: scale(1.2);}
.main01-icons span img{ margin: -14px 5px 0;}
.main-buttons {display: flex;justify-content: center;flex-wrap: wrap;}
.main-download,.main-buy {width: 353px;margin: 0 30px;}
.main-download{position:relative;}
.main-download-button,.main-buy-button {display: block;line-height: 53px;font-size: 21px;color: #fff;background-color: #0f9bff;border-radius: 4px;margin-bottom: 12px;}
.main-download-button:hover {background-color: #12bcff;color: #fff;}
.main-download .down-bit-desc{position:absolute; left:0; right:0; bottom:100%; margin-bottom:10px; background-color:#fff; border:1px solid #dedfe3; border-radius:5px; color:#595959; line-height:1.2; padding:5px; display:none;}
.main-download .down-bit-desc::after{content:''; position:absolute; top:100%; left:0; right:0; width:10px; height:10px; margin:0 auto; border-right:1px solid #dedfe3; border-bottom:1px solid #dedfe3; background-color:#fff; transform:translateY(-45%) rotate(45deg);}
.main-button-intro a + .down-bit-desc{bottom:15px;}
.main-button-intro a + .down-bit-desc::after{margin:0 0 0 60px;}
.main-download-button:hover + .down-bit-desc, .main-button-intro a:hover + .down-bit-desc{display:block;}
.main-buy-button {background-color: #ffab1b;}
.main-buy-button:hover {background-color: #ffc21b;color: #fff;}
.main-download-button img {margin: -4px 0 0 12px;}
.main-buy-button img {margin-left: 16px;}
.main-button-intro {font-size: 15px;color: #666666;line-height: 15px;padding: 0 10px;}
.main-button-intro a:hover {text-decoration: underline;}
.mark-box{color:#666;line-height: 19px;margin-top: -2px;}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 5px;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 400px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute; bottom:30px;right: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;right: 22px;}
.mark-content:hover .mark-info {display: block;}
.main01-ai-icons{padding: 25px 0 30px; font-size:0px;}
.main01-ai-icons a{display: inline-block;font-size: 17px; margin: 0 35px;}
.main01-ai-icons a::before{content: "";width: 68px;margin: 0 auto; height: 60px;margin-bottom: 7px; display: block;background: url(../images/index/ai-icons.png) no-repeat -98px -10px/auto 82px;transition: all 0.2s;}
.main01-ai-icons a:hover::before,.main01-ai-icons a.focus::before{transform: scale(1.1);}
.main01-ai-icons a:nth-child(2)::before {background-position: -10px -10px;}
.main01-ai-icons a:nth-child(3)::before {background-position: -186px -10px; width: 76px;height: 62px;}

.main02 {text-align: center;color: #000;padding-bottom: 20px;}
.main02-h2 {font-size: 45px;line-height: 49px;}
.main02-p {font-size: 19px;color: #333;padding: 15px 0 22px;}
.main02-p a {color: #069eff;text-decoration: underline dashed;text-underline-position: under;}
.main02-icons {display: flex;justify-content: center;flex-wrap: wrap;}
.main02-icons-list {width: 124px;font-size: 17px;margin: 0 6px 22px;position: relative;}
.main02-emit-intro {text-decoration: underline dotted;text-underline-position: under;cursor: pointer;}
.main02-icons-intro {display: none;width: 260px;padding: 10px;text-align: left;font-size: 15px;line-height: 17px;border: 1px dashed #999;background-color: #fff;border-radius: 10px;position: absolute;bottom: 110%;left: 50%;margin-left: -140px;}
.main02-icons-intro::after {content: "";width: 8px;height: 8px;border-right: 1px dotted #999;border-bottom: 1px dotted #999;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -5px;left: 50%;margin-left: -5px;}
.main02-icons-list::before {content: "";display: block;height: 32px;margin-bottom: 5px;background: url(../images/index/main02-icons.svg) no-repeat 44px 0px/auto 100%;}
.main02-icons-list:nth-child(2):before {background-position-x: -75px;}
.main02-icons-list:nth-child(3):before {background-position-x: -195px;}
.main02-icons-list:nth-child(4):before {background-position-x: -312px;}
.main02-icons-list:nth-child(5):before {background-position-x: -431px;}
.main02-icons-list:nth-child(6):before {background-position-x: -550px;}
.main02-icons-list:nth-child(7):before {background-position-x: -667px;}
.main02-content {width: 1900px;min-height: 612px;box-sizing: border-box;margin: 0 auto;padding-bottom: 75px;background: url(../images/index/content-bg.png) no-repeat 307px top;display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.level0-content {width: 145px;font-size: 19px;line-height: 21px;margin-left: 66px;padding-bottom: 8px;}
.level1-content {width: 230px;margin: 0 32px;padding-bottom: 6px;}
.level2-content {width: 248px;margin: 0 32px;padding-bottom: 8px;}
.level3-content {width: 314px;margin-left: 82px;}
.level-top {font-size: 18px;color: #fff;line-height: 22px;margin-bottom: 46px;}
.level1-content .large-margin {margin-bottom: 74px;} 
.level1-content .small-margin {margin-bottom: 24px;} 
.level-top b {display: block;font-size: 30px;}
.level-icon {width: 50px;height: 54px;background: url(../images/index/levels-icon.svg) no-repeat 0px 0px/auto 100%;margin: 0 auto 4px;}
.level-intro {font-size: 17px;color: #4c4c4c;line-height: 25px;}
.level-intro a {color: #069eff;border-bottom: 1px dashed #069eff;}
.level2-content .level-top {margin-bottom: 98px;}
.level2-content .large-margin {margin-bottom: 148px;}
.level2-content .middle-margin {margin-bottom: 124px;}
.level2-content .level-icon {width: 57px;background-position-x: -81px;}
.level3-content .level-top {font-size: 23px;color: #000;margin: 0 0 57px;}
.level3-content .level-top b {display: inline;font-size: 50px;line-height: 40px;}
.level-bottom {font-size: 25px;color: #a77441;line-height: 33px;margin-bottom: 94px;}
.level3-content .level-icon {width: 70px;background-position-x: right;margin-bottom: 12px;}
.level3-content .level-intro {padding: 30px 35px;border: 1px solid #dcc6ad;border-radius: 15px;color: #000;}
.level3-content .level-intro.large-padding {padding: 30px 50px;}

.main03 {padding-top: 30px;min-height: 740px;background: url(../images/index/bg3.jpg) no-repeat center -30px,linear-gradient(90deg,#F6F6F6 0%,#F6F6F6 50%, #FCF9F4 0, #FCF9F4 100%);color: #000;position: relative;}
.main03 .details {width: 1600px;}
.convert-button {width: 240px;line-height: 46px;font-size: 24px;text-align: center;background: url(../images/index/tag-bg.svg) no-repeat center/100% auto;margin: 0 auto 25px;}
.main03-content {width: 1200px;margin: 0 auto;}
.main03-h2 {font-size: 45px;line-height: 49px;padding-right: 230px;}
.formats-container {padding: 30px 0 25px;display: flex;flex-wrap: wrap;}
.formats-content {width: 310px;height: 54px;box-sizing: border-box;padding: 10px 9px 0 0;border: 1px solid #dadbdf;border-radius: 5px;margin-right: 23px;position: relative;cursor: pointer;}
.formats-show {font-size: 21px;color: #4c4c4c;line-height: 28px;text-align: right;}
.formats-show span {color: #0080ff;}
.formats-show b {display: inline-block;vertical-align: middle;width: 28px;height: 28px;background-color: #000;border-radius: 3px;margin-left: 20px;position: relative;}
.formats-show b::before {content: "";width: 10px;height: 10px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -5px;transform: rotate(45deg);transition: all 0.3s;}
.formats-show.on-active b::before {transform: rotate(-135deg);margin-top: -3px;}
.formats-list {display: none;width: 100%;border: 1px solid #dadbdf;border-radius: 5px;position: absolute;top: 100%;left: -1px;background-color: #fff;z-index: 10;}
.formats-list-item {padding: 10px 20px;font-size: 17px;line-height: 19px;display: flex;justify-content: space-between;align-items: center;transition: all 0.2s;position: relative;}
.formats-list-item:hover {background-color: #329be5;color: #fff;}
.formats-list-item::after {content: "";width: 10px;height: 10px;border-right: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(-45deg);}
.formats-list-item:hover::after {border-color: #fff;}
.formats-list-item a:hover {text-decoration: underline;}
.formats-download-item {color: #16B4FD;font-weight: 600;}
.formats-download-item::after {display: none;}
.formats-list-item.formats-download-item:hover {background-color: #fff;color: #16B4FD;}
.child-formats-list {display: none;width: 250px;border: 1px solid #dadbdf;border-radius: 0 5px 5px 5px;position: absolute;top: 0;left: 100%;background-color: #fff;}
.child-formats-item {padding: 5px 8px;font-size: 17px;line-height: 21px;color: #4c4c4c;cursor: default;}
.child-formats-item:hover {background-color: #329be5;color: #fff;}
.formats-list-item:hover .child-formats-list {display: block;}
.main03-togggle-content {display: none;}
.main03-togggle-content.on-active {display: block;}
.main03-toggle-img {height: 118px;margin-left: -200px;padding-left: 675px;background: url(../images/index/main03-line.png) no-repeat -90px center;display: flex;align-items: center;}
.main03-checked-list {display: flex;margin-top: -25px;}
.main03-checked-item {width: 160px;position: relative}
.main03-checked-icon {width: 31px;height: 31px;background-color: #22c33c;border-radius: 50%;position: absolute;top: -45px;left: 50%;margin-left: -15px;}
.main03-checked-icon::before {content: "";width: 5px;height: 12px;border-right: 3px solid #fff;border-bottom: 3px solid #fff;position: absolute;top: 7px;left: 11px;transform: rotate(45deg);}
.main03-checked-info {font-size: 19px;line-height: 25px;text-align: center;}
.main03-checked-item:nth-child(2) .main03-checked-icon {top: -60px;}
.main03-checked-item:nth-child(3) .main03-checked-icon {top: -64px;}
.main03-p {font-size: 19px;color: #333;line-height: 27px;padding: 23px 555px 57px 0;}
.main03-toggle-click {display: flex;flex-wrap: wrap;margin-right: 200px;border-bottom: 1px solid #cacacf;}
.main03-click-list {width: 120px;margin-right: 33px;padding-bottom: 20px;font-size: 19px;color: #6a6a6e;line-height: 21px;text-align: center;position: relative;cursor: pointer;}
.main03-click-list::before {content: "";display: block;height: 60px;background: url(../images/index/main03-icons.svg) no-repeat 32px 0px/auto 100%;}
.main03-click-list:nth-child(2):before {background-position-x: -142px;}
.main03-click-list:nth-child(3):before {background-position-x: -324px;}
.main03-click-list:nth-child(4):before {background-position-x: -502px;}
.main03-click-list.on-active,.main03-click-list:hover {color: #0080ff;}
.main03-click-list.on-active::after,.main03-click-list:hover::after {content: "";width: 100%;height: 1px;background-color: #009cff;position: absolute;bottom: -1px;left: 0;}

.main04 {padding-top: 80px;min-height: 680px;background: url(../images/index/bg4.jpg) no-repeat center bottom,linear-gradient(90deg,#F6F6F6, #FCF9F4);}
.main04 .details {width: 1600px;position: relative;}
.main04-h2 {font-size: 45px;text-align: center;line-height: 49px;padding-bottom: 40px;}
.underline-span {display: inline-block;}
.underline-span::after {content: "";display: block;width: 100%;height: 14px;background-color: #ffc44c;margin-top: -15px;}
.main04-p {width: 470px;font-size: 19px;color: #333;line-height: 25px;position: absolute;top: 80px;right: 130px;}
.main04-effect-container {position: relative;perspective: initial;}
.main04-ba-lists {position: relative;width: 884px;transform-style: preserve-3d;transition: all 1s 0.2s;}
.effect1 {transform: rotateY(0deg);}
.effect2 {transform: rotateY(-72deg);}
.effect3 {transform: rotateY(-144deg);}
.effect4 {transform: rotateY(-218deg);}
.effect5 {transform: rotateY(-292deg);}
.main04-ba-item {width: 100%;padding-bottom: 66.855%;position: absolute;top: 0;left: 0;user-select: none;}
.main04-ba-item1.item-l-scale {transform: scale(1) translateZ(390px);transition: all 0.2s 0.7s;}
.main04-ba-item1.item-s-scale {transform: scale(0.45) translateZ(390px);transition: all 0.2s;}
.main04-ba-item2 {transform: rotateY(72deg) translateZ(390px);}
.main04-ba-item2.item-l-scale {transform: rotateY(72deg) scale(1) translateZ(390px);transition: all 0.2s 0.7s;}
.main04-ba-item2.item-s-scale {transform: rotateY(72deg) scale(0.45) translateZ(390px);transition: all 0.2s;}
.main04-ba-item3 {transform: rotateY(144deg) translateZ(390px);}
.main04-ba-item3.item-l-scale {transform: rotateY(144deg) scale(1) translateZ(390px);transition: all 0.2s 0.7s;}
.main04-ba-item3.item-s-scale {transform: rotateY(144deg) scale(0.45) translateZ(390px);transition: all 0.2s;}
.main04-ba-item4 {transform: rotateY(218deg) translateZ(390px);}
.main04-ba-item4.item-l-scale {transform: rotateY(218deg) scale(1) translateZ(390px);transition: all 0.2s 0.7s;}
.main04-ba-item4.item-s-scale {transform: rotateY(218deg) scale(0.45) translateZ(390px);transition: all 0.2s;}
.main04-ba-item5 {transform: rotateY(292deg) translateZ(390px);}
.main04-ba-item5.item-l-scale {transform: rotateY(292deg) scale(1) translateZ(390px);transition: all 0.2s 0.7s;}
.main04-ba-item5.item-s-scale {transform: rotateY(292deg) scale(0.45) translateZ(390px);transition: all 0.2s;}
.main04-b-img,.main04-a-img {position: absolute;top: 0;left: 0;visibility: hidden;user-select: none;opacity: 0;transition: all 0.3s;}
.main04-b-img {visibility: visible;opacity: 1;}
.main04-a-img.on-active {visibility: visible;opacity: 1;}
.toggle-ba-img {width: 400px;height: 80px;display: flex;align-items: center;background-color: rgba(67,57,46,0.9);border-radius: 10px;position: absolute;top: 405px;left: 550px;z-index: 2;}
.toggle-ba-words {width: 262px;padding-left: 38px;font-size: 21px;color: #ddd;}
.toggle-ba-switch {width: 65px;height: 36px;background-color: #ddd;border-radius: 18px;position: relative;transition: all 0.2s;cursor: pointer;}
.toggle-ba-switch::after {content: "";width: 26px;height: 26px;background-color: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,0.02);border-radius: 13px;position: absolute;top: 5px;left: 5px;transition: all 0.2s;}
.toggle-ba-switch.on-active {background-color: #1ad860;}
.toggle-ba-switch.on-active::after {left: 34px;}
.main04-ba-section {width: 100%;height: 100%;position: absolute;top: 0;right: 0;}
.after-img {width: 50%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}
.main04-ba-img {display: block;user-select: none;}
.after-img .main04-ba-img {max-width: initial;max-height: 100%;position: absolute;top: 0;right: 0;}
.before-after-line {height: 100%;width: 300px;position: absolute;top: 0;left: 50%;margin-left: -150px;display: flex;justify-content: center;align-items: flex-start;}
.before-after-line .the-line {display: block;width: 10px;height: 100%;margin: 0 12px;cursor: col-resize;}
.before-after-line .the-line::before {content: "";display: block;width: 1px;height: 100%;background: #fff;margin-left: 4.5px;}
.before-after-line b {width: 145px;font-size: 19px;color: #fff;line-height: 19px;cursor: default;margin-top: 15px;text-align: right;}
.before-after-line b:last-child {text-align: left;}
.main04-img-container {position: absolute;top: 90px;left: 785px;cursor: pointer;z-index: 5;transition: all 0.3s;user-select: none;transform: translateY(0px) translateZ(1px);}
.main04-img-container.on-active {transform: translateY(-20px) translateZ(1px);}
.main04-img-container2 {top: 133px;left: 865px;}
.main04-img-container3 {top: 177px;left: 950px;}
.main04-img-container4 {top: 233px;left: 1040px;}
.main04-img-container5 {top: 288px;left: 1130px;}
.emit-effect {font-size: 17px;line-height: 19px;padding-bottom: 2px;border-bottom: 1px dashed #000;color: #000;position: absolute;left: 823px;top: 60px;z-index: 5;cursor: pointer;user-select: none;transform: translateZ(1px);}
.emit-effect:hover {color: #069eff;border-color: #069eff;}
.emit-effect::after {content: "";width: 30px;height: 15px;background: url(../images/index/effect-arrow.svg) no-repeat center/100% 100%;position: absolute;bottom: -25px;left: 0;}
.emit-effect2 {top: 100px;left: 930px;}
.emit-effect3 {top: 142px;left: 1037px;}
.emit-effect4 {top: 195px;left: 1149px;}
.emit-effect5 {top: 250px;left: 1270px;}
.emit-effect1::after {display: none;}
.color-box {width: 360px;position: absolute;top: 405px;left: 575px;border-radius: 10px;overflow: hidden;}
.color-box-title {font-size: 17px;color: #fff;line-height: 30px;padding-left: 35px;background-color: rgba(67,57,46,0.9);}
.color-lists {padding: 10px 0 15px 35px;background-color: rgba(78,66,53,0.9);color: #fff;}
.color-item {padding-bottom: 6px;display: flex;align-items: center;font-size: 15px;line-height: 15px;}
.color-text {width: 80px;}
.color-line {width: 156px;height: 2px;background-color: #777466;margin-right: 12px;}
.color-progress-line {display: block;width: 96px;height: 100%;background: linear-gradient(90deg,#b25b0e,#cbb263);position: relative;}
.color-progress-line::before {content: "";width: 8px;height: 8px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;right: -4px;margin-top: -4px;}
.color-item2 .color-progress-line {width: 100%;}
.color-item3 .color-progress-line {width: 110px;}
.color-item4 .color-progress-line {width: 50px;}
.color-item5 .color-progress-line {width: 110px;}

.main05 {margin-top: 30px;padding-top: 20px;background: #000 url(../images/index/bg5.jpg) no-repeat center/cover;}
.main05 .details {width: 1600px;display: flex;flex-wrap: wrap;}
.main05::after {display: block;content: "";clear: both;}
.main05-img-container {width: 905px;margin-left: -120px;}
.main05-content {width: 645px;padding-top: 52px;position: relative;}
.main05-h2 {font-size: 45px;color: #eeefe9;line-height: 49px;}
.main05-p {font-size: 19px;color: #929297;line-height: 25px;padding: 25px 0 35px;}
.main05-p a {color: #069eff;}
.main05-toggle-container {position: relative;z-index: 2;}
.main05-toggle-content {display: none;}
.main05-toggle-content.on-active {display: block;}
.before-after-content {display: flex;flex-wrap: wrap;}
.before-content,.after-content {width: 290px;}
.before-content {margin-right: 40px;}
.content-title {font-size: 35px;color: #fff;font-weight: 600;line-height: 39px;}
.content-title span {display: inline-block;vertical-align: top;font-size: 15px;color: #ffa800;font-weight: 500;line-height: 15px;margin: -1px 0 0 5px;}
.file-size-title {font-size: 15px;color: #a6a6a6;line-height: 15px;padding: 15px 0 8px;}
.file-size-content {display: flex;align-items: flex-end;color: #fff;margin-bottom: 24px;}
.after-content .file-size-content {color: #08f096;}
.file-size-content b {display: inline-block;font-size: 21px;line-height: 21px;padding: 0 7px 8px 9px;}
.file-size-content span {font-size: 13px;line-height: 31px;}
.parameter-item {font-size: 15px;color: #666;line-height: 17px;margin-bottom: 15px;}
.parameter-item span {color: #a6a6a6;}
.parameter-item i {color: #06f195;font-style: normal;}
.main05-intro {font-size: 13px;color: #525558;line-height: 21px;padding: 50px 220px 0 0;position: relative;z-index: 2;}
.circle-container {position: absolute;bottom: -105px;right: -110px;width: 462px;display: flex;align-items: flex-end;color: #fff;text-align: center;}
.circle-content {width: 179px;height: 179px;background: url(../images/index/circle-img1.png) no-repeat center/cover;flex-shrink: 0;font-size: 21px;line-height: 25px;box-sizing: border-box;padding-top: 62px;position: relative;cursor: pointer;transition: all 0.3s;}
.circle-two {background-image: url(../images/index/circle-img2.png);margin-left: -24px;}
.circle-content.on-active {width: 253px;height: 253px;font-size: 30px;line-height: 34px;padding-top: 120px;}
.circle-line {width: 20px;height: 20px;border: 1px solid #12dbe6;box-shadow: inset 0 0 8px 0 #12dbe6;position: absolute;border-radius: 50%;opacity: 0;transition: all 0.2s;}
.circle-content.on-active .circle-line {opacity: 1;}
.circle-line::after {content: "";height: 1px;background-color: #12dbe6;position: absolute;}
.circle-one-line {top: -88px;left: -230px;}
.circle-one-line::after {width: 265px;top: 82px;left: 1px;transform: rotate(30deg);} 
.circle-two-line {top: -184px;left: -270px;}
.circle-two-line::after {width: 352px;top: 119px;left: -14px;transform: rotate(36deg);} 

.main06 {padding: 100px 0 135px;color: #000;text-align: center;background: url(../images/index/bg61.png) no-repeat center 38%/100% auto, url(../images/index/bg62.jpg) no-repeat center bottom, linear-gradient(#f4f4f4,#EBF0F3);margin-bottom: 30px;}
.main06 .details {width: 1600px;}
.main06::after {display: block;content: "";clear: both;}
.main06-h2 {font-size: 45px;line-height: 53px;}
.main06-p {font-size: 19px;color: #4c4c4c;line-height: 21px;padding: 10px 0 30px;}
.main06-toggle-icons {display: flex;justify-content: center;flex-wrap: wrap;}
.main06-toggle-icon {width: 120px;margin: 0 13px 20px;padding-bottom: 4px;box-sizing: border-box;font-size: 15px;color: #8a9099;line-height: 17px;border-radius: 6px;cursor: pointer;}
.main06-toggle-icon.on-active,.main06-toggle-icon:hover {background-color: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,0.02);}
.main06-toggle-icon::before {content: "";display: block;height: 41px;margin-bottom: 4px;background: url(../images/index/main06-icons1.svg) no-repeat 43px 0px/auto 100%;}
.main06-toggle-icon.on-active::before,.main06-toggle-icon:hover::before {background-image: url(../images/index/main06-icons11.svg);}
.main06-toggle-icon2::before {background-position-x: -90px;}
.main06-toggle-icon3::before {background-position-x: -225px;}
.main06-toggle-icon4::before {background-position-x: -353px;}
.main06-toggle-icon5::before {background-position-x: -491px;}
.main06-toggle-icon6::before {background-position-x: -623px;}
.main06-toggle-icon7::before {background-position-x: -756px;}
.main06-toggle-container {width: 970px;height: 535px;margin: 0 auto;position: relative;perspective: 1000px;}
.main06-toggle-arrow {width: 100px;height: 100px;border-radius: 50%;background-color: #fff;box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05);position: absolute;top: 50%;left: -70px;z-index: 15;margin-top: -50px;cursor: pointer;}
.main06-toggle-right-arrow {left: auto;right: -70px;}
.main06-toggle-left-arrow {display: none;}
.main06-toggle-arrow::before {content: "";width: 24px;height: 24px;border-right: 3px solid #2a2a2a;border-bottom: 3px solid #2a2a2a;transform: rotate(135deg);position: absolute;top: 38px;left: 42px;}
.main06-toggle-right-arrow::before {transform: rotate(-45deg);left: 30px;}
.main06-toggle-box {height: 100%;transform-style: preserve-3d;position: relative;}
.main06-toggle-item {width: 360px;height: 235px;background: url(../images/index/main06-toggle-img1.jpg) no-repeat left top/cover;border-radius: 28px;box-sizing: border-box;position: absolute;top: 300px;left: 1075px;padding: 27px 0 0 30px;text-align: left;overflow: hidden;}
.main06-toggle-item2 {background-image: url(../images/index/main06-toggle-img2.jpg);}
.main06-toggle-item3 {background-image: url(../images/index/main06-toggle-img3.jpg);}
.main06-toggle-item4 {background-image: url(../images/index/main06-toggle-img4.jpg);}
.main06-toggle-item5 {background-image: url(../images/index/main06-toggle-img5.jpg);}
.main06-toggle-item6 {background-image: url(../images/index/main06-toggle-img6.jpg);}
.main06-toggle-item7 {background-image: url(../images/index/main06-toggle-img7.jpg);}
.item-in {animation: itemIn 0.5s linear forwards;}
@keyframes itemIn {0% {width: 360px;height: 235px;top: 300px;left: 1075px;padding: 27px 0 0 30px;} 100% {width: 100%;height: 100%;top: 0;left: 0;padding: 50px 500px 0 50px;}}
.item-out {animation: itemOut 0.5s linear forwards;}
@keyframes itemOut {0% {width: 100%;height: 100%;top: 0;left: 0;padding: 50px 500px 0 50px;} 100% {width: 360px;height: 235px;top: 300px;left: -465px;padding: 27px 0 0 30px;}}
.item-back-in {animation: itemBackIn 0.5s linear forwards;}
@keyframes itemBackIn {0% {width: 360px;height: 235px;top: 300px;left: -465px;padding: 27px 0 0 30px;} 100% {width: 100%;height: 100%;top: 0;left: 0;padding: 50px 500px 0 50px;}}
.item-back-Out {animation: itemBackOut 0.5s linear forwards;}
@keyframes itemBackOut {0% {width: 100%;height: 100%;top: 0;left: 0;padding: 50px 500px 0 50px;} 100% {width: 360px;height: 235px;top: 300px;left: 1075px;padding: 27px 0 0 30px;}}
.main06-toggle-h4 {font-size: 35px;color: #fff;line-height: 45px;display: flex;align-items: flex-end;padding-bottom: 25px;}
.main06-toggle-h4::before {content: "";width: 65px;height: 51px;background: url(../images/index/main06-toggle-icons.svg) no-repeat left center/auto 100%;margin-right: 20px;}
.main06-toggle-h42::before {background-position-x: -80px;}
.main06-toggle-h43::before {background-position-x: -157px;}
.main06-toggle-h44::before {background-position-x: -240px;}
.main06-toggle-h45::before {background-position-x: -330px;}
.main06-toggle-h46::before {background-position-x: -400px;}
.main06-toggle-h47::before {background-position-x: -480px;}
.main06-toggle-p {opacity: 0;font-size: 19px;color: #ccc;line-height: 27px;transition: all 0.2s;}
.item-in .main06-toggle-p,.item-back-in .main06-toggle-p {opacity: 1;}
.main06-intro-icons {clear: both;display: flex;justify-content: center;flex-wrap: wrap;padding: 40px 0 160px;}
.main06-intro-item {width: 245px;margin: 0 15px;}
.main06-intro-item::before {content: "";display: block;height: 41px;background: url(../images/index/main06-icons2.svg) no-repeat 102px 0px/auto 100%;}
.main06-intro-item:nth-child(2):before {background-position-x: -157px;}
.main06-intro-item:nth-child(3):before {background-position-x: -416px;}
.main06-intro-item:nth-child(4):before {background-position-x: -672px;}
.main06-intro-item b {display: block;font-size: 23px;line-height: 23px;padding: 15px 0 5px;}
.main06-intro-item span {font-size: 17px;color: #333;line-height: 25px;}
.main06-skew {width: 1300px;margin: 0 auto;display: flex;justify-content: center;align-items: flex-start;text-align: left;}
.main06-left-skew {width: 747px;flex-shrink: 0;padding-top: 88px;position: relative;z-index: 2;margin-right: -160px;}
.main06-skew-h3 {font-size: 40px;line-height: 44px;padding: 0 145px 0 220px;}
.main06-skew-p {font-size: 19px;color: #333;line-height: 27px;margin: 15px 0 -5px;padding: 0 145px 0 220px;}
.left-skew-content {display: block;height: 695px;box-sizing: border-box;padding: 58px 150px 0 220px;background: url(../images/index/main06-skew-img1.png) no-repeat -11px top;transition: all 0.2s;}
.skew-icon {width: 66px;height: 47px;background: url(../images/index/main06-skew-icons.svg) no-repeat 0px 0px/auto 100%;margin: 0 auto 22px;}
.left-skew-list {display: flex;justify-content: center;flex-wrap: wrap;}
.left-skew-item {font-size: 18px;line-height: 20px;color: #333;padding: 0 20px 14px 19px;position: relative;}
.left-skew-item::before {content: "";width: 15px;height: 15px;border-radius: 50%;background-color: #22c33c;position: absolute;top: 3px;left: 0;}
.left-skew-item::after {content: "";width: 3px;height: 7px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 5px;left: 5px;}
.skew-link {display: block;width: 160px;line-height: 40px;font-size: 21px;color: #fff;text-align: center;border: 1px solid #0f9bff;background-color: #0f9bff;border-radius: 5px;margin: 10px auto 0;opacity: 0;transition: all 0.2s;}
.skew-link:hover {color: #0f9bff;background-color: transparent;}
.main06-right-skew {width: 679px;flex-shrink: 0;position: relative;z-index: 1;}
.right-skew-content {display: block;height: 622px;box-sizing: border-box;padding: 90px 65px 0 0;background: url(../images/index/main06-skew-img2.png) no-repeat center top;transition: all 0.2s;}
.left-skew-content:hover,.right-skew-content:hover {transform: scale(1.05);}
.left-skew-content:hover .skew-link,.right-skew-content:hover .skew-link {opacity: 1;}
.right-skew-content .main06-skew-h3 {color: #fff;text-align: center;padding: 0 0 30px;}
.right-skew-list {padding-left: 200px;}
.right-skew-item {font-size: 19px;color: #b7b7b7;line-height: 21px;padding: 0 0 15px 25px;position: relative;}
.right-skew-item::before {content: "";width: 13px;height: 13px;border-radius: 50%;border: 1px solid #4cef4c;position: absolute;top: 3px;left: 0;}
.right-skew-item::after {content: "";width: 3px;height: 7px;border-right: 2px solid #4cef4c;border-bottom: 2px solid #4cef4c;transform: rotate(45deg);position: absolute;top: 5px;left: 5px;}
.main06-right-skew .skew-icon {width: 64px;background-position-x: -96px;margin-left: 330px;}
.main06-right-skew .main06-skew-p {padding: 0 110px 0 210px;}
.main06-bottom-icons {min-height: 210px;display: flex;justify-content: flex-end;flex-wrap: wrap;margin: 0 45px 0 0;}
.main06-bottom-item {width: 130px;margin-left: 52px;font-size: 18px;color: #fff;line-height: 20px;text-align: center;}
.main06-bottom-item1 {margin-top: 70px;}
.main06-bottom-item2 {margin-top: 50px;}
.main06-bottom-item3 {margin-top: 30px;}
.main06-bottom-item::before {content: "";display: block;width: 115px;height: 115px;border-radius: 50%;box-shadow: 0 10px 20px 0 rgba(97,126,255,0.1);background: url(../images/index/main06-bottom-icons.png) no-repeat 0px 0px;margin-bottom: 8px;}
.main06-bottom-item:nth-child(2):before {width: 120px;height: 120px;background-position-x: -170px;}
.main06-bottom-item:nth-child(3):before {width: 125px;height: 125px;background-position-x: -358px;}
.main06-bottom-item:nth-child(4):before {width: 130px;height: 130px;background-position-x: -539px;}

.main07 {padding: 46px 0 60px;background-color: #f7f7f7;text-align: center;color: #000;}
.main07-stars {height: 50px;}
.main07-stars img {max-height: 100%;}
.main07-h2 {font-size: 45px;line-height: 49px;padding: 15px 0 35px;}
.main07-toggle-box {display: flex;justify-content: center;align-items: flex-end;}
.main07-toggle-arrow {width: 60px;height: 60px;border-radius: 50%;cursor: pointer;margin-bottom: 33px;transition: all 0.2s;}
.main07-toggle-arrow:hover {box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.main07-toggle-arrow::before {content: "";display: block;width: 20px;height: 20px;border-right: 2px solid #535353;border-bottom: 2px solid #535353;transform: rotate(135deg);margin: 19px 0 0 23px;}
.main07-toggle-right-arrow::before {transform: rotate(-45deg);margin: 19px 0 0 14px;}
.main07-toggle {width: 1030px;margin: 0 20px;overflow: hidden;}
.main07-toggle-content {display: flex;}
.main07-toggle-item {width: 1030px;flex-shrink: 0;}
.main07-toggle-p {font-size: 23px;color: #333;line-height: 33px;padding-top: 23px;}
.main07-toggle-dots {padding: 15px 0;display: flex;justify-content: center;align-items: center;}
.main07-toggle-dots-item {width: 12px;height: 12px;border-radius: 50%;background-color: #ededed;margin: 0 11px;transition: all 0.2s;cursor: pointer;}
.main07-toggle-dots-item:hover,.main07-toggle-dots-item.on-active {background-color: #0669ff;transform: scale(1.4);}
.main07-bubbles {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.bubbles-item {box-sizing: border-box;font-size: 17px;color: #333;line-height: 23px;border-radius: 50%;background: #fff url(../images/index/main07-icons.png) no-repeat;box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05);transition: all 0.2s;}
.bubbles-item span {color: #92cf3f;font-size: 16px;}
.bubbles-item:hover {transform: scale(1.1);}
.gopro-item {width: 212px;height: 212px;background-position: -124px 44px;margin-top: 5px;padding-top: 123px;margin-left: 180px;}
.fourk-item {width: 295px;height: 295px;font-size: 19px;background-color: #ffe6bf;background-position: -355px 33px;margin: 20px 33px 0 22px;padding-top: 195px;}
.dji-item {width: 212px;height: 212px;background-position: -680px 48px;padding-top: 120px;margin-right: 180px;}
.canon-item {width: 192px;height: 192px;background-position: 58px -100px;padding-top: 108px;margin-top: -165px;}
.mp4-item {width: 192px;height: 192px;padding-top: 72px;background: #fff;margin: -70px 58px 0 38px;}
.hevc-item {width: 117px;height: 117px;padding-top: 46px;background: #fff;margin-top: 28px;}
.sony-item {width: 180px;height: 180px;background-position: -633px  -180px;padding-top: 96px;margin: -85px 65px 0 96px;}
.iphone-item {width: 192px;height: 192px;background-position: -883px -86px;padding-top: 115px;margin-top: -175px;}

.ai-content{background: #f7f6f4;color: #242014;}
.ai-content .details{background: #fff;border-radius: 20px;padding-bottom: 1px;}
.ai-dis-content{text-align: center;}
.ai-dis-title{padding: 52px 0 17px;color: #000;}
.ai-dis-title span{padding: 0 30px;background-color: #cae9fd;font-size: 23px;line-height: 45px;display: inline-block;color: #109bff;border-radius: 27px;}
.ai-dis-mess{font-size: 23px;}
.ai-dis-mess>b {color: #ff171b;}
.ai-dis-link{padding: 30px 0 0;font-size: 0;}
.ai-dis-link a{font-size: 21px;display: inline-block;line-height: 51px;border-radius: 28px;border: 2px solid #109bff;padding: 0 20px 0 15px; margin:0 13px;}
.ai-dis-link a::before{content: "●";font-size: 13px;display: inline-block;margin-right: 10px;vertical-align: middle; color:#109bff;}
.ai-dis-link a::after{content: "";display: inline-block;color:#109bff ; border-left: 11px solid currentColor;border-top: 7px solid transparent;border-bottom: 7px solid transparent;margin-left: 20px;}
.ai-dis-link a:hover{background: #109bff;color: #fff;}
.ai-dis-link a:hover::before,a:hover::after {color: #fff;}
.ai-content-wrap {border-radius: 20px;background-color: #fcf6e8;padding: 30px 35px 35px;margin: 38px 33px 30px;}
.ai-videos-toggle{margin: 0 30px 0;position: relative;padding: 15px 33px 0;display: flex;justify-content: center;align-items: center;}
.ai-left-arrow::after,.ai-right-arrow::after {content: "";display: inline-block;width: 19px;height: 19px; border-left:3px solid #c8c8c8;border-bottom:3px solid #c8c8c8;transform: rotate(45deg);cursor: pointer;}
.ai-right-arrow::after {border-left: none;border-right:3px solid #c8c8c8;border-bottom:3px solid #c8c8c8;transform: rotate(-45deg);}
.ai-large-imgs {width: 810px;margin: 0 40px;padding-bottom: 22px;}
.ai-large-img {display: none;align-items: center;justify-content: space-between;}
.ai-large-img.active {display: flex;}
.ai-video-link {border-radius: 12px;overflow: hidden;position: relative;flex-shrink: 0;}
.ai-video-link::before {content: "";width: 36px;height: 36px;border-radius: 50%;background-color: rgba(255,255,255,0.8);position: absolute;top: 50%;left: 50%;margin: -18px 0 0 -18px;}
.ai-video-link::after {content: "";border-left: 10px solid #494949;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 -4px;}
.ai-video-link:hover::before {background-color: #fff;}
.ai-video-info {width: 370px;}
.ai-video-title {font-size: 21px;line-height: 1.7em;}
.ai-video-date {font-size: 17px;color: #606060;line-height: 1.1em;margin: 12px 0 20px;}
.ai-video-button {display: inline-block;line-height: 56px;padding: 0 18px;font-size: 21px;color: #000;border-radius: 10px;box-shadow: inset 0 0 0 2px #fe847f;position: relative;}
.ai-video-button>b {content: "";display: inline-block;vertical-align: middle;width: 30px;height: 30px;border-radius: 50%;background-color: #ff4141;line-height: 0;margin-right: 10px;}
.ai-video-button>b::before {content: "";border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 12px solid #fff;display: block;margin: 8px 0 0 11px;}
.ytb-video-wrap {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.4);z-index: 101;}
.ytb-video {width: 800px;background-color: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytb-video::before {content: "";display: block;padding-bottom: 56.25%;}
.ytb-video iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytb-video {font-size: 30px;color: #fff;position: absolute;top: -30px;right: 0;cursor: pointer;}
.ai-videos-wrap{border-top: 1px solid #e4d7b9;}
.ai-videos{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 20px;}
.ai-videos>li{width: 116px;flex-shrink: 0;text-align: center;margin: 0 14px;font-size: 13px;line-height: 1.1em;color: #464542;cursor: pointer;position: relative;}
.ai-videos>li::before {content: "";width: 110px;height: 7px;background-color: #ffc955;border-radius: 4px;position: absolute;top: -24px;left: 50%;margin-left: -55px;opacity: 0;transform: translateY(5px);transition: all 0.25s;}
.ai-videos>li.active::before {opacity: 1;transform: none;}
.ai-videos>li>.img-wrap {border-radius: 4px;overflow: hidden;margin-bottom: 4px;}

.ai-table-wrap {margin: 42px 33px 0;overflow: hidden;}
.ai-table {overflow: hidden;transition: all 0.2s;}
.ai-table-row {display: flex;border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.ai-table-th,.ai-table-td {box-sizing: border-box;}
.ai-table-col1 {padding: 16px 20px;width: 625px;}
.ai-table-col2,.ai-table-col3 {width: 245px;margin-right: 10px;background-color: #fafafa;}
.ai-table-col4 {width: 254px;background-color: #fff9ec;border-left: 2px solid #ffc955;border-right: 2px solid #ffc955;}
.ai-table-th.ai-table-col4 {border-top: 2px solid #ffc955;}
.ai-table-th.ai-table-col4,.ai-table-td.ai-table-col4 {position: relative;}
.ai-table-th.ai-table-col4::after,.ai-table-td.ai-table-col4::after {content: "";width: 100%;height: 1px;border-left: 2px solid #ffc955;border-right: 2px solid #ffc955;background-color: #ffc955;position: absolute;bottom: -1px;left: -2px;}
.ai-table-th.ai-table-col1 {font-size: 23px;color: #999;font-weight: 600;align-items: flex-start;}
.ai-table-th {font-size: 19px;color: #373737;text-align: center;padding-top: 12px;padding-bottom: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ai-table-th.ai-table-col2>a {line-height: 35px;padding: 0 15px;border: 1px solid #0f9bff;background-color: #0f9bff;border-radius: 5px;text-align: center;font-size: 17px;color: #fff;text-decoration: none;margin-top: 18px;}
.ai-table-th.ai-table-col2>a>img {vertical-align: middle;margin-left: 10px;margin-top: -3px;}
.ai-table-th-p {font-size: 13px;color: #a0a0a0;line-height: 1.5em;padding: 6px 25px 0;}
.ai-table-price {font-size: 14px;color: #8c8c8c;line-height: 21px;}
.ai-table-price>li {display: none;justify-content: center;align-items: center;margin: 5px 0;}
.ai-table-price>li.active {display: flex;}
.ai-table-price b {color: #373737;font-size: 21px;}
.ai-table-select-button {display: flex;justify-content: center;}
.ai-table-select {width: 136px;height: 36px;box-sizing: border-box;border: 1px solid #e5e5e5;border-right: none;border-radius: 4px 0 0 4px;background-color: #fff;font-size: 12px;color: #999;padding: 0 6px;outline: none;}
.ai-table-buttons {display: flex;}
.ai-table-buttons>a {display: none;padding: 0 10px;line-height: 36px;font-size: 15px;color: #fff;font-weight: 600;background-color: #ff924a;border-radius: 0 4px 4px 0;}
.ai-table-buttons>a.active {display: block;}
.ai-table-td {font-size: 15px;color: #373737;line-height: 1.4em;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.ai-table-td>b {font-size: 17px;margin-bottom: 5px;}
.ai-table-td.ai-table-col1 {padding-top: 14px;padding-bottom: 18px;text-align: left;}
.ai-table .yes-icon {align-self: center;width: 7px;height: 15px;border-right: 3px solid #ff8c40;border-bottom: 3px solid #ff8c40;transform: rotate(45deg);}
.ai-table .none-icon {align-self: center;width: 17px;height: 3px;background-color: #3d3d3d;}
.ai-table-toggle {width: 100%;display: flex;justify-content: center;align-items: center;height: 42px;background-color: #ececec;border-bottom: 1px solid #cfcfcf;margin: -1px 0 60px;cursor: pointer;position: relative;}
.ai-table-toggle::after {content: url(../images/index/table-arrow-icon.png);transition: all 0.2s;}
.ai-table-toggle.active::after {transform: rotate(180deg);}

.main08 {padding-top: 80px;background: linear-gradient(#f7f7f7 0%,#fff 80%,#f5f5f5 80%,#f5f5f5 100%);color: #000;}
.main08 .details {width: 1600px;}
.main08-h2 {font-size: 45px;line-height: 49px;text-align: center;padding-bottom: 35px;}
.main08-h2 .underline-span::after {background-color: #76de76;}
.main08-content {display: flex;justify-content: flex-end;align-items: flex-start;flex-wrap: wrap;padding-bottom: 20px;background: linear-gradient(#fff 0%,#fff 80%,transparent 100%);}
.main08-left-content {width: 685px;padding-top: 45px;}
.main08-checked-item {padding: 0 0 22px 30px;font-size: 23px;color: #333;line-height: 34px;position: relative;}
.main08-checked-item::before {content: "";width: 18px;height: 18px;border-radius: 50%;background-color: #22c33c;position: absolute;top: 9px;left: 0;}
.main08-checked-item::after {content: "";width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 12px;left: 6px;}
.main08-left-content .main-buttons {justify-content: flex-start;padding-top: 30px;text-align: center;}
.main08-left-content .main-download,.main08-left-content .main-buy {width: 310px;margin: 0;}
.main08-left-content .main-download {margin-right: 24px;}
.main08-right-content {width: 538px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-right: 160px;}
.main08-card {width: 260px;box-sizing: border-box;background-color: #f7f7f7;background-repeat: no-repeat;background-position: center bottom;border-radius: 0 0 6px 6px;}
.main08-card-h3 {font-size: 23px;line-height: 29px;}
.main08-card-p {font-size: 17px;color: #6d6d6d;line-height: 19px;}
.main08-card-p a:hover {text-decoration: underline;}
.main08-card1 {padding: 22px 40px 24px;margin-bottom: 17px;min-height: 227px;}
.main08-card1 .main08-card-h3 {padding: 8px 0;}
.main08-card2 {padding: 32px 0 160px;background-image: url(../images/index/main08-img2.jpg);margin-bottom: 17px;text-align: center;}
.main08-card2 .main08-card-h3 {padding-bottom: 12px;}
.main08-card2-link {text-decoration: underline dotted;text-underline-position: under;text-align: center;display: block;}
.main08-card2-link:first-child {display: inline-block;margin-bottom: 10px;}
.main08-card3 {padding: 36px 34px 90px;background-image: url(../images/index/main08-img1.jpg);border-radius: 6px 6px 0 0;margin-top: -53px;}
.main08-card3 .main08-card-h3 {padding-bottom: 15px;}
.main08-card4 {padding: 42px 0 40px 36px;border-radius: 6px 6px 0 0;}
.main08-card-icons {padding-top: 18px;display: flex;}
.main08-card-icon {width: 48px;height: 48px;border-radius: 50%;margin-right: 18px;background: url(../images/index/main08-icons2.svg) no-repeat 0px 0px/auto 100%;}
.main08-card-icons2 {background-position-x: -68px;}
.main08-card-icons3 {background-position-x: -136px;}

.fixed-nav {background:#fff; width: 100%; position: fixed; top: 0; left: 0;display: none;z-index: 20;}
.fixed-nav .details {height: 80px;display: flex;align-items: center;justify-content: space-between;}
.fixed-nav-right {display: flex;justify-content: flex-end;align-items: center;}
.fixed-nav .fixed-nav-button { width: 350px;display: flex;align-items: center;}
.fixed-nav .fixed-nav-buy {  width: 150px; text-align: center; cursor: pointer;padding: 5px 0 0; margin: 0 20px 0 0;color: #c7a757; font-weight: 800; font-size: 17px; line-height: 20px; }
.fixed-nav .fixed-nav-buy-span {font-size: 11px; color: #808080; display: block; font-style: normal; font-weight: 400; line-height: 20px;}
.fixed-nav .fixed-nav-download { width: 145px; height: 38px; border-radius: 5px;background: #0fb4ff; color: #fff;text-align: center;  padding: 5px 0 0; cursor: pointer; transition:all 0.4s;font-weight: 800; font-size: 17px; line-height: 17px;}
.fixed-nav .fixed-nav-download:hover { background: #2d9dd0; }
.fixed-nav .fixed-nav-download-span { font-size: 11px;  display: block; font-style: normal; font-weight: 400; line-height: 18px; }
.fixed-nav .fixed-nav-list {font-size: 17px; color: #080808;display: flex;align-items: center;}
.fixed-nav .fixed-nav-list-slide,.fixed-nav .fixed-nav-list-slide-ai {display: flex;align-items: center;cursor: pointer;text-align: left;}
.fixed-nav .fixed-nav-list-slide::after,.fixed-nav .fixed-nav-list-slide-ai::after {flex-shrink: 0;content: "";width: 8px;height: 8px;border-right: 1px solid #080808;border-bottom: 1px solid #080808;transform: rotate(45deg);margin: -4px 0 0 8px;transition: all 0.2s;}
.fixed-nav .fixed-nav-item { padding:0 15px; text-align: center;}
.fixed-nav-list-a:hover,.fixed-nav .fixed-nav-item:hover,.fixed-nav .fixed-nav-list-slide.on-active,.fixed-nav .fixed-nav-list-slide-ai.on-active{color: #069eff;}
.fixed-nav .fixed-nav-list-slide.on-active::after,.fixed-nav .fixed-nav-list-slide-ai.on-active::after {transform: rotate(225deg);margin-top: 7px;border-color: #069eff;}
.fixed-nav .fixed-nav-list-slide:hover::after,.fixed-nav .fixed-nav-list-slide-ai:hover::after {border-color: #069eff;}
.fixed-nav-slidedown,.fixed-nav-slidedown-ai {width: 100%;height: 155px;background-color: #fff;position: absolute;top: 100%;left: 0;text-align: center;border-top: 1px solid #EFEFEF;display: none;}
.fixed-nav-slidedown-content {height: 100%;display: flex;justify-content: center;align-items: center;}
.fixed-nav-slidedown-a {width: 72px;margin: 0 25px;font-size: 16px;color: #333;}
.fixed-nav-slidedown-a::before {content: "";display: block;height: 72px;border-radius: 20px;margin-bottom: 4px;box-shadow: 0 0 4px 0 rgba(0,0,0,0.05);background: url(../images/index/main01-icons.png) no-repeat -3px 0px/auto 100%;transition: all 0.2s;}
.fixed-nav-slidedown-a:nth-child(2)::before {background-position-x: -94px;}
.fixed-nav-slidedown-a:nth-child(3)::before {background-position-x: -186px;}
.fixed-nav-slidedown-a:nth-child(4)::before {background-position-x: -279px;}
.fixed-nav-slidedown-a:nth-child(5)::before {background-position-x: -371px;}
.fixed-nav-slidedown-a:nth-child(6)::before {background-position-x: -463px;}
.fixed-nav-slidedown-a:hover::before {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.fixed-nav-slidedown-content-ai{display: flex;justify-content:space-between; width: 1140px;margin: 0 auto; align-items: center;}
.fixed-nav-list-a-ai{font-size: 19px; position: relative;transition: all 0.2s;}
.fixed-nav-list-a-ai::before{content: "";display: inline-block;vertical-align: middle; width: 68px;height: 60px;background:url(../images/index/ai-icons.png) no-repeat -98px -10px/auto 82px; margin-right: 20px;}
.fixed-nav-list-a-ai:nth-of-type(2)::before{background-position: -10px -10px;}
.fixed-nav-list-a-ai:nth-of-type(3)::before{background-position:-186px -10px;width: 76px;height: 62px;}
.fixed-nav-list-a-ai:hover::before{transform: scale(1.1);}
.fixed-nav-slidedown-content-ai span{height: 60px;display: inline-block; border-left: 1px solid #e8e8e8;}

@media (max-width:1200px) {
    .ai-content .details {width: 96%;}

    .ai-content-wrap {padding: 20px 10px;}
    .ai-videos-toggle {margin: 0;padding: 0;}
    .ai-left-arrow,.ai-right-arrow {display: none;}
    .ai-large-imgs {width: auto;margin: 0;padding-bottom: 20px;display: flex;justify-content: center;flex-wrap: wrap;}
    .ai-large-img {display: flex;flex-wrap: wrap;width: 250px;margin: 0 10px;text-align: center;}
    .ai-video-link {flex-shrink: 1;}
    .ai-video-link>img {height: auto;}
    .ai-video-title {font-size: 17px;line-height: 1.4em;}
    .ai-video-date {font-size: 15px;margin: 5px 0 20px;}
    .ai-video-button {display: none;}
    .ai-videos-wrap {display: none;}
    .ai-table-wrap {overflow: auto;margin: 0 10px 0;}
    .ai-table {width: 858px;height: auto !important;margin: 0 auto;}
    .ai-table-toggle {display: none;}
    .ai-table-col1 {width: 250px;padding: 10px 0;}
    .ai-table-col2, .ai-table-col3,.ai-table-col4 {width: 200px;margin-right: 4px;}
    .ai-table-col4 {margin-right: 0;}
    .ai-table-th-p {padding: 6px 10px 0;}
}
@media (max-width: 979px) {
    .win-plat,.mac-plat,.fixed-nav {display: none !important;}
    .mobile-plat {display: block !important;}
    .details,.main03 .details,.main04 .details,.main05 .details,.main06 .details,.main08 .details {width: 96%;}

    .same-bgone {background: linear-gradient(90deg,#F6F6F6, #fbf8f3);}

    .main01 .details {padding-top: 30px;}
    .main01-h1-span {padding: 15px 0 10px;}
    .main01-icons {width: 100%;}
    .main-download {margin-bottom: 30px;}

    .main02-content {width: 100%;background: none;padding-top: 30px;padding-bottom: 0;}
    .level0-content,.level1-content,.level2-content,.level3-content {width: 100%;margin: 0 0 50px;position: relative;}
    .level2-content {margin-bottom: 70px;}
    .level0-content {font-size: 29px;line-height: 31px;font-weight: 600;}
    .level0-content::after,.level1-content::after,.level2-content::after {content: "";width: 2px;height: 30px;background-color: #000;position: absolute;bottom: -40px;left: 50%;}
    .level-top,.level1-content .large-margin,.level1-content .small-margin,.level2-content .level-top,.level2-content .large-margin,.level2-content .middle-margin,.level3-content .level-top {font-size: 27px;line-height: 31px;color: inherit;margin-bottom: 10px;}
    .level-top b {display: inline-block;margin-right: 4px;}
    .level-bottom {margin-bottom: 20px;}
    .level3-content .level-intro,.level3-content .level-intro.large-padding {padding: 10px;}

    .main03-content {width: 100%;}
    .main03-h2 {padding-right: 0;}
    .formats-content {background-color: #fff;margin-bottom: 10px;}
    .main03-toggle-img {margin: 0 0 20px;padding: 0;background: none;}
    .main03-checked-list {margin-top: 0;padding: 0;}
    .main03-checked-item {padding-top: 35px;}
    .main03-checked-icon,.main03-checked-item:nth-child(2) .main03-checked-icon,.main03-checked-item:nth-child(3) .main03-checked-icon {top: 0;}
    .main03-p {padding-right: 0;}
    .main03-toggle-click {margin-right: 0;}

    .main04 {padding-top: 60px;}
    .main04-p {width: 100%;position: static;margin-bottom: 40px;}
    .main04-ba-lists {width: 90%;padding-bottom: 66.855%;margin: 0 auto;}
    .emit-effect {display: inline-block;position: static;width: 150px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #666;margin: 0 5px 20px;border-radius: 4px;}
    .emit-effect::after {display: none;}
    .main04-img-container {display: none;}
    .color-box,.toggle-ba-img {top: auto;left: auto;bottom: 0;right: 0;}
    .color-box {width: 300px;}
    .color-box-title,.color-lists {padding-left: 10px;}
    .toggle-ba-img {width: 220px;height: 55px;justify-content: space-between;padding: 0 10px;}
    .toggle-ba-words {width: auto;padding-left: 0;}

    .main05 {background: #000;}
    .main05-img-container,.main05-content {width: 100%;margin: 0;padding-top: 0;}
    .main05-intro {padding: 30px 0;}
    .circle-container {display: none;}

    .main06 {background: linear-gradient(#f4f4f4,#EBF0F3);}
    .main06-toggle-icons {display: none;}
    .main06-toggle-container,.main06-toggle-box {width: 100%;height: auto;}
    .main06-toggle-item {width: 100%;height: auto !important;padding: 30px 20px !important;position: static;background: #000;border-radius: 8px;margin-bottom: 30px;}
    .item-in {animation: none;}
    .main06-toggle-p {opacity: 1;}
    .main06-toggle-arrow {display: none !important;}
    .main06-intro-icons {padding-bottom: 50px;}
    .main06-skew {width: 100%;flex-wrap: wrap;}
    .main06-left-skew,.main06-right-skew {width: 100%;}
    .main06-left-skew {margin-right: 0;padding: 0;border-bottom: 1px solid #b5b5b5;}
    .main06-skew-h3,.main06-skew-p {padding: 0;text-align: center;}
    .left-skew-content,.right-skew-content {height: auto;padding: 50px 20px 0;background: none;}
    .left-skew-content {padding-bottom: 50px;}
    .right-skew-content .main06-skew-h3 {color: #333;}
    .main06-right-skew .skew-icon {margin: 0 auto 22px;}
    .right-skew-list {padding-left: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .right-skew-item {margin: 0 10px;color: #333;}
    .main06-right-skew .main06-skew-p {padding: 0;}
    .main06-bottom-icons {display: none;}

    .main07-toggle-box {flex-wrap: wrap;}
    .main07-toggle-arrow {display: none;}
    .main07-toggle {width: 100%;}
    .main07-toggle-content {flex-wrap: wrap;}
    .main07-toggle-item {width: 100%;margin-bottom: 50px;}
    .main07-toggle-dots {display: none;}
    .bubbles-item,.gopro-item,.fourk-item,.dji-item,.canon-item,.mp4-item,
    .hevc-item,.sony-item,.iphone-item {margin: 0 10px 30px;}
	
	.ai-content-wrap {margin: 30px 10px;}
    .ytb-video {width: 96%;}

    .main08-left-content {width: 100%;padding: 30px 20px;}
    .main08-right-content {width: 100%;margin-right: 0;justify-content: center;}
    .main08-card {margin: 0 15px 30px;height: 220px;}

}

@media (max-width: 767px) {
    .main01-h1 {font-size: 39px;line-height: 43px;}
    .main01-h1-span,.main02-h2,.main03-h2,.main04-h2,
    .main05-h2,.main06-h2,.main07-h2,.main08-h2 {font-size: 31px;line-height: 33px;}
    .content-title {font-size: 29px;line-height: 31px;}

    .main06 {padding-top: 40px;}
    .main06-skew-h3 {font-size: 27px;line-height: 29px;}

    .main03-toggle-click {border-bottom: none;}
    .main03-click-list {margin: 0 15px 20px 0;}
	
	.ai-h2{font-size: 31px;}

    .main08-left-content .main-download {margin: 0 0 30px;}
}

@media (max-width: 479px) {
    .formats-list {width: 70%;}
    .child-formats-list {width: 90%;}
	
    .main01-icons span{margin-top:25px;}
	
}