@charset "UTF-8";
/* @font-face {
	font-family: "hmsc";
	src:url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "hmsc_b";
	src:url("../fonts/HarmonyOS_Sans_SC_Black.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "hmsc_bold";
	src:url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
} */
button{border:none}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.anchorBL,.BMap_cpyCtrl,.anchorBL{display: none !important;opacity: 0 !important;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
body,html{
  scroll-behavior: smooth;
}
html{
  scroll-padding-top: 80px;
}
body {
	color: #333;font-size: 14px;
	font-family: "Microsoft YaHei", '微软雅黑',"黑体";
	/* font-family: "PingFang", "PingFang SC", "hmsc", "Microsoft YaHei", '微软雅黑',"黑体", "宋体", sans-serif; */
}
td, th, caption {
	font-size: 14px;
}
h1 {
	font-size: 20px
}
h2 {
	font-size: 18px
}
h3 {
	font-size: 16px
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
  object-fit: cover
}

.login_body .bg img.pc_show.aos-init.aos-animate{ margin-top: -100px;min-height: 60vh; }

ol, ul, li {
	list-style: none;
}
input, textarea, select, button {
	font: 14px "Microsoft YaHei", '微软雅黑',"黑体","PingFang", "PingFang SC", "syht", "宋体", sans-serif;
	outline: none;
	-moz-appearance:textfield !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0;
}
table {
	border-collapse: collapse;
}
/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
input[type=button], input[type=submit], input[type=file], button {
	cursor: pointer;
	-webkit-appearance: none;
}
a, a:hover, a:active, a:visited, a:link, a:focus {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
/*	background: none;*/
	text-decoration: none;
}
/*公共类*/
.clearfix {
	zoom: 1;
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table;
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.al {
	text-align: left;
}
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}

.show {
	display: block;
}
.over-line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.over-line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.over-line3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.over-line4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.over-line5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.size10{font-size:10px;} .size11{font-size:11px;} .size12{font-size:12px;} .size13{font-size:13px;} 
.size14{font-size:14px;} .size15{font-size:15px;} .size16{font-size:16px;} .size18{font-size:18px;} 
.size20{font-size:20px;} .size22{font-size:22px;} .size24{font-size:24px;} .size25{font-size:25px;} .size26{font-size:26px;} .size28{font-size:28px;} .size30{font-size:30px;}
.size32{font-size:32px;} .size35{font-size:35px;} .size40{font-size:40px;} .size45{font-size:45px;} .size50{font-size:50px;} .size55{font-size:55px;} .size60{font-size:58px;} .size70{font-size:70px;} .size80{font-size:80px;} 
.rotate45{transform:rotate(45deg)} .rotate90{transform:rotate(90deg)} .rotate180{transform:rotate(180deg)} .rotate270{transform:rotate(270deg)} 
.lighter{font-weight: lighter}
.relative{position:relative} .ohide{overflow:hidden} .absolute{  position: absolute}
.fixed{ position: fixed} .absolute{  position: absolute} 
.fixed.r,.absolute.r{ right: 0} .fixed.l,.absolute.l{ left: 0}
.fixed.t,.absolute.t{ top: 0} .fixed.b,.absolute.b{ bottom: 0}
.zIndex-1{z-index:-1} .zIndex0{z-index:0} .zIndex1{z-index:1} .zIndex2{z-index:2} .zIndex3{z-index:3} .zIndex4{z-index:4} .zIndex5{z-index:5} .zIndex6{z-index:6} .zIndex7{z-index:7} .zIndex8{z-index:8} .zIndex9{z-index:9}
.Con{color:#165ae3} .Cwhite,.Cfff{color:#fff}
.C000{ color:#000 } .C111{ color:#111 } .C222{ color:#222 } .C333{ color:#333 } 
.C444{ color:#444 } .C555{ color:#555 } .C666{ color:#666 } .C777{ color:#777 } 
.C888{ color:#888 } .C999{ color:#999 }
.BGon{background:#165ae3} .BGwhite{ background:white} .BGf8{ background:#f8f8f8 }
.BGlight{ background-color: #f7f9fc; }
.mb0{ margin-bottom:0px} .mb2{ margin-bottom:2px} .mb4{ margin-bottom:4px} 
.mb5{ margin-bottom:5px}
.mb6{ margin-bottom:6px} .mb8{ margin-bottom:8px}
.mb10{ margin-bottom:10px} .mb12{ margin-bottom:12px} .mb14{ margin-bottom:14px} 
.mb15{ margin-bottom:15px} .mb16{ margin-bottom:16px} .mb18{ margin-bottom:18px} 
.mb20{ margin-bottom:20px} .mb22{ margin-bottom:22px} .mb24{ margin-bottom:24px} 
.mb25{ margin-bottom:25px} .mb26{ margin-bottom:26px} .mb28{ margin-bottom:28px}
.mb30{ margin-bottom:30px} .mb35{ margin-bottom:35px} .mb40{ margin-bottom:40px} 
.mb45{ margin-bottom:45px} .mb50{ margin-bottom:50px} .mb55{ margin-bottom:55px}
.mb60{ margin-bottom:60px} .mb70{ margin-bottom:70px} .mb80{ margin-bottom:80px} 
.mb90{ margin-bottom:90px} .mb100{ margin-bottom:100px}
.mb100{ margin-bottom:100px}
.mb110{ margin-bottom:110px}
.mb120{ margin-bottom:120px}
.mb130{ margin-bottom:130px}
.mb140{ margin-bottom:140px}
.mb150{ margin-bottom:150px}
.mb160{ margin-bottom:160px}
.mb170{ margin-bottom:170px}
.mb180{ margin-bottom:180px}
.mb190{ margin-bottom:190px}
.mb200{ margin-bottom:200px}
.mt0{ margin-top:0px} .mt2{ margin-top:2px} .mt4{ margin-top:4px} 
.mt5{ margin-top:5px} .mt6{ margin-top:6px} .mt8{ margin-top:8px}
.mt10{ margin-top:10px} .mt12{ margin-top:12px} .mt14{ margin-top:14px} 
.mt15{ margin-top:15px} .mt16{ margin-top:16px} .mt18{ margin-top:18px} 
.mt20{ margin-top:20px} .mt22{ margin-top:22px} .mt24{ margin-top:24px} 
.mt25{ margin-top:25px} .mt26{ margin-top:26px} .mt28{ margin-top:28px}
.mt30{ margin-top:30px} .mt35{ margin-top:35px} .mt40{ margin-top:40px} 
.mt45{ margin-top:45px} .mt50{ margin-top:50px} .mt55{ margin-top:55px}
.mt60{ margin-top:60px} .mt70{ margin-top:70px} .mt80{ margin-top:80px} 
.mt90{ margin-top:90px} .mt100{ margin-top:100px}
.mr0{ margin-right:0px} .mr2{ margin-right:2px} .mr4{ margin-right:4px} 
.mr5{ margin-right:5px}.mr6{ margin-right:6px} .mr8{ margin-right:8px}
.mr10{ margin-right:10px} .mr12{ margin-right:12px} .mr14{ margin-right:14px} 
.mr15{ margin-right:15px} .mr16{ margin-right:16px} .mr18{ margin-right:18px} 
.mr20{ margin-right:20px} .mr22{ margin-right:22px} .mr24{ margin-right:24px} 
.mr25{ margin-right:25px} .mr26{ margin-right:26px} .mr28{ margin-right:28px}
.mr30{ margin-right:30px} .mr35{ margin-right:35px} .mr40{ margin-right:40px} 
.mr45{ margin-right:45px} .mr50{ margin-right:50px}.mr55{ margin-right:55px}
.mr60{ margin-right:60px} .mr70{ margin-right:70px} .mr80{ margin-right:80px} 
.mr90{ margin-right:90px} .mr100{ margin-right:100px}

.ml0{margin-left:0}
.ml2{margin-left:2px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}

.pad2{padding:2px}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.ellipsis2,.ellipsis3{ white-space:normal;overflow:hidden;text-overflow:ellipsis; word-break: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box; -moz-line-clamp: 2;-moz-box-orient: vertical;}
@media screen and (min-width:1000px) {
  .ellipsis3{
    -webkit-line-clamp: 3; -moz-line-clamp: 3;
  }
}
.center{ text-align: center}
[onclick]{ cursor:pointer }
.auto{ margin-left:auto; margin-right: auto}
.flex1{ flex:1 } .flex2{ flex:2 } .flex3{ flex:3 } .flex4{ flex:4 } .flex5{ flex:5 }
.flex6{ flex:6 } .flex7{ flex:7 } .flex8{ flex:8 } .flex9{ flex:9 }
.flex{ display:flex;flex-wrap: wrap; align-items: center}
.flex.end{ align-items: flex-end} .flex.start{ align-items: flex-start} 
 .block{display: block;}
.flex.between{ justify-content: space-between;  }
.flex.around{ justify-content:space-around  }
.flex>.auto{flex:auto}
.flex.nowrap{ flex-wrap: nowrap} bold,.bold,b{font-weight: bold;font-family: "Microsoft YaHei", '微软雅黑',"黑体",arial}
.bold [class*="size"]{ font-weight: normal}
.flex.wrap{ flex-wrap: wrap}
.flex.column{flex-direction: column;}
.width10{ width:10%;} .width20{ width:20%;} .width25{ width:25%;} .width33{ width:33.33%;} .width30{ width:30%;} .width40{ width:40%;} .width45{ width:45%;} .width60{ width:60%;}
.width32{ width:32%;}  .width49{ width:49%;}
.width50{ width:50%;} .width55{ width:55%;} .width80{ width:80%;} .width66{ width:66%;} 
.width60{ width:60%;} .width70{ width:70%;} .width90{ width:90%;} .widthFit{ width: fit-content !important; }
.width100{ width:100%;} 
a[href],[onclick]{ user-select: none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #c1c1c1;
}
input{ outline:none; border:solid 1px #dbdbdb; background:none }
input[type="radio"],input[type="checkbox"]{ min-height: 18px; min-width:18px; margin-right:10px }
.underline{ text-decoration: underline !important; }
.btn{ cursor: pointer; transition:all .3s} 
.small{ font-size: 86%}

.radius2{border-radius:2px} 
.radius4{border-radius:4px} 
.radius5{border-radius:5px} 
.radius6{border-radius:6px} 
.radius8{border-radius:8px} 
.radius10{border-radius:10px} 
.radius12{border-radius:12px} 
.radius14{border-radius:14px} 
.radius15{border-radius:15px} 
.radius16{border-radius:16px} 
.radius18{border-radius:18px} 
.radius20{border-radius:20px}
.radius30{border-radius:30px}
.radius40{border-radius:40px}
.radius50{border-radius:50px}

.amap-logo {
  display: none!important;
  visibility: hidden!important;
}
 
.amap-copyright {
  display: none!important;
  visibility: hidden!important;}
.opacity0{opacity:0}
.opacity1{opacity:0.1}
.opacity2{opacity:0.2}
.opacity3{opacity:0.3}
.opacity4{opacity:0.4}
.opacity5{opacity:0.5}
.opacity6{opacity:0.6}
.opacity7{opacity:0.7}
.opacity8{opacity:0.8}
.opacity9{opacity:0.9}
.hide { display: none; }
select{
  background: rgba(3,47,108,0.57) url("../img/69.png") no-repeat 95% center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 21px; border: solid 1px $color;
}
select::-ms-expand { display: none; }

a:focus,input:focus,p:focus,div:focus{ 
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img.lightense{ }
video{ object-fit:fill; z-index:0; }
.lightense-wrap{z-index: 999;}

/* 做几个只能在pc上显示的hover效果 */
@media screen and (min-width:1000px) {
  .btn:hover{ filter:brightness(115%)}
  [class*='hover_']{ transition: all .3s; }
  /* 如果设置了aos 可能就不能生效了 除非加上!important */
  .hover_up:hover{ transform: translateY(-10px); }
}
/* 小屏的时候把字体缩小 */
@media screen and (max-width:1400px){
  .size12,.size13{font-size:11px}
  .size14{font-size:13px}
  .size15{font-size:14px}
  .size16{font-size:15px}
  .size18{font-size:17px}
  .size20{font-size:18px}
  .size22{font-size:20px}
  .size24{font-size:22px}
  .size25{font-size:23px}
  .size26{font-size:24px}
  .size28{font-size:26px}
  .size30{font-size:28px}
  .size32{font-size:30px}
  .size35{font-size:30px}
  .size40{font-size:35px}
  .size45{font-size:40px}
  .size50{font-size:45px}
  .size55{font-size:50px}
  .size60{font-size:54px}
  .size70{font-size:62px}
  .size80{font-size:70px}
  .mb10{margin-bottom:8px}
  .mb12{margin-bottom:10px}
  .mb14{margin-bottom:11px}
  .mb15{margin-bottom:12px}
  .mb16{margin-bottom:13px}
  .mb18{margin-bottom:15px}
  .mb20{margin-bottom:16px}
  .mb22{margin-bottom:18px}
  .mb24{margin-bottom:20px}
  .mb25{margin-bottom:20px}
  .mb26{margin-bottom:21px}
  .mb28{margin-bottom:23px}
  .mb30{margin-bottom:25px}
  .mb35{margin-bottom:30px}
  .mb40{margin-bottom:30px}
  .mb45{margin-bottom:35px}
  .mb50{margin-bottom:40px}
  .mb55{margin-bottom:45px}
  .mb60{margin-bottom:50px}
  .mb70{margin-bottom:55px}
  .mb80{margin-bottom:65px}
  .mb90{margin-bottom:70px}
  .mb100{margin-bottom:75px}
  .mb110{margin-bottom:90px}
  .mb120{margin-bottom:100px}
  .mb130{margin-bottom:110px}
  .mb140{margin-bottom:120px}
  .mb150{margin-bottom:130px}
  .mb160{margin-bottom:140px}
  .mb170{margin-bottom:150px}
  .mb180{margin-bottom:160px}
  .mb190{margin-bottom:170px}
  .mb200{margin-bottom:180px}	
.mt30{ margin-top:20px }
}
@media screen and (max-width: 1200px) {
	.about_us .container_center .mb35 {margin-bottom: 10px;}
}
@media screen and (max-width:1000px) {
  .btn:active{ filter:brightness(115%) }
}
