@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei";}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none;}
img{ vertical-align:middle; border:0; margin:0; padding:0;}
button{ vertical-align:middle; cursor:pointer;}
input txt,button{ vertical-align:middle; border:none;}
a,a:link{ color:#333333; text-decoration:none; transition: all 0.3s linear}
a:hover{ color:#333333; text-decoration:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix{ overflow:hidden; zoom:1;}
.lft{ float:left;}
.rgt{ float:right;}

.header .top{ height: 28px; background: #333; line-height: 28px}
.header .top p{ float: left; font-size: 14px; color: #FFF}
.header .top span{ float: right; padding-left: 26px; background: url(../images/top-phone.png) left no-repeat; font-size: 14px; color: #FFF}
.header .logo-nav{ padding: 9px 0}
.header .logo{ float: left}
.header .nav{ float: right;}
.header li.nav-item{ position: relative; float: left; margin-left:  20px; font-size: 16px; color: #333333; line-height: 40px; cursor: pointer}
.header li.nav-item:hover{border-bottom: 2px solid #C33;}
.header li.active:hover{border-bottom: none;}
.header li.nav-item:before{ position: absolute; display: none; bottom: 3px; left: 0; width: 100%; height: 3px; background: #CC3333; content: ""}
.header li.nav-item.active a{
    color: #cc3333;
}
.header li.nav-item.active:before{ display: block}
/*.header li.nav-item:hover:before{ display: block}*/
.header li.nav-item .nav-menu{ position: absolute; top: 42px; left: -55%; z-index: 999991; width: 130px;display:none;
                        ; background: #eb4949; box-shadow: 0 0 9px rgba(0,0,0,.1)}
.header li.nav-item:hover .nav-menu{ display: block;}
.header li .menu-left{   content: " ";
                         float: right;
                         height: 10px;
                         width: 10px;
                         border-width: 1.5px 1.5px 0 0;
                         border-color: #fff;
                         border-style: solid;
                         transform: rotate(45deg);
                         margin-top: 4px;
}

.header li.nav-item .nav-menu li{  padding:28px 0;position: relative;}
.header li.nav-item .nav-menu li:nth-child(5) ul,.header li.nav-item .nav-menu li:nth-child(6) ul{     height: 55px;
  line-height: 55px;
}
.header li.nav-item .nav-menu li:nth-child(5) ul li,.header li.nav-item .nav-menu li:nth-child(6) ul li{
  line-height: 47px;
  padding: 0 9px !important;
}
.header li.nav-item .nav-menu li:last-child{ border-bottom: none;}
.header li.nav-item .nav-menu li .nm-name{ float: left; width: 120px; font-size: 16px; color: #fff; line-height: 20px; text-align: center}
.header li.nav-item .nav-menu li dl{ float: right; overflow: hidden; width: 272px}
.header li.nav-item .nav-menu li:nth-child(2) dl{ margin-top: 22px}
.header li.nav-item .nav-menu li dd{ float: left; width: 50%; padding: 6px 0; font-size: 12px; color: #666; line-height: 13px}
.header li.nav-item .nav-menu li:nth-child(3) dd{ width: 33.33%}
.header li.nav-item .nav-menu ul ul{display:none;width: 380px;}
.header li.nav-item .nav-menu ul li:hover ul{display:block; position: absolute; left: 130px; top:15px;background: #fff;}
.header li.nav-item .nav-menu ul li:hover ul li{text-align: center;float: left;padding: 0 8px;}
.header li.nav-item .nav-menu ul li:nth-child(4) li{width:110px;}
.header li.nav-item .nav-menu ul li ul li:hover{background: #eb4949;}
.footer{ padding: 52px 0; background: #333333; text-align: center}
.footer dl{ display: inline-block}
.footer dt{ overflow: hidden}
.footer dt .ft-left{ float: left}
.footer dt .ft-right{ float: left; margin-left: 23px; padding-left: 23px; border-left: 1px solid #FFF; font-size: 18px; color: #ffffff; line-height: 28px; text-align: left}
.footer dd{ margin-top: 16px; font-size: 18px; color: #FFF; line-height: 29px}