@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
/* CSS Document */
.newDivNav ul li:nth-child(1) a{ color: #00a9ef; }

.triangle-up {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #333;margin-left:100px;}

.DivBanner {
	background: url(../banner/home_banenr.jpg) top center no-repeat #000000;
	background-size: 100% auto;
	position: relative;
    padding-bottom: 50px;
}
.select {z-index: 99;}


.DivBanner nav{background:transparent;}
.DivBanner nav.active{background:#fff;}
.DivBanner nav ul{ color:#f2f2f2;}
.DivBanner nav.active ul,.DivBanner nav.active ul li a{ color:#404040;}
.DivBanner nav ul li a{color:#f2f2f2;} 
.DivBanner nav ul li a:hover{ color:#1c9cea;}
nav ul li {color: #fff;}
nav ul li:nth-child(2)::after {background: url(../img/nav-iocn21-06.png) no-repeat;}
nav ul li:nth-child(1)::after,
nav ul li:nth-child(5)::after,
nav ul li:nth-child(6)::after {	background: url(../img/nav-iocn21-06.png) no-repeat;}

.DivBanner .Info { width: 800px; z-index: 20; position: relative; color: #fff; text-align: center; color: #f2f2f2; margin: 0 auto; top: 30px; margin-bottom: 100px;}
.DivBanner .Info h2 {  font-size: 53px; font-weight: 800;position: relative; }
.DivBanner .Info h2 img { vertical-align: middle; }
.DivBanner .Info h2::after{content: "";display: inline-block;width: 72px;height: 80px;position: relative;top: 35px;right: 15px;background: url(../img/ai.png) no-repeat center;}
.DivBanner .Info h1 { font-size: 27px; padding: 20px 0 0;  }
.DivBanner .Info h1 i { display: inline-block;font-style: normal;color: #f18c1b;}
.DivBanner .Info h1 span { display: block; font-size: 17px; padding: 15px 0 0; color: #ccc;  }
.DivBanner .Info ul {padding: 35px 0 0;}
.DivBanner .Info ul li {margin:0 36px;display:inline-block;text-align: center;color: #8a9099;cursor:pointer;}
.DivBanner .Info ul li i { display: inline-block; padding:10px 0 0; font-style: normal; border-bottom:1px dotted #8a9099; }
.DivBanner .Info ul li#fshowAi{position:relative; }
.DivBanner .Info ul li#fshowAi::before{ content:""; position:absolute; left:-45px; bottom:-5px; display:inline-block;height:136px; width:136px; background:url(../img/ai-tool.png) no-repeat center; }
.DivBanner .Info ul li .showAi-content{cursor: auto; background: #f8f8f8;border-radius: 14px;padding: 15px;bottom: 130px;position: absolute;transform: translateX(-50%);display: inline-block;left: 50%;width: 370px;font-size: 13px;}
.DivBanner .Info ul li .showAi-content::after{content: "";width: 16px;height: 16px;background: #f8f8f8;display: inline-block;left: 50%;transform: rotate(45deg) translate(-10px,2px);bottom: -14px;position: absolute;}
.DivBanner .Info ul li .showAi-content .t{color: #8a9099; padding: 0 50px;}

.showAi-content-icons{padding: 5px 0 0;display: flex;}
.showAi-content-icons a{display: inline-block;font-size: 17px;margin: 0 35px;color: #333;text-decoration: none;white-space: nowrap;}
.showAi-content-icons a::before{content: "";width: 68px;margin: 0 auto;height: 60px;margin-bottom: 7px;display: block;background: url(../img/ai-icon.png) no-repeat -98px -10px/auto 82px;}
.showAi-content-icons a:hover::before{transform: scale(1.1);}
.showAi-content-icons a:nth-child(2)::before {background-position: -10px -10px;}
.showAi-content-icons a:nth-child(3)::before {background-position: -186px -10px; width: 76px;height: 62px;}

.DivBanner .Info .Show { width:300px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px dotted #666; background:#f8f8f8; }
.DivBanner .Info .Show p { font-size:13px; padding:5px; margin:0; text-align:left;}
.DivBanner .Info .Infoone { position:absolute; bottom:250px; left:-55px; z-index:5; display:none;  width: 370px;}
.DivBanner .Info .Infotwo { position:absolute; bottom:250px; left:130px; z-index:7;  display:none;  }
.DivBanner .Info .Infothr { position:absolute; bottom:250px; left:400px; z-index:9;  display:none; }
.DivBanner .Info .Infofou { position:absolute; bottom:250px; left:530px; z-index:11;   display:none; }

.DivBanner .Info .Btn { padding: 30px 0 0; }
.DivBanner .Info .Btn .Margin { margin: 0 40px 0 0; }
.DivBanner .Info .Btn a {text-decoration: none;}
.DivBanner .Info .Btn .Down {  background: #0fb4ff; color: #fff; border:1px solid #0fb4ff; display: inline-block; }
.DivBanner .Info .Btn .Down:hover { background: none;  color: #0fb4ff;  }
.DivBanner .Info .Btn .Buy {  background: #ffab1b; color: #fff; border:1px solid #ffab1b;  display: inline-block; }
.DivBanner .Info .Btn .buy:hover { background: none;  color: #ffab1b; border:1px solid #ffab1b;  }
.DivBanner .Info p { color: #8a9099; padding: 35px 0 0; }
.DivBanner .Info p a {  text-decoration:none; color:#8a9099; }

/* add  ai-featrue */
.ai-featrue {width: 1200px;position: relative;left: -60px;}

.carousel-container{width: 1076px;height: 604px;margin: 20px auto;position: relative;overflow: hidden;}
.carousel-list {width: 100%;height: 100%;display: flex;position: relative;z-index: 0;}
.carousel-item {flex: 0 0 100%;width: 100%;z-index: -1;display: flex;justify-content: center;align-items: center;height: 0;padding-bottom: 56.06%;position: relative;}
.carousel-item video, .carousel-item img {height: 100%;max-height: 100% !important;max-width: 100% !important;width: 100%;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;}
.carousel-arrow  {position: absolute;width: 80px;height: 80px;background: #0c1d22;border-radius: 50%;color: #686f77;text-align: center;line-height: 80px;transform: translateY(-50%);cursor: pointer;}
.carousel-arrow-left {left: -70px;top: 60%;}
.carousel-arrow-right {right: -70px;top: 60%;}

.swiper-ai-featrue {position: relative;}
.swiper-ai-featrue .One {  width: 260px; text-align: center; position: absolute; z-index: 999;}
.swiper-ai-featrue .One h3 {  font-size: 17px; color: #fff;  font-weight: 800;  }
.swiper-ai-featrue .One p { color: #8a9099; padding: 5px 15px; font-size: 15px; line-height: 23px; }
.swiper-ai-featrue .Show01 {  left: 0; top: 330px; opacity: 0; transition: all 0.4s linear 0.1s; -o-transition: all 0.4s linear 0.1s; -moz-transition: all 0.4s linear 0.1s;
	-webkit-transition: all 0.4s linear 0.1s;  }
.swiper-ai-featrue .Show02 {  left: 260px; top: 260px; opacity: 0;  transition: all 0.4s linear 0.3s; -o-transition: all 0.4s linear 0.3s; -moz-transition: all 0.4s linear 0.3s;
	-webkit-transition: all 0.4s linear 0.3s; }
.swiper-ai-featrue .Show03 {  left: 520px; top: 170px; opacity: 0; transition: all 0.4s linear 0.5s; -o-transition: all 0.4s linear 0.5s; -moz-transition: all 0.4s linear 0.5s;
	-webkit-transition: all 0.4s linear 0.5s; }
.swiper-ai-featrue .One p i { display: block; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border: 1px solid #576b6c; padding: 8px; font-style: normal; color: #ccc; }


.swiper-ai-featrue .Show01S {  left: 250px; top: 505px; opacity: 1;   }
.swiper-ai-featrue .Show02S {  left: 510px; top: 460px; opacity: 1;  }
.swiper-ai-featrue .Show03S {  left: 800px; top: 360px; opacity: 1;  }


.main02-ai-icons{display: flex;justify-content: center;flex-wrap: wrap;padding: 30px 0 10px;align-items: stretch;}
.main02-ai-icon{width: 110px;font-size: 17px;color: #7b818a;line-height: 1.3em; margin: 0 20px 20px;cursor: pointer;text-align: center;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.main02-ai-icon:hover,.main02-ai-icon.active {color: #0f9bff;}
/* .main02-ai-icon::before{content: "";width: 62px;margin: 0 auto;height: 61px;margin-bottom: 7px;display: block;background: url(../banner/more-ai-icons.png) no-repeat 2px top;transition: all 0.2s;}
.main02-ai-icon:nth-child(2)::before {background-position-x: -170px;width: 66px;}
.main02-ai-icon:nth-child(3)::before {background-position-x: -355px;width: 66px;}
.main02-ai-icon:nth-child(4)::before {background-position-x: -715px;}
.main02-ai-icon:nth-child(6)::before {background-position-x: -537px;}
.main02-ai-icon:nth-child(5)::before { background: url("../banner/audio-ai-icon.png") no-repeat center; }
.main02-ai-icon:hover::before,.main02-ai-icon.active::before{transform: scale(1.1);} */
.main02-ai-icon img {margin-bottom: 8px;transition: all 0.2s;}
.main02-ai-icon:hover img {transform: scale(1.1);}

.main02-ai-icon .new-tips {color: #ffab1b;font-size: 15px;}
.carousel-item .audio-wave {height: 100%;max-height: 100% !important;max-width: 100% !important;width: 100%;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;border-radius: 30px;}

.main02-titles {text-align: center;}
.main02-titles .main02-title {display: none;}
.main02-titles .main02-title.active {display: block;}
.main02-titles .main02-h2 {font-size: 31px;color: #ffffff;line-height: 1.5;padding-bottom: 10px;}
.main02-titles .main02-h2 span {color: #f18c1b;}
.main02-titles .main02-p {font-size: 17px;line-height: 1.4;color: #c3c4c4;}
.main02-titles .main02-p a {color: #0fb4ff;}



/* CSS Document 2019 05 10 banner按钮修改添加样式 (英语独用) */

.DivBanner .Info .Btn2 { padding: 30px 0 0; display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.DivBanner .Info .Btn2 .Margin { margin: 0 40px 0 0; }
.DivBanner .Info .Btn2 a {text-decoration: none;}
.DivBanner .Info .Btn2 .Down {  background: url(../img/windows_mac.png) 198px 17px no-repeat #0fb4ff; text-align: left; padding: 0 0 0 15px; color: #fff;
	border:1px solid #0fb4ff; display: inline-block; }
.DivBanner .Info .Btn2 .Down:hover { background-image:url(../img/windows_mac.png) 198px 17px no-repeat; background-color: rgba(0,0,0,0.2);   color: #fff;  }
.DivBanner .Info .Btn2 .Buy {  background:url(../img/buy-iocn.png) 180px 18px no-repeat #ffab1b; color: #fff; width: 210px;
	border:1px solid #ffab1b;  display: inline-block; }
.DivBanner .Info .Btn2 .buy:hover { background-image:url(../img/buy-iocn.png) 180px 19px no-repeat; background-color: rgba(0,0,0,0.2);
	color: #fff; border:1px solid #ffab1b;  }
.DivBanner .Info ol { list-style: none; margin: 0 auto; width: 620px; padding: 15px 0 0; }
.DivBanner .Info ol li { float: left; min-width: 260px;font-size: 15px;}
.DivBanner .Info ol li:nth-child(1) { margin-right: 30px;padding-left: 35px; }
.DivBanner .Info ol li a { color: #fff;  text-decoration:none; }
.DivBanner .Info ol li a:hover { text-decoration: underline; }
/* CSS Document */
.Btn2 .btn-down,.Btn2 .btn-buy{display:inline-block;}
.Btn2 .btn-down{position:relative;}
.Btn2 .btn-down .btn-mess,.Btn2 .btn-buy .btn-mess{color:#fff; padding:15px 0 0;}
.Btn2 .btn-down a,.Btn2 .btn-buy a{color:#fff;}
.Btn2 .btn-down .btn-mess a:hover,.Btn2 .btn-buy .btn-mess a:hover{ text-decoration:underline;}
.Btn2 .btn-down a.downf{ background:#0fb4ff url(../images/vp-img/win-nineteen.png) no-repeat right 40px center/16px 20px; text-align: left; padding: 0 45px 0 15px; color: #fff;border:1px solid #0fb4ff; display: inline-block; line-height:53px; border-radius:5px; font-size:23px;transition:all 0.5s;}
.Btn2 .btn-down a.downf:hover,.Btn2 .btn-down .mac-plat a.downf:hover{background-color: transparent;}
.Btn2 .btn-down .mac-plat a.downf{ background:#0fb4ff url(../images/vp-img/mac-nineteen.png) no-repeat right 40px center/20px 21px;}
.Btn2 .btn-down img{margin-left:5px;}
.Btn2 .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;}
.Btn2 .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);}
.Btn2 .btn-mess a + .down-bit-desc{bottom:23px;}
.Btn2 .btn-mess a + .down-bit-desc::after{margin:0 0 0 60px;}
.Btn2 .btn-down a.downf:hover + .down-bit-desc, .Btn2 .btn-mess a:hover + .down-bit-desc{display:block;}
.mark-box{color:#fff; padding:15px 0 0;}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 5px;width: 18px;height: 18px;background: url(../img/m-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;top: -90px;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;}
.Btn2.grey .btn-down a.downf{color:#fff;}
.Btn2.grey .btn-down a.downf:hover{ color:#0fb4ff; background-image:url(../img/win-nineteen2.png);}
.Btn2.grey .btn-down .mac-plat a.downf:hover{color:#0fb4ff; background-image:url(../img/mac-nineteen2.png);}
.Btn2.grey .btn-down.btn-mess, .Btn2.grey .btn-buy .btn-mess{color:inherit;}
.Btn2.grey .btn-mess,.Btn2.grey .btn-mess a,.Btn2.grey .mark-box{ color:#333;}

.License_pop{ padding:10px 0 30px; border-radius:10px; background:#fff; width:780px;}
.License_pop .close{ text-align:right;margin-top: -5px;}
.License_pop .close span{ color:#7d7d7d; font-size:40px; cursor:pointer; margin:0px 7px 0 0;}
.License_pop .key_pic{ text-align:center;}
.License_pop .t{ font-size:19px; text-align:center; padding:25px 0 5px; font-weight:bold; display:none;}
.License_pop .t2{  font-size:15px; padding:0 0 15px; display:none;text-align: center;}
.License_pop .t2 a{ color:#01a5f4;text-decoration: none;}
.License_pop .t2 a:hover{text-decoration:underline;}
.License_pop .vs_box{ border:1px solid #e8e8e8; padding:30px 0px 20px; background:url(../img/vs.png) no-repeat 300px center;margin: 0 30px;}
.License_pop .vs_box .vs_left{ float:left; width:323px; }
.License_pop .vs_box .title{ font-size:19px; color:#0fb4ff; font-weight:bold; text-align:center; padding:0 0 10px;}
.License_pop .vs_box .vs_left ul{color:#666; margin:0 20px;}
.License_pop .vs_box .vs_left ul li{ line-height:34px;border-bottom:1px solid #e9e9e9;background:url(../img/icon1.png) no-repeat 20px center; padding:0 0 0 50px;}
.License_pop .vs_box .vs_left ul li:last-child{ color:#aaa;background:url(../img/icon2.png) no-repeat 20px center; border-bottom:none;}
.License_pop .vs_box .vs_left .mess{ background:#f8f8f8; margin:20px 20px 0; padding:5px 17px;line-height: 20px;}
.License_pop .vs_box .vs_right{float:right; padding:0 30px; width:305px;}
.License_pop .vs_box .vs_right .title{ color:#ffab1b;}
.License_pop .vs_box .vs_right ul{color:#666;}
.License_pop .vs_box .vs_right ul li{ border-bottom:1px solid #e9e9e9;background:url(../img/icon3.png) no-repeat 30px 12px; padding:4px 0 4px 61px;}
.License_pop .vs_box .vs_right ul li:last-child{ color:#ffab1b;border-bottom:none;}
.License_pop .vs_box .vs_right .btn{ font-size:21px; font-weight:bold; padding:15px 0 0; text-align:center;}
.License_pop .vs_box .vs_right .btn a{ color:#fff; text-decoration:none; background:#ffab1b; display:inline-block; padding:11px 40px; border-radius:5px;}

.getlicense{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0, 0, 0, .3); line-height:80px; z-index:999; text-align:center; font-size:16px;}
.getlicense a{color:#ffe691; outline:none;}
.getlicense a img{margin: 0 20px 10px 0;}
/* CSS Document */
.DivMain02 {  background: url(../img/div02-ban.jpg) center no-repeat #000; }
.DivMain02 .Details {height: 770px;color: #fff;}
.DivMain02 .Text { width: 95%; margin: 0 auto;  padding: 60px 0 0; text-align: center; }
.DivMain02 .Text h2 { font-size: 31px;  line-height: 42px;  }
.DivMain02 .Text p { font-size: 17px; line-height: 30px; padding: 20px 0 0; color: #ccc; }
.DivMain02 .Text p a { color: #ccc; text-decoration: none; border-bottom: 1px #ccc dotted;  }
.DivMain02 .Left {  width: 780px; float: right;  position: relative; }
.DivMain02 .Left .One {  width: 260px; text-align: center; position: absolute; }
.DivMain02 .Left .One h3 {  font-size: 17px; color: #fff;  font-weight: 800;  }
.DivMain02 .Left .One p { color: #8a9099; padding: 5px 15px; font-size: 15px; line-height: 23px; }
.DivMain02 .Left .Show01 {  left: 0; top: 300px; opacity: 0; transition: all 0.4s linear 0.1s; -o-transition: all 0.4s linear 0.1s; -moz-transition: all 0.4s linear 0.1s;
	-webkit-transition: all 0.4s linear 0.1s;  }
.DivMain02 .Left .Show02 {  left: 260px; top: 230px; opacity: 0;  transition: all 0.4s linear 0.3s; -o-transition: all 0.4s linear 0.3s; -moz-transition: all 0.4s linear 0.3s;
	-webkit-transition: all 0.4s linear 0.3s; }
.DivMain02 .Left .Show03 {  left: 520px; top: 140px; opacity: 0; transition: all 0.4s linear 0.5s; -o-transition: all 0.4s linear 0.5s; -moz-transition: all 0.4s linear 0.5s;
	-webkit-transition: all 0.4s linear 0.5s; }
.DivMain02 .Left .Show01S {  left: 0; top: 330px; opacity: 1;   }
.DivMain02 .Left .Show02S {  left: 260px; top: 260px; opacity: 1;  }
.DivMain02 .Left .Show03S {  left: 520px; top: 170px; opacity: 1;  }
.DivMain02 .Left .One p i { display: block; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
 border: 1px solid #576b6c; padding: 8px; font-style: normal; color: #ccc; }
/* CSS Document */
.DivMain03 { background:url(../img/div03-bg01.jpg) #000 bottom center no-repeat; overflow: hidden; width: 100%;  }
.DivMain03 .Details {  padding: 25px 0 40px; text-align: center; color: #fff; }
.DivMain03 h3 { font-size: 31px; padding: 0;  }
.DivMain03 p { font-size: 17px; padding: 20px 0 0; line-height: 28px; color: #ccc; }
.DivMain03 ul { width: 900px; margin: 0 auto;  padding: 20px 0 10px; }
.DivMain03 ul li {  width: 150px; float: left; text-align: center; cursor: pointer; color: #999;    }
.DivMain03 ul li i { font-style: normal;  display: block; font-size: 17px;  padding: 10px 0 0; margin: 0 15px; border-bottom: 2px solid #000;  }
.DivMain03 ul li img { transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;   -moz-transition:All 0.3s ease-in-out;  -o-transition:All 0.3s ease-in-out; }
.DivMain03 ul li:hover img {  transform:translate(0,-5px) scale(1.1);    -webkit-transform:translate(0,-5px) scale(1.1);
 -moz-transform:translate(0,-5px) scale(1.1);    -o-transform:translate(0,-5px) scale(1.1);    -ms-transform:translate(0,-5px) scale(1.1);
 }
 .DivMain03 ul li:hover i { border-bottom: 2px solid #00a9ef; }
/* CSS Document */

.DivMainG03 { background:url(../img/div03-bg01.jpg) #000 bottom center no-repeat; overflow: hidden; width: 100%;  }
.DivMainG03 .Details {padding: 100px 0 60px;text-align: center;color: #fff;}
.DivMainG03 h3 { font-size: 31px; padding: 0;  }
.DivMainG03 p { font-size: 17px; padding: 20px 0 0; line-height: 28px; color: #ccc; }
.DivMainG03 ul { width: 900px; margin: 0 auto;  padding: 20px 0 10px; }
.DivMainG03 ul li {  width: 120px; float: left; text-align: center; cursor: pointer; color: #999;  margin: 0 15px;   }
/*.DivMainG03 ul li:nth-child(1) i { width: 40px; }
.DivMainG03 ul li:nth-child(2) i { width: 45px; }
.DivMainG03 ul li:nth-child(3) i { width: 65px; }
.DivMainG03 ul li:nth-child(4) i { width: 50px; }
.DivMainG03 ul li:nth-child(5) i { width: 60px; }
.DivMainG03 ul li:nth-child(6) i { width: 55px; }*/
.DivMainG03 ul li i { font-style: normal;  display: block;  font-size: 17px; width: 75px;  padding: 10px 0 0; margin: 0 auto; transition:All 0.3s ease-in-out;
 -webkit-transition:All 0.3s ease-in-out;   -moz-transition:All 0.3s ease-in-out;  -o-transition:All 0.3s ease-in-out;  }
.DivMainG03 ul li:hover i { border-bottom: 2px solid #00a9ef; }
.DivMainG03 ul li .bule { border-bottom: 2px solid #00a9ef;  }
.DivMainG03 ul li .back { border-bottom: 2px solid #000;  }
.DivMainG03 ul li img { transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;   -moz-transition:All 0.3s ease-in-out;  -o-transition:All 0.3s ease-in-out; }
.DivMainG03 ul li:hover img {  transform:translate(0,-5px) scale(1.1);    -webkit-transform:translate(0,-5px) scale(1.1);
 -moz-transform:translate(0,-5px) scale(1.1);    -o-transform:translate(0,-5px) scale(1.1);    -ms-transform:translate(0,-5px) scale(1.1);
 }
 /*.DivMainG03 ul li:hover i { border-bottom: 2px solid #00a9ef; }*/

/* CSS Document */
.DivMainG04 { background:url(../img/divg-02.png) center center no-repeat #000;  }
.DivMainG04 .Details { height:755px; }
.DivMainG04 .Text { width:959px; height:536px; margin:0 auto; overflow:hidden; position:relative; }
.DivMainG04 .Text .sort { width:959px; height:3216px; background:url(../img/divg04-bg1.jpg) center no-repeat; position:absolute; top:0; left:0; }
.DivMainG04 .Text .sort .function { height:536px; color:#fff; }
.DivMainG04 .Text .sort .function h3 { padding: 100px 0 0 20px; font-size: 35px; }
.DivMainG04 .Text .sort .function p { font-size: 17px; padding: 35px 480px 0 20px; line-height: 35px; }
/* CSS Document */
.DivFixed { position: fixed; top: 0; }
/* CSS Document */
.DivAdd { height: 240px;  background: url(../img/div04-ban.jpg) top center no-repeat #000;  }
/* CSS Document */
/* CSS Document */
.DivMain04 {  background: url(../img/div04-ban.jpg) center 242px no-repeat #000; } /*240为add的高度*/
.DivMain04 .Details {  height: 1200px; color: #fff; }
.DivMain05 .Details, .DivMain06 .Details, .DivMain07 .Details, .DivMain08 .Details, .DivMain09 .Details { height: 1300px; color: #fff; }
.DivMain04 .Mb, .DivMain05 .Mb, .DivMain06 .Mb, .DivMain07 .Mb, .DivMain08 .Mb, .DivMain09 .Mb { width: 40%; padding: 0 0 0 85px; }
.Bg-position { background-position: top;  }
.Bg-attachment { background-attachment:fixed; }
.DivMain04 h3, .DivMain05 h3, .DivMain06 h3, .DivMain07 h3, .DivMain08 h3, .DivMain09 h3 { padding: 550px 0 0; font-size: 35px; }
.DivMain04 h3 img, .DivMain05 h3 img, .DivMain06 h3 img, .DivMain07 h3 img, .DivMain08 h3 img, .DivMain09 h3 img { vertical-align: middle; }
.DivMain04 p, .DivMain05 p, .DivMain06 p, .DivMain07 p, .DivMain08 p, .DivMain09 p { font-size: 17px; padding: 35px 0 0; line-height: 35px; }
.DivMain05 {  background: url(../img/div05-ban.jpg) center 242px no-repeat #000; background-attachment:fixed; }
.DivMain06 {  background: url(../img/div06-ban.jpg) center 242px no-repeat #000; background-attachment:fixed; }
.DivMain07 {  background: url(../img/div07-ban.jpg) center 242px no-repeat #000; background-attachment:fixed; }
.DivMain08 {  background: url(../img/div08-ban.jpg) center 242px no-repeat #000; background-attachment:fixed; }
.DivMain09 {  background: url(../img/div09-ban.jpg) center 242px no-repeat #000; background-attachment:fixed; }
/* CSS Document */
.DivMain09 .Details { height: 1050px; }
.DivMain09 h3 { padding: 400px 0 0; }
/* CSS Document */
.DivMain10 {  width: 100%;  transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.DivMain10 .Details { background: #000; padding: 0 0 30px 0; }
.DivMain10 ul { width: 900px;  margin: 0 auto;  padding: 20px 0 0; }
.DivMain10 ul li {  width: 150px; float: left; text-align: center; }
.DivMain10 ul li i { font-style: normal;  display: block; font-size: 17px; color: #999; padding: 10px 0 0; }
.DivMain10Hide { position: absolute; bottom: -20px; opacity: 0;  }
.DivMain10Show { position: fixed; bottom: 0; opacity: 1;  }
/* CSS Document */
.DivMain11 {background:url(../img/div11-newbg.jpg) center bottom no-repeat #000;padding-top: 30px;}
.DivMain11 .Details {padding: 5px 0 0;color: #fff;position: relative;height: 720px;}
.DivMain11 h3 {  font-size: 31px; text-align: center; line-height: 38px; }
.DivMain11 p { color: #8a9099; padding: 20px 0; font-size: 17px;  }
.DivMain11 .Box {  width: 1080px; height: 200px; margin: 0 auto;  background: url(../img/div11-line.png) center 25px no-repeat; margin: 330px 0 0; }
.DivMain11 .Box ul {  padding: 100px 0 0 30px; display: block; margin: 0 auto;  }
.DivMain11 .Box ul li { width: 100px; display: block; float: left; cursor: pointer; text-align: center; color: #757b82; transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;   -moz-transition:All 0.3s ease-in-out;  -o-transition:All 0.3s ease-in-out;  }
/*.DivMain11 .Box ul li img { transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out;   -moz-transition:All 0.3s ease-in-out;  -o-transition:All 0.3s ease-in-out; }
.DivMain11 .Box ul li:hover  {  transform:translate(0,5px) scale(1.1);    -webkit-transform:translate(0,5px) scale(1.1);
 -moz-transform:translate(0,5px) scale(1.1);    -o-transform:translate(0,5px) scale(1.1);    -ms-transform:translate(0,5px) scale(1.1);}*/

.DivMain11 .Box ul li i { display:block; font-style:normal; margin:0 auto; border-bottom:1px dotted #8a9099;  }
.DivMain11 .Box ul li:nth-child(1) i { width:85px; }
.DivMain11 .Box ul li:nth-child(2) i { width:80px; }
.DivMain11 .Box ul li:nth-child(3) i { width:45px; }
.DivMain11 .Box ul li:nth-child(4) i { width:55px; }
.DivMain11 .Box ul li:nth-child(5) i { width:70px; }
.DivMain11 .Box ul li:nth-child(6) i { width:85px; }
.DivMain11 .Box ul li:nth-child(7) i { width:85px; }

.DivMain11 .Box .MarginLeft { margin: 0 50px 0 0; color: #8a9099; }

.DivMain11 .Left  {  width: 532px; height: 301px;  padding: 0; background: url(../img/div11-bg01.jpg) no-repeat; cursor: pointer;
	transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear; }


.DivMain11 .Right {  width: 532px; height: 301px;  padding: 0;  background: url(../img/div11-bg02.jpg) no-repeat;  cursor: pointer;
	transition: all 0.5s linear 0.3s; -o-transition: all 0.3s linear 0.3s; -moz-transition: all 0.3s linear 0.3s;
	-webkit-transition: all 0.3s linear 0.3s; }
.DivMain11 .Left p, .DivMain11 .Right p { line-height: 28px; padding:70px 20px 0; display: block; width: 492px; font-size: 15px; color: #ccc; height: 231px;
	background: rgba(0, 0, 0, 0.6); }
.DivMain11 .Left h4, .DivMain11 .Right h4 { font-size: 25px; color: #fff; padding: 150px 20px 0;  }
.DivMain11 .Left h4 i, .DivMain11 .Right h4 i { font-size: 17px; color: #ccd2d9; display: block; font-style: normal; padding: 10px 0 0;  }
.DivMain11 .MarLeft01 { position: absolute; left: 0; top: 240px; opacity: 0; }
.DivMain11 .MarRight02 { position: absolute; right: 0; top: 240px; opacity: 0; }
.DivMain11 .MarL01 {position: absolute;left: 0;top: 160px;opacity: 1;}
.DivMain11 .MarR02 {position: absolute;right: 0;top: 160px;opacity: 1;}
.DivMain11 p a { color: #ccc; text-decoration:none; border-bottom:1px #8a9099 dotted; }
.DivMain11 .Show { width:320px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px dotted #666; background:#f8f8f8; }
.DivMain11 .Show p { font-size:13px; padding:5px;}
.DivMain11 .Device01 { position:absolute; top:400px; z-index:1; left:0; display:none; }
.DivMain11 .Device02 { position:absolute; top:430px; z-index:2; left:140px; display:none; }
.DivMain11 .Device03 { position:absolute; top:430px; z-index:2; left:280px; display:none; }
.DivMain11 .Device04 { position:absolute; top:430px; z-index:2; left:420px; display:none; }
.DivMain11 .Device05 { position:absolute; top:430px; z-index:2; left:560px; display:none; }
.DivMain11 .Device06 { position:absolute; top:430px; z-index:2; left:700px; display:none; }
.DivMain11 .Device07 { position:absolute; top:480px; z-index:2; left:840px; display:none; }
/* CSS Document */
.DivMain12 { background: url(../img/div12-bg01.jpg) center no-repeat #000; }
.DivMain12 .Details { height: 935px; position: relative; }
.DivMain12 .Blue { width: 660px; height: 660px; position: absolute; top: 87px; left: -214px; z-index: 3; background: url(../img/div12-img02.png) no-repeat; }
.DivMain12 .Blue img { transform: rotate3d(100deg,150deg,0deg); }
@keyframes Cos{
	0%{transform: rotate(0deg) ;}
	25%{transform: rotate(90deg);}
	50%{transform: rotate(180deg);}
	75%{transform: rotate(270deg);}
	100%{transform: rotate(360deg);}
}
.DivMain12 .Cos1 {animation:Cos 8s linear infinite; }
.DivMain12 .Left {  width: 818px;  height: 792px; position: absolute; top: 110px; left: -310px; z-index: 5; background: url(../img/div12-img01.png) no-repeat; }

.DivMain12 .Right { width: 550px; float: right; padding: 150px 0 0 0; color: #fff;  }
.DivMain12 .Right h3 { font-size: 27px; line-height: 35px;  }
.DivMain12 .Right ul {  padding: 25px 0 0; }
.DivMain12 .Right ul li {  width: 110px; float: left; cursor: pointer; text-align:center; margin: 0 60px 0 0; transition: all 0.3s; -o-transition: all 0.3s;
	-moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.DivMain12 .Right ul li i {  display: block; font-style: normal; }
.DivMain12 .Right ul li:hover {  color: #0ca6f2; transform:translate(0,5px) scale(1.1);    -webkit-transform:translate(0,5px) scale(1.1);
 -moz-transform:translate(0,5px) scale(1.1);    -o-transform:translate(0,5px) scale(1.1);    -ms-transform:translate(0,5px) scale(1.1); }
.DivMain12 .Right .Text { padding: 10px 0 0; position: relative; }
.DivMain12 .Right .Text p { line-height: 32px; color: #ccc; padding: 20px 0 0; }
.DivMain12 .Right .Text p a { color: #ccc; text-decoration: underline; }
.DivMain12 .Right .Text p b { color: #fff; font-size:17px; }
.DivMain12 .Right .Text ol { padding: 20px 0 ; }
.DivMain12 .Right .Text ol li {  background: url(../img/div12-icon-t1.png) center left no-repeat; padding: 0 0 0 17px; float: left; margin: 0 23px 0 0;}
.DivMain12 .Right .Text ol li i { border-bottom: 1px #fff dotted; font-style: normal; cursor: pointer;  }
.DivMain12 .Right .Text .Pop01 { width: 390px; padding: 10px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: rgba(246, 246, 246, 0.7); color: #000;  border:1px #333 dotted; display: none; }
.DivMain12 .Right .Text .Pop01 h6 { font-size: 13px; }
/* CSS Document */
.DivMain13 { background: #000; }
.DivMain13 .Details {padding: 50px 0 120px;background: url(../img/div13-img04.png) 0 200px no-repeat;min-height: 620px;}
.DivMain13 .Left { position: relative; float: left; width: 580px;  color: #fff; min-height: 620px;   }
.DivMain13 .Left h3 { padding: 30px 0 0;  line-height:43px; font-size: 31px; position: absolute; top: 50px; opacity: 0; transition: all 0.3s linear 0.1s;
	-o-transition: all 0.3s linear 0.1s; -moz-transition: all 0.3s linear 0.1s; -webkit-transition: all 0.3s linear 0.1s;  }
.DivMain13 .Left h4 {  font-size: 48px; padding: 80px 0 0; position: absolute; top: 150px; opacity: 0; transition: all 0.3s linear 0.3s;
	-o-transition: all 0.3s linear 0.3s; -moz-transition: all 0.3s linear 0.3s; -webkit-transition: all 0.3s linear 0.3s; }
.DivMain13 .Left h4 i { font-size: 17px; line-height: 27px; display: block; font-style: normal; padding: 50px 0 0; color: #ccc; }
.DivMain13 .Left h4 i a { color: #ccc; text-decoration: underline; font-size: 15px;}
.DivMain13 .Left .But { padding: 70px 0 30px; opacity: 0; position: absolute; top: 330px; transition: all 0.5s linear 0.5s; -o-transition: all 0.5s linear 0.5s;
	-moz-transition: all 0.5s linear 0.5s; -webkit-transition: all 0.5s linear 0.5s;
}
.DivMain13 .Left ul {  font-size: 17px; opacity: 0; position: absolute; top: 405px; transition: all 0.3s linear 0.7s; -o-transition: all 0.3s linear 0.7s;
	-moz-transition: all 0.3s linear 0.7s; -webkit-transition: all 0.3s linear 0.7s; }
.DivMain13 .Left ul li { background: url(../img/div13-icon05.png) left center no-repeat; padding: 8px 0 8px 25px; color: #ccc; }

.DivMain13 .Left .D13h3L { opacity: 1; top: 30px; }
.DivMain13 .Left .D13h4L { opacity: 1; top: 50px; position: relative;z-index: 1;}
.DivMain13 .Left .D13But { opacity: 1; top: 250px; }
.DivMain13 .Left .D13ul { opacity: 1; top: 385px; }

.DivMain13 .Right { width: 500px; float: right; min-height: 620px; background: url(../img/div13-img05.png) 30px 180px no-repeat; position: relative; }
.DivMain13 .Right .Img {width: 535px; position: absolute; transition: all 1s ; right: -120px; top: 10px; height: 600px;}
.DivMain13 .Right .Img01 { top: 10px; left: 10%; z-index: 10; }
.DivMain13 .Right .Img02 { top: 120px; left: 10%; z-index: 9; }
.DivMain13 .Right .Img03 { top: 230px; left: 10%; z-index: 8; }
.DivMain13 .Right .Img04 { top: -5px; }
.DivMain13 .Right .Img05 { top: 245px; }
.DivMain13 .Right .Img06 { top: 25px; }
.DivMain13 .Right .Img07 { top: 215px; }

.DivMain13 .Right .reds { position: absolute; top: 380px; left: 120px; }
.DivMain13 .Right .reds span { width: 500px; height: 250px; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
border: 1px solid #16528c; position: absolute; display: block; position: absolute; opacity: 0; background: #092138; }
@keyframes water{
	0%{transform:scale(0);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.1);opacity:0}
}
.DivMain13 .water1{animation:water 4s cubic-bezier(.1,.27,.2,.91) 2s infinite;-webkit-animation:water 4s cubic-bezier(.1,.27,.2,.91) 2s infinite}
.DivMain13 .water2{animation:water 4s cubic-bezier(.1,.27,.2,.91) 3s infinite;-webkit-animation:water 4s cubic-bezier(.1,.27,.2,.91) 3s infinite}
.DivMain13 .water3{animation:water 4s cubic-bezier(.1,.27,.2,.91) 4s infinite;-webkit-animation:water 4s cubic-bezier(.1,.27,.2,.91) 4s infinite}
.DivMain13 .water4{animation:water 4s cubic-bezier(.1,.27,.2,.91) 5s infinite;-webkit-animation:water 4s cubic-bezier(.1,.27,.2,.91) 5s infinite}

/* CSS Document */
.DivMain14 { background: url(../img/div14-bg.png) center top no-repeat #fafcff; }
.DivMain14 .Details {padding: 60px 0 20px;}
.DivMain14 h3 { font-size: 31px; text-align: center; }
.DivMain14 p { font-size: 17px; color: #5c6066; text-align: center; padding: 30px 0 0; line-height: 24px; }
.DivMain14 .Left { text-align: center; padding: 20px 0 0; position: relative; height: 620px; }
.DivMain14 .Left .ImgPic { position: absolute; left:50%; margin: 0 0 0 -540px; transition: all 0.5s linear 0.1s;; -o-transition: all 0.5s linear 0.1s;
	-moz-transition: all 0.5s linear 0.1s; -webkit-transition: all 0.5s linear 0.1s;  z-index:1;  }
.DivMain14 .Left .ImgPicMove { top: 0px; }
.DivMain14 .Left .ImgPicMove01 {  top: 8px; }
.DivMain14 .Left .ImgPicMove02 {  top: 16px; }
.DivMain14 .Left .ImgPicMove03 {  top: 24px; }
.DivMain14 .Left .ImgPicMove04 {  top: 36px; }
.DivMain14 .Right {   padding: 0px 0 0; height: 150px; position: relative; z-index: 3; }
.DivMain14 .Right ul {  }
.DivMain14 .Right ul li { color: #333; font-size: 17px; display: block;  width: calc(33% - 40px); padding: 20px; position: absolute; opacity: 0; top: 20px; text-align: left;
 background:url(../video-process/image-style/index/div01-img03.png) 10px 30px no-repeat; }
.DivMain14 .Right ul li:nth-child(1) {   left:66%; top: 10px; transition: all 0.3s linear 0.1s; -o-transition: all 0.3s linear 0.1s; -moz-transition: all 0.3s linear 0.1s;
	-webkit-transition: all 0.3s linear 0.1s; }
.DivMain14 .Right ul li:nth-child(2) {  left:66%; top: 150px;  transition: all 0.3s linear 0.4s; -o-transition: all 0.3s linear 0.4s; -moz-transition: all 0.3s linear 0.4s;
	-webkit-transition: all 0.3s linear 0.4s; }
.DivMain14 .Right ul li:nth-child(3) {  left:66%; top: 280px;  transition: all 0.3s linear 0.7s; -o-transition: all 0.3s linear 0.7s; -moz-transition: all 0.3s linear 0.7s;
	-webkit-transition: all 0.3s linear 0.7s; }
.DivMain14 .Right .D14LiT { top: 0px; opacity: 1; }
.DivMain14 .Right ul li i { color: #5c6066;  display: block; font-style: normal; font-size: 15px; }
.DivMain14 .Right ul li a { color: #5c6066; text-decoration:underline; }
.DivMain14 .Right ul li a:hover { color: #333; text-decoration: underline; }
/* CSS Document */
.DivMain15 {  background: #fafcff; }
.DivMain15 .Details {/* padding: 20px 0 0px; */}
.DivMain15 h3 { font-size: 31px; text-align: center; padding: 20px 0; }
.DivMain15 .row {width: 1080px;text-align: center;padding: 30px 0 0;}

.DivMain15 .slider-bar-content{position: relative;margin: 0 0 30px;}
.slider-bar-content .bar-wrapper{width:1080px;/* height:710px; */position:relative;left:0;overflow:hidden;text-align: center;font-size: 21px;}
.slider-bar-content .bar-wrapper .content{display: flex;flex-wrap: nowrap;transition: margin .3s ease-in-out;}
.slider-bar-content .bar-wrapper .content >div{display: flex;justify-content: space-around;width: 1080px;flex-shrink: 0;align-items: flex-end;}
.slider-bar-content .bar-wrapper span{cursor: pointer;}
.slider-bar-content .bar-wrapper span sup{color: #ff4a20;}
.slider-bar-content .bar-wrapper span:hover,.slider-bar-content .bar-wrapper span.active{color: #0fb4ff;}
.DivMain15 .slider-bar-content .prev{color: #707679;display: inline-block;cursor: pointer;content: "";width: 15px;height: 15px;border-right: 2px solid currentcolor;border-bottom: 2px solid currentcolor;transform: translate(4px, 0) rotate(145deg);margin: auto;position: absolute;left: -30px;top: 8px;}
.DivMain15 .slider-bar-content .next{color: #707679;display: inline-block;cursor: pointer;content: "";width: 15px;height: 15px;border-right: 2px solid currentcolor;border-bottom: 2px solid currentcolor;transform: translate(0px, 0) rotate(-45deg);margin: auto;right: -30px;position: absolute;top: 8px;}

.DivMain15 .slider {width:1080px; height:630px; position:relative; }
.DivMain15 .slider .wrapper {width:1080px; height:630px; position:relative; left:0; overflow:hidden; text-align: center; }
.DivMain15 .slider .wrapper .content {position:absolute;width: 12000px;height:630px;}
.DivMain15 .slider .wrapper .content .slider-item { width:1080px; height:630px; float:left; text-align:center;}
.DivMain15 .slider .prev {position:absolute; left:-42px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
.DivMain15 .slider .next {position:absolute; right:-42px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 100;}
/* CSS Document */
.DivMain16 { background: #fafcff; }
.DivMain16 .Details { text-align: center; padding: 15px 0; }

.DivMain16 h4 { font-size: 23px; font-weight: 800; padding: 40px 0 0; color: #333; }
.DivMain16 h4 img { vertical-align: middle; }
.DivMain16 p { color: #ccc; font-size: 15px; padding: 20px 0; line-height: 26px; color: #333; }

.DivMain16 .Btn { padding: 30px 0 50px; }
.DivMain16 .Btn .Margin { margin: 0 40px 0 0; }
.DivMain16 .Btn a {text-decoration: none;}
.DivMain16 .Btn .Down { background: url(../img/windows_mac.png) 198px 17px no-repeat rgba(15,180,255,1); text-align: left; padding: 0 0 0 15px; color: #fff;
	border:1px solid #0fb4ff; display: inline-block; }
.DivMain16 .Btn .Down:hover { background: url(../img/windows_mac_123.png) 198px 17px no-repeat rgba(0,0,0,0); color: #0fb4ff;  }
.DivMain16 .Btn .Buy {  background:url(../img/buy-iocn.png) 180px 18px no-repeat rgba(255,171,27,1); color: #fff; width: 210px; 	border:1px solid #ffab1b;  display: inline-block; }
.DivMain16 .Btn .Buy:hover { background:url(../img/buy_hover.png) 180px 18px no-repeat rgba(0,0,0,0); color: #ffab1b; border:1px solid #ffab1b;  }

/* CSS Document 2019 05 10 banner按钮修改添加样式 (英语独用) */

.DivMain16 .Btn2 { padding: 30px 0 50px; display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.DivMain16 .Btn2 .Margin { margin: 0 40px 0 0; }
.DivMain16 .Btn2 a {text-decoration: none;}
.DivMain16 .Btn2 .Down { background: url(../img/windows_mac.png) 198px 17px no-repeat rgba(15,180,255,1); text-align: left; padding: 0 0 0 15px; color: #fff;
	border:1px solid #0fb4ff; display: inline-block; }
.DivMain16 .Btn2 .Down:hover { background: url(../img/windows_mac_123.png) 198px 17px no-repeat rgba(0,0,0,0); color: #0fb4ff;  }
.DivMain16 .Btn2 .Buy {  background:url(../img/buy-iocn.png) 180px 18px no-repeat rgba(255,171,27,1); color: #fff; width: 210px;
	border:1px solid #ffab1b;  display: inline-block; }
.DivMain16 .Btn2 .buy:hover { background:url(../img/buy_hover.png) 180px 19px no-repeat rgba(0,0,0,0); color: #ffab1b; border:1px solid #ffab1b;  }

.DivMain20 { background: #f5f7fa; padding: 30px 0; }
.DivMain20 .Details { padding: 20px 0; position: relative;   }
.DivMain20 .left {  width: 16px; height: 30px; position: absolute; left: 15px; top: 145px; cursor: pointer; }
.DivMain20 .right {  width: 16px; height: 30px; position: absolute; right: 15px; top: 145px; cursor: pointer;  }
.DivMain20 h4 { font-size: 23px; font-weight: 800; padding: 20px 0 0; color: #333; text-align: center; }
.DivMain20 .comment { width: 900px; overflow: hidden; position:relative; height: 115px; margin: 0 auto; }
.DivMain20 .comment .Textual { width:6000px;  position: absolute; left: 0;   }
.DivMain20 .comment .Textual .text {  width: 900px; float: left; padding: 50px 0 0; }
.DivMain20 .comment .Textual .text p { font-size: 17px; text-align: center; padding: 5px 20px; line-height: 32px; }

.DivMain20 .Adv {  padding: 90px 0 0; text-align: center; }
.DivMain20 .Adv span { width: 170px; height: 50px; margin: 0 10px; display: inline-block; }
.DivMain20 .Adv span:nth-child(1).ok  {  background: url(../adv/dis1-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(2).ok  {  background: url(../adv/dis2-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(3).ok  {  background: url(../adv/dis3-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(4).ok  {  background: url(../adv/dis4-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(5).ok  {  background: url(../adv/dis5-fr.png) no-repeat; }

.DivMain20 .Adv span:nth-child(1).ck {  background: url(../adv/on1-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(2).ck {  background: url(../adv/on2-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(3).ck {  background: url(../adv/on3-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(4).ck {  background: url(../adv/on4-fr.png) no-repeat; }
.DivMain20 .Adv span:nth-child(5).ck {  background: url(../adv/on5-fr.png) no-repeat; }
/* 轮播 */
.review-container{width: 900px;margin: 50px auto 30px;position: relative;}
.review-container .slider-box {overflow: hidden;}
.review-container .slider-img {overflow: hidden;position: relative;}
.review-container .slider-img .slider-img-ul {position: relative;left: 0;top: 0;list-style: none;display: flex;}
.review-container .slider-img .slider-img-ul li {flex-shrink: 0;text-align: center;width: 900px;}
.review-container .slider-img .slider-img-ul li p{margin-top: 30px;}
.review-container .slider-dot ul {list-style: none;display: flex;justify-content: center;gap: 10px;padding-top: 10px;}
.review-container .slider-dot ul li {cursor: pointer;width: 8px;height: 8px;border-radius: 50%;background: transparent;border: 1px solid #14b8ff;}
.review-container .slider-dot ul li.active, .review-container .slider-dot ul li:hover {background: #14b8ff;}
.review-container .slider-btn {position: absolute;top: 50%;transform: translateY(-50%);}
.review-container .slider-btn.slider-btn-left {left: -100px;}
.review-container .slider-btn.slider-btn-right {right: -100px;}
/* 轮播 */

/* CSS Document */

.DivMain21 {  background: #fcfcfc; }
.DivMain21 .Details { padding: 80px 0 40px; }
.DivMain21 .Left { width: 57%; float: left; }
.DivMain21 .Left h4 {  font-size: 27px;  }
.DivMain21 .Left p { font-size: 17px; line-height: 31px; padding: 30px 0 0; }
.DivMain21 .Left p span {display: block;  font-size: 15px;}
.DivMain21 .Left p span img { margin: 0 10px 0 0; }
.DivMain21 .Left p span a { color: #69b5f1; }

.DivMain21 .Right { width: 37%; float: right; }
.DivMain21 .Right h4 { font-size: 25px; }
.DivMain21 .Right .Share { padding: 10px 0; }
.DivMain21 .Right .Share img { margin: 0 0 0 5px; }
.DivMain21 .Right ul { list-style: none; }
.DivMain21 .Right ul li { width: 37%; float: left; border-radius: 5px; -o-border-radius: 5px; margin: 8px 20px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px;
cursor: pointer; display: block;  transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

.DivMain21 .Right ul li:nth-child(1) { background: url(../img/div21-04.png) 7px 2px no-repeat #f0f5f7; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(2) { background: url(../img/div21-02.png) 7px 2px no-repeat #f0f5f7; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(3) { background: url(../img/div21-03.png) 7px 2px no-repeat #f0f5f7; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(4) { background: url(../img/div21-01.png) 7px 2px no-repeat #f0f5f7; padding: 0 0 0 28px; }

.DivMain21 .Right ul li:nth-child(1):hover { background: url(../img/div21-04.png) 7px 2px no-repeat #dbe0e2; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(2):hover { background: url(../img/div21-02.png) 7px 2px no-repeat #dbe0e2; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(3):hover { background: url(../img/div21-03.png) 7px 2px no-repeat #dbe0e2; padding: 0 0 0 28px; }
.DivMain21 .Right ul li:nth-child(4):hover { background: url(../img/div21-01.png) 7px 2px no-repeat #dbe0e2; padding: 0 0 0 28px; }

.DivMain21 .Right ul li a { color: #4aaaf0; text-decoration: none;  }

/* CSS Document */

.DivMain22 { background:#fcfcfc; }
.DivMain22 .Details { padding: 40px 0; border-top: 1px #e2e2e2 solid; }
.DivMain22 p { font-size: 17px; line-height: 31px; padding: 10px 0 0; }
.DivMain22 p a { text-decoration: none; color: #4aaaf0; border-bottom: 1px #4aaaf0 dashed; }

/* CSS Document */
.DivMain18 { background: #000;  }
.DivMain18 .Details { padding:0 0 30px; color: #fff;  text-align: center;  }
.DivMain18 h3 {  font-size: 31px; text-align: center; line-height: 38px; }
.DivMain18 p { color: #ccc; padding: 20px 0; font-size: 17px;  }
.DivMain18 p a{color: #ccc; text-decoration:none; border-bottom:1px dotted #ccc;}
.DivMain18 ul {  }
.DivMain18 ul li { width: 23%; padding:30px 1% 30px; float: left; font-size: 19px; color: #fff;  }
.DivMain18 ul li img { display: block; margin: 0 auto; padding: 0 0 25px 0; }
.DivMain18 ul li i { display: block; color: #8a9099; font-style: normal; font-size: 15px; padding: 10px 0 0; }
.DivMain18 ul li i a { color: #8a9099; text-decoration:none; border-bottom:1px #8a9099 dotted; }
.DivMain18 ul li a {  color: #fff; text-decoration:none; border-bottom:1px #8a9099 dotted; }

.DivMain19 { background:#000; width: 100%; position: fixed; top: 0; left: 0; z-index: 100000; display: none; }
.DivMain19 .Details { height: 80px; margin: 0 auto; }
.DivMain19 .Logo { float: left; padding: 10px 0 0; }
.DivMain19 .Btn { width: 350px; float: right; padding: 8px 0 0; }
.DivMain19 .Buy {  width: 150px; text-align: center; cursor: pointer; float: left; padding: 5px 0 0; margin: 0 20px 0 0; }
.DivMain19 .Buy p { color: #c7a757; font-weight: 800; font-size: 17px; line-height: 20px; }
.DivMain19 .Buy p i { font-size: 11px; color: #808080; display: block; font-style: normal; font-weight: 400; }
.DivMain19 .Down { width: 145px; height: 38px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
background: #0fb4ff; color: #fff; float: left;  text-align: center;  padding: 5px 0 0; cursor: pointer; transition:all 0.4s;
-webkit-transition:all 0.4s;  -moz-transition:all 0.4s;  }
.DivMain19 .Down:hover { background: #2d9dd0; }
.DivMain19 .Down p {  font-weight: 800; font-size: 17px; line-height: 17px; }
.DivMain19 .Down p i { font-size: 11px;  display: block; font-style: normal; font-weight: 400; line-height: 18px; }
.DivMain19 ul { float: right; font-size: 17px; color: #fff; width: 360px; padding: 28px 0 0; }
.DivMain19 ul li {  float: left; width: 120px; text-align: center; }
.DivMain19 ul li a { color: #fff; text-decoration:none; }

.vs-container{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .7); text-align:center; z-index:10001; overflow:auto;}
.vs-container:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.version-vs{display:inline-block; vertical-align:middle; font-size:0;position: relative;}
.free-version-x, .full-version-x{display:inline-block; width:400px; vertical-align:top; padding:5% 0; position:relative;}
.free-version-x{background-color:#F8FAFF;}
.full-version-x{background:#ffe3be url(../images/version-vs-active/version-vs-bg.jpg) no-repeat center; background-size:cover;}
.free-version-x:after, .full-version-x:before{position:absolute; font-size:37px; bottom:110px;}
.free-version-x:after{content:'V'; right:0; color:#27a4f6;}
.full-version-x:before{content:'S'; left:0; color:#fe6419;}
.versoin-vs-title{font-weight:700;}
.version-vs-list{text-align:left; height:210px; margin-top:4%;}
.free-version-vs-border, .full-version-vs-border{border:1px solid; height:90px; padding-top:10px;}
.free-version-vs-border{border-right:0; border-color:#ffc579; margin-left:30px;}
.full-version-vs-border{border-left:0; border-color:#fe7519; margin-right:30px; padding-left:20px;}
.version-vs-item{white-space:nowrap;}
.version-vs-item:nth-child(3){padding-top:17px;}
.version-vs-item:before{content:'\25cf'; color:#ffc579; margin:0 10px;}
.version-right-item:before {content:'\25cf'; color:#fe7519; margin:0 10px;}
.free-version-vs-btn, .full-version-vs-btn{display:block; font-size:21px; background-color:currentColor; line-height:65px; margin:0 10%; border-radius:5px;}
.free-version-vs-btn:first-line, .full-version-vs-btn:first-line{color:#fff;}
.free-version-vs-btn, .free-version-vs-btn:hover{color:#27A4F6;}
.full-version-vs-btn, .full-version-vs-btn:hover{color:#fe6a19;}
.free-version-btn-icon, .full-version-btn-icon{display:inline-block; margin-left:15px;}
.free-version-btn-icon:before, .full-version-btn-icon:before{content:'\3000';}
.free-version-btn-icon{width:55px; background:url(../images/version-vs-active/wm-icon.png) no-repeat center;}
.full-version-btn-icon{width:29px; background:url(../images/version-vs-active/arrow-icon.png) no-repeat center;}
.version-vs-tips{color:#27a4f6; margin-top:3%;}
.version-tips-a{color:#5b0400; text-decoration:underline;}
.version-tips-a:hover{color:#5b0400;}
.version-vs-close{position:absolute;top: -25px;right:-25px;}
.version-vs-close:hover{color:#333; text-decoration:none;}

/*顶部下拉导航*/
.fixed-nav {background:#fff; width: 100%; position: fixed; top: 0; left: 0;display: none;z-index: 101; border-bottom: 1px solid #dfe5e9;}
.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-ai span{font-size: 21px;color: #fbb215;margin-left: 8px;}
.fixed-nav .fixed-nav-list-slide::after,.fixed-nav .fixed-nav-list-slide-ai::after {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 20px; text-align: center;}
.fixed-nav a{text-decoration: none;color: #080808;}
/*.fixed-nav-item a{ }*/
.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;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05)}
.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(../video-converting-software/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(../video-converting-software/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;}
*/

.fixed-nav-slidedown-function{display: flex;justify-content: center;padding: 35px 0;}
.fixed-nav-slidedown-function .line{border-left: 1px solid #efefef;margin: 0 20px;}
.fixed-nav-function-list{}
.fixed-nav-function-list .t{font-size: 19px;padding-bottom: 5px;}
.fixed-nav-function-list ul li{text-align: left;margin: 9px 0;}
.fixed-nav-function-list ul li a{display:flex;align-items: center;padding: 10px 20px;}
.fixed-nav-function-list ul li a>div{flex: 1;}
.fixed-nav-function-list ul li a:hover{background: #f5f9ff;}
.fixed-nav-function-list ul li a::before{content: "";width: 44px; height: 39px;display: inline-block;background: url(../video-converting-software/images/index/ai-icons-new.png) no-repeat;margin-right: 8px;}
.fixed-nav-function-list ul li a::after{content: "";display: inline-block;width: 7px;height: 7px;color: #000;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: rotate(-45deg);margin-left: 30px;}
.fixed-nav-function-list ul li p{color: #999;}
.fixed-nav-function-list ul.fixed-nav-video-ai li:nth-of-type(1) a::before{background-position:-320px -10px;}
.fixed-nav-function-list ul.fixed-nav-video-ai li:nth-of-type(2) a::before{background-position:-256px -10px;}
.fixed-nav-function-list ul.fixed-nav-video-ai li:nth-of-type(3) a::before{width: 47px; background-position:-384px -10px;}
.fixed-nav-function-list ul.fixed-nav-image-ai li:nth-of-type(1) a::before{width: 41px; height: 33px;background-position: -131px -10px;}
.fixed-nav-function-list ul.fixed-nav-image-ai li:nth-of-type(2) a::before{width: 41px; height: 33px;background-position:-70px -10px;}
.fixed-nav-function-list ul.fixed-nav-image-ai li:nth-of-type(3) a::before{width: 40px; height: 32px; background-position:-10px -10px;}
.fixed-nav-function-list ul.fixed-nav-audio-ai li:nth-of-type(1) a::before{width: 42px; height: 37px;background-position:-445px -10px;}
.fixed-nav-function-list ul.fixed-nav-audio-ai li:nth-of-type(2) a::before{width: 44px; height: 39px;background-position:-192px -10px;}
.fixed-nav-function-list ul.fixed-nav-features li a::before{content: "";width: 44px; height: 44px;display: inline-block;background: url(../video-converting-software/images/index/main01-icons.png) no-repeat -3px 0px/auto 100%;margin-right: 8px;}
.fixed-nav-function-list ul.fixed-nav-features01 li:nth-of-type(2) a::before{background-position-x: -57px;}
.fixed-nav-function-list ul.fixed-nav-features02 li:nth-of-type(1) a::before{background-position-x: -169px;}
.fixed-nav-function-list ul.fixed-nav-features02 li:nth-of-type(2) a::before{background-position-x: -113px;}
.fixed-nav-function-list ul.fixed-nav-features03 li:nth-of-type(1) a::before{background-position-x: -226px;}
.fixed-nav-function-list ul.fixed-nav-features03 li:nth-of-type(2) a::before{background-position-x: -282px;}