:root {
	--header-color: #fff; /* 导航字体色 */
	--header-fixed-color: #333; /* 导航字体色-下滑 */
	--header-background: rgba(0,0,0,.1); /* 导航背景色 */
	--header-fixed-background: #fff; /* 导航背景色-下滑 */
	--header-height: 86px; /* 导航高度 */
	--header-height-mobile: 60px; /* 导航高度-移动端 */
	--color: #182eaa; /* 主色调 */
	--color-t: #fec210; /* 副色调 */
	--color-rgba: rgba(24,46,170,.8);
	--time: .6s; /* 过渡时间 */
}
/* 导航 header */
.public-header { font-size: 18px; padding-left: 60px; border-bottom: 1px solid rgba(255,255,255,.2); }
/* logo */
.header-logo { width: 241px; }
.header-logo .i-box { padding-bottom: 19.08713692946058%; }
/* 导航链接 */
.header-nav .li { padding: 0 calc(100vw / 1920 * 37); }
.header-nav .li > a { padding: 0; position: relative; }
/* 双语切换 */
.header-language { margin-left: calc(100vw / 1920 * 56); width: 94px; border-left: 1px solid rgba(255,255,255,.2); }
.header-language > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
/* 搜索 */
.header-search {
	background-color: transparent; width: 94px; border-left: 1px solid rgba(255,255,255,.2);
	margin-left: 0; font-size: 22px;
}
.header-search-1 .page { right: 0; }

@media (max-width: 1680px) {
	.header-logo { width: 188px; }
}
@media (max-width: 1440px) {
	.public-header { font-size: 16px; }
	.header-logo { width: 167px; }
	.header-nav .li { padding: 0 calc(100vw / 1920 * 30); }
}
@media (max-width: 1199px) {
	.public-header { padding-left: 40px; }
	.header-logo { width: 146px; }
	.header-nav .li { padding: 0 calc(100vw / 1920 * 20); }
	.header-language { width: 60px; }
	.header-search { width: 60px; font-size: 18px; }
	.header-search-1 .page { width: 500px; height: 120%; }
}
@media (max-width: 991px) {
	.public-header { font-size: 14px; }
	.header-logo { width: 115px; }
	.header-nav .li { padding: 0 calc(100vw / 1920 * 15); }
	.header-language { margin-left: 10px; }
}
@media (max-width: 767px) {
	.public-header { padding-left: 6.25%; }
	.header-search { border-right: 1px solid rgba(255, 255, 255, .2); }
	.header-search-1 .page { width: 100%; height: 100%; }
	.header-button { margin: 0 18px; }
	.header-nav { top: 59px; height: calc(100% - 109px); }
	.header-nav .li > a { padding: .5em 10%; }
	.header-fixed { color: var(--color); border-bottom: 1px solid rgba(24,46,170,.2); }
	.header-fixed .header-language { border-left: 1px solid rgba(24,46,170,.2); }
	.header-fixed .header-search { border-left: 1px solid rgba(24,46,170,.2); border-right: 1px solid rgba(24,46,170,.2); }
}




/* 关于我们 */
.index-about { position: relative; padding: calc(100vw / 1920 * 64) calc(100vw / 1920 * 190) calc(100vw / 1920 * 106); }
.index-about::after {
	content: ''; position: absolute; left: 0; bottom: calc(100vw / 1920 * -128); width: 100%; height: calc(100vw / 1920 * 1300);
	background: url(../images/index-about-bg.jpg) center / cover no-repeat; z-index: -1;
}
.index-about .top .logo { width: calc(100vw / 1920 * 241); margin: 0 auto; }
.index-about .top .logo img { width: 100%; }
.index-about .top .text {
	text-align: center; margin: 0 auto; line-height: 1.5;
	width: calc(100vw / 1920 * 990); font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 28);
}
.index-about .top .text .t3 { font-size: calc(100vw / 1920 * 28); margin-bottom: calc(100vw / 1920 * 20); }
.index-about .middle { display: flex; flex-wrap: wrap; color: #fff; margin-top: calc(100vw / 1920 * 66); }
.index-about .middle .li { width: 50%; position: relative; }
.index-about .middle .li:nth-child(2) { margin-top: calc(100vw / 1920 * 28); }
.index-about .middle .li .img.i-box { padding-bottom: 64.93506493506494%; }
.index-about .middle .li .h3 {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: calc(100vw / 1920 * 64); font-weight: 100; padding-bottom: calc(100vw / 1920 * 12);
}
.index-about .middle .li .t3 {
	display: flex; flex-direction: column; align-items: center; position: absolute;
	bottom: calc(100vw / 1920 * 62); left: calc(100vw / 1920 * 50);
}
.index-about .middle .li .t3 img { width: calc(100vw / 1920 * 108); }
.index-about .middle .li .t3 .icon { cursor: pointer; width: calc(100vw / 1920 * 85); height: calc(100vw / 1920 * 85); margin-bottom: calc(100vw / 1920 * 18); }
.index-about .middle .li .t3 .icon::after { font-family: 'iconfont'; font-size: calc(100vw / 1920 * 85); content: '\e617'; }
.index-about .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 110); font-size: calc(100vw / 1920 * 18); }
.index-about .bottom .li { display: flex; flex-direction: column; align-items: center; width: calc(100vw / 1920 * 140); }
.index-about .bottom .li .icon { width: calc(100vw / 1920 * 64); margin-bottom: calc(100vw / 1920 * 26); }
.index-about .bottom .li .icon .i-box { padding-bottom: 93.75%; }
.index-about .bottom .li .box { display: flex; align-items: flex-end; color: #666; margin-top: calc(100vw / 1920 * 20); }
.index-about .bottom .li .box .num { font-size: calc(100vw / 1920 * 48); color: var(--color); line-height: 0.8; }
.index-about .bottom .li .box .i { font-size: calc(100vw / 1920 * 48); color: var(--color); line-height: 0.6; }
.index-about .bottom .li .box .d { line-height: 1.2; margin-left: calc(100vw / 1920 * 4); }

@media (max-width: 1199px) {
	.index-about { padding: calc(100vw / 1920 * 64) calc(100vw / 1920 * 120) calc(100vw / 1920 * 106); }
	.index-about .top .logo { width: 150px; }
	.index-about .top .text { font-size: 12px; width: 620px; }
	.index-about .top .text .t3 { font-size: 18px; }
	.index-about .bottom { font-size: 12px; }
	.index-about .bottom .li { width: 88px; }
	.index-about .bottom .li .icon { width: 40px; }
	.index-about .bottom .li .box .num { font-size: 30px; }
}
@media (max-width: 991px) {
	.index-about .bottom .li .box .num { font-size: 22px; }
	.index-about .bottom .li .box .i { font-size: 22px; }
}
@media (max-width: 767px) {
	.index-about { padding: 30px 6.25%; }
	.index-about .top .logo { width: 120px; }
	.index-about .top .text { width: 100%; margin-top: 20px; }
	.index-about .top .text .t3 { font-size: 16px; margin-bottom: 10px; }
	.index-about .middle { margin-top: 20px; }
	.index-about .middle .li { width: 100%; }
	.index-about .middle .li .h3 { font-size: 20px; padding-bottom: 0; }
	.index-about .middle .li:nth-child(2) { margin-top: 0; }
	.index-about .middle .li .t3 { bottom: 14%; left: 8%; }
	.index-about .middle .li .t3 .icon { width: 40px; height: 40px; margin-bottom: 10px; }
	.index-about .middle .li .t3 .icon::after { font-size: 40px; }
	.index-about .middle .li .t3 img { width: 60px; }
	.index-about .bottom { margin-top: 20px; }
	.index-about .bottom .li { width: 33.33%; margin: 10px 0; }
	.index-about .bottom .li .icon { width: 30px; margin-bottom: 8px; }
	.index-about .bottom .li .box { margin-top: 8px; }
	.index-about .bottom .li .box .d { margin-left: 4px; }
}




/* 核心业务 */
.index-business { padding: 0 calc(100vw / 1920 * 190); }
.index-business .container { position: relative; }
.index-business .img-list { position: relative; }
.index-business .img-list .li { position: relative; width: 100%; opacity: 0; transition: opacity var(--time); }
.index-business .img-list .li:not(:first-child) { position: absolute; top: 0; left: 0; }
.index-business .img-list .li.active { opacity: 1; z-index: 1; }
.index-business .img-list .li .img.i-box { padding-bottom: 54.25601039636127%; }
.index-business .img-list .li .con {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; color: #fff;
	border-top: 1px solid rgba(255, 255, 255, .3); background-color: rgba(25,50,189,.3);
	position: absolute; right: 0; bottom: 0; width: 67.6%; font-size: calc(100vw / 1920 * 24);
	padding: calc(100vw / 1920 * 52) calc(100vw / 1920 * 22) calc(100vw / 1920 * 85) calc(100vw / 1920 * 70);
}
.index-business .img-list .li .con .text { width: calc(100% - 260px); }
.index-business .img-list .li .con .text .h3 { font-size: calc(100vw / 1920 * 36); margin-bottom: calc(100vw / 1920 * 22); }
.index-business .img-list .li .con .more {
	display: flex; align-items: center; justify-content: center;
	width: calc(100vw / 1920 * 160); height: calc(100vw / 1920 * 56); background-color: var(--color-t); font-size: calc(100vw / 1920 * 16);
	color: #fff; border-top-right-radius: calc(100vw / 1920 * 28); border-bottom-right-radius: calc(100vw / 1920 * 28);
}

.index-business .con-list {
	position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 32.4%;
	display: flex; flex-direction: column; justify-content: space-between;
	border-right: 1px solid rgba(255,255,255,.3); padding-top: calc(100vw / 1920 * 135);
}
.index-business .con-list .tit {
	color: #fff; font-weight: bold; font-size: calc(100vw / 1920 * 36);
	border-left: 5px solid #fff; padding-left: calc(100vw / 1920 * 36);
	margin-left: calc(100vw / 1920 * 59);
}
.index-business .con-list.ph { display: none; }
.index-business .con-list .tit .h2 { margin-bottom: calc(100vw / 1920 * 20); }
.index-business .con-list .link {
	display: flex; flex-direction: column; color: #fff; font-size: calc(100vw / 1920 * 28);
}
.index-business .con-list .link>a {
	display: flex; align-items: center; height: calc(100vw / 1920 * 110); padding: 0 calc(100vw / 1920 * 30) 0 calc(100vw / 1920 * 62);
	border-top: 1px solid rgba(255, 255, 255, .3); position: relative; transition: background-color var(--time); z-index: 1;
}
.index-business .con-list .link>a::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(to right, #1932bd, #2633fd); opacity: 0; transition: opacity var(--time);
}
.index-business .con-list .link>a.active::before { opacity: 1; }
.index-business .con-list .link .icon { width: calc(100vw / 1920 * 43); margin-right: calc(100vw / 1920 * 18); }
.index-business .con-list .link .icon .i-box { padding-bottom: 106.9767441860465%; }

@media (max-width: 1440px) {
	.index-business .img-list .li .con .text { width: calc(100% - 160px); }
	.index-business .img-list .li .con .more { font-size: 12px; width: 120px; height: 42px; border-top-right-radius: 21px; border-bottom-right-radius: 21px; }
}
@media (max-width: 1199px) {
	.index-business { padding: 0 calc(100vw / 1920 * 120); }
}
@media (max-width: 991px) {
	.index-business .con-list .tit { border-left: 3px solid #fff; font-size: 18px; }
	.index-business .img-list .li .con { font-size: 12px; }
	.index-business .img-list .li .con .text .h3 { font-size: 16px; }
	.index-business .con-list .link { font-size: 14px; }
	.index-business .con-list .link>a { padding: 0 calc(100vw / 1920 * 30); }
}
@media (max-width: 767px) {
	.index-business .con-list { position: initial; width: 100%; padding-top: 0; }
	.index-business .con-list.ph { display: block; }
	.index-business .con-list .tit { color: #333; border-left: 3px solid var(--color); margin-left: 0; padding-left: 10px; }
	.index-business .con-list .tit.pc { display: none; }
	.index-business .con-list .tit .h2 { margin-bottom: 6px; }
	.index-business .con-list .link { margin-top: 0; font-size: 16px; }
	.index-business .con-list .link>a { padding: 10px 20px; height: auto; background-color: rgba(24,46,170,.8); }
	.index-business .con-list .link .icon { width: 18px; margin-right: 6px; }
	.index-business .img-list { margin-top: 20px; }
	.index-business .img-list .li .con { width: 100%; flex-direction: column; padding: 15px; }
	.index-business .img-list .li .con .text { width: 100%; }
	.index-business .img-list .li .con .text .h3 { margin-bottom: 8px; }
	.index-business .img-list .li .con .more { margin-top: 10px; width: 96px; height: 30px; }
	.index-business .img-list .li .img.i-box { padding-bottom: 70%; }
	.index-business .img-list .li .img img { width: 100%; height: 100%; }
}




/* 圣工动态 */
.index-news { margin-top: calc(100vw / 1920 * 117); position: relative; z-index: 1; }
.index-news::before {
	content: ''; position: absolute; z-index: -1; top: 0; right: calc(100vw / 1920 * 56);
	width: calc(100vw / 1920 * 1224); height: calc(100vw / 1920 * 636);
	background: url(../images/index-news-bg.jpg) center / 100% 100% no-repeat;
}
.index-news .top {
	display: flex; justify-content: space-between; align-items: flex-end;
	padding: calc(100vw / 1920 * 18) calc(100vw / 1920 * 190) 0;
}
.index-news .top .tit {
	font-size: calc(100vw / 1920 * 36); color: #000; border-left: 5px solid var(--color);
	padding-left: calc(100vw / 1920 * 33);
}
.index-news .top .tit .h2 { margin-bottom: calc(100vw / 1920 * 20); }
.index-news .top .link {
	display: flex; color: #646262; font-size: calc(100vw / 1920 * 20); padding-bottom: calc(100vw / 1920 * 19);
}
.index-news .top .link>a { display: flex; margin: 0 calc(100vw / 1920 * 25); transition: color var(--time); }
.index-news .top .link>a.active { color: var(--color); }
.index-news .top .link>a:first-child { margin-left: 0; }
.index-news .top .link>a:last-child { margin-right: 0; }
.index-news .top .link>a::before {
	content: ''; width: 2px; height: 100%; background-color: var(--color); margin-right: 5px;
	opacity: 0; transition: opacity var(--time);
}
.index-news .top .link>a.active::before { opacity: 1; }

.index-news .bottom { margin-top: calc(100vw / 1920 * 60); padding-left: calc(100vw / 1920 * 190); }
.index-news-slick .slick-list { padding-right: calc(100vw / 1920 * 204); }
.index-news-slick .slick-slide { padding-right: calc(100vw / 1920 * 40); }
.index-news-slick .item {
	display: flex; flex-direction: column; background-color: #f8f8f8; overflow: hidden;
	border-top-left-radius: calc(100vw / 1920 * 20); border-bottom-right-radius: calc(100vw / 1920 * 20);
	height: calc(100vw / 1920 * 564);
}
.index-news-slick .item .img.i-box { padding-bottom: 0; transition: padding var(--time); }
.index-news-slick .item:hover .img.i-box { padding-bottom: 62.84501061571125%; }
.index-news-slick .item .text {
	display: flex; flex-direction: column; justify-content: space-between; height: 100%;
	padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 36) calc(100vw / 1920 * 50); font-size: calc(100vw / 1920 * 16); color: #666; transition: padding var(--time);
}
.index-news-slick .item:hover .text { padding: calc(100vw / 1920 * 18) calc(100vw / 1920 * 36) calc(100vw / 1920 * 50); }
.index-news-slick .item .text .tit { font-size: calc(100vw / 1920 * 18); color: #acacac; }
.index-news-slick .item .text .h3 {
	font-size: calc(100vw / 1920 * 24); color: #333; line-height: 1.5; font-weight: bold; margin-top: calc(100vw / 1920 * 8);
	max-height: 3em; height: 3em;
}
.index-news-slick .item .text .des {
	line-height: 1.625; margin-top: calc(100vw / 1920 * 56); transition: max-height var(--time), margin var(--time); overflow: hidden;
	max-height: 6.5em; height: 6.5em; -webkit-line-clamp: 4;
}
.index-news-slick .item:hover .text .des { max-height: 0; margin-top: 0; }
.index-news-slick .item .text .time { color: #9c9c9c; }
.index-news-slick .item .text .b {
	display: flex; justify-content: space-between; align-items: center; margin-top: calc(100vw / 1920 * 142);
	transition: margin var(--time);
}
.index-news-slick .item:hover .text .b { margin-top: calc(100vw / 1920 * 42); }
.index-news-slick .item .text .more { position: relative; width: calc(100vw / 1920 * 60); height: calc(100vw / 1920 * 60); }
.index-news-slick .item .text .more img { width: 100%; height: 100%; transition: opacity var(--time); }
.index-news-slick .item .text .more img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; }
.index-news-slick .item:hover .text .more img { opacity: 0; }
.index-news-slick .item:hover .text .more img:nth-child(2) { opacity: 1; }

@media (max-width: 1440px) {
	.index-news .top .link { font-size: 16px; }
	.index-news-slick .item { height: 422px; }
	.index-news-slick .item .text { font-size:12px; }
	.index-news-slick .item .text .tit { font-size: 14px; }
	.index-news-slick .item .text .h3 { margin-top: 6px; }
}
@media (max-width: 1280px) {
	.index-news-slick .item { height: 388px; }
	.index-news-slick .item .text .h3 { font-size: 16px; }
}
@media (max-width: 1199px) {
	.index-news-slick .item { height: 372px; }
	.index-news .top { padding: 0 calc(100vw / 1920 * 120); }
	.index-news .bottom { padding-left: calc(100vw / 1920 * 120); }
}
@media (max-width: 991px) {
	.index-news .top .tit { font-size: 18px; border-left: 3px solid var(--color); }
	.index-news .top .link { font-size: 14px; }
	.index-news-slick .item { height: 332px; }
}
@media (max-width: 767px) {
	.index-news { margin-top: 40px; }
	.index-news .top { flex-wrap: wrap; }
	.index-news .top .tit { padding-left: 10px; }
	.index-news .top .tit .h2 { margin-bottom: 6px; }
	.index-news .top .link { width: 100%; margin-top: 20px; justify-content: flex-end; }
	.index-news .top .link>a { margin: 0 5px; }
	.index-news .bottom { margin-top: 20px; }
	.index-news-slick .slick-list { padding-right: 25%; }
	.index-news-slick .slick-slide { padding-right: 20px; }
	.index-news-slick .item { height: auto; }
	.index-news-slick .item .img.i-box { padding-bottom: 62.84501061571125%; }
	.index-news-slick .item .text { padding: 15px; }
	.index-news-slick .item:hover .text { padding: 15px; }
	.index-news-slick .item .text .h3 { font-size: 14px; }
	.index-news-slick .item .text .des { margin-top: 10px; }
	.index-news-slick .item:hover .text .des { max-height: inherit; margin-top: 10px; }
	.index-news-slick .item .text .b { margin-top: 20px; }
	.index-news-slick .item:hover .text .b { margin-top: 20px; }
	.index-news-slick .item .text .more { width: 30px; height: 30px; }
}




/* 全球布局 */
.index-layout { padding: 0 calc(100vw / 1920 * 190) calc(100vw / 1920 * 70); margin-top: calc(100vw / 1920 * 100); }
.index-layout .tit { width: 50%; text-align: center; margin: 0 auto; line-height: 1.5; font-size: calc(100vw / 1920 * 18); }
.index-layout .tit .h2 { font-size: calc(100vw / 1920 * 36); line-height: 1; margin-bottom: calc(100vw / 1920 * 20); }
.index-layout .con { position: relative; margin-top: calc(100vw / 1920 * 60); }
.index-layout .con .bg img { display: block; }
.index-layout .con .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.index-layout .box .list { position: absolute; z-index: 1; font-size: 18px; }
.index-layout .box .list .li {
	display: flex; align-items: center; justify-content: space-between; background-color: #fff;
	border-radius: 20px; width: 105px; height: 40px; padding: 0 6px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
}
.index-layout .box .list .li .addr { width: 61px; text-align: center; }
.index-layout .box .list .li .icon { width: 31px; height: 31px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 5px 5px rgba(0,0,0,.1); }
.index-layout .box .list .hidden {
	width: 250px; padding-bottom: 13px; transition: all var(--time);
	position: absolute; top: 0; left: 50%; transform: translate(-50%, -110%); opacity: 0; visibility: hidden;
}
.index-layout .box .list.active .hidden { opacity: 1; transform: translate(-50%, -100%); visibility: visible; }
.index-layout .box .list .hidden::after {
	content: ''; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%);
	border: 10px solid transparent; border-top: 10px solid #fff;
}
.index-layout .box .list .hidden .img { box-shadow: 0 0 10px 2px rgba(0,0,0,.2); }
.index-layout .box .list .hidden .img img { display: block; }

.index-layout .box .list.l1 { top: calc(100vw / 1920 * 179); left: calc(100vw / 1920 * 63); }
.index-layout .box .list.l2 { top: calc(100vw / 1920 * 400); left: calc(100vw / 1920 * 64); }
.index-layout .box .list.l3 { top: calc(100vw / 1920 * 103); left: calc(100vw / 1920 * 393); }
.index-layout .box .list.l4 { top: calc(100vw / 1920 * 333); left: calc(100vw / 1920 * 303); }
.index-layout .box .list.l5 { top: calc(100vw / 1920 * 369); left: calc(100vw / 1920 * 405); }
.index-layout .box .list.l6 { top: calc(100vw / 1920 * 590); left: calc(100vw / 1920 * 556); }
.index-layout .box .list.l7 { top: calc(100vw / 1920 * 171); right: calc(100vw / 1920 * 307); }
.index-layout .box .list.l8 { top: calc(100vw / 1920 * 523); right: calc(100vw / 1920 * 97); }
.index-layout .box .list.l9 { top: calc(100vw / 1920 * 246); left: calc(100vw / 1920 * 573); z-index: 0; }
.index-layout .box .list.l9 .li { width: 171px; justify-content: center; }
.index-layout .box .list.l9 .li .addr { display: none; }
.index-layout .box .list.l9 .li .icon {
	display: flex; align-items: center;
	width: 146px; border-radius: 0; box-shadow: none;
}
.index-layout .box .dot {
	position: absolute; z-index: -1; top: calc(100vw / 1920 * 255); left: calc(100vw / 1920 * 562); width: 15px; height: 15px; border-radius: 50%;
	background-color: var(--color-t);
}
.index-layout .box .dot::before {
	content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px;
	background-color: rgba(254,194,16,.6); border-radius: 50%;
	animation: dot1 2s linear infinite;
}
.index-layout .box .dot::after {
	content: ''; position: absolute; top: -11px; left: -11px; right: -11px; bottom: -11px;
	background-color: rgba(254,194,16,.4); border-radius: 50%;
	animation: dot2 2s linear infinite;
	animation-delay: -3s;
}
.index-layout .box .dot .line-bg {
	position: absolute; top: calc(100vw / 1920 * -133); left: calc(100vw / 1920 * -410);
	width: calc(100vw / 1920 * 1195); height: calc(100vw / 1920 * 468);
	background: url(../images/index-layout-bg.png) center / cover no-repeat;
}
@keyframes dot1 {
	0%,100% { top: -5px; left: -5px; right: -5px; bottom: -5px; }
	50% { top: 0; left: 0; right: 0; bottom: 0; }
}
@keyframes dot2 {
	0%,100% { top: -11px; left: -11px; right: -11px; bottom: -11px; }
	50% { top: -5px; left: -5px; right: -5px; bottom: -5px; }
}

@media (max-width: 1440px) {
	.index-layout .tit { width: 80%; font-size: 14px; }
	.index-layout .box .list { font-size: 16px; }
	.index-layout .box .list .li { width: 90px; height: 34px; }
	.index-layout .box .list .li .icon { width: 25px; height: 25px; }
	.index-layout .box .list .li .addr { width: 52px; }
	.index-layout .box .list.l9 .li { width: 130px; }
	.index-layout .box .list.l9 .li .icon { width: 106px; }
	.index-layout .box .list .hidden { width: 200px; }
}
@media (max-width: 1199px) {
	.index-layout .tit { width: 100%; }
	.index-layout .tit .h2 { font-size: 22px; }
	.index-layout .box .list { font-size: 14px; }
	.index-layout .box .list .li { width: 80px; }
	.index-layout .box .list .li .addr { width: 42px; }
	.index-layout .box .list .li .icon { width: 22px; height: 22px; }
	.index-layout .box .list .hidden { width: 180px; }
}
@media (max-width: 767px) {
	.index-layout { padding: 0 calc(100vw / 1920 * 120) 40px; margin-top: 40px; }
	.index-layout .con { width: 320px; margin: 30px auto 0; }
	.index-layout .tit { font-size:12px; }
	.index-layout .tit .h2 { font-size: 16px; margin-bottom: 10px; }
	.index-layout .box .list .hidden { display: none; }
	.index-layout .box .list { font-size: 12px; }
	.index-layout .box .list .li { width: 68px; height: 26px; }
	.index-layout .box .list .li .icon { width: 18px; height: 18px; }
	.index-layout .box .list .li .addr { width: 36px; }
	.index-layout .box .list.l9 .li { width: 88px; }
	.index-layout .box .list.l9 .li .icon { width: 70px; }
	.index-layout .box .dot { display: none; }
	.index-layout .box .list.l1 { top: 20px; left: -5px; }
	.index-layout .box .list.l2 { top: 80px; left: 0px; }
	.index-layout .box .list.l3 { top: 12px; left: 68px; }
	.index-layout .box .list.l4 { top: 54px; left: 33px; }
	.index-layout .box .list.l5 { top: 76px; left: 64px; }
	.index-layout .box .list.l6 { top: 114px; left: 96px; }
	.index-layout .box .list.l7 { top: 34px; right: 36px; }
	.index-layout .box .list.l8 { top: 100px; right: 6px; }
	.index-layout .box .list.l9 { top: 40px; left: 116px; }
}




/* footer */
.footer { color: #fff; }
.footer .top { display: flex; }
.footer .top .left {
	background: url(../images/footer-bg.jpg) center / cover no-repeat;
	width: calc(100% - 100px); padding: calc(100vw / 1920 * 130) calc(100vw / 1920 * 60) calc(100vw / 1920 * 156) calc(100vw / 1920 * 80);
}
.footer .top .left .t { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.footer .top .left .t .h2 { font-size: calc(100vw / 1920 * 48); }
.footer .top .left .t .h2::after {
	font-family: 'iconfont'; font-size: calc(100vw / 1920 * 40); content: '\e620';
	position: relative; top: calc(100vw / 1920 * 4); margin-left: calc(100vw / 1920 * 26);
}
.footer .top .left .t .link { display: flex; font-size: 18px; padding-bottom: calc(100vw / 1920 * 8); }
.footer .top .left .t .link>a { margin: 0 calc(100vw / 1920 * 42); }
.footer .top .left .t .link>a:first-child { margin-left: 0; }
.footer .top .left .t .link>a:last-child { margin-right: 0; }
.footer .top .left .b { display: flex; justify-content: space-between; align-items: flex-end; margin-top: calc(100vw / 1920 * 167); }
.footer .top .left .b .l { font-size: 18px; padding-right: 20px; }
.footer .top .left .b .l .p1 { font-size: 20px; color: #afafaf; }
.footer .top .left .b .l .p2 { font-size: calc(100vw / 1920 * 48); margin: calc(100vw / 1920 * 30) 0 calc(100vw / 1920 * 22); }
.footer .top .left .b .l .p3 { line-height: 2; }
.footer .top .left .b .r { display: flex; flex-direction: column; padding-bottom: calc(100vw / 1920 * 9); }
.footer .top .left .b .r>p { font-size: 20px; }
.footer .top .left .b .r .box { display: flex; margin-top: calc(100vw / 1920 * 28); }
.footer .top .left .b .r .box .b-text {
	display: flex; align-items: center; padding: 0 16px; color: #fff;
	width: calc(100vw / 1920 * 330); height: 56px; background-color: #2c3347; font-size: 16px;
}
.footer .top .left .b .r .box .b-text::placeholder { color: #fff; }
.footer .top .left .b .r .box .form { display: flex; margin-right: calc(100vw / 1920 * 100); }
.footer .top .left .b .r .box .form .btn { width: calc(100vw / 1920 * 87); height: 56px; background-color: #fec210; font-size: 16px; color: #fff; }
.footer .top .left .b .r .box .link { margin-right: calc(100vw / 1920 * 56); }
.footer .top .left .b .r .box .link .lt { position: relative; z-index: 1; display: flex; cursor: pointer; }
.footer .top .left .b .r .box .link .lt .icon {
	display: flex; align-items: center; justify-content: center;
	width: calc(100vw / 1920 * 87); height: 56px; background-color: #fec210; font-size: 9px;
}
.footer .top .left .b .r .box .link .lt .icon::after { font-family: 'ifont'; content: '\e606'; transform: rotate(180deg); }
.footer .top .left .b .r .box .link .lb {
	display: flex; flex-direction: column; color: #666; padding: 0 20px;
	position: absolute; z-index: -1; top: 0; left: 0; width: 79.3%;
	background-color: #fff; transform: translateY(-110%); opacity: 0; visibility: hidden;
	transition: all var(--time);
}
.footer .top .left .b .r .box .link .lb>a {
	display: flex; align-items: center;
	height: 50px; border-bottom: 1px solid #e1e1e1;
	transition: color var(--time);
}
.footer .top .left .b .r .box .link .lb>a:hover { color: #1932bd; }
.footer .top .left .b .r .box .link .lt:hover .lb { transform: translateY(-100%); opacity: 1; visibility: visible; }
.footer .top .right { width: 100px; background-color: #262c3c; display: flex; flex-direction: column; }
.footer .top .right .bg {
	width: 100%; height: calc(100vw / 1920 * 378); background-color: #262c3c;
}
.footer .top .right .share { display: flex; flex-direction: column; align-items: center; padding-top: calc(100vw / 1920 * 62); }
.footer .top .right .share>a { position: relative; margin-bottom: calc(100vw / 1920 * 40); }
.footer .top .right .share>a:last-child { margin-bottom: 0; }
.footer .top .right .share>a::after { font-family: 'iconfont'; font-size: 18px; }
.footer .top .right .share .weixin::after { content: '\e61a'; font-size: 21px; }
.footer .top .right .share .weibo::after { content: '\e65a'; }
.footer .top .right .share .qq::after { content: '\e67f'; }
.footer .top .right .share .twitter::after { content: '\e647'; }
.footer .top .right .share .toutiao::after { content: '\e602'; }
.footer .top .right .share .code {
	position: absolute; top: 50%; left: -15px; min-width: 100px; width: 100px; transform: translate(-110%, -50%);
	opacity: 0; visibility: hidden; transition: all var(--time); z-index: 1;
}
.footer .top .right .share a:hover .code { transform: translate(-100%, -50%); opacity: 1; visibility: visible; }

.footer .bottom {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: calc(100vw / 1920 * 123);
	background-color: #262c3c; padding: 0 calc(100vw / 1920 * 100) 0 calc(100vw / 1920 * 95);
}
.footer .bottom>div { display: flex; flex-wrap: wrap; }
.footer .bottom>div a { margin-left: calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.footer .top .left .t .link { font-size: 16px; }
	.footer .top .left .b .l { font-size: 16px; }
	.footer .top .left .b .l .p1 { font-size: 18px; }
	.footer .top .left .b .r>p { font-size: 18px; }
	.footer .top .left .b .r .box .b-text { height: 50px; }
	.footer .top .left .b .r .box .form .btn { height: 50px; }
	.footer .top .left .b .r .box .link .lt .icon { height: 50px; }
	.footer .top .left .b .r .box .link .lb { width: 100%; }
}
@media (max-width: 1199px) {
	.footer .top .left { width: calc(100% - 80px); padding: calc(100vw / 1920 * 130) calc(100vw / 1920 * 80) calc(100vw / 1920 * 156); }
	.footer .top .right { width: 80px; }
	.footer .bottom { height: 80px; padding: 0 80px 0 calc(100vw / 1920 * 120); font-size: 14px; }
	.footer .top .left .b .r .box .link { margin-right: 0; }
	.footer .top .left .b .l { font-size: 14px; }
	.footer .top .left .b .l .p1 { font-size: 16px; }
	.footer .top .left .t .link { font-size: 14px; }
	.footer .top .left .t .link>a { margin: 0 calc(100vw / 1920 * 20); }
	.footer .top .left .b .r>p { font-size: 16px; }
	.footer .top .left .b .r .box .b-text { font-size: 14px; height: 40px; }
	.footer .top .left .b .r .box .form { margin-right: calc(100vw / 1920 * 50); }
	.footer .top .left .b .r .box .form .btn { font-size: 14px; height: 40px; }
	.footer .top .left .b .r .box .link .lt .icon { height: 40px; }
	.footer .top .left .b .r .box .link .lb { font-size: 14px; }
	.footer .top .left .b .r .box .link .lb>a { height: 40px; }
}
@media (max-width: 991px) {
	.footer .top .left .b { flex-wrap: wrap; margin-top: 40px; }
	.footer .top .left .b .l { width: 100%; padding-right: 0; }
	.footer .top .left .b .r { margin-top: 40px; padding-bottom: 0; }
	.footer .top .left .b .r .box .b-text { width: 200px; }
}
@media (max-width: 767px) {
	.footer .top { flex-wrap: wrap; }
	.footer .top .left { width: 100%; padding: 30px calc(100vw / 1920 * 120); }
	.footer .top .left .t .h2 { font-size: 18px; }
	.footer .top .left .t .h2::after { font-size: 18px; top: 0; margin-left: 10px; }
	.footer .top .left .t .link { flex-wrap: wrap; display: none; }
	.footer .top .left .b { margin-top: 20px; }
	.footer .top .left .b .l .p1 { font-size: 14px; }
	.footer .top .left .b .l .p2 { font-size: 20px; margin: 10px 0 5px; }
	.footer .top .left .b .r { margin-top: 20px; }
	.footer .top .left .b .r>p { font-size: 14px; }
	.footer .top .left .b .r .box { margin-top: 10px; flex-wrap: wrap; }
	.footer .top .left .b .r .box .form { margin-right: 0; width: 100%; margin-bottom: 10px; }
	.footer .top .left .b .r .box .b-text { width: calc(100% - 60px); }
	.footer .top .left .b .r .box .form .btn { width: 60px; }
	.footer .top .left .b .r .box .link { width: 100%; }
	.footer .top .left .b .r .box .link .lt .icon { width: 60px; }
	.footer .top .right { width: 100%; }
	.footer .top .right .bg { display: none; }
	.footer .top .right .share { padding: 30px 40px 0; flex-direction: row; justify-content: space-evenly; }
	.footer .top .right .share>a { margin-bottom: 0; }
	.footer .top .right .share .code { top: -10px; left: 50%; transform: translate(-50%,-110%); }
	.footer .top .right .share a:hover .code { transform: translate(-50%,-100%); }
	.footer .bottom { height: auto; padding: 20px calc(100vw / 1920 * 120); }
	.footer .bottom>div { justify-content: center; width: 100%; line-height: 1.5; text-align: center; }
	.footer .bottom>div a { margin-left: 10px; }
}




/*  */
.page-banner { position: relative; }
.page-banner::before {
	content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100vw / 1920 * 318); z-index: 1;
	background: linear-gradient(to top, #000a9f, transparent); display: none;
}
.page-banner::after {
	content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: calc(100vw / 1920 * 55); z-index: 1;
	background: url(../images/page-banner-bg.png) center / 100% 100% no-repeat;
}
.page-banner .img.i-box { padding-bottom: 38.54166666666667% }
.page-banner .img img { width: 100%; height: 100%; }
.page-banner .con {
	display: flex; justify-content: space-between; align-items: flex-end;
	position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;
}
.page-banner .con .title {
	display: flex; flex-wrap: wrap; align-items: flex-end; color: #fff;
	background: url(../images/page-banner-tbg.png) center / 100% 100% no-repeat;
	width: 45.10416666666667%; height: calc(100vw / 1920 * 169);
}
.page-banner .con .title .left {
	text-transform: uppercase; width: calc(100vw / 1920 * 308); font-size: calc(100vw / 1920 * 20);
	padding-bottom: calc(100vw / 1920 * 38); padding-left: calc(100vw / 1920 * 60);
}
.page-banner .con .title .left .h2 { font-size: calc(100vw / 1920 * 36); }
.page-banner .con .title .left .en { margin-top: calc(100vw / 1920 * 12); letter-spacing: -1px; }
.page-banner .con .title .right { position: relative; padding-bottom: calc(100vw / 1920 * 50); padding-left: calc(100vw / 1920 * 28); }
.page-banner .con .title .right .h3 { color: #333; font-size: calc(100vw / 1920 * 28); }
.page-banner .con .title .right .en {
	position: absolute; left: calc(100vw / 1920 * 26); bottom: calc(100vw / 1920 * 30);
	width: calc(100vw / 1920 * 455);
}
.page-banner .con .title .right .en img { width: 100%; }
.page-banner .con .link { display: flex; align-items: flex-end; color: #fff; padding-bottom: calc(100vw / 1920 * 48);
padding-right: calc(100vw / 1920 * 60); font-size: 16px; }
.page-banner .con .link i { margin: 0 calc(100vw / 1920 * 12); }
.page-banner .con .link span { color: #fec210; }
.page-banner .con .link a:first-child::before {
	font-family: 'ifont'; font-size: 20px; content: '\e60c'; margin-right: calc(100vw / 1920 * 7);
}
/* 内页banner视频 */
.page-banner .video { height: calc(100vw / 1920 * 740); }
.page-banner .video video { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1440px) {
	.page-banner .con .link { font-size: 14px; }
	.page-banner .con .link a:first-child::before { font-size: 16px; }
}
@media (max-width: 991px) {
	.page-banner .con .title { width: 500px; height: 88px; }
	.page-banner .con .title .left { font-size: 12px; padding-left: 30px; padding-bottom: 20px; width: 175px; }
	.page-banner .con .title .left .h2 { font-size: 18px; }
	.page-banner .con .title .left .en { margin-top: 6px; }
	.page-banner .con .title .right { padding-left: 15px; padding-bottom: 25px; }
	.page-banner .con .title .right .h3 { font-size: 16px; }
	.page-banner .con .title .right .en { width: 250px; left: 10px; bottom: 15px; }
	.page-banner .con .link { font-size: 12px; padding-bottom: 25px; display: none; }
	.page-banner .con .link a:first-child::before { font-size: 14px; margin-right: 4px; }
	.page-banner .con .link i { margin: 0 6px; }
}
@media (max-width: 767px) {
	.page-banner .img.i-box { padding-bottom: 60%; }
	.page-banner::before { height: 50%; }
	.page-banner::after { display: none; }
	.page-banner .con { bottom: 20px; }
	.page-banner .con .title { width: 100%; height: auto; background: none; padding: 0 6.25%; }
	.page-banner .con .title .left { padding: 0; width: 100%; }
	.page-banner .con .title .right { padding: 0; margin-top: 10px; }
	.page-banner .con .title .right .h3 { color: #fff; }
	.page-banner .con .title .right .en { display: none; }
}




/* 水性特种涂料产业一体化 */
.core-link.core-link-details { display: none; }
.core-link { margin-top: calc(100vw / 1920 * 84); }
.core-link .mobile { display: none; justify-content: space-between; width: 100%; }
.core-link .mobile .h2 { display: flex; align-items: center; background-color: #1932bd; color: #fff; font-size: 14px; padding: 0 20px; }
.core-link .mobile .button { display: flex; align-items: center; overflow: hidden; }
.core-link .mobile .button > div { display: flex; flex-direction: column; cursor: pointer; width: 24px; }
.core-link .mobile .button span { width: 100%; height: 2px; transition: all 0.5s; background-color: #1932bd; }
.core-link .mobile .button span:nth-of-type(2) { margin: 5px 0; }
.core-link .mobile .button > div.active span:first-of-type { transform: translateY(100%) rotateZ(225deg); }
.core-link .mobile .button > div.active span:nth-of-type(2) { transform: translateX(100px); opacity: 0; margin: 0; }
.core-link .mobile .button > div.active span:last-of-type { transform: translateY(-100%) rotateZ(-225deg); }
.core-link .nav { display: flex; justify-content: center; }
.core-link a {
	display: flex; align-items: center; justify-content: center; color: #000; position: relative;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden;
	width: calc(100vw / 1920 * 360); height: calc(100vw / 1920 * 80); margin: 0 calc(100vw / 1920 * 20);
	font-size: calc(100vw / 1920 * 24); border-radius: calc(100vw / 1920 * 40);
}
.core-link a::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.core-link a:hover { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.core-link a.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }

.core-solution { position: relative; margin-top: calc(100vw / 1920 * 70); overflow: hidden; }
.core-solution .left { width: 58.85416666666667%; clip-path: polygon(0% 0%, 89.5% 0%, 100% 100%, 0% 93.8%); }
.core-solution .left .img { width: 100%; padding-bottom: 56.10619469026549%; }
.core-solution .left .img img { width: 100%; height: 100%; }
.core-solution .right { position: absolute; top: 0; right: 0; width: 46.35416666666667%; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 13.26% 95.78%); }
.core-solution .right .img { width: 100%; padding-bottom: 74.49438202247191%; }
.core-solution .right .img img { width: 100%; height: 100%; }
.core-solution .right .con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19,23,72,.6); }
.core-solution .right .con .title {
	position: relative;
	width: calc(100vw / 1920 * 586); height: calc(100vw / 1920 * 136); margin-left: calc(100vw / 1920 * 165);  font-size: calc(100vw / 1920 * 32);
}
.core-solution .right .con .title::before {
	content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * -20); width: calc(100vw / 1920 * 70); height: 100%;
	background-color: rgba(255,255,255,.2); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 60% 100%);
}
.core-solution .right .con .title .h3 {
	background-color: #fff; display: flex; align-items: center; justify-content: center; color: #1932bd; line-height: 1.5;
	width: 100%; height: 100%; font-weight: bold; padding: 0 calc(100vw / 1920 * 64); clip-path: polygon(0% 0%, 100% 0, 93.2% 100%, 6.8% 100%);
}
.core-solution .right .con .list {
	color: #fff; display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(100vw / 1920 * 80); padding: 0 calc(100vw / 1920 * 20);
	font-size: calc(100vw / 1920 * 18);
}
.core-solution .right .con .list .li {
	display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;
	width: calc(100vw / 1920 * 220); height: calc(100vw / 1920 * 170); padding-top: calc(100vw / 1920 * 40);
}
.core-solution .right .con .list .li:nth-child(1)::after {
	content: ''; position: absolute; top: 0; right: 0; width: 1px; height: calc(100vw / 1920 * 340);
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5), transparent);
}
.core-solution .right .con .list .li:nth-child(2)::after {
	content: ''; position: absolute; top: 0; right: 0; width: 1px; height: calc(100vw / 1920 * 340);
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5), transparent);
}
.core-solution .right .con .list .li:nth-child(4)::after {
	content: ''; position: absolute; top: 0; left: 0; width: calc(100vw / 1920 * 665); height: 1px;
	background: linear-gradient(to right, transparent, rgba(255,255,255,.5), transparent);
}
.core-solution .right .con .list .li .icon { width: calc(100vw / 1920 * 37); height: calc(100vw / 1920 * 40); }
.core-solution .right .con .list .li .icon img { width: 100%; height: 100%; }
.core-solution .right .con .list .li p { white-space: pre-line; line-height: 1.33; margin-top: calc(100vw / 1920 * 10); }

@media (max-width: 1280px) {
	.core-solution .right .con .list { font-size: 12px; }
	.core-solution .right .con .list .li .icon { width: 24px; height: 26px; }
	.core-solution .right .con .list .li p { margin-top: 6px; }
}
@media (max-width: 1199px) {
	.core-link a { font-size: 14px; width: 225px; height: 50px; border-radius: 25px; margin: 0 10px; }
	.core-solution .right .con .list .li { height: 100px; }
	.core-solution .right .con .list .li:nth-child(1)::after { height: 212px; }
	.core-solution .right .con .list .li:nth-child(2)::after { height: 212px; }
}
@media (max-width: 991px) {
	.core-solution .right .con .list { margin-top: calc(100vw / 1920 * 40); }
	.core-solution .right .con .list .li { padding-top: 10px; height: 84px; }
}
@media (max-width: 767px) {
	.core-solution { margin-top: 0; }
	.core-solution .left { width: 100%; clip-path: initial; }
	.core-solution .right { position: relative; width: 100%; clip-path: initial; }
	.core-solution .right .con .title { margin: 0 auto; width: 280px; height: 66px; font-size: 16px; }
	.core-solution .right .con .title::before { left: -8px; width: 31px; }
	.core-solution .right .con .title .h3 { padding: 0 28px; }
	.core-solution .right .con .list { margin-top: 0; padding: 0; height: calc(100% - 85px); align-content: center; }
	.core-solution .right .con .list .li { width: 30%; }
	.core-solution .right .con .list .li:nth-child(4)::after { width: 300%; }
	.core-link.core-link-details { display: flex; }
	.core-link { height: 50px; margin-top: 0; position: relative; display: flex; justify-content: space-between; background-color: #fff; border-bottom: 1px solid #d8d8d8; padding-right: 6.25%; }
	.core-link .mobile { display: flex; }
	.core-link .nav { display: none; position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); }
	.core-link .nav a { width: 100%; padding: 14px 6.25%; margin: 0; border-radius: 0; }
}


.core-product { padding-top: calc(100vw / 1920 * 98); overflow: hidden; }
.core-product .title { display: flex; justify-content: center; position: relative; font-size: calc(100vw / 1920 * 48); }
.core-product .title::before {
	content: ''; position: absolute; top: calc(100vw / 1920 * 16); left: 0; width: 1000%; height: 33px;
	background: url(../images/core-product-line1.png) left bottom repeat-x;
	animation: line 400s linear infinite;
}
.core-product .title::after {
	content: ''; position: absolute; top: calc(100vw / 1920 * 25); left: 0; width: 1000%; height: 33px;
	background: url(../images/core-product-line2.png) left bottom repeat-x; transform: rotate(-180deg);
	animation: line 400s linear infinite;
}
@keyframes line {
	0%, 100% { background-position-x: 0; }
	50% { background-position-x: -100%; }
}
.core-product .con { display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(100vw / 1920 * 100); padding: 0 calc(100vw / 1920 * 165); }
.core-product .con .list {
	position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; justify-content: space-between; color: #fff;
	height: calc(100vw / 1920 * 738); margin: 0 calc(100vw / 1920 * 25); clip-path: polygon(0% 4.6%, 100% 0%, 100% 95.4%, 0% 100%);
	padding: calc(100vw / 1920 * 82) calc(100vw / 1920 * 40) calc(100vw / 1920 * 70);
}
.core-product .con .list::before {
	content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(32,35,73,.6);
	transition: background var(--time); z-index: -1;
}
.core-product .con .list:hover::before { background: rgba(25,50,189,.7); }
.core-product .con .list .li { font-size: calc(100vw / 1920 * 18); line-height: 1.44; margin-top: calc(100vw / 1920 * 45); }
.core-product .con .list .li:first-child { margin-top: 0; }
.core-product .con .list .li .h3 { font-size: calc(100vw / 1920 * 28); line-height: 1; }
.core-product .con .list .li .text { margin-top: calc(100vw / 1920 * 26); }
.core-product .con .list .more {
	display: flex; align-items: center; justify-content: center; color: #333; font-size: calc(100vw / 1920 * 20);
	width: calc(100vw / 1920 * 206); height: calc(100vw / 1920 * 54); background: #fff; border-radius: 27px;
	transition: background var(--time);
}
.core-product .con .list:hover .more { background: #fec210; }

@media (max-width: 1440px) {
	.core-product .title::before { top: 0; }
	.core-product .title::after { top: auto; bottom: 0; }
	.core-product .con { padding: 0 calc(100vw / 1920 * 95); }
	.core-product .con .list .li { font-size: 14px; margin-top: calc(100vw / 1920 * 30); }
	.core-product .con .list .li .text { margin-top: calc(100vw / 1920 * 20); }
}
@media (max-width: 1280px) {
	.core-product .con .list .li { font-size: 12px; }
}
@media (max-width: 1199px) {
	.core-product .con .list .li { margin-top: calc(100vw / 1920 * 40); }
	.core-product .con .list .more { font-size: 12px; width: 130px; height: 34px; }
}
@media (max-width: 1080px) {
	.core-product .con { padding: 0 calc(100vw / 1920 * 30); }
	.core-product .con .list { margin: 0 calc(100vw / 1920 * 15); }
}
@media (max-width: 991px) {
	.core-product .con .list { height: calc(100vw / 1680 * 840); }
	.core-product .con .list .li .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.core-product { padding-top: 30px; }
	.core-product .title { font-size: 18px; }
	.core-product .title::before { display: none; }
	.core-product .title::after { display: none; }
	.core-product .con { margin-top: 30px; padding: 0; }
	.core-product .con .list { width: 100%; min-height: 100vw; height: auto; margin: 0; padding: 20px; clip-path: initial; flex: initial; justify-content: center; }
	.core-product .con .list .li .text { margin-top: 10px; }
	.core-product .con .list .li { margin-top: 20px; }
	.core-product .con .list .more { margin-top: 20px; }
}




/* 案例展示 */
.core-case {
	background-color: #f5f5f5; padding: calc(100vw / 1920 * 106) calc(100vw / 1920 * 190) calc(100vw / 1920 * 52); margin-top: calc(100vw / 1920 * 160);
}
.core-case .top { display: flex; justify-content: space-between; align-items: flex-end; }
.core-case .top .h2 { font-size: calc(100vw / 1920 * 32); }
.core-case .box { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 34); }
.core-case .link { display: flex; flex-direction: column; font-size: calc(100vw / 1920 * 20); width: 10%; }
.core-case .link > a { transition: color var(--time); margin: calc(100vw / 1920 * 29) 0; }
.core-case .link > a:last-child { margin-bottom: 0; }
.core-case .link > a.active { color: #1932bd; }
.core-case .con { position: relative; width: 90%; }
.core-case .con .list { opacity: 0; visibility: hidden; z-index: -1; transition: all var(--time); }
.core-case .con .list.active { opacity: 1; visibility: visible; z-index: 1; }
.core-case .con .list:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; }
.core-case-slick { padding-bottom: calc(100vw / 1920 * 40); }
.core-case-slick .slick-list { margin: 0 calc(100vw / 1920 * -17); }
.core-case-slick .slick-slide { margin: 0 calc(100vw / 1920 * 17); }
.core-case-slick .slick-slide .img.i-box { padding-bottom: 68.36734693877551%; }
.core-case-slick .slick-slide .h3 { text-align: center; font-size: 16px; margin-top: calc(100vw / 1920 * 23); }
.core-case-slick .slick-dots { bottom: 0; }
.core-case-slick .slick-dots li button { width: 15px; height: 15px; background-color: rgb(25,50,189,.4); }
.core-case-slick .slick-dots li.slick-active button { background-color: #1932bd; }

@media (max-width: 1680px) {
	.core-case .link { font-size: 18px; }
	.core-case-slick .slick-slide .h3 { font-size: 15px; }
}
@media (max-width: 1440px) {
	.core-case .link { font-size: 16px; }
	.core-case-slick .slick-slide .h3 { font-size: 14px; }
}
@media (max-width: 1199px) {
	.core-case { padding: calc(100vw / 1920 * 106) calc(100vw / 1920 * 120) calc(100vw / 1920 * 52); }
	.core-case .top .h2 { font-size: 18px; }
	.core-case-slick { padding-bottom: 25px; }
	.core-case .link { font-size: 14px; }
}
@media (max-width: 767px) {
	.core-case { margin-top: 0; padding: 30px 6.25%; }
	.core-case .top { flex-wrap: wrap; }
	.core-case .box { margin-top: 0; }
	.core-case .link { width: 100%; justify-content: flex-end; flex-direction: row; font-size: 14px; margin-top: 20px; }
	.core-case .link > a { margin: 0 6px; }
	.core-case .con { margin-top: 20px; width: 100%; }
	.core-case-slick .slick-slide .h3 { margin-top: 15px; }
	.core-case-slick .slick-dots li button { width: 10px; height: 10px; }
}




/* 在线留言 */
.online-message { position: relative; font-size: 16px; }
.online-message .bg { position: relative; width: 100%; height: calc(100vw / 1920 * 700); margin-bottom: calc(100vw / 1920 * 300); }
.online-message .bg::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,10,159,.6);
}
.online-message .container {
	position: absolute; top: 0; left: 0; width: 100%;
	padding: calc(100vw / 1920 * 84) calc(100vw / 1920 * 190) 0;
}
.online-message .h3 { text-align: center; color: #fff; font-size: calc(100vw / 1920 * 32); }
.online-message .con {
	display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #f6f7f9;
	margin-top: calc(100vw / 1920 * 80); padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 54) calc(100vw / 1920 * 56);
}
.online-message .con .left { background-color: #fff; width: 68.785%; }
.online-message .con .left .top {
	display: flex; color: #fff; background-color: #6f7fa0;
	font-size: calc(100vw / 1920 * 20); height: calc(100vw / 1920 * 68);
}
.online-message .con .left .top p { display: flex; align-items: center; position: relative; padding-left: calc(100vw / 1920 * 90); }
.online-message .con .left .top .p1 { width: 33.503%; background-color: #8897b6; }
.online-message .con .left .top .p1::after {
	content: ''; position: absolute; top: 0; right: 1px; width: calc(100vw / 1920 * 27); height: 100%;
	transform: translateX(100%); z-index: 1; background-color: #8897b6;
	clip-path: polygon(0% 0%, 100% 50%, 0 100%);
}
.online-message .con .left .top .p2 { width: 32.488%; background-color: #7e8dac; }
.online-message .con .left .top .p2::after {
	content: ''; position: absolute; top: 0; right: 1px; width: calc(100vw / 1920 * 27); height: 100%;
	transform: translateX(100%); z-index: 1; background-color: #7e8dac;
	clip-path: polygon(0% 0%, 100% 50%, 0 100%);
}
.online-message .con .left .bottom { padding: calc(100vw / 1920 * 55) calc(100vw / 1920 * 46); }
.online-message .con .left .bottom .form { display: flex; flex-direction: column; align-items: flex-start; }
.online-message .con .left .bottom .form input {
	width: calc(100vw / 1920 * 454); height: calc(100vw / 1920 * 53); background-color: #f6f7f9; padding: 0 calc(100vw / 1920 * 24); margin-bottom: calc(100vw / 1920 * 17);
}
.online-message .con .left .bottom .form input::placeholder { color: #333; }
.online-message .con .left .bottom .form select {
	background-image: url(../images/online-message-icon.png); background-size: auto; background-repeat: no-repeat; background-position: 96.5% center;
	appearance: none; background-color: #f6f7f9; color: #333;
	width: calc(100vw / 1920 * 454); height: calc(100vw / 1920 * 53); padding: 0 calc(100vw / 1920 * 24); margin-bottom: calc(100vw / 1920 * 17);
}
.online-message .con .left .bottom .form textarea {
	width: 100%; height: calc(100vw / 1920 * 127); background-color: #f6f7f9; padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 22); 
}
.online-message .con .left .bottom .form textarea::placeholder { color: rgba(51,51,51,.5); }
.online-message .con .left .bottom .form .but {
	width: calc(100vw / 1920 * 215); height: calc(100vw / 1920 * 53); background-color: #1932bd; color: #fff; margin-top: calc(100vw / 1920 * 23); cursor: pointer; padding-top: 1px;
}
.online-message .con .right { background-color: #fff; width: 29.679%; padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 52) calc(100vw / 1920 * 30); }
.online-message .con .right .top { color: #666; line-height: 1.875; text-align: center; border-bottom: 1px solid #f1f1f2; padding-bottom: calc(100vw / 1920 * 26); }
.online-message .con .right .top .h4 { line-height: 1; font-size: calc(100vw / 1920 * 26); color: #1932bd; margin-bottom: calc(100vw / 1920 * 20); }
.online-message .con .right .bottom { text-align: center; padding-top: calc(100vw / 1920 * 32); }
.online-message .con .right .bottom .img { width: calc(100vw / 1920 * 147); height: calc(100vw / 1920 * 123); margin: 0 auto; }
.online-message .con .right .bottom .img img { width: 100%; height: 100%; }
.online-message .con .right .bottom .tit { color: #666; margin-top: calc(100vw / 1920 * 18); }
.online-message .con .right .bottom .more {
	display: flex; align-items: center; justify-content: center; margin: calc(100vw / 1920 * 25) auto 0; color: #1932bd;
	width: calc(100vw / 1920 * 130); height: calc(100vw / 1920 * 37); border: 1px solid #1932bd; border-radius: 20px; padding-top: 3px;
	transition: background-color var(--time), color var(--time);
}
.online-message .con .right .bottom .more:hover { background-color: #1932bd; color: #fff; }
.online-message .con .right .bottom .box {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #1932bd;
	width: 100%; height: calc(100vw / 1920 * 96); background-color: #f6f7f9; margin-top: calc(100vw / 1920 * 28); padding: 0 calc(100vw / 1920 * 23);
}
.online-message .con .right .bottom .box .tel { font-size: calc(100vw / 1920 * 32); margin-top: calc(100vw / 1920 * 10); }

@media (max-width: 1680px) {
	.online-message { font-size: 15px; }
	.online-message .con .right .bottom .more { padding-top: 1px; }
}
@media (max-width: 1440px) {
	.online-message { font-size: 14px; }
	.online-message .bg { margin-bottom: 250px; }
	.online-message .con .left .top { font-size: 15px; height: 50px; }
	.online-message .con .left .bottom .form input { height: 40px; }
	.online-message .con .left .bottom .form select { height: 40px; }
	.online-message .con .left .bottom .form textarea { height: 95px; }
	.online-message .con .left .bottom .form .but { height: 40px; }
	.online-message .con .right .bottom .more { width: 98px; height: 28px; padding-top: 0; }
	.online-message .con .right .bottom .box { height: 72px; }
}
@media (max-width: 1199px) {
	.online-message { font-size: 13px; }
	.online-message .container { padding: calc(100vw / 1920 * 84) calc(100vw / 1920 * 120) 0; }
	.online-message .con .right .top .h4 { font-size: 16px; }
}
@media (max-width: 991px) {
	.online-message { font-size: 12px; }
	.online-message .h3 { font-size: 18px; }
	.online-message .con .left .top { height: 40px; font-size: 14px; }
	.online-message .con .left .bottom { padding: calc(100vw / 1920 * 46); }
	.online-message .con .right { padding: calc(100vw / 1920 * 40); }
	.online-message .con .right .bottom .box .tel { font-size: 16px; margin-top: 6px; }
}
@media (max-width: 767px) {
	.online-message { padding-bottom: 30px; }
	.online-message .bg { height: 400px; margin-bottom: 0; }
	.online-message .container { padding: 30px 6.25% 0; position: relative; z-index: 1; margin-top: -400px; }
	.online-message .h3 { line-height: 1.4; }
	.online-message .con { margin-top: 30px; padding: 20px; }
	.online-message .con .left { width: 100%; }
	.online-message .con .left .top { font-size: 12px; height: 34px; }
	.online-message .con .left .top p { padding-left: 0; justify-content: center; width: 33.33% !important; }
	.online-message .con .left .top .p1::after { width: 10px; }
	.online-message .con .left .top .p2::after { width: 10px; }
	.online-message .con .left .bottom { padding: 15px; }
	.online-message .con .left .bottom .form input { width: 100%; height: 34px; padding: 0 15px; margin-bottom: 10px; }
	.online-message .con .left .bottom .form select { width: 100%; height: 34px; padding: 0 15px; margin-bottom: 10px; }
	.online-message .con .left .bottom .form textarea { height: 70px; padding: 15px; }
	.online-message .con .left .bottom .form .but { width: 100%; height: 34px; margin-top: 10px; }
	.online-message .con .right { width: 100%; padding: 15px; }
	.online-message .con .right .top { padding-bottom: 10px; }
	.online-message .con .right .top .h4 { margin-bottom: 10px; }
	.online-message .con .right .bottom { padding-top: 14px; }
	.online-message .con .right .bottom .img { width: 74px; height: 62px; }
	.online-message .con .right .bottom .tit { margin-top: 10px; }
	.online-message .con .right .bottom .more { margin: 10px auto 0; }
	.online-message .con .right .bottom .box { height: auto; margin-top: 10px; padding: 15px; align-items: center; }
	.online-message .con .right .bottom .box .tel { font-size: 18px; }
}




/* 苯乙烯类热塑性弹性体 */
.core-about { display: flex; flex-wrap: wrap; height: calc(100vw / 1920 * 500); margin-top: calc(100vw / 1920 * 84); padding: 0 calc(100vw / 1920 * 190); }
.core-about>div { width: 50%; height: 100%; }
.core-about .left {
	display: flex; flex-direction: column; justify-content: center; padding-top: calc(100vw / 1920 * 30); padding-right: calc(100vw / 1920 * 50);
	clip-path: polygon(0% 12%, 100% 0, 100% 100%, 0 100%); position: relative; color: #fff;
}
.core-about .left::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(25,50,189, .7); z-index: -1;
}
.core-about .left .tit { font-size: calc(100vw / 1920 * 24); padding: 0 calc(100vw / 1920 * 54); }
.core-about .left .list { display: flex; flex-wrap: wrap; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 68); }
.core-about .left .list .li { width: 33.33%; text-align: center; }
.core-about .left .list .li .icon {
	display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; margin: 0 auto;
	width: calc(100vw / 1920 * 97); height: calc(100vw / 1920 * 97);
}
.core-about .left .list .li .icon img { width: calc(100vw / 1920 * 51); height: calc(100vw / 1920 * 54); }
.core-about .left .list .li p { margin-top: calc(100vw / 1920 * 32); }
.core-about .right {
	display: flex; flex-direction: column; justify-content: center; color: #fff; line-height: 1.5; position: relative;
	padding: 0 calc(100vw / 1920 * 40) calc(100vw / 1920 * 44) calc(100vw / 1920 * 85);
	clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%); margin-top: calc(100vw / 1920 * 28); font-size: calc(100vw / 1920 * 20);
}
.core-about .right::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(38, 54, 79, .9); }
.core-about .right .logo { width: calc(100vw / 1920 * 277); height: calc(100vw / 1920 * 137); margin-left: calc(100vw / 1920 * 150); }
.core-about .right .logo img { width: 100%; height: 100%; }
.core-about .right .des { margin-top: calc(100vw / 1920 * 60); }
.core-about .right .more {
	display: flex; align-items: center; justify-content: center; background-color: #fec210; color: #333;
	width: calc(100vw / 1920 * 169); height: calc(100vw / 1920 * 54); border-radius: 27px; margin-top: calc(100vw / 1920 * 38);
}

@media (max-width: 1199px) {
	.core-about { padding: 0 6.25%; height: calc(100vw / 1920 * 600); }
	.core-about .left { padding: 0 calc(100vw / 1920 * 30); }
	.core-about .left .tit { font-size: 15px; line-height: 1.2; padding: 0; text-align: center; }
	.core-about .left .list { font-size: 12px; }
	.core-about .right { font-size: 12px; }
	.core-about .right .logo { margin-left: calc(100vw / 1920 * 190) }
	.core-about .right .more { width: 105px; height: 33px; }
}
@media (max-width: 991px) {
	.core-about .left .tit { font-size: 14px; }
}
@media (max-width: 767px) {
	.core-about { height: auto; }
	.core-about>div { width: 100%; min-height: 250px; }
	.core-about .left { padding: 0 20px; clip-path: initial; z-index: 1; }
	.core-about .left .list { margin-top: 20px; }
	.core-about .left .list .li .icon { width: 50px; height: 50px; }
	.core-about .left .list .li .icon img { width: 20px; height: 21px; }
	.core-about .left .list .li p { margin-top: 15px; line-height: 1.4; }
	.core-about .right { margin-top: 0; padding: 0 20px; clip-path: initial; }
	.core-about .right .logo { margin: 0 auto; width: 90px; height: 44px; }
	.core-about .right .des { margin-top: 15px; }
	.core-about .right .more { margin-top: 20px; }
	
}


/* 生产中心展示 */
.core-produce { background-color: #f5f5f5; overflow: hidden; margin-top: calc(100vw / 1920 * 153); padding: calc(100vw / 1920 * 114) calc(100vw / 1920 * 190) calc(100vw / 1920 * 94); }
.core-produce .title { display: flex; justify-content: center; position: relative; font-size: calc(100vw / 1920 * 36); }
.core-produce .title::before {
	content: ''; position: absolute; top: -50%; left: -100%; width: 1000%; height: 33px;
	background: url(../images/core-product-line1.png) left bottom repeat-x;
	animation: line 400s linear infinite;
}
.core-produce .title::after {
	content: ''; position: absolute; bottom: -50%; left: -100%; width: 1000%; height: 33px;
	background: url(../images/core-product-line2.png) left bottom repeat-x; transform: rotate(-180deg);
	animation: line 400s linear infinite;
}
@keyframes line {
	0%, 100% { background-position-x: 0; }
	50% { background-position-x: -100%; }
}
.core-produce .con { margin-top: calc(100vw / 1920 * 92); }
.core-produce-slick .slick-list { margin: 0 calc(100vw / 1920 * -17); }
.core-produce-slick .slick-slide { margin: 0 calc(100vw / 1920 * 17); }
.core-produce-slick .slick-slide .img.i-box { padding-bottom: 68.36734693877551%; }
.core-produce-slick .slick-slide .h3 { text-align: center; margin-top: calc(100vw / 1920 * 23); }
.core-produce-slick .slick-arrow { width: calc(100vw / 1920 * 48); height: calc(100vw / 1920 * 48); border: none; background-color: #fec210; top: calc(50% - 20px); }
.core-produce-slick .slick-arrow:hover { background-color: #1932bd; border: none; }
.core-produce-slick .slick-prev { left: 20px; }
.core-produce-slick .slick-next { right: 20px; }
.core-produce-slick .slick-arrow:after { font-size: calc(100vw / 1920 * 25); }

@media (max-width: 1440px) {
	.core-produce-slick .slick-arrow { width: 36px; height: 36px; }
	.core-produce-slick .slick-arrow:after { font-size: 18px; }
}
@media (max-width: 1199px) {
	.core-produce { padding: calc(100vw / 1920 * 114) 6.25% calc(100vw / 1920 * 94) }
	.core-produce-slick .slick-slide .h3 { font-size: 14px; margin-top: 15px; }
}
@media (max-width: 991px) {
	.core-produce .title { font-size: 18px; }
}
@media (max-width: 767px) {
	.core-produce { padding: 30px 6.25%; }
	.core-produce .title::before { display: none; }
	.core-produce .title::after { display: none; }
	.core-produce .con { margin-top: 30px; }
	.core-produce-slick .slick-prev { left: 15px; }
	.core-produce-slick .slick-next { right: 15px; }
	.core-produce-slick .slick-slide .h3 { font-size: 16px; }
}


/* SIS的应用领域 */
.core-app { padding: calc(100vw / 1920 * 105) calc(100vw / 1920 * 190) calc(100vw / 1920 * 110); overflow: hidden; }
.core-app .h2 { text-align: center; font-size: calc(100vw / 1920 * 36); }
.core-app .con { margin-top: calc(100vw / 1920 * 90); color: #fff; float: left; position: relative; }
.core-app .con .line {
	position: absolute; bottom: 0; left: 50%; width: 1px; height: 107.3%; background-color: #e5e5e5;
}
.core-app .con .line .dot { width: 7px; height: 7px; border-radius: 50%; background-color: #e5e5e5; position: absolute; transform: translateX(-50%); }
.core-app .con .line .dot.d1 { top: calc(100vw / 1920 * 164); }
.core-app .con .line .dot.d2 { top: calc(100vw / 1920 * 474); }
.core-app .con .line .dot.d3 { bottom: calc(100vw / 1920 * 45); }
.core-app .con .li {
	display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.75; overflow: hidden;
	position: relative; z-index: 1; float: left; width: 22.728%; margin-top: 2.598%; margin-right: 2.598%; padding: 0 2.598%;
}
.core-app .con .li::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(25,50,189,.7); z-index: -1;
	opacity: 0; transition: opacity var(--time);
}
.core-app .con .li:hover::before { opacity: 1; }
.core-app .con .li:nth-child(1) { height: calc(100vw / 1920 * 590); margin-top: 4.221%; }
.core-app .con .li:nth-child(2) { height: calc(100vw / 1920 * 400); margin-top: 0; margin-right: 3.89%; }
.core-app .con .li:nth-child(3) { height: calc(100vw / 1920 * 400); margin-top: 0; }
.core-app .con .li:nth-child(4) { height: calc(100vw / 1920 * 275); float: right; margin-top: 4.221%; margin-right: 0; }
.core-app .con .li:nth-child(5) { height: calc(100vw / 1920 * 275); float: right; margin-right: 0; }
.core-app .con .li:nth-child(6) { height: calc(100vw / 1920 * 320); margin-right: 3.89%; }
.core-app .con .li:nth-child(7) { height: calc(100vw / 1920 * 320); }
.core-app .con .li .h3 { font-size: calc(100vw / 1920 * 24); }
.core-app .con .li .text { max-height: 0; transition: margin .8s, max-height 1s; overflow: hidden; }
.core-app .con .li:hover .text { margin-top: calc(100vw / 1920 * 25); max-height: 10.5em; }

@media (max-width: 1680px) {
	.core-app .con .li .text { font-size: 15px; }
}
@media (max-width: 1440px) {
	.core-app .con .li { line-height: 1.5; }
	.core-app .con .li .text { font-size: 14px; }
	.core-app .con .li:hover .text { max-height: 9em; }
}
@media (max-width: 1199px) {
	.core-app { padding: calc(100vw / 1920 * 105) 6.25% calc(100vw / 1920 * 110); }
	.core-app .con .li:nth-child(1) { height: calc(100vw / 1440 * 590); }
	.core-app .con .li:nth-child(2) { height: calc(100vw / 1440 * 400); }
	.core-app .con .li:nth-child(3) { height: calc(100vw / 1440 * 400); }
	.core-app .con .li:nth-child(4) { height: calc(100vw / 1440 * 275); }
	.core-app .con .li:nth-child(5) { height: calc(100vw / 1440 * 275); }
	.core-app .con .li:nth-child(6) { height: calc(100vw / 1440 * 320); }
	.core-app .con .li:nth-child(7) { height: calc(100vw / 1440 * 320); }
	.core-app .con .li .h3 { font-size: 16px; }
	.core-app .con .line { height: 105%; }
	.core-app .con .line .dot.d1 { top: calc(100vw / 1440 * 164); }
	.core-app .con .line .dot.d2 { top: calc(100vw / 1440 * 450); }
	.core-app .con .line .dot.d3 { bottom: calc(100vw / 1440 * 45); }
}
@media (max-width: 991px) {
	.core-app .h2 { font-size: 18px; }
	.core-app .con .li { padding: 0 2%; }
	.core-app .con .li .h3 { font-size: 14px; }
	.core-app .con .li .text { font-size: 12px; }
	.core-app .con .li:nth-child(1) { height: calc(100vw / 1199 * 590); }
	.core-app .con .li:nth-child(2) { height: calc(100vw / 1199 * 400); }
	.core-app .con .li:nth-child(3) { height: calc(100vw / 1199 * 400); }
	.core-app .con .li:nth-child(4) { height: calc(100vw / 1199 * 275); }
	.core-app .con .li:nth-child(5) { height: calc(100vw / 1199 * 275); }
	.core-app .con .li:nth-child(6) { height: calc(100vw / 1199 * 320); }
	.core-app .con .li:nth-child(7) { height: calc(100vw / 1199 * 320); }
	.core-app .con .line .dot.d1 { top: calc(100vw / 1199 * 164); }
	.core-app .con .line .dot.d2 { top: calc(100vw / 1199 * 450); }
	.core-app .con .line .dot.d3 { bottom: calc(100vw / 1199 * 45); }
}
@media (max-width: 767px) {
	.core-app { padding: 30px 6.25%; }
	.core-app .con { margin-top: 30px; }
	.core-app .con .li { width: 100%; margin-right: 0 !important; padding: 0 20px; margin-top: 0 !important; margin-bottom: 10px; height: 50vw !important; }
	.core-app .con .li::before { opacity: 1 !important; background: rgba(25,50,189,.5); }
	.core-app .con .li .text { margin-top: 5px !important; font-size: 13px; max-height: 100%; }
	.core-app .con .li .h3 { font-size: 16px; }
	.core-app .con .line { display: none; }
}




/* 医用贴剂产业系统解决方案 */
.core-plan { padding: calc(100vw / 1920 * 78) calc(100vw / 1920 * 190) calc(100vw / 1920 * 100); }
.core-plan .container { position: relative; }
.core-plan .left {
	background: #1932bd; color: #fff; position: relative; z-index: 1; clip-path: polygon(6.88% 0, 100% 0, 93.5% 100%, 0 100%);
	width: 50%; padding: calc(100vw / 1920 * 62) calc(100vw / 1920 * 97) calc(100vw / 1920 * 64) calc(100vw / 1920 * 87);
}
.core-plan .left .h2 { font-size: calc(100vw / 1920 * 36); }
.core-plan .left .h3 { font-size: calc(100vw / 1920 * 24); line-height: 1.25; margin-top: calc(100vw / 1920 * 16); }
.core-plan .left .p1 { font-size: calc(100vw / 1920 * 18); line-height: 2; white-space: pre-line; margin-top: calc(100vw / 1920 * 30); }
.core-plan .left .more {
	display: flex; align-items: center; justify-content: center; background: #fec210; border-radius: 24px;
	width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 48); font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 46);
}
.core-plan .right { position: absolute; top: 0; right: 0; height: 100%; width: 53.3%; }
.core-plan .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 60); }
.core-plan .list .li { width: 18.182%; margin-right: 2.27%; background: #f5f3f3; transition: background var(--time); }
.core-plan .list .li:hover { background: #1932bd; }
.core-plan .list .li:last-child { margin-right: 0; }
.core-plan .list .li .img.i-box { padding-bottom: 78.57142857142857%; }
.core-plan .list .li .tit { transition: color var(--time); text-align: center; line-height: 1.5; font-size: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 30) calc(100vw / 1920 * 22); }
.core-plan .list .li .tit p { white-space: pre-line; }
.core-plan .list .li:hover .tit { color: #fff; }

@media (max-width: 1440px) {
	.core-plan .left .p1 { font-size: 14px; }
}
@media (max-width: 1199px) {
	.core-plan { padding: calc(100vw / 1920 * 78) 6.25% calc(100vw / 1920 * 100); }
	.core-plan .left .h3 { font-size: 14px; }
	.core-plan .left .p1 { font-size: 12px; }
	.core-plan .left .more { font-size: 12px; width: 126px; height: 30px; }
	.core-plan .list .li .tit { font-size: 12px; }
}
@media (max-width: 991px) {
	.core-plan .left .h2 { font-size: 18px; }
	.core-plan .list .li .tit p { white-space: initial; }
}
@media (max-width: 767px) {
	.core-plan { padding: 20px 6.25% 30px; }
	.core-plan .container { display: flex; flex-wrap: wrap; }
	.core-plan .left { width: 100%; order: 2; clip-path: initial; padding: 15px; }
	.core-plan .left .h2 { font-size: 16px; }
	.core-plan .left .h3 { margin-top: 10px; }
	.core-plan .left .p1 { margin-top: 10px; }
	.core-plan .left .more { margin-top: 15px; }
	.core-plan .right { position: relative; width: 100%; height: 200px; }
	.core-plan .list { margin-top: 0; }
	.core-plan .list .li { width: 100%; margin-right: 0; margin-top: 20px; }
	.core-plan .list .li .img img { width: 100%; height: 100%; }
	.core-plan .list .li .tit { font-size: 14px; padding: 15px; }
}




/* 战略合作 */
.core-cooperate { padding: calc(100vw / 1920 * 114) calc(100vw / 1920 * 190) calc(100vw / 1920 * 164); }
.core-cooperate .h2 { font-size: calc(100vw / 1920 * 36); font-weight: bold; text-align: center; }
.core-cooperate .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 52); }
.core-cooperate .list .li { width: 13%; margin-right: 1.49%; margin-bottom: calc(100vw / 1920 * 22); }
.core-cooperate .list .li:nth-child(7n) { margin-right: 0; }
.core-cooperate .list .li .img.i-box { padding-bottom: 62%; }
.core-cooperate .list .li .img img { width: 100%; height: 100%; }

@media (max-width: 1199px) {
	.core-cooperate { padding: calc(100vw / 1920 * 114) 6.25% calc(100vw / 1920 * 164); }
}
@media (max-width: 991px) {
	.core-cooperate .h2 { font-size: 18px; }
}
@media (max-width: 767px) {
	.core-cooperate { padding: 30px 6.25%; }
	.core-cooperate .list { margin-top: 20px; justify-content: space-between; }
	.core-cooperate .list .li { margin-right: 0; width: 48%; margin-bottom: 3vw; }
}




/* 关于圣工 */
.core-link.about-link a { width: calc(100vw / 1920 * 252); margin: 0 calc(100vw / 1920 * 15); }

/* 集团概况 */
.about-group { margin-top: calc(100vw / 1920 * 92); }
.about-group .top {
	position: relative; z-index: 1; color: #fff; clip-path: polygon(0% 0%,100% 0%,100% 83.88%,0% 100%);
	height: calc(100vw / 1920 * 695); padding: calc(100vw / 1920 * 108) calc(100vw / 1920 * 190) 0;
}
.about-group .top::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }
.about-group .top .logo {
	position: absolute; top: 0; right: calc(100vw / 1920 * 213); width: calc(100vw / 1920 * 584); height: calc(100vw / 1920 * 131);
}
.about-group .top .logo::before {
	content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * -20); width: calc(100vw / 1920 * 70); height: 100%;
	background-color: rgba(255,255,255,.2); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 60% 100%);
}
.about-group .top .logo .box {
	display: flex; justify-content: center; width: 100%; height: 100%; background-color: #fff; padding-top: calc(100vw / 1920 * 8);
	clip-path: polygon(0% 0%,100% 0%,93.32% 100%,6.68% 100%);
}
.about-group .top .logo .img { width: calc(100vw / 1920 * 432); }
.about-group .top .logo .img .i-box { padding-bottom: 18.98148148148148%; }

.about-group .top .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.about-group .top .text { line-height: 1.5; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 34); }

.about-group .top .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 68); font-size: calc(100vw / 1920 * 18); }
.about-group .top .list .li { display: flex; flex-direction: column; align-items: center; width: calc(100vw / 1920 * 140); }
.about-group .top .list .li .icon { width: calc(100vw / 1920 * 64); margin-bottom: calc(100vw / 1920 * 20); }
.about-group .top .list .li .icon .i-box { padding-bottom: 93.75%; }
.about-group .top .list .li .box { display: flex; align-items: flex-end; margin-top: calc(100vw / 1920 * 20); }
.about-group .top .list .li .box .num { font-size: calc(100vw / 1920 * 48); line-height: 0.8; }
.about-group .top .list .li .box .i { font-size: calc(100vw / 1920 * 48); line-height: 0.6; }
.about-group .top .list .li .box .d { line-height: 1.2; margin-left: calc(100vw / 1920 * 4); }

@media (max-width: 1199px) {
	.about-group .top { padding: calc(100vw / 1920 * 108) 6.25% 0; }
	.about-group .top .text { font-size: 12px; }
	.about-group .top .list { font-size: 12px; }
	.about-group .top .list .li { width: 88px; }
	.about-group .top .list .li .icon { width: 40px; }
	.about-group .top .list .li .box .num { font-size: 30px; }
}
@media (max-width: 991px) {
	.about-group .top { height: 360px; }
	.about-group .top .h2 { font-size: 18px; }
	.about-group .top .list .li .box .num { font-size: 22px; }
	.about-group .top .list .li .box .i { font-size: 22px; }
}
@media (max-width: 767px) {
	.about-group { margin-top: 0; }
	.about-group .top { height: auto; clip-path: initial; padding: 30px 6.25%; }
	.about-group .top .logo { width: 130px; height: 30px; right: 10%; }
	.about-group .top .logo::before { width: 16px; left: -6px; }
	.about-group .top .logo .box { padding-top: 0; align-items: center; }
	.about-group .top .logo .img { width: 90px; }
	.about-group .top .text { margin-top: 10px; }
	.about-group .top .list { margin-top: 20px; }
	.about-group .top .list .li { width: 33.33%; margin: 10px 0; }
	.about-group .top .list .li .icon { width: 30px; margin-bottom: 8px; }
	.about-group .top .list .li .box { margin-top: 8px; }
	.about-group .top .list .li .box .d { margin-left: 4px; }
	.core-link.about-link a { width: 100%; margin: 0; }
}

.about-group .middle {
	line-height: 1.67; padding: calc(100vw / 1920 * 72) calc(100vw / 1920 * 190) calc(100vw / 1920 * 88); font-size: calc(100vw / 1920 * 18);
}
@media (max-width: 1440px) {
	.about-group .middle { font-size: 14px; }
}
@media (max-width: 1199px) {
	.about-group .middle { padding: calc(100vw / 1920 * 72) 6.25% calc(100vw / 1920 * 88); font-size: 12px; }
}
@media (max-width: 767px) {
	.about-group .middle { padding: 30px 6.25%; }
}

.about-group .bottom {
	display: flex; align-items: center; justify-content: center; padding-bottom: calc(100vw / 1920 * 106);
	position: relative; z-index: 1; color: #fff; height: calc(100vw / 1920 * 852);
}
.about-group .bottom::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); }
.about-group .bottom .box { display: flex; flex-direction: column; align-items: center; }
.about-group .bottom .box > div { font-family: 'iconfont'; font-size: calc(100vw / 1920 * 105); cursor: pointer; display: block !important; }
.about-group .bottom .box > div::after { content: '\e617'; }
.about-group .bottom .box .h3 { font-weight: 100; font-size: calc(100vw / 1920 * 64); margin-top: 1em; }

@media (max-width: 767px) {
	.about-group .bottom { padding-bottom: 0; height: calc(100vw / 1440 * 852); }
	.about-group .bottom .box > div { font-size: 40px; }
	.about-group .bottom .box .h3 { font-size: 18px; }
}




/* 发展历程 */
.about-history { padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 190) 0; }
.about-history .top { display: flex; align-items: flex-end; font-size: calc(100vw / 1920 * 48); }
.about-history .top .en { color: rgba(51,51,51,.2); text-transform: uppercase; font-weight: 100; line-height: 0.8; margin-left: 4px; }
.about-history .bottom { display: flex; border-top: 1px solid #e5e5e5; margin-top: calc(100vw / 1920 * 30); }
.about-history .bottom .left {
	display: block; border-right: 1px solid #e5e5e5; overflow: auto; position: sticky; top: 86px;
	width: 23%; height: calc(100vh - 86px); font-size: calc(100vw / 1920 * 24);
}
.about-history .bottom .left::-webkit-scrollbar { width: 3px; background-color: #eeeded; }
.about-history .bottom .left::-webkit-scrollbar-thumb { background-color: #1932bd; }
.about-history .bottom .left>a {
	display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; transition: color var(--time);
	height: calc(100vw / 1920 * 91); padding: 0 calc(100vw / 1920 * 16);
}
.about-history .bottom .left>a.active { color: #1932bd; }
.about-history .bottom .left>a:hover { color: #1932bd; }
.about-history .bottom .right { overflow: auto; padding: calc(100vw / 1920 * 65) 0 70vh calc(100vw / 1920 * 110); width: 77%; }
.about-history .bottom .right .li .tit {
	display: flex; align-items: center; position: relative; padding: 0 calc(100vw / 1920 * 44); font-size: calc(100vw / 1920 * 20);
	width: calc(100vw / 1920 * 295); height: calc(100vw / 1920 * 46); border-radius: 23px; background-color: #eaeaea;
	transition: background-color var(--time), color var(--time);
}
.about-history .bottom .right .li.active .tit { background-color: #1932bd; color: #fff; }
.about-history .bottom .right .li .tit::before {
	content: ''; position: absolute; top: 50%; left: calc(100vw / 1920 * 18); transform: translateY(-50%);
	width: 10px; height: 10px; background-color: #959595; border-radius: 50%;
	transition: background-color var(--time);
}
.about-history .bottom .right .li.active .tit::before { background-color: #fff; }
.about-history .bottom .right .li { margin-top: calc(100vw / 1920 * 40); }
.about-history .bottom .right .li:first-child { margin-top: 0; }
.about-history .bottom .right .li .con { margin-top: calc(100vw / 1920 * 42); }
.about-history .bottom .right .li .con .h3 { font-size: calc(100vw / 1920 * 24); }
.about-history .bottom .right .li .con .text { font-size: calc(100vw / 1920 * 18); line-height: 2; margin-top: calc(100vw / 1920 * 15); }

@media (max-width: 1440px) {
	.about-history .bottom .left { font-size: 18px; }
	.about-history .bottom .right .li .tit { width: 220px; height: 34px; padding: 0 36px; font-size: 15px; }
	.about-history .bottom .right .li .con .h3 { font-size: 18px; }
	.about-history .bottom .right .li .con .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.about-history { padding: calc(100vw / 1920 * 100) 6.25% 0; }
	.about-history .bottom .left { top: 60px; height: calc(100vh - 60px); }
}
@media (max-width: 991px) {
	.about-history .bottom .left>a { height: 46px; }
}
@media (max-width: 767px) {
	.about-history { padding: 30px 6.25% 0; }
	.about-history .top { font-size: 18px; }
	.about-history .bottom { margin-top: 15px; }
	.about-history .bottom .left { font-size: 16px; width: 70px; }
	.about-history .bottom .left>a { padding: 0; justify-content: center; height: 40px; padding-top: 1px; }
	.about-history .bottom .right { width: calc(100% - 70px); padding: 20px 0 50px 20px; }
	.about-history .bottom .right .li { margin-top: 14px; }
	.about-history .bottom .right .li .tit { width: 100%; }
	.about-history .bottom .right .li .tit::before { left: 16px; }
	.about-history .bottom .right .li .con { margin-top: 16px; }
	.about-history .bottom .right .li .con .h3 { font-size: 16px; line-height: 1.2; }
	.about-history .bottom .right .li .con .text { font-size: 12px; margin-top: 10px; }
}




/* 企业文化 */
.about-culture { position: relative; overflow: hidden; margin-top: calc(100vw / 1920 * 88); }
.about-culture::after {
	content: ''; position: absolute; z-index: 1; right: calc(100vw / 1920 * 96); bottom: 0; width: calc(100vw / 1920 * 920); height: calc(100vw / 1920 * 48);
	background: url(../images/about-culture-bg.png) center / cover no-repeat;
}
.about-culture .list { position: relative; }
.about-culture .list .li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: all var(--time); }
.about-culture .list .li:first-child { position: relative; }
.about-culture .list .li.active { opacity: 1; z-index: 1; }
.about-culture .list .li .img.i-box { padding-bottom: 44.01041666666667%; }
.about-culture .list .li .con { display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: calc(100vw / 1920 * 48) 5.2083333% 0; }
.about-culture .list .li .con .text { color: #fff; font-size: calc(100vw / 1920 * 48); }

.about-culture .link { display: flex; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 100%; color: #fff; height: calc(100vw / 1920 * 164); }
.about-culture .link .li {
	display: flex; align-items: center; justify-content: center; width: 20%; background-color: rgba(0,0,0,.25); position: relative; z-index: 1;
	border-right: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); transition: all var(--time);
}
.about-culture .link .li::after {
	content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: #1932bd; opacity: 0; z-index: -1; transition: opacity var(--time);
}
.about-culture .link .li.active::after { opacity: 1; }
.about-culture .link .li:last-child { border-right: none; }
.about-culture .link .li .h3 { font-size: calc(100vw / 1920 * 32); }
.about-culture .link .li .en { font-size: calc(100vw / 1920 * 16); text-transform: uppercase; margin-top: calc(100vw / 1920 * 16); }

@media (max-width: 1440px) {
	.about-culture .link .li .en { font-size: 12px; }
}
@media (max-width: 991px) {
	.about-culture .link .li .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.about-culture { margin-top: 0; }
	.about-culture::after { display: none; }
	.about-culture .list .li .img.i-box { padding-bottom: 50%; }
	.about-culture .list .li .con { padding: 0 5.2083333%; }
	.about-culture .list .li .con .text { font-size: 18px; }
	.about-culture .link { height: auto; position: initial; }
	.about-culture .link .li { width: 50%; padding: 10px 15px; justify-content: flex-start; }
	.about-culture .link .li:last-child { width: 100%; }
	.about-culture .link .li .en { margin-top: 5px; }
}




/* 荣誉资质 */
.about-title { text-align: center; font-size: calc(100vw / 1920 * 48); }
.about-title .en { text-transform: uppercase; font-weight: bold; color: rgba(51,51,51,.1); margin-top: -1em; }
.about-title.white { color: #fff; }
.about-title.white .en { color: rgba(255,255,255,.1); }
.about-honor { padding: calc(100vw / 1920 * 120) 0 calc(100vw / 1920 * 80); }
.about-honor .con { margin-top: calc(100vw / 1920 * 60); }
.about-honor-slick { padding-bottom: calc(100vw / 1920 * 92); }
.about-honor-slick .item { display: flex; flex-direction: column; align-items: center; border: 1px solid #eee; border-right: none; padding: calc(100vw / 1920 * 50) 0 calc(100vw / 1920 * 40); }
.about-honor-slick .item .img { display: flex; align-items: center; width: calc(100vw / 1920 * 328); height: calc(100vw / 1920 * 470); }
.about-honor-slick .item .h3 { font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 35); line-height: 1.2; text-align: center; padding: 0 20px; }

.about-honor-slick .slick-arrow { top: auto; bottom: 0; transform: translateY(0); background-color: #fec210; border-radius: 0; width: calc(100vw / 1920 * 55); height: calc(100vw / 1920 * 55); }
.about-honor-slick .slick-prev { left: auto; right: calc(100vw / 1920 * 550); }
.about-honor-slick .slick-next { right: calc(100vw / 1920 * 480); }
.about-honor-slick .slick-arrow:after { font-size: calc(100vw / 1920 * 30); }
.about-honor-slick .slick-prev:after { content: '\e660'; margin-right: 3px; }
.about-honor-slick .slick-next:after { content: '\e65f'; margin-left: 3px; }

@media (max-width: 1199px) {
	.about-honor-slick .item .h3 { font-size: 12px; }
	.about-honor-slick .slick-arrow { width: 34px; height: 34px; }
	.about-honor-slick .slick-arrow:after { font-size: 18px; }
	.about-honor-slick .slick-prev:after { margin-right: 1px; }
	.about-honor-slick .slick-next:after { margin-left: 1px; }
}
@media (max-width: 991px) {
	.about-honor-slick { padding-bottom: 50px; }
	.about-honor-slick .item .img { width: calc(100vw / 1440 * 328); height: calc(100vw / 1440 * 456); }
	.about-honor-slick .slick-next { right: calc(100vw / 1920 * 465); }
}
@media (max-width: 767px) {
	.about-title { font-size: 18px; }
	.about-honor { padding: 30px 0; }
	.about-honor .con { margin-top: 25px; }
	.about-honor-slick .item { padding: 6vw 0; }
	.about-honor-slick .item .img { width: calc(100vw / 991 * 328); height: calc(100vw / 991 * 456); }
	.about-honor-slick .item .h3 { margin-top: 15px; }
	.about-honor-slick .slick-prev { right: 100px; }
	.about-honor-slick .slick-next { right: 60px; }
}




/* 合作伙伴 */
.about-partner { clip-path: polygon(0% 8.448%,100% 0%,100% 100%,0% 100%); padding: calc(100vw / 1920 * 206) calc(100vw / 1920 * 170) calc(100vw / 1920 * 110); }
.about-partner .con { margin-top: calc(100vw / 1920 * 75); }
.about-partner-slick { padding-bottom: calc(100vw / 1920 * 60); }
.about-partner-slick .slick-slide .slick-slide { padding: calc(100vw / 1920 * 11); }
.about-partner-slick .item .img.i-box { padding-bottom: 62%; }
.about-partner-slick .slick-dots { bottom: 0; }
.about-partner-slick .slick-dots li { margin: 0 calc(100vw / 1920 * 10); }
.about-partner-slick .slick-dots li button { width: 16px; height: 16px; }
.about-partner-slick .slick-dots li.slick-active button { background-color: #004098; }

@media (max-width: 1199px) {
	.about-partner { padding: calc(100vw / 1920 * 206) 6.25% calc(100vw / 1920 * 110); }
	.about-partner-slick .slick-dots li button { width: 12px; height: 12px; }
}
@media (max-width: 767px) {
	.about-partner { padding: 30px 6.25%; clip-path: initial; }
	.about-partner .con { margin-top: 20px; }
	.about-partner-slick { padding-bottom: 30px; }
	.about-partner-slick .slick-slide .slick-slide { padding: 5px; }
	.about-partner-slick .slick-dots li { margin: 0 4px; }
	.about-partner-slick .slick-dots li button { width: 10px; height: 10px; }
}




/* footer-other */
.footer-other { display: flex; flex-wrap: wrap; position: relative; z-index: 1; color: #fff; }
.footer-other::before {
	content: ''; position: absolute; top: 0; left: 0; width: 67%; height: 100%; z-index: -1;
	background: linear-gradient(to right, rgba(88,98,255,1), transparent);
}
.footer-other .top { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; height: calc(100vw / 1920 * 494); }
.footer-other .top .left { display: flex; flex-direction: column; justify-content: center; padding-left: calc(100vw / 1920 * 190); padding-top: calc(100vw / 1920 * 44); }
.footer-other .top .left .h3 { font-size: calc(100vw / 1920 * 48); }
.footer-other .top .left .text { line-height: 1.8; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 16); }

.footer-other .top .right { display: flex; align-items: flex-end; padding-right: calc(100vw / 1920 * 36); padding-bottom: calc(100vw / 1920 * 64); }
.footer-other .top .right .share { display: flex; flex-direction: column; align-items: center; }
.footer-other .top .right .share>a { position: relative; margin-bottom: calc(100vw / 1920 * 40); }
.footer-other .top .right .share>a:last-child { margin-bottom: 0; }
.footer-other .top .right .share>a::after { font-family: 'iconfont'; font-size: 18px; }
.footer-other .top .right .share .weixin::after { content: '\e61a'; font-size: 21px; }
.footer-other .top .right .share .weibo::after { content: '\e65a'; }
.footer-other .top .right .share .qq::after { content: '\e67f'; }
.footer-other .top .right .share .twitter::after { content: '\e647'; }
.footer-other .top .right .share .toutiao::after { content: '\e602'; }
.footer-other .top .right .share .code {
	position: absolute; top: 50%; left: -15px; min-width: 100px; width: 100px; transform: translate(-110%, -50%);
	opacity: 0; visibility: hidden; transition: all var(--time); z-index: 1;
}
.footer-other .top .right .share a:hover .code { transform: translate(-100%, -50%); opacity: 1; visibility: visible; }

.footer-other .bottom {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: calc(100vw / 1920 * 124);
	background-color: #262c3c; padding: 0 calc(100vw / 1920 * 100) 0 calc(100vw / 1920 * 95); font-size: calc(100vw / 1920 * 16);
}
.footer-other .bottom>div { display: flex; flex-wrap: wrap; }
.footer-other .bottom>div a { margin-left: calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.footer-other .bottom { font-size: 12px; }
}
@media (max-width: 1199px) {
	.footer-other .top .left .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.footer-other { margin-bottom: 50px; }
	.footer-other::before { width: 100%; }
	.footer-other .top { height: auto; padding: 30px 6.25%; }
	.footer-other .top .left { padding: 0; }
	.footer-other .top .left .h3 { font-size: 16px; }
	.footer-other .top .left .text { margin-top: 10px; }
	.footer-other .top .right { padding: 0; width: 100%; }
	.footer-other .top .right .share { padding: 30px 40px 0; width: 100%; flex-direction: row; justify-content: space-between; }
	.footer-other .top .right .share>a { margin-bottom: 0; }
	.footer-other .top .right .share .code { top: -10px; left: 50%; transform: translate(-50%,-110%); }
	.footer-other .top .right .share a:hover .code { transform: translate(-50%,-100%); }
	.footer-other .bottom { height: auto; padding: 20px 6.25%; }
	.footer-other .bottom>div { justify-content: center; width: 100%; line-height: 1.5; text-align: center; }
	.footer-other .bottom>div a { margin-left: 10px; }
}




/* 伊克优化工 */
.ykuce-group {
	position: relative; z-index: 1; color: #fff; clip-path: polygon(0% 0%,100% 0%,100% 83.88%,0% 100%); margin-top: calc(100vw / 1920 * 116);
	padding: calc(100vw / 1920 * 138) calc(100vw / 1920 * 190) calc(100vw / 1920 * 154);
}
.ykuce-group::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }
.ykuce-group .logo {
	position: absolute; top: 0; right: calc(100vw / 1920 * 222); width: calc(100vw / 1920 * 584); height: calc(100vw / 1920 * 131);
}
.ykuce-group .logo::before {
	content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * -20); width: calc(100vw / 1920 * 70); height: 100%;
	background-color: rgba(255,255,255,.2); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 60% 100%);
}
.ykuce-group .logo .box {
	display: flex; justify-content: center; width: 100%; height: 100%; background-color: #fff;
	clip-path: polygon(0% 0%,100% 0%,93.32% 100%,6.68% 100%);
}
.ykuce-group .logo .img { width: calc(100vw / 1920 * 402); }
.ykuce-group .logo .img .i-box { padding-bottom: 21.64179104477612%; }

.ykuce-group .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.ykuce-group .text { line-height: 1.67; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 36); }

@media (max-width: 1440px) {
	.ykuce-group .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.ykuce-group { padding: calc(100vw / 1920 * 138) 6.25% calc(100vw / 1920 * 154); }
	.ykuce-group .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.ykuce-group .h2 { font-size: 18px; }
}
@media (max-width: 767px) {
	.ykuce-group { margin-top: 0; clip-path: initial; padding: 40px 6.25% 30px; }
	.ykuce-group .logo { width: 130px; height: 30px; right: 10%; }
	.ykuce-group .logo::before { width: 16px; left: -6px; }
	.ykuce-group .logo .box { align-items: center; }
	.ykuce-group .logo .img { width: 90px; }
	.ykuce-group .text { margin-top: 10px; }
}


/* 伊克优化工-荣誉资质 */
.ykuce-honor { padding: calc(100vw / 1920 * 46) calc(100vw / 1920 * 170) calc(100vw / 1920 * 76); }
.ykuce-honor .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.ykuce-honor .con { margin-top: calc(100vw / 1920 * 46); }

.ykuce-honor-slick { padding-bottom: 20px; }
.ykuce-honor-slick .slick-slide .slick-slide { padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 16); }
.ykuce-honor-slick .item .box {
	background-color: #e7ecff; transition: background-color var(--time); clip-path: polygon(3.8889% 0%,100% 0%,96.1111% 100%,0% 100%);
	padding: calc(100vw / 1920 * 24) calc(100vw / 1920 * 28);
}
.ykuce-honor-slick .item:hover .box { background-color: #1932bd; }
.ykuce-honor-slick .item .box .img { background-color: transparent; padding: 5px; transition: background-color var(--time); }
.ykuce-honor-slick .item .box .img .i-box { padding-bottom: 65.52901023890785%; }
.ykuce-honor-slick .item:hover .box .img { background-color: #fff; }
.ykuce-honor-slick .item .h3 {
	text-align: center; line-height: 1.2; transition: color var(--time);
	font-size: calc(100vw / 1920 * 16); margin-top: calc(100vw / 1920 * 24);
}
.ykuce-honor-slick .item:hover .h3 { color: #1932bd; }
.ykuce-honor-slick  .slick-dots li button { background-color: #ddd; }

@media (max-width: 1440px) {
	.ykuce-honor-slick .item .h3 { font-size: 12px; }
}
@media (max-width: 1199px) {
	.ykuce-honor { padding: calc(100vw / 1920 * 46) calc(100vw / 1920 * 100) calc(100vw / 1920 * 76); }
}
@media (max-width: 991px) {
	.ykuce-honor-slick .item .box { padding: 16px; }
	.ykuce-honor-slick .item .box .img { padding: 3px; }
}
@media (max-width: 767px) {
	.ykuce-honor { padding: 30px 6.25%; }
	.ykuce-honor .h2 { font-size: 18px; }
	.ykuce-honor .con { margin-top: 20px; }
	.ykuce-honor-slick .slick-slide .slick-slide { padding: 5px; }
	.ykuce-honor-slick .item .box { padding: 12px; }
	.ykuce-honor-slick .item .box .img { padding: 2px; }
	.ykuce-honor-slick .item .h3 { margin-top: 10px; }
}


/* 伊克优化工-研发生产 */
.ykuce-produce .top { display: flex; flex-wrap: wrap; clip-path: polygon(0% 7.403%,50.3646% 7.403%,100% 0%,100% 100%,0% 100%); overflow: hidden; }
.ykuce-produce .top .left {
	color: #fff; width: 50.3646%; display: flex; flex-direction: column; justify-content: center;
	padding: 0 calc(100vw / 1920 * 54) calc(100vw / 1920 * 58) calc(100vw / 1920 * 190);
}
.ykuce-produce .top .left .h2 { font-size: calc(100vw / 1920 * 48); }
.ykuce-produce .top .left .text { line-height: 1.67; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 54); }
.ykuce-produce .top .right { width: 49.6354% }
.ykuce-produce .top .right .img.i-box { padding-bottom: 83.63064008394544%; }

.ykuce-produce .bottom {
	display: flex; flex-wrap: wrap; background-color: #fff; position: relative; z-index: 1; width: 86.9792%;
	margin: calc(100vw / 1920 * -124) auto 0; padding: calc(100vw / 1920 * 62) calc(100vw / 1920 * 66) calc(100vw / 1920 * 26);
}
.ykuce-produce .bottom .li { width: 31.795%; margin-right: 2.298%; margin-bottom: calc(100vw / 1920 * 36); }
.ykuce-produce .bottom .li:nth-child(3n) { margin-right: 0; }
.ykuce-produce .bottom .li .img.i-box { padding-bottom: 47.85276073619632%; }

@media (max-width: 1440px) {
	.ykuce-produce .top .left .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.ykuce-produce .top .left { padding: 0 calc(100vw / 1920 * 54) calc(100vw / 1920 * 58) calc(100vw / 1920 * 120); }
	.ykuce-produce .top .left .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.ykuce-produce .top .right .img.i-box { padding-bottom: 110%; }
}
@media (max-width: 767px) {
	.ykuce-produce .top { clip-path: initial; }
	.ykuce-produce .top .left { width: 100%; order: 2; padding: 20px 6.25%; }
	.ykuce-produce .top .left .h2 { font-size: 18px; }
	.ykuce-produce .top .left .text { margin-top: 10px; }
	.ykuce-produce .top .right { width: 100%; }
	.ykuce-produce .top .right .img.i-box { padding-bottom: 83.63064008394544%; }
	.ykuce-produce .bottom { width: 100%; margin: 0; padding: 20px 6.25% 10px; }
	.ykuce-produce .bottom .li { width: 100%; margin-right: 0; margin-bottom: 10px; }
}


/* 伊克优化工-主营业务 */
.anchor-box { position: relative; top: -85px; }
.ykuce-business { padding: 0 calc(100vw / 1920 * 190); margin-top: calc(100vw / 1920 * 32); }
.ykuce-business .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.ykuce-business .link { display: flex; justify-content: center; margin-top: calc(100vw / 1920 * 32); }
.ykuce-business .link a {
	display: flex; align-items: center; justify-content: center; color: #000; position: relative; border-radius: 28px;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden; padding: 0 18px;
	min-width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 56); margin: 0 calc(100vw / 1920 * 10);
	font-size: calc(100vw / 1920 * 24);
}
.ykuce-business .link a::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.ykuce-business .link a:hover { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.ykuce-business .link a.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.ykuce-business .con { margin-top: calc(100vw / 1920 * 44); }
.ykuce-business .con .box { font-size: calc(100vw / 1920 * 18); margin-bottom: calc(100vw / 1920 * 70); }
.ykuce-business .con .box:last-child { margin-bottom: 0; }
.ykuce-business .con .box table { width: 100%; }
.ykuce-business .con .box table tr:first-child { white-space: nowrap; background-color:#1932bd; color: #fff; font-size: calc(100vw / 1920 * 20); }
.ykuce-business .con .box table tr td { border: 1px solid #eaeaec; line-height: 1.67; vertical-align: middle; padding: calc(100vw / 1920 * 15) calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.ykuce-business .con .box { font-size: 14px; }
	.ykuce-business .con .box table tr:first-child { font-size: 16px; }
}
@media (max-width: 1199px) {
	.ykuce-business { padding: 0 6.25%; }
	.ykuce-business .link a { font-size: 16px; height: auto; padding: 10px 18px; }
	.ykuce-business .con .box { font-size: 12px; }
	.ykuce-business .con .box table tr:first-child { font-size: 14px; }
}
@media (max-width: 767px) {
	.ykuce-business { margin-top: 10px; }
	.ykuce-business .h2 { font-size: 18px; }
	.ykuce-business .link { flex-wrap: wrap; margin-top: 15px; }
	.ykuce-business .link a { width: 100%; font-size: 14px; padding: 8px 10px; margin-bottom: 10px; }
	.ykuce-business .con { margin-top: 10px; }
	.ykuce-business .con .box { margin-bottom: 20px; }
	.ykuce-business .con .box table tr td { padding: 5px 10px; }
}


/* 伊克优化工-OEM优势 */
.ykuce-oem { color: #fff; padding: calc(100vw / 1920 * 104) calc(100vw / 1920 * 190); }
.ykuce-oem .box {
	display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; clip-path: polygon(0% 9.5522%,100% 0%,100% 90.4478%,0% 100%);
	padding: calc(100vw / 1920 * 162) 0 calc(100vw / 1920 * 106);
}
.ykuce-oem .box::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }
.ykuce-oem .box .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.ykuce-oem .box .list { display: flex; flex-wrap: wrap; width: 100%; padding: 0 calc(100vw / 1920 * 145); margin-top: calc(100vw / 1920 * 38); }
.ykuce-oem .box .list .li {
	width: 33.3333%; display: flex; flex-direction: column; align-items: center; text-align: center; border-top: 1px solid #fff; position: relative;
	padding: calc(100vw / 1920 * 68) calc(100vw / 1920 * 30) calc(100vw / 1920 * 42);
}
.ykuce-oem .box .list .li::before {
	content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #fff;
	background: linear-gradient(to bottom, #fff, transparent);
}
.ykuce-oem .box .list .li:last-child::before { display: none; }
.ykuce-oem .box .list .li .icon { width: calc(100vw / 1920 * 52); height: calc(100vw / 1920 * 49); }
.ykuce-oem .box .list .li .icon img { width: 100%; height: 100%; }
.ykuce-oem .box .list .li .h3 { font-size: calc(100vw / 1920 * 28); margin-top: 1em; }
.ykuce-oem .box .list .li .text { font-size: calc(100vw / 1920 * 20); line-height: 1.5; margin-top: 1em; }

@media (max-width: 1199px) {
	.ykuce-oem { padding: calc(100vw / 1920 * 104) 6.25%; }
	.ykuce-oem .box .list .li .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.ykuce-oem .box .list .li .icon { width: 26px; height: 25px; }
	.ykuce-oem .box .list .li .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.ykuce-oem { padding: 30px 6.25%; }
	.ykuce-oem .box { clip-path: initial; padding: 20px 0; }
	.ykuce-oem .box .h2 { font-size: 18px; }
	.ykuce-oem .box .list { margin-top: 20px; padding: 0 20px; }
	.ykuce-oem .box .list .li { width: 100%; padding: 15px; }
	.ykuce-oem .box .list .li::before { display: none; }
}




/* 圣工漆 */
.sgq-about {
	background-color: #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-between;
	padding: calc(100vw / 1920 * 156) calc(100vw / 1920 * 103) calc(100vw / 1920 * 110) calc(100vw / 1920 * 190);
}
.sgq-about .left { width: 53.3%; }
.sgq-about .left .h2 { font-size: calc(100vw / 1920 * 36); font-weight: bold; }
.sgq-about .left .text { font-size: calc(100vw / 1920 * 18); line-height: 1.67; margin-top: calc(100vw / 1920 * 34); }
.sgq-about .right {
	display: flex; align-items: center; justify-content: center; position: relative;
	background: url(../images/sgq-about-line.png) center / cover no-repeat;
	width: calc(100vw / 1920 * 669); height: calc(100vw / 1920 * 557); margin-top: calc(100vw / 1920 * -28);
}
.sgq-about .right::after {
	content: ''; position: absolute; left: calc(100vw / 1920 * -88); bottom: calc(100vw / 1920 * -80);
	width: calc(100vw / 1920 * 152); height: calc(100vw / 1920 * 230);
	background: url(../images/sgq-about-img.jpg) center / cover no-repeat;
}
.sgq-about .right .box {
	position: relative; display: flex; align-items: center; justify-content: center;
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 624); height: calc(100vw / 1920 * 519);
}
.sgq-about .right .box .img.i-box { padding-bottom: 83.17307692307692%; }
.sgq-about .right .box .more {
	display: flex; align-items: center; justify-content: center; color: #fff; background-color: rgba(25,50,189,.7);
	position: absolute; clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 156); height: calc(100vw / 1920 * 130); font-size: calc(100vw / 1920 * 18); padding-top: calc(100vw / 1920 * 5);
}

@media (max-width: 1440px) {
	.sgq-about .left .text { font-size: 14px; }
	.sgq-about .right .box .more { font-size: 14px; }
}
@media (max-width: 1199px) {
	.sgq-about { padding: calc(100vw / 1920 * 156) calc(100vw / 1920 * 103) calc(100vw / 1920 * 110) 6.25%; }
	.sgq-about .left .text { font-size: 12px; }
	.sgq-about .right { margin-top: 0; }
	.sgq-about .right .box .more { font-size: 12px; padding-top: 0; width: 97px; height: 81px; }
}
@media (max-width: 991px) {
	.sgq-about .left { width: 100%; }
	.sgq-about .right { margin-left: auto; width: calc(100vw / 1680 * 669); height: calc(100vw / 1680 * 557); }
	.sgq-about .right .box { width: calc(100vw / 1680 * 624); height: calc(100vw / 1680 * 519); }
}
@media (max-width: 767px) {
	.sgq-about { padding: 30px 6.25%; }
	.sgq-about .left .h2 { font-size: 18px; }
	.sgq-about .left .text { margin-top: 10px; }
	.sgq-about .right { width: auto; height: auto; background: initial; margin-top: 20px; }
	.sgq-about .right::after { display: none; }
	.sgq-about .right .box { width: auto; height: auto; clip-path: initial; }
	.sgq-about .right .box .more { padding-top: 5px; }
}


/* 圣工漆 - 产品与服务 */
.sgq-service {
	position: relative; z-index: 1; color: #fff; clip-path: polygon(0% 12.34%,100% 0%,100% 100%,0% 100%);
	padding: calc(100vw / 1920 * 190) calc(100vw / 1920 * 190) calc(100vw / 1920 * 150); margin-top: calc(100vw / 1920 * -116);
}
.sgq-service::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }
.sgq-service .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.sgq-service .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 90); }
.sgq-service .list .li { position: relative; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.5); width: 23.377%; margin-right: 2.15%; }
.sgq-service .list .li:last-child { margin-right: 0; }
.sgq-service .list .li::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); transition: background var(--time); }
.sgq-service .list .li:hover::after { background: rgba(0,0,0,.6); }
.sgq-service .list .li .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity var(--time); }
.sgq-service .list .li:hover .bg { opacity: 1; }
.sgq-service .list .li .bg img { width: 100%; height: 100%; object-fit: cover; }
.sgq-service .list .li .con {
	position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center;
	padding: calc(100vw / 1920 * 82) 10px calc(100vw / 1920 * 94);
}
.sgq-service .list .li .con .h3 { font-size: calc(100vw / 1920 * 26); }
.sgq-service .list .li .con .text { font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 46); }
.sgq-service .list .li .con .text>p { margin-top: calc(100vw / 1920 * 28); }
.sgq-service .list .li .con .text>p:first-child { margin-top: 0; }

@media (max-width: 1199px) {
	.sgq-service { padding: calc(100vw / 1920 * 190) 6.25% calc(100vw / 1920 * 150); }
	.sgq-service .list .li .con .h3 { font-size: 16px; }
	.sgq-service .list .li .con .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.sgq-service .list .li .con .text>p { line-height: 1.2; }
}
@media (max-width: 767px) {
	.sgq-service { padding: 30px 6.25%; clip-path: initial; margin-top: 0; }
	.sgq-service .h2 { font-size: 18px; }
	.sgq-service .list { margin-top: 25px; }
	.sgq-service .list .li { width: 100%; margin-right: 0; margin-bottom: 10px; min-height: 162px; }
	.sgq-service .list .li:last-child { margin-bottom: 0; }
	.sgq-service .list .li .con { padding: 20px; display: flex; align-items: center; justify-content: center; height: 100%; }
	.sgq-service .list .li .con .text { margin-top: 10px; }
	.sgq-service .list .li .con .text>p { margin-top: 10px; }
}


/* 圣工漆 - 主营业务 */
.title-line { display: flex; justify-content: center; position: relative; font-size: calc(100vw / 1920 * 48); }
.title-line::before {
	content: ''; position: absolute; top: calc(100vw / 1920 * 16); left: 0; width: 1000%; height: 33px;
	background: url("http://localhost/shenggong/static/css/../images/core-product-line1.png") left bottom repeat-x;
	animation: line 400s linear infinite;
}
.title-line::after {
	content: ''; position: absolute; top: calc(100vw / 1920 * 25); left: 0; width: 1000%; height: 33px;
	background: url("http://localhost/shenggong/static/css/../images/core-product-line2.png") left bottom repeat-x; transform: rotate(-180deg);
	animation: line 400s linear infinite;
}
.sgq-business { padding-top: calc(100vw / 1920 * 110); overflow: hidden; }
.sgq-business .con { padding: calc(100vw / 1920 * 66) calc(100vw / 1920 * 190) 0; }
.sgq-business .con .list { position: relative; color: #fff; }
.sgq-business .con .list .li {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: all var(--time);
	padding: calc(100vw / 1920 * 156) calc(100vw / 1920 * 94) calc(100vw / 1920 * 268); min-height: calc(100vw / 1920 * 704);
}
.sgq-business .con .list .li:first-child { position: relative; }
.sgq-business .con .list .li.active { opacity: 1; z-index: 1; }
.sgq-business .con .list .li .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.sgq-business .con .list .li .box { display: flex; line-height: 2; margin-top: calc(100vw / 1920 * 28); }
.sgq-business .con .list .li .box>div { margin-right: calc(100vw / 1920 * 90); }
.sgq-business .con .list .li .box>div:last-child { margin-right: 0; }
.sgq-business .con .list .li .box .h4 { font-size: calc(100vw / 1920 * 20); font-weight: bold; }
.sgq-business .con .list .li .box .text { font-size: calc(100vw / 1920 * 18); }
.sgq-business .con .link {
	display: flex; flex-wrap: wrap; background-color: rgba(0,0,0,.4); border-top: 1px solid rgba(255,255,255,.5); position: relative; z-index: 1; color: #fff;
	height: calc(100vw / 1920 * 102); margin-top: calc(100vw / 1920 * -102); font-size: calc(100vw / 1920 * 24);
}
.sgq-business .con .link>a {
	width: 20%; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.5); position: relative; z-index: 1;
}
.sgq-business .con .link>a:last-child { border-right: none; }
.sgq-business .con .link>a::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.5); opacity: 0; transition: opacity var(--time);
}
.sgq-business .con .link>a.active::before { opacity: 1; }

@media (max-width: 1440px) {
	.sgq-business .con .list .li .box .h4 { font-size: 16px; }
	.sgq-business .con .list .li .box .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.sgq-business .con { padding: calc(100vw / 1920 * 66) 6.25% 0; }
	.sgq-business .con .list .li .box .h4 { font-size: 14px; }
	.sgq-business .con .list .li .box .text { font-size: 12px; }
	.sgq-business .con .link { font-size: 15px; }
}
@media (max-width: 991px) {
	.sgq-business .con .list .li .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.title-line { font-size: 18px; }
	.title-line::before { display: none; }
	.title-line::after { display: none; }
	.sgq-business { padding-top: 30px; }
	.sgq-business .con { padding: 30px 6.25% 0; }
	.sgq-business .con .list .li { min-height: 334px; padding: 20px; }
	.sgq-business .con .list .li .box { flex-wrap: wrap; margin-top: 10px; }
	.sgq-business .con .list .li .box>div { margin-right: 0; width: 100%; margin-bottom: 10px; }
	.sgq-business .con .link { height: auto; margin-top: 0; border-top: none; }
	.sgq-business .con .link>a { width: 33.3333%; padding: 10px; border-top: 1px solid rgba(255, 255, 255, .5); }
	.sgq-business .con .link>a:nth-child(3n) { border-right: none; }
	.sgq-business .con .link>a:nth-child(n+4) { width: 50%; }
}


/* 圣工漆 - 工程案例 */
.sgq-case { padding: calc(100vw / 1920 * 130) 0; overflow: hidden; }
.sgq-case .link { margin-top: calc(100vw / 1920 * 46); }
.sgq-case .link { display: flex; justify-content: center; }
.sgq-case .link a {
	display: flex; align-items: center; justify-content: center; color: #000; position: relative;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden;
	width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 56); margin: 0 calc(100vw / 1920 * 10);
	font-size: calc(100vw / 1920 * 24); border-radius: calc(100vw / 1920 * 28);
}
.sgq-case .link a::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.sgq-case .link a:hover { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.sgq-case .link a.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.sgq-case .box { padding: calc(100vw / 1920 * 42) calc(100vw / 1920 * 190) 0; }
.sgq-case .con { position: relative; }
.sgq-case .con .list { width: 100%; opacity: 0; visibility: hidden; z-index: -1; transition: all var(--time); }
.sgq-case .con .list.active { opacity: 1; visibility: visible; z-index: 1; }
.sgq-case .con .list:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; }
.sgq-case-slick { padding-bottom: calc(100vw / 1920 * 40); }
.sgq-case-slick .slick-list { margin: 0 calc(100vw / 1920 * -17); }
.sgq-case-slick .slick-slide { margin: 0 calc(100vw / 1920 * 17); }
.sgq-case-slick .slick-slide .img.i-box { padding-bottom: 68.36734693877551%; }
.sgq-case-slick .slick-slide .h3 { text-align: center; font-size: 16px; margin-top: calc(100vw / 1920 * 23); }
.sgq-case-slick .slick-dots { bottom: 0; }
.sgq-case-slick .slick-dots li button { background-color: #eee; }
.sgq-case-slick .slick-dots li.slick-active button { background-color: #1932bd; }

@media (max-width: 1440px) {
	.sgq-case-slick .slick-slide .h3 { font-size: 14px; }
}
@media (max-width: 1199px) {
	.sgq-case .link a { width: 124px; height: 34px; font-size: 15px; border-radius: 17px }
	.sgq-case .box { padding: calc(100vw / 1920 * 42) 6.25% 0; }
	.sgq-case-slick { padding-bottom: 30px; }
	.sgq-case-slick .slick-slide .h3 { font-size: 12px; }
}
@media (max-width: 767px) {
	.sgq-case { padding: 30px 0; }
	.sgq-case .link { margin-top: 20px; flex-wrap: wrap; justify-content: space-between; padding: 0 6.25%; }
	.sgq-case .link a { width: 48%; margin: 5px 0; }
	.sgq-case .box { padding: 20px 6.25% 0; }
	.sgq-case-slick { padding-bottom: 20px; }
	.sgq-case-slick .slick-slide .h3 { margin-top: 10px; }
}




/* 东坤发展 */
.dkfz-about {
	display: flex; flex-wrap: wrap; justify-content: space-between;
	padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 190) calc(100vw / 1920 * 170);
}
.dkfz-about .left { width: 45.455%; }
.dkfz-about .left .logo { width: calc(100vw / 1920 * 252); }
.dkfz-about .left .logo .img.i-box { padding-bottom: 39.68253968253968%; }
.dkfz-about .left .h2 { font-weight:bold; font-size: calc(100vw / 1920 * 32); margin-top: calc(100vw / 1920 * 36); }
.dkfz-about .left .text { line-height: 1.67; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 28); }
.dkfz-about .right {
	display: flex; align-items: center; justify-content: center;
	background-color: #1932bd; clip-path: polygon(43.1884% 0%, 100% 36.8695%, 74.3478% 100%, 18.261% 94.1%, 0% 41.3913%);
	width: calc(100vw / 1920 * 690); height: calc(100vw / 1920 * 575); margin-top: calc(100vw / 1920 * -40);
}
.dkfz-about .right .img { width: calc(100vw / 1920 * 644); clip-path: polygon(43.1884% 0%, 100% 36.8695%, 74.3478% 100%, 18.261% 94.1%, 0% 41.3913%); }
.dkfz-about .right .img .i-box { padding-bottom: 83.22981366459627%; }

@media (max-width: 1440px) {
	.dkfz-about .left .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.dkfz-about { padding: calc(100vw / 1920 * 140) 6.25% calc(100vw / 1920 * 170); }
	.dkfz-about .left .logo { width: 156px; }
	.dkfz-about .left .h2 { font-size: 18px; }
	.dkfz-about .left .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.dkfz-about .right { margin-top: 0; }
}
@media (max-width: 767px) {
	.dkfz-about { padding: 30px 6.25%; }
	.dkfz-about .left { width: 100%; }
	.dkfz-about .left .logo { width: 130px; }
	.dkfz-about .left .h2 { margin-top: 20px; }
	.dkfz-about .left .text { margin-top: 10px; }
	.dkfz-about .right { width: 100%; height: auto; background-color: transparent; clip-path: initial; margin-top: 20px; }
	.dkfz-about .right .img { width: 100%; clip-path: initial; }
}


/* 东坤发展 - 企业资质 */
.dkfz-aptitude {
	display: flex; flex-wrap; wrap; justify-content: space-between; color: #fff;
	position: relative; z-index: 1; clip-path: polygon(0% 14.6835%,100% 0%,100% 100%,0% 100%);
	margin-top: calc(100vw / 1920 * -126); padding: calc(100vw / 1920 * 180) calc(100vw / 1920 * 190) calc(100vw / 1920 * 130);
}
.dkfz-aptitude::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }

.dkfz-aptitude .left { padding-top: calc(100vw / 1920 * 44); }
.dkfz-aptitude .left .h2 { font-size: calc(100vw / 1920 * 48); }
.dkfz-aptitude .left .text { font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 56); }
.dkfz-aptitude .left .text > p { border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: calc(100vw / 1920 * 10); margin-top: calc(100vw / 1920 * 26); }
.dkfz-aptitude .left .text > p:first-child { margin-top: 0; }
.dkfz-aptitude .right { display: flex; align-items: flex-end; }
.dkfz-aptitude .right .li { padding: 6px; background-color: #fff; width: calc(100vw / 1920 * 295); }
.dkfz-aptitude .right .li:first-of-type { margin-right: calc(100vw / 1920 * 14); }
.dkfz-aptitude .right .li .img.i-box { padding-bottom: 164.6643109540636%; }
.dkfz-aptitude .right .last { position: relative; width: calc(100vw / 1920 * 417); margin-left: calc(100vw / 1920 * -107); }
.dkfz-aptitude .right .last .img.i-box { padding-bottom: 60.49382716049383%; }

@media (max-width: 1199px) {
	.dkfz-aptitude { padding: calc(100vw / 1920 * 180) 6.25% calc(100vw / 1920 * 130); }
	.dkfz-aptitude .left .text { font-size: 15px; }
	.dkfz-aptitude .left .text > p { padding-bottom: 6px; }
	.dkfz-aptitude .right .li { width: calc(100vw / 1680 * 295); }
	.dkfz-aptitude .right .last { width: calc(100vw / 1680 * 417); }
}
@media (max-width: 767px) {
	.dkfz-aptitude { padding: 30px 6.25%; clip-path: initial; margin-top: 0; flex-wrap: wrap; }
	.dkfz-aptitude .left { padding-top: 0; width: 100%; }
	.dkfz-aptitude .left .h2 { font-size: 18px; }
	.dkfz-aptitude .left .text { margin-top: 20px; }
	.dkfz-aptitude .left .text > p { margin-top: 15px; }
	.dkfz-aptitude .right { width: 100%; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
	.dkfz-aptitude .right .li { width:48%; }
	.dkfz-aptitude .right .li:first-of-type { margin-right: 0; }
	.dkfz-aptitude .right .last { margin: 0; width: 100%; margin-top: 15px; }
}


/* 东坤发展 - 工程案例 */
.dkfz-case { overflow: hidden; padding: calc(100vw / 1920 * 162) 0 calc(100vw / 1920 * 108); }
.dkfz-case .con { margin-top: calc(100vw / 1920 * 74); padding: 0 calc(100vw / 1920 * 190); }
.dkfz-case-slick { padding-bottom: calc(100vw / 1920 * 40); }
.dkfz-case-slick .slick-list { margin: 0 calc(100vw / 1920 * -17); }
.dkfz-case-slick .slick-slide { margin: 0 calc(100vw / 1920 * 17); }
.dkfz-case-slick .slick-slide .img.i-box { padding-bottom: 72.44897959183673%; }
.dkfz-case-slick .slick-slide .h3 { text-align: center; font-size: 16px; margin-top: calc(100vw / 1920 * 24); }
.dkfz-case-slick .slick-dots { bottom: 0; }
.dkfz-case-slick .slick-dots li button { background-color: #eee; }
.dkfz-case-slick .slick-dots li.slick-active button { background-color: #1932bd; }

@media (max-width: 1440px) {
	.dkfz-case-slick .slick-slide .h3 { font-size: 14px; }
}
@media (max-width: 1199px) {
	.dkfz-case-slick { padding-bottom: 25px; }
	.dkfz-case-slick .slick-slide .h3 { font-size: 12px; }
	.dkfz-case .con { padding: 0 6.25%; }
}
@media (max-width: 767px) {
	.dkfz-case { padding: 30px 0; }
	.dkfz-case .con { margin-top: 20px; }
	.dkfz-case-slick .slick-slide .h3 { margin-top: 10px; }
}


/* 东坤发展 - 战略合作 */
.dkfz-cooperate { padding: calc(100vw / 1920 * 104) calc(100vw / 1920 * 170) calc(100vw / 1920 * 100); }
.dkfz-cooperate .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.dkfz-cooperate .con { margin-top: calc(100vw / 1920 * 41); }
.dkfz-cooperate-slick { padding-bottom: calc(100vw / 1920 * 40); }
.dkfz-cooperate-slick .slick-slide .slick-slide { padding: calc(100vw / 1920 * 11); }
.dkfz-cooperate-slick .slick-slide .slick-slide .img.i-box { padding-bottom: 62%; }

@media (max-width: 1199px) {
	.dkfz-cooperate { padding: calc(100vw / 1920 * 104) calc(100vw / 1920 * 100) calc(100vw / 1920 * 100); }
	.dkfz-cooperate-slick { padding-bottom: 20px; }
}
@media (max-width: 767px) {
	.dkfz-cooperate { padding: 30px calc(100vw / 1920 * 100); }
	.dkfz-cooperate .h2 { font-size: 18px; }
	.dkfz-cooperate .con { margin-top: 20px; }
	.dkfz-cooperate-slick .slick-slide .slick-slide { padding: 5px; }
}




/* 聚圣 */
.jusnge-about { display: flex; flex; justify-content: space-between; position: relative; color: #fff; margin-top: calc(100vw / 1920 * 100); overflow: hidden; }
.jusnge-about::before {
	content: ''; position: absolute; top: calc(100vw / 1920 * 14); left: 0; width: 50%; height: 1px; background-color: #eee; transform: rotate(-4.6deg);
}
.jusnge-about::after {
	content: ''; position: absolute; top: calc(100vw / 1920 * 10); left: 0; width: 23.59375%; height: 1px; background-color: #eee; transform: rotate(-4.6deg);
}
.jusnge-about .box { position: relative; z-index: 1; height: calc(100vw / 1920 * 610); }
.jusnge-about .box::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
.jusnge-about .left {
	display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; clip-path: polygon(0% 12.7869%,100% 0%,100% 100%,0% 100%);
}
.jusnge-about .left::before { background-color: rgba(25,50,189,.7); }
.jusnge-about .left .logo { width: calc(100vw / 1920 * 192); }
.jusnge-about .left .logo .img.i-box { padding-bottom: 46.875%; }
.jusnge-about .left .h3 { white-space: pre; font-size: calc(100vw / 1920 * 36); margin-top: 1em; }
.jusnge-about .left .more {
	display: flex; justify-content: center; align-items: center; clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	background-color: rgba(254,194,16,.8); padding-top: 5px; font-size: calc(100vw / 1920 * 18);
	position: absolute; right: calc(100vw / 1920 * 71); bottom: calc(100vw / 1920 * 46); width: calc(100vw / 1920 * 131); height: calc(100vw / 1920 * 109);
}
.jusnge-about .right {
	display: flex; align-items: center; justify-content: center; width: 48.9583333%; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 95.2459%);
	padding: 0 calc(100vw / 1920 * 190) 0 calc(100vw / 1920 * 88); margin-top: calc(100vw / 1920 * 30);
}
.jusnge-about .right::before { background-color: rgba(38, 54, 79, .9); }
.jusnge-about .right .text { font-size: calc(100vw / 1920 * 20); line-height: 1.8; }

@media (max-width: 1199px) {
	.jusnge-about .left .more { width: 82px; height: 68px; font-size: 12px; padding-top: 3px; }
	.jusnge-about .right { padding: 0 calc(100vw / 1920 * 120) 0 calc(100vw / 1920 * 88) }
	.jusnge-about .right .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.jusnge-about .box { height: 315px; }
}
@media (max-width: 767px) {
	.jusnge-about { margin-top: 0; flex-wrap: wrap; }
	.jusnge-about::before { display: none; }
	.jusnge-about::after { display: none; }
	.jusnge-about .box { height: auto; }
	.jusnge-about .left { width: 100%; clip-path: initial; padding: 30px 6.25%; }
	.jusnge-about .left .logo { width: 80px; }
	.jusnge-about .left .h3 { font-size: 18px; }
	.jusnge-about .left .more { position: initial; right: 0; bottom: 0; margin-left: auto; margin-top: 30px; }
	.jusnge-about .right { width: 100%; padding: 30px 6.25%; margin-top: 0; clip-path: initial; }
}


/* 聚圣 - 主营产品 */
.jusnge-product { padding: calc(100vw / 1920 * 80) calc(100vw / 1920 * 190) calc(100vw / 1920 * 110); }
.jusnge-product .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.jusnge-product .link { display: flex; justify-content: center; margin-top: calc(100vw / 1920 * 34); }
.jusnge-product .link a {
	display: flex; align-items: center; justify-content: center; color: #333; position: relative;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden;
	width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 56); margin: 0 calc(100vw / 1920 * 12);
	font-size: calc(100vw / 1920 * 24); border-radius: calc(100vw / 1920 * 40);
}
.jusnge-product .link a::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.jusnge-product .link a:hover { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.jusnge-product .link a.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }

.jusnge-product .con { margin-top: calc(100vw / 1920 * 40); }
.jusnge-product .con .h3 { font-size: calc(100vw / 1920 * 24); }
.jusnge-product .con .list { position: relative; margin-top: calc(100vw / 1920 * 18); }
.jusnge-product .con .list .li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all var(--time); }
.jusnge-product .con .list .li.active { position: relative; visibility: visible; opacity: 1; }
.jusnge-product .con .list .li table { width: 100%; font-size: calc(100vw / 1920 * 20); }
.jusnge-product .con .list .li table tr:first-child { background-color: #1932bd; color: #fff; text-align: center; font-size: calc(100vw / 1920 * 24); }
.jusnge-product .con .list .li table tr td { border: 1px solid #bfbfbf; padding: calc(100vw / 1920 * 20); }

.jusnge-product .app { position: relative; z-index: 1; margin-top: calc(100vw / 1920 * 50); }
.jusnge-product .app .h3 { font-size: calc(100vw / 1920 * 24); }
.jusnge-product .app .list-con { margin-top: calc(100vw / 1920 * 34); position: relative; }
.jusnge-product .app .list-con .list { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all var(--time); }
.jusnge-product .app .list-con .list.active { position: relative; visibility: visible; opacity: 1; }

.jusnge-product-slick { padding-bottom: calc(100vw / 1920 * 50); }
.jusnge-product-slick .slick-list { margin: 0 -5px; }
.jusnge-product-slick .slick-slide { margin: 0 5px; }
.jusnge-product-slick .slick-slide .img { padding-bottom: 63.68563685636856% }
.jusnge-product-slick .slick-slide .h3 { text-align: center; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 22); }
.jusnge-product-slick .slick-dots { bottom: 0; }
/* 进度条导航 */
.jusnge-product-slick::before { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 8px; background-color: #e5e5e5; }
.jusnge-product-slick .slick-dots { left: 0; bottom: 0; transform: translateX(0); width: 0%; height: 8px; transition: width .5s; }
.jusnge-product-slick .slick-dots::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1932bd; }
.jusnge-product-slick .slick-dots li { display: none; }

@media (max-width: 1440px) {
	.jusnge-product .link a { font-size: 18px; width: 150px; height: 42px; border-radius: 21px; }
	.jusnge-product .con .h3 { font-size: 18px; }
	.jusnge-product .con .list .li table { font-size: 15px; }
	.jusnge-product .con .list .li table tr:first-child { font-size: 18px; }
	.jusnge-product .app .h3 { font-size: 18px; }
	.jusnge-product-slick .slick-slide .h3 { font-size: 14px; }
	.jusnge-product-slick::before { height: 6px; }
	.jusnge-product-slick .slick-dots { height: 6px; }
	.jusnge-product-slick .slick-dots::before { height: 6px; }
}
@media (max-width: 1199px) {
	.jusnge-product { padding: calc(100vw / 1920 * 80) 6.25% calc(100vw / 1920 * 110); }
	.jusnge-product .link a { font-size: 16px; width: 120px; height: 35px; }
	.jusnge-product .con .h3 { font-size: 16px; }
	.jusnge-product .con .list .li table { font-size: 14px; }
	.jusnge-product .con .list .li table tr:first-child { font-size: 16px; }
	.jusnge-product .app .h3 { font-size: 16px; }
	.jusnge-product-slick .slick-slide .h3 { font-size: 12px; }
}
@media (max-width: 991px) {
	.jusnge-product .con .list .li table { font-size: 12px; }
	.jusnge-product .con .list .li table tr:first-child { font-size: 14px; }
	.jusnge-product-slick::before { height: 4px; }
	.jusnge-product-slick .slick-dots { height: 4px; }
	.jusnge-product-slick .slick-dots::before { height: 4px; }
}
@media (max-width: 767px) {
	.jusnge-product { padding: 30px 6.25%; }
	.jusnge-product .h2 { font-size: 18px; }
	.jusnge-product .link { margin-top: 20px; }
	.jusnge-product .link a { margin: 0 4px; }
	.jusnge-product .con { margin-top: 15px; }
	.jusnge-product .con .list { margin-top: 10px; }
	.jusnge-product .con .list .li table tr td { padding: 10px; }
	.jusnge-product .app { margin-top: 15px; }
	.jusnge-product .app .list-con { margin-top: 10px; }
	.jusnge-product-slick { padding-bottom: 20px; }
	.jusnge-product-slick .slick-slide .h3 { margin-top: 10px; }
}


/* 聚圣 - 生产优势 */
.jusnge-advantage { overflow: hidden; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 94.5238%); height: calc(100vw / 1920 * 840); }
.jusnge-advantage .box {
	position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;
	padding: 0 calc(100vw / 1920 * 190); clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 94.5238%);
}
.jusnge-advantage .box::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(36,51,75,.8); backdrop-filter: blur(10px);
}
.jusnge-advantage .left { color: #fff; padding-left: calc(100vw / 1920 * 46); padding-bottom: calc(100vw / 1920 * 90); max-width: 40%; }
.jusnge-advantage .left .h2 { font-size: calc(100vw / 1920 * 48); }
.jusnge-advantage .left .text { font-size: calc(100vw / 1920 * 24); margin-top: 2em; }
.jusnge-advantage .left .text > p { border: 1px solid #fff; border-radius: 10px; padding: calc(100vw / 1920 * 14); margin-bottom: calc(100vw / 1920 * 30); }
.jusnge-advantage .left .text > p:last-child { margin-bottom: 0; }
.jusnge-advantage .right { background-color: #fff; width: calc(100vw / 1920 * 860); padding: 10px; }
.jusnge-advantage-slick .img.i-box { padding-bottom: 62.33611442193087%; }
.jusnge-advantage-slick .slick-dots { bottom: calc(100vw / 1920 * 28); left: auto; right: calc(100vw / 1920 * 20); transform: translateX(0%); }
.jusnge-advantage-slick .slick-dots li { margin: 0 3px; }
.jusnge-advantage-slick .slick-dots li button { width: 14px; height: 14px; }

@media (max-width: 1199px) {
	.jusnge-advantage .box { padding: 0 6.25%; }
	.jusnge-advantage .left { padding-left: 0; max-width: 45%; }
	.jusnge-advantage .left .text { font-size: 15px; }
	.jusnge-advantage .left .text > p { padding: 8px; line-height: 1.2; }
	.jusnge-advantage-slick .slick-dots li button { width: 10px; height: 10px; }
}
@media (max-width: 991px) {
	.jusnge-advantage .left .text { font-size: 14px; }
}
@media (max-width: 767px) {
	.jusnge-advantage { height: auto; clip-path: initial; }
	.jusnge-advantage .box { clip-path: initial; flex-wrap: wrap; padding: 30px 6.25%; }
	.jusnge-advantage .left { max-width: initial; width: 100%; padding-bottom: 0; }
	.jusnge-advantage .left .h2 { font-size: 18px; }
	.jusnge-advantage .left .text { margin-top: 1em; }
	.jusnge-advantage .left .text > p { margin-bottom: 10px; }
	.jusnge-advantage .right { width: 100%; margin-top: 20px; }
	.jusnge-advantage-slick .slick-dots { bottom: 10px; right: 10px; }
}


/* 聚圣 - 牌号研发能力 */
.jusnge-capacity { padding: calc(100vw / 1920 * 90) calc(100vw / 1920 * 264) 0; }
.jusnge-capacity .top { text-align: center; }
.jusnge-capacity .top .h2 { font-size: calc(100vw / 1920 * 48); }
.jusnge-capacity .top .des { font-size: calc(100vw / 1920 * 18); line-height: 2; padding: 0 calc(100vw / 1920 * 190); margin-top: calc(100vw / 1920 * 32); }
.jusnge-capacity .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 54); }
.jusnge-capacity .list .li {
	background-color: #eee; width: 32%; margin-right: 2%; display: flex; flex-direction: column; align-items: center; transition: background-color var(--time);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 89.6552%); padding: calc(100vw / 1920 * 40) calc(100vw / 1920 * 40) calc(100vw / 1920 * 84);
}
.jusnge-capacity .list .li:hover { background-color: #1932bd; }
.jusnge-capacity .list .li:nth-child(3n) { margin-right: 0; }
.jusnge-capacity .list .li .icon {
	display: flex; align-items: center; justify-content: center; border: 1px solid #bfbfbf; border-radius: 50%; transition: border var(--time);
	width: calc(100vw / 1920 * 76); height: calc(100vw / 1920 * 76);
}
.jusnge-capacity .list .li:hover .icon { border: 1px solid #fff; }
.jusnge-capacity .list .li .icon img { position: absolute; opacity: 0; transition: opacity var(--time); width: calc(100vw / 1920 * 40); height: calc(100vw / 1920 * 40); }
.jusnge-capacity .list .li .icon img:first-child { position: relative; opacity: 1; }
.jusnge-capacity .list .li:hover .icon img:first-child { opacity: 0; }
.jusnge-capacity .list .li:hover .icon img:last-child { opacity: 1; }
.jusnge-capacity .list .li .des { font-size: calc(100vw / 1920 * 18); line-height: 2; text-align: center; white-space: pre-line; margin-top: 1em; transition: color var(--time); }
.jusnge-capacity .list .li:hover .des { color: #fff; }

@media (max-width: 1440px) {
	.jusnge-capacity .top .des { font-size: 14px; }
	.jusnge-capacity .list .li .des { font-size: 14px; }
}
@media (max-width: 1199px) {
	.jusnge-capacity { padding: calc(100vw / 1920 * 90) 6.25% 0; }
	.jusnge-capacity .top .des { font-size: 12px; }
	.jusnge-capacity .list .li .des { font-size: 12px; }
	.jusnge-capacity .list .li .icon { width: 48px; height: 48px; }
	.jusnge-capacity .list .li .icon img { width: 25px; height: 25px; }
}
@media (max-width: 767px) {
	.jusnge-capacity { padding: 30px 6.25% 0; }
	.jusnge-capacity .top .h2 { font-size: 18px; }
	.jusnge-capacity .top .des { margin-top: 1em; padding: 0; }
	.jusnge-capacity .list { margin-top: 20px; }
	.jusnge-capacity .list .li { width: 100%; margin-right: 0; clip-path: initial; margin-bottom: 10px; padding: 20px; }
	.jusnge-capacity .list .li:last-child { margin-bottom: 0; }
}


/* 聚圣 - 合作院校 */
.jusnge-school { color: #fff; padding: calc(100vw / 1920 * 142) calc(100vw / 1920 * 190) 0; }
.jusnge-school .box { position: relative; z-index: 1; padding: calc(100vw / 1920 * 88) 0 calc(100vw / 1920 * 55); clip-path: polygon(0% 0%,100% 0%,100% 93.1558%,50% 100%,0% 93.1558%); }
.jusnge-school .box::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(25,50,189,.8); }
.jusnge-school .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.jusnge-school .con { padding: 0 calc(100vw / 1920 * 355); margin-top: calc(100vw / 1920 * 66); }
.jusnge-school-slick { padding-bottom: calc(100vw / 1920 * 40); }
.jusnge-school-slick .slick-slide { margin: 0 calc(100vw / 1920 * 66); }
.jusnge-school-slick .img { padding: calc(100vw / 1920 * 17); background-color: rgba(255,255,255,.3); border-radius: 50%;; }
.jusnge-school-slick .img .i-box { padding-bottom: 100%; border-radius: 50%; }
.jusnge-school-slick .h3 { text-align: center; margin-top: 1em; font-size: calc(100vw / 1920 * 20); }
.jusnge-school-slick .slick-dots li.slick-active button { background-color: #fec210; }

@media (max-width: 1440px) {
	.jusnge-school .con { padding: 0 calc(100vw / 1920 * 300); }
	.jusnge-school-slick { padding-bottom: 30px; }
	.jusnge-school-slick .h3 { font-size: 16px; }
}
@media (max-width: 1199px) {
	.jusnge-school { padding: calc(100vw / 1920 * 142) 6.25% 0; }
}
@media (max-width: 991px) {
	.jusnge-school .con { padding: 0 calc(100vw / 1920 * 250); }
}
@media (max-width: 767px) {
	.jusnge-school { padding: 30px 6.25% 0; }
	.jusnge-school .box { padding: 30px 0; clip-path: initial; }
	.jusnge-school .h2 { font-size: 18px; }
	.jusnge-school .con { margin-top: 20px; padding: 20px; }
	.jusnge-school-slick .slick-slide { margin: 0 10px; }
	.i-scale:hover .img img { transform: scale(1); }
	.jusnge-school-slick .img { overflow: hidden; }
	.jusnge-school-slick .img .i-box { overflow: hidden; }
	.jusnge-school-slick .slick-slide .img img { border-radius: 50%; overflow: hidden; }
}


/* 聚圣 - 合作客户 */
.jusnge-customer { padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 150) calc(100vw / 1920 * 95); }
.jusnge-customer .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.jusnge-customer .con { display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(100vw / 1920 * 20); }
.jusnge-customer .con .box { width: 17%; margin: calc(100vw / 1920 * 20); }
.jusnge-customer .con .img { border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; }
.jusnge-customer .con .img.i-box { padding-bottom: 54.37956204379562%; }

@media (max-width: 1199px) {
	.jusnge-customer { padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 100) calc(100vw / 1920 * 95); }
}
@media (max-width: 767px) {
	.jusnge-customer { padding: 30px 20px; }
	.jusnge-customer .h2 { font-size: 18px; }
	.jusnge-customer .con { margin-top: 10px; }
	.jusnge-customer .con .box { width: 40%; }
	.jusnge-customer .con .box { margin: 10px; }
}




/* 新圣时代 */
.xssd-link a { width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 56); margin: 0 calc(100vw / 1920 * 15); }
.xssd-link a.active { background: #0c9fd3; border: 1px solid #0c9fd3; }
.xssd-link a:hover { background: #0c9fd3; border: 1px solid #0c9fd3; }
@media (max-width: 1199px) {
	.xssd-link a { width: 124px; height: 35px; font-size: 14px; }
}
@media (max-width: 767px) {
	.xssd-link .mobile .h2 { background-color: #0c9fd3; }
	.xssd-link .mobile .button span { background-color: #0c9fd3; }
}


/* 新圣简介 */
.xssd-about { padding: calc(100vw / 1920 * 78) calc(100vw / 1920 * 190) calc(100vw / 1920 * 100); }
.xssd-about .left { background: #0c9fd3; min-height: calc(100vw / 1920 * 468); padding: calc(100vw / 1920 * 116) calc(100vw / 1920 * 90) calc(100vw / 1920 * 136); }
.xssd-about .left .text { font-size: calc(100vw / 1920 * 20); line-height: 1.8; }

@media (max-width: 1199px) {
	.xssd-about { padding: calc(100vw / 1920 * 78) 6.25% calc(100vw / 1920 * 100); }
	.xssd-about .left .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.xssd-link a { width: 100px; }
}
@media (max-width: 767px) {
	.xssd-about { padding: 30px 6.25%; }
	.xssd-about .left { min-height: initial; padding: 20px; }
}


/* 核心竞争力 */
.xssd-core { height: auto; }
.xssd-core .box { display: flex; align-items: flex-start; padding: calc(100vw / 1920 * 146) calc(100vw / 1920 * 190) calc(100vw / 1920 * 150); }
.xssd-core .box::before { background-color: rgba(12, 159, 211, .8); }
.xssd-core .left { padding: 0; max-width: initial; width: 42%; }
.xssd-core .left .des { font-size: calc(100vw / 1920 * 20); line-height: 1.8; margin-top: calc(100vw / 1920 * 16); }
.xssd-core .left .text {
	display: flex; flex-wrap: wrap; justify-content: space-between;
	font-size: calc(100vw / 1920 * 20); padding-right: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 20);
}
.xssd-core .left .text p { width: 48.2%; margin: calc(100vw / 1920 * 15) 0; padding: calc(100vw / 1920 * 15) calc(100vw / 1920 * 8); display: flex; align-items: center; }
.xssd-core .left .text > p:last-child { margin-bottom: calc(100vw / 1920 * 15); }

@media (max-width: 1199px) {
	.xssd-core .box { padding: calc(100vw / 1920 * 146) 6.25% calc(100vw / 1920 * 150); }
	.xssd-core .left .des { font-size: 12px; }
	.xssd-core .left .text { font-size: 12px; padding-right: 0; }
	.xssd-core .left .text p { padding: 10px; }
}
@media (max-width: 767px) {
	.xssd-core .box { padding: 30px 6.25%; }
	.xssd-core .left { width: 100%; }
	.xssd-core .left .des { margin-top: 10px; }
	.xssd-core .left .text { margin-top: 10px; }
	.xssd-core .left .text p { margin: 5px 0; width: 100%; }
	.xssd-core .left .text > p:last-child { margin-bottom: 0; }
}


/* 推荐产品 */
.xssd-product { padding: calc(100vw / 1920 * 90) calc(100vw / 1920 * 190) calc(100vw / 1920 * 130); }
.xssd-product .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }

.xssd-product .list { display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(100vw / 1920 * 68); }
.xssd-product .list .li {
	display: flex; flex-direction: column; align-items: center; position: relative; text-align: center;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden;
	width: 24.026%; margin-right: 1.29%; border-radius: calc(100vw / 1920 * 80); padding: calc(100vw / 1920 * 26) calc(100vw / 1920 * 38) calc(100vw / 1920 * 24);
}
.xssd-product .list .li:last-child { margin-right: 0; }
.xssd-product .list .li::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.xssd-product .list .li:hover { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.xssd-product .list .li.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.xssd-product .list .li .h3 { font-size: calc(100vw / 1920 * 28); font-weight: bold; }
.xssd-product .list .li .des { font-size: calc(100vw / 1920 * 18); line-height: 1.67; margin-top: calc(100vw / 1920 * 20); }
.xssd-product .con { color: #fff; position: relative; margin-top: calc(100vw / 1920 * 68); }
.xssd-product .con .top { position: relative; }
.xssd-product .con .top .li {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: all var(--time);
	height: calc(100vw / 1920 * 680);
}
.xssd-product .con .top .li:first-child { position: relative; }
.xssd-product .con .top .li.active { opacity: 1; z-index: 1; }
.xssd-product .con .top .li:nth-child(2) .text { margin-left: 25%; }
.xssd-product .con .top .li:nth-child(3) .text { margin-left: 50%; }
.xssd-product .con .top .li:nth-child(4) .text { margin-left: 75%; }
.xssd-product .con .top .li .text {
	display: flex; align-items: center; justify-content: center; background-color: rgba(12,159,211,.5); white-space: pre-line; text-align: center;
	width: 25%; height: 100%; line-height: 1.5; font-size: calc(100vw / 1920 * 20); padding-bottom: calc(100vw / 1920 * 85);
}
.xssd-product .con .bottom {
	display: flex; flex-wrap: wrap; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: calc(100vw / 1920 * 85);
	border-top: 1px solid rgba(229,229,229,.7); background-color: rgba(0,0,0,.3); font-size: calc(100vw / 1920 * 28);
}
.xssd-product .con .bottom a {
	display: flex; align-items: center; justify-content: center; width: 25%; border-right: 1px solid rgba(229,229,229,.7);
	transition: background-color var(--time);
}
.xssd-product .con .bottom a:last-child { border-right: 0; }
.xssd-product .con .bottom a.active { background-color: rgba(12,159,211,.7); }
.xssd-product .con .bottom a .icon { margin-right: calc(100vw / 1920 * 10); width: calc(100vw / 1920 * 35); height: calc(100vw / 1920 * 30); }
.xssd-product .con .bottom a .icon img { width: 100%; height: 100%; }
.xssd-product .table { margin-top: calc(100vw / 1920 * 76); }
.xssd-product .table .h3 { text-align: center; font-size: calc(100vw / 1920 * 32); }
.xssd-product .table .box { margin-top: calc(100vw / 1920 * 30); }
.xssd-product .table .box table { width: 100%; font-size: calc(100vw / 1920 * 20); }
.xssd-product .table .box table tr:first-child { white-space: nowrap; background-color:#0c9fd3; color: #fff; font-size: calc(100vw / 1920 * 24); }
.xssd-product .table .box table tr td { border: 1px solid #dcdcdc; line-height: 1.2; vertical-align: middle; padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 26); }

@media (max-width: 1199px) {
	.xssd-product { padding: calc(100vw / 1920 * 90) 6.25% calc(100vw / 1920 * 130); }
	.xssd-product .list .li { border-radius: 60px; }
	.xssd-product .list .li .h3 { font-size: 16px; }
	.xssd-product .list .li .des { font-size: 12px; }
	.xssd-product .con .top .li .text { font-size: 12px; padding-bottom: 53px; }
	.xssd-product .con .bottom { font-size: 16px; height: 53px; }
	.xssd-product .con .bottom a .icon { width: 22px; height: 19px; }
	.xssd-product .table .h3 { font-size: 18px; }
	.xssd-product .table .box table { font-size: 12px; }
	.xssd-product .table .box table tr:first-child { font-size: 14px; }
}
@media (max-width: 991px) {
	.xssd-product .con .bottom { font-size: 14px; }
}
@media (max-width: 767px) {
	.xssd-product { padding: 30px 6.25%; }
	.xssd-product .h2 { font-size: 18px; }
	.xssd-product .list { margin-top: 20px; }
	.xssd-product .list .li { width: 100%; margin-right: 0; padding: 10px 20px; margin-bottom: 10px; min-height: 88px; justify-content: center; }
	.xssd-product .list .li .des { margin-top: 10px; }
	.xssd-product .con { margin-top: 20px; }
	.xssd-product .con .top .li { height: calc(100vw / 991 * 680); }
	.xssd-product .con .top .li .text { padding-bottom: 0; width: 100%; margin-left: 0 !important; font-size: 14px; }
	.xssd-product .con .bottom { position: initial; height: auto; border-top: none; }
	.xssd-product .con .bottom a { width: 50%; padding: 10px 0; border-top: 1px solid rgba(229, 229, 229, .7); }
	.xssd-product .con .bottom a:nth-child(2) { border-right: 0; }
	.xssd-product .con .bottom a .icon { margin-right: 4px; width: 18px; height: 16px; }
	.xssd-product .table { margin-top: 30px; }
	.xssd-product .table .box { margin-top: 20px; }
	.xssd-product .table .box table tr td { padding: 5px 10px; }
	.xssd-product .table .box table::-webkit-scrollbar-thumb { background-color: #0c9fd3; }
}


/* 发展定位 */
.xssd-develop { overflow: hidden; }
.xssd-develop .list { display: flex; flex-wrap: wrap; padding: calc(100vw / 1920 * 42) calc(100vw / 1920 * 200) calc(100vw / 1920 * 96); }
.xssd-develop .list .li {
	width: 30.264%; margin-right: 4.59%; background-color: #f3f3f3; clip-path: polygon(0% 0%,100% 0%,100% 86.9565%,0% 100%); text-align: center;
	position: relative; transition: color .5s;
}
.xssd-develop .list .li:hover { color: #fff; }
.xssd-develop .list .li:last-child { margin-right: 0; }
.xssd-develop .list .li .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition: opacity var(--time); }
.xssd-develop .list .li .bg::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12,159,211,.8); }
.xssd-develop .list .li .bg img { width: 100%; height: 100%; object-fit: cover; }
.xssd-develop .list .li:hover .bg { opacity: 1; }
.xssd-develop .list .li .con { padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 75) calc(100vw / 1920 * 176); position: relative; z-index: 1; }
.xssd-develop .list .li .con .h3 { font-size: calc(100vw / 1920 * 28); font-weight: bold; }
.xssd-develop .list .li .con .text { font-size: calc(100vw / 1920 * 18); line-height: 1.67; margin-top: calc(100vw / 1920 * 35); }

@media (max-width: 1199px) {
	.xssd-develop .list { padding: calc(100vw / 1920 * 42) 6.25% calc(100vw / 1920 * 96); }
	.xssd-develop .list .li .con .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.xssd-develop .list .li .con .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.xssd-develop .list { padding: 30px 6.25% 20px; }
	.xssd-develop .list .li { width: 100%; margin-right: 0; clip-path: initial; margin-bottom: 10px; min-height: 180px; }
	.xssd-develop .list .li .con { padding: 20px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
	.xssd-develop .list .li .con .text { margin-top: 10px; }
}


/* 新闻中心 */
.xssd-news { padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 190); margin-top: 0; }
.xssd-news::before { display: none; }
.xssd-news .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.xssd-news .bottom { padding-left: 0; }
.xssd-news .index-news-slick .slick-list { padding-right: 0; margin: 0 calc(100vw / 1920 * -31); }
.xssd-news .index-news-slick .slick-slide { padding: 0 calc(100vw / 1920 * 31); }
.xssd-news .index-news-slick .item { transition: background-color var(--time); height: auto !important; }
.xssd-news .index-news-slick .item:hover { background-color: #0c9fd3; }
.xssd-news .index-news-slick .item .img.i-box { padding-bottom: 62.84501061571125%; }
.xssd-news .index-news-slick .item .text { height: auto; padding: calc(100vw / 1920 * 26) calc(100vw / 1920 * 28) 14px !important; }
.xssd-news .index-news-slick .item .text .h3 { margin-top: 0; font-weight: initial; transition: color var(--time); }
.xssd-news .index-news-slick .item .text .des { margin-top: calc(100vw / 1920 * 16) !important; line-height: 1.5; height: 3em; max-height: 3em;  transition: color var(--time);  }
.xssd-news .index-news-slick .item:hover .text .h3 { color: #fff; }
.xssd-news .index-news-slick .item:hover .text .des { max-height: initial; color: rgba(255,255,255,.6); }
.xssd-news .index-news-slick .item .text .b { margin-top: calc(100vw / 1920 * 28) !important; }
.xssd-news .index-news-slick .item .text .time { transition: color var(--time); }
.xssd-news .index-news-slick .item:hover .text .time { color: rgba(255,255,255,.5); }
.xssd-news .index-news-slick .item .text .more {
	display: flex; align-items: center; justify-content: center;
	background-color: #0c9fd3; border: 2px solid #fff; color: #fff; font-size: calc(100vw / 1920 * 17);
	border-top-left-radius: 10px; border-bottom-right-radius: 10px;
}
.xssd-news .index-news-slick .item .text .more::before { font-family: 'ifont'; content: '\e616'; }

@media (max-width: 1199px) {
	.xssd-news { padding: calc(100vw / 1920 * 100) 6.25%; }
	.xssd-news .index-news-slick .item .text .more { font-size: 12px; }
}
@media (max-width: 767px) {
	.xssd-news { padding: 30px 6.25%; }
	.xssd-news .h2 { font-size: 18px; }
	.xssd-news .index-news-slick .slick-list { padding-right: 0; margin: 0 -5px; }
	.xssd-news .index-news-slick .slick-slide { padding: 0 5px; }
	.index-news-slick .item { border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
	.xssd-news .index-news-slick .item .text { padding: 20px !important; }
	.xssd-news .index-news-slick .item .text .des { margin-top: 10px !important; }
	.xssd-news .index-news-slick .item .text .b { margin-top: 10px !important; }
}




/* 全球布局 */
.global-link a { width: calc(100vw / 1920 * 252); margin: 0 calc(100vw / 1920 * 15); }
.global-layout { margin-top: calc(100vw / 1920 * 62); padding: 0 calc(100vw / 1920 * 190) calc(100vw / 1920 * 118); }

@media (max-width: 1199px) {
	.global-layout { padding: 0 6.25% calc(100vw / 1920 * 118); }
}
@media (max-width: 767px) {
	.global-layout { margin-top: 30px; padding: 0 6.25% 30px; }
}


.global-paint { clip-path: polygon(0% 8.75%,100% 0%,100% 100%,0% 100%); }
.global-paint .box { padding: calc(100vw / 1920 * 160) calc(100vw / 1920 * 150) calc(100vw / 1920 * 150); }
.global-paint .box .h2 { text-align: center; font-size: calc(100vw / 1920 * 32); margin-bottom: calc(100vw / 1920 * 40); }

.global-paint-slick { padding-bottom: calc(100vw / 1920 * 110); }
.global-paint-slick .slick-slide .slick-slide { padding: calc(100vw / 1920 * 20); }
.global-paint-slick .img { padding-bottom: 65.625%; }
.global-paint-slick .h3 { text-align: center; line-height: 1.2; font-size: calc(100vw / 1920 * 16); margin-top: calc(100vw / 1920 * 22); }
.global-paint-slick .slick-arrow {
	border-radius: 0; transform: translateY(0%); top: auto; bottom: 0; background-color: #fec210; border: none;
	width: calc(100vw / 1920 * 55); height: calc(100vw / 1920 * 55);
}
.global-paint-slick .slick-arrow:hover { border: none; }
.global-paint-slick .slick-prev { left: auto; right: calc(100vw / 1920 * 90); }
.global-paint-slick .slick-next { right: calc(100vw / 1920 * 20); }
.global-paint-slick .slick-arrow:after { font-size: calc(100vw / 1920 * 30); }
.global-paint-slick .slick-prev:after { content: '\e660'; margin-right: 1px; }
.global-paint-slick .slick-next:after { content: '\e65f'; margin-left: 1px; }

@media (max-width: 1440px) {
	.global-paint-slick .h3 { font-size: 12px; }
}
@media (max-width: 1199px) {
	.global-paint .box { padding: calc(100vw / 1920 * 202) calc(100vw / 1920 * 100) calc(100vw / 1920 * 150); }
	.global-paint-slick .slick-arrow { width: 34px; height: 34px; }
	.global-paint-slick .slick-arrow:after { font-size: 18px; }
	.global-paint .box .h2 { font-size: 18px; }
}
@media (max-width: 991px) {
	.global-paint-slick .slick-arrow { width: 30px; height: 30px; }
	.global-paint-slick .slick-arrow:after { font-size: 14px; }
	.global-paint-slick .slick-prev { right: calc(100vw / 1680 * 90); }
}
@media (max-width: 767px) {
	.global-paint { clip-path: initial; }
	.global-paint .box { padding: 30px 5%; }
	.global-paint-slick { padding-bottom: 30px; }
	.global-paint-slick .slick-slide .slick-slide { padding: 5px 10px; }
	.global-paint-slick .h3 { margin-top: 10px; }
	.global-paint-slick .slick-prev { right: 45px; }
	.global-paint-slick .slick-next { right: 10px; }
	.global-paint .box .h2 { margin-bottom: 20px; font-size: 16px; }
}




/* 可持续发展 - 双碳战略 */
.sustainable-strategy { position: relative; background-color: #f1f7ff; margin-top: calc(100vw / 1920 * 138); padding: 0 calc(100vw / 1920 * 190); }
.sustainable-strategy .left {
	position: absolute; z-index: 1; top: -2.7604vw; left: 0; width: 50.6771%; height: calc(100% + 2.7604vw);
}
.sustainable-strategy .left::before {
	content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100vw / 1920 * 254); background-color: #1932bd;
	clip-path: polygon(0% 0%,100% 0%,93.0113% 100%,0% 100%);
}
.sustainable-strategy .left::after {
	content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; width: 101%; height: calc(100vw / 1920 * 185); background-color: #fec210;
	clip-path: polygon(0% 0%,100% 0%,93.0824% 100%,0% 100%);
}
.sustainable-strategy .left .img { width: 100%; height: 100%; clip-path: polygon(0% 0%,100% 0%,93.0113% 100%,0% 100%); }
.sustainable-strategy .left .img img { width: 100%; height: 100%; object-fit: cover; }
.sustainable-strategy .right { width: 44.7%; margin-left: auto; padding: calc(100vw / 1920 * 70) 0 calc(100vw / 1920 * 90); }
.sustainable-strategy .right .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.sustainable-strategy .right .text { line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 16); }

@media (max-width: 1440px) {
	.sustainable-strategy .right .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.sustainable-strategy { padding: 0 6.25%; }
	.sustainable-strategy .right .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.sustainable-strategy { margin-top: 0; padding: 0; }
	.sustainable-strategy .left { width: 100%; height: auto; top: 0; position: relative; }
	.sustainable-strategy .left .img { clip-path: initial; }
	.sustainable-strategy .left::before { display: none; }
	.sustainable-strategy .left::after { display: none; }
	.sustainable-strategy .right { width: 100%; padding: 30px 6.25%; }
	.sustainable-strategy .right .h2 { font-size: 18px; }
	.sustainable-strategy .right .text { margin-top: 20px; }
}


/* 社会责任 */
.sustainable-obligation { position: relative; background-color: #f1f7ff; padding: 0 calc(100vw / 1920 * 190); overflow: hidden; }
.sustainable-obligation .left { position: absolute; z-index: 1; top: 0; right: 0; width: 67.032%; height: 100%; }
.sustainable-obligation .left .img { width: 100%; height: 100%; clip-path: polygon(21.8337% 0%,100% 0%,100% 100%,0% 100%); }
.sustainable-obligation .left .img img { width: 100%; height: 100%; object-fit: cover; }
.sustainable-obligation .right { width: 33%; padding: calc(100vw / 1920 * 99) 0 calc(100vw / 1920 * 118); }
.sustainable-obligation .right .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.sustainable-obligation .right .text { line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 46); }

@media(max-width: 1440px) {
	.sustainable-obligation .right .text { font-size: 14px; }
}
@media(max-width: 1199px) {
	.sustainable-obligation { padding: 0 6.25%; }
	.sustainable-obligation .right .text { font-size: 12px; }
}
@media(max-width: 767px) {
	.sustainable-obligation { padding: 0; }
	.sustainable-obligation .left { width: 100%; position: relative; }
	.sustainable-obligation .left .img { clip-path: initial; }
	.sustainable-obligation .right { padding: 30px 6.25%; width: 100%; }
	.sustainable-obligation .right .h2 { font-size: 18px; }
	.sustainable-obligation .right .text { margin-top: 20px; }
}


/* 关爱职工 */
.sustainable-workers {
	display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;
	padding: calc(100vw / 1920 * 103) calc(100vw / 1920 * 190) calc(100vw / 1920 * 96);
}
.sustainable-workers .left { width: 42.8%; padding-top: calc(100vw / 1920 * 58); }
.sustainable-workers .left .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.sustainable-workers .left .text { line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 46); }
.sustainable-workers .right {
	display: flex; align-items: center; justify-content: center; background-color: rgba(204,226,254,.2);
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	margin-right: calc(100vw / 1920 * -20); width: calc(100vw / 1920 * 742); height: calc(100vw / 1920 * 618);
}
.sustainable-workers .right .box {
	display: flex; align-items: center; justify-content: center; background-color: rgba(205,226,253,.5);
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 656); height: calc(100vw / 1920 * 546);
}
.sustainable-workers .right .box .img {
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 624);
}
.sustainable-workers .right .box .img .i-box { padding-bottom: 83.17307692307692%; }

@media (max-width: 1440px) {
	.sustainable-workers .left .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.sustainable-workers { padding: calc(100vw / 1920 * 103) 6.25% calc(100vw / 1920 * 96); }
	.sustainable-workers .left { width: 50%; }
	.sustainable-workers .left .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.sustainable-workers { padding: 0; }
	.sustainable-workers .left { order: 2; width: 100%; padding: 30px 6.25%; }
	.sustainable-workers .left .h2 { font-size: 18px; }
	.sustainable-workers .left .text { margin-top: 20px; }
	.sustainable-workers .right { width: 100%; clip-path: initial; height: auto; }
	.sustainable-workers .right .box { width: 100%; clip-path: initial; height: auto; }
	.sustainable-workers .right .box .img { width: 100%; clip-path: initial; }
}




/* 新闻列表 */
.news { padding: calc(100vw / 1920 * 46) calc(100vw / 1920 * 190) calc(100vw / 1920 * 52); margin-top: 0; }
.news::before { display: none; }
.news .bottom { padding-left: 0; margin-top: 0; }
.news .index-news-slick .slick-list { padding-right: 0; margin: 0 calc(100vw / 1920 * -31); }
.news .index-news-slick .slick-slide { padding: 0 calc(100vw / 1920 * 31); }
.news .index-news-slick .item { transition: background-color var(--time); height: auto !important; }
.news .index-news-slick .item:hover { background-color: #1932bd; }
.news .index-news-slick .item .img.i-box { padding-bottom: 62.84501061571125%; }
.news .index-news-slick .item .text { height: auto; padding: calc(100vw / 1920 * 26) calc(100vw / 1920 * 28) 14px !important; }
.news .index-news-slick .item .text .h3 { margin-top: 0; font-weight: initial; transition: color var(--time); }
.news .index-news-slick .item .text .des { margin-top: calc(100vw / 1920 * 16) !important; line-height: 1.5; height: 3em; max-height: 3em;  transition: color var(--time);  }
.news .index-news-slick .item:hover .text .h3 { color: #fff; }
.news .index-news-slick .item:hover .text .des { max-height: initial; color: rgba(255,255,255,.6); }
.news .index-news-slick .item .text .b { margin-top: calc(100vw / 1920 * 28) !important; }
.news .index-news-slick .item .text .time { transition: color var(--time); }
.news .index-news-slick .item:hover .text .time { color: rgba(255,255,255,.5); }
.news .index-news-slick .item .text .more {
	display: flex; align-items: center; justify-content: center;
	background-color: #1932bd; border: 2px solid #fff; color: #fff; font-size: calc(100vw / 1920 * 17);
	border-top-left-radius: 10px; border-bottom-right-radius: 10px;
}
.news .index-news-slick .item .text .more::before { font-family: 'ifont'; content: '\e616'; }

@media (max-width: 1199px) {
	.news { padding: calc(100vw / 1920 * 46) 6.25% calc(100vw / 1920 * 52); }
	.news .index-news-slick .item .text .more { font-size: 12px; width: 36px; height: 36px; }
}
@media (max-width: 767px) {
	.news { padding: 30px 6.25%; }
	.news .index-news-slick .slick-list { padding-right: 0; margin: 0 -5px; }
	.news .index-news-slick .slick-slide { padding: 0 5px; }
	.news .index-news-slick .item .text { padding: 20px !important; }
	.news .index-news-slick .item .text .des { margin-top: 10px !important; }
	.news .index-news-slick .item .text .b { margin-top: 10px !important; }
	.news .index-news-slick .item .text .more { width: 30px; height: 30px; }
}


.news-list { padding-bottom: calc(100vw / 1920 * 105); }
.news-list .list { position: relative; z-index: 1; display: block; overflow: hidden; padding: 0 calc(100vw / 1920 * 190); margin-top: calc(100vw / 1920 * 34); }
.news-list .list:first-child { margin-top: 0; }
.news-list .list .li {
	background: #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1;
	padding: 18px calc(100vw / 1920 * 44) 18px 16px;
}
.news-list .list .li::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: calc(100vw / 1920 * -190); right: calc(100vw / 1920 * -190); bottom: 0; transition: opacity var(--time);
	background: #1932bd; background: linear-gradient(to right, #03789e, #1932bd); opacity: 0;
}
.news-list .list .li .time {
	display: flex; flex-direction: column; align-items: center; justify-content: center; background: #eee; transition: background var(--time);
	width: 9%; padding: 0 5px;
}
.news-list .list .li .time .day { font-size: calc(100vw / 1920 * 64); padding: calc(100vw / 1920 * 25) 0 calc(100vw / 1920 * 15); }
.news-list .list .li .time .year {
	color: #8d8d8d; width: 100%; text-align: center; border-top: 1px solid #d9d9d9;
	font-size: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 16) 0;
}
.news-list .list .li .text { display: flex; justify-content: space-between; align-items: center; width: 86.8%; }
.news-list .list .li .text .txt { width: 88.6%; }
.news-list .list .li .text .h3 { font-size: calc(100vw / 1920 * 24); transition: color var(--time); }
.news-list .list .li .text .des {
	color: #717070; line-height: 1.67; max-height: 3.34em; transition: color var(--time);
	font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 22);
}
.news-list .list .li .text .more {
	display: flex; align-items: center; justify-content: center; border-top-left-radius: 10px; border-bottom-right-radius: 10px;
	background: #1932bd; border: 2px solid #fff; color: #fff; font-size: calc(100vw / 1920 * 17);
	width: calc(100vw / 1920 * 60); height: calc(100vw / 1920 * 60);
}
.news-list .list .li .text .more::before { font-family: 'ifont'; content: '\e616'; }

.news-list .list:hover .li::before { opacity: 1; }
.news-list .list:hover .li .time { background: #fff; }
.news-list .list:hover .li .text .h3 { color: #fff; }
.news-list .list:hover .li .text .des { color: rgba(255,255,255,.7); }

.news-list .page-link { margin-top: calc(100vw / 1920 * 70); }
/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; font-size: calc(100vw / 1920 * 20); }
.page-link ul { display: flex; }
.page-link ul li {
	width: calc(100vw / 1920 * 71); height: calc(100vw / 1920 * 71); border: 1px solid #e5e5e5; color: #929191; border-radius: 50%; margin: 0 calc(100vw / 1920 * 15);
	transition: background-color var(--time), color var(--time), border var(--time);
}
.page-link ul li:hover { border: 1px solid #1932bd; background-color: #1932bd; color: #fff; }
.page-link ul li.active { border: 1px solid #1932bd; background-color: #1932bd; color: #fff; }
.page-link ul li a, .page-link ul li span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 2px; }

@media (max-width: 1440px) {
	.news-list .list .li .time .year { font-size: 15px; }
	.news-list .list .li .text .h3 { font-size: 18px; }
	.news-list .list .li .text .des { font-size: 14px; }
	.news-list .list .li .text .more { font-size: 12px; }
	.page-link { font-size: 15px; }
}
@media (max-width: 1199px) {
	.news-list .list { padding: 0 6.25%; }
	.news-list .list .li { padding: 16px; }
	.news-list .list .li .time .year { font-size: 12px; }
	.news-list .list .li .text .h3 { font-size: 16px; }
	.news-list .list .li .text .des { font-size: 12px; }
	.news-list .list .li .text .more { width: 36px; height: 36px; }
	.page-link { font-size: 12px; }
	.page-link ul li { width: 44px; height: 44px; }
}
@media (max-width: 767px) {
	.news-list { padding-bottom: 30px; }
	.news-list .list { margin-top: 10px; }
	.news-list .list .li { padding: 15px; }
	.news-list .list .li .time { width: 80px; margin: 0 auto; }
	.news-list .list .li .time .day { font-size: 22px; padding: 10px 0 8px; }
	.news-list .list .li .time .year { padding: 5px 0; }
	.news-list .list .li .text { width: 100%; flex-wrap: wrap; margin-top: 15px; }
	.news-list .list .li .text .txt { width: 100%; }
	.news-list .list .li .text .des { margin-top: 10px; }
	.news-list .list .li .text .more { width: 30px; height: 30px; margin-left: auto; margin-top: 10px; }
	.news-list .page-link { margin-top: 30px; }
	.page-link ul li { width: 35px; height: 35px; margin: 0 3px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}




/* 新闻详情 */
.news-details { padding: calc(100vw / 1920 * 96) calc(100vw / 1920 * 190) calc(100vw / 1920 * 166); }
.news-details .top {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ddd;
	padding: 0 0 calc(100vw / 1920 * 15) calc(100vw / 1920 * 16);
}
.news-details .top .time {
	display: flex; flex-direction: column; align-items: center; background: #1932bd; color: #fff; width: 8.6%; padding: 0 5px;
	background: linear-gradient(to bottom, #0f2289, #1932bd);
}
.news-details .top .time .day { font-size: calc(100vw / 1920 * 48); padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 16); }
.news-details .top .time .year {
	border-top: 1px solid rgba(255,255,255,.4); width: 100%; text-align: center; font-size: calc(100vw / 1920 * 20);
	padding: calc(100vw / 1920 * 10) 0;
}
.news-details .box { width: 87.1%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.news-details .box .tit { width: 84%; padding-bottom: calc(100vw / 1920 * 18); }
.news-details .box .tit .h2 { line-height: 1.28; font-size: calc(100vw / 1920 * 28); }
.news-details .box .tit .t { font-size: calc(100vw / 1920 * 16); color: #888787; margin-top: calc(100vw / 1920 * 18); }
.news-details .box .back {
	display: flex; align-items: center; justify-content: center; background-color: #1932bd; color: #fff; border-radius: calc(100vw / 1920 * 28);
	width: calc(100vw / 1920 * 162); height: calc(100vw / 1920 * 56); font-size: calc(100vw / 1920 * 20); margin-bottom: calc(100vw / 1920 * 24);
}

.news-details .con { color: #666; line-height: 1.8; font-size: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 60) 0 calc(100vw / 1920 * 150); }
.news-details .link { display: flex; flex-direction: column; font-size: calc(100vw / 1920 * 24); }
.news-details .link > a {
	display: flex; align-items: center; border-top: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; width: 100%;
	position: relative; z-index: 1; transition: color var(--time); height: calc(100vw / 1920 * 80); padding-right: calc(100vw / 1920 * 70); padding-left: calc(100vw / 1920 * 18);
}
.news-details .link > a:last-child { margin-top: -1px; }
.news-details .link > a::before {
	content: ''; position: absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: #1932bd;
	background: linear-gradient(to right, #1932bd, #0672cd); opacity: 0; transition: opacity var(--time);
}
.news-details .link > a::after {
	position: absolute; top: 50%; right: calc(100vw / 1920 * 20); transform: translateY(-50%); color: #7b7b7b; transition: color var(--time);
	font-family: 'ifont'; font-size: calc(100vw / 1920 * 22); content: '\e616';
}
.news-details .link > a:hover { color: #fff; }
.news-details .link > a:hover::before { opacity: 1; }
.news-details .link > a:hover::after { color: #fff; }

@media (max-width: 1440px) {
	.news-details .box .tit .t { font-size: 12px; }
}
@media (max-width: 1199px) {
	.news-details { padding: calc(100vw / 1920 * 96) 6.25% calc(100vw / 1920 * 166); }
	.news-details .top .time .year { font-size: 12px; padding: 6px 0; }
	.news-details .box .tit .h2 { font-size: 18px; }
	.news-details .box .back { width: 100px; height: 35px; font-size: 12px; border-radius: 18px; }
	.news-details .con { font-size: 12px; }
	.news-details .link { font-size: 15px; }
	.news-details .link > a { height: 48px; }
	.news-details .link > a::after { font-size: 14px; }
}
@media (max-width: 991px) {
	.news-details .box .tit { width: 81%; }
	.news-details .link > a { padding-left: 10px; padding-right: 40px; }
	.news-details .link > a::after { right: 15px; }
}
@media (max-width: 767px) {
	.news-details { padding: 30px 6.25%; }
	.news-details .top { padding: 0 0 10px 0; }
	.news-details .top .time { width: 80px; }
	.news-details .top .time .day { font-size: 22px; padding: 10px 0 8px; }
	.news-details .box { width: 100%; margin-top: 10px; }
	.news-details .box .tit { width: 100%; padding-bottom: 0; }
	.news-details .box .tit .h2 { font-size: 16px; }
	.news-details .box .tit .t { margin-top: 10px; }
	.news-details .box .back { margin: 0; margin-top: 10px; margin-left: auto; width: 100%; }
	.news-details .con { padding: 20px 0 30px; }
	.news-details .link { font-size: 14px; }
	.news-details .link > a { padding-right: 30px; }
	.news-details .link > a::after { right: 10px; }
}




/* 媒体视角 */
.news-video {
	display: flex; flex-wrap: wrap; justify-content: space-between;
	padding: calc(100vw / 1920 * 36) calc(100vw / 1920 * 190) calc(100vw / 1920 * 100);
}
.news-video .list { width: 48.117%; margin-bottom: calc(100vw / 1920 * 45); }
.news-video .list .img { border-radius: 10px; }
.news-video .list .img.i-box { padding-bottom: 56.2753036437247%; }
.news-video .list .h3 { line-height: 1.25; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 45); }
.news-video .page-link { margin-top: calc(100vw / 1920 * 45); }

@media (max-width: 1199px) {
	.news-video { padding: calc(100vw / 1920 * 36) 6.25% calc(100vw / 1920 * 55); }
	.news-video .list .h3 { font-size: 15px; }
}
@media (max-width: 767px) {
	.news-video { padding: 30px 6.25%; }
	.news-video .list { width: 100%; margin-bottom: 20px; }
	.news-video .list .h3 { margin-top: 20px; font-size: 14px; }
	.news-video .page-link { margin-top: 10px; }
}




/* 联系我们 */
.contact { padding: calc(100vw / 1920 * 86) calc(100vw / 1920 * 190) calc(100vw / 1920 * 116); }
.contact .box { position: relative; }
.contact .map { width: 100%; height: calc(100vw / 1920 * 770); z-index: 1; }
.contact .con {
	position: absolute; z-index: 6; left: 0; bottom: 0; background: url(../images/contact-bg.png) center / cover no-repeat; color: #fff;
	padding: calc(100vw / 1920 * 124) calc(100vw / 1920 * 40) calc(100vw / 1920 * 110); max-width: 45%;
}
.contact .con .h2 { font-size: calc(100vw / 1920 * 28); }
.contact .con .text { font-size: calc(100vw / 1920 * 18); line-height: 2; margin-top: calc(100vw / 1920 * 30); }

.map { width: 100%; height: 100%; }
.map .BMapLabel { transform: translate(-50%, -180%); border: none!important; }
.map .anchorBL { z-index: 1!important; opacity: .1; }
.map .mapinfo { font-size: 16px; color: #666; padding: 10px; }
.map .mapinfo::after { position:absolute; left: calc(50% - 9px); bottom:-14px; font-family:'ifont'; content:'\e606'; color:#fff; font-size:18px; }

@media (max-width: 1440px) {
	.contact .con .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.contact { padding: calc(100vw / 1920 * 86) 6.25% calc(100vw / 1920 * 116); }
	.contact .con .text { font-size: 12px; }
	.contact .con .h2 { font-size: 18px; }
}
@media (max-width: 991px) {
	.contact .map { height: 400px; }
}
@media (max-width: 767px) {
	.contact { padding: 30px 6.25%; }
	.contact .map { height: 300px; }
	.contact .con { position: relative; padding: 20px; max-width: 100%; width: 100%; }
	.contact .con .h2 { font-size: 16px; }
	.contact .con .text { margin-top: 10px; }
	.map .mapinfo { font-size: 14px; }
}




/* 人才理念 */
.join-talent {
	clip-path: polygon(0% 0%,100% 5.2571%,100% 100%,0% 100%);
	padding: calc(100vw / 1920 * 142) calc(100vw / 1920 * 152) calc(100vw / 1920 * 88) 0; margin-top: calc(100vw / 1920 * 78);
}
.join-talent .box-1 {
	display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.3); margin-left: auto;
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 777); height: calc(100vw / 1920 * 645);
}
.join-talent .box-2 {
	display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.5);
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 714); height: calc(100vw / 1920 * 593);
}
.join-talent .box-3 {
	display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(25,50,189,.8); color: #fff;
	clip-path: polygon(42.88% 0%, 100% 36.8522%, 74.4% 100%, 18.24% 94.2419%, 0% 41.0748%);
	width: calc(100vw / 1920 * 668); height: calc(100vw / 1920 * 555); padding-top: calc(100vw / 1920 * 40);
}
.join-talent .box-3 .h2 { font-size: calc(100vw / 1920 * 36); }
.join-talent .box-3 .text { line-height: 2.33; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 26); }

@media (max-width: 1440px) {
	.join-talent .box-1 { width: calc(100vw / 1680 * 777); height: calc(100vw / 1680 * 645); }
	.join-talent .box-2 { width: calc(100vw / 1680 * 714); height: calc(100vw / 1680 * 593); }
	.join-talent .box-3 { width: calc(100vw / 1680 * 668); height: calc(100vw / 1680 * 555); }
	.join-talent .box-3 .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.join-talent .box-1 { width: calc(100vw / 1440 * 777); height: calc(100vw / 1440 * 645); }
	.join-talent .box-2 { width: calc(100vw / 1440 * 714); height: calc(100vw / 1440 * 593); }
	.join-talent .box-3 { width: calc(100vw / 1440 * 668); height: calc(100vw / 1440 * 555); }
	.join-talent .box-3 .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.join-talent .box-1 { width: calc(100vw / 1280 * 777); height: calc(100vw / 1280 * 645); }
	.join-talent .box-2 { width: calc(100vw / 1280 * 714); height: calc(100vw / 1280 * 593); }
	.join-talent .box-3 { width: calc(100vw / 1280 * 668); height: calc(100vw / 1280 * 555); }
}
@media (max-width: 767px) {
	.join-talent { clip-path: initial; margin-top: 0; padding: 30px 6.25%; }
	.join-talent .box-1 { width: 100%; height: auto; clip-path: initial; background: transparent; }
	.join-talent .box-2 { width: 100%; height: auto; clip-path: initial; background: transparent; }
	.join-talent .box-3 { width: 100%; height: auto; clip-path: initial; padding: 30px 20px; }
	.join-talent .box-3 .h2 { font-size: 16px; }
	.join-talent .box-3 .text { margin-top: 10px; }
}


.join-list .list { padding: calc(100vw / 1920 * 122) calc(100vw / 1920 * 190) calc(100vw / 1920 * 68); }
.join-list .list .li { width: 29.871%; margin-right: 5.18%; text-align: left; }
.join-list .list .li .bg::before { background-color: rgba(25, 50, 189, .8); }
.join-list .list .li .con { padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 46) calc(100vw / 1920 * 177); }
.join-list .list .li .con .h3 { color: #1932bd; transition: color var(--time); }
.join-list .list .li:hover .con .h3 { color: #fff; }

@media (max-width: 1199px) {
	.join-list .list { padding: calc(100vw / 1920 * 122) 6.25% calc(100vw / 1920 * 68); }
}
@media (max-width: 767px) {
	.join-list .list { padding: 30px 6.25%; }
	.join-list .list .li { width: 100%; margin-right: 0; }
	.join-list .list .li .con { padding: 20px; }
}




/* 校园招聘 - 社会招聘 */
.join-hire {
	clip-path: polygon(0% 10.0877%,100% 0%,100% 100%,0% 100%); padding: calc(100vw / 1920 * 232) calc(100vw / 1920 * 190) calc(100vw / 1920 * 104);
}
.join-hire .link { display: flex; justify-content: center; }
.join-hire .link a {
	display: flex; align-items: center; justify-content: center; color: #000; position: relative;
	border: 1px solid #dcdcdc; transition: all var(--time); overflow: hidden;
	width: calc(100vw / 1920 * 200); height: calc(100vw / 1920 * 60); margin: 0 calc(100vw / 1920 * 15);
	font-size: calc(100vw / 1920 * 24); border-radius: calc(100vw / 1920 * 30);
}
.join-hire .link a::before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; 
	background: linear-gradient(to right, #f2f1f2, #fff, #eee); z-index: -1;
}
.join-hire .link a.active { background: #1932bd; border: 1px solid #1932bd; color: #fff; }
.join-hire .content { position: relative; margin-top: calc(100vw / 1920 * 70); }
.join-hire .content .box { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; visibility: hidden; opacity: 0; transition: all var(--time); }
.join-hire .content .box.active { position: relative; z-index: 1; visibility: visible; opacity: 1; }

.join-hire .list { background: #fff; margin-bottom: calc(100vw / 1920 * 45); }
.join-hire .list:last-child { margin-bottom: 0; }
.join-hire .list .top { display: flex; flex-wrap: wrap; cursor: pointer; height: calc(100vw / 1920 * 168); font-size: calc(100vw / 1920 * 18); }
.join-hire .list .top .text { display: flex; flex-direction: column; justify-content: center; width: 84.4%; line-height: 1.2; padding: 0 calc(100vw / 1920 * 54); }
.join-hire .list .top .text>div { display: flex; align-items: flex-end; padding: calc(100vw / 1920 * 14) 0; }
.join-hire .list .top .text>div p:first-child { width: 240px; padding-right: 20px; }
.join-hire .list .top .text .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 20); }
.join-hire .list .top .text .time { color: #666; font-size: calc(100vw / 1920 * 16); }
.join-hire .list .top .more {
	display: flex; align-items: center; justify-content: center; width: 15.6%; height: 100%; border-left: 1px solid #e8e8e8;
	transition: color var(--time);
}
.join-hire .list.active .top .more { color: #1932bd; }
.join-hire .list .bottom {
	border-top: 1px solid #e8e8e8; line-height: 2; font-size: calc(100vw / 1920 * 16);
	padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 60) calc(100vw / 1920 * 62); display: none;
}

@media (max-width: 1440px) {
	.join-hire .list .top { font-size: 14px; }
	.join-hire .list .top .text .h3 { font-size: 15px; }
	.join-hire .list .top .text .time { font-size: 12px; }
	.join-hire .list .bottom { font-size: 12px; }
}
@media (max-width: 1199px) {
	.join-hire { padding: calc(100vw / 1920 * 232) 6.25% calc(100vw / 1920 * 104); }
	.join-hire .link a { width: 124px; height: 36px; font-size: 15px; border-radius: 18px; }
}
@media (max-width: 767px) {
	.join-hire { padding: 30px 6.25%; clip-path: initial; }
	.join-hire .link a { font-size: 14px; width: 120px; margin: 0 5px; }
	.join-hire .content { margin-top: 20px; }
	.join-hire .list .top { height: auto; }
	.join-hire .list .top .text { width: 100%; padding: 10px 20px; }
	.join-hire .list .top .more { display: none; }
	.join-hire .list .top .text>div { padding: 5px 0; }
	.join-hire .list .top .text>div p { width: 50% !important; }
	.join-hire .list .top .text>div p:first-child { padding-right: 10px; }
	.join-hire .list .bottom { padding: 20px; }
}




/* 2025-3-11 修改 */
.index-about .bottom { justify-content: space-around; }
.about-group .top .list { justify-content: space-around; }
.index-layout .tit p { display: none; }
.about-culture::after { display: none; }
.about-partner { margin-top: calc(100vw / 1920 * 88); }
@media (max-width: 767px) {
	.index-about .bottom .li { width: 50%; }
	.about-group .top .list .li { width: 50%; }
	.about-partner { margin-top: 0; }
}
@media (min-width: 767px) {
	.core-link { display: none; }
}