.clear{ clear:both; height:0; line-height:0; font-size:0;} .clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;} .clearfix{*zoom:1} .tag-box a { text-decoration: none; } .introdd { width:1200px;overflow: hidden; padding-top: 1px;} .introdd .tag-all-list { padding-top: 5px; } .introdd .tag-all-list a { display: inline-block; padding: 6px 12px; background-color: #f8f8f8; color: #666; margin:0 8px 12px 0; } .introdd .tag-all-list a:hover { color: #333; } .tag-menu { border: 1px solid #efefef; border-radius: 5px; overflow: hidden; margin: 10px 0; } .tag-menu li { list-style-type: none; text-align: center; line-height: 40px; padding: 0 20px; float: left; } .tag-menu li a { color: #666; font-size: 16px; } .tag-menu li a:hover { color: #ff5b00; } .tag-menu li.active a { color: #ff5b00; } .tag-item { padding: 15px 0; font-size: 14px; border-bottom: 1px solid #d6dbe1; margin-top: 10px; color: #666; } .tag-item span { color: #292e39; } .tagdescription { border: 1px solid #ccc; padding: 10px; font-size: 14px; line-height: 1.7; background: #efefef; margin-bottom: 20px; margin-top: 15px; } .tag-list-product li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .tag-list-product li:last-child { padding-bottom: 0; border-bottom: 0; } .tag-list-product .tag-img { width: 220px; float: left; margin-right: 20px; } .tag-list-product .tag-img .img { display: block; border: 1px solid #e1e1e1; } .tag-list-product .tag-img .img img { width: 100%; } .tag-list-product .tag-wz { overflow: hidden; } .tag-list-product .tag-wz h1 { font-size: 16px; line-height: 30px; font-weight: bold; margin-bottom: 5px; } .tag-list-product .tag-wz h1 a { color: #000; } .tag-list-product .tag-wz .tab-fenli p { width: 50%; float: left; font-size: 14px; color: #333; margin-bottom: 0; } .tag-list-product .tag-wz .desp { font-size: 12px; line-height: 2; height: 48px; overflow: hidden; color: #666; margin: 5px 0; } .tag-list-product .baojia a{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #f97200; border-color: #FF6215; } @media (max-width: 768px) { .tag-list-product .tag-img { width: 100%; float: none; text-align: center; margin-bottom: 10px; } .tag-list-product .tag-img .img img { width: auto; max-width: 100%; } .tag-list-product .tag-wz .tab-fenli p { width: 100%; float: none; } } .tag-news-list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s; } .tag-news-list .tag-img { width: 220px; float: left; margin-right: 20px; } .tag-news-list .tag-img .img { display: block; border: 1px solid #e1e1e1; } .tag-news-list .tag-img .img img { width: 100%; } .tag-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; } .tag-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0; } .tag-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; } .tag-news-list li .info { display:flex; font-size: 14px; line-height: 2; color: #999999; } .tag-news-list li .more { margin-top: 15px; } .tag-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease; } .tag-news-list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); } .tag-news-list li:hover .tit h3 { color: #F97200; } .tag-news-list li:hover .more span { color: #fff; background-color:#F97200; } @media (max-width: 990px) { .tag-news-list li .tit { border-bottom: none; } .tag-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px; } .tag-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999; } } .hot-keys { padding: 20px 7px 8px 7px; } .hot-keys li { width: calc(50% - 14px); float: left; margin: 0 7px 14px 7px; } .hot-keys li a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 2.857; border: 1px dashed #f1f1f1; } .hot-keys li a:hover { color: #004ebb; border-color: #004ebb; } .detail-tags { margin:3px 0; } .detail-tags .tags-title { background: #f7f7f7; color: #999; padding: 3px; font-size: 14px; margin-top: 2px; line-height: 40px; margin-bottom:12px; } .detail-tags .tags-title a { background: #f7f7f7; color: #F97200; font-size: 14px; } .detail-tags .tags-title span { display: inline-block; padding: 0 30px; font-size: 16px; color: #292e39; line-height: 40px; border-bottom: 3px solid #F97200; margin-bottom: -1px; } .detail-tags .tags-title .baidu-share { position: absolute; right: 0; top: 8px; display:none; } .detail-tags .tags-content { background: url(../image/tag.png) no-repeat 0 0; color: transparent; display: block; padding-left: 40px; padding-bottom: 20px; width: 100%; box-sizing: border-box; height:40px; } .detail-tags .tags-content a { font-size: 12px; color: #2f2f2f; display: inline-block; margin-right: 9px; background: #f4f4f4; line-height: 28px; padding: 0 15px; } .detail-tags .tags-content a:hover { color: #F97200; }