body{
	background: #f2f2f2; font-size: 14px;
}
.container{ min-width:1300px; }
/* 头部样式 */
.header{
	padding: 0px 4vw; height: 80px; border-bottom: rgba(255,255,255,0.1) solid 1px; position: absolute; width: 100%; z-index: 10000;
	background-color: rgba(255, 255, 255, 0.1); /* 半透明背景 */
	backdrop-filter: blur(5px); /* 背景模糊 */
	-webkit-backdrop-filter: blur(5px); /* 兼容老版本 Safari */
}
.header-logo{
	height: 50px;
}
.header-nav{
	margin-left: auto;
}
.header-nav a, .header-nav div.mlink{
	color: rgba(0, 0, 0,0.8); margin-right: 50px; display: flex; font-size: 16px; cursor: pointer;
	height: 80px; justify-content: center; align-items: center;
}
.header-nav a:hover{
	color: rgba(255,255,255,1);
}
.header-nav div.mlink::after{
	content: '\e611'; margin-left: 5px; font-size: 12px;
}
.header-nav-child{
	position: absolute; background: #ffffff; width: 100px; border-radius: 10px; padding: 0px 10px 10px 10px;
	margin-top: 70px; display: none; flex-direction: column; align-items: center; justify-content: center;
	align-self: flex-start;
}
.header-nav-child::before{
	content: ''; width: 15px; height: 15px; background: #ffffff; transform: rotate(45deg); margin-top: -5px;
	border-radius: 2px;
}
.header-nav-child div{
	color: #666666; border-bottom: #F2F2F2 solid 1px; width: 80px; padding: 10px 0px;
	font-size: 14px; text-align: center;
}
.header-nav-child div:hover{
	color: #022a4e; font-weight: bold;
}
.header-nav-child div:last-child{
	border-bottom: 0px;
}
.header-nav div.mlink:hover .header-nav-child{
	display: flex;
}
.header-hot{
	color: rgba(0, 0, 0,0.8); font-size: 16px;
}
.header-hot::before{
	content: '\e60e'; font-size: 20px; margin-right: 5px;
}
/* 首页banner */
.hbanner-view{
	background:url("../images/v2-2140c21241dac1302aadcca68cfdfc8b_r.jpg") no-repeat center top; background-size: cover;
}
.hbanner{
	width: 100%; height: 600px; padding: 0px calc(50% - 650px);  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;
	background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
}
.hbanner-cont{
	width: 1300px; margin-bottom: 150px;
}
.hbanner-cont-title{
	font-size: 40px; color: #ffffff; font-weight: bold;
}
.hbanner-cont-desc{
	font-size: 24px; color: rgba(255,255,255,0.8); line-height: 40px; margin-top: 20px;
}
.habout{
	padding: 50px calc(50% - 650px); align-items: flex-start;
}
.habout-left{
	flex-grow: 1; margin-right: 50px; flex-direction: column; align-items: flex-start; height: 400px;
}
.habout-left-top{
	align-items: flex-start; justify-content: flex-start;
}
.habout-left-top::before{
	content: ''; width: 2px; height: 60px; background: #e30000; margin-right: 15px;
}
.habout-left-top-title-name{
	margin-top: 2px; font-size: 25px;
}
.habout-left-body{
	margin-top: 50px; line-height: 30px;
}
.habout-left-body b{
	color: #000000;
}
.habout-link{
	margin-top: auto; display: flex; justify-content: center; align-items: center; font-size: 14px;
	background: #e30000; color: rgba(255,255,255,0.8); width: 110px; height: 40px; border-radius: 20px;
}
.habout-link::after{
	content: '\e613';margin-left: 2px; font-size: 12px;
}
.habout-link:hover{
	color: rgba(255,255,255,1); font-weight: bold; background: #022a4e;
}
.habout-right{
	width: 300px; height: 400px; background: #f2f2f2; border-radius: 40px 0px 40px 0px;
	flex-shrink: 0;
}
.hyewu{
	padding-top: 0px;
}
.hyewu-sjx-view{
	background:url("../images/715c92f9b758927.jpg") no-repeat center bottom; background-size: cover;
}
.hyewu-sjx{
	width: 100%; height: 140px; flex-direction: column;
	background: rgba(255, 0, 0, 0.8);
}
.hyewu-sjx-body{
	flex-direction: column; color: #ffffff; height: 120px;
}
.hyewu-sjx-foot{
	width: 100%; height:20px;
}
.hyewu-sjx-foot::before{
	content: ''; border-left: 0px solid transparent; border-right: 50vw solid transparent; border-bottom: 20px solid #ffffff;
}
.hyewu-sjx-foot::after{
	content: ''; border-left: 50vw solid transparent; border-right: 0vw solid transparent; border-bottom: 20px solid #ffffff;
}
.hyewu-cont{
	padding: 50px calc(50% - 650px);
}
.hyewu-cont-left{
	width: 300px; height: 300px; background: #ffffff; display: flex; justify-content: center; align-items: center;
	flex-direction: column; border-radius: 10px; border: #F2F2F2 solid 1px; cursor: pointer;
}
.hyewu-cont-left-icon{
	width: 70px; height: 70px; border-radius: 10px; background: #F2F2F2; font-size: 30px; font-weight: bold; color: #e30000;
}
.hyewu-cont-left-title{
	margin-top: 10px; font-weight: bold; font-size: 20px; color: #e30000;
}
.hyewu-cont-left-desc{
	margin-top: 20px; line-height: 23px; color: #666666;
}
.hyewu-cont-right{
	flex-wrap: wrap; height: 300px; margin-left: 20px; width: 980px;
}
.hyewu-cont-left:hover{
	color: #ffffff; background-image: linear-gradient(to left, rgba(2, 42, 78, 0.5), rgba(2, 42, 78, 1));
}
.hyewu-cont-left:hover .hyewu-cont-left-title,
.hyewu-cont-left:hover .hyewu-cont-left-desc{
	color: #ffffff;
}
.hyewu-cont-right-item{
	width: 230px; height: 140px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px;
	padding: 20px; border-radius: 10px; border: #F2F2F2 solid 1px; cursor: pointer;
}
.hyewu-cont-right-item-title{
	display: flex; justify-content: space-between; align-items: center;
}
.hyewu-cont-right-item-title-label{
	font-weight: bold; font-size: 20px; color: #e30000;
}
.hyewu-cont-right-item-title-icon::before{
	content: '\e608'; font-weight: bold; font-size: 22px; color: #e30000;
}
.hyewu-cont-right-item-desc{
	margin-top: 10px; line-height: 23px; color: #666666;
}
.hyewu-cont-right-item:nth-child(4n){
	margin-right: 0px;
}
.hyewu-cont-right-item:hover{
	color: #ffffff; background-image: linear-gradient(to left, rgba(2, 42, 78, 0.5), rgba(2, 42, 78, 1));
}
.hyewu-cont-right-item:hover .hyewu-cont-right-item-title-label,
.hyewu-cont-right-item:hover .hyewu-cont-right-item-title-icon::before,
.hyewu-cont-right-item:hover .hyewu-cont-right-item-desc{
	color: #ffffff;
}

.hnews{
	padding: 50px calc(50% - 650px); align-items: flex-start;
}
.hnews-top{
	justify-content: flex-start;
}
.hnews-top::before{
	content: ''; width: 2px; height: 60px; background: #e30000; margin-right: 15px;
}
.hnews-top-title-name{
	margin-top: 2px; font-size: 25px;
}
.hnews-links{
	margin-left: auto;
}
.hnews-links a{
	display: flex; justify-content: center; align-items: center; font-size: 14px; margin-left: 20px;
	background: #e30000; color: rgba(255,255,255,0.8); width: 110px; height: 40px; border-radius: 20px;
}
.hnews-links a::after{
	content: '\e613';margin-left: 2px; font-size: 12px;
}
.hnews-links a:hover{
	color: rgba(255,255,255,1); font-weight: bold; background: #022a4e;
}
.hnews-list{
	margin-top: 40px;
}
.hnews-list-one{
	width:300px; flex-direction: column; height: 330px;
}
.hnews-list-one-pic{
	width: 100%; height: 180px; background: #999999;
}
.hnews-list-one-body{
	padding: 20px; color: #999999;
}
.hnews-list-one-body-title{
	margin-top: 10px; color: #000000;
}
.hnews-list-one-body-desc{
	line-height: 23px; margin-top: 10px; font-size: 14px;
}
.hnews-list-two{
	flex-direction: column; height: 330px;
}
.hnews-list-two-item{
	width: 500px; flex-direction: column; padding: 20px; align-items: flex-start;
}
.hnews-list-two-item-date{
	border-bottom: #f2f2f2 solid 1px; padding-bottom: 10px; width: 100%;
}
.hnews-list-two-item-date::after{
	content: '\e613';
}
.hnews-list-two-item-date-val{
	flex-direction: column;
}
.hnews-list-two-item-body{
	padding-top: 10px; color: #999999;
}
.hnews-list-two-item-body-title{
	color: #000000;
}
.hnews-list-two-item-body-desc{
	line-height: 23px; margin-top: 10px; font-size: 14px;
}
.hnews-list-three{
	width: 460px; flex-direction: column; height: 330px;
}
.hnews-list-three-item{
	padding: 20px; background: #ffffff; width: 100%; height: 100px;
}
.hnews-list-three-item-date{
	flex-direction: column;
}
.hnews-list-three-item-body{
	width: 330px;
}
.hnews-list-three-item-body-title{
	color: #000000;
}
.hnews-list-three-item-line{
	width: 1px; height: 40px; background: #f2f2f2;
}
.hnews-list-three-item-body-desc{
	line-height: 23px; margin-top: 6px; font-size: 14px;
}
.hsdk-view{
	background: url("../images/sdh-bg.jpg") no-repeat center center; background-size: cover;
}
.hsdk{
	padding: 80px calc(50% - 650px); background: rgba(255, 0, 0, 0.8); align-items: flex-start;
}
.hsdk-pic{
	width: 350px; height: 400px; border-radius: 40px 0px 40px 0px; overflow: hidden;
}
.hsdk-right{
	height: 400px; width: 900px; align-items: flex-start;
}
.hsdk-right-item{
	width: 100%; padding: 20px 0px;
}
.hsdk-right-item-top{
	justify-content: flex-start;
}
.hsdk-right-item-top-icon{
	width: 36px; height: 36px; border-radius: 50%; border: #ffffff solid 1px; display: flex; justify-content: center; align-items: center;
}
.hsdk-right-item-top-icon::before{
	content: '\e610'; color: #fff;  font-size: 20px;
}
.hsdk-right-item-top-title{
	margin-left: 20px; color: #ffffff; font-size: 18px;
}
.hsdk-right-item-desc{
	margin-top: 10px; color: rgba(255,255,255,0.8);
}
.hsdk-right-zx{

}
.hsdk-right-zx-item{
	width: 240px; height: 36px; background: #ffffff; display: flex; justify-content: space-between; align-items: center;
	padding: 0px 5px;
}
.hsdk-right-zx-item-icon{
	width: 20px; height: 20px; border-radius: 50%; background: #ffffff; border: #e3e2e2 solid 1px;
}
.hsdk-right-zx-item-name{
	width: 50px; margin-left: 10px; font-size: 14px; color: #000000; margin-right: auto;
}
.hsdk-right-zx-item-date{
	font-size: 14px; color: #000000;
}
.hsdk-right-zx-item:nth-child(odd){
	background: #F2F2F2;
}
.hsdk-right-zx-item:nth-child(even){
	background: #ffffff;
}
.hsdk-right-zx-item:nth-child(2){
	margin-top: 20px; border-radius: 10px 10px 0px 0px;
}
.hsdk-right-zx-item:nth-child(11){
	border-radius: 0px 0px 10px 10px;
}
.hhezuo{
	padding: 80px calc(50% - 650px);
}
.hhezuo-top{
	flex-direction: column; width: 100%;
}
.hhezuo-list{
	margin-top: 50px; display: grid; grid-template-columns: repeat(7, 177px); grid-gap: 10px 10px;
}
.hhezuo-list-item{
	width: 177px; height: 79px; border: #f2f2f2 solid 1px;
}
/* 内页的banner样式 */
.nbanner-view{
	background:url("../images/W020200526731048229973.jpg") no-repeat center bottom; background-size: cover;
}
.nbanner{
	width: 100%; height: 500px;
	/*background-image: linear-gradient(to bottom, rgba(2, 42, 78, 0.5), rgba(2, 42, 78, 1));*/

	background-color: rgba(255, 0, 0, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.nbanner-cont{
	width: 100%; height: 500px; display: flex; justify-content: center; align-items: center; flex-direction: column;
	color: #ffffff; padding-top: 80px;
}
.nbanner-cont-title{
	font-size: 40px; font-weight: bold; text-shadow: 1px 1px 0px #e30000; letter-spacing: 10px;
}
.nbanner-cont-desc{
	font-size: 14px; margin-top: 10px; text-shadow: 1px 1px 0px #e30000; letter-spacing: 8px;
}
.nnav{
	padding: 0px calc(50% - 650px); height: 70px; border-bottom: #f2f2f2 solid 1px; font-size: 14px;
}
.nnav-position a:hover{
	color: #022a4e;
}
.nnav-position a::after{
	content: '\e613'; margin-left: 4px;
}
.nnav-position a:last-child::after{
	content: ''; margin-left: 0px;
}
.nnav-menu a{
	display: flex; height: 50px; justify-content: center; align-items: center; margin-left: 20px; flex-direction: column;
}
.nnav-menu a:hover{
	color: #022a4e;
}
.nnav-menu a:hover::after{
	content: ''; width: 50px; height: 2px; background: #022a4e; position: absolute;
	margin-top: 48px;
}
/* 新闻列表 */
.newlist{
	padding: 0px calc(50% - 650px);
}
.newlist-item{
	display: flex; justify-content: space-between; align-items: center; padding: 20px 0px;
	border-bottom: #f2f2f2 solid 1px;
}
.newlist-item-pic{
	width: 250px; height: 150px; border: #f2f2f2 solid 1px; flex-shrink: 0;
}
.newlist-item-cent{
	flex-grow: 1; height: 150px; margin: 0px 20px;
}
.newlist-item-cent-title{
	color: #000000;
}
.newlist-item-cent-desc{
	margin-top: 10px; color: #999999;
}
.newlist-item-date{
	width: 100px; height: 70px; background: #022a4e; color: #ffffff; flex-direction: column; flex-shrink: 0;
}
.npage{
	padding: 40px 0px;
}
.npage a{
	border: #f2f2f2 solid 1px; padding: 6px 10px; margin-right: 10px;
}
.npage a:last-child{
	margin-right: 0px;
}
/* 新闻内页的banner */
.nbanner2-view{
	background:url("../images/5596262.jpg") no-repeat center bottom; background-size: cover;
}
.nbanner2{
	width: 100%; height: 500px; padding: 0px calc(50% - 650px); flex-direction: column; align-items: flex-start; justify-content: flex-end;
	padding-bottom: 100px; background-color: rgba(2, 42, 78, 0.94);
}
.nbanner2-article-title{
	color: #ffffff; font-size: 25px;
}
.nbanner2-article-date{
	margin-top: 20px; color: rgba(255,255,255,0.8);
}
.nbanner2-article-date-source{
	margin-left: 10px;
}
.newsart{
	padding: 0px calc(50% - 650px); padding-bottom: 40px; margin-top: -50px; align-items: flex-start;
}
.newsart-cont{
	padding: 30px; line-height: 30px; width: 990px;
}
.newsart-cont img{
	max-width: 100% !important; height: auto !important;
}
.newsart-left{
	width: 280px; padding: 20px;
}
.newsart-left-title{
	color: #000000; justify-content: flex-start; font-weight: bold; font-size: 16px;
}
.newsart-left-title::before{
	content: ''; width: 2px; height: 15px; background: #022a4e; margin-right: 5px;
}
.newsart-left-link{
	margin-top: 20px;
}
.newsart-left-link-item{
	margin-bottom: 20px; display: flex;
}
.newsart-left-link-item:last-child{
	margin-bottom: 0px;
}
/* 联系我们 */
.ncontact{
	padding: 50px calc(50% - 650px);
}
.ncontact-top{
	margin-top: 50px;
}
.ncontact-top-item{
	display: flex; justify-content: space-between; align-items: center;
}
.ncontact-top-item-icon{
	width: 100px; height: 100px; background: #e30000; display: flex; justify-content: center; align-items: center;
	font-size: 40px; color: rgba(255,255,255,0.8);
}
.ncontact-top-item-cont{
	width: 300px; padding: 20px; background: #ffffff; height: 100px;
}
.ncontact-map{
	width: 1300px; height: 500px; background: #ffffff; margin-top: 40px; border: #F2F2F2 solid 1px; border-radius: 10px;
	overflow: hidden !important;
}
/* 走进闪电猴 */
.nabout-cultur{
	padding: 50px calc(50% - 650px);
}
.nabout-cultur-pic{
	width: 500px; height: 400px; background: #999999; border-radius: 10px 0px 0px 10px; overflow: hidden;
}
.nabout-cultur-pic div{
	width: 500px; height: 400px;
}
.nabout-cultur-info{
	width: 800px; height: 400px; padding: 50px; background: #ffffff; border-radius: 0px 10px 10px 0px;
	line-height: 30px; color: #666666;
}
.nabout-cultur-info b{
	color: #000000; font-weight: bold; font-size: 18px;
}
.nabout-sys{
	background: #ffffff; padding: 50px calc(50% - 650px);
}
.nabout-sys-top{
	flex-direction: column;
}
.nabout-sys-top-label{
	font-size: 24px; font-weight: bold; color: #000000;
}
.nabout-sys-top-desc{
	margin-top: 6px;
}
.nabout-sys-cent{
	width: 1300px; background: #ffffff;  margin-top: 50px;  overflow: hidden;
}
.nabout-sys-cent-item{
	width: 300px; padding: 30px; border: #f2f2f2 solid 1px; min-height: 450px; background: #F2F2F2; cursor: pointer;
}
.nabout-sys-cent-item-num{
	width: 60px; height: 60px;
}
.nabout-sys-cent-item-top{
	font-size: 20px; font-weight: bold; color: #000000; margin-top: 20px; justify-content: flex-start;
	 padding-bottom: 20px;
}
.nabout-sys-cent-item-body{

}
.nabout-sys-cent-item-body-p{
	display: flex; justify-content: flex-start; align-items: center; margin-top: 10px;
}
.nabout-sys-cent-item-body-p::before{
	content: ''; background: #022a4e; width: 10px; height: 10px; border-radius: 50%; margin-right: 10px;
}
.nabout-hezuo{
	width: 1300px; display: grid; grid-template-columns:repeat(7, 177px); grid-gap: 10px 10px;
}
.nabout-hezuo .hhezuo-list-item{
	display: inline-flex; margin-bottom: 0px;
}
/* 底部样式 */
.footer{
	width: 100%; padding: 50px calc(50% - 650px) 0px; color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 0, 0, 0.8);
}
.footer-top{
	align-items: flex-start; padding-bottom: 30px;
}
.footer-top-contact{
	line-height: 28px; margin-right: auto;
}
.footer-top-contact p{
	font-size: 16px; margin-bottom: 20px;
}
.footer-top-ewm{
	flex-direction: column; margin-left: 40px;
}
.footer-top-ewm img{
	width: 120px; height: 120px; border-radius: 10px; margin-bottom: 10px;
}
.footer-cent{
	padding: 30px 0px; border-bottom: rgba(255,255,255,0.1) solid 1px; border-top: rgba(255,255,255,0.1) solid 1px;
	align-items: flex-start;
}
.footer-cent-item{

}
.footer-cent-item-label{
	display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;
	font-size: 14px;
}
.footer-cent-item-label::after{
	content: ''; width: 12px; height: 2px; background: rgba(255,255,255,0.8); margin-top: 10px;
}
.footer-cent-item-links{
	display: flex; flex-direction: column; margin-top: 20px;
}
.footer-cent-item-links a{
	color: rgba(255,255,255,0.8); display: block; font-size: 12px; margin-bottom: 10px;
}
.footer-cent-item-links a:hover{
	color: rgba(255,255,255,1);
}
.footer-copy{
	padding: 20px 0px; font-size: 12px; color: rgba(255,255,255,0.8);
}
/* 海外仓 */
.hhaiwai{
	width: 100%; padding: 100px calc(50% - 650px); background-color: #022a4e; flex-direction: column;
}
.hhaiwai-title{
	font-size: 30px;
}
.hhaiwai-list{
	margin-top: 80px;
}
.hhaiwai-list-item{
	border: rgba(255,255,255,0.8) solid 1px; border-radius: 10px; padding: 30px 80px; font-size: 16px; color: #ffffff; margin-right: 40px;
	cursor: pointer;
}
.hhaiwai-list-item:last-child{
	margin-right: 0px;
}
.hhaiwai-list-item:hover{
	background-color: #e30000; border-color: #e30000;
}
