body {
			background: #fff;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			font-family: "Microsoft Yahei";
		}

		ol,
		ul,
		p {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

		* {
			font-family: Microsoft Yahei;
		}

		a {
			text-decoration: none;
		}

		a:hover {
			text-decoration: none;
		}

		img,
		input {
			border: 0px;
		}

		ul li {
			list-style: none;
		}

		ul,
		p {
			padding: 0px;
			margin: 0px;
		}

		em,
		i {
			font-style: normal;
		}

		/*
.left{ float:left;}
.right{ float:right;}
 */

		.h30 {
			height: 30px;
		}

		.h50 {
			height: 50px;
		}

		.clear {
			clear: both;
		}

		/* header */

		#header {
			width: 100%;
			overflow: hidden;
			background: #fff;
			padding-bottom: 15px;
		}

		.top1 {
			width: 100%;
			height: 30px;
			background: #eaeaea;
		}

		.top1 p {
			width: 100%;
			max-width: 1200px;

			height: 30px;
			margin: 0 auto;
			font-size: 14px;
			line-height: 30px;
		}

		.top1 p span {
			float: right;
		}

		.top1 p span a {
			color: #666;
		}

		.top1 p span a:hover {
			color: #dd0000;
		}

		.top2 {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding-top: 10px;
		}

		.top2 img {
			float: left;
			margin-right: 10px;
		}

		.top2 .top-gg {
			font-size: 18px;
			color: #666;
			line-height: 30px;
			float: left;
			padding-top: 10px;
		}

		.top2 .top-gg p {
			color: #0a51bb;
			font-size: 28px;
			font-weight: bold;
			line-height: 40px;
		}

		.top2 .top-tel {
			float: right;
			width: 200px;
			padding-top: 10px;
		}

		.top2 .top-tel i {
			font-size: 30px;
			color: #dd0000;
			text-align: left;
			font-family: impact;
			display: block;
		}

		.top2 .top-tel p {
			font-size: 18px;
			color: #333;
			line-height: 40px;
			text-align: left;
			padding-left: 20px;
		}

		.top2 .top-tel p img {
			vertical-align: middle;
			margin-right: 10px;
		}

		#top-nav {
			width: 100%;
			height: 65px;
			background: #0a51bb;
		}

		#top-nav ul {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}

		#top-nav ul li {
			width: 150px;
			line-height: 65px;
			float: left;
			text-align: center;
			position: relative;
		}

		#top-nav ul li a {
			font-size: 18px;
			color: #fff;
			line-height: 65px;
			height: 65px;
		}

		#top-nav ul li dl {
			width: 500px;
			height: 130px;
			background: #fff;
			padding: 20px;
			position: absolute;
			top: 65px;
			left: 0;
			z-index: 9999999;
		}

		#top-nav ul li dl dt {
			width: 190px;
			height: 120px;
			float: left;
			margin-right: 30px;
		}

		#top-nav ul li dl dt img {
			width: 190px;
			height: 120px;
		}

		#top-nav ul li dl dd {
			width: 270px;
			height: 120px;
			float: left;
			text-align: left;
		}

		#top-nav ul li dl dd a {
			font-size: 16px;
			color: #000;
			display: block;
			line-height: 30px;
			height: 30px !important;
		}

		#top-nav ul li dl dd a:hover {
			color: #dd0000;
		}

		.home_from {
			border: solid 1px #ddd;
			width: 400px;
			height: 50px;
			border-radius: 30px;
			background: #fff;
			margin-top: 30px;
			box-shadow: 0px 0px 15px #ccc;
			float: right;
		}

		.home_from .bd2 {
			width: 300px;
			height: 50px;
			background: #fff;
			float: left;
			margin-left: 10px;
			border-radius: 30px;
		}

		.home_from .anniu2 {
			width: 40px;
			height: 40px;
			display: block;
			background: url(../image/ss.jpg) center center no-repeat #0a51bb;
			border-radius: 50%;
			float: right;
			margin-top: 5px;
			margin-right: 5px;
		}

		#home-lei {
			width: 100%;
			height: 400px;
			background: url(../image/leibg.jpg) bottom center no-repeat;
		}

		#home-lei ul {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding-top: 80px;
		}

		#home-lei ul li {
			width: 240px;
			height: 250px;
			float: left;
			text-align: center;
			position: relative;
			overflow: hidden;
		}

		#home-lei ul li p {
			position: absolute;
			z-index: 4;
			left: 0;
			bottom: 0;
			height: 50px;
			text-align: center;
			width: 240px;
			background: rgba(4, 94, 299, .0);
		}

		#home-lei ul li img {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			margin-top: 40px;
		}

		#home-lei ul li p strong a {
			font-size: 18px;
			line-height: 40px;
			display: block;
			font-weight: initial;
			padding-top: 10px;
		}

		#home-lei ul li p a {
			font-size: 14px;
			color: #666;
			line-height: 30px;
			display: block;
		}

		#home-lei ul li:hover p {
			position: absolute;
			z-index: 4;
			left: 0;
			bottom: 0;
			height: 250px;
			text-align: center;
			width: 240px;
			background: rgba(4, 94, 299, 1);
			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			-ms-transition-duration: .5s;
			-o-transition-duration: .5s;
			transition-duration: .5s;
		}

		#home-lei ul li:hover p strong {
			color: #fff;
		}

		#home-lei ul li:hover p a {
			color: #fff;
		}

		#about-box {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}

		#about-box h2 {
			font-size: 20px;
			color: #0099e5;
			text-align: center;
			background: url(http://www.wfklhb.com/css2/images/22.jpg) center center no-repeat;
			font-size: 36px;
			font-weight: normal;
			margin-top: 50px;
		}

		#about-box>p {
			font-size: 16px;
			line-height: 30px;
			color: #333;
			padding: 20px;
		}

		.about {
			width: 100%;
			max-width: 1200px;
			height: 350px;
		}

		.about li {
			width: 380px;
			height: 280px;
			margin: 10px;
			float: left;
			border: solid 1px #fff;
			box-sizing: border-box;
			position: relative;
		}

		.about li img {
			width: 380px;
			height: 280px;
		}

		.about li:hover {
			-webkit-box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
			-moz-box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
			box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
		}

		.about li .tt1 {
			width: 380px;
			height: 40px !important;
			line-height: 40px;
			background: #333;
			color: #fff !important;
			font-size: 16px;
			text-align: center;
			position: absolute;
			z-index: 999;
			bottom: -5px;
			padding: 0;
			margin: 0;
			opacity: .7;
		}

		/* 产品 */

		#home-pro {
			width: 100%;
			max-width: 1200px;
			margin: 50px auto;
		}

		#home-pro h2 {
			font-size: 36px;
			color: #0a51bb;
			text-align: center;
			line-height: 40px;
		}

		#home-pro h2 span {
			font-weight: initial;
			color: #0a51bb;
		}

		#home-pro h3 {
			font-size: 18px;
			color: #666;
			text-align: center;
			line-height: 40px;
			font-weight: initial;
		}

		#home-pro h3:after {
			content: "";
			width: 50px;
			height: 2px;
			background: #0a51bb;
			display: block;
			margin: 0 auto;
		}

		.pro-box {
			width: 100%;
			max-width: 1200px;
			overflow: hidden;
			margin: 50px auto;
		}

		.pro-box dl {
			float: left;
			width: 350px;
			height: 365px;
			background: #fff;
			float: left;
			margin: 10px;
			border: solid 1px #ddd;
		}

		.pro-box dl:last-child {
			display: none ;
		}

		.pro-box dl:hover {
			box-shadow: 0px 0px 20px #ccc;
		}

		.pro-box dl dt {
			width: 350px;
			height: 250px;
			overflow: hidden;
		}

		.pro-box dl dt img {
			width: 350px;
			height: 250px;
		}

		.pro-box dl dd {
			width: 350px;
			height: 115px;
		}

		.pro-box dl dd a {
			font-size: 18px;
			line-height: 30px;
			padding-top: 20px;
			width: 300px;
			display: block;
			margin: 0 auto;
		}

		.pro-box dl dd a span {
			width: 100px;
			height: 30px;
			border-radius: 7px;
			display: block;
			background: #ddd;
			float: right;
			font-size: 14px;
			text-align: center;
		}

		.pro-box dl dd a:hover span {
			background: #0a51bb;
			color: #fff;
		}

		.pro-box dl dd p {
			font-size: 14px;
			line-height: 25px;
			color: #999;
			padding: 0px 20px 0px 20px;
			    display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2; 
overflow: hidden; 
		}

		.pro-box dl:first-child {
			width: 430px;
			height: 750px;
		}

		.pro-box dl:first-child dt {
			width: 430px;
			height: 600px;
		}

		.pro-box dl:first-child dt img {
			width: 430px;
			height: 600px;
		}

		.pro-box dl:first-child dd {
			width: 430px;
		}

		#home-fa {
			width: 100%;
			height: 920px;
			background: url(../image/bg1.jpg) top center no-repeat;
		}

		#home-fa h2 {
			font-size: 36px;
			color: #fff;
			text-align: center;
			line-height: 50px;
			padding-top: 80px;
		}

		#home-fa h3 {
			font-size: 18px;
			color: #fff;
			font-weight: initial;
			text-align: center;
			line-height: 40px;
		}

		#home-fa h3:after {
			content: "";
			width: 60px;
			height: 3px;
			background: #fba044;
			display: block;
			margin: 0 auto;
		}

		.fa-cont {
			width: 1300px;
			height: 650px;
			margin: 0 auto;
			background: url(../image/img1.png) center center no-repeat;
			padding-top: 50px;
		}

		.fa-cont1 {
			width: 1300px;
			height: 300px;
		}

		.fa-cont1 li {
			float: left;
			width: 250px;
			position: relative;
		}

		.fa-cont1 li:nth-of-type(1) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 250px;
			height: 250px;
		}

		.fa-cont1 li:nth-of-type(2) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 250px;
			height: 250px;
			margin-left: 250px;
			margin-top: 80px;
		}

		.fa-cont1 li:nth-of-type(3) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 250px;
			height: 250px;
			margin-left: 150px;
			margin-top: 50px;
		}

		.fa-cont1 li strong {
			font-size: 20px;
			color: #fff;
			display: block;
		}

		.fa-cont1 li img {
			width: 0px;
			height: 0px;
			border-radius: 50%;
			display: block;
			position: absolute;
			z-index: 9;
			right: 0;
			top: 0;
			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			-ms-transition-duration: .5s;
			-o-transition-duration: .5s;
			transition-duration: .5s;
		}

		.fa-cont1 li:hover img {
			display: block;
			width: 250px;
			height: 250px;
			border: solid 5px #fff;
			box-sizing: border-box;
		}

		.fa-cont1 li:hover strong {
			display: none;
		}

		.fa-cont1 li:hover p {
			display: none;
		}

		.fa-cont2 {
			width: 1300px;
			margin: 0 auto;
			display: table;
		}

		.fa-cont2 li {
			float: left;
			width: 200px;
			position: relative;
		}

		.fa-cont2 li:nth-of-type(1) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 200px;
			height: 200px;
			margin-left: 150px;
			padding-top: 160px;
		}

		.fa-cont2 li:nth-of-type(2) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 200px;
			height: 200px;
			margin-left: 80px;
			padding-top: 100px;
		}

		.fa-cont2 li:nth-of-type(3) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 200px;
			height: 200px;
			margin-left: 80px;
			padding-top: 100px;
		}

		.fa-cont2 li:nth-of-type(4) {
			font-size: 14px;
			color: #fff;
			line-height: 25px;
			text-align: center;
			width: 200px;
			height: 200px;
			margin-left: 150px;
			padding-top: 100px;
		}

		.fa-cont2 li strong {
			font-size: 20px;
			color: #fff;
			display: block;
		}

		.fa-cont2 li img {
			width: 0px;
			height: 0px;
			border-radius: 50%;
			display: block;
			position: absolute;
			z-index: 9;
			right: 0;
			bottom: 150px;
			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			-ms-transition-duration: .5s;
			-o-transition-duration: .5s;
			transition-duration: .5s;
		}

		.fa-cont2 li:hover img {
			display: block;
			width: 200px;
			height: 200px;
			border: solid 5px #fff;
			box-sizing: border-box;
		}

		.fa-cont2 li:hover strong {
			display: none;
		}

		.fa-cont2 li:hover p {
			display: none;
		}


		#home-about {
			width: 100%;
			background: #fafafa;
			overflow: hidden;
			padding-bottom: 50px;
		}

		.about-cont {
			width: 100%;
			max-width: 1200px;
			overflow: hidden;
			margin: 0 auto;
		}

		.about-cont>img {
			float: right;
			margin-top: 80px;
		}

		.about-cont>video {
			float: right;
			margin-top: 80px;
		}

		.about-cont-fl {
			width: 600px;
			float: left;
		}

		.about-cont-fl h2 {
			font-size: 34px;
			color: #0a51bb;
			line-height: 40px;
			padding-top: 50px;
		}

		.about-cont-fl h3 {
			font-size: 28px;
			color: #000;
			line-height: 30px;
			font-weight: initial;
		}

		.about-cont-fl h4 {
			font-size: 26px;
			color: #999;
			line-height: 30px;
			font-family: impact;
			margin-bottom: 20px;
			font-weight: initial;
		}

		.about-cont-fl p {
			font-size: 16px;
			line-height: 30px;
			color: #333;
		}

		.cr {
			width: 100%;
			margin-top: 20px;
		}

		.cr dl {
			width: 190px;
			height: 150px;
			margin: 5px;
			float: left;
		}

		.cr dl dt {
			width: 190px;
			height: 120px;
			overflow: hidden;
		}

		.cr dl dt img {
			width: 190px;
			height: 120px;
			-webkit-transition-duration: .3s;
			-moz-transition-duration: .3s;
			-ms-transition-duration: .3s;
			-o-transition-duration: .3s;
			transition-duration: .3s;
		}

		.cr dl:hover dt img {
			transform: scale(1.1);
		}

		.cr dl dd {
			width: 100%;
			height: 30px;
			background: #1057c1;
			color: #fff;
			text-align: center;
			line-height: 30px;
			font-size: 16px;
		}

		.cr dl dd a {
			color: #fff;
		}



		.trouble {
			overflow: hidden;
			width: 100%;
			margin-top: 70px;
		}

		.trouble h2 {
			font-size: 46px;
			color: #333;
			text-align: center;
			border-bottom: solid 1px #ddd;
			width: 500px;
			margin: 0 auto;
			padding-bottom: 10px;
		}

		.trouble h2 span {
			color: #0c5cd3;
		}

		.trouble h3 {
			font-size: 18px;
			color: #555;
			text-align: center;
			line-height: 50px;
			font-weight: initial;
		}

		.trouble .how {
			margin: 0 auto;
			margin-top: 70px;
			overflow: hidden;
			width: 100%;
			max-width: 1200px;
			height: 105px;
			padding-bottom: 55px;
			position: relative;
			z-index: 2
		}

		.trouble .how li {
			float: left;
			width: 230px;
			font-size: 22px;
			border-right: 1px dotted #acacac;
			height: 85px;
			position: relative;
			color: #333;
			text-align: center;
			padding-top: 20px;
		}

		.trouble .how li img {
			display: block;
			position: absolute;
			left: 50%;
			margin-left: -23px;
			bottom: -55px;
			width: 78px;
			height: 74px;
		}

		.trouble .how .last {
			border: none
		}

		.trouble .trobox {
			overflow: hidden;
			width: 100%;
			height: 720px;
			padding-top: 70px;
			margin-top: -23px;
			background: url(../image/trouble_bg.jpg) no-repeat center top;
			position: relative
		}

		.trouble .trobox .list {
			overflow: hidden;
			width: 100% ;
			max-width: 1400px ;
			height: 521px;
			margin: 0 auto;
			margin-top: 55px;
			position: relative
		}

		.trouble .trobox .list li {
			float: left;
			width: 280px;
			height: 521px;
			background: url(../image/trouble_li.png) no-repeat center top;
			position: relative;
			top: 530px;
		}

		.trouble .trobox .list span {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			border: solid 3px #fff;
			display: block;
			margin: 30px auto;
		}

		.trouble .trobox .list span img {
			display: block;
			margin-top: 15px;
			margin-left: 12px;
		}

		.trouble .trobox .list p {
			text-align: left;
			font-size: 16px;
			line-height: 30px;
			color: #fff;
			padding: 0px 30px;
		}

		.trouble .trobox .troth {
			display: block;
			position: absolute;
			left: 50%;
			margin-left: -960px;
			bottom: -300px;
		}

		.trouble .trobox .trog {
			display: block;
			position: absolute;
			left: 50%;
			margin-left: -826px;
			bottom: -120px;
			z-index: 2;
			display: none
		}

		.trouble .trobox .list i {
			display: block;
			width: 33px;
			height: 1px;
			background-color: #fff;
			position: absolute;
			left: 50%;
			margin-left: -16px;
			bottom: 80px
		}

		#bass-box {
			width: 100%;
			height: 120px;
			background: #eee;
		}

		#bass-box ul {
			width: 100%;
			max-width: 1200px;
			height: 100px;
			margin: 0 auto;
		}

		#bass-box ul li {
			width: 50%;
			float: left;
		}

		.sink {
			font-size: 14px;
			line-height: 25px;
			color: #666;
			padding-top: 30px;
		}

		.sink h2 {
			font-size: 18px;
			color: #333;
			float: left;
		}

		#home-news {
			width: 100%;
			height: 720px;
			margin: 0 auto;
			background: #fafafa;
		}

		#home-news h2 {
			font-size: 38px;
			color: #0c5cd3;
			text-align: center;
			padding-top: 50px;
			padding-bottom: 30px;
		}

		.news-lei {
			width: 100%;
			max-width: 1200px;
			height: 40px;
			margin: 0 auto;
			background: url(../image/xian.jpg) center repeat-x;
		}

		.news-lei ul {
			width: 400px;
			height: 40px;
			margin: 0 auto;
		}

		.news-lei a {
			width: 120px;
			height: 30px;
			margin: 0px 5px;
			display: block;
			float: left;
			background: #fff;
			border: solid 1px #ddd;
			border-radius: 15px;
			text-align: center;
			line-height: 30px;
		}

		.news-lei a:hover {
			background: #0c5cd3;
			color: #fff;

		}

		.news-lei .on {
			width: 120px;
			height: 30px;
			display: block;
			background: #0c5cd3 !important;
			color: #fff;
		}

		.xw-cont {
			width: 100%;
			max-width: 1200px;
			margin: 30px auto 0px;
			background: #fff;
			overflow: hidden;
			padding: 20px;
			display: block;
			box-sizing: border-box ;
		}

		.news-cont {
			width: 100%;
			max-width: 1200px;
			height: 400px;
		}

		.news-cont-l {
			width: 570px;
			float: left;
			font-size: 16px;
			line-height: 30px;
			color: #666;
		}

		.news-cont-l img {
			display: block;
			width: 570px;
			height: 230px;
		}

		.news-cont-l h4 {
			font-size: 18px;
			line-height: 40px;
		}

		.news-cont ul {
			float: right;
			width: 560px;
			overflow: hidden;
		}

		.news-cont ul li {
			width: 600px;
			height: 140px;
			border-bottom: solid 1px #ddd;
			display: block;
		}

		.news-time {
			font-size: 40px;
			text-align: center;
			float: left;
			height: 90px;
			width: 100px;
			display: block;
			color: #777777;
			background: #eee;
			margin-right: 15px;
			margin-top: 20px;
		}

		.news-time span {
			font-size: 18px;
			display: table;
			text-align: center;
			width: 100px;
			color: #333;
		}

		#home-news ul li h4 {
			font-size: 20px;
			font-weight: initial;
			padding-top: 20px;
		}

		#home-news ul li h4 a {
			color: #333;
		}

		#home-news ul li h4 a:hover {
			color: #dd0000;
		}

		#home-news ul li p {
			font-size: 15px;
			color: #999;
			line-height: 30px;
		}

		/* footer */

		#footer {
			width: 100%;
			overflow: hidden;
			background: #042453;
			padding-bottom: 50px;
		}

		#footer ul {
			width: 100%;
			max-width: 1415px ;
			margin: 0px auto;
			padding: 50px 0px;
		}

		#footer ul li {
			float: left;
			height: 250px;
			padding-left: 30px;
		}

		#footer ul li strong {
			font-size: 18px;
			color: #fff;
			line-height: 50px;
			display: block;
		}

		.b-logo {
			width: 300px ;
			text-align: center;
			border-right: solid 1px #4a6183;
		}

		.b-logo img {
			display: block;
			margin: 0 auto;
		}

		.b-pro {
			width: 250px ;
			border-right: solid 1px #4a6183;
		}

		.b-pro a {
			font-size: 16px;
			color: #fff;
			line-height: 30px;
			display: block;
		}

		.b-pro a:hover {
			color: #dd0000;
		}

		.b-nav {
			width: 150px ;
			border-right: solid 1px #4a6183;
		}

		.b-nav a {
			font-size: 16px;
			color: #fff;
			line-height: 30px;
			display: block;
		}

		.b-nav a:hover {
			color: #dd0000;
		}

		.b-lx {
			width: 350px ;
		}

		.b-lx p {
			font-size: 16px;
			color: #fff;
			line-height: 30px;
		}

		.b-wx img {
			margin-top: 20px;
		}

		#copy {
			width: 100%;
			height: 60px;
			font-size: 16px;
			color: #fff;
			background: #0a51bb;
			line-height: 60px;
			text-align: center;
			display: flex ;
			align-items: center ;
			justify-content: center ;
			gap: 0px 20px ;
		}

		#copy a {
			color: #fff;
			font-size: 16px;
			margin: 0px 5px ;
		}

		#copy a img {
			display: block ;
			margin-left: 40px ;
		}

		/*内页样式*/

		.ny-lei {
			width: 1160px;
			overflow: hidden;
			margin: 0 auto 20px;
		}

		.ny-lei a {
			width: 200px;
			height: 50px;
			display: block;
			float: left;
			background: #ddd;
			line-height: 50px;
			text-align: center;
			font-size: 20px;
		}

		.ny-lei a:hover {
			background: #0a51bb;
			color: #fff;
		}

		#main {
			width: 100%;
			max-width: 1200px;
			height: auto;
			margin: 0 auto;
			font-size: 16px;
			line-height: 35px;
		}

		.ny_left {
			width: 270px;
			height: auto;
			float: left;
		}

		.ny_right {
			width: 930px;
			height: auto;
			float: left;
		}

		.bass {
			height: 60px;
			line-height: 60px;
			font-size: 16px;
			color: #666;
			border-bottom: solid 1px #ccc;
			width: 930px;
			margin-bottom: 30px;
		}

		.bass a {
			color: #0065cb;
			text-decoration: none;
			font-size: 16px;
			font-weight: bold;
		}

		.bass100 {
			height: 60px;
			border-bottom: solid 1px #ccc;
			width: 100%;
		}

		.bass100 p {
			width: 100%;
			max-width: 1200px;
			height: 60px;
			margin: 0 auto;
			line-height: 60px;
			font-size: 16px;
			color: #666;
		}

		.bass100 p a {
			color: #066eca;
			text-decoration: none;
			font-size: 18px;
		}

		.nr16 {
			width: 930px;
			height: auto;
			font-size: 16px;
			line-height: 30px;
			color: #000;
		}

		.nr20 {
			width: 100%;
			height: auto;
			font-size: 20px;
			line-height: 40px;
			color: #000;
			box-sizing: border-box ;
		}

		.pc_tt {
			background: #0065cb;
			color: #fff;
			width: 220px;
			height: 50px;
			font-size: 20px;
			padding-left: 30px;
			line-height: 50px;
		}

		.left_cplei {
			width: 240px;
			height: auto;
			border: solid 1px #ccc;
			margin-bottom: 20px;
			padding: 5px 0px;
			box-sizing: border-box;
		}

		.left_cplei li {
			width: 215px;
			height: 40px;
			background: #ddd;
			margin: 5px auto;
			text-align: left;
			line-height: 40px;
			font-size: 18px;
		}

		.left_cplei li a {
			padding-left: 20px;
			color: #333;
		}

		.left_cplei li a:hover {
			color: #cc0000;
		}

		.left_cplei p {
			width: 220px;
			height: 35px;
			margin: 5px auto;
			border-bottom: dashed 1px #ccc;
		}

		.left_cplei p a {
			color: #000;
			text-decoration: none;
			width: 228px;
			height: 35px;
			font-size: 16px;
			color: #000;
			line-height: 35px;
			display: block;
			padding-left: 10px;
		}

		.left_cplei p a:hover {
			color: #ff0000;
		}

		.lx_nr {
			width: 250px;
			height: auto;
			border: solid 1px #ccc;
			font-size: 16px;
			line-height: 30px;
			color: #000;
			padding: 15px;
			box-sizing: border-box;
		}

		.nyba {
			width: 100%;
			height: 300px;
			background: url(../image/nyba.jpg) top center no-repeat #333;
		}

		.ny_news2 {
			width: 900px;
			height: 50px;
			border-bottom: solid 1px #ddd;
		}

		.ny_news2 .ny_news_tt {
			font-size: 18px;
			color: #333;
			line-height: 50px;
			width: 800px;
			float: left;
		}

		.ny_news2 .ny_news_tt a {
			color: #333;
		}

		.ny_news2 .ny_news_tt a:hover {
			color: #ff0000;
		}

		.ny_news2 .ny_news_time {
			font-size: 14px;
			color: #999;
			line-height: 50px;
			width: 100px;
			float: left;
		}

		.links {
			width: 1070px;
			height: 60px;
			margin: 0 auto;
		}

		.links span {
			float: left;
			margin: 0 10px;
		}

		.links span a {
			font-size: 16px;
			line-height: 60px;
			color: #666;
		}

		.links span a:hover {
			color: #ff0000;
		}

		/*首页新闻*/

		.ny_news a {
			width: 880px;
			height: 120px;
			padding: 10px;
			margin: 0px auto 20px auto;
			border: solid 1px #ddd;
			font-size: 14px;
			color: #666;
			line-height: 30px;
			-webkit-transition: 0.4s;
			-webkit-transition: -webkit-transform 0.4s ease-out;
			transition: transform 0.4s ease-out;
			-moz-transition: -moz-transform 0.4s ease-out;
			display: block;
		}

		.nyxw_left {
			width: 200px;
			height: 120px;
			float: left;
		}

		.nyxw_left img {
			width: 180px;
			height: 100px;
			padding: 5px;
			border: solid 1px #ddd;
		}

		.nyxw_right {
			width: 680px;
			height: 120px;
			float: left;
		}

		.ny_news a h2 {
			width: 680px;
			height: 30px;
			color: #00af35;
			font-size: 20px;
			line-height: 30px;
			font-weight: normal;
			font-family: "Microsoft Yahei";
		}

		.ny_news a p {
			font-weight: normal;
			font-family: "Microsoft Yahei";
			color: #666;
		}

		.ny_news a:hover {
			color: #666;
			transform: scaleX(1.1) scaleY(1.1);
			-webkit-box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
			-moz-box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
			box-shadow: 0 2px 20px rgba(102, 102, 102, .55);
		}

		.news36 {
			color: #5f5f5f;
			font-size: 36px;
			line-height: 30px;
			font-weight: bold;
			text-align: center;
		}

		.news16 {
			color: #909090;
			font-size: 16px;
			line-height: 30px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
		}

		.ibox7 {
			width: 100%;
			max-width: 1200px;
			height: 270px;
			overflow: hidden;
			position: relative;
			padding-top: 20px;
		}

		.ibox7 #LeftArr1 {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 600px;
			height: 270px;
			cursor: pointer;
			background: url(http://www.wfklhb.com/css2/images/left1.jpg) left center no-repeat;
		}

		.ibox7 #RightArr1 {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 600px;
			height: 270px;
			cursor: pointer;
			background: url(http://www.wfklhb.com/css2/images/right1.jpg) right center no-repeat;
		}

		.ihonor {
			height: 270px;
			margin: 0px auto;
			overflow: hidden;
		}

		/*ͼЧ*/

		.cppic {
			width: 380px;
			height: 320px;
			margin: 10px;
			font-family: "Microsoft Yahei";
			font-weight: normal;
			float: left;
		}

		.cppic dl dt {
			width: 378px;
			height: 280px;
			border: solid 1px #ddd;
			display: block;
			overflow: hidden;
		}

		.cppic dl dt img {
			width: 378px;
			height: 280px;
			opacity: 0.4;
			-webkit-transition: -webkit-transform 0.4s ease-out;
			transition: transform 0.4s ease-out;
			-moz-transition: -moz-transform 0.4s ease-out;
			-o-transition: -o-transform 0.4s ease-out;
			-ms-transition: -ms-transform 0.4s ease-out;
		}

		.cppic dl dd {
			text-align: center;
			width: 380px;
			height: 40px;
			line-height: 40px;
			background: #EEE;
			color: #333;
			font-size: 16px;
		}

		.cppic a:hover dl dd {
			background: #e07d7d;
			width: 380px;
			height: 40px;
			color: #FFF;
		}

		.cppic a:hover dl dt img {
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
		}

		.cppic2 {
			width: 150px;
			height: 100px;
			margin: 10px;
			font-family: "Microsoft Yahei";
			font-weight: normal;
			float: left;
		}


		.cppic2 dl dt {
			width: 150px;
			height: 100px;
			border: solid 2px #eee;
		}

		.cppic2 dl dt img {
			width: 150px;
			height: 100px;
			border: 0;
		}

		.cppic3 {
			width: 280px;
			height: 250px;
			margin: 10px;
			font-family: "Microsoft Yahei";
			font-weight: normal;
			float: left;
		}



		.cppic3 dl dt {
			width: 278px;
			height: 210px;
			border: solid 1px #ddd;
		}

		.cppic3 dl dt img {
			width: 278px;
			height: 210px;
			border: 0;
		}

		.cppic3 dl dd {
			text-align: center;
			width: 280px;
			height: 40px;
			line-height: 40px;
			background: #d7d7d7;
			color: #000;
			display: block;
		}

		.cppic3 a:hover dl dd {
			background: #fff;
			width: 280px;
			height: 40px;
			color: #000;
		}

		.nypic {
			width: 280px;
			height: 350px;
			margin: 10px 9px;
			font-family: "Microsoft Yahei";
			font-weight: normal;
			float: left;
		}


		.nypic dl dt {
			width: 278px;
			height: 228px;
			border: solid 1px #ddd;
		}

		.nypic dl dt img {
			width: 278px;
			height: 228px;
			border: 0;
		}

		.nypic dl dd {
			text-align: center;
			width: 280px;
			height: 70px;
			background: #ebebeb;
			color: #000;
		}

		.nypic dl dd h3 {
			text-align: center;
			width: 280px;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			background: #ebebeb;
			color: #000;
		}

		.nypic dl dd p {
			text-align: center;
			width: 280px;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			background: #ebebeb;
			color: #000;
			margin: 0;
			padding: 0;
		}

		.nypic dl dd p span {
			font-family: Impact;
			color: #eb4c00;
			font-size: 22px;
		}

		.nypic a:hover dl dd {
			background: #cd5310;
			width: 280px;
			height: 70px;
			color: #fff;
		}

		.news3 li {
			width: 900px;
			height: 180px;
			font-family: "Microsoft Yahei";
			font-weight: normal;
			margin: 10px;
			border: solid 1px #ddd;
			overflow: hidden;
		}

		.news_l {
			width: 220px;
			height: 180px;
			float: left;
		}

		.news_l img {
			width: 200px;
			height: 160px;
			margin: 10px;
		}

		.news_r {
			width: 660px;
			height: 180px;
			float: left;
		}

		.news_tt {
			font-size: 18px;
			color: #000;
		}

		.news_tt a {
			color: #000;
			line-height: 40px;
			text-decoration: none;
		}

		.news_tt a:hover {
			color: #ff0000;
		}

		.news_nr {
			font-size: 16px;
			color: #666;
			line-height: 27px;
		}

		.news_time {
			font-size: 14px;
			text-align: left;
			line-height: 30px;
			color: #999;
			font: italic;
		}

		.ny_title3 {
			width: 100%;
			max-width: 1200px;
			height: 40px;
			background: #666;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			margin: 0 auto;
			clear: both;
			line-height: 40px;
			padding-left: 10px;
		}

		.ny_love3 {
			width: 1198px;
			height: 280px;
			background: #fff;
			margin: 0 auto;
			border: solid 1px #ddd;
		}

		.ny_love {
			width: 898px;
			height: 280px;
			background: #fff;
			margin: 0 auto;
			border: solid 1px #ddd;
		}

		.ny_title4 {
			width: 890px;
			height: 40px;
			background: #666;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			margin: 0 auto;
			clear: both;
			line-height: 40px;
			padding-left: 10px;
		}

		.ny_love4 {
			width: 898px;
			height: 280px;
			background: #fff;
			margin: 0 auto;
			border: solid 1px #ddd;
		}

		.page22 {
			width: 900px;
			height: 40px;
			margin: 0 auto;
			line-height: 40px;
		}

		.page22 li {
			width: 400px;
			height: 40px;
			float: left;
			text-align: center;
		}

		.page11 {
			line-height: 40px;
			font-weight: bold;
			color: #333;
			text-align: center;
		}

		.page11 i {
			color: #999;
			font-size: 14px;
			font-weight: normal;
		}

		.showlist {
			display: flex ;
			flex-wrap: wrap ;
			gap: 0px 2% ;
		}

		.showlist div {
			width: 100% ;
			display: flex ;
			flex-wrap: wrap ;
			gap: 0px 2% ;
		}

		.showlist li {
			width: 32% ;
			margin: 15px 0px ;
			box-sizing: border-box ;
		}

		.showlist li img {
			width: 100% ;
			height: 100% ;
			object-fit: contain ;
		}

		.news3 li {
			width: 100% ;
		}

		.news_l {
			width: 25% ;
		}

		.news_r {
			width: 75% ;
			padding-left: 5% ;
			box-sizing: border-box ;
		}

		.drop-downLIst {
			width: 200px ;
			position: absolute ;
			left: 0px ;
			top: 65px ;
			background: #FFF ;
			box-sizing: border-box ;
			border-radius: 3px ;
			display: none ;
		}

		.nav li:hover .drop-downLIst {
			display: block ;
		}

		.drop-downLIst .box {
			position: relative;
			width: 100% ;
		}

		.drop-downLIst .tit {
			width: 100% ;
			display: block ;
			padding: 14px 10px ;
			box-sizing: border-box ;
		}

		.drop-downLIst .box .Ds-list {
			position: absolute ;
			right: 0%  ;
			top: 0px ;
			background: #FFF ;
			transform: translateX(100%);
			padding: 5px ;
			box-sizing: border-box ;
			box-shadow: 0px 0px 4px 1px #0000001c ;
			display: none ;
		}

		.drop-downLIst .box .Ds-list a {
			padding: 10px ;
			box-sizing: border-box ;
			display: block ;
		}

		.drop-downLIst .box:hover .Ds-list {
			display: block ;
		}

		.drop-downLIst a:hover {
			background: #0A51BB ;
			color: #FFF ;
		}

		.investor-subnav2 {
			transform: translateX(-50% );
		}


		.Corporate-culture , .Qualifications-Honors {
			width: 100% ;
			margin: 60px 0px ;
		}
		
		.Corporate-culture h2 , .Qualifications-Honors h2  {
			font-size: 25px ;
			font-weight: bold ;
			padding-bottom: 10px ;
			position: relative;
			width: max-content ;
		}

		.Corporate-culture h2::after , .Qualifications-Honors h2::after {
			position: absolute ;
			bottom: 0px ;
			width: 70% ;
			height: 4px ;
			background: #0065cb ;
			content: '';
			display: block ;
		}

		.Corporate-culture .out {
			width: 100% ;
			display: flex ;
			flex-wrap: wrap ;
			margin-top: 40px ;
		}

		.Corporate-culture .out .box {
			width: 25% ;
			display: flex ;
			flex-direction: column ;
			align-items: center ;
		}

		.Corporate-culture .out .box:nth-child(2n) {
			flex-direction: column-reverse ;
		}

		.Corporate-culture .out .box .left {
			width: 100% ;
			height: 200px ;
			overflow: hidden;
		}

		.Corporate-culture .out .box .left img {
			width: 100% ;
			height: 100% ;
			display: block ;
			object-fit: cover ;
		}

		.Corporate-culture .out .box .right {
			width: 100% ;
			height: 200px ;
			padding-left: 3% ;
			padding-right: 3% ;
			box-sizing: border-box ;
			padding: 30px 20px ;
			box-sizing: border-box ;
		}

		.Corporate-culture .out .box .right span {
			font-size: 13px ;
			display: block ;
			font-weight: 500 ;
			color: #333 ;
			margin-bottom: 10px ;
		}

		.Corporate-culture .out .box .right h5 {
			color: #0065cb ;
			font-size: 20px ;
			margin-bottom: 1px ;
			line-height: 1.2em ;
		}

		.Corporate-culture .out .box .right p{
			display: block ;
			width: 100% ;
			font-size: 14px ;
			line-height: 1.5em ;
		}

		.Qualifications-Honors .Honor_swiper {
			margin-top: 50px ;
			width: 100% ;
		}

		.Qualifications-Honors .Honor_swiper  .swiper-slide {
			width: 25% ;
		}
		
		.Qualifications-Honors .Honor_swiper  .swiper-slide .img {
			width: 100% ;
			padding:  10px ;
			padding-top: 0px ;
			box-sizing: border-box ;
		}

		.Qualifications-Honors .Honor_swiper  .swiper-slide .img img {
			width: 100% ;
			display: block ;
		}

		.Qualifications-Honors .Honor_swiper  .swiper-slide h3 {
			font-weight: 500 ;
			font-size: 15px ;
			text-align: center ;
			color: #333 ;
		}

.news-cont-l p {
    display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 4; 
overflow: hidden; 
}



		@media (max-width:1600px) {
			.subnav {
				left: 0px !important;
				transform: translateX(-30% );
			} 

			.investor-subnav2 {
				left: 0px ;
			}
		}


		@media (max-width:1300px) {

			.top2 {
				height: 85px ;
				display: flex ;
				justify-content: space-between ;
				align-items: center ;
			}

			.top2 .logo  {
				display: flex ;
				align-items: center ;
				justify-content: space-between ;
			}

			.top2 .logo img {
				height: 60px  ;
			}

			.top2 .top-gg p {
				font-size: 20px ;
				line-height: normal ;
			}

			.top2 .top-gg {
				font-size: 16px ;
			}

			.nav ul {
				display: flex ;
			}

			.nav li {
				width: auto !important;
				flex: 1 1 auto ;
			}

			.nav li a {
				width: 100% !important;
			}

			.trouble .trobox .list {
				width: 100% ;
			}

			.trouble .trobox .list li {
				width: 20% ;
			}

			#copy {
				height: auto ;
				list-style: none ;
				flex-wrap: wrap ;
			}

			.fa-cont {
				background: none ;
				width: 100% ;
				height: auto ;
			}

			#home-fa {
				height: auto ;
				padding-bottom: 70px ;
			}

			.fa-cont1 , .fa-cont2 {
				width: 100% ;
				padding: 0px  5% ;
				box-sizing: border-box ;
				display: flex ;
				justify-content: space-between ;
				height: auto ;
			}

			.fa-cont2 {
				margin-top: 50px ;
			}

			.fa-cont1 li , .fa-cont2 li{
				width: 25% !important ;
				margin: 0px !important;
				height: auto  !important;
				padding-top: 0px !important;
			}

			.fa-cont2 li {
				width: 22% !important ;
			}

			.fa-cont1 li img , .fa-cont2 li img {	
				position: relative ;
				display: block ;
				width: 160px  ;
				height: 160px ;
				margin: 0 auto ;
				margin-bottom: 20px ;
				bottom: 0px ;
			}

			.fa-cont1 li:hover img ,.fa-cont2 li:hover img {
				width: 160px  ;
				height: 160px ;
			}

			.fa-cont1 li:hover p , .fa-cont1 li:hover strong , .fa-cont2 li:hover p , .fa-cont2 li:hover strong {
				display: block ;
			}

			.trouble .how {
				display: flex ;
			}

			.trouble .how li {
				width: 20% ;
				height: 65px;
				padding-top: 45px;
			}

			.trouble .how li img {
				transform: translateX(-50%);
				width: 60px ;
				height: 60px ;
				margin-left: 0px ;
			}

			.trouble .how li {
				font-size: 18px ;
			}

			.trouble .trobox .list span {
				width: 70px ;
				height: 70px ;
				display: flex ;
				align-items: center ;
				justify-content: center ;
			}

			.trouble .trobox .list span img {
				width: 80% ;
				height: 80% ;
				display: block ;
				object-fit: contain ;
				margin: 0px ;
			}

			.trouble .trobox .list p {
				font-size: 15px ;
				padding: 0px 15px ;
			}

			.b-logo {
				width: 20%  ;
			}

			.b-pro {
				width: 13%  ;
			}

			.b-nav {
				width: 13% ;
			}

			.b-lx {
				width: 28% ;
			}

			.b-logo img {
				width: 90% ;
			}

			#copy .copy-list {
				display: none ;
			}

			.news-cont-l {
				width: 49% ;
			}

			.news-cont ul {
				width: 48% ;
			}

			.news-cont-l img {
				width: 100% ;
			}

			.investor-subnav {
				left: 0px !important;
				transform: translateX(-0% );
			} 

			.News-investor-subnav {
				left: 0px !important;
				transform: translateX(-50% );
			}

			.ny_love3 {
				width: 100% ;
				overflow: hidden;
			}

			div.content img {
				width: auto ;
				max-width: 100% ;
				margin: 5px 0px ;
			}

			.page22 {
				width: 100% ;
				height: auto ;
				display: flex ;
				flex-wrap: wrap ;
				
			}

			.page22 li {
				width: 50% ;
			}

			.ny_title4 , .ny_love4 {
				width: 100% ;
				overflow: hidden;
			}



		}



		@media (max-width:1220px ) {
			.top1 , .top2 , .nav ul , #bass-box{
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.nav ul , .nav {
				height: 55px !important;
			}

			.subnav {
				top: 55px !important;
			}

			.nav li>a {
				font-size: 15px !important;
				height: 55px !important;
				line-height: 55px !important;
			}

			#bass-box {
				height: auto ;
			}

			.sink {
				padding-top: 0px ;
			}

			.home_from {
				margin-top: 0px ;
			}

			#bass-box ul {
				display: flex ;
				align-items: center ;
			}

			#home-lei ul li {
				width: 20% ;
			}

			.pro-box dl:first-child {
				width: 39% ;
			}

			.pro-box dl {
				width: 27% ;
			}

			.pro-box dl dt {
				width: 100% ;
			}

			.pro-box dl dt img {
				width: 100% ;
			}

			.pro-box dl dd {
				padding: 0px 10px 10px 10px ;
				box-sizing: border-box ;
			}

			.pro-box dl dd , .pro-box dl dd a , .pro-box dl:first-child dt , .pro-box dl:first-child dd ,.pro-box dl:first-child dt img {
				width: 100% ;
			}
			
			.fa-cont1 li img, .fa-cont2 li img , .fa-cont1 li:hover img, .fa-cont2 li:hover img {
				width: 145px ;
				height: 145px ;
			}


			#main {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.ny_right {
				width: 70% ;
				padding-left: 5% ;
				box-sizing: border-box ;
			}

			.bass , .nr16 {
				width: 100% ;
			}

			.nr16 img {
				width: auto  ;
				max-width: 100% ;
			}

			.pc_tt {
				box-sizing: border-box ;
			}

			.ny_left {
				width: 30% !important;
			}

			.pc_tt , #col-l , .lx_nr {
				width: 100%  !important;
			}



		}

		@media (max-width:1150px) {
			#home-about {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.about-cont-fl {
				width: 100% ;
			}

			

			.about-cont>img , .about-cont>video{
				margin-top: 50px ;
				width: 100% ;
			}

			.b-nav {
				display: none ;
			}

			#home-lei ul li p {
				width: 100% ;
			}

			#main {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.ny_right , .bass , .nr16 {
				width: 100% ;
			}

			.nr16 img {
				width: auto  ;
				max-width: 100% ;
			}

			.pc_tt {
				box-sizing: border-box ;
			}

			.ny_left , .pc_tt , #col-l , .lx_nr {
				width: 100%  !important;
			}

			.ny_right {
				padding-left: 0px ;
			}

			.news3 li {
				margin: 20px 0px ;
			}

			.news_nr {
				height: 105px ;
				overflow: hidden;
				padding-right: 3% ;
				box-sizing: border-box ;
			}

			.nr20 {
				width: 100% ;
				padding-left: 0px !important;
			}
			

			.nr20 h1 {
				font-size: 30px ;
			}

			.news3 {
				display: flex ;
				flex-wrap: wrap ;
				justify-content: space-between ;	
			} 

			.subnav {
				display: none !important;
			}

		}


		@media (max-width:968px) {
			.top2 .logo img {
				height: 50px ;
			}

			.top2 .top-gg p {
				font-size: 18px ;
			}

			.top2 .top-tel i {
				font-size: 26px ;
				text-align: right ;
			}

			#home-lei ul li img {
				width: 120px ;
				height: 120px ;
			}

			#home-pro {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.pro-box {
				display: flex ;
				flex-wrap: wrap ;
				justify-content: space-between ;
			}

			.pro-box dl:first-child {
				width: 100% ;
				margin: 0px ;
				box-sizing: border-box ;
			}

			.pro-box dl {
				width: 48% ;
				margin: 0 ;
				margin-top: 30px ;
			}

			.fa-cont1 li img, .fa-cont2 li img, .fa-cont1 li:hover img, .fa-cont2 li:hover img {
				width: 120px ;
				height: 120px ;
			}


			#main {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.ny_right , .bass , .nr16 {
				width: 100% ;
			}

			.nr16 img {
				width: auto  ;
				max-width: 100% ;
			}

			.pc_tt {
				box-sizing: border-box ;
			}

			.ny_left , .pc_tt , #col-l , .lx_nr {
				width: 100%  !important;
			}


			.Corporate-culture .out .box {
				width: 100% ;
			}

	

			.Corporate-culture .out .box:nth-child(2n) {
				flex-direction: row-reverse ;
			}

			
			.Corporate-culture .out .box:nth-child(3) {
				flex-direction: row;
			}

			.Qualifications-Honors .Honor_swiper .swiper-slide {
				width: 33.33%;
			}

		}


		@media (max-width:780px) {
			.top2 .top-gg {
				display: none ;
			}

			.pro-box dl:last-child {
				display: block ;
			} 

			#bass-box {
				padding:30px 5% ;
				box-sizing: border-box;
			}

			#bass-box ul {
				flex-wrap: wrap ;
			}

			#bass-box ul li {
				width: 100% ;
			}

			.home_from {
				width: 100% ;
			}

			#home-lei {
				height: auto ;
			}

			#home-lei ul {
				overflow: hidden;
				padding-bottom: 50px ;
			}

			#home-lei ul li:hover p {
				width: 100% ;
			}

			#home-pro h2 , #home-fa h2 {
				font-size: 30px ;
			}

			.trouble h2 {
				font-size: 36px ;
			}

			.nav ul  , .nav{
				flex-wrap: wrap ;
				height: auto !important;
			}

			.nav li {
				width: 25% !important;
			}

			.top1 p span {
				display: none ;
			}

			.top2 .top-tel p img {
				display: none ;
			}

			.top2 .top-tel p {
				font-size: 15px ;
				text-align: right ;
				line-height: normal ;
			}

			.top2 .top-tel i {
				font-size: 20px ;
			}

			#header {
				padding-bottom: 0px ;
			}

			.home_from {
				margin-top: 20px ;
			}

			#bass-box ul {
				height: auto ;
			}

			#home-lei {
				display: none ;
			}

			#home-pro h2, #home-fa h2 {
				font-size: 26px ;
			}

			.pro-box dl:first-child {
				width: 48% ;
			}

			.pro-box dl:first-child dt {
				height: 31vw ;
			}

			.pro-box dl:first-child dt  img {
				height: 100% ;
				object-fit: cover ;
			}

			.pro-box dl:first-child , .pro-box dl dd {
				height: auto ;
			}

			.pro-box dl {
				width: 48% ;
				margin-top: 0px ;
			}

			.pro-box dl dt {
				height: 31vw ;
			}

			.pro-box dl dt img {
				height: 100% ;
			}

			.fa-cont1, .fa-cont2 {
				flex-wrap: wrap ;
			}

			.pro-box dl dd p {
				display: none ;
			}

			.pro-box dl dd a {
				line-height: normal ;
				font-size: 12px ;
			}

			.pro-box dl dd a span {
				display: none ;
			}

			.pro-box dl {
				height: auto ;
			}

			.pro-box {
				gap: 15px 0px ;
			}

			#home-fa {
				background-size: cover ;
			}

			.fa-cont1 li, .fa-cont2 li {
				width: 100%  !important;
				text-align: left !important;
			}

			.fa-cont1 li img, .fa-cont2 li img, .fa-cont1 li:hover img, .fa-cont2 li:hover img {
				display: none ;
			}

			.fa-cont1 li {
				display: flex ;
				flex-direction: column-reverse ;
			}

			.about-cont-fl h3 {
				font-size: 26px ;
			}

			.trouble h2 {
				width: 100% ;
			}

			.trouble h2 {
				font-size: 26px ;
			}

			.trouble h3 {
				line-height: normal ;
				font-size: 16px ;
			}

			.trouble .how {
				display: none ;
			}

			.trouble .trobox {
				padding-top: 0px ;
				margin-top: 40px ;
				background-size: cover ;
			}

			.trouble .trobox .list li {
				height: auto ;
				width: 100% ;
			}

			.trouble .trobox .list {
				height: auto ;
				padding-bottom: 40px ;
				position: relative;
				z-index: 20 ;
			}
        
			.trouble .trobox {
				height: auto ;
			}

			.trouble .trobox .list span {
				display: none ;
			}

			.trouble .trobox .list li {
				background-size: cover ;
				margin-bottom: 30px ;
				padding: 20px 0px ;
			}

			#home-news h2 {
				font-size: 26px  ;
			}

			.news-lei a {
				width: 28% ;
				font-size: 14px ;
			}

			.news-cont-l {
				width: 100% ;
			}

			#home-news , .news-cont {
				height: auto ;
			}

			.news-cont ul {
				width: 100% ;
			}

			.b-logo {
				width: 100% ;
			}

			#footer ul li {
				padding-left: 0px ;
				height: auto ;
			}

			.b-logo img {
				height: 100px ;
				object-fit: contain ;
			}
			
			.b-pro {
				display: none ;
			}

			.b-lx {
				width: 100% ;
				padding: 0px 2% !important;
				box-sizing: border-box ;
			}

			.b-wx {
				width: 100% ;
				padding: 0px 2% !important ;
				box-sizing: border-box ;
			}

			#copy {
				line-height: 2em ;
				padding: 10px 0px ;
			}

			#copy a , #copy {
				font-size: 12px ;
			}

			#copy a img {
				margin-left: 0px ;
				width: 130px ;
			}

			.top1 p {
				font-size: 12px ;
			}

			.news-lei ul {
				width: 100% ;
				display: flex ;
				flex-wrap: wrap ;
			}

			.subnav {
				display: none !important;
			}

			.home_from .bd2 {
				width: calc(100% - 70px);
			}

			.nav li a {
				font-size: 13px !important;
			}

			.top2 .logo img {
				height: 40px ;
			}

			.ny_right , .bass , .nr16 {
				width: 100% ;
			}

			.nr16 img {
				width: auto  ;
				max-width: 100% ;
			}

			.pc_tt {
				box-sizing: border-box ;
			}

			.ny_left , .pc_tt , #col-l , .lx_nr {
				width: 100%  !important;
			}

			#main {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.nyba {
				height: 140px ;
				background-size: cover ;
			}

			.bass100 p a , .bass100 p {
				font-size: 12px ;
			}

			.bass100 {
				padding: 0px 2% ;
				box-sizing: border-box ;
			}

			.showlist li {
				width: 48.5% ;
			}

			.showlist dd a {
				font-size: 13px ;
				line-height: normal ;
			}

			.page22 li {
				width: 100% ;
				height: auto ;
				line-height: normal ;
			}

			.ny_right {
				padding-left: 0px ;
			}

	

			.news3 li {
				height: auto ;
				margin: 15px 0px ;
				width: 48.5% ;
			}

			.news_tt a {
				font-size: 14px ;
				line-height: 1.4em  ;
				display: block ;
			}

			.news_time {
				font-size: 12px ;
			}
			
			.news_r {
				height: auto ;
			}

			.news_nr {
				display: none ;
			}

			.news_l {
				width: 100% ;
			}

			.news_l  img {
				width: 100% ;
				margin: 0px ;
				height: 100% ;
				object-fit: cover ;
			}

			.news_r {
				width: 100% ;
				padding: 10px ;
				box-sizing: border-box ;
			}

			.news_nr {
				height: 60px ;
				overflow: hidden;
			}

			
			.nr20 h1 {
				font-size: 24px  ;
			} 

			.nr20 p{
				font-size: 16px ;
				line-height: 1.7em ;
			}

			#home-pro h3 {
				font-size: 15px ;
			}

			.fa-cont1 li strong {
				line-height: 1.6em ;
			}

			.fa-cont1 li p {
				line-height: 1.6em ;
			}

			.cr {
				display: none ;
			}

			.Corporate-culture .out .box {
				width: 100% ;
				flex-direction: column !important;
			} 

			.Corporate-culture .out .box .left , .Corporate-culture .out .box .right  {
				width: 100% ;
			}

			.Corporate-culture .out .box .right {
				padding: 15px 0px ;
			}

			.Qualifications-Honors .Honor_swiper .swiper-slide {
				width: 50% ;
			}

		}