@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
html, body, div, span, h2,h3, p, a,ul, li,img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	font-size:100%;
}
ul,li,a {
    list-style: none;
	text-decoration:none;
}


.page{ background:#FFF; width:100%; min-width:1000px; height:auto; padding-top:100px;}
.header{ position:fixed; top:0; width:100%; height:100px; background:#FFF; z-index:1; border-bottom:#F0F0F0 solid 4px;}
.header .header_top{ width:1000px; height:52px; padding:24px 0; margin:0 auto;}
.header .header_top .logo{ float:left;}
.header .header_top ul{ float:right;}
.header .header_top ul li{ float:left; font-size:16px; margin-left:30px;  line-height:40px; margin-top:11px;}
.header .header_top ul li a{ color:#656565; }
.header .header_top ul .current{ border-bottom:2px solid #82bc00;}
.header .header_top ul .current a{ color:#82bc00;}
.header .header_top ul li:hover{ border-bottom:2px solid #82bc00; color:#82bc00;}
.banner{ width:100%; height:auto; min-height:413px; position:relative;}
.banner img{}

.function{ width:100%; min-height:372px; position:relative;}
.function .txt{}
.function .txt h2{ font-size:40px; color:#494949; position:absolute; left:20%; top:30%; font-weight:500;}
.function .txt h3{ font-size:40px; color:#494949; position:absolute; left:55%; top:30%; font-weight:500;}
.function .txt h2 span,.function .txt h3 span{ font-size:26px; color:#a4a4a4;}


.data{ padding:50px 180px; color:#494949;}
.data .title{ font-size:18px; line-height:30px; text-indent:40px;}
.data ul{ width:100%; height:auto;}
.data ul li{ float:left; width:33.3%; min-width:260px; margin-top:30px;}
.data ul li .data_number{ margin-left:50%;}
.data ul li .data_number p{ margin-left:-81px; height:162px; width:162px; border-radius:162px; border:2px solid #e9e9e9; line-height:162px; font-size:30px; text-align:center; color:#08bb82; font-weight:bold;}
.data ul li .data_number span{ font-size:20px; font-weight:500; margin-left:10px;}
.data ul li .text{ font-size:18px; line-height:30px; margin-top:30px; text-align:center;}

.app_download{ width:100%; height:auto; background:#eeeeee; padding-bottom:60px;}
.app_download .title{ font-size:60px; color:#08bb82; font-weight:600; text-align:center; padding:60px 0;}
.app_download .app{ height:360px; width:900px; margin:0 auto;}
.app_download .app ul li{ float:left; padding:0 65px; height:360px; width:320px; position:relative;}
.app_download .app ul li .code{ position:absolute; top:0; left:108px;}
.app_download .app ul li .download{ position:absolute; bottom:0; left:65px;}

.footer{ width:100%; padding:35px 0; background:#e0e0e0;}
.footer .footer_logo{ margin-left:50%;}
.footer .footer_logo img{ margin-left:-120px;}
.footer p{ text-align:center; font-size:14px; line-height:10px; margin-top:30px; color:#a7a7a7;}


@media screen and (min-width:1000px){.banner .download{ height:151px; width:350px; position:absolute; top:50%; left:45%;}
.banner .download .android{ position:absolute; top:3px; left:0;}
.banner .download .ios{ position:absolute; bottom:3px; left:0;}
.banner .download .code{ position:absolute; top:0px; right:0;}
.banner .download .android img,.banner .download .ios img{ width:194px; height:59px;}
.banner .download .code img{ width:129px; height:151px;}
}
@media screen and (max-width: 1000px){.banner .download{ height:120px; width:285px; position:absolute; top:50%; left:45%;}
.banner .download .android{ position:absolute; top:3px; left:0;}
.banner .download .ios{ position:absolute; bottom:3px; left:0;}
.banner .download .code{ position:absolute; top:0px; right:0;}
.banner .download .android img,.banner .download .ios img{ width:156px; height:48px;}
.banner .download .code img{ width:103px; height:120px;}
}