* {
	box-sizing: border-box;
}

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

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #007771;
	text-decoration: none;
}

a:active,
a:link,
a:visited {
	text-decoration: none;
}

.header {
	position: relative;
	height: 50px;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #fff;
	box-shadow: 0px 5px 49px 0px rgba(0, 0, 0, 0.15);
}

.centerbox {
	height: 100%;
	display: flex;
	align-items: center;
}

.bgstyle {
	background-position: center;
	background-size: cover;
}

.curstyle {
	cursor: pointer;
}

.xs-padding {
	padding-left: 0;
	padding-right: 0;
}

.phone-none {
	display: none;
}

.pc-none {
	display: block;
}

.header .logobox {
	padding-left: 10px;
}

.header .logobox img {
	max-height: 40px;
}

.header .navmobile span {
	font-size: 14px;
}

.header .navbox {
	display: none;
	padding-left: 70px;
}

.header .navbox a img {
	margin-left: 8px;
}

.header .navbox .navbtn {
	position: relative;
	width: 11%;
	font-size: 17px;
	text-align: center;
	line-height: 95px;
}

.header .navbox .navbtn a:hover{
    color: #1d7173 !important;
}
.header .navbox .active {
    color: #1d7173 !important;
}
.header .navbox .active:after {
    width: 70px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateXXX(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #1d7173;
    opacity: 1;
}
.header .navbtn .navbtnflex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .navbtn .navbtnflex a {
	width: 100%;
	color: #000;
}

.header .navbtn:hover {
	color: #1d7173;
}

.header .navbox .navbtn.active:hover {
	color: #fff;
}

.header .navbox .navbtnlist {
	word-break: keep-all;
	white-space: nowrap;
	display: none;
	z-index: 999;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 26px 10px;
	color: #000;
	background-color: #fff;
	line-height: 33px;
	font-size: 15px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 -6px 16px 0 rgb(0 0 0 / 7%);
    top: 96%;
}
.header .active a img{display:none}
.header .navbox .navbtnlist a {
	color: #000;
	float: left;
}

.header .navbox .navbtnlist a:hover {
	display: block;
	color: #1d7173;
}

.header .navbox .navbtn:hover .navbtnlist {
	display: block;
}

.header .navbox .navbtnlist .navbtntriangle {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 10px solid #fff;
	z-index: 999;
}
.head-search-x{
    display: none;
}
.head-search-x{
    margin-right: 6px;
}
.navmobile {
	display: flex;
	align-items: center;
	margin-left: 22px;
}

.navmobile a {
	color: #6d6d6d;
	display: flex;
	align-items: center;
	padding-right: 15px;
}

.navmobile a {
	color: #6d6d6d;
	display: flex;
	align-items: center;
	padding-right: 15px;
}

.navmobile a img {
	margin-right: 6px;
}

.navmobile svg {
	padding: 5px;
	color: #fff;
	background-color: #0159a1;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.navmobile span {
	font-size: 16px;
	line-height: 17px;
	margin: 0 5px;
	color: #0159a1;
	font-weight: bold;
}

.header .phonebox {
	position: relative;
	float: right;
	padding-right: 12px;
}

.header .phonebox img {
	height: 45px;
}

.header .navopen {
	color: #000;
	border: none;
	border-radius: 5px;
	margin-left: 6px;
}

.header .phonebox .bi-list {
	display: block;
}

.header .phonebox.active .bi-list {
	display: none;
}

.header .phonebox .bi-x {
	display: none;
}

.header .phonebox.active .bi-x {
	display: block;
}

.header .phonenav {
	display: none;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	padding: 20px;
	line-height: 30px;
	background-color: #fff;
	font-size: 14px;
}

.header .phonenav .navbtn {
	border-bottom: 1px solid #eee;
	padding-top: 8px;
	padding-bottom: 6px;
}

.header .phonenav .navbtn:last-child {
	border: none;
}

.header .phonenav .navbtn .phonemore svg {
	width: 1em;
	height: 1em;
	margin-top: 8px;
	transition: .3s;
}

.header .phonenav .navbtn .phonemore.active svg {
	transform: rotate(90deg);
}

.header .phonenav .navbtn .navsonlist {
	overflow: hidden;
	line-height: 0px;
	opacity: 0;
	padding-left: 10px;
	font-size: 13px;
	transition: .3s;
}

.header .phonenav .navbtn .navsonlist a {
	display: block;
}

.header .phonenav .navbtn.active .navsonlist {
	line-height: 30px;
	opacity: 1;
}

.header .phonenav.active {
	display: block;
}
.srk {
    display: none;
    position: fixed;
    text-align: center;
    background: #fff;
    top: 95px;
    right: 0;
    height: 66px;
    width: 100%;
    z-index: 111111111111111;
    box-shadow: 0px 5px 49px 0px rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
}
.srk .serleft {
    height: 100%;
    color: #000;
    display: inline-block;
    width: 72%;
    border: none;
    background: none;
    outline: 0;
    border-radius: 3px;
    padding: 5px 10px;
}
.srk .searbut {
    border: none;
    background: url(../img/searchw.png) no-repeat;
    width: 24px;
    height: 24px;
    outline: 0;
}
.bannerbox {
	position: relative;
	width: 100%;
	padding-top: 95px;
}

.bannerbox .bgbox {
	height: 240px;
}

.bannerbox .mySwiperTop {
	z-index: 0;
}

.bannerbox .swiperTop-pagination {
	bottom: 0;
}

.bannerbox .toppag {
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 0 4px;
	background-color: rgb(0 0 0 / 39%);
}

.bannerbox .toppagactive {
	background-color: #fff;
}


.about {
	background: url('../img/home1.jpg') no-repeat;
	height: 741px;
}

.aboutbox {
	width: 82%;
	margin: 0 auto;
}

.about h1 {
	padding-top: 21%;
	font-size: 44px;
	color: #000;
}

.about p {
	color: #666666;
	line-height: 32px;
	padding-top: 2%;
	padding-bottom: 12%;
	font-size: 18px;
}

.about a {
	border: solid 1px #666;
	padding: 12px 46px;
	border-radius: 8px;
	background: #fff;
	color: #666;
	font-size: 15px;
}

.about a:hover{
    color: #fff;
    background-color: #007771;
	border: solid 1px #007771;
}
.numlist {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 62px;
	color: #515151;
	padding-top: 21%;
}

.numbox {
	color: #515151;
	font-size: 15px;
	line-height: 23px;
}

.numbox span {
	color: #007771;
	font-size: 50px;
}

.numbox b {
	color: #007771;
}

.aboutvideo {
	position: relative;
	margin-top: 11%;
	float: right;
	padding-right: 0;
}

.aboutvideo .aboutpic {
	float: right;
	width: 670px;
	border-radius: 18px;
	height: 450px;
	max-width: 100%;
}

.aboutvideopic {
	position: absolute;
	z-index: 111;
	right: 0;
	bottom: 0;
	padding: 19px;
	background: #15746c;
}

.product {
	background: #f9f9f9;
	width: 100%;
	padding-bottom: 40px;
}

.maintitle {
	text-align: center;
	color: #000;
	font-size: 43px;
	font-weight: bold;
	padding-top: 4%;
}

.s-underline {
	width: 46px;
	margin: 10px auto;
	border-bottom: 4px solid #007771;
}

.productList {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-top: 3.2%;
}

.productList a {
	padding: 0 10px;
	flex: 1;
	position: relative;
}

.productList a img {
	width: 100%;
	transition: .3s;
}
.productList a img:hover {
	transform: scale(1.1);
}

.productListItemText {
	position: absolute;
	bottom: 12px;
	color: #fff;
	font-size: 14px;
	left: 34px;
}

.productListItemText h1 {
	font-size: 22px;
}

.morebtn {
	cursor: pointer;
	margin: 40px auto 0;
	width: 175px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	background-color: #007771;
	text-align: center;
	display: block;
	border-radius: 10px;
}

.morebtn:hover ,.morebtn:link,.morebtn:focus  {
	color: #fff;
	background-color: #007771;
}

.news {
	background: url('../img/home2.jpg') no-repeat;
	padding-bottom: 50px;
}

.newsList {
	width: 93%;
	margin: 0 auto;
	position: relative;
}

.news .mySwiperA {
	margin-top: 60px;
}

.newsbox {
	width: 25%;
	height: 415px;
	padding: 0 15px;
}

.newsimgbox {
	height: 285px;
}

.newsbox h1 {
	font-size: 26px;
	margin-bottom: 16px;
	margin-top: 0;
	line-height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.newsList a:hover{color:#007771}
.newsbox p {
	font-size: 18px;
	color: #b5b5b5;
	font-weight: bold;
	margin-bottom: 15px;
}

.newsbox .newsimg {
	width: 100%;
	height: 100%;
	transition: .3s;
	border-radius: 10px;
}

.newsbox:hover .newsimg {
	transform: scale(1.1);
}

.bgstyle {
	background-position: center;
	background-size: cover;
}



.news .swiper-pagination {
	bottom: -61px;
}

.news .newspag {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 7px;
	border-radius: 50%;
	background-color: #393939;
}

.news .newspagactive {
	background-color: #007771;
}

.news .swiperA-next,
.news .swiperA-prev {
	color: #007771 !important;
	transform: translateY(50%);
}

.news .swiperA-prev:after,
.news .swiperA-next:after {
	font-size: 40px !important;
}

.news .swiperA-prev {
	left: -40px;
}

.news .swiperA-next {
	right: -40px;
}

.news .morebtn {
	margin: 100px auto 0;
}
.news .morebtn:hover ,.news .morebtn:link,.news .morebtn:focus {color:#fff}
.map {
	background: #f4f5f9;
	height: 768px;
}

.mapbox {
	padding-left: 8%;
	width: 98%;
}

.mapbox .maptitle {
	margin-top: 13%;
	color: #007771;
	font-weight: bold;
	border-top: solid 2px #007771;
	width: 75px;
	line-height: 27px;
	display: flex;
	align-items: center;
	font-size: 15px;
}

.mapbox .maptitle span {
	width: 4px;
	height: 4px;
	background: #007771;
	float: left;
	border-radius: 50%;
	margin: 0 4px;
}

.mapbox h1 {
	color: #1e2e45;
	padding-top: 20px;
}

.mapbox p {
	font-size: 23px;
	line-height: 34px;
	color: #1e2e45;
}

.mapboxtext {
	display: flex;
	align-items: center;
	padding-top: 53px;
	padding-bottom: 68px;
}

.mapboxitem {
	font-size: 13px;
	width: 50%;
	position: relative;
}

.mapboxitem h2 {
	font-size: 61px;
	color: #007771;
}

.mapboxitem h2 span {
	font-size: 50px;
}

.mapboxitem .line {
    right: 32%;
    width: 1px;
    height: 125px;
    background: #cdd3e0;
    position: absolute;
    top: 30px;
}
.mapmore {
	padding-top: 6%;
	border: solid 2px #007771;
	color: #007771;
	padding: 9px 25px;
	border-radius: 30px;
	font-size: 15px;
	float: left;
	display: flex;
	align-items: center;
}
.mapmore:hover{color: #007771;}
.mapmore img {
	margin-left: 4px;
}

.mapboximg {
	padding-top: 3%;
}

.mapboximg img {
	max-width: 100%;
}

.honor {
	padding-bottom: 58px;
    background: none;
}

.honorbox {
	cursor: pointer;
	width: 25%;
	height: 100%;
}

.honorlist {
	position: relative;
	width: 84%;
	margin: 0 auto;
	padding: 43px 0 0;
}

.honorbox .honorimg {
	display: flex;
	justify-content: center;
	align-items: self-start;
	width: 89%;
	height: 264px;
	margin: 0 auto 10px;
	padding: 22px;
	background: url(../img/honerbg.jpg) no-repeat;
	background-size: contain;
}

.honorbox .honorimg img {
    width: auto;
    max-width: 100%;
    height: 100%;
    transition: .3s;
}

.honor .swiperB-next,
.honor .swiperB-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	background-color: #bdbec1;
	z-index: 999;
}

.honor .swiperB-next,
.honor .swiperB-prev {
	width: 60px;
	height: 60px;
}

.honor .swiperB-next svg,
.honor .swiperB-prev svg {
	width: 60px;
	height: 60px;
}

.honor .swiperB-prev {
	left: -87px;
}

.honor .swiperB-next {
	right: -87px;
}

.honor .morebtn {
	margin: 40px auto 0;
}

.foot {
	background: #21252e;
	width: 100%;
	float: left;
	color: #727a8b;
}

.footTop {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #32363f;
	width: 83%;
	margin: 0 auto;
}

.footLogo {
	padding-left: 0;
}

.footewm {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 34px 0;
}

.footitem {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 94px;
	font-size: 12px;
	margin-left: 5%;
}

.footitemimg {
	padding-top: 4px;
}

.foottext {
	display: flex;
	align-items: center;
	width: 83%;
	margin: 0 auto;
}

.foottextLeft {
	border-right: solid 1px #32363f;
	height: 100%;
	line-height: 27px;
	font-size: 16px;
	padding: 52px 114px 79px 0;
}

.foottextRight {
	display: flex;
	align-items: self-start;
	flex: 1;
}

.foottextRight ul {
	padding: 44px 0 0;
	border-right: solid 1px #32363f;
	height: 29vh;
	flex: 1;
}

.foottextLeftTel {
	color: #fff;
	font-size: 25px;
	padding: 7px 0;
	font-weight: bold;
}

.foottextLeftTel span {
	font-size: 15px;
	font-weight: normal;
}

.foottextRight ul:last-child {
	border-right: none
}

.foottextRight ul li a {
	color: #727a8b;
}

.foottextRight ul li {
	padding-left: 32%;
	line-height: 27px;
}

.foottextRight ul .footnavtitle {
	border-left: solid 2px #007771;
	padding-left: 32%;
	margin-bottom: 10px;
	height: 21px;
	line-height: 21px;
}

.foottextRight ul .footnavtitle a {
	color: #fff;
	font-size: 17px;
}

.footbottom {
	background: #1a1f27;
}

.footbottom .footbottombox {
	width: 83%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 0;
}

.footbottom .footbottombox a {
	color: #727a8b;
}

.footbottomRight a {
	padding-left: 22px;
}
/*内页*/
.banner-ny{
    position: relative;
    width: 100%;
    margin-top: 95px;
    height: 541px;
    overflow: hidden;
}
.banner-nnav {
    height: 470px;
}
.banner-box {
    width: 82%;
    margin: 0 auto;
    color: #fff;
    height: 100%;
}
.banner-box a{
    color: #fff;
}
.banner-box h1{
    font-weight: bold;
    letter-spacing: 4px;
    font-size: 56px;
    padding-top: 10%;
}
.banner-box p{
    padding-top: 2%;
    display: flex;
    align-items: center;
}
.banner-box p img{padding:0 4px}
.banner-box .home{padding-left:2px}
.banner-nav{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgb(255 255 255 / 76%);
}
.banner-nav li{
    float: left;
    padding: 36px 46px;
    font-size: 17px;
    position: relative;
}
.banner-nav li a{
    color: #333333;
}
.banner-nav li .active {
    color: #1d7173 !important;font-weight: bold;
}
.banner-nav li .active:after {
    width: 90px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateXXX(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #1d7173;
    opacity: 1;
}
.about-ny h1 {
    padding-top: 8%;
    font-size: 31px;
    font-weight: bold;
}
.about-ny p {
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 2.5%;
}
.about-ny-content {
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 2.5%;
}
.about-ny-content img{
    max-width: 100%;
    height: auto!important;
}
.about-ny .aboutvideo {
    margin-top: 5%;
    background: url(../img/about.png) no-repeat;
    border-radius: 18px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
}
.about-ny .aboutvideo img{
    width: 10%;
}
.aboutvideobth{
    position: absolute;
    top: 41%;
    left: 54%;
}
.about-ny .numlist {
    padding-top: 9.5%;
}
.about-ny a {
    border: solid 1px #007771;
    padding: 11px 41px;
    border-radius: 8px;
    background: #007771;
    color: #fff;
    font-size: 14px;
}
.about-ny a img{margin-left:10px}
.about-qywh {
	background: url('../img/qywh.jpg') no-repeat;
	width: 100%;
	height: 647px;
}
.about-qywh .maintitle {
    color: #fff;
}
.about-qywh .s-underline {
    border-bottom: 4px solid #fff;
}
.about-qywh-box {
    width: 82%;
    margin: 0 auto;
    color: #fff;
}
.about-qywh-list {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-top: 5%;
    justify-content: space-between;
}

.about-qywh-list a {
    flex: 0 0 24%;
    position: relative;
    background: rgb(255 255 255 / 71%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 71px 0;
}
.about-qywh-list-text{
    text-align: center;
    color: #343434;
    font-size: 15px;
}
.about-qywh-list-text h1{
    font-size: 21px;
    color: #000000;
}
.about-qywh-list a img {
	transition: .3s;
}
.about-qywh-list a img:hover {
	transform: scale(1.1);
}
.about-honor .honorbox {
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.about-honor .swiper-pagination {
    bottom: -6px;
}
.about-honor .honorlist {
    height: 707px;
}
.about-honor .mySwiperB .swiper-slide {
    height: calc((88% - 10px) / 2);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.about-honor .mySwiperB {
    width: 100%;
    height: 707px;
    overflow: hidden;
}
.about-honor .mySwiperB .swiper-wrapper{
    position: static;
    height: 707px;
    left: 8%;
    right: 8%;
    overflow: hidden;
}
.about-honor .newspag {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 7px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #007771;
}
.about-honor .newspagactive {
    background-color: #007771;
}
.about-honor .about-hxnl-more{
    margin-top: 50px;
    margin-bottom: 0;
}
.about-fzlc{
	background: url('../img/fzlc.jpg') no-repeat;
	width: 100%;
	height: 788px;
}
.about-fzlc-box{
	width: 100%;
	height: 788px;
}
.about-fzlc-box {
    width: 82%;
    margin: 0 auto;
    color: #454545;
}
.m2abtc4Top {
  margin-top: 5.12vw;
  position: relative;
    margin-bottom: 30px;
}
.m2abt_hisSwiper  {
  width: 55%;
  float: left;
}
.m2abt_hisItme h4 {
  font-size: 160px;
  line-height: 160px;
  color: #007771;
  display: block;
  margin-top: -15px;
  text-shadow: 3px 3px 10px rgb(0 119 113 / 35%);  font-family: "Microsoft YaHei","PingFang SC","苹方" !important;
    font-weight: bold;
}
.m2abt_hisItme h4 span{
    font-size: 32px;
    margin-left: 15px;
    text-shadow: none;
}
.mCustomScrollbar{
    color: #464646;
    font-size: 21px;
    padding-left: 10px;
}
.m2abt_c3rimg {
  width: 39.5%;
  float: right;
  height: auto;
  border-radius: 1.2em;
  overflow: hidden;
}
.m2abt_c3rimg img{
    width: 100%;
    display: none;
}

.m2abt_c3rimg img:first-child	{
    display: block;
}
.m2abtc4Bom{ height:95px; position:relative;}
.m2abtc4Bom:before{content:""; top:67px; position:absolute; left:0; right:0; background:rgba(0,0,0,0.08); height:1px;}
.m2abt_c4yr{ text-align:center; position:relative; padding-top:14px; height:95px!important;}
.m2abt_c4yr p{ font: bold 20px/24px din; }
.slick-current.m2abt_c4yr p{background-image: -webkit-gradient(linear, left 0, right 0, from(#007771), to(#007771));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:28px}
.m2abt_c4yr:before{ content: ""; background: url(../img/m2hisia.png) no-repeat; display: block; height: 16px; width: 16px; margin-left: -8px; position: absolute; left: 50%; top: 60px; border-radius: 50%; }
.slick-current.m2abt_c4yr:before{ background: url(../img/m2hisi.png) no-repeat center center; }
.m2abtc4Bom .slick-prev{ border: solid 2px #ccc;
  border-radius: 50%;display: inline-block; height: 80px; width: 80px; position: absolute; left: -80px; top: 28px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; background: url(../img/m2abt_btn.png) no-repeat center center; }
.m2abtc4Bom .slick-prev:before{ content: ""; background: url(../img/m2abt_btnBor2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease-in-out;}
.m2abtc4Bom .slick-prev:after{ content: ""; background: url(../img/m2abt_btnBor.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease-in-out; opacity:0}
.m2abtc4Bom .slick-next:before{ content: ""; background: url(../img/m2abt_btnBor2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease-in-out;}
.m2abtc4Bom .slick-next:after{ content: ""; background: url(../img/m2abt_btnBor.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease-in-out; opacity:0}
.m2abtc4Bom .slick-next{ border: solid 2px #ccc;
  border-radius: 50%;display: inline-block; height: 80px; width: 80px; position: absolute; right: -80px; top: 28px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; background: url(../img/m2abt_btn.png) no-repeat center center; transform:rotate(180deg);}
.m2abtc4Bom .slick-prev:hover:before,.m2abtc4Bom .slick-next:hover:before{ opacity:0}
.m2abtc4Bom .slick-prev:hover:after,.m2abtc4Bom .slick-next:hover:after{ opacity:1; animation:radiusRotate 5s linear infinite;}

/*slick.css*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }
.about-hxnl{
	background: url('../img/hxnl.jpg') no-repeat;
	width: 100%;
	height: 855px;
	overflow: hidden;
}
.about-hxnl-box{
	width: 100%;
}
.about-hxnl-box {
    width: 82%;
    margin: 0 auto;
    color: #454545;
}
.about-hxnl-content h1{
    color: #101010;
    font-weight: bold;
    font-size: 32px;
}
.about-hxnl-content p{
    font-size: 17px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 0;
}
.about-hxnl-more a {
    border: solid 1px #007771;
    padding: 11px 41px;
    border-radius: 8px;
    background: #007771;
    color: #fff;
    font-size: 14px;
}
.about-hxnl-more a img{margin-left:10px}
.about-hxnl-more{
    display: flex;
    justify-content: center;
    margin-bottom:40px;
}
.about-hxnl-pic{
    margin-left: 8%;
    width: 112%;
}
.about-hxnl-pic .newsbox {
    width: 33.3%;
    height: 435px;
    padding: 0 26px;
}
.about-hxnl-pic .newsimgbox {
    height: 365px;
}
.about-hxnl-pic  .newsimg {
    width: 100%;
    height: 100%;
    transition: .3s;
    border-radius: 10px;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2);
}
/*产品中心*/
.product-x{display:none}
.product-list{
    width: 80%;
    margin: 0 auto;
}
.product-list-title{
    font-weight: bold;
    font-size: 33px;
    color: #333331;
    padding: 40px 0;
}
.product-list-content {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px;
}
.product-list-content-item{
    background: #f5f5f5;
    flex: 1;   
    margin: 0 10px;
}
.product-list-content-item img{
    width: 100%;
}
.product-list-content-text{
    color: #7e7e7e;
    padding: 10px 26px;
    font-size: 15px;
}
.product-list-content-text h1{
    color: #3d3d3d;
    font-size: 19px;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 14px;
}

.product-search .product-search-button {
    border: none;
    background: url(../img/product-search.jpg) no-repeat;
    width: 31px;
    height: 31px;
    outline: 0;
}
.product-search{
    background: #f2f2f2;
    padding: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-search-l{
    background: #007771;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    padding: 27px;
    justify-content: space-between;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
}
.product-search-l-hover {
    display: none;
    font-size: 16px;
    letter-spacing: 0;
    padding: 5px;
    background: #fff;
    z-index: 1111111111111111111;
    position: absolute;
    top: 87px;
    right: 0;
    width: 100%;
    box-shadow: 0 3px 16px 0 rgb(0 0 0 / 7%);
}
.product-search-l-hover ul{
    display: flex;
    justify-content: center;
    width: 100%;
}
.product-search-l-hover li {
    padding: 19px 0;
    font-size: 15px;
    font-weight: normal;
    width: 25%;
    text-align: center;
}
.product-search-l p{
    margin: 0;
}
.product-search-r{
    background: #fff;
    flex: 1;
    margin-left: 19px;
    padding: 28px;
}
.product-search-r form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-search-r input{
    border: none;
    font-size: 16px;
}
/*产品列表*/
.product-class{
    width: 82%;
    margin: 34px auto;
    display: flex;
    align-items: flex-start;
}
.product-class-l{
    width: 317px;
    background: #f5f5f5;
}
.product-class-r{
    flex: 1;
    margin-left: 31px;
}
.product-class-r-content{
    display: flex;
    flex-wrap: wrap;
}
.product-class-r-content a:hover{color:#007771}
.product-class-r-content img{
    max-width: 100%;
    height: auto !important;
}
.about-honor .product-class-r-content img{
    max-width: 100%;
    height: auto !important;
    max-height: 326px;
    margin-bottom: 15px;
    min-height: 323px;
}
.product-class-r-item{
    border: solid 1px #e5e5e5;
    margin: 0 9px 20px;
    width: 31%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-class-r-item p{
    text-align: center;
    font-size: 17px;
    color: #292929;
    padding: 12px 0 0;text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.product-class-r-item span{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding: 0 12px;
    font-size: 12px;
    color: #626262;
    margin-bottom: 12px;
}
 .product-class-btn{
    display: flex;
    justify-content: center;
    margin-top: 12px;
}
.product-class-btn a{
    border: solid 1px #007771;
    padding: 11px 41px;
    border-radius: 8px;
    background: #007771;
    color: #fff;
    font-size: 14px;
}
.product-class-btn a img {
    margin-left: 10px;
}
.product-class-l h1{
    background: #007771;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding: 25px 20px;
    margin: 0;
}
.product-class-l-content li{
    border-bottom: solid 1px #ebebeb;
    padding: 15px 18px;
    font-size: 16px;
}
.product-class-l-content .active a{color:#007771;font-weight:bold}
.product-class-l-content  a:hover{color:#007771;}
.product-class-l-content li:last-child{border-bottom:none}
/*新闻列表*/
.news-box {
	padding: 10px 0 0;
    width: 82%;
    margin: 0 auto;
}
.news-list {
	width: 100%;
	margin: 0 auto;
}
.news-listbox {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    flex-direction: row;
    margin-bottom: 0;
    border-bottom: solid 1px #ebebeb;
    padding-top: 28px;
}
.news-list a:last-child .news-listbox {
	border: none;
}
.news-listimg {
    width: 435px;
	height: 283px;
	margin-bottom: 28px;
	transition: .3s;
}
.news-listbox:hover .news-listimg {
	transform: scale(1.1);
}
.news-listbox .right-box {
	position: relative;
    flex: 1;
    margin-left: 32px;
}
.news-listtime {
    margin-top: 15px;
    color: #b5b5b5;
    font-size: 15px;
    font-weight: bold;
}
.news-listtitle {
    margin-top: 4%;
    cursor: pointer;
    width: 100%;
    font-size: 24px;
    margin-bottom: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 29px;
}
.news-listtitle:hover {
	color: #007771;
}
.news-list a:hover {
	color: #007771;
}
.news-listtext {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
/*新闻详情*/
.detail-box{
    width: 82%;
    margin: 36px auto;
}
.newsdetail-title{
    padding-bottom: 20px;
    font-size: 28px;
    color: #343434;
    font-weight: bold;
    line-height: 33px;
}
.newsdetail-toptext{
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
    margin-bottom: 18px;
    color: #9d9d9d;
    display: flex;
    align-items: center;
}
.newsdetail-toptext span{margin-right: 15px;}
.newsdetail-text {
    font-size: 16px;
    line-height: 27px;
}
.newsdetail-toptext-icon img{margin-right:8px}
.newsdetail-prevnext{
    display: flex;
    align-items: flex-start;
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    margin: 15px 0 30px;
    padding-top: 21px;
    color: #969b97;
}
.newsdetail-prevnext-list{
    flex: 1;
}
.newsdetail-share{
    position: fixed;
    right: 2%;
    top: 32%;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    padding: 18px;
    border-radius: 5px;
    color: #666;
    align-items: center;
    font-size: 15px;
    z-index: 1111111;
}
.newsdetail-share a{
    display: flex;
    flex-direction: column;
    align-items: center;    
    color: #666;
}
.newsdetail-share img{
    padding-bottom: 10px;
}
.newsdetail-prevnext .newsdetail-prevnext-list:first-child	{    border-right: 1px solid #eee;    margin-right: 30px;}
/*人力资源*/
.manpower-box{
    width: 82%;
    margin: 45px auto;
    background: #fff;
}
.manpower-box-item{
    display: flex;
    align-items: center;
}
.manpower-box-item .manpower-box-itemimg{
    width: 50%;
    height: 397px;	
    transition: .3s;
}
.manpower-box-itemimg:hover  {
	transform: scale(1.1);
}
.right-box{
    flex: 1;
    margin-left: 4%;
}
.manpower-box-listtitle{
    font-size: 32px;
    color: #474747;
    position: relative;
    margin-bottom: 30px;
}
.manpower-box-listtitle:after {
    width: 70px;
    content: "";
    position: absolute;
    bottom: -14px;
    left: 5%;
    -ms-transform: translateX(-50%);
    -o-transform: translateXXX(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateX(-50%);
    height: 2px;
    background: #1d7173;
    opacity: 1;
}
.manpower-box-listtext{
    color: #808080;
    margin-bottom: 12%;
}
.manpower-box-button a {
    border: solid 1px #007771;
    padding: 10px 34px;
    border-radius: 8px;
    background: #007771;
    color: #fff;
    font-size: 14px;
}
/*1d7173资源详情*/
.manpower-list-box{
    width: 82%;
    margin: 45px auto
}
.manpower-list{
    visibility: visible;
    animation-name: slideInUp;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.manpower-listbox{
    width: 31.8%;
    background: #f5f5f5;
    margin: 0 0.6% 1.2%;
    padding: 40px;
}
.manpower-listtitle{
    font-size: 24px;
    margin-bottom: 20px;
}
.manpower-listtext{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #363233;
}
.manpower-bth{
    display: flex;
    justify-content: right;
    padding-top: 26px;
}
.manpower-listbox:hover{color:#1d7173}
.manpower-content{
    width: 82%;
    margin: 0 auto;
    display: flex;
}
.manpower-content-l{
    background: #eef1f6;
    padding: 48px;
    color: #656668;
    line-height: 14px;
    font-size: 15px;
    width: 34%;
}
.manpower-content-l h1{
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    color: #333;
    margin-bottom: 28px;
}
.manpower-content-l-bth{
    border: #ddd solid 1px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48%;
    padding: 10px;
    margin: 0 auto;
    border-radius: 33px;
    margin-top: 28px;
    color: #646464;
}
.manpower-content-l-bth a:hover{color:#007771}
.manpower-content-l-bth img{margin-right:10px}
.manpower-content-r{
    flex: 1;
    margin-left: 41px;
    margin-top: 26px;
    color: #898989;
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 35px;
}
.manpower-content-r h1{
    font-size: 22px;
    font-weight: bold;
    color: #535353;
    margin: 15px 0;
}
.product-class-page {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}

.product-class-page a{
    padding: 0 12px;
    line-height: 32px;
    font-size: 16px;
    margin: 6px;
    text-align: center;
    color: #666;
    border: 1px solid #ccc;
}

.product-class-page .disabled {
    width: auto;
    padding: 0 1vw;
}

.product-class-page .cur {
    color: #fff;
    background-color: #007771;
    border: 1px solid #007771;
}
/*联系我们*/
.contact-box-top{
    width: 82%;
    margin: 22px auto;
    display: flex;
    justify-content: center;
}
.contact-box-top-box{
    background: #fff;
    width: 30%;
    padding: 35px;
    margin: 20px;
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 19%);
    border-radius: 10px;
}
.contact-box-top-content{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.contact-box-top-box h1{
    font-size: 34px;
    font-weight: bold;
    margin: 0 0 28px;
}
.contact-box-top-content-item{
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 22px;
}
.contact-box-top-content .contact-box-top-content-item:first-child{
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 22px;
}
.contact-box-top-content .contact-box-top-content-item:last-child{
    padding-bottom: 0;
}
.contact-box-top-content-item{
    line-height: 12px;
}
.contact-box-top-content-item img{
    margin-right: 15px;
}
.contact-box-top-content-item p{
    color: #333;
    font-weight: bold;
    font-size: 16px;
}
.contact-box-top-box h2{
    font-size: 33px;
    margin: 0 0 28px;
}
#map {
    width: 100%;
    height: 790px;
}
#map label{max-width: max-content;}
.contact-box-map{
    position: relative;
    width: 100%;
    height: 790px;
}
.map-box-r-item img {
    margin-bottom: 8px;
}
.map-box{
    width: 100%;
    position: absolute;
    bottom: 0;
    background:rgb(237 238 239 / 79%) url(../img/map-bg.jpg) top right no-repeat;
    height: 364px;
}
.map-box-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 82%;
    margin: 33px auto 0;
}
.map-box-r{
    display: flex;
    align-items: center;
    margin-top: 8%;
    flex: 1;
    justify-content: space-between;
    text-align: center;
}
.map-box-l{
    width: 61%;
    font-size: 17px;
    color: #666;
}
.map-box-l h1{
    font-size: 31px;
    font-weight: bold;
    color: #000;
    padding-bottom: 25px;
    letter-spacing: 1px;
    padding-top: 40px;
}
.map-box-item{
    padding-bottom: 8px;
}
.map-box-item img{margin-right:10px}
.contact-message{
    background: #fff;
}
.contact-message-content{
    width: 82%;
    margin: 0 auto;
    padding-top: 2px;
}
.message{
    width: 50%;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.message-top{
    display: flex;
    align-items: center;
    margin-top: 41px;
}
.messagestar{
    color: red;
    margin: 0 7px;
}
.message-textarea{
    display: flex;
    margin-top: 34px;
}
.message-l{
    width: 83px;
}
.message-top input,.message-textarea textarea{
    flex: 1;
    border: solid 1px #eee;
    padding: 14px;
    font-size: 15px;
}
.message-textarea textarea{height: 190px;}
.messageinput{
    margin-right: 45px;
}
.tjbox{
    margin-left: 83px;
    padding: 34px 0;
}
.tjbox input{
    background: #007771;
    font-size: 14px;
    color: #fff;
    border: none;
    padding: 10px 32px;
    letter-spacing: 1px;
}
.contact-message .maintitle {
    text-align: center;
    color: #000;
    font-size: 37px;
    font-weight: bold;
    padding-top: 3%;
}
@media (min-width: 768px) {
	.pc-padding {
		padding-left: 0;
		padding-right: 0;
	}

	.pc-none {
		display: none;
	}

	.phone-none {
		display: block;
	}

	.header {
		height: 95px;
	}

	.header .logobox img {
		max-height: 60px;
	}

	.header .logobox {
		padding-left: 1%;
	}

	.header .phonebox {
		display: none;
	}

	.header .phonenav {
		display: none !important;
	}

	.header .navbox {
		display: flex;
	}

	.navmobile svg {
		padding: 6px;
		width: 30px;
		height: 30px;
	}

	.navmobile span {
		font-size: 19px !important;
		line-height: 21px;
	}

	.bannerbox .bgbox {
		height: 831px;
	}

	.bannerbox .numlist {
		position: absolute;
		bottom: 0;
	}

	.bannerbox .swiperTop-pagination {
		bottom: 3%;
	}

	.bannerbox .mainbox {
		height: 167px;
		padding: 0 35px;
	}

	.bannerbox .mainbox .inputbox {
		width: 82%;
		height: 52px;
		font-size: 16px;
	}

	.bannerbox .mainbox .inputbtn {
		width: 18%;
		height: 52px;
	}

	.bannerbox .bottombox {
		height: 54px;
		padding: 0 17px;
	}

	.bannerbox .bottombox .notice {
		width: 115px;
		font-size: 16px;
	}

	.bannerbox .bottombox .notice img {
		display: inline-block;
	}

	.bannerbox .bottombox .notice .leftbox {
		margin-left: 8px;
	}

	.bannerbox .bottombox .more {
		font-size: 16px;
	}
	

}

/*返回顶部*/
#toTop {
	position: fixed;
	bottom: 60px;
	display: none;
	right: 5px;
	width: 48px;
	height: 48px;
	background: url('../img/up.png') no-repeat;
	opacity: 0.6;
	filter: alpha(opacity=60);
	/* For IE8 and earlier */
	z-index: 1000;
	cursor: pointer
}

#toTop:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* For IE8 and earlier */
}
/*平板*/
@media screen and (min-width:600px) and (max-width:1024px){
    .product-search-l-hover {
    top: 67px;
}
.product-search-l-hover li {
    padding: 10px 0;
}
    .about-honor .product-class-r-content img {
    max-width: 100%;
    height: auto !important;
    max-height: 183px;
    margin-bottom: 15px;
    min-height: 183px;
}
  .header .navbox .navbtn {
    position: relative;
    width: 23%;
    font-size: 15px;
    text-align: center;
    line-height: 95px;
}
    .navmobile a:nth-child(1),.navmobile a:nth-child(2),.navmobile a:nth-child(3){display:none}
    .navmobile {
        margin-left: 0;
    }
    .navmobile a {
        padding-right: 0;
    }
    .header .navbox {
        padding-left: 15px;
    }
        .bannerbox .bgbox {
            height: 435px;
        }
        .aboutbox {
        width: 88%;
        margin: 0 auto;
    }
    .about {
        height: auto;
        float: left;
        padding-bottom: 6%;
    }
    .about h1 {
        padding-top: 9%;
        font-size: 26px;
        color: #000;
    }
    .about p {
        color: #666666;
        line-height: 27px;
        padding-top: 2%;
        padding-bottom: 8%;
        font-size: 16px;
    }
    .numbox span {
        color: #007771;
        font-size: 35px;
    }
    .numlist {
        padding: 0;
            margin-top: 10%;
    }
    .aboutvideo {
        margin-top: 6%;
    }
    .aboutvideo .aboutpic {
        float: right;
        width: 100%;
        border-radius: 18px;
        height: 303px;
        max-width: 100%;
    }
    .numbox {
        font-size: 14px;
    }
    .maintitle {
        text-align: center;
        color: #000;
        font-size: 24px;
        font-weight: bold;
        padding-top: 4%;
    }
    .productListItemText {
        position: absolute;
        bottom: 4px;
        color: #fff;
        font-size: 12px;
        left: 28px;
        width: 77%;
    }
    .productListItemText h1 {
        font-size: 17px;
    }
    .myvideoBox_box {
        margin-top: 33%!important;
    }
      .myvideoBox_box img {
        position: absolute;
        right: 14px;
        top: 14px;
        width: 31px !important;
        background: #fff;
        border-radius: 36px;
        padding: 4px;
        z-index: 11111111;
    }
    .srk .serleft {
        width: 92%;
    }
    .product{float:left}
    .news {
    width: 100%;
    float: left;
}
    .newsList {
        width: 86%;
        margin: 0 auto;
        position: relative;
    }
    .newsbox h1 {
        font-size: 17px;
        margin-bottom: 9px;
        margin-top: 0;
        line-height: 24px;
    }
    .newsbox {
        width: 25%;
        height: 213px;
        padding: 0 15px;
    }
    .swiper-button-next, .swiper-button-prev {top: 33%;}
    .newsbox p {
        font-size: 15px;
        color: #b5b5b5;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .newsimgbox {
        height: 96px;
    }
    .morebtn {
        cursor: pointer;
        margin: 40px auto 0;
        width: 135px;
        line-height: 42px;
        font-size: 14px;
        color: #fff;
        background-color: #007771;
        text-align: center;
        display: block;
        border-radius: 8px;
    }
    .mapbox {
        padding-left: 4%;
        width: 98%;
    }
    .mapbox h1 {
        color: #1e2e45;
        padding-top: 7px;
        font-size: 23px;
    }
    .mapbox p {
        font-size: 15px;
        line-height: 22px;
        color: #1e2e45;
    }
    .mapboxtext {
        display: flex;
        align-items: center;
        padding-top: 4px;
        padding-bottom: 16px;
    }
    .mapboxitem {
        font-size: 13px;
        width: 50%;
        position: relative;
    }
    .mapboxitem  img{
        width: 35%;
    }
    .mapboxitem h2 {
        font-size: 39px;
        color: #007771;
            margin-top: 5px;
            margin-bottom: 2px;
    }
    .mapboxitem h2 span {
        font-size: 26px;
    }
    .mapboxitem .line{display:none}
    .map .phone-none {
        display: none;
    }
    .map .pc-none {
        display: block;
        padding-top: 9%
    }
    .mapmore {
        padding-top: 6%;
        border: solid 2px #007771;
        color: #007771;
        padding: 6px 25px;
        border-radius: 30px;
        font-size: 14px;
        float: left;
        display: flex;
        align-items: center;
    }
    .map {
        background: #f4f5f9;
        height: auto;
        padding-bottom: 30px;
        float: left;
        width: 100%;
    }
    .honorbox .honorimg {
        display: flex;
        justify-content: center;
        align-items: self-start;
        width: 89%;
        height: 146px;
        margin: 0 auto 10px;
        padding: 22px;
        background: url(../img/honerbg.jpg) no-repeat;
        background-size: contain;
    }
    .honor .swiperB-prev {
        left: -46px;
    }
    .honor .swiperB-next {
        right: -46px;
    }
    .honor .swiperB-next, .honor .swiperB-prev {
        width: 38px;
        height: 38px;
    }
    .honor .swiperB-next svg, .honor .swiperB-prev svg {
        width: 38px;
        height: 38px;
    }
    .honor {
        padding-bottom: 44px;
        float: left;
        width: 100%;
    }
    .footTop {
        width: 92%;
    }
    .foottext {
        width: 92%;
    }
    .foottextRight{display:none}
    
    .honor .morebtn {
    	margin: 20px auto 0;
    }
    .banner-ny{
        width: 100%;
        margin-top: 63px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 68% 32px;
    }
    .banner-box h1 {
        font-weight: bold;
        letter-spacing: 4px;
        font-size: 56px;
        padding-top: 24%;
    }
    .banner-box {
        width: 88%;
        margin: 0 auto;
        color: #fff;
        height: 100%;
    }
    .banner-nav li{
        float: left;
        padding: 29px 35px;
        font-size: 16px;
        position: relative;
    }
    .about p{
            height: 120px;
            overflow: hidden;
            font-size: 15px;
            line-height: 23px;
            margin-bottom: 35px;
        }
    .aboutvideobth {
        position: absolute;
        top: 41%;
        left: 43%;
        width: 19%;
    }
    .about-ny .numlist{padding-top: 0 !important;}
    .about-qywh {
        background: url(../img/qywh.jpg) no-repeat;
        width: 100%;
        height: auto;
        background-size: cover;
        float: left;
    }
    .about-qywh-box {
        width: 88%;
        margin: 0 auto;
        color: #fff;
    }
    .about-qywh-list a {
        flex: 0 0 23%;
        position: relative;
        background: rgb(255 255 255 / 71%);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 42px 0;
        height: 274px;
        margin-bottom: 47px;
    }
    .about-qywh-list a img {
        transition: .3s;
        width: 49%;
    }
    .about-fzlc {
        width: 100%;
        height: auto;
        float: left;
    }
    .about-fzlc-box {
        width: 100%;
        height: auto;
        padding-bottom: 35px;
    }
    .about-fzlc-box {
        width: 88%;
        margin: 0 auto;
        color: #454545;
    }
    
    .m2abt_hisItme h4 {
        font-size: 94px;
        line-height: 94px;
        margin-top: 0;
    }
    
    .m2abtc4Bom .slick-next {
        height: 60px;
        width: 60px;
        right: -27px;
        top: 40%;
        background: #f3f3f3 url(../img/m2abt_btn.png) no-repeat center center;
    }
    .m2abtc4Bom .slick-prev {
        height: 60px;
        width: 60px;
        left: -27px;
        top: 40%;
        background: #f3f3f3 url(../img/m2abt_btn.png) no-repeat center center;
    }
    .about-honor .honorlist {
        height: 370px;
        padding: 24px 0 0;
    }
    .about-honor .mySwiperB {
        width: 100%;
        height: 370px;
        overflow: hidden;
    }
    .about-honor .mySwiperB .swiper-wrapper {
        position: static;
        height: 370px;
    }
    .about-hxnl-box {
        width: 88%;
        margin: 0 auto;
    }
    .about-hxnl-pic {
        margin-left: 3%;
        width: 96%;
    }
    .honorbox .honorimg {
        width: 100%;
        height: 109px;
        padding: 10px;
        background-position: center;
    }
    .about-hxnl {
        height: auto;
        float: left;
    }
    .about-hxnl-pic .newsbox {
        height: 220px;
        padding: 0 16px;
    }
    .about-hxnl-pic .newsimgbox {
        height: 173px;
    }
    .about-ny .aboutvideo {
        height: 333px !important;
        background-size: cover !important;
    }
    /*产品*/
    .product-list {
        width: 93%;
        margin: 0 auto;
    }
    .product-list-title {
        font-weight: bold;
        font-size: 25px;
        color: #333331;
        padding: 28px 0;
    }
    .product-search-l {
        padding: 18px;
    }
    .product-search-r {
        padding: 19px;
    }
    /*产品列表*/
    .product-class {
        width: 93%;
        margin: 34px auto;
        display: flex;
        align-items: flex-start;
    }
    .product-class-l {
        width: 185px;
        background: #f5f5f5;
    }
    .product-class-l h1 {
        background: #007771;
        font-size: 19px;
        font-weight: bold;
        color: #fff;
        padding: 22px 20px;
        margin: 0;
    }
    .product-class-l-content li {
        border-bottom: solid 1px #ebebeb;
        padding: 15px 18px;
        font-size: 15px;
    }
    .product-class-r {
        flex: 1;
        margin-left: 10px;
    }
    .product-class-r-item {
        border: solid 1px #e5e5e5;
        margin: 0 10px 20px;
        width: 30%;
    }
    .product-class-btn a {
        border: solid 1px #007771;
        padding: 10px 34px;
        border-radius: 8px;
        background: #007771;
        color: #fff;
        font-size: 14px;
    }
    .news-box {
        padding: 10px 0 0;
        width: 88%;
        margin: 0 auto;
    }
    .news-listimg {
        width: 33%;
        height: 209px;
        margin-bottom: 28px;
        transition: .3s;
    }
    .news-listtitle {
        margin-top: 4%;
        cursor: pointer;
        width: 100%;
        font-size: 20px;
        margin-bottom: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        line-height: 25px;
    }
    /*新闻列表*/
    .detail-box {
        width: 88%;
        margin: 36px auto;
    }
    .newsdetail-title {
        padding-bottom: 20px;
        font-size: 24px;
        color: #343434;
        font-weight: bold;
        line-height: 31px;
    }
    .newsdetail-share {
        position: fixed;
        right: 2%;
        top: 32%;
        background: #f6f6f6;
        display: flex;
        flex-direction: column;
        padding: 18px 13px 3px;
        border-radius: 5px;
        color: #666;
        align-items: center;
        font-size: 14px;
        z-index: 1111111;
    }
    .manpower-list-box {
        width: 90%;
        margin: 29px auto;
    }
    .manpower-listbox {
        width: 31.2%;
        background: #f5f5f5;
        margin: 0 1% 2%;
        padding: 40px;
    }
    .manpower-box {
        width: 92%;
        margin: 39px auto;
        background: #fff;
    }
    .manpower-box-listtitle {
        font-size: 29px;
        color: #474747;
        position: relative;
        margin-bottom: 30px;
    }
    .manpower-box-listtitle:after {
        left: 9%;
    }
    .manpower-content {
        width: 88%;
        margin: 0 auto;
        display: flex;
    }
    .manpower-content-l {
        background: #eef1f6;
        padding: 48px 28px;
        color: #656668;
        line-height: 14px;
        font-size: 14px;
        width: 36%;
    }
    .manpower-content-l-bth {
        width: 72%;
    }
    .contact-box-top {
        width: 95%;
        margin: 22px auto;
        display: flex;
        justify-content: center;
    }
    .contact-box-top-box {
        width: 31%;
        padding: 28px;
    }
    .contact-box-top-box h2 {
        font-size: 26px;
    }
    .contact-box-top-box h1 {
        font-size: 26px;
    }
    .contact-box-top-content-item p {
        font-weight: bold;
        font-size: 15px;
    }
    .contact-box-top-content-item {
        margin-left: 0;
    }
    .contact-box-top-content-item img {
        margin-right: 12px;
        width: 36px;
    }
    .map-box-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 92%;
        margin: 33px auto 0;
    }
    .map-box-l {
        width: 61%;
        font-size: 16px;
        color: #666;
    }
    .map-box-l {
        width: 52%;
        font-size: 15px;
        color: #666;
    }
    .map-box-r {
        font-size: 14px;
    }
    .map-box-r-item img {
        margin-bottom: 8px;
        width: 100px;
    }
    .contact-message-content {
        width: 88%;
    }
}
@media(max-width:767px) {
    .bannerbox .bgbox {
        width: 100% !important;
		height: 178px !important;
		background-size: 100% 100% !important;
	}
	
	.about-ny-content img{
	    height: auto !important;
	}
    
	.navmobile a {
		padding-right: 3px;
	}

	.header .phonebox img {
		height: 18px;
	}

	.bannerbox {
		padding-top: 50px;
	}

	.about {
		background: none;
		height: auto;
	}

	.aboutbox {
		width: 87%;
		margin: 0 auto;
	}

	.about h1 {
		padding-top: 4%;
		font-size: 25px;
	}

	.about p {
		line-height: 24px;
		padding-top: 2%;
		padding-bottom: 5%;
		font-size: 14px;
	}

	.about a {
		padding: 9px 29px;
		border-radius: 6px;
		font-size: 13px;
	}

	.numlist {
		padding: 0;
		padding-top: 21%;
	}

	.numbox {
		font-size: 12px;
	}

	.numbox span {
		font-size: 30px;
	}

	.aboutvideo {
		position: relative;
		margin-top: 13%;
		float: right;
		padding-right: 0;
		margin-right: 3%;
		width: 98%;
	}

	.aboutvideo .aboutpic {
		float: right;
		width: 100%;
		border-radius: 14px;
		height: 223px;
		max-width: 100%;
	}

	.aboutvideopic {
		position: absolute;
		z-index: 111;
		right: 0;
		bottom: 0;
		padding: 11px;
		background: #15746c;
		width: 52px;
	}

	.maintitle {
		text-align: center;
		color: #000;
		font-size: 22px;
		font-weight: bold;
		padding-top: 8%;
	}

	.s-underline {
		width: 30px;
		margin: 9px auto;
		border-bottom: 3px solid #007771;
	}

	.productList {
		display: flex;
		align-items: flex-start;
		width: 98%;
		margin-top: 8%;
		flex-direction: column;
	}

	.productList a {
		padding: 0 2px 10px 10px;
	}

	.productListItemText {
		width: auto;
	}

	.product {
		padding-bottom: 38px;
	}

	.morebtn {
		margin: 25px auto 0;
		width: 128px;
		line-height: 40px;
		font-size: 14px;
		border-radius: 6px;
	}

	.news {
		padding-bottom: 38px;
	}

	.newsList {
		width: 76%;
		margin: 0 auto;
		position: relative;
	}

	.news .mySwiperA {
		margin-top: 31px;
	}

	.newsbox {
		width: 100%;
		height: 311px;
		padding: 0 2px;
	}

	.newsbox h1 {
		font-size: 23px;
		margin-bottom: 12px;
		margin-top: 0;
		line-height: 31px;
	}

	.newsimgbox {
		height: 190px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 60%;
	}

	.news .swiperA-prev:after,
	.news .swiperA-next:after {
		font-size: 35px !important;
	}

	.map {
		width: 100%;
		height: auto;
		padding-bottom: 3%;
		float: left;
	}

	.mapbox {
		width: 87%;
		margin: 0 auto;
		padding-top: 8%;
		padding-left: 0;
	}

	.mapbox h1 {
		color: #1e2e45;
		padding-top: 14px;
		font-size: 25px;
	}

	.mapbox p {
		font-size: 14px;
		line-height: 24px;
		color: #1e2e45;
	}

	.mapboxitem {
		font-size: 13px;
		width: 50%;
		position: relative;
	}

	.mapboxtext .mapboxitem:nth-child(2) {
		padding-left: 12%;
		width: auto;
	}

	.mapboxitem .line {
		right: 0;
		width: 1px;
		height: 125px;
		background: #cdd3e0;
		position: absolute;
		top: 30px;
	}

	.mapboximg {
		padding-top: 0;
	}

	.mapboxtext {
		display: flex;
		align-items: center;
		padding-top: 23px;
		padding-bottom: 45px;
	}

	.mapboxitem h2 {
		font-size: 46px;
		color: #007771;
		margin-top: 13px;
	}

	.mapboximg img {
		width: 100%;
	}

	.mapboximg {
		margin: 0;
		padding: 0;
	}

	.mapbox .maptitle {
		margin-top: 0;
	}

	.mapmore img {
		margin-left: 4px;
		width: 22px;
	}

	.honor {
		padding-bottom: 44px;
		float: left;
		width: 100%;
	}

	.honorbox {
		cursor: pointer;
		width: 100%;
		height: 100%;
	}

	.honorlist {
		position: relative;
		width: 70%;
		margin: 0 auto;
		padding: 25px 0 0;
	}

	.honor .swiperB-prev {
		left: -49px;
	}

	.honor .swiperB-next svg,
	.honor .swiperB-prev svg {
		width: 36px;
		height: 36px;
	}

	.honor .swiperB-next {
		right: -49px;
	}

	.honor .swiperB-next,
	.honor .swiperB-prev {
		width: 36px;
		height: 36px;
	}

	.honorbox .honorimg {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		height: 192px;
		margin: 0 auto 10px;
		padding: 15px;
		background: url(../img/honerbg.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.honor .morebtn {
		margin: 36px auto 0;
	}

	.footTop {
		display: flex;
		align-items: self-start;
		border-bottom: solid 1px #32363f;
		width: 90%;
		margin: 26px auto;
		flex-direction: column;
	}

	.footLogo {
		justify-content: center;
		display: flex;
	}

	.footewm {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 15px 0;
	}

	.footitem {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		height: 94px;
		font-size: 12px;
		margin-right: 3%;
		margin-left: 0;
	}

	.foottextRight {
		display: none;
	}

	.foottext {
		display: flex;
		align-items: center;
		width: 89%;
		margin: 0 auto;
	}

	.foottextLeft {
		border-right: none;
		height: 100%;
		line-height: 27px;
		font-size: 15px;
		padding: 0 0 34px 0;
		width: 100%;
	}

	.footbottom .footbottombox {
		font-size: 13px;
		width: 90%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 17px 0;
	}

	.footbottomLeft {
		text-align: center;
	}

	.footbottomRight {
		display: none;
	}
	.srk {
        top: 50px;
        height: 55px;
    }
    .srk .serleft {
        width: 83%;
    }
    .srk .searbut {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .banner-ny {
        position: relative;
        width: 100%;
        margin-top: 51px;
        height: 212px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 74% 0;
    }
    .banner-box {
        width: 90%;
        margin: 0 auto;
        color: #fff;
        height: 100%;
    }
    .banner-box h1 {
        font-weight: bold;
        letter-spacing: 3px;
        font-size: 35px;
        padding-top: 7%;
    }
    .banner-box p {
        padding-top: 2%;
        display: flex;
        align-items: center;
        font-size: 12px;
    }
    .banner-box .home {
        padding-left: 2px;
        width: 19px;
    }
    .banner-box a {
        padding-top: 2px;
    }
    .banner-nav {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgb(255 255 255 / 76%);
        left: 0;
    }
    .banner-nav li {
        float: left;
        padding: 16px 13px;
        position: relative;
        font-size: 13px;
    }
    .aboutvideobth {
        position: absolute;
        top: 41%;
        left: 44%;
        width: 54px;
    }
    .about-ny .aboutvideo {
        margin-top: 7%;
        margin-bottom: 5%;
        background-size: cover;
        height: 250px;
        width: 94%;
    }
    .about-ny .numlist{
        padding-top: 12%;
    }
    .about-qywh {
        height: auto;
        background-size: cover;
        background-position: center;
    }
    .about-qywh-box {
        width: 88%;
        margin: 0 auto;
        color: #fff;
    }
    .about-qywh-list {
        display: flex;
        align-items: flex-start;
        width: 100%;
        margin-top: 8%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .about-qywh-list a{
        flex: 0 0 47%;
        position: relative;
        background: rgb(255 255 255 / 71%);
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 44px 0;
        margin-bottom: 30px;
        height: 247px;
    }
    .about-qywh-list a img {
        transition: .3s;
        width: 43%;
    }
    .about-qywh-list-text {
        text-align: center;
        color: #343434;
        font-size: 13px;
        padding: 0 12px;
    }
    .about-fzlc{
        width: 100%;
        height: auto;
    }
    .about-fzlc-box {
        width: 88%;
        margin: 0 auto;
        color: #454545;
        height: auto;
        padding-bottom: 19px;
    }
    .m2abt_hisSwiper {
        width: 100%;
        float: left;
    }
    .m2abt_c3rimg {
        width: 100%;
    }
    .m2abt_hisItme h4 {
        font-size: 78px;
        line-height: 97px;
        color: #007771;
        display: block;
        margin-top: -7px;
    }
    .mCustomScrollbar {
        color: #464646;
        font-size: 16px;
        padding-left: 10px;
    }
    .m2abtc4Bom .slick-next {
        height: 44px;
        width: 44px;
        right: -7px;
        top: 47%;
        background: #f3f3f3 url(../img/m2abt_btn.png) no-repeat center center;
    }
    .slick-current.m2abt_c4yr p {
        font-size: 27px;
    }
    .m2abtc4Bom .slick-prev {
        height: 44px;
        width: 44px;
        left: -17px;
        top: 47%;
        background: #f3f3f3 url(../img/m2abt_btn.png) no-repeat center center;
    }
    .about-honor .mySwiperB .swiper-wrapper {
        width: 100% !important;
    }
    .about-honor .honorlist {
        height: auto;
    }
    .about-hxnl {
        width: 100%;
        height: auto;
        float: left;
        background-size: cover;
        background-position: center;
    }
    .about-hxnl-box {
        width: 88%;
        margin: 0 auto;
        color: #454545;
    }
    .about-hxnl-content h1 {
        color: #101010;
        font-weight: bold;
        font-size: 25px;
    }
    .about-hxnl-content p {
        font-size: 14px;
        line-height: 25px;
        color: #666666;
        margin-bottom: 14px;
    }
    .about-hxnl-pic  {
        margin-left: 0;
        width: 100%;
        margin-bottom: 23px;
    }
    .about-hxnl-content .about-hxnl-more {
        display: flex;
        justify-content: center;
        margin-bottom: 23px;
    }
     .about-hxnl-pic .newsbox {
        width: 100% !important;
        height: 234px !important;
    }
    .about-hxnl-pic .newsimgbox {
        height: 100%;
    }
    .about-hxnl-pic  .newsimg{box-shadow: none;}
    /*产品*/
    .banner-nnav h1 {
        padding-top: 13%;
    }
    .product-list {
        width: 88%;
        margin: 0 auto;
    }
    .product-list-title {
        font-weight: bold;
        font-size: 23px;
        color: #333331;
        padding: 28px 0;
    }
    .product-search {
        padding: 17px;
        flex-direction: column;
    }
    .product-search-l {
        background: #007771;
        font-size: 18px;
        color: #fff;
        display: flex;
        align-items: center;
        flex: 1;
        padding: 16px;
        justify-content: space-between;
        font-weight: bold;
        letter-spacing: 2px;
        width: 100%;
    }
    .product-search-r {
        background: #fff;
        flex: 1;
        margin-left: 0;
        padding: 15px;
        width: 100%;
        margin-top: 18px;
    }
    .product-search-r input {
        border: none;
        font-size: 15px;
    }
    .product-search-l img{
     width: 23px;
     margin-right: 2px;
    }
    .product-search .product-search-button {
        border: none;
        background: url(../img/product-search.jpg) no-repeat;
        width: 26px;
        height: 26px;
        outline: 0;
        background-size: cover;
    }
    .product-list-content {
        flex-direction: column;
    }
    .product-list-content-item {
        margin-bottom: 26px;
    }
    /*产品列表*/
    .product-class{
        width: 100%;
        margin: 17px auto;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .product-class-l{
        width: 92%;
        margin-left: 4%;
    }
    .product-class-l ul{
        display: flex;
        align-content: center;
        justify-content: center;
    }
    .product-class-l h1 {
        background: #007771;
        font-size: 17px;
        font-weight: bold;
        color: #fff;
        padding: 20px 20px;
        margin: 0;
    }
    .product-class-r-content {
        display: flex;
        flex-wrap: wrap;
        width: 92%;
        margin-left: 4%;
    }
    .product-class-l-content li{
        border-bottom: solid 1px #ebebeb;
        padding: 14px 18px;
        font-size: 14px;
    }
    .product-class-r {
        flex: 1;
        margin-left: 0;
        margin-top: 17px;
        width: 100%;
    }
    .product-class-r-item {
        border: solid 1px #e5e5e5;
        margin: 8px 8px 15px;
        width: 100%;
    }
    .product-class-btn {
        margin-top: 0px;
    }
    /*新闻列表*/
    .news-box {
        padding: 10px 0 0;
        width: 88%;
        margin: 0 auto;
    }
    .news-listbox {
        flex-direction: column;
    }
    .news-listbox {
        padding-top: 15px;
    }
    .news-listimg {
        width: 100%;
        height: 231px;
        margin-bottom: 10px;
        transition: .3s;
    }
    .news-listbox .right-box {
        position: relative;
        flex: 1;
        margin-left: 0;
    }
    .news-listtitle{
        margin-top: 1%;
        cursor: pointer;
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        line-height: 24px;
    }
    .news-listtime {
        margin-top: 9px;
        color: #b5b5b5;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    /*新闻详情*/
    .detail-box {
        width: 88%;
        margin: 22px auto;
    }
    .newsdetail-title {
        padding-bottom: 14px;
        font-size: 17px;
        color: #343434;
        font-weight: bold;
        line-height: 23px;
    }
    .newsdetail-toptext span {
        margin-right: 7px;
        font-size: 12px;
    }
    .newsdetail-toptext-icon img {
        margin-right: 4px;
        width: 28px;
    }
    .newsdetail-toptext {
        border-bottom: 1px solid #eee;
        padding-bottom: 14px;
        margin-bottom: 14px;
        color: #9d9d9d;
        display: flex;
        align-items: center;
    }
    .newsdetail-text {
        font-size: 14px;
        line-height: 23px;
    }
    .newsdetail-prevnext {
        display: flex;
        align-items: flex-start;
        width: 100%;
        float: left;
        border-top: 1px solid #eee;
        margin: 15px 0 19px;
        padding-top: 18px;
        color: #969b97;
    }
    .newsdetail-share {
        position: static;
        width: 100%;
        flex-direction: row;
    }
    .newsdetail-share p{
        padding-right: 9px;
    }
    .newsdetail-share img {
        padding-bottom: 10px;
        margin: 0 6px;
    }
    .newsdetail-share a {
        flex-direction: row;
    }
    /*人力资源详情*/
    .manpower-list-box {
        width: 93%;
        margin: 18px auto;
    }
    .manpower-list {
        flex-direction: column;
    }
    .manpower-listbox {
        width: 100%;
        background: #f5f5f5;
        margin: 0 0 4%;
        padding: 40px;
    }
    .manpower-box {
        width: 93%;
        margin: 15px auto;
        background: #f5f5f5;
    }
    .manpower-box-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 16px;
        background: #fff;
    }
     .manpower-box .manpower-box-item:first-child{
        padding-bottom: 22px;
    }
    .manpower-box-button{
        display: flex;
        align-items: center;
    }
    .manpower-box-item .manpower-box-itemimg {
        width: 100%;
        height: 203px;
        transition: .3s;
        background-size: cover;
    }
    .right-box {
        flex: 1;
        margin-left: 4%;
        margin-top: 19px;
        width: 94%;
    }
     .manpower-box .manpower-box-item:last-child .right-box {
        width: 92%;
        margin-bottom: 20px;
    }
    .manpower-box-listtitle {
        font-size: 23px;
        color: #474747;
        position: relative;
        margin-bottom: 30px;
    }
    .manpower-box-listtitle:after {
        left: 10%;
    }
    .manpower-box-listtext {
        color: #808080;
        margin-bottom: 8%;
    }
    .manpower-box-button a {
        padding: 10px 26px;
    }
    .manpower-box-listtext {
        color: #808080;
        margin-bottom: 6%;
    }
    .manpower-content {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .manpower-content-l {
        width: 100%;
        padding: 36px;
    }
    .manpower-content-r {
        flex: 1;
        margin-left: 26px;
        margin-top: 16px;
        color: #898989;
        font-size: 15px;
        line-height: 27px;
        padding-bottom: 35px;
        width: 88%;
    }
    .contact-box-top {
        width: 100%;
        margin: 22px auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .contact-box-top-box {
        background: #fff;
        width: 90%;
        padding: 35px;
        margin: 20px 20px 3px;
        box-shadow: 0 4px 16px 0 rgb(0 0 0 / 19%);
        border-radius: 10px;
    }
    .contact-box-top-content-item {
        margin-left: 0;
        line-height: 12px;
    }
    .map-box-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 87%;
        margin: 0 auto;
        flex-direction: column;
    }
    .map-box-l {
        width: 100%;
        font-size: 17px;
        color: #666;
    }
    .map-box-l h1 {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        padding-bottom: 13px;
        letter-spacing: 1px;
        padding-top: 12px;
    }
    .map-box-r {
        width: 100%;
        font-size: 12px;
        margin-top: 4%;
    }
    .map-box-r-item img {
        margin-bottom: 8px;
        width: 78px;
    }
    .contact-message-content {
        width: 90%;
        margin: 0 auto;
        padding-top: 2px;
    }
    .message-top {
        display: flex;
        align-items: center;
        margin-top: 19px;
        flex-direction: column;
    }
    .message {
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 15px;
    }
    .message-top input{
        margin-right: 0!important;
    }
    .message-top .message:first-child{
        margin-bottom: 18px;
    }
    .contact-message .maintitle {
        text-align: center;
        color: #000;
        font-size: 22px;
        font-weight: bold;
        padding-top: 8%;
    }
    .message-textarea {
        display: flex;
        margin-top: 18px;
    }
    .tjbox {
        padding: 24px 0;
    }
    .product-class-r-item p {
        text-align: center;
        font-size: 14px;
        color: #292929;
        padding: 12px 0;
        margin: 0;
    }
    .about-honor .product-class-r-content img {
        max-width: 100%;
        height: 126px !important;
        max-height: 326px;
        margin-bottom: 0;
        min-height: 246px;
    }
    .product-class-page a {
        width: 28px;
        line-height: 28px;
        font-size: 14px;
        margin: 4px;
        text-align: center;
        color: #666;
        border: 1px solid #ccc;
        padding: 0;
    }
}