/* public css */
.pic-box{
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.pic-box img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.box-width{
	width: 1600px;
	margin:0 auto
}

.left,.right{
	width: 100%;
}

.contain-wrapper{
	width:100%;
	overflow: hidden;
	margin-top: 50px;
}
.contain-box{
	width:100%;
	padding: 30px 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
	padding-bottom: 0;
}
.main-box{
	width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width:1600px){
	.box-width{
		width: 95%;
		margin:0 auto;
	}
	.main-box{
		width: 95%;
		margin: 0 auto;
	}
}
.more:hover{
	background:#e10406!important;
}
/* public css end */
/* header css */
header{
	width: 100%;
	background: #0060b0;
	height: 65px;
}
.tophead{
	line-height: 40px;
	width: 100%;
	height: 95px;
	background: #fff;
	display:none;
}
.tophead .textbox{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.tophead .textbox p a{
	display:inline-block;
	margin:0 10px;
}
.head{
	display: none;
	justify-content: space-between;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #000;
}
.toplogo{
	height: 100%;
	display: flex;
	align-items: center;
	padding: 5px;
	margin: 0 auto;
	justify-content: space-between;
}
.toplogo .pic-box{
	height: 100%;
}
.topcon{
	font-size: 18px;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	height: 90%;
	display: flex;
	align-items: center;
}
.topcon p{
	display:flex;
	align-items: flex-end;
	color: #e10406;
	font-weight: bold;
}
.topcon span{
	font-size: 30px;
	color: ;
}
.topcon p img{
	width: 40px;
	margin-right: 15px;
}
.topcon p:nth-child(2){
	font-size:25px;
	font-weight: bold;
}
.toplogo img{
	height: 100%;
	width: auto;
}
.toplogo>p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 3px;
	position:relative;
	padding: 5px 0;
	text-align: center;
}
.toplogo>p:before{
	position:absolute;
	background:#d10e14;
	height:3px;
	width: 300px;
	content:'';
	top: 49px;
	left:0;
	right:0;
	margin: auto;
}
.toplogo>p span{
	font-size: 28px;
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(-45deg,#0060b0,#5c82d0,#004782);
}
.topnav{
	height:100%;
	font-size: 17px;
	display: flex;
	width: 100%;
	justify-content: space-around;
	color: #fff;
}
.topnav>li{position: relative;width: 16%;text-align: center;background: linear-gradient(-30deg,#0060b0,#004680);}
.topnav>li:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	height:60%;
	/* background: #ffffff4d; */
	width:1px;
	margin:auto;
}
.topnav>li:nth-child(1):after{
	display:none;
}
.topnav>li:after{
	content:'';
	position:absolute;
	top:7px;
	bottom:0;
	right:15%;
	height:0;
	margin:auto;
	border:5px transparent solid;
	border-top-color:white;
}
@media screen and (max-width:1400px){
	.topnav>li{
	padding: 0 15px;
	position:relative;
}
}
.topnav li a{
	display:block;
	height:100%;
	width:100%;
	transition:none;
}
.topnav>li:hover,
.topnav>li.active{
	background: #e10406;
	color:#fff;
}
.topnav .subnav{
	display: none;
	position:absolute;
	left:0;
	top: 50px;
	z-index:10;
	line-height: 50px;
	background: #0060b0;
	color:#fff;
	font-size:14px;
	width:100%;
	text-align: center;
	border-top: 1px #fff solid;
}
.topnav>li:hover .subnav{
	display:block;
}
.topnav .subnav>li:hover{
	background: #e10406;
}
.contain-title{
	font-size: 25px;
	color:#000;
	font-weight: bold;
	text-align: center;
	width:100%;
	position: relative;
	margin-bottom: 25px;
}
.contain-title:before{
	position:absolute;
	background: linear-gradient(45deg, #0060b0, #95c2e7,#2573b5);
	height:3px;
	width:100px;
	content:'';
	bottom: -5px;
	left:0;
	right:0;
	margin:auto auto;
}
/* banner css */
.banner{
	width: 100%;
	overflow-x: hidden;
	overflow-y: clip;
	position:relative;
}
.banner .pic-box{
	width: 100%;
}
.banner .swiper-slide-active .pic-box img{
	transform:scale(1.2);
	animation:banshow 3s forwards;
}
@keyframes banshow{
	0%{
		transform:scale(1.2);
		opacity:1;
	}
	15%{
		opacity:0.8;
	}
	20%{
		opacity:1
	}
	100%{
		transform:scale(1);
	}
}
.bannerbox .textbox{
	position: absolute;
	bottom: -50px;
	background: linear-gradient(-45deg,#0060b0,#004b89);
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	align-items: center;
	z-index: 100;
	left: 0;
	right: 0;
	width: 90%;
	margin: auto;
	border-top-right-radius: 10px;
	border-top-left-radius: 20px;
}
.bannerbox{
	position:relative;
}
.bannerbox .swiper-pagination{
	bottom: 18px!important;
}
.bannerbox .swiper-pagination span{
	width:10px;
	height:10px;
	background:#fff;
}
.bannerbox .textbox p:nth-child(1){
	font-size: 14px;
	line-height: 22px;
}
.bannerbox .textbox p:nth-child(2){
	font-size: 13px;
	display: none;
}
/* product css */
.propagin{
	width: 100%;
}

.propagin .yy {
    width: 100% !important;
    flex-wrap: wrap !important;
}

.propagin .yy .swiper-slide2 {
    width: 50% !important;
    margin-right: 0 !important;
    margin-bottom: 2%;
    margin-top: 0 !important;
}

.propagin .swiper-slide2 {
    /* width: 50%; */
    /* margin-bottom: 2%; */
}
.propagin p{
	width:100%;
	border: 1px #3333332e solid;
	color: #000;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
}

.propagin .swiper-slide-thumb-active p{
	background: linear-gradient(45deg, #ff1a1c, #ff0003b8,#ff1a1b,#e10406b0);
	color:#fff;
	border-color:#fff;
	transition: none;
}
.proscreen{
	margin-top: 20px;
	overflow: hidden;
	width: 101%;
	box-sizing: border-box;
}

.proscreen .swiper-slide {
}
.proscreen .proshow{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.proshow .showbox{
	width: 48%;
	margin-bottom: 15px;
	height: 260px;
}
.proshow .showbox:hover img{
	transform:scale(1.2);
}
.proshow .showbox .pic-box{
	height: 90%;
	width: 100%;
	position:relative;
}
.proshow .showbox .pic-box:before{
	position:absolute;
	height:100%;
	width:50px;
	content:'';
	background: linear-gradient(45deg, #fff, #ffffff5e,#ffffff8c);
	top:0;
	left: -50%;
	display:block;
	transform: skewX(-20deg);
	z-index: 10;
}
.proshow .showbox:hover .pic-box:before{
	transition: 0.7s linear;
	left: 120%;
}
.proshow .showbox p{
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	background: linear-gradient(-45deg,#0060b0,#004782);
	color:#fff;
	background: #303030e3;
}
/* addbox css */
.addbox{
	background-image: url(../images/adbg.jpg);
	background-attachment: fixed;
}
.addbox:before{
	background:#1a82d863;
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.addbox .contain-title{
	color:#fff;
}
.addshow{
	position: relative;
	width:100%;
}
.addbox .showgroup{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
	align-items: flex-start;
	position: relative;
	margin-bottom: 20px;
	flex-direction: row;
	flex-wrap: wrap;
}
.addbox .showgroup .left{
	height: auto;
	width: 100%;
}
.addbox .showgroup .left .pic-box{
	width:100%;
	height: 100%;
}
.addbox .showgroup .left .pic-box img{
	height: auto;
}
.addbox .showgroup .right{
	display: flex;
	flex-direction: column;
	height: auto;
	width: 100%;
}
.addbox .showgroup .showbox{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 10px;
	background: #00000099;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.addbox .showgroup .showbox b{
	font-size: 140px;
	position:absolute;
	bottom: -40px;
	right: 0px;
	display:block;
	transform: skewX(340deg);
	font-family: cursive;
	color: #ff575763;
}
.addbox .showgroup .titgroup{
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-left: 10px;
	border-left: 10px #ff5757 solid;
}
.addbox .showgroup .textbox{
	font-size: 14px;
	line-height: 30px;
	margin-top: 10px;
	position: relative;
	z-index: 10;
}
.addbox .showgroup:nth-child(even){
	flex-direction: row-reverse;
	color: #fff;
}
.addbox .showgroup:nth-child(even) .right .showbox{
	/* flex-direction: column; */
	/* text-align: right; */
	/* padding: 50px 30px 50px 80px; */
}
.addbox .showgroup:nth-child(even) .right .showbox .titgroup{
	/* padding-right:10px; */
	/* border-right: 10px #ff5757 solid; */
	/* border-left:none; */
}
.addbox .showgroup:nth-child(even) .right .showbox b{
	/* right:unset; */
}
/* aboutus css*/
.abusbox{
	/* background-image:url(../images/abbg.png); */
}
.abshow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
}
.abshow .left{
	padding: 10px;
	width: 100%;
}
.abshow .left .textbox{
	font-size:14px;
	margin-top:10px;
}
.abshow .tit{
	font-size: 18px;
	font-weight: bold;
}
.abshow .tit span{
	margin: 0 5px;
	color: #e10406;
}
.abshow p.tit:nth-child(2){
	margin-left: 30px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px #e10406 solid;
}
.abshow .more{
	display: block;
	line-height: 30px;
	margin-top: 10px;
	width:120px;
	background:#0060b0;
	color:#fff;
	text-align: center;
	font-size:14px;
	float: right;
}
.abshow .bottombox{
	width: 100%;
	display:flex;
	margin-top: 60px;
	justify-content: space-between;
}
.abshow .bottombox .showbox{
	width:33.33%;
	display:flex;
	font-size: 14px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.abshow .bottombox .showbox .num{
	margin-right: 10px;
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}
.abshow .bottombox .showbox .num span{
	font-size: 27px;
	font-weight:bold;
	color: #e10406;
	margin: 5px;
}
.abshow .right{
	width:100%;
}
.abshow .right .pic-box{
	width: 100%;
	height: 250px;
	margin:0 auto;
	align-items:flex-start
}
.abshow .right .pic-box img{
	height: 100%;
	width:100%;
	object-fit: cover;
}
.grodshow{
	width:100%;
	overflow: hidden;
	margin-top: 15px;
}
.grodshow .showbox{
	position:relative;
}
.grodshow .showbox .pic-box{
	width:100%;
	height: 120px;
}
.grodshow .showbox .pic-box img{
	height:100%;
	width:auto;
}
.grodshow .showbox p{
	width: 50%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: linear-gradient(45deg, #0060b085, #1a82d836);
	position: absolute;
	bottom: 0;
	font-size: 13px;
	letter-spacing: 2px;
	/* display: none; */
	background: #004681ad;
}
/* speshow css */
.spebox{
	color:#fff;
	text-align: center;
	padding-bottom: 50px;
	margin-top: 10px;
	margin-bottom: 50px;
	background-image: url(../images/typebg.jpg);
}
.spebox:before{
	background: linear-gradient(45deg, #00000096, #373737);
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.iconbox{
	position:absolute;
	width: 90%;
	left:0;
	right:0;
	background: #216aa7;
	bottom: -50px;
	margin: auto;
	display: flex;
	padding:0 20px;
	border-radius: 10px;
	flex-direction: row;
	flex-wrap: wrap;
}
.iconbox .showbox{
	width: 24%;
	border-right: 1px #fff;
	height: 90px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	text-align: center;
	flex-direction: column;
}
.iconbox .showbox:hover img{
	transform:rotateY(360deg)
}
.iconbox .showbox .pic-box{
	width: 50px;
	margin-bottom: 5px;
	background: #fff;
	border-radius: 50%;
	padding: 10px;
}
.speshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	position:relative;
	z-index:10;
}
.speshow .tit{
	width:100%;
	font-size: 35px;
	line-height:30px;
	margin-bottom:50px
}
.speshow .tit span{
	opacity:0.6;
	font-size:20px;
}
.speshow .showbox{
	width: 30%;
	margin: 10px 1.5%;
	background-color: #214ecd00;
	color: #000;
	border-radius: 20px;
	line-height: 50px;
	font-size: 14px;
	white-space: nowrap;
	display: flex;
	color:#fff;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	padding: 10px;
}
.speshow .showbox:nth-last-child(1){
	display:none;
}
.speshow .showbox .pic-box{
	width: 45%;
	margin-bottom: 10px;
}
/* caseshow css */
.caseshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap
}
.caseshow .showbox{
	width: 48%;
	position: relative;
	margin-bottom: 15px;
	height: 245px;
}
.caseshow .showbox .pic-box{
	height:100%;
	width:100%;
}
.caseshow .showbox .pic-box img{
	width: 100%;
	min-width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseshow .showbox p{
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background-color: #0060b085;
	bottom: 0;
}
.caseshow .showbox:nth-last-child(1){
	width: 100%;
	margin-bottom: 10px;
	height:250px;
}
.caseshow .showbox:hover img{
	transform:scale(1.2)
}
.casebox .more{
	display: block;
	width: 150px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #216aa7;
	border-radius: 10px;
	margin: 10px auto;
	font-size: 13px;
}
/* news css */
.newsshow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newsshow .showbox{
	width: 48%;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.newsshow .showbox .pic-box{
	height: 120px;
	width:100%;
}
.newsshow .showbox .textbox{
	width:100%;
	padding: 5px;
	background-color: #fff;
	color: #000;
	overflow: hidden;
}
.newsshow .showbox:hover .textbox{
	background-color: #0060b0;
	color:#fff;
}
.newsshow .showbox .textbox .newtit{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	transition: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.newsshow .showbox .textbox .newtit span{
	margin-bottom: 5px;
	font-size: 12px;
	color:#0060b0;
	display: block;
}
.newsshow .showbox:hover .textbox span{
	color:#fff;
}
.newsshow .showbox .textbox .intro{
	font-size: 14px;
	line-height: 22px;
	transition: none;
	max-height: 44px;
	overflow: hidden;
}
.newsbox .more{
	display: block;
	width: 150px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	background-color: #216aa7;
	border-radius: 10px;
	margin: 10px auto;
	font-size: 13px;
}
/* footer */
footer{
	width:100%;
	overflow: hidden;
	color:#fff;
	background: #1d1d1d;
	padding: 30px 0 0px;
}
footer .footer{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	flex-direction: column;
}
footer .footer .left{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
footer .footer .left .contactnum{
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	align-items: flex-end;
	padding-right: 5%;
}
footer .footer .left .contactnum p{
	font-size:16px;
	margin: 10px;
}
.footnav{
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footnav>li{
	width: 33%;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	height: auto;
	margin-bottom: 15px;
}
.footnav>li:nth-last-child(1){
	/* display:none; */
}
.footnav>li:nth-last-child(3){
	display:none;
}
.footnav li a{
	width:100%;
	height: auto;
	display:block;
}
.footnav li .subnav{
	margin-top:10px;
	font-size:14px;
	opacity: 0.7;
	width:100%;
	display: none;
}
.footcontact{
	width: 100%;
	padding-left: 8%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	align-items: flex-start;
}
.footcontact .contacttext{
	width: 100%;
}
.footcontact .pic-box{
	width: 75%;
	margin-bottom: 30px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	display: none;
}
.footcontact p{
	line-height:40px;
	font-size:40px;
	font-size: 14px;
}
.footcontact p span{
	font-weight:700
}
.fewm{
	width: 35%;
	text-align: center;
}
.fewm img{
	width:100%;
}
.finalbox{
	text-align:center;
	padding: 15px 15px;
	color: #fff;
	background:#000;
	font-size: 13px;
}
.finalbox span{
	display:inline-block
}
/* nyabout css */
.nyabout{
	margin-top: 20px;
	padding: 0;
}
.nyabout h1,
.nyabout h2{
	font-size: 25px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.nyabdetail{
	margin-bottom: 50px;
	border: 2px #0060b0 solid;
	padding-top: 15px;
	border-bottom: none;
	border-radius: 10px;
}
.nyabdetail .textbox{
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}
.nyabdetail .numbox{
	width: 100%;
	background-image:url(../images/typebg.jpg);
	position: relative;
	height: 100px;
	display: flex;
	justify-content: space-around;
	background-position: center;
	margin-top: 15px;
}

.nyabdetail .numbox:before{
	background: linear-gradient(45deg, #00000080, #0060b069);
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.nyabdetail .numbox .showbox{
	width: 32%;
	font-size: 12px;
	color: #fff;
	background: #0060b0;
	position: relative;
	top: 45px;
	height: 80px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
}
.nyabdetail .numbox .top{
	width: 100%;
	text-align: center;
	font-size: 12px;
}
.nyabdetail .numbox .top b{
	font-size: 27px;
}
.nyabdetail .numbox .bottom{
	font-size: 14px;
	text-align: center;
}
.nycomshow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
.nycomshow .showbox{
	width: 49%;
	margin: 5px 0;
	height: auto;
	position: relative;
	overflow: hidden;
}
.nycomshow .showbox:nth-last-child(1){
	display:none;
}
.nycomshow .showbox:hover img{
	transform:scale(1.2)
}
.nycomshow .showbox p{
	font-size: 14px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 5px;
}
.abhonorbox{
	margin-top:40px;
}
.abhonorshow{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.abhonorshow .showbox{
	width: 48%;
	height:auto;
	margin: 5px 0;
}
.abhonorshow .showbox p{
	width:100%;
	text-align:center;
	margin-top: 5px;
	font-size: 14px;
}
/* sjln css */
.nysjln .ttit{
	width:100%;
	font-size: 25px;
	text-align: center;
	margin: 15px 0;
	font-weight: bold;
}
.sjcontain{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	padding: 0;
}
.sjcontain .showbox{
	width: 100%;
	position:relative;
	height: auto;
	margin-bottom: 10px;
}
.sjcontain .showbox .pic-box{
	height:100%;
	width:100%
}
.sjcontain .showbox .textbox{
	position:absolute;
	top:0;
	left:0;
	background: radial-gradient(#00000094, #0060b0a6);
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	font-size: 14px;
	padding: 10px;
}
.sjcontain .showbox .textbox .tit{
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 10px;
}
.sjcontain .showbox .textbox .intro{
	line-height: 25px;
	text-align:center;
}
.cpxjcontain{
	padding: 20px 0;
	position:relative;
	margin-top: 20px;
}
.cpxjcontain:before{
	background:#1a82d863;
	width:100%;
	height:100%;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.cpxjcontain .ttit{
	color:#fff;
	font-weight:bold;
	position:relative
}
.cpxjshow{
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:10;
	flex-wrap: wrap;
}

.cpxjshow .showbox{
	width: 48%;
	background:#fff;
	padding: 10px;
	margin-bottom: 10px;
}
.cpxjshow .showbox:nth-last-child(1){
	width:100%;
}
.cpxjshow .showbox:nth-last-child(1) .pic-box{
	width:20%
}
.cpxjshow .showbox .pic-box{
	width: 35%;
	margin:0 auto
}
.cpxjshow .showbox .tit{
	text-align:center;
	font-size: 18px;
	color:#0060b0;
	font-weight:bold;
	margin-bottom: 10px;
}
.cpxjshow .showbox .intro{
	text-align:center;
	font-size: 14px;
}
.hxshow{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}
.hxshow .showbox{
	width: 48%;
	margin: 1%;
	background:#0060b0;
	color:#fff;
	position:relative;
	overflow:hidden;
	padding: 10px;
}

.hxshow .showbox .pic-box{
	width: 50px;
	margin:0 auto;
	margin-bottom: 10px;
}
.hxshow .showbox p{
	text-align:center;
	font-size: 15px;
	position:relative;
}
.hxshow .showbox b{
	position:absolute;
	bottom: -30px;
	font-size: 80px;
	transform:skewX(-20deg);
	right:0;
	color: #ffffff2e;
}
/*mobile*/

.m-head{
    display: flex;
    position:fixed;
    height: 65px;
    background: linear-gradient(-45deg,#0060b0,#004b89);
    width: 100%;
    padding: 5px 20px;
    justify-content: space-between;
    align-items: center;
    z-index:999;
    top: 0;
}

.m-head .m-logo{
	width: 80%;
	height: 100%;
	background: linear-gradient(49deg,#fff,#fff, #b5b5b585,#fff,#fff,#fff,#fff,#b5b5b585,#fff,#fff);
	border-radius: 5px;
	padding: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m-head .m-logo .text-box{
	margin-left:5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.m-head .m-logo .text-box p:nth-child(1){
	color: #ffffff;
	font-size:24px;
	text-align: center;
	letter-spacing:5px;
	text-shadow: 2px 2px 3px #000000;
}
.m-head .m-logo .text-box p:nth-child(2){
	font-weight:bold;
	font-size:10px;
}
.m-head .m-logo img{
	height: auto;
	width: 70%;
	object-fit: cover;
}


.m-head .list-button{
	width:30px;
	height: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.m-head .list-button .line{
	width:100%;
	height:2px;
	background: #fff;
	margin: 3px 0;
}
.m-top-menu{
	position:fixed!important;
	background: #004b896b;
	height:100%;
	width:100%;
	padding-top:60px;
	left:0;
	top:0;
	z-index:999;
	display: none;
}
.m-top-menu .left{
	position:absolute;
	top:0;
	height: 100%;
	width:60%;
	left:0;
}

.m-top-menu>ul{
	width:40%;
	height:100%;
	background: linear-gradient(-45deg,#0060b0,#004b89);
	color: #fff;
	text-align: center;
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	position: absolute;
	right: -40%;
}
.m-top-menu>ul a{
	color: #fff;
}

.m-top-menu>ul>li{
	width:100%;
	height: auto;
	margin: 10px;
}


.m-top-menu>ul>li>ul{
	display:none;
}

.m-top-menu>ul>li:hover ul{
	display: block;
}

.m-top-menu>ul>li>ul{
	margin-top:15px;
	margin-bottom: 30px;
}
.m-top-menu>ul>li>ul>a{
	display:block;
	margin: 15px 0;
	color: #858585;
}

/* header css end */

/* m-footer css */
.m-footbut{
	width:100%;
	height:60px;
}

.m-footbut .navwrapper{
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	background: linear-gradient(-45deg,#0060b0,#004b89);
	display:flex;
	justify-content:space-between;
	z-index: 9999;
	padding: 4px 0px;
	border-top: 1px #ffffff2e solid;
}

.m-footbut .navwrapper .navbox{
	width:32%;
	display:flex;
	flex-direction: column;
	color: #fff;
	align-items: center;
	justify-content: space-between;
	border-right: 1px #ffffff57 solid;
	font-size: 14px;
}
.m-footbut .navwrapper .navbox:nth-child(4){
	border:none;
}
.m-footbut .navwrapper .navbox .pic-box{
	width: auto;
	height: 28px;
	margin-bottom: 3px;
}
.m-footbut .navwrapper .navbox .pic-box img{
	height:100%;
	width:auto;
}