body,div,p,span,ul,li,ol,a,img,header,section,nav,footer,h1,h2,h3,h4,h5,h6{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    font-family: '微软雅黑','黑体';
}
div,p,a,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{
    display: block;
    border: none;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
button{
    border: none;
    outline: none;
}
table {
    border-collapse:collapse;
}
.fl{
    float:left;
}
.fr{
    float:right;
}

@media (max-width: 640px) {
    body,section,footer,nav,div,span,p,h1,h2,h3,h4,h5,input,textarea,table,ul,li,a,button,img{
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
}

.header{
            height: 70px;
            line-height: 70px;
            background: #004ea1;
        }
        .headerContent{
            width: 1200px;
            margin: 0 auto;
            height: 100%;
        }
        .headerContent>a{
            float: left;
            height: 100%;
        }
        .headerContent>a>img{
            float: left;
            margin-top: 11.5px;
            margin-right: 30px;
        }
        .headerContent>ul{
            float: left;
            height: 100%;
        }
        .headerContent>ul>li{
            height: 100%;
            float: left;
            width: 173px;
            text-align: center;
            position: relative;
            cursor: pointer;
            background: #004ea1;
            transition: all .5s;
        }
        .headerContent>ul>li>p{
            position: absolute;
            top:70px;
            left:0;
            z-index: 100;
            width: 0;
            height: 60px;
            line-height: 60px;
            background: #0250bb;
            overflow: hidden;
            transition: all .5s;
        }
        .headerContent>ul>li>p>a{
            float: left;
            width: 120px;
            line-height: 60px;
            text-align: center;
            color: #fff;
        }
        .headerContent>ul>li>a{
            display: inline-block;
            width: 100%;
            height: 100%;
            font-size: 17px;
            color: #d8dbee;
        }
        .headerContent>ul>li>a:hover{
            color: #fff;
        }
        .headerContent-active{
            background: #0250bb !important;
        }
        .headerContent li p{
            display: flex;
            justify-content: space-between;
        }
        .headerContent li:hover{
            background: #0250bb;
        }
        @media (min-width: 950px) {
            .headerContent li:hover .head-1,.headerContent li:hover .head-2{
                width: 480px;
            }
        }

        @media (max-width: 640px) {
            .headerContent li p{
                display: none !important;
            }
            .header{
                height: 120px;
                background: #004ea1;
                line-height: 60px;
            }
            .headerContent>ul>li>div>a {
                width: 85px;
                line-height: 42px;
            }
            .headerContent>ul>li>div {
                top: 60px;
                left: 0;
                z-index: 100;
                height: 42px;
                line-height: 42px;
            }
            .headerContent{
                width: 100%;
            }
            .headerContent>a>img{
                margin-left: 12px;
            }
            .headerContent>a{
                width: 100%;
                height: 60px;
            }
            .headerContent>ul{
                width: 100%;
                height: 50%;
            }
            .headerContent>ul>li{
                width: 20%;
            }
        }


#foot{
            background: #3a639b;
            padding-bottom: 36px;
        }
        #foot>p{
            font-size: 14px;
            text-align: center;
            color:#b5c7e0;
            margin-top: 56px;
        }
        /*底部样式*/
        .footer{
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            color: #b5c7e0;
            font-size: 18px;
            padding-left: 230px;
            background: url("../img/contact.png") no-repeat 8px 67px;
        }
        .footer-left>p{
            line-height: 38px;
        }
        .footer-left>p:first-child{
            margin-top: 68px;
        }

        .footer-left>p:nth-child(3){
            margin-top: 33px;
        }
        .footer a{
            color: #b5c7e0;
            font-size: 18px;
        }
        .footer a:hover{
            text-decoration: underline;
        }
        .footer-right{
            width: 163px;
            height: 163px;
            border: 1px solid #fff;
            margin-top: 67px;
        }
        .footer-right>img{
            margin: 7px auto 0;
        }
        .address{
            display: inline-block;
            width: 20px;
            height: 18px;
            background: url("../img/address.png") no-repeat;
            margin-right: 16px;
            position: relative;
            top:2px;
        }
        .phone1{
            display: inline-block;
            width: 20px;
            height: 23px;
            background: url("../img/phone.png") no-repeat;
            margin-right: 16px;
            position: relative;
            top:6px;
        }
        .mail{
            display: inline-block;
            width: 20px;
            height: 16px;
            background: url("../img/mail.png") no-repeat;
            margin-right: 16px;
            position: relative;
            top:2px;
        }
        @media (max-width: 640px) {
            #foot{
                height: auto;
            }
            .footer {
                width: 100%;
                overflow: hidden;
                color: #b5c7e0;
                font-size: 16px;
                padding: 0 16px;
                background: url(../images/contact.png) no-repeat 16px 24px;
            }
            .footer-left>p:first-child {
                margin-top: 100px;
            }
            .footer-left>p:nth-child(2) {
                margin-top: 0;
            }
            .footer-right {
                width: 163px;
                height: 163px;
                border: 1px solid #fff;
                margin-top: 30px;
                margin-bottom: 50px;
            }
            .footer a{
                color: #b5c7e0;
                font-size: 16px;
            }
          .footer-right {
    width: 50%;
    height: auto;
    padding: 7px;
    margin-right: 25%;
}
          .footer-right>img {
    margin: 0;
    display: block;
    width: 100%;
}
        }