.businessbanner01{background:url(../images/businessbanner01.jpg) center top no-repeat;background-size:cover;} .businessbanner02{background:url(../images/businessbanner02.jpg) center top no-repeat;background-size:cover;} .businessbanner03{background:url(../images/businessbanner03.jpg) center top no-repeat;background-size:cover;} .businessbanner04{background:url(../images/businessbanner04.jpg) center top no-repeat;background-size:cover;} .businessnav ul{display:flex;}.businessnav li i{background:url(../images/professionicons.png) no-repeat;} .businessnav li i.i02{background-position:0 -25px;}.businessnav li i.i03{background-position:0 -50px;} .businessnav li i.i04{background-position:0 -75px;}.businessnav li i.i05{background-position:0 -100px;} .pro-tit{padding:15px 0 30px;}.pro-tit h2 b{font-size:24px;}.pro-tit h2 em{font-size:20px;text-transform:uppercase;font-weight:normal;} .yzy-intro .fl{width:600px;}.yzy-intro .fr{width:540px;overflow:hidden;} .yzy-intro .title{padding:50px 0 0;text-align:left;}.yzy-intro ul{width:100%;text-align:center;} .yzy-intro li{display:inline-block;width:32%;border-right:1px solid #e0e0e0;}.yzy-intro li:last-child{border:none;} .yzy-intro li h3{font-size:60px;color:#0068ba;}.yzy-intro li h3 i,.yzy-intro li p{font-size:18px;} .sign{line-height:30px;padding-bottom:50px;font-size:16px;color:#666;} .service ul,.service1 ul{width:1230px;}.service li,.service1 li{float:left;width:380px;margin-right:30px;} .service li .pic,.service1 li .pic{overflow:hidden;}.service li h3,.service1 li h3{padding:20px 0;font-size:24px;border-bottom:1px solid #dadada;} .service li h3 i{display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:top;background:url(../images/ysicons2.png) no-repeat;} .service li h3 i.i02{background-position:-32px 0;}.service li h3 i.i03{background-position:-64px 0;}.service li h3 i.i04{background-position:-96px 0;} .service li p,.service1 li p{line-height:30px;padding:20px 0 0;font-size:15px;color:#666;text-align:justify;} .service1 li h3 i{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:top;background:url(../images/ysicons1.png) no-repeat;} .service1 li h3 i.i02{background-position:-30px 0;}.service1 li h3 i.i03{background-position:-60px 0;} .service1 li h3 i.i04{background-position:-90px 0;}.service1 li h3 i.i05{background-position:-120px 0;}.jm-sgj .service li{width:277px;} .pt73{padding:73px 0;}.download{width:550px;}.show{width:582px;}.download .title{text-align:left;}.download a{display:inline-block;width:260px;height:50px;line-height:50px;margin-bottom:20px;text-align:center;vertical-align:top;font-size:18px;font-weight:bold;border-radius:30px;} .download a.Android{color:#dc214c;border:2px solid #dc214c;}.download a.iphone{color:#fff;background:#dc214c;} .download dt{float:left;margin-right:30px;}.download dd{float:left;width:130px;} .download dd img{width:100%;box-shadow:1px 1px 5px 2px #ccc;}.show img{display:block;} .show-title{line-height:30px;padding-bottom:36px;color:#333;}.show-title h2{font-size:24px;} .show-title em,.show-title i{display:inline-block;vertical-align:middle;}.show-title em{width:162px;font-size:20px;text-transform:uppercase;} .show-title i{width:420px;height:1px;background:#e5e5e5;}.show .hd{margin-top:20px;} .show .hd li{display:inline-block;vertical-align:middle;border:1px solid #e5e5e5;}.show .hd li.on{border-color:#f12c4d;}.show .bd li{font-size:0;} .show .bd .img,.show .bd .txt{display:inline-block;vertical-align:middle;}.show .bd .img{width:161px;} .show .bd .txt{position:relative;width:395px;padding-left:26px;} .show .bd p{position:relative;line-height:30px;padding:22px 0 0px;font-size:16px;color:#666;text-indent:2em;} .show .bd em{display:block;line-height:30px;padding-top:20px;text-align:right;font-size:16px;color:#222;font-weight:bold;} .show .l-point{position:absolute;left:6px;top:0;width:37px;height:29px;background:url(../images/l-point.png)} .show .r-point{position:absolute;right:8px;bottom:-15px;width:24px;height:19px;background:url(../images/r-point.png);} .dgj .download{width:500px;padding-left:50px;} .service-cz li{float:left;width:25%;padding:50px 0;text-align:center;transition:all .5s} .service-cz li i{display:inline-block;width:70px;height:70px;vertical-align:top;background:url(../images/czicons01.png) no-repeat;transition:all .5s;} .service-cz li.li02 i{background-position:0 -70px;}.service-cz li.li03 i{background-position:0 -140px;} .service-cz li.li04 i{background-position:0 -210px;}.service-cz li h3{padding:40px 0 20px;font-size:20px;} .service-cz li p{line-height:26px;padding:0 5%;font-size:14px;color:#666;}.service-cz li:hover{background:#f7f7f7;} .service-cz li.li01:hover i{background-position:-70px 0;}.service-cz li.li02:hover i{background-position:-70px -70px;} .service-cz li.li03:hover i{background-position:-70px -140px;}.service-cz li.li04:hover i{background-position:-70px -210px;} .fwtx{height:580px;background:url(../images/fwtxbg.jpg) no-repeat center top;} .fwtx .fl,.fwtx .fr{width:50%;}.fwtx .fl{display:table;height:580px;}.fwtx .fl>div{display:table-cell;vertical-align:middle;} .fwtx .fr{display:table;height:580px;}.fwtx .fr>div{display:table-cell;vertical-align:middle;} .fwtx .title{width:400px;margin:0 auto;padding:85px 0;color:#fff;border:2px solid #b0b0af;} .fwtx .title em{font-size:20px;}.fwtx .title h2{line-height:40px;font-size:24px;font-weight:bold;} .fwtx dl{float:left;width:80%;margin:0 10%;padding:25px 0;border-bottom:1px solid #555a65;color:#fff;}.fwtx dl:last-child{border-bottom:none;} .fwtx dt{float:left;width:60px;height:60px;margin-right:20px;background:url(../images/czicons02.png) no-repeat;} .fwtx dt.dt02{background-position:0 -60px;}.fwtx dt.dt03{background-position:0 -120px;}.fwtx dt.dt04{background-position:0 -180px;} .fwtx dd b{display:block;line-height:30px;font-size:20px;}.fwtx dd p{line-height:30px;font-size:14px;} .description .fl,.description .fr{width:50%;}.description .title{text-align:left;} .system-intro .txt,.system-intro .pic{width:50%;height:620px;overflow:hidden;} .system-intro .txt-con{display:table;width:50%;height:620px;padding:0 5%;}.system-intro .txt-con > div{display:table-cell;vertical-align:middle;} .system-intro .pic img{display:block;}.system-intro .title{text-align:left;}.system-intro a{display:inline-block;padding:0 60px;} .layout{height:620px;background:url(../images/layout.jpg) center top no-repeat;background-size:cover;}.layout ul{padding-top:100px;} .layout li{float:left;width:239px;text-align:center;color:#fff;border-right:1px solid #40385c;box-sizing:border-box;} .layout li:last-child{border-right:none;}.layout li span{font-size:60px;} .layout li p{font-size:16px;}.layout li p strong{font-size:24px;font-weight:normal;}.ser-date{width:100%;text-align:center;} .ser-date li{display:inline-block;padding:0 50px;vertical-align:top;border-right:1px solid #e0e0e0;}.ser-date li:last-child{border-right:none;} .ser-date li b{font-size:90px;color:#0068ba;font-weight:normal;}.ser-date li span{font-size:40px;}.ser-date li p{font-size:16px;} .ser-logo{padding:50px 0;}.ser-logo li{float:left;width:160px;margin:5px 20px;}.ser-logo li img{width:100%;} .ser-customer .fl{width:350px;}.ser-customer .fr{width:804px;} .ser-customer .title{text-align:left;}.ser-customer .bd{padding-bottom:10px;}.ser-customer .bd ul{border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;} .ser-customer .bd li{float:left;width:199px;padding:45px 0;text-align:center;overflow:hidden;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} .ser-customer .bd li img{display:block;width:80%;margin:0 auto;}.ser-customer .bd li:hover{box-shadow:-1px 1px 5px 2px #ccc;} .ser-customer .bd li:hover img{filter:grayscale(0);filter:gray;}.ser-customer .btn{position:absolute;left:0;bottom:120px;} .ser-customer .btn span{float:left;display:block;width:88px;height:88px;margin-right:10px;background:url(../images/pro_arrow01.jpg) no-repeat;} .ser-customer .btn span.ad_btn_left{background-position:-88px 0;}.ser-customer .btn span.ad_btn_right{background-position:-88px -88px;} .ser-customer .btn span.ad_btn_left:hover{background-position:0 0;}.ser-customer .btn span.ad_btn_right:hover{background-position:0 -88px;} .customer-said .bd li{float:left;width:360px;margin:0 20px;}.customer-said .bd li .pic{overflow:hidden;}.customer-said .bd li img{display:block;width:100%;} .customer-said a{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;background:url(../images/pro_arrow02.png) no-repeat;} .customer-said a.prev{left:-60px;}.customer-said a.next{right:-60px;background-position:0 -60px;} .customer-said a.prev:hover{background-position:-60px 0;}.customer-said a.next:hover{background-position:-60px -60px;} @media screen and (max-width:1280px){ .show-title{padding:20px 0;}.show-title i{display:none;}.show .bd li{box-sizing:border-box;height:auto !important;}.show .bd .img{margin:0 auto;} .show .bd .txt{width:100%;padding:0 10px 0 26px;text-align:left;box-sizing:border-box;} .show .hd ul{display:flex;}.show .hd li{flex:1;margin:0 .5%;}.show .r-point{bottom:-14px;}.show .bd em{padding-top:20px;} .businessbanner01{background-image:url(../images/businessbanner01@2x.jpg);}.businessbanner02{background-image:url(../images/businessbanner02@2x.jpg);} .businessbanner03{background-image:url(../images/businessbanner03@2x.jpg);}.businessbanner04{background-image:url(../images/businessbanner04@2x.jpg);} .layout{background-image:url(../images/layout.jpg);}html{max-width:750px;margin:0 auto;font-size:62.5%;} .yzy-intro{padding:0 4%;}.yzy-intro .title{padding:0;text-align:center;}.yzy-intro .fl{width:100%;} .sign{line-height:42px;padding:0 0 20px;font-size:24px;text-align:justify;} .yzy-intro li{text-align:center !important;}.pro-tit{padding:4%;box-sizing:border-box;} .service,.service1{padding:0 4%;} .service ul,.service1 ul{width:100%;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:auto;} .service ul::-webkit-scrollbar,.service1 ul::-webkit-scrollbar{display:block;height:0;} .service ul::-webkit-scrollbar-thumb,.service1 ul::-webkit-scrollbar-thumb{height:0;} .service li,.service1 li{float:none;display:inline-block;width:60%;margin-right:5%;vertical-align:top;} .service li:last-child,.service1 li:last-child{margin-right:0;}.service li h3,.service1 li h3{padding:5% 0;} .service li p,.service1 li p{line-height:40px;padding:5% 0 0;font-size:24px;white-space:normal;}.jm-sgj .service li{width:50%;} .download,.show{width:100% !important;padding:0 2% !important;box-sizing:border-box;text-align:center!important;} .download .title{text-align:center;}.download dt,.download dd{width:100%;}.download dt a{width:57%;} .download dd img{display:block;width:50%;margin:0 auto;box-shadow:none;} .service-cz li{width:50%;padding:5% 0 0;}.service-cz li:hover{background:none;} .service-cz li h3{font-size:30px;}.service-cz li p{line-height:40px;font-size:24px;} .fwtx{background:none;}.fwtx .fl, .fwtx .fr{width:100%;padding:0 4%;box-sizing:border-box;} .fwtx .fl{height:453px;background:url(../images/fwtxbg-m.jpg) no-repeat center top;background-size:100%;} .fwtx .title{width:60%;padding:10% 0;box-sizing:border-box;}.fwtx .fr{height:auto;background:#2b313f;} .fwtx dl{width:100%;margin:0;}.fwtx dd b{line-height:40px;font-size:30px;}.fwtx dd p{line-height:40px;font-size:24px;} .description .fl,.description .fr{float:none;width:100%;padding:0 4%;box-sizing:border-box;} .description .title{text-align:center;}.description img{width:80%;margin:0 auto;} .system-intro .txt, .system-intro .pic{width:100%;height:auto;padding:0 4%;box-sizing:border-box;} .system-intro .txt{padding:8% 4%;}.system-intro .txt-con{width:100%;padding:0;height:auto;} .system-intro .title{text-align:center;}.system-intro a{width:100%;box-sizing:border-box;} .ser-date li{padding:0 2%;}.ser-date li b{font-size:70px;}.ser-logo{padding:4%;}.ser-logo li{width:31%;margin:1%;} .layout ul{width:100%;padding-top:8%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:auto;box-sizing:border-box;} .layout ul::-webkit-scrollbar{display:block;height:0;}.layout ul::-webkit-scrollbar-thumb{height:0;}.layout li{float:none;display:inline-block;width:33%;} .ser-customer .title{text-align:center;}.ser-customer .fl,.ser-customer .fr{width:100%;padding:0 4%;box-sizing:border-box;} .ser-customer .bd{margin-bottom:15%;}.ser-customer .bd ul li{width:25%;box-sizing:border-box;}.ser-customer .btn{bottom:5%;left:50%;margin-left:-101px;} .customer-said{width:100%;overflow:hidden;}.customer-said .bd{width:64%;margin:0 auto;overflow:hidden;} .customer-said .bd li{width:100%;margin:0;}.customer-said a{display:block;}.customer-said a.prev{left:4%;}.customer-said a.next{right:4%;} } @media screen and (max-width:480px){ .sign{font-size:16px;line-height:30px;}.yzy-intro li h3{font-size:58px;}.yzy-intro li p{font-size:14px;}.yzy-intro li h3 i{font-size:16px;} .service li p,.service1 li p{line-height:30px;font-size:16px;}.service li h3,.service1 li h3{font-size:18px;} .service li h3 i{width:25px;height:25px;background-size:100px 25px;}.service li h3 i.i02{background-position:-25px 0;} .service li h3 i.i03{background-position:-50px 0;}.service li h3 i.i04{background-position:-75px 0;} .service-cz li h3{padding:3% 0;font-size:20px;}.fwtx .fl{height:289px;} .fwtx dd b{font-size:20px;}.service-cz li p,.fwtx dd p{line-height:30px;font-size:16px;} .layout{height:397px;}.layout li span{font-size:38px;}.layout li p{font-size:14px;}.layout li p strong{font-size:20px;} .ser-date li b{font-size:44px;}.ser-date li span{font-size:20px;}.ser-date li p{font-size:14px;} .ser-customer .bd li{width:33.3%;padding:5% 0;}.ser-customer .btn{margin-left:-65px;} .ser-customer .btn span{width:60px;height:60px;background-size:120px 120px;} .ser-customer .btn span.ad_btn_left{background-position:-60px 0;}.ser-customer .btn span.ad_btn_right{background-position:-60px -60px;} .ser-customer .btn span.ad_btn_right:hover{background-position:0 -60px;} } @media screen and (max-width:414px){ .yzy-intro li h3{font-size:50px;}.yzy-intro li p{font-size:12px;}.yzy-intro li h3 i{font-size:14px;} .layout{height:344px;}.layout li span{font-size:34px;}.layout li p strong{font-size:16px;} .ser-date li b{font-size:38px;}.ser-date li span{font-size:16px;}.fwtx .fl{height:250px;}.fwtx .title{width:70%;} .fwtx dt{width:40px;height:40px;margin-right:10px;background-size:40px 160px;} .fwtx dt.dt02{background-position:0 -40px;}.fwtx dt.dt03{background-position:0 -80px;} .fwtx dt.dt04{background-position:0 -120px}.fwtx dd b{font-size:16px;line-height:30px}.fwtx dd p{font-size:14px;line-height:26px;} .ser-customer .btn{margin-left:-45px;}.ser-customer .btn span{width:40px;height:40px;background-size:80px 80px;} .ser-customer .btn span.ad_btn_left{background-position:-40px 0;}.ser-customer .btn span.ad_btn_right{background-position:-40px -40px;} .ser-customer .btn span.ad_btn_right:hover{background-position:0 -40px;} .customer-said a{width:40px;height:40px;background-size:80px 80px;}.customer-said a.next{background-position:0 -40px;} .customer-said a.prev:hover{background-position:-40px 0;}.customer-said a.next:hover{background-position:-40px -40px;} } @media screen and (max-width:375px){ .yzy-intro li h3{font-size:45px;}.sign,.service li p{line-height:26px;font-size:14px;} .layout{height:310px;}.ser-date li b{font-size:35px;}.ser-date li p{font-size:12px;} .fwtx .fl{height:225px;}.fwtx dt{width:30px;height:30px;margin-right:5px;background-size:30px 120px;}.fwtx dd{padding-left:35px;} .fwtx dt.dt02{background-position:0 -30px;}.fwtx dt.dt03{background-position:0 -60px;}.fwtx dt.dt04{background-position:0 -90px} } @media screen and (max-width:360px){ .layout{height:290px;}.fwtx .fl{height:210px;}.fwtx .title{width:80%;}.fwtx dd p{font-size:12px;} } @media screen and (max-width:320px){ .yzy-intro li p{font-size:10px;}.fwtx .fl{height:190px;} }