.header{

   

    

}





.second{

    width: 100%;

    background: url(../images/homeSecond.png) no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

.second .secondTitle{

    margin-top: 120px;

    text-align: center;

    color: red;

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}

.fiveBox{

    display: flex;

    align-items: center;

    justify-content: space-around;

    /* flex-wrap: wrap; */

    margin:110px auto;

}

.fiveBox >div{

    flex: 1;

    text-align: center;

    flex-basis: 32%;

    margin: 25px 0px;

    padding: 10px 10px;

}

.fiveBox >span{

    width: 1px;

    height: 100px;

    display: inline-block;

    border-right: solid 1px #000;

}

.fiveBox >div h2{

   padding-bottom: 20px;

    font-size: 26px;

    font-family: "titleBlod";

}

.fiveBox >div p{

    font-size: 15px;

    line-height: 24px;

    font-family: "roman";

}

.ageTip{

    text-align: center;

    font-size: 13px;

    margin: 40px auto;

}

.beer{

    position: absolute;

    right: 0px;

    top: 50px;

}



.three{

    width: 100%;

    background: #dc0019;

}

.three .groupPhoto img{

    width: 100%;

    background-size: cover;

}

.titleBox{

    width: 370px;

    height: 100px;

    text-align: center;

    margin: 80px auto;

}

.about{

    width: 1024px;

    margin: auto;

}

.about p{

    color: #fff;

    font-size: 16px;

    line-height: 36px;

    margin: 20px 0px;

    text-indent: 2rem;

}

.breeBox{

    width: 100%;

    margin-top: 60px;

    text-align: center;

}



.bgBox{

    width: 100%;

}

.bgBox img{

    width: 100%;

    background-size: cover;

}



.lastBox{

    position: relative;

    display: flex;

    justify-content: center;

}

.lastBox img{

    width: 100%;

}

.lastBox_right{

    position: absolute;

    top: 25.8%;

}

.lastBox p{

    font-size: 16px;

    color: #fff;

    line-height: 32px;

}

.lastBox_right p{

    width: 49.3%;

    margin-left: 50.7%;

    margin-bottom: 42px;

    text-align: justify;

}

p.lastBox_bottom{

    position: absolute;

    bottom: 15.4%;

    left: calc((100%-1040px)/2);

}

.breTop{

    display: flex;

    align-items: flex-start;

    justify-content: center;

    margin-top: -80px;

}

.towbree{

    width:50%;

    top: -7%;

    position: relative;

}

.towbree img{

    width: 100%;

}

.remarkBox{

    width: 560px;

    box-sizing: border-box;

    padding:0px 20px;

}

.remarkBox p, .lastramrk p{

    color: #fff;

    font-size: 16px;

    line-height: 36px;

    text-align: justify;

}

.lastramrk{

    margin-top: 60px;

}



.videoBox{

    background: #dc0019;

}

.videoBox .title{

    text-align: center;

    margin: 60px 0px;

}

.videoClass{

    width: 900px;

    height: 415px;

    background: #000;

    margin: auto;

}

.codeBox{

    width: 100%;

    height: 900px;

    background: url(../images/codeBg.png) no-repeat #dc0019;

    background-size: cover;

    position: relative;

}   



.codeBox .title{

    margin-top: 280px;

    text-align: center;

    color: red;

}

.codeCenter{

    display: flex;

    align-items: center;

    justify-content: space-around;

    margin-top: 80px;



}

.codeCenter div{

    text-align: center;

}

.codeCenter div img{

    border: solid 8px #dc0019;

}

.codeCenter div p{

    font-size: 16px;

    line-height: 28px;

    text-align: center;

}

.ear{

    position: absolute;

    left: 0px;

    bottom: -4px;

}

.footer{

    width: 100%;

    height: 60px;

    background: #dc0019;

}

.footer p{

    color: #fff;

    text-align: center;

    line-height:60px;

    font-size: 11px;

}



/* @media (max-width: 1920px) {

    .lastBox {

        height: 1490px;

    }

    .breTop{

        margin-top: -44px;

    }

  } */