@charset "utf-8"; /* banner閮ㄥ垎 */ .banner-ul ul li a { /* display: block;*/ } .banner-ul ul li a img{ width: 100%; } .banner-ul{ position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; } .banner-ul>a{ display: block; width: 49px; height: 71px; opacity: 0; visibility: hidden; } .banner-pointer{ margin-top: -114px; z-index: 9999; position: relative; } .banner-pointer ul li:hover{ cursor: pointer; } .banner-pointer ul li{ padding: 0 7px; font-size: 16px; color: #fff; text-align: center; line-height: 28px; float: left; } .banner-pointer ul .on{ font-style: oblique; background: #ff8a0c; } /* banner閮ㄥ垎缁撴潫 */ /* 涓讳綋寮€濮 */ .main{background: url(../d-img/main-bg.png) no-repeat center bottom;margin-top: 95px;} /* 宸︿晶 */ .main-left{ width: 283px; margin-top: 10px; } .main-left .sidebar p,.calendar a{ font-size: 20px; color: #fff; line-height: 89px; text-align: center; } .main-left .sidebar span{ font-size: 12px; } .service{ background: url(../d-img/fwdt.png) no-repeat center center; } .service p{ padding-left: 10px; background: url(../d-img/service.png) no-repeat 48px center; } .sidebar-tab{ border: 1px solid #def4fe; } .sidebar-tab .hd ul li{ float: left; width: 50%; text-align: center; font-size: 20px; background-color: #0068b7; line-height: 45px; color: #fff; transition: all .3s; } .sidebar-tab .hd ul li:hover{ cursor:pointer; } .sidebar-tab .hd ul .on{ background-color: #fff; color: #0068b7; } .sidebar-tab .hd ul li .student{ background: url(../d-img/student-on.png) no-repeat 20px center; background-color: #0068b7; } .sidebar-tab .hd ul .on .student{ background: url(../d-img/student.png) no-repeat 20px center; } .sidebar-tab .hd ul li .teacher{ background: url(../d-img/teacher-on.png) no-repeat 20px center; background-color: #0068b7; } .sidebar-tab .hd ul .on .teacher{ background: url(../d-img/teacher.png) no-repeat 20px center; background-color: #fff; } .sidebar-tab .bd ul:hover{ background: #efefef; } .sidebar-tab .bd ul li{ width: 140px; margin: 18px 0; text-align: left; padding-left: 23px; transition: all .3s; } .sidebar-tab .bd ul li a{ position: relative; display: inline-block; font-size: 15px; color: #3b3838; text-align: center; } .sidebar-tab .bd ul li a:hover{ color:#0068b7; } .sidebar-tab .bd ul li a:after{ content: ""; width: 4px; height: 4px; background-color: #dcdcdc; position: absolute; left: -11px; top: 50%; transition: all .2s; margin-top: -2px; } .sidebar-tab .bd ul li:hover a:after{ width: 5px; height: 5px; background-color: #0068b7; position: absolute; left: -12px; top: 50%; margin-top: -3.5px; } .sidebar-tab .bd{ text-align: center; /* padding-bottom: 8px; */ } .sidebar-tab .bd .more{ display: inline-block; color: #0068b7; border: 1px solid #227cc1; font-size: 12px; line-height: 25px; padding: 0 10px; border-radius: 7px; } .calendar{ margin: 13px 0 8px; background: url(../d-img/calendar.png) no-repeat center center; margin-bottom: 0; } .calendar a{ display: block; padding-left: 10px; background: url(../d-img/rl.png) no-repeat 48px center; } .classtime{ background: url(../d-img/classtime.png) no-repeat center center; } .classtime p{ padding-left: 10px; background: url(../d-img/clock.png) no-repeat 45px center; } /* 璇捐〃 */ .class-calendar{ border: 1px solid #7ecef4; border-top: solid #7ecef4 4px; display: none; } #class_time:hover{ cursor: pointer; } .class-calendar .hd ul li{ float: left; font-size: 14px; color: #7c7c7c; width: 33%; line-height: 35px; text-align: center; } .class-calendar .hd ul li:first-child{ width: 34%; } .class-calendar .hd ul .on{ background-color: #7ecef4; color: #fff; } .class-calendar .hd ul li:hover{ cursor: pointer; } .class-calendar .bd ul li { border-bottom: 1px dotted #e1e1e1; width: 92%; margin: 0 auto; background: url(../d-img/kc.png) no-repeat 15px center; padding-left: 30px; } .class-calendar .bd ul li p{ display: inline-block; width: 30%; text-align: center; font-size: 14px; color: #343131; line-height: 34px; } .class-calendar .bd ul li span{ color: #7c7c7c; font-size: 14px; display: inline-block; width: 70%; text-align: center; } .tips{ color: #a2a2a2; font-size: 12px; text-align: center; line-height: 35px; } /* 鏍¤溅鏃跺埢 */ .bus{ background: url(../d-img/bus.png) no-repeat center center; margin-top: 9px; } .bus:hover{ cursor: pointer; } .bus p{ padding-left: 10px; background: url(../d-img/bus-ico.png) no-repeat 45px center; } /* 鍏氬缓宸ヤ綔 */ .paty{ border: 1px solid #ddf4fe; padding: 0 10px; margin-top: 9px; } .paty>p{ font-size: 20px; color: #444444; padding-left: 29px; background: url(../d-img/part.png) no-repeat 0px center; line-height: 52px; } .paty>p>span{ font-size: 14px; line-height: 52px; color: #8a8a8a; } .paty ul li a{ line-height: 48px; border-top: 1px solid #eee; font-size: 14px; color: #8a8a8a; padding-left: 39px; position: relative; } .paty ul li a:after{ content: "+"; font-size: 13px; line-height: 48px; position: absolute; left: 10px; top: 50%; margin-top: -24px; } .paty ul li:hover a{ color: #0068b7; } /* 鍙充晶 */ .main-right{ width: 947px; } .common-title{ font-size: 24px; display: inline-block; padding: 10px 0; padding-right: 75px; } .Dynamic p{background: url(../d-img/Dynamic.png) no-repeat left center;} .notice p{background: url(../d-img/notice.png) no-repeat left center;} .link p{background: url(../d-img/link.png) no-repeat left center;} .common-title p{ font-size: 26px; padding-left: 45px; font-weight: bold; color: #0c51ab; display: inline-block; } .common-title span{ font-weight: bold; font-size: 26px; color: #3f4042; } .common-title i{ font-size: 16px; color: #9f9f9f; font-style: italic; margin-left: 10px; } .title-more{ font-size: 14px; color: #0c51ab; margin-top: 24px; float: right; } /* 鍥剧墖婊氬姩 */ .news-wrapper{ width: 462px; height: 355px; position: relative; box-shadow: 0 0 13px #b5b5b5; } .news-img{ width: 462px; height: 355px; overflow: hidden; } .news-img img{ width: 100%; height: 100%; transition: all .5s; } .news-ul ul li{ position: relative; } .news-ul ul li:hover .news-img img{ transform: scale(1.05); } .news-p{ padding: 14px 0; background: url(../d-img/rgba.png); padding-left: 15px; position: absolute; width: 100%; left: 0; bottom: 0; } .news-p p{ padding-left: 15px; font-size: 15px; color: #fff; line-height: 26px; border-left: 3px solid #ff8a0c; margin-right: 83px; } .news-p span{ float: right; font-size: 12.71px; color: #fefefe; font-weight: 600; line-height: 26px; margin-right: 18px; } .news-control{ position: absolute; bottom: 60px; right: 10px } .news-control ul li{ width: 10px; height: 10px; background: #e5e5e5; border-radius: 50%; display: inline-block; margin: 0 5px; } .news-control ul li:hover{ cursor: pointer; } .news-control ul .on{ background: #ff8a0c; } /* 鏂伴椈鍥剧墖缁撴潫 */ /* 鏂伴椈鍒楄〃寮€濮 */ .news-list{ width: 456px; } .news-list li{ background: #f8f8f8; padding: 9px 7px 6px; margin: 6px 0px; transition: all .2s; } .news-list li:hover{ box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); transform: scale(1) translateY(-3px); border-radius: 5px; } .news-list li a{ display: inline-block; width: 372px; } .time-news{ border:1px solid #0068b7; position: relative; padding: 5px 0 6px; } .time-news:after{ content: ""; width: 2px; height: 6px; background: #0068b7; position: absolute; left: 10px; top: -3px; } .time-news:before{ content: ""; width: 2px; height: 6px; background: #0068b7; position: absolute; right: 10px; top: -3px; } .time-news p{ font-size: 12px; color: #0068b7; text-align: center; padding: 0 6px; line-height: 22px; } .time-news span{ font-size: 20px; color: #0068b7; text-align: center; display: block; font-style: italic; } .news-list-title p{ font-size: 15px; color: #504f4f; width: 354px; font-weight: 600; margin-top: 9px; } .news-list-title span{ font-size: 13px; color: #868585; display: block; text-indent: 2em; width: 360px; margin: 5px 0px 0 10px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; } /* 鏂伴椈鍒楄〃缁撴潫 *.news-list-title / /* 閫氱煡鍏憡寮€濮 */ .slideTxtBox{ position: relative; transition: all .5s; } .slideTxtBox .hd{ position: absolute; top: -50px; left: 244px; } .slideTxtBox .hd ul li:hover{ cursor: pointer; transform: scale(1) translateY(-2px); box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5); } .slideTxtBox .hd ul li{ margin: 0 2px; background: #7ecef4; font-size: 16px; color: #fff; width: 89px; height: 32px; text-align: center; line-height: 32px; float: left; transition: all .5s; } .slideTxtBox .hd ul .on{ background: #0a7ebf; } /* .slideTxtBox .bd{ min-height:390px; } .slideTxtBox .bd ul li{ width: 48%; float: left; margin: 5px 1%; padding: 13px 0 13px 5px; transition: all .3s; } .slideTxtBox .bd ul li:hover{ transform: scale(1) translateY(-3px); box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5); } .slideTxtBox .bd ul li a{ float: left; width: 341px; height: 42px; margin-left: 15px; font-size: 16px; color: #474747; } .slideTxtBox .bd ul li span{ float: left; color: #fff; text-align: center; line-height: 42px; font-size: 24px; background: url(../d-img/tab-bg.png) no-repeat center center; background-color: #0068b7; padding: 0 13px; transition: all .5s; } .slideTxtBox .bd ul li:hover span{ background-color: #ff8a0c; } */ .slideTxtBox .bd ul{ height: 410px; overflow: hidden; margin-top: 10px; } .slideTxtBox .bd>ul>li{ background: #f8f8f8; padding: 9px 7px 6px; margin: 10px 0px; transition: all .2s; width: 48%; float: left; } .slideTxtBox .bd>ul>li:nth-child(even){ xmargin-right: 2%; } .slideTxtBox .bd>ul>li:hover{ box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5); transform: scale(1) translateY(-3px); border-radius: 5px; } .slideTxtBox .bd>ul>li>a{ display: inline-block; width: 372px; } .slideTxtBox .bd>ul>li>a{ margin-left: 12px; font-size: 15px; color: #504f4f; width: 360px; font-weight: 600; } .slideTxtBox .bd>ul>li>span{ font-size: 13px; color: #868585; display: block; text-indent: 2em; width: 360px; margin: 5px 0px 0 10px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; } /* 閫氱煡鍏憡缁撴潫 */ /* 甯哥敤閾炬帴寮€濮 */ .link-line{ position: relative; } .link-line:after{ content: ""; height: 1px; width: 70%; background: #eee; position: absolute; top: 34px; left: 23%; } .link-list{ padding: 30px 0; } .link-list ul li{ float: left; padding-left: 18px; background: url(../d-img/link-icon.png) no-repeat left center; margin: 0 13px; } .link-list ul li:hover{ background: url(../d-img/link-icon-on.png) no-repeat left center; } .link-list ul li a { color: #1b1b1b; } /* 甯哥敤閾炬帴缁撴潫 */ .showUl{ width: 477px; background: #f3f3f3; z-index: 2; position: relative; border: 1px solid #7ecef4; } #link2{ position: absolute; left: 100%; width: 135px; z-index: 2; height: 164px; background: #efefef; display: none; } /* 涓讳綋缁撴潫 */ .h380{ height: 346.89px; } /* 鏂板 */ .w48{width: 48%;} .gzzd{ background: url(../d-img/gzzd.png) no-repeat left center; } .gzzd p{ padding-left: 32px;; } .gzzd_ul{margin: 5px 0;} .gzzd_ul li{ position: relative; padding-left: 15px; transition: all .3s; } .gzzd_ul li:hover{ transform: translateY(-3px); } .gzzd_ul li:after{ content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #dcdcdc; border-radius: 50%; transition: all .3s; } .gzzd_ul li:hover:after{ background: #0068b7; } .gzzd_ul li a{ font-size: 15px; color: #434343; margin-right: 50px; line-height: 50px; } .gzzd_ul li span{ float: right; line-height: 50px; font-size: 15px; } .down_ul{ } .down>p{ background: url(../d-img/dowm.png) no-repeat left center; padding-left: 28px; } .down_ul li{ margin: 5px 1%; padding: 10px 0 10px 5px; transition: all .3s; } .down_ul li:hover{ transform: scale(1) translateY(-3px); box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5); } .down_ul li:hover span{ background-color: #ff8a0c; } .down_ul li span{ float: right; color: #fff; text-align: center; line-height: 35px; font-size: 15px; background: url(../d-img/tab-bg.png) no-repeat center center; background-color: #0068b7; padding: 0 13px; transition: all .5s; margin-right: 8px; } .down_ul li a{ float: left; width: 335px; line-height: 35px; margin-left: 15px; font-size: 16px; color: #474747; position: relative; } .down_ul li a:after{ content:""; width:5px; height:5px; background:#ccc; position:absolute; left:-10px; top:50%; margin-top:-2.5px; } .down_ul li:hover a:after{ background: #3b6fb9; }