* {
	font-family: "微软雅黑" !important;
}

.xq-all>div:nth-of-type(2)>p {
	color: #666;
	font-size: 14px;
	line-height: 25px;
	padding: 0 !important;
	margin: 0 !important;
}

.zxna {
	height: 500px;
	width: 100%;
}

html {
	overflow: -Scroll !important;
	overflow-x: hidden !important;
}

html {
	overflow-y: scroll !important;
}

.hy-all {
	background: white;
	margin-bottom: 10vh !important;
}

.hy {
	width: 70%;
	margin: auto;
	overflow: hidden;
}

.hy>p>span {
	font-size: 14px !important;
}


/*.hy > p > span:nth-of-type(3) {
    font-size: 14px;
}
.hy > p > span:nth-of-type(4) {
    font-size: 14px;
}*/

.re-p {
	display: inline-block;
}

.re {
	width: 43.5%;
	float: left;
	margin: 1%;
	padding: 2%;
	border: 2px solid RGB(229, 229, 229);
	box-shadow: 0px 0px 5px RGB(229, 229, 229);
}

.re p:hover {
	color: red;
}

.re:hover {
	border: 2px solid RGB(26, 61, 215);
}

.re>img {
	float: left;
	width: 44% !important;
	/*height: 210px !important;*/
}

.re-p {
	border: 1px solid RGB(229, 229, 229);
	padding: 5px 10px;
	border-radius: 20px;
}

.dian {
	font-size: 14px;
	color: #3da4eb;
	padding: 2px;
}

.now {
	font-size: 14px;
	color: 999999;
	padding: 2px;
	margin-left: 1%;
}

.hy-rl {
	width: 80%;
	/*background: pink;*/
	margin: auto;
	overflow: hidden;
}

.re>span {
	display: inline-block;
	margin: 7% 0 0 8%;
	display: inline-block;
	/*margin: 6% 0 0 5%;*/
	width: 45%;
	float: left;
}

.re p {
	font-size: 0.75rem;
	color: #999999;
	border: 1px solid RGB(229, 229, 229);
	border-radius: 20px;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
}

.re h2 {
	font-size: 1rem;
	font-weight: inherit;
	color: #666666;
	padding-left: 6px;
}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
	.hy {
		width: 90%;
	}
	.re {
		width: 43%;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1001px) {
	.hy {
		width: 90%;
	}
	.re {
		width: 43%;
	}
	.re>img {
		width: 45%;
	}
	.re>span {
		width: 45%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
	.hy {
		width: 90%;
	}
	.re {
		width: 43%;
	}
	.re>img {
		width: 43%;
	}
	.re>span {
		width: 43%;
	}
}

@media only screen and (max-width:599px) {
	.zxna {
		height: 220px !important;
	}
	.qy> h2 {
		font-size: 20px !important;
	}
	.qyjs {
		width: 90% !important;
		text-align: center;
	}
	.qy> span {
		font-size: 14px !important;
	}
	.hy {
		width: 90%;
	}
	.re {
		width: 94%;
	}
	.re>img {
		width: 95% !important;
		margin: 2.5% 2.5%;
	}
	.re>span {
		width: 100%;
		margin: 0;
	}
	.footer-left {
		display: inline-block;
		width: 100% !important;
		margin-left: 5% !important;
		background: RGB(96, 106, 115) !important;
	}
	.footer-right {
		width: 90% !important;
		padding-left: 20px !important;
	}
	.footer-ul {
		/*display: inline-block;*/
		width: 48% !important;
		/*   margin-bottom: 5vh;*/
		float: left !important;
	}
	.header-s a {
		color: white;
		display: inline-block;
		padding: 20px 2px !important;
		font-size: 0.8rem !important;
	}
	.con_li {
		font-size: 15px !important;
	}
	select {
		width: 60px !important;
	}
	.re> img {
		width: 95% !important;
		height: auto !important; 
	}
	.re> span {
		/*width: 30% !important;*/
		text-align: center;
	}
	.re h2 {
		font-size: 1rem;
	}
	.re p {
		font-size: 0.7rem;
	}
	.re> span {
		margin: 5% 0;
	}
	.swiper-container {
		height: 150px;
	}
	.swiper-container img {
		height: auto !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1200px) {
	.re> span {
		margin: 10% 0 0 0;
	}
	.re h2 {
		font-size: 1.1rem;
	}
	.re p {
		font-size: 0.8rem;
	}
}

@media only screen and (max-width: 1200px) {
	.lc-l {
		display: none !important;
	}
	.lc-r {
		width: 95% !important;
		float: right;
		padding: 5px !important;
	}
}

@media only screen and (max-width: 350px) {
	select {
		width: 30px !important;
		height: 20px !important;
	}
}


/*脚部代码*/

.footer-all {
	width: 100%;
	background: RGB(96, 106, 115);
	color: white !important;
	padding-top: 5vh;
}

.footer-left {
	width: 69%;
	/*background: pink;*/
	/*display: inline-block;*/
	float: left;
	margin-left: 3%;
}

.footer-ul {
	/*display: inline-block;*/
	width: 24%;
	margin-bottom: 5vh;
	float: left;
}

.footer-ul li {
	font-size: 16px;
	padding: 5px;
	color: white !important;
}

.footer-ul2 {
	display: inline-block;
	width: 20%;
	margin-bottom: 5vh;
}

.footer-a>li {
	font-size: 18px !important;
	color: white !important;
}

.footer-ul2 li {
	font-size: 16px;
	/*padding: 5px;*/
	color: white !important;
}

.footer-right {
	width: 25%;
	/*background: lavender;*/
	display: inline-block;
	/*margin-right: 2%;*/
}

.footer-right>h2 {
	font-size: 18px;
	font-weight: normal;
}

.footer-right p {
	font-size: 16px;
	margin: 5px;
	color: white !important;
	background: RGB(21, 47, 168);
	width: 80px;
}

.footer-right>p {
	background: none !important;
}

.footer-right a {
	display: inline-block;
	margin: 5px;
	font-size: 16px;
	color: white !important;
}


/*第二个头部代码*/

.header-s {
	width: 100%;
	height: 60px;
	background: RGB(21, 48, 168);
}

.header-s>ul {
	float: right;
	margin-right: 5%;
}

.header-s li {
	display: inline-block;
}

.header-s a {
	color: white;
	display: inline-block;
	padding: 16px 10px;
	font-size: 1.1rem;
}

select {
	background: RGB(248, 234, 0);
	border: none;
	border: 1px solid RGB(248, 234, 0);
	width: 80px;
	height: 30px;
}

select::-ms-expand {
	display: none;
}

.select {
	position: relative;
}

.select>img {
	position: absolute;
	top: 30%;
	right: 10%;
}


/*招贤纳士代码*/

.zp-content {
	width: 100%;
	margin-top: 8vh auto;
}

.zx-all {
	width: 70%;
	/*background: pink;*/
	overflow: hidden;
	margin: auto;
	margin-bottom: 8vh;
}

.zp {
	width: 20%;
	height: 100px;
	margin: 5vh auto;
	border: 1px solid gainsboro;
	/*padding: 20px 10px;*/
	position: relative;
}

.zp>span {
	width: 50px;
	height: 1px;
	background: gainsboro;
	display: block;
	position: absolute;
	left: -30px;
	top: 80%;
}

.zp>h2 {
	font-size: 26px;
	color: #666;
	position: absolute;
	left: 20px;
}

h2>span {
	font-size: 15px;
	font-weight: normal;
}

.zp>p {
	font-size: 16px;
	color: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
}


/**/

.zp-left {
	float: left;
	width: 45%;
}

.zp-left>p {
	border: 1px solid RGB(228, 228, 228);
	width: 100%;
	text-align: center;
	background: ghostwhite;
	display: inline-block;
}

.zp-left>img {
	margin-top: 4%;
	width: 100%;
}

.zjx {
	float: left;
	width: 10%;
	text-align: center;
	position: relative;
}

.zjx>span {
	display: inline-block;
	width: 1px;
	height: 400px;
	background: RGB(228, 228, 228);
}

.zjx>.p-t {
	width: 80px;
	height: 1px;
	background: RGB(228, 228, 228);
	position: absolute;
	top: 12%;
	left: 65%;
}

.zjx>p {
	width: 80px;
	height: 1px;
	background: RGB(228, 228, 228);
	position: absolute;
	top: 10%;
	left: -30%;
}

.zjx>img {
	position: absolute;
	top: 5%;
	left: 30%;
}

.zp-right {
	float: left;
	width: 45%;
	margin-top: 2vh;
}

.zp-right ol>li {
	font-size: 15px;
	padding: 1px;
}

.zw {
	padding: 3px;
	font-size: 18px;
}


/*.bl-li > li:nth-of-type(1){
		padding-top: 5% !important;
		}*/

@media only screen and (min-width:1200px) and (max-width: 1440px) {
	.zx-all {
		width: 80%;
	}
	.zp {
		width: 30%;
		margin: 3vh auto;
	}
	.company_r {
		width: 80% !important;
	}
	.qyjs {
		width: 80% !important;
	}
	.lc-l {
		width: 10%;
	}
	.lc-r {
		width: 80%;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.zx-all {
		width: 90%;
	}
	.zp {
		width: 30% !important;
		/*font-size:20px;*/
		margin: 2vh auto;
	}
	.company_r {
		width: 80% !important;
	}
	.lc-r {
		width: 70%;
	}
	.qyjs {
		width: 80% !important;
	}
}

@media only screen and (max-width:1000px) {
	.zp-left {
		width: 100% !important;
	}
	.zp-right {
		width: 100%;
		margin: 3vh auto;
	}
	.zjx {
		display: none;
	}
	.zx-all {
		width: 90%;
		margin-bottom: 3vh;
	}
	.zp {
		width: 40% !important;
		margin: 1vh auto;
	}
	h2 {
		padding: 0 !important;
	}
	.company_r {
		width: 90% !important;
	}
	.bl-li> li {
		width: 10% !important;
	}
}

@media only screen and (max-width:560px) {
	.zp> h2 {
		font-size: 16px;
	}
	.zp> p {
		font-size: 12px;
		color: #999;
	}
	.zp {
		width: 50% !important;
		margin: 1vh auto;
	}
	.zp {
		height: 50px;
	}
	.scsb {
		width: 100% !important;
	}
	.scsb {
		width: 30%;
		float: left;
		margin: 3%;
		background: white;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.qyjs {
		width: 80% !important;
	}
	.lc-l {
		width: 10%;
	}
	.lc-r {
		width: 85% !important;
	}
}

@media only screen and (min-width:600px) {
	/*#figure.effect-sarah img {
		height: 230px !important;
	}*/
}


/*三级菜单样式*/

.bl-li {
	position: relative;
	height: 300px;
	float: none !important;
	background: RGB(243, 243, 243);
	padding-top: 25px;
}

.bl-li>li {
	float: none !important;
	background: RGB(243, 243, 243);
	width: 20% !important;
	font-size: 1rem;
	padding: 5px !important;
	margin-left: 10% !important;
	/*border-bottom: 1px solid gr;*/
	/*text-align: center;*/
}

.ul-t {
	background: white;
	width: 70%;
	height: 300px;
	position: absolute;
	right: 0;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	padding-top: 25px;
}

.bl-li-t .ul-t li {
	float: none;
	width: 25% !important;
	/*text-align: center;*/
	padding: 5px !important;
	border-bottom: 1px solid RGB(243, 243, 243);
	margin-left: 5%;
}

.ul-t>img {
	float: right;
	position: absolute;
	top: 25px;
	right: 5%;
	/*height: 250px;*/
	/*width: 60%;*/
}

.hove {
	z-index: 5;
	display: block;
}


/*轮播图css样式*/

body {
	margin: 0;
	padding: 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.re>span>.gj {
	border: 1px solid gainsboro;
	padding: 5px;
	width: 80px;
	border-radius: 20px;
	text-align: center;
	margin: auto;
}

.re>span>.hh {
	text-align: center;
	margin-bottom: 5px;
}

.xwxq-all {
	width: 70%;
	margin: auto;
}

.xwxq>P {
	border: 1px solid blue;
	border-radius: 20px;
	width: 220px;
	padding: 5px;
	margin-bottom: 0.5rem;
}

.xwxq>div {
	border: 1px solid blue;
	border-radius: 20px;
	width: 100px;
	padding: 5px;
	text-align: center;
	line-height: 20px;
}

.header-s a:hover {
	color: RGB(255, 241, 0);
}

.color {
	color: orange;
}

.bl-li-t>a:hover {
	color: #1a3dd8;
}

.ul-t>li>a:hover {
	color: #1a3dd8;
}

.last {
	height: 400px !important;
}

.last .ul-t {
	height: 400px;
}

.last .ul-t> img {
	height: 300px;
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
	.zx-all {
		min-width: 1200px !important;
	}
	.hy {
		min-width: 1200px !important;
	}
}