@font-face{font-family:gothmbok;src:url(../fonts/gothmbok.woff2) format("woff2");font-weight:400;font-style:normal} body,html{font-family:'Microsoft yahei';background-color:#fff;width:100%;font-size:14px} *{-webkit-box-sizing:border-box;box-sizing:border-box} .ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block} ._w1200::after,.case_list::after,.header .nav::after{display:block;width:100%;height:1px;clear:both;content:''} .header{height:auto;position:absolute;left:0;top:0;width:100%;z-index:30;color:#fff;background:#fff} .header .nav{padding:0 0 0 3%;text-transform:uppercase;position:relative} .logo{width:100px;float:left;margin-top:20px} .classProject{padding:50px 0} .classProject ._w1200{max-width:1200px;margin:0 auto} ._PageTurningNumber{text-align:center;margin:50px 0} ._PageTurningNumber a{background:#fff;padding:10px 15px;margin-right:5px} ._PageTurningNumber ._btnJump{margin:0 5px} ._PageTurningNumber a.active{color:#fff;background:#0a499b} ._PageTurningNumber span input{line-height:19px;padding:10px 5px;box-sizing:border-box;width:50px;margin:0 5px} ._PageTurningNumber ._JumpNumber{margin:0 10px} .nav_bar{width:auto;height:auto;float:right;margin-right:100px} .nav_bar li{width:auto;float:left;line-height:50px;font-size:16px;text-align:center;position:relative;padding:0 0} .nav_bar li.active .level1 a{color:#0a499b;font-weight:700} .nav_bar li.active .level1 a::after{width:100%;height:2px;background:#0a499b;position:absolute;left:0;top:-15px;content:'';display:block} .nav_bar li .level1 a{display:block;color:#3e3e3e} .nav_bar li .level2{visibility:hidden;opacity:0;width:100%;min-width:200px;position:absolute;left:0;top:80px;padding:0 0;height:0;background:#0a499b;text-align:left;padding:10px;box-shadow:0 0 15px rgba(0,0,0,.05);color:#fff} .nav_bar li .level2 a{color:rgba(255,255,255,.7)} .nav_bar li .level2::before{content:''} .nav_bar li .level2 a{display:block;line-height:35px;font-size:14px;height:35px;overflow:hidden;text-transform:capitalize} .lang{display:block;width:50px;height:30px;text-align:center;line-height:30px;position:absolute;right:10px;top:50%;cursor:pointer;color:#fff;background:#0a499b;margin-top:-15px;border-radius:50px} .slidestock{width:auto;height:auto;line-height:25px;font-size:12px;background:#e41616;padding:0 5px;position:absolute;left:1%;bottom:-25px} .nav_bar li .level1{font-size:14px;padding:15px 10px} .slidestock span{font-size:14px;font-family:gothmbok} ._flexbox{display:-webkit-box;display:-ms-flexbox;display:flex} .nav_bar li.gp p{font-weight:700;font-size:17px} .nav_bar li.gp p span{display:block;font-size:15px} .banner{position:relative} .banner .img-box{background-image:url(../images/banner_.jpg)} .img-box{overflow:hidden;position:relative;background-position:center center;background-size:cover} .index .box{background-image:url(../images/nosie.png)} .index .box1{background-image:url(../images/bg.jpg);padding:106px 110px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .index .box1 .commonT{margin-top:35px} .common-en-title{font-size:38px;color:#b2b2b2;font-weight:400;position:relative;padding-bottom:30px;font-family:gothmbok} .common-en-title span{display:block} .common-en-title::after{width:97px;height:4px;position:absolute;content:'';left:0;bottom:0;background-color:#0079c2} .index .box1 .left{-webkit-box-flex:3;-ms-flex:3;flex:3;margin-right:65px} .index .box1 .right{-webkit-box-flex:4;-ms-flex:4;flex:4} .index .box h4{font-size:36px;color:#474747;margin-top:25px;margin-bottom:10px} .index .box.box1 h4{font-size:28px;display:inline-block} .index .box1 p{font-size:18px;color:#555;font-family:gothmbok;line-height:1.7} .index .box .commonT .en{font-size:32px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1} .net{position:relative} .index .box .commonT h4{margin-top:0;font-size:28px} .index .box2 ._flexbox{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px} .index .box2 ._flexbox .item+.item{margin-left:10px} .index .box2 ._flexbox .item:nth-child(3n+1){margin-left:0} .index .box2 ._flexbox .item{width:calc((100% - 20px)/ 3);background-color:#0079c2;margin-bottom:10px;display:block} .index .box2 ._flexbox .item:nth-child(even){background-color:#0f5a87} .img-box.common .title{position:absolute;left:15px;bottom:15px;z-index:5;color:#fff;font-size:18px} .img-box.common .title .cn{font-size:18px;display:none} .img-box.common .title .en{font-family:gothmbok;font-size:18px;text-transform:uppercase} .img-box.common::before{position:absolute;left:0;content:'';bottom:0;width:100%;height:35%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));z-index:3} .box.common-PD{padding:0 3%} .box.common-PD .icon-box .item img{margin:0 auto} .index .box3{background-image:url(../images/nosie.png);padding-top:70px;padding-bottom:70px} .index .box3 ._top{margin-top:25px;margin-bottom:80px;position:relative;height:185px;background-image:url(../images/top_.jpg);background-size:cover;background-position:center top} .index .box3 ._bottom{margin-top:94px;position:relative;height:auto;background-image:url(../images/bgs.jpg);background-size:cover;background-position:center top;padding:50px 0} .index .box4 h4{margin-bottom:50px} .index .box4{padding-bottom:80px;padding-top:25px;background:#fff} .index .box4 .left{margin-right:20px;width:calc(100% - 255px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .index .box4 .left a+a{margin-left:35px} .index .box4 .inlineBox{overflow:hidden;margin-top:25px} .index .box4 .left .item{width:calc((100% - 70px)/ 3)} .index .box4 .right{width:235px;position:relative} .index .box4 .right .img-box{background-color:#000} .index .box4 .right .img-box>img{opacity:.8} .index .box4 .left .time{color:#414141;margin-top:3px} .inlineBox{font-size:0;-webkit-text-size-adjust:none} .inlineBox>*{display:inline-block;font-size:14px;vertical-align:top} .index .box4 .left .type{line-height:24px;border:1px solid #0079c2;display:inline-block;color:#0079c2;padding:0 10px} .index .box4 .right .play{position:absolute;z-index:3;width:100%;left:0;top:50%;text-align:center;color:#fff;font-size:24px;margin-top:-57px;font-weight:700} .index .box4 .right .play img{margin:0 auto;position:relative;margin-bottom:20px;cursor:pointer} .index .box5 .item{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#0079c2} .index .box6 a{display:block;height:80px;border-right:1px solid #eee;border-bottom:1px solid #eee;width:calc(100% / 7);background-position:center center;background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box} .index .box6 ._flexbox{-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #eee;border-left:1px solid #eee;margin-top:35px} .index .box6{padding-top:63px;padding-bottom:30px;background:#fff} .footer.box{color:#a9a9a9;padding-bottom:30px;padding-top:20px;line-height:30px;background:#3e3e3e} .footer.box a+span,.footer.box span+a,.footer.box span+span{margin-left:20px} .footer ._flexbox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .footer .right{text-align:center} .footer .right img{width:100px;border:1px solid rgba(55,55,55,.1)} #scroll{position:relative;height:100vh;overflow:hidden} .transition{will-change:transform,opacity;-webkit-transition:opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);transition:opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);transition:transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1);transition:transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)} .iScrollVerticalScrollbar{width:10px;height:100%;right:0;position:absolute;top:0;z-index:9;overflow:hidden;opacity:1;-webkit-transition:opacity 1s cubic-bezier(.645,.045,.355,1);transition:opacity 1s cubic-bezier(.645,.045,.355,1);background:rgba(0,0,0,.05)} .iScrollVerticalScrollbar.active{opacity:1} .iScrollIndicator{background-color:#0079c2;position:absolute;width:10px;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;top:0;right:0;cursor:pointer} ._middle{position:relative;margin-top:40px} ._middle .left{width:31.82%;height:auto;padding:50px;position:absolute;z-index:5;background-color:#0079c2;color:#fff;margin-left:3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px} ._middle .right{width:70%;position:relative;margin-left:auto;margin-right:0;right:3%;top:0} ._middle .left .title{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px} ._middle .left .des{line-height:1.8;height:auto;overflow:hidden;font-size:14px;opacity:.7} ._middle .left .more{line-height:45px;background-color:#fff;border-radius:45px;width:154px;text-align:center;display:inline-block;color:#3e3e3e;margin-top:40px} ._middle .left .ctrl{position:absolute;right:-29px;bottom:70px;z-index:5} ._middle .left .ctrl .left_{margin-bottom:10px;cursor:pointer} ._middle .left .ctrl .right_{cursor:pointer} ._middle .left .pag{position:absolute;left:75px;bottom:85px;display:none} ._middle .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border-radius:12px;-webkit-transition:all .5s;transition:all .5s} ._middle .swiper-pagination-bullet-active{width:50px} ._middle .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:16px} .video-box{position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:400;width:100%;height:100%;display:none} .video-box .video{width:1000px;height:600px;background-color:#000;left:50%;top:50%;margin:-300px 0 0 -500px;position:absolute;border:5px solid #3a87e3} .video-box .video .close{position:absolute;right:-20px;top:-20px;cursor:pointer} .video-box .video video{width:100%;height:100%} .tbox{position:absolute;z-index:5;left:44.6%;top:8.9%;opacity:1;overflow:hidden;width:calc((238 / 1920) * 100%)} .cbox{position:absolute;width:100%;height:100%} .Tower2{position:absolute;top:0;left:0} .cbox{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0} .cbox .cl1{position:absolute;left:37%;top:30%;z-index:6} .cbox .cl2{position:absolute;left:60%;top:40%;z-index:6} .c1,.c3{width:32px} .c2{width:20px;position:absolute;top:-15px;right:-5px} .lines{position:absolute;height:62%;border-left:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5);width:26px} .common-en-title .net::before{right:-10px;top:0} #c{position:absolute;width:100%;height:100%;left:0;top:0;z-index:20;background:0 0;mix-blend-mode:screen;pointer-events:none} .lines.l1{left:38%;top:31.5%} .lines.l2{left:61.2%;top:41.5%;height:52%} .Tower{opacity:.58} .line1,.line3{position:absolute;width:8px;height:90%;left:0;border:2px solid #0079c2;border-radius:8px;background-color:#5398c3;left:-5px;top:7%;-webkit-transform:scaleX(.8);transform:scaleX(.8)} .line1{left:auto;right:-5px} .line2,.line4{position:absolute;width:8px;height:90%;left:-5px;border:2px solid #e51616;top:7%;border-radius:8px;background-color:#da5555;-webkit-transform:scaleX(.8) scaleY(0);transform:scaleX(.8) scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-box-shadow:0 0 25px #e51616;box-shadow:0 0 25px #e51616;-webkit-animation:ll .5s infinite alternate;animation:ll .5s infinite alternate} @-webkit-keyframes ll{ 0%{-webkit-box-shadow:0 0 20px 2px transparent;box-shadow:0 0 20px 2px transparent} 100%{-webkit-box-shadow:0 0 20px 2px #e51616;box-shadow:0 0 20px 2px #e51616} } @keyframes ll{ 0%{-webkit-box-shadow:0 0 20px 2px transparent;box-shadow:0 0 20px 2px transparent} 100%{-webkit-box-shadow:0 0 20px 2px #e51616;box-shadow:0 0 20px 2px #e51616} } .line2{left:auto;right:-5px} .scan{background:-webkit-gradient(linear,left top,right bottom,from(#4ddb86),to(#1ae26a));background:linear-gradient(to right bottom,#4ddb86,#1ae26a);width:100%;height:5px;border-radius:40%;-webkit-box-shadow:0 0 10px 2px #1ae26a;box-shadow:0 0 10px 2px #1ae26a;opacity:.7;position:absolute;left:0;top:-10%;z-index:11} .tower2{position:absolute;width:100%;height:100%;left:0;bottom:0;background-image:url(../images/Tower.png);background-size:100% auto;background-position:center bottom;z-index:10} .icon-box{width:90%;position:absolute;height:100%;left:5%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;color:#fff;font-size:16px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .pz_title{width:100%;color:#fff;text-align:center;font-size:38px;text-shadow:0 0 5px rgba(0,0,0,.05);height:80px;line-height:80px;margin-bottom:15px} .index .box3 ._bottom .icon-box{height:auto;bottom:auto;top:auto;position:relative;width:80%;left:10%} .loader{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:200;background-color:#1071ad} .loader .loader-box{position:absolute;width:400px;left:50%;margin-left:-200px;top:50%;margin-top:-48px} .loader .loader-bar{width:100%;height:3px;background-color:rgba(255,255,255,.2);margin-top:34px} .loader .loader-bar span{display:block;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0);height:3px;background-color:#fff} .loader .loader-box img{margin:0 auto} .banner-common .img-box{background-image:url(https://bing.ioliu.cn/v1/);background-position:center center;background-size:cover;opacity:1} .banner-common{background-color:#000} .case ul::after{content:'';display:block;width:32.5%} .qa_box .item .question{font-size:18px;cursor:pointer;line-height:30px;position:relative;border-bottom:1px solid rgba(55,55,55,.3);padding:15px 40px 15px 0} .case.news2 ul li .news2_des p{overflow:hidden} .nav_bar li ._nav_{position:absolute;width:100%;left:0;font-size:16px;background-color:rgba(0,0,0,.6);font-weight:400} .nav_bar li.second>._nav_{top:50px} .qa_box .item .question::after,.qa_box .item .question::before{content:'';width:15px;height:1px;background-color:rgba(55,55,55,.3);position:absolute;display:block;right:10px;top:50%;transition:all .5s} .qa_box .item .question::after{transform:rotate(90deg)} .qa_box .item .question span{display:inline-block;width:30px;text-align:center;font-size:16px;background-color:#0079c2;color:#fff;border-radius:5px;margin-right:10px} .qa_box .item.active .question::after{transform:rotate(135deg)} .qa_box .item.active .question::before{transform:rotate(45deg)} .qa_box .item .answer{padding:20px;background-color:rgba(0,121,194,.05);line-height:1.7;display:none} .qa_box .item.active .answer{display:block} .header .nav .second{background-color:#0079c2;color:#fff;position:absolute;width:100%;left:0;font-size:16px;font-weight:400;top:100px;padding:0 340px 50px calc(100% - 1314px);display:none} .header .nav .second a{font-weight:400} .header .nav .second .list_{display:none} .header .nav .second .list_.active{display:block} .header .nav .third{font-size:13px;padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.3);padding-left:20px} .header .nav .third a+a{margin-left:15px} .header .nav .second .item+.item{border-top:1px solid rgba(255,255,255,.4)} .header .nav .second .item{padding:15px 0} .case_cat a.active{color:#0079c2} .sub_title p{display:none} .case_cat{line-height:70px;border-bottom:1px solid rgba(0,0,0,.05)} .minTab{margin-top:30px} .minTab a{border:1px solid #0a499b;text-align:center;line-height:32px;border-radius:30px;color:#0a499b;transition:ease .4s;width:auto;display:inline-block;padding:0 15px} .minTab a+a{margin-left:15px} .minTab a.active{background:#0a499b;color:#fff} .minTab a:hover{background:#0a499b;color:#fff} ._w1200{width:100%;height:auto;position:relative;padding:0 50px} .case_cat a{height:auto;text-align:center;display:block;transition:all .46s ease 0s;float:left;padding:0 35px;font-size:16px;position:relative} .case_cat a::after{width:0;height:2px;content:'';position:absolute;left:0;bottom:0;background:#0079c2} .case_cat a.active::after{width:100%} .case_list{width:100%;height:auto;margin-top:50px} .case_list.mt0{margin-top:0} .case_list ul li{width:32%;height:auto;float:left;margin-right:2%;margin-bottom:25px} .case_list ul li:nth-child(3n){margin-right:0} .case_list ul li .thum{width:100%;height:auto;position:relative;overflow:hidden} .case_list ul li .thum .img{width:100%;height:auto;background:center center no-repeat;background-size:cover;-webkit-transition:all .35s} .case_list ul li .thum .img img{max-width:auto;width:100%} .case_list ul li .info{width:100%;height:auto;margin-top:40px;margin-bottom:40px} .case_list ul li .info .title{transition:all .36s ease;color:#333;font-size:16px;line-height:30px} .case_list ul li .info .des{margin-top:13px;transition:all .36s ease;font-size:14px;line-height:26px;height:52px;overflow:hidden;color:#999} .case_list ul li .date{display:block;height:70px;line-height:70px;font-weight:600;font-size:20px;border-top:1px solid #e2e4e6;position:relative;font-family:gothmbok;color:#888} .case_list ul li .date::before{content:"";position:absolute;top:-1px;left:0;height:1px;background:#0079c2;width:60%;transition:.56s ease;opacity:0} #linian{padding:100px 0} .sub_title{width:100%;text-align:center;position:relative;padding-bottom:15px;margin-bottom:25px} .sub_title::after{width:40px;height:2px;background:#0079c2;position:absolute;left:50%;margin-left:-20px;bottom:0;content:''} .sub_title p{font-family:gothmbok;font-size:40px;line-height:1.2;color:#999;display:block;text-transform:uppercase} .sub_title b{display:block;font-size:30px;line-height:1;font-weight:400} .linians{width:100%;height:auto;overflow:hidden} .linians ul li{width:49%;height:auto;float:left;margin-right:2%;margin-bottom:20px} .linians ul li:nth-child(2n){margin-right:0} .linians ul li img{max-width:auto;width:100%} #fazhan{width:100%;height:auto;background:url(../images/fazhan_bg.jpg) center center no-repeat;background-size:cover;padding-bottom:100px} .fz_show{width:100%;height:auto;padding:100px 0;text-align:center;color:#fff} .fz_show b{font-weight:400;font-size:38px;line-height:1.4;display:block} .fz_show p{font-size:24px;line-height:1.4;font-family:gothmbok;display:block} .more_btn{display:block;width:155px;height:45px;line-height:45px;text-align:center;margin:0 auto;background:#fff;border-radius:45px} .sub_title.w p{color:#fff} .sub_title.w{padding-top:100px;color:#fff} .sub_title.w::after{background:#fff} #zhaopin{padding:100px 0} .join_list{width:100%;height:auto;position:relative} .join_list .swiper-slide{height:350px;background:#f9f9f9;cursor:pointer;padding:50px;position:relative;width:23.5%;float:left;margin-right:2%;margin-bottom:20px;-webkit-transition:all .5s} .join_list .swiper-slide:nth-child(4n){margin-right:0} .join_list .swiper-slide .title{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;top:40%;-webkit-transition-duration:.5s;font-size:24px;text-align:center} .join_list .swiper-slide .address{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:50%;color:#fff;opacity:0;font-size:16px;text-align:center} .join_list .swiper-slide .number{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:60%;text-align:center;font-size:16px} .join_list .swiper-slide:after{width:0;height:2px;position:absolute;left:50%;top:75%;-webkit-transition-duration:.5s;content:"";background:#fff;display:block} .join_list .swiper-slide .lineB,.join_list .swiper-slide .lineL,.join_list .swiper-slide .lineR,.join_list .swiper-slide .lineT{position:absolute;background:#fff;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:.5s} .join_list .swiper-slide .lineL{width:2px;height:0;left:7px;top:100%} .join_list .swiper-slide .lineR{width:2px;height:0;right:7px;top:7px} .join_list .swiper-slide .lineT{width:0;height:2px;left:7px;top:7px} .join_list .swiper-slide .lineB{width:0;height:2px;left:100%;bottom:7px} .life_list{width:100%;height:auto;overflow:hidden} .life_list ul li{width:33%;height:auto;float:left;margin-right:.5%;margin-bottom:10px} .life_list ul li:nth-child(3n){margin-right:0} .life_list ul li a{display:block;width:100%;position:relative} .life_list ul li .thum{width:100%;height:auto;overflow:hidden;background:center center no-repeat;background-size:cover} .life_list ul li .thum img{max-width:auto;width:100%} .life_list ul li .name{width:100%;height:100px;position:absolute;left:0;bottom:0;background:url(../images/line_x.png) repeat-x} .life_list ul li .name span{display:block;width:100%;height:auto;line-height:40px;position:absolute;left:0;bottom:0;color:#fff;text-indent:15px} #shenghuo{margin-bottom:100px} .boxes{width:100%;height:auto;padding:100px 0} .boxes.b1{background:#f9f9f9} .intro_l{width:48%;height:auto;float:left} .intro_l .des{width:100%;height:auto;line-height:1.7} .intro_l .des p{margin-bottom:10px} .intro_img{width:48%;height:auto;float:right} .sub_title.posl{text-align:left} .sub_title.posl::after{left:0;margin-left:0} .num_list{width:100%;height:150px;overflow:hidden} .num_list ul li{width:25%;height:150px;float:left;text-align:center;position:relative} .num_list ul li::before{width:1px;height:30%;position:absolute;right:0;top:44%;background:rgba(0,0,0,.05);content:''} .num_list ul li:last-child::before{display:none} .num_list ul li b{width:100%;height:auto;line-height:60px;color:#0779c0;font-size:40px;font-family:gothmbok;display:block;margin-top:60px} .num_list ul li p{width:100%;height:auto;line-height:30px;font-size:14px;opacity:.7} .num_list ul li::after{width:40px;height:40px;position:absolute;left:50%;top:10px;margin-left:-20px;content:'';background:url(../images/num_icons.png) no-repeat;background-size:auto 40px} .num_list ul li:nth-child(2)::after{background-position:-40px 0} .num_list ul li:nth-child(3)::after{background-position:-80px 0} .num_list ul li:nth-child(4)::after{background-position:-120px 0} .boxes.b2{height:auto;background:url(../images/dx_bg.jpg) center center no-repeat;background-size:cover;padding:100px 0 200px} .honor_list{width:100%;height:auto;overflow:hidden} .honor_list a{display:block;width:25%;height:auto;float:left;position:relative;padding:2px 2px 0 0} .honor_list.num3 a{width:20%} .honor_list a .thum{width:100%;height:auto;position:relative;overflow:hidden;background:#f9f9f9} .honor_list a .thum .pic{background:center center no-repeat;background-size:contain;-webkit-transition:all .4s ease;transition:all .4s ease} .honor_list a .thum .pic img{width:100%} .honor_list a .more{position:absolute;width:60px;height:60px;line-height:60px;margin:-30px 0 0 -30px;top:50%;left:50%;font-size:24px;background-color:#fff;color:#e21613;visibility:hidden;opacity:0;-webkit-transform:scale(0);-webkit-transition:all .4s ease;border-radius:50%} .honor_list a .more::before{width:14px;height:2px;background:#e21613;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);content:""} .honor_list a .more::after{width:2px;height:14px;background:#e21613;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);content:""} .honor_list.h2 a{width:20%} .honor_list.h2 a .pic{height:350px} .honor_list.h2 a:nth-child(4){width:40%} .sub_title.cn p{font-size:30px;line-height:1.7} .sub_title.cn b{font-size:18px;opacity:.7} .sub_title.w.cn{padding-top:0} .sub_title.w.cn::after{opacity:.7} .honor_box{margin-top:0;background:#fff;padding:50px;box-shadow:0 0 15px rgba(0,0,0,.05)} .his_des{width:100%;height:auto;padding:0 5%;text-align:center;line-height:1.7;margin-bottom:50px;opacity:.5} .develop .year{font-size:70px;line-height:150px;text-align:center;font-family:gothmbok;position:relative;opacity:.5} .develop .year::after{width:1px;height:0;position:absolute;left:50%;top:120px;background:#0079c2;content:'';display:block;-webkit-transition:all .35s} .develop .des{width:100%;height:100px;padding:25px 3%;font-size:16px;line-height:25px;opacity:0;text-align:center;-webkit-transition:all .5s;position:relative;-webkit-transform:translateY(25px)} .develop .thum{width:100%;height:auto;position:relative;background:center center no-repeat;background-size:cover;opacity:.5} .develop .thum img{max-width:auto;width:100%} .develop .info{width:90%;left:5%;top:50%;-webkit-transform:translateY(-50%);color:#fff;text-align:center;position:absolute} .develop .info span{display:block;font-size:14px;line-height:1.7;opacity:.7;font-family:gothmbok;text-transform:uppercase} .develop .info b{font-size:20px;line-height:1.7} .develop .info p{display:block;line-height:1.7;font-size:16px} .develop .swiper-info{position:relative;width:100%;height:auto;background:#000} .develop .swiper-slide.swiper-slide-active .year{color:#0079c2;opacity:1} .develop .swiper-slide.swiper-slide-active .des{opacity:1;-webkit-transform:translateY(0);color:#0079c2} .develop .swiper-slide.swiper-slide-active .year::after{height:40px} .develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:50px;height:50px;background:#0079c2} .develop .swiper-button-next::after,.develop .swiper-button-prev::after,.shop_swiper .swiper-button-next::after,.shop_swiper .swiper-button-prev::after{width:20px;height:20px;background:url(../images/jt_icon.png) no-repeat;background-size:cover;content:'';position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px} .develop .swiper-button-prev::after,.shop_swiper .swiper-button-prev::after{-webkit-transform:rotate(-180deg)} .contact_list{width:100%;height:auto;overflow:hidden} .contact_list ul li{width:32%;height:195px;float:left;position:relative;background:#f9f9f9;margin-right:2%;padding:25px;text-align:center} .contact_list ul li:last-child{margin-right:0} .contact_list ul li .icon{width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:50px;background:url(../images/con_icons.png) no-repeat;background-size:auto 50px} .contact_list ul li:nth-child(2) .icon{background-position:-50px 0} .contact_list ul li:nth-child(2) .icon{background-position:-100px 0} .contact_list ul li .txt{width:100%;height:auto;padding:0 25px;position:absolute;left:0;top:120px;font-size:16px} .contact_list ul li .txt:nth-child(3){top:146px} .single_page{font-size:14px;line-height:1.7} .single_page p{margin-bottom:10px} .recen_port{width:60%;height:auto;float:left} .fin_port{width:35%;height:auto;float:right} .sub_title a{width:auto;padding:0 15px;position:absolute;right:0;bottom:0;color:#e41616;display:inline-block;line-height:20px} .sub_title a::after{position:absolute;right:0;top:0;content:'+'} .reports{width:100%;height:auto;overflow:hidden} .reports ul li{width:100%;height:auto;position:relative;margin-bottom:14px} .reports ul li:last-child{margin-bottom:0} .reports ul li a{display:block;position:relative;padding:15px 20px;background:#f9f9f9;line-height:30px;overflow:hidden} .reports ul li a .name{width:calc(100% - 80px);float:left;padding-left:35px;position:relative} .reports ul li a .name::after{width:30px;height:30px;position:absolute;left:0;top:0;background:url(../images/pdf.png) no-repeat;background-size:cover;content:'';display:block;opacity:.5} .reports ul li a .date{width:80px;float:left;text-align:right} .report_show{width:100%;height:auto;overflow:hidden;position:relative} .report_show .thum{width:100%;height:auto;position:relative;overflow:hidden} .report_show .thum .img{display:block;width:100%;height:auto;position:relative;background:center center no-repeat;background-size:cover} .report_show .thum .img img{max-width:auto;width:100%} .report_show .thum .name{width:100%;height:auto;position:absolute;left:0;bottom:0;color:#fff;padding:10px 0;line-height:30px;background:rgba(0,0,0,.5);text-indent:10px} .boxes.b4{background:url(../images/re_bg.jpg) center center no-repeat;background-size:cover} .his_des.w{color:#fff} #zhili .his_des.w{width:1200px;margin:0 auto 50px} .sub_title.w p{opacity:.7} .zl_list{width:1200px;height:auto;margin:0 auto;overflow:hidden} .zl_list a{display:block;width:23.5%;height:235px;background:#fff;float:left;margin-right:2%;margin-bottom:25px;padding:20px;position:relative} .zl_list a:nth-child(4n){margin-right:0} .zl_list a .number{width:100%;height:auto;line-height:60px;font-size:40px;font-family:gothmbok;position:relative;margin-bottom:10px;color:#0079c2} .zl_list a .number::after{width:30px;height:2px;content:'';position:absolute;left:0;bottom:0;background:#0079c2} .zl_list a .name{width:100%;height:auto;line-height:1.6;font-size:16px;margin-bottom:5px} .zl_list a .date{width:100%;height:auto;opacity:.5;line-height:1.4} .zl_list a .more{width:auto;height:auto;line-height:20px;font-size:15px;position:absolute;left:20px;bottom:20px;padding-left:25px;color:rgba(0,0,0,.5);font-size:12px} .zl_list a .more::after{width:20px;height:20px;position:absolute;left:0;top:0;content:'';background:url(../images/pdf.png) no-repeat;background-size:cover} .qf{width:100%} .qf ul li{margin-bottom:20px;width:100%;height:auto;border:1px solid #f9f9f9} .qf ul li .qfTop{width:100%;height:65px;background:#f9f9f9} .qf ul li .qfTop .a{float:left;width:65px;height:65px;background:#e41616;color:#fff;text-align:center;line-height:65px} .qf ul li .qfTop .b{width:calc(100% - 65px);height:auto;text-indent:15px;line-height:65px;float:right;font-weight:700;font-size:16px} .qf ul li .qfBottom{overflow:hidden;width:100%;height:auto;background:#f9f9f9} .qf ul li .qfBottom .a{float:left;width:65px;height:auto;text-align:center;line-height:65px} .qf ul li .qfBottom .b{float:left;padding:20px;width:calc(100% - 65px);height:auto;background:#fff;line-height:24px} ._news_detail{width:1000px;margin:100px auto;background:#fff;padding:50px;box-shadow:0 0 15px rgba(0,0,0,.05);position:relative} ._news_detail .detail_content{width:100%} ._news_detail .returnBtn{position:absolute;right:0;width:120px;display:block;text-align:center;line-height:40px;top:-40px;font-size:14px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.05)} ._ndc_top{width:100%;height:auto} ._ndc_top .title{line-height:1.4;margin-bottom:0;font-size:30px;padding-top:10px;border-bottom:none;padding-bottom:20px} ._ndc_top .des{line-height:25px;margin-bottom:10px;padding:5px 10px;color:#777;border:1px solid #ddd;background:rgba(0,0,0,.01);position:relative} ._ndc_top .des span{margin-right:25px} ._ndc_top .social{width:100%;height:auto;margin-bottom:15px} .ndc_detail{width:100%;height:auto;position:relative;line-height:1.7;margin-bottom:50px} ._ndc_npnews{width:100%;height:auto;display:flex} ._ndc_npnews .post_next,._ndc_npnews .post_prev{width:50%;display:flex;line-height:20px;padding:20px;background:rgba(0,0,0,.05);box-sizing:border-box;transition:ease .5s} ._ndc_npnews .post_next .name,._ndc_npnews .post_prev .name{width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap} ._templateIcon{font-family:templateIcon;font-style:inherit} .intro_img img{max-width:auto;width:100%} .shop_swiper .title{width:100%;height:auto;line-height:50px;position:absolute;left:0;bottom:0;color:#fff;background-color:rgba(0,0,0,.5);text-align:center} .figcaption{display:none} .sub_title.cn strong{font-size:38px;line-height:2;font-weight:400} .ry_box{margin-top:-250px;background:#fff;width:calc(100% - 100px);margin-left:50px;padding:50px} .product_list{width:100%;height:auto;padding:50px 0} .product_list ul li{width:100%;height:auto;margin-bottom:10px;background:#f9f9f9} .product_list ul li a{display:block;width:100%;height:auto;overflow:hidden} .product_list ul li a .icon{width:50px;height:50px;float:left;background:#0779c0 url(../images/pdf_icon.png) no-repeat center/20px;position:relative} .product_list ul li a .title{width:calc(100% - 160px);margin-left:10px;line-height:50px;float:left} .product_list ul li a .date{width:90px;height:auto;float:left;margin-left:10px;text-align:left;opacity:.5;line-height:50px} .report_show.detail a{width:32%;height:auto;float:left;margin-right:2%;margin-bottom:20px} .report_show.detail a:nth-child(3n){margin-right:0} .join_list .swiper-wrapper{flex-wrap:wrap} .joinTipBox{width:800px;height:550px;position:fixed;left:50%;margin-left:-400px;top:50%;margin-top:-275px;background:#fff;z-index:500} .joinTipBox .joinTipBoxTitle{width:100%;height:45px;background:#0779c0;color:#fff;line-height:45px;font-size:18px} .joinTipBox .joinTipBoxTitle span{font-size:12px;position:absolute;right:50px;line-height:45px;opacity:.5} .joinTipBox .joinTipBoxTitle strong{float:left;margin-left:15px} .joinTipBox .joinTipBoxTitle .close{width:45px;height:45px;float:right;cursor:pointer;line-height:45px;text-align:center;position:relative} .joinTipBox .joinTipBoxTitle .close img{display:block;float:left;margin-left:7.5px;margin-top:7.5px} .joinTipBox .joinTipBoxInfo{width:100%;padding:0 2%;height:490px;overflow-y:auto;font-size:16px} .joinTipBox .joinTipBoxInfo .joinTipName{width:100%;height:50px;line-height:50px;font-weight:700;position:relative} .joinTipBox .joinTipBoxInfo .joinTipName b{position:absolute;right:10px;font-size:12px;font-weight:400} .joinTipBox .joinTipBoxInfo .joinTipName span{color:#0779c0;margin-right:15px} .joinTipBox .joinTipBoxInfo .joinTipBt{width:100%;height:auto;line-height:30px;font-weight:700} .joinTipBox .joinTipBoxInfo .joinTipDetail{width:100%;height:auto;line-height:1.6;margin-bottom:15px} .joinTipBox .joinTipBoxTitle .close::after{width:20px;height:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;background:url(../images/close_icon.png) no-repeat;background-size:cover;content:''} .ModalBox{opacity:0;visibility:hidden;position:fixed;width:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;height:70vh;padding:25px;z-index:50;box-shadow:2px 2px 8px #585858} .ModalBox.active{opacity:1;visibility:inherit} .ModalBox .bkTitle{background:#0a499b;color:#fff;position:absolute;padding:0 20px;line-height:40px;font-size:18px;width:100%;left:0;top:0} .ModalBox .contentTD{height:calc(100% - 40px);margin-top:40px;overflow-y:auto} .ModalBox .btnOff{position:absolute;right:20px;width:20px;top:50%;transform:translateY(-50%);cursor:pointer} .index .box .commonT h4,.sub_title b{display:none} .index .box .commonT .en{color:#3e3e3e} .videoPage{padding:50px 0;background:#fff;position:relative;z-index:5} .videoPage ul li{float:left;width:32%;margin-right:2%;margin-bottom:25px} .videoPage ul li:nth-child(3n){margin-right:0} .videoPage ul li .pic{position:relative;background:center center no-repeat;background-size:cover;-webkit-transition:all .5s} .videoPage ul li .thum{display:block;width:100%;height:auto;position:relative;overflow:hidden} .videoPage ul li .thum::after{width:70px;height:70px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);background:url(../images/play.png) no-repeat;background-size:cover;content:'';-webkit-transition:all .5s} .videoPage ul li .pic img{max-width:auto;width:100%} .videoPage ul li .date{color:#888;width:96%;margin:0 auto;line-height:2} .videoPage ul li .title{font-size:16px;width:100%;padding:20px;text-align:center} .videoPage ul li .duration{position:absolute;background-color:#111;opacity:.8;top:102px;right:10px;margin:4px;color:#fff;padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-size:14px;font-weight:500;line-height:14px} #myVideo{width:100%} .ptn{text-align:center;position:absolute;top:50%;left:50%;width:100px;height:100px;transition:ease .5s;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);-webkit-transition:all .5s;box-shadow:0 0 15px rgba(0,0,0,.1);background:#0a499b} .ptn.active{-webkit-transform:scale(.5);left:0} .ptn span{width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);display:block;background:url(../images/ptn_icon.png) no-repeat;background-size:60px auto} .ptn.active span{background-position:-30px 0} .ptn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;opacity:0} .ptn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms;opacity:0} @media screen and (min-width:1300px){ .nav_bar{margin-right:70px} .nav_bar li .level1{padding:15px 0 15px 15px} } @media screen and (min-width:1200px){ .nav_bar li:hover .level1 a{color:#0a499b} .nav_bar li:hover .level2{height:auto;visibility:visible;opacity:1} .nav_bar li .level2 a:hover{color:rgba(255,255,255,1)} .lang:hover{background:#e41616} ._news_detail .returnBtn:hover{background:#e00018;color:#fff} .nav_bar li.hover::before{content:'';position:absolute;width:100%;height:2px;background-color:#fff;left:0;bottom:0} .header .nav .second a:hover{opacity:.8;text-decoration:underline} .case_list ul li:hover .img{-webkit-transform:scale(1.05)} .case_list ul li:hover .title{color:#0079c2} .case_list ul li:hover .date{color:#0079c2} .case_list ul li:hover .date::before{width:100%;opacity:1} .more_btn:hover{color:#fff;background:#c30b0b} .join_list .swiper-slide:hover .title{top:20%;color:#fff} .join_list .swiper-slide:hover .address{opacity:1;top:35%;-webkit-transition-delay:.2s} .join_list .swiper-slide:hover .number{top:80%;color:#fff} .join_list .swiper-slide:hover{background:#0779c0} .join_list .swiper-slide:hover:after{width:40%;left:30%;-webkit-transition-delay:.2s} .join_list .swiper-slide:hover .lineT{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px)} .join_list .swiper-slide:hover .lineB{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px);left:7px} .join_list .swiper-slide:hover .lineR{-webkit-transition-delay:.2s;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)} .join_list .swiper-slide:hover .lineL{-webkit-transition-delay:.2s;top:7px;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)} .honor_list a:hover .pic{-webkit-transform:scale(1.1);opacity:.8} .honor_list a:hover .more{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .joinTipBox .joinTipBoxTitle .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .videoPage ul li:hover .pic{-webkit-transform:scale(1.1)} .videoPage ul li:hover .thum::after{-webkit-transform:translate(-50%,-50%) scale(.8);opacity:0} ._ndc_npnews .post_next:hover,._ndc_npnews .post_prev:hover{background:#0779c0;color:#fff} } @media screen and (max-width:1024px){ .navMobile{display:block;position:fixed;top:0;width:100%;height:100%;left:0;background:#fff;z-index:4;opacity:0;transition:ease .5s;visibility:hidden} .navMobile.active{opacity:1;visibility:inherit} .header .nav{height:75px} .navBox{display:block;position:absolute;width:34px;height:27px;cursor:pointer;right:3%;top:50%;transform:translateY(-50%) scale(.7);z-index:10} .navBurger{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;pointer-events:all;transition:opacity .4s cubic-bezier(.215,.61,.355,1)} .navBurger-line{width:34px;height:4px;background:#194f9f;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .6s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s} .navBurger-line--middle{margin-left:25%;transition-delay:.4s;-webkit-transform-origin:100% 50%;transform-origin:100% 50%} .navBurger-line--middle{margin-left:25%;transition-delay:.4s;-webkit-transform-origin:100% 50%;transform-origin:100% 50%} .navCross{position:absolute;display:block;top:3px;right:5px;width:24px;height:24px} .navCross:after,.navCross:before{content:"";position:absolute;display:block;bottom:0;left:1px;width:34px;height:4px;background:#154d9d;-webkit-transform-origin:center;transform-origin:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)} .navCross:before{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg) scaleX(0);transform:rotate(-45deg) scaleX(0)} .navCross:after{left:auto;right:1px;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg) scaleX(0);transform:rotate(45deg) scaleX(0);transition-delay:.2s} .isMenuOpen .navBurger-line{-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)} .isMenuOpen .navBurger-line{-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)} .isMenuOpen .navCross:before{-webkit-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1)} .isMenuOpen .navCross:after,.isMenuOpen .navCross:before{transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .4s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s} .isMenuOpen .navCross:after{-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1);transition-delay:.6s} .nav_bar li{width:auto;float:none} .nav_bar{margin-right:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .nav_bar li .level1 a{padding:0 15px} .index .box1{padding:30px 3% 0} .common-en-title{font-size:24px;padding-bottom:15px} .index .box.box1 h4{font-size:22px;margin:10px auto} .index .box1 p{font-size:16px} .index .box .commonT .en{font-size:24px} .index .box2 ._flexbox{padding:0 3%} .index .box1 .commonT{margin-top:30px;margin-bottom:15px} .index .box3{padding:30px 0 30px} .index .box3 ._top{margin:0;margin-bottom:30px} .index .box .commonT{margin-bottom:15px} .index .box .commonT h4{margin:10px 0;font-size:22px} .index .box3 ._top .item{width:90px;height:90px} .case_list ul li .info{margin:10px auto} .case_list ul li .info .des{margin-top:0} .pz_title{font-size:22px;height:auto;line-height:40px} ._middle .left .more{line-height:36px;font-size:14px;width:120px} ._middle .left{padding:30px} ._middle .left .ctrl .left_,._middle .left .ctrl .right_{width:38px} ._middle .left .ctrl{right:-19px} .index .box4 .right .play img{width:48px} .index .box4 .right .play{font-size:20px} .case_list ul li .date{line-height:2;font-size:14px;height:auto} .box.box4.common-PD .case_list ul li{margin-bottom:0;width:32%;margin-right:2%} .box.box4.common-PD .case_list ul li:nth-child(3n){margin-right:0} .case_list ul li{margin-bottom:15px} .index .box4 .right{height:282px} .box.box5{padding:30px 3%} .index .box4{padding:30px 3%} .box.box3 ._middle{margin-top:10px} .index .box3 ._bottom{margin-top:30px} .index .box6{padding:30px 3% 30px} .index .box6 ._flexbox{margin-top:10px} .index .box6 a{background-size:80%} .header{position:fixed;top:0;width:100%} .banner-common{margin-top:82px} .nav_bar li .level2{display:none} .case_cat a{padding:0 25px} .case_cat{line-height:3} .case_cat ._w1200{padding:0 3%} ._w1200{padding:0} .classProject ._w1200{padding:0 3%} .classProject .sub_title{padding:0 3% 5px} .boxes,.boxes.b2{padding:30px 3%} .intro_l{width:100%} .intro_img{display:none} #shangwei{padding-bottom:30px} .ry_box{margin-top:0;padding:25px!important;width:100%;margin:0} .sub_title.cn strong{font-size:24px} .sub_title p{font-size:24px} .sub_title b{font-size:22px} .develop .year{font-size:50px} .develop .des{font-size:14px} .his_des{margin-bottom:0} .sub_title{padding-bottom:5px} .contact_list ul li{height:155px} .contact_list ul li .icon{top:20px} .contact_list ul li .txt{top:90px} .contact_list ul li .txt:nth-child(3){top:113px} .case_list{margin-top:30px;padding-bottom:30px;padding:0 3%} #zhili .his_des.w{width:90%;margin:0 auto;padding:0} #caiwu ._w1200{padding:0} #wenti ._w1200{padding:0} #linian{padding:30px 3%} .sub_title.w{padding-top:30px} .fz_show{padding:30px 0;width:90%;margin:0 auto} .fz_show b{font-size:22px} .fz_show p{font-size:18px} .more_btn{width:120px;line-height:36px;height:auto} #zhaopin{padding:30px 3%} .join_list .swiper-slide{height:160px;padding:20px} .join_list .swiper-slide .title{width:calc(100% - 20px);left:10px;font-size:20px;top:23%} .join_list .swiper-slide .number{width:calc(100% - 20px);left:10px;top:47%;font-size:14px} .join_list .swiper-slide .address{top:60%;opacity:1;visibility:inherit;color:#3e3e3e;font-size:14px} ._news_detail{width:100%} .logo{position:fixed;z-index:5} .nav_bar li.active .level1 a::after{top:0;opacity:0} .banner{margin-top:75px} .lang{margin:0;right:auto;left:50%;transform:translateX(-50%);bottom:10%;top:auto} .nav_bar li{line-height:40px} .minTab a{width:45%} .minTab a{margin:0 2% 10px} } @media screen and (max-width:768px){ .minTab a{margin:0 auto 10px;width:97%;display:block} .minTab a+a{margin-left:auto} .join_list .swiper-slide .number{display:none} .shop_swiper .title{height:50px;overflow:hidden} .case_cat{line-height:2.5} .banner{margin-top:65px} .index .box1 .left{width:100%;flex:none;margin:0} .index .box1 .right{flex:none;margin-top:15px} .index .box1 ._flexbox{display:block} .index .box3 ._top .item{width:70px} .index .box3 ._top .item img{margin-bottom:10px} ._middle .left{width:100%;position:relative;top:0;margin:0;transform:translate(0,0)} ._middle .left .swiper-container{width:85%} ._middle .right{width:100%;right:0;display:none} ._middle .left .ctrl{right:0;width:94%;left:3%;top:50%;bottom:auto;transform:translateY(-50%)} ._middle .left .ctrl .left_{position:absolute;left:0;margin:0} ._middle .left .ctrl .right_{right:0;position:absolute} ._middle .left .more{width:90px;line-height:30px} .box.common-PD .icon-box .item{width:20%;font-size:14px} .box.common-PD .icon-box .item img{width:60px;margin:0 auto 15px} .index .box3 ._bottom .icon-box{left:0;margin:0 auto;width:90%;align-items:flex-start} .index .box4 .left{width:100%;margin:0 auto} .index .box4 .right{display:none} .case_list.mt0{padding:0} .index .box6 a{width:50%;height:110px;background-size:inherit} .index .box2 ._flexbox .item{width:49%} .index .box2 ._flexbox .item+.item{margin-left:0} .index .box2 ._flexbox .item:nth-child(2n){margin-left:2%} .num_list ul li b{margin-top:54px;line-height:40px;font-size:26px} ._PageTurningNumber span input{border:1px solid #0a499b} ._news_detail{padding:25px} ._ndc_top .title{font-size:24px;padding:5px 0 10px} .sub_title p{font-size:20px} .sub_title b{font-size:20px} .banner-common{margin-top:77px} .header{height:75px} .slidestock{bottom:0;top:75px;height:26px} ._PageTurningNumber{margin:20px auto} .recen_port{width:100%} .fin_port{width:100%;margin-top:30px} .joinTipBox{width:90%;margin:0 auto;left:50%;height:80%;transform:translate(-50%,-50%)} .case_cat a{width:50%} .num_list ul li p{line-height:1.6} .zl_list{width:100%;margin-top:15px} .zl_list a{width:48%;margin-right:4%} .zl_list a:nth-child(2n){margin-right:0} .zl_list a .number{font-size:22px;line-height:2} ._PageTurningNumber ._JumpNumber{display:none} .qf ul li .qfTop .b{height:65px} } @media screen and (max-width:760px){ .header{height:65px} .logo{width:70px} .header .nav{height:65px} .slidestock{top:65px} .cbox{display:none} .common-en-title{font-size:18px;padding-bottom:10px} .index .box.box1 h4{font-size:20px;margin:5px auto;line-height:1} .common-en-title::after{height:2px} .index .box1 p{font-size:14px;margin-top:15px} .index .box1 .right{margin-top:10px} .index .box1 .commonT{margin-bottom:15px} .index .box .commonT .en{margin-top:0;font-size:18px} .img-box.common .title .cn{font-size:16px} .index .box .commonT h4{margin:5px 0;font-size:20px;line-height:1} .index .box3 ._top{margin-top:15px;height:auto;padding:25px 0} .box.common-PD .icon-box .item img{width:50px} .icon-box{flex-wrap:wrap;position:relative;align-items:flex-start} .index .box3 ._top .item{width:48%;font-size:14px;height:auto;margin-bottom:15px} ._middle .left .ctrl .left_,._middle .left .ctrl .right_{width:26px} ._middle .left{padding:20px} ._middle .left .title{font-size:16px} ._middle .left .des{font-size:14px} ._middle .left .more{margin-top:20px;font-size:12px;line-height:26px} .index .box3 ._bottom .icon-box .item{margin:0 1% 15px;font-size:12px;width:48%} .index .box3 ._bottom .icon-box{width:96%} .index .box4 .inlineBox{margin-top:15px} .case_list ul li .info{margin:5px auto} .case_list ul li .info .title{line-height:1.7;font-size:14px} .case_list ul li .info .des{height:26px;display:none} .case_list ul li .date{font-size:12px} .box.box5 ._flexbox{display:block} .index .box5 .item{display:block} .index .box5 .item+.item{margin-top:15px} .index .box6 a{height:80px;background-size:80%} .case_cat a{padding:0 10px;font-size:14px;width:100%;text-align:left} .reports ul li a .date{display:none} .reports ul li a .name{width:100%;height:30px;line-height:30px;overflow:hidden;padding-left:25px} .reports ul li a .name::after{width:20px;height:20px;top:4px} ._PageTurningNumber a{font-size:14px;padding:5px 10px} ._PageTurningNumber ._JumpNumber{display:none} .banner-common{margin-top:65px;height:200px} .banner-common .img-box{height:100%} .sub_title{margin-bottom:15px} .case_list ul li{width:48%;margin-right:4%} .case_list ul li:nth-child(3n){margin-right:4%} .case_list ul li:nth-child(2n){margin-right:0} .report_show.detail a{width:48%;margin-right:4%} .report_show.detail a:nth-child(3n){margin-right:4%} .report_show.detail a:nth-child(2n){margin-right:0} .report_show .thum .name{padding:0;height:30px} .linians ul li{width:100%} .fz_show b{font-size:16px} .fz_show p{font-size:14px} .more_btn{width:100px;line-height:28px} #fazhan{padding-bottom:50px} .join_list .swiper-slide{width:48%;margin-right:4%;padding:15px;height:120px} .join_list .swiper-slide:nth-child(4n){margin-right:0} .join_list .swiper-slide:nth-child(2n){margin-right:0} .join_list .swiper-slide .title{font-size:16px} .joinTipBox .joinTipBoxTitle{font-size:16px} .joinTipBox .joinTipBoxInfo{font-size:14px} ._ndc_npnews .post_next,._ndc_npnews .post_prev{width:100%;padding:10px 10px 10px 40px;position:relative;background:no-repeat} ._ndc_npnews .post_next .icon{background:url(../images/back_btn.png) no-repeat center/50%;position:absolute;width:40px;height:40px;left:0;top:0;transform:rotate(180deg)} ._ndc_npnews .post_prev .icon{background:url(../images/back_btn.png) no-repeat center/50%;position:absolute;width:40px;height:40px;left:0;top:0} ._ndc_npnews{flex-wrap:wrap} ._news_detail{margin:50px auto} ._ndc_npnews .post_next .name,._ndc_npnews .post_prev .name{width:100%} .nav_bar li{line-height:30px} .nav_bar li .level1{padding:10px} .nav_bar{width:80%} .develop .year{font-size:30px;line-height:80px} .develop .des{padding:0 3%;width:80%;margin:0 auto} .develop .year::after{display:none} .develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:30px;height:30px} .contact_list ul li .icon{width:20px;height:20px;background-size:cover;left:20px;margin:0;top:16px} .contact_list ul li .txt{top:0;padding:0 5px;font-size:14px;position:relative;float:right;width:90%;text-align:left} .contact_list ul li .txt:nth-child(3){top:0} .contact_list ul li{width:100%;height:auto;padding:15px} .contact_list ul li+li{margin-top:15px} .contact_list ul li:nth-child(2) .icon{background-position:-20px 0} .contact_list ul li:nth-child(3) .icon{background-position:-40px 0} .footer.box{line-height:1.7} .footer.box a,.footer.box span{display:block;margin-left:0!important} .zl_list a{padding:15px;height:220px} .zl_list a .number{line-height:1.6} .zl_list a .name{font-size:14px} .zl_list a .more{left:15px} .qf ul li .qfTop .b{height:auto;line-height:1.7;height:auto;text-indent:0;width:calc(100% - 40px);padding:15px} .qf ul li .qfTop{display:flex;flex-wrap:wrap;height:auto} .qf ul li .qfTop .a{height:auto;width:40px} .qf ul li .qfBottom .a{width:40px} .qf ul li .qfBottom .b{width:calc(100% - 40px);padding:15px} .life_list ul li{width:48%;margin-right:4%} .life_list{padding:0 3%} .life_list ul li:nth-child(3n){margin-right:4%} .life_list ul li:nth-child(2n){margin-right:0} #shenghuo{margin-bottom:30px} .sub_title.cn strong{font-size:20px} .sub_title.cn b{font-size:16px} .num_list ul li p{line-height:1.6} .honor_list a{width:33%} .join_list .swiper-slide .address{display:none} .nav_bar li.moreNav .level2{display:block;position:relative;opacity:1;height:0;visibility:inherit;top:0;padding:0;overflow:hidden;transition:ease .5s;background:no-repeat;box-shadow:none} .nav_bar li.moreNav .level2 a{color:#0a499b;text-align:center} .nav_bar li .level2.activeMore{height:105px} .backTop{width:30px;height:30px;right:3%} }