*{
    margin:0;padding:0;
    font-family: microsoft yahei;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    float:left;
}
.w1400{
    width:1400px;
    margin:0 auto;
}
.w100{
    width:100%;
    float:left;
}
.clear{
    clear:both;
}
header{
    padding:30px 0;
    float:left;
    width:100%;
    background:#2b479b;
}
header a{
    float:left;
}
header span{
    float:left;
    border-left:1px solid #fff;
    font-size:28px;
    font-weight: bold;
padding: 0 0 0 30px;
margin: 28px 0 0 30px;
    color:#fff;
}
nav{
    float:left;
    width:100%;
}
nav ul.n1>li{
    float:left;
    padding:20px 50px;
}
nav ul.n1 li:hover>ul{
    display:block;
}
nav ul.n1 li a{
    color:#767676;
    font-size: 22px;
    font-weight: lighter;
}
nav ul.n1 li a:hover{
	color:#454545;
}
nav>ul.n1>li{
    position:relative;
}
nav ul.n2{
    display:none;
    position:absolute;
    width:100%;
    left:0;
    top:70px;
    padding:5px 0;
    /*background:#2b479b;*/
    z-index:9999;
}

nav ul.n2 li:hover>a{
    /*font-weight: bold;*/
    color:#c1c1c1;
}
nav ul.n2 li a{
    font-size:14px;
    color:#fff;
}

nav ul.n2>li{
    cursor: pointer;
    margin-bottom:1px;
    height:40px;
    line-height:40px;
    text-align:center;
    position:relative;
    background:#2b479b;
    width:100%;
}
nav ul.n2 li:hover>ul.n3{
    display:block;
}
nav ul.n3{
    display:none;
    position:absolute;
    background:#fff;
    overflow:hidden;
    left: 100%;
top: 0;
width: 180px;
padding:5px 0;
}
nav ul.n3 li{
    margin-bottom:1px;
    /*padding:5px 0;*/
}
nav ul.n3 li:hover{
    background:#f7f7f7;
}
nav ul.n3 li a{
    color:#767676;
}
nav ul li:nth-last-child(1){
    border-bottom:none;
}
nav ul.n3 li:hover a{
    color:#2b479b;
}
@keyframes navSlide { 
    0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }
    }
    
    nav ul li:hover>ul.n2 li:nth-child(1){
      animation: navSlide 0.6s;
    }
    nav ul li:hover>ul.n2 li:nth-child(2){
      animation: navSlide 0.8s;
    }
    nav ul li:hover>ul.n2 li:nth-child(3){
      animation: navSlide 1.0s;
    }
    nav ul li:hover>ul.n2 li:nth-child(4){
      animation: navSlide 1.2s;
    }
    nav ul li:hover>ul.n2 li:nth-child(5){
      animation: navSlide 1.4s;
    }
    nav ul li:hover>ul.n2 li:nth-child(6){
      animation: navSlide 1.6s;
    }
    nav ul li:hover>ul.n2 li:nth-child(7){
      animation: navSlide 1.8s;
    }
    nav ul li:hover>ul.n2 li:nth-child(8){
      animation: navSlide 2.0s;
    }
    nav ul li:hover>ul.n2 li:nth-child(9){
      animation: navSlide 2.2s;
    }
    nav ul li:hover>ul.n2 li:nth-child(10){
      animation: navSlide 2.4s;
    }
footer{
    background:#185fb3;
    float:left;
    width:100%;
    margin-top:50px;
    padding:30px 0 0 0;
}
.footer-left{
    float:left;
    border-right:1px solid #fff;
    padding-right: 60px;
    margin-left:14%;
}
.footer-mid{
    float:left;
    margin:0 0 0 60px;
}
.footer-mid p{
    color:#fff;
    font-size:16px;
    background:url(../images/address-ico.png) no-repeat left center;
    padding-left:40px;
    margin-top:10px;
    line-height:150%;
}
.footer-mid p:nth-last-child(1){
    background:url(../images/phone-ico.png) no-repeat left center;
    padding:10px 0 10px 40px;
}
.footer-right{
    float:right;
}
.footer-right img{
    width:160px;
}
.footer-xiaoxun{
	text-align:center;
	padding-top:10px;
}
.footer-xiaoxun img{
	float:none;
}
.footer-bottom{
    background:#004494;
    color:#fff;
    font-size:16px;
    float:left;
    width:100%;
    height:60px;
    line-height:60px;
    text-align: center;
    margin-top:30px;
}