*{ transition: all 1s; } .navbar-fixed-top{ width: 100%; position: absolute !important; } .navbar-nav a{ color: #fff; } .navbar-nav a:hover{ color: #fff; } .navbar-toggle .icon-bar{ color: #fff !important; } .carousel-caption img{ width: 20%; margin-left: -2%; } .carousel-caption{ text-align: left !important; top: 28%; width: 100%; } .carousel-caption div{ width: 595px; height: 131px; font-size: 37px; font-family: Source Han Sans CN; font-weight: bold; color: #ffffff; line-height: 76px; } .carousel-caption p{ margin-top: 20px; width: 601px; height: 51px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #ffffff; line-height: 33px; opacity: 0.81; } .content{ background-color: #272F4C; height: 4682px; } .Liberty{ padding-top:10%; text-align:center; margin:0px auto; width: 20%; height: 20px; font-size: 19px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; } .bg1{ margin-top:400px; position: absolute; width: 100%; } .bg2{ position: absolute; width: 100%; } .qianbao{ text-align: center; } .title{ margin-top: 20px; } .title img{ margin-top: -20px; } .title h2{ display: inline-block; width: 168px; height: 38px; font-size: 40px; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .title .hr{ margin: 20px auto; width: 80px; height: 7px; background: #FF6600; } .link{ line-height:93px; font-size: 35px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; cursor: pointer; margin: 120px auto; background-color: #141E47; width: 740px; height: 93px; } .Liberty2{ text-align:center; margin:0px auto; width: 20%; height: 20px; font-size: 19px; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; } #jiesao{ padding-top: 120px; text-align: center; } #jiesao .ct{ top: 80px; position: relative; box-sizing: border-box; margin: 0 auto; } #jiesao .ct>img{ height: 659px; width: 100%; } #jiesao .con{ width: 100%; text-align: center; position: absolute; top: 20%; } #jiesao .con>img{ margin: 40px; width: 404px; height: 82px; } #jiesao .con>h2{ width:100%; height: 47px; font-size: 61px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 24px; } #jiesao .con>p{ padding: 20px; margin-top: 40px; text-align: center; width: 100%; height: 121px; font-size: 26px; font-family: Source Han Sans CN; font-weight: bold; color: #FFFFFF; line-height: 47px; } #kapai{ margin-bottom: 120px; margin-top: 220px; text-align: center; background-repeat: no-repeat; background-size: 100%; background-position:60% 70%; } #kapai .con{ text-align: center; width: 100%; } #kapai .con img{ cursor: pointer; } @keyframes sx{ 50%{transform:translateY(20px);} } #kapai .con img:hover{ animation:sx 2s linear infinite; } #model{ height: 1169px; text-align:center; } #model .con{ margin-top: 120px; position: relative; height: 769px; background: #3C3E57; } #model .con>img{ float: left; } #model .con .left>p{ z-index: 999; position: absolute; width: 82px; height: 41px; font-size: 42px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } #model .con .p2{ margin-left: 52%; margin-top:18% } #model .con .p1{ margin-left: 35%; margin-top:62% } #model .left{ position: relative; margin-top:120px; } #model .right{ float: right; height: 200px; margin-top:200px; } #model .right img{ margin-top: 80px; float: left; height: 39px !important; width: 39px !important; } #model .right p{ margin-top: 60px; width: 463px; height: 48px; font-size: 50px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; } #xianlu{ color: #fff; text-align: center; } #xianlu .ct{ position: relative; } #xianlu .ct .con{ padding-top: 60px; text-align: center; display: flex; margin-top: 8%; width: 100%; position: absolute; padding-bottom: 60px; } #xianlu .ct .con p{ font-size: 25px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 47px; } .hx{ left:6%; } .y{ margin: 5px; display: block; width: 10px; height: 10px; background: #FF6600; border-radius: 4px; } .x{ margin-left: 8px; display: block; width: 3px; height: 86px; background: #F0F0F2; } #xianlu .left{ margin-top: 110px; text-align: right; } .four{ margin-top: 140px; } #xianlu .right{ text-align: left; margin-top:0px; } .three{ margin-top: 140px; } .five{ margin-top: 150px; } .footer{ margin: 60px 0px; } .footer img{ margin-top: 20px; }