|
@@ -1,986 +1,1428 @@
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ font-family: "微软雅黑", "microsoft yahei";
|
|
|
+}
|
|
|
|
|
|
+a:active {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
|
|
|
+a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
|
|
|
-//第一部分
|
|
|
-.part1 {
|
|
|
- width: 100%;
|
|
|
- height: 475px;
|
|
|
+a:visited {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:link {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:focus {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.clearfix {
|
|
|
overflow: hidden;
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 30px;
|
|
|
+}
|
|
|
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- //左侧
|
|
|
- .part1_left {
|
|
|
- float: left;
|
|
|
- width: 900px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .hengxian {
|
|
|
- width: 900px;
|
|
|
- height: 2px;
|
|
|
- background: #DD7D18;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 6px;
|
|
|
- background: #DD7D18;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- left: 46px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part1_left_title {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_content {
|
|
|
- width: 900px;
|
|
|
- height: 300px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part1_left_content1 {
|
|
|
- float: left;
|
|
|
-
|
|
|
-
|
|
|
- .part1_left_photo {
|
|
|
- width: 410px;
|
|
|
- height: 160px;
|
|
|
-
|
|
|
- .part1_left_photo11 {
|
|
|
- width: 195px;
|
|
|
- height: 160px;
|
|
|
- float: left;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 195px;
|
|
|
- height: 117px;
|
|
|
- }
|
|
|
-
|
|
|
- .left_content {
|
|
|
- width: 195px;
|
|
|
- height: 40px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- line-height: 40px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_photo11:hover {
|
|
|
- .left_content {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_photo11:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part1_left_context {
|
|
|
- float: left;
|
|
|
- width: 410px;
|
|
|
- height: 160px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part1_left_contextList {
|
|
|
- width: 410px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 22px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part1_left_contextList:first-child {
|
|
|
- width: 410px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_contextList:hover a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_content2 {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- height: 300px;
|
|
|
- margin-top: 40px;
|
|
|
- background-color: #333333;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_content2 {
|
|
|
- float: left;
|
|
|
- width: 450px;
|
|
|
- margin-left: 30px;
|
|
|
-
|
|
|
- .part1_left_context222 {
|
|
|
- width: 450px;
|
|
|
-
|
|
|
- .part1_left_contextList222 {
|
|
|
- width: 450px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_contextList222:hover a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_contextList222:first-child {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_left_context222:last-child {
|
|
|
- margin-top: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
+.clearfix_2::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ visibility: hidden;
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
|
|
|
+.hiddenColor {
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
|
|
|
+.hand {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
|
|
|
- }
|
|
|
+.dot1 {
|
|
|
+ display: block;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
|
|
|
- //右侧
|
|
|
- .part1_right {
|
|
|
- float: right;
|
|
|
- width: 270px;
|
|
|
-
|
|
|
- .part1_right_title {
|
|
|
- font-size: 22px;
|
|
|
- .part1_right_titlelist {
|
|
|
- color: #999999;
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_titlelist1 {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- .active {
|
|
|
- font-weight: bold;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_photo_text {
|
|
|
- width: 270px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 270px;
|
|
|
- height: 170px;
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_text {
|
|
|
- margin-top: 10px;
|
|
|
- width: 270px;
|
|
|
- height: 50px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_photo_text:hover {
|
|
|
- .part1_right_text {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content {
|
|
|
- width: 270px;
|
|
|
- margin-top: 26px;
|
|
|
-
|
|
|
- .part1_right_contentList {
|
|
|
- width: 275px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #ccc;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_contentList:hover {
|
|
|
- a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+.dot2 {
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+}
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
+input,
|
|
|
+img {
|
|
|
+ border: none;
|
|
|
}
|
|
|
|
|
|
-//第二部分
|
|
|
-.part2 {
|
|
|
+.cover100 img {
|
|
|
+ display: block;
|
|
|
width: 100%;
|
|
|
- height: 525px;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.back100 {
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+article,
|
|
|
+aside,
|
|
|
+footer,
|
|
|
+header,
|
|
|
+time,
|
|
|
+video,
|
|
|
+main,
|
|
|
+nav,
|
|
|
+h4,
|
|
|
+h3,
|
|
|
+section {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.index_main {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1200px;
|
|
|
margin-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.head_h3 {
|
|
|
+ width: 1100px;
|
|
|
+ height: 70px;
|
|
|
+ margin: 30px auto 0;
|
|
|
+ background: url(@/public/img/2.png) no-repeat left top #EDF4FF;
|
|
|
+ background-size: auto auto;
|
|
|
+
|
|
|
+ .head_h3_a {
|
|
|
+ display: block;
|
|
|
+ width: 1000px;
|
|
|
+ height: 70px;
|
|
|
+ text-align: center;
|
|
|
+ color: #255590;
|
|
|
+ font-size: 30px;
|
|
|
+ line-height: 70px;
|
|
|
+ margin: 0px auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_1 {
|
|
|
margin-top: 30px;
|
|
|
+}
|
|
|
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .part2_left {
|
|
|
- float: left;
|
|
|
- width: 900px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part2_hengxian {
|
|
|
- width: 900px;
|
|
|
- height: 2px;
|
|
|
- background: #DD7D18;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 6px;
|
|
|
- background: #DD7D18;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- left: 46px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part2_left_title {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_left_content1 {
|
|
|
- float: left;
|
|
|
- width: 420px;
|
|
|
- margin-top: 25px;
|
|
|
- margin-right: 30px;
|
|
|
-
|
|
|
- .part2_left_content111 {
|
|
|
- // margin-top: 30px;
|
|
|
-
|
|
|
- .part2_left_content1_list {
|
|
|
- width: 420px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a .nav2_title {
|
|
|
- color: #999999;
|
|
|
- padding-right: 10px;
|
|
|
- border-right: 1px solid #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .nav2_title:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- a .nav2_title_content {
|
|
|
- color: #333333;
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .nav2_title_content:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_left_content1_list:nth-child(5n+1) {
|
|
|
- .nav2_title_content {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .part2_left_content1_list:last-child{
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_left_content2 {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- height: 430px;
|
|
|
- margin-top: 25px;
|
|
|
-
|
|
|
- .part2_left_content2list {
|
|
|
- display: flex;
|
|
|
- width: 450px;
|
|
|
- margin-bottom: 30px;
|
|
|
-
|
|
|
- img {
|
|
|
- float: left;
|
|
|
- width: 180px;
|
|
|
- height: 120px;
|
|
|
- }
|
|
|
-
|
|
|
- .content2_text {
|
|
|
- float: right;
|
|
|
- width: 252px;
|
|
|
- height: 120px;
|
|
|
- padding-left: 15px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .content2_text_content {
|
|
|
- width: 252px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- // display: block;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .content2_text_title {
|
|
|
- display: block;
|
|
|
- width: 66px;
|
|
|
- height: 28px;
|
|
|
- line-height: 28px;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- background-color: #f5f5f7;
|
|
|
- position: absolute;
|
|
|
- left: 15px;
|
|
|
- bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content2_text:hover {
|
|
|
- .content2_text_content {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+.roll_1_box {
|
|
|
+ width: 720px;
|
|
|
+ height: 405px;
|
|
|
+}
|
|
|
|
|
|
- .part2_right {
|
|
|
- float: right;
|
|
|
- width: 270px;
|
|
|
- // height: 1000px;
|
|
|
-
|
|
|
- .part2_right_title {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content {
|
|
|
- width: 270px;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- .part2_right_contentList {
|
|
|
- width: 270px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- padding-top: 17px;
|
|
|
- padding-bottom: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #DDDDDD;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .listNumber {
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #D9D9D9;
|
|
|
- margin-right: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_contentList:hover {
|
|
|
- a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_contentList:nth-child(1) {
|
|
|
- .listNumber {
|
|
|
- color: #DD7D18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_contentList:nth-child(2) {
|
|
|
- .listNumber {
|
|
|
- color: #DD7D18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_contentList:nth-child(3) {
|
|
|
- .listNumber {
|
|
|
- color: #DD7D18;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+.index_1_left {
|
|
|
+ float: left;
|
|
|
+ width: 720px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_right {
|
|
|
+ float: right;
|
|
|
+ width: 450px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_box_1 {
|
|
|
+ float: left;
|
|
|
+ width: 350px;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_box_2 {
|
|
|
+ float: left;
|
|
|
+ width: 350px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_box_1 {
|
|
|
+ float: left;
|
|
|
+ width: 170px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_box_2 {
|
|
|
+ float: right;
|
|
|
+ width: 265px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_ul {}
|
|
|
+
|
|
|
+.index_1_ul_a {
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ text-indent: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #255590;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-//第三部分
|
|
|
-.part3 {
|
|
|
- width: 100%;
|
|
|
- height: 575px;
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 30px;
|
|
|
+.index_1_ul_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 20px;
|
|
|
+ background: #255590;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_ul_a:nth-of-type(1) {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
+ text-indent: 0;
|
|
|
+ margin-top: -4px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_1_ul_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.banner {
|
|
|
margin-top: 30px;
|
|
|
+ width: 1200px;
|
|
|
|
|
|
- .inner {
|
|
|
+ .banner_a {
|
|
|
+ display: block;
|
|
|
width: 1200px;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part3_left {
|
|
|
- float: left;
|
|
|
- width: 900px;
|
|
|
- background-color: #fff;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part3_hengxian {
|
|
|
- width: 900px;
|
|
|
- height: 2px;
|
|
|
- background: #DD7D18;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 6px;
|
|
|
- background: #DD7D18;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- left: 46px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part3_left_title {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content {
|
|
|
- width: 900px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part3_left_content1 {
|
|
|
- float: left;
|
|
|
- width: 410px;
|
|
|
- margin-right: 30px;
|
|
|
-
|
|
|
- .part3_left_content1_photo1 {
|
|
|
- font-size: 18px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 410px;
|
|
|
- height: 260px;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1_text {
|
|
|
- width: 410px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1_photo1:hover {
|
|
|
- .part3_left_content1_text {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1_photo2 {
|
|
|
- width: 410px;
|
|
|
- margin-top: 30px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .part3_left_content1_photo2list {
|
|
|
- width: 195px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 195px;
|
|
|
- height: 117px;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1_text {
|
|
|
- width: 195px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content1_photo2list:hover {
|
|
|
- .part3_left_content1_text {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content2 {
|
|
|
- float: right;
|
|
|
-
|
|
|
- .part3_left_content2_text {
|
|
|
- width: 460px;
|
|
|
-
|
|
|
- .part3_left_content2_list {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- .nav3_title {
|
|
|
- font-size: 18px;
|
|
|
- color: #999;
|
|
|
- padding-right: 10px;
|
|
|
- border-right: 1px solid #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .nav3_title:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .nav3_title_content {
|
|
|
- display: inline-block;
|
|
|
- width: 366px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- padding-left: 10px;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- vertical-align: -4px;
|
|
|
- }
|
|
|
-
|
|
|
- .nav3_title_content:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content2_list:first-child {
|
|
|
- .nav3_title_content {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_content2_text:last-child {
|
|
|
- margin-top: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ .banner_img {
|
|
|
+ display: block;
|
|
|
+ width: 1200px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_2 {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
|
|
|
- .part3_right {
|
|
|
- float: right;
|
|
|
- width: 270px;
|
|
|
- height: 430px;
|
|
|
-
|
|
|
- .part3_right_title {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_content {
|
|
|
- .right_photo_text {
|
|
|
- width: 270px;
|
|
|
- height: 80px;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- a img {
|
|
|
- float: left;
|
|
|
- width: 120px;
|
|
|
- height: 80px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .right_text {
|
|
|
- float: right;
|
|
|
- width: 135px;
|
|
|
- height: 75px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right_photo_text:hover {
|
|
|
- .right_text {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .rightcontent_text {
|
|
|
- width: 270px;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- .rightcontent_textlist {
|
|
|
- width: 270px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 15px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #ccc;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .rightcontent_textlist:hover {
|
|
|
- a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+.index_2_head {
|
|
|
+ height: 30px;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 28px;
|
|
|
+
|
|
|
+ .index_2_head_name {
|
|
|
+ float: left;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #255590;
|
|
|
+ font-size: 22px;
|
|
|
+ text-indent: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
|
|
|
+ .index_2_head_name_a {
|
|
|
+ display: block;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #255590;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_2_head_name::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 3px;
|
|
|
+ height: 18px;
|
|
|
+ background: #255590;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 6px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_2_head_more {
|
|
|
+ float: right;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .index_2_head_more::after {
|
|
|
+ // content: '';
|
|
|
+ // display: block;
|
|
|
+ // width: 100%;
|
|
|
+ // height: 100%;
|
|
|
+ // position: absolute;
|
|
|
+ // left: 0px;
|
|
|
+ // top: 0px;
|
|
|
+ // z-index: 22;
|
|
|
+ // }
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head:hover .index_2_head_more {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_2_ul {}
|
|
|
+
|
|
|
+.index_img_big_2_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_big_2_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_2_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_2_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_2_img_li {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_2_img_li_a {}
|
|
|
+
|
|
|
+ .index_2_img_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
+.index_2_img_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_img_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #255590;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.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_ul_2_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_1_ul {
|
|
|
+ .index_img_big_1_li {
|
|
|
+ height: 267px;
|
|
|
+ position: relative;
|
|
|
+ width: 450px;
|
|
|
+ margin-bottom: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_1_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_1_li_img {
|
|
|
+ display: block;
|
|
|
+ height: 267px;
|
|
|
+ width: 450px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_1_li_dot1 {
|
|
|
+ width: 450px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ 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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_3 {
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_3_ul {}
|
|
|
+
|
|
|
+.index_img_big_3_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_3_li_a {}
|
|
|
+
|
|
|
+.index_img_big_3_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_3_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_ul_3_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_3_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_5_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_2 {
|
|
|
+ .index_img_ul_2_li {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_2_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_2_li_img {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_2_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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_4_li_box {
|
|
|
+ height: 48px;
|
|
|
+ margin-bottom: 11px;
|
|
|
+ width: 265px;
|
|
|
+
|
|
|
+ .index_ul_4_li {
|
|
|
+ height: 48px;
|
|
|
+ width: 265px;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_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: #255590;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .index_ul_4_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_4_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-//第四部分
|
|
|
-.part4 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 30px;
|
|
|
- margin-top: 30px;
|
|
|
+.index_4 {
|
|
|
+ margin-top: 11px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_4_ul {}
|
|
|
+
|
|
|
+.index_img_big_4_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_big_4_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_4_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_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_ul_6_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_6_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_6_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_7 {
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.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_ul_7_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_7_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
|
|
|
- .inner {
|
|
|
+.index_ul_8 {}
|
|
|
+
|
|
|
+.index_ul_8_a {
|
|
|
+ width: 170px;
|
|
|
+ height: 48px;
|
|
|
+ color: #255590;
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0px 6px;
|
|
|
+ line-height: 48px;
|
|
|
+ background: #F7FBFE;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_8_a:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_8_a:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_5_ul {}
|
|
|
+
|
|
|
+.index_img_big_5_li {
|
|
|
+ height: 267px;
|
|
|
+ position: relative;
|
|
|
+ width: 450px;
|
|
|
+ margin-bottom: 22px;
|
|
|
+
|
|
|
+ .index_img_big_5_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_5_li_img {
|
|
|
+ display: block;
|
|
|
+ height: 267px;
|
|
|
+ width: 450px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_5_li_dot1 {
|
|
|
+ width: 450px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ 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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_9_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_9_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_9_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.banner_3 {
|
|
|
+ width: 1200px;
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_3_li {
|
|
|
+ width: 350px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .index_img_ul_3_a {
|
|
|
+ width: 350px;
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- width: 1200px;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part4_one {
|
|
|
- width: 380px;
|
|
|
- float: left;
|
|
|
-
|
|
|
- .part4_title {
|
|
|
- width: 380px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .part4_hengxian {
|
|
|
- width: 380px;
|
|
|
- height: 2px;
|
|
|
- background: #DD7D18;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 130px;
|
|
|
- height: 6px;
|
|
|
- background: #DD7D18;
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- left: 46px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part4_left_title {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part4_photo_text {
|
|
|
- position: relative;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 380px;
|
|
|
- height: 249px;
|
|
|
- }
|
|
|
-
|
|
|
- .text {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 380px;
|
|
|
- height: 54px;
|
|
|
- line-height: 54px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- padding-left: 20px;
|
|
|
- padding-right: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part4_photo_content {
|
|
|
- margin-top: 30px;
|
|
|
- width: 380px;
|
|
|
- // height: 150px;
|
|
|
-
|
|
|
- .part4_photo_contentlist {
|
|
|
- // display: flex;
|
|
|
- width: 380px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title {
|
|
|
- font-size: 18px;
|
|
|
- color: #999;
|
|
|
- padding-right: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: 1px solid #dd7d18
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title_content {
|
|
|
- display: inline-block;
|
|
|
- width: 290px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- padding-left: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- vertical-align: -4px;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title_content:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title_content2 {
|
|
|
- display: inline-block;
|
|
|
- width: 370px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- padding-left: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- vertical-align: -4px;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title_content2:hover {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part4_photo_contentlist:hover {
|
|
|
- a {
|
|
|
- color: #dd7d18;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part4_photo_contentlist:first-child {
|
|
|
- font-weight: bold;
|
|
|
-
|
|
|
- .nav11_title_content {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-
|
|
|
- .nav11_title {
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- }
|
|
|
- .part4_photo_contentlist:last-child {
|
|
|
- margin-bottom: 0px;
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_img_box {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_img {
|
|
|
+ display: block;
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_dot2 {
|
|
|
+ height: 48px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_3_a:hover .index_img_ul_3_dot2 {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_10 {
|
|
|
+ margin-top: 12px;
|
|
|
+
|
|
|
+ .index_ul_10_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_10_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_10_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_10_a:hover {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_10_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_4_li {
|
|
|
+ width: 350px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .index_img_ul_4_a {
|
|
|
+ width: 350px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_4_img_box {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_4_img {
|
|
|
+ display: block;
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_4_dot2 {
|
|
|
+ height: 48px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_4_a:hover .index_img_ul_4_dot2 {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_11 {
|
|
|
+ margin-top: 12px;
|
|
|
+
|
|
|
+ .index_ul_11_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_11_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_11_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_11_a:hover {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_11_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_12 {
|
|
|
+ width: 450px;
|
|
|
+
|
|
|
+ .index_ul_12_li {
|
|
|
+ width: 450px;
|
|
|
+ display: flex;
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 29px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_12_li_num {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #ccc;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-style: italic;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_12_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_12_li:nth-of-type(-n+3) .index_ul_12_li_num {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_12_a:hover {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_5 {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_6 {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_6_ul {}
|
|
|
+
|
|
|
+.index_img_big_6_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_big_6_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_6_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_big_6_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_ul_13 {}
|
|
|
+
|
|
|
+.index_ul_13_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_13_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_13_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_13_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_5 {}
|
|
|
+
|
|
|
+.index_img_ul_5_li {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_ul_5_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_5_li_img {
|
|
|
+ width: 170px;
|
|
|
+ height: 110px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_5_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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_14_li_box {
|
|
|
+ height: 48px;
|
|
|
+ margin-bottom: 11px;
|
|
|
+ width: 265px;
|
|
|
+
|
|
|
+ .index_ul_14_li {
|
|
|
+ height: 48px;
|
|
|
+ width: 265px;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_14_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: #255590;
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_14_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_14_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head_right {
|
|
|
+ float: right;
|
|
|
+ margin-top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head_right_a {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #489D97;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head_right .index_6_head_right_a {
|
|
|
+ padding: 0px 10px 0px 16px;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head_right .index_6_head_right_a::after {
|
|
|
+ font-size: 12px;
|
|
|
+ content: '/';
|
|
|
+ display: block;
|
|
|
+ height: 6px;
|
|
|
+ line-height: 6px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_2_head_right .index_6_head_right_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.index_6_head_right_a:hover {
|
|
|
+ color: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_7 {
|
|
|
+ margin-top: 11px;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_big_7_ul {}
|
|
|
+
|
|
|
+.index_img_big_7_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_big_7_li_a {}
|
|
|
+
|
|
|
+ .index_img_big_7_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
|
|
|
+ .index_img_big_7_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_ul_6_li {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_ul_6_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_6_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_6_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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_6_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_6_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_15 {}
|
|
|
+
|
|
|
+.index_ul_15_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: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_15_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_15_a:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.index_ul_15_a:hover::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ background: #255590;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_7_li {
|
|
|
+ width: 220px;
|
|
|
+ height: 130px;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .index_img_ul_7_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_7_li_img {
|
|
|
+ width: 220px;
|
|
|
+ height: 130px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_7_li_dot1 {
|
|
|
+ width: 220px;
|
|
|
+ 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) 33%, rgba(0, 0, 0, 0) 100%);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_7_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.index_img_ul_7_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.index_name_ul {
|
|
|
+ margin-top: 13px;
|
|
|
+
|
|
|
+ .index_name_ul_li {
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_tag {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #0046AE;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ padding-right: 15px;
|
|
|
+ margin-right: 15px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_tag::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 14px;
|
|
|
+ background: #D3D5D8;
|
|
|
+ width: 1px;
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_dot1 {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_dot1:hover {
|
|
|
+ color: #255590;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.banner_4 {
|
|
|
+ width: 1200px;
|
|
|
+ margin-top: 11px;
|
|
|
}
|