/* header */
.header .head-container{
    width: 1430px;
    height: 211px;
    background: url(../images/header_bg.jpg);
    color: #ffffff;
    overflow: hidden;
}
.header .head-container .name{
    font-size: 60px;
    letter-spacing: 6px;
    margin-top: 25px;
    margin-left: 28px;
}
.header .head-container .name2{
    margin-top: 26px;
    margin-left: 87px;
    font-size: 32px;
}
.header .head-container .head-desc{
    width: 810px;
    float: right;
    margin-top: -118px;
    margin-right: 60px;
}
/* footer */
.footer .footer-container{
width: 1430px;
height: 378px;
overflow: hidden;
color: #ffffff;
}
.footer .footer-container .bg-1{
float: left;
width: 464px;
height: 378px;
background: url(../images/bg1.jpg);
line-height: 378px;
text-align: center;
font-size: 60px;
letter-spacing: 6px;
}
.footer .footer-container .bg-2{
float: left;
width: 582px;
height: 378px;
background: url(../images/bg2.jpg);
}
.footer .footer-container .bg-3{
float: left;
width: 384px;
height: 378px;
background: url(../images/bg3.jpg);
}
.footer .bg-2 .middle-box{
width: 528px;
margin-top: 28px;
margin-left: 28px;
}
.footer .middle-box .name{
font-size: 32px;
}
.footer  .middle-box .desc{
margin: 20px 0;
line-height: 26px;
}
.footer .footer-container .three-js{
margin-bottom: 20px;
overflow: hidden;
}
.footer  .three-js img{
margin-right: 6px;
}
.footer  .three-js li{
float: left;
height: 26px;
}
.footer  .three-js li:not(:first-child){
margin-left: 128px;
}
.footer .footer-container .foot-news{
width: 510px;
height: 56px;
background-color: #434343;
margin: 0 auto;
box-sizing: border-box;
border: 5px solid #ffffff;
}
.footer  .bg-3 .desc{
width: 284px;
margin-top: 30px;
margin-left: 34px;
}
.footer .bg-3 img{
margin-right: 8px;
}
.footer  .bg-3 .desc p{
font-size: 32px;
}
.footer .bg-3 .desc ul{
margin-top: 14px;
line-height: 24px;
}