/* 
         (0 0)
+=====oOO====(_)=========+
|   Powered By AnXin     |
|   Tel: 0572-5220701    |
|   Creation:2023.10.11  | 
+=================oOO====+
         |__|__|
          || ||
         ooO Ooo
*/
@charset "UTF-8";
body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, s, td, textarea, th, ul { margin: 0; padding: 0; list-style: none; font-family: Microsoft YaHei, sans-serif; } body, html { position: relative; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif; text-transform: capitalize } button, input, select, textarea { font-size: 100%; outline: 0 } a { color: #369; text-decoration: none } .clearfix::after { content: "\0020"; display: block; height: 0; clear: both; font-size: 0; visibility: hidden } .clearfix { zoom: 1 } .clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 } .fl { float: left } .fl, .fr { display: inline } .fr { float: right } em, i { font-style: normal } .none { display: none } .block { display: block } .inline { display: inline-block !important; margin-right: 10px } img { border: 0; object-fit: cover } table { border-collapse: collapse; border: 0; border-collapse: collapse; } ::selection { background: #ddd; color: #111 } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, .25); border: 2px solid transparent; border-radius: 0px; background-clip: padding-box } ::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, 0.5) } ::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, .05) } * { box-sizing: border-box } input, textarea { border: 0 } input::placeholder, textarea::placeholder { opacity: .5 } input:focus { border: 0; outline: 0; box-shadow: 0 } .tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; border-top: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 40px } .tipMain, .tipMain .close { height: 40px; text-align: center } .tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; color: red; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer } span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block } a, a:hover, ::after, ::before, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobileMenu b, header, header *, #footer *, .wrapper, #banner, #banner img, .arrow { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/*通用*/
* { font-size: 14px; font-weight: 400; box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text * { color: #000; font-size: 16px; line-height: 2; word-wrap: break-word; }
.text p:not(:last-child) { margin-bottom: 30px; }
.text img { display: block; opacity: 1 !important; }
.text::after { content: ""; display: table; clear: both; }
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; background: none !important; font-family: sans-serif !important; white-space: normal !important; word-wrap: normal !important; word-break: break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.arrow { position: relative; z-index: 2; width: 10px; height: 10px; }
.arrow::before, .arrow::after { content: ""; position: absolute; display: block; }
.arrow::before { width: 4px; height: 4px; border-right: 1px solid #999; border-top: 1px solid #999; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.arrow::after { width: 12px; height: 0; border-top: 1px solid #999; top: 50%; left: 50%; margin-top: -1px; margin-left: -9px; display: none; }
.arrow.arrow-white::before { border-right-color: #fff; border-top-color: #fff; }
.arrow.arrow-white::after { border-top-color: #fff; }
.body-overlay { position: fixed; left: 0; top: 0px; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100vh; display: none; background: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/*更多*/
.more { position: relative; display: flex; overflow: hidden; justify-content: center; margin-top: 40px; }
.more a { position: relative; display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; background-color: var(--main-color); }
.more a::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); transform: translateY(100%); }
.more span { position: relative; z-index: 2; font-size: 14px; color: #fff; text-transform: uppercase; display: block; text-align: center; }
.more a:hover::after { transform: translateY(0); }

/*******************************
-------[=表单-------
********************************/
.form form .form-group { display: flex; flex-direction: column; align-items: flex-start; }
.form form .form-group .label { font-size: 14px; color: rgba(0, 0, 0, 0.85); white-space: nowrap; margin-bottom: 8px; }
.form form .form-group .units { font-size: 14px; color: #666; margin-left: 8px; white-space: nowrap; }

/* .form form .form-group.all { grid-column-end: span 2; } */
.form form .form-group.button-group { background: none; border: 0; text-align: center; }
.form form .form-group .input-group { width: 100%; }
.form form .form-group .form-input { width: 100%; height: 32px; padding: 5px 12px; background: #fff; border-radius: 2px; border: 1px solid #D9D9D9; font-size: 14px; line-height: 22px; color: #333; }
.form form .form-group textarea.form-input { height: 124px; }
.form form .form-group .form-input::placeholder { font-size: 14px; color: #000; opacity: 0.25; }
.form form .form-group.button-group { outline-width: 0; padding: 0; justify-content: flex-start; justify-content: center; }
.form form .form-button { width: 80px; height: 32px; cursor: pointer; background: var(--main-color); border-radius: 2px; border: solid 1px var(--main-color); font-size: 14px; color: #fff; text-transform: capitalize; position: relative; }
.form form .form-button:hover { opacity: 0.9; }

/*单选 复选*/
.radio-group.form-group label, .checkbox-group.form-group label { margin-right: 0px; }
.radio-group .radio, .checkbox-group .checkbox { margin-right: 0; margin-bottom: 10px; }
.checkbox, .radio { display: flex; align-items: flex-start; position: relative; margin-top: 0px; margin-bottom: 0px; cursor: pointer; padding-left: 20px; font-weight: 400; min-height: 18px; height: auto !important; line-height: 18px !important; }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.checkbox input, .radio input { position: absolute; ; /*opacity: 0;*/ display: none; }
.checkbox span::before, .radio span::before { content: ''; position: absolute; display: inline-block; height: 16px; width: 16px; left: 0; top: 0px; border: 1px solid #ECECEC; border-radius: 50%; }
.checkbox span::after, .radio span::after { content: ''; position: absolute; display: none; width: 8px; height: 8px; left: 5px; top: 5px; border-radius: 50%; background-color: #1890FF; }
.checkbox span, .radio span { margin-left: 8px; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.65); line-height: 22px; }
.checkbox input:checked~span::after, .radio input:checked~span::after { display: inline-block; }
.checkbox input:disabled + span, .radio input:disabled + span { cursor: not-allowed; }
.checkbox input:disabled + span::before, .checkbox input:disabled + span::after, .radio input:disabled + span::before, .radio input:disabled + span::after { opacity: .4; }
.checkbox input:disabled + span::before, .checkbox input:disabled + span::after, .radio input:disabled + span::before, .radio input:disabled + span::after { opacity: .4; }
.radio span::before { -webkit-border-radius: 50%; border-radius: 50%; }
.checkbox input:checked~span::before, .radio input:checked~span::before { border-color: #1890FF; }

/*******************************
-------[=图片切换-------
********************************/
.swiper-container { width: 100%; height: 100%; }
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: block; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; background: var(--main-color); }
.swiper-btn:hover { background: #000; }
.swiper-btn .arrow::before { width: 8px; height: 8px; border-color: #fff; border-width: 2px; }
.swiper-btn.swiper-button-disabled { cursor: not-allowed }
.swiper-btn.next { right: 0; }
.swiper-btn.next .arrow { margin-right: 5px; }
.swiper-btn.prev { left: 0; }
.swiper-btn.prev .arrow { transform: rotate(180deg); margin-left: 5px; }
.swiper-btn .arrow::after { display: none }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 23px; height: 12px; display: flex; align-items: center; justify-content: center; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
.swiper-pagination-bullet { background: #fff; opacity: 1 !important; width: 12px; height: 12px; }
.swiper-pagination-bullet-active { background: var(--main-color); }
.swiper-tool { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 50px; padding-bottom: 50px; }
.swiper-tool .swiper-btn { position: relative; margin: 0 15px; transform: translateY(0%); }

/*******************************
-------[=select-------
********************************/
.select { position: relative; height: 36px; }
.select:after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; position: absolute; z-index: 2; right: 20px; top: 16px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 46px; padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.select ul { position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px; padding: 0; max-height: 240px; overflow-x: hidden; overflow-y: auto; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.select.is-open ul { opacity: 1; visibility: visible; }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ECECEC; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 15px; line-height: 46px; }
.select ul li a { color: #fff; display: block; }
.lang .select { width: 60px; height: 20px; display: flex; align-items: center; justify-content: flex-end; }
.lang .select .placeholder { padding: 0; line-height: 20px; color: #fff; }
.lang .select:after { position: relative; right: 0; top: 0; }
.lang .select ul { top: 32px; background-color: #000; margin-left: -10px; width: 80px; }
.lang .select ul li { border-bottom: 0; font-size: 14px; padding: 0; text-align: center; }

/*******************************
-------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; right: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 22px; margin-left: 18px; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: var(--main-color); opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }

/*******************************
-------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.stretching::after { content: ""; display: block; position: absolute; z-index: 10; pointer-events: auto; background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; }
.list { position: relative; z-index: 1; display: flex; flex-flow: row wrap; }
.list .list-li { position: relative; }
.list-txt { box-sizing: border-box; text-transform: capitalize; }
.list-txt .name { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
.list-txt .txt-info { -webkit-line-clamp: 2; }
.list-txt .txt-info, .list .list-txt .txt-info * { font-size: 14px; line-height: 2; color: #666; }
.list .list-li:hover .list-txt .name { color: var(--main-color); }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.swiper-wrapper.list { flex-flow: row; }

/*******************************
-------[=页码-------
********************************/
.main-page { position: relative; z-index: 1; width: 100%; padding: 0; text-transform: capitalize; display: flex; justify-content: center; align-items: center; margin-top: 50px; margin-bottom: 0px; }
.main-page a { padding: 8px 15px; font-size: 16px; line-height: 22px; background: #FFFFFF; border: 1px solid #ECECEC; color: #333; margin-right: 16px; }
.main-page a.disabled { border: 0; cursor: not-allowed; }
.main-page a.disabled:hover { background-color: #fff; color: #333; }
.main-page a.active, .main-page a:hover { border-color: var(--main-color); color: var(--main-color); }
.main-page .page { display: flex; }
@media screen and (max-width:860px) {
	.main-page a { padding: 5px 12px; font-size: 14px; line-height: 20px; margin-right: 6px; margin-left: 6px; }
	.main-page .page { justify-content: center; width: 100%; }
}

/*******************************
-------[=页面底部------
********************************/
#footer { background-color: #000; position: relative; z-index: 2; padding-top: 60px; }
#footer .footer { display: flex; align-items: flex-start; justify-content: space-between; }
.footer .item { display: flex; flex-direction: column; }
.footer .item .t { width: 100%; font-size: 14px; color: #FFFFFF; line-height: 20px; text-transform: uppercase; margin-bottom: 23px; }
.footer .item .p { display: flex; align-items: flex-start; margin-bottom: 20px; color: rgba(255, 255, 255, 0.8); line-height: 20px; }
.footer .item .p img { display: flex; width: 14px; height: auto; margin-right: 9px; margin-top: 3px; }
.footer .item a { color: #fff; opacity: 0.8; font-size: 12px; line-height: 17px; text-transform: uppercase; }
.footer .item a:hover { color: #fff; opacity: 1; }
.footer .grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 10px; }
.footer .grid .t { grid-column-end: span 2; }
.footer .item .form form { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 44px; gap: 0; }
.footer .first { width: 300px; }
.footer .first .logo { width: 167px; height: 36px; background: url(../images/logo-white.png) left center no-repeat; margin-bottom: 30px; }
.footer .first .p { font-size: 12px; color: rgba(255, 255, 255, 0.8); }
.footer .four .form form .form-group { flex: 1; }
.footer .four .form form .form-group .form-input { height: 42px; font-weight: 300; color: #fff; padding: 14px 20px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); border-right: 0; border-radius: 0; }
.footer .four .form form .form-group .form-input::placeholder { font-weight: 300; color: #fff; opacity: 0.8; }
.footer .four .form form .form-group.button-group { flex: none; width: 56px; }
.footer .four .form form .form-button { width: 100%; height: 44px; text-indent: -100px; background-image: url(../images/icon-send.svg); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; }
.footer .four .icons { margin-top: 20px; display: flex; }
.footer .four .icons .icon { margin-right: 24px; position: relative; }
.footer .four .icons .icon img { width: 32px; height: 32px; }
#footer .copyright { display: flex; align-items: center; justify-content: space-between; padding-top: 80px; padding-bottom: 24px; position: relative; }
#footer .copyright p, #footer .copyright a { line-height: 2.15; color: #fff; opacity: 0.5; display: flex; align-items: center; }
#footer .copyright a:hover { color: #fff; opacity: 1; }
#footer .record, #footer .record a { display: flex; align-items: center; justify-content: flex-start; }
#footer .record a { margin-right: 16px; }
#footer .record img { margin: 0 8px !important; }
@media screen and (max-width:1540px) {
	#footer { padding-top: 48px; }
	.footer .grid { column-gap: 24px; }
	.footer .first, .footer .four { width: 300px; }
	#footer .copyright { padding-top: 60px; }
}
@media screen and (max-width:1370px) {
	#footer { padding-top: 48px; }
	.footer .grid { grid-template-columns: 1fr; column-gap: 0 }
	.footer .grid .t { grid-column-end: span 1; }
	#footer .copyright { padding-top: 40px; }
}
@media screen and (max-width:1024px) {
	#footer { padding-top: 32px; }
	#footer .copyright { padding-top: 16px; padding-bottom: 16px; }
	.footer .item .t { margin-bottom: 12px; }
	.footer .first, .footer .four { width: 240px; }
}
@media screen and (max-width:860px) {
	.footer .first { display: none; }
	#footer .copyright { flex-direction: column; }
	#footer .copyright p, #footer .copyright a { margin-bottom: 0; }
	#footer .record { flex-direction: column; }
	#footer .record a { margin-right: 0; }
}
@media screen and (max-width:640px) {
	.footer .grid { display: none; }
	.footer .item .t { text-align: center; margin-bottom: 12px; }
	#footer .footer .four { width: 100%; }
	#footer .footer .four .icons { justify-content: center; }
	#footer .footer .four .icons .icon { margin-right: 12px; margin-left: 12px; }
}

/*******************************
-------[=页面------
********************************/
header, #header { width: 100%; }
#nav, .nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a { height: 100%; }
#header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
header { position: fixed; top: 0; z-index: 20; }
#header .wrapper { height: 100px; }
#nav { position: absolute; left: 0; bottom: 0; right: 0; }
.nav .nav-ul { display: flex; align-items: center; justify-content: center; }
.nav .mainlevel { position: relative; margin-left: 50px; margin-right: 50px; }
.nav .mainlevel .mainlevel-a { text-decoration: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
.nav .mainlevel::after, .nav .mainlevel::before { content: ""; z-index: 1; position: absolute; display: none; }
.nav .mainlevel::after { width: 1px; height: 12px; right: 0; top: 50%; transform: translate(0px, -50%); background: #000; opacity: 0; }
.nav .mainlevel:last-child::after { display: none; }
.nav .mainlevel::before { width: 0px; height: 1px; background-color: var(--main-color); left: 50%; bottom: 0; transform: translateX(-50%); }
.nav .mainlevel .mainlevel-a span { position: relative; z-index: 2; white-space: nowrap; text-transform: capitalize; }
.nav .mainlevel.active::before, .nav .mainlevel:hover::before, .nav .mainlevel.active.cuf:hover::before { width: 100%; }
.nav .mainlevel.active.cuf::before { width: 0; }
.nav .mainlevel ul { position: absolute; z-index: 999; left: 50%; width: 100%; min-width: 120px; transform: translate(-50%, 20px); opacity: 0; visibility: hidden; }
.nav .mainlevel ul::before, .nav .mainlevel ul::after { content: ""; display: block; position: fixed; top: 80px; display: none; }
.nav .mainlevel ul::after { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 3; }
.nav .mainlevel .sub-mainlevel { display: block; list-style: none; padding: 0; background-color: #fff; border-radius: 0; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }
.nav .mainlevel .sub-mainlevel::before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -7px; left: 50%; margin-left: -7px; }
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; display: block; color: #333; padding: 12px 16px; text-align: center; text-transform: capitalize; }
.nav .mainlevel .sub-mainlevel a:hover { color: var(--main-color); background: #f0f0f0; }
.nav .mainlevel:hover ul { opacity: 1; visibility: visible; transform: translate(-50%, 0px); }
header { transform: translateY(0); }
header.baion { box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1); transform: translateY(-145px); }
header.transformY { transform: translateY(-100%); }
.web-title { width: 100%; position: relative; padding-top: var(--title-top); padding-bottom: var(--title-bottom); display: flex; flex-direction: column; justify-content: center; }
.web-title>div { text-align: center; }
.web-title .main { font-size: 26px; font-weight: 600; color: #000000; line-height: 37px; letter-spacing: 1px; }
.web-title .secondary { font-size: 14px; font-weight: 400; color: var(--main-color); line-height: 20px; letter-spacing: 1px; margin-bottom: 10px; }
.web-title .more { position: absolute; right: 0; bottom: var(--title-bottom); }
.web-title.white .main, .web-title.white .secondary { color: #fff; }
.web-title.center { align-items: center; }
.place, .place a { display: flex; flex-flow: row wrap; align-items: center; white-space: normal !important; word-break: break-all !important; word-wrap: normal !important; }
.place { line-height: 2; color: #333; text-transform: capitalize; padding-top: 27px; padding-bottom: 27px; }
.place a { color: #666; }
.sub-nav .swiper-slide a { width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; font-size: 16px; color: #333; white-space: nowrap; text-transform: capitalize; }
.sub-nav .swiper-slide a:after { content: ""; display: block; width: 0; height: 1px; margin-top: 10px; background-color: var(--main-color); display: none; }
.sub-nav .swiper-slide.active a, .sub-nav .swiper-slide a:hover { opacity: 1; color: var(--main-color); }
.sub-nav .swiper-slide.active a:after, .sub-nav .swiper-slide a:hover:after { width: 100%; }
/* 清除输入 */
.add-clear-span{width: 100%;}
.clear-btn{width: 15px; height: 15px; right: 0px; top: 50%; transform: translateY(-50%); background: var(--main-color); border-radius: 50%;}
.clear-btn:hover{background: #8e0902;}
.clear-btn:before,.clear-btn:after{content:""; display: block; width: 7px; height: 1px; background-color: #fff; position: absolute; left: 4px; top: 7px;}
.clear-btn:before{transform: rotate(-45deg);}
.clear-btn:after{transform: rotate(45deg);}
/*关于我们*/
.about-section1 { display: flex }
.about-section1 img { width: 600px; height: 387px; }
.about-section1 .txt { flex: 1; padding-left: 50px; }
.about-section1 .txt .t { font-size: 32px; font-weight: 500; color: #000000; line-height: 1.4; margin-bottom: 40px; }
.about-section1 .more { justify-content: flex-start; }
.about-section2 { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; }
.about-section2 .item { display: flex; border: 1px solid #F1F1F1; padding: 33px 0 33px 52px; align-items: center; }
.about-section2 .item img { width: 36px; height: 36px; margin-right: 27px; }
.about-section2 .item .p1 { font-size: 16px; color: #000; line-height: 22px; }
.about-section2 .item .p2 { font-size: 14px; color: #999; line-height: 20px; margin-top: 6px; }
.about-section2 .item:nth-child(2) img { width: 31px; height: 35px; }
.about-section2 .item:nth-child(4) img { width: 32px; height: 36px; }
.about-section1+.about-section2 { margin-top: 100px; }

/*产品*/
.products { display: flex; align-items: flex-start; }
.products .sub-nav { width: 327px; border: 1px solid #E9E9E9; height: auto; position: sticky; top: 30px; padding-bottom: 20px; margin: 0; }
.products .sub-nav .h4 { background: #F5F5F5; height: 46px; font-size: 16px; line-height: 46px; padding-left: 16px; color: #000; }
.products .sub-nav .swiper-slide { margin-top: 20px; padding-left: 16px; padding-right: 16px; width: 100%; display: flex; align-items: center; }
.products .sub-nav .swiper-slide a { color: #000; font-size: 16px; display: flex; align-items: center; justify-content: space-between; }
.products .sub-nav .swiper-slide a span { color: #999; }
.products .sub-nav .swiper-slide.active a { font-weight: 600; color: var(--main-color); }
.products .list.pro-list { flex: 1; padding-left: 32px; }
.list.pro-list { margin: var(--list-gap-m) }
.list.pro-list .list-li { padding: var(--list-gap-p); width: var(--products-column); }
.list.pro-list .images { padding-top: 100%; border: solid 1px #ececec; }
.list.pro-list .images img { object-fit: contain; transition: all 1s ease; }
.list.pro-list .images .img, .list.pro-list .list-li:hover .images .hover { opacity: 1; }
.list.pro-list .images .hover, .list.pro-list .list-li:hover .images .img { opacity: 0; }
.list.pro-list .list-li:hover .images img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.list.pro-list .list-txt { padding-top: 16px; }
.list.pro-list .list-txt .name { font-size: 16px; color: #333333; line-height: 22px; text-align: center; text-transform: uppercase; }

/*产品详细*/
.product-detailed { display: flex; justify-content: space-between; width: 100%; }
.product-detailed .tab-wrap .tab-card { display: none; }
.product-detailed .tab-wrap .tab-card.active { overflow: hidden; display: flex; flex-direction: column; }
.product-detailed .product-img { width: 570px; }
.big-img { flex: 1; margin-bottom: 30px; height: 660px; background: #F6F6F6; border: 1px solid #eee }
.big-img .images { padding-top: 100%; }
.big-img .images img, .small-img img { object-fit: contain; width: 88%; height: 88%; margin: 6%; }
.small-img { padding: 0; width: 100%; height: 130px; order: 2; }
.small-img .swiper-slide { background: #F6F6F6; border: 1px solid #eee; cursor: pointer; }
.small-img .swiper-slide-thumb-active { border-color: var(--main-color); position: relative; }
.product-detailed .product-txt { padding-left: 50px; padding-bottom: 160px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.product-detailed .product-txt .name { font-size: 26px; font-weight: 400; color: #000000; line-height: 37px; text-transform: uppercase; }
.product-detailed .product-txt .category { font-size: 16px; color: var(--main-color); margin-top: 14px; margin-bottom: 30px; }
.product-detailed .product-txt .price { font-size: 30px; font-weight: 600; color: #000000; line-height: 42px; }
.product-detailed .product-txt .info { margin-top: 30px; }
.product-detailed .product-txt .info .p, .product-detailed .product-txt .color .t { font-size: 16px; color: #666666; line-height: 22px; text-transform: uppercase; margin-bottom: 14px; }
.product-detailed .product-txt .color { margin-top: 60px; }
.product-detailed .product-txt .color .t { margin-bottom: 20px; }
.product-detailed .product-txt .color .tab-t { display: flex; flex-flow: row wrap; }
.product-detailed .product-txt .color .tab-t li { margin-right: 16px; width: 36px; height: 36px; cursor: pointer; position: relative; }
.product-detailed .product-txt .color .tab-t li::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: -4px; border: solid 1px #fff; }
.product-detailed .product-txt .color .tab-t li.active::before { border-color: var(--main-color); }
.product-detailed .product-txt .btn { width: 132px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--main-color); }
.product-detailed .product-txt .btn span { color: #fff; font-size: 14px; }
@media screen and (max-width:1366px) {
	.big-img { margin-left: 24px; }
	.product-detailed .product-txt { padding-left: 64px; padding-bottom: 95px;}
}
@media screen and (max-width:1280px) {
	.product-detailed .product-img { width: 500px; }
	.product-detailed .tab-wrap .tab-card.active { flex-direction: column; height: auto; }
	.small-img { order: 2; width: 100%; height: 80px }
	.big-img { flex: none; width: 100%; margin-left: 0; margin-bottom: 15px; }
}
@media screen and (max-width:1024px) {
	.big-img { height: calc(100vh - 260px); }
	.product-detailed .product-txt { padding-left: 32px; }
	.product-detailed .product-txt .name { font-size: 22px; }
}
@media screen and (max-width:900px) {
	.product-detailed .product-img { width: 400px }
	.product-detailed .product-txt .color img { width: 60px; height: 60px; }
	.product-detailed .product-txt .color{margin-top: 24px;}
}
@media screen and (max-width:800px) {
	.product-detailed { flex-direction: column; }
	.big-img .images { padding-top: 0; height: 100%; }
	.big-img .images img, .small-img img { width: 100%; height: 100%; margin: 0; }
	.product-detailed .product-img { width: 100%; }
	.product-detailed .product-txt { padding-left: 0; padding-top: 24px; padding-bottom: 0; }
	.product-detailed .product-txt .category{margin-top: 8px; margin-bottom: 12px;}
	.product-detailed .product-txt .info{margin-top: 12px;}
	.product-info{padding-bottom: 24px;}
}
@media screen and (max-width:700px) {
	.product-detailed .product-txt .btn { width: 100%; }
}

/*news*/
.list[data-news] { margin: var(--news-gap-m) }
.list[data-news] .list-li { padding: var(--news-gap-p); width: var(--news-column); }
.list[data-news] .list-txt .date, .index-section5 .list-txt .date { font-size: 14px; color: #999999; line-height: 20px; letter-spacing: 1px; }
.list[data-news] .list-txt .date span, .index-section5 .list-txt .date span { font-size: 30px; font-weight: 600; color: var(--main-color); line-height: 42px; letter-spacing: 2px; }
.list[data-news] .list-txt .name, .index-section5 .list-txt .name { font-size: 20px; font-weight: 500; color: #000000; line-height: 28px; margin-top: 13px; margin-bottom: 13px; }
.list[data-news] .list-txt .txt-info, .index-section5 .list-txt .txt-info { -webkit-line-clamp: 3; }
.list[data-news] .list-txt .txt-info, .list[data-news] .list-txt .txt-info *, .index-section5 .list-txt .txt-info, .index-section5 .list-txt .txt-info * { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list[data-news] .list-li, .index-section5 .list-li { display: flex; }
.list[data-news] .images, .index-section5 .images { width: 46.4%; padding-top: 46.4%; }
.list[data-news] .list-txt, .index-section5 .list-txt { flex: 1; background: #F6F7F8; padding: 70px 34px 0 50px; }
.article { display: flex; flex-direction: column; position: relative; width: 100%; padding: 0 24px 24px 24px; }
.article .article-info { width: 100%; border-bottom: 1px solid #ececec; background-color: #fff; padding-top: 24px; }
.article .article-info .h1 { font-size: 24px; font-weight: 600; text-align: left; color: #333; line-height: 34px; }
.article .article-info .date { margin-top: 15px; margin-bottom: 32px; text-align: left; font-size: 14px; font-weight: 600; color: #444; line-height: 20px; }
.article-body { width: 100%; padding-top: 32px; }
.article-txt, .article-txt * { font-family: Microsoft YaHei, sans-serif; font-size: 14px; line-height: 30px; color: #444; }
.article-txt p { margin-bottom: 20px; text-indent: 2em; }
.article-txt img { width: auto !important; height: auto !important; margin: 40px auto !important; max-width: 100%; display: block; }

/*case*/
.list[data-case]{margin: 0 -10px -30px -10px;}
.list[data-case] .list-li{padding: 0 10px 30px 10px; width: 25%;}
.list[data-case] .images{padding-top: 56.25%;}
.list[data-case] .list-txt{padding-top: 12px;}
.list[data-case] .list-txt .name{line-height: 1.5;}
@media screen and (max-width:1024px) {
	.list[data-case]{margin: 0 -8px -24px -8px;}
	.list[data-case] .list-li{padding: 0 8px 24px 8px; width: 33.33%;}
}
@media screen and (max-width:768px) {
	.list[data-case] .list-li{width: 50%;}
}
/*联系*/
.contact { width: 100%; display: flex; align-items: flex-end; }
.contact .img { width: 570px; height: 570px; position: relative; padding-right: 20px; padding-bottom: 20px; animation: fadeUp 2s ease 0s both; }
.contact .img img { display: block; width: 100%; }
.contact .img::before { position: absolute; left: 20px; right: 0; top: 20px; bottom: 0; content: ''; opacity: 0.5; border: 4px solid #2F318B; z-index: -1; }
.contact .txt { flex: 1; padding-left: 150px; animation: fadeUp 1s ease 1s both; display: flex; flex-flow: row wrap; }
.contact .txt .t { font-size: 36px; font-weight: 600; color: #000000; line-height: 1.38; letter-spacing: 1px; width: 100%; text-transform: uppercase; margin-bottom: 34px; }
.contact .txt .t span { display: block; font-size: 14px; font-weight: 500; color: #999999; line-height: 20px; text-transform: capitalize; }
.contact .txt .item { display: flex; flex-direction: column; width: 50%; font-size: 14px; font-weight: 500; color: #666666; line-height: 20px; margin-bottom: 30px; }
.contact .txt .item span { font-size: 14px; font-weight: 500; color: #333333; line-height: 20px; margin-bottom: 10px; text-transform: capitalize; }
.contact .txt .item .social-icon { display: flex; align-items: center; }
.contact .txt .item .social-icon a { width: 34px; height: 34px; margin-right: 12px; }
.contact .txt .item .social-icon a img { display: block; width: 100%; height: 100%; }
.contact .txt .item.all { width: 100%; }
.map { width: 100%; height: 400px; margin-top: var(--title-top) }
.map #gaodi-map { width: 100%; height: 100%; }
.map .icon { background: url(../images/amap-icon.png) no-repeat; }
.map .icon-cir { width: 63px; height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info { width: 400px; }
.amap-info-content { padding: 15px; }
.amap-info-content h5 { font-size: 18px; line-height: 20px; margin-bottom: 10px; color: #333; font-weight: 600; margin-bottom: 10px; }
.amap-info-content div { font-size: 14px; line-height: 30px; color: #444; display: flex; }
.amap-info-content div a { background: url(../images/icon-navigation.png) center center no-repeat; background-size: 20px 20px; display: block; width: 30px; height: 30px; margin-left: 16px; }
@keyframes fadeUp {
	0% { margin-top: 100px; opacity: 0; }
	100% { margin-top: 0px; opacity: 100%; }
}
.form.message .t { text-align: center; font-size: 36px; font-weight: 600; color: #000000; line-height: 50px; letter-spacing: 1px; padding-top: 66px; padding-bottom: 70px; }
.form.message form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.form.message form .all { grid-column-end: span 3; align-items: center; }
.frame-card{padding:0; margin: 0; width: 100%; height: 100%;}
.frame-btn{position: fixed; left: 16px; top:16px; background: var(--main-color); display:inline-block; padding: 12px 24px; border-radius: 12px; font-size: 14px; color: #fff;}

/*页面*/
#top { width: 100%; height: 44px; background-color: #000; }
#top .wrapper { display: flex; justify-content: space-between; align-items: center; }
#top .left { font-size: 14px; font-weight: 400; color: #FFFFFF; }
#top .right, #top .item { display: flex; align-items: center; height: 44px; }
#top .item { margin-right: 33px; color: #FFFFFF; }
#top .item img { margin-right: 9px; }
/* .search.form { width: 335px; height: 45px; background: #FAFAFA; border: 1px solid #EEEEEE; }
.search.form form { display: flex; }
.search.form form .form-input { flex: 1; background: none; border: 0; padding-left: 21px; }
.search.form form .form-button { background: url(../images/icon-searchBtn.svg) center center no-repeat; background-size: 14px 13px; border: 0; width: 45px; height: 45px; text-indent: -990em; }
.hide { opacity: 0; display: none; } */
/*搜索*/
.search-btn{background: url(../images/icon-searchBtn.svg) center center no-repeat;background-size: 28px 26px;  width: 45px; height: 45px; cursor: pointer; display: none;}
.header.hide-header{-webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; opacity: 0 !important;}
.search-box { position: absolute; top: 44px; height: 100px; right: 50%; margin-right: -700px; transition: all 0.3s; transform: translateY(0%); opacity: 1; z-index: 10;display:flex; justify-content: center; align-items: center; }
.search-box.show-search { transform: translateY(0); opacity: 1; z-index: 1002;}
.search-box .box { width: 335px; display:flex; align-items: center; justify-content: space-between;}
.search-box .form { width: 335px; height: 45px; background: #FAFAFA; border: 1px solid #EEEEEE; position: relative;}
.search-box .form form { display: flex; }
.search-box .form form .form-input { flex: 1; width: 100%; height: 100%; background: none; border: 0; padding-left: 21px; }
.search-box .form form .form-button { background: url(../images/icon-searchBtn.svg) center center no-repeat; background-size: 14px 13px; border: 0; width: 45px; height: 45px; text-indent: -990em; }
.close-search{width: 30px; height: 30px; position: relative; cursor: pointer; display: none;}
.close-search::before,.close-search::after{content:""; display: block; width: 100%; height: 1px; background-color: #444; position: absolute; top: 15px;}
.close-search::before{transform: rotate(-45deg);}
.close-search::after{transform: rotate(45deg);}
.search-result{background-color:#fff;padding-bottom: 32px; margin-left: -8px; margin-right: -8px;}
.search-result .place{padding-top: 32px; margin-bottom: 32px;}
.search-result .highlight{font-weight:600; background-color:var(--main-color); color:#fff;padding:2px 3px; margin-left:5px; margin-right:5px;}
.search-result .t{font-size: 18px; color: #333;border-bottom:solid 1px #eee; width: 100%;padding-bottom:16px; margin-bottom: 32px;}
.search-result .t .highlight{font-size:18px;}
.list.search-list .list-li{width:50%; padding-left: 8px; padding-right: 8px; padding-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.list.search-list .list-li .images{width: 40%; padding-top: 27%;}
.list.search-list .list-li .list-txt{flex:1; padding-left: 30px; padding-top: 0;}
.list.search-list .list-li .list-txt .name{font-size: 18px; text-align: left;margin-bottom: 32px;}
.list.search-list .list-li .list-txt .name .highlight{font-size: 18px; }

@media screen and (max-width:1540px) {
	.search-box{right: 16px; margin-right: 0;}
}
@media screen and (max-width:1024px) {	
	.search-btn{position: absolute; right: 8px;}
	.search-box{top:0; right: 0; margin-right: 0; width: 100%; height: 60px;transform: translateY(-100%); opacity: 0; position: fixed;}
	.search-box.show-search { transform: translateY(0); opacity: 1; z-index: 1200; background: #fff;}
	.search-box .box{max-width: 400px; width: 100%; margin: 0 auto; padding-left: 16px; padding-right: 16px;}
	.search-box .form{width: calc(100% - 60px);}
	.close-search,.search-btn{display: block;}
	.search-result{padding-bottom: 0;}
	.list.search-list .list-li{width: 100%;}
	.list.search-list .list-li{padding-bottom: 16px;}
}

#header { background-color: #fff; }
#header { height: 150px; }
#nav { width: 100%; max-width: 1400px; height: 48px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
#logo { overflow: hidden; width: 200px; height: 46px; }
.logo, .logo a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.wrapper { width: 1400px; }
#body { position: relative; z-index: 2; background-color: #fff; padding-bottom: 70px; }
#body.main { padding-top: 294px; padding-bottom: 120px; }
#nav { left: 50%; transform: translateX(-50%); }
.nav .mainlevel .mainlevel-a span, .nav .mainlevel.active.cuf .mainlevel-a span { font-size: 14px; font-weight: 500; color: #333; text-transform: uppercase; }
.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .mainlevel-a:hover span, .nav .mainlevel.active:hover .mainlevel-a span, .nav .mainlevel.active.cuf .mainlevel-a:hover span { color: var(--main-color); }

/*页面参数*/
:root {
	--main-color: #2F318B; /*高亮颜色 */
	--title-top: 100px;
	--title-top-s: 80px;
	--title-bottom: 50px;
	--list-gap-m: 0 -15px -60px -15px;
	--list-gap-p: 0 15px 60px 15px;
	--products-column: 33.33%;
	--news-gap-m: 0 -15px -40px -15px;
	--news-gap-p: 0 15px 40px 15px;
	--news-column: 50%;
}
@media screen and (max-width:1540px) {
	:root {
		
	--title-top: 80px;
	--title-top-s: 50px;
	--title-bottom: 36px;
	--list-gap-m: 0 -10px -30px -10px;
	--list-gap-p: 0 10px 30px 10px;
	--news-gap-m: 0 -12px -32px -12px;
	--news-gap-p: 0 12px 32px 12px;
	}
}
@media screen and (max-width:1370px) {
	:root {
		--title-top: 50px;
		--title-top-s: 32px;
		--title-bottom: 24px;
		--products-column: 50%;
		--news-gap-m: 0 -8px -24px -8px;
		--news-gap-p: 0 8px 24px 8px;
		--news-column: 50%;
	}
}
@media screen and (max-width:1024px) {
	:root {
		--title-top: 24px;
		--title-top-s: 24px;
		--title-bottom: 16px;
		--list-gap-m: 0 -8px -24px -8px;
		--list-gap-p: 0 8px 24px 8px;
		--products-column: 33.33%;
	}
}
@media screen and (max-width:768px) {
	:root {
		--products-column: 50%;
	}
}
@media screen and (max-width:640px) {
	:root {
		--list-gap-m: 0 -3px -12px -3px;
		--list-gap-p: 0 3px 12px 3px;
	}
}

/* 适配 */
@media screen and (max-width:1540px) {
	.wrapper { width: 100%; padding-left: 16px; padding-right: 16px; }
	.about-section2{column-gap:16px}
	.about-section1+.about-section2 { margin-top: 60px; }
	.contact .img{width: 500px; height: 500px;}
	.contact .txt{padding-left: 100px;}
	.form.message .t{}
}
@media screen and (max-width:1370px) {
	#body{padding-bottom: 45px;}
	.nav .mainlevel{margin-left: 32px; margin-right: 32px;}
	.about-section1 img{width: 500px;}
	.about-section1 .txt{padding-left: 32px;}
	.about-section2 .item{padding: 16px 0 16px 26px;}
	.about-section1+.about-section2 { margin-top: 40px; }
	.contact .img{width: 400px; height: 400px;}
	.contact .txt{padding-left: 80px;}
	.contact .txt .t{font-size: 24px;}
	.contact .txt .item{margin-bottom: 16px;}
 }
@media screen and (max-width:1024px) {
	.body-overlay {top: 60px;height: calc(100vh - 60px);}
	.mobileMenu { width: 30px; height: 30px; padding: 0; position: absolute; z-index: 1001; left: 20px; top: 15px; display: none; cursor: pointer; flex-direction: column; align-items: center; justify-content: space-between; }
	.mobileMenu i, .mobileMenu i::before, .mobileMenu i::after { width: 28px; height: 2px; background: #999; display: block; position: absolute; }
	.mobileMenu i { top: 14px }
	.mobileMenu i::before, .mobileMenu i::after { content: ""; left: 0; -webkit-transform-origin: center center; transform-origin: center center; transition: all .25s ease; }
	.mobileMenu i::before { top: -10px }
	.mobileMenu i::after { top: 10px }
	.mobileMenu.close i { width: 0; }
	.mobileMenu.close i::before, .mobileMenu.close i::after { background: var(--main-color); }
	.mobileMenu.close i::before { -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); }
	.mobileMenu.close i::after { -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); }
	header { transform: none; }
	.mobileMenu { display: inline-block; }
	.mobileMenu.hide { display: none; }
	header { background-color: #fff; }
	header #header { position: relative; z-index: 102; box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.05); background: #fff; }
	#header, header.index-header #header { height: 60px; }
	#header .wrapper { justify-content: center; height: 60px;}
	#nav { position: fixed; display: block; width: 300px; max-width: 80%; height: calc(100vh - 60px); left: -100%; top: 60px; padding: 0; margin: 0; background: rgba(255, 255, 255, 1); z-index: 101; overflow: hidden; transform: translateX(0); }
	#nav.side-slide,#top.side-slide { left: 0; }
	#top{position: fixed; display: block; width: 300px; height: auto; max-width: 80%; left: -100%; bottom: 0px;z-index: 102;}
	#top .left,.lang .select:after{display:none;}
	#top .right,.right .lang{flex-direction: column;width: 100%; height: auto;}
	#top .item{width: 100%; margin-right: 0; justify-content: center;}
	.right .lang{height: 44px;}
	.lang .select{width: 100%; height: 100%; justify-content: center;}
	.lang .select ul li{line-height: 44px;}
	.lang .select ul,.lang .select .placeholder{opacity: 1; visibility: visible; position: relative; width: auto; top: 0; background: none; margin: 0;}
	.lang .select .placeholder{margin-right: 24px; line-height: 44px;}
	.nav .nav-ul { flex-direction: column; justify-content: flex-start; }
	.nav .mainlevel { position: relative; z-index: 10; display: flex; justify-content: center; margin-left: 0; margin-right: 0; width: 100%; height: 46px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.nav .mainlevel::before { bottom: 0; }
	.nav .mainlevel .mainlevel-a { text-decoration: none; width: 100%; display: flex; justify-content: flex-start; padding-left: 18px; padding-top: 16px; padding-bottom: 16px; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
	.nav .mainlevel .mainlevel-a span { color: #333; }
	.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .nav .mainlevel.active.cuf, .mainlevel-a:hover span { color: var(--main-color); }
	.nav .mainlevel:hover ul, .nav .mainlevel.active ul { opacity: 1; visibility: visible;transform: translate(0, 0);}
	.nav .mainlevel { height: auto; flex-direction: column; }
	.nav .mainlevel ul { position: relative; top: 0; left: 0; transform: translateY(0px); opacity: 1; visibility: visible; height: auto; display: none; }
	.nav .mainlevel.active ul { display: block; }
	.nav .mainlevel ul::before, .nav .mainlevel ul::after { display: none; opacity: 0; }
	.nav .mainlevel.active::before, .nav .mainlevel:hover::before, .nav .mainlevel.active.cuf:hover::before { width: 100%; }
	.nav .mainlevel .sub-mainlevel { box-shadow: none; padding: 0; }
	.nav .mainlevel .sub-mainlevel::before { display: none; }
	.nav .mainlevel .sub-mainlevel a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding: 12px 0 12px 32px; text-align: left; }
	.nav .mainlevel .sub-mainlevel a:last-child { border-bottom: 0; }
	#nav .nav { flex-direction: column; height: auto; }
	.nav .nav-ul { flex: none }
	#body.main{padding-top: 80px; padding-bottom: 24px;}
	.main-page{margin-top:24px; padding-bottom: 24px;}	
	#body{padding-bottom: 32px;}
	.about-section1{flex-direction: column;}
	.about-section1 img{width: 100%;}
	.about-section1 .txt{padding-left: 0; padding-top: 24px;}
	.about-section1 .txt .t{font-size: 24px; margin-bottom: 16px;}
	.about-section2{grid-template-columns: repeat(2, 1fr); row-gap:16px}
	.about-section1+.about-section2 { margin-top: 30px; }
	.products{flex-direction: column;}
	.products .sub-nav .h4,.products .sub-nav .swiper-slide a span{display: none;}
	.products .sub-nav{width: 100%;border-top: 0; border-left: 0; border-right: 0;}
	.products .sub-nav .swiper-slide{width: auto; margin-top: 0; margin-right: 16px;}
	.products .sub-nav .swiper-slide::after{content:""; display:block; width: 0; height: 2px; position:absolute; left: 50%; bottom:0; background: var(--main-color); margin-bottom: -20px;}
	.products .sub-nav .swiper-slide.active::after{width: 100%; left: 0;}
	.products .list.pro-list{padding-left: 0; padding-top: 24px;}
	.contact .img{width: 300px; height: 300px;padding-right: 10px; padding-bottom: 10px;}
	.contact .img::before{left: 10px; top:10px; border-width: 2px;}
	.contact{align-items: flex-start;}
	.contact .txt{padding-left: 24px;}
	.contact .txt .t{margin-bottom: 24px;}
	.contact .txt .item{width: 100%;}
}
@media screen and (max-width:860px) {
	.about-section1+.about-section2 { margin-top: 24px; }
	.list.pro-list .list-txt .name{font-size: 14px;}
 }
@media screen and (max-width:768px) {
	#body{padding-bottom: 24px;}
	.more{margin-top: 24px;}
	.more a{width: 100%;}
	.about-section2{grid-template-columns: repeat(1, 1fr); row-gap:12px}
	.form.message form{grid-template-columns: repeat(1, 1fr);}
	.form.message form .all{grid-column-end: span 1;}
 }
@media screen and (max-width:640px) {
	.contact .img{display: none;}
	.contact .txt{padding-left: 0px;}
 }
@media screen and (max-width:480px) { }

/*******************************
-------[=首页------
********************************/
#index-section1 { position: relative; z-index: 1; width: 100%; margin-top: 194px; }
#index-section1 .swiper-container { z-index: 1; width: 100%; height: 100%; }
#index-section1 img.bg { width: 100%; height: 100%; object-fit: cover; z-index: 8; }
#index-section1 .index-banner-txt { position: absolute; z-index: 9; left: 55%; top: 50%; transform: translateY(-50%); }
#index-section1 .index-banner-txt .p1 { font-size: 36px; font-weight: 500; color: var(--main-color); line-height: 1.38; letter-spacing: 1px; }
#index-section1 .index-banner-txt .p2 { font-size: 70px; font-weight: 600; color: #000000; line-height: 1.4; letter-spacing: 3px; }
#index-section1 .index-banner-txt .p3 { font-size: 20px; font-weight: 400; color: #333333; line-height: 1.4; opacity: 0.5; margin-top: 20px; margin-bottom: 33px; }
#index-section1 .index-banner-txt .btn { width: 120px; height: 40px; display: inline-block; background: var(--main-color); text-align: center; font-size: 14px; color: #FFFFFF; line-height: 40px; }
#index-section1 .index-banner-txt[data-left] { left: 20%; }
#index-section1 .swiper-btn.prev { left: 5.7%; }
#index-section1 .swiper-btn.next { right: 5.7%; }
.index-new .list.pro-list .list-li{width: 25%;}
.index-section2 { position: relative; padding-top: var(--title-top); display: grid; grid-template-columns: 1fr 1fr; gap: 30px; height: 550px; }
.index-section2 .item { position: relative; width: 100%; overflow: hidden; }
.index-section2 .item img{display: block; width: 100%; height: 100%;}
.index-section2 .item .txt { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; }
.index-section2 .item .txt .p1 { font-size: 28px; font-weight: 400; color: #000000; line-height: 1.4; text-transform: uppercase; }
.index-section2 .item .txt .p2 { font-size: 66px; font-weight: 600; line-height: 1.3; text-transform: uppercase; }
.index-section2 .item1 { grid-row-end: span 2; }
.index-section2 .item1 .txt { width: 100%; top: 48px; transform: translateY(0); }
.index-section2 .item2 .txt { left: 58px; }
.index-section2 .item2 .txt .p2 { color: #304C44; }
.index-section2 .item3 .txt { right: 96px; }
.index-section2 .item3 .txt .p2 { color: #000; }
.index-section3-txt { margin-bottom: 30px; margin-top: -30px; z-index: 10; background-color: #fff; }
.index-section3-txt .swiper-wrapper, .index-section3-txt .swiper-slide { width: auto !important; }
.index-section3-txt .swiper-wrapper { justify-content: center; }
.index-section3-txt .swiper-slide { padding: 11px 16px; margin: 0 16px; font-size: 16px; font-weight: 500; color: #666; line-height: 22px; cursor: pointer; }
.index-section3-txt .swiper-slide::after { content: ""; display: block; height: 1px; position: absolute; left: 50%; right: 50%; bottom: 0; background: var(--main-color); }
.index-section3-txt .swiper-slide.swiper-slide-thumb-active { color: var(--main-color); }
.index-section3-txt .swiper-slide.swiper-slide-thumb-active::after { left: 0; right: 0; }
.index-section3-swiper .list.pro-list .list-li { width: 25%; }
#index-section4 { background: url(../images/index-section4.png) center center no-repeat; background-size: cover; margin-top: var(--title-top); margin-bottom: var(--title-top-s); padding-top: var(--title-top-s); padding-bottom: var(--title-top-s); }
#index-section4 .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
#index-section4 .about-section1 img { height: 100%; display: block; }
.index-section5{display: none;}
@media screen and (max-width:1540px) {
	#index-section1 .index-banner-txt .p1 { font-size: 30px;}
	#index-section1 .index-banner-txt .p2 { font-size: 60px;}
	#index-section1 .index-banner-txt .p3 { font-size: 16px;} 
	.index-section2 { gap: 24px; }
	.index-section2 .item .txt .p1 { font-size: 24px;}
	.index-section2 .item .txt .p2 { font-size: 48px;}
}
@media screen and (max-width:1370px) {
	#index-section1 .index-banner-txt .p1 { font-size: 20px;}
	#index-section1 .index-banner-txt .p2 { font-size: 40px;}
	#index-section1 .index-banner-txt .p3 { font-size: 14px;margin-top: 8px; margin-bottom: 24px;} 
	#index-section1 .swiper-btn.prev{left: 16px;}
	#index-section1 .swiper-btn.next{right: 16px;}
	.index-section2 { height: 500px; gap: 16px; }
	#index-section1 .index-banner-txt{left: 30%; padding-right: 30px;}
	.index-section2 .item .txt .p1 { font-size: 16px;}
	.index-section2 .item .txt .p2 { font-size: 32px;}
	.index-new .list.pro-list .list-li,.index-section3-swiper .list.pro-list .list-li{width: 33.33%;}
	.index-section3-txt{margin-top: 0; margin-bottom: 24px;}
	.index-section3-txt .swiper-wrapper{justify-content: flex-start;}
	.index-section3-txt .swiper-slide{margin: 0 24px 0 0;}
}
@media screen and (max-width:1024px) {
	#index-section1{margin-top: 60px; height: 500px;}
	#index-section1 .index-banner-txt .p1 { font-size: 16px;}
	#index-section1 .index-banner-txt .p2 { font-size: 24px;}
	#index-section1 .index-banner-txt .p3{margin-bottom: 16px;}
	.index-section3-txt{margin-bottom: 16px;}
}
@media screen and (max-width:860px) {
	#index-section1{ height: 36vh;}
	#index-section1 .index-banner-txt{width: calc(100% - 150px); left: 75px; padding-right: 0; display:flex; flex-direction: column; align-items: center;}
	#index-section1 .index-banner-txt[data-left]{left: 75px;}
	#index-section1 .index-banner-txt *{text-align: center;}
	.swiper-pagination-bullet{width: 8px; height: 8px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5px;}
	.index-section2{grid-template-columns: 1fr; height: auto;}
	.index-section2 .item2{grid-row-start:1}
	.index-section2 .item3{grid-row-start:2}
	.index-section2 .item1{grid-row-end:span 1;grid-row-start:3}
	.index-new .list.pro-list .list-li,.index-section3-swiper .list.pro-list .list-li{width: 50%;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:480px) {}