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

Revision as of 10:19, 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;
     bottom: 128px;
     opacity: 0.5;
     z-index: 2;
 
   }
   .btn{
   width:62.5%;
   margin-left: 18.75%;
   height:30px;
   position:absolute;
   top: 500px;
   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:500px;
     color: #ffffff;
     background:  #4e72b8; 
   
 }
 .home_abstract_head{
   color: #4e72b8;
   background: #ffffff;
   padding-left: 20px;
   height: 90px;
  
   padding-top: 50px;
   font-size: 50px;
   font-weight: bold;
   
 }
 .home_abstract_word{
 
   margin-top: 30px;
   padding-left: 30px;
   text-align: left;
 
 }
 .home_abstract_logo{
   z-index: 3;
   position: absolute;
   width: 20px;
   height: 20px;
   margin-top: 515px;
   margin-left: 20%;
   background: #4e72b8;
 
 }
 .home_achievements_logo{
   z-index: 3;
   position: absolute;
   width: 20px;
   height: 20px;
   margin-top: 835px;
   margin-left: 20%;
   background: #4e72b8;
 
 }
 .home_achievements{
   width: 62.5%;
   position: absolute;
   margin-top: 820px;
   margin-left: 18.75%;
   color: #4e72b8;
   background:  #ffffff;
   z-index: 2;
 }
 
 .home_achievements_head{
   font-weight: bold;
   font-size: 50px;
   padding-top: 50px;
   height: 90px;
   margin-left: 20px;
   float: left;
   
 }
 .home_achievements_word{
   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:  900px;
   width: 200px;
   height: 100px;
 }
 .home_medal_pic{
   
   max-width: 100%;
   height: auto;
 }
 .home_contact{
   background:#4e72b8;
   position: absolute;
   width: 100%;
   height: 190px;
   margin-top: 1110px;
 }
 .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;
 }
 .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;
 }
 .home_copyright{
   z-index: 2;
   position: absolute;
   margin-top: 160px;
   margin-left: 330px;
   clear: both;
   color:#ffffff;
   font-size: 15px;
 }