html{
    height: 100%;
}
body{
    height: 100%;
    background: url(../images/mainPage/page_bg.png) no-repeat ;
    background-position: center center;
    background-size: cover;
    display:flex;
    align-items: center;
}
.page_container{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_left{
    width: 40%;
}
.teda_logo{
    width: 240px;
}
.teda_logo img{
    width: 100%;
}
.page_title{
   color: #004097;
   font-size: 44px;
   font-weight: bold; 
   margin-top: 10px;
   cursor: default;
}
.page_title span{
    font-size: 54px;
    display: block;
}
.guide_btn{
    width: 200px;
    margin-top: 30px;
}
.guide_btn img{
    width: 100%;
}
.page_right{
    width:56%;
    margin-top:80px;
}
.book_pic{
    width: 100%;
}
.book_pic img{
    width: 100%;
}
.two_btn{
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.two_btn a{
    width: 47%;
}
.read_btn{
    width: 140px;
    margin: 0 auto;
    margin-top: 20px;
    transition:all 0.5s;
}
.read_btn img{
    width: 100%;
}
.read_btn:hover{
    transform: scale(1.1);
}