body {
    /*overflow: hidden;*/
    font-family: ' Microsoft YaHei '
}
#head,
.navBox{
    background:rgba(255,255,255,0.5);
    position: relative;
    z-index: 111;
}
.navBox{
    z-index:110;
}
#head .headBox{
    width: 1080px;
    height: 97px;
    margin: 0 auto;
    position: relative;
}
#head .contact{
    font-size:18px;
}

#head .contact .box{
    float:right;
    margin:20px 0 10px 0;
}
#head .contact .box img{
    /*position:relative;*/
    /*top:5px;*/
    width:60px;
    margin-right:5px;
}
#head .contact .box span{
    position:relative;
    top:-17px;
    font-size:30px;
    font-weight: bold;
    color:#143470;
}
.clear:after {
    content: '';
    overflow: auto;
    display: block;
    clear: both;
}

.logo {
    position: absolute;
    left: 0;
    top: 7px;
    height: 90px;
    /*background: #143470;*/
    /*padding: 0 4px;*/
    text-align: center;
    z-index: 999;
}

.logo img {
    width: 185px;
    position: relative;
    top: -7px;
    /*transform: translateY(-50%);*/
}
.navBox{
    width:100%;
    /*opacity:.8;*/
}.navBox > div{
    width:1080px;
    margin: 0 auto;
 }

.nav {
    float: right;
	font-family: 'Microsoft YaHei';
}

.nav li {
    float: left;
    height: 45px;
    width: 110px;
    line-height: 45px;
    text-align: center;
    color:black;
    font-size: 18px;
}

.nav li:hover {
    /*background: #FFF;*/
    color:#FFF;
	box-sizing: border-box;
    cursor: pointer;
}

.nav .login:hover .loginoutstyle{
    display:block;
    border: none;
    cursor: default;
}

.user {
    position: relative;
}

.user div {
    position: absolute;
    top: 0px;
    width: 100%;
}

.user div {
    text-align: center;
}

.nav .login input {
    background: #143470;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    font-size: 18px;
    /*font-weight: bold;*/
    color: #fff;
    cursor: pointer;
    letter-spacing: 2px;
}

#footer {
    width: 100%;
    background: #8a8a8a;
    /*border-top: 10px solid #143470;*/
    padding-top: 80px;
	padding-bottom: 30px;
}

#footer ul {
    width: 1000px;
    margin: 0 auto;
    /*padding-top: 20px;*/
}

#footer li {
    float: left;
    font-family: '宋体';
}

#footer li.contact {
    /*width: 30%;*/
    padding-right: 50px;
    box-sizing: border-box;
}

#footer li.news-center {
    width: 17%;
}

#footer li.service {
    width: 17%;
}

#footer li.friend-link {
    width: 23%;
}

#footer li.about-us {
    /*width: 13%;*/
    float:right;
}

#footer li.about-us img {
    width: 110px;
}

#footer h3 {
    color:white;
    text-align:center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

#footer li p {
    line-height: 1.5;
    font-size: 14px;
    color: #999;
    margin-bottom:5px;
}
#footer li p.dianhuaBox{
    margin-bottom:0px;
}

 #footer li p span.dianhua{
    font-size:30px !important;
    top:-5px;
}
#footer li p span{
    color:white !important;
    position: relative;
    top: -10px;
    margin-left: 10px;
}
#footer li a {
    color: #999 !important;
}

#footer li a:hover {
    text-decoration: underline;
}

.login {
    position: relative;
}
.login:hover a{
    color:white !important;
}
/****************** 2017年5月21日14:50:25  ****************/
.loginoutstyle {
    float: left;
    width: 90px;
    background: #fff;
    opacity: .8;
    text-align: center;
    position: absolute;
    top: 45px;
    right: 0px;
    border-radius: 5px;
    padding: 0px 10px;
    font: 18px 'Microsoft YaHei';
    color: #000;
    display: none;
    z-index: 1001;
}

.loginoutstyle p {
    line-height: 39px;
    color: #666;
}

.out-first {
    border-bottom: 1px solid #ccc;
}

/*.triangle{*/
/*width:10px;*/
/*height:10px;*/
/*background:#fff;*/
/*opacity: .8;*/
/*transform:rotate(45deg);*/
/*position:absolute;*/
/*top:-5px;*/
/*left:25px;*/
/*}*/
.login:hover .loginoutstyle {
    display: block !important;
}

/***********************************************/

h3.news-news:after {
    display: block;
    content: "";
    height: 0px;
    background: #143470;
    width: 80px;
    position: relative;
    top: 0px;
    left: 0px;
}

#footer .clear li:before {
    display: block;
    content: "";
    height: 0px;
    width: 80%;
    background: #efefef;
    position: relative;
    top: 55px;
    left: 0px;
}