@charset "utf-8";

body{ background: #fafbfe;}
img{max-width: 100%;}
h2{font-size: 35px;line-height: 39px; padding:85px 0 25px;text-align: center; color: #000;}
.main04 h2,.main07 h2{color: #000;}
p{line-height: 30px;}
.main03 .detail>p,.main04 .detail>p,.main05 .detail>p,.main07 .detail>p{padding: 0 100px;line-height: 30px; text-align: center;}
/*----------*/

.main02 .btn{text-align: center;padding: 30px 0 0;}
.main02 .btn a{display: inline-block;border:1px solid #0eb1fc;font-size: 15px;color: #0eb1fc;text-decoration: none;line-height: 46px;padding: 0 50px;border-radius: 5px;}
.main02 .btn a:hover{background: #0eb1fc; color: #fff;}
/*----------*/

.main01{background: url(../images/lite/bg1-de.jpg) no-repeat center bottom #d8e5ed; height:626px; text-align: center;color: #fff;}
.main01 .detail{position:relative;}
.main01 h2{font-size: 54px;font-weight: bold;padding: 60px 0 45px;}
.main01 h1{font-size:26px;line-height: 26px;}
.main01 p {font-size: 17px; padding: 15px 130px 0;color: #999;}
.main01 ul { padding: 10px 0 0; }
.main01 ul {  width: 600px;  margin: 0 auto; padding: 50px 0 60px; }
.main01 ul li { width: 115px; float: left; text-align: center; cursor: pointer;margin: 0 17px;}
.main01 ul li span{font-size: 17px;color: #999;}
.main01 ul li i { display: block; font-style: normal; padding-top: 5px;border-bottom: 1px dotted #8a9099; margin:0 auto;}
.main01 ul li:first-child i{width:82px;}
.main01 ul li:nth-child(2) i{width:96px;}
.main01 ul li:nth-child(3) i{width:108px;}
.main01 ul li:nth-child(4) i{width:86px;}
.main01 .Show { width:300px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px dotted #666; background:#f8f8f8; }
.main01 .Show p { font-size:13px; padding:5px; margin:0; text-align:left;}
.main01 .Infoone { position:absolute; top:165px; left:220px; z-index:5; display:none;  }
.main01 .Infotwo { position:absolute; top:165px; left:360px; z-index:7;  display:none;  }
.main01 .Infothr { position:absolute; top:165px; left:500px; z-index:9;  display:none; }
.main01 .Infofou { position:absolute; top:165px; left:550px; z-index:11;   display:none; }
.main01 .btn { padding: 20px 0 0; }
.main01 .btn .Margin { margin: 0 40px 0 0; }
.main01 .btn a {text-decoration: none;}
.main01 .btn .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; font-size:21px;}
.main01 .btn .Down:hover {background-color:rgba(0,0,0,0.2); color:#fff;}
.main01 .btn .Buy {  background: #ffab1b; color: #fff; border:1px solid #ffab1b;  display: inline-block; }
.main01 .btn .Buy:hover { background: none;  color: #ffab1b; border:1px solid #ffab1b;  }

.main01_add{background: url(../images/lite/bg1-add.jpg) no-repeat center bottom #d8e5ed; height:700px; }
.main01_add .welt{text-align:center; font-size:17px; padding:40px 0 10px;text-align: center;color: #fff;}
.main01_add .mess,.main01_add .mess2{color:#999; padding:0 0 0 120px; text-align:left;}
.main01_add .mess span{ color:#16b4fd;} 
.main01_add .mess2 span{ color:#feaa22;}
.main01_add .btn{padding:0;}
.main01_add .tips span{margin:10px 50px 0; display:inline-block;}

.main01_bottom{ text-align:center;  color:#fff; font-size:17px;}
.main01_bottom .pc_email{width:560px; margin:0 auto;}
.main01_bottom .pc_email input{width:320px; height:51px; line-height:51px; font-size:15px; color:#9b9999; background-color:#2c2c2c; border:0; padding-left:15px; float:left; border-radius:5px 0 0 5px;}
.main01_bottom .pc_email .pc_key{line-height:51px; background-color:#25bb73; float:left; cursor:pointer; padding:0 30px; border-radius:0 5px 5px 0;}
.main01_bottom .pc_email .mess a{color:#06cdff;}
.main01_bottom .mobile_email{display:none;}
.main01_bottom .mobile_email .get_code input{ width:330px; height:51px; border:1px solid #e8e8e8; border-right:none; border-top-left-radius:5px; background:#fff;	border-bottom-left-radius:5px; padding:0 0 0 18px; font-size:16px; float:left;}
.main01_bottom .mobile_email .get_key{ background:#20c1f7; line-height:53px; float:left; cursor:pointer; padding:0 30px; font-size:22px; border-radius:0 5px 5px 0;}
.main01_bottom .mobile_email .get_code { width:620px; margin:20px auto 0;}
.main01_bottom .mess{ padding:15px 0 0;}
.main01_bottom .mobile_email .mess a{ color:#fff;}
/*----------*/

.DivGetlicense{background:#0e1317; text-align:center; padding:0 0 20px;}
.DivGetlicense .Details >img{vertical-align:top;}
.DivGetlicense a{font-size:16px; color:#fff; font-weight:bold; cursor:pointer; text-decoration:underline; display:inline-block; padding:25px 0 0;}
.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 0; display:none;text-align: center;}
.License_pop .t2 a{ color:#01a5f4;}
.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 35px center; padding:0 0 0 65px;}
.License_pop .vs_box .vs_left ul li:last-child{ color:#aaa;background:url(../../img/icon2.png) no-repeat 50px 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;}

/* CSS Document */

.main02{background: url(../images/lite/bg2.jpg) no-repeat center bottom #f6f7f9; height: 658px;}
.main02 .text{float: right;padding: 80px 70px 0 0; width: 370px;}
.main02 .main02_content{ margin:0 0 0 80px; width: 432px; float: left; position: relative; }
.main02 .main02_content >img{ position: absolute; transition: all 0.5s ease-in-out; top: 180px; left: 160px; }
.main02 .main02_content >img:nth-child(1){top: 0; left: 0;}
.main02 .main02_content >img:nth-child(2){top: 128px; left: 0;}
.main02 .main02_content >img:nth-child(3){top: 277px; left:0;}
.main02 .main02_content >img:nth-child(4){top: 44px; left: 160px;}
.main02 .main02_content >img:nth-child(5){top: 320px;left: 150px;}
.main02 .main02_content >img:nth-child(6){top: 63px; left: 318px;}
.main02 .main02_content >img:nth-child(7){top: 213px;left: 308px;}
.main02 .main02_content >img:nth-child(8){top: 353px;left: 308px;}
.main02 .main02_content >img:nth-child(9){top: 160px;left: 150px;}
.main02 .main02_content.focus > img:nth-child(1){animation: 3s 0s ease-out img1;}
.main02 .main02_content.focus > img:nth-child(2){animation: 3s 0s ease-out img2;}
.main02 .main02_content.focus > img:nth-child(3){animation: 3s 0s ease-out img3;}
.main02 .main02_content.focus > img:nth-child(4){animation: 3s 0s ease-out img4;}
.main02 .main02_content.focus > img:nth-child(5){animation: 3s 0s ease-out img5;}
.main02 .main02_content.focus > img:nth-child(6){animation: 3s 0s ease-out img6;}
.main02 .main02_content.focus > img:nth-child(7){animation: 3s 0s ease-out img7;}
.main02 .main02_content.focus > img:nth-child(8){animation: 3s 0s ease-out img8;}
.main02 .main02_content.focus >img:nth-child(9){top: 160px!important;left: 150px!important;}
@keyframes img1 {
	0%{top: 0; left: 0;} 20%{top: 0; left: 0;} 40%{top: 180px;left: 160px;}	60%{top: 0; left: 0;} 100%{top: 0; left: 0;}
}
@keyframes img2 {
	0%{top: 128px; left: 0;} 20%{top: 128px; left: 0;} 40%{top: 180px;left: 160px;}	60%{top: 128px; left: 0;} 100%{top: 128px; left: 0;}
}
@keyframes img3 {
	0%{top: 277px; left: 0;} 20%{top: 277px; left: 0;} 40%{top: 180px;left: 160px;}	60%{top:277px; left: 0;} 100%{top: 277px; left: 0;}
}
@keyframes img4 {
	0%{top: 44px; left: 160px;} 20%{top: 44px; left: 160px;} 40%{top: 180px;left: 160px;} 60%{top: 44px; left: 160px;} 100%{top: 44px; left: 160px;}
}
@keyframes img5 {
	0%{top: 320px;left: 150px;} 20%{top: 320px;left: 150px;} 40%{top: 180px;left: 160px;} 60%{top: 320px;left: 150px;} 100%{top: 320px;left: 150px;}
}
@keyframes img6 {
	0%{top: 63px; left: 318px;} 20%{top: 63px; left: 318px;} 40%{top: 180px;left: 160px;} 60%{top: 63px; left: 318px;} 100%{top: 63px; left: 318px;}
}
@keyframes img7 {
	0%{top: 213px;left: 308px;} 20%{top: 213px;left: 308px;} 40%{top: 180px;left: 160px;} 60%{top: 213px;left: 308px;} 100%{top: 213px;left: 308px;}
}
@keyframes img8 {
	0%{top: 353px;left: 308px;} 20%{top: 353px;left: 308px;} 40%{top: 180px;left: 160px;} 60%{top: 353px;left: 308px;} 100%{top: 353px;left: 308px;}
}
/*----------*/

.main03{background: url(../images/lite/bg3.jpg) no-repeat center bottom #f6f7f9; height:700px; text-align: center;}
.main03 .main03_content{text-align: center;padding: 55px 0 0; position: relative;}
.main03 .main03_content >img{  position: absolute; top: 180px; }
.main03 .main03_content >img:nth-child(1){ left: 110px;top: 180px; opacity: 0; }
.main03 .main03_content >img:nth-child(2){ left: 175px; top: 340px;opacity: 0; }
.main03 .main03_content >img:nth-child(3){ left: 247px;top:485px; opacity: 0; }
.main03 .main03_content.focus >img:nth-child(1){top: 53px; transition: all 0.5s ease-in-out;opacity: 1; }
.main03 .main03_content.focus >img:nth-child(2){top: 125px;transition: all 0.5s 0.3s ease-in-out;opacity: 1; }
.main03 .main03_content.focus >img:nth-child(3){top: 165px;transition: all 0.5s 0.5s ease-in-out;opacity: 1; }
/*----------*/

.main04{background: url(../images/lite/bg4.jpg) no-repeat center bottom #06191f; height:680px; text-align: center;}
.main04 h2{color: #fff;}
.main04 p{color: #e5e5e5;}
.main04_content { position:relative;}
.main04_content .one { width:240px; position:absolute; top:280px; left:260px;}
.main04_content .one .pic{display:none;}
.main04_content .one .t{font-size:17px; color:#fff; font-weight:bold; padding-bottom:5px;}
.main04_content .one  p{ line-height:23px;}
.main04_content .two{position:absolute; top:210px; left:525px;}
.main04_content .three{position:absolute; top:110px; left:805px;}
.main04_content .three p{ border:1px solid #576b6c; border-radius:5px; padding:8px;}
/*----------*/

.main05{background: url(../images/lite/bg5.jpg) no-repeat center top #f8fafd; height:893px; text-align: center;}
.main05 .main05_content{padding: 40px 0 0;}
.main05_content .ma05_one{ background: url(../images/lite/b0.png); width: 180px;height: 249px; padding: 1px 0 0; float: left; margin: 0 40px 35px 0; }
.main05_content .ma05_one .mess{ background: #008ffc; filter:Alpha(opacity=60);background:rgba(0,143,252,0.6); color: #fff;height: 65px; margin-top: 184px; }
.ma05_one .mess .t{font-size: 17px;padding-bottom: 10px;}
.ma05_one .mess .pic >img{ margin: -30px 0 0; }
.ma05_one .mess p{font-size: 13px; line-height: 25px; text-align: left; padding: 0 10px;display: none;}
.ma05_one:hover .mess{height: 190px; margin-top: 59px;}
.ma05_one:hover .mess p{display: block;}
.main05_content .ma05_one:nth-child(2){background: url(../images/lite/b9.png); margin: 30px 40px 35px 0;}
.main05_content .ma05_one:nth-child(3){background: url(../images/lite/b8.png); margin: 60px 40px 35px 0;}
.main05_content .ma05_one:nth-child(4){background: url(../images/lite/b7.png); margin: 30px 40px 35px 0;}
.main05_content .ma05_one:nth-child(5){background: url(../images/lite/b6.png); margin: 0 0 35px;}
.main05_content .ma05_one:nth-child(6){background: url(../images/lite/b5.png); margin: -50px 40px 0 0;clear: both;}
.main05_content .ma05_one:nth-child(7){background: url(../images/lite/b4.png); margin: -20px 40px 0 0;}
.main05_content .ma05_one:nth-child(8){background: url(../images/lite/b3.png); margin: 10px 40px 35px 0;}
.main05_content .ma05_one:nth-child(9){background: url(../images/lite/b2.png); margin: -20px 40px 35px 0;}
.main05_content .ma05_one:nth-child(10){background: url(../images/lite/b1.png); margin: -50px 0 35px;}
/*----------*/

.main07{background: #f7f7f7 url(../images/lite/pc.png) no-repeat left bottom; padding-bottom: 50px;}
.main07 ul{padding: 60px 0 0; float: right; width: 490px;}
.main07 ul li{padding: 13px 0 13px 35px; background: url(../images/lite/list2.png) no-repeat left center;}
.main07 .compo{text-align: right; padding: 100px 50px 0 0;}
.main07 .compo span{ display: inline-block;padding: 0 13px; }
/*----------*/

.main09{background: url(../images/lite/bg8.jpg) repeat-x center top; height: 699px;}
.main09 .text{float: left;width: 400px;padding: 110px 0 0 35px;}
.main09 .text h2{text-align: left; line-height: 45px;}
.main09 .main09_right{float: right; padding: 85px 0 0;}
.main09 .main09_pic{background: url(../images/lite/pic3.png) no-repeat; margin-right: -140px; width: 654px; height: 569px;  }
.main09_pic .pic_box{width: 652px; height:395px; overflow: hidden;position: relative; margin-left: 2px;border-radius: 18px 18px 0 0; }
.main09_pic .pic_box> img{position: absolute;left: 0; top: 0;transform: translateZ(0); }
.main09_pic.focus .pic_box>img:nth-child(1){  animation:picture 5s ease-in-out infinite alternate; }
.main09_pic.focus .pic_box>img:nth-child(2){}
@keyframes picture {
	0%{transform: scale(1);}
	100%{transform: scale(1.2);}
}
/*----------*/

.DivMain15 {  background: #fafcff; }
.DivMain15 .Details { padding: 20px 0 100px; }
.DivMain15 h3 { font-size: 29px; 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:8000px;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;}
/*---------*/

.DivMain16 { background: url(../../img/div16-bg.jpg) no-repeat center bottom #1a1e2b;height: 385px; }
.DivMain16 .Details {  text-align: center; color: #fff; }
.DivMain16 h2 {  font-size: 42px; font-weight: 800; padding: 70px 0 0; color: #fff; }
.DivMain16 h2 img { vertical-align: middle; }
.DivMain16 h3 { color: #ccc; font-size: 19px; padding: 30px 0; }
.DivMain16 .Btn { padding: 30px 0 0; }
.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 #0fb4ff; text-align: left; padding: 0 0 0 15px; color: #fff; 
	border:1px solid #0fb4ff; display: inline-block; font-size:21px;}
.DivMain16 .Btn .Down:hover {background-color:rgba(0,0,0,0.2); color:#fff;}
.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;  }

.gohome{padding:100px 0 50px; text-align:center;}
.gohome a{background:#0fb4ff; color:#fff; text-decoration:none; display:inline-block; line-height:53px; border-radius:10px; font-size:21px; padding:0 20px;}

.pcNo,.pic_mobile{display: none;}
.main02_pic{text-align: center;}
.main03_pic{padding: 20px 0 0;}
/*----------*/
.pop{ width:720px; height:379px;background:url(../images/lite/pop.png) no-repeat  center; }
.pop .main{ width:683px; margin:0 auto; padding:10px 0 0;}
.pop .main .close{ cursor:pointer; width:25px; height:25px; float:right; margin-right:10px;}
.pop .main .close img{display:none;}
.pop .main h2{ text-align:center; font-size:25px; color:#fff; font-weight:normal; padding:50px 0 120px;}
.pop .main p{ text-align:center; font-size:15px; color:#666;}
.pop .main .t{ text-align:center; font-size:17px; font-weight:bold; padding:30px 0 0;}

@media (max-width: 979px) {

	.mobileNo{display: none;}
	.pcNo{display: block;}
	.detail{padding:0 5px; width: auto;}
	.main03 .detail> p,.main04 .detail>p,.main05 .detail>p,.main07 .detail>p{padding:0 20px;}
	/*----------*/
	
	.main01 h2{padding-top: 40px;}
	.main01 p{padding: 10px 0 0;}
	
	.main01_add .mess,.main01_add .mess2{ padding:0; text-align:left;}

	/*----------*/	
	
	.main02{height: auto;}
	.main02 .text{float: none;width: auto; padding: 20px 0 0;}
	/*----------*/
	
	.main03{height: auto;}
	/*----------*/
	
	.main04{background:url(../images/lite/div02-bg01.jpg) repeat-x 0 top #000;height: auto; padding-bottom: 30px;}	
	.main04_content .one{ position:relative; top:auto; left:auto; float:left; padding:20px 0 0;}
	.main04_content .one .pic{display:block;}
	/*----------*/
	
	.main05{height: auto;}
	.main05_content .ma05_one{ margin: 0 20px 20px 0!important; }
	.main05_content .ma05_one:nth-child(6){clear: none;}
	/*----------*/
	
	.main07{background: none; height: auto;}
	.main07 ul{width: auto; float: none;}	
	.main07 .compo{text-align: left; padding: 20px 0 0;}
	/*----------*/
	
	.main09{height: auto;}
	.main09 .text{float: none; width: auto; padding: 20px 0 0 10px;}	
	.main09 .main09_right{float: none;}
	/*----------*/

}

@media (max-width: 767px) {
	
	.main09_pic{display: none;}
	.pic_mobile{display: block;}
	h2{font-size: 30px;line-height: 30px; padding: 25px 0;}
	/*----------*/
	
	.main01{height: auto; background-position:bottom center; background-color:#0f0f0f; padding-bottom:20px;}
	.main01 h2{padding-top: 50px;}
	.main01 h1{padding: 0 5px;}
	.main01 .btn .Margin{margin: 10px 0;}
	.main01 ul{width: auto;}
	.main01 .btn{padding: 0 0 20px;}
	.main01_bottom .pc_email{display:none;}
	.main01_bottom .mobile_email{display:block;}
	.main01_bottom .mobile_email .get_code{width:100%;}
	.main01_bottom .mobile_email .get_code input{width:53%; padding-left:2%; border-left:0;}
	.main01_bottom .mobile_email .get_key{width:45%; padding:0; font-size:17px;}
	/*----------*/
	
	.main02,.main05{height: auto;padding-bottom: 30px;}
	.main02 h3{font-size: 18px;}
	.main03 .detail>p,.main04 .detail>p,.main05 .detail>p,.main07 .detail>p{padding:0;}	
	/*----------*/
	
	.main04_content .one{float:none; width:auto; padding:20px 0;}
	
	.main05_content .ma05_one{ margin: 0 5px 20px 0!important; width: 48%; }
	/*----------*/
	
	.main09 .main09_pic,.main09_pic .pic_box{width: 100%;}
	/*----------*/
	
	.DivMain16{height: auto; background:#1a1e2b; padding-bottom: 20px;}
	.DivMain16 .Btn .Margin{margin: 10px 0;}
	/*----------*/

}

@media (max-width: 479px) {
	.main01 h1{font-size:23px;}
	.main01_bottom .get_code{ width:auto;}
	.main01_bottom .mobile_email .get_code input{ width:95%; padding:0 2%; border-radius:5px; float:none;}
	.main01_bottom .get_code .get_key{ width:auto; float:none;border-radius:5px; margin:10px 0 0; font-size:22px;}
	.main01_bottom .get_code .mess{ padding:5px 0 0;}
	
	.main01 .Infoone{top:250px; left:0;}
	.main01 .Infotwo{top:250px; left:40px;}
	.main01 .Infothr{top:350px; left:0;}
	.main01 .Infofou{top:350px; left:40px;}

}