header{height:110px;}
.he_cont{max-width:1500px;width:100%;margin:0 auto;}
nav ul .level1 .sn{display:none;}
header{width:100%;background:#FFFFFF;box-shadow:4px 4px 16px rgba(0,0,0,0.06);height:110px;position:fixed;top:0;z-index:100;padding:0 30px;transition:ease .5s;}
nav .logo{float:left;z-index:9;transition:ease .5s;margin-top:30px;display:block;}
nav .logo img{width:237px;}
.logo h1{float:left;padding:0;line-height:1;}
.logo h1 a{display:inline-block;}
.logo .logo_text{float:left;position:relative;margin-left:10px;padding-left:15px;color:#999999;line-height:22px;height:42px;display:flex;align-items:center;}
.logo .logo_text:before{content:"";position:absolute;width:1px;height:35px;left:0;top:50%;transform:translateY(-50%);background-color:#CCCECC;}
.nav-right{transition:.5s all ease;overflow:hidden;height:110px;margin-left:50px;float:left;}
.nav-right > ul{position:relative;}
.nav-right:after{content:'';position:absolute;background-image:url("../images/qgjcmt.png");width:100%;height:0;left:0;opacity:0;transition:.5s all ease;top:0;z-index:-1;}
.nav.navActive .nav-right:after{top:60px;}
nav ul{right:0;position:relative;transition:.5s all ease;width:100%;float:right;z-index:5;height:100%;}
nav ul .level1{line-height:110px;height:100%;float:left;font-size:16px;transition:.5s all ease;position:relative;}
nav ul .level1 a{color:#333333;position:relative;display:block;font-size:16px;line-height:inherit;padding-left:26px;padding-right:26px;}
nav ul .level1 > a:after{content:'';bottom:0;right:0;width:0;height:4px;background:var(--blue-color);position:absolute;transition:ease .5s;}
nav ul .level1 > a.activeNav:after{width:40px;left:50%;margin-left:-20px;bottom:0;}
nav ul .level1 span{font-size:25px;line-height:60px;}
nav ul .level1 ul{width:100%;list-style:none;padding:0;margin-top:0;height:340px;}
nav ul .level1:hover ul{background:rgba(0,0,0,.1);}
nav ul .level1 ul li{line-height:40px;height:40px;width:100%;position:relative;font-size:14px; text-align: center;}
nav ul .level1 ul li a:after{content:'';background:#2C557A;position:absolute;right:0;bottom:0;transition:ease .5s;height:2px;width:0;}
nav.active ul .level1 a{color:var(-blue-color);}
nav.active .nav-right:after{opacity:1;height:320px;}
nav.active ul .level1 a.activeNav{color:var(--blue-color);}
nav.navActive{height:60px;box-shadow:2px 2px 2px rgba(119,119,119,.2);}
nav.navActive .logo{margin-top:9px;}
nav.navActive .nav-right{height:60px;}
nav.navActive ul .level1{height:60px;line-height:60px;}
nav.navActive .line{opacity:0;visibility:hidden;}
nav.navActive ul .level1 a.activeNav{color:#e00018!important;}
.menu_btn{position:absolute;right:0;top:0;width:80px;height:80px;background:#2C557A;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;border:none;outline:0;display:none;}
.menu_btn span,.menu_btn span:after,.menu_btn span:before{position:absolute;height:2px;background-color:#fff;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.menu_btn span{width:30px;top:39px;left:30px;}
.menu_btn span:after,.menu_btn span:before{content:"";left:0;}
.menu_btn span:before{top:-10px;width:24px;}
.menu_btn span:after{top:10px;width:22px;}
.menu_btn.active span{background-color:transparent;}
.menu_btn.active span:after,.menu_btn.active span:before{background-color:#fff;width:30px;}
.menu_btn.active span:before{-webkit-transform:translateY(10px) rotate(-45deg);-ms-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg);}
.menu_btn.active span:after{-webkit-transform:translateY(-10px) rotate(45deg);-ms-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg);}
.head_mobile,.head_ser{float:right;display:flex;align-items:center;position:relative;width:50px;overflow:hidden;margin-top:30px;}
.head_mobile{margin-right:20px;}
.head_cicle{height:50px;width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.head_mobile .head_cicle{background-color:var(--blue-color);}
.head_ser .head_cicle{background-color:#EEEEEE;cursor:pointer;}
.hid_mobile{position:absolute;right:0;background:rgba(44,85,122,0.1);border-radius:40px;width:180px;height:50px;line-height:50px;padding-left:10px;font-weight:700;font-size:16px;color:var(--blue-color);opacity:0;transform:translateX(20px);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.hid_mobile a{color:inherit;font-size:inherit;font-weight:inherit;}
.head_mobile:hover{overflow:visible;cursor:pointer;}
.head_mobile:hover .hid_mobile{opacity:1;transform:translateX(0);}
.btn .yuan{display:inline-block;}
.head_ser #subSearch{display:none;}
.srk{display:none;position:fixed;height:80px;text-align:center;overflow:hidden;background:#ffffff;box-shadow:4px 4px 16px rgba(0,0,0,0.06);width:100%;top:110px;right:0;left:0;z-index:1;}
.srk .serleft{color:#333;display:inline-block;float:left;font-size:16px;border:none;height:60px;line-height:60px;background:none;outline:0;padding:0px 10px;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}
.srk .my-container{border-bottom:1px solid #CCCCCC;display:flex;align-items:center;justify-content:space-between;}
.srk .searbut{width:26px;height:26px;background-repeat:no-repeat;border:none;background-color:transparent;background-image:url(../images/search02.svg);}
.serleft::-webkit-input-placeholder{color:#999;font-size:16px;}

/* 使用webkit内核的浏览器 */
.serleft::-moz-placeholder{color:#999;font-size:16px;}

/* Firefox版本4-18 */
.serleft::-moz-placeholder{color:#999;font-size:16px;}

/* Firefox版本19+ */
.serleft::-ms-input-placeholder{color:#999;font-size:16px;}
.height110 {
	width: 100%;
	height: 110px;
}

@media screen and (min-width:1280px){
	.menu.active .nav-right{height:320px;background-repeat:no-repeat;overflow:hidden;}
	nav ul .level1:hover ul{transition:.5s all ease;}
	nav ul .level1 ul li:hover:after{width:100%;}
	nav ul .level1 ul li:hover a:after{width:100%;}
	nav ul .level1 > a:hover:after{width:40px;left:50%;margin-left:-20px;bottom:0;}
}
@media screen and (max-width:1440px){
	nav ul .level1 a{padding-left:15px;padding-right:15px;}
}
@media screen and (max-width:1279px){
	header,.height110{height:80px;}
	.head_ser{margin-right:90px;margin-top:15px}
	.menu_btn{display:block;}
	.nav-right{position:absolute;height:100%;width:100%;margin-left:0;left:0;right:0;}
	.nav-right,.nav-right:after,nav::before{display:none;}
	nav{height:80px;}
	.moon nav{background:#0f2441;height:60px;border-bottom:none;}
	nav .logo{margin-top:15px;}
	.nav-right.active{display:block;overflow:initial;}
	.nav.active .nav-right{height:100vh;}
	nav.active ul .level1 ul li a{color:#fff;}
	.nav-right>ul{width:100%;height:calc(100vh - 80px);margin-top:80px;background:#fff;overflow-y:auto;
		padding-bottom: 50px;
	}
	nav ul .level1{width:100%;height:auto;line-height:45px;text-align:left;padding:0 3%;}
	nav ul .level1 a{color:#333;font-weight:bold;padding:0;}
	nav ul .level1 > a.activeNav:after{width:0;}
	nav ul .level1 > a.activeNav{color:var(--blue-color);}
	nav ul .level1 ul{display:block;background:rgba(44,85,122,0.1);height:auto;position:relative;}
	nav ul .level1 ul::after{width:0;height:0;display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(44,85,122,0.1);position:absolute;left:25px;top:-5px;content:'';}
	.inL-cont{font-size:14px;text-align:justify;}
	nav ul .level1 ul li a{color:#333;height:auto;line-height:45px;font-size:14px;font-weight:normal;text-indent:20px;}
	nav ul .level1 ul li{height:auto;width:50%;float:left;}
	nav ul .level1 ul.active{display:block;}
	nav ul .level1 .sn{width:100px;height:60px;position:absolute;right:0;top:0;display:block;}
	nav ul .level1 .sn::before{width:20px;height:20px;background:url("images/arrow_down.png") no-repeat;background-size:cover;content:'';position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;opacity:.5;-webkit-transform:rotate(-90deg);}
	nav ul .level1 .sn.active::before{-webkit-transform:rotate(0deg);}
	.head_mobile{margin-top:15px}
	.srk{top:80px;}
}
@media screen and (max-width:767px){
	header{padding:0 15px;}
	nav ul .level1 ul li a{display:block;width:auto;height:40px;line-height:40px;}
	.head_ser,.head_mobile{display:none;}
	.logo .logo_text{display:none;}
	nav .logo{max-width:67%;}
	nav .logo img{width:100%;}
}