*{
    margin: 0;
    padding: 0;
}
.header{
    width: 100%;
    height: 130px;
    /* background: pink; */
}
.language{
    height: 40px;
    background-color:rgb(17, 17, 17);
}
.nav{
    height: 90px;
    background-color: rgb(0, 43, 73);
}
/* 设置距离顶部的距离 */
.header{
    margin-top: 20px;
}
/* 大盒子向右边浮动 */
.language>ul{
    height: 40px;
    float: right;
    margin-right: 260px;
}
/* 小盒子向左边浮动 */
.language>ul>li{
    height: 40px;
    width: 90px;
    line-height: 40px;
    /* background-color: pink; */
    list-style: none;
    float: left;
    margin-left: 5px;
}
/* 插入语言文字图片 */
.language>ul>li:nth-of-type(1){
    background: url(../img/lag.png) 17px 2px no-repeat;
}
/* 悬浮改变图片位置 */
.language>ul>li:nth-of-type(1):hover{
    background: url(../img/lag.png) -65px 2px no-repeat;
}
.language>ul>li:nth-of-type(2){
    background: url(../img/lag.png) 17px -31px no-repeat;
}
.language>ul>li:nth-of-type(2):hover{
    background: url(../img/lag.png) -63px -31px no-repeat;
}
.language>ul>li:nth-of-type(3){
    background: url(../img/lag.png) 17px -65px no-repeat;
}
.language>ul>li:nth-of-type(4){
    background: url(../img/lag.png) 10px -99px no-repeat;
} 
.language>ul>li:nth-of-type(5){
    padding-left: 30px;
    font-size: 14px;
    line-height: 40px;
    background: url(../img/b7.png) no-repeat 3px 0;
    background-color:rgb(0,138,206);
}
/* 清除a样式 */
/* decoration在此处代指下划线 */
a{
    text-decoration: none;
    color: white;
}
/* 设置li宽高 */
.nav>ul>li{
    height: 90px;
    padding: 0 15px;
    /* background-color: #582222; */
    float: left;
    line-height: 90px;
    list-style: none;
}
.nav>ul{
    /* float: right; */
    margin-left: 380px;
    /* 清除浮动 */
    height: 90px;
}
.header>img{
    float: left;
    margin-left: 105px;
}
#homeLi{
    position: relative;
    width: 40px;
}
#home{
    position: absolute;
    top: 28px;
}
/* 内容布局 */
.contenter{
    width: 70%;
    /* 设置高度，如果高度过低（600）不足以撑起下面的全部内容，
    下面的div将会跑到上面 */
    /* height: 6000px; */
    /* background-color: pink; */
    margin: 0 auto;
}
/* 小导航布局 */
.contenterTop{
    width: 100%;
    height: 60px;
    line-height: 60px;
    /* background-color: #e9e1e1; */
    border-bottom: 1px solid rgb(205,205,205);
}
.contenterTop>p{
    color: rgb(152,152,152);
}
.contenterTop>p>a{
    color: rgb(51,51,51);
}
.contenterTop>p>a:hover{
    color: rgb(51,137,215);
}
/* 内容 */
/* .contenter{
    text-align: center;
} */
.contenter>.img{
    text-align: center;
}
.contenter>.contenterTop{
    text-align: left;
}
.contenter>.img>h1{
    font-size: 24px;
    color: #333;
    height: 30px;
    line-height: 30px;
    margin: 15px 0;
}
.contenter>.img>span{
    font-size: 14px;
    color: #999;
    height: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    display: block;
}
/* 图片 */
.contenter>.img>p>img{
    width: 500px;
    margin-bottom: 20px;
}
.contenterTop>p{
    text-align: center;
    margin-bottom: 50px;
    text-align: center;
}
.contenter>.paragraph>p{
    margin-bottom: 30px;
}
/* footer布局 */
.footer{
    width: 100%;
    height: 280px;
    background-color: rgb(40,40,40);
    padding-top: 35px;
    box-sizing: border-box;

}
.footer>.top{
    width: 70%;
    height:150px;
    /* background-color: #98849b; */
    margin: 0 auto;
    margin-bottom: 30px;
}

.footer>.top>.topLeft{
    width: 420px;
    height: 100%;
    /* background-color: #3a3232; */
    color: white;
    border-right: 1px solid rgb(66,66,66);
    box-sizing: border-box;
    padding-left: 15px;
    float: left;
}
.footer>.top>.topLeft>h1{
    font-size: 30px;
}

.footer>.top>.topLeft>span{
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 3px;
}
/* 右边 */
.footer>.top>.topRight{
    width: 420px;
    height: 100%;
    /* background-color: #3a3232; */
    color: white;
    /* border-right: 1px solid rgb(66,66,66); */
    box-sizing: border-box;
    padding-left: 65px;
    float: left;
    background: url(../img/arrow_bottom.png) no-repeat 52px 39px;
}
.footer>.top>.topRight>h3{
    color: #3389d7;
    font-size: 16px;
}
.footer>.top>.topRight>p{
    color: #a5a5a5;
    padding-left: 25px;
    padding-top: 10px;
    background: url(../img/ico_mail.png) no-repeat 0px 11px ;
}

.footer>.bottom{
    width: 70%;
    height: 64px;
    /* background: #302f4a; */
    margin: 0 auto;
    border-top: 1px solid rgb(73,73,73);
}
.footer>.bottom>p{
    text-align: center;
    line-height: 64px;
    color: rgb(153,153,153);
}
.footer>.bottom>p>span{
    color: white;
}

.footer>.bottom>p>span:hover{
    color: rgb(153,153,153);
}
.paragraph>p{
    text-indent: 2em;
}