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;}
.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_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: 1px solid rgba(255,255,255,0.5); width: 100%;}
.sub_nav_cont{border-bottom:1px solid #aec5b6;}
.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";}

.sub_nav_os:hover{ text-decoration:none;}

.sub_nav li a:hover{ color:#1BAC2C;}
.white .sub_nav_list li>a:hover{ color:#fff; text-decoration:underline;}
.white .nav_buy_btn { border-radius: 6px; background: #F90; padding: 8px 30px; font-weight: 14px; font-weight: 600; }
.sub_nav_float.white .sub_nav_list li>a:hover{ color:#333; }
.white .sub_nav_list li>a.nav_dl_btn{border-radius: 6px; padding: 7px 8px; font-weight: 14px; font-weight: 600; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.00);}
.white .sub_nav_list li>a.nav_dl_btn:hover,.white .sub_nav_list li>a.nav_buy_btn:hover{text-decoration:none; color: #fff;}

.white .sub_nav_cont2 .sub_nav_list li>a:hover{ color:#26aa9c;}
.sub_nav li{ height:35px; float:left; margin: 8px 0 0 15px; line-height:25px;}
.sub_nav li .nav_a,
.sub_nav li a{ font-size:13px;display: inline;cursor: pointer;}
.sub_nav li .nav_a:hover{text-decoration: underline;}
.sub_nav li a:hover{ text-decoration:none;} 
.nav_dl_btn,.white.sub_nav_float .sub_nav_list li>a.nav_dl_btn{ padding:4px 8px; position:relative; border:1px solid #333; font-weight:normal;}
.sub_nav li a.nav_dl_btn:hover,.white.sub_nav_float .sub_nav_list li>a.nav_dl_btn:hover{text-decoration:none; color:#333;}
.nav_dl_btn.idxdlbtn{background-color:#439EFF; border-radius:5px; padding:5px 9px;}
/*.sub_nav_float .nav_dl_btn.idxdlbtn{padding:5px 10px; background-color: #175cff; color:#fff !important;}*/
.nav_buy_btn{padding:5px 10px; margin-top:2px; position:relative; background-color: #f39b11; color:#fff!important;}
.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:-14px; left:0; right:0; margin:auto; opacity:0;}
.haschild:hover .sub_nav_main{ height:335px; padding-top:35px; box-shadow:1px 4px 15px 6px rgba(0, 0, 0, 0.15); z-index:9; transition:height 0.39s ease-in-out; -webkit-transition:height 0.39s ease-in-out; -moz-transition:height 0.39s ease-in-out;}
.haschild:hover .nav_a:before,
.haschild:hover a:before{ opacity:1; z-index:10; 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; text-align:center; top:42px; left:50%; transform: translateX(-50%); margin:auto; background-color:#fff; overflow:hidden; height:0; width:980px; z-index:-1;}
.sub_nav_main dl{width:400px; display:inline-block; vertical-align:top; text-align:left;}
.sub_nav_main .sub_nav_lastdl{width:880px; text-align:center;}
.sub_nav_lastdl dd{display:inline-block; width:33%;}
.sub_nav_main .nav_h5,
.sub_nav_main h5{font-size:18px; font-weight:bold;}
.sub_nav_main dd{margin-top:18px; position:relative; transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out}
.sub_nav_main dd a{font-size:14px;}
.sub_nav_main dd:hover{transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px);}
.sub_nav_main dd:before{content:""; display:inline-block; vertical-align:middle; width:28px; height:28px; background:url(../png/dkfe_navicon.png) no-repeat; background-size:cover; margin-right:10px;}
.sub_nav_main dd.dkfe_navicon1:before{background-position:0 0;}
.sub_nav_main dd.dkfe_navicon2:before{background-position:-28px 0;}
.sub_nav_main dd.dkfe_navicon3:before{background-position:-56px 0;}
.sub_nav_main dd.dkfe_navicon4:before{background-position:-84px 0;}
.sub_nav_main dd.dkfe_navicon5:before{background-position:-112px 0;}
.sub_nav_main dd.dkfe_navicon6:before{background-position:-140px 0;}
.sub_nav_main dd.dkfe_navicon7:before{background-position:-168px 0;}
.sub_nav_main dd.dkfe_navicon8:before{background-position:-196px 0;}
.sub_nav_main dd.dkfe_navicon9:before{background-position:-224px 0;}
.sub_nav_main dd.dkfe_navicon10:before{background-position:-252px 0;}

/*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;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sub_navm_top .nav_buy_btn{ margin:5px 10px 0 0; font-size:14px; color:#fff;}
.sub_navm_arrow { width:32px; display:block;  left:120px; 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 .pro_motitle a,
.sub_navm_top h2 a{ font-size:24px; color:inherit;}
.sub_navm_top .pro_motitle a:hover,
.sub_navm_top h2 a:hover{ text-decoration:none;}
.sub_navm_top .pro_motitle,
.sub_navm_top h2{ 
	margin-left:10px; 
	font-weight:normal; 
	color:inherit !important;
	display: flex;
	align-items: center;
	gap: 10px;
}
.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:#175cff;}
.sub_navm_list li .nav_a:hover,
.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 dd:nth-child(10){ transition-delay:0.7s;}
.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:10px;}
.haschildm_an:before{ content:"\e812";}
.sub_navm .nav_dl_btn{margin:3px 10px; color:#333; font-size: 14px; font-weight: 600; border-radius: 6px; }
.sub_nav sup{font-size: 28px; line-height: 1; margin-left: -0.08rem; margin-top: -0.1rem; display: inline-block;}

.viewall,.viewless{margin:60px auto;width:260px;height:46px;line-height:46px;font-size:18px;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;text-align:center}
.viewall:hover,.viewless:hover{box-shadow:0 0 30px rgba(150,150,150,.2)}

.installcont { position: absolute;  top: 0; right: 0; }
.install{ width:440px; height:231px; background:url(../png/install.png) center no-repeat; position:sticky; z-index:57; right: 0; top: 10px;}
.install:before{content:""; position:absolute; left:30px; bottom:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:0;}

.installbg{position:fixed; z-index:56; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); animation:opacityout 6s forwards;}

.installcont .stadv_pcbot_close{position: absolute;top: 5%;z-index: 21;font-weight: 700;cursor: pointer;top: 17%;left:calc(100% - 60px); background: transparent; padding: 6px 6px 4px;}
.installcont .stadv_pcbot_close::after{content: "\e813";font-family: "iconfont";font-size: 16px;color: #fff;transition: all 0.2s ease-in-out;}
.installcont .stadv_pcbot_close:hover { background: rgba(255, 255, 255, 0.12); }
.installcont .stadv_pcbot_close:active { background: rgba(255, 255, 255, 0.16); }

/* warn */
.warn-tips { background: url(../png/warn-bgimg.png) top center no-repeat; background-size: cover; padding: 5px 20px; text-align: center; position: relative; display: none; }
.warn-title img { vertical-align: middle; }
.warn-title { color: #392200; font-size: 16px; font-weight: 600; }
.warn-title span { color: #19A069;font-size: 16px;font-weight: 700; }
.warn-title span a { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; }
.warn-title sup { font-size: 18px; line-height: 0; }
.warn-des { color: #392200; font-size: 14px;line-height: 24px;}
.warn-des span { color: #392200; font-size: 14px; font-weight: 600; line-height: 24px;}
/* .warn-close { position: absolute; left: 15px; top: 15px; } */
/* .warn-close::after {display: block; content: "\e813"; font-family: "iconfont"; font-weight: 900; font-size: 14px; cursor: pointer; } */

/* warn mobile */
.warn-tips-mo { background: url('../png/dk_warn_tips_mo_bg.png') no-repeat; background-size: 100% 100%; background-position: top center; padding: 25px 15px 18px 15px; display: none; align-items: center; position: relative; }
.warn-img { max-width: 47px; width: 100%; }
.warn-title-mo {
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
}
.warn-title-mo sup { font-size: 22px; }
.warn-des-mo { 
	color: #333;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
 }
.warn-text { margin-left: 10px; }
.warn-close-mo { position: absolute; right: 15px; top: 15px;}
.warn-close-mo::after {display: block; content: "\e813"; font-family: "iconfont"; font-weight: 900; font-size: 14px; cursor: pointer; color: #3B3B3B; }
a.warn-btn {
	margin: 0 auto;
	border-radius: 5px;
	background: linear-gradient(184deg, #F3FF88 -7.12%, #38AC5E 58.54%);
	min-width: 147px;
	width: fit-content;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 0 10px;
	box-sizing: border-box;
}
a.warn-btn::after{
	content: "\e902";
	font-family: "iconfont";
}

@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;}
}
.install2{ width:440px; height:231px; background:url(../png/install.png) center no-repeat; position:sticky; left: 0; top: 10px; z-index:57;}
.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;}

/* steps */
.dk-sec4 { padding: 80px 0; background-color: #FAFAFA; margin-top: 80px; }
.dk-steps { max-width: 1300px; width: 94%; margin: 0 auto; }
.dk-steps h2 { color: #000; text-align: center; font-size: 32px; font-weight: 600; }
.dk-steps-cont { display: flex; gap: 32px; align-items: center; margin-top: 80px; }
.dk-steps-nav { display: flex; flex-direction: column; gap: 20px; }
.dk-steps-nav p { display: flex; gap: 10px; max-width: 500px; width: 100%; box-sizing: border-box; padding: 20px; border-radius: 10px; color: #666; font-size: 16px; font-weight: 500; cursor: pointer; }
.dk-steps-nav p i { color: #999; font-size: 20px; font-weight: 700; font-style: normal; display: inline-block; min-width: 32px; height: 32px; border-radius: 50%; line-height: 32px; background: #E5E5E5; text-align: center; }
.dk-steps-nav p.active, .dk-steps-nav p:hover { background: #43A450; color: #FFF; }
.dk-steps-nav p.active i, .dk-steps-nav p:hover i { color: #43A450; background: #fff; }
.dk-steps-lists { position: relative; max-width: 750px; width: 58%; }
.dk-steps-item { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; border-radius: 15px; box-shadow: 0 4px 28.9px 0 rgba(110, 142, 163, 0.25); transition: opacity .4s ease-in-out; width: 100%; }
.dk-steps-item.active { position: relative; z-index: 1; opacity: 1; }
.dk-steps-item img { width: 100%; }

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

@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) {
}
@media screen and (max-width: 980px){
	.sub_navm{display: block;}
	.sub_nav {display:none;}
	
	 /*nav style**/
	 .pw980{width:92%;}
	 .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;}

	 .dk-steps-cont { flex-direction: column; }
	 .dk-steps-nav { flex-direction: row; overflow-x: auto; max-width: 750px; width: 100%; }
	 .dk-steps-nav p { min-width: 222px; width: 100%; padding: 10px; }
	 .dk-steps-lists { width: 100%; }
}
@media screen and (max-width: 750px) {
	.dk-sec4 { padding: 40px 0; margin-top: 40px; }
	.dk-steps h2, .dk-faq h2 { font-size: 28px; }
	.dk-steps-cont { margin-top: 40px; }
	.dk-steps-nav p { font-size: 14px; }
	.dk-faq { margin-top: 50px; }
	.dk-faq li { padding: 12px 16px; }
	.dk-faq li h3 { font-size: 16px; }
}
@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 .pro_motitle,
	.sub_navm_top h2{ margin-top:5px;}
	.sub_navm_top .pro_motitle a,
	.sub_navm h2 a{ font-size:20px;}

	.sub_navm_arrow { left: 100px; top: 12px; }
}
@media screen and (max-width: 375px){
.sub_navm h2 a{ font-size:16px;}
.ptdlpopcont p{padding:0 8%;}
}
@media screen and (max-width: 325px){
	.sub_navm_list li{ padding:0 5px;}
	.sub_navm_list li:after{ display:none;}
}