body,p,ul,li,div{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;color:inherit;}
:root{
  --main-text-size: 18px;
  --main-line-height:2;
  --main-font-family: 'Microsoft YaHei';
}
/** font-size:var(--main-text-size); line-height:var(--main-line-height);font-family:var(--main-font-family); **/
.bg-main{background:#f4f4f6;}
.bg-white{background:#ffffff;}

.ft-white{color:#fff;}
.ft-dark{color:#999;}
.ft-black{color:#000;}

.dflex{display: flex; align-items: center;}
.dflex-s{display: flex; align-items: flex-start;}
.dflex-e{display: flex; justify-content: flex-end; align-items: baseline;}
.dflex-es{display: flex; justify-content: flex-end; align-items: flex-start;}
.dflex-c{display: flex; justify-content: center; align-items: center;}
.dflex-a{display: flex; justify-content: space-around; align-items: center;}
.dflex-b{display: flex; justify-content: space-between; align-items: center;}
.dflex-flow-c{flex-flow: column;}
.dflex-wrap-w{-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex1{flex: 1;}

.fixed{position: fixed;z-index: 1;}
.pos-r{position: relative;}
.pos-f{position: fixed;z-index: 1;}
.pos-a{position: absolute;}
.pos-t-c { top: 50%; transform: translateY(-50%); }
.pos-l-c { left: 50%; transform: translateX(-50%); }
.pos-tl-c { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pos-top {top: 0}
.pos-right {right: 0}
.pos-bottom {bottom: 0}
.pos-left {left: 0}
.pos-full{top:0; right: 0; bottom: 0; left: 0;}
.pos-t-full {top:0;left:0;right:0;}
.pos-b-full {bottom: 0;left: 0;right: 0;}
.z-index2{z-index:2;}

.border-radius-big{border-radius: 50px;}
.border-radius-lg{border-radius: 25px;}
.border-radius{border-radius: 10px;}
.border-radius-xs{border-radius: 3px;}
.border-radius-sm{border-radius: 5px;}
.border-radius-c{border-radius: 50%;}
.border-radius-top {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.border-radius-top30 {border-top-left-radius: 15px; border-top-right-radius: 15px;}
.border-radius-left{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.border-radius-left50{border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.border-radius-right{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.border-radius-right50{border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.border-radius-br-xs {border-bottom-right-radius: 5px;}

.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}

.w-main{width:1400px;}
.w-1600{width:1600px;}
.wh-100{width:100vw;height:100vh;}
.wh-full{width: 100%;height: 100%;}
.h-full{height: 100%;}
.w-full{width: 100%;}
.wpre-20 {width: 20%;}
.wpre-30 {width: 30%;}
.wpre-50 {width: 50%;}
.wpre-100 {width: 100%;}

.
.fs-sm { font-size: 14px; }
.fs { font-size: 16px; }
.fs-xl { font-size: 18px; }
.fs-xxl { font-size: 20px; }
.fs-xxxl { font-size: 22px; }

.padding-0{padding: 0;}
.padding-xs{padding: 5px;}
.padding-sm{padding: 10px;}
.padding{padding: 15px;}
.padding-lg{padding: 20px;}
.padding-xl{padding: 25px;}
.padding-xxl{padding: 35px;}
.padding-xxxl{padding: 45px;}
.padding-top-xs{padding-top: 5px;}
.padding-top-sm{padding-top: 10px;}
.padding-top{padding-top: 15px;}
.padding-top-lg{padding-top: 20px;}
.padding-top-xl{padding-top: 25px;}
.padding-top-big{padding-top: 100px;}
.padding-right-xs{padding-right: 5px;}
.padding-right-sm{padding-right: 10px;}
.padding-right{padding-right: 15px;}
.padding-right-lg{padding-right: 20px;}
.padding-right-xl{padding-right: 25px;}
.padding-right-0{padding-right: 0;}
.padding-bottom-xs{padding-bottom: 5px;}
.padding-bottom-sm{padding-bottom: 10px;}
.padding-bottom{padding-bottom: 15px;}
.padding-bottom-lg{padding-bottom: 20px;}
.padding-bottom-xl{padding-bottom: 25px;}
.padding-bottom-big{padding-bottom: 50px;}
.padding-left-xs{padding-left: 5px;}
.padding-left-sm{padding-left: 10px;}
.padding-left{padding-left: 15px;}
.padding-left-xl{padding-left: 20px;}
.padding-left-xxl{padding-left: 25px;}
.padding-left-xxxl{padding-left: 30px;}
.padding-left-lg{padding-left: 40px;}

.padding-lr-xs{padding-left: 5px;padding-right: 5px;}.padding-lr-sm{padding-left: 10px;padding-right: 10px;}.padding-lr{padding-left: 15px;padding-right: 15px;}.padding-lr-lg{padding-left: 20px;padding-right: 20px;}.padding-lr-xl{padding-left: 25px;padding-right: 25px;}
.padding-lr-16{padding-left: 12px;padding-right: 12px;}
.padding-tb-xxs{padding-top: 3px;padding-bottom: 3px;}.padding-tb-xs{padding-top: 5px;padding-bottom: 5px;}.padding-tb-sm{padding-top: 10px;padding-bottom: 10px;}.padding-tb{padding-top: 15px;padding-bottom: 15px;}.padding-tb-lg{padding-top: 20px;padding-bottom: 20px;}.padding-tb-xl{padding-top: 25px;padding-bottom: 25px;}

.margin-center{margin:0 auto;}
.ml-10{margin-left: 10px;}
.margin-left-100{margin-left:100px;}
.margin-right-100{margin-right:100px;}

.top-nav{height:100px;}
.top-nav .navs a{
	 margin-left:25px;
	 margin-right:25px;
	 text-decoration:none;
	 /*color:#fff;*/
		font-weight:bold;
	 display:block;height:100%;line-height:100%;display:flex;align-items:center;
	 font-size: 18px;
    font-family: 'Microsoft YaHei';
}
.top-nav .navs a.cur {color:#e6212a;}
.top-nav .navs a.cur::after{
	content:'';display:inline-block;width:40px;height:3px;
	position:absolute;left:50%;bottom:0;transform:translateX(-50%);
	background:#e6212a;
}
.top-nav .search{
	border:1px solid #fff;border-radius:100px;
	height:40px;padding-left:5px;
}
.top-nav .search input{background:none;border:0;outline:0;height:40px;line-height:40px;width:135px;color:#fff;}
.navs-menu:hover {
	background:#e6212a;
	color:#fff !important;
}
.top-nav .navs .navs-menu:hover .cur {

	color:#fff;
}
.navs-menu:hover a{
   color:#fff;
}
.top-nav .navs .navs-menu:hover a.cur {
  color: #fff;
}
.navs-menu:hover  .child-navs{
	display:block;
}
.navs-menu .child-navs{display:none;
	background:#e6212a;left:0;right:0;top:100px;padding-bottom: 20px; z-index: 2; color:#fff;
}
.navs-menu .child-navs a{color:#fff;display:block;padding:10px 0;margin:0;font-size:14px;text-align:center;}
.navs-menu .child-navs a:hover{background:#fff;color:#e6212a;}
.footer{border-top:6px solid #e6212a;background:url(../images/footer-bg.png) center 100px no-repeat #272727;background-size:90% auto;}
.footer .menus{padding-top:75px;padding-bottom:85px;}
.footer .menus .title{}
.footer .menus .lists{
	padding-top:15px;
	display:flex;align-items:center;
}
.footer .menus .lists::before{
	content:'';display:inline-block;
	width:10px; height:2px;background:#5f5f5f;
	margin-right:15px;
}

.footer .menus .lists a{
	color: #fff !important;
}
.footer .copyright{border-top:2px solid #353535;padding-top:25px;padding-bottom:25px;}
.m-show{display:none;}
.pointer{cursor:pointer;}
@media screen and (max-width: 1600px) {
    .w-main{width:1200px;}
	.w-1600{width:1200px;}
}

@media screen and (max-width: 750px) {
	.m-show{display:inherit;}
	.m-hide{display:none;}
	.m-collapse{width:0px;overflow:hidden;}
	.fs{font-size:1em;}
    .w-main{width:100vw;box-sizing: border-box;}
	.w-1600{width:100vw;}
	.top-nav{
		height:50px;padding:0 10px;
	}
	.top-nav .logo{
		flex:1;
	}
	.top-nav .logo img{
		height:35px;
	}
	.navs-mask{
		width:100vw;height:100vh;position:absolute;z-index:3;background:rgba(0,0,0,0.5);left:0;top:0;overflow:hidden;display:none;
	}
	.navs-mask .navs-box{
		width:50vw;height:100vh;transform:translateX(200%);background:#272727;padding:1rem;box-sizing: border-box;transition: transform 500ms ;
	}
	.navs-mask .navs-box-show{
		 transform:translateX(100%);
	}
	.navs-mask .navs a{
		margin:0;
	}
	.navs-mask .switch-lang a{
		color:#999;
	}
	.navs-mask .switch-lang a.cur{
		color:#fff;
	}
	.navs-mask .navs-lists a{color:#fff;
		display:block;padding:10px;margin:0;display:flex;align-items:center;
	}
	.navs-mask .navs-lists a.cur{color:#e6212a;
	}
	.navs-mask .navs-lists a.cur::before{
		content:'';display:inline-block;width:10px;height:3px;margin-right:10px;

		background:#e6212a;
	}
	.navs-mask .search-box{ display:flex;justify-content:center;}
	.navs-mask .search{height:30px;margin:20px 0;border:1px solid #fff;border-radius:100px;
	 padding-left:5px;}
	.navs-mask .search input{width:100px;background:none;border:0;outline:0;height:30px;line-height:30px; color:#fff;}
	.top-nav .menu-handle{padding:0 20px;}

	.footer .copyright{border-top:0;font-size:0.75rem;}
}