@charset "utf-8";
/* ==========================================================================
   ATW ROMIC 分公司页 —— 深圳镭米科技
   设计稿 1920 宽，容器 1600（左右各 160 → 8.33%）
   本文件只负责本页正文区块；头部/底部沿用现网 public.css / default.css
   ========================================================================== */

sectionEC { display: block; }

.romicPage { color: #282828; }
.romicPage img { border: 0; max-width: 100%; }
.romicPage p { margin: 0; }
.romicPage ul li { list-style: none; }

/* 本页容器：设计稿 1600/1920 = 83.33%，覆盖站点 .wrap 的 1240px */
.romicPage .wrap { width: 83.33%; max-width: 1600px; margin: 0 auto; }

/* 本页小标题：设计稿 20px + 60x4 蓝线，覆盖站点 .title .line 的 58x3 */
.romicPage .title h2 { font-size: 20px; line-height: 1.2; font-weight: bold; color: #282828; }
.romicPage .title .line { width: 60px; height: 4px; background: #0091CE; margin-top: 16px; }
.romicPage .title.center .line { margin-left: auto; margin-right: auto; }


/* ==========================  banner  ========================== */

.rmBanner { height: 100vh; min-height: 560px; overflow: hidden; }

.rmBanner > .bgImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.05);
	transition: all 2s;
}

.rmBanner.action > .bgImg { transform: scale(1); }

.rmBanner .wenzi {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 2;
}

.rmBanner .wenzi h1 {
	max-width: 700px;
	font-size: 48px;
	line-height: 72px;
	font-weight: bold;
	color: #fff;
}


/* ==========================  About us  ========================== */

.rmDiv1 { padding: 102px 0 90px; overflow: hidden; }

/* 左侧线稿装饰图，贴左下角出血 */
.rmDiv1 .rmAbArt { position: absolute; left: 0; bottom: 0; width: 32.76%; z-index: 0; }
.rmDiv1 .rmAbArt img { width: 100%; display: block; }

.rmDiv1 .rmAbTitle { position: absolute; left: 24.22%; top: 102px; z-index: 2; }

.rmDiv1 .rmAbCon { position: relative; margin-left: 42.19%; width: 43.02%; z-index: 2; }

.rmDiv1 .rmAbName { font-size: 16px; line-height: 24px; }

.rmDiv1 .txt { margin-top: 31px; font-size: 14px; line-height: 32px; color: #28282d; text-align: justify; }

.rmDiv1 .rmAbData { margin-top: 55px; }
.rmDiv1 .rmAbData ul { align-items: flex-end; }
.rmDiv1 .rmAbData li { text-align: center; }
.rmDiv1 .rmAbData li:nth-child(1) { width: 24.33%; }
.rmDiv1 .rmAbData li:nth-child(2) { width: 29.66%; }
.rmDiv1 .rmAbData li:nth-child(3) { width: 29.66%; }

.rmDiv1 .rmAbData .num { font-size: 56px; line-height: 1.1; white-space: nowrap; }
/* 现网 default.css 有 `em,th,var,optgroup{font-weight:normal}` 的 reset，
   直接作用在 em 上会压掉父级 .bold 的继承，这里显式补回来（设计稿整组都是 YaHei Bold） */
.rmDiv1 .rmAbData .num em { font-size: 36px; font-style: normal; font-weight: bold; }
.rmDiv1 .rmAbData li > p { margin-top: 18px; font-size: 16px; line-height: 20px; color: #282828; }


/* ==========================  Core Products  ========================== */

.rmDiv2 {
	padding: 100px 0 119px;
	background: linear-gradient(to left, #f0f4f7 0%, #fafafc 50%, #f1f5f6 100%);
	overflow: hidden;
}

/* 左侧几何纹理底（设计稿 0~500 = 26.04%） */
.rmDiv2 .rmProBgL {
	position: absolute;
	left: 0;
	top: 0;
	width: 26.04%;
	height: 100%;
	background: url(../img/romic/pro_bg_left.png) no-repeat center center;
	background-size: cover;
	z-index: 1;
}

.rmDiv2 .rmProLeft { position: absolute; left: 8.33%; top: 106px; width: 300px; z-index: 3; }

.rmDiv2 .rmProTabs { margin-top: 65px; }

.rmDiv2 .rmProTab {
	position: relative;
	width: 100%;
	height: 146px;
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.3s;
}

.rmDiv2 .rmProTab + .rmProTab { margin-top: 34px; }

.rmDiv2 .rmProTab .ico {
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top: -22px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 两个图标导出色不同（半导体 #999、光伏纯白），统一按状态染色：
   未选中 = #999 灰，选中 = 白（否则纯白的光伏图标在白底卡片上是隐形的） */
.rmDiv2 .rmProTab .ico img { display: block; filter: brightness(0) invert(0.6); transition: filter 0.3s; }
.rmDiv2 .rmProTab.on .ico img { filter: brightness(0) invert(1); }
.rmDiv2 .rmProTab[data-tab="semi"] .ico img { width: 40px; height: 40px; }
.rmDiv2 .rmProTab[data-tab="pv"] .ico img { width: 43px; height: 41px; }

.rmDiv2 .rmProTab p {
	position: absolute;
	left: 80px;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	line-height: 26px;
	color: #282828;
	transition: all 0.3s;
}

.rmDiv2 .rmProTab .arr {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	transition: all 0.3s;
}

.rmDiv2 .rmProTab .arr i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/romic/tab_arr.svg) no-repeat center center;
	background-size: 7px 13px;
}

.rmDiv2 .rmProTab.on {
	background: linear-gradient(to right, #00bee6 0%, #00a4d8 100%);
	border-color: transparent;
}

.rmDiv2 .rmProTab.on p { color: #fff; }
.rmDiv2 .rmProTab.on .arr { opacity: 1; }

/* --- 右侧产品轮播：设计稿 617~1805（左 32.14%，宽 61.875%） --- */
.rmDiv2 .rmProSwBox {
	position: relative;
	margin-left: 32.14%;
	width: 61.875%;
	margin-top: 20px;
	z-index: 2;
}

/* Tab 切换用 height 0/auto，不用 display:none，否则 Swiper 量不到宽度 */
.rmDiv2 .rmProList { height: 0; overflow: hidden; }
.rmDiv2 .rmProList.on { height: auto; }

.rmDiv2 .swiper-slide { height: auto; }

.rmDiv2 .rmProCard {
	display: block;
	height: 100%;
	padding: 47px 25px 30px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 16px;
	box-sizing: border-box;
	transition: all 0.3s;
}

.rmDiv2 .rmProCard .rmImg {
	width: 100%;
	aspect-ratio: 528 / 302;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rmDiv2 .rmProCard .rmImg img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

.rmDiv2 .rmProCard .tt {
	margin-top: 27px;
	font-size: 16px;
	line-height: 26px;
	color: #282828;
	text-align: center;
}

.rmDiv2 .rmProCard .rmMore {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 17px;
	font-size: 16px;
	line-height: 18px;
	color: #666;
	transition: all 0.3s;
}

.rmDiv2 .rmProCard .rmMore i { position: relative; display: block; width: 5px; height: 9px; margin-left: 8px; }
/* 导出的箭头是左向的，设计稿里做了水平镜像 */
.rmDiv2 .rmProCard .rmMore i img { position: absolute; left: 0; top: 0; width: 5px; height: 9px; transform: scaleX(-1); transition: opacity 0.3s; }
.rmDiv2 .rmProCard .rmMore i .ab { opacity: 0; }

/* 设计稿把第一张卡画成了经过态 —— 这是 hover，不预设激活态 */
.rmDiv2 .rmProCard:hover { border-color: #0091ce; box-shadow: 0 0 30px rgba(164, 164, 164, 0.16); }
.rmDiv2 .rmProCard:hover .rmMore { color: #0091ce; }
.rmDiv2 .rmProCard:hover .rmMore i .ag { opacity: 0; }
.rmDiv2 .rmProCard:hover .rmMore i .ab { opacity: 1; }

.rmDiv2 .rmProBtn {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	cursor: pointer;
	z-index: 5;
	transition: all 0.3s;
}

.rmDiv2 .rmProBtn img { width: 46px; height: 46px; display: block; }
.rmDiv2 .rmProBtn:hover { opacity: 0.7; }
.rmDiv2 .rmProBtn.disabled { opacity: 0.35; cursor: default; }
.rmDiv2 .rmProBtn.hide { display: none; }
.rmDiv2 .rmProPrev { left: -6.48%; }
.rmDiv2 .rmProNext { right: -6.4%; }


/* ==========================  标语带  ========================== */

.rmDiv3 {
	aspect-ratio: 1920 / 420;
	background: url(../img/romic/slogan_bg.jpg) no-repeat center center;
	background-size: cover;
}

.rmDiv3 .wenzi {
	position: static;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rmDiv3 .quote { width: 79px; height: 70px; display: block; }

.rmDiv3 .wenzi p {
	width: 90%;
	max-width: 1050px;
	margin-top: 48px;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
}


/* ==========================  Partners & Clients  ========================== */

.rmDiv4 {
	padding: 100px 0 114px;
	background: url(../img/romic/partner_bg.jpg) no-repeat center center;
	background-size: cover;
}

.rmDiv4 .rmPtList { margin-top: 60px; }
.rmDiv4 .rmPtList ul { display: flex; justify-content: center; }

/* 宽度基准是 .wrap(1600) 不是视口：480/1600=30%，间距 30/1600=1.875%
   卡片底纹与 logo 已在 Figma 里合成为一张图，这里不再叠层 */
.rmDiv4 .rmPtList li {
	width: 30%;
	margin: 0 1.875%;
	border-radius: 16px;
	overflow: hidden;
}

.rmDiv4 .rmPtList li img { width: 100%; height: auto; display: block; }


/* ==========================  Contact Us  ========================== */
/* 独立命名，不挂站点 .contactBott —— 那个类在 992/768 两档里用 !important
   强改 text-align / padding-left / .nrDiv margin / 字号，复用会被劫持 */

.rmDiv5 { padding: 100px 0; background: #fff; }
.rmDiv5 .wrap { width: 83.33%; max-width: 1600px; }

/* 三列之间的竖线：设计稿 x=691 / 1224，正好落在等分列的右边界 */
.rmDiv5 ul li { position: relative; }

.rmDiv5 ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
}

.rmDiv5 ul li:last-child:before { display: none; }

.rmDiv5 .rmCtLogo img { width: 21.875%; max-width: 350px; display: inline-block; }
.rmDiv5 .title { margin-top: 43px; }
.rmDiv5 .content { margin-top: 47px; }

.rmDiv5 .content ul { display: flex; justify-content: space-between; width: 100%; }

.rmDiv5 ul li {
	width: 33.333%;
	min-height: 160px;
	padding: 0 20px;
	box-sizing: border-box;
}


.rmDiv5 ul li .ico { height: 29px; display: flex; align-items: flex-end; justify-content: center; }
.rmDiv5 ul li .ico img { display: block; }
.rmDiv5 ul li:nth-child(1) .ico img { width: 27px; height: 27px; }
.rmDiv5 ul li:nth-child(2) .ico img { width: 36px; height: 27px; }
.rmDiv5 ul li:nth-child(3) .ico img { width: 25px; height: 29px; }

.rmDiv5 ul li .lb { margin-top: 11px; font-size: 18px; line-height: 32px; color: #282828; }

.rmDiv5 ul li .nrDiv {
	display: block;
	margin-top: 14px;
	font-size: 16px;
	line-height: 26px;
	color: #282828;
}

/* 地址按设计稿 306px 折行 */
.rmDiv5 ul li:nth-child(3) .nrDiv { max-width: 306px; margin-left: auto; margin-right: auto; }


/* ==========================================================================
   响应式 —— 断点沿用现网 default.css / public.css 的档位
   ========================================================================== */

@media screen and (max-width: 1600px) {
	.rmBanner .wenzi h1 { font-size: 42px; line-height: 62px; max-width: 620px; }

	.rmDiv1 { padding: 80px 0 70px; }
	.rmDiv1 .rmAbTitle { top: 80px; }
	.rmDiv1 .txt { line-height: 28px; }
	.rmDiv1 .rmAbData { margin-top: 40px; }
	.rmDiv1 .rmAbData .num { font-size: 46px; }
	.rmDiv1 .rmAbData .num em { font-size: 28px; }
	.rmDiv1 .rmAbData li > p { font-size: 14px; }

	.rmDiv2 { padding: 80px 0 90px; }
	.rmDiv2 .rmProLeft { top: 86px; width: 280px; }
	.rmDiv2 .rmProTabs { margin-top: 50px; }
	.rmDiv2 .rmProTab { height: 126px; }
	.rmDiv2 .rmProTab p { left: 70px; right: 16px; font-size: 15px; line-height: 24px; }
	.rmDiv2 .rmProTab .ico { left: 18px; }
	.rmDiv2 .rmProCard { padding: 36px 20px 24px; }
	.rmDiv2 .rmProCard .tt { margin-top: 20px; font-size: 15px; line-height: 24px; }
	.rmDiv2 .rmProCard .rmMore { margin-top: 12px; font-size: 15px; }

	.rmDiv3 .quote { width: 66px; height: 58px; }
	.rmDiv3 .wenzi p { margin-top: 34px; font-size: 26px; line-height: 36px; max-width: 900px; }

	.rmDiv4 { padding: 80px 0 90px; }
	.rmDiv4 .rmPtList { margin-top: 46px; }

	.rmDiv5 { padding: 80px 0; }
	.rmDiv5 .title { margin-top: 34px; }
	.rmDiv5 .content { margin-top: 38px; }
	.rmDiv5 ul li .lb { font-size: 16px; line-height: 28px; }
	.rmDiv5 ul li .nrDiv { font-size: 15px; line-height: 24px; }
}

@media screen and (max-width: 1400px) {
	.rmBanner .wenzi h1 { font-size: 36px; line-height: 54px; max-width: 540px; }

	.rmDiv1 .rmAbTitle { left: 20%; }
	.rmDiv1 .rmAbCon { margin-left: 40%; width: 51%; }
	.rmDiv1 .rmAbData .num { font-size: 40px; }
	.rmDiv1 .rmAbData .num em { font-size: 24px; }

	.rmDiv2 .rmProLeft { width: 260px; }
	.rmDiv2 .rmProTab { height: 110px; }
	.rmDiv2 .rmProTab .ico { width: 36px; height: 36px; margin-top: -18px; left: 16px; }
	.rmDiv2 .rmProTab[data-tab="semi"] .ico img { width: 32px; height: 32px; }
	.rmDiv2 .rmProTab[data-tab="pv"] .ico img { width: 34px; height: 33px; }
	.rmDiv2 .rmProTab p { left: 60px; right: 14px; font-size: 14px; }
	.rmDiv2 .rmProTab .arr { width: 26px; height: 26px; margin-top: -13px; right: 18px; }

	.rmDiv3 .wenzi p { font-size: 22px; line-height: 32px; max-width: 780px; }

	.rmDiv5 ul li { padding: 0 12px; }
}

@media screen and (max-width: 1200px) {
	.rmBanner .wenzi h1 { font-size: 30px; line-height: 44px; max-width: 460px; }

	.rmDiv1 { padding: 60px 0 50px; }
	.rmDiv1 .rmAbTitle { top: 60px; left: 8.33%; }
	.rmDiv1 .rmAbCon { margin-left: 36%; width: 55.67%; }
	.rmDiv1 .rmAbName { font-size: 15px; }
	.rmDiv1 .txt { line-height: 26px; }
	.rmDiv1 .rmAbData .num { font-size: 32px; }
	.rmDiv1 .rmAbData .num em { font-size: 20px; }
	.rmDiv1 .rmAbData li > p { font-size: 13px; line-height: 18px; }

	/* Core Products：这一档起左栏车道（8.33%~28%）已窄于 Tab 卡本身，
	   继续并排会让"Semiconductor Laser"戳进箭头圆圈 —— 改成左栏上移、Tab 横排 */
	.rmDiv2 { padding: 60px 0 70px; }
	.rmDiv2 .rmProBgL { display: none; }
	.rmDiv2 .rmProLeft { position: static; width: 83.33%; max-width: 1600px; margin: 0 auto; }
	.rmDiv2 .rmProTabs { display: flex; margin-top: 36px; }
	.rmDiv2 .rmProTab { width: 50%; height: 100px; }
	.rmDiv2 .rmProTab + .rmProTab { margin-top: 0; margin-left: 24px; }
	.rmDiv2 .rmProTab .ico { left: 20px; width: 38px; height: 38px; margin-top: -19px; }
	.rmDiv2 .rmProTab[data-tab="semi"] .ico img { width: 34px; height: 34px; }
	.rmDiv2 .rmProTab[data-tab="pv"] .ico img { width: 36px; height: 35px; }
	.rmDiv2 .rmProTab p { left: 70px; right: 66px; font-size: 15px; line-height: 24px; }
	.rmDiv2 .rmProTab .arr { right: 20px; width: 30px; height: 30px; margin-top: -15px; }
	.rmDiv2 .rmProSwBox { margin: 36px auto 0; width: 83.33%; max-width: 1600px; }
	.rmDiv2 .rmProPrev { left: -5%; }
	.rmDiv2 .rmProNext { right: -5%; }
	.rmDiv2 .rmProBtn, .rmDiv2 .rmProBtn img { width: 38px; height: 38px; }
	.rmDiv2 .rmProBtn { margin-top: -19px; }

	.rmDiv3 .quote { width: 52px; height: 46px; }
	.rmDiv3 .wenzi p { margin-top: 24px; font-size: 18px; line-height: 28px; max-width: 640px; }

	.rmDiv4 { padding: 60px 0 70px; }
	.rmDiv4 .rmPtList li { width: 30%; margin: 0 2%; }

	.rmDiv5 { padding: 60px 0; }
	.rmDiv5 ul li { min-height: 140px; }
}

@media screen and (max-width: 992px) {
	.rmBanner { height: 60vh; min-height: 380px; }
	.rmBanner .wenzi h1 { font-size: 26px; line-height: 38px; max-width: 100%; }

	/* About：绝对定位改回常规文档流 */
	.rmDiv1 { padding: 50px 0; }
	.rmDiv1 .rmAbArt { position: relative; width: 44%; margin: 0 auto 10px; }
	.rmDiv1 .rmAbTitle { position: static; width: 83.33%; margin: 0 auto; }
	.rmDiv1 .rmAbCon { margin: 24px auto 0; width: 83.33%; }
	.rmDiv1 .rmAbData ul { flex-wrap: wrap; }
	.rmDiv1 .rmAbData li,
	.rmDiv1 .rmAbData li:nth-child(1),
	.rmDiv1 .rmAbData li:nth-child(2),
	.rmDiv1 .rmAbData li:nth-child(3) { width: 33.333%; padding: 0 5px; box-sizing: border-box; }

	/* Core Products：布局已在 1200 档切换，这里只收尺寸 */
	.rmDiv2 { padding: 50px 0; }
	.rmDiv2 .rmProTabs { margin-top: 30px; }
	.rmDiv2 .rmProTab { height: 90px; }
	.rmDiv2 .rmProTab + .rmProTab { margin-left: 20px; }
	.rmDiv2 .rmProTab .ico { left: 14px; width: 34px; height: 34px; margin-top: -17px; }
	.rmDiv2 .rmProTab[data-tab="semi"] .ico img { width: 30px; height: 30px; }
	.rmDiv2 .rmProTab[data-tab="pv"] .ico img { width: 32px; height: 31px; }
	.rmDiv2 .rmProTab p { left: 58px; right: 56px; font-size: 14px; line-height: 22px; }
	.rmDiv2 .rmProTab .arr { right: 16px; width: 26px; height: 26px; margin-top: -13px; }
	.rmDiv2 .rmProSwBox { margin-top: 30px; }
	.rmDiv2 .rmProPrev { left: -6%; }
	.rmDiv2 .rmProNext { right: -6%; }
	.rmDiv2 .rmProBtn, .rmDiv2 .rmProBtn img { width: 32px; height: 32px; }
	.rmDiv2 .rmProBtn { margin-top: -16px; }

	/* 标语：取消固定比例，改内边距撑高 */
	.rmDiv3 { aspect-ratio: auto; padding: 50px 0; }
	.rmDiv3 .wenzi { height: auto; }
	.rmDiv3 .wenzi p { margin-top: 20px; font-size: 17px; line-height: 27px; }

	.rmDiv4 { padding: 50px 0; }
	.rmDiv4 .rmPtList li { width: 46%; margin: 0 2%; }

	/* 联系：三列改一列，去掉竖线 */
	.rmDiv5 { padding: 50px 0; }
	.rmDiv5 .rmCtLogo img { width: 46%; }
	.rmDiv5 .content ul { display: block; }
	.rmDiv5 ul li { width: 100%; min-height: 0; padding: 24px 0; }
	.rmDiv5 ul li:before { display: none; }
	.rmDiv5 ul li + li { border-top: 1px solid #e6e6e6; }
	.rmDiv5 ul li:nth-child(3) .nrDiv { max-width: none; }
}

@media screen and (max-width: 768px) {
	.romicPage .wrap { width: 90%; }
	.romicPage .title h2 { font-size: 4.6vw; }
	.romicPage .title .line { width: 12vw; height: 3px; margin-top: 3vw; }

	.rmBanner { height: 56vh; min-height: 300px; }
	.rmBanner .wenzi h1 { font-size: 5.6vw; line-height: 8.4vw; }

	.rmDiv1 { padding: 10vw 0; }
	.rmDiv1 .rmAbArt { width: 76%; }
	.rmDiv1 .rmAbTitle,
	.rmDiv1 .rmAbCon { width: 90%; }
	.rmDiv1 .rmAbName { font-size: 4vw; line-height: 6vw; }
	/* 窄屏两端对齐会拉出很宽的词间距，改左对齐 */
	.rmDiv1 .txt { margin-top: 4vw; font-size: 3.6vw; line-height: 6.4vw; text-align: left; }
	.rmDiv1 .rmAbData { margin-top: 8vw; }
	.rmDiv1 .rmAbData li,
	.rmDiv1 .rmAbData li:nth-child(1),
	.rmDiv1 .rmAbData li:nth-child(2),
	.rmDiv1 .rmAbData li:nth-child(3) { width: 100%; padding: 4vw 0; }
	.rmDiv1 .rmAbData .num { font-size: 8.6vw; }
	.rmDiv1 .rmAbData .num em { font-size: 5.4vw; }
	.rmDiv1 .rmAbData li > p { margin-top: 2vw; font-size: 3.6vw; line-height: 5.2vw; }

	.rmDiv2 { padding: 10vw 0; }
	.rmDiv2 .rmProLeft { width: 90%; }
	.rmDiv2 .rmProTabs { display: block; margin-top: 6vw; }
	.rmDiv2 .rmProTab { width: 100%; height: 20vw; border-radius: 2.6vw; }
	.rmDiv2 .rmProTab + .rmProTab { margin: 4vw 0 0; }
	.rmDiv2 .rmProTab .ico { left: 5vw; width: 9vw; height: 9vw; margin-top: -4.5vw; }
	.rmDiv2 .rmProTab[data-tab="semi"] .ico img { width: 8vw; height: 8vw; }
	.rmDiv2 .rmProTab[data-tab="pv"] .ico img { width: 8.6vw; height: 8.2vw; }
	.rmDiv2 .rmProTab p { left: 17vw; right: 14vw; font-size: 3.8vw; line-height: 5.6vw; }
	.rmDiv2 .rmProTab .arr { right: 4vw; width: 7vw; height: 7vw; margin-top: -3.5vw; }
	.rmDiv2 .rmProSwBox { width: 90%; margin-top: 6vw; }
	.rmDiv2 .rmProCard { padding: 6vw 4vw 5vw; border-radius: 3vw; }
	.rmDiv2 .rmProCard .tt { margin-top: 4vw; font-size: 3.8vw; line-height: 5.6vw; }
	.rmDiv2 .rmProCard .rmMore { margin-top: 3vw; font-size: 3.6vw; }
	.rmDiv2 .rmProPrev { left: -5%; }
	.rmDiv2 .rmProNext { right: -5%; }
	.rmDiv2 .rmProBtn, .rmDiv2 .rmProBtn img { width: 8vw; height: 8vw; }
	.rmDiv2 .rmProBtn { margin-top: -4vw; }

	.rmDiv3 { padding: 10vw 0; }
	.rmDiv3 .quote { width: 10vw; height: 8.9vw; }
	.rmDiv3 .wenzi p { margin-top: 4vw; padding: 0 5%; font-size: 4.2vw; line-height: 6.6vw; }

	.rmDiv4 { padding: 10vw 0; }
	.rmDiv4 .rmPtList { margin-top: 6vw; }
	.rmDiv4 .rmPtList ul { display: block; }
	.rmDiv4 .rmPtList li { width: 100%; margin: 0 0 4vw; border-radius: 2.6vw; }

	.rmDiv5 { padding: 10vw 0; }
	.rmDiv5 .rmCtLogo img { width: 60%; }
	.rmDiv5 .title { margin-top: 6vw; }
	.rmDiv5 .content { margin-top: 6vw; }
	.rmDiv5 ul li { padding: 5vw 0; }
	.rmDiv5 ul li .ico { height: 7vw; }
	.rmDiv5 ul li:nth-child(1) .ico img { width: 6.6vw; height: 6.6vw; }
	.rmDiv5 ul li:nth-child(2) .ico img { width: 8.8vw; height: 6.6vw; }
	.rmDiv5 ul li:nth-child(3) .ico img { width: 6.1vw; height: 7vw; }
	.rmDiv5 ul li .lb { margin-top: 2.6vw; font-size: 4vw; line-height: 6vw; }
	.rmDiv5 ul li .nrDiv { margin-top: 2vw; font-size: 3.7vw; line-height: 6vw; }
}