@charset "UTF-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root{--theme-color:#06103c}
article,blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,legend,li,nav,ol,p,pre,section,select,td,textarea,th,ul{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC",miui,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-weight:400;line-height:1.3;color:var(--theme-color);background-color:#fff}
h1,h2,h3,h4,h5,h6{font-size:100%}
ol,ul{list-style-type:none}
a{color:var(--theme-color);text-decoration:none}
a:hover{color:#000;text-decoration:none}
a:focus,button:focus,input:focus,textarea:focus{outline:0}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
.d-none{display:none}
.d-block{display:block}
.d-flex{display:flex}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.row-reverse{flex-direction:row-reverse}
.column-reverse{flex-direction:column-reverse}
.d-flex-center{display:flex;align-items:center;justify-content:center}
.text-center{text-align:center}
.text-right{text-align:right}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.animated{-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}
.animated img{transition:transform .3s}
.animated:hover img{transform:scale(1.1)}
.mt20{margin-top:20px}
.figure{position:relative;overflow:hidden}
.figure a{display:block}
.figure img{display:block;max-width:100%;height:auto}
.figure .fillbox{position:absolute;top:0;left:0;width:100%;height:100%}
.cover{width:100%;height:100%;object-fit:cover}
.figure .cover{height:100%}
.mask{position:absolute;top:0;left:0;z-index:2;display:none;content:'';width:100%;height:100%;background-color:rgba(0,0,0,.1)}
a:hover .mask{display:block}
.btn{display:inline-block;padding:12px 44px}
.btn-primary{color:#fff;background-color:var(--theme-color);border:1px solid var(--theme-color);transition:border-color .4s ease 0s,background-color .4s ease 0s}
.btn-primary:hover{color:var(--theme-color);background-color:#fff}
body{padding-top:136px}
.header{position:fixed;top:0;left:0;right:0;z-index:10;background-color:#fff}
.header .custom-logo{max-height:130px}
.header .nav{display:flex;align-items: flex-start !important;align-self: flex-start;}
.header .nav li a{display:block;padding:8px 15px;color:#444c6d;transition:color .4s ease 0s}
.footer .description{max-width:280px;font-size:35px;line-height:1.15}
.footer .infomation{max-width:180px}
.footer .infomation .social{margin-top:30px;padding-top:30px;border-top:1px solid var(--theme-color)}
.footer .infomation .social li{margin-right:10px}
.footer .infomation .social li img{display:block;width:27px;height:auto}
.footer .copyright{padding-top:20px;padding-bottom:20px}
.section .half .figure{width:100%;height:0;padding-bottom:108.75%}
.section .text{padding:10px 40px;font-size:16px;box-sizing:border-box;width:100%}
.section .text h3{margin-bottom:20px;font-size:49px;font-weight:400}
.section .text h4{margin-bottom:15px;font-size:21px;font-weight:400;line-height:1.25em}
.section .text p{max-width:430px;line-height:1.5;text-align:justify}
.section .text .btn{margin-top:38px}
.section .text .gallery{padding-top:50px}
.section .text .gallery li{margin-bottom:50px}
.service{margin-bottom:80px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.service .card{background-color:#c1c3cc;width:calc(33.333% - 20px);flex-shrink:0;display:flex;flex-direction:column;margin-bottom:20px}
.service .card .text{padding:30px;flex:1;display:flex;flex-direction:column}
.service .card h4{padding-bottom:20px;margin-bottom:20px;font-size:40px;border-bottom:1px solid var(--theme-color);flex:1}
.service .card h4 a{display:block;word-break:break-word}
.service .card .btn{margin-top:auto;padding:9px 22px;align-self:flex-start}
.service .card .figure{width:100%;height:0;padding-bottom:66.96%;position:relative;overflow:hidden}
.service .card .figure a{position:absolute;top:0;left:0;width:100%;height:100%}
.service .card .cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.d-md-flex{display:flex;padding:10px}
.container{padding-left:40px;padding-right:40px}
.visible-md{display:block}
.section .half{width:50%;padding-top:0px;padding-left:40px}
.container.d-flex.service{padding:0 40px}
.footer .description{margin-right:260px}
}
@media (min-width:769px) and (max-width:991px){.container.d-flex.service{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:25px!important;padding:0 10px!important}
.card{width:100%!important;max-width:100%!important;min-width:0!important}
.card:nth-child(3){grid-column:1/-1!important;justify-self:center!important;max-width:calc(50% - 15px)!important}
.section.d-flex{flex-direction:column;width:100%}
.section .half{width:100%!important}
.section .text,.d-md-flex{padding:10px!important}
}
@media (max-width:768px){.container.d-flex.service{width:100%;max-width:100%;padding:0 10px!important;display:grid!important;grid-template-columns:1fr!important;gap:25px!important}
.section.d-flex{flex-direction:column;width:100%}
.section .half{width:100%!important}
.card{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-bottom:0!important}
.card:first-child,.card:nth-child(2),.card:nth-child(3){width:100%!important;margin:0!important}
.section .text{padding:10px!important}
.section .text img{width:100%!important;height:auto;max-width:100%;display:block}
.section .text .gallery li{width:100%}
.section .text .gallery li img{width:100%;height:auto;display:block}
.visible-md{display:none!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
.d-md-flex{padding:10px!important}
}
#about .half.text{display:flex;flex-direction:column}
#about .half.text h3{margin-bottom:80px}
#about .half.text .mt-auto{margin-top:auto}
#about .half.text .slogan{margin-bottom:70px}
#contact{margin-bottom:70px}