|
@@ -1,85 +1,104 @@
|
|
|
* {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- font-family: "微软雅黑", "microsoft yahei";
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ font-family: "微软雅黑", "microsoft yahei";
|
|
|
}
|
|
|
+
|
|
|
ul,
|
|
|
ol {
|
|
|
- list-style: none;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
+
|
|
|
a:active {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
+
|
|
|
a:hover {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
+
|
|
|
a:visited {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
+
|
|
|
a:link {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
+
|
|
|
a:focus {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
+
|
|
|
body {
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
+
|
|
|
.clearfix {
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
+
|
|
|
.clearfix_2::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- height: 0;
|
|
|
- visibility: hidden;
|
|
|
- clear: both;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ visibility: hidden;
|
|
|
+ clear: both;
|
|
|
}
|
|
|
+
|
|
|
.hiddenColor {
|
|
|
- visibility: hidden;
|
|
|
+ visibility: hidden;
|
|
|
}
|
|
|
+
|
|
|
.hand {
|
|
|
- cursor: pointer;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
.dot1 {
|
|
|
- display: block;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ display: block;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
+
|
|
|
.dot2 {
|
|
|
- overflow: hidden;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
}
|
|
|
+
|
|
|
.dot3 {
|
|
|
- overflow: hidden;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
}
|
|
|
+
|
|
|
.dot4 {
|
|
|
- overflow: hidden;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 4;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 4;
|
|
|
}
|
|
|
+
|
|
|
input,
|
|
|
img {
|
|
|
- border: none;
|
|
|
+ border: none;
|
|
|
}
|
|
|
+
|
|
|
.cover100 img {
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
+
|
|
|
.back100 {
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
}
|
|
|
+
|
|
|
article,
|
|
|
aside,
|
|
|
footer,
|
|
@@ -91,1174 +110,1380 @@ nav,
|
|
|
h4,
|
|
|
h3,
|
|
|
section {
|
|
|
- display: block;
|
|
|
+ display: block;
|
|
|
}
|
|
|
+
|
|
|
.index_main {
|
|
|
- margin: 0 auto 30px
|
|
|
+ margin: 0 auto 30px
|
|
|
}
|
|
|
+
|
|
|
.slow_6 {
|
|
|
- -webkit-transition: all .6s;
|
|
|
- -moz-transition: all .6s;
|
|
|
- -ms-transition: all .6s;
|
|
|
- -o-transition: all .6s;
|
|
|
- transition: all .6s;
|
|
|
+ -webkit-transition: all .6s;
|
|
|
+ -moz-transition: all .6s;
|
|
|
+ -ms-transition: all .6s;
|
|
|
+ -o-transition: all .6s;
|
|
|
+ transition: all .6s;
|
|
|
}
|
|
|
+
|
|
|
.index_main {
|
|
|
- width: 1200px;
|
|
|
+ width: 1200px;
|
|
|
}
|
|
|
+
|
|
|
.index_head_out {
|
|
|
- border: solid 1px #FAFAFA;
|
|
|
- background: #FAFAFA;
|
|
|
- margin: 20px auto 0px;
|
|
|
- padding-bottom: 20px;
|
|
|
- .index_head_h3 {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
- .index_head_h3_a {
|
|
|
- display: block;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- position: relative;
|
|
|
- margin: 30px auto 0px;
|
|
|
- color: #333;
|
|
|
- font-size: 30px;
|
|
|
- text-align: center;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0px 100px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
- .index_head_h3_tag {
|
|
|
- position: absolute;
|
|
|
- background: #A91B33;
|
|
|
- height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-size: 17px;
|
|
|
- border-top-left-radius: 12px;
|
|
|
- border-bottom-right-radius: 12px;
|
|
|
- left: 27px;
|
|
|
- top: 7px;
|
|
|
- padding: 0px 14px;
|
|
|
- }
|
|
|
- .index_head_a_box {
|
|
|
- margin-top: 15px;
|
|
|
- text-align: center;
|
|
|
- font-size: 0px;
|
|
|
- }
|
|
|
- .index_head_a {
|
|
|
- display: inline-block;
|
|
|
- height: 22px;
|
|
|
- width:23%;
|
|
|
- // max-width:23%;
|
|
|
- box-sizing:border-box;
|
|
|
- line-height: 22px;
|
|
|
- color: #333;
|
|
|
- font-size: 17px;
|
|
|
- position: relative;
|
|
|
- padding: 0px 6px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
- .index_head_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- height: 14px;
|
|
|
- width: 1px;
|
|
|
- background: #333;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 5px;
|
|
|
- }
|
|
|
- .index_head_a:nth-of-type(1)::after {
|
|
|
- content: '';
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ border: solid 1px #FAFAFA;
|
|
|
+ background: #FAFAFA;
|
|
|
+ margin: 20px auto 0px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+
|
|
|
+ .index_head_h3 {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_h3_a {
|
|
|
+ width: 1200px;
|
|
|
+
|
|
|
+ display: block;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ position: relative;
|
|
|
+ margin: 30px auto 0px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 30px;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0px 100px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_h3_tag {
|
|
|
+ position: absolute;
|
|
|
+ background: #A91B33;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 17px;
|
|
|
+ border-top-left-radius: 12px;
|
|
|
+ border-bottom-right-radius: 12px;
|
|
|
+ left: 27px;
|
|
|
+ top: 7px;
|
|
|
+ padding: 0px 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_a_box {
|
|
|
+ margin-top: 15px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_a {
|
|
|
+ display: inline-block;
|
|
|
+ height: 22px;
|
|
|
+ width: 23%;
|
|
|
+ // max-width:23%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 22px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 17px;
|
|
|
+ position: relative;
|
|
|
+ padding: 0px 6px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 14px;
|
|
|
+ width: 1px;
|
|
|
+ background: #333;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_1_box {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
+ float: left;
|
|
|
+ width: 720px;
|
|
|
}
|
|
|
+
|
|
|
.index_2_box {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
+ float: right;
|
|
|
+ width: 450px;
|
|
|
}
|
|
|
+
|
|
|
.index_3_box {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
+ float: left;
|
|
|
+ width: 350px;
|
|
|
}
|
|
|
+
|
|
|
.index_4_box {
|
|
|
- float: right;
|
|
|
- width: 350px;
|
|
|
+ float: right;
|
|
|
+ width: 350px;
|
|
|
}
|
|
|
+
|
|
|
.index_5_box {
|
|
|
- float: left;
|
|
|
- width: 170px;
|
|
|
+ float: left;
|
|
|
+ width: 170px;
|
|
|
}
|
|
|
+
|
|
|
.index_6_box {
|
|
|
- float: right;
|
|
|
- width: 265px;
|
|
|
+ float: right;
|
|
|
+ width: 265px;
|
|
|
}
|
|
|
+
|
|
|
.index_1 {
|
|
|
- margin-top: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
+
|
|
|
.roll_1_box {
|
|
|
- width: 720px;
|
|
|
- height: 405px;
|
|
|
+ width: 720px;
|
|
|
+ height: 405px;
|
|
|
}
|
|
|
+
|
|
|
.index_1_ul {
|
|
|
- .index_1_ul_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 18px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
- .index_1_ul_a:nth-of-type(5n-4) {
|
|
|
- font-weight: bold;
|
|
|
- color: #A91B33;
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
+ .index_1_ul_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_1_ul_a:nth-of-type(5n-4) {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #A91B33;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_2 {
|
|
|
- margin: 17px auto 0px;
|
|
|
+ margin: 17px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_head_box {
|
|
|
- border-bottom: solid 1px #D8D8D8;
|
|
|
- padding-bottom: 10px;
|
|
|
- margin-bottom: 30px;
|
|
|
- .index_head_box_left {
|
|
|
- float: left;
|
|
|
- height: 30px;
|
|
|
- border-left: solid 5px #A91B33;
|
|
|
- }
|
|
|
- .index_head_left_a_btn {
|
|
|
- float: left;
|
|
|
- height: 30px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- .index_head_left_a {
|
|
|
- display: block;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- color: #999;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- text-indent: 10px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
- .index_head_left_a_only {
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .index_head_box_right {
|
|
|
- float: right;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
- .index_head_box_right_1_a {
|
|
|
- display: block;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- color: #999;
|
|
|
- font-size: 16px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
+ border-bottom: solid 1px #D8D8D8;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+
|
|
|
+ .index_head_box_left {
|
|
|
+ float: left;
|
|
|
+ height: 30px;
|
|
|
+ border-left: solid 5px #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_left_a_btn {
|
|
|
+ float: left;
|
|
|
+ height: 30px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_left_a {
|
|
|
+ display: block;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-indent: 10px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_left_a_only {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right {
|
|
|
+ float: right;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_1_a {
|
|
|
+ display: block;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_2_color_box {
|
|
|
-
|
|
|
- background: #FAFAFA;
|
|
|
- // background:aqua;
|
|
|
|
|
|
- padding: 20px 0px 25px;
|
|
|
- margin: -11px auto 0px;
|
|
|
+ background: #FAFAFA;
|
|
|
+ // background:aqua;
|
|
|
+
|
|
|
+ padding: 20px 0px 25px;
|
|
|
+ margin: -11px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_2 {
|
|
|
- .index_ul_2_li {
|
|
|
- float: left;
|
|
|
- display: flex;
|
|
|
- height: 44px;
|
|
|
- margin: 0px 22px 15px 20px;
|
|
|
- width: 258px;
|
|
|
- }
|
|
|
- .index_ul_2_li:nth-of-type(4n) {
|
|
|
- margin-right: 0px;
|
|
|
- }
|
|
|
- .index_ul_2_li_num {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- text-align: center;
|
|
|
- line-height: 22px;
|
|
|
- font-style: italic;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: solid 3px #A91B33;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- background: #A91B33;
|
|
|
- margin-right: 19px;
|
|
|
- }
|
|
|
- .index_ul_2_li_a {
|
|
|
- height: 44px;
|
|
|
- line-height: 22px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- }
|
|
|
+ .index_ul_2_li {
|
|
|
+ float: left;
|
|
|
+ display: flex;
|
|
|
+ height: 44px;
|
|
|
+ margin: 0px 22px 15px 20px;
|
|
|
+ width: 258px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_2_li:nth-of-type(4n) {
|
|
|
+ margin-right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_2_li_num {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 22px;
|
|
|
+ font-style: italic;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-right: solid 3px #A91B33;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ background: #A91B33;
|
|
|
+ margin-right: 19px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_2_li_a {
|
|
|
+ height: 44px;
|
|
|
+ line-height: 22px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_2_foot_a_btn {
|
|
|
- float: left;
|
|
|
- height: 49px;
|
|
|
- line-height: 48px;
|
|
|
- background: #A91B33;
|
|
|
-
|
|
|
- padding: 0px 25px;
|
|
|
- margin: 9px 0px 0px 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
-
|
|
|
-
|
|
|
+ float: left;
|
|
|
+ height: 49px;
|
|
|
+ line-height: 48px;
|
|
|
+ background: #A91B33;
|
|
|
+
|
|
|
+ padding: 0px 25px;
|
|
|
+ margin: 9px 0px 0px 20px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
.index_2_foot_a_btn:nth-of-type(even) {
|
|
|
- background: #E48231;
|
|
|
+ background: #E48231;
|
|
|
}
|
|
|
+
|
|
|
.banner_1 {
|
|
|
- width: 1200px;
|
|
|
- margin: 10px auto 0px;
|
|
|
- .banner_1_a {
|
|
|
- width: 1200px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .banner_1_img {
|
|
|
- width: 1200px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ width: 1200px;
|
|
|
+ margin: 10px auto 0px;
|
|
|
+
|
|
|
+ .banner_1_a {
|
|
|
+ width: 1200px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner_1_img {
|
|
|
+ width: 1200px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_3 {
|
|
|
- margin: 30px auto 0px;
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_3_head_box {
|
|
|
- height: 56px;
|
|
|
- .index_3_head_btn_a {
|
|
|
- float: left;
|
|
|
- height: 42px;
|
|
|
- line-height: 42px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- padding: 0px 30px 0px 20px;
|
|
|
- margin-top: 14px;
|
|
|
- background-color: #FAFAFA;
|
|
|
- }
|
|
|
- .index_3_head_btn_a_only {
|
|
|
- height: 56px;
|
|
|
- line-height: 56px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- margin-top: 0px;
|
|
|
- background-image: url(@/public/img/34.png);
|
|
|
- }
|
|
|
+ height: 56px;
|
|
|
+
|
|
|
+ .index_3_head_btn_a {
|
|
|
+ float: left;
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 0px 30px 0px 20px;
|
|
|
+ margin-top: 14px;
|
|
|
+ background-color: #FAFAFA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_3_head_btn_a_only {
|
|
|
+ height: 56px;
|
|
|
+ line-height: 56px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 0px;
|
|
|
+ background-image: url(@/public/img/34.png);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_big_ul {
|
|
|
- border: solid 1px #EDCEA2;
|
|
|
- background: #FFF7ED;
|
|
|
- margin: 25px auto 0px;
|
|
|
- padding: 20px 0px 4px;
|
|
|
- .index_big_li {
|
|
|
- width: 530px;
|
|
|
- border-bottom: dashed 1px #EDCEA2;
|
|
|
- margin: 0px 0px 20px;
|
|
|
- }
|
|
|
- .index_big_li_head_a {
|
|
|
- display: block;
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #A91B33;
|
|
|
- font-size: 18px;
|
|
|
- position: relative;
|
|
|
- text-indent: 17px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .index_big_li_head_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- width: 7px;
|
|
|
- height: 7px;
|
|
|
- background: #F37C0B;
|
|
|
- left: 0px;
|
|
|
- top: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
+ border: solid 1px #EDCEA2;
|
|
|
+ background: #FFF7ED;
|
|
|
+ margin: 25px auto 0px;
|
|
|
+ padding: 20px 0px 4px;
|
|
|
+
|
|
|
+ .index_big_li {
|
|
|
+ width: 530px;
|
|
|
+ border-bottom: dashed 1px #EDCEA2;
|
|
|
+ margin: 0px 0px 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_li_head_a {
|
|
|
+ display: block;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #A91B33;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ text-indent: 17px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_li_head_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ width: 7px;
|
|
|
+ height: 7px;
|
|
|
+ background: #F37C0B;
|
|
|
+ left: 0px;
|
|
|
+ top: 10px;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_3_in {
|
|
|
- margin-top: 13px;
|
|
|
- // padding-bottom: 11px;
|
|
|
- margin-left: -13px;
|
|
|
- height: 65px;
|
|
|
- .index_ul_3_a {
|
|
|
- float: left;
|
|
|
- position: relative;
|
|
|
- height: 16px;
|
|
|
- line-height: 16px;
|
|
|
- color: #666;
|
|
|
- font-size: 16px;
|
|
|
- padding: 0px 13px;
|
|
|
- margin-bottom: 11px;
|
|
|
- }
|
|
|
- .index_ul_3_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- position: absolute;
|
|
|
- height: 16px;
|
|
|
- width: 1px;
|
|
|
- background: #666;
|
|
|
- right: 0px;
|
|
|
- top: 0px;
|
|
|
- }
|
|
|
- .index_ul_3_a:nth-last-of-type(1).index_ul_3_a::after {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_ul_3_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ margin-top: 13px;
|
|
|
+ // padding-bottom: 11px;
|
|
|
+ margin-left: -13px;
|
|
|
+ height: 65px;
|
|
|
+
|
|
|
+ .index_ul_3_a {
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ height: 16px;
|
|
|
+ line-height: 16px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 0px 13px;
|
|
|
+ margin-bottom: 11px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ height: 16px;
|
|
|
+ width: 1px;
|
|
|
+ background: #666;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a:nth-last-of-type(1).index_ul_3_a::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_3_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_big_li:nth-of-type(odd) {
|
|
|
- float: left;margin-left:36px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 36px;
|
|
|
}
|
|
|
+
|
|
|
.index_big_li:nth-of-type(even) {
|
|
|
- float: right;margin-right:36px;
|
|
|
+ float: right;
|
|
|
+ margin-right: 36px;
|
|
|
}
|
|
|
+
|
|
|
.index_4 {
|
|
|
- margin: 30px auto 0px;
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_head_btn_right_box_2 {
|
|
|
- float: right;
|
|
|
- .index_head_btn_right_a_2 {
|
|
|
- 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_head_btn_right_a_2:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ float: right;
|
|
|
+
|
|
|
+ .index_head_btn_right_a_2 {
|
|
|
+ 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_head_btn_right_a_2:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_4_out {
|
|
|
- border: solid 1px #F9FAFB;
|
|
|
- background: #F9FAFB;
|
|
|
- .index_ul_4_img_box {
|
|
|
- width: 130px;
|
|
|
- height: 130px;
|
|
|
- margin-right: 10px;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .index_ul_4_img {
|
|
|
- width: 130px;
|
|
|
- height: 130px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ border: solid 1px #F9FAFB;
|
|
|
+ background: #F9FAFB;
|
|
|
+
|
|
|
+ .index_ul_4_img_box {
|
|
|
+ width: 130px;
|
|
|
+ height: 130px;
|
|
|
+ margin-right: 10px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_img {
|
|
|
+ width: 130px;
|
|
|
+ height: 130px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_4 {
|
|
|
- float: right;
|
|
|
- width: 200px;
|
|
|
- margin: 15px 4px 0px 0px;
|
|
|
- .index_ul_4_a {
|
|
|
- height: 18px;
|
|
|
- line-height: 18px;
|
|
|
- color: #666;
|
|
|
- font-size: 14px;
|
|
|
- margin-bottom: 11px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 12px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_ul_4_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 7px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_ul_4_a:nth-of-type(1) {
|
|
|
- height: 48px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- text-indent: 0px;
|
|
|
- margin-bottom: 12px;
|
|
|
- display: -webkit-box !important;
|
|
|
- -webkit-box-orient: vertical !important;
|
|
|
- -webkit-line-clamp: 2 !important;
|
|
|
- word-break: break-all;
|
|
|
- white-space: wrap;
|
|
|
- }
|
|
|
- .index_ul_4_a:nth-of-type(1).index_ul_4_a::after {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_ul_4_a:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_4_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ float: right;
|
|
|
+ width: 200px;
|
|
|
+ margin: 15px 4px 0px 0px;
|
|
|
+
|
|
|
+ .index_ul_4_a {
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 11px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 12px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 7px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_a:nth-of-type(1) {
|
|
|
+ height: 48px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-indent: 0px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ display: -webkit-box !important;
|
|
|
+ -webkit-box-orient: vertical !important;
|
|
|
+ -webkit-line-clamp: 2 !important;
|
|
|
+ word-break: break-all;
|
|
|
+ white-space: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_a:nth-of-type(1).index_ul_4_a::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_a:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_4_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_5 {
|
|
|
- margin-top: 17px;
|
|
|
- .index_ul_5_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 18px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 16px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .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:nth-of-type(3n-2) {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .index_ul_5_a:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_5_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ margin-top: 17px;
|
|
|
+
|
|
|
+ .index_ul_5_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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:nth-of-type(3n-2) {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_5_a:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_5_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_head_box_right_3 {
|
|
|
- float: right;
|
|
|
- height: 30px;
|
|
|
- position: relative;
|
|
|
- top: 2px;
|
|
|
- .index_head_box_right_3_a {
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- color: #999;
|
|
|
- font-size: 16px;
|
|
|
- float: left;
|
|
|
- padding: 0px 14px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_head_box_right_3_a::after {
|
|
|
- font-size: 12px;
|
|
|
- content: '/';
|
|
|
- display: block;
|
|
|
- height: 6px;
|
|
|
- line-height: 6px;
|
|
|
- position: absolute;
|
|
|
- left: -2px;
|
|
|
- top: 12px;
|
|
|
- }
|
|
|
- .index_head_right_btn_box {
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .index_head_box_right_3_a:nth-of-type(1)::after {
|
|
|
- content: '';
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_head_box_right_3_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ float: right;
|
|
|
+ height: 30px;
|
|
|
+ position: relative;
|
|
|
+ top: 2px;
|
|
|
+
|
|
|
+ .index_head_box_right_3_a {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ float: left;
|
|
|
+ padding: 0px 14px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_3_a::after {
|
|
|
+ font-size: 12px;
|
|
|
+ content: '/';
|
|
|
+ display: block;
|
|
|
+ height: 6px;
|
|
|
+ line-height: 6px;
|
|
|
+ position: absolute;
|
|
|
+ left: -2px;
|
|
|
+ top: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_right_btn_box {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_3_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_3_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6 {
|
|
|
- margin-top: 17px;
|
|
|
- .index_ul_6_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 16px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_ul_6_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background: #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 9px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_ul_6_a:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_6_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_6_a:nth-of-type(-n+3) {
|
|
|
- text-indent: 33px;
|
|
|
- }
|
|
|
- .index_ul_6_a:nth-of-type(-n+3)::after {
|
|
|
- background: aqua;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- left: 0px;
|
|
|
- top: 0px;
|
|
|
- background: url(@/public/img/2.png) no-repeat left 0px;
|
|
|
- background-size: auto 90%;
|
|
|
- }
|
|
|
+ margin-top: 17px;
|
|
|
+
|
|
|
+ .index_ul_6_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_a:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_a:nth-of-type(-n+3) {
|
|
|
+ text-indent: 33px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_a:nth-of-type(-n+3)::after {
|
|
|
+ background: aqua;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ left: 0px;
|
|
|
+ top: 0px;
|
|
|
+ background: url(@/public/img/2.png) no-repeat left 0px;
|
|
|
+ background-size: auto 90%;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_5 {
|
|
|
- margin: 10px auto 0px;
|
|
|
+ margin: 10px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_img_ul_1_ul {
|
|
|
- .index_img_ul_1_li {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- margin-bottom: 20px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_img_ul_1_li_a {}
|
|
|
- .index_img_ul_1_li_img {
|
|
|
- display: block;
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
- .index_img_ul_1_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_1_li {
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_1_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_1_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_1_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_name_ul {
|
|
|
- .index_name_ul_li {
|
|
|
- height: 24px;
|
|
|
- margin-bottom: 18px;
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_name_ul_li::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 9px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_name_ul_li_tag {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #666;
|
|
|
- font-size: 18px;
|
|
|
- margin-left: 11px;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .index_name_ul_li_dot1 {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #666;
|
|
|
- font-size: 18px;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .index_name_ul_li:nth-of-type(1) .index_name_ul_li_tag {
|
|
|
- background: #e5efff;
|
|
|
- color: #287EFF;
|
|
|
- font-size: 14px;
|
|
|
- padding: 0px 4px;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- margin: 2px 10px 0px 0px;
|
|
|
- }
|
|
|
- .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1 {
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .index_name_ul_li:nth-of-type(1)::after {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_name_ul_li_tag:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_name_ul_li_dot1:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ .index_name_ul_li {
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_tag {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-left: 11px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_dot1 {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li:nth-of-type(1) .index_name_ul_li_tag {
|
|
|
+ background: #e5efff;
|
|
|
+ color: #287EFF;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0px 4px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ margin: 2px 10px 0px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1 {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li:nth-of-type(1)::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_tag:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li_dot1:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_name_ul_2 {
|
|
|
- .index_name_ul_2_li {
|
|
|
- height: 24px;
|
|
|
- margin-bottom: 18px;
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_name_ul_2_li::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 9px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_name_ul_2_li_tag {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #666;
|
|
|
- font-size: 18px;
|
|
|
- margin-left: 11px;
|
|
|
- word-break: keep-all;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .index_name_ul_2_li_dot1 {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #666;
|
|
|
- font-size: 18px;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_tag {
|
|
|
- background: #fff2e5;
|
|
|
- color: #FF9428;
|
|
|
- font-size: 14px;
|
|
|
- padding: 0px 4px;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- margin: 2px 10px 0px 0px;
|
|
|
- }
|
|
|
- .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1 {
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .index_name_ul_2_li:nth-of-type(1)::after {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_name_ul_2_li_tag:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_name_ul_2_li_dot1:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ .index_name_ul_2_li {
|
|
|
+ height: 24px;
|
|
|
+ margin-bottom: 18px;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li_tag {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-left: 11px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li_dot1 {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_tag {
|
|
|
+ background: #fff2e5;
|
|
|
+ color: #FF9428;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0px 4px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ margin: 2px 10px 0px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1 {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li:nth-of-type(1)::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li_tag:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li_dot1:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.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) 6%, rgba(0, 0, 0, 0) 100%);
|
|
|
- }
|
|
|
+ .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) 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;
|
|
|
- }
|
|
|
- .index_ul_8_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .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: #A91B33;
|
|
|
- }
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_8_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.banner_2 {
|
|
|
- width: 1200px;
|
|
|
- margin: 8px auto 0px;
|
|
|
- .banner_2_a {
|
|
|
- width: 1200px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .banner_2_img {
|
|
|
- width: 1200px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ width: 1200px;
|
|
|
+ margin: 8px auto 0px;
|
|
|
+
|
|
|
+ .banner_2_a {
|
|
|
+ width: 1200px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner_2_img {
|
|
|
+ width: 1200px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_6 {
|
|
|
- margin: 30px auto 0px;
|
|
|
- height: 553px;
|
|
|
+ margin: 30px auto 0px;
|
|
|
+ height: 553px;
|
|
|
}
|
|
|
+
|
|
|
.index_head_box_right_4 {
|
|
|
- float: right;
|
|
|
- height: 30px;
|
|
|
- position: relative;
|
|
|
- top: 2px;
|
|
|
- .index_head_box_right_4_a {
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- color: #999;
|
|
|
- font-size: 16px;
|
|
|
- float: left;
|
|
|
- padding: 0px 13px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_head_box_right_4_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- height: 16px;
|
|
|
- background: #999;
|
|
|
- width: 1px;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 8px;
|
|
|
- }
|
|
|
- .index_head_box_right_4_a:nth-of-type(1)::after {
|
|
|
- content: '';
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .index_head_box_right_4_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ float: right;
|
|
|
+ height: 30px;
|
|
|
+ position: relative;
|
|
|
+ top: 2px;
|
|
|
+
|
|
|
+ .index_head_box_right_4_a {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ float: left;
|
|
|
+ padding: 0px 13px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_4_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ height: 16px;
|
|
|
+ background: #999;
|
|
|
+ width: 1px;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_4_a:nth-of-type(1)::after {
|
|
|
+ content: '';
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_head_box_right_4_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_img_ul_3 {
|
|
|
- .index_img_ul_3_li {
|
|
|
- margin-bottom: 25px;
|
|
|
- }
|
|
|
- .index_img_ul_3_li_a {}
|
|
|
- .index_img_ul_3_li_img {
|
|
|
- display: block;
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
- .index_img_ul_3_li_dot2 {
|
|
|
- height: 46px;
|
|
|
- line-height: 23px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 22px;
|
|
|
- font-weight: bold;
|
|
|
- width: 350px;
|
|
|
- }
|
|
|
- .index_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ .index_img_ul_3_li {
|
|
|
+ margin-bottom: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_3_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 350px;
|
|
|
+ height: 230px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_li_dot2 {
|
|
|
+ height: 46px;
|
|
|
+ line-height: 23px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 350px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_img_ul_even_1_li {
|
|
|
- width: 165px;
|
|
|
- margin-bottom: 0px;
|
|
|
- .index_img_ul_even_1_li_a {}
|
|
|
- .index_img_ul_even_1_li_img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
- .index_img_ul_even_1_li_dot2 {
|
|
|
- height: 46px;
|
|
|
- line-height: 23px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 13px;
|
|
|
- }
|
|
|
- .index_img_ul_even_1_li_a:hover .index_img_ul_even_1_li_dot2 {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ width: 165px;
|
|
|
+ margin-bottom: 0px;
|
|
|
+
|
|
|
+ .index_img_ul_even_1_li_a {}
|
|
|
+
|
|
|
+ .index_img_ul_even_1_li_img {
|
|
|
+ width: 165px;
|
|
|
+ height: 96px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_even_1_li_dot2 {
|
|
|
+ height: 46px;
|
|
|
+ line-height: 23px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_img_ul_even_1_li_a:hover .index_img_ul_even_1_li_dot2 {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_img_ul_even_1_li:nth-of-type(odd) {
|
|
|
- float: left;
|
|
|
+ float: left;
|
|
|
}
|
|
|
+
|
|
|
.index_img_ul_even_1_li:nth-of-type(even) {
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_9 {
|
|
|
- .index_ul_9_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 16px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .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 {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_9_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ .index_ul_9_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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 {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_9_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_9_head_box {
|
|
|
- margin-bottom: 25px;
|
|
|
- .index_ul_9_head_a {
|
|
|
- background: #A91B33;
|
|
|
- height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-size: 17px;
|
|
|
- float: left;
|
|
|
- border-top-left-radius: 12px;
|
|
|
- border-bottom-right-radius: 12px;
|
|
|
- padding: 0px 14px;
|
|
|
- }
|
|
|
+ margin-bottom: 25px;
|
|
|
+
|
|
|
+ .index_ul_9_head_a {
|
|
|
+ background: #A91B33;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 17px;
|
|
|
+ float: left;
|
|
|
+ border-top-left-radius: 12px;
|
|
|
+ border-bottom-right-radius: 12px;
|
|
|
+ padding: 0px 14px;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_even_img_ul_1 {
|
|
|
- .index_even_img_ul_1_li {
|
|
|
- width: 220px;
|
|
|
- }
|
|
|
- .index_even_img_ul_1_li:nth-of-type(odd) {
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .index_even_img_ul_1_li:nth-of-type(even) {
|
|
|
- float: right;
|
|
|
- }
|
|
|
- .index_even_img_ul_1_a {
|
|
|
- }
|
|
|
- .index_even_img_ul_1_li_img {
|
|
|
- display: block;
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- }
|
|
|
- .index_even_img_ul_1_dot1 {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 20px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .index_even_img_ul_1_a:hover .index_even_img_ul_1_dot1 {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ .index_even_img_ul_1_li {
|
|
|
+ width: 220px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_even_img_ul_1_li:nth-of-type(odd) {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_even_img_ul_1_li:nth-of-type(even) {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_even_img_ul_1_a {}
|
|
|
+
|
|
|
+ .index_even_img_ul_1_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 220px;
|
|
|
+ height: 130px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_even_img_ul_1_dot1 {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_even_img_ul_1_a:hover .index_even_img_ul_1_dot1 {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_10 {
|
|
|
- margin-top: 40px;
|
|
|
- .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:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_10_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ margin-top: 40px;
|
|
|
+
|
|
|
+ .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:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_10_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_7 {
|
|
|
- margin: 14px auto 0px;
|
|
|
+ margin: 14px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_7_line_box {
|
|
|
- padding-bottom:0px;
|
|
|
- border: solid 1px #ddd;
|
|
|
+ padding-bottom: 0px;
|
|
|
+ border: solid 1px #ddd;
|
|
|
}
|
|
|
+
|
|
|
.index_7_in_box {
|
|
|
- float: left;
|
|
|
- width: 336px;
|
|
|
- margin: 15px 14px 0px 20px;
|
|
|
+ float: left;
|
|
|
+ width: 336px;
|
|
|
+ margin: 15px 14px 0px 20px;
|
|
|
}
|
|
|
+
|
|
|
.index_7_head {
|
|
|
- height: 53px;
|
|
|
- margin-bottom: 10px;
|
|
|
- .index_7_head_a {
|
|
|
- height: 53px;
|
|
|
- line-height: 53px;
|
|
|
- background: linear-gradient(to right, #FFF7ED, #fff);
|
|
|
- text-indent: 20px;
|
|
|
- color: #A91B33;
|
|
|
- font-size: 20px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ height: 53px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .index_7_head_a {
|
|
|
+ height: 53px;
|
|
|
+ line-height: 53px;
|
|
|
+ background: linear-gradient(to right, #FFF7ED, #fff);
|
|
|
+ text-indent: 20px;
|
|
|
+ color: #A91B33;
|
|
|
+ font-size: 20px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_11 {
|
|
|
- height: 135px;
|
|
|
- .index_ul_11_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 26px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_ul_11_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #A91B33;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 9px;
|
|
|
- top: 8px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_ul_11_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
+ height: 135px;
|
|
|
+
|
|
|
+ .index_ul_11_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 26px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_11_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #A91B33;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 9px;
|
|
|
+ top: 8px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_11_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_8 {
|
|
|
- margin: 30px auto 0px;
|
|
|
+ margin: 30px auto 0px;
|
|
|
}
|
|
|
+
|
|
|
.index_head_box_2 {
|
|
|
- margin-bottom: 41px;
|
|
|
+ margin-bottom: 41px;
|
|
|
}
|
|
|
+
|
|
|
.index_big_2_ul {
|
|
|
- .index_big_2_li {
|
|
|
- background: #F9FAFB;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 19px;
|
|
|
- }
|
|
|
- .index_big_2_li_img_box {
|
|
|
- width: 200px;
|
|
|
- height: 145px;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .index_big_2_li_img {
|
|
|
- display: block;
|
|
|
- width: 200px;
|
|
|
- height: 145px;
|
|
|
- }
|
|
|
- .index_big_2_li_in {
|
|
|
- width: 502px;
|
|
|
- float: right;
|
|
|
- margin: 10px 8px 0px 0px;
|
|
|
- }
|
|
|
- .index_big_2_li_img_a {}
|
|
|
+ .index_big_2_li {
|
|
|
+ background: #F9FAFB;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 19px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_2_li_img_box {
|
|
|
+ width: 200px;
|
|
|
+ height: 145px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_2_li_img {
|
|
|
+ display: block;
|
|
|
+ width: 200px;
|
|
|
+ height: 145px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_2_li_in {
|
|
|
+ width: 502px;
|
|
|
+ float: right;
|
|
|
+ margin: 10px 8px 0px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_big_2_li_img_a {}
|
|
|
}
|
|
|
+
|
|
|
.index_ul_12_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- text-indent: 16px;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- &:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ text-indent: 16px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.index_ul_12_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #ddd;
|
|
|
- border-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 9px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background: #ddd;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 9px;
|
|
|
+ z-index: 11;
|
|
|
+}
|
|
|
|
|
|
.index_ul_12_a:nth-of-type(1) {
|
|
|
- font-weight: bold;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_12_a:last-of-type(1) {
|
|
|
- margin: 0;
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_13 {
|
|
|
- height: 112px;
|
|
|
- margin-top: 10px;
|
|
|
- .index_ul_13_a {
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-bottom: 19px;
|
|
|
- box-sizing: border-box;
|
|
|
- text-indent: 16px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .index_ul_13_a::after {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 4px;
|
|
|
- height: 4px;
|
|
|
- background: #333;
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- top: 10px;
|
|
|
- z-index: 11;
|
|
|
- }
|
|
|
- .index_ul_13_a:hover::after {
|
|
|
- background: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_13_a:hover {
|
|
|
- color: #A91B33;
|
|
|
- }
|
|
|
- .index_ul_13_a:nth-of-type(1) {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ height: 112px;
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ .index_ul_13_a {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 19px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-indent: 16px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_13_a::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ background: #333;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_13_a:hover::after {
|
|
|
+ background: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_13_a:hover {
|
|
|
+ color: #A91B33;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_13_a:nth-of-type(1) {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_head_box_3 {
|
|
|
- margin-bottom: 28px;
|
|
|
+ margin-bottom: 28px;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6 {
|
|
|
- .index_ul_6_li {
|
|
|
- border: solid 1px #F9FAFB;
|
|
|
- background: #F9FAFB;
|
|
|
- margin: 1px 0px 9px 0px;
|
|
|
- }
|
|
|
- .index_ul_6_li_a {}
|
|
|
+ .index_ul_6_li {
|
|
|
+ border: solid 1px #F9FAFB;
|
|
|
+ background: #F9FAFB;
|
|
|
+ margin: 1px 0px 9px 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index_ul_6_li_a {}
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_img_box {
|
|
|
- float: left;
|
|
|
- width: 130px;
|
|
|
- height: 166px;
|
|
|
- .index_ul_6_img {
|
|
|
- display: block;
|
|
|
- width: 130px;
|
|
|
- height: 166px;
|
|
|
- }
|
|
|
+ float: left;
|
|
|
+ width: 130px;
|
|
|
+ height: 166px;
|
|
|
+
|
|
|
+ .index_ul_6_img {
|
|
|
+ display: block;
|
|
|
+ width: 130px;
|
|
|
+ height: 166px;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li_right {
|
|
|
- float: right;
|
|
|
- width: 296px;
|
|
|
- margin-right: 4px;
|
|
|
+ float: right;
|
|
|
+ width: 296px;
|
|
|
+ margin-right: 4px;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li_head {
|
|
|
- color: #333;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 10px;
|
|
|
- font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 10px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li_article {
|
|
|
- height: 72px;
|
|
|
- line-height: 24px;
|
|
|
- color: #666;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 15px;
|
|
|
+ height: 72px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li:hover .index_ul_6_li_article {
|
|
|
- color: #A91B33;
|
|
|
+ color: #A91B33;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li:hover .index_ul_6_li_head {
|
|
|
- color: #A91B33;
|
|
|
+ color: #A91B33;
|
|
|
}
|
|
|
+
|
|
|
.index_ul_6_li_article_detail {
|
|
|
- color: #e48231;
|
|
|
- float: right;
|
|
|
- margin-top: 8px;
|
|
|
+ color: #e48231;
|
|
|
+ float: right;
|
|
|
+ margin-top: 8px;
|
|
|
}
|