/* 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;}
.pw1100{ max-width:1100px; width:96%; margin-left:auto; margin-right:auto;}
.pw1200{ max-width:1200px; width:96%; margin-left:auto; margin-right:auto;}

body,html{overflow-x:hidden;}
img{max-width:100%;}
.dsl{display:inline-block;}
.lh{line-height:1.8;}
.mt25{margin-top:25px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt150{margin-top:150px;}
.pw900{width:96%; max-width:900px; margin-left:auto; margin-right:auto;}


/*.moimg{display:none;}*/

/*technology*/
.tgwrap{background:url(../png/aftg_bg.png) #373e4f top center;}
.tgwrap .fthomebot,.tgwrap .homebot,.tgwrap footer{background:#373e4f;}
.tgwrap .fthomebot,.tgwrap footer{border-top:1px solid #4a5060;}
.tgwrap .homebot b{color:#fff;}
.tgwrap .homelist a,.tgwrap footer p,.tgwrap footer p a,.tgwrap .idx_language_ul a{color:#d1d2d5;}
.tgwrap .idx_language>a{color:#d1d2d5; border-color:#4b5261;}
.tgwrap .idx_language_ul{background-color:#373e4f; border-color:#4b5261;}
.tgwrap .idx_language_ul li:hover{background-color:#18b7a5;}
.tgwrap .idx_language_ul a:hover{color:#fff;}
.tgbanner{background:url(../png/aftg_banbg.png) #373e4f top center; min-height:670px;}
.tgbanner h1{font-size:60px; color:#2ed3a0; font-family:Myriad Pro; padding:0 7%;}
.aftg_banbtn a{display:inline-block; width:236px; font-size:20px; color:#fff; margin:10px; text-decoration:none; transition:.3s ease-in-out;}
.aftg_banbtn a:hover{transform:translateY(-5px);}
.aftg_banbtn a:after{ vertical-align:middle; margin-left:15px; font-family:"iconfont";}
.aftg_banbtn .dlbtn{ line-height:56px; color:#30d5a0; border:2px solid #30d5a0;}
.aftg_banbtn .dlbtn:after{content:"\e925";}
.aftg_banbtn .buybtn{ line-height:60px; color:#fff; background-color:#28cca1; background:linear-gradient(to right,#35dc9f,#18b7a5);}
.aftg_banbtn .buybtn:after{content:"\e926";}
.tgbanline{width:100%;max-width:1200px; height:2px; margin:90px auto 0; background:linear-gradient(to right,#373e4f,#424959,#373e4f);}

.tgcon{width:96%; max-width:1200px; margin:auto; padding:80px 0 40px;}
.tgcontext{max-width:520px; opacity:.9;}
.tgcon h2{font-size:44px; font-weight:bold; color:#fff;}
.tgcon p{font-size:18px; margin-top:30px; color:#fff; line-height:1.8;}
.tgcontext>a{font-size:18px; margin-top:15px; color:#fff; display:block; text-decoration:none; }
.tgcontext>a:after{content:"\e902"; font-family:iconfont; font-size:16px; display:inline-block; margin-left:10px; width:37px; line-height:37px; text-align:center; border-radius:50%; background:linear-gradient(to right,#495060,#394151); transition:.2s;}
.tgcontext>a:hover:after{transform:translateX(5px);}
.tgcontext>a:hover{color:#2ed3a0;}
.tgcon6{background:url(../png/aftg_conbg.png) top center no-repeat; background-size:100% auto; margin-top:60px;}
.tgcon6 p{max-width:800px; margin-left:auto; margin-right:auto;}


/*list*/
.listwrap{background:url(../jpg/aflist_bg.jpg) top center no-repeat; background-size:100% auto; overflow:hidden;}
.listbanner{margin-top:150px;}
.listbanner h1{font-size:50px;}
.listbanner p{line-height:2;}

.listcon{max-width:1200px; margin:0 auto; padding:75px 0; text-align:center; margin-bottom:0;}
.listcon h2{font-size:30px; font-weight:bold; margin-top:10px;}
.listcon ul{border:1px solid #e5e5e5; border-top:4px solid #2ed3a0; margin-top:50px; padding:30px 0 40px 40px; text-align:left;}
.listcon li{width:calc(33% - 25px); display:inline-block; vertical-align:top; position:relative; font-size:16px; padding-left:24px; margin-top:20px;}
.listcon li:before{content:""; position:absolute; left:0; top:8px; width:9px; height:9px; background-color:#96e9cf; border-radius:50%;}
.listcon5{max-width:100%; background-color:#fafafa;}

.listrightnav{position:fixed; right:-1px; top:50%;}
.listrightnav li{list-style:none; cursor:pointer;}
.listrightnav li:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.listrightnav em{display:block; width:40px; line-height:40px; font-size:16px; text-align:center; border:1px solid #e5e5e5; background-color:#fff; transition:.3s; float:right;}
.listrightnav .actnav em{border:1px solid #0bc088; color:#0bc088;}
.listrightnav p{width:186px; min-height:30px; padding:5px; font-size:16px; line-height:30px; color:#0bc088; border:1px solid #0bc088; background-color:#fff; float:right; display:none; transform:translateX(204px); animation:navtrans .39s ease-in-out forwards;}
.listrightnav p span{line-height:1.4; display:block; font-size:inherit; color:inherit;}
.listrightnav .cart:after{content:"\e926"; font-family:iconfont; font-size:20px;}
.listrightnav .actnav .cart{border-color:#f39b11; color:#f39b11;}
.listrightnav .buy{color:#f39b11; border-color:#f39b11; line-height:30px; width:160px;}
.listrightnav .buy:before{content:"\e926"; font-family:iconfont; font-size:20px; vertical-align:middle; margin:auto 15px auto 20px;}
.listrightnav li:hover em{ display:none;}
.listrightnav li:hover p{display:block;}
@keyframes navtrans{
	from{transform:translateX(204px);}
	to{transform:translateX(0);}
}

.afidx_alink{ width:250px; display:inline-block; vertical-align:top; text-align:center;}
.afidx_alink2{ margin-left:25px;}
.afidx_alink a{ width:250px; height:66px; line-height:66px; text-align:center; font-size:20px; color:#ffffff; font-weight:bold; text-decoration:none; display:block; margin-top:15px; position:relative; background-size:cover; transition:transform linear 0.2s;}
.afidx_alink a:hover{ transform:translateY(-5px);}
.afidx_alink a:after{font-family:"iconfont"; font-size:inherit; color:inherit; position:relative; display:inline-block; vertical-align:middle; font-weight:normal; margin:-3px 0 0 10px;}
.afidx_dlbtn{ background:#18b7a5;}
.afidx_buybtn{ background:#f39b11;}
.afidx_dlbtn:after{content:"\e925";}
.afidx_buybtn:after{content:"\e926";}
.afidx_alink span{ display:block; font-size:14px; color:rgba(255,255,255,0.8); margin-top:20px;}

.afidx_section8{ width:100%;}
.afidx_section8_cnt{ max-width:1430px; width:92%; margin:0 auto; text-align:left;}
.afidx_prodes{ width:775px; display:inline-block; vertical-align:middle;}
.afidx_section8_text{ width:620px; display:inline-block; vertical-align:middle; margin-left:25px;}
.afidx_section8_text h2{ color:#000; font-size:40px;}
.afidx_section8_text p{ color:#000; margin-top:20px; font-size:18px; line-height:1.8;}
.afidx_section8 .afidx_alink a.afidx_dlbtn{ background:#18b7a5; color:#d1f1ed;}
.afidx_section8 .afidx_alink span{ color:#000000; margin-top:10px;}

.afidx_rating div{display:inline-block; vertical-align:top; height:36px; padding-left:18px; width:231px; border-left:1px solid #d9d9d9;}
.afidx_rating p{ margin-top:0; line-height:1;}
.afidx_rating p b{font-size:inherit; color:inherit; font-weight:bold;}
.ratingsafe p{color:rgba(0,0,0,0.6); font-size:16px; margin-top:8px;}
.ratingrev{ margin-left:28px;}
.ratingrev p{color:#353535; font-size:14px;}
.ratingrev p img{ vertical-align:bottom;}
.ratingrev p a{font-size:inherit; color:rgba(0,0,0,0.5); opacity:.8;}
.ratingrev p a:hover{color:rgba(0,0,0,0.8);}

@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: 1590px){
.afidx_prodes{ width:52%;}
.afidx_section8_text{ width:45%; margin-left:2%;}
}
@media screen and (max-width: 1300px){
	.afidx_section8_cnt .afidx_alink,.afidx_section8_cnt .afidx_alink a{ width:230px;}
	.afidx_alink2{ margin-left:10px;}
	.iosidx_rated_main{ margin-left:20px;}
	.afidx_rating div{width:211px;}
	.ratingrev{margin-left:13px;}
}
@media screen and (max-width: 1200px){
	.listwrap{width:96%; margin:auto;}
	.tgconimg{width:calc(100% - 520px);}
	.tgcontext{max-width:500px;}
	.tgcon h2{font-size:40px;}
	.tgcon p{font-size:16px;}
	.afidx_section8{ padding-bottom:50px;}
	.afidx_section8_cnt{ margin:40px auto 20px;}
	.afidx_prodes{ margin:10px auto 0; display:block; width:90%;} 
	.afidx_section8_text{ width:100%; text-align:center; margin:10px 0 0 0;}
	.afidx_section8_cnt .afidx_alink, .afidx_section8_cnt .afidx_alink a{ width:250px;}
	.iosidx_rated{ margin-top:0;}
	.afidx_section8_cnt .afidx_alink,.iosidx_dltimes,.iosidx_rated_main{ margin:10px 20px 0;}
	.afidx_rating div{width:231px; text-align:left;}
	.ratingrev{margin-left:40px;}
}
@media screen and (max-width: 980px){
	.pw980{ width:96%; margin-left:auto; margin-right:auto;}
	.listrightnav{opacity:0.5;}
	.listwrap{background-size:130% auto;}
	.listbanner{margin-top:70px;}
	.listbanner h1{font-size:40px;}
	.tgcon{text-align:center; padding:30px 0;}
	.tgcon6{ margin-top:20px;}
	.tgconimg{float:none; width:60%; margin:20px auto;}
	.tgcontext{float:none; max-width:100%;}
	.listcon5{ padding:25px 0 40px;}
	.afidx_prodes{ display:none;}
}

@media screen and (max-width: 750px){
	.listrightnav{display:none;}
	.listbanner h1{font-size:30px;}
	.listbanner p{font-size:16px;}
	.listcon5{ padding:10px 0 40px;}
	.listcon{padding:45px 0;}
	.listcon h2{font-size:26px;}
	.listcon ul{padding:0 0 30px 10px; margin-top:30px;}
	.listcon li:before{width:6px; height:6px;}
	.listcon li{width:calc(49% - 20px); padding-left:15px; font-size:15px;}
	.listcon li:nth-child(odd){margin-right:5px;}
	.tgbanner{min-height:auto;}
	.tgbanner h1{font-size:32px; padding:0; margin-top:40px;}
	.tgbanner p{font-size:16px;}
	.tgbanline{margin-top:40px;}
	.tgcon h2{font-size:26px;}
	.tgcon6 img{width:100px; margin-top:40px;}
}
@media screen and (max-width: 650px){
.afidx_rating{margin-top:30px;}
.afidx_rating div{display:block; width:100%; max-width:220px; height:auto; text-align:center; padding:0; border-left:none; margin:20px auto 0;}
.afidx_rating p b{font-weight:inherit;}
.ratingsafe p{padding-bottom:20px; border-bottom:1px solid #d9d9d9;}
.ratingrev p{font-size:16px;}
.ratingrev p a{display:block; margin-top:5px;}
.afhome_number{ width:100px;}
}