* {
    margin: 0;


    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;




    background: black;


    background-size: 100% 100%;
}

.header {
    width: 100%;


    height: 65px;


    /* border-bottom: 1px #ccc solid; */
    position: fixed;

    top: 0;



    z-index: 9999;


    /* background: rgba(0,0,0,.3); */
 

}


a{
    text-decoration: none;

    color: white;
}
.header_ct {


    width: 95%;

    height: 100%;
    display: flex;



    justify-content: space-between;



    align-items: center;
    margin: 0 auto;
}

.header p {
    color: white;
}

.pp1 {
    /* opacity: 0; */
}

.ul {
    list-style: none;

    display: flex;
}

.ul li {



    color: white;
    margin-left: 90px;
    font-size: 20px;
 
}


.header_ct .ul li a:hover{


    border-bottom: 1px #ccc solid;

    
}
.container {
    width: 96%;
    margin: 0 auto;


    display: flex;


    justify-content: space-between;
    margin-top: 65px;
}

.container h3 {
    font-size: 90px;


    color: white;
}

.pp9 {

    width: 518px;
    color: white;


    font-size: 25px;
}

.img9 {
    width: 699px;
}

.img12 {
    width: 500px;
}

.img6 {
    display: flex;

    flex-direction: column;
}









.img1 {
    display: flex;
    align-items: baseline;
}


.img15 {
    margin-left: 100px;


    margin-top: 100px;
}


.pp9 {
    margin-top: 100px;
}

.pp12 {
    width: 150px;
    height: 50px;
    border: 1px #ccc solid;
    border-radius: 30px;
    text-align: center;
    line-height: 50px;
    color: white;

    font-size: 26px;
}

.img19{


    margin-top: 260px;
}

.container1{
    width: 100%;


    background: white;


    position: relative;
}

.img26 h3{
    color: black  !important;
}
.img26 .pp9{
    color: black !important;
}


.img26 .pp12{
    color: black !important;
}
.container1 .img1{
    align-items: flex-start;
}
.container1 .img19{


    margin-top: 20px;
}





.container1 .pp9{
    margin-top: 20px;
}
.container1 .img15{
    margin-top: 600px;
}




.container1 .img9{


    width: 530px;
}





.container1 .img6{


    justify-content: flex-end;
}

.container1 .img29{



    margin-left: 21px;


    margin-right: 21px;


    margin-top: 15px;
}


.container2 .img15{
    


    margin-top: 0px;
}

.photo{
    padding-top: 15px;
}
.container2 .img1{


    align-items: flex-start;
    margin-top: 21px;
}
.container2 .pp9{
    margin-top: 21px;
}

.container2 .img19{
    margin-top: 39px;
}
.container2 .img9{


    width: 659px;
}


.container2{
    align-items: flex-end;
}
.photo1{
    width: 499px;

    margin-top: 60px;

    
}