.construction{position:relative;width:100%}
.construction .detail-banner-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.construction .detail-container{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}
.construction .detail-container .detail-content{width:100%}
.construction .detail-container .detail-content .detail-title{font-size:68px;font-weight:bold;color:#fff;line-height:60px}
.construction .detail-container .detail-content .detail-title .green{font-size:180px;font-weight:bold;color:#aacd32;line-height:60px}
.construction .detail-container .detail-content .detail-text{margin-top:30px;font-size:36px;font-weight:400;color:#fff;line-height:38px}
.construction .detail-container .detail-content .detail-tips{margin-top:90px;font-size:24px;font-weight:300;color:#fff;line-height:36px}
.construction .detail-container .detail-content .detail-button{margin-top:34px}
.construction .detail-container .detail-content .detail-button .bg-color{background-color:#44c8c9}
.work{position:relative;width:100%;padding-top:85px}
.work .work-container{width:100%}
.work .work-container .work-title{font-size:60px;font-weight:300;color:#333;line-height:62px;text-align:center}
.work .work-container .work-en{margin-top:30px;font-size:36px;font-weight:bold;color:#333;line-height:38px;text-align:center}
.work .work-container .work-detail{display:flex;justify-content:space-between;width:100%;margin-top:74px}
.work .work-container .work-detail .work-item{width:31%;height:626px;background-color:#edf0fb;padding:0 25px;background-repeat:no-repeat;background-size:cover;transition:background-image .3s}
.work .work-container .work-detail .work-item .work-item-icon{margin-top:167px;width:42px;height:6px;background-image:url(../image/work-icon.png);background-repeat:no-repeat;background-size:cover;transition:all .3s}
.work .work-container .work-detail .work-item .work-item-title{margin-top:38px;font-size:36px;font-weight:300;color:#333;line-height:48px;transition:all .3s}
.work .work-container .work-detail .work-item .work-item-title .bold{font-weight:bold}
.work .work-container .work-detail .work-item .work-item-tips{margin-top:138px;font-size:24px;font-weight:400;color:#333;line-height:26px;transition:all .3s}
.work .work-container .work-detail .work-item .work-item-text{margin-top:30px;font-size:18px;font-weight:300;color:#fff;line-height:36px;opacity:0}
.work .work-container .work-detail .work-item .work-item-button{display:flex;justify-content:center;align-items:center;width:363px;height:73px;background-color:#aacd06;margin-top:50px;opacity:0}
.work .work-container .work-detail .work-item .work-item-button .work-button-icon{width:91px;height:36px}
.work .work-container .work-detail .work-item .work-item-button .work-button-text{margin-left:26px;font-size:24px;font-weight:300;color:#fff;line-height:26px}
.work .work-container .work-detail .work-item .work-item-button .work-button-arrow{margin-left:16px;width:36px;height:14px}
.work .work-container .work-detail .work-item:hover{border-radius:12px;background-image:url(../image/work-banner1.png)}
.work .work-container .work-detail .work-item:hover .work-item-icon{background-image:url(../image/work-icons.png);margin-top:87px}
.work .work-container .work-detail .work-item:hover .work-item-title{margin-top:40px;color:#fff}
.work .work-container .work-detail .work-item:hover .work-item-tips{margin-top:74px;color:#fff}
.work .work-container .work-detail .work-item:hover .work-item-text{animation:show 1s forwards;-webkit-animation:show 1s forwards}
.work .work-container .work-detail .work-item:hover .work-item-button{animation:show 1s forwards;-webkit-animation:show 1s forwards}
.case{position:relative;width:100%;padding-top:80px}
.case .case-container{width:100%;overflow:hidden}
.case .case-container .case-title{font-size:60px;font-weight:300;color:#333;line-height:62px}
.case .case-container .case-en{margin-top:20px;font-size:36px;font-weight:bold;color:#333;line-height:38px}
.case .case-container .case-content{display:flex;justify-content:space-between;margin-top:100px}
.case .case-container .case-content .case-left{width:56%}
.case .case-container .case-content .case-left .case-left-item{display:none}
.case .case-container .case-content .case-left .case-left-item .case-time{margin-top:28px;font-size:18px;font-weight:400;color:#666;line-height:20px}
.case .case-container .case-content .case-left .case-left-item .case-top{display:flex;justify-content:space-between;align-items:center;margin-top:10px;height:67px}
.case .case-container .case-content .case-left .case-left-item .case-top .case-title{flex:1;font-size:48px;font-weight:bold;color:#333;line-height:50px}
.case .case-container .case-content .case-left .case-left-item .case-top .case-prize{display:flex;flex-direction:column;align-items:center}
.case .case-container .case-content .case-left .case-left-item .case-top .case-prize .case-prize-icon{display:block;width:122px}
.case .case-container .case-content .case-left .case-left-item .case-top .case-prize .case-prize-text{margin-top:6px;font-size:14px;font-weight:400;color:#666;line-height:16px}
.case .case-container .case-content .case-left .case-left-item .case-text{height:52px;margin-top:30px;font-size:18px;font-weight:300;color:#666;line-height:36px}
.case .case-container .case-content .case-left .case-left-item .case-button{margin-top:50px}
.case .case-container .case-content .case-left .case-left-item .case-button .bg-color{background-color:#44c8c9}
.case .case-container .case-content .case-left .case-left-item .case-button .button-text{color:#333}
.case .case-container .case-content .case-left .case-left-item .case-button:hover .button-text{color:#fff}
.case .case-container .case-content .case-left .case-left-item.active{display:block}
.case .case-container .case-content .case-left .case-arrows{position:relative;display:flex;justify-content:flex-end;margin-top:58px;z-index:5}
.case .case-container .case-content .case-left .case-arrows .case-arrow-prev{width:13px;height:24px;background-image:url(../image/you.png);cursor:pointer;transform:rotate(180deg);background-repeat:no-repeat;background-size:cover}
.case .case-container .case-content .case-left .case-arrows .case-arrow-prev.prevs{transform:rotate(0);background-image:url(../image/zuo.png)}
.case .case-container .case-content .case-left .case-arrows .case-arrow-next{margin-left:30px;width:13px;height:24px;background-image:url(../image/you.png);background-repeat:no-repeat;background-size:cover;cursor:pointer}
.case .case-container .case-content .case-left .case-arrows .case-arrow-next.nexts{background-image:url(../image/zuo.png);transform:rotate(180deg);cursor:auto}
.case .case-container .case-content .case-left .case-images{display:flex;width:100%;margin-top:45px}
.case .case-container .case-content .case-left .case-images .case-images-img{width:23%;margin-right:16px;opacity:.5;border-radius:6px;cursor:pointer}
.case .case-container .case-content .case-left .case-images .case-images-img:nth-last-child(1){margin-right:0}
.case .case-container .case-content .case-left .case-images .case-images-img.active{opacity:1}
.case .case-container .case-content .case-right{position:relative;width:613px;height:657px}
.case .case-container .case-content .case-right .case-right-item{position:absolute;top:0;left:0;width:613px;height:657px;opacity:0}
.case .case-container .case-content .case-right .case-right-item .case-right-image{position:absolute;top:0;left:0;width:613px;height:657px;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:0;transform:translateX(200px);z-index:2}
.case .case-container .case-content .case-right .case-right-item .case-right-img{position:absolute;top:-93px;right:-20px;width:494px;height:726px;background-repeat:no-repeat;background-size:cover;opacity:0;transform:translateX(200px);z-index:3}
.case .case-container .case-content .case-right .case-right-item .case-right-banner{position:absolute;top:-40px;right:-43px;width:480px;height:487px;background-image:url(../image/case-banner.png);background-repeat:no-repeat;background-size:cover;z-index:1}
.case .case-container .case-content .case-right .case-right-item.active{opacity:1}
.case .case-container .case-content .case-right .case-right-item.active .case-right-image{animation:move 1s forwards;-webkit-animation:move 1s forwards}
.case .case-container .case-content .case-right .case-right-item.active .case-right-img{animation:move 1s forwards;-webkit-animation:move 1s forwards;animation-delay:.3s;-webkit-animation-delay:.3s}
.case .case-container .case-content .case-right .case-right-item.two .case-right-img{top:0;right:0;width:613px;height:657px}
.case .case-container .case-content .case-right .case-right-item.three .case-right-img{top:-44px;left:-88px;right:auto;width:553px;height:550px}
.case .case-container .case-content .case-right .case-right-item.four .case-right-img{top:60px;left:-88px;right:auto;width:648px;height:581px}
.process{position:relative;width:100%;height:1005px;background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:165px;margin-top:30px}
.process .process-title{font-size:56px;font-weight:300;color:#fcfcfc;line-height:58px;text-align:center}
.process .process-en{margin-top:20px;font-size:36px;font-weight:bold;color:#fcfcfc;line-height:38px;text-transform:uppercase;text-align:center}
.process .process-content{position:absolute;bottom:0;left:0;width:100%;height:627px;background-color:rgba(43,43,45,0.8);padding-top:50px}
.process .process-content .process-container{display:flex;width:100%}
.process .process-content .process-container .process-item{position:relative;width:217px}
.process .process-content .process-container .process-item .process-item-title{position:relative;display:flex;justify-content:center;align-items:center;width:120px;height:44px;background-color:#fff;border-radius:22px;font-size:18px;font-weight:400;color:#333;line-height:20px;margin-left:30px;z-index:2}
.process .process-content .process-container .process-item .process-item-line{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;z-index:1}
.process .process-content .process-container .process-item .process-item-line .process-item-lines{width:207px;height:1px;background-color:#bfbfc0}
.process .process-content .process-container .process-item .process-item-line .process-item-triangle{width:11px;height:13px;background-image:url(../image/triangle.png);background-repeat:no-repeat;background-size:cover}
.process .process-content .process-container .process-item .process-item-detail{position:absolute;top:50px;left:41%}
.process .process-content .process-container .process-item .process-item-detail .process-item-count{width:7px;height:7px;background-color:#fff;border-radius:50%}
.process .process-content .process-container .process-item .process-item-detail .process-item-line{position:absolute;top:120px;left:3px;width:1px;height:211px;background-color:#ccc}
.process .process-content .process-container .process-item .process-item-detail .process-item-line.two{top:139px;height:252px}
.process .process-content .process-container .process-item .process-item-detail .process-item-line.three{top:175px;height:329px}
.process .process-content .process-container .process-item .process-item-detail .process-item-line.four{top:99px;height:173px}
.process .process-content .process-container .process-item .process-item-detail .process-item-line.five{top:78px;height:130px}
.process .process-content .process-container .process-item .process-item-detail .process-item-box{position:absolute;top:19px;left:3px;width:140px}
.process .process-content .process-container .process-item .process-item-detail .process-item-box .process-items{display:flex;height:40px}
.process .process-content .process-container .process-item .process-item-detail .process-item-box .process-items .process-items-icon{width:16px;height:13px}
.process .process-content .process-container .process-item .process-item-detail .process-item-box .process-items .process-items-title{margin-left:5px;font-size:16px;font-weight:300;color:#fff;line-height:18px}
.service-footer{width:100%;padding-bottom:60px}
.service-footer .service-footer-container{position:relative;display:flex;justify-content:space-between;height:800px;padding-top:130px}
.service-footer .service-footer-container .footer-left .title{font-size:56px;font-weight:200;color:#333;line-height:58px}
.service-footer .service-footer-container .footer-left .en-title{margin-top:20px;font-size:36px;font-weight:bold;color:#333;line-height:38px;text-transform:uppercase}
.service-footer .service-footer-container .footer-left .sub-title{margin-top:100px;font-size:48px;font-weight:200;color:#333;line-height:67px}
.service-footer .service-footer-container .footer-left .sub-title .blod{font-weight:bold}
.service-footer .service-footer-container .footer-left .desc{margin-top:63px;width:655px;font-size:24px;font-weight:300;color:#666;line-height:48px}
.service-footer .service-footer-container .footer-left .about-us-link{margin-top:22px}
.service-footer .service-footer-container .footer-left .about-us-link .bg-color{background-color:#44c8c9}
.service-footer .service-footer-container .footer-left .about-us-link .button-text{color:#333}
.service-footer .service-footer-container .footer-left .about-us-link:hover .button-text{color:#fff}
.service-footer .service-footer-container .footer-right{display:flex;justify-content:space-between;padding-top:227px}
.service-footer .service-footer-container .footer-right .num-group{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:87px;height:117px}
.service-footer .service-footer-container .footer-right .num-group .number{font-size:72px;font-weight:bold;color:#aace32;line-height:74px}
.service-footer .service-footer-container .footer-right .num-group .sub-text{margin-top:39px;font-size:24px;font-weight:300;color:#333;line-height:26px}
.service-footer .service-footer-container .right-line{position:absolute;bottom:35px;right:20px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column}
.service-footer .service-footer-container .right-line .new-way{position:relative;top:-13px;left:16px;font-size:30px;font-weight:bold;color:#232222;line-height:40px;text-transform:uppercase;opacity:.2;writing-mode:vertical-lr;transform:rotate(180deg)}
.service-footer .service-footer-container .right-line .line{width:1px;height:370px;background-color:rgba(139,142,155,0.3)}
.inner-shadow{position:absolute;top:0;left:0;width:100%;height:147px;background-image:url(../image/shadow.png);background-repeat:repeat-x;background-size:auto 147px;z-index:2}
.detail-img{width:100%;opacity:0;transition:all .3s}
.image{position:relative;width:100%}
.image.show .detail-img{opacity:1}@keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes move{from{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes move{from{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:1600px){.construction .detail-container .detail-content .detail-title{font-size:50px;line-height:60px}
.construction .detail-container .detail-content .detail-title .green{font-size:120px;line-height:60px}
.construction .detail-container .detail-content .detail-text{margin-top:20px;font-size:28px;line-height:30px}
.construction .detail-container .detail-content .detail-tips{margin-top:60px;font-size:18px;line-height:26px}
.case .case-container .case-content .case-left{width:55%}
.case .case-container .case-content .case-left .case-left-item .case-top .case-title{font-size:36px;line-height:38px}
.case .case-container .case-content .case-left .case-left-item .case-text{margin-top:20px;font-size:14px;line-height:26px}
.case .case-container .case-content .case-left .case-left-item .case-button{margin-top:30px}
.case .case-container .case-content .case-left .case-arrows{margin:30px}
.case .case-container .case-content .case-right{margin-left:50px;margin-top:50px;width:485px;height:520px}
.case .case-container .case-content .case-right .case-right-item{width:100%;height:100%}
.case .case-container .case-content .case-right .case-right-item .case-right-image{width:100%;height:100%}
.case .case-container .case-content .case-right .case-right-item .case-right-img{width:395px;height:580px}
.case .case-container .case-content .case-right .case-right-item .case-right-banner{width:480px;height:487px}
.case .case-container .case-content .case-right .case-right-item.two .case-right-img{width:485px;height:520px}
.case .case-container .case-content .case-right .case-right-item.three .case-right-img{width:453px;height:450px}
.case .case-container .case-content .case-right .case-right-item.four .case-right-img{width:502px;height:450px}
.process .process-content .process-container .process-item{width:195px}
.process .process-content .process-container .process-item .process-item-line .process-item-lines{width:185px}
.service-footer{width:100%}
.service-footer .service-footer-container .footer-right .num-group{margin-right:50px;height:117px}
.service-footer .service-footer-container .footer-right .num-group .number{font-size:58px;line-height:62px}
.service-footer .service-footer-container .footer-right .num-group .sub-text{margin-top:39px;font-size:20px;font-weight:300;color:#333;line-height:24px}}@media screen and (max-width:1450px){.process .process-content .process-container .process-item{width:185px}
.process .process-content .process-container .process-item .process-item-line .process-item-lines{width:175px}}