@charset "utf-8";
/* CSS Document */
html,body {scroll-behavior: smooth;}
body {margin:0;padding:0;font:15px/24px tahoma, Arial, sans-serif!important;/*background:#e8eff4;*/-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input,div { padding:0; margin:0; list-style:none; font-weight:400;}
article,aside,footer,header,menu,section,blockquote {display:block;}
img{ max-width: 100%;vertical-align:middle;border: 0;}
.details { width:1200px; margin:0 auto;}

.main01 {min-height: 956px;box-sizing: border-box;padding: 45px 0;background: #fff url(../images/feature-video-subtitle/bg1.jpg) no-repeat center bottom;color: #000;text-align: center}
.main01 h1 {font-size: 61px;line-height: 65px;font-weight: 600;}
.main01 p {font-size: 23px;color: #484851;line-height: 25px;padding: 12px 0 28px;}
.banner-lists {margin: 0 50px;padding: 18px 25px 5px;border: 1px solid #c6c6c6;border-radius: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.banner-list-item {width: 500px;font-size: 17px;color: #464646;line-height: 19px;padding-bottom: 15px;padding-left: 20px;position: relative;text-align: left;}
.banner-list-item::before {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #252218;position: absolute;top: 7px;left: 0;}
.banner-buttons {display:flex; align-items:center; justify-content:center;margin:35px 0 280px;flex-flow: wrap;}
.download-buttons {display: flex;flex-wrap: wrap;justify-content: center;}
.download-buttons a,.banner-buy {display: block;width: 330px;line-height: 70px;font-size: 31px;background-color: #0fb4ff;border-radius: 6px;color: #fff;margin: 0 10px 20px;text-decoration: none;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);transition: all 0.2s;}
.download-buttons a:hover,.banner-buy:hover {box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.download-buttons a img {margin: 0 0 6px 20px;}
.banner-buy {background-color: #feaa22;font-size: 21px;}
.banner-buy img {margin: 0 0 6px 10px;}
.download-info {width: 100%;font-size: 16px;color: #666;line-height: 18px;margin: -15px auto 0;}

.main02 {padding: 65px 0 25px;background-color: #f6f6f6;}
.the-h2 {font-size: 35px;color: #141414;line-height: 37px;font-weight: 600;text-align: center;}
.the-h2 a {color: #3695ff;}
.main02-content {padding-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.main02-content-item {width: 359px;margin-bottom: 40px;text-align: center;}
.main02-content-item:nth-child(2) {margin: 0 60px 40px;}
.main02-content-item h3 {font-size: 22px;color: #141414;line-height: 26px;font-weight: 600;}
.main02-content-item p {font-size: 15px;color: #616161;min-height: 100px;line-height: 25px;padding: 15px 0 25px;}

.main03 {padding: 60px 0 75px;background-color: #fff;}
.main03 .details {width: 1250px;}
.content-nav {display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 65px;}
.content-nav a {white-space: nowrap;padding: 0 50px;line-height: 55px;font-size: 19px;color: #5a5a61;background-color: #f5f5f5;margin-right: 3px;margin-bottom: 10px;transition: all 0.2s;text-decoration: none;}
.content-nav a:first-child {border-radius: 28px 0 0 28px;}
.content-nav a:last-child {margin-right: 0;border-radius: 0 28px 28px 0;}
.content-nav a.on-active,.content-nav a:hover {background-color: #5fa3ff;color: #fff;}
.main03 .the-h2+p {font-size: 17px;color: #656668;line-height: 25px;padding: 30px 100px 55px;text-align: center;}
.main03-content {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main03-content-item {width: 394px;background-color: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);margin-bottom: 24px;}
.main03-content-item:nth-child(2) {margin: 0 28px 24px;}
.main03-content-item .the-step {padding: 22px 25px 8px;font-size: 15px;color: #5a5a61;line-height: 17px;}
.main03-content-item .the-step::before {content: "";display: block;width: 23px;height: 5px;background-color: #5fa3ff;margin-bottom: 14px;}
.main03-content-item h3 {font-size: 23px;color: #000;line-height: 25px;font-weight: 600;padding: 0 25px 12px;}
.item-content {min-height: 115px;padding: 0 25px;}
.item-content p {font-size: 15px;color: #5a5a61;line-height: 23px;padding-bottom: 15px;}
.item-downloads {padding-bottom: 30px;}
.item-downloads a {font-size: 15px;color: #1f88ff;line-height: 17px;text-decoration: underline;}
.main03 .last-p {font-size: 17px;color: #a8a9ad;line-height: 21px;text-align: center;}

.main04 {padding: 55px 0 40px;background-color: #f6f6f6;}
.main04 h2+p {font-size: 17px;color: #656668;line-height: 25px;padding: 30px 100px 40px;text-align: center;}
.main04 h2+p a {color: #3695ff;text-decoration: none;}
.main04-content {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding-bottom: 25px;}
.main04-left-content {width: 760px;display: flex;justify-content: flex-end;}
.main04-left-content img {max-width: initial;}
.main04-right-content {width: 380px;}
.the-list-item {padding-bottom: 42px;}
.the-list-item h3 {font-size: 23px;color: #000;line-height: 25px;font-weight: 600;padding-bottom: 14px;}
.the-list-item p {font-size: 15px;color: #5a5a61;line-height: 23px;}
.the-list-item p a {color: #3695ff;}
.main04 .download-buttons {text-align: center;display: flex;justify-content: center;}

.main05 {padding: 60px 0;background-color: #fff;}
.main05 .details {width: 1250px;}
.main05 h2+p {font-size: 17px;color: #656668;line-height: 25px;padding: 25px 75px 55px;text-align: center;}
.main05-content {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom: 105px;}
.main05-left-content {width: 420px;margin-right: 90px;}
.main05-left-content .the-list-item:last-child {padding-bottom: 0;}
.main05-lists {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;padding-bottom: 30px;}
.main05-list-item {width: 310px;margin-bottom: 30px;text-align: center;}
.main05-list-item:nth-child(2) {margin: 0 90px 30px;}
.main05-list-item h3 {font-size: 23px;color: #000;line-height: 25px;font-weight: 600;}
.main05-list-item p {font-size: 15px;color: #5a5a61;line-height: 23px;padding: 20px 0 12px;}
.main05-list-item>a {display: inline-block;padding-left: 33px;font-size: 15px;color: #3695ff;line-height: 17px;background: url(../images/feature-video-subtitle/ytb-icon.png) no-repeat left top;}
.main05 .download-buttons {text-align: center;display: flex;justify-content: center;}
.main05 .download-buttons a {font-size: 23px;width: 435px;}

.main06 {padding-top: 65px;text-align: center;background-color: #f6f6f6;}
.main06 .details {width: 1250px;}
.main06 h2+p {font-size: 17px;color: #656668;line-height: 25px;padding: 25px 75px 50px;}
.main06-list {display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 35px;}
.main06-list-item {width: 625px;box-sizing: border-box;padding: 0 10px 22px 26px;position: relative;font-size: 17px;color: #000;line-height: 21px;text-align: left;}
.main06-list-item::before {content: "";width: 14px;height: 14px;border: 2px solid #50c28b;border-radius: 50%;position: absolute;top: 3px;left: 0;}
.main06-list-item::after {content: "";width: 4px;height: 9px;border-right: 2px solid #50c28b;border-bottom: 2px solid #50c28b;transform: rotate(45deg);position: absolute;top: 6px;left: 6px;}
.main06 .download-buttons {text-align: center;display: flex;justify-content: center;margin-bottom: 70px;}

.main07 {background-color: #fff;padding: 40px 0;}
.main07 .details {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.main07 .details img {margin: 10px 25px;}

@media (max-width: 979px) {
	.mac-plat,.win-plat {display: none !important;}
	.mobile-plat {display: block !important;}
	.details,.main03 .details,.main05 .details,.main06 .details {width: 96%;}

	.main01 {background-position: center top;background-size: auto 250%;min-height: auto;}
	.banner-lists {justify-content: center;margin: 0;}
	.banner-buttons {margin-bottom: 50px;}

	.main02-content {justify-content: center;}
	.main02-content-item,.main02-content-item:nth-child(2) {margin: 0 20px 40px;}

	.content-nav a {padding: 0 20px;}
	.content-nav a:first-child,.content-nav a:last-child {border-radius: 0;}
	.main03 .the-h2+p,.main04 h2+p,.main05 h2+p,.main06 h2+p {padding: 30px 0 50px;}

	.main03-content {justify-content: center;}
	.main03-content-item,.main03-content-item:nth-child(2) {margin: 0 10px 30px;}

	.main04-content {justify-content: center;}
	.main04-left-content,.main04-right-content {width: 100%;}
	.main04-left-content {margin-bottom: 40px;}
	.main04-left-content img {max-width: 100%;}
	
	.main05-left-content {width: 100%;margin: 0 0 40px 0;}

	.main05-list-item,.main05-list-item:nth-child(2) {margin: 0 20px 30px;}

	.main06-list {justify-content: center;}
}

@media (max-width: 767px) {
	.banner-list-item {width: 100%;}

	.main02-content-item p {min-height: auto;}
}
@media (max-width: 479px) {
	.main01 h1 {font-size: 41px;line-height: 45px;}
	.download-buttons a, .banner-buy {margin: 0 0 20px;}

	.the-h2 {font-size: 29px;line-height: 33px;}
	.main02-content-item, .main02-content-item:nth-child(2) {width: 100%;margin: 0 0 40px;}

	.main03-content-item, .main03-content-item:nth-child(2) {width: 100%;margin: 0 0 40px;}

	.main05-list-item, .main05-list-item:nth-child(2) {width: 100%;margin: 0 0 30px;}
	.main05 .download-buttons a {font-size: 19px;width: 100%;}
}