p,a {
	font-family: 'Times New Roman',"Microsoft YaHei"
}

small {
	font-size: .7em;
	font-weight: lighter
}

.header {
	background-color: #424242;
	width: 100%;
	height: auto;
	z-index: 9;
	position: fixed
}

.header
.menu-toggle {
	background: #424242
}

.header .menu-toggle .logo-mo {
	width: 100%;
	max-width: 150px
}

.header
#Menu {
	z-index: 9;
	background-color: #424242
}

@media (min-width:1024px) {
	.header
#Menu {
		display: grid;
		grid-template-columns: 0 0 repeat(8, 1fr)
	}
}

@media (min-width:1920px) {
	.header
#Menu {
		display: grid !important;
		grid-template-columns: 400px auto repeat(8,
90px) !important
	}
}

@media (max-width:768px) {
	.header #Menu>li:first-child {
		border-top: 2px
solid #3464CA
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.header
#Menu>li:first-child {
		border-top: 2px solid #3464CA
	}
}

.header #Menu>li>a {
	padding: 0
15px;
	line-height: 80px;
	height: 80px;
	text-align: center
}

@media (max-width:768px) {
	.header
#Menu>li>a {
		height: 40px;
		line-height: 40px
	}
}

.header #Menu>li>a i {
	color: #3464CA
}

@media
(max-width:768px) {
	.header #Menu a {
		text-align: center
	}
}

@media (min-width:768px)
and (max-width:1024px) {
	.header #Menu a {
		text-align: center
	}
}

.header #Menu
.logo {
	width: 480px;
	height: 80px;
	background-image: url('../image/logo.png')
!important;
	background-color: inherit !important;
	background-repeat: no-repeat;
	background-size: cover
}

@media
(max-width:768px) {
	.header #Menu .logo {
		display: none
	}
}

@media (max-width:1366px) {
	.header
#Menu .logo {
		display: none
	}
}

footer .form-part {
	background: url(../image/footer_bg.jpg)
no-repeat;
	background-size: cover;
	padding: 40px 0 20px 0
}

footer .pc-part {
	background-color: #424242
}

footer
.footer-left-input {
	width: 100%;
	height: 44px;
	margin: 0 0 15px 0;
	font-size: .85rem;
	padding: 5px;
	border-radius: 0
}

footer
.footer-right-textarea {
	width: 100%;
	height: 162px;
	font-size: .85rem;
	resize: none;
	padding: 5px;
	border-radius: 0
}

footer
.footer-submit {
	height: 46px;
	width: 200px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 1rem;
	line-height: 40px;
	text-align: center;
	border-radius: 46px;
	background-color: #515D75;
	font-weight: lighter;
	margin-top: 20px
}

footer
.footer-mobile-info {
	padding: 0 0 15px 0
}

footer .footer-mobile-info p {
	color: #fff;
	margin-bottom: 2px;
	font-size: 14px
}

footer
.footer-mobile-info a {
	color: #fff
}

footer .friendly-link {
	padding: 30px 0 15px
0;
	border-bottom: 1px solid #5F6062
}

footer .friendly-link>span,footer .friendly-link>a {
	color: white;
	font-size: 14px;
	margin: 0
3px;
	text-decoration: none
}

footer .friendly-link a:hover {
	color: #e2b260
}

footer
.footer-list {
	color: #fff;
	padding: 20px 0;
	border-bottom: 1px solid #5F6062
}

footer
.footer-list-title {
	font-size: 1.2rem;
	font-weight: lighter;
	margin: 20px 0
}

footer
.footer-list-item {
	font-size: .85rem;
	font-weight: lighter;
	margin: 14px 0;
	color: #bbbbbb
}

footer
.footer-list-item>a {
	color: #bbbbbb;
	text-decoration: none
}

footer .footer-list-item>a:hover {
	color: #e2b260
}

footer
.footer-phone {
	font-size: 1.1rem;
	font-weight: bold;
	color: #e2b260 !important
}

footer
.col-diy-12 {
	width: 12.5%
}

footer .copyright {
	background-color: #424242;
	color: #bbbbbb;
	font-size: .85rem
}

footer
.copyright a {
	text-decoration: none;
	color: #fff
}

footer .more-space-for-fixed-nav {
	width: 100%;
	height: 65px;
	background-color: #424242
}

.fixed-nav {
	height: 65px;
	width: 100%;
	position: fixed;
	background-color: #fff;
	bottom: 0;
	z-index: 999;
	box-shadow: 0
0 5px 1px rgba(135,135,135,0.5)
}

.fixed-nav .col-diy-20 {
	width: 20%;
	padding: 2px;
	color: #515d75
}

.fixed-nav
.col-diy-20>a {
	color: inherit;
	text-decoration: none
}

.fixed-nav .fixed-nav-icon {
	font-size: 30px;
	text-align: center;
	height: 30px
}

.fixed-nav
.fixed-nav-text {
	font-size: 12px;
	text-align: center;
	font-weight: lighter;
	padding: 5px
}

.content {
	padding-top: 80px
}

@media
(max-width:1024px) {
	.content {
		padding-top: 56px
	}
}

.article-content {
	padding: 35px
15px 35px 15px
}

.article-content p {
	line-height: 1.5rem
}

.article-content img {
	width: 100%;
	margin: 0
0 25px 0
}

.article-content h2,.article-content h3 {
	font-size: 1.4rem;
	color: #3464CA;
	margin: 30px
0 15px 0
}

.article-content ul {
	margin-bottom: 25px
}

.article-content ul li {
	list-style: square;
	font-weight: lighter;
	font-size: .95rem;
	margin-bottom: 10px
}

.article-content
ol {
	margin-bottom: 25px
}

.article-content ol li {
	list-style: decimal;
	font-weight: lighter;
	font-size: .95rem;
	margin-bottom: 10px
}

.article-content
table {
	border: 1px solid #ddd;
	font-weight: lighter;
	color: inherit;
	padding: .75rem
}

.article-content
table th,.article-content table tr,.article-content table td {
	border: 1px
solid #ddd;
	font-weight: lighter;
	color: inherit;
	padding: .75rem;
	vertical-align: middle
}

.pagenav {
	padding: 40px
0 60px 0
}

.pagenav .btn {
	border: 1px solid #bbbbbb;
	border-radius: 0;
	font-size: 1rem;
	padding: 5px
7px;
	margin: 5px
}

.pagenav .active,.pagenav .btn:hover {
	background: #4066B9;
	color: #fff;
	border: 1px
solid #4066B9
}

.img-container {
	overflow: hidden
}

.img-container>img {
	transition: .5s;
	transition-delay: .1s
}

.img-container>img:hover {
	transform: scale(1.2)
}

.tag-box {
	margin-top: 20px;
	padding: 20px
0 0 15px
}

.tag-box a {
	background: #3464CA;
	margin: 5px 2px;
	padding: 4px 5px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: .85rem
}

.list-area
.list-group {
	padding: 15px;
	border-radius: 0
}

.list-area .list-group .list-group-item.active {
	background: #3464CA
}

.list-area
.list-group h5 {
	font-weight: lighter
}

a {
	color: #3464CA
}

@media (max-width:375px) {
	p,a {
		font-size: .75rem
!important
	}
}

.inherit_link {
	color: inherit;
	text-decoration: none
}

.one_line_text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.section-title
h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #363636
}

@media (max-width:768px) {
	.section-title
h2 {
		font-size: 1.7rem;
		text-align: center
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.section-title
h2 {
		font-size: 2.3rem !important;
		text-align: inherit !important
	}
}

.section-title
h2>span {
	font-size: 1.2rem;
	font-weight: bold;
	color: #767676
}

@media (min-width:768px)
and (max-width:1024px) {
	.section-title h2>span {
		font-size: 1.5rem
	}
}

@media
(max-width:768px) {
	.section-title p {
		text-align: center;
		font-size: .85rem
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.section-title p {
		text-align: inherit
!important;
		font-size: 1.3rem !important
	}
}

.section-title .split-bar {
	display: block;
	width: 10%;
	height: 3px;
	background-color: #3464CA;
	margin: 10px
0
}

@media (max-width:768px) {
	.section-title .split-bar {
		width: 60%;
		margin: 10px
20%;
		height: 2px
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.section-title
.split-bar {
		height: 2px !important;
		width: 40%;
		margin: 10px 0
	}
}

@media (min-width:1024px) {
	.index-section {
		padding: 120px
0 0 0
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.index-section {
		padding: 70px
0 0 0
	}
}

@media (max-width:768px) {
	.index-section {
		padding: 30px 0
	}
}

.know-more {
	font-size: 1rem
}

.know-more
a {
	color: #3464CA;
	text-decoration: none
}

@media (max-width:820px) {
	.slide .PC-Swiper {
		display: none
	}
}

@media
(min-width:1024px) {
	.slide .PC-Swiper {
		display: inherit
	}
}

@media (max-width:820px) {
	.slide
.Mobile-Swiper {
		display: inherit
	}
}

@media (min-width:1024px) {
	.slide .Mobile-Swiper {
		display: none
	}
}

.slide
img {
	width: 100%
}

.mobile-secondary-nav {
	padding: 2%;
	margin-top: 20px
}

.mobile-secondary-nav
.nav-item {
	width: 20%;
	padding: 2%;
	float: left
}

.mobile-secondary-nav .nav-item
a {
	color: inherit;
	text-decoration: none
}

.mobile-secondary-nav .nav-item a
img {
	width: 100%
}

.mobile-secondary-nav .nav-item a p {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0
}

@media
(max-width:768px) {
	.mobile-secondary-nav .nav-item a p {
		font-size: .7rem
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.mobile-secondary-nav .nav-item
a p {
		font-size: 1.3rem !important
	}
}

.solution .right-img {
	width: 100%;
	margin: 5px
30px 30px -30px;
	display: grid;
	grid-template-columns: 50fr 50fr;
	grid-template-rows: 50fr
50fr;
	grid-gap: 8px
}

.solution .solution-svg-all {
	padding: 40px 60px 40px 0
}

.solution
.solution-svg-all .col-6 {
	padding: 0
}

.solution .solution-item {
	margin: 10px
}

.solution
.solution-item img {
	box-shadow: 0 0 3px 0 #959595
}

.solution .mo-solution-item
div {
	width: 80%;
	margin: -5px 10% 0 10%
}

@media (min-width:768px) and (max-width:1024px) {
	.solution
.mo-solution-item div {
		width: 60%;
		margin: -5px 20% 0 20%
	}
}

.solution .mo-solution-item
div h3 {
	font-size: 1.1rem;
	font-weight: 300;
	text-align: center;
	margin-top: -2.5rem;
	background: #fff;
	padding: 2px;
	opacity: .85;
	color: inherit
}

@media
(min-width:768px) and (max-width:1024px) {
	.solution .mo-solution-item div
h3 {
		font-size: 1.6rem !important;
		margin-top: -4rem;
		margin-bottom: 2rem
	}
}

.solution
.mo-solution-item a {
	color: inherit;
	text-decoration: none
}

.about {
	background-image: url(../image/bg_03.svg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 40px
}

.about
.right-img {
	margin-top: 35px;
	background-color: #EAEAEA
}

.about .right-img img {
	width: 100%;
	margin: -30px
30px 30px -30px
}

.about .introduction-area {
	padding: 40px 60px 40px 0
}

@media
(min-width:768px) and (max-width:1024px) {
	.about .introduction-area {
		padding: 0px
60px 20px 0
	}
}

.about .introduction-area .article-content {
	background-color: #3464CA;
	padding: 20px
35px !important
}

.about .introduction-area .article-content h3,.about .introduction-area
.article-content p {
	color: #fff
}

.about .introduction-area .article-content
hr {
	background-color: #fff
}

.about .introduction-area .article-content b {
	font-weight: bold;
	margin: 0
2px
}

.about .mobile-solution-instroduction {
	font-size: .85rem;
	text-align: justify
}

@media
(min-width:768px) and (max-width:1024px) {
	.about .mobile-solution-instroduction {
		font-size: 1rem
	}
}

.about
.mobile-solution-instroduction p {
	text-align: justify
}

.about .mobile-solution-instroduction
p b {
	margin: 0 2px
}

.about .number-animation {
	padding: 20px 0
}

.about .number-animation
.col-3 {
	color: #3464CA;
	font-size: 1.2rem
}

@media (min-width:1024px) {
	.about
.number-animation .col-3 {
		padding-left: 50px
	}
}

@media (min-width:768px) and
(max-width:1024px) {
	.about .number-animation .col-3 {
		padding-left: 20px
	}
}

.about
.number-animation .col-3 span {
	color: inherit;
	font-size: 2rem;
	font-weight: bold
}

.about
.number-animation .col-3 p {
	color: #363636;
	font-size: 1rem
}

.products {
	background-image: url(../image/products-section.webp);
	background-size: cover;
	background-repeat: no-repeat
}

@media
(min-width:1024px) {
	.products .index-section {
		padding: 180px 0 80px 0 !important
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.products .index-section {
		padding: 70px
0 70px 0 !important
	}
}

.products .production-swiper {
	overflow: hidden
}

.products
.section-title h2,.products .section-title span,.products .section-title
p {
	color: #fff !important
}

.products .section-title .split-bar {
	background-color: #fff
!important
}

.products .section-title .know-more {
	font-size: 1rem
}

.products
.section-title .know-more a {
	color: #3464CA;
	text-decoration: none
}

.products
.section-title .know-more a {
	color: #fff !important
}

.products .article-content {
	padding: 0
}

.products
.article-content h3 {
	color: #fff !important
}

.products .article-content p {
	color: #fff
!important
}

@media (max-width:768px) {
	.products .article-content p {
		font-size: .85rem
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.products .article-content p {
		font-size: 1rem
!important
	}
}

.products .article-content hr {
	background-color: #fff !important
}

.products
.nav-button {
	margin: 15px 0
}

.products .nav-button .products-button {
	font-size: 3rem;
	text-align: center;
	color: #fff
}

.products
.nav-button .products-button:hover {
	background-color: #fff;
	color: #3464CA
}

@media
(min-width:768px) and (max-width:1024px) {
	.products .products-list :nth-child(7),.products
.products-list :nth-child(8) {
		display: none
	}
}

@media (min-width:1024px) {
	.products
.products-list :nth-child(7),.products .products-list :nth-child(8) {
		display: block
!important
	}
}

.products .products-list .products-item {
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 23px
}

@media
(max-width:768px) {
	.products .products-list .products-item {
		margin-bottom: 10px
	}
}

.products
.products-list .products-item a {
	color: inherit;
	text-decoration: none
}

.products
.products-list .products-item a img {
	margin: 10px 0; height:180px;  
}

@media (max-width:768px) {
	.products
.products-list .products-item a img {
		margin: 0
	}
}

.products .products-list
.products-item a p {
	text-align: center;
	margin: 0 10px 15px 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

@media
(max-width:768px) {
	.products .products-list .products-item a p {
		font-size: .85rem;
		margin: 0
10px 5px 10px
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.products
.products-list .products-item a p {
		margin: 0 10px 15px 10px !important
	}
}

.cases
.case-container {
	overflow: hidden
}

.cases .case-container .case-pagination {
	text-align: center
}

.cases
.case-container a {
	color: inherit;
	text-decoration: none
}

.cases .case-container
.case-item .bg-pic {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px
}

@media
(max-width:768px) {
	.cases .case-container .case-item .bg-pic {
		height: 250px
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.cases .case-container .case-item
.bg-pic {
		height: 350px !important
	}
}

.cases .case-container .case-item .case-description {
	padding: 40px
20px 0 20px;
	background: #fff
}

@media (max-width:768px) {
	.cases .case-container
.case-item .case-description {
		padding: 5px 0
	}
}

@media (min-width:768px) and
(max-width:1024px) {
	.cases .case-container .case-item .case-description {
		padding: 5px
15px
	}
}

.cases .case-container .case-item .case-description h2 {
	font-size: 1.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

@media
(min-width:1024px) {
	.cases .case-container .case-item .case-description
h2 {
		margin-bottom: 20px
	}
}

@media (max-width:768px) {
	.cases .case-container
.case-item .case-description h2 {
		font-size: 1.4rem;
		-webkit-line-clamp: 1
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.cases .case-container .case-item
.case-description h2 {
		-webkit-line-clamp: 3 !important
	}
}

.cases .case-container
.case-item .case-description p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0
}

@media
(min-width:1024px) {
	.cases .case-container .case-item .case-description
p {
		-webkit-line-clamp: 11;
		line-height: 2rem
	}
}

@media (max-width:768px) {
	.cases
.case-container .case-item .case-description p {
		-webkit-line-clamp: 2;
		font-size: .85rem
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.cases .case-container .case-item
.case-description p {
		-webkit-line-clamp: 10 !important;
		line-height: 1.6rem
	}
}

.advantages
.advantages-container .advantage-item {
	padding: 0
}

.advantages .advantages-container
.advantage-item .mc-item__caption {
	background-color: #3464CA;
	color: #fff;
	text-align: center;
	padding: 2rem
}

@media
(max-width:768px) {
	.advantages .advantages-container .advantage-item .mc-item__caption {
		padding: .5rem
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.advantages .advantages-container
.advantage-item .mc-item__caption {
		padding: .3rem
	}
}

.advantages .advantages-container
.advantage-item .mc-item__caption h3 {
	margin: 10px 0;
	color: inherit
}

@media
(max-width:768px) {
	.advantages .advantages-container .advantage-item .mc-item__caption
h3 {
		font-size: 1.4rem;
		margin: 15px
	}
}

.advantages .advantages-container .advantage-item
.mc-item__caption p {
	color: inherit
}

@media (max-width:768px) {
	.advantages
.advantages-container .advantage-item .mc-item__caption p {
		font-size: .85rem
	}
}

.advantages
.advantages-container .advantage-item .mc-item__image img {
	width: 100%
}

.info-center {
	background-image: url('../image/bg-4.svg');
	background-size: cover;
	background-repeat: no-repeat
}

@media
(max-width:768px) {
	.info-center .news-tab-list {
		text-align: center;
		margin-bottom: 15px
	}
}

@media
(min-width:768px) and (max-width:1024px) {
	.info-center .news-tab-list {
		text-align: right
	}
}

.info-center
.news-tab-list a[role='tab'] {
	display: inline;
	cursor: pointer
}

@media (min-width:1024px) {
	.info-center
.news-tab-list a[role='tab'] {
		float: right;
		margin: 0 1rem
	}
}

@media (max-width:768px) {
	.info-center
.news-tab-list a[role='tab'] {
		float: none;
		margin: 0 .5rem
	}
}

.info-center .news-tab-list
a[aria-selected="true"] {
	border-bottom: 1px solid #3464CA;
	padding-bottom: 3px
}

.info-center
[role='tabpanel'] .top-news-box {
	max-height: 650px;
	overflow: hidden
}

.info-center
[role='tabpanel'] .top-news-box .top-news-image {
	background-repeat: no-repeat;
	background-position: center
center;
	background-size: cover;
	height: 420px
}

@media (max-width:768px) {
	.info-center
[role='tabpanel'] .top-news-box .top-news-image {
		height: 250px
	}
}

@media (min-width:768px)
and (max-width:1024px) {
	.info-center [role='tabpanel'] .top-news-box .top-news-image {
		height: 450px
	}
}

.info-center
[role='tabpanel'] .top-news-box h3 {
	margin: 15px 0;
	color: #363636;
	font-weight: lighter;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

@media
(max-width:768px) {
	.info-center [role='tabpanel'] .top-news-box h3 {
		font-size: 1.1rem;
		font-weight: bold
	}
}

.info-center
[role='tabpanel'] .top-news-box a {
	color: inherit;
	text-decoration: none
}

.info-center
[role='tabpanel'] .news-list {
	max-height: 500px;
	overflow: hidden
}

.info-center
[role='tabpanel'] .news-list a {
	color: inherit;
	text-decoration: none
}

.info-center
[role='tabpanel'] .news-list .news-box h3 {
	margin: 15px 0;
	font-size: 1rem;
	color: #363636;
	font-weight: lighter;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	border-bottom: 1px
dotted #959595
}

@media (max-width:768px) {
	.info-center [role='tabpanel']
.news-list .news-box h3 {
		font-size: .85rem;
		margin: 7px 0
	}

	.info-center [role='tabpanel']
.news-list .news-box h3::before {
		content: " ยท ";
		font-weight: bold
	}
}

.info-center
[role='tabpanel'] .news-list .news-box p.post-time {
	margin: 15px 0;
	font-size: 1rem;
	color: #363636;
	font-weight: lighter;
	float: right
}

@media
(max-width:768px) {
	.info-center [role='tabpanel'] .news-list .news-box p.post-time {
		font-size: .85rem;
		margin: 7px
0
	}
}

@media screen and (max-width:1024px) {
	.company_info .company_info h1 {
		font-size: 1.8rem
	}

	.company_info
.company_info .company-info-nav p {
		font-size: .85rem
	}
}

.company_info h1 {
	display: block;
	font-weight: lighter;
	font-size: 2rem;
	color: #3464CA;
	padding: 20px
0;
	margin: 0
}

.company_info .company-info-nav {
	font-weight: lighter;
	padding: 20px
0
}

.company_info .company-info-nav p {
	line-height: 2.4rem;
	margin: 0;
	float: right
}

.company_info
.company-info-nav a {
	color: inherit
}

@media screen and (max-width:1024px) {
	.slogan-area
.col-md-3 {
		border-right: none !important
	}
}

.slogan-area .col-md-3 {
	border-right: 1px
solid #dee2e6
}

.slogan-area .col-md-3:last-child {
	border-right: none !important
}

.slogan {
	margin-bottom: 2rem
}

@media
screen and (max-width:1024px) {
	.slogan .slogan {
		text-align: center
	}

	.slogan
.slogan .focal span {
		font-size: 2.2rem
	}
}

.slogan span {
	font-size: .95rem;
	font-weight: lighter
}

.slogan
.focal {
	font-weight: lighter;
	color: #3464CA
}

.slogan .focal span {
	font-size: 2.7rem;
	font-weight: bolder
}

#lean_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none
}

.Swal-container {
	border-radius: 0
!important
}

.Swal-htmlContainer {
	margin: 20px 10px 30px 10px !important
}

.Swal-title {
	font-size: 1.6rem
!important;
	font-weight: lighter !important
}

.certification-area .img-container>img {
	cursor: pointer
}

.certification-area
.img-container>img:hover {
	transform: scale(1.03)
}

.certification-area .certification-item
p {
	text-align: center;
	padding: 10px
}

.map {
	width: 100%;
	height: 450px
}

.map img {
	width: auto
!important;
	margin: auto !important
}

.map .amap-marker-label {
	border: none !important;
	background-color: #3464CA;
	font-size: 1rem
!important;
	font-weight: lighter;
	color: #fff;
	padding: 8px
}

.userform label {
	font-size: .9rem;
	color: #3464CA
}

.userform
.form-group {
	padding: 5px 0
}

.userform .form-control {
	border-radius: 0
}

.userform
.userform-textarea {
	height: 183px
}

.userform button[type='submit'] {
	background-color: #3464CA;
	border-radius: 0;
	border: none;
	font-size: .9rem;
	padding: 5px
30px
}

.positions .position-item {
	cursor: pointer;
	margin-bottom: 30px
}

.positions
.position-item data {
	display: none
}

.positions .position-item>h2 {
	min-height: 54px
}

.Swal-title {
	font-size: 1.6rem
!important;
	font-weight: lighter !important
}

.company_opportunity {
	text-align: justify
!important;
	padding: 20px !important
}

.Swal-confirmButton {
	background-color: #3464CA
!important;
	border-radius: 0 !important;
	border: none !important;
	font-size: .9rem
!important;
	padding: 5px 30px !important
}

.Swal-container {
	border-radius: 0
!important
}

.join_us h2 {
	text-align: center;
	margin: 50px 0 20px 0;
	font-size: 1.7rem
}

.join_us
.description-box {
	background-color: rgba(255,255,255,0.85);
	position: absolute;
	margin-top: -350px;
	padding: 30px
20px 30px 40px;
	width: 70%;
	max-width: 340px;
	text-align: justify
}

@media (max-width:768px) {
	.join_us
.description-box {
		padding: 15px 10px 15px 20px
	}
}

@media (min-width:768px)
and (max-width:1024px) {
	.join_us .description-box {
		padding: 15px 10px 15px
20px;
		max-width: 290px
	}
}

.join_us .description-box h3 {
	font-size: 1.1rem
}

.join_us
.join_introduction {
	padding: 20px 15px 50px 15px !important
}

.join_us .top-pic {
	background-image: url('../image/service.jpg');
	background-repeat: no-repeat;
	background-position: center
center;
	background-size: cover;
	height: 400px
}

@media (min-width:1024px) {
	.join_us
.top-pic {
		height: 600px
	}
}

.join_us .join_features {
	text-align: left
}

.join_us
.join_features img {
	height: 35px;
	margin: 10px 0 0 0;
	width: auto !important
}

.join_us
.right-pic {
	width: 100%;
	height: 100%;
	background-image: url('../image/sec02.jpg');
	background-repeat: no-repeat;
	background-size: cover
}

.join_us
.join_cases {
	width: 100%;
	height: 100%;
	background-image: url('../image/join_bg.webp');
	background-repeat: no-repeat;
	background-position: center
center;
	background-size: cover;
	padding: 50px 0 !important
}

.join_us .join_cases
h2 {
	color: #fff
}

.join_us .join_conditions {
	padding: 50px 0 !important;
	background-image: url('../image/bg_03.svg');
	background-repeat: no-repeat;
	background-size: cover
}

.join_us
.join_conditions .description-box {
	background-color: #3464CA;
	width: 80%;
	max-width: 250px;
	margin-top: -250px;
	color: #fff
}

.join_us
.join_process {
	padding: 50px 0 !important;
	background-image: url('../image/bg_03.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../image/join_bg_02.webp')
}

.join_us
.join_process .description-box {
	background-color: #3464CA;
	width: 80%;
	max-width: 250px;
	margin-top: -250px;
	color: #fff
}

.join_us
.join_process h2 {
	color: #fff
}

.join_us .join_process .description-box {
	background-color: rgba(255,255,255,0.85);
	color: inherit
!important;
	margin-top: -280px
}

.production-center .production-area {
	padding: 120px
0
}

.production-center .production-area h1 {
	font-size: 2.5rem;
	color: #3464CA
}

.production-center
.production-area .category-box .production-selection {
	text-align: center
}

.production-center
.production-area .category-box .production-selection button[type='submit'] {
	background-color: #3464CA;
	color: #ffffff;
	padding: 0
15px;
	border-radius: 0
}

.production-center .production-area .product-item
a {
	text-decoration: none !important;
	color: inherit !important
}

.select2-dropdown {
	border: 0
!important;
	border-radius: 0 !important
}

.select2-container--default .select2-selection--single {
	border: 0
!important;
	border-radius: 0 !important
}

.select2-search--dropdown {
	display: none
!important
}

.production-title {
	font-size: 2rem;
	color: #1d4fa5;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media
(max-width:1366px) {
	.production-title {
		font-size: 1.6rem;
		white-space: inherit;
		line-height: 2rem
	}
}

.production-features {
	padding: 15px
0 15px 10px
}

.production-features .production-feature {
	color: #1d4fa5;
	font-size: 1.2rem;
	margin-top: 25px
}

.production-features
.production-feature .yellow-star {
	color: #FFD21E
}

.production-features .production-place {
	margin-left: 2rem
}

.production-features
.production-introduce {
	color: #5d5d5d;
	font-size: 1.4rem
}

.production-features
a.get-more-button {
	background-color: #1d4fa5;
	display: block;
	margin-top: 40px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	text-decoration: none
}

.content-area {
	margin: 60px
0 100px 0
}

.content-area .decoration,.related-product-area .decoration {
	display: block;
	height: 2px;
	width: 10.5%;
	background-color: #315FAD;
	margin-top: -3px
}

.related-product-area
.related-products {
	font-size: 1.8rem;
	color: #315FAD;
	margin: -3rem 0 0 1rem
}

.related-products-item {
	text-decoration: none
}

.related-products-item
.related-product-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: auto;
	text-align: center;
	font-size: 1rem;
	color: initial
}

.accordion-h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: .2rem
}

.accordion-cover {
	background: #337ab7;
	width: 100%;
	height: 100%;
	opacity: .7;
	filter: blur(.4)
}

.accordion-description {
	color: #fff;
	text-align: justify
}

@media
(max-width:1024px) {
	.accordion-description {
		width: 360px
	}
}

@media (max-width:768px) {
	.accordion-description {
		width: 220px
	}
}

@media
(max-width:320px) {
	.accordion-description {
		width: 180px
	}
}

.accordion-knowmore {
	margin: 0
3px;
	color: inherit;
	display: block;
	margin-top: 10px;
	font-size: 1.1rem
}

.accordion-knowmore:hover {
	color: #e2b260
}

.case-content-area {
	padding: 0
0 40px 0
}

.case-content-area .article-content {
	padding: 60px 15px;
	border-bottom: 1px
solid #dee2e6
}

.segregate-area {
	height: 100%;
	padding: 60px 0 40px 0
}

.segregate-area
.segregate-line {
	height: inherit;
	border-left: 1px solid #dee2e6;
	margin-left: 50%
}

.mobile-segreate-area {
	padding: 0
15px
}

.mobile-segreate-area .segregate-line {
	border-top: 1px solid #dee2e6
}

.side-area {
	margin-top: 35px;
	padding: 0
15px
}

.side-area h2 {
	font-size: 1.4rem;
	color: #3464CA;
	margin: 30px 0 15px 0
}

.side-area
a {
	text-decoration: none;
	color: inherit
}

.side-area .list-group {
	border-radius: 0;
	font-size: 1.2rem;
	font-weight: lighter;
	text-align: center
}

.side-area
.list-group-item .active {
	background-color: #3464ca;
	border-color: #3464ca
}

.case-list-area {
	padding: 26px
0 0 0
}

.case-list-area .case-item {
	font-size: .95rem;
	text-align: center
}

.case-list-area
.case-item p {
	margin: 15px 0
}

.case-list-area .case-item p.active {
	color: #1d4fa5;
	transform: scale(1.1);
	transition: .5s;
	transition-delay: .1s
}

.case-list-area
.case-item a {
	text-decoration: none;
	color: inherit
}

.case-list-area .case-item
.product-info {
	position: absolute;
	z-index: 8;
	background-color: #337ab7;
	opacity: .9;
	color: white;
	padding: 6px
15px;
	margin-top: 20px;
	margin-left: -10px;
	font-size: .85rem;
	max-width: 285px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.case-list-area
.case-item .product-info span.not-allowed:hover {
	cursor: not-allowed
}

.case-list-area
.case-item .product-info span.allowed:hover {
	transition: .5s;
	font-size: .9rem
}

.nav-area {
	margin-top: 20px
}

.nav-area
.news-nav {
	margin: 0 0 0 15px;
	border-bottom: 1px solid #dee2e6;
	padding: 0 0
20px 10px
}

.nav-area .news-nav a {
	color: #3464CA;
	text-decoration: none
}

.nav-area
.article-content {
	padding-top: 60px
}

.news-article-title {
	min-height: 270px;
	height: auto;
	background: #5375C1
}

.news-article-title
.cover-layer {
	background-repeat: no-repeat !important;
	background-size: cover
!important;
	width: 100%;
	min-height: inherit;
	z-index: 2;
	position: absolute;
	filter: blur(5px);
	opacity: .15
}

.news-article-title
.title-box {
	padding: 80px 20px
}

.news-article-title .title-box h1 {
	font-size: 2rem;
	color: #fff
}

.news-article-title
.title-box p {
	margin: 20px 0 0 0;
	color: #fff;
	font-size: 1.1rem
}

.news-content-area {
	padding: 0
0 40px 0
}

.news-content-area .news-nav {
	margin: 0 0 0 15px;
	border-bottom: 1px
solid #dee2e6;
	padding: 0 0 20px 10px
}

.news-content-area .news-nav a {
	color: #315FAD;
	text-decoration: none
}

.news-content-area
.article-content {
	padding: 30px 15px;
	border-bottom: 1px solid #dee2e6
}

.relative_case_item
p {
	text-align: center;
	line-height: 1.5rem;
	margin: 15px 0 40px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.side-area
h2 {
	margin: 0 0 15px 0
}

.side-area h3 {
	font-weight: lighter;
	font-size: 1.1rem;
	line-height: 1.5rem;
	margin: 10px
0 5px 0;
	min-height: 50px;
	color: #212529;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.side-area
img {
	margin: 0
}

.side-area .time {
	font-weight: lighter;
	font-size: .9rem;
	color: #999
}

.relative-article-item {
	padding-bottom: 20px
}

.relative-article-item
a {
	text-decoration: none
}

.news-list-area .list-nav {
	line-height: 1.8rem;
	display: block;
	font-weight: lighter;
	font-size: 1.3rem;
	color: #999;
	margin: 20px
0
}

.news-list-area .list-nav a {
	text-decoration: none;
	color: #3464CA
}

.news-list-area
.list-area .list-item {
	padding: 15px 0;
	border-bottom: 1px solid #dee2e6 !important
}

.news-list-area
.list-area .list-item .item-title-area {
	padding: 10px 0
}

@media screen and
(max-width:1024px) {
	.news-list-area .list-area .list-item .item-title-area {
		margin: -12px
	}
}

.news-list-area
.list-area .list-item .item-title {
	font-size: 1.3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: lighter;
	color: #3464CA;
	margin: 10px
0 10px 0
}

@media screen and (max-width:1024px) {
	.news-list-area .list-area
.list-item .item-title {
		font-size: 1rem;
		font-weight: lighter;
		-webkit-line-clamp: 2
	}
}

.news-list-area
.list-area .list-item .item-time {
	text-align: right;
	font-weight: lighter;
	color: #5d5d5d;
	font-size: .85rem;
	margin: 15px
0
}

.news-list-area .list-area .list-item .item-description {
	font-size: .85rem;
	font-weight: lighter;
	color: #999;
	letter-spacing: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify
}

.news-list-area
.list-area .list-item a {
	text-decoration: none
}

.modular_title {
	line-height: 1.8rem;
	display: block;
	font-weight: lighter;
	font-size: 1.3rem;
	color: #3464CA;
	margin: 20px
0
}

.search-page {
	padding: 120px 0
}

.search-page button[type='submit'] {
	border-radius: 0;
	background-color: #3464CA;
	border: none;
	margin: 5px
}

.search-page
.form-group {
	margin: 30px 0
}

.search-result em {
	color: #ff0000;
	font-style: inherit;
	margin: 0
2px
}

.search-result em.category {
	color: #3464CA;
	font-weight: bold
}

h2.search-result-bar {
	font-weight: lighter;
	text-align: center;
	font-size: 1.3rem;
	padding: 20px
0
}

.item-description-tag {
	font-size: .85rem;
	font-weight: lighter;
	color: #999;
	letter-spacing: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 11;
	overflow: hidden;
	text-align: justify;
	margin-bottom: 0
}

@media
(max-width:1024px) {
	.item-description-tag {
		-webkit-line-clamp: 9
	}
}

.list-item
h2 {
	font-weight: lighter;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: justify;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px
}

.list-item
a {
	color: inherit
}

.sitemap-page {
	display: grid;
	grid-template-columns: repeat(5,
1fr);
	gap: 1rem
}

@media (max-width:768px) {
	.sitemap-page {
		grid-template-columns: repeat(2,
1fr);
		grid-template-rows: repeat(3, 1fr)
	}
}

@media (max-width:768px) {
	.sitemap-page
div:last-child {
		grid-column-start: 1;
		grid-column-end: 3;
		width: 50%;
		margin-left: 25%
	}
}

.sitemap-page
div a {
	text-decoration: none;
	color: inherit
}

.sitemap-page div a p {
	text-align: center
}



#pages {
	clear: both;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font: 14px 'Microsoft YaHei';
}
#pages a {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.hover,#pages span.hover {
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
}
#pages a:hover {
	background: #b5bcd4;
	color: #fff;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	background: #b5bcd4;
	border: 1px solid #b5bcd4;
	color: #fff;
	text-align: center;
}