/* 头部通用 */
.top-outer{background: #fff;height: 100px;padding:0 2.7%;box-sizing: border-box;width: 100%;}
.top-outer .logo{float: left;padding-top:25px;width: 400px;}
.top-outer .logo a{height: 50px;width:100%;display: block; background: url('../images/logo.png') no-repeat center left;background-size:auto 100%;}
/* .top-outer .logo a img{height: 100%;} */

.top-outer .ce_check{float: right;color: #000;line-height: 30px;padding-top:35px;padding-left:65px;}
.top-outer .ce_check em{display: inline-block;vertical-align: top;width: 30px;height: 30px;background: url('../images/130-2@2x.png') no-repeat center;background-size:16px auto;}

.top-outer .ce_check a{color:rgba(0,0,0,0.39);;}
.top-outer .ce_check a:hover{color:  #000;}
.top-outer .ce_check a.cur{font-weight: bold;color: #000;}


#fullpage .top-outer .ce_check{color: rgba(255,255,255,0.39);}
#fullpage .top-outer .ce_check em{background-image: url('../images/130@2x.png') ;}
#fullpage .top-outer .ce_check a{color: rgba(255,255,255,0.39);}
#fullpage .top-outer .ce_check a:hover{color: #fff;}
#fullpage .top-outer .ce_check a.cur{color: #fff;}

.top-outer .menu{float: right;}
.top-outer .menu ul li{float: left;margin:0 20px;position: relative;}
.top-outer .menu ul li a{color: #000;display: inline-block;vertical-align: top;line-height: 100px; text-decoration: none;position: relative;min-width: 56px;text-align: center;}
.top-outer .menu ul li:first-child a{min-width: 28px;}
.top-outer .menu ul li a::before{content:'';position:absolute;bottom:-10px;left:0;width:100%;display:block;height:10px;background:transparent;}
.top-outer .menu ul li a:hover{font-weight: bold;text-shadow: rgba(0, 0, 0,0.2) 0px 0px 10px, rgba(0, 0, 0,0.2) 0px 0px 20px, rgba(0, 0, 0,0.2) 0px 0px 30px, rgba(0, 0, 0,0.2) 0px 0px 40px;}

#fullpage .top-outer .menu ul li a:hover{text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px, rgb(255, 255, 255) 0px 0px 40px;}

.top-outer .menu ul li.active a{font-size: 16px;font-weight: bold;}

.top-outer .menu ul li .ernav{ width:120px;padding:0 20px;box-sizing:border-box;position:absolute; top:77px; left:0;  display:none; z-index:999;background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 10px;}
.top-outer .menu ul li:hover .ernav{position:absolute; top:77px; left:0;display:block;}
.top-outer .menu ul li .ernav a{ display: block;height:auto; line-height:20px; padding:20px 0; font-size:16px; color:#727272; border-bottom:1px dotted #C1C1C1;font-weight: normal !important; text-align: left;}
.top-outer .menu ul li .ernav a:last-child{border:none;}
.top-outer .menu ul li .ernav a:hover{ color:#204ECF;font-weight: bold !important;text-shadow: none;}

.top-outer .menu ul li .ernav::before{content: '';position:absolute;top:-7px;left: 28px;width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #fff; filter: drop-shadow(2px 0 6px rgba(0, 0, 0, 0.3)); /* 使用filter添加阴影 */}


.mobile-menu{display: none;}


/* 二级导航  +  搜索 */
.top-sub-outer{border-top: 1px rgb(255 255 255 / 20%) solid;height: 70px;background:#204ECF;width: 100%;padding:0 10%;box-sizing: border-box;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between; -ms-flex-pack: justify;justify-content: space-between;position: relative;z-index: 100;}
.top-sub-inner{}
.top-sub-menu{}
.top-sub-menu ul{}
.top-sub-menu ul li{display: inline-block;vertical-align: top;font-size: 0;padding-right:40px;}
.top-sub-menu ul li a{font-size: 16px; line-height: 70px;color: #fff;display: block;position: relative;}
.top-sub-menu ul li a::before{content: '';width: 100%;height: 2px;background: #0573ed;position: absolute;bottom:1px;left:0;display: none;z-index: 200;}
.top-sub-menu ul li a:hover{text-decoration: none;}
.top-sub-menu ul li a:hover::before{display: block;}

.top-sub-menu ul li dl{position: relative;}
.top-sub-menu ul li dl dt{}
.top-sub-menu ul li dl dt a{}
.top-sub-menu ul li dl dt.active a{font-weight: bold;font-size: 18px;}
.top-sub-menu ul li dl dd{top:69px;left:0;border: 1px solid #E5E5E5;background:#fff;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);padding:0 10px;z-index: 10;display: none;/* display: none;opacity: 0;visibility: hidden; */}

.top-sub-menu ul li dl dd .wmdfwxl{}





.top-sub-menu ul li dl dd span{display: block;word-break: keep-all;white-space:nowrap;position: relative;padding-left:15px;border-bottom: 1px #b4b4b4 dashed;}
.top-sub-menu ul li dl dd span:last-child{border:none;}
.top-sub-menu ul li dl dd span::before{content:'';width:4px;height:4px;border-radius: 50%;position: absolute;top:50%;left:2px;margin-top:-2px;background:#787878;}
.top-sub-menu ul li dl dd span a{line-height:48px;font-size:14px;color: #787878;}
.top-sub-menu ul li dl dd span a:hover{color: #204ecf;font-weight: 400;}


#fullpage .top-sub-menu ul li dl dd{box-shadow: none;border:none;background:rgba(255,255,255,0.2);}
#fullpage .top-sub-menu ul li dl dd span{border:none;}
#fullpage .top-sub-menu ul li dl dd span::before{background:#fff;}
#fullpage .top-sub-menu ul li dl dd span a{color: rgba(255,255,255,0.7);}
#fullpage .top-sub-menu ul li dl dd span a:hover{color: #fff;}


.top-sub-search{width: 400px;height: 40px;background:rgba(255,255,255,0.3);;border-radius:10px;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);margin-top:15px;}
.top-sub-search dl{font-size: 0;}
.top-sub-search dl dt{display: inline-block;vertical-align: top;width: 360px;padding:10px 15px 0 15px;box-sizing: border-box;}
.top-sub-search dl dt input{display: inline-block;width: 100%;height: 20px;line-height: 20px;color: #fff;}

/*搜索框placeholder设置颜色*/
.top-sub-search dl dt input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);line-height:normal}
.top-sub-search dl dt input::-moz-placeholder {color:rgba(255,255,255,0.5);line-height:normal}
.top-sub-search dl dt input:-moz-placeholder {color:rgba(255,255,255,0.5);line-height:normal}
.top-sub-search dl dt input:-ms-input-placeholder{color:rgba(255,255,255,0.5);line-height:normal}

.top-sub-search dl dd{display: inline-block;vertical-align: top;width: 40px;height: 40px;}
.top-sub-search dl dd button{display: block;width:100%;height:100%;background: url('../images/search.png') no-repeat center;background-size:50% auto;}
.top-sub-search dl dd button:hover{opacity: 0.5;}

/* 首页头部 */
#fullpage .top-outer{background:none;position: fixed;z-index: 100;}
#fullpage .top-outer .logo a{background-image: url('../images/logo@2x.png')}
#fullpage .top-outer .menu ul li a{color: #fff;}
#fullpage .top-outer .menu ul li .ernav a{color: #727272;}
#fullpage .top-outer .menu ul li .ernav a:hover{ color:#204ECF;font-weight: bold !important;}
#fullpage .top-sub-outer{background:#204ECF;position: fixed;z-index: 99;top:80px;}


/*手机导航*/
.mobilNav { display: none; position: fixed; top:12vw; left:0; width: 100%;background: #fff; z-index: 100; max-height: calc(100% - 60px); overflow-y: auto; }
.mobilNav ul li {  }
.mobilNav ul li a {position: relative; display: block; width: 100%; padding:20px; font-size: 18px;color:#333333; border-top:1px solid #dedede;box-sizing: border-box;}
.mobilNav ul li dd a { font-size: 16px;color:#666666; }
.mobilNav ul li a.sub:after { content:''; width: 20px; height: 10px; background:url(../images/ssdown.png) no-repeat center; position: absolute; right:20px; top:50%; transform: translateY(-50%); }
.mobilNav ul li dl { display: none; }
/*.mobilNav ul li.cur dl { display: block; }*/
.mobilNav ul li.cur>a { color:#fff; background: #1f2c5c; }
.mobilNav ul li.cur>a.sub:after { background:url(../images/sstop.png) no-repeat center; }


/* 右侧浮动菜单 */
.right-menu{position: fixed;right:50%;margin-right:-800px; z-index: 10;top:50%;margin-top:-300px; display: none;}
.right-menu ul{}
.right-menu ul li{width: 80px;height: 80px;margin:3px 0 2px 0;}
.right-menu ul li a{display: block;width: 100%;height: 100%;background:#F1F1F1; text-align: center;line-height: 80px; text-decoration: none;}
.right-menu ul li a:hover{background:rgba(89,89,89,0.3);color: #fff;}
.right-menu ul li.cur{}
.right-menu ul li.cur a{background:#002CB0;color: #fff;}
.right-menu ul li.cur a:hover{}

/* 二级菜单 */


/* 白底头部 */
.head_white{
  background: #f7f7f7 !important;position: fixed;top:0;left:0;width: 100%; z-index: 999;}
.top-outer.head_white .menu ul> li> a{color: #000;}

.top-outer.head_white .logo a{height: 50px;background: url('../images/2556@2x.png') no-repeat;background-size:auto 100%;display: block;width: 300px;}
.top-outer.head_white .logo a img{display: none;}

.top-outer.head_white .ce_check{color: rgba(0,0,0,0.39);}
.top-outer.head_white .ce_check em{background-image: url('../images/icon-ce@2x-2.png');}
.top-outer.head_white .ce_check a{color: rgba(0,0,0,0.39);}
.top-outer.head_white .ce_check a:hover{color: #000;}
.top-outer.head_white .ce_check a.cur{color: #000;}

.top-outer.head_white.submenu_show{ -webkit-animation:a_menu_item_show 0.3s ease-out both;}
.top-outer.head_white.submenu_hide{ -webkit-animation:a_menu_item_hide 0.3s ease-out both;}

@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}




@media screen and (max-width:1900px){
	
	/* 头部通用 */
	.top-outer{height: 3.64583333333333vw;}
	.top-outer .logo{padding-top:1.302083333333333vw;width: 20.83333333333333vw;}
	.top-outer .logo a{height: 2.60416666666667vw;}
	
	.top-outer .ce_check{line-height: 1.5625vw;padding-top:1.822916666666667vw;padding-left:3.38541666666667vw;}
	.top-outer .ce_check em{width: 1.5625vw;height: 1.5625vw;background-size:0.83333333333333vw auto;}

	.top-outer .menu ul li{margin:0 1.041666666666667vw;}
	.top-outer .menu ul li a{line-height: 5.208333333333333vw; min-width: 3vw;}
	.top-outer .menu ul li.active a{font-size:0.833333333333333vw;}
	
	.top-outer .menu ul li:first-child a{min-width: 1.5vw;}
	
	.top-outer .menu ul li .ernav{ width:10.9375vw;padding:0 1.041666666666667vw;top:4.010416666666667vw; border-radius: 0.5208333333333333vw;}
	.top-outer .menu ul li:hover .ernav{top:4.010416666666667vw; }
	.top-outer .menu ul li .ernav a{ line-height:1.041666666666667vw; padding:1.041666666666667vw 0; font-size:0.8333333333333333vw; }
	
	.top-outer .menu ul li .ernav::before{top:-0.3vw;left: 1.458333333333333vw;border-left:0.3125vw solid transparent;border-right:0.3125vw solid transparent;border-bottom:0.3645833333333333vw solid #fff;}
	
	/* 二级导航  +  搜索 */
	.top-sub-outer{height: 3.645833333333333vw;}
	.top-sub-menu ul li{padding-right:2.083333333333333vw;}
	.top-sub-menu ul li a{font-size: 0.83333333333333vw; line-height: 3.645833333333333vw;}

  .top-sub-menu ul li dl dt.active a{font-size: 0.9375vw;}
	.top-sub-menu ul li dl dd{top:3.59375vw;padding: 0 0.5208333333333333vw;}
	.top-sub-menu ul li dl dd span{padding-left: 0.78125vw;}
	.top-sub-menu ul li dl dd span a{line-height:2.5vw;font-size: 0.7291666666666667vw;}
	.top-sub-menu ul li dl dd span::before {width: 0.2083333333333333vw; height: 0.2083333333333333vw;left: 0.1041666666666667vw; margin-top: -0.1041666666666667vw;}
	
	.top-sub-search{width: 20.83333333333333vw;height: 2.083333333333333vw;margin-top:0.78125vw;border-radius: 0.5208333333333333vw;}
	.top-sub-search dl dt{width: 18.75vw;padding:0.5208333333333333vw 0.78125vw 0 0.78125vw;}
	.top-sub-search dl dt input{height: 1.041666666666667vw;line-height: 1.041666666666667vw;font-size: 0.7291666666666667vw;}
	

	.top-sub-search dl dd{width: 2.083333333333333vw;height: 2.083333333333333vw;}

	
	/* 首页头部 */
	
	#fullpage .top-sub-outer{top:4vw;}
}




@media screen and (max-width:750px){
	.top-outer {background: rgba(0,0,0,0.2) !important;height:12vw;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);position: fixed; top: 0; left: 0; width: 100%;z-index: 100;}
	.right-menu{display: none !important;}
	.top-outer .logo {padding-top: 2vw;width: 100%;}
	.top-outer .logo a {height:8vw !important;}
	.top-sub-outer{display: none;}
	.menu{display: none;}
	.top-outer .ce_check{display: none;}

	.mobile-menu{display: block;width: 8vw; height: 8vw;position:absolute;top:1vw;right:1vw;background: url(../images/menu.png) no-repeat center;background-size: auto 40%;}
	
}