Difference between revisions of "Team:XMU-China/css/homeCss"

 
(27 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
margin: 0;
 
margin: 0;
 
}
 
}
−
html body{
+
.igem_2018_team_mobile_bar,#sideMenu, #top_title, .patrollink,#top_title{
 +
display: none !important;
 +
}
 +
#globalWrapper,#content,.mw-body{
 +
padding: 0 !important;
 +
margin: 0 !important;
 +
}
 +
#HQ_page{
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
 +
text-align: center;
 +
margin: 0;
 
}
 
}
−
.header{
+
#HQ_page p{
−
/* position: fixed;*/
+
font-family: unset;
−
z-index: 5;
+
    font-size: unset;
−
margin: 0 auto;
+
    text-align:unset;
 +
    margin: 0；
 +
    padding:0;
 
}
 
}
−
.header .headerpic{
+
p{
 +
margin: 0；padding:0;
 +
display: block;
 +
    -webkit-margin-before: 0em;
 +
    -webkit-margin-after: 0em;
 +
    -webkit-margin-start: 0px;
 +
    -webkit-margin-end:
 +
}
 +
#contract{
 +
clear:all;
 +
width:100%;
 +
padding-top:10px;
 +
text-align:center;
 +
}
 +
#content {
 +
    width: 100%;
 +
    padding: 0;
 +
    border: none;
 +
    margin: 0px 0px;
 +
    position: static;
 +
    z-index:auto;
 +
    margin-top:-7px;
 +
    line-height: unset;
 +
    background: white;
 +
    background-color: white;
 +
}
 +
#sideMenu, #top_title, .patrollink {
 +
    display: none;
 +
}
 +
#HQ_page td{
 +
    padding: 0px !important;
 +
}
 +
#globalWrapper {
 +
    font-size:unset;
 +
    font-family:unset;
 +
    padding-bottom:0px;
 +
}
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
  margin: 0px;
 +
}
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
  font-family: unset;
 +
}
 +
.clear{
 +
clear: both;
 +
width: 0!important;
 +
height: 0!important;
 +
}
 +
html{
 +
max-width: 1920px;
 +
margin:0;
 +
padding:0;
 
width: 100%;
 
width: 100%;
−
height: 168px;
+
}
 +
html body{
 +
width: 100%;
 +
list-style: none;
 +
overflow: auto;
 +
margin:0;
 +
padding:0;
 +
    font:unset;
 +
    font-size: 16px;
 +
}
 +
/*以上为覆盖代码*/
 +
.header{
 +
position: fixed;
 +
z-index: 9999;
 +
width: 80vw;
 +
margin: 0 10vw;
 +
height: 4rem;
 +
min-width: 900px;
 
background-color: #fff;
 
background-color: #fff;
−
    box-shadow: lightgrey 10px 10px 30px 5px;
+
box-shadow: lightgrey 0.6rem 0.6rem 2rem 0.25rem;
 
}
 
}
 
.header .logo img{
 
.header .logo img{
 
float: left;
 
float: left;
−
height: 80px;
+
height: 3rem;
−
padding-top: 40px;
+
margin: 0.5rem 0 0.5rem 2rem;
−
padding-left: 60px;
+
 
}
 
}
−
.clear{
+
.header .nav {
−
clear: both;
+
position: relative;
 +
min-width: 900px;
 
}
 
}
−
.per{
+
#Team,#Other_Works,#Human_Practice,#Model,#Hardwork,#Notebook,#Project{
−
min-width: 1920px;
+
float: right;
−
margin: 0 auto;
+
padding: 1.5rem 1vw;
 +
position: relative;
 +
top: -4rem;
 
}
 
}
−
.header .nav ul li{
+
#jiannan{
−
float:right;
+
float: right;
−
list-style:none;
+
−
line-height: 50px;
+
−
font-size: 24.5px;
+
−
color:#2500b3;
+
−
padding-right: 70px;
+
 
position: relative;
 
position: relative;
−
top: -109px;
+
top: -4rem;
−
left: -50px;
+
padding:1rem 1vw;
 
}
 
}
−
.header .nav ul li img{
+
.header .nav img{
−
width: 90px;
+
height: 2rem;
 
}
 
}
−
.headerpic_bottom{
+
.header .nav .nav-word{
−
width: 100%;
+
line-height: 1rem;
−
height: 168px;
+
cursor: pointer;
 +
float: none;
 +
width: auto;
 +
list-style:none;
 +
font-size: 1rem;
 +
font-family: sans-serif;
 +
color:#2500b3;
 +
}
 +
.header .nav ul{
 +
display: none;
 
position: absolute;
 
position: absolute;
−
background-color: #fff;
+
top: 0;
 +
margin-top: 4.1rem;
 +
margin-left: -1vw;
 +
padding-left: 1vw;
 +
width: 8vw;
 +
background-color: #4e32ba;
 +
border-top-style: #fff solid 0.1rem;
 +
}
 +
.header .nav li{
 +
cursor: pointer;
 +
font: 1rem;
 +
line-height: 2rem;
 +
color: white;
 +
}
 +
 
 +
.header .nav li:hover{
 +
font-weight: bolder;
 +
}
 +
.header .nav #Team:hover,#Other_Works:hover,#Human_Practice:hover,
 +
#Model:hover,#Hardwork:hover,#Notebook:hover,#Project:hover{
 +
background-color: #4e32ba;
 +
}
 +
.header .nav #Team:hover div,#Other_Works:hover div,#Human_Practice:hover div,
 +
#Model:hover div,#Hardwork:hover div,#Notebook:hover div,#Project:hover div{
 +
color: #fff;
 +
}
 +
.header .nav #Human_Practice:hover ul,.header .nav #Model:hover ul,.header .nav #Team:hover ul,
 +
.header .nav #Hardwork:hover ul,.header .nav #Notebook:hover ul,.header .nav #Project:hover ul,
 +
.header .nav #Other_Works:hover ul{
 +
display: block;
 +
}
 +
 
 +
.main{
 +
position: relative;
 
}
 
}
−
.main{margin: 0 auto;}
 
 
.main .main_top{
 
.main .main_top{
−
padding-left: 400px;
+
padding-top: 10vw;
−
padding-top: 150px;
+
padding-left: 20vw;
 +
font-family: sans-serif;
 +
min-width: 900px;
 
}
 
}
 
.main .main_top p{
 
.main .main_top p{
−
font-size:30px;
+
font-size:1.5vw !important;
−
line-height: 40px;
+
line-height: 2vw;
−
padding-top: 20px;
+
 
font-weight: lighter;
 
font-weight: lighter;
 +
text-align: left!important;
 +
padding-bottom: 1.5vw;
 
}
 
}
 
.main .main_top div{
 
.main .main_top div{
−
font-size: 65px;
+
text-align: left;
−
font-weight: bold;
+
font-size: 4.5vw;
 +
font-weight: bolder;
 
color:#2500b3;
 
color:#2500b3;
 +
padding-bottom: 1.5vw;
 +
}
 +
.main .bg{
 +
position: absolute;
 +
top: 30%;
 +
width: 100%;
 +
min-width: 1100px;
 
}
 
}
 
.main .bg img{
 
.main .bg img{
 +
min-width: 900px;
 +
float: left;
 
width: 100%;
 
width: 100%;
−
z-index: -1;
 
 
}
 
}
−
/*轮播图预留*/
+
.main .turn_1{
−
.main .turn{
+
z-index: 999;
 +
width:1200px;
 +
height:750px;
 +
margin:30px auto;
 +
position:relative;
 +
margin-top:-0%;
 +
background: white;
 +
border-radius: 5px;
 +
-moz-box-shadow:0px 10px 20px  #004A80;
 +
-webkit-box-shadow:0px 10px 20px  #004A80;
 +
box-shadow:0px 10px 100px  #004A80;
 +
}
 +
#banner{
 +
}
 +
.turn_1 .banner{
 +
width:1000px;
 +
margin-left: 200px;
 +
height:750px;
 +
overflow:hidden;
 +
position:relative;
 +
}
 +
.turn_1 .introduction{
 +
width: 200px;
 +
height: 750px;
 +
margin-left: 0;
 +
z-index: 3;
 +
position: relative;
 +
top: -750px;
 +
padding: 5% 0;
 +
}
 +
.turn_1 .introduction .headline{
 +
width:100%;
 +
text-align: left;
 +
font-size: 2rem;
 +
color:#2500b3;
 +
padding-bottom: 20%;
 +
}
 +
.turn_1 .introduction .word{
 +
text-align: left;
 +
font-size: 1rem;
 +
font-weight: lighter;
 +
color:black;
 +
line-height: 1.8rem;
 +
}
 +
.introduction >div{
 
position: absolute;
 
position: absolute;
−
width: 800px;
+
padding: 0 10%;
−
height:600px;
+
−
background-color: blue;
+
−
top:500px;
+
−
left:400px;
+
 
}
 
}
 +
.banner-slide{
 +
width:1200px;
 +
height:750px;
 +
background-repeat:no-repeat;
 +
float:left;
 +
display:none;
 +
}
 +
.intro-slide{
 +
display: none;
 +
}
 +
 +
.slide-active{
 +
display:block;
 +
}
 +
 +
.slide1{
 +
background-image:url(https://static.igem.org/mediawiki/2018/6/65/T--XMU-China--bannerbg1.png);
 +
background-size:100%;
 +
}
 +
 +
.slide2{
 +
background-image:url(https://static.igem.org/mediawiki/2018/8/8b/T--XMU-China--bannerbg2.png);
 +
background-size:100%;
 +
}
 +
 +
.slide3{
 +
background-image:url(https://static.igem.org/mediawiki/2018/b/b7/T--XMU-China--bannerbg3.png);
 +
background-size:100%;
 +
}
 +
 +
.button{
 +
    position: absolute;
 +
    transform:rotate(180deg);
 +
    top: 50%;
 +
    left: 0;
 +
    height: 180px;
 +
    width: 102px;
 +
    margin-top:-90px;
 +
    background:url(../img/arrow.png) center center no-repeat;
 +
    z-index: 6;
 +
    background-repeat: no-repeat;
 +
}
 +
 +
.next{
 +
transform:rotate(0deg);
 +
left:auto;
 +
right:0;
 +
}
 +
.prev{
 +
left: 200px;
 +
}
 +
 +
.button:hover{
 +
opacity: 0.1;
 +
filter:alpha(opacity=70);
 +
}
 +
 +
.dots {
 +
position: absolute;
 +
bottom: 24px;
 +
right: 0;
 +
text-align: right;
 +
padding-right: 24px;
 +
line-height: 12px;
 +
}
 +
 +
.dots span {
 +
display: inline-block;
 +
width: 12px;
 +
height: 12px;
 +
border-radius: 50%;
 +
margin-left: 8px;
 +
background-color: rgba(7, 17, 27, 0.4);
 +
cursor: pointer;
 +
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset;
 +
}
 +
 +
.dots span.active{
 +
box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset;
 +
background-color: #ffffff;
 +
}
 +
 
.main .main_middle{
 
.main .main_middle{
−
/* background: blue;*/
+
min-width: 900px;
 
position: relative;
 
position: relative;
−
top: -1000px;
+
width: 100%;
 
text-align:center;
 
text-align:center;
 
z-index: 1;
 
z-index: 1;
 
color: #fff;
 
color: #fff;
 +
padding-top: 5rem;
 +
 
}
 
}
−
.main .main_middle div{
+
.main .main_middle div div{
−
font-size: 45px;
+
font-size: 2.8rem;
 
font-weight: bold;
 
font-weight: bold;
−
line-height: 100px;
+
font-family: sans-serif;
 +
padding-bottom: 1rem;
 
}
 
}
 
.main .main_middle p{
 
.main .main_middle p{
−
line-height: 32px;
+
padding-top: ;
−
font-size: 25px;
+
text-align:center !important;
−
font-family: 等线;
+
line-height: 2rem;
 +
font-size: 1.56rem!important;
 +
font-family: sans-serif;
 
font-weight: lighter;
 
font-weight: lighter;
 +
padding-bottom: 60vw;
 
}
 
}
−
.main .turn2{
+
/*通用*/
−
width: 800px;
+
.footer{
−
height: 300px;
+
−
background-color: blue;
+
−
position: absolute;
+
−
top: 1600px;
+
−
right: 951.5px;
+
−
margin-right: -400px;
+
−
}
+
−
.main .main_bottom {
+
−
min-width: 1920px;
+
−
position: absolute;
+
−
top: 2000px;
+
−
}
+
−
.main .main_bottom img{
+
 
width: 100%;
 
width: 100%;
 +
position: relative;
 
}
 
}
−
 
+
.footer .footer_top{;
−
/*通用*/
+
−
.footer{margin: 0 auto;}
+
−
.footer .footer_top{
+
 
z-index: 1;
 
z-index: 1;
−
position: relative;
+
width: 100%;
−
top: -200px;
+
height: auto;
−
padding-left: 290px;
+
padding-bottom: 10vw;
−
font-size: 22px;
+
−
font-weight: lighter;
+
−
line-height: 40px;
+
−
color:#2500b3;
+
 
}
 
}
 
.footer .footer_top img{
 
.footer .footer_top img{
−
width: 480px;
+
width: 20vw;
 +
float: left;
 +
position: relative;
 +
top: 1.5em;
 +
left: 25vw;
 
}
 
}
 
.footer .footer_top ul{
 
.footer .footer_top ul{
−
float: right;
+
width: 10vw;
 +
min-width: 0.9vw;
 +
list-style: none;
 +
float: left;
 
position: relative;
 
position: relative;
−
right: 250px;
+
left: 30vw;
−
padding-right: 100px;
+
color:#2500b3;
−
margin-top: -30px;
+
font-family: sans-serif;
 +
font-weight: lighter;
 +
font-size: 0.9vw;
 +
line-height: 1.5vw;
 +
cursor: pointer;
 +
text-align: left;
 
}
 
}
 
/*通用*/
 
/*通用*/
−
.footer .footer_middle{
+
.footer .footer_line{
−
position: absolute;
+
position: relative;
 
background-color:#2500b3;
 
background-color:#2500b3;
−
width: 1400px;
+
width: 80vw;
−
height: 1px;
+
height: 0.1rem;
−
top: 2600px;
+
left: 10vw;
−
left: 251.5px;
+
right: 10vw;
 
}
 
}
 
.footer .footer_bottom .footer_bottom_1{
 
.footer .footer_bottom .footer_bottom_1{
 +
padding-top: 2vw;
 +
padding-bottom: 5vw;
 
width: 100%;
 
width: 100%;
 +
}
 +
.footer_bottom_1_pic1{
 +
height: 4vw;
 
float: left;
 
float: left;
 +
position: relative;
 +
left: 30vw;
 
}
 
}
−
.footer .footer_bottom .footer_bottom_1 img{
+
.footer_bottom_1_pic2{
−
height: 110px;
+
height: 4vw;
 +
float: left;
 
position: relative;
 
position: relative;
−
left: 20%;
+
left: 33vw;
−
padding-right: 150px;
+
 
}
 
}
 
#Contact_us{
 
#Contact_us{
−
font-size: 30px;
+
font-size: 1.5vw !important;
−
padding-top: 20px;
+
padding: 0.25vw 0;
−
padding-left: 450px;
+
float: left;
 +
position: relative;
 +
font-family: sans-serif !important;
 +
left: 25vw;
 
color:#2500b3;
 
color:#2500b3;
 +
}
 +
.footer .footer_bottom .footer_bottom_2{
 +
width: 100%;
 +
height: 5vw;
 +
}
 +
 +
.footer .footer_bottom .footer_bottom_2 ul li{
 +
list-style: none;
 +
font-family: sans-serif;
 +
cursor: pointer;
 
}
 
}
 
.footer .footer_bottom .footer_bottom_2 ul li img{
 
.footer .footer_bottom .footer_bottom_2 ul li img{
−
width: 45px;
+
height: 2.5vw;
 
float: left;
 
float: left;
 +
padding: 0 1vw;
 
position: relative;
 
position: relative;
−
left: 33%;
+
left: 26vw;
−
margin-top: -40px;
+
−
padding-right: 20px;
+
 
}
 
}
−
.footer .footer_bottom .footer_bottom_2 .logo_position{
+
.footer_position{
−
padding-left: 200px;
+
padding-left: 50vw;
 
}
 
}
−
.footer .footer_bottom .footer_bottom_word{
+
#logo_position{
−
font-size: 15px;
+
height: 2.5vw;
−
position: relative;
+
float: left;
−
left: 640px;
+
}
−
line-height: 23px;
+
#footer_bottom_word{
−
top:-42px;
+
text-align: left !important;
 +
font-size: 0.8vw;
 +
line-height: 1.25vw;
 
color:#2500b3;
 
color:#2500b3;
 
float: left;
 
float: left;
−
}
 
−
.menu_item{
 
−
display: none;
 
−
!important;
 
−
}
 
−
.submenu{
 
−
display: none;
 
−
!important;
 
 
}
 
}

Latest revision as of 12:32, 6 August 2018

  • {

padding: 0; margin: 0; } .igem_2018_team_mobile_bar,#sideMenu, #top_title, .patrollink,#top_title{ display: none !important; }

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

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

  1. HQ_page{

width: 100%; height: 100%; text-align: center; margin: 0; }

  1. HQ_page p{

font-family: unset; 

   font-size: unset;
   text-align:unset;
   margin: 0；
   padding:0;

} p{ margin: 0；padding:0; display: block; 

   -webkit-margin-before: 0em;
   -webkit-margin-after: 0em;
   -webkit-margin-start: 0px;
   -webkit-margin-end:

}

  1. contract{

clear:all; width:100%; padding-top:10px; text-align:center; }

  1. content {
   width: 100%;
   padding: 0;
   border: none;
   margin: 0px 0px;
   position: static;
   z-index:auto;
   margin-top:-7px;
   line-height: unset;
   background: white;
   background-color: white;

}

  1. sideMenu, #top_title, .patrollink {
   display: none;

}

  1. HQ_page td{
   padding: 0px !important;

}

  1. globalWrapper {
   font-size:unset;
   font-family:unset;
   padding-bottom:0px;

} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { 

  margin: 0px;

}

  1. HQ_page h1, h2, h3, h4, h5 {
  font-family: unset;

} .clear{ clear: both; width: 0!important; height: 0!important; } html{ max-width: 1920px; margin:0; padding:0; width: 100%; } html body{ width: 100%; list-style: none; overflow: auto; margin:0; padding:0; 

   font:unset;
   font-size: 16px;

} /*以上为覆盖代码*/ .header{ position: fixed; z-index: 9999; width: 80vw; margin: 0 10vw; height: 4rem; min-width: 900px; background-color: #fff; box-shadow: lightgrey 0.6rem 0.6rem 2rem 0.25rem; } .header .logo img{ float: left; height: 3rem; margin: 0.5rem 0 0.5rem 2rem; } .header .nav { position: relative; min-width: 900px; }

  1. Team,#Other_Works,#Human_Practice,#Model,#Hardwork,#Notebook,#Project{

float: right; padding: 1.5rem 1vw; position: relative; top: -4rem; }

  1. jiannan{

float: right; position: relative; top: -4rem; padding:1rem 1vw; } .header .nav img{ height: 2rem; } .header .nav .nav-word{ line-height: 1rem; cursor: pointer; float: none; width: auto; list-style:none; font-size: 1rem; font-family: sans-serif; color:#2500b3; } .header .nav ul{ display: none; position: absolute; top: 0; margin-top: 4.1rem; margin-left: -1vw; padding-left: 1vw; width: 8vw; background-color: #4e32ba; border-top-style: #fff solid 0.1rem; } .header .nav li{ cursor: pointer; font: 1rem; line-height: 2rem; color: white; }

.header .nav li:hover{ font-weight: bolder; } .header .nav #Team:hover,#Other_Works:hover,#Human_Practice:hover,

  1. Model:hover,#Hardwork:hover,#Notebook:hover,#Project:hover{

background-color: #4e32ba; } .header .nav #Team:hover div,#Other_Works:hover div,#Human_Practice:hover div,

  1. Model:hover div,#Hardwork:hover div,#Notebook:hover div,#Project:hover div{

color: #fff; } .header .nav #Human_Practice:hover ul,.header .nav #Model:hover ul,.header .nav #Team:hover ul, .header .nav #Hardwork:hover ul,.header .nav #Notebook:hover ul,.header .nav #Project:hover ul, .header .nav #Other_Works:hover ul{ display: block; }

.main{ position: relative; } .main .main_top{ padding-top: 10vw; padding-left: 20vw; font-family: sans-serif; min-width: 900px; } .main .main_top p{ font-size:1.5vw !important; line-height: 2vw; font-weight: lighter; text-align: left!important; padding-bottom: 1.5vw; } .main .main_top div{ text-align: left; font-size: 4.5vw; font-weight: bolder; color:#2500b3; padding-bottom: 1.5vw; } .main .bg{ position: absolute; top: 30%; width: 100%; min-width: 1100px; } .main .bg img{ min-width: 900px; float: left; width: 100%; } .main .turn_1{ z-index: 999; width:1200px; height:750px; margin:30px auto; position:relative; margin-top:-0%; background: white; border-radius: 5px; -moz-box-shadow:0px 10px 20px #004A80; -webkit-box-shadow:0px 10px 20px #004A80; box-shadow:0px 10px 100px #004A80; }

  1. banner{

} .turn_1 .banner{ width:1000px; margin-left: 200px; height:750px; overflow:hidden; position:relative; } .turn_1 .introduction{ width: 200px; height: 750px; margin-left: 0; z-index: 3; position: relative; top: -750px; padding: 5% 0; } .turn_1 .introduction .headline{ width:100%; text-align: left; font-size: 2rem; color:#2500b3; padding-bottom: 20%; } .turn_1 .introduction .word{ text-align: left; font-size: 1rem; font-weight: lighter; color:black; line-height: 1.8rem; } .introduction >div{ position: absolute; padding: 0 10%; } .banner-slide{ width:1200px; height:750px; background-repeat:no-repeat; float:left; display:none; } .intro-slide{ display: none; }

.slide-active{ display:block; }

.slide1{ background-image:url(T--XMU-China--bannerbg1.png); background-size:100%; }

.slide2{ background-image:url(T--XMU-China--bannerbg2.png); background-size:100%; }

.slide3{ background-image:url(T--XMU-China--bannerbg3.png); background-size:100%; }

.button{ 

   position: absolute;
   transform:rotate(180deg);
   top: 50%;
   left: 0;
   height: 180px;
   width: 102px;
   margin-top:-90px;
   background:url(../img/arrow.png) center center no-repeat;
   z-index: 6;
   background-repeat: no-repeat;

}

.next{ transform:rotate(0deg); left:auto; right:0; } .prev{ left: 200px; }

.button:hover{ opacity: 0.1; filter:alpha(opacity=70); }

.dots { position: absolute; bottom: 24px; right: 0; text-align: right; padding-right: 24px; line-height: 12px; }

.dots span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-left: 8px; background-color: rgba(7, 17, 27, 0.4); cursor: pointer; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset; }

.dots span.active{ box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset; background-color: #ffffff; }

.main .main_middle{ min-width: 900px; position: relative; width: 100%; text-align:center; z-index: 1; color: #fff; padding-top: 5rem;

} .main .main_middle div div{ font-size: 2.8rem; font-weight: bold; font-family: sans-serif; padding-bottom: 1rem; } .main .main_middle p{ padding-top: ; text-align:center !important; line-height: 2rem; font-size: 1.56rem!important; font-family: sans-serif; font-weight: lighter; padding-bottom: 60vw; } /*通用*/ .footer{ width: 100%; position: relative; } .footer .footer_top{; z-index: 1; width: 100%; height: auto; padding-bottom: 10vw; } .footer .footer_top img{ width: 20vw; float: left; position: relative; top: 1.5em; left: 25vw; } .footer .footer_top ul{ width: 10vw; min-width: 0.9vw; list-style: none; float: left; position: relative; left: 30vw; color:#2500b3; font-family: sans-serif; font-weight: lighter; font-size: 0.9vw; line-height: 1.5vw; cursor: pointer; text-align: left; } /*通用*/ .footer .footer_line{ position: relative; background-color:#2500b3; width: 80vw; height: 0.1rem; left: 10vw; right: 10vw; } .footer .footer_bottom .footer_bottom_1{ padding-top: 2vw; padding-bottom: 5vw; width: 100%; } .footer_bottom_1_pic1{ height: 4vw; float: left; position: relative; left: 30vw; } .footer_bottom_1_pic2{ height: 4vw; float: left; position: relative; left: 33vw; }

  1. Contact_us{

font-size: 1.5vw !important; padding: 0.25vw 0; float: left; position: relative; font-family: sans-serif !important; left: 25vw; color:#2500b3; } .footer .footer_bottom .footer_bottom_2{ width: 100%; height: 5vw; }

.footer .footer_bottom .footer_bottom_2 ul li{ list-style: none; font-family: sans-serif; cursor: pointer; } .footer .footer_bottom .footer_bottom_2 ul li img{ height: 2.5vw; float: left; padding: 0 1vw; position: relative; left: 26vw; } .footer_position{ padding-left: 50vw; }

  1. logo_position{

height: 2.5vw; float: left; }

  1. footer_bottom_word{

text-align: left !important; font-size: 0.8vw; line-height: 1.25vw; color:#2500b3; float: left; }