.hang-txt
{
	width:100%;
}
.h-title
{
	width:100%;
}
.h-title p
{
font-size:16px;
color:#333;
font-weight:bold;
}
.h-title p span
{
position:relative;
font-size:12px;
font-family: 'hb';
box-sizing: border-box;
padding-left:5px;
margin-left:5px;	
}
.h-title p span:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:10px;
	background:#333;
}
.h-about
{
width:100%;
margin-top:5px;	
}
.h-about p
{
color:#666666;
font-size:12px;
line-height:20px;	
}
#hang {
    height: 22px;
}
.h-list
{
	width:100%;
	margin-top:10px;
}
.h-list ul
{
width:100%;
}
.h-list ul li
{
	width:100%;
	float:left;
	position:relative;
	overflow: hidden;
	padding:5px 0px;
}
.hl-div
{
width:100%;
position:relative;
overflow: hidden;	
}
.h-img {
    width: 40px;
    display: block;
    float: left;
}
.hld-txt {
    width: calc(100% - 40px);
    float: left;
    position: relative;
    overflow: hidden;
    padding: 7px 5px;
}
.hld-txt p:nth-of-type(1)
{
font-weight:bold;
font-size:16px;
color:#333;
}
.hld-txt p
{
	color:#006db3;
	font-size:12px;
	font-family: 'hb';
}
.h-list ul li:nth-child(2) .h-img
{
	width:30px;
}
.h-list ul li:nth-child(3) .h-img
{
	width:35px;
}
.hlist-ul
{
	width:100%;
	margin-top:10px;
}
.hlist-ul .hul-p
{
	font-weight:bold;
	font-size:14px;
}
.hlist-ul ul
{
	width:100%;
	margin-top:10px;
}
.hlist-ul ul li
{
	width:33.3%;
	float:left;
	position:relative;
	overflow: hidden;
}
.hlist-ul ul li:nth-child(4),.hlist-ul ul li:nth-child(5),.hlist-ul ul li:nth-child(6)
{
	margin-top:8px;
}
.hlist-ul ul li p
{
color:#666666;
font-size:12px;
margin-bottom:2px;	
}
.hlist-ul ul li p img {
    width: 10px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}
.ha-list {
    width: 300px;
    margin: auto;
    margin-top: 20px;
}
.ha-list ul
{
width:100%;	
}
.ha-list ul li
{
	width:100%;
	position:relative;
	overflow: hidden;
	padding:5px 0px;
}
.hlist-div
{
	width:100%;
	position:relative;
	overflow: hidden;	
}
.hleft
{
width:100%;
	position:relative;
	overflow: hidden;		
}
.hleft img
{
width:100%;
height:100%;
display:block;
}
.hright-r
{
width:100%;
position:relative;
overflow: hidden;
padding:10px;
}
.hright-r p:nth-of-type(1) {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
}
.hright-r p
{
	color:#666666;
	font-size:12px;
	line-height:20px;
}
.hg-li
{
	width:100%;
}
.hg-li ul
{
	width:100%;
}
.hg-li ul li
{
width:100%;
position:relative;
overflow: hidden;
padding:5px 0px;
}
.hgli-l {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #ededed;
    padding: 20px 10px;
}
.hgli-l p:nth-of-type(1)
{
	color:#333;
	font-size:14px;
	margin-bottom:5px;
}
.hgli-l p:nth-of-type(1) img
{
	width:10px;
	float:left;
	display:block;
}
.hgli-l p
{
	color:#666666;
	font-size:12px;
}
.hgli-l p span {
    position: relative;
    box-sizing: border-box;
    padding-left: 8px;
    float: left;
    display: block;
}

.hgli-l p span:before
{
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	border-radius:50%;
	border:1px solid #0081cc;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
@media(min-width:768px)
{
.h-list ul li {
  width: 33.3%;
  padding: 5px 20px;
}
.h-list ul li:last-child:after
{
	width:0;
}
.h-list ul li:after
{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:30px;
	background:#ececec;
	bottom:0;
	margin:auto;
}	
.h-list {
margin-top: 20px;
}
.hlist-ul ul li {
    width: 16.6%;
}
.hlist-ul {
margin-top: 20px;
}
.hlist-ul ul {
 margin-top: 20px;
}
.ha-list {
    width: 100%;
}
.hleft {
    width: 48%;
    float: left;
    height: 215px;
}
.hright-r {
    width: 50%;
    float: left;
    padding-top: 30px;
}
.ha-list ul li:nth-child(2) .hright-r 
{
float:left;	
}
.ha-list ul li:nth-child(2) .hleft
{
float:right;	
}
.ha-list ul li {

    padding: 10px 0px;
}
.hlist-ul #hj li {
    width: 12.5%;
}
.hlist-ul .hg-li ul li {
   width:33.3%;
   padding:5px;
}
.hlist-ul ul li:nth-child(4), .hlist-ul ul li:nth-child(5), .hlist-ul ul li:nth-child(6) {
    margin-top: 0px;
}
.hgli-l {

    height: 134px;
}
.hlist-ul #hki li
{
width:14%;
}
}
@media(min-width:992px)
{
#hang {
    height: 34px;
}	
}
@media(min-width:1200px)
{
#hang {
    height: 42px;
}	

.h-title p {
    font-size: 20px;
}
.h-title p span {
font-size: 16px;
padding-left: 8px;
margin-left: 8px;
}
.h-title p span:before {
    height: 15px;
}
.h-about {
   margin-top: 20px;
}
.h-about p {
 font-size: 14px;
  line-height: 30px;
}
.h-img {
    width: 50px;
}
.hld-txt {
 width: calc(100% - 50px);
 padding: 10px;
}
.hld-txt p:nth-of-type(1) {
font-size: 16px;
margin-bottom: 5px;
}
.h-list ul li:nth-child(2) .h-img {
    width: 40px;
}
.h-list ul li:nth-child(3) .h-img {
    width: 45px;
}
.h-list ul li {
 padding: 5px 60px;
}
.h-list ul li:after {
 height: 50px;
  }
 .h-list {
    margin-top: 40px;
}
.hlist-ul {
    margin-top: 40px;
}
.hlist-ul .hul-p {
  font-size: 16px;
}
.hlist-ul ul {
    margin-top: 30px;
}
.hlist-ul ul li p {
  font-size: 14px;
  margin-bottom: 5px;
}
.hlist-ul ul li:nth-child(4), .hlist-ul ul li:nth-child(5), .hlist-ul ul li:nth-child(6) {
    margin-top: 0px;
}
.hright-r p:nth-of-type(1) {
   font-size: 16px;
   margin-bottom: 10px;
}
.hleft {
 height: 290px;
}
.ha-list {
 margin-top: 30px;
}
.ha-list ul li {
    padding: 0px 0px;
}
.hgli-l {
    height: 152px;
}
}
@media(min-width:1440px)
{
.hang-txt {
margin-top: 20px;
}
.h-title p {
    font-size: 30px;
}
.h-about {
    margin-top: 40px;
}
.h-about p {
    font-size: 16px;
    line-height: 35px;
}	

.h-img {
    width: 60px;
}
.hld-txt {
    width: calc(100% - 60px);
    padding: 12px 10px;
}
.hld-txt p:nth-of-type(1) {
    font-size: 20px;

}
.hld-txt p {
font-size: 16px;

}
.h-list ul li {
    padding: 5px 70px;
    transition: .5s;
}
.h-list ul li:hover
{
  padding: 5px 60px;	
}
.h-list ul li:hover:after {
  background: #006db3;
}
.h-list ul li:hover .hld-txt p:nth-of-type(1) {
   color: #006db3;
}
.hlist-ul .hul-p {
    font-size: 20px;
}
.hlist-ul {
    margin-top: 50px;
}
.hlist-ul ul {
    margin-top: 40px;
}
.hlist-ul ul li p {
    font-size: 16px;
    margin-bottom: 10px;
}
.hlist-ul ul li p img {

    margin-top: 6px;
    margin-right: 6px;
}
.ha-list {
    margin-top: 50px;
}
.hleft {
    height: 340px;
}
.hright-r p:nth-of-type(1) {
    font-size: 20px;
    margin-bottom: 20px;
}
.hright-r p {
 font-size: 16px;
 line-height: 35px;
}
.hright-r {

    padding-top: 50px;
}
.hl-div {
 margin-top: 10%;
 transition: .5s;
 opacity:0;
}
.h-list ul li.active .hl-div
{
margin-top:0;
opacity:1;	
}
.h-list ul li:nth-child(2) .hl-div
{
transition-delay: .2s;	
}
.h-list ul li:nth-child(3) .hl-div
{
transition-delay: .4s;	
}
.h-list ul li:after {
 width: 0px;
 }
.h-list ul li.active:after
{
	width:1px;
} 
.h-list ul li:nth-child(3).active:after 
{
	width:0;
}
.hleft {
 margin-top: 10%;
 opacity:0;
 transition: .5s;
}
.hright-r {
    margin-top: 10%;
    opacity: 0;
    transition: .5s;
    transition-delay: .3s;
}
.ha-list ul li.active .hright-r
{
margin-top:0;
opacity:1;
}
.ha-list ul li.active .hleft
{
margin-top:0;
opacity:1;
}
.ha-list ul li:hover .hleft img
{
	transform: scale(1.1);
}
.hleft img {
transition: .5s;
}
.ha-list ul li:hover .hright-r p {
    color: #006db3;
  
}
.hgli-l p:nth-of-type(1) {

    font-size: 18px;
    margin-bottom: 10px;
}
.hgli-l {
    height: 182px;
}
.hlist-ul ul li p {

    line-height: 25px;
}
.hg-li ul li {
  margin-top: 20%;
  transition: .5s;
  opacity:0;
}
.hg-li ul li:nth-child(2) 
{
	transition-delay: .2s;
}
.hg-li ul li:nth-child(3) 
{
	transition-delay: .4s;
}
.hlist-ul .hg-li ul li.active  
{
margin-top:0;
opacity:1;	
}
.hgli-l
{
transition: transform 218ms ease-in-out; 	
}
.hlist-ul .hg-li ul {
    margin-top: 20px;
}
.hlist-ul .hg-li ul li {
 padding: 10px 5px;
}
.hlist-ul .hg-li ul li:hover  .hgli-l
{
border:1px solid #0081cc;
 transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);  	
}
.hlist-ul .hg-li ul li:hover  p {
    color:#0081cc;
} 
}
@media(min-width:1660px)
{
.hang-txt {
    margin-top: 50px;
}

.h-list {
    margin-top: 80px;
}
.h-list ul li:nth-child(2) .h-img {
    width: 50px;
}
.h-list ul li:nth-child(3) .h-img {
    width: 55px;
}
.h-list ul li:after {
    height: 80px;
}
.hlist-ul {
    margin-top: 80px;
}
.hlist-ul ul {
    margin-top: 60px;
}
.hlist-ul ul li p {
    font-size: 19px;
    margin-bottom: 15px;
}
.ha-list {
    margin-top: 70px;
}
.hleft {
    height: 410px;
}
.hright-r {
    padding-top: 90px;
    padding-left: 50px;
}
.ha-list ul li:nth-child(2) .hright-r {

    padding-left: 0;
    padding-right: 50px;
}
.hgli-l p:nth-of-type(1) {
    font-size: 20px;
    margin-bottom: 15px;
}
.hgli-l p:nth-of-type(1) img {
    width: 14px;
  
}
.hgli-l p span:before {
    width: 5px;
    height: 5px;
    left: 2px;
}
.hgli-l p span {
 padding-left: 20px;

}
.hgli-l {
    height: 212px;
    padding: 20px 20px;
}
}