Template:TJU China/css/home.css

body{

 background: #eeeeee;

}

1. 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;
 bottom: 128px;
 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;

}