Team:SSTi-SZGD/css/Public Engagement

body{ min-width: 1347px; min-height: 465px; position: relative;}

.SSTi-SZGD{ background: url() no-repeat 0px 0px; height: 465px; background-size: cover; padding-top: 15px;}

/*自定义header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(3) a{ color: #FAEE0D;}

.topic{ position: absolute; margin: 10% auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white;} .topic p{ width: 58.28%; padding: 30px; border-top: 5px solid white; border-bottom: 5px solid white; margin: auto;}

/*Content*/ .Content{ width: 100%; height: auto; background: #f5f5f5; padding: 0 5%; padding-bottom: 50px;} .Content .title{ font-size: 3.5rem; text-align: center; color: #394c53; font-weight: 600;} .Content img{ height: inherit; float: left; display: none;} .Content .img_total{ height: 300px} .Content .img_total img{ width: 60%; margin: 40px 20% 20px 20%;} .Content .text,.Content .April_29 .collaboration .txt{ font-size: 1.5rem; text-align: justify; color: #333333; font-weight: 300; text-indent: 2rem; line-height: 2.5rem; width: 80%; margin: auto; overflow: hidden; height: 300px;} .Content .text p,.Content .April_29 .collaboration .txt p{ display: none;} .Content .April_29,.Content .June_22,.Content .July_11,.Content .July_26,.Content .July_29{ padding-top: 70px; padding-bottom: 70px; border-bottom: 1px solid #555555;} .Content .July_29{ border: none;} .Content .April_29 .collaboration .title{ margin-top: 20px; font-size: 3rem;} .Content .April_29 .collaboration .img{ margin: 10px auto; width: 80%; height: 342.5px;} .Content .June_22 .img{ margin: 20px auto; width: 80%; height: 323px;} .Content .July_11 .img{ margin: 20px auto; width: 80%; height: 247.1px;} .Content .July_26 .img{ margin: 20px auto; width: 80%; height: 242.48px;} .Content .July_29 .img{ margin: 20px auto 0 auto; width: 80%; height: 363.7px;} .Content .July_29 .img2{ margin: 0 auto; width: 80%; height: 242.48px;}

/*兼容1920*1080*/ @media only screen and (min-width: 1600px){

.Content .April_29 .collaboration .img{ margin: 10px 19%;} .Content .June_22 .img{ margin: 20px 19%;} .Content .July_11 .img{ margin: 20px 19%;} .Content .July_26 .img{ margin: 20px 19%;} .Content .July_29 .img{ margin: 20px 19% 0 19%;} .Content .July_29 .img2{ margin: 0 19%;}

}