/* CSS Document */
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;}

/*pc nav*/
.sub_wrap{margin: 0 auto;color: #fff;}
.sub_wrap{ position:relative; z-index:9; }
.sub_nav { position:absolute; left: 0;right: 0;margin: 0 auto;}
.sub_nav_float{ width:100%; height:auto; padding:5px 0; position:fixed; top:0; left:0; color:#333; box-shadow:0 0 15px rgba(0,0,0,0.2); background-color:#fff; overflow:visible;}
.sub_nav_float .sub_nav_cont{ width:980px; margin:0 auto; position:relative; color:#000; background-color:#fff;width: 98% !important;}
.sub_nav_float .sub_nav_cont{ border:none;}
.sub_nav_cont{ margin-top:10px;}

.sub_nav_cont,.sub_nav li, .sub_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: 98%;margin: 0 auto;}
.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;}
.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:#2d8ae8; }
.sub_nav.white ul>li>a:hover,.sub_nav.black ul>li>a:hover{ color:inherit; text-decoration:underline;}

.sub_nav li{ height:35px; float:left; margin: 12px 0 0 15px; line-height:28px;}
.sub_nav li a{ font-size:14px;}
.sub_nav li a:hover{ text-decoration:none;} 

a.nav_dl_btn{ padding:6px 11px; position:relative; background-color: #47c368; color:#fff;}
.nav_dl_btn:hover{ background-color: #32aa42; text-decoration:none;}
.nav_dl_btn.atinav_dl_btn{top:-5px; background-color: #fff; color:#333; font-weight:bold; border:2px solid #fff; border-radius:3px;}
.sub_nav .nav_dl_btn.atinav_dl_btn:hover{color:initial;}
.nav_dl_btn.atanav_dl_btn{background: #20b386;}
.nav_dl_btn.atanav_dl_btn:hover{background:#23cd99;}

a.nav_buy_btn{ padding:6px 11px; position:relative; background-color: #f68e1d; color:#fff;}
.nav_buy_btn:hover{background-color: #fc800f; text-decoration:none;}
.nav_buy_btn.atinav_buy_btn{top:-5px; color:#fff; background-color:initial; font-weight:bold; border:2px solid #fff; border-radius:3px;}
.nav_buy_btn.atanav_buy_btn{background: #f69b20;}
.nav_buy_btn.atanav_buy_btn:hover{background:#ffb34d;}
.sub_nav ul>li>a.nav_dl_btn:hover,.sub_nav ul>li>a.nav_buy_btn:hover,.sub_wrap .sub_nav_float .sub_nav_list li > a.nav_dl_btn:hover,.sub_wrap .sub_nav_float .sub_nav_list li > a.nav_buy_btn:hover,.othernav ul li .nav_dl_btn.atinav_dl_btn:hover{text-decoration:none; color:#fff;}
.sub_nav_float .atinav_dl_btn,.othernav .atinav_dl_btn,.sub_nav_float .nav_dl_btn.atidxnav_dl_btn{  border:none; padding:8px 13px;}
.sub_nav_float .atinav_buy_btn,.othernav .atinav_buy_btn,.sub_navm_top .atinav_dl_btn{color:#333; border-color:#333; text-decoration:none;}
.sub_wrap .sub_nav_float .sub_nav_list li a.atinav_buy_btn:hover,.sub_wrap .othernav .sub_nav_list li a.atinav_buy_btn:hover,.sub_wrap ul .nav_dl_btn.atidxnav_dl_btn:hover,.sub_wrap ul .nav_buy_btn.atidxnav_buy_btn:hover,.sub_wrap .sub_nav_float .sub_nav_list li > a.atidxnav_buy_btn:hover{color:initial;}
.nav_dl_btn.atidxnav_dl_btn,.nav_buy_btn.atidxnav_buy_btn{top:-5px; color:#333; background-color:initial; font-weight:600;  border-radius:6px;background: #3BE5A2;}
.nav_dl_btn.atidxnav_dl_btnnew,.nav_buy_btn.atidxnav_buy_btnnew{top:-5px; background-color:initial; font-weight:bold; padding:5px 10px; border:2px solid #fff; border-radius:3px;}
.sub_nav_float .nav_dl_btn.atidxnav_dl_btnnew{color:#fff; border-color:#257bff; top:-2px; background-color:#257bff;}
.sub_nav_float .nav_buy_btn.atidxnav_buy_btnnew{color:#333; border-color:#333; top:-2px;}
.sub_wrap .sub_nav_float .sub_nav_list li .nav_buy_btn.atidxnav_buy_btnnew:hover{color:#333;}
.nav_dl_btn.sfidxnav_dl_btn { top: -5px; color: #333; background-color: initial; font-weight: 700; border: 2px solid #333; border-radius: 6px;}
.sub_nav ul>li>a.sfidxnav_dl_btn:hover { border: 2px solid #35CC90; color: #35CC90;}

.nav_oshome,.oslinkdis{z-index:3;}
.haschild1:before{ content:""; width:150px; height:0; display: block; position:absolute; top:10px; left:250px; z-index:-1; opacity:0; overflow:hidden;}
.haschild2:before{ content:""; width:380px; height:0; display: block; position:absolute; top:10px; left:250px; z-index:-1; opacity:0; overflow:hidden;}
.haschild:hover:before{ z-index: 1; height:40px; opacity:1;}
.sub_nav_list>li>a{ display:inline-block; height:100%; }
.sub_nav_list>li .nav_buy_btn,.sub_nav_list>li .nav_dl_btn{ height:auto; }
.haschild a{position:relative;}
.haschild>span:after{content:"\e800"; font-family:"iconfont"; margin-left:5px; vertical-align: middle;}
.haschild>a:before{ content:""; width:0; height:0; display:block; border:10px solid transparent; border-bottom-color:#fff; position:absolute; bottom:5px; left:0; right:0; margin:auto; opacity:0;}
.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;}
.haschild:hover .atiallnav,.sub_nav_float .haschild:hover .atiallnav{height:530px; width:980px}
.ati_install .atdlthx_safe { animation: none; }
.ati_install .stadv_pcbot_close{position: absolute;z-index: 1001;font-weight: 700;cursor: pointer;top: 17%;left:calc(100% - 60px); background: transparent; padding: 6px 6px 4px;}
.ati_install .stadv_pcbot_close::after{content: "\e813";font-family: "iconfont";font-size: 16px;color: #fff;transition: all 0.2s ease-in-out;}
.ati_install .stadv_pcbot_close:hover { background: rgba(255, 255, 255, 0.12); }
.ati_install .stadv_pcbot_close:active { background: rgba(255, 255, 255, 0.16); }

.sub_nav_os sup{font-size:21px;}

.atiallnav_ios{height:470px; width:400px; padding-left:110px; border-right:none;}
.atiallnav_ios1{padding-left:30px;}
.atiallnav_ios h5:after,.atiallnav_ios h5:before{display:none;}
.atiallnav_ios h5{padding-top:30px; line-height:1.6;}
.atiallnav_ios .atinavh5{padding-top:10px; margin-bottom:10px; margin-top:-5px;}
.atiallnav_ios dd{margin-left:0; margin-bottom:24px; float:none;}
.atiallnav_ios1 dd{margin-bottom:15px;}
.atiallnav_ios3 dd{margin-bottom:16px;}


/*mobile 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_dl_btn,.sub_navm_top .nav_buy_btn{ margin:3px 20px 0 0; font-size:14px; color:#fff;}
.sub_navm_top .atinav_dl_btn{ top:0; color:initial;background: #3BE5A2;color: #342929;border-right: 6px;border: none;vertical-align: middle;display: inline-block;}
.sub_navm_arrow { width:20px; display:block; position: absolute; top:15px; left:0; right:0; 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; font-weight:bold;}
.sub_navm_arrow:after{ content:"\e800"; font-family:"iconfont"; font-size:20px;}
.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:20px; font-weight:normal; color:inherit !important;}
.sub_navm_list{ width:100%; background-color:#fff; position:fixed; z-index:9; display:none;}
.sub_navm li>a { margin: 20px 0; display:block; font-size: 18px;}
.sub_navm_list li{ padding:0 20px; color:#333; border-bottom: 1px solid #ccc;}
.sub_navm_list li a{ color: inherit; text-align:left;}
.sub_navm_list li a:hover{ text-decoration: none; color:#2d8ae8;}
.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.1s; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s;}
.dlshow dd:nth-child(3){ transition-delay:0.15s; -webkit-transition-delay:0.15s; -moz-transition-delay:0.15s;}
.dlshow dd:nth-child(4){ transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s;}
.dlshow dd:nth-child(5){ transition-delay:0.25s; -webkit-transition-delay:0.25s; -moz-transition-delay:0.25s;}
.dlshow dd:nth-child(6){ transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s;}
.dlshow dd:nth-child(7){ transition-delay:0.35s; -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s;}
.dlshow dd:nth-child(8){ transition-delay:0.4s; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s;}
.dlshow dd:nth-child(9){ transition-delay:0.45s; -webkit-transition-delay:0.45s; -moz-transition-delay:0.45s;}
.dlshow dd:nth-child(10){ transition-delay:0.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s;}
.dlshow dd:nth-child(11){ transition-delay:0.55s; -webkit-transition-delay:0.55s; -moz-transition-delay:0.55s;}
.dlshow dd:nth-child(12){ transition-delay:0.6s; -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s;}
.dlshow dd:nth-child(13){ transition-delay:0.65s; -webkit-transition-delay:0.65s; -moz-transition-delay:0.65s;}
.dlshow dd:nth-child(14){ transition-delay:0.7s; -webkit-transition-delay:0.7s; -moz-transition-delay:0.7s;}
.dlshow dd:nth-child(15){ transition-delay:0.75s; -webkit-transition-delay:0.75s; -moz-transition-delay:0.75s;}
.dlshow li{width:100%; height:auto; opacity:1;}
.sub_navm dd a{ display:inline-block; margin:10px; font-size:14px; opacity:0.8;}
.sub_navm dd a span{ font-size:inherit;}
.sub_navm_list li{ position:relative;}
.sub_navm_list li:after{ width:4px; height:4px; background:#a8a8a8; border-radius:4px; z-index:10; content:""; display:block; position:absolute; left:10px; top:12px; }
.sub_navm_shop:after{ width:18px; height:17px; content:""; display:inline-block; position:relative; margin-left:5px; background:url(../png/sub_navm_shop.png) left center no-repeat; vertical-align:middle; background-size:cover;}
.haschildm:before{ content:"\e800"; font-family:"iconfont"; position:absolute; right:20px; top:5px; font-weight:bold; font-size:20px; transition:transform linear 0.3s;}
.haschildm_an:before{ transform:rotate(180deg);}
/*mobile nav*/


.pridx_dl_block{ margin:20px auto;}
.pridx_dl_block sup{font-size:18px;}
.pridx_dl_block_text h2{ margin:50px auto 10px auto;}
.pridx_dl_block_text{ width:600px; margin-left:-100px; padding:40px 60px 70px 0; border-right:2px solid #eee;}
.pridx_dl_block_text a{ margin-right:50px; color:#3d9ae4; font-size:18px;}
.pridx_dl_cont{ width:450px; margin-right:-80px;}
.pridx_dl_cont h2 img{ margin-right:10px;}
.pridx_dl_cont>p{ margin:15px auto 20px auto;}
.pridx_dl_cont>span{ display:inline-block; width:200px; margin-left:10px; text-align:center; font-size:12px;}
.pridx_dl_cont a{ width:180px; height:58px; line-height:58px; margin-bottom:5px; font-size:18px; }


/*feature bottom btn*/
.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:#0fbc1b;}
.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;}

.lkarrow{ position:relative;}
.lkarrow:after{ content:"\e902"; font-family:"iconfont"; font-size:inherit; color:inherit; vertical-align:middle; transition:transform 0.5s ease-in-out; position:absolute; margin:3px 5px 5px 5px;}
.lkarrow:hover{ text-decoration:none;}
.lkarrow:hover::after{ transform:translateX(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%;}

.atafeature_nav_block{background:url(../png/atsub_nav_bg.png) bottom right no-repeat; background-size:cover;}

/*2020-08-27 adv*/
.fcadv{position:fixed; z-index:5; left:-400px; bottom:44px; width:400px; height:250px; text-align:center; background:url(../png/fc_adv_bg1.png) #341dab top center no-repeat; background-size:cover; box-shadow:0 0 50px rgba(0,0,0,.2); transition:left .5s ease-in-out;}
.fcadv_close{z-index:2; top:10px; right:12px; font-size:26px; line-height:1; color:#fff; opacity:.5; cursor:pointer;}
.fcadv a,.fcadv_long a{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1;}
.fcadv p{font-size:16px; color:#fff; padding:0 10px; margin-top:130px; line-height:1.6;}
.fcadv p span{font-size:inherit; color:#fffdc2;}
.fcadv_btn{display:block; width:140px; line-height:34px; font-size:14px; color:#fff; text-align:center; background-color:#ff812c; margin:10px auto;}
.fcadv_btn:after{content:"\e902"; font-family:'iconfont'; vertical-align:middle; margin-left:10px;}
.fcadv:hover{filter: brightness(.9); -webkit-filter:brightness(.9);}
/*.fcadv:hover .fcadv_btn{background-color:#54aa30;}*/
.fcadv_long{position:fixed; left:0; right:0; bottom:-100px; /*border-radius:10px;*/ margin:auto; width:980px; height:100px; background:url(../png/fc_adv_bg2.png) #351ead left top no-repeat; background-size:980px 100px; transition:1s ease-in-out;}
.fcadv_long p{font-size:16px; color:#fff; margin-left:120px; line-height:1;}
.fcadv_long p:nth-of-type(1){margin-top:25px;}
.fcadv_long p.ftb{font-size:24px;}
.fcadv_long .fcadv_btn{width:168px; line-height:48px; font-size:18px; font-weight:bold; margin:auto; top:26px; right:50px;}
.fcadv_long:hover .fcadv_btn{background-color:#ff6f0d;}

@media screen and (max-width: 1024px){
	.pridx_dl_block_text{ display:none;}		
	.pridx_dl_cont{float:none;  margin:40px auto;}
}
@media screen and (max-width: 1120px){
	.pw1120{width: 100%;}
}
@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; margin-right:20px; text-decoration:none;} 
	 .nav_pro_list>a:hover{text-decoration: underline;}
	 .fcadv_long{width:100%; height:auto; padding-bottom:20px;}
	 .fcadv_long .fcadv_btn{position:static; margin:15px 0 0 100px; display:;}
}
@media screen and (max-width: 768px){
	.pridx_dl_block>div{ width:90%; max-width:100%; margin:50px auto 25px auto; padding:0; float:none; border-right:none; text-align:center;}
	.pridx_dl_block_text{ border:none;}
	
}
@media screen and (max-width: 568px){
	.sub_navm_top h2{ margin-top:5px;}
	.sub_navm h2 a{ font-size:20px;}
	.pridx_dl_cont span{ width:220px; margin-left:0; margin-bottom:30px; }
	.pridx_dl_cont a{ width:200px;}
	.sub_navm_top h2 {
        margin-top:5px
    }

    .sub_navm h2 a {
        font-size: 20px
    }
	
}
@media screen and (max-width: 375px){
	.sub_navm h2 a{ font-size:16px;}
	.sub_navm dd a{ font-size:13px;}
}
@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) {
/*pop and the most top nav*/
.top_logo{ background:url(../png/logo%402x.png) no-repeat; background-size:200px 40px;}
.language_dl dd a:after,.language>a:after{background:url(../png/flag%402x.png) no-repeat; background-size:153px 25px;}
.language_dl dd:nth-child(1) a:after{ background-position:-25px 0;}
.language_dl dd:nth-child(2) a:after{ background-position:-51px 0;}
.language_dl dd:nth-child(3) a:after{ background-position:-76px 0;}
.language_dl dd:nth-child(4) a:after{ background-position:-101px 0;}
.language_dl dd:nth-child(5) a:after{ background-position:-127px 0;}
.nav_pro_block>a:before{background:url(../png/nav_software%402x.png) 0 0 no-repeat; background-size:680px 114px;}
.nav_pro_block>a:nth-child(2):before{ background-position:-170px 0;}
.nav_pro_block>a:nth-child(3):before{ background-position:-340px 0;}
.nav_pro_block>a:nth-child(4):before{ background-position:-510px 0;}
/*pop and the most top nav*/
}