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_float .prisub_nav_cont{ position:relative;}
.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);}
.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;}
.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: 8px 0 0 15px; line-height:25px;}
.sub_nav li a{ font-size:13px;}
.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{background-color:initial; border:1px solid #fff; padding:4px 9px;}
.sub_nav_float .nav_dl_btn.idxdlbtn{padding:5px 10px; 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:hover{background-color:#f9b03e; text-decoration:none;}
.haschild:hover:before{ z-index: 1; height:40px; opacity:1;}
.haschild a{position:relative;}
.haschild>a:after{ content:"\e800"; font-family:"iconfont"; margin-left:5px; vertical-align: middle; display:inline-block; transition:transform linear 0.3s;}
.haschild>a:hover:after{ transform:rotate(180deg);}
.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:200px; 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 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;}
.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: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;}
.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>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 a{ color: inherit; text-align:left;}
.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:15px;}
.haschildm_an:before{ content:"\e812";}
.sub_navm .nav_dl_btn{margin:3px 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;}




.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;}
}
@media screen and (max-width: 375px){
.sub_navm h2 a{ font-size:16px;}
}
@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(https://imobie-resource.com/es/phonerescue/img/sub_nav_bg@2x.png) right bottom no-repeat; background-size:250px 311px;}
}