Difference between revisions of "Template:TJU China/home css"

Revision as of 12:51, 14 October 2018

       body {
         background: #eeeeee;
     }

     #banner {
         text-align: left;
         z-index: 10;
         margin-top: 52px;

     }

     .pic img {
         display: block;
         position: absolute;
         top: 2px;
         left: 0px;
         width: 100%;
         background-size: cover;

     }

     .pic a {
         display: none;
     }

     .pic {
         position: relative;
         margin-left: 18.75%;
         margin-right: 18.75%;

     }

     .btn_background {
         width: 62.5%;
         margin-left: 18.75%;
         height: 30px;
         background: #ffffff;
         position: absolute;
         top: 550px;
         opacity: 0.5;
         z-index: 2;

     }

     .btn {
         width: 62.5%;
         margin-left: 18.75%;
         height: 30px;
         position: absolute;
         top: 550px;
         z-index: 3;
     }

     .btn ul {
         width: 20%;
         height: 15px;
         margin-left: 40%;
         margin-top: 7.5px;
     }

     .btn ul li {
         background-color: #4e72b8;
         /*黑色*/
         color: #ffffff;
         list-style-type: none;
         width: 15px;
         height: 15px;
         float: left;
         border-radius: 7.5px;
         /*变成圆的*/
         text-align: center;
         line-height: 15px;
         cursor: pointer;
         /*鼠标移动变手指状态*/
         margin-left: 5px;
     }

     .btn ul li.one {
         background-color: #ffffff;
     }

     .home_abstract {
         z-index: 2;
         position: absolute;
         width: 62.5%;
         margin-left: 18.75%;
         height: 300px;
         margin-top: 580px;
         color: #ffffff;
         background: #4e72b8;

     }

     .home_abstract_head {
         color: #4e72b8;
         background: #ffffff;
         padding-left: 20px;
         height: 90px;

         padding-top: 70px;
         font-size: 50px;
         font-weight: bold;

     }

     .home_abstract_word {
         font-size: 17px;
         margin-top: 20px;
         padding-left: 30px;
         text-align: left;
         line-height: 1.5;
     }

     .home_abstract_logo {
         z-index: 3;
         position: absolute;
         width: 20px;
         height: 20px;
         margin-top: 600px;
         margin-left: 20%;
         background: #4e72b8;

     }

     .home_achievements_logo {
         z-index: 3;
         position: absolute;
         width: 20px;
         height: 20px;
         margin-top: 950px;
         margin-left: 20%;
         background: #4e72b8;

     }

     .home_achievements {
         width: 62.5%;
         position: absolute;
         margin-top: 930px;
         margin-left: 18.75%;
         color: #4e72b8;
         background: #ffffff;
         z-index: 2;
     }

     .home_achievements_head {
         font-weight: bold;
         font-size: 50px;
         padding-top: 65px;
         height: 90px;
         margin-left: 20px;
         float: left;

     }

     .home_achievements_word {
         padding-top: 30px;
         line-height: 2;
         margin-top: 140px;
         height: 120px;
         font-size: 25px;
         text-align: center;
         color: #ffffff;
         background: #4e72b8;
     }

     .home_achievements_word p {
         padding-top: 30px;
     }

     .home_medal {
         z-index: 3;
         margin-left: 58%;
         position: absolute;
         top: 1010px;
         width: 260px;
         height: 130px;
     }

     .home_medal_pic {

         max-width: 100%;
         height: auto;
     }

     .home_contact {
         background: #4e72b8;
         position: absolute;
         width: 100%;
         height: 190px;
         margin-top: 1300px;
     }

     .home_contact_icon1 {
         float: left;
         margin-left: 150px;
         margin-top: 20px;
         width: 140px;
         height: 140px;
     }

     .home_contact_icon2 {
         float: left;
         margin-left: 200px;
         margin-top: 20px;
         width: 140px;
         height: 140px;
     }

     .home_contact_word1 {
         float: left;
         margin-left: 100px;
         margin-top: 40px;
         width: 200px;
         height: 120px;
         color: #ffffff;
         font-family: "Microsoft YaHei", "Raleway", sans-serif;
         font-size: 25px;
         line-height: 1.5;
     }

     .home_contact_word2 {
         float: left;
         margin-left: 100px;
         margin-top: 40px;
         width: 300px;
         height: 120px;
         color: #ffffff;
         font-family: "Microsoft YaHei", "Raleway", sans-serif;
         font-size: 25px;
         line-height: 1.5;
     }

     .home_copyright {
         z-index: 2;
         position: absolute;
         margin-top: 160px;
         margin-left: 330px;
         clear: both;
         color: #ffffff;
         font-size: 15px;
     }