/*!
 *  Fuda by lonnylin 124318556@qq.com Design
 *  Copyright 2019-Now fuda machine, Inc.
 *  License -  http://www.dachache.cn (Version: v1.1.1, CSS: MIT License)
 */
 
@import url("mark.css");

/* FUDA MOBILE PATH
 * -------------------------- */

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

body {
	font: 14px/24px -apple-system,BlinkMacSystemFont,'Hiragino Sans GB','Microsoft YaHei',Helvetica,Arial,sans-serif;
	font-weight: 400;
	background: #fff;
}

a {
	color: #3d3d3d;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff0000;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul, ol {
	padding: 0;
}

.right {
	text-align: right
}

.fd-main {
	width: 100%;
	background: #fff
}

.fd-post-main {
	width: 100%;
	background: #f6f6f6;
	border-bottom: 1px solid #ddd
}

.clear {
	clear: both
}

.fds-main {
	width: 100%;
	background: url(../images/center_bg.jpg) repeat-x top center
}

/* Top */

.header .logo {
	margin: 10px 0 0 0;	
	height: 95px
}

.header .logo img {
	max-width: 100%
}

.top-nav {
	float: right;
	margin-top: 35px;
	position: relative
}

.top-nav ul li {
	float: left;
	padding: 0 10px;
	height: 35px;
	line-height: 35px
}

.top-nav li img {
	height: 35px
}

#nav_switch li a.nav_active {
	color: #fff;
	background: #009eed
}

/* FLASH */

.flash {
	width: 100%;
	height: 500px
}

.full-screen-slider {
	position: relative;
	float: left;
	width: 100%;
	height: 500px
}

.slides {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 500px;
	list-style: none;
	display: block
}

.slides li {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	list-style: none;
	display: block;
	background-repeat: no-repeat;
	background-position: center center
}

.slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}

.switch {
	position: absolute;
	z-index: 9900;
	left: 50%;
	bottom: 5%;
	margin: 0;
	padding: 5px 15px 5px 0;
	display: block
}

.switch li {
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 15px;
	border-radius: 5px;
	background: #FFF;
	display: block
}

.switch li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

.switch li.current {
	background: #2181db
}

/* ASIDE ARTICLE */

aside.fd-left {
	position: relative;
	float: left;
	width: 25%
}

article.fd-right {
	position: relative;
	float: right;
	width: 73%
}

/* ASIDE LEFT */

h2.left-title {
	font-size: 110%;
	font-weight: bold;
	overflow: hidden;
	background: #0f3661;
	border-radius: 4px 4px 0 0
}

h2.left-title span.title {
	float: left;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
	color: #fff
}

h2.left-title span.more {
	float: right;
	font-size: 110%;
	padding: 5px 10px 0 0;
	height: 30px;
	line-height: 30px;
}

h2.left-title span.more .fa-chevron-circle-down {
	color: #fff
}

.fd-left-list {
	position: relative;
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	background: #fff;
	border-top: none;
	border: 1px solid #ddd
}

.fd-left-list li {
	padding: 0 5px;
	list-style: none
}

.fd-left-list li .fa-caret-right {
	margin-right: 5px;
	color: #0f3661
}

.fd-left-list a:link,.fd-left-list a:visited,.fd-left-list a:active {
	color: #145fbb;
	font-weight: bold;
	line-height: 24px
}

.fd-left-list li.small a {
	color: #3d3d3d;
	font-size: 13px;
	font-weight: normal;
	background: none
}

.fd-left-list a:hover,.fd-left-list li.small a:hover {
	color: #ff0000
}

.fd-left-list li a.class-active,.fd-left-list li.small a.class-active {
	color: #ff0000;
}

.fd-small-list {
	margin-bottom: 5px;
	padding: 0 10px 5px 10px;
	border-bottom: 1px dotted #ddd
}

/* NEWS */

.fd-news {
	margin-bottom: 20px;
	padding: 5px 0;
	border: 1px solid #ddd;
	border-top: none
}

.fd-news li {
	margin: 0px 10px;
	font-size: 13px;
	list-style: none;
	line-height: 32px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.fd-news li:not(:last-of-type) {
	border-bottom: 1px dotted #ddd
}

.fd-news-list {
	width: 100%;
	overflow: hidden;
	background: #fff
}

.fd-news-list ul {
	position: relative;
}

.fd-news-list li {
	padding: 10px 25px;
	list-style: none
}

.fd-news-list li:not(:last-of-type) {
	border-bottom: 1px dotted #ddd
}

.fd-news-list li span.time {
	float: right;
	padding: 4px 5px;
	font-size: 12px;
	line-height: 15px;
	color: #009eed;
	border-radius: 2px;
	border: 1px solid #009eed
}

.fd-news-list li span.time a {
	color: #009eed;
}

/* CONTACT */

.fd-contact {
	margin-bottom: 20px;
	padding: 6px 12px;
	font-size: 13px;
	border: 1px solid #ddd;
	border-top: none;
	background: url(../images/contact_img.jpg) right center no-repeat
}

.fd-contact li {
	list-style: none;
	color: #3d3d3d;
	line-height: 28px;
}

/* ARTICLE LEFT */

h2.about-title, h2.product-title, h2.news-title, h2.tags-title {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden
}

h2.about-title span.title, h2.product-title span.title, h2.news-title span.title, h2.tags-title span.title {
	float: left;
	width: 32%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px 4px 0 0;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background: #0f3661
}

h2.about-title span.more, h2.product-title span.more, h2.news-title span.more, h2.tags-title span.more {
	float: right;
	padding: 0;
	width: 68%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: right;
	border-bottom: 1px solid #ddd
}

h2.about-title span.more .fa-plus-circle, h2.product-title span.more .fa-plus-circle, h2.news-title span.more .fa-plus-circle {
	color: #0f3661
}

.fd-about {
	font-size: 13px
}

.fd-about a {
	color: #009eed
}

p.fd-about-within {
	line-height: 26px;
	text-indent: 25px;
	text-align: justify
}

p.fd-about-within img {
	margin-right: 15px;
	width: 32%
}

/* PRODUCTS */

.products-list {
	margin-left: -15px;
	overflow: hidden;
	font-family: Helvetica, Tahoma, Arial, sans-serif
}

.products-list li {
	float: left;
	width: 171px;
	margin-left: 15px;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	transition: box-shadow .6s ease;
	-webkit-transition: box-shadow .6s ease
}

.products-list li:hover {
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
	border-radius: 0 0 4px 4px
}

.products-list .chart {
	position: relative;
	width: 171px;
	height: 171px;
	display: block;
	overflow: hidden
}

.products-list .chart img {
	width: 171px;
	height: 171px;
	object-fit: cover;
	display: block;
	border: 1px solid #e8e8e8
}

.products-list .detail {
	padding: 4px 6px
}

.products-list .title {
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.products-list .simple {
	font-size: 12px;
	line-height: 22px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #999;
	display: block
}

.products-list img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* LOCATION */

h1.location {
	font-family: "宋体";
	overflow: hidden
}

h1.location a {
	padding: 0 10px;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
}

h1.content-title {
	font-size: 200%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px
}

.content {
	position: relative;	
	width: 100%;
	font-size: 110%;
	font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
	text-align: justify;
	line-height: 2;
	overflow: hidden
}

.content img {
	max-width: 100%;
	height: auto
}

h2.product-intro {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden
}

h2.product-intro span.title {
	float: left;
	width: 40%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px 4px 0 0;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background: #0f3661
}

h2.product-intro span.more {
	float: right;
	padding: 0;
	width: 60%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: right;
	border-bottom: 1px solid #ddd
}

.fd-info {
	position: relative;	
	width: 100%;
	font-size: 115%;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	line-height: 1.8330889038;
	overflow: hidden
}

.fd-info img {
	max-width: 100%;
	height: auto
}

.fd-l-i {
	font-size: 14px;
	width: 15%;
	height: 33px;
	line-height: 33px;
	text-align: right;
	font-family: Helvetica, Tahoma, Arial, sans-serif
}

/* RELATED */

.fd-related {
	width: 100%;
	overflow: hidden;
	background: #fff
}

.fd-related ul {
	position: relative;
}

.fd-related li {
	padding: 10px 25px;
	list-style: none
}

.fd-related li:not(:last-of-type) {
	border-bottom: 1px dotted #ddd
}

.fd-related li span.time {
	float: right;
	padding: 4px 5px;
	font-size: 12px;
	line-height: 15px;
	color: #009eed;
	border-radius: 2px;
	border: 1px solid #009eed
}

.fd-related li span.time a {
	color: #009eed;
}

/* POINT */

.point {
	margin: 40px 0px 25px;
	text-align: center;
	line-height: 22px
}

.point span.fd-prev,.point span.fd-next {
	padding: 4px 12px
}

.point span.fd-prev a,.point span.fd-next a {
	color: #009eed
}

.point span.fd-prev a:hover,.point span.fd-next a:hover {
	color: #ff0000
}

/* PAGE */

.page {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 110%;
	margin: 20px 0;
	text-align: center
}

.page a {
	margin-left: 6px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	text-decoration: none
}

.page a:hover,.page a:active {
	border: 1px solid #0088cc;
	color: #009eed;
}

.page .current {
	margin-left: 6px;
	padding: 5px 10px;
	border: 1px solid #0088cc;
	font-weight: bold;
	color: #fff;
	background-color: #009eed
}

/* SITEMAP */

.sitemap {
	margin: 10px 0px 30px 30px;
}

.sitemap li {
	line-height: 26px;
}

.sitemap li a {
	color: #0f3661
}

.sitemap li a:hover {
	color: #ff0000
}

li.sitemap-big {
	width: 100%;
	padding-left: 14px;
	overflow: hidden
}

li.sitemap-big a {
	color: #0088cc
}

li.sitemap-small {
	float: left;
	padding-left: 14px
}

li.sitemap-small a {
	color: #3d3d3d
}

/* TAGS */

.tags {
	padding: 20px 0;
	text-align:center
}

.fd-all {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4318556;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	background-color: #009eed;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all .2s cubic-bezier(.7,.18,.53,.75);
	box-shadow: 0 0 1px rgba(0,0,0,0.5)
}

.fd-all a {
	text-decoration: none;
	transition: background-color .3s
}

.fd-all:hover {
	color: #fff;
	background-image: none;
	background-color: #0088cc
}

.fd-all a:active {
	color: #fff;
	background-image: none;
	background-color: #0088cc
}

.fd-mark {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4318556;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all .2s cubic-bezier(.7,.18,.53,.75);
	box-shadow: 0 0 1px rgba(0,0,0,0.5)
}

.fd-mark a {
	text-decoration: none;
	transition: background-color .3s
}

.fd-mark:hover {
	color: #fff;
	background-image: none;
	background-color: #009eed
}

.fd-mark a:active {
	color: #fff;
	background-image: none;
	background-color: #009eed
}

/* TAGS LIST */

.tags-all {
	position: relative;
	width: 100%;
	overflow: hidden
}

.tags-all li {
	float: left;
	margin-bottom: 12px;
	padding: 5px 0
}

.ta-mark {
	display: inline-block;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4318556;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all .2s cubic-bezier(.7,.18,.53,.75);
	box-shadow: 0 0 1px rgba(0,0,0,0.5)
}

.ta-mark a {
	text-decoration: none;
	transition: background-color .3s;
}

.ta-mark:hover {
	color: #fff;
	background-image: none;
	background-color: #009eed
}

.ta-mark a:active {
	color: #fff;
	background-image: none;
	background-color: #009eed
}

.tags-list {
	position: relative;
	width: 100%;
	overflow: hidden
}

.tags-list li {
	margin-bottom: 12px;
	padding: 0 25px
}

.tags-list li:not(:last-of-type) {
	border-bottom: 1px dotted #ddd
}

.tags-list li p.brief {
	padding: 0 15px;
	font-size: 13px;
	line-height: 1.5;
	color: #666
}

/* Footer */

#footer {
	width: 100%;
	padding-top: 20px;
	border-top: 5px solid #ddd;
	font-size: 13px;
	color: #fff;
	background: #0f3661
}

.links {
	line-height: 28px;
	text-align: center
}

.links a {
	padding: 0 10px;
	color: #fff
}

.links a:hover {
	color: #009eed
}

.links a:not(:last-of-type) {
	border-right: 1px solid #fff
}

.copyright {
	line-height: 28px;
	text-align: center
}

.copyright p {
	margin: 0;
	padding: 0
}

.copyright span {
	padding: 0 10px
}

.copyright a {
	color: #fff
}

.copyright a:hover {
	color: #009eed
}

/* MRGIN */

.fd-ma-m {
	margin: 5px
}

.fd-ma-sm {
	margin: 10px
}

.fd-ma-ml {
	margin: 15px
}

.fd-ma-md {
	margin: 20px
}

.fd-ma-xl {
	margin: 30px
}

.fd-ma-vm {
	margin: 20px 0
}

.fd-ma-bm {
	margin: 0 0 10px 10px
}

/* MRGIN T */

.fd-t-m {
	margin-top: 5px
}

.fd-t-sm {
	margin-top: 10px
}

.fd-t-ml {
	margin-top: 15px
}

.fd-t-md {
	margin-top: 20px
}

.fd-t-xl {
	margin-top: 30px
}

/* MRGIN L */

.fd-l-m {
	margin-left: 5px
}

.fd-l-sm {
	margin-left: 10px
}

.fd-l-ml {
	margin-left: 15px
}

.fd-l-md {
	margin-left: 20px
}

.fd-l-xl {
	margin-left: 30px
}

/* MRGIN R */

.fd-r-m {
	margin-right: 5px
}

.fd-r-sm {
	margin-right: 10px
}

.fd-r-ml {
	margin-right: 15px
}

.fd-r-md {
	margin-right: 20px
}

.fd-r-xl {
	margin-right: 30px
}

/* MRGIN B */

.fd-b-m {
	margin-bottom: 5px
}

.fd-b-sm {
	margin-bottom: 10px
}

.fd-b-ml {
	margin-bottom: 15px
}

.fd-b-md {
	margin-bottom: 20px
}

.fd-b-xl {
	margin-bottom: 30px
}

/* PADDING */

.fd-sp-m {
	padding: 5px
}

.fd-sp-sm {
	padding: 10px
}

.fd-sp-ml {
	padding: 15px
}

.fd-sp-md {
	padding: 20px
}

.fd-sp-xl {
	padding: 30px
}

.fd-sp-xm {
	padding: 30px 15px
}

/* PADDING PA */

.fd-pa-xl {
	padding: 0 30px
}

.fd-pa-md {
	padding: 0 20px
}

.fd-pa-ml {
	padding: 0 15px
}

.fd-pa-vs {
	padding: 10px 0
}

.fd-pa-vl {
	padding: 15px 0
}

.fd-pa-vm {
	padding: 20px 0
}

.fd-pa-xm {
	padding: 30px 0
}