.code {
		position: relative;

	}

	.wx {
		display: inline-block;
		width: 24px;
		height: 24px;
	}

	.code:hover .wxcode {
		visibility: visible;
		opacity: 1;
		z-index: 111;
	}

	.wxcode {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		/* background: #fff; */
		/* color: #757575; */
		padding: 3px 5px;
		white-space: nowrap;
		top: 120%;
		right: -505%;
		/* margin-top: -10px; */
		/* margin-right: 15px; */
		transition: ease .3s;
	}
.active{
	margin: 0 10px;
	/* color:#fff; */
	/* background: #3091f2 !important; */
}

	.spread_nav {
		display: block !important;
	}

	.nav {
		border-bottom: 2px solid #3091f2;
	}

	.top {
		width: 100%;
		height: 36px;
		background: #f0f0f0;
		color: #4b4b4b;
		font-size: 13px;
	}

	.top .top_wrap {
		width: 1200px;
		margin: 0 auto;
		height: 36px;
		line-height: 36px;
		display: flex;
		justify-content: space-between;
	}

	.fl {
		float: left !important;
	}

	.fr {
		float: right !important;
	}

	.top .top_wrap .link_tel_box {
		display: inline-block;
		margin-right: 30px;
		color: #787878;
		white-space: nowrap;
		zoom: 1;
		display: inline;
		position: relative;
		display: flex;
		align-items: center;

	}

	.bgcolor {
		background-color: #fff;
	}

	.search {
		display: inline-block;
		width: 162px;
		height: 35px;
		border: 1px solid #2c96ea;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -85px;
		border-radius: 18px;
	}

	.search input {
		border: 0 !important;
		float: left;
		line-height: 33px;
		width: 110px;
		margin-left: 13px;
		text-align: left;
		/* color: #2c96ea; */
	}

	.search .IcoBox {
		float: left;
		width: 39px;
		height: 35px;
		background-color: #2c96ea;
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
	}
 .nav .nav_wrap li a:hover {
/* 	color: #fff !important ;
	background-color: #3091f2 !important; */
       }
	.left {
		background-size: 100% !important;
	}

	.nav .nav_wrap li.xcx_gongneng_li .spread_nav a:hover {
		color: #fff !important;
	}

	.xcx_gongneng_li:hover a {
		color: #fff !important;
	}

	.link-tel>ul {
		float: left;
		background: #fff;
		padding: 0 20px;
		z-index: 99999999;
		position: relative;
		display: block;
		height: 380px;
	}

	.tans {
		position: relative;
	}

	.tans .showul {
		position: absolute;
		top: 36px;
		display: none;
		left: -464px;
		background: #fff;
		z-index: 99999999999999;
		width: 620px;
		justify-content: space-between;

	}

	.tans .showul ul {
		margin: 20px;
	}

	.tans:hover .showul {
		display: flex;
	}

	.search .keyword {
		line-height: 40px;
		color: #999;
		width: 500px;
		height: 40px;
		margin-top: 10px;
		overflow: hidden;
		display: flex;
		font-size: 10px;
	}

	.search .keyword ul li {
		display: inline;

	}

	.search {
			display: inline-block;
			width: 162px;
			height: 35px;
			border: 1px solid #2c96ea;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -15px;
			margin-left: -85px;
			border-radius: 18px;
		}

		.search input {
			border: 0 !important;
			float: left;
			line-height: 33px;
			width: 110px;
			margin-left: 13px;
			text-align: left;
			/* color: #2c96ea; */
		}

		.search .IcoBox {
			float: left;
			width: 39px;
			height: 35px;
			background-color: #2c96ea;
			border-top-right-radius: 18px;
			border-bottom-right-radius: 18px;
		}

		.left {
			background-size: 100% !important;
		}

		.nav .nav_wrap li.xcx_gongneng_li .spread_nav a:hover {
			color: #fff !important;
		}

		.xcx_gongneng_li:hover a {
			color: #fff !important;
		}
		.page_index {
			margin-right: 10px;
		}

		.nav .nav_wrap li.xcx_gongneng_li .spread_nav {
			overflow: hidden;
		}

		.spread_nav {
			position: relative;
		}

		.spread_nav_item_2 {
			position: absolute;
			background-color: rgba(0, 0, 0, .7);
			/* display: none; */
			width: 760px;
			height: 432px !important;
			overflow: auto !important;
			padding: 0 7px;
			/* border: solid 1px #E4393C; */
			position: absolute;
			z-index: 1;
			top: -1px;
			left: 210px;
			/* height: 460px !important; */
			overflow: hidden;
			padding-bottom: 10px;
			padding-top: 10px;
			top: 0px;
			left: 220px;

		}

		.spread_nav_item_2 {
			display: none;
		}

		.spread_nav_item:hover .spread_nav_item_2 {
			display: block;
		}

		.selectys {}

		.contentlist .list h3 {
			margin-left: 20px;
			color: #ff6c00;
			font-weight: bold;
			padding-bottom: 10px;
		}

		.contentlist .list dt {
			margin-left: 20px;
			padding-right: 20px;
			margin-bottom: 20px;
		}

		.contentlist .list dt:not(:last-child) {
			border-right: 1px solid #fff;
		}

		/* .contentlist .list dt:first-child{
			border-right:0px;
		} */
	.nav .nav_wrap li.xcx_gongneng_li{
		overflow: hidden;
	}
	.nav .nav_wrap li.xcx_gongneng_li:hover{
		overflow: initial;
	}


		.nav .nav_wrap li.xcx_gongneng_li .spread_nav {
			overflow: initial;
		}

		/* .spread_nav_item:hover{
			background:#ff6c00 ;
		} */
		/* .spread_nav .spread_nav_item:hover{} */
		.contentlist .list dl {
			display: flex;
			flex-wrap: wrap;
			justify-content: start;

		}

		[v-cloak] {
			display: none;
		}

		.search input {
			width: 267px !important;
		}

		.mbnav_wrap {
			position: absolute;
			top: 50%;
			right: 20%;
			margin-top: -15px;
		}

		.dropbtn {
			/* background: url(images/daohang.png); */
			color: white;
			height: 30px;
			width: 40px;
			border: none;
			cursor: pointer;
		}


		.dropdown {
			position: relative;
		}

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f9f9f9;
			min-width: 160px;
			overflow: auto;
			box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
			z-index: 999;
			width: 900px;
			left: -720px;
		}

		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}

		.dropdown a:hover {
			background-color: #f1f1f1
		}

		.show {
			display: block;
		}

		@media screen and (min-width: 1025px) {

			.mblogo_img,
			.mbnav_wrap {
				display: none;
			}

		}

		@media screen and (max-width: 1024px) {

			.hreder .hreder_wrap {
				width: 1024px;
				margin: 0 auto;
				position: relative;
				height: 100px;
			}

			.top,
			.logo_img,
			.nav {
				display: none;
			}

			.mblogo_img {
				margin-top: -25px;
				position: absolute;
				left: 15%;
				top: 50%;
			}

			.search {
				display: inline-block;
				width: 400px;
				height: 30px;
				border: 1px solid #ededed;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -14px;
				margin-left: -85px;
				border-radius: 18px;
			}

			.search input {
				border: 0 !important;
				float: left;
				line-height: 30px;
				width: 400px;
				margin-left: 13px;
				text-align: left;
				/* color: #2c96ea; */
			}

			.search .IcoBox {
				float: left;
				width: 37px;
				height: 25px;
				margin-top: 5px;
				background: url(images/mbsearch.png) no-repeat;
				border-top-right-radius: 18px;
				border-bottom-right-radius: 18px;
			}

			.search .IcoBox img {
				display: none;
			}
		}

		@media screen and (max-width:992px) and (min-width: 937px) {
			.hreder .hreder_wrap {
				width: 992px;
			}

			.search {
				width: 280px !important;
			}

			.search input {
				width: 230px !important;
			}

			.dropdown-content {
				width: 800px;
				left: -700px;
			}
		}

		@media screen and (max-width:936px) and (min-width: 769px) {
			.hreder .hreder_wrap {
				width: 900px;
			}

			.search {
				width: 250px !important;
			}

			.search input {
				width: 200px !important;
			}

			.dropdown-content {
				width: 700px;
				left: -600px;
			}

			.mblogo_img {
				left: 15%;
			}

			.mbnav_wrap {
				right: 25%;
			}
		}

		@media screen and (max-width:768px)and (min-width: 632px) {
			.search {
				width: 200px !important;
			}

			.search input {
				width: 150px !important;
			}

			.hreder .hreder_wrap {
				width: 768px;
			}

			.dropdown-content {
				width: 600px;
				left: -500px;
			}

			.mblogo_img {
				left: 10%;
			}

			.mbnav_wrap {
				right: 28%;
			}
		}

		@media screen and (max-width:631px)and (min-width:481px) {
			.search {
				width: 160px !important;
			}

			.search input {
				width: 110px !important;
			}

			.hreder .hreder_wrap {
				width: 630px;
			}

			.search {
				left: 50%;
			}

			.mblogo_img {
				left: 5%;
			}

			.mbnav_wrap {
				right: 30%;
			}

			.dropdown-content {
				width: 500px;
				left: -400px;
			}

		}

		@media screen and (max-width:480px)and (min-width:415px) {
			.search {
				width: 150px !important;
			}

			.search input {
				width: 100px !important;
			}

			.hreder .hreder_wrap {
				width: 480px;
			}

			.search {
				left: 55%;
			}

			.mblogo_img {
				left: 5%;
			}

			.mbnav_wrap {
				right: 20%;
			}

			.dropdown-content {
				width: 500px;
				left: -400px;
			}

		}

		@media screen and (max-width:414px)and (min-width: 376px) {
			.hreder .hreder_wrap {
				width: 414px;
			}

			.mblogo_img {
				display: none;
			}

			.search {
				width: 200px !important;
			}

			.search input {
				width: 150px !important;
			}

			.hreder .hreder_wrap {
				width: 414px;
			}

			.search {
				left: 30%;
			}

			/* .mblogo_img{left: 5%;} */
			.mbnav_wrap {
				right: 20%;
			}

			.dropdown-content {
				width: 400px;
				left: -280px;
			}
		}

		@media screen and (max-width:375px)and (min-width: 321px) {
			.hreder .hreder_wrap {
				width: 375px;
			}

			.mblogo_img {
				display: none;
			}

			.search {
				width: 180px !important;
			}

			.search input {
				width: 130px !important;
			}

			.search {
				left: 30%;
			}

			/* .mblogo_img{left: 5%;} */
			.mbnav_wrap {
				right: 10%;
			}

			.dropdown-content {
				width: 300px;
				left: -280px;
			}
		}

		@media screen and (max-width:320px) {
			.hreder .hreder_wrap {
				width: 320px;
			}

			.mblogo_img {
				display: none;
			}

			.search {
				width: 170px !important;
			}

			.search input {
				width: 120px !important;
			}

			.search {
				left: 30%;
			}

			/* .mblogo_img{left: 5%;} */
			.mbnav_wrap {
				right: 10%;
			}

			.dropdown-content {
				width: 280px;
				left: -240px;
			}
		}