@charset "UTF-8";.nav-long-box{width:100%;height:100px;background:rgba(24,24,24,0.5);position:absolute;z-index:1000;top:0}.nav-long-box .index-logo{width:20%;text-align:center;position:relative;top:18px}.nav-long-box .index-logo img{width:200px}.nav-long-box .navBox{width:auto;height:100px;margin:0 auto;color:white}.nav-long-box .navBox a{color:white;text-decoration:none}.nav-long-box .navItem{width:100px;height:98px;border-top:2px solid #fff;float:left;text-align:center;line-height:100px;cursor:pointer;margin-right:10px}.nav-long-box .navItem a{display:block;width:100%;height:100%}.nav-long-box .navItemLine{border-top:2px solid #de5959}.nav-long-box .navItem:hover{color:#de5959;font-weight:bold}.fiveSafeBox{width:1100px;height:auto;margin:70px auto}.fiveSafeBox .fiveTitle{font-weight:bold;text-align:center;color:#555;font-size:26px}.fiveSafeBox .fiveTitleSmall{text-align:center;color:#666;font-size:18px;margin-top:10px}.fiveSafeBox .fiveTitleSmall .fiveTitleMain{color:#de5959;font-weight:bold}.fiveSafeBox .fiveImgBox{width:764px;height:699px;margin:90px auto 0 auto;position:relative}.fiveSafeBox .fiveImgBox .safeNum{position:absolute;width:300px;height:200px}.fiveSafeBox .fiveImgBox .safeNum .fiveImgWords{font-style:oblique;font-weight:bold;color:#555}.fiveSafeBox .fiveImgBox .safeNum .fiveImgTitle{color:#555;font-size:27px}.fiveSafeBox .fiveImgBox .safeNum .fiveImgInfo{font-size:13px;color:#777;letter-spacing:2px;line-height:25px}.fiveSafeBox .fiveImgBox .safeNum.safeOne{top:25px;right:-160px}.fiveSafeBox .fiveImgBox .safeNum.safeTwo{top:77px;left:-225px;text-align:right}.fiveSafeBox .fiveImgBox .safeNum.safeThree{top:398px;right:-290px}.fiveSafeBox .fiveImgBox .safeNum.safeFour{top:332px;left:-306px;text-align:right}.fiveSafeBox .fiveImgBox .safeNum.safeFive{top:561px;left:-212px;text-align:right}.fiveSafeBox .fiveImgBox .phoneBox{position:absolute;left:202px;top:600px;width:376px;text-align:center;height:32px;line-height:32px;color:#de5959;font-size:22px}.fiveSafeBox .fiveImgBox .phoneBox .phone{font-style:oblique;vertical-align:middle;float:right;width:330px;height:32px}.abcBox{width:100%;height:600px;position:relative;overflow:hidden}.abcBox .threeProjectBox{width:100%;height:600px;position:absolute;z-index:10;top:0;left:0}.abcBox .threeProjectBox .threeProject{width:1100px;height:540px;margin:0 auto}.abcBox .threeProjectBox .threeProject .fiveTitle{font-weight:bold;text-align:center;color:#555;font-size:26px}.abcBox .threeProjectBox .threeProject .fiveTitleSmall{text-align:center;color:#666;font-size:18px;margin-top:10px}.abcBox .threeProjectBox .threeProject .fiveTitleSmall .fiveTitleMain{color:#de5959;font-weight:bold}.abcBox .threeProjectBox .threeProject .abcItemBox{width:100%;height:280px;margin-top:100px;position:relative}.abcBox .threeProjectBox .threeProject .abcItemBox .abcBgLeft{width:732px;height:240px;background:#02b2b5;position:absolute;left:0;top:40px;z-index:-1}.abcBox .threeProjectBox .threeProject .abcItemBox .abcBgRight{width:368px;height:240px;background:#02b2b5;position:absolute;right:0;top:-20px;z-index:-1}.abcBox .threeProjectBox .threeProject .abcItemBox .abcItem{width:346px;height:255px;background:#fff;float:left;box-shadow:0 0 10px #a9a9a9}.abcBox .threeProjectBox .threeProject .abcItemBox .abcItem .abcTitle{font-size:22px;color:#02b2b5;text-align:center;margin:80px 0 20px 0}.abcBox .threeProjectBox .threeProject .abcItemBox .abcItem .line{width:50px;height:1px;background:#02b2b5;margin:0 auto 20px auto}.abcBox .threeProjectBox .threeProject .abcItemBox .abcItem .abcInfo{width:90%;margin:0 auto;font-size:13px;color:#02b2b5;text-align:center;letter-spacing:1px;line-height:20px}.moveBgBox{font-size:14px;line-height:1.4;height:700px}.moveBox{height:700px;font-family:"PingHei","Lucida Grande","Lucida Sans Unicode","STHeitiSC-Light",Helvetica,"BBAlpha Sans","S60 Sans","Hiragino Sans GB",Arial,"Microsoft YaHei","Verdana",SimHei,STXihei,SimSun,"WenQuanYi Micro Hei",sans-serif}*{margin:0;padding:0}#display{z-index:0;display:block;cursor:default;position:absolute}#blachole{position:fixed;top:60px;right:60px;width:120px;height:120px}canvas{width:100%;height:100%}.moveHeader{position:relative;color:white;height:100%;min-height:300px;top:-50px;left:0}.moveHeader .bg{height:100%;width:100%;background-color:#174c95;background:linear-gradient(-60deg,#174c95 0,#077ce0 100%)}.caseBox{width:100%;height:auto;overflow:hidden;text-align:center}.caseTitle{font-size:24px;color:#444;margin-top:100px}.caseTitleEnglish{color:#999;font-size:15px;margin:7px 0 13px 0}.caseLine{width:54px;background:#09f;height:2px;margin:0 auto}.caseItemBox{width:1100px;margin:40px auto 0 auto;height:auto;text-align:center;overflow:hidden}.caseItem{width:350px;margin:0 8px 16px 8px;height:300px;float:left}.caseImg{width:100%;height:100%;transform:translateX(0);transition:transform .2s linear 0}.caseImg:hover{transform:translateX(-5px)}.companyUserInfoBox{width:100%;height:200px;margin-top:130px;overflow:hidden;background:-webkit-linear-gradient(left,#02b2b5,#09f);background:-o-linear-gradient(right,#02b2b5,#09f);background:-moz-linear-gradient(right,#02b2b5,#09f);background:linear-gradient(to right,#02b2b5,#09f)}.companyUserInfo{width:1100px;height:200px;margin:0 auto 0 auto}.companyUserInfoItem{width:25%;height:150px;float:left;text-align:center;color:#fff;padding:50px 0 0 0}.userInfoNum{font-size:50px}.addSign{font-size:23px}.userInfoInfo{font-size:13px}.companyBox{width:100%;height:auto;overflow:hidden;margin-top:150px}.companyImg{width:100%;height:100%;transform:scale(1);transition:transform .2s linear 0}.companyImg:hover{transform:scale(1.1)}.company{width:1100px;height:auto;overflow:hidden;margin:0 auto}.companyLeft{width:270px;height:470px;float:left}.companyLeftWords{width:32px;height:800px;float:left;padding:0 10px;font-size:17px;color:#777;white-space:nowrap;position:relative}.companyLeftWords-P{position:absolute;top:45px;left:-30px;width:100px;height:20px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.companyLeftImgBox{width:230px;height:470px;float:left}.companyLeftImgTop{width:100%;height:270px;overflow:hidden}.companyLeftImgBottom{width:100%;height:170px;overflow:hidden;margin-top:30px}.companyRight{width:800px;float:right;height:470px}.companyRightWordsBox{width:100%;height:180px}.companyTitleBox{width:100%;height:40px}.companyLine{float:left;width:4px;background:#ff5700;height:26px;margin-top:5px}.companyTitle{width:790px;float:right;height:40px;font-size:26px;color:#444}.companyInfo{margin:30px 0 0 0;font-size:14px;line-height:30px;color:#777;letter-spacing:2px;width:100%;height:auto}.companyLineBottom{width:60px;height:2px;margin-top:15px;background:#ff5700}.companyRightBottomImg{width:100%;height:290px;overflow:hidden}.news-title-box{width:100%;height:50px;text-align:center;margin-top:50px}.news-title-box .news-title{display:inline-block;width:150px;border:1px solid #cdcdcd;padding:15px;cursor:pointer;color:black}.news-title-box .news-title:hover,.news-title-box .news-title.active{background:#f9a123;border:1px solid #f9a123;color:white;text-decoration:none}.clear{clear:both}.news-list-box{width:80%;margin:50px auto;padding:1%}.news-list-box a{display:block}.news-list-box .news-item{float:left;margin-right:15px;margin-bottom:15px;border:1px solid #dcdcdc;padding:10px;width:22.2%;height:auto;cursor:pointer}.news-list-box .news-item:nth-child(4n){margin-right:0}.news-list-box .news-item:hover{box-shadow:0 0 20px 2px #9d9d9d;position:relative;top:-5px}.news-list-box .news-item .item-title{padding:10px 5px 5px 5px;height:55px;color:black}.news-list-box .news-item .item-summary{color:#bbb8b8;font-size:12px;padding-left:5px;padding-right:5px;overflow:hidden;height:30px}.news-list-box .news-item .item-more{padding:15px 5px;color:#afafaf}.news-list-box .news-item .item-more .more-left{float:left;font-size:12px}.news-list-box .news-item .item-more .more-right{float:right}.project-list-box{width:80%;margin:50px auto;padding:1%}.project-list-box .project-item{float:left;margin-right:1%;margin-bottom:15px;border:1px solid #dcdcdc;padding:10px;width:22%;height:auto;cursor:pointer;text-align:left}.project-list-box .project-item:nth-child(4n){margin-right:0}.project-list-box .project-item:hover{box-shadow:0 0 20px 2px #9d9d9d;position:relative;top:-5px}.project-list-box .project-item .item-title{padding:10px 5px 5px 5px;height:55px;overflow:hidden;color:black}.project-list-box .project-item .item-summary{color:#bbb8b8;font-size:12px;padding-left:5px;padding-right:5px;height:30px;overflow:hidden}.project-list-box .project-item .item-more{padding:15px 5px;color:#afafaf}.project-list-box .project-item .item-more .more-label{font-size:12px;background:black;color:yellow;padding:3px;border-radius:5px;margin-right:5px}.article-box{width:65%;margin:0 auto;margin-top:50px;box-shadow:0 0 20px 10px #dcdcdc;padding:15px}.article-box .article-title,.article-box .article-subinfo{width:100%;text-align:center;padding:10px}.article-box .article-subinfo{padding-bottom:15px;border-bottom:1px solid #cdcdcd}.article-box .article-subinfo a{color:black}.article-box .article-subinfo a:hover{text-decoration:none}.article-box .article-subinfo .article-cate{background:#000;color:yellow;padding:3px;border-radius:5px;font-size:12px}.article-box .article-summary{background:#efefef;border-radius:10px;width:80%;margin:15px auto;padding:5%}.article-box .article-content{margin-top:25px;margin-bottom:25px;padding-top:20px;padding-left:40px;padding-right:40px}.article-box .article-content p{line-height:30px;text-align:justify}.article-box .article-more{text-align:center;border-top:1px solid #cdcdcd}.article-box .article-more .logo-box{width:100%;text-align:center}.article-box .article-more .logo-box .logo{width:100px;height:100px}.article-box .article-more .company-ad span{color:red}.article-box .article-nav{height:50px;line-height:50px;padding:0 40px;margin-top:30px}.article-box .article-nav a{color:black}.article-box .article-nav a:hover,.article-box .article-nav a:visited,.article-box .article-nav a:active{color:black}.article-box .article-nav .article-prev{width:50%;float:left;text-align:left}.article-box .article-nav .article-next{width:50%;text-align:right;float:right}.project-screenshoot{width:80%;margin:0 auto;background:#cdcdcd}.project-screenshoot .project-images{overflow:hidden;display:inline-block}.project-screenshoot .project-images ul li{float:left;width:150px;display:inline-block}.project-screenshoot .project-images ul li img{width:150px;height:auto}.pagination-box{text-align:center;width:auto;margin:0 auto}.company-box{width:70%;margin:0 auto}.company-box .title{width:80%;border-bottom:1px solid #cdcdcd;margin-top:30px}.company-box .title .title-cn{color:black;font-size:20px}.company-box .title .title-en{font-size:18px;color:#cdcdcd}.company-box .content{padding:30px 0;color:#333;font-size:14px}.company-box .content .content-left{float:left;padding:20px;width:60%}.company-box .content .content-left p{margin-bottom:15px}.company-box .content .content-left img{height:250px}.company-box .content .img-right{float:right;width:35%}.company-box .content .img-right img{width:350px}.company-box .content .img-left{float:left;padding:20px;width:17%}.company-box .content .img-left img{height:250px}.company-box .content .content-right{float:right;width:70%;padding:45px 15px}.company-box .content .content-right .content-item{margin-bottom:15px}.company-box .content .content-right .content-item .item-title{font-size:20px;line-height:30px;color:black;font-weight:bold}.company-box .content .content-right .content-item .item-content{width:90%;line-height:30px}.company-box .culture .culture-title{text-align:center;line-height:28px;padding:55px;font-size:28px;font-weight:bold}.company-box .culture .culture-title .blue{color:#25a7ea}.company-box .culture .culture-content{width:100%}.company-box .culture .culture-content .content-item{width:33%;float:left;text-align:center}.company-box .culture .culture-content .content-item .content-icon{margin:0 auto;width:125px;height:125px;border-radius:50%;background:#00a0e9;padding-top:20px}.company-box .culture .culture-content .content-item .content-icon img{width:85px;height:85px}.company-box .culture .culture-content .content-item .content-title{color:black;text-align:center;font-size:18px;line-height:30px}.company-box .culture .culture-content .content-item .content-summary{line-height:30px;color:#777;text-align:center;font-size:14px}.footBox{width:100%;height:300px;margin-top:100px;background:#111}.footBox .foot{width:1100px;margin:0 auto;height:100%}.footBox .foot .footTitle{width:190px;height:120px;margin:0 auto;color:#fff;line-height:120px;font-weight:bold;text-align:center;font-size:19px;background-size:100% 100%}.footBox .foot .foot-line{width:70%;color:#777;font-size:14px;line-height:30px;text-align:center;margin:0 auto}.footBox .foot .foot-line .item{float:left;padding-right:15px}