/* 此处为你提供的 style.css 完整内容 (嵌入以保证独立运行) */
        @import "font-awesome.css";
        @import "swiper.min.css";

        * {
        	box-sizing: border-box
        }

        :root {
        	--color: #007aff;
        }

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

        .list.flex {
        	justify-content: flex-start;
        }

        ::-webkit-scrollbar {
        	width: 5px;
        }

        ::-webkit-scrollbar-track {
        	background: none;
        }

        ::-webkit-scrollbar-thumb {
        	background: #DDDEE0;
        	border-radius: 5px;
        }

        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ul,
        dl,
        ol,
        input,
        pre,
        blockquote,
        p,
        dd {
        	margin: 0
        }

        ul,
        ol,
        input,
        textarea {
        	padding: 0
        }

        img,
        input,
        select,
        textarea,
        video {
        	border: 0
        }

        * {
        	outline: none;
        	resize: none;
        	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        }

        li,
        em {
        	list-style: none;
        	font-style: normal
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
        	font-weight: normal;
        	font-size: 100%
        }

        img {
        	font-size: 0;
        	display: inline-block;
        	vertical-align: middle;
        	max-width: 100%;
        	border: 0;
        }

        p {
        	word-wrap: break-word
        }

        a,
        u {
        	text-decoration: none
        }

        a {
        	color: #000;
        	transition: all .3s;
        }

        a:hover {
        	color: var(--color);
        }

        input,
        textarea,
        body {
        	color: #000;
        	font-size: 16px;
        }

        a .pic {
        	overflow: hidden
        }

        a .pic img {
        	width: 100%;
        	transform: translateZ(0);
        	transition-property: transform;
        	transition: all .3s ease;
        }

        a:hover .pic img {
        	transform: scale(1.08);
        }

        .wrap {
        	width: 100%;
        	max-width: 1333.5px;
        	margin: 0 auto;
        }

        /* 顶部白色信息栏 */
        .top {
        	/* background:#FFFFFF; */
        	padding: 30px 0 10px 0;
        }

        .top .wrap {
        	display: flex;
        	justify-content: flex-end;
        	align-items: center;
        }

        .top ul {
        	display: flex;
        	justify-content: flex-end;
        	align-items: center;
        	gap: 60px
        }

        .top ul li a {
        	font-size: 16px;
        	color: #fff;
        }

        .top ul li i {
        	font-size: 20px;
        	margin-right: 5px;
        }

        .top ul li a:hover {
        	color: var(--color);
        }

        /* 白色导航头 - 修复二级菜单悬浮间隙 */
        .header {
        	padding-bottom: 0px;
        }

        .header .wrap {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        }

        .header .logo h1 img {
        	height: 110px;
        }

        .header .info {
        	display: flex;
        }

        .header .info .menu {
        	display: flex;
        	gap: 40px;
        	align-items: center;
        }

        .header .info .menu .item {
        	position: relative;
        }

        .header .info .menu .item h3 a {
        	font-size: 18px;
        	color: #fff;
        	font-weight: bold;
        }

        .header .info .menu .item h3 i {
        	font-size: 18px;
        	margin-left: 5px;
        	color: #999;
        }

        .header .info .menu .item:hover h3 a {
        	color: var(--color);
        }

        /* 二级下拉菜单样式修复 (去掉 margin-top 用 padding-top 填补空隙避免消失) */
        .header .info .menu .item .dropdown-menu {
        	position: absolute;
        	top: 100%;
        	left: 0;
        	background: #fff;
        	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        	min-width: 220px;
        	display: none;
        	z-index: 999;
        	border-radius: 8px;
        	overflow: hidden;
        	padding: 15px 0 10px;
        	/* 上内边距15px起到连接作用 */
        }

        .header .info .menu .item:hover .dropdown-menu {
        	display: block;
        }

        .header .info .menu .item .dropdown-menu li {
        	display: block;
        	width: 100%;
        }

        .header .info .menu .item .dropdown-menu li a {
        	display: block;
        	padding: 12px 24px;
        	font-size: 18px;
        	color: #333;
        	transition: 0.3s;
        	border-bottom: 1px solid #f8f9fa;
        }

        .header .info .menu .item .dropdown-menu li:last-child a {
        	border-bottom: none;
        }

        .header .info .menu .item .dropdown-menu li a:hover {
        	background: #f8f9fa;
        	color: #0682db;
        	padding-left: 30px;
        }

        .header .info .btn {
        	display: flex;
        	align-items: center;
        }

        .header .info .btn .so {
        	margin: 0 40px;
        }

        .header .info .btn .so i {
        	font-size: 25px;
        	cursor: pointer;
        	color: #fff;
        }

        .header .info .btn .link {
        	color: #fff;
        	display: flex;
        	align-items: center;
        	min-width: 136px;
        	padding: 0 15px;
        	height: 40px;
        	border-radius: 8px;
        	justify-content: center;
        	background: #0682DB;
        	gap: 15px;
        }

        .header .info .btn .link i {
        	font-size: 22px;
        }

        .header .info .btn .link span {
        	font-size: 18px;
        }

        .header .info .btn .link:hover {
        	border-radius: 40px;
        }

        /* 首页专用透明头（保留备用） */
        .index-header {
        	position: absolute;
        	top: 0;
        	left: 0;
        	width: 100%;
        	z-index: 999;
        }

        .index-header .top {
        	background: none;
        }

        .index-header .header {
        	background: none;
        }

        /* Banner */
        .index-banner {
        	width: 100%;
        	overflow: hidden;
        	position: relative;
        }

        .index-banner .txt {
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	transform: translate(-50%, -50%);
        	text-align: center;
        }

        .index-banner .txt h1 {
        	color: #fff;
        	font-size: 50px;
        	font-weight: bold;
        	max-width: 1500px;
        	text-align: center;
        	margin: 0 auto;
        	line-height: 70px;
        }

        .index-banner .txt h3 {
        	color: #fff;
        	font-size: 37px;
        	font-weight: bold;
        	max-width: 1500px;
        	text-align: center;
        	margin: 60px auto;
        }

        .index-banner .txt .btn {
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	gap: 50px;
        }

        .index-banner .txt .btn a {
        	color: #fff;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	min-width: 200px;
        	padding: 0 10px;
        	height: 60px;
        	border-radius: 15px;
        	background: #0682DB;
        	color: #fff;
        }

        .index-banner .txt .btn a:hover {
        	background: #229AF0;
        }

        .index-banner .txt .btn a:last-child {
        	background: #546C7D
        }

        .index-banner .txt .btn a:last-child:hover {
        	background: var(--color);
        }

        /* 分类卡片 */
        .index-type {
        	padding: 120px 0;
        }

        .index-type .list {
        	justify-content: space-between;
        }

        .index-type .list .item {
        	width: calc(50% - 20px);
        	position: relative;
        	margin-bottom: 40px;
        	overflow: hidden;
        	border-radius: 18px;
        }

        .index-type .list .item .pic img {
        	width: 100%;
        	display: block;
        }

        .index-type .list .item .btn {
        	position: absolute;
        	padding: 0 35px;
        	left: 70px;
        	bottom: 60px;
        	height: 48px;
        	/* min-width:240px; */
        	border-radius: 8px;
        	border: 1px solid #FFFFFF;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 16px;
        	color: #fff;
        	background: rgba(0, 0, 0, 0.3);
        }

        .index-type .list .item:hover .btn {
        	background: var(--color);
        	border-color: var(--color);
        }

        .index-type .list .item .txt {
        	position: absolute;
        	left: 70px;
        	top: 49px;
        	pointer-events: none;
        }

        .index-type .list .item .txt h2 {
        	font-size: 24px;
        	color: #fff;
        	font-weight: bold;
        }

        .index-type .list .item .txt p {
        	font-size: 16px;
        	color: #fff;
        	margin-top: 12px;
        }

        .index-type .more {
        	padding-top: 60px;
        	align-items: center;
        }

        .index-type .more h2 {
        	font-size: 36px;
        	color: #000;
        	font-weight: bold;
        }

        .index-type .more a {
        	/* border: 1px solid #ccc; */
        	border-radius: 8px;
        	color: #595b5e;
        	font-size: 16px;
        	height: 56px;
        	/* line-height: 56px;
        	padding: 0 20px; */
        }

        .index-type .more a:hover {
        	border-color: var(--color);
        	background: var(--color);
        	color: #fff;
        	border-radius: 8px;
        }

        /* 关于我们 */
        .index-about {
        	height: auto;
        	padding: 120px 0;
        	background-size: cover;
        	background-position: center;
        	position: relative;
        }

        .index-about::before {
        	content: '';
        	position: absolute;
        	left: 0;
        	top: 0;
        	width: 100%;
        	height: 100%;
        	background: rgba(0, 0, 0, 0.4);
        }

        .index-about .wrap {
        	position: relative;
        	z-index: 2;
        }

        .index-about .txt {
        	color: #fff;
        	padding-bottom: 80px;
        }

        .index-about .txt h2 {
        	font-size: 36px;
        	font-weight: bold;
        }

        .index-about .txt h3 {
        	font-size: 24px;
        	margin: 20px 0 40px;
        }

        .index-about .txt p {
        	font-size: 16px;
        	max-width: 1000px;
        	line-height: 31px;
        }

        .index-about .txt a {
        	display: flex;
        	margin-top: 80px;
        	gap: 20px;
        	font-size: 16px;
        	/* min-width:240px; */
        	max-width: max-content;
        	align-items: center;
        	justify-content: center;
        	height: 56px;
        	line-height: 56px;
        	padding: 0 26px;
        	border-radius: 8px;
        	background: #0682DB;
        	color: #fff;
        }

        .index-about .txt a:hover {
        	background: #229AF0;
        	border-radius: 40px
        }

        .index-about .data {
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: space-between;
        	border-top: 1px solid rgba(255, 255, 255, 0.1);
        	padding-top: 40px;
        }

        .index-about .data .item {
        	width: 25%;
        	text-align: center;
        }

        .index-about .data .item h3 {
        	font-size: 56px;
        	color: var(--color);
        	font-weight: bold;
        }

        .index-about .data .item p {
        	font-size: 18px;
        	color: #fff;
        }

        /* 优势卡片 */
        .index-advantage {
        	background: #F6F6F6;
        	padding: 100px 0 60px;
        }

        .index-advantage .more h2 {
        	font-size: 36px;
        	color: #000;
        	font-weight: bold;
        }

        .index-advantage .more a {
        	border: 1px solid #ccc;
        	border-radius: 8px;
        	color: #595b5e;
        	font-size: 16px;
        	height: 56px;
        	line-height: 56px;
        	padding: 0 26px;
        }

        .index-advantage .more a:hover {
        	border-color: var(--color);
        	background: var(--color);
        	color: #fff;
        	border-radius: 50px;
        }

        .index-advantage .list {
        	padding: 60px 0;
        	display: flex;
        	flex-wrap: wrap;
        	gap: 30px;
        }

        .index-advantage .list .item {
        	flex: 1;
        	position: relative;
        	border-radius: 12px;
        	overflow: hidden;
        	min-width: 240px;
        }

        .index-advantage .list .item>img {
        	width: 100%;
        	height: 100%;
        	object-fit: cover;
        	display: block;
        }

        .index-advantage .list .item .txt {
        	position: absolute;
        	left: 0;
        	padding: 0 20px 20px;
        	bottom: 0;
        	width: 100%;
        }

        .index-advantage .list .item .txt img {
        	height: 60px;
        	width: 60px;
        }

        .index-advantage .list .item .txt h2 {
        	font-size: 24px;
        	color: #fff;
        	margin: 12px 0 24px;
        	font-weight: bold;
        }

        .index-advantage .list .item .txt p {
        	font-size: 16px;
        	color: #fff;
        	max-height: 0;
        	overflow: hidden;
        	transition: max-height 0.4s ease;
        }

        .index-advantage .list .item:hover .txt p {
        	max-height: 200px;
        }

        .index-advantage .bd {
        	text-align: center;
        	margin-top: 40px;
        }

        .index-advantage .bd h2 {
        	font-size: 36px;
        	color: #22262A;
        	font-weight: bold;
        	margin: 12px 0;
        }

        .index-advantage .bd h3 {
        	color: #0682DB;
        	font-weight: bold;
        	font-size: 36px;
        }

        /* 发布 (CSS Grid 修复布局) */
        .index-group {
        	padding: 90px 0;
        }

        .index-group .hd {
        	margin-bottom: 60px;
        }

        .index-group .hd h2 {
        	font-size: 36px;
        	font-weight: bold;
        	color: #000
        }

        .index-group .hd p {
        	color: #595B5E;
        	font-size: 24px;
        	margin-top: 15px;
        }

        .index-group .bd {
        	display: grid;
        	grid-template-columns: 1fr 1fr 1fr;
        	gap: 0;
        	border: 1px solid #ccc;
        }

        .index-group .bd .item {
        	position: relative;
        	border-right: 1px solid #ccc;
        	border-bottom: 1px solid #ccc;
        }

        .index-group .bd .item:nth-child(3n) {
        	border-right: none;
        }

        .index-group .bd .item:nth-child(4),
        .index-group .bd .item:nth-child(5) {
        	border-bottom: none;
        }

        .index-group .bd .item a {
        	display: flex;
        	padding: 45px 32px;
        	height: 340px;
        	align-items: center;
        	position: relative;
        }

        .index-group .bd .item:nth-child(3) a {
        	height: 100%;
        }

        .index-group .bd .item a .i {
        	width: 80px;
        	height: 80px;
        	margin-right: 26px;
        }

        .index-group .bd .item a .i img {
        	height: 60px;
        	width: 60px;
        	object-fit: cover;
        }

        .index-group .bd .item a .p {
        	flex: 1;
        	position: relative;
        }

        .index-group .bd .item a .p h3 {
        	font-size: 24px;
        	color: #22262A
        }

        .index-group .bd .item a .p p {
        	font-size: 20px;
        	color: #22262A;
        	margin-top: 12px;
        }

        .index-group .bd .item a .p .btn {
        	font-size: 22px;
        	color: #595B5E;
        	margin-top: 60px;
        }

        .index-group .bd .item a .p .btn i {
        	margin-left: 15px;
        }

        .index-group .bd .item a:hover .p .btn {
        	color: var(--color);
        }

        /* 新闻资讯 */
        .index-news {
        	padding: 100px 0;
        	background: #F6F6F6;
        }

        .index-news .hd {
        	margin-bottom: 60px;
        	align-items: center;
        }

        .index-news .hd .name h2 {
        	font-size: 36px;
        	font-weight: bold;
        	color: #000;
        	text-transform: uppercase;
        }

        .index-news .hd .name p {
        	font-size: 24px;
        	color: #22262A
        }

        .index-news .hd a {
        	border: 1px solid #ccc;
        	border-radius: 8px;
        	color: #595b5e;
        	font-size: 16px;
        	height: 56px;
        	line-height: 56px;
        	padding: 0px 20px;
        	background: #fff;
        }

        .index-news .hd a:hover {
        	border-color: var(--color);
        	background: var(--color);
        	color: #fff;
        }

        .index-news .list .item {
        	width: calc(100% / 3 - 20px);
        	margin: 0 30px 0 0;
        	border-radius: 8px;
        	background: #fff;
        	border: 1px solid #EBECED;
        }

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

        .index-news .list .item a {
        	border-radius: 8px;
        	width: 100%;
        	display: block;
        	overflow: hidden;
        }

        .index-news .list .item .pic img {
        	width: 100%;
        	height: 220px;
        	object-fit: cover;
        }

        .index-news .list .item .txt {
        	padding: 22px 32px 32px;
        	background: #fff;
        }

        .index-news .list .item .txt h3 {
        	overflow: hidden;
        	text-overflow: ellipsis;
        	white-space: nowrap;
        	font-size: 24px;
        	color: #333;
        	font-weight: bold;
        }

        .index-news .list .item .txt .i {
        	display: flex;
        	justify-content: space-between;
        	margin: 15px 0;
        }

        .index-news .list .item .txt .i div {
        	font-size: 16px;
        	color: #909296;
        }

        .index-news .list .item .txt p {
        	font-size: 18px;
        	color: #595B5E;
        	line-height: 30px;
        	height: 60px;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	display: -webkit-box;
        	-webkit-box-orient: vertical;
        	-webkit-line-clamp: 2;
        }

        .index-news .list .item .txt .btn {
        	color: #909296;
        	font-size: 18px;
        	margin-top: 30px;
        	display: flex;
        	align-items: center;
        	gap: 5px;
        }

        .index-news .list .item:hover .txt .btn {
        	color: var(--color);
        }

        /* FAQ */
        .index-faqs {
        	padding: 80px 0;
        	background: #fff;
        }

        .index-faqs .hd h2 {
        	font-size: 36px;
        	color: #000;
        	margin-bottom: 50px;
        	font-weight: bold;
        }

        .index-faqs .bd .item {
        	border: 1px solid #EBECED;
        	border-bottom: 0;
        	background: #fff;
        }

        .index-faqs .bd .item:last-child {
        	border-bottom: 1px solid #EBECED;
        }

        .index-faqs .bd .item .question {
        	padding: 28px 40px;
        	font-size: 20px;
        	font-weight: 600;
        	color: #000;
        	cursor: pointer;
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        }

        .index-faqs .bd .item .question i {
        	transition: transform .3s;
        }

        .index-faqs .bd .item.active .question i {
        	transform: rotate(45deg);
        }

        .index-faqs .bd .item .answer {
        	display: none;
        	padding: 0 52px 32px;
        	color: #666;
        	line-height: 32px;
        	font-size: 16px;
        }

        .index-faqs .bd .item.active .answer {
        	display: block;
        }

        .index-faqs .bd .item .answer a {
        	color: #007bff;
        	text-decoration: none;
        }

        /* 询盘表单 */
        .index-quote {
        	position: relative;
        	;
        	height: 750px;
        	background: url(../images/quote-bg.webp) no-repeat 50% / 100% 100%;
        }

        .index-quote .form {
        	width: 50%;
        	position: absolute;
        	right: 0;
        	top: 0;
        	height: 100%;
        	background-color: #0e3a5af2;
        	padding: 80px 80px 0 80px;
        }

        .index-quote .form .hd {
        	font-size: 36px;
        	font-weight: bold;
        	color: #fff;
        	margin-bottom: 50px;
        }

        .index-quote .form .bd {
        	width: 100%;
        	max-width: 800px;
        }

        .index-quote .form .bd .item {
        	width: calc(50% - 20px);
        	margin-bottom: 30px;
        }

        .index-quote .form .bd .item label {
        	font-size: 16px;
        	display: block;
        	padding-left: 15px;
        	color: #fff;
        	position: relative;
        	margin-bottom: 10px;
        }

        .index-quote .form .bd .item label span {
        	position: absolute;
        	left: 0;
        	top: 3px;
        	color: red;
        	content: "";
        }

        .index-quote .form .bd .item input {
        	width: 100%;
        	padding: 16px;
        	background: #E3F3FF;
        	border-radius: 8px;
        	outline: 0;
        }

        .index-quote .form .bd textarea {
        	padding: 22px;
        	background: #fff;
        	width: 100%;
        	border: 1px solid #D9DCDE;
        	border-radius: 8px;
        	min-height: 200px;
        }

        .index-quote .form button {
        	transition-duration: .4s;
        	align-items: center;
        	background-color: #ff7515;
        	border: none;
        	border-radius: 15px;
        	color: #fff;
        	cursor: pointer;
        	display: flex;
        	font-size: 20px;
        	font-weight: 700;
        	height: 60px;
        	justify-content: center;
        	width: 200px;
        }

        .index-quote .form button:hover {
        	border-radius: 40px;
        }


        /* 页脚 */
        .footer {
        	background: #002037;
        	padding: 100px 0 50px;
        }

        .footer .info {
        	width: 420px;
        }

        .footer .info .logo img {
        	width: 233px;
        }

        .footer .info p {
        	font-size: 14px;
        	line-height: 32px;
        	color: #fff;
        	margin: 30px 0;
        }

        .footer .info .ico {
        	display: flex;
        	gap: 20px;
        }

        .footer .info .ico a {
        	color: rgba(255, 255, 255, 0.5);
        	width: 40px;
        	height: 40px;
        	border-radius: 4px;
        	border: 1px solid rgba(255, 255, 255, 0.5);
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 24px;
        }

        .footer .info .ico a:hover {
        	background: #fff;
        	color: #000;
        	border-radius: 50%;
        }

        .footer .menu {
        	width: calc(100% - 420px - 150px);
        	display: flex;
        }

        .footer .menu .item {
        	width: calc(100% / 3);
        }

        .footer .menu .item h3 {
        	font-size: 20px;
        	color: #fff;
        	margin-bottom: 30px;
        	font-weight: bold;
        }

        .footer .menu .item .sub a {
        	display: block;
        	font-size: 16px;
        	color: #909296;
        	margin-bottom: 18px;
        }

        .footer .menu .item .sub a:hover {
        	color: #fff;
        	padding-left: 10px;
        }

        .footer .menu .item ul li {
        	display: flex;
        	align-items: center;
        	margin-bottom: 20px;
        }

        .footer .menu .item ul li .i {
        	width: 60px;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	color: rgba(255, 255, 255, 0.5);
        	font-size: 24px
        }

        .footer .menu .item ul li .p {
        	flex: 1;
        }

        .footer .menu .item ul li .p p,
        .footer .menu .item ul li .p a {
        	font-size: 16px;
        	color: rgba(255, 255, 255, 0.5);
        	line-height: 32px;
        }

        .footer .menu .item ul li .p a:hover {
        	color: #fff;
        	padding-left: 10px;
        }

        .bottom {
        	background: #002037;
        	padding: 20px 0;
        	border-top: 1px solid #2D4353;
        }

        .bottom .wrap {
        	position: relative;
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        }

        .bottom p {
        	font-size: 18px;
        	color: rgba(255, 255, 255, 0.5);
        }

        .bottom ul {
        	display: flex;
        	align-items: center;
        	gap: 40px
        }

        .bottom ul li {
        	position: relative;
        }

        .bottom ul li::after {
        	position: absolute;
        	left: -20px;
        	top: 50%;
        	transform: translateY(-50%);
        	content: "";
        	width: 1px;
        	height: 16px;
        	background-color: rgba(255, 255, 255, 0.5);
        }

        .bottom ul li:nth-child(1):after {
        	display: none;
        }

        .bottom ul li a {
        	font-size: 18px;
        	color: rgba(255, 255, 255, 0.5);
        }

        .bottom ul li a:hover {
        	color: #fff;
        }

        /* 右侧悬浮组件 */
        .fixed-sidebar {
        	position: fixed;
        	right: 15px;
        	top: 50%;
        	transform: translateY(-50%);
        	z-index: 9999;
        	display: flex;
        	flex-direction: column;
        	gap: 10px;
        	align-items: center;
        }

        .fixed-sidebar .item {
        	background: #ffffff;
        	width: 56px;
        	height: 56px;
        	border-radius: 50%;
        	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        	display: flex;
        	flex-direction: column;
        	align-items: center;
        	justify-content: center;
        	transition: 0.3s;
        	cursor: pointer;
        	color: #0682db;
        	font-size: 11px;
        	text-align: center;
        }

        .fixed-sidebar .item:hover {
        	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
        	transform: scale(1.05);
        }

        .fixed-sidebar .item i {
        	background: #0682db;
        	color: #fff;
        	width: 32px;
        	height: 32px;
        	border-radius: 50%;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	font-size: 16px;
        	margin-bottom: 2px;
        }

        .fixed-sidebar .item.top i {
        	transform: rotate(90deg);
        }

        .pro_list {
        	padding: 50px 0;
        	display: flex;
        	flex-wrap: wrap;
        }

        .pro_list .item {
        	transition-duration: .4s;
        	width: calc(100% / 4 - 30px);
        	margin: 0 30px 30px 0;
        	background: #F6F6F6;
        	border-radius: 8px;
        }

        .pro_list .item .pic,
        .pro_list .item .pic img {
        	border-radius: 8px 8px 0 0;
        }

        a .pic img {
        	width: 100%;
        	transform: translateZ(0);
        	transition-property: transform;
        	transition: all .3s ease;
        }

        .pro_list .item .txt {
        	padding: 20px;
        	border-radius: 0 0 8px 8px;
        }

        .pro_list .item .txt h3 {
        	color: #595B5E;
        	font-size: 20px;
        	line-height: 28px;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	display: -webkit-box;
        	-webkit-box-orient: vertical;
        	-webkit-line-clamp: 2;
        	height: 56px;
        	border-bottom: 1px solid #dcdcdc;
        }

        .pro_list .item .txt .price span {
        	color: #595B5E;
        	font-size: 18px;
        	font-weight: bold;
        }

        @media (max-width: 1024px) {

        	.fixed-sidebar,
        	.top,
        	.header .info .menu {
        		display: none;
        	}

        	.index-type .list .item,
        	.index-news .list .item {
        		width: 100%;
        		margin: 0 0 20px;
        	}

        	.index-quote .form {
        		width: 100%;
        		position: relative;
        		padding: 30px;
        	}
        }