@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: #000;}
body.z-moveDown .m-head .other a:hover .qrcode{display: none;}
a[title="站长统计"]{display: none !important;}

/* models */
.m-head{position: absolute;top: 0;left: 0;z-index: 901;width: 100%;height: 100px;}
.m-head .inner{position: relative;height: 100px;}
.m-head .logo{float: left;width: 120px;padding-top: 11px;}
.m-head .logo a{display: block;height: 78px;text-align: center;line-height: 78px;text-indent: -1000px;background: url('../../image/logo.png') no-repeat left center;overflow: hidden;background-size: contain;}
.m-head .logo.s-green a{background-image: url('../../image/logo_green.png');}
.m-head .nav{position: absolute;top: 32px;right: 0;/*right: 110px;*/}
.m-head .nav li{float: left;width: 100px;height: 36px;margin-left: 12px;}
.m-head .nav a{display: block;height: 34px;text-align: center;line-height: 34px;font-size: 16px;color: #000;
    /* 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.z-sel,
.m-head .nav a:hover{border-color: #fff;} */

.m-head .nav a.z-sel::before{
    content: '';
    display: block;
    width: 24px;
    height: 5px;
    position: absolute;
    background: linear-gradient(145deg,#1e8f2e,#c3ebb3),#fff;
    top: 36px;
    margin: 0 36px;
    border-radius: 3px;
}
.m-head .nav .menu{position: relative;}
.m-head .nav.s-deepen a{text-shadow: 0 0 6px rgba(8,1,3,.4);}
.m-head .qrcode{position: absolute;top: 48px;left: -12px;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('../../image/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: #fff;}

.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: 200px;left: 50%;z-index: 900;width: 200px;margin-left: -600px;}
.m-download img{display: block;width: 150px;height: 150px;padding: 5px;}
.m-download a{display: block;height: 46px;padding-left: 64px;line-height: 46px;font-size: 16px;
    box-shadow: 8px 8px 20px 0 rgb(57 180 74 / 10%), -8px -8px 20px 0 #fff;color: #fff;border: 2px solid #fff;background: url('../../image/other_website.png') no-repeat #319a3d;
    -webkit-border-radius: 25px;border-radius: 25px;
    -webkit-transition: .3s;transition: .3s;
}
.m-download .qrcode{
    background: #fff;
    margin: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 16px 1px rgba(0,0,0,.06);
}
.m-download a + a{margin-top: 26px;}
.m-download a:hover{background-color: #26772f;}
.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{position: relative;z-index: 1;height: 100%;}
.m-page .section{position: relative;height: 100% !important;overflow: hidden;}
.m-page .section > .fp-tableCell{height: 100% !important;}
.m-page .section .title{position: absolute;top: 13%;left: 0;z-index: 21;width: 100%;text-align: center;line-height: 60px;font-size: 40px;color: #fff;letter-spacing: 8px;}
.m-page .section .title-up{position: relative;z-index: 21;padding-top: 300px; width: 1200px;margin: 0 auto;line-height: 60px;font-size: 40px;color: #319a3d;letter-spacing: 8px;}
.m-page .section .title.s-letter-2{letter-spacing: 2px;}
.m-page .section .subhead{position: absolute;top: 13%;left: 0;z-index: 21;width: 100%;margin-top: 60px;text-align: center;line-height: 24px;font-size: 20px;font-weight: 400;color: #fff;}
.m-page .section .subhead-up{    position: relative;z-index: 21;width: 1200px;margin: 0 auto;line-height: 24px;font-size: 20px;font-weight: 400;color: #330000;}
.m-page .section .inner{position: absolute;top: 0;left: 50%;z-index: 10;width: 1200px;height: 100%;margin-left: -600px;}
.m-page .one-page{background: url("../../image/one_page_bg.png") no-repeat center bottom #fff;background-size: cover;}
.m-page .one-page .subhead span{padding: 0 8px;}
.m-page .one-page .signal{position: absolute;bottom: 780px;left: 70%;display: block;width: 93px;height: 65px;margin-left: 21px;background: url('../../image/signal.png') center bottom no-repeat;}
.m-page .one-page .train{position: absolute;
    bottom: 230px;
    left: 62%;
    margin-left: -130px;}
.m-page .one-page .footer{
    position:absolute;
    text-align: center;
    width: 100%;
    bottom: 5%;
    -webkit-animation: fadeInUp 2s;
    animation: fadeInUp 2s;
}
.m-page .two-page{background: url("../../image/two_page_bg.jpg") no-repeat center bottom #29d0e8;}
.m-page .three-page{background: url("../../image/three_page_bg.jpg") no-repeat center bottom #39b44a;}
.m-page .four-page{background-color: #18c69c;}
.m-page .four-page .title{letter-spacing: 4px;}
.m-page .four-page .box{position: absolute;left: 50%;bottom: 0;width: 1920px;height: 500px;margin-left: -960px;background: url("../../image/four_page_bg.png") no-repeat;}
.m-page .five-page{background: url("../../image/five_page_bg.png") no-repeat center bottom #008acf;}
.m-page .five-page .sun{position: absolute;bottom: 115px;left: 50%;width: 240px;height: 240px;margin-left: -120px;background: url('../../image/five_page_pic.png') no-repeat;}
.m-page .six-page{background-color: #29d0e8;}
.m-page .six-page .photo{position: absolute;left: 125px;bottom: 0;}
.m-page .six-page .photo li{position: relative;top: 156px;float: left;width: 290px;margin-left: 20px;}
.m-page .six-page .photo li.two{top: 92px;}
.m-page .seven-page{background-color: #24ddb1;}
.m-page .seven-page .photo{position: absolute;left: 50%;bottom: -20px;width: 600px;height: 460px;margin-left: -300px;}
.m-page .seven-page .photo .one{position: absolute;left: 0;bottom: 124px;z-index: 4;}
.m-page .seven-page .photo .two{position: absolute;left: 0;bottom: 74px;z-index: 3;}
.m-page .seven-page .photo .three{position: absolute;left: 0;bottom: 24px;z-index: 2;}
.m-page .seven-page .photo .three:before{content: '';position: absolute;top: 1px;right: 24px;z-index: -1;width: 572px;height: 363px;background: url('../../image/seven_page_pic_4.png') no-repeat;}
.m-page .eight-page{background: #019eed;}
.m-page .eight-page .phone{position: absolute;left: 50%;bottom: 0;width: 548px;height: 411px;margin-left: -274px;background: url('../../image/eight_page_pic_01.png') no-repeat;}
.m-page .eight-page .ceil{position: absolute;left: 22px;top: -40px;width: 496px;height: 352px;background: url('../../image/eight_page_pic_02.png');}
.m-page .nine-page{background-color: #29d0e8;}
.m-page .nine-page .box{position: absolute;bottom: 0;left: 50%;width: 627px;height: 640px;margin-left: -313.5px;background: url("../../image/nine_page_bg.png") no-repeat;}
.m-page .nine-page .btn{position: absolute;left: 50%;bottom: 260px;display: block;width: 135px;height: 135px;margin-left: -55px;background: url('../../image/nine_page_pic.png') no-repeat;}
.m-page .ten-page{background-color: #23dbae;}
.m-page .ten-page .photo{position: absolute;bottom: -60px;left: 50%;width: 394px;height: 510px;margin-left: -197px;background: url("../../image/ten_page_bg.png") no-repeat center bottom;}
.m-page .ten-page .photo .one{position: absolute;bottom: 376px;left: 115px;}
.m-page .ten-page .photo .two{position: absolute;bottom: 316px;left: 214px;}
.m-page .ten-page .photo .three{position: absolute;bottom: 295px;left: 86px;}
.m-page .ten-page .photo .four{position: absolute;bottom: 308px;right: 0;}
.m-page .ten-page .photo .five{position: absolute;bottom: 230px;left: 0;}
.m-page .ten-page .photo .six{position: absolute;bottom: 370px;left: 26px;}
.m-page .eleven-page{background-color: #019eed;}
.m-page .eleven-page .phone{position: absolute;left: 50%;bottom: -140px;width: 502px;height: 458px;margin-left: -251px;background: url("../../image/eleven_page_pic_01.png") no-repeat;}
.m-page .eleven-page .ceil{position: absolute;right: 150px;bottom: 290px;width: 220px;height: 289px;background: url('../../image/eleven_page_pic_02.png') no-repeat;}
.m-page .twelve-page{background-color: #57bf66;}
.m-page .twelve-page .phone{position: absolute;left: 50%;bottom: 0;width: 480px;margin-left: -240px;}
.m-page .twelve-page .phone img{width: 100%;}


.m-page .section.active .title.z-animate{-webkit-animation: fadeInRight 1s;animation: fadeInRight 1s;}
.m-page .section.active .subhead.z-animate{-webkit-animation: fadeInRight 2s;animation: fadeInRight 2s;}
.m-page .one-page.active .signal{-webkit-animation: wifi 4s infinite step-start;animation: wifi 4s infinite step-start;}
.m-page .one-page.active .train{-webkit-animation: train 2.5s;animation: train 2.5s;}
.m-page .five-page.active .sun{-webkit-animation: rotate360 10s linear infinite;animation: rotate360 10s linear infinite;}
.m-page .six-page.active .photo .one{-webkit-animation: fadeInUp .8s;animation: fadeInUp .8s;}
.m-page .six-page.active .photo .two{-webkit-animation: fadeInUp 2s;animation: fadeInUp 2s;}
.m-page .six-page.active .photo .three{-webkit-animation: fadeInUp 3s;animation: fadeInUp 3s;}
.m-page .seven-page.active .photo .two{-webkit-animation: fadeInUp .5s 1s linear backwards;animation: fadeInUp .5s 1s linear backwards;}
.m-page .seven-page.active .photo .one{-webkit-animation: fadeInUp .5s 2s linear backwards;animation: fadeInUp .5s 2s linear backwards;}
.m-page .eight-page.active .ceil{-webkit-animation: fadeInUpByCeil .5s 1s linear backwards;animation: fadeInUpByCeil .5s 1s linear backwards;}
.m-page .nine-page.active .btn{-webkit-animation: wobble 1.5s linear;animation: wobble 1.5s linear;}
.m-page .ten-page.active .one{-webkit-animation: fadeInUp .3s .5s linear backwards;animation: fadeInUp .3s .5s linear backwards;}
.m-page .ten-page.active .two{-webkit-animation: fadeInUp .3s 1s linear backwards;animation: fadeInUp .3s 1s linear backwards;}
.m-page .ten-page.active .three{-webkit-animation: fadeInUp .3s 1.5s linear backwards;animation: fadeInUp .3s 1.5s linear backwards;}
.m-page .ten-page.active .four{-webkit-animation: fadeInUp .3s 2s linear backwards;animation: fadeInUp .3s 2s linear backwards;}
.m-page .ten-page.active .five{-webkit-animation: fadeInUp .3s 2.5s linear backwards;animation: fadeInUp .3s 2.5s linear backwards;}
.m-page .ten-page.active .six{-webkit-animation: fadeInUp .3s 3s linear backwards;animation: fadeInUp .3s 3s linear backwards;}
.m-page .eleven-page.active .phone{-webkit-animation: rollIn 1.5s;animation: rollIn 1.5s;}
.m-page .eleven-page.active .ceil{-webkit-animation: fadeInUp .5s 1.5s backwards;animation: fadeInUp .5s 1.5s backwards;}
.m-page .twelve-page.active .phone{-webkit-animation: zoomIn 1.5s;animation: zoomIn 1.5s;}

.m-fqa{margin-bottom: 60px;}
.m-fqa .title{height: 120px;text-align: center;line-height: 120px;font-size: 30px;font-weight: 400;color: #999;border-bottom: 1px solid #e0dfdf;}
.m-fqa .issue{position: relative;width: 900px;margin: 32px auto 0;padding: 49px 149px 109px;border: 1px solid #ddd;
    -webkit-border-radius: 16px;border-radius: 16px;
}
.m-fqa .issue .item{padding: 24px 0;border-bottom: 1px dashed #eaeaea;}
.m-fqa .issue .item h3{line-height: 26px;font-size: 14px;font-weight: 400;color: #434343;}
.m-fqa .issue .des{line-height: 32px;font-size: 14px;color: #999;}
.m-fqa .issue .des p{text-indent: 2em;}
.m-fqa .issue .des dt{color: #666;}
.m-fqa .issue .des .text-light{color: #ccc;}
.m-fqa .issue .button{position: absolute;left: 149px;bottom: 33px;width: 898px;height: 44px;text-align: center;line-height: 44px;font-size: 14px;color: #404040;border: 1px solid #e7e7e7;background-color: #f8f8f8;
    -webkit-border-radius: 23px;border-radius: 23px;
}
.m-fqa .issue .button.z-load{text-indent: -2000px;overflow: hidden;background: url('../../image/loading.gif') no-repeat center #f8f8f8;}

.m-cooperate{margin-bottom: 38px;}
.m-cooperate .title{height: 120px;text-align: center;line-height: 120px;font-size: 30px;font-weight: 400;color: #999;border-bottom: 1px solid #e0dfdf;}
.m-cooperate .inner{width: 1100px;margin: 32px auto 0;padding: 14px 49px 49px;border: 1px solid #ddd;
    -webkit-border-radius: 16px;border-radius: 16px;
}
.m-cooperate .contact{padding: 32px 0;line-height: 38px;font-size: 14px;color: #676767;border-bottom: 1px dashed #dfdfdf;}
.m-cooperate .contact dt{color: #404040;}
.m-cooperate .intro{padding-top: 42px;}
.m-cooperate .intro .item{margin-top: 38px;}
.m-cooperate .intro .item:first-child{margin-top: 0;}
.m-cooperate .intro h3{line-height: 28px;font-size: 16px;color: #39b44a;}
.m-cooperate .intro .des{line-height: 38px;font-size: 14px;color: #7d7d7d;}

.m-about{margin-bottom: 38px;}
.m-about .banner{height: 330px;padding-top: 50px;text-align: center;color: #fff;background: url('../../image/banner_01.jpg') repeat-x center top;
    text-shadow: 1px 2px 2px rgba(8,1,3,.5);
}
.m-about .banner h2{line-height: 74px;font-size: 36px;}
.m-about .banner p{width: 985px;margin: 0 auto;line-height: 32px;font-size: 14px;letter-spacing: 1px;}
.m-about .des{width: 1000px;padding: 49px 99px;margin: 55px auto 0;border: 1px solid #ddd;
    border-radius: 18px;
}
.m-about .des p{line-height: 34px;font-size: 14px;color: #9d9d9d;text-indent: 2em;}
.m-about .des p + p{margin-top: 25px;}
.m-about .des b{color: #666;}
.m-about .des img{margin: 10px 0;}

.m-job{position: absolute;top: 0;left: 50%;z-index: 1;width: 86%;margin-left: -43%;}
.m-job h2{height: 100px;text-align: center;line-height: 128px;font-size: 48px;font-weight: 400;color: #39b44a;}
.m-job h3{margin-bottom: 56px;text-align: center;line-height: 24px;font-size: 14px;font-weight: 400;color: #39b44a;}
.m-job .box{position: relative;margin-top: -28px;overflow: hidden;}
.m-job .list{text-align: center;}
.m-job .list li{height: 94px;width: 194px;margin: 20px;line-height: 94px;font-size: 18px;color: #0eb072;background: url("../../image/job_item_bg.png") no-repeat 0 -94px;cursor: pointer;}
.m-job .list li.s-spe{position: relative;line-height: 82px;vertical-align: bottom;}
.m-job .list li.s-spe p{position: absolute;top: 54px;left: 0;width: 100%;line-height: 18px;font-size: 12px;color: #0eb072;}
.m-job .list li:hover{color: #fff;background-position: 0 0;}
.m-job .list li:hover p{color: #fff;}

.m-job-dialog{position: relative;width: 710px;padding: 25px 45px;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#CC07321D', endColorstr='#CC07321D');
    background:rgba(7,50,29,0.8);
    background: url('../../image/blank.gif') \9;
    border-radius: 45px;
}
.m-job-dialog h2{text-align: center;line-height: 64px;font-size: 30px;font-weight: 400;color: #fff;}
.m-job-dialog .list dt{display: inline-block;*display: inline;*zoom: 1;height: 38px;margin-bottom: 20px;text-align: center;line-height: 38px;font-size: 18px;color: #fff;border-bottom: 4px solid #62cc70;}
.m-job-dialog .list dd{line-height: 20px;font-size: 12px;color: #fff;}
.m-job-dialog .list dd + dt{margin-top: 20px;}
.m-job-dialog .close{display: block;width: 150px;height: 46px;margin: 40px auto 0;text-align: center;line-height: 46px;font-size: 18px;color: #fff;border: 1px solid #62cc70;
    border-radius: 24px;
}
.m-job-dialog .close:hover{background-color: #0eb072;}
:root .m-job-dialog{filter: none;}

/* unit */
.u-arrow-down{display: inline-block;width:0px;height:0px;border-color: #333 transparent transparent transparent;border-style: solid;border-width: 4px 4px 0 4px;}
.u-arrow-left{display: inline-block;width:0px;height:0px;border-color: transparent #333 transparent transparent;border-style: solid;border-width: 4px 4px 4px 0;}
.u-arrow-right{display: inline-block;width:0px;height:0px;border-color: transparent transparent transparent #333;border-style: solid;border-width: 4px 0 4px 4px;}
.u-arrow-top{display: inline-block;width:0px;height:0px;border-color: transparent transparent #333 transparent;border-style: solid;border-width: 0 4px 4px 4px;}

.u-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#99000000,endColorstr=#99000000)}
.u-dialog-overlay.s-tint{background-color:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#33000000,endColorstr=#33000000)}
.u-dialog-overlay.s-transparent{background-color:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#00000000,endColorstr=#00000000)}
.u-dialog-overlay.fx-fadeIn{-webkit-animation:fadeIn .4s ease both;-moz-animation:fadeIn .4s ease both;animation:fadeIn .4s ease both}
.u-dialog-overlay.fx-fadeOut{-webkit-animation:fadeOut .4s ease both;-moz-animation:fadeOut .4s ease both;animation:fadeOut .4s ease both}
:root .u-dialog-overlay{filter:none !important;}

.u-dialog.fx-fadeIn{-webkit-animation:fadeIn .3s ease both;-moz-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both}
.u-dialog.fx-fadeOut{-webkit-animation:fadeOut .3s ease both;-moz-animation:fadeOut .3s ease both;animation:fadeOut .3s ease both}
.u-dialog.fx-fadeInDownPage{-webkit-animation:fadeInDownPage .3s ease both;-moz-animation:fadeInDownPage .3s ease both;animation:fadeInDownPage .3s ease both}
.u-dialog.fx-fadeOutUpPage{-webkit-animation:fadeOutUpPage .3s ease both;-moz-animation:fadeOutUpPage .3s ease both;animation:fadeOutUpPage .3s ease both}
.u-dialog.fx-fadeInDown{-webkit-animation:fadeInDown .3s ease both;-moz-animation:fadeInDown .3s ease both;animation:fadeInDown .3s ease both}
.u-dialog.fx-fadeOutDown{-webkit-animation:fadeOutDown .3s ease both;-moz-animation:fadeOutDown .3s ease both;animation:fadeOutDown .3s ease both}
.u-dialog.fx-fadeInUp{-webkit-animation:fadeInUp .3s ease both;-moz-animation:fadeInUp .3s ease both;animation:fadeInUp .3s ease both}
.u-dialog.fx-fadeOutUp{-webkit-animation:fadeOutUp .3s ease both;-moz-animation:fadeOutUp .3s ease both;animation:fadeOutUp .3s ease both}
.u-dialog.fx-bounceIn{-webkit-animation:bounceIn .3s ease both;-moz-animation:bounceIn .3s ease both;animation:bounceIn .3s ease both}
.u-dialog.fx-bounceOut{-webkit-animation:bounceOut .3s ease both;-moz-animation:bounceOut .3s ease both;animation:bounceOut .3s ease both}

/* media */
.g-doc.s-big .m-page .seven-page .photo{bottom: 0;}
.g-doc.s-big .m-page .seven-page .photo .one{bottom: 144px;}
.g-doc.s-big .m-page .seven-page .photo .two{bottom: 84px;}
.g-doc.s-big .m-page .eight-page .phone{bottom: 10px;}
.g-doc.s-big .m-page .eight-page .ceil{top: -77px;}
.g-doc.s-big .m-page .ten-page .photo{bottom: 0;}
.g-doc.s-big .m-page .eleven-page .phone{bottom: -120px;}
.g-doc.s-big .m-page .eleven-page .ceil{bottom: 270px;}
.g-doc.s-big .m-page .twelve-page .phone{width: 526px;margin-left: -263px;}
.g-doc.s-max .m-page .title,
.g-doc.s-max .m-page .subhead{top: 18%;}
.g-doc.s-middle .m-page .title,
.g-doc.s-middle .m-page .subhead{top: 15%;}
.g-doc.s-small .m-page .six-page .photo li{top: 206px;}
.g-doc.s-small .m-page .six-page .photo li.two{top: 142px;}
.g-doc.s-small .m-page .seven-page .photo{bottom: -70px;}
.g-doc.s-small .m-page .eight-page .phone{bottom: -20px;}
.g-doc.s-small .m-page .eight-page .ceil{top: -15px;}
.g-doc.s-small .m-page .nine-page .box{bottom: -100px;}
.g-doc.s-small .m-page .ten-page .photo{bottom: -110px;}
.g-doc.s-small .m-page .eleven-page .phone{bottom: -180px;}
.g-doc.s-small .m-page .twelve-page .phone{bottom: -20px;width: 460px;margin-left: -230px;}
.g-doc.s-small .m-page .four-page .box{bottom: -100px;}
.g-doc.s-small .m-page .title,
.g-doc.s-small .m-page .subhead{top: 12%;}
.g-doc.s-small ~ .m-job .list li{margin: 10px;}

/* 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 wifi {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 11px;
    }
    75% {
        height: 38px;
    }
    100% {
        height: 65px;
    }
}

@keyframes wifi {
    0% {
        height: 0px;
    }
    25% {
        height: 0;
    }
    50% {
        height: 11px;
    }
    75% {
        height: 38px;
    }
    100% {
        height: 65px;
    }
}

@-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;
    }
}



@media (max-width: 800px) {
    .m-head .logo,
    .m-page .section .subhead-up{
        margin-left: 30px;
    }
    .m-page .section .title-up{
        position: relative;
        margin: 0 auto;
        padding: 130px 0 0 30px;
    }
    .m-download{
        margin: 0 auto;
        width: 100%;
        left:5%;
        bottom: 105px;
    }
    .m-download .qrcode{
        display: none;
    }
    .m-download a{
        width: 28%;
        padding-left: 50px;
        float: left;
    }

    .m-download a + a{
        margin-top: 0;
    }
    .m-page .one-page .footer{
        margin-top: 520px;
    }
    .m-page .one-page .train{
        left: 50%;
    }
    .m-page .six-page .photo li.two{
        top: 142px;
    }
    .m-page .six-page .photo li{
        top: 190px;
    }
    .m-download a{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .m-download .android {
        background-position: 17px -70px;
    }
    .m-download .ios {
        background-position: 17px -115px;
    }
    .m-download a:last-child{
        margin-left: 2%;

    }
    .m-page .one-page .train{
        bottom: 160px;
    }
}
@media (max-height: 840px) {
    .m-page .one-page .train{
        left: 80%;
    }
    .m-page .section .title-up{
        padding: 100px 0 0 30px;
    }
}


@font-face {
    font-family: STXINGKA;
    src        : url("/bx_static/admin/style/stxingka/STXINGKA.TTF");
}

@font-face {
    font-family: NotoSansCJK-Regular-1;
    src        : url("/bx_static/admin/style/SiYuan/NotoSansCJK-Regular-1.TTF");
}


body {
    background: #FFFFFF;
}

.body-content {
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    width: 100%;
    height: 100%;
}
.body-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #FFFFFF;
    width: 100%;
    height: 78px;
    position: fixed;
}
.body-header-content {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    /*margin: 23px 182px 23px 157px;*/
}
.logo-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    /*width: 160px;*/
}
.site-name {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 34.75px;
    color: rgba(49, 154, 0, 1);
    margin-left: 14px;
}
.nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*width: 701px;*/
    margin-left: 200px;
}
.nav-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 21px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.17px;
    color: rgba(0, 0, 0, 1);
}
.nav-item-btn {
    width: 110px;
    height: 32px;
    border-radius: 8px;
    background: rgba(87, 191, 102, 1);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20.27px;
    color: rgba(255, 255, 255, 1);
}
.z-sel{
    color: rgba(0, 0, 0, 1);
}
.shop-login-btn {
    color: rgba(255, 255, 255, 1);
}
.top-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 654px;
    opacity: 1;
    /*background: linear-gradient(180deg, rgba(247, 168, 177, 0) 0%, rgba(248, 221, 216, 1) 100%);*/
    background: url('../../image/index_bg.png') repeat-x center;
    margin: 100px 0 0 0;
}
.content-view {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
    height: 527px;
}
.livespring-text {
    font-family: STXINGKA;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 78.69px;
    color: rgba(0, 0, 0, 1);
}
.middle-text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 52.13px;
    color: rgba(56, 56, 56, 1);
    margin: 16px 300px;
}
.middle-text-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 1102px;
}

.product-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 654px;
}
.product-content-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1102px;
    height: 541px;
    opacity: 1;
    border-radius: 51px;
    background: linear-gradient(180deg, rgba(248, 211, 177, 1) 0%, rgba(232, 255, 186, 0) 100%);
    margin: 41px 169px 72px 169px;
    padding: 0 55px;
}
.product-img {
    width: 168px;
    height: 373px;
    /*margin: 84px 55px;*/
}
.footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 654px;
}
.phone-choose-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 49px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 34.75px;
    color: rgba(56, 56, 56, 1);
}
.phone-choose-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin: 0 230px 0 224px;
}
.phone-choose-icon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 16px;
    border: 1px solid rgba(166, 166, 166, 1);
    margin: 0 98px;
}
.img-icon {
    width: 200px;
    height: 200px;
    border-radius: 14.21px;
}
.company-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: NotoSansCJK-Regular-1;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(0, 0, 0, 1);
    margin: 146px 0 0 0;
}
.zs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 11px 0 0 0;
    font-family: NotoSansCJK-Regular-1;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26.06px;
    color: rgba(0, 0, 0, 1);
}
.zs-text {
    margin: 0 27px;
}
.cory-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: NotoSansCJK-Regular-1;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26.06px;
    color: rgba(0, 0, 0, 1);
    margin: 10px 0 71px 0;
}
.yszc-fwtk {
    margin: 0;
    font-family: NotoSansCJK-Regular-1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.17px;
    color: rgba(42, 130, 228, 1);
}

.wap-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.wap-header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 39px;
    position: fixed;
    background: #FFFFFF;
}
.wap-logo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 6px 31px 13px 31px;
}
.wap-sitename {
    font-size: 14.92px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 21.6px;
    color: rgba(49, 154, 0, 1);
}
.wap-navs {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 6px 31px 13px 0;
}
.wap-nav-item {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 17.38px;
    color: rgba(0, 0, 0, 1);
    margin: 0 5px;
}
.wap-top-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 230px;
    opacity: 1;
    background: url('../../image/index_bg.png') repeat-x center;
}
.wap-top-content-text {
    font-family: STXINGKA;
    font-size: 23.4px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 30.69px;
    color: rgba(0, 0, 0, 1);
}
.wap-top-img {
    width: 117px;
    height: 117px;
}
.wap-middle-text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 17.38px;
    color: rgba(56, 56, 56, 1);
}
.wap-middle-text-content div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 287px;
}
.wap-product-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 141px;
}
.wap-product-content-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 287px;
    height: 141px;
    opacity: 1;
    border-radius: 13.29px;
    background: linear-gradient(180deg, rgba(248, 211, 177, 1) 0%, rgba(232, 255, 186, 0) 100%);
    margin: 11px 44px 19px 44px;
    padding: 0 14px;
}
.wap-product-img {
    width: 44px;
    height: 97px;
}
.wap-footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.wap-phone-choose-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 16px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.17px;
    color: rgba(56, 56, 56, 1);
}
.wap-phone-choose-icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    margin: 0 38px 66px 38px;
}
.wap-phone-choose-icon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    border: 1px solid rgba(166, 166, 166, 1);
    margin: 0 13px;
}
.wap-img-icon {
    width: 80px;
    height: 80px;
    border-radius: 14.21px;
}
.wap-company-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: NotoSansCJK-Regular-1;
    font-size: 7.64px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 11.06px;
    color: rgba(0, 0, 0, 1);
}
.wap-zs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 11px 0 0 0;
    font-family: NotoSansCJK-Regular-1;
    font-size: 6.88px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 9.96px;
    color: rgba(0, 0, 0, 1);
}
.wap-zs-text {
    margin: 0 7px;
}
.wap-cory-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: NotoSansCJK-Regular-1;
    font-size: 6.88px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 9.96px;
    color: rgba(0, 0, 0, 1);
    margin: 4px 0 34px 0;
}
.wap-yszc-fwtk {
    margin: 0;
    font-family: NotoSansCJK-Regular-1;
    font-size: 6.11px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 8.85px;
    color: rgba(42, 130, 228, 1);
}

.contactus-middle-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 100px;
}
.contactus-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.title {
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-size: 30px;
    font-weight: 400;
    color: #999;
    /*border-bottom: 1px solid #e0dfdf;*/
}
.contactus-content {
    width: 1100px;
    margin: 32px auto 0;
    padding: 14px 49px 49px;
    border: 1px solid #ddd;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.contact {
    padding: 32px 0;
    line-height: 38px;
    font-size: 14px;
    color: #676767;
    border-bottom: 1px dashed #dfdfdf;
}
.intro {
    padding-top: 42px;
}
.des {
    line-height: 38px;
    font-size: 14px;
    color: #7d7d7d;
}
.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.intro .item {
    margin-top: 38px;
}
.intro h3 {
    line-height: 28px;
    font-size: 16px;
    color: #39b44a;
}

.aboutus-middle-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 330px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
    background: url(../../image/banner_01.jpg) repeat-x center top;
    text-shadow: 1px 2px 2px rgba(8,1,3,.5);
}
.aboutus-middle-content h2 {
    line-height: 74px;
    font-size: 36px;
}
.aboutus-middle-content p {
    width: 985px;
    margin: 0 auto;
    line-height: 32px;
    font-size: 14px;
    letter-spacing: 1px;
}
.aboutus-des {
    width: 1000px;
    padding: 49px 99px;
    margin: 55px auto 0;
    border: 1px solid #ddd;
    border-radius: 18px;
}
.aboutus-f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.aboutus-des p {
    line-height: 34px;
    font-size: 14px;
    color: #9d9d9d;
    text-indent: 2em;
}
.input-top-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 780px;
    opacity: 1;
    background: url('../../image/index_bg.png') repeat-x center;
}
.input-content-view {
    display: flex;
    flex-direction: column;
    width: 919px;
    height: 780px;
    opacity: 1;
    border-radius: 16px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
    margin-top: 350px;
}
.input-item {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    margin: 50px 80px 0 80px;
}
.input-item-margin {
    margin-top: 20px;
}
.input-label-value {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.input-label {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(0, 0, 0, 1);
    width: 100px;
}
.input-value {
    width: 600px;
    height: 41px;
    opacity: 1;
    border-radius: 8px;
    background: rgba(229, 229, 229, 1);
    margin-left: 30px;
    padding: 0 11px;
}
.input-value input,select {
    width: 100%;
    height: 41px;
    border: 0;
    border-radius: 8px;
    background: rgba(229, 229, 229, 1);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(0, 0, 0, 1);
}
.input-tip {
    display: none;
    width: 600px;
    margin: 10px 0 0 130px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: red;
}
.input-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 83px;
}
.submit-btn {
    width: 199px;
    height: 49px;
    opacity: 1;
    border: 0;
    border-radius: 16px;
    background: rgba(87, 191, 102, 1);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(255, 255, 255, 1);
}
.dy-footer-top {
    margin-top: 100px;
}