/* container */
html, body {overflow-x:hidden;}
.container {width:100%; max-width:1230px; padding:0 15px; margin:0 auto;}

/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; background:rgba(0,0,0,0.3); transition:all ease 0.5s;}
header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-logo h1 a {display:flex; flex-wrap:wrap; align-items:center; height:100px; font-size:40px; font-weight:600; color:#fff;}
header .header-logo h1 img {width:200px;}
header .header-cate .cate-head {display:none;}
header .header-cate .cate-body ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-cate .cate-body ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px; font-size:18px; font-weight:600; color:#fff; padding:0 30px;}
header .header-cate .cate-body ul li:last-of-type a {padding-right:0;}
header .header-menu {display:none;}
header.scroll {background:rgba(0,0,0,0.7);}
@media (max-width:991px){
header .container {padding:15px;}
header .header-logo h1 a {height:auto; font-size:25px;}
header .header-logo h1 img {width:150px;}
header .header-cate {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; transition:all ease 0.5s;}
header .header-cate .inner {padding:15px; position:absolute; left:0; top:0; width:100%; height:100%; overflow-y:auto;}
header .header-cate .cate-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-cate .cate-head a {width:30px; height:30px; font-size:0; position:relative;}
header .header-cate .cate-head a:after {position:absolute; left:0; top:13px; width:100%; height:2px; background:#fff; content:""; transform:rotate(45deg);}
header .header-cate .cate-head a:before {position:absolute; left:0; top:13px; width:100%; height:2px; background:#fff; content:""; transform:rotate(-45deg);}
header .header-cate .cate-body {height:calc(100% - 30px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-cate .cate-body ul {width:100%;}
header .header-cate .cate-body ul li {width:100%;}
header .header-cate .cate-body ul li a {height:80px; font-size:22px; font-weight:600; padding:0;}
header .header-menu {display:block;}
header .header-menu a {display:block; font-size:0; width:25px; height:20px; position:relative; border:2px solid #fff; border-width:2px 0;}
header .header-menu a:after {position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:100%; height:2px; background:#fff;}
header.fixed .header-cate {pointer-events:inherit; opacity:1;}
}

/* footer */
footer {background:#3F3F3F;}
footer .footer-top {border-bottom:1px solid rgba(255,255,255,0.2);}
footer .footer-top ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-top ul li a {height:83px; padding:0 21px; font-size:16px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-bottom {padding:32px 0 56px;}
footer .footer-bottom .footer-bottom-info ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 -12px -12px;}
footer .footer-bottom .footer-bottom-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 12px 12px;}
footer .footer-bottom .footer-bottom-info ul li b {font-size:16px; font-weight:600; color:#fff; margin-right:8px;}
footer .footer-bottom .footer-bottom-info ul li p {font-size:16px; color:#fff;}
footer .footer-bottom .footer-bottom-info ul li:last-of-type {width:100%; justify-content:center;}
footer .footer-bottom .footer-bottom-copy {margin:95px 0 0;}
footer .footer-bottom .footer-bottom-copy p {text-align:center; font-size:16px; font-weight:500; color:#fff;}
footer .footer-fixed {position:fixed; z-index:20; right:0; top:50%; transform:translateY(-50%);}
footer .footer-fixed a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; border-bottom:2px solid #fff; width:100px; height:100px; background:#FFCF24; font-size:16px; font-weight:600; color:#3a3a3a; line-height:1.4; text-align:center;}
footer .footer-fixed a:last-of-type {background:#fff; color:#626262;}
footer .footer-fixed a:last-of-type:before {display:block; content:""; width:100%; height:24px; margin:0 0 5px; background:url('../images/icon_top.png') no-repeat center / 24px;}
@media (max-width:991px){
footer .footer-top ul li a {height:60px; padding:0 10px; font-size:14px;}
footer .footer-bottom {padding:35px 0;}
footer .footer-bottom .footer-bottom-info {margin:0;}
footer .footer-bottom .footer-bottom-info ul li {width:100%; justify-content:center; margin:0 0 10px;}
footer .footer-bottom .footer-bottom-info ul li:last-of-type {margin:0;}
footer .footer-bottom .footer-bottom-info ul li b {font-size:14px;}
footer .footer-bottom .footer-bottom-info ul li p {font-size:14px;}
footer .footer-bottom .footer-bottom-copy {margin:35px 0 0;}
footer .footer-bottom .footer-bottom-copy p {font-size:14px;}
footer .footer-fixed {top:auto; bottom:0; transform:none;}
footer .footer-fixed a {width:50px; height:50px; font-size:11px;}
footer .footer-fixed a:last-of-type:before {height:15px; background-size:15px;}
}

/* main-box */
.main-box .main-swiper .swiper-slide {background-size:cover; background-position:center;}
.main-box .main-swiper .swiper-slide:after {display:block; content:""; padding-bottom:36%;}
.main-box .main-swiper .swiper-slide .container {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10;}
.main-box .main-swiper .swiper-slide p {letter-spacing:1.2px; text-align:center; font-size:32px; font-weight:600; line-height:1.4; color:#fff;}
.main-box .main-swiper .swiper-slide strong {display:block; text-align:center; font-size:38px; font-weight:700; color:#fff;}
.main-box .main-swiper .swiper-slide a {font-size:20px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; height:50px; width:150px; margin:30px auto 0;}
.main-box .main-swiper .swiper-slide a:after {display:inline-block; content:""; margin-left:8px; width:24px; height:24px; background:url('../images/icon_more.png') no-repeat center / cover; margin-right:-10px;}
.main-box .main-swiper .swiper-pagination {bottom:80px;}
.main-box .main-swiper .swiper-pagination span {transition:all ease 0.5s; opacity:1; width:10px; height:10px; background:rgba(255,255,255,0.6);}
.main-box .main-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:#fff; width:60px; border-radius:80px;}
.main-box .main-board {padding:60px 0;}
.main-box .main-board .board-head ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-board .board-head ul li a {padding:0 23px; height:40px; font-size:24px; font-weight:500; color:#8A8A8A; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
.main-box .main-board .board-head ul li.active a {color:#4f4f4f; font-weight:600;}
.main-box .main-board .board-head ul li.active a:after {position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); width:30px; height:5px; background:#FFC700; content:"";}
.main-box .main-board .board-body {margin:40px 0 0;}
.main-box .main-board .board-body .swiper-slide a {display:block; background-size:cover; background-position:center;}
.main-box .main-board .board-body .swiper-slide a:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.6);}
.main-box .main-board .board-body .swiper-slide a:after {display:block; content:""; padding-bottom:143%;}
.main-box .main-board .board-body .swiper-slide a div {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; padding:0 20px;}
.main-box .main-board .board-body .swiper-slide a div p {font-size:24px; font-weight:600; line-height:1.4; color:#fff; text-align:center; width:100%; word-break:keep-all; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-board .board-body .swiper-slide a div:after {display:block; content:""; width:84px; height:12px; border-bottom:1px solid #fff; margin:25px auto 0; background:url('../images/icon_main_board_more.png') no-repeat center / cover;}
.main-box .main-board .board-body .swiper-pagination {margin:30px 0 0; position:static; transition:all ease 0.5s;}
.main-box .main-board .board-body .swiper-pagination span {transition:all ease 0.5s; width:10px; height:10px; background:rgba(138,138,138,0.6); opacity:1; margin:0 4px;}
.main-box .main-board .board-body .swiper-pagination span.swiper-pagination-bullet-active {background:#8A8A8A; width:60px; border-radius:80px;}
.main-box .main-category {background:url('../images/bg_main_category.png') no-repeat center / cover; padding:100px 0;}
.main-box .main-category .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-box .main-category .cate-left small {font-size:24px; font-weight:600; color:#fff;}
.main-box .main-category .cate-left h2 {margin:5px 0 0; font-size:42px; font-weight:600; color:#fff; line-height:1.4; margin-right:100px;}
.main-box .main-category .cate-right {flex:1; min-width:0;}
.main-box .main-category .cate-right ul {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-category .cate-right ul li {flex:1; min-width:0; margin-right:5px;}
.main-box .main-category .cate-right ul li:last-of-type {margin-right:0;}
.main-box .main-category .cate-right ul li a {display:block; border:1px solid #fff; position:relative;}
.main-box .main-category .cate-right ul li a:before {display:block; content:""; padding-bottom:100%;}
.main-box .main-category .cate-right ul li a div {transition:all ease 0.5s; position:relative; padding:0 30px; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.main-box .main-category .cate-right ul li a div p {width:100%; font-size:24px; font-weight:600; color:#fff;}
.main-box .main-category .cate-right ul li a div strong {width:100%; font-size:32px; font-weight:600; color:#fff; margin:12px 0 0;}
.main-box .main-category .cate-right ul li a div:after {position:absolute; right:10px; top:10px; content:""; width:24px; height:24px; background:url('../images/icon_main_category_more.png') no-repeat center / cover;}
.main-box .main-category .cate-right ul li a img {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.main-box .main-category .cate-right ul li a:hover div {background:rgba(0,0,0,0.5);}
.main-box .main-category .cate-right ul li a:hover img {opacity:1;}
.main-box .main-map {position:relative; overflow:hidden;}
.main-box .main-map:after {display:block; content:""; height:420px;}
.main-box .main-map .main-map-iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-map .main-map-iframe iframe {width:100%; height:100%; object-fit:cover;}
.main-box .main-map .container {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; z-index:100;}
.main-box .main-map .main-map-inner {background:rgba(255,255,255,0.9); padding:30px 40px; width:100%; max-width:600px;}
.main-box .main-map .main-map-inner em {font-size:24px; font-weight:500; color:#626262;}
.main-box .main-map .main-map-inner h2 {font-size:32px; font-weight:600; color:#626262; margin:5px 0 0;}
.main-box .main-map .main-map-inner dl {margin:30px 0 0;}
.main-box .main-map .main-map-inner dl dd {margin:0 0 20px; display:flex; flex-wrap:wrap;}
.main-box .main-map .main-map-inner dl dd:last-of-type {margin:0;}
.main-box .main-map .main-map-inner dl dd b {font-size:20px; font-weight:600; line-height:1.3; color:#626262; width:70px;}
.main-box .main-map .main-map-inner dl dd p {flex:1; min-width:0; font-size:20px; font-weight:500; line-height:1.3; color:#626262;}
@media (max-width:1100px){
.main-box .main-category .cate-left h2 {margin-right:40px;}
}
@media (max-width:991px){																			 
.main-box .main-swiper .swiper-slide:after {padding-bottom:70%;}
.main-box .main-swiper .swiper-slide p {font-size:18px; word-break:keep-all;}
.main-box .main-swiper .swiper-slide p br {display:none;}
.main-box .main-swiper .swiper-slide p:after {width:30px; height:2px; margin:24px auto;}
.main-box .main-swiper .swiper-slide strong {font-size:25px;}			
.main-box .main-swiper .swiper-slide a {width:100px; height:40px; font-size:15px;}
.main-box .main-swiper .swiper-slide a:after {width:16px; height:16px; margin-right:-10px;}
.main-box .main-swiper .swiper-pagination span {width:7px; height:7px;}
.main-box .main-swiper .swiper-pagination span.swiper-pagination-bullet-active {width:40px;}
.main-box .main-board {padding:30px 0;}
.main-box .main-board .board-head ul li {width:25%;%}
.main-box .main-board .board-head ul li a {padding:0; font-size:18px;}
.main-box .main-board .board-head ul li.active a:after {height:3px; bottom:-3px;}
.main-box .main-board .board-body {margin:24px -15px 0;}
.main-box .main-board .board-body .swiper-slide {width:200px;}
.main-box .main-board .board-body .swiper-slide:aftger {padding-bottom:125%;}
.main-box .main-board .board-body .swiper-slide:first-of-type {margin-left:15px;}
.main-box .main-board .board-body .swiper-slide:last-of-type {margin-right:15px;}
.main-box .main-board .board-body .swiper-slide a div p {font-size:18px;}
.main-box .main-board .board-body .swiper-slide a div:after {width:70px; background-size:70px auto;}
.main-box .main-board .board-body .swiper-pagination span {width:7px; height:7px;}
.main-box .main-board .board-body .swiper-pagination span.swiper-pagination-bullet-active {width:40px;}
.main-box .main-category {padding:50px 0;}
.main-box .main-category .cate-left {width:100%;}
.main-box .main-category .cate-left small {display:block; width:100%; text-align:center; font-size:16px;}
.main-box .main-category .cate-left h2 {width:100%; font-size:30px; margin-right:0; margin-top:5px; text-align:center;}
.main-box .main-category .cate-left h2 br {display:none;}
.main-box .main-category .cate-right {flex:none; width:100%; margin:25px 0 0;}
.main-box .main-category .cate-right ul {margin:0 -5px -10px;}
.main-box .main-category .cate-right ul li {flex:none; width:calc(50% - 10px); margin:0 5px 10px;}
.main-box .main-category .cate-right ul li a div {padding:0 15px; background:rgba(0,0,0,0.5);}
.main-box .main-category .cate-right ul li a div p {font-size:18px;}
.main-box .main-category .cate-right ul li a div strong {font-size:20px;}
.main-box .main-category .cate-right ul li a img {opacity:1;}
.main-box .main-map:after {display:none;}
.main-box .main-map .main-map-iframe {position:relative;}
.main-box .main-map .main-map-iframe:after {display:block; content:""; padding-bottom:80%;}
.main-box .main-map .main-map-iframe iframe {position:absolute; left:0; top:0;}
.main-box .main-map .main-map-inner {background:#fafafa; padding:30px 15px;}
.main-box .main-map .main-map-inner em {font-size:18px;}
.main-box .main-map .main-map-inner h2 {font-size:23px;}
.main-box .main-map .main-map-inner dl {margin:15px 0 0;}
.main-box .main-map .main-map-inner dl dd {margin:0 0 10px;}
.main-box .main-map .main-map-inner dl dd b {font-size:14px; width:60px;}
.main-box .main-map .main-map-inner dl dd p {font-size:14px;}
.main-box .main-map .container {position:static; transform:none;}
}
@media (max-width:500px){
.main-box .main-swiper .swiper-slide:after {padding-bottom:100%;}
.main-box .main-swiper .swiper-pagination {bottom:15px;}
}

/* sub-box */
.sub-box {padding:60px 0 135px;}
@media (max-width:991px){
.sub-box {padding:30px 0 100px;}
}

/* top-box */
.top-box {position:relative;}
.top-box .top-banner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:420px; background-size:cover; background-position:center;}
.top-box .top-banner h2 {letter-spacing:1.2px; font-size:42px; font-weight:600; color:#fff;}
.top-box .top-category {position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5);}
.top-box .top-category ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.top-box .top-category ul li {margin-right:30px;}
.top-box .top-category ul li:last-of-type {margin:0;}
.top-box .top-category ul li a {padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:60px; font-size:20px; font-weight:500; color:#fff;}
.top-box .top-category ul li.active {position:relative;}
.top-box .top-category ul li.active:after {position:absolute; left:0; bottom:0; width:100%; height:4px; background:#FFC700; content:"";}
@media (max-width:1400px){
.top-box .top-category ul li a {padding:0 15px; font-size:17px;}
}
@media (max-width:1100px){
.top-box .top-category ul li a {padding:0 10px; font-size:17px;}
}
@media (max-width:991px){
.top-box .top-banner {height:200px;}
.top-box .top-banner h2 {font-size:28px; padding:35px 0 0;}
.top-box .top-category {position:static; background:none; padding:15px;}
.top-box .top-category ul {border:1px solid #ddd; border-width:1px 0 0 1px; justify-content:flex-start;}
.top-box .top-category ul li {flex:1; min-width:0; margin-right:0; border:1px solid #ddd; border-width:0 1px 1px 0;}
.top-box .top-category ul li a {font-size:14px; padding:0 5px; color:#333; height:40px;}
.top-box .top-category ul li.active a {background:#FFC700;}
.top-box .top-category.work ul li {flex:none; width:50%;}
}

/* intro-box */
.intro-box .intro-top {padding:100px 0;}
.intro-box .intro-top .intro-top-image {height:300px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:url('../images/bg_intro_top.png') no-repeat center / cover;}
.intro-box .intro-top .intro-top-image h2 {font-size:38px; font-weight:700; color:#fff;}
.intro-box .intro-top .intro-top-text {margin:80px 0 0;}
.intro-box .intro-top .intro-top-text ul li {margin:0 0 50px;}
.intro-box .intro-top .intro-top-text ul li:last-of-type {margin:0;}
.intro-box .intro-top .intro-top-text ul li strong {display:block; font-size:20px; line-height:1.3; font-weight:600; color:#626262; word-break:keep-all; margin:0 0 20px;}
.intro-box .intro-top .intro-top-text ul li strong b {font-size:20px; line-height:1.3; font-weight:600; color:#BD9F90;}
.intro-box .intro-top .intro-top-text ul li p {font-size:20px; font-weight:500; line-height:1.4; color:#8A8A8A; word-break:keep-all;}
.intro-box .intro-bottom {background:url('../images/bg_intro_bottom.png') no-repeat center / cover; padding:100px 0;}
.intro-box .intro-bottom h2 {text-align:center; font-size:38px; font-weight:600; color:#fff; margin:0 0 100px;}
.intro-box .intro-bottom ul {display:flex; flex-wrap:wrap;}
.intro-box .intro-bottom ul li {flex:1; min-width:0; margin-right:30px;}
.intro-box .intro-bottom ul li:last-of-type {margin:0;}
.intro-box .intro-bottom ul li strong {display:block; text-align:center; font-size:32px; font-weight:600; color:#fff;}
.intro-box .intro-bottom ul li small {display:block; text-align:center; font-size:20px; font-weight:600; color:#fff; margin:5px 0 0;}
.intro-box .intro-bottom ul li p {margin:34px 0 0; text-align:center; font-size:20px; font-weight:500; line-height:1.3; color:#fff; word-break:keep-all;}
@media (max-width:991px){
.intro-box .intro-top {padding:30px 0;}
.intro-box .intro-top .intro-top-image {height:200px; background-position:right center;}
.intro-box .intro-top .intro-top-image h2 {font-size:25px;}
.intro-box .intro-top .intro-top-text {margin:20px 0 0;}
.intro-box .intro-top .intro-top-text ul li {margin:0 0 30px;}
.intro-box .intro-top .intro-top-text ul li strong {font-size:16px;}
.intro-box .intro-top .intro-top-text ul li strong b {font-size:16px;}
.intro-box .intro-top .intro-top-text ul li p {font-size:14px;}
.intro-box .intro-bottom {padding:50px 0;}
.intro-box .intro-bottom h2 {font-size:25px; margin:0 0 50px;}
.intro-box .intro-bottom ul li {width:100%; flex:none; margin-right:0; margin-bottom:50px;}
.intro-box .intro-bottom ul li:last-of-type {margin:0;}
.intro-box .intro-bottom ul li strong {font-size:20px;}
.intro-box .intro-bottom ul li small {font-size:18px; margin:10px 0 0;}
.intro-box .intro-bottom ul li p {margin:10px 0 0; font-size:16px;}
}

/* title-box */
.title-box {margin:0 0 45px;}
.title-box h2 {font-size:34px; font-weight:700; color:#333; text-align:center;}
@media (max-width:991px){
.title-box {margin:0 0 30px;}
.title-box h2 {font-size:25px;}
}

/* tab-box */
.tab-box {margin:0 0 30px;}
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #D9D9D9;}
.tab-box ul li {flex:1; min-width:0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:20px; font-weight:500; color:#8a8a8a; padding:0 0 24px;}
.tab-box ul li.active {position:relative;}
.tab-box ul li.active a {font-weight:600; color:#333;}
.tab-box ul li.active:after {position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#333; content:"";}
@media (max-width:991px){
.tab-box {margin:0 0 20px;}
.tab-box ul li a {padding:0 0 15px; font-size:15px;}
}

/* board-gallery-box */
.board-gallery-box ul {display:flex; flex-wrap:wrap; margin:0 -7.5px -15px;}
.board-gallery-box ul li {width:calc(25% - 15px); margin:0 7.5px 15px;}
.board-gallery-box ul li a {padding:10px; height:120px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #ddd;}
.board-gallery-box ul li a img {width:auto; max-width:100%; object-fit:cover;}
@media (max-width:991px){
.board-gallery-box ul {margin:0 -5px -10px;}
.board-gallery-box ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.board-gallery-box ul li a {height:80px;}
}

/* location-box */
.location-box ul li {margin:0 0 42px;}
.location-box ul li:last-of-type {margin:0;}
.location-box ul li .list-head {position:relative;}
.location-box ul li .list-head:after {display:block; content:""; padding-bottom:30%;}
.location-box ul li .list-head iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.location-box ul li .list-body {display:flex; flex-wrap:wrap; align-items:center; background:#383644; padding:24px;}
.location-box ul li .list-body strong {height:40px; font-size:18px; font-weight:600; padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff;}
.location-box ul li .list-body dl {margin-left:24px; display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li .list-body dl dd {margin-right:20px; font-size:16px; font-weight:500; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li .list-body dl dd:before {display:inline-block; content:""; width:18px; height:18px; margin-right:8px; background-size:cover; background-position:center;}
.location-box ul li .list-body dl dd:first-of-type:before {background-image:url('../images/icon_location_01.png');}
.location-box ul li .list-body dl dd:last-of-type {margin:0;}
.location-box ul li .list-body dl dd:last-of-type:before {background-image:url('../images/icon_location_02.png');}
@media (max-width:991px){
.location-box ul li .list-head:after {padding-bottom:80%;}
.location-box ul li .list-body {padding:15px;}
.location-box ul li .list-body strong {height:35px; font-size:16px;}
.location-box ul li .list-body dl {margin-left:0; margin-top:10px; width:100%;}
.location-box ul li .list-body dl dd {margin-right:0; margin-bottom:8px; width:100%; font-size:14px;}
.location-box ul li .list-body dl dd:last-of-type {margin-bottom:0;}
.location-box ul li .list-body dl dd:before {width:14px; height:14px; margin-right:5px;}
}

/* work-box */
.work-box {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.work-box .list-image {width:100%;}
.work-box .list-image img {width:100%;}
.work-box .list-content {width:100%; margin:50px 0 0;}
.work-box .list-content h2 {font-size:28px; font-weight:600; color:#626262; margin:0 0 15px;}
.work-box .list-content p {font-size:18px; line-height:1.4; font-weight:300; word-break:keep-all; color:#626262; margin:0 0 20px;}
.work-box .list-content p:last-of-type {margin:0;}
@media (max-width:991px){
.work-box .list-image {width:100%;}
.work-box .list-content {position:static; width:100%; margin:25px 0 0; transform:none; padding:0;}
.work-box .list-content h2 {font-size:25px;}
.work-box .list-content p {font-size:14px;}
}

/* work-common-box */
.work-common-box {margin:80px 0 0;}
.work-common-box h2 {font-size:28px; font-weight:600; color:#626262; margin:0 0 24px;}
.work-common-box .work-type ul {display:flex; flex-wrap:wrap; margin:0 -20px -20px;}
.work-common-box .work-type ul li {width:calc(33.33% - 40px); margin:0 20px 20px;}
.work-common-box .work-type ul li {display:block;}
.work-common-box .work-type ul li .list-image {background-size:cover; background-position:center; position:relative;}
.work-common-box .work-type ul li .list-image:after {display:block; content:""; padding-bottom:50%;}
.work-common-box .work-type ul li .list-image p {display:none; background:#000; padding:10px; font-size:20px; font-weight:600; color:#fff; position:absolute; right:0; bottom:0; display:none; flex-wrap:wrap; align-items:center; justify-content:center;}
.work-common-box .work-type ul li .list-content {padding:20px 0 0;}		  
.work-common-box .work-type ul li .list-content h3 {font-size:20px; font-weight:600; color:#626262; margin:0 0 10px; line-height:1.4; word-break:keep-all;}
.work-common-box .work-type ul li .list-content dl dd {position:relative; margin:0 0 3px; padding-left:15px; font-size:16px; font-weight:300; line-height:1.3; color:#999; word-break:keep-all;}
.work-common-box .work-type ul li .list-content dl dd:last-of-type {margin:0;}
.work-common-box .work-type ul li .list-content dl dd:before {position:absolute; left:5px; top:7px; width:4px; height:4px; background:#999; border-radius:50%; content:"";}
.work-common-box .work-example {margin:80px 0 0;}
.work-common-box .work-example ul {display:flex; flex-wrap:wrap;}
.work-common-box .work-example ul li {flex:1; min-width:0; margin-right:48px;}
.work-common-box .work-example ul li:last-of-type {margin:0;}	   
.work-common-box .work-example ul li dl dd {position:relative; margin:0 0 3px; padding-left:15px; font-size:16px; font-weight:300; line-height:1.3; color:#999; word-break:keep-all;}
.work-common-box .work-example ul li dl dd:last-of-type {margin:0;}
.work-common-box .work-example ul li dl dd:before {position:absolute; left:5px; top:7px; width:4px; height:4px; background:#999; border-radius:50%; content:"";}
.work-common-box .work-person {margin:80px 0 0;}
.work-common-box .work-person ul {display:flex; flex-wrap:wrap; margin:0 -14px -28px;}
.work-common-box .work-person ul li {width:calc(25% - 28px); margin:0 14px 28px;}
.work-common-box .work-person ul li a {display:block; position:relative;}
.work-common-box .work-person ul li a .list-image {position:relative; background-size:cover; background-position:center;}
.work-common-box .work-person ul li a .list-image input {position:absolute; left:5px; top:5px; width:20px; height:20px; appearance:auto; z-index:3; opacity:1;}
.work-common-box .work-person ul li a .list-image:after {display:block; content:""; padding-bottom:130%;}
.work-common-box .work-person ul li a .list-content {position:absolute; left:0; bottom:35px; width:100%;}
.work-common-box .work-person ul li a .list-content p {text-align:center; font-size:24px; font-weight:600; color:#fff;}
.work-common-box .work-person ul li a .list-content b {display:block; text-align:center; font-size:20px; color:#fff; margin:8px 0 0;}
.work-common-box .work-person ul li a .list-content b:after {display:block; margin:20px auto 0; width:32px; height:6px; content:""; background:url('../images/icon_main_board_more2.png') no-repeat center / cover; border-bottom:1px solid #fff;}
.work-common-box .work-news {margin:80px 0 0;}
.work-common-box .work-news ul {display:flex; flex-wrap:wrap; margin:0 -14px -28px;}
.work-common-box .work-news ul li {width:calc(25% - 28px); margin:0 14px 28px; border:1px solid #D6D6D6;}
.work-common-box .work-news ul li a {display:block; padding:24px; position:relative;}
.work-common-box .work-news ul li a em {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:16px; font-weight:600; color:#626262;}
.work-common-box .work-news ul li a em:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_news_more.png') no-repeat center / cover;}
.work-common-box .work-news ul li a time {display:block; margin:4px 0 0; font-size:14px; color:#626262;}
.work-common-box .work-news ul li a p {margin:14px 0 0; font-size:18px; font-weight:600; line-height:1.4; color:#626262; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
@media (max-width:991px){
.work-common-box .work-type ul li {width:calc(50% - 40px);}
.work-common-box .work-example {margin:50px 0 0;}
.work-common-box .work-example ul li {flex:none; width:100%; margin-right:0;}		
.work-common-box .work-person {margin:50px 0 0;}
.work-common-box .work-person ul {margin:0 -10px -20px;}
.work-common-box .work-person ul li {width:calc(50% - 20px); margin:0 10px 20px;}
.work-common-box .work-person ul li a .list-content {bottom:25px;}
.work-common-box .work-person ul li a .list-content p {font-size:20px;}
.work-common-box .work-person ul li a .list-content b {font-size:15px;}	
.work-common-box .work-news {margin:50px 0 0;}
.work-common-box .work-news ul {margin:0 -10px -20px;}
.work-common-box .work-news ul li {width:calc(50% - 20px); margin:0 10px 20px;}
.work-common-box .work-news ul li a em {font-size:16px;}
.work-common-box .work-news ul li a em:after {width:18px; height:18px;}
.work-common-box .work-news ul li a time {font-size:12px;}
.work-common-box .work-news ul li a p {font-size:15px;}
}
@media (max-width:767px){
.work-common-box h2 {font-size:25px;}
.work-common-box .work-type ul {margin:0;}
.work-common-box .work-type ul li {width:100%; margin:0 0 20px;}
.work-common-box .work-type ul li:last-of-type {margin:0;}
.work-common-box .work-type ul li .list-image:after {padding-bottom:60%;}
.work-common-box .work-type ul li .list-image p {font-size:12px;}
.work-common-box .work-type ul li .list-content {padding:10px 0 0;}
.work-common-box .work-type ul li .list-content dl dd {font-size:14px;}
.work-common-box .work-type ul li .list-content dl dd:before {width:3px; height:3px;}	
.work-common-box .work-type ul li .list-content .work-common-box h3 {font-size:20px;}             
.work-common-box .work-example ul li dl dd {font-size:14px;}
.work-common-box .work-example ul li dl dd:before {width:3px; height:3px;}
.work-common-box .work-news ul {margin:0;}
.work-common-box .work-news ul li {width:100%; margin:0 0 15px;}
.work-common-box .work-news ul li:last-of-type {margin:0;}
}

/* member-list-box */
.member-list-box ul li {margin:0 0 12px;}
.member-list-box ul li {background:#383644; display:flex; flex-wrap:wrap; align-items:center;}
.member-list-box ul li .list-image {width:480px; min-height:540px; background-size:cover; background-position:center;}
.member-list-box ul li .list-content {flex:1; min-width:0; padding-left:30px;}
.member-list-box ul li .list-content .list-name {display:flex; flex-wrap:wrap; align-items:center;}
.member-list-box ul li .list-content .list-name p {font-size:32px; font-weight:600; color:#fff;}
.member-list-box ul li .list-content .list-name small {margin-left:10px; font-size:20px; color:#fff;}
.member-list-box ul li .list-content .list-text {margin:42px 0 0; padding-right:50px;}
.member-list-box ul li .list-content .list-text dl dd {margin:0 0 14px; display:flex; flex-wrap:wrap;}
.member-list-box ul li .list-content .list-text dl dd:last-of-type {margin:0;}
.member-list-box ul li .list-content .list-text dl dd b {font-size:18px; color:#fff; width:110px;}
.member-list-box ul li .list-content .list-text dl dd div {flex:1; min-width:0;}
.member-list-box ul li .list-content .list-text dl dd div p {position:relative; padding-left:13px; font-size:16px; line-height:1.4; font-weight:500; color:#fff; word-break:keep-all; margin:0 0 3px;}
.member-list-box ul li .list-content .list-text dl dd div p:last-of-type {margin:0;}
.member-list-box ul li .list-content .list-text dl dd div p:before {position:absolute; left:0; top:10px; width:3px; height:3px; background:#fff; border-radius:50%; content:"";}
.member-list-box ul li .list-content .list-text dl dd div strong {display:block; font-size:20px; font-weight:600; line-height:1.3; color:#fff; word-break:keep-all; margin:-5px 0 0;}
@media (max-width:991px){
.member-list-box ul li .list-image {min-height:auto; margin:0 auto; width:100%; max-width:480px;}
.member-list-box ul li .list-image:after {padding-bottom:130%; display:block; content:"";}
.member-list-box ul li .list-content .list-name {padding:0; margin:0 0 25px;}
.member-list-box ul li .list-content .list-name p {font-size:25px;}
.member-list-box ul li .list-content .list-name small {font-size:18px;}
.member-list-box ul li .list-content {flex:none; width:100%; margin:0; padding-right:0; padding-left:0; padding:30px 15px;}  
.member-list-box ul li .list-content .list-text {margin:0; padding-right:0;}
.member-list-box ul li .list-content .list-text dl dd {margin:0 0 10px;}
.member-list-box ul li .list-content .list-text dl dd b {font-size:14px; width:100%;}
.member-list-box ul li .list-content .list-text dl dd div {flex:none; width:100%; margin:15px 0 0;}
.member-list-box ul li .list-content .list-text dl dd div p {font-size:14px;}
.member-list-box ul li .list-content .list-text dl dd div p:before {top:7px;}
.member-list-box ul li .list-content .list-text dl dd div strong {font-size:17px; margin:0;}
}

/* board-list-box */
.board-list-box .list-head {margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.board-list-box .list-head .list-head-total span {font-size:16px; color:#8a8a8a; display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box .list-head .list-head-total span b {font-size:16px; color:#333; font-weight:600; margin-left:5px;}
.board-list-box .list-head .list-head-search form {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box .list-head .list-head-search form select {height:40px; border:1px solid #D9D9D9; padding:0 30px 0 12px; font-size:14px; color:#626262; background:url('../images/icon_select.png') no-repeat right center / 24px;}
.board-list-box .list-head .list-head-search form input {margin:0 12px; width:220px; height:40px; border:1px solid #d9d9d9; padding:0 12px; font-size:14px; color:#333;}
.board-list-box .list-head .list-head-search form input::placeholder {color:#626262;}
.board-list-box .list-head .list-head-search form button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#333; color:#fff; padding:0 20px; font-size:14px; height:40px;}
.board-list-box .list-body table {table-layout:auto;}
.board-list-box .list-body table input[type=checkbox] {appearance:auto; width:15px; height:15px;}
.board-list-box .list-body table thead tr th {border-top:2px solid #333; border-bottom:1px solid #aaa; height:50px; font-size:16px; font-weight:600; color:#333; padding:0 10px;}
.board-list-box .list-body table thead tr th a {font-size:16px; font-weight:600; color:#333;}
.board-list-box .list-body table tbody tr td {border-bottom:1px solid #aaa !important; padding:15px 10px; font-size:16px; color:#8a8a8a; text-align:center !important;}
.board-list-box .list-body table tbody tr td span {font-size:16px; text-align:center; color:#8a8a8a;}
.board-list-box .list-body table tbody tr td .bo_tit a {display:block; font-size:16px; color:#8a8a8a; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.board-list-box .list-body table tbody tr td.td_subject {min-width:700px;}
.board-list-box .list-foot ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:15px 0 0;}
.board-list-box .list-foot ul li {margin-right:5px;}
.board-list-box .list-foot ul li:last-of-type {margin:0;}
.board-list-box .list-foot ul li > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:30px; font-size:13px; padding:0 20px;}
.board-list-box .list-foot ul li > button {background:#333; color:#fff;}
.board-list-box .list-foot ul li > a {background:#FFC700; color:#111; font-weight:600;}
@media (max-width:1200px){
.board-list-box .list-body table tbody tr td.td_subject {min-width:500px; max-width:500px;}
}
@media (max-width:991px){
.board-list-box .list-head .list-head-total {display:none;}
.board-list-box .list-head .list-head-search {width:100%;}
.board-list-box .list-head .list-head-search form input {flex:1; min-width:0; margin:0 5px;}
.board-list-box .list-body table .pc {display:none !important;}
.board-list-box .list-body table tbody tr td {font-size:14px; padding:0;}
.board-list-box .list-body table tbody tr td .bo_tit a {font-size:14px; padding:15px 5px; display:block; max-width:300px; color:#333;}	 
.board-list-box .list-body table tbody tr td.td_subject {min-width:auto; max-width:auto;}
.board-list-box .list-body table tbody tr td.td_chk {width:30px;}
.board-list-box .list-body table tbody tr td.td_num {width:50px;}
.board-list-box .list-foot ul li > a {padding:0 10px; font-size:12px;}
}

/* board-view-box */
.board-view-box .view-head {border-top:2px solid #333;}
.board-view-box .view-head h2 {display:flex; flex-wrap:wrap; align-items:center; background:#F5F5F5; padding:15px 24px; font-size:16px; font-weight:600; line-height:1.4; color:#333;}
.board-view-box .view-head .view-info {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #aaa; padding:15px 24px;}
.board-view-box .view-head .view-info b {font-size:14px; font-weight:500; color:#666;}
.board-view-box .view-head .view-info time {margin-left:10px; font-size:14px; font-weight:500; color:#333;}
.board-view-box .view-body {padding:42px 0;}
.board-view-box .view-body a.view_image {display:block;}
.board-view-box .view-body img {max-width:100%; display:block; margin:0 auto;}
.board-view-box .view-body #bo_v_con {margin:42px 0 0; font-size:16px; line-height:1.6; color:#333;}
.board-view-box .view-foot ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:15px 0 0; padding:15px 0 0; border-top:1px solid #ddd;}
.board-view-box .view-foot ul li {margin-right:5px;}
.board-view-box .view-foot ul li:last-of-type {margin:0;}
.board-view-box .view-foot ul li > * {background:#333; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:30px; font-size:13px; padding:0 20px;}
.board-view-box .view-foot ul li > a.active {background:#FFC700; color:#111; font-weight:600;}
@media (max-width:991px){
.board-view-box .view-head h2 {padding:15px;}
.board-view-box .view-head .view-info {padding:15px;}
.board-view-box .view-body {padding:24px 0;}
.board-view-box .view-body #bo_v_con {margin:20px 0 0; font-size:14px;}		 
.board-view-box .view-foot ul li > a {padding:0 10px; font-size:12px;}
}

/* board-write-box */
.board-write-box form > ul {border-top:2px solid #333;}
.board-write-box form > ul > li {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #aaa; padding:12px 0;}
.board-write-box form > ul > li > b {font-size:16px; font-weight:600; color:#8a8a8a; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:150px; height:50px;}
.board-write-box form > ul > li > b.req:after {display:inline-block; content:"*"; font-size:16px; font-weight:600; color:#ff0000; margin-left:5px;}
.board-write-box form > ul > li > div {flex:1; min-width:0;}
.board-write-box form > ul > li > div input[type=text] {height:40px; border:1px solid #d9d9d9; padding:0 15px; font-size:14px; color:#333;}
.board-write-box form > ul > li > div input[type=text]::placeholder {color:#626262;}
.board-write-box form > ul > li > div select {width:100%; display:block; height:40px; border:1px solid #D9D9D9; padding:0 30px 0 12px; font-size:14px; color:#626262; background:url('../images/icon_select.png') no-repeat right center / 24px;}
.board-write-box form > ul > li > div .write_div {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.board-write-box form > ul > li > div .write_div:last-of-type {margin:0;}
.board-write-box form > ul > li > div .write_div i {margin-right:10px;}
.board-write-box .write-button ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:15px 0 0; padding:15px 0 0;}
.board-write-box .write-button ul li {margin-right:5px;}
.board-write-box .write-button ul li:last-of-type {margin:0;}
.board-write-box .write-button ul li > * {background:#333; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:30px; font-size:13px; padding:0 20px;}
.board-write-box .write-button ul li > .active {background:#FFC700; color:#111; font-weight:600;}
.board-write-box .board-write-agree {margin:0 0 40px;}
.board-write-box .board-write-agree h2 {font-size:24px; font-weight:600; color:#626262; margin:0 0 20px;}
.board-write-box .board-write-agree div {border:1px solid #d9d9d9; padding:24px; height:180px; overflow-y:auto; font-size:16px; line-height:1.5; font-weight:500; color:#999; word-break:keep-all;}
.board-write-box .board-write-agree label {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:15px 0 0; font-size:16px; color:#5e5e5e; }
.board-write-box .board-write-agree label input {width:20px; height:20px; appearance:auto; margin-right:5px;}
@media (max-width:991px){
.board-write-box form > ul > li b {font-size:14px; padding:0; width:80px; justify-content:center;}
.board-write-box form > ul > li > div .write_div i {display:none;}
.board-write-box .write-button ul li > a {padding:0 10px; font-size:12px;}
.board-write-box .board-write-agree h2 {font-size:18px; margin:0 0 15px;}
.board-write-box .board-write-agree div {padding:15px; height:150px; font-size:14px;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.7); transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:550px; background:#fff; padding:30px;}
.popup-box .popup-head {border-bottom:1px solid #D9D9D9; padding:0 0 14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup-box .popup-head h2 {font-size:24px; font-weight:600; color:#626262;}
.popup-box .popup-head a {display:inline-block; width:24px; height:24px; font-size:0; background:url('../images/icon_close.png') no-repeat center / cover;}
.popup-box .popup-body {padding:30px 0 0;}
.popup-box .popup-body p {margin:0 0 30px; font-size:16px; line-height:1.4; word-break:keep-all; color:#626262;}
.popup-box .popup-body p:last-of-type {margin:0;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .box {padding:20px;}
.popup-box .popup-head h2 {font-size:18px;}
.popup-box .popup-head a {width:20px; height:20px;}
.popup-box .popup-body {padding:20px 0 0;}
.popup-box .popup-body p {margin:0 0 20px; font-size:14px;}
}

#bo_v_con * {line-height:inherit; vertical-align:baseline; font-size:inherit; font-weight:inherit;}