@charset "utf-8";

/* 
	内页样式表
 */

/* 内页banner */
.banner-ny {
	width: 100%;
	position: relative;
	z-index: 1;
}

.banner-ny img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}


/* 内页主体 */
.ny-main-box {
	position: relative;
	overflow: hidden;
	padding-top: 2rem;
}

.ny-main-box .container {
	position: relative;
	z-index: 2;
}

.ny-main {}

.ny-main-box .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	background-position: top center;
	background-size: cover;
	height: 100%;
}

/* page-culture */
.logo-bt {
	display: block;
	height: 3rem;
	margin: 0 auto 20px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}


/* culture-index */
.culture-index {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.culture-index a {
	display: block;
	width: 49%;
	border-radius: 10px;
	overflow: hidden;
}

.culture-index a img {
	display: block;
	width: 100%;
}

.culture-index a:nth-child(2),
.culture-index a:nth-child(5) {
	margin-left: 2%;
}

.culture-index a:nth-child(3) {
	width: 100%;
	margin: 2% 0;
}

/* Advantage */
.Advantage {
	background: var(--col2);
	color: #fff;
	padding: 20px;
	font-size: .8rem;
	line-height: 2;
	margin-bottom: 2rem;
}

.Advantage .item {}

.Advantage .item~.item {
	margin-top: 30px;
}


.Advantage .item .text {
	margin-bottom: 5px;
}

.Advantage .item .title {
	font-size: .9rem;
	font-weight: bold;
	width: 10em;
	text-align: center;
	line-height: 2.2em;
	border-radius: 5px;
	margin: 0 auto 1em;
}

.Advantage .item:nth-child(1) .title {
	background: #f5031f;
}

.Advantage .item:nth-child(2) .title {
	background: #da8a0d;
}

.Advantage .item:nth-child(3) .title {
	background: #1b4291;
}

.Advantage .item:nth-child(4) .title {
	background: #679a3f;
}

.Advantage .item:nth-child(5) .title {
	background: #b408a1;
}

.Advantage .item:nth-child(6) .title {
	background: #0faba9;
}

.Advantage img {
	display: block;
	max-width: 100%;
}

/* Vision */
.Vision {}

.Vision .item {
	position: relative;
	margin-bottom: 10px;
}

.Vision .item img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.Vision .item .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.Vision .item .text .typename {
	background: var(--col2);
	color: #fff;
	font-size: 1.2rem;
	line-height: 2;
	width: 6em;
	border-radius: 10px;
	margin: 7% auto 10px;
	text-align: center;
}

.Vision .item .text .info {
	width: 90%;
	margin: 0 auto;
	background: rgba(0, 0, 0, .6);
	font-size: .8rem;
	line-height: 1.75em;
	color: #fff;
	padding: 20px;
}

.Vision .item .text .tit {
	font-size: .9rem;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}


/* Mission */
.Mission {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3rem;
}

.Mission .item {
	width: 49%;
	position: relative;
}

.Mission .item:nth-child(1) {
	width: 100%;
	position: relative;
	margin-bottom: 2%;
}

.Mission .item img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.Mission .item .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.Mission .item .text .typename {
	background: var(--col2);
	color: #fff;
	font-size: 1.2rem;
	line-height: 2;
	width: 6em;
	border-radius: 10px;
	margin: 7% auto 10px;
	text-align: center;
}

.Mission .item .text .info {
	width: 90%;
	margin: 0 auto;
	background: rgba(0, 0, 0, .6);
	font-size: .8rem;
	line-height: 1.75em;
	color: #fff;
	padding: 20px;
}

.Mission .item .text .tit {
	font-size: .9rem;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}

/* Values */
.Values {
	padding-bottom: 2rem;
}

.Values-info {
	text-align: center;
	font-size: .7rem;
	color: #666;
	line-height: 1.2;
	margin-bottom: 15px;
}

.Values-info p:first-child {
	font-size: 1rem;
	color: #333;
}

.Values-imgs {
	display: flex;
	justify-content: space-between;
}

.Values-imgs img {
	display: block;
	width: 32%;
}


/* page-products */
.page-products {
	padding-top: 0;
}

.page-products .container {
	padding-top: 2rem;

}

.page-products .products-index {
	padding: 2rem 10px 0;
	background: rgba(255, 255, 255, .66);
}

.porductIndex-gongyilist {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2rem;
}

.porductIndex-gongyilist .item {
	width: 32%;
	margin-right: 2%;
}

.porductIndex-gongyilist .item img {
	display: block;
	width: 100%;
}

.porductIndex-gongyilist .item:nth-child(3n) {
	margin-right: 0%;
}

.porductIndex-gongyilist .item:nth-child(n+4) {
	margin-top: 2%;
}

/* technology */
.Technical-process {}

.Technical-process-cont {
	margin-bottom: 2rem;
	background: var(--col2);
	padding: 30px 20px;
}

.Technical-process-cont .tit {
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.Technical-process-cont .tit p {
	font-size: .8rem;
	font-weight: normal;
}

.Technical-process-cont1 {}

.Technical-process-cont1 .text {
	color: #fff;
	font-size: .9rem;
	line-height: 1.7;
	margin-bottom: 20px;
}

.Technical-process-cont1 img {
	width: 100%;
	display: block;
}

.Technical-process-cont1 .info ul,
.Technical-process-cont1 .info ol {
	position: relative;
	padding: 20px 0;
}

.Technical-process-cont1 .info ul::before,
.Technical-process-cont1 .info ol::before {
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	width: 1px;
	height: 100%;
	background: #fff;
	opacity: .3;
	z-index: 1;
}

.Technical-process-cont1 .info ul::after,
.Technical-process-cont1 .info ol::after {
	content: '......';
	position: absolute;
	width: 2em;
	font-size: 1rem;
	color: #fff;
	left: 50%;
	margin-left: -1em;
	bottom: 0;
	background: var(--col2);
	text-align: center;
	display: block;
	z-index: 2;
	line-height: 1;
	padding-bottom: 20px;
}

.Technical-process-cont1 .info li {
	width: 50%;
	padding-right: 20px;
	margin-right: 50%;
	position: relative;
	z-index: 2;
}

.Technical-process-cont1 .info li~li {
	margin-top: 10px;
}

.Technical-process-cont1 .info li p:nth-child(1) {
	position: absolute;
	right: -2em;
	top: 0;
	font-size: 1rem;
	line-height: 2em;
	font-weight: bold;
	width: 4em;
	text-align: center;
	background: var(--col2);
}

.Technical-process-cont1 .info li:nth-child(2n) p:nth-child(1) {
	left: -2em;
	right: 0;
}

.Technical-process-cont1 .info li p:nth-child(2) {
	font-size: 1rem;
	line-height: 2em;
	font-weight: bold;
	width: 7em;
	text-align: center;
	margin: 0 auto 15px;
	border-radius: 5px;
}

.Technical-process-cont1 .info li:nth-child(1) p:nth-child(2) {
	background: #f5031f;
}

.Technical-process-cont1 .info li:nth-child(2) p:nth-child(2) {
	background: #da8a0d;
}

.Technical-process-cont1 .info li:nth-child(3) p:nth-child(2) {
	background: #1b4291;
}

.Technical-process-cont1 .info li:nth-child(4) p:nth-child(2) {
	background: #598238;
}

.Technical-process-cont1 .info li p:nth-child(2)~* {}

.Technical-process-cont1 .info li:nth-child(2n) {
	margin-right: 0;
	margin-left: 50%;
	padding-right: 0%;
	padding-left: 20px;
}

.Technical-process-cont2 {
	color: #fff;
	margin-top: 20px;
}

.Technical-process-cont2 .left-img {
	display: none;
}

.Technical-process-cont2 .left-img img {
	display: block;
	width: 100%;
}

.Technical-process-cont2 .right-text {
	font-size: .9rem;
	line-height: 1.7;
}

.Technical-process-cont2 .right-text .text:nth-child(1) .info ol,
.Technical-process-cont2 .right-text .text:nth-child(1) .info ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.Technical-process-cont2 .right-text .text:nth-child(1) .info li {
	background: #f5031f;
	font-size: .8rem;
	line-height: 2em;
	padding: 0 1em;
	border-radius: 5px;
	margin: 5px 5px 0;
}

.Technical-process-cont2 .right-text .text:nth-child(2) {
	margin-top: 30px;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info ol,
.Technical-process-cont2 .right-text .text:nth-child(2) .info ul {
	position: relative;
	padding: 20px 0;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info ol::before,
.Technical-process-cont2 .right-text .text:nth-child(2) .info ul::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	display: block;
	background: #fff;
	top: 0;
	left: 50%;
	z-index: 1;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info ol::after,
.Technical-process-cont2 .right-text .text:nth-child(2) .info ul::after {
	content: '......';
	position: absolute;
	width: 2em;
	font-size: 1rem;
	color: #fff;
	left: 50%;
	margin-left: -1em;
	bottom: 0;
	background: var(--col2);
	text-align: center;
	display: block;
	z-index: 2;
	line-height: 1;
	padding-bottom: 50px;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li {
	width: 50%;
	padding-right: 20px;
	margin-right: 50%;
	position: relative;
	z-index: 2;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li~li {
	margin-top: 10px;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li:nth-child(2n) {
	margin-right: 0;
	margin-left: 50%;
	padding-right: 0%;
	padding-left: 20px;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li p:nth-child(1) {
	position: absolute;
	right: -2em;
	top: 0;
	font-size: 1rem;
	line-height: 2em;
	font-weight: bold;
	width: 4em;
	text-align: center;
	background: var(--col2);
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li:nth-child(2n) p:nth-child(1) {
	left: -2em;
	right: auto;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li p:nth-child(2) {
	font-size: 1rem;
	line-height: 2em;
	font-weight: bold;
	width: 7em;
	text-align: center;
	margin: 0 auto 5px;
	border-radius: 5px;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li:nth-child(1) p:nth-child(2) {
	background: #d743da;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li:nth-child(2) p:nth-child(2) {
	background: #be3c62;
}

.Technical-process-cont2 .right-text .text:nth-child(2) .info li:nth-child(3) p:nth-child(2) {
	background: #2e7d6b;
}

/* porduct-type */
.porduct-type {
	padding-bottom: 2rem;
}

.porduct-type-list {
	display: flex;
	justify-content: space-between;
}

.porduct-type-list .item {
	display: block;
	position: relative;
	width: 19%;
	margin-top: 5px;
	color: #fff;
}

.porduct-type-list .item:hover {
	margin-top: 0px;
	color: var(--col3);
}

.porduct-type-list .tit {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.porduct-type-list .tit p {
	font-weight: bold;
	font-size: 1rem;
	width: 1em;
	line-height: 1.1;
}

.porduct-type-list .item img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}

/* products-list */
.products-list {
	background: var(--col4);
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.products-list .item {
	width: 32%;
	margin-right: 2%;
	display: block;
}

.products-list .item:nth-child(3n) {
	margin-right: 0;
}

.products-list .item:nth-child(n+4) {
	margin-top: 2%;
}

.products-list .item .pic {
	width: 100%;
	padding-bottom: 120%;
	border: solid 1px var(--col5);
}

.products-list .item .text {
	background: #000;
	padding: 0 10px;
	margin-top: 2px;
}

.products-list .item .tit {
	font-size: .8rem;
	color: #ccc;
}


/* about */
.page-about {
	padding-top: 0;
}


/* about-index */
.about-index {
	padding: 2rem 15px;
	margin-bottom: 2rem;
	background: rgba(255, 255, 255, .66);
}

.about-list {
	display: flex;
	flex-wrap: wrap;
}

.about-list a {
	display: block;
	width: 48%;
	margin-top: 4%;
	background: #000;
}

.about-list a img {
	display: block;
	width: 100%;
	transition: .5s;
}

.about-list a:hover img {
	opacity: .7;
}

.about-list a:first-child {
	width: 100%;
	margin: 0;
}

.about-list a:nth-child(2n) {
	margin-right: 4%;
}

/* CompanyProfile */
.CompanyProfile {
	padding: 2rem 0;
}

.CompanyProfile-text {
	font-size: .9rem;
	line-height: 1.7;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}

.CompanyProfile-cont .item {
	margin-bottom: 25px;
	font-size: .8rem;
	line-height: 1.7;
	color: #fff;
}

.CompanyProfile-cont .item .pic {
	display: block;
	border-radius: 10px 10px 0 0;
}

.CompanyProfile-cont .item .text {}

.CompanyProfile-cont .item .bt {
	height: 2rem;
	margin: 0 auto 10px;
	display: block;
}

.CompanyProfile-cont .item .info {
	padding: 50px 20px 20px 20px;
	border-radius: 0 0 10px 10px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;

}

.CompanyProfile-cont .item:last-child .info {
	padding: 20px;
}

.CompanyProfile-end {
	font-size: .8rem;
	line-height: 1.7;
	color: #333;
	text-align: center;
}

.CompanyProfile-end img {
	display: block;
	margin: 20px auto 0;
}

/* BrandStory */
.BrandStory {
	padding: 2rem 0;
}

.BrandStory-cont1 {
	font-size: .9rem;
	line-height: 1.7em;
	color: #333;
	text-indent: 2em;
	margin: 0 auto 20px;
}

.BrandStory-imgs1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.BrandStory-imgs1 img {
	display: block;
	width: 32%;
}

.BrandStory-imgs1 img:nth-child(n+4) {
	margin-top: 2%;
}

.BrandStory-cont2 {
	margin-top: 20px;
	background: rgba(0, 0, 0, .62);
	font-size: .9rem;
	line-height: 1.7em;
	color: #fff;
	text-indent: 2em;
	margin-bottom: 20px;
	padding: 30px 20px 30px 20px;
}

.BrandStory-cont2 img {
	display: block;
	width: 40%;
	margin: 0 auto 20px;
}

.BrandStory-imgs2 {
	display: flex;
	justify-content: space-between;
}

.BrandStory-imgs2 img {
	display: block;
	width: 32.5%;
}

/* History */
.History {
	padding: 2rem 0;
}

.History-cont {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
	font-size: .8rem;
	color: #fff;
	line-height: 1.5em;
}

.History-cont ul {
	position: relative;
	padding-top: 30px;
}

.History-cont ul::before {
	content: '';
	width: 1px;
	background: var(--col1);
	height: 92%;
	left: 10px;
	top: 0;
	position: absolute;
	z-index: 1;
}

.History-cont ul li {
	position: relative;
	z-index: 2;
	padding-left: 40px;
}

.History-cont ul li~li {
	margin-top: 20px;
}

.History-cont ul li::before {
	content: '';
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #fff;
	border: solid 5px var(--col3);
	position: absolute;
	left: 0;
	top: 0;
	margin-right: -10px;
}

.History-cont ul li .tit {
	font-size: 1rem;
	font-weight: bold;
	color: #e9e88f;
	margin-bottom: 5px;
}

.History-cont ul li:nth-child(2n)::before {
	width: 12px;
	height: 12px;
	margin-left: 4px;
	border: none;
	margin-top: 3px;
}


.History-cont ul li:last-child::before {
	width: 20px;
	height: 20px;
	left: 0;
	margin: 0;
	border: solid 5px var(--col3);
}

.History-cont img {
	display: block;
	margin: 20px auto 0;
}

/* figure */
.figure {
	padding: 2rem 0;
}

.figure-cont {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 34rem 15px 20px;
}

.figure-cont .position {
	margin: 0 auto 10px;
	width: 80%;
}

.figure-cont .position p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .9rem;
	color: #333;
	line-height: 1.7em;
}

.figure-cont .position p span~span {
	color: #da1e1e;
}

.figure-cont .text {
	font-size: .8rem;
	line-height: 1.7;
	text-indent: 2em;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.figure-cont .text img {
	width: 14vw;
}

.figure-cont .text .info {
	width: calc(100% - 16vw);
}

/* Organization */
.Organization {
	padding: 2rem 0;
	text-align: center;
	font-size: 1rem;
	color: var(--col1);
	line-height: 2;
}

.Organization-img {
	margin-bottom: 20px;
}

.Organization-img img {
	display: block;
	width: auto;
	height: 8rem;
}

.Organization-img1 img {
	margin: 0 auto;
}

.Organization-img2 {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
}

.Organization-img2::before {
	content: '';
	position: absolute;
	width: 70%;
	left: 15%;
	height: 2px;
	background: var(--col1);
	top: 15px;
}

.Organization-img2 .item {
	width: 30%;
	position: relative;
	z-index: 2;
	padding-top: 15px;
}

.Organization-img2 .item::before {
	content: '';
	position: absolute;
	width: 2px;
	left: 50%;
	height: 15px;
	top: 0;
	background: var(--col1);
	margin-left: -1px;
}

.Organization-img2 .item:nth-child(2)::before {
	height: 30px;
	top: -15px;
}

.Organization-img2 .item img {
	margin: 0 auto;
}

.Organization-img3 {
	display: flex;
	justify-content: space-between;
	font-size: .9rem;
	line-height: 1.2em;
}

.Organization-img3>* {
	width: 32%;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.Organization-img3>*::before {
	content: '';
	position: absolute;
	width: 68%;
	left: 16%;
	height: 2px;
	background: var(--col1);
	top: 15px;
}

.Organization-img3 .item {
	width: 32%;
	padding-top: 15px;
	position: relative;
}

.Organization-img3 .item::before {
	content: '';
	position: absolute;
	width: 2px;
	left: 50%;
	height: 15px;
	top: 0;
	background: var(--col1);
	margin-left: -1px;
}

.Organization-img3 .item:nth-child(2)::before {
	height: 30px;
	top: -15px;
}

.Organization-img3 .item .tit {
	width: 1em;
	font-size: ;
	line-height: 1.1em;
	margin: 0 auto;
}

.Organization-img3 .item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.Organization .laboratory {
	line-height: 2em;
}

.Organization .laboratory img {
	display: block;
	margin-bottom: 5px;
}



/* Honor */

/* CompanyHonor */
.page-CompanyHonor {
	padding-top: 0;
}

.page-CompanyHonor .container {
	padding-top: 2rem;
}

/* CompanyHonor-index */
.CompanyHonor-index {
	padding: 0 10px 2rem;
	background: rgba(255, 255, 255, .66);
}

.CompanyHonor-index-list {
	display: flex;
	flex-wrap: wrap;

}

.CompanyHonor-index-list a {
	width: 32%;
	height: 5rem;
	margin-right: 2%;
	position: relative;
}


.CompanyHonor-index-list a:nth-child(3n) {
	margin-right: 0;
}

.CompanyHonor-index-list a:nth-child(n+4) {
	margin-top: 2%;
}

.CompanyHonor-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5rem 35px 3rem;
	/* min-height: 122vw; */
}

.CompanyHonor-list .item {
	position: relative;
	width: 49%;
	margin-right: 2%;
	padding: 2.3% 2% 6%;
}

.CompanyHonor-list .item .bk {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.CompanyHonor-list .item .tit {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 3;
	left: 0;
	top: 72%;
	font-size: .8rem;
	color: var(--col2);
}

.CompanyHonor-list .item .pic {
	width: 100%;
	padding-bottom: 66.7%;
}

.CompanyHonor-list .item:nth-child(2n) {
	margin-right: 0%;
}

.CompanyHonor-list .item:nth-child(n+3) {
	margin-top: 4%;
}


/* Aptitude-list */
.Aptitude-list {
	display: flex;
	flex-wrap: wrap;
}

.Aptitude-list .item {
	width: 49%;
	margin-right: 2%;
	position: relative;
	text-align: center;
	font-size: .8rem;
	color: var(--col2);
	padding: 0 1.7rem 0;
	line-height: 1.2;
}

.Aptitude-list .item .tit {
	margin-top: 0;
	font-weight: bold;
	color: var(--col2);
	position: relative;
	z-index: 2;
	margin-bottom: 1em;
}

.Aptitude-list .item .bk {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
}

.Aptitude-list .item .pic {
	width: 100%;
	padding-bottom: 128%;
	z-index: 1;
	border-radius: 5px 5px 0 0;
}

.Aptitude-list .item:nth-child(2n) {
	margin-right: 0%;
}

.Aptitude-list .item:nth-child(n+3) {
	margin-top: 3%;
}


/* page-news */
.page-news {
	padding-top: 0;
}

.page-news .container {
	padding-top: 2rem;
}

.CorporateNews-cont {
	margin-bottom: 3rem;
}

.CorporateNews-left {
	position: relative;
	overflow: hidden;
	border: solid 1px #ccc;
	background: #fff;
	margin-bottom: 15px;
}

.CorporateNews-left .box {
	display: block;
	color: #333;
	font-size: .9rem;
	line-height: 2.5em;
	text-align: left;
	width: 100%;
}

.CorporateNews-left .box:hover {
	color: var(--col1);
}

.CorporateNews-left .box .tit {
	padding: 0 10px;
}

.CorporateNews-left .pic {
	width: 100%;
	padding-bottom: 55.3%;
}


.CorporateNews-left .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	bottom: 2.7rem;
	width: auto;
	left: auto;
	right: 2px;
}

.CorporateNews-left .swiper-pagination>* {
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	background: #000;
	color: #fff;
	border-radius: 0;
	font-size: 0.6rem;
	opacity: 1;
}

.CorporateNews-left .swiper-pagination>*.swiper-pagination-bullet-active {
	background: var(--col1);
}

.CorporateNews-right {
	border: solid 1px #ccc;
	padding: 15px;
	background: #fff;
}

.CorporateNews-right-nav {
	display: flex;
	align-items: center;
	color: #333;
}

.CorporateNews-right-nav p {
	font-size: .9rem;
	margin-bottom: 15px;
	padding-bottom: 5px;
	position: relative;
	margin-right: 15px;
}

.CorporateNews-right-nav p.show {
	color: var(--col2);
	font-weight: bold;
	font-size: 1rem;
}

.CorporateNews-right-nav p.show::before {
	content: '';
	display: block;
	width: 2em;
	height: 2px;
	border-radius: 2px;
	background: var(--col2);
	position: absolute;
	left: 50%;
	margin-left: -1em;
	bottom: 0px;
}

.CorporateNews-right-list .list {
	display: none;
}

.CorporateNews-right-list .list.show {
	display: block;
}

.CorporateNews-right-list .item {
	margin-bottom: 10px;
}

.CorporateNews-right-list .item .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.CorporateNews-right-list .item .pic {
	width: 30%;
	padding-bottom: 16.6%;
}

.CorporateNews-right-list .item .tit {
	font-size: 14px;
	line-height: 1.3;
	color: #333;
	font-weight: bold;
	width: 70%;
	padding-left: 10px;
}

.CorporateNews-right-list .item .box:hover .tit {
	color: var(--col1);
}

.CorporateNews-right-list .list .more {
	width: 5em;
	text-align: center;
	font-size: .8rem;
	line-height: 2.2em;
	margin: 0 auto;
	display: block;
	border-bottom: solid 1px #ccc;
}

.CorporateNews-right-list .list .more:hover {
	color: var(--col1);
	border-color: var(--col1);
}


/* IndustryNews-cont */
.IndustryNews-cont {}

.IndustryNews-cont-left {
	margin-bottom: 20px;
}

.IndustryNews-cont-left .box {
	display: block;
	background: #fff;
}

.IndustryNews-cont-left .pic {
	padding-bottom: 55.3%;
}

.IndustryNews-cont-left .text {
	padding: 15px;
	font-size: .8rem;
	line-height: 1.5;
	color: #999;
}

.IndustryNews-cont-left .tit {
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}

.IndustryNews-cont-left .box:hover .tit {
	color: var(--col2);
}

.IndustryNews-cont-right {}

.IndustryNews-cont-right .item {
	background: #fff;
	display: flex;
	align-items: center;
}

.IndustryNews-cont-right .item~.item {
	margin-top: 10px;
}

.IndustryNews-cont-right .time {
	width: 80px;
	height: 80px;
	background: #999;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
}

.IndustryNews-cont-right .time span {
	display: block;
	font-size: .8rem;
}

.IndustryNews-cont-right .item:hover .time {
	background: var(--col2);
	color: #fff;
}

.IndustryNews-cont-right .text {
	width: calc(100% - 90px);
	padding: 0 10px;
	font-size: .8rem;
	line-height: 1.5;
	color: #999;
}

.IndustryNews-cont-right .text .tit {
	font-size: 1rem;
	font-weight: bold;
	color: #333;
}

.IndustryNews-cont-right .item:hover .tit {
	color: var(--col2);
}


.page-news .streamer-pic {
	margin: 20px 0;
}

/* Plant-area */
.Plant-area-imgs {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10rem;
	position: relative;
	overflow: hidden;
}

.Plant-area-imgs .item {
	width: 32%;
	background: #fff;
	position: relative;
}

.Plant-area-imgs .item .pic {
	position: relative;
	z-index: 1;
}

.Plant-area-imgs .item .pic img {
	display: block;
	width: 100%;
}

.Plant-area-imgs .item .text {
	text-align: center;
	background: #fff;
}

.Plant-area-imgs .item .text .tit {
	color: #333;
	font-weight: bold;
	font-size: .8rem;
	padding: 0 10px;
	line-height: 2;
}





/* page-news-list */
.page-news-list {
	background: rgba(255, 255, 255, 0.6);
	padding: 0 20px;
}

.News-list {}


.News-list .item~.item {
	margin-top: 20px;
}

.News-list .item {
	display: flex;
	align-items: center;
	font-size: .8rem;
	color: #333;
	line-height: 1.5;
}

.News-list .item .pic {
	width: 40%;
	padding-bottom: 22.1%;
}


.News-list .item .text {
	width: 60%;
	padding-left: 10px;
}

.News-list .item .text .tit {
	color: #000;
	font-size: .9rem;
}

.News-list .item .text .tit:hover {
	color: var(--col1);
}

.News-list .item .text .info {
	margin-top: 5px;
}


/* page-newsDetail */
.page-newsDetail {
	border-top: solid 4px #000;
	padding: 0;
}

.page-newsDetail .container {
	padding: 2rem 20px 2rem;
	background: rgba(255, 255, 255, .6);
}

.news-title {
	font-size: 1rem;
	color: #333;
	line-height: 1.5;
	margin-bottom: 1em;
	font-weight: bold;
}

.news-params {
	font-size: .8rem;
	color: #666;
	margin-bottom: 20px;
}

.news-text {
	font-size: .9rem;
	color: #000;
	line-height: 1.7em;
	text-indent: 2em;
}

.news-text>*~* {
	margin-top: 1em;
}

.news-text>img {
	display: block;
	margin: 0 auto;
}