@charset "utf-8";
.Effective { width: 1170px; margin: 0 auto;}
.MainDiv01 nav { background:transparent; }
.MainDiv01 nav.active{ background:#fff;}
/* CSS Document */
.select {width: 102px;text-align: center;position: absolute;z-index: 12;cursor: pointer; right: 10px; font-size: 15px;  background:transparent;  }
.select a {color: #1668d6;text-decoration: none;}
.select ul,.select li {list-style: none;}
.select span {line-height: 38px;background-color: transparent;display: block;border: 1px solid #c3ced9;border-radius: 5px;margin-bottom: 10px;position: relative;z-index: 2;border-radius: 5px;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;opacity: 0.9;}
/*.select span a:after{content: " ";display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;border-top: solid 6px #55575d;border-left: solid 4px #1f222a;border-right: solid 4px #1f222a;vertical-align: 3px;margin-left: 10px;position: absolute;top:58%;transform: translateY(-50%);right: 5px;}*/
.drop {left: 0;right: 0;top: -9999px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);border-radius: 5px;position: absolute;z-index: 1;-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.select:hover .drop{position: static;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.drop li a {color: #888;line-height: 30px;border-bottom: solid 1px #262a33;font-size: 15px;display: block;background: transparent; position: relative;z-index: 2; -webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.drop li:first-child a{border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: -10px;}
.drop li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom: none;}
.drop li:hover:before{background-color: #1f222a;}
.drop li:hover a {background-color: #1f222a;color: #fff;}
.MainDiv01 {background: #ebf1f5 url(../img/div_bg01.jpg) 75% -25px  no-repeat; height:auto;}
.MainDiv01 .Effective {text-align: center;font-size: 21px;padding: 0 0 30px 0;position: relative;}
.MainDiv01 .Effective h1 {  padding: 30px 0 0; display: inline-block; text-align: center; margin: 0 auto; position: relative;  }
.MainDiv01 .Effective h1 img { margin: 40px 0 0; }
.MainDiv01 .Effective h1 span { font-size: 60px; line-height: 1.1; font-weight: 600;  }
.MainDiv01 .Effective h1 em { display: block; text-align: center; position: absolute; bottom: 10px; left: 205px; font-size: 35px; font-style: normal;  font-weight: 800; }
.MainDiv01 .Effective h1 i{ position: absolute; display: inline-block; width: 60px; line-height: 30px; height: 30px; font-size: 21px; font-style: normal; border-radius: 5px; border: 1px solid #ff4d3b; color: #ff4d3b;  bottom: 40px; right: -80px; }
.MainDiv01 .Effective > p {padding: 0 210px 10px;text-align: center;line-height: 36px;}
.MainDiv01 .Effective > p a { color: #333; text-decoration:none; border-bottom: 1px dotted #333; }
.MainDiv01 .function-box{padding: 35px 0 32px;margin: 0 95px;display: flex;align-items: center;justify-content: center;background: url(../img/icon-bg1.png) no-repeat center top,url(../img/icon-bg2.png) no-repeat 30px top;position: relative;}
.MainDiv01 .function-left{padding-right: 49px;}
.MainDiv01 .function-left span{color:#707679; display: inline-block;cursor: pointer; content: "";width: 15px;height: 15px;border-left: 2px solid currentcolor;border-bottom: 2px solid currentcolor;transform: translate(4px,0) rotate(45deg);margin: auto;}
.MainDiv01 .function-right{padding-left: 20px;}
.MainDiv01 .function-right span{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(-45deg);margin: auto;}
.MainDiv01 .function-left span.no,.MainDiv01 .function-right span.no{color: #d3d5d6;cursor: auto;}
.MainDiv01 .function-middle{width: 864px;overflow: hidden;}


.MainDiv01 .function-border{width: 200%;transition:margin .3s ease-in-out;font-size: 0;}
.MainDiv01 .function-border>div{font-size: 15px;cursor: pointer;margin: 0 6px;width: 95px;display: inline-flex;flex-direction: column-reverse;align-items: center;line-height: 30px;}
.MainDiv01 .function-border>div:after{content: "";width: 73px;height: 73px;display: block;background: url(../img/ic-sprites.png) no-repeat -254px -255px; background-size: 333px 333px; }
.MainDiv01 .function-border>div:nth-child(2):after{background-position: -171px -255px; }
.MainDiv01 .function-border>div:nth-child(3):after{background-position: -88px -255px; }
.MainDiv01 .function-border>div:nth-child(4):after{background-position: -5px -255px; }
.MainDiv01 .function-border>div:nth-child(5):after{background-position: -255px -171px; }
.MainDiv01 .function-border>div:nth-child(6):after{background-position: -255px -88px; }
.MainDiv01 .function-border>div:nth-child(7):after{background-position: -255px -5px; }
.MainDiv01 .function-border>div:nth-child(8):after{background-position: -171px -172px;}
.MainDiv01 .function-border>div:nth-child(9):after{background-position: -88px -172px; }
.MainDiv01 .function-border>div:nth-child(10):after{background-position: -5px -172px; }
.MainDiv01 .function-border>div:nth-child(11):after{background-position: -172px -88px; }
.MainDiv01 .function-border>div:nth-child(12):after{background-position: -5px -5px; }
.MainDiv01 .function-border>div:nth-child(13):after{background-position: -172px -5px; }
.MainDiv01 .function-border>div:nth-child(14):after{background-position: -88px -89px; }
.MainDiv01 .function-border>div:nth-child(15):after{background-position: -5px -89px; }
.MainDiv01 .function-border>div:nth-child(16):after{background-position: -89px -5px; }
.MainDiv01 .function-border>div .p-container {display: none;justify-content: center;align-items: flex-end;}
.MainDiv01 .function-border>div p{color: #666;border: 1px dotted #666;background: #fff;border-radius: 5px;width: 200px;padding: 5px;position: absolute;margin-bottom: 80px;/* z-index: 3; */line-height: 19px;}
.MainDiv01 .function-border>div p:after{content: "\25bc";color: #666;display: inline-block;position: absolute;bottom: -14px;left: 50%;transform: translateX(-50%);}
.MainDiv01 .function-border>div:hover .p-container {display: flex;}
.MainDiv01 .function-border>div>img{width: 73px;height: 73px;}



.MainDiv01 .Effective .down { display: inline-block; height: 50px; padding: 0 75px 0 30px; background: #0f9bff url(../img/windows_mac.png) calc(100% - 20px) center no-repeat; display: inline-block; font-size: 23px; color: #fff; line-height: 50px; transition: background 0.5s; -o-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.MainDiv01 .Effective .down:hover { background-color: #12bcff; }

.MainDiv01 .Effective .use { display: flex; align-items: center; justify-content: center; padding: 20px 0 0; }
.MainDiv01 .Effective .use ol { display: flex; font-size: 15px; }
.MainDiv01 .Effective .use ol li { list-style: none; background-size: 13px 13px;  padding: 0 20px; }
.MainDiv01 .Effective .use a {  color: #333; text-decoration: none; }
.MainDiv01 .Effective .use a:hover { color: #0f9bff; text-decoration: underline; }
.MainDiv01 .Effective .meet span{padding: 20px 0;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;font-size: 15px;}
.MainDiv01 .Effective .meet span:before{content: "";width: 28px;height: 28px;display: inline-block;background: url(../img/icons-sprites.png) no-repeat -88px -158px; margin-right: 10px;}
.MainDiv01 .Effective .meet img{padding: 0 15px 0 0;}

/* CSS Document */
.app-recommend{background: #e7edf1;text-align: center;padding: 30px 0;}
.app-recommend p{font-size: 19px;}
.app-recommend .app-links{padding: 20px 0 0;display: flex;gap:20px;justify-content: center;}
/* CSS Document */
.MainDiv02 {  background: url(../img/div01-04.jpg) top center no-repeat, url(../img/main02_bg.png) top repeat-x; }
.MainDiv02 .Effective {  font-size: 17px; height:797px; position: relative; }
.emit-ytbpopup-container {width: 50px;height: 50px;position: absolute;top: 205px;left: 340px;cursor: pointer;}
.emit-ytbpopup {display: block;width: 100%;height: 100%;background-color: rgba(255,0,0,0.6);border-radius: 50%;position: relative;z-index: 2;overflow: hidden;}
.emit-ytbpopup::before {content: "";border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 22px solid #fff;display: block;margin: 12px 0 0 17px;}
.emit-ytbpopup-container::before,.emit-ytbpopup-container::after {content: "";width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,0,0,0.6);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: wave 1.6s linear infinite;}
.emit-ytbpopup-container::after {animation-delay: 0.8s;}
@keyframes wave {0% {width: 100%;height: 100%;opacity: 1;}99.9% {width: 100px;height: 100px;opacity: 0;}100% {width: 100%;height: 100%;opacity: 1;}}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -30px;right: -30px;cursor: pointer;}
.MainDiv02 .Effective a { color: #333; text-decoration:none; border-bottom: 1px dotted #333; }
.MainDiv02 .Effective .One { width: 440px; position: absolute; padding: 20px; top: 120px; right: 0px; }
.MainDiv02 .Effective .One .top { padding: 25px 0 0; }
.MainDiv02 .Effective h2 { font-size: 33px; line-height: 45px; font-weight: 800;color: #000; }
.MainDiv02 .Effective p { font-size: 19px; line-height: 36px; color: #262626; }
.MainDiv02 .Effective .Two {  }
.MainDiv02 .Effective .Two h3 { font-size: 21px; line-height: 45px; font-weight: 800; }
.MainDiv02 .Effective .Two p { font-size: 16px; color: #4c4c4c; line-height: 24px; }
.MainDiv02 .Effective .c1 { top:480px; left: 200px; width: 380px;  position: absolute;  }
.MainDiv02 .Effective .c1 .pic {width: 60px;height: 40px;float: left;margin: 30px 0 0 20px;background: url(../img/icon2-sprites.png) no-repeat -382px -10px;}

.MainDiv02 .Effective .c1 .txt {  width: 260px; float: left; padding: 20px 0 20px 20px; }
.MainDiv02 .Effective .c2 { bottom:20px; left: 30px; width: 430px; position: absolute;  }
.MainDiv02 .Effective .c2 .pic{width: 60px;height: 40px;float: left;margin: 30px 0 0 30px;background: url(../img/icon2-sprites.png) no-repeat -302px -10px;}
.MainDiv02 .Effective .c3 .pic {width: 60px;height: 40px;float: left;margin: 30px 0 0 30px;background: url(../img/icon2-sprites.png) no-repeat -222px -10px;}

.MainDiv02 .Effective .c2 .txt, .MainDiv02 .Effective .c3 .txt {  width: 320px; float: left; padding: 20px 0 20px 20px; }
.MainDiv02 .Effective .c3 { bottom:20px; left: 460px;  width: 430px; position: absolute;  }
/* CSS Document */
.MainDiv03 { background: #f9f9f9; padding: 40px 0 0; }
.MainDiv03 .Effective {  font-size: 16px; height:903px;position: relative; }
.MainDiv03 .emit-ytbpopup-container {top: 345px;left: auto;right: 360px;}
.MainDiv03 .Curtain { width: 100%; height: 620px; color: #e8e8e8; background: url(../img/div02-01.jpg) no-repeat; }
.MainDiv03 .Curtain a { color: #fff; text-decoration:none;border-bottom: 1px dotted #fff; }
.MainDiv03 .Curtain h2 { font-size: 33px; line-height: 45px; font-weight: 800; padding: 60px 0 0 45px; color: #fff; display: inline-block; width: 610px; }
.MainDiv03 .Curtain p { width: 390px; padding: 165px 0 0 45px; line-height: 36px; font-size: 19px; }
.MainDiv03 .introduce { display: flex; display: -webkit-flex; width: 100%; justify-content: center; padding: 30px 0 20px; flex-wrap: wrap; }
.MainDiv03 .introduce .icon {  width: 76px; height: 65px; flex-direction: column; margin: 0 20px;  }
.MainDiv03 .introduce .text { width: 270px; margin: 0 10px;  }
.MainDiv03 .introduce .text h3 { font-size: 21px; font-weight: 800; padding: 0 0 10px 0; }
/* CSS Document */
.MainDiv04 {  background: url(../img/div04-01.png) top repeat-x; }
.MainDiv04 .Effective {  font-size: 19px; line-height: 36px; height:983px; }
.MainDiv04 .Effective h2 { font-size: 33px; padding: 95px 0 20px 0; text-align: center; font-weight: 800; }
.MainDiv04 .Effective p { padding: 0 5% 25px; text-align: center; }
.MainDiv04 .Effective p a { color: #333; text-decoration:none; border-bottom: 1px dotted #333; }
.MainDiv04 .Effective .bg {width: 100%; height: 600px; background: url(../img/div03-04.png) right bottom no-repeat; color: #fff; font-size: 19px; position: relative;}
.MainDiv04 .Effective .bg ul { padding: 70px 0 0 70px; }
.MainDiv04 .Effective .bg ul li { padding: 12px 0 12px 50px; list-style: none; }
.MainDiv04 .Effective .bg ul li:nth-child(1) {  background: url(../img/div03-05.svg) 5px 18px no-repeat; background-size: 34px 34px; }
.MainDiv04 .Effective .bg ul li:nth-child(2) {  background: url(../img/div03-06.svg) 5px 18px no-repeat; background-size: 34px 34px; }
.MainDiv04 .Effective .bg ul li:nth-child(3) {  background: url(../img/div03-07.svg) 5px 18px no-repeat; background-size: 34px 34px; }
.MainDiv04 .Effective .bg ul li:nth-child(4) {  background: url(../img/div03-08.svg) 5px 18px no-repeat; background-size: 34px 34px; }
.MainDiv04 .Effective .bg ul li:nth-child(5) {  background: url(../img/div03-09.svg) 5px 18px no-repeat; background-size: 34px 34px; }
.MainDiv04 .Effective .cel01 { width: 600px; height: 242px; position: absolute; bottom: -121px; left: 20px; }
.MainDiv04 .Effective .cel02 { width: 449px; height: 237px; position: absolute; bottom: -121px; right: 30px; }
/* CSS Document */
.MainDiv05 { background: url(../img/div05-01.jpg) top center no-repeat #ffffff;  }
.MainDiv05 .Effective {  font-size: 19px; height:662px; display: flex; padding: 0 0 20px 0; }
.MainDiv05 .Effective .left { width: 585px; position: relative; text-align: center; }
.MainDiv05 .Effective .left .bar { border-radius: 50%; box-shadow:0px 0px 10px 10px #f4f4f4; }
.MainDiv05 .Effective .left .cel01 { width: 250px; height: 250px; position: absolute; top: 180px; left: 225px; }
.MainDiv05 .Effective .left .cel02 { width: 150px; height: 150px; position: absolute; top: 90px; left: 153px; }
.MainDiv05 .Effective .left .cel03 { width: 100px; height: 150px; position: absolute; top: 220px; right: -10px; }
.MainDiv05 .Effective .left .cel04 { width: 185px; height: 185px; position: absolute; top: 390px; left: 76px; }
.MainDiv05 .Effective .left .cel05 { width: 145px; height: 145px; position: absolute; top: 495px; right: 55px; }
.MainDiv05 .Effective .left p { padding: 5px 0 0; line-height: 20px;  }
.MainDiv05 .Effective .right { width: 515px; padding: 0 0 0 70px; }
.MainDiv05 .Effective .right h2 { padding: 160px 0 120px; font-size: 33px; font-weight: 800; line-height: 45px; }
.MainDiv05 .Effective .right p { line-height: 36px; }
.MainDiv05 .Effective .right p a { color: #333; text-decoration:none; border-bottom: 1px dotted #333; }
/* CSS Document */
.MainDiv06 { background:linear-gradient(#fff,#f7f7f8);  }
.MainDiv06 .Effective {  font-size: 19px; padding: 30px 0 30px 0; }
.MainDiv06 .Effective h2 {  text-align: center; font-size: 37px; line-height: 48px; font-weight: 800; }
.MainDiv06 .Effective h2 span { font-size: 19px; display: block; line-height: 36px;  width: 80%; margin: 0 auto; padding: 0 0 30px 0; font-weight: 300; }
.MainDiv06 .Effective .features-box{background: #fff;border-radius: 50px;box-shadow: 0 5px 10px 0px #efefef;margin-bottom: 60px;}
.MainDiv06 .features-box .features-text{display: flex;justify-content: center;padding: 45px 100px 50px;}
.MainDiv06 .features-box .features-text a{display: inline-flex;flex-wrap: wrap;margin: 0 30px;text-decoration: none;font-size: 0;align-items: center;color: #000;text-align: center;flex-direction: column;}
.MainDiv06 .features-box .features-text a:before{content: "";width: 58px;height: 54px;display:block;background: url(../img/icons-sprites.png) no-repeat -88px -84px;}
.MainDiv06 .features-box .features-text a:nth-child(2):before{background: url(../img/icons-sprites.png) no-repeat -10px -158px;}
.MainDiv06 .features-box .features-text a:nth-child(3):before{background: url(../img/icons-sprites.png) no-repeat -166px -10px;}
.MainDiv06 .features-box .features-text a:nth-child(4):before{background: url(../img/icons-sprites.png) no-repeat  -88px -10px;}
.MainDiv06 .features-box .features-text a:nth-child(5):before{background: url(../img/icons-sprites.png) no-repeat -10px -84px;}
.MainDiv06 .features-box .features-text a:nth-child(6):before{background: url(../img/icons-sprites.png) no-repeat -10px -10px;}
.MainDiv06 .features-box .features-text a:nth-child(7):before{background: url(../img/icons-sprites.png) no-repeat -166px -84px;}
.MainDiv06 .features-box .features-text a span{border-bottom: 1px dotted currentcolor;font-size: 15px;}
.MainDiv06 .features-box .features-text a.on{color:#0f9bff;}
.MainDiv06 .features-box .features-movies > div{display: flex; overflow: hidden; font-size: 0;position: relative;height: 270px;}
.MainDiv06 .features-box .features-movies .movies-top{margin-bottom: 20px;}
.MainDiv06 .features-box .features-movies .movies-top .movies-content{animation: myMove 50s linear infinite;}
.pause{animation-play-state: paused!important;}
@keyframes myMove{
	0%{transform: translate3d(0,0,0); }
	100% { transform: translate3d(-50%, 0, 0); }
}
.MainDiv06 .features-movies .movies-content{white-space: nowrap;}
.MainDiv06 .features-box .features-movies .movies-bottom{flex-direction: row-reverse;}
.MainDiv06 .features-movies .movies-bottom .movies-content{animation: myMove2 50s linear infinite;}
@keyframes myMove2{
	0%{transform: translate3d(0,0,0); }
	100% { transform: translate3d(50%, 0, 0); }
}

.MainDiv06 .features-movies video{display: inline-block;margin-right: 20px;border-radius: 10px;}
.MainDiv06 .features-movies video:last-child(){ margin-right: 0; }
.MainDiv06 .features-movies .movies-bottom video{ margin-right: 0; margin-left: 20px; }
.MainDiv06 .features-movies .movies-bottom video:last-child(){ margin-left: 0; }
.MainDiv06 .features-movies .movies-one,.MainDiv06 .features-movies .movies-two{display: inline-flex;}
.MainDiv06 .features-movies .movies-one video,.MainDiv06 .features-movies .movies-two video{height: 270px;object-fit: cover;}
.MainDiv06 .features-movies .movies-one video:nth-child(1){width: 455px;}
.MainDiv06 .features-movies .movies-one video:nth-child(2){width: 270px;}
.MainDiv06 .features-movies .movies-one video:nth-child(3){width: 405px;}
.MainDiv06 .features-movies .movies-two video:nth-child(1){width: 352px;}
.MainDiv06 .features-movies .movies-two video:nth-child(2){width: 366px;}
.MainDiv06 .features-movies .movies-two video:nth-child(3){width: 122px;}
.MainDiv06 .features-movies .movies-two video:nth-child(4){width: 270px;}



.MainDiv06 .Effective .col {  width: 100%; padding: 20px 0;  display: flex; flex-wrap: wrap; justify-content: space-around; }
.MainDiv06 .Effective .col a {  color: #fff; text-decoration:none; border-bottom: 1px dotted #fff; }
.MainDiv06 .Effective .col .left { width: 560px; display: flex; flex-wrap: wrap; justify-content: space-around; }
.MainDiv06 .Effective .col .left .cel { width: 170px; padding: 10px 0; text-align: center; }
.MainDiv06 .Effective .col .left .cel a:before{content: "";width: 170px;height: 146px;display: inline-block;background: url(../img/icon2-sprites.png) no-repeat -462px -10px;}
.MainDiv06 .Effective .col .left .cel:nth-child(2) a:before{background: url(../img/icon2-sprites.png) no-repeat -652px -10px;}
.MainDiv06 .Effective .col .left .cel:nth-child(3) a:before{background: url(../img/icon2-sprites.png) no-repeat -842px -10px;}
.MainDiv06 .Effective .col .left .cel:nth-child(4) a:before{background: url(../img/icon2-sprites.png) no-repeat -1032px -10px;}
.MainDiv06 .Effective .col .left .cel:nth-child(5) a:before{background: url(../img/icon2-sprites.png) no-repeat -1222px -10px;}
.MainDiv06 .Effective .col .left .cel:nth-child(6) a:before{background: url(../img/icon2-sprites.png) no-repeat -1412px -10px;}
.MainDiv06 .Effective .col .left .cel p { padding: 5px 0 0 0px; color: #4c4c4c;font-size: 15px;  }
.MainDiv06 .Effective .col .right { width: 440px; }
.MainDiv06 .Effective .col .right h3 { font-size: 21px; line-height: 25px; font-weight: 600; padding: 70px 0 30px; }
.MainDiv06 .Effective .col .right p { font-size: 19px; line-height: 36px;  }
.MainDiv06 .Effective .col .right p span { display: block; padding: 10px 0 0; }
.MainDiv06 .Effective .col .right p a { color: #119dff; text-decoration: none; }
.MainDiv06 .Effective .col .right p a:hover { text-decoration: underline; }
/* CSS Document */
.MainDiv07 { background: #fff; }
.MainDiv07 .Effective {  display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 30px 0; }
.MainDiv07 .col { width: 575px; height: 290px; margin: 18px 0 0; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 10px; position: relative; }
.MainDiv07 .col a { color: #fff; text-decoration:none; }
.MainDiv07 .bg01 { background: url(../img/div07-01.png) no-repeat; }
.MainDiv07 .bg02 { background: url(../img/div07-02.png) no-repeat; }
.MainDiv07 .bg03 { background: url(../img/div07-03.png) no-repeat; }
.MainDiv07 .bg04 { background: url(../img/div07-04.png) no-repeat; }
.MainDiv07 .col:hover { box-shadow:0px 0px 20px 10px #e2e2e2; }
.MainDiv07 .col .bgs { width: 575px; height: 290px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; border-radius: 10px; flex-direction: column;  opacity: 0; z-index: 5; }
.MainDiv07 .col .bgs p { color: #fff; padding: 10px 0 0; font-size: 19px; }
.MainDiv07 .col h4 { display: inline-block; padding: 10px; background: #000; color: #fff; border-radius: 5px; font-size: 19px; position: absolute; top: 20px; left: 20px; z-index: 10; }
/* CSS Document */
.recmdCont{padding: 10px 0 20px; text-align: center;background: -webkit-linear-gradient(top,#f7f7f8, #fbfbfc);background: -moz-linear-gradient(top,#f7f7f8, #fbfbfc);background: linear-gradient(top,#f7f7f8, #fbfbfc);}
.recmdCont .star{padding: 40px 0 20px;}
.recmdCont .star img{padding: 0 5px;}
.recmdCont h2{font-size: 33px;font-weight: bold;width: 43%;margin: 0 auto;line-height: 45px;}
.recmdCont .recmd-border{display: flex;justify-content: space-between;padding: 0 100px;}
.recmdCont .recmd-border span{margin: 150px 0 0;display: inline-flex;cursor: pointer;width: 62px;height: 62px;border:1px solid #e2e2e2;border-radius: 50%;text-align: center;}
.recmdCont .recmd-border span:after{content: "";display: inline-block;width: 15px;height: 15px;border-left: 1px solid #4f4f4f;border-bottom: 1px solid #4f4f4f;transform:translate(4px,0) rotate(45deg);margin: auto;}
.recmdCont .recmd-border .right span:after{transform: translate(-3px,0) rotate(-135deg);}
.recmdCont .recmd-content{width: 840px;height: 280px;position: relative;overflow: hidden;}
.recmd-box{ position: absolute; left: 0; top: 0; width: 30000px;}
.recmd-box .box_one{text-align: center;float: left;width: 840px;}
.box_one .pic{padding: 25px 0;}
.box_one p{font-size: 25px;color: #333;padding: 0 40px;line-height: 40px;}
.box_one .other{padding: 20px 0 0; font-size: 14px;}
.recmd-bottom{text-align: center;padding: 0 0 20px 0;}
.recmd-bottom span{display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #ededed;cursor: pointer;margin: 0 10px;}
.recmd-bottom span.focus{background: #0669ff;}
/* CSS Document */
.downFree{background: -webkit-linear-gradient(top,#fbfbfc, #fff);background: -moz-linear-gradient(top,#fbfbfc, #fff);background: linear-gradient(top,#fbfbfc, #fff);padding: 10px 0;}
.downFree .downVlg{text-align: center;background:#fff;color: #333;border-radius: 15px;padding: 50px 0;box-shadow: -2px 0 3px -1px #f4f5f6, 0 -2px 3px -1px #f4f5f6, 0 2px 3px -1px #fff,2px 0 3px -1px #f4f5f6;}
.downVlg .v{}
.downVlg .v span{display: inline-block;padding:3px 15px;color: #0669ff;background: #e2eeff;border-radius: 20px; }
.downVlg h2{font-size: 33px;text-align: center;font-weight: bold;padding: 35px 0 20px;line-height: 45px;color: #333;}
.downVlg h2 span{position: relative;display: inline-block;}
.downVlg h2 var{font-style: normal;z-index: 2;position: relative;}
.downVlg h2 span:after{display: inline-block;width: calc(100% - 6px);border-bottom: 12px solid #ffb27f;content: "";height: 0;line-height: 0;position: absolute;bottom:6px;left: 3px;z-index: 1;}
.downVlg p{font-size: 21px;padding: 0 13%;line-height: 25px;}
.downVlg .downBtn{ font-size: 24px;padding: 30px 0 50px;}

.downVlg .down { width: 225px; height: 50px; padding: 0 40px 0 0; background: #0f9bff url(../img/windows_mac.png) 200px center no-repeat; display: inline-block; font-size: 23px; color: #fff; line-height: 50px; transition: background 0.5s; -o-transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.downVlg .down:hover { background: #12bcff url(../img/windows_mac.png) 200px center no-repeat; }
.downVlg .ensure{}
.downVlg .ensure span{display: inline-block;/* padding: 0 15px; */width: 160px;}
.downVlg .ensure span var{margin: 0 0 10px;display: inline-flex;align-items: center;justify-content: center;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px #e7e6e6;}
.downVlg .ensure span var:before{content: "";width: 33px; height: 34px;display: inline-block; background: url(../img/icon2-sprites.png) no-repeat -10px -10px;}
.downVlg .ensure span:nth-child(2) var:before{background: url(../img/icon2-sprites.png) no-repeat -63px -10px;}
.downVlg .ensure span:nth-child(3) var:before{background: url(../img/icon2-sprites.png) no-repeat -116px -10px;}
.downVlg .ensure span:nth-child(4) var:before{background: url(../img/icon2-sprites.png) no-repeat -169px -10px;}
.downFree .centerBox{display: flex;justify-content: space-between;font-size: 17px; text-align: center; padding: 30px 0 0;}
.downFree .centerBox .left{width: 48%;height: 314px;background: url(../img/lcenter.png) no-repeat center bottom #f5f5f5;border-radius: 15px;}
.downFree .centerBox .left h3{font-size: 33px;font-weight: bold;padding: 60px 0 15px; line-height: 45px;}
.downFree .centerBox .left p{color: #666;padding: 0 14%;line-height: 30px;}
.downFree .centerBox .left p a{color: #000;text-decoration: none;border-bottom: 1px dashed #000;}
.downFree .centerBox .left .more{padding: 18px 0 0;}
.downFree .centerBox .left .more a{color: #297bd2;}
.downFree .centerBox .right{background: url(../img/rcenter.png) no-repeat center bottom #f5f5f5;}
.downFree .centerBox .right p{padding: 0 60px;}
.downFree .newsCenter{display: flex;justify-content: space-between;padding: 40px 0 40px;}
.newsCenter .left{width: 32%;padding: 25px 0 0;display: flex;justify-content: space-between;align-content: space-between;font-size: 17px;flex-wrap: wrap;}
.newsCenter .right{width: 65%;font-size: 16px; }
.newsCenter .left a{display: inline-block;border:1px solid #dadbde;border-radius: 8px;text-decoration: none;color: #333;padding: 0 15px;line-height: 50px;flex-grow: 1;margin-right: 10px;text-align: center;}
.newsCenter .left a:hover{background: #f2f8ff;border:1px solid #66bfff;color: #66bfff;}
.newsCenter .right .ques-one{border-bottom: 1px solid #f0f0f0;padding: 20px 0 10px;}
.newsCenter .right .ques-one a { color: #333; text-decoration:none; }
.newsCenter .right .ques-one a:hover { border-bottom: 1px #119dff dotted; color: #119dff; }
.newsCenter .right .ques-one .t{font-size: 21px;cursor: pointer;margin-bottom: 10px;color: #000; line-height: 25px; }
.newsCenter .right .ques-one .t:after{content: "";display: inline-block;width: 12px;height: 12px;border-right: 2px solid #86868b;border-bottom: 2px solid #86868b;transform:translate(-5px,0) rotate(45deg);float: right;}
.newsCenter .right .ques-one .t span{color: #fff;font-weight: bold;display: inline-block;background: #f23838;border-radius: 5px;padding: 2px 13px;}
.newsCenter .right .ques-one .ques-ans{color: #737480;display: none;}
.newsCenter .right .ques-one.focus .t:after{transform: translate(-5px,8px) rotate(225deg);transition: all 0.5s;}
.newsCenter .right .ques-one.focus .ques-ans{display: block;padding-right: 40px;}
/* CSS Document */
.sinceCompy{background: #f8f9fa;padding: 20px 0;color: #808080;font-size: 17px;}
.sinceCompy p{padding: 10px 0 0;}
.sinceCompy p a{color: #119dff; text-decoration:none;border-bottom: 1px dotted #119dff; }
/* CSS Document */
.bottomFooter{font-size: 17px;}
.bottomFooter .Effective{display: flex;justify-content: space-between;border-bottom: 1px solid #f2f2f2;padding: 30px 0 20px;}
.bottomFooter .Effective > div{width: 17%;}
.bottomFooter .Effective > div:last-child{width: 22%;}
.bottomFooter .Effective > div:last-child ul{width: 78%;}
.bottomFooter .Effective h6{color: #000;font-size: 22px;padding: 0 0 15px;}
.bottomFooter ul li{padding: 15px 0;}
.bottomFooter ul li a{color: #666;text-decoration: none;line-height: 18px;display: inline-block;width: 100%;justify-content: space-between;display: flex;align-items: center;}
.bottomFooter ul li a:after{content: "";display: inline-block;width: 11px;height: 11px;border-right:2px solid #191919;border-bottom:2px solid #191919;transform: rotate(-45deg);}
.bottomFooter ul li a:hover{color: #0f9bff;}
.bottomFooter ul li a:hover:after {border-color: #0f9bff;}
.bottomFooter .share{ display:flex; justify-content: space-between;padding: 20px 0 0;}
.bottomFooter .share a{display: inline-block;width: 50px;line-height: 50px;border-radius: 50%;text-align: center;}
.bottomFooter .share a.fb{background:#abbadb;}
.bottomFooter .share a.tw{background:#c1d9f5;}
.bottomFooter .share a.yt{background:#eeaea5;}
.bottomFooter .share a.em{background:#ffe9ba;}
/* CSS Document */
.pop {width: 820px; background: #edf2f6;border-radius: 5px;position: relative;text-align: center;padding: 40px 0 70px;color: #333;}
.pop .Close { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; cursor: pointer;  }
.pop h3 { font-size: 21px; font-weight: 800; }
.pop h4 {padding: 20px 0 30px;font-size: 21px;color: #000;}
.pop h4 span { padding: 0 0 0 30px; display: inline-block; background: url(../img/play.svg) 2px 0 no-repeat; background-size: 23px 23px; }
.pop h4 a { color: #0f9bff; text-decoration: none; }
.pop h4 a:hover { text-decoration: underline; }
.pop .fast-guide{text-align: center; padding-bottom: 40px;}
.pop .fast-guide span{display: inline-flex;align-items: center;}
.pop .fast-guide span:before{content: "";width: 19px;height: 20px; display: inline-block;background: url(../img/icons-sprites.png) no-repeat -244px -50px; margin-right: 5px;}
.pop .fast-guide span:nth-child(2):before{width: 20px; background: url(../img/icons-sprites.png) no-repeat -244px -10px;}
.pop .fast-guide a{color: #4683ff;font-size: 19px;text-decoration: none;border-bottom:1px #edf2f6 solid;}
.pop .fast-guide a:hover{border-bottom: 1px #4683ff dotted;}
.pop .fast-guide span:nth-child(1){margin-right: 35px;}

.pop .shares {width: 82%;height: 200px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;background: #fff;}
.pop .shares p {font-size: 18px;color: #000;padding: 25px 110px 20px;}
.pop .shares .box { display: flex; align-items: center; justify-content: space-around; padding: 15px 0; width: 80%; }

.movenav {border-bottom: 1px solid #dfe5e9;background: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
.movenav .Effective {display: flex; flex-direction: row; justify-content: space-between; }
.movenav .log {width: 176px;padding: 8px 0;}
.movenav .text {width: 850px;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.movenav .text ul {display: flex;padding: 5px 0 0;align-items: center;}
.movenav .text ul li {padding: 0 40px 0 0;font-size: 17px;}
.movenav .text ul li:before{content: ""; width: 24px;height: 21px;display: inline-block;transform: translateY(5px); margin-right: 5px;background: url(../img/icons-sprites.png) no-repeat -136px -158px;}
.movenav .text ul li:nth-child(2):before{width: 19px;height: 18px;transform: translateY(5px);background: url(../img/icons-sprites.png) no-repeat -244px -90px;}
.movenav .text ul li:nth-child(3):before{width: 20px;height: 20px;transform: translateY(4px);background: url(../img/icons-sprites.png) no-repeat -180px -158px;}
.movenav .text ul a { color: #333; text-decoration: none; }
.movenav .text ul a:hover { color: #0f9bff; text-decoration: underline; }
.movenav .text .btn {  border-radius: 5px; display: inline-block; width: 145px; height: 45px; background: #0f9bff; color: #fff; text-align: center; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.movenav .text .btn p { line-height: 17px; padding: 6px 0 0; font-size: 15px; }
.movenav .text .btn p span { display: block; font-size: 13px; }
.movenav .text .btn:hover { background: #12bcff; }

@media (max-width: 1169px) { 
	.Effective{width: 96%; margin: 0 auto;}
	.MainDiv01 .Effective p { padding: 40px 10% 30px;  }
	.MainDiv01 .function-box{margin: 0 auto;}
	.MainDiv01 .Effective .meet span{display: none;;}
	

	/* CSS Document */
	.MainDiv02 { background: url(../img/div01-044.jpg) top right no-repeat, url(../img/main02_bg.png) top repeat-x #f9f9f9; padding: 10px 0; }
	.MainDiv02 .Effective { position:static; display: flex; flex-direction: column; flex-wrap: wrap;  height: auto; padding: 20px 0; }
	.emit-ytbpopup-container {display: none;}
	.MainDiv02 .Effective .One { background-color:rgba(252, 252, 252, 0.8); border-radius: 5px; box-shadow:0px 0px 20px 10px #efefef; position: static; width: calc(50% - 40px);  }
	.MainDiv02 .Effective .c1, .MainDiv02 .Effective .c2, .MainDiv02 .Effective .c3 { position: static;  background-color:rgba(252, 252, 252, 0.8); border-radius: 5px; box-shadow:0px 0px 20px 10px #efefef; width: 50%; margin-top: 20px; }
	/* CSS Document */
	.MainDiv03 .Effective { height: auto; }
	.MainDiv03 .Curtain { background: url(../img/div02-01.jpg) center no-repeat; border-radius: 10px; padding:0 10%; width: 80%; height: auto;  }
	.MainDiv03 .Curtain h2 { display: inline-block; padding: 10px; margin: 20px 0; width: 85%; }
	.MainDiv03 .Curtain p {  display: inline-block; background-color:rgba(252, 252, 252, 0.5); border-radius: 5px; color: #333; padding: 10px; margin: 20px 0; width: 55%; }
	.MainDiv03 .introduce .text { padding: 15px 0; }
	/* CSS Document */
	.MainDiv04 .Effective { height: auto; }
	.MainDiv04 .Effective .bg {  position: static; border-radius: 10px; display: flex; flex-direction: column; }
	.MainDiv04 .Effective .cel01 { position: static; }
	.MainDiv04 .Effective .cel02 { display: none; }
	/* CSS Document */
	.MainDiv05 { background: #ffffff; }
	.MainDiv05 .Effective {  flex-direction: column; justify-content: center; padding: 40px 0; height: auto; }
	.MainDiv05 .Effective .left { display: flex; justify-content: center;  flex-wrap: wrap; width: 100%;  align-items: baseline;  }
	.MainDiv05 .Effective .left .cel01 { display: none; }
	.MainDiv05 .Effective .left .cel02, .MainDiv05 .Effective .left .cel03, .MainDiv05 .Effective .left .cel05, .MainDiv05 .Effective .left .cel04 { width: 185px; height: 125px; height: auto; padding: 10px;  position: static; display: flex;  flex-direction: column; align-items: center; }
	.MainDiv05 .Effective .right { width: 100%; padding: 0; text-align: center; }
	.MainDiv05 .Effective .right h2 { padding: 20px 0; font-size: 35px; font-weight: 800; line-height: 48px; }
	/* CSS Document */
	.MainDiv06 .Effective .col .right { width: calc(100% - 630px); }	
	.MainDiv06 .features-box .features-text{/* flex-wrap: wrap; */padding-left: 0;padding-right: 0;}
	/* CSS Document */
	.MainDiv07 .col { width: 49%; }
	.MainDiv07 .col .bgs { width: 100%; }
	/* CSS Document */
	.recmdCont h2{width: 60%;}
	.recmdCont .recmd-border{padding: 0 5%;}
	.box_one p{padding: 0;}
	.recmdCont .recmd-content{width: 80%;}
	/*-----------*/
	.downFree .centerBox .left p{padding: 0;}
	.newsCenter .left{width: 38%;padding: 0;}
	.newsCenter .right{width: 62%;padding: 0;}
	/*-----------*/
	.bottomFooter .Effective > div{width: 19%;}
	.bottomFooter .Effective > div:last-child ul{width: auto;}
	/*-----------*/
}

@media (max-width: 979px) {
	.MainDiv01{background-image: none;}
	.MainDiv01 .Effective h1 i{ bottom:5px; right:40px; }
	.MainDiv01 .function-box{background: url(../img/icon-bg1.png) no-repeat center top;}
	.MainDiv01 .function-box{margin-bottom: 40px;}
	.MainDiv01 .function-middle{margin: 0 auto;width: 720px;}
	.MainDiv01 .function-left{position: absolute;bottom: -30px;}
	.MainDiv01 .function-right{position: absolute;bottom: -30px;}
	.MainDiv01 .function-border>div{/* width: 80px; */}
	.function-border{text-align: left;}


	/* CSS Document */
	.MainDiv02 .Effective .One { width: calc(80% - 40px);  }
	.MainDiv02 .Effective .c1, .MainDiv02 .Effective .c2, .MainDiv02 .Effective .c3 { width: 80%; }
	/* CSS Document */
	.MainDiv06 .Effective .col .left {width: 96%;}
	.MainDiv06 .Effective .col .right { width: 96%; }
	.MainDiv06 .features-box .features-text{ flex-wrap: wrap; }
	.MainDiv06 .features-box .features-text a{width: 100px;margin: 0 10px;align-items: center;}
	.MainDiv06 .features-box .features-text a:nth-child(3){width: 70px;}
	/* CSS Document */
	.recmdCont .recmd-border{padding: 0;}
	.recmdCont h2{font-size: 35px;width: 70%;}
	.box_one p{font-size: 23px;}
	/*-----------*/
	.downFree .newsCenter{display: block;}
	.newsCenter .left,.newsCenter .right{width: 100%;}
	.newsCenter .left a{margin: 10px 5px;}
	/*-----------*/
	.bottomFooter .Effective{flex-wrap: wrap;}
	.bottomFooter .Effective > div,.bottomFooter .Effective > div:last-child{width: 40%; margin-bottom: 20px; }
	/*-----------*/
	
}

@media (max-width: 767px) {

	.MainDiv01 .Effective h1 span { font-size: 31px; line-height: 42px;  }
	.MainDiv01 .Effective h1 em {  font-size: 23px; font-style: normal;  bottom: 0px;  }
	.MainDiv01 .Effective h1 i{ display: none; }
	.MainDiv01 .Effective .use ol { flex-wrap: wrap; justify-content: center; align-items: center;}
	.MainDiv01 .function-middle{width: 410px;}
	/* CSS Document */
	.MainDiv02 .Effective h2 { font-size: 23px; line-height: 35px; }
	.MainDiv02 .Effective .One { width: calc(100% - 40px);  }
	.MainDiv02 .Effective .c1, .MainDiv02 .Effective .c2, .MainDiv02 .Effective .c3 { width: 100%; }
	/* CSS Document */
	.MainDiv03 .Curtain {  width: 96%; padding: 20px 2%;  }
	.MainDiv03 .Curtain h2 { padding: 10px; width: calc(100% - 20px); font-size: 21px; line-height: 32px;  }
	.MainDiv03 .Curtain p { width: 90%; }
	.MainDiv03 .introduce .icon { margin: 15px; }
	.MainDiv03 .introduce .text { width: 100%;  }
	/* CSS Document */
	.MainDiv04 .Effective h2 { font-size: 23px; padding: 25px 0; text-align: center; }
	.MainDiv04 .Effective .bg { height: auto; }
	.MainDiv04 .Effective .bg ul { padding: 20px;  }
	.MainDiv04 .Effective .cel01 { display: none; }
	.MainDiv04 .Effective .cel02 { position: static; display: block; }
	/* CSS Document */
	.MainDiv05 .Effective .right h2 { padding: 30px 0; font-size: 23px; line-height: 35px; }
	/* CSS Document */
	.MainDiv06 .Effective h2 {  font-size: 23px; line-height: 35px; }
	.MainDiv06 .Effective h2 span { font-size: 17px; line-height: 30px;  width: 100%; padding: 0 0 30px 0; }
	.MainDiv06 .features-box .features-text a{margin: 5px 10px; width: 100px;}
	.MainDiv06 .features-box .features-text a:nth-child(3){width: 70px;}
	.MainDiv06 .features-box .features-text a:nth-child(4){width: 80px;}
	.MainDiv06 .features-box .features-movies > div{height: 200px;}
	.MainDiv06 .features-movies .movies-one video, .MainDiv06 .features-movies .movies-two video{height: 200px;}
	/* CSS Document */
	.MainDiv07 .col { width: 100%; }
	

	.recmdCont{padding: 30px 0 0;}
	.recmdCont .recmd-content{width: 90%;}
	.recmdCont h2{width: auto;font-size: 27px;}
	.box_one p{font-size: 20px;line-height: 32px;}
	.recmdCont .recmd-border span{width: 40px;height: 40px;}
	/*-----------*/
	.downVlg h2{font-size: 31px;}
	.downVlg p{padding: 0;}
	.downVlg .ensure span{padding: 0 1%;width:auto;}
	.downFree .centerBox{display: block;}
	.downFree .centerBox .left{width: 100%;margin-bottom: 10px;}
	.downFree .newsCenter{padding: 40px 0 40px;}
	/*-----------*/
	
}
@media (max-width: 479px) {
	.MainDiv01 .Effective h1 { position: static; display: block;  }
	.MainDiv01 .Effective h1 img { display: block; margin: auto; padding: 0 0 10px 0; }
	.MainDiv01 .Effective h1 span { font-size: 27px; line-height: 38px;  }
	.MainDiv01 .Effective h1 em {  font-size: 19px; position: static; }
	.MainDiv01 .Effective p{padding: 40px 4% 30px;}
	.MainDiv01 .function-middle{width: 100%;}
	.MainDiv01 .function-border>div{width: 16%;text-align: center; margin: 3px auto;}
	/* CSS Document */
	.MainDiv04 .Effective .cel02 {  display: none; }
	/* CSS Document */
	.MainDiv05 .Effective .left .cel02, .MainDiv05 .Effective .left .cel03, .MainDiv05 .Effective .left .cel05, .MainDiv05 .Effective .left .cel04{width: 30%;}
	/* CSS Document */
	.MainDiv06 .features-box .features-text a{width: 100px;}
	.MainDiv06 .features-box .features-text a:nth-child(3){width: 70px;}
	.MainDiv06 .features-box .features-text a:nth-child(4){width: 80px;}
	.MainDiv06 .Effective .col .left{width: auto;}
	/* CSS Document */
	.recmdCont .recmd-border{display: block;position: relative;}
	.recmdCont .recmd-border .left{position: absolute;bottom: 0; left: 30%;}
	.recmdCont .recmd-border .right{text-align: right;padding-right: 30%;}
	.recmdCont .recmd-border span{margin: 0;}
	.recmdCont .recmd-content{width: 100%;}
	.box_one p{font-size: 18px;}
	.box_one .pic img{width: 50%;}
	.recmd-bottom{padding: 20px 0;}
	/*-----------*/
	.downVlg h2,.downFree .centerBox .left h3{font-size: 27px;}
	.downVlg h2 span:after{width: 82%;left: 9%;}
	.downVlg .ensure{}
	.downVlg .ensure span{width: 48%; padding:0; margin: 5px auto;}
	.downFree .centerBox .right{height: 270px;}
	.downFree .centerBox .left h3{padding: 40px 0 15px;}
	.newsCenter .right .ques-one .t{font-size: 17px;}
	/*-----------*/
	.bottomFooter .Effective > div,.bottomFooter .Effective > div:last-child{width: 90%; margin-bottom: 20px; }
	/*-----------*/
}