|
|
@@ -4,7 +4,30 @@
|
|
|
font-family: "微软雅黑", "microsoft yahei";
|
|
|
}
|
|
|
|
|
|
-// *{margin:0;padding: 0;font-family: Microsoft YaHei, Microsoft YaHei;}
|
|
|
+a:active {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:visited {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:link {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:focus {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
.clearfix {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
@@ -35,23 +58,28 @@
|
|
|
|
|
|
.dot2 {
|
|
|
overflow: hidden;
|
|
|
- display: -webkit-box !important;
|
|
|
+ display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 2;
|
|
|
}
|
|
|
|
|
|
.dot3 {
|
|
|
overflow: hidden;
|
|
|
- display: -webkit-box !important;
|
|
|
+ display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 3;
|
|
|
}
|
|
|
|
|
|
-/*input,img{border:none;width:100%;height:100%;}*/
|
|
|
+input,
|
|
|
+img {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
.cover100 img {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
|
|
|
.back100 {
|
|
|
@@ -65,7 +93,6 @@ footer,
|
|
|
header,
|
|
|
time,
|
|
|
video,
|
|
|
-top,
|
|
|
main,
|
|
|
nav,
|
|
|
h4,
|
|
|
@@ -75,825 +102,1122 @@ section {
|
|
|
}
|
|
|
|
|
|
.index_main {
|
|
|
- margin: 0 auto 30px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.slow_6 {
|
|
|
+ -webkit-transition: all .6s;
|
|
|
+ -moz-transition: all .6s;
|
|
|
+ -ms-transition: all .6s;
|
|
|
+ -o-transition: all .6s;
|
|
|
+ transition: all .6s;
|
|
|
+}
|
|
|
+
|
|
|
+.index_main {
|
|
|
width: 1200px;
|
|
|
}
|
|
|
|
|
|
-.index_1_h3 {
|
|
|
+.index_1 {
|
|
|
margin-top: 30px;
|
|
|
+}
|
|
|
|
|
|
- .index_1_h3_a {
|
|
|
- display: block;
|
|
|
- font-size: 30px;
|
|
|
- color: #333;
|
|
|
- font-weight: bold;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
+.index_1_head_box {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_h3 {}
|
|
|
+
|
|
|
+.index_1_h3_a {
|
|
|
+ background: url(@/public/img/2.png) no-repeat left 0px;
|
|
|
+ padding-left: 60px;
|
|
|
+ width: 1028px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-size: auto 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ color: #004564;
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: bold;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0px auto;
|
|
|
}
|
|
|
|
|
|
-.index_1_h3_title_box {
|
|
|
+.index_1_title_box {
|
|
|
text-align: center;
|
|
|
- margin-top: 10px;
|
|
|
|
|
|
- .index_1_h3_title_box_a {
|
|
|
+ .index_1_title_box_a {
|
|
|
display: inline-block;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
color: #333;
|
|
|
font-size: 18px;
|
|
|
- height: 22px;
|
|
|
- line-height: 22px;
|
|
|
- margin: 5px 18px;
|
|
|
- width: 220px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
-}
|
|
|
+ margin: 11px 11px 0px;
|
|
|
+ width: 286px;
|
|
|
|
|
|
-.index_2 {
|
|
|
- margin-top: 22px;
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.roll_1_box {
|
|
|
+.index_box_1 {
|
|
|
float: left;
|
|
|
- width: 720px;
|
|
|
- height: 405px;
|
|
|
+ width: 450px;
|
|
|
}
|
|
|
|
|
|
-.index_2_right_box {
|
|
|
+.index_box_2 {
|
|
|
float: right;
|
|
|
- width: 450px;
|
|
|
+ width: 720px;
|
|
|
}
|
|
|
|
|
|
-.index_2_head {
|
|
|
- border-bottom: solid 1px #D9D9D9;
|
|
|
- position: relative;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-left: 10px;
|
|
|
-
|
|
|
- .index_2_head_a {
|
|
|
- float: left;
|
|
|
- height: 54px;
|
|
|
- line-height: 54px;
|
|
|
- color: #333;
|
|
|
- font-size: 22px;
|
|
|
- padding: 0 10px;
|
|
|
- position: relative;
|
|
|
- font-weight: bold;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .index_2_head_a_only {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+.index_box_3 {
|
|
|
+ float: left;
|
|
|
+ width: 720px;
|
|
|
}
|
|
|
|
|
|
-.index_2_head::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 3px;
|
|
|
- height: 18px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 19px;
|
|
|
- background: linear-gradient(to top, #0998A9, #6ADDD6);
|
|
|
+.index_box_4 {
|
|
|
+ float: right;
|
|
|
+ width: 450px;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_top {
|
|
|
- margin-top: 12px;
|
|
|
+.index_box_5 {
|
|
|
+ float: left;
|
|
|
+ width: 350px;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_a {
|
|
|
- height: 58px;
|
|
|
- line-height: 58px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- text-indent: 12px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+.index_box_6 {
|
|
|
+ float: right;
|
|
|
+ width: 350px;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 4px;
|
|
|
- height: 4px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 28px;
|
|
|
- background: #333;
|
|
|
+.index_2_box_1 {
|
|
|
+ float: left;
|
|
|
+ width: 170px;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_a:hover::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 4px;
|
|
|
- height: 4px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 28px;
|
|
|
- background: #489D97;
|
|
|
+.index_2_box_2 {
|
|
|
+ float: right;
|
|
|
+ width: 265px;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_bold .index_2_ul_a:nth-of-type(1) {
|
|
|
- font-weight: bold;
|
|
|
+.index_2 {
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.banner {
|
|
|
- margin-top: 30px;
|
|
|
-
|
|
|
- .banner_a {
|
|
|
- display: block;
|
|
|
- width: 1200px;
|
|
|
+.index_1_ul {
|
|
|
+ .index_1_ul_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 18px;
|
|
|
}
|
|
|
|
|
|
- .banner_top {
|
|
|
- margin-top: 0px;
|
|
|
+ .index_1_ul_a:nth-of-type(5n-4) {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #004564;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
|
|
|
- .banner_img {
|
|
|
- display: block;
|
|
|
- width: 1200px;
|
|
|
+ .index_1_ul_a:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_3_h4_box {
|
|
|
- overflow: hidden;
|
|
|
- margin-top: 30px;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- .index_3_h4 {
|
|
|
- display: inline-block;
|
|
|
- color: #056761;
|
|
|
- font-size: 30px;
|
|
|
- position: relative;
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- }
|
|
|
-
|
|
|
- .index_3_h4_a {
|
|
|
- display: inline-block;
|
|
|
- color: #056761;
|
|
|
- font-size: 30px;
|
|
|
- position: relative;
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- }
|
|
|
+.roll_1_box {
|
|
|
+ width: 720px;
|
|
|
+ height: 405px;
|
|
|
}
|
|
|
|
|
|
-.index_3_h4::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 314px;
|
|
|
- height: 10px;
|
|
|
- position: absolute;
|
|
|
- left: -354px;
|
|
|
- top: 13px;
|
|
|
- background: url(@/public/img/3.png) no-repeat left top;
|
|
|
- background-size: 100% 100%;
|
|
|
+.banner_1 {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 12px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.index_3_h4::before {
|
|
|
- content: '';
|
|
|
+.banner_1_a {
|
|
|
+ width: 1200px;
|
|
|
display: block;
|
|
|
- width: 314px;
|
|
|
- height: 10px;
|
|
|
- position: absolute;
|
|
|
- right: -354px;
|
|
|
- top: 13px;
|
|
|
- background: url(@/public/img/4.png) no-repeat left top;
|
|
|
- background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
-.index_3_ul {
|
|
|
- margin-top: 25px;
|
|
|
+.banner_1_img {
|
|
|
+ width: 1200px;
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
-.index_3_li_a:hover .index_3_li_dot1 {
|
|
|
- color: #489D97;
|
|
|
+.banner_2 {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 13px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.index_3_li {
|
|
|
- float: left;
|
|
|
- width: 384px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0px 30px;
|
|
|
- border: solid 1px #d5f0ef;
|
|
|
- position: relative;
|
|
|
- border-radius: 10px;
|
|
|
- margin: 10px 0px;
|
|
|
- position: relative;
|
|
|
- background: linear-gradient(to top, #fff, #F7FCFC);
|
|
|
+.index_3 {
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.index_3_li_name_box {
|
|
|
- display: flex;
|
|
|
- height: 28px;
|
|
|
- margin-top: 20px;
|
|
|
+.index_head_btn_box {
|
|
|
+ height: 39px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ border-bottom: solid 2px #004564;
|
|
|
|
|
|
- .index_3_li_name {
|
|
|
- height: 28px;
|
|
|
- line-height: 28px;
|
|
|
- color: #489D97;
|
|
|
- font-size: 18px;
|
|
|
+ .index_head_btn {
|
|
|
+ float: left;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 22px;
|
|
|
+ margin-right: 22px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.index_3_li_num {
|
|
|
- height: 28px;
|
|
|
- text-align: center;
|
|
|
- box-sizing: border-box;
|
|
|
- max-width: 28px;
|
|
|
- min-width: 28px;
|
|
|
- border-radius: 5px;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- line-height: 28px;
|
|
|
- margin-right: 10px;
|
|
|
- background: linear-gradient(to bottom, #6ADDD6, #0998A9);
|
|
|
-}
|
|
|
+ .index_head_a {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_li_dot1 {
|
|
|
- width: 320px;
|
|
|
- height: 21px;
|
|
|
- line-height: 21px;
|
|
|
- font-size: 18px;
|
|
|
- color: #666;
|
|
|
- margin: 15px auto 20px;
|
|
|
-}
|
|
|
+ .index_head_btn_only {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_li_tag::before {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- right: -15px;
|
|
|
- top: -15px;
|
|
|
- z-index: 11;
|
|
|
- background: url(@/public/img/5.png) no-repeat left top;
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
+ .index_head_btn_only .index_head_a {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_li:nth-of-type(3n-1) {
|
|
|
- margin: 10px 24px;
|
|
|
-}
|
|
|
+ .index_2_head_right {
|
|
|
+ float: right;
|
|
|
+ margin-top: 3px;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_ol_box {
|
|
|
- margin-top: 10px;
|
|
|
- background: #489D97;
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
+ .index_head_right_btn_box {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_ol_h3 {
|
|
|
- height: 66px;
|
|
|
+ .index_2_head_right_a:hover {
|
|
|
+ color: #489D97;
|
|
|
+ }
|
|
|
|
|
|
- .index_3_ol_h3_a {
|
|
|
+ .index_2_head_right_a {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0px 20px;
|
|
|
+ position: relative;
|
|
|
float: left;
|
|
|
- height: 66px;
|
|
|
- line-height: 66px;
|
|
|
+ color: #999;
|
|
|
font-size: 20px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- margin-left: 20px;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.index_3_ol {
|
|
|
- background: #fff;
|
|
|
- border: solid 1px #62CBC6;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 10px 0px;
|
|
|
- border-radius: 10px;
|
|
|
+ .index_2_head_right_a::after {
|
|
|
+ font-size: 12px;
|
|
|
+ content: '/';
|
|
|
+ display: block;
|
|
|
+ height: 6px;
|
|
|
+ line-height: 6px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 12px;
|
|
|
+ }
|
|
|
|
|
|
- .index_3_ol_li {
|
|
|
- float: left;
|
|
|
- width: 320px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin: 10px 30px;
|
|
|
+ .index_2_head_right_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
- .index_3_ol_li:nth-of-type(3n-1) {
|
|
|
- margin: 10px 58px;
|
|
|
+ .index_2_head_right_a:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_3_ol_li_a {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
+.index_img_ul_1 {
|
|
|
+ .index_img_ul_1_li {
|
|
|
+ background: #F9FAFB;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_ol_li_dot1 {
|
|
|
- height: 28px;
|
|
|
- line-height: 28px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
+ .index_img_ul_1_li_a {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
|
|
|
-.index_3_ol_li:hover .index_3_ol_li_dot1 {
|
|
|
- color: #489D97;
|
|
|
-}
|
|
|
+ .index_img_ul_1_li_img_box {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
|
|
|
-.index_4_ul {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- border: solid 1px #D0EEED;
|
|
|
- border-radius: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 10px 30px;
|
|
|
- background: url(@/public/img/6.png) no-repeat right bottom;
|
|
|
- background-size: 100% auto;
|
|
|
+ .index_img_ul_1_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
|
|
|
- .index_4_ul_a {
|
|
|
- float: left;
|
|
|
- height: 21px;
|
|
|
- line-height: 21px;
|
|
|
+ .index_img_ul_1_li_dot3 {
|
|
|
+ height: 71px;
|
|
|
+ line-height: 24px;
|
|
|
color: #333;
|
|
|
- font-size: 16px;
|
|
|
- position: relative;
|
|
|
- margin: 10px 30px;
|
|
|
- text-indent: 16px;
|
|
|
- width: 318px;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 13px;
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-.index_4_ul_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 7px;
|
|
|
- border-radius: 4px;
|
|
|
- background: #00A6A7;
|
|
|
-}
|
|
|
|
|
|
-.index_4_ul_a:hover {
|
|
|
- color: #489D97;
|
|
|
-}
|
|
|
-
|
|
|
-.index_5 {
|
|
|
- margin-top: 20px;
|
|
|
+ .index_img_ul_1_li_a:hover .index_img_ul_1_li_dot3 {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.index_5_box_1 {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
+.index_name_ul {
|
|
|
margin-top: 20px;
|
|
|
- margin-right: 20px;
|
|
|
-}
|
|
|
|
|
|
-.index_5_box_2 {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
+ .index_name_ul_li {
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
|
|
|
-.index_5_box_3 {
|
|
|
- float: right;
|
|
|
- width: 452px;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
+ .index_name_ul_li_tag {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #004564;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 15px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
|
|
|
-.index_5_big_img_ul {
|
|
|
- .index_5_big_img_li {
|
|
|
- margin-bottom: 25px;
|
|
|
+ .index_name_ul_li_dot1 {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
|
|
|
- &:hover .index_5_big_img_li_dot2 {
|
|
|
- color: #489D97;
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .index_5_big_img_li_img {
|
|
|
- display: block;
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
+ .index_name_ul_li:nth-of-type(3n-2) .index_name_ul_li_tag {
|
|
|
+ display: none;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.index_5_big_img_li_dot2 {
|
|
|
- height: 44px;
|
|
|
- line-height: 22px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 20px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.index_5_big_img_li_a {
|
|
|
- &:hover .index_5_big_img_li_dot2 {
|
|
|
- color: #489D97;
|
|
|
+ .index_name_ul_li:nth-of-type(3n-2) .index_name_ul_li_dot1 {
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_5_img_li {
|
|
|
- width: 165px;
|
|
|
- margin-bottom: 8px;
|
|
|
+.index_img_ul_2 {}
|
|
|
|
|
|
- &:hover .index_5_img_li_dot2 {
|
|
|
- color: #489D97;
|
|
|
+.index_img_ul_2_li {
|
|
|
+ background: #F9FAFB;
|
|
|
+
|
|
|
+ .index_img_ul_2_li_a {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_2_li_img_box {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-right: 15px;
|
|
|
}
|
|
|
|
|
|
- .index_5_img_li_img {
|
|
|
+ .index_img_ul_2_li_img {
|
|
|
width: 165px;
|
|
|
height: 96px;
|
|
|
}
|
|
|
|
|
|
- .index_5_img_li_dot2 {
|
|
|
- height: 42px;
|
|
|
- line-height: 21px;
|
|
|
+ .index_img_ul_2_li_dot3 {
|
|
|
+ height: 71px;
|
|
|
+ line-height: 24px;
|
|
|
color: #333;
|
|
|
- font-size: 16px;
|
|
|
- margin-top: 15px;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 13px;
|
|
|
}
|
|
|
|
|
|
- &:hover .index_5_img_li_dot2 {
|
|
|
- color: #489D97;
|
|
|
+ .index_img_ul_2_li_a:hover .index_img_ul_2_li_dot3 {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_5_img_li:nth-of-type(odd) {
|
|
|
- float: left;
|
|
|
-}
|
|
|
+.index_name_ul_2 {
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
-.index_5_img_li:nth-of-type(even) {
|
|
|
- float: right;
|
|
|
-}
|
|
|
+ .index_name_ul_2_li {
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li_tag {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #004564;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 15px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
|
|
|
-.index_5_ul {
|
|
|
- .index_5_ul_a {
|
|
|
+ .index_name_ul_2_li_dot1 {
|
|
|
height: 24px;
|
|
|
line-height: 24px;
|
|
|
color: #333;
|
|
|
font-size: 18px;
|
|
|
- margin-bottom: 26px;
|
|
|
- box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
|
|
|
&:hover {
|
|
|
- color: #489D97;
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_5_ul_a:nth-of-type(5n-4) {
|
|
|
+.index_name_ul_2_li:nth-of-type(3n-2) .index_name_ul_2_li_tag {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.index_name_ul_2_li:nth-of-type(3n-2) .index_name_ul_2_li_dot1 {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.index_5_img_ul_2_li {
|
|
|
- width: 220px;
|
|
|
- margin-bottom: 20px;
|
|
|
+.index_img_ul_3 {
|
|
|
+ .index_img_ul_3_li {
|
|
|
+ height: 267px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ position: relative;
|
|
|
+ width: 450px;
|
|
|
+ }
|
|
|
|
|
|
- .index_5_img_ul_2_li_img {
|
|
|
+ .index_img_ul_3_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_3_li_img {
|
|
|
display: block;
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
+ height: 267px;
|
|
|
+ width: 450px;
|
|
|
}
|
|
|
|
|
|
- .index_5_img_ul_2_li_dot1 {
|
|
|
- height: 22px;
|
|
|
- line-height: 22px;
|
|
|
- color: #333;
|
|
|
+ .index_img_ul_3_li_dot1 {
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #fff;
|
|
|
font-size: 18px;
|
|
|
- margin-top: 20px;
|
|
|
- text-align: center;
|
|
|
+ padding: 0px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ width: 450px;
|
|
|
+ z-index: 11;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- &:hover .index_5_img_ul_2_li_dot1 {
|
|
|
- color: #489D97;
|
|
|
+.index_ul_1_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ text-indent: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_5_img_ul_2_li:nth-of-type(odd) {
|
|
|
- float: left;
|
|
|
+.index_ul_1_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
}
|
|
|
|
|
|
-.index_5_img_ul_2_li:nth-of-type(even) {
|
|
|
- float: right;
|
|
|
+.index_ul_1_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ text-indent: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
}
|
|
|
|
|
|
-.index_2_ul_2 .index_2_ul_a {
|
|
|
- margin-bottom: 2px;
|
|
|
+.index_4 {
|
|
|
+ margin: 10px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.index_6_head_right {
|
|
|
+.index_head_btn_right_box {
|
|
|
float: right;
|
|
|
- height: 54px;
|
|
|
- line-height: 54px;
|
|
|
+}
|
|
|
|
|
|
- .index_6_head_right_in {
|
|
|
- float: left;
|
|
|
- height: 54px;
|
|
|
- margin-right: 8px;
|
|
|
- }
|
|
|
+.index_head_btn_right_a {
|
|
|
+ float: right;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ padding-left: 22px;
|
|
|
+ margin-top: 3px;
|
|
|
+ background: url(@/public/img/6.png) no-repeat left 5px;
|
|
|
+ background-size: 17px auto;
|
|
|
+}
|
|
|
|
|
|
- .index_6_head_right_in_a {
|
|
|
- height: 54px;
|
|
|
- line-height: 54px;
|
|
|
- color: #999;
|
|
|
- font-size: 16px;
|
|
|
- float: right;
|
|
|
+.index_head_btn_right_a:hover {
|
|
|
+ color: #004564;
|
|
|
+}
|
|
|
|
|
|
- &:hover {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+.index_4 {
|
|
|
+ margin: 12px auto 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_4_in {
|
|
|
+ background: #F2F8FF;
|
|
|
+}
|
|
|
+
|
|
|
+.index_4_img_box {
|
|
|
+ float: left;
|
|
|
+ width: 100px;
|
|
|
+ height: 340px;
|
|
|
+ background-image: url(@/public/img/7.png);
|
|
|
+}
|
|
|
+
|
|
|
+.index_4_ol {
|
|
|
+ float: right;
|
|
|
+ width: 1100px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_4_ol_li {
|
|
|
+ float: left;
|
|
|
+ width: 182px;
|
|
|
+ background: #fff;
|
|
|
+ border: solid 1px #fff;
|
|
|
+ border-radius: 6px;
|
|
|
+ padding-bottom: 4px;
|
|
|
+ margin: 20px 0px 0px 30px;
|
|
|
+
|
|
|
+ .index_4_ol_li_head {
|
|
|
+ margin: 15px 0px 13px;
|
|
|
}
|
|
|
|
|
|
- .index_6_head_right_in .index_6_head_right_in_a {
|
|
|
- padding: 0px 10px 0px 16px;
|
|
|
- position: relative;
|
|
|
+ .index_4_ol_li_head_a {
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
float: left;
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 15px;
|
|
|
+ text-indent: 33px;
|
|
|
+ background: no-repeat left top;
|
|
|
+ width: 144px;
|
|
|
+ background-size: 22px 22px;
|
|
|
}
|
|
|
|
|
|
- .index_6_head_right_in .index_6_head_right_in_a::after {
|
|
|
- content: '/';
|
|
|
- display: block;
|
|
|
- height: 6px;
|
|
|
- line-height: 6px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 24px;
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .index_6_head_right_in .index_6_head_right_in_a:nth-of-type(1)::after {
|
|
|
- content: '';
|
|
|
- display: none;
|
|
|
+.index_4_ol_in {}
|
|
|
+
|
|
|
+.index_4_ol_in_li_a {
|
|
|
+ float: left;
|
|
|
+ width: 91px;
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_6_left {
|
|
|
- float: left;
|
|
|
- width: 575px;
|
|
|
- margin-top: 20px;
|
|
|
+.index_4_ol_in_li_a:nth-of-type(odd) {
|
|
|
+ padding-left: 15px;
|
|
|
}
|
|
|
|
|
|
-.index_6_right {
|
|
|
- float: right;
|
|
|
- width: 594px;
|
|
|
- margin-top: 20px;
|
|
|
+.index_4_ol_in_li_a:nth-of-type(even) {
|
|
|
+ padding-left: 3px;
|
|
|
}
|
|
|
|
|
|
-.index_6_img_li {
|
|
|
- float: left;
|
|
|
- width: 190px;
|
|
|
+.index_4_ol_li:nth-of-type(1) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/11.png);
|
|
|
}
|
|
|
|
|
|
-.index_6_img_li_img {
|
|
|
- display: block;
|
|
|
- width: 190px;
|
|
|
- height: 110px;
|
|
|
+.index_4_ol_li:nth-of-type(2) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/12.png);
|
|
|
}
|
|
|
|
|
|
-.index_6_img_li_dot3 {
|
|
|
- width: 166px;
|
|
|
- height: 72px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin: 20px auto 0;
|
|
|
+.index_4_ol_li:nth-of-type(3) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/13.png);
|
|
|
}
|
|
|
|
|
|
-.index_6_img_li:nth-of-type(3n-1) {
|
|
|
- margin: 0px 12px;
|
|
|
+.index_4_ol_li:nth-of-type(4) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/14.png);
|
|
|
}
|
|
|
|
|
|
-.index_6_img_li_a:hover .index_6_img_li_dot3 {
|
|
|
- color: #489D97;
|
|
|
+.index_4_ol_li:nth-of-type(5) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/15.png);
|
|
|
}
|
|
|
|
|
|
-.roll_2_box {
|
|
|
- float: left;
|
|
|
- width: 390px;
|
|
|
- height: 220px;
|
|
|
+.index_4_ol_li:nth-of-type(6) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/16.png);
|
|
|
}
|
|
|
|
|
|
-.roll_2_per {
|
|
|
- position: relative;
|
|
|
+.index_4_ol_li:nth-of-type(7) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/17.png);
|
|
|
}
|
|
|
|
|
|
-.roll_2_per_a {}
|
|
|
+.index_4_ol_li:nth-of-type(8) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/18.png);
|
|
|
+}
|
|
|
|
|
|
-.roll_2_per_a_img {
|
|
|
- display: block;
|
|
|
- width: 390px;
|
|
|
- height: 220px;
|
|
|
+.index_4_ol_li:nth-of-type(9) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/19.png);
|
|
|
}
|
|
|
|
|
|
-.roll_2_btn_box {
|
|
|
- float: right;
|
|
|
- width: 165px;
|
|
|
+.index_4_ol_li:nth-of-type(10) .index_4_ol_li_head_a {
|
|
|
+ background-image: url(@/public/img/20.png);
|
|
|
+}
|
|
|
|
|
|
- .roll_2_btn {
|
|
|
- height: 48px;
|
|
|
+.index_5 {
|
|
|
+ margin: 30px auto 0px;
|
|
|
+}
|
|
|
|
|
|
- &:hover .roll_2_btn_dot2 {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+.index_img_ul_4_ul {
|
|
|
+ .index_img_ul_4_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
- .roll_2_btn_dot2 {
|
|
|
- height: 48px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 20px;
|
|
|
+ .index_img_ul_4_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_4_li_img {
|
|
|
display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
}
|
|
|
|
|
|
- .roll_2_btn_only .roll_2_btn_dot2 {
|
|
|
- font-weight: bold;
|
|
|
+ .index_img_ul_4_li_dot1 {
|
|
|
+ width: 350px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 11;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_7 {
|
|
|
- margin-top: 30px;
|
|
|
- background: #F8F8F8;
|
|
|
- padding-bottom: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.index_7_head {
|
|
|
- height: 26px;
|
|
|
+.index_img_even_1_ul {
|
|
|
+ .index_img_even_1_li {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
|
|
|
- .index_7_head_a {
|
|
|
+ .index_img_even_1_li:nth-of-type(odd) {
|
|
|
float: left;
|
|
|
- height: 26px;
|
|
|
- line-height: 26px;
|
|
|
- color: #333;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- margin-left: 20px;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.index_7_ul {
|
|
|
- width: 530px;
|
|
|
- margin: 0 auto;
|
|
|
+ .index_img_even_1_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
|
|
|
- .index_7_ul_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 27px;
|
|
|
+ .index_img_even_1_li_a {}
|
|
|
|
|
|
- &:hover {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+ .index_img_even_1_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_even_1_li_dot1 {
|
|
|
+ width: 165px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ padding: 0px 10px;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ z-index: 11;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_7_btn_ul {
|
|
|
- width: 575px;
|
|
|
- margin-left: 20px;
|
|
|
+.index_2_img_li {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
|
|
|
- .index_7_btn_a {
|
|
|
- float: left;
|
|
|
- width: 178px;
|
|
|
- height: 76px;
|
|
|
- line-height: 76px;
|
|
|
- text-align: center;
|
|
|
- padding: 0px 10px;
|
|
|
- font-size: 18px;
|
|
|
- color: #489D97;
|
|
|
- margin-top: 25px;
|
|
|
- font-weight: bold;
|
|
|
- background: linear-gradient(to top, #fff, #F7FCFC);
|
|
|
- border-radius: 10px;
|
|
|
- border: solid 1px #D0EEED;
|
|
|
- box-sizing: border-box;
|
|
|
+.index_2_img_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_img_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+
|
|
|
+ .index_2_img_li_a {}
|
|
|
+
|
|
|
+ .index_2_img_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
}
|
|
|
|
|
|
- .index_7_btn_a:nth-of-type(3n-1) {
|
|
|
- margin: 25px 19px 0px;
|
|
|
+ .index_2_img_li_dot1 {
|
|
|
+ width: 165px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ padding: 0px 10px;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ z-index: 11;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_7_right {
|
|
|
- float: right;
|
|
|
- width: 616px;
|
|
|
- margin-top: 20px;
|
|
|
+.index_ul_2_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-.index_8 {
|
|
|
- margin-top: 20px;
|
|
|
+.index_ul_2_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
}
|
|
|
|
|
|
-.index_9_box_1 {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
+.index_ul_2_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_2_a:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
|
|
|
-.index_9_ul_1 {
|
|
|
- margin-top: 11px;
|
|
|
+.index_ul_2_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_4_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.index_9_ul_1 .index_2_ul_a {
|
|
|
- margin-bottom: 2px;
|
|
|
+.index_ul_4_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
}
|
|
|
|
|
|
-.index_9_ul_1 .index_2_ul_a:nth-of-type(1) {
|
|
|
+.index_ul_4_a:nth-of-type(3n-2) {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.index_9_big_img_li_img {
|
|
|
+.index_ul_4_a:hover::after {
|
|
|
+ content: '';
|
|
|
display: block;
|
|
|
- width: 450px;
|
|
|
- height: 267px;
|
|
|
+ background: #004564;
|
|
|
}
|
|
|
|
|
|
-.index_9_big_img_ul {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
+.index_5_right_img_ul {}
|
|
|
|
|
|
-.index_10_ul {
|
|
|
- margin-top: 30px;
|
|
|
+.index_5_right_img_li {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 17px;
|
|
|
|
|
|
- .index_10_ul_a {
|
|
|
+ .index_5_right_img_li_img_box {
|
|
|
+ width: 130px;
|
|
|
+ height: 166px;
|
|
|
+ margin-right: 15px;
|
|
|
float: left;
|
|
|
- width: 172px;
|
|
|
- height: 130px;
|
|
|
- text-align: center;
|
|
|
- line-height: 130px;
|
|
|
- margin-left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_5_right_img_li_a {}
|
|
|
+
|
|
|
+ .index_5_right_img_li_a_img {
|
|
|
+ display: block;
|
|
|
+ width: 130px;
|
|
|
+ height: 166px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3 {
|
|
|
+ width: 305px;
|
|
|
+
|
|
|
+ .index_ul_3_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
color: #333;
|
|
|
font-size: 18px;
|
|
|
+ margin-bottom: 9px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a:nth-of-type(1) {
|
|
|
font-weight: bold;
|
|
|
- background-size: 100% 100%;
|
|
|
+ height: 48px;
|
|
|
+ text-indent: 0px;
|
|
|
+ display: -webkit-box !important;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ white-space: wrap;
|
|
|
+ margin: 10px 0px 12px 0px;
|
|
|
+ }
|
|
|
|
|
|
- &:hover {
|
|
|
- color: #489D97;
|
|
|
- }
|
|
|
+ .index_ul_3_a_tag {
|
|
|
+ float: left;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0px 10px 0px 16px;
|
|
|
}
|
|
|
|
|
|
- .index_10_ul_a:nth-of-type(1) {
|
|
|
- background-image: url(@/public/img/18.png);
|
|
|
- margin-left: 0px;
|
|
|
+ .index_ul_3_a:nth-of-type(1) .index_ul_3_a_tag {
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
- .index_10_ul_a:nth-of-type(2) {
|
|
|
- background-image: url(@/public/img/19.png);
|
|
|
+ .index_ul_3_a:nth-of-type(1)::after {
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
- .index_10_ul_a:nth-of-type(3) {
|
|
|
- background-image: url(@/public/img/20.png);
|
|
|
+ .index_ul_3_a:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
|
|
|
- .index_10_ul_a:nth-of-type(4) {
|
|
|
- background-image: url(@/public/img/21.png);
|
|
|
+ .index_ul_3_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a:nth-of-type(1):hover::after {
|
|
|
+ display: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_10_img_ul {
|
|
|
- margin-top: 30px;
|
|
|
+.index_6 {
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
|
|
|
-.index_10_img_ul_li {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- position: relative;
|
|
|
- margin-bottom: 8px;
|
|
|
+.index_img_ul_5_ul {
|
|
|
+ .index_img_ul_5_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_5_li_a {}
|
|
|
|
|
|
- .index_10_img_ul_li_img {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
+ .index_img_ul_5_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
}
|
|
|
|
|
|
- .index_10_img_ul_li_dot1 {
|
|
|
- height: 33px;
|
|
|
- width: 220px;
|
|
|
- position: absolute;
|
|
|
+ .index_img_ul_5_li_dot1 {
|
|
|
+ width: 350px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
color: #fff;
|
|
|
font-size: 18px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 11;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_even_2_ul {
|
|
|
+ .index_img_even_2_li {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_even_2_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_even_2_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_even_2_li_a {}
|
|
|
+
|
|
|
+ .index_img_even_2_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_even_2_li_dot1 {
|
|
|
+ width: 165px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ padding: 0px 10px;
|
|
|
left: 0px;
|
|
|
bottom: 0px;
|
|
|
z-index: 11;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_6 {
|
|
|
+ .index_img_ul_6_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_6_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_6_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_6_li_dot1 {
|
|
|
+ width: 350px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
padding: 0px 10px;
|
|
|
box-sizing: border-box;
|
|
|
- line-height: 33px;
|
|
|
- background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, .1));
|
|
|
+ position: absolute;
|
|
|
+ z-index: 11;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- &:hover .index_10_img_ul_li_dot1 {
|
|
|
- color: #489D97;
|
|
|
+.index_7 {
|
|
|
+ margin: 13px auto 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_7_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.index_10_img_ul_li:nth-of-type(odd) {
|
|
|
- float: left;
|
|
|
+.index_ul_7_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
}
|
|
|
|
|
|
-.index_10_img_ul_li:nth-of-type(even) {
|
|
|
- float: right;
|
|
|
+.index_ul_7_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.index_10_box_1 {
|
|
|
- margin-top: 0px;
|
|
|
+.index_ul_7_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
}
|
|
|
|
|
|
-.index_10_box_3 {
|
|
|
- margin-top: 0px;
|
|
|
+.index_img_ul_7 {
|
|
|
+ .index_img_ul_7_li {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_7_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_7_li_img {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_7_li_dot1 {
|
|
|
+ width: 170px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ padding: 0px 10px;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ z-index: 11;
|
|
|
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_8_li_box {
|
|
|
+ height: 48px;
|
|
|
+ margin-bottom: 11px;
|
|
|
+ width: 265px;
|
|
|
+
|
|
|
+ .index_ul_8_li {
|
|
|
+ height: 48px;
|
|
|
+ width: 265px;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_8_a {
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ width: 265px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #004564;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_8_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 44%;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_8_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #004564;
|
|
|
+ }
|
|
|
}
|
dangyunlong
