@charset "utf-8";
a,body,html{color:#3e3e3e}
.appList,.container,.creative,.developerList,.homeBox,.honorList,.mapNav,.navIcon,.purpose ul,.purpose ul li,.resourceList{overflow:hidden}
.contactUrl,.footer{text-transform:uppercase}
*{margin:0;padding:0}
button,input,select,textarea{font:14px "Microsoft YaHei",tahoma,Srial,helvetica,sans-serif;outline:0}
li,ol,ul{list-style:none}
a{text-decoration:none}
a:hover{color:#006b9c}
body,html{width:100%;height:100%;font-size:14px;background:#fff;overflow-x:hidden;font-family:"microsoft yahei"}
.clearfix{clear:both;overflow-x:hidden}
img{border:0;filter:alpha(opacity=100);}
::selection{background:#039bce;color:#fff}
::-moz-selection{background:#039bce;color:#fff}
.specialFont{font-family:'\5FAE\8EDF\6B63\9ED1\9AD4'}
.container{position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;width:calc(100% - 70px);left:70px;height:100%;-webkit-transition-duration:.5s;transition-duration:.5s}
.homeBox,.maskBox{width:100%;top:0;left:0;height:100%}
.homeBox,.navIcon span{transition-duration:.5s}
.container.hide{opacity:0}
.container.open{opacity:.3;transform:translateX(190px) scale(.9);-webkit-transform:translateX(190px) scale(.9)}
.maskBox{position:fixed;background:#004564;z-index:0;opacity:1}
.homeBox{position:absolute;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;background:#fff;-webkit-transition-duration:.5s}
.homeBox.hide{opacity:0}
.pt-page-current{visibility:visible;z-index:1}
.pt-triggers{position:absolute;width:300px;z-index:999999;top:12%;left:50%;margin-top:130px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pt-page-1{background:#0ac2d2}
.header{width:260px;height:100%;position:fixed;left:0;top:0;background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,.2);z-index:300}
.nav,.navIcon,.navIcon span{position:absolute}
.navIcon{width:22px;height:22px;padding:14px;right:10px;top:25px;cursor:pointer;z-index:5}
.navIcon span{display:block;width:22px;height:3px;background:#464b4e;left:-34px;top:14px;-webkit-transition-duration:.5s}
.nav li:after,.showList ul li:before{transition-duration:.5s;content:''}
.navIcon span:nth-child(2){top:24px;left:54px}
.navIcon span:nth-child(3){top:34px;left:-34px}
.header.active{left:-190px}
.header.active .logo{transform:scale(0);-webkit-transform:scale(0)}
.header.active .navIcon span{left:14px}
.header.active .footer{transform:scale(0);-webkit-transform:scale(0)}
.header.active .languge{width:70px;left:190px}
.logo{width:220px;height:auto;cursor:pointer;margin:30px auto}
.logo img,.nav,.nav li{width:100%}
.nav{height:350px;top:50%;margin-top:-205px}
.nav li{height:50px;line-height:50px;text-align:center;font-weight:700;cursor:pointer;position:relative;font-size:16px}
.nav li:hover{color:#0381ba}
.nav li:after{width:100px;height:1px;background:#0381ba;position:absolute;left:-100px;top:24.5px;-webkit-transition-duration:.5s}
.nav li:hover:after{left:-20px}
.footer,.languge{position:absolute;left:0;text-align:center}
.footer{width:80%;height:auto;padding:10px 10%;line-height:20px;bottom:0;font-size:12px;color:#a6a6a6}
.languge{width:100%;height:30px;bottom:60px}
.languge a{display:inline-block;width:28px;height:28px;border:1px solid #999;line-height:28px;text-align:center;color:#999;font-size:12px}
.aboutBanner .aImg,.appList ul li img,.inImg img,.menu a,.resourceList ul li img{display:block}
.languge a.active,.languge a:hover{border:1px solid #0381ba;color:#0381ba}
.aboutBanner{width:100%;height:auto;position:relative}
.aboutBanner .aImg{width:100%}
.menu{width:90%;height:50px;background:#0381ba;padding:0 5%;z-index:100}
.inImg{width:100%;height:auto;margin:25px 0}
.inImg img{width:100%}
.menu a{width:20%;height:50px;float:left;text-align:center;line-height:50px;color:#fff}
.menu.fix{width:calc(90% - 71px);top:0;position:fixed;z-index:100;box-shadow:0 0 5px rgba(1,75,109,.5)}
.menu.productMenu a{width:25%}
.menu.newsMenu a{width:50%}
.menu a.active,.menu a:hover,.menu.newsMenu a.active{cursor:pointer;background:#18a0de}
.appList,.resourceList{width:100%;height:auto;margin-top:50px}
.appList ul li,.resourceList ul li{width:30%;height:auto;float:left;margin-right:5%}
.appList ul li:last-child,.resourceList ul li:last-child{margin-right:0}
.appList ul li b,.resourceList ul li b{display:block;width:100%;height:40px;background:#0381ba;line-height:40px;text-indent:15px;color:#fff}
.showList{width:100%;height:500px;position:relative;background:url(../images/showBg.jpg) center center no-repeat fixed}
.showList ul{width:1100px;height:100%;margin:auto}
.showList ul li{width:20%;height:100%;float:left;cursor:pointer;position:relative}
.showList ul li .icon{width:100px;height:auto;position:absolute;left:50%;margin-left:-50px;top:32%}
.showList ul li .text{width:100%;height:auto;position:absolute;left:0;top:50%;text-align:center;color:#fff;font-size:24px}
.creative .cl .clr,.showList ul li .des{color:#fff;font-size:12px;line-height:24px}
.showList ul li .des{width:80%;height:auto;position:absolute;padding:0 10%;top:70%;opacity:0}
.showList ul li:before{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;background:rgba(0,0,0,.5);-webkit-transition-duration:.5s}
.showList ul li:hover:before{opacity:1}
.showList ul li:hover .icon{top:22%}
.showList ul li:hover .text{top:40%}
.showList ul li:hover .des{opacity:1;top:55%}
.aboutSlogan{position:absolute;width:calc(100% * .4);top:20%;left:20%}
.creative{width:100%;height:auto;background:#0381ba}
.creative .cl{width:45%;padding:50px 5%;height:auto;float:left}
.creative .cl .clr{width:100%;height:auto;margin-top:30px}
.creative .cr{width:45%;height:auto;float:left;background:url(../images/bfg1.jpg) no-repeat;background-size:cover;position:relative}
.creative .cr ul{width:100%;height:100%;position:absolute;left:0;top:0}
.creative .cr ol{width:100%;height:auto;position:absolute;bottom:10px;text-align:center;display:none}
.creative .cr ol li{width:10px;height:10px;border-radius:50%;background:#fff;display:inline-block;margin:0 3px;opacity:.5}
.creative .cr ol li.active{opacity:1}
.creative .cr ul li{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/bfg1.jpg) no-repeat;background-size:cover;opacity:0;transition-duration:.5s;-webkit-transition-duration:.5s}
.creative .cr ul li.active{opacity:1}
.titleCenter{width:100%;height:auto;text-align:center;position:relative;padding-bottom:10px}
.aboutDes,.aboutInfo{padding:10px 5%;line-height:30px;text-align:center}
.titleCenter img{width:250px}
.titleCenter:after{width:100px;height:1px;position:absolute;left:50%;bottom:0;background:#0381ba;margin-left:-50px;content:''}
.aboutClose{width:50px;height:50px;position:absolute;right:5%;top:40px;cursor:pointer}
.isPadTemp{width:100%;height:600px;display:none}
.aboutInfo{width:90%;height:auto;font-size:20px}
.aboutClose:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.aboutService{width:100%;text-align:center;height:auto}
.aboutDes{width:90%;height:auto;font-size:16px}
.aboutService .box{width:100px;height:auto;display:inline-block;margin:10px}
.aboutService .box img,.orginImg img{display:block}
.aboutIntro{width:100%;height:580px;position:relative;background:url(../images/introBg.jpg) center center no-repeat fixed}
.aboutIntroBox{width:1100px;height:auto;position:absolute;padding-bottom:25px;left:50%;margin-left:-550px;top:-100px;background:#fff;text-indent:24px}
.aboutIntroBox .abLogo{width:61px;height:61px;position:absolute;left:50%;margin-left:-30.5px;top:-30.5px;background:url(../images/logo3.png) no-repeat}
.aboutIntroBox .introBox{width:94%;padding:50px 3% 0;height:auto;line-height:28px}
.aboutIntroBox .introBox p,.introInfo p{margin-bottom:10px}
.deveList,.orginImg{margin:25px auto auto}
.orginImg{max-width:1200px;height:auto;position:relative}
.orginImg .titdiv{position:absolute;width:12%;height:18%;bottom:38%}
.orginImg .tit1{left:0}
.orginImg .tit2{left:12.5%}
.orginImg .tit3{left:25%}
.orginImg .tit4{left:37.5%}
.orginImg .tit5{left:50.5%}
.orginImg .tit6{left:63%}
.orginImg .tit7{left:75.5%}
.orginImg .tit8{left:88%}
.orginImg .tit9{bottom:0;left:31.5%}
.orginImg .tit10{bottom:0;left:44%}
.deveList{width:1100px;height:auto;position:relative;overflow:hidden}
.deveList ul{width:10000px;height:auto;position:relative;left:0;top:0}
.deveList .history{position:relative;width:1100px;height:100%;float:left}
.deveIcon{width:43px;height:43px;position:absolute;top:50%;border-radius:50%;margin-top:-21.5px;cursor:pointer;background:#dbdbdb}
.deveIcon:hover{background:#0381ba;opacity:1}
.deveIcon.prev{transform:rotate(-180deg);left:-50px;top:56%}
.deveIcon.next{right:-50px;top:56%}
.deveList ul li{width:270px;height:auto;position:relative;background:#fff;float:left;margin-right:5px;overflow:hidden}
.deveList ul li.active .top{background:#0381ba;color:#fff}
.deveList ul li:before{width:10px;height:10px;border-radius:50%;background:#0381ba;position:absolute;left:50%;margin-left:-5px;top:-35px;content:''}
.deveList ul li.even:before{top:160px}
.deveList ul .history li:nth-child(1){left:0}
.deveLine,.deveList ul li .top{width:100%;left:0;position:absolute}
.deveLine{height:1px;background:#0381ba;top:50%}
.deveList ul li.even .top:after{top:40px;border-bottom:0;border-top:10px solid #dbdbdb}
.deveList ul li .top{height:40px;background:#dbdbdb;line-height:40px;color:#666;font-size:18px;font-weight:700;text-align:center;top:0;cursor:pointer;position:relative}
.deveList ul li:hover .top{background:#0381ba;color:#fff}
.deveList ul li .top:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #dbdbdb;position:absolute;left:50%;margin-left:-10px;top:-10px;content:''}
.deveList ul li .bottom{position:relative;left:0;width:100%;height:auto;line-height:27px;padding:15px;background:#fff;text-align:center;box-sizing:border-box;height:110px}
.boxBg,.mask{background-size:cover;position:absolute}
.introInfo{margin-top:25px;width:100%;height:auto;line-height:28px}
.logo1{width:151px;height:auto;position:absolute;left:10px;top:35px;cursor:pointer}
.honorList{max-width:1100px;height:auto;margin:55px auto auto}
.honorList ul li{width:25%;height:auto;float:left;text-align:center;margin-bottom:35px}
.honorList ul li .icon{width:122px;height:auto;margin:auto}
.honorList ul li .icon img{display:inline-block}
.honorList ul li .text{padding:10px 0;width:100%;height:auto;line-height:30px;font-size:16px;text-align:center;height:80px}
.boxBg{width:110%;height:110%;left:-5%;top:-5%}
.mask{width:100%;height:100%;left:0;top:0;background-position:bottom right;background-image:url(../images/u.png)}
.homeBox:first-child{margin-top:0}
.homeBox .homeImg{width:calc(100% * .37);position:absolute;right:10%;top:20%}
.homeBox .slogan{width:calc(100% * .26);position:absolute;left:15%;top:35%;cursor:pointer}
.homeBox.box2 .boxBg{background-image:url(../images/bg2.jpg)}
.homeBox.box2 .slogan{width:calc(100% * .35)}
.homeBox.box3 .slogan,.homeBox.box4 .slogan,.homeBox.box5 .slogan{width:calc(100% * .4)}
.homeBox.box3 .boxBg{background-image:url(../images/bg3.jpg)}
.homeBox.box3 .mask{background-image:url(../images/t.png)}
.homeBox.box4 .boxBg{background-image:url(../images/bg4.jpg)}
.homeBox.box4 .mask{background-image:url(../images/m.png)}
.homeBox.box5 .boxBg{background-image:url(../images/bg5.jpg)}
.homeBox.box5 .mask{background-image:url(../images/b.png)}
.homeBox .slogan img{display:block}
.lineBg{width:calc(100% * .2);height:auto;position:absolute;left:2%;top:30%}
.homeNav,.mapIcon{position:fixed;right:2%}
.homeNav{width:12px;height:155px;top:50%;margin-top:-75.5px}
.homeNav ul li{width:12px;height:12px;border-radius:12px;background:#3e3e3e;cursor:pointer;margin-bottom:10px}
.homeNav ul li.active,.homeNav ul li:hover{background:#0381ba}
.mapIcon{width:50px;height:50px;top:50px;cursor:pointer;z-index:105;background:url(../images/mapIcon.jpg) no-repeat;background-size:cover}
.mapBox,.mapBoxBg{width:100%;height:100%;position:fixed;left:0;top:0;display:none}
.mapIcon.active{background-position:-50px 0}
.mapBox{z-index:100;background:#fff;-webkit-animation-duration:.75s;-moz-animation-duration:.75s;animation-duration:.75s;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top}
.mapBoxBg{z-index:90;background:rgba(0,0,0,.5)}
.mapBox.active{-webkit-animation-name:flipInX;animation-name:flipInX}
.mapBox .mapLogo{width:151px;height:auto;position:absolute;left:5%;top:45px}
#Mycanvas{position:absolute;left:0;top:0}
.mapNav{width:60%;padding:0 20%;height:auto;position:relative;top:30%}
.mapNav li{width:14%;height:auto;float:left}
.mapNav li:first-child,.mapNav li:last-child{width:15%}
.mapNav li a{display:block;width:100%;height:auto;line-height:30px;cursor:pointer}
.mapNav li a:first-child{line-height:50px;font-size:16px;font-weight:700;color:#006b9c}
.mapDetail{width:60%;height:auto;line-height:25px;position:absolute;top:70%;left:20%}
.mapDetail a,.mapDetail a:nth-child(2){width:30px;height:auto;bottom:0;position:absolute;display:block}
.mapDetail a{right:10%}
.mapDetail a:nth-child(2){right:calc(10%+50px)}
.subPage{width:calc(100% - 70px);height:100%;position:absolute;left:100%;top:0;background:#fff;z-index:150}
.newsBanner{width:100%;height:400px;position:relative;background:url(../images/banner_news.jpg) no-repeat fixed}
.subPage.detail{width:100%;left:0}
.backHome{width:40px;height:60px;cursor:pointer;position:fixed;right:25px;top:25px;background:url(../images/backBtn.png) no-repeat;background-size:cover;z-index:100}
.detailT{width:238px;height:auto;position:absolute;left:20%;bottom:35px}
.subPage.open{opacity:.3;transform:translateX(190px) scale(.9);-webkit-transform:translateX(190px) scale(.9)}
.subPage.active{left:70px}
.loadPage{width:100%;height:auto;position:relative;background:#fff;-webkit-transition-duration:.5s;transition-duration:.5s}
.loadPage.active{opacity:0}
.aboutDeveloper,.aboutUs{width:100%;height:auto;padding:100px 0;background:#f5f5f5;position:relative}
.aboutUs{padding:100px 0 150px}
.aboutUs.an{padding:70px 0}
.aboutDeveloper{background:#fff}
.developerTips{width:100%;line-height:30px;margin-top:10px}
.developerList{width:100%;height:auto;margin:50px 0}
.developerList li{width:28%;height:auto;float:left;margin-right:8%}
.developerList li:last-child{margin-right:0}
.developerList li .thum{width:107px;height:107px;margin:auto}
.developerList li .title{width:100%;text-align:center;font-weight:700;line-height:30px;margin-bottom:10px}
.developerList li .info{width:calc(100% - 20px);height:auto;line-height:20px;position:relative;padding:5px 0 5px 20px}
.developerList li .info:after{width:7px;height:7px;position:absolute;left:0;top:11.5px;border-radius:7px;background:#464b4e;content:''}
.contactTitle{max-width:233px;height:auto;margin:auto auto 35px;padding-bottom:10px;position:relative}
.contactTitle:after{width:84px;height:1px;background:#0381ba;position:absolute;left:50%;margin-left:-42px;bottom:0;content:''}
.subTitle .title:before,.tecList ul li:after{left:0;content:''}
.contactUrl{max-width:500px;margin:auto;height:60px;border:1px solid #666;line-height:60px;text-align:center;font-size:18px;display:block}
.contactUrl:hover{background:#0097cf;border:1px solid #0097cf;color:#fff}
.subBox{max-width:1100px;height:auto;margin:auto;position:relative}
.subTitle{width:100%;height:auto}
.subTitle.in{width:80%;padding:0 10%;margin-top:105px}
.subTitle .title{max-width:500px;height:auto;padding-bottom:20px;position:relative}
.subTitle .title img{width:100%}
.subBox .detail{width:100%;height:auto;line-height:28px;margin-top:20px}
.subBox .detail p{margin-bottom:5px}
.subTitle .title:before{width:100px;height:1px;position:absolute;bottom:0;background:#0097cf}
.subTitle.in .title:before{background:#fff}
.tecList{width:100%;height:auto;margin-top:35px}
.tecList ul li{width:calc(100% - 40px);height:auto;padding:10px 0 10px 40px;position:relative;line-height:20px;margin-bottom:10px}
.tecList ul li:after{width:30px;height:30px;background:url(../images/cup.png) no-repeat;background-size:cover;position:absolute;top:2.5px}
.envir{width:100%;height:465px;background:#0381ba}
.envir .envirBox{width:60%;height:100%;float:left}
.envir .envirBox.b{width:40%;background:url(../images/inImg.jpg) left bottom no-repeat;background-size:cover}
.enviDetail{width:80%;padding:0 10%;line-height:28px;color:#fff;margin-top:25px}
.loading{width:50px;height:50px;background-color:#039ed0;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;z-index:300;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;display:none}
.purpose,.purpose ul{position:absolute;width:100%}
@-webkit-keyframes rotateplane{
0%{-webkit-transform:perspective(120px)}
50%{-webkit-transform:perspective(120px) rotateY(180deg)}
100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes rotateplane{
0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,0deg);transform:perspective(400px) rotate3d(1,0,0,0deg)}
}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,0deg);transform:perspective(400px) rotate3d(1,0,0,0deg)}
}
.purpose{height:100%;background:#005b88}
.purpose ul{height:100%;right:0;top:0}
.purpose ul li{width:50%;float:left;height:100%;position:relative;background:url(../images/pc1.jpg) center top no-repeat;background-size:cover;cursor:pointer}
.purpose ul li:nth-child(2){background-image:url(../images/pc2.jpg)}
.box6.pt-page-current .purpose ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.purpose ul li .pMask{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:.5}
.purpose ul li:hover .pMask{background:#005b88;opacity:.8}
.purpose ul li:hover .pIcon{top:50%}
.purpose ul li:hover .pText{top:65%}
.purpose ul li .pIcon{width:90px;height:90px;position:absolute;left:50%;margin-left:-45px;top:50%;margin-top:-45px;transition-duration:1.5s;-webkit-transition-duration:1.5s;transition-delay:1s;-webkit-transition-delay:1s;transform:translateX(500px) rotate(360deg);-webkit-transform:translateX(500px) rotate(360deg)}
.purpose ul li .pText{width:310px;height:auto;position:absolute;left:50%;margin-left:-155px;top:60%;transition-delay:1s;-webkit-transition-delay:1s;transition-duration:1.5s;-webkit-transition-duration:1.5s;transform:translateY(300px);-webkit-transform:translateY(300px)}
.homeNews,.homeNews ul,.purpose ul li .clip{width:100%;height:100%}
.box6.pt-page-current .purpose ul li .pIcon{transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0)}
.box6.pt-page-current .purpose ul li .pText{transform:translateY(0);-webkit-transform:translateY(0)}
.purpose ul li .clip{position:absolute;left:0;top:0;background:#005b88}
.homeNews,.homeNews ul,.homeNews ul li{position:relative;overflow:hidden}
.animateEle{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-moz-transform:translateY(50px);-webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s}
.homeNews{background:url(../images/bg1.jpg)}
.homeNews ul li{width:30%;height:50%;float:left;color:#fff;background:#000;cursor:pointer}
.homeNews ul li .clip{width:100%;height:100%;position:absolute;left:0;top:0;background:#fff}
.homeNews ul li:nth-child(1){width:70%;height:100%}
.homeNews ul li .hnBox{width:80%;height:80%;padding:10%;position:relative;z-index:10}
.homeNews ul li:nth-child(1) .hnBox{height:60%;padding:20% 10%}
.homeNews ul li .newsMask{width:100%;height:100%;opacity:1;position:absolute;left:0;top:0;transition-duration:2s;-webkit-transition-duration:2s;background:url(../images/demo10.jpg) center center no-repeat;background-size:cover}
.homeNews ul li:hover .newsMask{transform:scale(1.1);-webkit-transform:scale(1.1)}
.homeNews ul li .newsTitle{width:100%;height:auto;font-size:26px;line-height:30px;margin-bottom:15px}
.homeNews ul li:nth-child(1) .newsTitle{font-size:36px;line-height:40px}
.homeNews ul li:nth-child(1) .detail{margin-top:50px}
.homeNews ul li .newsInfo{width:100%;height:auto;line-height:20px;font-size:14px;position:relative}
.homeNews ul li .newsInfo:before{width:100px;height:1px;position:absolute;bottom:-10px;background:#fff;opacity:.5;content:''}
.homeNews ul li .detail{width:100%;height:auto;line-height:28px;font-size:14px;margin-top:30px}
.animateEle.scrollCur{opacity:1;transform:translateY(0);-moz-transform:translateY(0)}
.animateEle.scrollCur .summary{margin-top:45px}
.animateEle .practiceTitle{text-align:center;color:#0381ba;font-size:32px;font-weight:700;margin-top:45px}
.animateEle .practiceOver{
    list-style: none;
    position: relative;
}
.animateEle .practiceOver ul{
}
.animateEle .practiceOver .swiper-pagination{
    position: relative;
    margin-top: 15px;
}
.animateEle .practiceOver{}
.animateEle.scrollCur .practiceOver ul li{width: 350px;text-align: center;background: #fff;}
.animateEle.scrollCur .practiceOver ul li img{
    display: block;
}
.animateEle.scrollCur .practiceOver ul li p{width: 100%;}
.animateEle.scrollCur .responsibilityText{margin-top:40px;}
.animateEle.scrollCur .responsibilityText li{width:32%;display:inline-block;vertical-align:text-bottom;}
.animateEle.scrollCur .responsibilityText li:nth-child(2){}
.animateEle.scrollCur .responsibilityText h3{text-align:center;font-size:28px;color:#0381ba;margin-bottom:10px}
.animateEle.scrollCur .responsibilityText p{height:58px;display:block}
.animateEle.scrollCur .responsibilityText img{width:100%;margin-bottom:15px;}
.animateEle.scrollCur .responsibilityText.L{width:48%;float:left}
.animateEle.scrollCur .responsibilityText.R{width:48%;float:right}
.navBar{display:block;width:55px;height:40px;padding:7.5px 0;line-height:20px;position:fixed;right:0;bottom:50px;background:#038cc0;cursor:pointer;color:#fff;text-align:center}
.product,.product .box{position:relative;height:100%}
.navBar.erp{bottom:110px}
.navBar:hover{color:#fff;background:#04719a}
.development{position:relative}
.scroll_content{background:#fff;padding:15px;margin-top:25px}
.scroll_content ul{overflow:hidden;position:relative}
.scroll_content ul+ul{padding-top:20px;border-top:1px solid #ccc;margin-top:20px}
.scroll_content li{width:24%;float:left;margin-right:1.3%}
.scroll_content li:nth-child(4n){margin-right:0}
.scroll_content li .pic{height:120px}
.scroll_content li .pic img{width:100%}
.scroll_content li .text{height:135px;overflow:hidden;margin-bottom:5px;color:#717071}
.product{width:100%;overflow:hidden}
.product .box{width:25%;float:left;cursor:pointer;transition-duration:.5s;-webkit-transition-duration:.5s;transform:translateY(100%);-webkit-transform:translateY(100%)}
.product .box:nth-child(even){transform:translateY(-100%);-webkit-transform:translateY(-100%)}
.product .box.active{transform:translateY(0);-webkit-transform:translateY(0)}
.product .box:after{width:1px;height:100%;position:absolute;right:0;top:0;background:#fff;content:''}
.product .box .bg,.product .box .mask,.product .box .name{width:100%;position:absolute;left:0}
.product .box:last-child:after{display:none}
.product .box .bg{height:100%;background:url(../images/pic1.jpg) no-repeat;background-size:cover;top:0}
.product .box:nth-child(2) .bg{background-image:url(../images/pic2.jpg)}
.product .box:nth-child(3) .bg{background-image:url(../images/pic4.jpg)}
.product .box:nth-child(4) .bg{background-image:url(../images/pic3.jpg)}
.product .box .mask{height:100%;top:0;background:#008eb8;opacity:.9}
.product .box .name{height:auto;top:40%}
.jobBox,.jobList,.jobList ul li{position:relative}
.product .box:hover .mask{opacity:0}
.product .box:hover .bg{-webkit-filter:blur(1px)}
.newsList{width:94%;height:auto;padding:0 3%;background:#fff}
.newsList ul li{cursor:pointer;width:30%;height:auto;float:left;margin-right:5%;margin-bottom:35px;transition-duration:.5s;-webkit-transition-duration:.5s}
.newsList ul li .thum{display:block;width:100%;margin-bottom:15px;background-size:cover;background-position:center}
.newsList ul li .thum img{display:block}
.newsList ul li .date{width:94%;height:auto;color:#999;line-height:30px;font-size:16px;padding:0 3%}
.newsList ul li .detail,.newsList ul li .name{width:94%;padding:0 3%;height:60px;overflow:hidden}
.newsList ul li .name{line-height:30px;font-size:20px;color:#3e3e3e}
.newsList ul li .detail{line-height:20px;font-size:12px;opacity:.7}
.newsList ul li .more,.newsPage a{height:35px;line-height:35px;text-align:center;cursor:pointer}
.newsList ul li .more{width:150px;border:2px solid #0381ba;color:#0381ba;margin:15px auto;background:url(../images/moreBg.png) no-repeat;background-size:cover;transition-duration:.5s;-webkit-transition-duration:.5s}
.newsList ul li.no{margin-right:0}
.newsList ul li:hover{-webkit-transform:translateY(-10px);box-shadow:0 0 10px rgba(0,0,0,.3)}
.newsList ul li:hover .more{color:#fff;background:url(../images/moreBg.png) 0 -35px no-repeat #0381ba}
.newsPage{width:100%;height:35px;padding:100px 0;text-align:center}
.newsPage a{display:inline-block;width:35px;background:#dcdcdc;margin:0 3px;color:#999;border-radius:3px}
.newsPage a.active,.newsPage a:hover{background:#0381ba;color:#9acde3}
.jobBox{width:1100px;height:auto;margin:55px auto auto}
.jobList{width:100%;height:375px;overflow:hidden;text-align:center}
.jobList ul li{width:245px;height:360px;display:inline-block;cursor:pointer;margin:0 10px;border:2px solid #959595}
.jobList ul li .jobTop{width:90%;height:auto;position:absolute;padding:0 5%;top:20%;text-align:center}
.jobList ul li .jobTop .t{width:100%;height:auto;line-height:30px;font-size:20px}
.jobList ul li .jobTop .d{width:100%;height:auto;margin-top:5px;font-size:12px;text-transform:uppercase}
.jobList ul li .jobBottom{width:90%;height:auto;font-size:16px;padding:15px 5% 0;position:absolute;left:0;top:70%;text-align:center}
.jobList ul li .jobBottom:after{width:60px;height:2px;background:#0381ba;position:absolute;left:50%;margin-left:-30px;top:0;content:''}
.jobList ul li:hover{background:#0381ba;color:#fff;border:2px solid #0381ba}
.joinIcon{width:35px;height:70px;position:absolute;top:35%;margin-top:-35px;background:url(../images/joinIcon.png) no-repeat;cursor:pointer;display:none}
.ar img,.tranList ul li .thum img,.zhilian .img{display:block}
.joinIcon.prev{left:-50px}
.joinIcon.next{background-position:-35px 0;right:-50px}
.zhilian{width:100%;height:130px;margin-top:10px;position:relative;background:url(../images/zhilian.jpg) no-repeat}
.zhilian .border{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;left:4px;top:4px;border:1px solid #fff;opacity:.5}
.zhilian .img{width:225px;height:70px;position:absolute;left:50%;margin-left:-112.5px;top:25px}
.cqBox,.cqList{position:relative}
.al{width:45%;height:auto;padding:50px 2.5%;float:left;color:#fff}
.ar{width:50%;height:auto;float:left}
.al .alt,.al .detail{width:100%;height:auto}
.al .alt{padding:25px 0;line-height:30px;font-size:24px;font-weight:700}
.al .detail{font-size:12px;line-height:24px}
.tranList{width:1100px;height:auto;margin:35px auto auto}
.tranList ul li{width:100%;height:auto;background:#f5f5f5;margin-bottom:25px;overflow:hidden}
.tranList ul li .thum{width:400px;height:auto;float:left}
.tranList ul li .detail{width:calc(100% - 440px);height:auto;padding:25px 20px;float:left}
.tranList ul li .detail .num{width:100%;height:auto;font-size:60px;line-height:60px;color:#0381ba;font-family:georgia}
.tranList ul li .detail .info{width:100%;height:auto;font-size:12px;line-height:24px}
.cqBox{width:1100px;height:auto;margin:auto}
.cqList{width:100%;height:auto;margin-top:50px;overflow:hidden}
.cqList ul li{width:32%;height:auto;float:left;margin-bottom:25px;margin-right:1.5%}
.cqList ul li.no{margin-right:0}
.cqList ul li .thum{width:100%;height:auto;overflow:hidden;position:relative}
.cqList ul li .thum img{width:100%;transition-duration:.5s;-webkit-transition-duration:.5s}
.cqList ul li:hover .thum img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.cqList ul li p{width:100%;height:35px;display:block;color:#fff;line-height:35px;text-align:center}
.cqIcon{width:43px;height:43px;position:absolute;top:35%;background:url(../images/hjIcon.png) no-repeat #fff;cursor:pointer;display:none}
.cqIcon.prev{left:-53px}
.cqIcon.next{background-position:-43px 0;right:-53px}
.contactSection{width:100%;height:160px;padding:80px 0;background:#fff}
.contactBox{width:1100px;height:160px;margin:auto}
.contactBox .box{width:30%;height:160px;float:left;background:#ececec;margin-right:5%;position:relative}
.contactBox .box.no{margin-right:0}
.contactBox .box .icon{width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:20%}
.contactBox .box .text{width:90%;height:auto;position:absolute;left:0;padding:0 5%;top:55%;text-align:center;font-size:16px}
.contactWar{max-width:1100px;height:400px;position:relative;margin:25px auto;border:1px solid #dcdcdc}
.contactWar .map{width:100%;height:400px;position:absolute;left:0;top:0}
.contactWar .mapMenu{width:100%;height:45px;position:absolute;left:0;bottom:0}
.contactWar .mapMenu ul li.first{margin-left:-1px}
.contactWar .mapMenu ul li{width:250px;height:45px;float:left;border:1px solid #dcdcdc;border-bottom:0;background:#fff;color:#0381ba;margin-right:10px;line-height:45px;text-align:center;font-size:16px;cursor:pointer}
.contactWar .mapMenu ul li.active,.secBtn{background:#0381ba;color:#fff}
.busTips,.roadline_result h4 li{line-height:30px;height:30px}
.contactCenter{max-width:1000px;height:auto;margin:0 auto 50px}
.contactInput{width:100%;height:auto;overflow:hidden}
.selectBox{width:1100px;height:auto;margin:auto auto 100px}
.secBtn{width:250px;height:45px;cursor:pointer;float:right;margin-top:10px;border:0}
.busTips,.map_area,.roadline_result table{width:100%}
#showResults{border-top:1px solid #ddd;display:none;margin-top:25px}
.roadline_result{border:1px solid #ddd;padding-bottom:10px}
.roadline_result h4{height:30px;border-bottom:1px solid #ddd;background:#f7f7f7}
.roadline_result h4 li{padding:0 10px;font-weight:100;float:left;border-right:1px solid #ddd;cursor:pointer}
.roadline_result h4 li.cur{color:#0a8353;font-weight:700;position:relative;border-bottom:1px solid #fff;background:#fff;margin-bottom:-1px}
.roadline_detail{min-height:100px;margin-top:15px;padding:0 10px}
.map_area{height:370px;overflow:hidden}
.roadline{height:46px;overflow:hidden}
.roadline a{display:block;float:left;width:322px;height:44px;font:700 14px/44px Microsoft YaHei;text-align:center;background:url(../images/overlay.png) 0 -24px repeat-x #efefef;border:1px solid #ddd}
.roadline .mgl20{margin-left:20px}
.roadinput{width:276px;height:26px;vertical-align:middle;line-height:26px}
.contactInput li{width:45%;height:90px;margin-right:5%;float:left}
.contactInput li strong{display:block;width:100%;line-height:30px;font-size:18px}
.contactInput li input,.contactInput li p{display:block;width:calc(100% - 2px);height:50px;border:1px solid #e5e5e5;margin-top:8px;text-indent:20px;line-height:50px;background:0}
.joinTipBox,.lightBox{position:fixed;z-index:500;display:none}
.contactInput li input{border:1px solid #e5e5e5}
.lightBox{width:100%;height:100%;left:0;top:0;background:url(../images/blank7.png)}
.joinTipBox{width:800px;height:550px;left:50%;margin-left:-400px;top:50%;margin-top:-275px;background:#fff}
.joinTipBox .joinTipBoxTitle{width:100%;height:45px;background:#0381ba;color:#fff;line-height:45px;position:relative}
.joinTipBox .joinTipBoxTitle strong{float:left;margin-left:15px}
.joinTipBox .joinTipBoxTitle .joinClose{width:45px;height:45px;position:absolute;right:0;border-radius:45px;top:0;background:#0381ba;cursor:pointer}
.joinTipBox .joinTipBoxTitle .joinClose:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.joinTipBox .joinTipBoxTitle .joinClose img{display:block;float:left;margin-left:7.5px;margin-top:7.5px}
.joinTipBox .joinTipBoxInfo{width:96%;padding:0 2%;height:490px;overflow-y:auto;color:#3e3e3e}
.tdxcList ul li,.tmList,.xcList{overflow:hidden}
.joinTipBox .joinTipBoxInfo .joinTipName{width:100%;height:50px;line-height:50px;font-weight:700;position:relative}
.joinTipBox .joinTipBoxInfo .joinTipBt{width:100%;height:auto;line-height:30px;font-weight:700}
.joinTipBox .joinTipBoxInfo .joinTipDetail{width:100%;height:auto;line-height:24px;font-size:12px;margin-bottom:15px}
.jdSubmit{width:100%;height:auto}
.jdSubmit .file{background:#006db8;color:#fff;display:block;margin:0 auto;width:120px;line-height:40px;text-align:center;border-radius:5px;cursor:pointer;border:none}
.jdSubmit input{display:none}
.jdSubmit .tips{margin:20px auto;font-size:14px;color:#bbb;text-align:center}
.menu.investMenu a{width:50%}
.model_news_detail{max-width:1020px;margin:auto;position:relative;padding:0 10px;z-index:1}
.model_news_detail .title{width:100%;height:auto;line-height:35px;text-align:center;font-size:24px;font-weight:700;padding:35px 0 15px}
.model_news_detail .summary{width:100%;height:auto;line-height:20px;font-size:12px;text-align:center;color:#666;padding-bottom:15px;border-bottom:1px dotted #ccc}
.model_news_detail .detailContent{width:100%;min-height:300px;margin:25px 0;line-height:28px;text-indent:28px;color:#3e3e3e}
.model_news_detail .detailContent img{text-indent:0;max-width:100%;margin:15px auto;display:block}
.model_news_detail .newShare{width:100%;height:25px;position:relative;margin:15px 0 35px}
.model_news_detail .newShare strong{float:right;margin-right:10px}
.model_news_detail .detailPage{width:100%;height:auto}
.model_news_detail .detailPage div a{font-weight:400}
.model_news_detail .detailPage div{width:100%;line-height:20px;font-size:14px;height:auto;padding:5px 0;font-weight:700}
.sameArticle{width:100%;line-height:35px;padding:5px 0;position:relative}
.sameArticle strong{font-size:24px}
.detailPage ul li{width:calc(25% - 10px);height:auto;float:left;border:1px solid #f0f0f0;margin-right:10px;margin-bottom:15px}
.detailPage ul li:last-child{margin-right:0}
.detailPage ul li:hover{box-shadow:0 5px 8px rgba(45,50,55,.2)}
.animate{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s}
.curBox{width:100%;height:auto;margin:100px auto;position:relative}
.curBox .l{width:450px;height:200px;float:left;position:relative}
.curBox .l ul li{width:350px;height:auto;position:absolute;left:0;top:55px;text-align:right;color:#fff;line-height:36px;display:none;font-size:18px}
.curBox .r{width:650px;height:auto;float:left;position:relative}
.curBox .r .yuan{width:395px;height:395px;border:1px solid #fff;border-radius:50%;position:relative;left:50%;margin-left:-200px;margin-top:-100px}
.curBox .r .yuan .yLogo{width:150px;height:150px;position:absolute;border:5px solid #fff;border-radius:50%;background:url(../images/ylogo.png) no-repeat;top:50%;left:50%;margin-left:-80px;margin-top:-80px}
.curBox .r .yuan .rlist{width:395px;height:395px;position:absolute;left:0;top:0;display:block;transition-duration:.5s;-webkit-transition-duration:.5s}
.curBox .r .yuan .rlist li{width:140px;height:140px;position:absolute;background:#0381ba;line-height:140px;color:#fff;font-weight:700;text-align:center;font-size:18px;border:3px solid #fff;border-radius:50%;cursor:pointer}
.curBox .r .jiantou{width:306px;height:58px;position:absolute;left:-60px;top:70px;background:url(../images/jiantous.png) no-repeat}
.curBox .r .yuan .rlist li.active,.curBox .r .yuan .rlist li:hover{color:#0381ba;background:#fff;border-color:#045c84}
.curBox .r .yuan .rlist li.a{left:50%;margin-left:-73px;margin-top:-73px}
.curBox .r .yuan .rlist li.b{top:50%;margin-top:-73px;right:-73px}
.curBox .r .yuan .rlist li.c{left:50%;margin-left:-73px;bottom:-73px}
.curBox .r .yuan .rlist li.d{top:50%;margin-top:-73px;left:-73px}
.tmList{width:1100px;height:275px;position:relative;margin-top:100px}
.tmList ul{width:10000px;height:275px;position:absolute;left:0;top:0}
.tmList ul li{width:360px;height:266px;float:left;background:#005b88;margin-right:10px}
.tmList ul li .thum{width:100%;height:auto;position:relative}
.tmList ul li .thum img{display:block}
.tmList ul li .text{width:100%;height:40px;position:relative;background:#0381bb;line-height:40px;color:#fff;text-align:center}
.tmList .next,.tmList .prev{height:50px;cursor:pointer;background:rgba(0,0,0,.5);position:absolute;top:50%;z-index:5}
.tmList .prev{width:50px;margin-top:-25px}
.tmList .prev img{width:30px;display:block;margin-left:10px;margin-top:10px}
.tmList .next{width:50px;right:0;margin-top:-25px}
.tmList .next img{width:30px;display:block;margin-left:10px;margin-top:10px}
.xcList{width:100%;height:600px;margin-top:50px;position:relative}
.xcList ul{width:100%;height:10000px;position:absolute;left:0;top:0}
.xcList ul li{width:100%;height:600px;background:url(../images/d1.jpg) center center no-repeat fixed;position:relative}
.xcList ul li .mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.6)}
.tdxcNext,.tdxcPrev{top:50%;cursor:pointer}
.xcList ul li .text{width:100%;height:auto;line-height:50px;font-size:24px;color:#fff;text-align:center;position:absolute;bottom:100px}
.xcList ol{width:100%;height:20px;position:absolute;left:0;bottom:50px;text-align:center}
.xcList ol li{width:5px;height:10px;display:inline-block;margin:0 5px;background:#fff;border-radius:5px;opacity:.5;cursor:pointer;transition-duration:.5s;-webkit-transition-duration:.5s}
.xcList ol li.active,.xcList ol li:hover{opacity:1;height:20px}
.tdxcList,.tdxcList ul li{width:1000px;height:565px}
.tdxcList{position:relative;margin:50px 0}
.tdxcList ul li{position:absolute;opacity:1;z-index:0;transition-duration:1s;-webkit-transition-duration:1s}
.tdxcList ol,.tdxcNext,.tdxcPrev{z-index:1100;position:absolute}
.tdxcList ul li img{display:block}
.tdxcPrev{width:70px;height:70px;left:0;margin-top:-35px;background:url(../images/iconPrev.png) no-repeat;background-size:cover;opacity:.5;transition-duration:1s;-webkit-transition-duration:1s}
.tdxcList ol{width:100%;height:10px;left:0;text-align:center;bottom:25px}
.tdxcList ol li{width:10px;height:10px;display:inline-block;border-radius:50%;background:#fff;margin:0 3px;opacity:.5}
.tdxcList ol li.active{opacity:1}
.tdxcNext{width:70px;height:70px;right:0;margin-top:-35px;background:url(../images/iconNext.png) no-repeat;background-size:cover;opacity:.5;transition-duration:1s;-webkit-transition-duration:1s}
.newsCurltrue,.newsCurltrue ul li{width:100%;height:auto}
.tdxcList:hover .tdxcNext,.tdxcList:hover .tdxcPrev{opacity:1}
.newsCurltrue{margin-top:25px;display:none}
.newsCurltrue ul li .title{width:calc(100% - 4px);height:40px;background:#fff;line-height:40px;border-left:4px solid #036e9f;text-indent:15px;font-weight:700;color:#0381ba}
.newsCurltrue ul li .des{width:100%;height:auto;color:#fff;padding:15px 0;line-height:24px}
.header_nav{position:absolute;width:70px;height:100%;right:0;top:0;z-index:3;display:none}
.header.active .header_nav{display:block}
._toast,.lightBox,.tipsMsg{position:fixed}
._toast{width:100%;height:50px;left:0;top:50%;margin-top:-25px;z-index:500;opacity:0;visibility:hidden;pointer-events:none;text-align:center}
._toast p{display:inline-block;border-radius:5px;background-color:#fff;color:#222;padding:10px 20px;border:1px solid #222;box-shadow:0 0 5px rgba(55,55,55,.2)}
._toast span::before{position:absolute;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;background-size:contain;top:50%;margin-top:-12px;left:0}
._toast.success span::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD3ElEQVRoQ9WaXW7aQBDHZ2yHVmqB9ASlJyh5rKoScoKSE4ScIPStCpZCJBL1Ldwg5ARNT8BHVfUxcIKQExSDIhUwO5UNpg628XptA8lj2J39/2ZmZ7+MEMVfo7KblCafUcIMEuSBKAOImSemiXqA2COEJjHqDdnODzio9MMOj8IGGpXdlKQfIVARELNCdog6DKAWBiYwwMvfXzOJiXyChEVA2BUSvtyJoE8S1MaKfvP3w7deEJuBAFI/1TNkUIpMuAfI4FP1nBeCC+DVr9OsouO1cKrwqrHaEXVGiekhTzR8AZLt06JE0lVsXveCI+gzhONhrnq7in8lgCkepOugDoyyPQN2PMxd1r1segJsg3hL9CoIV4BkWy1IAN+j9GRYWwzg0C2dHABGmXwxVu7WnvN+hAT9UULfW57YDoB0q3y3tmrjJ9pRZqmj7V/s2f/9BCDVUiuIcBbU7jrbE8H5YL9ascZcAGxt6rgsdvZUWgCkWmoNEU7W6U3RsexRmAE0KrtpSb/f8MTt6jIrPo4TvZQ8qSHgkScgQV9jyjtjN2sCpNrlEgJeiXokgn5dbark7dvrdLvcA8C3XrattcEE2HDlcYifO7W+OgqzioRm+sj6nwi8KGLCVbxZUCbKvZ9Bbaq8wQ1uGVzFz+bjpMGzFhmrM26o+oQWb0THqEaYbqtNANj3CxcQaQRYRwTj+Ojf3ttgJOLn5luYbpXvHQdwl8F1me09frzshKxaUYo3QtAzIkB+3iegm0HuomhvJzB3ohU/F8MFAABNLVc9WAYNABGLeEMPLwB4HSo4IGITHwjAaCwAEav4OcDqJXs5bQJAxC4egB74y6iNhANiDeJNQS3hhcwbQi0Mp0rTce8ZYIX1q4rW7+ZCxjEJPe35XXksOsYgfjYn4TD0Zs4XIibxBoC5mTO3023VWGHf84aOd2IH2ZgJjN3VctVsZAcaRyRi9Ly9pNuOlBPjASIt4IlFFyIoDZhy81rRszKjK54tsdB4RJrGdjKLI6W5QXvWh3oAmF2ryJ2wURDyaJBORNooMc1aN3TP72IL6Msgd1GzmJ1XiyErUhBnCrQ1K4+9n8fl7ham0lLqeEbA+OFZX69bZGG2GAKpsbJL4AeObYLw26pwPPKpBYmovvbySqQxxGKoRz4rEvObMuO1UHi/FDCtuqMdvRDJM6t9YPMBBKgUWzRmd081+wOGH7hvCi0bMD81GCvFSEHmwscJvc7j9ZXrgB+x/ZCSlMcFCaRSiNTqMmC14TRxK/rlSuAIuAIan9vIeh4JsoiQB6CM826fHgCwRwRNQui4Hju5vfe/4T8KykdZu9C3xgAAAABJRU5ErkJggg==)}
._toast.success p{color:#0fc27c;border-color:#0fc27c}
._toast.error span::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAF0ElEQVRoQ9WZW2wUZRTH/2dmv2mbIg8oAm1nudh2dy0ioASC8RIoihiNiegTMUFJTPAWL0FjMD4gwfuDBH1AjVFejJjwgCKxIphAkMaCYt3tRYs7hYooD9Ib8+3MMbN0m93tXr7Z3RKZt7bn8v9913O+Eq7wj65w/agoAAN6b51Y4ARwK4OmpQ8Oue4wk2Zp4N5mS3YQ4FRi8MoG6JuOmaPVgXUErZXBtxDRlKLCmEeY6FsCPnXi9p4WwC7qk8egJABvpLtM/R6Q/hiYV4NIK1UAAwPEvCVkyZ0EJPzG8Q3QPQsRNyA+A9ENfpMVsmdGjwZnU8hy9viJ6wsgFhRPM/AGgQw/SXza7saw/Uj4b1xQ8VMCsBpQM6QZnwBYqxK0XBtmdGtsrwj143SxWEUBeutgSl3sI6KWYsEq+XdmxKsS9m3zBvBHobgFAbyRHyRxjIjmV1Kcj1h9gYv2ssaz+CufT0GAmJncrA/5SFhxUwZ3hONyab4TKi9AzAxsBmlbKq6otIBvhuP2plyuOQGiQXETMdpBVHSPlKbHpxczM2FJJC5/zPacIJABrcsUx0G0wGeayTVn/jlkyUUEuBklSnbWWL2+Frr+uaoaZh4EoYdAi1R9PDsGHwejSan0GAvMzOsjlvy4IEDUFEeJaKmKGGYeDrhYadvyF71aHADREhU/MLc7o3KFYYj5jo7vAKpW8gNOheL2PPL4x76MJdRVhzAHjKhKMAbbOvOqZivxvWffOR1T9BqxH6Dlhf35iDMi72o5h0HPrjsYaHVAXyrf7o67Mnw6cSAnQCxovAbgBUWAjkBcLm8CLqbsL93Yoi0/BB+pdWWr2Y+RdJ9BTRxWXoLMH4YtuSEnQDRodBJwvQpA0ob5YC3LNdmCckL4sS0s4Pdw3L5uAkDvDFybqDLOKosfN8w9qkMkvgLRHSlQ3ZKr/c1WfiVVI/asuefwp2cxvgeiZuBOIm2/f4DkVGSsa+83PUCVY4qvGZABS96bLl59v+RWQ66zJtTv7MsEaBBPkkbvlgaQXE7JkyW1Ob04fXNQPecUHAJkKm5SvJ8TK4cgZvf5iJV4OwOgyzS2MuGlkgEu7YkJEOnxeqZhqlMr2pSP2zximLEtYtlJreNLKGaKHSDaWBbAGIQ+JFubzuPfCeKniEMALaxAjvfClnw8aw+I7UT0RNnBwSf0QXn7ZAIQeHsoLp/K2gPGNtLwYlkAzO25Rj8Vs1JLCIytYcvenLUHxDNM9E7JAHk2sRdv7imMVnITg3lj2JLvZ+6BhsBqaFryaPL/5T9GvVjZd0C5J5EGd1VzPNGWAeA9UF2sMQZKEZ+rPCh2kZVzF9S69tVmP85nAHg/xILGbwDmKUPkKw/Sb+FUsEqVEswnw5Yc71UyqtGYKT4A0aMqAF6vWqlibojEUR8N1OvhuD1+2GQAeKWtC+0bRYCSy+n0Jee3nNaBlqa4/WtKYwYAAxQLGn0EzFaCKLWhGaud/DY0zPxDxJLL0rVN6IljplgPoo9UAC5dvMmWsptAi1V9kn7gDjCafbWUrrM20u98URBgrKnvANGNfgRNui3zTyFLLi7a1CdPI1PcDKL2SRelmsDPs0oqZtQUbxHRc6o5JtWO3ZfDVuLVXDnyPlx1AoZuimP/g6W0Oxy3H8w3QAVf3sbazKNeOTOpI5wvOPPJqY5cVncGwyUBeE7RmZgDYRwiQvByQjBzp3Dk3Y1nYBXKq/T22dWAepeMg0RovEwQu2td++H0146SZyDlGLsGV6HG2AXCfZMF4T2WaYxnQ5bcoZpDaQbSg3WZ+v1MutdQqxd9amqimrQfaB6A0stgzlJCLU/yYVJ0mWIDE14h0AxVvwl2zC4T7SN2doYsZ28p//z2PQPpIhgIxOoDS0hDK0NbR4Tm4jB8AUxHGG5b9WhiV+qBqrhfbouyALJDdteLhY5GEY3c2S60zBdnl/8JuDjceEaeyC4HShXv+VUUoBwhpfpe8QD/Ab2JqE8dKj95AAAAAElFTkSuQmCC)}
._toast.error p{color:#d81e06;border-color:#d81e06}
._toast.warning span::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEa0lEQVRoQ+2YT2gcdRTHv282sc2hYWcQ7MEeGlsqLaVoMrNqL7YnaXa29ZJ6UFGiFPwD4kFaJChVAiI9iIoiWqpSKBHR7iTxpD216syGKDHaXHJQULFhZ5q0SZrszJPfpgnbZHfn77YbyO/6+73ve5/9zvu9nSGs80XrvH5sANxpBzccqOfAzHBmN7BwZcuh0SuNcqohDlwd6sy4buo0EXYDzGCcTbdIL9Khn6eTBkkcwBnSutjliyC6q7JYZh6X52cfpJ7xhSQhEgXgAaTsNnWUQHurFUmM/nTOfL1pAWxDexXAqZoFMi+ShPvTWWsyKYjEHLg2pG5dcGmSCG0+xV2QdfNg0wEUDfUcgY4GKYwIPems+VWQs35nEnHAHuw8AE794JdseZ/B/8pzLR3U8+Nc0Jha52IDcKGz1flHugxQR5hiGHhX0c3XwsRUvRjiChQN9QSB+kPrMNwUe3vaDxcmQsdWBMRyYPZbddu8RBPVGlc8Jilwr8eUAXB89VwQNTD4kqJb++8YgG1o3wA4UrUA8nrlbOG02CvmtY+JcKzaOQY/qejW2agQkR3wa1wmZJWsOSQKs/PqSRD1VS+Sp9LedAcdnpiJAhEJgId3bHJc+fd6jRscoPwwvSfr1iu3DcA2tDcAvFkvYSgAhssp9wGle2QsLERoB5xBtYMZ4tfflBjAktCIrJtdDQewDU0MrAN+iUI5sDLh+Fk5Z53x067cD+WAbWjixhE3j++KBACeQmlxp/z4L45vgpsHAgPwwMNt9ubSBBFtCyIeDUC8/vBHSs56IUgOcSYwgGOo/Qw6EVQ4KkAZQfL2BW3oQADlxvVwGUStjQdYauh01lSJwH75AgEEbdzKZNEdWFIh4mPprPVJbADHUI8y6Jyf0Or9uABgduAubvdr6LoOlBu3rTRJoK1hAQDuk3XrbRFnG2oeID20BuMzOWc+Vy+uLoBtdJ0CJPGeG34xeyD6GszXQfRMeIGbj5IENd1tFmrF1wSYPt+1yyVpHIRU1ORJxDF4TM5a+2o1dE2AoqFeJNAjSRQRV4PhvazohQ+q6VQFsPNdT4GkL+Il5g9bPemtBam0kyCdAei+qHrMuNZC7vZ2fWRqtcYaAD6/a4sjtU8CdHfUhGC25JylLceLT42el/opsp4IZHwp58ynfQFsQ3sfwEtxkjHzgJKzVj6xiNvMaXNn42iK2BTx/vasdalS5xYHikOde8mTfhVjJFYy8f8eOKLkzMHyNTqo9oHpZCxNYQLzhDxv7aEeuMtatwLk1e+I6LG4iZbjGfwbmK4TQbzYJ7IIeD6tm5+uAZgdztx7w+W/EsnSSJFV/bXiQHFQ6yZG2fLmXnxD1q3Naxxw8tpBJnzf3MWXb6P/5Jx5zxoAvvBoizMz+wcIO5oZgpnfUXLW8apNfDWfeciFNxD0rev2g/Ln6Tmrt+YtVJ4X4mPt3/QESIo8OZMF4xKYx5h4VNFH/vQdZMkmb7xavIHV+Pp8M2wA+P5EDT6w7h34H01KxEDHpGQGAAAAAElFTkSuQmCC)}
._toast.warning p{color:#efb336;border-color:#efb336}
._toast.active{opacity:1;visibility:visible}
._toast span{display:inline-block;font-size:16px;position:relative}
._TexTrow1,._TexTrow1More *,._TexTrow2,._TexTrow2More *,._TexTrow3,._TexTrow3More *,._TexTrow4,._TexTrow4More *{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
._toast.error span,._toast.success span,._toast.warning span{padding-left:30px}
.fontStyle{color:#0381ba;font-size:53px;font-weight:700}
@media screen and (max-width:1024px){
.container .homeBox{background-image:url(../images/ipadAndPhone.jpg)!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-position:center center!important}
.contactBox,.contactWar,.cqBox,.deveList,.honorList,.jobBox,.model_news_detail,.orginImg,.selectBox,.showList ul,.subBox,.tmList,.tranList{max-width:850px}
.contactSection{padding:30px 0}
.tmList,.tmList ul{height:215px}
.tdxcList{width:650px}
.tdxcNext,.tdxcPrev{width:50px;height:50px}
.tdxcList{height:365px}
.tmList ul li{width:280px;height:215px}
.tmList ul li .text{height:35px;font-size:12px;line-height:35px}
.aboutUs{padding:50px 0}
.appList ul li,.resourceList ul li{width:32%;margin-right:1%}
.creative .cl{width:51%;padding:50px 2%}
.aboutIntroBox{width:100%;left:0;top:0;position:relative;margin-left:0}
.aboutIntro{height:auto}
.aboutIntroBox .introBox{line-height:24px}
.aboutIntroBox .introBox p,.introInfo p{margin-bottom:5px}
.honorList ul li .text{font-size:14px}
.newsList ul li{width:32%;margin-right:2%}
.newsList ul li .name{font-size:16px;height:50px;line-height:25px}
.curBox .l ul li{width:300px}
.curBox .r{top:-30px;position:absolute;right:-50px;-webkit-transform:scale(.6)}
.al{width:47%;padding:20px 1.5%}
.subTitle .title{padding-bottom:5px}
.al .detail{line-height:20px;opacity:.8}
.al .alt{font-size:16px;line-height:20px;padding:5px 0}
.homeBox:nth-child(1) .homeImg,.homeBox:nth-child(1) .slogan{display:none}
.container{height:auto}
.container .homeBox{height:100vh;position:relative;visibility:visible;z-index:1}
.logo1{position:fixed;z-index:30;display:none}
.homeBox:nth-child(1) .logo1{display:block}
.purpose ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.purpose ul li .pIcon{transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0);width:80px;height:80px;margin:-40px 0 0 -40px}
.purpose ul li .pText{transform:translateY(0);-webkit-transform:translateY(0);width:240px;margin-left:-108px}
.purpose ul li .clip{height:0}
.homeNav{display:none}
.mapBox .mapLogo{left:80px;top:35px}
}
@media screen and (max-width:768px){
.isPadTemp,.newsCurltrue{display:block}
.container .homeBox{background-size:160% auto!important}
.homeNews ul li,.homeNews ul li:nth-child(1){width:50%}
.homeNews ul li .newsTitle,.homeNews ul li:nth-child(1) .newsTitle{font-size:18px;line-height:25px}
.titleCenter img{width:125px}
.aboutInfo{font-size:16px;line-height:20px}
.contactBox,.contactWar,.cqBox,.deveList,.honorList,.jobBox,.model_news_detail,.orginImg,.selectBox,.showList ul,.subBox,.tmList,.tranList{width:90%}
.aboutIntroBox .introBox,.honorList ul li .text{font-size:12px}
.aboutIntroBox{text-indent:0}
.aboutIntroBox .introBox img,.honorList ul li .text img{width:100%;height:auto;display:inline-block}
.newsList ul li .name{font-size:14px;line-height:24px}
.newsList ul li .more{width:107px;line-height:25px;height:25px;border-width:1px}
.newsList ul li .thum{margin-bottom:5px}
.showList ul li .text{font-size:18px}
.showList ul li .des{line-height:20px;top:55%;opacity:.6}
.creative .cl{width:96%}
.creative .cr{width:100%}
.subTitle .title{width:500px}
.al{width:96%;padding:20px 2%}
.al .detail{line-height:28px;margin-top:10px}
.ar{width:100%}
.curBox{display:none}
.animateEle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s}
.joinTipBox{width:600px;margin-left:-260px}
.joinTipBox .joinTipBoxInfo .joinTipName{height:auto;line-height:25px}
.deveList .history{width:100%}
}
@media screen and (max-width:767px){
.joinTipBox,.lightBox,.mapBox{transition-duration:.5s;display:block}
.mapDetail,.mapNav li a{font-size:12px}
.deveList ul,.deveList ul li,.deveList ul li .top,.mapDetail{position:relative}
.container .homeBox{background-size:230% auto!important}
.container .homeBox.box7{height:auto}
.mapIcon.active{background-position:-40px 0}
.subPage{width:0}
.homeBox.box4 .boxBg{background-image:url(../images/bg4m.jpg)}
.homeBox.box5 .boxBg{top:10%;background-image:url(../images/bg5m.jpg)}
.subPage.active{width:calc(100% - 70px)}
.newsBanner{height:200px}
.homeNav{transform:scale(.5);-webkit-transform:scale(.5)}
.detailT{width:119px;left:10px;bottom:15px}
.joinTipBox,.lightBox{top:0;-webkit-transition-duration:.5s;z-index:30}
.lightBox.active{top:0}
.joinTipBox.active{top:50%;margin-top:-225px}
.mapBox .mapLogo{left:80px;top:15px}
.homeBox{transition-duration:1s;-webkit-transition-duration:1s;z-index:0}
.mapBox{top:100%;-webkit-transition-duration:.5s}
.mapBox.active{top:0;animation-name:nn}
.mapBoxBg{transition-duration:.5s;-webkit-transition-duration:.5s;top:100%;display:block}
.creative .cr,.deveIcon,.isPadTemp{display:none}
.mapBoxBg.active{top:0}
.pt-page-current{opacity:1;transform:scale(1);-webkit-transform:scale(1);z-index:5}
.homeBox.box2 .slogan,.homeBox.box3 .slogan,.homeBox.box4 .slogan,.homeBox.box5 .slogan{width:calc(100% * .65)}
.purpose ul li{width:100%;height:50%}
.purpose ul li .pText{top:70%}
.homeNews ul li,.homeNews ul li:nth-child(1){width:100%;height:auto;color:#3e3e3e;margin-bottom:25px}
.homeNews ul li .hnBox,.homeNews ul li:nth-child(1) .hnBox{height:auto;width:94%;padding:20px 3%}
.mapNav,.menu{padding:0;overflow:hidden}
.homeNews ul li .detail,.homeNews ul li:nth-child(1) .detail{margin-top:15px;line-height:20px;font-size:12px}
.homeNews ul li .newsTitle{margin-bottom:5px}
.mapNav{width:calc(100% - 80px);left:80px;top:0;margin-top:30%}
.mapNav li,.mapNav li:first-child,.mapNav li:last-child{width:25%;height:170px}
.mapDetail{top:0;width:calc(100% - 80px);left:80px;margin-top:5%}
.menu{width:100%;height:auto}
.menu a,.menu.productMenu a{width:50%}
.aboutService .box{width:60px}
.subTitle .title{width:250px}
.aboutClose{width:30px;height:30px;top:10px;right:10px}
.logo1{top:10px;width:120px}
.aboutSlogan{width:calc(100% - 120px);top:28%;left:10px;opacity:.8}
.animateEle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s}
.honorList ul li{width:50%}
.product .box{width:50%;height:50%}
.aboutDeveloper,.aboutUs{padding:50px 0;overflow:hidden}
.appList ul li,.resourceList ul li{width:100%;margin-right:0;margin-bottom:15px}
.showList ul li{width:50%;height:250px}
.showList{height:750px;background-size:cover}
.showList ul li .icon,.showList ul li:hover .icon{top:0}
.showList ul li .text,.showList ul li:hover .text{top:35%;font-size:14px}
.showList ul li .des,.showList ul li:hover .des{top:45%;line-height:14px;font-size:10px}
.contactUrl,.newsList ul li .date{font-size:12px}
.tecList ul li:after{top:7.5px}
.creative .cl .clr{width:94%;padding:0 3%}
.subTitle{width:94%;left:3%}
.contactTitle{max-width:120px}
.contactUrl{max-width:200px;height:40px;line-height:40px}
.newsList ul li{width:100%;margin-right:0;margin-bottom:35px}
.newsList ul li .name{height:auto;font-weight:700}
.tmList{margin-top:50px}
.tdxcList{width:300px;height:168px}
.tdxcNext,.tdxcPrev{width:40px;height:40px;margin-top:-20px}
.tdxcList ol{bottom:10px}
.tdxcList ol li{margin:0 1px}
.jobList{height:auto}
.jobList ul li{height:250px}
.tranList ul li .detail{width:calc(100% - 40px)}
.cqList ul li{width:49%;margin-right:1%}
.jobBox{margin-top:25px}
.contactBox{height:330px}
.contactSection{height:auto}
.contactBox .box .icon{top:10%}
.contactWar .mapMenu ul li{width:40%}
.contactBox .box,.contactInput li{width:100%;margin-right:0}
.contactBox .box{height:100px;margin-bottom:10px}
.secBtn{width:60%}
.loading{margin-left:35px}
.jobList ul li .jobTop .t{font-size:16px;line-height:24px}
.tmList{width:280px}
.mapIcon{width:40px;height:40px;top:15px;right:15px}
.deveList,.deveList ul,.deveList ul li{width:100%;height:auto}
.deveList{overflow:hidden}
.deveList ul{display:block;padding-top:15px}
.deveList ul li{top:0;margin-bottom:15px;left:0!important}
.deveList ul li .bottom{top:0;position:relative}
.deveList ul li.even .top{top:0}
.deveList ul li.even:before,.deveList ul li:before{top:-5px;display:none}
.deveList ul li.even .top:after{top:-10px;transform:rotate(180deg);-webkit-transform:rotate(180deg);display:none}
.deveLine,.deveList ul li .top:after,.deveList ul li:before{display:none}
.purpose ul li .pIcon{width:60px;height:60px;margin-left:-30px;margin-top:-30px}
.purpose ul li .pText{width:200px;margin-left:-100px}
.joinTipBox{width:calc(90% - 70px);margin-left:0;height:80%;left:calc(5% + 70px);margin:0 auto;position:fixed;top:50%;transform:translateY(-50%)}
.joinTipBox .joinTipBoxInfo .joinTipName{height:60px;font-size:12px;line-height:20px}
.joinTipBox .joinTipBoxInfo{height:85%;width:94%;padding:0 3%;margin-top:5%}
.al{width:92%;padding:20px 4%}
.model_news_detail .title{font-size:18px;line-height:30px}
.subBox .detail img{width:100%;height:auto}
}
@media screen and (max-width:375px){
.navBar{width:45px;height:30px;font-size:12px;line-height:15px;bottom:35px}
.navBar.erp{bottom:90px}
.tdxcList{width:250px;height:140px}
.jobList ul li{height:180px}
.jobList{height:400px}
.al{width:92%;padding:20px 4%}
.cqList ul li{width:100%;margin-right:0}
.homeNews ul li .newsTitle,.homeNews ul li:nth-child(1) .newsTitle{font-size:14px;line-height:20px}
.homeNews ul li .newsInfo{font-size:10px;line-height:14px}
.homeNews ul li .detail,.homeNews ul li:nth-child(1) .detail{line-height:16px;font-size:10px}
.deveList ul li .bottom{font-size:12px;line-height:20px}
.honorList ul li .icon{width:60%;margin-left:20%}
.honorList ul li .text{height:32px;line-height:16px}
.tmList,.tmList ul li{width:220px;height:170px}
.nav{height:280px;margin-top:-140px}
.nav li{height:40px;line-height:40px}
.logo{width:150px}
}
@media screen and (max-width:320px){
.tdxcList{width:220px;height:125px}
.tdxcList ol li{width:5px;height:5px}
.tdxcNext,.tdxcPrev{width:30px;height:30px;margin-top:-15px}
.contactInput li input,.contactInput li p{font-size:12px}
.jobList ul li{width:205px}
.zhilian .img{width:150px;height:47px;margin-left:-75px}
.mapNav li a:first-child{font-size:14px}
}