@charset "utf-8";
body{margin: 0 0;padding: 0 0;font-family: '微软雅黑';overflow:hidden;}
body, .onepage-wrapper, html {display: block;position: static;padding: 0;width: 100%;height: 100%;}

/* 首页 */
.main{position: relative;width: 100%;height: 100%;user-select: none;}
.gov{position: absolute;bottom:14%;left: 50%;transform: translate(-50%,0);z-index: 99;color:#fff}
.main_bottom{width: 50px;height: 50px;border-radius: 50%;background: rgba(255,255,255,.2);position: absolute;left: 50%;bottom: 5%;transform: translate(-50%,0);z-index: 99;cursor: pointer;}
.main_bottom:after{content: '';position: absolute;left: 20px;top: 18px;border: 3px solid #fff;border-width: 0 0 3px 3px;border-radius: 1px;width: 8px;height: 8px;transform: rotate(-45deg);}
.main_bottom:hover{background: rgba(0,223,155,.5)}

.page{height: 100%;width: 100%; user-select: none;z-index: 2;background-size: 100% !important;}
/*.page:after{content: '';background: transparent;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1}*/
/*.page1{background: url(../img/bg1.jpg);}*/
.page2{background: url(../img/bg2.jpg) 50% bottom;}
.page3{background: url(../img/bg3.jpg);}
.page4{background: url(../img/bg4.jpg) 50% 90%;}
.page5{background: url(../img/bg5.jpg) 50% 10%;}
.page6{background: url(../img/bg6.jpg) 50% 45%;}
.page7{background: url(../img/bg7.jpg) 50% bottom;}
.page{text-align: center;line-height: 800px;font-size: 60px;color:#00dfb9;}
.page id{display: none;}

/* 加载 */
.loading{position: absolute;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background: #fff;;}
.loading h1{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color:#00dfb9;}

/* 头部 */
.header{position: absolute;top: 0;left: 0;width: 100%;height: 70px;background: rgba(50,50,50,.5);color:#000;z-index: 999;user-select: none;}
.header_div{width: 1200px;height: 70px;margin: 0 auto;position: relative;}
.logo{background: url(../img/logo.png);width: 50px;height: 50px;background-size: 100%;background-repeat: no-repeat;float: left;margin:10px 0 0 60px;border-radius: 50%;z-index: 1;/* position: absolute;left: 0;top: 0 */position: relative;}
.logo_text{font-size: 20px;color:#ccc;line-height: 70px;text-indent: .5em;float: left;position: relative;z-index: 1;}
.header_tel{position: absolute;top:0;right: 60px;font-size: 26px;height: 70px;line-height: 70px;color:#00dfb9;font-family: '黑体'}
.header_tel img{width: 50px;height: 50px;margin-top: 10px;float: left;}
.li{margin: 0 auto;width: 410px;height: 70px;}
.li li{float: left;list-style-type: none;margin: 0 20px;line-height: 70px;text-align: center;font-size: 20px;color:#ccc;width: 40px;}
.li li:hover{color:#00dfb9;cursor: pointer;border-top: 3px solid #00dfb9;line-height: 64px;}
.li .activ{line-height: 64px;box-sizing: border-box;border-top: 3px solid #00dfb9;color:#00dfb9;}
.li id{display: none;}

/* 右侧浮动 */
.fixed{position: fixed;right:0;top:50%;transform: translate(0,-50%);width: 50px;height: 250px;border-radius: 10px 0 0 10px;background: rgba(50,50,50,1);z-index: 10;}
.fixed li{width: 50px;height: 50px;list-style-type: none;display: block;}
.fixed li:hover{opacity: .5;cursor: pointer;}
.fixed_top{border-radius: 10px 0 0 0;background: url(../img/top.png);}
.fixed_qq{background: url(../img/qq.png);}
.fixed_tel{background: url(../img/tel.png);}
.fixed_wx{background: url(../img/wx.png);}
.fixed_bottom{border-radius: 0 0 0 10px;background: url(../img/bottom.png);}
.fixed_hide{background: url(../img/hide0.png);border-radius: 50%;margin: 12.5px auto;background-size: 100%}
.fixed_hide1{background: url(../img/hide1.png);border-radius: 50%;margin: 12.5px auto;background-size: 100%}
.fixed_x{position: fixed;right:-50px;top:50%;transform: translate(0,-50%);background: rgba(50,50,50,1);width: 200px;height: 150px;border-radius: 10px 0 0 10px;z-index: 9;display: none;color:#ccc;font-size: 16px;text-indent: 1em;line-height: 150px;}
.fixed_tel_x{line-height: 20px;padding-top: 30px;box-sizing: border-box;}
.fixed_qq_x .img{width: 120px;height: 120px;margin: 15px;background: url(../img/img_qq.png);background-size: 100%;background-repeat: no-repeat;}
.fixed_wx_x .img{width: 120px;height: 120px;margin: 15px;background: url(../img/img_wx.jpg);background-size: 100%;background-repeat: no-repeat;}

/* 左右滑动1 */
.bg_one{position: absolute;top: 25%;left: 42%;transform: translate(-50%,-50%);line-height: 0;}
.bg_one1{position: relative;top: 0;left: -50%;font-size: 150px;text-align: right;font-family: '宋体';color:#fff;transform: translate(0%,-50%);}
.bg_one2{position: relative;top: 0;left: 50%;text-align: left;transform: translate(0%,-50%);}
.bg_one2 div:nth-child(1){position: relative;left: 0;top: 10px;color: #fff;font-size: 36px;}
.bg_one2 div:nth-child(2){position: relative;left: 0;top: 80px;color: #00dfb9;font-size: 70px;}
.bg_one2 div:nth-child(2):after{content: '';position: absolute;left: 0;bottom: -35px;background:#00dfb9;width: calc(100% - 50px);height: 1px;}
.bg_one2 div:nth-child(3){position: relative;left: 0;top: 140px;color: #ccc;font-size: 16px}
.bg_one2 div:nth-child(4){position: relative;left: 0;top: 170px;color: #ccc;font-size: 16px}
@keyframes bg_onea {0% { left:-100% }100% { left:-50% }}
.bg_onea{animation: bg_onea 1s 1}
@keyframes bg_oneb {0% { left:100% }100% { left:50% }}
.bg_oneb{animation: bg_oneb 1s 1}

/* 左右滑动2 */
.bg1_two{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(11,21,26,.75)}
.bg1_two_text{position: absolute;width: 400px;height: 200px;top: 45%;transform: translate(0,-50%);/* background: #666 */}
.bg1_two_text1,.bg1_two_text2,.bg1_two_text3{text-align: right;position: absolute;right:0;line-height: 0;}
.bg1_two_text1{font-size: 36px;color:#fff;top: 0;width: 150px;}
.bg1_two_text2{font-size: 70px;color:#00dfb9;top: 65px}
.bg1_two_text2:after{content: '';width: calc(100%);height: 1px;background: #00dfb9;position: absolute;bottom: -35px;left: 0px;display: block;}
.bg1_two_text3{font-size: 20px;color:#ccc;}
.bg1_two_text3 div:nth-child(1){top:140px;position: relative;}
.bg1_two_text3 div:nth-child(2){top:180px;position: relative;}
/* @keyframes bg_twoa{0%{width: 100%}100%{width: 50%}}
.bg_twoa{animation: bg_twoa 1s 1}
@keyframes bg_twob{0%{left: 0%}100%{left: 50%}}
.bg_twob{animation: bg_twob 1s 1} */

/* 左右滑动3 */
.bg1_three{width: 450px;height: 230px;position: absolute;left: 50%;top: 32%;transform: translate(-50%,-50%);text-align: center;line-height: 0;}
.bg1_three_text1{font-size: 80px;color:#fff;height: 70px;top: 0;}
.bg1_three_text{position: relative;top: 50%}
.bg1_three_text2{font-size: 70px;color:#00dfb9;}
.bg1_three_text2:after{content: '';height: 1px;width: calc(100% - 50px);background: #00dfb9;position: relative;bottom:-35px;left: 27px;display: block;}
.bg1_three_text3{font-size: 20px;color:#ccc;line-height: 30px;height: 20px;}
.bg1_three_text3 div:nth-child(1){top: 40px;position: relative;}
.bg1_three_text3 div:nth-child(2){top: 40px;position: relative;}

/* 左右滑动4 */
.bg1_four{width: 280px;height: 200px;position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);line-height: 0;text-align: center;}
.bg1_four1{position: absolute;top: 0;width: 100%;}
.bg1_four1 div:nth-child(1){position: relative;color:#fff;font-size: 36px;}
.bg1_four1 div:nth-child(2){position: relative;top: 70px;color:#00dfb9;font-size: 70px;}
.bg1_four1 div:nth-child(2):after{content: '';position: absolute;left: 0;bottom: -35px;background:#00dfb9;width: 100%;height: 1px;}
.bg1_four2{position: absolute;top:130px;font-size: 16px;}
.bg1_four2 div:nth-child(1){position: relative;color:#00dfb9;}
.bg1_four2 div:nth-child(2){position: relative;top: 30px;color:#ccc;}
@keyframes bg_foura{0%{top:-100px;}100%{top:0}}
.bg_foura{animation: bg_foura 1.5s 1;top: 0}
@keyframes bg_fourb{0%{top:200px;}100%{top:130px}}
.bg_fourb{animation: bg_fourb 1.5s 1;top: 130px}

/* 开发 */
.kf_box{width: 100%;height: 350px;left: 0;top: 50%;transform: translate(0%,-50%);position: absolute;}
.kf_div{width: 800px;height: 350px;margin: 0 auto;position: relative;}
.kf_div1{width: 800px;height: 250px;position: relative;left: 0;top: 0;border-bottom: 1px solid #ccc;}
.kf_div2{width: 800px;height: 100px;position: relative;left: 0;bottom: -50px; user-select: none;}
.kf_wx{width: 160px;height: 160px;float: left;background: url(../img/img_wx.jpg)no-repeat;background-size: 100%;margin-top: 30px;}
.kf_wx:after{content: '个人微信号';width: 160px;height: 50px;color: #666;font-size: 16px;position: absolute;top: 190px;left: 0;text-align: center;line-height: 50px;}
.kf_qq{width: 160px;height: 160px;float: left;background: url(../img/img_qq.png)no-repeat;background-size: 100%;margin: 30px 0 0 30px;}
.kf_qq:after{content: '个人QQ号';width: 160px;height: 50px;color: #666;font-size: 16px;position: absolute;top: 190px;left: 190px;text-align: center;line-height: 50px;}
.kf_text{width: 450px;height: 160px;float: right;}
.kf_text1{width: 800px;height: 20px;line-height: 20px;text-align: center;color:red;font-size: 16px;position: absolute;top: 0}
/*.kf_text2{float: left;margin:40px 0 0 40px;color: #666;line-height: 40px;font-size: 16px;}*/
.kf_text3{margin: 70px auto 0;color: #666;line-height: 20px;font-size: 16px;text-align: left;text-indent: 7em;}
.kf_text4{width: 800px;height: 50px;text-align: center;font-size: 24px;color:#2ed0b5;line-height: 50px;}
.kf_text4 span{width: 50px;height: 50px;display: inline-block;background: #2ed0b5;color:#fff;border-radius: 50%}
.kf_text5 {width: 800px;height: 50px;line-height: 50px;text-align: center;color:#2ed0b5;font-size: 24px;font-weight: normal;}
@keyframes f_kf1{0%{opacity: 0;top: -400px;}100%{opacity: 1;top: 0;}}
.f_kf1{animation:f_kf1 .5s ease-in-out 1;}
@keyframes f_kf2{0%{opacity: 0;bottom: -400px;}100%{opacity: 1;bottom: -50px;}}
.f_kf2{animation:f_kf2 .5s ease-in-out 1;}

/* 技术 */
.js_div{width: 100%;height: 450px;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.js_text{width: 800px;height: 450px;margin: 0 auto;position: relative;}
.js_text1{width: 100%;height: 60px;text-align: center;font-size: 40px;font-weight: normal;color:#2ed0b5;line-height: 60px;}
.js_text2{width: 100%;height: 40px;text-align: center;font-size: 24px;color:#fff;line-height: 40px;}
.js_bottom{width: 100%;height: 240px;position: absolute;bottom: 0;left: 0;overflow: hidden;}
.js_b{width: 240px;height: 240px;position: absolute;}
.js_b1{left: 0;bottom: 0;animation: js_b1 .5s 1;}
.js_b2{left: 50%;bottom: 0;transform: translate(-50%,0);animation: js_b2 .5s 1;}
.js_b3{right: 0;bottom: 0;animation: js_b3 .5s 1;}
.js_b1 .js_b_top{width: 168px;height: 50px;margin: 0 auto;}
.js_b2 .js_b_top{width: 240px;height: 50px;margin: 0 auto;}
.js_b3 .js_b_top{width: 169px;height: 50px;margin: 0 auto;}
.js_b_top div{float: left;margin: 0 15px}
.js_img_mobi{background: url(../img/icons.png)no-repeat 0 -264px;width: 14px;height: 27px;}
.js_img_pad{background: url(../img/icons.png)no-repeat -71px -264px;width: 29px;height: 23px}
.js_img_pc{background: url(../img/icons.png)no-repeat 0 -303px;width: 35px;height: 27px;}
.js_img_ie{background: url(../img/icons.png)no-repeat 0 -392px;width: 28px;height: 28px;}
.js_img_chrome{background: url(../img/icons.png)no-repeat -71px -392px;width: 30px;height: 30px;}
.js_img_firefox{background: url(../img/icons.png)no-repeat 0 -432px;width: 32px;height: 30px;}
.js_img_safari{background: url(../img/icons.png)no-repeat -71px -432px;width: 30px;height: 32px;}
.js_img_windows{background: url(../img/icons.png)no-repeat -73px -304px;width: 27px;height: 27px;}
.js_img_ios{background: url(../img/icons.png)no-repeat 0 -344px;width: 24px;height: 30px;}
.js_img_andriod{background: url(../img/icons.png)no-repeat -72px -345px;width: 28px;height: 29px;}
.js_b_text p{color: #e1e1e1;text-align: center;line-height: 36px;font-size: 16px}
@keyframes js_b1{0%{left: -250px;}100%{left: 0}}
@keyframes js_b2{0%{bottom:-250px;}100%{bottom:0;}}
@keyframes js_b3{0%{right:-250px;}100%{right:0;}}

/* 营销 */
.ll_box{width: 100%;height: 400px;position: absolute;left: 0;top: 50%;transform: translate(0,-70%);}
.ll_text1{width: 100%;height: 60px;line-height: 60px;color:#2fd0b5;font-size: 36px;text-align: center;font-weight: normal;}
.ll_text2{width: 100%;height: 50px;line-height: 50px;color:#000;font-size: 24px;text-align: center;}
.ll_div{width: 100%;height: 240px;position: absolute;bottom: 0;left: 0;}
.ll_div1{width: 1080px;height: 240px;margin: 0 auto;position: relative;}
.ll_list{width: 140px;height: 240px;float: left;margin: 0 20px;position: relative;overflow: hidden;}
.ll_list_img{position: relative;margin: 28px auto;height: 70px;overflow: hidden;}
.ll_list:nth-child(1) .ll_list_img{width: 54px;background: url(../img/words11.png) no-repeat -144px -632px;}
.ll_list:nth-child(2) .ll_list_img{width: 74px;background: url(../img/words11.png) no-repeat -207px -630px;}
.ll_list:nth-child(3) .ll_list_img{width: 68px;background: url(../img/words11.png) no-repeat -288px -630px;}
.ll_list:nth-child(4) .ll_list_img{width: 61px;background: url(../img/words11.png) no-repeat -366px -628px;}
.ll_list:nth-child(5) .ll_list_img{width: 56px;background: url(../img/words11.png) no-repeat -438px -639px;}
.ll_list:nth-child(6) .ll_list_img{width: 51px;background: url(../img/words11.png) no-repeat -144px -705px;}
.ll_list_img:after{content: '';width: 80px;height: 40px;position: absolute;top: -40px;left: 0;background: #fff}
.ll_list_img:before{content: '';width: 80px;height: 40px;position: absolute;bottom: -40px;left: 0;background: #fff}
.ll_list:hover .ll_list_img{animation: ll_img 1s 1}
/*.ll_list:hover .ll_list_img:before{animation: ll_img2 .8s 1}*/
.ll_list_text{width: 140px;height: 100px;position: absolute;left: 0;bottom: 0;}
.ll_list_text strong{height: 30px;line-height: 30px;display: block;text-align: center;font-size: 16px;color:#000}
.ll_list_text p{height: 60px;line-height: 24px;text-align: center;font-size: 14px;color:#000;}
.ll_list_text1{animation: ll_list_text1 .5s 1}
/* @keyframes ll_img1{0%{top:-40px;}50%{top:0px;}100%{top:-40px;}}
@keyframes ll_img2{0%{bottom:-40px;}50%{bottom:0px;}100%{bottom:-40px;}} */
@keyframes ll_img{0%{opacity: 0}100%{opacity: 1}}
@keyframes ll_list_text1{0%{bottom: -100px;}100%{bottom: 0}}

/* 业务 */
.yw_box{width: 100%;height: 450px;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);user-select: none;}
.yw_text1{width: 100%;height: 60px;line-height: 60px;font-size: 36px;color:#2fd0b5;text-align: center;font-weight: normal;}
.yw_text2{width: 100%;height: 50px;line-height: 50px;font-size: 24px;color:#000;text-align: center;}
.yw_text3{width: 100%;height: 30px;line-height: 30px;font-size: 20px;color:#999;text-align: center;font-weight: normal;position: absolute;bottom: 0}
.yw_div{width: 100%;height: 280px;position: absolute;bottom: 40px;left: 0}
.yw_div1{width: 1050px;height: 280px;margin: 0 auto;position: relative;}
.yw_list{width: 200px;height: 280px;margin: 0 5px;float: left;position: relative;overflow: hidden;}
.yw_list1{width: 200px;height: 280px;position: absolute;left: 0;top: 0;z-index: 2}
.yw_list2{width: 200px;height: 280px;background: #2fd0b5;position: absolute;left: 0;top: 280px;z-index: 1}
.yw_list_img{position: relative;margin: 30px auto;height: 70px;overflow: hidden;}
.yw_list_img1{height: 70px;position: absolute;left: 0;top: 0;}
.yw_list_img1:after{content: '';height: 70px;position: absolute;top: 0;left: -80px;}
.yw_list:nth-child(1) .yw_list_img{width: 69px;}
.yw_list:nth-child(1) .yw_list_img1{width: 69px;background: url(../img/words11.png) no-repeat -245px -357px;}
.yw_list:nth-child(1) .yw_list_img1:after{content: '';background: url(../img/words11.png) no-repeat -168px -357px;width: 69px;}
.yw_list:nth-child(2) .yw_list_img{width: 64px;}
.yw_list:nth-child(2) .yw_list_img1{width: 64px;background: url(../img/words11.png) no-repeat -416px -291px;}
.yw_list:nth-child(2) .yw_list_img1:after{content: '';background: url(../img/words11.png) no-repeat -337px -291px;width: 64px;}
.yw_list:nth-child(3) .yw_list_img{width: 76px;}
.yw_list:nth-child(3) .yw_list_img1{width: 76px;background: url(../img/words11.png) no-repeat -415px -362px;}
.yw_list:nth-child(3) .yw_list_img1:after{content: '';background: url(../img/words11.png) no-repeat -327px -362px;width: 76px;}
.yw_list:nth-child(4) .yw_list_img{width: 74px;}
.yw_list:nth-child(4) .yw_list_img1{width: 74px;background: url(../img/words11.png) no-repeat -244px -439px;}
.yw_list:nth-child(4) .yw_list_img1:after{content: '';background: url(../img/words11.png) no-repeat -164px -439px;width: 74px;}
.yw_list:nth-child(5) .yw_list_img{width: 79px;}
.yw_list:nth-child(5) .yw_list_img1{width: 79px;background: url(../img/words11.png) no-repeat -420px -439px;}
.yw_list:nth-child(5) .yw_list_img1:after{content: '';background: url(../img/words11.png) no-repeat -335px -439px;width: 79px;}
.yw_list_text1{width: 200px;height: 26px;line-height: 26px;font-size: 16px;color:#000;text-align: center;}
.yw_list:hover .yw_list_img1{animation:yw_img1 .8s 1;left: 80px;}
.yw_list:hover .yw_list_text1{color:#fff;}
@keyframes yw_img1{0%{left: 0}100%{left:80px;}}
@keyframes yw_img2{0%{left: -80px}100%{left:0;}}
.yw_list_text2{width: 200px;height: 100px;line-height: 20px;text-align: center;font-size: 12px;color:#fff;position: absolute;bottom: 0}
.yw_list:hover .yw_list2{animation:yw_list .8s 1;top: 0}
@keyframes yw_list{0%{top: 280px;}100%{top: 0}}

/* 淡出 */
@keyframes bg_fade{0%{opacity: 0}100%{opacity: 1}}
.bg_fade{animation: bg_fade 1.5s 1}