@charset "UTF-8";
:root {
	--zmain-color:#30a5d9;
	--zhover-color:#30a5d9;
	--main-font: 'Arial', sans-serif;
}
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2?t=1758503386882') format('woff2'),
       url('../font/iconfont.woff?t=1758503386882') format('woff'),
       url('../font/iconfont.ttf?t=1758503386882') format('truetype');
}
.iconfont,.fa{
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* base */
*, *::before, *::after { box-sizing: border-box; }
*:focus { outline: none; }
*:focus-visible { outline: 2px solid var(--main-color, #333); outline-offset: 2px; }
/* scrollbar */
/* ::-webkit-scrollbar {width: 12px;  height: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px; }
::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
::-webkit-scrollbar-corner {background: #f1f1f1;}
* {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }
html { height: 100%; -webkit-text-size-adjust: 100%;  scroll-width: thin; scrollbar-color: #888 #f1f1f1; } */
body { min-height: 100%; font-family: var(--main-font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #736b6f; background-color: #fff; overflow-x: hidden; line-height: 1.6; font-size: 15px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, input, button, select, textarea, table, tr, th, td { margin: 0; padding: 0; font-weight: normal;}
strong, b { font-weight: 500; }
a { color: #333; text-decoration: none; cursor: pointer;  transition: 0.5s; touch-action: manipulation; }
a:hover { text-decoration: none;}
img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; transition: all .5s ease-in-out; }
img:not([src]), img[src=""] { opacity: 0; visibility: hidden; }
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; border: none; background: transparent; }
input:focus, button:focus, select:focus, textarea:focus {outline: none;box-shadow: none;}
label, button { cursor: pointer; }
textarea { resize: vertical; }
audio, canvas, progress,video { display: inline-block; vertical-align: baseline; }

.clearfix::after { content: ""; display: table; clear: both; }
.clear { clear: both; }
.embed-responsive { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; }
.embed-responsive iframe, .embed-responsive video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.table-responsive { min-height: .01%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
table td { padding: 5px; }
.table-responsive td { padding-left: 8px; }
.table-responsive ul li { list-style-position: inside !important; }
.cform-item__wrap { display: flex; align-items: center; font-size: 12px; }
.cform-item__wrap input { width: 96px !important; padding: 0 5px !important; }
.cform-item__wrap img { margin: 0 5px !important; max-width: 100px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }


.container { max-width:100%; margin: 0 auto; padding: 0 120px;}
@media screen and (max-width: 1460px)  {.container{padding-left: 6%; padding-right: 6%; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container{padding-left: 15px; padding-right: 15px; max-width: 100%;}}


.error_hint{display:block; font-size:16px; margin: 6px 0; font-weight: 500; font-weight: 500; text-align: left}
.write_success{display:flex; align-items: center; justify-content: flex-start;font-size:16px; margin: 6px 0; font-weight: 500; color: #fff;}
.write_success i, .write_error i{display:inline-block; width: 20px; height: 20px; margin-right: 6px; background-size: 20px auto;}
.write_success i{background-image: url("data:image/svg+xml,%3Csvg t='1767066366408' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3841' width='200' height='200'%3E%3Cpath d='M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m260.654545 425.425455l-279.272727 279.272727c-5.585455 5.585455-13.032727 9.309091-21.410909 9.309091-10.24 1.861818-20.48-0.930909-27.927273-8.378182l-175.941818-176.872727a30.906182 30.906182 0 0 1 0-43.752728l14.894546-14.894545c12.101818-12.101818 31.650909-12.101818 43.752727 0l141.498182 141.498182 244.829091-244.829091c12.101818-12.101818 31.650909-12.101818 43.752727 0L772.654545 381.672727c12.101818 12.101818 12.101818 31.650909 0 43.752728z' fill='%2365B85D' p-id='3842'%3E%3C/path%3E%3C/svg%3E");}
.write_error i{background-image: url("data:image/svg+xml,%3Csvg t='1767066461038' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7505' width='200' height='200'%3E%3Cpath d='M512.8 512m-423 0a423 423 0 1 0 846 0 423 423 0 1 0-846 0Z' fill='%23FF7575' p-id='7506'%3E%3C/path%3E%3Cpath d='M481.3 590.7c5.3 15.8 15.8 26.2 31.5 26.2 15.8 0 26.2-10.5 31.5-26.2l21-288.7c0-31.5-26.2-52.5-52.5-52.5-31.5 0-52.5 26.2-52.5 57.8l21 283.4z m31.5 78.8c-31.5 0-52.5 21-52.5 52.5s21 52.5 52.5 52.5 52.5-21 52.5-52.5-21-52.5-52.5-52.5z m0 0' fill='%23FFFFFF' p-id='7507'%3E%3C/path%3E%3C/svg%3E");}
.write_error{display:flex; align-items: center;  justify-content: flex-start; font-size:16px; margin: 6px 0; font-weight: 500;} 
.write_error i{color: #f13434;}


#powerby, #powerby a { display: inline-block; color: #c9c9c9; font-size: 13px; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
iframe, video { max-width: 100%; }
.hidden, .hidden_web { display: none !important; }
@media screen and (max-width: 992px) {
  .hidden_mob { display: none !important; }
  .hidden_web { display: block !important; }
}
.inquiry { text-align: left; margin-top: 10px;}
.inquiry .form-group{ display: flex; flex-wrap: wrap; gap: 10px; }
.inquiry .col-6 { width: calc((100% - 15px) / 2); }
.inquiry .col-12 { width: 100%; }
.inquiry .p { margin-bottom: 20px; line-height: 22px; margin-top: 8px; font-size: 15px;}
.inquiry .is-required::after { content: "*"; font-size: 14px; color: #ff4d4f; margin-left: 4px; position: absolute; right: 8px; top: 34px; width: 5px; height: 5px; z-index: 8; }
.inquiry .field-group {position: relative; }
.inquiry select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; transition: border-color 0.3s ease; }
.inquiry .field-group>label { font-weight:500; font-size: 16px; color: #333; margin-bottom: 4px; position: relative; display: block; padding-left: 4px;}
.inquiry .field-group label:before { position: absolute; width: 40px; height: 48px; right: 0; top: 30px;font-family: "iconfont"; text-align: center; line-height: 48px; font-size: 16px; color: #ddd; z-index: 5; font-weight:normal;}
.inquiry .field-group label.ms_e:before { content: "\e7b0"; }
.inquiry .field-group label.ms_p:before { content: "\ea0c"; }
.inquiry .field-group label.ms_c:before { content: "\e7ce"; }
.inquiry .field-group label.ms_n:before { content: "\e609"; }
.inquiry .field-group label.ms_m:before { content: "\e60a"; }
.inquiry .field-group input, .inquiry .field-group textarea, .inquiry select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 0; font-size: 15px; color: #666; transition: all 0.3s ease; background-color: #fff; box-sizing: border-box; height: 46px; display: block; position: relative; }
.inquiry .field-group input::placeholder, .inquiry .field-group textarea::placeholder { color: #999; }
.inquiry .field-group input:hover, .inquiry .field-group textarea:hover { border-color: var(--zhover-color); }
.inquiry .field-group input:focus, .inquiry .field-group textarea:focus { border-color: var(--zhover-color); outline: none; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); background-color: #fff; }
.inquiry .field-group textarea { min-height: 120px; height: auto; resize: vertical; line-height: 20px;}
.inquiry .select, .inquiry .select-wrapper { position: relative; margin: 0; }
.inquiry .select-wrapper::after { content: "\e603"; font-family: "iconfont"; font-size: 12px; color: #ccc; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 9; }
.inquiry .subject_title { background: #fafafa; min-height: 40px; padding: 10px 15px; border-radius: 5px; font-weight: 500; margin: 15px 0;}
.inquiry .subject_title a { color: #333; text-decoration: underline; }
.inquiry .subject_title span { font-size: 14px; color: #444; margin-right: 10px; }
.ms_btn { display: inline-flex; color: #fff; position: relative; overflow: hidden; font-size: 16px; align-items: center; justify-content: center;  background: var(--zhover-color); transition: all 0.5s; border-radius: 5px; margin-top: 0.15rem;font-weight:600;}
.ms_btn button { display: block; background: transparent; border: none; z-index: 2; height: 46px; min-height: 36px; padding: 0 20px; color: #fff;font-weight:600; }
.ms_btn button:hover { background: transparent; }

.ms_btn:hover { background: var(--zhover-color) !important; box-shadow: 0px 14px 56px -11px var(--zhover-color); color: #333 !important; }
.ms_btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; background: rgba(255, 255, 255, 0.5); opacity: 0; border-radius: 100%; transform: scale(1, 1) translate(-50%); transform-origin: 50% 50%; }
.ms_btn:focus:not(:active)::after, .ms_btn:hover:not(:active)::after { animation: ripple 1s ease-out; }
@keyframes ripple { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(30, 30); opacity: 0; } }
.multi-select { position: relative; }
.select-trigger { background: white; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all 0.2s ease; backdrop-filter: blur(4px); border: 1px solid #ddd; height: 52px; border-radius: 5px; padding: 8px; position: relative; }
.select-trigger:after { content: "\e603"; font-family: "iconfont"; font-size: 10px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #999; }
.placeholder, .trigger-text { color: #666; font-size: 15px; }
.trigger-text { width: 100%; padding-right: 20px; }
.trigger-text span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi-select.active .select-trigger:after { content: "\e607"; }
.dropdown-panel { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; background: white; z-index: 100; display: none;}
.multi-select.active .dropdown-panel { display: block; }
.checkbox-list { overflow-y: auto; padding: 6px 0; max-height: 200px; }
.checkbox-list::-webkit-scrollbar { width: 5px; }
.checkbox-list::-webkit-scrollbar-track { background: #eef3f7; border-radius: 10px; }
.checkbox-list::-webkit-scrollbar-thumb { background: #b0c8d6; }
.checkbox-item { display: flex; align-items: center; padding: 8px 12px; cursor: pointer; transition: background 0.15s; }
.checkbox-item:hover { background-color: #edf4f9; }
.checkbox-item input[type="checkbox"] { width: 18px; height: 18px; margin-right: 10px; accent-color: #2a6f8f; cursor: pointer; flex-shrink: 0; }
.checkbox-item label { color: #333; cursor: pointer; flex: 1; margin: 0; }

.inquiry-is .field-group>label{ height: 1px; line-height: 1px; font-size: 0px;}
.inquiry-is .field-group>label:before{  top: 0;}
.inquiry-is .is-required::after{  top: 15px;}
.inquiry-is .field-group input, .inquiry-is .field-group textarea{ padding: 8px; padding-right: 30px; border: 1px solid #ddd;}
.inquiry-is .field-group input:focus, .inquiry-is .field-group textarea:focus{ color: #333;}
.inquiry-is .field-group textarea { min-height: 1rem;}


@media screen and (max-width: 768px) {
  .inquiry .col-6 { width: 100%; }
  .inquiry .field-group { width: 100%;}
}


.con_message .field-group{ margin-bottom: 10px;}

/*Search*/
.ico_search{background-image: url("data:image/svg+xml,%3Csvg t='1784789885840' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5635' width='200' height='200'%3E%3Cpath d='M1005.312 1004.288a63.936 63.936 0 0 1-90.368 0l-201.216-201.024c-175.168 130.816-423.552 118.4-582.72-40.576a446.464 446.464 0 0 1 0-631.808 447.552 447.552 0 0 1 632.448 0c159.168 158.976 171.52 407.168 40.576 582.144l201.28 200.96c24.96 24.96 24.96 65.408 0 90.304z m-332.16-783.168a319.68 319.68 0 0 0-451.84 0 318.912 318.912 0 0 0 0 451.328 319.68 319.68 0 0 0 451.84 0 318.912 318.912 0 0 0 0-451.328z' fill='%23ffffff' p-id='5636'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; cursor: pointer; flex-shrink: 0; background-size: 20px auto; text-transform: uppercase; height:48px; background-color:transparent; width: 48px; border-right: none; margin-left: 0.3rem; background-color:var(--zhover-color); border-radius:5px; display: block; margin-right: 0.2rem;}
.search-box-wrapper{ position: relative;}
.search-box-wrapper form{ width: 100%;}
.search-box-wrapper .form-control{ height: 58px; line-height: 58px; border-radius: 50px; padding-left: 20px; background: #fff; color: #333; width: 100%;}
.search-box-wrapper .search-btn{ min-width: 100px; flex-shrink: 0; background-color: var(--zmain-color); position:inherit; height: 58px; border-radius:50px;background-image: url("data:image/svg+xml,%3Csvg t='1758183002828' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4502' width='20' height='20'%3E%3Cpath d='M670.528 760.96a384 384 0 1 1 90.496-90.496l180.224 180.288a64 64 0 0 1-90.496 90.496L670.528 761.024zM448 704a256 256 0 1 0 0-512 256 256 0 0 0 0 512z' fill='%23ffffff' p-id='4503'%3E%3C/path%3E%3C/svg%3E"); position: absolute; right: 8px; top: 4px; background-repeat: no-repeat; background-position: center center;}
.search_input {position: fixed;left:0;top: 0; width:100%;transition: all 0.5s;z-index: 9999999; display: none;transition-property: top, width, border;transition-duration: 0.1s, 0.1s;background:#fff; height: auto;padding: 0 15px; padding-bottom:80px;}

.search-tags{ margin:0.3rem 0 0;}
.search-tags a{ display: inline-block; background:#fff; border-radius:12px; color: #333; font-size: 14px; line-height:30px; padding: 6px 15px; margin-bottom: 0.04rem; border: 1px solid #E0E0E0;transition: transform 0.4s ease; text-transform: capitalize;}
.search-tags a:hover{ background: var(--zmain-color); color: #fff;}

@media screen and (max-width:992px) {
	.ico_search{ background-image: url("data:image/svg+xml,%3Csvg t='1748395207826' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4687' width='20' height='20'%3E%3Cpath d='M670.528 760.96a384 384 0 1 1 90.496-90.496l180.224 180.288a64 64 0 0 1-90.496 90.496l-180.224-180.224zM448 704a256 256 0 1 0 0-512 256 256 0 0 0 0 512z' fill='%23333333' p-id='4688'%3E%3C/path%3E%3C/svg%3E"); background-color:rgba(255,255,255,0.1); background-size: 20px auto; position: absolute; right: 50px; top: 0; width: 50px; height: 50px; z-index: 9999991; margin: 0;}
}

@media screen and (max-width:768px) {
.search-box-wrapper .search-btn{ position: inherit; width: 100%; margin-top: 10px;}
}

/*top_car*/
.top_car a{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 20.7'%3E %3Cpath fill='%23b5d252' d='M4.5,3.3L4.1,2L0,1.5L0.2,0l5,0.6l0.6,1.6h16.5l-2.8,8.3L8.6,11.7l-1,2h13.1v1.5H5.2L7.3,11L4.5,3.3 M8.1,11L8.1,11z M6.3,3.8l2.3,6.4l9.8-1l1.8-5.4H6.3z'/%3E %3Cpath fill='%23b5d252' d='M8.1,20.7c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3s2.3,1,2.3,2.3C10.4,19.7,9.4,20.7,8.1,20.7z M8.1,17.7 c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8C8.9,18,8.5,17.7,8.1,17.7z'/%3E %3Cpath d='M17.2,20.7c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3C19.5,19.7,18.5,20.7,17.2,20.7z M17.2,17.7 c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8C18,18,17.7,17.7,17.2,17.7z' fill='%23b5d252'%3E%3C/path%3E%3C/svg%3E"); background-size: 18px auto; background-position: left center; background-repeat: no-repeat; padding-left: 30px; margin-left: 0.18rem; color: #fff;}

.gallery { display: flex; gap: 20px; background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); flex-wrap: wrap; }
.gallery a { display: block; width: 150px; height: 100px; overflow: hidden; border-radius: 6px; transition: transform 0.2s; }
.gallery a:hover { transform: scale(1.05); }
.gallery img { width: 100%; height: 100%; object-fit: cover; }

.glightbox-thumbs-container { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; gap: 12px; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(4px); padding: 10px; border-radius: 10px; max-width: 90%; overflow-x: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.glightbox-container.glightbox-closing .glightbox-thumbs-container { opacity: 0 !important; transition: opacity 0.15s ease !important; }
.glightbox-thumbs-container::-webkit-scrollbar { display: none; }

.thumb-item { height: 45px; cursor: pointer; border: 2px solid transparent; border-radius: 4px; overflow: hidden; transition: all 0.25s ease; opacity: 0.5; flex-shrink: 0; }
.thumb-item img { width: 100%; height: 100%; object-fit: cover; user-select: none; -webkit-user-drag: none; }
.thumb-item:hover { opacity: 0.9; }
.thumb-item.active { border-color: #3085d6; opacity: 1; transform: scale(1.08); box-shadow: 0 0 8px rgba(48, 133, 214, 0.6); }

.btn-group { display: flex; gap: 15px; justify-content: center; margin-top: 10px; }
.btn { display: inline-block; padding: 12px 24px; background: #3085d6; color: #fff; text-decoration: none; border-radius: 8px; font-weight: bold; transition: background 0.2s; }
.btn:hover { background: #256cb4; }
.btn-video { background: #e74c3c; }
.btn-video:hover { background: #c0392b; }

.form-container { display: none; background: #fff; padding: 30px; width: 100%; max-width: 450px; margin: 0 auto; border-radius: 8px; box-sizing: border-box; }
.form-group { margin-bottom: 15px; text-align: left; }
.form-group label { display: block; margin-bottom: 5px; color: #666; font-size: 14px; }
.form-group input, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 0; box-sizing: border-box; }
.submit-btn { width: 100%; padding: 12px; background:var(--zhover-color); color: white; border: none; border-radius: 0; cursor: pointer; font-size: 16px; text-transform: uppercase;}
.submit-btn:hover { background:var(--zhover-color); }

.btn-search { background:var(--zmain-color); }
.btn-search:hover { background:var(--zmain-color); }
.search-container { display: none; background: #fff; padding: 20px; width: 100%; max-width: 600px; margin: 0 auto; border-radius: 12px; box-sizing: border-box; }
.search-box-wrapper { display: flex; align-items: center; background: #f1f3f5; border-radius: 8px; padding: 5px 10px; border: 2px solid transparent; transition: all 0.2s; }
.search-box-wrapper:focus-within { border-color:var(--zmain-color); ; background: #fff; box-shadow: 0 0 10px rgba(155, 89, 182, 0.15); }
.search-icon { font-size: 20px; margin-right: 10px; color: #999; }
#search-input { width: 100%; border: none; background: transparent; padding: 12px 0; font-size: 18px; color: #333; outline: none; }
.search-results { margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px; max-height: 250px; overflow-y: auto; }
.search-hint { color: #999; font-size: 14px; text-align: center; }

/*modal*/
.gscrollbar-fixer #header-sticky{ padding-right: 15px;}
.gscrollbar-fixer #whatsapp{ right: 43px;}

.modal-overlay{position: fixed;top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0); backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);z-index: 6666666;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none; transition: opacity 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;}
.modal-overlay.active {opacity: 1;pointer-events: auto;background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.modal-content {background-color:#fff;width: 100%;border-radius:5px;padding: 20px;position: relative; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border: 1px solid rgba(255, 255, 255, 0.05); transform: scale(0.85) translateY(20px);opacity: 0;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;}
#feedbackOverlay .modal-content { max-width: 960px; }
#searchOverlay .modal-content { max-width: 800px; padding: 24px; }
.modal-overlay.active .modal-content {transform: scale(1) translateY(0);opacity: 1;}
.close-modal-x {position: absolute;top: 20px; right: 20px;width: 32px; height: 32px;background-color: rgba(128, 128, 128, 0.08);border: none;border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;color: var(--text-secondary);font-size: 20px;line-height: 1;transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 10;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-close icon-md' viewBox='0 0 20 20' stroke='currentColor' fill='none' role='presentation'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 15L15 5M5 5L15 15'  fill='%23ffffff' /%3E %3C/svg%3E"); background-size: 20px auto; background-repeat: no-repeat; background-position: center center;}
.close-modal-x:hover {background-color: rgba(128, 128, 128, 0.15);color: var(--text-main);transform: rotate(90deg); }
#feedbackOverlay .main{ display: grid; gap: 30px;grid-template-columns: repeat(2, 1fr);}


/*tab*/
.page-nav { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 30px;}
.page-nav-list { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.page-nav-link { display: inline-flex; padding: 10px 20px; background: #fff; border: 1px solid #eee; border-radius: 5px; font-weight:600; text-transform: capitalize;align-items: center; justify-content: center; text-decoration: none; color: inherit; transition: all 0.3s ease; }
.page-nav-link:hover { border: 1px solid var(--zmain-color); color: var(--zmain-color); }
.page-nav-link.active { background: var(--zmain-color); color: #fff; border-color: var(--zmain-color); }

.tabs-content ul li{ list-style: none;}
.tabs-content>.swiper>.swiper-wrapper>.swiper-slide{ opacity: 0 !important;}
.tabs-content>.swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active{ opacity: 1 !important; z-index: 555;}
.tabs-content .swiper-slide .swiper-slide{pointer-events: auto !important;}

@media (max-width: 768px) { 
  .page-nav, .page-nav-list { gap: 10px; }
  .page-nav-link { padding: 8px 16px; font-size: 14px; }
}

@media (max-width: 480px) { 
  .page-nav, .page-nav-list { gap: 8px; }
  .page-nav-link { padding: 6px 12px; font-size: 13px; }
}

/* --- Banner --- */
.banner { position: relative; width: 100%; overflow: hidden;}
.banner img { width: 100%; vertical-align: middle; }
.banner .swiper-slide { position: relative; width: 100%; height: auto; }
.banner .swiper-slide video { width: 100%; height: auto; display: block; object-fit: cover; background: #000; pointer-events: none; }
.banner .progress-bar { position: absolute; bottom: 0; left: 0; width: 0%; height: 4px; background-color: rgba(255,255,255,0.3); z-index: 15; transition: width linear; pointer-events: none; box-shadow: 0 0 4px rgba(255,107,53,0.6);transition: width 0.3s linear; will-change: width;}
.banner .swiper-pagination { position: absolute; bottom: 20px; z-index: 99; width: auto; left: 50%; display: flex; transform: translateX(-50%); }
.banner .swiper-pagination-bullet { background: rgba(255,255,255,0.2); width: 12px; height: 12px; opacity: 1; border-radius: 50%; transition: background 0.3s; cursor: pointer; margin: 0 5px; }
.banner .swiper-pagination-bullet-active { background-color: var(--zhover-color); }
.banner .swiper-button-prev, .banner .swiper-button-next { position: absolute; z-index: 10;}
.banner .swiper-slide-active { z-index: 5; }
.banner .swiper-slide .banner_text { position: relative; z-index: 15;}
.banner .swiper-slide .banner_text .text { font-size: 0.6rem; line-height: 0.66rem; color: #fff; display: inline-block; font-weight: 600;}
.banner .swiper-slide .banner_text .p { color: #fff; font-size: 0.24rem; line-height: 0.36rem; margin: 0.2rem 0 0.3rem;}
.banner .swiper-slide .banner_text .p, .banner .swiper-slide .banner_text .more { transform: translateY(30px); opacity: 0; position: relative; transition: 0.5s;}
.banner .swiper-slide-active .banner_text .p, .banner .swiper-slide-active .banner_text .more { transform: translateY(0); opacity: 1; }

@media only screen and (min-width: 992px) {
    .banner .swiper-slide .banner_text { position: absolute; top: 15%; left: 0;  width: 100%; text-align: center;}
	.banner .swiper-slide .banner_text .banner_main{ max-width: 960px; text-align: left;}
    .banner .swiper-slide .banner_text .p p {font-size: 0.26rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' t='1783476001139' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='5221' width='200' height='200'%3E%3Cpath d='M438.323 741.683L193.28 496.691l67.02-67.02 178.023 178.022L763.7 282.317l67.021 67.02-392.397 392.346z' fill='%23ffffff' p-id='5222'/%3E%3C/svg%3E"); background-size: 20px auto; background-repeat: no-repeat; background-position: 8px 5px; padding-left: 0.4rem; color: #fff; margin-bottom: 0.2rem; display: inline-block; font-size: 14px; line-height: 30px; background-color: rgba(0,0,0,0.3); padding-right: 15px; border-radius: 30px; float: left; margin-right: 12px;}
}

@media only screen and (max-width: 1400px) {
    .banner .container { padding: 0 30px; }
    .banner .swiper-slide .banner_text .text { font-size: 36px; }
    .banner .swiper-slide .banner_text .p { font-size: 20px; line-height: 1.4; }
}

@media only screen and (max-width: 992px) {
    .banner .swiper-pagination { display: none; }
    .banner .swiper-slide .banner_text { background: #143963; padding: 20px; text-align: center; position: relative; transform: none; top: auto; left: auto; }
    .banner .swiper-slide .banner_main { max-width: 100%; padding: 0; text-align: center; }
    .banner .swiper-slide .banner_text .text { font-size: 24px; background: none; margin-bottom: 10px; line-height:30px;}
    .banner .swiper-slide .banner_text .p { font-size: 14px; margin: 0.1rem 0; font-family: var(--main-font); display: none;}
    .banner .swiper-slide > a { display: block; position: relative; }
    .banner .swiper-slide > a:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(transparent 50%, rgba(20,57,99)); content: ''; }

}
@media only screen and (max-width: 768px) {
    .banner .container { padding: 0 10px; }
    .banner .swiper-slide .banner_text .text { font-size: 20px; line-height: 1.3; }
    .banner .swiper-slide .banner_text .p { font-size: 16px;}
}


.swiper-button-prev svg,.swiper-button-next svg{ display: none;}
.swiper-button-prev, .swiper-button-next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-chevron-left icon-md transform' viewBox='0 0 24 24' stroke='%23ffffff' fill='none' role='presentation'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 6L8 12L14 18'/%3E %3C/svg%3E"); background-size: 26px;}
/*btn*/
.btn-link{ display: inline-flex;padding: 0 30px; height:0.58rem; position: relative;overflow: hidden; font-size:18px; align-items: center;justify-content: center;min-height: 42px; transition: 0.5s; cursor: pointer; text-align: center;font-weight: 500; background: var(--zhover-color); color: #fff;border-radius: 5px;}
.btn-link img{ margin-right: 10px;}
.btn-link i{ margin-right: 10px;}
.btn-link:after{ content: " "; position: absolute; width:30px; height: 100%; right: 5px; top:0; line-height: 20px; font-weight: bold;font-family: iconfont; color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' version='1.1' width='22.304076109719972' height='22.304076109719517' viewBox='0 0 22.304076109719972 22.304076109719517'%3E%3Cg transform='matrix(-0.7071067690849304,-0.7071067690849304,0.7071067690849304,-0.7071067690849304,3.266289112752916,45.961093007798766)'%3E%3Cpath d='M26.92330660540997,23.71830440971952L14.565857005409972,36.07549510971952L23.54070460540997,36.07549510971952L23.54070460540997,38.075496109719516L12.153949305409972,38.075496109719516L12.153949305409972,38.075496109719516C11.888053745409971,38.07562110971952,11.632899425409972,37.97022310971952,11.444884385409972,37.782204109719515C11.257352495409972,37.59466810971952,11.151998605409972,37.34031810971952,11.151998665014617,37.075105109719516L11.151998605409972,25.68850790971952L13.151998505409972,25.68850790971952L13.151998505409972,34.660927109719516L25.509107605409973,22.304076109719517L26.92330660540997,23.71830440971952Z' fill-rule='evenodd' fill='%23ffffff' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E"); background-size: 15px auto; background-repeat: no-repeat; background-position: center center;transition: 0.5s; right:10px; opacity: 1; background-color:none; opacity: 0;}
.btn-link:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.news .btn-link,.more-group .btn-link,.blog .btn-link{ line-height: 42px; height: 42px; font-size: 16px; padding: 0 20px;}

.btn-link:hover{color: #fff; box-shadow: 0px 10px 10px -11px var(--zhover-color); transform:translate3d(0,-3px,0); background-color: var(--zhover-color);  border-color: var(--zhover-color); padding-left: 15px; padding-right:46px;}
.btn-link:hover:before{ width: 100%;}
.btn-link:hover:after{ opacity: 1;}
@media only screen and (max-width:992px){
	.btn-link{ font-size: 14px; height: 42px; padding: 0 20px;}
	.btn-link:after{ display: none;}
}


.btn-video{ font-size: 18px; font-weight: 500; color: #fff; line-height: 50px; padding: 0 20px; margin-left: 10px; display: flex; align-items: center;}
.btn-video .video-ico{background-image: url("data:image/svg+xml,%3Csvg t='1779695301994' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5792' width='200' height='200'%3E%3Cpath d='M743.7 552.6 426.6 764c-33.4 22.2-60.8 7.6-60.8-32.6L365.8 292.6c0-40.2 27.4-54.9 60.8-32.5l317.1 211.5C777.1 493.7 777.1 530.3 743.7 552.6L743.7 552.6 743.7 552.6z' fill='%237fbe26' p-id='5793'%3E%3C/path%3E%3C/svg%3E"); background-color: #fff; width: 36px; height: 36px; background-position: center center; background-repeat: no-repeat; display: inline-block; background-size: 30px 30px; border-radius: 50%; margin-right: 22px; position: relative;}
.btn-video .video-ico::before{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: rgba(255,255,255,1); border-radius: 50%;animation: ripple 2s ease-out infinite; z-index: -1;}
@keyframes ripple { 0% {opacity: 0.5; transform: scale(1);}  100% { opacity: 0; transform: scale(2);}}
.more-group{ display: grid; gap: 16px;justify-content: start;grid-auto-flow: column;}

.white-link{ background:#e7762a; }
.white-link:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

@media only screen and (max-width:992px){
.more-group{ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; grid-auto-flow:initial;}

}

/*font*/
.section-title{position: relative; text-align: center; margin-bottom: 0.6rem;}
.section-title h6{ font-size: 18px; text-transform: capitalize; font-weight: 500; padding-left: 16px; margin-bottom: 16px; position: relative; display:inline-block;}
.section-title h6:before{ position: absolute;left: 0; top: -5px; width: 30px; height: 30px; content: ''; background: url(../images/title-bg.png) no-repeat center center; border-radius: 50%; z-index: -1;}
.section-title .title{font-size: 0.6rem; color:#111; line-height: 0.66rem; position: relative;margin-bottom:0; text-align: center; margin: 0 auto; max-width: 12rem; font-weight: 500; text-transform: capitalize;}
.section-title .title:first-letter{ text-transform: uppercase;}
.section-title .h6{ font-size: 0.5rem; font-weight: 300; color: #111;}
.section-title .p{overflow: hidden; max-width:9rem; margin:0 auto; color: #333;font-size:16px; line-height:26px; max-height:52px; overflow: hidden; margin-top: 10px;}
.section-title .left{ width: 50%; max-width: 5rem;}
.section-title .right{ width: 50%;}
.section-title .right .p{ margin-bottom: 0.2rem;}
.primary-font{font-size: 0.36rem; line-height: 0.5rem; color: #111;text-transform: capitalize; margin-bottom: 10px; font-weight: 500;}
.secondary-font{ color: #141b2d; font-size:22px; font-weight:500; line-height:1.4; color: #333; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}


.tl{ text-align: left;}
.tl .title{padding-left: 0; background-position: left bottom; margin: 0; text-align: left;}
.tl .title:after{ left: 0;transform:none}
.tl .p{ text-align: left; margin-left: 0; padding: 0;}

@media only screen and (max-width:1200px) {
.section-title .title{ font-size: 0.4rem; line-height: 0.44rem;}
.section-title {margin-bottom: 20px; min-height: auto;}
.section-title .p{max-width: 100%; margin-top: 0; font-size: 16px; line-height: 20px; max-height: 40px; margin-top: 10px;}
}
@media only screen and (max-width:992px) {
.scrollbar_title{flex-direction: column;align-items: flex-start; margin-bottom: 0.3rem; text-align: center; display: block;}
.scrollbar_title .i_title{max-width: 100%; padding: 0; width: 100%; margin-bottom: 15px;}
.section-title .title{ margin-bottom: 15px; font-size: 0.36rem; line-height: 0.4rem; background: none; max-width: 100%; padding-top:0;padding-bottom: 0; width: 100%; text-align: center !important;}
.section-title .p{text-align: center; font-size: 15px;}
.section-title .h6{ font-size: 0.2rem;}
.section-title .flex-group{flex-direction: column;}
.section-title .left{ width: 100%; max-width: 100%;}
.section-title .right{ width:100%; text-align: center;}

}
@media only screen and (max-width:768px) {
.section-title h6{ display: none;}
.section-title img{ display: none;}
.section-title .title{ font-size: 0.36rem; line-height: 0.46rem; margin-bottom: 0;}
.section-title .p{margin-bottom: 0;  font-size: 14px; line-height: 20px; max-height: 60px;}
.primary-font{ font-size: 0.2rem; line-height: 0.26rem;}
}

/* image */
.light_box{ position: relative; display: block;}
.light_box:before,
.light_box:after{Content:'';background:rgba(255, 255, 255, 0.15) none repeat scroll 0 0;bottom:0;left:0;right:0;top:0;opacity: 0;position: absolute;z-index: 1;transition:all 500ms ease 0s;-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;-ms-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;}
li:hover .light_box:before{left: 50%;opacity: 1;right: 50%;}
li:hover .light_box:after{bottom: 50%;opacity: 1;top: 50%;}

.img_box{position: relative;display: block;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: all 500ms ease;transition: all 500ms ease; overflow: hidden;}
.img_box img{ width: 100%;}
.img_box img:first-child {position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;-webkit-transform: translateX(50%) scaleX(2);transform: translateX(50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}
.card:hover .img_box img:first-child,.img_box:hover img:first-child {-webkit-transform: translateX(0) scaleX(1);transform: translateX(0) scaleX(1);opacity: 1;-webkit-filter: blur(0);filter: blur(0);}
.card:hover .img_box img:nth-child(2),.img_box:hover img:nth-child(2) {-webkit-transform: translateX(-50%) scaleX(2);transform: translateX(-50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}

.light_img{position: relative;z-index: 1;display: inline-block;vertical-align: top;max-width: 100%;background: #fff;}
.light_img:before ,.light_img:after {background: rgba(255, 255, 255, .4) none repeat scroll 0 0;content: " ";height: 0;padding: 0;position: absolute;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;width: 0;transform: rotate(200deg);-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);-ms-transform: rotate(200deg);-o-transform: rotate(200deg);z-index: 1;border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;}
.light_img:before {left: 0;top: 0;}
.light_img:after {bottom: 0;right: 0;}
li:hover .light_img:before, li:hover .light_img:after{height: 100%;width: 100%;transform: rotatex(-200deg);-webkit-transform: rotatex(-200deg);
-moz-transform: rotatex(-200deg);-ms-transform: rotatex(-200deg);-o-transform: rotatex(-200deg);opacity: 0;}

/*Widgets*/
.social_ico{display: flex;align-items: center; margin-top: 20px;}
.social_ico span{ margin-right: 16px; font-weight:600; color: #333; font-size: 0.2rem;}
.social_ico a,.mob_sns a{ margin-right: 10px; border-radius: 50px;display: inline-flex;align-items: center; justify-content: center; max-width: 40px; background:var(--zhover-color);}
.social_ico a:hover{transform:translate3d(0,-3px,0); background-color: var(--zhover-color);}

/*header_section*/
#header-sticky{ z-index: 3333333;}
.header-transparent {position: absolute;top:0;left: 0;right: 0;width: 100%;}
.header-sticky {position: fixed;top: 0;left: 0;right: 0;opacity: 1;width: 100%;visibility: visible;background: rgba(255, 255, 255, 0.9);box-shadow: 0 6px 4px rgba(0, 0, 0, 0.06);animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;}
@keyframes headerSlideDown {0% {margin-top: -150px;}100% {margin-top: 0;}}

.nav_section{ background: #fff;}

.nav-quote{ background-color:var(--zhover-color);line-height: 50px; padding: 0 20px; color: #fff; position: relative; font-size: 16px; font-weight:600; border-radius: 5px; margin-left: 0.5rem;}
#logo{ list-style: none; overflow: hidden; position: relative; display: flex;align-items: center;}
#logo img{ max-height: 0.68rem; width: 100%;}
#logo a{ display: inline-block;}

#logo .logo-name{ margin-right: 0.3rem; font-size: 0.26rem; font-weight: 500; color: #222; text-transform: uppercase; margin:0 0.2rem;}

.height{ height:0.9rem;}
.nav_section .main{ display: flex;align-items: center;justify-content: space-between;}
.nav-group{ display: flex;align-items: center; justify-content: space-between; flex: 1;justify-content: flex-end;}

@media screen and (min-width:992px) {
	#menu-main-menu{ display: flex;justify-content: space-between;align-items: center;}
	.main-menu>li{ flex-shrink: 0; padding-right: 0.7rem;}
	.main-menu>li>a { font-size:18px; color: #121212; line-height:0.22rem; padding:0.34rem 0; position: relative; flex-direction: column; align-items: center; text-align: center; font-weight: 500; text-transform: uppercase;}
	.main-menu>li>a span{ position: relative; z-index: 8888888; margin-bottom: 6px;}
	.header-sticky #logo img{ max-height: 0.5rem;}
	.header-sticky{backdrop-filter: blur(5px);}
	.header-sticky .main-menu>li>a{ padding: 0.24rem 0;}

}

@media screen and (max-width:1460px) {
.top-sns{ display: none;}

}

@media screen and (max-width:1260px) {
	.top-section .top-con{ display: none;}
	.main-menu>li>a{ font-size: 14px; text-transform: capitalize;}
	.web-language{ margin-left: 0;}
}


@media only screen and (max-width:992px) {
	.main-header{top: 0;}
	.nav_section .main{ z-index:inherit; width: 100%; background: none; border:none; position: relative;}
	.nav_section #logo{ display: none;}
	.height{  height: 50px;}
	header .container{padding:0;}
	.fixed-header{ position:fixed; left: 0; top: 0; width: 100%;z-index: 99999;}
	.banner-search .search_main{ max-width: 100% !important;}
	.header-section .main{ height: auto;}
	.nav-group .btn-link{ display: none;}
	#menu-mobile{ top: 0;}
	.header-sticky .top-section{ display: none;}
	.header-sticky #menu-mobile{ top: 0;}
	.web-language{ margin-top: 0.3rem;}
	
}

/* cate-section */
.cate_section{ padding: 0.8rem 0; position: relative; overflow: hidden;}
.cate_section:after {content: attr(data-text);display: block;height: 100%;position: absolute;right: 0;top:15%;text-align: center; font-size: 200px; transition: all 0.5s; white-space: nowrap; left: 0; text-align: center; width: 100%; line-height: 200px; text-transform: uppercase; font-weight: 600; color: #333; z-index: -1; opacity: 0.05;}
.cate_section .section-title{ margin-bottom: 0.1rem;}
.cate_section .flex-group{ margin-bottom: 0.5rem;}
.cate_section .tab-wrapper {margin: 0 auto; border-radius: 8px; overflow: hidden; }
.cate_section .tab-wrapper div.swiper-slide{ opacity: 0;}
.cate_section .tab-wrapper div.swiper-slide-active{ opacity: 1;}
.cate_section .tab-header { position: relative;display: flex; align-items: center; margin-bottom: 0.3rem;}
.cate_section .cate-main{ position: relative;}
.cate_section .arrow-btn { width: 40px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10;user-select: none;font-weight: bold;color: #999;transition: color 0.3s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-chevron-left icon-md transform' viewBox='0 0 24 24' stroke='%23333333' fill='none' role='presentation'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 6L8 12L14 18'/%3E %3C/svg%3E"); background-size: 30px auto; background-repeat: no-repeat; background-position: center center;}
.cate_section .arrow-btn#nextBtn{transform: rotate(-180deg);}
.cate_section .arrow-btn:hover { color: #007aff; }
.cate_section .arrow-btn.disabled { color: #eee; cursor: not-allowed; pointer-events: none; }
.cate_section .tab-nav { flex: 1;display: flex; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.cate_section .tab-nav::-webkit-scrollbar { display: none; }
.cate_section .tab-item{ flex-shrink: 0; width: 12.5%; text-align: center; font-size: 18px; color: #333; cursor: pointer; transition: color 0.3s; position: relative; z-index: 6;; padding:15px 10px; display: flex;flex-direction: column; align-items: center;justify-content: center; font-weight: 500; white-space:normal; line-height:26px;}
.cate_section .tab-item span{ box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 0 15px; line-height: 50px; display:block;pointer-events: none; border-radius: 5px; width: 100%; background: #fff;}
.cate_section .tab-item.active span{ color: #fff; background-color: #007aff; font-weight: 500;}


.cate_section .cate-group ul{ display: grid;grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e9e9eb; border-left: 1px solid #e9e9eb; background: #fff;}
.cate_section .cate-group ul li{ list-style: none; padding: 0.4rem; padding-right: 0.2rem; border-bottom: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb;}
.cate_section .cate-group ul li .title{ font-size: 0.26rem; line-height: 0.3rem; max-height: 0.6rem; display: block; overflow: hidden; font-weight: 500; padding-right: 0.2rem;}
.cate_section .cate-group ul li .info{ display: flex;}
.cate_section .cate-group ul li .info .text{ width: 52%;}
.cate_section .cate-group ul li .info .text p{ color: #666; font-size: 16px; line-height: 26px; max-height: 52px; margin: 0.2rem 0 0; overflow: hidden;}
.cate_section .cate-group ul li .info .img{ width: 48%; overflow: hidden;}
.cate_section .cate-group ul li .info .more{ margin-top: 0.5rem; color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Crect x='5.30933' y='20.2019' width='21.557' height='2.73739' transform='rotate(-40.2798 5.30933 20.2019)' fill='%231B1B22'/%3E%3Crect x='8.35352' y='6.85791' width='2.73739' height='2.73739' transform='rotate(-40.2798 8.35352 6.85791)' fill='%231B1B22'/%3E%3Crect x='12.2114' y='7.17603' width='2.73739' height='2.73739' transform='rotate(-40.2798 12.2114 7.17603)' fill='%231B1B22'/%3E%3Crect x='16.0696' y='7.49463' width='2.73739' height='2.73739' transform='rotate(-40.2798 16.0696 7.49463)' fill='%231B1B22'/%3E%3Crect x='19.6091' y='11.6709' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.6091 11.6709)' fill='%231B1B22'/%3E%3Crect x='19.2913' y='15.5298' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.2913 15.5298)' fill='%231B1B22'/%3E%3Crect x='18.9722' y='19.3877' width='2.73739' height='2.73739' transform='rotate(-40.2798 18.9722 19.3877)' fill='%231B1B22'/%3E%3C/svg%3E"); background-size: 26px auto; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center;text-indent: -9999px; display: inline-block;}
.cate_section .cate-group ul li:hover .info .img img{transform: scale(1.1);}


@media only screen and (max-width:1280px) {
.cate-main .tab-wrapper{ margin: 0;}
.cate-main .tabSwiper{ padding: 0;}
.cate_section .tab-item{ font-size: 16px; width: 25%; height: 60px;}
.cate_section .arrow-btn{ height: 60px;}
.cate_section .cate-main:after{ display: none;}
.cate_section .tab-header{ background: #fff;}
.cate_section .tab-underline{ width: 25%;}

}

@media only screen and (max-width:992px) {
.cate_section{ padding: 0.4rem 0;}
.cate_section .flex-group{ margin-bottom: 0.2rem;}
.cate_section .tab-header{ margin-bottom: 0.2rem;}
.cate_section .tab-item{ width: 50%;}
.cate_section .tab-underline{ width: 50%;}
.cate-bottom .swiper-pagination,.cate-bottom .swiper-scrollbar{ display: none;}
.cate_section .cate-group ul{grid-template-columns: repeat(2, 1fr);}
.cate_section .cate-group ul li{ padding: 10px;}
.cate_section .cate-group ul li .title{ font-size: 18px;}
}

@media only screen and (max-width:768px) {
.cate_section .tab-item{ line-height: 20px;}
.cate_section .btn-link{ display: none;}
.cate_section .tab-item{ width: 100%;}
.cate_section .tab-underline{ width: 100%;}

}


@media only screen and (max-width:500px) {
.cate_section .cate-group ul{grid-template-columns: repeat(1, 1fr);}
}


/* about-section */
.about-section{ background: url(../images/bg_2.jpg) no-repeat right top; padding-top: 0.66rem; overflow: hidden;}
.about-section .main{ display: flex;align-items: flex-end;}
.about-section .about-text{ width: 37%;}
.about-section .about-text .section-title{ margin-bottom: 0.1rem;}
.about-section .about-text .p{ font-size: 0.17rem; line-height: 0.3rem; max-height: 1.5rem; overflow: hidden; margin-bottom: 0.1rem; padding-right: 0.6rem; color: #333;}
.about-section .about-img{ width: 63%; position: relative; border-radius: 10px; border-bottom-left-radius: 0; border-top-right-radius: 100px; overflow: hidden;}
.about-section .about-img img{ width: 100%;}
.about-section .fac-item{ position: relative; border-top-left-radius: 10px; overflow: hidden; margin-top: 0.4rem;}
.about-section .fac-item img{ width: 100%;}
.about-section .fac-item .swiper-pagination{ text-align: left; padding-left: 10px;}
.about-section .fac-item .swiper-pagination-bullet{ background: #fff; opacity: 1; border-radius: 5px;}
.about-section .fac-item .swiper-pagination-bullet-active{ width: 24px; background-color: var(--zhover-color);}
/*partner_section */
.partner-section{ overflow: hidden; padding: 0.4rem 0;}
.partner-section ul{ margin-top: 0.2rem;}
.partner-section ul li{ list-style: none; width:14.28%; padding: 0 10px;}
.partner-section .swiper-wrapper{transition-timing-function: linear !important;}
.partner-section ul li .li{background: #fff; overflow: hidden;}
.partner-section .btn-link{ margin-top: 0.4rem;}
@media (max-width: 992px) {	
	.partner-section{ padding:0 0 0.2rem;}
	.partner-section ul li{width: 20%; padding: 0 4px; margin-bottom: 8px;}
	.partner-section .title .h4{ line-height: 30px;}
	.partner-section .title .num{ min-width: auto;}
	.about-section{ background: none; padding: 0.2rem 0;}
	.about-section .main{flex-direction: column;}
	.about-section .about-img{ border-radius: 0;}
	.about-section .about-text{ width: 100%; text-align: center;}
	.about-section .about-img{ width: 100%; margin-top: 0.5rem;}
}
@media (max-width: 500px) {
	.partner-section ul li{width: 33.33%;}
}


/* case_section */
.index_case { background: #f5f6f8; padding: 0.8rem 0 1.2rem; border-top-left-radius: 100px;border-bottom-right-radius: 100px; overflow: hidden;}
.index_case ul li{ list-style: none;}
.index_case .case_scrollbar{height:6.7rem;overflow: hidden;}
.index_case .case_title .more{ display: flex;align-items: center; color:var(--zhover-color); font-size: 16px; font-family: var(--bold-font); margin-top: 20px;}
.index_case .case_title .more i{background-color:var(--zmain-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='24x24/ArrowLong_Right' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M19.6027304,11 L16.3425076,7.70314549 C15.9541711,7.31044563 15.9577083,6.67729053 16.3504081,6.288954 C16.743108,5.90061747 17.3762631,5.90415464 17.7645996,6.29685451 L22.6606057,11.2478719 C22.7431528,11.321536 22.8123701,11.4082939 22.8663149,11.5034921 C22.9054543,11.571839 22.9358621,11.6438045 22.9575473,11.717772 C23.0507609,12.0306735 22.9956549,12.3892645 22.7405358,12.6698468 C22.73003,12.6814717 22.7192031,12.6929085 22.708055,12.7041457 L17.7645996,17.7031455 C17.3762631,18.0958454 16.743108,18.0993825 16.3504081,17.711046 C15.9577083,17.3227095 15.9541711,16.6895544 16.3425076,16.2968545 L19.6027304,13 L1.99799805,12.9999999 C1.4457133,13 0.997998051,12.5522847 0.997998051,11.9999999 C0.997998051,11.4477153 1.4457133,11 1.99799805,10.9999999 L19.6027304,11 Z' id='ArrowPath' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); width: 48px; height: 48px; border-radius: 5px; background-position: center center; background-size: 20px auto; background-repeat:no-repeat;display: inline-block; margin-right: 16px;}
.index_case .case_title .more:hover{ text-decoration: underline;}
.case_section{ position: relative; border-radius: 5px; overflow: hidden;}
.case_section ul li{width: 2.8rem !important;height: 3.8rem !important;list-style-type: none;position: absolute;top: 1.5rem;transform: translateY(-50%);z-index: 1;background-position: center;background-size: cover;box-shadow: 0 20px 30px rgba(255,255,255,0.3) inset;transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s !important;transform: rotate(0) !important;opacity: 0 !important;z-index: 9999; border-radius: 5px;}
.case_section ul li:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(rgba(0,0,0,0) 50% , rgba(0,0,0,0.2));}
.case_section ul {height: 100%;}
.case_section ul li:nth-child(1){ width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: 1 !important;}
.case_section ul li span {display: inline-block; font-family: var(--title-font);font-size: .28rem;text-transform: uppercase;color: #fff;line-height: .38rem;font-weight: 500;padding-top: .24rem;position: absolute;left: .2rem;bottom: .22rem;height: 1rem;}
.case_section ul li span:before {content: "";display: block;width: 12px;height: 2px;background: #fff;position: absolute;top: 0;}
.case_section ul li.swiper-slide-prev{width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: 1 !important; transition:none !important}
.case_section ul li.swiper-slide-active{ width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: 1 !important;border-radius: 0;}
.case_section ul li.swiper-slide .overly{display: block;width: 100%;height: 100%;;position: absolute;left: 0;top: 0; background: rgba(2, 7, 10, 0.2);backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); transition: 0.5s;}
.case_section ul li.swiper-slide-active .overly{backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.case_section ul li .case-title {position: absolute;left: 50%; bottom:0;transform: translateX(-50%);z-index: 999; transition: 0s; color: #fff; display: block; max-width: 3rem; width: 100%; margin: 15px; font-size: 0.2rem; line-height: 0.24rem; max-height: 0.48rem; overflow: hidden; font-weight: 500;}
.case_section ul li .case-text{ position: absolute; left: 0; bottom: 0; opacity: 0; width: 36%; padding: 15px 3%;}
.case_section ul li.swiper-slide-active .case-text .title{ color: #fff; font-size: 0.56rem; line-height: 0.6rem; text-transform:capitalize; margin-bottom: 0.2rem; display: block; font-weight: 500;}
.case_section ul li.swiper-slide-active .case-text p{ color: #fff; font-size: 16px; line-height: 24px; color: #fff; max-height: 72px; overflow: hidden; margin-bottom: 0.2rem;}
.case_section ul li.swiper-slide-active .case-title,.case_section ul li.swiper-slide-prev .case-title{ display: none;}
.case_section ul li.swiper-slide-active .case-text{opacity: 1;transform: translateY(0);transition-delay:.8s; transition-duration:.5s; bottom: 0.8rem;}
.case_section ul li.swiper-slide-active span {opacity: 0;}
.case_section ul li.swiper-slide-active span:before {width: 40px;height: 6px;}
.case_section ul li.swiper-slide-next{ left: 40%; opacity: 1 !important;}
.case_section ul li.swiper-slide-next+.swiper-slide{ left:calc(40% + 3rem);opacity: 1 !important;}
.case_section ul li.swiper-slide-next+.swiper-slide+.swiper-slide{ left:calc(40% + 6rem);opacity: 1 !important;}
.case_section ul li.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide{ left:calc(40% + 9rem);opacity: 1 !important;}
.case_section ul li.swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide { left:calc(40% + 10rem);opacity: 1 !important;}
.case-bottom {width: 60%;position: absolute;right:0;bottom: .4rem;display: flex;align-items: center;justify-content: space-between;z-index: 9; padding-right:60px;}
.case-bottom .case-btn {display: flex;align-items: center;}
.case-bottom .case-btn .swiper-button-next,.case-bottom .case-btn .swiper-button-prev {position: initial;width: .55rem;height: .55rem; border-radius: 50%;margin-top: 0;margin-right: .15rem;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-top: 0 !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Crect x='5.30933' y='20.2019' width='21.557' height='2.73739' transform='rotate(-40.2798 5.30933 20.2019)' fill='%231B1B22'/%3E%3Crect x='8.35352' y='6.85791' width='2.73739' height='2.73739' transform='rotate(-40.2798 8.35352 6.85791)' fill='%231B1B22'/%3E%3Crect x='12.2114' y='7.17603' width='2.73739' height='2.73739' transform='rotate(-40.2798 12.2114 7.17603)' fill='%231B1B22'/%3E%3Crect x='16.0696' y='7.49463' width='2.73739' height='2.73739' transform='rotate(-40.2798 16.0696 7.49463)' fill='%231B1B22'/%3E%3Crect x='19.6091' y='11.6709' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.6091 11.6709)' fill='%231B1B22'/%3E%3Crect x='19.2913' y='15.5298' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.2913 15.5298)' fill='%231B1B22'/%3E%3Crect x='18.9722' y='19.3877' width='2.73739' height='2.73739' transform='rotate(-40.2798 18.9722 19.3877)' fill='%231B1B22'/%3E%3C/svg%3E"); background-size: 26px auto; background-repeat: no-repeat; background-position: center center; background-color:rgba(0,0,0,0) !important;backdrop-filter:none; transform: rotate(40deg); margin: 0;}
.case-bottom .case-btn .swiper-button-prev{transform: rotate(-140deg);}
.case-bottom .case_section-btn .swiper-button-next:after,.case-bottom .case_section-btn .swiper-button-prev:after {color: #fff}
.case-bottom .swiper-scrollbar {width: 83%;background: rgba(255,255,255,.5);opacity: 1!important;position: relative;z-index: 99;}
.case-bottom .swiper-pagination { position: initial; width: auto; margin-left: 20px; color: #fff; font-size: 18px;}
.case-bottom .swiper-pagination i{ margin: 0 6px;}

.case_section .progress-pagination {width: 100%;height: 6px;background: rgba(255, 255, 255, 0.2);z-index: 10;overflow: hidden; border-radius: 5px;}
.case_section .progress-bar{height: 100%;width: 0%;background:var(--zhover-color);transition: width 0.5s ease;position: relative;}
.case_section .progress-bar::after {content: '';position: absolute;top: 0;right: 0;width: 20px;height: 100%;background: linear-gradient(to right, transparent, rgba(255,255,255,0.5));
animation: shimmer 2s infinite;}
@keyframes shimmer {0% { transform: translateX(-20px); opacity: 0; }50% { opacity: 1; }100% { transform: translateX(0); opacity: 0; }}
        

@media only screen and (max-width:992px) {
.index_case{ border-radius: 0; padding: 0; background: #fff;}
.index_case .case_scrollbar{overflow: hidden;}
.case_section ul li.swiper-slide-active .case-text .title{ font-size:0.3rem; line-height: 0.36rem;}
}

@media only screen and (max-width:768px) {
.case_section ul li .case-text{ width: 100%;}
.index_case .case_scrollbar{ height: 4rem;}
.case_section ul li{ top: 0.5rem;}
.case_section ul li.swiper-slide-next{ left: 100%;}
.case-bottom{ width: 100%; bottom: 0; padding-right:10px;}
}
/* news-widget */
.news-section{ padding: 0.8rem 0;}
.news-widget {display: flex;background: #ffffff;overflow: hidden; gap: 40px;}
.news-list {flex: 1;display: flex;flex-direction: column;justify-content: space-around; gap: 10px;}
.news-item {padding:0.36rem; padding-right: 66px;cursor: pointer;transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);border-left: 4px solid transparent; display: flex; position: relative; background: #f7f7f8; border-left: 3px solid #f7f7f8; border-radius: 5px;}
.news-item .num{ color: #333; font-size: 16px; text-align: center; flex-shrink:0; margin-right: 0.3rem; line-height: 20px;}
.news-item .num p{ font-size: 0.5rem; font-weight: 500; line-height: 0.56rem;}
.news-item .category {font-size: 12px;color: #86868b;text-transform: uppercase;margin-bottom: 6px;}
.news-item .title{font-size: 0.22rem; line-height: 0.3rem;font-weight: 500;color: #1d1d1f; max-height: 0.6rem; display: block; overflow: hidden; margin-bottom: 0.1rem;}
.news-item .text p{ font-size: 16px; color: #666; line-height: 22px; max-height: 44px; overflow: hidden;}
.news-item .more{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Crect x='5.30933' y='20.2019' width='21.557' height='2.73739' transform='rotate(-40.2798 5.30933 20.2019)' fill='%231B1B22'/%3E%3Crect x='8.35352' y='6.85791' width='2.73739' height='2.73739' transform='rotate(-40.2798 8.35352 6.85791)' fill='%231B1B22'/%3E%3Crect x='12.2114' y='7.17603' width='2.73739' height='2.73739' transform='rotate(-40.2798 12.2114 7.17603)' fill='%231B1B22'/%3E%3Crect x='16.0696' y='7.49463' width='2.73739' height='2.73739' transform='rotate(-40.2798 16.0696 7.49463)' fill='%231B1B22'/%3E%3Crect x='19.6091' y='11.6709' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.6091 11.6709)' fill='%231B1B22'/%3E%3Crect x='19.2913' y='15.5298' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.2913 15.5298)' fill='%231B1B22'/%3E%3Crect x='18.9722' y='19.3877' width='2.73739' height='2.73739' transform='rotate(-40.2798 18.9722 19.3877)' fill='%231B1B22'/%3E%3C/svg%3E"); background-size: 26px auto; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; position:absolute; right: 20px; bottom: 20px; text-indent: -9999px;}

.news-item:hover,.news-item.active {background-color: #eee;border-left-color: #0066cc;transform: translateX(6px);}
.news-item:hover .more,.news-item.active .more {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Crect x='5.30933' y='20.2019' width='21.557' height='2.73739' transform='rotate(-40.2798 5.30933 20.2019)' fill='%2330a5d9'/%3E%3Crect x='8.35352' y='6.85791' width='2.73739' height='2.73739' transform='rotate(-40.2798 8.35352 6.85791)' fill='%2330a5d9'/%3E%3Crect x='12.2114' y='7.17603' width='2.73739' height='2.73739' transform='rotate(-40.2798 12.2114 7.17603)' fill='%2330a5d9'/%3E%3Crect x='16.0696' y='7.49463' width='2.73739' height='2.73739' transform='rotate(-40.2798 16.0696 7.49463)' fill='%2330a5d9'/%3E%3Crect x='19.6091' y='11.6709' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.6091 11.6709)' fill='%2330a5d9'/%3E%3Crect x='19.2913' y='15.5298' width='2.73739' height='2.73739' transform='rotate(-40.2798 19.2913 15.5298)' fill='%2330a5d9'/%3E%3Crect x='18.9722' y='19.3877' width='2.73739' height='2.73739' transform='rotate(-40.2798 18.9722 19.3877)' fill='%2330a5d9'/%3E%3C/svg%3E"); transform: rotate(40deg);}

.news-preview {flex: 1.2;position: relative;overflow: hidden;background-color: #000;}
.news-preview a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;opacity: 0;pointer-events: none; transition: opacity 0.5s ease;}
.news-preview img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.05);transition: transform 0.5s ease;}
.news-preview a.active {opacity: 1;pointer-events: auto;}
.news-preview a.active img {transform: scale(1);}

@media only screen and (max-width:768px) {
.news-section{ padding: 0.4rem 0;}
.news-preview{ display: none;}
.news-section .btn-link{ display: none;}
}

/*footer*/
#footer{color: #dbe0e7; background: #14212b; font-size: 16px;  padding-top: 0.8rem;}
#footer ul li{ list-style:none;}
#footer a{ color:#dbe0e7;}
#footer a:hover{text-decoration:underline; color: #fff;}
#footer .ul li a{ line-height:22px; padding:8px 0; display:inline-block; position:relative; text-transform: capitalize;}
#footer .main{ display: flex;justify-content: space-between; gap: 30px;}
#footer .title_h4 {font-size:0.22rem;position: relative;margin-bottom: 0.15rem;color: #fff;line-height: 0.3rem;text-transform:capitalize; font-weight: 500;}
#footer .footer-bottom .cop{ display:flex; gap:6px;flex-wrap: wrap;justify-content: center;}
#footer .footer-about .title_h4{ margin-top: 0.5rem; font-size: 0.26rem;}
.footer-sns{ margin-top: 0.4rem;}
.footer-sns a{ margin-right: 5px; width: 40px; height: 40px;}
.footer-sns a:hover{ opacity: 1;}

.footer-mes{ max-width: 400px;}
.footer_email{ position: relative; height: 56px; margin: 0.3rem 0;}
.footer_email .email_main{ border-radius: 5px; height:56px; line-height: 56px; background-color:rgba(255,255,255,0.1); color: #666; padding-left: 15px; width: 100%;background-image: url("data:image/svg+xml,%3Csvg t='1784256456575' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5192' width='200' height='200'%3E%3Cpath d='M892.963 831.757h-749.343c-30.316 0-55.484-24.595-55.484-55.484v-531.975c0-30.316 24.595-55.484 55.484-55.484h749.343c30.316 0 55.484 24.595 55.484 55.484v531.975c0 30.316-24.595 55.484-55.484 55.484zM144.765 775.129h747.054v-529.116h-747.054v529.116z' p-id='5193' fill='%2384a0bf'%3E%3C/path%3E%3Cpath d='M517.149 526.299c-30.89 0-60.062-12.014-101.817-34.894l-311.177-157.306c-13.728-6.863-19.449-24.025-12.585-38.325 6.863-13.728 24.025-19.449 38.325-12.585l311.751 157.306c0 0 0.571 0 0.571 0.571 66.355 36.038 78.938 38.325 149.867 3.434l302.595-147.009c14.299-6.863 30.89-1.146 37.754 13.155 6.863 14.299 1.146 30.89-13.155 37.754l-302.595 147.009c-42.33 21.165-72.074 30.89-99.53 30.89z' p-id='5194' fill='%2384a0bf'%3E%3C/path%3E%3C/svg%3E");background-position: 10px center; background-repeat: no-repeat; background-size:20px auto; padding-left: 40px; color: #fff;}
.footer_email .email_btn{height: 46px; text-transform: uppercase; color: #fff; cursor: pointer; position: absolute; right: 0; top: 5px; background-repeat: no-repeat; background-size: 20px auto; background-position: center center; padding:0 15px; font-size: 14px; font-weight: 500;}


#footer .footer-contact{ width: 342px;}
#footer .footer-contact ul li{ display: flex; margin-bottom: 8px;}
#footer .footer-contact ul li .iconfont{ width: 36px; height: 36px; background-color: var(--zmain-color); color: #fff; display: inline-block; text-align: center;  margin-right: 20px; flex-shrink: 0; line-height: 36px; border-radius: 50%; margin-top: 8px;}
#footer .footer-contact ul li .h4{ font-size: 15px; font-weight: 500; color: #fff;}
#footer .footer-contact a{ text-decoration: underline;}


.mob_follow a{ display: inline-block; margin-right: 0.08rem;}
.footer-bottom{padding: 0.36rem 0;line-height: 24px;font-size: 15px; position: relative; border-top: 1px solid #37424b; margin-top: 0.66rem;}
.footer-bottom .web_info{ font-size: 15px;}
.footer-bottom .web_info .link{ display: inline-block;}

@media screen and (max-width:1400px) {
.footer-mes{ max-width: 260px;}
#footer .footer-con{ width: 300px;}
.marquee-container{ display: none;}
}

@media screen and (max-width:992px) {
#footer{ font-size: 16px;}
#footer .footer_about{ border-right: none;}
#footer .main{flex-wrap: wrap;}
.footer-bottom{display: block; text-align: left; padding-top: 0; font-size: 12px; margin-top:30px; background: none; border-top: 1px solid rgba(255,255,255,0.2); border-radius: 0;}
.footer-bottom .web_info{ display: block;}
.footer_email{ width: 100%;}
#footer .main>div{ width: 100%; padding: 0; max-width: 100%; border-right: none;}
#footer{ padding-top: 0.5rem;}
#footer .footer-com .title{ display: none;}
#footer .footer-con{ max-width: 100%; display: block !important;}
.footer-bottom{ padding-top: 10px;}
#footer .footer-bottom .cop{justify-content: flex-start;}
}

@media screen and (max-width:768px) {
#footer{padding-bottom: calc(60px + constant(safe-area-inset-bottom)); padding-bottom: calc(60px + env(safe-area-inset-bottom)); font-size: 16px; padding-top: 0.3rem; background-image: none;}
#footer .main{ gap: 20px;}
}



/*back-top*/
.progress-wrap {position: fixed;right: 0.3rem;bottom: 100px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 1111111;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: "iconfont";content: "\e607";text-align: center;
line-height: 0.46rem;font-size: 0.2rem; color: var(--zhover-color);left: 0;top: 0;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;
z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke:var(--zhover-color) ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}

/* inquiry */
.inquiry-trigger {position: fixed;bottom: 30px;right: 30px;background:var(--zhover-color);color: white;border: none;padding: 14px 28px;border-radius: 50px;font-size: 15px;font-weight: 500;cursor: pointer;box-shadow: 0 10px 25px rgba(255, 255, 255, 0.4);z-index: 1111111;display: flex;align-items: center;gap: 8px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-transform:capitalize;}
.inquiry-trigger:hover {transform: translateY(-4px);}
.inquiry-trigger:active {transform: translateY(-1px);}
.inquiry-box {position: fixed;bottom: 60px;right: 30px;width: 360px;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px); border-radius: 16px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);z-index: 99999999;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.6);opacity: 0;transform: scale(0.9) translateY(20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.inquiry-box.active {opacity: 1;transform: scale(1) translateY(0);pointer-events: auto;}
.inquiry-header {background: linear-gradient(to right, #f9fafb, #f3f4f6);padding: 16px 20px;cursor: move;user-select: none;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e5e7eb;}
.inquiry-header .title{margin: 0;font-size:20px;color: #333;font-weight: 500; text-transform: capitalize;}
.close-btn {background: rgba(0, 0, 0, 0.05);border: none;width: 28px;height: 28px;border-radius: 50%;font-size: 18px;cursor: pointer;color: var(--text-muted);display: flex;align-items: center;justify-content: center;transition: all 0.2s;}
.inquiry-body { padding: 24px; padding-top:10px;}
.inquiry-box .ms_btn{ display: block;}

@media only screen and (max-width: 768px) {
	.inquiry-box {width: 100% !important;bottom: 0 !important;right: 0 !important;left: 0 !important;top: auto !important; border-radius: var(--radius) var(--radius) 0 0;}
	.inquiry-header {cursor: default; }
	.progress-wrap{box-sizing: content-box; margin-bottom: constant(safe-area-inset-bottom);margin-bottom: env(safe-area-inset-bottom);}
	.mobile-footer-bottom{padding-bottom:70px;}
	.inquiry-trigger{padding:0; width:50px; height: 50px; text-align: center;justify-content: center; gap: 0; right: 50%;transform: translate(50%, 0); bottom:calc(constant(safe-area-inset-bottom) + 10px); bottom: calc(env(safe-area-inset-bottom) + 10px);}
	.inquiry-trigger span{ display: none;}
	
}

/*fixed-contact*/
.fixed-contact {z-index:999999;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform: translateX(95px);-webkit-transform: translateX(95px);-moz-transform: translateX(95px); box-shadow: -30px 0px 50px rgba(0,0,0,0.2);}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:360px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#f9f9f9; background-size: cover; border-bottom: 1px solid rgba(0,0,0,0.05)}
.fixed-contact li:last-child{ border-bottom:none;}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i{ width: 50px; height:50px; color:var(--zhover-color); font-size: 18px; line-height: 50px; display: inline-block; text-align: center;}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{ text-decoration: underline;}
.fixed-contact .online_p i {background-position: 0 -262px;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px;}
.fixed-contact li a, .fixed-contact .code-box{position:absolute;top:0;right:-135px;display:block;width:310px;line-height:110%;padding:18px 0 0 50px;color:#111;white-space:nowrap;transition:all .4s;font-size:16px;text-align: left;opacity: 0;}
.fixed-contact.active li a,.fixed-contact.active .code-box{right:50px; opacity: 1;}
.fixed-contact .online_code img{max-width:80px; margin: 0 4px;}
.fixed-contact .online_code p{ margin-bottom: 8px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code p{margin:0;margin-bottom:5px;}


@media only screen and (max-width: 992px) {
	.fixed-contact{display:none !important;}
	.fixed-contact.show{opacity:0;}
}

/*mobile_nav*/
.mobile_nav {display: none;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;justify-content: space-between;align-items: center;
background: rgba(6, 7, 11, 0.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-top: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px 12px 0 0;box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.3);padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));}
.mobile_nav .nav_item {text-align: center;padding:0 0 8px;text-decoration: none;transition: background 0.3s;-webkit-tap-highlight-color: transparent; width: 20%; float: left;}
.mobile_nav .nav_item:active {background: rgba(255, 255, 255, 0.1);}
.mobile_nav .nav_item:nth-child(3),.mobile_nav .nav_item:nth-child(4){ float: right;}
.mobile_nav .nav_item i {display: block;font-size: 20px; color: #808080;margin-bottom: 4px;}
.mobile_nav .nav_item span {display: block;color: #ffffff;font-size: 12px;text-transform: capitalize;line-height: 1;}

@media only screen and (max-width: 768px) {.mobile_nav {display:block;}}


@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	#online_qq_tab #floatShow{margin-bottom: 0;}
}

@media only screen and (max-width: 768px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%; padding: 0;}
	#online_qq_layer{ width:100%;bottom:0;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#333 url(../images/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:10px;margin-left:-25px;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px; z-index: 6666666;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatShow span{ display:none;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px;}
	#online_qq_layer{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}

}

@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	.onlineMenu .call-top{padding:8px 5px;}
	.onlineMenu .call-top p{font-size:16px;}
	.onlineMenu ul{padding:10px;}
	.onlineMenu .call>p{padding-left:20px;font-size:0.14rem;}
	.onlineMenu .call>p a{font-size:0.14rem;}
	.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:0.14rem;}
	#online_qq_tab #floatShow:before{display: none;}
}


/* Layout */
.n_main{padding:0.8rem 0;}
.n_left{float:left;width:22%;position:relative;}
.n_left2{float:right;width:22%;position:relative;}
.n_right{float:right;width:77%;}
.n_right2{float:left;width:77%;}

@media only screen and (max-width:1300px){
  .n_left{width:25%;}
  .n_right{width:75%;}
  .n_left2{width:25%;}
  .n_right2{width:75%;}
}
@media only screen and (max-width:992px){
  .n_main{padding:0.4rem 0;}
  .n_left{width:100%;padding-right:0; float: none;}
  .n_right{width:100%;padding:0;margin-top:0.2rem; float: none;}
  .n_left2{width:100%;margin-bottom:0.2rem;padding-left:0; float: none;}
  .n_right2{width:100%;padding:0; float: none;}
}
@media only screen and (min-width:992px){
  .n_main>.flex{display:flex; gap: 50px;}
  .sidebar{flex-shrink:0;height:fit-content;position:sticky;top:120px;}
  .n_left2{order:2;}
}


.flex-group{ display: flex;align-items: center;justify-content: space-between;}
.flex-group .section-title{ margin-bottom: 0;}
@media screen and (max-width:992px) {
.flex-group .section-title .title{ width: 100%; text-align: left !important;}
}

.n_banner{ position: relative;}
.n_banner img{width: 100%; height: 100%; object-fit: cover;}
.n_banner .banner-text{  background:#eee; padding: 0.1rem 0;}
.n_title{ color:#333; font-weight: 600; font-size: 0.26rem; line-height: 0.4rem; text-transform: capitalize;}
.breadcrumb ol{ padding: 0; margin: 0;}
.breadcrumb ol li{ list-style: none; display: inline-block;}
.breadcrumb i{ color:var(--zmain-color); margin: 0 6px;}
.breadcrumb a,.breadcrumb h2,.breadcrumb a, .breadcrumb p{ font-size: 16px; color: #666; font-weight: normal;display: inline-block; text-transform: capitalize;}
.breadcrumb *{ padding-right: 20px;background-image: url("data:image/svg+xml,%3Csvg t='1760691306234' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9370' width='20' height='20'%3E%3Cpath d='M353.74051 0.703802l100.771658 0 0 1023.296198-100.771658 0 0-1023.296198Z' fill='%23999999' p-id='9371'%3E%3C/path%3E%3Cpath d='M600.583086 0.703802l100.771658 0 0 1023.296198-100.771658 0 0-1023.296198Z' fill='%23999999' p-id='9372'%3E%3C/path%3E%3C/svg%3E"); background-size:12px auto; background-repeat: no-repeat; background-position: center right; font-size: 16px;text-transform: capitalize;position: relative; z-index: 2; margin-right: 6px;}
.breadcrumb  *:last-child{padding-right: 0; background: none;}
.breadcrumb a:hover{ text-decoration: underline;}
/* @media only screen and (min-width:992px) {
.n_banner .banner-text{ position: absolute; left: 0; bottom: 0; width: 100%; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
} */
@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0; background: #fff; }
.n_banner .text{ position:inherit;}
.breadcrumb{ text-align: center; bottom: -50px;}
.n_title{ color: #333; font-size:18px; line-height: 20px; padding-left: 0; margin: 5px 0; max-width: 100%; text-align: center;}
.breadcrumb a, .breadcrumb h2, .breadcrumb a, .breadcrumb p{ color: #555;}
}

/*page_nav*/
.page_nav{margin-bottom: 0;padding: 0;padding-top: 0; margin-bottom: 30px; position: relative; text-align: center; position: relative; z-index: 5555;}
.page_nav ul{list-style:none;text-align:center;display:flex;align-items:center;border-radius:0;justify-content: center;}
.page_nav li{margin-bottom:0;padding:0;padding-right:0.2rem;float: left;}
.page_nav li:last-child{border-right-color: transparent;}
.page_nav li a{display:flex;font-size:0.16rem;line-height:24px;text-transform:uppercase;transition:all .5s;position: relative;z-index: 5;align-items: center;justify-content: center; background:#f4ece4;  padding: 0.15rem 0.3rem; color: #333;  border-radius: 0; } 
.page_nav li a p{margin: 0;margin-left: 0;color: #333;transition:all .5s; display: block; overflow: hidden; position: relative;padding:0.1rem; width: 100%}
.page_nav li a:after{bottom: -10px;left:50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-top-color: var(--zmain-color);border-width: 10px;opacity: 0;filter: alpha(opacity=0);transition:all .5s;margin-left: -10px;}
.page_nav li a:hover , .page_nav li.active a{text-decoration:none;color: #fff;}
.page_nav li a:hover p, .page_nav li.active a p{color: #fff;}
.page_nav li a:hover, .page_nav li.active a{background: var(--zmain-color);}
.page_nav li a:hover:after, .page_nav li.active a:after{opacity: 1;filter: alpha(opacity=100);bottom: -15px;}

.page_nav li a p:before { content: ' '; position: absolute; background:rgba(255,255,255,0.15); width:46px; height:46px; top: -21px; left:-26px; border-radius: 50%;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: -1}
.page_nav li a p:hover:before{ width: 200px; height:200px; left:-15px; top: -50px; }
 
@media only screen and (max-width:992px) {
.page_nav li a{ line-height: 18px;}
}
@media only screen and (max-width:768px) {
.page_nav ul{ display: block;}
.page_nav li{ width: 100%; margin-bottom: 10px; padding: 0;}
.page_nav{ border: none; padding-bottom: 0; margin-bottom: 15px;}
}


.left_nav { background:#021938; border-radius: 10px; }
.mtree, .mtree ul { list-style: none; padding: 0; margin: 0; }
.mtree { padding: 6px; background: #f7f7f7; border-radius: 10px; }

/* 菜单项基础 */
.mtree li { position: relative; border-bottom: 1px solid #eee; }
.mtree li:last-child { border-bottom: none; }
.mtree a { display: block; color: #333; font-size: 18px; min-height: 46px; padding: 8px 50px 8px 10px; text-decoration: none; font-weight: 500;}
.mtree h2 { margin: 0; font-size: 16px; }
.mtree>li:hover { background: var(--zmain-color, #021e45); }
.mtree>li:hover>h2>a { color: #fff; }
.mtree>li:hover>a { color: #fff; }
.mtree .active > a { color: var(--zhover-color, #ffc000) !important;}
.mtree ul { background: #fff; display: none; } 
.mtree ul a { font-weight: normal; font-size: 16px; padding-left: 25px; color: #111; font-weight: 500;}
.mtree ul ul { background: #f2f2f2; padding: 5px 0; }
.mtree ul ul a { font-size: 14px; line-height:20px; font-weight: 400;}
.mtree li:has(ul)::after {content: "\e607";font-family: "iconfont";position: absolute;right: 0;top: 0;width: 45px; height: 46px;line-height: 46px;text-align: center;color: #666;cursor: pointer;z-index: 5; }

.mtree>li:has(ul):hover::after { color: #fff; }
.mtree li.is-open:has(ul)::after { content: "\e603"; color: #666;}
.mtree>li.is-open:hover:has(ul)::after { color: #fff; }



.left_h4{line-height: 0.3rem; color:#333;font-size:0.22rem; position:inherit; text-transform:capitalize;position: relative; padding-bottom:8px;  border-bottom: 1px solid #eee; padding: 0.15rem 0.2rem; font-weight: 500;}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
}

.nav_h4{line-height: 0.3rem; font-size:0.22rem; position:inherit; text-transform:capitalize;position: relative; padding: 15px;  background-size: cover; color: #fff; line-height: 28px; padding-bottom: 15px; font-weight: 500; display: flex;}
.nav_h4 img{ margin-right: 15px; max-width: 28px;}
.nav_h4::after{ content:none;}
.toggle_content{width: 100%;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff;padding:0 0.1rem; font-size: 18px; line-height: 0.5rem; margin-bottom: 0; background:var(--zhover-color);}
.nav_h4:after ,.left_h4:after{  display: block;  content: "\e603";  font-family: "iconfont";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:14px; top:0px;  color:#fff; line-height: 0.5rem; font-weight: bold;}
ul.mtree{ border-radius: 0;}
}


.hot_left{ position: relative;margin-top:30px; border: 1px solid #eee;background: #fff; border-radius: 10px;}
.hot_left ul{padding:0.15rem;}
.hot_left ul li{list-style: none;}
.hot_left .li{ width: 100%; margin-bottom: 15px; position: relative; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.hot_left ul li:last-child .li{ border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
.hot_left .li .img{ float: left; width:88px; margin-right: 16px;overflow: hidden; border-radius: 5px; position: relative;}
.hot_left .li .img:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0); background-image: url("data:image/svg+xml,%3Csvg t='1757406595333' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5304' width='200' height='200'%3E%3Cpath d='M569.1392 626.0736a166.2464 166.2464 0 0 1-117.4016-49.0496 22.8352 22.8352 0 1 1 32.256-32.256 121.4976 121.4976 0 0 0 170.3424 0l163.84-163.84a120.4224 120.4224 0 0 0-170.3424-170.3424l-138.24 138.24a22.8352 22.8352 0 1 1-32.256-32.256l138.24-138.24a165.12 165.12 0 0 1 233.5232 233.5232l-163.84 163.84a159.5392 159.5392 0 0 1-116.1216 50.3808zM299.4688 896a165.7856 165.7856 0 0 1-117.4016-282.5728l163.84-163.84a165.12 165.12 0 0 1 233.5232 0 22.8352 22.8352 0 1 1-32.256 32.256 121.4976 121.4976 0 0 0-170.3424 0l-163.84 163.84a120.4224 120.4224 0 0 0 170.3424 170.3424l138.24-138.24a22.8352 22.8352 0 0 1 32.256 32.256l-138.24 138.24A169.7792 169.7792 0 0 1 299.4688 896z' p-id='5305' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M299.4688 908.6464a173.5168 173.5168 0 0 1-126.464-52.8896 178.7392 178.7392 0 0 1-52.8896-126.464 173.5168 173.5168 0 0 1 52.8896-126.464l163.84-163.84a178.7392 178.7392 0 0 1 126.464-52.8896 173.568 173.568 0 0 1 126.464 52.8896 35.84 35.84 0 0 1 10.24 25.6 40.96 40.96 0 0 1-10.24 25.6 35.072 35.072 0 0 1-50.3296 0 109.056 109.056 0 0 0-152.2688 0l-163.84 163.84a106.2912 106.2912 0 0 0-30.72 76.1344 111.9232 111.9232 0 0 0 30.72 76.1344 106.2912 106.2912 0 0 0 76.1344 30.72 111.9232 111.9232 0 0 0 76.1344-30.72l138.24-138.24a35.584 35.584 0 0 1 50.3296 50.3296l-138.24 138.24a179.7632 179.7632 0 0 1-126.464 52.0192zM462.0288 414.72a145.2032 145.2032 0 0 0-107.1104 45.1584l-163.84 163.84a152.576 152.576 0 0 0-45.1584 107.1104 145.2544 145.2544 0 0 0 45.1584 107.1104 152.576 152.576 0 0 0 107.1104 45.1584 145.2032 145.2032 0 0 0 107.1104-45.1584l138.24-138.24a9.1136 9.1136 0 0 0-12.9024-12.9024l-138.24 138.24a133.12 133.12 0 0 1-188.416-188.6208l163.84-163.84a135.5264 135.5264 0 0 1 189.44 0 8.6016 8.6016 0 0 0 12.9024 0 9.3696 9.3696 0 0 0 0-12.9024A148.0704 148.0704 0 0 0 462.0288 414.72z m107.1104 224.512a173.5168 173.5168 0 0 1-126.464-52.8896 35.584 35.584 0 0 1 50.3296-50.3296 109.056 109.056 0 0 0 152.2688 0l163.84-163.84a106.2912 106.2912 0 0 0 30.72-76.1344 111.9232 111.9232 0 0 0-30.72-76.1344 106.2912 106.2912 0 0 0-76.1344-30.72 111.9232 111.9232 0 0 0-76.1344 30.72l-138.24 138.24A35.584 35.584 0 0 1 468.48 307.2l138.24-138.24a178.7392 178.7392 0 0 1 126.464-52.8896A173.568 173.568 0 0 1 859.648 168.96a179.2 179.2 0 0 1 0 252.8768l-163.84 163.84a178.7392 178.7392 0 0 1-126.464 52.8896z m-101.9392-86.6816a9.8816 9.8816 0 0 0-6.4512 2.56 8.6016 8.6016 0 0 0 0 12.9024 152.576 152.576 0 0 0 107.1104 45.1584 145.2032 145.2032 0 0 0 107.1104-45.1584l163.84-163.84A152.8832 152.8832 0 0 0 731.6992 143.36 145.2032 145.2032 0 0 0 624.64 188.672l-138.24 138.24a9.1136 9.1136 0 1 0 12.9024 12.9024l138.24-138.24a133.12 133.12 0 0 1 188.3648 188.3648l-163.84 163.84a135.5264 135.5264 0 0 1-189.44 0c0-1.28-2.56-1.28-5.12-1.28z' p-id='5306' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 30px auto; background-position: center center; opacity: 0; transition: 0.5s;}
.hot_left .li .img:hover:after{ opacity: 1; background-color: rgba(0,0,0,0.6);}
.hot_left ul li .secondary-font{ font-size: 16px;}
.hot_left .li .more{  color:var(--zhover-color); text-transform: capitalize; font-size:16px;font-weight: 500;}
.hot_left ul li:last-child .li{margin-bottom: 0;}
.hot_left .li .img:hover img{transform: scale(1.06);}
.hot_left .li:hover .title{ text-decoration: underline;}


@media only screen and (max-width:992px) {
.hot_left{ display: none;}
}


.left-adv{margin-top:30px;width:100%;background-size:cover;text-align: center;position:relative; border-radius: 10px; overflow: hidden;}
.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.4;filter: alpha(opacity=0.4);transition:all .5s;border-radius:0;}
.left-adv .main{position:relative;left:0;top:0;padding:0.2rem 0.2rem 0.4rem; z-index:2;text-align: left;}
.left-adv .icon{width: 60px;height:60px;margin:0;border-radius:50%;position:relative;z-index: 3;background-image: url("data:image/svg+xml,%3Csvg t='1739955853553' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='20667' width='200' height='200'%3E%3Cpath d='M490.684916 128.766467C256.165269 128.766467 64.383234 294.253424 64.383234 501.255309 64.383234 618.847138 126.868113 726.789996 230.678884 796.603148 227.606262 794.536798 225.494778 791.221546 224.753999 787.916563 223.887537 789.20001 221.953407 794.285728 218.857033 800.489202 217.065752 804.077968 214.951892 807.923142 212.584292 811.932716 209.515541 817.129698 206.194743 822.315034 202.873358 827.208904 200.894915 830.124028 199.385181 832.253605 198.588038 833.340433 172.393538 873.318105 195.912543 907.544203 237.91885 892.485001 238.904007 892.122217 240.468491 891.547651 242.667337 890.744965 246.342793 889.403243 250.469427 887.907196 254.950478 886.295611 267.750292 881.692231 280.813441 877.089544 293.359528 872.799705 295.896051 871.932402 298.389767 871.085409 300.83653 870.260372 316.56621 864.95641 329.922562 860.704189 340.069379 857.823956 345.53275 856.273145 349.931698 855.160281 353.049854 854.536414 354.354436 854.275399 355.312446 854.125582 355.799045 854.082547 354.825653 854.168634 353.666503 854.131904 351.271205 853.409411 395.73304 866.820431 442.681213 873.74415 490.684916 873.74415 515.054363 873.74415 539.17115 871.960251 562.858125 868.437706L553.743714 867.654409C587.27542 878.684203 622.974605 884.399727 659.544225 884.399727 693.181558 884.399727 726.090816 879.564534 757.271021 870.194777 754.092157 871.150037 753.608504 871.121242 752.940486 871.002866 754.491872 871.27778 756.826954 871.827951 759.766796 872.623229 765.488513 874.171055 773.068547 876.523039 781.988654 879.487401 783.660815 880.043099 785.371243 880.617405 787.11584 881.208674 794.321124 883.650652 801.796248 886.274135 809.096177 888.898315 813.473523 890.471885 816.808901 891.692041 818.665128 892.380197 860.663463 907.254143 884.367548 873.21324 859.473647 834.095155L858.061678 832.115726C856.808278 830.543061 854.629739 827.525856 852.506478 824.032117 851.198804 821.880393 850.132845 819.882986 849.402965 818.211045 848.88826 821.966376 846.566215 827.362287 841.990053 830.428279 915.30587 781.307253 959.616766 705.045911 959.616766 621.731227 959.616766 570.619613 942.964529 521.756096 912.303541 479.904834L916.899107 493.627052C912.222016 289.888257 721.984814 128.766467 490.684916 128.766467ZM874.458588 502.459496 878.87761 508.491319C903.736413 542.422786 916.986598 581.303485 916.986598 621.731227 916.986598 688.106955 880.94872 750.130005 819.523603 791.284355 802.737889 802.530654 803.163281 820.259893 810.846353 837.859545 812.511881 841.674778 814.544511 845.483541 816.871626 849.312716 820.163834 854.729912 823.400763 859.212948 825.757675 862.170212L824.345705 860.190783C826.245123 863.175514 827.218499 865.31948 827.393889 866.111397 826.869427 863.743344 827.310775 859.845407 830.096989 855.844186 832.870293 851.861508 836.179448 850.333555 838.39741 850.215736 837.62165 850.256945 835.424001 849.847008 832.221342 848.712945 830.525993 848.082102 827.066992 846.816721 822.554587 845.194601 815.038264 842.49263 807.337514 839.789961 799.875177 837.260865 798.056786 836.644585 796.271017 836.044983 794.521489 835.463574 765.181772 825.713294 755.193882 823.011393 745.847847 825.819909 718.393861 834.069924 689.327665 838.340475 659.544225 838.340475 627.172439 838.340475 595.657587 833.294873 566.15969 823.591944L561.682084 822.119097 557.04528 822.808647C535.285067 826.044658 513.110434 827.684899 490.684916 827.684899 446.549157 827.684899 403.457662 821.329946 362.734113 809.046503 351.832032 805.75811 334.145392 810.778566 288.136195 826.292617 285.63427 827.136253 283.086605 828.00157 280.497094 828.886993 267.729439 833.252591 254.472422 837.923585 241.486537 842.593885 236.942593 844.228089 232.755682 845.745988 229.021658 847.10909 226.774814 847.929298 225.182894 848.513942 224.313674 848.834848 221.208111 849.947226 218.947329 850.386584 218.14354 850.352286 220.466916 850.451427 223.929592 852.017301 226.819244 856.222474 229.71253 860.432937 230.098527 864.480442 229.508371 866.930327 229.704432 866.116427 230.732379 863.943258 232.699225 860.936989 233.109594 860.433149 234.938024 857.854032 237.251504 854.44525 241.083328 848.799278 244.915738 842.815075 248.523314 836.705579 251.420355 831.799389 254.057357 827.002606 256.378759 822.35176 270.621662 793.816617 274.586859 771.878658 253.20607 757.499993 161.261461 695.666882 107.013402 601.95316 107.013402 501.255309 107.013402 322.255203 277.868719 174.825719 490.684916 174.825719 700.625512 174.825719 870.235026 318.476846 874.282045 494.769102L874.458588 502.459496ZM874.35643 501.255309 916.986598 501.255309C916.986598 498.709729 916.957412 496.166888 916.899107 493.627052L874.282045 494.769102C874.331614 496.92835 874.35643 499.090478 874.35643 501.255309ZM557.04528 822.808647 559.951702 845.623176 566.15969 823.591944C467.508194 791.141889 402.101853 710.883591 402.101853 621.731227 402.101853 503.406271 516.430046 405.12198 659.544225 405.12198 750.184557 405.12198 832.352401 444.985902 878.87761 508.491319L912.303541 479.904834C857.398565 404.961306 762.792042 359.062727 659.544225 359.062727 494.751422 359.062727 359.471685 475.358392 359.471685 621.731227 359.471685 732.90272 438.355709 829.699108 553.743714 867.654409L558.221321 869.127256 562.858125 868.437706C564.566072 868.183713 566.271624 867.920704 567.974711 867.648699L561.740762 822.084577C560.177951 822.334178 558.612768 822.575542 557.04528 822.808647Z' fill='%23ffffff' p-id='20668'%3E%3C/path%3E%3Cpath d='M512 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20669'%3E%3C/path%3E%3Cpath d='M639.890549 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20670'%3E%3C/path%3E%3Cpath d='M767.780995 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20671'%3E%3C/path%3E%3C/svg%3E"); background-color:var(--zmain-color); background-repeat: no-repeat; background-size:40px auto; background-position: center center;}
.left-adv .icon:after{ position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; background:  rgba(255,255,255,0.2); content: ''; border-radius: 50%;}
.left-adv .main .title{font-size:0.26rem;line-height:28px;color:#fff;text-transform: capitalize;margin-top:10px;margin-bottom:10px;display:block;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 10px 0; font-weight: 500; }
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{color:#fff;line-height:24px; margin-bottom: 20px; }
.left-adv .main:after{background-position:-331px -103px; vertical-align: middle;margin-top: -1px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}
.left-adv .main:hover:after{animation:none;}
.left-adv .main:before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 90%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 60%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius: 0;border: none;}
.left-adv .my_more1{ border:none;}
@media only screen and (max-width:992px) {
.left-adv{ display: none;}
}

/* pagination */
.pagination { width: 100%; margin-top: 0.3rem; }
.pagination-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0;}
.pagination-item { display: inline-flex; }
.pagination-link,
.pagination-current { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; height: 54px; padding: 0 12px; border: 1px solid #eee; box-sizing: border-box; font-size: 14px; background: #fff; text-align: center; border-radius: 6px; text-decoration: none; color: #333; transition: all 0.3s ease; cursor: pointer; }
.pagination-current { background: var(--zmain-color); color: #fff; box-shadow: 0 10px 24px 0px rgba(0, 0, 0, 0.07); border-color: var(--zmain-color); cursor: default; }
.pagination-link i { line-height: 1; font-size: 14px; }
.pagination-link:hover:not(.pagination-current) { color: #333; animation: qodef-jump 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9) forwards; border-color: var(--zhover-color); }
.pagination-link.disabled,
.pagination-link:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }

@media only screen and (max-width: 992px) { 
  .pagination-list { gap: 6px; }
  .pagination-link,
  .pagination-current { min-width: 40px; height: 40px; padding: 0 10px; font-size: 13px; }
  .pagination-link i { font-size: 12px; }
}

@media only screen and (max-width: 768px) { 
  .pagination-list { gap: 5px; }
  .pagination-link,
  .pagination-current { min-width: 36px; height: 36px; padding: 0 8px; font-size: 12px; }
}

@media only screen and (max-width: 576px) { 
  .pagination-list { gap: 4px; }
  .pagination-link,
  .pagination-current { min-width: 32px; height: 32px; padding: 0 6px; font-size: 12px; }
}

@media only screen and (max-width: 400px) { 
  .pagination-link,
  .pagination-current { min-width: 30px; height: 30px; padding: 0 6px; font-size: 11px; }
}

@keyframes qodef-jump { 
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

/* post-navigation */
.post-navigation { width: 100%; margin-top: 20px; background: #fff; border-radius: 10px;}
.post-navigation-list { display: flex; list-style: none; margin: 0; padding: 0; background: #f7f7f7;}
.post-navigation-item { flex: 1; padding: 20px 10px; }
.post-navigation-link { position: relative; display: block; transition: all 0.5s; padding: 0 20px; border-radius: 0; text-decoration: none; }
.post-navigation-link:hover { text-decoration: none; }
.post-navigation-link::before { font-family: 'iconfont'; font-size: 20px; position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; transform: translateY(-50%); transition: all 0.5s; border-radius: 50%; color: #fff; background: #eee; text-align: center; font-size: 15px; }
.post-navigation-prev { text-align: left; border-right: 1px solid #ddd; }
.post-navigation-prev .post-navigation-link { padding-left: 66px; }
.post-navigation-prev .post-navigation-link::before { left: 0; content: "\e67e"; color: var(--zmain-color); }
.post-navigation-next { text-align: right; }
.post-navigation-next .post-navigation-link { padding-right: 66px; }
.post-navigation-next .post-navigation-link::before { right: 0; content: "\e63a"; color: var(--zmain-color); }
.post-navigation-item:hover .post-navigation-link::before { color: #fff; background: var(--zhover-color); }
.post-navigation-label { display: inline-block; text-transform: uppercase; color: #333; margin-bottom: 0; line-height: 20px; transition: all 0.5s; font-size: 18px; font-weight:500; }
.post-navigation-link:hover .post-navigation-label { color: var(--zhover-color); }
.post-navigation-title { overflow: hidden; line-height: 20px; max-height: 40px; margin: 0; transition: all 0.5s; }
.post-navigation-link:hover .post-navigation-title { color: #666; }

@media only screen and (max-width: 768px) { 
  .post-navigation-list { flex-direction: column; }
  .post-navigation-item { padding: 0; }
  .post-navigation-prev { border-right: none; border-bottom: 1px solid #eee;}
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 50px; padding-right: 10px; text-align: left; background: #f7f7f7; border-radius: 0; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { left: 10px; right: auto; width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
  .post-navigation-link { padding-top: 10px; padding-bottom: 10px; }
  .post-navigation-title { display: none; }
  .post-navigation-label { font-size: 14px; }
}

@media only screen and (max-width: 768px) { 
  .post-navigation { border: none; border-radius: 15px; }
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 45px; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { width: 28px; height: 28px; line-height: 28px; font-size: 11px; left: 8px; }
  .post-navigation-label { font-size: 13px; }
}

@media only screen and (max-width: 480px) { 
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 40px; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { width: 25px; height: 25px; line-height: 25px; font-size: 10px; left: 6px; }
  .post-navigation-label { font-size: 12px; }
}



.tags_ul{ margin: 0.1rem 0; border-top: 1px solid #eee; padding-top: 0.1rem;}
.tags_ul span{  text-transform:uppercase; color:#333; margin-right:0.06rem; font-size:16px; font-weight: 500;}
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; text-transform: capitalize; font-size: 14px; margin: 1px; color: #333; border-radius: 5px;min-height: 34px; padding: 8px 17px; line-height: 24px; border: 1px solid #E0E0E0;}
.tags_ul i{margin-right: 10px; color: var(--zmain-color);}
.tags_ul a:hover{ background:var(--zhover-color); color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

.blog_nav{ margin-top: 0.3rem;border: 1px solid #eee;overflow: hidden; background: #fff; border-radius: 10px;}
.blog_nav .toggle_content{padding:0 0.2rem;}
.blog_nav ul li{ list-style:none; background: #fff; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#333; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight: 500; }
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem; font-size: 10px;}
.blog_nav ul li a:hover{ color:var(--zmain-color); padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:var(--zmain-color);}


.hot_tags{ margin-top:30px;  background: #fff; border: 1px solid #eee; border-radius: 10px;}
.hot_tags .toggle_content{padding: 0.2rem;}
.hot_tags a{ display:inline-block; padding: 0.08rem 0.12rem; text-transform: capitalize; font-size: 14px; color: #555; background:#eee; margin:2px; border-radius: 0; border-radius: 5px; transition: 0.5s;}
.hot_tags a:hover{background: var(--zhover-color); color: #fff;}

@media screen and (max-width: 992px) {
   .blog_nav,.hot_tags,.left_nav{ border: none; padding: 0; margin: 0; margin-top:0.15rem; border-radius: 0; border: none;}
   .blog_nav .toggle_content,.hot_tags .toggle_content{padding: 15px; background: #f7f7f7;}
   .blog_nav ul li{background: none;}
}


/* ==========================================================================
   Toolbar & General
   ========================================================================== */
.products_m { margin-bottom: 15px; }
.cbp-vm-switcher { width: 100%; }
.cbp-vm-options { background: rgba(0,0,0,0.1); border-radius: 4px; padding: 7px; margin-bottom: 20px; }
.cbp-vm-options::after { content: " "; display: table; clear: both; }
.cbp-vm-options p { float: left; vertical-align: middle; color: #dd0522; text-transform: capitalize; margin-left: 8px; line-height: 40px; }
.cbp-vm-options a { vertical-align: middle; height: 40px; overflow: hidden; white-space: nowrap; color: #333; line-height: 40px; text-align: center; width: 40px; background: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; float: left; border: 1px solid #eee; margin-right: 6px; }
.cbp-vm-options a svg { width: 16px; height: 16px; color: #333; transition: 0.5s all; }
.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected { background: #fff; }
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg { color: var(--zhover-color); }
.cbp-vm-switcher ul { list-style: none; padding: 0; margin: 0; }
.cbp-vm-switcher ul::after { content: " "; display: table; clear: both; }
.cbp-vm-switcher ul li { display: block; }
.cbp-vm-switcher ul li .img { border: none; display: block; position: relative; overflow: hidden; }
.cbp-vm-switcher ul li .img img { background: #fff; position: relative; z-index: 2; width: 100%; height: auto; transition: transform 0.5s ease; }
.cbp-vm-switcher ul li:hover .img img { transform: scale(1.04); }
.cbp-vm-switcher ul li .tags_ul { margin-bottom: 10px; }
.cbp-vm-switcher ul li .title { font-weight:600; font-size: 16px; color: #222; line-height: 24px; height: 48px; display: block; overflow: hidden; position: relative; text-transform: capitalize; }
.cbp-vm-switcher ul li .title::after { position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; content: ''; background: var(--zmain-color); }
.cbp-vm-switcher ul li .title:hover { color: var(--zmain-color); }
.cbp-vm-switcher ul li .more { border: 1px solid #00529b; width: 37px; height: 37px; display: inline-block; margin-top: 15px; background-position: center; background-size: 15px auto; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' fill='%2300529b'%3E%3C/path%3E%3C/svg%3E"); }
.cbp-vm-switcher ul li:hover .more { background-color: var(--zhover-color); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); }
.cbp-vm-image { display: block; margin: 0 auto; position: relative; }
.cbp-vm-image img { width: 100%; cursor: pointer; max-width: 100%; max-height: 100%; }

/* ==========================================================================
   Grid View
   ========================================================================== */
.cbp-vm-view-grid ul { display:grid; gap:20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.cbp-vm-view-grid ul li { text-align: left;}
.cbp-vm-view-grid ul li .li { transition: all 0.5s; background: #fff; height: 100%; border-radius: 5px; border: 1px solid #eee; display: flex; flex-direction: column; }
.cbp-vm-view-grid ul li .li:hover { box-shadow: 0 0 30px rgba(0,0,0,0.15); background: #fff; }
.cbp-vm-view-grid ul li .li .text { padding: 12px; flex-grow: 1; }
.cbp-vm-view-grid ul li .li .text .secondary-font{ line-height: 24px; height: 48px; overflow: hidden; font-size: 16px; margin-top: 10px; text-transform: capitalize; }
.cbp-vm-view-grid ul li .tags_ul, .cbp-vm-view-grid ul li .p { display: none; }
.cbp-vm-view-grid ul li .btn-link{ margin-top: 10px; min-height: 40px; height: 40px;}
.cbp-vm-view-grid ul li .btn-link{ background: #fff; padding-left: 0; color:var(--zhover-color); transition: 0.5s; width:130px;}
.cbp-vm-view-grid ul li .btn-link:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' version='1.1' width='22.304076109719972' height='22.304076109719517' viewBox='0 0 22.304076109719972 22.304076109719517'%3E%3Cg transform='matrix(-0.7071067690849304,-0.7071067690849304,0.7071067690849304,-0.7071067690849304,3.266289112752916,45.961093007798766)'%3E%3Cpath d='M26.92330660540997,23.71830440971952L14.565857005409972,36.07549510971952L23.54070460540997,36.07549510971952L23.54070460540997,38.075496109719516L12.153949305409972,38.075496109719516L12.153949305409972,38.075496109719516C11.888053745409971,38.07562110971952,11.632899425409972,37.97022310971952,11.444884385409972,37.782204109719515C11.257352495409972,37.59466810971952,11.151998605409972,37.34031810971952,11.151998665014617,37.075105109719516L11.151998605409972,25.68850790971952L13.151998505409972,25.68850790971952L13.151998505409972,34.660927109719516L25.509107605409973,22.304076109719517L26.92330660540997,23.71830440971952Z' fill-rule='evenodd' fill='%23c48a65' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E"); }
.cbp-vm-view-grid ul li:hover .btn-link{ width: 100%; background-color: var(--zmain-color); color: #fff;}
.cbp-vm-view-grid ul li:hover .btn-link:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' version='1.1' width='22.304076109719972' height='22.304076109719517' viewBox='0 0 22.304076109719972 22.304076109719517'%3E%3Cg transform='matrix(-0.7071067690849304,-0.7071067690849304,0.7071067690849304,-0.7071067690849304,3.266289112752916,45.961093007798766)'%3E%3Cpath d='M26.92330660540997,23.71830440971952L14.565857005409972,36.07549510971952L23.54070460540997,36.07549510971952L23.54070460540997,38.075496109719516L12.153949305409972,38.075496109719516L12.153949305409972,38.075496109719516C11.888053745409971,38.07562110971952,11.632899425409972,37.97022310971952,11.444884385409972,37.782204109719515C11.257352495409972,37.59466810971952,11.151998605409972,37.34031810971952,11.151998665014617,37.075105109719516L11.151998605409972,25.68850790971952L13.151998505409972,25.68850790971952L13.151998505409972,34.660927109719516L25.509107605409973,22.304076109719517L26.92330660540997,23.71830440971952Z' fill-rule='evenodd' fill='%23ffffff' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E"); }

/* ==========================================================================
   List View
   ========================================================================== */
.cbp-vm-view-list li { text-align: left; white-space: normal; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.cbp-vm-view-list li:last-child { border-bottom: none; }
.cbp-vm-view-list ul li .li { display: flex; padding: 20px; background: #fafafa; position: relative; }
.cbp-vm-view-list ul li .img{ flex-shrink: 0; width: 300px; margin-right: 20px; }
.cbp-vm-view-list ul li .title { max-height: 48px; height: auto; font-size: 20px; }
.cbp-vm-view-list ul li .p { color: #666; overflow: hidden; transition: color 0.5s; line-height: 20px; max-height:60px; margin: 15px 0; font-size: 15px; display: block; }
.cbp-vm-view-list li .i_more { margin-top: 0; }
.cbp-vm-view-list ul li .li .my_more1::after, .blog_list li .li .my_more1::after { width: 30px; height: 30px; background-color: var(--zmain-color); }
.cbp-vm-view-list ul li .li .my_more1:hover, .blog_list li .li .my_more1:hover { padding-left: 15px; background-color: var(--zhover-color); color: #fff; }
.cbp-vm-view-list ul li .li .my_more1:hover::after, .blog_list li .li .my_more1:hover::after { background-color: var(--zhover-color); }
.cbp-vm-view-list ul li .inquiry_btn { left: auto; right: 20px; padding-left: 15px; padding-right: 40px; }
.cbp-vm-view-list ul li .checkbox-tile::before { left: auto; right: 40px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 768px) {
  .cbp-vm-view-grid ul{ gap: 10px;}
  .cbp-vm-options { display: none; }
  .pro_main ul li .title { font-size: 14px; }
  .cbp-vm-view-grid ul li .li { padding: 6px;}
}
@media only screen and (max-width: 400px) {
  .cbp-vm-view-grid ul li { width: 100%; }
}

/* product-gallery */
.product-hero{ background:#eee; padding:0.4rem 0.3rem;  margin-bottom: 0.4rem; border-radius: 10px;}
.product-hero .product-gallery{ float: left; width: 40%; overflow: hidden; border: 1px solid #eee;}
.product-hero .product-info{ float: left; width: 60%; padding-left: 0.5rem;}
@media only screen and (min-width: 1260px){
	.pro-vertical{ position: relative; padding-left: 1rem;}
	.pro-vertical #pro-img-thumbs{ position: absolute; left: 0; top: 0; width:1rem; height:100%;}
	.pro-vertical #pro-img-thumbs .swiper-wrapper{display: block;}
}
@media only screen and (max-width: 1260px) {
.pro-vertical #pro-img-thumbs .swiper-slide{ width: 20%;}
}

@media only screen and (max-width: 992px) {
.pro-vertical #pro-img-thumbs .swiper-slide{ width: 16.66%;}
}

.pro-vertical #pro-img-thumbs .swiper-slide{ height: 25%; display: flex;align-items: center;justify-content: center; width: 100%; padding: 2px 4px;}
.pro-vertical #pro-img-thumbs .swiper-slide img{ max-width: 100%; max-height: 100%;}
.pro-vertical #pro-img-thumbs .swiper-slide a{ display: block; width: 100%; height: 100%; background: #fff; text-align: center;}


.pro-img-video a{ position: relative; display: block;}
.pro-img-video a:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size:20px;color: #fff;line-height: 0.6rem;font-family: 'iconfont';content:"\e61c";z-index: 2;border-radius: 50%;background:rgba(0,0,0,0.5);width: 0.6rem;height: 0.6rem;text-align: center; cursor: pointer;}


#pro-img-thumbs{padding-right: 1px; background: #eee;}
#pro-img-thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;padding: 0;}
#pro-img-thumbs .swiper-slide img{ opacity: 0.6;}
#pro-img-thumbs .swiper-slide-thumb-active img{ opacity: 1;}


#pro-img-thumbs .swiper-slide{ height: 25%; display: flex;align-items: center;justify-content: center;}
#pro-img-thumbs .swiper-slide a{ display: block; width: 100%; height: 100%;}
#pro-img-thumbs .sp-video-icon{position: relative;}
#pro-img-thumbs .sp-video-icon img{ border-radius: 0;}
#pro-img-thumbs .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'iconfont';content:"\e61c";z-index: 2;border-radius:50%;background: var(--zhover-color);width: 30px;height: 30px;text-align: center;}


.product-gallery{align-items: flex-end;}
.product-gallery .swiper-slide{ position: relative; display: inline-block; }
.product-gallery #pro-image{ position: relative;}
.product-gallery #pro-image .swiper-slide{opacity: 0 !important; z-index: -1; background: #fff;}
.product-gallery #pro-image .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.product-gallery #pro-image .swiper-slide img{width: 100%;}
/* .product-gallery .swiper-button-prev, .product-gallery .swiper-button-next{ background-color: var(--zmain-color);} */


.product-gallery  .zoom-window {position: absolute;width: 180px;height: 180px;border: 2px solid #fff;border-radius: 10px;box-shadow: 0 5px 20px rgba(0,0,0,0.3);pointer-events: none;display: none;z-index: 99;background-repeat: no-repeat;background-color: #fff;}
.fancybox-image{ background: #fff;}

@media only screen and (max-width: 992px) {
.product-hero .product-gallery{ width:100%; position: relative; padding: 0;}
.product-hero .product-info{ width:100%; padding-left: 0; margin-top: 20px; padding: 0.3rem;}
#pro-img-thumbs{ position: inherit; width: 100%; margin-top: 10px; height: auto !important;}
#pro-img-thumbs>.swiper-wrapper{display:inline;}
#pro-img-thumbs .swiper-slide{ list-style: none; width:16.66%; float: left; opacity: 1 !important; float:left; height:auto !important;}
.pro-vertical #pro-img-thumbs .swiper-slide{ width: 16.66%;}
}

/*pro_detail*/
.product-info .pro-main-title{font-size:0.24rem; overflow:hidden; display:block;text-transform:capitalize; color:#333; margin-bottom: 0.15rem; font-weight: 500; border-bottom: 1px solid #ddd; margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
.product-info .pro-main-text{ padding-bottom:0.2rem;}
.product-info .pro-table ul{padding-left: 0; margin-bottom: 20px;}
.product-info .pro-table ul li{ color:#666;list-style:none; margin-bottom: 0.1rem; font-size: 16px; display: flex;}
.product-info .pro-table ul li p{margin-right:0.1rem;vertical-align:middle;margin-bottom:0; color:#333; font-weight: 500; min-width: 25%;}

.pro-more{ margin: 0.4rem 0;}
.pro-more .btn-link:nth-child(2){ background-color:var(--zhover-color); margin-left: 6px; color: #fff;}
@media only screen and (max-width:400px){
.pro-more .btn-link{ width: 100%; margin-bottom: 10px;}
}

.pro_inquiry{ box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 0.3rem; margin: 0.4rem 0;}
.detail-tabs{ overflow: hidden;}
.detail-tabs .tabs-header{ border-bottom: 1px solid #eee; margin-bottom: 0.3rem;}
.detail-tabs .tabs-header .tab-button{ line-height: 0.5rem; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 0.2rem; font-size: 0.18rem;  font-weight: 500;}
.detail-tabs .tabs-header .tab-button.active{ background:#021938; color: #fff;}


.related-section{ padding: 0.6rem 0; position: relative; background: #f7f7f8;}
.related-section .section-title .title{ font-size: 0.4rem;}
.related-section .flex-group{ margin-bottom: 20px;}
.related-section ul li .card .image{ display: block; overflow: hidden;}
.related-section ul li .card{ text-align: center;  border-radius: 5px; overflow: hidden; transition: 0.5s; padding: 10px; background:#fff;}
.related-section ul li .card .text{ padding: 0.2rem 0; transition: 0.5s;}
.related-section ul li .card .text .secondary-font{ font-size: 0.18rem;}
.related-section ul li .card .text p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #666; margin-top: 0.1rem; line-height: 1.5; transition: 0.5s;}
.related-section ul li .card:hover{ box-shadow: 0 0 40px rgba(0,0,0,0.1);}
.related-section ul li .card:hover .image img{transform: scale(1.06);}



/*news*/
.post-image-mask{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -16px;text-align: center;font-size: 0;}
.post-image-mask span, .post-image-mask:after, .post-image-mask:before{display: inline-block;margin-right: 7px;width: 6px;height: 6px;border-radius: 50%;background-color: #FFF;vertical-align: middle;opacity: 0;transition: opacity .2s ease;-webkit-animation: wd-fadeOutRight .3s ease;animation: wd-fadeOutRight .3s ease;}
.post-image-mask:before{content:'';transition-delay: .15s;-webkit-animation-delay: .15s;animation-delay: .15s;}
.post-image-mask:after{content:'';margin-right: 0;}
.li:hover .post-image-mask span, .li:hover .post-image-mask:after,.li:hover .post-image-mask:before{opacity: 1;-webkit-animation: wd-fadeInLeft .3s ease;animation: wd-fadeInLeft .3s ease;}
.li:hover .post-image-mask:before,.li:hover .post-image-mask:before,.li:hover .post-image-mask:before{transition-delay: .2s;-webkit-animation-delay: .2s;animation-delay: .2s;}
.li:hover .post-image-mask span,.li:hover .post-image-mask span,.li:hover .post-image-mask span{transition-delay: .1s;-webkit-animation-delay: .1s;animation-delay: .1s;}
@-webkit-keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}
@-webkit-keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}@keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}
@-webkit-keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}

.news ul li{ list-style: none; margin-bottom: 0.3rem; width: 100%; padding: 0 15px;list-style:none; margin-bottom:0.3rem;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; width:25%;}
.news ul li .li{ background:#f7f7f7; position: relative; transition: 0.5s all; overflow: hidden; height: 100%;}
.news ul li .li p{ color: #666; line-height: 24px; height: 48px; overflow: hidden;  margin: 0.1rem 0;}
.news .img{ width:100%; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{transition: 0.5s all; padding:0.15rem 0.2rem 0.3rem; background: #f5f6f8;}
.news_day{ font-size: 14px; display: inline-block; line-height: 20px; color:#666;display: inline-flex;align-items: center; margin: 8px 0;  display: block;}
.news_day i{ color:var(--zmain-color); margin-right: 8px;}
.news ul{ display: flex;flex-wrap: wrap;}
.news ul li  .news_day{border-bottom: 1px dashed #e4e6dc;padding: 0 0 10px; margin-top: 0;}
.news ul li .img{ display: block; position: relative;}
.news ul li img{ width: 100%;}
.news ul .li .more{ width: 54px; height: 30px; border:1px solid var(--zmain-color); border-radius: 30px; display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%2338a257'/%3E %3C/svg%3E"); background-position: center center; background-repeat: no-repeat; text-indent: -9999px;}
.news ul .li .more:hover{ background-color: var(--zmain-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%23ffffff'/%3E %3C/svg%3E");}
.news ul li:hover .img{background: #000;}
.news ul li:hover .img img{transform: scale(1.1);}
.news ul li:hover .text{ background: #fff;}
.news ul li .img img{ width: 100%;}
.news ul .li:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.1); background: #fff;}



.news-grid ul li{ width: 100%;}
.news-grid ul li .li{ display: flex; padding: 0.15rem;align-items: flex-start;}
.news-grid ul li .li .text{ padding: 0; background:transparent; margin-top: 10px;}
.news-grid ul li .li .img{width: 360px; margin-right: 26px;}

@media screen and (max-width: 992px) {
.news ul li{ width: 33.33%;}
.news .text .web-h4{ max-height: 52px; overflow: hidden;}
}

@media screen and (max-width: 768px) {
	.news ul li{ width: 50%; padding: 0 8px;}
	.news ul li .li{display: block;}
	.news ul li .li .main{ padding: 0; margin-top: 10px;}
	.news .img{width: 100%;}

}

@media screen and (max-width: 500px) {
.news ul li{ width: 100%;}
}


/*blog*/
.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:0; margin-bottom: 0.3rem; }
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{  border-bottom: none; transition: 0.5s all; border:1px solid #eee;background: #fff; display: flex; padding: 0.2rem;align-items: flex-start; border-radius: 10px;}
.blog_list li:last-child .li{ margin-bottom: 0;}
.blog_list li .blog_info{ width: 100%;}
.blog_list li.blog-image .blog_info{ width: 64%;}
.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; width: 30%; flex-shrink:0; border-radius: 5px;}
.blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms); } 
.blog_list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));
transform:scale(var(--scale-multiplier,1.05));}
.blog_list li .title:hover{ color: #333;}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:72px; color: #666; font-size: 15px; margin-bottom: 20px;}

.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}

@media only screen and (max-width: 768px) {
.blog_list li .image{ width: 100%; margin-right: 0; float: none; margin-bottom: 10px;}
.blog_list li .li{display: block;}
}


.blog_title{ color: #333; font-size: 0.3rem; font-weight: 500;}
.blog-info i{ margin-right: 0.06rem; color: #aaa;}
.page_detail{border: 1px solid #eee; background:#fff;}
.page_detail .main{ border-top: 1px solid #eee; padding: 0.3rem;}
.page_title{padding: 0.2rem 0.3rem;}

.blog-top{ background: #eee; padding-bottom: 0.3rem;}
.blog_editor{ display: flex;align-items: flex-start; margin-top: 0.3rem; padding-top: 0.3rem; border-top:1px solid #ddd;}
.blog_editor .img{ width: 100px; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right: 30px;}
.blog_editor .text{ padding-left: 1rem; position: relative;background-image: url("data:image/svg+xml,%3Csvg t='1757492581811' class='icon' viewBox='0 0 1195 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4529' width='200' height='200'%3E%3Cpath d='M1125.400405 972.814933 651.636395 972.814933 651.636395 631.106304C651.636395 491.702016 663.719168 382.333696 687.885227 302.997931 712.0512 223.662165 737.181781 170.700459 802.935893 107.231829 868.68992 43.763285 914.312789 24.717568 1010.828373 0L1078.255957 145.030059C1010.828373 170.796971 969.749333 182.289237 906.391381 248.024235 843.033429 313.759232 838.360149 377.340075 838.360149 431.988736L1125.400405 431.988736 1125.400405 972.814933ZM473.764096 972.814933 0 972.814933 0 631.106304C0 491.702016 12.082859 382.333696 36.248832 302.997931 60.414891 223.662165 85.545472 170.700459 151.299499 107.231829 217.053611 43.763285 262.676395 24.717568 359.192064 0L426.619563 145.030059C359.192064 170.796971 318.112939 182.289237 254.754987 248.024235 191.397035 313.759232 186.723755 377.340075 186.723755 431.988736L473.764096 431.988736 473.764096 972.814933Z' fill='%23dbdbdb' p-id='4530'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 40px auto; background-position: 30px top;}
.blog_editor .text:after{ position: absolute; left: 0; top: 0; width: 3px; height: 100px; background-color: var(--zhover-color); content: '';}
.blog_editor .text .p{ color: #333; font-weight: 400;}
.blog_editor .text .name{ margin-top: 0.2rem; font-weight:600; display: block;}



.blog-nav{ padding: 0.2rem; border: 1px solid var(--zmain-color); border-radius: 10px;}
.blog-nav .nav_h4{ color: #333; padding: 0; border-bottom: 1px  solid var(--zmain-color); padding-bottom: 10px; }
.blog-nav ul li{ list-style: none; border-bottom: 1px solid #eee;}
.blog-nav ul li:last-child{ border-bottom: none;}
.blog-nav ul li a{ font-weight: 500; font-size: 18px; color: #333; line-height: 26px; min-height: 40px; padding: 10px 0; display: block; display: flex;lign-items: center; position: relative; padding-left: 15px;}
.blog-nav ul li a:after{ position: absolute; left: 0; top: 20px; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color:#ddd; transition: 0.5s;}
.blog-nav ul li.active a{ color: var(--zhover-color);}
.blog-nav ul li.active a:after{ background-color: var(--zhover-color);}
.blog-nav .btn-link{ width: 100%;}

.rel_blog{ margin-top: 0.4rem;}
.rel_blog .web-h4{ line-height: 24px; height: 48px; overflow: hidden;}
.rel_blog .title_h4{line-height: 0.3rem; font-size:0.22rem; position:inherit; text-transform:uppercase;position: relative; padding: 15px;  background-size: cover; color: #333; line-height: 28px; padding-bottom: 15px; font-weight: 500; display: flex;}
.rel_blog ul{ display: grid; gap: 20px;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.rel_blog ul li{ list-style: none;background: #f7f7f7; padding: 20px 15px;transition: 0.5s;}
.rel_blog ul li .li .text{ line-height: 24px; height: 48px; overflow: hidden; font-size: 15px; color: #777;}
.rel_blog ul li:hover{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.15);}


@media screen and (max-width: 992px) {
.blog-nav{ display: none;}
}

@media screen and (max-width: 768px) {
.blog_editor{ display: block;}
.blog_editor .img{ margin: 0 auto 15px;}
.blog_editor .text{ padding-left: 60px; background-position: 0 0;}
.blog_editor .text:after{display: none;}
}

/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;overflow: hidden;}
.stp-top{width:100%; background: #eee;}
.stp-top .page_info_title{font-size:0.18rem;line-height:0.24rem;text-transform:uppercase;display:block; padding:0;padding:0.15rem 0.2rem;transition:all .5s; color: #333;  font-weight: 500;}
.stp-top .page_info_title:hover{text-decoration:none;color:var(--zmain-color);}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:0;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:var(--zhover-color); text-decoration: underline;}
.stp-listB>li:nth-child(4n+1){clear: both;}
.stp-pro .stp-listB>li{width: 100%;margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px solid #eee;}
.stp-pro .stp-listB>li:last-child{border-bottom:none;padding-bottom:0;}
.stp-pro .stp-listB>li .top{display: flex;align-items: flex-end;}
.stp-pro .stp-listB>li .image{max-width:0.48rem;min-width:0.48rem;}
.stp-pro .stp-listB>li .title{line-height:0.24rem;text-transform:capitalize;display:block;}
.stp-pro .stp-listB>li .title:after{content:"\f105";font-family:'iconfont';padding-left:0.06rem;color:#ccc;}
.stp-pro .stp-listB>li .title:hover{color:var(--zmain-color) ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:var(--zmain-color) ;}
.stp-listB li .stp-listC{width:100%; padding-top:0.2rem;list-style:none;}
.stp-listB li .stp-listC li{width:100%;margin-bottom:0.08rem;float:left;}
.stp-listB li .stp-listC li a{ font-size:16px;-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms);}.stp-listB li .stp-listC li a i{padding-right:0.05rem;}
.stp-listB li .stp-listC li a:hover{color:var(--zmain-color) ;}


@media only screen and (max-width: 768px){
	.stp-listA{padding: 0;}
	.stp-listB>li{width:50%;padding:4px 0;}
	.stp-listB>li:nth-child(2n+1){clear: both;}
	.stp-listB{border-width:1px;padding:15px;}
	.stp-pro .stp-listB>li .image{max-width:32px;min-width:32px;}
	.stp-listB li .stp-listC li{width: 100%;}
	.stp-listB>li>a{font-size:14px;}
	.stp-top .page_info_title{font-size:14px;padding:10px 10px;}
	.stp-listB li .stp-listC li a{font-size: 13px;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}

/*web-page*/
.n_honor ul li{ list-style: none; float: left; width: 16.66%; text-align: center;}
.n_honor ul li .li{ position: relative; display: inline-block;}
.n_honor ul li:nth-child(6n+1){ clear: both;}
.n_honor ul li img{border: 1px solid #eee; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.n_honor ul li .web-h3{ margin-top: 10px;}

@media only screen and (max-width:992px) {
.n_honor ul li{ width: 33.33%;}
.n_honor ul li:nth-child(6n+1){ clear: none;}
.n_honor ul li:nth-child(5n+1){ clear: none;}
.n_honor ul li:nth-child(3n+1){ clear: both;}
}

@media only screen and (max-width:400px) {
.n_honor ul li{ width: 50%;}
.n_honor ul li:nth-child(3n+1){ clear: none;}
.n_honor ul li:nth-child(2n+1){ clear: both;}
}

/*case*/
.case { overflow: hidden; position: relative;}
.case ul{ position: relative; display:grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));}
.case ul li{ list-style: none;}
.case ul li .li{ position: relative; overflow: hidden;transition: 0.5s all; height: 100%; background:#eee;}
.case ul li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.case ul li .li .img{ position: relative; display: block; overflow: hidden;}
.case ul li .li .img img{ width: 100%;}
.case ul li .li .text{  border-top: none; padding:0.15rem;width: 100%; text-align: center; transition: 0.5S;}
.case ul li .li .text .p{ line-height: 22px; max-height: 44px; overflow: hidden; margin: 10px 0;}
.case ul li .li:hover .img img{transform: scale(1.1);}

@media only screen and (max-width:768px) {
.case ul{ position: relative; z-index: 888; display:grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
}
@media only screen and (max-width:500px) {
.case ul li .li{ padding: 0;}
.case ul li .li .text{ margin: 0; padding: 8px;}
}

/*case 02*/
.case-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 24px; }
.case-grid .gallery-item{ position: relative;}
.case-grid .gallery-item .gallery-image{ overflow: hidden; display: block;pointer-events: auto;}
.case-grid .gallery-item .gallery-image img{ width: 100%;}
.case-grid .gallery-item:hover .gallery-image img { transform: scale(1.08);}
.case-grid .gallery-overlay {position: absolute; left: 0; bottom: 0; width: 100%;padding:10px 20px;background: linear-gradient(to top, rgba(13,14,18,0.6) 0%, rgba(13,14,18,0.4) 100%);backdrop-filter: blur(0px);display: flex; flex-direction: column; justify-content: flex-end;transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); transition: 0.5s;pointer-events: none;}
.case-grid .gallery-item:hover .gallery-overlay {height: 100%; background: linear-gradient(to top, rgba(13,14,18,0.95) 0%, rgba(13,14,18,0.1) 70%, transparent 100%); backdrop-filter: blur(3px);}

.case-grid .gallery-title { font-size: 20px; font-weight: 500; color: #fff; line-height: 1.4; }
.case-grid .gallery-details {max-height: 0; opacity: 0; transform: translateY(20px);transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); line-height: 24px; overflow: hidden; color: #fff;}
.case-grid .gallery-item:hover .gallery-details {max-height: 48px; opacity: 1; transform: translateY(0);margin: 10px 0;}


/*case 03*/
.case-list { display: flex; flex-direction: column; }
.case-list .line-row { display: grid;grid-template-columns: repeat(12, 1fr);gap: 40px;padding: 60px 0;border-top: 1px solid #e5e7eb;transition: all 0.4s ease;}
.case-list .line-row:last-child { border-bottom: 1px solid #e5e7eb; }
.case-list .line-left { grid-column: span 5; }
.case-list .line-title { font-size: 0.3rem; font-weight: 500; color: #111; line-height: 1.3;}
.case-list .line-right { grid-column: span 7; display: flex; flex-direction: column; gap: 24px;align-items: flex-start; }
.case-list .line-image-box { width: 100%; border-radius: 12px; overflow: hidden; background: #f3f4f6; }
.case-list .line-image-box img {transition: transform 0.6s ease; }
.case-list .line-desc { font-size: 16px; color: #4b5563; line-height: 1.7;}

.case-list .line-row:hover .line-image-box img { transform: scale(1.02); }
.case-list .line-row:hover .line-btn { background: #111111; color: #ffffff; }

@media (max-width: 900px) {
.case-list .line-row { grid-template-columns: 1fr; gap: 20px; padding: 40px 0; }
.case-list .line-left, .line-right { grid-column: span 1fr; }
.case-list .line-title { font-size: 22px; }
}


/*faq*/
.faq{width: 100%;overflow: hidden;margin-bottom: 30px;}
.faq-item {box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); margin-bottom: 0.2rem;}
.faq-item:hover{box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);}
.faq-item:last-child {border-bottom: none;}
.faq-header {padding: 15px 50px 15px 15px;cursor: pointer;transition: all 0.3s ease;position: relative;display: flex;align-items: center; height: auto; max-height:none; font-size: 18px; font-weight: 500; color: #333; background: #fff;}
.faq-header::before {display: inline-block;width: 36px;height: 36px;margin-right: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;color:#999;line-height: 36px;border-radius: 50%; transition: all 0.3s ease;flex-shrink: 0;background-image: url("data:image/svg+xml,%3Csvg t='1782813451799' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10427' width='200' height='200'%3E%3Cpath d='M67.584 660.3776l136.9088-132.3008h515.6864a35.7376 35.7376 0 0 0 35.6352-35.6352v-387.584a35.7376 35.7376 0 0 0-35.6352-35.6864H103.2704a35.7376 35.7376 0 0 0-35.6864 35.6864v555.52z m158.8224-66.6624L0 819.2V111.4624A111.616 111.616 0 0 1 111.7184 0h595.7632A111.616 111.616 0 0 1 819.2 111.36V482.304a111.5648 111.5648 0 0 1-111.7184 111.4112H226.4064z' fill='%23ffffff' p-id='10428'%3E%3C/path%3E%3Cpath d='M792.7296 427.8784c0 64.512-11.4688 105.472-34.5088 123.0336-23.04 17.5104-88.7808 25.6-197.4272 24.2688H272.384v118.6816a35.6864 35.6864 0 0 0 35.6352 35.5328h511.488l138.7008 129.0752V307.2a35.6864 35.6864 0 0 0-35.6352-35.5328h-129.792l-0.1024 156.16z m-18.2272 85.0944V204.8h137.8304C973.9776 204.8 1024 254.6688 1024 316.1088V1024l-226.3552-225.6896H316.416A111.4112 111.4112 0 0 1 204.8 687.104v-144.9472h545.8432l23.8592-29.184z' fill='%23ffffff' p-id='10429'%3E%3C/path%3E%3Cpath d='M352.768 388.096l-20.224 52.992a44.544 44.544 0 0 1-11.52 17.7664c-4.9152 4.4544-12.1344 6.656-21.6576 6.656A32.4096 32.4096 0 0 1 276.48 457.728c-5.632-5.2224-6.3488-14.1312-2.048-26.7264l94.9248-276.9408a26.624 26.624 0 0 1 9.8816-13.1072 33.1776 33.1776 0 0 1 20.48-5.7856c8.6528 0 15.4624 1.9456 20.5312 5.7856a26.624 26.624 0 0 1 9.9328 13.1072l95.8464 277.8624c3.6864 11.6736 2.6624 20.224-3.0208 25.6a31.8464 31.8464 0 0 1-22.784 8.0384c-9.5232 0.3072-16.5888-1.7408-21.1968-6.1952a45.1584 45.1584 0 0 1-10.5984-15.872l-22.1184-55.296H352.768z m82.5344-52.0704l-35.4816-114.2784-35.4816 114.2784h70.9632z' fill='%23ffffff' p-id='10430'%3E%3C/path%3E%3C/svg%3E"); background-size: 16px auto; background-repeat: no-repeat; background-repeat: no-repeat; content: ''; background-position: center center; background-color: #ccc;}
.faq-header::after {content: '+';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size:30px;transition: transform 0.3s ease;}
.faq-item.active .faq-header {background:rgba(0,0,0,0.05);}
.faq-item.active .faq-header::before {background-color:var(--zmain-color);color: #fff;}
.faq-item.active .faq-header::after {transform: translateY(-50%) rotate(45deg);}
.faq-content {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;background:#fff;}
.faq-content-inner {padding: 25px;color:#333;line-height: 1.6;}
.faq-content p {margin-bottom: 15px;}
.faq-content p:last-child {margin-bottom: 0;}


.faq_l{ float: left; width:38%; padding-right: 8%;}
.faq_l .h6{ font-size:18px; font-weight: 500;}
.faq_section .right{ float: left; width:62%;}
.faq_l ul{padding: 0 18px; background:rgba(0,0,0,0.05);margin-top: 0.2rem;}
.faq_l ul li{ list-style: none; display: flex; padding: 0.28rem 0;justify-content: space-between;}
.faq_l ul li:first-child{ border-bottom: 1px solid #dcdedf;}
.faq_l ul li span{ display: block; font-size: 20px; color: #333; font-weight:600; margin-bottom: 5px;}
.faq_l ul li a{ font-size: 0.22rem; font-weight:600; line-height: 0.26rem;}
.faq_l ul li a:hover{ color: var(--zhover-color); text-decoration: underline;}
.faq_l ul li .email,.faq_l ul li .tel{ width: 0.6rem; height: 0.6rem; flex-shrink: 0;background-repeat:no-repeat; background-position: center center; background-size: 0.6rem auto;}
.faq_l ul li .email{ background-image: url("data:image/svg+xml,%3Csvg t='1753150740555' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4505' width='200' height='200'%3E%3Cpath d='M893.421013 263.914762c-1.982144 16.412808-9.237385 32.210609-21.676695 44.729737L581.597101 598.791715c-29.696346 29.696346-78.243015 29.696346-107.939361 0L183.510524 308.644499c-12.519128-12.519128-19.770276-28.396747-21.676695-44.729737-0.38374 3.130294-0.611937 6.259564-0.611937 9.465582l0 396.939451c0 41.983183 34.348296 76.335572 76.336596 76.335572l580.14196 0c41.980113 0 76.332503-34.352389 76.332503-76.335572L894.03295 273.380344C894.03295 270.174326 893.804752 267.045055 893.421013 263.914762L893.421013 263.914762 893.421013 263.914762zM581.597101 543.222095l304.193117-304.19414c-12.598946-24.883737-38.473243-41.983183-68.089771-41.983183L237.558487 197.044772c-29.616528 0-55.499012 17.099447-68.089771 41.983183L473.65774 543.222095C503.349993 572.917418 551.900755 572.917418 581.597101 543.222095L581.597101 543.222095 581.597101 543.222095z' fill='%23e7762a' p-id='4506'%3E%3C/path%3E%3C/svg%3E"); }
.faq_l ul li .tel{background-image: url("data:image/svg+xml,%3Csvg t='1753150910852' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6450' width='200' height='200'%3E%3Cpath d='M688.010562 935.276733c-2.06996 28.351446-21.396582 52.71297-49.023042 61.779793l-85.928322 24.959513c-35.584305 8.575833-71.572602-12.629753-80.36143-47.359075a82.558388 82.558388 0 0 1-0.853984-3.839925c-10.303799-36.820281 9.962805-75.198531 46.677089-88.382274l85.928321-24.916513a62.931771 62.931771 0 0 1 63.230765 17.40766 328.740579 328.740579 0 0 0 155.346966-143.933189h-21.866573c-69.054651-3.690928-122.067616-61.140806-118.610683-128.53149V473.802746c-3.413933-67.368684 49.577032-124.797563 118.610683-128.48749h29.631422c4.244917 0 8.489834 0.233995 12.692752 0.724985C795.614461 167.44073 608.418117 60.541818 425.402691 107.260905c-119.80566 30.569403-213.371833 121.87462-244.71022 238.779336a109.437863 109.437863 0 0 1 12.671752-0.725985h29.652421c68.969653 3.754927 121.897619 61.161805 118.483686 128.48849v128.487491c3.433933 67.391684-49.557032 124.840562-118.611683 128.531489H193.236226c-68.948653-3.754927-121.87462-61.097807-118.504686-128.402492V473.802746c0-3.327935 0-6.65587 0.341994-9.940806a58.473858 58.473858 0 0 1-0.341994-6.101881C74.73154 204.539005 270.909709 0 512.034999 0c241.14729 0 437.325458 204.540005 437.325459 457.761059 0 2.02696-0.127998 4.07492-0.362993 6.101881 0 3.284936 0.362993 6.612871 0.362993 9.940806v128.48749a131.987422 131.987422 0 0 1-49.279038 104.297963C864.283119 807.790223 787.677616 890.34861 688.010562 935.147735v0.127998z' fill='%23e7762a' p-id='6451'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.5rem auto;}


@media only screen and (max-width:992px){
.faq_section{ padding: 0.6rem 0;}
.faq_l{ width: 100%; padding-right: 0;}
.faq_section .right{ margin-top: 0.3rem; width: 100%;}
}


/*video*/
.video ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 25px;}
.video ul li{list-style:none;}
.video li .image{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius: 0; overflow: hidden; }
.video li .image > a.link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20;}
.video li .image img{max-width:100%;height:auto;width:100%;transition:all .9s;}
.video li:hover .image{ background: #000;}
.video li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); opacity: 0.6;}
.video_button{display: inline-flex;position: absolute;transform: translate(-50%, -50%);left: 50%;top:50%;width: 56px;height: 56px;border-radius:50%;font-size: 18px;background:var(--zhover-color);align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s;pointer-events: none;}
.video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:50%;opacity: 0;filter: alpha(opacity=0); background: rgba(0,172,200,0.4);}
.video_button i{ position: relative; z-index: 666;}
li:hover .video_button{width: 70px;height: 70px;text-decoration: none;}
li:hover .video_button .line-video-animation{animation:squares 3.9s linear 0s infinite;-webkit-animation:squares 3.9s linear 0s infinite;-ms-animation:squares 3.9s linear 0s infinite;-o-animation:squares 3.9s linear 0s infinite;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}
li:hover .video_button .line-video-animation.line-video-2{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
li:hover .video_button .line-video-animation.line-video-3{-webkit-animation-delay:2.6s;-moz-animation-delay:2.6s;-o-animation-delay:2.6s;animation-delay:2.6s;}

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
.video li .li{ background: #fff; overflow: hidden; text-align: center; transition: 0.5s; padding: 10px; border: 1px solid #eee;}
.video li .li .text{ padding: 0.16rem; background: #f7f7f7;}
.video li .li .text .media-title{ display: block; line-height: 22px; height: 44px; overflow: hidden;}
.video li .li .text .media-text{margin: 15px 0 0; line-height: 20px; height: 40px; overflow: hidden; color: #666; font-size: 15px;}
.video li .li .text .more{ position: relative; padding-right: 20px; text-decoration: underline; margin-top: 0.1rem; display: inline-block; font-weight: 500; color: var(--zhover-color);}
.video li .li .text .more:after{background-image: url("data:image/svg+xml,%3Csvg t='1782867267750' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6653' width='200' height='200'%3E%3Cpath d='M893.035 463.821679C839.00765 429.699141 210.584253 28.759328 179.305261 8.854514 139.495634-16.737389 99.686007 17.385148 99.686007 57.194775v909.934329c0 45.496716 42.653172 68.245075 76.775709 48.340262 45.496716-28.435448 676.763657-429.375262 716.573284-454.967165 34.122537-22.748358 34.122537-76.775709 0-96.680522z' fill='%23666666' p-id='6654'%3E%3C/path%3E%3C/svg%3E"); content: ''; background-size: 12px auto; background-repeat:no-repeat; background-position: right center; position: absolute; right: 0; top: 0; width: 16px; height:100%;}
.video li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}
@media only screen and (max-width: 768px) {
	.video ul{ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;}
}
@media only screen and (max-width: 480px) {
	
}


/*download----1*/
.download-list {display: grid;gap: 20px;}
.download-list .download-item {background: #ffffff;border-radius: 12px;padding: 24px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: transform 0.2s, box-shadow 0.2s; border: 1px solid #f5f5f5;}
.download-list .download-item:hover {transform: translateY(-2px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
.download-list .file-info-wrapper {display: flex;align-items: center;gap: 20px;flex: 1;}
.download-list .file-ico {width: 54px;height: 54px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 0.2rem;color: white;flex-shrink: 0;}
.download-list .ico-pdf { background-color: #e74c3c; }
.download-list .ico-zip { background-color: #f1c40f; color: #333; }
.download-list .file-details .title {font-size: 0.2rem;color: #2c3e50;margin-bottom: 6px; font-weight: 500;}
.download-list .file-meta {display: flex;gap: 15px;color: #95a5a6; font-size: 15px;}
.download-list .file-meta span strong {color: #555;}

.btn-download {display: block;text-align: center;background:var(--zhover-color);color: white;text-decoration: none;padding: 12px;border-radius: 8px;font-weight: 500;
transition: background 0.2s;}
.btn-download:hover { background:var(--zhover-color); }

@media (max-width: 768px) {
    .download-list .download-item {flex-direction: column;align-items: flex-start;gap: 20px;}
    .download-btn {width: 100%;text-align: center;}
}
/*download----2*/
.download-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;}
.download-grid .card {background: #ffffff;border: 1px solid var(--zmain-color);border-radius: 16px;padding: 24px;display: flex;
flex-direction: column;justify-content: space-between;transition: all 0.3s ease;}
.download-grid .card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);border-color:var(--zmain-color);}
.download-grid .card-badge {align-self: flex-start;background: #eff6ff;color: #2563eb;padding: 4px 12px;border-radius: 20px;font-size: 0.2rem;
font-weight: 500;margin-bottom: 16px;text-transform: uppercase;}
.download-grid .card-title { font-size:0.22rem; color: #1e293b; margin: 12px 0; line-height: 1.4; font-weight: 500;}
.download-grid .card-desc { font-size: 15px; color: #64748b; margin-bottom: 20px; line-height: 1.5; flex-grow: 1; }
.download-grid .card-meta {display: flex;justify-content: space-between;border-top: 1px solid #f1f5f9;padding-top: 15px;margin-bottom: 15px;font-size: 15px;color: #94a3b8;}

/*download----3*/
.page-bg{ background: #f1f5f9;}
.wrapper-table { display: table; width: 100%; border-spacing: 20px 0; }
.wrapper-table .sidebar { display: table-cell; width: 240px; vertical-align: top; }
.main-content { display: table-cell; vertical-align: top; }

/* 左侧菜单 */
.menu-card { background: white; padding: 15px; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.menu-item { display: block; padding: 12px 16px; color: #475569; text-decoration: none; border-radius: 8px; margin-bottom: 5px; font-weight: 500; }
.menu-item.active, .menu-item:hover { background:var(--zhover-color); color: white; }

/* 右侧列表项 */
.list-item { background: white; padding: 20px; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.item-header { display: table; width: 100%; }
.item-title-area { display: table-cell; }
.item-btn-area { display: table-cell; text-align: right; vertical-align: middle; }

.item-title { font-size:0.2rem; color: #1e293b; margin-bottom: 5px; font-weight: 500;}
.item-meta { font-size: 15px; color: #64748b; }

.btn-circle { background: #f1f5f9; color: #1e293b; padding: 8px 16px; border-radius: 20px; text-decoration: none; font-size:16px; font-weight: 500; }
.btn-circle:hover { background: #e2e8f0; }

/*history*/
.history{ padding: 0.8rem 0; overflow: hidden;}
.history .his_top{ position: relative;}
.history .his_top:after{ position: absolute;left: 0; bottom:20px; height: 1px; width: 100%; content: ''; background: #ddd;}
.history .his_nav{position: relative; padding: 0 30px;}
.history .swiper-button-prev,.history .swiper-button-next { width: 40px; height: 40px; border: none; margin-top: -20px; margin: 0;}
.history .swiper-button-disabled{ opacity: 0.2;}
.history .swiper-button-prev{ left: -5px;}
.history .swiper-button-next{ right: -5px;}
.history #his_thumbs .swiper-slide{width: 16.66%;line-height: 24px; color: #222; font-weight:600; cursor: pointer;padding: 0 0.15rem; display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; font-size: 28px; transition: 0.5s; line-height: 40px; position: relative; padding-bottom: 50px; opacity: 0;}
.history #his_thumbs .swiper-slide.swiper-slide-visible{ opacity: 1;}
.history #his_thumbs .swiper-slide:after{ position: absolute; left: 50%; bottom:10px; width: 20px; height: 20px; content: ''; border: 5px solid #aaa; border-radius: 50%; background: #fff;transform: translate(-50%, 0%); transition: 0.5s;}
.history #his_thumbs .swiper-slide-thumb-active:after{ width: 28px; height: 28px; border: 10px solid var(--zhover-color); bottom: 5px;}
.history #his_thumbs .swiper-slide p{background:#fff; padding: 14px 10px; font-size: 15px; display: flex; line-height: 20px;align-items: center; border-radius: 5px;justify-content: center;}
.history #his_thumbs .swiper-slide img{width: 0.66rem; height: 0.66rem; flex-shrink: 0;}
.history #his_thumbs .swiper-slide p span{ display: inline-block; line-height: 26px; margin-right: 6px; color: #fff; text-align: center;}
.history #his_thumbs .swiper-slide-thumb-active{ color: var(--zhover-color);}
.history .his_nav .swiper-button-next,.history .his_nav .swiper-button-prev{ position: absolute; top: 50%; margin-top:-20px; background-color:rgba(0,0,0,0);backdrop-filter: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-chevron-left icon-md transform' viewBox='0 0 24 24' stroke='currentColor' fill='none' role='presentation'%3E %3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 6L8 12L14 18'/%3E %3C/svg%3E"); background-size: 40px auto; background-color: #fff; top: 78%; box-shadow: 0 0 30px rgba(0,0,0,0.1); width: 50px; height: 50px;}
.history .his_nav .swiper-button-next svg, .history .his_nav .swiper-button-prev svg{ display: none;}

.history #his_gallery{ overflow: inherit;}
.history #his_gallery .swiper-slide .year{ text-align: center; font-size: 2rem; line-height: 2rem; height:80px; font-weight:600; position: relative; z-index: 3; color:var(--zmain-color); font-weight: bold;}
.history .his_main{ background:rgba(255,255,255,0.5);padding: 0.5rem; position: relative; z-index: 66; backdrop-filter: blur(10px); border: 1px solid var(--zmain-color); border-radius: 30px;}


@media only screen and (max-width:1360px) {
	.history #his_thumbs .swiper-slide{font-size: 20px; line-height: 18px;}

	
}

@media only screen and (max-width:1200px) {
	.history #his_thumbs .swiper-slide{ padding-right: 0.2rem;}
	
}

@media only screen and (max-width:992px) {
	.history{padding: 0.4rem 0;}
	.history .his_main .main .left{display: none;}
	.history .his_main .main .right{ width: 100%;}
	.history .his_main ul li{padding: 5px; margin-bottom: 0;}
	.history #his_thumbs .swiper-slide{ width: 33.33%;}
	.history .his_main .img{padding-right: 0; width: 100%;}
	.history .his_main .img img{width: 100%;}
	.history .his_main .text{ width: 100%; margin-left: 0;}
	.history .his_main .main{display: block;}
	.history .his_main .text{ padding: 0.4rem;}
	.history .swiper-button-next, .history .swiper-button-prev{ display: block; position: absolute;}
	.history #his_gallery .swiper-slide .year{ font-size: 1rem; line-height: 1rem; height: 50px;}
	.history .his_main{ padding: 0.3rem;}
}

@media only screen and (max-width:768px) {
	.history .his_main ul li .li{display: block; padding-bottom: 20px;}
	.history .his_main ul li .li .title{ position: inherit; left: 0; top: 0; font-size: 16px; width: 100%; margin-top: 10px;}
	.history #his_thumbs .swiper-slide{ width: 50%;}
}



/*history2*/
.history2{ overflow: hidden;position: relative; background-position: center bottom; background-repeat: no-repeat;}
.history2 #his_gallery2{ float: right; width:80%; overflow: hidden; }
.history2 .his_nav{ float: left; width: 20%; overflow: hidden;padding-right: 1rem; position: relative;}
.history2 .his_nav .swi_overflow{height: 360px; border-left: 1px solid #eee; padding-top: 72px;  padding-bottom: 72px;}
.history2 #his_gallery2{height: 500px; padding-bottom: 150px; position: relative;}
.history2 #his_gallery2 .swiper-slide{ height: 350px;}
.history2 #his_gallery2:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; background:linear-gradient(rgba(255,255,255,0) , rgba(255,255,255,1)); content: ''; z-index: 66;}
.history2 .his_nav ul li{ list-style: none;height: 100px; transition: 0.5s;display: flex;align-items: center;}
.history2 .his_nav ul li .li{ transition: 0.5s;}

.history2 #his_thumbs2 .swiper-slide{ position: relative; padding-left:36px; display: flex; cursor: pointer; font-size: 0.28rem; font-weight:600;}
.history2 #his_thumbs2 .swiper-slide:after{ position: absolute; left:-1px; top: 50%; width: 2px; height:0; content: ''; background: var(--zmain-color); transition: 0.5s;transform: translate(0%, -50%)}
.history2 #his_thumbs2 .swiper-slide-thumb-active{ color:var(--zmain-color);}
.history2 #his_thumbs2 .swiper-slide-thumb-active:after{ height:30px;}

.history2 .swiper-button-disabled{opacity: 0.2 !important;}
.history2 #his_gallery2 .case_img{ position: relative; display: flex;}
.history2 #his_gallery2 .swiper-slide-active{opacity: 1;}
.history2 #his_gallery2 .case_img .img{ margin-bottom: 0.2rem; max-width: 2.6rem; margin-right: 0.4rem; flex-shrink: 0;}
.history2 #his_gallery2 .case_img .text{align-items: center;}
.history2 #his_gallery2 .case_img .num{ font-size: 1rem; line-height: 1rem; margin-right: 16px; font-weight:600; color: #eee;align-items: center;flex-shrink: 0;}

.history2 .swiper-button-prev, .history2 .swiper-button-next{ width:60px; height: 60px; margin: 0 30px;}
.history2 .swiper-button-prev svg, .history2 .swiper-button-next svg{ width: 40px; height: 40px;}

@media only screen and (max-width:1360px) {
	.history2 .container{width: 100%;}
	.history2 .his_nav .swi_overflow{height: 400px; }
	.history2 .his_nav ul li{height: 80px;}
}
@media only screen and (max-width:992px){
	.history2 .his_nav{ display: none;}
	.history2 .i_title .my_btn{display: none;}
	.history2 #his_gallery2{width: 100%; height: auto; padding: 0;}
	.history2 #his_gallery2 .swiper-wrapper{display:inline;}
	.history2 #his_gallery2 .swiper-slide{ list-style: none; width: 100%; float: left; opacity: 1 !important; height: auto !important; margin-bottom: 30px;}
	.history2 #his_gallery2 .case_img .num{ font-size: 0.3rem; color: var(--zmain-color); line-height: 20px;}
	.history2 #his_gallery2:after{ display: none;}
	.history2 .my_btn{ display: none;}
	.history2 #his_gallery2 .case_img .img{ width: 1.5rem; margin-right: 20px;}
}


/*history3*/
.history3{ overflow: hidden;}
.history3 ul li{ list-style: none; display: flex;align-items: center; margin-bottom: 0.5rem;flex-wrap: wrap;}
.history3 .his_main{ max-width: 1000px; margin: 0 auto; position: relative;}
.history3 .his_main:after{ position: absolute; left: 50%; top: 0; width: 1px; height: 100%; content: ''; background: #ddd;}
.history3 .his_main .img{ width: 50%; padding-right: 0.8rem;}
.history3 .his_main .img img{ border-radius: 5px;}
.history3 .his_main .text{ width: 50%; padding-left: 0.8rem; position: relative;}
.history3 .his_main .text .dot{ position: absolute; width:0.8rem; height: 0.8rem; border-radius: 50%; background:var(--zmain-color); position: absolute; left: -0.4rem; top: 50%;transform: translate(0%, -50%); z-index: 2; display: flex;align-items: center; justify-content: center; font-weight:600; color: #fff;}

@media only screen and (min-width:768px){
	.history3 ul li:nth-child(2n+1) .img{ order: 2; padding-right: 0; padding-left: 0.8rem;}
	.history3 ul li:nth-child(2n+1) .text{ order: 1; padding-left: 0; padding-right: 0.8rem;}
	.history3 ul li:nth-child(2n+1) .text .dot{ left: auto; right: -0.4rem;}
}


@media only screen and (max-width:768px){
.history3 ul li{ position: relative; margin-bottom: 20px;}
.history3 .his_main .img,.history3 .his_main .text{ width: 100%; padding: 0;}
.history3 .his_main:after{ left: 25px;}
.history3 .his_main .img{ padding-left: 60px; max-width: 300px;}
.history3 .his_main .text{ padding-left: 60px; position: initial;}
.history3 .his_main .text .dot{top: 0; width:50px; height: 50px; left: 0; top: 0;transform:none;}
}

/*contact*/
.contact-page{ padding-top: 0.8rem;}
.contact_info{ margin-bottom: 0.8rem;}
.contact_info ul{list-style:none;padding:0; display: flex; gap: 30px;}
.contact_info ul li{ width: 50%;}
.contact_info ul li .li{transition:all .5s;padding:0.3rem;position: relative;z-index: 5; height: 100%; background: #fff;align-items: center;  box-shadow: 0 0 30px rgba(0,0,0,0.1); height: 100%; overflow: hidden;}
.contact_info ul li .li:after{ width: 100px; height: 200px;content: "\ea0c"; font-size: 1.2rem; line-height: 1.2rem; font-family: "iconfont"; color: #f9f9f9; position: absolute;right: 0; top: 0;}
.contact_info ul li:nth-child(2) .li:after{content: "\e7b0";}
.contact_info ul li:nth-child(3) .li:after{content: "\e62c";}
.contact_info ul li .web-h3{ text-transform: uppercase; position: relative; margin-bottom: 20px; height: auto; padding-bottom: 20px;}
.contact_info ul li .web-h3:after{ position: absolute; left: 5px; bottom:0; width: 12px; height: 5px; background: var(--zhover-color); content: '';}
.contact_info ul li .icon{width: 0.6rem;height: 0.6rem;position: relative;z-index: 4;top:0;display:inline-flex;align-items: center;justify-content: center;flex-shrink: 0; text-align: center; margin-right: 0.3rem; margin-bottom: 0.3rem;}
.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:10px;-webkit-transition: all .5s;transition: all .5s; background:var(--zmain-color);box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, .2);}
.contact_info ul li:hover .icon:after{border-radius:50%;}
.contact_info ul li .icon:before{content:'';top:-0.05rem;bottom:-0.05rem;right:-0.05rem;left:-0.05rem;border-radius: 50%;border:1px solid #ccc;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.contact_info ul li:hover .icon:before{left:-0.1rem;right:-0.1rem;bottom:-0.1rem;top:-0.1rem;opacity: 0.5;filter: alpha(opacity=50);}
.contact_info ul li .icon i{display: inline-block;transition:all .5s;width:0.48rem;height:0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #fff;}
.contact_info ul li:hover .icon i{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);
transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg);}
.contact_info ul li p{line-height:24px;margin:0;margin-bottom:0.05rem;color:#4d4d4d;}
.contact_info ul li p a:hover{color:var(--zmain-color);}
.contact .social_ico{ border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px; width: 100%;}


.con_ico p{ display: inline-block; margin-left: 10px;}
.con_message{text-align: center; padding: 0.6rem 0;display: flex; gap: 50px; background: #eee;}
.con_message .inquiry{  background: #fff; padding: 0.5rem; }
.con_message .inquiry-grid{ display:grid; gap: 10px; grid-template-columns: repeat(2, 1fr);}
.con_message .inquiry-grid .full-width {grid-column: span 2;}
.con_message .web-p,.vetol_message .web-p{ border-bottom: 1px solid #ddd; padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}
.contact .map{ margin-top: 0.5rem;}
.con_info{ text-align: left;}


@media only screen and (max-width:768px) {
	.contact_info ul{flex-wrap: wrap;}
	.contact_info ul li{ width: 100%;}
	.contact_info ul li .li{ padding: 0.2rem;}
	.contact_info ul li .h4{ font-size: 16px;margin-bottom: 0;}
	.contact_info ul li .web-h3{ margin-bottom: 10px; padding-bottom: 10px;}
	.contact .con_banner{ margin-bottom: 0;}
	.con_message{ padding: 0; background: #eee;}
	.con_message .inquiry{ padding: 0.3rem; margin: 0.3rem 0;}
	
}

.contact_com{ margin-top: 0.6rem;}
.contact_com ul li{ list-style: none; margin-bottom: 30px;}
.contact_com ul li .li{ background:#f5f6f8; padding:0.2rem;}
.contact_com ul li .li .title{ font-weight:600; font-size: 0.24rem; display: block; border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 10px;}
.contact_com ul li .li p{ line-height:24px; margin-bottom: 6px;}

/*web 其他设置*/
.inqu_more{ float: right; width:auto; padding: 0 20px; background: var(--zmain-color); color: #fff; font-weight: 500; height: 40px; transition: 0.5s; display: flex;align-items: center; margin-bottom: 10px;}
.car_li{margin-bottom: 30px;}
.car_li .li{ float: left; width: 50%; padding-right: 6px;}
.car_li .li .checkbox-tile{ position: inherit;display: inline-block; padding: 10px 15px; margin-bottom: 6px; position:relative; padding-left: 36px; font-weight: 500;}
.car_li .li .checkbox-tile:before{ left: 10px; top: 16px;}

@media only screen and (max-width:992px) {
	.car_li .li{ width: 100%;}
}

@media only screen and (max-width:992px) {
.cart-call{ position: fixed; width: 40px; height: 40px; background: #999; border-radius: 50px; left: 10px; bottom: 110px; text-align: center;}
.cart-ciu i{ font-size: 20px; line-height: 40px;}
.top-cart{ bottom: 66px;background: #af1e23;}
}


/* 图片提示 
<div class="image-tool">
	<span class="btn"><img src="images/sns_f.png" alt=""></span>
	<div class="tooltip-image">
		<img src="images/right-wx.png" alt="">
	</div>
</div>
*/
.image-tool{position: relative;display: inline-block;cursor: pointer;}
.image-tool .tooltip-image {visibility: hidden;width:80px;position: absolute;z-index: 1;bottom: 125%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s, visibility 0.3s;border-radius: 8px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);background: #eee;}
.image-tool .tooltip-image::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #fff transparent transparent transparent;}
.image-tool .tooltip-image img {width: 100%;display: block;}
.image-tool:hover .tooltip-image {visibility: visible;opacity: 1;}