body{ background:#f2f2f2;} ul, ol { padding: 0; margin: 0; } li { list-style-type: none; } a { color: #016436; text-decoration: none; } .index-sec { background: #fff; } .index-sec > div { position: relative; } .index-sec h1, .index-sec h2 { font-size: 24px; position: relative; text-align: center; margin: 60px auto 35px; } .index-sec h1:after, .index-sec h2:after { content: ''; position: absolute; background: #efefef; height: 1px; left: 0; right: 0; top: 13px; } .index-sec h1 strong, .index-sec h2 strong { font-weight: normal; padding: 0 20px; background: #fff; position: relative; z-index: 1; } @media (max-width: 767px) { .index-sec h1, .index-sec h2 { margin: 30px 15px; } } @media (max-width: 480px) { .index-sec h1, .index-sec h2 { margin: 20px 10px; } } .index-sec .sec-more { text-align: right; margin-bottom: 20px; } @media (max-width: 767px) { .index-sec .sec-more { margin-bottom: 10px; } } .index-sec .sec-more a { font-size: 12px; border: 1px solid #016436; border-radius: 15px; padding: 4px 11px; display: inline-block; } .index-sec .sec-more a:hover { border-color: #016436; } .index-sec .carousel-control { font-size: 30px; top: 42px; width: 35px; height: 48px; line-height: 48px; top: 50%; margin-top: -24px; background: #f0f0f0; color: #aaa; text-shadow: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: none; } .index-sec .carousel-control:hover { opacity: 1; filter: alpha(opacity=100); } .index-sec .carousel:hover .carousel-control { display: block; } .home-case { background: #f6f6f6; } .home-case h2 strong { background: #f6f6f6; } .home-case .item { margin: 0 -4px; } .home-case .item > li { padding: 0 4px; position: relative; margin-bottom: 20px; } .home-case .item > li a { display: block; overflow: hidden; } .home-case .item > li img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .home-case .item > li img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .home-case .item .bottom { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; color: #fff; padding-bottom: 5px; margin: 0 5px; background: #000\9; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01)); background-image: linear, bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.01); } .home-case .item .bottom h3 { font-size: 16px; text-align: center; line-height: 23px; } .home-case .item .bottom p { padding: 0 10px; } .home-case .item .bottom p span { display: inline-block; width: 50%; float: left; } .home-case .carousel-control { height: 80px; line-height: 80px; margin-top: -50px; color: #444; } @media (max-width: 767px) { .home-case .item .bottom { padding: 0 5px; } .home-case .item .bottom h3 { margin: 0; font-size: 14px; height: 40px; line-height: 20px; text-align: left; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .home-news .classroom-list { margin: 0 -13px; } .home-news .classroom-list > li { padding: 0 13px; margin-bottom: 20px; } .home-news .classroom-list > li:hover .layer { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .home-news .pic { position: relative; } .home-news .pic img { width: 100%; } .home-news .info { padding: 0 14px; border: 1px solid #f0f0f0; } .home-news .info h3 { font-size: 14px; color: #444; margin: 13px 0; } .home-news .info p { color: #666; font-size: 12px; height: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home-news .info a { width: 100%; display: block; margin-bottom: 15px; padding: 8px 0; border-radius: 4px; } .home-news .layer { padding: 30px 50px; background: #040404; background: rgba(4, 4, 4, 0.7); color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .home-news .layer span { color: #016436; } .home-news .layer i { margin-right: 10px; } .home-news .layer li { margin-bottom: 3px; } .home-news .dynamic { margin-bottom: 20px; padding: 20px; border: 1px solid #f0f0f0; } .home-news .dynamic h4 { margin: 0 0 20px 0; } .home-news .dynamic h4:after { height: 16px; } .home-news .dynamic .swiper-slide { width: 100%; } .home-news .dynamic .col-md-6 { padding: 0 13px; padding-left: 50px; padding-right: 80px; line-height: 23px; } .home-news .dynamic .col-md-6 p { height: 46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home-news .dynamic .col-md-6 .avatar-ss { position: absolute; top: 0; left: 20px; } .home-news .dynamic .time { color: #999; position: absolute; right: 30px; top: 0; } .home-index .sec-more { margin-bottom: 0; } .home-index ul { margin-bottom: 25px; position: relative; text-align: center; } .home-index ul li { margin: 0 10px; border-radius: 2px; display: inline-block; } @media (max-width: 767px) { .home-index ul li { padding: 4px 8px; margin: 0 4px 5px; } } .home-index ul li:hover { background: #016436; color: #fff; } @media (max-width: 1200px) { .home-index .course-item { margin-bottom: 10px; } } .home-index .course-item:hover { box-shadow: none; } .home-index .course-item .course-img img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .home-index .course-item .course-img:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .course .course-item .course-img img { width: 100%; height: auto } .course .course-item .course-img { position: relative; overflow: hidden } .course .course-item { -webkit-box-shadow: 0 1px 2px rgba(197,197,197,0.4); -moz-box-shadow: 0 1px 2px rgba(197,197,197,0.4); box-shadow: 0 1px 2px rgba(197,197,197,0.4); border: 1px solid #eee\9; border-bottom: 1px solid #f7faf9; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .course .course-item:hover { box-shadow: 0 3px 6px rgba(220,220,220,0.6) } .home-index .course-item { margin-bottom:0; box-shadow: none; border: none; } .home-index .course-item:hover{ box-shadow: none;} .home-index .course-item .course-info { padding: 12px 6px; } .home-index .course-item .course-info .title { height: 20px; } .home-index .course-item .course-info .teacher a { color: #999; } .home-index .course-item .course-info .teacher a:hover { color: #016436; } @media (max-width: 991px) { .home-index .row { margin: 0 -5px; } .home-index .row > div { padding: 0 5px; } .home-index .course-item { margin-bottom: 0; } .home-index .course-item .course-info { padding: 7px 6px 8px 6px; } } @media (max-width: 767px) { .home-index .row .two .course-item, .home-index .row .speical { width: 100%!important; padding: 0!important; } .home-index .row .course-item { width: 50%; float: left; padding: 0 5px; margin-bottom: 10px; } } .banner { position: relative; height: auto } .banner:hover .swiper-button-next, .banner:hover .swiper-button-prev { opacity: .8; filter: alpha(opacity=80) } .banner .swiper-slide { background-position: center center; height: 420px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .banner .swiper-slide>a { display: block; width: 100%; height: 100% } @media (max-width:1200px) { .banner .swiper-slide { height: 350px } } @media (max-width:992px) { .banner .swiper-slide { height: 265px; background-position-x: -170px } } @media (max-width:480px) { .banner .swiper-slide { background-position-x: -140px; height: 180px } } .nbanner { position: relative; height: auto; } .nbanner .nslider { background-position: center center; height: 240px; width: 100%; background:url(../images/nbanner.jpg) center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .banner .swiper-button-prev { left: 10px } .banner .swiper-button-next { right: 10px } .banner .swiper-button-next, .banner .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 86px; margin-top: -43px; z-index: 10; cursor: pointer; font-size: 86px; color: #fff; text-align: top; opacity: 0; filter: alpha(opacity=0); background:none; } .banner .swiper-button-next i, .banner .swiper-button-prev i { display: block } .banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { opacity: 1; filter: alpha(opacity=100) } @media (max-width:767px) { .banner .swiper-button-next, .banner .swiper-button-prev { opacity: .8; filter: alpha(opacity=80) } } .topmenu.navbar-nav>li>a { padding: 30px 25px; font-size: 16px; } @media (max-width:1200px) { .topmenu.navbar-nav>li>a { padding: 30px 15px } } @media (max-width:767px) { .topmenu.navbar-nav>li>a { padding: 15px 10px } } @media (max-width:767px) { .topmenu { margin: 0 } .topmenu .nav-hover>ul { display: none } } .topmenu .dropdown:hover .dropdown-menu { display: block } .topmenu .dropdown-menu { min-width: 265px; padding: 5px } .topmenu .dropdown-menu li { min-width: 85px; float: left } .topmenu .dropdown-menu li a { text-align: center; padding: 10px 0 } @media (max-width:767px) { .navbar-header { margin: 0 !important } .navbar-collapse { position: absolute; z-index: 999; background: #fff; top: 66px } } .header { background: #fff; box-shadow: 1.5px 2.598px 9px 0 rgba(0,0,0,0.054); position: relative } @media (max-width:992px) { .header>div { width: 100% } } .header .navbar-brand { display: block; height: 80px; padding: 15px 10px; max-width: 168px } @media (max-width:767px) { .header .navbar-brand { position: absolute; left: 50%; top: 0; margin-left: -50px; padding: 10px 0; height: 66px } } .header .navbar-brand img { height: 100%; width: auto } .btn.btn-primary { color: #fff !important; background: #016436; border: 1px solid #016436 } .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { background: #1a9d60 !important; border: 1px solid #1a9d60; } .footer { padding: 35px 0; background: #7b7b7b; color: #fff; line-height: 52px } .footer>div { text-align: center } .footer>div a { color: #fff; display: inline-block } .fixed-bar { position: fixed; right: 10px; z-index: 1000; bottom: 10px; display: none; } .fixed-bar li { height: 52px; width: 52px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .fixed-bar a { display: block } .fixed-bar .fixed-bar-text { display: none; color: #fff; padding: 5px 10px; background: #016436 } .fixed-bar .go-top .top-icon { font-size: 35px } .fixed-bar .go-top .top-icon { width: 100%; height: 100%; cursor: pointer; line-height: 50px; text-align: center; display: block; font-size: 20px; color: #999; } .fixed-bar li .fixed-bar-icon:hover { background: #016436 } .fixed-bar li .fixed-bar-icon:hover i { color: #fff } .fixed-bar li:hover { border-color: #016436 } .fixed-bar li:hover .fixed-bar-text { display: block } .fixed-bar li:hover .fixed-bar-icon { display: none } .navbar-toggle { float: left; margin: 16px 0 16px 0; padding: 9px 6px; background: #016436 } .navbar-toggle>span { background: #fff } .bd1{ border-left:1px dotted #CCC; border-right:1px dotted #CCC;} .home-all img { width: 100%; } .home-all dl dt { line-height: 50px; padding: 10px 0 0 5px; color: #333333; font-size: 26px; font-weight: bold; } .home-all dl dd { line-height: 22px; color: #666666; min-height: 130px; overflow: hidden; } .home-all p a { color: #016436; line-height: 35px; } .nbox{ margin:40px auto;} .ncontent{ padding:20px 0;} .wtbg{background-color: #fff;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);} .contentbox{ line-height:200%; padding:15px; min-height:400px;} .contentbox p{ margin:0;} .breadcrumb{ padding-left:10px; margin-bottom:0;border-bottom: 1px solid #eee;} .color-green{ color:#016436; padding:0 4px; font-size:18px;} .tbsty td,tr{ padding:5px;} .tbsty input,textarea{ width:100%; border-radius: 5px; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; padding-left:10px;} .newslist{ width:100%; display:block;} .newslist ul li{padding-top: 6px;padding-bottom: 6px;font-size: 14px;padding-left: 0;border-bottom: 1px dashed #ccc;padding-left: 10px;background: url(../images/ico-jt.png) no-repeat center left;} .newslist ul li span{ float:right; color:#999;} .newcontent_end{ width:100%;padding:10px 0;} .newcontent h3 { font-size:16px; font-weight:bold; text-align:center;} .new_info{ text-align:center;border-bottom:1px #DDD dotted;border-top:1px #DDD dotted;} .new-nr{ margin-top:15px;} .detail-bt {padding: 20px 0px;width:100%; margin:0 auto;} .upnext{float: left;display: inline;} .backnew{float: right; display: inline;} .backnew a {display: inline-block;width: 80px;height: 48px;background: #85c226;color: #fff;text-align: center;font-size: 14px;line-height: 48px;font-family: "微软雅黑";} .piclist{ width:100%;} .piclist img{ width:100%;max-height: 260px;} .piclist p{ text-align:center; line-height:200%;} .pl20{ padding-left:30px;} a.list-group-item:hover{ background-color: #46c37b; border-color: #46c37b; color:#fff;}