h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
/*sub nav**/

.sub_nav {position:relative; z-index:9;}
.sub_nav_cont{ margin-top:10px;}
.white .sub_nav_cont { padding: 10px 0; }
.sub_nav_float{ width:100%; height:auto; padding:5px 0; position:fixed; top:-10px; color:#333; box-shadow:0 0 15px rgba(0,0,0,0.2); background:#fff; overflow:visible;}
.sub_nav_float .sub_nav_cont{ max-width:980px; margin:10px auto 0; position:relative; border:none;}

.sub_nav_float .prisub_nav_cont{ position:relative;}
.sub_nav_cont,.sub_nav li, .sub_nav a,.sub_nav .nav_a, .sub_nav span,.sub_nav h3{ color:inherit;}
.white .sub_nav_cont{border-bottom: none;}
.sub_nav_cont{border-bottom:1px solid #edeeef;}
.sub_nav_os{margin-top:2px;}
.sub_nav_os:after{ font-family: iconfont; content: "\e803\e804"; letter-spacing: 5px; vertical-align: middle; margin-left: 8px;}
.sub_nav_macos:after{content: "\e803";}
.white .sub_nav_os:after{ background-position:0 0;}
.sub_nav_float .sub_nav_os:after{ background-position:0 -23px;}

.sub_nav_os:hover{ text-decoration:none;}
.sub_nav li a:hover{ color:#3cbfb0;}

.white .sub_nav_list li>a:hover{ color:#4affda;}

.white .sub_nav_list .haschild:hover .nav_a{color: #4affda;}

.sub_nav_float .sub_nav_list li>a:hover{ color:#000;}

/*.white .sub_nav_cont2 .sub_nav_list li>a:hover{ color:#26aa9c;}*/
.sub_nav li{ height:35px; float:left; margin: 0 0 0 15px; line-height:35px;}
.sub_nav li a{ font-size:13px;}
.sub_nav li .nav_a{font-size: 13px;display: inline-block;cursor: pointer;}
.sub_nav li a:hover{ text-decoration:none;} 
.nav_dl_btn{ padding:5px 10px; position:relative; background-color: #3cbfb0; color:#fff !important;}
.nav_dl_btn:hover{ background-color: #26b8a7; text-decoration:none;}
.nav_dl_btn.idxdlbtn{ display: inline-block; border-radius: 8px; background: rgba(255, 255, 255, 0.01); box-shadow: -1px -1px 6px 0 rgba(175, 255, 254, 0.66) inset, 1px 1px 6px 0 rgba(175, 255, 254, 0.66) inset; width: 140px; text-align: center; font-weight: 600; padding: 9px 0;}
.nav_dl_btn.idxdlbtn:hover { background: rgba(255, 255, 255, 0.12); }
.sub_nav_float .nav_dl_btn.idxdlbtn{ background-color: #3cbfb0; color:#fff !important; }
.nav_buy_btn{padding:5px 10px; margin-top:2px; position:relative; background-color: #f39b11; color:#fff !important;}
.nav_buy_btn.idxbuybtn { display: inline-block; border-radius: 8px; background: radial-gradient(50% 50% at 50% 50%, #FD6215 0%, #FE8223 100%); box-shadow: -1px -1px 4px 0 #FFCA8D inset, 1px 1px 4px 0 #FFCA8D inset; width: 140px; text-align: center; font-weight: 600; padding: 9px 0; margin-top: 0;}
.nav_buy_btn.idxbuybtn:hover { background: radial-gradient(50% 50% at 50% 50%, #FC5603 0%, #FF9A4D 100%); }
.sub_nav_float .nav_dl_btn.idxdlbtn:hover { background: radial-gradient(50% 50% at 50% 50%, #017475 0%, #008B8C 100%); box-shadow: -1px -1px 10px 0 rgba(175, 255, 254, 0.90) inset, 1px 1px 10px 0 rgba(175, 255, 254, 0.90) inset; }
.nav_buy_btn:hover{background-color:#f9b03e; text-decoration:none;}
.haschild:hover:before{ z-index: 1; height:40px; opacity:1;}
.haschild .nav_a,
.haschild a{position:relative;}
.haschild>.nav_a:after,
.haschild>a:after{ content:"\e800"; font-family:"iconfont"; margin-left:5px; vertical-align: middle; display:inline-block; transition:transform linear 0.3s;}
.haschild>.nav_a:hover:after,
.haschild>a:hover:after{ transform:rotate(180deg);}
.haschild>.nav_a:before,
.haschild>a:before{ content:""; width:0; height:0; display:block; border:10px solid transparent; border-bottom-color:#fff; position:absolute; bottom:-10px; left:0; right:0; margin:auto; opacity:0;}
.haschild:hover .sub_nav_main{ height:230px; padding:10px 25px; z-index:9; transition:height 0.5s ease-in-out; -webkit-transition:height 0.5s ease-in-out; -moz-transition:height 0.5s ease-in-out;}
.haschild:hover .nav_a:before,
.haschild:hover a:before{ opacity:1; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.sub_nav_main{position:absolute; top:38px; right:200px; margin:auto; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:5px; height:0; overflow:hidden; z-index:-1;}
.white .sub_nav_main { top: 45px; right: 350px; }
.sub_nav_main>a{ display:block; padding:20px 0; border-top:1px solid #ccc;}
.sub_nav_main>a:hover{ color:#26aa9c;}

/*sub nav mobile**/
/*sub nav**/

.sub_navm{ width:100%; max-width:980px; margin:0 auto; position:relative; z-index:9; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; display:none;}
.sub_navm_an{ color:#333; position:fixed; top:0; z-index:9; border-bottom:1px solid #eee;}
.sub_navm_an,.sub_navm_an2{ color:#333; background-color:#fff;}
.sub_navm_cont{ color:inherit; border-bottom:1px solid #ccc;}
.white .sub_navm_cont{border-bottom:1px solid rgba(255,255,255,0.4);}
.sub_navm_top{padding:8px 0; color:inherit;}
.sub_navm_top .nav_buy_btn{ margin:5px 10px 0 0; font-size:14px; color:#fff;}
.sub_navm_arrow { width:32px; display:block; position: absolute; left: 140px; margin:0 auto; cursor:pointer; color:inherit; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.sub_navm_arrow:after{ content:"\e800"; font-family:"iconfont"; font-size:30px;}
.sub_navm_an2 .sub_navm_arrow{ transform:rotate(180deg);}
.sub_navm_top h2 a{ font-size:24px; color:inherit;}
.sub_navm_top h2 a:hover{ text-decoration:none;}
.sub_navm_top h2{ max-width:160px; margin-left:10px; font-weight:normal; color:inherit !important;}
.sub_navm_list{ width:100%; background-color:#fff; position:fixed; z-index:9; display:none;}
.sub_navm li>.nav_a,
.sub_navm li>a { margin: 20px 0; display:block; font-size: 18px;}
.sub_navm_list li{ margin:0 20px; color:#333; border-bottom: 1px solid #ccc;}
.sub_navm_list li .nav_a,
.sub_navm_list li a{ color: inherit; text-align:left;}
.sub_navm_list li .nav_a:hover,
.sub_navm_list li a:hover, .sub_navm dd a:hover span{ text-decoration: none; color:#26aa9c;}
.prasub_navm .sub_navm_list li a:hover, .sub_navm dd a:hover span{ text-decoration: none; color:#1a62c2;}
.sub_navm dd{height:0; margin:0 auto; opacity: 0; transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transition: transform 0.35s ease-out,opacity 0.35s ease-out; -webkit-transition: transform 0.35s ease-out,opacity 0.35s ease-out; -moz-transition: transform 0.35s ease-out,opacity 0.35s ease-out; overflow:hidden;}
.sub_navm .dlshow dd{transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); height:auto; opacity:1;}
.dlshow dd:nth-child(2){ transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s;}
.dlshow dd:nth-child(3){ transition-delay:0.35s;}
.dlshow dd:nth-child(4){ transition-delay:0.4s;}
.dlshow dd:nth-child(5){ transition-delay:0.45s;}
.dlshow dd:nth-child(6){ transition-delay:0.5s;}
.dlshow dd:nth-child(7){ transition-delay:0.55s;}
.dlshow dd:nth-child(8){ transition-delay:0.6s;}
.dlshow dd:nth-child(9){ transition-delay:0.65s;}
.dlshow li{width:100%; height:auto; opacity:1;}
.sub_navm dd a{ display:block; margin:10px; font-size:14px; opacity:0.8;}
.sub_navm dd a span{ font-size:inherit;}
.haschildm{ position:relative;}
.haschildm:before{ content:"\e814"; font-family:"iconfont"; position:absolute; right:20px; top:8px;}
.haschildm_an:before{ content:"\e812";}
.sub_navm .nav_dl_btn{display: inline-block;
    border-radius: 8px;
    background: #3cbfb0;
    box-shadow: -1px -1px 6px 0 rgba(175, 255, 254, 0.66) inset, 1px 1px 6px 0 rgba(175, 255, 254, 0.66) inset;
    width: 140px;
    text-align: center;
    font-weight: 600;
    padding: 9px 0;
	color: #fff;
	margin-right: 10px;
}

.btn{ padding-right:20px; display:inline-block; color:#fff !important; text-align:center; position:relative; overflow:hidden; z-index:1;}
.btn:hover{ text-decoration: none;}
.btn img{ margin:0 5px;}
.dl_btn{background-color:#26b8a7;}
.buy_btn{background-color:#f39b11;}
.dl_btn:after{content:"\e901"; font-family:"iconfont"; font-size:inherit; color:inherit; position: absolute; top:0; right:20px;  bottom:0; margin: auto 0 auto 10px;}
.buy_btn:after{content:"\e903"; font-family:"iconfont"; font-size:28px; color:inherit; position: absolute; top:0; right:20px;  bottom:0; margin: auto 0 auto 10px; font-weight:normal;}

.buy_btn>img{position: absolute; top:0; right:10px;  bottom:0; margin: auto 0 auto 10px;}

.btn:before{ content:""; width:100%; height:100%; display:block; background-color:rgba(255,255,255,0.1); transform:rotate(-70deg); position: absolute; top:0; right:-42%; transition:all 0.5s ease-in-out; z-index:-1;}
.btn:hover:before{ width:200%; height:500%;}

.sub_nav sup{font-size:14px;}

/* faq */
.au-faq { max-width: 1200px; width: 94%; margin: 80px auto; }
.au-faq h2 { color: #000; font-size: 30px; font-weight: 600; text-align: center; }
.au-faq ul { display: flex; flex-direction: column; gap: 30px; margin-top: 40px; }
.au-faq li { padding: 24px 32px; box-sizing: border-box; border: 1px solid #E5E5E5; border-radius: 10px; cursor: pointer; }
.au-faq li:hover h3 { color: #3CBFB0; }
.au-faq li h3 { color: #333; font-size: 20px; font-weight: 600; display: flex; justify-content: space-between; gap: 10px; }
.au-faq li h3::after { content: "\e814"; font-family: 'iconfont'; color: #666666; font-weight: bold;}
.au-faq li.selected h3::after { content: "\e812";}
.au-faq li p { color: #666; font-size: 14px; font-weight: 500; margin-top: 20px; display: none; }
.au-faq li p a { font-size: inherit; font-weight: inherit; }

/* 2023-10-18 */
.installcont { position: absolute; top: 0; right: 0; }
.installcont .install{ width:440px; height:231px; background:url(../png/au_install.png) center no-repeat; position:sticky; z-index:57; left:0; top:10px;}
.installcont .install:before{content:""; position:absolute; left:77%; top: -10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top: 0;}
.installcont .installbg{position:fixed; z-index:56; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); animation:opacityout 6s forwards;}
@keyframes opacityout{
	0%{opacity:0;}
	10%{opacity:1;}
	90%{opacity:1;}
	99%{opacity:0; width:100%; height:100%;}
	100%{opacity:0; display:none; width:0; height:0;}
}
.installcont .install2{ width:440px; height:231px; background:url(../png/au_install.png) center no-repeat; position:sticky; top:10px; right:0; z-index:57;}
.installcont .install2:before{content:""; position:absolute; right:30px; top:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:0;}
.installcont .stadv_pcbot_close{position: absolute;z-index: 21;font-weight: 700;cursor: pointer;top: 17%;left:calc(100% - 60px); background: transparent; padding: 6px 6px 4px; border-radius: 50%;}
.installcont .stadv_pcbot_close::after{content: "\e813";font-family: "iconfont";font-size: 16px;color: #474747;transition: all 0.2s ease-in-out;}
.installcont .stadv_pcbot_close:hover { background: rgba(0, 0, 0, 0.08); }
.installcont .stadv_pcbot_close:active { background: rgba(0, 0, 0, 0.16); }

.prisub_nav_fealf{ width:300px; margin-right:25px;}
.prisub_nav_fea a{ font-size:13px; color:#666666; display:block; line-height:1.6; margin-top:7px; position:relative; padding-left:13px;}
.prisub_nav_fealf a{ margin-top:10px;}
.sub_nav .prisub_nav_fea a:hover{ color:#1ab1bb;}
.prisub_nav_fea a:before{ width:5px; height:5px; content:""; display:block; position:absolute; left:0; top:7px; background:#29bfc9; transform:rotate(45deg); z-index:5;}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 980px){
	.sub_navm{display: block;}
	.sub_nav {display:none;}
	
	 /*nav style**/
	 .pw980{width:100%;}
	 .nva_meau{display:block;}
	 .nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
	 .nav_cont ul li{float:none; text-align:left;}
	 .nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
	 .nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	 .language{display:none;}
	 .nav_pro_list{margin-left:50px; display:none;}
	 .nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
	 .nav_pro_list>a:hover{text-decoration: underline;}
}
@media screen and (max-width: 736px){
	 .fun_nav_operation a{ margin: 0 6px;}
	 .top_logo{ width:200px; overflow:hidden;}
	 .idx_banner_text h1{ font-size:50px; margin-top:100px;}
	 .idx_banner_text p{width:98%; font-size:32px; margin-top:20px;}
}
@media screen and (max-width: 568px){
	.sub_navm_top h2{ margin-top:5px;}
	.sub_navm h2 a{ font-size:20px;}
	.sub_navm_arrow { left: 120px; margin-top: 0.1rem;}
	.sub_navm_arrow:after { font-size: 24px; }
}
@media screen and (max-width: 375px){
.sub_navm h2 a{ font-size:16px;}
.sub_navm_arrow { left: 94px; }
}
@media screen and (max-width: 325px){
	.sub_navm_list li{ padding:0 5px;}
	.sub_navm_list li:after{ display:none;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
.sub_nav_block3{width:280px; height:306px; background:url(../png/sub_nav_bg%402x.png) right bottom no-repeat; background-size:250px 311px;}
}