联系地址
-北京市丰台区卢沟桥路西五里店59
+
联系地址
-北京市丰台区卢沟桥路西五里店59
+
diff --git a/css/aboutUs.css b/css/aboutUs.css
index a72c46e..1d1db79 100644
--- a/css/aboutUs.css
+++ b/css/aboutUs.css
@@ -61,6 +61,9 @@
.the-way .the-way-content{
font-size: 15px;
margin-top:10px;
+}
+.the-way .the-way-content:nth-of-type(1){
+
}
.media-move{
margin-bottom:50px;
@@ -72,15 +75,7 @@
.us-img{
width:124px
}
-@media screen and (min-width: 1367px) and (max-width: 1440px) {
- /*.about-banner{*/
- /* height:330px;*/
- /*}*/
-}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
- /*.about-banner{*/
- /* height:310px;*/
- /*}*/
.stepsWords{
margin:50px auto;
}
@@ -128,10 +123,11 @@
/* height:250px;*/
/*}*/
.stepsWords{
- margin:40px auto;
+ margin:40px 300px;
}
.media-move{
margin-left:124px;
+ width: 681px;
}
.the-way .the-way-icon{
width:60px;
@@ -151,4 +147,10 @@
.us-img{
width:100px
}
+ /*.the-way{*/
+ /* width: 206px;*/
+ /*}*/
+ .contact-us-way{
+ width:640px;
+ }
}
diff --git a/css/common.css b/css/common.css
index d5ea4c8..2ebb6e7 100644
--- a/css/common.css
+++ b/css/common.css
@@ -5,6 +5,7 @@ body{
height: 100%;
overflow-x: hidden;
}
+
.fl{
float:left;
}
@@ -26,7 +27,6 @@ a{
max-width: 1200px;
width:80%;
margin: 0 auto;
- overflow: hidden;
}
.inner1{
max-width: 910px;
@@ -148,3 +148,37 @@ a{
float:right;
margin-top: -60px;
}
+@media screen and (min-width: 1025px) and (max-width: 1280px) {
+ .phone{
+ margin-left:2%;
+ }
+ .footer-img {
+ margin-right: 0;
+ }
+ .footer-img1 {
+ margin-right: 0;
+ }
+
+}
+@media screen and (min-width: 0) and (max-width: 1025px) {
+ .header{
+ width:1025px;
+ }
+ .header .list {
+ margin-left: 0;
+ font-size: 15px;
+ }
+ .phone{
+ margin-left:2%;
+ }
+ .footer-img {
+ margin-right: 0;
+ }
+ .footer-img1 {
+ margin-right: 0;
+ }
+ #footerBlock {
+ width: 1025px;
+ font-size: 13px;
+ }
+}
diff --git a/css/experience.css b/css/experience.css
index 945c44a..fe38edf 100644
--- a/css/experience.css
+++ b/css/experience.css
@@ -1,43 +1,40 @@
.bg{
width:100%;
- height:1000px;
- background:url("../images/experience.jpg") no-repeat 0 0/cover;
+ height:837px;
+ /*background:url("../images/2.jpg") no-repeat 0 0/cover;*/
position:relative;
top:80px;
text-align: center;
}
-.holderDiv {
- height: 50px;
+.experience-bg{
+ background: url('../images/apply.jpg') center/cover;
+ height: 250px;
+ text-align: center;
+ color: white;
}
.application{
position:relative;
- width:900px;
- height:500px;
+ width:780px;
background-color: #fff;
- box-shadow: #666 0px 0px 10px;
- margin:100px auto;
+ margin:0 auto;
+ margin-top:-60px;
+ z-index: 3;
+ padding: 24px;
+ border-radius: 15px;
+ box-shadow: 0 1px 16px #aaaaaa, 0 0 1px #eee, 0 0 1px #eee;
}
.application-left{
position: absolute;
- top:30%;
+ top:10%;
left:2%;
width:40%;
}
.application-right{
width:60%;
- padding:50px 40px;
-}
-.application-right-title{
- font-size:25px;
- text-align: left;
- font-weight: bold;
}
.application-right-form{
width:100%;
- margin-top:50px;
-}
-.form-horizontal{
- margin-top:80px;
+ margin-top:30px;
}
.control-label{
font-size:20px;
@@ -58,8 +55,8 @@
.jump{
width:108px;
font-size:18px;
- margin-top:23px;
- margin-left:334px;
+ margin-top:15px;
+ margin-left:270px;
font-family: 'sans-serif';
cursor: pointer;
display: inline-block;
@@ -71,27 +68,34 @@
display: inline-block;
vertical-align: middle;
}
+.small-prompt{
+ margin-top: 35px;
+ margin-left: -278px;
+ /*font-size:15px;*/
+ color: #747474;;
+}
+
@media screen and (min-width: 1025px) and (max-width: 1280px) {
- .holderDiv{
- height:152px;
- }
.application{
- width:810px;
- height:477px;
+ width:780px;
}
}
-@media screen and (min-width: 0) and (max-width: 1024px) {
- .holderDiv{
- height:126px;
+@media screen and (min-width: 770px) and (max-width: 1024px) {
+ .application{
+ width:780px;
}
+ .orange-logo{
+ width:290px;
+ }
+}
+@media screen and (min-width: 0) and (max-width: 770px) {
.application{
- width:810px;
- height:470px;
+ width:780px;
}
.orange-logo{
width:290px;
}
- .form-horizontal{
- margin-top:45px;
+ .btn{
+ margin-left:69px;
}
}
diff --git a/css/index.css b/css/index.css
index 556ec63..3a52a6e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -64,11 +64,15 @@
.stepsShow {
display: flex;
justify-content: space-between;
- margin-top: 62px;
+ padding: 26px 0;
}
.stepsShow li {
width: 384px;
text-align: center;
+ padding-top:30px;
+}
+.stepsShow li:hover{
+ box-shadow: 0 1px 16px #bcbcbc, 0 0 1px #eee, 0 0 1px #eee;
}
.stepsShow li a{
display: inline-block;
@@ -224,278 +228,278 @@ dl {
box-sizing: border-box;
}
-@media screen and (max-width: 1920px) and (min-width: 1681px) {
- .steps {
- /*height: auto;*/
- padding-bottom: 80px;
- }
- .holderDiv {
- height: 200px;
- }
- .stepWords ，.step2Words {
- margin-top: 50px;
- }
- .system-img{
- width:890px;
- }
-}
-@media screen and (min-width: 1367px) and (max-width: 1440px) {
- .step{
- height:675px;
- }
- .ban{
- height:670px;
- }
- #steps {
- padding-top: 46px;
- }
- #steps{
- height:700px;
- }
- .system-img{
- width:660px;
- }
- .stepWords{
- font-size:32px;
- }
- .step1Line{
- margin-top: 30px;
- }
- .step1Detail{
- font-size: 15px;
- margin-top:65px;
- }
- .step2Words{
- font-size:32px;
- }
- .step2Line{
- margin-top: 30px;
- }
- .step2Detail{
- font-size: 15px;
- margin-top:65px;
- }
- .system-img2{
- width:635px;
- margin-top: 20.5%;
- }
- .hook-left{
- width:42px;
- }
- .hook-right{
- width:42px;
- }
-}
-@media screen and (min-width: 1281px) and (max-width: 1366px) {
- .step{
- height:630px;
- }
- .ban{
- height:610px;
- }
- .ban .banner-top{
- margin-top:150px;
- font-size:55px;
- }
- .ban-top-title{
- font-size: 18px;
- }
- #steps {
- padding-top: 35px;
- }
- .stepsShow{
- margin-top: 45px;
- }
- .detailicon img{
- width:75px;
- }
- .detail .detailTitle{
- font-size:18px;
- }
- .stepWords{
- font-size:30px;
- }
- .step1Line{
- margin-top: 30px;
- }
- .step1Detail{
- font-size: 15px;
- margin-top:50px;
- }
- .step2Words{
- font-size:30px;
- }
- .step2Line{
- margin-top: 30px;
- }
- .step2Detail{
- font-size: 15px;
- margin-top:50px;
- }
- .system-img{
- width:640px;
- }
- .system-img2{
- width:620px;
- margin-top: 20.5%;
- }
- .hook-left{
- width:41px;
- }
- .hook-right{
- width:41px;
- }
-}
-@media screen and (min-width: 1025px) and (max-width: 1280px) {
- .step{
- height:600px;
- }
- .ban{
- height:610px;
- }
- #steps {
- padding-top: 35px;
- }
- .ban .banner-top{
- margin-top: 180px;
- font-size:48px;
- }
- .ban-top-title{
- margin-top: 28px;
- font-size:16px;
- width:520px;
- }
- .ban .experience{
- width:160px;
- height:52px;
- font-size:18px;
- margin-top: 30px;
- }
- .stepsShow{
- margin-top: 45px;
- }
- .detailicon img{
- width:70px;
- }
- .detail .detailTitle{
- font-size:18px;
- }
- .stepWords{
- font-size:30px;
- }
- .step1Line{
- margin-top: 30px;
- }
- .step1Detail{
- width:326px;
- font-size: 14px;
- margin-top:50px;
- padding:10px;
- background-color:rgba(204,204,204,0.3);
- border-radius: 6px;
- }
- .step2Words{
- font-size:30px;
- }
- .step2Line{
- margin-top: 30px;
- }
- .step2Detail{
- font-size: 14px;
- margin-top:50px;
- }
- .system-img{
- width:555px;
- }
- .system-img2{
- width:550px;
- margin-top: 20.5%;
- }
- .hook-left{
- width:37px;
- }
- .hook-right{
- width:37px;
- }
- .holderDiv{
- width:170px;
- }
-}
-@media screen and (min-width: 0) and (max-width: 1024px) {
- .step{
- height:560px;
- }
- .ban{
- height:610px;
- }
- #steps {
- padding-top: 35px;
- }
- .ban .banner-top{
- margin-top: 148px;
- font-size:44px;
- }
- .ban-top-title{
- font-size:15px;
- margin-top:30px;
- width:430px;
- }
- .ban .experience{
- width:150px;
- height:52px;
- font-size:16px;
- margin-top: 30px;
- }
- .stepsShow{
- margin-top: 45px;
- }
- .detailicon img{
- width:60px;
- }
- .detail .detailTitle{
- font-size:17px;
- }
- .step1Content{
- margin-bottom: 49px;
- }
- .stepWords{
- font-size:30px;
- }
- .step1Line{
- margin-top: 30px;
- }
- .step1Detail{
- width:290px;
- font-size: 12px;
- margin-top:30px;
- }
- .step2Words{
- font-size:30px;
- }
- .step2Line{
- margin-top: 25px;
- }
- .step2Detail{
- font-size: 14px;
- margin-top:40px;
- }
- .system-img{
- width:545px;
- }
- .system-img2{
- width:540px;
- margin-top: 20%;
- }
- .hook-left{
- width:35px;
- }
- .hook-right{
- width:35px;
- }
- .holderDiv{
- width:160px;
- }
- .footer{
- width:1005px;
- }
-}
+/*@media screen and (max-width: 1920px) and (min-width: 1681px) {*/
+/* .steps {*/
+/* !*height: auto;*!*/
+/* padding-bottom: 80px;*/
+/* }*/
+/* .holderDiv {*/
+/* height: 200px;*/
+/* }*/
+/* .stepWords ，.step2Words {*/
+/* margin-top: 50px;*/
+/* }*/
+/* .system-img{*/
+/* width:890px;*/
+/* }*/
+/*}*/
+/*@media screen and (min-width: 1367px) and (max-width: 1440px) {*/
+/* .step{*/
+/* height:675px;*/
+/* }*/
+/* .ban{*/
+/* height:670px;*/
+/* }*/
+/* #steps {*/
+/* padding-top: 46px;*/
+/* }*/
+/* #steps{*/
+/* height:700px;*/
+/* }*/
+/* .system-img{*/
+/* width:660px;*/
+/* }*/
+/* .stepWords{*/
+/* font-size:32px;*/
+/* }*/
+/* .step1Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step1Detail{*/
+/* font-size: 15px;*/
+/* margin-top:65px;*/
+/* }*/
+/* .step2Words{*/
+/* font-size:32px;*/
+/* }*/
+/* .step2Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step2Detail{*/
+/* font-size: 15px;*/
+/* margin-top:65px;*/
+/* }*/
+/* .system-img2{*/
+/* width:635px;*/
+/* margin-top: 20.5%;*/
+/* }*/
+/* .hook-left{*/
+/* width:42px;*/
+/* }*/
+/* .hook-right{*/
+/* width:42px;*/
+/* }*/
+/*}*/
+/*@media screen and (min-width: 1281px) and (max-width: 1366px) {*/
+/* .step{*/
+/* height:630px;*/
+/* }*/
+/* .ban{*/
+/* height:610px;*/
+/* }*/
+/* .ban .banner-top{*/
+/* margin-top:150px;*/
+/* font-size:55px;*/
+/* }*/
+/* .ban-top-title{*/
+/* font-size: 18px;*/
+/* }*/
+/* #steps {*/
+/* padding-top: 35px;*/
+/* }*/
+/* .stepsShow{*/
+/* margin-top: 45px;*/
+/* }*/
+/* .detailicon img{*/
+/* width:75px;*/
+/* }*/
+/* .detail .detailTitle{*/
+/* font-size:18px;*/
+/* }*/
+/* .stepWords{*/
+/* font-size:30px;*/
+/* }*/
+/* .step1Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step1Detail{*/
+/* font-size: 15px;*/
+/* margin-top:50px;*/
+/* }*/
+/* .step2Words{*/
+/* font-size:30px;*/
+/* }*/
+/* .step2Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step2Detail{*/
+/* font-size: 15px;*/
+/* margin-top:50px;*/
+/* }*/
+/* .system-img{*/
+/* width:640px;*/
+/* }*/
+/* .system-img2{*/
+/* width:620px;*/
+/* margin-top: 20.5%;*/
+/* }*/
+/* .hook-left{*/
+/* width:41px;*/
+/* }*/
+/* .hook-right{*/
+/* width:41px;*/
+/* }*/
+/*}*/
+/*@media screen and (min-width: 1025px) and (max-width: 1280px) {*/
+/* .step{*/
+/* height:600px;*/
+/* }*/
+/* .ban{*/
+/* height:610px;*/
+/* }*/
+/* #steps {*/
+/* padding-top: 35px;*/
+/* }*/
+/* .ban .banner-top{*/
+/* margin-top: 180px;*/
+/* font-size:48px;*/
+/* }*/
+/* .ban-top-title{*/
+/* margin-top: 28px;*/
+/* font-size:16px;*/
+/* width:520px;*/
+/* }*/
+/* .ban .experience{*/
+/* width:160px;*/
+/* height:52px;*/
+/* font-size:18px;*/
+/* margin-top: 30px;*/
+/* }*/
+/* .stepsShow{*/
+/* margin-top: 45px;*/
+/* }*/
+/* .detailicon img{*/
+/* width:70px;*/
+/* }*/
+/* .detail .detailTitle{*/
+/* font-size:18px;*/
+/* }*/
+/* .stepWords{*/
+/* font-size:30px;*/
+/* }*/
+/* .step1Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step1Detail{*/
+/* width:326px;*/
+/* font-size: 14px;*/
+/* margin-top:50px;*/
+/* padding:10px;*/
+/* background-color:rgba(204,204,204,0.3);*/
+/* border-radius: 6px;*/
+/* }*/
+/* .step2Words{*/
+/* font-size:30px;*/
+/* }*/
+/* .step2Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step2Detail{*/
+/* font-size: 14px;*/
+/* margin-top:50px;*/
+/* }*/
+/* .system-img{*/
+/* width:555px;*/
+/* }*/
+/* .system-img2{*/
+/* width:550px;*/
+/* margin-top: 20.5%;*/
+/* }*/
+/* .hook-left{*/
+/* width:37px;*/
+/* }*/
+/* .hook-right{*/
+/* width:37px;*/
+/* }*/
+/* .holderDiv{*/
+/* width:170px;*/
+/* }*/
+/*}*/
+/*@media screen and (min-width: 0) and (max-width: 1024px) {*/
+/* .step{*/
+/* height:560px;*/
+/* }*/
+/* .ban{*/
+/* height:610px;*/
+/* }*/
+/* #steps {*/
+/* padding-top: 35px;*/
+/* }*/
+/* .ban .banner-top{*/
+/* margin-top: 148px;*/
+/* font-size:44px;*/
+/* }*/
+/* .ban-top-title{*/
+/* font-size:15px;*/
+/* margin-top:30px;*/
+/* width:430px;*/
+/* }*/
+/* .ban .experience{*/
+/* width:150px;*/
+/* height:52px;*/
+/* font-size:16px;*/
+/* margin-top: 30px;*/
+/* }*/
+/* .stepsShow{*/
+/* margin-top: 45px;*/
+/* }*/
+/* .detailicon img{*/
+/* width:60px;*/
+/* }*/
+/* .detail .detailTitle{*/
+/* font-size:17px;*/
+/* }*/
+/* .step1Content{*/
+/* margin-bottom: 49px;*/
+/* }*/
+/* .stepWords{*/
+/* font-size:30px;*/
+/* }*/
+/* .step1Line{*/
+/* margin-top: 30px;*/
+/* }*/
+/* .step1Detail{*/
+/* width:290px;*/
+/* font-size: 12px;*/
+/* margin-top:30px;*/
+/* }*/
+/* .step2Words{*/
+/* font-size:30px;*/
+/* }*/
+/* .step2Line{*/
+/* margin-top: 25px;*/
+/* }*/
+/* .step2Detail{*/
+/* font-size: 14px;*/
+/* margin-top:40px;*/
+/* }*/
+/* .system-img{*/
+/* width:545px;*/
+/* }*/
+/* .system-img2{*/
+/* width:540px;*/
+/* margin-top: 20%;*/
+/* }*/
+/* .hook-left{*/
+/* width:35px;*/
+/* }*/
+/* .hook-right{*/
+/* width:35px;*/
+/* }*/
+/* .holderDiv{*/
+/* width:160px;*/
+/* }*/
+/* .footer{*/
+/* width:1005px;*/
+/* }*/
+/*}*/
diff --git a/css/information.css b/css/information.css
index 49d0a46..a16c52a 100644
--- a/css/information.css
+++ b/css/information.css
@@ -9,7 +9,7 @@
.stepsWords{
text-align: center;
position: relative;
- margin:80px auto 40px;
+ margin:120px auto 40px;
width:210px;
font-size:32px;
}
@@ -35,7 +35,7 @@
background-color: #ccc;
}
.news-thumbnail{
- margin-top:64px;
+ margin-top:50px;
}
.caption{
background-color: #f5f5f5;
@@ -49,6 +49,9 @@
.news-time{
margin-top:30px;
}
+.thumbnail img:hover{
+ transform:scale(1.05);
+}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
/*.news-banner{*/
/* height:330px;*/
@@ -60,6 +63,10 @@
/*}*/
.news-title{
font-size: 22px;
+ width:370px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;
@@ -71,6 +78,10 @@
/*}*/
.news-title{
font-size: 22px;
+ width:310px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;
@@ -85,6 +96,10 @@
/*}*/
.news-title{
font-size: 20px;
+ width:240px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.news-time{
margin-top: 26px;
diff --git a/css/success.css b/css/success.css
index a03cc53..740c99e 100644
--- a/css/success.css
+++ b/css/success.css
@@ -1,5 +1,5 @@
.success-details{
- margin-bottom: 289px;
+ height:700px;
}
.stepsWords{
text-align: center;
diff --git a/experience.html b/experience.html
index ce0a794..e4a9803 100644
--- a/experience.html
+++ b/experience.html
@@ -16,7 +16,7 @@
-