*, html{margin: 0; padding: 0; box-sizing: border-box; border: none; outline: none;}
a{text-decoration: none;}
p{text-align: justify;}

body{
    width: 100vw;
    height: 100vh;
}

.wrap{
    width: 1400px;
    height: 100%;
    margin: 0 auto;
}

.top{
    width: 1400px;
    height: 874px;
    background: url(../images/top.png);

    position: relative;
}

.topnav{
    width: 1400px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.logo{
    position: absolute;
    top: 20px;
    left: 134px;
}

.menu{
    float: right;

    position: absolute;
    top: 34px;
    right:134px;
}

.menu a{
    text-decoration: none;
    padding: 16px 24px;
    color: #969696;
    font-weight: 400;
}

.menu a:hover{color: #383838;}

/* ****************top********************* */
.top_title{
    width: 550px;
    height: 550px;
    /* border: 1px solid red; */

    position: absolute;
    top: 134px;
    left: -50px;

    font-size: 200px;
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 180px;
    color: #eaeaea;

    z-index: 100;
}

.top_img01{
    width: 477px;
    height: 537px;
    /* border: 1px solid red; */

    position: absolute;
    top: 162px;
    left: 130px;
    z-index: 200;
}

.top_content{
    width: 300px;
    height: 460px;
    /* border: 1px solid red; */

    position: absolute;
    top: 212px;
    left: 645px;
}

.top_subTitle{
    width: 183px;
    height: 223px;
    /* border: 1px solid red; */

    position: absolute;

    font-size: 70px;
    font-family: "Archivo Black", sans-serif;
    font-style: normal;
    line-height: 70px;
    color: #383838;
}

.top_txt{
    width: 300px;
    height: 95px;
    /* border: 1px solid red; */

    position: absolute;
    top: 250px;
    font-size: 16px;
    color: #969696;
}

.top_btn{
    width: 225px;
    height: 75px;
    /* border: 1px solid red; */

    position: absolute;
    top: 430px;
}

.top_btnTxt{
    width: 90px;
    height: 26px;
    background: none;

    position: absolute;
    top: 20px;
    left: 68px;
    font-size: 16px;
    font-weight: 400;
    color: #969696;
    cursor: pointer;
}

.top_btnTxt:hover{color: #383838;}

.top_img02{
    width: 429px;
    height: 700px;
    /* border: 1px solid red; */

    position: absolute;
    bottom: 0px;
    left: 900px;
}

/* ****************middle********************* */
.middle{
    width: 1400px;
    height: 882px;
    background: url(../images/middle.png);

    position: relative;
}

.mid_img01{
    width: 459px;
    height: 695px;
    /* border: 1px solid red; */

    position: absolute;
    top: 95px;
    left: 128px;
}

.mid_img01 img{width: 100%; height: 100%; object-fit: cover;}

.mid__subTitle{
    width: 435px;
    height: 160px;
    /* border: 1px solid red; */

    font-size: 65px;
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 70px;
    color: #cfcfcf;

    position: absolute;
    top: 205px;
    left: 465px;
}

.mid_txt{
    width: 435px;
    height: 140px;
    /* border: 1px solid red; */

    font-size: 16px;
    color: #969696;

    position: absolute;
    top: 400px;
    left: 642px;
}

.mid_btn{
    width: 121px;
    height: 121px;
    /* border: 1px solid red; */

    position: absolute;
    top: 576px;
    left: 642px;
}

/* ****************bottom********************* */
.bottom{
    width: 1400px;
    height: 858px;
    background: url(../images/bottom.png);

    position: relative;
}

.bot__subTitle{
    width: 395px;
    height: 160px;
    /* border: 1px solid red; */

    position: absolute;
    top: 175px;
    left: 130px;

    font-size: 65px;
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 70px;
    color: #383838;
}

.bot_txt{
    width: 300px;
    height: 115px;
    /* border: 1px solid red; */

    position: absolute;
    top: 400px;
    left: 130px;

    font-size: 16px;
    color: #969696;
}

.bot_btn{
    width: 225px;
    height: 75px;
    /* border: 1px solid red; */

    position: absolute;
    top: 566px;
    left: 130px;
}

.bot__btbTxt{
    width: 90px;
    height: 26px;
    /* border: 1px solid red; */

    position: absolute;
    top: 20px;
    left: 68px;

    font-size: 16px;
    font-weight: 400;
    color: #969696;
    cursor: pointer;
}

.bot__btbTxt:hover{color: #383838;}