body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,li,p,ul{margin:0}li,ul{padding:0;list-style:none}img{display:block;width:100%}h2,h3{margin:0}.main-width{max-width:1600px;margin:0 auto}section{padding-top:60px;text-align:center}section .title{margin-bottom:30px;color:#520200}section .title h2{font-size:30px;letter-spacing:6px;font-weight:400}section .title p{margin-top:4px;font-size:22px;color:#c4a6a7}@media screen and (max-width:992px){section .title h2{font-size:22px}section .title p{font-size:18px}}body{padding-top:80px}@media screen and (max-width:992px){body{padding-top:60px}}.header{position:fixed;top:0;left:0;right:0;z-index:9;line-height:80px;color:#333;background:#dd1112 url(../image/stripe-red.e1d4a78c.png) 0 0}.header .header-wrapper{box-sizing:border-box;padding:0 80px 0 40px;display:flex;justify-content:space-between;align-items:center}.header .header-wrapper .home{display:inline-block;width:120px;height:52px;background:url(../image/logo.6f5711ee.png) 50%/contain no-repeat}.header a{color:#fff;text-decoration:none;transition:color .3s;font-size:16px;font-weight:700}.header a:active,.header a:hover{font-weight:700;text-shadow:#333 1px 2px 2px}.header .nav{display:flex}.header .nav li+li{margin-left:40px}@media screen and (max-width:992px){.header{display:none}}.mobile-header{position:fixed;left:0;right:0;top:0;z-index:9}@media screen and (min-width:992px){.mobile-header{display:none}}.mobile-header .header-wrapper{display:flex;justify-content:space-between;align-items:center;height:60px;line-height:60px;color:#333;background:#dd1112 url(../image/stripe-red.e1d4a78c.png) 0 0;padding:0 24px}.mobile-header .header-wrapper .home{display:inline-block;width:80px;height:52px;background:url(../image/logo.6f5711ee.png) 50%/contain no-repeat}.mobile-header .header-wrapper .button{color:#fff;font-size:24px}.mobile-header .nav{display:none;position:absolute;left:0;top:60px;right:0;border-top:1px solid #ccc;background:#dd1112;z-index:9;padding:10px 0;margin:0}.mobile-header .nav li{padding-right:24px;text-align:right}.mobile-header .nav a{display:block;text-decoration:none;padding:5px 0;color:#fff}.mobile-header .nav a:active,.mobile-header .nav a:hover{font-weight:700}.swiper-container{position:relative}.swiper-container .slogan{position:absolute;width:40%;right:6%;top:50%;transform:translateY(-50%);z-index:1}.swiper-pagination{bottom:30px!important}.swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;background:hsla(0,0%,100%,.96)}.banner-swiper img{object-fit:cover}.introduction{max-width:1224px;margin:0 auto;padding:70px 100px 0}@media screen and (max-width:992px){.introduction{padding-left:0;padding-right:0}}.introduction .main{display:flex;align-items:center;margin-bottom:40px}.introduction .main h2{font-size:28px;font-weight:400;color:#4f0205;letter-spacing:6px}.introduction .main h3{line-height:1;margin-bottom:30px;font-weight:400;color:#c7a6a7}.introduction .main img{width:50%}.introduction .main p{color:#550101;font-size:14px}.introduction .main p+p{margin-top:18px}.introduction .main .text{flex:1}@media screen and (max-width:992px){.introduction .main{display:block;padding-left:40px;padding-right:40px}.introduction .main img{width:80%;margin:0 auto 40px}.introduction .main h2,.introduction .main h3{text-align:center}}.introduction .card{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px;color:#e41414;font-weight:700;padding:0 40px}.introduction .card li{display:flex;align-items:center}.introduction .card li i{display:inline-block;width:56px;height:56px;margin-right:20px;background-position:50%;background-size:contain;background-repeat:no-repeat}.introduction .card li:first-child i{background-image:url(../image/icon-1.ad7a4fd2.jpg)}.introduction .card li:nth-child(2) i{background-image:url(../image/icon-2.bc731300.jpg)}.introduction .card li:nth-child(3) i{background-image:url(../image/icon-3.4ecc8127.jpg)}.introduction .card li:nth-child(4) i{background-image:url(404.png)}.introduction .card .text div:first-child{font-size:30px}@media screen and (max-width:992px){.introduction .card{margin-bottom:20px;display:inline-flex;justify-content:space-around}.introduction .card li{width:50%;text-align:left;margin-bottom:50px;justify-content:center}.introduction .card li+li{margin-left:0}.introduction .card li i{width:30px;height:30px}.introduction .card .text{width:50%}.introduction .card .text div:first-child{font-size:20px}}.introduction .card-container{text-align:center}.advantage .title{color:#560104;letter-spacing:4px;font-weight:400;text-align:center;margin-bottom:30px}.advantage .list{position:relative;color:#fff;background:#dd1112 url(../image/stripe-red.e1d4a78c.png) 0 0;margin-bottom:40px;padding:20px 5% 50px}.advantage .list:after,.advantage .list:before{position:absolute;display:block;content:"";left:0;right:0;height:20px;background:#e6e6e6;border-left:10px solid #fff;box-sizing:border-box}.advantage .list:before{height:8px;bottom:30px}.advantage .list:after{height:16px;bottom:0}.advantage ul{display:flex;text-align:center}.advantage ul li{flex:1}.advantage ul li+li{margin-left:30px}.advantage ul li i{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:10px;width:50px;height:50px}.advantage ul li:first-child i{background-image:url(../image/icon-1.11152733.png)}.advantage ul li:nth-child(2) i{background-image:url(../image/icon-2.bede208a.png)}.advantage ul li:nth-child(3) i{background-image:url(../image/icon-3.6aff0535.png)}.advantage ul li:nth-child(4) i{background-image:url(../image/icon-4.6a8314a2.png)}.advantage ul h3{margin-bottom:12px;font-size:16px}.advantage ul p{font-size:10px;margin-bottom:10px;color:#fcfef9}@media screen and (max-width:992px){.advantage ul{flex-wrap:wrap}.advantage ul li{flex:none;width:50%;box-sizing:border-box;padding:0 10px}.advantage ul li:nth-child(n+3){margin-top:30px}.advantage ul li+li{margin-left:0}}.service{background:#f4f4f4 url(../image/stripe-white.eeca9d60.png) 0 -40px;padding-bottom:60px}.service .title h2{color:#e51819}.service .title p{color:#f08c8e}.service ul{display:flex;margin:0 auto;justify-content:center;width:80%}.service ul li{padding:30px 20px;box-sizing:border-box;border:1px solid #e9e9e9;width:300px;color:#631717;background:#fff}.service ul li+li{margin-left:2%}.service ul li i{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:14px;width:50px;height:50px}.service ul li h2{margin-bottom:12px;font-weight:400;font-size:18px}.service ul li p{font-size:12px;margin-bottom:6px;line-height:1.4}.service ul li:first-child i{background-image:url(../image/b1.b94e210a.png)}.service ul li:nth-child(2) i{background-image:url(../image/b2.90313783.png)}.service ul li:nth-child(3) i{background-image:url(../image/b3.df6ca6e3.png)}.service ul li:nth-child(4) i{background-image:url(../image/b4.1198ead4.png)}@media screen and (max-width:992px){.service ul{width:100%;flex-wrap:wrap}.service ul li{flex:none;width:50%}.service ul li+li{margin-left:0}}.cases .swiper-outer-container{position:relative;margin:0 auto}.cases .swiper-outer-container .swiper-button-next,.cases .swiper-outer-container .swiper-button-prev{margin-top:-2.6vw;width:2.2vw;height:5.2vw}.cases .swiper-outer-container .swiper-button-prev{background:url(../image/cases-triangle.6f95d4c1.png) 50%/contain no-repeat;transform:rotate(180deg);left:10%}.cases .swiper-outer-container .swiper-button-prev:active{transform:rotate(180deg) scale(.94)}.cases .swiper-outer-container .swiper-button-prev:after{display:none}.cases .swiper-outer-container .swiper-button-next{right:10%;background:url(../image/cases-triangle.6f95d4c1.png) 50%/contain no-repeat}.cases .swiper-outer-container .swiper-button-next:active{transform:scale(.94)}.cases .swiper-outer-container .swiper-button-next:after{display:none}@media screen and (max-width:992px){.cases .swiper-outer-container .swiper-button-prev{left:4%}.cases .swiper-outer-container .swiper-button-next{right:4%}.cases .swiper-outer-container .pc{display:none}}@media screen and (min-width:992px){.cases .swiper-outer-container .mobile{display:none}}.cases .swiper-container{width:70%}@media screen and (max-width:992px){.cases .swiper-container{width:80%}}.cases .swiper-slide{font-size:0}.cases .swiper-slide img{display:inline-block;width:24.7%;margin-left:.4%}.cases .swiper-slide img:nth-child(n+5){margin-top:8px}.cases .swiper-slide img:nth-child(4n+1){margin-left:0}@media screen and (max-width:992px){.cases .swiper-slide img{width:49.6%;margin-bottom:2px}.cases .swiper-slide img:nth-child(n+5){margin-top:0}.cases .swiper-slide img:nth-child(odd){margin-left:0}}.portofolio .tab-list{margin-top:60px;margin-bottom:40px}.portofolio .tab-list li{display:inline-block;box-sizing:border-box;width:100px;line-height:36px;font-size:14px;color:#e41414;border:1px solid #e41414;cursor:pointer;margin-bottom:14px}.portofolio .tab-list li+li{margin-left:14px}.portofolio .tab-list li.active{background:#e41414;color:#fff}.portofolio .tab-content-list li{font-size:0;display:none}.portofolio .tab-content-list li.active{display:block}.portofolio .tab-content-list li img{display:inline-block;width:24.85%;margin-left:.2%;margin-bottom:.2%;height:auto;cursor:zoom-in}.portofolio .tab-content-list li img:nth-child(4n+1){margin-left:0}@media screen and (max-width:992px){.portofolio .tab-content-list li img{width:49.8%}.portofolio .tab-content-list li img:nth-child(odd){margin-left:0}}.customer{padding-bottom:140px}.customer .text{margin-bottom:60px;padding:0 20px;color:#370101}.customer img{width:80%;margin:0 auto}@media screen and (max-width:992px){.customer{padding-bottom:60px}.customer img{width:100%}}.join .job-list{padding:0 40px}.join .job-list .job-item{margin-bottom:30px}.join .job-list .job-item.active .job-header span{font-weight:700;text-shadow:#333 1px 2px 2px}.join .job-list .job-item.active .job-header .button{background:url(../image/minus.5cc9a4f2.png) 50%/contain}.join .job-list .job-item.active .job-main{display:flex!important}@media screen and (max-width:992px){.join .job-list .job-item.active .job-main{display:block!important}}.join .job-list .job-item .job-header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:70px;background:#dd1112 url(../image/stripe-red.e1d4a78c.png) 0 0}.join .job-list .job-item .job-header img{display:inline-block;width:30px}.join .job-list .job-item .job-header span{color:#fff;font-size:20px}.join .job-list .job-item .job-header .button{display:inline-block;width:30px;height:30px;cursor:pointer;background:url(../image/add.f1bac3bf.png) 50%/contain}.join .job-list .job-item .main-content{display:none}.join .job-list .job-item .job-main{display:flex;padding:40px 0}@media screen and (max-width:992px){.join .job-list .job-item .job-main{display:block}.join .job-list .job-item .job-main .requirement{margin-top:40px}}.join .job-list .job-item .job-main>div{flex:1;padding-left:10%;text-align:left;color:#333}.join .job-list .job-item .job-main>div .desc-title{margin-bottom:30px;font-size:20px}.join .job-list .job-item .job-main>div li{line-height:30px;font-size:16px}.join .main{display:flex;align-items:center;padding:20px 140px 40px;text-align:left}.join .main h2{font-size:28px;font-weight:400;color:#4f0205;letter-spacing:6px}.join .main h3{line-height:1;margin-bottom:30px;font-weight:400;color:#c7a6a7}.join .main img{margin-left:50px;width:50%;margin-right:50px}.join .main p{color:#550101;font-size:14px}.join .main p+p{margin-top:18px}.join .main .text{flex:1}.join .main ul{display:inline-block;margin-top:30px;text-align:left;color:#550101}.join .main ul li{line-height:30px;font-size:12px}.join .main ul li:before{content:"·";margin-right:10px;color:#550101}@media screen and (max-width:992px){.join .main{display:block;padding-left:40px;padding-right:40px;text-align:center}.join .main img{width:80%;margin:0 auto 40px}.join .main h2,.join .main h3{text-align:center}}.contact{padding-bottom:100px}.contact img{width:60%;margin:0 auto}@media screen and (max-width:992px){.contact{padding-bottom:50px}.contact img{width:100%}}.footer{color:#333;background:#360000;padding-bottom:40px}.footer .footer-wrapper{box-sizing:border-box;padding:40px 160px 0 100px;display:flex;justify-content:space-between;align-items:center}.footer .footer-wrapper .home{display:inline-block;width:140px;height:70px;background:url(../image/logo.6f5711ee.png) 50%/contain no-repeat}.footer ul a{color:#fefefc;text-decoration:none;transition:color .3s;font-size:14px}.footer ul a:active,.footer ul a:hover{font-weight:700;text-shadow:#333 1px 2px 2px}.footer .text{margin-left:20px;text-align:center;margin-top:20px;color:#fff}.footer .nav{display:flex}.footer .nav li+li{margin-left:60px}@media screen and (max-width:992px){.footer{padding:30px 0;text-align:center}.footer .footer-wrapper{display:block;padding:0 40px}.footer .footer-wrapper .home{margin-bottom:20px;line-height:40px}.footer .nav{display:none}.footer .nav li{line-height:40px}.footer .nav li+li{margin-left:0}}.footer .beian{text-align:center}.footer .beian a{text-decoration:none}.viewer-flip-horizontal,.viewer-flip-vertical,.viewer-one-to-one,.viewer-play,.viewer-reset,.viewer-zoom-in,.viewer-zoom-out{display:none}.viewer-toolbar>ul>li{width:40px!important;height:40px!important}.viewer-toolbar>ul>li:before{margin:10px!important}.customer{background:url(../image/customer-bg.5954f2a2.jpg)}:root{--animate-duration:0.6s!important}body{background:#fff}