/**  模块css  **/

.pos{position: absolute;}
h1{font-size:50px;}
h2{font-size:30px;}
h3{font-size:24px !important;}
h4{font-size:18px !important;}
h5{font-size:16px !important;}
h6{font-size:14px !important;}

.write{color:#FFF;font-weight: bold;}
.bold{font-weight: bold;}
.color1{color:#272727;}
.color3{color:#333333 !important;}
.color5{color:#999999;}
.color7{color:#000000;}
.mainColor{color:#003c88;}
.text_c{text-align:center;}
.flex{display: flex;align-items: center;}
a {text-decoration: none !important;}
/*pages分页*/
.page-style{
	color:#000000;
	position:relative !important;
	width:100% !important;
	height:auto;
	padding-top:10px;
}
.page-style>div>a{
	padding: 0 5px;
}
.page-style>div>select::-webkit-scrollbar{
	display: none;
}
.page-style>div>select{
	margin: 0 5px;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	outline: none;
	color: #272727;
	padding: 0 5px;
}
@media (max-width: 960px){
	.page-style{
		text-align: center;
	}
}
/**  footer  **/
.index-foot-box{
	min-height: 409px;
	display: block;
	background: url(../image/index/foot-bac.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.index-foot{
	margin: 0 auto;
	color: #ffffff;
	padding-top: 44px;
	font-size: 12px;
	line-height: 12px;
}
.index-foot-top{
	display: flex;
	justify-content: space-between;
	padding: 44px 0 28px 0;
}
.index-foot-link{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.link-left{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 18px;
	margin-bottom: 20px;
	border: 0 !important;
}
.link-right-item{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.link-right-item:nth-child(1){
	margin-right: 60px;
}
.foot-left{

}
.foot-left-img{
	width: 216px;
	height: 66px;
}
.foot-left-msg{
	margin-top: 42px;
}
.foot-left-msg>.flex>svg{
	flex-shrink: 0;
}
.foot-left-msg-item{
	display: flex;
	margin-bottom: 24px;
}
.foot-left-contact{
	width: 184px;
	line-height: 19px;
	margin-left: 10px;
}
.index-foot-bottom{
	border-top: 1px solid rgba(255,255,255,0.25);
	padding: 32px 0 34px 0;
}
.index-foot-bottom>div{
	justify-content: space-between;
}
.index-foot-bottom>div>a:hover{
	color: #ffffff;
	text-decoration: none;
}
.foot-main{
	flex: 1;
	display: flex;
	margin: 0 80px 0 80px;
}
.foot-main>div:nth-child(1){
	width: 35%;
}
.foot-main>div:nth-child(2){
	width: 40%;
}
.foot-main>div:nth-child(3){
	width: 25%;
}
.foot-main-title{
	height: 50px;
	overflow: hidden;
	line-height: 50px;
	border-bottom: 1px solid rgba(141,146,153,.4);
	font-size: 14px;
	color: #fff;
	margin: 0 0 17px;
}
.foot-box{
	width: 100%;
	float: left;
	margin-right: 11px;
}
.list-text {
	width: 95%;
}
.list-text a{
	display: block;
	width: 100%;
	font-size: 12px;
	color: rgba(255,255,255,0.7);
	line-height: 12px;
	margin-bottom: 21px;
}
.list-text a:hover{
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
.foot-right-text{
	border: 0;
	font-size: 12px !important;
	margin-bottom: 20px;
}
.foot-right-code{
	background: #ffffff;
	padding: 5px;
	width: 108px;
	height: 108px;
}
.foot-right-code>img{
	width: 98px;
	height: 98px;
}
.ht-container{
	width: 100%;
}
.banner-height{
	min-height: 600px !important;
}
.sub-banner{
	min-height: 400px !important;
}
@media (min-width: 767px){
	/**  nav  **/
	.ht-logos{
    width:180px;
    height:54px;
  }
	.ht-logo{
		height: 48px;
		background: url(../image/index/ht-logo1.png) no-repeat center center;
		background-size: contain !important;
	}
	.ht-navbar .navbar-nav>li>a:focus, .ht-navbar .navbar-nav>li>a:hover {
		color: #003c88;
		background-color:transparent;
	}
	.ht-navbar .navbar-nav>li>a {
		color: #333;
		font-size:16px;
	}
	.ht-navbar .navbar-nav>li>a:hover {
		color: #003c88;
	}
	.ht-navbar .navbar-nav>.open>a, .ht-navbar .navbar-nav>.open>a:focus, .ht-navbar .navbar-nav>.open>a:hover{
		color: #003c88;
		background-color: transparent;
	}
	.ht-navbar  .navbar-collapse, .ht-navbar  .navbar-form {
		border-color: transparent;
	}
	.ht-navs>li>a{
		padding-top: 20px;
		padding-bottom: 20px;
		color: #FFF;
	}
	.ht-navs>li>a:focus, .ht-navs>li>a:hover {
		text-decoration: underline;
		background-color: transparent;
	}
	.ht-navs .open>a, .ht-navs .open>a:focus, .ht-navs .open>a:hover {
		background-color: transparent;
		border-color: transparent;
	}
	.ht-nav-bg{
		background: rgba(255,255,255,0.2);
		box-shadow: 0 0 10px 5px rgba(0,0,0,0.07);
		backdrop-filter: blur(4px);
		padding: 0;
	}
	.navbar-right{font-size: 16px;padding-top:8px;}
}
@media (max-width: 1200px){
	.banner-height{
		min-height: 500px !important;
	}
	.sub-banner{
		min-height: 300px !important;
	}
}
@media (max-width: 992px){
	.navbar-default{background-color:rgba(255,255,255,0.2);padding: 0;}
	.banner-height{
		min-height: 400px !important;
	}
	.sub-banner{
		min-height: 300px !important;
	}
	.index-foot{
		max-width: calc(100% - 60px);
		margin: 0 30px;
	}
	.foot-main {
		margin: 0 20px 0 50px;
	}
	.index-foot-link{
		align-items: flex-start;
	}
	.link-left{
		height: auto !important;
		line-height: normal !important;
	}
}
@media (max-width: 768px){
	.ht-bannertext h2{color:#fff;padding-top:150px;font-size:30px; font-family: "微软雅黑";}
	.navbar-default{background-color:#ffffff!important;padding: 0;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#fff;}
	.navbar-default .navbar-toggle{border-color: #fff;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-default .navbar-toggle:hover {background-color: #003c88;}
	.navbar-default .navbar-nav>li>a{color: #fff;}
	.nav-link{
		color: #000 !important;
	}
	.ht-container{
		max-width: 720px;
		margin: 0 auto;
	}
	.banner-height{
		top: 50px;
		min-height: 300px !important;
	}
	.sub-banner{
		top: 50px;
		min-height: 250px !important;
	}
	.job{
    text-align:left;
    padding-top:10px;
  }
	.index-foot-top,.index-foot-link{
		display: flex;
		flex-direction: column;
	}
	.link-right-item:nth-child(1){
		margin: 0 auto;
	}
	.link-right{
		width: 100%;
	}
	.foot-main{
		margin: 0;
		flex-wrap: wrap;
	}
	.foot-right-text{
		margin-bottom: 0;
	}
	.index-foot-bottom{
		padding: 15px 0;
	}
	.index-foot-bottom>div{
		flex-direction: column;
	}
	.index-foot-bottom>div>a{
		line-height: 24px;
	}
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height:none;
}

@media screen and (min-width:768px) and (max-width:898px){
	.navbar-right {float: left !important;padding-top:0;}
}
@media (min-width: 320px){
	.navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;}
	.navbar-header{float: left;}
}
@media (min-width:320px) and (max-width:768px){
	.ht-logos{
		padding-top: 5px;
		height:54px;
		width:160px;
	}
	.ht-logo{
		margin:5px 0;
		height:35px;
		background: url(../image/index/ht-logo2.png) no-repeat center center !important;
		background-size: contain !important;
	}
}
@media (min-width: 1200px){
  .ht-logos{
    width:165px;
    height:54px;
  }
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}
	.ht-container{
		max-width: 1200px;
		margin: 0 auto;
	}
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	padding: 0 !important;
}
@media (max-width: 576px){
	.banner-height {
		top: 50px;
		min-height: 240px !important;
	}
	.sub-banner{
		position: relative;
		top: 50px;
		min-height: 165px !important;
	}
	.mobile-title{
		padding-top: 90px !important;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		padding: 0 15px !important;
	}
	.index-foot{
		max-width: calc(100% - 20px);
		margin: 0 10px;
	}
	.ht-logos {
		padding: 0;
		margin-top: 0;
		height: 43px;
		width: 160px;
	}
  .index-foot-top{
    padding: 24px 0 0 0;
		position: relative;
  }
  .foot-left-img{
    width: 120px;
    height: 35px;
  }
  .foot-left-msg{
    margin-top: 25px;
  }
  .foot-left-msg-item{
    margin-bottom: 16px;
  }
  .foot-left-contact{
    flex: 1;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    line-height: 12px;
  }
  .foot-left-msg-item svg{
    width: 12px;
    height: 12px;
  }
  .foot-main-title{
    font-size: 14px!important;
    height: 40px;
    line-height: 40px;
  }
  .index-foot{
    max-width: 100%;
    margin: 0 auto;
  }
  .foot-box{
    width: 100% !important;
    float: none;
		margin-top: 8px;
  }
	.list-text a {
		width: auto;
		margin-right: 20px;
		margin-bottom: 9px;
		display: inline-block;
	}
	.foot-main>div:nth-child(2) {
		width: 65%;
	}
	.foot-main>div:nth-child(3) {
		width: 100%;
	}
	.foot-right-code{
		margin: 0 auto;
	}
	.page-style>div {
		font-size: 0;
	}
	.page-style>div>select{
		display: none;
	}
	.page-style>div>a:nth-of-type(2),.page-style>div>a:nth-of-type(3){
		font-size: 12px;
		padding: 0 15px;
	}

}