/* CSS Document */
.wrap{width:100%}
.banner{width:100%;overflow:hidden}
.banner img{display:block;min-height:200px;object-fit:cover}

#about{padding:2rem;box-sizing:border-box}

h1,h2,h3,h4,h5,p,ul,ol{margin:1.2em 0}
.web-title-1{text-align:center;padding:2em 0}
.web-title-1 h1{font-size:2.4rem;margin:0;font-weight:300}

.web-content-1{margin:2em 0}
.web-content-1 h2{margin-top:0;font-size:1.5rem}
.web-content-1 .columns{line-height:1.7em}

.web-banner-1{display:block;overflow:hidden;margin:2rem 0}
.web-banner-1 img{display:block;width:100%;min-height:300px;object-fit:cover}

.web-banner-2{display:block;overflow:hidden;margin:2rem 0}
.web-banner-2 img{display:block;width:100%;min-height:200px;object-fit:cover}

.web-honor-1{margin:2rem 0;display:flex;flex-wrap:wrap}
.web-honor-1 .item{width:33.33%;display:flex;flex-direction:column;padding:2rem;text-align:center;box-sizing:border-box}
.web-honor-1 .item .photo{flex:1;display:flex;align-items:center;}
.web-honor-1 .item .photo img{display:block;max-width:100%;max-height:100%;margin:auto}
.web-honor-1 .name{padding:.5em 0}

#processes{min-height:500px;padding:2em;box-sizing:border-box;line-height:1.6em}
#processes h1,#processes h2,#processes h3,#processes h4,#processes h5,#processes p,#processes ul,#processes ol{margin:1.2em 0}
#processes h1{font-size:2.2rem}
#processes h2{font-size:1.7rem}
#processes h3{font-size:1.2rem}

#processes .products{box-sizing:border-box;max-width:80%;margin:3em auto 2em}
#processes .products-list{display:flex;flex-wrap:wrap}
#processes .products-list .item{width:20%;box-sizing:border-box;padding:1em;display:flex;flex-direction:column}
#processes .products-list .photo{flex:1;display:flex;align-items:center}
#processes .products-list .photo a{margin:auto;display:flex}
#processes .products-list .photo img{display:block;max-width:100%;max-height:100%;margin:auto}
#processes .products-list .name{text-align:center;padding-top:.5em}

.processes-wrap{width:80%;margin:0 auto}

#contact-quick-fixed{background:url(/res/svg/map.svg) no-repeat 50% -10rem;background-size:auto 35rem}
#contact-quick-fixed .contact-quick-main{background-color:transparent;box-shadow:none}
#our-offices{padding:2rem;box-sizing:border-box}
#our-offices .wrap{min-width:180px}
.contact-tit{padding:1rem}
.contact-tit h2{font-size:2rem;font-weight:400;text-align:center}
.contact-list{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(2, 1fr)}
.contact-item{display:grid;grid-template-columns:auto 240px;overflow:hidden;background:#fff;border-radius:.4rem;box-shadow: 0 5px 5px -5px rgba(127, 132, 166, 0.15), 0 0 65px rgba(127, 132, 166, 0.18);}
.contact-item .item-main{padding:2rem}
.contact-item .item-main h3{font-size:1.2rem;font-weight:600;margin-top:0}
.contact-item .item-main p{margin:.35rem 0}
.contact-item .item-cover{background:#eee;overflow:hidden}
.contact-item .item-cover img{display:block;width:100%;height:100%;object-fit:cover}


@media(min-width:960px) {
    .web-content-1 .columns{-moz-column-count:2;column-count:2;-moz-column-rule:1px solid #ebebeb;column-rule:1px solid #ebebeb;-moz-column-gap:4em;column-gap:4em}
}
@media(max-width:960px) {
    .processes-wrap{width:100%}
    #processes .products{width:100%}
    #processes .products-list .item{width:50%}
    .web-banner-1,.web-banner-2{margin:2rem -2rem!important}
    .web-honor-1 .item{width:50%}
    .contact-list{grid-template-columns:1fr}
    .contact-item{grid-template-columns:1.5fr 1fr}
}
@media(max-width:460px) {
    .contact-item{display:block}
    .contact-item .item-cover{display:none}
}
@media(max-width:380px) {
    #processes .products-list .item{width:100%}
    .web-honor-1 .item{width:100%}
}