@charset "utf-8";
/* CSS Document */
.w1200{ width:1200px; margin:0 auto;}
.clearfix::after{ content:""; display:block; clear:both;}
.hmhn_banner{ height:300px; background:url(hmhn_banner.png) top center no-repeat; background-size:cover;}
.hmhn_tit{ color:#FFF;}
.hmhn_tit span{ color:#FFF; font-size:64px; letter-spacing: 5px; line-height: 300px; display:inline-block; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}

.hmhn_tit ul{ float:right; margin-top:30px;}
.hmhn_tit ul li{ float:left; margin-right:15px; height:38px; line-height:38px; border-radius: 20px; border: 1px solid #FFFFFF;}
.hmhn_tit ul li:first-child{ background:url(user.png) 5px 5px no-repeat;}
.hmhn_tit ul li a{ font-size:16px; color:#FFF;}
.hmhn_tit ul li:nth-child(1) a{padding-left: 43px; }
  .hmhn_tit ul li a{padding: 0 15px;}
.hmhn_tab{ background:url(hmhn_bg.png) bottom center no-repeat; background-size:100%; padding:50px 0;}

.hmhn_con{ width:585px; height:200px; margin-bottom:100px; border-radius: 10px; transition: all 0.3s;}
.hmhn_con a{ display:block; width:100%; height:100%; padding:30px; cursor:pointer;}
.hmhn_con:hover{ transform: translate3d(0,-10px,0); transition: all 0.3s;}

.hmhn_con span{ display:inline-block; width:96px; height:50px; line-height:50px; margin-top:45px; font-size:16px; color:#FFF; text-align: center; border-radius:8px;}
.zc{ background:url(cfbg.png) no-repeat; background-size:cover; float:left;}
.cx{ background:url(xkbg.png) no-repeat; background-size:cover; float:right;}
.zc h3{ background:url(icon-1.png) left center no-repeat; padding-left:45px; font-size:32px; font-weight:400;}
.cx h3{ background:url(icon-2.png) left center no-repeat; padding-left:45px; font-size:32px; font-weight:400;}
.zc span{ background:#4393F5;}
.cx span{ background:#43B685;}
@media screen and (max-width: 768px) {
	.w1200{ width:100%;}
	.hmhn_banner{ height:3rem; background:url(hmhn_banner.png) top center no-repeat; background-size: 14rem 3rem; padding:0 0.32rem; padding-top:0.2rem;}
	.hmhn_tit span{ font-size:0.48rem; line-height:180%; letter-spacing:0;}
	.hmhn_tab{ padding:0.32rem;}
	.hmhn_con{ width:100%; height:2.8rem; background-size:100% 100%; margin-bottom:0.5rem;}
	.hmhn_con:hover{ transform: translate3d(0,0,0); transition: all 0.3s;}
	.hmhn_con a{ display:block; width:100%; height:100%; padding:0.5rem 0.32rem;}
	.hmhn_con h3{ font-size:0.4rem; background-size:0.5rem 0.5rem; line-height: 0.45rem; height: 0.5rem; padding-left: 0.7rem;}
	.hmhn_con span{ width:2rem; height:0.8rem; line-height:0.8rem; font-size:0.3rem; margin-top:0.32rem;}

	.hmhn_tit ul{ float: none; width:100%; text-align:center; margin-top:0.3rem;}
	.hmhn_tit ul li{ display:inline-block; margin-right:0.1rem; height:0.6rem; line-height:0.6rem;}
	.hmhn_tit ul li:first-child{ background:url(user.png) 5px 5px no-repeat; background-size:0.4rem 0.4rem; }
	.hmhn_tit ul li a{ display:block; width:100%; height:100%; font-size:0.25rem;}
	.hmhn_tit ul li:nth-child(1) a{padding-left:0.6rem;}
  .hmhn_tit ul li a{padding:0 0.15rem; }

}