@charset "UTF-8";

body {
	overflow-x: hidden;
}

.layout-wrap {
	width: 100%;
}

.layout-wrap .layout-content {
	max-width: 1600px;
	height: 100%;
	margin: auto;
}

header {
	width: 100%;
	height: 108px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

header .header {
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #ffffff;
}

header .header .layout-content .head-logo {
	position: absolute;
	left: 80px;
	top: calc(50% - 26px);
	display: block;
	display: flex;
	align-items: center;
	justify-content: centers;
}

header .header .layout-content .logo2 {
	display: none;
}

header .header .layout-content .nav-box {
	height: 100%;
	margin: 0 auto;
}

header .header .layout-content .nav-box li {
	min-width: 110px;
	text-align: center;
	position: relative;
	margin: 0 8px;
}

header .header .layout-content .nav-box li>a {
	display: inline-block;
	height: 100%;
	line-height: 108px;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

header .header .layout-content .nav-box li>a::before {
	content: '';
	position: absolute;
	left: 50%;
	/* bottom: 25px; */
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #0762D5;
	width: 0;
	transition: all 0.3s;
}

header .header .layout-content .nav-box li>a:hover::before {
	width: 100%;
	left: 0;
}

header .header .layout-content .nav-box li .nav-con {
	position: absolute;
	top: 95px;
	left: calc(50% - 83.5px);
	width: 167px;
	background-color: #FFFFFF;
	padding: 0 8px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	box-shadow: 0 0px 2px 0 rgba(0,0,0,0.1);
}

header .header .layout-content .nav-box li .nav-con .nav-con-i {
	height: 62px;
	width: 100%;
	border-bottom: 1px solid #F1F1F1;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header .layout-content .nav-box li .nav-con .nav-con-i:last-of-type {
	border: 0;
}

header .header .layout-content .nav-box li .nav-con .nav-con-i>img {
	width: 60%;
	max-height: 90%;
}

header .header .layout-content .nav-box li .nav-con .nav-con-i span {
	font-size: 16px;
	color: #242424;
}

header .header .layout-content .nav-box li .nav-con .nav-con-i:hover span {
	color: #0762d5;
}

header .header .layout-content .nav-box li .nav-con-list {
	width: 100vw;
	height: 608px;
	background-color: #fff;
	position: fixed;
	top: 95px;
	left: 0;
	z-index: 3;
	color: #333;
	text-align: left;
	padding-top: 20px;
	box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: all 0.1s;
	/* transform: scale(1.2); */
}

/* header .header .layout-content .nav-box .nav-product:hover .nav-con-list::after {
  display: block !important;
} */

.nav-box.asss::after {
	display: block !important;
}

.nav-box::after {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	content: '';
	display: none;
}

header .header .layout-content .nav-box li .nav-con-list .wrap {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i {
	display: flex;
	flex-direction: column;
	width: calc(1400px / 8);
	height: 550px;
	border-right: 1px solid #F1F1F1;
	padding-left: 1.4%;
	padding-right: 8px;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .title {
	font-size: 16px;
	font-weight: bold;
	margin: 35px 0 25px;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list {
	width: 100%;
	max-height: 440px;
	overflow-y: auto;
	overflow-x: hidden;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list::-webkit-scrollbar {
	width: 2px;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #172A88;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list::-webkit-scrollbar-track {
	background: transparent;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 55px;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item:hover{
	color: #0762d5;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item .img-box {
	width: 40px;
	margin-right: 10%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item .img-box>img {
	width: 100%;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item .img-box span {
	position: absolute;
	top: -7px;
	left: 0;
	width: 13px;
	height: 13px;
	line-height: 14px;
	border-radius: 50%;
	font-size: 10px;
	color: #fff;
	background-color: #FF3A3A;
	text-align: center;
}

header .header .layout-content .nav-box li .nav-con-list .wrap .nav-con-list-i .list .item .text {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 5px;
}

header .header .layout-content .nav-box li:hover .nav-con {
	visibility: visible;
	top: 108px;
	opacity: 1;
}

header .header .layout-content .nav-box .nav-product:hover .nav-con-list {
	visibility: visible;
	top: 108px;
	opacity: 1;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
}

header .header .layout-content .nav-box .active a {
	position: relative;
}

header .header .layout-content .nav-box .active a::before {
	width: 100%;
	left: 0;
}

header .header .right-box {
	position: absolute;
	top: calc(50% - 20px);
	right: 100px;
}

header .header .right-box img {
	padding: 10px;
	box-sizing: content-box;
	cursor: pointer;
	display: block;
}

header .header .right-box .icon-search {
	margin-right: 20px;
}

header .header .right-box .search2,
header .header .right-box .earth2 {
	display: none;
}

header .header-bg {
	background-color: #fff;
	color: #242424;
	transition: all 0.2s;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
}

header .header-bg .layout-content .logo1 {
	display: none;
}

header .header-bg .layout-content .logo2 {
	display: block;
}

header .header-bg .layout-content .nav-box li a::before {
	bottom: 0;
}

header .header-bg .right-box img {
	display: none;
}

header .header-bg .right-box .search2,
header .header-bg .right-box .earth2 {
	display: block;
}

header .header-m {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	transition: all .5s;
	transition-delay: 0s;
}

header .header-m::after {
	display: none;
	position: fixed;
	content: '';
	top: 70px;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

header .header-m .m-menu-box .m-menu-btn {
	display: block;
	width: 60px;
	height: 70px;
	cursor: pointer;
	position: relative;
	z-index: 11;
}

header .header-m .m-menu-box .m-menu-btn::before {
	position: absolute;
	content: '';
	top: 50%;
	left: calc(35px / 2);
	width: 25px;
	height: 1px;
	transform: translateY(-4px) rotate(0);
	background: #222;
	transition: all .3s ease-out .3s;
}

header .header-m .m-menu-box .m-menu-btn::after {
	position: absolute;
	content: '';
	top: 50%;
	left: calc(35px / 2);
	width: 25px;
	height: 1px;
	transform: translateY(4px) rotate(0);
	background: #222;
	transition: all .3s ease-out .3s;
}

header .header-m .m-menu-box .m-menu {
	display: none;
	position: fixed;
	width: 260px;
	height: 100%;
	top: 0;
	left: -260px;
	opacity: 1;
	z-index: 10;
	background: #fafafa;
	text-align: left;
	padding-top: 70px;
}

header .header-m .m-menu-box .m-menu .nav {
	width: 100%;
	height: calc(100% - 82px);
	overflow-x: hidden;
	overflow-y: auto;
}

header .header-m .m-menu-box .m-menu .nav li {
	border-bottom: 1px solid #ebebeb;
	animation: resize .5s both;
}

header .header-m .m-menu-box .m-menu .nav li a {
	position: relative;
	display: block;
	width: 70%;
	font-size: 15px;
	padding: 0 40px;
	color: #666;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	transition: all .3s;
}

header .header-m .m-menu-box .m-menu .nav li a::after {
	position: absolute;
	content: '';
	left: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border: 1px solid #999;
	border-radius: 50%;
	background: transparent;
	box-sizing: border-box;
	transition: all .3s;
}

header .header-m .m-menu-box .m-menu .nav li .m-menu-i .m-menu-icon {
	position: relative;
	flex: 1;
	height: 50px;
}

header .header-m .m-menu-box .m-menu .nav li .m-menu-i .m-menu-icon::before,
header .header-m .m-menu-box .m-menu .nav li .m-menu-i .m-menu-icon::after {
	content: '';
	position: absolute;
	background: #999;
	transition: all .5s;
}

header .header-m .m-menu-box .m-menu .nav li .m-menu-i .m-menu-icon::before {
	top: 19px;
	right: 25px;
	width: 2px;
	height: 12px;
}

header .header-m .m-menu-box .m-menu .nav li .m-menu-i .m-menu-icon::after {
	top: 24px;
	right: 20px;
	width: 12px;
	height: 2px;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav {
	display: none;
	height: 0;
	overflow: hidden;
	transition: height .5s;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav li {
	animation: ReturnToNormal .5s both;
	border-bottom: 0;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav li a {
	position: relative;
	height: auto;
	line-height: 24px;
	padding: 12px 40px;
	background: #f2f2f2;
	color: #4E4E4E;
	width: 100%;
	font-size: 14px;
	transition: all .3s;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav li a::before,
header .header-m .m-menu-box .m-menu .nav li .sub-nav li a::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 20px;
	border: 5px solid transparent;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .3s;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav li a::before {
	left: 21px;
	border-left: 5px solid #555;
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav li a::after {
	left: 20px;
	border-radius: 0;
	margin-top: 0;
	border-left: 5px solid #F2F2F2;
}

header .header-m .m-menu-box .m-menu .nav .cur {
	position: relative;
}

/*-------------------------------------------------- 三级菜单优化  todo  start /*-------------------------------------------------- */

header .header-m .m-menu-box .m-menu .nav .active .sub-nav li ul {
	background-color: #f2f2f2;

}

header .header-m .m-menu-box .m-menu .nav .cur .sub-nav li .m-menu3 {
    display: none;
}


header .header-m .m-menu-box .m-menu .nav .cur .sub-nav .cur.active .m-menu3 {
	display: block;

}

header .header-m .m-menu-box .m-menu .nav .cur .sub-nav li .m-menu3 li {
	padding-left: 15px;
}


header .header-m .m-menu-box .m-menu .nav li .sub-nav li .m-menu3 li a::before, header .header-m .m-menu-box .m-menu .nav li .sub-nav li .m-menu3 li a::after {
    display: none;
}


header .header-m .m-menu-box .m-menu .nav li .sub-nav  .active a::before, header .header-m .m-menu-box .m-menu .nav li .sub-nav .active a::after {
    transform: rotate(90deg);
}

header .header-m .m-menu-box .m-menu .nav li .sub-nav  .active a::before {
    left: 19px;
}


header .header-m .m-menu-box .m-menu .nav li .sub-nav .active a::after {
    left: 19px;
	margin-top: -1px;
}

/*-------------------------------------------------- 三级菜单优化  todo  end /*-------------------------------------------------- */


header .header-m .m-menu-box .m-menu .nav .active .m-menu-i {
	color: #fff;
	background: #0762D5;
}

header .header-m .m-menu-box .m-menu .nav .active .m-menu-i a {
	color: #fff;
}

header .header-m .m-menu-box .m-menu .nav .active .m-menu-i a::after {
	border-color: #fff !important;
}

header .header-m .m-menu-box .m-menu .nav .active .m-menu-i .m-menu-icon::before {
	height: 0;
}

header .header-m .m-menu-box .m-menu .nav .active .m-menu-i .m-menu-icon::after {
	background-color: #fff;
}

header .header-m .m-menu-box .m-menu .nav .active .sub-nav {
	min-height: 150px;
	overflow-y: auto;
	max-height: 192px;
}

header .header-m .m-logo {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header-m .m-search-btn {
	display: block;
	width: 40px;
	height: 70px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;
	background-size: 23px;
}

header .header-m.header-m-menu-show {
	left: 260px;
}

header .header-m.header-m-menu-show::after {
	display: block;
}

header .header-m.header-m-menu-show .m-menu-box .m-menu-btn::before {
	background: #000;
	transform: translateY(0) rotate(225deg);
}

header .header-m.header-m-menu-show .m-menu-box .m-menu-btn::after {
	background: #000;
	transform: translateY(0) rotate(-225deg);
}

header .header-m.header-m-menu-show .m-menu-box .m-menu {
	display: block;
	left: 0;
}

header .header-search {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -100%;
	background-color: #fff;
	opacity: 0;
	z-index: 20;
	transition: all .3s;
}

header .header-search .layout-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header-search .layout-content .hide {
	width: 20px;
	height: 50px;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
}

header .header-search .layout-content .hide::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 1px;
	height: 35%;
	margin-top: -35%;
	background: #000;
	transform: rotate(45deg);
}

header .header-search .layout-content .hide::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 1px;
	height: 35%;
	margin-top: -35%;
	background: #000;
	transform: rotate(-45deg);
}

header .header-search .layout-content .form {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header-search .layout-content .form .search-input {
	width: calc(100% - 30px);
	font-size: 15px;
	padding: 0 15px 0 5px;
	border-bottom: 1px solid #e1e1e1;
	height: 50px;
	line-height: 50px;
}

header .header-search .layout-content .form .search-btn {
	cursor: pointer;
	width: 30px;
	height: 50px;
	line-height: 50px;
	font-size: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center/60% auto;
}

header .header-search-show {
	opacity: 1;
	top: 0;
}

header .header-a-color .layout-content .nav-box li>a::before {
	background-color: #0762D5 !important;
}

header .header-nav-before-color .layout-content .nav-box li>a::before {
	background-color: #fff;
}

.main {
	transition: all .5s;
}

.main.main-left {
	transform: translateX(260px);
}

.body-hidden {
	overflow: hidden;
}

.aside {
	width: 46px;
	height: 235px;
	position: fixed;
	top: 307px;
	right: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.aside .item {
	width: 46px;
	height: 46px;
	display: inline-block;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}

.aside .item:hover {
	background-color: #0762D5;
}

.footer {
	letter-spacing: 1px;
}

.footer .footer-c {
	min-height: 440px;
	background-color: #444444;
	padding-top: 50px;
	padding-bottom: 20px;
}

.footer .footer-c .layout-content {
	color: #ffffff;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 20px;
}

.footer .footer-c .layout-content .footer-l {
	width: 49.5%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

.footer .footer-c .layout-content .footer-l::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #696969;
	position: absolute;
	top: 50px;
	left: 0;
}

.footer .footer-c .layout-content .footer-l .footer-l-i {
	display: flex;
	flex-direction: column;
}

.footer .footer-c .layout-content .footer-l .footer-l-i .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 45px;
}

.footer .footer-c .layout-content .footer-l .footer-l-i .footer-l-i-c {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 36px;
}

.footer .footer-c .layout-content .footer-l .footer-l-i .footer-l-i-c a:hover{
	color: #b2b2b2;
}

.footer .footer-c .layout-content .tel-box {
	width: 260px;
	font-size: 16px;
	margin-right: -10%;
}

.footer .footer-c .layout-content .tel-box .text1 {
	line-height: 26px;
}

.footer .footer-c .layout-content .tel-box .text2 {
	margin: 16px 0 26px;
}

.footer .footer-c .layout-content .tel-box .tel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 24px;
	margin-top: 20px;
}

.footer .footer-c .layout-content .tel-box .tel img {
	margin-right: 9px;
}

.footer .footer-c .layout-content .footer-code {
	display: flex;
	width: 200px;
	flex-direction: column;
	flex-wrap: wrap;
}

.footer .footer-c .layout-content .footer-code .footer-code-child {
	margin-bottom: 5px;
}

.footer-code-child img {
	width: 100%;
}

.footer-code-child:last-child {
	margin-top: 20px;
}

.footer .footer-c .layout-content .footer-code .text {
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}

.footer .footer-b {
	background-color: #343434;
	height: 74px;
}

.footer .footer-b .layout-content {
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	line-height: 74px;
}

/* 面包屑 */
.crumbs {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 50px 0;
}

.crumbs .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: 22px;
}

.crumbs .item .text {
	font-size: 16px;
	color: #494949;
	margin-left: 17px;
}

.crumbs .item:hover .text {
	color: #0762D5;
}

.animate {
	opacity: 0;
}

/* 图片缩放 */
.zoom-img {
	overflow: hidden;
	cursor: pointer;
}

.zoom-img img:hover {
	transform: scale(1.1);
	transition: all .3s;
}

.banner-style {
	width: 100%;
	background-position: top center;
	background-size: cover;
	position: relative;
}

.banner-style .title-wrap {
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	color: #ffffff;
}

.banner-style .title-wrap .title-box .text1 {
	font-size: 48px;
}

.banner-style .title-wrap .title-box .text2 {
	font-size: 24px;
	line-height: 65px;
}

.banner-style .nav-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 84px;
	background-color: rgba(0, 0, 0, 0.22);
}

.banner-style .nav-wrap .nav-box {
	max-width: 1400px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-style .nav-wrap .nav-box .nav {
	height: 100%;
	line-height: 84px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.banner-style .nav-wrap .nav-box .nav.active,
.banner-style .nav-wrap .nav-box .nav:hover {
	position: relative;
	background-image: linear-gradient(to bottom, rgba(7, 98, 255, 0.49), rgba(7, 98, 255, 0.1));
}

.banner-style .nav-wrap .nav-box .nav.active::before,
.banner-style .nav-wrap .nav-box .nav:hover::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #0762D5;
	position: absolute;
	top: 0;
	left: 0;
}

.title-style {
	font-size: 40px;
	font-weight: bold;
	color: #262626;
	position: relative;
	display: inline-block;
}

.title-style::before,
.title-style::after {
	content: '';
	width: 23px;
	height: 25px;
	background-image: url("../images/icon/icon1.png");
	background-size: 100% 100%;
	position: absolute;
	top: calc(50% - 12.5px);
}

.title-style::before {
	left: -35px;
}

.title-style::after {
	right: -35px;
}

/* 产品样式 */
.product-style {
	height: 275px;
	width: 222px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 38px;
	background-color: #fff;
	cursor: pointer;
}

.product-style .img-box {
	height: 180px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-style .img-box img {
	max-width: calc(100% - 56px);
	max-height: 95%;
	mix-blend-mode: multiply
}

.product-style .text-box {
	width: 100%;
	text-align: center;
	line-height: 24px;
}

.product-style .text-box .text1 {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.product-style .text-box .text2 {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.in-page {
	color: #888
}

.in-page span,
.in-page a {
	padding: .08rem .15rem;
	border: 1px solid #e8e8e8
}

.in-page a {
	margin-bottom: 5px
}

.in-page a:hover,
.in-page a.cur {
	color: #fff;
	border-color: #ca9c46;
	background: #ca9c46
}

.tab-head li {
	cursor: pointer
}

.tab-body li {
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s
}

.tab-body li.cur {
	visibility: visible;
	opacity: 1;
	height: inherit
}

.edit {
	overflow: hidden
}

.edit span {
	display: inline
}

.edit img {
	width: auto !important;
	height: auto !important
}

.edit td,
.edit th {
	border: 1px solid
}

.fix-wrap {
	display: none;
	z-index: 999;
	position: fixed;
	background: rgba(0, 0, 0, 0.8)
}

.fix-wrap,
.fix-wrap svg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.fix-wrap .hide,
.fix-wrap circle {
	transition: all .8s;
	-webkit-transition: all .8s
}

.fix-wrap .hide {
	position: fixed;
	top: 5%;
	right: 5%;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	background: transparent
}

.fix-wrap .hide::before,
.fix-wrap .hide::after {
	z-index: 1;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	margin-top: -25%;
	background: #fff
}

.fix-wrap .hide::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.fix-wrap .hide::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.fix-wrap .hide:hover {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg)
}

.fix-wrap .hide:hover circle {
	fill: none;
	stroke-dasharray: 145
}

.fix-wrap svg {
	position: absolute
}

.fix-wrap circle {
	stroke-dasharray: 0 145
}

.fix-video .video-wrap {
	min-width: 55%;
	max-width: 55%;
	margin: 0 auto
}

.fix-video video {
	width: 100%;
	height: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #3a3a3a;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	background: #2d2d2d;
	object-fit: cover;
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.fix-pic {
	overflow: auto
}

.fix-pic img {
	max-height: 100%;
	animation: zoomIn .5s both;
	-webkit-animation: zoomIn .5s both
}

.fix-pics {
	background: rgba(0, 0, 0, 0.7)
}

.fix-pic-slider {
	color: #fff
}

.fix-pic-slider .item {
	position: relative;
	width: 100%;
	height: 100vh;
	cursor: grab;
	cursor: -webkit-grab;
	background-color: transparent
}

.fix-pic-slider .item:active {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

.fix-pic-slider .item::after {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.9)
}

.fix-pic-slider img,
.fix-pic-slider em {
	position: absolute;
	left: 0;
	bottom: 0
}

.fix-pic-slider img {
	top: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: inherit
}

.fix-pic-slider em {
	width: 100%;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding: 10px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.7)
}

.fix-pic-slider .slick-arrow {
	width: 45px;
	height: 45px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .5s;
	-webkit-transition: all .5s
}

.fix-pic-slider .slick-arrow::after {
	position: absolute;
	content: '';
	top: 50%;
	border: solid #fff;
	padding: 6px
}

.fix-pic-slider .slick-arrow:hover {
	background: rgba(0, 0, 0, 0.9)
}

.fix-pic-slider .slick-prev {
	left: 1%;
	animation: slideInLeft .5s both;
	-webkit-animation: slideInLeft .5s both
}

.fix-pic-slider .slick-prev::after {
	left: 50%;
	border-width: 0 1px 1px 0;
	transform: translateX(-25%) translateY(-50%) rotate(135deg);
	-webkit-transform: translateX(-25%) translateY(-50%) rotate(135deg)
}

.fix-video .wh1 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.box-content-a {
	position: relative;
}

.box-content-a::after {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	content: '';
	display: block;
	background: url(../images/icon/play.png)no-repeat;
	background-size: contain;
}

.fix-pic-slider .slick-next {
	right: 1%;
	animation: slideInRight .5s both;
	-webkit-animation: slideInRight .5s both
}

.fix-pic-slider .slick-next::after {
	right: 50%;
	border-width: 1px 0 0 1px;
	transform: translateX(25%) translateY(-50%) rotate(135deg);
	-webkit-transform: translateX(25%) translateY(-50%) rotate(135deg)
}

.fix-pic-slider .slick_page {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	font-size: 16px;
	font-weight: bold
}

.fix-pic-slider .slick_page i {
	font-size: 22px
}

.fix-pic-slider .slick_page div {
	display: none
}

.fix-pic-slider .slick_page div.slick-active {
	display: block
}

.product-style:hover {
	background-color: #F2F5F8;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	transition: all .3s;
}

.product-style:hover::before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #0762D5;
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-style:hover::after {
	content: '';
	width: 17px;
	height: 11px;
	background-image: url("../images/icon/next2.png");
	background-size: 100% 100%;
	position: absolute;
	bottom: 17px;
	left: calc(50% - 5px);
}

/* 分页 */
.page-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-box .page-btn {
	width: 90px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	background-color: #fff;
	border-radius: 22px;
	border: solid 1px #e0e0e0;
	font-size: 16px;
	color: #0762d5;
}

.page-box .page-list {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}

.page-box .page-list .i {
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #444444;
}

.page-box .page-list .i.active,
.page-box .page-list .i:hover {
	font-weight: bold;
}

/*表单样式*/
.form-style .input-box,
.form-style .textarea-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.form-style .input-box input,
.form-style .textarea-box textarea {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	border: solid 1px rgba(196, 209, 222, 0.5);
	font-size: 16px;
	padding: 0 34px;
}

.form-style .input-box {
	height: 66px;
}

.form-style .textarea-box textarea {
	padding-top: 25px;
}

.form-style .select-box {
	width: 344px;
	height: 48px;
	position: relative;
	cursor: pointer;
}

.form-style .select-box select {
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	font-size: 16px;
	background-color: #fff;
	padding: 0 18px;
	border: solid 1px rgba(196, 209, 222, 0.5);
	appearance: none;
	background-image: url("../images/icon/down3.png");
	background-position: calc(100% - 18px) center;
	background-repeat: no-repeat;
}

.num-style1 {
	position: relative;
	display: inline-block;
}

.num-style1::after {
	content: '+';
	position: absolute;
	top: 0;
	right: -20px;
	font-size: 30px;
	color: #0762d5;
}

.num-style2 {
	position: relative;
	display: inline-block;
}

.num-style2::after {
	content: '条';
	position: absolute;
	top: 6px;
	right: -23px;
	font-size: 16px;
	color: #0762d5;
}

.num-style3 {
	position: relative;
	display: inline-block;
}

.num-style3::after {
	content: '㎡';
	position: absolute;
	top: 6px;
	right: -23px;
	font-size: 18px;
	color: #0762d5;
}

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

.line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.flex {
	display: flex;
}

.flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.flex-start-start {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.flex-center-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flex-start-between {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.flex-col-cen-cen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.btn {
	display: block;
	width: 118px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: #0762d5;
	border-radius: 10px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.mask-box {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}

.mask-video-box .mask-video-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mask-video-box .mask-video-wrap .video-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mask-video-box .mask-video-wrap .video-wrap video {
	width: 50%;
}

.mask-video-box .mask-video-wrap .close-btn {
	position: absolute;
	top: 5%;
	right: 5%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	transition: all .8s;
}

.mask-video-box .mask-video-wrap .close-btn::before,
.mask-video-box .mask-video-wrap .close-btn::after {
	content: '';
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	margin-top: -25%;
	background: #fff;
}

.sild-float {
	position: fixed;
	z-index: 21;
	right: 0;
	bottom: 30%;
	width: 46px;
	/* display: none; */
}

.sild-float .list {
	margin-bottom: 2px
}

.sild-float .list>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 46px;
	background: rgba(0, 0, 0, 0.5) no-repeat center center;
	transition: all 0.5s ease
}

.sild-float .list a.a1 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sild-float .list:hover>a {
	background-color: #0762d5;
	transition: all 0.5s ease
}

.sild-float .list .rolme {
	transform: translateX(-30px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	position: absolute;
	right: 46px;
	top: 0;
	padding: 10px;
	line-height: 26px;
	width: 184px;
	background: rgba(0, 0, 0, 0.5)
}

.sild-float .list:hover .rolme {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
	transition: all 0.5s ease
}

.sild-float .list .rolme .ltt {
	font-size: 20px;
	color: #fff;
	text-align: center;
	word-break: break-all;
}

.sild-float .list .rolme .emv img {
	border-radius: 10px
}

.sild-float .list:nth-child(1) .fplae {
	border-top-left-radius: 5px;
	overflow: hidden
}

.sild-float .list:last-child>a {
	border-bottom-left-radius: 5px;
	overflow: hidden
}

.sild-float .bpmaeb {
	height: 46px;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease
}

.sild-float .fplae {
	display: flex;
	align-items: center;
	line-height: 46px;
	height: 46px;
	width: 226px;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease
}

.sild-float .fplae:hover {
	transform: translateX(-180px);
	transition: all 0.5s ease
}

.sild-float .fplae:hover .bpmaeb {
	background-color: #0762d5;
	transition: all 0.5s ease
}

.sild-float .fplae .ltt {
	width: 180px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	word-break: break-all;
}

.sild-float .email .fplae .ltt {
	font-size: 14px;
}

.sild-float .kefu .fplae .ltt {
	font-size: 14px;
}

.sild-float .friends .fplae .ltt {
	font-size: 14px;
}

.mask-video-box .mask-video-wrap .close-btn::before {
	transform: rotate(45deg);
}

.mask-video-box .mask-video-wrap .close-btn::after {
	transform: rotate(-45deg);
}

.mask-video-box .mask-video-wrap .close-btn svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mask-video-box .mask-video-wrap .close-btn svg circle {
	stroke-dasharray: 0 145;
	transition: all .8s;
}

.mask-video-box .mask-video-wrap .close-btn:hover {
	transform: rotate(-180deg);
}

.mask-video-box .mask-video-wrap .close-btn:hover svg circle {
	fill: none;
	stroke-dasharray: 145;
}

@keyframes widthCen {
	0% {
		width: 0;
		left: 50%;
	}

	100% {
		width: 60px;
		left: calc(50% - 30px);
	}
}

@keyframes resize {

	from,
	60%,
	75%,
	90%,
	to {
		animation: backInLeft;
	}

	0% {
		opacity: 0;
		transform: scale(5, 5);
	}

	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

@keyframes ReturnToNormal {
	from {
		opacity: 0;
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, 45deg);
	}

	to {
		opacity: 1;
		transform-origin: right bottom;
		transform: none;
	}
}

@media screen and (max-width: 1640px) {
	header .header-search {
		padding: 0 40px;
	}
}

@media screen and (max-width: 1600px) {
	.banner-style .title-wrap {
		padding: 30px;
	}

	header .header .layout-content .head-logo {
		left: 40px;
	}

	header .header .layout-content .right-box {
		right: 30px;
	}

	header .header .layout-content .right-box .icon-search {
		margin-right: 10px;
	}
}

@media screen and (max-width: 1400px) {
	.banner-style .title-wrap {
		padding: 30px;
	}

	header .header .layout-content .head-logo {
		left: 20px;
	}

	header .header .layout-content .right-box {
		right: 10px;
	}

	header .header-search {
		padding: 0 20px;
	}

	.banner-style .title-wrap .title-box .text1 {
		font-size: 44px;
	}

	.banner-style .title-wrap .title-box .text2 {
		font-size: 22px;
		line-height: 60px;
	}

	.banner-style .nav-wrap .nav-box {
		width: 100%;
	}

	.main .banner-fit {
		height: 478px !important;
	}
}

.swiper-button-next1 {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	z-index: 2;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
}

.swiper-button-next1 img,
.swiper-button-prev1 img {
	width: 50px;
	height: 50px;
}

.swiper-button-prev1 {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	z-index: 2;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
}

.swiper-button-next1:hover,
.swiper-button-prev1:hover {
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.button_search {
	width: 60px;
	height: 48px;
	border: 0;
	background-color: transparent;
}

.button_search:hover {
	cursor: pointer;
}

.shouhou_net form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100%;
	border: 1px solid #E7E7E7;
	border-radius: 10px;
}

.shouhou_net form input {
	margin-left: 20px;
}

.shouhou_net {
	width: 344px;
	height: 48px;
	background: rgba(7, 98, 213, 0);
	float: right;

}

@media screen and (max-width: 1200px) {
	.footer .footer-c .layout-content .tel-box {
		margin: 0;
	}

	.banner-style .title-wrap .title-box .text1 {
		font-size: 40px;
	}

	.banner-style .title-wrap .title-box .text2 {
		font-size: 20px;
		line-height: 55px;
	}

	.main .banner-fit {
		height: 428px !important;
	}
}

@media screen and (max-width: 1190px) {
	header .header .layout-content .nav-box {
		height: 100%;
		margin: 0 auto;
	}

	header .header .layout-content .nav-box li {
		min-width: 100px;
		text-align: center;
	}
}

.page_ul {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	min-height: 50px;
	margin-bottom: 40px;
}

.page_ul .p_ul {
	width: 100%;
	min-height: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.page_ul .p_ul li {
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 12px;
	margin: 3px;
}

.page_ul .p_ul li:hover {
	cursor: pointer;
	background-color: #0762d5;
	color: white;
}

.page_ul .p_ul .prev_li,
.page_ul .p_ul .next_li {
	width: 70px;
	height: 35px;
	line-height: 35px;
}

.page_ul .p_ul .current_li {
	background-color: #0762d5;
	color: white;
}

.page_ul .p_ul .first_li,
.page_ul .p_ul .last_li {
	width: 50px;
	height: 35px;
	line-height: 35px;
}

@media screen and (max-width: 1024px) {
	header {
		height: 70px;
	}

	.shouhou_net {
		width: 100%;
		margin: 10px 0;
	}

	.page_ul .p_ul .prev_li,
	.page_ul .p_ul .next_li {
		width: 60px;
		height: 35px;
		line-height: 35px;
	}

	header .header {
		display: none;
	}

	.swiper-button-next1,
	.swiper-button-prev1 {
		display: none;
	}

	header .header-m {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	header .header-m .m-logo img {
		width: 90%;
	}

	.main {
		padding-top: 70px !important;
	}

	.banner-style .title-wrap .title-box .text1 {
		font-size: 38px;
	}

	.banner-style .title-wrap .title-box .text2 {
		font-size: 18px;
		line-height: 40px;
	}

	.banner-style .nav-wrap {
		left: 20px;
		bottom: -70px;
		width: calc(100% - 40px);
		height: auto;
		background-color: #0762D5;
		border-radius: 10px;
		padding-top: 50px;
	}

	.banner-style .nav-wrap::after {
		content: '产品分类';
		position: absolute;
		color: #fff;
		font-size: 18px;
		top: calc(50% - 11px);
		left: 20px;
	}

	.banner-style .nav-wrap::before {
		content: '';
		width: 16px;
		height: 9px;
		background-image: url("../images/icon/moreDown.png");
		background-size: 100% 100%;
		filter: grayscale(100%) brightness(200%);
		position: absolute;
		top: calc(50% - 4.5px);
		right: 20px;
		transform: rotateX(180deg);
		transition: transform .3s;
	}

	.banner-style .nav-wrap .nav-box {
		overflow: hidden;
		height: 0;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		position: absolute;
		top: 50px;
		left: 0;
		border-radius: 10px;
		background-color: rgba(7, 98, 213, 0.5);
		z-index: 2;
		transition: height .3s;
	}

	.banner-style .nav-wrap .nav-box .nav {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		color: #fff;
		cursor: pointer;
		padding: 0 10px !important;
		position: relative;
	}

	.banner-style .nav-wrap .nav-box .nav.active,
	.banner-style .nav-wrap .nav-box .nav:hover {
		position: static;
		background-image: none !important;
	}

	.banner-style .nav-wrap .nav-box .nav.active::before,
	.banner-style .nav-wrap .nav-box .nav:hover::before {
		top: auto;
	}

	.banner-style .nav-wrap .nav-box .nav.active {
		position: relative;
	}

	.banner-style .nav-wrap .nav-box .nav.active::before,
	.banner-style .nav-wrap .nav-box .nav::before {
		content: '';
		width: calc(100% - 20px);
		height: 1px;
		background-color: rgba(255, 255, 255, 0.6) !important;
		position: absolute;
		left: 10px;
		bottom: 0;
	}

	.banner-style .nav-wrap .nav-box .nav:last-of-type::before {
		display: none;
	}

	.banner-style .nav-wrap.nav-show .nav-box {
		height: 450px;
		overflow-y: scroll;
	}

	.banner-style .nav-wrap.nav-show::before {
		transform: rotateX(0deg);
	}

	.main .product-box {
		padding-top: 70px;
	}

	.product-style {
		height: 230px;
	}

	.main .product-style .img-box {
		height: 160px;
	}

	.main .product-box .product-wrap .crumbs {
		padding-top: 30px;
	}

	.main .banner-fit {
		height: 360px !important;
	}

	.product-style:hover {
		background-color: initial;
	}

	.product-style:hover::before {
		display: none;
	}

	.product-style:hover::after {
		display: none;
	}

	.crumbs {
		display: none;
	}
}

@media screen and (max-width: 910px) {
	.footer .footer-c .layout-content .tel-box {
		width: 236px;
	}

	.banner-style .title-wrap .title-box .text1 {
		font-size: 36px;
	}

	.banner-style .title-wrap .title-box .text2 {
		font-size: 16px;
		line-height: 30px;
	}

	.main .banner-fit {
		height: 320px !important;
	}
}

@media screen and (max-width: 800px) {
	.banner-style .title-wrap .title-box .text1 {
		font-size: 34px;
	}

	.main .banner-fit {
		height: 280px !important;
	}
}

@media screen and (max-width: 767px) {
	.aside {
		top: calc(50% - 50px);
	}

	.footer .footer-c {
		height: auto;
		padding: 20px;
	}

	.footer .footer-c .layout-content {
		padding: 0;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer .footer-c .layout-content .footer-l {
		display: none;
	}

	.footer .footer-c .layout-content .tel-box {
		width: 100%;
	}

	.footer .footer-c .layout-content .footer-code {
		width: 100%;
		display: flex;
		margin: 0 auto;
		align-items: center;
		justify-content: space-between;
		margin-top: 20px;
		flex-wrap: wrap;
	}

	.footer .footer-c .layout-content .footer-code .footer-code-child {
		width: 40%;
	}

	.footer .footer-b {
		height: auto;
	}

	.footer .footer-b .layout-content {
		padding: 10px 20px;
		font-size: 14px;
		line-height: 18px;
	}

	.crumbs .item {
		margin-left: 6px;
	}

	.crumbs .item .text {
		margin-left: 6px;
	}

	.page-box .page-list .i {
		width: 40px;
	}

	.page-box .page-btn {
		width: 75px;
	}

	.product-style {
		height: 205px;
	}

	.main .product-style .img-box {
		height: 140px;
	}

	.mask-video-box .mask-video-wrap .video-wrap video {
		width: 80%;
	}
}

@media screen and (max-width: 700px) {
	.banner-style .title-wrap .title-box .text1 {
		font-size: 32px;
	}

	.main .banner-fit {
		height: 260px !important;
	}
}

@media screen and (max-width: 630px) {
	.banner-style .title-wrap .title-box .text1 {
		font-size: 30px;
	}

	.main .banner-fit {
		height: 230px !important;
	}
}

@media screen and (max-width: 570px) {
	.product-style {
		height: 185px;
	}

	.main .product-style .img-box {
		height: 120px;
	}
}

@media screen and (max-width: 560px) {
	.banner-style .title-wrap .title-box .text1 {
		font-size: 28px;
	}

	.main .banner-fit {
		height: 200px !important;
	}
}

@media screen and (max-width: 480px) {
	.main .banner-fit {
		height: 170px !important;
	}
}

@media screen and (max-width: 450px) {
	.page-box .page-list .i {
		width: 30px;
	}

	.page-box .page-btn {
		width: 70px;
	}
}

@media screen and (max-width: 430px) {
	.banner-style .title-wrap .title-box .text1 {
		font-size: 26px;
	}

	.main .banner-fit {
		height: 150px !important;
	}

	.banner-style .title-wrap .title-box .text2 {
		line-height: 20px;
	}
}

@media screen and (max-width: 425px) {
	.product-style {
		height: 165px;
	}

	.main .product-style .img-box {
		height: 100px;
	}
}

@media screen and (max-width: 370px) {
	.main .banner-fit {
		height: 130px !important;
	}
}

@media screen and (max-width: 360px) {
	.product-style {
		height: 145px;
	}

	.main .product-style .img-box {
		height: 80px;
	}
}


.wh1 {width:100%;height:100%}
.dtm {display:table;margin:0 auto}
.dt {display:table;table-layout:fixed}
.dtcell {display:table-cell;vertical-align:middle;text-align:center}
.empty{ margin: 20px auto; width: 100%; display: flex; justify-content: center;}