#banner,#catalog{text-align:center}#catalog h2,#catalog h4,nav p{color:#333}#banner div a,#catalog a,footer .content>div:nth-child(2) a{text-decoration:none}#bcjj{background:url(../img/bcjj_bg@3x.png) center no-repeat;background-size:cover}#bdfw{background:url(../img/bdfw_bg@3x.png) center no-repeat;background-size:cover}#bdfw .left{position:relative}#bdfw .left img:last-child{position:absolute;top:290px;left:0;-webkit-transition:.4s ease;transition:.4s ease;-webkit-transform:scale(.78) translateY(8px) translateX(-2px);transform:scale(.78) translateY(8px) translateX(-2px)}#bstj img:last-child,nav{-webkit-transition:.6s ease}#bstj{background:url(../img/bstd_bg@3x.png) center no-repeat;background-size:cover}@media only screen and (max-width:1068px){#bcjj{background:url(../img/bcjj_bg@2x.png) center no-repeat;background-size:cover}#bdfw{background:url(../img/bdfw_bg@2x.png) center no-repeat;background-size:cover}#bstj{background:url(../img/bstd_bg@2x.png) center no-repeat;background-size:cover}}#bstj .right{width:618px;position:relative}@media only screen and (max-width:735px){#bcjj{background:0;background-size:cover}#bdfw{background:#fff;background-size:cover}#bdfw .left img:last-child{top:155px}#bstj{background:#fff;background-size:cover;margin-bottom:0}#bstj .right{width:309px;top:-100px}}#bstj img:first-child{top:142px;width:618px;position:relative}#bstj img:last-child{top:122px;left:45px;width:532px;transition:.6s ease;position:absolute;opacity:0;-webkit-transform:scale(.98) translateY(32px);transform:scale(.98) translateY(32px)}#catalog{padding-top:60px}#catalog h2{font-size:48px;margin-bottom:20px}@media only screen and (max-width:735px){#bstj img:first-child{width:309px}#bstj img:last-child{width:266px}#catalog h2{color:#ba4734;font-size:36px}}#catalog h4{font-size:24px;font-weight:400;margin-bottom:calc(12px)}@media only screen and (max-width:735px){#catalog h4{color:#999;font-size:18px}}#catalog div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:118px}#catalog a{width:146px;font-size:24px;color:#696969;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;margin-top:72px}#catalog a img{width:146px;display:block;margin:0 auto 24px}#djsf{background:url(../img/dsj_bg@3x.png) center no-repeat;background-size:cover;width:100%;height:562px;margin-bottom:136px}@media only screen and (max-width:1068px){#djsf{background:url(../img/dsj_bg@2x.png) center no-repeat;background-size:cover}}@media only screen and (max-width:735px){#catalog a{width:73px;-webkit-box-flex:0;-ms-flex:0 0 33.3%;flex:0 0 33.3%;font-size:18px}#catalog a img{width:73px}#djsf{background:#fff;background-size:cover;margin-bottom:0}}#djsf .left{width:628px;position:relative;top:45px}@media only screen and (max-width:735px){#djsf .left{width:332px;margin:0 auto;top:-35px}}#djsf .left img{position:absolute;width:100%;-webkit-transition:1.2s ease;transition:1.2s ease}#djsf .left img[show]{opacity:1!important;-webkit-transform:translate(0)!important;transform:translate(0)!important}#djsf .left img:nth-child(1){top:160px}#djsf .left img:nth-child(2){top:100px;opacity:0;-webkit-transform:scale(.85) translateY(62px) translateX(-5px);transform:scale(.85) translateY(62px) translateX(-5px)}#djsf .left img:nth-child(3){top:40px;opacity:0;-webkit-transform:scale(.85) translateY(130px) translateX(-5px);transform:scale(.85) translateY(130px) translateX(-5px);-webkit-transition:2.1s ease;transition:2.1s ease}#gdss{background:url(../img/ss_bg03.png) center no-repeat;background-size:cover}@media only screen and (max-width:1068px){#gdss{background:url(../img/ss_bg@2x.png) center no-repeat;background-size:cover}}#gdss .right{width:334px;float:right;margin-top:30px;position:relative}@media only screen and (max-width:735px){#gdss{background:#fff;background-size:cover}#gdss .right{float:none;margin-top:0;width:206px;left:33px}}#gdss .right img{width:100%}#gdss .right img:last-child{width:266px;position:absolute;top:82px;left:-110px;-webkit-transition:1.6s ease;transition:1.6s ease;opacity:0;-webkit-transform:scale(1.08) translateX(140px);transform:scale(1.08) translateX(140px)}@media only screen and (max-width:735px){#gdss .right img:last-child{top:45px;left:-60px;width:173px;margin-right:calc(('100% - 275px') / 2);-webkit-transform:scale(1.05) translateX(78px);transform:scale(1.05) translateX(78px)}.new-line{display:inline-block;margin-right:6px}}#gdss .right img:last-child[show]{-webkit-transform:translate(0);transform:translate(0)}#jzsx{background:url(../img/jzsx_bg@3x.png) center no-repeat;background-size:cover}@media only screen and (max-width:1068px){#jzsx{background:url(../img/jzsx_bg@2x.png) center no-repeat;background-size:cover}}#jzsx .left{position:relative}#jzsx .left img{position:absolute}#jzsx .left img:nth-child(1){-webkit-transition:.8s ease;transition:.8s ease}@media only screen and (max-width:735px){#jzsx{background:#fff;background-size:cover}#jzsx .left img:nth-child(1){left:-30px;-webkit-transform:translateX(60px);transform:translateX(60px)}
}#jzsx .left img:nth-child(2){width:266px;top:120px;left:180px;-webkit-transition:.8s ease;transition:.8s ease}@media only screen and (max-width:735px){#jzsx .left img:nth-child(2){width:173px;top:40px;left:70px;-webkit-transform:translateX(-45px);transform:translateX(-45px)}}#jzsx .left img:nth-child(3){width:344px;top:330px;left:506px}*{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif}[show]{opacity:1!important;-webkit-transform:translate(0)!important;transform:translate(0)!important}#container{overflow:hidden}.content{width:990px;margin:0 auto}#banner{height:1080px;background:url(../img/bn_bg@3x.png) center no-repeat fixed;background-size:cover}@media only screen and (max-width:1068px){#banner{background:url(../img/bn_bg@2x.png) center no-repeat fixed;background-size:cover}}@media only screen and (max-width:735px){.content{width:100%}#banner{background:url(../img/bn_bg.png) center no-repeat fixed;background-size:cover;height:680px;background-attachment:inherit}}.banner-title{width:825px;height:443px;margin-top:120px;margin-bottom:90px}@media only screen and (max-width:735px){.banner-title{width:calc(100% - 40px);height:auto;margin-right:20px;margin-left:20px;margin-bottom:30px}}#banner div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:200px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#banner div a{width:193px;line-height:65px;font-size:30px;color:#fff;background:rgba(255,255,255,0);border:2px solid #fff;border-radius:6px;-webkit-transition:.5s ease;transition:.5s ease;margin-right:48px;position:relative}@media only screen and (max-width:735px){#banner div{margin-bottom:89px;display:block}#banner div a{width:166px;display:block;margin:38px auto;line-height:50px;font-size:20px}#banner div a:last-child{display:none}}#banner div a:hover{background:rgba(255,255,255,.13)}#banner div a .icon{height:48px;width:48px;display:inline-block;vertical-align:middle;margin-right:16px;margin-top:-6px}@media only screen and (max-width:735px){#banner div a .icon{height:36px;width:36px}}#banner div a:last-child{margin-right:0}.icon-android{background:url(../img/android_icon.png) no-repeat;background-size:cover}.icon-ios{background:url(../img/apple_icon.png) no-repeat;background-size:cover}.icon-scan-download{background:url(../img/qc_icon.png) no-repeat;background-size:48px 48px}.qr-code{position:absolute;width:193px;top:-100px;left:0;opacity:0;-webkit-transition:1s;transition:1s}.scan:hover img{top:-213px;opacity:1}.banner-logo{width:126px}nav{width:100%;height:102px;box-shadow:0 4px 5px 0 rgba(0,0,0,.5);position:fixed;background:#fff;top:0;z-index:9999;transition:.6s ease;-webkit-transform:translateY(-105%);transform:translateY(-105%)}footer .content,footer .content>div{position:relative}nav div{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:735px){nav{height:62px;padding-left:24px}nav div{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit}}nav .logo{width:176px;height:54px}nav p{font-size:24px;text-align:right;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width:735px){nav .logo{width:auto;height:38px}nav p{width:auto;height:38px;display:none}}.card,.card .left img,.card .right img{width:100%}nav.show{-webkit-transform:translateY(0);transform:translateY(0)}h3,h5{color:#fff}h3{font-size:38px;margin-bottom:30px;padding-top:74px}h5{font-size:24px;line-height:1.5}.sub-content{float:left;z-index:999}@media only screen and (max-width:735px){h3{font-size:24px;margin-bottom:18px;font-weight:700;color:#ba4734;padding-top:36px}h5{margin-bottom:32px;font-size:18px;font-weight:500;color:#999}.sub-content{float:none;margin:0 auto;text-align:center}}.sub-content.right{float:right}@media only screen and (max-width:735px){.sub-content.right{float:none;margin:0 auto;text-align:center}}.card{height:562px;margin-bottom:136px}.card .right{float:right}.card .iphone{width:337px;padding-top:40px}@media only screen and (max-width:735px){.card{height:526px;margin-bottom:0}.card .left{margin:0 auto}.card .right{float:none;margin:0 auto;text-align:center}.card .iphone{padding-top:0;width:206px!important}}footer{background:#343539;padding:30px 0}footer .content{display:-webkit-box;display:-ms-flexbox;display:flex;height:142px}@media only screen and (max-width:735px){footer .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}footer .content>div{padding:0 32px!important;width:auto!important}}footer .content>div:after{content:" ";display:inline-block;position:absolute;width:2px;height:142px;background:#434449;right:0;top:0}
footer .content>div:last-child:after{display:none}@media only screen and (max-width:735px){footer .content>div:after{width:100%;height:2px;bottom:0;position:static;display:none}footer .content>div:last-child h6{margin-right:32px}}footer .content>div:first-child{position:relative;width:174px;padding:0 15px}@media only screen and (max-width:735px){footer .content>div:first-child{width:auto}footer .content>div:first-child:after{display:inherit;margin-top:12px;height:1px}}footer .content>div:first-child img{width:174px;top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}footer .content>div:nth-child(2){padding:0 32px}footer .content>div:nth-child(2) h6{margin-bottom:34px}footer .content>div:nth-child(3){padding:0 34px;width:146px}@media only screen and (max-width:735px){footer .content>div:first-child img,footer .content>div:nth-child(2) h6{-webkit-transform:translateY(0);transform:translateY(0)}footer .content>div:nth-child(3){width:auto}footer .content>div:nth-child(3) .bottom{width:auto;margin-top:25px;margin-bottom:23px;line-height:2.8}footer .content>div:nth-child(3) h6{float:left;margin-top:25px;margin-bottom:23px;margin-right:32px}footer .content h6{margin-top:21px;margin-bottom:28px!important}}footer .content>div:nth-child(3) a{margin-right:22px}footer .content>div:nth-child(3) img:last-child{margin-right:0}footer .content>div:last-child{width:142px;padding:0 22.5px}footer .content>div:last-child img{width:82px}footer .content h6{font-size:22px;color:#fff}footer .content a,footer .content p{font-size:16px;color:#b5b5b5;line-height:1.75}footer .bottom{position:absolute;bottom:0}@media only screen and (max-width:735px){footer .bottom{position:static}}footer .no-info{width:100%;text-align:center;font-size:14px;margin-top:32px;color:#5c5a5f}.share-icon{display:inline-block;width:34px;height:28px}.weibo{background:url(../img/bt_sina-icon_ash.png) no-repeat;background-size:34px 28px}.weibo:hover{background:url(../img/bt_sina-icon_red.png) no-repeat;background-size:34px 28px}.wechat{background:url(../img/bt_tencent-icon_ash.png) no-repeat;background-size:34px 28px}.wechat:hover{background:url(../img/bt_tencent-icon_bl.png) no-repeat;background-size:34px 28px}.wxgzh{background:url(../img/bt_wc-icon_ash.png) no-repeat;background-size:34px 28px;position:relative}.wxgzh img{position:absolute;width:193px;top:-100px;left:0;opacity:0;-webkit-transition:.6s ease;transition:.6s ease;z-index:99;visibility:hidden}.md-overlay,.model,.wxgzh:hover img{visibility:visible}.wxgzh:hover{background:url(../img/bt_wc-icon_green.png) no-repeat;background-size:34px 28px}.wxgzh:hover img{top:-213px;opacity:1}.model{position:fixed;top:50%;left:50%;height:auto;z-index:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.md-overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;opacity:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s}.fixed-qr-code{position:fixed;top:50%;right:0;-webkit-transform:translate(190px,-50%);transform:translate(190px,-50%);width:230px;-webkit-transition:.8s;transition:.8s}.fixed-qr-code:hover{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}@media only screen and (max-width:735px){.fixed-qr-code{display:none}#container .card:nth-child(even){background:#f6f7f8}}#user{background-color:#333;position:relative}#user .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(992px);margin:0 auto;padding:110px 0;position:relative}#abuout_us{background-color:#333;position:relative}#abuout_us .title{text-align:center;color:#fff;letter-spacing:10px;font-size:48px;margin-bottom:66px}#abuout_us .content{text-align:center;color:#fff;line-height:30px;font-size:18px;margin-top:-35px}@media only screen and (max-width:735px){#user .content{width:calc(303px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:55px 0}}#user .content div{position:relative;width:245px;height:195px;margin-right:3px}@media only screen and (max-width:735px){#user .content div{width:98px;height:78px}}#user .content div img{width:100%;height:100%}#user .content div:after{content:' ';display:inline-block;position:absolute;width:245px;height:100%;background:rgba(0,0,0,.1);z-index:2;top:0;left:0}#user .content div:nth-child(10):after,#user .content div:nth-child(11):after,#user .content div:nth-child(6):after,#user .content div:nth-child(7):after{background:rgba(0,0,0,.72)}@media only screen and (max-width:735px){#user .content div:after{width:98px;height:100%}#user .content div:nth-child(10):after,#user .content div:nth-child(11):after,#user .content div:nth-child(6):after,#user .content div:nth-child(7):after{background:rgba(0,0,0,.1)}#user .content div:nth-child(1):after,#user .content div:nth-child(2):after,#user .content div:nth-child(4):after,#user .content div:nth-child(5):after{background:rgba(0,0,0,.72)}
#user .content div:nth-child(16){display:none}}#user .sub-content{font-size:72px;color:#fff;text-align:center;width:auto!important;position:absolute!important;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#zddc{background:url(../img/zx_bg@3x.png) center no-repeat;background-size:cover;width:100%}@media only screen and (max-width:1068px){#zddc{background:url(../img/zx_bg@2x.png) center no-repeat;background-size:cover}}#zddc .left{position:relative}@media only screen and (max-width:735px){#user .sub-content{font-size:28px;top:150px;left:18px;-webkit-transform:translate(0,0);transform:translate(0,0)}#zddc{background:#fff;background-size:cover}#zddc .left{display:none}}#zddc .left img{position:absolute}#zddc .left img:first-child{height:562px;width:562px;left:0}#zddc .left img:nth-child(2){width:220px;top:238px;left:171px}#zddc .right{width:334px;height:619px;position:relative;float:right;margin-top:30px}#zddc .right img{width:100%}#zddc .right img:nth-child(2){position:absolute;top:135px;left:-1px;-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform:scale(.825) translateY(10px);transform:scale(.825) translateY(10px)}@media only screen and (max-width:735px){#zddc .right{float:none;margin:0 auto;text-align:center}#zddc .right img:nth-child(2){-webkit-transform:scale(.825) translateY(-15px);transform:scale(.825) translateY(-15px);top:75px}}#zddc .right img:nth-child(2)[show]{-webkit-transform:translateY(0);transform:translateY(0)}#zjfx{background:url(../img/zjfx_bg@3x.png) center no-repeat;background-size:cover}@media only screen and (max-width:1068px){#zjfx{background:url(../img/zjfx_bg@2x.png) center no-repeat;background-size:cover}}@media only screen and (max-width:735px){#zjfx{background:#fff;background-size:cover}}