body{
    margin: 0;
}
.top-bar{
    width: 100%;
    height: 100px;
}
.top-bar1{
    width: 100%;
    height: 25px;
    background-color: black;
    text-align: right;
    

}
.top-bar1 a{
    text-decoration: none;
    color: white;
    padding: 10px;
    margin-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.logo{
    width: 133px;
    padding-top: 22px;
    padding-left: 63px;
}
.top-bar2 nav {
    width: 760px;
    display: flex;
    justify-content: space-evenly;
    margin-left: -102px;
}
.nav{
    padding-left: 466px;
    margin-top: -28px;
}
.top-bar2 nav a{
    text-decoration: none;
    color: #333333;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
}
.section1{
    width: 100%;
    height: 512px;
}
.watch{
   width: 100%;
}
.btn1{
    width: 180px;
    height: 42px;
    border: 1px solid;
}
.btn{
    margin-top: -227px;
    padding-left: 1042px;
}
.btn1:hover{
    cursor: pointer;
    background-color: red;
    color: white;
}
.section2-main h2{
   color:#333333;
   padding-left: 662px;
   font-size: 27px;
   width: 196px;
   font-family: Arial, Helvetica, sans-serif;
}
.line{
    height: 2px;
    margin-top: -19px;
    width: 67px;
    margin-left: 703px;
    background-color: rgb(179, 22, 22);
    border-radius: 24px;
}
.section2-main{
    height: 1955px;
    width: 100%;
}
.section2-images{
    height: 900px;
    width: 85%;
    padding-left: 105px;
    padding-top: 58px;
}
.upper-half{
    height: 50%;
}
.lower-half{
    height: 50%;
}
.left-side{
    float: left;
    width: 72%;
    height: 340px;
}
.right-side{
    float: right;
    width: 28%;
    height: 100%;
}
.upper-half1{
    height: 340px;
    margin-left: 109px;
}
.upper-half2{
    height: 340px;
    margin-left: -94px;
}
.lower-half1{
    height: 312px;
    padding-left: 109px;
    margin-top: -87px;
}
.lower-half2{
    margin-left: -487px;
    margin-top: -87px;
    width: 732px;
    height: 311px;
}
.text1{
    width: 92px;
    margin-top: -64px;
    margin-left: 130px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.text2{
    margin-left: 130px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    width: 385px;
    font-weight: bold;
}
.text3{
    margin-left: -78px;
    color: white;
    position: absolute;
    margin-top: -100px;
    font-size: 13px;
}
.text4{
    margin-left: -78px;
    color: white;
    position: absolute;
    margin-top: -73px;
    font-size: 19px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.text5{
    margin-left: 130px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: -103px;

}
.text6{
    margin-left: 130px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    margin-top: -5px;
    width: 293px;
}
.text7{
    margin-left: -468px;
    color: white;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -56px;
}
.text8{
    margin-left: -468px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    margin-top: -7px;
}
.river1{
    width: 95%;
    padding-left: 37px;
    margin-top: -161px;
}
.river-btn{
    margin-top: -289px;
    padding-left: 234px;
}
.btn-river{
    width: 127px;
    background-color: transparent;
    height: 31px;
}
.btn-river:hover{
    cursor: pointer;
    background-color: rgb(200, 49, 49);
    color: white;
}
.section2-main h3{
    color: #333333;
    padding-left: 662px;
    font-size: 27px;
    width: 253px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 265px;
}
.line1{
    height: 2px;
    margin-top: -19px;
    width: 67px;
    margin-left: 720px;
    background-color: rgb(179, 22, 22);
    border-radius: 24px;
}
.news-img{
    width: 80%;
    padding-left: 134px;
}
.buttons{
    padding-left: 562px;
    height: 31px;
}
.more-btn1{
    height: 31px;
    width: 163px;
    background-color: transparent;

}
.more-btn2{
    height: 31px;
    width: 163px;
    margin-left: 35px;
    background-color: transparent;
}
.more-btn1:hover{
    cursor: pointer;
    background-color: rgb(200, 49, 49);
    color: white;
}
.more-btn2:hover{
    cursor: pointer;
    background-color: rgb(200, 49, 49);
    color: white;
}
footer{
    height: 760px;
    width: 100%;
    background-color: #f1ebeb;
}
.about{
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    
}
.footer-elements a{
    width: 150px;
    line-height: 45px;
    padding-left: 150px;
    text-decoration: none;
    color: #595757;
}
.about1{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.about-huawei{
    width: 110px;
    padding-left: 150px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
}
.line2{
    width: 1215px;
    height: 1px;
    background-color: #595757;
    margin-left: 148px;
    margin-top: 22px;
    
}
.about2{
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    margin-top: -386px;
    margin-left: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.news2{
    width: 120px;
    padding-left: 150px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
}
.about3{
    margin-top: -140px;
    display: flex;
    flex-direction: column;
    padding-left: 550px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.explore{
    padding-left: 150px; 
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
}
.about4{
    display: flex;
    flex-direction: column;
    margin-top: -410px;
    padding-left: 850px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;

}
.products{
    padding-left: 147px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
}
.about5{
    display: flex;
    flex-direction: column;
    margin-top: -231px;
    padding-left: 1059px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;

}
.support1{
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 150px;
}
.search{
    margin-left: 928px;
    width: 426px;
    height: 37px;
    background-color:white ;
    border: none;
    font-size: 16px;
    padding-left: 20px;
}
.search-box{
    margin-top: -43px;
}
.line-last{
width: 100%;
height: 100px;
margin-top: 170px;
}
.line2{
    width: 1215px;
    height: 1px;
    background-color: #595757;
    margin-left: 148px;
    margin-top: 23px;
}
.last-footer{
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 50px;
    margin-top: 3px;
    background-color: rgb(221, 219, 219);
}
.line-last a{
    width: 150px;
    line-height: 45px;
    padding-left: 150px;
    text-decoration: none;
    color: #595757;
    font-size: 13px;
}
.ab{
    margin-left: 111px;
    margin-top: -45px;
}
.bc{
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    
}
.last-nav{
align-items: center;
display: flex;
padding: 13px;
}
.last-footer a{

    text-decoration: none;
    color: #595757;
}
.two{
    color: #595757;
}
.am{
    padding: 10px;
}
.ama{
    padding: 10px;
}
.amb{
    padding: 10px;
}
.amc{
    padding: 10px;
}