@charset "utf-8";
/* reset */
*{margin: 0;padding: 0;outline: none;}
html,body{width: 100%;height: 100%;-webkit-user-select: none;-webkit-user-drag: none;-webkit-text-size-adjust: 100%;}
li{list-style:none;}
a{text-decoration: none;}
a,input,button,textarea,fieldset,ul,span{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type='text'],textarea,fieldset{border: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;}
img,video{max-width:100%;height:auto;border:0 none;vertical-align: bottom;}
a,img{-webkit-user-drag:none;user-drag:none;}
body,input,textarea{font:12px/1.5 Tahoma,"Microsoft YaHei",Helvetica, Arial;*font-family: "Microsoft YaHei";color: #333;}

/* function */
.f-cb:after,.f-cb-li li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cb-li li{zoom:1;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-ma{margin-left: auto;margin-right: auto;}
.f-ib{display: inline-block;*display: inline;*zoom: 1;}

/* grid */
.g-doc{position: relative;z-index: 2;width: 100%;min-height: 100%;background-color: #fff;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg) translateZ(0);
    -moz-transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg) translateZ(0);
    -ms-transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg) translateZ(0);
    -o-transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg) translateZ(0);
    transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg);
    -webkit-transition:  .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.g-ct{border-bottom: 83px solid transparent;}
.g-wrap{width: 1200px;margin: 0 auto;zoom: 1;}
.g-wrap:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}

body{background-color: #c1f5c8;}
body.z-moveDown{
    height: 100%;
    overflow: hidden;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

body.z-moveDown .g-doc{height: 100%;overflow: hidden;cursor: pointer;border: 2px solid #c1f5c8;
    -webkit-transform: translate3d(0px, 90%, -300px) rotate3d(1, 0, 0, -10deg) translateZ(0);
    -moz-transform: translate3d(0px, 90%, -300px) rotate3d(1, 0, 0, -10deg) translateZ(0);
    -ms-transform: translate3d(0px, 90%, -300px) rotate3d(1, 0, 0, -10deg) translateZ(0);
    -o-transform: translate3d(0px, 90%, -300px) rotate3d(1, 0, 0, -10deg) translateZ(0);
    transform: translate3d(0px, 90%, -300px) rotate3d(1, 0, 0, -10deg) translateZ(0);
}

body.z-moveDown .m-page .title,
body.z-moveDown .m-page .subhead{display: none;}
body.z-moveDown .m-head .nav a{border-color: transparent;}
body.z-moveDown .m-head .nav a[id="js_join"]{border-color: #fff;}
body.z-moveDown .m-head .other a:hover .qrcode{display: none;}
a[title="站长统计"]{display: none !important;}

/* models */
.m-head{position: fixed;top: 0;left: 0;z-index: 901;width: 100%;height: 100px;background-color:#1A1A1A;}
.m-head .inner{position: relative;height: 100px;}
.m-head .logo{float: left;width: 144px;padding-top: 11px;}
.m-head .logo a{display: block;height: 78px;text-align: center;line-height: 78px;text-indent: -1000px;background: url('../images/logo.png') no-repeat left center;overflow: hidden;}
.m-head .logo.s-green a{background-image: url('../images/logo_green.png');}
.m-head .nav{position: absolute;top: 32px;right: 0;/*right: 110px;*/}
.m-head .nav li{float: left;width: 165px;height: 36px;margin-left: 12px;}
.m-head .nav a{display: block;height: 34px;text-align: center;line-height: 32px;font-size: 16px;color: #fff;border: 1px solid transparent;
    text-shadow: 1px 1px 2px rgba(8,1,3,.1);
    -webkit-border-radius: 18px;border-radius: 18px;
    -webkit-transition: .3s;transition: .3s;
    -webkit-user-select:none;user-select:none;
}
.m-head .nav a:hover{color: #e85e4a;}
.m-head .nav a{font-size: 18px;line-height:40px}
.m-head .nav .menu{position: relative;}
/*.m-head .nav .menu p{color: #C95342;border: 2px solid #e85e4a;-webkit-border-radius: 18px;border-radius: 50px;line-height: 40px;}*/
.m-head .nav.s-deepen a{text-shadow: 0 0 6px rgba(8,1,3,.4);}
/*.m-head .qrcode{position: absolute;top: 48px;left: 28px;display: none;height: 114px;width: 114px;padding: 5px;background-color: #fff;
    -webkit-border-radius: 5px;border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(8,1,3,.3);box-shadow: 0 0 10px rgba(8,1,3,.3);
}*/
.m-head .qrcode .arrow{position: absolute;top: -6px;left: 50%;margin-left: -6px;border-bottom-color: #fff;border-width: 0 6px 6px 6px;}
.m-head .other{position: absolute;right: 0;top: 0;}
.m-head .other a{position: relative;float: left;display: block;background: url('../images/other_website.png') no-repeat;}
.m-head .other a + a{margin-left: 12px;}
.m-head .other .weixin{top: 36px;width: 29px;height: 27px;background-position: 0 0;}
.m-head .other .sina{top: 37px;width: 32px;height: 26px;background-position: 0 -36px;}
.m-head .other .qrcode{left: -50px;}
.m-head .other a:hover .qrcode,
/*.m-head .nav .menu:hover .qrcode{display: block;}*/
.m-head.z-fixed{position: relative;background-color: #39b44a;}

.m-foot{position: absolute;left: 0;bottom: 0;height: 52px;padding: 15px 0;width: 100%;text-align: center;line-height: 26px;font-size: 12px;color: #8d8d8d;border-top: 1px solid #bcbcbc;}
.m-foot a{color: #8d8d8d;}

.m-download{position: fixed;bottom: 86px;left: 50%;z-index: 900;width: 200px;margin-left: -600px;}
.m-download img{display: block;width: 150px;height: 150px;margin: 0 25px 20px;}
.m-download a{display: block;height: 46px;padding-left: 64px;line-height: 46px;font-size: 16px;color: #fff;border: 2px solid #fff;background: url('../images/other_website.png') no-repeat;
    -webkit-border-radius: 25px;border-radius: 25px;
    -webkit-transition: .3s;transition: .3s;
}
.m-download a + a{margin-top: 26px;}
.m-download a:hover{background-color: rgba(255,255,255,.1);}
.m-download .android{background-position: 26px -67px;}
.m-download .ios{background-position: 26px -112px;}

.m-fullPage-nav{position: absolute;right: 22px;top: 50%;z-index: 900;}
.m-fullPage-nav li{width: 10px;height: 10px;padding: 5px 0;}
.m-fullPage-nav a{display: block;width: 8px;height: 8px;border: 1px solid #fff;
    -webkit-border-radius: 5px;border-radius: 5px;
}
.m-fullPage-nav a.active{background-color: #fff;}


.m-page{width:auto;}
.m-page .one-page{background: url("../images/bj_1.jpg");}
.one-page  .one-main{margin: 0 auto;width:1100px;overflow: hidden;}
.one-page  .one-main .text1{width:550px;margin-top:50px;float:left;}
.one-page  .one-main .img1{
	float:right;
}
.one-page  .one-main .text1 .p1{color:#FAFBFB;padding-left:10px;letter-spacing:2px;}
.one-page  .one-main .text1 .nl{height:60px;}
.one-page  .one-main .text1 .p2{color:#ffffff;margin-top:26px;padding-left:10px;}
.one-page  .one-main .text1 .ta1{background:url("../images/btn_download.png") no-repeat; width:270px;height:69px;margin-top:80px;padding-top:14px;}
.one-page  .one-main .text1 .ta1 .p3{color:white;font-size:26px;padding:16px 50px;letter-spacing:2px}


.m-page .two-page{background: url("../images/bj_2.jpg");}
.fp-tableCell{padding-top:188px;}
.section{
	padding-top: 188px;
}
.two-page  .two-main{width:1300px;margin: 0 auto;}
.two-page  .two-main .two-img1{float:left;}
.two-page  .two-main .two-text1{float:left;margin-left:130px;margin-top:160px;}
.two-page  .two-main .two-text1 .two-p1{color:#FAFBFB;letter-spacing:2px;}
.two-page  .two-main .two-text1 .two-nl{height:50px;}
.two-page  .two-main .two-text1 .two-p2{color:#ffffff;margin-top:5px;letter-spacing:2px;}

.m-page .three-page{background: url("../images/bj_3.jpg");}
.three-page  .three-main .three-text1{width:1100px;text-align: center;margin: auto;padding-bottom: 80px;}
.three-page  .three-main .three-text1 .three-p1{color:#FAFBFB;font-size:45px;letter-spacing:2px;}
.three-page  .three-main .three-text1 .three-p2{color:#ffffff;font-size:26px;margin-top:60px;letter-spacing:2px;}
.three-page  .three-main .three-text1 .three-p3{color:#ffffff;font-size:22px;margin-top:105px;letter-spacing:2px;}
.three-page  .three-main .three-img1{margin:0 auto;width:1100px;height:370px;}
.three-page  .three-main .three-img1 img{width:1100px;height:370px;}

.m-page .four-page {background: url("../images/bj_1.jpg");}
.four-page  .four-main{width:100%;text-align:center;}
.four-page  .four-main .four-text1{width:975px;margin:50px auto;}
.four-page  .four-main .four-btn{width:80%;margin:0px auto;}
.four-page  .four-main .four-text1 .four-p1{color:#FAFBFB;font-size:26px;letter-spacing:2px;}
.four-page  .four-main .four-btn{width:625px;height:150px;margin-top:60px;}
.four-img1{width:625px;margin:0px auto;}
.four-page  .four-main .four-btn .four-img2{background:url("../images/btn_download.png") no-repeat ;width:270px;height:69px; float:left;line-height:69px;}
.four-page  .four-main .four-btn .four-img2 a{color:white;font-size:28px;letter-spacing:2px;padding:12px 55px;}
.four-page  .four-main .four-btn .four-img2 .four-p3{color:#FAFBFB;font-size:18px;margin-top:10px;letter-spacing:2px;}
.four-page  .four-main .four-btn .four-img3{width:266px;height:64px; float:left;margin-left:80px;border:2px solid white;-webkit-border-radius: 50px;line-height:64px;}
.four-page  .four-main .four-btn .four-img3 a{color:white;font-size:28px;letter-spacing:2px;padding:12px 85px;}
.four-page  .four-main .four-btn .four-img3 .four-p3{color:#FAFBFB;font-size:18px;margin-top:10px;letter-spacing:2px;}
/* media */
@media screen and (max-width: 2000px) {
	.one-page  .one-main{width:1281px ;}
	.two-page  .two-main{width: 1225px;}
	.one-main .img1 img{width:569px;height:712px;}
	.one-main .text1 .p1{font-size:60px;line-height: 60px;}
	.one-main .text1 .p2{font-size:26px;line-height:30px;}
	.two-page .two-main .two-img1{width:569px;height:667px;}
	.two-page .two-main .two-text1 .two-p1{font-size:44px;}
	.two-page .two-main .two-text1 .two-p2{font-size:26px;line-height: 40px}
	.three-main .three-img1{margin-top:80px;width:1100px;height:370px;}
}

@media screen and (max-width: 1750px) {
	.one-page  .one-main{width: 1194px;}
	.two-page  .two-main{width: 1151px;}
	.one-main .img1 img{width: 530px;height: 663px;}
	.one-main .text1 .p1{font-size:60px;line-height: 55px;}
	.one-main .text1 .p2{font-size:26px;line-height:26px;}
	.two-page .two-main .two-img1{width:530px;height:637px;}
	.two-page .two-main .two-text1 .two-p1{font-size:44px;}
	.two-page .two-main .two-text1 .two-p2{font-size:22px;line-height: 40px}
	.three-main .three-img1{margin-top:80px;width:1100px;height:370px;}
}
@media screen and (max-width: 1500px) {
	.one-page  .one-main{width: 1193px;}
	.two-page .two-main .two-img1{width:500px;height:600px;}
    .two-page .two-main .two-text1 .two-p1{font-size:44px;}
	.two-page .two-main .two-text1 .two-p2{font-size:22px;line-height: 40px}
	.two-page  .two-main{width: 1086px;}
	.one-main .img1 img{width: 530px;height: 663px;}
	.one-main .text1 .p1{font-size:60px;line-height:55px;}
	.one-main .text1 .p2{font-size:24px;line-height:26px;}
}
@media screen and (max-width: 1380px) {
	.fp-tableCell{padding-top:110px;}
}

@media screen and (max-width: 1200px) {
	.g-wrap{
		margin-left:50px;
	}
	.m-head .nav{
		right: 100px;
	}
	.two-page  .two-main{width: 937px;}
	.fp-tableCell{padding-top:110px;}
	.two-page .two-main .two-img1{width:385px;height:470px;}
	.two-page .two-main .two-img1 img{width:385px;height:470px;}
    .two-page .two-main .two-text1 .two-p1{font-size:40px;}
	.two-page .two-main .two-text1 .two-p2{font-size:20px;}
}
@media screen and (max-width: 1081px) {
	.m-head .nav{
		right: 230px;
	}
	.two-page  .two-main .two-text1{
		margin-left: 90px;
	}
}

/*---------*/

@media screen and (max-height: 1100px) {
}

@media screen and (max-height: 900px) {
	.fp-tableCell{padding-top:110px;}
	.two-page  .two-main{width: 1160px;}
	.one-main .img1 img{width: 530px;height: 663px;}
	.one-main .text1 .p1{font-size:45px;line-height: 55px;}
	.one-main .text1 .p2{font-size:24px;line-height:26px;}
	.two-page .two-main .two-img1{width:530px;height:610px;}
	.two-page .two-main .two-img1 img{width:530px;height:610px;}
}
@media screen and (max-height: 700px) {
	.one-page  .one-main .text1 .nl{
		height: 30px;
	}
	.one-page  .one-main{width:922px ;}
	.two-page  .two-main{
		padding-top: 20px;
		width:902px ;
	}
	.three-page .three-main .three-text1{
		padding-bottom: 40px;
	}
	.one-page  .one-main .text1{
		margin-top: 45px;
	}
	.one-main .text1 .p2{
		font-size: 20px;
	}
	.three-page  .three-main .three-text1 .three-p1{
		font-size: 42px;
	}
	.one-main .text1 .p1{font-size: 40px;}
	.one-page  .one-main .text1 .ta1{ background-size:250px 59px;width:250px;height:59px;margin-top:60px;padding-top:14px;text-align: center;}
	.one-page  .one-main .text1 .ta1 .p3{font-size: 20px;}
	.four-img1 img{
		height: 290px;
		width: 290px;
	}
	.four-page  .four-main .four-text1 .four-p1{
		font-size: 30px;
	}
	.four-page  .four-main .four-btn .four-img2 a{
		font-size: 22px;
	}
	.four-page  .four-main .four-btn .four-img3 a{
		font-size: 22px;
	}
	.four-page  .four-main .four-btn{
		margin-top: 30px;
	}
	.four-page  .four-main .four-btn .four-img2{
	background-size:250px 55px;
	width:250px;
	height:55px; 
	float:left;
	line-height:55px;
	}
	
	.four-page  .four-main .four-btn .four-img3{width:246px;height:50px;-webkit-border-radius: 50px;line-height:50px;}

	.one-main .img1 img{width: 370px;height: 463px;}
	.two-page .two-main .two-img1{width: 350px;height: 441px;}
	.two-page .two-main .two-img1 img{width: 350px;height: 441px;}
	.two-page .two-main .img1 img{}
    .two-page .two-main .two-text1 .two-p1{font-size:42px;}
	.two-page .two-main .two-text1 .two-p2{font-size:20px;}
	.three-page  .three-main .three-img1{
		margin-top: 20px;
		width: 1010px;
	}
	.three-page  .three-main .three-img1 img{height: 300px;width: 1010px;}
}

/* css3fx */
@-webkit-keyframes rotate360 {
     0% {
        -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




@-webkit-keyframes train {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 89px, 0px) rotate(14deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes train {
    0% {
        opacity: 0;
        transform: translate3d(100%, 89px, 0px) rotate(14deg);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeInUpByCeil {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 96px, 0);
        transform: translate3d(0, 96px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpByCeil {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 96px, 0);
        transform: translate3d(0, 96px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}