.header{position: fixed;top:0; left: 0;right: 0;z-index: 100;}
.header_bg{background:url(../images/header_bg.jpg);background-size: 100% 100%;}
.header:before{content: "";display: block;position: absolute;left: 0;top:20rem;right: 0;
	background: #fff; opacity:0.8;transition: .3s}
.header_row1{height:140px;padding:2rem 0 1rem 0;}
.header_row1 .tip{justify-content: flex-end;color: #fff;margin-bottom: 10px;}
.header_row2{height:55px;display: flex;align-items: center;background:url(../images/nav_bg.jpg) repeat-x;}
.header_row2 .hd-nav{height:55px;display: flex;}
.header .hd-nav li{color:#fff;position: relative;display: flex;justify-content: center;
	align-items:center;cursor: pointer;height: 100%;width: 12.25%;border-left:1px solid #af0000;}
.header .hd-nav li:last-child{border-right:none;}
.header .hd-nav li.on{background:#a60000;}
.header .hd-nav a{color: #fff;display: block;position: relative;}
.header .hd-nav li:hover{background:#a60000;}
.header_line{width: 1px;background: #fff;height:30px;}

.header .home {width:340px;height:36px;position: absolute;right:5rem;top:0;color:#fff;text-align: center;
	background: url(../images/home_bg.png) no-repeat;background-size: 100% 100% ;}
.header .home a{color:#fff;}

.menu-btn{z-index:999;overflow:hidden;margin-left:1.5rem;width:30px;height:30px;background:0 0;
	text-indent:-300rem;opacity:1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;
	right: 0;width:25px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;
	transition-property:transform,width,margin,background-color}
.menu-btn.on .line-1{display: none}
.menu-btn.on .line-2{background:#fff;width: 25px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn.on .line-3{margin-top: 0;background:#fff;width: 25px;-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}
.menu-btn .line-1{margin-top:-9px;}
.menu-btn .line-3{margin-top:9px;}


.header2,.mobNav{position: fixed;top:0;left: 0;right: 0;bottom: 0; background: linear-gradient(90deg,#0060a7 7%,#00a9be 107%);
	opacity: 0.9;z-index: 98;padding:8rem 4% 2rem;display: none}
.header2 ul,.mobNav ul{max-height: 70vh;overflow: auto;}
.header2 ul::-webkit-scrollbar,.mobNav ul::-webkit-scrollbar {display: none; }
.header2 ul li,.mobNav ul li{padding: 1rem 0;border-bottom: 1px solid #ddd;}
.header2 ul li .navp a,.mobNav ul li .navp a{font-weight: 700;color: #fff;background-size: auto 100%}
.header2 ul li .navp i,.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px;height: 16px;
	background: url(../images/mob_more.png) no-repeat center;background-size: 16px 16px}
.header2 ul li.on .navp i,.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.header2 ul li .subNavm,.mobNav ul li .subNavm{margin-top: 1rem;padding-left: 1rem;display: none}
.header2 ul li .subNavm,.mobNav ul li .subNavm a{display: block;line-height:2.5rem;}
.header2 ul{display: flex;justify-content: space-around;}
.header2 .subNavm a{display: block;color:#fff;line-height: 2rem;}
.header2 ul li{border-bottom:0}
.header2 ul li .subNavm{padding-left: 0;}

.mobNav ul li .navp a{color:#fff}
.mobNav ul li .subNavm a {color: #fff;}
.mobNav .search-box {display: none}

.headerm{display: none;position: fixed;left: 0;right: 0;top:0;z-index: 99;height: 3.5rem;padding-right: 4%;padding-left: 4%;
	background:url(../images/header_bg.jpg);background-size: 100% 100%;}
.headerm .logo img{height: 3rem}
.headerm2 .mobNav{position: fixed;top:0;left: 0;right: 0;bottom: 0; background:#c30000;
		opacity: 0.9;z-index: 98;padding:5.4rem 8% 2rem;display: none}

/*二级导航*/
.hd-nav li:hover .subNavp{display: block;}
.hd-btn{display:flex;}
.subNavp{position: absolute;z-index: 10;display: none;width: 100%;top:55px;left: 50%;transform: translateX(-50%); }
.subNav{position: relative;width: 100%;min-height: 1rem;background: #a60000;justify-content: center;}
/* .subNav:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 8px solid transparent;border-bottom-color: rgba(255,255,255,.95);top:-.16rem;} */
.navsol .subNav .item{padding: 1.8rem 0;/* border-bottom: 1px solid #bac1c8; */width:100%;background:url(../images/mx.jpg) no-repeat bottom;}
.navabo .subNav .item{padding: 1rem 0;/* border-bottom: 1px dashed #bac1c8; */background-image:url(../images/mx.jpg) no-repeat bottom;}
.navsol .subNav .item:last-of-type{background-image:none;}
.navabo .subNav .item:last-of-type{background-image:none;}
.subNavp .item:hover{background-color: #c30000;}
.subNavp .item:last-child{border-bottom: 0}
.subNavp .item a{color: #fff;display: flex}
.subNavp .item a i{display: block;width: .28rem;height: .28rem;border-radius: 50%;text-align: center;line-height: .28rem;color: #fff;margin-right: .1rem;font-size: .16rem}
.subNavp .item a span{display: block;margin: 0 auto;line-height: .28rem;}

.searchbtn{width: 19px;height: 20px;margin-top: 10px;margin-left: 20px;}
.searchbtn img{width: 100%;height:100%;display:block;}
.mobHomebtn{margin: 18px 5px 0;width: 24px;height: 24px;}
.pop-search {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(90deg,#0060a7 7%,#00a9be 107%);
	opacity: 0.9;z-index: 100;padding:4rem 8% 2rem;display: none}
.pop-search .pop-search-close {position: absolute;right: 45px;top: 20px;width: 20px;height: 20px;background: url(../images/d-close2.png) center center no-repeat;
	-webkit-background-size: cover;background-size: cover;z-index: 101;cursor: pointer}
.home-box{display: flex;position: relative;top: 0.4rem;margin-right: 2rem;}
.home-box .homeimg{position: relative;top: -5px;width: 30px;height:30px;margin-right: 10px;background: url(../images/icon_home.png) center center no-repeat;background-size:100% 100%;}
.home-box a{color:#fff;font-size: 1.2rem;}
.search-box{padding-left:30px;}
.search-box input {outline: 0;border: none;}
.search-box .inp {height: 40px;width:22rem;border-radius: 5px;padding:0 1rem;}
.search-box .submit {top: 25px;width: 41px;height: 41px;margin-left:-40px;background: url(../images/icon_search.png) center center no-repeat;background-size: 100% 100%;}

@media screen and (max-width:1180px){
	.header,.header2{display: none}
	.headerm.flex,.mobNavbtn.flex{display:flex;flex-wrap: nowrap;align-items: center;}
	.header2 ul li .navp a, .mobNav ul li .navp a {font-size: 1.1rem}
	.header-con ul .list .title_2 {font-size: 1rem}
	.mobNav{background: linear-gradient(90deg,#0060a7 7%,#00a9be 107%);overflow-y: auto;}	
	.mobHomebtn{width: 25px;height: 23px;margin: 0 5px 0;}
	.mobNav .search-box {margin: 3vw auto;width: calc(100% - 0.6vw);margin-top: 15vw;display: block;
	position: static;transform: translate(0);padding:0;}
	.mobNav .search-box .inp {padding: 0 10rem 0 1rem;display: block;width: 100%;height: 2.8rem;line-height: 2.8re,;
	box-shadow: none;font-size: 1.1rem;color: #333;outline: 0;border: none;border-radius:0;}
	.mobNav .search-box .submit {position: absolute;right: 0;top: 0;width: 7rem;height: 40px;line-height: 40px;
	background:none;background-color: #af0000;font-size: 1.3rem;color: #fff;text-align: center;}
	.pop-search .mob-search-box {margin-top: 18rem;position: static;}
	.mob-search-box .input, .mob-search-box .submit2 {line-height: 2.8rem;height: 2.8rem;}	
	.pop-search .mob-search-box input {outline: 0;border: none;}
	.pop-search .mob-search-box .input {box-shadow: none;display: block;float: left;
	    width: calc(100% - 80px);font-size: 16px;color: #333;padding:10px;}
	.pop-search .mob-search-box  .submit2 {display:block;float:left;width:80px;background-color: #0060a7;
	    font-size: 18px;color: #fff;text-align: center;}
	.menu-btn .line-1 {margin-top: -8px;}
	.menu-btn .line-3 {margin-top: 8px;}
	.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 {width: 24px;}
}
@media screen and (max-width:980px){
	.pc-show{display:none}
	.m-show{display:block}
}

@media screen and (max-width:640px){
	.menu-btn{margin-left: 10px;}
	.mobNav{top:30px}
}
@media screen and (max-width:480px){
	.headerm .logo img {height: 30px;margin-top: 5px;}
}
@media screen and (max-width:360px){
	.headerm .logo img {height: 25px;}	
}