.wp{margin: 0 auto;width:80%;}
.header{position: fixed;top:0; left: 0;right: 0;z-index: 100;border-bottom-color: rgb(255,255,255,.3);
	border-bottom-width: 1px;border-bottom-style: solid;}
.headerbg{background:linear-gradient(#025ba6 7%,#82b0e1 107%);}
.header:before{content: "";display: block;position: absolute;left: 0;top:20rem;right: 0;
	background: #fff; opacity:0.8;transition: .3s}
.header .logo{width: 300px;}
.header_row1{height:5px;background-color: #025ba6;}
.header_row1 .visit{background: #026d3d;padding:5px 20px;border-radius: 20px;}
.header_row2{color:#fff;display: flex;justify-content: space-between;flex-wrap: wrap;height: 6.8rem;}
.header_top{margin-top:5px;}
.header .logo{display: flex;justify-content: center;align-items: center;}
.header .hd-nav{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 12px;}
.header .hd-nav li{color:#fff;position: relative;display: flex;justify-content: center;
	align-items:center;cursor: pointer;height:3.2rem;width:8rem;line-height: 3.2rem;padding:1.3rem 1rem;}
.header .hd-nav li a{color: #fff;}
.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(2,91,166,0.6);}
.header .hd-nav a{display: block;line-height: .36rem;position: relative;font-weight: 500;}
.header .hd-nav li.on a{color:#fff;}
.header .hd-nav li:hover{background:rgba(2,91,166,0.6);}
.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;}

.nav{width: calc(100% - 300px);padding:10px 0;}
.menu-box{width: 70px;height: 71px;background: url(../images/menu_btn.png);background-size: 100% 100%;
	display: flex;justify-content: center;position: absolute;top: 0px;right: 20px;}
.menu-btn{z-index:999;overflow:hidden;width:36px;height:36px;background:0 0;
	text-indent:-300rem;opacity:1;position: relative;z-index: 999;margin-top: 16px;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;
	right: 0;width:36px;height:4px;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: 36px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn.on .line-3{margin-top: 0;background:#fff;width: 36px;-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}
.menu-btn .line-1{margin-top:-12px;}
.menu-btn .line-3{margin-top:12px;}


.header2,.headerm2{position: fixed;top:0;left: 0;right: 0;bottom: 0; background: linear-gradient(#025ba6 7%,#688ebd 107%);
	opacity: 0.9;z-index: 98;padding:8rem;padding-bottom:2rem;display: none}
.headerm2{padding:2rem;}
.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: 8rem;top:3.2rem;left: 50%;transform: translateX(-50%); }
.subNav{position: relative;width: 100%;min-height: 1rem;background:rgba(2,91,166,0.6);justify-content: center;}
.nav_icon{display:inline-block;margin-left:3px;width: 10px;height: 6px;background: url(../images/menu_down.png) no-repeat;}
/* .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:hover .nav_icon{background: url(../images/menu_up.png) no-repeat;}
.navsol .subNav .item{padding: 1.5rem 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: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: #025ba6;}
.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: #025ba6;
    font-size: 18px;color: #fff;text-align: center;}
.search-btn{padding-right: 2rem;}
.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%;}
.search-btn .searchimg{background: url(../images/icon_search.png) center center no-repeat;}
.searchText{cursor: pointer;}
.home-box a{color:#fff;}
.header .separate{margin:0 25px;height: 20px;width: 1px;background: #fff;}

@media screen and (max-width:1600px){
	.wp{width:90%}
	
}
@media screen and (max-width:1440px){
	.wp{width:90%}
	.header .logo{width: 200px;}
	.nav {width: calc(100% - 250px);}	
	.header .hd-nav li {width: 7.5rem;}
	.subNavp {width: 7.5rem;}
}
@media screen and (max-width:1280px){
	.wp{width:95%}	
}

@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: 8rem;height: 40px;line-height: 40px;
	background:none;background-color: #025ba6;font-size: 1.3rem;color: #fff;text-align: center;border: 1px solid #666;}
	.menu-btn{margin-left: 10px;margin-top: 0;}
	.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;}
}