|
|
@@ -35,8 +35,8 @@ img{
|
|
|
/**/
|
|
|
background: #111111;
|
|
|
position: fixed;
|
|
|
- padding-top: 20px;
|
|
|
- padding-bottom: 10px;
|
|
|
+ padding-top: 50px;
|
|
|
+ padding-bottom: 20px;
|
|
|
z-index: 99;
|
|
|
}
|
|
|
|
|
|
@@ -48,11 +48,7 @@ img{
|
|
|
font-weight: 400;
|
|
|
}
|
|
|
.header .nav li{
|
|
|
- margin-left: 55px;
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
+ margin-left: 55px; display: inline-block;vertical-align: middle;font-size: 16px;
|
|
|
}
|
|
|
.header .nav li.active a,
|
|
|
.header .nav li a:hover{
|
|
|
@@ -113,11 +109,11 @@ border: #111111 solid 1px;
|
|
|
.form-btns .btn{
|
|
|
width: 100%; height: 55px; background: #FFFFFF; font-size: 16px; color: #111111;
|
|
|
border: 1px solid #FFFFFF;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 4px;
|
|
|
- cursor: pointer;
|
|
|
- display: inline-block;
|
|
|
- line-height: 55px;
|
|
|
+box-sizing: border-box;
|
|
|
+border-radius: 4px;
|
|
|
+cursor: pointer;
|
|
|
+display: inline-block;
|
|
|
+line-height: 55px;
|
|
|
}
|
|
|
.form-btns .btn:hover{
|
|
|
background: #369FFF !important;
|
|
|
@@ -143,28 +139,25 @@ border: #111111 solid 1px;
|
|
|
|
|
|
}
|
|
|
.hbanner{
|
|
|
- margin-top: 0px;
|
|
|
+
|
|
|
}
|
|
|
.hbanner .wrapper{
|
|
|
- background: url(../imgs/home1.png) no-repeat right ;
|
|
|
- background-position-y:25%;
|
|
|
- height: 950px;
|
|
|
- padding-top: 285px;
|
|
|
+ background: url(../imgs/home1.png) no-repeat right center;
|
|
|
+ height: 940px;
|
|
|
+ padding-top: 305px;
|
|
|
}
|
|
|
.hbanner-txt{
|
|
|
padding-left: 155px;
|
|
|
}
|
|
|
.hbanner-txt h2{
|
|
|
- font-size: 30px;
|
|
|
- line-height: 160%;
|
|
|
- color: #fff;
|
|
|
- margin-bottom: 55px;
|
|
|
- font-weight: bold;
|
|
|
-
|
|
|
+ font-size: 40px;
|
|
|
+line-height: 160%;
|
|
|
+color: #fff;
|
|
|
+font-weight: bold;
|
|
|
+margin-bottom: 55px;
|
|
|
}
|
|
|
.hbanner-txt h2 font{
|
|
|
color: #369FFF;
|
|
|
-
|
|
|
}
|
|
|
.hbanner-txt .list{
|
|
|
font-size: 14px;
|
|
|
@@ -178,26 +171,25 @@ line-height: 20px;
|
|
|
}
|
|
|
.hbanner-txt .list .num{
|
|
|
background: #333333;
|
|
|
- border-radius: 1px;
|
|
|
- margin-left: 5px;
|
|
|
- padding: 0 3px;
|
|
|
- font-family: 'Barlow-Regular';
|
|
|
+border-radius: 1px;
|
|
|
+margin-left: 5px;
|
|
|
+padding: 0 3px;
|
|
|
+font-family: 'Barlow-Regular';
|
|
|
}
|
|
|
.hbanner-txt .btns{
|
|
|
margin-top: 60px;
|
|
|
}
|
|
|
.hbanner-txt .btns a{
|
|
|
width: 130px;
|
|
|
- height: 55px;
|
|
|
- line-height: 55px;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- border: 1px solid #FFFFFF;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 24px;
|
|
|
- font-weight: bold;
|
|
|
- /*transition: 0.4s;*/
|
|
|
+height: 55px;
|
|
|
+line-height: 55px;
|
|
|
+text-align: center;
|
|
|
+display: inline-block;
|
|
|
+border: 1px solid #FFFFFF;
|
|
|
+box-sizing: border-box;
|
|
|
+border-radius: 4px;
|
|
|
+margin-right: 24px;
|
|
|
+/*transition: 0.4s;*/
|
|
|
}
|
|
|
.hbanner-txt .btns a:hover{
|
|
|
background: #369FFF !important;
|
|
|
@@ -244,7 +236,7 @@ padding-bottom: 30px;
|
|
|
}
|
|
|
.hrow .img{
|
|
|
/*padding-top: 120px;*/
|
|
|
- padding-top: 18%;
|
|
|
+ padding-top: 110px;
|
|
|
/*width: 500px;*/
|
|
|
width: 43%;
|
|
|
}
|
|
|
@@ -262,7 +254,7 @@ padding-bottom: 30px;
|
|
|
position: relative; z-index: 2;
|
|
|
}
|
|
|
.hrow2{
|
|
|
- background: #332E2E;
|
|
|
+ background: #369FFF;
|
|
|
height: 634px;
|
|
|
}
|
|
|
.hrow3{
|
|
|
@@ -274,7 +266,7 @@ padding-bottom: 30px;
|
|
|
height: 570px;
|
|
|
}
|
|
|
.hrow5{
|
|
|
- background: #332E2E;
|
|
|
+ background: #369FFF;
|
|
|
height: 634px;
|
|
|
}
|
|
|
.hrow6{
|
|
|
@@ -287,8 +279,8 @@ padding-bottom: 30px;
|
|
|
}
|
|
|
.hfoot{
|
|
|
height: 594px;
|
|
|
- background: url(../imgs/home9.png) no-repeat center top #332E2E;
|
|
|
- color: #ffffff;
|
|
|
+ background: url(../imgs/home9.png) no-repeat center top #fff;
|
|
|
+ color: #111111;
|
|
|
text-align: center;
|
|
|
padding-top: 280px;
|
|
|
position: relative;
|
|
|
@@ -302,25 +294,24 @@ font-weight: bold;
|
|
|
display: none;
|
|
|
}
|
|
|
.hfoot .num{
|
|
|
- background: #202020;
|
|
|
+ background: #DFF0FF;
|
|
|
color: #369FFF;
|
|
|
font-weight: bold;
|
|
|
- border-radius: 1px;
|
|
|
- margin-right: 1px;
|
|
|
- padding: 0 6px;
|
|
|
- font-family: 'Barlow-Regular';
|
|
|
+border-radius: 1px;
|
|
|
+margin-right: 1px;
|
|
|
+padding: 0 6px;
|
|
|
+font-family: 'Barlow-Regular';
|
|
|
}
|
|
|
.hfoot .btn{
|
|
|
display: inline-block;
|
|
|
width: 130px;
|
|
|
- height: 55px;
|
|
|
- line-height: 55px;
|
|
|
- background: #111111;
|
|
|
- border-radius: 4px;
|
|
|
- margin-top: 24px;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
+height: 55px;
|
|
|
+line-height: 55px;
|
|
|
+background: #111111;
|
|
|
+border-radius: 4px;
|
|
|
+margin-top: 24px;
|
|
|
+font-size: 16px;
|
|
|
+color: #fff;
|
|
|
/*transition: 0.4s;*/
|
|
|
}
|
|
|
.hfoot .btn:hover{
|
|
|
@@ -335,7 +326,7 @@ font-weight: bold;
|
|
|
/*价格*/
|
|
|
.mprice-main{
|
|
|
background:#111111 url(../imgs/bg1.png) no-repeat center top;
|
|
|
- padding-top: 100px;
|
|
|
+ padding-top: 200px;
|
|
|
padding-bottom: 210px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
@@ -466,7 +457,7 @@ width: 736px;
|
|
|
background: #202020;
|
|
|
border-radius: 4px;
|
|
|
margin: 0 auto;
|
|
|
-margin-top: 110px;
|
|
|
+margin-top: 210px;
|
|
|
margin-bottom: 270px;
|
|
|
padding: 24px;
|
|
|
}
|
star7th