@charset "utf-8";
/* CSS Document */
@import "cs.css";
/*Iconfont.cn*/
@import "//at.alicdn.com/t/font_2446624_run3y8m6epb.css";
@font-face {
  font-family: 'fa';  /* Project id 2446624 */
  src: url('//at.alicdn.com/t/font_2446624_run3y8m6epb.woff2?t=1625576942138') format('woff2'),
       url('//at.alicdn.com/t/font_2446624_run3y8m6epb.woff?t=1625576942138') format('woff'),
       url('//at.alicdn.com/t/font_2446624_run3y8m6epb.ttf?t=1625576942138') format('truetype');
}

/*Root*/
:root {
	--bs-a: rgba(30,30,30,1.0);
	--bs-b: rgba(30,30,30,0.8);
	--bs-c: rgba(30,30,30,0.6);
	--bs-d: rgba(30,30,30,0.4);
	--bs-e: rgba(30,30,30,0.2);
	--bs-f: rgba(30,30,30,0.125);
	--bs-ff: rgba(30,30,30,0.05);
	--bs-ba: rgba(0,80,180,1.0);
	--bs-bb: rgba(0,80,180,0.8);
	--bs-bc: rgba(0,80,180,0.6);
	--bs-bd: rgba(0,80,180,0.4);
	--bs-be: rgba(0,80,180,0.2);
	--bs-bf: rgba(0,80,180,0.125);
	--bs-ya: rgba(255,200,0,1.0);
	--bs-yb: rgba(255,200,0,0.8);
	--bs-yc: rgba(255,200,0,0.6);
	--bs-yd: rgba(255,200,0,0.4);
	--bs-ye: rgba(255,200,0,0.2);
	--bs-yf: rgba(255,200,0,0.05);
	--bs-ra: rgba(200,0,0,1.0);
	--bs-rb: rgba(200,0,0,0.8);
	--bs-rc: rgba(200,0,0,0.6);
	--bs-rd: rgba(200,0,0,0.4);
	--bs-re: rgba(200,0,0,0.2);
	--bs-rf: rgba(200,0,0,0.125);
	--bs-ga: rgba(20,220,20,1.0);
	--bs-gb: rgba(20,220,20,0.8);
	--bs-gc: rgba(20,220,20,0.6);
	--bs-gd: rgba(20,220,20,0.4);
	--bs-ge: rgba(20,220,20,0.2);
	--bs-gf: rgba(20,220,20,0.125);
	--bs-wa: rgba(255,255,255,1.0);
	--bs-wb: rgba(255,255,255,0.8);
	--bs-wc: rgba(255,255,255,0.6);
	--bs-wd: rgba(255,255,255,0.4);
	--bs-we: rgba(255,255,255,0.2);
	--bs-wf: rgba(255,255,255,0.125);
}
.text-a,.text-a a,a.text-a {color:var(--bs-a)}
.text-b,.text-b a,a.text-b {color:var(--bs-b)}
.text-c,.text-c a,a.text-c {color:var(--bs-c)}
.text-d,.text-d a,a.text-d {color:var(--bs-d)}
.text-e,.text-e a,a.text-e {color:var(--bs-e)}
.text-f,.text-f a,a.text-f {color:var(--bs-f)}
.bg-a {background:var(--bs-a)}
.bg-b {background:var(--bs-b)}
.bg-c {background:var(--bs-c)}
.bg-d {background:var(--bs-d)}
.bg-e {background:var(--bs-e)}
.bg-f {background:var(--bs-f)}
.bg-ff {background:var(--bs-ff)}
.text-ba,.text-ba a,a.text-ba {color:var(--bs-ba)}
.text-bb,.text-bb a,a.text-bb {color:var(--bs-bb)}
.text-bc,.text-bc a,a.text-bc {color:var(--bs-bc)}
.text-bd,.text-bd a,a.text-bd {color:var(--bs-bd)}
.text-be,.text-be a,a.text-be {color:var(--bs-be)}
.text-bf,.text-bf a,a.text-bf {color:var(--bs-bf)}
.bg-ba {background:var(--bs-ba)}
.bg-bb {background:var(--bs-bb)}
.bg-bc {background:var(--bs-bc)}
.bg-bd {background:var(--bs-bd)}
.bg-be {background:var(--bs-be)}
.bg-bf {background:var(--bs-bf)}
.text-ya,.text-ya a,a.text-ya {color:var(--bs-ya)}
.text-yb,.text-yb a,a.text-yb {color:var(--bs-yb)}
.text-yc,.text-yc a,a.text-yc {color:var(--bs-yc)}
.text-yd,.text-yd a,a.text-yd {color:var(--bs-yd)}
.text-ye,.text-ye a,a.text-ye {color:var(--bs-ye)}
.text-yf,.text-yf a,a.text-yf {color:var(--bs-yf)}
.bg-ya {background:var(--bs-ya)}
.bg-yb {background:var(--bs-yb)}
.bg-yc {background:var(--bs-yc)}
.bg-yd {background:var(--bs-yd)}
.bg-ye {background:var(--bs-ye)}
.bg-yf {background:var(--bs-yf)}
.text-ra,.text-ra a,a.text-ra {color:var(--bs-ra)}
.text-rb,.text-rb a,a.text-rb {color:var(--bs-rb)}
.text-rc,.text-rc a,a.text-rc {color:var(--bs-rc)}
.text-rd,.text-rd a,a.text-rd {color:var(--bs-rd)}
.text-re,.text-re a,a.text-re {color:var(--bs-re)}
.text-rf,.text-rf a,a.text-rf {color:var(--bs-rf)}
.bg-ra {background:var(--bs-ra)}
.bg-rb {background:var(--bs-rb)}
.bg-rc {background:var(--bs-rc)}
.bg-rd {background:var(--bs-rd)}
.bg-re {background:var(--bs-re)}
.bg-rf {background:var(--bs-rf)}
.text-ga,.text-ga a,a.text-ga {color:var(--bs-ga)}
.text-gb,.text-gb a,a.text-gb {color:var(--bs-gb)}
.text-gc,.text-gc a,a.text-gc {color:var(--bs-gc)}
.text-gd,.text-gd a,a.text-gd {color:var(--bs-gd)}
.text-ge,.text-ge a,a.text-ge {color:var(--bs-ge)}
.text-gf,.text-gf a,a.text-gf {color:var(--bs-gf)}
.bg-ga {background:var(--bs-ga)}
.bg-gb {background:var(--bs-gb)}
.bg-gc {background:var(--bs-gc)}
.bg-gd {background:var(--bs-gd)}
.bg-ge {background:var(--bs-ge)}
.bg-gf {background:var(--bs-gf)}
.text-wa,.text-wa a,a.text-wa {color:var(--bs-wa)}
.text-wb,.text-wb a,a.text-wb {color:var(--bs-wb)}
.text-wc,.text-wc a,a.text-wc {color:var(--bs-wc)}
.text-wd,.text-wd a,a.text-wd {color:var(--bs-wd)}
.text-we,.text-we a,a.text-we {color:var(--bs-we)}
.text-wf,.text-wf a,a.text-wf {color:var(--bs-wf)}
.bg-wa {background:var(--bs-wa)}
.bg-wb {background:var(--bs-wb)}
.bg-wc {background:var(--bs-wc)}
.bg-wd {background:var(--bs-wd)}
.bg-we {background:var(--bs-we)}
.bg-wf {background:var(--bs-wf)}
.bg-grey {background:url("../img/bg-grey.png") no-repeat center center; background-size: cover;}
.bg-grey-rp {background:url("../img/bg-grey.png") repeat 0 0; background-size:auto; opacity: 0.75;}
/**Transition**/
.btn-prev, .btn-next, .sp-list-nav *::after, .sp-list-nav *::before, .swiper-next, .swiper-prev, .first-box *::before {
    -moz-transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

/*Font Size*/
.display-7 {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-7 {
    font-size: 2.0rem;
  }
}
.display-8 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-8 {
    font-size: 1.5rem;
  }
}
.display-9 {
  font-size: calc(1.125rem);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-9 {
    font-size: 1.2rem;
  }
}
.fs-sm {font-size: 0.875rem !important;}
.display-nm,.dp-nm {font-size:1rem!important; font-weight: 300; line-height: 1.2;}
.btn-outline-blue {color: var(--bs-ba);border-color: var(--bs-ba);}
.btn-outline-blue:hover {color: var(--bs-white);background-color: var(--bs-ba);border-color: var(--bs-ba);}

a {color:var(--bs-a); text-decoration: none;}
a:hover {color:var(--bs-c); text-decoration: underline;}
a.text-white:hover {color:var(--bs-wb)!important;}

/*Line Overflow*/
.line-clamp,.line-clamp li,.line-clamp1,.line-clamp2,.line-clamp3,.line-clamp4,.line-clamp-auto,.line-clamp-auto li {overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;}
.line-clamp,.line-clamp li,.line-clamp-auto, .line-clamp-auto li
.line-clamp1 {-webkit-line-clamp: 1;}
.line-clamp2 {-webkit-line-clamp: 2;}
.line-clamp3 {-webkit-line-clamp: 3;}
.line-clamp4 {-webkit-line-clamp: 4;}

/**List Icon**/
.list-i-ar li::before {content:'\e853'; font-family: 'fa'; margin-right: 0.25rem;}
.list-i-art li::before {content:'\e62a'; font-family: 'fa'; margin-right: 0.25rem;}
.list-i-dot li::before {content:'\e61f'; font-family: 'fa'; margin-right: 0.25rem;}

/*Img Style*/
.photo-b43, .photo-b53, .photo-b55, 
.photo-16x9 {width:100%; height: 0; overflow: hidden; position: relative;}
.photo-b43 {padding:37.5% 0;}
.photo-b53 {padding:31% 0;}
.photo-b55 {padding:50% 0;}
.photo-16x9 {padding:28.125% 0;}
.photo-b43 img, .photo-b53 img, .photo-b55 img, 
.photo-16x9 img {width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:0; right:0; bottom:0; z-index: 1;}
.photo-b43 .text-overlay, .photo-b53 .text-overlay, 
.photo-16x9 .text-overlay {position:absolute; margin: 0; left:0; top:0; right:0; bottom:0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0)),rgba(255,255,255,0.1); text-align: center; z-index: 10; color:var(--white);}
.photo-b55 > *{position:absolute; left:0; top:0; right:0; bottom:0;}

/**Ratio**/
.ratio > * {
	object-fit: cover;
}

.cover-img img {opacity: 1; filter:alpha(opacity=1); transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);}
.cover-img:hover img {opacity: 0.75; filter:alpha(opacity=75);}
.cover-scale img {-webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s;}
.cover-scale:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.cover-top {transition: all 0.25s;}
.cover-top:hover {-webkit-box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); box-shadow: 0 34px 20px -24px rgba(35,35,35,0.15); -webkit-transform: translateY(-5px);	-ms-transform: translateY(-5px); transform: translateY(-5px);}
.cover-shadow {transition: all 0.25s;}
.cover-shadow:hover {-webkit-box-shadow: 0 5px 10px 3px rgba(35,35,35,0.1); box-shadow: 0 5px 10px 3px rgba(35,35,35,0.1); -webkit-transform: translateY(-1px);	-ms-transform: translateY(-1px); transform: translateY(-1px);}

/*Top Link Info*/
.top-text-link {height: 2rem; line-height: 2rem; font-size: 90%;}
.drop-link {position: relative; display:block; z-index: 999;}
.drop-link .drop-title {cursor:pointer; line-height:calc(2rem - 2px); border:1px solid transparent; padding: 0 0.5rem; color:var(--bs-white); display: block;}
.drop-link:hover .drop-title {height:calc(2rem + 1px); background:var(--bs-white); border-color:rgba(0,0,0,0.125); border-bottom-color:var(--bs-white); color:var(--bs-a);}
.drop-link .drop-item {position: absolute; top:calc(2rem + 0px); right:0; display:none; z-index: -10;}
.drop-link .drop-item a {min-width: 8rem;}

/*Header*/
.shadow-bottom {-webkit-box-shadow: 0 1px 5px 1px rgba(30,30,30,0.1); box-shadow: 0 1px 5px 1px rgba(30,30,30,0.1);}
.z-top {position: relative; z-index: 91;}
.z-bottom {position: relative; z-index: 9;}
.header {height: 7rem; padding: 1rem 0; width: 100%; position: relative;}
.header .logo-box {position: absolute; left:0; top:50%; margin-top:-2.5rem;}
.header .logo-box a {width:288px; height: 80px; background:url("../img/logo.png") no-repeat 0 0; display: block; background-size: cover; text-indent: -9999px; overflow: hidden;}

@media (max-width:991.98px){
  .sticky-top.shrink {width:100%; background:var(--bs-white); position: fixed; top:0; left:0; z-index: 99;}
}

@media (min-width:992px) {
	.menu-box {height: 4rem; position: relative;}
	.menu-box ul {margin:0;}
	.menu-box li {float:left; display:inline-block; margin-right: 1px;}
	.menu-box li a {height: 4rem; line-height: 4rem; padding: 0 1rem; display:block; transition: all 0.3s;}
	.menu-box li.action a,.menu-box li a:hover {background: var(--bs-ba); color: var(--bs-white); text-decoration: none; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
}
@media (max-width:1199.98px) {
	.menu-box li a .fa {display:none;}
}

@media (max-width:991.98px){
	.expander {width: 2rem; height: 2rem; padding:5px; border:1px solid var(--bs-a); border-radius: 5px; position: absolute; right:0; top:50%; margin-top:-1rem; z-index: 9999; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box;}
	.expander span {width:20px; height: 2px; background: var(--bs-a); display: block; position: relative; top:0.55rem; left:0; border-radius: 1px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	.expander span::before,.expander span::after {content:''; width:20px; height: 2px; background: var(--bs-a); position: absolute; left:0;  border-radius: 1px; display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	.expander span::before {top:-0.5rem;}
	.expander span::after {bottom:-0.5rem;}
	.expander:hover {cursor: pointer;}
  .cross .expander {border:1px solid var(--bs-white);}
	.cross .expander span {background-color: transparent;}
	.cross .expander span::before {background: var(--bs-white); transform: rotate(45deg); top:0;}
	.cross .expander span::after {background: var(--bs-white); transform: rotate(-45deg); bottom:0;}
  .lap {position: fixed; background: var(--bs-b); top:0; left: 100%; width: 100%; height: 100%; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; z-index: 991;}
	.cross .lap {left:10rem;}
	
	.header {height: 5rem; padding:0.5rem 0;}
	.header .logo-box {margin-top:-28px;}
	.header .logo-box a {width:200px; height: 56px;}
	
  .menu-box {width:12rem; padding-top: 2rem; height: 100%; position:fixed; left:-100%; top:0; bottom:0; background:var(--bs-a); z-index: 998; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
  .cross .menu-box {left:0;}
  .menu-box .d-flex {display:block!important;}
  .menu-box li {padding:0 0.75rem;}
  .menu-box li a {display:block; width:100%; height: 2.6rem; line-height: 2.6rem; text-align: center; color:var(--bs-white); border-bottom: 1px solid rgba(255,255,255,0.125)}	
	.z-bottom.cross {z-index: 99;}	
}

/*Top txt*/
.top-txt {height: 4rem; width:30rem; position: absolute; top:50%; left:50%; margin:-2rem 0 0 -15rem; text-align: center;}
.top-txt .fa, .top-txt p:nth-child(1) {font-size: 1.35rem;}
@media (max-width:1199.98px){
  .top-txt .fa, .top-txt p:nth-child(1) {font-size: 1rem; height: 4rem; line-height: 4rem;}
	.top-txt p:nth-last-child(1) {display:none;}
}

/*Top Phone*/
.top-phone {height: 4rem; position: absolute; right: 0; top:1.5rem;}
.top-phone p {margin: 0;}
.top-phone .icon-phone {width:3.5rem; height: 3.5rem; line-height: 3.5rem; display: block;}
.top-phone .icon-phone::before {content: '\e6ad'; font-family: 'fa'; color: var(--bs-ba); font-size: 3.0rem; position: absolute; top:0; left:0;}
.top-phone .phone-num {font-size: 90%; text-align: right;}
.top-phone .phone-mobi {font-size: 2rem; line-height: 2rem;}
@media (max-width:991.98px) {
	.top-phone {display:none;}
}


/**Site Map**/
.stmp {font-size:0.875rem;}
@media (min-width:992px){
  .stmp {float:right;}
}
@media (max-width:991.98px){
  .stmp {display:block; border-bottom: 1px solid var(--bs-f); height:2rem; line-height: 2rem;}
	.ch-nav {margin-top:0.5rem;}
	.ch-nav span {white-space: nowrap!important;}
	.ch-nav span:nth-child(1) {display:block;}
}

/*Search*/
@media (min-width:992px){
  .search-box {position:absolute; top:50%; right:0; border-radius:0.25rem; border:1px solid var(--bs-c); height: 2rem; margin-top:-1rem; overflow: hidden; background-color: rgba(255,255,255,1.00); box-sizing: content-box;}
	.search-box input,
	.search-box .inputSub {border: 0; outline: none;}
	.search-box .inputText {text-indent: 0.5rem; overflow: hidden;}
	.search-box .inputSub {height:2rem; line-height: 2rem; width:3rem; border-left:1px solid var(--bs-c)!important; color:var(--bs-white); transition: all 0.3s; background:var(--bs-c)}
	.search-box .inputSub:hover {color:var(--bs-white); background: var(--bs-a);}
}
@media (max-width:991.98px) {
	.search-box {text-align:center;}
	.search-box .inputSub {width:30%; border:1px solid var(--bs-white); margin-top:1rem; background:var(--bs-white); border-radius: 5px;}
}

/**Swiper Banner**/
@media (max-width:991.98px){
	.swiper-ban {height: 220px;}
	.swiper-button-next, .swiper-button-prev {display: none;}
}
@media (max-width:767.98px){
	.swiper-ban {height: 180px;}  
}
@media (max-width:575.98px){
  .swiper-ban {height: 135px;}
}
@media (min-width:992px){
	.swiper-ban {height: 300px;}
}
@media (min-width:1200px){
  .swiper-ban {height: 420px; overflow: hidden;}
}
.swiper-ban {width: 100%; position: relative; list-style: none; padding: 0; z-index: 1; overflow: hidden; border-radius: 0.25rem;}
.swiper-ban .swiper-wapper {width:100%; height: 100%;}
.swiper-ban .swiper-slide { text-align: center; font-size: 18px;}
.swiper-ban .swiper-slide a {width:100%; height: 100%; display: block; background-size: cover; background-position: center center;}
.swiper-button-next,.swiper-button-prev {color:rgba(255,255,255,0.5)!important; -webkit-transition: all .3s; transition: all .3s;padding:2rem; margin-top:-2rem;}
.swiper-button-next:hover, .swiper-button-prev:hover {color:rgba(255,255,255,1)!important;}
.swiper-ban .swiper-pagination-bullet {width:1.25rem!important; height:0.5rem!important; border-radius: 0.25rem!important; background: var(--bs-white);}
.swiper-ban .swiper-pagination-bullet-active {background: var(--bs-ba);}


/**Line Change**/
.text-overlay-bottom, .olay-bottom .card-img-overlay {position: absolute; bottom: 0; right: 0; left: 0; padding: 5rem 1rem 1rem; background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0)), to(rgba(0,0,0,0.8))); background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%);}

.line-vh2,.line-vh2 li {line-height: 2;}
.time-end {float:right; color:var(--bs-c); margin-left:1rem;}

/*********************************************************/

/**Banner 2**/
:root {
	--ban-vh: 200px;
}
.banner-2 {width:100%; height: var(--ban-vh); background:url("../img/banner-2.jpg") no-repeat center center; background-size:cover;}
.banner-2 .ban-phone {position:absolute; right:1rem; bottom:1rem;}
.banner-2 .ban-phone,.banner-2 .ban-phone .fa {font-size:calc(1rem + 1vw); height: calc(2rem + 1vw); line-height: calc(2rem + 1vw);}
.banner-2 .ban-phone .fa {margin-top:-1rem; font-size: 120%;}
.banner-2 .ban-ewm {width: calc(var(--ban-vh) * 0.6); height: calc(var(--ban-vh) * 0.6); background:url("../img/ewm-wx.jpg") no-repeat center center; background-size: cover; opacity: 0.75; position:absolute; left:1rem; top:calc(var(--ban-vh) * 0.2); border-radius: 0.5rem; overflow: hidden; display: block;}
@media (max-width:1199.98px){
	.banner-2 {height:calc(var(--ban-vh) * 0.6);}
	.banner-2 .ban-phone {position:absolute; right:0.5rem; bottom:0;}
	.banner-2 .ban-ewm {width: calc(var(--ban-vh) * 0.45); height: calc(var(--ban-vh) * 0.45); top:calc(var(--ban-vh) * 0.08);}
}
@media (max-width:575.98px){
	.banner-2 {height:calc(var(--ban-vh) * 0.55); background-position: 40% center;}	
	.banner-2 .ban-ewm {width: calc(calc(var(--ban-vh) * 0.55) - 2rem); height: calc(calc(var(--ban-vh) * 0.55) - 2rem);}
}

/**Banner 3**/
.ban-b a {width:100%; height: 200px; display:block; background-position: left center; background-size: cover; overflow: hidden;}

@media (max-width:1199.98px){
  .ban-b a {height: 130px;}
}
@media (max-width:991.98px){
  .ban-b a {height: 120px;}
}
@media (max-width:767.98px){
	.ban-b a {height: 100px;}
}

/**Title Style**/
.tit-max {position: relative;}
.tit-max .tit-en {font-size:1.1rem; line-height: 1.5rem; position: absolute; top:0; left: 0;}
.tit-max .tit-h {font-size: 1.75rem;}

.more-end {padding:0.25rem 0.5rem; height: 1.5rem; line-height: 1rem; border-radius: 0.125rem; background:var(--bs-ba); position: absolute; left:100%; top:50%; transform: translate(-100%, -50%) !important;}
.more-end a {color:var(--bs-white); font-size: 0.75rem;}
.more-end:hover {background:var(--bs-bb);}
.more-end:hover a {color:var(--bs-wb);}
.btn-more a {padding:0 0.5rem; border:1px solid var(--bs-f); border-radius: 5rem; color:var(--bs-c)}
.btn-more a:hover {border-color: var(--bs-d); background-color: var(--bs-ff);}

.tit-s1 {width:100%; height: 2.8rem; border-bottom:1px solid var(--bs-f); position: relative;}
.tit-s1 .title {height:2.8rem; line-height: 2.8rem; font-size:1.125rem; border-bottom: 1px solid var(--bs-ba); display: inline-block; margin: 0;}

.tit-s2 {width:100%; height: 2.8rem; border-bottom:3px solid var(--bs-ba); position: relative;}
.tit-s2 .title {height:2.8rem; line-height: 2.8rem; font-size:1.125rem; background:var(--bs-ba); display: inline-block; margin: 0;}

.tit-bar {width:100%;}
.tit-bar h2, .tit-bar .title {font-size:1.25rem; height: 2rem; line-height: 2rem; padding-left:1rem; position: relative; display: inline-block;}
.tit-bar h2::before, .tit-bar .title::before {content: ''; width:0.33333rem; position: absolute; left:0; top:0; bottom:0; right:auto; background:var(--bs-ba);}
.tit-bar span {line-height: 2rem;}

/**olay**/
.olay .card-img-overlay {z-index: 11;}
.olay-bottom .card-img-overlay {top:auto;}
.olay-bottom .card-img-overlay {padding: 4rem 0.5rem 0rem;}
.olay .card-title {font-weight: 300; line-height: 1.2!important;}
.olay .card-title.line-clamp-auto {-webkit-line-clamp: 2;}
.olay .card-title {line-height: 1.5!important;}


/**First End**/
@media (min-width:768px){
	.first-e li.e-item {margin-top: 0.75rem;}
  .first-e .e-pic {float:left; width:5rem;}
}
@media (min-width:768px) and (max-width:1199.98px){
	.first-e li.e-item:nth-child(n+3) {display: none;}
}
@media (min-width:992px){
	.first-e li.e-item {margin-top: 1.2rem;}
  .first-e .e-pic {float:left; width:6rem;}
}
@media (min-width:1200px){
	.first-e li.e-item {margin-top:0.9rem; display: inline-block;}
	.first-e li.e-item:nth-child(n+7) {display: none;}
  .first-e .e-pic {float:left; width:5rem;}
}
@media (min-width:1400px){
  .first-e .e-pic {float:left; width:6.5rem;}
}
@media (max-width:767.98px){  
	.first-e li.e-item {margin-top: 0.75rem;}
  .first-e .e-pic {float:left; width:5rem;}
}
/**Product Nav**/
@media (min-width:992px){
	.pro-nav h2 {background: var(--bs-ba); padding: 1rem; height: 5rem; line-height: 3rem; font-size:1.5rem; color:var(--bs-white); position:relative; overflow: hidden;}
	.pro-nav h2::before {content:'\e8a4'; font-family: 'fa'; margin-right: 0.5rem;}
	.pro-nav h2::after {content:''; display: block; width:4rem; height: 4rem; background:url("../img/logo-white.png") no-repeat 0 0; background-size: cover; position: absolute; top:50%; left:calc(100% - 3rem); transform: translate(-50%, -50%); opacity:0.25;}
	.pro-nav .nav {border:none;}
	.pro-nav .nav li {float:left; display: block; width:100%; margin-bottom:1px!important;}
	.pro-nav .nav .nav-tit {width:100%; border:none; background:var(--bs-bf); height: 5rem; font-size:1.25rem; font-weight:600; text-align: left; padding-left:3rem; position: relative; overflow: hidden;}
	.pro-nav .nav .nav-tit.active,.pro-nav .nav .nav-tit:hover {background:var(--bs-be);}
	.pro-nav .nav .nav-tit::before {content:''; width:5px; height: calc(100% + 2px); background:var(--bs-ba); display: block; position: absolute; left:-5px; top:0; transition: all 0.3s;}
	.pro-nav .nav .nav-tit::after {content:''; width:15px; height: 15px; background:var(--bs-ba); display: block; position: absolute; left:-25px; top:50%; transform: rotate(45deg) translate(-50%, -50%); transition: all 0.3s;}
	.pro-nav .nav .nav-tit:hover::before,.pro-nav .nav .nav-tit.active::before {left:0!important;}
	.pro-nav .nav .nav-tit:hover::after,.pro-nav .nav .nav-tit.active::after {left:-7.5px;}
	.pro-nav .nav .nav-tit {height: 5rem;}
	.pro-nav .nav .nav-tit {height:4.555rem; padding-left:1.5rem; font-size: 1.125rem;}
}
@media (min-width:1200px){
	.pro-nav h2 {height: 6rem; line-height: 4rem;}
	.pro-nav .nav .nav-tit {height: 5rem;}
}
@media (min-width:1400px){
	.pro-nav .nav .nav-tit {height: 5.6rem;}
}
@media (max-width:991.98px){
	.pro-nav .nav {width:100%; border:0;}
	.pro-nav .nav-item {float:left; width:25%; display: inline-block!important;}
	.pro-nav .nav-item .nav-tit {float:left; width:100%; height: 3rem; line-height: 3rem; border:1px solid var(--bs-f);}
	.pro-nav .nav-item .nav-tit.active {background:var(--bs-ba); color:var(--bs-white); position: relative;}
	.pro-nav .nav-item .nav-tit.active::before {content: ''; width:1rem; height: 1rem; background:var(--bs-ba); position: absolute; left:calc(50% - 0.5rem); top:100%; transform: rotate(45deg) translate(-50%, -50%);}
	.pro-nav .nav-item:nth-of-type(n+1) .nav-tit {border-left:0!important;}
	.pro-nav .nav-item:nth-child(1) .nav-tit {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
	.pro-nav .nav-item:nth-last-child(1) .nav-tit {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
}
@media (max-width:374.98px){
	.pro-nav .nav-item .nav-tit {font-size:0.75rem;}
}

/**CH List**/
@media (max-width:1399.98px) and (min-width:992px) {
  .ch-side-txt li.list-group-item:nth-child(n+7) {display: none;}
}
.vh-8 {width:13.33333rem;}
.vh-4 {width:6.66666rem;}

/**xbar**/
.xbar-group, .side-xbar-group {list-style: none; padding:0;}
.xbar-group a {text-decoration: none!important;}
.xbar-group-item {position: relative; display: block; padding: 1.5rem; color: var(--bs-a); text-decoration: none; background-color: #fff; border: 1px solid var(--bs-f);}
.xbar-body .xbar-title {line-height: 1.5;}
.xbar-body .xbar-text:last-child,
.xbar-body .xbar-footer {margin-bottom: 0;}
.xbar-body .xbar-text.line-clamp-auto {-webkit-line-clamp:2;}

.side-xbar-group li {margin-bottom: 1rem;}
.side-xbar-group li:last-child {margin-bottom:0;}

@media (max-width:575.98px){
	.xbar-group .vh-8 {width: 6.66666rem;}
	.xbar-group-item {padding:1rem;}
	.xbar-body .xbar-title {margin:0;}
	.xbar-body .xbar-title.fs-4 {font-size: 1.0rem!important;}
	.xbar-group .xbar-body .xbar-text, .xbar-group .xbar-body .xbar-footer {display: none;}
	.xbar-body .xbar-title.line-clamp-auto {-webkit-line-clamp:2;}
	.xbar .xbar-img.me-4 {margin-right:1rem!important;}
}
/**List Img**/
.list-img-desc li {float:left; width: 100%;}
.list-img-desc li + li {border-top:1px solid var(--bs-f); padding-top:1rem;}
.list-img-desc .list-img {float:left; width:9.4rem; margin:0 1rem 1rem 0;}
.list-img-desc .list-body {margin-bottom:1rem;}
.list-img-desc .list-title {font-size: 1.1rem; line-height: 1.5; margin-bottom:0.5rem;}
.list-img-desc .list-desc {font-size:1rem; margin:0;}
.list-img-desc .list-title.line-clamp {-webkit-line-clamp: 2;}

@media (max-width:1399.98px){
	.tab-pane .list-img {width:8.35rem;}
	.tab-pane .list-title {line-height: 1.2;}
}
@media (max-width:1199.98px){
	.tab-pane .list-img {width:7.15rem;}
	.tab-pane .list-title {line-height: 1.2;}
	.tab-pane .list-title.line-clamp {line-height: 1.2; -webkit-line-clamp: 1;}
}

/**List Img Small**/
@media (min-width:768px){
	.list-col-2 {width:calc(50% - 2rem);}	
}
@media (max-width:767.98px){
	.list-col-2 {width:calc(100% - 2rem)}
}

.list-img-small {padding-top: 0; margin-bottom: 0;}
.list-img-small li {float:left;}
.list-img-small .list-img {float:left; width:9.4rem; margin-right: 1rem;}
.list-img-small .list-img,.list-img-small .list-body {margin-bottom:1.5rem; padding-top:1rem;}
.list-img-small .list-title {font-size: 1.125rem; line-height: 1.5; margin-bottom:0.5rem;}
.list-img-small .list-title.line-clamp {-webkit-line-clamp: 2;}

.supply .list-img-small li:nth-last-child(n+3) {border-bottom:1px solid var(--bs-f); margin:0 1rem 1rem 1rem;}
.supply .list-img-small li {float:left; padding:0!important; margin:0 1rem;}

@media (max-width:1199.98px) and (min-width:992px){
	.list-img-small .list-img {width:7rem;}
	.list-img-small .list-title {font-size:1.0rem;}
	.list-img-small .list-title.line-clamp {-webkit-line-clamp: 3;}
	.list-img-small .list-desc {display:none;}
}
@media (max-width:991.98px) {
	.list-img-small .list-img {width:7rem;}
	.list-img-small .list-title {font-size:1.0rem; line-height: 1.2;}
	.list-img-small .list-desc {line-height: 1.35; font-size:0.875rem;}
}
@media (max-width:575.98px){
	.list-img-small li:nth-last-child(n+2) {border-bottom:1px solid var(--bs-f); margin:0 1rem 1rem 1rem;}  
}

/**Plan**/
.plan .card-title {font-size:1.25rem; line-height:1.5;}
.plan .card-title.line-clamp,.plan .card-text.line-clamp {-webkit-line-clamp:2;}

/**List Tag**/
.list-tag {margin: -1rem;}
.list-tag li {float:left; margin:0 1rem; line-height: 3rem;}
.list-tag .num {display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 0.25rem;}

@media (max-width:1199.98px) and (min-width:992px) {
	.list-tag li:nth-child(n+15),.list-tag .num {display:none;}
}
@media (max-width:991.98px) and (min-width:767px) {
	.list-tag .list-col-2 {width:calc(33.33333% - 2rem);}
}
@media (max-width:767.98px){
	.list-tag .list-col-2 {width:calc(50% - 2rem);}
	.list-tag .num {display:none;}
}

@media (max-width:992px) and (min-width:768px) {
	.news .list-img-small .list-img {display: none;}

}

/**News**/
.news-group > .card {margin-bottom: 0.75rem;}
.news-group li {line-height:1.8;}
@media (min-width: 768px) {
  .news-group {display: flex; flex-flow: row wrap;}
  .news-group > .card { flex: 1 0 0%; margin-bottom: 0;}
  .news-group > .card + .card {margin-left: 0; border-left: 0;}
  .news-group > .card:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  .news-group > .card:not(:last-child) .card-img-top,
	.news-group > .card:not(:last-child) .card-header {border-top-right-radius: 0;}
  .news-group > .card:not(:last-child) .card-img-bottom,
	.news-group > .card:not(:last-child) .card-footer {border-bottom-right-radius: 0;}
  .news-group > .card:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .news-group > .card:not(:first-child) .card-img-top,
	.news-group > .card:not(:first-child) .card-header {border-top-left-radius: 0;}
  .news-group > .card:not(:first-child) .card-img-bottom,
	.news-group > .card:not(:first-child) .card-footer {border-bottom-left-radius: 0;}
}

/**Top Tag Class**/
.tag-nav p,.tag-nav ul {line-height: 3rem; margin:0;}
@media (min-width:992px){
  .tag-nav p {display:inline-block; float:left; background:var(--bs-bf); padding:0 0.75rem;}
}
@media (max-width:1399.98px) and (min-width:1200px){
	.tag-nav ul {height: 3rem; overflow: hidden;}
}
@media (max-width:1199.98px){
	.tag-nav p {height:5rem;}
	.tag-nav ul li {line-height: 2.5rem;}
}
@media (max-width:991.98px){
	.tag-nav ul {padding: 0.5rem 0;}
	.tag-nav p {height:3rem; padding-left:1rem; display:block; width:100%; border-bottom:1px solid var(--bs-f); background:var(--bs-bf);}
}
@media (max-width:575.98px){
	.tag-nav ul a {font-size:0.875rem;}
	.tag-nav ul li {line-height: 1.8rem;}
}

/**Supply**/
.supply-main .card-title.line-clamp-auto {-webkit-line-clamp: 2;}
@media (min-width:992px){
	.supply-main .side-auto,
	.art-main .side-auto {width:216px;}
}
@media (min-width:1200px){
	.supply-main .side-auto,
	.art-main .side-auto  {width:166px;}
}
@media (min-width:1400px){
	.supply-main .side-auto,
	.art-main .side-auto  {width:196px;}
}
@media (max-width:991.98px){
	.supply-main h1.line-clamp-auto {-webkit-line-clamp:2;}
}
.supply-main .card-title.line-clamp-auto {-webkit-line-clamp:2;}
.supply-main .brand {top:50%; transform: translateY(-50%);}
.supply-main .model p {margin-bottom: 0.5rem;}
.supply-body img {max-width: 100%;}

/**Tag List Auto**/
.area-nav .tag-butn {cursor: pointer; line-height: 1.5;}
.area-list-slide {display:none; margin-top:1.5rem; padding: 1rem;}

@media (max-width:767.98px){
  .area-list a {display:none;}
}

/**Tag List**/
.tg-link {margin:0 -0.5rem;}
.tg-link a {padding:0 0.5rem; border:1px solid var(--bs-f); border-radius: 5rem; margin:0.5rem 0.5rem 0.5rem; color:var(--bs-c)}
.tg-link a:hover {border:1px solid var(--bs-d); background: var(--bs-ff);}
.tg-like .tit-icon-line {line-height: 1.5;}
.tg-like .tit-icon-line::before {content: '\e966'; font-family: 'fa'; margin-right: 0.5rem;}
.tg-page-box {height:3rem; margin-bottom: 1.5rem;}
/*
.tg-like .tit-icon-line {position: relative;}
.tg-like .tit-icon-line::after {content:''; width:3px; height: 100%; background: var(--bs-ba); display: block; position: absolute; left: calc(-1.5rem + 8px); top:50%; transform: translateY(-50%)}
*/
@media (min-width:992px){
  .tg-title {border-top:2px solid var(--bs-f); height: 3rem; line-height: 3rem; position: relative;}
	.tg-title > * {height:3rem; line-height: 3rem;}
	.tg-title .title {margin: 0; border-top:2px solid var(--bs-ba); position: absolute; left:0; top:-2px;}
	.tg-title .ftitle {float:right; margin: 0; height: calc(3rem - 2px) !important; line-height: calc(3rem - 2px) !important;}
}
@media (max-width:991.98px){
	.tg-title {border-top:2px solid var(--bs-f); padding-top:3rem; position: relative;}
	.tg-title .title {height: 3rem; line-height: 3rem; margin: 0; border-top:2px solid var(--bs-ba); position: absolute; left:0; top:-2px;}
  .tg-title .ftitle {width:100%; height:2rem; line-height: 2rem; display: block; float:left;}
}

/**Overlay**/
.overlay-text-bottom .card-img-overlay {background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.8) 100%); bottom:0!important; top:auto!important;}
.overlay-text-bottom .card-title {margin:0;}

/*******************************************************List**/

/**Small Nav**/
.small-nav span:nth-of-type(n+2) {border-left:1px solid var(--bs-e); padding-left:1rem;}

/**Swiper Img List**/
.p-com .swiper-img-list {position: relative; z-index: 1;}
.p-com .btn-prev, .p-com .btn-next {width: 2rem; height: 2rem; background: var(--bs-ba); position: absolute; top: 0.5rem; z-index: 11; cursor: pointer; text-align: center; color: rgba(255,255,255,1);
}
.p-com .btn-prev i, .p-com .btn-next i {font-size: 1.25rem!important; line-height: 2rem;}
.p-com .btn-prev:hover {text-indent: -0.5rem; background: var(--bs-bb);}
.p-com .btn-next:hover {text-indent: 0.5rem; background: var(--bs-bb);}
.p-com .btn-prev {right: 2.1rem; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.p-com .btn-next {right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.p-com .card .card-title {font-size:1rem; line-height: 1.5; margin:0 -0.5rem;}


/**First Box**/
.first-box {width:100%; padding:28.125%; position: relative; z-index: 10;}
.first-box .swiper-first {width:100%; height: 100%; position: absolute; top:0; right:0; bottom:0 left:0; display: block;}
.first-box .swiper-first .swiper-wrapper, 
.first-box .swiper-first .swiper-wrapper .swiper-slide a {width:100%; height: 100%;}
.first-box .swiper-first .swiper-wrapper .swiper-slide a {display: block; background-size: cover; background-position: center center;}
.first-box .swiper-first .pt {position: absolute; bottom: 0; right: 0; left: 0; padding: 5rem 1rem 1rem; background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0)), to(rgba(0,0,0,0.8))); background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%);}

.first-box .swiper-prev,
.first-box .swiper-next {width: 2rem; height: 3rem; line-height: 3rem; background: var(--bs-ba); position: absolute; top: 50%; transform: translateY(-50%); z-index: 2020; cursor: pointer;}
.first-box .swiper-prev::before {content:'\eaa6';}
.first-box .swiper-next::before {content:'\eaa3';}
.first-box .swiper-prev::before, .first-box .swiper-next::before {font-family: 'fa'; font-size: 2.2rem; color:var(--bs-wc);}
.first-box .swiper-prev:hover::before, .first-box .swiper-next:hover::before {color:var(--bs-white);}
.first-box .swiper-prev:hover,
.first-box .swiper-next:hover {background: var(--bs-bb);}
.first-box .swiper-prev {left: 0; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem;}
.first-box .swiper-next {right: 0; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem;}

.first-box .swiper-pagination-bullet {width:1.25rem!important; height:0.5rem!important; border-radius: 0.25rem!important; background: var(--bs-white);}
.first-box .swiper-pagination-bullet-active {background: var(--bs-ba);}
.first-box .swiper-pagination-bullets {top:0; text-align: right; padding-right: 1rem;}

@media (max-width:767.98px){
	.first-box .swiper-prev, .first-box .swiper-next {width: 1.5rem; height: 2rem; line-height: 2rem;}
	.first-box .swiper-prev::before, .first-box .swiper-next::before {font-size: 1.5rem;}
}

/**Site Map**/
.map-link {overflow: hidden;}
.map-link .map-title {float: left; height: 3rem; line-height: 3rem; margin-right: 1rem; padding:0 1rem; color: var(--bs-ba); font-weight: 700;}
.map-link .link-group {height: 3rem; line-height: 3rem;}

/**List Txt Desc**/
.list-txt-desc {width:100%;}
.list-txt-desc li {margin-top:1.0rem; border-bottom: 1px solid var(--bs-f);}
.list-txt-desc li:nth-last-child(1) {border: none;}
.side-box .list-txt-desc .list-desc {margin-bottom: 1.0rem!important; background: rgba(35,35,35,0.05); padding:0 0.5rem; border-radius: 0.25rem;}
.side-box .list-txt-desc .list-title {font-size:1.1rem; font-weight: 300; line-height: 1.5;}
.side-box .list-txt-desc .list-title::before {content: '\e62d'; font-family: 'fa'; margin-right: 0.5rem; opacity: 0.5;}

/**List Body**/
.list-nav .nav-link:hover {background: var(--bs-white);}
@media (max-width:575.98px){
	.list-body .list-footer {display: none;}	
	.list-nav .nav-link {font-size:0.75rem; padding:0.5rem;}
	.list-body ul {padding-top:1.5rem;}
	.list-body .list-group-item {margin-top: 0.5rem!important;}
	.list-body .list-group-item .list-img,.list-body .list-group-item .list-body {margin-bottom: 1.5rem;}
}

.list-body .list-group-item {margin-top:1rem;}
.list-body .list-group-item .list-img,.list-body .list-group-item .list-body {margin-bottom: 1rem;}

@media (min-width:576px){
	.list-body .list-title.line-clamp {-webkit-line-clamp: 1!important;}
	.list-body .list-img {width:10rem!important;}
	.list-body .list-desc {display: -webkit-box!important; margin-bottom: 0.5rem!important;}
}
@media (min-width:576px) and (max-width:992px) {
	.list-body .list-img {width:8rem!important;}
}

@media (max-width:1199.98px) and (min-width:992px) {
	.side-box .list-img-desc .list-img {width:7rem;}
	.side-box .list-img-desc .list-title.line-clamp {-webkit-line-clamp: 3!important;}
	.side-box .list-img-desc .list-desc {display: none!important;}
}


/**Art Box**/
@media (max-width:575.98px){
  .art-box .art-title.line-clamp {-webkit-line-clamp: 2;}
}
.art-box .art-body img, .supply-body img,
.pro-box .pro-body img {max-width: 100%;}
.art-box .art-body h2,
.art-box .art-body h3,
.pro-box .pro-body h2,
.pro-box .pro-body h3,
.supply-body h2,
.supply-body h3 {width:100%; height: 3rem; line-height: 3rem; font-size: 1.25rem; font-weight: 600; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1;}
.art-box .art-body h2::before,.art-box .art-body h3::before,
.pro-box .pro-body h2::before,.pro-box .pro-body h3::before,
.supply-body h2::before, .supply-body h3::before {content:'\e62c'; font-family: 'fa'; margin-right: 0.5rem; background:var(--bs-ba); color:var(--bs-white); border-radius: 0.25rem;}
.art-box .art-body h3,
.pro-box .art-body h3,
.supply-body h3 {font-size: 1.1rem;}
.art-box .art-body h3::before,
.pro-box .art-body h3::before,
.supply-body h3::before {background:var(--bs-d);}

.art-box .tag-link a, .pro-box .tag-link a {font-size: 0.875rem; color: var(--bs-secondary); margin-right: 1rem;}

/*Side Contact*/
@media (min-width:992px){
	.side-contact.fixed, .sp-list-nav.fixed, .supply-main .fixed, .art-main .fixed {position: fixed; top: 0;}
}

.side-contact .title {height: 5rem; width: 100%; background: var(--bs-ba); padding: 1rem; color: rgba(255,255,255,1.00);}
.side-contact .title .side-logo {width: 3rem; height: 3rem; background: url("../img/logo-white.png") no-repeat center center; background-size: cover; display: block; float: left;}
.side-contact .title div {height: 1.5rem; line-height: 1.5rem;}
.side-contact .title .phone {font-size: 1.5rem; font-weight: 700;}

.side-contact-body {position: relative;}
.side-contact-body::before {content: ''; width: 1rem; height: 1rem; background: var(--bs-ba); position: absolute; top: -0.5rem; left: 2rem; transform: rotate(45deg);}
.side-contact-body .d-flex {font-size: 0.9rem!important;}

@media (max-width:1199.98px) and (min-width:992px) {
	.side-contact .title .phone {	font-size: 1rem!important;}
	.side-contact .text-c.fs-2 {font-size:1.5rem!important;}
}

@media (min-width:992px){
  .side-contact {width: 296px;}
  .sp-list-nav .side-contact {width: 216px;}
}
@media (min-width:1200px){
  .side-contact {width: 356px;}
  .sp-list-nav .side-contact {width: 261px;}
}
@media (min-width:1400px){
  .side-contact {width: 416px;}	
  .sp-list-nav .side-contact {width: 306px;}	
}

/**Side Pro List Nav**/
.side-pro-tit {height: 5rem; position:relative;}
.side-pro-tit .side-tit-h {width:100%; height:2rem; line-height: 2rem; font-size: 1.5rem; position: absolute; left:1rem; top:50%; transform: translate(0, -50%);}
.side-pro-tit .side-tit-h .fa {font-size:1.5rem;}
.side-pro-tit .side-tit-h::after {content:''; width:3rem; height: 3rem; background:url("../img/logo-white.png") no-repeat center center; background-size: cover; position:absolute; right:0; top:50%; transform: translate(-50%, -50%); opacity: 0.5}
.sp-list-nav .list-group-item {padding:1.2rem 1rem; font-size:1.2rem; line-height: 1.2; position: relative;}
.sp-list-nav .list-group-item.active {background-color:var(--bs-ba)!important;}
.sp-list-nav .list-group-item:nth-child(n+2)::before {margin-right:1rem!important;}
.sp-list-nav .list-group-item:nth-child(n+2)::before, .sp-list-nav .list-group-item:nth-child(n+2)::after {font-family: 'fa'; margin-right: 0.25rem; opacity: 0.5;}
.sp-list-nav .list-group-item:nth-child(n+2)::before {content:'\e966';}
.sp-list-nav .list-group-item:nth-child(n+2)::after {content:'\e872'; position:absolute; right:0; top:50%; transform: translate(-50%, -50%);}
.sp-list-nav .list-group-item:nth-child(n+2):hover::before, .sp-list-nav .list-group-item:hover:nth-child(n+2)::after {opacity:1;}
.sp-list-nav .list-group-item:hover:nth-child(n+2)::after {margin-right: 0;}
.sp-list-nav .list-group-item:nth-child(n+2):hover {background: var(--bs-light);}

/**Page List**/
.pagelist {margin:0 -1.5rem; padding:1rem 0.5rem; background:var(--bs-ff);}
.pagelist a {color: var(--bs-secondary);}
@media (min-width:768px) {
	.pagelist li:nth-child(1) {border-right: 1px solid var(--bs-e);}
}

/*********************************************************/

/*Flink*/
.f-link {margin:0 -0.5rem;}
.f-link li {margin: 0 0.5rem;}
.f-link li a {color:var(--bs-b);}

/*Footer*/
.footer {color:rgba(255,255,255,0.9);}
.fot-link {border-bottom:1px solid #000;}
.footer .list-sm p {margin:0; line-height: 1.5rem;}
.footer .wx-ewm {width: 8rem; height: 8rem; background:url("../img/ewm-wx.jpg") no-repeat center center; background-size: cover; position: absolute; top:-2rem; right: 0;}
.list-sm a,.list-sm p,.display-sm,.dp-sm {font-size: 90%;}
.list-sm li::before {content:'\e62a'; font-family: 'fa'; color:var(--bs-wc); font-size: 90%; margin-right: 0.5rem;}
.footer a.text-wc:hover {color: var(--bs-wa) !important;}
@media (max-width:991.98px){
	.fot-link,.footer .row {display: none!important;}
}

@media (max-width:991.98px){
  .footer {margin-bottom: 70px;}
}
.bottom {
	height: 70px;
	padding: 5px 0;
	border-top: 1px solid rgba(215,215,215,1);
	background: rgba(230,230,230,1);
	box-sizing: border-box;
}
.bottom li {
	float: left;
	width: 25%;
	display: inline-block;
	height: 60px;
	text-align: center;
	font-size: 0.9rem;
	border-left: 1px solid rgba(215,215,215,1);
}
.bottom li:nth-child(1) {
	border-color: transparent;
}
.bottom li i {
	display: block;
	font-size: 1.5rem;
	line-height: 2rem;
}

#weixin {
	position: fixed;
	top: 50%;
	margin-top: -.2rem;
	z-index: 9999999;
	font-size: 0.9rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 2rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 1px solid #333;
	border-radius: 1rem;
	display: none;
}


.toolbar {
	width: 45px;
	position: fixed;
	right: 1%;
	top: 45%;
	z-index: 9999;
}
.toolbar dd {
	width: 43px;
	height: 43px;
	position: relative;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	margin-top: 0.25rem;
	border:1px solid var(--bs-a);
	background-color: var(--bs-white);
	box-sizing: content-box;
}
.toolbar dd i {
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 5px 0 0 5px;
	background: url(../img/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	color: var(--bs-white);
	position: absolute;
	padding: 0 0 0 45px;
	top: -1px;
	right: -1px;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	box-sizing: content-box;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -105px;
	background: var(--bs-ba);
	border-radius: 0.25rem;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 140px;
	height: 140px;
	display: block;
	padding: 20px 0 0 20px;
}
.toolbar .pop-code h3 {
	line-height: 1.5rem;
	margin-bottom: 1rem;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .qq span {
	background-position: -35px -47px;
}
.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background-color: var(--bs-ba);
	border-radius: 0.5rem
}
.toolbar .qq:hover span {
	background-position: 0 -47px;
}
.toolbar .tel span {
	background-position: -35px 0;
}
.toolbar .tel:hover {
	background: var(--bs-ba);
}
.toolbar .tel:hover span {
	background-position: 0 0;
}
.toolbar .code span {
	background-position: -35px -95px;
}
.toolbar .code:hover span {
	background-position: 0 -95px;
}
.toolbar .code:hover {
	background-color: var(--bs-ba);
	border-radius: 0.5rem
}
.toolbar .top span {
	background-position: -35px -142px;
}
.toolbar .top:hover {
	background-color: var(--bs-ba);
	border-radius: 0.5rem
}
.toolbar .top:hover span {
	background-position: 0 -142px;
}