.wp{margin: 0 auto;width: 90%;}
.header{position: fixed;top:0; left: 0;right: 0;z-index: 100;border-bottom: 1px solid rgba(255,255,255,0.2);
background:url(../images/header_bg.png) repeat-x;}
.headerbg{background: linear-gradient(#2626d1 10%,transparent 100%);}
.header:before{content: "";display: block;position: absolute;left: 0;top:20rem;right: 0;
	background: #fff; opacity:0.8;transition: .3s}
.header_row1{padding:15px 0;color:#fff;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.header_row1 .header-right{padding-right:100px;}
.header_row2{width: 80%;}
.header .hd-nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
.header .hd-nav  li{color:#fff;font-size:1.2rem;width: 10rem;position: relative;display: flex;
	justify-content: center;align-items:center;cursor: pointer;height:3.2rem;line-height: 3.2rem;padding:1.3rem 1rem;}
.header .hd-nav li:before{position:absolute;bottom:0.02rem;left:50%;width:0;height:.01rem;background:#fff;
	content:"";transition:width .5s;opacity: 0;z-index: 1;}
.header .hd-nav li:after{position:absolute;bottom:0.02rem;right:50%;width:0;height:.01rem;background:#fff;
	content:"";transition:width .5s;opacity: 0}
.header .hd-nav li.on{background:rgba(71,59,226,0.8);}
.header .hd-nav a{display: block;line-height: .36rem;position: relative;font-weight: 500;color:#fff;}
.header .hd-nav li.on a{color:#fff;}
.header .hd-nav li:hover{background:rgba(71,59,226,0.8);}
.header .hd-nav li:hover a{color:#fff;}
.header .hd-nav li:hover .sub {display: block;}

.header .home {width:340px;height:36px;position: absolute;right:5rem;top:0;color:#fff;text-align: center;
	background: url(../images/icon_home.png) no-repeat;background-size: 100% 100% ;}
.header .home a{color:#fff;}

.menu-btn{z-index:999;overflow:hidden;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,.headerm2{position: fixed;top:0;left: 0;right: 0;bottom: 0; background: linear-gradient(#2626d1 10%,transparent 100%);
	opacity: 0.9;z-index: 98;padding:2rem;padding-bottom: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;font-size: 1.2rem;}
.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;margin-top: 60px;}
.header2 .subNavm a{display: block;color:#fff;line-height: 4rem;}
.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: 5rem;padding:30px 4%;}
.headerm .logo img{height: 4rem;width: auto;}

/*二级导航*/
.hd-nav li:hover .subNavp{display: block;}
.hd-btn{display:flex;}
.subNavp{position: absolute;z-index: 10;display: none;width: 10rem;top:3.2rem;left: 50%;transform: translateX(-50%); }
.subNav{position: relative;width: 100%;min-height: 1rem;background:rgba(71,59,226,0.4);justify-content: center;}
.nav_icon{display:inline-block;margin-left:8px;width: 10px;height: 6px;background: url(../images/menu_down.png) no-repeat;}
.navsol:hover .nav_icon{background: url(../images/menu_up.png) no-repeat;}
.navsol .subNav .item{padding: 1.5rem 0;width:100%;background:url(../images/mx.jpg) no-repeat bottom;}
.navabo .subNav .item{padding: 1rem 0;background: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:rgba(71,59,226,0.8);}
.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;}


.mobHomebtn{margin: 18px 5px 0;width: 24px;height: 24px;}
.pop-search {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1100;display: none}
.pop-search .pop-search-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;
	background-color: rgba(0,0,0,.8);z-index: 1}
.pop-search .pop-search-close {position: absolute;right: 50px;top: 50px;width: 30px;height: 30px;
		background: url(../images/d-close2.png) center center no-repeat;webkit-background-size: cover;
		background-size: cover;z-index: 10;cursor: pointer}
.pop-search .search-box {position: relative;top: 50%;width: 600px;height: 60px;margin:0 auto;z-index:100;}
.search-box .inp {padding: 0 140px 0 12px;display: block;width: 100%;height: 60px;line-height: 60px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .5) inset;font-size: 16px;color: #333;}
.search-box .submit {position: absolute;right: 0;top: 0;width: 120px;height: 60px;line-height: 60px;
	background-color: #008445;font-size: 18px;color: #fff;text-align: center;}
.home-box,.search-btn{display: flex;position: relative;}
.home-box .homeimg,.search-btn .searchimg{top:18px;width: 18px;height: 18px;margin-right: 10px;
	background: url(../images/icon_home.png) center center no-repeat;background-size:100% 100%;}
.home-box a{color:#fff;}
.search-btn .inp{width: 240px;height: 35px;line-height: 35px;padding:5px 40px 5px 10px;color:#fff;
	border:1px solid #fff;border-radius: 20px;background: transparent;}
.search-btn .inp::-webkit-input-placeholder {color: white;}
.search-btn .submit {width: 20px;height: 20px;background: url(../images/icon_search.png);border: none;
	background-size: 100% 100%;	position: absolute;right: 15px;top:8px;}
.menu-box{width: 82px;height:74px;background:url(../images/menu_bg.png);background-size: 100% 100%;
	position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.header .separate{margin:0 25px;height: 20px;width: 1px;}

	
@media screen and (max-width:1180px){
	body{font-size: 14px;}
	.wp{width:95%}
	.header{display: none;}
	.headerm.flex,.mobNavbtn.flex{display:flex;flex-wrap: nowrap;align-items: center;}	
	.mobHomebtn{width: 25px;height: 25px;margin: 0 15px 0;}
	.mobHomebtn img{width:100%;}
	.mobNav .search-box {margin: 3vw auto;width: calc(100% - 0.6vw);margin-top: 10vw;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: #2626d1;font-size: 1.3rem;color: #fff;text-align: center;border: none;}
	.menu-btn{margin-left: 10px;}
	.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: -9px;}
	.menu-btn .line-3 {margin-top: 9px;}
	.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 {width: 24px;}
	.pop-search,.pop-search .pop-search-bg {left: 0;top: 0}
	.pop-search .pop-search-close {right: 2.604vw;top: 2.604vw;width: 1.66vw;height: 1.66vw;background: url(../images/d-close2.png) center center no-repeat;
		-webkit-background-size: cover;background-size: cover}
}
@media screen and (max-width:980px){
	.pc-show{display:none}
	.m-show{display:block}
	
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:640px){
	
}
@media screen and (max-width:480px){
	.headerm .logo img {height: 3rem;}
	.headerm2 {padding-top:6rem;}
}
@media screen and (max-width:375px){
	.headerm .logo img {height: 2.5rem;}	
	.headerm {height: 3rem;padding: 20px 4%;}
	.headerm2 {padding-top:4rem;}
}