html,body { overflow-x: hidden; background-color: #fff; }
.hide { display: none; }
/*大屏幕*/
.head{ width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99; padding-top: 18px; }

.head.scroll { background-color: #fff; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%); height: 82px; padding-top: 0; }

/* 除首页之外的页面样式开始 */
.head.other { background-color: #fff; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%); height: 82px; padding-top: 0; }
/* 除首页之外的页面样式结束 */

#header .layui-container-head { max-width: 1320px; height: 82px; margin: 0 auto; display: flex; align-items: center;
	justify-content: space-between; padding: 0 50px; }
.head-logo img { width: 148px; height: 46px; }
.head_icon_tel { color: #fff; font-size: 16px; line-height: 30px; display: flex; align-items: center; }
.head_icon_tel img { width: 19px; height: 22px; margin-right: 11px; }
.layui-nav { position: initial; display: flex; justify-items: flex-end; background: none; height: 52px; padding: 0; margin: 0; }
.layui-nav .layui-nav-item { position: relative; display: block; height: 100%; line-height: inherit; }
.layui-nav .layui-nav-item > a {z-index: 2; position: relative; display: flex; align-items: center; margin: 0 40px; height: 100%; color: #fff;font-size: 16px; text-decoration: none;}

.head.scroll .layui-nav .layui-nav-item>a { color: #333; height: 61px; }
.head.scroll .head_icon_tel { color: #333; }
.head.scroll .layui-nav .layui-nav-item.active>a { border-bottom: 6px solid #295FA4; color: #285B9A; }
.head.scroll .layui-nav .layui-nav-item > a:hover { border-bottom: 6px solid #295FA4; color: #285B9A; }

/* 除首页之外的页面样式开始 */
.head.other .layui-nav .layui-nav-item>a { color: #333; height: 61px; }
.head.other .head_icon_tel { color: #333; }
.head.other .layui-nav .layui-nav-item.active>a { border-bottom: 6px solid #295FA4; color: #285B9A; }
.head.other .layui-nav .layui-nav-item > a:hover { border-bottom: 6px solid #295FA4; color: #285B9A; }
/* 除首页之外的页面样式结束 */

.layui-nav .layui-nav-item.active > a { border-bottom: 6px solid #fff; }  
.layui-nav .layui-nav-item > a:hover { border-bottom: 6px solid #fff; }

.nav-menu-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; filter: Alpha(opacity=50); z-index: 500; transition: all 1s; display: none; }

/* 大屏幕 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.layui-nav .layui-nav-item > a { margin: 0 24px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.head { height: 82px; padding-top: 0; }
	.head .head-logo img { width: 180px; }
	.head_icon_tel { display: none; }
	.layui-nav { height: 56px; }
	.layui-nav .layui-nav-item > a { padding: 0 8px; margin: 0 12px; }
	.head.scroll { height: 82px; }
	.head.scroll .layui-nav .layui-nav-item>a { height: 63px; }

	/* 除首页之外的页面样式开始 */
	.head.other { height: 82px; }
	.head.other .layui-nav .layui-nav-item>a { height: 63px; }
	/* 除首页之外的页面样式结束 */
}

/*小屏幕*/
@media screen and (max-width: 991px)  {
	.head { height: 64px; }
	.head .head-logo img { width: 140px; }
	.layui-nav { width: 50%; height: 64px; right: 0; }
	.layui-nav .layui-nav-item { height: auto; }

	/*新的头部导航*/
	.head .layui-bg-white{height: 100%; transition: ease-in-out .65s;transform: translate3d(100%,0,0);display: block; background: #fff;position: fixed;top: 0px; z-index: 99999;}
	.head .no{ transform: translate3d(0,0,0); box-shadow: 0 0 10px 0px rgba(0, 0, 0, .2);}
	.head .lh-map-btn{ position: absolute; right: 1.2vw;top: 60%;margin-top: -20px;width: 40px;height: 40px; border: none;cursor: pointer;}
	.head .lh-map-btn span {display: block;width: 16px;height: 2px;background: #fff;;position: absolute;right: 7px;top: 50%;margin-top: -1px; transition: ease .45s;}
	.head .lh-map-btn span:before {content: '';display: block;width: 22px;height: 2px;background: #fff; position: absolute;right: 0;top: -8px;transition: ease .45s;}
	.head .lh-map-btn span:after {content: '';display: block;width: 22px;height: 2px;background: #fff; position: absolute;right: 0;top: 8px;transition: ease .45s;}
	
	.head.scroll .lh-map-btn { top: 50%; }
	.head.scroll .lh-map-btn span { background: #ccc; }
	.head.scroll .lh-map-btn span:before { background: #ccc; }
	.head.scroll .lh-map-btn span:after { background: #ccc; }

	/* 除首页之外的页面样式开始 */
	.head.other { height: 60px; }
	.head.other .lh-map-btn { top: 50%; }
	.head.other .lh-map-btn span { background: #ccc; }
	.head.other .lh-map-btn span:before { background: #ccc; }
	.head.other .lh-map-btn span:after { background: #ccc; }
	/* 除首页之外的页面样式结束 */

	.head .lh-map-btn:hover span:before {width: 16px;}
	.head .lh-map-btn:hover span:after {width: 10px;}
	.head .lh-map-btn:hover span{width: 22px;}
	.station{width: 100%;height:0px;}
	.layui-nav .layui-nav-item{  display: block;text-align: left; border-bottom: .5px solid #f0f0f0;}

	.layui-nav .layui-nav-item a { height: 45px; color: #333; padding-left: 12px; }

	.layui-nav .layui-nav-item .nav-item-a:before { content: ""; z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background-color: #f7f8fa; transition: all .3s; }
	.layui-nav .layui-nav-item .nav-item-a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 5px; height: 0%; background-color: #295FA4; transition: all .3s; }
	.layui-nav .layui-nav-item.active .nav-item-a { color: #333; border-bottom: 0; color: #285B9A; }
	.layui-nav .layui-nav-item.active .nav-item-a:before{ height: 100%; }
	.layui-nav .layui-nav-item.active .nav-item-a:after { width: 5px; height: 100%; }
	.layui-nav .layui-nav-item:hover .nav-item-a { color: #333; border-bottom: 0; color: #285B9A; }
	.layui-nav .layui-nav-item:hover .nav-item-a:before{ height: 100%; }
	.layui-nav .layui-nav-item:hover .nav-item-a:after { width: 5px; height: 100%; }

	.layui-nav .layui-sub-nav { position: relative; left: 0; top: 0px; display: block; padding: 0; width: 100%; height: 0; transition: all .3s; background: none; overflow: hidden; }
	.layui-nav .layui-sub-nav a { padding: 0 15px; padding-left: 35px; height: 45px; line-height: 45px; font-size: 14px; color: #333; }
	.layui-nav .layui-nav-item:hover .layui-sub-nav { height: auto; }
	.head.scroll .layui-nav .layui-nav-item.active>a { border-bottom: 0px; }
	.head.scroll .layui-nav .layui-nav-item > a:hover { border-bottom: 0px; }

	/* 除首页之外的页面样式开始 */
	.head.other .layui-nav .layui-nav-item.active>a { border-bottom: 0px; }
	.head.other .layui-nav .layui-nav-item > a:hover { border-bottom: 0px; }
	/* 除首页之外的页面样式开始 */
}

/* 超小设备（手机，小于 768px） */
@media screen and (max-width: 767px) {
	.layui-nav .layui-sub-nav { position: relative; top: 0; }
	.head-logo img { width: 120px; height: 36px; }
	#header .layui-container-head { padding: 0 4px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%); height: 60px; padding-top: 0; }
	.headIcon { display: none; }
	.headIconScroll { display: block !important; }
	.head .lh-map-btn { top: 50%; }
	.head .lh-map-btn span { background: #ccc; }
	.head .lh-map-btn span:before { background: #ccc; }
	.head .lh-map-btn span:after { background: #ccc; }


	.head{ padding-top: 0px; }
	.about_nav dd { width: 100%; }
	.head_icon_tel { display: none; }
}