Team:XMU-China/css/homeCss

• {

padding: 0; margin: 0; } .igem_2018_team_mobile_bar{ display: none !important; }

1. top_title{

display: none !important; }

1. globalWrapper,#content,.mw-body{

padding: 0 !important; margin: 0 !important; }

1. HQ_page{

width: 100%; height: 100%; } .clear{ clear: both; } .per{ min-width: 1500px; z-index: -2; width: 100%; height: 100%; background: white; } html body{ width: 100%； height: 100%; font-family: sans-serif; padding:0;margin:0; list-style: none; } .header{ /* position: fixed;*/ z-index: 5; margin: 0 auto; min-width: 1600px; } .header .headerpic{ width: 100%; height: 10em; background-color: #fff;

   box-shadow: lightgrey 0.6em 0.6em 2em 0.25em;

} .header .logo img{ float: left; height: 5em; padding-top: 2.5em; padding-left: 3.75em; } .header .nav{ min-width: 1500px; min-height: 400px; float: right; margin-top: -5.5em; } .header .nav div{ float: right; } .header .nav ul{ display: none; width: 90%; height: auto; min-width: 5em; background-color: #725cff; border-radius:10px; position: relative; margin: 0 5%; padding: 10% 0; } .header .nav li{ text-align: center; overflow:hidden; height: 2em; cursor: pointer; color: white; margin: 10% 0; } .header .nav img{ height: 2em; position: relative; top: -0.5em; margin-right: 2em; } .header .nav .nav-word{ height: 2em; cursor: pointer; float: none; overflow: hidden; list-style:none; font-size: 1.3em; font-family: sans-serif; font-weight: bolder; text-align: center; color:#2500b3; position: relative; margin: 0 2em; } .header .nav li:hover{ text-decoration:underline; } .header .nav .Team:hover ul{ display: block; } .header .nav .Other_Works:hover ul{ display: block; } .header .nav .Human_Practice:hover ul{ display: block; } .header .nav .Model:hover ul{ display: block; } .header .nav .Hardwork:hover ul{ display: block; } .header .nav .Notebook:hover ul{ display: block; } .header .nav .Project:hover ul{ display: block; } .main{ position: relative; min-width: 1500px; } .main .main_top{ position: relative; left: 20%; padding-top: 0%; font-family: sans-serif; min-width: 1000px; } .main .main_top p{ font-size:1.8em; line-height: 1em; padding-top: 1%; font-weight: lighter; } .main .main_top div{ font-size: 5em; font-weight: bolder; color:#2500b3; } .main .bg img{ width: 100%; min-width: 1500px; z-index: -1; } /*轮播图预留*/ .main .main_middle{ /* background: blue;*/ position: absolute; width: 100%; top: 50%; text-align:center; z-index: 1; color: #fff; width: 100%; } .main .main_middle div div{ font-size: 2.8em; font-weight: bold; font-family: sans-serif; } .main .main_middle p{ padding-top: 1%; text-align:center; line-height: 1.25em; font-size: 1.56em; font-family: sans-serif; font-weight: lighter; } /*通用*/ .footer{ margin: 0 auto; width: 100%; min-width: 1500px; position: relative; } .footer .footer_top{ z-index: 1; } .footer .footer_top img{ height: 7.5em; float: left; position: relative; top: 1.5em; left: 20%; } .footer .footer_top ul{ width: 10%; min-width: 155px; height: 2em; list-style: none; float: right; position: relative; right: 20%; color:#2500b3; font-family: sans-serif; font-weight: lighter; font-size: 1.375em; line-height: 1.5em; } .footer .footer_top ul{ cursor: pointer; } /*通用*/ .footer .footer_line{ position: relative; background-color:#2500b3; width: 80%; height: 1px; left: 10%; right: 10%; top: 5em; } .footer .footer_bottom{ width: 100%; } .footer .footer_bottom .footer_bottom_1{ width: 100%; padding-top: 10%; } .footer_bottom_1_pic2{ height: 7em; float: right; position: relative; right: 20%; } .footer_bottom_1_pic1{ height: 7em; float: left; position: relative; left: 20%; }

1. Contact_us{

font-size: 2em; float: left; position: relative; font-family: sans-serif; left: 25%; color:#2500b3; } .footer .footer_bottom .footer_bottom_2{ padding-top: 1%; }

.footer .footer_bottom .footer_bottom_2 ul li{ list-style: none; position: relative; left: 26%; cursor: pointer; } .footer .footer_bottom .footer_bottom_2 ul li img{ width: 2.5%; float: left; padding-left: 1.5%; } .position{ position: relative; left: 30%; }

1. logo_position{

width: 2.5%; position: relative; float: left; }

1. footer_bottom_word{

font-size: 1em; position: relative; line-height: 1.5em; color:#2500b3; float: left; left: 1%; }