@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color:#007aff
}
.swiper-wrapper {
	z-index:1;
	display:flex;
	box-sizing:content-box;
	transform:translateZ(0)
}
.swiper-slide, .swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	transition-property:transform
}
.swiper-slide {
	flex-shrink:0
}
:root {
--swiper-navigation-size:44px
}
.swiper-pagination {
	position:absolute;
	text-align:center;
transition:opacity .3s;
	transform:translateZ(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
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
@keyframes swiper-preloader-spin {
to {
transform:rotate(1turn)
}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height:1.15;
	-webkit-text-size-adjust:100%
}
h1 {
	font-size:2em;
	margin:.67em 0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
a {
	background-color:transparent
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
b, strong {
	font-weight:bolder
}
code {
	font-family:monospace, monospace;
	font-size:1em
}
small {
	font-size:80%
}
img {
	border-style:none
}
button, input, optgroup, select, textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
[hidden], template {
display:none
}
blockquote, dd, figure, h1, h2, h3, h4, hr, p {
	margin:0
}
button {
	background-color:transparent;
	background-image:none
}
button:focus {
	outline:1px dotted;
	outline:5px auto -webkit-focus-ring-color
}
fieldset, ol, ul {
	margin:0;
	padding:0
}
ol, ul {
	list-style:none
}
html {
	font-family:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	line-height:1.5
}
*, :after, :before {
	box-sizing:border-box;
	border:0 solid #e2e8f0
}
hr {
	border-top-width:1px
}
img {
	border-style:solid
}
textarea {
	resize:vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#a0aec0
}
input::placeholder, textarea::placeholder {
color:#a0aec0
}
[role=button], button {
cursor:pointer
}
table {
	border-collapse:collapse
}
h1, h2, h3, h4 {
	font-size:inherit;
	font-weight:inherit
}
a {
	color:inherit;
	text-decoration:inherit
}
button, input, optgroup, select, textarea {
	padding:0;
	line-height:inherit;
	color:inherit
}
code {
	font-family:Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
audio, canvas, embed, iframe, img, object, svg, video {
	display:block;
	vertical-align:middle
}
img, video {
	max-width:100%;
	height:auto
}
.container {
	width:100%
}
@media (min-width:374px) {
.container {
max-width:100%
}
}
@media (min-width:576px) {
.container {
max-width:576px
}
}
@media (min-width:768px) {
.container {
max-width:768px
}
}
@media (min-width:992px) {
.container {
max-width:992px
}
}
@media (min-width:1200px) {
.container {
max-width:1200px
}
}
.adv{ width:100%; clear:both; margin:10px auto;}
.nr_content{ width:100%; clear:both; line-height:2}
.copy{ width:100%; clear:both; line-height:2; color:#b0b0b0; font-size:12px; padding:5px 0;}
.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pages span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #9c0e11;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #9c0e11;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
#index-page .index-swiper-pagination {
	display:flex;
	align-items:center;
	justify-content:center;
	bottom:5%;
	left:0;
	width:100%
}
#index-page .index-swiper-pagination>span {
	background-color:#fff;
	width:8px;
	height:8px;
	margin:0 10px;
	opacity:1;
	border-radius:999px
}
#index-page .index-page-slider {
	height:100%;
	position:relative
}
#index-page .index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#ffa21d
}
#index-page .container {
	background-color:#f5f5f5;
	width:100%
}
#index-page .pc-adv-top {
	display:none
}
#index-page .banner {
	background-color:#fff
}
#index-page .banner-pic {
	width:100%;
	overflow:hidden
}
#index-page .banner-pic img {
	width:100%
}
#index-page .banner-pic a {
	display:block;
	height:196px
}
#index-page .banner h2 {
	background:url(/assets/images/tittle-bg.png) no-repeat 50%;
	text-align:center;
	font-size:20px;
	color:#000;
	height:40px;
	line-height:40px;
	padding-bottom:8px;
	margin-bottom:0;
	font-weight:400;
	margin-top:16px
}
#index-page .banner-ul {
	padding-left:16px;
	padding-right:16px;
	padding-bottom:16px;
	margin-bottom:8px
}
#index-page .banner-ul li {
	display:flex;
	align-items:center
}
#index-page .banner-ul li span {
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#a0a0a0
}
#index-page .banner-ul li a {
	line-height:20px;
	border-bottom:1px solid #f6f6f6;
	padding:10px 0 10px 8px;
	display:block;
	color:#000;
	font-size:14px;
	text-decoration:none;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#index-page .m-adv-top {
	margin-bottom:8px
}
#index-page .m-adv-top img {
	width:100%
}
#index-page .hot-recommond-news {
	background-color:#fff;
	padding-bottom:32px;
	margin-bottom:8px
}
#index-page .hot-recommond-news .pc-ul {
	display:none
}
#index-page .hot-recommond-news .m-block-list-ul {
	display:flex;
	text-align:center;
	color:#666;
	padding-top:8px;
	margin-right:0;
	margin-left:0;
	margin-bottom:16px;
	border-bottom:1px solid #e2e2e2
}
#index-page .hot-recommond-news .m-block-list-ul li.tab-active p {
	color:#2096fe;
	border-bottom:1px solid #2096fe
}
#index-page .hot-recommond-news .m-block-list-ul p {
	margin:0 28px;
	padding-top:16px;
	padding-bottom:16px;
	font-size:14px
}
#index-page .hot-recommond-news .m-article-ul {
	display:grid;
	grid-template-columns:repeat(2, 48%);
	padding-right:16px;
	padding-left:16px;
	justify-content:space-between;
	row-gap:16px
}
#index-page .hot-recommond-news .m-article-ul img {
	width:164px;
	-o-object-fit:cover;
	object-fit:cover;
	height:88px
}
#index-page .hot-recommond-news .m-article-ul a {
	display:block
}
#index-page .hot-recommond-news .m-article-ul h3 {
	color:#333;
	font-size:13px;
	font-weight:400;
	display:block;
	line-height:22px;
	padding-top:4px;
	margin-top:0;
	margin-bottom:0
}
#index-page .trade-plant {
	background-color:#fff;
	padding:16px;
	margin-bottom:12px
}
#index-page .trade-plant h2 {
	background:url(/assets/images/tittle-bg.png) no-repeat 50%;
	padding:20px 15px;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:400;
	margin-top:0;
	margin-bottom:0
}
#index-page .trade-plant-ul li a {
	display:flex;
	padding:12px 0;
	border-bottom:1px solid #e2e2e2
}
#index-page .trade-plant-ul li:last-of-type a {
	border-bottom:none
}
#index-page .trade-plant-ul li a h3 {
	color:#000;
	font-size:14px;
	font-weight:400;
	padding:0 0 10px;
	line-height:20px;
	margin-top:0;
	margin-bottom:0
}
#index-page .trade-plant-ul li a p {
	display:none
}
#index-page .trade-plant-ul li a time {
	font-size:12px;
	color:#999;
	display:block
}
#index-page .trade-plant-ul li img {
	width:124px;
	height:76px;
	margin-right:12px;
	-o-object-fit:cover;
	object-fit:cover
}
#index-page .trade-plant-ul {
	padding-right:16px;
	padding-left:16px
}
#index-page .more-btn {
	background-color:#f5f5f5;
	width:100px;
	line-height:30px;
	border-radius:5px;
	height:30px;
	font-size:12px;
	text-align:center;
	display:block;
	margin:8px auto 0
}
#index-page .more-btn a {
	color:#666
}
#index-page .bottom-adv {
	margin-bottom:12px
}
#index-page .bottom-adv .pc-adv {
	display:none
}
#index-page .bottom-adv .m-adv {
	width:100%
}
#index-page .three-article-section {
	background-color:#fff;
	padding:16px
}
#index-page .three-article-section .pc-block {
	display:none
}
#index-page .three-article-section .m-block .type-ul {
	display:flex;
	justify-content:center
}
#index-page .three-article-section .m-block .type-ul li.tab-active h2 {
	border:1px solid #2096fe;
	color:#2096fe
}
#index-page .three-article-section .m-block .type-ul h2 {
	margin-top:0;
	margin-bottom:0;
	border:1px solid #e2e2e2;
	width:82px;
	margin-right:15px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:5px 10px;
	float:left;
	color:#999;
	font-size:15px;
	font-weight:400
}
#index-page .three-article-section .m-block .article-tittle-ul {
	padding:20px 0
}
#index-page .three-article-section .m-block .article-tittle-ul li a {
	display:flex;
	align-items:center
}
#index-page .three-article-section .m-block .article-tittle-ul li a span {
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#a0a0a0
}
#index-page .three-article-section .m-block .article-tittle-ul li a p {
	font-size:14px;
	color:#333;
	font-weight:400;
	width:290px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:0;
	margin-bottom:0;
	line-height:30px;
	margin-left:8px
}
#index-page .three-article-section .more-btn {
	margin-top:0
}
#index-page .container {
	padding-bottom:12px
}
#index-page {
	padding-top:56px
}
#index-page .trade-plant-ul li a>div:first-of-type {
	min-width:126px;
	margin-right:12px
}
#index-page .new-trade-plant h2 {
	font-size:14px;
	line-height:1;
	letter-spacing:0;
	color:#000
}
#index-page .new-trade-plant .plant-banner {
	margin-bottom:12px
}
#index-page .new-trade-plant .title-box {
	display:flex;
	background-color:#fff;
	padding:12px 8px;
	justify-content:space-between;
	align-items:center;
	margin-bottom:8px
}
#index-page .new-trade-plant .title-box span {
	font-size:12px;
	color:#999;
	margin-right:4px
}
#index-page .new-trade-plant .title-box a {
	display:flex;
	align-items:center
}
#index-page .new-trade-plant .title-box img {
	width:12px;
	height:12px
}
#index-page .new-trade-plant .w-1200px-container {
	padding:0 16px
}
#index-page .new-trade-plant .plant-ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:16px 12px
}
#index-page .new-trade-plant .plant-ul li {
	background-color:#fff;
	border:1px solid #eee;
	padding:8px 8px 16px
}
#index-page .new-trade-plant .plant-ul li .plant-logo-box {
	background-color:#fff;
	border-radius:4px;
	border:1px solid #eee;
	width:100%;
	height:70px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:12px
}
#index-page .new-trade-plant .plant-ul li .plant-logo-box img {
	width:90%;
	max-height:100%
}
#index-page .new-trade-plant .plant-ul li h3 {
	font-size:16px;
	color:#333
}
#index-page .new-trade-plant .plant-ul li h3, #index-page .new-trade-plant .plant-ul li p {
	line-height:1;
	letter-spacing:0;
	margin-bottom:12px;
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
#index-page .new-trade-plant .plant-ul li p {
	font-size:14px;
	color:#5a5a5a
}
#index-page .new-trade-plant .plant-ul li p:last-of-type {
	margin-bottom:0
}
#index-page .new-trade-plant .plant-dynamic {
	background-color:#fff;
	padding:16px 12px;
	margin-bottom:20px
}
#index-page .new-trade-plant .plant-dynamic h2 {
	font-size:14px;
	line-height:1;
	letter-spacing:0;
	color:#333;
	margin-bottom:16px
}
#index-page .new-trade-plant .plant-dynamic ul li {
	border-top:2px solid #eee;
	display:flex;
	padding:8px 0
}
#index-page .new-trade-plant .plant-dynamic ul li span.point {
	width:4px;
	min-width:4px;
	max-width:4px;
	height:4px;
	max-height:4px;
	min-height:4px;
	background-color:#a1a1a1;
	display:block;
	border-radius:9999px;
	margin-right:4px;
	margin-top:4px
}
#index-page .new-trade-plant .plant-dynamic ul li h3 {
	font-size:14px;
	line-height:1;
	letter-spacing:0;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	word-break:break-all
}
#index-page .new-trade-plant .plant-dynamic ul li h3:hover {
	color:#2096fe
}
#index-page .new-trade-plant .plant-dynamic ul li p span {
	background-color:#ffe2b8;
	color:#333;
	padding:0 4px;
	margin-right:4px;
	display:inline
}
#index-page .new-trade-plant .plant-dynamic ul li p {
	font-size:12px;
	font-weight:400;
	font-stretch:normal;
	line-height:18px;
	letter-spacing:0;
	color:#666
}
#index-page .index-plant-banner {
	overflow:hidden;
	padding-bottom:20px
}
#index-page .index-plant-swiper-pagination {
	bottom:0;
	height:10px;
	display:flex;
	align-items:center;
	justify-content:center
}
#index-page .index-plant-swiper-pagination .swiper-pagination-bullet {
	opacity:1;
	border:2px solid #3591f8;
	background:transparent;
	width:10px;
	height:10px;
	margin-right:10px;
	margin-left:10px
}
#index-page .index-plant-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#3591f8
}
@media (min-width:1200px) {
#index-page .index-plant-banner {
padding-bottom:28px
}
#index-page .new-trade-plant .plant-ul li {
padding:12px 8px 20px
}
#index-page .new-trade-plant .title-box img {
width:20px;
height:20px
}
#index-page .new-trade-plant {
margin-bottom:40px
}
#index-page .new-trade-plant .plant-banner {
margin-bottom:0
}
#index-page .new-trade-plant .plant-ul {
grid-template-columns:repeat(4, 1fr);
grid-gap:20px 12px
}
#index-page .new-trade-plant .flex-box {
display:flex;
justify-content:space-between
}
#index-page .new-trade-plant .flex-box .plant-banner {
width:892px
}
#index-page .new-trade-plant .flex-box .plant-dynamic {
width:286px;
margin-bottom:28px;
padding:20px 20px 0
}
#index-page .new-trade-plant .plant-dynamic ul li span.point {
width:6px;
min-width:6px;
max-width:6px;
height:6px;
max-height:6px;
min-height:6px;
margin-right:8px
}
#index-page .new-trade-plant .plant-dynamic ul li h3 {
font-size:14px;
margin-bottom:4px
}
#index-page .new-trade-plant .plant-dynamic h2 {
font-size:16px;
margin-bottom:24px
}
#index-page .new-trade-plant .title-box span {
font-size:12px;
margin-right:12px
}
#index-page .new-trade-plant h2 {
font-size:18px
}
#index-page .new-trade-plant .title-box {
padding:20px
}
#index-page .new-trade-plant .w-1200px-container {
padding:0
}
#index-page .trade-plant-ul {
padding-right:0;
padding-left:0
}
#index-page {
background-color:#f5f5f5;
margin-top:-20px;
padding-top:20px;
margin-bottom:-20px
}
#index-page .pc-adv-top {
display:block;
margin-top:20px;
margin-bottom:20px
}
#index-page .pc-adv-top img {
width:1200px
}
#index-page .container {
width:1200px;
margin-right:auto;
margin-left:auto
}
#index-page .container, body {
background-color:#f5f5f5
}
#index-page .banner {
display:flex;
justify-content:space-between;
margin-bottom:20px
}
#index-page .banner-pic {
height:420px;
width:66.66666667%
}
#index-page .banner-pic img {
width:800px;
height:420px
}
#index-page .banner-text-block {
width:380px;
padding:20px
}
#index-page .banner h2 {
margin-top:0;
font-size:20px;
color:#000;
height:50px;
line-height:50px;
padding-bottom:10px
}
#index-page .banner-ul li a {
color:#000;
font-size:16px;
text-decoration:none;
padding:0;
line-height:50px
}
#index-page .banner-ul li a:hover {
color:#2096fe
}
#index-page .banner-ul li span {
display:none
}
#index-page .banner-ul {
padding:0
}
#index-page .m-adv-top img {
display:none
}
#index-page .hot-recommond-news {
padding-bottom:0;
margin-bottom:40px
}
#index-page .hot-recommond-news .pc-ul {
display:block
}
#index-page .hot-recommond-news .m-block {
display:none
}
#index-page .hot-recommond-news .pc-ul {
display:grid;
grid-template-columns:repeat(3, 388px);
justify-content:space-between;
background-color:#f5f5f5;
overflow-x:hidden
}
#index-page .hot-recommond-news .pc-ul li {
background-color:#fff
}
#index-page .hot-recommond-news .pc-ul h2 {
margin-top:0;
margin-bottom:0;
padding:20px;
line-height:20px;
overflow:hidden;
color:#000;
font-size:18px;
text-align:left;
font-weight:400
}
#index-page .hot-recommond-news .pc-ul .frist-article {
background-repeat:no-repeat;
background-size:cover;
padding-top:132px
}
#index-page .hot-recommond-news .pc-ul .frist-article h3 {
color:#fff;
font-size:14px;
font-weight:400;
bottom:0;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:26px;
display:block;
padding:15px 12px 15px 8px;
margin-top:0;
margin-bottom:0
}
#index-page .hot-recommond-news .other-articles li {
width:100%;
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #f5f5f5;
display:flex;
justify-content:space-between
}
#index-page .hot-recommond-news .other-articles li img {
width:100px;
height:52px
}
#index-page .hot-recommond-news .other-articles li h3 {
color:#666;
font-size:14px;
font-weight:400;
display:block;
float:right;
padding-right:10px;
width:260px;
line-height:26px;
margin-top:0;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
margin-bottom:0;
overflow:hidden;
text-overflow:ellipsis
}
#index-page .hot-recommond-news .other-articles li h3:hover {
color:#2096fe
}
#index-page .trade-plant {
background-color:#f5f5f5;
padding:0;
margin-bottom:0
}
#index-page .trade-plant .tittle-block {
background-color:#fff;
margin-bottom:0
}
#index-page .trade-plant h2 {
padding:20px;
text-align:center;
color:#000;
font-size:18px
}
#index-page .trade-plant .trade-plant-ul {
background-color:#f5f5f5;
display:grid;
grid-template-columns:repeat(4, 285px);
justify-content:space-between;
row-gap:20px;
padding-top:20px;
padding-bottom:20px;
overflow:hidden
}
#index-page .trade-plant-ul li {
background-color:#fff;
height:320px
}
#index-page .trade-plant-ul li a {
display:block;
padding:0
}
#index-page .trade-plant-ul li img {
width:100%;
height:150px;
margin-right:0
}
#index-page .trade-plant-ul li a h3 {
color:#000;
font-size:16px;
font-weight:400;
padding:12px 8px 8px;
line-height:26px
}
#index-page .trade-plant-ul li a {
border-bottom:none
}
#index-page .container {
padding-bottom:20px
}
#index-page .trade-plant-ul li a p {
display:block;
font-size:14px;
padding:10px;
color:#999;
line-height:20px;
margin-top:0;
margin-bottom:0
}
#index-page .trade-plant-ul li time {
padding:10px;
font-size:12px;
color:#999;
display:block;
background:url(/assets/images/arrow-right.png) no-repeat 100%;
width:100px
}
#index-page .bottom-adv .m-adv, #index-page .more-btn {
display:none
}
#index-page .bottom-adv .pc-adv {
display:block;
margin-bottom:20px
}
#index-page .three-article-section {
background-color:#f5f5f5;
padding:0
}
#index-page .three-article-section .m-block {
display:none
}
#index-page .three-article-section .pc-block {
display:flex;
background-color:#f5f5f5;
padding:0;
justify-content:space-between
}
#index-page .three-article-section .pc-block .two-article-block {
background-color:#fff;
width:895px
}
#index-page .three-article-section .pc-block .single-block {
width:285px;
background-color:#fff
}
#index-page .three-article-section .pc-block .tittle-block ul {
padding-top:20px;
display:flex
}
#index-page .three-article-section .pc-block .tittle-block ul li.tab-active h2 {
border:1px solid #2096fe;
color:#2096fe
}
#index-page .three-article-section .pc-block .tittle-block {
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #f6f6f6;
margin-right:20px;
margin-left:20px;
margin-bottom:20px
}
#index-page .three-article-section .pc-block .tittle-block h2 {
border:1px solid #e2e2e2;
width:100px;
display:block;
text-decoration:none;
text-align:center;
padding:10px;
float:left;
color:#999;
font-size:15px;
margin-top:0;
margin-bottom:0;
font-weight:400
}
#index-page .three-article-section .pc-block .tittle-block .look-for-more a {
display:block;
color:#999;
background:url(/assets/images/look-for-more.png) no-repeat 100%;
padding-right:30px;
background-size:20px 20px;
text-decoration:none;
font-size:12px;
line-height:40px;
height:40px
}
#index-page .three-article-section .pc-block .article-ul {
display:grid;
grid-template-columns:repeat(2, 400px);
justify-content:space-between;
padding-left:20px;
padding-right:20px
}
#index-page .three-article-section .pc-block .article-ul li:hover a h3 {
display:flex;
align-items:center;
color:#2096fe
}
#index-page .three-article-section .pc-block .single-articles li:hover h3 {
color:#2096fe
}
#index-page .three-article-section .pc-block .article-ul li a {
display:flex;
align-items:center
}
#index-page .three-article-section .pc-block .article-ul li a h3 {
font-size:14px;
padding-left:8px;
color:#333;
font-weight:400;
width:290px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:0;
margin-bottom:0;
line-height:30px
}
#index-page .three-article-section .pc-block .article-ul li a time {
font-size:12px;
color:#999;
margin-left:auto
}
#index-page .three-article-section .pc-block .article-ul li a span {
width:6px;
height:6px;
border-radius:50%;
background-color:#a0a0a0;
display:block
}
#index-page .three-article-section .pc-block .single-block h2 {
color:#333;
line-height:40px;
border-bottom:1px solid #f6f6f6;
margin:20px 20px 0;
font-weight:400;
font-size:16px
}
#index-page .three-article-section .pc-block .single-articles {
padding-right:20px;
padding-left:20px
}
#index-page .three-article-section .pc-block .single-articles li a {
display:flex;
align-items:center
}
#index-page .three-article-section .pc-block .single-articles li h3 {
text-decoration:none;
color:#333;
font-size:14px;
line-height:20px;
padding:6px 0;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:400;
margin-top:0;
margin-bottom:0;
border-bottom:1px solid #f6f6f6
}
#index-page .three-article-section .pc-block .single-articles li a span {
min-width:6px;
min-height:6px;
border-radius:50%;
background-color:#a0a0a0;
display:block;
margin-right:8px
}
#index-page .three-article-section .pc-block .single-articles {
padding-bottom:15px
}
#index-page .three-article-section .pc-block .look-for-more {
margin-top:0
}
#index-page .hot-recommond-news .pc-ul .frist-article {
transition:all .6s ease-in
}
#index-page .hot-recommond-news .pc-ul .frist-article:hover {
transform:scale(1.02)
}
#index-page .hot-recommond-news .other-articles li img:hover {
transform:scale(1.05)
}
#index-page .trade-plant-ul li {
transition:all .6s ease-in;
overflow:hidden
}
#index-page .trade-plant-ul li:hover {
transform:scale(1.04)
}
#index-page .trade-plant-ul li a>div:first-of-type {
margin-right:0
}
}
body, li, ul {
	margin:0
}
li, ul {
	padding:0;
	list-style:none
}
a, a:active, a:hover, a:link, a:visited {
	text-decoration:none
}
.pc-nav {
	display:none
}
.m-nav a {
	color:#fff;
	font-size:16px;
	line-height:51px
}
footer {
	background-color:#333
}
footer>div {
	display:flex;
	justify-content:space-between
}
footer ul {
	display:flex;
	flex-wrap:wrap
}
footer ul li {
	line-height:16px;
	margin-right:auto;
	margin-left:auto
}
.footer-logo {
	display:none
}
footer a {
	font-size:12px;
	color:#b0b0b0
}
footer a:hover {
	color:#2096fe
}
header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	box-shadow:0 0 15px hsla(0, 0%, 80.8%, .6);
	z-index:200;
	height:60px
}
.header-container {
	max-width:100%;
	padding:0 16px 0 30px;
	align-items:center
}
.header-container, .m-nav {
	display:flex;
	justify-content:space-between
}
.close-btn {
	position:relative;
	left:20px;
	top:20px
}
.close-btn img {
	width:20px
}
.right-nav {
	display:none;
	justify-content:space-between;
	background-color:rgba(0, 0, 0, .6);
	z-index:20;
	position:fixed;
	width:100%;
	height:100%;
	right:0;
	top:0
}
.m-nav-ul {
	background-color:#2096fe
}
.header-logo-div {
	margin-top:12px;
	padding-bottom:4px;
	margin-left:-16px
}
.m-nav {
	margin-right:-4px
}
.header-logo-div img {
	width:105px
}
.footer-ul-div ul li a {
	display:block;
	padding-right:4px;
	padding-left:4px;
	border-left:1px solid #b0b0b0;
	line-height:16px
}
footer {
	height:100px
}
.footer-ul-div {
	padding-top:20px
}
.footer-ul-div ul li:first-of-type a {
	border-left:none
}
.m-nav-ul {
	padding-top:20px;
	width:260px
}
.bg-white {
--bg-opacity:1;
	background-color:#fff;
	background-color:rgba(255, 255, 255, var(--bg-opacity))
}
.rounded {
	border-radius:4px
}
.rounded-full {
	border-radius:9999px
}
.border {
	border-width:1px
}
.cursor-pointer {
	cursor:pointer
}
.block {
	display:block
}
.inline-block {
	display:inline-block
}
.flex {
	display:flex
}
.table {
	display:table
}
.contents {
	display:contents
}
.hidden {
	display:none
}
.flex-col {
	flex-direction:column
}
.items-center {
	align-items:center
}
.justify-center {
	justify-content:center
}
.flex-none {
	flex:none
}
.font-sans {
	font-family:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
.font-normal {
	font-weight:400
}
.font-medium {
	font-weight:500
}
.font-bold {
	font-weight:700
}
.h-8 {
	height:2rem
}
.h-full {
	height:100%
}
.text-xs {
font-size:.75rem
}
.text-sm {
font-size:.875rem
}
.text-base {
	font-size:1rem
}
.text-3xl {
	font-size:1.875rem
}
.leading-none {
	line-height:1
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.ml-1 {
margin-left:.25rem
}
.mr-3 {
margin-right:.75rem
}
.mb-4 {
	margin-bottom:1rem
}
.mr-6 {
	margin-right:1.5rem
}
.mb-6 {
	margin-bottom:1.5rem
}
.mt-8 {
	margin-top:2rem
}
.mb-8 {
	margin-bottom:2rem
}
.ml-8 {
	margin-left:2rem
}
.ml-auto {
	margin-left:auto
}
.min-h-full {
	min-height:100%
}
.min-h-screen {
	min-height:100vh
}
.overflow-hidden {
	overflow:hidden
}
.p-3 {
padding:.75rem
}
.py-1 {
padding-top:.25rem;
padding-bottom:.25rem
}
.px-1 {
padding-left:.25rem;
padding-right:.25rem
}
.px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.px-pd-n-12-px {
	padding-left:12px;
	padding-right:12px
}
.static {
	position:static
}
.fixed {
	position:fixed
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.resize {
	resize:both
}
.shadow {
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, .1)
}
.text-center {
	text-align:center
}
.text-black {
--text-opacity:1;
	color:#22292f;
	color:rgba(34, 41, 47, var(--text-opacity))
}
.text-white {
--text-opacity:1;
	color:#fff;
	color:rgba(255, 255, 255, var(--text-opacity))
}
.text-gray-34 {
--text-opacity:1;
	color:#343434;
	color:rgba(52, 52, 52, var(--text-opacity))
}
.text-blue-258 {
--text-opacity:1;
	color:#2583c2;
	color:rgba(37, 131, 194, var(--text-opacity))
}
.italic {
	font-style:italic
}
.underline {
	text-decoration:underline
}
.no-underline {
	text-decoration:none
}
.antialiased {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.truncate, .whitespace-no-wrap {
	white-space:nowrap
}
.truncate {
	overflow:hidden;
	text-overflow:ellipsis
}
.w-8 {
	width:2rem
}
.w-1\/3 {
	width:33.33333%
}
.w-2\/3 {
	width:66.66667%
}
.w-1\/4 {
	width:25%
}
.z-20 {
	z-index:20
}
.transition {
	transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}
@keyframes spin {
to {
transform:rotate(1turn)
}
}
@keyframes ping {
75%, to {
transform:scale(2);
opacity:0
}
}
@keyframes pulse {
50% {
opacity:.5
}
}
@keyframes bounce {
0%, to {
transform:translateY(-25%);
animation-timing-function:cubic-bezier(.8, 0, 1, 1)
}
50% {
transform:none;
animation-timing-function:cubic-bezier(0, 0, .2, 1)
}
}
.m-nav-ul li {
	display:flex;
	padding-left:24px;
	align-items:center;
	border-bottom:1px solid #4dacff
}
.m-nav-ul li>span {
	display:block;
	width:10px;
	height:10px;
	border:2px solid #fff;
	border-radius:100%;
	margin-right:16px;
	margin-top:4px
}
.bread-crumb ol {
	display:flex;
	padding-left:16px;
	margin-top:8px;
	margin-bottom:12px
}
.bread-crumb ol li {
	display:flex;
	align-items:center
}
.bread-crumb a, .bread-crumb span {
	margin-right:8px
}
.bread-crumb a {
	text-decoration:none;
	color:#666;
	font-size:14px
}
.bread-crumb a:hover, .bread-crumb ol li:last-of-type a {
	color:#2096fe
}
.right-side {
	display:none
}
.page-changer {
	display:block
}
.page-changer ol {
	width:267px;
	margin-right:auto;
	margin-left:auto;
	display:flex;
	padding-left:0;
	margin-top:0;
	margin-bottom:0
}
.page-changer li {
	margin:0 2px;
	display:inline-block;
	height:30px;
	line-height:30px;
	min-width:30px;
	text-align:center;
	background:#fff
}
.page-changer li a {
	color:#999;
	padding:0 3px
}
.page-changer li a.active {
	color:#fff;
	background:#2096fe
}
.page-changer li:hover {
	background:#2096fe
}
.page-changer li:hover a {
	color:#fff
}
.page-changer a {
	color:#999;
	display:block;
	width:100%;
	height:100%
}
@media (min-width:1200px) {
.footer-ul-div ul li:first-of-type a {
padding-left:0
}
header {
position:relative;
height:90px
}
.bread-crumb a, .m-nav {
margin-right:0
}
.platform-nav ul li:hover a {
color:#2096fe
}
.page-changer, .right-side {
display:block
}
.pc-nav>ul>li>a {
position:relative
}
.pc-nav>ul>li:hover>a {
color:#2096fe
}
.pc-nav>ul>li>.active {
border-bottom:4px solid #2096fe;
opacity:1
}
.pc-nav>ul>li>a:before {
content:"";
position:absolute;
bottom:-4px;
height:0;
border-top:4px solid #2096fe;
opacity:1;
width:0;
transition:all .3s ease-out 0s
}
.pc-nav>ul>li:hover>a:before {
width:100%;
transition:all .3s ease-out 0s
}
body {
background-color:#f5f5f5
}
.page-changer ol {
width:267px;
margin-right:auto;
margin-left:auto;
display:flex;
padding-left:0;
margin-top:0;
margin-bottom:0
}
.page-changer li {
margin:0 2px;
display:inline-block;
height:30px;
line-height:30px;
min-width:30px;
text-align:center;
background:#fff
}
.page-changer a {
color:#999;
display:block;
width:100%;
height:100%
}
.right-articles ul li {
display:flex;
padding:10px 0;
border-bottom:1px solid #f6f6f6
}
.right-articles ul li a:first-of-type {
min-width:100px;
max-width:100px;
min-height:53px;
max-height:53px
}
.right-articles {
background-color:#fff;
margin-bottom:20px
}
.right-article-pic img {
min-width:100px;
max-width:100px;
min-height:53px;
max-height:53px
}
.right-article-title-time {
padding-left:10px
}
.right-articles ul li:last-of-type {
border-bottom:none
}
.right-article-title-time h3 {
font-size:14px;
font-weight:400;
line-height:18px;
color:#444172;
margin-top:0;
margin-bottom:0
}
.right-article-title-time time {
color:#999;
font-size:12px
}
.right-side {
width:340px
}
.right-pic {
margin-bottom:20px
}
#right-side-slider .right-side-swiper-pagination {
display:flex;
align-items:center;
justify-content:center;
bottom:5%;
left:0;
width:100%
}
#right-side-slider .right-side-swiper-pagination>span {
background-color:#fff;
width:8px;
height:8px;
margin:0 10px;
opacity:1;
border-radius:999px
}
#right-side-slider .right-side-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color:#ffa21d
}
.right-articles {
padding:20px
}
.right-articles h2 {
margin-bottom:10px;
font-weight:400
}
.hot-traders h2, .right-articles h2 {
padding:0 20px;
color:#333;
font-size:18px;
margin-top:0;
background:url(/assets/images/line.png) no-repeat 0
}
.hot-traders h2 {
font-weight:700
}
.hot-traders {
background-color:#fff;
box-shadow:0 1px 12px 0 hsla(0, 0%, 90.2%, .85);
padding:20px;
margin-bottom:48px
}
.hot-traders .title-box {
display:flex;
justify-content:space-between;
align-items:baseline;
margin-bottom:20px
}
.hot-traders .hot-trader-list li {
padding:12px 0;
border-bottom:1px solid #f6f6f6
}
.hot-traders .hot-trader-list li a {
display:flex
}
.hot-traders .hot-trader-list li img {
width:145px;
height:54px
}
.hot-traders .hot-trader-list li p {
text-align:center;
font-size:16px;
font-weight:700;
line-height:1;
letter-spacing:0;
color:#fc4a00;
margin-bottom:8px;
margin-top:8px
}
.hot-traders .hot-trader-list li span {
font-size:12px;
display:block;
line-height:1;
color:#999;
padding-left:14px;
margin-right:8px;
background-image:url(/assets/images/index-clock-icon.png);
background-repeat:no-repeat;
background-size:10px 10px;
background-position:0
}
.hot-traders .title-box a {
text-decoration:underline;
font-size:14px;
line-height:1;
letter-spacing:1px;
color:#999
}
.right-side .news-and-infos {
padding:24px 20px 12px;
background-color:#fff;
box-shadow:0 1px 12px 0 hsla(0, 0%, 90.2%, .85)
}
.right-side .news-and-infos .right-articles {
padding:0;
margin-bottom:0;
display:none
}
.right-side .news-and-infos .right-articles.active {
display:block
}
.right-side-traders-slider-pagination {
bottom:-28px;
line-height:1;
width:100%;
display:flex;
align-items:center;
justify-content:center
}
.right-side-traders-slider-pagination span.swiper-pagination-bullet {
margin-right:10px;
width:8px;
height:8px;
box-sizing:border-box;
border:1px solid #3491f7;
opacity:1;
background:#fff
}
.right-side-traders-slider-pagination span.swiper-pagination-bullet-active {
background:#3491f7
}
.right-side-flags-slider-pagination {
bottom:-28px;
line-height:1;
width:100%;
display:flex;
align-items:center;
justify-content:center
}
.right-side-flags-slider-pagination span.swiper-pagination-bullet {
margin-right:10px;
width:8px;
height:8px;
box-sizing:border-box;
border:1px solid #3491f7;
opacity:1;
background:#fff
}
.right-side-flags-slider-pagination span.swiper-pagination-bullet-active {
background:#3491f7
}
.right-side .news-and-infos .title-box {
display:flex
}
.right-side .news-and-infos .title-box li:first-of-type h2 {
padding:0 20px;
font-size:18px;
margin-bottom:10px;
margin-top:0;
background:url(/assets/images/line.png) no-repeat 0;
font-weight:400
}
.right-side .news-and-infos .title-box li.active h2 {
color:#333
}
.right-side .news-and-infos .title-box li h2 {
color:#999;
font-size:18px;
margin-bottom:10px;
margin-top:0;
font-weight:400;
cursor:pointer
}
.right-side .hot-flags .hot-flags-ul {
border-top:1px solid #f6f6f6
}
.right-side .hot-flags .hot-flags-ul li {
display:flex;
align-items:center;
padding:16px 0;
border-bottom:1px solid #f6f6f6
}
.right-side .hot-flags .hot-flags-ul li img {
width:34px;
min-width:34px;
height:20px;
max-height:20px;
margin-right:12px
}
.right-side .hot-flags .hot-flags-ul li span {
min-width:46px;
display:block;
background-color:#f3f9eb;
border-radius:2px;
border:1px solid #dff2c6;
color:#8dc63f;
font-size:12px;
line-height:20px;
text-align:center;
white-space:nowrap;
padding:0 4px
}
.right-side .hot-flags .hot-flags-ul li span.danger {
border:1px solid #fbe9e7;
color:#e5493a;
background-color:#fef8f7
}
.right-side .hot-flags .hot-flags-ul li p {
font-size:12px;
line-height:1;
letter-spacing:0;
color:#343434;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
max-width:188px;
margin-right:auto
}
.bread-crumb {
display:block;
background-color:#f5f5f5;
padding-top:20px;
padding-bottom:20px;
width:100%;
margin-top:0
}
.bread-crumb, .bread-crumb>div {
margin-right:auto;
margin-left:auto
}
.bread-crumb>div {
width:1200px
}
.bread-crumb ol {
display:flex;
padding-left:0
}
.litter-icon {
padding-left:10px;
padding-right:6px;
color:#666
}
.bread-crumb ol {
margin-top:0;
margin-bottom:0;
width:1200px
}
.bread-crumb ol li div {
display:inline-block
}
.footer-ul-div ul li a {
padding-right:4px;
padding-left:4px;
border-right:1px solid #b0b0b0;
height:12px
}
.header-logo-div {
margin-top:25px;
margin-bottom:0;
height:52px;
margin-left:0
}
.header-logo-div img {
width:152px
}
.header-container {
align-items:normal
}
.pc-nav>ul>li>a {
display:block;
margin-left:40px;
padding-top:30px;
margin-top:15px;
padding-bottom:24px
}
.pc-nav>ul>li:first-of-type>a {
margin-left:0
}
.pc-nav>ul {
width:624px;
justify-content:space-between
}
.pc-nav>ul li:nth-of-type(2):hover .platform-nav {
opacity:1;
visibility:visible;
transform:scale(1)
}
footer {
margin-top:20px
}
footer>div {
width:1200px;
margin-right:auto;
margin-left:auto
}
.footer-ul-div {
padding-top:28px
}
.footer-logo {
padding-top:12px
}
.platform-nav {
opacity:0;
visibility:hidden;
position:absolute;
top:100px;
background-color:#fff;
border-radius:4px;
transform:scaleY(0);
transform-origin:0 0;
transition:all .3s ease-in-out
}
.platform-nav ul {
display:grid;
grid-template-columns:repeat(2, 240px);
border-radius:4px
}
.platform-nav ul li a {
font-size:14px;
line-height:30px;
display:block;
width:100%;
padding:0 12px
}
.platform-nav ul li {
margin:0;
border-bottom:1px solid #f6f6f6;
position:relative
}
.footer-logo {
display:block
}
.pc-nav>ul {
display:flex
}
header {
box-shadow:0 0 20px 0 rgba(23, 17, 96, .3);
background-color:#fff
}
.header-container {
width:1200px;
margin-right:auto;
margin-left:auto;
padding:0
}
.pc-nav {
display:block
}
.pc-nav a {
color:#667289;
font-size:18px;
line-height:1
}
.m-nav {
display:none
}
}
#other-article-list-page {
	background-color:#f5f5f5;
	padding-bottom:10px
}
#other-article-list-page .page-changer {
	margin-bottom:10px
}
#other-article-list-page .article-list {
	padding-left:12px;
	padding-right:12px;
	margin-top:-50px
}
#other-article-list-page .page-changer ol {
	padding-top:12px;
	padding-bottom:12px
}
#other-article-list-page .article-list li {
	background-color:#fff;
	border-radius:6px;
	margin-bottom:10px;
	padding-bottom:20px
}
#other-article-list-page .article-list li img {
	width:100%;
	height:200px;
	-o-object-fit:cover;
	object-fit:cover;
	border-top-left-radius:6px;
	border-top-right-radius:6px
}
#other-article-list-page .article-block {
	overflow:hidden
}
#other-article-list-page .article-list li .words-block {
	padding:16px
}
#other-article-list-page .article-list li .words-block h3 {
	font-size:22px;
	font-weight:400;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:4px;
	margin-bottom:12px;
	color:#444172
}
#other-article-list-page .article-list li .words-block p {
	font-size:14px;
	color:#999;
	line-height:24px;
	margin-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
#other-article-list-page .article-list li .words-block time {
	font-size:12px;
	color:#999
}
#other-article-list-page .new-customer {
	padding:8px;
	background-color:#fff;
	margin-bottom:12px
}
#other-article-list-page .new-customer p {
	margin-top:0;
	margin-bottom:0
}
#other-article-list-page .new-customer a {
	color:red;
	font-size:14px;
	line-height:normal
}
#other-article-list-page .bread-crumb {
	margin-top:62px
}
@media (min-width:1200px) {
#other-article-list-page .bread-crumb {
margin-top:0
}
#other-article-list-page {
margin-bottom:-20px;
padding-bottom:20px
}
#other-article-list-page .article-list li .words-block {
width:540px;
padding:0;
margin-left:20px
}
#other-article-list-page .article-list {
padding:20px;
background-color:#fff
}
#other-article-list-page .article-list li .words-block h3 {
font-size:22px;
font-weight:400;
line-height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#444172
}
#other-article-list-page .article-list li {
display:flex;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #f6f6f6;
overflow:hidden;
margin-bottom:0;
border-radius:0
}
#other-article-list-page .article-list li:hover {
background-color:#f5f5f5
}
#other-article-list-page .article-list li img {
width:240px;
height:126px;
border-top-left-radius:0;
border-top-right-radius:0;
-o-object-fit:cover;
object-fit:cover
}
#other-article-list-page .article-list li .words-block p {
margin-top:0;
margin-bottom:0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2
}
#other-article-list-page .article-list {
margin-top:0
}
#other-article-list-page .left-block {
width:840px
}
#other-article-list-page .pc-container {
width:1200px;
margin-right:auto;
margin-left:auto;
display:flex;
justify-content:space-between
}
#other-article-list-page .new-customer {
margin-bottom:0;
padding:0 20px;
width:800px
}
#other-article-list-page .new-customer a {
font-size:22px;
display:block;
width:800px;
padding-top:20px;
margin-top:-20px
}
#other-article-list-page .new-customer a:hover {
background-color:#f5f5f5
}
#other-article-list-page .page-changer ol {
padding-top:0
}
#other-article-list-page .page-changer {
background-color:#fff
}
#other-article-list-page .right-articles h2 {
font-weight:400
}
}
body {
	background-color:#f5f5f5
}
#trading-plant-page .new-customer {
	padding:8px;
	background-color:#fff;
	margin-bottom:12px
}
#trading-plant-page .new-customer p {
	margin-top:0;
	margin-bottom:0
}
#trading-plant-page .new-customer a {
	color:red;
	font-size:14px;
	line-height:normal
}
#trading-plant-page .m-bottom-pic {
	width:100%;
	margin-top:12px;
	margin-bottom:8px
}
#trading-plant-page .pc-bottom-pic {
	display:none
}
#trading-plant-page .trade-plant {
	background-color:#fff;
	padding:0 16px 16px;
	margin-bottom:12px
}
#trading-plant-page .trade-plant h2 {
	background:url(/assets/images/tittle-bg.png) no-repeat 50%;
	padding:20px 15px;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:400;
	margin-top:0;
	margin-bottom:0
}
#trading-plant-page .trade-plant-ul li a {
	display:flex;
	padding:12px 0;
	border-bottom:1px solid #e2e2e2
}
#trading-plant-page .trade-plant-ul li:last-of-type a {
	border-bottom:none
}
#trading-plant-page .trade-plant-ul li a h3 {
	color:#000;
	font-size:14px;
	font-weight:400;
	padding:0 0 10px;
	line-height:20px;
	margin-top:0;
	margin-bottom:0
}
#trading-plant-page .trade-plant-ul li a p {
	display:none
}
#trading-plant-page .trade-plant-ul li a time {
	font-size:12px;
	color:#999;
	display:block
}
#trading-plant-page .trade-plant-ul li img {
	width:138px;
	height:76px;
	margin-right:12px
}
#trading-plant-page {
	background-color:#f5f5f5;
	padding-top:0;
	margin-top:62px;
	position:relative;
	z-index:0
}
#trading-plant-page .right-articles h2 {
	font-weight:400
}
#trading-plant-page .n-plant-block {
	background-color:#fff;
	box-shadow:0 1px 12px 0 hsla(0, 0%, 90.2%, .85);
	margin-bottom:12px;
	padding:20px
}
#trading-plant-page .n-plant-block .logo-and-score {
	background-color:#fff;
	min-width:240px
}
#trading-plant-page .n-plant-block .logo-and-score .logo-box {
	display:flex;
	border:1px solid #e5e5e5;
	justify-content:center;
	align-items:center;
	padding:0 20px;
	height:160px;
	margin-bottom:12px
}
#trading-plant-page .n-plant-block .logo-and-score .score-box {
	display:flex;
	justify-content:center;
	align-content:center;
	margin-bottom:12px;
	background-image:url(/assets/images/new-platform-list/grey-score.png);
	background-repeat:no-repeat;
	background-size:174px 30px;
	background-position:0, 50%;
	width:174px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	height:30px
}
#trading-plant-page .n-plant-block .logo-and-score .score-box .ora-bar {
	position:absolute;
	height:30px;
	left:0;
	top:0;
	background-image:url(/assets/images/new-platform-list/ora-score.png);
	background-repeat:no-repeat;
	background-size:174px 30px;
	background-position:0, 50%
}
#trading-plant-page .n-plant-block .logo-and-score img {
	width:100%;
	-o-object-fit:contain;
	object-fit:contain;
	-o-object-position:center center;
	object-position:center center
}
#trading-plant-page .n-plant-block .score-text {
	font-size:18px;
	line-height:18px;
	letter-spacing:0;
	color:#343434;
	text-align:center;
	margin-bottom:12px
}
#trading-plant-page .info-box .title-box, #trading-plant-page .info-box .title-box .flag-and-nation {
	display:flex;
	align-items:center
}
#trading-plant-page .info-box .title-box .flag-and-nation img {
	width:32px;
	height:20px;
	min-width:32px;
	margin-right:8px
}
#trading-plant-page .info-box .title-box .flag-and-nation p {
	font-size:14px;
	color:#343434
}
#trading-plant-page .info-box .title-box .flag-and-nation p span {
	min-width:56px
}
#trading-plant-page .info-box h3 {
	font-size:20px;
	color:#343434;
	font-weight:700;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	margin-right:20px
}
#trading-plant-page .info-box .plat-and-special .flex-box {
	display:flex;
	align-items:center
}
#trading-plant-page .info-box .plat-and-special .flex-box img {
	width:18px;
	min-width:18px;
	height:18px;
	margin-right:8px
}
#trading-plant-page .info-box .plat-and-special .flex-box p {
	font-size:14px;
	color:#5a5a5a;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	word-break:break-all;
	width:232px
}
#trading-plant-page .info-box .plat-and-special {
	border-bottom:1px solid #e1e1eb;
	padding-bottom:8px;
	margin-bottom:8px
}
#trading-plant-page .info-box .introduce-box p {
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	color:#343434;
	min-height:72px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
#trading-plant-page .info-box .introduce-box span {
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	color:#2096fe;
	text-align:right;
	display:block;
	width:100%;
	position:relative;
	top:-5px;
	margin-bottom:4px
}
#trading-plant-page .info-box .two-flag-box .flex-box {
	display:flex;
	align-items:center;
	margin-bottom:12px
}
#trading-plant-page .info-box .two-flag-box .flex-box:last-of-type {
	margin-bottom:0
}
#trading-plant-page .info-box .two-flag-box .flex-box img {
	width:34px;
	min-width:34px;
	height:20px;
	margin-right:8px
}
#trading-plant-page .info-box .two-flag-box .flex-box p {
	font-size:12px;
	letter-spacing:0;
	color:#5a5a5a;
	max-width:144px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	margin-right:8px
}
#trading-plant-page .info-box .two-flag-box .flex-box span {
	font-size:12px;
	line-height:20px;
	letter-spacing:0;
	color:#8dc63f;
	min-width:44px;
	padding:0 4px;
	white-space:nowrap;
	text-align:center;
	background-color:#f3f9eb;
	border-radius:2px;
	border:1px solid #dff2c6
}
#trading-plant-page .info-box .two-flag-box .flex-box span.danger {
	background-color:#fef8f7;
	border:1px solid #fbe9e7;
	color:#e5493a
}
#trading-plant-page .info-box .two-flag-box {
	border-bottom:1px solid #e1e1eb;
	padding-bottom:12px;
	margin-bottom:12px
}
#trading-plant-page .info-box .news-box a {
	display:flex;
	align-items:center
}
#trading-plant-page .info-box .news-box h4 {
	font-size:14px;
	letter-spacing:1px;
	color:#5a5a5a;
	width:414px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	margin-right:28px
}
#trading-plant-page .info-box .news-box time {
	font-size:14px;
	letter-spacing:1px;
	color:#5a5a5a;
	white-space:nowrap
}
#trading-plant-page .info-box .news-box a:hover h4, #trading-plant-page .info-box .news-box a:hover time {
	color:#1b93fc
}
@media (min-width:1200px) {
#trading-plant-page .info-box .two-flag-box .flex-box p {
width:148px;
max-width:148px
}
#trading-plant-page .info-box .introduce-box span {
margin-top:-20px
}
#trading-plant-page .info-box .two-flag-box .flex-box {
margin-bottom:0
}
#trading-plant-page .info-box .two-flag-box {
display:flex;
justify-content:space-between
}
#trading-plant-page .info-box .plat-and-special {
display:flex
}
#trading-plant-page .info-box .plat-and-special .flex-box:first-of-type {
margin-right:24px
}
#trading-plant-page .n-plant-block .logo-and-score {
width:240px;
margin-right:20px
}
#trading-plant-page .n-plant-block>.flex-box {
display:flex
}
#trading-plant-page {
padding-top:0;
background-color:#f5f5f5;
margin-bottom:-20px;
padding-bottom:20px;
margin-top:0
}
#trading-plant-page .container {
width:1200px;
margin-right:auto;
margin-left:auto;
display:flex;
justify-content:space-between
}
#trading-plant-page .right-side {
display:block
}
#trading-plant-page .new-customer {
width:840px;
padding:20px
}
#trading-plant-page .m-bottom-pic {
display:none
}
#trading-plant-page .left-block {
width:840px
}
#trading-plant-page .new-customer a {
font-size:22px
}
#trading-plant-page .pc-bottom-pic {
width:840px;
display:block;
margin-top:20px
}
#trading-plant-page .trade-plant {
display:none
}
}
#single-plantform-page {
	background-color:#f5f5f5;
	padding-bottom:10px
}
#single-plantform-page .article-list {
	padding-left:12px;
	padding-right:12px;
	margin-top:-56px
}
#trading-plant-page .trade-plant-ul li a>div:first-of-type {
	min-width:138px;
	margin-right:20px
}
#single-plantform-page .page-changer ol {
	padding-top:12px;
	padding-bottom:12px
}
#single-plantform-page .article-list li {
	background-color:#fff;
	border-radius:6px;
	margin-bottom:10px;
	padding-bottom:20px
}
#single-plantform-page .article-list li img {
	width:100%;
	border-top-left-radius:6px;
	border-top-right-radius:6px
}
#single-plantform-page .article-list li .words-block {
	padding:16px
}
#single-plantform-page .article-list li .words-block h3 {
	font-size:22px;
	font-weight:400;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:4px;
	margin-bottom:12px;
	color:#444172
}
#single-plantform-page .article-list li .words-block p {
	font-size:14px;
	color:#999;
	line-height:24px;
	margin-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
#single-plantform-page .article-list li .words-block time {
	font-size:12px;
	color:#999
}
#single-plantform-page .new-customer {
	padding:8px;
	background-color:#fff;
	margin-bottom:12px
}
#single-plantform-page .new-customer p {
	margin-top:0;
	margin-bottom:0
}
#single-plantform-page .new-customer a {
	color:red;
	font-size:14px;
	line-height:normal
}
#single-plantform-page .trader-info {
	background-color:#fff;
	padding:20px;
	margin-bottom:20px;
	margin-right:12px;
	margin-left:12px
}
#single-plantform-page .trader-info h2 {
	font-size:18px;
	font-weight:700;
	line-height:1;
	color:#343434;
	margin-bottom:20px
}
#single-plantform-page .trader-info ul {
	width:100%;
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	row-gap:20px;
	margin-bottom:20px
}
#single-plantform-page .trader-info ul li p {
	font-size:14px;
	color:#5a5a5a;
	line-height:1;
	word-break:break-all
}
#single-plantform-page .trader-info ul li p span {
	color:#343434
}
#single-plantform-page .trader-info ul.left-list {
	grid-template-columns:repeat(2, 1fr);
	justify-content:space-between
}
#single-plantform-page {
	margin-top:62px
}
#single-plantform-page .info-sec-with-progress {
	padding:0 16px;
	margin-bottom:20px
}
#single-plantform-page .info-sec-with-progress .flex-box {
	background-color:#fff;
	box-shadow:0 1px 12px 0 hsla(0, 0%, 90.2%, .85);
	padding:12px
}
#single-plantform-page .info-sec-with-progress .logo-box {
	background-color:#fff;
	position:relative;
	border:1px solid #e5e5e5;
	width:240px;
	margin-right:auto;
	margin-left:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	height:160px;
	margin-bottom:16px
}
#single-plantform-page .info-sec-with-progress .logo-box img {
	width:100%;
	height:auto;
	padding:0 20px
}
#single-plantform-page .info-sec-with-progress .logo-box p {
	position:absolute;
	top:12px;
	left:-2px;
	width:88px;
	background-image:url(/assets/images/new-platforms/ribbon.png);
	background-size:100% 100%;
	line-height:18px;
	font-size:12px;
	color:#fff;
	padding:0 0 5px 6px
}
#single-plantform-page .info-sec-with-progress .level-bar {
	display:flex;
	margin-bottom:12px;
	justify-content:center;
	align-items:baseline
}
#single-plantform-page .info-sec-with-progress .level-bar img {
	width:16px;
	height:16px;
	min-width:16px;
	margin-right:4px
}
#single-plantform-page .info-sec-with-progress .level-bar p {
	font-size:14px;
	font-weight:700;
	color:#343434;
	line-height:1
}
#single-plantform-page .info-sec-with-progress .level-bar p.level {
	font-size:36px
}
#single-plantform-page .info-sec-with-progress .info-title-box {
	align-items:center;
	padding-bottom:8px;
	border-bottom:2px solid #1b93fc;
	margin-bottom:28px
}
#single-plantform-page .info-sec-with-progress .info-title-box .little-flex-box {
	display:flex;
	align-items:center
}
#single-plantform-page .info-sec-with-progress .info-title-box h2 {
	font-size:20px;
	font-weight:700;
	color:#343434;
	line-height:1
}
#single-plantform-page .info-sec-with-progress .info-title-box img {
	width:32px;
	height:20px;
	min-width:32px;
	margin-left:0;
	margin-right:4px
}
#single-plantform-page .info-sec-with-progress .info-title-box p {
	font-size:12px;
	color:#343434
}
#single-plantform-page .info-sec-with-progress .info-sec-ul {
	margin-bottom:24px
}
#single-plantform-page .info-sec-with-progress .info-sec-ul li {
	display:flex;
	align-items:center;
	margin-bottom:20px
}
#single-plantform-page .info-sec-with-progress .info-sec-ul li:last-of-type {
	margin-bottom:0
}
#single-plantform-page .info-sec-with-progress .info-sec-ul li img {
	width:20px;
	min-width:20px;
	margin-right:8px
}
#single-plantform-page .info-sec-with-progress .info-sec-ul li p {
	font-size:14px;
	color:#343434;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
#single-plantform-page .info-sec-with-progress .website-address-box {
	background-color:#f5fcfe;
	border:1px solid #e7f0f3;
	display:flex;
	align-items:center;
	margin-bottom:20px
}
#single-plantform-page .info-sec-with-progress .website-address-box .icon-box {
	width:42px;
	min-width:42px;
	background-color:#ebf9fd;
	border-right:1px solid #e7f0f3;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:18px;
	height:100%;
	min-height:44px
}
#single-plantform-page .info-sec-with-progress .website-address-box p {
	font-size:14px;
	color:#343434
}
#single-plantform-page .info-sec-with-progress .website-address-box p a {
	color:#2096fe
}
#single-plantform-page .info-sec-with-progress .website-address-box .icon-box img {
	width:26px;
	min-width:26px;
	height:26px
}
#single-plantform-page .info-sec-with-progress .grey-bg {
	background-image:linear-gradient(0deg, #f5f5f5 2%, #fff), linear-gradient(#f5fcfe, #f5fcfe);
	background-blend-mode:normal, normal;
	border-radius:10px;
	padding-bottom:20px;
	padding-top:12px
}
#single-plantform-page .info-sec-with-progress .progress-box {
	width:137px;
	height:136px;
	margin-right:auto;
	margin-left:auto
}
#single-plantform-page .progress-ring {
	width:137px;
	height:136px;
	position:relative;
	border-radius:50%;
	mask:radial-gradient(transparent 64px, #d8d8d8 0);
	-webkit-mask:radial-gradient(transparent 64px, #d8d8d8 0)
}
#single-plantform-page .progress-box {
	position:relative
}
#single-plantform-page .progress-box .text-in-ring {
	position:absolute;
	top:36px;
	left:26px;
	width:80px
}
#single-plantform-page .progress-box .text-in-ring p {
	font-size:14px;
	line-height:1;
	letter-spacing:0;
	color:#343434;
	text-align:center
}
#single-plantform-page .progress-box .text-in-ring p.blue {
	font-size:40px;
	font-weight:700;
	margin-bottom:12px;
	color:#1b93fc
}
#single-plantform-page .ora-btn {
	width:150px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border-radius:999px;
	font-size:20px;
	color:#fff;
	font-weight:700;
	line-height:44px;
	text-align:center;
	background-color:#ff9e02;
	margin-top:16px
}
#single-plantform-page .ora-btn:hover {
	background-color:#de8c08
}
#single-plantform-page .banner-pic-sec {
	overflow:hidden
}
#single-plantform-page .out-banner-box {
	padding:0 16px;
	margin-bottom:28px
}
#single-plantform-page .platform-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#fff
}
#single-plantform-page .platform-swiper-pagination .swiper-pagination-bullet {
	border:1px solid #fff;
	opacity:1;
	background-color:transparent
}
@media (min-width:1200px) {
#single-plantform-page .info-sec-with-progress .info-title-box img {
margin-left:20px
}
#single-plantform-page .platform-swiper-pagination {
bottom:8px
}
#single-plantform-page .out-banner-box {
padding:0;
margin-bottom:20px
}
#single-plantform-page .banner-pic-sec {
height:190px
}
#single-plantform-page .info-sec-with-progress .info-sec-ul {
margin-bottom:20px
}
#single-plantform-page .info-sec-with-progress .website-address-box .icon-box {
height:42px;
max-height:42px;
min-height:42px
}
#single-plantform-page .info-sec-with-progress .website-address-box {
margin-bottom:0
}
#single-plantform-page .info-sec-with-progress .logo-box {
margin-bottom:32px
}
#single-plantform-page .info-sec-with-progress .level-bar {
margin-bottom:0
}
#single-plantform-page .info-sec-with-progress {
padding:0;
max-width:1200px;
margin-right:auto;
margin-left:auto
}
#single-plantform-page .info-sec-with-progress .flex-box {
display:grid;
grid-template-columns:240px 552px 308px;
grid-gap:32px
}
#single-plantform-page .info-sec-with-progress .info-title-box h2 {
font-size:28px
}
#single-plantform-page .info-sec-with-progress .info-title-box p {
font-size:14px
}
#single-plantform-page .info-sec-with-progress .info-title-box {
display:flex
}
#single-plantform-page {
margin-bottom:-20px;
padding-bottom:20px;
margin-top:0
}
#single-plantform-page .article-list li .words-block {
width:540px;
padding:0;
margin-left:20px
}
#single-plantform-page .article-list {
padding:20px;
background-color:#fff
}
#single-plantform-page .article-list li .words-block h3 {
font-size:22px;
font-weight:400;
line-height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#444172
}
#single-plantform-page .article-list li {
display:flex;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #f6f6f6;
overflow:hidden;
margin-bottom:0;
border-radius:0
}
#single-plantform-page .article-list li:hover {
background-color:#f5f5f5
}
#single-plantform-page .article-list li img {
width:240px;
height:126px;
border-top-left-radius:0;
border-top-right-radius:0;
-o-object-fit:cover;
object-fit:cover
}
#single-plantform-page .article-list li .words-block p {
margin-top:0;
margin-bottom:0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2
}
#single-plantform-page .trader-info {
background-color:#fff;
padding:20px;
margin-bottom:20px;
margin-left:0;
margin-right:0
}
#single-plantform-page .trader-info h2 {
font-size:18px;
font-weight:700;
line-height:1;
color:#343434;
margin-bottom:20px
}
#single-plantform-page .trader-info ul {
width:50%;
display:grid;
grid-template-columns:repeat(1, 1fr);
row-gap:20px;
margin-bottom:0
}
#single-plantform-page .trader-info ul li p {
font-size:14px;
color:#5a5a5a;
line-height:1
}
#single-plantform-page .trader-info ul li p span {
color:#343434
}
#single-plantform-page .trader-info ul.left-list {
grid-template-columns:repeat(2, 128px);
-moz-column-gap:40px;
column-gap:40px;
border-right:1px solid #e1e1eb;
justify-content:left
}
#single-plantform-page .trader-info ul.right-list {
padding-left:20px
}
#single-plantform-page .article-list {
margin-top:0
}
#single-plantform-page .left-block {
width:840px
}
#single-plantform-page .pc-container {
width:1200px;
margin-right:auto;
margin-left:auto;
display:flex;
justify-content:space-between
}
#single-plantform-page .new-customer {
margin-bottom:0;
padding:0 20px;
width:800px
}
#single-plantform-page .new-customer a {
font-size:22px;
display:block;
width:800px;
padding-top:20px;
margin-top:-20px
}
#single-plantform-page .new-customer a:hover {
background-color:#f5f5f5
}
#single-plantform-page .page-changer ol {
padding-top:0
}
#single-plantform-page .page-changer {
background-color:#fff
}
#single-plantform-page .right-articles h2 {
font-weight:400
}
}
#article-page .bread-crumb {
	background-color:#fff
}
#article-page {
	padding-top:56px
}
#article-page .trade-plant {
	background-color:#fff;
	padding:0 16px 16px;
	margin-bottom:12px
}
#article-page .trade-plant h2 {
	background:url(/assets/images/tittle-bg.png) no-repeat 50%;
	padding:20px 15px;
	text-align:center;
	color:#000;
	font-size:18px;
	font-weight:400;
	margin-top:0;
	margin-bottom:0
}
#article-page .trade-plant-ul li a {
	display:flex;
	padding:12px 0;
	border-bottom:1px solid #e2e2e2
}
#article-page .trade-plant-ul li:last-of-type a {
	border-bottom:none
}
#article-page .trade-plant-ul li a h3 {
	color:#000;
	font-size:14px;
	font-weight:400;
	padding:0 0 10px;
	line-height:20px;
	margin-top:0;
	margin-bottom:0
}
#article-page .trade-plant-ul li a p {
	display:none
}
#article-page .trade-plant-ul li a time {
	font-size:12px;
	color:#999;
	display:block
}
#article-page .trade-plant-ul li img {
	min-width:138px;
	height:76px;
	margin-right:12px
}
#article-page {
	background-color:#f5f5f5
}
#article-page .bread-crumb {
	display:none
}
#article-page .article-detials {
	font-size:14px;
	color:#666;
	line-height:30px;
	padding:40px 20px 20px;
	background-color:#fff
}
#article-page p {
	margin-block-start:0;
	margin-block-end:0
}
#article-page h1 {
	font-size:28px;
	color:#222;
	font-weight:600;
	text-align:center;
	margin-top:0;
	margin-bottom:0
}
#article-page .tittle time {
	margin-bottom:30px;
	font-size:14px;
	height:24px;
	text-align:center;
	color:#999;
	display:block;
	margin-top:10px
}
#article-page .text-block a {
	text-decoration:none;
	color:#1696e7;
	outline:medium none
}
#article-page .text-block p {
	margin-bottom:30px
}
#article-page .text-block img {
	width:100%;
	padding-top:20px;
	padding-bottom:20px
}
#article-page .before-next-one {
	padding-top:20px;
	font-size:14px;
	color:#333;
	line-height:normal
}
#article-page .before-next-one p a {
	color:#333
}
#article-page .before-next-one p a:hover {
	color:#1696e7
}
#article-page .before-next-one p {
	color:#717f99
}
#article-page .fenx-bx {
	display:flex;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f6f6f6
}
.bd_weixin_popup {
	width:280px!important;
	height:340px!important
}
.pc-bottom-pic {
	display:none
}
m.m-bottom-pic {
	margin-top:10px
}
#article-page .adv-text-in-detials p>a {
	color:#1696e7
}
@media (min-width:1200px) {
.m-bottom-pic {
display:none
}
.pc-bottom-pic {
display:block;
margin-top:20px
}
.bd_weixin_popup {
width:302px!important;
height:362px!important
}
#article-page .container {
width:1200px;
margin-right:auto;
margin-left:auto;
display:flex;
justify-content:space-between
}
#article-page .left-block {
width:840px
}
#article-page .article-detials {
padding:60px 40px 20px
}
#article-page h1 {
line-height:47px;
font-size:38px;
color:#222;
margin-bottom:15px;
font-weight:600;
text-align:center;
margin-block-start:0;
margin-block-end:0
}
#article-page .tittle time {
margin-top:14px
}
#article-page .text-block img {
width:auto;
margin-right:auto;
margin-left:auto;
display:block;
padding-bottom:36px;
padding-top:0
}
#article-page {
padding-top:0;
background-color:#fff
}
#article-page .before-next-one p:first-of-type a {
color:#1696e7
}
#article-page .bread-crumb {
margin-top:0;
padding-top:20px;
display:block
}
#article-page .trade-plant {
display:none
}
}
#about-us-page .container {
	padding-left:16px;
	padding-right:16px
}
body {
	background-color:#fff
}
#about-us-page h2 {
	margin-top:24px;
	margin-bottom:20px;
	font-size:20px;
	line-height:20px;
	color:#222;
	font-weight:600
}
#about-us-page p {
	color:#666;
	font-size:14px;
	line-height:24px
}
#about-us-page h2:nth-of-type(2) {
margin-top:20px
}
#about-us-page {
	padding:0 16px 16px
}
#out-about-us-page .top-adv-box {
	margin-top:80px
}
@media (min-width:1200px) {
#out-about-us-page {
margin-bottom:40px
}
#out-about-us-page .top-adv-box {
margin-top:60px;
margin-bottom:48px
}
#about-us-page {
padding-top:0
}
#out-about-us-page .container {
width:1200px;
margin-right:auto;
margin-left:auto;
padding:0
}
#out-about-us-page .flex-box {
display:flex;
justify-content:space-between
}
#out-about-us-page .flex-box .editor-box {
width:730px
}
#about-us-page h2 {
margin-top:0;
margin-bottom:28px
}
#about-us-page h2:nth-of-type(2) {
margin-top:52px
}
#about-us-page p {
color:#666;
font-size:14px;
line-height:35px;
margin-top:0;
margin-bottom:0
}
#about-us-page p:last-of-type {
margin-bottom:20px
}
}
#account-page {
	margin-top:60px;
	background-image:url(/assets/images/account-page/m-bg.jpg);
	background-position:50%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:40px 12px 60px
}
#account-page h2 {
	font-size:24px;
	color:#000;
	font-weight:700;
	margin-bottom:64px;
	text-align:center
}
#account-page .grid-box {
	display:grid;
	grid-template-columns:repeat(1, 1fr);
	grid-gap:20px
}
#account-page .grid-box ul {
	display:grid;
	grid-template-columns:repeat(1, 200px);
	justify-content:center;
	grid-gap:56px
}
#account-page .grid-box ul li {
	position:relative;
	background-color:#eaf1f4;
	border:1px solid #e7f0f3;
	padding:52px 20px 20px
}
#account-page .grid-box ul li img {
	position:absolute;
	left:64px;
	top:-36px;
	width:70px;
	height:70px
}
#account-page .grid-box ul li p {
	font-size:20px;
	color:#343434;
	line-height:1;
	margin-bottom:22px;
	white-space:nowrap
}
#account-page .grid-box ul li .blue-line {
	width:70px;
	height:2px;
	background-color:#1b93fc;
	margin-right:auto;
	margin-left:auto
}
@media (min-width:1200px) {
#account-page {
margin-bottom:-20px;
margin-top:0;
padding:80px 0 300px;
background-image:url(/assets/images/account-page/pc-bg.jpg)
}
#account-page h2 {
line-height:1;
font-size:44px;
margin-bottom:56px
}
#account-page .grid-box {
width:1200px;
padding-left:320px;
margin-right:auto;
margin-left:auto;
grid-template-columns:430px 372px;
grid-gap:80px
}
#account-page .grid-box .left {
padding-top:64px
}
#account-page .grid-box .left ul {
grid-template-columns:repeat(2, 200px);
grid-gap:64px 28px
}
}
@media (min-width:1200px) {
.xl\:flex {
display:flex
}
}
