.nav {
    overflow: hidden;
    width: 1920px;
    height: 726px;
    background-color: rgb(16, 119, 136);
}

.bg {
    background: url(../img3/house.jpg) ;
    width: 1920px;
    height: 726px;
    
}


.header {
    width: 100%;
    height: 80px;
    background-color: rgb(16, 119, 136);
    
}
.header-content{
    overflow: visible;
    margin: 0 auto;
    text-align: center;
    width: 58.3vw;
    height: 80px;
    background-color: rgb(16, 119, 136);
}

.logo {
    margin-top: 13px;
    float: left;
    /* width: 147.28px; */
    height: 58.3px;

}

.header ul {
    /* margin-left: 350px; */
    padding: 0;
    width: 600px;
    float: right;
}

.header>.header-content>ul>li {
    margin-left: 50px;
    width: 100px;
    /* padding-left: 50px; */
    float: left;
    height: 80px;
    text-align: center;
}

.header>.header-content>ul>li>a {
    font-size: 18px;
    color: rgb(235, 245, 247);
    line-height: 74px;
    /* border-bottom: 2px solid #f0301e; */
    display: block;
    text-decoration: none;
}

.header>.header-content>ul>li:hover>a {
    border-bottom: 6px solid #FFFFFF;
}


.box1 {
    text-align: center;
    margin-top: 80px;
    background-color: #EEEEEE;
    height: 1128px;
    width: 1920px;
    position: relative;
}
.box1>.line1{
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 72px;
    left: 257px;
}
.box1>.line2{
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 72px;
    left: 1137px;
}
.box1>.title .title1 {
    background-color: #CCCCCC;
    width: 324px;
    height: 80px;
    display: inline-block;
    position: absolute;
    top: 38px;
    left: 800px;
    font-size: 45px;
    border: 1px solid #787878;
    text-align: center;
    line-height: 75px;
}
.box1>.title .title2{
    width: 269px;
    top: 136px;
    font-size: 28px;
    position: absolute;
    left: 826px;
    font-weight:lighter
}
.box1>.tp {
    width: 1920px;
    height: 400px;
    display: inline-block;
    margin-top: 242px;
}
.box1>.tp>.tp1,.tp2,.tp3 {
    width: 378px;
    height: 378px;
    float: left;
    border-radius: 50%;
}
.box1>.tp>.tp1{
    margin-left: 275px;
}
.box1>.tp>.tp2,.tp3 {
    margin-left: 119px;
}
.box1>.tp>.tp1 {
    overflow: hidden;
}
.box1>.tp>.tp1 img {
    height: 378px;
    position: relative;
    left: -95px;
}
.box1>.tp>.tp2 {
    overflow: hidden;
}
.box1>.tp>.tp2 img {
    height: 378px;
    position: relative;
    left: -95px;
}
.box1>.tp>.tp3 {
    overflow: hidden;
}
.box1>.tp>.tp3 img {
    height: 378px;
    position: relative;
    left: -95px;
}
* {
    margin: 0;
    padding: 0;
}
.box1>.wenzi{
    width: 100%;
    text-align: center;
}
.box1>.wenzi>.w1 {
    text-align: left;
    display: inline-block;
    width: 378px;
    height: 470px;
    top: 16px;
    margin-left: 20px;
    margin-right: 119px;
}
.box1>.wenzi>.w1>p {
    font-weight: lighter;
    text-align: left;
    margin-top: 35px;
    display: inline-block;
    font-size: 18px;
}
.box1>.wenzi>.w2 {
    text-align: left;
    display: inline-block;
    width: 380px;
    height: 470px;
    top: 16px;
    margin-right: 109px;
    font-size: 18px;
}
.box1>.wenzi>.w2>p {
    font-weight: lighter;
    text-align: left;
    margin-top: 35px;
    display: inline-block;
    font-size: 18px;
    margin-bottom:12px;
}
.box1>.wenzi>.w3 {
    text-align: left;
    display: inline-block;
    width: 380px;
    height: 470px;
    top: 16px;
}
.box1>.wenzi>.w3>p {
    position: relative;
    bottom: 20px;
    font-weight: lighter;
    display: inline-block;
    font-size: 18px;
}
.box2 {
    text-align: center;
    margin-top: 60px;
    width: 1920px;
    height: 876px;
    background-color: #EEEEEE;
    position: relative;

}
.box2>.line3 {
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 275px;
}
.box2>.line4 {
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 1136px;
}
.box2>.title>.title3 {
    background-color: #CCCCCC;
    width: 252px;
    height: 66px;
    display: inline-block;
    position: absolute;
    top: 132px;
    left: 838px;
    font-size: 48px;
    border: 1px solid #787878;
    text-align: center;
    line-height: 66px;
}
.box2>.tp {
    position: relative;
    width: 1371px;
    height: 654x;
}
.box2>.tp>.tp1 {
    position: absolute;
    width: 495px;
    height: 550px;
    left: 275px;
    top: 223px;
    overflow: hidden;
}
.box2>.tp>.tp1 img {
    height: 550px;
    width: 496px;
    left: -120px;
}
.box2>.tp>.wenzi {
    font-weight: lighter;
    position: absolute;
    width: 345px;
    height: 360px;
    margin-left: 786px;
    text-align: left;
    top: 317px;
    font-size: 18px;
}
.box2>.tp>.tp1 {
    position: absolute;
    width: 495px;
    height: 550px;
    left: 275px;
    top: 223px;
    overflow: hidden;
}
.box2>.tp>.tp2 img {
    position: absolute;
    height: 550px;
    width: 496px;
    left: -120px;
    top: 223px;
    margin-left: 1280px;
}
.box3 {
    text-align: center;
    margin-top: 60px;
    width: 1920px;
    height: 1468px;
    background-color: #EEEEEE;
    position: relative;
}
.box3>.line1 {
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 275px;
}
.box3>.line2 {
    width: 523px;
    height: 5px;
    background-color: #707070;
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 1122px;
}
.box3>.title>.title1 {
    background-color: #CCCCCC;
    width: 252px;
    height: 66px;
    display: inline-block;
    position: absolute;
    top: 132px;
    left: 838px;
    font-size: 48px;
    border: 1px solid #787878;
    text-align: center;
    line-height: 66px;
}
.box3>.title>.title2 {
    font-size: 30px;
    font-weight:lighter;
    position: absolute;
    top: 220px;
    left: 845px;
}

.box3>.tw1 {
    width: 1370px;
    height: 384px;
    top: 224px;
    left: 275px;
    position: absolute;
}
.box3>.tw1>.tp1 img {
    position: absolute;
    width: 375px;
    height: 384px;
    left: 0;
    overflow: hidden;
}
.box3>.tw1>.tp1>.title1 {
    position: absolute;
    font-weight:lighter;
    font-size: 32px;
    left: 838px;
    top: 74px;
}
.box3>.tw1>.tp1>.wenzi {
    position: absolute;
    width: 990px;
    height: 170px;
    left: 390px;
    text-align: left;
    font-size: 18px;
}
.box3>.tw1>.tp1>.wenzi p {
    text-align: left;
    margin-top: 135px;
    display: inline-block;
    font-size: 18px;
    color: #818081;
}
.box3>.tw2 {
    width: 1370px;
    height: 384px;
    top: 608px;
    left: 275px;
    position: absolute;
}
.box3>.tw2>.title2 {
    top: 644px;
    left: 676px;
    font-size: 32px;
    font-weight: lighter;
}
.box3>.tw2 p {
    top: 930px;
    left: 276px;
    font-size: 18px;
    width: 994px;
    height: 254px;
    text-align: left;
    color: #818081;
}
.box3>.tw2>.tp6 {
    left: 806px;
    height: 386px;
    width: 375px;
    top: 0;
    position: absolute;
}
.box3>.tw2>.tp6 img {
    position: absolute;
    float: left;
    width: 375px;
    height: 386px;
}
.box3>.tw3 {
    position: absolute;
    width: 1370px;
    height: 385px;
    left: 275px;
    top: 992px;
}
.box3>.tw3>.tp7 {
    width: 376px;
    height: 385px;
    overflow: hidden;
}
.box3>.tw3>.tp7 img {
    left: -12px;
    height: 385px;
}
.box3>.tw3>.title {
    position: absolute;
    top: 64px;
    left: 760px;
    font-size: 32px;
    font-weight: lighter;
}
.box3>.tw3 p {
    position: absolute;
    width: 970px;
    height: 298px;
    text-align: left;
    font-size: 18px;
    color: #818081;
    left: 406px;
    top: 129px;
}



.box5{
    /* text-align: center; */
    /* margin-top: 48px; */
    /* text-align: center; */
    width: 1920px;
    height: 300px;
    background-color: #333333;
}
.box5>hr{
    width: 1034px;
    height: 1px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    /* border-top: 1px solid #999999; */
    position: relative;
    top: 60px;
    left: 440px;
}
.box5>.s6{
    text-align: center;
    display: inline-block;
    width: 146px;
    height: 25px;
    background-color: #333333;
    font-size: 22px;
    color: #FFFFFF;
    position: relative;
    top: 45px;
    left: 880px;
}
.box5>.d13{
    text-align: center;
    color:rgb(250,244,244) ;
    position: relative;
    top: 50px;
}
.box5>.d13>.s8{
    margin-right: 250px;
    margin-left: 250px;
}
.box5>.d13>.s7,.s8,.s9{
    font-size: 15px;
}
.box5>.box6{
    display: inline-block;
}

.box6>p{
    font-size: 19px;
    color: #EEEEEE;
    position: relative;
    top: 55px;
    line-height: 45px;
    left: 550px;
}
.box5>.box6>.b1>.g1{
    width: 150px;
    height: 65px;
    /* display: inline-block; */
    position: relative;
    bottom: 40px;
    left: 1250px;
}
.box5>.box6>.b1>.g2{
    width: 55px;
    height: 60px;
    position: relative;
    left: 1290px;
    bottom: 30px;
}