.banner img { display: block; width: 100%; } .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: #113971; color: #fff; border: 1px solid #113971; } .pagination a:hover { background: #113971; color: #fff; border: 1px solid #113971; } .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: #113971 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; box-shadow: 0 0 5px #d8d2d2; } .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: #333; line-height: 58px; /* background: url(../images/ej-menu-bf.png) no-repeat; */ 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: #113971; 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: #113971; color: #fff; } .nymain .leftNav ul li a:hover { color: #fff; /* background: #9b0d14 url() no-repeat; */ background: #113971; 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: #5c6657; } .nymain .leftNav>ul>li>ul>li.active a { background: #113971; } .nymain .leftNav>ul>li>ul>li>a:hover { background-size: 0; } .ny-right { overflow: hidden; padding-bottom: 30px; } .ny-right>h3 { padding-left: 25px; padding-top: 20px; padding-bottom: 20px; font-size: 20px; color: #333; } .position { font-size: 0; border-bottom: 1px solid #113971; line-height: 60px; margin-bottom: 40px; } .position span { color: #333; font-size: 14px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #333; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #113971; } .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: #113971; } .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: 30px; padding-left: 10px; padding-right: 10px; } .art-main .art-body p { color: #333333; font-size: 16px !important; line-height: 40px ; margin-bottom: 10px; } .art-main .art-body img { max-width: 100% !important; margin-bottom: 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; padding-left: 10px; padding-right: 10px; } .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: #113971; } .pnext p:hover a { color: #113971; } .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: #113971; border-color: #113971; } .img-lists ul li:hover .info span { background: #113971; color: #fff; border-color: #113971; } /* lists 列表页 */ .lists li { padding-right: 100px; margin-left: 20px; 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: #113971; } .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 #113971; width: 155px; color: #113971; } .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: #5c6657; } @media screen and (max-width: 1350px) { .ny-banner p { left: 15px; width: 150px; height: 45px; line-height: 45px; font-size: 18px; } } @media screen and (max-width: 1200px) { .rcdw>div>span { font-size: 20px; line-height: 30px; padding-left: 15px; width: 120px; } .rcdw>div>div>ul li a { font-size: 16px; } } @media screen and (max-width: 1024px) { .nymain { padding-bottom: 25px; } .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: #113971; color: #fff; } .ny-right { float: none; width: auto; } .position { line-height: 45px; padding-left: 15px; } .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) { .ny-banner p { display: none; } .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 { padding: 0 15px; } .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; } } @media screen and (max-width:320px) { .art-main .art-tit h3 { font-size: 20px; /* font-weight: bold; */ } .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; } } /*名师展示*/ .lists-teacher>ul>li>h4 { font-weight: normal; background-color: #f3f3f3; height: 42px; line-height: 42px; padding-left: 37px; font-size: 20px; color: #333; background-repeat: no-repeat; background-position: 21px center; background-image: url(); } .lists-teacher>ul>li>ul { overflow: hidden; } .lists-teacher>ul>li>ul { overflow: hidden; padding-top: 10px; padding-bottom: 20px; } .lists-teacher>ul>li>ul>li { float: left; margin-left: 2.4%; margin-top: 1%; text-align: center; } .lists-teacher>ul>li>ul>li>a { font-size: 16px; color: #333333; } .lists-teacher>ul>li>ul>li:hover>a { color: #5c6657; } @media screen and (max-width: 768px) { .lists-teacher>ul>li>h4 { font-size: 16px; } .lists-teacher>ul>li>ul>li { margin-left: 0; width: 25%; text-align: center; } .lists-teacher>ul>li>ul>li>a { font-size: 14px; } } @media screen and (max-width: 500px) { .lists-teacher>ul>li>ul>li { width: 33%; } } /*名师展示*/ /*新增图片列表*/ .img-list2>ul>li { background: #f5f5f5; padding: 10px 60px 10px 10px; margin-top: 20px; } .img-list2>ul>li:first-child { margin-top: 0; } .img-list2>ul>li>a { display: block; overflow: hidden; } .img-list2>ul>li .pho { width: 158px; overflow: hidden; float: left; } .img-list2>ul>li .pho img { display: block; height: 100%; width: 100%; } .pic-text { overflow: hidden; padding-left: 20px; } .pic-text h4 { font-size: 20px; color: #5c6657; line-height: 42px; font-weight: normal; border-bottom: 1px solid #a9a9a9; } .pic-text p { display: -webkit-box; font-size: 14px; color: #333333; line-height: 28px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 56px; margin-top: 10px; } .pic-text span { display: block; font-size: 14px; line-height: 28px; color: #333333; } @media screen and (max-width: 1024px) { .pic-text p { font-size: 12px; line-height: 24px; height: 48px; margin-top: 0; } .pic-text span { font-size: 12px; line-height: 24px; } .pic-text h4 { font-size: 16px; } .img-list2>ul>li .pho { width: 128px; } } @media screen and (max-width: 768px) { .img-list2>ul>li .pho { width: 88px; } .pic-text h4 { font-size: 14px; line-height: 32px; } .pic-text { padding-left: 10px; } .pic-text p { line-height: 18px; height: 36px; } .pic-text span { line-height: 18px; } .img-list2>ul>li { padding: 10px; margin-top: 10px; } .img-list2>ul>li .pho img { margin-top: 10px; } } /*新增文章列表*/ .text-list2>ul { overflow: hidden; } .text-list2>ul>li { border-top: 2px solid #113971; background: #f7f5f6; width: 42%; float: left; padding: 20px; margin-bottom: 35px; } .text-list2>ul>li:nth-child(even) { margin-left: 4%; } .text-list2>ul>li>a { display: block; overflow: hidden; } .text-list2>ul>li h4 { font-size: 16px; color: #000; line-height: 36px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-list2>ul>li p { display: -webkit-box; font-size: 14px; line-height: 30px; color: #333333; -webkit-box-orient: vertical; -webkir-line-clamp: 9; overflow: hidden; text-overflow: ellipsis; height: 270px; } .text-list2>ul>li p>span { color: #5c6657; } @media screen and (max-width: 768px) { .text-list2>ul>li h4 { font-size: 14px; } .text-list2>ul>li p { font-size: 12px; line-height: 28px; height: 252px; } } @media screen and (max-width: 640px) { .text-list2>ul>li { float: none; width: auto; } .text-list2>ul>li:last-child { margin-bottom: 0; } .text-list2>ul>li:nth-child(even) { margin-left: 0; } .nymain { padding-bottom: 0; } }