|
|
@@ -1,2473 +1,963 @@
|
|
|
-.farming {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+//第一部分
|
|
|
+.part1 {
|
|
|
width: 100%;
|
|
|
- height: 664px;
|
|
|
- .farmerLeft,
|
|
|
- .farmerRight {
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .farmerLeft {
|
|
|
- width: 720px;
|
|
|
- height: 616px;
|
|
|
- margin-right: 21px;
|
|
|
- .farmer {
|
|
|
- width: 720px;
|
|
|
- height: 330px;
|
|
|
- >h3 {
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
+ height: 475px;
|
|
|
+ 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: #000000;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- a.active {
|
|
|
- font-size: 22px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- color: #139602;
|
|
|
- font-weight: bold;
|
|
|
- box-sizing: border-box;
|
|
|
- width: auto;
|
|
|
- font-weight: bold;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
- .titleBoxTabs {
|
|
|
- a {
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- span {
|
|
|
- a {
|
|
|
- font-size: 22px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- box-sizing: border-box;
|
|
|
+
|
|
|
+ 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;
|
|
|
}
|
|
|
- margin-right: 20px;
|
|
|
}
|
|
|
- .active {
|
|
|
- a {
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-right: 40px;
|
|
|
+
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
- a.active {
|
|
|
- color: #139602;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
+
|
|
|
+ .part1_left_contextList:hover a {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
- a.active {
|
|
|
- color: #139602;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
+
|
|
|
+ .part1_left_content2 {
|
|
|
+ float: right;
|
|
|
+ width: 450px;
|
|
|
+ height: 300px;
|
|
|
+ margin-top: 40px;
|
|
|
+ background-color: #333333;
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
- span {
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- >a {
|
|
|
- width: 65px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
- ul.mode1ul_style1 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding-top: 30px;
|
|
|
- li {
|
|
|
- position: relative;
|
|
|
- width: 349px;
|
|
|
- height: 236px;
|
|
|
- border-radius: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 349px;
|
|
|
- height: 236px;
|
|
|
- }
|
|
|
- a {
|
|
|
- div {
|
|
|
- position: absolute;
|
|
|
- width: 320px;
|
|
|
- height: 48px;
|
|
|
- bottom: 10px;
|
|
|
- z-index: 10;
|
|
|
- left:15px;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- z-index: 99;
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- background: #9CD26B;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- padding: 2px 6px;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- p {
|
|
|
- font-size: 16px;
|
|
|
- margin-top: 5px;
|
|
|
- height: 46px;
|
|
|
- }
|
|
|
- p:nth-child(1) {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
+
|
|
|
+ .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;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
- ul.mode1ul_style2 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- padding-top: 20px;
|
|
|
- li {
|
|
|
- width: 349px;
|
|
|
- height: 58px;
|
|
|
- border-radius: 10px;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 22px;
|
|
|
- }
|
|
|
- p {
|
|
|
- font-size: 16px;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ //右侧
|
|
|
+ .part1_right {
|
|
|
+ float: right;
|
|
|
+ width: 270px;
|
|
|
+
|
|
|
+ .part1_right_title {
|
|
|
+ font-size: 22px;
|
|
|
+ .part1_right_titlelist {
|
|
|
+ font-weight: bold;
|
|
|
color: #333333;
|
|
|
- margin-bottom: 4px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .part1_right_titlelist1 {
|
|
|
+ color: #999999;
|
|
|
}
|
|
|
- p.title {
|
|
|
- width: 349px;
|
|
|
- height: 46px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
}
|
|
|
- p.title:hover {
|
|
|
- color: #49A769;
|
|
|
+ }
|
|
|
+
|
|
|
+ .part1_right_photo_text:hover {
|
|
|
+ .part1_right_text {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .farmerbottom {
|
|
|
- width: 720px;
|
|
|
- height: 280px;
|
|
|
- img {
|
|
|
- width: 498px;
|
|
|
- height: 280px;
|
|
|
}
|
|
|
- >.leftList {
|
|
|
- width: 290px;
|
|
|
- height: 280px;
|
|
|
- background-color: #f6f6f6;
|
|
|
- padding: 11px 26px 6px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- >li {
|
|
|
- width: 296px;
|
|
|
- height: 32px;
|
|
|
- color: #666666;
|
|
|
- font-size: 14px;
|
|
|
- margin-bottom: 14px;
|
|
|
- h4 {
|
|
|
- width: 249px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- height: 27px;
|
|
|
- line-height: 21px;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- font-weight: 400;
|
|
|
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #333333;
|
|
|
- border-radius: 8px;
|
|
|
- }
|
|
|
- }
|
|
|
- p {
|
|
|
- width: 249px;
|
|
|
- height: 48px;
|
|
|
- // line-height: 24px;
|
|
|
- padding-left: 14px;
|
|
|
- // color: #333333;
|
|
|
- }
|
|
|
+ .part1_right_content {
|
|
|
+ width: 270px;
|
|
|
+ margin-top: 30px;
|
|
|
+
|
|
|
+ .part1_right_contentList {
|
|
|
+ width: 275px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
a {
|
|
|
color: #333333;
|
|
|
}
|
|
|
- a:hover {
|
|
|
- color: #139602;
|
|
|
+
|
|
|
+ em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
}
|
|
|
- >li:hover,
|
|
|
- >li:hover>a>h4 {
|
|
|
- color: #088f04;
|
|
|
- }
|
|
|
- >li:hover>a>h4>em {
|
|
|
- background-color: #088f04;
|
|
|
+
|
|
|
+ .part1_right_contentList:hover {
|
|
|
+ a {
|
|
|
+ color: #dd7d18;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .farmerRight {
|
|
|
- width: 450px;
|
|
|
- height: 600px;
|
|
|
- .rich,
|
|
|
- .inquire {
|
|
|
- width: 100%;
|
|
|
- height: 309px;
|
|
|
- >h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .active {
|
|
|
- font-size: 22px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- color: #49A769;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- box-sizing: border-box;
|
|
|
- width: auto;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- span {
|
|
|
- font-size: 22px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
+//第二部分
|
|
|
+.part2 {
|
|
|
+ width: 100%;
|
|
|
+ height: 525px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ 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;
|
|
|
- color: #49A769;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- a {
|
|
|
- width: 65px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- font-weight: normal;
|
|
|
+ width: 100px;
|
|
|
+ height: 6px;
|
|
|
+ background: #DD7D18;
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ left: 46px;
|
|
|
}
|
|
|
}
|
|
|
- .photo {
|
|
|
- height: 104px;
|
|
|
- margin-top: 23px;
|
|
|
|
|
|
- >.photoL:first-child {
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- .photoL {
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- border-radius: 6px;
|
|
|
- position: relative;
|
|
|
+
|
|
|
+ .part2_left_title {
|
|
|
+ font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
a {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- }
|
|
|
- img {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- border-radius: 6px;
|
|
|
- }
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- display: inline-block;
|
|
|
- padding-left: 7px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 185px;
|
|
|
- height: 22px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- background-color: rgba(0, 0, 0, 0.5);
|
|
|
- font-weight: 500px;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 22px;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
- }
|
|
|
- .photoList {
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- position: relative;
|
|
|
+
|
|
|
img {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- }
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
+ width: 30px;
|
|
|
height: 30px;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- padding-top: 7px;
|
|
|
- padding-left: 6px;
|
|
|
- box-sizing: border-box;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
}
|
|
|
- // 文字部分
|
|
|
- ul {
|
|
|
- height: 220px;
|
|
|
- margin-bottom: 10px;
|
|
|
- padding-top: 10px;
|
|
|
- li {
|
|
|
- height: 55px;
|
|
|
- padding:10px 0 6px 0;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- a {
|
|
|
- display: flex;
|
|
|
+
|
|
|
+ .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;
|
|
|
- font-size: 16px;
|
|
|
- .index {
|
|
|
- height: 48px;
|
|
|
- margin-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
- .title {
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
+
|
|
|
+ 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;
|
|
|
}
|
|
|
}
|
|
|
- a:hover{
|
|
|
- color: #139609;
|
|
|
+ .part2_left_content1_list:last-child{
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
- li:nth-child(1) .index,li:nth-child(2) .index,li:nth-child(3) .index {
|
|
|
- color: #49A769;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
- .richList {
|
|
|
- margin-top: 30px;
|
|
|
- .richListPic,.richListPictow{
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- font-size: 16px;
|
|
|
+
|
|
|
+ .part2_left_content2 {
|
|
|
+ float: right;
|
|
|
+ width: 450px;
|
|
|
+ height: 430px;
|
|
|
+ margin-top: 25px;
|
|
|
+
|
|
|
+ .part2_left_content2list {
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
+ width: 450px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+
|
|
|
img {
|
|
|
- width: 152px;
|
|
|
- height: 103px;
|
|
|
- margin-right: 10px;
|
|
|
- border-radius: 8px;
|
|
|
+ float: left;
|
|
|
+ width: 180px;
|
|
|
+ height: 120px;
|
|
|
}
|
|
|
- div {
|
|
|
- width: 285px;
|
|
|
- height: 103px;
|
|
|
- padding-top: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- span {
|
|
|
+
|
|
|
+ .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;
|
|
|
- font-weight: bold;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
word-break: break-all;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
+ // 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;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .richListPic {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- .richListPictow {
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .richListText {
|
|
|
- margin-bottom: 17px;
|
|
|
- a {
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- display: block;
|
|
|
- height: 60px;
|
|
|
- line-height: 60px;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- span {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: block;
|
|
|
+
|
|
|
+ .content2_text:hover {
|
|
|
+ .content2_text_content {
|
|
|
+ color: #dd7d18;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .rich {
|
|
|
- .photoL {
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- position: relative;
|
|
|
- border-radius: 6px;
|
|
|
- img {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- border-radius: 6px;
|
|
|
- }
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- display: inline-block;
|
|
|
- padding-left: 7px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 185px;
|
|
|
- height: 22px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- background-color: rgba(0, 0, 0, 0.5);
|
|
|
- font-weight: 500px;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 22px;
|
|
|
- border-radius: 0px 0px 6px 6px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .inquire {
|
|
|
- width: 380px;
|
|
|
- height: 280px;
|
|
|
- margin-top: 20px;
|
|
|
- background: #FFFFFF;
|
|
|
- box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
|
|
|
- border-radius: 6px 6px 6px 6px;
|
|
|
- padding: 4px 6px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- p {
|
|
|
- width: 328px;
|
|
|
- height: 69px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- padding: 12px 20px 0 32px;
|
|
|
|
|
|
- }
|
|
|
+ .part2_right {
|
|
|
+ float: right;
|
|
|
+ width: 270px;
|
|
|
+ // height: 1000px;
|
|
|
|
|
|
- .radio {
|
|
|
- /deep/.el-radio {
|
|
|
- --el-radio-input-border-color-hover: #27881a;
|
|
|
- }
|
|
|
+ .part2_right_title {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #333333;
|
|
|
|
|
|
- /deep/.el-radio-group {
|
|
|
- align-items: center;
|
|
|
- display: inline-flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- font-size: 0;
|
|
|
- padding-left: 35px;
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- /deep/.el-radio.el-radio--large {
|
|
|
- height: 29px;
|
|
|
- }
|
|
|
+ .part2_right_content {
|
|
|
+ width: 270px;
|
|
|
+ margin-top: 15px;
|
|
|
|
|
|
- /deep/.el-radio.el-radio--large .el-radio__label {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
+ .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;
|
|
|
|
|
|
- /deep/.el-radio.el-radio--large .el-radio__inner {
|
|
|
- height: 16px;
|
|
|
- width: 16px;
|
|
|
- }
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
- /deep/.el-radio__input.is-checked+.el-radio__label {
|
|
|
- color: #27881a;
|
|
|
- }
|
|
|
+ .listNumber {
|
|
|
+ font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #D9D9D9;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
|
|
|
- /deep/.el-radio__input.is-checked .el-radio__inner {
|
|
|
- background: #33b023;
|
|
|
- border-color: #27881a;
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .btn {
|
|
|
- width: 188px;
|
|
|
- height: 32px;
|
|
|
- margin: 20px auto;
|
|
|
-
|
|
|
- button {
|
|
|
- width: 70px;
|
|
|
- height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- border-radius: 6px;
|
|
|
- border: none;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
- cursor: pointer;
|
|
|
+ .part2_right_contentList:hover {
|
|
|
+ a {
|
|
|
+ color: #dd7d18;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .voting {
|
|
|
- background-color: #33b023;
|
|
|
- color: #fff;
|
|
|
- margin-right: 44px;
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.scienceEducation {
|
|
|
- height: 694px;
|
|
|
- .scienceLeft,
|
|
|
- .scienceRight {
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .adBox1 {
|
|
|
- margin-bottom: 20px;
|
|
|
- width: 450px;
|
|
|
- height: 290px;
|
|
|
+//第三部分
|
|
|
+.part3 {
|
|
|
+ width: 100%;
|
|
|
+ height: 575px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
+
|
|
|
+ .inner {
|
|
|
+ width: 1200px;
|
|
|
overflow: hidden;
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- height: 290px;
|
|
|
- }
|
|
|
- img {
|
|
|
- width: 450px;
|
|
|
- height: 290px;
|
|
|
- }
|
|
|
- }
|
|
|
- .scienceLeft {
|
|
|
- width: 720px;
|
|
|
- height:700px;
|
|
|
- margin-right: 21px;
|
|
|
- }
|
|
|
- .scienceRight {
|
|
|
- width: 450px;
|
|
|
- height: 600px;
|
|
|
- >h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #139602;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- span {
|
|
|
- color: #139602;
|
|
|
- border-bottom: 3px solid #139602;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
- box-sizing: border-box;
|
|
|
- a {
|
|
|
- color: #139602;
|
|
|
+ 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;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- >a {
|
|
|
- width: 65px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
+
|
|
|
+ .part3_left_title {
|
|
|
+ font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
color: #333333;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- .banner {
|
|
|
- width: 380px;
|
|
|
- height: 214px;
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
- .banner_b_img {
|
|
|
- .photo {
|
|
|
- height: 104px;
|
|
|
- margin-top: 23px;
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
- >.photoL:first-child {
|
|
|
+ img {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ vertical-align: middle;
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .photoL {
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- position: relative;
|
|
|
- border-radius: 2px;
|
|
|
+ .part3_left_content {
|
|
|
+ width: 900px;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- img {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- border-radius: 2px;
|
|
|
- }
|
|
|
+ .part3_left_content1 {
|
|
|
+ float: left;
|
|
|
+ width: 410px;
|
|
|
+ margin-right: 30px;
|
|
|
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- display: inline-block;
|
|
|
- padding-left: 7px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 185px;
|
|
|
- height: 22px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- background-color: rgba(0, 0, 0, 0.5);
|
|
|
- font-weight: 500px;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 22px;
|
|
|
- border-radius: 2px 2px 0px 0px;
|
|
|
+ .part3_left_content1_photo1 {
|
|
|
+ font-size: 18px;
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
- // .photoL {
|
|
|
- // margin-right: 5px;
|
|
|
- // }
|
|
|
- // ul {
|
|
|
- // width: 380px;
|
|
|
- // height: 186px;
|
|
|
- // >li {
|
|
|
- // height: 22px;
|
|
|
- // padding-top: 16px;
|
|
|
- // >strong {
|
|
|
- // display: inline-block;
|
|
|
- // width: 24px;
|
|
|
- // height: 24px;
|
|
|
- // line-height: 24px;
|
|
|
- // background-color: #cecece;
|
|
|
- // padding-left: 6px;
|
|
|
- // box-sizing: border-box;
|
|
|
- // font-family: Source Han Sans, Source Han Sans;
|
|
|
- // font-weight: 500;
|
|
|
- // font-size: 18px;
|
|
|
- // color: #FFFFFF;
|
|
|
- // font-style: normal;
|
|
|
- // text-transform: none;
|
|
|
- // }
|
|
|
- // >em {
|
|
|
- // display: inline-block;
|
|
|
- // width: 6px;
|
|
|
- // height: 6px;
|
|
|
- // border-radius: 10px;
|
|
|
- // border: 2px solid #8CBA86;
|
|
|
- // vertical-align: 5px;
|
|
|
- // }
|
|
|
- // a,
|
|
|
- // span {
|
|
|
- // display: inline-block;
|
|
|
- // width: 350px;
|
|
|
- // height: 22px;
|
|
|
- // white-space: nowrap;
|
|
|
- // overflow: hidden;
|
|
|
- // text-overflow: ellipsis;
|
|
|
- // font-family: PingFang SC, PingFang SC;
|
|
|
- // font-weight: 500;
|
|
|
- // font-size: 18px;
|
|
|
- // color: #333333;
|
|
|
- // line-height: 21px;
|
|
|
- // text-align: left;
|
|
|
- // font-style: normal;
|
|
|
- // text-transform: none;
|
|
|
- // padding-left: 9px;
|
|
|
- // }
|
|
|
- // >a:hover,
|
|
|
- // >span:hover {
|
|
|
- // color: #139609;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- ul {
|
|
|
- padding: 30px 0 0 0 ;
|
|
|
- li {
|
|
|
- margin-bottom: 5px;
|
|
|
- a {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- width: 450px;
|
|
|
- height: 55px;
|
|
|
- color: #333333;
|
|
|
- font-size: 16px;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
+ a img {
|
|
|
+ width: 410px;
|
|
|
+ height: 260px;
|
|
|
}
|
|
|
- p {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+
|
|
|
+ .part3_left_content1_text {
|
|
|
+ width: 410px;
|
|
|
+ white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- width: 450px;
|
|
|
- height: 46px;
|
|
|
- box-sizing: border-box;
|
|
|
- //padding-left: 10px;
|
|
|
- //border-left: 1px solid #D9D9D9;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- p:nth-last-child{
|
|
|
- border-bottom: none
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
+ .part3_left_content1_photo1:hover {
|
|
|
+ .part3_left_content1_text {
|
|
|
+ color: #dd7d18;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-.dynamic {
|
|
|
- height: 610px;
|
|
|
+ .part3_left_content1_photo2 {
|
|
|
+ width: 410px;
|
|
|
+ margin-top: 30px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- .inner {
|
|
|
- height: 610px;
|
|
|
- }
|
|
|
- .innerLeft {
|
|
|
- .title {
|
|
|
- >h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #139602;
|
|
|
-
|
|
|
- >a {
|
|
|
- float: right;
|
|
|
- width: 56px;
|
|
|
- height: 20px;
|
|
|
- line-height: 24px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .part3_left_content1_photo2list {
|
|
|
+ width: 195px;
|
|
|
|
|
|
- .protectRights {
|
|
|
- float: left;
|
|
|
- margin-top: 26px;
|
|
|
- .photoList {
|
|
|
- float: left;
|
|
|
- width: 387px;
|
|
|
- margin-right: 40px;
|
|
|
+ a img {
|
|
|
+ width: 195px;
|
|
|
+ height: 117px;
|
|
|
+ }
|
|
|
|
|
|
- >.top {
|
|
|
- width: 387px;
|
|
|
- height: 320px;
|
|
|
- position: relative;
|
|
|
+ .part3_left_content1_text {
|
|
|
+ width: 195px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- img {
|
|
|
- width: 387px;
|
|
|
- height: 320px;
|
|
|
- border-radius: 6px;
|
|
|
+ .part3_left_content1_photo2list:hover {
|
|
|
+ .part3_left_content1_text {
|
|
|
+ color: #dd7d18;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- display: inline-block;
|
|
|
- width: 387px;
|
|
|
- height: 68px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- padding: 33px 33px 8px 13px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 21px;
|
|
|
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- >.bottom {
|
|
|
- width: 387px;
|
|
|
- height: 202px;
|
|
|
- margin-top: 15px;
|
|
|
+ .part3_left_content2 {
|
|
|
+ float: right;
|
|
|
|
|
|
- >li {
|
|
|
- width: 185px;
|
|
|
- height: 210px;
|
|
|
- float: left;
|
|
|
- margin-right: 17px;
|
|
|
- background-color: #f5f5f5;
|
|
|
+ .part3_left_content2_text {
|
|
|
+ width: 460px;
|
|
|
+
|
|
|
+ .part3_left_content2_list {
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
|
- img {
|
|
|
- width: 185px;
|
|
|
- height: 139px;
|
|
|
- border-radius: 6px;
|
|
|
+ .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;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- p {
|
|
|
- width: 175px;
|
|
|
- height: 63px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 30px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- margin-left: 5px;
|
|
|
+ .part3_left_content2_list:first-child {
|
|
|
+ .nav3_title_content {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- >li:nth-child(2) {
|
|
|
- margin-right: 0;
|
|
|
+ .part3_left_content2_text:last-child {
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
|
|
|
- .textList {
|
|
|
- float: left;
|
|
|
- width: 340px;
|
|
|
- height: 545px;
|
|
|
+ }
|
|
|
|
|
|
- >li {
|
|
|
- width: 340px;
|
|
|
- height: 27px;
|
|
|
- margin-bottom: 19px;
|
|
|
+ .part3_right {
|
|
|
+ float: right;
|
|
|
+ width: 270px;
|
|
|
+ height: 430px;
|
|
|
|
|
|
- h4 {
|
|
|
- width: 282px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- margin-right: 6px;
|
|
|
- border-radius: 4px;
|
|
|
- background-color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
+ .part3_right_title {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #333333;
|
|
|
|
|
|
- p {
|
|
|
- padding-left: 14px;
|
|
|
- width: 249px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- line-height: 24px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- }
|
|
|
a {
|
|
|
color: #333333;
|
|
|
}
|
|
|
- a:hover {
|
|
|
- color: #139602;
|
|
|
- }
|
|
|
-
|
|
|
- >li:hover>a>h4,
|
|
|
- >li:hover>a>p {
|
|
|
- color: #139602;
|
|
|
- }
|
|
|
-
|
|
|
- >li:hover>a>h4>em {
|
|
|
- background-color: #139602;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .innerRight {
|
|
|
- .title {
|
|
|
- >h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #139602;
|
|
|
-
|
|
|
- >a {
|
|
|
- float: right;
|
|
|
- width: 56px;
|
|
|
- height: 20px;
|
|
|
- line-height: 24px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .dynamicList {
|
|
|
- width: 380px;
|
|
|
- margin-top: 26px;
|
|
|
- >li {
|
|
|
- width: 380px;
|
|
|
- height: 120px;
|
|
|
- margin-bottom: 21px;
|
|
|
-
|
|
|
- img {
|
|
|
- float: left;
|
|
|
- width: 160px;
|
|
|
- height: 120px;
|
|
|
- }
|
|
|
+ .part3_right_content {
|
|
|
+ .right_photo_text {
|
|
|
+ width: 270px;
|
|
|
+ height: 80px;
|
|
|
+ margin-top: 15px;
|
|
|
|
|
|
- .text {
|
|
|
- float: left;
|
|
|
- width: 220px;
|
|
|
- height: 120px;
|
|
|
- padding-left: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 16px;
|
|
|
+ a img {
|
|
|
+ float: left;
|
|
|
+ width: 120px;
|
|
|
+ height: 80px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
|
|
|
- >h5 {
|
|
|
- width: 199px;
|
|
|
- height: 52px;
|
|
|
- margin-bottom: 40px;
|
|
|
+ .right_text {
|
|
|
+ float: right;
|
|
|
+ width: 135px;
|
|
|
+ height: 75px;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
word-break: break-all;
|
|
|
- padding-top: 6px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 600;
|
|
|
font-size: 18px;
|
|
|
color: #333333;
|
|
|
- line-height: 26px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- >p {
|
|
|
- width: 198px;
|
|
|
- height: 70px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- margin-top: 10px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- line-height: 24px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- li:hover {
|
|
|
- .text {
|
|
|
- box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- h5,
|
|
|
- p {
|
|
|
- color: #139602;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-.policy {
|
|
|
- height: 678px;
|
|
|
- .inner {
|
|
|
- height: 678px;
|
|
|
- .innerLeft {
|
|
|
- width: 790px;
|
|
|
- height: 621px;
|
|
|
- .title {
|
|
|
- >h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #139602;
|
|
|
- >a {
|
|
|
- float: right;
|
|
|
- width: 56px;
|
|
|
- height: 20px;
|
|
|
- line-height: 24px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
+ .right_photo_text:hover {
|
|
|
+ .right_text {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .policyList {
|
|
|
- width: 790px;
|
|
|
- margin-top: 20px;
|
|
|
- >li {
|
|
|
- width: 790px;
|
|
|
- height: 121px;
|
|
|
- margin-bottom: 20px;
|
|
|
- img,
|
|
|
- .text {
|
|
|
- float: left;
|
|
|
- }
|
|
|
- img {
|
|
|
- width: 224px;
|
|
|
- height: 121px;
|
|
|
+ .rightcontent_text {
|
|
|
+ width: 270px;
|
|
|
+ margin-top: 15px;
|
|
|
|
|
|
- }
|
|
|
- .text {
|
|
|
- width: 566px;
|
|
|
- height: 121px;
|
|
|
- padding-left: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
+ .rightcontent_textlist {
|
|
|
+ width: 270px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
|
- >h5 {
|
|
|
- padding: 13px 0 6px;
|
|
|
- width: 536px;
|
|
|
- height: 25px;
|
|
|
- margin-bottom: 45px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 18px;
|
|
|
+ a {
|
|
|
color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
}
|
|
|
|
|
|
- p {
|
|
|
- width: 536px;
|
|
|
- height: 30px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- line-height: 24px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
-
|
|
|
- >span:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
+ em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- li:hover {
|
|
|
- .text {
|
|
|
- box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- h5,
|
|
|
- p {
|
|
|
- color: #139602;
|
|
|
+ .rightcontent_textlist:hover {
|
|
|
+ a {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- .innerRight {
|
|
|
- .title {
|
|
|
- h3 {
|
|
|
- height: 36px;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 24px;
|
|
|
- color: #000000;
|
|
|
- line-height: 28px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- border-bottom: 1px solid #139602;
|
|
|
+//第四部分
|
|
|
+.part4 {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
|
|
|
- a {
|
|
|
- float: right;
|
|
|
- width: 56px;
|
|
|
- height: 20px;
|
|
|
- line-height: 24px;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .inner {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 1200px;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fff;
|
|
|
|
|
|
- .banner {
|
|
|
- width: 380px;
|
|
|
- height: 214px;
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
+ .part4_one {
|
|
|
+ width: 380px;
|
|
|
+ float: left;
|
|
|
|
|
|
- .banner_b_img {
|
|
|
- .photo {
|
|
|
- height: 104px;
|
|
|
- margin-top: 23px;
|
|
|
- }
|
|
|
- .photoL {
|
|
|
- display: inline-block;
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- position: relative;
|
|
|
+ .part4_title {
|
|
|
+ width: 380px;
|
|
|
+ position: relative;
|
|
|
|
|
|
- img {
|
|
|
- width: 185px;
|
|
|
- height: 104px;
|
|
|
- border-radius: 2px;
|
|
|
- }
|
|
|
+ .part4_hengxian {
|
|
|
+ width: 380px;
|
|
|
+ height: 2px;
|
|
|
+ background: #DD7D18;
|
|
|
+ margin-top: 10px;
|
|
|
|
|
|
- span {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
+ em {
|
|
|
display: inline-block;
|
|
|
- padding-left: 7px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 185px;
|
|
|
- height: 22px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- background-color: rgba(0, 0, 0, 0.5);
|
|
|
- font-weight: 500px;
|
|
|
- font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 22px;
|
|
|
+ width: 130px;
|
|
|
+ height: 6px;
|
|
|
+ background: #DD7D18;
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 46px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .photoL {
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- ul {
|
|
|
- width: 380px;
|
|
|
- height: 186px;
|
|
|
- >li {
|
|
|
- height: 22px;
|
|
|
- padding-top: 16px;
|
|
|
- >strong {
|
|
|
- display: inline-block;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- line-height: 24px;
|
|
|
- background-color: #cecece;
|
|
|
- padding-left: 6px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: Source Han Sans, Source Han Sans;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #FFFFFF;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
- >em {
|
|
|
- display: inline-block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- border-radius: 10px;
|
|
|
- border: 2px solid #8CBA86;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
+ .part4_left_title {
|
|
|
+ font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
|
|
|
- a,
|
|
|
- >span {
|
|
|
- display: inline-block;
|
|
|
- width: 350px;
|
|
|
- height: 22px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- padding-left: 9px;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- a:hover,
|
|
|
- >span:hover {
|
|
|
- color: #139609;
|
|
|
- }
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
+ img {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-// 改版新增样式 start---------------------------------------->
|
|
|
-.titleBox {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
- padding:20px 0 0 0;
|
|
|
- img {
|
|
|
- margin: 0 auto;
|
|
|
- display: block;
|
|
|
- width: 1200px;
|
|
|
- height: 90px;
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-//布局复制
|
|
|
-.layoutCopy {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- position: relative;
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
- margin-bottom: 15px;
|
|
|
-
|
|
|
- .layoutCopyLeft {
|
|
|
- width: 720px;
|
|
|
- .layoutCopyLeftTop {
|
|
|
- width: 720px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .layoutCopyLeft1 {
|
|
|
- width: 350px;
|
|
|
- }
|
|
|
- .layoutCopyLeft2 {
|
|
|
- width: 350px;
|
|
|
- }
|
|
|
- .layoutCopyAll {
|
|
|
- width: 720px;
|
|
|
- }
|
|
|
- }
|
|
|
- .layoutCopyAll {
|
|
|
- width: 720px;
|
|
|
- }
|
|
|
- }
|
|
|
- .layoutCopyRight {
|
|
|
- width: 450px;
|
|
|
- }
|
|
|
- .layoutTitleBox {
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- margin-bottom: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .layoutTitleBoxTabs {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- div.layoutTitle {
|
|
|
- margin-right: 40px;
|
|
|
- border-bottom: 0;
|
|
|
- color: #333;
|
|
|
- cursor: pointer;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- div.active {
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- color: #49A769;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
- .layoutTitle {
|
|
|
- font-size: 22px;
|
|
|
- color:#49A769;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-weight: bold;
|
|
|
- a {
|
|
|
- font-size: 22px;
|
|
|
- color:#49A769;
|
|
|
- }
|
|
|
- }
|
|
|
- .layoutMore {
|
|
|
- color:#333333;
|
|
|
- font-size: 16px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- a {
|
|
|
- color:#333333;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-//布局内容样式
|
|
|
-.layoutCopyData_style1 {
|
|
|
- margin-bottom: 30px;
|
|
|
- a:nth-child(1) {
|
|
|
- color: #333333;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- img {
|
|
|
- width: 152px;
|
|
|
- height: 103px;
|
|
|
- margin-right: 10px;
|
|
|
- border-radius: 8px;
|
|
|
- }
|
|
|
- div {
|
|
|
- width: 181px;
|
|
|
- height:103px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- span {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- font-weight: bold;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- a:nth-child(1):hover {
|
|
|
- color:#49A769
|
|
|
- }
|
|
|
- a:nth-child(2) {
|
|
|
- margin-top: 30px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- .title {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- height: 45px;
|
|
|
- }
|
|
|
- p {
|
|
|
- margin-top: 10px;
|
|
|
- margin-bottom: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- a:hover .title{
|
|
|
- color:#49A769
|
|
|
- }
|
|
|
-}
|
|
|
-.layoutCopyData_style2 {
|
|
|
- a {
|
|
|
- margin-top: 32px;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- display: block;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- .title {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- height: 45px;
|
|
|
- }
|
|
|
- p {
|
|
|
- margin-top: 10px;
|
|
|
- margin-bottom: 13px;
|
|
|
- }
|
|
|
- }
|
|
|
- a:nth-child(1) .title{
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- a:hover .title{
|
|
|
- color:#49A769
|
|
|
- }
|
|
|
-}
|
|
|
-.layoutCopyData_style3 {
|
|
|
- .style3link1 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .time {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- background: #F4FFF7;
|
|
|
- p:nth-child(1) {
|
|
|
- font-size: 38px;
|
|
|
- color: #49A769;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #49A769;
|
|
|
- width: 75px;
|
|
|
- margin: 0 auto;
|
|
|
- margin-bottom: 5px;
|
|
|
- padding-bottom: 5px;
|
|
|
- padding-top: 10px;
|
|
|
- }
|
|
|
- p:nth-child(2) {
|
|
|
- font-size: 15px;
|
|
|
- color: #49A769;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- .title {
|
|
|
- width: 590px;
|
|
|
- font-size: 22px;
|
|
|
- color: #333333;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- }
|
|
|
- .introduce {
|
|
|
- width: 590px;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
- margin-top: 10px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- height: 40px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- }
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- .style3link2 {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- color:#333333;
|
|
|
- div {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- .title {
|
|
|
- width: 600px;
|
|
|
- // 修改这里,添加单行文本溢出省略样式
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- color:#333333;
|
|
|
- font-size: 16px;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
+ .part4_photo_text {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ a img {
|
|
|
+ width: 380px;
|
|
|
+ height: 249px;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- b {
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- background: #49A769;
|
|
|
- margin-right: 8px;
|
|
|
- }
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
|
|
|
-}
|
|
|
-.layoutCopyData_style4 {
|
|
|
- .layoutCopyData_pic {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: space-between;
|
|
|
- position: relative;
|
|
|
- a {
|
|
|
- width: 220px;
|
|
|
- height: 140px;
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- z-index: 99;
|
|
|
- img {
|
|
|
- width: 220px;
|
|
|
- height: 140px;
|
|
|
- border-radius: 8px;
|
|
|
- }
|
|
|
- p {
|
|
|
- position: absolute;
|
|
|
- bottom:10px;
|
|
|
- width: 200px;
|
|
|
- height: 18px;
|
|
|
- font-size: 14px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- color: #fff;
|
|
|
- left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .layoutCopyData_text {
|
|
|
- a {
|
|
|
- border-bottom:1px soild #E6E6E6;
|
|
|
- color: #333333;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- height: 41px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
- padding-bottom: 12px;
|
|
|
- margin-top: 10px;
|
|
|
- .title {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 431px;
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
+ .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%);
|
|
|
}
|
|
|
}
|
|
|
- .more {
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- background: #EDF7F0;
|
|
|
- color: #49A769;
|
|
|
- font-size: 12px;
|
|
|
- text-align: center;
|
|
|
- line-height: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-// 改版新增样式 end---------------------------------------->
|
|
|
-.lastPart3 {
|
|
|
- width: 100%;
|
|
|
- height: 688px;
|
|
|
- .inner {
|
|
|
- margin-top: 20px;
|
|
|
- width: 1200px;
|
|
|
- height: 660px;
|
|
|
- background-color: #fff;
|
|
|
- .lastPartTitle {
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- border-bottom: 1px solid #D9D9D9;
|
|
|
- .left {
|
|
|
- span {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
+
|
|
|
+ .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;
|
|
|
- line-height: 19px;
|
|
|
- letter-spacing: 1px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- padding-bottom: 13px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
a {
|
|
|
- color: #333;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nav11_title {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #999;
|
|
|
+ padding-right: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- margin-right: 40px;
|
|
|
+ border-right: 1px solid #dd7d18
|
|
|
}
|
|
|
- a.active {
|
|
|
- color: #49A769;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- display: inline-block;
|
|
|
+
|
|
|
+ .nav11_title:hover {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
- }
|
|
|
- .active {
|
|
|
- a {
|
|
|
- color: #49A769;
|
|
|
- border-bottom: 3px solid #49A769;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
+
|
|
|
+ .nav11_title_content {
|
|
|
display: inline-block;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-right: 40px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- line-height: 19px;
|
|
|
- letter-spacing: 1px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- margin-right: 20px;
|
|
|
- line-height: 50px;
|
|
|
- padding-right: 20px;
|
|
|
- border-right: 1px solid #e5e5e5;
|
|
|
- }
|
|
|
- >a:last-child {
|
|
|
- border-right: none;
|
|
|
- }
|
|
|
- >a:hover {
|
|
|
- cursor: pointer;
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- a:nth-child(8) {
|
|
|
- border-right: none;
|
|
|
- }
|
|
|
- a:nth-child(9) {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .lastPartContext {
|
|
|
- margin-top: 30px;
|
|
|
- .left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
- ul.mode1ul_style1 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding-top: 30px;
|
|
|
- li {
|
|
|
- position: relative;
|
|
|
- width: 349px;
|
|
|
- height: 236px;
|
|
|
- border-radius: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
+ width: 290px;
|
|
|
+ white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
- img {
|
|
|
- width: 349px;
|
|
|
- height: 236px;
|
|
|
- }
|
|
|
- a {
|
|
|
- div {
|
|
|
- position: absolute;
|
|
|
- width: 320px;
|
|
|
- height: 42px;
|
|
|
- bottom: 20px;
|
|
|
- z-index: 10;
|
|
|
- left:15px;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- z-index: 99;
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- background: #9CD26B;
|
|
|
- font-size: 12px;
|
|
|
- color: #fff;
|
|
|
- padding: 2px 6px;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- p {
|
|
|
- font-size: 16px;
|
|
|
- margin-top: 5px;
|
|
|
- height: 45px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- p:nth-child(1) {
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ul.mode1ul_style2 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- padding-top: 20px;
|
|
|
- li {
|
|
|
- width: 349px;
|
|
|
- height:60px;
|
|
|
- //border-radius: 10px;
|
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ padding-left: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- p {
|
|
|
- font-size: 16px;
|
|
|
+ font-size: 18px;
|
|
|
color: #333333;
|
|
|
- margin-bottom: 4px;
|
|
|
- }
|
|
|
- p.title {
|
|
|
- width: 349px;
|
|
|
- height: 46px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
+ vertical-align: -4px;
|
|
|
}
|
|
|
- p.title:hover {
|
|
|
- color: #49A769;
|
|
|
+
|
|
|
+ .nav11_title_content:hover {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- }
|
|
|
- .right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- height: 570px;
|
|
|
-
|
|
|
- .title {
|
|
|
- height: 56px;
|
|
|
-
|
|
|
- h3 {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 22px;
|
|
|
- color: #333333;
|
|
|
- line-height: 19px;
|
|
|
- letter-spacing: 1px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
-
|
|
|
- a {
|
|
|
- float: right;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- line-height: 19px;
|
|
|
- letter-spacing: 1px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- padding-top: 3px;
|
|
|
- }
|
|
|
- .leftTitle {
|
|
|
- color: #333333;
|
|
|
- font-size: 22px;
|
|
|
- font-weight: bold;
|
|
|
- float:left
|
|
|
- }
|
|
|
|
|
|
+ .part4_photo_contentlist:hover {
|
|
|
+ a {
|
|
|
+ color: #dd7d18;
|
|
|
}
|
|
|
}
|
|
|
- .content {
|
|
|
- li {
|
|
|
- width: 450px;
|
|
|
- height:85px;
|
|
|
- line-height: 50px;
|
|
|
- border-top: 3px solid #49A769;
|
|
|
- background-color: #fbfbfb;
|
|
|
- margin-bottom: 23px;
|
|
|
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- width: 450px;
|
|
|
- height: 102px;
|
|
|
-
|
|
|
- span {
|
|
|
- float: left;
|
|
|
- padding: 18px 20px 14px 20px;
|
|
|
- height: 46px;
|
|
|
- width: 70px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 15px;
|
|
|
- color: #49A769;
|
|
|
- line-height: 18px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
-
|
|
|
- strong {
|
|
|
- display: inline-block;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 25px;
|
|
|
- color: #49A769;
|
|
|
- line-height: 29px;
|
|
|
- text-align: center;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
+ .part4_photo_contentlist:first-child {
|
|
|
+ font-weight: bold;
|
|
|
|
|
|
- .text {
|
|
|
- float: left;
|
|
|
- width: 300px;
|
|
|
- height: 30px;
|
|
|
- overflow: hidden;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- line-height: 22px;
|
|
|
- padding: 21px 0 14px 0;
|
|
|
- color: #333333;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
+ .nav11_title_content {
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
- >li:nth-child(2n) {
|
|
|
- border-top: 3px solid #DF9A2B;
|
|
|
-
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- width: 450px;
|
|
|
- height: 102px;
|
|
|
-
|
|
|
- span {
|
|
|
- float: left;
|
|
|
- padding: 18px 20px 14px 20px;
|
|
|
- width: 70px;
|
|
|
- height: 46px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 15px;
|
|
|
- color: #DF9A2B;
|
|
|
- line-height: 18px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
-
|
|
|
- strong {
|
|
|
- display: inline-block;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 25px;
|
|
|
- color: #DF9A2B;
|
|
|
- line-height: 29px;
|
|
|
- text-align: center;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .text {
|
|
|
- float: left;
|
|
|
- width: 300px;
|
|
|
- line-height: 22px;
|
|
|
- height: 30px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- padding: 21px 0 14px 0;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- >li:hover{
|
|
|
- cursor: pointer;
|
|
|
- .text{
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- }
|
|
|
- >li:nth-child(2n):hover{
|
|
|
- cursor: pointer;
|
|
|
- .text{
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
+ .nav11_title {
|
|
|
+ font-weight: 400;
|
|
|
}
|
|
|
}
|
|
|
+ .part4_photo_contentlist:last-child {
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
-//曹国庆
|
|
|
-//public
|
|
|
-.clearfix{overflow:hidden;}
|
|
|
-.clearfix_2::after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
|
|
|
-.hiddenColor{visibility:hidden;}
|
|
|
-.hand{cursor:pointer;}
|
|
|
-.aTag_parent{position:relative;}
|
|
|
-.aTag_parent>a,.aTag{display:block;width:100%;height:100%;position:absolute;z-index:99;border:0px;top:0px;left:0px;background:rgba(0,0,0,0);}
|
|
|
-.dot1{display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
|
-.dot2{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
|
|
|
-.dot3{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
|
|
|
-.cover100 img{
|
|
|
- display:block;
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- border-radius: 8px;
|
|
|
-}
|
|
|
-.back100{background-size:100% 100%;background-repeat:no-repeat;}
|
|
|
-.index_main{margin:0 auto;}
|
|
|
-.slow_6{-webkit-transition:all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
|
|
|
-//index 1
|
|
|
-.index1 {width: 1200px;margin: 0 auto; margin-top: 20px;}
|
|
|
-.index_1_box{float:left;width:29%;margin-right:2%;}
|
|
|
-.index_1_head_box{
|
|
|
- width:100%;
|
|
|
- border-bottom:solid 1px #D9D9D9;
|
|
|
- position:relative;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .leftTitle {
|
|
|
- color: #333333;
|
|
|
- font-size: 22px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-}
|
|
|
-.index_1_head_box a{
|
|
|
- height:54px;
|
|
|
- line-height:54px;
|
|
|
- color:#333;
|
|
|
- font-size:16px;
|
|
|
-}
|
|
|
-
|
|
|
-.index_1_head{float:left;height:54px;line-height:54px;color:#333;font-weight:bold;font-size:22px;border-bottom:solid 3px #fff;margin-right: 40px;}
|
|
|
-.index_1_head a{display:block;height:54px;line-height:54px;color:#333;font-weight:bold;font-size:22px;}
|
|
|
-.index_1_head a.active{color:#49A769;border-bottom:solid 3px #49A769;}
|
|
|
-.index_1_head_only a{color:#333;}
|
|
|
-.index_1_head_only a.active{color:#49A769;border-bottom:solid 3px #49A769;}
|
|
|
-.index_1_head_box_line_none{border:none;}
|
|
|
-.index_1_head:nth-of-type(even){margin:0px 20px;}
|
|
|
-.index_1_img_li{margin-top:30px;position:relative;}
|
|
|
-.index_1_img_li::after{content: '';display: block;position:absolute;right:0px;bottom:0px;height:0px;border-bottom:solid 1px #D9D9D9;width:188px;}
|
|
|
-.index_1_img_li img{float:left;width:150px;height:85px;margin-right:13px;border-radius: 8px;}
|
|
|
-.index_1_li_dot3{height:60px;line-height:20px;color:#333;font-size:16px;font-weight:bold;}
|
|
|
-.index_1_li{width:100%;border-bottom:solid 1px #D9D9D9;margin-bottom: 30px;}
|
|
|
-.index_1_li_only {
|
|
|
- height: 54px !important;
|
|
|
-}
|
|
|
-.index_1_li_dot2{height:38px;line-height:19px;color:#000;font-size:16px;}
|
|
|
-.index_1_li_time{height:16px;line-height:14px;color:#999;font-size:14px}
|
|
|
-.index_1_li_bold {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
-.index_1_li_bold .index_1_li_dot2{font-weight:bold;line-height:20px;height:40px;}
|
|
|
-.index_1_li_bold .index_1_li_time{display: block; }
|
|
|
-.index_1_li_dot2:hover{color:#49A769;}
|
|
|
-.index_1_li_dot3:hover{color:#49A769;}
|
|
|
-.index_1_li {
|
|
|
- margin-bottom: 27px;
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
- li {
|
|
|
- margin-bottom: 26px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-.index_1_box_right{width:450px;float:right;}
|
|
|
-.index_1_box_right_img_ul{margin-top:30px;}
|
|
|
-.index_1_box_right_img_li{width:49%;height:140px;border-radius:4px;position:relative;margin-bottom:5px;}
|
|
|
-.index_1_box_right_img_li:nth-of-type(odd){float:left;}
|
|
|
-.index_1_box_right_img_li:nth-of-type(even){float:right;}
|
|
|
-.index_1_box_right_img_li_dot1{
|
|
|
- position:absolute;
|
|
|
- width:100%;
|
|
|
- height:33px;
|
|
|
- line-height:33px;
|
|
|
- box-sizing:border-box;
|
|
|
- padding:0px 8px;
|
|
|
- left:0px;
|
|
|
- bottom:0px;
|
|
|
- font-size:16px;
|
|
|
- color:#fff;
|
|
|
-}
|
|
|
-.index_1_box_right_li{
|
|
|
- border-bottom:solid 1px #E6E6E6;
|
|
|
- width:98%;
|
|
|
- margin:0px auto;
|
|
|
- a {
|
|
|
- .index_1_box_right_li_dot1 {
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.index_1_box_right_li_dot1{height:55px;line-height:55px;color:#333;font-size:16px;}
|
|
|
-.index_1_box_right_li_font{float:right;padding:4px;background:#e8f5e6;color:#49A769;font-size:14px;margin-top:14px;border-radius:2px;margin-left:14px;}
|
|
|
-.index_2,.index_1,.index_3 {
|
|
|
- width: 1200px;margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.index_2_head_box{border-bottom:solid 1px #D9D9D9;margin-bottom:30px;}
|
|
|
-.index_1_head_box_2{float:left;width:auto;border:none;}
|
|
|
-.index_2_head_a_box{ margin-top:11px;float:right;}
|
|
|
-.index_2_head_a_box a{float:left;height:12px;line-height:12px;color:#333;font-size:16px;padding:0 20px;border-left:solid 1px #ccc;margin:10px 0px;}
|
|
|
-.index_2_head_a_box a:nth-of-type(1){border:none;}
|
|
|
-.index_2_big_img_li{
|
|
|
- height:236px;
|
|
|
- position:relative;
|
|
|
- margin:0px auto 20px;
|
|
|
- border-radius:6px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.index_2_big_img_li::after{
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width:100%;
|
|
|
- height:68px;
|
|
|
- z-index:44;
|
|
|
- left:0px;
|
|
|
- bottom:0px;
|
|
|
- position:absolute;
|
|
|
- background:linear-gradient(to bottom,rgba(0,0,0,0),black);
|
|
|
- opacity:.5;
|
|
|
-}
|
|
|
-.index_2_big_img_li_dot2{position:absolute;width:100%;padding:0 8px;box-sizing:border-box;font-size:16px;color:#fff;height:38px;line-height:19px;left:0px;bottom:28px; z-index:111;}
|
|
|
-.index_2_big_img_li_dot2_tag{float:left;background:#49A769;color:#fff;font-size:14px;height:18px;line-height:18px;margin:1px 4px 0px 0px;padding:0px 3px;z-index:111;}
|
|
|
-.index_1_box_right_img_ul_2{margin:20px auto 20px;}
|
|
|
-.index_1_box_right_img_ul_2 .index_1_box_right_img_li{height:115px;margin-bottom:0px;}
|
|
|
-.index_2_li{
|
|
|
- border-bottom:solid 1px #E6E6E6;
|
|
|
- height: 115px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
- width:100%;
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- height: 80px;
|
|
|
- .index_2_li_dot2 {
|
|
|
- &:hover {
|
|
|
- color: #49A769;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.index_2_li_time_box{
|
|
|
- float:left;
|
|
|
- background:#F4FFF7;
|
|
|
- width:100px;
|
|
|
- margin-right:30px;
|
|
|
- padding:5px 0px;
|
|
|
- height: 80px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.index_2_li_time_head{margin:0px auto 0;border-bottom:solid 1px #49A769;width:75px;font-size:38px;color:#49A769;height:44px;line-height:44px;text-align:center;}
|
|
|
-.index_2_li_time_foot{text-align:center;font-size:15px;color:#49A769;width:100%;margin:0px auto 0px;}
|
|
|
-.index_2_li_dot2{height:42px;line-height:21px;color:#333;font-size:16px;margin-top:11px;}
|
|
|
-.index_3_box_left{float:left;width:720px;}
|
|
|
-.index_3_li{
|
|
|
- border-bottom:solid 1px #E6E6E6;
|
|
|
- padding:14px 0px;
|
|
|
- width:49%;
|
|
|
- font-size: 16px;
|
|
|
- p {
|
|
|
- color: #333333;
|
|
|
- padding-left: 20px;
|
|
|
- }
|
|
|
- a:hover {
|
|
|
- p.title {
|
|
|
- color: #33b023;
|
|
|
- }
|
|
|
- }
|
|
|
- .title {
|
|
|
- height: 45px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- b.lis {
|
|
|
- background: #E6E6E6;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 2px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.index_3_li:nth-of-type(1),.index_3_li:nth-of-type(2){
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-.index_3_li:nth-of-type(odd){float:left;}
|
|
|
-.index_3_li:nth-of-type(even){float:right;}
|
|
|
-.index_3 .index_2_head_box{margin-bottom:0px;}
|
|
|
-.index_3_li_dot2{position:relative;width:100%;box-sizing:border-box;padding:0px 20px;height:42px;line-height:21px}
|
|
|
-.index_3_li_dot2::after{content: '';display: block;width:6px;height:6px;z-index:144;left:0px;top:10px;position:absolute;background:#E6E6E6;}
|
|
|
-.index_3_li_color{
|
|
|
- border-bottom:solid 1px #49A769 !important;
|
|
|
- b.active {
|
|
|
- background: #33b023 !important;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 2px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
-}
|
|
|
-.index_3_li_color .index_3_li_dot2::after{background:#49A769;}
|
|
|
-.index_3_li_color .index_3_li_dot2{font-weight:bold;}
|
|
|
-.banner_1_vote{width:100%;position:relative;}
|
|
|
-.banner_1_vote img,.banner_1_vote a{width:100%;display:block;}
|
|
|
-.banner_1_vote_h4{font-size:32px;color:#fff;position:absolute;z-index:11;left:0px;top:0px;}
|
|
|
-.index_3_box_vote{
|
|
|
- width:100%;
|
|
|
- box-sizing:border-box;
|
|
|
- border:solid 1px #FBFBFB;
|
|
|
- background: #FBFBFB;
|
|
|
- .inquire {
|
|
|
- width: 450px;
|
|
|
- height: 420px;
|
|
|
- margin-top: 20px;
|
|
|
- border-radius: 6px 6px 6px 6px;
|
|
|
- padding: 4px 6px;
|
|
|
- box-sizing: border-box;
|
|
|
- p {
|
|
|
- width: 380px;
|
|
|
- height: 69px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- text-transform: none;
|
|
|
- padding: 12px 20px 0 32px;
|
|
|
- }
|
|
|
- .radioBox {
|
|
|
- width: 440px;
|
|
|
- height: 230px;
|
|
|
- padding-left: 30px;
|
|
|
- overflow-y: auto;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- .radio {
|
|
|
- /deep/.el-radio {
|
|
|
- --el-radio-input-border-color-hover: #27881a;
|
|
|
- }
|
|
|
- /deep/.el-radio-group {
|
|
|
- align-items: center;
|
|
|
- display: inline-flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- font-size: 0;
|
|
|
- //padding-left: 35px;
|
|
|
- }
|
|
|
- /deep/.el-radio.el-radio--large {
|
|
|
- width: 330px;
|
|
|
- height: 29px;
|
|
|
- margin-bottom: 15px;
|
|
|
- }
|
|
|
- /deep/.el-radio.el-radio--large .el-radio__label {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 300px;
|
|
|
- }
|
|
|
- /deep/.el-radio.el-radio--large .el-radio__inner {
|
|
|
- height: 16px;
|
|
|
- width: 16px;
|
|
|
- }
|
|
|
- /deep/.el-radio__input.is-checked+.el-radio__label {
|
|
|
- color: #27881a;
|
|
|
- }
|
|
|
- /deep/.el-radio__input.is-checked .el-radio__inner {
|
|
|
- background: #33b023;
|
|
|
- border-color: #27881a;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .checkInputBox {
|
|
|
- /deep/.el-checkbox {
|
|
|
- --el-radio-input-border-color-hover: #27881a;
|
|
|
- }
|
|
|
- /deep/.el-checkbox-group {
|
|
|
- align-items: center;
|
|
|
- display: inline-flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- font-size: 0;
|
|
|
- //padding-left: 35px;
|
|
|
- }
|
|
|
- /deep/.el-checkbox.el-checkbox--large {
|
|
|
- width: 330px;
|
|
|
- height: 29px;
|
|
|
- margin-bottom: 15px;
|
|
|
- }
|
|
|
- /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 300px;
|
|
|
- }
|
|
|
- /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
|
|
|
- height: 16px;
|
|
|
- width: 16px;
|
|
|
- }
|
|
|
- /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
|
|
|
- color: #27881a;
|
|
|
- }
|
|
|
- /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
|
|
|
- background: #33b023;
|
|
|
- border-color: #27881a;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .btn {
|
|
|
- width: 70px;
|
|
|
- height: 32px;
|
|
|
- margin: 0 auto;
|
|
|
- padding-top: 15px;
|
|
|
- button {
|
|
|
- width: 70px;
|
|
|
- height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- border-radius: 6px;
|
|
|
- border: none;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- .voting {
|
|
|
- background-color: #49A769;
|
|
|
- color: #fff;
|
|
|
- margin-right: 44px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .look {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
- .inquireData {
|
|
|
- .inquireDataItem {
|
|
|
- width: 380px;
|
|
|
- height: 38px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- background: #F3F3F3;
|
|
|
- border: 1px solid #D2D2D2;
|
|
|
- margin-bottom: 10px;
|
|
|
- border-radius: 6px;
|
|
|
- padding: 0 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #999999;
|
|
|
- .inquireDataItemTitle {
|
|
|
- width: 290px;
|
|
|
- height: 38px;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 38px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
- .inquireDataItemNum {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
- .active {
|
|
|
- color:#49A769;
|
|
|
- background: #dff7e8;
|
|
|
- border: 1px solid #49A769;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.index_1_li {
|
|
|
- height: 50px;
|
|
|
- .index_1_li_time {
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-}
|
|
|
-.index_1_ul_mrbot {
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.imgbg::after{
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width:100%;
|
|
|
- height:68px;
|
|
|
- z-index:44;
|
|
|
- left:0px;
|
|
|
- bottom:0px;
|
|
|
- position:absolute;
|
|
|
- background:linear-gradient(to bottom,rgba(0,0,0,0),black);
|
|
|
- opacity:.5;
|
|
|
-}
|
|
|
-.index_1_li_bottom {
|
|
|
- margin-bottom: 22px;
|
|
|
-}
|
|
|
-.index_1_li_bottom2 {
|
|
|
- height: 57px;
|
|
|
}
|
dangyunlong