*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*header*/
/*header-top-right*/
.header{
    min-height: 45vh;
    background-color: red;
}
.header-top{
    min-height: 10vh;
    background-color: white;
}
.header-top-left{
    width: 18%;
    height: 10vh;
    float: left;
}
.header-top-left img{
    width:70%;
   margin: 0 11%;
}
.header-top-left span{
    width: 2%;
    height: 4.5vh;
    background-color: gray;
    display: inline-block;
    margin: 3% 0%;
}
.header-top-middle{
    width:55%;
    height: 10vh;
    float: left;
}
.header-top-middle nav ul li{
    float: left;
    margin:4% 1.5%;
    list-style: none;}
.header-top-middle nav ul li a{
    font-size: 20px;
    text-decoration: none;
    color: black;
}
.header-top-middle nav ul li:hover{
    border-bottom: 2px solid black;
    padding-bottom: 1%;
}
.header-top-middle nav ul li img{
    width: 10px;
    height: 10px;
    margin-left: 5px;
}
.header-top-right{
    width:25%;
    height: 10vh;
    float: left;
}
.header-top-right nav ul li{
float: left;
    margin:9% 2%;
    list-style: none;
}
.header-top-right nav ul li a{
    font-size: 15px;
    color: black;
    text-decoration: none;
}
.header-top-right nav ul li img{
    width: 10px;
    height: 10px;
    margin-left: 5px;
}
.header-top-right nav ul li:hover{
    border-bottom: 2px solid black;
    padding-bottom: 3%;
}
/*header-top-right*/
/*header/middle*/
.header-middle{
    min-height: 5vh;
    background-color: rgb(67, 67, 67);
    text-align: center;
    padding: 1%;
}
.header-middle p{
    font-size: 18px;
    color: white;
}
/*header-middle*/
/*header/bottom*/
.header-bottom{
    min-height: 30vh;
    background-color: rgb(1,103,185);
}
h1{
    color: white;
    padding:3% 8%;
    font-size:50px;
}
h2{
  font-size: 15px;
    color: white;
    padding:0% 8%;
}
/*header-bottom*/
/*header*/
/*main*/
.main{
    width: 95%;
    min-height: 100vh;
    margin: auto;
}
.main-top{
    height: 20vh;
    border-bottom: 2px solid gray;
    text-align: center;
}
.main-top-box{
    width:50%;
    height:20vh;
    display: inline-block;
}
.main-top nav ul li{
float: left;
   margin: 8% 3%;
    list-style: none;
    transition: border-bottom-color,padding-bottom 1s;
}
.main-top nav ul li:hover{
   border-bottom: 2px solid rgb(49, 202, 255);
    padding-bottom: 2%;
}
.main-top nav ul li a{
    color: gray;
    text-decoration: none;
    font-size: 25px;
}
.main-top nav ul li a:hover{
    color: black;
}
.main-middle{
    min-height: 50vh;
    border-bottom: 2px solid gray;
}
.main-middle-box{
    float: left;
    width: 32%;
    height: 50vh;
    margin-right: 1%;
}
.main-middle-box-top{
  height: 20vh;
}
.main-middle-box-top img{
    width: 30%;
}
.main-middle-box-middle{
   height: 20vh;
}
.main-middle-box-middle h3{
    padding: 4%;
    font-size: 28px;
}
.main-middle-box-middle img{
    width: 5%;
    margin-left: 5%;
}
.main-middle-box-middle a img:hover{
  background-image: url("../images/aa.png");
   background-size: 100% 100%;
}
.main-middle-box-middle p{
    font-size:20px;
    padding: 3% 5%;
}
.main-middle-box-bottom{
   height: 10vh;
}
.main-middle-box-bottom a{
    color: white;
    text-decoration: none;
    font-size: 20px;
    padding: 3%;
    background-color: rgb(1,103,185);
    display: inline-block;
    margin: 1% 3.5%;
    border-radius: 5px;
}
.main-middle-two{
    height: 15vh;
    border-bottom: 2px solid gray;
}
.main-middle-two-box{
    width: 32%;
    height:15vh;
    float: left;
    margin-right: 1%;
}
.main-middle-two-box h3{
    padding: 2%;
}
.main-middle-two-box p{
    padding: 2%;
}
.main-footer{
    height: 67vh;
}
.main-footer-box{
    width: 32%;
    height: 65vh;
    float: left;
    margin-right: 1%;
    padding: 2%;
    font-size: 18px;
}
.main-footer-two{
    height: 55vh;
}
.main-footer-two-left{
    width: 50%;
    height: 25vh;
    float: left;
    margin-top:9%;
}
.main-footer-two-left h3{
    font-size:40px;
    padding:3% 8%;
}
.main-footer-two-left p{
     padding:2% 9%;
    font-size: 20px;
}
.main-footer-two-left a{
    text-decoration: none;
    color: black;
    font-size: 22px;
    padding: 6% 8%;
    margin: 1%;
}

.main-footer-two-left img{
    width: 2%;
    margin-left: 1%;
}
.main-footer-two-right{
    width: 50%;
    height: 55vh;
    float: right;
    padding: 1%;
}
.main-footer-two-right img{
    width: 98%;
    border-radius: 10px;
}
.main-footer-three-top{
    height: 9vh;
    padding-top:1%;
}
.main-footer-three-top h3{
    font-size: 30px;
}
.main-footer-three{
    height:60vh;
}
.main-footer-three-items-top{
    width: 32%;
    height: 40vh;
    background-color: olivedrab;
    float: left;
    margin-right: 1%;
}
.main-footer-three-items-top img{
    width: 100%;
}
.main-footer-three-items-bottom{
   width: 100%;
    height: 15vh;
    padding: 1%;
}
.main-footer-three-items-bottom h3{
    font-size: 25px;

}
.main-footer-three-items-bottom a{
    padding: 1% 1%;
    background-color: #0159a5;
    text-decoration: none;
    font-size: 20px;
 display: inline-block;
    margin-top: 5%;
    border-radius:5px;
    color:white;
}
.main-footer-four-top{
    height: 8vh;
    padding: 1% 0%;
}
.main-footer-four-top h3{
    font-size: 25px;
}
.main-footer-four{
height: 60vh;
    font-size: 19px;
}
.footer{
    width: 100%;
    height: 50vh;
    background-color: #bdbdbd;
}
.footer-items{
    width: 95%;
    height: 50vh;
    background-color: #bdbdbd;
    margin: auto;
}
.footer-box{
        width: 14%;
    height: 42vh;
    float: left;
    margin-right: 2.5%;
    text-align: left;

}
.footer-box h3{
    font-size: 23px;
    margin: 10% 0%;
}
.footer-box nav ul li{
padding: 3%;
    list-style: none;
}
.footer-box nav ul li a{
    text-decoration: none;
    color: #6f6f6f;

}
.footer-box nav ul li a:hover{
    border-bottom: 2px solid #6f6f6f;
}
.language{
    width: 16%;
    height: 7vh;
    float: left;
}
.language:hover{
    border: 1px solid black;
    border-radius: 10px;
    background-color: gold;
}
.language img{
    width:15%;
float: left;
    margin: 5% 5%;
}
.language  a p{
    float: right;
    font-size: 18px;
    margin-top: 8%;
}
.language a{
    text-decoration: none;
    color: black;
}
.footer-bottom-right{
    width: 70%;
    height: 7vh;
    float: right;
    padding: 5px;
}
.footer-bottom-right nav ul li{
    float: left;
    margin-right:1%;
    padding:1%;
    list-style: none;
}
.footer-bottom-right nav ul li a{
    text-decoration: none;
    color: black;
}
.footer-bottom-right nav ul li a:hover{
    border-bottom: 2px solid black;
}
/*main*/