﻿/*头部信息*/
#header {
    border-bottom: 1px solid #e6e5e5;
}

#miniNav {
    background: none;
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 1200px;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}

    #miniNav a {
        color: #c7c8d1;
        font-weight: 600;
    }

    #miniNav span:first-child {
        padding-left: 6px;
    }

    #miniNav span:last-child {
        /*float: right;*/
        /*padding-right: 15px;*/
        color: #c7c8d1;
    }

    #miniNav span i {
        display: inline-block;
        width: 1px;
        height: 12px;
        /*background: #b3b3b3;*/
        margin: 0 10px;
        position: relative;
        top: -1px;
    }

    #miniNav span em {
        font-style: normal;
        color: #1155c2;
        padding-right: 12px;
    }

    #miniNav strong {
        font-weight: bold;
        padding-left: 28px;
    }

    #miniNav span b {
        font-weight: normal;
        padding: 0 10px 0 10px;
    }



/*banner*/
.header1 {
    width: 100%;
    height: 80px;
    /*background: url(../Images/header/bg.gif) center top no-repeat;*/
    overflow: hidden;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
}

    .header1 .hdcontainer {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content:space-between;
        justify-content:space-between;
        align-items: center;
    }

.hdcontainer .logo::after {
    content: '';
    width: 1px;
    height: 33px;
    background: #adaeae;
    margin-left: 15px;
}

.hdcontainer .logo {
    /*height: 34px;*/
    margin: 10px 0px 0px 0px;
    display: flex;
}

    .hdcontainer .logo img {
        margin-top: -6px;
    }

.hdcontainer .logoScond {
    height: 26px;
    margin-left: -37px;
    display: flex;
}

    .hdcontainer .logoScond .logo_subname {
        color: #333333a6 !important;
        font-size: 24px;
    }

.hdcontainer .slogan {
    width: 400px;
    height: 45px;
    /*background: url(/Images/header/slogan.png) 0 0 no-repeat;*/
    display: block;
    margin: 21px 22px 0px 147px;
    font-family: "microsoft Yahei";
}
    .hdcontainer .slogan m {
        display: flex;
        position: absolute;
        right: 53%;
        top: 15%;
        width: 210px;
        height: 48px;
        color: #d3434d;
        font-size: 24px;
        font-style: italic;
        font-weight: normal;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }

    .hdcontainer .slogan span {
        display: flex;
        position: absolute;
        right: 36%;
        top: 15%;
        width: 210px;
        height: 48px;
        color: #d3434d;
        font-size: 24px;
        font-style: italic;
        font-weight: normal;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }

    .hdcontainer .slogan md {
        display: flex;
        font-size: 30px;
        /*font-style: normal;*/
        font-weight: bold;
        margin-right: 7px;
        margin-top: 2px;
    }       



.hdcontainer .hdcontainer_right {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.hdcontainer .contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: center;
    align-items: stretch;
   /* margin: 0px 0px 0px 174px;*/
}

.hdcontainer .hdcontainer_right .links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.hdcontainer .hdcontainer_right .links a {
    color: #999;
    text-decoration: none;
    margin-left: 10px;
    font-size: 14px;
}

.hdcontainer .hdcontainer_right .links .linksbefore::after {
    content: '';
    width: 1px;
    height: 10px;
    background: #999;
    margin-left: 8px;
    display: inline-block;
}

.hdcontainer .contacts span {
    padding-left: 10px;
    color: #0b7afb;
}

.hdcontainer .links a {
    color: #999;
    text-decoration: none;
}

    .hdcontainer .links a.homesite {
        font-weight: bold;
    }

    .hdcontainer .links a:hover {
        color: #0b7afb;
    }



/*导航*/
#container {
    width: 100% !important;
}

#nav {
    width: 100%;
    height: 50px !important;
    background: #1155c2;
    overflow: hidden;
    padding-left: 0 !important;
}

    #nav ul {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }

        #nav ul li {
            float: left;
            line-height: 50px !important;
            margin: 0 !important;
            font-weight: normal !important;
            padding: 0 0px !important;
            line-height: 50px;
            font-size: 16px;
            color: #fff;
        }

            #nav ul li a {
                line-height: 50px !important;
                margin: 0 !important;
                font-weight: normal !important;
                padding: 17px 47px !important;
                font-size: 16px;
                color: #fff;
            }

                #nav ul li a.currect, #nav ul li a:hover {
                    color: #fff !important;
                    background: #d3434d;
                }


            /*隐藏二级导航*/
            #nav ul li ul {
                display: none;
                position: absolute;
            }
            /*鼠标悬停显示二级导航*/
            #nav ul li:hover ul {
                display: block;
                color: #333;
                background: #fff;
                z-index: 999;
                width: 158px;
                /*height: 80px;*/
                /*box-shadow: 7px 10px 10px #999, -7px 10px 10px #999;*/
                -webkit-box-shadow: 0 0 5px .15em rgba(6,97,96,.12);
                box-shadow: 0 0 5px .15em rgba(6,97,96,.12);
            }


            #nav ul li ul li a {
                float: none;
                line-height: 50px;
                width: 166px;
                /*background: lightskyblue;*/
                color: #72768c;
                font-weight: bold;
                padding: 17px 47px !important;
            }


                #nav ul li ul li a.currect, #nav ul li ul li a:hover {
                    color: #d3434d !important;
                    background: #fdeeef;
                }
