html{height:100%; width:100%; min-width:1200px; background-color:#ffffff; margin:0px; padding:0px; font-size:12px; line-height: 1.5em; font-family: "Microsoft YaHei", \5B8B\4F53, serif, Simsun, Mingliu, Arial, Helvetica;}
body{height:100%; width:100%; min-width:1200px; background-color:#ffffff; margin:0px; padding:0px; font-size:12px; line-height: 1.5em; font-family: "Microsoft YaHei", \5B8B\4F53, serif, Simsun, Mingliu, Arial, Helvetica;}
img{border:0; max-width:100%; vertical-align:middle;}
input{outline: none; resize: none;}
textarea{outline: none; resize: none; overflow:auto;}
button {margin: 0px; padding: 0px; border-bottom: 1px solid #0F5F82; border-right: 1px solid #0F5F82; border-top: 1px solid #EEE; border-left: 1px solid #EEE; background-color: #2271BE; color: white; height: 22px; line-height: 22px; font-size: 14px; cursor: pointer;}
div{box-sizing:border-box; font-family: "Microsoft YaHei", \5B8B\4F53, serif, Mingliu, Arial, Helvetica; color:#5B5B5B;}
ul,ol,li{margin:0px; padding:0px;list-style:none;}

/**默认超级连接**/
a{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
a:active{color:#ff0000; text-decoration:none;}
/**导航超级连接**/
a.guide{color:#797979; text-decoration:none; margin-left:5px; margin-right:5px;}
a.guide:visited{color:#797979; text-decoration:none; margin-left:5px; margin-right:5px;}
a.guide:hover{color:#4397D6; text-decoration:underline; margin-left:5px; margin-right:5px;}
a.guide:active{color:#4397D6; text-decoration:none; margin-left:5px; margin-right:5px;}
/**更多超级连接**/
a.more{color:#aaaaaa; text-decoration:none;}
a.more:visited{color:#aaaaaa; text-decoration:none;}
a.more:hover{color:#ff0000; text-decoration:underline;}
a.more:active{color:#ff0000; text-decoration:none;}

.toolbar {position: relative; height:35px; width:100%; background: #f5f5f5; border-bottom: 0px solid #9baaaf;}
.toolbar-content {
	position: relative;
	display: flex;
	width: 1200px;
	height: 35px;
	margin: auto;
}
.location {
	position: relative;
	height:35px;
	display: flex;
	align-items: center;
	color: #333333;
	padding: 0px 20px 0px 30px;
	box-sizing: border-box;
	cursor:pointer;
}
.location-hide {
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border-top: 0px solid #cccccc;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
}
.location-show {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
	border-bottom: 1px solid #f4f4f4;
	overflow: default;
}
.location span {color: #FF6804; padding: 0px 2px 0px 2px; box-sizing: border-box;}
.location:hover {color: #333333;}
.location::before {
	position:absolute;
	z-index: 1024;
	left: 12px;
	top: 50%;
	margin-top: -8px;
	margin-left: 0px;
	content:"\e62c";
	width: 16px;
	height: 16px;
	color: #FF6804;
	font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.location::after {
	position:absolute;
	content: "";
	z-index: 1025;
	left: 0px;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color:#f4f4f4;
}
.location-content {
	position:absolute;
	z-index: 1024;
	left: 0px;
	top: 35px;
	width: 500px;
	height: auto;
	min-height: 200px;
	margin: auto;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
.location-content-hide {display: none;}
.location-content-show {display: default;}
.location-bar {display: none;}
.location-hot {
	display: flex;
	flex-direction: row;
	height: auto;
	min-height: 80px;
	background-color: #f4f4f4;
}
.location-hot-label {
	width: 90px;
	height: auto;
	color: #666666;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	box-sizing: border-box;
	text-align: center;
	flex-shrink: 0;
}
.location-hot-list {
	width: auto;
	height: auto;
	flex-grow: 1;
	padding: 10px 10px 10px 12px;
	box-sizing: border-box;
}
.location-hot-list ul {display: block; height:100%; width:100%;}
.location-hot-list ul li {list-style: none; display: inline-block; width:90px; padding: 5px 10px 3px 10px; box-sizing: border-box; border-left:0px solid #1D5590; font-size: 12px;}
.location-hot-list ul li a {display: inline-block; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.location-hot-list ul li span {display: inline-block; color: #aaaaaa; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.location-normal {
	background-color: #ffffff;
	height: auto;
	min-height: 100px;
	padding: 10px 10px 12px 12px;
	box-sizing: border-box;
}
.location-normal ul {display: block; height:100%; width:100%;}
.location-normal ul li {list-style: none; display: inline-block; width:90px; padding: 5px 10px 3px 10px; box-sizing: border-box; border-left:0px solid #1D5590; font-size: 12px;}
.location-normal ul li a {display: inline-block; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.location-normal ul li span {display: inline-block; color: #aaaaaa; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	
@media screen and (max-width:768px){
	.toolbar {
		position:fixed;
		z-index: 102400;
		right: 0px;
		top: 0px;
		width: 50px;
		height: 50px;
		background-color: transparent;
	}
	.location {
		display: none;
	}
	.location-icon {
		position: relative;
		width: 50px;
		height: 50px;
	}
	.location-icon::before {
		position:absolute;
		z-index: 1024;
		left: 50%;
		top: 50%;
		margin-top: -8px;
		margin-left: -8px;
		content:"\e62c";
		width: 16px;
		height: 16px;
		color: #FF6804;
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.location-content {
		position:fixed;
		z-index: 1024;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		min-height: 200px;
		margin: auto;
		border: 1px solid #cccccc;
		background-color: #ffffff;
		padding-top: 50px;
		box-sizing: border-box;
		overflow: auto;
	}
	.location-bar {
		position:fixed;
		z-index: 1024;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 50px;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		display: flex;
		justify-content: flex-end;
	}
	.location-title {position: relative; width: auto; height: 50px; flex-grow: 1; font-weight: bold; font-size: 14px; line-height: 50px; padding-left: 50px; box-sizing: border-box; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.location-button {position: relative; width: 50px; height: 50px; flex-shrink: 0;}
	.location-button::before {position:absolute; z-index: 1024; left: 50%; top: 50%; margin-top: -2px; margin-left: -10px; transform: rotate(45deg); content:""; width: 20px; height: 2px; background-color: #FF6804; border-radius: 1px;}
	.location-button::after {position:absolute; z-index: 1024; left: 50%; top: 50%; margin-top: -2px; margin-left: -10px; transform: rotate(-45deg); content:""; width: 20px; height: 2px; background-color: #FF6804; border-radius: 1px;}
	
}
	
.header {position: relative; display: flex; height:80px; width:1200px; margin: auto; background-color:#ffffff;}
.menu {display: none;}
.logo {display: flex; flex-grow: 0; justify-content: center;align-items: center;}
.logo img {height: 40px;}
.search {display: none; width: 60px; height: 60px;}
.guide {display: flex; height:100%;flex-grow: 1;justify-content: flex-end;}
.guide ul{display: inline; height:100%; width:auto;}
.guide ul li{list-style: none; display: inline-block; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 16px;}
.guide ul li a {display: inline-block; height:80px; line-height: 80px; color:#333333; text-decoration:none; margin-top:0px;}
.guide ul li a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
.guide ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
.guide ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}

.banner {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
.banner-content {
	text-align: center;
}
.special {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 60px 0px 60px 0px;
}
.special-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}
.special-content li {
	display: flex;
	justify-content: space-between;
	width: 25%;
	align-items: center;
}
.special-content li img {
	width: 78px;
	height: 78px;
}
.special-content li h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0px 10px 5px;
}
.special-content li p {
	font-size: 14px;
	margin: 10px 0px 10px 5px;
}
.special-content span:first-child {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}
.special-content span:nth-child(2) {
	flex-grow: 1;
	padding: 10px;
}
.product {
	width: 1200px;
	height: auto;
	margin: auto;
}
.product-summary {
	width: 100%;
	height: auto;
}
.product-summary h3 {
	color: #2b3aa1;
	font-style: normal;
	font-family: Open Sans;
	text-align: center;
    font-size: 36px;
    font-weight: 700;
}
.product-summary p {
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #666666;
	line-height: 24px;
	font-size: 18px;
}
.product-content {
	display: flex;
	flex-wrap: wrap;
}
.product-content li {position: relative; list-style: none; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; width: calc((100% - 20px * 3) / 4); box-sizing: border-box; margin-left:20px; margin-top:0px; font-size: 14px;}
.product-content li a {position: relative;display: block; width: 100%; height:80px; text-align: center; font-size: 16px; padding: 15px 5px 20px 5px; box-sizing: border-box; overflow: hidden;}
.product-content li a img {transition:all .5s; height: 100%; width: 100%; object-fit: cover;}
.product-content li:hover a img {transform:scale(1.1);}
.product-content li a:first-child {
	border: 1px solid #dddddd;
	width: 100%;
	height: 180px ! important;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 0px 0px 0px 0px ! important;
}
.product-content li:nth-child(4n+1) {margin-left:0px ! important;}
.product-play::before {position:absolute; z-index: 1024; left: 20px; bottom: 15px; content:""; width: 25px; height: 25px; border: 2px solid #ffffff; border-radius: 50%;}
.product-play::after {position:absolute; z-index: 1024; left: 31px; bottom: 23px; content:""; width: 0px; height: 0px; border-left: 10px solid #ffffff; border-top: 6px solid #ffffff; border-bottom: 6px solid #ffffff; border-right: 10px solid #ffffff; border-top-color: transparent; border-bottom-color: transparent; border-left-color: white; border-right-color: transparent;}




.service {
	width: 1200px;
	height: auto;
	margin: auto;
}
.service-summary {
	width: 100%;
	height: auto;
}
.service-summary h3 {
	color: #2b3aa1;
	font-style: normal;
	font-family: Open Sans;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
}
.service-summary p {
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #666666;
	line-height: 24px;
	font-size: 18px;
}
.service-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	padding: 20px 0px 30px 0px;
}
.service-content li {
	display: flex;
	justify-content: space-between;
	width: 13%;
	align-items: center;
	flex-direction: column;
}
.service-content li img {
	width: 90px;
	height: 90px;
}
.service-content li h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0px 10px 5px;
}
.service-content li p {
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	word-break: break-all;
	color: #999999;
}
.service-content span:first-child {
	width: 90px;
	height: 90px;
	flex-shrink: 0;
}
.service-content span:nth-child(2) {
	flex-grow: 1;
	padding: 10px 10px 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.service-content span:nth-child(3) {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid #cccccc;
	margin: auto;
	position: relative;
	background-color: #ffffff;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
}
.service-content li:nth-last-child(n+2) span:nth-child(3)::after {
	content: '';
	width: 150px;
	height: 1px;
	display: block;
	background-color: #cccccc;
	position: absolute;
	top: 50%;
	left: 100%;
}
.service-content li:nth-last-child(n+2)::after {
	content: '';
	width: 0px;
	height: px;
	display: block;
	background-color: #cccccc;
	position: absolute;
	z-index: 8;
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
}
.article {
	width: 1200px;
	height: auto;
	margin: auto;
}
.article-summary {
	width: 100%;
	height: auto;
}
.article-summary h3 {
	color: #2b3aa1;
	font-style: normal;
	font-family: Open Sans;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
}
.article-summary p {
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #666666;
	line-height: 24px;
	font-size: 18px;
}
.article-content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding-bottom: 30px;
}
.article-part-list {
	height: 310px;
	padding: 15px;
}
.article-part-list li {position: relative; display: block; height:30px; width: 100%; line-height: 30px; border-left:0px solid #1D5590;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-part-list li::before {position: absolute; left; 0px; top: 50%; transform: translate(100%, -50%); content: ""; height: 4px; width: 4px; background-color: #aaaaaa; overflow: hidden;}
.article-part-list li a {height:30px; line-height: 30px; padding-left:20px; font-size: 14px; color:#333333; text-decoration:none; margin-top:0px;}
.article-part-list li a:visited {color:#333333; text-decoration:none; margin-top:0px;}
.article-part-list li a:hover {color:#ff0000; text-decoration:none; margin-top:0px;}
.article-part-list li a:active {color:#333333; text-decoration:none; margin-top:0px;}
.article-content div:nth-child(1) div {
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.article-content div:nth-child(1) ul {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.article-content div:nth-child(n+2) div {
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-top: 0px;
}
.article-content div:nth-child(n+2) ul {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.article-part-name {
	padding: 10px 10px 0px 10px;
}
.article-part {
	width: 25%;
}
.article-part label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 130px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #f3f3f3;
	border-radius: 5px;
}
.article-part label img {
	height: 56px;
	width: 56px;
}
.aboutus {
	width: 1200px;
	height: auto;
	margin: auto;
}
.aboutus-summary {
	width: 100%;
	height: auto;
}
.aboutus-summary h3 {
	color: #2b3aa1;
	font-style: normal;
	font-family: Open Sans;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
}
.aboutus-summary p {
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #666666;
	line-height: 24px;
	font-size: 18px;
}
.aboutus-content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.aboutus-part {
	width: 32%;
	position: relative;
}
.aboutus-part img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.aboutus-part a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	color: #ffffff;
	line-height: 24px;
	font-size: 22px;
	height: 100%;
	width: 100%;
}
.aboutus-content div:last-child {
	display: none;
}
.board {
	width: 100%;
	height: 290px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}
.board-image {
	width: 1920px;
	height: 290px;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%, 0%);
}
.board-image img {
	width: 1920px;
	height: 290px;
}
.board-content {
	margin: auto;
	position: relative;
	z-index: 9;
	width: 1200px;
	height: 290px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.board-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 45%;
	order: 1;
}
.board-title label {
	display: block;
	margin: 0px 0px 0px 180px;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1px;
}
.board-title span {
	display: block;
	margin: 0px 0px 0px 180px;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 24px;
	letter-spacing: 8px;
}
.board-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 45%;
	padding-top: 30px;
	order: 2;
}
.board-info-part {
	display: flex;
	flex-direction: column;
}
.board-count {}
.board-count strong {
	font-size: 60px;
	display: inline-block;
	line-height: 60px;
	margin-right: 5px;
	color: #ffffff;
}
.board-count span {
	font-size: 18px;
	color: #ffffff;
}
.board-text {
	font-size: 18px;
	color: #ffffff;
	padding: 10px;
}
.footer {
	width: auto;
	height: auto;
	margin: auto;
	background-color: #1f1f1f;
}
.footer-content {
	height: auto;
	width: 1200px;
	margin: auto;
	color: #ffffff;
	display: flex;
	flex-direction: row;
	padding-bottom: 30px;
}
.footer-info {
	height: 80px;
	width: 1200px;
	line-height: 80px;
	margin: auto;
	color: #707070;
	font-size: 14px;
	border-top: 1px solid #333333;
	overflow: hidden;
	text-align: left;
}
.footer-part {
	width: 23%;
	padding: 0px 0px 0px 0px;
}
.footer-content div:nth-child(4) {
	width: 19% ! important;
}
.footer-content div:last-child {
	width: 12% ! important;
}
.footer-part-list {
	padding: 8px 10px 8px 5px;
}
.footer-part-list li {position: relative; display: block; height:30px; width: 100%; line-height: 30px; border-left:0px solid #1D5590;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.footer-part-list li::before {position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); content: ""; height: 4px; width: 4px; border-radius: 50%; background-color: #707070; overflow: hidden;}
.footer-part-list li a {height:30px; line-height: 30px; padding-left:15px; font-size: 14px; color:#707070; text-decoration:none; margin-top:0px;}
.footer-part-list li a:visited {color:#707070; text-decoration:none; margin-top:0px;}
.footer-part-list li a:hover {color:#ffffff; text-decoration:none; margin-top:0px;}
.footer-part-list li a:active {color:#707070; text-decoration:none; margin-top:0px;}
.footer-part label {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	padding: 60px 0px 15px 0px;
	text-align: left;
}
.footer-part span {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	padding: 60px 0px 15px 0px;
	margin: auto;
	text-align: center;
}
.footer-part p {
	text-align: center;
	margin: auto;
	padding: 15px 0px 15px 0px;
}
.footer-part p img {
	width: 100px;
	height: 100px;
	margin: auto;
	background-color: #ffffff;
}
.taskbar {
	display: none;
}
.taskbar-item {
	display: none;
}

.route {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.route-content {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.route-content a {font-size: 16px; color: #999999;}
.route-content span {font-size: 16px; margin: 0px 8px 0px 8px; color: #999999;}
.route-content h1 {font-size: 16px; font-weight: normal; color: #999999;}
.main {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
}
.main-content {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
}
.main-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}
.column {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
}
.column-content {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 30px 0px 30px 0px;
	font-size: 14px;
}
.column-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}

@media screen and (max-width:768px){
	html{height:100%; width:100%; min-width:100%; background-color:#ffffff; margin:0px; padding:0px 0px 0px 0px; font-family: "Microsoft YaHei", \5B8B\4F53, serif, Simsun, Mingliu, Arial, Helvetica;}
	body{height:100%; width:100%; min-width:100%; background-color:#ffffff; margin:0px; padding:50px 0px 0px 0px; font-family: "Microsoft YaHei", \5B8B\4F53, serif, Simsun, Mingliu, Arial, Helvetica;}
	/*.toolbar {display: none;}*/
	.header {position: fixed; z-index: 19999; top: 0px; display: flex;align-items: center; height:50px; width:100%; background-color:#ffffff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); border-bottom: 1px solid #dddddd;}
	.menu {position: relative; display: flex; justify-content: center; align-items: center; width:50px; height: 4.2666666667vw;}
	.menu span{border-radius:2px;position:absolute;display:block;width:6.0666666667vw;height:.6666666667vw;background-color:#2b3aa1;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;}
	.menu span:first-child{top:.1vw;}
	.menu span:nth-child(2){top:2.1333333333vw;width:6.0666666667vw;}
	.menu span:nth-child(3){top:4.2666666667vw;}
	.menu-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;}
	.menu-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;}
	.menu-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;}
	.logo {display: flex; flex-grow: 1; justify-content: center;align-items: center;}
	.logo img {height: 40px;}
	.search {display: flex; width: 50px; height: 50px;}
	.mask {
		position: fixed;
		display: none;
		width: 100%;
		bottom: 0;
		height: 100%;
		background: rgba(0,0,0,.6);
		z-index: 8888;
		top: 50px;
		opacity: 0;
		transition: 0.3s opacity ease-in-out;
		-o-transition: 0.3s opacity ease-in-out;
		-moz-transition: 0.3s opacity ease-in-out;
		-webkit-transition: 0.3s opacity ease-in-out;
	}
	.guide {
		display: flex;
		height: calc(100% - 50px);
		width: 60%;
		position: fixed;
		z-index: 1000;
		top: 50px;
		left: -60%;
		overflow: hidden;
		transition: 0.3s left ease-in-out;
		-o-transition: 0.3s left ease-in-out;
		-moz-transition: 0.3s left ease-in-out;
		-webkit-transition: 0.3s left ease-in-out;
		background: #232429;
		justify-content: flex-start;
	}
	.guide ul {display: flex; flex-direction: column; width: 100%;}
	.guide ul li {list-style: none; display: inline-block; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 16px;}
	.guide ul li a {display: inline-block; height:50px; width: 100%; line-height: 50px; padding-left:30px; box-sizing: border-box; font-size: 16px; color:#ffffff; text-decoration:none; margin-top:0px;}
	.guide ul li a:visited {display: inline-block; color:#ffffff; text-decoration:none; margin-top:0px;}
	.guide ul li a:hover {display: inline-block; color:#ffffff; text-decoration:none; margin-top:0px;}
	.guide ul li a:active {display: inline-block; color:#ffffff; text-decoration:none; margin-top:0px;}
	.banner {
		width: 100%;
		max-width: 1920px;
		margin: auto;
	}
	.banner-content {
		text-align: center;
	}
	.swiper-button-prev, .swiper-button-next {display:none;}
	.special {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 0px 10px 0px;
	}
	.special-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: column;
		padding: 10px 10px 10px 10px;
	}
	.special-content li {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
		padding: 10px 20px 10px 20px;
		box-sizing: border-box;
	}
	.special-content li img {
		width: 100%;
		height: 100%;
	}
	.special-content li h3 {
		font-size: 16px;
		margin: 10px 0px 10px 0px;
	}
	.special-content li p {
		font-size: 14px;
		margin: 10px 0px 10px 0px;
	}
	.special-content span:first-child {
		width: 20vw;
		height: 20vw;
		padding: 10px 10px 10px 10px;
		justify-content: center;
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}
	.special-content span:nth-child(2) {
		flex-grow: 1;
		height: 20vw;
		padding: 10px 10px 10px 10px;
	}
	.product {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.product-summary {
		width: 100%;
		height: auto;
	}
	.product-summary h3 {
		color: #2b3aa1;
		font-style: normal;
		font-family: Open Sans;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	.product-summary p {
		padding: 15px 0px 15px 0px;
		text-align: center;
		color: #666666;
		line-height: 24px;
		font-size: 18px;
	}
	.product-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px;
	}
	.product-content li {list-style: none; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; width: calc((100% - 20px * 1) / 2); box-sizing: border-box; margin-left:20px; margin-top:0px; font-size: 14px;}
	.product-content li:nth-child(2n+1) {margin-left:0px ! important;}
	.product-content li a:first-child {
		border: 1px solid #eee;
		width: 100%;
		height: 40vw ! important;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.product-content li a:nth-child(2) {
		padding: 15px 5px 20px 5px;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.service {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.service-summary {
		width: 100%;
		height: auto;
	}
	.service-summary h3 {
		color: #2b3aa1;
		font-style: normal;
		font-family: Open Sans;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	.service-summary p {
		padding: 15px 0px 15px 0px;
		text-align: center;
		color: #666666;
		line-height: 24px;
		font-size: 18px;
	}
	.service-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: column;
		padding: 10px 25px 10px 25px;
	}
	.service-content li {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
		padding: 20px 20px 0px 20px;
		box-sizing: border-box;
		border: 1px solid #cccccc;
		position: relative;
		z-index: 9;
		background-color: #ffffff;
		margin: 50px 0px 50px 0px;
		border-radius: 6px;
	}
	.service-content li img {
		width: 100%;
		height: 100%;
	}
	.service-content li h3 {
		font-size: 16px;
		margin: 10px 0px 10px 0px;
	}
	.service-content li p {
		font-size: 14px;
		margin: 10px 0px 10px 0px;
		color: #999999;
	}
	.service-content span:first-child {
		width: 20vw;
		height: 20vw;
		padding: 10px 10px 0px 10px;
		justify-content: center;
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}
	.service-content span:nth-child(2) {
		flex-grow: 1;
		height: 20vw;
		padding: 0px 10px 20px 10px;
	}
	.service-content span:nth-child(3) {
		display: block;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		border: 1px solid #cccccc;
		margin: auto;
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #ffffff;
		line-height: 38px;
		text-align: center;
		font-size: 18px;		
	}
	.service-content li:nth-last-child(n+2) span:nth-child(3)::after {
		content: '';
		width: 0px;
		height: 0px;
		display: block;
		background-color: transparent;
		position: absolute;
		top: 0%;
		left: 0%;
	}
	.service-content li:nth-last-child(n+2)::after {
		content: '';
		width: 1px;
		height: 58px;
		display: block;
		background-color: #cccccc;
		position: absolute;
		z-index: 8;
		top: 100%;
		left: 50%;
		transform: translate(-50%, 20%);
	}
	.article {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.article-summary {
		width: 100%;
		height: auto;
	}
	.article-summary h3 {
		color: #2b3aa1;
		font-style: normal;
		font-family: Open Sans;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	.article-summary p {
		padding: 5px 0px 5px 0px;
		text-align: center;
		color: #666666;
		line-height: 24px;
		font-size: 18px;
	}
	.article-content {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.article-part-list {
		height: 310px;
		padding: 15px;
	}
	.article-part-list li {position: relative; display: block; height:30px; width: 100%; line-height: 30px; border-left:0px solid #1D5590;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.article-part-list li::before {position: absolute; left; 0px; top: 50%; transform: translate(100%, -50%); content: ""; height: 4px; width: 4px; background-color: #aaaaaa; overflow: hidden;}
	.article-part-list li a {height:30px; line-height: 30px; padding-left:20px; font-size: 14px; color:#333333; text-decoration:none; margin-top:0px;}
	.article-part-list li a:visited {color:#333333; text-decoration:none; margin-top:0px;}
	.article-part-list li a:hover {color:#ff0000; text-decoration:none; margin-top:0px;}
	.article-part-list li a:active {color:#333333; text-decoration:none; margin-top:0px;}
	.article-content div:nth-child(1) div {
		border-top: 1px solid #cccccc;
		border-bottom: 0px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.article-content div:nth-child(1) ul {
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.article-content div:nth-child(n+2) div {
		border-top: 1px solid #cccccc;
		border-bottom: 0px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		margin-top: 20px;
	}
	.article-content div:nth-child(n+2) ul {
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}
	.article-part-name {
		padding: 10px 10px 0px 10px;
	}
	.article-part {
		width: 100%;
		padding: 0px 20px 0px 20px;
	}
	.article-part label {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 120px;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		background-color: #f3f3f3;
	}
	.article-part label img {
		height: 50px;
		width: 50px;
	}
	.aboutus {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.aboutus-summary {
		width: 100%;
		height: auto;
	}
	.aboutus-summary h3 {
		color: #2b3aa1;
		font-style: normal;
		font-family: Open Sans;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
	}
	.aboutus-summary p {
		padding: 5px 0px 5px 0px;
		text-align: center;
		color: #666666;
		line-height: 24px;
		font-size: 18px;
	}
	.aboutus-content {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 18px;
	}
	.aboutus-content div:last-child {
		display: flex;
	}
	.aboutus-part {
		width: 50%;
		padding: 5px 5px 5px 5px;
	}
	.aboutus-part span {
		display: flex;
		height: 100%;
		width: 100%;
		background-color: #333333;
	}
	.board {
		width: 100%;
		height: 290px;
		margin-top: 20px;
		overflow: hidden;
		position: relative;
	}
	.board-image {
		width: 1920px;
		height: 290px;
		position: absolute;
		left: 50%;
		top: 0px;
		transform: translate(-50%, 0%);
	}
	.board-image img {
		width: 1920px;
		height: 290px;
	}
	
	.board-content {
		margin: auto;
		position: relative;
		z-index: 9;
		width: 100%;
		height: 290px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.board-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		order: 2;
		align-items: center;
		padding: 0px 0px 30px 0px;
	}
	.board-title label {
		display: block;
		margin: 0px 0px 0px 0px;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		font-size: 36px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	.board-title span {
		display: block;
		margin: 0px 0px 0px 0px;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		font-size: 24px;
		letter-spacing: 8px;
	}
	.board-info {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: 100%;
		padding-top: 20px;
		order: 1;
	}
	.board-info-part {
		display: flex;
		flex-direction: column;
	}
	.board-count {}
	.board-count strong {
		font-size: 24px;
		display: inline-block;
		line-height: 50px;
		margin-right: 5px;
		color: #ffffff;
	}
	.board-count span {
		font-size: 18px;
		color: #ffffff;
	}
	.board-text {
		font-size: 14px;
		color: #ffffff;
		padding: 5px 0px 5px 0px;
	}
	.footer {
		width: 100%;
		height: auto;
		margin: auto;
	}
	.footer-content {
		height: auto;
		width: 100%;
		margin: auto;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		padding-bottom: 30px;
	}
	.footer-info {
		height: 135px;
		width: 100%;
		line-height: 80px;
		margin: auto;
		color: #707070;
		font-size: 14px;
		border-top: 1px solid #333333;
		overflow: hidden;
		text-align: center;
	}
	.footer-part {
		width: 100% ! important;
		padding: 0px 20px 0px 20px;
	}
	.footer-content div:nth-child(4) {
		width: 100% ! important;
	}
	.footer-content div:last-child {
		width: 100% ! important;
	}
	.footer-part-list {
		padding: 0px;
	}
	.footer-part-list li {position: relative; display: inline-block; height:30px; width: 49%; line-height: 30px; border-left:0px solid #1D5590;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.footer-part-list li::before {position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); content: ""; height: 4px; width: 4px; border-radius: 50%; background-color: #707070; overflow: hidden;}
	.footer-part-list li a {height:30px; line-height: 30px; padding-left:15px; font-size: 14px; color:#707070; text-decoration:none; margin-top:0px;}
	.footer-part-list li a:visited {color:#707070; text-decoration:none; margin-top:0px;}
	.footer-part-list li a:hover {color:#ffffff; text-decoration:none; margin-top:0px;}
	.footer-part-list li a:active {color:#707070; text-decoration:none; margin-top:0px;}
	.footer-part label {
		position: relative;
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		display: block;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: left;
		border-bottom: 1px solid #333333;
	}
	.footer-part-hide ul {
		max-height: 0px;
		transition: max-height .3s;
		overflow: hidden;
	}
	.footer-part-hide label::after {
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translate(-200%, -50%) rotate(135deg);
		transition:transform .2s .2s;
		content: "";
		height: 8px;
		width: 8px;
		border-right: 2px solid #ffffff;
		border-top: 2px solid #ffffff;
		overflow: hidden;
	}
	.footer-part-show ul {
		transition: max-height .3s;
		max-height: 500px;
		overflow: auto;
	}
	.footer-part-show label::after {
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translate(-200%, -50%) rotate(-45deg);
		transition:transform .2s .2s;
		content: "";
		height: 8px;
		width: 8px;
		border-right: 2px solid #ffffff;
		border-top: 2px solid #ffffff;
		overflow: hidden;
	}
	.footer-part span {
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		display: block;
		padding: 30px 0px 20px 0px;
		margin: auto;
		text-align: center;
		width: 100%;
		border-top: 0px solid #333333;
		display: none;
	}
	.footer-part p {
		text-align: center;
		margin: auto;
		padding: 30px 0px 0px 0px;
	}
	.footer-part p img {
		width: 100px;
		height: 100px;
		margin: auto;
		background-color: #ffffff;
	}
	.taskbar {
		position: fixed;
		z-index: 1024;
		left: 0px;
		bottom: 0px;
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
		border-top: 0px solid #dddddd;
		background-color:#f9f9f9;
		box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 10%);
		overflow: hidden;
		background-color: orange;
		background-image: linear-gradient(90deg, #FF6B02 0%, #FE8F23 100%);
	}
	.taskbar-item {
		height: 56px;
		width: 100%;
		margin: auto;
		color: #ffffff;
		display: flex;
		flex-direction: row;
	}
	.taskbar-item li:first-child {
		display: block ! important;
	}
	.taskbar-item li:last-child {
		display: block ! important;
		width: 75% ! important;
		box-sizing: border-box;
		padding: 6px 15px 6px 15px;
	}
	.taskbar-item li:last-child a {
		background-color: #ffffff;
		border-radius: 90px;
		display: flex;
		flex-direction: row;
		background-image: linear-gradient(90deg, #e9c389 0%, #FFFFFF 100%);
		overflow: hidden;
	}
	.taskbar-item li:last-child img {
		filter: drop-shadow(250px 0px 0px orangered);
		-webkit-filter: drop-shadow(250px 0px 0px orangered);
		-moz-filter: drop-shadow(250px 0px 0px orangered);
		-ms-filter: drop-shadow(250px 0px 0px orangered);
		-o-filter: drop-shadow(250px 0px 0px orangered);
		transform: translateX(-250px);
	}
	.taskbar-item li:last-child span {
		font-size: 18px;
		font-weight: bold;
		margin-left: 10px;
		color: orangered;
	}
	.taskbar-item li:first-child img {
		-webkit-filter: grayscale(100%) brightness(1000%);
		-moz-filter: grayscale(100%) brightness(1000%);
		-ms-filter: grayscale(100%) brightness(1000%);
		-o-filter: grayscale(100%) brightness(1000%);
		filter: grayscale(100%) brightness(1000%);
	}
	.taskbar-item li:first-child span {
		color: #ffffff;
	}
	.taskbar-item li {
		height: 100%;
		width: 25%;
		display: none;
	}
	.taskbar-item li a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 100%;
	}
	.taskbar-item li a img {
		height: 24px;
		width: 24px;
	}
	.taskbar-item li a span {
		padding: 1px 0px 0px 0px;
		color: #32536d;
		font-size: 12px;
	}
	
	.route {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #dddddd;
		display: none;
	}
	.route-content {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 5px 20px 5px 20px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.route-content a {font-size: 16px; color: #aaaaaa;}
	.route-content span {font-size: 16px; margin: 0px 8px 0px 8px;}
	.route-content h1 {font-size: 16px; font-weight: normal;}
	.main {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 0px 10px 0px;
	}
	.main-content {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 20px 10px 20px;
		font-size: 14px;
	}
	.main-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}
	.column {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 0px 10px 0px;
	}
	.column-content {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 30px 20px 30px 20px;
		font-size: 14px;
	}
	.column-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}
	
}