@charset "utf-8";
/* normalize.css v8.0.1 -- CSS reset 替代方案，提供跨浏览器高度一致性 */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }




/* CSS reset -- 默认样式重置 */
html, body, div, p, span, img, a, h1, h2, h3, h4, h5, h6, video,
form, label, input, textarea, button, select,
table, tr, th, td, caption, tbody, tfoot, thead,
header, footer, section, nav, article, aside, details, menu {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	box-sizing: border-box; /* 元素宽高包含内边距和边框 */
	vertical-align: baseline; /* 元素与基线垂直对齐 */
	-webkit-tap-highlight-color: transparent; /* IOS去掉点击背景颜色 */
}
body {
	font-family: Arial, "Microsoft YaHei";
	font-size: 16px; color: #333;
	line-height: 1; background-color: #fff;
	max-width: 1920px; margin: 0 auto;
	-webkit-font-smoothing: antialiased; /* 字体抗锯齿，显示更清晰，Chrome、Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
}
a, a:link, a:visited, a:hover {
  text-decoration: none; color: inherit;
	backface-visibility: hidden; /* 元素翻转背面隐藏 */
	-webkit-backface-visibility: hidden; /* Safari */
}
table {
	border-collapse: collapse; /* 合并边框 */
	border-spacing: 0; /* 边框间距 */
}
@media (max-width: 767px) {
	table { display: inline-block; overflow: auto; }
	table::-webkit-scrollbar { height: 2px; }
	table tr td { white-space: nowrap; padding: 10px; }
}
img { max-width: 100%; }
img[src=''] { display: none; }
textarea { resize: none; font-family: inherit; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; }
header ul, footer ul, .slick ul, .page-link ul, .anchor-link ul { margin: 0; padding: 0; list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture { display: block; } /* 低版本浏览器HTML5元素重置 */




/* 公共样式 */
/* iconfont字体 */
@font-face {
	font-family: 'ifont';
	src: url('../ifont/iconfont.woff2') format('woff2'),
			 url('../ifont/iconfont.woff') format('woff'),
			 url('../ifont/iconfont.ttf') format('truetype');
}
@font-face {
	font-family: 'iconfont';
	src: url('../ifont/item/iconfont.woff2') format('woff2'),
			 url('../ifont/item/iconfont.woff') format('woff'),
			 url('../ifont/item/iconfont.ttf') format('truetype');
}


/* 像素转换百分比 1920分辨率
	1% = 19.2px
	120px / 19.2 = 6.25%
*/
.p-120 { padding: 0 6.25%; }
.p-110 { padding: 0 5.72916666%; }
.p-100 { padding: 0 5.20833333%; }
@media (min-width: 1920px) {
	.p-120 { padding: 0 120px; }
	.p-110 { padding: 0 110px; }
	.p-100 { padding: 0 100px; }
}


/* 字号响应式 */
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
.f-20 { font-size: 20px; }
.f-22 { font-size: 22px; }
.f-24 { font-size: 24px; }
.f-26 { font-size: 26px; }
.f-28 { font-size: 28px; }
.f-30 { font-size: calc(100vw / 1920 * 30); }
.f-32 { font-size: calc(100vw / 1920 * 32); }
.f-36 { font-size: calc(100vw / 1920 * 36); }
.f-42 { font-size: calc(100vw / 1920 * 42); }
.f-46 { font-size: calc(100vw / 1920 * 46); }
.f-48 { font-size: calc(100vw / 1920 * 48); }
.f-50 { font-size: calc(100vw / 1920 * 50); }
.f-56 { font-size: calc(100vw / 1920 * 56); }
.f-60 { font-size: calc(100vw / 1920 * 60); }
.f-64 { font-size: calc(100vw / 1920 * 64); }
.f-72 { font-size: calc(100vw / 1920 * 72); }
.f-80 { font-size: calc(100vw / 1920 * 80); }
.f-120 { font-size: calc(100vw / 1920 * 120); }

@media (max-width: 1680px) {
	.f-16 { font-size: 15px; }
	.f-18 { font-size: 17px; }
	.f-20 { font-size: 19px; }
	.f-22 { font-size: 21px; }
	.f-24 { font-size: 22px; }
	.f-26 { font-size: 24px; }
	.f-28 { font-size: 26px; }
}
@media (max-width: 1440px) {
	.f-16 { font-size: 14px; }
	.f-18 { font-size: 16px; }
	.f-20 { font-size: 18px; }
	.f-22 { font-size: 20px; }
	.f-24 { font-size: 20px; }
	.f-26 { font-size: 22px; }
	.f-28 { font-size: 24px; }
}
@media (max-width: 1199px) {
	.f-16 { font-size: 13px; }
	.f-18 { font-size: 15px; }
	.f-20 { font-size: 17px; }
	.f-22 { font-size: 18px; }
	.f-24 { font-size: 18px; }
	.f-26 { font-size: 20px; }
	.f-28 { font-size: 22px; }
}
@media (max-width: 991px) {
	.f-14 { font-size: 12px; }
	.f-16 { font-size: 12px; }
	.f-18 { font-size: 14px; }
	.f-20 { font-size: 16px; }
	.f-22 { font-size: 16px; }
	.f-24 { font-size: 16px; }
	.f-26 { font-size: 18px; }
	.f-28 { font-size: 20px; }
	.f-30 { font-size: 18px; }
	.f-32 { font-size: 18px; }
	.f-36 { font-size: 18px; }
}
@media (max-width: 767px) {
	.f-28 { font-size: 18px; }
	.f-42 { font-size: 18px; }
	.f-46 { font-size: 18px; }
	.f-48 { font-size: 18px; }
	.f-50 { font-size: 18px; }
	.f-56 { font-size: 18px; }
	.f-60 { font-size: 18px; }
	.f-64 { font-size: 22px; }
	.f-72 { font-size: 22px; }
	.f-80 { font-size: 24px; }
	.f-120 { font-size: 38px; }
}
@media (min-width: 1920px) {
	.f-30 { font-size: 30px; }
	.f-32 { font-size: 32px; }
	.f-36 { font-size: 36px; }
	.f-42 { font-size: 42px; }
	.f-46 { font-size: 46px; }
	.f-48 { font-size: 48px; }
	.f-50 { font-size: 50px; }
	.f-56 { font-size: 56px; }
	.f-60 { font-size: 60px; }
	.f-64 { font-size: 64px; }
	.f-72 { font-size: 72px; }
	.f-80 { font-size: 80px; }
	.f-120 { font-size: 120px; }
}


/* 滚动条样式 */
::-webkit-scrollbar { width: 0; height: 0; background-color: rgba(0, 0, 0, .1); }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .4); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .6); }
.scrollbar { overflow: auto; padding-right: 5px; }
.scrollbar::-webkit-scrollbar { width: 2px; height: 2px; }


/* 图片放大效果 */
.i-scale .img { overflow: hidden; }
.i-scale .img img { transition: transform 1s ease-in-out; }
.i-scale:hover .img img { transform: scale(1.1); }


/* 图片固定宽高比例 */
.i-box { position: relative; overflow: hidden; height: 0; padding-bottom: 100%; }
.i-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


/* 文字超出隐藏 */
.ell-o { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ell-t {
	overflow: hidden; white-space: normal; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	max-height: 2em;
}


/* 清除浮动 */
.clearfix::after { content: ""; display: table; clear: both; }


/* 锚点 */
.anchor { position: relative; top: -50px; }


/* slick 轮播默认样式 */
.slick { overflow: hidden; }
.slick .slick-slide .img img { width: 100%; }
.slick .slick-slide video { width: 100%; object-fit: cover; }
/* 箭头导航 */
.slick .slick-arrow {
  position: absolute; z-index: 1; top: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center;
	border-radius: 50%; transform: translateY(-50%); font-size: 0; width: 60px; height: 60px;
	background-color: #fff; color: #000; transition: background-color 0.8s, color 0.8s;
}
.slick .slick-arrow:after { font-family: 'ifont'; font-size: 20px; }
.slick .slick-arrow:hover { background-color: #000; color: #fff; }
.slick .slick-prev { left: 40px; }
.slick .slick-prev:after { content: '\e61e'; margin-right: 3px; }
.slick .slick-next { right: 40px; }
.slick .slick-next:after { content: '\e68c'; margin-left: 3px; }
/* 圆点导航 */
.slick .slick-dots { display: flex; position: absolute; left: 50%; transform: translateX(-50%); font-size: 0; bottom: 60px; }
.slick .slick-dots li { margin: 0 5px; }
.slick .slick-dots li button { border-radius: 50%; cursor: pointer; background-color: #fff; width: 20px; height: 20px; transition: background-color .8s }
.slick .slick-dots li.slick-active button { background-color: #000; }
/* video.js 视频播放按钮 */
.video-js .vjs-big-play-button {
	width:2em; height: 2em; line-height: 2em; border-radius: 50%; border: none;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
	.slick .slick-arrow { width: 35px; height: 35px; }
	.slick .slick-arrow:after { font-size: 12px; }
	.slick .slick-prev { left: 15px; }
	.slick .slick-next { right: 15px; }
	.slick .slick-dots { bottom: 15px; }
	.slick .slick-dots li {  margin: 0 3px; }
	.slick .slick-dots li button { width: 12px; height: 12px; }
}


/* swiper 轮播默认样式 */
/* 箭头导航 */
.swiper-button-prev, .swiper-button-next {
	display: flex; justify-content: center; align-items: center; background-image: inherit;
	border-radius: 50%; background-color: #fff; color: #000; transition: background-color 0.8s, color 0.8s;;
	width: 60px; height: 60px; font-size: 20px;
}
.swiper-button-prev:hover, .swiper-button-next:hover { background-color: #000; color: #fff; }
.swiper-button-prev::after, .swiper-button-next::after { font-family: 'ifont'; }
.swiper-button-prev::after { content: '\e61e'; margin-right: 3px; }
.swiper-button-next::after { content: '\e68c'; margin-left: 3px; }
.swiper-button-prev { right: auto; left: 10px; }
.swiper-button-next { left: auto; right: 10px; }
/* 圆点导航 */
.swiper-container .swiper-pagination { bottom: 0; }
.swiper-pagination-bullet { background-color: #ccc; width: 20px; height: 20px; margin: 0 5px; }
.swiper-pagination-bullet-active { background-color: #000; }


/* 手机底部固定链接 */
.footer-link {
	position: fixed; left: 0; bottom: 0px; width: 100%; height: 50px;
	color: #fff; background-color: #000; font-size: 24px;
	border-top: 1px solid #fff; z-index: 9; display: none;
}
.footer-link a { display: flex; justify-content: center; align-items: center; flex: 1; }
.footer-link a:after { font-family: 'ifont'; }
.footer-link .tel:after { content: '\e7a2'; }
.footer-link .email:after { content: '\e672'; }
.footer-link .backtop:after { content: '\e65b'; }
.footer-link a + a { border-left: 1px solid #fff; }
@media (max-width:767px) {
	.footer { margin-bottom: 50px; }
	.footer-link { display:flex; }
}


/* 返回顶部 - 默认样式 */
.back-top {
	position: fixed; border-radius: 50%; cursor: pointer; right: -60px; bottom: 60px;
	z-index: 2; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,.2); transition: right .8s, opacity .8s;
}
.back-top.active { right: 60px; opacity: 1; }
.back-top .icon {
	display: flex; justify-content: center; align-items: center; border-radius: inherit;
	padding-top: 2px; position: relative; width: 50px; height: 50px; color: #000;
	background-color: #fff; transition: box-shadow .6s, color .8s;
}
.back-top .icon:hover { box-shadow: inset 0 0 0 25px #000; color: #fff; }
.back-top .icon:before { font-family:'ifont'; content:'\e65b'; font-size: 16px; }
.back-top .icon svg { display: none; }
/* 返回顶部 - 样式一 */
.back-top-1 .icon { background-color: #000; color: #fff; }
.back-top-1:before {
	content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px;
	border: 2px dashed #000; border-radius: inherit; animation: backtopRotate 20s linear infinite;
}
.back-top-1:hover:before { animation-duration: 2s; }
@keyframes backtopRotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* 返回顶部 - 样式二 */
.back-top-2 .icon:hover { box-shadow: initial; color: initial; }
.back-top-2 .icon svg { display: block; }
.back-top-2 .icon svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.back-top-2 .icon svg path { fill: none; stroke: #000; stroke-width: 4; transition: .2s linear; }
@media (max-width:767px) {
	.back-top { display: none; }
}




/*
 * 首页 banner
*/
/* 图片动效，从大缓慢缩小 */
.index-slick .slick-current .img img { animation: banner 4s 0s ease both; }
@keyframes banner {
  0% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.index-banner { position: relative; }
.index-banner .logo {
	position: absolute; top: 30px; left: 90px; width: 189px; z-index: 1;
}
.index-banner .logo .i-box { padding-bottom: 22.22222222222222%; }
@media (min-width: 1199px) {
	.index-banner .index-slick { height: 100vh; }
}
.index-banner .index-slick { overflow: hidden; } /* 解决 slick.js 刷新没有高度问题 */
.index-banner .index-slick .slick-list { height: inherit; }
.index-banner .index-slick .slick-track { height: inherit; }
.index-banner .index-slick video { width: 100%; height: 100%; } /* 小窗口浏览器刷新视频不乱 */
.index-banner .index-slick .img.i-box { padding-bottom: 50%; height: inherit; }
.index-banner .index-slick .item { position: relative; height: inherit; }
.index-banner .index-slick .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; }
.index-banner .index-slick .text {
	width: 100%; padding: 0 calc(100vw / 1920 * 200);
	color: #fff; font-weight: 800;
}
.index-banner .index-slick .text .pic { width: calc(100vw / 1920 * 706); }
.index-banner .index-slick .text .pic img { width: 100%; }
.index-banner .index-slick .text .h2 { text-transform: uppercase; }
.index-banner .index-slick .text .h3 { width: calc(100vw / 1920 * 910); line-height: 1.5; margin-top: 24px; }
.index-banner .index-slick .text.center { text-align: center; }
.index-banner .index-slick .text.right { text-align: right; }
@media (min-width: 767px) {
	.index-banner .index-slick .slick-current .text .pic { animation: fadeIn 1.5s 0s ease both; }
	.index-banner .index-slick .slick-current .text .h2 { animation: fadeInDown 1s 0s ease both; }
	.index-banner .index-slick .slick-current .text .h3 { animation: fadeInUp 1s 0s ease both; }
}

.index-banner .index-slick .slick-dots { bottom: 78px; }
.index-banner .index-slick .slick-dots li { margin: 0 19px; }
.index-banner .index-slick .slick-dots li button { width: 15px; height: 15px; position: relative; }
.index-banner .index-slick .slick-dots li button::after {
	content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px;
	border: 1px solid #f4d82c; border-radius: 50%; opacity: 0; transition: opacity .5s;
}
.index-banner .index-slick .slick-dots li.slick-active button { background-color: #f4d82c; }
.index-banner .index-slick .slick-dots li.slick-active button::after { opacity: 1; }

@media (max-width: 1440px) {
	.index-banner .logo { width: 140px; }
}
@media (max-width: 1199px) {
	.index-banner .index-slick .text { width: 100%; }
	.index-banner .index-slick .text .h3 { margin-top: 30px; }
	.index-banner .index-slick .slick-dots { bottom: 40px; }
	.index-banner .index-slick .slick-dots li { margin: 0 10px; }
	.index-banner .logo { left: 60px; }
}
@media (max-width: 991px) {
	.index-banner .logo { width: 120px; }
	.index-banner .index-slick .slick-dots li button { width: 10px; height: 10px; }
}
@media (max-width: 767px) {
	.index-banner .logo { width: 90px; left: 6.25%; top: 20px; }
	.index-banner .index-slick .slick-dots { bottom: 20px; }
	.index-banner .index-slick .slick-dots li { margin: 0 8px; }
	.index-banner .index-slick .text .h2 { font-size: 16px; }
	.index-banner .index-slick .text .h3 { width: 100%; margin-top: 5px; font-size: 14px; }
}




.section-2 {
	padding: 0 6.25%; overflow: hidden; position: relative;
	display: flex!important; flex-direction: column; justify-content: center; z-index: 1;
	background-repeat: no-repeat; background-position: center; background-size: cover;
}
.section-2::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,.5); z-index: -1;
}
@media (min-width: 1199px) {
	.section-2 { height:100vh; }
}
.section-2 .text {
	width: 1270px; margin: 0 auto; text-align: center;
}
.section-2 .text .h2 {
	color: #fff; font-weight: 800; font-style: italic;
	border-bottom: 1px solid #fff; display: inline-block;
	padding-bottom: 14px; margin-bottom: 18px;
}
.section-2 .text .top {
	text-align: center; color: #f4d82c; font-weight: 800; line-height: 1.25;
}
.section-2 .text .bottom { color: #fff; line-height: 1.36; text-align: center; margin-top: calc(100vw / 1920 * 32); }
.section-2 .list {
	color: #fff; line-height: 1.25; margin-top: calc(100vw / 1920 * 72);
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.section-2 .list .li { flex: 1; text-align: center; }
.section-2 .list .li .icon {
	width: calc(100vw / 1920 * 139); height: calc(100vw / 1920 * 139); border-radius: 50%; background-color: rgba(255,255,255,1);
	display: flex; justify-content: center; align-items: center; margin: 0 auto; overflow: hidden;
}
.section-2 .list .li .icon img { width: 100%; height: 100%; }
.section-2 .list .li .h3 { margin-top: calc(100vw / 1920 * 26); }

@media (min-width: 767px) {
	.section-2.active .text { animation: fadeInDown 1s 0s ease both; }
	.section-2.active .list { animation: fadeInUp 1s 0s ease both; }
}


@media (max-width: 1680px) {
	.section-2 .text { width: 100%; }
}
@media (max-width: 1199px) {
	.section-2 { padding: 80px 6.25%; }
}
@media (max-width: 767px) {
	.section-2 { padding: 40px 6.25%; }
	.section-2 .text .h2 { padding-bottom: 10px; margin-bottom: 15px; }
	.section-2 .text .bottom { margin-top: 15px; font-size: 14px; }
	.section-2 .list { margin-top: 20px; }
	.section-2 .list .li { flex: auto; width: 33%; margin-bottom: 15px; }
	.section-2 .list .li:nth-child(5) { display: none; }
	.section-2 .list .li .icon { width: 80px; height: 80px; }
	.section-2 .list .li .h3 { margin-top: 10px; font-size: 14px; }
	.section-2 .text .top { font-size: 16px; }
}




.section-3 {
	position: relative; z-index: 1; padding: 0 calc(100vw / 1920 * 240);
	display: flex!important; flex-direction: column; justify-content: center;
	overflow-y: initial;
	background-repeat: no-repeat; background-position: center; background-size: cover;
}
.section-3::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(243,207,30,.8); z-index: -1;
}
@media (min-width: 1199px) {
	.section-3 { height: 100vh; }
}
.section-3 .top { text-align: center; }
.section-3 .top .h2 {
	font-weight: 800;
}
.section-3 .top .text {
	width: 820px; margin: 0 auto; line-height: 1.25; margin-top: 30px;
}
.section-3 .bottom {
	margin-top: 50px;
}
.section-3 .bottom>div {
	display: flex; justify-content: center; margin-bottom: 12px;
}
.section-3 .bottom>div.ph { display: none; }
.section-3 .bottom>div:last-child { margin-bottom: 0; }
.section-3 .bottom .list {
	width: calc(100vw / 1920 * 230); display: flex; margin: 0 5px;
	border-radius: 8px; overflow: hidden; transition: box-shadow .5s;
}
.section-3 .bottom .list img { width: 100%; height: 100%; }
.section-3 .bottom .list:hover {
	box-shadow: 0 0 10px 10px rgba(0,0,0,.1);
}
@media (min-width: 767px) {
	.section-3.active .top { animation: fadeInDown 1s 0s ease both; }
	.section-3.active .bottom { animation: fadeInUp 1s 0s ease both; }
}

@media (max-width: 1199px) {
	.section-3 { padding: 80px 6.25%; }
	.section-3 .top .text { width: 100%; }
}
@media (max-width: 767px) {
	.section-3 { padding: 40px 6.25%; }
	.section-3 .top .text { margin-top: 20px; }
	.section-3 .bottom { display: flex; flex-direction: column; margin-top: 30px; }
	.section-3 .bottom>div { flex-wrap: wrap; margin-bottom: 0; display: none; }
	.section-3 .bottom>div.ph { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.section-3 .bottom>div:nth-child(2) { order: 2; }
	.section-3 .bottom .list { width: 31%; margin: 0 0 10px; }
	.section-3 .bottom .list .img { width: 100%; }
}




.section-4 {
	display: flex!important; overflow-y: initial; flex-direction: row; font-size: 0;
}
@media (min-width: 1199px) {
	.section-4 { height: 100vh; }
}
.section-4 img { object-fit: cover; width: 100%; height: 100%; }
.section-4 .left { width: 40.41666666666667%; }
.section-4 .right { position: relative; color: #fff; width: 59.58333333333333%; }
.section-4 .right .img { height: 100%; }
.section-4 .right .con {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	display: flex; flex-direction: column; justify-content: flex-end;
	padding-left: calc(100vw / 1920 * 150); padding-bottom: calc(100vw / 1920 * 160);
}
.section-4 .right .con .h2 { font-weight: 800; text-transform: uppercase; }
.section-4 .right .con .tel { font-weight: 800; margin-top: calc(100vw / 1920 * 40); }
.section-4 .right .con .text { line-height: 1.5; font-weight: bold; margin-top: calc(100vw / 1920 * 30); width: 440px; }
@media (min-width: 767px) {
	.section-4.active .right .con>div { animation: fadeInDown 1s 0s ease both; }
}

@media (max-width: 767px) {
	.section-4 { flex-direction: column; }
	.section-4 .left { width:100%; display: none; }
	.section-4 .right { width:100%; }
	.section-4 .right .con { padding: 0 6.25% calc(100vw / 1920 * 160); }
	.section-4 .right .con .text { width: 100%; }
}




/* 全屏滚动 */
#fp-nav.fp-right { right: 40px; z-index: 1; }
#fp-nav ul li { margin: 40px 0; width: 7px; height: 7px; }
#fp-nav ul li::after {
	content: ''; position: absolute; bottom: -27px; left: 50%; width: 1px; height: 15px;
	background-color: rgba(255,255,255,.5); transform: translateX(-50%);
}
#fp-nav ul li:last-child::after { display: none; }
#fp-nav ul li a span { width: 7px; height: 7px; background: #fff; top: 0; left: 0; margin: 0; transition: background .5s; }
#fp-nav ul li a span::after {
	content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 1px solid #fff; border-radius: 50%; opacity: 0; transition: opacity .5s;
}
#fp-nav ul li:hover a span { margin: 0; width: 7px; height: 7px; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
	margin: 0; width: 7px; height: 7px; top: 0px; left: 0px;
	background: transparent;
}
#fp-nav a.active span::after { opacity: 1; }