@charset "utf-8"; .banner img{ display: block; width: 100%; } /* 分页 */ .pagination { text-align: center; font-size: 0; padding-top: 30px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #930b15; color: #fff; border: 1px solid #930b15; } .pagination a:hover { background: #930b15; color: #fff; border: 1px solid #930b15; } .pagination span { display: inline-block; font-size: 14px; } .nymain { padding-bottom: 40px; } .nymain .leftNav { float: left; width: 260px; position: relative; margin-right: 50px; } .nymain .leftNav p { padding-left: 50px; font-size: 20px; color: #fff; line-height: 60px; background: #930b15 url() no-repeat; background-position: 30px center; display: none; } .nymain .leftNav p span { display: none; float: right; width: 15px; height: 15px; margin-right: 20px; margin-top: 15px; background: url() no-repeat center center; background-size: 14px 14px; } .nymain .leftNav p span.on { background: url() no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul { border-top: none; } .nymain .leftNav ul li { position: relative; border-bottom: 1px solid #ddd; } .nymain .leftNav>ul>li>i { content: ""; position: absolute; right: 0; top: 0; width: 59px; height: 59px; background: url(../images/ej-menu-bf.png) no-repeat; background-size: 6px auto; background-position: center center; cursor: pointer; transition: all 0.3s; } .nymain .leftNav>ul>li>i.on { transform: rotateZ(-90deg); } .nymain .leftNav ul li ul li:last-child { border: none; } .nymain .leftNav ul li a { display: block; font-size: 16px; padding-right: 45px; padding-left: 15px; color: #666666; line-height: 58px; background-position: 235px center; transition: background 0.3s; } .nymain .leftNav>ul>li>span { display: none; position: absolute; width: 14px; height: 14px; right: 20px; top: 18px; line-height: 50px; background: url() no-repeat center center; background-size: 14px 14px; cursor: pointer; } .nymain .leftNav ul li.active>a { color: #fff; background: #930b15; background-position: 235px center; } .nymain .leftNav ul li.active>ul { display: block; } .nymain .leftNav ul li.active.on>span { background: url() no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul li.active>span { background: url() no-repeat center center; background-size: 14px 14px; } .nymain .leftNav>ul>li:hover>a { background: #930b15; color: #fff; } .nymain .leftNav ul li a:hover { color: #fff; /* background: #930b15 url() no-repeat; */ background: #930b15; background-position: 235px center; } .nymain .leftNav>ul>li>ul { display: none; /* background: #ebf2ff; */ padding-top: 1px; padding-bottom: 0; padding-right: 0; padding-bottom: 10px; padding-left: 20px; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; background-size: 0; } .nymain .leftNav>ul>li>ul>li.active { background: #930b15; } .nymain .leftNav>ul>li>ul>li.active a { background: #930b15; } .nymain .leftNav>ul>li>ul>li>a:hover { background-size: 0; } .ny-right { overflow: hidden; padding-bottom: 30px; border-top: 1px solid #930b15; } .ny-right>h3 { padding-left: 25px; background: url(../images/dq-col-red.png) no-repeat; background-position: 9px center; padding-top: 20px; padding-bottom: 20px; font-size: 20px; color: #333; } .position { font-size: 0; border-bottom: 1px solid #dddddd; line-height: 60px; margin-bottom: 40px; } .position span { color: #666666; font-size: 14px; vertical-align: middle; } .position img { display: inline-block; height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #930b15; margin: 0 5px; vertical-align: middle; } .text-list ul li a { display: block; padding: 30px 0; border-top: 1px solid #ddd; overflow: hidden; transition: all 0.3s; } .text-list ul li:first-child a { border: none; } .text-list ul li a:hover { background: #f5f5f5; padding-left: 20px; padding-right: 20px; border-color: #f5f5f5; } .text-list ul li:hover+li a { border-color: #f5f5f5; } .text-list ul li a:hover .text-info { padding-left: 20px; } .text-list ul li a:hover .text-info h4 { color: #930b15; } .text-list ul li a .text-pic { float: left; width: 200px; height: 132px; overflow: hidden; } .text-list ul li a .text-pic img { display: block; width: 100%; height: 100%; transition: all 0.3s; } .text-list ul li a .text-pic img:hover { transform: scale(1.05); } .text-list ul li a .text-info { overflow: hidden; padding-left: 30px; font-size: 14px; transition: all 0.3s; } .text-list ul li a .text-info h4 { font-size: 16px; line-height: 30px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text-list ul li a .text-info i { display: block; color: #999999; line-height: 15px; margin-bottom: 5px; font-size: 14px; } .text-list ul li a .text-info p { color: #666666; line-height: 24px; height: 48px; overflow: hidden; } .text-list ul li a .text-info .list-more { font-size: 0; margin-top: 5px; } .text-list ul li a .text-info span { font-size: 14px; line-height: 24px; color: #333; vertical-align: middle; } .text-list ul li a .text-info img { vertical-align: middle; margin-left: 5px; } .art-main .art-tit { border-bottom: 1px dashed #e5e5e5; padding: 20px 0; margin-bottom: 30px; } .art-main .art-tit h3 { text-align: center; color: #333333; font-weight: 600; font-size: 20px; margin-bottom: 15px; } .art-main .art-body p { color: #333333; text-indent: 2em; font-size: 15px; line-height: 30px; margin-bottom: 10px; } .art-main .art-body img { /* display: block; */ /* width: 520px; */ /* height:358px; */ /* margin:20px auto 30px; */ } .art-main .cont-tit p { font-size: 0; text-align: center; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; height: 16px; margin-right: 5px; } .art-main .cont-tit p .liulan { margin-left: 50px; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 14px; color: #999; margin: 0 20px; } .art-info { border-top: 1px solid #eaeaea; margin-top: 25px; } .pnext { margin-top: 25px; } .pnext p { text-indent: initial; font-size: 15px; line-height: 30px; color: #555555 } .pnext p a { font-size: 15px; color: #444; } .pnext p:hover { color: #930b15; } .pnext p:hover a { color: #930b15; } .art-info>a { float: right; } .art-info>a img { height: 35px; margin-top: 25px; } /* 图片列表 */ .img-lists ul { overflow: hidden; padding-top: 10px; } .img-lists ul li { float: left; width: 276px; margin-left: 30px; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:nth-child(3n+1){ margin-left: 0; } .img-lists ul li:hover { top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a .pic { position: relative; padding-top: 75%; overflow: hidden; } .img-lists ul li a .pic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .img-lists ul li a>div.info { font-size: 0; } .img-lists ul li a>div.info p { color: #333; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0; border-bottom: 1px solid transparent; } .img-lists ul li:hover .info p { color: #930b15; border-color: #930b15; } .img-lists ul li:hover .info span { background: #930b15; color: #fff; border-color: #930b15; } /* lists 列表页 */ .lists li { padding-right: 100px; background-position: left center; position: relative; font-size: 15px; border-bottom: 1px solid #dfdfdf; line-height: 48px; transition: all .3s; margin-left: 15px; } .lists li:hover { background: #dfdfdf; } .lists li a { display: block; color: #303030; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 25px; } .lists li:before{ position: absolute; content: ''; width: 5px; height: 5px; background: #930b15; border-radius: 50%; top: 50%; left: -15px; margin-top: -2.5px; } .lists li a:hover { color: #930b15; } .lists ul li a span:first-child { font-size: 14px; color: #999999; } .lists ul li a span:last-child{ position: absolute; right: 2px; font-size: 14px; color: #999999; } .rcdw-box { border-top: none; } .rcdw { overflow: hidden; } .rcdw>div { float: left; width: 49%; border-top: 1px solid #dddddd; padding-top: 32px; margin-bottom: 30px; } .rcdw>div:first-child, .rcdw>div:first-child+div+div { margin-right: 2%; } .rcdw>div>span { float: left; padding-left: 25px; line-height: 34px; font-size: 24px; font-weight: 600; border-left: 1px solid #930b15; width: 155px; color: #930b15; } .rcdw>div>div { overflow: hidden; } .rcdw>div>div>ul { float: left; width: 50%; } .rcdw>div>div>ul li a { display: block; width: 55px; line-height: 36px; font-size: 18px; color: #333333; text-align-last: justify; text-align: justify; } .rcdw>div>div>ul li a:hover { color: #930b15; } .system-lists>ul{ overflow: hidden; padding: 10px; } .system-lists>ul>li{ float: left; width: 310px; margin-top: 20px; line-height: 48px; height: 48px; border: 1px solid rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); transition: all .3s; } .system-lists>ul>li:nth-child(3n+2){ margin-left: 20px; margin-right: 20px; } .system-lists>ul>li>a{ display: block; overflow: hidden; padding: 0 20px; } .system-lists>ul>li>a>div{ font-size: 0; } .system-lists>ul>li img{ display: inline-block; vertical-align: middle; } .system-lists>ul>li span { display: inline-block; font-size: 15px; color: #b3b3b3; vertical-align: middle; margin-left: 10px; transition: all .3s; } .system-lists>ul>li:hover span{ color: #930b15; } .lists{ min-height: 475px; }