/*头部*/


header .toplogo{
 float: left;
 width: 35%;
 text-align: left;
}
header .topmeun{
 float: right;
 width: 65%;
 text-align: center;
}
header .top-contact{
 width: 100%;
 text-align: right;
 height:48px;
 position: relative;
}
header .top-contact .con-leftt{
 width: 480px;
 height:48px;
 position: absolute;
 z-index:15;
 margin-left:36%;
}
header .top-contact .con-leftt .con{
 float:left;
 background:#a72f1f;
 line-height:48px;
 height:48px;
 padding: 0 10px;
 color:#fff;
 font-size:14px;
}
header .top-contact .con-leftt .img{
 float:left;
 height:48px;
}
header .top-contact .con-leftt .img .menu{
width:285px;
margin: 0 auto;
text-align:center;
}
header .top-contact .con-leftt .img .riga {
    float: left;
    width: 233px;
    height: 38px;
    padding-top: 5px;
}
header .top-contact .con-leftt .img .riga .sea {
    border: 1px solid hsla(0,0%,100%,0);
    width: 233px;
    height: 38px;
    padding-left: 10px;
    background: url(../img/searcha.jpg) no-repeat;
}
header .top-contact .con-leftt .img .rigb {
    float: left;
    width: 39px;
    height: 38px;
    padding-top: 6px;
}
header .topcn{
 float: left;
 width: 15%;
 height:100px;
 text-align: center;
}
header .topcn-index{
 float: right;
 width: 220px;
 text-align: center;
}
header .topcn-index li{
 float: left;
 text-align: center;
 line-height:100px;
 padding-right:10px;
}
header .topcn-index .search{
 float: left;
 width: 100%;
 text-align: center;
 line-height:100px;
}
header .topcn-index .search a{
  color:#FFFFFF;
}
header .topcn-index img{
  max-width:100%;
}
header .topcn .search{
 float: left;
 width: 100%;
 text-align: center;
 line-height:100px;
}
header .topcn .search a{
  color:#FFFFFF;
}
header .topcn img{
  max-width:100%;
}
header .logo{
 display: block;

}
header .logo {
 height:135px;
 display: table;
}
header .logo #imgbox {
 display:table-cell;
 vertical-align: middle;
 width: 25%;
}
header  .logo #imgbox img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 /*如果希望图片宽高都不超过父元素的宽高，并且垂直水平居中  这么设计*/
 max-height: 100%;
}
        #wrap {
		    position: absolute;
			height: 48px;
			z-index:30;
			margin-left:55%;
			top:-10px;
        }

        #wrap>ul {
            height: 48px;
        }

        #wrap>ul>li {
            position: relative;
            float: right;
            width: 40px;
            height: 27px;
            text-align: center;
            cursor: pointer;
            user-select: none;
        }

        #wrap>ul>li>a {
            color: #000000;
            text-decoration: none;
        }

        #wrap span {
            display: block;
            color: #666666;
            font-size: 12px;
        }

        #wrap>ul>li.on {
        }

        #wrap>ul>li.on>a {
            color: #fff;
        }

        #wrap>ul>li.on>a>span {
            color: #fff;
        }

        #wrap>ul>li:not(:first-of-type):hover {
        }
        #wrap>ul>li:not(:first-of-type):hover>a {
            color: #fff;
        }
        #wrap>ul>li:not(:first-of-type):hover>a>span{
            color: #fff;
        }
        #wrap #img {
            position: absolute;
            display: none;
            top: 48px;
            left: 0;
            width: 155px;
            height: 157px;
            border-top: none;
        }