@charset "UTF-8";

/*=========== PC public CSS ===========*/
*,
:before,
:after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
pre,
form,
fieldset,
figure,
figcaption,
table,
th,
td img {
	margin: 0;
	padding: 0;
}

td a {
	color: #6b8be3
}

html,
body {
	overscroll-behavior: none;
	background-color: #fff;
}

body {
	overflow-x: hidden;
}

.full-width {
	width: 100%;
	max-width: 100%;
}


@font-face {
	font-family: 'Hind';
	src: url('../fonts/hind-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
	/* 关键：防止布局偏移 */
}

@font-face {
	font-family: 'Hind-Light';
	src: url('../fonts/hind-light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Hind-Medium';
	src: url('../fonts/hind-medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	/*font-display: fallback;*/
}

@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/helvetica-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AgencyFB';
	src: url('../fonts/agencyb.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AgencyFB-Bold';
	src: url('../fonts/agencyfb-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AGENCYR';
	src: url('../fonts/agencyr.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Vollkorn';
	src: url('../fonts/vollkorn-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Hind", "Microsoft YaHei", "微软雅黑";
	font-size-adjust: 0.5;
	ascent-override: 90%;
	descent-override: 22%;
	line-gap-override: normal;
	color: #232323;
	font-size: 16px;
	line-height: 1.7;
	margin: 0 auto;
	background-color: #FFF;
}

ol,
ul,
li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

a {
	color: #232323;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

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

fieldset,
img {
	max-width: 100%;
	border: none;
	vertical-align: middle;
}

video {
	width: 100%;
	border: none;
	vertical-align: middle;
}

input,
select,
textarea,
button {
	color: #333;
	font-size: 16px;
	font-family: "Microsoft Yahei", sans-serif;
	outline: none;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

input,
button {
	border-radius: 0;
	-webkit-appearance: none;
}

textarea {
	resize: none;
	outline: none;
	border: none;
}

input:-ms-clear {
	display: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	outline: none;
}

::-webkit-input-placeholder {
	color: #4c4c4c;
}

::-moz-placeholder {
	color: #4c4c4c;
}

:-ms-input-placeholder {
	color: #4c4c4c;
}

:-moz-placeholder {
	color: #4c4c4c;
}

table {
	border-collapse: separate;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

.btn-swt {
	cursor: pointer;
}

.transition {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.wrap {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.stock_wrap {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
}


.toTop {
	position: fixed;
	right: 43px;
	bottom: 120px;
	z-index: 999;
	cursor: pointer;
	width: 50px;
	display: none;
	background-color: rgb(0 0 0/0.6);
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
}

.toTop .isshow {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.toTop .hide {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.toTop img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.toTop:hover {
	background: #ffa508;
}

.toTop:hover .isshow {
	display: none;
}

.toTop:hover .hide {
	display: block;
}

.fix-foot {
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	right: 10px;
	max-width: 768px;
	z-index: 99999;
	font-size: 18px;
	line-height: 52px;
}

.fix-foot ul {
	margin-left: -2%;
}

.fix-foot li {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.fix-foot li a {
	background-color: #ffa508;
	color: #001b34;
	font-size: 24px;
	display: block;
	text-align: center;
	line-height: 42px;
	border-radius: 4px;
}



/* header */
/*.header{background-color: #001b34;width:100%;top:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;line-height: 95px;width: 100%;z-index: 99999;}*/
.header {
	background-color: #001b34;
	top: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	line-height: 95px;
	width: 100%;
	z-index: 99999;
}

.header.jianbian {
	position: absolute;
	background-color: transparent;
	background: linear-gradient(to bottom, #001b34 0%, rgba(250, 250, 250, 0));

}

.header.on {
	background-color: #001b34;
}

.header.wrap {
	position: relative;
}

.header.flx-head {
	position: relative;
	background: #fff;
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
	z-index: 9999;
	padding: 10px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.logo {
	float: left;
	width: 143px;
}

.logo img {
	width: 100%;
	height: auto;
	max-width: 50px;
	max-height: 50px;
	aspect-ratio: 1 / 1;
}

.nav {
	float: left;
	margin-right: 60px;
}

.nav ul {
	/*overflow: hidden;*/
}

.nav ul li {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.nav ul li:after {
	content: "";
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	margin-top: 15px;
	width: 0;
	height: 2px;
	background-color: #ffa508;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nav ul li.on:after,
.nav ul li:hover:after {
	width: 24px;
}

.nav ul li a {
	display: block;
	color: #fff;
	font-size: 20px;
}

/* Sub-nav Dropdown */
.nav ul li.has-sub {
	position: relative;
}

/* Ensure gap between li and sub-nav is hoverable */
.nav ul li.has-sub::before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 99;
}

.nav ul li .sub-nav {
	position: absolute;
	top: calc(100% + 15px);
	left: 0;
	min-width: 120px;
	background: #003366;
	border-top: 2px solid #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	border-radius: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 100;
}

.nav ul li:hover .sub-nav {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.nav ul li .sub-nav a {
	display: block;
	color: #fff;
	font-family: 'Hind', sans-serif;
	font-size: 20px;
	padding: 8px 15px;
	text-align: center;
	transition: all 0.3s ease;
	line-height: 1.5;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	white-space: nowrap;
}

.nav ul li .sub-nav a:last-child {
	border-bottom: none;
}

.nav ul li .sub-nav a:hover {
	color: #ffa508;
	background: rgba(255,255,255,0.05);
}

.header.flx-head a {
	color: #222;
}

.navBtn {
	display: none;
	float: right;
	cursor: pointer;
}

.lang-dropdown {
    cursor: pointer;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 60px;
    color: #fff;
}
.lang-dropdown a{
	color: #fff;
	font-size: 18px;
}
.lang-dropdown a.active{
	color: #ffa508;
}
.lang-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: white;
    color: var(--text-dark);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-width: 100px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 1000;
}

.lang-dropdown:hover .lang-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(5px);
    z-index: 99999;
}

.lang-menu li {
    border-bottom: 1px solid #eee;
    max-height: 35px;
    line-height: 35px;
    color: #000;
}

.lang-menu li:last-child {
    border-bottom: none;
}

.lang-menu li a {
    display: block;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: var(--text-dark);
    transition: background 0.3s, color 0.3s;
}

.lang-menu li a:hover {
    background: var(--bg-light);
    color: var(--primary-color);
}

.search {
	position: absolute;
	top: 0;
	right: 80px;
	width: 60px;
}

.ser-btn {
	position: absolute;
	right: 0;
	cursor: pointer;
}

.search img {
	width: 25px;
	height: 26px;
}

.ser-form {
	float: right;
	width: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	margin-right: 41px;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
}

.ser-form input {
	width: 97%;
	line-height: 36px;
	padding: 0 16px;
	background-color: #FFF;
	-webkit-border-radius: 36px;
	border-radius: 36px;
}

.ser-form label {
	height: 36px;
}

.ser-submit {
	position: absolute;
	right: 16px;
	top: 32px;
	cursor: pointer;
	z-index: 22;
	background: transparent;
	display: none;
}

.ser-con .ser-form {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	width: 211px;
	margin-right: -170px;
}

.ser-con .ser-submit {
	display: block;
}

/*首页视频开始*/
.video_ban {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}


.video_ban::-webkit-media-controls-fullscreen-button {
	display: none;
}

.video_ban::-webkit-media-controls-play-button {
	display: none;
}

.video_ban::-webkit-media-controls-timeline {
	display: none;
}

.video_ban::-webkit-media-controls-current-time-display {
	display: none;
}

.video_ban::-webkit-media-controls-time-remaining-display {
	display: none;
}

.index_video::-webkit-media-controls-mute-button {
	display: none;
}

.video_ban::-webkit-media-controls-toggle-closed-captions-button {
	display: none;
}

.video_ban::-webkit-media-controls-volume-slider {
	display: none;
}

.video_ban::-webkit-media-controls-enclosure {
	display: none;
}


.moqnote {
	width: 100%;
	min-height: 50px;
	background-color: #ffa507;
	font-size: 18px;
	font-family: 'Hind';
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.4;
	flex-wrap: wrap;
}

.moqnote>a {

	font-size: 18px;
	font-family: 'Hind';
	color: #6b8be3;
	line-height: 1.4;
	flex-wrap: wrap;
}

.advantage {
	width: 100%;
	height: 60px;
	background-color: #f0f0f0;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.advantage ul {
	height: 60px;
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.advantage li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 60px;
	position: relative;
	padding-left: 50px;
	line-height: 22px;
}

.advantage li:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 36px;
	height: 36px;
}

.advantage .free_sample:before {
	background: url(../images/free-sample2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .credit_card:before {
	background: url(../images/credit-card2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .world:before {
	background: url(../images/world2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .hours_24:before {
	background: url(../images/24-hours2.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.advantage .ag {
	font-family: AgencyFB;
	color: #001b34;
}

.advantage .hl14 {
	font-size: 14px;
	color: #000;
}

/* LME铝价 */

.lem_price {
	width: 100%;
	height: 50px;
	background-color: #f0f0f0;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.lem_price ul {
	height: 50px;
	max-width: 1000px;
	/* width: 60%; */
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding-top: 6px;
	/* gap: 40px; */
}

.lem_price ul .lem_date {
	font-family: 'Hind-Medium';
	font-size: 18px;
	line-height: 36px;
	color: #001b34;
	width: 250px;
	display: inline-block;
}

.lem_price ul .lem_date .al_price a {
	color: #3167e1;
	font: inherit;
	
}

.lem_price ul .lem_date .al_price a:hover {
	line-height: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.lem_price ul .lem_mechanism {
	font-family: Hind;
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
	color: #666666;
	position: relative;
}

.lem_price ul .lem_smm{
width: 150px;
}
.lem_price ul .lem_nh{
width: 190px;
}
.lem_price ul .lem_cj{
width: 230px;
}

.lem_price ul .lem_mechanism>span{
	width: 100%;
}

.lem_price ul .lem_mechanism img {
	margin-left: 10px;
	width: 25px;
	height: 15px;
}

.lem_red {
	color: #ff0000;
}

.lem_green {
	color: #028f13;
}

.lem_price_value{
	width: 48px;
	display: inline-block;
}

.lem_price ul li:nth-child(2)::after,
.lem_price ul li:nth-child(3)::after {
	content: "";
	position: absolute;
	/* 定位到当前 li 的右侧外部 */
	/* 计算公式：右侧偏移量 = -(两个li之间间距的一半) */
	right: -14%;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background-color: #949494;
}

/* 占位符样式 */
.placeholder {
	background-color: #f0f0f0;
	/* 设置背景颜色作为占位符 */
	border-radius: 4px;
}

.placeholder .lem_price_value {
	color: #ccc;
	/* 占位符文字颜色 */
	font-weight: normal;
}

/* .placeholder-img {
	animation: placeholder-animation 1.5s infinite;
}

@keyframes placeholder-animation {
	0% { opacity: 0.4; }
	50% { opacity: 0.6; }
	100% { opacity: 0.4; }
} */

/* 透明蒙版样式 */




.index-ban {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;
	-webkit-object-fit: cover;
	object-fit: cover;
}

.index-ban picture>img {
	width: 100%;
	height: auto;
	aspect-ratio: 1903/971;
	min-height: 94vh;
	-webkit-object-fit: cover;
	object-fit: cover;
}

/* 外层容器相对定位 */
.index-ban {
    position: relative;
    width: 100%;
    height: 100vh; /* 设置为全屏高度，原 min-height: 100vh 配合 Swiper 建议直接定高或用 vh */
    overflow: hidden;
}

/* Swiper 容器填满父级 */
.index-ban .index-banner-swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* 保证在底层 */
}

/* 图片等比缩放裁切，保持与原 video 的 object-fit: cover 效果一致 */
.index-ban .index-banner-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 文字和表单容器盖在轮播图上方 */
.index-ban .ban-info {
    position: absolute;
    z-index: 2;
    margin-top: 60px
}
/* 确保 Slide 相对定位，方便文字绝对定位居中 */
.index-ban .swiper-slide {
    position: relative;
    overflow: hidden;
}

/* 文字容器：绝对居中 */
.banner-title-box {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 90%;
    max-width: 500px;
    pointer-events: none; /* 避免文字阻挡鼠标点击事件 */
}

/* 主标题样式（带深色多重虚影） */
.banner-main-title {
    color: #ffffff;
    font-size: 42px; /* 可根据需要微调字体大小 */
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    
    /* 核心：利用多层 text-shadow 叠加，形成既有轮廓又有柔和扩散的深色虚影 */
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.8),      /* 紧贴文字的清晰阴影，增加清晰度 */
        0 4px 12px rgba(0, 0, 0, 0.6),     /* 中等扩散阴影 */
        0 8px 24px rgba(0, 0, 0, 0.4);    /* 大范围柔和暗影，防止背景过白 */
}

/* 副标题样式（可选） */
.banner-sub-title {
    color: #f5f5f5;
    font-size: 20px;
    font-weight: 400;
    margin-top: 12px;
    letter-spacing: 1px;
    
    /* 同样的虚影处理 */
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.8),
        0 4px 10px rgba(0, 0, 0, 0.5);
}

/* 移动端自适应，避免字体过大 */
@media (max-width: 768px) {
    .banner-main-title {
        font-size: 24px;
    }
    .banner-sub-title {
        font-size: 14px;
        margin-top: 6px;
    }
}

.ban-info {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 25%;
	width: 1200px;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
	z-index: 22;
}

.ban-info h1 {
	display: block;
	font-size: 60px;
	font-family: 'Helvetica';
	line-height: 1.7;
}

.ban-info .ban-form {
	width: 800px;
	height: 60px;
	line-height: 60px;
	background-color: #FFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin: 180px auto 0;
	position: relative;
	padding-right: 60px;
}

.ban-info .ban-form input {
	width: 100%;
	line-height: 40px;
	padding: 10px 20px;
	font-family: 'Hind-Light';
	font-size: 18px;
	color: #333;
}

.ban-info .ban-form button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 60px;
	background-color: #ffa508;
	cursor: pointer;
}

.ban-info .ban-form button img {
	width: 60px;
	height: auto;
	aspect-ratio: 1 / 1;
}


.index-about {
	margin-top: 170px;
}

.index-about .wrap {
	display: -webkit-box;
	display: flex;
}

.index-about .index-name {
	margin-top: 24px;
}

.index-name {
	color: #000;
	font-family: 'Helvetica';
	line-height: 1.5;
}

.index-name h1,
.index-name h2 {
	font-size: 50px;
}

.index-about .about-fl {
	float: left;
	width: 58%;
}

.about-fl>p {
	color: #4c4c4c;
	font-size: 20px;
	line-height: 1.8;
	margin-top: 84px;
}

.about-fl .index-more {
	margin-top: 72px;
}

.index-more {
	margin-right: 35px;
}

.index-more a {
	display: inline-block;
	height: 63px;
	line-height: 63px;
	padding: 0 20px;
	color: #000;
	font-size: 20px;
	position: relative;
	z-index: 1;
}

.index-more a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 63px;
	background-color: #ffa508;
	-webkit-border-radius: 25px 5px 5px 5px;
	border-radius: 25px 5px 5px 5px;
	z-index: -1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.index-more a:after {
	content: '';
	position: absolute;
	right: -36px;
	top: 50%;
	margin-top: -5px;
	width: 35px;
	height: 11px;
	background: url(../images/arrow-more.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.index-more a:hover:before {
	width: 100%;
	-webkit-border-radius: 25px 5px 25px 5px;
	border-radius: 25px 5px 25px 5px;
}

.index-more a:hover:after {
	right: -40px;
}

.about-fl ul {
	margin-top: 66px;
}

.about-fl li {
	float: left;
	width: 25%;
	text-align: center;
}

.about-fl li img {
	width: 29px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.about-fl li strong {
	display: block;
	color: #0055a2;
	font-size: 30px;
	font-family: 'AgencyFB';
	line-height: 1.1;
	margin: 44px 0;
}

.about-fl li p {
	color: #333333;
	font-size: 14px;
	font-family: 'Hind-Light';
}

.index-about .about-fr {
	float: left;
	width: 40%;
	margin-left: 2%;
	position: relative;
}

.index-about .about-fr:before {
	content: '';
	position: absolute;
	right: -80px;
	top: -80px;
	width: 168px;
	height: 168px;
	background: url(../images/about-dot.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1;
}

.index-about .about-fr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px 20px 20px 20px;
}

.index-selling {
	margin-top: 120px;
}

.index-title {
	position: relative;
	line-height: 63px;
	height: 63px;
	margin-bottom: 80px;
}

.index-title .index-more {
	position: absolute;
	right: 0;
	top: 0;
}

.selling-list {
	margin-left: -1.5%;
	margin-top: 100px;
}

.selling-list .selist-con {
	float: left;
	width: 32%;
	margin-left: 1%;
	margin-bottom: 25px;
}

.selling-list .selist-item {
	background-color: #eeeeee;
	position: relative;
	text-align: center;
	height: 624px;
	line-height: 624px;
}

.selling-list .item01 .selist-pic img {
	aspect-ratio: 139/ 113;
	height: 358px;
}

.selling-list .item02 .selist-pic img {
	aspect-ratio: 278/ 169;
	width: 490px;
}

.selling-list .selist-pic {
	display: block;
}

.selling-list .selist-pic img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	aspect-ratio: 454/ 368;
}

.selling-list .selist-item:hover .selist-pic img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.selling-list .selist-txt {
	position: absolute;
	color: #001b34;
	font-size: 30px;
	line-height: 1.2;
}

.selling-list .selist-txt:hover {
	color: #ffa508;
}

.selling-list .item01 .selist-txt {
	right: 32px;
	bottom: 28px;
}

.selling-list .item02 .selist-txt {
	left: 32px;
	bottom: 28px;
}

.selling-list .item03 .selist-txt {
	left: 32px;
	bottom: 28px;
}

.selling-list .item04 .selist-txt {
	left: 32px;
	top: 28px;
}

.selling-list .item05 .selist-txt {
	right: 32px;
	top: 28px;
}

.selling-list .item06 .selist-txt {
	left: 32px;
	top: 28px;
}

.selling-list .item03 {
	height: 300px;
	line-height: 300px;
}

.selling-list .item04 {
	height: 300px;
	line-height: 300px;
	margin-top: 24px;
}

.selling-list .selist-cons {
	width: 65%;
}

.selling-list .selist-two {
	width: 31.5%;
}

.selling-list .item03 img {
	aspect-ratio: 402/168;
}

.selling-list .item04 img {
	aspect-ratio: 417/130;
}

.selling-list .item05 img {
	aspect-ratio: 479/398;
}

.selling-list .item06 img {
	aspect-ratio: 911/480;
}

.index-partner {
	margin-top: 77px;
}

.index-partner ul {
	margin-left: -2%;
}

.index-partner li {
	float: left;
	width: 23%;
	margin-left: 2%;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 22px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-moz-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-ms-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-o-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	box-shadow: 0 0 15px rgba(0, 27, 52, .15);
}

.index-partner li>img {
	aspect-ratio: 26/15;
	width: 92%;
}

.index-serve {
	margin-top: 90px;
}

.serve-swiper .swiper-slide {
	position: relative;
	overflow: hidden;
}

.serve-swiper .swiper-slide a {
	display: block;
}

.serve-swiper .swiper-slide .serve-pic img {
	width: 100%;
	display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.serve-swiper .swiper-slide:hover .serve-pic img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.serve-swiper .swiper-slide .serve-name {
	position: absolute;
	left: 50px;
	top: 50px;
}

.serve-swiper .swiper-slide .serve-name img {
	width: 80px;
	aspect-ratio: 5/4;
}

.serve-swiper .swiper-slide .serve-name p {
	color: #FFF;
	font-size: 24px;
	text-shadow: 1px 0 0 #000;
	margin-top: 35px;
}

.serve-swiper .swiper-slide .serve-txt {
	position: absolute;
	left: 32px;
	bottom: 40px;
	color: #FFF;
	font-size: 24px;
	text-shadow: 1px 0 0 #000;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform-origin: center;
	transform: rotate(-180deg);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.serve-swiper .swiper-slide:hover .serve-txt {
	bottom: 50px
}

.serve-swiper.swiper-container {
	padding-bottom: 40px;
	margin-top: 120px;
}

.serve-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0;
}

.serve-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.serve-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #b5b5b5;
	border: 1px solid #b5b5b5;
	opacity: 1;
	cursor: pointer;
}

.serve-swiper .swiper-pagination-bullet-active {
	background: #fff;
}


.index-blog {
	margin-top: 100px;
	margin-bottom: 80px;
}

.index-blog ul {
	margin-left: -2.3%;
	margin-top: 110px;
}

.index-blog ul li {
	float: left;
	width: 31%;
	margin-left: 2.3%;
	background-color: #fff;
	padding: 10px 10px 30px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 27, 52, .3);
	-moz-box-shadow: 0 5px 15px rgba(0, 27, 52, .3);
	-ms-box-shadow: 0 5px 15px rgba(0, 27, 52, .3);
	-o-box-shadow: 0 5px 15px rgba(0, 27, 52, .3);
	box-shadow: 0 5px 15px rgba(0, 27, 52, .3);
	position: relative;
	margin-bottom: 22px;
}

.index-blog ul li:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: #ffa508;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.index-blog li a {
	display: block;
}

.index-blog li .idxblog-pic {
	position: relative;
	padding-top: 90%;
	overflow: hidden;
}

.index-blog li .idxblog-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.index-blog li:hover .idxblog-pic img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.index-blog li .idxblog-txt {
	color: #4d4d4d;
	font-size: 22px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-top: 30px;
}

.index-blog ul li:hover:before {
	width: 100%;
}

.index-blog ul li .idxblog-txt:hover {
	color: #ffa508;
}


.footer {
	background-color: #001b34;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 96px;
}

.foot-link {
	padding: 60px 0 80px;
	color: #FFF;
}

.foot-link {
	padding: 38.5px 0;
}

.foot-link .foot-logo {
	float: left;
	width: 28%;
}

.foot-link .foot-logo a {
	display: block;
	width: 143px;
	margin-top: 10px;
}

.foot-link .foot-logo a {
	margin-top: 0;
}

/*核心页面指标*/
.foot-logo a img {
	width: 100%;
	max-width: 200px;
	height: auto;
	aspect-ratio: 98 / 63;
}

.foot-icon a img {
	width: 100%;
	max-width: 28px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.foot-link .foot-about {
	float: left;
	width: 20%;
}

.foot-link strong {
	display: block;
	font-family: 'Hind';
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 8px;
	line-height: 1.8;
}

.foot-link li,
.foot-link li a {
	color: #fff;
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 2.3;
}

.foot-link li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.foot-link li a:hover {
	color: #ffa508;
}

.foot-link .foot-Knowledge {
	float: right;
	margin-right: 38px;
}

.foot-link .foot-Knowledge a {
	color: #fff;
	font-size: 20px;
}

.foot-link .foot-contact {
	float: right;
}

.foot-link .clearfix {
	position: relative;
}

.foot-link .clearfix>p {
	font-family: 'Hind-Light';
	position: absolute;
	right: 0;
	bottom: -6px;
	font-size: 16px;
	height: 14px;
	font-weight: normal;
	color: #cccccc;
}

.foot-icon {
	margin-top: 4px;
}

.foot-icon a {
	float: left;
	width: 28px;
	margin-right: 22px;
}

.foot-link .foot-contact .foot-icon a:nth-child(3n) {
	margin-right: 0
}

.foot-icon a .icon-hide {
	display: none;
}

.foot-icon a:hover .icon-hide {
	display: block;
}

.foot-icon a:hover .icon-show {
	display: none;
}


.foot-con {
	border-top: 1px solid #646c72;
	padding: 20px 0 30px;
	font-size: 16px;
	font-family: 'Hind-Light';
	line-height: 30px;
}

.foot-con .foot-privacy {
	float: left;
}

.foot-privacy a {
	display: block;
	width: 140px;
	border: 1px solid #ffa508;
	line-height: 28px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-left: 34px;
	color: #ffa508;
}

.foot-privacy a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 28px;
	background-color: #ffa508;
	z-index: -1;
}

.foot-privacy img {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 13px;
	height: 13px;
}

.foot-con .font-txt01 {
	float: left;
	color: #FFF;
	margin-left: 16px;
}

.foot-con .font-txt02 {
	float: right;
	color: #FFF;
}

.foot-popu {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	padding: 10px 20px 5px 20px;
	background-color: #e6e6e6;
	margin: auto;
	box-shadow: 5px -5px 5px #666;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 9999;
	-webkit-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-moz-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-ms-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-o-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	box-shadow: 0 0 15px rgba(0, 27, 52, .15);
}

.foot-popu.popu-on {
	left: -200%;
}

.foot-popu p {
	color: #333;
	font-size: 16px;
	font-family: 'Hind-Light';
	width: 78%;
	line-height: 1.6;
	float: left;
}

.foot-popu p a {
	color: #0055a2;
	decoration: underline;
}

.foot-popu p a:hover {
	color: #ffa508;
	text-decoration: underline;
}

.foot-popu .popu-btn {
	margin-top: 3px;
	text-align: center;
	width: 19%;
	float: right;
}

.foot-popu .popu-btn div {
	display: inline-block;
	width: 142px;
	line-height: 45px;
	border-radius: 4px;
	color: #000;
	font-size: 17px;
	cursor: pointer;
}

.foot-popu .popu-btn div.popuBtn01 {
	background-color: #ffe5b9;
}

.foot-popu .popu-btn div.popuBtn02 {
	background-color: #ffa508;
	margin-left: 12px;
}

.foot-popu .popu-btn div:hover {
	background-color: #0055a2;
	color: #FFF;
}

/*
.chat{position: fixed;right: 100px;bottom:0;z-index: 99999;display: none;}
.chat-box{position: relative;width: 132px;height: 62px;}
.chat .chat-main{position: absolute;left: 0;bottom: 0;width: 138px;height: 48px;text-align: center;line-height: 48px;color: #001b34;font-size: 18px;font-family: 'Hind-Medium';background-color: #ffa508;border-radius: 8px; cursor: pointer;}
.chat:hover .chat-main{color: #FFF;}
.chat .chat-item{position: absolute;left: 0;bottom: 0;}

.chat .chat-item{
    position: absolute;
    top: -100px;
    left: -80px;
    border: 150px solid transparent;
    transform: scale(0);
    transition: transform 1.4s 0.07s;
    z-index: -1;
}
.chat:hover .chat-item{
    transition: transform 0.4s 0.08s, z-index 0s 0.5s;
    transform: scale(1);
    z-index: 1;
}
.chat .chat-item li{
    position: absolute;
    top: -130px;
    left: -130px;
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 50%;
	background: #ffa508;
	box-shadow: 0 0 10px rgba(0,27,52,.3);
    transform-origin: 130px 130px;
    transition: all 0.5s 0.1s;
}
.chat .chat-item li > .phone{ display:none;}
.chat .chat-item li > .wechat{ display:none;}
.chat .chat-item li:hover{
	background-color: #333;
}
.chat:hover .chat-item li:nth-child(1) {
    transition-delay: 0.02s;
    transform: rotate(345deg);
}
.chat:hover .chat-item li:nth-child(1) a img{
    transform: rotate(15deg);
}
.chat:hover .chat-item li:nth-child(2) {
    transition-delay: 0.04s;
    transform: rotate(25deg);
}
.chat:hover .chat-item li:nth-child(2) a img{
    transform: rotate(335deg);
}app-list li .app-txt a
.chat:hover .chat-item li:nth-child(3) {
    transition-delay: 0.06s;
    transform: rotate(65deg);
}
.chat:hover .chat-item li:nth-child(3) a img{
    transform: rotate(295deg);
}
.chat:hover .chat-item li:nth-child(4) {
    transition-delay: 0.08s;
    transform: rotate(105deg);
}
.chat:hover .chat-item li:nth-child(4) a img{
    transform: rotate(255deg);
}
.chat-item li:nth-child(1):hover .phone{
opacity:1;
display:inline-block;
position:absolute;top:35px;left:40px;
font-size:16px;
color:#fff;
height:40px;
width:190px;
padding:10px;
line-height: 20px;
text-align: center;
background: #333;
transform: rotate(15deg);
transition: opacity 0.25s;
}

.chat-item li:nth-child(4):hover .wechat{
display:block;
position:absolute;top:-58px;left:23px;
font-size:16px;
color:#fff;
height:40px;
width:190px;
padding:10px;
line-height: 20px;
text-align: center;
background: #333;
transform-origin: 130px 130px;
transition: all 0.5s 0.1s;
transform: rotate(255deg);
}*/

.chat {
	position: fixed;
	right: 50px;
	bottom: 170px;
	z-index: 99999;
}

.chat-box {
	position: relative;
	width: 50px;
	height: 170px;
}

@property --wave-size {
	syntax: '<percentage>';
	initial-value: 0%;
	inherits: false;
}

.span-email-tip {
	position: absolute;
	left: 0;
	bottom: calc(100% + 5px);
	display: none;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 290px;
	padding: 12px;
	border-radius: 2px;
	background: #001b34;
	color: #fff;
	z-index: 10;
	opacity: 0;
	transform: translateY(10px) scale(0.95);

	clip-path: circle(0% at 50% 100%);
	pointer-events: auto;
}

.span-email-tip__icon {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	background: url("../images/moqnote.png") no-repeat center/contain;
}

.span-email-tip__text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
}

.span-email-tip__text strong {
	display: block;
	font-size: 15.5px;
	line-height: 1;
	color: #ffa508;
	margin-bottom: 0;
}

.span-email-tip__text p {
	margin: 0;
	font-size: 14px;
	color: #ffffff;
	font-family: 'Hind';
	line-height: 1.1;
	display: block;
}

.span-email-tip__text a {
	display: inline;
	color: #6b8be3;
	text-decoration: none;
}

.chat-box .span-email>a {
	position: relative;
	z-index: 1;
	display: block;
    margin-left: 10px;
}

.chat-box .span-whats>a {
	position: relative;
	z-index: 1;
	display: block;
    margin-left: 10px;
}

.chat-box li:nth-child(1):hover .span-email-tip,
.chat-box li:nth-child(1) .span-email-tip:hover,
.chat-box li:nth-child(2):hover .span-email-tip,
.chat-box li:nth-child(2) .span-email-tip:hover {
	display: flex;
	animation: ripple-wave 600ms cubic-bezier(0.25, 0.40, 0.40, 0.90) forwards;
	animation-delay: 200ms;
}

.chat-box li {
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	margin: 7px;
	text-align: center;
}

.item {
	background-color: rgb(0 0 0 / 60%);
}

.chat-box .isshow {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.chat-box .hide {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.chat-box img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}

.chat-box span {
	padding-left: 50px;
	text-align: left;
}

.chat-box .span-email {
	position: absolute;
	top: 0;
	display: none;
	background: #ffa508 url(../images/email-hover.png) no-repeat;
	background-size: 50px 50px;
	background-position: 0px 0px;
	width: 290px;
}

.chat-box .span-whats {
	transition: transform 0.5s;
	position: absolute;
	top: 0;
	display: none;
	background: #ffa508 url(../images/whatsapp-hover.png) no-repeat;
	background-size: 50px 50px;
	background-position: 0px 0px;
	width: 290px;
}

.chat-box .span-email::before {
	content: '';
	position: absolute;
	top: -20px;
	width: 250px;
	left: 0;
	right: 0;
	height: 20px;
	background: transparent;
	pointer-events: auto;
}

.chat-box .span-email::after {
	content: '';
	position: absolute;
	top: 0px;
	width: 20px;
	right: -20px;
	height: 50px;
	background: transparent;
	pointer-events: auto;
}

.chat-box .span-whats::before {
	content: '';
	position: absolute;
	top: -20px;
	width: 250px;
	left: 0;
	right: 0;
	height: 20px;
	/* 同样改小 */
	background: transparent;
	pointer-events: auto;
}

.chat-box .span-whats::after {
	content: '';
	position: absolute;
	top: 0px;
	width: 20px;
	right: -20px;
	height: 50px;
	background: transparent;
	pointer-events: auto;
}

.chat-box .span-wechat::before {
	content: '';
	position: absolute;
	top: 0px;
	width: 20px;
	right: -20px;
	height: 50px;
	background: transparent;
	pointer-events: auto;
}

.chat-box .span-wechat {
	position: absolute;
	top: 0;
	display: none;
	background: #ffa508 url(../images/wechat-hover.png) no-repeat;
	background-size: 50px 50px;
	background-position: 0px 0px;
	width: 230px;
}

.chat-box .span-contact {
	position: absolute;
	top: 0;
	display: none;
	background: #ffa508 url(../images/contact-hover.png) no-repeat;
	background-size: 50px 50px;
	background-position: 0px 0px;
	width: 215px;
}

/*.toTop{background-color:#666;margin-top:20px;}*/

.chat-box li:nth-child(4):hover {
	background: #ffa508;
	border-radius: 0px;
}

.chat-box li:hover .isshow {
	display: none;
}

.chat-box li:hover .hide {
	display: none;
}

.chat-box li:nth-child(1):hover .span-email {
	left: -300px;
	animation-duration: 0.5s;
	animation-name: span-email;
	display: inline-block;
}

.chat-box li:nth-child(2):hover .span-whats {
	left: -300px;
	animation-duration: 0.5s;
	animation-name: whats-whats;
	display: inline-block;
}

.chat-box li:nth-child(3):hover .span-wechat {
	left: -240px;
	animation-duration: 0.5s;
	animation-name: whats-wechat;
	display: inline-block;
}

.chat-box li:nth-child(4):hover .isshow {
	display: none;
}

.chat-box li:nth-child(4):hover .hide {
	display: block;
}

@keyframes span-email {
	from {
		background-color: #666;
		left: 60px;
	}

	to {
		background-color: #ffa508;
		left: -300px;
	}
}

@keyframes whats-whats {
	from {
		background-color: #666;
		left: 60px;
	}

	to {
		background-color: #ffa508;
		left: -300px;
	}
}

@keyframes whats-wechat {
	from {
		background-color: #666;
		left: 60px;
	}

	to {
		background-color: #ffa508;
		left: -240px;
	}
}


@keyframes ripple-wave {
	0% {
		clip-path: circle(0% at 50% 100%);
		opacity: 0;
		transform: translateY(10px) scale(0.80);
	}

	25% {
		clip-path: circle(30% at 50% 100%);
		opacity: 0.3;
		transform: translateY(5px) scale(0.85);
	}

	50% {
		clip-path: circle(60% at 50% 100%);
		opacity: 0.6;
		transform: translateY(0) scale(0.95);
	}

	75% {
		clip-path: circle(100% at 50% 100%);
		opacity: 0.9;
		transform: translateY(0) scale(1.03);
	}

	100% {
		clip-path: circle(150% at 50% 100%);
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}


@supports (-webkit-mask-image: radial-gradient(circle, black, transparent)) {
	.span-email-tip {
		clip-path: none;
		--wave-size: 0%;
		-webkit-mask-image: radial-gradient(circle at 50% 100%,
				black var(--wave-size),
				black calc(var(--wave-size) + 5%),
				transparent calc(var(--wave-size) + 10%));
		-webkit-mask-position: center;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 300% 300%;
	}

	@keyframes ripple-wave {
		0% {
			--wave-size: 0%;
			opacity: 0;
			transform: translateY(10px) scale(0.90);
		}

		33% {
			--wave-size: 30%;
			opacity: 0.5;
			transform: translateY(3px) scale(0.95);
		}

		66% {
			--wave-size: 70%;
			opacity: 0.8;
			transform: translateY(0) scale(1.02);
		}

		100% {
			--wave-size: 120%;
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}
}


@media (prefers-reduced-motion: reduce) {
	.span-email-tip {
		clip-path: none !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
		transform: none !important;
		opacity: 1 !important;
		animation: none !important;
	}
}

/* about */
.ban-top {
	position: relative;
	width: 100%;
	max-height: 280px;
	height: 280px;
	background-color: #001b34;
}

.ban-video-top {
	position: relative;
	width: 100%;
	max-height: 280px;
	background-color: #001b34;
}

.ban-top img {
	width: 100%;
	max-height: 280px;
	object-fit: cover;
	aspect-ratio: auto 192/48;
}

.crumb {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10px;
	width: 1200px;
	color: #808080;
	font-size: 16px;
	font-family: 'Hind-Light';
	line-height: 16px;
	z-index: 22;
	background: url(../images/icon-home.png) no-repeat left 0;
	padding-left: 20px;
}

.crumb li {
	display: inline-block;
}

.crumb li a {
	color: #808080;
}

.crumb li a:hover {
	color: #FFF;
}

.page-name {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	margin-top: -30px;
	width: 1200px;
	text-align: center;
}

.page-name>h1,.page-name>h2 {
	color: #FFF;
	font-size: 60px;
	font-family: 'Helvetica';
	line-height: 1.2;
}

.mtop-con {
	margin-top: 120px;
}

.mtop-con .index-title {
	height: auto;
	line-height: 1.2;
}

.about-wflr {
	margin-left: -2%;
	margin-top: 90px;
	display: flex;
}

.about-witem {
	float: left;
	width: 48%;
	margin-left: 2%;
	line-height: 1.8;
	overflow: hidden;
}

.about-witem img {
	width: 100%;
	min-height: 92px;
	aspect-ratio: 147 / 92;
	object-fit: cover;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.about-witem img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.about-witem strong {
	display: block;
	color: #0055a2;
	font-size: 24px;
	font-family: 'Hind-Medium';
	margin: 24px 0 20px;
}

.about-witem p {
	color: #4c4c4c;
	font-size: 18px;
	font-family: 'Hind-Light';
}

.about-data {
	background: url(../images/about-data.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 120px 0 100px;
}

.about-data li {
	float: left;
	width: 33.3%;
	text-align: center;
}

.about-data li strong {
	display: block;
	color: #ffa508;
	font-size: 60px;
	font-family: 'AgencyFB';
	line-height: 1.1;
}

.about-data li p {
	color: #FFF;
	font-size: 22px;
	font-family: 'Hind-Light';
	margin-top: 10px;
}


.about-time {
	background: url(../images/about-line.jpg) no-repeat center bottom;
	padding-bottom: 170px;
}

.about-time ul {
	max-width: 1490px;
	margin: 0 auto;
}

.about-time li {
	float: left;
	width: 12.8%;
	position: relative;
	padding: 20px 10px 20px 20px;
	line-height: 1.8;
}

.about-time li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background-color: #0055a2;
	border-radius: 50%;
}

.about-time li:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 4px;
	width: 4px;
	height: 100%;
	background: #0055a2;
	background: -webkit-linear-gradient(top, #0055a2 0%, transparent 100%);
	background: -moz-linear-gradient(top, #0055a2 0%, transparent 100%);
	background: -ms-linear-gradient(top, #0055a2 0%, transparent 100%);
	background: -o-linear-gradient(top, #0055a2 0%, transparent 100%);
	background: linear-gradient(to bottom, #0055a2 0%, transparent 100%);
}

.about-time li strong {
	display: block;
	color: #0055a2;
	font-size: 32px;
	font-family: 'Hind-Medium';
}

.about-time li p {
	color: #4c4c4c;
	font-size: 16px;
	font-family: 'Hind-Light';
}

.about-time li:nth-child(1) {
	margin-top: 260px;
	height: 470px;
}

.about-time li:nth-child(2) {
	margin-top: 360px;
	height: 360px;
	width: 11.6%;
}

.about-time li:nth-child(3) {
	margin-top: 444px;
	height: 330px;
	width: 11.6%;
}

.about-time li:nth-child(4) {
	margin-top: 280px;
	height: 270px;
}

.about-time li:nth-child(5) {
	margin-top: 110px;
	height: 390px;
}

.about-time li:nth-child(6) {
	margin-top: 300px;
	height: 290px;
}

.about-time li:nth-child(7) {
	margin-top: 150px;
	height: 310px;
}

.about-time li:nth-child(8) {
	height: 450px;
}

.about-time li:nth-child(8):before {
	background: #ffa508;
}

.about-time li:nth-child(8):after {
	background: #ffa508;
	background: -webkit-linear-gradient(top, #ffa508 0%, transparent 100%);
	background: -moz-linear-gradient(top, #ffa508 0%, transparent 100%);
	background: -ms-linear-gradient(top, #ffa508 0%, transparent 100%);
	background: -o-linear-gradient(top, #ffa508 0%, transparent 100%);
	background: linear-gradient(to bottom, #ffa508 0%, transparent 100%);
}

.about-time li:nth-child(8) strong {
	color: #ffa508;
}

.about-work {
	background-color: #eeeeee;
	padding: 80px 0 120px;
}

.work-fl {
	float: left;
	width: 40%;
}

.work-item {
	position: relative;
	overflow: hidden;
}

.work-fl .work-item img {
	width: 100%;
	aspect-ratio: 486/688;
}

.work-fr .work-item img {
	width: 100%;
	aspect-ratio: 690/332;
}

.work-item .work-box {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 85, 162, .7);
	padding: 40px;
	color: #FFF;
	align-items: center;
	justify-content: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.work-item .work-box strong {
	display: block;
	font-size: 30px;
	/*font-family: 'Vollkorn';*/
	font-weight: normal;
	text-align: center;
	margin-top: -25px;
	position: absolute;
	left: 38px;
	top: 50px;
}

.work-item .work-box p {
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 1.8;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	vertical-align: middle;
	position: absolute;
	top: 100px;
}

.work-item .work-box p .aa {
	vertical-align: middle;
}

.work-item:hover .work-box {
	left: 0;
}

.work-fr {
	float: right;
	width: 57.5%;
}

.work-fr .work-item:first-child {
	margin-bottom: 2.1%;
}

.work-fr .work-item .work-box {
	align-items: baseline;
}

.about-pics {
	text-align: center;
	width: 100%;
}

.about-pics img {
	width: 80%;
	aspect-ratio: 1646/819;
}

.about-pics .abpic-hide {
	display: none;
}

.about-major {
	background: url(../images/about-major.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 140px 0 150px;
}

.about-major ul {
	margin-left: -2.3%;
}

.about-major ul li {
	float: left;
	width: 31%;
	margin-left: 2.3%;
	background-color: #fff;
	border-radius: 8px;
	text-align: center;
	font-family: 'Hind-Light';
	padding: 84px 40px 90px;
}

.about-major li strong {
	display: block;
	color: #3778ff;
	font-size: 28px;
	line-height: 1.2;
	margin: 30px 0;
}

.about-major li p {
	color: #000;
	font-size: 16px;
	line-height: 28px;
	height: 224px;
	text-align: left;
	letter-spacing: -0.1px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

.about-major li img {
	margin: 0 auto;
}

.about-major li .major-hide {
	display: none;
}

.about-major li:hover .major-hide {
	display: block;
}

.about-major li:hover .major-show {
	display: none;
}

.about-major li img {
	width: 40%;
	aspect-ratio: 1/1;
}

.proline-swiper.swiper-container {
	padding-bottom: 60px;
}

.proline-swiper .swiper-slide {
	padding: 0 57px;
}

.proline-swiper .swiper-slide img {
	width: 100%;
	aspect-ratio: 331/176;
}

.proline-swiper .swiper-button-prev,.proline-swiper .swiper-button-prev-b {
	left: 0;
	width: 32px;
	height: 32px;
	background-image: url(../images/about-afl.png);
	background-size: 32px 32px;
	margin-top: -56px;
}

.proline-swiper .swiper-button-next,.proline-swiper .swiper-button-next-b {
	right: 0;
	width: 32px;
	height: 32px;
	background-image: url(../images/about-afr.png);
	background-size: 32px 32px;
	margin-top: -56px;
}

.proline-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #b5b5b5;
	border: 1px solid #b5b5b5;
	opacity: 1;
}

.proline-swiper .swiper-pagination-bullet-active {
	background: #fff;
}


.about-cert {
	background-color: #eeeeee;
}

.about-cert .cert-fl {
	float: left;
	width: 50%;
	margin-top: 190px;
}

.about-cert .cert-fl p {
	color: #4c4c4c;
	font-size: 20px;
	font-family: 'Hind-Light';
	line-height: 1.7;
	margin-bottom: 40px;
}

.about-cert .cert-fr {
	float: right;
	width: 46%;
	position: relative;
}

.about-cert .cert-fr .cert-frr {
	position: absolute;
	right: -144px;
	top: 0;
	bottom: 0;
}

.cert-swiper.swiper-container {
	height: 990px;
	width: 384px;
	padding-left: 40px;
	margin: 0;
}

.cert-swiper .swiper-slide {
	height: 300px !important;
	-webkit-transform: scale(0.8) !important;
	-webkit-transform-origin: center center;

	-moz-transform: scale(0.8) !important;
	-moz-transform-origin: center center;
	-ms-transform: scale(0.8) !important;
	-ms-transform-origin: center center;
	-o-transform: scale(0.8) !important;
	-o-transform-origin: center center;
	transform: scale(0.8) !important;
	transform-origin: center center;

	overflow: hidden;
}

.cert-swiper .swiper-slide.swiper-slide-active {
	height: 491px !important;
	-webkit-transform: scale(1) !important;
	-webkit-transform-origin: center center;

	-moz-transform: scale(1) !important;
	-moz-transform-origin: center center;
	-ms-transform: scale(1) !important;
	-ms-transform-origin: center center;
	-o-transform: scale(1) !important;
	-o-transform-origin: center center;
	transform: scale(1) !important;
	transform-origin: center center;

	margin: 30px 0;
}

.cert-swiper.swiper-container-vertical>.swiper-pagination-bullets {
	right: auto;
	left: 0;
}

.cert-swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 15px 0;
}

.cert-swiper .swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	border-radius: 0;
	opacity: 1;
	background: url(../images/about-dot01.png) no-repeat;
}

.cert-swiper .swiper-pagination-bullet-active {
	background-image: url(../images/about-dot02.png);
}

.cert-swiper img {
	width: 100%;
	aspect-ratio: 344/491;
}

.about-choose li {
	float: left;
	width: 17%;
}

.about-choose li.on {
	width: 66%;
}

.about-choose li .choose-item {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: space-between;
	background-color: #fff;
	-moz-box-shadow: 0 0 15px rgba(0, 85, 162, .15);
	-webkit-box-shadow: 0 0 15px rgba(0, 85, 162, .15);
	box-shadow: 0 0 15px rgba(0, 85, 162, .15);
	text-align: center;
	padding: 60px 10px 40px;
	height: 440px;
	cursor: pointer;
}

.about-choose li .choose-item img {
	width: 50%;
	aspect-ratio: 1/1;
}

.about-choose li .choose-item strong {
	display: block;
	color: #333;
	font-size: 20px;
	line-height: 1.4;
}

.about-choose li .choose-on {
	background-color: #0055a2;
	color: #FFF;
	padding: 60px;
	display: none;
	height: 440px;
}

.about-choose li .choose-on strong {
	display: block;
	position: relative;
	font-size: 30px;
	line-height: 1.2;
	padding-bottom: 16px;
	margin-bottom: 40px;
}

.about-choose li .choose-on strong:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 33px;
	height: 4px;
	background-color: #ffa508;
}

.about-choose li .choose-on p {
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 1.8;
}

.about-choose li.on .choose-item {
	display: none;
}

.about-choose li.on .choose-on {
	display: block;
}

/* blog */
.blogs-fl {
	float: left;
	width: 57%;
}

.blog-swiper:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 170px;
	background: #011c35;
	background: -webkit-linear-gradient(top, transparent 0%, #011c35 100%);
	background: -moz-linear-gradient(top, transparent 0%, #011c35 100%);
	background: -ms-linear-gradient(top, transparent 0%, #011c35 100%);
	background: -o-linear-gradient(top, transparent 0%, #011c35 100%);
	background: linear-gradient(to bottom, transparent 0%, #011c35 100%);
	z-index: 2;
}

.blog-swiper .swiper-pagination {
	text-align: right;
}

.blog-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #FFF;
	border: 1px solid #FFF;
	opacity: 1;
}

.blog-swiper .swiper-pagination-bullet-active {
	background: transparent;
}

.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
	right: 50px;
	width: auto;
	bottom: 30px;
}

.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.blog-swiper a {
	display: block;
}

.blogs-fr {
	float: right;
	width: 36%;
}

.blogs-fr li {
	margin-bottom: 10px;
}

.blogs-fr li a {
	display: block;
	color: #333;
	font-size: 24px;
	font-family: 'Hind';
	line-height: 1.7;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding-left: 40px;
	position: relative;
}

.blogs-fr li a span {
	position: absolute;
	left: 0;
	top: 6px;
	background: url(../images/blog-data.png) no-repeat;
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	font-size: 18px;
}

.blogs-fr li a:hover,
.blogs-fr li.active a {
	color: #ffa508;
}

.blogs-fr li a:hover span,
.blogs-fr li.active a span {
	color: #333;
}

.blog-list li {
	border-bottom: 1px solid #c9c9c9;
	overflow: hidden;
	padding: 36px 0;
}

.blog-list li:first-child {
	padding-top: 0;
}

.blog-list li:last-child {
	border: none;
}

.blog-list li .blog-pic {
	float: left;
	width: 365px;
	margin-right: 40px;
}

.blog-list li .blog-pic a {
	display: block;
	position: relative;
	padding-top: 67%;
	overflow: hidden;
}

.blog-list li .blog-pic a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.blog-list li .blog-pic a:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

.blog-list li .blog-info {
	display: block;
	overflow: hidden;
}

.blog-list li .blog-info a {
	display: block;
	color: #333333;
	font-size: 24px;
	font-family: 'Hind-Medium';
	line-height: 30px;
	margin-top: 24px;
}

.blog-list li .blog-info a:hover {
	color: #ffa508;
}

.blog-list li .blog-info p {
	color: #666;
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 24px;
}

.blog-list li .blog-info p.blog-time {
	text-align: right;
}

.list-load {
	margin-top: 30px;
	text-align: center;
}

.list-load button {
	display: inline-block;
	border: 2px solid #001b34;
	background-color: #fff;
	color: #001b34;
	font-size: 25px;
	padding: 5px 45px;
	line-height: 45px;
}

.list-load button:hover {
	background-color: #001b34;
	color: #FFF;
}

/*.blog-name {*/
/*	position: absolute;*/
/*	left: 0;*/
/*	right: 0;*/
/*	margin: 0 auto;*/
/*	top: 44%;*/
/*	width: 92%;*/
/*	text-align: center;*/
/*	display: block;*/
/*}*/

.blog-name {
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	text-align: center;
}

.blog-name h1 {
	color: #ffa508;
	font-size: 38px;
	font-family: 'Hind';
	line-height: 1.2em;
	width: 100%;
	display: inline-block;
}

.blog-name p {
	color: #808080;
	font-size: 16px;
	font-family: 'Hind-Light';
	margin-top: 14px;
}

.blog-name p span {
	display: inline;
	margin: 0 25px;
}

.martit {
	display: none;
}

/* tocbot Begin*/
.toc {
	overflow-y: auto
}

.toc>.toc-list {
	overflow: hidden;
	position: relative
}

.toc>.toc-list li {
	list-style: none
}

.toc-list {
	margin: 0;
	padding-left: 10px
}

a.toc-link,
a.toc-link-child {
	color: currentColor;
	height: 100%
}

.is-collapsible {
	max-height: 1000px;
	overflow: hidden;
	transition: all 300ms ease-in-out
}

.is-collapsed {
	max-height: 0
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	font-weight: 700
}

.toc-link::before,
.toc-link-child::before {
	background-color: #EEE;
	content: ' ';
	display: inline-block;
	height: inherit;
	left: 0;
	margin-top: -1px;
	position: absolute;
	width: 2px
}

.is-active-link::before {
	background-color: #54BC4B
}

/*toc-lis*/
.toc-list-child {
	margin: 0;
	padding-left: 25px
}

.boxnav-link .toc-link-child::before {
	width: 8px;
	height: 8px;
	border: 1px solid #808080;
	border-radius: 50%;
	top: 10px;
}

/* tocbot End*/


.blog-box {
	margin-top: 60px;
}

.art-show .wrap {
	position: relative;
}

.box-link {
	position: absolute;
	left: 120px;
	top: 0;
	width: 48px;
	height: 100px;
	background-color: #ffa508;
	border-radius: 4px;
	text-align: center;
}

.box-link a {
	display: block;
}

.box-link a img {
	margin-top: 13px;
}

.relat-pro {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -810px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
	padding: 26px 30px;
	width: 390px;
	z-index: 22;
}

.relat-pro strong {
	display: block;
	color: #000000;
	font-size: 24px;
}

.relat-pro li {
	margin: 18px 0;
}

.relat-pro li a {
	display: block;
	color: #333;
	font-size: 16px;
	position: relative;
	padding-left: 22px;
	line-height: 1.6;
}

.relat-pro li a:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 8px;
	width: 6px;
	height: 6px;
	background-color: #ffa508;
	border-radius: 50%;
}

.relat-pro li a:hover {
	color: #ffa508;
}

.prolist-show .box-show,
.box-nav {
	margin: 2.5em 0;
}

.prolist-show .box-show,
.boxnav-link {
	margin-top: 14px;
	margin-left: 30px;
}

.prolist-show .box-show,
.boxnav-link li {
	margin: 1em 0;
}

.prolist-show .box-show,
.boxnav-link li a {
	position: relative;
	display: block;
	padding-left: 18px;
	color: #808080;
	font-weight: normal;
	line-height: 1.5;
}

.prolist-show .box-show,
.boxnav-link li a:hover {
	color: #ffa508;
}

.prolist-show vedio {
	width: 100%;
	max-height: 450px;

}

.prolist-show strong a {
	color: #0077B3;
}

.prolist-show strong a:hover {
	text-decoration: underline;
}

.boxnav-link .toc-list {
	padding-left: 0;
}

.boxnav-link .toc-link::before {
	width: 8px;
	height: 8px;
	border: 1px solid #808080;
	border-radius: 50%;
	top: 10px;
}

.boxnav-link .is-active-link::before {
	background-color: #fff;
}

.list-con01 {
	margin-top: -36px;
	margin-bottom: 44px;
}

.list-con01 li {
	padding-left: 24px;
	position: relative;
	margin: 12px 0;
	line-height: 1.5;
}

.list-con01 li:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 5px;
	width: 12px;
	height: 12px;
	background: url(../images/blog-icon01.png) no-repeat;
}

.list-con02 {
	margin-bottom: 26px;
}

.list-con02 li {
	padding-left: 28px;
	position: relative;
	margin: 12px 0;
	line-height: 1.5
}

.list-con02 li:before {
	content: '';
	position: absolute;
	left: 13px;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #0055a2;
	border-radius: 50%;
}

.list-con02 li strong {
	font-family: 'Hind';
	font-weight: normal;
}

.list-con03,
.list-con10 {
	margin-top: 20px;
}

.list-con03 li {
	overflow: hidden;
	margin-bottom: 20px;
}

.list-con03 div,
.list-con10 div {
	margin-bottom: 36px;
	overflow: hidden;
}

.list-con03 div p {
	margin-bottom: 0;
}

.list-con10 div p {
	margin: 0;
}

.list-con03 img,
.list-con10 img {
	float: left;
	margin-right: 16px;
	width: 200px;
	aspect-ratio: 1/1;
}

.list-con03 p strong,
.list-con10 p strong {
	display: block;
	font-weight: 700;
	color: #000;
	font-size: 18px;
	margin: 16px;
}

.list-con04 {
	margin-bottom: 30px;
}

.list-con04 li {
	padding-left: 24px;
	position: relative;
	line-height: 1.5;
	margin: 12px 0;
	line-height: 1.5;
}

.list-con04 li span {
	position: absolute;
	left: 0;
	top: 5px;
	width: 14px;
	height: 14px;
	background-color: #e5e5e5;
	border-radius: 2px;
	color: #0055a2;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
}

.form-show {
	width: 100%;
	margin: 1.8em 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;

	position: relative;
}

.size-cell-table {
	white-space: pre-line;
}

.form-show table tr:not(:first-child):hover {
	background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 100%);
	border-left: 4px solid #a9d6ff;
}

.collapsible {
	position: relative;
	overflow: hidden;
	transition: max-height 0.3s ease;
	max-height: 1000px;
}

.shortfold {
	max-height: 500px;
}

.collapsible>.form-show:first-child {
	margin-top: 0;
}

.collapsible::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
	pointer-events: none;
}

.expanded {
	max-height: none;
}

.expanded::after {
	display: none;
}

.toggle-btn {
	display: inline-block;
	width: auto;

	white-space: nowrap;

	cursor: pointer;
	z-index: 10;
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffa508;
	border-radius: 4px;
	color: #232323;
	font-size: 18px;
	padding: 0px 18px;
	height: 40px;
	border: 0 solid #B5002C;
	font-family: Hind-Medium;
	font-weight: normal;
}

.toggle-btn .arrow {
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-left: 0.3em;
	background-color: currentColor;
	clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
	vertical-align: middle;
}

.toggle-btn .arrow.up {
	clip-path: polygon(0% 100%, 100% 100%, 50% 0%);
}

.toggle-btn.visible {
	display: inline-block;
}

.form-show.drag-scroll.dragging,
.form-show.drag-scroll.dragging * {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

body.dragging-noselect,
body.dragging-noselect * {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-show {
	--sx: 0px;
}

.collapsible::after {
	transform: translateX(var(--sx));
	will-change: transform;
}

.form-show.drag-scroll {
	touch-action: pan-y;
}

.form-show.drag-scroll.dragging {
	touch-action: none;
}

.form-show.drag-scroll.dragging,
.form-show.drag-scroll.dragging * {
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.form-show::-webkit-scrollbar {
	height: 7px;
	width: 200px;
}

.form-show::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #ffa508;
	margin: 1px;
}

.form-show::-webkit-scrollbar-track {
	border-radius: 8px;
	background: #a9d6ff;
}

.form-show table {
	background-color: #FFF;
	width: 100%;
	cursor: pointer;
	border-top: 1px solid #a9d6ff;
	border-left: 1px solid #a9d6ff;
	width: 100%;
	max-width: 1200px;
}

.form-show table .add {
	background-color: #0055a2;
}

.form-show table .add td {
	color: #fff;
}

.form-show table .aad {
	border-left: 1px solid #a9d6ff;
}

.form-show table tr:nth-child(1) {
	background: #0055a2;
	color: #fff;
}

.td tr:nth-child(1) {
	background: unset !important;
}

/*.form-show table td:nth-child(1){border-left: 1px solid #a9d6ff;}*/
.form-show table tr td {
	padding: 10px;
	word-break: keep-all;
	border-right: 1px solid #a9d6ff;
	border-bottom: 1px solid #a9d6ff;
	text-align: center;
	line-height: 1.5;
	color: #181818;
	font-size: 16px;
}

.td tr td {
	text-align: left !important;
}

.td td.bg {
	background: #0055a2;
	color: #fff !important;
}

.td td.nobg {
	background: #fff;
	color: #181818 !important;
}

.form-show table tr:nth-child(1) td {
	color: #FFF;
}

table.form-show tr:nth-child(1) {
	background: #0055a2;
	color: #fff;
}

table.form-show .add {
	background-color: #0055a2;
}

table.form-show .add td {
	color: #fff;
}

/*无合并的情况*/
.td tr:nth-child(1) td {
	color: #181818 !important;
}

.td tr>td:nth-last-child(1):first-child {
	background: #fff;
	color: #000 !important;
	;
}

.td tr>td:first-child {
	background: #0055a2;
	color: #fff !important;
}

.td tr>td.clean {
	background: #fff;
	color: #181818 !important;
}

/*有合并的情况*/
.hebing tr:nth-child(1) {
	background: unset !important;
	color: #181818 !important;
}

.hebing tr:nth-child(1) td {
	color: #181818 !important;
}

.hebing tr:nth-child(1) td:nth-child(1) {
	color: #fff !important;
}

.hebing tr td[rowspan] {
	background-color: #0055a2 !important;
	color: #fff !important;
}

.hebing tr>td.clean {
	background: #fff !important;
	color: #181818 !important;
}

.hebing tr td.shu,
.hebing .shu,
.hebing .shu strong {
	background-color: #0055a2 !important;
	color: #fff !important;
}

/*.td tr>td[rowspan]{background: #0055a2;color: #fff!important;}
.td tr>td[bg]{background: #0055a2;color: #fff!important;}*/
.quote-show {
	background-color: #eeeeee;
	border-radius: 10px;
	padding: 24px 30px 20px;
	margin: 0 40px 60px;
}

.quote-show p {
	color: #666666;
	font-size: 16px;
	margin-bottom: 0;
}

.quote-show p.quote-name {
	text-align: right;
	font-style: italic;
	margin-top: 10px;
}

.list-con05 {
	margin-bottom: 28px;
}

.list-con05 li {
	padding-left: 24px;
	position: relative;
	line-height: 1.5;
	margin: 12px 0;
}

.list-con05 li:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 7px;
	width: 12px;
	height: 12px;
	background: url(../images/blog-icon03.png) no-repeat;
}

.blog-refer {
	margin-top: 44px;
}

.blog-refer strong {
	display: block;
	color: #808080;
	font-size: 20px;
	margin-bottom: 10px;
}

.blog-refer li {
	position: relative;
	padding-left: 19px;
	margin: 12px 0;
}

.blog-refer li a {
	display: block;
	color: #808080;
	font-size: 14px;
	position: relative;
	line-height: 1.5;
}

.blog-refer li a.refer-txt:hover {
	color: #ffa508;
}

.blog-refer li .refer-icon {
	position: absolute;
	left: 3px;
	top: -1px;
	width: 9px;
	height: 9px;
	overflow: initial;
}

.relat-show {
	margin-top: 40px;
}

.relat-show strong {
	display: block;
	color: #000000;
	font-size: 28px;
	font-family: 'Hind';
	margin-bottom: 15px;
}

.relat-show li,
.blog-refer li {
	margin: 12px 0;
}

.relat-show li a {
	display: block;
	color: #000;
	font-size: 18px;
	position: relative;
	padding-left: 34px;
	line-height: 1.5;
}

.relat-show li a:hover {
	color: #ffa508;
}

.relat-show li a:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 5px;
	width: 12px;
	height: 14px;
	background: url(../images/blog-icon05.png) no-repeat;
}


.msg-box {
	width: 1370px;
	margin: 80px auto 0;
	border-radius: 100px 20px 20px 20px;
	-moz-box-shadow: 0 10px 30px rgba(0, 27, 52, .3);
	-webkit-box-shadow: 0 10px 30px rgba(0, 27, 52, .3);
	box-shadow: 0 10px 30px rgba(0, 27, 52, .3);
	padding: 90px 80px 90px 90px;
	background-color: #001b34;
}

.msg-box .msg-base {
	float: left;
	width: 46%;
	color: #FFF;
	font-family: ""
}

.msg-base strong {
	display: block;
	font-size: 58px;
	line-height: 1.33;
	font-family: 'Hind';
}

.msg-base p {
	font-size: 36px;
	font-family: 'Hind-Light';
	position: relative;
	margin-top: 10px;
	padding-bottom: 24px;
}

.msg-base p:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 68px;
	height: 4px;
	border-radius: 2px;
	background-color: #f2f2fa;
}

.msg-base ul {
	margin-top: 150px;
}

.msg-base ul li {
	font-size: 24px;
	line-height: 2.5;
	background: url(../images/msg-icon.png) no-repeat left center;
	padding-left: 30px;
}

.msg-box .msg-form {
	float: right;
	width: 44%;
	background-color: #f2f2fa;
	border-radius: 20px;
	padding: 50px 40px 60px;
}

.msg-form li {
	position: relative;
	padding: 9px 20px;
	line-height: 30px;
	background-color: #FFF;
	border-radius: 4px;
	margin-bottom: 28px;
}

.msg-form li img {
	position: absolute;
	left: 20px;
	top: 14px;
	width: 22px;
}

.msg-form li input,
.msg-form li textarea {
	width: 100%;
	background-color: #FFF;
	padding-left: 30px;
	font-size: 16px;
	font-family: 'Hind-Light';
	color: #222;
	line-height: 30px;
}

.msg-form li textarea {
	height: 90px;
	line-height: 1.5;
}

.msg-btn {
	margin-top: 28px;
}

.msg-note {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	color: #001b34;
	font-style: italic;
	font-size: 14px;
	font-family: 'Hind';
	line-height: 1.5;
}

.msg-note::before {
	content: "";
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin-top: 2px;
	background: url(../images/warning.png) no-repeat center / contain;
}

.msg-note>span>a {
	color: #6b8be3;
	font-style: italic;
	font-size: 14px;
	font-family: 'Hind';
}


.msg-btn input {
	width: 100%;
	line-height: 48px;
	background-color: #ffa508;
	border-radius: 4px;
	color: #001b34;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.msg-btn input:hover {
	background-color: #001b34;
	color: #FFF;
}

/*.pros-name {*/
/*	position: absolute;*/
/*	left: 0;*/
/*	right: 0;*/
/*	margin: 0 auto;*/
/*	top: 44%;*/
/*	margin-top: -20px;*/
/*	width: 92%;*/
/*	text-align: center;*/
/*	line-height: 1.4;*/
/*}*/

.pros-name {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    text-align: center;
    line-height: 1.4;
}

.pros-name h1 {
	color: #ffa508;
	font-size: 36px;
	text-shadow: 2px 2px 5px #2d2d2d;
}

.pros-name ul {
	font-size: 0;
	margin-top: 60px;
}

.pros-name li {
	display: inline-block;
	background-color: #001b34;
	height: 22px;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	border-radius: 22px;
	padding: 0 10px 0 26px;
	margin: 0 20px;
	position: relative;
}

.pros-name li:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: url(../images/pros-icon.png) no-repeat;
}

.pros-name li:after {
	content: '';
	position: absolute;
	left: -40px;
	top: 10px;
	width: 40px;
	height: 1px;
	background-color: #001b34;
}

.pros-name li:first-child:after {
	display: none;
}

.pro-box {
	margin-top: 80px;
}

.list-con06 {
	margin: 1.8em 0;
}

.list-con06 li {
	padding-left: 28px !important;
	position: relative;
	margin: 12px 0;
	line-height: 1.5
}

.list-con06 li:before {
	content: '';
	position: absolute;
	left: 13px;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #0055a2;
	border-radius: 50%;
}

.list-con06 li em {
	font-style: italic;
}

.list-con06 li a {
	color: #4180ff;
}

.list-con07 {
	margin-bottom: 30px;
}

.list-con07 li {
	padding-left: 24px;
	position: relative;
	line-height: 1.5;
	margin: 12px 0;
}

.list-con07 li span {
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 2px;
	color: #343434;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	border: 1px solid #0055a2;
	border-radius: 2px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}

.list-con08 {
	position: relative;
	margin-bottom: 40px;
}

.list-con08:before {
	content: '';
	position: absolute;
	left: 14px;
	top: 7px;
	bottom: 12px;
	width: 1px;
	background-color: #0055a2;
}

.list-con08 li {
	position: relative;
	padding-left: 33px;
	line-height: 1.5;
	margin: 12px 0;
}

.list-con08 li:before {
	content: '';
	position: absolute;
	left: 9px;
	top: 7px;
	width: 12px;
	height: 12px;
	background-color: #0055a2;
	border: 3px solid #dcdcdc;
	border-radius: 50%;
}

/* contact */
.cont-box {
	position: relative;
	margin-top: 70px;
}

/*.cont-box:before{content: '';position: absolute;left: 0;right: 0;width: 1478px;height: 667px;background: url(../images/cont-map.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;margin: 0 auto;z-index: -1;}*/

.cont-link ul {
	margin-left: -2.3%;
}

.cont-link li {
	float: left;
	width: 31%;
	margin-left: 2.3%;
	text-align: center;
	position: relative;
	padding: 30px 10px;
}

.cont-link li:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	background-color: #fff;
	border-radius: 12px;
	-moz-box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	-webkit-box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	z-index: -1;
}

.cont-link li .cont-pic {
	width: 134px;
	height: 134px;
	border-radius: 50%;
	background-color: #fff;
	-moz-box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	-webkit-box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
	text-align: center;
	line-height: 134px;
	margin: 0 auto;
}

.cont-link li .cont-name {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0 6px;
}

.cont-link li .cont-font {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 72px;
}

.cont-link li .cont-font p {
	color: #3778ff;
	font-size: 22px;
	font-family: 'Hind-Light';
	line-height: 36px;
	display: block;
	width: 100%;
}

.cont-link li .cont-font p a {
	color: #3778ff;
}

.cont-link li .cont-font p a:hover {
	color: #ffa508
}

.cont-msg {
	position: relative;
}

.cont-msg:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 160px;
	background-color: #313131;
	z-index: -1;
}

.cont-msg .msg-box {
	background-color: #fff;
	border-radius: 12px;
	-moz-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	-webkit-box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	box-shadow: 0 0 15px rgba(0, 27, 52, .15);
	padding: 80px 80px 100px;
	margin-bottom: 100px;
}

.cont-msg .msg-box .msg-base {
	color: #3a7bff;
}

.cont-msg .msg-base p:after {
	background-color: #ffa508;
}

.cont-msg .msg-base ul {
	margin-top: 130px;
}

.cont-msg .msg-base ul li {
	color: #333;
	background-image: url(../images/msg-icons.png);
}

.cont-msg .msg-box .msg-form {
	background-color: #fff;
	padding: 0;
	margin-top: 50px;
}

.cont-msg .msg-form li {
	background-color: #f2f2fa;
	border: 1px solid #3778ff;
}

.cont-msg .msg-form li input,
.cont-msg .msg-form li textarea {
	background-color: #f2f2fa;
}

.footer-cont {
	margin-top: 4px !important;
}

.privacy-box {
	margin-top: 60px;
}

.privacy-show {
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	color: #343434;
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 1.7;
}

.privacy-show h2 {
	color: #000;
	font-size: 24px;
	margin-bottom: 16px;
}

.privacy-show h3 {
	color: #000;
	font-size: 22px;
	margin-bottom: 16px;
}

.privacy-show p {
	color: #343434;
	margin-bottom: 36px;
}

.privacy-show p.pfont {
	font-family: 'Hind';
}

.privacy-show p a {
	text-decoration: underline;
	color: #6b8be3;
}

.privacy-show p a:hover {
	color: #ffa508;
}

.privacy-show .privacy-font h3 {
	margin-bottom: 10px;
}

.privacy-show .privacy-font p {
	margin-bottom: 12px;
}

.privacy-show .privacy-font p:last-child {
	margin-bottom: 36px;
}

.list-con09 {
	margin-bottom: 44px;
}

.list-con09 li {
	padding-left: 24px;
	position: relative;
	line-height: 1.8;
	margin: 12px 0;
}

.list-con09 li:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 8px;
	width: 12px;
	height: 12px;
	background: url(../images/blog-icon06.png) no-repeat;
}


.box-show {
	width: 800px;
	margin: 0 auto;
	color: #343434;
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 1.7;
	display: inline-block;
}

.box-show p>a {
	color: #6b8be3;
	text-underline-offset: 4px;
}

.box-show p>a:hover {
	color: #ffa508;
	text-decoration: underline;
}

.box-show p video,
p video {
	width: 95%;
	max-height: 450px;
	margin-left: 10px;
}

.box-show h3.name-prod {
	margin-top: 1.5em;
}

.box-show h3.name-prod:before {
	background-image: url(../images/pros-icon01.png);
	top: 5px;
}

/* product */
.prolist {
	width: 1150px;
	margin: 0 auto;
	display: flex;
}

.prolist-box {
	margin-top: 60px;
	margin-bottom: 60px;
}

/*.prolist-show{width: 92%; max-width: 800px;margin: 0 auto;color: #343434;font-size: 18px;font-family: 'Hind-Light';line-height: 1.7;}*/
.prolist-show {
	width: 800px;
	color: #343434;
	font-size: 18px;
	font-family: 'Hind-Light';
	line-height: 1.7;
	display: inline-block;
}

.left_list {
	width: 300px;
	color: #343434;
	font-size: 15px;
	font-family: 'Hind-Light';
	line-height: 1.7;
	display: inline-block;
	margin-right: 50px;
	padding: 1.2rem 0rem;
}

.prolist-show>ol,
.box-show>ol {
	margin-bottom: 30px;
	list-style: decimal;
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
}

.prolist-show>ol>li,
.box-show>ol>li {
	position: relative;
	list-style: none;
	margin: 12px 24px;
}

.prolist-show>ol>li:before,
.box-show>ol>li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: 0px;
	top: 5px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-radius: 2px;
	color: #0055a2;
	font-size: 14px;
	text-align: center;
	line-height: 14px;
	border: 1px solid #0055a2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.prolist-show h2,
.box-show h2 {
	color: #000;
	font-size: 28px;
	margin: 2.5em 0 1em;
	line-height: 1.2em
}

.prolist-show h3,
.box-show h3 {
	color: #000;
	font-size: 22px;
	margin: 2em 0 1em;
	line-height: 1.2em;
}

.prolist-show p,
.box-show p {
	color: #343434;
	margin: 1.2em 0;
}

.prolist-show p>img,
.box-show p>img {
	width: 100%;
	height: auto;
	aspect-ratio: auto 800 / 530;
}

.prolist-show strong,
.box-show strong {
	font-size: 18px;
	display: inline;
	line-height: 1.4;
}

.prolist-show h4,
.box-show h4 {
	display: inline-block;
	color: #000;
	font-size: 18px;
	margin: 1.5em 0 0;
	line-height: 1.2em;
}

/* .prolist-show >ul{margin-bottom: 25px;}
.prolist-show >ul >li{padding-left: 28px;position: relative;margin: 12px 0;line-height:1.5}
.prolist-show >ul >li:before{content: '';position: absolute;left: 13px;top: 10px;width: 4px;height: 4px;background-color: #0055a2;border-radius: 50%;}
.prolist-show >ul >li strong{font-family: 'Hind';font-weight: normal;} */

.prolist-show>ol {
	margin-bottom: 30px;
	list-style: decimal;
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
}

.prolist-show>ol>li,
.box-show>ol>li {
	padding-left: 24px;
	position: relative;
	line-height: 1.5;
	margin: 12px 0;
}

.prolist-show ol li span {
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 2px;
	color: #343434;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	border: 1px solid #0055a2;
	border-radius: 2px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}

.prolist-show p>a {
	color: #6b8be3;
	text-underline-offset: 4px;
}

.prolist-show p>a:hover {
	color: #ffa508;
	text-decoration: underline;
}

/* 左侧列表*/
.dlist {
	padding-bottom: 2.2rem;
	position: relative;
}

.left_list>.dlist>p,
.left_list>.dlist>ul>li {
	border-bottom: rgba(150, 150, 150, 0.3) solid 1px;
	color: rgb(128, 128, 128);
}

.left_list>.dlist>p {
	padding-bottom: 1.2rem;
	font-size: 1.6rem;
	font-weight: 800;
}

.left_list>.dlist>ul>li {
	padding: 0.5rem 0;
	position: relative;
}

.left_list>.dlist>ul>li {
	padding-left: 1.2rem;
}

.left_list>.dlist>ul>li>a {
	color: rgb(128, 128, 128);
}

.left_list>.dlist>ul.circle>li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 43%;
	left: 5px;
	width: 5px;
	height: 5px;

	background-color: rgb(0, 85, 162);
	border-radius: 50%;
}


.left_list>.dlist>ul.left_border>li.select_li>a {
	color: rgb(0, 85, 162);
	font-weight: 600;
}

.left_list>.dlist>ul.circle>li.select_li:before {

	background-color: rgb(0, 85, 162);
}

.left_list>.dlist>ul.circle>li:hover:before {

	background-color: rgb(0, 85, 162);

}

.left_list>.dlist>ul.circle>li:hover {
	background-color: rgba(250, 250, 250, 0.98);
}

.left_list>.dlist>ul.circle>li>a {
	transition-property: font-size;
	transition-duration: .3s;
}

.left_list>.dlist>ul.circle>li>a:hover {

	color: rgb(0, 85, 162);
	font-weight: 600;
}

.left_list>.dlist>ul.left_border>li.select_li:before {

	content: '';
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 100%;

	background-color: rgba(239, 239, 239, 0.94);

}

.left_list>.dlist>ul.left_border>li.select_li {
	background-color: rgba(250, 250, 250, 0.98);
}

.left_list>.dlist>ul.left_border>li:hover:before {

	content: '';
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 100%;

	background-color: rgba(239, 239, 239, 0.94);

}

.left_list>.dlist>ul.left_border>li:hover {

	background-color: rgba(250, 250, 250, 0.98);
}

.left_list>.panel {
	text-align: center;
	padding: 40px 20px;

	box-shadow: 5px 5px 10px rgba(240, 240, 240, 1);
	border-radius: 4px;
}

.content_email_left {

	display: inline-block;
	color: #fff;
	height: 40px;
	line-height: 40px;
	width: 150px;
	margin-top: 20px;
	border-radius: 4px;
	background-color: #0055a2;
	border: 1px solid #0055a2;
	box-shadow: 5px 5px 7px rgba(240, 240, 240, 1);
	cursor: pointer;

}


.content_email_left:hover {
	background-color: #004080;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

/*.pro-list01{margin-bottom: 40px;}*/
/*.pro-list01 ol{margin-bottom: 30px;}*/
/*.pro-list01 li{padding-left: 24px;position: relative;line-height: 1.5;margin: 12px 0;line-height: 1.5;}*/
/*.pro-list01 li span{position: absolute;left: 0;top: 5px; width: 14px;height: 14px;background-color: #e5e5e5;border-radius: 2px;color: #0055a2;font-size: 10px;text-align: center;line-height: 14px;}*/

/*.pro-list01 .list01-pic{float: left;width: 88px;margin-right: 25px;}*/
/*.pro-list01 .list01-pic a{position: relative;padding-top: 100%;overflow: hidden;display: block;border-radius: 88px;}*/
/*.pro-list01 .list01-pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;object-fit: cover;}*/
/*.pro-list01 .list01-txt{overflow: hidden;}*/
/*.pro-list01 .list01-txt a{display: block;font-size: 20px;font-weight: bold;margin-top: 8px;line-height: 1.4;}*/
/*.pro-list01 .list01-txt span{display: block;color: #666666;font-size: 16px;}*/
/*.pro-list01 li p{font-size: 14px; overflow: hidden;line-height: 24px;height: 72px;margin-top: 15px;margin-bottom: 0;}*/
/*.pro-list01 .list01-point{font-size: 0;}*/
/*.pro-list01 .list01-point span{display: inline-block;font-size: 14px;line-height: 25px;background-color: rgba(65,128,255,.4);border-radius: 25px;padding: 0 12px;margin-right: 10px;margin-top: 10px;}*/
/*.pro-list01 li:hover .list01-pic a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}*/
/*.pro-list01 li .list01-txt a:hover{color: #ffa508;}*/



.pro-list01 ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.pro-list01 ul.clearfix:after {
	content: none;
}

.pro-list01 li {
	width: 48.5%;
	background-color: #fff;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, 0.3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, 0.3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, 0.3);
	padding: 30px;
	margin-bottom: 24px;
}

.pro-list01 li .list01-flr {
	overflow: hidden;
}

.pro-list01 .list01-pic {
	float: left;
	width: 88px;
	margin-right: 25px;
}

.pro-list01 .list01-pic a,
.pro-list01 .list01-pic span {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 88px;
}

.pro-list01 .list01-pic a img,
.pro-list01 .list01-pic span img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	object-fit: cover;
}

.pro-list01 .list01-txt {
	overflow: hidden;
}

.pro-list01 .list01-txt a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-top: 8px;
	line-height: 1.4;
}

.pro-list01 .list01-txt span {
	display: block;
	color: #666666;
	font-size: 16px;
}

.pro-list01 .list01-txt span.txtspan {
	display: block;
	font-weight: bold;
	line-height: 1.4;
	color: #232323;
}



.pro-list01 li p {
	font-size: 14px;
	overflow: hidden;
	line-height: 24px;
	height: 72px;
	margin-top: 15px;
	margin-bottom: 0;
}

.pro-list01 .list01-point {
	font-size: 0;
}

.pro-list01 .list01-point span {
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	background-color: rgba(65, 128, 255, 0.4);
	border-radius: 25px;
	padding: 0 12px;
	margin-right: 10px;
	margin-top: 10px;
}

.pro-list01 li:hover .list01-pic a img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro-list01 li .list01-txt a:hover {
	color: #ffa508;
}

.pro-list01 li,
.pro-list03 li {
	padding: 16px;
}

.pro-list01 .list01-pic {
	width: 66px;
	margin-right: 16px;
}

.pro-list01 .list01-txt a,
.pro-list01 .list01-txt span {
	margin-top: 0;
}

.pro-list01 li p {
	height: auto;
}

.pro-list01,
.pro-list02,
.pro-list03,
.pro-list04 {
	margin-bottom: 10px;
	margin-top: 18px;
}

.pro-list01 li,
.pro-list02 li,
.pro-list03 li,
.pro-list04 li {
	margin-bottom: 16px;

}

.pro-list01 .list01-txt a,
.pro-list03 li .list03-txt a,
.pro-list04 .list04-info a,
.pro-list05 a {
	font-size: 18px;
}

.pro-list01 .list01-txt span,
.pro-list03 li .list03-txt span,
.pro-list04 .list04-info span,
.pro-list05 span {
	font-size: 18px;
}

.pro-list02 {
	margin-bottom: 40px;
}

.pro-list02 ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.pro-list02 ul.clearfix::after {
	content: none;
}

.pro-list02 li {
	width: 31.33%;
	background-color: #fff;
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	padding: 15px 20px;
	margin-bottom: 24px;
	position: relative;
}

.pro-list02 li:last-child:nth-child(3n+2) {
	margin-left: calc(3%);
	margin-right: auto;
}

/*.pro-list02 li:before{content: '';position: absolute;right: 20px;top: 27px;width: 20px;height: 4px;background: url(../images/pro-dot.png) no-repeat;}*/
.pro-list02 .list02-font {
	border: 2px dashed #c1c1c1;
	padding: 5px 10px;
	margin: 10px 0;
}

.pro-list02 .list02-font p {
	color: #666666;
	font-size: 14px;
	margin-bottom: 0;
}

.pro-list02 .list02-font p span {
	color: #4180ff;
}

.pro-list02 a {
	display: block;
	padding-right: 15px;
	line-height: 1.4;
}

.pro-list02 span.list02span {
	display: block;
	padding-right: 15px;
	line-height: 1.4;
	height: auto;
}

.pro-list02 li:hover a {
	color: #ffa508;
}

.pro-list02 p {
	color: #666666;
	font-size: 14px;
	margin-bottom: 0;
}

.pro-list02 ul li>p {
	/*height: 48px;*/
}

.pro-list03 {
	margin-bottom: 40px;
}

.pro-list03 ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.pro-list03 li {
	width: 48.5%;
	background-color: #fff;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	padding: 24px 26px 30px;
	margin-bottom: 24px;
}

.pro-list03 li .list03-txt {
	margin-bottom: 10px;
}

.pro-list03 li .list03-txt a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}

.pro-list03 li .list03-txt span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}

.pro-list03 li .list03-flr {
	overflow: hidden;
}

.pro-list03 .list03-pic {
	float: left;
	width: 118px;
	margin-right: 18px;
}

.pro-list03 .list03-pic a {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 4px;
}

.pro-list03 .list03-pic a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	object-fit: cover;
}

.pro-list03 .list03-pic span {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 4px;
}

.pro-list03 .list03-pic span img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	object-fit: cover;
}

.pro-list03 .list03-info {
	overflow: hidden;
}

.pro-list03 .list03-info p {
	color: #666666;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0px;
}

.pro-list03 .list03-info p span {
	color: #4180ff;
}

.pro-list03 li:hover .list03-pic a img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro-list03 li:hover .list03-pic span img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro-list03 li .list03-txt a:hover {
	color: #ffa508;
}

.pro-list04 {
	margin-bottom: 40px;
}

.pro-list04 li {
	background-color: #fff;
	border-radius: 8px;
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	padding: 24px 26px 30px;
	margin-bottom: 24px;
	overflow: hidden;
}

.pro-list04 .list04-pic {
	float: right;
	width: 118px;
	margin-left: 30px;
}

.pro-list04 .list04-pic a {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 4px;
}

.pro-list04 .list04-pic a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	object-fit: cover;
}

.pro-list04 .list04-pic span {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 4px;
}

.pro-list04 .list04-pic span img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	object-fit: cover;
}

.pro-list04 .list04-info {
	overflow: hidden;
}

.pro-list04 .list04-info a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}

.pro-list04 .list04-info span.list03span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}

.pro-list04 .list04-info p {
	font-size: 14px;
	margin-bottom: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.pro-list04 .list04-point {
	font-size: 0;
}

.pro-list04 .list04-point span {
	display: inline-block;
	color: #4180ff;
	font-size: 14px;
	line-height: 25px;
	border: 1px solid #4180ff;
	border-radius: 4px;
	margin-right: 8px;
	padding: 0 10px;
	margin-top: 10px;
}

.pro-list04 li:hover .list04-pic a img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro-list04 li:hover .list04-pic span img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pro-list04 li .list04-info a:hover {
	color: #ffa508;
}

.pro-list05 {
	background-color: #fff;
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	padding: 24px 30px 30px;
	margin-bottom: 40px;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}

.pro-list05 .background-img {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 336px;

	height: 214px;

	z-index: -2;
	object-fit: cover;
}


.pro-list05::before {
	content: '';
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 336px;
	height: 214px;
	background-color: rgba(255, 255, 255, 0.8);

	z-index: -1;

	pointer-events: none;
}

.pro-list05 a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px dashed #aaaaaa;
	padding-bottom: 5px;
}

.pro-list05 a:hover {
	color: #ffa508;
}

.pro-list05 .list05-font {
	margin-left: -2%;
	padding: 20px 0;
	width: 90%;
}

.pro-list05 .list05-font li {
	float: left;
	width: 48%;
	margin-left: 2%;
	color: #666;
	font-size: 16px;
	line-height: 2;
	word-wrap: break-word;
}

.pro-list05 .list05-font li.list05-last {
	width: 98%;
}

.pro-list05 .list05-font li strong {
	color: #343434;
	display: inline-block;
}

.pro-list05 .list05-info {
	float: right;
	width: 48%;
	font-size: 0;
}

.pro-list05 .list05-info li {
	display: inline-block;
	color: #666666;
	font-size: 16px;
	text-align: center;
	width: 33.3%;
	vertical-align: top;
	line-height: 1.3;
}

.pro-list05 .list05-info li strong {
	display: block;
	color: #4180ff;
	font-size: 24px;
	line-height: 1.1;
	margin-bottom: 10px;
}

.pro-list05 .list05-pic {
	float: left;
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pro-list05 .list05-pic img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}


.pro-list06 {
	margin-top: 20px;
}

.pro-list06 li {
	margin-bottom: 28px;
}

.pro-list06 li.select {
	margin-bottom: 0;
}

.pro-list06 .list06-name {
	line-height: 28px;
	background-color: rgba(65, 128, 255, .4);
	position: relative;
	padding: 8px 20px;
	cursor: pointer;
}

.pro-list06 .list06-name p {
	margin-bottom: 0;
}

.pro-list06 .list06-name i {
	position: absolute;
	right: 20px;
	top: 7px;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.pro-list06 .list06-font {
	padding: 20px;
	display: none;
}

.pro-list06 .list06-font p {
	font-style: italic;
	margin-bottom: 0;
}

.pro-list06 .select .list06-font {
	display: block;
}

.pro-list07 {
	background-color: rgba(65, 128, 255, .1);
	border-radius: 8px;
	padding: 10px 30px 30px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.pro-list07 .list07-name {
	position: relative;
	border-bottom: 1px solid #898989;
	line-height: 44px;
	padding: 14px 0;
	cursor: pointer;
}

.pro-list07 .list07-name i {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	width: 17px;
	height: 17px;
	background: url(../images/pro-icon02.png) no-repeat;
}

.pro-list07 .list07-name p {
	margin-bottom: 0;
	line-height: 1.4;
	width: 98%;
}

.pro-list07 .list07-name p img {
	margin-top: -4px;
	margin-right: 8px;
	width: 14px;
}

.pro-list07 .list07-font {
	padding: 10px 6px;
	display: none;
}

.pro-list07 .list07-font p {
	margin-bottom: 0;
	font-style: italic;
}

.pro-list07 .list07-font p.list07-fonts {
	font-style: normal;
}

.pro-list07 li.select .list07-font {
	display: block;
}

.pro-list07 li.select .list07-name i {
	background-image: url(../images/pro-icon03.png);
}

.pro-list08 strong {
	display: block;
	color: #000;
	font-size: 24px;
	margin-bottom: 10px;
}

.pro-list08>ul li {
	margin-bottom: 15px;
}

.pro-list08 ul li a {
	display: block;
	color: #343434;
	font-size: 18px;
	position: relative;
	padding-left: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pro-list08 ul li a:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 7px;
	width: 11px;
	height: 11px;
	background: url(../images/pro-icon04.png) no-repeat;
}

.pro-list08 ul li a:hover {
	color: #ffa508;
}

.prolist-box .blog-refer {
	margin-top: 40px;
}

.msg-pro {
	position: relative;
}

.msg-pro:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100px;
	height: 300px;
	background-color: #eeeeee;
	z-index: -1;
}

.msg-pro:before {
	content: none;
}

.youtobe img {
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 999
}

.youtobe {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	padding-top: 68%;
	overflow: hidden;
}

.youtobe iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.youtobe video {
	display: block;
	width: 100%
}

.youtobe .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 84px;
	height: 84px;
	z-index: 999;
	margin-top: -42px;
	margin-left: -42px;
	background: url(../images/i-play.png) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor: pointer
}

/* Knowledge Hub */
.knowledge-box {
	background-color: #f2f2f2;
	padding: 120px 0;
}

.know-show {
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
}

.know-list li {
	background-color: #fff;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}

.know-list .know-pic {
	float: right;
	width: 150px;
	margin-left: 30px;
}

.know-list .know-pic a {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block;
	border-radius: 8px;
}

.know-list .know-pic a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	object-fit: cover;
}

.know-list .know-info {
	overflow: hidden;
}

.know-list .know-info a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #343434;
}

.know-list .know-info p {
	color: #343434;
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 24px;
	height: 72px;
	margin: 3px 0 10px;
}

.know-list .know-point {
	font-size: 0;
}

.know-list .know-point span {
	display: inline-block;
	color: #4180ff;
	font-size: 14px;
	line-height: 25px;
	border: 2px solid #4180ff;
	border-radius: 4px;
	margin-right: 8px;
	padding: 0 10px;
	margin-top: 6px;
}

.know-list li:hover .know-pic a img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.know-list li .know-info a:hover {
	color: #ffa508;
}

.know-page {
	text-align: center;
	margin-top: 80px;
}

.know-page ul {
	display: inline-block;
}

.know-page li {
	float: left;
	width: 36px;
	text-align: center;
	margin: 0 10px;
	font-size: 18px;
}

.know-page li img {
	margin-top: -3px;
}

.know-page li span,
.know-page li a {
	display: block;
	color: #001b34;
	border-radius: 8px;
	border: 1px solid #001b34;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
}

.know-page li.pagebtn span,
.know-page li.pagebtn a {
	background-color: #001b34;
}

.know-page li.pagebtn span,
.know-page li.pagebtn a {
	color: #FFF;
	font-size: 20px;
	background-color: #001b34;
}

.know-page li.pagemore {
	margin: 0;
}

.know-page li.pagemore span {
	border-color: transparent;
}

.know-page li.pageactive span {
	background-color: #ffa508;
	border-color: #ffa508;
}

.know-page li.pageactive span {
	color: #FFF;
}

.know-page li a:hover {
	background-color: #ffa508;
	border-color: #ffa508;
	color: #fff;
}


/* Search Results */
.header-search {
	background-color: #001b34;
	position: relative;
}

.ban-search {
	padding: 24px 0;
	background-color: #ffffff !important;
	min-height: 0px !important;
}

.ban-search .crumb {
	position: static;
}

.ban-search .crumb li a:hover {
	color: #ffa508
}

.search-name {
	margin-top: 18px;
	color: #333333;
}

.search-name strong {
	display: block;
	font-size: 30px;
}

.search-name p {
	font-size: 18px;
	margin-top: 10px;
}

.search-box {
	margin-top: 50px;
}

.search-nav ul {
	text-align: right;
	font-size: 0;
}

.search-nav ul li {
	display: inline-block;
	border: 1px solid #3778ff;
	border-radius: 4px;
	line-height: 48px;
	margin-left: 16px;
	text-align: center;
}

.search-nav ul li.on,
.search-nav ul li:hover {
	background-color: #3778ff;
}

.search-nav ul li.on a,
.search-nav ul li:hover a {
	color: #FFF;
}

.search-nav ul li a {
	display: block;
	padding: 0 24px;
	color: #3778ff;
	font-size: 24px;
	font-family: Hind-Medium;
}

.search-box .know-list {
	margin-top: 60px;
	margin-bottom: 50px;
}

.search-box .know-list li {
	-moz-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	-webkit-box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
	box-shadow: 0 5px 15px rgba(65, 128, 255, .3);
}

.search-box .know-list .know-info p {
	margin-top: 16px;
}

/* application */
.app-list ul.app-fl {
	float: left;
	width: 49.4%;
}

.app-list ul.app-fr {
	float: right;
	width: 49.4%;
}

.app-list li {
	position: relative;
	margin-top: 24px;
	overflow: hidden;
}

.app-list li .app-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 88px;
	line-height: 88px;
	background-color: rgba(255, 255, 255, .85);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.app-list li .app-txt a {
	display: block;
	text-overflow: ellipsis;
	padding: 0 55px;
	color: #333333;
	font-size: 30px;
}

.app-list li .app-pic {
	overflow: hidden;
}

.app-list li .app-pic img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.app-list li img {
	width: 100%;
	aspect-ratio: auto 948 / 586;
}

.app-list li:hover .app-pic img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/* error */
.error-box {
	text-align: center;
	margin-top: 120px;
}

.error-btn {
	margin-top: 120px;
	font-size: 0;
}

.error-btn a {
	display: inline-block;
	font-size: 24px;
	border: 1px solid #3778ff;
	border-radius: 4px;
	width: 200px;
	line-height: 48px;
	text-align: center;
	margin: 0 18px;
}

.error-btn a.error-btn01,
.error-btn a.error-btn02:hover {
	color: #3778ff;
	background-color: #fff;
}

.error-btn a.error-btn02,
.error-btn a.error-btn01:hover {
	color: #fff;
	background-color: #3778ff;
}

/* success */
.success-box {
	text-align: center;
	margin-top: 120px;
}

.success-img {
	width: 496px;
	height: 460px;
}

.success-wrap {
	display: flex;

	justify-content: center;
	gap: 1.5rem;
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.success-font>h1 {
	height: 46px;
	font-family: 'AgencyFB-Bold';
	font-size: 60px;
	line-height: 48px;
	letter-spacing: 0px;
	color: #3778ff;
	margin-top: 110px;
}

.success-font>p {
	width: 479px;
	height: 102px;
	font-family: 'Hind-Light';
	font-size: 24px;
	line-height: 40px;
	color: #000000;
	margin-top: 60px;
}

.success-font>a {
	display: inline-block;
	width: 200px;
	height: 48px;
	background-color: #3778ff;
	border-radius: 4px;
	border: solid 2px #3778ff;
	font-family: 'Hind-Regular';
	font-size: 24px;
	color: #ffffff;
	margin-top: 88px;
}

/* swiper 20221219 
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}*/

.stock-show {
	width: 1000px;
}




/*计算器*/
.cb-bg {
	background: #F2F2FA;
}

.c-clearfix {
	clear: both;
}

.c-clearfix:before,
.c-clearfix:after {
	content: '.';
	display: block;
	clear: both;
}

.c-wrap {
	width: 100%;
	background-color: #f7f7f7;
	padding-top: 80px;
}

.c-prams {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.c-prams>h1 {
	font-family: 'Hind';
	font-size: 36px;
	color: #001b34;
}

.c-prams>p:first-of-type {
	margin-top: 40px;
	margin-bottom: 1.2em;
	font-family: 'Hind-Medium';
	color: #4d4d4d;
	font-size: 18px;
}

.c-prams>p:nth-of-type(2) {
	font-family: 'Hind';
	font-size: 16px;
	color: #4d4d4d;
	margin: 1.2em 0;
}

.c-prams>.ca-lastp {
	font-family: 'Hind-Light';
	font-style: italic;
	font-size: 14px;
	color: #4d4d4d;
}

.c-prams:after {
	clear: both;
	content: ' ';
	display: block;
}

.c-prams-l {
	float: left;
	width: 50%;
	background: #FFFFFF;
	box-shadow: 0px 15px 30px 0px rgba(0, 27, 52, 0.05);
	border-radius: 4px;
	margin-top: 56px;
}

.c-select {
	padding: 50px 50px;
}

.c-select select {
	width: 67%;
	max-width: 325px;
	height: 40px;
	background: #FFFFFF;
	/*border: 1px solid #3778FF;*/
	border: 1px solid #2D4A8D;

	border-radius: 4px;
	padding-left: 8px;
	font-family: 'Hind';
}

.c-select input {
	width: 67%;
	max-width: 325px;
	height: 40px;
	background: #FFF;
	/*border: 1px solid #3778FF;*/
	border: 1px solid #2D4A8D;

	border-radius: 4px;
	margin-top: 20px;
	padding-left: 10px;
	color: #333;
	font-family: 'Hind';
}

.c-select>input::-webkit-input-placeholder {
	color: #4D4D4D;
	font-size: 16px;
	text-align: left;
}

.c-select>input::-moz-input-placeholder {
	color: #4D4D4D;
	font-size: 16px;
	text-align: left;
}

.c-select>input::-ms-input-placeholder {
	color: #4D4D4D;
	font-size: 16px;
	text-align: left;
}

.c-select>.cinput::-webkit-input-placeholder {
	color: #ccc;
	font-size: 14px;
	text-align: left;
}

.c-select>.cinput::-moz-input-placeholder {
	color: #ccc;
	font-size: 14px;
	text-align: left;
}

.c-select>.cinput::-ms-input-placeholder {
	color: #ccc;
	font-size: 14px;
	text-align: left;
}

.c-select>span {
	width: 100%;
	display: block;
	border-bottom: 1px dashed #333;
	margin-top: 60px;

}

.c-select>p {
	width: 100%;
	height: 40px;
	background: #FFF;
	border: 1px solid #3778FF;
	box-shadow: 0px 3px 6px 0px rgb(0 27 52 / 12%), 2px 2px 5px 0px rgb(55 120 255 / 20%);
	border-radius: 4px;
	margin-top: 20px;
	padding-left: 10px;
	color: #333;

}

.c-select .c-input-l {
	max-width: 325px;
}

.c-select .c-input-r,
.c-select .c-select-r {
	width: 30%;
	max-width: 155px;
	margin-left: 8px;

}

.c-prams-r {
	float: right;
	width: 45%;
	background: #FFFFFF;
	box-shadow: 0px 15px 30px 0px rgba(0, 27, 52, 0.05);
	border-radius: 4px;
	margin-top: 56px;
}

.res-l {
	width: 50%;
	margin-top: 50px;
	margin-left: 50px;
	float: left;
}

.res-ra {
	position: relative;
	float: right;
	width: 140px;
	display: inline-block;
	margin-top: 50px;
	margin-right: 50px;
	height: 40px;
	background-color: #3778ff;
	border-radius: 4px;
	font-family: Hind-Medium;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	transition: border-color 0.25s;
	cursor: pointer;
	display: none;
}

.res-ra span {
	position: relative;
	left: -0.5em;
	transition: left 0.25s;
}

.res-ra::before,
.res-ra::after {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #699aff;
	transition: all 0.25s;
	color: #fff;
}

.res-ra::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 100%;
	background-image: url('../images/right-arrow.png');
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: 8px 13px;
	z-index: 1;
	font-weight: bold;
	border-radius: 15px 4px 4px 15px;


}

.res-ra::after {
	content: attr(data-hover);
	position: absolute;
	top: 0;

	width: calc(100% - 26px);


	height: 100%;
	text-align: left;
	text-indent: 20px;
	transform: translateX(100%);
	animation: slideAfter 4s infinite ease-in-out;
}

@keyframes slideText {

	0%,
	50%,
	100% {
		left: -0.5em;
	}

	25%,
	75% {
		left: -100%;
	}
}


@keyframes slideArrow {

	0%,
	50%,
	100% {
		right: 0;
	}

	25%,
	75% {
		right: 70%;
	}
}


@keyframes slideAfter {

	0%,
	50%,
	100% {
		transform: translateX(100%);
	}

	25%,
	75% {
		transform: translateX(0);
	}
}


.res-ra span {
	position: relative;

	animation: slideText 7s infinite ease-in-out;
}

.res-ra::before {

	position: absolute;
	top: 0;
	height: 100%;

	animation: slideArrow 7s infinite ease-in-out;
}

.res-ra::after {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;

	transform: translateX(100%);

	animation: slideAfter 7s infinite ease-in-out;
}

.res-r {
	width: 100%;
	float: left;
	margin-top: 60px;
	margin-bottom: 60px;
}

.res-l::after {
	clear: both;
	content: ' ';
	display: block;
}

.res-r::after {
	clear: both;
	content: ' ';
	display: block;
}

.res-l .num {
	width: 93px;
	height: 40px;
	line-height: 40px;
	font-size: 48px;
	font-family: Bernard MT Condensed;
	font-weight: 400;
	/*color: #3C7DFE;*/
	color: #2D4A8D;
}

.res-l .unit {
	width: 18px;
	height: 15px;
	font-size: 18px;
	font-family: 'Hind';
	color: #000000;
	margin-left: 10px;
}

.res-l p {
	/* width: 135px; */
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-family: Hind Light;
	font-weight: 400;
	/*color: #7e7e81;*/
	color: #4d4d4d;
	margin-top: 16px;
	margin-bottom: 40px;

}

.res-r .c-button {
	max-width: 320px;
	height: 40px;
	line-height: 40px;
	/*background: #3778FF;*/
	background: #2D4A8D;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 0;
	cursor: pointer;
	font-family: 'Hind-Medium';
	font-size: 16px;
}

/*.res-r .c-button:hover{background: #fff;color:#333;border: 2px solid #3778FF;border-radius: 4px;text-align:center;}*/
.res-r .c-reset {
	max-width: 320px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	/*border: 2px solid #3778FF;*/
	border: 2px solid #2D4A8D;
	border-radius: 4px;
	text-align: center;
	margin-right: 0;
	cursor: pointer;
	font-family: 'Hind-Medium';
	color: #2D4A8D;
	font-size: 16px;
}

.c-prams-rb {
	float: right;
	width: 45%;
	background: #FFFFFF;
	box-shadow: 0px 15px 30px 0px rgba(0, 27, 52, 0.05);
	border-radius: 4px;
	margin-top: 30px;
	padding-bottom: 10px;
}

.ca-lastp {
	float: left;
	margin-top: 20px;
}

.ca-lastp>span {
	color: #3778FF;
}

.c-stocks {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.c-stocks>h2 {
	font-family: 'Hind';
	color: #000000;
	font-size: 28px;
	margin-top: 56px;
	margin-bottom: 30px;
}

.c-stocks>p {
	font-family: 'Hind';
	font-size: 16px;
	color: #4d4d4d;
	margin: 1.2em 0;
}

.c-stocks>.pdf-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.c-stocks>.pdf-gallery>.pdf-card {
	display: block;
	width: 210px;
	height: 310px;
	background-color: #ffffff;
	border-radius: 12px;
	border: solid 1px #b5b5b5;
	margin-top: 50px;
	padding: 15px 0px 10px;
}

.c-stocks>.pdf-gallery>.pdf-card>.pdf-title {
	font-family: 'Hind-Medium';
	font-size: 16px;
	color: #4d4d4d;
	margin-left: 18px;
}

.c-stocks>.pdf-gallery>.pdf-card>img {
	width: 100%;
	max-width: 173px;
	height: auto;
	/*max-height: 220px;*/
	border: solid 1px #b5b5b5;
	margin-left: 18px;
	margin-bottom: 10px;
	/*核心页面指标*/
	aspect-ratio: 173 / 220;
}

.c-stocks>.pdf-gallery>.pdf-card>.pdf-footer {
	display: flex;
	align-items: center;
	border-top: solid 1px #b5b5b5;
	/* gap: 0 10px; */
	padding-left: 16px;
	padding-top: 6px;
	position: relative;
}

.pdf-footer .pdf-filename {
	font-family: 'Hind';
	font-size: 12px;
	/*color: #808080;*/
	color: #4d4d4d;
	padding-top: 4px;
	margin-left: 10px;
}

.pdf-footer .pdf-menu {
	color: #808080;
	background-color: #fff;
	position: absolute;
	right: 8px;
	top: 56%;
	transform: translateY(-50%);
}

.c-stocks>a {
	display: block;
	margin: 30px auto 0;
	width: 240px;
	height: 40px;
	/*background-color: #3778ff;*/
	background-color: #2D4A8D;
	border-radius: 4px;
	font-family: Hind-Medium;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
}

.c-choose {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}

.c-choose>h2:first-child {
	margin-bottom: 34px;
	font-family: 'Hind';
	color: #000000;
	font-size: 28px;
}

.c-choose>p {
	font-family: 'Hind';
	font-size: 16px;
	color: #4d4d4d;
	margin: 1.2em 0;
}

.c-choose>p:last-of-type {
	margin-top: 34px;
	margin-bottom: 18px;
	font-family: 'Hind';
	font-size: 22px;
	color: #000000;
}

.c-choose>p>a {
	color: #2962ff;
	/*color: #7ab7ff;*/
	/*color:#337FE5;*/
	text-decoration: underline;
	text-underline-offset: 2px;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.modal-window {
	position: relative;
	max-width: 90%;
	margin: 0 auto;
	width: 360px;
	/*height: 486px;*/
	background-color: #ffffff;
	box-shadow: 11px 11px 30px 0px rgba(0, 27, 52, 0.1);
	border-radius: 8px;
	padding: 20px 30px;

}

.modal-close {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #cccccc;
	color: white;
	width: 17px;
	height: 17px;
	line-height: 12px;
	border-radius: 50%;
	cursor: pointer;
}

.modal-window>p:nth-of-type(1) {
	font-family: 'Hind-Medium';
	font-size: 18px;
	color: #000000;
}

.modal-window>p:nth-of-type(2) {
	/*height: 33px;*/
	font-family: 'Hind-Light';
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	color: #3778ff;
	margin-top: 18px;
}

.modal-window form {
	margin-top: 26px;
}

.modal-window form label {
	display: block;
	font-family: 'Hind';
	font-size: 14px;
	color: #000000;
	margin-bottom: 20px;
}

.modal-window form label span {
	color: #ff0000;
}

.modal-window form input {
	width: 300px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #cccccc;
	font-family: 'Hind';
}

.modal-window form button {
	width: 300px;
	height: 34px;
	background-color: #3778ff;
	border-radius: 4px;
	color: #ffffff;
	font-family: 'Hind';
	text-align: center;
	line-height: 34px;
}

/*计算器核心页面指标优化开始*/
.c-prams-r img {
	width: 100%;
	height: auto;
	aspect-ratio: 135 / 88;
}

.pdf-footer>img {
	width: 100%;
	max-width: 15px;
	height: auto;
	aspect-ratio: 15 / 17;
}

/*计算器核心页面指标优化结束*/

/*计算器页面结束*/


/*首页库存开始 仅pc代码 m端代码在下面适配代码中*/
.index-aluminum {
	margin-top: 80px;
}

.aluminum-list li {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 70px;
}

.aluminum-list li:nth-child(2n) .img {
	order: 2;
	margin-right: 0;
	margin-left: 66px;
}

.aluminum-list li:nth-child(2n) dl {
	order: 1;
}

.aluminum-list li .img {
	flex-shrink: 0;
	margin-right: 66px;
	width: 390px;
	height: 250px;
	line-height: 247px;
	text-align: center;
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

.aluminum-list li .img:hover img {
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.aluminum-list li .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 70%;
	max-height: 70%;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.aluminum-list li dl {
	flex-grow: 1;
}

.aluminum-list li dl dt {
	display: block;
	font-size: 30px;
	color: #000;
	margin-bottom: 30px;
}

.aluminum-list li dl dd {
	margin: 0 -44px;
}

.aluminum-list li dl dd a {
	float: left;
	margin: 0 40px;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 30px;
	margin-bottom: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(33.33% - 80px);
}

/*.aluminum-list li dl dd a {
    float: left;
    margin: 0 10px;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 30px;
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(33.33% - 20px);
}*/

.aluminum-list li dl dd a:hover {
	text-decoration: underline;
}


/*首页库存结束 仅pc代码*/



/* 新库存PDF页面 */

.stock-list {
	margin-top: 80px;
}

.stock-p {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0px;
	font-family: Hind-Medium;
	font-size: 22px;
	color: #333333;
}

.stock-p img {
	margin-right: 14px;
	padding-bottom: 6px;
}


.stock-shadow {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.stock-shadow .stock-shadow-con {
	width: 380px;
	height: 330px;
	box-shadow: 0px 0px 15px 0px rgba(51, 119, 255, 0.15);
	margin-bottom: 30px;
	text-align: center;
}

.stock-shadow .stock-shadow-con>div {
	position: relative;
	overflow: hidden;
}

.stock-shadow .stock-shadow-con:nth-of-type(3n+2) {
	margin-left: 30px;

	margin-right: 30px;

}

.stock-shadow .stock-shadow-con .stock-pdf {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px
}

.stock-shadow .stock-shadow-con .stock-pdf img {
	width: 25px;
	height: 31px;
}

.stock-shadow .stock-shadow-con .stock-img {
	width: 380px;
	height: 258px;
	transition: transform 0.3s ease;
}

.stock-shadow .stock-shadow-con:hover .stock-img {
	transform: scale(1.1);
}

.stock-shadow .stock-shadow-con>span {
	display: inline-block;
	color: #333333;
	font-size: 24px;
	margin-top: 10px;
	padding: 6px;

}

/* 新库存PDF页面结束 */



/*首页聚合页开始 仅pc代码*/
.index-know {
	padding: 100px 0;
	margin-bottom: 80px;
	background: url(../images/y-bg1.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

.index-know .index-name,
.index-know .index-more a {
	color: #fff;
}

.index-know .index-more a:before {
	z-index: 0;
}

.index-know .index-more a span {
	z-index: 1;
	position: relative;
}

.index-know .index-more a:after {
	background: url(../images/arrow-more2.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.Knowledge-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.Knowledge-list li {
	float: none;
	width: auto;

}

.Knowledge-list li:first-child {
	width: auto;
	grid-column: span 2;
	grid-row: span 2;
}

/* .Knowledge-list li:first-child .item .txt {
	font-size: 28px;
} */

.Knowledge-list li .item {
	margin: 0;
	height: 100%;
}

.Knowledge-list li .item .img {
	position: relative;
	overflow: hidden;
	padding-top: 66.2%;
	margin-bottom: 12px;
}

.Knowledge-list li .item .img:hover img {
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.Knowledge-list li .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.Knowledge-list li .item .txt {
	color: #fff;
	font-size: 22px;
	line-height: 32px;

	display: -webkit-box;

	overflow: visible;
}

/*首页聚合页结束 仅pc代码*/

/*首页合作伙伴开始 仅pc代码*/

.index-partner2 ul {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-partner2 ul li {
	margin: 0 10px;
}

.index-partner2 ul li img {
	/*filter: grayscale(100%);*/
	/*filter: brightness(50%);*/
}

.index-partner2 ul li:hover img {
	/*filter: grayscale(0);*/

}


/*搜索页加搜索框*/
.search-form form {
	width: 780px;
	height: 48px;
	line-height: 48px;
	background-color: #FFF;
	border: 1px solid #3778ff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 16px;
	position: relative;

}

.search-form form input {
	width: 100%;
	padding: 10px 20px;
	font-family: 'Hind-Light';
	font-size: 18px;
	color: #333;
}

.search-form form button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 48px;
	background-color: #3778ff;
	cursor: pointer;
}

.search-form form button img {
	width: 48px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.draggable-container {
	white-space: nowrap;
	cursor: grab;
	position: relative;
}

.no-select {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}



/*首页合作伙伴结束 仅pc代码*/

article p em {
	font-style: italic;
}

.box-shadow .con-font {
	margin: 20px 0px 6px 0px;
	line-height: 1.4;
}

.box-shadow .con-font-02 {
	margin: 0px 0px 10px 0px;
}

.box-shadow-con4 .font-med {
	font-family: Hind-Medium;
	font-size: 20px;
	color: #343434;
	line-height: 1.4;
	margin: 0px 30px 30px 30px !important;
}

.box-shadow-con4 .font-14 {
	font-size: 14px;
	color: #343434;
	margin: 5px 30px 5px 30px !important;
}

.list_fourteen {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.list_fourteen .item-link {
	display: inline-block;
	width: 48.5%;
	height: 257px;
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
}

.list_fourteen .item-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	display: block;
}

.list_fourteen .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 1.2;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.list_fourteen .item-link:hover img {
	transform: scale(1.2);
}

.list_fourteen .item-link .text a {
	color: #fff;
}

.box-show .blog_search_tab,
.prolist-show .blog_search_tab {
	max-width: 800px;
	margin: 30px 0;
}

.box-show .blog_search_tab ul,
.prolist-show .blog_search_tab ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.box-show .blog_search_tab ul li,
.prolist-show .blog_search_tab ul li {
	margin-top: 24px;
	margin-right: 10px;
}

.box-show .blog_search_tab a,
.prolist-show .blog_search_tab a,
.box-show .blog_search_tab span,
.prolist-show .blog_search_tab span {
	display: block;
	width: auto;
	padding: 0 8px;
	height: 40px;
	background: #FFFFFF;
	border: 2px solid #3778ff;
	font-size: 17px;
	color: #3778ff;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	font-family: Hind-Medium;
}

.box-show .blog_search_tab a:hover,
.prolist-show .blog_search_tab a:hover,
.box-show .blog_search_tab span:hover,
.prolist-show .blog_search_tab span:hover {
	background: #3778ff;
	color: #fff;
}


/*新加主站样式*/

.detail_score_box {
	max-width: 645px;
	margin: 40px auto 0;
	/*border-radius: 8px;*/
	border: 1px solid #939393;
}

.detail_score_box .item {
	border-top: 1px solid #939393;
	padding: 11px 20px;
	font-size: 16px;
	line-height: 26px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

.detail_score_box .item:first-child {
	border: none;
}

.detail_score_box span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_star1.webp) no-repeat;
	background-size: 100% 100%;
}

.detail_score_box .star1 span:nth-child(1) {
	background: url(../images/icon_star2.webp) no-repeat;
	background-size: 100% 100%;
}

.detail_score_box .star2 span:nth-child(1),
.detail_score_box .star2 span:nth-child(2) {
	background: url(../images/icon_star2.webp) no-repeat;
	background-size: 100% 100%;
}

.detail_score_box .star3 span:nth-child(1),
.detail_score_box .star3 span:nth-child(2),
.detail_score_box .star3 span:nth-child(3) {
	background: url(../images/icon_star2.webp) no-repeat;
	background-size: 100% 100%;
}

.detail_score_box .star4 span:nth-child(1),
.detail_score_box .star4 span:nth-child(2),
.detail_score_box .star4 span:nth-child(3),
.detail_score_box .star4 span:nth-child(4) {
	background: url(../images/icon_star2.webp) no-repeat;
	background-size: 100% 100%;
}

.detail_score_box .star5 span:nth-child(1),
.detail_score_box .star5 span:nth-child(2),
.detail_score_box .star5 span:nth-child(3),
.detail_score_box .star5 span:nth-child(4),
.detail_score_box .star5 span:nth-child(5) {
	background: url(../images/icon_star2.webp) no-repeat;
	background-size: 100% 100%;
}


.detail_vs_wrap {
	margin-top: 42px;
}

.detail_vs_wrap p {
	padding-left: 31px;
	background: url(../images/detail_icon4.webp) no-repeat 8px 8px;
}

.detail_vs_wrap .box {
	padding: 84px 0 64px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(45, 55, 75, 0.2);
	position: relative;
	display: flex;
	justify-content: space-around;
	margin-top: 69px;
}

.detail_vs_wrap .box::before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	border-left: 1px dashed #AEAEAE;
}

.detail_vs_wrap .box strong {
	display: block;
	width: 342px;
	height: 58px;
	background: #3778ff;
	border-radius: 8px;
	font-size: 24px;
	color: #fff;
	line-height: 58px;
	text-align: center;
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -171px;
}

.detail_vs_wrap .box ul {
	width: 37.4%;
	padding: 46px 10px 41px 37px;
	background: #F0F0F0;
	border-radius: 8px;
}

.detail_vs_wrap .box li {
	font-size: 16px;
	line-height: 22px;
	padding: 8px 0 8px 20px;
	color: #4D4D4D;
	font-family: philosopher;
	background: url(../images/detail_icon5.webp) no-repeat left 13px;
}


.detail_further {
	margin-top: 50px;
	font-family: poppins;
}

.detail_further strong {
	display: block;
	font-size: 24px;
	color: #2D374B;
	line-height: 1em;
}

.detail_further ul {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(45, 55, 75, 0.2);
	padding: 17px 24px 13px;
	margin-top: 36px;
}

.detail_further ul a {
	display: inline-block;
	font-size: 20px;
	color: #3778ff;
	line-height: 22px;
	padding: 9px 0 9px 14px;
	position: relative;
}

.detail_further ul a::before {
	content: '';
	width: 3px;
	height: 21px;
	background: #3778ff;
	position: absolute;
	left: 0;
	top: 9px;
}

.detail_recommendation {
	margin-top: 20px;
}

.detail_recommendation .list_one {
	margin-bottom: 70px;
}

.detail_recommendation .list_one li {
	padding: 12px 0;
	border-top: 1px solid #bbbbbb;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.detail_recommendation .list_one li:nth-child(1) {
	border: none;
}

.detail_recommendation .list_one .imgbox {
	width: 132px;
	height: 88px;
	overflow: hidden;
}

.detail_recommendation .list_one .blow_a {
	width: 132px;
	height: 88px;
	overflow: visible;
}

.detail_recommendation .list_one .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.detail_recommendation .list_one .imgbox img:hover {
	transform: scale(1.2);
}

.detail_recommendation .list_one .imgbox .blow_up:hover {
	transform: scale(2);
	box-shadow: 0px 0px 20px 0px rgba(45, 55, 75, 0.2);
}

.detail_recommendation .list_one .btn {
	width: 138px;
	height: 38px;
	background: #3778ff;
	font-size: 18px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	display: block;
}

.detail_recommendation .list_one .box {
	width: calc(100% - 300px);
}

.detail_recommendation .list_one .tit {
	display: block;
	font-size: 18px;
	color: #343434;
	line-height: 24px;
	font-weight: bold;
}

.detail_recommendation .list_one .tit a {
	color: #343434;
	display: inline-block;
}

.detail_recommendation .list_one .tit a:hover {
	color: #ffa508;
}

.detail_recommendation .list_one text {
	font-size: 14px;
	color: #737373;
	line-height: 1em;
	margin-top: 15px;
	display: block;
}

.detail_recommendation .list_ten {
	margin-bottom: 57px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.detail_recommendation .list_ten .item {
	width: 48.63%;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.detail_recommendation .list_ten .imgbox {
	width: 132px;
	height: 88px;
	display: block;
	overflow: hidden;
}

.detail_recommendation .list_ten .blow_a {
	overflow: visible;
}


.detail_recommendation .list_ten .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.detail_recommendation .list_ten .imgbox img:hover {
	transform: scale(1.2);
}

.detail_recommendation .list_ten .blow_a .blow_up:hover {
	transform: scale(2);
	box-shadow: 0px 0px 20px 0px rgba(45, 55, 75, 0.2);
}

.detail_recommendation .list_ten .box {
	width: calc(100% - 132px);
	padding: 0 16px;
}

.detail_recommendation .list_ten .tit {
	display: block;
	font-size: 18px;
	color: #343434;
	line-height: 20px;
}

.detail_recommendation .list_ten .tit a {
	display: inline-block;
	color: #343434;
}

.detail_recommendation .list_ten .tit a:hover {
	color: #ffa508;
}

.detail_recommendation .list_ten p {
	font-size: 14px;
	color: #808080;
	line-height: 1em;
	margin-top: 9px;
}


.detail_recommendation .list_eight {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.detail_recommendation .list_eight .item {
	width: 48.38%;
	padding: 80px 40px 50px 40px;
	background: #FFFFFF;
	box-shadow: 0px 5px 15px 0px rgba(45, 55, 75, 0.1);
	position: relative;
	margin-bottom: 27px;
	overflow: hidden;
}

.detail_recommendation .list_eight .bg-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.detail_recommendation .list_eight .item::before {
	content: '';
	width: 8px;
	height: 8px;
	background: #0ABF53;
	position: absolute;
	left: 40px;
	top: 40px;
	z-index: 2;
}

.detail_recommendation .list_eight .tit {
	position: relative;
	display: block;
	font-size: 20px;
	z-index: 2;
}

.detail_recommendation .list_eight .tit a {
	position: relative;
	color: #343434;
	line-height: 36px;

	z-index: 2;
}

.detail_recommendation .list_eight p {
	position: relative;
	font-size: 12px;
	color: #343434;
	line-height: 1em;
	margin-top: 49px;

	z-index: 2;
}

.detail_recommendation .list_eight .item:hover .bg-img {
	opacity: 1;
}

.detail_recommendation .list_eight .item:hover::before {
	background: #FFFFFF;
}

.detail_recommendation .list_eight .item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;

}

.detail_recommendation .list_eight .item:hover::after {
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.detail_recommendation .list_eight .item:hover .tit,
.detail_recommendation .list_eight .item:hover .tit a,
.detail_recommendation .list_eight .item:hover p {
	color: #FFFFFF;
	text-shadow: 2px 2px 1px rgb(0, 0, 0);
}

.list-con06 {
	margin: 1.8em 0;
}


.list-con06 li {
	padding-right: 28px !important;
	position: relative;
	margin: 12px 0;
	line-height: 1.5
}

.list-con06 li:before {
	content: '';
	position: absolute;
	right: 13px;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #0055a2;
	border-radius: 50%;
}


/* 视频列表页 */

/* Video Library Section */
.video-library-section {
	background-color: #fff;
	padding: 60px 0 80px;
}


/* Header */
.video-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px
}

.video-header h1 {
	font-size: 38px;
	color: #041427;
	font-family: 'Hind-Medium';
	margin: 0;
	line-height: 1.2;
}

/* 搜索框样式 */
.video-search-box {
	position: relative;
	width: 260px;
}

.video-search-box form {
	position: relative;
	width: 100%;
}

.video-search-box input {
	width: 100%;
	height: 48px;
	padding: 0 50px 0 20px;
	font-size: 18px;
	color: #333;
	background: #fff;
	border: 1px solid lightgrey;
	border-radius: 24px;
	font-family: 'Hind';
	outline: none;
	transition: all 0.3s;
}

.video-search-box input:focus {
	border-color: #2d4a8d;
}

.video-search-box input::placeholder {
	color: #999;
}

.video-search-box .search-submit {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 38px;
	height: 38px;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s;
	background-color: #fff;
	background-image: url('../images/search-icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
}

.video-category-select {
	position: relative;
	width: 260px;
	margin-bottom: 48px;
}

.custom-select {
	position: relative;
}

/* 触发器（显示当前选中的值）*/
.select-trigger {
	height: 48px;
	line-height: 48px;
	padding: 0 40px 0 20px;
	font-size: 18px;
	color: #1c1e20;
	background-color: #fff;
	border: 1px solid #2d4a8d;
	cursor: pointer;
	font-family: 'Hind';
	position: relative;
	user-select: none;
}

/* 使用border绘制V形箭头 */
.select-trigger::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-right: 2px solid #2d4a8d;
	border-bottom: 2px solid #2d4a8d;
	transform: rotate(45deg);
}



/* 选项容器 */
.select-options {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: #ffffff;
	border: 1px solid #2d4a8d;
	border-top: none;
	border-radius: 0 0 4px 4px;
	max-height: 300px;
	overflow-y: auto;
	display: none;
}

.custom-select.active .select-options {
	display: block;
}

/* 选项 */
.option {
	padding: 0px 20px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #2d4a8d;
	background-color: #ffffff;
	cursor: pointer;
	font-family: 'Hind';
	transition: background-color 0.2s;
}

/*  hover 效果 */
.option:hover {
	background-color: #f0f3f4;
}

.video-category-select .custom-select .select-options:hover .option.active:not(:hover) {
	background-color: transparent;
}

.video-category-select .option.active {
	background-color: #e8eef1;
}



/* 下拉框打开时，触发器的样式 */
.custom-select.active .select-trigger {
	background-color: #2d4a8d;
	color: #ffffff;
}



/* 箭头颜色也要改变 */
.custom-select.active .select-trigger::after {
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}

.js .video-tabs .tab-btn {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	/* 脱离文档流 */
	pointer-events: none;
}

.js .video-tabs .tab-btn[data-visible="true"] {
	visibility: visible;
	opacity: 1;
	position: relative;
	/* 恢复正常流 */
	pointer-events: auto;
}

/* 无JS环境：正常显示所有tabs */
.no-js .video-tabs .tab-btn {
	visibility: visible;
	opacity: 1;
	position: relative;
}

/* 优化：添加平滑过渡 */
.js .video-tabs .tab-btn {
	transition: opacity 0.15s ease, visibility 0.15s ease;
}

/* Tabs Navigation */
.video-tabs {
	margin-bottom: 50px;
	flex-wrap: wrap;
	position: relative;
	min-height: 42px;
	/* 保底高度 */
	display: flex;
	gap: 12px;
}

.tab-btn {
	display: inline-block;
	padding: 6px 22px;
	font-size: 18px;
	color: #2d4a8d;
	background: #f0f3f4;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.3s;
	font-family: 'Hind-Medium';
	cursor: pointer;
}

.tab-btn:hover,
.tab-btn.active {
	background: #2d4a8d;
	color: #fff;
}

/* Shorts Section */
.shorts-wrapper {
	margin-bottom: 70px;
	position: relative;
	min-height: 418px;
}

.video-library-section h2 {
	color: #000;
	font-size: 28px;
	margin: 2.5em 0 1em;
	line-height: 1.2em;
}

.shorts-wrapper h2,
.videos-wrapper h2 {
	font-size: 30px;
	color: #001b34;
	margin: 0 0 30px 0;
	font-family: 'Hind-Medium';
	line-height: 1.2;
}

.shorts-swiper {
	position: relative;
	overflow: hidden;
	min-height: 368px;
	opacity: 0;
	/* 初始隐藏 */
	transition: opacity 0.2s ease;
}

.shorts-swiper.swiper-initialized {
	opacity: 1;
	/* 初始化后立即显示 */
}

/* 禁用所有内部动画 */
.shorts-swiper .swiper-wrapper,
.shorts-swiper .swiper-slide {
	transition: none !important;
	animation: none !important;
}

.shorts-swiper .swiper-wrapper {
	display: flex;
}

.shorts-swiper .swiper-slide {
	width: 224px;
	flex-shrink: 0;
}

/* 导航按钮 */
.shorts-wrapper .swiper-button-prev,
.shorts-wrapper .swiper-button-next {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease 0.2s, visibility 0.2s ease 0.2s;
}

.shorts-swiper.swiper-initialized~.swiper-button-prev,
.shorts-swiper.swiper-initialized~.swiper-button-next {
	opacity: 1;
	visibility: visible;
}

.short-card {
	display: block;
	text-decoration: none;
}

.short-thumb {
	position: relative;
	width: 100%;
	height: 336px;
	overflow: hidden;
	background: #e0e0e0;
	margin-bottom: 12px;
}

.short-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.short-card:hover .short-thumb img {
	transform: scale(1.05);
}

.short-card span {
	font-size: 18px;
	color: #2d4a8d;
	line-height: 1.4;
	margin: 0;
	font-family: 'Hind-Medium';
	display: -webkit-box;

}

.short-card:hover span {
	color: #ffa508;
}

/* Swiper 按钮样式 */
.shorts-wrapper .swiper-button-prev,
.shorts-wrapper .swiper-button-next {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: all 0.3s;
}

.shorts-wrapper .swiper-button-prev {
	position: absolute;
	left: -24px;
	top: 50%;
	visibility: hidden;
}

.shorts-wrapper .swiper-button-next {
	position: absolute;
	right: -24px;
	top: 50%;
	/* visibility: hidden; */
}

/* 悬停 */
.shorts-wrapper .swiper-button-prev:hover,
.shorts-wrapper .swiper-button-next:hover {
	background-color: #f0f3f4;
}

/* 左箭头 */
.shorts-wrapper .swiper-button-prev::after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 16px;
	left: 14px;
	border-left: 2px solid #0f0f0f;
	border-bottom: 2px solid #0f0f0f;
	transform: rotate(45deg);
	margin-left: 3px;
}

/* 右箭头 */
.shorts-wrapper .swiper-button-next::after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 16px;
	right: 14px;
	border-right: 2px solid #0f0f0f;
	border-bottom: 2px solid #0f0f0f;
	transform: rotate(-45deg);
	margin-right: 3px;
}


.shorts-wrapper .swiper-button-disabled {
	opacity: 0 !important;
	pointer-events: none;
	transform: scale(.95);
	transition: opacity .2s ease, transform .2s ease;
	visibility: hidden !important;
}


/* Videos Section */
.video-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.video-card {

	overflow: hidden;

	transition: transform 0.3s, box-shadow 0.3s;
}

.video-card:hover {
	transform: translateY(-4px);

}

.video-card a {
	display: block;
	text-decoration: none;
}

.video-thumb {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	background: #e0e0e0;
}

.video-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.video-card:hover .video-thumb img {
	transform: scale(1.05);
}

.duration {
	position: absolute;
	bottom: 8px;
	right: 8px;
	padding: 4px 8px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	font-family: 'Hind';
}

.video-card span {
	padding: 12px 0px;
	font-size: 18px;
	color: #2d4a8d;
	line-height: 1.4;
	margin: 0;
	font-family: 'Hind-Medium';
	display: -webkit-box;

	min-height: 68px;
}

.video-card:hover span {
	color: #ffa508;
}

/* 无结果提示样式 */
.no-results-message {
	text-align: center;
	padding: 60px 20px;
	margin: 40px 0;

	border-radius: 12px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.no-results-icon {
	font-size: 64px;
	margin-bottom: 20px;
	opacity: 0.6;
}

.no-results-message h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 16px;
	font-weight: 600;
}

.no-results-message p {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 12px;
}

.no-results-message p strong {
	color: #333;
	font-weight: 600;
}

.no-results-message .suggestions {
	font-weight: 600;
	color: #333;
	margin-top: 24px;
	margin-bottom: 12px;
}

.no-results-message ul {
	list-style: none;
	padding: 0;
	text-align: left;
	display: inline-block;
}

.no-results-message ul li {
	padding: 8px 0;
	color: #666;
	position: relative;
	padding-left: 24px;
}

.no-results-message ul li:before {
	content: "•";
	position: absolute;
	left: 8px;
	color: #999;
	font-weight: bold;
}

/* 视频列表页结束 */

/* 视频详情页开始 */
/* 视频容器 - 响应式16:9 */
.video-library-section .c-prams p {
	color: #343434;
	margin: 1.2em 0;
	font-family: 'Hind-Light';
	font-size: 18px;
}

.detailsPageh2 {
	margin-top: 80px !important;
}

.video-library-section .c-prams .specialP {
	margin-left: 40px;
	font-family: 'Hind-Medium';
}

.video-library-section .c-prams ul li {
	font-family: 'Hind-Light';
}

.video-library-section .c-prams .specialPUl {
	margin-left: 40px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;

	height: 0;
	overflow: hidden;
	margin-bottom: 30px;

	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	background: #000;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* 视频详情页结束 */


@media screen and (max-width:1700px) {

	.box-link {
		left: 0;
	}

	.relat-pro {
		margin-right: -600px;
		padding: 20px;
		width: 300px;
	}
	
	.ban-top{
		min-height: 360px;
		height: auto;
		background-color: #001b34;
	}

	.ban-top img {
		min-height: 360px;
		height: auto;
	}

	.ban-porlist img {
		min-height: 320px;
	}

	.page-name {
		top: 58%;
	}
}

@media screen and (max-width:1600px) {
	.selling-list .item02 .selist-pic img {
		aspect-ratio: 278/ 169;
		width: 90%;
	}

	.selling-list .selist-pic img {
		width: 80%;
	}

	.selling-list .item01 .selist-pic img {
		aspect-ratio: 139/ 113;
		width: 80%;
		height: auto;
	}

	.ser-form {
		margin-right: -10px;
	}

	.ser-con .ser-form {
		margin-right: -10px;
	}

	.page-name>h1 {
		font-size: 50px;
	}

	.mtop-con {
		margin-top: 100px;
	}

	.about-cert .cert-fl {
		width: 38%;
	}

	.about-cert .cert-fr {
		width: 60%;
	}

	.about-cert .cert-fr .cert-frr {
		right: 0;
	}
}

@media screen and (max-width:1500px) {
	.about-time ul {
		width: 96%;
	}
}

@media screen and (max-width:1400px) {
	.index-about .about-fr:before {
		right: -20px;
		top: -20px;
	}

	.msg-box {
		width: 1200px;
		padding: 60px;
	}

	.msg-box .msg-base {
		width: 52%;
	}

	.advantage ul {
		width: 92%;
	}

	.advantage .hours_24 {
		display: none;
	}

}

@media screen and (max-width:1280px) {

	.index-about,
	.index-selling {
		margin-top: 100px;
	}

	.about-fl>p {
		margin-top: 60px;
	}

	.about-fl .index-more {
		margin-top: 50px;
	}

	.selling-list .selist-item {
		height: 464px;
		line-height: 464px;
	}

	.selling-list .item03,
	.selling-list .item04 {
		height: 220px;
		line-height: 220px;
	}

	.selling-list .selist-txt {
		font-size: 26px;
	}

	.selling-list .item01 .selist-txt {
		right: 24px;
		bottom: 16px;
	}

	.selling-list .item02 .selist-txt {
		left: 24px;
		bottom: 16px;
	}

	.selling-list .item03 .selist-txt {
		left: 24px;
		bottom: 16px;
	}

	.selling-list .item04 .selist-txt {
		left: 24px;
		top: 16px;
	}

	.selling-list .item05 .selist-txt {
		right: 24px;
		top: 16px;
	}

	.selling-list .item06 .selist-txt {
		left: 24px;
		top: 16px;
	}

	.serve-swiper .swiper-slide .serve-name {
		left: 30px;
		top: 30px;
	}

	.serve-swiper .swiper-slide .serve-name img {
		width: 50px;
	}

	.serve-swiper .swiper-slide .serve-name p {
		font-size: 20px;
		margin-top: 16px;
	}

	.serve-swiper .swiper-slide .serve-txt {
		font-size: 20px;
		left: 16px;
	}

	.about-time {
		padding-bottom: 200px;
	}

	.about-major {
		padding: 100px 0;
	}

	.about-major ul li {
		padding: 40px 30px;
	}

	.about-major li img {
		width: 80px;
	}

	.about-major li strong {
		font-size: 22px;
		margin: 16px 0 10px;
	}

	.relat-pro {
		width: 260px;
		padding: 16px;
		margin-right: -590px;
	}

	.msg-box {
		width: 96%;
		margin: 50px 2% 0;
	}

	.msg-base strong {
		font-size: 52px;
	}

	.box-show .blog_search_tab ul,
	.prolist-show .blog_search_tab ul {
		justify-content: flex-start;
	}

	.c-prams {
		padding: 0px 40px;
	}

	.c-stocks {
		padding: 0px 40px;
	}

	.c-choose {
		padding: 0px 40px;
	}

	.stock-shadow .stock-shadow-con {
		margin-left: 30px !important;
		margin-right: 30px !important;
	}

	.stock-shadow .stock-shadow-con:nth-of-type(3n+2) {
		margin-left: 0px;
		margin-right: 0px;
	}



}

@media screen and (max-width:1200px) {
	.ban-info {
		width: 100%;
	}

	.crumb,
	.blog-name,
	.pros-name {
		width: 92%;
		margin: 0 auto;
	}

	.page-name {
		width: 100%;
		top: 60%;
	}

	.page-name>h1 {
		font-size: 36px;
	}

	.ban-blogs img {
		min-height: 320px;
	}

	.work-item .work-box {
		padding: 20px;
	}

	.work-item .work-box strong {
		font-size: 24px;
	}

	.work-item .work-box p {
		font-size: 16px;
		line-height: 1.6;
	}

	.ban-search .crumb {
		width: 100%;
		margin: 0;
	}

	/*.c-wrap p{padding:20px;}*/
	.res-l p {
		padding: 0px;
	}

	.c-item-list {
		padding: 20px;
	}

	.left_list {
		display: none;
	}

	.prolist {
		width: 92%;
	}

	.prolist-show,
	.box-show {
		width: 92%;
		color: #343434;
		font-size: 18px;
		font-family: 'Hind-Light';
		line-height: 1.7;
		margin: 0 auto;
		display: inline-block;
	}

	.video-library-section .c-prams p {
		font-size: 17px;
	}

	.video-library-section .c-prams {
		max-width: 100%;
		padding: 0 5%;
	}

	.video-header h1 {
		font-size: 32px;
	}

	.shorts-swiper .swiper-slide {
		width: calc((100% - 32px) / 3);
	}

	.short-thumb {
		height: auto;
		padding-top: 150%;
	}

	.short-thumb img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.short-card span {
		font-size: 17px;
	}

	.shorts-wrapper {
		margin-bottom: 32px;
	}

	.video-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.video-card span {
		font-size: 17px;
	}

	.tab-btn {
		font-size: 17px;
		padding: 10px 20px;
	}

	.video-search-box {
		width: 260px;
	}

	.video-search-box input {
		height: 44px;
		font-size: 17px;
	}


}

@media screen and (max-width:1188px) {
	.index-ban>img {
		height: 100vh;
	}

	.ban-info {
		top: 36%;
		left: 24px;
		right: 24px;
		width: auto;
	}

	.ban-info .ban-form {
		margin-top: 100px;
	}

	.about-cert {
		padding: 60px 0;
	}

	.about-cert .cert-fr .cert-frr {
		display: none;
	}

	.about-cert .cert-fl {
		width: 100%;
		margin-top: 0;
	}

	.about-cert .cert-fr {
		width: 100%;
	}

	.cert-swiper .swiper-slide,
	.cert-swiper .swiper-slide.swiper-slide-active {
		height: auto !important;
		margin: 0;
	}

	.cert-swiper.swiper-container {
		width: 100%;
		height: auto;
		padding-left: 0;
	}

	.cert-swiper.swiper-container {
		padding-bottom: 50px;
	}

	.blogs-fr {
		width: 40%;
	}

	.blogs-fr li a {
		font-size: 20px;
		line-height: 1.6;
	}

	.box-link,
	.relat-pro {
		display: none;
	}

	.box-show {
		margin: 0 auto;
	}

	.pros-name ul {
		margin-top: 40px;
	}

	.crumb,
	.crumb li a {
		color: #DDD;
	}

	.ban-search .crumb,
	.ban-search .crumb li a {
		color: #808080;
	}

	.cont-link li .cont-font p {
		font-size: 18px;
	}

	.cont-link li .cont-pic {
		width: 120px;
		height: 120px;
		line-height: 120px;
	}

	.cont-link li .cont-pic img {
		width: 50px;
	}

	.cont-msg .msg-box .msg-form {
		margin-top: 20px;
	}

	.app-list li .app-txt {
		height: 66px;
		line-height: 66px;
	}

	.app-list li .app-txt a {
		font-size: 24px;
		padding: 0 20px;
	}

	.aluminum-list li .img {
		width: 240px;
		height: 140px;
		line-height: 137px;
		margin-right: 30px;
	}

	.aluminum-list li:nth-child(2n) .img {
		margin-left: 30px;
	}

	.aluminum-list li dl dt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.aluminum-list li dl dd {
		margin: 0 -10px;
	}

	.aluminum-list li dl dd a {
		margin: 0 10px;
		width: calc(33.33% - 20px);
		font-size: 14px;
	}

	.Knowledge-list li .item .txt {
		font-size: 16px;
		line-height: 26px;
		height: 52px;
	}

}

@media screen and (max-width:1100px) {

	/*.nav ul li{margin-left: 5px;}*/
	.ban-info h1 {
		font-size: 46px;
		line-height: 1.5;
	}

	.ban-info .ban-form {
		width: 680px;
	}

	.index-name h1,
	.index-name h2 {
		font-size: 42px;
	}

	.about-fl>p {
		margin-top: 40px;
	}

	.about-fl .index-more {
		margin-top: 30px;
	}

	.selling-list,
	.serve-swiper.swiper-container,
	.index-blog ul {
		margin-top: 0;
	}

	.index-name h1,
	.index-name h2 {
		font-size: 36px;
	}

	.index-title {
		margin-bottom: 60px;
	}

	.about-wflr {
		margin-top: 60px;
	}

	.about-time {
		background: #FFF;
		padding-bottom: 0;
	}

	.about-time li,
	.about-time li:nth-child(1),
	.about-time li:nth-child(2),
	.about-time li:nth-child(3),
	.about-time li:nth-child(4),
	.about-time li:nth-child(5),
	.about-time li:nth-child(6),
	.about-time li:nth-child(7),
	.about-time li:nth-child(8) {
		width: 33.3%;
		margin-top: 0;
		height: 210px;
		margin-bottom: 20px;
	}

	.msg-box {
		padding: 50px;
	}

	.msg-base strong {
		font-size: 42px;
	}

	.msg-base p {
		font-size: 30px;
	}

	.msg-base ul li {
		font-size: 20px;
	}

	.msg-box .msg-form {
		width: 46%;
	}

	.msg-form li {
		margin-bottom: 20px;
	}

	.advantage ul {
		justify-content: space-around;
	}

	.advantage .free_sample {
		display: none;
	}

	.lem_price ul {
		width: 80%;
	}

	.lem_price ul li:nth-child(2)::after,
	.lem_price ul li:nth-child(3)::after {
		display: none;
	}


	.lem_price ul li:nth-child(1) {
		display: none;
	}

	.logo {
		width: 40px;
	}

	.success-box {
		margin-top: 60px;
	}

	.success-wrap {
		flex-direction: column;
		align-items: center;
	}

	.success-font {
		text-align: center;
	}

	.success-font>h1 {
		margin-top: 40px;
		font-size: 34px;
	}

	.success-font>p {
		margin-top: 20px;
	}

	.success-font>a {
		margin-top: 30px;
		width: 140px;
		font-size: 18px;
		text-align: center;
		height: 42px;
	}

	.success-img {
		max-width: 80%;
		height: auto;
	}
}

@media screen and (max-width:990px) {

	/*.nav ul li{margin-left: 12px;}*/
	.nav ul li a {
		font-size: 18px;
	}

	.index-name h1,
	.index-name h2 {
		font-size: 34px;
	}

	.index-blog,
	.footer {
		margin-top: 70px;
	}

	.index-blog li .idxblog-txt {
		font-size: 20px;
	}

	.foot-link {
		padding: 50px 0 60px;
	}

	.foot-link .foot-logo,
	.foot-link .foot-about {
		display: none;
	}

	.foot-link .foot-Knowledge {
		width: 50%;
		margin: 0;
		display: none;
	}

	.foot-link .foot-contact {
		width: 48%;
		display: none;
	}

	.foot-link .clearfix>p {
		/*width: 100%;*/
		left: 35%;

	}

	.mtop-con {
		margin-top: 80px;
	}

	.about-data li strong {
		font-size: 50px;
	}

	.about-data li p {
		font-size: 20px;
	}

	.work-item .work-box p {
		font-size: 14px;
		line-height: 1.4;
	}

	.about-choose li .choose-item strong {
		font-size: 18px;
	}

	.about-choose li .choose-item img {
		width: 66px;
	}

	.about-choose li .choose-on {
		padding: 30px;
	}

	.about-choose li .choose-on strong {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.about-choose li .choose-on p {
		font-size: 16px;
		line-height: 1.6;
	}

	.about-choose li .choose-item,
	.about-choose li .choose-on {
		height: 360px;
	}

	.blogs-fr li a {
		font-size: 18px;
	}

	.blog-list li .blog-pic {
		width: 300px;
		margin-right: 20px;
	}

	.blog-list li .blog-info a {
		margin-top: 10px;
	}

	.blog-list li .blog-info p {
		margin-top: 18px;
	}

	.msg-base ul {
		margin-top: 80px;
	}

	.msg-base ul li {
		font-size: 18px;
	}

	.cont-box {
		margin-top: 50px;
	}

	.cont-link ul {
		margin-left: 0;
	}

	.cont-link li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		background-color: #fff;
		border-radius: 12px;
		-moz-box-shadow: 0 3px 15px rgba(55, 120, 255, .15);
		-webkit-box-shadow: 0 3px 15px rgb(55 120 255 / 15%);
		box-shadow: 0 3px 15px rgb(55 120 255 / 15%);
		text-align: left;
		padding: 30px 30px 30px 150px;
	}

	.cont-link li:before {
		display: none;
	}

	.cont-link li .cont-pic {
		position: absolute;
		width: 80px;
		height: 80px;
		line-height: 80px;
		left: 30px;
		top: 50%;
		margin-top: -40px;
	}

	.cont-link li .cont-pic img {
		width: 36px;
	}

	.cont-link li .cont-name {
		margin-top: 0;
	}

	.cont-link li .cont-font {
		height: auto;
	}

	.cont-link li .cont-font p {
		line-height: 30px;
	}

	.cont-msg .msg-box {
		padding: 40px;
	}

	.pro-list05 .list05-font {
		margin-left: 0;
	}

	.pro-list05 .list05-font li,
	.pro-list05 .list05-font li.list05-last {
		width: 100%;
		margin-left: 0;
	}

	.knowledge-box {
		padding: 80px 0;
	}

	.index-aluminum {
		margin-top: 30px;
	}

	.pro-list05 .background-img {

		bottom: 80px;

	}

	.pro-list05::before {

		bottom: 80px;

	}

}

@media screen and (min-width: 912px) {
	.box-shadow-con {
		width: 250px;
		height: auto;

	}

	.con-img-f {
		overflow: hidden;
		height: 168px;
		width: 250px;
	}

	.box-shadow-con2 .blow_a {
		overflow: visible;
		z-index: 99;
	}

	.box-shadow-con2 {
		width: 250px;
		height: auto;

	}

	.box-shadow-con3 {
		width: 388px;
		height: 261px;
	}

	.pro-bro {
		width: 400px;
		height: 268px;
		overflow: hidden;
	}

	.pro-size {
		width: 400px;
		height: 268px;
		padding: 30px 0;
	}

	.box-shadow-con4 {
		width: 800px;
		height: 268px;
	}

	.triangle-left {
		width: 340px;
		height: 540px;
		background-color: #ffffff;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
		position: relative;
	}

	.leftimg-f {
		width: 340px;
		height: 375px;
		overflow: hidden;
	}

	.triangle-left>p {

		color: #010101;
		margin: 25px 0 0 100px;
	}

	.triangle-right {
		width: 440px;
		height: 540px;
		background-color: #ffffff;
		color: #010101 !important;

	}

	.triangle-top {
		height: 260px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
	}

	.topimg-f {
		width: 260px;
		height: 260px;
		overflow: hidden;
	}

	.triangle-top>p {
		width: 180px;
		height: 39px;
		text-indent: 1rem;
		padding: 0 10px 25px 12px;
		margin-top: 160px;
	}

	.triangle-bot {
		height: 260px;
		width: 440px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 20px;
		position: relative;

	}

	.triangle-bot>p {
		width: 150px;
		height: 39px;
		padding-left: 20px;
		margin-top: 160px;
	}


}

@media screen and (max-width:912px) {
	.c-wrap {
		padding-top: 20px;
	}

	.c-prams {
		margin-top: 20px;
	}

	.c-prams>p:first-of-type {
		margin-top: 10px;
	}

	.c-item-list {
		margin-top: 30px;
	}

	.c-prams {
		padding: 0px 20px;
	}

	.c-stocks {
		padding: 0px 20px;
	}

	.c-choose {
		padding: 40px 20px;
	}

	.c-prams-l {
		margin-top: 38px;
	}

	.c-prams-r {
		margin-top: 38px;
	}

	.c-stocks>h2 {
		margin-top: 20px;
		margin-bottom: 18px;
	}

	.c-choose>h2:first-child {
		margin-bottom: 18px;
	}

	.c-choose>p:last-of-type {
		margin-top: 20px;
		margin-bottom: 14px;
	}

	.c-select {
		padding: 20px;
	}

	.c-select select,
	.c-select .c-input-l {
		width: 67%;
	}

	.c-select .c-input-r,
	.c-select .c-select-r {
		width: 27%;
		margin-left: 4%;
	}

	.c-wrap p {
		width: 100%
	}

	.res-l {
		margin-left: 20px;
	}

	.res-ra {
		margin-right: 20px;
	}

	.box-shadow-con {
		width: 45%;
		height: auto;
	}

	.con-img-f {
		overflow: hidden;
		height: auto;
		width: 100%;
	}

	.box-shadow-con2 .blow_a {
		overflow: visible;
	}

	.box-shadow-con2 {
		width: 45%;
		height: auto;
	}

	.box-shadow-con3 {
		width: 48%;
		height: auto;
	}

	.box-shadow-con4 {
		width: 100%;
		height: auto;
	}

	.pro-bro {
		width: 48%;
		height: auto;
		overflow: hidden;
	}

	.pro-size {
		width: 48%;
		height: auto;
		padding: 20px 0;
	}

	.triangle-left {
		width: 100% !important;
		height: auto !important;
	}

	.triangle-left>p {
		margin: 20px 0 10px 30% !important
	}

	.leftimg-f {
		width: 100% !important;
		height: auto !important;
	}

	.triangle-right {
		height: auto !important;
		width: 100% !important;
	}

	.triangle-top {
		height: auto !important;
		width: 100% !important;
		margin-top: 20px !important;
	}

	.triangle-bot {
		height: auto !important;
		width: 100% !important;
	}

	.triangle-top>p {
		padding: 0 0 0 25% !important;
	}

	.triangle-bot>p {
		margin-top: 0 !important;
		padding: 10px 0 0 30% !important;
	}

	.triangle-up2 {
		left: 30% !important;
	}

	.triangle-up1,
	.triangle-up3,
	.triangle-up2 {
		z-index: -1 !important;
	}

	.topimg-f {
		width: 100%;
		height: auto;
		overflow: hidden;
	}


}

@media screen and (max-width:820px) {

	.nav {
		margin-right: 0;
	}

	.index-ban>img {
		width: 100%;
		height: auto;
		min-height: 100vh;
		-webkit-object-fit: cover;
		object-fit: cover;
	}

	.ban-info h1 {
		font-size: 38px;
	}

	.about-time li,
	.about-time li:nth-child(1),
	.about-time li:nth-child(2),
	.about-time li:nth-child(3),
	.about-time li:nth-child(4),
	.about-time li:nth-child(5),
	.about-time li:nth-child(6),
	.about-time li:nth-child(7),
	.about-time li:nth-child(8) {
		width: 50%;
		height: 160px;
		padding: 5px 10px 0 20px;
	}

	.about-time li strong {
		font-size: 30px;
	}

	.box-show {
		width: 100%;
	}

	.msg-box .msg-base {
		width: 100%;
	}

	.msg-base p,
	.msg-base ul {
		display: none;
	}

	.msg-base strong {
		font-size: 30px;
		text-align: center;
	}

	.msg-box .msg-form {
		width: 100%;
		margin-top: 20px;
	}

	.pros-name li {
		margin: 0 15px;
	}

	.pro-list01 li,
	.pro-list03 li {
		padding: 16px;
	}

	.pro-list05 .list05-info {
		width: 51%;
	}

	.search-form form {
		width: 660px;
	}

	.search-nav ul {
		text-align: left;
		font-size: 0;
	}

	.search-nav ul li {
		width: 150px;
		margin-top: 1%;
	}

	.search-nav ul li a {
		font-size: 20px;
	}

	.about-pics {
		padding: 0 24px;
	}

	.about-pics .abpic-hide {
		display: block;
	}

	.about-pics .abpic-show {
		display: none;
	}

	.c-prams {
		margin-top: 20px;
	}

	.c-item-list {
		margin-top: 30px;
	}

	.c-select {
		padding: 20px;
	}

	.c-select select,
	.c-select .c-input-l {
		width: 67%;
	}

	.c-select .c-input-r,
	.c-select .c-select-r {
		width: 27%;
		margin-left: 4%;
	}

	.c-wrap p {
		width: 100%
	}

	.res-l {
		width: 100%
	}

	.lem_price ul {
		width: 90%;
	}

}

@media screen and (max-width:768px) {
	body {
		padding-bottom: 60px;
	}

	.search {
		right: 40px;
	}

	.ser-submit {
		top: 35px;
	}

	.chat {
		display: none !important;
	}

	.toTop {
		width: 40px;
		height: 40px;
		bottom: 100px;
		right: 20px;
	}

	.fix-foot {
		display: none;
	}

	.fix-foot1 {
		display: block;
	}

	.header {
		padding: 10px 0;
		line-height: 32px;
	}

	.logo {
		width: 90px;
	}

	.logo img {
		max-width: 32px;
		max-height: 32px;
	}

	.navBtn {
		display: block;
		cursor: pointer;
	}

	.navBtn img {
		width: 28px;
		aspect-ratio: 1 / 1;
	}

	.nav {
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		width: 160px;
		padding: 10px;
		z-index: 9999;
		background-color: #FFF;
		-webkit-box-shadow: 0 0 6px rgba(0, 27, 52, .3);
		-moz-box-shadow: 0 0 6px rgba(0, 27, 52, .3);
		-ms-box-shadow: 0 0 6px rgba(0, 27, 52, .3);
		-o-box-shadow: 0 0 6px rgba(0, 27, 52, .3);
		box-shadow: 0 0 6px rgba(0, 27, 52, .3);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}

	.nav ul:before {
		content: "";
		position: absolute;
		top: -9px;
		right: 12px;
		width: 0;
		border-bottom: 10px solid #fff;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}

	.nav ul li {
		width: 100%;
		margin-left: 0;
		text-align: center;
		line-height: 46px;
	}

	.nav ul li a {
		display: block;
		padding: 0;
		color: #333;
		letter-spacing: 0;
		text-transform: capitalize;
	}

	.nav ul li:after {
		display: none;
	}

	.nav ul li.on a {
		color: #ffa508;
		font-weight: bold;
	}

	.foot-popu {
		display: none;
	}

	.ban-info .ban-form,
	.search-form .ban-form {
		width: 600px;
	}

	.index-about,
	.index-selling {
		margin-top: 50px;
	}

	.index-about .about-fr {
		display: none;
	}

	.index-about .about-fl {
		width: 100%;
	}

	.index-about .index-name {
		margin-top: 0;
	}

	.about-witem img {
		min-height: 215px;
		width: 100%;
		aspect-ratio: 147 / 92;
	}

	.index-name h1,
	.index-name h2 {
		font-size: 30px;
	}

	.about-fl>p {
		margin-top: 20px;
		font-size: 18px;
	}

	.about-fl .index-more {
		margin-top: 20px;
	}

	.index-more {
		margin-right: 0;
	}

	.index-more a:before,
	.index-more a:after {
		display: none;
	}

	.index-more a {
		background-color: #ffa508;
		-webkit-border-radius: 20px 5px 20px 5px;
		border-radius: 20px 5px 20px 5px;
		height: 52px;
		line-height: 52px;
	}

	.about-fl ul {
		margin-top: 40px;
	}

	.index-title {
		margin-bottom: 40px;
	}

	.selling-list {
		margin-left: -2%;
	}

	.selling-list .selist-con {
		width: 48%;
		margin-left: 2%;
	}

	.selling-list .item02 .selist-pic img {
		width: 76%;
	}

	.selling-list .selist-pic img {
		width: 66%;
	}

	.selling-list .item01 .selist-pic img {
		width: 66%;
	}

	.selling-list .item01 .selist-txt,
	.selling-list .item02 .selist-txt,
	.selling-list .item03 .selist-txt,
	.selling-list .item04 .selist-txt,
	.selling-list .item05 .selist-txt,
	.selling-list .item06 .selist-txt {
		left: 6px;
		right: 6px;
		top: auto;
		bottom: 16px;
		text-align: center;
		font-size: 20px;
	}

	.selling-list .selist-item {
		height: 324px;
		line-height: 324px;
	}

	.index-partner,
	.index-serve,
	.index-blog,
	.footer {
		margin-top: 24px;
	}

	.index-blog ul li {
		width: 47.7%;
	}

	.foot-con .font-txt02 {
		display: none;
	}

	.foot-con .font-txt01 {
		float: right;
		margin-left: 0;
	}

	.page-name>h1 {
		font-size: 30px;
	}

	.mtop-con {
		margin-top: 50px;
	}

	.about-wflr {
		margin-left: 0;
		display: block;
		margin-top: 0;
	}

	.about-witem {
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.about-data {
		padding: 60px 0;
	}

	.about-data li strong {
		font-size: 40px;
	}

	.about-data li p {
		font-size: 18px;
	}

	.about-work {
		padding: 60px 0;
	}

	.work-item .work-box {
		display: none;
	}

	.about-major {
		padding: 50px 0 40px;
	}

	.about-major ul {
		margin-left: 0;
	}

	.about-major ul li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 16px;
		padding: 20px;
	}

	.about-major li p {
		height: auto;
	}

	.about-major li strong br {
		display: none;
	}

	.about-major li img {
		width: 66px;
	}

	.about-cert {
		padding-top: 50px;
	}

	.about-cert .cert-fl p {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.about-choose li {
		margin-bottom: 20px;
	}

	.about-choose li .choose-on,
	.about-choose li.on .choose-on {
		height: auto;
		padding: 20px;
	}

	.about-choose li.on .choose-item {
		display: flex;
		padding: 20px;
	}

	.about-choose li .choose-on strong {
		display: none;
	}

	.about-choose li,
	.about-choose li.on {
		width: 100%;
	}

	.about-choose li .choose-item {
		height: auto;
		justify-content: space-between;
		align-items: center;
		display: flex;
		padding: 20px;
	}

	.about-choose li .choose-on,
	.about-choose li.on .choose-on {
		background-color: #fff;
		color: #333;
		padding-top: 0;
	}

	.about-choose li,
	.about-choose li.on {
		-moz-box-shadow: 0 0 15px rgba(0, 85, 162, .15);
		-webkit-box-shadow: 0 0 15px rgb(0 85 162 / 15%);
		box-shadow: 0 0 15px rgb(0 85 162 / 15%);
	}

	.about-choose li.on .choose-item {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.about-choose li .choose-item strong {
		text-align: left;
	}

	.about-pics img {
		width: 100%;
		aspect-ratio: 1032/1632;
	}

	.blogs-fl {
		width: 100%;
	}

	.blog-swiper a img {
		width: 100%;
	}

	.blogs-fr {
		width: 100%;
		margin-top: 20px;
	}

	.blogs-fr li a span {
		font-size: 16px;
		top: 2px;
	}

	.blog-list li .blog-pic {
		width: 200px;
	}

	.blog-list li .blog-info a {
		margin-top: 6px;
		font-size: 20px;
	}

	.blog-list li .blog-info p {
		margin-top: 10px;
		font-size: 16px;
		-webkit-line-clamp: 2;
	}

	.blog-list li .blog-info p.blog-time {
		display: none;
	}
	
	.ban-top{
		min-height: 240px;
		background-color: #001b34;
	}

	.ban-top img {
		min-height: 240px;
	}

	.crumb {
		top: 1.2em;
	}

	.crumb,
	.crumb li a {
		color: #EEE;
	}

	.crumb li a:hover {
		color: #ffa508;
	}

	.blog-name h1 {
		font-size: 28px;
		font-family: 'Hind';
		line-height: 1.2em;
	}

	.blog-box {
		margin-top: 40px;
	}

	.blog-name p span {
		margin: 0 12px;
	}

	.prolist-box {
		margin-top: 50px;
	}

	.msg-box {
		padding: 16px;
		border-radius: 0;
		width: 100%;
		margin: 30px 0 0;
	}

	.msg-box .msg-form {
		padding: 40px 10px;
	}

	.msg-btn input {
		font-size: 20px;
	}

	.pros-name h1 {
		font-size: 28px;
	}

	.pros-name ul {
		display: none;
	}

	.pro-box {
		margin-top: 40px;
	}

	.cont-msg .msg-box {
		width: 96%;
		margin: 10px auto 0;
		padding: 30px 20px;
	}

	.privacy-box {
		margin-top: 40px;
	}

	.pro-list02 li {
		width: 48%;
	}

	.pro-list02 li:last-child:nth-child(3n+2) {
		margin-left: 0
	}

	.pro-list05 {
		padding: 16px;
	}

	.pro-list05 .list05-info {
		width: 100%;
	}

	.pro-list05 .list05-pic {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.pro-list05 .list05-info li {
		text-align: left;
	}

	.pro-list05 .background-img {
		display: none;
	}

	.msg-pro:before {
		display: none;
	}

	.ban-know {
		background-color: #f2f2f2;
	}

	.knowledge-box {
		padding: 50px 0;
	}

	.know-list .know-info p {
		height: 48px;
		-webkit-line-clamp: 2;
	}

	.search-name {
		margin-top: 30px;
	}

	.search-name strong {
		font-size: 24px;
	}

	.search-name p {
		font-size: 16px;
		margin-top: 0;
	}

	.search-box {
		margin-top: 30px;
	}

	.search-box .know-list {
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.search-nav ul {
		text-align: left;
		font-size: 0;
	}

	.search-nav ul li {
		width: 30%;
		margin: 1% 1%;
	}

	.app-list li .app-txt {
		height: 50px;
		line-height: 50px;
		position: static;
	}

	.app-list li .app-txt a {
		font-size: 20px;
		padding: 0 12px;
	}

	.error-box,
	.error-btn {
		margin-top: 60px;
	}

	.error-box img {
		max-width: 90%;
	}

	.error-btn a {
		width: 160px;
		font-size: 20px;
		margin: 0 8px;
	}

	.ban-prodtop .crumb {
		top: 1.2em
	}

	.ban-topbg {
		padding: 60px 0 30px;
		background: url(../images/mo-ban-blogs.jpg) no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.ban-topbg img {
		display: none;
	}

	.ban-topbg .crumb {
		position: static;
	}

	.ban-topbg .blog-name {
		position: static;
		margin-top: 30px;
	}

	.crumb ol {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
		overscroll-behavior: contain;
	}

	::-webkit-scrollbar {
		display: none;

	}

	.list-load a {
		font-size: 20px;
		line-height: 50px;
	}

	.ban-search {
		padding: 16px 0;
	}

	.martit {
		display: block;
		margin-bottom: 1.5em;
	}

	.msg-show+.footer {
		margin-top: 0 !important;
	}

	.aluminum-list li {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.aluminum-list li .img {
		width: 100%;
		margin: 0 0 20px;
	}

	.aluminum-list li dl dd a {
		width: calc(50% - 20px);
	}

	.aluminum-list li:nth-child(2n) .img {
		order: 1;
		margin-left: 0;
	}

	.index-know {
		padding: 50px 0;
		margin-bottom: 40px;
	}

	/*.Knowledge-list li:first-child {*/
	/*	width: 100%;*/
	/*}*/

	/*.Knowledge-list li {*/
	/*	width: 100%;*/
	/*}*/

	.Knowledge-list {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.Knowledge-list li,
	.Knowledge-list li:first-child {
		grid-column: auto;
		grid-row: auto;
		width: auto;
		float: none;
	}

	.index-partner2 ul {
		flex-wrap: wrap;
	}

	.index-partner2 ul li {
		width: calc(33.33% - 20px);
	}

	.foot-link .clearfix>p {
		left: 38%;

	}

	.box-show .blog_search_tab a,
	.prolist-show .blog_search_tab a,
	.box-show .blog_search_tab span,
	.prolist-show .blog_search_tab span {
		height: 34px;
		line-height: 30px;
		font-size: 16px;
		padding: 0 10px;
		width: 100%;
	}

	.box-show .blog_search_tab ul li,
	.prolist-show .blog_search_tab ul li {
		margin-right: 14px;
		margin-top: 14px;
	}

	.detail_recommendation .list_ten {
		display: block;
	}

	.detail_recommendation .list_ten .item {
		width: 100%;
	}

	.mar-top-40 {
		margin: 10px 0px 10px 20px;

	}

	.video-library-section .c-prams p {
		font-size: 16px;
	}

	.video-library-section .c-prams {
		max-width: 100%;
		padding: 0 5%;
	}

	.video-header h1 {
		font-size: 32px;
	}

	.shorts-swiper .swiper-slide {
		width: calc((100% - 32px) / 3);
	}

	.short-thumb {
		height: auto;
		padding-top: 150%;
	}

	.short-thumb img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.short-card span {
		font-size: 17px;
	}

	.shorts-wrapper {
		margin-bottom: 32px;
	}

	.video-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.video-card span {
		font-size: 17px;
	}

	.tab-btn {
		font-size: 17px;
		padding: 10px 20px;
	}

	.video-library-section .c-prams {
		max-width: 100%;
		padding: 0 16px;
	}

	.video-library-section {
		padding: 40px 0 0px;
	}

	.video-header {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
		gap: 16px;
	}

	.video-header h1 {
		font-size: 28px;
	}

	.video-category-select {
		width: 260px;
	}

	.select-trigger {
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}

	.option {
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}

	/* Tabs */
	.video-tabs {
		gap: 8px;
		margin-bottom: 30px;
	}

	.tab-btn {
		font-size: 16px;
		padding: 8px 16px;
	}

	.shorts-wrapper {
		margin-bottom: 24px;
	}

	.shorts-wrapper h2,
	.videos-wrapper h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.detailsPageh2 {
		margin-top: 50px !important;
	}

	.shorts-swiper .swiper-slide {
		width: 200px;
	}

	.short-thumb {
		height: 300px;
	}

	.short-card span {
		font-size: 16px;
	}

	/* .shorts-swiper .swiper-button-prev,
	.shorts-swiper .swiper-button-next {
		display: none;
	} */

	.video-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.video-card span {
		font-size: 16px;
		padding: 12px 0;
		min-height: 48px;
	}

	.video-search-box {
		order: 2;
	}

	.video-search-box input {
		height: 40px;
		font-size: 16px;
		padding: 0 45px 0 16px;
	}

	.video-search-box .search-submit {
		height: 28px;
		background-size: 20px;
	}


	.no-results-message {
		padding: 40px 20px;
		margin: 20px 10px;
	}

	.no-results-icon {
		font-size: 48px;
	}

	.no-results-message h3 {
		font-size: 20px;
	}

	.no-results-message p {
		font-size: 14px;
	}

	.moqnote {
		padding: 0.6rem 1rem;
		font-size: 0.95rem;
		line-height: 1.15;
		display: inline-block;
	}

	.lem_price ul {
		width: 100%;
	}

	.lem_price ul li:nth-child(3) {
		display: none;
	}

	.lem_price ul li:nth-child(4) {
		display: none;
	}

	.lem_price ul li:nth-child(1) {
		display: inline-block;
		width: 210px;
	}

	.lem_price ul .lem_smm{
width: 130px;
}

	.lem_price ul {
		justify-content: space-evenly;
	}

	.lem_price ul .lem_date {
		font-size: 0.95rem;
	}

	.lem_price ul .lem_mechanism {
		font-size: 0.95rem;
	}

	.lem_price ul .lem_date {
		line-height: 1.6;
	}

	.lem_price ul .lem_mechanism {
		line-height: 1.6;
	}

	.lem_price ul .lem_mechanism img {
		margin-left: 4px;
		width: 20px;
		height: auto;
	}

}

@media screen and (min-width: 660px) {
	.swiper-scrollbar {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 650px !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}

	.swiper-scrollbar1 {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 650px !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}
	
	.swiper-scrollbar2 {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 650px !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}

	.con-font-02 {
		font-size: 14px;
		line-height: 18px;
		overflow: hidden;
	}


}

@media screen and (max-width:660px) {
	.advantage ul .credit_card {
		display: none;
	}

	.fix-foot li a {
		font-size: 20px;
	}

	.ban-info h1 {
		font-size: 26px;
	}

	.ban-info .ban-form,
	.search-form .ban-form {
		width: 400px;
	}

	.index-title .index-more {
		display: none;
	}

	.serve-swiper .swiper-slide .serve-name p {
		font-size: 18px;
	}

	.about-time li,
	.about-time li:nth-child(1),
	.about-time li:nth-child(2),
	.about-time li:nth-child(3),
	.about-time li:nth-child(4),
	.about-time li:nth-child(5),
	.about-time li:nth-child(6),
	.about-time li:nth-child(7),
	.about-time li:nth-child(8) {
		width: 100%;
		height: auto;
		padding: 0 0 0 20px;
	}

	.about-time li:before {
		width: 10px;
		height: 10px;
	}

	.about-time li:after {
		width: 2px;
		left: 4px;
	}

	.about-time li strong {
		font-size: 22px;
		line-height: 1.2;
	}

	.prolist-box {
		margin-top: 40px;
	}

	.pro-list01 {
		margin-bottom: 20px;
		margin-top: 18px;
	}

	.pro-list01 li {
		width: 100%;
		padding: 12px;
	}

	.pro-list01 .list01-pic {
		width: 66px;
		margin-right: 16px;
	}

	.pro-list01 .list01-txt a {
		margin-top: 0;
	}

	.pro-list01 .list01-txt span {
		margin-top: 0;
	}

	.pro-list01 li p {
		height: auto;
	}

	.pro-list02 {
		margin-bottom: 20px;
	}

	.pro-list02 li,
	.pro-list03 li {
		width: 100%;
	}

	.pro-list02 li {
		padding: 12px;
	}

	.pro-list02 li:before {
		display: none;
	}

	.pro-list02 a {
		padding-right: 0;
		height: auto;
	}

	.pro-list04 li {
		padding: 16px;
	}

	.pro-list04 .list04-point {
		display: none;
	}

	.pro-list04 .list04-info p {
		margin-bottom: 0;
		margin-top: 6px;
	}

	.know-list li {
		padding: 16px;
		margin-bottom: 20px;
	}

	.know-list .know-pic {
		width: 80px;
		margin-left: 16px;
	}

	.know-list .know-point {
		display: none;
	}

	.know-list .know-info p {
		margin-bottom: 0;
	}


	.pro-list02 .list02-font {
		height: auto;
	}

	.pro-list02 ul li>p {
		height: auto;
		margin: 0;
		font-size: 14px;
	}

	.c-prams {
		margin-top: 20px;
		padding: 0px 0px;
	}

	.video-library-section .c-prams {
		padding: 0 20px;
	}

	.c-prams>h1 {
		padding: 0 20px;
	}

	.c-prams>p {
		padding: 0 20px;
	}

	.c-stocks>.pdf-gallery>.pdf-card>.pdf-title {
		font-size: 14px;
	}


	.c-item-list {
		margin-top: 30px;
	}

	.c-prams-l {
		width: 100%;
		float: right;
		margin-top: 440px;
	}

	.c-prams-r {
		width: 100%;
		position: absolute;
		margin-top: 20px;
	}

	.c-select {
		padding: 20px;
	}

	.c-select select {
		width: 67%;
	}

	.c-select .c-input-l {
		width: 67%;
	}

	.c-select .c-input-r,
	.c-select .c-select-r {
		width: 27%;
		margin-left: 4%;
	}

	.c-wrap p {
		width: 100%
	}

	.res-l {
		width: 40%
	}


	.res-l p {
		width: 100%;
		height: 16px;
		line-height: 16px;
	}

	.c-item-list li {
		width: 29%;
		margin-right: 1%;
		min-width: 105px;
	}

	.res-r {
		width: 100%;
		display: block;
		margin-bottom: 60px;
	}

	.res-r .c-button {
		display: inline-block;
		float: right;
		width: 40%
	}

	.res-r .c-reset {
		display: inline-block;
		float: left;
		width: 40%
	}

	.c-prams-rb {
		width: 100%;
	}

	.c-stocks>.pdf-gallery {
		justify-content: space-evenly;
	}

	.pdf-footer .pdf-menu {
		display: none;
	}

	.res-ra {
		margin-top: 115px;
	}

	.box-shadow-con {
		width: 100%;
		padding: 12px;
		height: auto;
		margin-right: 0px !important;
	}

	.swiper_img {
		height: 284px !important;
	}

	.swiper-body,.swiper-body2 {
		height: 280px !important;
	}

	.swiper-scrollbar {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 100% !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}

	.swiper-scrollbar1 {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 100% !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}
	
	.swiper-scrollbar2 {
		position: relative !important;
		left: 0 !important;
		top: 10px !important;
		z-index: 50 !important;
		height: 5px !important;
		width: 100% !important;
		height: 2px !important;
		background-color: #dcdcdc !important;
	}

	.con-font-02 {
		font-size: 14px;
		line-height: 18px;
		height: auto;
		overflow: hidden;
	}

	.box-shadow-con2 {
		width: 100%;
		height: auto;
		margin-right: 0px !important;
	}

	.box-shadow-con3 {
		width: 100%;
		height: 180px;
	}

	.rectangle-font {
		padding-top: 25px;
	}

	.pro-bro {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.pro-size {
		width: 100%;
		height: auto;
		padding: 10px 0;
	}

	.box-triangle {
		justify-content: center !important;

	}

	.triangle-left {
		height: auto !important;
	}

	.rectangle-span {
		margin-top: 10% !important;
	}

	.foot-link .clearfix>p {
		left: 25%;

	}

	.pro-list04 .list04-pic {
		display: none;
	}

	.box-show .blog_search_tab ul,
	.prolist-show .blog_search_tab ul {
		justify-content: flex-start;
		;
	}

	.detail_score_box {
		margin-top: 25px;
	}

	.detail_vs_wrap .box {
		margin-top: 49px;
	}

	.detail_vs_wrap .box strong {
		width: 80%;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
		left: 10%;
		margin-left: 0;
		top: -20px;
	}

	.detail_vs_wrap .box ul {
		width: 45%;
		padding: 25px 10px 25px 20px;
	}

	.detail_further strong {
		font-size: 20px;
	}

	.detail_further ul {
		margin-top: 20px;
	}

	.detail_further ul a {
		font-size: 16px;
	}

	.detail_recommendation {
		margin-top: 16px;
	}

	.detail_recommendation .list_one {
		margin-bottom: 40px;
	}

	.detail_recommendation .list_one .btn {
		display: none;
	}

	.detail_recommendation .list_one .box {
		width: calc(100% - 150px);
	}

	.detail_recommendation .list_one .tit {
		font-size: 16px;
		line-height: 22px;
	}

	.detail_recommendation .list_eight {
		display: block;
		margin-bottom: 30px;
	}

	.detail_recommendation .list_eight .item {
		width: 100%;
	}

	.success-font>p {
		width: 100%;
		height: auto;
		font-size: 18px;
		padding: 0px 10px;
	}
}

@media screen and (max-width:500px) {
	.ban-info h1 {
		font-size: 22px;
	}

	.ban-info .ban-form {
		width: 300px;
		line-height: 40px;
		height: 40px;
		padding-right: 40px;
		border-radius: 4px;
	}

	.search-form .ban-form {
		width: 300px;
	}

	.ban-info .ban-form input {
		padding: 0 16px;
		font-size: 16px;
	}

	.ban-info .ban-form button {
		width: 40px;
	}

	.ban-info .ban-form button img {
		width: 40px;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.search-nav ul {
		text-align: left;
		font-size: 0;
	}

	.index-name h1,
	.index-name h2,
	.page-name>h1 {
		font-size: 26px;
	}

	.about-fl li {
		width: 50%;
		margin-bottom: 20px;
	}

	.about-fl li strong {
		margin: 10px 0;
	}

	.index-title {
		height: auto;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.selling-list {
		margin: 0 2%;
	}

	.selling-list .selist-con {
		width: 100%;
		margin-left: 0;
		margin-bottom: 12px;
	}

	.selling-list .item02 .selist-pic img {
		width: 70%;
	}

	.selling-list .selist-pic img {
		width: 60%;
	}

	.selling-list .item01 .selist-pic img {
		width: 60%;
	}

	.selling-list .item04 {
		margin-top: 12px;
	}

	.selling-list .selist-item {
		height: 300px;
		line-height: 260px;
	}

	.index-partner li {
		width: 31.3%;
		margin-bottom: 12px;
	}

	.serve-swiper .swiper-slide .serve-name {
		left: 16px;
		top: 16px;
	}

	.serve-swiper .swiper-slide .serve-name img {
		width: 40px;
	}

	.index-blog ul li {
		padding-bottom: 20px;
	}

	.index-blog li .idxblog-txt {
		font-size: 18px;
		margin-top: 12px;
	}

	.foot-link {
		padding: 26px 0;
	}

	.foot-link .foot-Knowledge {
		width: 100%;
	}

	.foot-link .foot-contact {
		width: 100%;
		margin-top: 20px;
	}

	.foot-link strong {
		font-size: 20px;
	}

	.foot-link li a {
		font-size: 16px;
		line-height: 2.6;
	}

	.foot-icon a {
		width: 24px;
	}

	.foot-con .foot-privacy {
		float: none;
	}

	.foot-con .font-txt01 {
		float: none;
		margin-top: 10px;
	}

	.foot-con {
		padding: 20px 0;
	}

	.foot-popu {
		bottom: 110px;
		width: 90%;
	}

	.foot-popu .popu-btn a {
		width: auto;
		padding: 0 10px;
	}

	.foot-popu .popu-btn a.popuBtn02 {
		margin-left: 6px;
	}

	.mtop-con {
		margin-top: 30px;
	}

	.about-data {
		padding: 36px 0 20px;
	}

	.about-data li {
		width: 100%;
		margin-bottom: 16px;
	}

	.about-data li strong {
		font-size: 32px;
	}

	.about-data li p {
		font-size: 16px;
		margin-top: 5px;
	}

	.blog-list li .blog-pic {
		float: none;
		width: 100%;
	}

	.blog-list li .blog-info {
		margin-top: 10px;
	}

	.blog-list li .blog-info a {
		margin-top: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.blog-list li .blog-info p {
		display: none;
	}

	.blog-list li {
		padding: 20px 0 30px;
	}

	.cont-box {
		margin-top: 36px;
	}

	.cont-link li {
		padding: 12px 16px 12px 100px;
		margin-bottom: 16px;
	}

	.cont-link li .cont-pic {
		width: 62px;
		height: 62px;
		line-height: 62px;
		margin-top: -31px;
		left: 16px;
	}

	.cont-link li .cont-pic img {
		width: 24px;
	}

	.cont-link li .cont-name {
		font-size: 20px;
	}

	.cont-link li .cont-font p {
		font-size: 16px;
	}

	.know-page {
		margin-top: 30px;
	}

	.know-page li {
		margin: 0 2px;
		width: 32px;
		font-size: 16px;
	}

	.know-page li span,
	.know-page li a {
		height: 32px;
		line-height: 32px;
	}

	.search-nav ul li {
		width: 46%;
		margin: 0 2% 10px;
	}

	.search-nav ul li a {
		font-size: 16px;
	}

	.app-list ul.app-fl,
	.app-list ul.app-fr {
		width: 100%;
	}

	.app-list li .app-txt {
		text-align: center;
		height: auto;
		line-height: 1.8;
	}

	.app-list li {
		margin-top: 6px;
	}

	.list-load {
		margin-top: 16px;
	}

	.list-load a {
		font-size: 16px;
		line-height: 40px;
		padding: 0 30px;
	}

	.blog-name h1 {
		font-size: 28px;
		font-family: 'Hind';
		line-height: 1.2em;
	}

	.prolist-show p,
	.box-show p {
		color: #343434;
		margin: 1.2em 0;
		font-size: 18px;
		font-family: 'Hind-Light';
		line-height: 1.7
	}

	.box-shadow-con4 .font-med {
		margin: 0px 20px 20px 20px !important;
	}

	.box-shadow-con4 .font-14 {
		margin: 5px 20px 5px 20px !important
	}

	.pro-list02 ul li b>p {
		font-size: 14px;
		font-weight: 400;
	}

	.triangle-top>p {
		width: 100%;
		padding: 0 0 0 10% !important;
	}

	.con-font-02 {
		font-size: 14px !important;
	}

	.detail_vs_wrap .box {
		display: block;
		padding: 54px 20px 34px;
	}

	.detail_vs_wrap .box::before {
		display: none;
	}

	.detail_vs_wrap .box ul {
		width: 100%;
	}

	.detail_vs_wrap .box ul:last-child {
		margin-top: 20px;
	}

	.detail_recommendation .list_one .tit {
		font-size: 14px;
		line-height: 20px;
	}

	.detail_recommendation .list_eight .item {
		padding: 50px 20px 25px;
	}

	.detail_recommendation .list_eight .item::before {
		left: 20px;
		top: 24px;
	}

	.detail_recommendation .list_eight .tit {
		font-size: 18px;
	}

	.detail_recommendation .list_eight .tit a {
		line-height: 26px;
	}

	.detail_recommendation .list_eight p {
		margin-top: 30px;
	}

	/* 526 */
	.c-prams-l {
		margin-top: 300px;
	}

	.c-prams-rb {
		margin-top: 0px;
	}

	.res-l {
		margin-top: 0px;
	}

	.res-ra {
		margin-top: 70px;
	}

	.c-stocks>.pdf-gallery>.pdf-card {
		width: 45%;
		height: auto;
		margin-top: 20px;
	}

	.c-stocks>.pdf-gallery>.pdf-card>img {
		max-width: 173px;
		width: 90%;
		margin-left: 16px;
		margin-bottom: 6px;

	}

	.c-stocks>.pdf-gallery>.pdf-card>.pdf-footer {
		display: none;
	}

}

@media screen and (max-width:490px) {
	.c-stocks>.pdf-gallery>.pdf-card>img {
		margin-left: 9px;
	}

	.c-stocks>.pdf-gallery>.pdf-card>.pdf-title {
		margin-left: 12px;
	}

	.c-stocks>.pdf-gallery>.pdf-card>.pdf-footer {
		padding-left: 8px;
	}

	.pdf-footer .pdf-filename {
		padding-top: 6px;
	}

	.pdf-footer .pdf-menu {
		padding-bottom: 0px;
	}

	.pro-bro {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:414px) {
	.index-ban>img {
		height: 420px;
		min-height: auto;
	}

	.list-con03 img {
		width: 100%;
	}

	.list-con03 div {
		margin-bottom: 20px;
	}

	.list-con03 p strong {
		margin-top: 5px;
		margin-bottom: 8px;
	}

	.list-con07 li {
		margin: 10px 0;
	}

	.box-show .boxnav-link li {
		margin: 10px 0;
	}

	.index-blog ul li {
		width: 100%;
		margin-left: 0;
		padding-bottom: 10px;
		margin-bottom: 16px;
	}

	.crumb {
		top: 1.2em
	}

	.crumb ol {
		line-height: 1.2;
	}

	.toTop {
		width: 40px;
		height: 40px;
		bottom: 122px;
		right: 20px;
	}

	.blog-name h1 {
		font-size: 28px;
		font-family: 'Hind';
		line-height: 1.2em;
	}

	.prolist-show p,
	.box-show p {
		color: #343434;
		margin: 1.2em 0;
		font-size: 18px;
		font-family: 'Hind-Light';
		line-height: 1.7
	}

	.c-prams {
		margin-top: 20px;
	}

	.c-item-list {
		margin-top: 30px;
	}

	.c-prams-l {
		width: 100%;
		float: right;
		margin-top: 270px;
	}

	.c-prams-rb {
		margin-top: 0px;
	}

	.c-prams-r {
		width: 100%;
		position: absolute;
		margin-top: 0px;
	}

	.c-select {
		padding: 20px;
	}

	.c-select select {
		width: 67%;
	}

	.c-select .c-input-l {
		width: 67%;
	}

	.c-select .c-input-r,
	.c-select .c-select-r {
		width: 27%;
		margin-left: 4%;
	}

	.c-wrap p {
		width: 100%
	}

	.c-prams>p:nth-of-type(2) {
		margin-bottom: 10px;
	}

	.c-stocks>.pdf-gallery>.pdf-card>img {
		margin-left: 8px;
	}

	.res-l {
		width: 40%;
		margin-left: 20px;
	}

	.res-l p {
		width: 100%;
		height: 16px;
		line-height: 16px;
	}

	.c-item-list li {
		width: 28%;
		margin-right: 1%;
		min-width: 100px;
	}

	.res-r {
		width: 100%;
		display: block;
		margin-bottom: 60px
	}

	.res-r .c-button {
		display: inline-block;
		float: right;
		width: 40%
	}

	.res-r .c-reset {
		display: inline-block;
		float: left;
		width: 40%
	}

}

@media screen and (max-width:450px) {
	.pro-list01 li {
		height: auto;
	}
}

@media screen and (max-width:375px) {

	.index-ban>img {
		height: 420px;
		min-height: auto;
	}

	.ban-info {
		top: 160px;
	}

	.ban-info h1 {
		font-size: 20px;
	}

	.ban-info .ban-form {
		margin-top: 80px;
	}

	.nav {
		width: 126px;
		padding: 5px;
		right: 0;
	}

	.nav ul li {
		line-height: 36px;
	}

	.nav ul li a {
		font-size: 16px;
	}

	.navBtn img {
		width: 26px;
		aspect-ratio: 1 / 1;
	}

	.index-about,
	.index-selling {
		margin-top: 30px;
	}

	.index-name h1,
	.index-name h2,
	.page-name>h1 {
		font-size: 24px;
	}

	.page-name {
		margin-top: 10px;
	}

	.about-fl>p {
		font-size: 16px;
		margin-top: 10px;
	}

	.index-more a {
		font-size: 18px;
		height: 42px;
		line-height: 42px;
	}

	.index-title {
		margin-bottom: 24px;
	}

	.index-partner,
	.index-serve,
	.index-blog,
	.footer {
		margin-top: 26px;
	}

	.index-blog ul {
		margin-left: 0;
	}

	.index-blog ul li {
		width: 100%;
		margin-left: 0;
		padding-bottom: 10px;
		margin-bottom: 16px;
	}

	.index-blog li .idxblog-txt {
		height: auto;
		line-height: 1.6;
	}

	.mtop-con {
		margin-top: 20px;
	}

	.about-witem strong {
		font-size: 20px;
		margin: 16px 0 10px;
	}

	.about-witem p {
		font-size: 16px;
	}

	.about-work {
		padding: 30px 0;
	}

	.proline-swiper .swiper-button-prev,
	.proline-swiper .swiper-button-next {
		display: none;
	}

	.proline-swiper .swiper-slide {
		padding: 0;
	}

	.proline-swiper.swiper-container {
		padding-bottom: 0px;
	}

	.about-cert {
		padding: 30px 0;
	}

	.about-cert .cert-fl p {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 12px;
	}

	.about-choose li .choose-item strong {
		font-size: 16px;
	}

	.about-choose li .choose-item img {
		width: 48px;
	}

	.blog-list li {
		padding: 20px 0 30px;
	}

	.blogs-fr li a {
		font-size: 16px;
		padding-left: 32px;
	}

	.blogs-fr li a span {
		font-size: 14px;
		line-height: 25px;
	}

	.blog-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
		right: 20px;
		bottom: 10px;
	}

	.blog-name h1,
	.pros-name h1 {
		font-size: 26px;
		line-height: 1.2em
	}

	.box-show h2,
	.prolist-show h2 {
		font-size: 22px;
		line-height: 1.2em;
	}

	.prolist-show h3 {
		font-size: 20px;
	}

	.box-show h3 {
		font-size: 20px;
		margin-top: -5px;
	}

	.box-show h3:before {
		top: 5px;
	}

	.blog-name p {
		font-size: 14px;
	}

	.blog-box {
		margin-top: 24px;
	}

	.box-show {
		font-size: 16px;
	}

	.box-show .boxnav-link li {
		margin: 10px 0;
	}

	.box-show p {
		margin-bottom: 20px;
	}

	.box-show .box-nav {
		margin: 20px 0;
	}

	.box-show .boxnav-link {
		margin-left: 10px;
	}

	.list-con01 {
		margin-top: -10px;
		margin-bottom: 20px;
	}

	.list-con02 {
		margin-top: -10px;
	}

	.list-con06 {
		margin-top: -10px;
		margin-bottom: 16px;
	}

	.list-con07 li {
		margin: 10px 0;
	}

	.list-con03 img {
		width: 100%;
	}

	.list-con03 div {
		margin-bottom: 20px;
	}

	.list-con03 p strong {
		margin-top: 5px;
		margin-bottom: 8px;
	}

	.form-show {
		margin-bottom: 20px;
	}

	.quote-show {
		margin: 0 0 20px;
		padding: 16px;
	}

	.blog-refer,
	.relat-show {
		margin-top: 20px;
	}

	.relat-show strong {
		font-size: 24px;
	}

	.relat-show li a {
		font-size: 16px;
	}

	.msg-box {
		padding: 20px 10px;
	}

	.msg-base strong {
		font-size: 24px;
	}

	.msg-box .msg-form {
		padding: 30px 16px;
	}

	.msg-form li img {
		width: 18px;
		left: 10px;
	}

	.msg-form li {
		padding: 9px 10px;
		margin-bottom: 12px;
	}

	.msg-form li input,
	.msg-form li textarea {
		padding-left: 25px;
	}

	.msg-btn {
		margin-top: 16px;
	}

	.msg-btn input {
		font-size: 18px;
	}

	.pro-box {
		margin-top: 24px;
	}

	.privacy-box {
		margin-top: 20px;
	}

	.privacy-show {
		font-size: 16px;
	}

	.privacy-show p,
	.privacy-show .privacy-font p:last-child {
		margin-bottom: 12px;
	}

	.privacy-show .privacy-font p {
		margin-bottom: 8px;
	}

	.privacy-show h2 {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.privacy-show h3 {
		font-size: 18px;
	}

	.list-con09 {
		margin-bottom: 16px;
	}

	.prolist-box {
		margin-top: 20px;
	}

	.prolist-show {
		font-size: 16px;
	}

	.pro-list01,
	.pro-list02,
	.pro-list03,
	.pro-list04 {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.pro-list01 li,
	.pro-list02 li,
	.pro-list03 li,
	.pro-list04 li {
		margin-bottom: 16px;
	}

	.pro-list05 {
		margin-bottom: 24px;
		margin-top: 16px;
	}

	.pro-list01 .list01-txt a,
	.pro-list03 li .list03-txt a,
	.pro-list04 .list04-info a,
	.pro-list05 a {
		font-size: 18px;
	}

	.pro-list01 li {
		height: auto;
	}

	.pro-list04 .list04-pic {
		width: 88px;
		margin-left: 16px;
	}

	.pro-list05 .list05-font li {
		line-height: 1.7;
	}

	.pro-list05 .list05-info li {
		font-size: 14px;
	}

	.pro-list05 .list05-info li strong {
		font-size: 18px;
	}

	.pro-list05:before {
		display: none;
	}

	.pro-list06 {
		margin-top: 10px;
	}

	.pro-list06 li {
		margin-bottom: 16px;
	}

	.pro-list06 .list06-font {
		padding: 10px;
	}

	.pro-list07 {
		padding: 10px 16px 20px;
	}

	.pro-list07 .list07-font {
		padding: 6px 0;
	}

	.pro-list08 strong {
		font-size: 20px;
	}

	.pro-list08 li {
		margin-bottom: 8px;
	}

	.pro-list08 li a {
		font-size: 16px;
	}

	.prolist-box .blog-refer {
		margin-top: 20px;
	}

	.knowledge-box {
		padding: 20px 0 50px;
	}

	.know-list li {
		margin-bottom: 16px;
	}

	.know-list .know-pic {
		width: 60px;
		margin-left: 10px;
	}

	.know-list .know-info p {
		display: none;
	}

	.know-list .know-info a {
		font-size: 16px;
		line-height: 1.5;
	}

	.search-name {
		margin-top: 20px;
	}

	.search-name strong {
		font-size: 20px;
	}

	.search-name p {
		font-size: 14px;
	}

	.search-box {
		margin-top: 16px;
	}

	.search-nav ul li {
		line-height: 40px;
	}

	.search-box .know-list {
		margin-top: 30px;
	}

	.error-box,
	.error-btn {
		margin-top: 40px;
	}

	.error-btn a {
		width: 150px;
		font-size: 18px;
		line-height: 40px;
	}

	.pro-list04 .list04-info p {
		display: none;
	}
	
	.ban-top{
		min-height: 200px;
		background-color: #001b34;
	}

	.ban-top img {
		min-height: 200px;
	}

	.page-name {
		top: 52%;
	}

	.fix-foot li a {
		font-size: 16px;
	}

	.toTop {
		width: 40px;
		bottom: 100px;
	}

	.crumb {
		top: 1.2em
	}

	.toTop {
		width: 40px;
		bottom: 100px;
		right: 20px;
	}

	.blog-name h1 {
		font-size: 24px;
		font-family: 'Hind';
		line-height: 1.2em
	}

	.prolist-show p,
	.box-show p {
		color: #343434;
		margin: 1.2em 0;
		font-size: 18px;
		font-family: 'Hind-Light';
		line-height: 1.2em
	}

	.foot-link .clearfix>p {
		font-size: 14px;
	}

	.list-con06 {
		margin-top: -10px;
		margin-bottom: 16px;
	}


	.shorts-swiper .swiper-slide {
		width: 100% !important;
	}

	.short-thumb {
		height: auto;
		padding-top: 150%;
	}

	.short-thumb img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.video-search-box {
		width: 100%;
	}

	.video-category-select {
		width: 100%;
	}


}



@media screen and (max-width:320px) {

	.index-name h1,
	.index-name h2,
	.page-name>h1 {
		font-size: 22px;
	}

	.ban-info h1 {
		font-size: 16px;
	}

	.box-show h3 {
		font-size: 18px;
	}

	.ban-info .ban-form {
		width: 260px;
	}

	.ban-info .ban-form input {
		font-size: 14px;
	}

	.pro-list03 .list03-pic {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.pro-list03 .list03-info {
		width: 100%;
		margin-top: 8px;
	}

	.error-btn a {
		width: 124px;
	}

	.crumb {
		top: 1.2em
	}
}




/**库存开始***/
.table-body {
	background-color: #f2f2fa;
	padding-top: 30px;
}

.crumb.table {
	position: static;
}

.crumb.table li a:hover {
	color: #333;
}

.table-pro-yc {
	margin: 50px -30px;
}

.table-pro-yc li {
	float: left;
	width: 16.666%;

}

.table-pro-yc li.on .item .txt {
	background: #3778ff;
	color: white;
}

.table-pro-yc li .item {
	display: block;
	margin: 0 30px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.table-pro-yc li .item .img {
	height: 115px;
	line-height: 113px;
	text-align: center;
	position: relative;
}

.table-pro-yc li.on .item .img {
	height: 114px;
}

.table-pro-yc li.on a {
	border: 1px solid #3778ff;
	border-bottom: none;
}

.table-pro-yc li.on .xzhong::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 14px;
	background-color: #3778ff;
	background-image: url(../images/duihao.png);
	background-size: 14px;
}


.table-pro-yc li .item .img:hover img {
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.table-pro-yc li .item .img img {
	display: inline-block;
	max-height: 70%;
	max-width: 70%;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.table-pro-yc li .item .txt {
	text-align: center;
	font-size: 18px;
	color: #3778ff;
	line-height: 34px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-top: 1px solid #d8d8d8;
}


.table-guige,
.table-bot table caption {

	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 48px;
	background-color: #3778ff;
}

a {
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.table-top {
	margin-bottom: 26px;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table-top ul {
	overflow: hidden;
	padding: 30px 0 15px;
	display: -webkit-flex;
	display: flex;
}

.table-top ul li {
	padding: 0 40px;
}

.table-top ul li .item {
	margin-bottom: 16px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	max-width: 600px;
	background-color: #fff;
}

.table-top ul li .item span {
	flex-shrink: 0;
	font-size: 18px;
	color: #464646;
	margin-right: 36px;
}

.table-top ul li .item .num {
	flex-grow: 1;
}

.table-top ul li .item .num a {
	display: inline-block;
	margin-right: 20px;
	line-height: 18px;
	padding: 0 2px;
	padding-top: 2px;
	border: 1px solid #3778ff;
	border-radius: 2px;
	font-size: 16px;
	color: #464646;
	width: 42px;
	text-align: center;
}

.table-top ul li .item .num a:last-child {
	margin-right: 0;
}

.table-top ul li .item .num a:hover {
	background-color: #3778ff;
	color: #fff;
}

.table-bot-table {
	width: 100%;
	border-spacing: 0;
	margin-bottom: 35px;
}

.table-bot-table tr th,
.table-bot-table tr td {
	text-align: left;
}

.table-contact {
	text-align: right;
	line-height: 32px;
	font-size: 16px;
	color: #464646;
	margin-bottom: 10px;
}

.table-contact .word {
	display: inline-block;
}

.table-contact a {
	display: inline-block;
	padding: 0 18px;
	color: #fff;
	background-color: #3778ff;
	border-radius: 32px;
	margin-left: 18px;
}

.table-contact a:hover {
	background-color: #315dff;
}

.table-top ul li {
	flex-shrink: 0;
	width: 50%;
	padding: 0 20px;
}





.table-bot h1 {
	font-size: 38px;
	color: #464646;
	margin-bottom: 30px;
}

.table-bot table {
	width: 100%;
	border-spacing: 0;
	margin-bottom: 35px;
	border: 1px solid #bababa;
}



.table-bot table tr:nth-child(2n) {
	background-color: #fff;
}

.table-bot table tr th {
	border: none;
	padding-left: 100px;
	line-height: 46px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #bababa;
	width: 25%;
	text-align: left;
}

.table-bot table tr td {
	border: none;
	line-height: 27px;
	padding: 10px 0 10px 100px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #bababa;
	width: 25%;
}

.table-bot table tr a {
	position: relative;
	width: 115px;
	padding-left: 14px;
	line-height: 22px;
	border-radius: 2px;
	border: 1px solid #3778ff;
	color: #3778ff;
	font-size: 16px;
	-wekit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	display: block;
	text-align: center;

}

.table-bot table tr a::before {
	position: absolute;
	content: '';
	left: 3px;
	top: 2px;
	width: 14px;
	height: 14px;
	background: url('../images/pc-cart.png');
	background-size: 14px;
}

.table-bot table tr a:hover::before {
	background: url('../images/pc-white-cart.png');
	background-size: 14px;
}

.table-bot table tr a:hover {
	background-color: #3778ff;
	color: #fff;
}

.table-note {
	font-size: 16px;
}

.table-note p {
	color: #464646;
}

.table-note a {
	color: #315dff;
}


.pop-table {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.pop-table .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.pop-table .msg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50%;
	height: 100px;
	line-height: 100px;
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
}

.pop-table .con {
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	width: 635px;
	padding: 20px 34px 40px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pop-table .con .close {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../images/y-cha.png) center no-repeat;
	right: 0;
	top: 0;
	cursor: pointer;
}

.pop-table .con .tit {
	font-size: 22px;
	color: #333;
	margin-bottom: 10px;
}

.pop-table .con .item {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 20px;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	background-color: #fff;
}

.pop-table .con .item span {
	float: left;
	width: 180px;
	text-align: right;
	margin-right: 12px;
}

.pop-table .con .item .radiobox {
	display: flex;
}

.pop-table .con .item .radiobox label {
	margin-right: 12px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pop-table .con .item .radiobox input {
	-webkit-appearance: button;
}

.pop-table .con .item .inp {
	border: 1px solid #dcdcdc;
	padding: 0 10px;
	color: #666;
}

.pop-table .con .item .area {
	border: 1px solid #dcdcdc;
	height: 90px;
	padding: 5px 10px;
	font-size: 14px;
	color: #666;
	flex-grow: 1;
}

.pop-table .con .item .area::placeholder {
	color: #b5b5b5;
}

.pop-table .con .btnbox {
	text-align: right;
}

.pop-table .con .btnbox .btn {
	width: 66px;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #666;
	display: inline-block;
	cursor: pointer;
}

.pop-table .con .btnbox .cancel {
	border: 1px solid #dcdcdc;
}

.pop-table .con .btnbox .submit {
	background-color: #3778ff;
	color: #fff;
	margin-left: 12px;
}

.em1 {
	padding-top: 2px;
	padding-left: 5px;
}

.shaixuan {
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.shaixuan .sx_con {
	width: 600px;
	height: 40px;
	margin: 0 auto;
}

.shaixuan span {
	float: left;
	border: 1px solid #3778ff;
	width: 40px;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	cursor: pointer;
	text-align: center;
}

@media screen and (max-width: 1188px) {

	.crumb.table,
	.crumb.table li a {
		color: #666;
	}

	.table-pro-yc li {
		width: 33.33%;
		margin-bottom: 20px;
	}

	.table-top ul li {
		flex-shrink: 0;
		width: 50%;
		padding: 0 20px;
	}
}

@media screen and (max-width: 1023px) {
	.table-body {
		padding-top: 30px;
	}

	.table-pro-yc {
		margin: 20px -10px;
	}

	.table-pro-yc li .item {
		margin: 0 10px;
	}

	.table-pro-yc li .item .img {
		height: 80px;
		line-height: 77px;
		position: relative;

	}

	.table-pro-yc li.on .item .img {
		height: 79px;
	}



	.table-top ul li .item span {
		font-size: 14px;
		margin-right: 12px;
	}

	.table-top ul li .item .num a {
		margin-right: 12px;
	}

	.table-bot h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.table-guige,
	.table-bot table caption {
		font-size: 16px;
		line-height: 32px;
	}

	.table-bot table tr th,
	.table-bot table tr td {
		font-size: 14px;
		padding: 5px 10px;
		line-height: 50px;
	}

	.table-bot table tr a {
		font-size: 14px;
	}

}

@media screen and (max-width: 767px) {
	.table-pro-yc li .item .txt {
		font-size: 16px;
	}

	.table-top ul {
		flex-wrap: wrap;
		padding: 16px 0 8px;
	}

	.table-top ul li .item {
		margin-bottom: 12px;
	}

	.table-top ul li {
		width: 100%;
	}

	.table-contact {
		font-size: 14px;
		line-height: 30px;
	}

	.table-top {
		margin-bottom: 12px;
	}

	.table-contact {
		margin-bottom: 20px;
	}

	.table-bot h1 {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.table-note {
		font-size: 14px;
	}

	.pop-table .con {
		width: 90%;
		padding: 20px 12px;
	}

	.pop-table .con .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.pop-table .con .item {
		font-size: 12px;
	}

	.pop-table .con .item span {
		width: 110px;
		flex-shrink: 0;
	}

	.pop-table .con .item .radiobox label {
		margin-right: 8px;
	}

	.pop-table .con .item .inp,
	.pop-table .con .item .area {
		width: 100%;
		font-size: 12px;
	}

	.pop-table .con .item .radiobox input {
		width: 10px;
		height: 10px;
		margin-right: 2px;
	}

	.pop-table .con .item {
		margin-bottom: 14px;
	}

	.pop-table .con .btnbox .btn {
		font-size: 12px;
	}
}



/**库存结束***/

/*编辑器快捷邮箱按钮*/
.content_email {
	display: inline-block;
	font-family: Hind-Medium;
	border-radius: 4px;
	color: #232323 !important;
	height: 32px;
	font-size: 18px;
	font-weight: normal;
	line-height: 32px;
	margin-left: 1%;
	padding: 0 22px;
	background-color: #ffa508;
	border: 0 solid #B5002C;
	cursor: pointer;
}

.content_email:hover {
	text-decoration: none !important;
}


/*编辑器新加按钮*/

.primarybutton,
.samplebutton {
	display: inline-block !important;
	font-family: 'Hind';
	min-width: 135px;
	background-color: #0055a2;
	border-radius: 6px;
	color: #ffffff !important;
	height: 39.6px;
	font-size: 16px !important;
	line-height: 1.2 !important;
	padding: 10px 22px;
	border: 1px solid #0055a2;
	cursor: pointer;
	text-align: center;
	transition: all 0.4s ease-in-out;
	font-weight: normal !important;
}

.primarybutton:hover {
	text-decoration: none !important;
	background-color: #004080;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.samplebutton span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.4s;
}

.samplebutton span:after {
	content: "Free";
	position: absolute;
	opacity: 0;
	top: 0;
	right: 50px;
	transition: 0.25s;
}

.samplebutton:hover span {
	padding-left: 2.4em;
}

.samplebutton:hover span:after {
	opacity: 1;
	right: 60px;
}

.samplebutton:hover {
	text-decoration: none !important;
}

.thisbutton {
	position: relative;
	display: inline-flex;
	height: 39.6px;
	padding: 0 22px;
	min-width: 135px;
	align-items: center;

	line-height: 24px;
	cursor: pointer;
	justify-content: center;
}

.thisbutton:hover {
	text-decoration: none !important;
}

.thisbutton .button-bg {
	border-color: #0055a2;
	background-color: #fff;
}

.thisbutton .button-inner,
.thisbutton .button-inner-hover,
.thisbutton .button-inner-static {
	pointer-events: none;
	display: block;
	color: #0055a2;
	font-family: 'Hind';
	font-size: 16px;
}

.thisbutton .button-inner {
	position: relative;
}

.thisbutton .button-inner-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translateY(70%);
}

.thisbutton .button-bg {
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #0055a2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: transform 1.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.thisbutton .button-bg,
.thisbutton .button-bg-layer,
.thisbutton .button-bg-layers {
	display: block;
}

.thisbutton .button-bg-layers {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: -60%;
	aspect-ratio: 1 / 1;
	width: max(200%, 10rem);
	font-family: 'Hind';
}

.thisbutton .button-bg-layer {
	border-radius: 9999px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
}

.thisbutton .button-bg-layer.-purple {
	background-color: #0055a2;
}


.thisbutton:hover .button-inner-static {
	opacity: 0;
	transform: translateY(-70%);
	transition:
		transform 1.4s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.3s linear;
}

.thisbutton:hover .button-inner-hover {
	opacity: 1;
	transform: translateY(0);
	transition:
		transform 1.4s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 1.4s cubic-bezier(0.19, 1, 0.22, 1);
	color: #fff;
}

.thisbutton:hover .button-bg-layer {
	transition:
		transform 1.3s cubic-bezier(0.19, 1, 0.22, 1),
		opacity 0.3s linear;
}

.thisbutton:hover .button-bg-layer-1 {
	transform: scale(1);
}


.downloadbutton {
	display: inline-flex;
	min-width: 195px;
	width: auto;
	height: 44px;
	font-family: 'Hind', sans-serif;
	color: #ffffff !important;
	text-decoration: none !important;
	border: 1px solid #004080;
	cursor: pointer;
	overflow: hidden;
	background-color: #004080;
}

.downloadbutton:hover {
	border-color: #004080;
}

.downloadbutton .button-text {
	background-color: #0055a2;
	padding: 12px 28px;
	font-size: 16px;
	line-height: 1.2;
	flex-grow: 1;
	transition: all 0.3s linear;
	text-align: center;
}

.downloadbutton .button-icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #004080;
	padding: 0 15px;
	transition: all 0.3s linear;
	width: 44px;
}

.downloadbutton .button-icon {
	width: 26px;
	height: 26px;
	max-width: none;
}

.downloadbutton:hover .button-text {
	width: 0%;
	padding: 12px 0;
	overflow: hidden;
	opacity: 0;
}

.downloadbutton:hover .button-icon-wrapper {
	width: 100%;
	background-color: #004080;
}


.custombuttons {
	--color: #fff;
	--background: #404660;
	--background-hover: #3A4059;
	--background-left: #2B3044;
	--folder: #F3E9CB;
	--folder-inner: #BEB393;
	--paper: #FFFFFF;
	--paper-lines: #BBC1E1;
	--paper-behind: #E1E6F9;
	--pencil-cap: #fff;
	--pencil-top: #275EFE;
	--pencil-middle: #fff;
	--pencil-bottom: #5C86FF;
	--shadow: rgba(13, 15, 25, .2);

	box-sizing: border-box;
	display: inline-block;
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	line-height: 1.2;
	padding: 14px 29px 14px 69px;
	transition: background 0.3s;
	color: #ffffff !important;
	background: #0055a2;
	font-family: 'Hind';
	text-decoration: none;
	width: auto;
	min-width: 195px;
	height: 44px;
}

.custombuttons:hover {
	text-decoration: none !important;
}

.custombuttons>span {
	--icon-scale: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	width: 44px;
	position: absolute;
	overflow: hidden;
	background: #004080;
	pointer-events: none;
}

.custombuttons>span .folder {
	width: calc(23px * var(--icon-scale));
	height: calc(27px * var(--icon-scale));
	position: absolute;
	left: 13px;
	top: 12px;
}

.custombuttons>span .folder .top {
	left: 0;
	top: 0;
	z-index: 2;
	position: absolute;
	transform: translateX(var(--fx, 0));
	transition: transform 0.4s ease var(--fd, 0.3s);
}

.custombuttons>span .folder .top svg {
	width: calc(24px * var(--icon-scale));
	height: calc(27px * var(--icon-scale));
	display: block;
	fill: var(--folder);
	transform-origin: 0 50%;
	transition: transform 0.3s ease var(--fds, 0.45s);
	transform: perspective(120px) rotateY(var(--fr, 0deg));
}

.custombuttons>span .folder:before,
.custombuttons>span .folder:after,
.custombuttons>span .folder .paper {
	content: "";
	position: absolute;
	left: var(--l, 0);
	top: var(--t, 0);
	width: var(--w, 100%);
	height: var(--h, 100%);
	border-radius: 1px;
	background: var(--b, var(--folder-inner));
}

.custombuttons>span .folder:before {
	transform: translateX(var(--fx, 0));
	transition: transform 0.4s ease var(--fd, 0.3s);
}

.custombuttons>span .folder:after,
.custombuttons>span .folder .paper {
	--l: calc(1px * var(--icon-scale));
	--t: calc(1px * var(--icon-scale));
	--w: calc(21px * var(--icon-scale));
	--h: calc(25px * var(--icon-scale));
	--b: var(--paper-behind);
}

.custombuttons>span .folder:after {
	transform: translate(var(--pbx, 0), var(--pby, 0));
	transition: transform 0.4s ease var(--pbd, 0s);
}

.custombuttons>span .folder .paper {
	z-index: 1;
	--b: var(--paper);
}

.custombuttons>span .folder .paper:before,
.custombuttons>span .folder .paper:after {
	content: "";
	width: var(--wp, calc(14px * var(--icon-scale)));
	height: calc(2px * var(--icon-scale));
	border-radius: calc(1px * var(--icon-scale));
	transform: scaleY(0.5);
	left: calc(3px * var(--icon-scale));
	top: var(--tp, calc(3px * var(--icon-scale)));
	position: absolute;
	background: var(--paper-lines);
}

.custombuttons>span .folder .paper:after {
	--tp: calc(6px * var(--icon-scale));
	--wp: calc(10px * var(--icon-scale));
}

.custombuttons>span .pencil {
	height: calc(2px * var(--icon-scale));
	width: calc(3px * var(--icon-scale));
	border-radius: calc(1px * var(--icon-scale)) calc(1px * var(--icon-scale)) 0 0;
	top: 8px;
	left: 48px;
	position: absolute;
	z-index: 3;
	transform-origin: 50% 19px;
	background: var(--pencil-cap);
	transform: translateX(var(--pex, 0)) rotate(35deg) scale(var(--icon-scale));
	transition: transform 0.4s ease var(--pbd, 0s);
}

.custombuttons>span .pencil:before,
.custombuttons>span .pencil:after {
	content: "";
	position: absolute;
	display: block;
	background: var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));
	width: var(--w, calc(5px * var(--icon-scale)));
	height: var(--h, calc(20px * var(--icon-scale)));
	border-radius: var(--br, calc(2px * var(--icon-scale)) calc(2px * var(--icon-scale)) 0 0);
	top: var(--t, calc(2px * var(--icon-scale)));
	left: var(--l, calc(-1px * var(--icon-scale)));
}

.custombuttons>span .pencil:before {
	-webkit-clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
	clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
}

.custombuttons>span .pencil:after {
	--b: none;
	--w: calc(3px * var(--icon-scale));
	--h: calc(6px * var(--icon-scale));
	--br: 0 calc(2px * var(--icon-scale)) calc(1px * var(--icon-scale)) 0;
	--t: calc(3px * var(--icon-scale));
	--l: calc(3px * var(--icon-scale));
	border-top: 1px solid var(--pencil-top);
	border-right: 1px solid var(--pencil-top);
}

.custombuttons:before,
.custombuttons:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background: var(--color);
	transform-origin: 9px 1px;
	transform: translateX(var(--cx, 0)) scale(0.9) rotate(var(--r, -45deg));
	top: 21px;
	right: 16px;
	transition: transform 0.3s;
}

.custombuttons:after {
	--r: 45deg;
}

.custombuttons:hover {
	--cx: 2px;
	--bg: var(--background-hover);
	--fx: -40px;
	--fr: -60deg;
	--fd: .15s;
	--fds: 0s;
	--pbx: 3px;
	--pby: -3px;
	--pbd: .15s;
	--pex: -24px;
}

.box-show>p:has(+ .primarybutton),
.prolist-show>p:has(+ .primarybutton) {
	margin-bottom: .3em;
}

.box-show .list-con06:has(+ .primarybutton),
.prolist-show .list-con06:has(+ .primarybutton) {
	margin-bottom: .3em;
}

.box-show>p:has(+ .thisbutton),
.prolist-show>p:has(+ .thisbutton) {
	margin-bottom: .3em;
}


.box-show .list-con06:has(+ .thisbutton),
.prolist-show .list-con06:has(+ .thisbutton) {
	margin-bottom: .3em;
}

.box-show>p:has(+ .samplebutton),
.prolist-show>p:has(+ .samplebutton) {
	margin-bottom: .3em;
}

.box-show .list-con06:has(+ .samplebutton),
.prolist-show .list-con06:has(+ .samplebutton) {
	margin-bottom: .3em;
}

.box-show>p:has(+ .downloadbutton),
.prolist-show>p:has(+ .downloadbutton) {
	margin-bottom: .3em;
}


.box-show .list-con06:has(+ .downloadbutton),
.prolist-show .list-con06:has(+ .downloadbutton) {
	margin-bottom: .3em;
}


.box-show>p:has(+ .custombuttons),
.prolist-show>p:has(+ .custombuttons) {
	margin-bottom: .3em;
}

.box-show .list-con06:has(+ .custombuttons),
.prolist-show .list-con06:has(+ .custombuttons) {
	margin-bottom: .3em;
}

.primarybutton:has(+ .thisbutton),
.thisbutton:has(+ .primarybutton) {
	margin-right: 1%;
}



.stock-show h1 {
	font-size: 38px;
}

@media screen and (max-width: 1700px) {
	.stock-show {
		margin-left: 0;
	}
}

/*编辑器快捷邮箱按钮*/



.ca_loader-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: fade-in 0.25s forwards, fade-out 0.25s 0.5s forwards;

}

.ca_loader {
	position: absolute;
	left: 50%;
	top: 50px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	z-index: 1;
}

.ca_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 0;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


/**库存页加蒙版结束**/


.cont-msg:before {
	content: none;
}



/*youtube样式*/
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background-color: #777;
}

.youtube .pL {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	background: no-repeat scroll center #000;
	background-size: cover;
	cursor: pointer;
}

.youtube .ctrl,
.youtube .Rctrl,
.youtube .Lctrl,
.youtube .play {
	background-image: url(../images/lytesprite.png);
}

.play {
	background: no-repeat scroll 0 0 transparent;
	width: 88px;
	height: 63px;
	position: absolute;
	left: 45%;
	top: 40%;
}

.youtube .ctrl {
	background-position: 0 -220px;
	background-repeat: repeat;
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 40px;
	bottom: 0px;
	left: 0;
	position: absolute;
}

.youtube .ctrl .Lctrl {
	background-position: 0 -137px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	width: 158px;
	height: 40px;
	bottom: 0;
	left: 0;
	position: absolute;
}

.youtube .ctrl .Rctrl {
	background-position: -42px -179px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	width: 117px;
	height: 40px;
	bottom: 0;
	right: 0;
	position: absolute;
	padding-right: 10px;
}

.youtube iframe {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*youtube样式*/


/*门窗列表形式*/


@media screen and (max-width: 500px) {
	.prolist-show .list-con10 p {
		margin: 0;
	}

	.play {
		background: no-repeat scroll 0 0 transparent;
		width: 88px;
		height: 63px;
		position: absolute;
		left: 38%;
		top: 32%;
	}
}



@media screen and (max-width: 414px) {
	.list-con10 img {
		width: 45%;
	}
}




/*门窗列表形式*/

/*首页快速问价版式产品下面*/
.index-quick-quote {
	height: 240px;
	background: url("../images/huaban4.jpg") center no-repeat;
}

.index-quick-quote .quick-quote-content {
	max-width: 1000px;
	height: 100%;
	color: #fff;
}

.index-quick-quote .quick-quote-content h2 {
	line-height: 1;
	font-family: Helvetica;
	font-weight: normal;
	padding-top: 50px;
	margin-bottom: 28px;
	font-size: 1.625em;
}

.index-quick-quote .quick-quote-content p {
	width: 95%;
	max-width: 580px;
	font-family: Georgia;
	font-size: 1.125em;
	font-weight: 400;
}

.index-quick-quote .quick-quote-content a {
	position: absolute;
	right: 0;
	top: 102px;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-family: Hind-Medium;
	font-size: 18px;
	color: #001b34;
	background-color: #f49f0a;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
	border-radius: 6px;
}

.inner-quick-quote {
	width: 100%;
	/*height: 460px;*/
	padding-bottom: 40px;
	color: #fff;
	background: url("../images/huaban3.jpg") center no-repeat;
	background-size: cover;
	text-align: center;
}

.inner-quick-quote h2,
.inner-quick-quote p {
	color: #fff;
}

.inner-quick-quote h2 {
	font-family: Helvetica;
	font-size: 24px;
	margin: 0;
	padding-top: 3.625em;
	text-align: center;
	line-height: 1;

}

.inner-quick-quote p {
	font-family: 'Hind-Light';
	font-size: 20px;
	padding: 0 40px;
	text-align: center;
	font-weight: 400;
	margin: 0;
	line-height: 2;
	margin-top: 1.5em;
}

.inner-quick-quote .inner-text {
	text-align: center;
	margin-top: 35px;
}

.inner-quick-quote .inner-text span {
	font-family: Hind-Light;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	padding-right: 38px;
	padding-left: 21px;
	position: relative;
}

.inner-quick-quote .inner-text span::before {
	position: absolute;
	top: 4px;
	left: 0;
	content: "";
	width: 15px;
	height: 15px;
	background: url("../images/001.png") no-repeat;
	background-size: 15px 15px;
}

.inner-quick-quote .inner-text span:nth-child(2)::before {
	background: url("../images/002.png") no-repeat;
	background-size: 15px 15px;
}

.inner-quick-quote a {
	display: inline-block;
	margin-top: 45px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background-color: #f49f0a;
	border-radius: 4px;
	font-family: Hind-Medium;
	font-size: 18px;
	color: #001b34;
}

.inner-quick-quote2 {
	width: 100%;
	padding-left: 10%;
	/*height: 393px;*/
	padding-bottom: 40px;
	background-color: #fff;
	color: #fff;
	background: url("../images/huaban6.jpg") center no-repeat;
	background-size: 100% auto;
}

.inner-quick-quote2 p {
	margin: 0;
	width: 55%;
	font-family: 'Hind-Light';
	font-size: 20px;
	padding-top: 85px;
	transform: skew(-5deg, 0);
	color: #262626;
}

.inner-quick-quote2 a {
	display: inline-block;
	margin-top: 40px;
	text-align: center;
	width: auto;
	height: 40px;
	line-height: 40px;
	background-color: #f49f0a;
	border-radius: 6px;
	color: #000000;
	font-size: 18px;
	padding: 0 10px;
}


@media screen and (max-width: 768px) {
	.index-quick-quote .quick-quote-content a {
		position: static;
		display: inline-block;
		height: 38px;
		line-height: 38px;
		text-align: center;
		font-family: Hind-Medium;
		font-size: 16px;
		color: #001b34;
		background-color: #f49f0a;
		box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
		border-radius: 6px;
		margin-top: 30px;
	}

	.index-quick-quote .quick-quote-content p {
		font-size: 1em;
		line-height: 1.6;
	}

	.index-quick-quote .quick-quote-content h2 {
		padding-top: 20px;
		margin-bottom: 10px;
		line-height: 1.3;
		font-size: 1.4em;
	}

	.inner-quick-quote2 {
		height: auto;
	}

	.inner-quick-quote2 p {
		padding-top: 40px;
		line-height: 1.2
	}

	.inner-quick-quote2 a {
		margin: 20px 0;
	}

	.primarybutton {
		min-width: 120px;
		height: 30px;
		font-size: 12px !important;
		line-height: 1 !important;
	}

	.modal-window form input {
		width: 100%;
	}

	.modal-window form button {
		width: 100%;
	}

	.stock-shadow .stock-shadow-con:nth-of-type(3n+2) {
		margin-left: 0px;
		margin-right: 0px;
	}

	.stock-shadow .stock-shadow-con {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.stock-shadow .stock-shadow-con>span {
		font-size: 20px;
	}
}

@media screen and (max-width: 500px) {
	.inner-quick-quote2 {
		background: url("../images/kf_002.jpg") center no-repeat;
		background-size: contain;
		/*height: 300px;*/
		padding-bottom: 30px;
	}

	.inner-quick-quote .inner-text {
		padding-left: 24px;
	}

	.index-quick-quote .quick-quote-content h2 {
		margin-bottom: 0px;
	}

	.inner-quick-quote p {
		padding: 0 20px;
		line-height: 1.5;
	}

	.inner-quick-quote h2 {
		padding-top: 1.5em;
		line-height: 1.2em;
		padding-left: 10px;
		padding-right: 10px;
	}

	.inner-quick-quote2 a {
		font-size: 16px;
		/*width: 136px;*/
		height: 34px;
		line-height: 34px;
	}

	.inner-quick-quote2 p {
		font-size: 16px;
		padding-top: 50px;
		letter-spacing: -0.5px;
	}

	.index-quick-quote .quick-quote-content a {
		margin-top: 20px;
	}

	.list_fourteen .text {
		font-size: 14px;
	}

	.pro-list07 .list07-name p {
		padding-right: 18px;
	}
}

@media screen and (max-width: 450px) {
	.index-quick-quote .quick-quote-content a {
		margin-top: 10px;
	}
}

@media screen and (max-width: 400px) {

	.inner-quick-quote2 a {
		margin-top: 5px;
	}
}

@media screen and (max-width: 375px) {

	.inner-quick-quote .inner-text span {
		padding-right: 35px;
	}

	.inner-quick-quote2 p {
		font-size: 14px;
		padding-top: 50px;
	}
}

@media screen and (max-width: 650px) {
	.form-show table tr td strong {
		font-size: 12px;
	}

	.form-show table tr td {
		padding: 2px;
		font-size: 12px;
	}

	.form-show table .add td {
		font-weight: 700
	}

	.inner-quick-quote2 a {
		margin-top: 10px;
		font-family: 'Hind-Medium';
		margin-top: 18px;
		transform: translateX(-8px);
	}

}

.append li em {
	color: red;
}



.panl {
	display: none;
	position: absolute;
	top: 95px;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 450px;
	background-color: #ffffff;
}

.panl>div {
	width: 92%;
	max-width: 1150px;
	height: 450px;
	margin: 0 auto;
	position: relative;
}

.panl>div>ul:first-of-type {
	width: 225px;
	height: 321px;
	padding-top: 34px;
}

.suspend_column>ul {
	position: absolute;
	top: 34px;
	left: 16.5rem;
	display: none;
}

.suspend_title {
	font-family: Hind-Medium;
	font-size: 20px;
	line-height: 37px;
	color: #112a42;
	padding-bottom: 18px;
}

.suspend_column,
.suspend_product {
	line-height: 32px;
}

.suspend_column>a,
.suspend_product>a,
.suspend_column>span {
	font-family: Hind;
	font-size: 16px;
	color: #808080;
	cursor: pointer;
}


.suspend_product>span {
	font-family: Hind;
	font-size: 10px;
	font-style: italic;
	color: #ffffff;
	border-radius: 2px;
	text-align: center;
	padding: 2px 4px;

	margin-right: 2px;
	display: inline-block;
	line-height: 1;
	position: relative;
	top: -2px;
}

.suspend_hot {
	background-color: #ffa508;
}

.suspend_cheap {
	background-color: orangered;
}

.suspend_new {
	background-color: #0055a2;
}

.suspend_featured {
	width: 55%;
	height: 500px;
	position: absolute;
	top: 34px;
	left: 40rem;
}

.suspend_featured>li {
	float: left;
	width: 38%;
	height: 35%;
	margin-right: 1rem;
	margin-bottom: 1rem;
	position: relative;
}

.suspend_featured img {
	width: 225px;
	height: 148px;
	border-radius: 6px;
}

.suspend_featured>li>a:first-of-type {
	display: block;
}

.suspend_featured>li>a:nth-of-type(2) {
	font-family: Hind;
	font-size: 15.8px;
	line-height: 32px;
	color: #112a42;
	display: inline-block;
	position: absolute;
	top: 85%;
	left: 0;
}


/* 产品内页 */
.box-shadow {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
}

.con-div {
	color: #262626;
	padding-left: 6%;

}

.con-img {
	height: 100%;
	width: 100%;
	transition: transform 0.3s ease;
}

.box-shadow-con2 .con-img:hover {
	transform: scale(1.2);
}

.box-shadow-con2 .blow_a:hover {
	transform: scale(1.4);
}

.box-shadow-con:hover .arrow {
	width: 20px;
}


.arrow-container {
	position: relative;
	display: inline-block;
}

.arrow {
	position: relative;
	width: 10px;
	height: 1px;
	background-color: #262626;
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.arrow::before {
	content: "";
	width: 6px;
	height: 6px;
	border: solid #000000;
	border-width: 0 1px 1px 0;
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	left: 90%;
	top: 60%;
	transition: width 0.3s;
}

.box-shadow-con {
	background-color: #ffffff;
	box-shadow: 0px 5px 15px 0px rgba(65, 128, 255, 0.3);
	margin-bottom: 24px;
	position: relative;
	margin-right: 16px;

}

a.box-shadow-con .con-div p.con-font:hover {
	color: #ffa508;
}

.box-shadow-con2 {

	margin-bottom: 14px;
	text-align: center;
	margin-right: 16px;
}

a.box-shadow-con2>p:hover {
	color: #ffa508;
}

.mar-top {
	margin: 10px 0px !important;
}

.box-shadow-con3 {

	margin-bottom: 24px;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0px 5px 15px 0px rgba(65, 128, 255, 0.3);
	padding: 3% 1% 1% 3%;
	color: #343434;
}

.rectangle {
	width: 8px;
	height: 8px;
	background-color: #ffa508;

}

.rectangle-font {
	height: 49px;
	font-family: Hind-Regular;
	font-size: 20px;

}

.rectangle-span {
	height: 10px;
	font-size: 12px;
	margin-top: 20%;
	display: inline-block;
}

.box-shadow-con3:hover {
	background-image: url('../images/2024t3sheet.png');


}

.box-shadow-con3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.3s;
	z-index: -1;
}

.box-shadow-con3:hover::before {
	background-color: rgba(0, 0, 0, 0.1);

}

.box-shadow-con3:hover .rectangle {
	background-color: #ffffff;

}

.box-shadow-con3:hover .rectangle-span {
	color: #ffffff;

}

.box-shadow-con3:hover .rectangle-font {
	color: #ffffff;

}

.box-tb {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 20px;
}

.box-shadow-con4 {

	background-color: #ffffff;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
	margin-top: 15px;
}

.box-shadow-con4 img {
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease;

}

.box-shadow-con4 img:hover {
	transform: scale(1.2);
}

.font-blue {
	font-family: Hind;
	font-stretch: normal;
	color: #4180ff;
}

.mar-top-40 {
	height: 30px;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	background-color: #0055a2;
	border: 1px solid #0055a2;
	box-shadow: 5px 5px 7px rgba(240, 240, 240, 1);
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin: 20px 0 0px 40px;
	width: auto;
}

.mar-top-40:hover {
	color: #ffffff;
}

.h2-24 {
	font-family: Hind-Medium !important;
	font-size: 24px !important;
}

.h2-30 {
	font-family: Hind-SemiBold !important;
	font-size: 30px !important;
}

.box-triangle {
	width: 100%;
	height: auto;
	min-height: 540px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.box-triangle img {
	transition: transform 0.2s ease;
	width: 100%;
	height: 100%;
}

.box-triangle img:hover {
	transform: scale(1.1);
}

.triangle-left {
	width: 340px;
	height: 540px;
	background-color: #ffffff;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	position: relative;
}

.leftimg-f {
	width: 340px;
	height: 375px;
	overflow: hidden;
}

.triangle-left>p {

	color: #010101;
	margin: 25px 0 0 100px;
}

.triangle-right {
	width: 440px;
	height: 540px;
	background-color: #ffffff;
	color: #010101 !important;

}

.triangle-top {
	height: 260px;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}

.triangle-top>p {

	text-indent: 1rem;
	padding: 0 10px 25px 12px;

}

.triangle-bot {
	height: 260px;
	width: 440px;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
	position: relative;

}

.triangle-bot>p {

	padding-left: 20px;
	margin-top: 160px;
}

.triangle-up1 {
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: 360px;
	left: 279px;
	z-index: 1;
}

.triangle-up2 {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #ffffff;
	position: absolute;
	top: 195px;
	left: 180px;
	z-index: 1;
}

.triangle-up3 {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 15px solid #ffffff;
	position: absolute;
	top: 200px;
	left: 245px;
	z-index: 1;
}

.swiper-body,.swiper-body2 {
	width: 100%;
	height: 536px;
	overflow: hidden;
	padding-bottom: 20px !important;
	margin-top: 20px !important;
}

.swiper_img {
	width: 100%;
	height: 484px;
	aspect-ratio: auto 800 / 530;
}

.swiper-scrollbar-drag {
	height: 2px !important;
	background-color: #000000 !important;
}

.prolist-show .swiper-button-prev,
.box-show .swiper-button-prev {
	top: 528px !important;
	left: 670px !important;
	width: 32px !important;
	height: 32px !important;
}

.prolist-show .swiper-button-prev-b,
.box-show .swiper-button-prev-b {
	top: 269px !important;
	left: 0 !important;
	right: auto !important;
	width: 32px !important;
	height: 32px !important;
}

.prolist-show .swiper-button-prev1,
.box-show .swiper-button-prev1 {
	top: 528px !important;
	left: 670px !important;
	width: 32px !important;
	height: 32px !important;
}

.prolist-show .swiper-button-prev2,
.box-show .swiper-button-prev2 {
	top: 528px !important;
	left: 670px !important;
	width: 32px !important;
	height: 32px !important;
}


.prolist-show .swiper-button-next,
.box-show .swiper-button-next {
	top: 528px !important;
	left: 710px !important;
	width: 32px !important;
	height: 32px !important;

}

.prolist-show .swiper-button-next-b,
.box-show .swiper-button-next-b {
	top: 269px !important;
    left: auto !important;
    right: 0!important;
	width: 32px !important;
	height: 32px !important;

}

.prolist-show .swiper-button-next1,
.box-show .swiper-button-next1 {
	top: 528px !important;
	left: 710px !important;
	width: 32px !important;
	height: 32px !important;

}

.prolist-show .swiper-button-next2,
.box-show .swiper-button-next2 {
	top: 528px !important;
	left: 710px !important;
	width: 32px !important;
	height: 32px !important;

}

.swiper-slide .caption {

	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 80px;
	padding: 16px 38px 20px 58px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	font-size: 18px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;

}

.swiper-slide .caption_name {

	position: relative;
	bottom: 40px;
	left: 0;
	height: 42px;
	padding: 0 22px;
	background-color: rgba(255, 255, 255, 0.6);
	color: #000000;
	font-size: 24px;
	line-height: 42px;

}

.swiper-slide .caption .name {
	color: white;
	font-size: 18px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.swiper-slide .caption:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 20px;
	left: 38px;
	width: 6px;
	height: 40px;
	border-radius: 5px;
	background-color: #ffa508;
}

/*下拉加载*/
#loading-spinner {
	display: none;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 4px solid #007bff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.pro-list04 .list04-info .content_email {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.94;
}

/*email*/
.contact-container_x8z9 {
  background-color: #26639c;
  padding: 40px;
  color: white;
}

.content-wrapper_x8z9 {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
  align-items: flex-start;
}

/* 左侧样式 */
.left-section_x8z9 { flex: 1; }

/* 右侧表单白框 */
.form-section_x8z9 {
  flex: 1;
  background: white;
  color: #333;
  padding: 30px;
  border-radius: 8px;
}

/* 响应式调整：当屏幕宽度小于 768px 时，改为纵向堆叠 */
@media (max-width: 768px) {
  .content-wrapper_x8z9 {
    flex-direction: column;
  }
  .lang-dropdown,.search{display: none}
  .row_x8z9{display: inline!important;}
  .form-section_x8z9{width: 100%;}
}

/* 表单内部样式微调 */
.form-group_x8z9 { margin-bottom: 15px; display: flex; flex-direction: column; }
.row_x8z9 { display: flex; gap: 15px; }
.row_x8z9 .form-group_x8z9 { flex: 1; }
input, textarea { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.submit-btn_x8z9 { background: #26639c; color: white; padding: 12px; border: none; cursor: pointer; border-radius: 4px; width: 100%; }
.contact-info_x8z9{border-top: 1px solid #fff;padding-top: 30px;margin-top: 30px;}
.w-125 {width: 1.25rem;}
.h-125 {height: 1.25rem;}
.items-center {align-items: center;}
.flex {display: flex;}
.mr-2 {margin-right: .5rem;}

/* Article content table style */
article table {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 1rem !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background-color: #fff !important;
    color: #212529 !important;
    font-size: 14px !important;
}

article table th,
article table td {
    padding: 8px 10px !important; /* 比 Bootstrap 默认略小 */
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

article table th {
    font-weight: 600 !important;
    background-color: #f8f9fa !important;
}

article table tbody tr:nth-child(even) {
    background-color: #fafafa !important;
}

article table tbody tr:hover {
    background-color: #f5f5f5 !important;
}


/* 强制覆盖表格内联 style */
article table[style],
article table tr[style],
article table td[style],
article table th[style] {
    background-color: transparent !important;
    border-color: #dee2e6 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

article table p{margin: 0px!important;}
/* 如果内容里有 style="border:none" 等 */
article table td[style],
article table th[style] {
    border: 1px solid #dee2e6 !important;
    padding: 8px 10px !important;
}


/* 防止图片或内容撑破表格 */
article table img {
    max-width: 100% !important;
    height: auto !important;
}

.product-list{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:grid;

    /* 默认3个一排 */
    grid-template-columns:repeat(3,1fr);

    gap:35px 25px;
}


.product-item{

    background:#fff;

    box-shadow:0 0 8px rgba(0,0,0,.18);

    overflow:hidden;

    transition:.3s;

}


.product-item:hover{
    transform:translateY(-5px);
}



/* 图片 */
.product-img{
    display:block;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
}


.product-img img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}



/* 两个按钮 */
.product-btn{
    display:flex;
}


.product-btn a{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:14px;

    text-decoration:none;

}


.detail-btn{

    background:#172044;

}


.enquiry-btn{

    background:#00a9e8;

}



/* 标题 */

.product-title{

    min-height:65px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:12px 15px;

    font-size:16px;

    line-height:22px;

    color:#333;

}



/* 平板：2个一排 */

@media(max-width:900px){

    .product-list{

        grid-template-columns:repeat(2,1fr);

    }

}



/* 手机：1个一排 */

@media(max-width:550px){

    .product-list{

        grid-template-columns:1fr;

    }

}

/*page*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.product-banner {

    width:100%;

    display:flex;

    min-height:650px;

    overflow:hidden;

}


/* 左边区域 */

.product-banner-info {

    width:50%;

    padding:70px 90px;

    box-sizing:border-box;

    background:#eef5ec;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


/* 标题 */

.product-banner-info h1 {

    font-size:38px;

    font-weight:400;

    margin:0 0 35px;

    color:#333;

}



/* 描述 */

.product-description {

    font-size:16px;

    line-height:1.8;

    color:#555;

}



.product-description p {

    margin-bottom:20px;

}



/* 参数 */

.product-spec {

    margin:20px 0 35px;

    padding-left:20px;

}


.product-spec li {

    line-height:32px;

    font-size:15px;

}



/* 按钮 */

.product-actions {

    display:flex;

    gap:15px;

}


.product-actions a {

    padding:6px 30px;

    text-decoration:none;

    font-size:15px;

}



/* PDF */

.pdf-btn {

    border:1px solid #ff0000;

    color:#ff0000;

}



/* Contact */

.contact-btn {

    background:#0066cc;

    color:#fff;

}



/* 右边图片 */

.product-banner-image {

    width:50%;

}


.product-banner-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}






/* 手机 */

@media(max-width:768px){


.product-banner {

    display:block;

}


.product-banner-info {

    width:100%;

    padding:40px 25px;

}


.product-banner-info h1 {

    font-size:28px;

}



.product-banner-image {

    width:100%;

    height:350px;

}


.product-actions {

    flex-wrap:wrap;

}


}

article ul {
  list-style-type: disc; /* 明确指定显示实心圆点 */
  padding-left: 2rem;    /* 设置左侧缩进，留出圆点和排版空间 */
  margin-top: 1rem;      /* 上下边距，保持行文间距 */
  margin-bottom: 1rem;
}

article ul li {
  display: list-item;   /* 确保子项以列表项形式渲染 */
  margin-bottom: 0.5rem; /* 每个列表项之间的间距 */
}
article ul {
  padding-left: 2rem;    /* 必须加！否则圆点会掉到容器外面看不见 */
  margin: 1rem 0;        /* 保持上下段落间距 */
}

article ul li {
  list-style-type: disc; /* 核心：覆盖之前的 none，强行恢复圆点 */
  margin-bottom: 0.5rem; /* 列表项之间的间距 */
}

.inquiry_btn {
  /* 布局与显示 */
  display: inline-block;
  padding: 10px 24px;          /* 上下与左右内边距，根据实际需求可自行微调 */
  
  /* 颜色与圆角（精确提取自图片中的经典深蓝） */
  background-color: #00529c;   /* 主体深蓝色 */
  color: #ffffff;              /* 白色文字 */
  border-radius: 8px;          /* 适中的圆角幅度 */
  border: none;                /* 无边框 */
  
  /* 字体相关 */
  font-size: 16px;
  font-weight: 600;            /* 粗体字，与图片保持一致 */
  text-decoration: none;       /* 去除超链接下划线 */
  text-align: center;
  
  /* 交互与动画 */
  cursor: pointer;
  transition: all 0.2s ease-in-out; /* 颜色平滑渐变 */
}

/* 鼠标悬停（Hover）效果：色彩变淡 */
.inquiry_btn:hover {
  background-color: #1a6fb8;   /* 提亮后的浅蓝色（变淡效果） */
  /* 如果不想用指定新颜色，也可以改用透明度让它变淡：
     opacity: 0.85; 
  */
}

/* 鼠标按下（Active）效果：轻微点击反馈 */
.inquiry_btn:active {
  transform: scale(0.98);      /* 按下时微小收缩，增强手感 */
}