@charset "utf-8"; .banner { position: relative; overflow: hidden;} .banner:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url("../images/shadow.png") repeat-x top center; } .banner img{ display: block; width: 100%; height: auto;} .pic { padding-top: 75%; position: relative; overflow: hidden; } .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s; } /* 分页 */ .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: #002d5c; color: #fff; border: 1px solid #002d5c; } .pagination a:hover { background: #002d5c; color: #fff; border: 1px solid #002d5c; } .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: #002d5c url(../images/dq-col.png) 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(../images/sub_left_down2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav p span.on { background: url(../images/sub_left_up2.png) 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: 10px; top: 4px; width: 20px; height: 58px; 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(../images/sub_left_down.png) no-repeat center center; background-size: 14px 14px; cursor: pointer; } .nymain .leftNav ul li.active>a { color: #fff; background: #002d5c; background-position: 235px center; } .nymain .leftNav ul li.active>ul { display: block; } .nymain .leftNav ul li.active.on>span { background: url(../images/sub_left_up2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul li.active>span { background: url(../images/sub_left_down2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav>ul>li:hover>a { background: #002d5c; color: #fff; } .nymain .leftNav ul li a:hover { color: #fff; background: #002d5c; 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: #002d5c; } .nymain .leftNav>ul>li>ul>li.active a { background: #002d5c; } .nymain .leftNav>ul>li>ul>li>a:hover { background-size: 0; } .ny-right { overflow: hidden; padding-bottom: 30px; border-top: 1px solid #002d5c; } .ny-right>h3 { 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 { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #002d5c; 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: #002d5c; } .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 30px 0; } .art-main .art-tit h3 { text-align: center; color: #333333; font-weight: 600; font-size: 20px; margin-bottom: 15px; } .art-main .art-body { padding-top: 9px; } .art-main .art-body p { color: #333333; /* text-indent: 2em; */ font-size: 16px; line-height: 40px; margin-bottom: 10px; } .art-body-img img{ display: block; max-width: 100%; margin: auto; } .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: #002d5c; } .pnext p:hover a { color:#002d5c; } .art-info>a { float: right; } .art-info>a img { height: 35px; margin-top: 25px; } /* 图片列表 */ .img-lists ul { overflow: hidden; } .img-lists ul li { float: left; width: 30%; box-sizing: border-box; margin: 0 0 0 2.5%; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a .pic { padding-top: 69%; } .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: #002d5c; border-color: #002d5c; } .img-lists ul li:hover .info span { background:#002d5c; color: #fff; border-color: #002d5c; } /* lists 列表页 */ .lists li { padding-right: 100px; background-position: left center; position: relative; font-size: 15px; border-bottom: 1px solid #dfdfdf; line-height: 48px; } .lists li:hover { background: #dfdfdf; } .lists li a { display: block; color: #303030; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lists li a:hover { color:#002d5c; } .lists li a span { position: absolute; right: 10px; 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 #002d5c; width: 155px; color: #002d5c; } .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: #002d5c; } @media screen and (max-width: 1200px) { .banner:after{ display: none; } } @media screen and (max-width: 1024px) { .banner { margin-top: 74px; } .nymain .leftNav { float: none; width: auto; top: 0; margin: 0; } .nymain .leftNav p { display: block; line-height: 45px; font-size: 16px; padding-left: 35px; background-position: 10px center; } .nymain .leftNav ul { display: none; padding: 10px 0 20px 0; } .nymain .leftNav ul li a:hover { background-size: 0; } .ny-right>h3 { font-size: 16px; } .nymain .leftNav>ul>li.on>span { background: url(../images/sub_left_up.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul li.active>a { background-size: 0; } .nymain .leftNav ul li a { background-size: 0; line-height: 40px; padding-left: 20px; } .nymain .leftNav p span { display: block; } .nymain .leftNav>ul>li>span { top: 13px; display: block; } .nymain .leftNav>ul>li>i { display: none; } .nymain .leftNav>ul>li:hover>a { background: none; color: #666; } .nymain .leftNav ul li.active:hover>a { background: #002d5c; color: #fff; } .ny-right { float: none; width: auto; } .position { line-height: 45px; padding-left: 15px; } .art-main .art-body{ padding-top: 10px; } .img-lists ul li { width: 45%; margin: 10px 0 0 3.3%; } .img-lists ul li a>img { height: 209px; } .img-lists ul li a>div.info p { font-size: 14px; padding: 10px 0; } .img-lists ul li a>div.info img { height: 12px; } .rcdw>div>span { font-size: 18px; line-height: 30px; padding-left: 10px; width: 100px; } .rcdw>div>div>ul li a { font-size: 14px; width: 43px; } } @media screen and (max-width:768px) { .banner{ margin-top: 60px; } .ny-banner p { display: none; } .nymain { padding-bottom: 25px; } .position { padding: 0 0; margin-bottom: 20px; } .position span, .position a { font-size: 12px; } .pagination { padding-top: 25px; } .pagination a { padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 3px; } .art-main .art-tit { padding: 15px 0; } .art-main .art-tit h3 { font-size: 16px; } .art-main .art-body p { font-size: 14px; line-height: 28px; } .art-main .cont-tit p span { font-size: 12px; margin: 0 5px; } .art-main .cont-tit p img { height: 12px; } .pnext { float: none; border: none; width: auto; } .pnext p { line-height: 30px; font-size: 12px; } .pnext p a { font-size: 12px; } .art-info>a { float: none; } .art-info>a img { height: 25px; margin-top: 10px; } .zzjg_text li { width: 50%; } .img-lists ul li { margin-top: 10px; } .img-lists ul li a>img { height: 191px; } .img-lists ul li a>div.info p { font-size: 12px; } .img-lists ul li a>div.info span { margin-top: 10px; } .text-list ul li a { padding: 15px 0 } .text-list ul li a .text-info { padding-left: 15px; font-size: 12px; } .text-list ul li a .text-info span { font-size: 12px; } .text-list ul li a .text-info img { height: 13px; } .text-list ul li a .text-info h4 { font-size: 14px; } .lists li a { font-size: 14px; } .rcdw>div { padding-top: 20px; margin-bottom: 20px; } .rcdw>div>span { float: none; } .rcdw>div>div { padding-left: 15px; padding-top: 10px; } } @media screen and (max-width:480px) { .position { text-align: left; line-height: 30px; padding-top: 10px; padding-bottom: 10px; } .img-lists ul li a>img { height: 100px; } .art-main .cont-tit p .liulan { margin-left: 15px; } .text-list ul li a .text-pic { float: none; width: auto; height: auto; } .text-list ul li a .text-info { padding-left: 0; font-size: 12px; } .ny-right{ padding-bottom: 0; } } @media screen and (max-width:320px) { .art-main .art-tit h3 { font-size: 20px; } .art-main .art-tit span { font-size: 12px; padding-bottom: 5px; line-height: 24px; height: 24px; } .art-main .art-body p { font-size: 12px; line-height: 30px; } .img-lists ul li a>img { height: 84px; } } .qr img{ width: 85px;}