:root {
	--font-family: "思源黑体 CN", "Noto Sans SC", Tahoma, Geneva, sans-serif;
	--title_blue: #3d3d3d;
	--sub_title_gray: #2d2d2d;
	--blue: #080059;
	--gray: #F8F8F6;
	--gray-font: #2d2d2d;
	--zone-bg-color: rgba(255, 255, 255, 1);
	--zone-border-color: rgba(0, 61, 129, 1);
	--h1-font-weight: 500;
	--h3-font-weight: 500;
	--a-font-weight: 700;
	--a-font-color: #ffffff;
	--a-bg-color: rgba(0, 61, 129, 0.6);
	--mark-bg-color: #ffa200;
	--icon-wechat: url("/img/footer/wechat.png");
	--icon-douyin: url("/img/footer/douyin.png");
	--icon-redbook: url("/img/footer/redbook.png");
	--icon-weibo: url("/img/footer/weibo.png");
	--icon-tel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAfCAYAAACLSL/LAAAEnElEQVRYhaWYW2xUVRSGvzO9OUAHbFEQoRUEESRiQTEoF8UHjGhRAgQv0YhRXyRRE6PvPvnCm4HExBgTnrgkyCUYH/CCdyJBEoJVFMqlQKmlFjtlOp0xi/zH7O6cc+ZMWclJ23PWXvvfa/3rshtk2t8hRgK9rgeagduB2/RMBVqBW4FxQCPQAJSBPNCv5zzwF3AOuAB06fd/gGHpR0ptzPsmYB6wCLgfuAuYBOQENPCeKCl7jwHuFdhjwM96TgL/+ut9YC1AO/AEcC9ws3RqgIzjxdFInTxr3l4APC+Q3wG7ga+Bv6OAGaDXgYXABBnK3AAQX0IvZ5x97xTQZcDnwMfAYRfYs8C7CtlNKTwThqZLp+wDrupbTlSYKD7WJNixb2OAO4DngMnAZuBQrTj0BnC3CBwnRRHY+PErcAI4Ld4M6DvydE4JMwOYC7QB9yiUUVGwd+OB5cAloMeArUsB6jJwANglQKGHBpVdJSfDAnnCbP8oME1ywEuiSjZmH6PQA8BTtvi+BEXkCSPmR4r/QIIuAljUMyiPngFOAQWBnBNDl4wo0JaG3GeBL4FfUoBKAnsF+EIloj9B93qCmMcOKn2jSG/x3gd85dSaOmXSXHnguIqma3iW6FEQkF6F2+ztBKYADwFjvf2GZeubmmD2wxeUGY36eFX15QiwA9guXg3puxlbAbytkHSqSIZih12thLLNfwK6HR7a7xd10CGBKSi7j2i/PWbkD+BDnWySFl/Whh06ZdHZ2MJ/i0jaqTVZx9tG/Gkie1EHcSPRq5D+5tSxRpWfk8r4rrCOdSj16wWsoNP4vSwQqFb9nVOKj3fqVUkJFXaKOdqs4NjJC9jv2rNOnrumnyMq/zU9cWK604G1wOMyZhn2NLDSqU8lAQ7b2ItKmgOKhHvYkjJ30N8zron70iAyrwc2qHCG65sT1gXi2RhNIXvVLYoJa66Lkb+STlaheVmtq8X7HoY+r5+ZiDZkrWamPNSlclG6EWBGygeB14BnRHRX8kqew0oe402PgOU80k+U1zNKqL4kzyWFcoK6/qvAo17NKWvYMzDbNLr0aFNr3I8BGzUU1DvrpmqCsXHqU+BoXNGO85iRehXwJrA0omUNqOi+bzVHoPJ6bzXqB4WsTSDcDpNVcW6W5y55GRsJLNACI/lbMux7tayQbQX2J3j8hGwtiDiYZfRsebdbhxhyFdxNw8L5itztkzyUguretwmgQrEsfMEpH/7eK+XRnFpfX1hOXBc3yUubEkChkJ3TSStJp0I1nKBn94r3FKVxrpdCsTlpjVI7ScJ5K838P6zMi70NSeZptJ8ZBYxKVypJVtOBXzqiZLp061IcYIRXXWDlFKBQ+htxl6TQbdfdM83c507BIxZUczWboevX4gSd1eqTjQk6sZK2V/pivdPqzAfAJxo2u2XPiuiTKswtFW5JqYBlqrhHBmrMi8SjjcrUWl3FWiMKayV7Na6+C6w/Tdf3jDXofxrGo/nOu2ojUdbIlQ9fuCfqUM+7UqVRA2MJYTXI+ulo6GFD6vfu3cE1Yv1ui5rzI1Vk02jFDmRd5E/128/+vz0B/wF6Fxh6MrXt7wAAAABJRU5ErkJggg==);
	--icon-addr: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAYAAAAD3IPhAAAFDElEQVRYhbWYWWyUZRSGn2mnC0sFq1JAFFoj1bhvgBJFRaMi4BajxsR44YUXxugFV154o7eamBgvXG5M3KJC0GBcUHAFDSpKURTFtVgopWwtlHZqjnn+5OfPdOan1C+ZTGfmW97vPe95z/lbqFm6jKMcReAs4ErgImAG0AgcALYBXwJrgZ9Hs/HRjDOAu4FFwKmCiD0KwDAwF1gikDeAV4Cu/wPMQuBhYA5w/AhrA9xEoBmYBZwLPAF05DmgttA+P8+8K4BHgMuBSbGuwtyCvzcBM2XwW6Cn2iE1OYCEJh40BBM8LM+okaGrgQeAcWMB5hZgnvRnx37gDzWyAxjI/F4wpDcCC6odVE0zU4ClwAkZRvqAdcCHwGagH5gqe8HE7NTcCNk04GZgNXB4tGDOAdqBhtR3cfBK4EXga2AXMGQY1inW+4DzUmsaZTcA/zlaMO1ldPIN8BKwRoaSET6zBdireGcpdmRnut+NCKaaZk7KZE5Q/DGwMQMkGcP6yqcCS48Gwz7iqAZm2FcyDnmzfRXWRMh2V2JgtGA6gcHM/Poc62rVSTKGZbLzWMB0qIGSnxt11ZYKa0LIrZmMigv9Bvx6LGAi7j8anmT+Aovk1DLrG83AJYo1GQeB9UB3pcOqZVOP3nBhykHbTN3xVucd3ny8bISf3ATUOb+kht5TT6MGE+N94A7gxNT8C0zVq4Af9J4WQZ+d8aVg9Ts9qOLIA6ZDp20TUDJabCVu8HO5mjVsaJaPVaEMmt9UgINlfi9UKJ4HZeWdHOfkAoOuuwrYmXM+srIdeNX3MQMz6KYdZSrzSGO/OlmZF31eMFidA9DvGVcuNyK0W4EXgD15D8jbdiaaCDDn21I0V5j/N/Cawi/kAJ8LTL2tY5seMl1Tq6uyboItapNF9S3TvyKwLJiCHd3FwDXAZcApGlrRNqHTA2aXqcKJaDtk7y7Lx1r3vt/9QkcbLLjDWTA1Lo4W8zYbo37byeWWhEjtf4Be18XG91oWkhHznwFeltVJsthr8QwzvB240wu9LrDwolLRW19q0zzHmz8FfKZYD+gXA2bVkAetlJ1F1qQwtQ8MSbci7vSigzLzPPCFIYyS8ShwPfB01K54VLkWeEwbj4eux4GPgF9sKfsEEiDOtFDOl+6k1sRh38vMtFRl75MVMm3EJhuwBp/HLonGPpi5xwob6n/STChx5Bhnhz9DTWz2kH7duUng+/y72eelAP+VB5cENKB59vge4bs1QldUrBGGtyt0Zydbg4Kxz63Ch2Rkm6EY8rA6b9zlmsWaX9Ysh5RBFOLrwjKKoms1fUdKvR6fCluk9K9UCA+7plYtTbR3bvW79SPUNPx9ppr7L0yh6IcMV481aG9mUa9ZdZrpPFs2Sr4SU6xJCXav4dxaJuz4cLfY9A+WVwSYFWZUqHuZYVujILucWJKNbi1gsrep93YF5wwZjv2GclcKSME1UzTOhfZDMf/ZkElR/3gO+EmkkS3z/LzFrOoUyG5fXR5ckIkkvKVUyBrsfyb7PkNm232vt71Y5eV3Ft10u1mxyX8AzTXDTpeZXgteAmaP/nMoBaCQenqYIIiExePMsDozbqNa2mAYB8iUg8PaeLSR76qLuEUIMaiNjSNdY03CQjoEifATUEmGhXYiXOHikXnBdvhRJM4RWipXKGNChCFen6QoDiDBVqR5ZEsIMLQW4Yh9QrTBVDCWeEiENwBECod/BajyA/gXcUph3XeOBTsAAAAASUVORK5CYII=);
	--icon-mail: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAdCAYAAADYSS5zAAAEr0lEQVRYhb2YbWiVZRjHf/NsTdtaHldpuWZi4lYGFUnQC1T2Ri8GFVZSWQaR1YcKFgV9D/pWRDYoyhVhHyrI3iUKpdIi0uxN17RWrrXNmu2os+1sccHvxOPZOTtn6HbBYTv3c9/P/b+v63/9r+s+FdOWtaDVAtcBNwFpYBCoYGosBVQBW4Gngc7crpWJ7TNOuAi4FJg5ReDChoAfgU3Ab45NA85LVSy6cAlwCDgI/A38rjcXATOcOJmfEWAn8CSwHsjqzcuAxwNgKzAd2AP8A/wFdBvmhXlePtoW4HYDzwKvS6vY7yzgKaAxvjQBJ/nwDaDfUL8AHAdcI0cmwyJaa4F1wAH3WQA8AZwL7AoX/wvMB+4GrhJUhPwr4EXg80kC161DXjVqKXE8AlwJVIeHK415pYjvMlk+BvZL2lo/5xxFcH3y7SWTItTiFGAVcLP7jZLHr0iIC4ABwX1m0gTY44GH5OSRWlDoI+BlYIc8nAPcBqwAZiXfn58AdUpMRk58DfQC7yk7q4GGIwAYB98ItAHfKC8nAMv03qn5CwplaD1wtSAz6tMe+RKevMc5E7Xg+hbgFeALZS0OvVRwC5Wyw2zMgHyYbVUJl5/mSUMOXgPe1BMTsaweC3CfKGe1UirAnV0ES+FBxxste7cAJ+uBn8zs9/1ejgXHvjdbPwT2AscCS0zKAHlMsfcUA0hCk5bLkbTysw143gzPlgFwtzq3XmkJMIuB24HLgZrxFo8HEEtOM3AncK1hGVQbnzGJRsdZ/4fcfUs5Sfm+Fb4vXep0pQBiGVxs4uQaiAC5wRK10zDmW4jv25awn51TZRlbKs9LWjkAh4E/5d9Bx0YFGZ5ptT1KhntArWuTf8OOZw1zh3NKWqlGIE7dZea2SfCUZSj4mLEa1Ev4XDJtspZv9Xu1hwqgmy0KkSgXG6GiNh7AUUvSBxb0TufPNUyhjx1WhjU2HNebFAHuS8U+eHamUrXD+Rut+XWW2KpiIKLdWu3EGXnP+pWF54Dt0iFK0q1Ai9m4zbAPeIAakyL4uc93XgI8HM2nSdOljna5tsnyVqh77y0GME7+qeA2O1Zv6xXdxul++vTKkDzdYlj365Xwzr02nwuMwK+Wz4yAsyZhbQGQBQEeslFYI8hsokY/qkxU+MIzJHyn/Drg/JSl6wEPlZZrDUZil41IxjKaa1Lz+TgG4LAlqdVqMej4+cBj/s1ZgEx7Ndhudg47Hjx90Ep0YmJNjSBHVIWBBD3ShruqGMDpLmo1azOJMAXnrijAkQozd54H2yv57wfu8Fm+1dm1RHZ/Jw+Dr+32hE0J+TsMYI/g1ul+zL7oA28scQWdL7AfgBsEOKZ1SljaWh/gvpXD/Qp6kw3K/wBbPM1aC3q3D4ND99lIVo+zGYn5zUrN3DKKwCwP0ePBRnRMu1GLStMTAFcC79pKdah/jd5RVnraci7wla6bWeYlK8fhBhOlQw73mulxP08FwH2KcbsT5thirSrTE0lLTfDXiEo9Odv9u8TQZc/YHAB/0c1DZtzyRIc7WdfNpIXgx77hmOBgUCywxP99cYLI1rDI4pCRuPJF0kTqT9VvM7FP6GDIUoQ7wtwPvPMfONpF1mBYA+gAAAAASUVORK5CYII=);
	--icon-police: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAABGdBTUEAALGPC/xhBQAAAqtJREFUKFNjZEACMoUWnLJ8ivLS/5hlmbhYX11kYrx389vd7wwNB/8yMDL8R1bLoFUfypZVFhxWXuS3rbMo4HZ/U/SBqtqYPJ/aMFOGQjchhlAGZrgGrXottvL2CMP6GN9zKyJNfh8J1/5/otDp9+LamJvFhTG9Ko0B9mBN//8zMjAATc5ui1UL903oWxjv8vu6rfz/K8ay/68C8el0h59NBRkX0yti2nXrg1wYiuxFGCJ7fERqW9KznO2Lrp2IN/p/W0Xk/1V9mf9XdGX+37SR/ze5MOVHSETuqajJsa28xV7mDAtneJpsmRK7y8+98seRQtv/VxyAitP1/9/OMfl/P9Xwf1duyv/SvJKPi1cn7TZoCQll2DQ5JOXc3PC3UWFN/3uDvP7fjNP6fzFC5/+tFJP/l4od/ofZpf9fNKHw765Fwc9dmgKqGbbODMm/vcDvy4KJ1f8jRH3/71WX+b/fQeX/2VDD/8sVdf/7mmf8v7Ut5f/WBcGfndv82xl2zYv1urUo+Na1Nen/siIK/scbBPzvtHP9X2Hl+z/IMOF/V3n2/xc7I/7tWB350rUjuJZh89IE1UuLgxfemeX57eqi8P8HViT/P7c88v/e+XH/N83L+H91bsD/O2v8fy5fHXXMtDUoikGnNUJ8/srY0rtbQu/fX+rz79X+yP+v9kb+f30o+v/z7eH/n2yK/L9vU+Inz66Q1ewFzi4MMoUhnEs3pVk+OpY67emuqBfPd4b8ebk74v+zjYH/H28K/vfkaNL3fXvTDwVPjcrgyHORA8d27MJY4ZqZgRGr5vmt3L7Q9+6BZX4fdi0L+rh6ZcSb/iXRJ8NmRDUqNvqYgiIZkjzq7Tl4ctw0DEpdvBwrXQs9Gj2a3Bo8my0a/OqlKrzjWfJdzRmyvCQY6uuZAOmuPptDb2o8AAAAAElFTkSuQmCC);
}

/* 横屏PC */
@media screen and (min-width: 600px) {
	:root {
		--top_img: url("/img/top-back.jpg");
		--bg_img: url("/img/home-back.jpg");
		--ft-back: url("/img/footer/footer-back.jpg");
	}
}

/* mobile */
@media screen and (max-width: 600px) {
	:root {
		--top_img: url("/img/mini/top-back.jpg");
		--bg_img: url("/img/mini/home-back.jpg");
		--ft-back: url("/img/footer/footer-back-min.jpg");
	}
}

* {
	margin: 0px;
	padding: 0PX;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
}

nav {
	position: fixed;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	z-index: 888888;
}

nav:hover {
	opacity: 1;
	background-color: #ffffff;
}

nav img {
	height: 40px;
	margin-top: 16px;
	margin-bottom: 16px;
}

nav ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	margin-top: 16px;
	margin-bottom: 16px;
	cursor: pointer;

}

nav li,
nav a {
	font-size: 15px;
	align-items: center;
	text-align: center;
	font-family: var(--font-family);
	font-weight: var(--h1-font-weight);
	color: var(--title_blue);
}

nav li {
	display: flex;
}

nav a {
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
	cursor: pointer;
}

nav li a {
	padding: 10px 0px;
	border-bottom: 5px solid transparent;
}

nav li a:hover {
	border-bottom: 5px solid #03a4ae;
}

nav li {
	position: relative;
}

nav li div {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
}

nav li b {
	display: block;
	margin: 10px 0px;
	font-size: 15px;
	line-height: 2;
	font-family: var(--font-family);
	font-weight: var(--h1-font-weight);
}


/* nav li:hover,
nav a:hover,
nav li b:hover {
    background-color: var(--gray);
} */

nav a:hover,
nav li b:hover {
	color: #03a4ae;
}


main {
	/* background-image: var(--bg_img);
    background-repeat: repeat-y;
    background-size: 100% auto; */
}

p {
	padding: 20px;
	font-family: var(--font-family);
	font-size: 16px;
	line-height: 1.5;
	color: #3d3d3d;
	text-align: justify;
	text-indent: 2em;
	letter-spacing: 2px;
	line-height: 2;
}

span {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 1.5;
	color: #3d3d3d;
}

h1 {
	margin-top: 30px;
	margin-bottom: 35px;
	width: 100%;
	font-size: 40px;
	font-family: var(--font-family);
	font-weight: var(--h1-font-weight);
	color: var(--title_blue);
	text-align: center;
}

h1 mark {
	display: block;
	background-color: var(--mark-bg-color);
	margin: 10px auto 0px;
	width: 70px;
	height: 5px;
}

h3 {
	margin-top: 20px;
	margin-bottom: 25px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: var(--h3-font-weight);
	font-size: 24px;
	line-height: 1.46;
	color: #3d3d3d;
}

h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: var(--h3-font-weight);
	font-size: 16px;
	color: #3d3d3d;
}

h4 strong {
	font-size: 17px;
}

figcaption,
h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: var(--h3-font-weight);
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #3d3d3d;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	font-family: var(--font-family);
	font-weight: var(--h3-font-weight);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #3d3d3d;
}

ol,
ul {
    list-style: none;
}

.nowrap {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.icon {
	margin: auto;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
}

#cover {
	display: flex;
	padding-top: 4%;
	width: 100%;

}

.cover-box {
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.cover-box img {
	width: 100%;
	height: 100%;
}


.box {
	display: flex;
	flex-direction: column;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4%;
	padding-bottom: 4%;
}


.watermark {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.watermark svg {
	width: 100%;
	height: 100%;
}

.watermark svg text {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 70px;
	fill: #ececec;
	text-anchor: middle;
}

.box a {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 300px;
	text-align: center;
	font-size: 25px;
	font-family: var(--font-family);
	font-weight: var(--a-font-weight);
	color: var(--a-font-color);
	background: var(--a-bg-color);
	line-height: 1.36;
	line-height: 1.8;
	border-radius: 50px;
}

footer {
	display: flex;
	flex-direction: column;
	padding: calc(4% + 20px) 4% 0px;
	width: 100%;
	overflow: hidden;
	justify-content: center;
	background-color: var(--zone-bg-color);
	background-image: var(--ft-back);
	background-size: 100% 100%;
}


.find .link-h {
	width: 100%;
	font-family: var(--font-family);
	font-weight: 700;
	text-align: left;
	color: #3d3d3d;
}

.find .link {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	line-height: 1.5;
	font-weight: 200;
	text-align: left;
}

#find_us figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#qrcode {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.ft-menu {
	display: flex;
	flex: 1;
	padding: 10px;
	line-height: 1.8;
}

.ft-menu a {
	flex: 1;
	font-weight: 600;
}

.ft-menu a mark {
	display: block;
	background-color: var(--mark-bg-color);
	margin: 5px auto 5px 0px;
	width: 20px;
	height: 2px;
}

.ft-menu a b {
	flex: 1;
	font-weight: 200;
}

.ft-tel-i {
	display: flex;
	padding: 5px 0px;
	font-size: 14px;
	line-height: 1.8;
}

.ft-tel-i b {
	font-size: 18px;
	font-weight: 500;
}

.ice-type-img {
	display: block;
	margin: auto;
	height: 48px;
}

.ice-sku {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.ice-sku figure,
.safe figure,
.brand figure {
	margin: 10px auto 15px;
	padding: 5px;
}

.ice-sku img,
.safe img,
.brand img,
.equipment img {
	width: 100%;
	object-fit: scale-down;
}

.ice-sku figure {
	position: relative;
}

.ice-sku img.d {
	opacity: 0;
	position: absolute;
	z-index: 999;
	object-fit: fill;
	top: 0px;
	left: 0px;
	height: calc(100% - 40px);
}

.ice-sku img.d:hover {
	opacity: 1;
}

.safe-box {
	position: relative;
	width: 100%;
}

.safe {
	display: flex;
	flex-wrap: wrap;
	margin: 10px auto 0px;
	padding: 0px 15%;
	width: 100%;
}

.safe-box svg {
	position: absolute;
	z-index: -1;
	width: 130%;
	height: 75%;
	bottom: 0px;
	left: -15%;
}

.cookbook,
.report {
	margin: 20px auto;
}

.equipment {
	position: relative;
	width: 100%;
}

.equipment svg {
	position: absolute;
	z-index: -1;
	width: 130%;
	height: 75%;
	top: 0px;
	left: -15%;
	background-image: url("/img/about_us/equipment.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.equipment figure {
	margin: auto;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #ececec;
}

figure img+img {
	margin-top: 10px;
}

.equipment img {
	object-fit: fill;
}

.equipment figcaption {
	text-align: left;
}


#news .box {
    background-color: rgb(249 250 251 / 1);
    background-color: rgb(243 244 246 / 1);
}

#news cite {
    display: flex;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    padding: 0.25rem;
    margin-bottom: 1.5rem;
}

#news cite button {
    margin: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    width: 30%;
    border: 1px solid #04c1ca;
    border-radius: 0.375rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #3d3d3d;
    background-color: white;
}

#news cite button:hover,
#news cite button.check{
    color: white;
    background-color: #04c1ca;
}

#news article {
    display: flex;
    background-color: white;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 1.5rem;
}

#news article .left {
    padding-right: 1.5rem;
    flex:1;
    height: 100%;
}

#news article .right {
    width: 20rem;
}

#news article h4 {
    margin: 0px;
    margin-bottom: 0.75rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #04c1ca;
}

#news article time {
    display: flex;
    margin-bottom: 1rem;
    color: rgb(75 85 99 / 1); 
}

time img {
    margin-right: 0.5rem;
}

#news article p {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.625;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(75 85 99 / 1);
}

#news article a {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-radius: 0.25rem;
    width: fit-content;
    background-color: #04c1ca;
    text-decoration: inherit;
}


#contact_us mark {
	display: block;
	margin: 20px 10px 0px 10px;
	width: 20px;
	height: 20px;
	background-color: #04c1ca;
}

#bdmap {
	position: relative;
	z-index: 0;
}

.multi_panel {
	line-height: 24px;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	overflow: auto;
}

.multi_panel.pc {
	position: absolute;
	z-index: 999;
	top: 10px;
	left: 10px;
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
	border-radius: 4px;
	width: 300px;
	min-width: 200px;
	max-width: 40%;
	max-height: 80%;
}

.multi_panel.mobile {
	width: 100%;
}

.multi_panel li {
	background-color: #f7f7f7;
	list-style: none;
	display: flex;
	flex-direction: row;
	cursor: pointer;
	padding: 20px;
}

.multi_icon {
	width: 18px;
	height: 22px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: url("/img/contact_us/marker.png");
}

.multi_content {
	width: calc(100% - 27px);
	padding-left: 8px;
}

footer .logotxt {
	object-fit: scale-down;
}

footer b {
	font-size: 12px;
}


footer .im,
#contact_us .im {
	position: relative;
	margin: 10px auto;
	width: 75px;
	height: 75px;
}


footer .imcode,
#contact_us .imcode {
	opacity: 0;
	z-index: 9999999;
	position: absolute;
	top: -25px;
	width: 100px;
	height: 100px;
}

footer .imcode:hover,
#contact_us .imcode:hover {
	opacity: 1;
}

footer .wechat,
#contact_us .wechat {
	background-image: var(--icon-wechat);
}

footer .douyin,
#contact_us .douyin {
	background-image: var(--icon-douyin);
}

footer .redbook,
#contact_us .redbook {
	background-image: var(--icon-redbook);
}

footer .weibo,
#contact_us .weibo {
	background-image: var(--icon-weibo);
}



footer .link {
	width: 40px;
	height: 30px;
}

footer .tel {
	background-image: var(--icon-tel);
}

footer .addr {
	background-image: var(--icon-addr);
}

footer .mail {
	background-image: var(--icon-mail);
}

footer .police {
	margin: auto;
	background-image: var(--icon-police);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: 0 50%;
	text-align: center;
	font-size: 12px;
	color: #003d81;
}

/* 横屏PC */
@media screen and (min-width: 600px) {
	.pc {
		display: flex;
	}

	.mobile {
		display: none;
	}

	nav {
		padding-right: 10%;
		padding-left: 10%;
	}

	nav li,
	nav a {
		padding: 20px;
	}

	nav li div {
		margin-top: 100%;
		width: 100%;
	}

	.top {
		padding-top: 80px;
	}

	.box {
		padding-right: 10%;
		padding-left: 10%;
	}

	.watermark svg text {
		font-size: 70px;
	}

	.line-box {
		display: flex;
	}

	.avg {
		width: 50%;
	}

	.company-txt {
		margin-left: 2em;
		margin-right: 0em;
	}

	.cookbook {
		width: 70%;
	}

	.report {
		width: 70%;
	}


	/* 联系方式 */
	.find {
		width: 300px;
		height: 650px;
	}

	#find_us figure {
		flex: 1;
		height: 650px;
	}

	.find .link-h {
		padding: 10px 0px 10px 20px;
		font-size: 20px;
	}

	.find .link {
		padding: 20px 0px 50px 20px;
		font-size: 20px;
	}

	.safe {
		padding-bottom: 15%;
	}

	.safe-box svg {
		background-image: url("/img/ice_info/safe_back.jpg");
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 50% 100%;
	}

	.ice-sku figure,
	.safe figure,
	.brand figure,
	.equipment figure {
		flex: 1;
	}

	.safe figure {
		padding: 5px 10px;
	}

	.equipment figure {
		margin: 0px 5px;
		max-width: 50%;
	}




	.why-buy {
		padding-left: 15%;
		padding-right: 15%;
		width: 100%;
	}


	.ft-tel-i {
		margin: auto auto auto 0px;
		flex-direction: column;
		flex: 1;
	}

	.ft-tel-i .icon {
		margin: 30px auto 20px 18px;
	}
}

/* mobile */
@media screen and (max-width: 600px) {
	.pc {
		display: none;
	}

	nav {
		padding-right: 20px;
		padding-left: 20px;
	}

	nav li,
	nav a {
		padding: 5px;
	}

	nav li div {
		margin-top: 100px;
		width: 150px;
	}

	.top {
		padding-top: 60px;
	}

	.box {
		padding-right: 6%;
		padding-left: 6%;
	}

	.watermark svg text {
		font-size: 40px;
	}

	.line-box {
		display: inline;
	}

	.avg {
		width: 100%;
	}

	.cookbook,
	.report {
		width: 100%;
	}

	/* 联系方式 */
	.find {
		width: 100px;
	}

	#find_us figure {
		flex: 1;
	}

	.find .link-h {
		padding: 10px 0px;
		font-size: 12px;
	}

	.find .link {
		padding: 0px 0px 10px 0px;
		font-size: 12px;
	}

	.ice-sku.type1 figure {
		width: 33.3%;
	}

	.ice-sku.type2 figure {
		width: 50%;
	}

	.safe figure {
		width: 100%;
	}

	.why-buy {
		padding-top: 30px;
		width: 100%;
	}

	.ft-tel {
		flex-direction: column;
		padding-top: 20px;
	}
}


dialog {
	display: none;
	position: fixed;
	z-index: 999999999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border: none;
}

dialog a {
	display: block;
	margin: 25px 20px 20px;
	padding: auto;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 1.66;
	text-align: center;
}

dialog h4 {
	margin: 5px 0px;
	padding: 15px 15px 15px 3em;
	background-color: var(--gray);
}

dialog h4:hover {
	background-color: rgba(229, 128, 20, 0.4);
}


.switchover {
	display: flex;
	position: absolute;
	bottom: 40px;
	left: calc(50% - 50px);
	width: 100px;
	height: 30px;
}

.switchover a {
	margin: 0px;
	padding: 0px;
	height: 100%;
	line-height: 1.2;
	border-radius: 0px;
	color: white;
}

.switchover .a1 {
	background-color: black;
}

.switchover .a2 {
	background-color: #14d5f2;
}

.switchover a:hover {
	background-color: rgba(229, 128, 20, 1);
}