body{display: flex;flex-direction: column}
.header{min-width:1200px;min-height: 70px;}
.header_wrap{width: 1200px;margin:0 auto;display:flex;display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;align-items: center}
.logo{height:70px;margin-right:48px;}
.logo img{height:70px;vertical-align: top}
.header_nav{display: flex;;display: -webkit-flex;}
.header_nav li{margin-right:30px;line-height:70px;font-size:18px;}
.header_nav li:last-child{margin-right:0;}
.header_nav li.curr a{color:#006699;}
.login_reg{line-height:70px;display:flex;display: -webkit-flex;justify-content: flex-end;}
.login_reg a{margin-left:20px; font-size:18px;}
.content{text-align: center;min-width: 1200px}
.mbt90{margin-bottom: 90px}
/*header end*/
.banner img{width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: top}

.services-section {background-size: cover;padding-bottom: 49px}
.inner-width {width: 100%;max-width: 1200px;margin:0 auto;box-sizing: border-box;overflow: hidden;padding-top: 100px;}
.section-title {text-align: center;color: rgba(51,51,51,1);font-family:MicrosoftYaHei;font-weight:bold;font-size: 26px;}
.section-border {width: 140px;height: 5px;background: rgba(30,114,195,1);margin: 16px auto 60px auto;border-radius: 5px}
.section-border {margin-bottom:40px;}

.services-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.service-box {text-align: center;cursor: pointer;transition: transform 1s ease-in-out; -webkit-transition: transform 1s ease-in-out;-moz-transition: transform 1s ease-in-out;-ms-transition: transform 1s ease-in-out;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.service-title{display: inline-block;width:349px;height:349px;border:3px solid rgba(30,114,195,1);border-radius:50%;}
.service-content{margin: 13px 14px;width:322px;height:322px;color: #ffffff;border-radius:50%;font-size: 36px;text-align: center;line-height: 322px;z-index: 10;position: absolute;opacity: 1; }
.service-content-back{margin: 13px 14px;width:322px;height:322px;border-radius:50%;color: #cccccc;position: absolute;);z-index: 2;}
.service-content-bg{width:322px;height:322px;border-radius:50%;background:rgba(0,0,0,0.5);filter:Alpha(opacity=50);overflow:hidden}
.service-content-bg span{position: relative;}
/*.service-box:hover{transform: rotateY(180deg);}*/
.service-content-back span{font-size:24px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(255,255,255,1);text-align: center;margin-top: 70px;display: block}
.service-content-back p{font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);text-align: center;margin-top: 20px;width: 300px;margin: auto;}
.service-btm{width:349px;height: 52px;border: 0;margin-top: 20px;margin-bottom: 51px;background: url("../images/service.png") no-repeat;background-size: cover;}
.service-content:hover{
    opacity: 0;
}

.reason-section {background-size: cover;background:rgba(248,248,248,1);padding-bottom:100px}
.reason-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.reason-box{width:280px;background:rgba(255,255,255,1);border-radius:10px;}
.reason-icon{width:53px;height:53px;background:rgba(126,206,244,1);border-radius:50%;margin: auto -999px;z-index: 111;}
.reason-icon1{margin: 15px;width:23px;height:23px;background:rgba(255,255,255,1);border-radius:50%;}
.reason-box2{color: #333333;padding: 32px 30px;}
.reason-title{font-size:20px;font-weight: bold;}
.reason-content{margin-top: 10px;font-size:16px;}

.get-section {background-size: cover;padding-bottom:100px}
.get-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.get-box{width:300px;height:300px;background:rgba(255,255,255,1);border-radius:10px;}
.get-img{width: 200px;height: 200px;margin: auto}
.get-title{margin-top: 46px;color: #333333;font-size: 24px;text-align: center}

.jf-section{background: url("../images/jf.png") no-repeat center top;background-size:100% 100%;height: 400px;overflow:hidden;}
.jf-section-back{background:rgba(0,0,0,0.8);width: auto;height: 400px;filter: alpha(opacity=80);}
.jf-container{display: flex;flex-direction: column;justify-content:space-between;align-items:center;color: #ffffff}
.jf-container>.jf-box{text-align: center}
.jf-container>.jf-box:first-child{font-size: 48px;font-family:MicrosoftYaHei;font-weight:bold;margin-top: 80px}
.jf-container>.jf-box:nth-child(2){font-size: 72px;font-family:MicrosoftYaHei;font-weight:bold;}
.jf-container>.jf-box a{display: inline-block;margin-top: 40px;width:168px;height:40px;border:1px solid rgba(255,255,255,1);line-height: 40px;color: #ffffff;font-size: 18px;font-weight:400;}


.cate-container{display: flex;flex-wrap: wrap;justify-content:space-between;padding-bottom: 54px}
.cate-container .cate-box{display: flex;justify-content:space-between;}
.cate-box{margin-bottom: 46px}
.cate-title{width: 176px;height: 128px;margin-left: 30px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);text-align: center;line-height: 128px;font-size: 68px;font-family:SourceHanSansCN-Bold;font-weight:bold;font-style:italic;color: #ffffff;}
.cate-content{margin-left:40px;width: 333px;height: auto;color: #333333;}
.cate-content p{text-align: left;font-size: 18px;line-height: 35px}
.cate-content .cate-pt{font-size: 22px;font-weight:bold;}

/*index end*/
.platform-section {background-size: cover;padding-bottom: 100px}
.platform-container {display: flex;justify-content: space-between;}
.platform-box{color: #333333}
.platform-left{display: flex;flex-direction: column;justify-content: space-between}
.platform-mid{display: flex;align-items: center;}
.platform-mid img{text-align: center;width: 290px;height: auto;vertical-align:top}
.platform-img img{width: 120px;height: auto;vertical-align:top}
.img-platform img{width: 120px;height: auto;vertical-align:top}
.platform-box-content{display: flex;color: #333333;text-align: left}
.platform-box-content h3{font-size: 24px}
.platform-box-content p{font-size: 20px;width: 200px}
.platform-content-explain{margin-left: 25px}
.content-platform-box{display: flex;color: #333333;text-align: right}
.content-platform-box:last-child{margin-top: 115px}
.content-explain-platform{margin-right: 25px}
.platform-box h3{font-size: 24px;font-weight:bold;}
.platform-box p{font-size: 20px;width: 200px}


.event-section{width: 100%;height:auto;background: url("../images/event_pic.png") no-repeat;background-size: 100% 100%;}
.event-container{display: flex;flex-direction: column;align-items: center}
.event-box img{width: 1098px;height: auto;vertical-align: top}
.event1{margin-bottom: 30px;font-size:24px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);}
.event2{margin-bottom: 40px;}
.event3{margin-bottom: 25px;font-size:24px;font-family:MicrosoftYaHei;color:#333333;text-align: left;width: -moz-available;width:-webkit-fill-available;}
.event4{font-size:24px;font-family:MicrosoftYaHei;color:#333333;text-align: left}
.event3 span,.event4 span{font-weight:bold;color:rgba(68,143,213,1);}

.false-section{background-size: cover;padding-bottom: 70px}
.false-container {display: flex;flex-direction: column;align-items: center}
.false-box{margin-bottom: 30px;font-size: 20px}
.false-content{width: 400px;height: 300px;vertical-align:top}
.false-content img{width: 400px;height: 300px;vertical-align:top}
.false-main{display: flex;justify-content: space-between;flex-wrap: wrap}
.false-content h3{text-align:center;padding-top:40px;font-size:24px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);}
.false-content p{text-align:center;padding:10px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);overflow: hidden}

.receive-section{width: 100%;height:300px;background: url("../images/receive.png") no-repeat;background-size: 100% 100%;}
/*.receive-bg{background: url("../images/receive.png") no-repeat;background-size: contain;}*/
.inner-width2 {width: 100%;max-width: 1200px;margin: auto;padding-top: 46px;}
.receive-esc{font-size:18px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);text-align: center}

.example-section{background-size: cover;padding-bottom: 100px;padding-top: 100px}
.example-container{display: flex;justify-content: space-between;flex-wrap: wrap}
.example-box{width: 536px;color: #333333}
.example-box p{text-align: left;font-family:MicrosoftYaHei;font-size:20px;font-weight:400;color:rgba(51,51,51,1);}
.inner-width-example{padding-top: 0}


.search-section {background-size: cover;padding-bottom: 40px}
.search-container {display: flex;justify-content: space-between;flex-wrap: wrap}
.search-box {display: flex;justify-content: space-between;margin-bottom: 60px}
.search-img img{width: 100px;height: 100px;vertical-align: top}
.search-text{width: 240px;height: auto;padding: 10px;text-align:left}
.search-text h3{font-size: 22px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);}
.search-text p{font-size: 16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);}

.engine-section {width:100%;height:auto;background:#f8f8f8;padding-bottom: 55px;}
.engine-container{display: flex;justify-content: space-between;}
.engine-box {color: #333333;}
.engine-img img{vertical-align: top}
.engine-left{display: flex;flex-direction: column;justify-content: space-between}
.engine-box-content {display: flex;color: #333333;text-align: left;margin-bottom: 45px}
.engine-mid{display: flex;align-items: center;}
.engine-mid img{text-align: center;width: 440px; height: auto;vertical-align: top}
.engine-box h3{font-size: 18px;font-weight:600;}
.engine-box p{font-size: 16px;width: 200px}


.worker-section {background-size: cover;padding-bottom: 100px}
.worker-container {display: flex;justify-content: space-between;flex-wrap: wrap}
.worker-box .worker-img{width: 380px;height: 330px;position: relative;}
.worker-box .worker-img::before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;}
.worker-img-text{text-align: center;line-height: 330px;}
.worker-img-text span{color: #ffffff;border:3px solid rgba(255,255,255,1);padding: 15px 30px;font-size:28px;font-weight:600;}
.worker-img-text i{color: #FFA200;}
.worker-left{display: flex;flex-direction: column;align-items: stretch}
.worker-mid{display: flex;flex-direction: column-reverse;align-items: stretch}
.worker-right{display: flex;flex-direction: column;align-items: stretch}
.worker-text{text-align: center;margin-bottom: 40px}
.worker-text h3{color: #333333;font-size: 24px;font-weight:600;padding: 40px 0}
.worker-text h3 span{color: #FFA200;}
.worker-text p{font-size: 18px;}
.android-section{background: rgba(248,248,248,1);background-size: cover;padding-bottom: 7px}
.android-container{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap}
.android-container .android-img{width: 110px;height: 110px;margin-bottom: 14px}/**border: 1px dashed #626262;*/
.android-container .android-img img{width: 110px;height: 110px;vertical-align: top;}
.android-box{margin-right: 60px;margin-bottom: 30px}
.android-box p{font-size: 18px;color: #333333;text-align: center}
.reshow-section{background-size: cover;padding-bottom: 100px}
.resshow-container{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap}
.reshow-img img{width: 280px;height: auto;vertical-align: top;}


.about-section {background-size: cover;padding-bottom: 100px}
.about-text{margin-bottom: 60px;text-align: center;}
.about-text span{font-size:18px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height: 30px}
.about-img{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap}
.about-box{margin-left: 40px;margin-bottom: 40px}
.about-box .about-border{width:230px;height:150px;border:2px solid rgba(0,102,153,1);position: relative}
.about-box .about-bg{width:230px;height:150px;position: absolute;top: 42px;left:-42px;}
.about-box .about-bg-back{width:230px;height:150px;background:rgba(0,0,0,0.3);overflow: hidden}
.about-box .about-bg-back p{text-align:center;position: relative; left: 0;top:25%;color: #ffffff;font-size:24px;font-family:MicrosoftYaHei;font-weight:600;}
.about-circle{width: 100px;height: 100px;border-radius: 50%;background: #ffffff;position: absolute;top: -20px;left: 150px;overflow: hidden}
.about-box .about-circle p{text-align:center;position: relative; left: 0;top:20%;color:rgba(51,51,51,1);font-size:24px;font-family:MicrosoftYaHei;font-weight:600;}

.jf-about-section{background: url("../images/about_jf.png") no-repeat;background-size:100% 100%;height: 200px;overflow:hidden;}
.jf-about-container{display: flex;flex-direction: column;align-items:center;color: #ffffff;}
.jf-about-container>.jf-about-box:first-child{font-size: 30px;font-family:MicrosoftYaHei;font-weight:600;}
.jf-about-container>.jf-about-box:nth-child(2){font-size: 56px;font-family:MicrosoftYaHei;font-weight:600;}

.develop-section{background-size: cover;}
.develop-container{position: relative}
.develop-container{display: flex;display: -webkit-flex;justify-content: space-between;padding-top: 80px}
.develop-container{height:278px;background: url("../images/develop_process.png") no-repeat;background-size: contain;padding-bottom:6px}
.develop-box:first-child{position: absolute;top: -100px;left: 20px}
.develop-box:nth-child(2){position: absolute;top: -20px;left: 425px}
.develop-box:last-child{position: absolute;top: -86px;left: 820px}
.develop-box p{width:400px;text-align:center;font-size:18px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(0,0,0,1);white-space: pre-line;}


.footer{background:url(../images/footer_bg.png) no-repeat center top ;background-size:100% 100%;min-width: 1200px}
.footer_bg{background:rgba(0,0,0,0.9);opacity:0.9;}
.footer_wrap{width: 1200px;margin:auto;display:flex;display: -webkit-flex;justify-content: space-between;padding-top: 30px;}
.footer_box{display: flex;flex-direction: column;justify-content:space-between}
.footer_box h3{font-size:20px;color:rgba(204,204,204,1);font-weight:400;margin-bottom: 36px}
.footer_left input{border:0;width:250px;height:50px;border-radius:3px;color:#ccc;font-size:16px; text-indent:40px;}
.footer_ip{width:100%;margin-bottom: 20px;}
.footer_split{border-right:2px dashed #626262;margin-top:3px;margin-bottom:3px;}
.res_n{resize:none;height:100px;line-height:50px;border-radius:3px;text-indent:40px;color: #ccc;border: 0;font-size: 16px}
.icon_pic1{background:url(../images/icon_people.png) no-repeat 16px 12.8px #41464a;}
.icon_pic2{background:url(../images/icon_mobile.png) no-repeat 16px 12.8px #41464a;}
.icon_pic3{background:url(../images/icon_email.png) no-repeat 16px 12.8px #41464a;}
.icon_pic4{background:url(../images/icon_wx.png) no-repeat 16px 16px #41464a;}
.footer_btn{border:0;color:#ccc;font-size:18px;padding:10px 20px;background:rgba(64,132,224,1);border-radius:5px; cursor:pointer;}
.footer_right h3{font-size:20px;color:rgba(204,204,204,1);font-weight:400;margin-bottom: 36px}
.footer_right .ft_text{margin-bottom: 30px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(204,204,204,1);}
.ft_text img{padding-right:10px; vertical-align:middle; margin-top:-3px;}
.icp{padding-left:26px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(204,204,204,1);}

.qqserver {width: 140px;height: 180px;position: fixed;top: 70%;right: -20px;margin-top: -50px;z-index: 200;}
.qqserver > img {height: 60%;width: 60%;}
#mybtn {margin: 0;padding: 0;border: none;}


.banner-section{width: 100%;height: 1000px}
.banner-container{display: flex;justify-content: space-between}
.banner-left{display: flex;flex-direction: column;margin-top: 50px}
.banner-right{text-align: center}
.banner-right img{vertical-align: top;}
.banner-text{font-size:96px;font-family:Adobe Heiti Std R;font-weight:bold;color:rgba(255,255,255,1);text-align: left}
.banner-content-top{text-align: left}
.border {width: 380px;height: 5px;background: #ffffff;margin: 26px 0 55px 0;border-radius: 5px}
.banner-content-mid{text-align: left;font-size:30px;font-family:SourceHanSansCN-Regular;font-weight:400;margin-bottom: 50px}
.banner-content-btm{display: flex}
.btm-img{margin-right: 40px}
.btm-img img{vertical-align: top;width: 160px;height: 160px}
.banner-box{color: #ffffff}
.btm-text{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;font-size:30px;font-family:SourceHanSansCN-Regular;font-weight:400;}
.btm-text span{padding:0 4px}
.jfq-section{padding-bottom: 100px}
.section-title{color: #666666;}
.jfq-container{display: flex;justify-content: center}
.jfq-box{display: flex;flex-direction: column;align-items: center}
.jfq-title{width:365px;height:60px;color: #ffffff;font-size: 32px;background: #00C0FF;border-radius:10px 10px 0px 0px;}
.jfq-title span{font-size: 44px;}
.jfq-content{width:560px;height:555px;background:rgba(255,255,255,1);border:5px solid rgba(0,192,255,1);border-radius:30px;}
.jfq-content .jfq-content-title span{font-size: 28px;color: #666666}
.jfq-content-title{display: flex;justify-content: space-around;padding: 10px 0;}
.jfq-content-list li{display: flex;justify-content: space-around;margin-bottom: 5px;height: 36px}
.get-money-section{background: #F6F6F6;padding-bottom: 100px}
.get-money-container{display: flex;justify-content: space-between;flex-wrap:wrap;}
.money-box{display: flex;width: 580px;background: #ffffff;border-radius:30px;}
.money-img img{padding:17px 24px;vertical-align: top}
.money-box1{margin-bottom: 40px;}
.money-box2{display: flex;flex-direction: row-reverse;margin-bottom: 40px;}
.money-box4{display: flex;flex-direction: row-reverse}
.money_title{font-size: 30px;color: #666666;margin-bottom: 20px}
.money_desc{font-size: 24px;color: #666666;text-align: left;}
.money-text{display: flex;flex-direction: column;justify-content: center;align-items: flex-start}
.money-box2 .money-text{align-items: flex-end}
.money-box4 .money-text{align-items: flex-end}
.money-box2 .money_desc{text-align: right;}
.money-box4 .money_desc{text-align: right;}
.qr-section{padding-bottom: 100px}
.qr-container{display: flex;justify-content: space-around;}
.qr-title{font-size: 28px;color: #666666;margin-bottom: 30px;text-align: left;}
.qr-text{font-size: 24px;color: #666666;text-align: left;margin-bottom: 36px}
.qr-ip{width:380px;height:56px;border:2px solid rgba(0,204,255,1);border-radius:10px;color: #00CCFF;line-height: 56px;font-size:24px;margin-bottom: 40px}
.qr-btn{width:207px;height:60px;background:rgba(0,204,255,1);border-radius:30px;color: #ffffff;font-size:24px;line-height: 60px;cursor: pointer}
.qr-img{text-align: left;}
.qr-img img{vertical-align: top}
.l_blue{color: #66CCFF;font-size:24px;}
.l_red{color: #FF6BB4;font-size:24px;}
.l_gray{color: #666666;font-size:24px;}
.phone_chat_qq {position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 70px;height: 280px;border-radius: 10px 0 0 10px;box-sizing: border-box;z-index: 999}
.phone_chat_qq > li {display: block;width: 70px;height: 70px;line-height: 70px;text-align: center;position: relative;}
.phone_chat_qq > li img {width: 45px;display: inline-block;vertical-align: middle;}
.phone_chat_qq > li > a {display: block;width: 100%;height: 100%;line-height: 70px;text-align: center;}
.phone_chat_qq > li > a img {width: 45px;display: inline-block;vertical-align: middle;}
.phone_chat_qq > li:first-child a {border-radius: 10px 0 0 0;overflow: hidden;}
.phone_chat_qq > li:first-child .phone_num {display: none;}
.phone_chat_qq > li:first-child:hover .phone {display: none;}
.phone_chat_qq > li:first-child:hover .phone_num {background: #d83f05;border-radius: 35px 0 0 35px;overflow: hidden;width: 200px;padding-left: 15px;display: flex;display: -webkit-flex;flex-direction: row;justify-content: space-around;-webkit-justify-content: space-around;align-items: center;-webkit-align-items: center;color: #fff;font-size: 20px;position: absolute;top: 0;right: 0;}
.phone_chat_qq > li:first-child:hover .phone_num img {width: 30px;display: inline-block;vertical-align: middle;}
.phone_chat_qq > li:nth-child(2) .wechat_ewm {display: none;}
.phone_chat_qq > li:nth-child(2):hover .wechat_ewm {display: block;position: absolute;top: -70px;left: -180px;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 180px;height: 210px;color: #fff;font-size: 25px;line-height: 25px;box-sizing: border-box;padding: 15px;background: #598fdc;border-radius: 10px 10px 10px 10px;overflow: hidden;}
.phone_chat_qq > li:nth-child(2):hover .wechat_ewm .ewm {width: 150px;margin-bottom: 15px;}
.phone_chat_qq > li:last-child a {border-radius: 0 0 0 10px;overflow: hidden;}
.phone_chat_qq .phone {background: #d83f05;}
.phone_chat_qq .phone img {width: 30px;}
.phone_chat_qq .wechat {background: #3caf35;}
.phone_chat_qq .qq {background: #24aadd;}
.phone_chat_qq > li:last-child a {overflow: hidden;}
.phone_chat_qq > li:last-child .qq_num {display: none;}
.phone_chat_qq > li:last-child:hover .qq {display: none;}
.phone_chat_qq > li:last-child:hover .qq_num {background: #24aadd;border-radius: 35px 0 0 35px;overflow: hidden;width: 200px;padding-left: 15px;display: flex;flex-direction: row;justify-content: space-around;align-items: center;color: #fff;font-size: 20px;position: absolute;top: 0;right: 0;}
.phone_chat_qq > li:last-child:hover .qq_num a {color: #fff;}
.phone_chat_qq > li:last-child:hover .qq_num img {width: 30px;display: inline-block;vertical-align: middle;}

@media screen and (min-width: 1281px) and (max-width: 1920px){


}

@media screen and (max-width: 1280px){/**普通**/
    /*index start */
    .services-section {background-size: cover;padding-bottom: 40px}
    .inner-width {width: 100%;max-width: 1000px;margin:0 auto;box-sizing: border-box;overflow: hidden;padding-top: 60px;}
    .section-title {text-align: center;color: rgba(51,51,51,1);font-family:MicrosoftYaHei;font-weight:bold;font-size: 26px;}
    .section-border {width: 140px;height: 5px;background: rgba(30,114,195,1);margin: 16px auto 60px auto;}
    .section-border {margin-bottom:40px;}

    .services-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .service-box {text-align: center;cursor: pointer;transition: transform 1s ease-in-out; -webkit-transition: transform 1s ease-in-out;-moz-transition: transform 1s ease-in-out;-ms-transition: transform 1s ease-in-out;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
    .service-title{display: inline-block;width:290px;height:290px;border:2px solid rgba(30,114,195,1);border-radius:50%;}
    .service-content{margin: 10px 10px;width:268px;height:268px;color: #ffffff;border-radius:50%;font-size: 30px;text-align: center;line-height: 268px;backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;z-index: 10;position: absolute;}
    .service-content-back{margin: 10px 10px;width:268px;height:268px;border-radius:50%;color: #cccccc;position: absolute;transform: rotateY(180deg);-moz-transform: rotateY(180deg);backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;z-index: 2;}
    .service-content-bg{width:268px;height:268px;border-radius:50%;background:rgba(0,0,0,0.5);filter:Alpha(opacity=50);overflow:hidden}
    .service-content-bg span{position: relative;}
    .service-box:hover{transform: rotateY(180deg);}
    .service-content-back span{font-size:20px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(255,255,255,1);text-align: center;margin-top: 50px;display: block}
    .service-content-back p{font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);text-align: center;margin-top: 20px;width: 250px;margin: auto;padding-left: 10px;padding-right: 10px;}
    .service-btm{width:290px;height: 44px;border: 0;margin-top: 20px;margin-bottom: 51px;background: url("../images/service.png") no-repeat;background-size: cover;}

    .reason-section {background-size: cover;background:rgba(248,248,248,1);padding-bottom:60px}
    .reason-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .reason-box{width:236px;background:rgba(255,255,255,1);border-radius:10px;}
    .reason-icon{width:44px;height:44px;background:rgba(126,206,244,1);border-radius:50%;margin: auto -999px;z-index: 111;}
    .reason-icon1{margin: 13px;width:18px;height:18px;background:rgba(255,255,255,1);border-radius:50%;}
    .reason-box2{color: #333333;padding: 32px 30px;}
    .reason-title{font-size:16px;font-weight: bold;}
    .reason-content{margin-top: 10px;font-size:14px;}

    .get-section {background-size: cover;padding-bottom:60px}
    .get-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .get-box{width:250px;height:250px;background:rgba(255,255,255,1);border-radius:10px;}
    .get-img{width: 166px;height: 166px;margin: auto}
    .get-title{margin-top: 46px;color: #333333;font-size: 20px;text-align: center}

    .jf-section{background: url("../images/jf.png") no-repeat center top;background-size:100% 100%;height: 333px;overflow:hidden;}
    .jf-section-back{background:rgba(0,0,0,0.8);width: auto;height: 333px;filter: alpha(opacity=80);}
    .jf-container{display: flex;flex-direction: column;justify-content:space-between;align-items:center;color: #ffffff}
    .jf-container>.jf-box{text-align: center}
    .jf-container>.jf-box:first-child{font-size: 40px;font-family:MicrosoftYaHei;font-weight:bold;margin-top: 80px}
    .jf-container>.jf-box:nth-child(2){font-size: 60px;font-family:MicrosoftYaHei;font-weight:600;}
    .jf-container>.jf-box a{display: inline-block;margin-top: 32px;width:168px;height:40px;border:1px solid rgba(255,255,255,1);line-height: 40px;color: #ffffff;font-size: 18px;font-weight:400;}


    .cate-container{display: flex;flex-wrap: wrap;justify-content:space-between;padding-bottom: 40px}
    .cate-container .cate-box{display: flex;justify-content:space-between;}
    .cate-box{margin-bottom: 46px}
    .cate-title{width: 146px;height: 106px;margin-left: 25px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);text-align: center;line-height: 106px;font-size: 56px;font-family:SourceHanSansCN-Bold;font-weight:bold;font-style:italic;color: #ffffff;}
    .cate-content{margin-left:40px;width: 277px;height: auto;color: #333333;}
    .cate-content p{text-align: left;font-size: 16px;line-height: 35px}
    .cate-content .cate-pt{font-size: 18px;font-weight:bold;}

    /*index end*/


    /*jfq start*/
    .banner-section{width: 100%;height: 800px}
    .banner-container{display: flex;justify-content: space-between}
    .banner-left{display: flex;flex-direction: column;margin-top: 42px}
    .banner-right{text-align: center}
    .banner-right img{width: 486px;height: 653px}
    .banner-text{font-size:80px;font-weight:600;color:rgba(255,255,255,1);text-align: left}
    .banner-content-top{text-align: left}
    .border {width: 316px;height: 4px;background: #ffffff;margin: 22px 0 46px 0;border-radius: 4px}
    .banner-content-mid{text-align: left;font-size:24px;font-weight:600;margin-bottom: 42px}
    .banner-content-btm{display: flex}
    .btm-img{margin-right: 32px}
    .btm-img img{vertical-align: top}
    .banner-box{color: #ffffff}
    .btm-text{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;font-size:20px;font-weight:600;}
    .btm-text span{padding:0 3px}
    .jfq-section{padding-bottom: 80px}
    .section-title{color: #666666;}
    .jfq-container{display: flex;justify-content: center}
    .jfq-box{display: flex;flex-direction: column;align-items: center}
    .jfq-title{width:304px;height:48px;color: #ffffff;font-size: 26px;background: #00C0FF;border-radius:8px 8px 0px 0px;}
    .jfq-title span{font-size: 36px;}
    .jfq-content{width:466px;height:462px;background:rgba(255,255,255,1);border:4px solid rgba(0,192,255,1);border-radius:24px;}
    .jfq-content .jfq-content-title span{font-size: 22px;color: #666666}
    .jfq-content-title{display: flex;justify-content: space-around;padding: 8px 0;}
    .jfq-content-list li{display: flex;justify-content: space-around;margin-bottom: 4px;height: 30px}
    .get-money-section{background: #F6F6F6;padding-bottom: 80px}
    .get-money-container{display: flex;justify-content: space-between;flex-wrap:wrap;}
    .money-box{display: flex;width: 482px;background: #ffffff;border-radius:24px;}
    .money-img img{padding:14px 20px;vertical-align: top}
    .money-box1{margin-bottom: 32px;}
    .money-box2{display: flex;flex-direction: row-reverse;margin-bottom: 32px;}
    .money-box4{display: flex;flex-direction: row-reverse}
    .money_title{font-size: 24px;color: #666666;margin-bottom: 16px}
    .money_desc{font-size: 20px;color: #666666;text-align: left;}
    .money-text{display: flex;flex-direction: column;justify-content: center;align-items: flex-start}
    .money-box2 .money-text{align-items: flex-end}
    .money-box4 .money-text{align-items: flex-end}
    .money-box2 .money_desc{text-align: right;}
    .money-box4 .money_desc{text-align: right;}
    .qr-section{padding-bottom: 80px}
    .qr-container{display: flex;justify-content: space-around;}
    .qr-title{font-size: 24px;color: #666666;margin-bottom: 24px;text-align: left;}
    .qr-text{font-size: 20px;color: #666666;text-align: left;margin-bottom: 30px}
    .qr-ip{width:316px;height:46px;border:1px solid rgba(0,204,255,1);border-radius:8px;color: #00CCFF;line-height: 46px;font-size:20px;margin-bottom: 32px}
    .qr-btn{width:172px;height:48px;background:rgba(0,204,255,1);border-radius:24px;color: #ffffff;font-size:20px;line-height: 48px;}
    .qr-img{text-align: left;}
    .qr-img img{vertical-align: top}
    .l_blue{color: #66CCFF;font-size:20px;}
    .l_red{color: #FF6BB4;font-size:20px;}
    .l_gray{color: #666666;font-size:20px;}

    /*jfq end*/

    .platform-section {background-size: cover;padding-bottom: 60px}
    .platform-container {display: flex;justify-content: space-between;}
    .platform-box{color: #333333}
    .platform-left{display: flex;flex-direction: column;justify-content: space-between}
    .platform-mid{display: flex;align-items: center;}
    .platform-mid img{text-align: center;width: 242px;height: auto;vertical-align:top}
    .platform-img img{width: 100px;height: auto;vertical-align:top}
    .img-platform img{width: 100px;height: auto;vertical-align:top}
    .platform-box-content{display: flex;color: #333333;text-align: left}
    .platform-box-content h3{font-size: 20px}
    .platform-box-content p{font-size: 16px;width: 166px}
    .platform-content-explain{margin-left: 20px}
    .content-platform-box{display: flex;color: #333333;text-align: right}
    .content-platform-box:last-child{margin-top: 115px}
    .content-explain-platform{margin-right: 20px}
    .platform-box h3{font-size: 18px;font-weight:bold;}
    .platform-box p{font-size: 14px;width: 198px}


    .event-section{width: 100%;height:auto;background: url("../images/event_pic.png") no-repeat;background-size: 100% 100%;}
    .event-container{display: flex;flex-direction: column;align-items: center}
    .event-box img{width: 1000px;height: auto;vertical-align: top}
    .event1{margin-bottom: 24px;font-size:18px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);}
    .event2{margin-bottom: 24px;}
    .event3{margin-bottom: 8px;font-size:16px;font-family:MicrosoftYaHei;color:#333333;text-align: left;width: -moz-available;width:-webkit-fill-available;}
    .event4{font-size:16px;font-family:MicrosoftYaHei;color:#333333;text-align: left;margin-left: -14px;padding-bottom: 15px;}
    .event3 span,.event4 span{font-weight:bold;color:rgba(68,143,213,1);}

    .false-section{background-size: cover;padding-bottom: 46px}
    .false-container {display: flex;flex-direction: column;align-items: center}
    .false-box{margin-bottom: 24px;font-size: 16px}
    .false-content{width: 333px;height: 250px;vertical-align:top}
    .false-content img{width: 333px;height: 250px;vertical-align:top}
    .false-main{display: flex;justify-content: space-between;flex-wrap: wrap}
    .false-content h3{text-align:center;padding-top:40px;font-size:20px;font-family:MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);}
    .false-content p{text-align:center;padding:18px;line-height: 20px;font-size:13px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);overflow: hidden}

    .receive-section{width: 100%;height:300px;background: url("../images/receive.png") no-repeat;background-size: 100% 100%;}
    /*.receive-bg{background: url("../images/receive.png") no-repeat;background-size: contain;}*/
    .inner-width2 {width: 100%;max-width: 1000px;margin: auto;padding-top: 46px;}
    .receive-esc{font-size:18px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);text-align: center}

    .example-section{background-size: cover;padding-bottom: 60px;padding-top: 60px}
    .example-container{display: flex;justify-content: space-between;flex-wrap: wrap}
    .example-box{width: 446px;color: #333333}
    .example-box p{text-align: left;font-family:MicrosoftYaHei;font-size:16px;font-weight:400;color:rgba(51,51,51,1);}
    .inner-width-example{padding-top: 0}
    .search-img img{width: 80px;height: 80px}
    .search-text{width: 201px}
    .search-text h3{font-size: 18px;margin-bottom: 2px;}
    .search-text p{font-size: 14px}
    .engine-mid img{width: 366px}
    .engine-box h3{font-size: 16px;margin-bottom: 4px;}
    .engine-box p{font-size: 14px}
    .search-section{padding-bottom: 0px}
    .engine-section{padding-bottom: 0px}


    .worker-section {background-size: cover;padding-bottom: 60px}
    .worker-container {display: flex;justify-content: space-between;flex-wrap: wrap}
    .worker-box .worker-img{width: 316px;height: 275px;position: relative;}
    .worker-box .worker-img::before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;}
    .worker-img-text{text-align: center;line-height: 275px;}
    .worker-img-text span{color: #ffffff;border:2px solid rgba(255,255,255,1);padding: 8px 15px;font-size:24px;font-weight:bold;}
    .worker-img-text i{color: #FFA200;}
    .worker-left{display: flex;flex-direction: column;align-items: stretch}
    .worker-mid{display: flex;flex-direction: column-reverse;align-items: stretch}
    .worker-right{display: flex;flex-direction: column;align-items: stretch}
    .worker-text{text-align: center;margin-bottom: 32px}
    .worker-text h3{color: #333333;font-size: 20px;font-weight:bold;padding: 20px 0}
    .worker-text h3 span{color: #FFA200;}
    .worker-text p{font-size: 16px;}
    .android-section{background: rgba(248,248,248,1);background-size: cover;padding-bottom: 7px}
    .android-container{display: flex;display: -webkit-flex;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap}
    .android-container .android-img{width: 92px;height: 92px;margin-bottom: 14px}/**border: 1px dashed #626262;*/
    .android-container .android-img img{width: 92px;height: 92px;vertical-align: top;}
    .android-box{margin-right: 50px;margin-bottom: 25px}
    .android-box p{font-size: 14px;color: #333333;text-align: center}
    .reshow-section{background-size: cover;padding-bottom: 60px}
    .resshow-container{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap}
    .reshow-img img{width: 233px;height: auto;vertical-align: top;}
    .about-box .about-circle p{font-size: 20px;}
    .about-section{padding-bottom: 60px}
    .about-text{margin-bottom: 50px}
    .about-text span{font-size: 14px;line-height:25px}
    .jf-about-container>.jf-about-box:first-child{font-size: 25px}
    .jf-about-container>.jf-about-box:nth-child(2){font-size: 46px}
    .develop-box p{font-size: 14px}
    .develop-box:first-child{position: absolute;top: -72px;left: -15px;}
    .develop-box:nth-child(2){position: absolute;top: -10px;left: 320px;}
    .develop-box:last-child{position: absolute;top: -66px;left: 640px;}
    .develop-container{height: 231px}
    .footer_wrap{width: 1000px}
    .footer_box h3{font-size: 18px;margin-bottom:30px}
    .footer_right h3{font-size: 18px;margin-bottom:30px}
    .footer_left input{width: 210px;height: 40px;text-indent:40px;font-size: 14px}
    .res_n{text-indent: 40px;font-size:14px}
    .footer_btn{font-size: 14px;padding: 8px 30px;}
    .footer_right .ft_text{margin-bottom: 25px;font-size: 14px;}
    .section-title{font-size: 20px;font-weight:600}
    .develop-border{margin-bottom: 80px}
    .icp{font-size: 14px}
}

/*@media screen and (min-width: 768px) and (max-width: 1024px){!**平板*!*/

/*    .header_wrap{max-width: 1000px}*/
/*    .footer_wrap{max-width: 1000px;}*/

/*}*/

/*@media screen and (max-width: 768px){!**手机*!*/

/*}*/