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

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

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

.contain-wrapper{
	width:100%;
	overflow: hidden;
}
.contain-box{
	width:100%;
	padding: 30px 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
}
.main-box{
	width: 100%;
	margin: 0 auto;
}
.contain-title{
	position: relative;
	display: flex;
	padding-left: 0px;
	height: 60px;
	align-items: flex-end;
	width: 100%;
}
.contain-title .tit{
	font-size: 25px;
	font-weight: bold;
	width: 180px;
	position: relative;
	z-index: 1;
}
.contain-title b{
	position: absolute;
	left: 0;
	top: 1px;
	opacity: 0.3!important;
	font-size: 25px;
	display: flex;
	align-items: flex-end;
	color: #0006;
}
.contain-title span{
	font-size: 80px;
	color: #0074bfab;
	line-height: 40px;
}
.contain-title .subtit{
	font-size: 12px;
	padding-top: 20px;
	width: auto;
}
.contain-title .subtit p{
	position: relative;
}
.contain-title .subtit p:nth-child(1){
	display:none;
}
.contain-title .subtit p:nth-child(2){
	display:block;
}
.contain-title .subtit .line{
	width: 100px;
	height: 3px;
	/* background: #d10e1461; */
	/* margin: 10px 0 10px 0; */
}
@media screen and (max-width:1600px){
	.box-width{
		width: 95%;
		margin:0 auto;
	}
	.main-box{
		width: 95%;
		margin: 0 auto;
	}
}
/* public css end */
/* header css */
header{
	width: 100%;
	height: 60px;
}
.tophead{
	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: flex;
	justify-content: space-between;
	height: 80px;
	line-height: 80px;
	font-size: 15px;
	color: #000;
	display: none;
}
.head .toplogo{
	height: 100%;
	width: auto;
	display: flex;
	align-items: center;
	padding: 5px;
}
.head .toplogo .pic-box{
	height: 100%;
}
.head .toplogo img{
	height: 100%;
	width: auto;
}
.head .toplogo p{
	margin-left: 30px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 3px;
	position:relative;
	padding: 5px 0;
}
.head .toplogo p:before{
	position:absolute;
	background:#d10e14;
	height:3px;
	width:200px;
	content:'';
	top: 39px;
	left:0;
	right:0;
}
.head .toplogo p span{
	font-size: 28px;
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(92deg,#204C93,#6595e2,#2b6cd5);
}
.topnav{
	height:100%;
	font-size: 16px;
	display: flex;
}
.topnav>li{
	padding: 0 20px;
	position:relative;
}
@media screen and (max-width:1400px){
	.topnav>li{
		padding:0 10px;
	}
}
.topnav li a{
	display:block;
	height:100%;
	width:100%;
	transition:none;
}
.topnav>li:hover,
.topnav>li.active{
	color: #000;
}
.topnav li:before{
	position:absolute;
	top:50%;
	width:70%;
	height:4px;
	background:#0060b0;
	content:'';
	bottom:0;
	margin:auto auto;
	left:0;
	right:0;
	transform:scaleX(0);
	transition:0.2s linear;
	display:block
}
.topnav>li.active:before,
.topnav>li:hover:before{
	transform:scaleX(1);
}
.topnav .subnav{
	display: none;
	position:absolute;
	left:0;
	top: 80px;
	z-index:10;
	line-height: 50px;
	background: #0060b0;
	color:#fff;
	font-size:14px;
	width:100%;
	text-align: center;
}
.topnav>li:hover .subnav{
	display:block;
}
/* banner css */
.banner{
	width: 100%;
	overflow: hidden;
	position:relative;
}
.banner .pic-box{
	width: 100%;
	height: 100%;
}
.banner .pic-box img{
}

/* addshow */
.addbox{
	margin-bottom:50px;
	overflow: hidden;
	background: none;
}
.addbox::before{
	width: 100%;
	height: 400px;
	background: linear-gradient(107deg, #085b9c, #157acd);
	position: absolute;
	top: 0;
	left:0;
	content:'';
	background-image: url(../images/adbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -600px;
	position: fixed;
	z-index: -1;
}
.addbox b{
	color: #20a7ffa6;
}
.addbox b span{
	color: #20a7ff;
}
.addbox .contain-title{
	/* color:#fff; */
}
.addshow{
	width: 100%;
	height: auto;
	padding: 15px 10px 0px;
	position: relative;
	z-index: 10;
	background: #fff;
	margin-top: 20px;
	box-shadow: 0px 10px 20px #00000070;
	border-radius: 20px;
}
.showscreen{
	width:100%;
	overflow: hidden;
}
.showscreen .swiper-slide{
	overflow:hidden!important;
	padding: 0 2px;
}
.addshow .showscreen .showbox{
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
	flex-wrap: wrap;
}
.addshow .showscreen .showbox .left{
	width: 100%;
}
.addshow .showscreen .showbox .tnum{
	background: #0060b0;
	color: #fff;
	font-size: 30px;
	padding: 10px 0;
	border-radius: 5px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	width: 50px;
	text-align: center;
	margin-left: 10px;
}
.addshow .showscreen .showbox .tit{
	font-weight: bold;
	font-size: 22px;
	margin-top: 20px;
}
.addshow .showscreen .showbox .line{
	width: 100px;
	height: 3px;
	background: #d10e14;
	margin: 5px 0;
	margin-left: 0px;
}
.addshow .showscreen .showbox .intro{
	font-size: 15px;
	line-height: 30px;
	padding-right: 10%;
	padding-bottom: 30px;
	min-height: 150px;
}
.addshow .showscreen .showbox .right{width: 100%;padding-bottom: 30px;}
.addshow .showscreen .showbox .right .pic-box{
	width: 95%;
	height: 250px;
	box-shadow: 15px 15px 0px #d10e14ba;
}
.addshow .showscreen .showbox .right .pic-box img{
	height:100%;
	width:auto;
}
.addshow .showscreen .fnum{
	position: absolute;
	top: 45%;
	right: 10%;
	margin: auto;
	background: #d10e14;
	color: #fff;
	height: 80px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 100px;
}
.addshow .showscreen .fnum .top{
	font-size: 14px;
}
.addshow .showscreen .fnum span{
	font-weight: bold;
	font-size: 35px;
}
.addshow .showscreen .fnum .bottom{
	font-size: 12px;
	text-align: center;
}
.addshow .addpagin{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 80%;
}
.addshow .addpagin .showbox{
	width: 100%;
	height: 80px;
	padding: 5px;
	background: linear-gradient(107deg, #085b9c, #157acd);
	text-align: center;
	color: #fff;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	white-space: nowrap;
}
.addshow .addpagin .swiper-slide-thumb-active .showbox{
	background: #d10e14;
}
.addshow .addpagin .showbox .pic-box{
	width: 40px;
	margin-bottom: 10px;
}
/* product css */
.propagin{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: center;
	flex-wrap: wrap;
}
.paginshow{
	width: 100%;
	margin-top: 15px;
}
.paginshow .swiper-wrapper{
	flex-wrap:wrap;
	justify-content:space-between;
}
.paginshow .swiper-slide{
	width:30%!important;
	margin:0!important;
}
.paginshow .swiper-slide:nth-child(n+4){
	width:23%!important;
}
.paginshow p{
	font-size: 13px;
	height: 35px;
	margin-bottom:10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 5px #0006;
	border-radius: 5px;
}
.paginshow .swiper-slide-thumb-active p{
	background:#d10e14;
	color: #fff;
}
.proscreen{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
.proscreen .showbox .ptop{
	display: flex;
	flex-wrap: wrap;
}
.proscreen .showbox .ptop .left{
	padding:10px;
	background: #0074bf33;
}
.proscreen .showbox .ptop .left .pic-box{
	width: 100%;
}
.proscreen .showbox .ptop	.right{
	padding: 15px 0px 0 10px;
	position: relative;
}
.proscreen .showbox .ptop .tit{
	font-size: 20px;
}
.proscreen .showbox .ptop .intro{
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
}
.proscreen .showbox .ptop .more{
	width: 120px;
	background-color:#d10e14;
	color:#fff;
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	float: right;
}
.pbottom{
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	display: none;
}
.pbottom .itembox{
	width: 24%;
	position: relative;
	margin-right: 1%;
}
.pbottom .itembox .pic-box{
	width: 100%;
	height: 250px;
	border: 1px #d6d4d4 solid;
}
.pbottom .itembox p{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	background: #0074bfb0;
	bottom: 0;
	width: 100%;
	color: #fff;
}
/* culture css */
.culbox{
	background-image: url(../images/culbg.jpg);
	background-position: right;
	padding-top: 50px;
}
.culshow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.culshow .contain-title b{
	color:#fff6
}
.culshow .contain-title{color: #fff;}
.culshow .top{
	width: 100%;
	position: relative;
}
.culshow .top .culscreen{
	width:100%;
	overflow:hidden;
	margin-top: 15px;
}
.culshow .culscreen .showbox{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.culshow .culscreen .showbox .pic-box{
	height:230px;
}
.culshow .culscreen .showbox .textbox{
	padding: 10px 0 0;
	width: 100%;
}
.culshow .culscreen .showbox .tit{
	font-size: 25px;
	margin-top: 10px;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	padding-left: 20px;
}
.culshow .culscreen .showbox  .line{
	margin: 10px 0 10px 20px;
	height: 3px;
	width: 100px;
	background: #0074bfab;
}
.culshow .culscreen .showbox .intro{
	font-size: 15px;
	line-height: 30px;
	color: #fff;
}
.culshow .proscreen .right .pic-box{
	height: 500px;
	width: 100%;
}
.culshow .bottombox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	background: #ffffffbf;
	margin-top: 20px;
}
.culshow .bottombox .swiper-slide{
	width: 33.33%!important;
}
.culshow .bottombox .showbox{
	width: 100%;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	position: relative;
}
.culshow .bottombox .showbox .left{
	position:relative;
	z-index:10;
	width: 100%;
}
.culshow .bottombox .showbox .right{
	position:absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	display: none;
}
.culshow .bottombox .showbox .right .pic-box{
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
}
.culshow .bottombox .showbox .right img{
	height:100%;
	width:auto;
}
.culshow .bottombox .left{
	font-size: 14px;
	width: 60px;
	text-align: center;
}
.culshow .bottombox .left .pic-box{
	width: 60px;
	margin: 0 auto;
}
.culshow .bottombox .left .pic-box img:nth-child(2){
	display:none;
}
.culshow .bottombox .swiper-slide-thumb-active .left .pic-box img:nth-child(2){
	display:block;
}
.culshow .bottombox .swiper-slide-thumb-active .left .pic-box img:nth-child(1){
	display:none;
}
.culshow .bottombox .swiper-slide-thumb-active .left{
	color:#d10e14;
}
/* honor css */
.honorbox .topgroup{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.honorbox .topgroup .textbox{
	display: flex;
	align-items: flex-end;
	flex-direction: column-reverse;
}
.honorbox .topgroup .textbox p{
	font-size: 16px;
	text-align: right;
	line-height: 35px;
	letter-spacing: 1px;
}
.honorbox .topgroup .textbox a{
	border:1px #d10e14 solid;
	padding: 0 40px;
	line-height: 30px;
	border-radius: 10px;
	margin-top: 10px;
	color: #fff;
	background: #d10e14;
	margin-right: 60px;
}
.honorshow{
	width: 100%;
	margin-top: 60px;
	display: flex;
	justify-content: flex-start;
}
.honorshow .showbox{
	width: 18%;
	margin:0 1%;
}
/* case show */
.caseshow{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	justify-content: space-between;
}
.caseshow .showbox{
	width: 48%;
	position:relative;
	margin-top: 15px;
}
.caseshow .showbox:hover img{
	transform:scale(1.2)
}
.caseshow .showbox .pic-box{
	height: 150px;
	width: 100%;
}
.caseshow .showbox .pic-box img{
	height:100%;
	width:auto;
	min-width:100%;
	min-height:100%;
}
.caseshow .showbox p{
	font-size: 13px;
	width: 100%;
	text-align: center;
	background: #0074bf85;
	color:#fff;
	line-height: 30px;
	position:absolute;
	bottom:0;
}
/* abusbox css */
.abusbox{
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.abusbox .left{
	width: 100%;
}
.abusbox .left .pic-box{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.abusbox .left p{
	line-height: 25px;
	font-size: 14px;
}
.abusbox .left a{
	display: inline-block;
	text-align: center;
	padding: 5px 40px;
	font-size: 14px;
	margin-top: 30px;
	border-radius: 5px;
	color: #fff;
	background-color: #204C93;
}
.abusbox .left a:hover{
	background: #d10e14;
}
.abusbox .right{
	width: 100%;
	display: flex;
	align-items: flex-end;
	display: none;
}
.abusbox .right b{
	position:absolute;
	display: inline-block;
	text-align: right;
	width: 450px;
	right:0;
	top:100px;
	font-size: 80px;
	line-height: 50px;
	color: #000000;
	opacity: 0.1;
	letter-spacing: 16px;
}
.abusbox .right span{
	font-size: 28px;
	letter-spacing:0;
}
.abusbox .right .pic-box{
	width: 100%;
	height: 500px;
}
.abusbox .right .pic-box img{
	height:100%;
	width:auto:
}
.containtitle{
	font-size: 25px;
	margin: 10px 0;
	color: #204C93;
	text-align: center;
}
.containtitle .line{
	height: 2px;
	width: 130px;
	background-color: #204C93;
	margin: 5px auto;
}
.containtitle h1{
	font-size: 25px;
}

.containtitle h1 span{
	color: #d10e14;
}

.containtitle h2{
	font-size: 16px;
}
/* abusbox css end*/

/* news css */
.newbox{
	margin: 0px auto;
}
.newbox .newsshow{
	display: flex;
	margin-top: 10px;
	justify-content: space-between;
}
.newbox .newsshow .left{
	width: 48%;
	display: flex;
	flex-direction: column;
	display: none;
}
.newbox .newsshow .left .showbox {
	width: 100%;
	/* height: 235px; */
	display: flex;
	border: 1px #ccc solid;
	margin: 20px 0;
}
.newbox .newsshow .left .pic-box{
	width: 45%;
	height: 100%;
}

.newbox .newsshow .left .text-box{
	width: 55%;
	padding: 10px 20px;
	position: relative;
}
.newbox .newsshow .left .text-box .arttitle{
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}

.newbox .newsshow .left .text-box p{
	line-height: 30px;
	font-size: 16px;
	color: #808080;
}

.newbox .newsshow .left .text-box .more{
	width: 50px;
	height: 50px;
	background-color: #eee;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
	left: 20px;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
}
.newbox .newsshow .left .showbox:hover .text-box .more{
	background: #204C93;
	color: #fff;
	transform: rotate(360deg);
}
.newbox .newsshow .left .text-box .data{
	position: absolute;
	bottom: 15px;
	right: 20px;
	font-size: 16px;
	color: #808080;
}

.newbox .newsshow .right{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px 0 0;
}

.newbox .newsshow .right .showbox{
	width: 100%;
	border-bottom: 1px #e0dede solid;
	box-shadow: 0 0 10px #ccc;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.newbox .newsshow .right .showbox .up{
	height: 100%;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 100;
}

.newbox .newsshow .right .showbox .down{
	position: absolute;
	left: -100%;
	top: 0;
	background-color: #204C93;
	height: 100%;
	width: 100%;
}
.newbox .newsshow .right .showbox:hover .down{
	left:0;
}
.newbox .newsshow .right .showbox .data{
	width: 20%;
	padding-right: 0px;
	border-right: 1px #b2b2b2 solid;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.newbox .newsshow .right .showbox .data b{
	color: #333;
	font-size: 25px;
}
.newbox .newsshow .right .showbox:hover .data b{
	color: #fff;
}
.newbox .newsshow .right .showbox .data span{
	color: #878787;
	font-size: 13px;
	margin-top: 5px;
}

.newbox .newsshow .right .showbox .text-box{
	padding-left: 20px;
	width: 80%;
}

.newbox .newsshow .right .showbox .text-box .arttitle{
	font-size: 16px;
	color: #333;
}


.newbox .newsshow .right .showbox:hover .text-box .arttitle{
	color: #fff;
}
.newbox .newsshow .right .showbox .text-box p{
	font-size: 14px;
	color: #878787;
	margin-top: 5px;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
}
.newbox .newsshow .right .showbox:hover .text-box p{
	color:#ffffff9e;
}
/* news css end */
/* footer css */
footer{
	width: 100%;
	border-top: 1px #085b9c solid;
	background-image: linear-gradient(107deg, #085b9c, #145f9e);
	overflow: hidden;
}
.footer{
	/* padding-top: 20px; */
	color: #fff;
}
.footer>div{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.footer .group1{
	font-size: 16px;
	margin-bottom: 10px;
}
.footer .group1 .flogo .pic-box{
	width: 50%;
	background: radial-gradient(#fff, #ffffff61);
	padding: 5px 50px;
	border-radius: 10px;
	margin: 0 auto;
	display: none;
}
.footer .group1 .fcont{
	/* margin-right:50px; */
	margin-top: 20px;
}
.footer .group1 .fcont>p:nth-child(2){
	margin-top: 5px;
}
.footnav{
	display: flex;
	text-align: center;
	width: 100%;
	justify-content: flex-start;
	border-left: 1px #ffffff52 solid;
	border-right: 1px #ffffff52 solid;
	flex-wrap: wrap;
	display: none;
}
.footnav>li{
	font-size: 14px;
	width: 30%;
	margin: 10px 0;
}
.footnav .subnav{
	width: 100%;
	margin-top: 15px;
	display: none;
}
.footnav .subnav>li{
	font-size: 13px;
	opacity: 0.7;
	margin-bottom: 10px;
}
.footer .fcont{
	display:flex;
	font-size: 15px;
	align-items: flex-start;
	padding: 0 20px;
	flex-direction: column;
}
.footer .fcont .textbox{
	line-height: 25px;
	margin-right: 0px;
	text-align: left;
}
.footer .fcont .ewm{
	display: flex;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}
.footer .fcont .ewm p{
	margin-top: 5px;
}
.footer .fcont .ewm .pic-box{
	width: 100px;
	flex-direction: column;
}
.footer .group3{
	border-top: 1px #ffffffbf solid;
	opacity: 0.7;
	padding: 10px 0;
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
}
.footer .group3 span{
	display:inline-block
}
.m-head{
	    display: flex;
	    position:fixed;
	    height:60px;
	    background: linear-gradient(107deg, #085b9c, #157acd);
	    width: 100%;
	    padding: 5px 20px;
	    justify-content: space-between;
	    align-items: center;
	    z-index:999;
	    top: 0;
	}
	
	.m-head .m-logo{
		width: 130px;
		height: 100%;
		border-radius: 5px;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(49deg,#fff,#fff, #b5b5b594,#fff,#fff,#fff,#fff,#b5b5b585,#fff,#fff);
	}
	.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: 0px;
		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: 100%;
		width: auto;
	}
	
	
	.m-head .list-button{
		height: 80%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.m-head .list-button .mlangchange{
		width:30px;
		height:100%;
		position:relative;
		margin-right: 20px;
		line-height: 40px;
	}
	.m-head .list-button .mlangchange .pic-box{
		height:100%;
	}
	.m-head .list-button .mlangchange .showbox{
		display:none;
		transition: unset;
		width: 300%;
		height: auto;
		position: absolute;
		background: linear-gradient(107deg, #085b9c, #157acd);
		font-size: 20px;
		color: #fff;
		text-align: center;
		right: -100%;
		line-height: 40px;
	}
	.m-head .list-button .mlangchange .showbox a{
		display:inline-block;
		width:100%;
		border-top: 1px #ffffff52 solid;
	}
	.m-head .list-button .linebox{
		display:flex;
		width:30px;
		height:100%;
		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: #3e8fc038;
		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: 100%;
		left:0;
	}
	
	.m-top-menu>ul{
		width:40%;
		height:100%;
		background: linear-gradient(107deg, #085b9c, #157acd);
		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;
	}
	/* 底部样式 */
/* m-footer css */
.m-footbut{
	width:100%;
	height:60px;
}

.m-footbut .navwrapper{
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	background:linear-gradient(107deg, #085b9c, #157acd);
	display:flex;
	justify-content:space-between;
	z-index: 9999;
	padding: 2px 10px;
	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: 30%;
	margin: 5px 0px;
}