body{ font-family:"微软雅黑";}
*{margin: 0;padding: 0;border: 0;}
a,a:hover{text-decoration: none;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;}
img{border:0;}
.allclear{ clear:both;}
ul,li{ list-style-type:none; padding:0px; margin:0px;}

#menu { width:49px; margin:0; padding:0; position: fixed; right:3%; top:26%; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:35% 0;}
#menu a { width:49px; height:49px; float: left;}
.layers{ width:49px; height:49px; background: url(../images/layers1.png) no-repeat;}
.star{ width:49px; height:49px; background: url(../images/star1.png) no-repeat;}
.doc{ width:49px; height:49px; background: url(../images/documents1.png) no-repeat;}
.printer{ width:49px; height:49px; background: url(../images/printer1.png) no-repeat;}
.friends{ width:49px; height:49px; background: url(../images/friends1.png) no-repeat;}
.settings{ width:49px; height:49px; background: url(../images/settings1.png) no-repeat;}
#menu .active .layers{ background: url(../images/layers2.png) no-repeat;}
#menu .active .star{ background: url(../images/star2.png) no-repeat;}
#menu .active .doc{ background: url(../images/documents2.png) no-repeat;}
#menu .active .printer{ background: url(../images/printer2.png) no-repeat;}
#menu .active .friends{ background: url(../images/friends2.png) no-repeat;}
#menu .active .settings{ background: url(../images/settings2.png) no-repeat;}
.section { text-align: center;}
.section2 { background: url(../images/1.jpg) 50%;}
.section3 { background: url(../images/2.jpg) 50%;}
.section4 { background: url(../images/3.jpg) 50%;}
.section5 { background: url(../images/4.jpg) 50%;}
.section1 p,.section4 p,.section6 p{ position:relative; bottom:-120%;}
.section1 span { position:relative; top: -120%;}
.section2 p,.section2 span{ position:relative; left:-120%;}
.section2 h1 { position:relative; right: -120%;}
.section3 p{ position:relative; top:-520%;}
.section6 p{ margin-left:300px;}

.Sign a,.request a{ width:189px; height:42px; position:fixed; right:3%; font-size:23px; line-height:40px; font-family:"Microsoft PhagsPa"; background:#65dbff; color:#fdfeff; z-index:1; text-align:center;}
.Sign a{ top:2%;}
.request a{ top:8.5%;}
.Sign a:hover,.request a:hover{ background:#fdfeff; color:#65dbff;}
.btnbox{ width:666px; margin:2% auto;}
.btn a{ width:276px; height:76px; background: url(../images/btn1.png) no-repeat; text-align:center; padding:0 7px 8px 0; display:block; float:left; font-size:45px; line-height:70px; color:#ffffff; margin:0 25px;}
.btn a:hover{ background: url(../images/btn2.png) no-repeat; color:#65dbff;}
.flowbox{ width:989px; height:298px; margin:0 auto; position:relative; margin-top:11%; margin-bottom:5%;}
.flow{ width:911px; height:60px; background: url(../images/img7.png) no-repeat; position:absolute; bottom:0; left:37px;}
.reg a,.down a,.fun a,.test a,.online a{ width:121px; height:247px; position:absolute; top:0; background: url(../images/flow1.png) no-repeat; text-align:center; font-size:18px; color:#ffffff; z-index:2;}
.reg a:hover,.down a:hover,.fun a:hover,.test a:hover,.online a:hover{background: url(../images/flow2.png) no-repeat; color:#65dbff;}
.reg a{ left:0;}
.down a{ left:218px;}
.fun a{ left:434px;}
.test a{right:217px;}
.online a{ right:0;}
.flow_font{ padding:42px 0 0 0;}
.flow_font2{ padding:28px 0 0 0;}
.contact,.info{ width:1000px; margin:0 auto;}
.info{ margin-top:120px;}
.info li{ width:620px; height:45px; margin:10px 0; float:left;}
.info_l{ width:145px; float:left; font-size:24px; color:#fefcfc; text-align:left; line-height:40px;}
.info_shuru{ width:439px; height:41px; float:right; border:1px solid #a5a4c3; font-size:20px; text-indent:8px;}
.info_shuru2{ width:195px; height:41px; float:right; border:1px solid #a5a4c3; font-size:20px; text-indent:8px;}
.info_code{ width:160px; height:43px; float:right; margin-left:40px; background:#ffffff;}
.info_btn{ width:441px; height:43px; float:right;}
.ref{ width:29px; height:27px; float:right; margin-left:15px; margin-top:7px;}
.private{ width:441px; float:right;}
.private a{ color:#2f1c7e;}
.private a:hover{ color:#000000;}
.con_left{ width:450px; float:left; color:#ffffff; font-size:23px; text-align:left;}
.con_title{ font-size:46px; line-height:80px;}
.sdk_input{ width:500px; float:right;}
.sdk_shuru{ width:232px; height:44px; border:0; text-indent:8px; font-size:18px;}
.sdk_shuru2{ width:494px; height:213px; border:0; padding-left:5px; line-height:25px; margin-top:16px; font-size:18px;}
.password{ position:relative; } 
.passText{ position:absolute; left:5px; top:0px; color:#65dbff; font-size:18px;}
.passText2{ position: absolute; left: 5px; top:-190px; color: #65dbff; font-size:18px;}
.sdk_btn{ width:453px; height:34px; margin:3% auto;}

.copyright{ z-index:1; position:absolute; top:80px; left:250px; color:#ffffff; font-size:0.8em;}
.copyright a{ color:#ffffff;}
.copyright a:hover{ color:#ffffff;}


@media (max-width:1366px)
{
body img{ width:65%;}
#menu{ top:13%;}
.section3 p img{ width:45%;}
.Sign a,.request a{ width:13%; height:4.5%; font-size:14px; line-height:200%;}
.btnbox{ width:45%;}
.btn a{ width:36%; height:40px; font-size:26px; line-height:45px;}
}