body {margin: 0;padding: 0;}


.header {
    height: 450px;
    background-image: url(/static/image/back_1.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.header_main {height: 220px; background-color: rgba(1,104,181, 0.85);}
.header_top, .header_bottom {width: 1200px;margin: 0 auto;}
.header_top {padding: 15px 0;}
.header_top img{width:600px;}
.header_top button{float: right; margin: 20px 50px;}
.header_bottom ul {list-style: none;}
.header_bottom li {float: left;padding: 20px 70px;font-size: larger;color: white;}
.header_bottom a {color: white;text-decoration: none}
.header_bottom li:hover {background-color: rgba(3,75,157,0.9);cursor:pointer}
.active_li { background-color: rgba(3,75,157, 0.9);}


.content_nav, .content_main { width: 1200px; margin: 0 auto; }
.content_nav { font-weight: bolder; font-size: larger; position: relative; bottom: 50px;}
.content_search {padding: 30px 80px; background-color: rgb(234,237,243);}
.content_search input{margin: 0 20px; width: 300px;}
.content_search button{padding: 4px 15px; margin-left: 10px;}



.res_college {color: #0a53be; font-size: 27px; font-weight: bolder;}
.classify {width: 1200px;margin: 0 auto;padding: 10px;}
.classify_res {margin-bottom: 30px;}
.classify_item {width: 275px; margin-right: 15px; margin-bottom: 30px; padding: 20px 0; height: 140px; background-color: rgb(243,243,243); display: inline-block;}
.classify_pic {width: 110px; height: 100px; margin-right: 10px; float: left;}
.classify_name {color: rgb(90,90,90); font-weight: bolder; font-size: 20px; margin-bottom: 20px;}
.classify_prof {color: rgb(115,115,115); font-size: 13px;}


.footer {height: 160px; background: url('/static/image/back_2.png') 0 -200px;background-size:cover;}
.footer_main {height: 160px; width: 100%; background-color: rgba(1,104,181, 0.85);}
.footer_text { width: 1200px; margin: 0 auto; color: white; padding-top: 50px;}
.footer_text a {color: white; text-decoration: none;}