|
@@ -1,160 +1,166 @@
|
|
|
.main {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .one {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .one image {
|
|
|
- width: 100%;
|
|
|
- height: 150px;
|
|
|
- overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ height: 150px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.main .two {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- margin: 0 10px;
|
|
|
- position: relative;
|
|
|
- top: -60px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 10px;
|
|
|
+ position: relative;
|
|
|
+ top: -60px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 {
|
|
|
- position: relative;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- margin: 0 0 10px 0;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 image {
|
|
|
- width: 100%;
|
|
|
- height: 130px;
|
|
|
- overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ height: 130px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 view {
|
|
|
- position: absolute;
|
|
|
- top: 50px;
|
|
|
- left: 30px;
|
|
|
+ position: absolute;
|
|
|
+ top: 50px;
|
|
|
+ left: 30px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 view text {
|
|
|
- font-size: 25px;
|
|
|
- color: #ffffff;
|
|
|
+ font-size: 25px;
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 {
|
|
|
- position: relative;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- margin: 0 0 10px 0;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 {
|
|
|
- float: left;
|
|
|
- width: 48.5%;
|
|
|
+ float: left;
|
|
|
+ width: 48.5%;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1:nth-child(1) {
|
|
|
- margin: 0 5px 0 0;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1:nth-child(2) {
|
|
|
- margin: 0 0 0 5px;
|
|
|
+ margin: 0 0 0 5px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 .image {
|
|
|
- width: 100%;
|
|
|
- height: 80px;
|
|
|
+ width: 100%;
|
|
|
+ height: 80px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 .txt {
|
|
|
|
|
|
- float: left;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- width: 48%;
|
|
|
- text-align: center;
|
|
|
- padding: 20px 0;
|
|
|
+ float: left;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ width: 48%;
|
|
|
+ text-align: center;
|
|
|
+ padding: 20px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 .txt text {
|
|
|
- font-size: 20px;
|
|
|
- color: #ffffff;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 .txt image {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- position: relative;
|
|
|
- top: 5px;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.main .two .two_3 .a {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- border-radius: 5px;
|
|
|
- background-color: #ffffff;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- padding: 10px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 text:nth-child(1) {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #263fa3;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #263fa3;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 text:nth-child(2) {
|
|
|
- display: inline-block;
|
|
|
- background-color: #7b7b7b;
|
|
|
- color: #fff;
|
|
|
- padding: 3px 6px;
|
|
|
- border-radius: 90px;
|
|
|
- font-size: 12px;
|
|
|
- margin: 0 0 0 10px;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #7b7b7b;
|
|
|
+ color: #fff;
|
|
|
+ padding: 3px 6px;
|
|
|
+ border-radius: 90px;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 .color1 {
|
|
|
- background-color: #57cd00 !important;
|
|
|
+ background-color: #57cd00 !important;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 .color2 {
|
|
|
- background-color: #ff5a00 !important;
|
|
|
+ background-color: #ff5a00 !important;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_1 .color3 {
|
|
|
- background-color: #ffa200 !important;
|
|
|
+ background-color: #ffa200 !important;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_2 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- color: #666;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 .a .list .list_3 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- color: #666;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
}
|