.header{z-index:1000;width:100%;position:fixed;top:0;left:0;right:0;background-color:#397dff;padding-top:13px;height:76px}.header .navbar{border-radius:0;margin-bottom:0;border:0}.header .langtype{display:none}.header .navbar-default{background-color:transparent;border-color:transparent}.header .navbar-default .navbar-toggle .icon-bar{background-color:#fff}.header .navbar-header .navbar-brand{align-items:center;padding:5px 0}.header .navbar-header .navbar-brand img{max-height:100%}@media (max-width:830px){.header .navbar-header .navbar-brand img{max-width:155px}}@media (max-width:767px){.header .navbar-header .navbar-brand{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;padding:10px 0}}.header .navbar-nav{float:right}.header .navbar-nav li a{color:#fff}.header .navbar-nav li.active a{color:#fff;font-size:16px;background-color:transparent;border-bottom:2px solid #fff}.header .navbar-nav li.active a:focus,.header .navbar-nav li.active a:hover{color:#333;background-color:transparent}@media (max-width:767px){.header .navbar-nav{float:none}}@media (max-width:767px){.header{background-image:none;padding-top:0;height:50px}.header .navbar-default .navbar-toggle{border-color:transparent}.header .navbar-default .navbar-toggle:focus,.header .navbar-default .navbar-toggle:hover{background-color:transparent;border-color:transparent}.header .navbar-collapse{background-color:#fff}.header .navbar-collapse .navbar-nav{margin:0}.header .navbar-collapse .navbar-nav li a{color:#333;border-bottom:1px solid #eee}.header .navbar-collapse .navbar-nav li.active a{border-bottom:1px solid #eee}}.nav li a{padding:10px 9px}.dropdown{border-radius:15px;border:solid 1.5px #397dff;background-color:#fff;width:116px}.dropdown li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;cursor:pointer}.dropdown li a{color:#397dff !important;padding-right:5px !important;text-decoration:none}.navbar-collapse{border-bottom-left-radius:11px;border-bottom-right-radius:11px}.translate-item{text-align:center;color:#6b82ad;margin:18% 0}#home{background-image:url(images/home/bg.png);background-repeat:no-repeat}@media (max-width:767px){#home{text-align:center}}@media (max-width:414px){#home{background-image:url(images/home/bg2.png);background-size:cover}}#home .home-wrap{background-image:url(images/home/bg-home.png);background-repeat:no-repeat;background-position:top right;background-size:contain;padding-top:8%;padding-bottom:5%}@media (max-width:767px){#home .home-wrap{background-image:url(images/home/bg-home2.png);background-position:bottom right;background-size:auto}}#home .home-title{font-family:PingFangSC;font-size:22px;padding:5px 34px;color:#397dff;border-radius:20px;border-color:#397dff}@media (max-width:767px){#home .home-title{margin:0 auto;font-size:16px}}#home .home-ul{color:#000;font-size:22px;margin-top:3%}#home .home-ul h1{font-size:40px;font-weight:600;margin-bottom:2.4%}#home .home-ul .p-last{margin-top:14px}@media (max-width:767px){#home .home-ul{margin-top:7%;font-size:14px}#home .home-ul h1{font-size:28px;margin-bottom:5%}#home .home-ul p{line-height:1.86}}#home .btn-contact{color:#000;width:190px;border-radius:24px;font-size:18px;border-color:#397dff;margin:99px 0 95px;background-color:transparent;background-image:url(images/home/bg-contact.png);background-repeat:no-repeat;background-position:24px 10px;padding-left:40px}#home .btn-contact:focus{outline:none}#home .btn-contact:hover{color:#fff;background-color:#397dff;background-image:url(images/home/bg-contact2.png)}#home .home-contact{max-width:280px;padding:8px 2px;margin:0 auto;border:solid 1px #3390ff;background-color:#fff;box-shadow:0 2px 4px 0 #eee;border-radius:40px}#home .home-contact a{color:#333;font-family:PingFangSC;font-size:12px;background-repeat:no-repeat;background-position:top center;padding-top:40px;display:inline-block;font-weight:600;margin:0 20px}#home .home-contact a.item-1{background-image:url(images/home/btn-te.png)}#home .home-contact a.item-2{background-image:url(images/home/btn-wh.png)}#home .ar-b{display:block;margin:16px auto;width:16px;height:14px;background-image:url(images/home/ar-b.png)}.ol-home li{width:12px;height:12px;border-radius:50%;margin:0 11px}.ol-home li.active{width:30px;background-color:#397dff;border-radius:6px}@media (max-width:767px){.ol-home{margin-top:9%;margin-bottom:44%}}.products-wrap{padding-top:5%;padding-bottom:5%}.products-unslider{background-image:url(images/products/bg-unslider.png);background-repeat:no-repeat;background-position:bottom left;background-size:contain}@media (max-width:767px){.products-unslider{background-position:top left}}.products-unslider .visible-xs{text-align:center}.products-unslider .visible-xs h1{font-family:PingFangSC;font-size:16px;font-weight:600}@media (max-width:767px){.products-unslider .visible-xs h1{margin:10% 0 5%}}.products-item-wrap{position:relative}.products-bg{background-repeat:no-repeat;background-position:center center;background-size:contain;padding-bottom:67%}@media (max-width:767px){.products-bg{background-position:center top}}@media (min-width:767px) and (max-width:940px){.products-bg{margin-top:14%}}@media (min-width:767px) and (max-width:991px){.products-bg{padding-bottom:95%}}@media (min-width:992px) and (max-width:1100px){.products-bg{padding-bottom:72%}}.products-bg.bg-1{background-image:url(images/products/1.png)}.products-bg.bg-2{background-image:url(images/products/2.png)}.products-bg.bg-3{background-image:url(images/products/3.png)}.products-bg.bg-4{background-image:url(images/products/4.png)}.products-title{background-image:url(images/products/bg-title.png);background-repeat:no-repeat;background-position:bottom left;padding-bottom:15px;margin-bottom:10%}.products-title h1{font-size:30px;color:#333;font-weight:600}.products-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}.products-item img,.products-item div{font-family:PingFangSC}.products-item img h1,.products-item div h1{font-size:20px;font-weight:600;color:#000}.products-item img p,.products-item div p{max-width:280px;font-size:16px;font-weight:500;color:#666}@media (min-width:767px) and (max-width:1040px){.products-item div p{max-width:200px}}@media (max-width:767px){.products-item{height:40vw;text-align:center;padding:12px;border-radius:10px;border:solid 1px #3390ff;margin-bottom:10px;min-height:120px;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.products-item img,.products-item div{float:none}.products-item img h1,.products-item div h1{font-size:14px;font-weight:600;margin-bottom:2%}.products-item img p,.products-item div p{font-size:12px}}.prev,.next{display:inline-block;width:52px;height:52px;background-repeat:no-repeat;position:absolute;top:50%;margin-top:-30px}.prev{background-image:url(images/products/btn-prev.png);left:0}.next{background-image:url(images/products/btn-next.png);right:0}.ol-products{text-align:center;margin-top:60px}.ol-products li{width:58px;height:10px;border-radius:5px;margin:0 10px}@media (max-width:767px){.ol-products{margin-top:20px}}.game-wrap{background-color:#f2f7ff;padding-top:5%;padding-bottom:5%}@media (max-width:767px){.game-wrap .container{padding-left:50px;padding-right:50px}}.left-side{--animate-duration:1s;background-repeat:no-repeat;background-position:left top;background-size:contain;padding-left:24%;padding-bottom:40%;position:relative}.left-side .text{position:absolute;top:14%;left:43%;max-width:44%}.left-side .text .text-title{text-align:center}.left-side .text h1{position:relative;display:inline-block;margin-bottom:5%;font-size:28px}.left-side .text h1::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-45px;width:90px;height:4px;background-color:#397dff;border-radius:2px}.pc-ty{background-image:url(images/game/pc-ty.png)}.pc-cp{background-image:url(images/game/pc-cp.png)}.pc-by{background-image:url(images/game/pc-by.png)}.pc-zr{background-image:url(images/game/pc-zr.png)}.pc-dz{background-image:url(images/game/pc-dz.png)}.pc-qp{background-image:url(images/game/pc-qp.png)}.pc-dj{background-image:url(images/game/pc-dj.png)}.game-item{position:relative;text-align:center;font-family:PingFangSC;font-size:22px;font-weight:600;color:#596aa7;padding-top:28%;background-repeat:no-repeat;background-position:center 0;background-size:contain;margin-bottom:16px;float:left;cursor:pointer}.game-item p{position:absolute;left:0;right:0;bottom:10px}.game-item:hover,.game-item.active{color:#fff}.game-item.game-item-ty{background-image:url(images/game/game-item-ty.png)}.game-item.game-item-ty:hover,.game-item.game-item-ty.active{background-image:url(images/game/game-item-ty-h.png)}.game-item.game-item-cp{background-image:url(images/game/game-item-cp.png)}.game-item.game-item-cp:hover,.game-item.game-item-cp.active{background-image:url(images/game/game-item-cp-h.png)}.game-item.game-item-by{background-image:url(images/game/game-item-by.png)}.game-item.game-item-by:hover,.game-item.game-item-by.active{background-image:url(images/game/game-item-by-h.png)}.game-item.game-item-zr{background-image:url(images/game/game-item-zr.png)}.game-item.game-item-zr:hover,.game-item.game-item-zr.active{background-image:url(images/game/game-item-zr-h.png)}.game-item.game-item-dz{background-image:url(images/game/game-item-dz.png)}.game-item.game-item-dz:hover,.game-item.game-item-dz.active{background-image:url(images/game/game-item-dz-h.png)}.game-item.game-item-qp{background-image:url(images/game/game-item-qp.png)}.game-item.game-item-qp:hover,.game-item.game-item-qp.active{background-image:url(images/game/game-item-qp-h.png)}.game-item.game-item-dj{background-image:url(images/game/game-item-dj.png)}.game-item.game-item-dj:hover,.game-item.game-item-dj.active{background-image:url(images/game/game-item-dj-h.png)}.visible-xs .m-bg{background-repeat:no-repeat;background-position:center top;background-size:contain;padding-bottom:96%}.visible-xs .m-bg.m-ty{background-image:url(images/game/m-ty.png)}.visible-xs .m-bg.m-cp{background-image:url(images/game/m-cp.png)}.visible-xs .m-bg.m-by{background-image:url(images/game/m-by.png)}.visible-xs .m-bg.m-zr{background-image:url(images/game/m-zr.png)}.visible-xs .m-bg.m-dz{background-image:url(images/game/m-dz.png)}.visible-xs .m-bg.m-qp{background-image:url(images/game/m-qp.png)}.visible-xs .m-bg.m-dj{background-image:url(images/game/m-dj.png)}.visible-xs .game-summary{min-height:150px;text-align:center;padding:10px;border-radius:10px;border:solid 1px #3390ff;background-color:#fff}.visible-xs .game-summary h1{font-family:PingFangSC;font-size:16px;font-weight:600;color:#333;margin-bottom:2%}.visible-xs .game-summary p{font-family:PingFangSC;font-size:12px;line-height:1.5;color:#666}.visible-xs .ol-default{text-align:center;margin-top:4%}.services-wrap{padding-top:5%;padding-bottom:2.5%}.services-wrap .img2-1 .img-responsive{content:url("../img/services/services2-1.png")}.services-wrap .img2-2 .img-responsive{content:url("../img/services/services2-2.png")}.services-wrap .img2-3 .img-responsive{content:url("../img/services/services2-3.png")}.services-wrap .img2-4 .img-responsive{content:url("../img/services/services2-4.png")}.services-wrap .img2-5 .img-responsive{content:url("../img/services/services2-5.png")}.services-wrap .img2-6 .img-responsive{content:url("../img/services/services2-6.png")}.services-wrap .img2-7 .img-responsive{content:url("../img/services/services2-7.png")}.services-wrap .img2-8 .img-responsive{content:url("../img/services/services2-8.png")}.services-wrap .servicesHover1{transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease}.services-wrap .servicesHover1:hover{margin-top:-3%;margin-bottom:3%}.services-wrap .servicesHover{margin-top:-3%;margin-bottom:3%}.services-wrap .services-item{max-width:360px;min-height:370px;padding:14px;margin-bottom:15%;border-radius:12px;box-shadow:0 4px 8px 0 #eee;border:solid 1px #3390ff;text-align:center}.services-wrap .services-item img{margin:0 auto}.services-wrap .services-item h1{font-family:PingFangSC;font-size:18px;font-weight:600;color:#333;margin-top:8%;margin-bottom:5%}.services-wrap .services-item p{font-family:PingFang-SC;font-size:16px;font-weight:500;color:#666}@media (max-width:767px){.services-wrap .services-item{padding:2px;padding-top:5%}.services-wrap .services-item h1{font-size:14px}.services-wrap .services-item p{font-size:12px}}.partners-wrap{padding-top:5%;padding-bottom:10%;background-repeat:no-repeat;background-position:0 center;background-size:cover;background-image:url(images/partners/bg-partners.png)}.partners-wrap .partners_img{cursor:pointer;transition:all .5s}.partners-wrap .partners_img:hover{transform:scale(1.1)}@media (max-width:767px){.partners-wrap{background-image:url(images/partners/bg-partners2.png)}}.cooperate-wrap{padding-top:5%;padding-bottom:5%}.cooperate-wrap .img2-1 .img-responsive{content:url("../img/cooperate/cooperate2-1.png")}.cooperate-wrap .img-box1{transition:all 2s ease;border-radius:100%;text-align:center;width:14vw;height:14vw;max-width:140px;max-height:140px;display:table;border:#3390ff solid 1px;background-color:white}.cooperate-wrap .img-box1:hover{transform:scale(1.05);background-color:#3390ff}.cooperate-wrap .partners_img{cursor:pointer;transition:all .5s}.cooperate-wrap .partners_img:hover{transform:scale(1.1)}.cooperate-wrap .img2-1 .img-responsive{content:url("../img/cooperate/2-1.png")}.cooperate-wrap .img2-2 .img-responsive{content:url("../img/cooperate/2-2.png")}.cooperate-wrap .img2-3 .img-responsive{content:url("../img/cooperate/2-3.png")}.cooperate-wrap .img2-4 .img-responsive{content:url("../img/cooperate/2-4.png")}.cooperate-wrap .img2-5 .img-responsive{content:url("../img/cooperate/2-5.png")}.cooperate-wrap .img2-6 .img-responsive{content:url("../img/cooperate/2-6.png")}.cooperate-wrap .container{background-repeat:no-repeat;background-position:center 64px;background-image:url(images/bg-line.png)}@media (max-width:767px){.cooperate-wrap .container{background-image:none}}@media (mIN-width:767px) and (max-width:900px){.cooperate-wrap .container{background-position:center 50px}}.cooperate-wrap .btn{border:none}.cooperate-wrap .btn-lg{padding:10px 40px;font-family:PingFangSC;font-size:20px;font-weight:600;margin-top:15%;margin-bottom:6%;box-shadow:1px 4px 4px 0 rgba(197,209,235,0.8);background-image:linear-gradient(to top, #3a7eff 73%, #26b1fd)}.cooperate-wrap .cooperate-phone{text-align:center;font-family:PingFangSC;font-size:18px;color:#333}@media (max-width:767px){.cooperate-wrap .cooperate-phone{font-size:14px}.cooperate-wrap .cooperate-phone img{max-width:31px}}.cooperate-wrap .cooperateschange{width:134%}@media (max-width:767px){.cooperate-wrap .cooperateschange{width:62%}}.cooperate-wrap .cooperate-item-wrap{margin:auto}.cooperate-wrap .cooperate-item img{margin:0 auto}.cooperate-wrap .cooperate-item p{font-family:PingFangSC;font-size:20px;color:#333}@media (max-width:767px){.cooperate-wrap .cooperate-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}.cooperate-wrap .cooperate-item .img-box{margin-right:16px}.cooperate-wrap .cooperate-item img{max-width:70px}.cooperate-wrap .cooperate-item p{font-size:16px}}@media (max-width:320px){.cooperate-wrap .cooperate-item p{font-size:12px}}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,button,textarea,p,blockquote,th,td{margin:0;padding:0}i,em{font-style:normal}li{list-style:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:relative}.clear{clear:both}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}*html .clearfix{zoom:1}*+html .clearfix{zoom:1}.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block{display:block;float:none !important}.hide{display:none}.left{float:left !important}.right{float:right !important}.tl{text-align:left !important}.tc{text-align:center !important}.tr{text-align:right !important}.content-wrapper{padding-top:76px}@media (max-width:767px){.content-wrapper{padding-top:50px}}@media (max-width:1200px){.container-wrap{width:1480px}}@media (min-width:767px) and (max-width:1200px){.container{width:100%}}.title-wrap{text-align:center}.title-wrap .title-1{width:200px;height:95px;background-image:url(images/bg-title.png);background-repeat:no-repeat;background-position:top right;margin:0 auto;font-family:PingFangSC;font-weight:600;color:#333;padding-top:12px}.title-wrap .title-1 h1{font-size:36px;font-weight:600}.title-wrap p{font-size:16px;margin:-22px auto 70px}@media (max-width:767px){.title-wrap .title-1{width:164px;height:57px;padding-top:8px;background-size:contain}.title-wrap .title-1 h1{font-size:22px;color:#000}.title-wrap p{font-size:12px;margin-top:-4.9%;margin-bottom:5%}}.ol-default li{background-color:#e5e5e5;display:inline-block}.ol-default li.active{background-color:#397dff}@media (max-width:767px){.ol-default li{width:8px;height:8px;margin:0 5px;border-radius:50%}.ol-default li.active{width:16px;border-radius:4px !important}}.copyright{padding:38px 0;background-color:#2e2e30}.copyright p{font-family:PingFangSC;font-size:18px;color:#fff}@media (max-width:767px){.copyright{padding:15px 0;background-color:#fff;border-top:1px solid #eee}.copyright p{font-size:12px;color:#999}}#mask{position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.9);width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;display:none;z-index:1}.flex-lr{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-rl{-webkit-box-pack:end;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-moz-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-tb{-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.flex-bt{-webkit-box-pack:end;-webkit-box-direction:reverse;-webkit-box-orient:vertical;-moz-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-pack-center{-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center}.flex-pack-start{-webkit-box-pack:start;-moz-justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start}.flex-pack-end{-webkit-box-pack:end;-moz-justify-content:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end}.flex-pack-between{-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}.flex-pack-around{-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around}.flex-align-center{-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}.flex-align-start{-webkit-box-align:start;-moz-align-items:start;-webkit-align-items:flex-start;align-items:flex-start}.flex-align-end{-webkit-box-align:end;-moz-align-items:end;-webkit-align-items:flex-end;align-items:flex-end}.self-align-center{align-self:center;-webkit-align-self:center;margin:0 auto}.self-align-start{align-self:flex-start;-webkit-align-self:flex-start}.self-align-end{align-self:flex-end;-webkit-align-self:flex-end}.self-align-stretch{align-self:stretch;-webkit-align-self:stretch}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-grow{-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1}.flex-shrink{-moz-flex-shrink:1;-webkit-flex-shrink:1;flex-shrink:1}