/* 顶部 */
		a{
			color:#fff;text-decoration: none;
		}
		
		
		
		
		
		
		/* 顶部距离两侧距离 */
		@media (min-width: 350px) and (max-width: 766px){
			.container, .container-sm {
			    max-width: 653px;
			}
			.centerAll {
				width: 35%;
			}
			.custom-navbar{
				padding: 0;
			}
		}
		.custom-navbar {
			background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
			padding: 0.8rem 1rem;
		}
		
		.navbar-brand {
			font-weight: 700;
			font-size: 1.5rem;
			color: white !important;
			display: flex;
			align-items: center;
		}
		
		.navbar-brand img {
			height: 40px;
			margin-right: 10px;
		}
		/* 左侧自己*/
		.navigationTitleLogo {
			width: 40%;
			display: flex;
			align-items: center;
			color: #fff;
		}
		
		.navigationTitleLogo img {
			/* width: 36px; */
			/* height: 36px; */
			height: 52px;
			margin-right: 8px;
			margin-left: -10px;
		}
		
		.navigationCharactersLogo {
			letter-spacing: 2px;
			font-size: 17px;
		}
		.navigationTitleLogo2 {
			/* width: 40%; */
			display: flex;
			align-items: center;
			color: #fff;
			/* justify-content: center; */
			/* background: pink; */
		}
		
		.navigationTitleLogo2 img {
			width: 35%;
			height: auto;
			margin-right: 8px;
		}
		
		.navigationCharactersLogo2 {
			/* letter-spacing: 2px; */
			font-size: 12px;
		}
		.logoSubtitle2{
			font-size: 8.5px;
			/* letter-spacing: 1px; */
		}
		.logoSubtitle {
			font-size: 9px;
			letter-spacing: 2px;
		}
		/* 平板大小 */
		@media (min-width: 768px) and (max-width: 1104px) {
			.navbar-brand,.centerAll{
				display: none;
			}
			.mobile-content{
			   display: block;
			   /* opacity: 1; */
			}
			
		}
		@media (min-width: 768px) {
		    .navbar-expand-md .navbar-nav .dropdown-menu {
		        position: absolute;
		        right: -4px;
		    }
		}
		
		
		
/* 手机 */
.mobile-content{
	display: none;
}
/* 平板 */
/* .tablet-content{
	display: none;
} */
/* 电脑 */
.desktop-content{
	display: none;
}
.header-mobile>img{
	height: 220px;
}
/* 移动端/平板 */
 @media (max-width: 1104px) {
    .mobile-content{
       display: block;
	   /* opacity: 1; */
    }
	    .dropdown-menu.show {
	        opacity: 1;
	        visibility: visible;
	        max-height: 500px;
	        margin-left: auto;
	        display: block !important;
	    }
	    .nav-item.dropdown:hover .dropdown-menu {
	        opacity: 1 !important;
	        visibility: visible;
	        transform: translateY(0);
	    }
		    .navbar-expand-md .navbar-nav .dropdown-menu {
		        position: absolute;
		        right: 0;
		    }
 @media (max-width: 750px){
	 .navbar-expand-md .navbar-nav .dropdown-menu {
	     position: absolute;
	     right: 0;
		 margin: 0;
    	border-radius: 0;
	 }
 }
@media(min-width: 768px) and (max-width: 1104px){
	.mobile-content{
	   width: 85%;
	}
	.nav-item{
		font-size: 18px !important;
		width: 12%;
	}
	.dropdown{
		width: 17%;
	}
}

@media (max-width: 767px) {
	 .mobile-content{
	    width: 100%;
	 }
 	.nav-item{
 		font-size: 18px;
 		width: 100%;
 	}
 	.dropdown{
 		width: 100%;
 	}
	.nav-link:hover::after {
	    width: calc(100% - 21px) !important;
	}
	.centerAll {
	    justify-content: center !important;
	}
}

  }
  /* 电脑 */
  @media (min-width: 1105px) {
     .desktop-content{
        display: block;
     }
  	
   }
/* 电脑 */
/*  @media (min-width: 1005px) {
    .mobile-content {
      display: block;
    }
  } */
/* 平板 */
/*  @media (min-width: 767px) and (max-width: 1004px){
    .tablet-content {
      display: block;
    }
  } */
 
  /* 手机 */
/*  @media (max-width: 767px) {
    .mobile-content {
      display: block;
    }
  } */



		
		/* 右侧 */
		.centerAll {
			/* width: 50%; */
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin: 0 auto;
			font-weight: bold;
		}
		.centerAll>.weather-row{
			display: none;
		}
		
		.center {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #fff;
		}

		.center img {
			width: 35px;
			height: 27px;
			margin-right: 14px;
		}

		.navbar-toggler {
			border: none;
			padding: 0.25rem 0.5rem;
		}

		.navbar-toggler:focus {
			box-shadow: none;
		}

		.navbar-toggler-icon {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		}

		.navbar-toggler img {
			width: 30px;
			height: 30px;
		}
		
		/* @media (min-width: 990px) and (max-width: 1200px) {
		  .nav-item{
			margin-right: 0;
		  }
		  .navbar-nav{
		  	font-size: 14px;
		  	color: #fff;
			width: 560px;
		  }
		  .centerAll {
		    width: 28%;
		  }
		} */
		/* 1200-1400 */
		@media (min-width: 1200px) and (max-width: 1400px) {
			/* .centerAll {
				width: 28%;
				margin-left: 140px;
			} */
			.navbar-nav{
				width: 100%;
			}
			.nav-item{
				margin-right: 15px;
			}
		}
		
		/* 宽度大于1400的时候 */
		@media (min-width: 1400px) {
			/* .nav-item{
				margin-left: 30px;
			} */
			.navbar-nav{
				width: 100%;
				font-size: 14px;
				color: #fff;
				display: flex;
				justify-content: space-between;
				
			}
			.centerAll {
			    /*width: 28%;*/
				justify-content: flex-end;
			}
		}
		/* 移动端 */
		@media (max-width: 991px) {
			/* .nav-item{
				color: #000;
			} */
		
			.weather-icon {
				margin-right: 14;
			}
		}

		
		
		.navbar-nav{
			font-size: 14px;
			color: #fff;
		}
		
		/* .dropdown-menumax{
			display: none;
		} */
		/* 二级菜单 */
		/* 切换平板 */
		@media (min-width: 1004px) {
			.nav-item.dropdown:hover .dropdown-menu {
			    opacity: 0;
			    visibility: visible;
			    transform: translateY(0);
			}
			/* @media (min-width: 1005px) { */
			  .dropdown-menumax{
			    display: block;
			  }
			/* } */
		}
		@media (min-width: 992px) {
		            
		        }
		.nav-link {
		            color: rgba(255, 255, 255, 0.9) !important;
		            font-weight: 600;
		            padding: 15px 12px !important;
		            position: relative;
		            transition: all 0.3s ease;
		        }
		        
		        .nav-link:hover {
		            color: #fff !important;
		        }
		        /* 鼠标移入一级菜单下划线 */
		        .nav-link::after {
		            /* content: '';
		            position: absolute;
		            bottom: 10px;
		            left: 8px;
		            width: 0;
		            height: 2px;
		            transition: height 0.5s ease;
					color: #1FD3A7; */
		        }
		        /* 倒三角的长度 */
		        .nav-link:hover::after {
		            width: calc(100% - 50px);
		        }
		/* 二级菜单样式 */
		        .dropdown-menu {
		            background: #0ea983;
		            /* border: none; */
		            border-radius: 8px;
		            /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); */
		            padding: 10px 0;
					box-sizing: border-box;
		            margin-top: 10px;
		            opacity: 0;
		            visibility: hidden;
		            transform: translateY(10px);
		            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		            display: block;
		            min-width:150px;
					padding-top: 20px;
					/* border-top-right-radius: 15px; */
					/* color: white; */
					margin-left: -22px;
					border: none;
		        }
			
				
		        .dropdown-menu li{
					height: 30px;
					text-align: center;
					border-top-right-radius: 15px;
				}
				/* 二级菜单上方小三角 */
		        /* .dropdown-menu::before {
		            content: '';
		            position: absolute;
		            bottom: 100%;
		            left: 40px;
		            border: 6px solid transparent;
		            border-bottom-color: #0ea983;
					border-top-right-radius: 15px;
		        } */
				
		 /* 移动端样式调整 */
		        @media (max-width: 991.98px) {
		            .dropdown-menu {
		                position: static;
		                float: none;
		                width: 100%;
		                margin-top: 5px;
		                box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05);
		                transform: none !important;
		                max-height: 0;
		                overflow: hidden;
		                transition: max-height 0.4s ease, opacity 0.4s ease;
		            }
		            
		            .dropdown-menu.show {
		                opacity: 1;
		                visibility: visible;
		                max-height: 500px;
						margin-left: auto;
						display: block !important;
		            }
		            
		            .dropdown-menu::before {
		                display: none;
		            }
					
		        }
		.dropdown-item {
		            padding: 0 25px;
					box-sizing: border-box;
		            color: white !important;
		            font-weight: 500;
		            transition: all 0.3s ease;
		            position: relative;
					font-size: 13px;
		        }
		        /* 鼠标移入二级菜单后的li */
		        .dropdown-item:hover {
		            /* background: rgba(0, 0, 0, 0.03); */
					/* background: #10DAA9 !important; */
		            color: #0ea983 !important;
					background: white !important;
					height: 30px;
					line-height: 30px;
		        }
		        
		        .dropdown-item::after {
		            content: '';
		            position: absolute;
		            bottom: 0;
		            left: 25px;
		            width: 0;
		            height: 2px;
		            background: linear-gradient(90deg, #10DAA9,#186552);
		            transition: width 0.3s ease;
					color: red;
					/* background: royalblue; */
		        }
		        
		        .dropdown-item:hover::after {
		            width: calc(100% - 50px);
		        }
				
				/* 回到顶部 */
				.backTop {
				  /* 固定定位 */
				  position: fixed;
				  bottom: 400px;
				  right: 0;
				  margin-right: 50px;
				  z-index: 999;
				  /* 回到顶部样式 */
				  width: 35px;
				  height: 35px;
				  /* 设置过渡效果 */
				  transition: all linear 0.5s;
				  cursor: pointer;
				  /* 隐藏 透明度为0 */
				  opacity: 0;
				}
				.topAll{
					display: flex;
					flex-direction: column;
					justify-content: center;
				}
				.topAll img{
					width: 50px;
					height: 50px;
					margin-bottom: 17px;
				}
				
				
				
/* 底部 */

.floor{
	/* background-image: url(./../images/34.png); */
	/* background-color: rgba(0, 0, 0, 0.5); */
	background-image: linear-gradient(rgba(19, 63, 30, 0.7), rgba(19, 63, 30, 0.7)), url(./../images/34.png);
	background-repeat: no-repeat;
	width: 100%;
	/* height: 600px; */
	background-position: center center;
	background-size: cover;
	padding-top:105px;
	box-sizing: border-box;
	color: #fff;
}
.floorLeft{
	/* width: 50%; */
	/* text-align: center; */
	padding-left: 19%;
	box-sizing: border-box;
}
.floorContent{
	width: 100%;
}
.phoneAll{
	/* margin-left: 30px; */
	margin-top:25px;
}
.phone{
	margin-bottom: 9px;
	font-size: 25px;
	font-weight: bolder;
}
.culture{
	font-size:15px;
}
.culture2{
	font-size:15px;
	font-weight: bolder;
	margin-top: 35px;
}

.aboutSubtitle div{
	margin-top: 8px;
}

.aboutTitle{
	border-right: 3px solid #fff;
	margin-bottom: 28px;
	font-size: 15px;
}

.aboutSubtitle{
	font-size:11px;
	text-align: center;
}
.about{
	width: 105px;
}

.floorRight{
	padding: 0;
	box-sizing: border-box;
	display: flex;
}
.code{
	width: 80%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-top: 105px;
	/* align-items: center; */
}
.codeList{
	width: 150px;
	/* text-align: center; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	margin-bottom: 20px;
}
.code img{
	width: 90px;
	height: 90px;
	margin-bottom: 11px;
}

@media (max-width: 992px) {
	.floor{
		padding-top:30px;
		box-sizing: border-box;
	}
	.centerAll{
		width: auto;
	}
	.floorRight{
		margin-top: 20px;
		padding-left: 11%;
	}
	.floorLeft{
		padding-left: 11%;
	}
	.phone{
		font-size: 20px;
	}
	.culture{
		font-size:12px;
	}
	.culture2{
		font-size:12px;
		font-weight: bolder;
		margin-top: 15px;
	}
	.code{
		width: auto;
		justify-content: center;
		margin-top: 30px;
	}
	.backTop {
	    right: -31px;
		bottom: 300px;
	}
	.topAll img{
		width: 30px;
		height: 30px;
		margin-bottom: 12px;
	}
}
@media (max-width: 630px) {
	.floorRight{
		margin-top: 20px;
		padding-left: 5%;
	}
	.floorLeft{
		padding-left: 8%;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
	}
	.navigationTitleLogo2{
		/* justify-content: center; */
	}
	.phoneAll{
		margin-top: 10px;
	}
	.aboutTitle{
		border-right: 1px solid #fff;
		margin-bottom: 15px;
		font-size: 13px;
	}
	.aboutSubtitle{
		font-size:10px;
	}
	.about{
		width: 19%;
		padding:0;
		box-sizing: border-box;
	}
	.aboutTitle{
		border: none;
	}
	.navigationTitleLogo2 img {
		width: 65%;
	}
}


/* 华美吃住行娱购 */
.huamei {
 	width: 100%;
 	/* height: 35px; */
	padding: 15px 0;
 	background: #427860;
 	/* display: flex; */
	display: none;
 	justify-content: center;
 	align-items: center;
 	position: absolute;
 	top: 74px;
 	color: white;
 	z-index:1;
 }
 .huamei:hover.huamei{
	 display: flex;
	 z-index: 99;
 }
 .nav-item:hover .huamei{
 	display: flex;
 	z-index: 99;
 }
 .huamei div {
 	height: 20px;
 	border-right: 1px solid white;
 	font-size: 15px;
 	padding: 0 22px;
 	box-sizing: border-box;
 }
 
 .huamei div:nth-last-child(1) {
 	border: none;
 }
 @media (max-width: 767px) {
 	.huamei {
 		position: fixed;
 		top: 49px;
 	}
}
@media (min-width: 580px) and (max-width: 767px){
 	 .huamei {
 	 	height: 25px;
 	 }
 	  
 	 .huamei div {
 	 	height: 15px;
 	 	font-size: 8px;
 	 	padding: 0 10px;
 	 	box-sizing: border-box;
 	 }
 	  
 	 .huamei div {
 	 	font-size: 10px;
 	 	padding: 0 15px;
 	 	box-sizing: border-box;
 	 }
}
@media (max-width: 580px) {
 	.huamei {
 		height: 25px;
 	}
 
 	.huamei div {
 		height: 15px;
 		font-size: 10px;
 		padding: 0 10px;
 		box-sizing: border-box;
 	}
}