/*Animation CSS start*/
@-webkit-keyframes fireworkLine{
0%{right:20%;-webkit-transform:scale(0,0);transform:scale(0,0)}
25%{right:20%;width:6px;-webkit-transform:scale(1,1);transform:scale(1,1)}
35%{right:0;width:35%}
70%{right:0;width:4px;-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{right:0;-webkit-transform:scale(0,0);transform:scale(0,0)}
}
@keyframes fireworkLine{
0%{right:20%;-webkit-transform:scale(0,0);transform:scale(0,0)}
25%{right:20%;width:6px;-webkit-transform:scale(1,1);transform:scale(1,1)}
35%{right:0;width:35%}
70%{right:0;width:4px;-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{right:0;-webkit-transform:scale(0,0);transform:scale(0,0)}
}
@-webkit-keyframes fireworkPoint{
30%{-webkit-transform:scale(0,0);transform:scale(0,0)}
60%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(0,0);transform:scale(0,0)}
}
@keyframes fireworkPoint{
30%{-webkit-transform:scale(0,0);transform:scale(0,0)}
60%{-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{-webkit-transform:scale(0,0);transform:scale(0,0)}
}
@-webkit-keyframes rotating-design{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating-design{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/* font family */
/* color variables */

:root {
	--qzhw-font:"思源宋体 CN","Times New Roman",Times,serif,"Marcellus",microsoft yahei,Helvetica Neue,Helvetica,STHeiTi,sans-serif,arial;
	--qzhw-heading-font:Futural Bold,microsoft yahei,Helvetica Neue,Helvetica,STHeiTi,sans-serif,arial;
	--qzhw-special-font: "reeyregular", cursive;
	--qzhw-icon-font:"iconfont" !important;
	--qzhw-gredient: linear-gradient(90deg, #428529 0%, #A8BC3E 100%);
	--gredient-color:linear-gradient(135deg,#28a745 0%, #4CAF50 100%);
	--gradient-dark: linear-gradient(135deg,#1B5E20 0%, #28a745 100%);
	--qzhw-theme:#144443;
	--qzhw-theme-rgb:20, 68, 67;
	--qzhw-bright:#C8F169;
	--qzhw-bright-rgb:34, 36, 41;
	--qzhw-light:#e5fabb;
	--qzhw-light-rgb:229, 250, 187;
	--qzhw-text: #646464;
	--qzhw-text-rgb: 100, 100, 100;
	--qzhw-text-dark: #859ab7;
	--qzhw-text-dark-rgb: 133, 154, 183;
	--qzhw-text-gray: #89868d;
	--qzhw-text-gray-rgb: 137, 134, 141;
	--qzhw-text-light:#94B0D5;
	--qzhw-text-light-rgb:148,176,213;
	--qzhw-base: #039397;
	--qzhw-base-rgb: 83, 126, 172;
	--qzhw-gray: #f0f6fd;
	--qzhw-gray-rgb: 240, 246, 253;
	--qzhw-white: #ffffff;
	--qzhw-white-rgb: 255, 255, 255;
	--qzhw-black: #0B3130;
	--qzhw-black-rgb:11, 49, 48;
	--qzhw-black2: #3A4F87;
	--qzhw-black2-rgb: 58, 79, 135;
	--qzhw-black3: #000000;
	--qzhw-black3-rgb: 0, 0, 0;
	--qzhw-border-color: #DFE2E7;
	--qzhw-border-color-rgb: 223, 226, 231;
	--smoke-color:#EFF1F5;
	--light-color:#f8f9fa;
	--light-green: rgba(40, 167, 69, 0.1);
	--qzhw-black-rgb-color:#000000;
	--secondary-color:#D2B48C;
	--success-color:#28a745;
	--error-color:#dc3545;
	--yellow-color:#fec624;
 --section-space:30px;
  --qzhw-letter-space: 0.1em;
  --qzhw-letter-space-xl: 0.2em;
  --main-container:1170px;
  --container-gutters:30px;
  --section-space-mobile:80px;
  --section-title-space:60px;
  --ripple-ani-duration:5s
}
/* base scss files */
/*===========================
   Reset CSS start 
==========================*/
input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.custom-container{padding:0 20px}
.theme-color{color:var(--qzhw-theme)}
.light-text{color:rgba(var(--qzhw-text-dark-rgb),1)}
.error-color{color:rgba(var(--qzhw-error-rgb),1)}
[dir=rtl] .swiper{direction:ltr}
.btn{border-radius:0;}
.btn-theme{background-color: var(--qzhw-theme);color: var(--qzhw-white);}
.text-inherit{color:inherit;}
.text-theme {color:var(--qzhw-theme) !important;}
.bg-gray {background: linear-gradient(225deg,#FAF7EF 0,#F4F6FC 100%);}
section,.section-space{padding-top:10px;padding-bottom:10px;position:relative;}
.section{padding:var(--section-space) 0;position:relative}
/*=====================
 Typography CSS start 
 ==========================*/
html,body{font-size:17px;}
body{font-family:var(--qzhw-font);width:100%;margin:0 auto;height:100vh;background-color:var(--qzhw-white)}
body::-webkit-scrollbar{width:0}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{font-family:var(--qzhw-heading-font);color:var(--qzhw-black);}
a{text-decoration:none;color:inherit;}
.navbar-menu ul,.navbar-menu li{padding:0;margin-bottom:0;list-style:none;}
img{list-style: none;max-width: 100%;}
/* components scss files*/
/*=====================
    Button CSS start
==========================*/
.btn{padding:calc(8px + 4 * (100vw - 320px) / 1600)}
.btn-inline{padding-inline:calc(8px + 7 * (100vw - 320px) / 1600)}
.btn-lg{padding:12px 44px}
.btn:active{background-color:var(--qzhw-theme);color:var(--qzhw-white);border:1px solidvar(--qzhw-theme)}
.theme-btn{background-color:var(--qzhw-theme);color:var(--qzhw-white);font-weight:400;font-size:calc(16px + 2 * (100vw - 320px) / 1600);border-radius:8px}
.theme-btn:hover{background-color:var(--qzhw-theme);color:var(--qzhw-white)}
.theme-btn:active{background-color:var(--qzhw-theme);color:var(--qzhw-white);border:1px solidvar(--qzhw-theme)}
.auth-btn{background-color:rgba(var(--qzhw-light-rgb),1);color:rgb(18,38,54);font-weight:500;font-size:calc(16px + 2 * (100vw - 320px) / 1600);border-radius:6px}
.auth-btn:hover{background-color:rgba(var(--qzhw-light-rgb),1);color:var(--qzhw-theme)}
.gray-btn{background-color:rgba(var(--qzhw-gray-rgb),1);color:rgba(var(--qzhw-text-dark-rgb),1);border-radius:6px;font-weight:400;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}
.gray-btn:active{border:none}
.gray-btn:hover{background-color:rgba(var(--qzhw-gray-rgb),1);color:rgba(var(--qzhw-text-dark-rgb),1)}
.btn-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;font-weight:500;font-size:16px;line-height:18px;color:rgba(var(--qzhw-text-dark-rgb),1)}
.btn-link:hover{color:rgba(var(--qzhw-text-dark-rgb),1)}
.filter-btn{--Iconsax-Color:var(--qzhw-theme);background-color:rgba(var(--qzhw-gray-rgb),1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;border:none}
.filter-btn:hover{background-color:rgba(var(--qzhw-gray-rgb),1)}
.filter-btn:active{border:none;background-color:rgba(var(--qzhw-gray-rgb),1)}
.filter-btn .filter-icon{font-size:18px}
 /*
 -----------------------------------------------------------------------------
 # 2. Common
 -----------------------------------------------------------------------------
 /*=========================
 # 2.1 Header
==========================*/
.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .head-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}
.header .head-content .sidebar-btn{width:40px;height:40px;color:var(--qzhw-theme);padding:8px;border:1px solid var(--qzhw-border-color);background-color:var(--qzhw-white);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}
.header .head-content .sidebar-btn .menu-icon{--Iconsax-Color:var(--qzhw-theme)}
.header .head-content .header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}
.header .head-content .header-info .logo{height:40px}
.header .head-content .header-info .profile-pic{width:40px;height:40px}
@media (max-width:420px){.header .head-content .header-info .profile-pic{height:35px;width:35px}
}.header .head-content .header-info .profile-pic h2{color:var(--qzhw-theme)}
.header .head-content .header-info .profile-pic .d-arrow{color:var(--qzhw-theme)}
.header .head-content .header-info .pin{color:var(--qzhw-theme)}
.header .head-content .header-info i{font-size:24px}
.header .notification{width:40px;height:40px;color:var(--qzhw-theme);background-color:var(--qzhw-white);padding:10px;border:1px solid var(--qzhw-border-color);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0px 2px 12px rgba(var(--qzhw-theme),0.05);box-shadow:0px 2px 12px rgba(var(--qzhw-theme),0.05)}
.header .notification .notification-icon{--Iconsax-Color:var(--qzhw-theme);position:relative}
.header .notification .notification-icon::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;background-color:rgba(var(--qzhw-error-rgb),1);border-radius:100%}

.return-btn{width:36px;height:36px;color:var(--qzhw-black);padding:6px;border:1px solid var(--qzhw-border-color);background-color:var(--qzhw-white);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}
 /*=========================
 # 2.2 header-panel
==========================*/
.header-panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;z-index:1}
.header-panel .icons{color:var(--qzhw-black);width:36px;height:36px;background-color:rgba(var(--qzhw-white-rgb),0.1);padding:6px;border:1px solid var(--qzhw-border-color);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-panel h3{position:absolute;font-weight:600;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:var(--qzhw-theme);font-size:20px;}
.header-panel h2{position:absolute;font-weight:600;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:var(--qzhw-theme)}
.header-panel .notification{color:var(--qzhw-black);width:36px;height:36px;background-color:var(--qzhw-white);padding:6px;border:1px solid var(--qzhw-border-color);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;-webkit-box-shadow:0px 2px 12px rgba(var(--qzhw-theme),0.05);box-shadow:0px 2px 12px rgba(var(--qzhw-theme),0.05)}
.profile-pic{max-height:60px;}
 /*=========================
 # 2.3 Mobile-menu
==========================*/
.mobile-menu{overflow-y:scroll;max-height:calc(100vh - 175px);padding-bottom:20px;text-align:left}
.mobile-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(154,86,58,.2);background-color:#000}
.mobile-menu::-webkit-scrollbar{width:6px;background-color:#000}
.mobile-menu::-webkit-scrollbar-thumb{background-color:var(--qzhw-theme)}
.mobile-menu ul{margin:0;padding:0 0}
.mobile-menu ul li{border-bottom:1px solid var(--qzhw-border-color);list-style-type:none;position: relative;display: block;}
.mobile-menu ul li li:first-child{border-top:1px solid var(--qzhw-border-color)}
.mobile-menu ul li a{display:block;position:relative;padding:12px 0;line-height:1;font-size:16px;text-transform:capitalize;color:var(--qzhw-black);font-weight:500}
.mobile-menu ul li a:before{content: "\e679";font-family:var(--qzhw-icon-font);position:relative;left:0;top:0;margin-right:10px;display:inline-block}
.mobile-menu ul li.active>a{color:var(--qzhw-theme)}
.mobile-menu ul li.active>a:before{transform:rotate(90deg)}
.mobile-menu ul li ul li{padding-left:20px}
.mobile-menu ul li ul li:last-child{border-bottom:none}
.mobile-menu ul .menu-children>.menu-expand{position:absolute;right:0;top:10%;font-weight:400;font-size:12px;width:25px;height:25px;line-height:25px;margin-top:-12.5px;display:inline-block;text-align:center;background-color:var(--qzhw-smoke);color:var(--qzhw-black);box-shadow:0 0 20px -8px rgba(154,86,58,.5);border-radius:50%}
.mobile-menu ul .menu-children>.menu-expand:before{content: "\e68a";font-family:var(--qzhw-icon-font)}
.mobile-menu ul .menu-children.active>.menu-expand:before{content: "\e689";}
.mobile-menu>ul{padding:0 20px}
.mobile-menu>ul>li:last-child{border-bottom:none}
/*=====================
 # 2.4 Nav CSS 
==========================*/
.navbar-menu{position:fixed;width:100%;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:10px 20px;z-index:1021;max-width:100%;background-color:var(--qzhw-white);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.07);box-shadow:0px 0px 12px rgba(0,0,0,0.07)}
.navbar-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.navbar-menu ul li{position:relative;color:rgba(var(--qzhw-text-dark-rgb),1);text-align:center}
.navbar-menu ul li a{color:rgba(var(--qzhw-text-dark-rgb),1)}
.navbar-menu ul li a .icon{width:20px;font-size:26px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.navbar-menu ul li a .icon .active{display:none}
.navbar-menu ul li a .icon .unactive{display:block}
.navbar-menu ul li a span{font-size:14px;font-weight:500}
.navbar-menu ul li.active::after{content:"";position:absolute;top:-10px;left:15px;width:30px;height:4px;background:var(--qzhw-theme);-webkit-transform:translate(-50%);transform:translate(-50%);border-radius:10px}
.navbar-menu ul li.active .icon{color:var(--qzhw-theme);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.navbar-menu ul li.active .icon .active{display:block}
.navbar-menu ul li.active .icon .unactive{display:none}
.navbar-menu ul li.active span{color:var(--qzhw-theme);font-weight:500}
/*=========================
 # 2.5 theme-form
==========================*/
.theme-form .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:12px}
.theme-form .form-group .form-label{color:var(--qzhw-theme);font-weight:500}
.theme-form .form-group .form-input{width:100%;position:relative}
.theme-form .form-group .form-input .form-control{position:relative;padding:15px 15px 15px 40px;border-radius:6px;border:none;color:var(--qzhw-theme);background-color:rgba(var(--qzhw-gray-rgb),1);font-size:13px;font-weight:400;line-height:1}
[dir=rtl] .theme-form .form-group .form-input .form-control{padding:15px 40px 15px 15px}
.theme-form .form-group .form-input .form-control:focus{-webkit-box-shadow:none;box-shadow:none;border-color:none}
.theme-form .form-group .form-input .form-control::-webkit-input-placeholder{color:rgba(var(--qzhw-text-dark-rgb),1)}
.theme-form .form-group .form-input .form-control::-moz-placeholder{color:rgba(var(--qzhw-text-dark-rgb),1)}
.theme-form .form-group .form-input .form-control:-ms-input-placeholder{color:rgba(var(--qzhw-text-dark-rgb),1)}
.theme-form .form-group .form-input .form-control::-ms-input-placeholder{color:rgba(var(--qzhw-text-dark-rgb),1)}
.theme-form .form-group .form-input .form-control::placeholder{color:rgba(var(--qzhw-text-dark-rgb),1)}
.theme-form .form-group .form-input .form-control.search{padding:14px 10px 14px 50px}
[dir=rtl] .theme-form .form-group .form-input .form-control.search{padding:14px 50px 14px 10px}
.theme-form .form-group .form-input i{--Iconsax-Color:rgba(var(--qzhw-text-dark-rgb),1);--Iconsax-Size:18px;position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:5px;color:rgba(var(--qzhw-text-dark-rgb),1)}
[dir=rtl] .theme-form .form-group .form-input i{left:unset;right:12px}
.theme-form .form-group .dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}
.theme-form .form-group .dropdown .dropdown-toggle{background-color:rgba(var(--qzhw-black2-rgb),1);color:rgba(var(--qzhw-text-dark-rgb),1);border-radius:6px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.theme-form .form-group .dropdown .dropdown-toggle:active{border:none}
.theme-form .form-group .dropdown .dropdown-menu.show{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;background-color:rgba(var(--qzhw-black2-rgb),1);color:rgba(var(--qzhw-text-dark-rgb),1);width:100%}
.theme-form .form-group .dropdown .dropdown-menu li{display:block}
.theme-form .form-group .dropdown .dropdown-menu li .dropdown-item:active,.theme-form .form-group .dropdown .dropdown-menu li .dropdown-item:hover{background-color:var(--qzhw-theme)}
/*=========================
 # 2.6 zw-link
==========================*/
.zw-link{color:var(--qzhw-black);font-weight:bold;position:relative;}
.zw-link span{display: block;font-size:20px;}
.zw-link i{color:var(--qzhw-black2);text-align:center;height:26px;width:26px;line-height:26px;font-size:12px;border-radius:50%;border:1px solid var(--qzhw-black2);}
.zw-link:hover{color:var(--qzhw-theme);}
.zw-link:hover i{border-color:var(--qzhw-theme);background-color:var(--qzhw-theme);color:var(--qzhw-white)}
/*=========================
 # 2.7 zw-paginatio
==========================*/
.zw-pagination{text-align:center;margin:10px auto 15px auto;padding:10px 0;width:-moz-max-content;width:max-content;position:relative;z-index:1}
.zw-pagination:before{content:"";position:absolute;top:0;bottom:0;right:35px;left:35px;z-index:-1;border-radius:20px;background-color:var(--qzhw-light)}
.zw-pagination ul{margin:0;padding:0}
.zw-pagination .page-num{display:inline-block;margin:0 3px;border:none;vertical-align:middle;padding:0 10px;font-size:18px;font-weight:500;height:32px;line-height:30px;text-align:center;background-color:var(--qzhw-white);color:var(--qzhw-black);font-family:var(--qzhw-font);z-index:1;border-radius:20px}
.zw-pagination .page-num:hover,.zw-pagination .page-num.page-num-current{color:var(--qzhw-white);background-color:var(--qzhw-bright)}
.zw-pagination a.next,.zw-pagination a.prev{display:inline-block;height:38px;line-height:38px;width:auto;font-size:16px;font-weight:700;padding:0 10px;background-color:var(--qzhw-black);color:var(--qzhw-white);border-radius:28px}
.zw-pagination a.next:hover,.zw-pagination a.prev:hover{background-color:var(--qzhw-bright)}
/*=========================
 # 2.8 accordion
==========================*/
.details-accordion .accordion-item{background:transparent;border:none}
.details-accordion .accordion-item .accordion-button{cursor:pointer;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--qzhw-black);font-size:20px;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;padding-right:0;font-family:var(--qzhw-heading-font)}
.details-accordion .accordion-item .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none}
.details-accordion .accordion-item .accordion-button:not(.collapsed){-webkit-box-shadow:unset;box-shadow:unset}
.details-accordion .accordion-item .accordion-button:not(.collapsed)::after{-webkit-filter:grayscale(1);filter:grayscale(1)}
.details-accordion .accordion-item .accordion-body{padding:16px 0;border-top:1px solid var(--qzhw-border-color)}
/*=========================
 # 2.9 table
==========================*/
.table{border:1px solid rgba(var(--qzhw-black-rgb),0.07)}
.table thead tr th{font-size:13px;font-weight:400;color:rgba(var(--qzhw-text-dark-rgb),1)}
.table tbody tr td{font-size:14px;font-weight:500;color:var(--qzhw-theme)}
/*=========================
 # 2.10 address-type
==========================*/
.address-type{display:-webkit-box;display:-ms-flexbox;display:flex;gap:7px;padding:12px;margin-top:15px;background-color:var(--qzhw-white);border-radius:10px}
.address-type li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-inline:10px}
@media (max-width:380px){.address-type li{padding-inline:0}
}.address-type li::after{content:"";position:absolute;right:7px;border:1px solid rgba(var(--qzhw-black-rgb),0.07);-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;background-color:rgba(0,0,0,0.07);width:1px;height:30px}
[dir=rtl] .address-type li::after{right:unset;left:-18px}
@media (max-width:350px){.address-type li::after{display:none}
}@media (min-width:600px){.address-type li::after{right:-50px}
}@media (min-width:550px){.address-type li::after{right:-30px}
}@media (min-width:500px){.address-type li::after{right:-20px}
}@media (min-width:450px){.address-type li::after{right:-10px}
}@media (min-width:425px){.address-type li::after{right:-5px}
}@media (min-width:375px){.address-type li::after{right:0}
}.address-type li:last-child::after{display:none}
.address-type li .icon{color:var(--qzhw-theme)}
.address-type li h6{color:var(--qzhw-theme);font-weight:400}
/*=========================
 # 2.11 product-description
==========================*/
.product-description{padding:12px;margin-top:0;text-align:justify;color:rgba(var(--qzhw-text-dark-rgb),1);background-color:var(--qzhw-white);border-radius:8px}
.product-description p span{font-weight:600;color:rgba(var(--qzhw-text-dark-rgb),1)}
/*=========================
 # 2.12 post-pagination
==========================*/
.post-pagination{margin:30px 0 40px}
.post-pagi-box{display:flex;align-items:center;gap:20px;padding:20px 15px;border-radius:10px;border:1px solid var(--qzhw-border-color);background-color:var(--qzhw-white);transition:all ease .4s}
.post-pagi-box.next{flex-direction:row-reverse;text-align:right}
.post-pagi-box>a{background-color:var(--qzhw-gray);color:var(--qzhw-black);display:inline-block;height:40px;width:40px;line-height:42px;text-align:center;border-radius:12px}
.post-pagi-box .pagi-title{font-size:18px;color:var(--qzhw-black);line-height:26px;margin:0;flex:1}
.post-pagi-box .pagi-title a{color:inherit}
.post-pagi-box:hover{background-color:var(--qzhw-white);border-color:var(--qzhw-bright);box-shadow:8.55px 23.49px 24px rgba(35,31,32,.09)}
.post-pagi-box:hover>a{color:var(--qzhw-white);background-color:var(--qzhw-bright)}
.post-pagi-box:hover>a:hover{background-color:var(--qzhw-bright);color:var(--qzhw-white)}
.post-pagi-box:hover .pagi-title a:hover{color:var(--qzhw-bright)}
.zw-title h1,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{font-family:var(--qzhw-heading-font);margin-bottom: 1rem;}
.zw-title .visits{color: var(--qzhw-base);}
.content{background-color: var(--qzhw-white);padding:12px;}
/*
 -----------------------------------------------------------------------------
 # 3. Index page
 -----------------------------------------------------------------------------
 /*=========================
 # 3.1 Section-title
==========================*/
.section-title{position:relative;text-align:center;padding-top:10px;}
.section-title h2{position:relative;font-weight:700;line-height:48px;margin-bottom:10px;}
.section-title h2 b{position:absolute;top:-20px;left:50%;font-size:36px;color:rgba(var(--qzhw-black-rgb),0.1);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);white-space: nowrap;text-transform: uppercase;}
.section-title h2 b.gray{color: rgba(var(--qzhw-gray-rgb), 0.1);}
.section-title h2 strong{position:relative;z-index:99}
.section-title h2.title-base{font-size:30px}
/*sec-title*/
.sec-title{position:relative;padding-bottom:15px;margin-bottom:15px;font-weight:700;font-size:2rem}
.sec-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:3px;background-color:var(--success-color);border-radius:3px}
.sec-title.text-center::after{left:50%;transform:translateX(-50%)}
.fas {vertical-align: middle !important;vertical-align:1%; display: inline !important;}
 /*=========================
 # 3.2 Hero-swiper
==========================*/
.hero-swiper{position:relative;overflow:hidden}
.hero-swiper .img-bg{border-radius:12px}
.hero-swiper .hero-content{position:absolute;top:26%;left:15px;color:var(--qzhw-white);background:linear-gradient(90deg,var(--qzhw-bright) 0%,rgba(229,243,70,0) 100%);padding:20px}
.hero-swiper .hero-content{text-align:left}
.hero-swiper .hero-content h4{color:#fff}
.hero-swiper .hero-content h6{width:100%;font-weight:300;margin-top:4px;color:#fff;margin-bottom:0;}
.hero-swiper .more-btn{position:absolute;bottom:20px;color:#fff;left:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-weight:500;line-height:1}
.hero-swiper .more-btn .right-arrow{color:#fff}
.hero-swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1)}
.hero-swiper .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1)}
.hero-swiper .button-prev,.hero-swiper .button-next{transition:0.5s;outline:none;position:absolute;width:140px;z-index:10;top:65px;transform:translateY(-34px);cursor:pointer}
.hero-swiper .button-prev{left:3vw}
.hero-swiper .button-next{right:3vw}
.hero-swiper .swiper-button.disabled{opacity:0.2;cursor:default}
.hero-swiper #arrow-svg-home{transform:translateY(353px)}
.hero-swiper .button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0px 0px}
.hero-swiper svg{transition:0.5s}
.hero-swiper .cls-1{transition:0.5s;opacity:0.4;transform-origin:-20px 40px;opacity:1}
.hero-swiper .cls-4{transition:0.5s;stroke-width:2px;stroke:var(--qzhw-bright);fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:0.4;transform-origin:0px 0px 0px}
.hero-swiper #arrow-trg{transition:0.5s;fill:var(--qzhw-bright);transform:rotateY(180deg) translate(-53px,39px)}
.hero-swiper #line{transition:0.5s;stroke:var(--qzhw-bright);transform:translate(50px,42px)}
.hero-swiper .button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.hero-swiper .button-next:not(.disabled):hover svg{transform:translateX(25px)}
.hero-swiper .swiper-button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.hero-swiper .swiper-button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.hero-swiper .swiper-button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.hero-swiper .swiper-button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(0.33)}
.hero-swiper .swiper-pagination-bullet{width:40px;height:3px;border-radius:0;background-color:var(--qzhw-white)}
.hero-swiper .swiper-pagination-bullet-active{background:var(--qzhw-bright)}
.hero-swiper .swiper-pagination{bottom:5% !important}
 /*=========================
 # 3.3 About
==========================*/
.about-box{position:relative;}
.about-box .img-1{padding:10px;width:-moz-max-content;width:max-content;position:relative;max-width:100%;}
.about-box .img-shape{position:absolute;left:0px;right:0px;bottom:0;height:100%;max-height:380px;background-color:var(--qzhw-light);z-index:-1}
.about-box .img-text{font-size:60px;color:#4d4a49;line-height:1;text-transform:uppercase;font-family:var(--qzhw-heading-font);opacity:.13;position:absolute;right:15px;top:50px;transform:rotate(180deg);writing-mode:vertical-rl}
.about-text{border-left:3px solid var(--qzhw-theme);background-image:linear-gradient(to right,rgb(229, 250, 187,0.79) 0%,rgb(252,243,239,0) 100%);padding:10px 0 10px 15px;margin:25px 0 25px 0}
/*=============================
 # 3.4 Team-section
===============================*/
.team-section{background:url(../img/team-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1;}
.team-section:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:var(--qzhw-border-color);opacity:0.1;z-index:-1}
 /*team-item*/
 .team-item{position:relative;margin-bottom:25px;transition:all .5s ease-in-out;}
 .team-item:hover{transform:translateY(-10px)}
 .team-img{position:relative;border-bottom:5px solid var(--qzhw-theme)}
 .team-img a{display: block;position: relative;}
 .team-img a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3);transition:all .5s ease-in-out;transform:scaleX(0)}
 .team-item:hover .team-img a::before{transform:scaleX(1)}
 .team-cont{border-top: 3px solid var(--qzhw-black);position:relative;background:var(--qzhw-white);text-align:center;padding:8px 5px;margin:-45px 10px 0;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);border-radius:0px;opacity: 0.95;}
 .team-bio h5{margin-top:5px;margin-bottom:5px;text-transform:capitalize}
 .team-bio h5 a{font-family: var(--qzhw-heading-font);}
 .team-bio span{font-weight:bold;color:var(--qzhw-theme);}
 .team-bio h5 a:hover{color:var(--qzhw-theme)}
 .team-bio .team-text{color: var(--qzhw-base);}

 /*=============================
 # 4.5 核心优势区域
===============================*/
.advantage-card{border:none;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-radius:10px;padding:30px;transition:all 0.3s ease;height:100%;background-color: var(--qzhw-white);}
.advantage-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.advantage-icon{font-size:2.5rem;color:var(--success-color);margin-bottom:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--light-green);border-radius:50%}
/*政策支持*/
.cat-tab .tab-nav li{margin-bottom:10px;}
.policy-nav-item{padding:5px 10px;background-color:var(--qzhw-white);border:2px solid var(--success-color);border-radius:30px;cursor:pointer;transition:all 0.3s ease;font-weight:500;text-align:cente;height: 40px;
  line-height: 40px;
  margin: 0 10px;}
.policy-nav-item.active,.policy-nav-item:hover{background:var(--qzhw-gredient);color:var(--qzhw-white);border-color:transparent}
.policy-content{display:none}
.policy-content.active{display:block}
.policy-card{border-radius:15px;overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.4s ease;border:none}
.policy-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.policy-card-header{background:var(--qzhw-gredient);color:var(--qzhw-white);padding:20px}
.policy-card-header h3{color:var(--qzhw-white)}
.policy-card-body{padding:25px}
.policy-detail{margin-bottom:20px}
.policy-detail h4{color:var(--success-color);margin-bottom:10px;font-size:1.1rem;display:flex;align-items:center}
.policy-detail h4 i{margin-right:10px}
.guide-step{text-align:center;padding:30px 20px;background:var(--qzhw-white);border-radius:15px;box-shadow:var(--shadow-md);transition:all 0.3s ease;height:100%}
.guide-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.step-number{width:60px;height:60px;background:var(--qzhw-gredient);color:var(--qzhw-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 20px}
.materials-list{background:var(--qzhw-white);border-radius:15px;padding:30px;box-shadow:var(--shadow-md)}
.materials-list ul{list-style:none;padding:0}
.materials-list li{padding:12px 0;border-bottom:1px solid #eee;display:flex;align-items:center}
.materials-list li:last-child{border-bottom:none}
.materials-list li i{color:var(--success-color);margin-right:10px;width:20px}
/*合作方式*/
.cooperation-section{background:linear-gradient(135deg, #1B5E20 0%, #2E8B57 100%);color:var(--qzhw-white);position:relative;overflow:hidden}
.cooperation-section::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 C50,0 50,100 100,100 L100,0 Z" fill="rgba(255,255,255,0.05)"/></svg>');background-size:100% 100%;transform:rotate(15deg)}
/*=============================
 # 3.5 Team-card 
===============================*/
.team-card{position:relative;background-color:#f0f6fd;padding:0 10px}
.team-card:after{position:absolute;left:0;top:0;height:120px;width:100%;content:"";background-color:var(--qzhw-white)}
.team-card:before{position:absolute;left:0;top:0;height:90px;width:6px;content:"";background-color:var(--qzhw-base);z-index:1}
.team-card-image{position:relative;z-index:2}
.team-card-image img{position:relative;width:100%}
.team-card-content{padding:15px 0 10px;text-align:center}
.team-card-title{text-transform:capitalize;}
.team-card-title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease}
.team-card-title a:hover{background-size:100% 1px}
.team-card-designation{text-transform:capitalize;margin-bottom:0;}
/*=============================
 # 3.6 Counter-item
===============================*/
.counter-item{position:relative;background-color:unset;padding:unset;margin:unset;text-align:center;margin-top:15px;}
.counter-item:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%) rotate(15deg);background:var(--qzhw-black);width:1px;height:60px;opacity:.28}
.row [class*="col-"]:nth-child(odd) .counter-item:before{display:none}
.counter-item .count-text{font-size:28px;font-family:"Montserrat",Sans-serif;line-height:40px;font-weight:700;color:var(--qzhw-theme);position:relative;padding-right:18px}
/*.counter-item .count-text:before{content:"";position:absolute;right:105%;top:57%;background:var(--qzhw-theme);width:10px;height:2px;display:block;transform:translateY(-50%)}*/
.counter-item .count-text:after{content:"+";position:absolute;top:50%;transform:translateY(-60%);}
.counter-item .title{font-size:18px;line-height:24px;font-weight:bold;color:var(--qzhw-black);margin-bottom:0}
/*=============================
 # 3.7 Single-process 
===============================*/
.single-process-box{text-align:center;position:relative;z-index:1;margin-bottom:20px;display:inline-block;transition:all .5s ease-in-out;}
.single-process-box:before{position:absolute;content:"";left:-30%;top:50%;transform:translateY(-27%);width:56%;height:100%;background:url(../img/arrow.png);background-repeat:no-repeat}
.upper.single-process-box:before{position:inherit}
.process-icon{position:relative;z-index:1;width:102px;height:102px;line-height:102px;border-radius:51px;background-color:#f5f8fe;transition:.5s;display:inline-block}
.process-icon:before{position:absolute;content:"";left:-9px;top:-9px;width:120px;height:120px;line-height:120px;border-radius:50%;border:2px dashed var(--qzhw-black);opacity:.154;transition:.5s}
.process-icon:after{position:absolute;content:"";z-index:-1;left:0;top:0;bottom:0;right:0;border-radius:51px;background:var(--qzhw-theme);transform:scale(0);transition:.5s}
.process-icon i{font-size:50px;line-height:100px;color: var(--success-color);}
.process-number{position:absolute;right:-20px;top:0;transition:.5s}
.process-number span{font-weight:600;color:var(--qzhw-white);background:var(--qzhw-black);border-radius:30px;font-family:'Inter';height:36px;width:36px;line-height:36px;text-align:center;display:inline-block}
.process-title{padding:25px 0 10px;margin-bottom:0;}
.process-desc{font-weight:300;}
.check-arrow i{font-size:20px}
/*=========================
 # 3.8 Zw-service
==========================*/
.zw-service{background-color: var(--qzhw-light);}
.service-list{text-align:center;margin-bottom:25px;position: relative;}
.service-list .service-icon{width:80px;height:80px;line-height:70px;display:inline-block;text-align:center;transition:all ease .4s;background-color:var(--qzhw-white);border:4px solid rgba(0,0,0,0);border-radius:12px;box-shadow:0px 8px 16px 0px rgba(154,86,58,.2);transition:all ease .8s}
.service-list .service-icon i{color: var(--qzhw-theme);font-size:50px;line-height:70px;}
.service-list .service-title{position:relative;padding:10px 0 0 0;margin:10px 0 12px 0}
.service-list .service-title:before{content:"";position:absolute;left:50%;top:0;height:4px;width:40px;margin-left:-20px;background-color:var(--qzhw-theme);border-radius:10px}
/*=========================
 # 3.9 Zw-case
==========================*/
.case-section{position:relative;background-color:var(--qzhw-gray)}
.zw-case{height:320px;}
.zw-case-img {position:relative;display:block;width:100%;height:100%;overflow:hidden;z-index:1;}
.zw-case-img img{display:block;width:100%;height:100%;object-fit: cover;}
.zw-case-content{position:absolute;left:10%;right:10%;bottom:0;background-color:rgba(10,16,45,.80);text-align:center;padding:10px;background-position:center bottom;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:all;transform-origin:bottom;transform-style:preserve-3d;transform:scaleY(1);z-index:2}
.zw-case-title{font-weight:400;line-height:32px;text-transform:uppercase;margin:0px auto;}
.zw-case-title a{color:var(--qzhw-white)}
.swiper-case {padding-bottom:25px;}
.swiper-case .swiper-pagination{bottom:0px;}
/*=========================
 # 3.10 Zw-features
==========================*/
.zw-features{color:var(--qzhw-white);background-color:var(--qzhw-black);text-align: center;position: relative;padding:30px 0px;}
.zw-features .shape1{bottom:0;left:52%;transform:translateX(-50%);width:100%;}
.zw-features .shape1 img{}
.zw-features .feature-title{color:var(--qzhw-border-color);margin:6px auto;}
.zw-features .feature-text{font-size:12px;}
.zw-features .feature-icon{height:60px;width:60px;line-height:60px;background-color:var(--qzhw-light);display:inline-block;text-align:center;border-radius:8px;font-size:30px;color: var(--qzhw-theme);}
/*=========================
 # 3.11 cat-tab
==========================*/
.cat-tab {width:100%;text-align: center;}
.cat-tab .tab-nav{margin: 0;padding: 0;list-style: none;}
.cat-tab .tab-nav li {display:inline-block;width:auto;text-align:center;font-weight: bold;}
.cat-tab .tab-nav li button {background:var(--qzhw-white);color:var(--qzhw-text);border-radius:10px;padding:0px 18px;height:40px;line-height:40px;margin:0 10px;display:block;border:0;font-weight: bold;font-size: 1.25rem;}
.cat-tab .tab-nav button.active {background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));cursor:default;color:var(--qzhw-white);border-bottom:0px solid #FD3C6B;}
.cat-tab .tab-nav button.active:hover {color:var(--qzhw-white)}
.cat-tab .tab-nav li button:focus {outline:none;}
.cat-tab .tab-nav li button:hover {background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));color:var(--qzhw-white)}
/*cat-swiper*/
.cat-swiper {}
.cat-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;width:auto}
.cat-swiper .swiper-slide a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;color:rgba(var(--qzhw-black-rgb),1);background-color:rgba(var(--qzhw-white-rgb),1);padding:4px 10px;}
.cat-swiper .swiper-slide a.active{color:var(--qzhw-white);background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));}
/* cat-box */
.cat-box{overflow:auto;display: block;scrollbar-width: none;margin-bottom:10px;}
.cat-box .cat-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;list-style: none;}
.cat-box .cat-list li{list-style: none;}
.cat-box .cat-list li a{white-space:nowrap;padding:4px 10px;background-color:rgba(var(--qzhw-white-rgb),1);position:relative;color:rgba(var(--qzhw-text-rgb),1);display:block}
.cat-box .cat-list li a.active{color:var(--qzhw-white);background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));}
/* nav-row */
.nav-row {text-align: center;margin:0 -5px;}
.nav-row > *{padding:0 5px;}
.nav-row a{padding:5px 0; color:var(--qzhw-black);display:block;background:var(--qzhw-white);font-weight:bold;font-size:18px;margin-bottom:10px;}
.nav-row a.active{background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));color:var(--qzhw-white)}

/* nav-two */
.nav-two {list-style: none;position: relative; text-align: center; background:var(--qzhw-white);padding:14px 0;width:100%;margin:0;}
.nav-two li{display:inline-block;list-style: none;}
.nav-two li a{margin:0 10px 0 0;padding:2px 10px;cursor:pointer;display:block;color:var(--qzhw-text);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;font-size:16px;}
.nav-two li a:hover{color:var(--qzhw-bright);}
.nav-two li a.active{color:var(--qzhw-white);background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));}
/*=========================
 # 3.12 product-list
==========================*/
/*multi-swiper*/
.multi-swiper{border-radius: 10px;background-color: #f8efea;}
.multi-swiper:before{content:"";top:0;right:0;left:0;bottom:0;position:absolute;background:rgba(var(--qzhw-black-rgb),0.5019607843);width:100%;height:100%;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;z-index:99;opacity:0;border-radius:10px}
.multi-badge{line-height:normal;position:absolute;top:14px;left:-6px;padding:3px 3px 3px 8px;text-transform:capitalize;color:#fff;z-index:9;background-color:#ffa920}
.multi-badge:before{position:absolute;bottom:-5px;left:0;width:0;height:0;content:"";border-top:6px solid #ffa920;border-left:6px solid transparent}
.multi-badge:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);right:-6px;width:50%;height:99%;background:#ffa920;-webkit-clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);z-index:-1}
.multi-swiper .swiper-button-next2{right:10px;top:50%;}
.multi-swiper .swiper-button-prev2{top:50%;left:10px;}
.multi-swiper .swiper-button-next2,.multi-swiper .swiper-button-prev2{width:0px;height:0px;bottom:12px;position:absolute;z-index:99;opacity:1;color:#fff;display:flex;align-items:center;justify-content:center;}
.multi-swiper .swiper-button-next2 i,.multi-swiper .swiper-button-prev2 i{font-size:18px;font-weight:100}
.multi-swiper .swiper-pagination{z-index:99;opacity:1;bottom:3px;}
.multi-swiper .swiper-pagination-bullet{background:#fff;width:6px;height:6px;margin:0 2px !important;opacity:1;}
.multi-swiper .swiper-pagination-bullet-active{background:transparent;border:2px solid #fff;}
/*product-list*/
.product-list{background-color:#fff;position:relative;box-shadow:0px 4px 26px 0px rgba(66,71,76,0.0784313725);padding:10px;border-radius:16px;margin-bottom:20px}
.product-list .image-group{position: relative; margin-bottom:10px;}
.product-list .swiper-slide{overflow:hidden}
.product-list .img-plus{position:absolute;top:40%;transform:translate(-50%,-50%);left:50%;width:100%;height:90%;z-index:99;text-align:center}
.product-list .img-plus img {top: 40%;position: relative;}
.product-list h5{display:flex;overflow:hidden;position: relative;height:60px;align-items: center;flex-flow: row wrap;align-content:center;text-align: center;margin-bottom:0;font-family: var(--qzhw-font);}
.product-list h5 a{color: var(--qzhw-black);text-align: center;font-size: 1rem;}
.product-list h5 a:hover{color: var(--qzhw-theme);}
/*=========================
 # 3.13 zw-slogan
==========================*/
.zw-slogan{display:flex;align-items:center;background-color:var(--qzhw-white);padding:15px 20px 15px 15px;margin-bottom:10px;box-shadow:0 10px 40px 0 rgba(154,86,58,.07);transition:all ease .4s;clip-path: polygon(0% 0,100% 0,100% 30%,100% 71%,91% 100%,0 100%,0% 85%,0% 20%);-webkit-transition: all .5s linear;transition: all .5s linear;}
.zw-slogan .slogan-line{flex:1;border-top:1px dashed rgba(154,86,58,.2);margin:0 10px;transition:all ease .4s}
.zw-slogan .slogan-icon{background-color:var(--qzhw-white);text-align:center;margin-right:10px;border:1px dashed rgba(154,86,58,.2);transition:all ease .4s;padding:0 10px;}
.zw-slogan .slogan-icon i{font-size:40px;color: var(--qzhw-theme);line-height:75px;}
.zw-slogan .slogan-top{display:flex;align-items:center}
.zw-slogan .slogan-name{margin:0;font-size:18px}
.zw-slogan .slogan-price{margin:0;font-size:16px;color:var(--qzhw-black);transition:all ease .4s}
.zw-slogan .amount{font-size:24px;color:var(--qzhw-theme);font-family:var(--qzhw-heading-font);transition:all ease .4s}
.zw-slogan .slogan-text{margin:0 0 8px;transition:all ease .4s;font-size:13px;}
.zw-slogan:hover{background-color:var(--qzhw-theme)}
.zw-slogan:hover .slogan-line{border-top-color:var(--qzhw-white)}
.zw-slogan:hover .slogan-icon{border-color:rgba(0,0,0,0)}
.zw-slogan:hover .slogan-name,.zw-slogan:hover .amount,.zw-slogan:hover .slogan-price,.zw-slogan:hover .slogan-text{color:var(--qzhw-white)}
/*=========================
 # 3.14 parallax start
==========================*/ 
.parallax{clip:rect(0,auto,auto,0);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-100}
.parallax-bg{position:fixed;top:0;transform:translate3d(0,0,0);transform-style:preserve-3d;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;background-image: url("../img/yuyue-bg.jpg");}
/*=========================
 # 3.15 zw-time start
==========================*/
.zw-time{position:relative;padding:10px;z-index:1;text-align:center;display:flex;align-items:center;justify-content:center;height:100%}
.zw-time:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-color:var(--qzhw-theme);opacity:0.7;}
.zw-time .info-title{font-size:16px;color:var(--qzhw-white);font-family:var(--qzhw-font);font-weight:700;line-height:1;}
.zw-time .info-text{color:#e4e1e1;line-height:28px;margin:0}
.zw-time .info-item{padding:20px 10px 10px;}
.zw-form{text-align:center;background-color:var(--qzhw-white);padding:30px 10px;opacity:0.9;}
.zw-form textarea,.zw-form input{background-color:#f5e4d9;border:none;margin-bottom:10px;font-weight:500;height:65px;--qzhw-text:#7f7d7d;letter-spacing:.08em;padding-left:67px;width:100%}
.zw-form textarea~i,.zw-form input~i{position: absolute;left:30px;right:auto;color:var(--qzhw-theme);top:24px}
.zw-form textarea~i:after,.zw-form input~i:after{content:"";position:absolute;right:-12px;top:50%;width:2px;height:12px;background-color:#c7c1be;margin:-6px 0 0 0}
.zw-form textarea{padding-left:30px}
.zw-form .zw-btn{width:100%}
/*
 -----------------------------------------------------------------------------
 # 4. list page
 -----------------------------------------------------------------------------
 /*=========================
 # 4.1 Section-title
==========================*/

/*
 -----------------------------------------------------------------------------
 # 5. show page
 -----------------------------------------------------------------------------
 /*=========================
 # 5.1 product
==========================*/
.product-section{position:relative;background-color:#f6f6f7;}
.product-ico{position:relative;}
.product-ico img{display: block;width:100%;max-height:260px;object-fit: cover;}
.product-swiper{padding-bottom:130px;margin-bottom:-40px;}
.product-swiper .swiper-slide img{-webkit-transform:scale(0.3);transform:scale(0.3);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:40px;}
.product-swiper .swiper-slide .zw-type{position:absolute;bottom:-125px;display: none;left:50%;width:120%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.product-swiper .swiper-slide-active{position:relative;top:0px;text-align: center;}
.product-swiper .swiper-slide-active img{-webkit-transform:scale(1);transform:scale(2.2);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.product-swiper .swiper-slide-active .zw-type{display: block;width:200px;z-index:1px;}
.product-swiper .swiper-slide-prev{position:relative;left:-5px}
.product-swiper .swiper-slide-next{position:relative;right:-5px}
.product-swiper .swiper-button-prev .arrow{color:var(--qzhw-base);font-size:20px;position:absolute;bottom:-50px}
.product-swiper .swiper-button-prev::after{position:absolute;bottom:-60px;font-size:22px;content:none}
.product-swiper .swiper-button-next .arrow{color:var(--qzhw-base);font-size:20px;position:absolute;bottom:-50px}
.product-swiper .swiper-button-next::after{position:absolute;bottom:-60px;font-size:22px;content:none}
/*color-option*/
.color-option{position:absolute;background-color:#fff;left:50%;top:-16px;width:52%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:calc(8px + 4 * (100vw - 320px) / 1600);border-radius:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:20px}
@media (max-width:425px){
.color-option{top:-12px}
}
.color-option .product-color{width:16px;height:16px;border-radius:100%}
.color-option .product-color.color1{background-color:var(--qzhw-theme)}
.color-option .product-color.color2{position:relative;background-color:rgb(34,103,148)}
.color-option .product-color.color2::after{position:absolute;content:"";padding:10px;border-radius:100%;background-color:rgba(18,38,54,0.09);z-index:-1;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:26px;height:26px}
.color-option .product-color.color3{background-color:rgb(112,63,31)}
.color-option .product-color.color4{background-color:rgb(12,10,13)}
/*product-details*/
.product-details-effect{position:absolute;width:100%;height:28px;z-index:-1;top:0;}
.product-details{position:relative;}
.product-details .product-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.product-details .product-name h6{-webkit-clip-path:polygon(100% 0,100% 50%,100% 100%,0% 100%,10% 50%,0% 0%);clip-path:polygon(100% 0,100% 50%,100% 100%,0% 100%,10% 50%,0% 0%);color:var(--qzhw-white);background-color:var(--qzhw-bright);padding:6px 6px 6px 12px;font-size:12px}
/*dimensions*/
.dimensions-box{width:25%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(var(--qzhw-theme),0.07);border-radius:8px;background-color: var(--qzhw-white);}
.dimensions-box .dimensions-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:rgba(var(--qzhw-text-dark-rgb),1);}
.dimensions-box .dimensions-icons.icon1{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.dimensions-box h6{margin-top:6px;color:var(--qzhw-black);text-align:center;font-size:15px;font-family:var(--qzhw-font);margin-bottom:0;}
/*===========================================
 # 5.2 thumb-swiper & picture-swiper
==========================================*/
.picture-swiper .swiper-slide{height:330px;}
.picture-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
/*thumb-swiper*/
.thumb-swiper{z-index:2;margin:5px 5px 0;}
.thumb-swiper .swiper-slide{height:50px;}
.thumb-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;border: 2px solid var(--qzhw-white);}
.thumb-swiper .swiper-slide-thumb-active img{border-color: var(--qzhw-bright);}
/*===========================================
 # 5.3 title-detail
==========================================*/
.title-detail {position:relative;margin-top:0px;padding:20px;border-radius:16px;background:#fff;box-shadow:0px 8px 30px 0px rgba(0,0,0,0.06);z-index:10;}
.title-detail .review{display:flex;align-items:center}
.title-detail .review li{color:var(--qzhw-black2)}
.title-detail .review li span{font-weight:700;font-style:normal;line-height:normal}
.title-detail .review .dot-icon{width:3px;height:3px;background-color:var(--qzhw-black);border-radius:50%;margin:0px 10px}

.address-type{display:-webkit-box;display:-ms-flexbox;display:flex;gap:7px;padding:12px;margin-top:15px;background-color:rgba(var(--qzhw-white-rgb),1);border-radius:10p;box-shadow: 0px 8px 30px 0px rgba(0,0,0,0.06);}
.address-type .type-icon{width:53px;height:53px;background-color:var(--qzhw-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--qzhw-base);}
.address-type li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-inline:10px;justify-content: center;}
.address-type li:after{content:"";position:absolute;right:-3px;border:1px solid rgba(var(--black),0.07);-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;background-color:rgba(0,0,0,0.07);width:1px;height:30px}
.address-type li h5{margin-bottom: 6px;}
.address-type li p{margin-bottom:0;}
/*footer*/
.footer-wrapper{border-top:3px solid var(--qzhw-theme);position: relative;padding-top:15px;}
.footer-wrapper a{color:var(--qzhw-black);}
.footer-top{padding-bottom:10px;border-bottom: 1px solid #f4f0ed;margin-bottom:20px;}
.footer-widget {text-align: center;font-size:15px;}
.footer-widget img{width: 90px;height: 90px;}
.copyright p{margin-bottom:5px;font-size:15px;text-align: center;}



/* 路径 */
.nav-bread{height:40px;line-height:40px;position: relative;}
.nav-bread a{padding:0 8px;}
.nav-bread h2{font-size:20px;font-weight:600}

/*search-form*/
.search-form{}
.search-form input{border-radius:0;border-right:none;background-color:var(--qzhw-white);border: none;box-shadow: 0px 0px 3.72px .28px rgba(141, 141, 142, .14);height:36px;padding:0 20px;}
.search-form button{width:45px;height:36px;line-height:1;border:none;background-color:var(--qzhw-theme);color:var(--qzhw-white)}
.search-form button i{font-size:26px;}
/* zw-team */
.zw-team{position: relative;text-align: center;}
.zw-team .thumbs img{width:100%;-o-object-fit:contain;object-fit:contain;border:1px dotted var(--qzhw-theme);/* clip-path: polygon(0px 0px, 100% 0%, 100% 80%, 0% 100%);*/border-radius: 5px;}
.zw-team h5{margin-bottom:10px;}
.zw-team h5 a{color:var(--qzhw-white);}
.zw-team .author{background-color:var(--qzhw-black);padding:10px 10px 5px;clip-path:polygon(0px 0px, 100% 0%, 100% 100%, 0% 100%);text-align:center;position:relative;margin:-50px 10px 0;border-radius: 5px;opacity:0.9;}
.zw-team .career{border-top:1px dashed var(--qzhw-border-color);color: var(--qzhw-white);}
.zw-team .career span{display:inline-block;font-weight:700;}
/*team-single*/
.team-single{position:relative;}
.team-image{position:absolute; top:20px; border-radius: 14px;padding: 4px;background-color: rgba(255,255,255, 1);}
.team-image img{height:120px;border-radius: 14px;width:100%;}
.team-name{margin-bottom:0;padding-top:40px;}
.team-social{padding:30px 0 20px;border-bottom: 1px solid rgba(var(--qzhw-border-color-rgb), 1);}
.skills .progress{height:4px}
.skills .progress-bar{background-color:var(--qzhw-bright)}
/*zw-tit*/
.zw-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 0;border-bottom:1px solid var(--qzhw-border-color);padding-bottom:20px;position:relative}
.zw-tit:before{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;border-bottom:inherit}
.zw-tit a{color:rgba(var(--qzhw-text-dark-rgb),1);font-size:13px;font-weight:500}
/*zw-solution*/
.solution-list{position:relative;}
.solution-image{position:relative;overflow:hidden}
.solution-image img{width:100%}
.solution-badge{width:50px;background-color:var(--qzhw-white);border:3px solid var(--qzhw-white);display:flex;justify-content:center;text-align:center;align-items:center;font-size:12px;color:var(--qzhw-text);padding:0 0px;line-height:1.2em;position:absolute;top:30px;left:30px;z-index:10;text-transform:uppercase;font-weight:600;flex-direction:column}
.solution-badge span{font-size:16px;background-color:var(--qzhw-theme);display:block;width:100%;color:var(--qzhw-white);padding:15px 0;}
.solution-content{margin:0 10px;background-color:var(--qzhw-white,#fff);padding:15px;margin-top:-10px;position:relative;z-index:10;transition:all 500ms ease;box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);}
.solution-title{margin:0;color:var(--qzhw-black);font-size:20px;line-height:1.2em;font-weight:600}
.solution-title a{color:inherit;background:linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 95%/0px 1px no-repeat;transition:all 500ms ease}
.solution-title a:hover{background-size:100% 1px}
.solution-link{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500;color:var(--qzhw-text);transition:all 500ms ease;line-height:1em;position:relative;background-color:var(--qzhw-gray);padding:15px 30px;margin-top:10px}
.solution-link i{font-size:16px}
.solution-meta{display:flex;align-items:center;margin:0;margin-top:-7px;margin-bottom:6px;gap:10px}
.solution-meta li{color:var(--qzhw-text);font-size:14px;font-weight:500;display:flex;align-items:center}
.solution-meta li i{color:var(--qzhw-base);margin-right:3px}
.solution-meta li a{display:flex;align-items:center;color:inherit;transition:all 500ms ease}
.solution-meta li a:hover{color:var(--qzhw-base)}
/* case-list*/
.case-list{position:relative;margin-bottom:20px;}
.case-list .case-img{overflow:hidden;max-height:260px;}
.case-list .case-img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to top,var(--qzhw-black) 0%,transparent 100%);z-index:1}
.case-list .case-img img{transform:scale(1.001);transition:all ease .4s;}
.case-list .case-content{position:absolute;left:0;right:0;bottom:0;padding:0 30px 17px 30px;z-index:3}
.case-list .case-title a{color:var(--qzhw-white)}
.case-list:hover .case-img img{transform:scale(1.15)}
/*text-list*/
.text-list{min-height:550px}
.text-list li{position:relative;display:block;line-height:24px;background:#FFF;margin-bottom:10px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.text-list li a{display:block;padding:15px 15px 15px 30px;font-size:16px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.text-list li span{color:#888888;position:absolute;right:20px;top:20px}
.text-list li:hover{background:#ff9600;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.text-list li:hover a,.text-list li:hover span{color:#FFF}
.text-list li.dot:hover a:before{background:#fff}
.text-list li.dot a{position:relative}
.text-list li.dot a:before{content:'';position:absolute;left:15px;top:25px;background:#ececec;width:7px;height:7px;border-radius:50%}
/* 新闻列表 */
.list-news {border-radius: 8px;padding: 10px;align-items: center;justify-content: center;background-color:#F8F9FC;margin-bottom:10px;}
.list-news .news-img{width: 80px;height: 80px;padding:2px;background-color: var(--qzhw-white);border-radius: 8px;}
.list-news .news-img img{border-radius: 8px;width:76px;height:76px;}
.list-news .news {margin:0 8px;}
.list-news .news a{display:block;font-size:18px;color:var(--qzhw-black);margin-bottom:8px}
.list-news .news p{color:#a6acb3;margin-bottom:0px;}
.list-news .button{border-radius: 100%;height: 28px;width: 28px;display: inline-block;background-color: var(--qzhw-black);}
.list-news .button i{font-size:14px;color: var(--qzhw-white);}
.list-news:hover .button{background:var(--qzhw-theme);color:var(--qzhw-white);border:1px solid var(--qzhw-theme)}
/*===========================
   player start 
==========================*/
#player-container-id{width: 100%;max-width: 100%;padding-top: 56.25%;/* 计算方式：播放器以16：9的比率显示，这里的值为 9/16 * 100 = 56.25  */}
/* 文本列表 */
.normal-list{list-style: none;padding:0;margin:0;}
.normal-list li{position:relative;display:block;background:var(--qzhw-white);margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{display:block;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}
.normal-list li.active{background:var(--qzhw-theme);color:var(--qzhw-white);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li.active a,.normal-list li.active span{color:var(--qzhw-white)}
.normal-list li.dot:hover a:before {background:var(--qzhw-white);}
.normal-list li.dot a{position:relative}
.normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ececec;width:7px;height:7px;top:35px;border-radius:50%}

.side-toolbar {position: fixed;bottom:168px;right:5px;z-index:99;}
.side-toolbar .option-box{margin:15px 0 0;height:56px;width:56px;line-height:1;background-color:var(--qzhw-white);border-radius:50%;box-shadow:0 2px 8px rgba(50,50,50,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;text-align: center;color: var(--qzhw-black2);}
.side-toolbar .option-box i{font-size:26px;}
.side-toolbar .option-box:hover i,.side-toolbar .option-box .show-txt{font-size:16px;display:none;}
.side-toolbar .option-box:hover .show-txt{display:block;}
/*===========================================
   zw-contact 
==========================================*/
.card{border:none;}
.card-header{background-color: var(--qzhw-white);padding-top:16px;padding-bottom:16px;border-bottom-color: var(--qzhw-smoke);}
.card-footer{background-color: var(--qzhw-white);border-top-color: var(--qzhw-smoke);}

.zw-contact .slogan{margin-bottom:20px;padding-right:10px}
.zw-contact .slogan h2{line-height:56px}
.zw-contact .box-info{margin-bottom:31px;}
.zw-contact .box-info .icon-info{margin-right:61px;position:relative;}
.zw-contact .box-info .icon-info i{font-size:40px;}
.zw-contact .box-info .icon-info::after{content:"";width:1px;height:66px;background-color:#D9D9D9;top:0px;transform:rotate(21deg);position:absolute;margin-left:29px}
.zw-contact .box-info .cont h5{margin-bottom:3px}
.contact-map {width:100%;height:300px;}
.amap-icon img{width:25px;height:34px}
.amap-marker-label{border:0;background-color:transparent}
.map-info{position:relative;box-shadow:0 2px 6px 0 rgba(114,124,245,.5);background-color:white;width:auto;padding:.75rem 1.25rem;border-radius:.25rem;margin:0;top:0;right:0;min-width:0}

.widget-form{padding:0}
.widget-form label{color:#181818;font-size:20px;display:inline-block;margin-bottom:5px}
.widget-form input,.widget-form textarea{border:0;background:#f8f9fc;color:#777c90;font-size:16px;display:block;height:50px;width:100%;padding-left:20px;margin-bottom:23px}
.widget-form input::placeholder,.widget-form textarea::placeholder{color:#777c90;font-size:16px}
.widget-form input::-moz-placeholder,.widget-form textarea::-moz-placeholder{color:#777c90;font-size:16px}
.widget-form input::-ms-placeholder,.widget-form textarea::-ms-placeholder{color:#777c90;font-size:16px}
.widget-form input::-webkit-placeholder,.widget-form textarea::-webkit-placeholder{color:#777c90;font-size:16px}
.widget-form input::-o-placeholder,.widget-form textarea::-o-placeholder{color:#777c90;font-size:16px}
.widget-form textarea{height:160px}