@charset "utf-8";
@font-face {
    font-family: "fzlthk";
    src: url(../fonts/fzlthjw.woff);
}
.arial{
    font-family: "fzlthk";
}
@font-face {
    font-family: "fzltch";
    src: url(../fonts/fzltzchk.woff);
}
.arial{
    font-family: "fzltch";
}
@font-face {
    font-family: "fzltdh";
    src: url(../fonts/fzltdhwoff.woff);
}
.arial{
    font-family: "fzltdh";
}
body{
    font-family: "fzlthk";
}
.hade_top{
    background: url(../images/top_bg.png) no-repeat center bottom #0c5194;
    height: 24px;
}
.hade_top ul li{
    float: left;
}
.hade_top a{
    color: #fff;
    line-height: 35px;
    display: block;
    padding: 0 8px;
    font-family: "fzlthk";
}
.Header{
    padding: 20px 0 18px 0;
    background: url(../images/head_bg.png) no-repeat center bottom #eff6fb;
}
.Header_top{
    
}
.Header_logo{
    float: left;
   
}
.Header_logo a{
    display:block;
}
.Header_logo a img{
    display:block;
    height: 75px;
}

.search-link{
}
.search{
    float: right;
    margin-top: 10px;
}
.search>.search-text{
    width: 210px;
    height: 42px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 13px;
    background: #f7f7f7;
    background: rgba(247, 247, 247, .8);
}
.search>.search-btn{
    vertical-align: top;
    width: 28px;
    height: 34px;
    background: url(../images/search.png) no-repeat center;
    box-sizing: content-box;
    cursor: pointer;
    background-color: #0c5194;
    padding: 4px 9px;
}

.nav{
    margin-top: 0px;
    border-bottom: 2px solid #0c5194;
}
.nav>ul{
    width: 100%;
    display: table;
    table-layout: auto;
}
.nav>ul>li{
    display: table-cell;
    position: relative;
    z-index: 3;
    padding-top: 22px;
}
.nav>ul>li:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #0c5194;
    z-index: -1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.nav>ul>li:hover:after{
    height: 100%;
}
.nav>ul>li:hover>a{
    color: #fff;
}
.nav>ul>li:hover>a>span{
    color: #fff;
}
.nav>ul>li>a{
    display: block;
    text-align: center;
    font-family: "fzlthk";
    font-size: 16px;
}
.nav>ul>li>a>span{
    font-size: 12px;
    color: #000000;
    display: block;
    text-transform: uppercase;
    width: 118px;
    margin: 2px auto;
}

 
.nav>ul>li>ul{
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 50%;
    top: 100%;
    background: #004986;
    background-color: rgba(0, 0, 0, .5);
    padding: 10px 0;
    -webkit-transform: translate(-50%,12px);
    -ms-transform: translate(-50%,12px);
    transform: translate(-50%,12px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.nav>ul>li:hover>ul{
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    visibility: visible;
    opacity: 1;
}
.nav>ul>li>ul>li{
    padding: 0 14px;
}
.nav>ul>li>ul>li:hover{
    background: rgba(0, 0, 0, 0.5);
}
.nav>ul>li>ul>li>a{
    display: block;
    font-size: 14px;
    color: #fff;
    font-family: "arial";
    line-height: 30px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.footer{
    background: url(../images/footer_bg.png) no-repeat center bottom #0c5194;
    padding: 30px 0;
}
.links{
    margin-right: 45px;
}
.links>p{
    color: #fff;
    font-size: 22px;
    background: url(../images/links_ico.png) no-repeat left 2px;
    padding-left: 28px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.links ul li{
    position: relative;
    padding-left: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.links ul li:hover{
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}
.links ul li:after{
    width: 2px;
    height: 2px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background: #fff;
}
.links ul li a{
    color: #fff;
    line-height: 28px;
    font-size: 13px;
}

.phone i{
    color: #fff;
    font-size: 22px;
    background: url(../images/phone_ico.png) no-repeat left 2px;
    display: block;
    padding-left: 28px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.phone p{
    color: #fff;
    line-height: 28px;
    font-size: 13px;
}
.code{
    margin-top: 40px;
}
.code img{
    display: block;
    width: 140px;
    height: 140px;
}