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

/* CSS Document */
.edit_new {  height: 294px; background: url(../banner/home_banner_pic3.jpg) center top no-repeat #0e276b; }
.edit_new .ces { width: 950px; margin: 0 auto; position: relative; }
.edit_new .ces .text { width: 400px; float: left; text-align: right; }
.edit_new .ces .text h3 { font-size: 27px; line-height: 32px; color: #fff; padding: 70px 0 0;  font-weight: 500; }
.edit_new .ces .text p { color: #c4d4f2; padding: 30px 0 20px; line-height: 32px;  }
.edit_new .ces .text h4 {  font-size: 25px;  padding: 0px 32px 0 0; background: url(../banner/1.png) center right no-repeat; color: #f67231; text-decoration: none;  }
.edit_new .ces .text h4 a { }
.edit_new .ces .rad { width: 516px; height: 516px; background: url(../banner/yuan.png) no-repeat; position: absolute; right: -50px; top: 50px; }
@keyframes radCos{
	0%{transform: rotate(0deg) ;}
	25%{transform: rotate(90deg);}
	50%{transform: rotate(180deg);}
	75%{transform: rotate(270deg);}
	100%{transform: rotate(360deg);}
}
.radCos1 {animation:radCos 40s linear infinite; }
.edit_new .ces .text2 { float: right; width: 310px; color: #fff; text-align: center; position: relative; background: #f30; }
.edit_new .ces .text2 p { position: absolute; top: 210px; font-size: 21px; line-height: 32px; }

.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 {
	height: 620px;
	background: url(../banner/home_banner_pic2.jpg) top center no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow:hidden;
	}

.DivBanner .Details { height: 620px;  }
.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;}

/*.DivBanner nav ul li.have-list{background-image: url(../img/nav-iocn21-06.png); }
.DivBanner nav ul li:nth-child(1){ background-image:url(../img/nav-iocn21-05.png);}

.DivBanner nav.active ul li.have-list{background-image: url(../img/nav-iocn21-02.png); }
.DivBanner nav.active ul li:nth-child(1){ background-image:url(../img/nav-iocn21-01.png);}

.DivBanner nav ul li.have-list:hover,.DivBanner nav ul li.have-list.focus:nth-child(2){background-image: url(../img/nav-iocn21-03.png); }
.DivBanner nav ul li:nth-child(1):hover,.DivBanner nav ul li.focus:nth-child(1){ background-image:url(../img/nav-iocn21-04.png);}*/

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;
}
/*nav ul li:nth-child(6) span{ background:url(../img/lens2.png) no-repeat center;}*/

.DivBanner .DivNav {  padding: 15px 0; position: relative; top: 0; left: 0; z-index: 10; }
.DivBanner .DivNav .Logo { width: 140px; float: left; }
.DivBanner .DivNav ul { display: block; float: right; font-size: 17px; padding: 10px 0 0; }
.DivBanner .DivNav ul li { float: left;  width: 100px; font-weight: 400; text-align: center;  }
.DivBanner .DivNav ul li a { color: #f2f2f2;  text-decoration: none; }
.DivBanner .DivNav ul li:nth-child(1) {  border-right:1px solid #414547;  }
.DivBanner .DivNav ul li:nth-child(2) { width: 165px; }
.DivBanner .DivNav ul li a:hover { color: #00a9ef; }

.DivBanner .Flag {  height: 25px;  position: absolute; top: 90px; right: calc(50% - 530px); z-index: 11;   }
.DivBanner .Flag img { margin: 0 10px 0 0; }

.DivBanner .Video { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background-size: 100% 100%;  background: #000;
 background-position: center center; background-size: contain;  object-fit: cover;  z-index: 1;  opacity: 1;  }
.DivBanner .Info { width: 800px; z-index: 20; position: absolute; top: 120px;  left: 50%; margin:0 0 0 -400px; color: #fff; text-align: center; color: #f2f2f2;  }
.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: absolute;top: 11px;background: url(../img/ai.png) no-repeat center;}
.DivBanner .Info h1 { font-size: 33px; padding: 40px 0 0;  }
.DivBanner .Info h1 span { display: block; font-size: 17px; padding: 10px 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 0;bottom: 130px;position: absolute;transform: translateX(-50%);display: inline-block;left: 50%;}
.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:230px; left:90px; z-index:5; display:none;  width: 370px;}
.DivBanner .Info .Infotwo { position:absolute; bottom:230px; left:220px; z-index:7;  display:none;  }
.DivBanner .Info .Infothr { position:absolute; bottom:230px; left:400px; z-index:9;  display:none; }
.DivBanner .Info .Infofou { position:absolute; bottom:230px; left:550px; 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; }


/* 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) 227px 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) 215px 18px no-repeat #ffab1b; color: #fff; width: 235px;
	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: 45px; }
.DivBanner .Info ol li a { color: #fff;  text-decoration:none; }
.DivBanner .Info ol li a:hover { text-decoration: underline; }

.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 15px 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 15px 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;}

/* CSS Document */

.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;}
.gl-popu{width:800px; background-color:#fff; display:none;}
.gl-popu a.close-glp{position:absolute; left:0; top:-30px; color:#fff; font-size:28px; text-decoration:none;}
.gl-popu > div{display:inline-block; vertical-align:top;}
.gl-popu .left-box{width:345px; background-color:#2cacf7; margin:10px 0 10px 10px; box-sizing:border-box; padding:45px 0 15px 30px; position:relative;}
.gl-popu .left-box:after{content:''; position:absolute; right:-40px; top:50%; margin-top:-15px; border-width:15px 20px; border-style:solid; border-color:transparent transparent transparent #2cacf7;}
.gl-popu .left-box h4{font-size:24px; color:#fff; padding:0 90px 40px 0; line-height:40px;}
.gl-popu .left-box .ti{font-size:14px; color:#daf2ff; padding-bottom:5px;}
.gl-popu .left-box .logo img{margin-right:15px;}
.gl-popu .right-box{color:#292929; padding:20px 10px 20px 40px;}
.gl-popu .right-box .r-con + .r-con{margin-top:25px;}
.gl-popu .right-box .r-con h5{font-size:15px; font-weight:700;}
.gl-popu .right-box .r-con ul{margin:5px 0 10px;}
.gl-popu .right-box .r-con ul li{background:url(../img/list-icon.png) no-repeat left center; padding-left:20px;}
.gl-popu .right-box .r-con ol{margin-top:5px;}
.gl-popu .right-box .r-con ol li{list-style:decimal inside;}
.gl-popu .right-box .r-con ol li a, .gl-popu .right-box .r-con ol li span{color:#6cc722;}
.gl-popu .right-box .r-con .button{margin-left:20px;}
/* 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; }
.DivMainG04 .Text .sort .function p a{ color: #fff; text-decoration: none; border-bottom:1px dotted #ccc;}
/* 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; }
.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: 0 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; }
.DivMain13 .Left .D13But {opacity: 1;top: 300px;}
.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; }
.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 p a{ text-decoration: none;border-bottom: 1px dotted #5c6066; color: #5c6066;}
.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:none;border-bottom: 1px dotted #5c6066; }

/* 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: 50px 0 0; }
.DivMain15 .slider {width:1080px; height:710px; position:relative; }
.DivMain15 .slider .wrapper {width:1080px; height:710px; position:relative; left:0; overflow:hidden; text-align: center; }
.DivMain15 .slider .wrapper .content {position:absolute;width: 9000px;height:530px;}
.DivMain15 .slider .wrapper .content .slider-item { width:1080px; height:710px; 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: 20px 0 0; }
.DivMain16 .Btn .Margin { margin: 0 40px 0 0; }
.DivMain16 .Btn a {text-decoration: none;}
.DivMain16 .Btn .Down {  background: #0fb4ff; color: #fff; border:1px solid #0fb4ff; display: inline-block; }
.DivMain16 .Btn .Down:hover { background: none;  color: #0fb4ff;  }
.DivMain16 .Btn .Buy { background: #ffab1b; color: #fff; border:1px solid #ffab1b;  display: inline-block; }
.DivMain16 .Btn .buy:hover { background: none;  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) 227px 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) 227px 17px no-repeat rgba(0,0,0,0); color: #0fb4ff;  }
.DivMain16 .Btn2 .Buy {  background:url(../img/buy-iocn.png) 198px 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 h4 a{color:#333;}
.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.png) no-repeat; }
.DivMain20 .Adv span:nth-child(2).ok  {  background: url(../adv/dis2.png) no-repeat; }
.DivMain20 .Adv span:nth-child(3).ok  {  background: url(../adv/dis3.png) no-repeat; }
.DivMain20 .Adv span:nth-child(4).ok  {  background: url(../adv/dis4.png) no-repeat; }
.DivMain20 .Adv span:nth-child(5).ok  {  background: url(../adv/dis5.png) no-repeat; }

.DivMain20 .Adv span:nth-child(1).ck {  background: url(../adv/on1.png) no-repeat; }
.DivMain20 .Adv span:nth-child(2).ck {  background: url(../adv/on2.png) no-repeat; }
.DivMain20 .Adv span:nth-child(3).ck {  background: url(../adv/on3.png) no-repeat; }
.DivMain20 .Adv span:nth-child(4).ck {  background: url(../adv/on4.png) no-repeat; }
.DivMain20 .Adv span:nth-child(5).ck {  background: url(../adv/on5.png) no-repeat; }
/* 轮播 */
.review-container{height: 150px;width: 900px;margin: 50px auto 30px;position: relative;}
.review-container .slider-box {overflow: hidden;}
.review-container .slider-img {overflow: hidden;height: 150px;}
.review-container .slider-img {width: 6300px;position: relative;}
.review-container .slider-img .slider-img-ul {position: absolute;left: 0;top: 0;overflow: hidden;list-style: none;}
.review-container .slider-img .slider-img-ul li {float: left;text-align: center;width: 900px;}
.review-container .slider-img .slider-img-ul li p{margin-top: 30px;}
.review-container .slider-dot ul {position: absolute;right: 50%;transform: translateX(50%);bottom: -20px;list-style: none;}
.review-container .slider-dot ul li {cursor: pointer;width: 8px;height: 8px;border-radius: 50%;background: transparent;border: 1px solid #14b8ff;float: left;margin-left: 10px;}
.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: 40px 0 0; }
.DivMain21 .Left { width:48%; float: left; }
.DivMain21 .Left h4 {  font-size: 29px;padding-bottom: 10px; }
.DivMain21 .Left p { font-size: 17px; line-height: 31px; padding:10px 0 0; }
.DivMain21 .Left p span {font-size: 15px;}
.DivMain21 .Left p span a { color: #69b5f1; }
.DivMain21 .Left .Share { padding: 10px 0 0;  }
.DivMain21 .Left .Share img { margin: 0 0 0 10px; }

.DivMain21 .Right { width: 49%; float: right; }
.DivMain21 .Right ul li{ background:url(../img/ic.png) no-repeat left center; padding: 5px 0 5px 51px; border-bottom: 1px solid #f4f4f4; color: #999;}
.DivMain21 .Right ul li:last-child{ border-bottom: none;}
.DivMain21 .Right ul li a{ color: #000; text-decoration:none;font-size: 17px;}
.DivMain21 .Right ul li a:hover{ color: #4aaaf0; border-bottom: 1px dashed #4aaaf0;}

/* 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; }
.DivMain22 ul { list-style: none; text-align: center; padding: 30px 0; }
.DivMain22 ul li { display: inline-block; border-radius: 5px; -o-border-radius: 5px; margin: 8px 20px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px;
cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.DivMain22 ul li:nth-child(1) { background: url(../img/div21-04.png) 15px 2px no-repeat #f0f5f7; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(2) { background: url(../img/div21-03.png) 15px 2px no-repeat #f0f5f7; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(3) { background: url(../img/div21-02.png) 15px 2px no-repeat #f0f5f7; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(4) { background: url(../img/div21-01.png) 15px 2px no-repeat #f0f5f7; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(1):hover { background: url(../img/div21-04.png) 15px 2px no-repeat #dbe0e2; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(2):hover { background: url(../img/div21-03.png) 15px 2px no-repeat #dbe0e2; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(3):hover { background: url(../img/div21-02.png) 15px 2px no-repeat #dbe0e2; padding: 0 10px 0 40px; }
.DivMain22 ul li:nth-child(4):hover { background: url(../img/div21-01.png) 15px 2px no-repeat #dbe0e2; padding: 0 10px 0 40px; }
.DivMain22 ul li a { color: #4aaaf0; text-decoration: none;  }


/* 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;}


.version-comparison{padding:50px 0;}
.version-comparison ul li{display:flex; border-bottom:1px solid #EDEDED; color:#343434;}
.version-comparison ul li > div{padding:18px 0;}
.version-comparison ul li > div:first-child{width:60%;}
.version-comparison ul li > div:nth-child(2){width:20%; text-align:center; border-left:1px solid #EDEDED; border-right:1px solid #EDEDED;}
.version-comparison ul li > div:last-child{width:20%; text-align:center;}
.version-comparison ul li > div:nth-child(2):after, .version-comparison ul li > div:last-child:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.version-comparison .vc-title-wrap{border-bottom-color:#B4B4B4;}
.version-comparison .vc-title-wrap > div:nth-child(2){border:0;}
.vc-title-vc{font-size:23px; font-weight:700;}
.vc-title-ver{font-size:21px;}
.version-comparison .yes{width:15px; height:9px; border-left:3px solid #15B261; border-bottom:3px solid #15B261; display:inline-block; transform:rotate(-45deg);vertical-align: middle;margin-top: -8px;}
.version-comparison .no{width:16px; height:16px; display:inline-block; position:relative;vertical-align: middle;margin-top: -5px;}
.version-comparison .no:before, .version-comparison .no:after{content:''; position:absolute; left:0; right:0; top:50%; height:3px; background-color:#BABABA;}
.version-comparison .no:before{transform:rotate(-45deg);}
.version-comparison .no:after{transform:rotate(45deg);}
.vc-icon1:before, .vc-icon2:before, .vc-icon3:before, .vc-icon4:before, .vc-icon5:before{content:''; display:inline-block; width:31px; height:31px; background-repeat:no-repeat; background-position:left center; vertical-align:middle; margin-right:10px;}
.vc-icon1:before{background-image:url(../images/buy-new/vc-icon1.png);}
.vc-icon2:before{background-image:url(../images/buy-new/vc-icon2.png);}
.vc-icon3:before{background-image:url(../images/buy-new/vc-icon3.png);}
.vc-icon4:before{background-image:url(../images/buy-new/vc-icon4.png);}
.vc-icon5:before{background-image:url(../images/buy-new/vc-icon5.png);}
.vc-i{width:16px; height:16px; text-align:center; position:relative; display:inline-block; vertical-align:-3px; margin-left:15px;}
.vc-i:before {content:''; width:10px;height: 10px;border-right: 2px solid #aeaeae;border-bottom: 2px solid #aeaeae;transform: rotate(45deg);position:absolute;top: -3px;left: 2px;transition: all 0.3s;}
.vc-i.on-active:before {transform: rotate(225deg);top: 4px;}
.vc-tips{line-height:1.3; font-size:13px; text-align:left;padding:0 30px 3px 46px;color:#333;display: 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::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;}