* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
:root {
 --primary-blue: rgba(1, 92, 165, 1);
 --dark-bg: #2c2c2c;
 --light-gray: #f4f4f4;
 --border-color: #e0e0e0;
}
body {
	background-color: #fff;
	color: #000;
	line-height: 1.6;
	font-size: 16px;
}
a {
	text-decoration: none;
	color: inherit;
}
input:focus {
	outline: none;
}
ul {
	list-style: none;
}
.container {
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
}
.top-bar {
	background-color:var(--primary-blue);
	color: #fff;
	font-size: 12px;
	width: 100%;
	line-height:40px;
	height:40px;
}
.top-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}
.navbar {
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.navbar .container {
	display: flex;
	justify-content:space-between;
	align-items: center;
	height:120px;
	position: relative;
}
.logo img {
	margin-top:24px;
	margin-bottom:24px;
	height: 72px;
	display: block;
}
.nav-menu {
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}
.nav-links {
	display: flex;
	gap: 50px;
	align-items: center;
	margin: 0;
	padding: 0;
}
.nav-item {
	line-height:120px;
	position: relative;
	color:rgba(51, 51, 51, 1);
	cursor: pointer;
	font-size:18px;
}
.nav-item > a {
	display: inline-block;
	position:relative;
}
.nav-item:hover {
	color:var(--primary-blue);
}
.nav-item:hover > a:after, .nav-item.active > a:after {
	content:" ";
	width:100%;
	left:0;
	position:absolute;
	bottom:40px;
	height:2px;
	background:var(--primary-blue);
}
.nav-item > a i {
	display:none
}
.dropdown-menu {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	min-width: 360px;
	padding: 10px 18px;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	z-index: 1002;
}
.nav-item:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.dropdown-item {
	line-height:24px;
	color: #000;
	font-size:16px;
	padding:6px 0;
	font-weight: normal;
	position: relative;
}
.dropdown-item:hover {
	color:var(--primary-blue);
}

.dropdown-item > a i {
	display: none;
}

.third-menu {
    position: absolute;
    left: calc(100% + 16px);
    top:-10px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    min-width: 240px;
    padding: 10px 18px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    list-style: none;
    margin: 0;
}

.third-menu li{ line-height:32px;}
.third-menu li a{ color:#000;}

.dropdown-item:hover .third-menu {
    opacity: 1;
    visibility: visible;
}

.third-menu li:hover a{
    color: var(--primary-blue);
}

/* 给有三级菜单的项添加右箭头提示 */
.has-third > a:after,
.dropdown-item.has-third {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
}













.right-actions {
	display: flex;
	align-items: center;
	gap: 25px;
}
.search-box {
	display: flex;
	align-items: center;
	border: 1px solid rgba(102, 102, 102, 1);
	;
	border-radius: 30px;
	overflow: hidden;
	background-color: #fff;
}
.search-box input {
	border: none;
	padding: 6px 12px;
	font-size: 14px;
	outline: none;
	color:rgba(102, 102, 102, 1);
	width: 110px;
	transition: width 0.2s;
}
.search-box input:focus {
}
.search-box button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 6px 0 6px 12px;
	color: #555;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 4px;
}
.search-box button:hover {
	color: var(--primary-blue);
}
.lang-select {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	height:120px;
	font-size: 14px;
	color:rgba(102, 102, 102, 1);
	gap: 6px;
	padding: 5px 0;
}
.lang-select .lang-dropdown {
	position: absolute;
	top:80%;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	min-width: 100px;
	padding: 0px 0;
	display: none;
	z-index: 1100;
}
.lang-select:hover .lang-dropdown {
	display: block;
}
.lang-dropdown a{
	padding: 6px 16px;
	font-size: 13px;
	display:block;
	width:100%;
	color: #333;
}
.lang-dropdown a:hover {
	background-color: #f0f0f0;
	color: var(--primary-blue);
}
.btn-contact-nav {
	background: var(--primary-blue);
	color: #fff;
	padding:1px 20px 3px 20px;
	border-radius: 20px;
	font-weight: 600;
	transition: background 0.2s;
	white-space: nowrap;
}
.btn-contact-nav:hover {
	background-color: #003f80;
}
.mobile-controls {
	display: none;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}
.mobile-action-btn {
	background: none;
	border: none;
	font-size: 22px;
	color: var(--primary-blue);
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}
.mobile-action-btn img {
	width:24px;
	height:24px;
}
.mobile-search-panel, .mobile-lang-panel {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	padding: 16px 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 1001;
	border-top: 1px solid #eee;
}
.mobile-search-panel.active, .mobile-lang-panel.active {
	display: block;
}
.mobile-search-form {
	display: flex;
	gap: 10px;
	border-radius: 40px;
	border:1px solid #ccc;
}
.mobile-search-form input {
	flex: 1;
	padding:8px 0;
	border:0;
	margin-left:20px;
	font-size: 14px;
	outline: none;
}
.mobile-search-form button {
	background-color: var(--primary-blue);
	color: #fff;
	border: none;
	border-radius:0 40px 40px 0px;
	padding: 0 20px;
	font-weight: 600;
	cursor: pointer;
}
.mobile-lang-panel {
	padding: 8px 0;
	width: auto;
	min-width: 100px;
	right: 20px;
	left: auto;
	border-radius: 8px;
}
.mobile-lang-panel div {
	padding: 6px 20px;
	cursor: pointer;
	font-size: 14px;
}
.mobile-lang-panel div:hover {
	background-color: #f5f5f5;
}
.banner {
	position: relative;
	height: 580px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.banner-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover  !important;
	background-position: center  !important;
	z-index: 1;
}
.banner-content {
	position: relative;
	z-index: 3;
	width: 50%;
}
.banner-title {
	background-color: var(--primary-blue);
	color: #fff;
	display: inline-block;
	padding: 5px 16px 10px 16px;
	font-size: 48px;
	font-weight: 800;
	line-height:1;
	margin-bottom: 18px;
	border-radius: 6px;
}
.banner-text {
	margin-bottom: 30px;
	max-width: 500px;
}
.btn-primary {
	background-color: var(--primary-blue);
	color: #fff;
	padding: 8px 25px;
	border-radius: 25px;
	font-weight: 600;
	display: inline-block;
	transition: background 0.3s;
}
.btn-primary:hover {
	background-color: #004494;
}


.indexSwiper .swiper-button-prev,.indexSwiper .swiper-button-next {
           
            transition: all 0.25s ease-in-out;
            opacity: 0; 
            visibility: hidden; 
           
        }

      
.indexSwiper:hover .swiper-button-prev,
.indexSwiper:hover .swiper-button-next {
            opacity: 1;
            visibility: visible;
        }



.about-section {
	flex: 1;
}
.section-title {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 25px;
	color: rgba(51, 51, 51, 1);
}
.about-text h4 {
	font-weight: 700;
	margin-bottom: 15px;
}
.about-text p {
	margin-bottom: 20px;
	text-align: justify;
}
.gm-profile {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.gm-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 20px;
	border: 1px solid var(--primary-blue);
}
.gm-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gm-info h5 {
	font-weight: 700;
}
.gm-info span {
	font-size: 12px;
	color: rgba(1, 92, 165, 1);
}
.gm-profile .btn {
	background-color: var(--primary-blue);
	color: #fff;
	margin-left:auto;
	padding: 4px 20px 6px 20px;
	border-radius: 25px;
	font-weight: 700;
	display: inline-block;
	transition: background 0.3s;
}
.gm-profile .btn:hover {
	background-color: #004494;
}
.hero {
	width: 100%;
	height: 460px;
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.hero h1 {
	font-size: 36px;
	font-weight: 600;
}
.hero img {
	position:absolute;
	width:100%;
	z-index:-1;
	height:100%;
	object-fit: cover;
}
.main-container {
	padding:122px 0;
	background: #fff;
}
.prolist .main-container {
	padding:84px 0;
}
.flex-layout {
	display: flex;
	gap: 198px;
	align-items: flex-start;
}
.content-left {
	flex: 1;
}
.content-left h2 {
	font-size: 26px;
	margin-bottom:10px;
	font-weight: 700;
	padding-left:12px;
	position:relative;
}

.content-left h2:before{ content: '';
 position: absolute;
 left: 0;
top: 9px;
 width: 3px;
 height: 26px;
 background:rgba(1, 92, 165, 1);}


.section-block {
	margin-top: 35px;
}
.section-block h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom:10px;
	display:inline-block;
	position: relative;
	padding-bottom: 8px;
}
 .section-block:hover h3::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 3px;
 background:rgba(1, 92, 165, 1);
}
.section-block p {
	text-align: justify;
}
.content-right {
	flex: 0 0 562px;
}
.contact-form-wrapper {
	background:url(../images/cbg.png) left top no-repeat;
	background-size:cover;
	padding:50px 66px 35px 66px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.contact-form-wrapper:after{ content:" "; width:100%; height:100%; position:absolute; background: rgba(1, 76, 130, 0.84); top:0; left:0}



.contact-form-wrapper h2 {
	font-size: 28px;
	margin-bottom: 30px;
	padding-left: 20px;
	position: relative;
	z-index: 1;
}
.contact-form-wrapper h2:before {
	content:" ";
	width:5px;
	height:38px;
	position:absolute;
	background:#fff;
	left:0;
	top:5px
}
#contactForm{ position:relative; z-index:1;}
.form-group {
	margin-bottom: 25px;
}
.form-group input {
	width: 100%;
	padding: 10px 19px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	border-radius: 3px;
}
 .form-group input::placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.privacy-check {
	font-size: 12px;
	margin: 10px 0 24px;
	display: flex;
	color:rgba(238, 238, 238, 1);
	align-items: center;
	gap: 6px;
}
.privacy-check input {
	background:none;
}
.privacy-check a {
	font-weight:bold;
	text-decoration: none;
}
.submit-btn {
	background: #fff;
	color: rgba(51, 51, 51, 1);
	border: none;
	padding: 16px 86px;
	border-radius: 30px;
	font-weight: 700;
	font-size:20px;
	cursor: pointer;
	margin: 0px auto;
	display: block;
}
.submit-btn:hover {
	color: var(--primary-blue);
}
.footer {
	background-color: #333;
	color: #fff;
	width: 100%;
	padding: 110px 20px;
}
.footer .footer-top {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	align-items: center;
}
.footer-col {
	flex: 1;
	min-width: 200px;
}

.footer-col.fl1{
	flex: 2;
}
.footer-col.fl2,.footer-col.fl3{
	flex: 1;
}

.footer-col .flogo {
	margin-bottom:32px;
}
.footer-col .flogo img {
	height:89px;
}
.footer-col h4 {
	color: #fff;
	margin-bottom: 24px;
	font-size: 24px;
}
.footer-col p {
	max-width: 425px;
	margin-bottom: 20px;
	line-height: 1.8;
}
.footer-links li {
	line-height:1.8
}
.footer-links li a {
	font-size:18px;
}

.footer-links li a:hover{ color:var(--primary-blue);}

.social-icons {
	display:flex;
	align-items: center;
}
.social-icons a {
	display:flex;
	align-items: center;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 35px;
	margin-right: 10px;
	transition: all 0.3s ease;
}


.social-icons a:hover {
            transform: translateY(-3px);
          
        }


.social-icons a img {
	width:30px;
}
.newsletter-form {
	display: flex;
	height:65px;
	padding:10px;
	background:#fff;
	margin-top:35px;
}
.newsletter-form input {
	padding: 10px;
	border: 0px;
	flex: 1;
}
.newsletter-form input:onfocus {
border:0;
}
.newsletter-form button {
	padding: 8px 20px;
	background: var(--primary-blue);
	color: #fff;
	border: none;
	font-weight: bold;
	cursor: pointer;
	border-radius: 6px;
}
.footer-bottom {
	color:rgba(102, 102, 102, 1);
	padding:13px 0;
}
.footer-bottom .container {
	display: flex;
	justify-content: space-between;
}
.main-container .pro {
	display: flex;
	gap: 135px;
}
.sidebar {
	width: 400px;
}
.position-text {
	color: rgba(153, 153, 153, 1);
}
.position-text a {
	color: rgba(153, 153, 153, 1);
}
.position-text span {
	font-weight:bold;
}
.accordion-item {
}

.accordion-header {
	padding: 12px 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	color: #333;
	position:relative;
	user-select: none;
}
.accordion-item .accordion-header i{ width:15px; height:15px; float:right; position:relative;}
.accordion-header i:after {
	content:" ";
	position:absolute;
	right:0;
	top:0;
	width:15px;
	height:15px;
	background:url(../images/jia.svg) no-repeat center center;
	background-size:100%
}
.accordion-item.active .accordion-header i:after {
	top:8px;
	background:url(../images/jian.svg) no-repeat;
}
.accordion-item.active .accordion-header {
	color: var(--primary-blue);
	font-weight: 600;
}




@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.accordion-content {
	overflow: hidden;
	display:none;
	animation: fadeIn 0.3s ease;
}


.accordion-item.active .accordion-content { display:block;}

.accordion-content ul li {
	padding: 7px 0;
	color: rgba(51, 51, 51, 1);
	position:relative;
	padding-left: 15px;
	cursor: pointer;
}


.accordion-content ul li i{ width:21px; height:21px; float:right; position:relative;}


.accordion-content ul li:hover >a{
	color:rgba(51, 51, 51, 1);
}

.accordion-content ul li.active >a{
	color:rgba(51, 51, 51, 1);
	font-weight: 700;
}


.accordion-content ul li:hover:before, .accordion-content ul li.active:before {
	content:" ";
	width:2px;
	height:19px;
	position:absolute;
	left:0;
	top:12px;
	background: var(--primary-blue);
}

.accordion-content ul li ul{ display:none;animation: fadeIn 0.3s ease;}
.accordion-content ul li.sub-active ul{ display:block; max-height:auto !important;}
.accordion-content ul li.active ul{ display:block; max-height:auto !important;}



.accordion-content ul li.hassub > i::after {
	content: " ";
	position: absolute;
	right: 5px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: url(../images/jia.svg) no-repeat center center;
	background-size: 100%;
}
.accordion-content ul li.hassub.sub-active > i::after {
	top: 5px;
	background: url(../images/jian.svg) no-repeat center center;
	right: 5px;
}



.product-grid {
	flex: 3;
}
.grid-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.grid-search {
	border: 1px solid rgba(153, 153, 153, 1);
	width: 272px;
	height: 40px;
	color:rgba(153, 153, 153, 1);
	border-radius: 4px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.grid-search input {
	border:0;
	height:30px;
	width: 208px;
	padding-left:20px;
	color:rgba(153, 153, 153, 1);
}
.grid-search button {
	width: 42px;
	height:38px;
	background: rgba(1, 92, 165, 1);
	border:0;
	color: #fff;
	cursor: pointer;
	background:url(../images/so.svg) no-repeat center center var(--primary-blue);
}
.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:20px 36px;
}
.product-card {
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.product-img-box {
	width: 100%;
	height: 280px;
	display: flex;
	border: 1px solid rgba(204, 204, 204, 1);
	transition: all 0.3s ease;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-bottom: 15px;
}
.product-card:hover .product-img-box {
	border-bottom: 3px solid rgba(1, 92, 165, 1);
}
.product-img-box img {
	max-width: 100%;
	max-height: 100%;
	transition: transform 0.5s ease;
}
.product-card:hover .product-img-box img {
	transform: scale(1.1);
}
.product-name {
	color: #000;
	font-weight: 500;
}
.content {
}
.content >h1 {
	font-size:26px;
	text-align:center;
}
.mySwiper {
	width:800px;
	margin:40px auto;
}
.mySwiper .swiper-slide {
	text-align: center;
}
.mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content .txt {
	line-height:1.6;
}
.pagination {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	gap: 5px;
}
.pagination a, .pagination span {
	padding: 5px 10px;
	border: 1px solid #eee;
	font-size: 12px;
	border-radius: 2px;
	color:rgba(110, 110, 110, 1);
	cursor: pointer;
}

.pagination .page-num-current,.pagination a:hover {
	background-color: var(--primary-blue);
	color: #fff;
	border-color: var(--primary-blue);
}
 @media (min-width: 901px) {
 .nav-menu {
 display: flex !important;
}
 .mobile-menu-header {
 display: none;
}
 .close-menu-btn {
 display: none;
}
}
 @media (min-width: 1600px) {
 .container {
max-width: 1520px;
}
}
 @media (max-width: 1599px) and (min-width: 1367px) {
 body {
font-size:15px;
}
 .container {
max-width: 1280px;
}
 .banner {
 height: 500px;
}
 .flex-layout {
 gap: 138px;
}
 .main-container .pro {
 gap: 80px;
}
 .footer {
 padding: 80px 20px;
}
 .newsletter-form {
 padding:5px 10px;
 height:45px;
}
}
 @media (max-width: 1366px) and (min-width: 901px) {
 body {
font-size:14px;
}


 .container {
max-width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.flex-layout {
 gap: 68px;
}
 .top-bar {
 line-height: 30px;
 height: 30px;
}

.dropdown-menu {
	min-width: 290px;

}


.nav-item {
 line-height:80px;
 font-size:16px;
}
.nav-links {
 gap: 30px;
}
 .nav-item:hover > a::after, .nav-item.active > a::after {
 bottom: 20px;
}
 .dropdown-item {
 line-height: 32px;
 font-size: 14px;
}
.navbar .container {
 height: 80px;
}
.logo img {
 margin-top: 15px;
 margin-bottom: 15px;
 height: 50px;
}
.banner {
 height: 380px;
}
 .hero {
 height: 380px;
}
 .banner-title {
 font-size: 36px;
}
.gm-img {
 width: 80px;
 height: 80px;
}
 .submit-btn {
 padding: 12px 80px;
}
 .footer {
 padding: 60px 20px;
}
 .newsletter-form {
 padding:5px 10px;
 height:45px;
}
 .accordion-header {
 padding: 8px 0;
 font-size: 16px;
}
.accordion-header::after {
 top: 14px;
}
 .content-right {
 flex: 0 0 462px;
}
 .sidebar {
 width: 320px;
}
.main-container .pro {
 gap: 60px;
}
.prolist .main-container {
 padding: 44px 0;
}
 .product-img-box {
 height: 240px;
}
.grid-header {
 margin-bottom: 40px;
}
}
 @media (max-width: 900px) {
 body {
font-size:14px;
padding-top:90px;
}
 .main-container {
 padding: 42px 0;
}
 .section-title {
 font-size: 32px;
 margin-bottom: 5px;
}


 .top-bar {
 line-height: 30px;
 height: 30px;
 position:fixed;
 top:0;
 z-index:100;
}

.navbar {
	position: fixed;
	 top:30px;
 z-index:100;
}

 .slogan {
display:none
}
 .contact-section {
width: 100%;
}
 .banner {
height: 300px;
}
 .hero {
 height: 300px;
}
 .banner-title {
 font-size: 24px;
 font-weight: 700;
}
 .banner-text {
 font-size: 12px;
}
 .btn-primary {
 font-size: 14px;
}
 .navbar .container {
 height: 60px;
}
 .logo img {
 height: 42px;
}
 .right-actions {
 display: none;
}
 .mobile-controls {
 display: flex;
}
 .nav-menu {
 position: fixed;
 top: 90px;
 left: -100%;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: 2000;
 box-shadow: 2px 0 20px rgba(0, 0, 0, 0.2);
 transition: left 0.3s ease;
 overflow-y: auto;
 display: block;
 padding: 0;
}
 .nav-item:hover > a::after, .nav-item.active > a::after {
 display:none;
}
 .nav-menu.active {
 left: 0;
}
.nav-links {
 flex-direction: column;
 align-items: stretch;
 gap: 0;
 width: 100%;
 padding: 20px 0;
}
 .nav-item {
 border-bottom: 1px solid #eee;
 width: 100%;
 line-height:40px;
}
 .nav-item > a {
 display: block;
 padding: 15px 20px;
}
 .nav-item.active >a {
color: var(--primary-blue);
}
 .nav-item > a i {
 display: block;
}
 .dropdown-menu {
 position: static;
 opacity: 1;
 visibility: visible;
 transform: none;
 box-shadow: none;
 border: none;
 background-color: #f9f9f9;
 padding-left: 20px;
 display: none;
 margin: 0;
 width: 100%;
}
 .dropdown-menu.active {
 display: block;
}
.dropdown-item {
 padding: 6px 0px;
 border-bottom: 1px solid #eee;
}
.dropdown-item:last-child {
 border-bottom: 0;
}
 .nav-item:hover .dropdown-menu {
 opacity: 1;
 visibility: visible;
 transform: none;
}
 .nav-item.has-dropdown > a {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
 .dropdown-arrow {
 font-size: 12px;
 transition: transform 0.2s;
}

 .third-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding-left: 10px;
        display: none;
        min-width: auto;
        background: transparent;
    }
    
    .third-menu.active {
        display: block;
    }
	
	
	
.dropdown-item > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	
	
.dropdown-item > a i {
	display: block;
	font-size: 12px;
	color:#999;
	transition: transform 0.2s;	
}
	
	
	.has-third {
        cursor: pointer;
    }

.has-third > a::after, .dropdown-item.has-third {
	background-image:none;
}


 .container {
 padding-left: 20px;
 padding-right: 20px;
}
 .hero h1 {
 font-size: 24px;
}
 .flex-layout {
 flex-direction: column;
}
 .content-right {
 flex: auto;
 width: 100%;
}
 .footer-top {
 flex-direction: column;
}
.mobile-menu-header {
 display: flex;
 justify-content: flex-end;
 padding: 15px 20px;
 border-bottom: 1px solid #eee;
 background: #fff;
 position: sticky;
 top: 0;
 z-index: 10;
}
 .close-menu-btn {
 background: none;
 border: none;
 font-size: 24px;
 cursor: pointer;
 color: #555;
}
 .gm-img {
 width: 60px;
 height: 60px;
}
 .flex-layout {
 gap: 38px;
}
 .contact-form-wrapper h2 {
 font-size: 22px;
}
.contact-form-wrapper h2::before {
 width: 3px;
 height: 29px;
}
.form-group {
 margin-bottom: 15px;
}
.submit-btn {
 padding: 10px 56px;
 font-size: 18px;
}
 .footer {
 padding: 30px 10px;
}
 .footer-col .flogo {
 margin-bottom: 12px;
}
.footer-col .flogo img {
 height: 50px;
}
.footer-col p {
 line-height: 1.6;
}
 .fl2 {
display:none
}
.newsletter-form {
 height: 45px;
 padding:5px;
 margin-top: 15px;
}
.none {
display:none
}
.footer-bottom .container {
 justify-content: center;
}
.social-icons a {
 width: 20px;
 height: 20px;
 line-height: 20px;
}
.social-icons a img {
 width: 20px;
}
.grid-header {
display:none
}
.prolist .main-container {
 padding: 40px 0;
}
 .main-container .pro {
 gap: 35px;
 flex-direction: column;
}
 .products {
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
}
.product-img-box {
 height: 160px;
 margin-bottom: 5px;
}
.sidebar {
 width: 100%;
}
.accordion-header {
 padding: 10px 0;
 font-size: 16px;
}
.accordion-header::after {
 top: 16px;
}
.pagination {
 justify-content: center;
}
.text{ margin-top:20px;}

.mySwiper {
	width: 100%;
}


}
 @media (max-width: 768px) {
 .banner-content {
width: 100%;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
}
 .sidebar {
max-width: 100%;
}
 .products {
grid-template-columns: repeat(2, 1fr);
}
}
 @media (max-width: 600px) {
 .contact-form-wrapper {
padding: 24px;
}
 .hero h1 {
font-size: 20px;
}
}