/* header用 */
/*============ header ============*/
.header{height: 80px;background: transparent;z-index: 999;position: relative;overflow: visible;transition: background 0.3s ease, box-shadow 0.3s ease}
.header .wp{min-width:auto;max-width:1780px;padding:0 20px;box-sizing:border-box;overflow: visible;}
.wp {
  max-width: 1780px;
  margin: auto;
  padding: 0 60px;

  @media (max-width: 1200px) {
    padding: 0 15px;
  }

  @media (max-width: 768px) {
    padding: 0 1.25rem;
  }
}
.header:not(.scrolled):hover{background: linear-gradient(to top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.header.scrolled{background: rgba(255,255,255,0.8);
    border-top: 1px solid rgba(255,255,255,0.7);
    box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.08);}
.logo{float: left;height: 80px;line-height:80px;width: 370px;margin-right: -349px;}
.logo img{vertical-align: middle}
.logo span{font-size: 15px;color: #999999;margin-left: 15px;padding-left: 15px;line-height: 34px;height: 34px;display: inline-block; border-left: solid 1px #f0f0f0;}

.header_search{float: right;margin-top:25px;width: 200px;margin-left: -200px;}
.header_search{position: relative;}
.header_search .header-search-text{background: #f3f4f9;border: none;border-radius: 30px;line-height: 40px;height: 40px;width: 200px;padding: 0 20px;}
.header_search .header-search-text:focus{outline: none}
.header_search .header-search-submit{position: absolute;right:3px;top:0px;border: none;background: none;cursor: pointer;height: 40px;width: 40px;}
.header_search .header-search-submit .iconfont{font-size: 20px;}

.showhide{display: none;line-height: 1;margin-top: 15px;}
.showhide i{font-size:24px;}

.megamenu_box{display:block;margin: 0 0 0 349px;text-align: right;overflow: visible;}
.megamenu{margin:0;padding:0;list-style:none;display: inline-block;overflow: visible;}
.megamenu>li{display: inline-block;line-height: 80px;height: 80px;position: relative;overflow: visible;vertical-align: top;box-sizing:border-box;border-bottom: solid 3px transparent;}
.megamenu>li:hover{border-bottom-color: #ff7513;}
.megamenu_hover{border-bottom-color: #ff7513 !important;}
.megamenu>li>.megamenu-tit{display:block;padding:0px 14px;text-align: center; color:#555;text-decoration:none;font-size: 16px;}
.megamenu>li>.megamenu-tit a{display: block}
.megamenu>li:hover .megamenu-tit > a{color: #ff5400;}
.megamenu_hover .megamenu-tit > a{color: #ff5400 !important;font-weight: bold}
.megamenu>li .megamenu-tit a>.icon-arrow-down-bold::before{display: inline-block; transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.megamenu>li:hover .megamenu-tit a .icon-arrow-down-bold::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}

/*多级下拉菜单 - PC 纯 CSS hover */
.megamenu .dropdown,.megamenu .dropdown li .dropdown{list-style:none;margin:0;line-height:35px;padding:0;display:none;position:absolute;z-index:999;width:160px;border:solid 1px rgba(0,0,0,0.1);background:#fff;}
.megamenu .dropdown{top:75px}
.megamenu .dropdown li .dropdown{left:160px;top:inherit}
.megamenu .dropdown li{clear:both;width:100%;border-bottom:solid 1px rgba(0,0,0,0.1)}
.megamenu .dropdown li:last-child{border-bottom:0}
.megamenu .dropdown li a{float:left;width:100%;padding:10px 25px;text-decoration:none;display:block;border:0 none;font-size:14px;color:#444;background:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out}
.megamenu .dropdown li:hover>a{background:#dbdbdb}
.megamenu>li>.megapanel{
  display:none;
  top:80px;
  left:0;
  z-index:99;
  padding:15px 0;
  overflow:hidden;
  position:absolute;
  background:rgba(255,255,255,0.91);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 10px rgba(0,0,0,.05);
  min-width:100%;
}
.megamenu>li>.megapanel .menv-link{line-height:36px;font-size:16px;margin:0;padding:0;list-style:none;}
.megamenu>li>.megapanel .menv-link li{line-height:36px;height:36px;display:block;float:none;width:100%;}
.megamenu>li>.megapanel .menv-link a{color:#666;display:block;text-align:center;}
.megamenu>li>.megapanel .menv-link a:hover{color:#ff5400;}
@media (min-width:993px){
  header{position:relative;z-index:10000;overflow:visible;}
  .header,.header .wp,.megamenu_box,.megamenu,.megamenu>li{overflow:visible!important;}
  .pc-nav .megamenu>li:hover>.megapanel{display:block;}
}

.pc-nav {
	display: block;
}

.mobile-nav {
	display: none;
}

.mobile-showhide {
	display: none;
	line-height: 1;
	margin-top: 15px;
	float: right;
	cursor: pointer;
}

.mobile-showhide i {
	font-size: 24px;
}

.mobile-megamenu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	max-height: calc(100% - 44px);
	position: fixed;
	top: 55px;
	right: -100%;
	overflow: auto;
	z-index: 999;
	transition: right 0.3s ease;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
	border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.mobile-megamenu-show {
	right: 0;
}

.mobile-megamenu > li {
	display: none;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	height: auto;
	line-height: 36px;
	border: none;
}

.mobile-megamenu.mobile-megamenu-show > li {
	display: block;
}

.mobile-megamenu > li.active {
	display: block;
}

.mobile-megamenu-tit {
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	transition: background 0.3s ease;
}

.mobile-megamenu > li.active > .mobile-megamenu-tit {
	background: rgba(255, 117, 19, 0.04);
	border-left: 3px solid #ff7513;
}

.mobile-megamenu-tit a {
	display: block;
	color: #555;
	text-decoration: none;
	font-size: 16px;
	transition: color 0.3s ease;
}

.mobile-megamenu > li.active > .mobile-megamenu-tit a {
	color: #ff5400;
	font-weight: 600;
}

.mobile-menv-link li a.current {
	color: #ff5400;
	font-weight: 600;
	background: rgba(255, 117, 19, 0.1);
}

.mobile-menv-link li a.current::before {
	background: #ff7513;
	width: 6px;
	height: 6px;
	left: 25px;
}

.mobile-megamenu-tit:has(.iconfont) a {
	pointer-events: none;
}

.mobile-megamenu-tit a .iconfont {
	float: right;
	transition: transform 0.3s ease;
}

.mobile-megamenu > li.active .mobile-megamenu-tit a .iconfont {
	transform: rotate(180deg);
}

.mobile-megapanel {
	position: static;
	margin-top: 0;
	padding: 10px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	border-top: none;
	display: none;
	background: rgba(255, 255, 255, 0.5);
}

.mobile-megamenu > li.active .mobile-megapanel {
	display: block;
}

.mobile-menv-link {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-menv-link li {
	padding: 0;
	width: 100%;
	float: none;
	line-height: 36px;
	height: 36px;
}

.mobile-menv-link li a {
	padding: 0 20px;
	font-size: 14px;
	display: block;
	color: #666;
	text-decoration: none;
	pointer-events: auto;
	transition: all 0.3s ease;
	position: relative;
}


.mobile-menv-link li a:hover,
.mobile-menv-link li a:active {
	color: #ff5400;
	background: rgba(255, 117, 19, 0.1);
}


@media(max-width:992px){
	.pc-nav {
		display: none;
	}
	
	.mobile-nav {
		display: block;
	}
	
	.mobile-showhide {
		display: block;
	}
	
    .showhide{display:none;}
	.logo span,
	.header_search{display: none;}
	.header {height: 55px;}
	.logo {height: 55px;line-height:55px; width:auto;margin-right:0;}
	.logo img {height: 20px}
	.megamenu_box {margin: 0;text-align: center;}
    .megamenu{min-width:300px;width:40%;background: #fff;max-height:calc(100% - 44px);position: fixed;top:55px;right: -100%;overflow: auto;z-index: 999;transition: right 0.3s ease;}
    .megamenu-min{}
    .megamenu-show{right: 0;box-shadow: 0 5px 8px rgba(0,0,0,.15);border: solid 1px #ddd;}
    .megamenu>li{display:none;width:100%;box-sizing:border-box;overflow: hidden;height: auto;line-height: 36px;border: none;}
    .megamenu>li:hover,.megamenu>li.active{border-top:0}
    .megamenu>li>.megamenu-tit,
    .megamenu>li:hover .megamenu-tit,
    .megamenu>li.active .megamenu-tit{padding:0px 20px; line-height: 45px;height: 45px;border-bottom: solid 1px #ddd;text-align: left;}
    .megamenu>li .megamenu-tit a{pointer-events:none;display: block}
	.megamenu>li .megamenu-tit a .iconfont{float: right}
    .megamenu .megamenu-tit{width:100%;box-sizing:border-box;}
    .megamenu .dropdown,.megamenu .dropdown li .dropdown{width:100%;display:none;left:0;border-left:0;position:static;border:0;box-sizing:border-box;}
    .megamenu .dropdown li{background:#fff!important;border:0}
    .megamenu .dropdown>li>a{padding-left:40px!important}
    .megamenu>li>.megapanel{position:static;margin-top:40px;padding:10px;border-bottom: solid 1px #ddd;border-top: none}
    .megamenu>li>.megamenu-tit .icon-arrow-down-bold{float: right;}
    .menv-link {width:100%;}
    .menv-link li{padding:0;width:50%;float: left;}
    .menv-link li span{display: none}
    .menv-link li a{padding:0;font-size: 14px;display: block;}

    .navbar-box .logo {padding: 0 10px 0 43px;line-height: 42px;width: auto;}
    .navbar-box .logo img {height:20px;}
    .navbar-box {line-height:44px;height:44px;position: fixed;top: 0;}
    .navbar-fixed{background:none;box-shadow:none;}

    .sub-nav{display: none;}
}