/*public*/ .layout{ background: #2e313d; } .footer-box,.menu,.iframe,.quick-entry-box,.header-box,.banner-box,.news-box,.technical-cooperation-box,.solution-box,.product-box{ min-width: 1200px; } .ConWidth{ position: relative; margin:0 auto; width:1200px; /*font-size: 0;*/ } .transform{ -webkit-transform: translateZ(1px) } .container{ position:relative; z-index:2; width:1200px; margin:0 auto; } .container .container_full{ width:1920px; position:relative; left:-365px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .banner-box{ /* position: fixed; z-index: 0; top:0; left:0;*/ position:relative; width:100%; height:750px; } .banner-bg{ width: 100%; height: 750px; background-position: center; background-repeat: no-repeat; } /*.tempWrap ul li:nth-child(2) .bannerBtn{ display: none; }*/ .banner-bg-box{ padding: 550px 0 0 30px; } .banner-title{ height: 166px; width: 425px; background:url("../images/banner-title.png") no-repeat; } .bannerBtntop{ padding-top:410px; margin: 0 auto; width: 250px; height: 45px; } .bannerBtn{ margin: 0px auto; width: 250px; height: 45px; background: -ms-linear-gradient(#5796FE,#4988F0); background: -moz-linear-gradient(#5796FE,#4988F0); background: -o-linear-gradient(#5796FE,#4988F0); background: -webkit-linear-gradient(#5796FE,#4988F0); background: linear-gradient(#5796FE,#4988F0); border: 1px solid #1A6BE6; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .bannerBtn a{ display: block; width: 100%; height: 100%; color: #fff; font:16px/45px ""; text-align: center; } .banner-more{ margin-top:45px; width: 180px; height: 45px; font: 16px/45px siyuan; color: #fff; text-align: center; background: #38599E; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; cursor: pointer; } .banner-more a{ display:block; color: #fff; } /*一定的时间区间内平滑地过渡*/ .transition{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .banner-more:hover{ background:#414147 ; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .banner-box .banner-btn{ width: 500px; position: absolute; top: 680px; left: 50%; margin-left: -250px; } .banner-box .hd { text-align: center; } .banner-box .hd ul li { width: 11px; height: 11px; border-radius: 50%; border:1px solid #fff; background: #FFF; opacity: 0.5; cursor: pointer; position: absolute; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } .banner-box .hd ul span{ width: 100px; position: absolute; bottom: 22px; left: -46px; opacity: 0; color: #FFF; /*transition: opacity 0.2s ease;*/ } .banner-box .hd ul li:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banner-box .hd ul li:hover span{ opacity:2; } .banner-box .hd ul li:nth-of-type(1){ left: 180px; } .banner-box .hd ul li:nth-of-type(2){ left: 205px; } .banner-box .hd ul li:nth-of-type(3){ left: 230px; } .banner-box .hd ul li:nth-of-type(4){ left: 255px; } .banner-box .hd ul li:nth-of-type(5){ left: 280px; } .banner-box .hd ul li:nth-of-type(6){ left: 305px; } /*.banner-box .hd ul li:hover{ width: 11px; height: 11px; }*/ .banner-box .hd ul li:last-child{margin-right: 0!important;} .banner-box .hd ul li.on { /*background:#fff;*/ border: 1px solid #fff; opacity: 1; } /*.banner-qiehuan{ margin: 0 auto; padding-top:800px; width: 70px; height: 30px; }*/ /*product*/ .product-box{ position: relative; z-index: 1; height: 630px; width: 100%; background: #fff; } .product-title{ text-align: center;color: #000000;font-size: 26px;background: url(../images/line1.png) no-repeat center;margin-top: 40px; } .product-nav{ margin:0 auto;margin-top: 50px; margin-bottom:40px; } .productList{ width: 652px; height: 36px; } .productList li{ display: inline-block; color:#555555;font-size: 16px; cursor: pointer; } /*.productList li:hover{ color:#FFF; transition: color 0.2s ease 0.2s; }*/ .productList li div{ margin: 5px 30px 5px 30px; } .product{ height:450px; width:1200px; position: relative; overflow: hidden; } .product li{ float:left; height:375px; width:400px; text-align: center; } .product li .Product-hover{ display: none; position: relative; bottom: -30px; left: 188px; height: 12px; width: 17px; background: url("../images/cooperation-icon-hover.png") no-repeat; } .product li:hover{ width: 412px; text-align: center; background: url("../images/product-li-bg.png") no-repeat center; } .product li:hover .Product-hover{ display: block; } .product .banner-btn{ width: 500px; position: absolute; top: 405px; left: 50%; margin-left: -250px; } .product .hd { position: absolute; left: 200px; } .product .hd ul li { width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; margin-right: 20px; /*border:1px solid #CDD2D6;*/ background: #CDD2D6; float: left; cursor: pointer; } .product .hd ul li.on { background: #4E4E4E; } .product-icon{ content:' '; line-height:200px; height: 200px; width: 400px; } .product-icon-seq{ height: 200px; width: 400px; } .product-icon-seq{ background-repeat: no-repeat; background-position: center; } .product li span{ font: 23px/30px siyuan; color: #0A0A0A; } .product li .img{line-height: 200px;} .product li a{display: block;} .product li p.p2 { margin: 0 25px; font: 14px/25px siyuan; color: #7F8591;margin-top:10px; } .product-qiehuan{ margin:20px auto; width: 70px; } /*solution-box解决方案*/ .solution-box{ position: relative; width:100%; height: 750px; /*background-image: url("../images/solutionbg.jpg");*/ background-image: url("../images/zx_solution_bg.jpg"); background-position: top center; background-repeat:no-repeat; } .solution{ padding:115px 0 0 470px; } .solution-title{ width: 300px; height: 40px; font-size: 36px; font-weight: 100; color: #fff; /*background: url("../images/solution-title.png") no-repeat center center;*/ /*background-position: center center; background-repeat:no-repeat;*/ } .solution-navs{ width:750px; margin:40px 0px 75px; } .solution-nav li{ font:16px/30px siyuan !important; transition: background-color 0.5s; transition: color 0.5s; } .solution li{ /*position: relative;*/ float:left; /*padding:0 25px;*/ font: 16px/30px siyuan; color: #FFF; text-align: center; cursor: pointer; } .solution li div{ padding:0 25px; } /*.solution-nav li:hover div{ color:#FFF; }*/ .solutionListCur,.news-on{ margin:0!important; padding-left:25px; padding-right:25px; background:#1886DF; -ms-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff!important; } .solution-nav li:hover::after, .solutionListCur::after, /*.news-on::after*/ { content: ''; position: absolute; top:30px; left:50%; margin-left: -7px; border: 7px solid; border-color:#1886DF transparent transparent transparent; } .solution-icon{ height: 135px; overflow:hidden; } .solution-icon li{ float:left; margin:0 15px; height: 132px; line-height: 132px; text-align: center; vertical-align: middle; width:132px; border:1px solid #A1A2A3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:default; } .solution-icon li:hover{ background: rgba(255,255,255,0.1); } .solution h3{ margin: 40px 0 0 0; font: 30px/80px siyuan; color: #E9E9EA; letter-spacing: 3px; } .solution p{ margin:0 70px 0 0; font: 15px/30px siyuan; color: #A3A4A5; letter-spacing: 1px; } .solution-list a{ height: 100%; width: 100%; display:block; } .solution-list .type{ position:relative; } .solution-list .type .prev{ background:url(../images/solutionleft.png) no-repeat;width:13px;height:26px;position:absolute;left:-50px;top:50px; } .solution-list .type .next{ background:url(../images/solutionright.png) no-repeat;width:13px;height:26px;position:absolute;right:0px;top:50px; } .solution-more{ height: 40px; width: 100px; background: url("../images/solution-more.png") no-repeat left center; margin-top: 20px; } .solution-more:hover{ background-image: url(../images/solution-more-on.png); } /*technical-cooperation-box技术合作*/ .technical-cooperation-box{ position: relative; height:750px; width:100%; background: white; } .technical-cooperation{ padding:120px 70px 0 30px; height:630px; background: url("../images/technical-cooperation-bg.png") no-repeat right bottom; /*background-position:right bottom; background-repeat:no-repeat;*/ } .technical-cooperation-title{ /*background: url("../images/technical-cooperation-title.png") no-repeat 0% 0%;*/ } .technical-cooperation-title p{ display: inline-block; font-size: 40px; font-weight: 100; } .technical-cooperation-title .color-blue{ color: #467FDC; } .technical-cooperation-banner{ position:relative; padding:30px 0 0 40px; } .technical-cooperation-banner li .cooperation-hover{ display: none; position: relative; bottom: -10px; left: 75px; height: 12px; width: 17px; background: url("../images/cooperation-icon-hover.png") no-repeat; } .technical-cooperation-banner li img{ display: inline-block; float:left; } .technical-cooperation-banner li div{ /* display: inline-block;*/ float:left; margin-left:40px; width:300px; } .technical-cooperation-banner li div h3{ font:23px/30px siyuan; color: #0A0A0A; } .technical-cooperation-banner li div p{ margin-top: 10px; font:14px/30px siyuan; color: #7F8591; } .technical-cooperation-banner .bd li{ height: 115px; line-height: 115px; width: 430px; padding:30px 50px; /*margin:0 0 40px 0;*/ /*height: 180px;*/ vertical-align: middle; } .technical-cooperation-banner .bd li:hover{ /*background: #f9f9f9;*/ background: #F7F7F7; } .technical-cooperation-banner .bd li:hover .cooperation-hover{ display: block; } .technical-cooperation-banner .banner-btn{ width: 500px; position: absolute; top: 400px; left: 50%; margin-left: -250px; } .technical-cooperation-banner .hd { position: absolute; left:-75px; } .technical-cooperation-banner .hd ul li { width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; margin-right: 10px; /*border:1px solid #CDD2D6;*/ background: #CDD2D6; float: left; cursor: pointer; } .technical-cooperation-banner .hd ul li.on { background: #4E4E4E; } /*.technical-cooperation-banner li:nth-child(1){ background: url("../images/technical-cooperation1.png") no-repeat left center; } .technical-cooperation-banner li:nth-child(2){ background: url("../images/technical-cooperation2.png") no-repeat left center; } .qiehuan li{ float:left; margin:5px; height: 12px; width: 12px; background: url("../images/qiehuan.png") no-repeat !important; }*/ /*.server-left div:hover::after,*/ .navCur::after{ content: ""; position: absolute; top:0; left:0; width: 3px;; height: 40px; background: #78BCEC; } /*.server-left li:hover,*/ .server-left div:hover span,.server-left li:hover,.navCurSpan{ /*font-weight: bold!important;*/ color: #222222!important; background-color:#fff; } .server-left div span{ font:15px/40px siyuan; color: #555555; margin-left:25px; display:inline-block; width:75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .server-left div i{ height: 40px; width: 20px; float:right; margin-right: 10px; background: url("../images/xia.png") no-repeat center; } .server-left ul{ display: none; } .server-left li{ font:15px/40px siyuan; color: #555555; padding-left:45px; border-bottom: 1px solid #E9E9E9; cursor: pointer; overflow:hidden; height:40px; } .serverDocument-nav-content li{ float:left; margin:0px 34px 34px 0; width: 583px; height: 180px; background: #F9F9F9; cursor: pointer; } .serverDocument-nav-content li:hover{ background: #E4E4E4; } .serverDocument-nav-content li:nth-child(2n){ margin: 0 0 34px 0!important; } .serverDocument-nav-content li:last-child{ margin: 0 0 70px 0!important; } .serverDocument-icon{ float:left; width: 240px; height: 180px; margin:20px 40px 20px 20px; width: 200px; height: 140px; background: no-repeat center center #fff; background-size: 80px 80px; } .serverDocument-text{ display: inline-block; margin-top:40px; width: 260px; } .serverDocument-text h3{ font: 23px/50px siyuan; color: #0A0A0A; white-space: nowrap; } .serverDocument-text p{ font: 14px/25px siyuan; color: #727272; } .serverProblem-box{ position: relative; z-index: 2; width: 100%; min-width: 1200px; height: 600px; background: url("../images/serverproblem-bg.jpg") no-repeat center center; } .serverProblem{ height: 600px; background: url("../images/serverproblem.png") no-repeat right 100px; } .serverProblem input{ margin-right:20px; width: 155px; height: 30px; line-height: 30px; text-align: center; font-size:16px; color: #38393D; background:url("../images/button.png")no-repeat; cursor: pointer; } .serverProblem input:hover{ background: #38599E; color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: none; } .serverProblem div{ position: absolute; bottom:110px; right: 40px; } .serverProblem-nav{ padding:1px 0 70px 0; position: relative; z-index: 2; } .serverProblem-nav-li{ margin:65px 30px; height: 40px; border-bottom: 1px solid #F2F2F3; } .serverProblem-nav-li li:hover,.serverProblem-li-on{ border-bottom: 2px solid #1886DF !important; } .serverProblem-nav-li li{ display: inline-block; margin-right: 30px; padding:0 10px; font: 16px/40px siyuan; color: #000000; cursor: pointer; } .serverProblem-li li{ padding: 30px 30px 0px 30px; /*height: 80px;*/ margin-top:30px; font: 16px/30px siyuan; color: #000000; cursor: default; } .serverProblem-li li:hover{ background: #F8F8F8; } .serverProblem-li li:first-child{ /*padding: 30px 30px 0px 30px;*/ } .serverProblem-li li:last-child{ padding-bottom:30px; } .serverProblem-li li .q{ /*height: 30px;*/ padding-left: 70px; margin:0 0 10px 0; font:bold 16px/30px siyuan; color: #000; background: url("../images/q.png") no-repeat 20px center; } .serverProblem-li li .a{ /*height: 30px;*/ padding-left: 70px; font:bold 14px/30px siyuan; color: #737373; background: url("../images/a.png") no-repeat 20px 5px; } .serverProblem-li li hr{ margin:30px 0 0 70px; height: 1px; background: #F2F2F3; } .serverAfter-nav-box{ position: relative; width: 100%; height: 65px; line-height: 65px; min-width: 1200px; background:#fff; -moz-opacity: 0.95; -ms-opacity: 0.95; opacity: 0.95; } #aboutUs{ position:fixed; z-index: 5; top:70px; } .serverAfter-box{ width: 100%; min-width: 1200px; height: 811px; /*background: url("../images/serverafter-bg.png") no-repeat center;*/ background: url("../images/zx_fuwu.jpg") no-repeat center; } .serverAfter{ margin-left:550px; height: 811px; font-size: 14px; color: #111; /*background: url("../images/serverafter-line-a.png") no-repeat left 100px;*/ } .serverAfter label{ line-height: 40px; height:40px; cursor: pointer; } .serverAfter .serverAfterTitle{ padding-top: 100px; } .serverAfter ul li{ display: inline-block; } .serverAfter .serverAfterTitle h1{ font-size: 36px; font-weight: 100; padding-bottom: 20px; } .serverAfter .serverAfterTitle p{ width: 440px; font-size: 15px; line-height: 26px; font-weight: 100; } /*.serverAfter form{ padding-top:255px; }*/ .serverAfter p{ margin-bottom: 15px; } .serverAfter input{ height: 45px; line-height: 45px; padding-left:20px; border:solid 1px #DDDDDD; background: #fff; } #product{ width: 510px; } #product2,#product3,#product4{ margin: 0 10px 0 40px; } #product1{ margin: 0 10px 0 0px; } #text{ padding: 10px 0 0 20px; width: 618px; height: 130px; text-align: left; border:solid 1px #DDDDDD; background: #fff; } .serverAfter input:focus,#text:focus{ border:solid 1px #F45E45; } #name,#tel{ width: 287px; display: block; } #name{ margin-right:20px; } #submint{ padding: 0 !important;; margin-top:35px; margin-left: 230px; width: 180px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #38599E; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; border:none!important; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; cursor: pointer; } #submint:hover{ background:#414147 ; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*关于我们*/ .aboutUs-box{ padding-top:155px; width: 100%; min-width: 1200px; min-height: 600px; /*height: 565px;*/ /*background: url("../images/aboutus-bg.jpg") no-repeat center top;*/ background: url("../images/zx_jieshao.jpg") no-repeat center top; } .aboutUs{ padding-top: 45px; } .pt{padding-top:0!important;} #videoBox{ display: none; } .aboutleft,.aboutRight{ display: inline-block; margin-top: 20px; } .aboutRight{ position: absolute; top:0; right: 0; margin-left: 45px; width: 504px; height: 289px; vertical-align: top; margin-top: 110px; } .aboutRight div{ position: absolute; left: 50%; margin-left: -36px; top: 50%; margin-top: -36px; width: 72px; height: 72px; z-index: 3; background: url("../images/icon-1.png"); cursor:pointer; } .aboutRight div:hover{ background-image: url("../images/icon-on.png"); } .aboutRight img{ position: absolute; z-index: 2; } /*.aboutUs-zi{ padding-top:100px; }*/ .aboutUs h3{ font:38px/100px siyuan; color:#1F1F1F; } .aboutUs p{ /*width: 640px;*/ font:15px/30px siyuan; color:#665F65; text-align: justify; } .aboutUs .longp{ display: none; width:1200px; } .aboutUs .learnMore{ display: block; width: 70px; margin: 20px 0 100px 0; } .aboutUs .back{ display: block; margin: 10px 0 20px 0; } .w600{ width:620px!important; } .aboutUs p i{ font:18px/30px siyuan; color:#38599E; } /*hornor荣誉*/ .aboutUs-hornor{ margin:45px auto 0; width:1200px; } .aboutUs p span{ display: inline-block; padding-left:10px; padding-right: 30px; width:272px; background: url('../images/timeicon.png') no-repeat 0 10px; } .aboutUs p span i{ padding-right:10px; height: 5px; width:5px; background-color:#00A0F0; -ms-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } .aboutUs-en{ margin-top:25px; } .aboutUs-en h3{ font:bold 16px/30px siyuan; color:#4A4C4C; } .aboutUs-en p{ width: 600px; font:16px/30px siyuan; color:#8D8C92; } .aboutUs-org-box{ width: 100%; min-width: 1200px; height: 805px; /*background: url("../images/org-bg.jpg") no-repeat center;*/ background: url("../images/zx_jieshao_bg.jpg") no-repeat center; } .aboutUs-org-title{ height: 200px; width: 300px; /*background: url("../images/org-title.png") no-repeat right bottom;*/ } .aboutUs-org-title-right{ float: right; } .aboutUs-org{ padding-top: 200px; width: 1200px; height: 450px; background: url("../images/org.jpg") no-repeat right bottom; } #hornor-box{ height: 690px; } .aboutUs-history-box{ width: 100%; min-width: 1200px; height: 600px; background: #fff; } .hornor-content .content-top{ height: 92px; } .hornor-content .content-years{ width: 70px; height: 30px; position: relative; font-size: 16px; float: left; display: block; border: 1px solid #c2c2c2; border-radius: 15px; text-align: center; line-height: 30px; margin:30px 20px 30px 0; cursor: pointer; } .content-blue{ border-color: #00A0F0 !important; color: #00A0F0; } .hornor-content .content-years-wl::after{ content: ''; position: absolute; top: 30px; left: 33px; width: 1px; height: 29px; background-color: #c2c2c2; } .hornor-content ul li div li{ position: relative; height: 20px; margin: 15px 0 15px 0; } .hornor-content ul .content-list:nth-child(1){ margin-left: 25px; } .hornor-content ul .content-list:nth-child(2){ display: none; margin-left: 117px; } .hornor-content ul .content-list:nth-child(3){ display: none; margin-left: 209px; } .hornor-content ul .content-list:nth-child(4){ display: none; margin-left: 301px; } .hornor-content ul li div li:nth-child(1){ margin-top: 0px; } .hornor-content ul li div li span{ font: 15px siyuan; color: #665F65; line-height: 20px; vertical-align: 3px; } .hornor-content ul li div li::before{ padding-right: 30px; content: url("../images/aboutUs/hornor/hornor-circle.png") } .hornor-content ul li div li::after{ content: ' '; position: absolute; top: 22px; left: 9px; width: 1px; height: 12px; background-color: #c2c2c2; } .hornor-content ul li div li:last-child::after{ height: 0px; } .aboutUs-team-box{ width: 100%; min-width: 1200px; height: 917px; background: url("../images/aboutus-men.jpg") no-repeat center; } /*.aboutUs-team-title{ padding-top:70px; }*/ /* .aboutUs-team ul,.aboutUs-team ul li{ height: 498px; } .aboutUs-team ul li:nth-child(3n){ margin-right:0px !important; } */ .aboutUs-team ul li{ display: inline-block; /*width:385px;*/ width:590px; text-align: center; /* margin-right:20px;*/ } /*团队切换图片*/ .aboutUs-team { margin:55px 0; width:1200px; height: 600px; position: relative; overflow: hidden; } /* .banner-btn { width: 500px; position: absolute; top: 405px; left: 50%; margin-left: -250px; }*/ .aboutUs-team .hd { position: absolute; top: 165px; left: 200px; } .aboutUs-team .hd ul li { width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; margin-right: 20px; background: #CDD2D6; float: left; cursor: pointer; } .aboutUs-team .hd ul li.on { background: #38599E; } /*客户案例*/ .aboutUsCase-layout{ position: fixed; top: 0px; left: 0; width: 100%; height: 640px; margin-top: 0; } .aboutUsCase-box{ width: 100%; min-width: 1200px; height: 640px; /*background: url("../images/aboutus-case.jpg") no-repeat center;*/ background: url("../images/zx_ja.jpg") no-repeat center; } .aboutUsCase-banner{ height: 240px; padding-top: 270px /*background: url("../images/aboutus-case-title.png") no-repeat 80px 280px;*/ } .aboutUsCase-banner h1{ font-size: 54px; font-weight: 100; padding-left: 66px; } .aboutUsCase-banner p{ padding: 40px 0 0 70px; width: 550px; font-weight: 100; font-size: 18px; line-height: 35px; color: #666666; } .aboutUsCase{ position:relative; margin-top:640px; width: 100%; min-width: 1200px; background: #fff; } .aboutUsCase-Administrative{ padding:80px 0 0 0; } .aboutUsCase-org{ padding:80px 0 0 0; } .aboutUsCase-other{ padding:80px 0 150px; } .aboutUsCase p{ margin: 0px 0 30px; font:bold 24px ""; color: #000; } .aboutUsCase li{ display:inline-block; width: 389px; height: 93px; margin:0 5px 30px 0; cursor: default; } .aboutUsCase-Administrative li:nth-child(8){ background: url("../images/aboutus-org-6.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(9){ background: url("../images/aboutus-org-2.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(11){ background: url("../images/aboutusin26.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(14){ background: url("../images/aboutus-administrative12.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(10){ background: url("../images/aboutus-administrative15.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(23){ background: url("../images/aboutus-administrative2.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(19){ background: url("../images/aboutusin1.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(12){ background: url("../images/aboutusin2.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(30){ background: url("../images/aboutusin22.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(20){ background: url("../images/aboutusin4.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(18){ background: url("../images/aboutusin5.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(21){ background: url("../images/aboutusin6.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(15){ background: url("../images/aboutusin7.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(13){ background: url("../images/aboutusin8.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(22){ background: url("../images/aboutusin16.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(17){ background: url("../images/aboutusin9.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(26){ background: url("../images/aboutusin11.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(29){ background: url("../images/aboutusin14.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(24){ background: url("../images/aboutusin15.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(25){ background: url("../images/aboutusin18.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(27){ background: url("../images/aboutusin3.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(28){ background: url("../images/aboutusin19.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(6){ background: url("../images/aboutusin20.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(2){ background: url("../images/aboutusin23.jpg") no-repeat; } /*.aboutUsCase-Administrative li:nth-child(4){ background: url("../images/aboutusin24.jpg") no-repeat; }*/ .aboutUsCase-Administrative li:nth-child(7){ display:none; } .aboutUsCase-Administrative li:nth-child(5){ background: url("../images/aboutusin30.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(4){ background: url("../images/case-new.jpg") no-repeat; } /*.aboutUsCase-Administrative li:nth-child(4){ background: url("../images/aboutusin25.jpg") no-repeat; }*/ .aboutUsCase-Administrative li:nth-child(16){ background: url("../images/aboutusin10.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(1){ background: url("../images/aboutusin27.jpg") no-repeat; } .aboutUsCase-Administrative li:nth-child(3){ background: url("../images/aboutusin28.jpg") no-repeat; } /*.aboutUsCase-Administrative li:nth-child(6){ background: url("../images/aboutusin29.jpg") no-repeat; }*/ .aboutUsCase-Administrative li:nth-child(6){ background: url("../images/aboutus-org-3.jpg") no-repeat; } /*learnMore*/ .aboutUsCase-Administrative .learnMore{ display: block; width: 389px; height: 93px; background: url("../images/learnmore.jpg") } .aboutUsCase-Administrative .back{ display: block; width: 389px; height: 93px; background: url("../images/back.jpg") } .aboutUsCase-Administrative .longp{ display: none; } .aboutUsCase-Administrative .longp li:nth-child(1){ background: url("../images/aboutusin22.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(1){ background: url("../images/aboutus-administrative1.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(2){ background: url("../images/aboutus-administrative3.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(3){ background: url("../images/aboutus-administrative4.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(4){ background: url("../images/aboutus-administrative5.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(5){ background: url("../images/aboutus-administrative6.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(6){ background: url("../images/aboutus-administrative7.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(7){ background: url("../images/aboutus-administrative8.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(8){ background: url("../images/aboutus-administrative10.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(9){ background: url("../images/aboutus-administrative11.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(10){ background: url("../images/aboutus-administrative16.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(11){ background: url("../images/aboutus-administrative17.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(12){ background: url("../images/aboutus-administrative20.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(13){ background: url("../images/aboutus-administrative21.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(14){ background: url("../images/aboutus-administrative22.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(15){ background: url("../images/aboutus-administrative23.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(16){ background: url("../images/aboutus-administrative24.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(17){ background: url("../images/aboutus-administrative25.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(18){ background: url("../images/aboutus-administrative27.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(19){ background: url("../images/aboutus-administrative28.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(20){ background: url("../images/aboutus-administrative33.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(21){ background: url("../images/aboutus-administrative34.jpg") no-repeat; } .aboutUsCase-Administrative .longp li:nth-child(22){ background: url("../images/aboutus-administrative35.jpg") no-repeat; } /*.aboutUsCase-org li:nth-child(1){*/ /*background: url("../images/aboutus-org-1.jpg") no-repeat;*/ /*}*/ .aboutUsCase-org li:nth-child(1){ background: url("../images/aboutus-org-4.jpg") no-repeat; } .aboutUsCase-org li:nth-child(2){ background: url("../images/aboutus-org-5.jpg") no-repeat; } .aboutUsCase-org li:nth-child(3){ background: url("../images/aboutus-org-7.jpg") no-repeat; } .aboutUsCase-org li:nth-child(4){ background: url("../images/aboutus-org-8.jpg") no-repeat; } .aboutUsCase-org li:nth-child(5){ background: url("../images/aboutus-org-9.jpg") no-repeat; } .aboutUsCase-org li:nth-child(9){ background: url("../images/aboutus-org-10.jpg") no-repeat; } .aboutUsCase-org li:nth-child(10){ background: url("../images/aboutus-org-11.jpg") no-repeat; } .aboutUsCase-org li:nth-child(11){ background: url("../images/aboutus-org-12.jpg") no-repeat; } .aboutUsCase-org li:nth-child(12){ background: url("../images/aboutus-org-13.jpg") no-repeat; } .aboutUsCase-org li:nth-child(13){ background: url("../images/aboutus-org-14.jpg") no-repeat; } .aboutUsCase-org li:nth-child(14){ background: url("../images/aboutus-org-15.jpg") no-repeat; } .aboutUsCase-org li:nth-child(15){ background: url("../images/aboutus-org-16.jpg") no-repeat; } .aboutUsCase-org li:nth-child(16){ background: url("../images/aboutus-org-17.jpg") no-repeat; } .aboutUsCase-org li:nth-child(17){ background: url("../images/aboutus-org-18.jpg") no-repeat; } .aboutUsCase-org li:nth-child(18){ background: url("../images/aboutus-org-19.jpg") no-repeat; } .aboutUsCase-org li:nth-child(19){ background: url("../images/aboutus-org-20.jpg") no-repeat; } .aboutUsCase-org li:nth-child(20){ background: url("../images/aboutus-org-21.jpg") no-repeat; } .aboutUsCase-org li:nth-child(21){ background: url("../images/aboutus-org-22.jpg") no-repeat; } .aboutUsCase-org li:nth-child(22){ background: url("../images/aboutus-org-23.jpg") no-repeat; } .aboutUsCase-org li:nth-child(23){ background: url("../images/aboutus-org-24.jpg") no-repeat; } .aboutUsCase-org li:nth-child(24){ background: url("../images/aboutus-org-25.jpg") no-repeat; } .aboutUsCase-org li:nth-child(25){ background: url("../images/aboutus-org-26.jpg") no-repeat; } .aboutUsCase-org li:nth-child(26){ background: url("../images/aboutus-org-27.jpg") no-repeat; } .aboutUsCase-org li:nth-child(27){ background: url("../images/aboutus-org-28.jpg") no-repeat; } .aboutUsCase-org li:nth-child(8){ background: url("../images/aboutus-org-29.jpg") no-repeat; } .aboutUsCase-org li:nth-child(7){ background: url("../images/aboutus-org-30.jpg") no-repeat; } .aboutUsCase-org li:nth-child(6){ background: url("../images/aboutus-org-31.jpg") no-repeat; } .aboutUsCase-other li:nth-child(1){ background: url("../images/aboutus-org-1.jpg") no-repeat; } .aboutUsCase-other li:nth-child(3){ background: url("../images/aboutus-other-15.jpg") no-repeat; } .aboutUsCase-other li:nth-child(10){ background: url("../images/aboutus-other-11.jpg") no-repeat; } .aboutUsCase-other li:nth-child(6){ background: url("../images/aboutus-other-13.jpg") no-repeat; } .aboutUsCase-other li:nth-child(8){ background: url("../images/aboutus-other-16.jpg") no-repeat; } .aboutUsCase-other li:nth-child(9){ background: url("../images/aboutus-other-17.jpg") no-repeat; } .aboutUsCase-other li:nth-child(4){ display: none; background: url("../images/aboutus-other-18.jpg") no-repeat; } .aboutUsCase-other li:nth-child(2){ background: url("../images/aboutus-other-19.jpg") no-repeat; } .aboutUsCase-other li:nth-child(7){ background: url("../images/aboutus-other-20.jpg") no-repeat; } .aboutUsCase-other li:nth-child(5){ background: url("../images/aboutusin13.jpg") no-repeat; } .aboutUsCase-other li:nth-child(11){ background: url("../images/aboutus-other-21.jpg") no-repeat; } .aboutUsCase-other li:nth-child(12){ background: url("../images/aboutus-other-22.jpg") no-repeat; } .aboutUsCase-other li:nth-child(13){ background: url("../images/aboutusin31.jpg") no-repeat; } .aboutUsCase-other li:nth-child(14){ background: url("../images/aboutusin17.jpg") no-repeat; } .aboutUsCase-other li:nth-child(15){ background: url("../images/aboutusin32.jpg") no-repeat; } /*关于我们--联系我们*/ .aboutUsContact-layout{ top: 0px; left: 0; width: 100%; height: 775px; margin-top: 0; } .aboutUsContact-box{ width:100%; min-width: 1200px; height: 775px; /*background: url("../images/aboutus-tel.jpg") no-repeat center;*/ background: url("../images/zx_lx.jpg") no-repeat center; } .aboutUsContact-xiAn-box{ position: relative; width: 100%; min-width: 1200px; height: 675px; background-color: #F6F6F6; } .aboutUsContact-xiAn{ margin-right:100px; margin-left:25px; padding-top:190px; height: 485px; /*background: url('../images/xianbg.png') no-repeat right bottom #F6F6F6;*/ } .bg-bj{ background: url('../images/bj.png') no-repeat center; } .bg-gz{ background: url('../images/gz.png') no-repeat center; } .bg-nj{ background: url('../images/nj.png') no-repeat center; } .bg-xa{ background: url('../images/xa.png') no-repeat center; } .aboutUsContact-bj{ margin-left: 825px; padding-top: 100px; height: 485px; } .aboutUsContact-xiAn .xiAnTitle{ display: inline; font-size: 52px; font-weight: 100; height: 51px; width:347px; } .aboutUsContact-xiAn span{ display: inline; font-size: 52px; font-weight: 100; height: 51px; width:347px; color:#38599E; } .aboutUsContact-xiAn .telmargin{ margin-top: 65px; } .aboutUsContact-xiAn p{ color: #727272; font: 17px/30px 微软雅黑; width: 400px; } .aboutUsContact-banner{ padding: 180px 0 0 60px; } .aboutUsContact-banner .aboutUsContact-bottom{ /*margin-top:30px;*/ height: 121px; /*background:url("../images/tel.png") no-repeat;*/ } .aboutUsContact-banner .aboutUsContact-bottom li{ float: left; width: 140px; text-align: center; padding: 52px 0 0 0; } .aboutUsContact-banner .aboutUsContact-bottom li img{ height: 32px; display: block; margin: 0 0 20px 50px; } .aboutUsContact-banner .aboutUsContact-bottom li p{ padding-left: -10px; } .aboutUsContact-map,.xiAnMapBox,.gzMapBox{ display: none; position: absolute; height: 407px; width: 646px; background: url("../images/map.png") no-repeat; } .aboutUsContact-map{ top: 275px; left: 195px; } .xiAnMapBox,.gzMapBox{ top: 266px; left: 174px; } .aboutUsContact-map> div,.njMapBox>div,.xiAnMapBox>div,.bjMapBox>div,.gzMapBox>div{ margin:46px 0 0 46px; height: 311px; width: 551px; } .njMapBox,.bjMapBox{ display: none; position: absolute; top: 180px; right: 350px; height: 407px; width: 646px; background: url("../images/nanjingmap.png") no-repeat; } #allmap,#njmap,#xiAnmap,#bjmap,#gzmap{ width: 100%; height: 100%; overflow: hidden; margin:0; font-family:siyuan; } .anchorBL { display: none; } .aboutUsContact-banner-title{ height: 275px; /*background: url("../images/title.png") no-repeat 0px 0px;*/ } .aboutUsContact-banner-title h1{ font-weight: 100; } .aboutUsContact-banner-title h1:nth-child(1){ font-size: 60px; } .aboutUsContact-banner-title h2{ font-weight: 100; font-size: 25px; padding-top: 30px; } .aboutUsContact-banner-title h3{ font-weight: 100; font-size: 18px; padding-top: 10px; } /*contact new*/ .aboutUsContact-Nanjing-box .contactTitle{ font-weight: 500; padding: 70px 0 30px 50px; } .aboutUsContact-Nanjing-box label{ padding: 0 30px 0 50px; } .aboutUsContact-Nanjing-box select{ width: 300px; height: 34px; border: 1px solid #aaaaaa; } .aboutUsContact-Nanjing-box .contactCity,.contactPart{ float: left; } .aboutUsContact-Nanjing-box .contactContent{ margin: 70px 0 120px 20px; width: 1150px; height: 180px; background-color: #fcfcfc; } .aboutUsContact-Nanjing-box .contactContent li{ box-shadow: 0px 0 10px #f7f7f7; } .aboutUsContact-Nanjing-box .contactContent .contentNone{ display: none; } .aboutUsContact-Nanjing-box .contactContent h2{ font-weight: 500; padding: 30px 0 20px 50px; } .aboutUsContact-Nanjing-box .contactContent p{ padding: 0 0 10px 50px; } .aboutUsContact-banner input,.aboutUsContact-Nanjing-content input,.xiAnBtn,.bjBtn,.gzBtn,.njBtn{ width: 160px; height: 45px; font:16px/45px siyuan; color: #444444; border: 1px solid #999999; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: transparent; cursor: pointer; } .aboutUsContact-Nanjing-content input,.xiAnBtn,.bjBtn,.gzBtn,.njBtn{ margin-top:50px; } .aboutUsContact-ul{ padding:150px 0 0 0; } .aboutUsContact-li{ float: left; width: 300px; height: 360px; padding:0 50px 0 50px; } .aboutUsContact-li h3{ text-align: center; padding-top: 35px; } .aboutUsContact-li h3 p{ display: inline-block; color: #3B599E; } .aboutUsContact-li h3 span{ display: inline-block; } .aboutUsContact-li p{ text-align: center; padding-top: 20px; } .aboutUsContact-Nanjing-box{ position:relative; z-index:2px; width:100%; height: 600px; min-width: 1200px; } .contact-inner ul{ padding-top: 24px; padding-bottom: 80px; } .contact-inner ul li{ float: left; margin: 8px; width: 580px; height: 180px; background-color: rgba(255, 255, 255, 1); cursor: pointer; } .contact-inner ul li:hover{ box-shadow: 0px 6px 9.4px 0.6px rgba(202, 202, 204, 0.5); } .contact-inner ul li h3{ font:16px/16px siyuan; color: #00A0F0; padding: 50px 0 20px 80px; cursor: pointer; } .contact-inner ul li p{ font:14px/24px siyuan; color: #666666; padding-left: 80px; } .aboutUsContact-Nanjing{ float:right; padding: 210px 15px 20px 0px; width: 410px; } .aboutUsContact-Nanjing-content{ width: 415px; height: 553px; text-align: right; background: url("../images/najingtitle.png") no-repeat top right; } .aboutUsContact-Nanjing-content p{ color:#727272; font:15px/30px siyuan; } .aboutUsContact-address{ padding:170px 0 40px 60px;; font:17px/30px siyuan !important; } .aboutUsContact-tel{ font: bold 16px/30px siyuan !important; } .aboutUsContact-Nanjing-content .h33{ height: 33px; } .tel{ height: 33px; width: 230px; background: url("../images/aboutus-contact-tel.jpg") no-repeat right center; } /*关于我们--热门新闻*/ .aboutUsNews-layout{ position: fixed; top: 0px; left: 0; width: 100%; height: 600px; margin-top: 0; z-index: 1; } .aboutUsNews-top{ position: relative; z-index: 2; margin-top: 600px; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; } .aboutUsNews-banner-box{ width: 100%; min-width: 1200px; height: 600px; /*background: url("../images/new-banner.jpg") no-repeat center;*/ background: url("../images/zx_jie_new.jpg") no-repeat center; } .aboutUs-banner{ height: 600px; background: url("../images/news-title.png") no-repeat 790px 250px; } .aboutUsNews-box{ position: relative; z-index: 2; width: 100%; min-width: 1200px; height: auto; background: #fff; } .aboutUs-news-search{ position: relative; margin-top: 18px; width: 245px; } .aboutUs-news-search img{ position: absolute; top: 10px; z-index: 4; left: 20px; } .aboutUs-news-search input{ position: absolute; z-index: 2; padding-left:45px; width: 200px; height: 35px; color: #747B8B; font:13px/35px siyuan; border:1px solid #C1C7CC; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .aboutUsNews{ height: auto; border-top: 1px solid #EFEFEF; } .aboutUsNews-left{ width:878px; } .no-serch{ display: none; } .aboutUsNews-left li{ position: relative; margin:45px 0 35px 0; padding: 30px 30px 0; height: 190px; cursor: pointer; } .aboutUsNews-icon img{ width:100%; position:relative; z-index: 5; } .aboutUsNews-left li:hover{ background:#F2F2F2; } .aboutUsNews-left li:hover .aboutUsNews-icon img{ top:-10px; left:-10px; width:280px; height:170px; } /* .aboutUsJobInfo-left{ float:left; margin-right: 30px; overflow: hidden; width: 220px; height: 140px; vertical-align: middle; text-align: center; } .aboutUsJobInfo-left div{ position:absolute; top: 30px; z-index: 55; width: 51px; height: 21px; font: 12px/21px siyuan; text-align: center; color: #FFFFFF; } */ .aboutUsNews-icon{ margin-right: 30px; width: 260px; height: 150px; float:left; overflow: hidden; vertical-align: middle; text-align: center; } .aboutUsNews-icon div{ position: absolute; z-index: 6; height: 21px; width: 51px; font: 12px/21px siyuan; color: #fff; text-align: center; } .aboutUsNews-left h3{ margin-bottom: 10px; width: 475px; font: 20px/30px siyuan; color: #131313; } .aboutUsNews-left p{ margin-bottom: 10px; width: 528px; font: 13px/25px siyuan; color: #939393; } .aboutUsNews-bottom{ height: 150px; padding-bottom: 40px !important; border-bottom: 1px solid #EFEFEF; } .aboutUsNews-right{ margin-top: 30px; padding: 30px 20px; width: 265px; /*height: 500px;*/ background: #F2F2F2; } .aboutUsNews-new{ position: relative; z-index: 1; overflow: hidden; width: 260px; height: 200px; cursor: pointer; } .aboutUsNews-new:hover img{ top:-10px; left:-10px; width:280px; height: 220px; } .aboutUsNews-new img{ position: absolute; z-index: 1; } .aboutUsNews-new div{ position: relative; z-index: 5; width: 260px; height: 200px; background: url("../images/news-new-bg.png") no-repeat center bottom; cursor: pointer; } .aboutUsNews-new p{ padding-top: 155px; font:16px/30px siyuan; color: #fff; } .aboutUsNews-new p:hover{ color: #C5C5C5; } .aboutUsNews-hot h3{ position:relative; margin: 45px 0 35px 0; } .aboutUsNews-hot h3 span{ position:relative; display: inline-block; z-index: 2; padding-right: 25px; background: #F2F2F2; font:bold 16px/30px ""; } .aboutUsNews-hot h3::after{ content: ''; position: absolute; display: block; top: 50%; left: 0; border-bottom: 1px solid #DFDFDF; width: 100%; } .newInfo-title{ padding: 25px 0 0px; } .newInfo-title h3 span{ font:21px/30px siyuan; color: #333333; background: #f9f9f9 !important; } .aboutUsNews-newhot a{ display: inline-block; padding:2px 25px; margin:0 15px 20px 0; height: 27px; font: 13px/27px siyuan; color: #5EACFF; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border:1px solid #5CACFF; } .aboutUsNews-newhot a:hover{ background: #38599E; border:1px solid #38599E; color: #fff; } .aboutusNews-ithot a{ display: inline-block; margin: 0 15px 10px 0; height: 27px; font: 13px/27px siyuan; color: #7F7F7F; } .aboutusNews-ithot a:hover{ color: #38599E; } .aboutUsNews-footer{ } .aboutUsNews-footer a{ margin-bottom:120px; background: #F6F6F6; text-align: center; font: bold 16px/45px ""; cursor: pointer; display:block; color:#000; } .aboutUsNews-footer a:hover{ .aboutUsNews-footer a } .aboutUsNews-box{ width: 100%; min-width: 1200px; height: auto; } .aboutUsNews-title{ height: 120px; padding:60px 30px 0px; /*border-bottom: 1px solid #EEEEEE;*/ } .aboutUsNews-title-left{ position: relative; display: inline-block; float: left; /*width:797px;*/ width:100%; } .aboutUsNews-title-left h3{ font:28px/45px siyuan; color:#333 ; margin: 10px 0; } .aboutUsNews-title-left span{ margin-right:15px; font:13px/20px siyuan; color:#525252 ; } .aboutUsNews-title-left span:last-child{ position: absolute; bottom: -25px; margin-right:0px; font:13px/20px siyuan; color:#8A8A8A; } .aboutUsNews-title-right{ display: inline-block; float: right; /*margin-top: 50px;*/ width: 342px; } .aboutUsNews-title-right li{ display: inline-block; height: 30px; vertical-align: middle; cursor: pointer; } .aboutUsNews-title-right li:first-child{ cursor:default; } .aboutUsNews-title-right li img{ margin: -4px 10px 0 0; } .aboutUsNews-title-right li span{ margin:0 15px 0 0; font:14px/30px siyuan; color:#696969; } .aboutUsNews-title-right li p{ display: inline-block; margin:0 10px 0 0; font:14px/30px siyuan; color:#686868; } .aboutUsNews-title-right .praise p{ position: relative; top: -50px; right: -23px; } .aboutUsNews-title-right .praise span{ position: relative; top: -50px; left: 15px; } .aboutUsNews-title-right li:first-child:hover p{ color: #686868 !important; } .aboutUsNews-title-right li:hover p{ color: #38599E !important; } .aboutUsNews-title-right li span{ margin:0 10px 0 0; font:14px/9px siyuan; color:#eee; } .aboutUsNews-title-right li input{ width: 70px; height: 30px; text-align: center; font:16px/26px siyuan; color: #38393D; -moz-border: 1px solid #BDBFC1; -ms-border: 1px solid #BDBFC1; border: 1px solid #BDBFC1; background-color: #E8E8E8; background-image: -moz-linear-gradient(#FEFEFE,#E8E8E8); background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E8E8E8)); background-image: -webkit-linear-gradient(#fff, #E8E8E8); background-image: -o-linear-gradient(#FEFEFE, #eee); background-image: -ms-linear-gradient(#FEFEFE, #E8E8E8); background-image: linear-gradient(#FEFEFE, #eee); -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; cursor: pointer; } .aboutUsNews-title-right li input:hover{ background:#38599E ; color: #fff; border:none; } #praise{ display: none; position: absolute; top: 100px; } .aboutUsNews-title-right #btn i{ color: black; display:inline-block; *display:inline; *zoom:1; } /* CSS Document */ /*点赞*/ @font-face { font-family: 'icomoon'; src:url('./font/icomoon.eot'); src:url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* General button style (reset) */ .btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 25px 80px; display: inline-block; /*margin: 15px 30px;*/ text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pseudo elements for icons */ .btn:before, .icon-heart:after, .icon-star:after, .icon-plus:after, .icon-file:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; } .icon-heart:before { content: "\e900"; color:#38599E; } /* Filled heart */ .icon-heart:after, .icon-heart-2:before { content: "\e901"; } /* Icon only style */ .btn-icon-only { font-size: 0; padding: 25px 30px; } .btn-icon-only:before { position: absolute; top: -14px; left: -30px; width: 100%; height: 100%; font-size: 16px; line-height: 54px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Button 7e */ .btn-7e:after { position: absolute; width: 100%; height: 100%; left: -30px; top: -14px; z-index: 1; font-size: 16px; line-height: 54px; color: #38599E; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: none; -moz-transition: none; transition: none; } .btn-7e.btn-activated:after { -webkit-animation: scaleFade 0.5s forwards; -moz-animation: scaleFade 0.5s forwards; animation: scaleFade 0.5s forwards; } @-webkit-keyframes scaleFade { 50% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.8); } } @-moz-keyframes scaleFade { 50% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(1.8); } } @keyframes scaleFade { 50% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.8); } } .new-title{ margin:25px 0px 40px ; background: #F6F6F6; height: 55px; width: 1140px; vertical-align: middle; font:16px/55px siyuan; color: #333; } .new-title span:first-child{ margin-left:30px; font-weight: bold; } .newInfo{ margin: 0px 30px 40px; border-top: 1px solid #EEEEEE ; border-bottom: 1px solid #EEEEEE ; } .newInfo1{ margin: 0 40px 80px ; } .newInfo1 p,.newInfo2 p{ margin-bottom:20px; font: 14px/30px siyuan; color: #595959; } .newInfo2{ margin:80px 40px 50px; } .newsInfo-bg{ width: 1140px; height: 180px; background: url("../images/new-bg.png") no-repeat center; } .news-footer{ margin: 0px 30px; padding: 5px 0 100px 0; font:bold 14px/50px siyuan; color: #333333; } .news-footer-left{ display: inline-block; float: left; cursor: pointer; } .news-footer a{ font:bold 14px/50px siyuan; color: #333333; } .news-footer-right{ display: inline-block; float: right; cursor: pointer; } .news-footer-left a:hover,.news-footer-right a:hover{ color: #38599E; } #register{ overflow: hidden; width: 345px; height: 277px; background: url("../images/register.png") no-repeat; } #register h3{ margin:30px 30px 20px; text-align: center; font:30px/35px siyuan; color: #fff; } #register p{ text-align: center; font:14px/25px siyuan; color: #fff; } #forget{ width: 345px; height: 277px; background: url("../images/forget-bg.png") no-repeat; } #register div,#forget div{ width: 15px; height: 15px; margin-left:300px; padding-top:20px; cursor: pointer; /*background:url("../images/close.png") no-repeat;*/ } #register > input { margin:30px 0 0 83px; width: 180px; height: 45px; font: 16px/45px siyuan; background: #FFFFFF; color: #3179B8; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; cursor:pointer; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } #register > input:hover{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*关于我们--工作机会*/ .aboutUsJob-layout{ position: fixed; top: 0; left: 0; width: 100%; height: 600px; margin-top: 0; z-index: 1; } .aboutUsJob-box{ width:100%; min-width: 1200px; height: 600px; /*background: url("../images/bg.jpg") no-repeat center;*/ background: url("../images/zx_jie_jh.jpg") no-repeat center; } .aboutUsJob-banner{ padding:180px 0 0 735px; height: 480px; } .aboutUsJob{ height: 250px; width: 420px; background: url("../images/title.png") no-repeat 0 0; } .aboutUsJob-banner .postP{ display: block; margin:0 0 0 10px; width: 162px; height: 45px; cursor: pointer; font: 16px/45px siyuan; color: #fff; text-align: center; background: #38599E; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } /*.aboutUsJob-banner input{ margin:50px 0 0 10px; width: 162px; height: 45px; cursor: pointer; font: 16px/45px siyuan; color: #fff; text-align: center; background: #38599E; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }*/ .aboutUsJob-banner .postP:hover{ background:#414147 ; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .aboutUsJobjoin{ display: none; position:absolute; bottom:230px; right: 165px; height: 299px; width: 418px; background: url("../images/join.png") no-repeat center; } .aboutUsJobInfo-box{ position: relative; z-index: 2; margin-top:600px; width:100%; min-width: 1200px; background: #fff; } .aboutUsJobInfo{ padding:60px 0 51px; height:250px; } .aboutUsJobInfo .bd li{ float:left; padding:30px; vertical-align: middle; cursor: pointer; } .aboutUsJobInfo .bd li:hover{ background:#F2F2F2; } .aboutUsJobInfo .bd li:hover .aboutUsJobInfo-left img{ top:-10px; left:-10px; width:240px; height: 160px; } .aboutUsJobInfo .banner-btn { width: 500px; position: absolute; top: 405px; left: 50%; margin-left: -250px; } .aboutUsJobInfo .hd { position: absolute; top: -125px; left: 200px; } .aboutUsJobInfo .hd ul li { float: left; margin-right: 10px; width: 12px; height: 12px; line-height: 14px; border-radius: 50%; text-indent: -9999px; background: #CDD2D6; cursor: pointer; } .aboutUsJobInfo .hd ul li.on { background: #4E4E4E; } .aboutUsJobInfo-left{ float:left; margin-right: 30px; overflow: hidden; width: 220px; height: 140px; vertical-align: middle; text-align: center; } .aboutUsJobInfo-left img{ position:relative; z-index: 5; } .aboutUsJobInfo-left div{ position:absolute; top: 30px; z-index: 55; width: 51px; height: 21px; font: 12px/21px siyuan; text-align: center; color: #FFFFFF; } .aboutUsJobInfo-right{ float:right; width: 302px; } .aboutUsJobInfo-right h3{ font: 24px/50px siyuan; color: #000; } .aboutUsJobInfo-right p{ font: 14px/30px siyuan; color: #727272; } #job{ width: 570px; height: 725px; background: #FFFFFF; } #job::-webkit-scrollbar{width:8px;background-color:#D8DADB;} #job::-webkit-scrollbar-track{background-color:#D8DADB;} #job::-webkit-scrollbar-thumb{border-radius:4px;background-color:#A7AFB4;} .layerClass{ overflow-x: hidden; } .job-title{ position: fixed; z-index: 2; padding:0 30px; height: 50px; width: 510px; background: #6C97C5; } .job-title div:nth-child(1){ float: left; display: inline-block; font:20px/50px siyuan; color: #FFFFFF; } #close{ float: right; display: inline-block; line-height: 50px; vertical-align: middle; cursor: pointer; } .job-name-box{ /*padding:83px 30px 0px;*/ width: 510px; height: 90px; border-bottom: 1px solid #EEEEEE; padding-top: 83px; margin-left: 30px; } .job-name{ float: left; display: inline-block; } .job-name-top{ height: 50px; line-height: 50px; vertical-align: middle; } .job-name-top h3{ display: inline-block; margin-right: 5px; font:bold 25px/25px siyuan; color: #000000; } .job-name-top div{ margin-top:-10px; display: inline-block; width: 32px; height: 22px; font:12px/22px siyuan; color: #FFFFFF; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: #F28301; text-align: center; } .job-name-bottom span{ display: inline-block; padding:0 7px 0 2px; font:14px/13px siyuan; color: #666666; border-right: 1px solid #D1D1D1; } .job-name-bottom span:first-child{ padding:0 7px 0 0 !important; } .job-name-bottom span:last-child{ border-right:none !important; } .job-money{ display: inline-block; float: right; margin: 30px 10px 0 0; font:bold 25px/40px siyuan; color: #333333; } .job-x{ margin:0px 30px; height: 55px; font:14px/55px siyuan; border-bottom: 1px solid #EEEEEE; } .job-x ul li{ display: inline-block; width: 150px; cursor: default; } .job-x ul li:first-of-type{ width: 180px; } .job-x ul li span:first-child{ margin-right: 10px; color: #999999; } .job-x ul li span:last-child{ color: #333333; } .job-describe{ padding:30px 30px 0; /* padding-bottom:40px;*/ border-bottom: 1px solid #EEEEEE; background-color: #fff; } .job-describe-title{ border-left:7px solid #6C97C5; padding-left:15px; margin-bottom:15px; font:17px/20px siyuan; color: #000; } .job-describe-content{ padding-left:15px; margin-bottom: 20px; } .job-describe-content P{ font:14px/30px siyuan; color: #444444; } .job-welfare{ margin-bottom: 90px; padding:20px 30px 10px 30px; background-color: #fff; } .job-welfare ul li{ margin: 0 5px 12px 0; padding: 1px 15px; display: inline-block; font:15px/30px siyuan; color: #7B929F; background:#EEF7FD ; cursor: default; } .job-bottom-box{ height: 90px; width: 570px; background: #F2F2F2; position: fixed; bottom: 0px; } .job-bottom{ margin: 0 30px; height: 90px; } .job-bottom div{ display: inline-block; vertical-align: middle; height: 90px; } .job-bottom div:first-child{ width: 45px; height: 80px; background: url("../images/job-bottom.png") no-repeat center; } .job-bottom div:last-child p:first-child{ margin-top: 15px; } .job-bottom div:last-child span{ display: inline-block; color: #777777; margin-right: 5px; font:15px/30px siyuan; } .job-bottom div:last-child i{ display: inline-block; color: #343434; font:15px/30px siyuan; } .i{ border-bottom: 1px solid #CCCCCC; } /*快捷方式*/ .recruit{ width: 100%; position: fixed; bottom: 0; left: 0; z-index: 500; } .recruit span{ color: #fff; font-size: 25px; position: absolute; top: 0px; right: 10px; cursor: pointer; } .recruit a { display: block; width: 100%; height: 90px; background: url(../images/recruit.jpg) no-repeat center; } .recruit-banner{ width: 100%; height: 750px; background: url(../images/recruit-banner.jpg) no-repeat center; } .recruit-banner h3{ display: block; width: 510px; font-size: 36px; font-weight: 400; color: #fff; padding: 230px 0 0 20px; } .recruit-inner{ width: 1200px; height: 100%; position: relative; margin: 0 auto; } /*about*/ .recruit-about{ width: 100%; height: 700px; background-color: #f7f7f7; } .recruit-about h3, .recruit-place h3, .recruit-jobs h3, .recruit-salary h3{ width: 90px; font-size: 16px; font-weight: 400; padding: 70px 0 10 0; margin: 0 auto; } .recruit-about h1, .recruit-place h1, .recruit-jobs h1, .recruit-salary h1{ width: 130px; font-size: 30px; font-weight: 400; padding: 0 0 60px 0; margin: 0 auto; } /*place*/ .recruit-place{ width: 100%; height: 700px; background-color: #fff; } .recruit-place h1{ width: 238px; } .recruit-place .recruit-inner{ position: relative; } .recruit-place .recruit-con{ overflow: hidden; } .recruit-place .recruit-con ul{ position: relative; width: 4200px; float:left; } .recruit-place .recruit-con li{ float: left; background-color: #eeeeee; width: 300px; height: 430px; } .backBlue{ background-color: #00BAFF!important; } .recruit-place .recruit-con li h1{ font-size: 20px; color: #777777; padding: 50px 0 50px 40px; } .recruit-place .recruit-con .data{ font-size: 50px; color: #777777; padding: 0 0 40px 40px; } .recruit-place .recruit-con .time{ font-size: 18px; color:#777777; padding: 0 0 20px 40px; } .recruit-place .recruit-con .place{ font-size: 18px; color:#777777; padding: 0 0 0 40px; } .whiteColor{ color: #fff!important; } .recruit-place .recruit-con .timeicon{ display: inline-block; width: 18px; height: 18px; padding-right: 15px; background: url(../images/timeicon-gray.png) no-repeat center; } .recruit-place .recruit-con .placeicon{ display: inline-block; width: 18px; height: 20px; padding-right: 15px; background: url(../images/placeicon-gray.png) no-repeat center; } .recruit-place .recruit-con .timeicon-f{ background: url(../images/timeicon.png) no-repeat center!important; } .recruit-place .recruit-con .placeicon-f{ background: url(../images/placeicon.png) no-repeat center!important; } .recruit-place .prev-p{ position: absolute; width: 48px; height: 100px; left: -60px; top: 370px; cursor: pointer; background: url(../images/prev-p.png) no-repeat center; } .recruit-place .prev{ background: url(../images/prev.png) no-repeat center; } .recruit-place .next-p{ position: absolute; width: 48px; height: 100px; right: -60px; top: 370px; cursor: pointer; background: url(../images/next-p.png) no-repeat center; } .recruit-place .next{ background: url(../images/next.png) no-repeat center; } /*jobs*/ .recruit-jobs{ width: 100%; height: 815px; background: url(../images/job-banner.jpg) no-repeat center; } .recruit-jobs h1{ margin-bottom: 40px; width: 100px; padding: 0; } .recruit-jobs ul{ width: 100%; height: 472px; } .recruit-jobs ul li{ float: left; width: 380px; height: 470px; background-color: #fff; border: 1px solid #ccc; margin-right: 26px; box-shadow: 0 0 15px #ccc; } .recruit-jobs ul li:nth-of-type(3){ margin-right: 0; } .recruit-jobs ul li h2{ font-size: 20px; color: #414141; font-weight: 500; text-align: center; margin: 40px 0 15px 0; } .recruit-jobs ul li span{ display: block; width: 350px; height: 1px; margin: 0 auto; background-color: #D0D0D0; } .recruit-jobs ul li p{ font-size: 14px; line-height: 2; color: #808080; margin-left: 40px; margin-right: 40px; } .recruit-jobs ul li .job-titles{ color: #414141; font-size: 16px; margin-top: 20px; } .job-button{ width: 210px; height: 50px; font-size: 16px; line-height: 50px; color: #fff; background-color: #000; text-align: center; margin: 0 auto; margin-top: 40px; } .recruitAddress{ display: none; width: 400px; height: 270px; position: absolute; top: 410px; left: 400px; box-sizing: border-box; padding: 10px; background-color: #fff; box-shadow: 0 0 15px #ccc; } .recruitAddress span{ font-size: 15px; line-height: 1.5; display: block; width: 274px; padding-top: 16px; margin: 0 auto; } .sanjiao{ position: relative; top: 22px; left: 180px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } /*salary*/ .recruit-salary{ width: 100%; height: 700px; background-color: #fff; } .recruit-salary li{ float: left; width: 210px; height: 210px; margin-right: 120px; margin-bottom: 90px; } .recruit-salary li:nth-child(4n+4){ margin-right: 0px; } .recruit-salary li img{ display: block; margin: 0 auto 46px auto; } .recruit-salary li h2{ font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 30px; } .recruit-salary li p{ font-size: 14px; color: #888888; text-align: center; } .top{ position: fixed; bottom: 55px; right: 70px; z-index: 555; } .top li{ margin-bottom: 5px; width: 40px; height: 40px; background: url("../images/top.png") no-repeat center; cursor: pointer; } .top li a{ display: block; width: 100%; height: 100%; } .top li:hover{ background: url("../images/tophover.png")no-repeat center; } .top li:nth-child(1){ background-position: 0 0; /*display: none;*/ } .top li:nth-child(2){ background-position: 0 -46px; } .top li:nth-child(3){ background-position: 0 -93px; } .top li:nth-child(4){ background-position: 0 -143px; } .contact{ display: none; position: fixed; bottom: 100px; right: 114px; z-index: 555; /*width: 261px; height: 223px;*/ } .two{ display: none; position: fixed; bottom: 70px; right: 114px; z-index: 555; /* width: 200px; height: 198px;*/ } .error404{ background:url('../images/404.jpg') center center; width: 100%; min-width: 1200px; height: 900px; } /*技术合作*/ .build-layout{ position: fixed; top: 70px; left: 0; width: 100%; height: 600px; margin-top: 0; } .build-layout .bannerTitle{ /*width: 500px;*/ color: #fff; margin: 0 auto; padding-top: 198px; text-align: center; } .build-layout .bannerTitle h1{ font-size: 60px; font-weight: 100; } .build-layout .bannerTitle p{ font-size: 18px; font-weight: 100; color: #e5e5e5; } .technical-banner1,.design-banner1,.resource-banner1,.build-banner1{ width: 100%; min-width: 1200px; height: 100%; } .technical-banner1{ /*background: url("../images/banner-bg.jpg") no-repeat center;*/ background: url("../images/zx_anli_3.jpg") no-repeat center; } .design-banner1{ /*background: url("../images/bannerbg.jpg") no-repeat center;*/ background: url("../images/zx_anli_4.jpg") no-repeat center; } .resource-banner1{ /*background:url("../images/banner-bg.jpg") no-repeat center;*/ background:url("../images/zx_anli_2.jpg") no-repeat center; } .build-banner1{ /*background: url("../images/bannerbg.jpg")no-repeat center;*/ background: url("../images/zx_anli_1.jpg")no-repeat center; } .tech{ position: relative; top:40px; margin:0 auto; } .buildBox{ position: relative; margin-top: 670px; background-color: #fff; width: 100%; padding-top:120px; height: 815px; } .build-title{ height: 270px; padding-top: 30px; } .build-title p,.design-title p,.tech-title p,.resource-title p{ width: 870px; line-height: 30px; text-align: center; font-size: 14px; color: #393F46; opacity: 0.7; margin: 0 auto; } .build-title p:first-of-type,.design-title p:first-of-type,.tech-title p:first-of-type,.resource-title p:first-of-type{ margin-top: 30px; } .buildBox-title{ height: 400px; background: url("../images/title.png") no-repeat center; } .technical-banner2{ width: 100%; position: relative; height: 883px; padding-top:120px; min-width: 1200px; background-color:#F7F7F7; } .tech-title,.design-title,.resource-title{ margin-bottom: 50px; width:100%; height: 200px; } .build-title-bottom{ margin-bottom: 50px; width:100%; height: 100px; text-align: center; /*background: url("../images/titlecontent.png")no-repeat center;*/ } .build-title-text,.design-title-text,.tech-title-text,.resource-title-text{ height: 84px; width: 600px; font-size: 50px; font-weight: 100; text-align: center; color: #4B5259; margin: 0 auto; border-bottom: solid 1px #D5DFE7; } .design-title{ /*background: url(../images/title.png) no-repeat center;*/ } .tech-title{ /*background: url(../images/title.png) no-repeat center;*/ } .resource-title{ /*background:url("../images/title.png") no-repeat center;*/ } .design{ width: 948px; margin: 0 auto; } .bigData li,.design li,.resource li{ display: inline-block; float:left; margin-right:40px; margin-bottom: 125px; } .bigData li{ width: 270px; } .bigData li:last-child,.design li:last-child,.resource li:last-child{ margin-right:0!important; } .bigData li p,.design li p,.resource li p{ text-align: center; font:14px/2 siyuan; color:#737E8A; } .bigData li p{ width:250px; } .design li p,.resource li p{ width:270px; } .w300{ width:328px!important; } .ml150{ margin-left:-164px!important; } .bigData li div,.design li div,.resource li div{ position: relative; left: 50%; margin-left: -101px; margin-bottom: 25px; height: 202px; width: 202px; background-repeat: no-repeat; } .bigData li div{ background-image: url(../images/icon.png); } .design li div{ background-image: url(../images/icon.png); } .resource li div{background-image: url('../images/icon.png')} .resource h3,.design h3,.bigData h3{ text-align: center; font: 20px/2 siyuan; color: #737E8A; margin: 40px 0 20px 0; } .resource-icon1{ background-position: 0 center; } .resource-icon2{ background-position: -204px center; } .resource-icon3{ background-position: -408px center; } .resource-icon4{ background-position: -611px center; } .bigData-icon1{ background-position: 0 center; } .bigData-icon2{ background-position: -204px center; } .bigData-icon3{ background-position: -409px center; } .bigData-icon4{ background-position: -611px center; } .design-icon1{ background-position: 0 center; } .design li:first-of-type{ position: relative; width: 328px; } .design li:first-of-type h3{ position: absolute; top:203px; width: 360px; } .design li:first-of-type p{ position: absolute; top:302px; } .design-icon2{ background-position: -336px center; } .design-icon3{ background-position: -544px center; } .build{ margin:0 50px; } .build li{ display: inline-block; float: left; margin-right:80px; margin-bottom:40px; } .build li:nth-child(2n){ margin-right: 0 !important; } .build li:last-child{margin-bottom:120px!important} .build-icon{ display: inline-block; float:left; margin-right: 45px; height:95px; width: 94px; background: url("../images/icon.png") no-repeat; } .build-text{ display: inline-block; float:left; margin-top: 10px; } .build-text h3{ margin-bottom:10px; font:20px/1.5 siyuan; color: #1D1F21; } .build-text p{ font:14px/1.5 siyuan; color: #8598A5; width: 365px; } .build-icon1{ background-position: 0 center; } .build-icon2{ background-position: -98px center; } .build-icon3{ background-position: -197px center; } .build-icon4{ background-position: -295px center; } .build-icon5{ background-position: -392px center; } .build-icon6{ background-position: -492px center; } .build-icon7{ background-position: -590px center; } .dialog_con_notice { background: #8CBC45; color: #fff; padding: 10px 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .lower-box{ width: 100%; min-width: 550px; background: #fff; } .lower-box>div{ padding:100px 0; margin:30px auto; width:550px; } .lower-box h1{ font:bold 30px/60px siyuan; font-weight: 600; } .lower-box p{ color: #878787; font: 16px/30px ""; border-bottom: 1px solid #f0f1f4; padding-bottom: 25px; margin-bottom: 50px; } .browser{ text-align: center; } .browser a { margin-right: 20px; _display: inline; display: inline-block; } /*加载动画*/ .sk-folding-cube { margin: 10px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #29292A; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } }