a{ cursor: pointer;} .ny-main { padding-top: 30px; } .head { background: url(../images/head-bg.png) no-repeat right center; padding-top: 25px; padding-bottom: 23px; overflow: hidden; } .ny-main::after { content: ""; display: block; height: 0; clear: both; } .ny-left { float: left; width: 240px; position: relative; background: url(../images/ny-l-bg.png) no-repeat center bottom; background-size: 100% 100%; } .ny-right { overflow: hidden; padding-left: 50px; } .ny-topic { width: 240px; text-align: center; background-color: rgba(6, 131, 88, 0.9); } .ny-topic>h2 { font-size: 22px; font-weight: normal; line-height: 50px; color: #ffffff; font-weight: bold; } .clear { clear: both; } .ny-left a { display: block; } .ny-left>ul { padding: 10px; min-height: 580px; } .ny-left>ul>li { line-height: 50px; position: relative; } .ny-left>ul>li>a { font-size: 16px; color: #033333; position: relative; border-bottom: 1px dotted #bcd3c3; padding-left: 60px; } .ny-left>ul>li>a:after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 24px; background-color: #068358; display: none; } .ny-left>ul>li:hover>a:after,.ny-left>ul>li.active>a:after{ display: block; } .ny-left>ul>li>span { width: 30px; height: 30px; position: absolute; right: 20px; top: 10px; cursor: pointer; background: url("../images/ny-nav.png") no-repeat center center; } .ny-left>ul>li>ul { margin-top: 15px; display: none; } .ny-left>ul>li.active>ul{ display: block;} .ny-left>ul>li>ul>li { position: relative; padding-left: 65px; } .ny-left>ul>li>ul>li>ul { display: none; } .ny-left>ul>li>ul>li>a { line-height: 30px; font-size: 14px; padding-left: 15px; color: #333; position: relative; background: url(../images/xx.png) no-repeat left center; } .ny-left>ul>li>ul>li:hover>a { color: #068358; background: url(../images/xx-other.png) no-repeat left center; } .ny-left>ul>.on>a { background-color: #e1eee9; color: #068358; font-weight: bold; } .ny-left>ul>li:hover>a { background-color: #e1eee9; color: #068358; font-weight: bold; } .ny-main .ny-left>ul>li.on>span { transform: rotate(90deg); } .ny-main .ny-left>ul>li>ul>li.on1>span { transform: rotate(90deg); } .ny-left>ul>li>ul>li>ul>li>a { line-height: 40px; padding-left: 60px; font-size: 16px; color: #666666; position: relative; } .ny-left>ul>li>ul>li>ul>li:hover>a { color: #000; } .ny-left>ul>li>.on1>a { background-color: #e9f5ff; color: #068358; } .ny-title { line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } .ny-title h2 { width: 140px; text-align: left; position: relative; float: left; font-size: 20px; color: #000; } .ny-title h2:after { content: ''; position: absolute; bottom: -12px; left: 0; width: 100px; height: 4px; background-color: #068358; } .ny-title .position { float: right; } .ny-title a { font-size: 14px; color: #999; } .ny-title .position span { font-size: 14px; color: #999; } .ny-title a:hover { color: #068358; } .pagination { margin-top: 40px; text-align: center; margin-bottom: 45px; } .pagination a { display: inline-block; padding: 0 11px; font-size: 14px; line-height: 26px; text-align: center; color: #333333; } .pagination a p { display: inline-block; vertical-align: middle; width: 24px; height: 24px; border: 1px solid #cccccc; } /* 列表页 */ .text-list { margin-top: 20px; } .text-list>li { line-height: 50px; border-bottom: 1px dotted #dce9e0; } .text-list>li:last-child { border: none; } .text-list>li>a { display: block; position: relative; } .text-list>li>a>p { font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 30px; padding-right: 100px; background: url("../images/list.png") no-repeat left center; } .text-list>li>a>span { font-size: 15px; color: #6b9e8c; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .text-list>li:hover p { color: #068358; } /* 内容页 */ .text-t { margin-top: 25px; margin-bottom: 15px; padding-bottom: 10px; text-align: center; border-bottom: 1px dotted #d8e6dc; } .text-t>h4 { font-size: 24px; font-weight: normal; color: #333333; margin-bottom: 25px; } .text-t>p>span { font-size: 15px; color: #999999; margin: 0 25px; } .text-b>p { font-size: 16px; line-height: 30px; color: #333333; margin-bottom: 35px; text-indent: 32px; } .text-img>img { display: block; width: 100%; max-width: 597px; margin: auto; } .text-img { margin-bottom: 20px !important; } .paging { padding: 17px 0; border-top: 1px dotted #dae7de; } .paging>a { padding-left: 20px; display: block; line-height: 40px; background: url(../images/wz.png) no-repeat left center; } .paging>a>span { font-size: 16px; color: #068358; font-weight: 600; } .paging>a>p { display: inline-block; font-size: 16px; color: #333333; } .paging>a:hover p { color: #068358; } /* 师资列表 */ .sz { margin-top: 15px; margin-bottom: 20px; } .sz-list>h2 { padding-left: 20px; font-size: 20px; font-weight: bold; line-height: 50px; color: #068358; background-color: #f3faff; border-left: 3px solid #068358; } .sz-list>ul { overflow: hidden; margin: 15px 0; } .sz-list>ul>li { line-height: 46px; text-align: center; width: 200px; float: left; cursor: pointer; margin-top: 10px; margin-right: 35px; background: url("../images/sz-list.png") no-repeat 20%; } .sz-list>ul>li span a{color:#333;} .sz-list>ul>li:hover span a{color:#fff;} .sz-list>ul>li:hover { color: #ffffff; background: #068358 url("../images/sz-list1.png") no-repeat 20%; } /* 师资内容 */ .sz-con { margin-top: 30px; } .sz-con-t { overflow: hidden; } .sz-con-b { padding-bottom: 50px; } .sz-l { float: left; padding-left: 15px; } .sz-r { overflow: hidden; padding-left: 40px; padding-top: 22.5px; padding-bottom: 22.5px; } .sz-r h4 { display: inline-block; font-size: 18px; font-weight: 600; color: #333333; } .sz-r span { font-size: 18px; color: #333333; } .sz-r>div { line-height: 42px; } .sz-indue { margin-top: 30px; } .sz-indue>h3 { font-size: 20px; font-weight: 600; line-height: 30px; color: #333333; } .sz-indue>p { margin-top: 30px; font-size: 16px; line-height: 30px; color: #333333; } /* 图片列表 */ .img-list>li { padding: 26px 0; border-bottom: 1px dashed #cccccc; } .img-list>li>a { display: block; overflow: hidden; } .img-list>li>a .pic { /* padding-top: 75%; */ } .img-con-l { float: left; } .img-con-l img { display: block; } .img-con-r { overflow: hidden; padding: 12px 0 12px 30px; } .img-con-r>h2 { font-size: 18px; line-height: 30px; color: #333333; } .img-con-r>p { font-size: 14px; line-height: 24px; color: #999999; margin: 17px 0; } .img-con-r>span { font-size: 14px; line-height: 24px; color: #999999; padding-left: 30px; background: url("../images/rl.png") no-repeat left center; } .img-list>li:hover a { background-color: #068358; } .img-list>li:hover a h2, .img-list>li:hover a p { color: #ffffff; } .img-list>li:hover a span { background: url("../images/rl-hover.png") no-repeat left center; color: #ffffff; } .img-list>li:last-child { border: none; } .text-con a{color:#333;} .text-con a:hover{color:#068358;} .ny-left .curr a{color:#068358;} .bsdt li{ float: left; width: 30%; height: 85px; margin-top: 20px; box-sizing: border-box; border: 1px solid #b2cbc2; padding: 10px 30px 5px 10px; transition: all .3s; } .bsdt li a{display:block;} .bsdt li a .icon{ position: relative; float: left; width: 47px; height: 66px; background: url(../images/icon-bg.png) no-repeat center center; } .bsdt{ overflow:hidden; margin:20px 0; } .bsdt li a .text { overflow: hidden; padding-left: 15px; padding-top: 15px; } .bsdt li:hover{background-color: #068358;} .bsdt li:hover .text p{color:#fff;} .bsdt li:hover .icon{background: url(../images/icon-bg-other.png) no-repeat center center;} .bsdt li a .icon .tb{ position: absolute; left: 50%; transform: translateX(-50%); width: 37px; height: 41px; top: 5px; background: url(../images/tb-bg.png) no-repeat center center; } .bsdt li a .icon .tb img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .bsdt li a .text p{ font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bsdt li:nth-child(3n-1){ margin-left:5%; margin-right:5%; }