﻿html {
	font-size: 10px;
	padding: 0;
	margin: 0;
}

* {
	padding: 0;
	margin: 0;

}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

p {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}


.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}


.header-bg {
	min-width: 1200px;
}

.header-bg img {
	width: 100%;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(11, 68, 137, .7);
	border-bottom: 1px solid #e1dede;
	padding: 14px 0 0 0;
	min-width: 1200px;
	z-index: 1000;
	display: flex;
	justify-content: space-between;

}

.nav {
	
	min-width: 600px;
	font-size: 1.6rem;
	color: #ffffff;
	

}

.nav ul {
	text-align: center;
	font-size: 0;
	

}


.nav ul li {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 60px;
	margin-left: 6%;
	padding-bottom: 24px;
}

.nav ul li:first-child {
	margin-left: 0;
}

.nav ul li span a {
	color: #FFFFFF;
}

.item {
	display: none;
	width: 100%;
	position: absolute;
	top: 99px;
	left: 0;
	background: rgba(67, 117, 176, .5);
	justify-content: center;
	padding: 0 340px 0 260px;

}

.nav ul li:hover .item {
	display: flex;
}

.item-nav {
	width: 600px;
	display: flex;
	justify-content: flex-start;


}

.item-nav span {
	margin-left: 6%;
	position: relative;
}

.item-nav span:first-child {
	margin-left: 2%;
}

.item-nav span a {
	color: #FFFFFF;
	font-size: 1.6rem;
}

.item-nav span:after {
	display: none;
	content: '';
	width: 100%;
	height: 3px;
	background: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
}

.item-nav span:hover:after {
	display: block;
}

.head-right {
	width: 340px;
	
	padding: 11px 38px 12px 0;
}


.logo {
	width: 260px;
	
	padding-left: 38px;
	padding-top: 9px;
	padding-bottom: 24px;
}

.logo img {
	width: 216px;
}

.search {
	float: left;
	width: 230px;
	border-bottom: 1px solid #FFFFFF;
	padding: 0 0 8px 0;
}

.search input {
	width: 190px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	color: #FFFFFF;
}

.search img {
	width: 26px;
}

.language {
	float: left;
	font-size: 1.6rem;
	color: #FFFFFF;
	padding-left: 29px;
	position: relative;
	margin-left: 23px;
	line-height: 37px;
}

.language:after {
	content: '';
	width: 1px;
	height: 30px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	line-height: 35px;
}

.about {
	width: 100%;
	min-width: 1200px;
	background-image: url(../image/about.png), url(../image/about-bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right 109px, center;
	background-size: auto calc(100% - 200px), auto 100%;
	padding-bottom: 120px;

}




.about-hoomya {
	width: 1200px;
	margin: 0 auto;
	padding-top: 109px;

}

.title {
	color: #333333;
	font-size: 5rem;
	line-height: 72px;

}

.title p:first-child {
	font-weight: bold;
}

.about-text {
	background: #FFFFFF;
	width: 820px;
	padding: 60px 220px 85px 60px;
	margin-top: 100px;
}

.name {
	color: #333333;
	font-size: 2.6rem;
	padding-bottom: 30px;
	position: relative;
}

.name:after {
	content: '';
	width: 100px;
	height: 2px;
	background: #b18147;
	position: absolute;
	bottom: 0;
	left: 0;
}

.del {
	margin-top: 36px;
	color: #666666;
	font-size: 2rem;
}

.more {
	width: 200px;
	height: 50px;
	background: #0b4486;
	margin-top: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.more a {
	font-size: 1.6rem;
	color: #ffffff;
	font-weight: bold;
}

.more img {
	width: 28px;
	margin-left: 10px;
}

.jiying {
	width: 100%;
	min-width: 1200px;
	display: flex;
	justify-content: center;

}

.jiying ul {
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
}

.jiying ul li {
	position: relative;
	overflow: hidden;
}

.jiying ul li>img {
	width: 100%;
}

.gene {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../image/grebg.png) no-repeat;
	background-size: 100% auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gene p {
	color: #ffffff;
	font-size: 3rem;
	position: absolute;
	top: 17.27%;
}

.gene-btn {
	width: 48%;
	height: 33.17%;
	position: relative;
	border-radius: 50%;
	border: 1px solid #b18147;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 1s;
}

.gene-btn:hover {
	transition: 1s;
}

.go {
	width: 42px;
	height: 42px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	position: absolute;
	bottom: 13.17%;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}

.go:hover {
	background: #FFFFFF;
	color: #295b95;
}

.news-del {
	width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
}

.news-list {
	margin-top: 95px;
}

.news-list ul {}

.news-list ul li {
	float: left;
	width: 31%;
	box-shadow: 0 0 9px rgba(0, 0, 0, .3);
	padding-bottom: 28px;
}

.news-list ul li:nth-child(3n+2) {
	margin: 0 3.5%;
}

.news-list ul li>img {
	width: 100%;
}

.news-text {
	padding: 25px 20px 33px 20px;
}

.news-text p:first-child {
	font-size: 1.8rem;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-text p:last-child {
	color: #666666;
	font-size: 1.4rem;
	margin-top: 12px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gotime {
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

.gotime span {
	display: flex;
	align-items: center;
}

.gotime span:first-child {
	border: 1px solid #a5a5a5;
	border-radius: 50%;
	height: 42px;
	width: 42px;
	justify-content: center;
	font-size: 2rem;
}

.gotime span:first-child:hover {
	background: #0b4486;
	border: 1px solid #0b4486;
	color: #FFFFFF;
}

.gotime span:last-child {
	color: #999999;
	font-size: 1.4rem;
}

.center {
	margin: 78px auto;
}

.cooperation {
	background: url(../image/hzbg.png) no-repeat;
	background-size: auto 100%;
	min-width: 1200px;
	margin: 0 auto;
	background-position: center center;
}

.cooperation-del {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0 145px 0;
	display: flex;
	justify-content: space-between;
}

.cooperation-title {
	color: #FFFFFF;
}

.partners {
	width: 705px;
	background: #FFFFFF;
	padding: 70px 80px;
}

.partners ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.partners ul li {
	width: 50%;
	margin: 25px 0;
}



.footer {
	background: #f9f9f9;
}

.footer-list {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
}

.footer-list ul {
	display: flex;
	justify-content: space-between;
	width: 1000px;
}

.footer-list ul li {
	width: 175px;
}

.footer-list ul li>p a {
	color: #666666;
	font-size: 1.4rem;
}

.footer-list ul li>p:first-child {
	color: #333333;
	font-size: 1.8rem;
	line-height: 1.8rem;
	padding-bottom: 16px;

}

.footer-list ul li>p {
	line-height: 34px;
	display: flex;
	justify-content: flex-start;
	color: #666666;
	font-size: 1.4rem;
}

.footer-list ul li>p span:first-child {
	width: 78px;

}



.ewm {
	width: 141px;
	text-align: center;
	padding-top: 10px;
}

.copyright {
	line-height: 50px;
	color: #666666;
	font-size: 1.4rem;
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #eeeeee;
}



.about-nav {
	border-bottom: 1px solid #eeeeee;
	line-height: 70px;
}

.about-nav ul {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
}

.about-nav ul li {
	margin-left: 50px;
	position: relative;
}

.about-nav ul li:first-child {
	margin-left: 20px;
}

.about-nav ul li a {
	color: #666666;
	font-size: 1.6rem;

}

.about-nav ul li.chose a {
	color: #0b4486;
}

.about-nav ul li.chose:after {
	content: '';
	background: #0b4486;
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.about-hy {
	margin: 0 auto;
	width: 1200px;
	padding-bottom: 74px;
}

.hy-title {
	color: #333333;
	font-size: 5.5rem;
	line-height: 83px;
	margin: 95px 0 55px 0;
}

.hy-title p:first-child {
	font-weight: bold;
}

.hy-details {
	font-size: 1.6rem;
	color: #666666;
	line-height: 33px;
	text-indent: 35px;
}

.graphic {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 22px;

}

.graphic p {
	margin-left: 40px;

}

.graphic img {}

.main {
	display: flex;
	justify-content: space-between;
}

.team {
	position: relative;
	
	min-width: 1200px;

}

.team-cont {
	padding-right: 350px;
	width: 1200px;
	height: 555px;
	position: relative;
	padding-top: 75px;
}

.team-cont:after {
	content: '';
	background: #f9f9f9;
	position: absolute;
	left: -116px;
	top: 0;
	height: 100%;
	width: calc(100% + 116px);
	z-index: -1;

}

.business {
	width: 1200px;
	margin: 0 auto;
	padding-right: 300px;
	height: 528px;
	padding-top: 90px;
}

.team-tit {
	color: #666666;
	font-size: 5.5rem;
	line-height: 106px;
	margin-bottom: 40px;
}

.team p {
	color: #666666;
	font-size: 1.6rem;
	line-height: 33px;
}


.team-img {
	width: calc(50% - 600px);
	position: relative;
}

.team-img img {
	position: absolute;
	left: -260px;
	top: 75px;
}

.cont-bg:after {
	content: '';
	height: 555px;
	width: 100%;
	background: #f9f9f9;
	position: absolute;
	layout-flow: 0;
	top: 0;
	z-index: -1;
}

.industry-field {
	display: flex;
	justify-content: space-between;
	padding-bottom: 220px;
	min-width: 1200px;
}

.industry-text {
	width: 1200px;
	color: #ffffff;
	height: 775px;
	position: relative;
}

.industry-text:after {
	content: '';
	background: #0b4486;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 120px);
	height: 100%;
	z-index: -1;
}

.outside {
	width: calc(50% - 600px);
	position: relative;
}

.outside img {
	position: absolute;
	right: 0;
	top: 200px;
}

.industry-field .outside:first-child:after {
	content: '';
	background: #0b4486;
	height: 775px;
	width: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
}

.industry-name {
	font-size: 5.5rem;
	line-height: 55px;
	padding-top: 68px;
}

.paragraph {
	padding-left: 26px;
	font-size: 1.6rem;
	line-height: 33px;
	margin-top: 70px;

}

.paragraph p:first-child {
	font-size: 2rem;
	margin-bottom: 30px;
}

.culture {
	padding-bottom: 100px;
}

.culture-title {
	width: 1200px;
	margin: 0 auto;
	color: #333333;
	font-size: 5.5rem;
	line-height: 83px;
	padding: 90px 0 60px 0;
}

.culture-title p:first-child {
	font-weight: bold;
}

.culture ul {
	width: 1200px;
	margin: 0 auto;
}

.culture ul li {
	display: flex;
	justify-content: flex-start;
	padding-bottom: 60px;
}

.culture ul li:nth-child(2n) {
	flex-direction: row-reverse;
}

.culture ul li .culture-img {
	width: 375px;
}

.culture ul li .culture-img img {
	width: 100%;
}

.culture-text {
	width: calc(100% - 375px);
	padding: 0 30px 0 38px;
	color: #333333;
	font-size: 1.6rem;
	line-height: 33px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.culture-text p {
	width: 100%;

}

.culture-text p:first-child {
	font-size: 2.6rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;

}

.culture-text p span {
	font-weight: bold;

}


.technology {
	background: #eeeeee;
	padding-bottom: 70px;
	padding-top: 90px;
}

.technology ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
}

.technology ul li {
	display: flex;
	justify-content: flex-start;
	background: #FFFFFF;
	margin-bottom: 30px;
	padding: 10px 0 20px 0;

}

.technology ul li:nth-child(2n) {
	flex-direction: row-reverse;
}

.technology-title {
	font-size: 5.5rem;
	color: #333333;
	line-height: 83px;
	margin: 0 auto;
	width: 1200px;
}

.technology-title p:first-child {
	font-weight: bold;
}

.technology-text {
	width: 50%;
	color: #333333;
	font-size: 1.6rem;
	line-height: 33px;
	padding: 0 34px;
}

.sample {
	width: 50%;
}

.sample img {
	width: 100%;
}

.technology-text p:first-child {
	font-size: 2.6rem;
	font-weight: bold;
}

.technology-text p {
	margin-top: 26px;
}

.technology-text p span {
	font-weight: bold;
}


.expert {
	padding-top: 95px;
}

.expert ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 52px;
}

.expert ul li {
	display: flex;
	justify-content: flex-start;
	padding: 48px 0;
	border-bottom: 1px solid #EEEEEE;
}

.portrait {
	width: 209px;
}

.portrait img {
	width: 100%;
}

.introduce {
	width: calc(100% - 209px);
	padding: 0 25px 0 33px;
	font-size: 1.6rem;
	color: #333333;
	line-height: 33px;
}

.introduce p:first-child {
	line-height: 45px;
	font-size: 2.6rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.companion {
	margin-top: 95px;
}

.companion ul {
	margin: 0 auto;
	width: 1200px;
	padding-top: 40px;
}

.companion li {
	border-bottom: 1px solid #EEEEEE;
	height: 280px;
	padding: 60px 0 0 0;
	color: #333333;
	font-size: 1.6rem;
	-webkit-overflow-scrolling: 33px;
}

.companion li p {
	margin-top: 25px;
}



.company-news {
	background: #eeeeee;
	padding: 50px 0;
}

.company-news ul {
	width: 1200px;
	margin: 0 auto;
}

.company-news ul li {
	margin-bottom: 40px;
	background: #FFFFFF;
	display: flex;
	justify-content: flex-start;
	padding: 40px;
	color: #333333;
	font-size: 1.4rem;
	line-height: 31px;
	height: 250px;
}

.company-news ul li img {
	margin-right: 40px;
}

.news-details {
	padding: 0 174px 31px 0;
	position: relative;
	flex: 1;
	width: 0;
}

.news-details p {
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-details p:first-child {
	font-size: 2.2rem;
	margin-bottom: 12px;
	-webkit-line-clamp: 1;
}

.godel {
	position: absolute;
	right: 0;
	top: 50%;
	height: 40px;
	width: 40px;
	border: 1px solid #9f9f9f;
	border-radius: 50px;
	margin-top: -20px;

}

.news-time {
	color: #999999;
	position: absolute;
	left: 0;
	bottom: 0;

}

.godel a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 2rem;
}

.godel a i {
	color: #494949;
	font-size: 2rem;

}

.godel:hover {
	background: #0b4486;
	border: 1px solid #0b4486;
}

.godel:hover i {
	color: #FFFFFF;
}

.page {
	text-align: center;
	font-size: 0;
	font-size: 1.6rem;
	color: #333333;
	margin-top: 70px;
}

.page li {
	width: auto !important;
	display: inline-block !important;
	line-height: 40px !important;
	background: #FFFFFF !important;
	padding: 0 !important;
	border: 1px solid #eeeeee;
	height: 43px !important;
}

.page li a {
	padding: 0 16px !important;
	font-size: 1.6rem;
	color: #333333;
}

.page li span {
	display: block;
	padding: 0 16px !important;
}



.journalism {
	background: #eeeeee;
	padding: 30px 0 60px 0;
}

.article {
	width: 1200px;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 50px 84px;
}

.article-tit {
	text-align: center;
	border-bottom: 1px solid #EEEEEE;
	color: #999999;
	font-size: 1.4rem;
	line-height: 45px;
	padding-bottom: 10px;
}

.article-tit p:first-child {
	font-size: 3rem;
	color: #333333;
}

.article-body p {
	color: #666666;
	font-size: 1.6rem;
	line-height: 36px;
}

.figure {
	text-align: center;
	padding-bottom: 15px;
}

.figure p:first-child {
	text-align: left;
}

.figure img {
	margin: 25px 0 4px 0;
}

.action-buttons {
	display: flex;
	justify-content: space-between;
	padding-top: 34px;
	border-top: 1px solid #eeeeee;
}

.backlist span {
	color: #666666;
	font-size: 1.6rem;
	border: 1px solid #cccccc;
	padding: 0 42px;
	line-height: 50px;
	display: block;
	margin-top: 8px;
}

.backlist span a {
	color: #666666;
}

.updown {
	display: flex;
	flex-direction: column;
}

.updown span a {
	color: #666666;
	font-size: 1.6rem;
	line-height: 30px;
}

.updown span:hover a {
	color: #0b4486;
}

.map {
	padding-top: 76px;
}

.map-img {
	margin: 0 auto;
	width: 1200px;
	text-align: center;
	padding: 95px 0 47px 0;
}

.map-img ul {
	text-align: left;
	margin-top: 35px;

}

.map-img ul li {
	height: 41px;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: #333333;
}

.map-img ul li span {
	margin-left: 15px;
}

.container {
	width: 750px;
	height: 540px;
}

.contact {
	padding: 75px 0 130px 0;
}

.contact-us {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 30px 0 0 0;
}

.us-message {
	padding-top: 50px;
}

.us-message li {
	display: flex;
	justify-content: flex-start;
	font-size: 2rem;
	color: #333333;
	line-height: 50px;
}

.address label:after {
	content: '';
	width: 20px;
	height: 20px;
	transform: rotateZ(45deg);
	background: #fff;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -10px;
	bottom: -3px;
	z-index: -1;

}


.mess-from {
	width: 1200px;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 100px 0 90px 0;
	background: url(../image/messbg.png) no-repeat bottom;
	background-size: 100%;
	margin-bottom: 100px;
}

.mess-from ul {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 38px;
}

.mess-from li {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
	font-size: 1.6rem;
	color: #333333;
}

.mess-from li input {
	outline: none;
	border: 1px solid #cccccc;
	width: 300px;

	padding: 0 10px;
}

.mess-from li span {
	width: 188px;
	padding-left: 80px;
	line-height: 40px;
}

.mess-from li textarea {
	width: calc(100% - 188px);
	height: 238px;
	outline: none;
	border: 1px solid #cccccc;
	resize: none;
	padding: 10px;
	margin-top: 10px;
}

.mess-from li select {
	width: 300px;
	border: 1px solid #cccccc;
	outline: none;
	padding: 0 10px;
}

.getbtn {
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
	line-height: 46px;
	width: 180px;
	margin: 0 auto;
	background: #0b4486;
}

.service-project {
	padding-top: 100px;
}

.service-project ul {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 90px 0 150px 0;
}

.service-project ul li {
	position: relative;
	width: calc(50% - 15px);
	margin-bottom: 30px;
}

.service-project ul li img {
	width: 100%;
}

.project-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(69, 69, 69, .8);
	color: #d5e6fa;
	font-size: 1.4rem;
	padding: 10px 25px;
}

.service-project ul li:nth-child(2n) {
	margin-left: 30px;
}

.service-project ul li:nth-child(2n) .project-text {
	background: rgba(11, 68, 134, .8);


}

.project-text p:first-child {
	color: #ffffff;
	font-size: 2rem;
}

.screening {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 95px;
}

.screen-icon {
	background: #b18147;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	margin: 65px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.screen-title {
	text-align: center;
	font-size: 4rem;
	color: #333333;
	position: relative;
	padding-bottom: 25px;
}

.screen-title:after {
	content: '';
	width: 70px;
	height: 3px;
	background: #b18147;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -35px;
}

.screening ul {
	text-align: center;
}

.screening ul li {
	font-size: 1.6rem;
	color: #666666;
	line-height: 38px;
	margin-top: 60px;
}

.screening ul li p:first-child {
	font-size: 3rem;
	color: #333333;
	margin-bottom: 30px;

}

.cost {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	padding-bottom: 70px;
}

.cost-img {
	width: 50%;
	position: relative;
	height: 700px;
}

.cost-img img {
	position: absolute;
	right: 35px;
	top: 0;
}

.costlist {
	width: 50%;
	padding: 0 20px 0 30px;
}

.costlist li {
	color: #666666;
	font-size: 1.6rem;
	line-height: 38px;
	margin-top: 65px;
	padding-bottom: 20px;
}

.costlist li p {
	padding-bottom: 10px;
}

.costlist li p:first-child {
	font-size: 3rem;
	color: #333333;
	margin-bottom: 35px;
}

.costlist li p span {
	font-weight: bold;
}

.steps {
	background: url(../image/bz.png) no-repeat center;
	color: #ffffff;
	margin-top: 10px;
}

.steps-list {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	height: 612px;
}

.steps-title {
	font-size: 3rem;
}

.steps-list ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 70px;
}

.steps-list ul li {
	width: 33.33%;
	padding: 0 27px;
	font-size: 1.6rem;
	line-height: 37px;
	position: relative;
}

.steps-list ul li p:first-child {
	font-size: 3rem;
	padding-bottom: 30px;
}

.steps-list ul li p span {
	color: #a9ccf4;
}

.steps-list ul li:after {
	content: '';
	background: #4680c4;
	width: 1px;
	height: 307px;
	position: absolute;
	left: 0;
	top: -30px;
}

.steps-list ul li:last-child:before {
	content: '';
	background: #4680c4;
	width: 1px;
	height: 305px;
	position: absolute;
	right: 0;
	top: -30px;
}

.security {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 100px 0 120px 0;
}

.security img {
	margin-right: 35px;
}

.security-text {
	width: 650px;
	padding: 0 25px;
	font-size: 1.6rem;
	color: #666666;
	line-height: 36px;
}

.security-text p {
	margin-bottom: 38px;
}

.security-text p:first-child {
	color: #333333;
	font-size: 3rem;
}

.security-text p span {
	font-weight: bold;
}

.jy {
	text-align: center;
	font-size: 1.6rem;
	color: #666666;
	line-height: 35px;

}

.jy p:first-child {
	font-weight: bold;
	margin: 60px 0 30px 0;
}

.trait {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 148px 0;
}

.trait ul {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.trait ul li {
	width: 380px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	padding: 67px 0 65px 0;
	line-height: 28px;
	font-size: 1.6rem;
	color: #666666;
}

.trait-text p:first-child {
	font-size: 2rem;
	margin: 21px 0 16px 0;
}

.trait-tit {
	font-size: 3rem;
	color: #333333;
	line-height: 30px;
	padding: 50px 0;
}

.actsy li:first-child {
	margin-top: 15px;
}

.actsy li p {
	padding-bottom: 5px;
}

.actsy li p:first-child {
	margin-bottom: 30px;
}

.risk-trait {
	padding-bottom: 65px;
}

.risk-trait ul li {
	padding: 30px 45px;
	line-height: 37px;
}

.risk-trait .trait-text p:first-child {
	font-size: 2.2rem;
}

.advantage {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.advantage-list {
	display: flex;
	justify-content: space-between;
}

.advantage-list ul {
	width: 55%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 40px 0;
}

.advantage-list li {
	font-size: 1.6rem;
	color: #333333;
	width: 50%;
	padding-left: 50px;
}

.advantage-list li span {
	color: #034b9f;
	font-size: 4rem;
	font-weight: bold;
	margin-right: 12px;
}

.institutions {
	width: 1200px;
	margin: 0 auto;
	padding: 85px 0 70px 0;
}

.ins-introduce {
	display: flex;
	justify-content: flex-start;
}

.ins-table {
	text-align: center;
	margin-top: 90px;
}

.ins-dels {
	width: 50%;
	padding-right: 40px;
	font-size: 1.6rem;
	color: #666666;
	line-height: 38px;
	padding-top: 20px;
}

.ins-dels p:first-child {
	font-size: 3rem;
	color: #333333;
	padding: 40px 0;
}

.pad-t40 {
	padding-top: 40px;
}




.development-platform {
	width: 1200px;
	margin: 0 auto;
	padding: 108px 0 50px 0;
}

.platform-title {
	font-size: 5rem;
	color: #333333;
	line-height: 106px;
	margin-bottom: 35px;
}

.platform-title p:first-child {
	font-weight: bold;
	line-height: 58px;
}

.development-platform li {
	margin-bottom: 80px;
}

.content-n {
	font-size: 3rem;
	color: #0b4486;
	line-height: 70px;
}

.content-t {
	font-size: 1.6rem;
	color: #333333;
	line-height: 38px;
}

.content-t p:first-child {
	font-size: 2rem;
	font-weight: bold;
	text-indent: 0;
	line-height: 50px;
}

.content-t p {
	text-indent: 32px;
}

.recruitment-information {
	width: 1200px;
	margin: 0 auto;
	padding: 110px 0 100px 0;
}

.recruitment-information li a {
	display: flex;
	justify-content: flex-start;
}

.recruitment-information li a span {
	width: 25%;
	font-size: 1.6rem;
	color: #333333;
}

.recruitment-information li {
	padding-left: 36px;
	line-height: 60px;
}

.recruitment-information li:nth-child(2n-1) {
	background: #f6f6f6;
}



.threshold {
	width: 1200px;
	margin: 0 auto;
	padding-top: 7rem;
	padding-bottom: 25px;
	border-bottom: 0.1rem solid #ededed;
}

.threshold>p {
	font-size: 2.6rem;
	color: #333333;
}

.threshold ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 2.5rem;
}

.threshold li {
	margin-right: 10rem;
	line-height: 4rem;
}

.threshold li p {
	font-size: 1.6rem;
}

.threshold li p span:first-child {
	margin-right: 2rem;
}

.ganwei_yaoqiu {
	width: 1200px;
	margin: 0 auto;
	font-size: 1.6rem;
	color: #333333;
	line-height: 3.2rem;
	padding: 2.7rem 0 15rem 0;
}

.ganwei_yaoqiu ul {
	padding-bottom: 1.5rem;
}

.ganwei_yaoqiu>p {
	line-height: 5.2rem;
}

.ganwei_yaoqiu li {
	margin-bottom: 3.3rem;
}

.ganwei_yaoqiu li p:first-child {
	font-weight: bold;
	line-height: 5rem;
}

.sqzw_btn {
	color: #FFFFFF;
	font-size: 1.6rem;
	background: #0b4486;
	width: 13rem;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}



.ani-view {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.ani-view.fade-in-down {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}

.ani-view.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.ani-view.fade-in-left {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
}

.ani-view.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes fadeInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.ani-view.fade-in-right {
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
}

.ani-view.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}






.nav ul li .item {
	top: 98px;
	border-top: 1px solid #e1dede;
}

.item::after {
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: -40px;
}

.jiying .title {
	display: none;
}

.graphic_text img {
	display: none;
}
.culture-text img{
    display:none;
}

.mobile_nav {
	display: none;
}

.header-bg img:nth-of-type(2) {
	display: none;
}
.company-news .pagelist_mod{
	display: none;
}
@media screen and (max-width: 767px) {
	.content {
		padding-top: 11.2rem;
	}

	.header-bg {
		min-width: 100%;
	}

	.header {
		display: flex;
		flex-direction: column;
		min-width: 100%;
		padding-top: 1.2rem;
		background: #0b4486;
		border-bottom: 1px solid #5687c0;
	}

	.header .head-right {
		display: none;
	}

	.logo {
		width: 100%;
		padding: 0;
		display: flex;
		justify-content: center;
		height: 5rem;
		align-items: center;
	}

	.logo img {
		width: 12.5rem;
	}

	.nav {
		width: 100%;

		min-width: 100%;

	}

	.nav ul {
		display: flex;
		overflow-x: auto;

	}

	.nav ul::after {
		content: '';
		width: 2.5rem;
		flex-shrink: 0;


	}

	.nav ul li {
		flex-shrink: 0;
		height: 5rem;
		padding: 0;
		display: flex;
		align-items: center;
		font-size: 1.5rem;
		line-height: 1.5rem;
		margin-left: 2.5rem;

	}

	.nav ul li>span:first-child {
		height: 3.5rem;
		display: flex;
		align-items: center;
		position: relative;
	}

	.nav ul li.navactive>span::after {
		content: '';
		width: 100%;
		min-width: 4rem;
		height: 5px;
		background: #ffffff;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%) scaleY(.5);
	}

	.nav ul li .item {
		padding: 0;
		background: rgba(11, 68, 134, .87);
		top: 11.3rem;
		border: 0;
		height: 5rem;
		overflow-x: auto;
		width: 100%;

	}

	.item-nav {
		display: flex;
		font-size: 1.3rem;

	}

	.item-nav::after {
		content: '';
		width: 2.5rem;
		flex-shrink: 0;


	}

	.item-nav span {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin-left: 2.5rem;

	}

	.item-nav span:first-child {
		margin-left: 2.5rem;
	}

	.item-nav span a {
		font-size: 1.3rem !important;
	}

	.nav ul li:first-child {
		margin-left: 2.5rem;
	}

	.nav ul li:hover .item {
		display: none;
	}

	.nav ul li.navact .item {
		display: flex;
	}

	.news,
	.cooperation {
		min-width: 100%;
	}

	.footer-list {
		width: 100%;
		overflow: hidden;
	}

	.about {
		width: 100%;
		background-image: url(../image/hx_icon1.png);
		background-repeat: no-repeat;
		background-position: right 109px, center;
		background-size: 100% auto;
		padding-bottom: 2.2rem;
		min-width: 100%;

	}

	.about-hoomya {
		width: 100%;
		padding: 0 4rem;
	}

	.about-text {
		width: 100%;
		padding: 1.8rem 2rem 2.2rem;
		border-radius: 3px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
	}

	.title {
		font-size: 1.8rem;
		line-height: 2.4rem;
		text-align: center;
		padding: 2.5rem 0 3.7rem;
		position: relative;

	}

	.title::after {
		content: '';
		height: 2px;
		width: 3.2rem;
		position: absolute;
		left: 50%;
		bottom: 3rem;
		background: #0b4486;
		transform: translateX(-50%);
	}

	.name {
		font-size: 1.5rem;
		line-height: 2.4rem;
		text-align: center;
		letter-spacing: 0.2em;
		padding: 0.3rem 0 1.2rem;
	}

	.name::after {
		content: '';
		display: none;
	}

	.del {
		margin-top: 0;
		font-size: 1.4rem;
		line-height: 2rem;
		text-align: center;
	}

	.more {
		width: 15rem;
		margin: 1.6rem auto 0;
		border-radius: 3px;

		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.more a {
		font-size: 1.2rem;
	}

	.more img {
		width: 1.5rem;
	}

	.jiying {
		min-width: 100%;
		flex-direction: column;
	}

	.jiying .title {
		display: block;
	}

	.jiying ul {
		overflow-x: auto;
		width: 100%;

	}

	.jiying ul::after {
		content: '';
		width: 1rem;
		flex-shrink: 0;


	}

	.jiying ul::before {
		content: '';
		width: 2rem;
		flex-shrink: 0;


	}

	.jiying ul li {
		flex-shrink: 0;
		width: 15rem;
		margin-right: 1rem;
		height: 20rem;
		overflow: hidden;

	}

	.gene {
		background: url(../image/hx_icon2.png) no-repeat;
		background-size: 100% auto;
		align-items: flex-end;
	}

	.gene p {
		font-size: 1.4rem;
		padding: 0 2.5rem;
		text-align: center;
		line-height: 2rem;
		top: 1.9rem;
	}

	.gene .go {
		display: none;
	}

	.gene-btn {
		width: 9rem;
		height: 9rem;
		margin-bottom: 3.1rem;

	}

	.gene-btn img {
		width: 2.5rem;
		height: auto;
	}

	.news-del {
		width: 100%;
		padding-top: 1.5rem;
	}

	.news-list {
		margin-top: 0;
	}

	.news-list ul {
		padding: 0 2rem;
	}

	.news-list ul li {
		width: 100%;
		margin: 0 !important;
		display: flex;
		box-shadow: 0 0 0 rgb(0 0 0 / 30%);
		position: relative;
		padding-bottom: 1.5rem;

	}

	.news-list ul li>img {
		flex-shrink: 0;
		width: 14.7rem;
		height: auto;
	}

	.news-text {
		width: calc(100% - 14.7rem);
		padding: 0 0 0 1rem;
		flex-shrink: 0;
	}

	.news-text p:first-child {
		white-space: normal;
		font-weight: 400;
		line-height: 1.9rem;
		font-size: 1.4rem;
		margin-top: 0.5rem;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-text p:last-child {
		font-size: 1.3rem;
	}

	.gotime {
		position: absolute;
		right: 0;
		bottom: 1.5rem;
		padding: 0;
	}

	.gotime span:first-child {
		display: none;
	}

	.gotime span:last-child {
		font-size: 1rem;
	}

	.cooperation-del {
		width: 100%;
		margin-top: 5rem;
		padding: 0 2rem 3rem;
		display: flex;
		flex-direction: column;
	}

	.cooperation-title br {
		display: none;
	}

	.cooperation-title.title::after {
		background: #ffffff;
	}


	.partners {
		width: 100%;
		padding: 0 4.5rem;
	}

	.partners ul {
		padding: 1.2rem 0 3rem;
	}

	.partners ul li {
		margin: 1.7rem 0;
	}

	.partners ul li img {
		width: 100%;
	}

	.footer {
		padding: 0 2rem;
	}

	.footer-list {
		padding: 4rem 0 1.5rem;
	}

	.footer-list ul {
		flex-wrap: wrap;
		width: 24.5rem;
	}

	.footer-list ul li {
		width: 50%;
		padding-left: 1.5rem;
		display: flex;
		align-items: center;
        height:34px;
	}

	.footer-list ul li>span>p {
		display: none;

	}

	.footer-list ul li>p:first-child {
		display: flex;
		font-size: 1.3rem;
		padding-bottom: 0;
	}

    #foot_cu {
        display:none
    }

	.ewm {
		width: calc(100% - 24.5rem);
		font-size: 1.2rem;
		line-height: 2.5rem;
	}

	.ewm img {
		width: 8.5rem;
	}

	.copyright {
		width: 100%;
		font-size: 1rem;
		line-height: 2rem;
		padding: 0.8rem 0 1.5rem;
	}

	.about-nav {
		display: none;
	}

	.main {
		display: none;
	}

	.industry-field {
		display: none;
	}

	.about-hy {
		width: 100%;
		padding-bottom: 5rem;
	}

	.hy-details {
		padding: 0 2rem;
		font-size: 1.3rem;
		line-height: 2.5rem;
		text-indent: 2em;
	}

	.graphic {
		flex-direction: column;
		margin-bottom: 0;
	}

	.graphic>img {
		width: 100%;
		display: none;
	}

	.graphic p {
		margin: 0;

	}

	.graphic_text img {
		width: 100%;
		display: block;
		margin: 1rem 0;

	}

	.hy-title,
	.culture-title,
	.technology-title,
	.platform-title {
		font-size: 1.8rem;
		line-height: 2.4rem;
		text-align: center;
		padding: 2.5rem 0 3.7rem;
		position: relative;
		margin: 0;
		width: 100%;

	}

	.hy-title::after,
	.culture-title::after,
	.technology-title::after,
	.platform-title::after {
		content: '';
		height: 2px;
		width: 3.2rem;
		position: absolute;
		left: 50%;
		bottom: 3rem;
		background: #0b4486;
		transform: translateX(-50%);
	}

	.header-bg img:nth-of-type(1) {
		display: none;
	}

	.header-bg img:nth-of-type(2) {
		display: block;
	}

	.culture .ani-view.fadeInDown,
	.culture .ani-view.fadeInLeft,
	.company-news .ani-view.fadeInDown{
		animation-name: none;
	}

	.culture .ani-view.fade-in-down,
	.culture .ani-view.fade-in-right,
	.culture .ani-view.fade-in-left,
	.company-news .ani-view.fade-in-down{
		opacity: 1;
		transform: translateY(0);
	}

	.culture {
		padding: 0 2rem;
	}

	.culture ul {
		width: 100%;
	}

	.culture ul li {
		padding-bottom: 3rem;
	}

	.culture ul li .culture-img {
		display: none;
	}

	.culture-text {
		width: 100%;
		padding: 0;
		font-size: 1.3rem;
		line-height: 2.6rem;
	}

	.culture-text p:first-child {
		font-weight: 400;
		line-height: 1.8rem;
		font-size: 1.4rem;
		margin-bottom: 0;
		padding: 0.7rem 0;
	}

	.culture ul li:nth-of-type(1) .culture-text p:first-child::before {
		content: '一、';
	}

	.culture ul li:nth-of-type(2) .culture-text p:first-child::before {
		content: '二、';
	}

	.culture ul li:nth-of-type(3) .culture-text p:first-child::before {
		content: '三、';
	}

	.culture ul li:nth-of-type(4) .culture-text p:first-child::before {
		content: '四、';
	}

	.culture ul li:nth-of-type(5) .culture-text p:first-child::before {
		content: '五、';
	}

	.culture-text p span {
		font-weight: 400;
	}

	.culture-text p {
		margin-bottom: 2.2rem;
	}

	.culture-text p:last-child {
		margin-bottom: 0;
	}
	.culture-text img{
		width: 100%;
		margin: 1rem 0;
        display:block
	}

	.screening {
		width: 100%;
		padding-bottom: 6rem;
	}

    .screening img{
		width: 100%;
	}

    .article img {
      width: 100%;
    }

	.screen-icon {
		width: 4.7rem;
		height: 4.7rem;
		margin: 3.5rem auto 2.5rem;
	}

	.screen-icon img {
		width: 2.3rem;
	}

	.screen-title {
		font-size: 2rem;
		font-weight: 400;
		line-height: 3.5rem;
		padding-bottom: 1rem;

	}

	.screen-title:after {
		width: 3.5rem;
		height: 2px;
		margin-left: 0;
		transform: translateX(-50%);
	}

	.screening ul li p:first-child {
		font-size: 1.8rem;
		margin-bottom: 0;
		line-height: 6rem;
	}

	.screening ul {
		padding: 0 2rem;
	}

	.screening ul li {
		line-height: 2.5rem;
		font-size: 1.3rem;
		margin-top: 1rem;
	}

	.jy {
		padding: 0 2rem;
		line-height: 2.5rem;
		font-size: 1.3rem;
		margin-top: 1rem;
	}

	.jy p:first-child {
		margin: 2rem 0 1rem;
	}

	.companion {
		margin-top: 0;
		padding: 0 2rem;
	}

	.companion ul {
		width: 100%;
		padding-top: 0;
		padding-bottom: 3rem;
	}

	.companion li {
		height: auto;
		padding: 2rem 0 1.2rem;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}

	.companion li p {
		margin-top: 1rem;
	}

	.companion li img {
		width: 12.5rem;
	}

	.technology {
		padding: 0 2rem 0.8rem;
	}

	.mobile_nav {
		color: #333333;
		font-size: 1.3rem;
		display: flex;
		flex-wrap: wrap;
	}

	.mobile_nav span {
		padding: 0 1.3rem;
		height: 3.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #ffffff;
		margin-right: 1rem;
		margin-bottom: 1.4rem;
		border-radius: 3px;
	}

	.mobile_nav span.mv_act {
		background: #0b4486;
		color: #ffffff;
	}

	.technology ul {
		width: 100%;
		padding-top: 0.4rem;
	}

	.technology ul li {
		flex-direction: column-reverse;
		border-radius: 5px;
		padding: 1.5rem 1.5rem;
		margin-bottom: 2rem;
	}

	.technology ul li:nth-child(2n) {
		flex-direction: column-reverse;
	}

	.sample {
		width: 100%;
	}

	.technology-text {
		width: 100%;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}

	.technology-text p {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.technology-text p:first-child {
		margin-bottom: 0;
		font-size: 1.5rem;
		line-height: 3.2rem;
	}

	.expert {
		padding: 0 2rem 3.7rem;
	}

	.expert ul {
		padding: 0;
		width: 100%;
	}

	.expert ul li {
		padding: 1.5rem 0;
		justify-content: space-between;
	}

	.expert ul li:first-child {
		padding-top: 0;
	}

	.portrait {
		width: 10.5rem;
	}

	.introduce {
		width: calc(100% - 11.5rem);
		padding: 0;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}

	.introduce p:first-child {
		padding-bottom: 0;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	.nomobile {
		display: none;
	}

	.platform-title br {
		display: none;
	}

	.development-platform {
		width: 100%;
		padding: 0;
	}

	.platform-title p:first-child {
		font-weight: bold;
		line-height: inherit;
	}

	.development-platform ul {
		padding: 0 2rem;
	}

	.development-platform ul li {
		margin-bottom: 2.8rem;
	}

	.content-t {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.content-t p:first-child {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-bottom: 1.7rem;
	}

	.content-n {
		font-size: 2rem;
		line-height: 3.5rem;
		padding: 1rem 0;
	}

	.content-t p {
		text-indent: 2em;
	}

	.recruitment-information {
		width: 100%;
		padding: 0 2rem 2rem;
	}

	.recruitment-information li {
		line-height: 2rem;
		padding: 1rem 0;
		text-align: center;
	}

	.recruitment-information li a span {
		font-size: 1.4rem;
	}

	.recruitment-information li a span:nth-of-type(2) {
		display: none;
	}

	.recruitment-information li a span {
		width: 32%;
	}

	.recruitment-information li a span:nth-of-type(3) {
		width: 36%;
	}

	.threshold {
		width: 100%;
		padding: 1.5rem 0;
	}

	.ganwei_yaoqiu {
		width: 100%;
		padding: 1.5rem 2rem 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}

	.threshold>p {
		font-size: 1.8rem;
		padding: 0 2rem;
		line-height: 5.8rem;
	}

	.threshold ul {
		flex-wrap: wrap;
		padding: 0 2rem;
		margin-top: 0;
	}

	.threshold li {
		display: flex;
		margin: 0;
		flex-wrap: wrap;
		line-height: 2.5rem;
	}

	.threshold li p {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}

	.threshold li p:first-child {
		width: 15rem;
	}

	.threshold li p:last-child {
		width: calc(100% - 15rem);
	}

	.threshold li:last-child p {
		width: 100% !important;
	}

	.ganwei_yaoqiu li {
		margin-bottom: 0;
	}

	.ganwei_yaoqiu li p {
		padding-bottom: 2.5rem;
	}

	.ganwei_yaoqiu li p:first-child {
		padding-bottom: 1.2rem;
		line-height: 3.5rem;
	}

	.ganwei_yaoqiu>p {
		line-height: 3.9rem;
	}

	.ganwei_yaoqiu .sqzw_btn {
		display: none;
	}

	.company-news {
		padding:1.5rem 2rem;
	}

	.company-news ul {
		width: 100%;

	}

	.company-news ul li {
		padding: 1.3rem 0 1rem 1.3rem;
		height: auto;
		margin-bottom: 1.5rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
		columns: #666666;
	}

	.news-details {
		padding: 0 1rem 2rem;
	}

	.news-details .godel {
		display: none;
	}


	.company-news ul li img {
		width: 13.8rem;
		margin: 0;
		flex-shrink: 0;
		object-fit: contain;
	}
	.news-details p:first-child{
		font-size: 1.5rem;
		display: flex;
		line-height: 1.8rem;
		margin-bottom:0.7rem;
		color: #292929;
	}
	.news-time{

		font-size: 1rem;
		text-align: right;
		right: 1rem;
	}
	.company-news .pagelist{
		display: none;
	}
	.company-news .pagelist_mod{
		display: flex;
		justify-content: center;
		padding: 1rem 0 3.5rem;
	}
	.pagelist_mod span{
		color: #666666;
		font-size: 1.3rem;
		width: 12.5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 4rem;
		background: #ffffff;
	}
	.pagelist_mod span:last-child{
		margin-left: 2rem;
		columns: #0b4486;
		border: 1px solid #0b4486;
	}
	.journalism{
		padding: 1.5rem 2rem 2rem;
	}
	.article {
		width: 100%;
		padding: 0 1rem 2rem;
	}
	.figure img{
		width: 100%;
		margin-top: 1.5rem;
	}
	.article-body p{
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	.action-buttons{
		display: none;
	}
	.article-tit{
		border: 0;
		font-size: 1rem;
		line-height:2.5rem;
		padding: 1.5rem 0 1.8rem;
	}
	.article-tit p:first-child{
		font-size: 1.5rem;
	}
	.item-nav span:after {
		content: '';
		background:rgba(0, 0, 0,0);
	}
	.item-nav span.item-nav-act:after {
		display: block;
		content: '';
		width: 100%;
		height: 1px;
		background: #FFFFFF;
		position: absolute;
		bottom: 1rem;
		left: 0;
		
	}
	.jiying li.navact>img{
		transform: scale(1.5);
	}
	.map{
		padding: 0;
	}
	.map-img{
		width: 100%;
		padding: 0 2rem 5rem;
	}
	.map-img>img{
		width: 100%;
		
	}
	.map-img ul li{
		font-size: 1.2rem;
		height: 2.6rem;
	}
	.map-img ul li img{
		width: 1.5rem;
	}
}