第74行: |
第74行: |
| /*首页样式*/ | | /*首页样式*/ |
| .tcm_index { | | .tcm_index { |
− | color: #7d818c;
| + | color: #7d818c; |
− | font-size: 14px;
| + | font-size: 14px |
| } | | } |
− | .tcm_row { | + | .tcm_index .tcm_row { |
− | overflow: auto;
| + | overflow: auto |
| + | } |
| + | .tcm_index .tcm_row .tcm_col_l { |
| + | float: left; |
| + | width: 100%; |
| + | margin-left: -327px |
| + | } |
| + | .tcm_index .tcm_row .tcm_col_l .tcm_box { |
| + | margin-left: 327px |
| } | | } |
− | user agent stylesheetdiv {
| + | .tcm_index .tcm_row .tcm_col_r { |
− | display: block;
| + | float: right; |
| + | width: 317px |
| + | } |
| + | .tcm_index .tcm_box { |
| + | margin-bottom: 10px; |
| + | border: 1px solid #d4d5da; |
| + | border-radius: 4px; |
| + | background: #fff; |
| + | box-shadow: 1px 3px 2px #efefef |
| + | } |
| + | .tcm_index .tcm_box h2 { |
| + | line-height: 60px; |
| + | padding: 0 20px; |
| + | margin-bottom: 0; |
| + | border-bottom: 1px solid #e7e7e8; |
| + | color: #353941; |
| + | font-size: 18px |
| + | } |
| + | .tcm_index .tcm_box_headline { |
| + | overflow: auto |
| + | } |
| + | .tcm_index .tcm_box_headline .floatleft { |
| + | margin-top: 20px; |
| + | margin-left: 20px; |
| + | padding: 4px; |
| + | border: 1px solid #e7e7e8 |
| + | } |
| + | .tcm_index .tcm_box_headline p { |
| + | line-height: 27px; |
| + | margin: 15px 20px |
| + | } |
| + | .tcm_index .tcm_box_about p { |
| + | line-height: 27px; |
| + | margin: 15px 20px 20px; |
| + | text-indent: 2em |
| + | } |
| + | .tcm_index .tcm_box_about hr { |
| + | margin: 0 20px; |
| + | background-color: #e7e7e8 |
| + | } |
| + | .tcm_index .tcm_box_about ul { |
| + | line-height: 27px; |
| + | list-style: none; |
| + | margin: 14px 20px |
| + | } |
| + | .tcm_index .tcm_box_about ul strong { |
| + | color: #81a730; |
| + | font-weight: normal |
| + | } |
| + | .tcm_index .tcm_box_about p > a { |
| + | display: block; |
| + | line-height: 45px; |
| + | border-radius: 4px; |
| + | background: #81a730; |
| + | color: #fff; |
| + | font-size: 16px; |
| + | text-align: center; |
| + | text-indent: 0 |
| + | } |
| + | .tcm_index .tcm_box_category ul { |
| + | line-height: 50px; |
| + | margin: 0; |
| + | list-style: none |
| + | } |
| + | .tcm_index .tcm_box_category ul li { |
| + | height: 50px; |
| + | margin: 0; |
| + | overflow: hidden |
| + | } |
| + | .tcm_index .tcm_box_category ul li a { |
| + | display: inline-block; |
| + | margin-right: 30px; |
| + | white-space: nowrap |
| + | } |
| + | .tcm_index .tcm_box_category ul li strong { |
| + | display: inline-block; |
| + | width: 64px; |
| + | line-height: 24px; |
| + | margin: 0 17px; |
| + | border-radius: 12px; |
| + | background: #8eca36; |
| + | color: #fff; |
| + | font-size: 12px; |
| + | text-align: center |
| + | } |
| + | |
| + | .tcm_index .tcm_box_category ul li + li strong{ |
| + | background:#ed7d7d |
| + | } |
| + | .tcm_index .tcm_box_category ul li + li + li strong{ |
| + | background:#ffb245 |
| + | } |
| + | .tcm_index .tcm_box_help p { |
| + | line-height: 50px; |
| + | margin: 0 |
| } | | } |
− | .tcm_col_l { | + | .tcm_index .tcm_box_help p a { |
− | float: left;
| + | position: relative; |
− | width: 100%;
| + | display: inline-block; |
− | margin-left: -327px;
| + | width: 33.33%; |
| + | text-indent: 30px |
| } | | } |
− | .tcm_box { | + | .tcm_index .tcm_box_help p a: before { |
− | margin-left: 327px;
| + | content: ""; |
− | margin-bottom: 10px;
| + | position: absolute; |
− | border: 1px solid #d4d5da;
| + | height: 5px; |
− | border-radius: 4px;
| + | width: 5px; |
− | background: #fff;
| + | left: 20px; |
− | box-shadow: 1px 3px 2px #efefef;
| + | top: 23px; |
| + | border-radius: 50%; |
| + | background: #8eca36 |
| } | | } |
− | .tcm_box_headline { | + | .tcm_index .tcm_box_article h4 { |
− | overflow: auto;
| + | display: none |
| + | } |
| + | .tcm_index .tcm_box_article dl { |
| + | height: 79px; |
| + | line-height: 26px; |
| + | margin: 0 20px; |
| + | border-bottom: 1px solid #e7e7e8 |
| + | } |
| + | .tcm_index .tcm_box_article dl: last-child { |
| + | border-bottom: none |
| + | } |
| + | .tcm_index .tcm_box_article dl dt { |
| + | width: 100%; |
| + | margin: 0; |
| + | padding: 16px 0 0; |
| + | font-weight: normal; |
| + | white-space: nowrap; |
| + | overflow: hidden; |
| + | text-overflow: ellipsis |
| + | } |
| + | .tcm_index .tcm_box_article dl dd { |
| + | margin: 0; |
| + | color: #b0b0bd; |
| + | font-size: 12px |
| + | } |
| + | .tcm_index .tcm_box_article dl dd span { |
| + | margin-right: 30px |
| + | } |
| + | .tcm_index .tcm_box_article ul { |
| + | margin: 0 20px; |
| + | list-style: none |
| + | } |
| + | .tcm_index .tcm_box_article ul li { |
| + | line-height: 26px; |
| + | margin: 0; |
| + | padding: 13px 0 13px; |
| + | border-bottom: 1px solid #e7e7e8 |
| + | } |
| + | .tcm_index .tcm_box_article ul li: last-child { |
| + | border-bottom: none |
| + | } |
| + | .tcm_index .tcm_box_hot ol { |
| + | line-height: 40px; |
| + | margin: 0 |
| + | } |
| + | .tcm_index .tcm_box_hot ol li { |
| + | margin: 0 0 0 45px |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: before { |
| + | content: ""; |
| + | float: left; |
| + | width: 16px; |
| + | height: 16px; |
| + | margin-left: -24px; |
| + | margin-top: 12px; |
| + | border-radius: 50%; |
| + | background: #e6e6e8 |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: first-child,.tcm_index .tcm_box_hot ol li: first-child + li,.tcm_index .tcm_box_hot ol li: first-child + li + li { |
| + | color: #fff |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: first-child strong,.tcm_index .tcm_box_hot ol li: first-child + li strong,.tcm_index .tcm_box_hot ol li: first-child + li + li strong { |
| + | color: #7d818c |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: first-child: before { |
| + | background: #ed7d7d |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: first-child + li: before { |
| + | background: #ffb245 |
| + | } |
| + | .tcm_index .tcm_box_hot ol li: first-child + li + li: before { |
| + | background: #8eca36 |
| + | } |
| + | .tcm_index .tcm_box_star ul { |
| + | margin: 0; |
| + | list-style: none |
| + | } |
| + | .tcm_index .tcm_box_star ul li { |
| + | margin: 0 |
| + | } |
| + | .tcm_index .tcm_box_star .tabs { |
| + | margin: 20px 20px 0 |
| + | } |
| + | .tcm_index .tcm_box_star .tabs ul { |
| + | height: 32px; |
| + | line-height: 30px |
| + | } |
| + | .tcm_index .tcm_box_star .tabs ul li { |
| + | float: left; |
| + | width: 49.3%; |
| + | border: 1px solid #e7e7e8; |
| + | text-align: center; |
| + | cursor: pointer |
| + | } |
| + | .tcm_index .tcm_box_star .tabs ul li: first-child { |
| + | border-right: none; |
| + | border-radius: 15px 0 0 15px |
| + | } |
| + | .tcm_index .tcm_box_star .tabs ul li: last-child { |
| + | border-radius: 0 15px 15px 0 |
| + | } |
| + | .tcm_index .tcm_box_star .tabs ul li.current { |
| + | background: #f4f5f8; |
| + | cursor: default |
| + | } |
| + | .tcm_index .tcm_box_star .panel { |
| + | margin-top: 12px |
| + | } |
| + | .tcm_index .tcm_box_star .panel: last-child { |
| + | display: bone |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol { |
| + | line-height: 48px; |
| + | margin: 0 20px 0 0 |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li { |
| + | position: relative; |
| + | margin: 0 0 0 45px |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: before { |
| + | content: ""; |
| + | float: left; |
| + | width: 16px; |
| + | height: 16px; |
| + | margin-left: -24px; |
| + | margin-top: 16px; |
| + | border-radius: 50%; |
| + | background: #e6e6e8 |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: first-child,.tcm_index .tcm_box_star .panel ol li: first-child + li,.tcm_index .tcm_box_star .panel ol li: first-child + li + li { |
| + | color: #fff |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: first-child strong,.tcm_index .tcm_box_star .panel ol li: first-child + li strong,.tcm_index .tcm_box_star .panel ol li: first-child + li + li strong { |
| + | color: #7d818c |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: first-child: before { |
| + | background: #ed7d7d |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: first-child + li: before { |
| + | background: #ffb245 |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li: first-child + li + li: before { |
| + | background: #8eca36 |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li a { |
| + | position: absolute; |
| + | left: 0; |
| + | top: 0 |
| + | } |
| + | .tcm_index .tcm_box_star .panel ol li span { |
| + | float: right; |
| + | color: #7d818c |
| + | } |
| + | .tcm_index .tcm_box_service ul { |
| + | margin: 10px; |
| + | list-style: none; |
| + | font-size: 12px; |
| + | overflow: auto |
| + | } |
| + | .tcm_index .tcm_box_service ul li { |
| + | position: relative; |
| + | float: left; |
| + | width: 100px; |
| + | height: 90px; |
| + | margin: 0; |
| + | text-align: center |
| + | } |
| + | .tcm_index .tcm_box_service ul li a { |
| + | position: relative; |
| + | display: block; |
| + | line-height: 20px; |
| + | padding: 50px 0 20px |
| + | } |
| + | .tcm_index .tcm_box_service ul li i { |
| + | position: absolute; |
| + | left: 50%; |
| + | top: 12px; |
| + | width: 27px; |
| + | height: 27px; |
| + | margin-left: -13px |
| } | | } |