.company-content-text-list img{
	display:inline-block;
}
.newslist{
	width:100%;
	margin:0 auto;
	min-height:500px;
	overflow:hidden;
}
.news-empty {
	width: 100%;
	margin: 0;
	padding: 80px 20px;
	box-sizing: border-box;
	color: #8a8f98;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}
.home-news-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 240px;
	padding: 0 20px;
}
.home-news-empty span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	color: #718096;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
}
.home-news-empty span::before,
.home-news-empty span::after {
	display: block;
	width: 46px;
	height: 1px;
	background: #adc5df;
	content: "";
}
@media (max-width: 768px) {
	.home-news-empty {
		min-height: 180px;
	}
	.home-news-empty span {
		gap: 12px;
		font-size: 15px;
	}
	.home-news-empty span::before,
	.home-news-empty span::after {
		width: 28px;
	}
}
.newslist ul li{
	margin-bottom:16px;
}
.newslist p{
	line-height:32px;
}
.newslist ul li a{
	display:block;
	height:160px;
	border:#e5e5e5 1px solid;
}
.newslist ul li a .timelist{
	float:left;
	width:115px;
	height:160px;
	padding-left:20px;
	border-right: #e5e5e5 1px solid;
}
.newslist ul li:hover a .timelist{
	background:#2f7ef0;
	transition: 0.6s;
}
.newslist ul li:hover a .timelist span{
	color:#fff;
	background:url(../img/lih3h_bg.jpg) no-repeat left bottom;
}
.newslist ul li:hover a .timelist b{
	color:#fff;
}
.newslist ul li a .timelist span{
	display:block;
	font-size:24px;
	color: #3f3f3f;
	margin-bottom:16px;
	height:50px;
	margin-top:35px;
	background:url(../img/lih3_bg.jpg) no-repeat left bottom;
}
.newslist ul li a .timelist b{
	display:block;
	font-size:14px;
	color: #cbcbcb;
	font-weight:normal;
}
.newslist ul li:hover{
	box-shadow:0 0 15px rgb(0 0 0 / 15%)
}
.newslist ul li a .listcont{
	width:1062px;
	float:left;
	padding:20px 50px;
	overflow:hidden;
}
.newslist ul li:hover a .listcont h3{
	color:#2f7ef0;
}
.newslist ul li a .listcont h3{
	font-size: 18px;
	color: #3b3b3b;
	margin-bottom: 20px;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newslist ul li a .listcont p{
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #7f7f82;
	text-align:left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*listpic*/
.newslistpic{
	width:1400px;
	margin:0 auto;
	min-height:500px;
	overflow:hidden;
}
.newslistpic ul li{
	width:320px;
	float:left;
	height:290px;
	margin:0px 12px 30px;
	background-color:#e4e4e4;
}
.newslistpic ul li a{
	display:inline-block;
	width:100%;
	height:290px;
}
.newslistpic ul li a div{
	width:100%;
	height:240px;
	overflow:hidden;
}
.newslistpic ul li:hover a div img{
	transform: scale(1.1,1.1);
}
.newslistpic ul li a div img{
	width:100%;
	height:240px;
	transition: 1s ease;
}
.newslistpic ul li:hover span{
	color:#2f7ef0;
}
.newslistpic ul li a span{
	width:100%;
	padding:0px 20px;
	display:inline-block;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#666;
	font-size:16px;
	background-color:#F7F7F7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_content {
	width:100%;
	margin-top:30px;
}
.news_content .new_title {
	text-align: center;
	color: #4d4d4d;
	font-size:22px;
	line-height: 28px;
}
.news_content .new_header {
	border-bottom: 1px dashed #cecece;
	padding-bottom: 10px;
	margin-bottom: 30px;
	line-height: 28px;
	font-size: 14px;
	color: #737373;
	text-align: center;
}
.news_content p {
	margin-bottom: 15px;
	line-height: 36px;
	font-size: 16px;
	color: #4d4d4d;
}
.map_contact{
	width:100%;
	margin:0px auto;
	position:relative;
}
.map_contact img{
	width:100%;
}
.fanye{
	width:100%;
}
.pagebox{overflow:hidden; zoom:1; font-size:14px; font-family:"宋体",sans-serif;}
.pagebox table{margin-bottom:30px!important;}
.pagebox span{ float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;}
.pagebox span.pagebox_prev_nolink, span.pagebox_next_nolink, span.pagebox_first_nolink, span.pagebox_last_nolink{border:1px #ddd solid; width:70px; height:35px; line-height:35px; text-align:center; color:#999; cursor:default;}
.pagebox span.pagebox_prev{color:#006bc8;}
.pagebox span.pagebox_prev a,.pagebox span.pagebox_prev a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited,.pagebox span.pagebox_fisrt a,.pagebox span.pagebox_first a:visited,.pagebox span.pagebox_last a,.pagebox span.pagebox_last a:visited{border:1px #d9d9d9 solid; color:#999999; text-decoration:none; text-align:center; width:70px; cursor:pointer; height:35px; line-height:35px;}
.pagebox span.pagebox_prev a:hover,.pagebox span.pagebox_prev a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active,.pagebox span.pagebox_first a:hover,.pagebox span.pagebox_first a:active,.pagebox span.pagebox_last a:hover,.pagebox span.pagebox_last a:active{color:#999999; border:1px #d9d9d9 solid;}
.pagebox span.pagebox_num_nonce{width:35px;height:35px;border:1px solid #2f7ef0; line-height:35px; color:#fff; cursor:default; background:#2f7ef0; font-weight:bold;}
.pagebox span.pagebox_num{color:#999999;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #d9d9d9 solid; color:#999999; text-decoration:none; cursor:pointer;width:35px; height:35px; line-height:35px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #006bc8 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:35px;}
.pagebox_first{
	border:1px solid #d9d9d9!important;
    text-decoration: none;
    text-align: center;
    width: 70px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
}
.pagebox_first a{
	color:#999999;
}
.list_messagepage .message_top,.message_bot{
	width:100%;
	overflow:hidden;
}
.list_messagepage .message_top .dl3 dt { text-align: left; width: 111px; }
.list_messagepage dl { float: left; margin-bottom: 30px; }
.list_messagepage dl dt { float: left; position: relative; width: 84px; line-height: 34px; }
.list_messagepage dl dd { float: left; width: 100%; }
.list_messagepage dl dd .ddwrap { position: relative; }
.list_messagepage dl dd .ddwrap input {outline:none; border:1px solid #d2d2d2; padding: 5px 10px; width: 100%; height:40px; line-height:40px; box-sizing: border-box; font-size: 16px; color: #333333; }
.list_messagepage .dl1{width:47%;}
.list_messagepage .dl2{width:20.61%;}
.list_messagepage .dl2 dt {width: 92px; text-align: right;}
.list_messagepage .dl2 dd .ddwrap { margin-left: 92px; }
.list_messagepage .dl2 dd .ddwrap select { width: 100%; height: 32px; font-size: 16px; color: #333333; background: #fff; }
.list_messagepage .dl3 { width: 47%;margin-left:5%; }
.list_messagepage label { font-size: 16px; color: #333333; }
.list_messagepage img { position: absolute; right: 0; top: 0; width: 78px; height: 100%; border-left: 1px solid #d2d2d2; }
.list_messagepage .dl4 { width: 100%; }
.list_messagepage .dl4 textarea {border:1px solid #d2d2d2;outline:none; resize: none; height: 132px; padding: 5px 10px; width: 100%; line-height: 32px; box-sizing: border-box; font-size: 16px; color: #333333; }
.list_messagepage .dl5 .ddwrap {padding-right: 80px; }
.list_messagepage .last_btn {width:100%; font-size: 0; text-align:center;}
.list_messagepage .last_btn .btn {border:none;cursor:pointer; width:100%; height:45px; line-height:45px; text-align: center; color: #fff; display: inline-block; background: #2f7ef0; font-size: 16px; }
.list_messagepage .last_btn .btn2 { margin-left: 10px; background: #cccccc; color: #333333; }

/* New template detail pages */
.detail-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 20px 60px;
  color: #333;
}
.detail-header {
  padding-bottom: 22px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.detail-header h1 {
  margin: 0 0 16px;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 500;
}
.detail-meta {
  color: #888;
  font-size: 14px;
}
.detail-meta span {
  display: inline-block;
  margin: 0 12px 6px;
}
.detail-body img {
  max-width: 100%;
  height: auto;
}
.detail-summary {
  margin-bottom: 28px;
  padding: 18px 22px;
  color: #666;
  line-height: 1.8;
  background: #f7f7f7;
}
.detail-body {
  min-height: 180px;
  font-size: 16px;
  line-height: 2;
  overflow-wrap: anywhere;
}
.product-detail .detail-body .product-content-image {
  width: 100%;
  max-width: 930px;
  margin: 2em auto;
  padding: 0;
  text-align: center;
  text-indent: 0;
}
.product-detail .detail-body .product-content-image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.detail-sibling {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 45px;
  padding-top: 22px;
  border-top: 1px solid #e5e5e5;
}
.detail-sibling span {
  width: 50%;
  min-width: 0;
}
.detail-sibling a {
  display: inline-block;
  max-width: calc(100% - 5em);
  overflow: hidden;
  color: #555;
  line-height: 1.7;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.25s ease;
}
.detail-sibling a:hover,
.detail-sibling a:focus {
  color: #2f7ef0;
  text-decoration: underline;
}
.detail-sibling .next {
  text-align: right;
}
@media (max-width: 768px) {
  .detail-content { padding: 20px 15px 40px; }
  .detail-header h1 { font-size: 22px; }
  .detail-meta span { display: block; }
  .detail-body { font-size: 15px; }
  .detail-sibling { display: block; }
  .detail-sibling span { display: block; width: 100%; margin-top: 10px; }
  .detail-sibling a { max-width: calc(100% - 6em); }
  .detail-sibling .next { text-align: left; }
}

/* Recruitment list */
.recruitment-list {
  width: 100%;
  min-height: 420px;
  margin: 0 auto 30px;
}
.recruitment-item {
  margin-bottom: 16px;
  border: 1px solid #e3e7ea;
  background: #fff;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.recruitment-item:hover {
  border-color: #1e7564;
  box-shadow: 0 10px 28px rgba(20, 55, 48, .1);
  transform: translateY(-2px);
}
.recruitment-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px 112px;
  align-items: center;
  gap: 32px;
  min-height: 132px;
  padding: 24px 30px;
  color: #333;
}
.recruitment-main {
  min-width: 0;
}
.recruitment-main h2 {
  margin: 0 0 12px;
  color: #252b29;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 500;
}
.recruitment-summary {
  max-height: 48px;
  overflow: hidden;
  color: #727a77;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recruitment-meta {
  padding-left: 26px;
  border-left: 1px solid #e8ecea;
  color: #69716e;
  font-size: 14px;
}
.recruitment-meta span {
  display: block;
  overflow: hidden;
  margin: 7px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recruitment-meta i {
  width: 20px;
  color: #1e7564;
}
.recruitment-action {
  color: #1e7564;
  font-size: 15px;
  text-align: right;
  white-space: nowrap;
}
.recruitment-action i {
  margin-left: 10px;
  font-size: 18px;
  vertical-align: -1px;
  transition: transform .25s ease;
}
.recruitment-item:hover .recruitment-action i {
  transform: translateX(4px);
}
.recruitment-empty {
  padding: 70px 20px;
  color: #888;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.recruitment-detail .detail-body {
  max-width: 920px;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .recruitment-link {
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 20px;
  }
  .recruitment-action {
    display: none;
  }
}
@media (max-width: 640px) {
  .recruitment-list {
    min-height: 300px;
  }
  .recruitment-link {
    display: block;
    min-height: 0;
    padding: 20px 18px;
  }
  .recruitment-main h2 {
    font-size: 18px;
  }
  .recruitment-meta {
    margin-top: 16px;
    padding: 12px 0 0;
    border-top: 1px solid #e8ecea;
    border-left: 0;
  }
  .recruitment-meta span {
    white-space: normal;
  }
}
/* Contact category pages */
.contact-page-content {
  max-width: 1100px;
  margin: 30px auto 0;
  min-height: 0;
}
.contact-liuyan .form-left {
  float: none;
  width: 100%;
}
.contact-liuyan .feedback-submit-panel {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  min-height: 0;
  padding-top: 18px;
}
.contact-liuyan .feedback-submit-panel .submit {
  width: 100%;
  min-height: 45px;
  margin: 0 auto;
  border: 0;
}
#feedbackMessage {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 10px;
  width: 100%;
	min-height: 50px;
	margin: 16px 0 0;
	padding: 12px 16px;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
  text-align: center;
}

/* Desktop header contact details */
.header-pc .header {
  display: flex;
  align-items: center;
  width: 100%;
}
.header-pc .logo {
  flex: 0 0 200px;
  float: none;
  margin: 0;
}
.header-pc .nav {
  flex: 1 1 auto;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0 24px;
}
.header-pc .telbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 390px;
  float: none;
  width: 390px;
  margin: 0 84px 0 0;
}
.header-pc .telbox .tel {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}
.header-pc .telbox .tel .header-contact-row {
  display: flex;
  align-items: center;
  min-width: 175px;
}
.header-pc .telbox .tel img.header-contact-icon {
  display: block;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  margin: 0 7px 0 0;
  object-fit: contain;
}
.header-pc .telbox .tel .header-email-icon {
  padding: 2px 0;
  box-sizing: border-box;
}
.header-pc .telbox .tel span,
.header-pc .telbox .tel .header-email {
  color: inherit;
  font: inherit;
  white-space: nowrap;
}
.header-pc .telbox .tel .header-email {
  transition: opacity .2s ease;
}
.header-pc .telbox .tel .header-email:hover,
.header-pc .telbox .tel .header-email:focus {
  color: inherit;
  opacity: .75;
}
.header-pc .enav {
  flex: 0 0 auto;
  width: auto;
}
.header-pc .telbox p {
  flex: 0 0 62px;
  margin: 0;
}
@media (max-width: 1400px) {
  .header-pc .logo {
    flex-basis: 180px;
  }
  .header-pc .nav {
    margin: 0 14px;
  }
  .header-pc .telbox {
    flex-basis: 355px;
    width: 355px;
    margin-right: 0;
  }
  .header-pc .telbox .tel {
    font-size: 16px;
  }
  .header-pc .telbox .tel .header-contact-row {
    min-width: 165px;
  }
}
@media (max-width: 1200px) {
  .header-pc .logo {
    flex-basis: 160px;
  }
  .header-pc .nav {
    margin: 0 10px;
  }
  .header-pc .telbox {
    flex-basis: 340px;
    width: 340px;
  }
}
#feedbackMessage.is-visible {
	display: flex;
}
#feedbackMessage::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 50%;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
#feedbackMessage.is-success {
	border-color: #86c9a7;
	color: #17633d;
	background: #edf9f2;
}
#feedbackMessage.is-success::before {
	background: #27875a;
	content: "\2713";
}
#feedbackMessage.is-error {
	border-color: #e2a6a6;
	color: #a52f2f;
	background: #fff2f2;
}
#feedbackMessage.is-error::before {
	background: #c84a4a;
	content: "!";
}
.contact-liuyan .feedback-submit-panel .submit:disabled {
	cursor: wait;
	opacity: 0.7;
}
@media (max-width: 768px) {
  .contact-liuyan {
    padding: 20px 15px;
  }
  .contact-liuyan .feedback-submit-panel {
    min-height: 0;
  }
  .contact-liuyan .feedback-submit-panel .submit {
    width: 100%;
    min-height: 45px;
  }
}
/* ThinkPHP pagination */
.fanye {
  width: 100%;
  margin: 28px 0 40px;
}
.fanye .pagebox {
  overflow: visible;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
}
.fanye .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fanye .pagination li {
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fanye .pagination li a,
.fanye .pagination li span {
  display: flex;
  float: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 38px;
  height: 36px;
  margin: 0;
  padding: 0 12px;
  overflow: visible;
  color: #777;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #d9dde2;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.fanye .pagination li a:hover,
.fanye .pagination li a:focus {
  color: #347fec;
  border-color: #347fec;
}
.fanye .pagination li.active span,
.fanye .pagination li.active a {
  color: #fff;
  cursor: default;
  background: #347fec;
  border-color: #347fec;
}
.fanye .pagination li.disabled span,
.fanye .pagination li.disabled a {
  color: #999;
  cursor: default;
  background: #fff;
  border-color: #d9dde2;
}
.fanye .pagination li:first-child a,
.fanye .pagination li:first-child span,
.fanye .pagination li:last-child a,
.fanye .pagination li:last-child span {
  min-width: 70px;
}
@media (max-width: 640px) {
  .fanye {
    margin: 22px 0 30px;
    padding: 0 10px;
  }
  .fanye .pagebox {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .fanye .pagination {
    width: max-content;
    min-width: 100%;
    justify-content: center;
    padding-bottom: 2px;
  }
  .fanye .pagination li a,
  .fanye .pagination li span {
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    line-height: 40px;
  }
  .fanye .pagination li:first-child a,
  .fanye .pagination li:first-child span,
  .fanye .pagination li:last-child a,
  .fanye .pagination li:last-child span {
    min-width: 64px;
  }
}
