@charset "utf-8";
:root{--color:#29616e}
body{font-family:Arial,Helvetica,sans-serif}
@media (min-width:769px){.contact-list .contact-item{height:280px}}
#tagTabs .tagItem:nth-child(2){display:none}
#appli{margin-top:50px;background-color:#F6F6F6;background-image:url("/images/m420/images/appli_bg.png");background-repeat:no-repeat;background-position:center bottom;background-size:100%}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:flex}
#sol-swiper .swiper-slide>div{flex:1}
#sol-swiper .sol-img img{width:100%;height:auto}
#sol-swiper .sol-r-wrap{padding:30px 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper .sol-r{background:#FFF}
#sol-swiper .sol-title{font-size:1.8em;margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor);line-height:1.3}
#sol-swiper .sol-con{color:#555;line-height:1.7em;margin-bottom:30px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{background:url("/images/m420/images/sol_bg.png") repeat-x left top}
.sol-top h3{font-size:2.2em;text-align:center;padding:70px 0px 50px;text-transform:uppercase;color:#FFF}
.more-btn{padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#FFF;color:var(--color)}
@media screen and (max-width:768px){#sol-swiper .swiper-slide{display:block}
#sol-swiper .sol-title{font-size:18px}
#sol-swiper .sol-r-wrap{padding:5.3333333333vw 4vw}
#sol-swiper .sol-con{font-size:16px;margin-bottom:4vw}
.sol-top h3{font-size:19px;padding:9.3333333333vw 0 6vw}
.sol-top{background-size:auto 30%;background-position:top 0 center}
.more-btn{font-size:14px;padding:10px 30px}}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.row-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.row-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.row-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.row-as{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.row-ae{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.row-je{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.col-24{width:100%}
.col-23{width:95.8333333333%}
.col-22{width:91.6666666667%}
.col-21{width:87.5%}
.col-20{width:83.3333333333%}
.col-19{width:79.1666666667%}
.col-18{width:75%}
.col-17{width:70.8333333333%}
.col-16{width:66.6666666667%}
.col-15{width:62.5%}
.col-14{width:58.3333333333%}
.col-13{width:54.1666666667%}
.col-12{width:50%}
.col-11{width:45.8333333333%}
.col-10{width:41.6666666667%}
.col-9{width:37.5%}
.col-8{width:33.3333333333%}
.col-7{width:29.1666666667%}
.col-6{width:25%}
.col-5{width:20.8333333333%}
.col-4{width:16.6666666667%}
.col-3{width:12.5%}
.col-2{width:8.3333333333%}
.col-1{width:4.1666666667%}
.text-center{text-align:center}
.text-center{text-align:center}
.py-8{padding-top:80px;padding-bottom:80px}
.pr-8{padding-right:80px}
.py-6{padding-top:60px;padding-bottom:60px}
.pl-7{padding-left:70px}
.mt-6{margin-top:60px}
.mt-5{margin-top:50px}
.mt-1{margin-top:10px}
.mb-2{margin-bottom:20px}
.my-2{margin-top:20px;margin-bottom:20px}
.row-cols-4>.col{width:25%}
.row-cols-5>.col{width:20%}
.row-cols-6>.col{width:16.66667%}
.g-3{margin-left:-15px;margin-right:-15px}
.g-3>.col{padding:15px}
.g-4{margin-left:-20px;margin-right:-20px}
.g-4>.col{padding:20px}
@media (max-width:1280px){.col-lg-24{width:100%}}
@media (max-width:1024px){.py-md-3{padding-top:30px;padding-bottom:30px}
.col-md-24{width:100%}
.row-cols-md-2>.col{width:50%}
.pl-md-0{padding-left:0}
.mt-md-0{margin-top:0}
.mt-md-3{margin-top:30px}}
@media (max-width:768px){.col-sm-24{width:100%}
.pr-sm-0{padding-right:0}
.g-sm-2{margin-left:-10px;margin-right:-10px}
.g-sm-2>.col{padding:10px}
.row-cols-sm-2>.col{width:50%}
.row-cols-sm-1>.col{width:100%}}
@media (max-width:480px){.row-cols-ms-1>.col{width:100%}}
.about-us{padding-top:0}
.about-us .l-wrap{max-width:100%;width:100%;padding:0}
.about-us .ab-container{max-width:1700px;padding:0 50px;margin:0 auto}
@media (max-width:1279px){.about-us .ab-container{padding:0 15px}}
.about-us .ab-title{font-size:32px;font-weight:700;text-transform:uppercase}
@media (max-width:1024px){.about-us .ab-title{font-size:24px}}
.about-us .ab-line{width:100px;height:5px;background:#29616e;margin:10px 0}
.about-us .col img{width:100%}
.about-us .abcon1{color:#fff}
.about-us .abcon1 p{color:#fff;margin:20px 0}
.about-us .abcon1 .ab-title{font-size:35px}
.about-us .abcon1 .ab1-left{background:#29616e;padding:5% 8%;text-align:center;position:relative}
.about-us .abcon1 .ab1-left:after{content:"";right:-10%;position:absolute;width:10%;height:100%;background:#29616e;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);top:0}
.about-us .abcon1 .ab1-right{background:#000;padding:5% 8%;text-align:center}
.about-us .abcon1 .ab1-right .ab1-subtitle{color:#29616e;font-size:32px;font-weight:700;line-height:1}
.about-us .abcon1 .ab1-right .rm{background:#fff;color:#000}
.about-us .abcon1 .rm{padding:8px 18px;background-color:#000;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.about-us .abcon1 .rm img{margin-right:15px}
@media (max-width:1024px){.about-us .abcon1 .ab-title{font-size:24px}
.about-us .abcon1 .ab1-right .ab1-subtitle{font-size:20px}}
@media (max-width:768px){.about-us .abcon1 .ab1-left:after{display:none}}
.about-us .abcon2 .ab2-left .ab2-desc{font-size:24px;font-style:italic;margin-bottom:20px}
@media (max-width:1024px){.about-us .abcon2 .ab2-left .ab2-desc{font-size:18px}}
.about-us .abcon2 .ab2-left ul li{font-size:18px;width:50%;margin-bottom:20px;position:relative;padding-left:20px}
.about-us .abcon2 .ab2-left ul li:before{content:"";position:absolute;width:10px;height:10px;background:#29616e;border-radius:50%;left:0;top:12px}
@media (max-width:768px){.about-us .abcon2 .ab2-left ul li{width:100%;margin-bottom:10px;font-size:16px}}
.about-us .abcon2 .ab2-right .vertical{width:88px;word-break:break-all;font-size:24px;font-weight:700;padding:30px;background:#29616e;border-radius:20px 0 0 20px;color:#fff;text-align:center;line-height:1.8}
.about-us .abcon2 .ab2-right .img{width:calc(100% - 88px)}
.about-us .abcon2 .ab2-right .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}
@media (max-width:768px){.about-us .abcon2 .ab2-right .vertical{display:none}
.about-us.abcon2 .ab2-right .img{width:100%}}
.about-us .abcon3{position:relative}
.about-us .abcon3:before{content:"";position:absolute;width:100%;height:66%;background:#000;top:0;left:0}
.about-us .abcon3 .ab3-list{isolation:isolate;padding-top:120px}
.about-us .abcon3 .ab3-list .box{-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);height:100%;background:#fff}
.about-us .abcon3 .ab3-list .box .con{padding:30px}
.about-us .abcon3 .ab3-list .box .con h3{font-size:18px;font-weight:700;text-transform:uppercase}
.about-us .abcon3 .ab3-list .box .con p{margin:15px 0 10px;color:#767676}
.about-us .abcon3 .ab3-list .box .con .rm{text-decoration:underline}
@media (max-width:1024px){.about-us .abcon3 .ab3-list{padding-top:50px}
.about-us .abcon3 .ab3-list .box .con{padding:15px}}
.about-us .abcon4 .ab4-left{position:relative}
.about-us .abcon4 .ab4-left .img{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;z-index:3}
.about-us .abcon4 .ab4-left .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.about-us .abcon4 .ab4-right .ab4-desc{font-style:italic;font-size:24px}
.about-us .abcon4 .ab4-right ul{margin-top:15px}
.about-us .abcon4 .ab4-right ul li{font-size:18px;position:relative;padding-left:30px;margin-bottom:30px}
.about-us .abcon4 .ab4-right ul li::before{content:"";position:absolute;border-style:solid;border-color:transparent transparent transparent #29616e;border-width:6px 12px;left:0;top:10px}
@media (max-width:1024px){.about-us .abcon4 .ab4-right .ab4-desc{font-size:18px}
.about-us .abcon4 .ab4-right ul li{margin-bottom:15px}}
.about-us .abcon5{margin-top:15px}
.about-us .abcon5 .ab-title{background:#29616e;color:#fff;padding:10px 20px}
.about-us .abcon6 .row .box{border:1px solid #e2e2e2;height:100%}
.about-us .abcon6 .row .box img{width:100%}
.about-us .abcon6 .row .box .con{padding:15px 12px;border-top:1px solid #e2e2e2}
.about-us .abcon6 .row .box .con .tit{font-size:18px}
.about-us .abcon6 .row .box .con .rm{text-decoration:underline}
.about-us .abcon7 .process-line{border:1px solid #29616e}
.about-us .abcon7 .process-line .col{text-align:center;position:relative}
.about-us .abcon7 .process-line .col::before{content:"";position:absolute;width:16px;height:16px;background:#29616e;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.about-us .abcon7 .process-line .pl1 .col{padding-top:30px}
.about-us .abcon7 .process-line .pl1 .col::before{top:-9px}
.about-us .abcon7 .process-line .pl2 .col{padding-bottom:30px}
.about-us .abcon7 .process-line .pl2 .col::before{bottom:-9px}
@media (max-width:768px){.about-us .abcon7 .process-line .col{text-align:left;padding:15px!important}
.about-us .abcon7 .process-line .col::before{display:none}}
.home-contact{display:none}
@media (min-width:1025px){.head-info{height:80px}
.nobanner header .head-info,header.is-active .head-info{background:#00000080}
.nobanner{padding-top:120px}}