.main-color {
	color:#3255d8
}
.main-color1 {
	color:#0a2463
}
.main-color2 {
	color:#0a2463
}
.w1200 {
	width:1200px;
	margin:auto
}
.w1400 {
	width:1420px;
	margin:auto
}
.w1600 {
	width:1600px;
	margin:auto
}
@font-face {
	font-family:'iconfont';
	src:url('../fonts/iconfont.eot');
	src:url('../fonts/iconfont.eot?') format('embedded-opentype'),url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg') format('svg')
}
.icon {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale
}
.bg-f5 {
	background:#f5f5f5
}
.color-f {
	color:#fff
}
.color-9 {
	color:#999
}
.color-3 {
	color:#333
}
.color-6 {
	color:#666
}
.ho-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-width:auto;
	min-height:auto;
	width:100%;
	height:100%;
	transform:none;
	transition:transform .5s ease;
	object-fit:cover;
	max-height:100%
}
.swiper-pagination-bullet-active {
	background:#3255d8
}
.flex-1 {
	flex:1
}
header .head-top .content {
	height:112px
}
header .head-top .content .logo {
	height:100%
}
header .head-top .content .logo img {
	max-height:80%
}
header .head-top .content .logo .title {
	border-left:1px #ccc solid
}
header .head-top .content .tel span {
	width:34px;
	height:34px;
	border:3px #3255d8 solid;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%
}
header .head-nav {
	border-top:2px #3255d8 solid;
	background-color:#0a2463
}
header .head-nav ul {
	position:relative;
	z-index:1
}
header .head-nav ul li a {
	height:68px;
	padding:0 40px
}
header .head-nav ul li a:hover,header .head-nav ul li a.active {
	color:#fff
}
header .head-nav ul .round {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background-color:#3255d8;
	transition:all .3s ease;
	z-index:-1
}
@keyframes navtop {
	0% {
	top:120%
}
100% {
	top:100%
}
}footer {
	background:#1f1e24
}
footer .content h3 {
	color:#fff
}
footer .content ul li {
	margin-right:15%
}
footer .content ul li:last-child {
	margin-right:0
}
footer .content ul li a {
	display:block;
	color:rgba(255,255,255,0.6);
	line-height:30px
}
footer .content ul li a:hover {
	color:#fff
}
footer .content p {
	color:rgba(255,255,255,0.5);
	line-height:22px;
	max-width:290px
}
footer .content .contact .info {
	border-right:1px rgba(255,255,255,0.2) solid
}
footer .content .contact .info img {
	width:124px
}
footer .content .contact .info a {
	width:36px;
	height:36px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.5s
}
footer .content .contact .info a:first-child {
	background:#2e3191
}
footer .content .contact .info a:last-child {
	background:#ec1b24
}
footer .content .contact .info a:hover {
	transform:translateY(-10px)
}
footer .content .contact p {
	color:rgba(255,255,255,0.5)
}
footer .content .contact h5 {
	max-width:210px;
	line-height:22px
}
footer .links span {
	font-size:14px;
	color:rgba(255,255,255,0.4)
}
footer .links a {
	font-size:14px;
	color:rgba(255,255,255,0.4)
}
footer .links a:hover {
	color:rgba(255,255,255,0.7)
}
footer .copyright {
	border-top:1px rgba(255,255,255,0.2) solid
}
footer .copyright p {
	color:rgba(255,255,255,0.4);
	font-size:14px
}
footer .copyright a {
	color:rgba(255,255,255,0.4);
	font-size:14px;
	margin-left:10px
}
footer .copyright a:hover {
	color:rgba(255,255,255,0.8)
}
#online {
	position:fixed;
	left:0;
	bottom:40px;
	right:0;
	height:50px;
	border-radius:25px;
	margin:auto;
	width:80%;
	align-items:center;
	background:rgba(51,51,51,0.5);
	z-index:9999
}
#online a {
	width:33.33%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative
}
#online a::before {
	content:'';
	position:absolute;
	right:12px;
	bottom:12px;
	width:1px;
	height:16px;
	background:#eee
}
#online a:last-child::before {
	content:none
}
.menu-container-mask {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s;
	z-index:9999
}
.menu-container {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow:hidden;
	background-color:#fff
}
.top-menu-list {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	transition:.2s
}
.top-menu-list.active {
	transform:translateX(-100%)
}
.top-menu-list>li {
	height:48px;
	line-height:48px
}
.top-menu-list>li li:first-child,.top-menu-list>li:first-child {
	height:45px
}
.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:45px
}
.top-menu-list>li a {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px
}
.top-menu-list>li a span {
	color:#666;
	font-size:14px
}
.top-menu-list>li a .icon {
	color:#666;
	font-size:14px
}
.top-menu-list>li .title-name {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	display:none
}
.top-menu-list ul.active {
	display:block
}
.navbar-nav-more-body {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s
}
.navbar-nav-more-body .box-shadown {
	position:absolute;
	top:0;
	left:0;
	width:40%;
	height:100%
}
.navbar-nav-more-body .offcanva {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#fff
}
.navbar-nav-more-body .offcanvas-body {
	position:relative
}
.navbar-nav-more-body .offcanvas-end {
	width:60%;
	z-index:999999
}
.navbar-nav-more-body .top-menu-list {
	position:absolute;
	top:0px;
	right:0;
	width:100%;
	height:100%;
	transition:.2s;
	font-size:1rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list.active {
	transform:translateX(-100%)
}
.navbar-nav-more-body .top-menu-list>li {
	height:3.5rem;
	line-height:3.5rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child {
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li a {
	height:100%;
	padding:0 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.navbar-nav-more-body .top-menu-list>li a:hover {
	color:#3255d8
}
.navbar-nav-more-body .top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	padding:0;
	display:none;
	overflow-y:auto
}
.navbar-nav-more-body .top-menu-list ul.active {
	display:block
}
.navbar-nav-more-body .top-menu-list .icon {
	font-size:16px;
	color:#666
}
.navbar-nav-more-body .top-menu-list ul.active .icon {
	margin-right:.5rem
}
.position ul li a {
	display:flex;
	align-items:center;
	height:60px;
	position:relative
}
.position ul li a::before {
	content:'';
	position:absolute;
	left:50%;
	right:50%;
	bottom:-1px;
	height:2px;
	background-color:#3255d8;
	transition:.5s;
	overflow:hidden
}
.position ul li:hover a,.position ul li.active a {
	color:#3255d8
}
.position ul li:hover a::before,.position ul li.active a::before {
	left:0;
	right:0
}
.position .bread {
	height:76px
}
.breadcrumb {
	margin-bottom:0rem;
	font-size:14px;
	color:#666
}
.breadcrumb-item+.breadcrumb-item::before {
	content:var(--bs-breadcrumb-divider,">")
}
.breadcrumb-item {
	display:flex;
	align-items:center
}
.breadcrumb-item a {
	color:#666;
	font-size:14px
}
.breadcrumb-item a:hover {
	color:#3255d8 !important
}
.pagination-box {
	text-align:center;
	line-height:32px;
	color:#595959
}
.pagination-box select {
	margin:0 8px
}
.pagination-box span {
	padding:0 5px;
	display:inline-block;
	width:auto;
	height:32px;
	line-height:30px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	text-align:center;
	margin-right:8px;
	cursor:pointer;
	vertical-align:top;
	color:#666;
	font-size:14px
}
.pagination-box a:last-child,.pagination-box span:last-child {
	margin-right:0
}
.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover {
	background-color:#3255d8;
	border-color:#3255d8;
	color:#fff !important
}
.pagination-box select {
	height:32px;
	border:1px solid #e2e2e2;
	box-sizing:border-box
}
.pagination-box .prev_disabled,.pagination-box .next_disabled {
	background-color:transparent !important;
	border-color:#e2e2e2 !important;
	color:#e2e2e2 !important;
	cursor:no-drop
}
.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover {
	color:#e2e2e2 !important
}
.pagination-box .page_num {
	border:none
}
.pagination-box .prev::before,.pagination-box .prev_disabled::before {
	content:'<'
}
.pagination-box .next::before,.pagination-box .next_disabled::before {
	content:'>'
}
.searchlist-input-container {
	display:flex;
	width:100%;
	height:60px;
	border-radius:8px;
	padding-left:16px;
	overflow:hidden
}
.searchlist-input-container .key {
	flex:1
}
.searchlist-input-container .sub {
	height:60px;
	background:#3255d8;
	color:#fff;
	width:60px
}
.searchlist-input-container .sub:hover {
	color:rgba(255,255,255,0.8)
}
.footer-pops {
	position:fixed;
	bottom:40px;
	z-index:99;
	right:0;
	width:50px
}
.footer-pops a,.footer-pops .code,.footer-pops .f-top {
	width:36px;
	height:36px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.5s;
	margin:6px 0
}
.footer-pops a:hover,.footer-pops .code:hover,.footer-pops .f-top:hover {
	transform:translateX(-10px)
}
.footer-pops .code {
	position:relative
}
.footer-pops .code img {
	position:absolute;
	right:120%;
	top:0;
	width:100px;
	height:100px;
	display:none
}
.footer-pops .code:hover img {
	display:block
}
.footer-pops .dy {
	background:#3255d8
}
.footer-pops .wx {
	background:#466569
}
.footer-pops .qq {
	background:#2e3191
}
.footer-pops .ali {
	background:#ec1b24
}
.footer-pops .f-top {
	background:#f08d2d;
	cursor:pointer
}
.home-banner .index-pagination {
	bottom:80px
}
.home-banner .index-pagination span {
	opacity:1;
	border:2px #fff solid;
	background:none;
	width:10px;
	height:10px
}
.home-banner .index-pagination .swiper-pagination-bullet-active {
	background-color:#fff
}
.home-trait .content {
	position:relative;
	z-index:2;
	background-color:#fff;
	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	padding:28px 0;
	transform:translateY(-50px)
}
.home-trait ul li .item {
	display:flex;
	justify-content:center;
	align-items:center;
	border-right:1px #d4d0e2 solid
}
.home-trait ul li .item span {
	width:64px;
	height:64px;
	border:2px #3255d8 solid;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-trait ul li:last-child .item {
	border-right:none
}
.ho-line {
	width:50px;
	height:1px;
	background-color:#29166f
}
.common-pagination span {
	margin:0 2px
}
.home-about .text {
	height:100%;
	background-color:#f5f5f5;
	padding:0 10%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.home-about .text .desc {
	line-height:30px;
	height:120px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-about .text a {
	width:148px;
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3255d8;
	transition:.5s;
	box-sizing:border-box;
	border:2px #3255d8 solid
}
.home-about .text a:hover {
	background-color:#fff;
	color:#3255d8
}
.home-about .setting-container ul li .img {
	padding-top:60%;
	position:relative;
	overflow:hidden
}
.home-about .btm {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.home-about .btm div {
	position:absolute;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
	width:24px;
	height:24px;
	z-index:2
}
.home-about .btm .setting-prev {
	left:-40px
}
.home-about .btm .setting-next {
	right:-40px
}
.home-product .content .pro-nav {
	background-color:#3a2aab;
	padding:10px;
	width:284px;
	box-sizing:border-box
}
.home-product .content .pro-nav h5 {
	color:rgba(255,255,255,0.5)
}
.home-product .content .pro-nav ul {
	padding:6px
}
.home-product .content .pro-nav ul li a {
	padding:16px 0 16px 18px
}
.home-product .content .pro-nav ul li a .icon {
	transform:rotate(-90deg)
}
.home-product .content .pro-nav ul li.active a,.home-product .content .pro-nav ul li:hover a {
	background-color:#3255d8
}
.home-product .content .pro-nav ul li.active a .icon,.home-product .content .pro-nav ul li:hover a .icon,.home-product .content .pro-nav ul li.active a p,.home-product .content .pro-nav ul li:hover a p {
	color:#fff
}
.home-product .content .pro-nav .home-pro.tel {
	display:flex;
	flex-direction:column;
	align-items:center
}
.home-product .content .pro-nav .home-pro.tel span {
	width:34px;
	height:34px;
	border:3px #3255d8 solid;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%
}
.home-product .content .list {
	width:calc(100% - 300px)
}
.home-product .content .list .search {
	height:50px;
	position:relative
}
.home-product .content .list .search::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:3px;
	background-color:#0a2463
}
.home-product .content .list .search form {
	display:flex;
	border:1px #dcdcdc solid;
	height:40px;
	justify-content:space-between;
	align-items:center;
	padding:0 6px
}
.home-product .content .list ul li a .img {
	padding-top:100%;
	background-color:#fff;
	position:relative;
	transition:.5s
}
.home-product .content .list ul li a .img img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.home-product .content .list ul li a:hover .img {
	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	z-index:2
}
.home-product .content .list ul li a:hover h4 {
	color:#3255d8
}
.home-service .service-pagination {
	position:absolute;
	z-index:2;
	left:auto !important;
	right:2%;
	width:60px;
	display:flex;
	justify-content:center;
	bottom:20px
}
.home-service .service-pagination span {
	opacity:1;
	border:2px #fff solid;
	background:none;
	width:10px;
	height:10px
}
.home-service .service-pagination .swiper-pagination-bullet-active {
	background-color:#fff
}
.home-service .text {
	background:url(../image/service-bg.jpg);
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	padding:0 24% 0 12%
}
.home-service .text .ho-line {
	background:#fff
}
.home-service .text .desc {
	color:rgba(255,255,255,0.8);
	line-height:30px
}
.home-service .text a {
	width:148px;
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f08d2d;
	transition:.5s;
	box-sizing:border-box;
	border:2px #f08d2d solid
}
.home-service .text a:hover {
	background-color:#fff;
	color:#f08d2d
}
.home-odds ul li .item {
	position:relative;
	overflow:hidden
}
.home-odds ul li .item img {
	transition:.5s
}
.home-odds ul li .item h3 {
	position:absolute;
	left:6%;
	bottom:6%
}
.home-odds ul li .item p {
	position:absolute;
	right:6%;
	bottom:6%;
	color:rgba(255,255,255,0.7)
}
.home-odds ul li .item .text {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(50,85,216,0.7);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:.5s
}
.home-odds ul li .item .text span {
	width:118px;
	height:38px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f08d2d;
	transition:.5s;
	box-sizing:border-box;
	border:2px #f08d2d solid
}
.home-odds ul li .item .text span:hover {
	background-color:#fff;
	color:#f08d2d
}
.home-odds ul li .item:hover img {
	transform:scale(1.1)
}
.home-odds ul li .item:hover .text {
	opacity:1
}
.home-odds ul li .item:hover h3,.home-odds ul li .item:hover p {
	opacity:0
}
.home-factory .nav {
	background-color:#29166f;
	position:relative;
	z-index:1
}
.home-factory .nav .factory-active {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:44px;
	background-color:#3255d8;
	transition:all .3s ease;
	z-index:-1
}
.home-factory .nav .factory-active .icon {
	position:absolute;
	left:0;
	right:0;
	display:flex;
	justify-content:center;
	margin:auto;
	bottom:-12px;
	color:#3255d8
}
.home-factory .nav li a {
	width:146px;
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-factory .nav li a.active,.home-factory .nav li a:hover {
	color:#fff
}
.home-factory .tab-content .first {
	height:100%;
	position:relative;
	overflow:hidden
}
.home-factory .tab-content ul li .item {
	padding-top:72%;
	position:relative;
	overflow:hidden
}
.home-news .nav {
	background-color:#29166f;
	position:relative;
	z-index:1
}
.home-news .nav .news-active {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:44px;
	background-color:#3255d8;
	transition:all .3s ease;
	z-index:-1
}
.home-news .nav .news-active .icon {
	position:absolute;
	left:0;
	right:0;
	display:flex;
	justify-content:center;
	margin:auto;
	bottom:-12px;
	color:#3255d8
}
.home-news .nav li a {
	width:146px;
	height:44px;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-news .nav li a.active,.home-news .nav li a:hover {
	color:#fff
}
.home-news .tab-content .first {
	height:100%;
	min-height:420px;
	background-color:#fff;
	display:flex;
	flex-direction:column
}
.home-news .tab-content .first .img {
	flex:1;
	position:relative;
	overflow:hidden
}
.home-news .tab-content .first .text {
	padding:25px
}
.home-news .tab-content .first .text .time {
	border-right:1px #dedede solid
}
.home-news .tab-content .first .text .time h3 {
	color:#29166f
}
.home-news .tab-content .first .text .time p {
	color:rgba(41,22,111,0.5)
}
.home-news .tab-content .first .text .title h4 {
	color:#1d2736;
	color:rgba(29,39,54,0.5);
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden;
	color:rgba(29,39,54,0.7)
}
.home-news .tab-content .first .text .title p {
	color:rgba(29,39,54,0.5);
	line-height:24px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden;
	color:rgba(29,39,54,0.7)
}
.home-news .tab-content .first:hover img {
	transform:scale(1.1)
}
.home-news .tab-content ul li .item {
	padding:25px 25px 25px 0;
	border-bottom:1px #dedede solid
}
.home-news .tab-content ul li .item .time {
	border-right:1px #dedede solid
}
.home-news .tab-content ul li .item .time h3 {
	color:#1d2736
}
.home-news .tab-content ul li .item .time p {
	color:rgba(29,39,54,0.5)
}
.home-news .tab-content ul li .item .title h4 {
	color:#1d2736;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-news .tab-content ul li .item .title p {
	color:rgba(29,39,54,0.5);
	line-height:24px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-news .tab-content ul li:first-child .item {
	padding-top:0
}
.home-news .tab-content ul li:last-child .item {
	border-bottom:none;
	padding-bottom:0
}
.home-news .tab-content ul li:hover .title h4 {
	color:#3255d8
}
.service-page .line {
	width:30px;
	height:3px;
	background:#3a2aab;
	margin:auto
}
.service-page .section1 ul li .img {
	position:relative
}
.service-page .section1 ul li .img h4 {
	position:absolute;
	left:5%;
	bottom:5%
}
.service-page .section2 ul li .item .title {
	background:#e9e9e9;
	position:relative;
	overflow:hidden
}
.service-page .section2 ul li .item .title::before {
	content:'DKK';
	font-weight:bold;
	position:absolute;
	bottom:-20px;
	font-size:48px;
	right:10%;
	color:rgba(0,0,0,0.1)
}
.service-page .section2 ul li .item .img {
	border-top:2px #3255d8 solid;
	padding-top:70%;
	position:relative;
	background:#fff
}
.service-page .section2 ul li .item .img img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.message form .item {
	display:flex;
	position:relative
}
.message form .item input {
	background:#fff;
	border:1px #d3d3d3 solid;
	height:60px;
	width:100%;
	font-size:14px;
	color:#999;
	padding:0 6px;
	box-sizing:border-box
}
.message form .item input:focus {
	border-color:#3255d8
}
.message form .error span {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	color:red
}
.message form textarea {
	width:100%;
	height:160px;
	background:#fff;
	border:1px #d3d3d3 solid;
	padding:1rem 6px;
	box-sizing:border-box;
	font-size:14px;
	color:#999;
	resize:none
}
.message form textarea:focus {
	border-color:#3255d8
}
.message form button {
	width:260px;
	height:66px;
	background:#3255d8;
	border:2px #3255d8 solid;
	transition:.5s;
	box-sizing:border-box
}
.message form button:hover {
	background-color:#fff;
	color:#3255d8
}
.support-page .line {
	width:30px;
	height:3px;
	background:#3a2aab;
	margin:auto
}
.support-page .section1 ul li a {
	position:relative;
	overflow:hidden
}
.support-page .section1 ul li a img {
	transition:.5s
}
.support-page .section1 ul li a .text {
	position:absolute;
	left:0;
	right:0;
	bottom:0
}
.support-page .section1 ul li a:hover img {
	transform:scale(1.05)
}
.support-page .section1 .ho-more {
	width:260px;
	height:66px;
	background:#3255d8;
	border:2px #3255d8 solid;
	transition:.5s;
	box-sizing:border-box
}
.support-page .section1 .ho-more:hover {
	background-color:#fff;
	color:#3255d8
}
.support-page .section2 ul li {
	border-left:2px #e3e3e3 solid
}
.support-page .section2 ul li .item {
	display:flex;
	align-items:center;
	flex-direction:column
}
.support-page .section2 ul li .item span {
	width:46px;
	height:46px;
	border:1px #e3e3e3 solid;
	border-radius:6px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff
}
.support-page .section2 ul li .item .code img {
	width:120px
}
.support-page .section2 ul li:first-child {
	border-left:none
}
.about-page .pop-ups {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999999;
	background-color:rgba(0,0,0,0.8);
	display:none;
	justify-content:center;
	align-items:center
}
.about-page .pop-ups .content {
	height:80%;
	overflow-y:auto
}
.about-page .pop-ups .content .title {
	background-color:#3a2aab
}
.about-page .pop-ups .content .title span {
	width:36px;
	height:36px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f5f5f5;
	cursor:pointer
}
.about-page .pop-ups .content .title span .icon {
	transition:.5s
}
.about-page .pop-ups .content .title span:hover .icon {
	transform:rotate(180deg)
}
.about-page .section1 .desc {
	line-height:30px;
	height:270px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:9;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.about-page .section1 .more {
	width:120px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px #3255d8 solid;
	cursor:pointer;
	transition:.5s
}
.about-page .section1 .more:hover {
	width:140px
}
.about-page .section2 .text {
	padding:0 24% 0 10%
}
.about-page .section2 .text .desc {
	line-height:30px
}
.about-page .section3 {
	background:url(../image/course-bg.jpg);
	background-size:cover;
	background-position:center center
}
.about-page .section3 .course-container .btn {
	position:absolute;
	bottom:0;
	right:20px;
	z-index:10
}
.about-page .section3 .course-container .btn div {
	width:40px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#ccc;
	border-radius:50%
}
.about-page .section3 .course-container .btn div:hover {
	background:#3255d8
}
.about-page .section3 .course-container .item {
	display:flex;
	justify-content:space-between;
	border-radius:8px;
	overflow:hidden;
	background:#fff
}
.about-page .section3 .course-container .item .title {
	width:20%;
	background:#3255d8;
	position:relative;
	z-index:1;
	border-radius:8px;
	display:flex;
	justify-content:center;
	align-items:center
}
.about-page .section3 .course-container .item .title .icon {
	position:absolute;
	top:0;
	bottom:0;
	display:flex;
	margin:auto;
	right:-6px;
	width:24px;
	height:24px;
	transform:rotate(90deg)
}
.about-page .section3 .course-container .item .text {
	position:relative;
	padding:70px;
	z-index:1
}
.about-page .section3 .course-container .item .text .desc {
	line-height:30px
}
.about-page .section3 .course-year {
	position:relative
}
.about-page .section3 .course-year::before {
	content:'';
	position:absolute;
	top:1px;
	left:0;
	right:0;
	background:#e3e3e3;
	height:1px
}
.about-page .section3 .course-year .content {
	padding:0 15%
}
.about-page .section3 .course-year .course-prev {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:flex;
	margin:auto;
	height:16px;
	z-index:2
}
.about-page .section3 .course-year .course-prev:hover .icon {
	color:#3255d8
}
.about-page .section3 .course-year .course-next {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	margin:auto;
	height:16px;
	z-index:2
}
.about-page .section3 .course-year .course-next:hover .icon {
	color:#3255d8
}
.about-page .section3 .course-year ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer
}
.about-page .section3 .course-year ul li h4 {
	position:relative
}
.about-page .section3 .course-year ul li h4::before {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	right:50%;
	height:2px;
	width:0;
	background:#3255d8;
	transition:.5s;
	overflow:hidden
}
.about-page .section3 .course-year ul li.swiper-slide-thumb-active h4 {
	color:#3255d8
}
.about-page .section3 .course-year ul li.swiper-slide-thumb-active h4::before {
	left:0;
	right:0;
	width:100%
}
.about-page .section4 {
	background-size:cover
}
.about-page .section4 .content {
	background:url(../image/honor-bg.png) no-repeat;
	background-position-y:bottom;
	background-size:100%
}
.about-page .section4 .swiper-container .swiper-slide {
	width:auto
}
.about-page .section4 ul {
	align-items:flex-end
}
.about-page .section4 ul li .img {
	display:flex
}
.about-page .section4 .mouse {
	position:absolute;
	left:0;
	right:0;
	bottom:10%
}
.about-page .section5 .setting-container ul li .img {
	padding-top:60%;
	position:relative;
	overflow:hidden
}
.about-page .section5 .btm {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.about-page .section5 .btm div {
	position:absolute;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
	width:24px;
	height:24px;
	z-index:2
}
.about-page .section5 .btm .setting-prev {
	left:-40px
}
.about-page .section5 .btm .setting-next {
	right:-40px
}
.contact-page .line {
	width:30px;
	height:3px;
	background:#3a2aab;
	margin:auto
}
.contact-page .map {
	height:480px
}
.contact-page .text h3 {
	border-bottom:1px rgba(51,51,153,0.2) solid
}
.contact-page .text .tel {
	border-top:1px rgba(51,51,153,0.2) solid
}
.contact-page .text a {
	width:160px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3255d8;
	transition:.5s;
	border:2px #3255d8 solid
}
.contact-page .text a:hover {
	background-color:#fff;
	color:#3255d8
}
.contact-page .section2 {
	background:#f7f9fa
}
.news-list ul li a {
	height:100%;
	background-color:#f7f9fa;
	align-items:center;
	border:1px #ddd solid
}
.news-list ul li a .img {
	width:50%;
	height:100%;
	position:relative;
	overflow:hidden
}
.news-list ul li a .text {
	width:50%
}
.news-list ul li a .text .desc {
	line-height:24px;
	height:72px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.news-list ul li a .text h4 {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.news-list ul li a:hover img {
	transform:scale(1.1)
}
.news-list ul li a:hover .text h4 {
	color:#3255d8
}
.news-list.news ul li a {
	height:auto
}
.news-list.news ul li a .img {
	height:auto;
	padding-top:36%
}
.news-detail .content {
	line-height:24px;
	min-height:200px
}
.news-detail .content img {
	max-width:100%;
	display:block;
	margin:auto
}
.news-detail .news-detail-footer {
	border-top:1px #f5f5f5 solid
}
.news-detail .news-detail-footer a {
	font-size:14px;
	color:#333
}
.news-detail .news-detail-footer a:hover {
	color:#3255d8
}
.news-detail .related ul li .img {
	overflow:hidden
}
.news-detail .related ul li .img img {
	transition:.5s
}
.news-detail .related ul li a:hover img {
	transform:scale(1.1)
}
.news-detail .related ul li a:hover h4 {
	color:#3255d8
}
.news-detail .new ol li .img {
	width:36%;
	overflow:hidden
}
.news-detail .new ol li .img img {
	transition:.5s
}
.news-detail .new ol li a:hover img {
	transform:scale(1.1)
}
.news-detail .new ol li a:hover h4 {
	color:#3255d8
}
.product-page .content .page-container {
	border:1px #ccc solid;
	z-index:10;
	background-color:#fff
}
.product-page .content .page-container .swiper-slide {
	z-index:-1
}
.product-page .content .page-container .img {
	padding-top:100%;
	position:relative
}
.product-page .content .page-container .img img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:flex;
	margin:auto;
	justify-content:center;
	align-items:center;
	max-width:80%;
	max-height:80%
}
.product-page .content .coomon-btn>div {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:36px;
	height:36px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#bbb;
	z-index:1
}
.product-page .content .coomon-btn>div.button-prev {
	left:0
}
.product-page .content .coomon-btn>div.button-next {
	right:0
}
.product-page .content .coomon-btn>div .icon {
	transition:.5s
}
.product-page .content .coomon-btn>div.hide {
	display:none
}
.product-page .content .coomon-btn>div:hover {
	background:#3255d8
}
.product-page .content .coomon-btn>div:hover .icon {
	color:#fff
}
.product-page .content .desc .con {
	line-height:30px;
	border-top:1px #ccc solid
}
.product-page .content .desc .links a {
	width:160px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3255d8;
	transition:.5s;
	border:2px #3255d8 solid
}
.product-page .content .desc .links a:hover {
	background-color:#fff;
	color:#3255d8
}
.product-page .content1 ol {
	border-bottom:1px #ccc solid
}
.product-page .content1 ol li a.active,.product-page .content1 ol li a:hover {
	color:#3255d8
}
.product-page .content1 h2 {
	border-bottom:1px #ccc solid
}
.product-page .content1 .details {
	line-height:24px
}
.product-page .content1 .details img {
	max-width:100%
}
.product-list ul li a .img {
	padding-top:100%;
	background-color:#fff;
	position:relative;
	transition:.5s
}
.product-list ul li a .img img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	margin:auto;
	max-width:90%;
	max-height:90%
}
.product-list ul li a:hover .img {
	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	z-index:2
}
.product-list ul li a:hover h4 {
	color:#3255d8
}
.page-meterial .pro-nav {
	background-color:#3a2aab;
	padding:10px;
	width:284px;
	box-sizing:border-box
}
.page-meterial .pro-nav ol {
	padding:6px
}
.page-meterial .pro-nav ol>.item>h3,.page-meterial .pro-nav ol>.item>a {
	cursor:pointer;
	position:relative;
	transition:.5s;
	height:62px
}
.page-meterial .pro-nav ol>.item>h3 span,.page-meterial .pro-nav ol>.item>a span {
	transition:.5s
}
.page-meterial .pro-nav ol>.item>h3 .icon,.page-meterial .pro-nav ol>.item>a .icon {
	transition:.5s
}
.page-meterial .pro-nav ol>.item>h3:hover span,.page-meterial .pro-nav ol>.item>a:hover span {
	transform:translateX(6px)
}
.page-meterial .pro-nav ol>.item:nth-child(even) h3,.page-meterial .pro-nav ol>.item:nth-child(even) a {
	background:#fafafa
}
.page-meterial .pro-nav ol>.item .pro-nav-title {
	display:none
}
.page-meterial .pro-nav ol>.item .pro-nav-title .cell {
	background:#fafafa
}
.page-meterial .pro-nav ol>.item .pro-nav-title .cell a {
	height:40px;
	position:relative
}
.page-meterial .pro-nav ol>.item .pro-nav-title .cell a:hover span {
	color:#3255d8
}
.page-meterial .pro-nav ol>.item .pro-nav-title .cell .active span {
	color:#3255d8
}
.page-meterial .pro-nav ol>.item.active {
	border:1px #3255d8 solid;
	margin-bottom:0
}
.page-meterial .pro-nav ol>.item.active>h3,.page-meterial .pro-nav ol>.item.active>a {
	background:#3255d8
}
.page-meterial .pro-nav ol>.item.active>h3 span,.page-meterial .pro-nav ol>.item.active>a span {
	color:#fff
}
.page-meterial .pro-nav ol>.item.active>h3 .icon,.page-meterial .pro-nav ol>.item.active>a .icon {
	transform:rotate(-90deg);
	color:#fff
}
.page-meterial .pro-nav ol>.item.active .pro-nav-title {
	display:block
}
.page-meterial .pro-nav ol>.item.active>a {
	font-weight:bold
}
.page-meterial .pro-nav .tel {
	display:flex;
	flex-direction:column;
	align-items:center
}
.page-meterial .pro-nav .tel span {
	width:34px;
	height:34px;
	border:3px #3255d8 solid;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%
}
.page-meterial .list {
	width:calc(100% - 300px)
}
.page-meterial .list .detail p {
	line-height:24px
}
.page-meterial .list .detail img {
	max-width:100%;
	vertical-align:bottom
}

.nav-level-1 {
    transition: all 0.3s ease;
    border-bottom: 1px solid #eee;
}

.nav-level-1:hover {
    background-color: #f8f9fa;
}

.cursor-pointer {
    cursor: pointer;
}


/* 基础样式 */
.nav-level1 {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}

.nav-level1:hover {
    background-color: #f8f9fa;
}



/* 箭头旋转动画 */
.icon-arrow-down {
    transition: transform 0.3s ease;
}

/* 二级分类样式 */
.nav-level-2 a {
    transition: all 0.2s ease;
}

.nav-level-2 a:hover {
    background-color: rgba(50, 85, 216, 0.1) !important;
    color: #3255d8 !important;
}

.nav-level-2.active a {
    background-color: rgba(50, 85, 216, 0.15) !important;
    color: #3255d8 !important;
    font-weight: 500;
}

.nav-level-2.active a .icon-sanjiaoxing-kong {
    color: #3255d8 !important;
}

/* 一级分类展开状态样式 */
.nav-level-1.expanded {
    background-color: #f8f9fa;
}

.nav-level-1.expanded .cursor-pointer {
    background-color: #f0f2f5;
}

/* 二级分类容器的过渡效果 */
.nav-level-2-container {
    animation: fadeIn 0.3s ease;
    overflow: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

/* 加载动画 */
.spinner-border {
    width: 1rem;
    height: 1rem;
}

/* 确保二级分类图标样式 */
.icon-sanjiaoxing-kong {
    font-size: 8px !important;
}

/* 边框样式 */
.border-bottom {
    border-bottom: 1px solid #eee !important;
}

/* 产品分类导航样式 */
.nav-level-1 {
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 1px solid #eee;
}

.nav-level-1:hover {
    background-color: #f8f9fa;
}

.nav-level-1 .cursor-pointer {
    cursor: pointer;
    transition: background-color 0.3s ease;
    min-height: 60px;
    align-items: center;
}

.nav-level-1 .cursor-pointer:hover {
    background-color: #f0f2f5;
}

.nav-level-1 .cursor-pointer:hover a p {
    color: #3255d8 !important;
}

.nav-level-1.expanded .cursor-pointer {
    background-color: #f0f2f5;
}

.nav-level-1.expanded .cursor-pointer a p {
    color: #3255d8 !important;
}

/* 箭头图标 */
.icon-arrow-down {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

/* 二级分类容器 */
.nav-level-2-container {
    animation: fadeIn 0.3s ease;
    overflow: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

/* 二级分类项 */
.nav-level-2 {
    transition: all 0.2s ease;
}

.nav-level-2 a {
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.nav-level-2 a:hover {
    background-color: rgba(50, 85, 216, 0.08);
    border-left-color: #3255d8;
    color: #3255d8 !important;
}

.nav-level-2.active a {
    background-color: rgba(50, 85, 216, 0.12);
    border-left-color: #3255d8;
    color: #3255d8 !important;
    font-weight: 500;
}

.nav-level-2.active a .icon-sanjiaoxing-kong {
    color: #3255d8 !important;
}

/* 链接样式 */
.cursor-pointer a {
    text-decoration: none !important;
    flex-grow: 1;
}

.cursor-pointer a:hover {
    text-decoration: none !important;
}

/* 一级分类激活状态 */
.nav-level-1.active .cursor-pointer a p {
    color: #3255d8 !important;
    font-weight: 500;
}

/* 二级分类图标 */
.icon-sanjiaoxing-kong {
    font-size: 8px !important;
    flex-shrink: 0;
}

/* 边框样式 */
.border-bottom {
    border-bottom: 1px solid #eee !important;
}

/* 确保列表项没有多余的边距和填充 */
#product-category-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

#product-category-nav .nav-level-1:last-child {
    border-bottom: none;
}

/* 二级分类列表样式 */
.nav-level-2-container ul {
    padding: 0;
    margin: 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .nav-level-1 .cursor-pointer {
        padding: 12px 16px;
        min-height: 54px;
    }
    
    .nav-level-2 a {
        padding: 10px 16px 10px 32px;
    }
    
    .icon-sanjiaoxing-kong {
        margin-left: 8px;
    }
}

/* 确保所有链接可点击区域足够大 */
.nav-level-2 a,
.cursor-pointer a {
    display: flex;
    align-items: center;
    width: 100%;
}

/* 去除Bootstrap可能的影响 */
.nav-level-2 a:focus,
.cursor-pointer a:focus {
    outline: none;
    box-shadow: none;
}

/* 鼠标悬停效果增强 */
.nav-level-2 a:hover .icon-sanjiaoxing-kong {
    color: #3255d8 !important;
}

/* 一级分类图标悬停效果 */
.nav-level-1 .cursor-pointer:hover .icon-sanjiaoxing {
    color: #3255d8 !important;
}

/* 展开状态的箭头 */
.nav-level-1.expanded .icon-arrow-down {
    transform: rotate(180deg);
}

/*# sourceMappingURL=./style.css.map */