@charset "UTF-8";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, pre, th, td, dl, dd, form, fieldset, legend, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; }

a { transition: 0.6s; background-color: transparent; text-decoration: none; color: inherit; }

body { margin: 0 auto; max-width: 768px; font-size: 14px; line-height: 200%; letter-spacing: 1px; position: relative; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体" !important; }

table { border-collapse: collapse; }

button, input, select, textarea { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

mark { background-color: inherit; }

abbr[title] { border-bottom: 1px dotted; }

ol, dl, dt, dd, ul, li { list-style: none; }

h1, h2, h3, h4, h5 { font-weight: normal; }

em { font-style: normal; }

img { border: 0; display: block; }

a:hover, a:focus { text-decoration: none !important; }

.clear:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.clearfix::after { display: block; overflow: hidden; clear: both; width: 0; height: 0; content: ''; }

* { box-sizing: border-box; }

@font-face { font-family: myFirstFont; src: url(../fonts/TT0035M_.TTF); }
.word_content { box-sizing: border-box; font-size: 14px; color: #545353; }
.word_content img { max-width: 100% !important; display: inline-block; }
.word_content * { max-width: 100% !important; }
.word_content em{font-style:italic;}

@media only screen and (max-width: 1024px) { .center { width: 768px; padding: 0 3%; } }
@media only screen and (max-width: 768px) { .center { width: 100%; } }

@keyframes scale { 0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(1.4); opacity: 0; } }
@-webkit-keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
  from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.not_result { dipslay: block; text-align: center; }

.pub_header .sup { background: #fff; display: flex; justify-content: space-between; align-items: center; padding-top: 6px; padding-bottom: 6px; position: fixed; top: 0; left: 0; width: 100%; z-index: 13; }
.pub_header .sup .t_logo { display: block; height: 24px; }
.pub_header .sup .t_logo img { height: 100%; }
.pub_header .sup form { margin: 0 3%; position: relative; min-width: 150px; width: 320px; }
.pub_header .sup form section .down_ico { display: block; width: 28px; z-index: 10; height: 24px; background: url("../img/down_ico2.png") no-repeat center center; position: absolute; top: 4px; left: 0; }
.pub_header .sup form section ul { display: none; position: absolute; top: 27px; left: 0; background: #FFFFFF; border-radius: 4px; border: 1px solid #B9B9B9; }
.pub_header .sup form section ul li { padding: 2px 9px; border-bottom: 1px solid #EDEDED; color: #767676; }
/*.pub_header .sup form section ul li:nth-of-type(1) { display: none; }*/
.pub_header .sup form section ul li:last-child { border-bottom: none; }
.pub_header .sup form .input { padding: 4px 5% 4px 26px; width: 100%; color: #909090; border: none; background: #E3E3E3; border-radius: 10px; }
.pub_header .sup form .submit { -webkit-appearance: none; line-height: 26px; position: absolute; top: 50%; margin-top: -9px; right: 5px; width: 18px; height: 18px; border: none; background: url("../img/search_ico.png") no-repeat; }
.pub_header .sup .nav_btn { flex-shrink: 0; transition: 0.6s; z-index: 3; padding: 4px; position: relative; width: 40px; height: 40px; cursor: pointer; }
.pub_header .sup .nav_btn span { position: absolute; top: 50%; left: 8px; display: block; width: 22px; height: 2px; margin-top: -1px; background: #222222; transition: .2s ease; }
.pub_header .sup .nav_btn span:before { content: ''; position: absolute; top: -8px; left: 0; width: 22px; height: 2px; border-radius: 3px; background: #222222; transition: transform .2s ease, top .2s ease; }
.pub_header .sup .nav_btn span:after { position: absolute; top: 8px; left: 0; width: 22px; height: 2px; content: ''; border-radius: 3px; background: #222222; transition: transform .2s ease, top .2s ease; }
.pub_header .sup .nav_btn_open span { width: 0; background: #222222; }
.pub_header .sup .nav_btn_open span:before { top: 0; transform: rotate(45deg); background: #222222; }
.pub_header .sup .nav_btn_open span:after { top: 0; transform: rotate(-45deg); background: #222222; }
.pub_header .sup .mobile-nav-box { display: none; width: 100%; position: fixed; top: 52px; left: 0; height: 100%; background: #F4F4F4; }
.pub_header .sup .mobile-nav-box ul { width: 200px; margin: 0 auto; max-width: 100%; padding: 30px 0 0 0; }
.pub_header .sup .mobile-nav-box ul li { position:relative; }
.pub_header .sup .mobile-nav-box ul li:before{ position:absolute; content:""; top:0; left:0; background: url("../img/nav_border.jpg") ; width:100%; height:1px;}
.pub_header .sup .mobile-nav-box ul li a { padding: 4% 0; text-align: center; font-size: 1.1rem; color: #414141; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pub_header .sup .mobile-nav-box ul li a span { display: inline-block; }
.pub_header .sup .mobile-nav-box ul .active a span { display: inline-block; padding: 4px 20px; }
.pub_header .sup .mobile-nav-box .lang { background: #DCDCDC; width: 200px; font-size: 1.1rem; display: block; margin: 3% auto 0 auto; text-align: center; color: #626161; padding: 1% 0; }
.pub_header .sup .mobile-nav-box .lang i { width: 20px; height: 20px; background: url("../img/lang_ico.png") no-repeat center center; background-size: cover; position: relative; top: -2px; display: inline-block; margin-right: 4px; vertical-align: middle; }

.three_nav { text-align: center; margin-bottom: 3%; }
.three_nav li { display: inline-block; margin: 2px 4px; }
.three_nav li a { text-align: center; font-size: 1.1rem; color: #5a5858; line-height: 180%; display: block; padding: 4px 10px; background: #E3E3E3; }
.three_nav .active a { background: #d83131 !important; color: #fff !important; }

.pro_select { padding-left: 10%; padding-right: 10%; position: relative; margin: 0 auto 3% auto; }
.pro_select .swiper-wrapper .swiper-slide a { display: block; }
.pro_select .swiper-wrapper .swiper-slide a img { filter: grayscale(1); transition: 0.6s; width: 30px; height: 30px; display: block; margin: 0 auto; }
.pro_select .swiper-wrapper .swiper-slide a p { transition: 0.6s; text-align: center; font-size: 1.1rem; color: #767676; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_select .swiper-wrapper .swiper-slide a:hover img { filter: grayscale(0); }
.pro_select .swiper-wrapper .swiper-slide a:hover p { color: #d83131; }
.pro_select .swiper-button-prev, .pro_select .swiper-button-next { margin-top: -16px; width: 8px; height: 30px; transition: 0.6s; }
.pro_select .swiper-button-prev { left: 0; background: url("../img/prev1.png") no-repeat; filter: grayscale(1); }
.pro_select .swiper-button-next { right: 0; background: url("../img/prev1.png") no-repeat; filter: grayscale(1); transform: rotate(180deg); }

.ind_pn1 { padding-top: 6%; padding-bottom: 6%; }
.ind_pn1 section figure { float: left; position: relative; }
.ind_pn1 section figure div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 50% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn1 section figure div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn1 section figure a { display: block; }
.ind_pn1 section figure a figcaption { width: 100%; }
.ind_pn1 section figure a figcaption p { text-align: center; font-size: 1.1rem; color: #4c4d4b; line-height: 130%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1% 0; width: 100%; }
.ind_pn1 section figure:nth-of-type(1) { width: 100%; margin-bottom: 2%; }
.ind_pn1 section figure:nth-of-type(1) div { padding: 29% 0; }
.ind_pn1 section figure:nth-of-type(1) figcaption { position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.6); }
.ind_pn1 section figure:nth-of-type(1) figcaption p { color: #fff; }
.ind_pn1 section figure:nth-of-type(2) { width: 49%; margin-right: 2%; }
.ind_pn1 section figure:nth-of-type(3) { width: 49%; }
.ind_pn1 section:after { display: block; clear: both; content: ""; visibility: hidden; }

.tit1 { margin-bottom: 4%; }
.tit1 img { margin: 0 auto; max-width: 190px; }

.ind_banner { padding-top: 52px; }
.ind_banner .swiper-container .swiper-wrapper { width: 100%; }
.ind_banner .swiper-container .swiper-wrapper .swiper-slide { width: 100%; }
.ind_banner .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; }
.ind_banner .swiper-container .swiper-wrapper .swiper-slide a img { width: 100%; }
.ind_banner .swiper-container .swiper-pagination { position: absolute; bottom: 6px; }
.ind_banner .swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #D4CECE; }
.ind_banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #d83131; }

.item_ul { width: 100%; }
.item_ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
.item_ul > li:nth-of-type(2n) { margin-right: 0; }
.item_ul > li:nth-child(-n+2) { margin-top: 0; }
.item_ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.item_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 40% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_ul li a { display: block; }
.item_ul li a figure figcaption p { text-align: left; font-size: 1.1rem; color: #4c4d4b; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
.item_ul li span { cursor: pointer; position: absolute; bottom: 0; right: 0; text-align: right; font-size: 1.1rem; color: #d83131; line-height: 140%; display: block; }

.ind_pn2 { padding-bottom: 6%; }
.ind_pn2 section .item_ul { background: #fff; padding: 2% 2%; }
.ind_pn2 section .bottom { margin-top: 2%; }
.ind_pn2 section .bottom img { width: 100%; }

select{background:#fff;}

.ind_pn2_select { background: #fff; padding: 2% 2% 0 2%; }
.ind_pn2_select section { width: 49%; position: relative; float: left; }
.ind_pn2_select section select { border-radius: 0; border: 1px solid #BFBFBF; -webkit-appearance: none; width: 100%; color: #4c4d4b; font-size: 14px; padding: 6px 0 6px 32px; }
.ind_pn2_select section:after { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.ind_pn2_select section:nth-of-type(1) { margin-right: 2%; }
.ind_pn2_select section:nth-of-type(1):before { position: absolute; content: ""; width: 20px; height: 20px; background: url("../img/ind_pn2_ico1.png") no-repeat; left: 8px; top: 8px; background-size: cover; }
.ind_pn2_select section:nth-of-type(2):before { position: absolute; content: ""; width: 20px; height: 20px; background: url("../img/ind_pn2_ico2.png") no-repeat; left: 8px; top: 8px; background-size: cover; }
.ind_pn2_select:after { display: block; clear: both; content: ""; visibility: hidden; }

.ind_pn3 { padding-bottom: 6%; position: relative; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide figure { background: #fff; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide figure figcaption { text-align: center; padding-bottom: 30px; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide figure figcaption h5 { text-align: center; font-size: 1.375rem; color: #373737; line-height: 150%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 2%; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide figure figcaption p { text-align: left; font-size: 1.1rem; color: #4c4c4c; line-height: 150%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.95rem; height: 4.95rem; margin-bottom: 2%; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide figure figcaption a { transition: 0.6s; text-align: center; font-size: 1.1rem; color: #d83131; line-height: 120%; display: inline-block; margin: 0 auto; padding: 4px 10px; border: 1px solid #d83131; color: #d83131; }
.ind_pn3 .swiper-container .swiper-wrapper .swiper-slide:hover figure figcaption a { background: #d83131; color: #fff; }
.ind_pn3 .swiper-container .swiper-pagination { opacity: 1; position: absolute; bottom: 0; left: 0; width: 100%; }
.ind_pn3 .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #d83131; }

.ind_pn4 { padding-bottom: 6%; }
.ind_pn4 section { background: #fff; padding: 2% 2%; }
.ind_pn4 section .panel1 { margin-bottom: 2%; }
.ind_pn4 section .panel1 div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 28% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.ind_pn4 section .panel1 div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ind_pn4 section .panel2 li { border-bottom: 1px solid #F1F1F1; padding-bottom: 4%; margin-bottom: 4%; }
.ind_pn4 section .panel2 li a { display: block; }
.ind_pn4 section .panel2 li a figure { display: flex; justify-content: flex-start; align-items: flex-start; }
.ind_pn4 section .panel2 li a figure div { width: 100px; height: 78px; flex-shrink: 0; margin-right: 2%; }
.ind_pn4 section .panel2 li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.ind_pn4 section .panel2 li a figure figcaption h5 { text-align: left; font-size: 1.1rem; color: #333333; line-height: 150%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 3.3rem; margin-bottom: 4%; }
.ind_pn4 section .panel2 li a figure figcaption time { text-align: left; font-size: 1rem; color: #8d8d8d; line-height: 130%; display: block; }
.ind_pn4 section .panel2 li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.ind_pn5 { padding-bottom: 12px; }
.ind_pn5 form { background: #fff; padding: 2% 2%; background: #fff; text-align: center; }
.ind_pn5 form h5 { margin-bottom: 4%; text-align: center; display: block; overflow: hidden; }
.ind_pn5 form h5 span { font-weight: bold; text-align: center; font-size: 16px; color: #d83131; line-height: 140%; display: inline-block; position: relative; }
.ind_pn5 form h5 span:before { border-bottom: 1px dashed #ccc; position: absolute; content: ""; width: 768px; height: 1px; background: transparent; left: -779px; top: 11px; }
.ind_pn5 form h5 span:after { border-bottom: 1px dashed #ccc; position: absolute; content: ""; width: 768px; height: 1px; background: transparent; right: -779px; top: 11px; }
.ind_pn5 form .row .input { width: 49%; padding: 2% 2%; -webkit-appearance: none; border-radius: 0; border: 1px solid #ccc; color: #6c6c6c; }
.ind_pn5 form .row .input::-webkit-input-placeholder { color: #6c6c6c; }
.ind_pn5 form .row .input:-moz-placeholder { color: #6c6c6c; }
.ind_pn5 form .row .input::-moz-placeholder { color: #6c6c6c; }
.ind_pn5 form .row .input:-ms-input-placeholder { color: #6c6c6c; }
.ind_pn5 form .row .input:nth-of-type(1) { margin-right: 2%; }
.ind_pn5 form .row section { width: 49%; position: relative; }
.ind_pn5 form .row section select { border: 1px solid #ccc; color: #6c6c6c; border-radius: 0; float: left; width: 100%; padding: 3% 4%; -webkit-appearance: none; }
.ind_pn5 form .row section:before { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.ind_pn5 form .row section:after { display: block; clear: both; content: ""; visibility: hidden; }
.ind_pn5 form .submit { border-radius: 0; -webkit-appearance: none; background: #d83131; border: 1px solid #d83131; color: #fff; font-size: 1.1rem; width: 100%; padding: 2% 0; backgrouund: #d83131; color: #fff; }
.ind_pn5 form .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%; }

aside { position: fixed; right: 1%; bottom: 60px; z-index: 3; }
aside ul { width: 60px; }
aside ul li { width: 100%; height: 60px; margin-bottom: 3px; background: rgba(0, 0, 0, 0.6); border-radius: 10px; }
aside ul li a { display: block; height: 100%; display: flex; justify-content: center; align-items: center; }
aside ul li a img { width: 30px; height: 30px; display: block; margin: 0 auto; }
aside ul li:last-child { margin-bottom: 0; }
@media only screen and (min-width: 0px) and (max-width: 450px) { aside ul { width: 40px; }
  aside ul li { height: 40px; }
  aside ul li a img { width: 24px; height: 24px; } }

.pub_footer { position: relative; padding-bottom: 57px; }
.pub_footer ul { height: 57px; width: 100%; margin: 0 auto; background: #fff; border-top: 1px solid #D7D7D7; position: fixed; left: 0; bottom: 0; z-index: 11; }
.pub_footer ul > li { width: 25%; margin: 0 0 0 0; position: relative; float: left; }
.pub_footer ul > li:nth-of-type(4n) { margin-right: 0; }
.pub_footer ul > li:nth-child(-n+4) { margin-top: 0; }
.pub_footer ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.pub_footer ul li { height: 100%; transition: 0.6s; }
.pub_footer ul li:nth-of-type(1) a i { background: url("../img/fixed_ico1.png") no-repeat center top; background-size: 100% auto; }
.pub_footer ul li:nth-of-type(2) a i { background: url("../img/fixed_ico2.png") no-repeat center top; background-size: 100% auto; }
.pub_footer ul li:nth-of-type(3) a i { background: url("../img/fixed_ico3.png") no-repeat center top; background-size: 100% auto; }
.pub_footer ul li:nth-of-type(4) a i { background: url("../img/fixed_ico4.png") no-repeat center top; background-size: 100% auto; }
.pub_footer ul li a { height: 100%; display: block; border-top: 2px solid transparent; padding: 4px 0; }
.pub_footer ul li a i { width: 24px; height: 24px; display: block; margin: 0 auto 3px auto; }
.pub_footer ul li a span { text-align: center; font-size: 12px; color: #5e5e5e; line-height: 120%; display: block; }
.pub_footer ul li a:hover { background: #F1F1F1; border-top: 2px solid #d83131; color: #d83131; }
.pub_footer ul li a:hover i { background-position: center bottom; }
.pub_footer ul .active a { background: #F1F1F1; color: #d83131; border-top: 2px solid #d83131; }
.pub_footer ul .active a i { background-position: center bottom !important; }
.pub_footer ul .active a span { color: #d83131; }

.ind_main { background: #F5F5F5; }

.pub_main { padding-top: 6%; padding-bottom: 6%; }

.h_bottom h3 { padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #C7C7C7; text-align: left; font-size: 1.375rem; color: #535353; line-height: 100%; display: block; display: flex; justify-content: space-between; align-items: center; }
.h_bottom h3 span { width: 76%; flex-shrink: 0; line-height: 100%; display: block; padding-left: 8px; border-left: 6px solid #d83131; }
.h_bottom h3 .right { display: flex; justify-content: space-between; align-items: center; }
.h_bottom h3 .right i { flex-shrink: 0; transition: 0.6s; width: 16px; height: 16px; display: block; }
.h_bottom h3 .right .down_ico { margin-left: 8px; background: url("../img/down_ico.png") no-repeat; background-size: cover; }
.h_bottom h3 .right .down_ico_active { transform: rotate(180deg); }
.h_bottom h3 .right .item_ico { background: url("../img/item_ico.png") no-repeat; background-size: cover; transform: rotate(45deg); }
.h_bottom section { display: none; }
.h_bottom .type_pro, .h_bottom .type_eff { padding-top: 3%; padding-bottom: 2%; background: #F7F7F7; }
.h_bottom .type_pro dl dd, .h_bottom .type_eff dl dd { border-bottom: 1px solid #DDDFDF; padding-bottom: 4%; margin-bottom: 4%; }
.h_bottom .type_pro dl dd h6, .h_bottom .type_eff dl dd h6 { position: relative; text-align: left; font-size: 16px; color: #000000; line-height: 130%; display: block; font-weight: normal; }
.h_bottom .type_pro dl dd h6 img, .h_bottom .type_eff dl dd h6 img { position: relative; top: 0; height: 23px; vertical-align: middle; display: inline-block; margin-right: 4px; }
.h_bottom .type_pro dl dd h6 em, .h_bottom .type_eff dl dd h6 em { position: absolute; top: 0; right: 0; display: block; width: 16px; height: 16px; background: url("../img/h_bottom_ico.png") no-repeat; background-size: cover; }
.h_bottom .type_pro dl dd h6 .active, .h_bottom .type_eff dl dd h6 .active { transform: rotate(180deg); }
.h_bottom .type_pro dl dd ul, .h_bottom .type_eff dl dd ul { width: 100%; margin-top: 8px; display: none; }
.h_bottom .type_pro dl dd ul > li, .h_bottom .type_eff dl dd ul > li { width: 31.333%; margin: 3% 3% 0 0; position: relative; float: left; }
.h_bottom .type_pro dl dd ul > li:nth-of-type(3n), .h_bottom .type_eff dl dd ul > li:nth-of-type(3n) { margin-right: 0; }
.h_bottom .type_pro dl dd ul > li:nth-child(-n+3), .h_bottom .type_eff dl dd ul > li:nth-child(-n+3) { margin-top: 0; }
.h_bottom .type_pro dl dd ul:after, .h_bottom .type_eff dl dd ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.h_bottom .type_pro dl dd ul li a, .h_bottom .type_eff dl dd ul li a { background: #E4E4E4; text-align: center; font-size: 1.1rem; color: #606060; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 6px 1%; }
.h_bottom .type_pro dl dd ul .active a, .h_bottom .type_eff dl dd ul .active a { background: #d83131; color: #fff; }
.h_bottom .type_pro dl dd ul .first a, .h_bottom .type_eff dl dd ul .first a { background: #d83131; color: #fff; }
.h_bottom .type_pro dl dd:last-child, .h_bottom .type_eff dl dd:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.h_bottom .type_pro .eff_nav, .h_bottom .type_eff .eff_nav { padding: 4% 0 2% 0; }
.h_bottom .type_pro .eff_nav a, .h_bottom .type_eff .eff_nav a { text-align: inline-block; font-size: 1.1rem; color: #000; line-height: 180%; display: 180%; background: #E4E4E4; padding: 4px 10px; }
.h_bottom .type_pro .eff_nav .active, .h_bottom .type_eff .eff_nav .active { background: #d83131; color: #fff; }
.h_bottom .type_pub { padding: 0; }
.h_bottom .type_pub ul li { padding: 3% 1% 3% 30%; background: #E8E8E8; text-align: center; border-bottom: 1px solid #C3C3C3; }
.h_bottom .type_pub ul li a { border-left: 2px solid #AEAEAE; padding: 2px 5px; text-align: left; font-size: 1.1rem; color: #565656; line-height: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.h_bottom .type_pub ul .active a { border-left: 2px solid #d83131; color: #d83131; }

.pub_banner { padding-top: 52px; }
.pub_banner figure { position: relative; }
.pub_banner figure div { width: 100%; }
.pub_banner figure div img { width: 100%; }
.pub_banner figure figcaption { position: absolute; top: 50%; transform: translateY(-50%); left: 4%; }
.pub_banner figure figcaption h2 { text-shadow: 1px 1px 0 #646161; text-align: left; font-size: 1.375rem; color: #ffffff; line-height: 130%; display: block; }
.pub_banner figure figcaption span { text-shadow: 1px 1px 0 #646161; text-transform: uppercase; text-align: left; font-size: 1.1rem; color: #ffffff; line-height: 130%; display: block; }
.pub_banner figure figcaption hr { text-shadow: 1px 1px 0 #646161; width: 66px; height: 2px; background: #fff; border: none; margin-right: auto; margin-left: 0; }

.eff_ul div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 43% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.eff_ul div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.eff_ul a { display: block; }
.eff_ul a figure figcaption { background: #F4F4F4; padding: 2% 2%; text-align: left; font-size: 1.1rem; color: #525252; line-height: 130%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media only screen and (min-width: 640px) and (max-width: 1024px) { .eff_ul { width: 100%; }
  .eff_ul > li { width: 32%; margin: 2% 2% 0 0; position: relative; float: left; }
  .eff_ul > li:nth-of-type(3n) { margin-right: 0; }
  .eff_ul > li:nth-child(-n+3) { margin-top: 0; }
  .eff_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 450px) and (max-width: 640px) { .eff_ul { width: 100%; }
  .eff_ul > li { width: 49%; margin: 2% 2% 0 0; position: relative; float: left; }
  .eff_ul > li:nth-of-type(2n) { margin-right: 0; }
  .eff_ul > li:nth-child(-n+2) { margin-top: 0; }
  .eff_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 450px) { .eff_ul { width: 100%; }
  .eff_ul > li { width: 100%; margin: 4% 0 0 0; position: relative; }
  .eff_ul > li:nth-of-type(1n) { margin-right: 0; }
  .eff_ul > li:nth-of-type(1) { margin-top: 0; }
  .eff_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

.effect .panel1 .effect_top { margin-bottom: 2%; }
.effect .panel1 .effect_top .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 29.85% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.effect .panel1 .effect_top .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.effect .panel1 .effect_bottom .swiper-wrapper .swiper-slide { cursor: pointer; }
.effect .panel1 .effect_bottom .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 31% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.effect .panel1 .effect_bottom .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.effect .panel1 .effect_bottom .swiper-wrapper .active figure div { border: 1px solid #d83131; }
.effect .panel1 h2 { text-align: left; font-size: 1.375rem; color: #4e4e4e; line-height: 140%; display: block; margin-top: 3%; }
.effect .panel1 p { text-align: left; font-size: 14px; color: #5b5c5c; line-height: 180%; display: block; min-height: 26px; padding-left: 74px; position: relative; }
.effect .panel1 p span { position: absolute; top: 0; left: 0; }
.effect .panel2 { padding-top: 4%; margin-top: 4%; border-top: 1px solid #C0C0C0; }
.effect .panel2 h4 { text-align: left; font-size: 1.1rem; color: #252525; line-height: 120%; display: block; margin-bottom: 4%; }
.effect .panel2 ul { width: 100%; }
.effect .panel2 ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
.effect .panel2 ul > li:nth-of-type(2n) { margin-right: 0; }
.effect .panel2 ul > li:nth-child(-n+2) { margin-top: 0; }
.effect .panel2 ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.effect .panel2 ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 50% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.effect .panel2 ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.effect .panel2 ul li a figure figcaption h5 { margin-top: 2%; text-align: left; font-size: 1.1rem; color: #4e4e4e; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.effect .panel2 ul li a figure figcaption p { text-align: center; font-size: 1rem; color: #939393; line-height: 150%; display: block; }
.effect .btn_group { margin-top: 6%; }
.effect .btn_group section a { border: 1px solid #C8C8C8; line-height: 100%; text-align: center; display: block; width: 49%; padding: 2% 2%; border-radius: 6px; color: #858585; }
.effect .btn_group section .prev { float: left; }
.effect .btn_group section .next { float: right; }
.effect .btn_group section .disable { border: 1px solid #e4e4e4; background: #e4e4e4; color: #ffffff; }
.effect .btn_group section:after { display: block; clear: both; content: ""; visibility: hidden; }
.effect .btn_group .goBack { line-height: 120%; margin-top: 2%; width: 100%; display: block; padding: 2% 2%; background: #d83131; color: #fff; text-align: center; border-radius: 10px; }

.item_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 50% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_ul li a { display: block; }
.item_ul li a figure div .fade { z-index: 2; opacity: 0; }
.item_ul li a figure figcaption { margin-top: 2%; float: left; padding: 0px 40px 0 2px; width: 100%; transition: 0.6s; text-align: left; font-size: 14px; color: #424242; line-height: 140%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul li a figure figcaption:after { display: block; clear: both; content: ""; visibility: hidden; }
.item_ul li a:hover figure div .fade { opacity: 1; }
.item_ul li a:hover figure figcaption span { color: #d83131; }
.item_ul li a:hover figure figcaption em { color: #d83131; }
.item_ul li em { cursor: pointer; transition: 0.6s; text-align: right; font-size: 14px; color: #d83131; line-height: 140%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; right: 3px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .item_ul { width: 100%; }
  .item_ul > li { width: 32%; margin: 2% 2% 0 0; position: relative; float: left; }
  .item_ul > li:nth-of-type(3n) { margin-right: 0; }
  .item_ul > li:nth-child(-n+3) { margin-top: 0; }
  .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 450px) and (max-width: 768px) { .item_ul { width: 100%; }
  .item_ul > li { width: 32%; margin: 2% 2% 0 0; position: relative; float: left; }
  .item_ul > li:nth-of-type(3n) { margin-right: 0; }
  .item_ul > li:nth-child(-n+3) { margin-top: 0; }
  .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }
@media only screen and (min-width: 0px) and (max-width: 450px) { .item_ul { width: 100%; }
  .item_ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
  .item_ul > li:nth-of-type(2n) { margin-right: 0; }
  .item_ul > li:nth-child(-n+2) { margin-top: 0; }
  .item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } }

.news_ul li { border-bottom: 1px dashed #ccc; margin-bottom: 3%; padding-bottom: 3%; }
.news_ul li a { display: block; }
.news_ul li a figure { display: flex; justify-content: flex-start; align-items: flex-start; }
.news_ul li a figure div { width: 100px; height: 76px; flex-shrink: 0; margin-right: 4%; }
.news_ul li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.news_ul li a figure figcaption { width: 70%; }
.news_ul li a figure figcaption h5 { margin-bottom: 2%; transition: 0.6s; text-align: left; font-size: 16px; color: #2d2c2c; line-height: 140%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44.8px; }
.news_ul li a figure figcaption time { transition: 0.6s; text-align: left; font-size: 12px; color: #7a7a7a; line-height: 140%; display: block; }
.news_ul li a:hover figure figcaption h5 { color: #d83131; }
.news_ul li a:hover figure figcaption time { color: #d83131; }
.news_ul li:last-child { margin-bottom: 0; }

.case_ul li { margin-bottom: 2%; padding-bottom: 2%; }
.case_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 28% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.case_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.case_ul li a { display: block; }
.case_ul li a figure figcaption { padding-top: 2%; }
.case_ul li a figure figcaption h5 { margin-bottom: 8px; text-align: left; font-size: 1.375rem; color: #373737; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_ul li a figure figcaption p { margin-bottom: 10px; text-align: left; font-size: 1.1rem; color: #4c4c4c; line-height: 120%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 3.96rem; }
.case_ul li a figure figcaption span { padding: 6px 10px; text-align: left; font-size: 1.1rem; color: #d83131; line-height: 120%; display: inline-block; border: 1px solid #d83131; }
.case_ul li:last-child { margin-bottom: 0; }

.case_ul2 li { margin-bottom: 4%; padding-bottom: 2%; }
.case_ul2 li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 28% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.case_ul2 li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.case_ul2 li a { display: block; }
.case_ul2 li a figure div { padding: 0; }
.case_ul2 li a figure div img { padding: 10px; position: relative; }
.case_ul2 li a figure figcaption { font-weight: bold; padding-top: 2%; text-align: center; font-size: 1.375rem; color: #373737; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_ul2 li a figure figcaption h5 { margin-bottom: 8px; text-align: left; font-size: 1.375rem; color: #373737; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_ul2 li a figure figcaption p { margin-bottom: 10px; text-align: left; font-size: 1.1rem; color: #4c4c4c; line-height: 120%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 3.96rem; }
.case_ul2 li a figure figcaption span { padding: 6px 10px; text-align: left; font-size: 1.1rem; color: #d83131; line-height: 120%; display: inline-block; border: 1px solid #d83131; }
.case_ul2 li:last-child { margin-bottom: 0; }

.activity_ul li { margin-bottom: 4%; padding-bottom: 4%; border-bottom: 1px solid #F0F0F0; }
.activity_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 28% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.activity_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.activity_ul li a { display: block; }
.activity_ul li a figure figcaption { display: flex; justify-content: space-between; align-items: center; margin-top: 2%; }
.activity_ul li a figure figcaption section { width: 74%; }
.activity_ul li a figure figcaption section h5 { margin-bottom: 2%; text-align: left; font-size: 1.375rem; color: #232323; line-height: 120%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.activity_ul li a figure figcaption section p { text-align: left; font-size: 1.1rem; color: #b7b7b7; line-height: 140%; display: block; }
.activity_ul li a figure figcaption section p em { color: #d83131; }
.activity_ul li a figure figcaption span { padding: 4px 7px; background: #d83131; text-align: right; font-size: 1.1rem; color: #fff; line-height: 130%; display: block; flex-shrink: 0; }
.activity_ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.video h4 { margin-bottom: 10px; position: relative; padding-left: 10px; text-align: left; font-size: 16px; color: #5b5c5c; line-height: 140%; display: block; }
.video h4:before { position: absolute; content: ""; width: 6px; height: 12px; background: #d83131; left: 0; top: 5px; border-radius: 4px; }
.video .panel1 { margin-bottom: 6%; }
.video .panel1 .swiper-container .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 32% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.video .panel1 .swiper-container .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video .panel1 .swiper-container .swiper-wrapper .swiper-slide a { display: block; }
.video .panel1 .swiper-container .swiper-wrapper .swiper-slide a figure { position: relative; }
.video .panel1 .swiper-container .swiper-wrapper .swiper-slide a figure:before { z-index: 2; position: absolute; content: ""; width: 34px; height: 34px; background: url("../img/video_ico.png") no-repeat; top: 50%; left: 50%; background-size: cover; transform: translateX(-50%) translateY(-50%); }
.video .panel1 .swiper-container .swiper-button-prev, .video .panel1 .swiper-container .swiper-button-next { background: none; }
.video .panel1 .swiper-container .swiper-button-prev { background: url("../img/prev2.png") no-repeat; }
.video .panel1 .swiper-container .swiper-button-next { background: url("../img/prev2.png") no-repeat; transform: rotate(180deg); }
.video .panel2 .video_select { padding-bottom: 1%; margin-bottom: 4%; border-bottom: 1px solid #EDEDED; }
.video .panel2 .video_select li { display: inline-block; margin: 0 4px; }
.video .panel2 .video_select li a { padding: 2px 4px; text-align: center; font-size: 1.1rem; color: #424242; line-height: 150%; display: block; }
.video .panel2 .video_select .active a { background: #d83131; color: #fff; }
.video .panel2 .video_ul { width: 100%; }
.video .panel2 .video_ul > li { width: 48.5%; margin: 3% 3% 0 0; position: relative; float: left; }
.video .panel2 .video_ul > li:nth-of-type(2n) { margin-right: 0; }
.video .panel2 .video_ul > li:nth-child(-n+2) { margin-top: 0; }
.video .panel2 .video_ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.video .panel2 .video_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 34% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.video .panel2 .video_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video .panel2 .video_ul li a { display: block; }
.video .panel2 .video_ul li a figure figcaption p { text-align: left; font-size: 1.1rem; color: #525252; line-height: 130%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.video .panel2 .video_ul li a figure figcaption time { text-align: left; font-size: 1.1rem; color: #6e6e6e; line-height: 130%; display: block; }

.history img { max-width: 100%; }
.history .panel1 { margin-bottom: 3%; }
.history .panel1 .swiper-button-prev { width: 16px; height: 45px; background: url("../img/prev2.png") no-repeat; }
.history .panel1 .swiper-button-next { width: 16px; height: 45px; background: url("../img/prev2.png") no-repeat; transform: rotate(180deg); }
.history .panel2 .swiper-wrapper .swiper-slide span { font-weight: bold; text-align: left; font-size: 1.375rem; color: #d83131; line-height: 130%; display: block; margin-bottom: 6px; }
.history .panel2 .swiper-wrapper .swiper-slide p { text-align: left; font-size: 1.1rem; color: #414141; line-height: 130%; display: block; margin-bottom: 10px; }
.history .panel2 .swiper-wrapper .swiper-slide p:last-child { margin-bottom: 0; }
.history .panel2 .swiper-pagination { line-height: 120%; margin-top: 3%; }
.history .panel2 .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; }
.history .panel2 .swiper-pagination .swiper-pagination-bullet-active { background: #d83131; }

.pro_view h4 { text-align: left; font-size: 1.375rem; color: #373737; line-height: 100%; display: block; padding-left: 6px; margin-bottom: 4%; border-left: 2px solid #d83131; }
.pro_view .panel1 { padding-top: 6%; }
.pro_view .panel2 { padding-top: 6%; margin-top: 6%; }
.pro_view .panel3 .gallery-top { margin-bottom: 2%; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide { width: 100%; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 45% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide a { display: block; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide a figure div { width: 100%; height: 100%; }
.pro_view .panel3 .gallery-top .swiper-wrapper .swiper-slide a figure div img { width: 100%; }
.pro_view .panel3 .gallery-thumbs { width: 100%; }
.pro_view .panel3 .gallery-thumbs > li { width: 10.75%; margin: 2% 2% 0 0; position: relative; float: left; }
.pro_view .panel3 .gallery-thumbs > li:nth-of-type(8n) { margin-right: 0; }
.pro_view .panel3 .gallery-thumbs > li:nth-child(-n+8) { margin-top: 0; }
.pro_view .panel3 .gallery-thumbs:after { display: block; clear: both; content: ""; visibility: hidden; }
.pro_view .panel3 .gallery-thumbs li { cursor: pointer; border: 1px solid transparent; }
.pro_view .panel3 .gallery-thumbs li div { position: relative; padding: 50% 0; width: 100%; height: 100%; }
.pro_view .panel3 .gallery-thumbs li div img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.pro_view .panel3 .gallery-thumbs .active { border: 1px solid #d83131; }
.pro_view .panel3 h1 { text-align: left; font-size: 1.375rem; color: #4e4e4e; line-height: 180%; display: block; margin-top: 10px; }
.pro_view .panel3 > p { text-align: left; font-size: 1.1rem; color: #5b5c5c; line-height: 180%; display: block; margin-bottom: 0; }
.pro_view .panel3 > section { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3% 0; margin: 3% 0; }
.pro_view .panel3 > section p { margin-bottom: 2%; text-align: left; font-size: 14px; color: #5b5c5c; line-height: 140%; display: block; }
.pro_view .panel3 > section p img { display: inline-block; margin-right: 20px; vertical-align: middle; }
.pro_view .panel3 > section p span { font-weight: bold; }
.pro_view .panel3 > section p:last-child { margin-bottom: 0; }
.pro_view .panel3 > section p .color { vertical-align: middle; width: 18px; height: 18px; border: 2px solid #b8b8b8; display: inline-block; }
.pro_view .panel3 > section .btn { margin-top: 3%; }
.pro_view .panel3 > section .btn a { display: inline-block; padding: 5px 20px; color: #d83131; border: 1px solid #d83131; }
.pro_view .panel3 > section .btn a:nth-of-type(1) { margin-right: 10px; }
.pro_view .panel3 > section .btn a:hover { color: #fff; background: #d83131; }
.pro_view .panel3 > section .btn .active { color: #fff; background: #d83131; }
.pro_view .panel3 .sns li { display: inline-block; margin-right: 15px; vertical-align: top; }
.pro_view .panel3 .sns li a { display: block; position: relative; }
.pro_view .panel3 .sns li a div { margin: 0 auto; transition: 0.6s; width: 34px; height: 34px; border-radius: 50%; background: #A6A6A6; }
.pro_view .panel3 .sns li a div img { margin: 0 auto; padding: 5px 0; width: 25px; }
.pro_view .panel3 .sns li a span { transition: 0.6s; text-align: center; font-size: 14px; color: #747474; line-height: 150%; display: block; margin-top: 2px; }
.pro_view .panel3 .sns li a section { transform: scale(0); transition: 0.6s; position: absolute; top: 90px; left: -42px; z-index: 2; width: 130px; height: 130px; }
.pro_view .panel3 .sns li a section img { width: 100%; height: 100%; object-fit: contain; }
.pro_view .panel3 .sns li a:hover section { transform: scale(1); }
.pro_view .panel3 .sns li .grid .grid_item { cursor: pointer; }
.pro_view .panel3 .sns li .grid .grid_item section { transition: 0.6s; width: 34px; cursor: pointer; height: 34px; border-radius: 50%; background: #A6A6A6; }
.pro_view .panel3 .sns li .grid .grid_item section button { width: 34px; cursor: pointer; height: 34px; }
.pro_view .panel3 .sns li .grid .grid_item section .fa { font-size: 20px; }
.pro_view .panel3 .sns li .grid .grid_item section span { color: #fff; }
.pro_view .panel3 .sns li .grid .grid_item em { transition: 0.6s; text-align: center; font-size: 14px; color: #747474; line-height: 150%; display: block; margin-top: 2px; }
.pro_view .panel3 .sns li .grid .grid_item .active { background: #d83131; }
.pro_view .panel3 .sns li .grid .grid_item .active2 { color: #d83131; }
.pro_view .panel3 .sns li:hover a span { color: #d83131; }
.pro_view .panel3 .sns li:last-child { margin-right: 0; }

.icobutton { font-size: 3em; position: relative; margin: 0; padding: 0; color: #c0c1c3; border: 0; background: none; overflow: visible; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.icobutton .fa { display: block; padding: 0 0.1em; }

.icobutton__text { font-size: 0.75em; position: absolute; top: 100%; left: -50%; width: 200%; text-align: center; line-height: 1.5; color: #a6a6a6; }

.icobutton__text--side { top: 0; left: 100%; width: 100%; width: auto; padding: 0 0 0 0.25em; }

/* fix for mo.js */
.icobutton svg { left: 0; }

.icobutton:hover, .icobutton:focus { outline: none; }

/* Unicorn */
.icobutton--unicorn svg { fill: #c0c1c3; }

.landingForm { background: url("../img/landingForm_bg.jpg") no-repeat; background-size: cover; padding: 6% 0; }
.landingForm .join_form2 { width: 96%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 3% 3%; display: block; }
.landingForm .join_form2 .panel1 { margin-bottom: 4%; text-align: center; border: 1px solid #ccc; width: 100%; padding: 3% 3%; }
.landingForm .join_form2 .panel1 h4 { text-align: center; font-size: 1.375rem; color: #4c4c4c; line-height: 140%; display: block; }
.landingForm .join_form2 .panel1 span { font-family: Arial; text-transform: uppercase; text-align: center; font-size: 12px; color: #4c4c4c; line-height: 140%; display: inline-block; position: relative; }
.landingForm .join_form2 .panel1 section { margin-top: 2%; display: flex; justify-content: space-between; align-items: flex-start; display: block; }
.landingForm .join_form2 .panel1 section .left { width: 100%; margin-bottom: 2%; }
.landingForm .join_form2 .panel1 section .left img { width: 100%; height: 100%; object-fit: cover; }
.landingForm .join_form2 .panel1 section .right { width: 100%; }
.landingForm .join_form2 .panel1 section .right input { text-indent: 10px; margin-bottom: 2%; line-height: 40px; height: 40px; width: 100%; }
.landingForm .join_form2 .panel1 section .right .row { display: flex; justify-content: space-between; align-items: center; }
.landingForm .join_form2 .panel1 section .right .row input { width: 49.5%; }
.landingForm .join_form2 .panel1 section .right .row select { text-indent: 10px; width: 49.5%; margin-bottom: 2%; line-height: 40px; height: 40px; }
.landingForm .join_form2 .panel1 section .right .submit { margin-bottom: 0; text-indent: 0; background: #d83131; border: none; color: #fff; cursor: pointer; transition: 0.6s; }
.landingForm .join_form2 .panel1 section .right .submit:hover { background: #000; }
.landingForm .join_form2 .panel2 { width: 100%; }
.landingForm .join_form2 .panel2 h5 { margin-bottom: 0; text-align: center; font-size: 1.375rem; color: #3d3d3d; line-height: 140%; display: block; }
.landingForm .join_form2 .panel2 h5 span { font-size: 1.375rem; font-weight: bold; color: #d83131; }
.landingForm .join_form2 .panel2 ul li { border-bottom: 1px dashed #ccc; text-align: right; font-size: 14px; color: #4e4e4e; line-height: 38px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 38px; }
.landingForm .join_form2 .panel2 ul li span { color: #d83131; float: left; margin-right: 10px; }
.landingForm .join_form2 .panel2 ul li:last-child { border-bottom: none; }

.ladingFormFade { display: none; position: fixed; padding: 0 !important; top: 0; width: 100%; height: 100%; left: 0; z-index: 13; background: rgba(0, 0, 0, 0.6); }
.ladingFormFade .vercenter { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.ladingFormFade .vercenter .join_form2 { position: relative; }
.ladingFormFade .vercenter .join_form2 .fa-close { font-size: 24px; line-height: 30px; position: absolute; width: 30px; height: 30px; text-align: center; background: #d83131; top: -30px; right: 0; color: #fff; }

.network { position: relative; overflow: hidden; padding: 6% 0 0 0; }
.network .center #address_box { padding: 3% 3%; width: 100%; background-color: #fff; z-index: 4; }
.network .center #address_box:after { display: block; clear: both; content: ""; visibility: hidden; }
.network .center #address_box #filter_wrap select { border: 1px solid #4e4e4e; color: #4e4e4e; border-radius: 0; text-indent: 10px; height: 40px; line-height: 40px; width: 100%; -webkit-appearance: none; }
.network .center #address_box #filter_wrap .select { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.network .center #address_box #filter_wrap .select select { width: 100%; -webkit-appearance: none; }
.network .center #address_box #filter_wrap section { width: 49%; position: relative; margin-bottom: 10px; }
.network .center #address_box #filter_wrap section:after { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.network .center #address_box #filter_wrap .btn { margin-bottom: 3%; height: 40px; border: none; width: 100%; transition: 0.6s; line-height: 40px; color: #fff; text-align: center; background: #d83131; cursor: pointer; }
.network .center #area { margin-bottom: 10px; position: relative; text-align: center; font-size: 18px; color: #4e4e4e; line-height: 180%; display: inline-block; }
.network .center #area:before { position: absolute; content: ""; width: 20px; height: 1px; background: #ccc; top: 49%; left: -30px; }
.network .center #area:after { position: absolute; content: ""; width: 20px; height: 1px; background: #ccc; top: 49%; right: -30px; }
.network .center #result { text-align: center; overflow-y: scroll; height: 384px; }
.network .center #result .shop { position: relative; }
.network .center #result .shop .swiper-wrapper .swiper-slide li { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.network .center #result .shop .swiper-wrapper .swiper-slide li a { display: block; }
.network .center #result .shop .swiper-wrapper .swiper-slide li a span { margin-bottom: 5px; transition: 0.6s; text-indent: 30px; text-align: left; font-size: 16px; color: #383838; line-height: 160%; display: block; background: url("../img/location_ico2.png") no-repeat left center; }
.network .center #result .shop .swiper-wrapper .swiper-slide li a p { padding-left: 30px; transition: 0.6s; text-align: left; font-size: 14px; color: #666666; line-height: 160%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44.8px; }
.network .center #result .shop .swiper-wrapper .swiper-slide li a:hover span { color: #d83131; }
.network .center #result .shop .swiper-wrapper .swiper-slide li a:hover p { color: #d83131; }
.network .center #result .swiper-pagination { width: 120px; position: absolute; bottom: 20px; left: 30px; font-size: 14px; color: #717171; }
.network .center #result .swiper-button-prev, .network .center #result .swiper-button-next { filter: grayscale(1); transition: 0.6s; }
.network .center #result .swiper-button-prev:hover, .network .center #result .swiper-button-next:hover { filter: grayscale(0); }
.network .center #result .swiper-button-prev { width: 27px; height: 27px; background: url("../img/left2.png") no-repeat; right: 64px; left: auto; bottom: 20px; top: auto; }
.network .center #result .swiper-button-next { width: 27px; height: 27px; background: url("../img/left2.png") no-repeat; right: 30px; left: auto; bottom: 20px; top: auto; transform: rotate(180deg); }
.network .center #result2 { text-align: center; }
.network .center #result2 #area { margin-bottom: 0; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide { height: 364px; overflow-y: scroll; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide li { border-bottom: 1px solid #ccc; padding-bottom: 6px; text-align: left; margin-bottom: 6px; margin-right: 10px; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide li a { float: left; text-align: left; font-size: 18px; color: #afafaf; line-height: 140%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide li a:hover { color: #d83131; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide li:last-child { margin-bottom: 0; }
.network .center #result2 .shop .swiper-wrapper .swiper-slide li:after { display: block; clear: both; content: ""; visibility: hidden; }
.network .center #result2 #CurrentCity { text-align: center; font-size: 16px; color: #afafaf; line-height: 140%; display: block; margin-bottom: 10px; }
.network .center #result2 #CurrentCity em { color: #d83131; }
.network .center #province_wrap { position: relative; width: 100%; padding-top: 4%; background: url("../img/network_bg.jpg") no-repeat; background-size: cover; }
.network .center #province_wrap img { width: 100%; }
.network .center #province_wrap section { text-align: center; }
.network .center #province_wrap section p { text-align: center; font-size: 1.375rem; color: #2e2e2e; line-height: 130%; display: block; margin-bottom: 2%; }
.network .center #province_wrap section p em { font-weight: bold; color: #d83131; }
.network .center #province_wrap section span { text-align: center; font-size: 1.1rem; color: #3a3a3a; line-height: 130%; display: inline-block; background: #E8E8E8; padding: 4px 10px; }

.fullView .panel1 { margin-bottom: 4%; }
.fullView .panel1 > div { height: 100%; flex-shrink: 0; }
.fullView .panel1 > div img { width: 100%; height: 100%; object-fit: cover; }
.fullView .panel1 figcaption { background: #fff; height: 100%; width: 100%; padding: 2% 2%; }
.fullView .panel1 figcaption h1 { text-align: left; font-size: 1.375rem; color: #4e4e4e; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px solid #ccc; }
.fullView .panel1 figcaption p { text-align: left; font-size: 1.1rem; color: #5b5c5c; line-height: 180%; display: block; }
.fullView .panel1 figcaption .btn { margin-top: 2%; }
.fullView .panel1 figcaption .btn a { text-align: center; font-size: 16px; color: #d83131; line-height: 180%; display: inline-block; width: 132px; margin: 0 0 0 0; border: 1px solid #d83131; padding: 4px 8px; }
.fullView .panel1 figcaption .btn a:hover { background: #d83131; color: #fff; }

.join_form { font-size: 16px; }
.join_form h4 { text-align: left; font-size: 1.375rem; color: #5c5c5c; line-height: 140%; display: block; margin-bottom: 3%; }
.join_form .s_province { position: relative; width: 100%; color: #6c6c6c; border-radius: 0; margin-bottom: 2%; width: 100%; -webkit-appearance: none; }
.join_form .s_province select { border: 1px solid #ccc; color: #6c6c6c; border-radius: 0; float: left; width: 100%; padding: 2% 3%; -webkit-appearance: none; }
.join_form .s_province:before { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.join_form .s_province:after { display: block; clear: both; content: ""; visibility: hidden; }
.join_form .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%; }
.join_form .row .input { width: 100%; padding: 2% 3%; -webkit-appearance: none; border-radius: 0; border: 1px solid #ccc; color: #6c6c6c; }
.join_form .row .input::-webkit-input-placeholder { color: #6c6c6c; }
.join_form .row .input:-moz-placeholder { color: #6c6c6c; }
.join_form .row .input::-moz-placeholder { color: #6c6c6c; }
.join_form .row .input:-ms-input-placeholder { color: #6c6c6c; }
.join_form .row .input:nth-of-type(1) { margin-right: 2%; }
.join_form .row select { text-indent: 10px; width: 49.5%; }
.join_form .row section { width: 49%; position: relative; }
.join_form .row section select { border: 1px solid #ccc; color: #6c6c6c; border-radius: 0; float: left; width: 100%; padding: 4% 1%; -webkit-appearance: none; }
.join_form .row section:before { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.join_form .row section:after { display: block; clear: both; content: ""; visibility: hidden; }
.join_form .row section:nth-of-type(1) { margin-right: 2%; }
.join_form .row:nth-of-type(1) input:nth-of-type(1) { margin-right: 2%; }
.join_form .row:nth-of-type(1) input:last-child { margin-bottom: 0; }
.join_form textarea { width: 100%; padding: 2%; text-indent: 6px; resize: none; margin-bottom: 1%; }
.join_form .btn { justify-content: center; margin-bottom: 0; }
.join_form .btn input { transition: 0.6s; width: 49%; cursor: pointer; padding: 2% 0; color: #fff; text-indent: 0; border: none; background: #D1D1D1; }
.join_form .btn input:hover { background: #000; }
.join_form .btn input:nth-of-type(1) { margin-right: 2%; }
.join_form .btn .submit { background: #d83131; }

.ren_pn1 { margin-bottom: 6%; }
.ren_pn1 .left { flex-shrink: 0; padding: 4% 2%; margin-top: 2%; background: #fff; height: 100%; width: 100%; }
.ren_pn1 .left form { text-align: center; }
.ren_pn1 .left form h5 { text-align: center; font-size: 18px; color: #d83131; line-height: 120%; display: inline-block; margin-bottom: 3%; font-weight: bold; position: relative; }
.ren_pn1 .left form h5:before { position: absolute; content: ""; width: 82px; height: 1px; background: #fff; top: 9px; left: -34px; border-bottom: 1px dashed #ccc; margin-left: -50%; }
.ren_pn1 .left form h5:after { position: absolute; content: ""; width: 82px; height: 1px; background: #fff; top: 9px; right: -90px; border-bottom: 1px dashed #ccc; margin-left: -50%; }
.ren_pn1 .left form input { margin-bottom: 12px; width: 100%; text-indent: 10px; font-size: 14px; border: 1px solid #9E9E9E; height: 40px; line-height: 40px; }
.ren_pn1 .left form .submit { -webkit-appearance: none; font-size: 18px; border: 1px solid #d83131; background: #d83131; transition: 0.6s; color: #fff; cursor: pointer; }
.ren_pn1 .left form .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.ren_pn1 .left form .row section { width: 49%; float: left; position: relative; }
.ren_pn1 .left form .row section select { height: 40px; width: 100%; line-height: 40px; -webkit-appearance: none; }
.ren_pn1 .left form .row section:nth-of-type(1) { margin-right: 2%; }
.ren_pn1 .left form .row section:after { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico2.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.ren_pn1 .left form .row:after { display: block; clear: both; content: ""; visibility: hidden; }
.ren_pn1 .left form p { text-align: center; font-size: 18px; color: #424242; line-height: 180%; display: block; margin: 10px 0 6px 0; }
.ren_pn1 .left form section { display: flex; justify-content: space-between; align-items: center; }
.ren_pn1 .left form span { text-align: center; font-size: 14px; color: #8c8c8c; line-height: 180%; display: block; }
.ren_pn1 .left form span time { display: inline-block; margin-right: 36px; }
.ren_pn1 .right { height: 100%; width: 100%; }
.ren_pn1 .right img { width: 100%; height: 100%; object-fit: cover; }

.ren_tit { margin-bottom: 3%; }
.ren_tit h4 { text-align: left; font-size: 16px; color: #373737; line-height: 100%; display: block; width: 100%; padding-left: 2%; border-left: 3px solid #d83131; font-weight: bold; }

.ren_pn2 { margin-bottom: 6%; }
.ren_pn2 section { background: #fff; }
.ren_pn2 section .hd dd { width: 33.333%; float: left; }
.ren_pn2 section .hd dd a { text-align: center; font-size: 1.375rem; color: #373737; line-height: 130%; display: block; border-bottom: 2px solid transparent; padding: 6% 0; }
.ren_pn2 section .hd .active a { color: #d83131; border-bottom: 2px solid #d83131; }
.ren_pn2 section .hd:after { display: block; clear: both; content: ""; visibility: hidden; }
.ren_pn2 section .bd { padding: 2% 2%; }
.ren_pn2 section .bd dd { display: none; }
.ren_pn2 section .bd dd figure { width: 100%; }
.ren_pn2 section .bd dd figure div { width: 100%; }
.ren_pn2 section .bd dd figure div img { width: 100%; }
.ren_pn2 section .bd dd ul { width: 100%; }
.ren_pn2 section .bd dd ul > li { width: 25%; margin: 0 0 0 0; position: relative; float: left; }
.ren_pn2 section .bd dd ul > li:nth-of-type(4n) { margin-right: 0; }
.ren_pn2 section .bd dd ul > li:nth-child(-n+4) { margin-top: 0; }
.ren_pn2 section .bd dd ul:after { display: block; clear: both; content: ""; visibility: hidden; }
.ren_pn2 section .bd dd ul li { padding: 5% 1%; border-right: 1px dashed #E3E2E2; }
.ren_pn2 section .bd dd ul li div img { margin: 0 auto; }
.ren_pn2 section .bd dd ul li span { margin-top: 10%; text-align: center; font-size: 1.1rem; color: #767676; line-height: 130%; display: block; }
.ren_pn2 section .bd dd ul li:nth-of-type(4n) { border-right: none; }
.ren_pn2 section .bd dd:last-child ul { text-align: center; }
.ren_pn2 section .bd dd:last-child ul li { float: none; display: inline-block; }
.ren_pn2 section .bd dd:last-child ul li:last-child { border-right: none; }
.ren_pn2 section .bd .active { display: block; }

.ren_pn3 { margin-bottom: 6%; }
.ren_pn3 .toggle .hd { background: #fff; border-bottom: 1px solid #F0F0F0; }
.ren_pn3 .toggle .hd dd { width: 25%; float: left; }
.ren_pn3 .toggle .hd dd a { text-align: center; font-size: 1.1rem; color: #373737; line-height: 130%; display: block; border-bottom: 2px solid transparent; padding: 8% 0; }
.ren_pn3 .toggle .hd .active a { color: #d83131; border-bottom: 2px solid #d83131; }
.ren_pn3 .toggle .hd:after { display: block; clear: both; content: ""; visibility: hidden; }
.ren_pn3 .toggle .bd { padding-top: 4%; }
.ren_pn3 .toggle .bd dd { display: none; }
.ren_pn3 .toggle .bd .active { display: block; }
.ren_pn3 .ren_ul { background: #fff; padding: 2% 2%; }
.ren_pn3 .ren_ul li { float: left; width: 100%; padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px solid #F0F0F0; }
.ren_pn3 .ren_ul li a { display: block; }
.ren_pn3 .ren_ul li a figure { display: flex; justify-content: flex-start; align-items: flex-start; }
.ren_pn3 .ren_ul li a figure div { flex-shrink: 0; width: 30%; height: 95px; margin-right: 6%; }
.ren_pn3 .ren_ul li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.ren_pn3 .ren_ul li a figure figcaption { width: 64%; }
.ren_pn3 .ren_ul li a figure figcaption h5 { margin-bottom: 10px; transition: 0.6s; text-align: left; font-size: 16px; color: #2e2e2e; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ren_pn3 .ren_ul li a figure figcaption p { transition: 0.6s; text-align: left; font-size: 14px; color: #727272; line-height: 140%; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 39.2px; }
.ren_pn3 .ren_ul li a figure figcaption time { margin-top: 2px; color: #8d8d8d; }
.ren_pn3 .ren_ul li a figure figcaption time em { vertical-align: middle; position: relative; top: -2px; width: 19px; height: 19px; margin-right: 4px; background: url("../img/clone_ico.png") no-repeat; display: inline-block; }
.ren_pn3 .ren_ul li a:hover figure figcaption h5 { color: #d83131; }
.ren_pn3 .ren_ul li a:hover figure figcaption p { color: #d83131; }
.ren_pn3 .ren_ul li:last-child { margin-bottom: 0; border-bottom: none; }
.ren_pn3 .ren_ul li:last-child a { padding-bottom: 0; }
.ren_pn3 .ren_ul:after { display: block; clear: both; content: ""; visibility: hidden; }

.ren_pn4 ul li { background: #FFFFFF; }
.ren_pn4 ul li a { display: block; }
.ren_pn4 ul li a figure { padding: 3% 3%; }
.ren_pn4 ul li a figure div { height: 190px; margin-bottom: 10px; }
.ren_pn4 ul li a figure div img { width: 100%; height: 100%; object-fit: cover; }
.ren_pn4 ul li a figure figcaption h5 { transition: 0.6s; text-align: left; font-size: 1.375rem; color: #616161; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-bottom: 3%; }
.ren_pn4 ul li a figure figcaption p { transition: 0.6s; text-align: left; font-size: 1.1rem; color: #9a9a9a; line-height: 160%; display: block; }
.ren_pn4 ul li a:hover figure figcaption h5 { color: #d83131; }
.ren_pn4 ul li a:hover figure figcaption p { color: #d83131; }

/*==分页==*/
.pagination { display: block; text-align: center; padding-left: 0; margin-top: 6%; border-radius: 4px; }
.pagination span { vertical-align: top; text-align: center; font-size: 14px; color: #a0a0a0; line-height: 30px; display: inline-block; }
.pagination .page { position: relative; display: inline-block; vertical-align: top; }
.pagination .page select { -webkit-appearance: none; background: #d83131; border-radius: 4px; padding: 5px 24px 5px 11px; color: #fff; border: none; }
.pagination .page:after { position: absolute; content: ""; width: 12px; height: 6px; background: url("../img/down_ico3.png") no-repeat; right: 4px; top: 50%; margin-top: -3px; background-size: cover; }
.pagination a { display: inline-block; color: #b7b7b7; font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; border-radius: 4px; width: 30px; height: 30px; background: #FFFFFF; border: 1px solid #C8C8C8; vertical-align: top; }

.caseview .panel1 { margin-bottom: 4%; padding-bottom: 4%; border-bottom: 1px solid #dedfe2; }
.caseview .panel1 h1 { color: #4e4e4e; font-size: 1.375rem; text-align: left; display: block; line-height: 120%; margin-bottom: 4%; }
.caseview .panel1 p { color: #5b5c5c; font-size: 1.1rem; text-align: left; display: block; line-height: 160%; }
.caseview .panel1 h3 { margin-bottom: 30px; text-indent: 15px; text-align: left; font-size: 1.1rem; color: #4d4d4d; line-height: 180%; display: block; position: relative; border-bottom: 1px solid #E1E1E1; }
.caseview .panel1 h3 span { font-size: 1.1rem; dipslay: inline-block; margin-left: 20px; color: #8c8b8b; }
.caseview .panel1 h3:before { position: absolute; content: ""; width: 6px; height: 26px; background: #d83131; left: 0; top: 10px; }

.query { padding: 0; z-index: 10; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; display: none; }
.query .holder { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }
.query .holder section { position: relative; }
.query .holder section .sup { background: #d83131; padding: 15px 0; }
.query .holder section .sup h4 { text-align: center; font-size: 26px; color: #ffffff; line-height: 140%; display: block; }
.query .holder section .sup p { text-align: center; font-size: 12px; color: #ffffff; line-height: 120%; display: block; }
.query .holder section form { background: #FFFFFF; padding: 22px 30px 36px; }
.query .holder section form .row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.query .holder section form .row label { text-align: left; font-size: 14px; color: #373737; line-height: 140%; display: block; margin-right: 10px; }
.query .holder section form .row input { height: 46px; line-height: 46px; text-indent: 10px; width: 184px; }
.query .holder section form .row .submit { width: 100%; text-indent: 0; transition: 0.6s; cursor: pointer; border: none; color: #fff; background: #B1B1B1; text-align: center; }
.query .holder section form .row .submit:hover { background: #d83131; }
.query .holder section .fa-close { text-indent: 2px; text-align: center; border: 1px solid #ccc; width: 25px; height: 25px; line-height: 24px; display: block; border-radius: 50%; position: absolute; color: #fff; transition: 0.6s; top: 15px; right: 15px; font-size: 18px; cursor: pointer; }

.about_bottom { text-align: center; background: #F5F5F5; padding-top: 4%; padding-bottom: 4%; }
.about_bottom figure { display: inline-block; margin: 0 4px; }
.about_bottom figure div { width: 110px; height: 110px; background: #fff; }
.about_bottom figure div img { width: 100%; height: 100%; object-fit: cover; }
.about_bottom figure figcaption { text-align: center; font-size: 14px; color: #252621; line-height: 140%; display: block; }

/*# sourceMappingURL=style.css.map */