/*通用*/ body{overflow-x: hidden;/*min-width: 1250px;*/text-align: justify;} a{display: block;} img{display: block;max-width: 100%;height: auto;outline: none;} *{outline: none;} @font-face { font-family: 'numfont'; src: url('/static/font/Montserrat-Regular-8.otf'); font-weight: normal; font-style: normal; } .numfont {font-family: "numfont"} @font-face { font-family: 'numfontlight'; src: url('/static/font/Montserrat-Thin-10.otf'); font-weight: normal; font-style: normal; } .numfontlight {font-family: "numfontlight"} .w1700{max-width: 1700px;width: 88.5417%;margin: 0 auto;} .w1540{max-width: 1540px;width: 80.2083%; margin: 0 auto;} .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,51,35,.3);z-index: 2;} .jianborder{border: 1px solid;border-image: linear-gradient(to right, #c70405,#1392e9) 1;} .ovhidden{overflow: hidden;} .cz{position: relative; z-index: 22;} .mflex{display: flex;flex-wrap: wrap;} .mflex_center{display: flex;justify-content: center;align-items: center;} .m-content p{font-size: 16px;line-height: 24px;text-align: justify; color: #666;} .m-content img{/*display: inline-block;*/margin: 0 auto;max-width: 100%;height: auto;} .imgcover{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .changeimg{position: relative;} .changeimg .img2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .5s;opacity: 0;} .changeimg:hover .img2{opacity: 1} .pchide{display: none;} .dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);} .dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);} .font72{font-size: 72px;} .font60{font-size: 60px;} .font56{font-size: 56px;} .font54{font-size: 54px;} .font52{font-size: 52px;} .font50{font-size: 50px;} .font48{font-size: 48px;} .font40{font-size: 40px;} .font36{font-size: 36px;} .font32{font-size: 32px;} .font30{font-size: 30px;} .font28{font-size: 28px;} .font26{font-size: 26px;} .font24{font-size: 24px;} .font20{font-size: 20px;} .font18{font-size: 18px} .font14{font-size: 14px;} /*单行超出省略*/ .m-sl{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .m-twsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .m-thsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} /*边框效果*/ .biank{position: relative; box-sizing: border-box;} .biank .mline{position: absolute;background: #007853; transition: all .5s;} .biank .mline.mline2{left: 0px;bottom: 0px; width:0;height: 1px; } .biank .mline.mline1{left: 0px;top: 0px; width:1px;height: 0; } .biank .mline.mline3{right: 0px;bottom: 0px; height: 0px;width: 1px; } .biank .mline.mline4{right: 0px;top: 0px; height:1px;width: 0; } .biank:hover .mline.mline2{width: 100%;transition: all .1s linear;transition-delay: .2s} .biank:hover .mline.mline1{height: 100%;transition: all .1s linear;} .biank:hover .mline.mline3{height: 100%;transition: all .1s linear;transition-delay: .3s} .biank:hover .mline.mline4{width: 100%;transition: all .1s linear;transition-delay: .4s} .hoverxg{position: relative;display: flex;align-items: flex-start;justify-content: center;width: 160px;height: 50px;box-sizing: border-box;padding: 20px 0 0;} .hoverxg .iconbox{position: relative;width: 50px;height: 7px;background: url(/static/img/tb6.png) no-repeat center / cover;z-index: 3;} .hoverxg span{position: relative;display: block;padding-right: 16px;line-height: 12px;color: #007853;z-index: 3;} .hoverxg:after{position: absolute;right: 0;top: 0;width: 50px;height: 50px;box-sizing: border-box;border: 1px solid #007853;border-radius: 100%;transition: all .5s;content: "";} .hoverxg:hover span{color: #fff;} .hoverxg:hover .iconbox{background: url(/static/img/tb2.png) no-repeat center / cover;} .hoverxg:hover:after{width: 100%;border-radius: 50px;background: #007853} .number-animate{height: 74px;overflow: hidden;position: relative; } .number-animate .number-animate-dot{ width: 40px; float: left; text-align: center;} .number-animate .number-animate-dom{ width: 42px; text-align: center; float: left; position: relative; top: 0;} .number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float: left;width: 100%;height: 74px;line-height: 74px;} .wximg{position:relative} .wximg:after{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100px;height:100px;margin-top:10px;box-shadow: 0px 0px 15px rgba(0,0,0,.2);background:url(/static/img/ewm2.jpg) no-repeat center / cover;opacity:0; content:"";} .wximg:before{position:absolute;top:100%;left:50%;transform:translateX(-50%); border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;margin-top:5px;opacity:0;content:"";z-index:3;} .wximg:hover:after{ opacity:1;} .wximg:hover:before{opacity:1;} .wximg.oth:after{background:url(/static/img/ewm1.jpg) no-repeat center / cover;} /*首页*/ .sec1 .header{position: absolute;} .header.inde{display:none;} .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;/*min-width: 1250px*/} .header .headmain {align-items: center;justify-content: space-between;} .header .headmain .logo{position: relative;margin-left: -10px;} .header .headmain .logo .img2{position: absolute;top: 0;left: 0;opacity: 0;} .header .headmain .headmes{margin-right: -10px;align-items: center;} .header .headmain .headmes .headnav .navmn{position: relative;margin-right: 60px;} .header .headmain .headmes .headnav .navmn:last-child{margin-right: 100px} .header .headmain .headmes .headnav .navtit{position: relative;line-height: 80px;} .header .headmain .headmes .headnav .navtit:after{position: absolute;left: 50%;transform: translateX(-50%);top: 100%;width: 0;height: 1px;background: #007350;content: "";z-index: 2;transition: all .5s;} .header .headmain .headmes .headnav .nav-main{top: 100%;width: 190px;padding: 22px 0 24px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: #fff;opacity: 0;pointer-events: none;} .header .headmain .headmes .headnav .nav-main .navtitt{line-height: 40px;text-align: center;color: #333;} .header .headmain .headmes .headnav .nav-main .navtitt:hover{background: #017954;color: #fff;} .header .headmain .headmes .headnav .navmn1 .navtitt.navtitt0{display: none;} .header .headmain .headmes .headnav .nav-main.show{opacity: 1;pointer-events: auto;} .header .headmain .headmes .headnav .navmn:hover .navtit:after{width: 100%;} .header .headmain .headmes .headnav .navmn.on .navtit:after{width: 100%;} .header .headmain .headmes .headri{position: relative;align-items: center;} .header .headmain .headmes .headri .lang .top{position: relative;padding-right: 16px;} .header .headmain .headmes .headri .lang .top:after{position: absolute;top: 50%;transform: translateY(-50%);right: 0;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;content: ""} .header .headmain .headmes .headri .line{width: 1px;height: 15px;margin: 0 30px;background: #fff} .header .headmain .headmes .headri .search{position: relative;cursor: pointer;} .header .headmain .headmes .headri .search .dj-searchclose{position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .header .headmain .headmes .headri .search .iconfont{opacity: 0;pointer-events: none;} .header .headmain .headmes .headri .search .iconfont.on{opacity: 1!important;pointer-events: auto;} .header .headmain .headmes .headri .search form{right: 30px;opacity: 0;pointer-events: none;width: 10px;height: 40px;border: 1px solid #e5e5e5;box-sizing: border-box;border-radius: 20px;padding: 0 20px;justify-content: space-between;background: #fff;} .header .headmain .headmes .headri .search form .sr{width: calc(100% - 20px);border:none;} .header .headmain .headmes .headri .search form .tj{border: none;background: none;} .header .headmain .headmes .headri .search.show form{width: 250px;opacity: 1;pointer-events: auto;} .header .headmain .headmes .headri .head-tel{position: relative;width: 160px;height: 40px;margin-left: 50px;border-radius: 40px;box-sizing: border-box;overflow: hidden;} .header .headmain .headmes .headri .head-tel-inner{position: absolute;top: 0;left: 0;display: flex;white-space: nowrap;-webkit-animation: wordMove 10s linear infinite;animation: wordMove 10s linear infinite;} @keyframes wordMove {0% {transform: translate(-40%, 0%); } 100% {transform: translate(-60%, 0%); } } @-webkit-keyframes wordMove {0% {transform: translate(-40%, 0%); } 100% {transform: translate(-60%, 0%); } } .header .headmain .headmes .headri .head-tel-inner p{padding: 10px;color: #fff;font-size: 14px;line-height: 20px;white-space: nowrap;} .header:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.3);background: #fff;} .header:hover a{color: #333} .header:hover .logo .img2{opacity: 1;} .header:hover .headmain .headmes .headri a{color: #999;} .header:hover .headmain .headmes .headri .line{background: #999;} .header:hover .headmain .headmes .headri .lang .top:after{border-top-color: #999;} .header:hover .headmain .headmes .headri .head-tel-inner p{color: #999;} .header a{color: #fff} .header.show{box-shadow: 0px 0px 10px rgba(0,0,0,.3);background: #fff;} .header.show a{color: #333} .header.show .logo .img2{opacity: 1;} .header.show .headmain .headmes .headri a{color: #999;} .header.show .headmain .headmes .headri .line{background: #999;} .header.show .headmain .headmes .headri .lang .top:after{border-top-color: #999;} .header.oth{box-shadow: 0px 0px 10px rgba(0,0,0,.3);background: #fff;} .header.oth a{color: #333} .header.oth .logo .img2{opacity: 1;} .header.oth .headmain .headmes .headri a{color: #999;} .header.oth .headmain .headmes .headri .line{background: #999;} .header.oth .headmain .headmes .headri .lang .top:after{border-top-color: #999; } .header.oth .headmain .headmes .headri .head-tel-inner p{color: #999;} .navbox{height: 80px;} .navbox.inde{display:none;} .header .phone-nav{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none; z-index: 9999999;cursor: pointer;} .header .phone-nav .line{position: relative;top: 0;border-radius: 3px;width: 30px;display: block;height: 2px;transition: all .3s; background: #333;transform-origin: center center;} .header .phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);} .header .phone-nav .line:nth-child(2){margin: 8px 0; } .header .phone-nav.active .line:nth-child(2){opacity: 0;} .header .phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);} .header .phone-nav-mn{position: absolute;top: 60px;left: 0;pointer-events: none; padding: 0 0 30px; width: 100%;height: calc(100vh - 60px); box-sizing: border-box;background: #007853; z-index: 99;overflow: scroll;opacity: 0;transition: all .5s;} .header .phone-nav-mn .tb{position: absolute;bottom: 0;right: -50px;width: 80%;height: auto;} .header .phone-nav-mn.on{opacity: 1;pointer-events: auto;} /*.header.show{background: #007853!important;}*/ .navdown.oth{display: none!important;} .navdown{position: absolute;left: 100%;top: 0; background: #fff;z-index: 8;opacity: 0;pointer-events: none;} .navdown .main .le{width: 300px;padding: 50px 0 140px;background: url(/static/img/head1.png) no-repeat center / cover;} .navdown .main .le .mn{position: relative;width: 230px;box-sizing: border-box;padding-left: 40px; line-height: 90px;color: #333;} .navdown .main .le .mn .tb{position: absolute;top: 50%;right: -14px;transform: translateY(-50%);width: 28px;opacity: 0;} .navdown .main .le .mn.on {background: #fff;color: #007853;} .navdown .main .le .mn.on .tb{opacity: 1;} .navdown .main .le .mn:hover {font-weight: bold;color: #007853;} /*.navdown .main .le .mn:hover .tb{opacity: 1;}*/ .navdown .main .ri{width: 550px;padding: 30px 30px 30px 40px;box-sizing: border-box;box-shadow:inset 0px 0px 5px rgba(0,0,0,.1);text-align: left;} .navdown .main .ri .mn{width: 440px;max-width: 100%;float:none;display: block;} .navdown .main .ri .mn .tit{line-height: 40px;color: #007853;} .navdown .main .ri .mn .tit a{color: inherit;} .navdown .main .ri .mn .line{width: 100%;height: 1px;background: #e6e6e6;} .navdown .main .ri .mn .bot{padding: 10px 0 20px;} .navdown .main .ri .mn .nlink{margin-right: 40px;line-height: 35px;color: #808080;} .navdown .main .ri .mn .nlink:hover{color: #007853;} .navdown .main .ri .mn .mbot{padding: 10px 0 0;} .navdown .main .ri .mn .mbotbox .ftit{display: block;width: 65px;line-height: 35px;color: #333;} .navdown .main .ri .mn .mbotbox .nlink{margin-right: 0;} .navdown .main .ri .mn .mbotbox .nlink:nth-child(2){width: 140px;} .navdown .main .ri .mn .mbotbox .nlink:nth-child(3){width: 120px;} .navdown .main .ri .mn .mbotbox .nlink:nth-child(4){width: calc(100% - 325px);} .navdown.show{top: 0;opacity: 1;pointer-events: auto;} .sliding-menu {position: relative;overflow: hidden;} .sliding-menu ul {float: left;} .sliding-menu li {padding: 0 3%;border-bottom: 1px solid rgba(255,255,255,.6)} .sliding-menu a { display: block;margin: 0!important;padding: 1em 0;font-size: 14px;line-height: 2em;color: #fff!important;} /*.sliding-menu li:hover {background: #fff;} .sliding-menu li:hover a{color: #333;}*/ .sliding-menu a.nav:before {content: '\3009';float: right;margin-left: 1em} .sliding-menu a.back {padding: 1em 3%;background: #007853;color: #333} .sliding-menu a.back:before {content: '\3008';float: left;margin-right: 1em;} .phonenavm{display: none;} .inbanner{position: relative;} .inbanner .swiper-container{height: 100vh;overflow:hidden} .inbanner .swiper-container .mes{top: 35%;color: #fff} .inbanner .swiper-container .mes .tit{margin-bottom: 20px;line-height: 1em;} .inbanner .swiper-container .mes .sum{line-height: 1em;text-align: left;} .inbanner .bimg{transition: 1s linear 6s;transform: scale(1.1);} .inbanner .imgbox{position: absolute!important;left: auto!important;top: 0;right: 17.03%;} .inbanner .swiper-slide.oth{position: relative;width: 100%;background: #007853; z-index: 99;} .inbanner .swiper-slide-active .bimg{transition:6s linear;transform:scale(1);} .inbannerqh{bottom: 60px;justify-content: space-between;align-items: flex-end;z-index: 2;} .inbannerqh .circlemain .circle{position: relative;width: 8px;height: 8px;border-radius: 100%;margin:0 15px;background: rgba(255,255,255,.5);cursor: pointer;} .inbannerqh .circlemain .circle .img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;max-width: unset;opacity: 0;pointer-events: none;} .inbannerqh .circlemain .circle.on{background: none;} .inbannerqh .circlemain .circle.on .img{opacity: 1;} .progress{position: relative; box-sizing: border-box;width: 80px;height: 80px;} .progress:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;content: "";} .progress > span{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;} .progress .progress-left{left: 0;display: none;} .progress .progress-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 2px solid #fff;box-sizing: border-box;} .progress .progress-left .progress-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left;transform-origin: center left;} .progress .progress-right{right: 0;display: none;} .progress .progress-right .progress-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0; -webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 2.5s linear forwards;} .progress .progress-left .progress-bar{animation: loading-2 2.5s linear forwards 2.5s; } @keyframes loading-1{ 0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);} } @keyframes loading-2{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);} } .inbannerqh .nextbox{position: relative;margin-right: 37px;cursor: pointer;} .inbannerqh .nextbox .icon{position: absolute;top: 37px;right: -37px;} .inbannerqh .nextbox .num{color: #fff} .inbannerqh .nextbox.on .progress .progress-left,.inbannerqh .nextbox.on .progress .progress-right{display: block;} .dj-indexpic{right: -19px;z-index: 9999;} .dj-indexpic .bigimg{width: 100px;height: 100px;border-radius: 100%;cursor: pointer;} .dj-indexpic:after{position: absolute;top: -10px;left: -10px;width: calc(100% + 20px);height:calc(100% + 20px);border-radius: 100%;box-sizing: border-box;border:1px dashed #fff;content: "";} .contact-jobform.index{height: 100vh;} .contact-jobform.index .jobform{max-width: 1300px;background: none;padding: 0;} .contact-jobform.index .jobform .close{right: -40px;top: -40px;} .inabout{padding: 88px 0 125px;color: #333;} .inabout .entit{text-transform: uppercase;} .intitn .entit{line-height: 1em;text-transform: uppercase;color: #000} .intitn .cntit{padding: 10px 0 28px;line-height: 44px;color: #333;} .inabout .sum{padding: 10px 0 0;line-height: 28px;} .inabout .main{justify-content: space-between;padding: 66px 0 88px;} .inabout .main .mn{transform: translate(0,0); width: 29.22%;border-radius: 6px;} .inabout .main .mn .bigimg{border-radius: 6px} .inabout .main .mn .mengc{border-radius: 6px;opacity: 0; z-index: 32} .inabout .main .mn .mes{width: 100%;text-align: center;color: #fff;z-index: 33;} .inabout .main .mn .icon{position: absolute;left: -38px;top: -30px;transform: scale(1)!important;opacity: 0;pointer-events: none;} .inabout .main .mn:hover .mengc{opacity: 1} /*.inabout .main .mn:hover{transform: translate(-10px,-10px);}*/ .inabout .main .mn:hover .icon{opacity: 1;pointer-events: auto;} .inabout .main .mn:hover .bigimg img{transform: scale(1)} .inabout .numbox{justify-content: space-between;} .inabout .numbox p{align-items: flex-end;line-height: 1em;color: #000;} .inabout .numbox span.oth{line-height: 1em;color: #017954;} .inabout .numbox .font72{line-height: .75em;color: #017954;} .inabout .numbox .counter{position:relative;top:10px;padding-left: 14px;color: #017954;} .incase{flex-wrap: nowrap;width: 100%;overflow: hidden;} .incase .mn{position: relative;width: 16.66vw;height: 100vh;max-height: 936px;transition: all .4s!important;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;box-sizing: border-box;cursor: url(/static/img/tb4.png) 50 38, auto; /*cursor: url(/static/img/tb4.svg) 0 0,-webkit-grab; cursor: url(/static/img/tb4.svg) 0 0,grab; cursor: url(/static/img/tb4.svg) 0 0,grab; cursor: -webkit-image-set(url(/static/img/tb4.svg) 1x,url(/static/img/tb4.png) 2x) 0 0,-webkit-grab;cursor: -webkit-image-set(url(/static/img/tb4.svg) 1x,url(/static/img/tb4.png) 2x) 0 0,grab;*/} .incase .mn .tit{position: absolute;right: 36px;bottom: 32px;text-align: right;line-height: 32px;color: #fff;z-index: 3;opacity: 0;} .incase .mn .mes{position: absolute;top: 0;left: 0;width: 100%;padding:50px 60px;opacity: 0;color: #fff;z-index: 4;} .incase .mn .mes .titn{margin-bottom: 5px;line-height: 1.5em} .incase .mn .mes .sum{line-height: 1.5em;} .incase:hover .mn{width: 4.17vw;} .incase:hover .mn .tit{display: none;} .incase .mn:hover{width: 79.15vw!important;} .incase .mn:hover .mengc{opacity: 0;} .incase .mn:hover .mes{opacity: 1;} .innews{position: relative;padding: 148px 0 207px;overflow: hidden;} .innews .bimg{position: absolute;top: 0;right: -59px;} .innews .intitn .cntit{padding: 14px 0 0;} .innews .top{justify-content: space-between;} .innews .top .hoverxg{margin-top: 20px;} .innews .main{padding: 85px 0 0;justify-content: space-between;} .innews .main .mn{position: relative;box-sizing: border-box;width: 31.82%;border: 1px solid #e6e6e6;border-top-right-radius: 10px;border-top-left-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding: 57px 36px 69px;background: #fff;} .innews .main .mn .tit{height:72px;line-height: 36px;color: #333;} .innews .main .mn .sum{margin: 16px 0 112px;line-height: 26px;color: #999;} .innews .main .mn .time{line-height: 1em;color: #999;} .innews .main .mn .more{position: absolute;bottom: 60px;right: 50px;width: 40px;height: 40px;border-radius: 100%;border: 1px solid #fff;} .innews .main .mn .more img{position: absolute;top: 16px;right: 18px;max-width: unset;} .innews .main .mn:hover{border: none;border-top-right-radius: 0;border-top-left-radius:110px;border-bottom-right-radius:110px;border-bottom-left-radius:0px;background: url(/static/img/in10.png) no-repeat center / cover;box-shadow: 0px 0px 20px rgba(51,51,51,.1)} .innews .main .mn:hover a{color: #fff!important} .innews .main .mn:hover .sum{opacity: .6;} .footer{position: relative;border-top-left-radius: 20px;border-top-right-radius: 20px;margin-top: -15px;background: #272b2e;z-index: 33;} .footer a:hover{color: #fff!important;} .footer .main {padding: 200px 0 0; justify-content: space-between;} .footer .main .mn1{padding: 12px 0 0;} .footer .main .mn1 .ewmbox{text-align: center;} .footer .main .mn1 .ewmbox .box:last-child{margin-left: 50px;} .footer .main .mn1 .ewmbox .tit{line-height: 1em;color: #888;} .footer .main .mn1 .ewmbox img{margin:60px 0 10px;} .footer .main .mn2{width: 480px;margin-right: 140px;} .footer .main .mes .titn{line-height: 12px;color: #4c4c4c;} .footer .main .mes .line{width: 100%;height: 1px;margin: 29px 0 26px;background: rgba(255,255,255,.1);} .footer .main .mes .sum{margin-bottom: 12px;line-height: 21px;color: rgba(255,255,255,.5);} .footer .main .mes .sum .address{margin-bottom: 23px;} .footer .main .mes .iconbox{padding: 24px 0 0;} .footer .main .mes .iconbox a{margin-right: 20px;} .footer .main .mes .iconbox .mn{width: 30px;height: 30px;border-radius: 100%;background: #888;} .footer .main .mes .iconbox .mn .iconfont{line-height: 1em;color: #272b2e;} .footer .main .mes .iconbox .mn:hover{background: #007853;color: #fff;} .footer .main .mes .iconbox .mn:hover .iconfont{ color: #fff;} .footer .main .mn3{width: 400px;} .footer .main .mn3 .box{padding-left: 110px;} .footer .main .mn3 .box .sum{margin-bottom: 9px;} .footer .botm{justify-content: space-between;padding: 188px 0 91px;} .footer .botm .sum{line-height: 1em;color: #4c4c4c;} .footer .botm .sum a{padding-right: 10px;color: #4c4c4c;} #fp-nav ul li a, .fp-slidesNav ul li a{font-size: 0;} #fp-nav ul li a span, .fp-slidesNav ul li a span{background: #007853!important} #hero--scroll {position: fixed;right: 40px;bottom: 100px;letter-spacing: 2px;height: 45px;line-height: 120%;font-size: .8rem;z-index: 3;text-transform: uppercase;z-index: 999;} #hero--scroll>a {text-decoration: none} #hero--scroll .-line {content: "";position: absolute;left: .5rem;top: 0;height: 100px;width: 1px;background-color: #007853} #hero--scroll .-line::before {border-radius: 100%;content: '';width: 7px;height: 7px;background-color: #007853;position: absolute;top: 0;left: -3px;-webkit-animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s;animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both} #hero--scroll .-text {display: inline-block;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: left top;transform-origin: left top;position: absolute;color: #007853;top: -40px;left: 1rem;font-weight: 700} @-webkit-keyframes anime-scroll { 0% { opacity: 1; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes anime-scroll { 0% { opacity: 1; -webkit-transform: translateY(100px); transform: translateY(100px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .nbanner{position: relative;height: 520px} .ernav{bottom: 0;border-top: 1px solid rgba(255,255,255,.3);width: 100%;z-index: 2;} .ernav .main .ri a{position: relative;margin-right: 86px;line-height: 49px;color: #fff;} .ernav .main .ri a:last-child{margin-right: 0!important;} .ernav .main .ri a:after{position: absolute;left: 0;bottom: 4px;width: 1px;height: 2px;background: #fff;opacity: 0;transition: all .5s;content: ""} .ernav .main .ri a.on:after{width: 2em;opacity: 1;} .ernav .main .ri a:hover:after{width: 2em;opacity: 1;} .ernav .main.oth{justify-content: space-between;} .ernav .main.oth .le{align-items: center;} .ernav .main.oth .le a{line-height: 49px;color: #fff;} .ernav .main.oth .le a.on{font-weight: bold;} .ernav .main.oth .le img{margin: 0 15px;} .ernav.oth{border-bottom: 1px solid #dbdbdb;} .ernav.oth .main .ri a{color: #333;} .ernav.oth .main .ri a.on{color: #c00000;} .ernav.oth .main .ri a:hover{color: #c00000;} .ernav.oth .main .ri a:after{background: #c00000;} .about{padding: 70px 0 110px;} .about .top{justify-content: space-between;align-items: flex-start;} .about .top .le{position: relative;width: calc(100% - 750px); max-width: 780px;} .about .top .le .titn{padding: 40px 0 51px;line-height: 54px;letter-spacing: -1px;color: #333;} .about .top .le .titn span{display: block;} .about .top .le .m-content{position: relative; padding:0 46px 30px 0;/*height: 280px;*/box-sizing: border-box;} .about .top .le .m-content p{margin-bottom: 24px;} .about .top .le .mengcn{position: absolute;left: 0;bottom: 0;width: calc(100% - 10px);height: 50px;background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)} .about .top .ri{position: relative;right: -80px;width: 718px;justify-content: flex-end;box-sizing: border-box;} .about .top .ri .img1{position: absolute;transform: translateY(-10px);z-index: 2;animation: anUpdown1 5s ease-in-out infinite} .about .top .ri .img2{position: relative;transform: translateY(10px);animation: anUpdown2 5s ease-in-out infinite} /*.about .top .ri img{position: relative;right: -80px;animation: anUpdown 3s linear infinite}*/ @keyframes anUpdown1{ 0%{transform: translateY(-10px);} 50%{transform: translateY(10px);} 100%{transform: translateY(-10px);} } @keyframes anUpdown2{ 0%{transform: translateY(10px);opacity: .9} 50%{transform: translateY(-10px);opacity: 1} 100%{transform: translateY(10px);opacity: .9} } .about-pro{padding: 100px 0;background: #fafafa;} .about-pro .top{align-items: flex-end;justify-content: space-between;margin-bottom: 58px;} .about-pro .top .page .butt{cursor: pointer;} .about-pro .top .page .butt.prev{margin-right: 60px;} .about-pro .top .page .butt.prev img{transform: rotateY(180deg);} .about-pro .main .swiper-wrapper{transition-timing-function:linear;} .about-pro .main .imgbox{position: relative;border: 1px solid #e6e6e6;margin-bottom: 15px;} .about-pro .main .imgbox img{width: 100%;} .about-pro .main .imgbox .mengc{flex-flow: column;background: rgba(7,19,15,.6);opacity: 0;} .about-pro .main .imgbox .iconfont{width: 70px;border-radius: 100%;text-align: center;line-height: 70px;margin-bottom: 22px;background: #fff;color: #007853;} .about-pro .main .imgbox span{display: block;line-height: 1em;text-transform: uppercase;color: #fff;} .about-pro .main .tit{position: relative;padding-left: 26px;line-height: 1.5em;color: #333;} .about-pro .main .tit:after{position: absolute;left: 0;top: 7px;width: 16px;height: 16px;box-sizing: border-box;border-radius: 100%;border: 1px solid #007853;content: ""} .about-pro .main .swiper-slide:hover .imgbox .mengc{opacity: 1;} .story{padding: 128px 0;background: url(/static/img/story1.png) no-repeat center / cover;} .story .le{width: 64.28%;min-height: 700px;box-sizing: border-box;padding: 92px 88px 40px;box-shadow: 0px 0px 30px rgba(0,0,0,.1);background: url(/static/img/story3.png) no-repeat center / cover;} .story .le .box .tit{line-height: 50px;color: #007853;} .story .le .box .ftit{padding: 28px 0 3px;line-height: 1.5em;color: #333;} .story .le .box .sum{line-height: 1.5em;color: #333;} .story .le .box .m-content{padding: 0 20px 0 0;height: 240px;margin-top: 80px;} .story .ri{width: 35.72%;box-sizing: border-box;padding: 117px 0 86px 80px;background: url(/static/img/story2.png) no-repeat center / cover;color: #fff} .story .ri .titn{margin-bottom: 105px;} .story .ri .titn .tit{margin-bottom: 11px;line-height: 40px;} .story .ri .titn .entit{line-height: 1em;text-transform: uppercase;color: rgba(255,255,255,.5);} .story .ri .storynav .mn{margin-bottom: 21px;cursor: pointer;} .story .ri .storynav{height: 284px;} .story .ri .storynav .mn .storynavtop{position: relative;line-height: 1em;color: #fff} .story .ri .storynav .mn .storynavtop:after{position: absolute;left: 210px;top: 50%;transform: translateY(-50%);width: 0px;height: 3px;background: #89b829;transition: all .4s;content: ""} .story .ri .storynav .mn .storynavbot{height: 1px;overflow: hidden;opacity: 0; pointer-events: none;} .story .ri .storynav .mn .storynavbot a{margin-right: 20px;margin-bottom: 12px;line-height: 1em;color: #89b829;} .story .ri .storynav .mn .storynavbot a.on{font-weight: bold;} .story .ri .storynav .mn.on .storynavtop:after{width: calc(100% - 210px);} .story .ri .storynav .mn.on .storynavbot{padding: 14px 0 0;height: max-content;display: flex;flex-flow: row-reverse;justify-content: flex-end;flex-wrap: wrap;opacity: 1;pointer-events: auto;} .goal{position: relative;padding: 117px 0 285px;background: url(/static/img/goal1.png) no-repeat center bottom / cover;overflow: hidden;} .goal .bimg{position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .goal .titn .tit{margin-bottom: 10px;line-height: 40px;color: #333;} .goal .titn .entit{line-height: 1em;text-transform: uppercase;color: #000;} .goal .bot{padding: 152px 0 0 76px;width: max-content;} .goal .bot p{color: #007853;font-style: italic;} .goal .bot .time{line-height: 50px;} .goal .bot .tit{padding: 30px 0 37px 88px; line-height: 68px;} .goal .bot .ensum{display: inline-block;margin-left: 42px;text-align: right;line-height: 26px;text-align: right;} .honor{padding: 78px 0 100px; background: url(/static/img/honor1.png) no-repeat center bottom #fcfcfc;} .honor .titn .tit{margin-bottom: 10px;line-height: 40px;color: #333;} .honor .titn .entit{line-height: 1em;text-transform: uppercase;color: #000;} .honor .main{padding: 108px 0 0;} .honor .main .mn{width: calc((100% - 60px) / 4);margin-right: 20px;margin-bottom: 50px;box-sizing: border-box;background: #fff;cursor: pointer;} .honor .main .mn:nth-child(4n){margin-right: 0} .honor .main .mn .bigimg{height: 282px;} .honor .main .mn .bigimg img{max-width: calc(100% - 80px);max-height: calc(100% - 64px);} .honor .main .mn .tit{width: calc(100% - 60px);border-top: 1px solid #e6e6e6;margin: 0 auto;height:78px;line-height:1.5em;display:flex;align-items:center;color: #333;transition:all .5s;} .honor .main .mn:hover .tit{color: #007853;} .businarea{padding: 103px 0;background: url(/static/img/businarea1.png) no-repeat center / cover #fff;} .businarea .nytitn{margin-bottom:48px;text-align:center} .businarea .inbannerqh{bottom: 0;} .businarea .inbannerqh .nextbox .num{color: #007853;} .businarea .next{position: absolute;bottom: auto;right: -93px;cursor: pointer;color: #007853;z-index: 3;} .businarea .progress:before,.businarea .progress .progress-bar{border-color: #007853;} .businarea .mes{position: relative;width: calc(100% - 550px);padding: 169px 115px 0 115px;box-sizing: border-box;box-shadow: 0px 0px 30px rgba(0,0,0,.1);background: #fff;color: #007853;} .businarea .mes .tit{line-height: 66px;} .businarea .mes .entit{line-height: 1em;text-transform: uppercase;} .businarea .mes .line{width: 30px;height: 5px;margin: 38px 0 53px;background: #89b829;} .businarea .mes .m-content p{line-height: 30px;color: #333;} .businarea .mes .hoverxg{margin: 50px 0 0 -20px;} .businarea .mes .hoverxg:hover{margin-left: 0;} .businarea .bigimg{width: 550px;height: 680px; background: #fff} .businarea .bigimg img{transform: translateX(100%);} .businarea .swiper-slide-active{} .businarea .swiper-slide-active .bigimg img{transform: translateX(0);} .businarea .swiper-slide-active .bigimg:hover img{transform: translateX(0) scale(1.05)} .businarea .swiper-pagination{position: absolute;left: 115px!important;bottom: auto!important;top: 65px;align-items: flex-start; z-index: 3} .businarea .swiper-pagination .swiper-pagination-bullet{position: relative;border-radius: 100%;display: block;width: 8px;height: 8px;margin:0 24px 0 0!important;background: rgba(0,120,83,.3);cursor: pointer;opacity: 1} .businarea .swiper-pagination .swiper-pagination-bullet:after{position: absolute;left: -4px;bottom: 0;width: 16px;height: 16px;background: url(/static/img/ntb1.svg) no-repeat center bottom;content: "";opacity: 0;} .businarea .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;} .waterqh .swiper-pagination{position: absolute;left: 50%!important;bottom: 0px!important;transform: translateX(-50%);align-items: flex-start;justify-content: center; z-index: 3} .waterqh .swiper-pagination .swiper-pagination-bullet{position: relative;border-radius: 100%;display: block;width: 8px;height: 8px;margin:0 8px!important;background: rgba(0,120,83,.3);cursor: pointer;opacity: 1} .waterqh .swiper-pagination .swiper-pagination-bullet:after{position: absolute;left: -4px;bottom: 0;width: 16px;height: 16px;background: url(/static/img/ntb1.svg) no-repeat center bottom;content: "";opacity: 0;} .waterqh .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;} .busin-nav{justify-content: flex-end;border-bottom: 1px solid #f0f0f0;} .busin-nav a{position: relative;margin-left: 86px;line-height: 69px;color: #333;} .busin-nav a .bg{bottom: -2px;width: 100%;background: #fff;opacity: 0;} .busin-nav a.on{color: #007853;} .busin-nav a.on .bg{opacity: 1;} .busin-nav a:hover{color: #007853;} .busin-nav a:hover .bg{opacity: 1;} .busin-profile{padding: 90px 0 100px;justify-content: space-between;} .busin-profile .bigimg{width: 640px;} .busin-profile .mes{width: calc(100% - 720px)} .busin-profile .mes .tit{line-height: 64px;color: #333;} .busin-profile .mes .entit{margin-bottom: 44px;line-height: 28px;text-transform: uppercase;color: #333;} .busin-profile .mes .sum{line-height: 36px;color: #666;} .busin-work{padding: 60px 0;margin-bottom: 110px;border-radius: 10px;text-align: center;box-shadow: 0px 0px 20px rgba(0,0,0,.1)} .busin-work .main{justify-content: center;padding-top: 40px;align-items: center;} .busin-work .main .mn{width: 23.3766%;height: 300px;flex-flow: column;border-radius: 10px;margin: 17px 0;background: #f7faf9;} .busin-work .main .mn:after{position: absolute;content: ""} .busin-work .main .mn:nth-child(3n){margin-right: 0;} .busin-work .main .mn .tit{margin-bottom: 19px;line-height: 58px;font-weight: bold;color: #007853;} .busin-work .main .mn .sum{line-height: 30px;color: #333;} .busin-work .main .line{position: relative;width: 7.1429%;height: 1px;margin: 0 10px;background: #007853;} .busin-work .main .line .dian{position: absolute;top: -3px;width: 7px;height: 7px;border-radius: 100%;background: #007853;} .busin-work .main .line .dian.dian1{left: 0;} .busin-work .main .line .dian.dian2{right: 0;} .busin-work .main .line:nth-child(3n),.busin-work .main .line:last-child{display: none;} .busin-strength{padding: 80px 0 86px;background: url(/static/img/busin3.png) no-repeat center / cover;} .busin-strength .main{justify-content: space-between;align-items: flex-start;} .busin-strength .main .le{width: 28.3117%;} .busin-strength .main .le .img{margin: 135px 0 244px -24px;} .busin-strength .main .le .pagecon{display: flex;align-items: center;justify-content: space-between;} .busin-strength .main .le .pagecon.show{opacity: 0;} .busin-strength .main .le .pagecon .line{position: relative;width:calc(100% - 176px);height: 2px;background: #dbdbdb;} .busin-strength .main .le .pagecon .line:before{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #007853;content: "";} .busin-strength .main .le .pagecon .line.on:before{animation: scroll 5s linear forwards;} .busin-strength .main .le .pagecon .pagem{width: 150px;} .busin-strength .main .le .pagecon .pagem .page{cursor: pointer;} .busin-strength .main .le .pagecon .pagem .page.next{transform: rotate(180deg);} .busin-strength .main .le .pagecon .number{position: static;width: calc(100% - 22px);justify-content: center;height: 16px;align-items: center;text-align: center;line-height: 16px;color: #333;} .busin-strength .main .le .pagecon .number .total{width: 2em;text-align: right;} .busin-strength .main .le .pagecon .number ul{position: relative;width: 2em;height: 16px;overflow: hidden;} .busin-strength .main .le .pagecon .number ul li{position: absolute;left: 0px;bottom: 0; } @-webkit-keyframes scroll {0% {width: 0;}100% {width: 100%}} @keyframes scroll {0% {width: 0;}100% {width: 100%}} .busin-strength .main .ri {width: 68.44%;} .busin-strength .main .ri .box{position: relative;top: 10px;border-radius: 10px;height: 480px;background: url(/static/img/busin4.png) no-repeat center / cover;overflow: hidden;color: #fff;cursor: pointer;transition: all .5s;} .busin-strength .main .ri .box .mengc{pointer-events: none;opacity: 0;} .busin-strength .main .ri .box .num{position: absolute;top: 34px;right: 45px;line-height: 1em;} .busin-strength .main .ri .box .tit{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 20px 37px 25px; line-height: 40px;} .busin-strength .main .ri .swiper-slide:nth-child(2n) .box{margin-top: 134px;margin-bottom: 10px;background: url(/static/img/busin5.png) no-repeat center / cover;} .busin-strength .main .ri .box:hover{top: 0;} .busin-strength .main .ri .box:hover .mengc{opacity: 1;} .nytitn .tit{margin-bottom: 10px;line-height: 1em;color:#333;} .nytitn .entit{line-height: 20px;text-transform: uppercase;color: #000;} .busin-advan{padding: 99px 0 92px;} .busin-advan .main {position: relative;height: 454px; justify-content: flex-end;} .busin-advan .main .swiper-container{position: absolute;left: -30px;top: 0;width: calc(90.1042vw + 30px);/*max-width: 1760px;*/box-sizing: border-box;padding: 38px 0 20px 15px;margin: 0;cursor: url('/static/img/tb12.png') 50 38, auto;} .busin-advan .main .swiper-container .swiper-slide{width: 540px;height: 396px;} .busin-advan .main .swiper-container .swiper-slide .bg{width: calc(100% - 30px);height: calc(100% - 38px);border-radius: 10px;box-sizing: border-box;border: 1px solid #e6e6e6} .busin-advan .main .swiper-container .swiper-slide .box{padding: 76px 45px 0;} .busin-advan .main .swiper-container .swiper-slide .box .tit{margin-bottom: 26px;line-height: 1.5em;color: #333;} .busin-advan .main .swiper-container .swiper-slide .box .sum{line-height: 30px;color: #999;} .busin-advan .main .swiper-container .swiper-slide:hover .bg{width: 100%;height: 100%;border-color: #007853;box-shadow: 0px 0px 20px rgba(0,0,0,.1)} .busin-advan .main .swiper-container .swiper-slide:hover .box .tit{color: #007853;} .busin-case{position: relative;/*bottom: -15px;*/} .busin-case .pagecon{padding: 142px 0 0;width: 44.7917%;min-width: 860px;box-sizing: border-box;min-height: 936px;background: url(/static/img/busin6.png) no-repeat center / cover;} .busin-case .pagecon .nytitn .tit,.busin-case .pagecon .nytitn .entit{color: #fff;} .busin-case .pagecon .contr{padding: 104px 0;width: 32%;} .busin-case .pagecon .contr .mn{position: relative;margin-bottom: 44px; line-height: 26px;color: #fff;transition: 0s;} .busin-case .pagecon .contr .mn:after{position: absolute;left: -24px;bottom: 0;width: 3px;height: 1px;opacity: 0;transition: all .5s;background: #fff;content: ""} .busin-case .pagecon .contr .mn.on{font-size: 22px;font-weight: bold;} .busin-case .pagecon .contr .mn.on:after{height: 100%;opacity: 1;} .busin-case .main{position: absolute;right: 0;top: 135px;width: 63.1458%;} .busin-case .main .swiper-slide{border-top-left-radius: 10px;border-bottom-left-radius: 10px;height: 750px;} .busin-case .main .swiper-slide .bigimg{height:100%;} .busin-case .main .mes{bottom: 29px;width: 100%;box-sizing: border-box;padding:0 30px;color: #fff;} .busin-case .main .mes:after{position: absolute;left: 0;bottom: -29px;width: 100%;min-height: 305px;max-height: 100%;height: calc(100% + 100px);background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);content: ""} .busin-case .main .mes .tit{position: relative; line-height: 40px;z-index: 2;} .busin-case .main .mes .line{position: relative;margin: 18px 0 23px;width: 26px;height: 3px;background: #007853;z-index: 2;} .busin-case .main .mes .sum{position: relative;line-height: 28px;z-index: 2;} .archite-warp1{padding: 80px 0 103px;background: url(/static/img/arch1.png) no-repeat center / cover;} .archite-warp1 .nytitn{margin-bottom: 50px;text-align: center;} .archite-warp1 .main{position: relative;} .archite-warp1 .main .icon{position: relative; margin: 0 auto;width: 500px;border-radius: 100%;background: #f6f7fa;} .archite-warp1 .main .circle{width: 260px;height: 260px;border-radius: 100%;overflow: hidden;} .archite-warp1 .main .circle .box{position: relative;width: 50%;height: 100%;display: flex;align-items: center;line-height: 30px;background: #007853;color: #fff;} .archite-warp1 .main .circle .box img{position: absolute;top: 90px;} .archite-warp1 .main .circle .box.box1{border-top-left-radius:120px;border-bottom-left-radius:120px;} .archite-warp1 .main .circle .box.box2{border-top-right-radius:120px;border-bottom-right-radius:120px;} .archite-warp1 .main .circle .box.box1 img{ right: 15px;} .archite-warp1 .main .circle .box.box2 img{left: 26px;} .archite-warp1 .main .circle .line{position: absolute;top: 20px;left: 129.5px;height: calc(100% - 40px);width: 1px;background: #fff;} .archite-warp1 .main .circle .box:hover{background: #005e41;} .archite-warp1 .main .dian{position: absolute;z-index: 99} .archite-warp1 .main .dian.dian1{top: 139px;left: 71px;width: 56px;height: 104px;border-top-left-radius: 80px;border-bottom-right-radius: 100%;} .archite-warp1 .main .dian.dian2{left: 50%;transform: translateX(-50%);bottom:72px;width: 108px;height: 28px;} .archite-warp1 .main .dian.dian3{top: 142px;right: 71px;width: 56px;height: 104px;border-top-right-radius: 80px;border-bottom-left-radius: 100%;} .archite-warp1 .main .mn{position: absolute;box-sizing: border-box;width: calc(50% - 170px);margin-left: 170px;align-items: flex-start;color: #333;z-index: 90;} .archite-warp1 .main .mn .tit{line-height: 1.5em;color: #fff;} .archite-warp1 .main .mn .line{position: relative;width: 100px;margin: 17px 30px 0 15px;border-bottom: 1px dashed #dbdbdb;} .archite-warp1 .main .mn .sum a{line-height: 1.5em;color: #333;} .archite-warp1 .main .mn .line:before{position: absolute;top: -4.5px;right: 0;width: 10px;height: 10px;border-radius: 100%;background: #007853;transition: all .5s;content: "";z-index: 2;} /*.archite-warp1 .main .mn .line:after{position: absolute;top: 0;right: -200px;width: 180px;border: 1px dashed #dbdbdb;transition: all .5s;content: ""}*/ .archite-warp1 .main .mn.mn1{top: 88px;left: 0;} .archite-warp1 .main .mn.mn2{top: 88px;right: 0;} .archite-warp1 .main .mn.mn3{bottom:20px;left: 0;} .archite-warp1 .main .mn.mn4{bottom:20px;right: 0;} .archite-warp1 .main .mn.mn1,.archite-warp1 .main .mn.mn3{flex-flow: row-reverse;margin-right: 170px;margin-left: 0;text-align: right;} .archite-warp1 .main .mn.mn1 .line,.archite-warp1 .main .mn.mn3 .line{margin: 17px 15px 0 30px;} .archite-warp1 .main .mn.mn1 .line:before,.archite-warp1 .main .mn.mn3 .line:before{right: auto;left: 0;} /*.archite-warp1 .main .mn.mn1{top: -5px;left: 54px;padding-right: 312px;} .archite-warp1 .main .mn.mn2{top: -5px;right: 54px;padding-left: 312px;} .archite-warp1 .main .mn.mn3{bottom:20px;left: 54px;padding-right: 312px;} .archite-warp1 .main .mn.mn4{bottom:20px;right: 54px;padding-left: 312px;} .archite-warp1 .main .mn.mn1,.archite-warp1 .main .mn.mn3{display: flex;flex-flow: column;align-items: flex-end;} .archite-warp1 .main .mn.mn2 .line:before,.archite-warp1 .main .mn.mn4 .line:before{right: auto;left: -20px;} .archite-warp1 .main .mn.mn2 .line:after,.archite-warp1 .main .mn.mn4 .line:after{left: -200px;right: auto;}*/ /*.archite-warp1 .main .mn:hover .tit{color: #007853;}*/ .archite-warp1 .main .mn .sum a:hover{color: #007853;} .archite-warp1 .main .mn:hover .line{background: #007853;} .archite-warp1 .main .mn:hover .line:after{border-color: #007853;} .archite-warp2{position: relative;padding: 80px 0 100px;z-index: 44;} .archite-warp2 .nytitn{margin-bottom: 48px;text-align: center;} .archite-warp2 .main{padding: 53px 0 60px;box-shadow: 0px 0px 20px rgba(0,0,0,.1);box-sizing: border-box;text-align: center;} .archite-warp2 .main .ftit{line-height: 1.5em;color: #007853;} .archite-warp2 .main .tbbox{padding: 44px 0 40px;width: calc(100% - 230px);margin:0 auto 30px;border-bottom: 1px solid #e6e6e6;} .archite-warp2 .main .tbbox .mn{width: 200px;height: 200px;border-radius: 10px;background: #f8faf9;color: #007853;cursor: pointer;} .archite-warp2 .main .tbbox .mn .iconfont{display: block;padding: 34px 0 25px;font-size: 66px;line-height: 1em;} .archite-warp2 .main .tbbox .mn .sum{line-height: 1.5em;} .archite-warp2 .main .tbbox .mn:hover{background: #007853;color: #fff;} .archite-warp2 .main .tbbox .mn.on{background: #007853;color: #fff;} .archite-warp2 .main .tbbox .tb{margin: 0 49px;} .archite-warp2 .main .cerbox{flex-wrap: wrap;padding: 0 115px;justify-content: flex-start;} .archite-warp2 .main .cerbox .mn{position: relative;border-radius: 50px;padding: 0 20px;box-sizing: border-box;width: 24%;height: 60px;margin-right: 1%;margin-bottom: 20px;background: #f8faf9;cursor: pointer;} .archite-warp2 .main .cerbox .mn:nth-child(4n){margin-right: 0;} .archite-warp2 .main .cerbox .mn .iconbox{width: 24px;height: 24px;margin-right: 10px;border-radius: 100%;line-height: 24px;text-align: center;background: #007853;color: #fff;} .archite-warp2 .main .cerbox .mn .iconbox .iconfont{font-size: 12px;} .archite-warp2 .main .cerbox .mn .tit{width: calc(100% - 34px);line-height: 1.5em;text-align: left;color: #666;} .archite-warp2 .main .cerbox .mn .box{top: 100%;opacity: 0;pointer-events: none;} .archite-warp2 .main .cerbox .mn .box .anbox{height: 25px;} .archite-warp2 .main .cerbox .mn .picbox{position: relative;padding: 5px;box-sizing: border-box;width: 280px;box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #fff;} .archite-warp2 .main .cerbox .mn .picbox:before{position: absolute;left: 50%;transform: translateX(-50%);top: -8px;border-bottom:8px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent; content: "";} .archite-warp2 .main .cerbox .mn:hover .box{opacity: 1;pointer-events: auto;} .archite-warp2 .main .cerbox .mn:hover .box .anbox{height: 18px;} .project-type{padding: 66px 0 70px;} .project-type .mn{align-items: flex-start;padding: 18px 0;border-bottom: 1px solid #eee;line-height: 30px;color: #333;} .project-type .mn .le .titn{margin: 0 20px;} .project-type .mn .ri{position: relative;width: calc(100% - 148px);/*height: 30px;*/box-sizing: border-box;/*padding-right: 40px;*/overflow: hidden;} .project-type .mn .ri.show{height: auto;} .project-type .mn .ri a{position: relative;padding: 0 20px;color: #999;} .project-type .mn .ri a.on,.project-type .mn .ri a:hover{color: #007853;} .project-type .mn .ri a:after{position: absolute;right: -1px;top: 7px;width: 2px;height: 16px;background:#dadada;content: ""} .project-type .mn .ri a:last-child:after{display: none;} .project-type .mn .ri .dj-show{position: absolute;right: 0;top: 10px;cursor: pointer;display: none;} .project-type .mn .ri .dj-show.on{transform: rotate(180deg);} .project .main{justify-content: space-between;padding-bottom: 20px;overflow: hidden;} .project .main .mn{position: relative;/*padding: 20px 0;*/box-sizing: border-box;height: 540px;margin-bottom: 70px;box-sizing: border-box;width: 45.4545%;border-radius: 10px;overflow: hidden;} .project .main .mn .bimg{height: 360px;border-radius: 10px;} .project .main .mn .tit{padding: 20px 0 15px;line-height: 1.5em;color: #333;} .project .main .mn .more{line-height: 1em;color: #999;} .project .main .mn .mengc{border-radius: 10px;box-sizing: border-box;padding: 64px 68px 0;background: url(/static/img/case1.png) no-repeat center / cover;opacity: 0;color: #fff;} .project .main .mn .mengc .stit{line-height: 1.5em;} .project .main .mn .mengc .smore{position: absolute;left: 68px;bottom: 60px;line-height: 1em;} .project .main .mn .bigimg{margin-top: 0;border-radius: 10px;overflow: hidden;} .project .main .mn:hover .bigimg{ margin-top: -500px;} .project .main .mn:hover .tit{padding: 64px 30px 0 68px ;color: #fff} .project .main .mn:hover .more{position: absolute;left: 68px;bottom: 60px;color: #fff} .project .main .mn:hover .mengc{opacity: 1;} .project .numpage{padding-bottom: 130px;} .numpage{display: flex;justify-content: center;align-items: center;} .numpage .mn,.numpage .num a,.numpage .num span{position: relative;width: 40px;height: 40px;margin: 0 10px; border: 1px solid #dedede;border-radius: 100%;display: flex;justify-content: center;align-items: center;color: #999} .numpage .mn .img2{display: none;} .numpage .mn.next img{transform: rotate(180deg);} .numpage .mn.on{border-color: #008753;background: #008753;color: #fff;} .numpage .mn.on .img2{display: block;} .numpage .mn.on .img1{display: none;} .numpage .mn.layui-laypage-curr{border-color: #008753;background: #008753;color: #fff;} .numpage .mn.layui-laypage-curr .img2{display: block;} .numpage .mn.layui-laypage-curr .img1{display: none;} .numpage .mn:hover{border-color: #008753;background: #008753;color: #fff;} .numpage .mn:hover .img2{display: block;} .numpage .mn:hover .img1{display: none;} .numpage a:hover{border-color: #008753;background: #008753;color: #fff;} .numpage a:hover .img2{display: block;} .numpage a:hover .img1{display: none;} .numpage .prev,.numpage .next{font-size: 0;} .numpage .prev a,.numpage .prev span,.numpage .next a,.numpage .next span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: block;border-radius: 100%;} .numpage .now{border-color: #008753!important;background: #008753!important;color: #fff!important;} #prdocut-page.numpage .prev,#prdocut-page.numpage .next{background: url(/static/img/tb14.png) no-repeat center;} #prdocut-page.numpage .prev:hover,#prdocut-page.numpage .next:hover{background: url(/static/img/tb14_1.png) no-repeat center #008753;} #prdocut-page.numpage .next{transform: rotate(180deg);} .project.inbanner .swiper-container{height: 730px;} .project.inbanner .inbannerqh{justify-content: flex-end;} .project-con{position: relative;} .project-con .img1{position: absolute;top: -210px;right: -109px;} .project-con .mesmain{position: relative;padding:78px 0 102px;color: #333;} .project-con .mesmain .titn{position: relative;width: 34.09%;box-sizing: border-box;padding-right: 40px;line-height: 1.5em;z-index: 2;} .project-con .mesmain .titn:before{position: absolute;left: -110px;top: -16px;width: 166px;height: 140px;background: url(/static/img/tb15.png) no-repeat center / cover;z-index: -1;content: "";} .project-con .mesmain .m-content{max-width: 62%;padding:4px 0 0;} .project-con .mesmain .m-content p{margin-bottom:1em;line-height: 32px;font-size: 20px;color: #333;} .project-con .busin-advan .main{padding: 48px 0 129px;height:479px;} .project-con .busin-advan .main .swiper-container{width: 90.1042vw;left:0;top:48px;max-width: 1730px;padding:0;margin:0;cursor: auto;} .project-con .busin-advan .main .swiper-container .swiper-slide{width: 490px;height: auto;margin-right: 35px;} .project-con .busin-advan .main .swiper-container .swiper-slide .bigimg{height: 360px;border-radius: 10px;} .project-con .busin-advan .main .swiper-container .swiper-slide .tit{margin: 24px 0 41px;line-height: 1.5em;color: #333;} .project-con .busin-advan .main .swiper-container .swiper-slide .sum{line-height: 1em;color: #999;} .project-con .busin-advan .main .swiper-container .swiper-slide:hover a{color: #008753!important;cursor: url(/static/img/tb4.png) 50 38, auto;} .future-profile{padding: 79px 0 0;} .future-profile .main{position: relative;} .future-profile .main .tb{position: absolute;left: -109px;top: -28px;} .future-profile .main .bigimg{width: 45.45%;height: 380px;} .future-profile .main .mes{right: 0;padding:20px 70px 20px 140px ;width: calc(54.55% + 80px);min-height: 320px;flex-flow:column;align-items: flex-start;box-sizing: border-box;background: rgba(230,230,230,.3);z-index: 33;} .future-profile .main .mes .tit{margin-bottom: 33px;font-weight: bold;line-height: 1em;color: #007853;} .future-profile .main .mes .sum{line-height: 30px;color: #333;} .future-book .main{position: relative;} .future-book .main .mes .titn{padding: 111px 0 117px;color: #008753;} .future-book .main .mes .entit{margin-bottom: 27px;line-height: 52px;text-transform: uppercase;} .future-book .main .mes .tit{line-height: 1em; } .future-book .main .mes .piccon{align-items: flex-end;height: 360px;} .future-book .main .mes .piccon .mn{position: relative;top: 0;height: 313px;overflow: hidden;} .future-book .main .mes .piccon img{max-height: 326px;max-width: unset;} .future-book .main .mes .piccon .mn.on{height: 360px;} .future-book .main .bimg{position: absolute;bottom: 0;right: 0;height: 658px;align-items: flex-end;} .future-book .main .bimg .bg{ max-width: unset;bottom: 0;} .future-book .main .bimg .box{position: relative;height: calc(100% - 40px);width: 456px;justify-content: flex-end;overflow: hidden;} .future-book .main .bimg .box img{height: 100%;margin-top: 40px;} .future-book .main .bimg.phone{display:none;} .future-strength{padding: 110px 0 100px;justify-content: space-between;} .future-strength .le{width: 320px;} .future-strength .le .contr{padding-top: 87px ;} .future-strength .le .contr .mn{position: relative;padding-left: 32px;margin-bottom: 29px;line-height: 1em;color: #999;} .future-strength .le .contr .mn:before{position: absolute;left: 0;top: 11px;width: 10px;height: 2px;background: #ccc;transition: all .5s;content: ""} .future-strength .le .contr .mn.on{padding-left: 60px;color: #008753} .future-strength .le .contr .mn.on:before{width: 40px;background: #008753;} .future-strength .ri{position: relative; width: calc(100% - 320px);box-sizing: border-box;} .future-strength .ri .next{position: absolute;right: -80px;top: 193px;display: block!important;cursor: pointer;} .future-strength .ri .swiperz{padding-right: 2px;} .future-strength .ri .swiperz .swiper-slide-active{z-index: 99;} .future-strength .ri .swiperzi{height: 403px;width: 100%;} .future-strength .ri .swiperzi .swiper-wrapper{border: 1px solid #ccc;border-right: none;box-sizing: border-box;} .future-strength .ri .swiperzi .swiper-slide{height: 50%;box-sizing: border-box;border-right: 1px solid #ccc;padding: 36px 30px 0;cursor: pointer;overflow: hidden;pointer-events: auto;} .future-strength .ri .swiperzi .swiper-slide:nth-child(2n-1){border-bottom: 1px solid #ccc;} .future-strength .ri .swiperzi .swiper-slide .time{line-height: 14px;color: #999} .future-strength .ri .swiperzi .swiper-slide .dian{border-radius: 100%;width: 20px;height: 20px;margin: 19px 0 55px; background: #f2f7f5;} .future-strength .ri .swiperzi .swiper-slide .tit{line-height: 1em;color: #333;} .future-strength .ri .swiperzi .swiper-slide .tb{position: absolute;right: 0;top: -60px;} .future-strength .ri .swiperzi .swiper-slide:hover .tit{color: #008753;} .future-strength .ri .swiperzi .swiper-slide:hover .tb{top: 0;} .future-stand{padding: 90px 0 110px;background: #f7f7f7;} .future-stand .nytitn{margin-bottom: 57px;} .future-stand .mn{position: relative;padding: 0 30px;line-height: 100px;border-top: 1px solid #d4d4d4;color: #333;} .future-stand .mn:last-child{border-bottom: 1px solid #d4d4d4;} .future-stand .mn .tit{width: 28.57%;} .future-stand .mn .entit{width: 60%;text-transform: uppercase;color: #b2b2b2;} .future-stand .mn .iconfont{right: 30px;display: none;color: #666;} .future-stand .mn:hover{color: #fff!important;background: #007853;} .future-stand .mn:hover .iconfont{color: #fff;} .future-pro{padding: 74px 0 8px;text-align: center;} .future-pro .main{padding: 46px 0 0;} .future-pro .main img{margin: 0 auto;} .future.busin-strength{margin-top: 100px;} .red-file{position: fixed;top: 50%;transform:translateY(-50%);right: -316px;width: 400px;box-sizing: border-box;padding-left: 25px;justify-content: flex-start;height: 80px;border-top-left-radius: 50px;border-bottom-left-radius: 50px; background: #b7282e;color: #fff;z-index: 99;} .red-file span{display: block;margin: 0 16px;line-height: 24px;} .red-file:hover{right: 0;} .red-warp1 .main{position: relative;padding: 338px 0 108px;justify-content: space-between;align-items: flex-start;} .red-warp1 .main .img{top: 52px;} .red-warp1 .main .mes{width: calc(100% - 1000px);padding: 34px 0 0;} .red-warp1 .main .mes .sum{padding: 49px 0 0;line-height: 30px;} .red-warp1 .main .bimg{margin-right: -80px;width: 1017px;} .red-warp2{padding: 215px 0 201px;background: url(/static/img/red3.png) no-repeat center / cover;} .red-warp2 .main{position: relative; justify-content: space-between;} .red-warp2 .main .mes{width: calc(100% - 872px);} .red-warp2 .main .mes .nytitn{padding: 32px 0 60px;} .red-warp2 .main .bimg{width: 884px;justify-content:flex-end;display: flex;margin-right: -22px;} .red-warp2 .swiper-pagination{top: 200px;left: -80px!important;bottom: auto!important;} .red-warp2 .swiper-pagination-bullet{display: block;width: 10px;height: 10px;margin: 15px 0!important;opacity: 1;background: #ccc;} .red-warp2 .swiper-pagination-bullet-active{background: #be0000;} .red-warp3{padding: 100px 0 110px;} .red-warp3 .contr{width: 442px;background: #fafafa;} .red-warp3 .contr .mn{position: relative;height: 20%;box-sizing: border-box;flex-flow: column;justify-content: center;align-items: flex-start;padding-left: 48px;border-bottom: 1px solid #e5e5e5;color: #333;cursor: pointer;} .red-warp3 .contr .mn:last-child{border-bottom: none;} .red-warp3 .contr .mn .entit{margin-bottom: 19px;line-height: 18px;text-transform: uppercase;opacity: .3;} .red-warp3 .contr .mn .tit{line-height: 1em;} .red-warp3 .contr .mn .img{transform: unset;right: 30px;margin-top: -9px;opacity: 0;} .red-warp3 .contr .mn.on{border-color: #c00000;background: #c00000;color: #fff;} .red-warp3 .contr .mn.on .img{right: 20px;opacity: 1;} .red-warp3 .swiper{width: calc(100% - 442px); } .red-warp3 .swiper .swiper-slide{height: 804px;border-bottom-right-radius: 200px;border-top-right-radius: 10px;} .red-warp3 .swiper .swiper-slide .tit{position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;padding: 43px 68px;line-height: 1.5em;color: #fff;} .qltitn{position: relative;color: #000} .qltitn img{position: absolute;} .qltitn .img1{position: absolute;left: -126px;top: -49px;} .qltitn .tit{padding-left: 22px;align-items: flex-end;font-style: italic;font-size: 140px;line-height: 123px;} .qltitn .tit span{display: block;margin-right: 20px;font-size: 96px;line-height:87px;} .qltitn .stit{padding: 48px 0 65px 150px;line-height: 60px;font-style: italic;color: #333;} .qltitn .sum{line-height: 1.5em;} .ql-warp1{padding: 189px 0 150px;background: url(/static/img/ql1.png) no-repeat center / cover;} .ql-warp1 .main{justify-content: space-between;padding: 0 65px 0 88px;} .ql-warp1 .main .qltitn{margin-top: 71px;} .ql-warp1 .main .bimg{position: relative;} .ql-warp1 .main .bimg .circle{position: absolute;top: 5px;left: 50%;margin-left: -262px;animation: mroate 5s linear infinite;} @-webkit-keyframes mroate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg)}} @keyframes mroate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg)}} .ql-warp2{position: relative;padding: 178px 0 ;background: url(/static/img/ql4.png) no-repeat center top;} .ql-warp2 .bg{position: absolute;right: 0;bottom: -223px;} .ql-warp2 .main{justify-content: space-between;} .ql-warp2 .qltitn{top: -74px;} .ql-warp2 .qltitn .tit{padding-left: 0;} .ql-warp2 .qltitn .stit{padding: 51px 0 76px 70px;} .ql-warp2 .qltitn .img2{position: absolute;top: 86px;left: 253px;} .ql-warp2 .main .mn{width: 44.81%;margin-bottom: 112px;} .ql-warp2 .main .mn .bigimg{height: 340px;border-radius: 10px;} .ql-warp2 .main .mn .mes{position: relative;left: -90px;margin-top: -50px;padding: 43px 45px 0 90px;box-sizing: border-box;border-radius: 10px;} .ql-warp2 .main .mn .mes:after{position: absolute;top: 0;left: 0;width: 100%;height: 285px;border-radius: 10px; background: #fff;content: "";} .ql-warp2 .main .mn.mn0 .mes:after,.ql-warp2 .main .mn.mn1 .mes:after{background: #fafafa;} .ql-warp2 .main .mn .mes .tit{margin-bottom: 17px;line-height: 1.5em;color: #333;} .ql-warp2 .main .mn .mes .sum{line-height: 26px;} .ql-warp2 .main .mn.mn1{margin-top: -240px} .ql-warp2 .main .mn.mn3{margin-top: -140px} .cul-warp1{padding: 206px 45px 196px 0;background: url(/static/img/cul1.png) no-repeat center 42px;} .cul-warp1 .main{justify-content: space-between;align-items: flex-start;color: #333;} .cul-warp1 .main .mes .tit{margin-bottom: 21px;line-height: 1em;} .cul-warp1 .main .mes .sum{line-height: 30px;} .cul-warp2{position: relative;} .cul-warp2 .bg{position: relative;height: 674px;background: url(/static/img/cul3.png) no-repeat right bottom / cover;} .cul-warp2 .bg .imgbox{position: absolute;top: 0;left: 0;width: 36.4583%;height: 100%} .cul-warp2 .bg .imgbox img{object-position: left;} .cul-warp2 .main{top: 0;justify-content: space-between; z-index: 2;} .cul-warp2 .main .le{width: 33.1169%;box-sizing: border-box;padding: 98px 37px 0 0} .cul-warp2 .main .le .nytitn .entit,.cul-warp2 .main .le .nytitn .tit{color: #fff;} .cul-warp2 .main .le .nytitn{margin-bottom: 38px;} .cul-warp2 .main .ri{padding: 50px 0 0;margin-right: -64px} .cul-warp2 .main .ri .circle{position: relative;width: 400px;height: 400px;padding: 130px 0 0 76px;box-sizing: border-box;color: #007853;} .cul-warp2 .main .ri .circle:after{position: absolute;top: 0;left: 0;border-radius: 100%;width: 100%;height: 100%;box-shadow: 0px 0px 15px rgba(0,0,0,.1);background: #f2f2f2;transition: all .5s;cursor: pointer;content: ""} .cul-warp2 .main .ri .circle.on:after{top: -20px;left: -20px;width: calc(100% + 40px);height: calc(100% + 40px);background: #fff;} .cul-warp2 .main .ri .circle.one{margin: 194px 0 0;} .cul-warp2 .main .ri .circle.two{margin: 0 0 0 -170px;padding: 73px 0 0 68px;} .cul-warp2 .main .ri .circle.three{margin: 64px 0 0 -64px;padding: 113px 0 0 84px} .cul-warp2 .main .ri .circle .iconfont{line-height: 1em;} .cul-warp2 .main .ri .circle .tit{padding: 22px 0 4px;line-height: 1.5em;} .cul-warp2 .main .ri .circle .sum{width: 260px; line-height: 30px;text-align: justify;color: #333;} .cul-warp2 .main .ri .circle.two .sum{width: 240px;} .cul-warp3{padding: 90px 0 100px;} .cul-warp3 .top{justify-content: space-between;margin-bottom: 60px;} .cul-warp3 .contr .mn{position: relative;margin-right: 124px;padding-bottom: 62px;} .cul-warp3 .contr .mn:last-child{margin-right: 0;} .cul-warp3 .contr .mn .tit{position: relative;line-height: 1em;color: #999;cursor: pointer;} .cul-warp3 .contr .mn .tit:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: -3px;width: 0;height: 2px;transition: all .5s; background: #007853;content: ""} .cul-warp3 .contr .mn .sum{bottom: -10px;width: max-content;line-height: 1em;color: #333;opacity: 0;} .cul-warp3 .contr .mn.on .tit{color: #007853} .cul-warp3 .contr .mn:hover .tit{color: #007853} .cul-warp3 .contr .mn.on .tit:after{width: 100%;} .cul-warp3 .contr .mn.on .sum{bottom:0;opacity: 1;} .cul-warp3 .bot{position: relative;padding: 0 50px;} .cul-warp3 .bot .swiper .swiper-slide{width: 930px;height: 509px;} .cul-warp3 .bot .swiper .swiper-slide-active{transition: all 1.5s;} .cul-warp3 .bot .swiper .swiper-slide .bigimg{position: relative; width: 100%;height:100%;} .cul-warp3 .bot .swiper .swiper-slide .bigimg .mengc{background: rgba(255,255,255,.3);} .cul-warp3 .bot .swiper .swiper-slide.swiper-slide-active .bigimg .mengc{display: none;} .cul-warp3 .bot .swiper .swiper-slide.swiper-slide-prev .bigimg{transform: perspective(800px) rotateY(15deg) scale(.9)} .cul-warp3 .bot .swiper .swiper-slide.swiper-slide-next .bigimg{transform: perspective(800px) rotateY(-15deg) scale(.9)} .cul-warp3 .bot .butt{position: absolute;top: 246px;padding: 0 10px;cursor: pointer;z-index: 2;} .cul-warp3 .bot .butt.next{right: 0;transform: rotate(180deg);} .cul-warp3 .bot .butt.prev{left: 0;} .cul-warp3 .bot .butt:hover{padding: 0;} .cul-warp4{margin-bottom: 100px;padding: 80px 0 0;background: url(/static/img/arch5.png) no-repeat left top;} .cul-warp4 .top{align-items: flex-end;justify-content: space-between;margin-bottom: 227px;color: #fff;} .cul-warp4 .top .nytitn .tit,.cul-warp4 .top .nytitn .entit{color: #fff;} .cul-warp4 .top .page{opacity: 0;transition: all .5s;} .cul-warp4:hover .top .page{opacity: 1;} .cul-warp4 .top .page .butt{cursor: pointer;} .cul-warp4 .top .page .butt.prev{margin-right: 60px;} .cul-warp4 .top .page .butt.prev img{transform: rotateY(180deg);} .cul-warp4 .main {position: relative;height: 330px; justify-content: flex-end;} .cul-warp4 .main .qhbox{position: absolute;left: 0;top: 0;width: 90.1042vw;height: 100%;box-sizing: border-box;background: #fff;} .cul-warp4 .main .swiper{position: relative;top: -180px;left: -15px;box-sizing: border-box;margin: 0;} .cul-warp4 .main .swiper .swiper-slide{width: 320px;margin: 0 15px;text-align: center;line-height: 1.5em;color: #333} .cul-warp4 .main .swiper .swiper-slide .imgbox{width: 100%;height: 460px;margin-bottom: 15px;box-sizing: border-box;padding: 5px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.1)} .news .newstime{width: 170px;height: 170px;margin: 0 40px;flex-flow: column;text-align: center;background: #f7faf9;} .news .newstime .time1{margin-bottom: 28px;line-height: 34px;color: #007853;} .news .newstime .time2{line-height: 14px;color: #333;} .news .newstime:hover{background: url(/static/img/news1.png) no-repeat center / cover;} .news .newstime:hover p{color: #fff!important;} .news .top{padding: 90px 0 80px;justify-content: space-between;} .news .top .bigimg{width: 490px;height: 296px;box-sizing: border-box;border-radius: 10px;border: 1px solid #dbdbdb;} .news .top .mes{position: relative;width: calc(100% - 740px);box-sizing: border-box;padding: 10px 0 0 30px;} .news .top .mes .tit{margin-bottom: 18px;color: #007853;} .news .top .mes .sum{line-height: 30px;color: #666;} .news .top .mes .more{position: absolute;left: 30px;bottom: 0;align-items: flex-end;line-height: 1em;color: #333;} .news .top .mes .more img{margin-left: 20px;} .news .top .mes .more:hover img{margin-left: 10px;} .news .bot{padding: 90px 0 110px; background: #f7f7f7;} .news .bot .w1540{justify-content: space-between;align-items: flex-start;} .news .bot .le{width: calc(100% - 480px);} .news .bot .le .mn{position: relative;padding: 30px 60px 30px 0;margin-bottom: 30px;border-radius: 10px;align-items: center;background: #fff;} .news .bot .le .mn:last-child){margin-bottom: 0;} .news .bot .le .mn .mes{width: calc(100% - 250px)} .news .bot .le .mn .mes a{color: #333;} .news .bot .le .mn .mes .tit{margin-bottom: 22px;line-height: 1.5em;} .news .bot .le .mn .mes .sum{line-height: 30px;} .news .bot .le .mn .tbimg{right: 20px;} .news .bot .le .mn .tbimg .img2{opacity: 0;} .news .bot .le .mn:hover {background: #f7faf9;} .news .bot .le .mn:hover .newstime{background: url(/static/img/news1.png) no-repeat center / cover;} .news .bot .le .mn:hover .newstime p{color: #fff!important;} .news .bot .le .mn:hover .mes .tit{color: #007853;} .news .bot .le .mn:hover .tbimg .img2{opacity: 1;} .news .bot .le .dj-more{border-radius: 10px;margin-top: 36px;text-align: center;line-height: 74px;text-transform: uppercase;background: #007853;color: #fff;} .news .bot .ri{width: 420px;padding: 63px 30px 90px;box-sizing: border-box;background: url(/static/img/news2.png) no-repeat center / cover;} .news .bot .ri .search form{position: relative;width: 100%;height: 60px;padding: 0 20px;justify-content: space-between; box-sizing: border-box;border-radius: 10px;background: #fff} .news .bot .ri .search .input-box{border: none;background: none} .news .bot .ri .search .sr{width: calc(100% - 40px);line-height: 60px;color: #333;} .news .bot .ri .search .tj{width: 16px;height: 16px;background: url(/static/img/tb26.png) no-repeat center / cover;} .news .bot .ri .titn{padding: 40px 0 95px;color: #fff;} .news .bot .ri .titn .tit{margin-bottom: 13px;line-height: 1em;} .news .bot .ri .titn .entit{line-height: 45px;font-weight: 100;color: rgba(255,255,255,.3);} .news .bot .ri .flink .tit{margin-bottom: 12px;line-height: 1em;color: #fff;} .news .bot .ri .flink .tbbox a{width: 30px;height: 30px;border-radius: 100%;margin-right: 14px;text-align: center;line-height: 30px;color:#007853;background: #fff;} .news .bot .ri .flink .tbbox a:hover{background: #007853;color: #fff;} .newsread {padding: 94px 0 130px;} .newsread .top .tit{text-align: center;line-height: 1.5em;color: #333; } .newsread .top .time{padding: 36px 0 16px;line-height: 1em;color: #666;} .newsread .top .time .iconfont{margin-right: 10px;} .newsread .m-content{padding: 21px 0 88px;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb} .newsread .m-content p{margin-bottom:10px;text-indent:2em;line-height: 30px;} .newsread .m-content p span{font-family: inherit!important;} .newsread .sx-page{justify-content: space-between;padding-top: 29px;} .newsread .sx-page .page{max-width: 45%;} .newsread .sx-page .page a{color: #666;line-height: 1em;} .newsread .sx-page .page a:hover{color: #007853;} .video-warp1{padding: 96px 0 94px;} .video-warp1 .main{justify-content: space-between;} .videotit{color: #007853;} .videotit .tit{margin-bottom: 24px;line-height: 1em;} .videotit .entit{line-height: 44px;text-transform: uppercase;} .dj-video .bf{position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px; z-index: 3;cursor: pointer;} .dj-video .bf img{transform: scale(1)!important;} .video .main .le .sum{padding: 50px 0 16px;line-height: 28px;color: #999;} .video .main .le .iconfont{line-height: 1em;color: #007853;} .video-warp1 .main .ri{position: relative; width: 64.935%;margin-top: 3px;} .video-warp1 .main .ri .bigimg{position: relative; height: 260px;margin-bottom: 13px;} .video-warp1 .main .ri .sum{line-height: 28px;color: #333;} .video-warp1 .main .ri .next{position: absolute;right: -80px;top: 143px;cursor: pointer;} .video-warp2{position: relative; padding: 80px 0 0;background: url(/static/img/video1.png) no-repeat center top / cover;} .video-warp2 .bimg{position: absolute;left: -10px;bottom: 147px;} .video-warp2 .main{justify-content: space-between;} .video-warp2 .main .le{padding-top: 68px;} .video-warp2 .main .le .videotit{color: #fff;} .video-warp2 .main .le .sum{padding: 84px 0 15px;color: #fff;} .video-warp2 .main .le .iconbox .mn{width: 36px;height: 36px;margin-right: 20px;box-sizing: border-box;border-radius: 100%;border: 1px solid #fff;font-size: 25px;line-height: 34px;text-align: center;color: #fff;} .video-warp2 .main .ri{padding-bottom: 120px;} .video-warp2 .main .ri .swiper{width: 980px;height: 1028px} .video-warp2 .main .ri .swiper .swiper-slide{height: 50%;margin-top: 0!important} .video-warp2 .main .ri .swiper .bigimg{position: relative;height: 386px;margin-top: 37px;cursor: pointer;} .video-warp2 .main .ri .swiper .bigimg .mengc{background: rgba(0,51,34,.3);opacity: 0;z-index: 2} .video-warp2 .main .ri .swiper .sum {margin: 12px 0 22px;line-height: 28px; color: #fff;} .video-warp2 .main .ri .swiper .swiper-slide:hover .bigimg{margin-top: 0;border-top-left-radius: 100px;border-bottom-right-radius: 100px;} .video-warp2 .main .ri .swiper .swiper-slide:hover .bigimg .mengc{opacity: 1;} .video-warp2 .main .ri .fybox{position: absolute;right: 0;bottom: 90px;opacity: 0;} .video-warp2 .main .ri .fybox .prev{margin-right: 60px;} .video-warp2 .main .ri .fybox .prev img{transform: rotate(180deg);} .video-warp2:hover .main .ri .fybox{opacity: 1;} .videotc {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition: all .5s;pointer-events: none; z-index: 9999999;} .videotc.show{display: flex!important;justify-content: center;align-items: center;opacity: 1;pointer-events: auto;} .videotc .mengc{width: 100%;height: 100%;cursor: pointer;} .videotc .videomain{position: relative;max-width: 80%;max-height: 70%;z-index: 2;} .videotc .videomain .videoclose{position: absolute;top: -30px;right: 0;} .videotc .videomain .videosrc{max-width: 100%;max-height: 500px;display: block;opacity: 0;} .videotc.show .videomain .videosrc{opacity: 1;} .recru-deve1{padding: 102px 0 48px} .recru-deve1 .mes{box-sizing: border-box;width: calc(100% - 544px);border-right: 1px solid #666;color: #2e2e2b;} .recru-deve1 .mes img{margin-left: 43px; } .recru-deve1 .mes .tit{padding: 84px 0 18px 152px;font-style: italic;line-height: 1em;} .recru-deve1 .mes .sum{display: inline-block;text-align: right;font-style: italic; line-height: 22px;opacity: .8;} .recru-deve1 .sumn{box-sizing: border-box;width: 544px;padding:8px 0 0 48px;} .recru-deve1 .sumn p{line-height: 30px;color: #333;} .recru-deve2{position: relative;padding: 154px 0 130px;background: url(/static/img/deve1.png) no-repeat center top;overflow: hidden;} .recru-deve2 .entit{position: absolute;left: -80px;top: 468px;font-size: 500px;line-height: .75em;white-space: nowrap;color: #fff;} .recru-deve2 .main .titbox{justify-content: flex-end;} .recru-deve2 .main .contr{padding: 90px 0 107px;} .recru-deve2 .main .contr .mn{position: relative;margin-right: 110px;line-height: 42px;color: #333;opacity: .5} .recru-deve2 .main .contr .mn:last-child{margin-right: 0;} .recru-deve2 .main .contr .mn:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #333;transition: all .5s;content: ""} .recru-deve2 .main .contr .mn.on{opacity: 1;} .recru-deve2 .main .contr .mn.on:after{width: 100%;} .recru-deve2 .main .contr .mn:hover{opacity: 1;} .recru-deve2 .main .contr .mn:hover:after{width: 100%;} .recru-deve2 .main .bot .sum{margin-bottom: 146px;line-height: 30px;color: #333;} .recru-deve2 .busin-advan{padding: 0;} .recru-deve2 .busin-advan .main .swiper-container{padding: 0;width: 90.1042vw;left:0;} .recru-deve2 .busin-advan .main .swiper-container .swiper-slide{width: 660px;height: 400px;border-radius: 20px;margin-right: 50px;} .recru-banner{position:relative;height: calc(100vh - 80px);} .recru-banner video{object-position:center bottom;} .recru-banner .mes{top: 290px;} .recru-banner .mes .tit{margin: 0 auto 27px;} .recru-banner .mes .more{margin: 0 auto;width: 160px;border-radius: 30px;line-height: 60px;text-align: center;background: #fff;color: #007853;} .recru-banner .mes .more:hover{background: #007853;color: #fff;} .scroll-btn{position: absolute;bottom: 14px;left: 50%;width: 90px;height: 90px;margin-top: -45px;margin-left: -45px;/*background: rgba(255,255,255,.5);*/border-radius: 50%;} .scroll-btn span{display: block;font-size: 12px;line-height: 70px;text-align: center;text-transform: uppercase;color: #fff;} .scroll-btn i{position: absolute;bottom: 20px;left: 50%;display: block;width: 11px;height: 22px;margin-left: -5px;background: url(/static/img/arrow1.png) center bottom no-repeat;animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear;} @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); } } .recrutitn{color: #fff;} .recrutitn .entit{margin-bottom: 17px;letter-spacing: -2px;line-height: 52px;text-transform: uppercase;text-align:left;} .recrutitn .cntit{line-height: 1em;} .recru-school1{padding: 82px 0 74px;justify-content: space-between;align-items: flex-start;} .recru-school1 .le{border-radius: 20px;width: 49.35%;margin-top: 18px;box-sizing: border-box;padding: 175px 0 0 50px;background: url(/static/img/recru2.png) no-repeat center / cover;color: #fff} .recru-school1 .le .sum{padding: 230px 0 91px;line-height: 40px;} .recru-school1 .ri {width: 43%;margin-right: 24px;} .recru-school1 .ri .mn{box-sizing: border-box;min-height: 210px;border-bottom: 1px solid #e6e6e6} .recru-school1 .ri .mn:last-child{border-bottom: none;} .recru-school1 .ri .mn .tbbox{width: 140px;} .recru-school1 .ri .mn .tbbox .iconfont{font-size: 130px;color: #e6e6e6;} .recru-school1 .ri .mn .mes{width: calc(100% - 140px);box-sizing: border-box;padding-left: 20px;} .recru-school1 .ri .mn .mes .sum{margin-bottom: 20px;line-height: 26px;color: #666;white-space: nowrap;} .recru-school1 .ri .mn .mes .numbox{align-items: flex-end;line-height: 1em;color: #333;} .recru-school1 .ri .mn .mes .numbox span{display: block;margin-right: 3px;line-height: .75em;color: #007853;} .recru-school1 .ri .mn:hover .tbbox .iconfont{color: #007853;} .recru-school1 .ri .mn:hover .mes {padding-left: 40px;} .recru-school2 .top{justify-content: space-between;align-items: center;margin-bottom: 52px;} .recru-school2 .top .recrutitn{color: #007853;} .recru-school2 .top .sum{width: 52.27%;line-height: 40px;color: #333;} .recru-school2 .bot{max-width: 94%;margin: 0 auto} .recru-school3{position: relative; padding: 217px 0 270px;} .recru-school3 .tb{position: absolute;right: 0;top: -40px;max-width: unset;} .recru-school3 .main{justify-content: flex-end;} .recru-school3 .main .mn{width: 820px} .recru-school3 .main .mn .sum{padding: 112px 0 42px;line-height: 40px;color: #fff;} .recru-school3 .main .mn .box {justify-content: space-between;} .recru-school3 .main .mn .box .butt{width: 190px;border-radius: 30px;margin-bottom: 30px;border: 1px solid #fff;text-align: center;line-height: 58px;color: #fff;} .recru-school3 .main .mn .box .butt:hover{border-color: #007853;background: #007853;color: #fff;} .recru-school4{padding: 109px 0 110px;background: #f7f7f7;} .recru-school4 .recrutitn{margin-bottom: 70px;color: #007853;} .recru-school4 .box{border-top-right-radius: 20px;border-bottom-left-radius: 30px;overflow: hidden;} .recru-school4 .box .swiper{width: 846px;} .recru-school4 .box .swiper-slide{height: 550px;border-radius: 0;} .recru-school4 .box .contr{width: calc(100% - 846px);background: #fff;} .recru-school4 .box .contr .mn{box-sizing: border-box;height: 25%;flex-flow: row;border-bottom: 1px solid #dbdbdb;padding: 0 110px 0 80px;justify-content: space-between;align-items: center;color: #333;cursor: pointer;} .recru-school4 .box .contr .mn:last-child{border: none;} .recru-school4 .box .contr .mn .tit{line-height: 1em;} .recru-school4 .box .contr .mn .sum{padding: 14px 0 0;line-height: 1em;text-transform: uppercase;text-align:left;opacity: .5;} .recru-school4 .box .contr .mn .iconfont{color: #ccc} .recru-school4 .box .contr .mn.on{background: #2d9773;color: #fff} .recru-school4 .box .contr .mn.on .iconfont{color: #fff} .recru-school5{padding: 119px 0 0;} .recru-school5 .top{justify-content: space-between;align-items: flex-start;} .recru-school5 .top .more{width: 160px;border-radius: 30px;line-height: 58px;border: 1px solid #007853; text-align: center;background: #fff;color: #007853;} .recru-school5 .top .more:hover{background: #007853;color: #fff;} .recru-school5 .recrutitn{color: #007853;} .recru-school5 .main{position: relative; margin: 112px 0 150px;} .recru-school5 .main .mn{width: 20%;text-align: center;} .recru-school5 .main .mn .tbbox{height: 50px;margin-bottom: 20px} .recru-school5 .main .mn .iconfont{font-size: 50px;line-height: 1em;color: #ccc;} .recru-school5 .main .mn .tit{line-height: 1em;color: #1a1a1a;} .recru-school5 .main .mn:nth-child(2n){margin-top: 92px;} .recru-school5 .main .img{position: absolute;top: 25px;} .recru-schmain{position: relative;min-height: 100vh;} .recru-schmain .bg{position: absolute;} .recru-schmain .bg1{top: -340px;right: 0;} .recru-schmain .bg2{left: 50%;transform: translateX(-50%);bottom: -248px;max-width: unset;} .recru-top{padding: 90px 0 60px;} .recru-top .titn{line-height: 1em;color: #333;} .recru-top .entit{padding: 10px 0 50px;line-height: 1em;text-transform: uppercase;color: #000;} .recru-top .recru-nav{border-bottom: 1px solid #e6e6e6;} .recru-top .recru-nav .mn{margin-right: 100px;line-height: 60px;color: #999;} .recru-top .recru-nav .mn:last-child{margin-right: 0;} .recru-top .recru-nav .mn.on,.recru-top .recru-nav .mn:hover{color: #007853;} .recru-schmain .bot{justify-content: space-between;} .recru-schmain .bot .mn{position: relative;height: 380px;width: calc(50% - 30px);margin-bottom: 40px;padding: 0 30px;box-sizing: border-box;border: 1px solid #e5e5e5;} .recru-schmain .bot .mn .top{border-bottom: 1px solid #e5e5e5;align-items: center;padding: 24px 0;} .recru-schmain .bot .mn .top .dian{width: 16px;height: 16px;border-radius: 100%;margin-right:18px;background: #ccc;} .recru-schmain .bot .mn .top .tit{width: calc(100% - 34px);line-height: 1.5em;color: #333; } .recru-schmain .bot .mn .mnbot{padding: 30px 78px 0 0;} .recru-schmain .bot .mn .ftit{text-indent: -10px;line-height: 1em;color: #333;} .recru-schmain .bot .mn .sum{padding: 8px 0 22px;line-height: 24px;color: #666;} .recru-schmain .bot .mn .more{position: absolute;left: 30px;bottom: 30px;width: 160px;border-radius: 30px;line-height: 46px;text-align: center;background: #007853;color: #fff;} .recru-schmain .bot .mn:hover{background: #f2f7f5;} .recru-schmain .bot .mn:hover .dian{background: url(/static/img/recru5.png) no-repeat center / cover;} .recru-schmain .bot .mn:hover .tit{color: #007853;} .recru-schmain .numpage{padding: 60px 0 130px;} .recru-shmain .recru-top{padding-bottom: 21px;} .recru-shmain .bot .mn{width: 100%;cursor: pointer;} .recru-shmain .bot .mn .top{border-bottom: 1px solid #e6e6e6;padding-bottom: 40px;} .recru-shmain .bot .mn .top .tit{padding: 32px 0 16px;line-height: 1.5em;color: #333;} .recru-shmain .bot .mn .top .sum{line-height: 20px;color: #666;} .recru-shmain .bot .mn .top .mes{justify-content: space-between;} .recru-shmain .bot .mn .top .le{} .recru-shmain .bot .mn .top .le span{display: block;height: 20px;width: 1px;margin: 0 45px;background: #666;} .recru-shmain .bot .mn .mnbot{position: relative;height: 1px;opacity: 0; box-sizing: border-box;} .recru-shmain .bot .mn .mnbot p{line-height: 34px;color: #666;} .recru-shmain .bot .mn .mnbot .ftit{line-height: 40px;color: #333;} .recru-shmain .bot .mn .mnbot .more{position: absolute;right: 0;top: 60px;width: 160px;border-radius: 30px;line-height: 50px;text-align: center;background: #007853;color: #fff;} .recru-shmain .bot .mn.on{background: #f2f7f5;} .recru-shmain .bot .mn.on .top .tit{color:#007853;} .recru-shmain .bot .mn.on .mnbot{height: auto;padding: 47px 180px 100px 0;opacity: 1;} .recru-shmain .numpage{padding: 120px 0 130px;} .contact-jobform{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none; z-index: 9999999;} .contact-jobform .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.45);} .contact-jobform .jobform{width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;z-index: 2;} .contact-jobform .jobform .close{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 3;} .contact-jobform .bimg{max-height: 70vh;margin: 0 auto;} .sq-form .row{margin-bottom: 15px;} .sq-form .row .descr{height: 80px;resize: none;} .sq-form .file-info{font-size: 16px;line-height: 30px;color: #666;} .sq-form .row-submit{display: flex;justify-content: space-between;padding-top: 10px;} .sq-form .row-submit .file-box{position: relative;} .sq-form .row-submit .file-box input{position: absolute;left: 0;top: 0;width: 155px;height: 50px;opacity: 0;cursor: pointer;} .sq-form .row-submit .file-box span{display: block;width: 155px;height: 50px;border-radius: 100px;background: #007853;font-size: 18px;color: #fff;line-height: 50px;text-align: center;cursor: pointer;} .sq-form .row-submit .submit{width: 185px;height: 50px;border-radius: 100px;border: none;outline: none; font-size: 18px;color: #fff;line-height: 50px;text-align: center;background: #007853;cursor: pointer;transition: all .5s;} .sq-form .row-submit .submit:hover span{color: #fff;} .ant-input {position: relative;display: inline-block; width: 100%;height: 50px;padding: 4px 11px;box-sizing: border-box;margin: 0; border: 1px solid #E5E5E5!important; font-variant: tabular-nums;list-style: none;font-feature-settings: 'tnum';font-size: 14px;line-height: 1.5;color: #333;} .recru-contact1{position: relative;color: #333;} .recru-contact1-inner{position: relative;padding: 110px 0 140px;overflow: hidden;} .recru-crumb{} .recru-crumb ul{display: flex;align-items: center;} .recru-crumb ul li{position: relative;margin-right: 34px;} .recru-crumb ul li::after{position: absolute;top: 50%;right: -17px;transform: translate(50%,-50%);content: "";display: block;width: 0;height: 0;border-width: 5px;border-style: solid;border-top-color: transparent;border-right: none;border-bottom-color: transparent;border-left-color: #808080;} .recru-crumb ul li:last-child::after{transform: translate(50%,-50%) rotate(90deg);} .recru-crumb li:first-child a{color: #007853;opacity: 1;} .recru-crumb li a{color: #666;opacity: .5;} .recru-crumb .on a{color: #333;opacity: 1;} .recru-contact1-info{max-width: 100%;min-width: 504px;width: 32.7%;margin-top: 130px;} .recru-contact1-info .info-tit{margin-bottom: 46px;} .recru-contact1-info .info-tit h6{margin-bottom: 6px;} .recru-contact1-info .info-con{padding-top: 45px;border-top: 1px solid #e6e6e6;} .recru-contact1-info .info-con ul{margin-bottom: 30px;} .recru-contact1-info .info-con li{margin-bottom: 6px;} .recru-contact1-bg, .recru-map{position: absolute;top: -38vw;right: -56vw;width: 116%;height: 0;padding-bottom: 116%;border-radius: 50%;overflow: hidden;z-index: 2;} .recru-map .map{position: absolute;top: 0;left: -20vw;width: 100%;height: 100%;} .recru-contact1-bg{background: #097d5b;pointer-events:none;} .recru-map .amap-marker-label{border: none;background: none;} .recru-map .map-info{position: relative;top:-96px;left:-110px;padding: 16px 20px;font-size: 18px;line-height: 1.5;color: #007853;background: #fff;border: none !important;box-shadow: 0 0 10px rgba(0,0,0,.1);} .recru-map .map-info::after{position: absolute;left: 50%;bottom: -30px;display: block;content: "";width: 0;height: 0;margin-left: -10px;border-width: 30px 7px;border-style: solid;border-top-color: #fff;border-right-color: transparent;border-bottom: none;border-left-color: transparent;} .recru-contact2{position: relative;padding: 110px 0;color: #fff;background: url(/static/img/contact.jpg) no-repeat center / cover fixed;} .recru-contact2-bg{position: absolute;left: -8.6%;bottom: -23.8%;width: 51.3%;} .recru-contact2-bg img{display: block;width: 100%;height: auto;} .recru-contact2 .main{position: relative;z-index: 33} .recru-contact2 .recru-contact2-list1{margin-bottom: 145px;} .recru-contact2 .recru-contact2-top{display: flex;justify-content: space-between;margin-bottom: 42px;} .recru-contact2 .nytitn .tit{color: #fff;} .recru-contact2 .nytitn .entit{font-weight: lighter;color: rgba(255,255,255,.5);} .recru-contact2 .hoverxg:after{border-color: #fff;} .recru-contact2 .hoverxg span{color: #fff;} .recru-contact2 .hoverxg .iconbox{background-image: url(/static/img/tb2.png);} .recru-contact2 .hoverxg:hover::after{background: #fff;} .recru-contact2 .hoverxg:hover span{color: #007853;} .recru-contact2 .hoverxg:hover .iconbox{background-image: url(/static/img/tb6.png);} .recru-contact2 .swiper-container{overflow: hidden;} .recru-contact2 .item .item-tit{margin-bottom: 6px;} .recru-contact2 .item .item-text{} .recru-contact2 .item .item-text .item-tel{font-family: "";} .recru-contact3{position: relative;padding: 110px 0 100px;background: url(/static/img/recru-contact3-bg.jpg) bottom center no-repeat;background-size: cover;} .recru-contact3 .main{display: flex;justify-content: space-between;} .recru-contact3 .recru-contact3-text{margin-top: 54px;} .recru-contact3 .recru-contact3-tit{margin-bottom: 72px;} .recru-contact3 .recru-contact3-tit .entit{opacity: .5;} .recru-contact3 .recru-contact3-sum p{line-height: 1.625;color: #333;} .recru-contact3 .recru-contact3-form{width: 65.3%;} .recru-contact3-form .form-tabs{display: flex;justify-content: space-between;margin-bottom: 40px;} .recru-contact3-form .form-tabs a{position: relative;display: block;width: calc(33.33% - 6.66px);overflow: hidden;} .recru-contact3-form .form-tabs span{display: block;line-height: 48px;text-align: center;color: #333;background: #f2f7f5;border: 1px solid #e6e6e6;border-radius: 4px;} .recru-contact3-form .form-tabs i{position: absolute;top: -14px;right: -14px;width: 40px;height: 40px;font-size: 12px;line-height: 40px;text-align: center;color: #007853;background: #e1ffef;border-radius: 50%;opacity: 0;transition: all .5s;} .recru-contact3-form .form-tabs i::before{position: absolute;top: 5px;left: 9px;} .recru-contact3-form .form-tabs .active span{color: #fff;background: #007853;border-color: #fff;} .recru-contact3-form .form-tabs .active i{opacity: 1;} .recru-contact3-form .row{margin-bottom: 10px;} .recru-contact3-form .row input, .recru-contact3-form .row textarea{display: block;width: 100%;padding: 1em 1.8em;font-size: 16px;color: #333;line-height: 1.5;border: 1px solid #e0e0e0;outline: none;box-sizing: border-box;} .recru-contact3-form .row textarea{min-height: 11em;resize: none;} .recru-contact3-form .row-3{display: flex;justify-content: space-between;} .recru-contact3-form .row-3 input{width: calc(33.33% - 6.66px);} .recru-contact3-form .checkbox-ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10px;} .recru-contact3-form .checkbox-ul li{margin: 4px 0;} .recru-contact3-form .checkbox-ul li:nth-child(odd){width: 36%;} .recru-contact3-form .checkbox-ul li:nth-child(even){width: 50%;} .recru-contact3-form .checkbox-ul li{position: relative;display: flex;justify-content: space-between;align-items: flex-start;padding-left: 1.8em;} .recru-contact3-form .checkbox-ul li::before{position: absolute;top: 7px;left: 10px;content: "";width: 6px;height: 6px;background: #ccc;border-radius: 50%;} .recru-contact3-form .checkbox-ul .item-q{} .recru-contact3-form .checkbox-ul .item-a{display: flex;justify-content: space-between;} .recru-contact3-form .checkbox-ul .item-a span{display: flex;justify-content: space-between;align-items: center;cursor: pointer;} .recru-contact3-form .checkbox-ul .item-a span:nth-child(1){margin-right: 20px;} .recru-contact3-form .checkbox-ul .item-a span i{position: relative;display: block;width: 12px;height: 12px;margin-right: 6px;} .recru-contact3-form .checkbox-ul .item-a span i::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;border: 1px solid #9b9b9b;box-sizing: border-box;border-radius: 50%;} .recru-contact3-form .checkbox-ul .item-a .on i::before{border: 3px #007853 solid;} .recru-contact3-form .submit{display: block;width: 100%;margin-top: 70px;color: #fff;text-align: center;font-size: 18px;line-height: 60px;background: #007853;border-radius: 4px;outline: none;cursor: pointer;border: none;} /*404*/ .message{padding:170px 0 130px 0 } .message-box{border:1px solid #ccc;} .message-box .title{height:32px;line-height:32px; background:#eee;color:#666;font-weight:bold;padding-left:20px;font-size:14px} .tips{padding:20px 0;text-align:center;font-size:16px;color:#007853} .infos{box-sizing: border-box;padding: 0 10px;text-align:center} .btn{padding:20px 0;text-align:center} .btn .button{cursor:pointer;display:inline-block;padding:5px 20px;background:#007853;color:#fff;font-size:14px;border:none;outline:none} @media (max-width: 1720px){ .w1700{width: 94%;} .w1540{width: 88%;} .navdown .main .le .mn{line-height: 70px;} .navdown .main .ri{padding: 50px 30px;} .navdown .main .ri .mn{margin-right: 20px;} .inabout .numbox .counter{top:7px;} .number-animate{height:54px;} .number-animate .number-animate-dom{width:32px;} .number-animate .number-animate-dom span, .number-animate .number-animate-dot span{line-height:54px;height:54px;} .busin-advan .main .swiper-container{width: calc(94vw + 30px)} .project-con .busin-advan .main .swiper-container{width:94vw;} .cul-warp4 .main .qhbox{width: 94vw;} } @media (max-width: 1580px){ .font72{font-size: 50px;} .font60{font-size: 42px;} .font56{font-size: 40px;} .font50,.font48{font-size: 36px;} .font40{font-size: 32px;} .font36{font-size: 30px;} .font32{font-size: 28px;} .font30{font-size: 24px;} .font26,.font28{font-size: 22px;} .font24{font-size: 20px;} .font20{font-size: 18px;} .font18{font-size: 16px;} .header .headmain .headmes .headnav .navmn{margin-right: 30px;} .header .headmain .headmes .headnav .navmn:last-child{margin-right: 70px;} .header .headmain .headmes .headri .head-tel{margin-left: 30px;} .footer .main{padding: 100px 0 0;} .footer .main .mn2{width: 460px;margin-right: 50px;} .footer .main .mn3{width: 270px;} .footer .main .mn3 .box{padding-left: 60px;} .footer .botm{padding: 80px 0 50px} .about{padding: 70px 0 80px;} .about .top{margin-bottom: 50px} .about .top .le{width: calc(100% - 530px);} .about .top .le .titn{padding: 20px 0 30px; line-height: 1.5em;} .about .top .ri{right: -30px;width: 530px;} .about .top .ri img{} .about-pro .top{margin-bottom: 40px;} .story{padding: 80px 0;} .story .ri .titn .tit{line-height: 1em;} .goal{padding: 80px 0 200px;} .goal .bot{padding: 100px 0 0 50px} .goal .bot .tit{padding: 20px 0 20px 60px;} .goal .titn .tit{line-height: 1em;} .honor{padding: 80px 0;} .honor .main{padding: 50px 0 0;} .honor .titn .tit{line-height: 1em;} .honor .main .mn{margin-bottom: 30px;} .honor .main .mn .bigimg{height: 220px;} /*.honor .main .mn .tit{line-height: 60px;}*/ .ernav .main .ri a{margin-right: 50px;} .businarea{padding: 80px 0;} .businarea .swiper-pagination{left: 70px!important;top: 50px;} .businarea .mes{padding: 80px 70px 0;width: calc(100% - 450px)} .businarea .mes .tit{line-height: 1.5em;} .businarea .mes .line{margin: 20px 0 30px;} .businarea .bigimg{width: 450px;height: 520px;} .businarea .next{right: -80px;z-index: 2;} .busin-profile{padding: 80px 0;} .busin-profile .mes .tit{line-height: 1.5em;} .busin-profile .mes .entit{margin-bottom: 30px;} .busin-profile .mes .sum{line-height: 30px;} .busin-profile .bigimg{width: 550px;} .busin-profile .mes{width: calc(100% - 600px)} .busin-strength .main .ri .box .tit{padding: 0 10px 30px;line-height: 1.5em;} .busin-strength .main .ri .box .num{top: 30px;right: 30px; } .busin-advan{padding: 80px 0;} .busin-case .pagecon{padding: 80px 0;min-height: 700px ;} .busin-case .pagecon .contr{padding: 50px 0;} .busin-case .pagecon .contr .mn{margin-bottom: 30px;} .busin-case .pagecon .contr .mn.on{font-size: 24px;} .busin-case .main .swiper-slide{height: 540px;} .busin-case .main{top: 80px;} .project .main .mn{margin-bottom: 50px;height:450px;} .project .numpage{padding-bottom: 80px;} .project-con .busin-advan .main{padding: 40px 0 20px;} .project-con .mesmain{padding: 80px 0;} .project-con .mesmain .titn:before{left: -60px;top: -8px;width: 83px;height: 70px;} .archite-warp1{padding: 80px 0;} .archite-warp1 .nytitn{margin-bottom: 50px;} .archite-warp1 .icon{position: relative;} .archite-warp1 .main .mn .line{margin-top: 14.5px!important} /*.archite-warp1 .main .mn .line{width: 100%;} .archite-warp1 .main .mn.mn1,.archite-warp1 .main .mn.mn3{left: 0;padding-right: 240px;} .archite-warp1 .main .mn.mn2,.archite-warp1 .main .mn.mn4{right: 0;padding-left: 240px;}*/ .archite-warp2 .main{padding: 40px 0;} .archite-warp2 .main .tbbox .tb{margin: 0 30px;} .archite-warp2 .main .tbbox .mn{height: 150px;width: 150px; display: flex;flex-flow: column;justify-content: center;align-items: center;} .archite-warp2 .main .tbbox .mn .iconfont{padding:0;margin-bottom: 20px;font-size: 40px;} .future-profile .main .bigimg{height: 350px;} .future-profile .main .mes .tit{margin-bottom: 20px;} .future-book .main .mes .titn{padding: 30px 0 70px;} .future-book .main .mes .entit{margin-bottom: 15px;line-height: .8em;} .future-book .main .bimg .bg{height: 500px;} .future-book .main .bimg{height: 500px;} .future-book .main .bimg .box{width: 400px;} .future-book .main .mes .piccon{height: 320px;} .future-book .main .mes .piccon .mn.on{height: 320px;} .future-book .main .mes .piccon .mn{height: 260px;} .future-book .main .mes .piccon img{max-height: 280px;} .future-strength{padding: 80px 0;} .future-stand{padding: 80px 0;} .future-stand .nytitn{margin-bottom: 40px;} .future-stand .mn{line-height: 80px;} .red-warp1 .main{padding: 200px 0 80px;} .red-warp1 .main .img{width: 60%;} .red-warp1 .main .mes{width: 35%;padding: 0;} .red-warp1 .main .bimg{width: 62%;margin-right: -40px;} .red-warp2{padding: 100px 0} .red-warp2 .main .mes{width: 40%;} .red-warp2 .main .bimg{width: 55%;} .red-warp3 .swiper .swiper-slide{height: 600px} .red-warp3{padding: 80px 0;} .red-warp3 .contr{width: 360px;} .red-warp3 .contr .mn{padding: 0 30px;} .red-warp3 .contr .mn .entit{margin-bottom: 10px;} .red-warp3 .swiper{width: calc(100% - 360px)} .qltitn .tit{font-size: 80px;line-height: 1em;} .qltitn .tit span{margin-right: 10px;font-size: 60px;line-height: 1em;} .qltitn .stit{padding: 30px 0 35px 70px!important;line-height: 1em;} .qltitn .img1{width: 80px;left: -80px;top: -20px;} .ql-warp1{padding: 80px 0;} .ql-warp1 .main{align-items: center;} .ql-warp1 .main .qltitn{margin-top: 0;} .ql-warp1 .main .bimg{zoom:.8;} .ql-warp2 .qltitn .img2{width: 80px;top: 40px;left: 200px;} .ql-warp2{padding: 100px 0 130px;} .ql-warp2 .qltitn{top: -20px;} .ql-warp2 .main .mn{margin-bottom: 60px;} .ql-warp2 .main .mn .mes{left: -40px;padding: 30px 30px 0 40px;} .ql-warp2 .main .mn .mes .tit{margin-bottom: 10px;} .cul-warp1{padding: 150px 30px 150px 0;} /*.cul-warp2 .main .ri{padding: 50px;align-items: center;margin: 0;}*/ .cul-warp2 .main .ri{zoom:.75} .cul-warp2 .bg{height: 600px;} /*.cul-warp4 .main{height: 450px;}*/ .news .top{padding: 80px 0;} .news .newstime{width: 120px;height: 120px;margin: 0 20px;} .news .top .bigimg{width: 450px;height: 270px} .news .top .mes{width: calc(100% - 610px)} .news .bot{padding: 80px 0;} .news .bot .le .mn .mes{width: calc(100% - 200px)} .newsread{padding: 80px 0;} .videotit .tit{margin-bottom: 15px;} .videotit .entit{line-height: 1em;} .video .main .le .sum{padding: 30px 0 10px;} .video-warp1{padding: 80px 0;} .video-warp2 .main .ri .swiper{height: 760px;} .video-warp2 .main .ri .swiper .bigimg{height: 260px;margin-top: 15px;} .video-warp2 .main .le .iconbox .mn{width:30px;height:30px;font-size:18px;line-height:28px;} .recru-deve1{padding: 80px 0 40px;} .recru-deve1 .mes img{margin-left: 30px;} .recru-deve1 .mes .tit{padding: 50px 0 18px 80px} .recru-deve2 .main .contr{padding: 60px 0 80px;} .recru-deve2 .entit{font-size: 300px;} .recru-deve2 .main .bot .sum{margin-bottom: 80px;} .recru-deve2 .busin-advan .main .swiper-container{width: 94vw;} .recru-school1{} .recru-school1 .le{padding: 100px 0 0 30px;} .recru-school1 .ri .mn{min-height: 180px;} .recru-school1 .ri .mn .tbbox{width: 90px;} .recru-school1 .ri .mn .tbbox .iconfont{font-size: 80px;} .recru-school1 .ri .mn .mes{width:calc(100% - 90px);padding-left: 20px;} .recru-school1 .ri .mn .mes .sum{margin-bottom: 10px;} .recru-school1 .ri .mn:hover .mes{padding-left: 25px;} .recrutitn .entit{line-height: .75em;} .recru-school2 .top .sum{line-height: 1.5em} .recru-school3{padding: 150px 0;} .recru-school3 .tb{max-height: calc(100% + 100px)} .recru-school3 .main .mn .sum{padding: 80px 0 30px;} .recru-school3 .main .mn{width: 620px;} .recru-school3 .main .mn .box .butt{width: 140px;} .recru-school4 .recrutitn{margin-bottom: 50px;} .recru-school4 .box .contr{width: 400px;} .recru-school4 .box .swiper{width: calc(100% - 400px)} .recru-school4 .box .contr .mn{padding: 0 30px;} .recru-school4 .box .contr .mn .sum{padding-top: 10px;} .recru-school5{padding: 80px 0 0;} .recru-school5 .main{margin: 50px 0 80px;} .recru-top{padding: 80px 0 50px;} .recru-top .entit{padding: 10px 0 30px;} .recru-top .recru-nav .mn{margin-right: 60px;line-height: 40px;} .recru-schmain .numpage{padding: 30px 0 80px;} .recru-shmain .numpage{padding: 50px 0 80px;} } @media (max-width: 1440px){ .video-warp2 .main .ri{width: calc(100% - 200px)} .video-warp2 .main .ri .swiper{width: 100%;} .contact-jobform.index .jobform{max-width: 1000px} } @media (max-width: 1240px){ .font72{font-size: 40px;} .font60{font-size: 32px;} .font56{font-size: 30px;} .font50,.font48,.font52{font-size: 28px;} .font40{font-size: 26px;} .font36{font-size: 24px;} .font32{font-size: 22px;} .font30{font-size: 22px;} .font26,.font28{font-size: 20px;} .font20{font-size: 16px;} body, button, input, select, textarea{font-size: 14px;} .m-content p{font-size: 14px;line-height: 1.5em;} .w1540{width: 94%;} .dj-indexpic{display: none;} .header .headmain{position: relative; height: 60px;} .header .headmain .logo{margin: 0;} .header .headmain .logo .img{height: 30px;} .header .headmain .headmes{margin: 0;} .header .headmain .headmes .headnav{display: none;} .header .headmain .headmes .headri .head-tel{display: none;} .header .phone-nav{display: block;} .header .headmain .headmes .headri{margin-right: 40px} .header .headmain .headmes .headri .lang,.header .headmain .headmes .headri .line{display: none;} .sec1 .header{display:none;} .header.inde{display:block} .header{box-shadow: 0px 0px 10px rgba(0,0,0,.3);background: #fff;} .header a{color: #333} .header .logo .img2{opacity: 1!important;} .header .headmain .headmes .headri a{color: #999!important;} .header .headmain .headmes .headri .line{background: #999!important;} .header .headmain .headmes .headri .lang .top:after{border-top-color: #999;} /*.header.inde .headmain .logo .img2{opacity:1}*/ /*.header.inde .headmain .headmes .headri a{color:#999}*/ .header .phone-nav .line{background: #333!important;} .header.inde .phone-nav .line{background:#fff;} .header.inde.show .phone-nav .line{background:#333!important;} .navbox{height: 60px;} .footer .main .mn3{display: none;} .footer .main .mn2{margin: 0;width: 450px;} #fp-nav{display:none;} .inbanner .swiper-container{height:600px;} .section {height:auto!important} .fp-tableCell{display:block!important;height:auto!important} .inbanner .swiper-container .mes .tit{margin-bottom:10px;} .inbannerqh{bottom:30px;} .progress{width:50px;height:50px;} .inbannerqh .nextbox{margin-right:25px;} .inbannerqh .nextbox .num{font-size: 14px;} .inbannerqh .nextbox .icon{top:22px;right:-25px;width:40px;} .inbannerqh .circlemain .circle{margin:0 10px;} .inabout{padding:60px 0 30px;} .inabout .sum{line-height:1.5em;} .inabout .main{padding:30px 0 40px;} .inabout .main .mn{width:32%;} .inabout .numbox p{width:50%;margin-bottom:30px;padding-left: 20px;box-sizing: border-box;} .inabout .numbox .counter{top:2px;} .number-animate{height:1.1em;} .number-animate .number-animate-dom{width:24px;} .incase{flex-wrap:wrap;} .incase .mn{width:50%;height:300px;} .incase .mn:hover{width:50%!important;} .incase:hover .mn{width:50%!important;} .incase:hover .mn .tit{display:block;} .incase .mn .tit{display: none;right:20px;bottom:20px;line-height:1.5em;} .incase .mn .mes{padding:20px;box-sizing:box-sizing;opacity:1;} .innews{padding:60px 0;} .intitn .cntit{padding:10px 0 0;line-height:1em;} .hoverxg{width:120px;height:40px;padding:16px 0 0;} .hoverxg span{padding-right:5px;} .hoverxg:after{width:40px;height:40px;} .innews .bimg{zoom:.6;} .innews .main{padding:30px 0;} .innews .main .mn{width:32%;padding:30px 20px;} .innews .main .mn .tit{height:3em;line-height:1.5em;} .innews .main .mn .sum{margin:10px 0 50px;line-height:1.5em;} .innews .main .mn .more{right:20px;bottom:30px;} .innews .main .mn:hover{border-top-left-radius: 40px;border-bottom-right-radius: 40px;} .nbanner{height: 400px;} .nytitn .entit{line-height: 1em;} .ernav .main .ri{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;} .ernav .main .ri a{margin-right: 20px!important;line-height: 40px;white-space:nowrap} .about .top{margin-bottom: 0;} .about .top .le{width: calc(100% - 430px);} .about .top .le .titn{padding: 0 0 20px;line-height: 1.3em;} .about .top .le .m-content{padding-right: 0} .about .top .le .m-content p{margin-bottom: 1em;} .about .top .ri{width: 400px;right: 0;} .about-pro{padding-bottom: 70px;} .about-pro .top{margin-bottom: 30px;} .about-pro .top .page .butt.prev{margin-right: 30px;} .about-pro .main .tit{padding-left: 20px;} .about-pro .main .tit:after{top: 6px;width: 12px;height: 12px;} .story{padding: 60px 0;} .story .ri .titn .tit{margin-bottom: 7px;} .story .le{min-height: auto;padding: 50px 30px;} .story .le .box .tit{line-height: 1em;} .story .le .box .ftit{padding: 20px 0 3px;} .story .le .box .m-content{margin: 30px 0 0;padding-right: 10px;} .story .ri{padding:50px 0 50px 30px;} .story .ri .titn{margin-bottom: 50px;} .honor{padding: 60px 0;} .honor .main{padding: 30px 0 0} .honor .main .mn .bigimg{height: 180px;} .honor .main .mn .bigimg img{max-width: calc(100% - 30px);max-height: calc(100% - 30px);} .honor .main .mn .tit{width: calc(100% - 30px);} .ernav .main.oth .le{width: 100%;} .ernav .main.oth .le a{line-height: 40px;} .ernav .main.oth .le img{margin: 0 5px;} .busin-nav{justify-content: flex-start;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;} .busin-nav a{margin-right: 30px;margin-left: 0;line-height: 50px;white-space: nowrap;} .busin-profile{padding: 60px 0;} .busin-profile .bigimg{width: 450px;} .busin-profile .mes{width: calc(100% - 480px)} .busin-profile .mes .entit{line-height: 1em;font-size: 14px;margin-bottom: 20px;} .busin-profile .mes .sum{font-size: 14px;line-height: 1.5em;} .busin-strength{padding: 60px 0;} .busin-strength .main .le .pagecon.show{opacity: 1;} .busin-strength .main .le{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;} .busin-strength .main .le .img{margin: 0;height: 80px;} .busin-strength .main .le .pagecon .line{width: 100px;margin-right: 20px;} .busin-strength .main .ri{width: 100%;} .busin-strength .main .ri .box{height: 300px;} .busin-strength .main .ri .swiper-slide:nth-child(2n) .box{margin-top: 0;} .busin-advan{padding: 60px 0;} .busin-advan .main .swiper-container .swiper-slide{width: 400px;height: 360px;} .busin-advan .main .swiper-container .swiper-slide .box{padding: 60px 40px 0;} .busin-advan .main .swiper-container .swiper-slide .box .tit{margin-bottom: 15px;} .busin-advan .main .swiper-container .swiper-slide .box .sum{font-size: 14px;line-height: 1.5em;} .busin-work{margin: 0 auto 50px;} .busin-work .main{padding: 30px 15px 0;} .busin-work .main .mn{width: 90%;margin: 0 auto 10px!important;height: auto;padding: 20px 0;} .busin-work .main .mn .tit{margin-bottom: 10px; line-height: 1em;} .busin-work .main .mn .sum{line-height: 1.5em;} .busin-work .main .line{display: none;} .busin-case {padding-bottom: 75px;background: url(/static/img/busin6.png) no-repeat center / cover;} .busin-case .pagecon{padding: 60px 0 20px;width: 100%;min-width: unset;min-height: unset;background: none;} .busin-case .pagecon .dwzycenter{position: static;transform: translate(0,0);} .busin-case .pagecon .contr{width: 100%;padding: 30px 0 10px;/*margin-bottom: 20px;*/display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;} .busin-case .pagecon .contr a{margin-right: 15px;white-space: nowrap;} .busin-case .pagecon .contr .mn{margin-bottom: 0;padding-bottom: 5px;} .busin-case .pagecon .contr .mn:after{bottom: 0;left: 0;top: auto;height: 2px;} .busin-case .pagecon .contr .mn.on:after{width: 100%;height: 2px;} .busin-case .pagecon .contr .mn.on{font-size: 20px;} .busin-case .main{position: static;width: 94%;margin: 0 auto;} .busin-case .main .swiper-slide{border-radius: 10px;height: auto;overflow: hidden;} .busin-case .main .swiper-slide .bigimg{height: 400px;} .busin-case .main .mes:after{display: none;} .busin-case .main .mes{position: static;transform: unset;background: #fff;bottom: 20px;padding: 20px 15px;background: #fff;} .busin-case .main .mes .tit{line-height: 1.5em;color: #333;} .busin-case .main .mes .line{margin: 10px 0 15px;} .busin-case .main .mes .sum{font-size: 14px;line-height: 1.5em;color: #666;} .businarea .nytitn{margin-bottom:30px} .businarea .mes{padding: 50px 30px 0;} .businarea .swiper-pagination{top: 30px;left: 30px!important} .businarea .mes .m-content p{line-height: 1.5em;} .businarea .next{right: -20px;transform: translateY(-50%) scale(.8);} .businarea .bigimg{height: 400px;} .archite-warp1{padding: 60px 0;} .archite-warp1 .nytitn{margin-bottom: 30px;} .archite-warp1 .main .mn .line{width: 60px;margin: 14.5px 15px!important} /*.archite-warp1 .main .mn .line{margin: 10px 0;}*/ .archite-warp2{padding: 60px 0;} .archite-warp2 .nytitn{margin-bottom: 30px;} .archite-warp2 .main .tbbox{width: 94%;padding: 20px 0;} .archite-warp2 .main .tbbox .tb{margin: 0 15px;width: 30px;} .archite-warp2 .main .cerbox{width: 94%;margin: 0 auto;justify-content: space-between;padding:0;} .archite-warp2 .main .cerbox .mn{width: 48%;box-sizing: border-box;padding: 20px;margin: 0 0 10px;height: auto;flex-wrap: wrap;border-radius: 10px;} .archite-warp2 .main .cerbox .mn .iconbox{width: 20px;height: 20px;} .archite-warp2 .main .cerbox .mn .iconbox .iconfont{font-size: 14px;line-height: 20px;} .archite-warp2 .main .cerbox .mn .box{position: static;transform: unset;width: 100%;opacity: 1;pointer-events: auto;} .archite-warp2 .main .cerbox .mn .box .anbox{display: none;} .archite-warp2 .main .cerbox .mn .picbox{margin: 20px auto 0;background: none;box-shadow: unset;max-width: 100%;height: 200px;} .archite-warp2 .main .cerbox .mn .picbox img{max-height: 100%;margin: 0 auto} .archite-warp2 .main .cerbox .mn .picbox:before{display: none;} .project-type{padding: 60px 0 30px;} .project-type .mn .le .titn{margin: 0 10px 0 5px;} .project-type .mn .ri{width: calc(100% - 120px)} .project-type .mn .ri a{padding: 0 10px;} .project .main .mn{width: 48%;margin-bottom: 30px;height: auto;border-radius: 0;} .project .main .mn .mengc{opacity: 0!important;} .project .main .mn .tit{padding: 15px 0 10px!important;color: #333!important;} .project .main .mn .more{position: static!important;color: #999!important;} .project .main .mn:hover .bigimg{margin: 0;} .project .numpage{padding-bottom: 60px;} .numpage .mn, .numpage .num a, .numpage .num span{width: 30px;height: 30px;margin: 0 5px;} .project-con .mesmain{padding:60px 0 0;} .project-con .mesmain .titn:before{left:-10px;top:-30px;} .project-con .mesmain .m-content p{font-size:16px;line-height:1.5em;} .project-con .img1{zoom:.5} .project-con .busin-advan{padding:30px 0 60px;} .project-con .busin-advan .main .swiper-container .swiper-slide .tit{margin:10px 0 15px;} .project.inbanner .swiper-container{height: 500px;} .future-profile{padding:60px 0 0;} .future-profile .main .tb{display:none;} .future-profile .main .mes{padding:20px 30px 20px 110px;} .future-profile .main .mes .sum{font-size:14px;line-height:1.5em;} .future-book .main .mes .piccon{display:none;} .future-book .main .mes .titn{padding:0 0 30px;} .future-book .main .mes .entit{margin-bottom:10px;} .future-book .main .bimg{position:static;width:100%;} .future-book .main .bimg .bg{width:100%;height:auto;top:0;} .future-book .main .bimg .box{width:auto;margin:0 auto;justify-content:center;align-items:flex-end;height:100%;} .future-book .main .bimg.pc{display:none;} .future-book .main .bimg.phone{display:block} .future-book .main .swiper{height:100%;} .future-book .main .bimg .box img{position:relative;bottom:-50px;margin:0;max-width:94%;} .future-book .main .bimg .butt{position:absolute;bottom:30px;left:3%;z-index:3} .future-book .main .bimg .butt.prev{transform:rotateY(180deg)} .future-book .main .bimg .butt.next{left:auto;right:3%;} .future-strength{padding:60px 0 75px;} .future-strength .le{width:100%;margin-bottom:30px;} .future-strength .le .contr{padding:30px 0 0;display:flex;} .future-strength .le .contr .mn{margin-right:50px;margin-bottom:0;} .future-strength .ri{width:100%;} .future-strength .ri .next{top:calc(100% + 15px);right:0} .future-strength .ri .swiperzi{height:263px} .future-strength .ri .swiperzi .swiper-slide{padding:20px 15px 0} .future-strength .ri .swiperzi .swiper-slide .dian{width:15px;height:15px;margin:15px 0 30px;} .future.busin-strength{margin-top: 60px;} .future-stand{padding:60px 0;} .future-stand .nytitn{margin-bottom:30px;} .future-stand .mn{padding:20px 10px;height:auto;display:block;line-height:1.5em;} .future-stand .mn .tit,.future-stand .mn .entit{width:calc(100% - 40px)} .future-stand .mn .entit{padding:5px 0 0;font-size:14px;line-height:1em;} .future-stand .mn .iconfont{right:10px;} .red-warp1 .main{padding:100px 0 60px;} .red-warp1 .main .mes{width:100%;} .red-warp1 .main .bimg{width:100%;margin:0;} .red-warp1 .main .mes .sum{padding:20px 0 30px;line-height:1.5em;} .red-warp2{padding:60px 0;} .red-warp2 .swiper-pagination{left:50%!important;transform:translate(-50%);top:auto;bottom:0px!important;display:flex;justify-content:center;} .red-warp2 .swiper-pagination-bullet{margin:0 10px!important;} .red-warp2 .main .mes,.red-warp2 .main .bimg{width:100%;} .red-warp2 .main .bimg{padding:30px 0;margin:0;justify-content:center} .red-warp2 .main .mes .nytitn{padding:0 0 20px;} .red-warp3{padding:60px 0;} .red-warp3 .contr{width:100%;display:flex;flex-wrap:wrap;} .red-warp3 .contr .mn{width:33.33333%;height:auto;padding:15px 10px;} .red-warp3 .contr .mn .entit{font-size:14px;line-height:1em;} .red-warp3 .contr .mn .img{display:none;} .red-warp3 .swiper{width:100%;} .red-warp3 .swiper .swiper-slide{height:400px;border-bottom-right-radius: 20px;border-top-right-radius: 0px;border-bottom-left-radius: 20px;} .red-warp3 .swiper .swiper-slide .tit{padding:30px 10px;} .red-file{right:-240px;width:300px;height:60px;padding-left:15px;} .red-file img{width:30px;} .red-file span{height:3em;line-height:1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ql-warp1 .main{box-sizing:border-box;padding:0;} .qltitn .img1{left:0;zoom:.6;} .qltitn .tit span{font-size:24px;} .qltitn .tit{font-size:40px;} .qltitn .stit{padding:15px 30px 30px!important} .ql-warp2 .main .mn{width:48%;} .ql-warp2 .main .mn .mes .sum{line-height:1.5em;} .ql-warp2 .qltitn .img2{zoom:.6;} .cul-warp1{padding:60px 0;} .cul-warp1 .main .nytitn{margin-bottom:20px;} .cul-warp1 .main .mes .tit{margin-bottom:10px;} .cul-warp1 .main .mes .sum{line-height:1.5em;} .cul-warp2 .main .le{width:25%} .cul-warp2 .main .le img{width:150px;} .cul-warp2 .main .ri{margin:0;zoom:.65} .cul-warp2 .bg{height:450px;} .cul-warp2 .bg .imgbox{width:25%;} .cul-warp3{padding:60px 0;} .cul-warp3 .top{margin-bottom:30px;} .cul-warp3 .contr .mn{margin-right:50px;padding-bottom:30px;} .cul-warp3 .bot .swiper .swiper-slide{width:650px;height:420px;} .cul-warp3 .bot{box-sizing:border-box;padding:0 20px;} .cul-warp3 .bot .butt{top:201px;} .cul-warp4{padding: 60px 0 0;} .cul-warp4 .main{height: 280px;} .cul-warp4 .main .qhbox{width: 97vw;} .cul-warp4 .top{margin-bottom: 150px;} .cul-warp4 .top .page .butt.prev{margin-right: 30px;} .cul-warp4 .main .swiper{top: -120px;left: -5px;} .cul-warp4 .main .swiper .swiper-slide{width: 240px;margin: 0 5px;} .cul-warp4 .main .swiper .swiper-slide .imgbox{height: 350px;} .cul-warp4 .top .page{opacity: 1;} .news .top{padding:60px 0;} .news .newstime{margin:0 10px;width:80px;height:80px;} .news .newstime .time1{margin-bottom:10px;line-height:1em;} .news .top .bigimg{width:300px;height:200px;} .news .top .mes{width:calc(100% - 400px)} .news .bot{padding:60px 0;} .news .bot .ri{width:300px;padding:30px 20px;} .news .bot .ri .search form{height:40px;} .news .bot .ri .search .sr{line-height:40px;} .news .bot .ri .titn{padding:30px 0 50px;} .news .bot .ri .titn .tit{margin-bottom:1px;} .news .bot .ri .titn .entit{line-height:1em;} .news .bot .le{width:calc(100% - 320px)} .news .bot .le .mn{padding:20px 40px 20px 0;margin-bottom:10px;} .news .bot .le .mn .tbimg{right:10px;} .news .bot .le .mn .mes{width:calc(100% - 140px)} .news .bot .le .mn .mes .tit{margin-bottom:10px;line-height:1em;} .news .bot .le .mn .mes .sum{font-size:14px;line-height:1.5em;} .news .bot .le .dj-more{margin-top:30px;line-height:50px;} .newsread{padding:60px 0;} .newsread .top .time{padding:20px 0 15px;} .newsread .m-content{padding:20px 0 40px;} .newsread .m-content p{line-height:2em;} .newsread .sx-page{padding-top:20px;} .newsread .sx-page .page{max-width: 100%;margin-bottom: 10px;} .videotit .tit{margin-bottom:10px;} .video .main .le .sum{padding:20px 0 10px;line-height:1.5em;} .video-warp1{padding:60px 0;} .video-warp1 .main .ri{width:100%;padding:30px 0 0;} .video-warp1 .main .ri .bigimg{height:250px;margin-bottom:10px;} .video-warp1 .main .ri .sum{line-height:1.5em;} .video-warp1 .main .ri .next{right:0;top:auto;bottom:calc(100% - 20px);} .video.video-warp1 .main .le .iconfont{font-size:30px;} .video-warp2{padding:60px 0 0;} .video-warp2 .main .le{padding:0;margin-bottom:20px;} .video-warp2 .main .ri{width:100%;padding-bottom:80px;} .video-warp2 .main .ri .swiper{height:650px;} .video-warp2 .main .ri .swiper .bigimg{height:250px;} .video-warp2 .main .ri .swiper .sum{margin:10px 0 15px;line-height:1.5em;} .video-warp2 .main .ri .next{bottom:60px;} .video-warp2 .main .ri .fybox{bottom: 60px;opacity: 1;} .video-warp2 .main .ri .fybox .prev{margin-right: 30px;} .recru-deve1{padding:60px 0 0;} .recru-deve1 .mes,.recru-deve1 .sumn{width:100%;} .recru-deve1 .mes{border-right:none;border-bottom:1px solid #666;padding-bottom:20px} .recru-deve1 .mes img{margin:0;zoom:.5} .recru-deve1 .mes .tit{padding:20px 0 10px;font-style:normal} .recru-deve1 .mes .sum{display:block;text-align:left;font-style:normal;} .recru-deve1 .sumn{padding:30px 0 0;} .recru-deve1 .sumn p{line-height:1.5em;} .recru-deve2{padding:180px 0 60px;} .recru-deve2 .entit{font-size:200px;} .recru-deve2 .main .contr{padding:30px 0;} .recru-deve2 .main .contr .mn{margin-right:30px;} .recru-deve2 .main .titbox{justify-content:flex-start} .recru-deve2 .main .titbox img{zoom:.5;} .recru-deve2 .main .bot .sum{margin-bottom:30px;line-height:1.5em;} .recru-deve2 .busin-advan .main .swiper-container .swiper-slide{height:300px;} .recru-banner{height:500px;} .recru-banner .mes .more{width:120px;height:40px;line-height:40px;} .recru-banner .mes{top:50%;transform:translate(-50%,-50%)} .scroll-btn{display: none;} .recrutitn .entit{margin-bottom:10px;} .recru-school1{padding:60px 0;} .recru-school1 .le{width:100%;padding:40px 20px;margin-bottom:20px;} .recru-school1 .le .sum{padding:30px 0 0;line-height:1.5em;} .recru-school1 .ri{width:100%;margin:0;display:flex;flex-wrap:wrap;} .recru-school1 .ri .mn{width:50%;} .recru-school1 .ri .mn:last-child{border-bottom: 1px solid #e6e6e6;} .recru-school2{padding-bottom:60px ;} .recru-school2 .top{margin-bottom:20px;} .recru-school2 .top .sum{width:100%;padding:30px 0 0;font-size:16px;line-height:1.5em;} .recru-school3 .tb{height:100%;width:100%;} .recru-school3{padding:100px 0 200px;} .recru-school3 .main .mn{width:520px;} .recru-school3 .main .mn .sum{padding:30px 0 20px;line-height:1.5em;} .recru-school3 .main .mn .box .butt{width:24%;height:40px;line-height:38px;font-size:16px;} .recru-school4 .box .contr .mn{width:100%;} .recru-school5{padding:60px 0 0} .recru-school5 .top .more{width:120px;height:40px;line-height:38px;} .recru-school5 .main{margin:30px 0 60px;} .recru-school5 .main .mn .iconfont{font-size:30px;} .recru-school5 .main .mn .tbbox{height:30px;margin-bottom:10px;} .recru-school5 .main .mn:nth-child(2n){margin-top:50px;} .recru-top{padding:60px 0 30px;} .recru-top .entit{padding:10px 0 20px;} .recru-top .recru-nav{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;} .recru-top .recru-nav .mn{margin-right:20px;white-space:nowrap;} .recru-schmain .bot .mn{padding:0 20px;width:calc(50% - 8px);margin-bottom:16px;} .recru-schmain .bot .mn .top{padding:20px 0;} .recru-schmain .bot .mn .top .dian{width:10px;height:10px;margin-right:10px;} .recru-schmain .bot .mn .mnbot{padding:20px 20px 0 0;} .recru-schmain .bot .mn .more{left:20px;width:120px;height:40px;line-height:40px;} .recru-schmain .numpage{padding:20px 0 60px;} .recru-shmain .bot .mn .top{padding-bottom:30px;} .recru-shmain .bot .mn .top .tit{padding:20px 0 10px;} .recru-shmain .bot .mn .top .le span{margin:0 10px;} .recru-shmain .bot .mn.on .mnbot{padding:30px 150px 60px 0} .recru-shmain .bot .mn .mnbot p{line-height:2em;} .recru-shmain .bot .mn .mnbot .ftit{margin-bottom:10px;line-height:1em;} .recru-shmain .bot .mn .mnbot .more{width:120px;height:40px;line-height:40px;} .recru-shmain .numpage{padding:30px 0 60px;} .recru-contact1-bg{display:none;} .recru-contact1-inner{padding:60px 0;} .recru-contact1-info{width:100%;margin:60px 0 30px;min-width: unset;} .recru-contact1-info .info-tit{margin-bottom:25px;} .recru-contact1-info .info-con{padding-top:25px;} .recru-contact1-info .info-con ul{margin-bottom:20px;} .recru-map{position:static;width:94%;margin:0 auto;padding:0;height:auto;border-radius:0;} .recru-map .map{position:relative;left:0;width:100%;height:400px;} .recru-contact2{padding:60px 0;} .recru-contact2 .recru-contact2-top{margin-bottom:30px;} .recru-contact2 .recru-contact2-list1{margin-bottom:50px;} .recru-contact2 .item .item-tit{font-size:16px;line-height:1.5em;} .recru-contact2 .item .item-text{font-size:14px;line-height:1.5em;} .recru-contact3{padding:60px 0;} .recru-contact3 .main{flex-wrap:wrap;} .recru-contact3 .recru-contact3-tit{margin-bottom:20px;} .recru-contact3 .recru-contact3-text{width:100%;margin:0 0 40px!important} .recru-contact3 .recru-contact3-form{width:100%;} .recru-contact3-form .form-tabs{margin-bottom:10px;} .recru-contact3-form .checkbox-ul li{width:100%!important} .recru-contact3-form .submit{margin-top:30px;line-height:40px;} } @media (max-width: 940px){ .about .top .le,.about .top .ri{width: 100%;} .about .top{flex-flow: column-reverse;} .about .top .ri{width: 100%;margin-bottom: 30px;} .about .top .ri img{width: 100%;} .footer .main{padding: 60px 0 0;} .footer .botm{padding: 40px 0 60px;} /*.footer .main .mn1{width: 100%;padding: 0;}*/ .busin-profile .bigimg{width: 100%;} .busin-profile .mes{width: 100%;padding: 20px 0 0;} .businarea .swiper-slide{flex-flow: column-reverse;} .businarea .bigimg{height: 300px;} .businarea .mes,.businarea .bigimg{width: 100%;} .businarea .mes{padding: 30px 15px 80px} .businarea .mes .line{margin: 10px 0 15px;} .businarea .swiper-pagination{top: auto;bottom: 30px!important;left: 15px!important} .businarea .swiper-pagination .swiper-pagination-bullet{margin: 0 15px 0 0!important;} .businarea .next{right: 60px;bottom: 30px;top: auto;transform: translateY(0) scale(1);margin: 0;zoom:.6;} .future-book .main .bimg .bg{width:1000px;} .ql-warp1 .main .qltitn{width:100%;margin-bottom:30px;} .ql-warp1 .main .bimg{width:100%;zoom:1;} .ql-warp1 .main .bimg img{margin:0 auto;} .cul-warp2 .main .le,.cul-warp2 .main .ri{width:100%;} .cul-warp2 .bg .imgbox{width:100%;height:150px;} .cul-warp2 .main .le{padding:60px 0 0;} .cul-warp2 .main .le .nytitn{margin-bottom:10px;} .cul-warp2 .main .ri{justify-content:space-between;zoom:1;} .cul-warp2 .main .ri .circle{width:32%;margin:0!important;height:auto;padding:0!important;} .cul-warp2 .main .ri .circle:after{display:none;} .cul-warp2 .main .ri .circle .iconfont{font-size:24px!important} .cul-warp2 .main .ri .circle .tit{padding:15px 0 5px;} .cul-warp2 .main .ri .circle .sum{width:100%!important;line-height:1.5em;font-size:14px;} .recru-school3 .tb{width:1200px;max-height:unset;height:auto;} .recru-school3 .main .mn{max-width:100%;} .recru-school4 .recrutitn{margin-bottom:30px;} .recru-school4 .box{flex-flow:column-reverse;} .recru-school4 .box .swiper,.recru-school4 .box .contr{width:100%;} .recru-school4 .box .contr .mn{width:50%;padding:20px;} .contact-jobform .jobform{padding: 50px 10px;} .contact-jobform .jobform .close{width: 40px;height: auto;} .ant-input{height: 40px;line-height: 40px;} .sq-form .row{margin-bottom: 10px;} .sq-form .file-info{font-size: 14px;line-height: 1.5em;} .sq-form .row-submit .file-box input,.sq-form .row-submit .file-box span{width: 120px;height: 40px;} .sq-form .row-submit .file-box span{font-size: 14px;line-height: 40px;} .sq-form .row-submit .submit{width: 120px;height: 40px;font-size: 14px;line-height: 40px;} } @media (max-width: 768px){ .pchide{display: block;} .pcshow{display: none!important;} .inbanner .swiper-container .mes{top: 45%;} .inbanner .imgbox{right: 0;bottom: -10px;top: auto!important;width: 80%; } .inbanner .inbannerqh .iconfont{line-height: 1em;color: #fff;} .inbannerqh .nextbox{margin-right: 20px;} .inbannerqh .nextbox .icon{top: 0;right: -20px; transform: rotateY(180deg); font-size: 30px;line-height:50px;} .inabout .main .mn{width:100%;margin-bottom:10px;} .inabout .main .mn .bigimg img{width:100%;} .inabout .numbox p{margin-bottom:25px;} .inabout .numbox p .bt{width:100%;display:block;} .inabout .numbox .counter{padding:0;zoom:.8;} .incase .mn{width:100%!important;} .incase .mn:hover{width:100%!important;} .incase:hover .mn{width:100%!important;} .innews .main .mn{width:100%;margin-bottom:15px;} .innews .main .mn .tit{height:auto;} #hero--scroll{display: none!important;} .footer{border-radius:0!important;margin-top: 0;} .footer .main .mn1{width: 100%;padding: 0;margin-bottom: 30px;} .footer .main .mn1 .footerlogo{height: 30px;} .footer .main .mn1 .ewmbox img{margin: 20px 0 5px;} .footer .main .mn1 .ewmbox .box:last-child{margin-left: 30px;} .footer .main .mn2{width: 100%;} .footer .main .mes{width: 100%;} .footer .main .mes .line{margin: 15px 0;} .footer .main .mes .sum{margin-bottom: 8px;} .footer .main .mes .iconbox{padding: 15px 0 0;} .footer .botm .sum{line-height: 1.5em;} .story .main{flex-flow: column-reverse;} .story .ri,.story .le{width: 100%} .story .ri .storynav{height: auto;} .story .ri{padding: 40px 15px} .story .ri .titn{margin-bottom: 30px;} .story .ri .storynav .mn.on .storynavbot{padding: 10px 0 0;} .story .ri .storynav .mn .storynavbot a{margin-bottom: 5px;margin-right: 10px;} .story .le{padding: 40px 15px;} .story .le .box .m-content{height: auto;padding-right: 0;} .honor .main .mn{width: calc((100% - 15px) / 2);margin-right: 15px;margin-bottom: 15px;} .honor .main .mn:nth-child(4n){margin-right: 15px;} .honor .main .mn:nth-child(2n){margin-right: 0;} .honor .main .mn .tit{height:auto;padding:20px 0;} .businarea .mes{padding: 30px 15px 100px;} .businarea .next{right: 15px;bottom: 30px; zoom:1;} .busin-strength .main .le .pagecon .pagem{width: auto;} .busin-strength .main .le .pagecon .number{display: none;} .busin-strength .main .le .pagecon .pagem .page.prev{transform: rotate(180deg);} .busin-strength .main .le .pagecon .pagem .page.next{margin-left: 20px;transform: unset;} .busin-strength .main .le .pagecon .pagem .icon{font-size: 20px;line-height: 1em;} .busin-strength .main .le .img{height: 50px;} .busin-strength .main .ri .box{top: 0;margin-bottom: 0;} .busin-advan .main{height: auto!important;padding-bottom: 50px;} .busin-advan .main .swiper-container{position: static;width: 100%;padding: 30px 0 0;} .busin-advan .main .swiper-container .swiper-slide{height: 300px;} .busin-advan .main .swiper-container .swiper-slide .bg{width: calc(100% - 2px);height: 100%;box-shadow:unset!important;} .busin-advan .main .swiper-container .swiper-slide .box{padding: 40px 20px;} .busin-advan .main .swiper-pagination{display: flex!important;} .busin-case .main .swiper-slide .bigimg{height: 250px;} .archite-warp1 .main {display: flex;flex-wrap: wrap;justify-content: space-between;} .archite-warp1 .main .icon{margin: 0 auto 20px;max-width: 100%;zoom:.8;} .archite-warp1 .main .mn .tit{color: #007853;} .archite-warp1 .main .mn{position: static;width: 45%;padding: 0!important;margin:0 0 20px!important;display: block!important;text-align: left!important;} .archite-warp1 .main .mn .line{width: 100%;margin: 10px 0 10px 0!important} .archite-warp1 .main .mn .line:after{display: none;} .archite-warp1 .main .mn .line:before{right: auto!important;left:0!important;} .archite-warp2 .main .ftit{width: 94%;margin: 0 auto;} .archite-warp2 .main .tbbox{flex-wrap: wrap;justify-content: space-between;} .archite-warp2 .main .tbbox .tb{display: none;} .archite-warp2 .main .tbbox .mn{width: 49%;margin-bottom: 10px;height: 120px;} .archite-warp2 .main .tbbox .mn .iconfont{margin-bottom: 10px;font-size: 30px;} .archite-warp2 .main .cerbox .mn{width: 100%;} .archite-warp2 .main .cerbox .mn .picbox{height: auto;} .project-type .mn .ri{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;} .project-type .mn .ri a{white-space:nowrap} .project .main .mn{width:100%;} .project-con .mesmain .titn{width:100%;margin-bottom:20px;} .project-con .mesmain .m-content{width:100%;max-width:unset} .project-con .busin-advan .main{padding:30px 0 0;} .project-con .busin-advan .main .swiper-container .swiper-slide .bigimg{height:300px;} .project-con .img1{zoom:.3;} .project-con .mesmain .titn:before{zoom:.5;} .future-profile .main .bigimg{width:100%;height:300px} .future-profile .main .mes{position:static;transform:translate(0,0);width:100%;min-height:unset;padding:30px 15px;} .future-pro .main{padding:30px 0 0;} .future-book .main .bimg.phone{height:320px;} .future-book .main .bimg .box img{bottom: -20px;height: 90%;} .future-book .main .bimg .butt.prev{transform: unset;} .future-book .main .bimg .butt.next{transform: rotateY(180deg);} .future-book .main .bimg .butt .iconfont{font-size: 30px;line-height: 1em;color: #007853;} .future-strength .le .contr .mn{margin-right:20px;} .red-warp3 .contr .mn{width:50%;} .red-warp3 .contr .mn .tit{font-size:16px;} .ql-warp2{padding:60px 0;} .ql-warp2 .qltitn{top:0;margin-bottom:30px;} .ql-warp2 .main .mn{width:100%;margin-bottom:15px;margin-top:0!important;} .ql-warp2 .main .mn .mes{left:0;margin:0;padding:20px 10px;} .ql-warp2 .main .mn.mn0 .mes:after, .ql-warp2 .main .mn.mn1 .mes:after{display:none;} .ql-warp2 .main .mn .bigimg{height:240px;} .cul-warp2 .bg{height:650px;} .cul-warp2 .main .ri .circle{width:100%;margin:0 0 20px!important} .cul-warp2 .main .ri .circle .tit{padding:10px 0 5px;} .cul-warp3 .top{margin-bottom:0;} .cul-warp3 .contr{padding:30px 0 0;width:100%;} .cul-warp3 .contr .mn{width:50%;margin: 0 0 20px;text-align:center} .cul-warp3 .contr .mn .tit{display:inline-block;} .cul-warp3 .contr .mn .sum{max-width:100%;font-size:14px;line-height:1.5em;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .cul-warp3 .bot{padding:0 0 30px;} .cul-warp3 .bot .swiper .swiper-slide{height:400px;} .cul-warp3 .bot .butt{top:auto;bottom:0;} .news .newstime{width:60px;height:60px;} .news .newstime .time1{margin-bottom:5px;font-size:20px;} .news .newstime .time2{font-size:12px;} .news .top .newstime{margin:0 0 10px 0;} .news .top .bigimg{width:calc(100% - 70px)} .news .top .mes .tit{margin-bottom:10px;} .news .top .mes{width:100%;padding:30px 0 0;} .news .top .mes .more{position:static;margin:15px 0 0;} .news .bot .w1540{flex-flow:column-reverse;} .news .bot .ri{width:100%;margin-bottom:30px;} .news .bot .le{width:100%;} .news .bot .le .mn .mes{width:100%;box-sizing:border-box;padding:10px 10px 0 10px;} .dj-video .bf{line-height: 1em;} .dj-video .bf:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: 80%;border-radius: 20px;line-height: 1em;background: #fff;content: ""} .dj-video .bf .iconfont{position: relative;z-index: 2;} .recru-deve2 .main .contr{justify-content:space-between} .recru-deve2 .main .contr .mn{margin:0 5px 10px 0;line-height:2em;font-size:18px;} .recrutitn .entit{font-size:24px;letter-spacing:0;} .recru-school1 .le .sum{font-size:16px;} .recru-school1 .ri .mn{width:100%;min-height:unset;padding:20px 0;} .recru-school1 .ri .mn .tbbox .iconfont{font-size:40px;} .recru-school1 .ri .mn .mes .sum{line-height:1.5em;white-space: inherit;} .recru-school3 .main .mn .box .butt{width:48%;margin-bottom: 10px;} .recru-school5 .top .more{margin-top:20px;} .recru-school4 .box .contr .mn{padding:20px 10px;height:100px;} .recru-school4 .box .contr .mn .iconfont{display:none;} .recru-school5 .main .img{display:none;} .recru-school5 .main .mn{width:50%;margin:0 0 15px!important} .recru-schmain .bot .mn{width:100%;margin 0 0 10px!important;height:auto;} .recru-schmain .bot .mn .more{position:static;margin:20px 0 30px;} .recru-shmain .bot .mn .top .le{width:100%;line-height:1.5em;} .recru-shmain .bot .mn.on .mnbot{padding:30px 0;} .recru-shmain .bot .mn .mnbot .more{margin:20px 0 0; position:static;} .recru-shmain .bot .mn .top .sum{width:100%;line-height:1.5em;} .recru-shmain .bot .mn .top .le span{display:none;} .recru-contact3-form .form-tabs span{font-size:14px;line-height:38px;} .recru-contact3-form .checkbox-ul .item-a span:nth-child(1){margin-right:10px;} .recru-contact3-form .checkbox-ul .item-q{width:calc(100% - 90px)} .recru-contact3-form .row input, .recru-contact3-form .row textarea{padding:10px 15px;font-size:14px;line-height:20px;} .recru-contact3-form .row-3{flex-wrap:wrap;} .recru-contact3-form .row-3 input{width:100%;margin-bottom:10px;} .recru-contact3-form .row-3 input:last-child{margin-bottom:0;} } @media (max-width: 460px){ .honor .main .mn{width: 100%;margin-right: 0!important} .honor .main .mn .bigimg{height: auto;padding: 30px 0;} .archite-warp1 .main .icon{zoom:.6;} } @media (min-width: 1920px){ .cul-warp4{background-size:100%; } }