@charset "utf-8";

/* CSS Document */
.nav .sou .img2 {
	/* display: none; */
}

.nav_top {
	background-color: #143270;
	height: 35px;
	line-height: 33px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	c color: #7a8fbb;
}

.nav_top .nav_center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.nav_top a {
	font-size: 14px;
	color: #7a8fbb;
	display: inline-block;
}

.nav_top i {
	margin: 0 16px;
	font-size: 12px;
	color: #7a8fbb;
}

.nav_top .right .item {
	position: relative;
}

.nav_top .right .item .box {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	width: 110px;
	margin-left: -20px;
}

.nav_top .right .item .box img {
	width: 100%;
}

.nav_top .right .item:hover .box {
	display: block;
}

.nav_top a:before {
	content: "";
	display: block;
	border-top: 2px solid #d39797;
	transition: all 0.4s ease-out 0s;
	transform: scaleX(0);
}

.nav_top a:hover:before {
	transform: scaleX(1);
	border-color: #fff;
	color: #fff;
}

.nav_top a:hover {
	color: #fff;
	transition: all 0.4s ease-out 0s;
}


.nav_bot {
	position: fixed;
	top: 35px;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 9999;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0) 100%);
}

.nav_bot .logo {
	float: left;
	width: 15%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav_bot .logo>img {
	width: 100%;
}

.nav_bot .nav_list {
	width: calc(80% - 36px);
	margin-left: 5%;
	float: left;
	height: 100px;
}

.nav_bot .sou {
	width: 36px;
	display: block;
	float: right;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sou_box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 999;
}

.sou_box .cos {
	display: block;
	position: absolute;
	right: 50px;
	top: 50px;
	width: 70px;
	height: 70px;
}

.sou_box form {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -269px;
}

.sou_box form tbody tr:nth-child(odd) td,
.sou_box form tbody tr:nth-child(odd) th {
	background: none !important;
}

.sou_box form table,
.sou_box form td,
.sou_box form th {
	border: none !important;
	border: none !important;
	padding: 0;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	margin: 0;
}

.sou_box input {
	width: 400px;
	padding-left: 10px;
	height: 46px;
	line-height: 46px;
	color: #616161;
	font-size: 16px;
	/* margin-right: 10px; */
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.nav_bot .nav_list>li {
	width: calc(100%/10);
	width: 10%;
	height: 100px;
	float: left;
	text-align: center;
	line-height: 100px;
}

.nav_bot .nav_list>li>a {
	display: block;
	color: #fff;
	height: 70px;
	font-size: 16px;
	display: inline-block;
	position: relative;
	text-shadow: #5d5d5d 1px 1px 2px;
}

.nav_bot .nav_list>li:hover a {
	color: #143270;
	transition: all 0.3s linear;
	text-shadow: #f7f7f7 1px 1px 2px;
}

.nav_bot .nav_list>li>a:after {
	content: "";
	border-left: 3px solid #143270;
	height: 20px;
	transition: all 0.2s ease-out 0s;
	transform: scaleY(0);
	position: absolute;
	left: 50%;
	top: 100%;
	transform-origin: center top;
}

.nav_bot .nav_list>li:hover :after {
	transform: scaleX(1);
}

.nav_bot .nav_list .ative>a {
	color: #143270;
	border-bottom: 2px solid #143270;
}

.nav_bot .top_rt .phone2 {
	display: none !important;
}

.nav_la .nav_top {
	opacity: 0;
	display: none;
	transition: all 0.3s linear;
}

.nav_la .nav_bot {
	display: flex;
	height: 80px;
	top: 0;
	background: rgba(256, 256, 256, 1) !important;
	background-color: rgba(256, 256, 256, 1);
	width: 100%;
	transition: all 0.3s linear;
	box-shadow: 0 0 10px #666;
}

.nav_la .sou .img1 {
	display: none;
}

.nav_la .sou .img2 {
	display: block;
}

.nav_la .nav_bot .nav_list>li>a {
	color: #666;
	transition: all 0.3s linear;
	text-shadow: none;
}

.nav_la .nav_bot .top_rt .phone1 {
	display: none;
	transition: all 0.3s linear;
}

.nav_la .nav_bot .top_rt .phone2 {
	display: block !important;
	transition: all 0.3s linear;
}

.nav_la .logo {
	height: 80px !important;
	width: 12% !important;
	transition: all 0.3s linear;
}

.nav_la .nav_list {
	height: 80px !important;
	transition: all 0.3s linear;
}

.nav_la .nav_list>li {
	height: 80px !important;
	line-height: 80px !important;
	transition: all 0.3s linear;
}

.nav_la .nav_list>li>a {
	height: 55px !important;
	transition: all 0.3s linear;
}

.nav_la .mainlevel .subnav {
	top: 80px !important;
	transition: all 0.3s linear;
}

.nav_la .nav_list>li:hover a {
	color: #143270;
	transition: all 0.3s linear;
}

.wap_nav1 {
	display: none;
}

.wap_nav {
	position: fixed;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
	display: none;
}

.wap_nav_la {
	display: none !important;
}

.logo2 {
	/* display: none;
	display: block;
	width: 108px;
	/* padding: 8px 0; */
	margin: 0 auto;
	float: none; */
}

.nav_bot .nav_center {
	position: relative;
}

.nav_bot .mainlevel .subnav {
	display: none;
	position: absolute;
	top: 100px;
	left: 0;
	width: calc(100% - 60px);
	background-color: rgba(256, 256, 256, 0.95);
	border-top: 3px solid #143270;
	overflow: hidden;
	padding: 30px;
}

.nav_bot .mainlevel .subnav .box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.nav_la .nav_bot .mainlevel .subnav {
	padding-top: 20px;
	transition: all 0.3s linear;
}

.nav_la .sou {
	height: 80px;
}

.wp_search .search {
	color: #fff;
	background: #25499d !important;
	font-size: 16px;
	height: 46px;
	padding: 0;
	text-align: center;
	width: 100px;
	line-height: 46px;
}

.nav_bot .mainlevel .subnav .img {
	float: left;
	width: 20%;
}

.nav_bot .mainlevel .subnav .list {
	float: left;
	width: 45%;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

.nav_bot .mainlevel .subnav .list li {
	float: left;
	width: calc(100%/4);
}

.nav_bot .mainlevel .subnav .list li a {
	color: #333;
	font-size: 18px;
	border-bottom: 2px solid rgba(0, 0, 0, 0);
	transform: scaleX(0);
	padding-bottom: 10px;
}

.nav_bot .mainlevel .subnav .list li a:hover {
	color: #143270;
	border-bottom: 2px solid #143270;
	transition: all 0.4s ease-out 0s;
	transform: scaleX(1);
}

.nav_bot .mainlevel .subnav .xian {
	width: 1px;
	height: 160px;
	background-color: #ccc;
	float: left;
}

.nav_bot .mainlevel .subnav .right {
	float: right;
	text-align: left;
	width: calc(25% - 1px);
	padding-left: 5%;
}

.nav_bot .mainlevel .subnav .right h1 {
	font-size: 42px;
	line-height: 42px;
	color: #333;
	font-weight: normal;
}

.nav_bot .mainlevel .subnav .right h2 {
	font-size: 30px;
	line-height: 30px;
	margin-top: 20px;
	color: #ccc;
}

.sidenav-menu>li>a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

.sidenav-menu>li:nth-child(odd) a {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.sidenav-menu>li:nth-child(-n+2) a {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.sidenav-menu li .jian {
	border: none !important;
}

.sidenav-menu .sidenav-dropdown a {
	border: none !important;
}

.nav_botxiala {
	display: none;
}

@media (max-width:1599px) {
	.nav_bot .mainlevel .subnav .right h2 {
		font-size: 42px;
		line-height: 42px;
	}
}

@media (max-width:1399px) {
	.nav_bot .mainlevel .subnav .right h2 {
		font-size: 30px;
		line-height: 30px;
	}
}

@media (max-width:1299px) {
	.nav_bot .mainlevel .subnav .right h2 {
		font-size: 36px;
		line-height: 36px;
	}
}

@media (max-width:1199px) {
	.nav_bot .mainlevel .subnav .right h2 {
		font-size: 32px;
		line-height: 32px;
	}
}

@media (max-width:1099px) {
	.nav_bot {
		height: 60px;
	}

	.nav_bot .nav_list {
		height: 60px;
	}

	.nav_bot .sou {
		width: 26px;
		height: 60px;
	}

	.nav_bot .nav_list>li {
		height: 60px;
		line-height: 60px;
	}

	.nav_bot .nav_list>li>a {
		height: 42px;
		font-size: 15px;
	}

	.nav_bot .logo {
		height: 60px;
	}

	.nav_bot .mainlevel .subnav {
		top: 60px;
	}

	.nav_bot .nav_list>li>a:after {
		height: 12px;
	}

	.nav_bot .mainlevel .subnav .list li a {
		font-size: 16px;
	}

	.nav_bot .mainlevel .subnav .right h1 {
		font-size: 22px;
		line-height: 22px;
	}

	.nav_bot .mainlevel .subnav .right h2 {
		font-size: 30px;
		line-height: 30px;
	}
}

@media (max-width:996px) {
	.nav {
		/* display:none; */
	}

	.nav1 {
		display: none;
	}

	.wap_nav {
		display: block;
	}

	.wap_nav1 {
		display: block;
	}
}