@charset "utf-8";
/* CSS Document */






/*Hnav*/
.H-nav{float:left;width:100%;height:104px;}
.H-nav>li{width:100px;float:left;text-align:center;}
.H-nav>li:hover{width:100px;float:left;background:#9a0707;}
.H-nav>li:hover a.Hnav-menu{color:#fff;}

.H-nav .Hnav-menu{display:block;height:104px;line-height:104px;font-size:16px;position:relative;}

.Hnav-menu i{display:block;width:50px;height:50px;background:url("icon-dd1-1.png") no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.Hnav-sub{padding:25px 0;width:732px;background:#fff;position:absolute;top:104px;left:243px;display:none;border-top:1px solid #eee;}
.HnavSub-list{width:50%;float:left;padding-left:5%;}
.HnavSub-list li{width:43%;float:left;border-bottom: 1px solid #e5e5e5;	padding:0px 1% 5px 0;margin-bottom:5px;margin-right:20px;}
.HnavSub-list li:nth-child(2n){float:left;}
.HnavSub-list li a {display: block;height: 35px;line-height: 35px;text-align: left;color: #666666;background: url("../images/icon_sj-1.png")no-repeat left center;padding-left: 20px;}


.Hnav-title{display:block;height:40px;line-height:40px;font-size:17px;position:relative;border-bottom:3px solid #9a0707;width:120px;}
.H-nav>li.cur{color:#fff;background:#9a0707;}
.H-nav>li.cur .Hnav-menu {color:#fff;background:#9a0707;}
.H-nav>li.cur .Hnav-title{color:#000;}
.HnavSub-list li.cur a{color:#fff;background:#9a0707;}
.HnavSub-list li a:hover{color:#9a0707;}



.HnavSub-img{display:block;width:310px;height:250px;overflow:hidden;float:left;margin-left:0px;}
.HnavSub-img img{width:100%;height:100%;object-fit:cover;}


.H-nav>li:hover .Hnav-sub{display:block;animation:fadeInDown .6s ease-in-out;-webkit-animation:fadeInDown .6s ease-in-out;}


/*right menu*/
@keyframes fadeInUp{
	0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@keyframes fadeInDown{
	0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}



