/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2, font {
	margin: 0;
	padding: 0;
	border: 0;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}
ul, li, dl, dt, dd, ol {
	display: block;
	list-style: none;
}
img {
	border: 0;
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden
}
a {
	text-decoration: none;
	outline: 0;
}
html {
	overflow-x: hidden;
}
.center {
	text-align: center;
}
.center img {
	border: 1px solid #ccc;
	margin-top: 10px;
	width: auto;
	max-width: 600px;
	overflow: hidden;
}
/*header*/
body {
	color: #60727d;
	font-size: 12px;
	overflow-x: hidden;
	background: #fff;
	font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}
a {
	color: #284356;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.header {
	width: 100%;
	min-width: 1004px;
	height: 94px;
	padding-top: 0;
	background: #ffffff;
	border-bottom: 1px solid #e4edf1;
}
.header-main {
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
}
.logo {
	float: none;
	display: flex;
	align-items: center;
	max-width: 300px;
	overflow: hidden;
}
.logo img {
	display: block;
	max-height: 56px;
	width: auto;
	height: auto;
}
.header-brand {
	flex: 1;
	max-width: 620px;
	text-align: right;
	line-height: 1.45;
}
.header-brand strong {
	display: block;
	color: #123247;
	font-size: 22px;
	font-weight: bold;
}
.header-brand p {
	margin-top: 4px;
	color: #58707e;
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header-tags {
	margin-top: 9px;
	font-size: 0;
}
.header-tags span {
	display: inline-block;
	height: 24px;
	padding: 0 10px;
	margin-left: 8px;
	border: 1px solid #d7e8ec;
	background: #f4faf9;
	color: #0f6d72;
	font-size: 12px;
	line-height: 24px;
}
.tel {
	float: right;
	padding-left: 34px;
	padding-top: 10px;
	text-align: right;
	color: #7eb742;
}
.tel p {
	color: #fff;
	font-size: 12px;
	font-family: 'Times New Roman'
}
.tel span {
	font-size: 20px;
	font-family: Impact;
}
.notice {
	width: 100%;
	float: left;
	background: #7eb742;
	padding-top: 25px;
	height: 48px;
	line-height: 24px;
}
.noticecon {
	width: 390px;
	padding-left: 10px;
	float: left;
	font-size: 13px;
	color: #2b2b2b
}
.noticecon b {
	float: left;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Microsoft yahei'
}
.noticecon marquee {
	float: left;
	width: 300px;
}
.search {
	position: relative;
	float: left;
	width: 290px;
	z-index: 999;
	height: 22px;
	display: inline;
	line-height: 22px;
}
.text {
	float: left;
	width: 160px;
	padding-left: 5px;
	border: 1px solid #cdcbbc;
	color: #979797;
	height: 22px;
	line-height: 22px;
}
.button {
	float: left;
	width: 24px;
	margin-left: 5px;
	height: 24px;
	display: inline;
	background: url(../images/button.gif) left top no-repeat;
}
.select {
	float: left;
	width: 90px;
	color: #979797;
	margin-left: 3px;
	display: inline;
	height: 24px;
	line-height: 24px;
	background: url(../images/select.gif) left top no-repeat;
	position: relative
}
div.selectbox-wrapper {
	border: #cdcbbc 1px solid;
	width: 88px;
*left:0;
	position: absolute;
	background: #fff;
	text-align: left;
*margin-top:0;
	z-index: 10;
	top: 24px;
}
div.selectbox-wrapper ul li.selected {
	background: #efefef;
}
div.selectbox-wrapper ul li.current {
	color: #fff;
	background: #333
}
div.selectbox-wrapper ul li {
	text-align: center;
	padding-bottom: 3px;
	width: 100%;
	cursor: pointer;
	line-height: 20px;
	padding-top: 3px;
	font-size: 12px;
	color: #666;
}
.selectbox {
	border: none;
	display: block;
	width: 88px;
	text-indent: 8px;
	cursor: pointer;
	height: 25px;
	background: none;
	font-size: 12px;
	color: #979797;
	line-height: 25px;
}
.service-section {
	width: 100%;
	float: left;
	padding: 66px 0 70px;
	background: #f5f9fa;
}
.section-head {
	width: 100%;
	margin-bottom: 34px;
	text-align: center;
}
.section-head p {
	color: #0f7f82;
	font-size: 14px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.section-head h2 {
	margin-top: 4px;
	color: #123247;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 0;
}
.section-head span {
	display: block;
	width: 760px;
	margin: 12px auto 0;
	color: #60727d;
	font-size: 14px;
	line-height: 26px;
}
.service-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	width: 100%;
}
.service-list li {
	display: block;
	min-height: 238px;
}
.service-list li a {
	display: block;
	min-height: 188px;
	padding: 26px 24px 22px;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 30px rgba(18, 50, 71, .07);
	position: relative;
	overflow: hidden;
}
.service-list li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #12a37a;
}
.service-list li a:hover {
	border-color: #94d7cc;
	box-shadow: 0 18px 36px rgba(15, 127, 130, .14);
}
.service-list em {
	display: block;
	color: #12a37a;
	font-style: normal;
	font: 22px/28px Arial, Helvetica, sans-serif;
}
.service-list h3 {
	margin-top: 12px;
	color: #123247;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.service-list p {
	height: 50px;
	margin-top: 8px;
	color: #60727d;
	font-size: 13px;
	line-height: 25px;
	overflow: hidden;
}
.service-tags {
	height: 56px;
	margin-top: 14px;
	overflow: hidden;
}
.service-tags span {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin: 0 6px 8px 0;
	background: #eef8f7;
	border: 1px solid #d6eeee;
	color: #0f6d72;
	font-size: 12px;
	line-height: 24px;
}
.service-list strong {
	display: inline-block;
	margin-top: 2px;
	color: #0f7f82;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
}
.menumain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.menu {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	z-index: 99999;
	height: 62px;
	background: #123247;
	box-shadow: inset 0 -3px 0 #12a37a, 0 10px 26px rgba(10, 32, 48, .14);
}
.nav-main {
	height: 62px;
}
#menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 62px;
}
#menu ul {
	float: left
}
#menu li {
	float: none;
	display: block;
	flex: 0 1 auto;
	height: 62px;
}
#menu li a {
	display: block;
	width: auto;
	min-width: 64px;
	padding: 0 14px;
	text-align: center;
	line-height: 62px;
	font-size: 14px;
	color: #eef7f8;
	font-family: 'Microsoft Yahei';
	border-bottom: 0;
	white-space: nowrap;
	position: relative;
}
#menu a:hover, #menu a.cur {
	color: #fff;
	background: #0f7f82;
}
.nav {
	float: left;
	display: block;
	width: 980px;
	display: none;
	border-top: 1px solid #fff;
	background: url(../images/nav.png) left top repeat-y;
	border: 1px solid #ada8a1;
}
.nav ul {
	float: left;
	display: block;
	padding: 5px 0;
	width: 98px;
}
.nav li a {
	height: 28px;
	line-height: 28px;
	float: left;
	width: 98px;
	color: #fff;
	text-align: center;
}
.vbanner {
	background: url(../images/vbanner.jpg) center top no-repeat;
	height: 425px;
}
.inner-banner {
	height: 300px;
	margin-top: -62px;
	background-size: cover !important;
	overflow: hidden;
}
.inner-banner:after {
	display: none;
}
.inner-banner-content {
	z-index: 2;
	height: 300px;
	padding-top: 86px;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .32);
}
.inner-banner-content p {
	color: #8fe8d0;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.inner-banner-content h1 {
	margin-top: 8px;
	color: #fff;
	font-size: 34px;
	line-height: 46px;
	font-weight: bold;
}
.inner-banner-content span {
	display: block;
	width: 620px;
	margin-top: 12px;
	color: #e7f3f4;
	font-size: 14px;
	line-height: 26px;
}
.banner {
	width: 100%;
	position: relative;
	margin-top: -62px;
}
.hero-section {
	height: 500px;
	margin-top: 0;
	overflow: hidden;
	background: #092333;
}
.hero-section:after {
	display: none;
}
.hero-section .slideBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
}
.hero-section .slideBox .bd,
.hero-section .slideBox .bd ul,
.hero-section .slideBox .bd li {
	height: 500px;
}
.hero-section .slideBox .bd li {
	background: #092333;
	overflow: hidden;
}
.hero-section .slideBox .bd a {
	display: block;
	width: 100%;
	height: 500px;
}
.hero-section .slideBox .bd img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
	opacity: 1;
}
.hero-section .slideBox .prev,
.hero-section .slideBox .next {
	z-index: 4;
	top: 50%;
	margin-top: -29px;
	background: rgba(0, 0, 0, .28);
	border-radius: 50%;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}
.hero-section .slideBox .prev {
	margin-left: -560px;
}
.hero-section .slideBox .next {
	margin-right: -560px;
}
.hero-section .slideBox .hd {
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	top: auto;
	z-index: 5;
}
.hero-section .slideBox .hd ul {
	margin-top: 0;
	text-align: center;
}
.hero-content {
	position: relative;
	z-index: 3;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .32);
}
.hero-kicker {
	width: 620px;
	margin-bottom: 12px;
	color: #8fe8d0;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}
.hero-content h1 {
	width: 720px;
	color: #fff;
	font-size: 44px;
	font-weight: bold;
	line-height: 58px;
	letter-spacing: 0;
}
.hero-summary {
	width: 650px;
	margin-top: 18px;
	color: #e7f3f4;
	font-size: 16px;
	line-height: 30px;
}
.hero-keywords {
	width: 760px;
	margin-top: 18px;
	overflow: hidden;
}
.hero-keywords li {
	float: left;
	height: 30px;
	padding: 0 13px;
	margin-right: 10px;
	margin-bottom: 8px;
	border: 1px solid rgba(143, 232, 208, .45);
	background: rgba(255, 255, 255, .08);
	color: #f3fffd;
	font-size: 13px;
	line-height: 30px;
}
.hero-actions {
	margin-top: 22px;
	height: 44px;
}
.hero-btn {
	float: left;
	display: inline;
	min-width: 118px;
	height: 42px;
	padding: 0 22px;
	margin-right: 14px;
	border: 1px solid rgba(255, 255, 255, .76);
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	text-align: center;
	border-radius: 4px;
}
.hero-btn-primary {
	border-color: #12a37a;
	background: #12a37a;
}
.hero-btn:hover {
	color: #fff;
	background: #0f7f82;
	border-color: #0f7f82;
}
.hero-links {
	margin-top: 24px;
	color: #d7ecef;
	font-size: 13px;
	line-height: 24px;
}
.hero-links span {
	float: left;
	margin-right: 12px;
	color: #fff;
}
.hero-links a {
	float: left;
	margin-right: 10px;
	color: #d7ecef;
}
.hero-links a:hover {
	color: #8fe8d0;
}
.main_content {
	width: 1004px;
	margin: 0 auto 0px;
	position: relative;
	zoom: 1;
}
.icase {
	position: absolute;
	color: #dfdede;
	bottom: -48px;
	background: #2b2b2b;
	border: 1px solid #525252;
	width: 225px;
	height: 330px;
	right: 0;
	padding: 16px 17px 0 13px;
	line-height: 18px;
}
.icase_t {
	float: left;
	margin-bottom: 15px;
	padding-left: 16px;
	width: 209px;
	color: #7eb742;
	font-size: 16px;
	background: url(../images/caseico.gif) left center no-repeat;
}
.icase a {
	color: #7eb742;
}
.icase img {
	border: 1px solid #474747;
}
.icasemore {
	float: right;
}
.icasetxt {
	padding: 16px 0 14px 0;
	width: 1000%;
	float: left;
}
/* index-common*/
.promain .main {
	width: 593px;
	overflow: hidden;
}
.promain {
	float: left;
	width: 593px !important;
	position: relative;
	overflow: hidden;
	height: 207px;
}
.iprotxt {
	line-height: 18px;
	font-size: 12px;
	width: 505px;
	float: left;
	height: 88px;
}
.time {
	font-family: Arial, Helvetica, sans-serif
}
.iprotxt a {
	margin-bottom: 3px;
	width: 100%;
	display: block;
	color: #7eb742;
	font: 14px/17px 'Microsoft Yahei';
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ipro {
	position: relative;
	float: left;
}
.ipro ul {
	position: absolute;
	width: 100%;
	left: 0;
}
.ipro li {
	float: left;
	width: 593px;
	height: 205px;
	background: #fff;
}
.iproli {
	float: left;
	display: inline;
	width: 593px;
	overflow: hidden;
	padding-top: 17px;
	height: 86px;
	border-bottom: 1px solid #f2f2f2;
}
.iprolinum {
	padding-top: 25px;
	color: #717171;
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 58px;
	width: 72px;
	text-align: center;
}
.slider, .slidera {
	padding-top: 17px;
	text-align: right;
	width: 570px;
	float: left;
	position: relative;
}
.slider span, .slidera span {
	text-align: center;
	cursor: pointer;
	display: inline-block;
	width: 86px;
	height: 27px;
	line-height: 27px;
	background: #7eb742;
	color: #fff;
	margin-left: 15px;
	opacity: 1;
}
.slider .end, .slidera .end {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.slidera img {
	vertical-align: middle;
	margin: 0 6px;
}
#lefta {
}
#righta {
}
.case {
	width: 100%;
	float: left;
	padding: 68px 0 74px;
	background: #ffffff;
}
.caseul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	width: 100%;
	margin-bottom: 34px;
}
.caseul li {
	float: none;
	width: auto;
	padding: 0;
	background: none;
	text-align: center;
}
.caseul a {
	display: block;
	padding: 10px 18px;
	border: 1px solid #dce9ed;
	border-radius: 6px;
	background: #f5f9fa;
	color: #284356;
	font-size: 14px;
	line-height: 22px;
}
.caseul a:hover {
	color: #fff;
	border-color: #0f7f82;
	background: #0f7f82;
}
.caseul em {
	margin-right: 6px;
	color: #12a37a;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.caseul a:hover em {
	color: #fff;
}
.profra {
	width: 980px;
	margin: 0 auto;
}
.case-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}
.profra .limg {
	float: none;
	width: auto;
	height: auto;
	display: block;
	margin: 0;
	background: #fff;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 14px 30px rgba(18, 50, 71, .07);
}
.profra .limg:hover {
	border-color: #94d7cc;
	box-shadow: 0 18px 36px rgba(15, 127, 130, .14);
}
.profra .limg a.img {
	cursor: pointer;
	float: none;
	display: block;
	width: 100%;
	height: 170px;
	overflow: hidden;
	position: relative
}
.profra .limg a.img:after {
	content: "工程应用";
	position: absolute;
	left: 12px;
	top: 12px;
	height: 26px;
	padding: 0 10px;
	background: rgba(9, 35, 51, .82);
	color: #fff;
	font-size: 12px;
	line-height: 26px;
}
.profra .limg a.img:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s
}
.profra .limg a.img img {
	display: block;
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.case-card-body {
	padding: 15px 16px 18px;
}
.case-badge {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin-bottom: 8px;
	border: 1px solid #d6eeee;
	background: #eef8f7;
	color: #0f6d72;
	font-size: 12px;
	line-height: 24px;
}
.case-card-body h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.case-card-body h3 a {
	color: #123247;
}
.case-card-body h3 a:hover {
	color: #0f7f82;
}
.case-date {
	display: block;
	margin-top: 4px;
	color: #12a37a;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.case-card-body p {
	height: 44px;
	margin-top: 6px;
	color: #60727d;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
}
.case-tags {
	height: 24px;
	margin-top: 10px;
	overflow: hidden;
}
.case-tags span {
	float: left;
	margin-right: 8px;
	color: #0f7f82;
	font-size: 12px;
	line-height: 24px;
}
.banner_h {
	float: left;
	width: 980px;
}
.banner_h a {
	float: left;
	position: relative;
}
.banner_h a font {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/gray.png) left top repeat;
	display: none;
}
.banner_h a:hover font {
	display: block;
}
.bannerh_t {
	height: 180px;
	float: left;
	width: 206px;
	background: #2b2b2b;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.bannerh_t a {
	font-size: 14px;
	float: none;
	border: 2px solid #aaa;
	width: 138px;
	line-height: 35px;
	color: #fff;
	height: 35px;
	margin: 0 auto;
	display: block;
}
.bannerh_t p {
	margin: 42px 0 33px 0;
	overflow: hidden;
	width: 100%;
	display: block;
}
.newslist {
	width: 100%;
	float: left;
	background: #f5f9fa;
	padding: 68px 0 74px;
}
.newslistimg {
	float: none;
	margin-left: 0;
	display: block;
	width: auto;
	height: auto;
	padding-right: 0;
	background: none;
}
.news-layout {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: 32px;
	align-items: stretch;
}
.news-cover {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #092333;
	box-shadow: 0 16px 34px rgba(18, 50, 71, .14);
}
.news-cover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(9, 35, 51, .08) 0%, rgba(9, 35, 51, .78) 100%);
}
.news-cover a {
	display: block;
}
.news-cover img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 390px;
	object-fit: cover;
	opacity: .9;
}
.news-cover-text {
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 78px;
	z-index: 2;
	color: #fff;
}
.news-cover-text span {
	display: inline-block;
	height: 26px;
	padding: 0 10px;
	background: rgba(18, 163, 122, .9);
	color: #fff;
	font-size: 12px;
	line-height: 26px;
}
.news-cover-text strong {
	display: block;
	margin-top: 12px;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
}
.news-more {
	position: absolute;
	left: 22px;
	bottom: 22px;
	z-index: 2;
	min-width: 92px;
	height: 36px;
	padding: 0 16px;
	border-radius: 4px;
	background: #12a37a;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
}
.news-more:hover {
	color: #fff;
	background: #0f7f82;
}
.news-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	min-width: 0;
}
.news-cards li {
	display: block;
	min-height: 168px;
	min-width: 0;
}
.news-cards li a {
	display: block;
	min-height: 128px;
	min-width: 0;
	padding: 20px 22px;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 26px rgba(18, 50, 71, .06);
}
.news-cards li a:hover {
	border-color: #94d7cc;
	box-shadow: 0 18px 34px rgba(15, 127, 130, .13);
}
.news-cards em {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin-bottom: 8px;
	border: 1px solid #d6eeee;
	background: #eef8f7;
	color: #0f6d72;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
}
.news-date {
	display: block;
	color: #12a37a;
	font-size: 13px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
.news-cards h3 {
	margin-top: 8px;
	color: #123247;
	font-size: 17px;
	font-weight: bold;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-cards p {
	height: 48px;
	margin-top: 8px;
	color: #60727d;
	font-size: 13px;
	line-height: 24px;
	overflow: hidden;
}
.ititle {
	width: 100%;
	float: left;
	background: url(../images/ititle.gif) center no-repeat;
	font-size: 24px;
	color: #2b2b2b;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.team {
	float: left;
	width: 100%;
	padding: 68px 0 74px;
	background: #fff;
}
.teamul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	width: 100%;
}
.teamul li {
	float: none;
	width: auto;
	display: block;
	height: auto;
	position: relative;
	margin: 0;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 14px 30px rgba(18, 50, 71, .07);
}
.teamul li:hover {
	border-color: #94d7cc;
	box-shadow: 0 18px 36px rgba(15, 127, 130, .14);
}
.team-thumb {
	display: block;
	width: 100%;
	height: 176px;
	overflow: hidden;
}
.team-thumb img {
	display: block;
	width: 100%;
	height: 176px;
	object-fit: cover;
}
.team-thumb:hover img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	transform: scale(1.08);
}
.team-card-body {
	padding: 15px 16px 18px;
}
.support-badge {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin-bottom: 8px;
	border: 1px solid #d6eeee;
	background: #eef8f7;
	color: #0f6d72;
	font-size: 12px;
	line-height: 24px;
}
.team-card-body h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.team-card-body h3 a {
	color: #123247;
}
.team-card-body h3 a:hover {
	color: #0f7f82;
}
.team-date {
	display: block;
	margin-top: 4px;
	color: #12a37a;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.team-card-body p {
	height: 48px;
	margin-top: 7px;
	color: #60727d;
	font-size: 13px;
	line-height: 24px;
	overflow: hidden;
}
.support-tags {
	height: 24px;
	margin-top: 10px;
	overflow: hidden;
}
.support-tags span {
	float: left;
	margin-right: 8px;
	color: #0f7f82;
	font-size: 12px;
	line-height: 24px;
}

.aboutarea {
	background: linear-gradient(90deg, rgba(9, 35, 51, .92) 0%, rgba(15, 127, 130, .82) 100%), url(../images/about.jpg) center top no-repeat #092333;
	min-height: 500px;
	width: 100%;
	float: left;
	overflow: hidden;
}
.ibook {
	float: left;
	width: 310px;
	font-size: 14px;
	height: 326px;
	padding: 20px 22px;
	background: #fff;
	margin-top: 60px;
	border-top: 6px solid #12a37a;
	margin-left: 58px;
	display: inline;
	border-left: 1px solid #dce9ed;
	border-right: 1px solid #dce9ed;
	box-shadow: 0 18px 36px rgba(9, 35, 51, .18);
}
.ibook_t {
	padding-left: 0;
	width: 100%;
	border-bottom: 1px solid #e3edf0;
	color: #123247;
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 10px;
	background: none;
}
.ibook_desc {
	margin-bottom: 14px;
	color: #60727d;
	font-size: 13px;
	line-height: 22px;
}
.ibook_service {
	margin-top: 12px;
}
.ibook_service li {
	padding-left: 14px;
	margin-bottom: 10px;
	color: #284356;
	font-size: 13px;
	line-height: 22px;
	position: relative;
}
.ibook_service li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	background: #12a37a;
}
.ibook_link {
	display: block;
	width: 138px;
	height: 38px;
	margin-top: 18px;
	background: #12a37a;
	color: #fff;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 4px;
}
.ibook_link:hover {
	color: #fff;
	background: #0f7f82;
}
.ibookform p {
	width: 100%;
	margin: auto;
}
.ibookform p .iizz {
	display: inline-block;
	vertical-align: middle;
	height: 38px;
	background: #FFF;
	padding: 4px 8px 0;
	border-radius: 3px;
}
.input144, .input70 {
	border: 1px solid #dce9ed;
	width: 100%;
	height: 40px;
	margin-bottom: 8px;
	color: #60727d;
	font-size: 14px;
	line-height: 40px;
	text-indent: 10px;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.ibookform select {
	width: 144px;
	border: 1px solid #d8d8d8;
}
.input70 {
	width: 70px;
	margin-right: 6px;
	display: inline;
}
.border3 {
	border-radius: 3px;
	position: relative;
}
.ibookform textarea:hover, .ibookform input:hover, .ibookform select:hover, .ibookform textarea:focus, .ibookform input:focus, .ibookform select:focus {
	border-color: #12a37a;
}
.ibooksub {
	background: #12a37a;
	color: #fff;
	border: 0;
}
.ibooksub:hover {
	background: #0f7f82;
}
.reset {
	background: #fff;
	border: 1px solid #dce9ed;
	color: #60727d;
}
.isubbut input {
	width: 92px;
	text-align: center;
	margin-right: 12px;
	height: 34px;
	line-height: 34px;
	float: left;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.ibookform p.isubbut {
	float: left;
	padding-left: 0;
	width: 100%;
	margin: auto;
}
.about {
	float: right;
	padding-top: 54px;
	width: 500px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 46px;
}
.about_t {
	margin-left: 0;
	padding-left: 20px;
	height: auto;
	margin-bottom: 14px;
	float: left;
	display: inline;
	width: 480px;
	color: #fff;
	border-left: 4px solid #8fe8d0;
	background: none;
}
.about_t p {
	color: #8fe8d0;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.about_t h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
}
.abouttxt {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 14px;
}
.abouttxt strong {
	display: block;
	margin-bottom: 8px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}
.abouttxt p {
	color: #edf7f7;
	max-height: 144px;
	overflow: hidden;
}
.about-tags {
	float: left;
	width: 100%;
	margin-bottom: 14px;
}
.about-tags li {
	float: left;
	height: 28px;
	padding: 0 10px;
	margin-right: 8px;
	border: 1px solid rgba(143, 232, 208, .45);
	color: #f3fffd;
	font-size: 12px;
	line-height: 28px;
}
.aboutmore {
	float: left;
	border: 1px solid rgba(255, 255, 255, .78);
	width: 96px;
	position: relative;
	height: 34px;
	padding-top: 0;
	border-radius: 4px;
}
.aboutmore a {
	position: static;
	display: block;
	color: #fff;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: transparent;
}
.aboutmore a:hover {
	background: #12a37a;
	color: #fff;
}
.main, .fyMain {
	width: 980px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
.fyMain {
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 20px;
	margin-top: 36px;
	z-index: 1;
}
/* foot*/
.foot {
	width: 100%;
	min-width: 1004px;
	color: #c7dce0;
	padding-bottom: 0;
	line-height: 1.7;
	overflow: hidden;
	background: #092333;
	clear: both;
}
.foot a {
	color: #c7dce0;
}
.foot a:hover {
	color: #8fe8d0;
}
.footer-main {
	display: grid;
	grid-template-columns: 1.4fr .8fr .8fr;
	gap: 52px;
	padding: 46px 0 40px;
}
.footer-logo {
	display: inline-block;
	max-width: 240px;
	padding: 8px 12px;
	margin-bottom: 16px;
	background: #fff;
	border: 1px solid rgba(143, 232, 208, .22);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
.footer-logo img {
	display: block;
	max-height: 52px;
	width: auto;
	height: auto;
}
.footer-brand h2 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;
}
.footer-brand p {
	margin-top: 12px;
	color: #b5cbd0;
	font-size: 14px;
	line-height: 26px;
}
.footer-keywords {
	margin-top: 14px;
	font-size: 0;
}
.footer-keywords span {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin: 0 8px 8px 0;
	border: 1px solid rgba(143, 232, 208, .28);
	color: #8fe8d0;
	font-size: 12px;
	line-height: 24px;
}
.footer-nav h3 {
	margin-bottom: 14px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
}
.footer-nav ul {
	overflow: hidden;
}
.footer-nav li {
	float: left;
	width: 50%;
	line-height: 28px;
}
.footer-nav li a {
	font-size: 13px;
}
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	background: #061c29;
}
.footer-bottom p {
	color: #91aab0;
	font-size: 12px;
	line-height: 46px;
	text-align: center;
}
.footer-copy {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.footer-copy span {
	display: inline;
	margin: 0 8px;
}
.footer-copy span * {
	display: inline;
}
.f_link {
	float: left;
	width: 100%;
	height: 74px;
	line-height: 74px;
	overflow: hidden;
}
.f_link a {
	padding-left: 20px;
	color: #737373;
}
.f_link span {
	font-size: 16px;
}
.foot .fl {
	width: 740px;
	padding-left: 15px;
}
.foot .fr {
	width: 200px;
}
.site {
	float: right;
	width: 143px;
	font-size: 12px;
	background: url(../images/site.png) left center no-repeat;
	margin: 25px 5px 45px 0;
	padding-left: 35px;
	color: #939393;
	line-height: 26px;
}
.bdsharebuttonbox a {
	-webkit-transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
	transition: all 0s ease-in-out 0s;
}
.bdsharebuttonbox {
	width: 200px;
	float: right;
}
/* 二级页面*/
.fyLeft {
	float: left;
	width: 260px;
	overflow: hidden;
	color: #284356;
	background: #fff;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	box-shadow: 0 14px 30px rgba(18, 50, 71, .07);
}
.fyLeft_t {
	padding: 24px 22px 22px;
	height: auto;
	color: #fff;
	text-align: left;
	font-size: 20px;
	padding-right: 22px;
	width: 216px;
	background: #123247;
}
.fyLeft_t span {
	display: block;
	color: #8fe8d0;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.fyLeft_t strong {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
}
.l_tel {
	padding-left: 20px;
	width: 240px;
	height: 73px;
}
.l_tel p {
	font-size: 16px;
	display: block;
}
.l_tel span {
	font-size: 26px;
}
.l_pro {
	float: left;
	width: 260px;
	padding-top: 0;
	background: #fff;
	padding-bottom: 16px;
}
.l_pro a {
	color: #284356;
}
.l_pro_t {
	background: #f5f9fa;
	font-size: 15px;
	padding-left: 22px;
	width: 238px;
	height: 48px;
	color: #0f7f82;
	line-height: 48px;
	margin-bottom: 0;
	border-bottom: 1px solid #dce9ed;
}
.l_procon {
	clear: both;
	width: 100%;
}
.proOne {
	width: 100%;
	float: left;
	overflow: hidden;
	background: none;
}
.proOne a {
	width: 216px;
	padding: 0 22px;
	line-height: 44px;
	float: left;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background: none;
	border-bottom: 1px solid #eef3f5;
}
.proOne a:hover, .proOne a.cur {
	font-weight: bold;
	color: #0f7f82;
	background: #eef8f7;
}
.proOne ul {
	display: none;
}
.proOne .proTwo {
	display: block;
}
.proTwo {
	float: left;
	line-height: 25px;
	overflow: hidden;
	padding: 0px 5px;
}
.proTwo li a {
	float: left;
	border-bottom: 1px dashed #90cb52;
	font-size: 12px;
	line-height: 38px;
	width: 225px;
	padding-left: 25px;
	background: none;
}
.proTwo li a:hover {
	font-weight: bold;
}
/* fyRight*/
.fyRight {
	float: right;
	width: 660px;
	padding: 24px 26px 34px;
	position: relative;
	z-index: 0;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	min-height: 500px;
	background: #fff;
	box-shadow: 0 14px 30px rgba(18, 50, 71, .07);
	overflow: visible;
}
.inner-crumb {
	border-bottom: 1px solid #e5eef1;
	margin-bottom: 24px;
	color: #60727d;
}
.inner-crumb a {
	color: #0f7f82;
}
.mainRightMain {
	color: #787878;
	float: left;
	width: 708px;
	padding-bottom: 20px;
	min-height: 640px;
	_height: 640px;
}
.padding25 {
	padding: 0px 25px;
	line-height: 30px;
	font-size: 14px;
	word-break: break-all;
	min-height: 672px;
_height: expression(this.scrollHeight < 672 ? "672px" : "auto");
}
.mainr_line {
	float: left;
	height: 18px;
	width: 99%;
	background: url(../images/line_s.gif) top left repeat-x;
}
.tip {
	padding: 20px;
}
.padding25 .center img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: auto;
	max-width: 600px;
_width:expression(this.width > 600 ? "600px" : this.width);
	overflow: hidden;
}
/* list*/
.title {
	width: 100%;
	position: relative;
	margin-bottom: 28px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #b2d48e;
	color: #7eb742;
}
.title a {
	color: #7eb742;
}
.title font {
	font-size: 12px;
}
.pro_list {
	width: 720px;
}
.pro_list li {
	margin: 0px 17px 17px 0;
	float: left;
	width: 200px;
	height: 188px;
	display: inline;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 3px #e8e8e8;
}
.proimg {
	width: 198px;
	height: 148px;
	float: left;
}
.proimg img {
	border: 1px solid #e0e0e0
}
.pro_list li p {
	width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 5%;
	float: left;
	line-height: 28px;
	margin-top: 5px;
	text-align: center;
}
.more {
	float: right;
	font-size: 12px;
	text-align: left;
	width: 77px;
	padding-left: 10px;
	height: 22px;
	line-height: 22px;
	color: #74653d;
	background: url(../images/more.gif) top right no-repeat;
}
.news_list {
	float: left;
}
.newslisttime {
	float: left;
	width: 100%;
	color: #555;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.news_list li {
	float: left;
	width: 596px;
	padding: 15px;
	border-top: 1px solid #e6e6e6;
	line-height: 26px;
}
.news_list li a {
	float: left;
	font: 16px/26px 'Microsoft Yahei';
	width: 596px;
	color: #3c3c3c;
	height: 26px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news_list li .newslisttime a {
	font-size: 12px;
	width: auto;
	margin-left: 10px;
	display: inline;
	float: left;
	padding-left: 5px;
	background: url(../images/newsdot.gif) left center no-repeat;
	color: #555;
}
.newslisteven {
	background: #f2f2f2;
}
.newstxt {
	float: left;
	width: 100%;
	margin-top: 8px;
	font-size: 13px;
	line-height: 24px;
	color: #666;
	text-indent: 2em;
}
.pro_txtimg li {
	float: left;
	margin-bottom: 20px;
}
.pro_li_img {
	float: left;
	border: 1px solid #ccc;
	overflow: hidden;
}
.pro_li_txt {
	float: left;
	margin-top: 22px;
	height: 231px;
	width: 395px;
	padding: 0 10px;
	background: #f8f8f8;
	border: 1px solid #e5e1e1;
	border-left: 0;
	border-radius: 0 4px 4px 0;
	color: #555;
	line-height: 27px;
	font-size: 12px;
}
.pro_txtimg_t {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.pro_txtimg_t .fl {
	margin-top: 23px;
	line-height: 34px;
	width: 270px;
	float: left;
	font: 14px/34px 'Microsoft Yahei';
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.viewmore {
	float: right;
	margin-top: -15px;
	background: #7eb742;
	width: 70px;
	text-align: center;
	height: 58px;
	line-height: 58px;
	color: #fff;
	border-radius: 6px;
	position: relative;
}
.pro_li_txt p {
	line-height: 22px;
	color: #a7a7a7;
}
/*news_view*/
.title_s {
	color: #999;
	font-size: 12px;
	line-height: 35px;
	text-align: center;
}
.vtitle {
	width: 100%;
	color: #7eb742;
	font: 20px/36px "Microsoft Yahei";
	float: left;
	border-bottom: 1px solid #d0d0d0;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}
.mainrbanner {
	border: 1px solid #dbdbdb;
	width: 306px;
	margin: 0 auto 20px;
}
.mainrbanner img {
	border: 3px solid #fff
}
.padding25 .center img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.newsview {
	display: block;
	width: 100%;
	border-bottom: 1px solid #cfcac1;
	margin: 25px 0;
	margin-top: 0;
	padding: 15px 0;
	font-size: 14px;
	line-height: 28px;
	float: none;
	color: #696969;
	overflow: visible;
	word-break: break-word;
}
.newsview img {
	max-width: 100%;
	height: auto !important;
}
.newsview table {
	max-width: 100%;
}
.newsview iframe,
.newsview video {
	max-width: 100%;
}
.newsview table {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.article-detail {
	padding: 30px 34px 40px;
}
.article-title {
	color: #123247;
	font-size: 28px;
	line-height: 40px;
	border-bottom: 0;
	padding-bottom: 8px;
}
.article-content {
	color: #284356;
	font-size: 16px;
	line-height: 30px;
}
.article-content h2,
.article-content h3 {
	color: #123247;
	font-weight: bold;
	text-align: left;
}
.article-content p {
	margin-bottom: 12px;
}
.article-content table {
	width: 100% !important;
	display: table !important;
	border-collapse: collapse;
	table-layout: auto;
	margin: 18px 0;
}
.article-content table th,
.article-content table td {
	padding: 10px 12px;
	border: 1px solid #fff;
	word-break: normal;
	white-space: normal;
}
.article-content table th {
	background: #0f5797;
	color: #fff;
	font-weight: bold;
}
.article-content table td {
	background: #e8eef6;
	color: #123247;
}
.viewpage {
	width: 100%;
	float: left
}
.main_r_nav {
	float: left;
	width: 500px;
	height: 66px;
	font-size: 14px;
	margin-left: 10px;
	display: inline;
}
.returnlist {
	width: 30px;
	height: 40px;
	padding: 8px 12px;
	border-radius: 8px;
	position: relative;
	display: inline;
	float: right;
	color: #fff;
	line-height: 22px;
	font-size: 12px;
	background: #717171;
	margin-top: 5px;
}
.returnlist a {
	color: #fff;
	text-align: center;
	font-size: 14px;
	width: 100%;
	display: block;
}
.main_r_nav a {
	color: #696969;
	font-size: 12px;
	float: left;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
}
.main_r_nav a:hover {
	color: #ec3726;
}
/* page*/

.page {
	margin: 15px 0;
	font-size: 14px;
	float: left;
	width: 100%;
	text-align: right;
	color: #6a6a6a;
}
.page a {
	color: #383838;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	margin: 0 2px;
	background: #fff;
}
.page * {
	position: relative;
	border-radius: 4px;
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 28px;
	height: 28px;
	padding-bottom: 1px;
}
.page img {
	height: auto;
	margin: 0 3px;
}
.page .bg {
	font-weight: normal;
	margin: 0 5px;
}
.disabled {
	padding: 0 10px;
	border: 1px solid #d5d5d5;
	color: #fff;
	background: #b1b1b1;
}
.page .current {
	padding: 0 10px;
	border: 1px solid #d5d5d5;
	color: #c00a28
}
.total {
	text-align: center;
}
.reach {
	text-align: left;
	padding-left: 5px;
}
.btn {
	width: 64px;
	margin-left: 10px;
	display: inline;
	height: 30px;
	line-height: 30px;
}
.btn a {
	background: #2c2c2c;
	border: 0;
	font-weight: normal;
	padding: 0;
	color: #fff;
	width: 64px;
	text-align: center;
}
.btn a:hover {
	color: #fff;
}
.input_page {
	width: 30px;
	text-align: center;
	border: 1px solid #d5d5d5;
	font-size: 12px;
}
/* search*/
.searchnull {
	float: left;
	text-align: center;
	width: 100%;
	padding: 3% 0;
	font-size: 14px;
}
.searchnull font {
	color: #F00;
	font-size: 14px;
}
.searchmore {
	float: left;
	width: 92%;
	background: #efefef;
	text-align: center;
	margin: 10px 20px;
	_margin: 10px;
	border: 1px solid #dbd6f1
}
.searchmore a {
	line-height: 25px;
	color: #333;
}
.input_title {
	background: none;
	line-height: 30px;
	height: 30px;
	padding-left: 7px;
}
/* book*/
.message {
	line-height: 38px;
	font-size: 14px;
}
.tip {
	color: #7eb742;
	margin-left: 64px;
	display: inline;
	width: 574px;
	font-size: 14px;
	background: url(../images/tip.gif) left center no-repeat;
}
.message p {
	width: 100%;
	float: left;
	margin-bottom: 24px;
}
.input160, .select160 {
	width: 158px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #dadada;
	float: left;
	margin-right: 25px;
	display: inline;
}
.select160 {
*height:auto;
*line-height:normal;
}
.message label {
	float: left;
	width: 80px;
	color: #696969;
	text-align: right;
	padding-right: 16px;
}
.message .yzm {
	width: 530px;
}
.textarea430 {
	border: 1px solid #dadada;
	width: 440px;
	height: 170px;
	resize: none;
}
/* hr*/
.hrBox {
	width: 634px;
	float: left;
	min-height: 91px;
	_height: 91px;
	border: 1px solid #dbdbdb;
	margin-bottom: 20px;
	background: #efefef;
}
.hrBoxL {
	width: 100px;
	float: left;
	text-align: center;
}
.hrBoxL li {
	width: 100px;
	min-height: 30px;
	_height: 30px;
	line-height: 30px;
	border-bottom: 1px #dbdbdb solid;
	vertical-align: bottom
}
.jobName {
	width: 380px;
	float: left;
}
.hrBtn {
	width: 100px;
	float: left;
	text-align: center;
	padding-top: 3px;
}
.hrBoxL li.haode {
	border-bottom: none;
}
.hrBoxR {
	width: 533px;
	float: left;
	text-align: left;
	border-left: 1px solid #dbdbdb;
}
.hrBoxR li {
	width: 508px;
	min-height: 30px;
	_height: 30px;
	line-height: 30px;
	border-bottom: 1px #dbdbdb solid;
	padding-left: 15px;
	vertical-align: bottom;
	padding-right: 10px;
}
.hrBoxR li.topline {
	overflow: hidden;
	height: 30px;
}
.hrBoxR li.topline img {
	margin-top: 3px;
}
.hrBoxR li.haode {
	border-bottom: none;
}
.hrTable {
	width: 614px;
	float: left;
	height: 440px;
	background: #efefef;
	border: 1px solid #dbdbdb;
	margin-left: 35px;
	_margin-left: 17px;
}
.tableTitle {
	width: 614px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #dbdbdb;
	font-weight: bold;
}
.lineOne {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dbdbdb;
	width: 614px;
}
.lineOneL {
	width: 94px;
	float: left;
	text-align: center;
	border-right: 1px solid #dbdbdb;
}
.lineOneR {
	width: 509px;
	float: left;
	padding-left: 10px;
}
.tableMainL {
	width: 94px;
	float: left;
	border-right: 1px solid #dbdbdb;
	text-align: center;
}
.tableMainL li {
	width: 94px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dbdbdb;
}
.tableMainR {
	width: 211px;
	float: left;
	border-right: 1px solid #dbdbdb;
	text-align: left;
}
.tableMainR li {
	width: 206px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dbdbdb;
	padding-left: 5px;
	vertical-align: bottom;
}
.tableMainR li span {
	display: inline-block;
}
.tableMainRno {
	width: 212px;
	float: left;
	text-align: left;
}
.tableMainRno li {
	width: 207px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dbdbdb;
	padding-left: 5px;
	vertical-align: bottom;
}
.tableMainRno li span {
	display: inline-block;
}
.input_hr {
	width: 126px;
	height: 17px;
	line-height: 17px;
	padding: 0px;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #dbdbdb;
}
.sel_hr {
	width: 130px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	vertical-align: middle;
	font-size: 12px;
}
.bottomLine {
	width: 614px;
	height: 123px;
	border-bottom: 1px solid #dbdbdb;
}
.lineBootL {
	width: 94px;
	height: 123px;
	border-right: 1px solid #dbdbdb;
	text-align: center;
	float: left;
}
.lineBootR {
	width: 509px;
	float: left;
	padding-left: 10px;
	height: 123px;
}
.are_hr {
	width: 470px;
	height: 80px;
	margin-top: 11px;
}
.hr_btn {
	width: 614px;
	height: 31px;
	line-height: 31px;
}
.hr_btnL {
	width: 310px;
	float: left;
	border-right: 1px solid #dbdbdb;
	text-align: center;
	height: 31px;
}
.hr_btnR {
	width: 300px;
	float: left;
	text-align: center;
}
.c_red {
	color: #f00;
}/* hr */
.hr {
	margin: 10px auto;
	width: 95%;
	font-size: 12px;
	line-height: 24px;
	border: 1px #CCC solid;
	border-collapse: collapse;
	background: #efefef;
}
.hr td {
	border: 1px #CCC solid;
	border-collapse: collapse;
	line-height: 2;
}
.hr input, .hr textarea {
	line-height: 22px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.hr input {
	height: 22px;
}
.hr a {
	color: #333;
}
.hr a:hover {
	color: #de0303;
}
.hr_btn {
	width: 100px;
	height: 40px;
	font-size: 12px;
	background: #7eb742;
	color: #fff;
}
#hrform {
	float: left;
	width: 100%;
}

@media screen and (max-width: 768px) {
	body {
		min-width: 0;
		font-size: 14px;
		overflow-x: hidden;
	}
	.header,
	.menu,
	.foot {
		min-width: 0;
	}
	.main,
	.fyMain {
		width: auto;
		margin-left: 16px;
		margin-right: 16px;
	}
	.header {
		height: auto;
		padding: 14px 0;
	}
	.header-main {
		height: auto;
		display: block;
	}
	.logo {
		max-width: 180px;
		margin: 0 auto 10px;
		justify-content: center;
	}
	.logo img {
		max-height: 46px;
	}
	.header-brand {
		max-width: none;
		text-align: center;
	}
	.header-brand strong {
		font-size: 20px;
	}
	.header-brand p {
		white-space: normal;
		font-size: 12px;
		line-height: 20px;
	}
	.header-tags span {
		margin: 6px 3px 0;
	}
	.menu {
		height: 54px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.menumain {
		position: static;
	}
	.nav-main {
		height: 54px;
		margin-left: 0;
		margin-right: 0;
	}
	#menu {
		height: 54px;
		justify-content: flex-start;
		width: max-content;
		min-width: 100%;
		padding: 0 8px;
	}
	#menu li {
		height: 54px;
	}
	#menu li a {
		min-width: auto;
		padding: 0 14px;
		font-size: 14px;
		line-height: 54px;
	}
	.banner {
		margin-top: 0;
	}
	.hero-section,
	.hero-section .slideBox,
	.hero-section .slideBox .bd,
	.hero-section .slideBox .bd ul,
	.hero-section .slideBox .bd li,
	.hero-section .slideBox .bd a,
	.hero-section .slideBox .bd img,
	.hero-content {
		height: 520px;
	}
	.hero-content {
		justify-content: center;
		padding: 0 16px;
		box-sizing: border-box;
	}
	.hero-kicker,
	.hero-content h1,
	.hero-summary,
	.hero-keywords {
		width: auto;
	}
	.hero-content h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.hero-summary {
		font-size: 14px;
		line-height: 25px;
	}
	.hero-keywords li {
		height: 28px;
		padding: 0 10px;
		font-size: 12px;
		line-height: 28px;
	}
	.hero-actions {
		height: auto;
		overflow: hidden;
	}
	.hero-btn {
		min-width: 0;
		height: 40px;
		padding: 0 16px;
		margin: 0 10px 10px 0;
		line-height: 40px;
	}
	.hero-links {
		display: none;
	}
	.hero-section .slideBox .prev,
	.hero-section .slideBox .next {
		display: none;
	}
	.service-section,
	.case,
	.newslist,
	.team {
		padding: 44px 0;
	}
	.section-head {
		margin-bottom: 24px;
	}
	.section-head p {
		font-size: 12px;
	}
	.section-head h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.section-head span {
		width: auto;
		font-size: 13px;
		line-height: 24px;
	}
	.service-list,
	.case-grid,
	.news-cards,
	.teamul {
		display: block;
		width: auto;
	}
	.service-list li,
	.profra .limg,
	.news-cards li,
	.teamul li {
		width: auto;
		min-height: 0;
		margin-bottom: 16px;
	}
	.service-list li a,
	.news-cards li a {
		min-height: 0;
	}
	.profra {
		width: auto;
	}
	.caseul {
		display: block;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.caseul li {
		float: left;
		width: 48%;
		margin: 0 2% 10px 0;
	}
	.caseul a {
		padding: 8px 10px;
		font-size: 13px;
	}
	.news-layout {
		display: block;
	}
	.news-cover {
		margin-bottom: 18px;
	}
	.news-cover img {
		min-height: 240px;
	}
	.aboutarea {
		min-height: 0;
		padding: 36px 0;
	}
	.ibook,
	.about {
		float: none;
		width: auto;
		height: auto;
		margin: 0 16px 22px;
		box-sizing: border-box;
	}
	.ibook {
		padding: 18px;
	}
	.about {
		padding-top: 0;
	}
	.about_t {
		width: auto;
		float: none;
	}
	.abouttxt {
		float: none;
	}
	.abouttxt p {
		max-height: none;
	}
	.about-tags li {
		margin-bottom: 8px;
	}
	.footer-main {
		display: block;
		padding: 34px 0 24px;
	}
	.footer-brand,
	.footer-nav {
		margin-bottom: 26px;
	}
	.footer-nav li {
		width: 50%;
	}
	.footer-bottom p {
		line-height: 24px;
		padding: 12px 0;
		white-space: normal;
	}
	.inner-banner,
	.inner-banner-content {
		height: 220px;
	}
	.inner-banner-content {
		padding: 58px 16px 0;
	}
	.inner-banner-content h1 {
		font-size: 26px;
		line-height: 34px;
	}
	.inner-banner-content span {
		width: auto;
		font-size: 13px;
		line-height: 22px;
	}
	.fyMain {
		overflow: visible;
	}
	.fyLeft,
	.fyRight {
		float: none;
		width: auto;
		margin: 0 0 18px;
		box-sizing: border-box;
	}
	.fyLeft_t,
	.l_pro,
	.l_pro_t {
		width: auto;
	}
	.fyRight {
		padding: 18px 14px 24px;
		min-height: 0;
		overflow: visible;
	}
	.title {
		height: auto;
		line-height: 22px;
		padding-bottom: 10px;
	}
	.vtitle {
		font-size: 22px;
		line-height: 32px;
	}
	.title_s {
		line-height: 22px;
	}
	.newsview {
		width: 100%;
		font-size: 15px;
		line-height: 28px;
		overflow: visible;
	}
	.newsview table {
		display: block;
		width: max-content !important;
		max-width: none;
		overflow-x: auto;
	}
	.viewpage,
	.main_r_nav,
	.returnlist {
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 12px;
	}
	.main_r_nav a {
		float: none;
		white-space: normal;
	}
	.returnlist {
		display: inline-block;
		padding: 8px 14px;
	}
}