@charset "utf-8";
/* CSS Document */
.headers{ width:100%; background-color:#fff; z-index: 1;}

.headers .head{ width:100; height:7.5rem;line-height: 7.5rem;}
.headers .head a{float:left;padding-left:11%;box-sizing: border-box;}
.headers .head div{ width:50%;text-align:right; float:right;padding-right:11%; padding-top:1.5rem; box-sizing: border-box;}
.headers .head img{ vertical-align:middle;}

.head_nav{ width:100%; display:block; height:60px;background-color:#3e3a39;padding-left:10%;box-sizing:border-box;margin-top: -3px;}
.head_nav li{ width:12%; height:100%; display:block; float:left; position:relative; height:3rem;z-index:1;margin-top: 3px;}
.head_nav li a{ width:100%; height:60px; line-height:60px; font-size:1.1rem; text-align:left; color:#fff; display:block; padding-left:15px;box-sizing:border-box;}
 
.head_nav li dl{ display:none; position:absolute; left:0; width:100%; top:100%; background-image:url(../images/mask_1.png); background-position:left top; background-repeat:repeat;z-index: 1;}
.head_nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; border-bottom: 2px solid #fff;box-sizing:border-box; background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.head_nav li dl dt a{color:#000; display:block; background-color:#fff !important; height:2rem; line-height:2rem; font-size:0.875rem; text-align: left;padding-left:15px;box-sizing:border-box;}
.head_nav li dl dt a img{ display:block; width:100%;height: auto;}
/*.head_nav li:hover>a{ border-bottom:3px solid #d0111b;box-sizing:border-box;} 
.head_nav li dl dt a:hover{ color:#d23339;box-sizing: border-box; border-bottom:2px solid #d0111b !important;}*/
.head_nav li:hover>dl{ display:block;}
.head_nav li .cate_second:hover>dl{ display:block;}
.head_nav li .cate_third{
  top:0;
  left:100%;
}