body, html {
    font-family: "Source Han Sans CN","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	margin: 0;
	padding:0;
	width: 100%;
	overflow-x: hidden;
	letter-spacing: 1px;
}
*{
	padding:0;
	margin: 0;
	box-sizing: border-box;
}
ul,li{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
}
ul li a {
	display: block;
}
a {
	text-decoration: none;
	color: #333;
	outline: none;
}
a:hover{
	color: #d93930;
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600;
}
a:focus {
    outline: none;
}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}

.text-center{text-align: center}
.fl{float: left;}
.fr{float: right}
.gray-bg{background: url(../images/bg2.jpg) no-repeat center center/cover;height: 100vh;overflow: hidden;}
.middle-box{width: 300px;margin: 0 auto;display: flex;/*height: 100%;*/align-items: center; margin-top:13%;padding-bottom:2%;}
.logo-name{width: 160px;height: 160px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);display: inline-block}
.logo-name svg{width: 100px;height: 100px;margin-top: 30px}
.h2tit{color: #fff;font-weight: 400;letter-spacing: 2px;margin: 30px 0}

.middle-boxdl{width:40%;margin:60px auto;display: flex;/*height: 100%;*/align-items: center;}
.form-group{margin-bottom:10px; width:35%; float:left; margin-right:10px;}
.form-control{border:1px solid #fff;line-height: 32px;width: 100%;border-radius: 6px;padding-left: 10px;background: rgba(100, 100, 100, 0.6);color: #fff;font-size: 15px}
.form-control:focus-visible{box-shadow: none;}
.btn{width:26%;float: left;background: #fff;box-shadow: none;border: none;font-size:18px;line-height: 36px;border-radius: 6px;}
.form-control::placeholder {
  color: #fff;
}
.homehead{background: linear-gradient(to right,#85b4f9,#4482d5);overflow: hidden;padding: 10px 30px}
.homelogo img{height:50px;}
.homelogo h3{color: #fff;margin-top: 12px;margin-left: 30px}
.homeesc h6{color: #fff;margin-top: 15px;font-weight: 500}
.homeesc svg{width:40px;margin-top: 4px;fill: #fff;margin-left: 20px}
.homemain{overflow: hidden;height: calc(100vh - 70px);}
.homemenu{width: 120px;height: 100%;overflow: hidden;}
.homemenu a{display: block;height: calc(100% / 7);text-align: center;border-top: 1px solid #fff}
.homemenu a img{width:50px;fill: #333;margin-top:10%;}
.homemenu a p{ padding-top:10px;}
.homemenu a:hover,a.hm_active{background: #85b4f9}
.homemenu a:hover p,a.hm_active p{color: #fff; padding-top:10px;}
.homemenu a:hover svg,a.hm_active svg{fill: #fff;}
.homecontent{width: calc(100% - 120px);background: #e9ebf7;padding: 20px;height: 100%;}
.homecon_m{width: 100%;height: 100%;background: #fff;padding:0 20px}
.homecon_tab{border-bottom: 1px solid #eee;padding: 15px 0;overflow: hidden;}
.homecon_tab a{color: #4482d5;border: 1px solid #4482d5;border-radius: 3px;line-height: 40px;width:13%;display:block;text-align: center;font-size: 16px;font-weight: 500;float:left;margin-left:16%}
.homecon_tab a:nth-child(1){margin-left: 0}
.homecon_tab a:hover,a.hc_active{background: #4482d5;color: #fff;}
.homecon_item{width: 22%;margin-top: 15px}
.homecon_item a{display: block;line-height: 36px;color: #fff;border-radius: 3px;text-align: center;font-size: 14px;font-weight: 500;margin: 10px 0}
.homecon_item a:hover{opacity: 0.7;}
.one_item a{background: #ff6666}
.two_item{margin-left: 17%}
.two_item a{background: #ffb647}
.thr_item a{background: #6fa8fd}

.homeheadgd{background: linear-gradient(to right,#85b4f9,#4482d5);overflow: hidden;padding: 10px 30px; position:fixed; width:100%; z-index:10;}

.backhd a{color: #fff;border:1px solid #fff;border-radius:5px;line-height:30px;width:100px;display:block;text-align: center;font-size: 15px;font-weight:500;margin-left:50px; margin-top:10px;}
.backhd a:hover,a.hc_active{background: #4482d5;color: #fff;}

.homemainqk{height: auto;}
.homecontentqk{width:100% ;background: #e9ebf7;padding: 20px;height: 100%;margin-top:70px;}

.homecontentqkmk{width:100% ;padding: 20px;height: 100%;}

.bottomz{width:100%;background: rgba(0, 0, 0, 0.4);height:40px;color: #fff;line-height:40px; position:fixed; bottom:0px;}

