/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset&Utility 
# Common
# Page Header 
# Cards
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Google Map
# Client Carousel
--------------------------------------------------------------*/
: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;
	--qzhw-letter-space: 0.1em;
	--qzhw-letter-space-xl: 0.2em;
	--main-container:1170px;
	--container-gutters:30px;
	--section-space:100px;
	--section-space-mobile:80px;
	--widget-title-space:60px;
	--ripple-ani-duration:5s
  }
/*
 -----------------------------------------------------------------------------
 # 1.1 Reset&Utility 基本的样式重置和工具类
 -----------------------------------------------------------------------------
 */
html,body{scroll-behavior:auto !important;font-size:18px}
body{color:var(--qzhw-text);background-color:#f2f3f5;line-height:1.6;overflow-x:hidden}
iframe{border:none;width:100%}
input:focus{outline:none;box-shadow:none}
ul{list-style-type:disc}
ol{list-style-type:decimal}
table{margin:0 0 1.5em;width:100%;border-collapse:collapse;border-spacing:0;border:var(--qzhw-border-color) solid 1px}
th{font-weight:700;color:var(--qzhw-black)}
td,th{border:var(--qzhw-border-color) solid 1px;padding:9px 12px}
a{color:var(--qzhw-black);text-decoration:none;outline:0;transition:all 0.4s ease}
a:hover{color:var(--qzhw-theme)}
button{transition:all 0.4s ease}
img{border:none;max-width:100%}
section{position:relative}
pre{background:#f5f5f5;color:var(--qzhw-text-gray);font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre-wrap;overflow-wrap:break-word}
.text-inherit{color:inherit}
.text-theme{color:var(--qzhw-theme)}
.bg-gray{background:linear-gradient(225deg,#FAF7EF 0,#F4F6FC 100%)}
.bg-light{background:linear-gradient(90deg,#FAF7EF 0%,#F4F6FC 100%)}
.bg-white{background-color:var(--qzhw-white)}
.bg-secondary{background-color:var(--qzhw-light) !important}
.section{padding:var(--section-space) 0;position:relative}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{color:var(--qzhw-black);font-weight:bold;}
@media only screen and (min-width:1300px) {
	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container{
		max-width: calc(var(--main-container) + var(--container-gutters));
		padding-left: calc(var(--container-gutters)/2);
		padding-right: calc(var(--container-gutters)/2)
	}
	.container-fluid {
		padding-left: calc(var(--container-gutters)/2);
		padding-right: calc(var(--container-gutters)/2)
	}
}
@media only screen and (max-width:1600px) {
	.container-fluid.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important
	}
	.container-fluid.px-0>.row {
		margin-left: -12px !important;
		margin-right: -12px !important
	}
}
.form-check-input{margin-top: .40em;}
.form-label{color: var(--qzhw-black);font-weight: bold;}
/*
 -----------------------------------------------------------------------------
 # 2. Header 头部样式
 -----------------------------------------------------------------------------
 */
/*=============================
 # 2.1 Header-top 顶部
===============================*/
.header{--main-container:1660px;position:relative;z-index:1021;background-color:var(--qzhw-white);box-shadow:0 1px 1px rgb(0,0,0,0.03)}
@media (min-width:1500px){
	.header{--main-container:1700px}
}
.ix-header{position:absolute;left:0;top:0;right:0;background-color: rgb(255,255,255,0.7);}
.header-sticky{position:fixed;top:0;left:0;right:0;opacity:1;visibility:visible;width:100%;background-color:var(--qzhw-white);transition:all 0.8s ease;box-shadow:0 0 10px 0 rgb(0,0,0,0.07);z-index:1099}
.header-top{border-bottom:1px solid rgb(154,86,58,0.2);padding:10px 0}
.header-logo{max-width:270px;padding:10px 0}
/*header-links*/
.header-links ul{margin:0;padding:0;list-style-type:none}
.header-links li{display:inline-block;font-size:16px;font-weight:500;color:var(--qzhw-black);padding:0 30px 0 0;margin:0 26px 0 0;border-right:2px solid var(--qzhw-black);line-height:23px;line-height:1}
.header-links li:last-child{margin-right:0;padding-right:0;border-right:none}
.header-links i{color:var(--qzhw-theme);margin:0 10px 0 0}
.header-links a{color:inherit}
.header-links a:hover{color:var(--qzhw-theme)}
/*social-style*/
.social-style a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;color:var(--qzhw-text);border:rgb(154,86,58,0.2) solid 1px;margin-right:8px;border-radius:50%;transition:all 0.4s ease}
.social-style a:last-child{margin-right:0}
.social-style a:hover{border-color:var(--qzhw-theme);background-color:var(--qzhw-theme);color:var(--qzhw-white)}
/*=============================
 # 2.2 Main-menu 导航栏
===============================*/
.main-menu a{display:block;position:relative;font-size:1.275rem;color:var(--qzhw-black);font-weight:700}
.main-menu a:hover{color:var(--qzhw-theme)}
.main-menu > ul > li{margin:0 16px}
@media screen and (max-width:1400px) {
.container{max-width:100% !important;}
.main-menu > ul > li{margin:0 6px}	
}
.main-menu ul{margin:0;padding:0}
.main-menu ul li{list-style-type:none;display:inline-block;position:relative}
.main-menu ul li.menu-item-has-children > a:after{content:"\e67b";position:relative;font-family:var(--qzhw-icon-font);margin-left:5px;top:-0.8px;font-size:0.8rem}
.main-menu ul li:last-child{margin-right:0}
.main-menu ul li:first-child{margin-left:0}
.main-menu ul.sub-menu,.main-menu ul.mega-menu{position:absolute;text-align:left;top:100%;left:0;background-color:var(--qzhw-white);box-shadow:0 5px 10px 0 rgb(0,0,0,0.1);visibility:hidden;min-width:190px;width:max-content;padding:7px;left:-14px;margin-top:50px;opacity:0;z-index:-1;border-bottom:3px solid var(--qzhw-theme);box-shadow:0 10px 60px 0 rgb(0,0,0,0.09),0 3px 0 0 rgb(231,13,60,0.004);transform-origin:top center;transition:margin-top 0.4s 0s ease-in-out,visibility 0.4s 0s ease-in-out,opacity 0.4s 0s ease-in-out,z-index 0s}
.main-menu ul.sub-menu a,.main-menu ul.mega-menu a{font-size:18px;line-height:30px}
.main-menu ul.sub-menu{padding:18px 20px;left:-27px}
.main-menu ul.sub-menu:before{content:"";position:absolute;left:34px;top:30px;width:1px;background-color:#DFE2E7;height:calc(100% - 65px)}
.main-menu ul.sub-menu li{display:block;margin:0 0;padding:3px 9px}
.main-menu ul.sub-menu li.menu-item-has-children > a:after{content:"";float:right;top:3px}
.main-menu ul.sub-menu li a{position:relative;padding-left:21px}
.main-menu ul.sub-menu li a:before{content:"\e66f";position:absolute;top:2.8em;left:0;font-family:var(--qzhw-icon-font);width:11px;height:11px;text-align:center;border-radius:50%;display:inline-block;font-size:0.2em;line-height:11.5px;color:var(--qzhw-theme);font-weight:700;background-color:var(--qzhw-white);box-shadow:0 2px 4px 0 rgb(154,86,58,0.4) inset}
.main-menu ul.sub-menu li ul.sub-menu{left:100%;right:auto;top:0;margin:0 0;margin-left:20px}
.main-menu ul.sub-menu li ul.sub-menu li ul{left:100%;right:auto}
.main-menu .mega-menu-wrap{position:static}
.main-menu ul.mega-menu{display:flex;justify-content:space-between;text-align:left;width:100%;max-width:var(--main-container);padding:20px 15px 23px 15px;left:50%;transform:translateX(-50%)}
.main-menu ul.mega-menu li{display:block;width:100%;padding:0 15px}
.main-menu ul.mega-menu li li{padding:4px 0}
.main-menu ul.mega-menu li a{display:inline-block}
.main-menu ul.mega-menu > li > a{display:block;padding:0;padding-bottom:5px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--qzhw-black);border-color:var(--qzhw-theme)}
.main-menu ul.mega-menu > li > a::after,.main-menu ul.mega-menu > li > a::before{content:"";position:absolute;bottom:0;left:0;width:15px;height:1px;background-color:var(--qzhw-theme)}
.main-menu ul.mega-menu > li > a::after{width:calc(100% - 20px);left:20px}
.main-menu ul.mega-menu > li > a:hover{padding-left:0}
.main-menu .menu-pages{flex-wrap:wrap;position:absolute;left:50%;width:100%;max-width:var(--main-container,1295px);background-color:var(--qzhw-white);padding:20px 10px 0 10px;margin-top:70px;opacity:0;visibility:hidden;transform:translateX(-50%);transition:margin-top 0.4s 0s ease-in-out,visibility 0.4s 0s ease-in-out,opacity 0.4s 0s ease-in-out,z-index 0s;display:grid;grid-template-columns:repeat(6,1fr);box-shadow:0 10px 60px 0 rgb(0,0,0,0.09),0 3px 0 0 rgb(231,13,60,0.004)}
.main-menu .menu-pages > li{width:100%;padding:0 10px 20px 10px}
.main-menu .menu-pages img{width:100%}
.main-menu .menu-pages a{text-align:center;display:block;border:rgb(0,0,0,0.05) solid 1px;padding:0 0 10px 0;transition:all 0.4s ease;background-color:#1e2f58;color:var(--qzhw-white)}
.main-menu .menu-pages a img{display:block;margin:0 0 8px 0}
.main-menu .menu-pages a:hover{background-color:var(--qzhw-theme);color:var(--qzhw-white)}
.main-menu ul li:hover .menu-pages,.main-menu ul li:hover > ul.sub-menu,.main-menu ul li:hover ul.mega-menu{visibility:visible;opacity:1;margin-top:0;z-index:1021}
/*=============================
 # 2.3 Main-menu 右侧信息
===============================*/
.header-btns{display:flex;align-items:center;gap:15px}
.icon-btn{border:none;width:40px;height:40px;line-height:40px;font-size:var(--qzhw-icon-font-size,22px);background-color:var(--qzhw-theme);border-radius:50%;color:var(--qzhw-white);--icon-size:50px;--qzhw-icon-font-size:22px;display:inline-block;text-align:center;padding:0;vertical-align:middle;transition:all 0.4s ease}
.icon-btn:hover{color:var(--qzhw-white);background-color:#1e2f58}
/*header-call*/
.header-call{display:flex;align-items:center;padding-left:20px;margin-left:20px;line-height:1;position:relative}
.header-call:before{content:"";position:absolute;left:0;top:50%;width:1px;height:30px;margin-top:-15px;background-color:var(--qzhw-theme);opacity:0.3}
.header-call .icon-btn{margin-right:15px}
.header-call .media-label{display:block;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:10px}
.header-call .media-number{font-size:22px;font-weight:700;color:var(--qzhw-black)}
.header-call .media-number:hover{color:var(--qzhw-theme)}

.popup-search-box{position:fixed;top:0;left:50%;background-color:rgba(0,0,0,.95);height:0;width:0;overflow:hidden;z-index:99999;opacity:0;visibility:hidden;border-radius:50%;transform:translateX(-50%);transition:all ease .4s}
.popup-search-box button.searchClose{width:60px;height:60px;line-height:60px;position:absolute;top:40px;right:40px;border:none;color:var(--qzhw-theme);background-color:var(--qzhw-white);font-size:30px;border-radius:50%;transform:rotate(0);transition:all ease .4s}
.popup-search-box button.searchClose:hover{color:var(--qzhw-white);background-color:var(--qzhw-theme);transform:rotate(90deg)}
.popup-search-box form{position:absolute;top:50%;left:50%;display:inline-block;padding-bottom:40px;cursor:auto;width:100%;max-width:700px;transform:translate(-50%,-50%) scale(0);transition:transform ease .4s}
@media(max-width:1199px){.popup-search-box form{max-width:600px}
}.popup-search-box form input{font-size:18px;height:70px;width:100%;border:2px solid var(--qzhw-theme);background-color:rgba(0,0,0,0);padding-left:30px;color:var(--qzhw-white);border-radius:50px}
.popup-search-box form input::-moz-placeholder{color:var(--qzhw-white);}
.popup-search-box form input::placeholder{color:var(--qzhw-white);}
.popup-search-box form button{position:absolute;top:0px;background-color:rgba(0,0,0,0);border:none;color:var(--qzhw-white);font-size:24px;right:12px;color:var(--qzhw-white);cursor:pointer;width:70px;height:70px;transition:all ease .4s;transform:scale(1.001)}
.popup-search-box form button:hover{transform:scale(1.1)}
.popup-search-box.show{opacity:1;visibility:visible;width:100.1%;height:100%;transition:all ease .4s;border-radius:0}
.popup-search-box.show form{transition-delay:.5s;transform:translate(-50%,-50%) scale(1)}
/*
 -----------------------------------------------------------------------------
 # 3. Common 公用样式
 -----------------------------------------------------------------------------
 */
/*=============================
 # 3.1 Btns 按钮
===============================*/
.zw-btn{background-color:var(--qzhw-theme);color:var(--qzhw-white);font-size:22px;font-weight:bold;display:inline-block;padding:18px 23px 16px;border:none;position:relative;z-index:1;text-align:center;line-height:1}
.zw-btn:after,.zw-btn:before{content:"";position:absolute;left:0;bottom:0;background-color:#1e2f58;z-index:-1;width:53%;height:0;transition:all 0.4s ease;opacity:0;visibility:hidden}
.zw-btn:after{right:0;top:0;left:auto;bottom:auto}
.zw-btn i{font-weight:normal}
.zw-btn:hover{color:var(--qzhw-white)}
.zw-btn:hover:before,.zw-btn:hover:after{height:100%;opacity:1;visibility:visible}
.zw-btn.style1{color:var(--qzhw-theme)}
.zw-btn.style1:hover{color:var(--qzhw-white)}
.zw-btn.style1:before{border-color:var(--qzhw-theme)}
.zw-btn.style1:after{background-color:var(--qzhw-theme)}
.zw-btn.style2{padding:15px 36px 17px}
.zw-btn.style4,.zw-btn.style3{font-weight:bold;margin:7px 0;padding:17px 36.5px;background-color:rgb(0,0,0,0)}
.zw-btn.style4:before,.zw-btn.style4:after,.zw-btn.style3:before,.zw-btn.style3:after{top:0;right:0;bottom:0;left:0;width:auto;height:auto;opacity:1;visibility:visible;transition:all 0.4s ease;background-color:rgb(0,0,0,0)}
.zw-btn.style4:before,.zw-btn.style3:before{transform:scaleY(1.3) scaleX(0.81);border:rgb(19,43,51,0.25) solid 1px;z-index:-2}
.zw-btn.style4:after,.zw-btn.style3:after{transform:scale(1);z-index:-1;background-color:var(--qzhw-theme);opacity:1;visibility:visible}
.zw-btn.style4:hover,.zw-btn.style3:hover{color:var(--qzhw-black)}
.zw-btn.style4:hover::before,.zw-btn.style3:hover::before{border-color:var(--qzhw-theme);transform:scaleY(1) scaleX(1)}
.zw-btn.style4:hover::after,.zw-btn.style3:hover::after{opacity:0;visibility:hidden;transform:scaleY(0.3) scaleX(0.58)}
.zw-btn.style4{color:var(--qzhw-theme)}
.zw-btn.style4:before{border-color:var(--qzhw-white)}
.zw-btn.style4:after{background-color:var(--qzhw-white)}
.zw-btn.style4:hover{color:var(--qzhw-theme)}
.zw-btn.style4:hover:before{border-color:var(--qzhw-white)}
.zw-btn.style4:hover:after{transform:scaleY(0.8) scaleX(0.95);opacity:1;visibility:visible}
.zw-btn.style5:hover{color:var(--qzhw-theme)}
.zw-btn.style5:after,.zw-btn.style5:before{background-color:var(--qzhw-white)}
.zw-btn.style6{background-color:var(--qzhw-white);color:var(--qzhw-theme);padding:5px 20px 5px 5px}
.zw-btn.style6 i{width:50px;height:50px;line-height:50px;background-color:var(--qzhw-theme);color:var(--qzhw-white);margin-right:10px;font-size:18px;text-align:center;display: inline-block;}
.zw-btn.style6:hover{color:var(--qzhw-white)}
.zw-btn.style7{padding:18px 37px}
.zw-btn.style8{background-color:#313c45;font-weight:bold}
.zw-btn.style8::after,.zw-btn.style8::before{background-color:var(--qzhw-theme)}
.zw-btn.style8:hover{color:var(--qzhw-white)}
.zw-btn.style10,.zw-btn.style9{padding:16px 16px 10px 16px;letter-spacing:0;font-weight:bold;font-size:22px;background-color:var(--qzhw-white);color:var(--qzhw-theme);vertical-align:middle;border-radius:0}
.zw-btn.style10 i,.zw-btn.style9 i{width:40px;height:40px;line-height:40px;display:inline-block;background-color:var(--qzhw-theme);color:var(--qzhw-white);margin-left:15px;font-size:22px;vertical-align:middle;margin-top:-6px}
.zw-btn.style10:hover,.zw-btn.style9:hover{color:var(--qzhw-white)}
.zw-btn.style10{box-shadow:0 5px 30px 0 rgb(154,86,58,0.12)}
.zw-btn.style14,.zw-btn.style11{padding:16px 35px;letter-spacing:0;background-color:rgb(0,0,0,0);border:var(--qzhw-border-color) solid 2px;color:var(--qzhw-black);font-weight:bold}
.zw-btn.style14 i,.zw-btn.style11 i{margin-right:10px}
.zw-btn.style14:hover,.zw-btn.style11:hover{border-color:rgb(0,0,0,0);color:var(--qzhw-white)}
.zw-btn.style13,.zw-btn.style12{padding:22px 37px;font-weight:400;letter-spacing:0.05em;font-size:16px}
.zw-btn.style13{background-color:rgb(0,0,0,0);color:var(--qzhw-theme)}
.zw-btn.style13 i{margin-right:10px}
.zw-btn.style13:hover{color:var(--qzhw-white)}
.zw-btn-group{display:flex;gap:30px;flex-wrap:wrap;align-items:center;margin:30px 0 30px 0}
/*video-btn*/
.video-btn{width:68px;height:68px;display:block;border-radius:68px;background:var(--qzhw-theme);position:relative;margin-top:10px}
.video-btn:before{content:"";width:0;height:0;border-top:9px solid transparent;border-bottom:10px solid transparent;border-left:14px solid var(--qzhw-white);position:absolute;left:52%;top:50%;transform:translate(-50%,-50%)}
.video-btn:after{position:absolute;left:-10px;top:-10px;width:88px;height:88px;border:var(--qzhw-light) dashed 1px;content:"";border-radius:50%}
/*zw-link*/
.zw-link{color:var(--qzhw-black);font-weight:bold;position:relative;text-decoration:underline;text-decoration-color:#1e2f58;text-decoration-style:2px;transition:all 0.4s ease}
.zw-link i{color:var(--qzhw-black2);text-align:center;height:26px;width:26px;line-height:26px;margin-left:10px;font-size:12px;border-radius:50%;border:var(--qzhw-black2) solid 1px;transition:all 0.4s ease;display:inline-block}
.zw-link:hover{color:var(--qzhw-theme);text-decoration-color:var(--qzhw-theme)}
.zw-link:hover i{border-color:var(--qzhw-theme);background-color:var(--qzhw-theme);color:var(--qzhw-white)}
/*=============================
 # 3.2 Pagination 分页
===============================*/
.zw-pagination{text-align:center;margin:40px auto 30px auto;padding:15px 0;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;font-size:18px;font-weight:500;height:58px;width:58px;line-height:58px;text-align:center;background-color:var(--qzhw-white);color:var(--qzhw-black);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-theme);}
.zw-pagination a.next,.zw-pagination a.prev{display:inline-block;height:58px;line-height:58px;width:auto;font-size:16px;font-weight:700;padding:0 30px;background-color:#1e2f58;color:var(--qzhw-white);border-radius:28px}
.zw-pagination a.next:hover,.zw-pagination a.prev:hover{background-color:var(--qzhw-theme);}
/*=============================
 # 3.3 Title 标题
===============================*/
/*heading*/
.heading{border-bottom:2px solid var(--qzhw-border-color);padding:20px 0;position:relative;margin-bottom:30px}
.heading:before{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;background-color:#DFE2E7}
.heading h3{margin-bottom:0}
/*section-title*/
.section-title{position:relative;text-align:left;padding-top:30px;margin-bottom:40px}
.section-title h2{position:relative;font-weight:700;line-height:48px;margin-bottom:5px}
.section-title h2 b{position:absolute;top:-30px;left:-5px;font-size:68px;color: rgba(var(--qzhw-black-rgb),0.1);white-space:nowrap;text-transform:uppercase}
.section-title h2 strong{position:relative;z-index:99}
.section-title h2.title-base{font-size:30px}
.section-title.text-center h2 b{left:50%;transform:translate(-50%,0)}
.section-title h2 b.gray{color:rgba(var(--qzhw-text-light-rgb),0.1)}
/*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.4 Widget 
===============================*/
.widget{padding:30px;border-radius:16px;margin-bottom:48px;background-color: var(--qzhw-white);}
.widget-title{display:flex;align-items:center;gap:30px;justify-content:space-between;position:relative;padding-bottom:20px;margin-bottom:20px}
.widget-title h4{margin-bottom:0}
.widget-title .title-line{width:100%;height:5px;position:absolute;left:0;bottom:0;border:var(--qzhw-border-color) solid 1px;border-left:none;border-right:none}
.widget-title .title-line:before{content:"";position:absolute;left:0;top:-1px;width:60px;height:5px;background:var(--qzhw-theme)}
.widget-title .title-line:after{content:"";position:absolute;left:56px;top:-1.5px;width:10px;height:6px;background:var(--qzhw-white);clip-path:polygon(40% 0,100% 0%,60% 100%,0 100%)}
.widget-title h4.white-title{color:var(--qzhw-white)}
.widget-title .title-line.black-line{border:#253346 solid 1px;border-left:none;border-right:none}
.widget-title .title-line.black-line:after{background:#0C192A}
/*=============================
 # 3.5 Card 卡片
===============================*/
.card{border:var(--qzhw-border-color) solid 2px;border-radius:0;border:none}
.card-header{position:relative;padding-bottom:16px;padding-top:22px;border-bottom:1px solid var(--qzhw-border-color);background-color:var(--qzhw-white)}
.card-header:after,.card-header:before{content:"";position:absolute;bottom:-1.5px;width:50px;height:3px;background-color:var(--qzhw-theme)}
.card-header:after{left:75px;width:16px;background-color:#3A4F87}
.card-header h4{margin-bottom:6px}
.card-footer{background-color:var(--qzhw-white);border-color:#DFE2E7}
/*=============================
 # 3.6 Recommend 推荐
===============================*/
.recommend{display:flex;align-items:center;position:relative}
.recommend:not(:last-of-type){border-bottom:1px solid var(--qzhw-border-color);margin-bottom:20px;padding-bottom:15px}
.recommend-image{flex-shrink:0;margin-right:20px;width:80px;height:60px}
.recommend-image img{width:100%;height:100%;object-fit:cover;min-height:60px}
.recommend-title{margin:0;color:var(--qzhw-black);line-height:1.2em;margin-top:-5px}
.recommend-title a{color:inherit;background:linear-gradient(to right,currentColor 0%,currentColor 100%) 0 95% /0 1px no-repeat;transition:all 500ms ease}
.recommend-title a:hover{background-size:100% 1px}
/*=============================
 # 3.7 Channel-banner 频道banner
===============================*/
.channel-banner{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0 auto}
.channel-banner .banner-info{padding:60px 0}
.channel-banner .banner-info h3{font-size:40px;font-weight:600;position:relative;margin-bottom:30px}
.channel-banner .banner-info h3:before{left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:var(--qzhw-theme);content:'';display:block;position:absolute}
.channel-banner .banner-info b{font-size:26px}
/*=============================
 # 3.8 Sort-nav 分类导航
===============================*/
.sort-nav{line-height:68px;margin:0 auto;padding:0;list-style:none;width:100%;text-align:center}
.sort-nav:scrollbar{display:none}
.sort-nav li{position:relative;display:inline-block}
.sort-nav li a{color:var(--qzhw-black-rgb-color);display:block;padding:0 30px;background:var(--qzhw-white);font-weight:bold;font-size:22px}
.sort-nav li a.active,.sort-nav li a.cur{background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));color:var(--qzhw-white)}
.sort-nav li.focusa a{background:linear-gradient(-45deg,var(--qzhw-bright),var(--qzhw-theme));color:var(--qzhw-white);border-bottom-left-radius:0;border-bottom-right-radius:0}
.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:0.3s}
.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));color:var(--qzhw-white)}
/*=============================
 # 3.9 Position 当前位置
===============================*/
.zw-position{height:60px;line-height:60px;position:relative}
.zw-position a{padding:0 8px}
/*=============================
 # 3.10 Article 内容
===============================*/
.article,.aside{position:relative;overflow: hidden;padding:30px;background-color: var(--qzhw-white);}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{padding-bottom:15px; margin-bottom:30px;border-bottom: 1px solid #ececec;color:var(--qzhw-black3);}
.content p{line-height:1.8;}
.article .title h1{font-size:36px;}
.article .infor{padding:15px 0;}
.aside .aside-title{position:relative;padding-bottom:15px;margin-bottom:30px;}
.aside .aside-title:after,.aside .aside-title:before{content:"";position:absolute;bottom:-1.5px;width:40px;height:4px;background-color:var(--qzhw-theme)}
.aside .aside-title:after{left:50px;width:16px;background-color:var(--qzhw-black2)}
.rank-art li{word-wrap:break-word;white-space:nowrap}
.rank-art li a{display:inline-block;max-width:290px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.rank-num{display:inline-block;width:16px;margin-right:10px;vertical-align:top;font-style:normal;text-align:center;}
/*=============================
 # 3.10 list-pics 图文
===============================*/
.list-pics{position:relative;margin-bottom:24px;padding:20px;transition:all .5s ease-out;border-radius:5px;box-shadow:0 0 18px 3px rgba(0,0,0,.05);background-color:var(--qzhw-white)}
.list-pics .pics-img{border-radius:5px;overflow:hidden;position:relative;height:286px;background-color: var(--qzhw-light);}
.list-pics .pics-img:before{position:absolute;width:200%;height:0;left:50%;top:50%;background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) rotate(-45deg);content:"";z-index:1}
.list-pics .pics-img img{width:100%;height:100%;object-fit: cover;transform:scale(1);transition:all .5s ease-out;}
.list-pics .pics-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;gap:17px;margin-top:20px;margin-bottom:10px}
.list-pics .pics-content .title{line-height:24px;letter-spacing:.5px;margin:0;text-align: center;}
.list-pics .pics-content .desc{font-size:18px;line-height:18px;margin:0}
.list-pics:hover .pics-img:before{height:250%;transition:all 900ms linear;background-color:transparent}
.list-pics:hover .pics-img img{transform:scale(1.1);transition:all .5s ease-out}
/*=============================
 # 3.11 related 相关
===============================*/
.related{padding:30px 0 60px;margin-top:30px;}
.related-title{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}
.related-title h3{position:relative;display:inline-block;}
.related-title h3::after{content:"";position:absolute;bottom:-15px;left:0;width:64%;height:4px;background:var(--qzhw-theme);}
/*slider-btn*/
.slider-btn{display:flex;align-items:center;gap:35px}
.slider-btn i{width:40px;height:40px;border:1px solid var(--qzhw-border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--qzhw-theme);transition:.5s}
.slider-btn i:hover{background-color:var(--qzhw-theme);color:var(--qzhw-white)}
/*
 -----------------------------------------------------------------------------
 # 4. Index 首页样式
 -----------------------------------------------------------------------------
 */
/*=============================
 # 4.1 Hero-slider 幻灯片
===============================*/
.hero-slider{width:100%;height:82vh;display:flex;position:relative;z-index:0}
.hero-slider .swiper-slide{position:relative;overflow:hidden}
.hero-slider .hero-swiper{width:100%;height:100%;position:absolute;left:0;top:0}
.hero-slider .slide-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;transition:1s 2s linear;transform:scale(1.1,1.1)}
.hero-slider .swiper-slide-active .slide-inner{transition:6s linear;transform:scale(1,1)}
.hero-slider .slide-row{width:100%;height:100%;position:relative;z-index:11;display:flex;justify-content:center;align-items:center;text-align:left}
.hero-slider .slide-content{max-width:760px;background:linear-gradient(90deg,var(--qzhw-bright) 0%,rgb(229,243,70,0) 100%);padding:20px}
.hero-slider .slide-title-sub{margin-bottom:10px}
.hero-slider .slide-title-sub h2{color:var(--qzhw-white)}
.hero-slider .slide-title{margin-top:20px}
.hero-slider .slide-title h4{color:var(--qzhw-light)}
.hero-slider .slide-btns{margin-top:20px}
/*swiper-button*/
.button-prev,.button-next{transition:0.5s;outline:none;position:absolute;width:140px;z-index:10;top:50%;transform:translateY(-50%);cursor:pointer}
.button-prev{left:6vw}
.button-next{right:6vw}
.swiper-button.disabled{opacity:0.2;cursor:default}
#arrow-svg-home{transform:translateY(353px)}
.button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0px 0px}
svg{transition:0.5s}
.cls-1{transition:0.5s;opacity:0.4;transform-origin:-20px 40px;opacity:1}
.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}
#arrow-trg{transition:0.5s;fill:var(--qzhw-bright);transform:rotateY(180deg) translate(-53px,39px)}
#line{transition:0.5s;stroke:var(--qzhw-bright);transform:translate(50px,42px)}
.button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.button-next:not(.disabled):hover svg{transform:translateX(25px)}
.swiper-button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.swiper-button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.swiper-button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.swiper-button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(0.33)}
.swiper-pagination-bullet-active{transform: scale(2);background-color: var(--qzhw-black);}
.hero-slider .swiper-pagination-bullet{width:40px;height:4px;border-radius:0;background-color: var(--qzhw-white);}
.hero-slider .swiper-pagination-bullet-active{background:var(--qzhw-bright);transform: scale(1);}
.hero-slider .swiper-pagination{bottom:10% !important}
/*swiper-button*/
.autoplay-progress{position:absolute;left:50%;margin-left:-24px;bottom:8%;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--qzhw-bright);}
.autoplay-progress svg{--progress:0;position:absolute;left:0;top:0px;z-index:10;width:100%;height:100%;stroke-width:2px;stroke:var(--qzhw-bright);fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}
/*mouse-scroll*/
.mouse-scroll{position:absolute;margin:auto;left:50%;bottom:5px;transform:translateX(-50%);z-index:12}
.mouse-scroll span{display:block;width:5px;height:5px;transform:rotate(45deg);border-right:1px solid var(--qzhw-white);border-bottom:1px solid var(--qzhw-white);margin:0 0 3px 5px}
.mouse-scroll .mouse{height:21px;width:14px;border-radius:10px;transform:none;border:1px solid var(--qzhw-white);top:170px}
.mouse-scroll .down-arrow-1{margin-top:6px}
.mouse-scroll .down-arrow-1,.mouse-scroll .down-arrow-2,.mouse-scroll .down-arrow-3{animation:mouse-scroll 1s infinite;}
#mouse-croll .down-arrow-1{animation-delay:.1s;animation-direction:alternate}
.mouse-scroll .down-arrow-2{animation-delay:.2s;animation-direction:alternate}
.mouse-scroll .down-arrow-3{animation-delay:.3s;animation-direction:alternate}
.mouse-scroll .mouse-in{height:5px;width:2px;display:block;margin:5px auto;background:var(--qzhw-white);position:relative}
.mouse-scroll .mouse-in{animation:animated-mouse 1.2s ease infinite;}
@keyframes animated-mouse{
0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(6px);}
}@keyframes mouse-scroll{
0%{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}@keyframes mouse-scroll{0%{opacity:0}
50%{opacity:.5}
100%{opacity:1}
}
/*=============================
 # 4.2 About 关于我们
===============================*/
.about-box{position:relative}
.about-box .img-1{padding:30px 30px 30px 0;width:max-content;max-width:100%;position:relative}
.about-box .img-shape{position:absolute;left:-20px;right:-40px;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;opacity:0.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}
/*=============================
 # 4.3 Counter-item 数字加载
===============================*/
.counter-item{position:relative;background-color:unset;padding:unset;margin:unset;text-align:center}
.counter-item:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%) rotate(15deg);background:#1e2f58;width:1px;height:142px;opacity:0.28}
.row [class*="col-"]:first-child .counter-item:before{display:none}
.counter-item .count-text{font-size:60px;font-family:"Montserrat",Sans-serif;line-height:70px;font-weight:700;color:var(--qzhw-theme);position:relative;padding-right:18px}
.counter-item .count-text:after{content:"+";position:absolute;top:50%;transform:translateY(-60%)}
.counter-item .title{font-size:24px;line-height:50px;font-weight:bold;color:var(--qzhw-black);margin-bottom:0}
/*=============================
 # 4.4 Process 服务流程
===============================*/
.process-box{text-align:center;position:relative;z-index:1}
.process-box:before{position:absolute;content:"";right:51px;top:60px;width:100%;height:100%;background:url(../img/arrow.png);background-repeat:no-repeat}
.upper.process-box:before{position:inherit}
.process-icon{position:relative;z-index:1;width:142px;height:142px;line-height:142px;border-radius:71px;background-color:#f5f8fe;transition:0.5s;display:inline-block}
.process-icon:before{position:absolute;content:"";left:-9px;top:-9px;width:160px;height:160px;line-height:160px;border-radius:50%;border:var(--qzhw-black) dashed 2px;opacity:0.154;transition:0.5s}
.process-icon:after{position:absolute;content:"";z-index:-1;left:0;top:0;bottom:0;right:0;border-radius:71px;background:var(--qzhw-theme);transform:scale(0);transition:0.5s}
.process-icon i{font-size:80px;line-height:150px;color:var(--success-color)}
.process-number{position:absolute;right:-20px;top:0;transition:0.5s}
.process-number span{font-size:14px;font-weight:600;color:var(--qzhw-white);background:#1e2f58;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}
.process-desc{margin-bottom:0}
.check-arrow i{font-size:20px}
.process-box:hover .process-icon:before{border:var(--qzhw-theme) dashed 2px;opacity:1}
.process-box:hover .process-icon:after{transform:scale(1)}
.process-box:hover .process-icon i{color:var(--qzhw-white)}
.process-box:hover .process-number{right:-8px;top:-45px}
@keyframes rotateme{
	from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
/*=============================
 # 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%}
.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%}
/*政策支持*/
.policy-nav-item{padding:12px 25px;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:center}
.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)}
/*=============================
 # 4.8 Serve-time 服务时间
===============================*/
.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")}
.serve-time{position:relative;padding:50px 60px;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
.serve-time:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-color:var(--qzhw-theme);opacity:0.7}
.serve-time .sec-title{color:var(--qzhw-white);margin-bottom:40px}
.serve-time .info-title{font-size:16px;color:var(--qzhw-white);font-weight:700;line-height:1;margin:0 0 15px 0}
.serve-time .info-text{color:#e4e1e1;line-height:28px;margin:0}
.serve-time .info-item{margin:0 0 30px 0}
.serve-time .vs-btn{margin:20px 0 0 0}
.form-serve{text-align:center;background-color:var(--qzhw-white);padding:60px 60px;margin:80px 0;opacity:0.9}
.form-serve .sec-title{margin-bottom:31px}
.form-serve textarea,.form-serve input{background-color:#f5e4d9;border:none;margin-bottom:10px;font-weight:500;height:65px;--qzhw-text:#7f7d7d;letter-spacing:0.08em;padding-left:67px;width:100%}
.form-serve textarea ~ i,.form-serve input ~ i{position:absolute;left:30px;right:auto;color:var(--qzhw-theme);top:20px}
.form-serve textarea ~ i:after,.form-serve input ~ i:after{content:"";position:absolute;right:-12px;top:50%;width:2px;height:12px;background-color:#c7c1be;margin:-6px 0 0 0}
.form-serve textarea{padding-left:30px}
.form-serve .zw-btn{width:100%}
 /*=============================
 # 4.9 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}
.cat-tab .tab-nav li button{background:var(--qzhw-white);color:var(--qzhw-text);border-radius:30px;padding:0 40px;height:52px;line-height:52px;margin:0 10px;display:block;border:0;font-size:24px;font-weight:bold;  transition: box-shadow 0.5s;
  overflow: hidden;
  transition: all .3s ease-in-out;}
.cat-tab .tab-nav button.active{background:var(--qzhw-gredient);cursor:default;color:var(--qzhw-white);}
.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:var(--qzhw-gredient);color:var(--qzhw-white);transform: translateY(1.5px);}

.cat-tab .tab-nav li button:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;z-index:-1;transform:scaleX(0);border-radius:200px;transform-origin:right;background-color:rgba(0,0,0,0.2);transition:transform 0.5s linear}
.cat-tab .tab-nav button:hover::before{transform:scaleX(1);transform-origin:left}


.cat-box{overflow:auto;display:block;padding-block:3px;padding-inline:15px;scrollbar-width:none;margin-bottom:20px}
.cat-box .cat-list{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;padding:0;list-style:none}
.cat-box .cat-list li{border-radius:50px;list-style:none}
.cat-box .cat-list li a{white-space:nowrap;padding:10px 21px;border-radius:100px;position:relative;display:block}
.cat-box .cat-list li a:hover{background-color:var(--qzhw-theme);color:var(--qzhw-white)}
@media (max-width:600px){
	.cat-box .cat-list li a{padding:calc(7px + (10 - 7) * ((100vw - 320px) / (600 - 320))) calc(13px + (21 - 13) * ((100vw - 320px) / (600 - 320)));font-size:calc(13px + (14 - 13) * ((100vw - 320px) / (600 - 320)))}
}
 /*=============================
 # 4.10 solution-swiper
===============================*/
.solution-swiper{margin-bottom:20px;width:100%;overflow:hidden;position:relative}
.solution-swiper .swiper-slide{text-align:center;font-size:18px;background:var(--qzhw-white);display:flex;justify-content:center;align-items:center}
.solution-swiper .swiper-slide img{display:block;width:100%;max-height:600px}
 /*=============================
 # 4.11 首页专家
===============================*/
.section-team{background-image:url(../img/team-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1;background-color:#faf7ef;}
.section-team:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#DFE2E7;opacity:0.1;z-index:-1}
.team-swiper{overflow:hidden}
.team-card{position:relative;background-color:#f0f6fd;padding:0 30px}
.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:#537eac;z-index:1}
.team-card-image{position:relative;z-index:2}
.team-card-image img{position:relative;width:100%}
.team-card-content{padding:27px 0 20px;text-align:center}
.team-card-title{text-transform:capitalize}
.team-card-title a{color:inherit;background:linear-gradient(to right,currentColor 0%,currentColor 100%) 0 95% /0 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}
 /*=============================
 # 4.12 首页案例
===============================*/
.case-section{position:relative;background-image:url(../img/builderon-img.png);background-repeat:no-repeat;background-size:cover;background-color:#f0f6fd}
/*mega-hover*/
.mega-hover{position:relative;overflow:hidden}
.mega-hover img{transition:all 2s ease;transform:scale(1)}
.mega-hover:after,.mega-hover:before{content:"";position:absolute;pointer-events:none;opacity:1;z-index:3;transform:rotate(5deg)}
.mega-hover:before{top:-10%;right:51%;bottom:-10%;left:50%;background:rgb(255,255,255,0.3)}
.mega-hover:after{top:50%;right:-10%;bottom:50%;left:-10%;background:rgb(255,255,255,0.6)}
.mega-hover:hover:before{left:0;right:0;opacity:0;transition:all 900ms linear}
.mega-hover:hover:after{top:0;bottom:0;opacity:0;transition:all 900ms linear}
.mega-hover:hover img{transform:scale(1.05)}
/*case-swiper*/
.case-swiper{padding-bottom:40px}
.case-swiper .swiper-pagination{bottom:0}
.case-swiper .swiper-button-next{right:45%}
.case-swiper .swiper-button-prev{left:45%}
.case-swiper .swiper-button-next,.case-swiper .swiper-button-prev{top:92%;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50%;color:var(--qzhw-theme);background-color:rgb(255,102,0,0.1)}
.case-swiper .swiper-button-next::after,.case-swiper .swiper-button-prev::after{font-size:20px}
/*zw-case*/
.zw-case{height:320px;margin-bottom:30px}
.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:hover .zw-case-img img{transform:scale(1.05)}
.zw-case-content{position:absolute;left:10%;right:10%;bottom:0;background-color:rgb(10,16,45,0.80);text-align:center;padding:11px 16px 14px;background-position:center bottom;transition-delay:0.1s;transition-timing-function:ease-in-out;transition-duration:0.5s;transition-property:all;transform-origin:bottom;transform-style:preserve-3d;transform:scaleY(1);z-index:2}
.zw-case-title{line-height:32px;text-transform:uppercase;margin:0 auto}
.zw-case-title a{color:var(--qzhw-white);font-weight:bold}
 /*=============================
 # 4.11 首页专家
===============================*/
/*
 -----------------------------------------------------------------------------
 # 5. Content page 内容样式
 -----------------------------------------------------------------------------
*/
/*=============================
 # 5.1 Single page
===============================*/
 /*=============================
 # 5.2 产品内容
===============================*/
.details .product-rating{display:flex;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--qzhw-border-color)}
.details .product-rating .star-rating{margin-right:8px;font-size:14px;color:#ffdc60}
.details .product-rating .review-link a{font-size:16px;line-height:24px}
.details .product-title{margin-bottom:18px;color:var(--qzhw-black)}
.details .price-amount{font-weight:500;font-size:24px;display:block;margin-bottom:20px}
.details .price-amount.price-offer-amount .old-price{text-decoration:line-through}
.details .price-amount.price-offer-amount .offer-badge{height:48px;line-height:40px;padding:5px 20px;font-size:16px;color:var(--qzhw-white);border-radius:24px}
.details .product-meta{margin:0;padding:0;list-style:none;margin-bottom:20px}
.details .product-meta li{color:var(--qzhw-base);font-weight:500;font-size:16px;line-height:24px;display:inline-flex;align-items:center;margin:0}
.details .product-meta li i{padding-right:15px;font-size:18px}
.details .description{margin-bottom:20px}
.details .variation{margin-bottom:15px;color:var(--qzhw-black)}
.details .product-features{margin-bottom:20px}
.details .product-features tr td{padding:15px 20px}
 /*=============================
 # 5.3 产品图片轮播
===============================*/
.picture-swiper{margin-bottom:10px}
.picture-swiper .swiper-slide{text-align:center;background-color:var(--qzhw-white);padding:10px}
.picture-swiper .swiper-slide img{max-height:400px !important;object-fit:cover;cursor:zoom-in}
.picture-swiper .zw-type{font-size:20px;padding:15px 0 5px;color:var(--qzhw-black2)}
.picture-swiper .zw-type span{font-weight:700;color:var(--qzhw-black)}
.swiper-button-next,.swiper-button-prev{color:var(--qzhw-theme)}
.thumb-swiper{width:100%;height:100%;max-height:468px}
.thumb-swiper .swiper-slide{background-color:var(--qzhw-white);text-align:center;display:flex;justify-content:center;align-items:center}
.thumb-swiper .swiper-slide img{opacity:0.4;display:block;width:100%;height:100%;object-fit:cover;transition:300ms;transform:scale(0.8);border:var(--qzhw-white) solid 1px;cursor:pointer;}
.thumb-swiper .swiper-slide-thumb-active img{border:var(--qzhw-theme) solid 1px;transform:scale(1);opacity:1;}
 /*=============================
 # 5.4 案例&方案图片轮播
===============================*/
.album-swiper{margin-bottom:20px}
.album-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
.album-swiper .swiper-slide img{display:block;width:100%;max-height:500px;object-fit:cover;cursor:zoom-in}
.album-swiper .swiper-slide{width:auto}
 /*=============================
 # 5.5 案例&方案内容页
===============================*/
.details-one{position:relative;padding:53px 0;background-color: var(--qzhw-white);}
.details-one .info{position:relative}
.details-one .number{font-size:14px;line-height:24px;font-weight:400;margin-bottom:0}
.details-one .title{font-size:30px;line-height:36px;margin:0 0 9px}
.details-one .style{display:flex;align-items:center;font-size:20px;line-height:30px;color:var(--qzhw-base)}
.details-one .meta{position:relative;display:flex;align-items:center;justify-content:space-between;border-left:1px solid var(--qzhw-border-color);margin:8px 0 0 20px;padding-left:40px;padding-top:15px;padding-bottom:15px}
.details-one .meta p{margin-bottom:0}
.details-one .meta-item{position:relative;padding:7px 0 0 64px;min-height:53px}
.details-one .meta-item:hover .details-one .meta-icon span{transform:rotateY(180deg)}
.details-one .meta-icon{width:53px;height:53px;background-color:#f0f6fd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--qzhw-base);position:absolute;left:0;top:0}
.details-one .meta-icon span{display:block;transition:all 0.6s ease}
.details-one .meta-number{font-size:15px;line-height:1;margin:0 0 9px}
.details-one .meta-name{margin:0;line-height:1;font-size:15px}
/*location*/
.location{position:relative;background-color:#f0f6fd;border-bottom:1px solid var(--qzhw-border-color)}
.location .wrapper{position:relative;display:flex;align-items:center;justify-content:space-between}
.location .btns{display:flex;align-items:center;position:relative;gap:20px}
.location .btns a{display:inline-block;font-size:14px;color:var(--qzhw-text)}
.location .btns a:hover{color:var(--qzhw-base)}
.location .btns a span{font-size:12px;margin-right:10px}
 /*=============================
 # 5.6 下一篇&上一篇
===============================*/
.post-pagination{margin:30px 0 0px}
.post-pagi-box{display:flex;align-items:center;gap:20px;padding:29px 25px;background-color:var(--qzhw-white);transition:all 0.4s ease;}
.post-pagi-box.next{flex-direction:row-reverse;text-align:right}
.post-pagi-box > a{background-color:#f0f6fd;color:var(--qzhw-black);display:inline-block;height:50px;width:50px;line-height:52px;text-align:center;border-radius:12px}
.post-pagi-box .pagi-title{font-size:18px;font-weight:700;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-theme);}
.post-pagi-box:hover > a{color:var(--qzhw-white);background-color:var(--qzhw-theme)}
.post-pagi-box:hover > a:hover{background-color:var(--qzhw-theme);color:var(--qzhw-white)}
.post-pagi-box:hover .pagi-title a:hover{color:var(--qzhw-bright)}
@media (max-width:1399px){.post-pagination{margin:40px 0}
.post-pagi-box{padding:20px 15px;border-radius:10px}
.post-pagi-box .pagi-title{font-size:16px;line-height:22px}
.post-pagi-box > a{height:40px;width:40px;line-height:42px}
}
 /*=============================
 # 5.7 视频内容
===============================*/
#player-container-id{width:100%;max-width:100%;padding-top:56.25%}
.video-bg{background-color:#212529}
.video-player{display:flex;max-height:480px;background:#1b2128}
.player-wrapper{flex:1;display:flex;flex-direction:column;position:relative}
.player-container{height:100%;width:100%;text-shadow:0 1px 3px rgb(0,0,0,0.25)}
.course-opbar{color:#8797a1;display:flex;align-items:center;height:68px;padding:20px}
.course-opbar .operate-btn{height:28px;color:#8797a1;font-size:13px;margin-left:12px;padding:4px 12px;line-height:14px;border:none;background:#323c46;border-radius:24px;vertical-align:middle}
.course-opbar .operate-btn:first-child{margin-left:0}
.course-opbar .operate-btn .btn-icon,.course-opbar .operate-btn .icon-fav{font-size:16px;color:#8797a1;display:inline-block}
.course-opbar .operate-btn .consult-btn-text{color:#8797a1;height:unset;font-size:13px;line-height:1}
.course-opbar-slash{border:#323c46 solid 1px;height:12px;width:0;margin:0 24px}
.player-aside{width:360px;height:480px;position:relative}
.player-aside .aside-title{height:52px;line-height:52px;color:#8797a1;padding:0 10px}
.player-aside .aside-panel{position:relative;color:#a1a9b2;height:calc(100% - 52px);border-top:1px solid #14171a}
.aside-catalogue{height:100%;overflow-x:hidden;overflow-y:auto;background:#1b2128;padding-top:12px}
.aside-catalogue:scrollbar{background:rgb(255,255,255,0.05);border-radius:9px}
.aside-catalogue .task-item{height:64px;margin:0 12px;padding:12px;display:flex;cursor:pointer}
.aside-catalogue .task-item .task-type{display:flex;width:14px;height:14px;margin-top:3px;margin-right:14px}
.aside-catalogue .task-item .task-content{width:calc(100% - 28px)}
.aside-catalogue .task-item .task-content .task-name{height:20px;line-height:20px;font-size:14px;color:#a1a9b2;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
.aside-catalogue .task-item .task-content .task-info{height:16px;line-height:16px;font-size:12px;color:#667280;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
.aside-catalogue .task-item.active{background:#0f1419;border-radius:16px;font-weight:400;color:var(--qzhw-bright)}
/*=============================
 # 5.8 专家内容
===============================*/
.team-inner{position:relative;background-color:var(--qzhw-theme);padding:100px 0;background-image:url(../img/builderon-img.png);background-repeat:no-repeat;background-position:left}
.team-inner .profile-img{width:100%;border-radius:20px;overflow:hidden;box-shadow:5px 5px 0 var(--qzhw-light)}
.team-profile{position:relative;background:url(../img/icon/team-bg.svg) repeat-x;background-size:cover;padding:30px;color:var(--qzhw-white);border-radius:20px}
.team-profile .team-name{color:var(--qzhw-white)}
.team-profile .team-name small{color:rgb(255,255,255,0.6);margin-left:10px;font-size:0.775em}
.team-profile .team-post{color:rgb(255,255,255,0.4)}
.team-profile .team-info b{color:rgb(255,255,255,0.6);font-size:1.2em}
.team-profile .team-skills{padding:0;margin:0;list-style:none}
.team-profile .team-skills li{display:inline-block;margin:0 2px 5px;line-height:25px;padding:0 14px;border-radius:30px;font-size:12px;font-weight:500;color:rgb(0,0,0,0.55)}
.team-profile .team-skills li.more{background:#d2f34c;color:#000}

/*=============================
 # 5.9 在线留言
===============================*/
.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::placeholder,.widget-form textarea::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}
/*=============================
 # 5.10 联系方式
===============================*/
.zw-contact .slogan{margin-bottom:54px;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:0;transform:rotate(21deg);position:absolute;margin-left:29px}
.zw-contact .box-info .cont h5{margin-bottom:3px}
.contact-map{width:100%;height:600px}
.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 rgb(114,124,245,0.5);background-color:var(--qzhw-white);width:auto;padding:0.75rem 1.25rem;border-radius:0.25rem;margin:0;top:0;right:0;min-width:0}
 /*
 -----------------------------------------------------------------------------
 # 6. List page 列表样式
 -----------------------------------------------------------------------------
 */
 /*=============================
 # 6.1 产品列表
===============================*/
.product-list{background-color:var(--qzhw-white);position:relative;box-shadow:0 4px 26px 0 rgb(66,71,76,0.0784313725);padding:17px 17px 16px 17px;border-radius:16px;margin-bottom:30px}
.product-list .image-group{position:relative;margin-bottom:16px}
.product-list .swiper-slide{overflow:hidden}
.product-list .swiper-slide img{transition:all 0.3s ease}
.product-list .img-plus{position:absolute;top:45%;transform:translate(-50%,-50%);left:50%;opacity:0;transition:all 0.3s ease}
.product-list .img-plus img{top:40%;position:relative}
.multi-swiper{border-radius:10px;background-color:#f8efea}
.multi-swiper:before{content:"";top:0;right:0;left:0;bottom:0;position:absolute;width:100%;height:100%;transition:all 0.5s ease;z-index:99;opacity:0;border-radius:10px}
.multi-badge{line-height:normal;position:absolute;top:15px;left:-6px;padding:3px 3px 4px 8px;text-transform:capitalize;color:var(--qzhw-white);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:100%;background:#ffa920;clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);z-index:-1}
.multi-swiper .swiper-button-next2{right:37.5%;left:auto}
.multi-swiper .swiper-button-prev2{right:auto;left:37.5%}
.multi-swiper .swiper-button-next2,.multi-swiper .swiper-button-prev2{width:0;height:0;bottom:20px;position:absolute;z-index:99;opacity:1;transition:all 0.3s ease;color:var(--qzhw-white);display:flex;align-items:center;justify-content:center;opacity:0}
.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:0}
.multi-swiper .swiper-pagination-bullet{background:#fff;width:6px;height:6px;margin:0 4px !important;opacity:1;transition:all 0.3s ease}
.multi-swiper .swiper-pagination-bullet-active{background:transparent;border:#fff solid 2px}
.product-list:hover .multi-swiper:before,.product-list:hover .swiper-pagination,.product-list:hover .swiper-button-next2,.product-list:hover .swiper-button-prev2{opacity:1}
.product-list:hover .swiper-button-next2{right:34.5%}
.product-list:hover .swiper-button-prev2{left:34.5%}
.product-list:hover .swiper-slide img{transform:scale(1.05)}
.product-list:hover .img-plus{opacity:1;z-index:99;transition-delay:0.3s;top:50%;width:100%;height:100%;text-align:center}
.product-list h5{display:flex;height:51px;margin:30px 0 14px;align-items:center;flex-flow:row wrap;align-content:center;text-align:center}
.product-list h5 a{color:var(--qzhw-black);text-align:center}
.product-list h5 a:hover{color:var(--qzhw-theme)}
 /*=============================
 # 6.2 方案列表
===============================*/
.solution-list{position:relative;background-color:var(--qzhw-white)}
.solution-image{position:relative;overflow:hidden}
.solution-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s}
.solution-image-link{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;justify-content:center;align-items:center;opacity:0;transform:translateY(-20%);transition:opacity 500ms ease,transform 500ms ease}
.solution-image-link::before,.solution-image-link::after{content:"";width:32px;height:2px;background-color:var(--qzhw-white);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.solution-image-link::after{transform:translate(-50%,-50%) rotate(90deg)}
.solution-list:hover .solution-image > a{opacity:1;transform:translateY(0)}
.solution-list:hover .solution-image img{transform:scale(1.2)}
.solution-badge{width:50px;background-color:var(--qzhw-white);border:var(--qzhw-white) solid 3px;display:flex;justify-content:center;text-align:center;align-items:center;font-size:12px;color:var(--qzhw-text);padding:0 0;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{background-color:var(--qzhw-white);padding:40px;position:relative;margin-left:-70px;z-index:10;transition:all 500ms ease;box-shadow:0 10px 60px 0 rgb(0,0,0,0.07)}
.solution-list:hover .solution-content{box-shadow:0 10px 60px 0 rgb(0,0,0,0.1)}
.solution-title{margin:0;color:var(--qzhw-black);font-size:20px;line-height:1.2em}
.solution-title a{color:inherit;background:linear-gradient(to right,currentColor 0%,currentColor 100%) 0 95% /0 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:#f0f6fd;padding:15px 30px;margin-top:20px}
.solution-link:hover{color:var(--qzhw-white);background-color:#1e2f58}
.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)}
 /*=============================
 # 6.3 案例列表
===============================*/
.case-list{position:relative;margin-bottom:30px}
.case-list .case-img{overflow:hidden;height:236px}
.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 0.4s ease}
.case-list .case-title{text-align:center;margin-bottom:0}
.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)}
 /*=============================
 # 6.4 专家列表
===============================*/
.team-item{position:relative;margin-bottom:25px;transition:all 0.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:rgb(255,255,255,0.3);transition:all 0.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:12px 25px;margin-right:20px;margin-left:20px;margin-top:-45px;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);border-radius:0;opacity:0.95}
.team-bio h5{margin-top:5px;margin-bottom:5px;text-transform:capitalize}
.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)}
 /*=============================
 # 6.5 图文列表
===============================*/
.list-news{padding:26px;align-items:center;justify-content:center;margin-bottom:30px;transition:all 0.5s}
.list-news .time{margin-right:-20px;padding:15px 20px 10px;border-right:1px solid #eee}
.list-news .time .text-large{font-size:52px;line-height:54px;margin-bottom:0}
.list-news .news{margin-left:50px;margin-right:30px}
.list-news .media-img{width:180px;height:160px;position:relative;overflow:hidden}
.list-news .media-img img{width:100%;height:100%;object-fit:cover}
.list-news .news h3 a{display:block;font-size:24px;color:var(--qzhw-black);margin-bottom:20px}
.list-news .button{width:70px;line-height:56px;font-size:24px;border:#ebebeb solid 1px;padding:8px 20px;display:inline-block;transition:all 1s 0s cubic-bezier(0.175,0.885,0.32,1)}
.list-news .button i{font-size:22px}
.list-news:hover .button{background:var(--qzhw-theme);color:var(--qzhw-white);border:var(--qzhw-theme) solid 1px}
.list-news:hover h3 a{color:var(--qzhw-theme)}
 /*=============================
 # 6.6 纯文列表
===============================*/
.normal-list{list-style:none;padding:0;margin:0}
.normal-list li{position:relative;display:block;background:var(--qzhw-white);margin-bottom:20px;transition:0.3s}
.normal-list li a{display:block;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:0.3s}
.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}
.normal-list li:hover{background:var(--qzhw-theme);color:var(--qzhw-white);transition:0.3s}
.normal-list li:hover a,.normal-list li:hover 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%}
 /*
 -----------------------------------------------------------------------------
 # 7. Footer page 底部样式
 -----------------------------------------------------------------------------
 */
 /*=============================
 # 7.1 footer
===============================*/
footer{background:#343a40;color:rgba(255,255,255,0.5);position:relative;}
footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gredient-color)}
.footer-column h5{position:relative;padding-bottom:15px;margin-bottom:20px}
.footer-column h5::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--gredient-color)}
footer a{color:rgba(255,255,255,0.5);text-decoration:none}
footer a:hover{color:var(--qzhw-white)}
footer .qrcode{max-height:100px;}
 .copyright{text-align:center;padding-top:30px;margin-top:40px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;color:rgba(255,255,255,0.5)}
 /*=============================
 # 7.2 back-top
===============================*/
.back-top{position:fixed;right:20px;bottom:185px;height:56px;width:56px;cursor:pointer;display:block;border-radius:50px;z-index:99;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 200ms linear}
.back-top.active-progress{opacity:1;visibility:visible;transform:translateY(0);background-color:var(--qzhw-white)}
.back-top::after{position:absolute;content:"\e67c";font-family:"iconfont" !important;text-align:center;line-height:56px;font-size:24px;color:var(--qzhw-theme);left:0;top:0;height:56px;width:56px;cursor:pointer;display:block;z-index:1;transition:all 200ms linear}
.back-top svg path{fill:none}
.back-top svg.progress-circle path{stroke:var(--qzhw-bright);stroke-width:4;box-sizing:border-box;transition:all 200ms linear}
 /*=============================
 # 7.3
===============================*/
.side-toolbar {position: fixed;bottom:256px;right:20px;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;}

.product-card{border:1px solid #ececec;padding:15px;transition:.5s;background-color: var(--qzhw-white);}
.product-card .product-card-img{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color: var(--qzhw-light);}
.product-card .product-card-content{padding-top:25px;padding-bottom:10px;text-align:center}
.product-card .product-card-content h5{margin-bottom:0px;height:54px;}
.product-card .product-card-content h5 a{letter-spacing:.4px;text-transform:capitalize;margin-bottom:0px;line-height:1}

.search-form input{border-radius:0;border-right:none;background-color:var(--qzhw-white);border:none;box-shadow:0 0 3.72px 0.28px rgb(141,141,142,0.14);height:55px;padding:0 20px}
.search-form button{width:65px;height:55px;line-height:1;border:none;background-color:var(--qzhw-theme);color:var(--qzhw-white)}
.search-form button i{font-size:30px}
.filter-box .padding-big{padding:15px 25px}
.filter-box dl{margin:15px 0;display:flex;padding:0;list-style:none}
.filter-box dl dt{width:8%;display:block;flex:none;line-height:24px;font-weight:normal}
.filter-box dl dd{margin:0;padding:0;list-style:none;display:block;float:left;position:relative}
.filter-nav ul{margin:0;padding:0;list-style:none}
.filter-nav ul li{margin:0;padding:0;list-style:none;display:block;float:left;width:auto;line-height:24px}
.filter-nav ul li a{margin:0 10px 0 0;padding:2px 10px;cursor:pointer;display:block;color:#6E6E6E;transition:0.3s}
.filter-nav ul li a:hover{color:var(--qzhw-theme)}
.filter-nav ul li a.active{color:var(--qzhw-white);background:var(--qzhw-theme)}
.filter-nav ul li b{font-weight:normal}

.nav-x{background:var(--qzhw-white);width:100%;position:relative}
.nav-x .menu-toggle h3{display:none}
.nav-x ul{font-size:0;text-align:center}
.nav-x li{display:inline-block}
.nav-x li i{margin:0 auto 5px auto;font-size:24px;display:block}
.nav-x li a{font-size:16px;padding:0;height:70px;line-height:70px;color:#6e6e6e;text-align:center;display:block}
.nav-x li a:hover{color:var(--qzhw-theme)}
.nav-x li a.active{background:linear-gradient(-45deg,var(--qzhw-light),var(--qzhw-theme));color:var(--qzhw-white)}
.layout-top{margin:49px 0 30px 0;border-bottom:1px solid var(--qzhw-border-color);padding-bottom:20px;position:relative}
.layout-top:before{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;border-bottom:initial}

.gallery-style3{position:relative;border-bottom:4px solid var(--qzhw-theme)}
.gallery-style3 .gallery-img img{width:100%}
.gallery-style3:before,.gallery-style3:after{content:"";position:absolute;left:0;top:0;opacity:0;width:0;height:0;z-index:1;transition:all 0.3s linear;background-color:var(--qzhw-theme)}
.gallery-style3:after{left:auto;right:0;top:auto;bottom:0}
.gallery-style3:hover:before,.gallery-style3:hover:after{width:100%;height:100%;opacity:0.1}
.gallery-style3:hover .icon-btn{opacity:1;visibility:visible}
.gallery-style3 .icon-btn{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);opacity:0;visibility:hidden;--icon-size:50px;--qzhw-icon-font-size:18px;border-radius:50%}
.list-post-text li{padding:5px 0}
.list-post-text li a{display:block}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-post-text li.dot:hover a:before{background:var(--qzhw-theme)}
.list-post-text li.dot a:before{content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
.work-item{display:flex;align-items:center;margin-bottom:30px}
.work-thumb{width:94px;flex:0 0 94px;position:relative;margin-right:25px}
.work-thumb .number{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:16px;color:var(--qzhw-white);right:20px;top:0;z-index:1;margin-bottom:0}
.work-thumb .number::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--qzhw-theme);border-radius:50%;z-index:-1}
.work-content .title{font-weight:600;font-size:20px;margin-bottom:18px}
.work-content p{margin-bottom:0}