@charset "utf-8";
/* CSS Document */
body{margin:0;font-family: "microsoft yahei";}
p{padding:0;margin: 0;}
a{text-decoration: none;margin:0;padding:0;cursor:pointer;}
img{border:none; padding:0; margin:0; display: block;}
ul{ margin:0;padding:0;list-style:none;}
ul li{list-style:none;}
html {font-size: 50px;}
body {font-size: 24px;}
@media screen and (min-width: 320px) {
    html {font-size:22px}
    body {font-size: 12px}
}
@media screen and (min-width: 360px) {
    html {font-size:24px}
    body {font-size: 12px}
}
@media screen and (min-width: 375px) {
    html {font-size:25px}
    body {font-size: 12px}
}
@media screen and (min-width: 384px) {
    html {font-size:25.6px}
    body {font-size: 14px}
}
@media screen and (min-width: 400px) {
    html {font-size:26.67px}
    body {font-size: 14px}
}
@media screen and (min-width: 414px) {
    html {font-size:27.6px}
    body {font-size: 14px}
}
@media screen and (min-width: 424px) {
    html {font-size:28.27px}
    body {font-size: 14px}
}
@media screen and (min-width: 480px) {
    html {font-size:32px}
    body {font-size: 15.36px}
}
@media screen and (min-width: 540px) {
    html {font-size:36px}
    body {font-size: 17.28px}
}
@media screen and (min-width: 720px) {
    html {font-size:48px}
    body {font-size: 23.04px}
}
@media screen and (min-width: 750px) {
    html {font-size:50px}
    body {font-size: 24px}
}
/*common end*/
.ui-mobile .ui-page{height: 100%;max-width: 960px;overflow-x:auto;}
.content{margin: 0;min-height: 82%;padding: 0;}
/*topnav*/
.content .top_nav{width:100%;background-color: #000000;line-height:3.8rem;}
.content .top_nav .logo{margin: 1.54rem 0 0 1.5rem;float: left;overflow: hidden;}
.content .top_nav .dd{padding-left:0.3rem; padding-right:0.96rem;font-size:0.96rem; float: left;color: #333;line-height: 3.8rem;}
.content .top_nav .ds{padding-left: 0.96rem;font-size:0.6rem; color: #333;float:left;line-height: 3.8rem;}
.content .top_nav a{color: #000000;}
.content .top_nav a:hover{color: #ff5b01;}
.content .top_nav img{width:4rem; }
/*banner*/
.content .banner{position:relative; width:100%;height:10.8rem; background: url(../images/banner.jpg) center no-repeat;overflow: hidden;background-size:100% 100%;}
.content .banner a{color: #ffffff;}
.content .banner .apple{background: #0080fd;width:30%;height:1.6rem;border-radius:0.04rem;margin:32% 0 0 12%; float: left;background-size:100% 100%;}
.content .banner .apple .appleicon{padding-left:0.5rem;padding-top:0.2rem; line-height:1.6rem;float: left;display: block;}
.content .banner .apple .applefont{padding-left:0.32rem;line-height: 1.6rem;color:#ffffff;float: left;font-size: 0.64rem;}
.content .banner .anzhuo{background: #10b104;width:30%;height: 1.6rem;border-radius: 0.04rem;margin: 32% 0 0 6%;float: left;background-size:100% 100%;}
.content .banner .anzhuo .anzhuoicon{padding-left: 0.5rem;padding-top: 0.2rem;line-height: 1.6rem;float: left;}
.content .banner .anzhuo .anzhuofont{padding-left: 0.32rem; line-height: 1.6rem;color: #FFFFFF;float: left;font-size: 0.64rem;}
.content .banner .apple img{width:0.64rem;height: 0.8rem;}
.content .banner .anzhuo img{width: 0.72rem;height: 0.76rem;}
/*gongneng*/
.content .three{background: #ffffff;width: 100%; margin: 0; overflow: hidden;}
.content .three .sprite{float: left;}
.content .three .sprite img{width: 2rem;height: 2rem;}
.content .three .sprite li .title{font-size: 0.64rem;color: #333333;}
.content .three .sprite li .con{font-size: 0.48rem;color: #666666;}
.content .three .sprite li .yijianfabu{margin-left: 10%;margin-top: 1rem;}
.content .three .sprite li .fabu{margin-left: 32%;margin-top: -2rem;width: 100%;line-height: 0.64rem;float: left;}
.content .three .sprite li .fabucon{margin-left: 32%;margin-top: -1.2rem;width: 100%; line-height: 0.48rem;float: left;}
.content .three .sprite li .jl{margin-left: 10%;margin-top: 1rem;}
.content .three .sprite li .jiaoliu{margin-left: 32%;margin-top: -2rem;width: 100%;line-height: 0.64rem;float: left;}
.content .three .sprite li .jiaoliucon{margin-left: 32%;margin-top: -1.2rem;width: 100%;line-height: 0.48rem;float: left;}
.content .three .sprite li .safe{margin-left: 10%;margin-top: 1rem;}
.content .three .sprite li .anquan{margin-left: 32%;margin-top: -2rem;width: 100%;line-height: 0.64rem;float: left;}
.content .three .sprite li .anquancon{margin-left: 32%;margin-top: -1.2rem;width: 100%;line-height: 0.48rem;float: left;}
.content .three .sprite li .dashou{margin-left: 10%;margin-top: 1rem;}
.content .three .sprite li .ziyuan{margin-left: 32%;margin-top: -2rem;width: 100%;line-height: 0.64rem;float: left;}
.content .three .sprite li .ziyuancon{margin-left: 32%;margin-top: -1.2rem;width: 100%;line-height: 0.48rem;float: left;}

/*phone*/
/*.content .phone{width: 100%;margin-left: auto;margin-right: auto; }*/
.content .phone img{width:12.54rem;height: 11rem;margin-left: 7%;margin-top:2.24rem;}
/*gray*/
.content .gray{background: url(../images/gray.png) center no-repeat; width: 100%;height: 10.8rem;overflow: hidden; float: left;margin-top: -4.8rem;background-size:100% 100%;}
.content .gray .apple_b{background: #ffffff;width:30%;height:1.6rem;border: solid 0.02rem #0080fd; border-radius: 0.04rem; margin: 35% 0 0 12%;float: left;background-size:100% 100%;}
.content .gray .apple_bicon{padding-left:0.5rem;padding-top: 0.2rem;line-height:1.6rem;float: left;}
.content .gray .apple_bfont{padding-left:0.32rem;line-height:1.6rem;color: #0080fd;font-size:0.64rem; float: left;}
.content .gray .anzhuo_g{background: #ffffff;width:30%;height:1.6rem;border: solid 0.02rem #10b104;border-radius: 0.04rem; margin: 35% 0 0 6%;float: left;background-size:100% 100%;}
.content .gray .anzhuo_gicon{padding-left:0.5rem;padding-top:0.2rem;line-height:1.6rem;float: left;}
.content .gray .anzhuo_gfont{padding-left:0.32rem;line-height:1.6rem;color:#10b104;font-size:0.64rem; float: left;}
.content .gray .apple_b a{color: #0080fd;}
.content .gray .anzhuo_g a{color: #10b104;}
.content .gray .apple_b img{width: 0.64rem;height: 0.8rem;}
.content .gray .anzhuo_g img{width: 0.72rem;height: 0.76rem;}
/*foot*/
.content .bq{width: 100%;background: #ffffff;font-size:0.48rem;color: #333333;line-height:2.3rem;margin-left: auto;margin-right: auto;}

.wap_flhd_bg{width:100%; position: relative;}
.wap_flhd_bg img{width:100%;}
.wap_flhd_txt{ color:#fff; font-size:14px; position: absolute; top:73%; left: 29%; }
.dudu_txt{background:#1a1a46; font-size:14px; color:#00fff6; float:left; padding: .1rem .7rem; border-radius: 3rem; margin-left: 3.5rem; border:1px solid #00fff6; margin-top:.5rem;}
.dudu_txt_down{color:#333; margin-top:55%; text-align:center; }