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 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:before{ font-family: iconfont; content: "\e803\e804"; letter-spacing: 5px; vertical-align: middle; margin-left: 8px;}
.sub_nav_macos:before{content: "\e803";}
.white .sub_nav_os:before{ background-position:0 0;}
.sub_nav_float .sub_nav_os:before{ background-position:0 -23px;}

.sub_nav_os:hover{ text-decoration:none;}
.sub_nav li a:hover{ color:#2d8ae8;}
.white .sub_nav_list li>a:hover{ color:#fff; text-decoration:underline;}
.sub_nav_float.white .sub_nav_list li>a:hover{ color:#333; }
.white .sub_nav_list li>a.nav_dl_btn{background:none; border:1px solid #fff; padding:4px 10px;}
.white .sub_nav_list li>a.nav_dl_btn:hover,.white .sub_nav_list li>a.nav_buy_btn:hover{text-decoration:none;}

.white .sub_nav_cont2 .sub_nav_list li>a:hover{ color:#26aa9c;}
.sub_nav li{ height:35px; float:right; margin: 8px 0 0 15px; line-height:25px;}
.sub_nav li a{ font-size:18px;}
.sub_nav li a:hover{ text-decoration:none;} 
.nav_dl_btn,.white.sub_nav_float .sub_nav_list li>a.nav_dl_btn{ padding:5px 10px; position:relative; background:linear-gradient(270deg, #22C2D5, #175CFF); background-color:#175CFF; color:#fff !important;}
.nav_dl_btn:hover,.white.sub_nav_float .sub_nav_list li>a.nav_dl_btn:hover{ background:linear-gradient(270deg, #175CFF, #22C2D5); text-decoration:none;}
.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-right: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:-14px; right:0; left:0; margin:auto; opacity:0;}
.haschild:hover .sub_nav_main{ height:165px; padding:5px 20px 10px; 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 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; top:42px; left:180px; margin:auto; background-color:#fff; overflow:hidden; height:0; z-index:-1;}
.sub_nav_main dl{float:right;}
.sub_nav_main h5{font-size:18px; font-weight:bold; margin-top:20px;}
.sub_nav_main dd{margin-top:16px; position:relative; padding-right:15px; 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:16px;}
.sub_nav_main dd:hover{transform:translateX(-10px); -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px);}
.sub_nav_main dd:before{content:""; position:absolute; right:0; top:7px; width:6px; height:6px; border-radius:50%; background:linear-gradient(to bottom,#24DBC9,#175CFF); background-color:#175CFF;}


/*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; right:0; left: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-right: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:right;}
.sub_navm_list li a:hover, .sub_navm dd a:hover span{ text-decoration: none; color:#175cff;}
.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; left:20px; top:10px;}
.haschildm_an:before{ content:"\e812";}
.sub_navm .nav_dl_btn{margin:3px 10px;}
.sub_nav sup{font-size:14px;}

/*2020-09-11 aui win dl*/ /*add 'common' and 'cmspt'*/
.aptdlospop{display:none; direction:rtl;}
.aptdlospopbg{position:fixed; width:100%; height:100%; right:0; left:0; top:0; bottom:0; background:rgba(0,0,0,.6); z-index:59; animation:opac .3s ease-in-out alternate; }
.aptdlospopcon{max-width:630px; padding:55px; position:fixed; right:0; left:0; margin:auto; top:50%; transform:translateY(-50%); background:url(https://imobie-resource.com/ar/apptrans/img/aptidx_popbg.png) #1f2d47 center no-repeat; background-size:cover; border-radius:15px; z-index:60; animation:opac .3s ease-in-out alternate;}
.aptdlospopcon p{font-size:18px; color:#fff; margin:0 auto 30px; line-height:1.8; max-width:600px;}
.aptdlospopcon a{display:inherit; display:inline-block; margin:7px; line-height:50px; padding:0 30px; font-size:18px; border-radius:8px; text-decoration:none; overflow:hidden; transition:transform 0.3s ease-in-out;}
.aptdlospopcon a:hover{transform:translateY(-3px);}
.aptdlospopcon .continuebtn{color:#fff; border:1px solid #ccc;}
.aptdlospopcon .osdlbtn{ color:#fff; background-color:#439EFF; border:1px solid #439EFF; }
.closepop:before{content:"\e813"; font-family:iconfont; font-weight:bold; font-size:16px; cursor:pointer; position:absolute; top:20px; left:15px; color:#fff; opacity:.5;}
.aptdlospop_email{ width:100%; height:50px; margin-top:30px;}
.aptdlospop_email .aptdlospop_emaisub{ height:50px; line-height:50px; text-align:center; display:inline-block; vertical-align:middle; font-size:18px; color:#fefefe; font-weight:bold; background-color:#439EFF; transition:none;}
.aptdlospopcon a.aptdlospop_emaisub:hover{transform:translateY(0);}
.aptdlospop_input{ width:calc(100% - 250px); background:none; height:48px; padding:0 6px; font-size:16px; display:inline-block; vertical-align:middle; border:1px solid #ccc; border-radius:5px; color:#fff;}
.aptdlospop_input::placeholder{ color:#999;}
.aptdlospopcon p.aptdlospop_tips{ font-size:12px; text-align:right; color:#ff4242; display:none;}
.aptdlospoptha h4{ font-size:30px; color:#fff; font-weight:bold; margin:10px 0;}


@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%; right:0; top:54px; margin:0; overflow:hidden; display: none;}
	 .nav_cont ul li{float:none; text-align:right;}
	 .nav_cont ul li a{display:block; text-align:right; color:#fff; margin-right:20px;}
	 .nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	 .language{display:none;}
	 .nav_pro_list{margin-right:50px; display:none;}
	 .nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-left: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;}
.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;}
}