/*å…¬å…±æ ·å¼å¼€å§‹*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
license: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,
h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* 自定义å—体引入 */
@font-face {
font-family: youshebiaotihei-2;
src: format("truetype");
}
/* åŠ ç²—å—体 */
h1,h2,h3,h4,h5,h6,strong,b {
font-weight: 700;
color: #333;
}
button {
cursor: pointer;
}
/* html5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,
hgroup,menu,nav,section {
display: block;
}
/* å–æ¶ˆæ¼‚æµ®æ ·å¼ */
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
height: 0;
}
body {
font-family: "microsoft yahei", arial, tahoma, helvetica, "simsun",
"hiragino sans gb", sans-serif;
line-height: 1;
}
button {
outline: none;
}
a {
text-decoration: none;
color: #333;
}
ol,
ul {
list-style: none;
}
li {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input:focus {
outline: none;
}
h2 {
font-size: 24px;
margin: 30px 0;
font-weight: bold;
}
/* å±…ä¸ */
.main {
width: 1200px;
margin: 0 auto;
}
/* å¤´éƒ¨é—´è· */
.top20 {
margin-top: 20px;
}
.fl {
float: left;
}
.bo {
margin-bottom: 30px;
}
.fa14 a {
font-size: 14px !important;
}
/*å…¬å…±æ ·å¼ç»“æŸ*/
* {
margin: 0px;
padding: 0px;
}
html,body {
font-family: "microsoft yahei", arial, tahoma, helvetica, "simsun",
"hiragino sans gb", sans-serif;
height: 100%;
background-color: #fff;
}
/* nav */
.dsh14-nav {
height: 50px;
background-color: #14ced0;
}
.dsh14-nav-a2 {
display: block;
float: left;
line-height: 50px;
padding:0 10px;
font-size: 18px;
}
dsh14-nav-a2,
.dsh14-nav-a1 ul li:nth-child(1):hover .dsh14-nav-a2 {
background: none;
}
.dsh14-nav-a1 ul {
height: 50px;
border-bottom: 2px solid #f2f2f2;
}
.dsh14-nav-a1 ul li {
display: block;
float: left;
line-height: 50px;
height: 50px;
margin-right: 10px;
position: relative;
}
.dsh14-nav-a1 ul li a{
color: #fff;
}
.dsh14-nav-a2:hover,
.dsh14-nav-a {
font-weight: bold;
color: #fff !important;
}
.dsh14-nav-b {
display: none;
width: 100%;
position: absolute;
top: 50px;
z-index: 9999;
background-color: rgb(109, 109, 109);
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dsh14-nav-b a {
font-size: 16px;
display: block;
text-align: center;
width: 80%;
height: 50px;
overflow: hidden;
padding: 0 10%;
line-height: 50px;
}
.dsh14-nav-b a:hover {
background-color: #14ced0;
color: #fff !important;
}
.dsh14-nav ul li:hover .dsh14-nav-b,
.dsh14-nav-b:hover {
display: block !important;
}
/* navç»“æŸ */
/* logo */
.dsh14-nav img {
height: 70px;
display: block;
float: left;
margin-right: 78px;
}
/* logoç»“æŸ */
/* æœç´¢ */
.dsh14-logo {
height: 95px;
overflow: hidden;
align-items: center;
display: flex;
justify-content: space-between;
}
.dsh14-logo img {
margin-right: 20px;
height: 50px;
}
.dsh14-se {
margin-left: 200px;
float: right;
width: 400px;
height: 34px;
background-color: #f3f6f8;
border: 1px solid #dfdfdf;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.dsh14-se .dsh14-in {
border: 0;
line-height: 34px;
width: 80%;
text-indent: 0.5em;
font-size: 14px;
float: left;
background-color: #f3f6f8;
margin-left: 2%;
}
.dsh14-se button {
border-radius: 0 10px 10px 0;
line-height: 34px;
background-color: #14ced0;
color: #fff;
font-size: 15px;
height: 34px;
width: 20%;
border: 0;
background-size: 16px 16px;
float: right;
position: absolute;
right: 0;
top: 0;
}
/* æœç´¢ç»“æŸ */
/* æˆ‘è¦æŠ•ç¨¿ */
.dsh14-top_right{
background-color: #ebebeb;
border-radius: 40px;
}
.dsh14-top_right a {
color: #fff;
margin-left: 7px;
display: block;
float: left;
font-size: 14px;
padding: 0 20px 0 35px;
background: no-repeat center left 12px;
line-height: 34px;
}
.dsh14-top_right a:nth-child(1) {
border-right: #fff 2px solid;
background: no-repeat center left 12px;
}
/* æˆ‘è¦æŠ•ç¨¿ç»“æŸ */
/* mian */
.dsh14-site-conten {
width: 100%;
overflow: hidden;
min-height: 100%;
}
/* 勿ƒ…链接 */
.dsh14-yq {
width: 1200px;
margin: 20px auto;
padding: 20px 0;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
.dsh14-yq ul {
display: flex;
justify-content: left;
}
.dsh14-yq ul li {
font-size: 14px;
color: #040404;
margin-right: 20px;
}
.dsh14-yq ul li a {
color: #9e9e9e;
}
/* 勿ƒ…é“¾æŽ¥ç»“æŸ */
/* 底部 */
footer {
width: 100%;
height: 88px;
text-align: center;
padding: 15px 0;
overflow: hidden;
background-color: #333;
display: flex;
justify-content: center;
align-items: end;
}
footer div.a {
overflow: hidden;
}
footer div a {
padding: 0 10px;
border-right: 1px solid #e2e2e2;
}
footer div a:nth-child(4) {
border: 0;
}
footer div a,
footer div p {
font-size: 12px;
color: #e2e2e2;
opacity: 0.8;
line-height: 28px;
}
/* åº•éƒ¨ç»“æŸ */
/* banner */
/* è½®æ’图开始 */
.dsh14-ban-b {
padding-top: 16px;
overflow: hidden;
}
#slideshow {
width: 520px;
height: 290px;
overflow: hidden;
border-radius: 8px;
position: relative;
}
#slideshow img {
width: 520px;
height: 290px;
/* border-radius: 8px; */
opacity: 0;
/*åˆå§‹ä¸é€æ˜Žåº¦ä¸º0,图片都看ä¸è§*/
transition: opacity 1s linear;
/*--é‡ç‚¹--å®šä¹‰ä¸€ä¸ªå…³äºŽé€æ˜Žåº¦çš„transition*/
}
#slideshow .active img,
#slideshow .active em {
opacity: 1;
/*有active类的图片ä¸é€æ˜Žåº¦ä¸º1ï¼Œå³æ˜¾ç¤ºå›¾ç‰‡*/
}
/*-- 设置页ç çš„æ ·å¼ --*/
#slideshow div {
z-index: 200;
position: absolute;
bottom: 14px;
right: 3%;
padding: 5px;
margin-left: -57.5px;
/*水平居ä¸ï¼Œç®—出æ¥å®½åº¦æ˜¯115px*/
border-radius: 25px;
}
#slideshow span {
float: left;
width: 8px;
height: 8px;
border-radius: 48px;
/*设置页ç 为圆形*/
margin: 0 5px;
background: rgba(255, 255, 255);
}
#slideshow span.active {
background: none;
background: #14ced0;
width: 20px;
height: 8px;
display: block;
}
/*-- è®¾ç½®å·¦å³æŒ‰é’®æ¡†çš„æ ·å¼ --*/
#slideshow p {
width: 30px;
line-height: 50px;
position: absolute;
top: 50%;
margin-top: -30px;
/*设置垂直居ä¸*/
color: white;
background: rgba(0, 0, 0, 0.2);
font-size: 16px;
text-align: center;
cursor: pointer;
/*è®¾ç½®é¼ æ ‡*/
/*设置ä¸èƒ½é€‰æ‹©æ–‡æœ¬*/
-ms-user-select: none;
/*ie10*/
-webkit-user-select: none;
/*webkitæµè§ˆå™¨*/
user-select: none;
display: none;
}
#slideshow p.left {
left: 0;
}
#slideshow p.right {
right: 0;
}
#slideshow:hover p {
display: block;
}
#slideshow p:hover {
background: rgba(0, 0, 0, 0.6);
}
#slideshow a {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
#slideshow a em {
font-size: 16px;
opacity: 0;
padding: 0 20px 0 40px;
display: block;
width: 90%;
line-height: 50px;
position: absolute;
bottom: 0;
left: 0;
z-index: 50;
color: #fff;
background-color: rgb(24, 24, 24, 0.5);
}
#slideshow a em::before {
content: '';
width: 5px;
height: 16px;
border-radius: 40px;
background-color: #14ced0;
display: block;
position: absolute;
top: 16px;
left: 28px;
}
/* è½®æ’图下 */
.dsh14-ban-b1{
overflow: hidden;
margin-top: 24px;
}
.dsh14-ban-b1 em{
font-size: 16px;
display: block;
float: left;
width: 20px;
text-align: center;
padding: 10px 5px;
color: #fff;
background-color: #14ced0;
border-radius: 4px;
}
.dsh14-ban-b1 div{
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding-left: 10px;
height: 56px;
}
.dsh14-ban-b1 div a{
display: block;
width: 47%;
line-height: 28px;
font-size: 16px;
padding-left: 2%;
margin-right: 2%;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dsh14-ban-b1 div a:nth-child(2n){
margin-right: 0;
}
.dsh14-ban-b1 div a::before{
content: '';
background-color: #14ced0;
width: 4px;
height: 4px;
border-radius: 40px;
display: block;
position: absolute;
left: 0;
top: 12px;
}
/* è½®æ’å›¾ä¸‹ç»“æŸ */
/* è½®æ’å›¾ç»“æŸ */
.dsh14-ban {
margin: 13px auto 0 auto;
width: 1200px;
overflow: hidden;
}
/* top */
/* top */
/* å·¦ */
#dsh14-box {
height: 432px;
overflow: hidden;
}
.dsh14-ban-a2 {
width: 520px;
overflow: hidden;
float: left;
margin-right: 30px;
background-color: #fff;
}
a:hover ,.dsh14-lm-a2 a,
.dsh14-lm-b3 em:hover{
color: #14ced0 !important;
}
/* å·¦ç»“æŸ */
/* å³ */
.dsh14-ban-d {
float: left;
margin-right: 30px;
width: 320px;
overflow: hidden;
}
.dsh14-ban-d1 {
overflow: hidden;
background-color: #ebeaf0;
padding: 0 15px;
border-radius: 10px;
position: relative;
}
.dsh14-ban-d1::before{
content: '';
background: no-repeat center center;
width: 100px;
height: 100px;
background-size: 100px;
display: block;
position: absolute;
bottom: -38px;
right: 14px;
}
.dsh14-ban-d1 h4 {
font-size: 18px;
float: left;
line-height: 50px;
padding-left: 18px;
background: no-repeat center left;
position: relative;
}
.dsh14-ban-d ul{
overflow: hidden;
margin-top: 10px;
}
.dsh14-ban-d ul li{
overflow: hidden;
padding-left: 26px;
background: no-repeat center left;
line-height: 42px;
}
.dsh14-ban-d ul li a{
font-size: 16px;
display: block;
float: left;
width: 85%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dsh14-ban-d ul li i{
display: block;
float: right;
line-height: 42px;
font-size: 12px;
color: #999;
}
/* å³ç»“æŸ */
/* 2 */
.dsh14-ban-f,.dsh14-ri-a{
width: 300px;
float: left;
}
.dsh14-ban-f ul{
overflow: hidden;
margin-top: 10px;
}
.dsh14-ban-f ul li{
line-height: 42px;
height: 42px;
overflow: hidden;
}
.dsh14-ban-f ul li span{
display: block;
width: 20px;
text-align: center;
line-height: 20px;
float: left;
font-size: 12px;
color: #fff;
border-radius: 4px;
background-color: #ccc;
margin: 10px 8px 0 0;
}
.dsh14-ban-f ul li a{
font-size: 16px;
display: block;
width: 78%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.dsh14-ban-f ul li i{
font-size: 12px;
float: right;
color: #999;
}
/* 2 */
/* bannerç»“æŸ */
/* æ 目内容 */
.dsh14-lm2{
margin-top: 20px;
width: 1200px;
float: left;
background-color: #fff;
overflow: hidden;
}
.dsh14-lm-a{
overflow: hidden;
border-bottom: #e6e6e6 solid 2px;
}
.dsh14-lm-a div{
float: right;
}
.dsh14-lm-a div a{
font-size: 14px;
display: block;
margin-left: 20px;
}
.dsh14-lm-a ul{
line-height: 56px;
display: flex;
float: left;
}
.genduo{
font-size: 12px !important;
color: #999;
line-height: 56px;
float: left;
}
.dsh14-lm-a h4{
padding-left: 32px;
background: no-repeat center left;
float: left;
}
.dsh14-lm-a h4,.dsh14-lm-a span{
font-size: 20px;
font-weight: bold;
line-height: 52px;
}
/* 1 */
.dsh14-lm2 .dsh14-ban-f{
overflow: hidden;
margin-top: 20px;
}
.dsh14-lm-b{
margin-top: 10px;
width: 420px;
float: left;
margin-right: 30px;
}
.dsh14-lm-b li{
padding: 10px 0;
overflow: hidden;
}
.dsh14-lm-b1 li img{
width: 130px;
height: 90px;
border-radius: 10px;
float: left;
margin-right: 10px;
}
.dsh14-lm-b1 li a span{
display: block;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsh14-lm-b1 li a em{
margin-top: 5px;
font-size: 14px;
line-height: 20px;
color: #666;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.dsh14-lm-b1 li i{
display: block;
font-size: 12px;
color: #999;
margin-top: 15px;
}
/* 下 */
.dsh14-lm-b2 li{
line-height: 18px;
}
.dsh14-lm-b2 li a{
display: block;
float: left;
width: 83%;
padding-left: 4%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
position: relative;
}
.dsh14-lm-b2 li a::before{
content: '';
background-color: #ccc;
width: 4px;
height: 4px;
border-radius: 40px;
display: block;
position: absolute;
left: 0;
top: 8px;
}
.dsh14-lm-b2 li i{
font-size: 12px;
color: #999;
float: right;
}
/* ä¸‹ç»“æŸ */
/* 1 */
/* 2 */
.dsh14-lm-b3 li{
line-height: 20.8px;
}
.dsh14-lm-b3 li a{
padding-left: 6%;
}
.dsh14-lm-b3 li:nth-child(1) a:before,
.dsh14-lm-b3 li:nth-child(2) a:before,
.dsh14-lm-b3 li:nth-child(3) a:before{
background: no-repeat center center;
}
.dsh14-lm-b3 li a::before{
width: 20px;
height: 20px;
background: no-repeat center center;
top: 1px;
}
/* 2 */
/* 3 */
/* 推è */
.dsh14-lm2 .dsh14-ban-f .dsh14-ban-d1::before{
background: no-repeat center center;
}
.dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f .dsh14-ban-d1::before,
.dsh14-ri-a .dsh14-ban-f:nth-child(2) .dsh14-ban-d1::before{
background: no-repeat center center;
}
.dsh14-ban-f ul li:nth-child(1) span,
.dsh14-ban-f ul li:nth-child(2) span,
.dsh14-ban-f ul li:nth-child(3) span{
background-color: #14ced0;
}
.dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f ul li a{
width: 88%;
}
.dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f ul li{
line-height: 40px;
height: 40px;
}
.dsh14-ban-f1{
padding-bottom: 10px;
position: relative;
height: auto !important;
}
.dsh14-ban-f1 img{
width: 138px;
height: 90px;
float: left;
margin-right: 10px;
border-radius: 10px;
}
.dsh14-ban-f1 a{
white-space: normal !important;
width: auto !important;
float: none !important;
line-height: 24px !important;
height: 48px;
}
.dsh14-ban-f1 i{
position: absolute;
bottom: 10px;
line-height: 20px !important;
}
/* 推è */
/* 3 */
/* 4 */
.dsh14-lm-e{
margin-top: 10px;
width: 870px;
float: left;
margin-right: 30px;
}
.dsh14-lm-e li{
padding: 10px 0;
overflow: hidden;
}
.dsh14-lm-e .dsh14-lm-b2{
display: flex;
flex-wrap: wrap;
}
.dsh14-lm-e .dsh14-lm-b2 li{
margin-right: 20px;
width: 48%;
}
.dsh14-lm-e .dsh14-lm-b2 li:nth-child(2n){
margin-right: 0;
}
/* 4 */
/* æ ç›®å†…å®¹ç»“æŸ */
/* 置顶 */
.dsh14-totop1{
top: 60% !important;
background: none !important;
box-shadow:none !important;
}
.dsh14-totop {
display: none;
position: fixed;
right: 10px;
top: 20%;
}
.dsh14-totop .totop1{
width: 60px;
height: 60px;
background: no-repeat center center;
background-size: 60px;
}
.dsh14-totop .totop1:hover{
background: no-repeat center center;
background-size: 60px;
}
/* ç½®é¡¶ç»“æŸ */
/* label */
/* æ 目内容 */
.dsh14-la-a {
/* padding-top: 10px; */
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.dsh14-la-b {
width: 870px;
float: left;
margin-right: 30px;
overflow: hidden;
}
/* 当å‰ä½ç½® */
.dsh14-b-b{
line-height: 40px;
font-size: 14px;
}
/* 当å‰ä½ç½®ç»“æŸ */
/* 列表top */
.dsh14-top-a{
width: 870px;
float: left;
margin-right: 30px;
}
.dsh14-top-a1,.dsh14-top-a1 #slideshow,.dsh14-top-a1 a img{
width: 390px !important;
height: 215px !important;
}
.dsh14-top-a1{
float: left;
margin-right: 30px;
}
.dsh14-top-a2{
width: 450px;
margin-right: 0 !important;
}
.dsh14-top-a3 h4{
font-size: 18px;
}
.dsh14-top-a2 ul li,.dsh14-top-a2 ul li i{
line-height: 38px;
}
.dsh14-top-a4{
float: left;
overflow: hidden;
}
.dsh14-top-a4 a{
font-size: 16px;
display: block;
margin: 10px 7px 0 0;
float: left;
padding:10px;
background-color: #b9b9b9;
color: #fff;
border-radius: 40px;
}
.dsh14-top-a4 a:nth-child(1){
background-color: #12ccce;
}
.dsh14-top-a4 a:nth-child(2){
background-color: #ffc016;
}
.dsh14-top-a4 a:nth-child(3){
background-color: #fc5c42;
}
.dsh14-top-a4 a:hover{
color: #fff !important;
background-color: #00b4b6;
}
/* å³ */
.dsh14-top-b{
width: 300px;
float: left;
display: block;
}
.dsh14-top-b ul li{
overflow: hidden;
border-bottom: #dedede 1px solid;
padding: 14px 0;
}
.dsh14-top-b ul li a i{
display: block;
float: left;
font-size: 12px;
padding: 0 10px;
line-height: 24px;
background-color: #12ccce;
border-radius: 40px;
color: #fff;
margin-right: 10px;
}
.dsh14-top-b ul li a span{
display: block;
line-height: 24px;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsh14-top-b ul li a em{
display: block;
font-size: 14px;
margin-top: 10px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* å³ */
/* 列表topç»“æŸ */
.dsh14-ri-a .dsh14-ban-f{
margin-bottom: 20px;
}
/* 今日推èç»“æŸ */
.dsh14-la-d {
overflow: hidden;
border-radius: 8px;
}
.dsh14-dd {
float: right;
font-size: 14px;
color: #999999;
}
.dsh14-fl-a {
line-height: 32px;
padding-bottom: 10px;
border-bottom: #dbdbdb 2px solid;
}
.dsh14-fl-a h4{
font-size: 18px;
}
.dsh14-fl ul{
padding-top: 10px;
display: flex;
flex-wrap: wrap;
}
.dsh14-fl ul li{
line-height: 32px;
width: 48%;
margin-right: 4%;
}
.dsh14-fl ul li:nth-child(2n){
margin-right: 0;
}
.dsh14-fl ul li i{
display: block;
float: left;
margin: 5px 8px 0 0;
padding: 0 10px;
line-height: 22px;
background-color: #dedede;
font-size: 12px;
color: #fff;
border-radius: 40px;
}
.dsh14-fl ul li a{
display: block;
float: left;
font-size: 16px;
width: 85%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 列表 */
.dsh14-la-d2 li img {
position: relative;
z-index: 10;
width: 180px;
height: 100px;
float: left;
margin-right: 10px;
border-radius: 4px;
}
.dsh14-la-d2 li {
overflow: hidden;
padding: 20px 0;
border-bottom: solid #f2f2f2 1px;
}
.dsh14-la-d2 li a span {
font-weight: 600;
display: block;
font-size: 18px;
color: #343434;
line-height: 24px;
position: relative;
}
.dsh14-la-d2 li a:hover span {
color: #14ced0;
}
.dsh14-la-d2 li a em {
font-size: 16px;
display: block;
line-height: 24px;
color: #777777;
margin: 5px 0 10px 0;
overflow: hidden;
white-space: normal;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.dsh14-la-d2-a {
overflow: hidden;
font-size: 12px;
color: #b9b9b9;
}
.dsh14-la-d2-a a {
margin-right: 20px;
display: block;
max-width: 200px;
float: right;
color: #b9b9b9;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsh14-la-d2-a i {
float: left;
}
/* åˆ—è¡¨ç»“æŸ */
/* 分页 */
.dsh14-paging {
padding: 30px 0 10px 0;
text-align: center;
}
.dsh14-pagination {
list-style: none;
display: inline-block;
padding: 0;
margin-top: 10px;
}
.dsh14-pagination li {
display: inline;
text-align: center;
}
.dsh14-pagination a {
float: left;
display: block;
font-size: 14px;
text-decoration: none;
padding: 5px 12px;
color: #4a4a4a;
margin-left: -1px;
border: 1px solid transparent;
line-height: 1.5;
}
.dsh14-pagination a.active {
cursor: default;
}
.dsh14-pagination a:active {
outline: none;
}
.modal-4 a {
color: #14ced0;
margin: 0 5px;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 5px;
background-color: hsl(216, 70%, 58%, 0.1);
}
.modal-4 a.next {
-moz-border-radius: 0 50px 50px 0;
-webkit-border-radius: 0;
border-radius: 5px;
border: 0 !important;
width: 80px;
}
.modal-4 a:hover {
color: #fff !important;
border: 1px solid #14ced0;
background-color: #14ced0;
}
.modal-4 a.active,
.modal-4 a:active {
background-color: #14ced0;
border: 1px solid #14ced0;
color: #fff;
}
/* åˆ†é¡µç»“æŸ */
/* labelç»“æŸ */
/* 详情页 */
.dsh14-la-c{
overflow: hidden;
background-color: #fff;
border-radius: 8px;
}
.tiem {
font-size: 12px;
margin-top: 20px;
color: #999999;
display: flex;
justify-content: center;
}
.tiem a {
display: none;
float: left;
margin-left: 20px;
max-width: 200px;
color: #999999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dsh14-art-a {
text-align: center;
overflow: hidden;
margin: 40px 0;
}
.dsh14-art-a h1 {
font-size: 36px;
line-height: 40px;
}
.dsh14-tiem {
overflow: hidden;
margin: 20px 0;
}
.dsh14-tiem i,
.dsh14-tiem a {
font-size: 12px;
color: #999999;
display: block;
float: left;
}
.dsh14-tiem a {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 20px;
}
.dsh14-art-b {
overflow: hidden;
position: relative;
}
.dsh14-art-b p {
text-indent: 2em;
font-size: 16px;
line-height: 34px;
margin-bottom: 20px;
overflow: hidden;
text-align: justify;
}
.dsh14-art-b p i {
margin-right: 30px;
}
.dsh14-art-b b {
display: block;
font-size: 16px;
margin-bottom: 20px;
overflow: hidden;
}
/* 篇 */
.dsh14-art-c p {
padding-bottom: 20px;
border-bottom: #f2f2f2 solid 1px;
}
.dsh14-art-c p,
.dsh14-art-c p a {
font-size: 12px;
color: #9e9e9e;
}
.dsh14-art-c1 {
margin: 30px 0 10px 0;
display: flex;
justify-content: space-between;
}
.dsh14-art-c1 span {
font-size: 16px;
max-width: 400px;
display: flex;
}
.dsh14-art-c1 em {
font-weight: bold;
display: block;
float: left;
width: 64px;
}
.dsh14-art-c1 a {
max-width: 330px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: left;
}
/* ç¯‡ç»“æŸ */
/* 相关阅读 */
.dsh14-rel {
margin: 30px 0;
background-color: #fff;
overflow: hidden;
border-radius: 8px;
}
.dsh14-rel-a {
overflow: hidden;
}
.dsh14-rel-a h4 {
font-size: 20px;
line-height: 24px;
display: block;
float: left;
}
.dsh14-rel-b {
overflow: hidden;
}
.dsh14-rel-b ul {
overflow: hidden;
height: 135px;
}
.dsh14-rel-b ul li {
width: 390px;
margin: 20px 30px 20px 0;
overflow: hidden;
float: left;
}
.dsh14-rel-b ul li:nth-child(2) ,
.dsh14-rel-c li:nth-child(2n){
margin-right: 0;
}
.dsh14-rel-b ul li a img {
width: 170px;
height: 95px;
border-radius: 8px;
float: left;
margin-right: 10px;
}
.dsh14-rel-b ul li a span {
padding-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
font-size: 18px;
font-weight: bold;
}
.dsh14-rel-b ul li a em {
display: block;
padding-top: 10px;
overflow: hidden;
white-space: normal;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 20px;
color: #777777;
}
.dsh14-rel-c{
overflow: hidden;
margin-top: 20px;
}
.dsh14-rel-c li {
width: 420px;
float: left;
margin: 0 30px 20px 0;
overflow: hidden;
}
.dsh14-rel-c li a {
font-size: 16px;
width: 90%;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
position: relative;
}
.dsh14-rel-c li i {
font-size: 12px;
color: #999999;
float: right;
}
/* ç›¸å…³é˜…è¯»ç»“æŸ */
/* 推è */
.dsh14-ban-f2{
overflow: hidden;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: #dbdbdb 1px solid;
}
.dsh14-ban-f2 a{
color: #12ccce;
display: block;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dsh14-ban-f3 ul li a{
width: 85%;
}
/* 推èç»“æŸ */
/* è¯¦æƒ…é¡µç»“æŸ */
/* 网站地图 */
.dsh14-la-a1 {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.dsh14-map {
overflow: hidden;
}
.dsh14-la-a1 .dsh14-la-c{
padding-top: 30px;
margin-bottom: 20px;
}
.dsh14-map-b {
overflow: hidden;
margin: 10px 0;
}
.dsh14-map-b ul {
overflow: hidden;
margin-top: 20px;
}
.dsh14-map-b ul li {
float: left;
font-size: 16px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #f2f2f2;
border-radius: 4px;
}
.dsh14-map-b ul li a {
display: block;
line-height: 28px;
padding: 0 20px;
}
/* ç½‘ç«™åœ°å›¾ç»“æŸ */
.sidenav,
.dsh14-jg,
.dsh14-lan-ac,
.dsh14-lan-a2 img,
.dsh14-hot,
.dsh14-top_right span,.dsh14-hot,
.dsh14-logo a img:nth-child(1),
.dsh14-logo3 ,.dsh14-ban-e,.dsh14-lm-b5 i,
.dsh14-left{
display: none;
}