body { color: #333; font-size: 14px; font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; } .slick-slider{ touch-action:auto; } .img-hide{ overflow:hidden; display: block; } .img-hide img{ transition: 0.5s all; transform: scale(1,1); } .img-hide:hover img{ transform: scale(1.05,1.05); } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover,a{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } p{ margin:0; } audio, canvas, progress, video{ display: block; } img{ max-width:100%; display: inline-block; vertical-align: middle;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} .container{ width: 1310px; } .header{ padding:20px 0; height:300px; background: url(../images/header.png) top left repeat-x; position: fixed; left: 0; top: 0; width: 100%; z-index: 10000; } .header-a{ line-height: 36px; } .header-a span{ font-size: 12px; color: #fff; opacity: 0.4; padding:0 15px; } .header-a a{ color: #fff; } .search-box{ position: relative; margin-left: 30px; width: 240px; } .search-box .form-control{background: none;box-shadow: none;color: #fff;border-radius: 36px;height: 36px;width: 100%;border:solid 1px #fff;padding-right: 40px;} .btn-ss{ position: absolute; right: 10px; top: 0; bottom: 0; background: url(../images/icon01.png) center no-repeat!important; width: 22px; } .nav-list li{ float: left; margin-top: 25px; position: relative; } .nav-list li a{font-size:18px;color: #fff;padd;padding: 0 37px;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;} .nav-list li a:hover,.header-a a:hover{ text-decoration: underline!important; } .nav-down{ position: absolute; left: 0; padding-top: 10px; top: 100%; white-space: nowrap; } .nav-down li{ float: none; margin:0!important; width: 100%!important; transition: 0.3s all; height: 0; background: #fff; overflow:hidden; } .nav-down li a{ display: block; line-height: 40px; font-size:15px; padding:0 15px!important; min-width: 140px; height: 40px; color: #333!important; } .nav-list li:hover .nav-down li{ height: 40px; } .nav-down li a:hover{ background: #00398f; color:#fff!important; } .banner .slick-dots{ bottom: 50px; } .banner .slick-dots li{ width:13px; height: 13px; border-radius: 50%; background: #fff; margin:0 10px; } .banner .slick-dots li button{ background: #fff; width:13px; height: 13px;} .banner .slick-dots li button:before{ background: #00398f; width:13px; height: 13px; } .banner .slick-dots li.slick-active button:before{ background: #00398f; width:13px; height: 13px;opacity:1} .banner .slick-prev{ width: 30px; height: 56px; background: url(../images/left.png) center no-repeat; z-index: 1000; left: 50px; margin-top: -28px; } .banner .slick-next{ width: 30px; height: 56px; background: url(../images/right.png) center no-repeat; right: 50px; margin-top: -28px; } .slick-prev:before,.slick-next:before{ display: none; } .banner{ margin:0; } .title{ font-size: 30px; color: #323232; margin-top: 60px; margin-bottom: 25px; position: relative; } .page-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; padding-bottom: 30px; } .title span{ position: relative;} .title span i{ display: inline-block; margin-right: 10px; } .title a{ position: absolute; right: 0; top: 50%; font-size: 14px; color: #999; font-size: 14px; margin-top: -10px; } .news-list li{ float: left; width: 50%; padding:0 15px; } .news-list-img a{ display: block; position: relative; padding-top: 66%; } .news-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .news-list-bottom{ background: #fff; padding:30px; height: 185px; position: relative; } .news-list-tt a{ font-size: 16px; color: #323232; } .news-list-tt{line-height: 25px;height: 50px;overflow: hidden;text-overflow: ellipsis;} .news-lind{ width: 30px; border-top: solid 1px #154ca4; margin:12px 0 10px 0; } .news-list-p{ font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow:hidden; } .news-date{ position: absolute; line-height: 20px; padding-top: 10px; width: 60px; background: rgba(21,76,164,0.8); left: 30px; top: -40px; color: #fff; font-size: 12px; } .news-date span{ font-size: 36px; } .news-right li a{ display: block; padding-right: 30px; padding-top: 15px; background: #fff; height: 80px; position: relative; padding-left: 96px; } .news-right-date{ position: absolute; line-height: 20px; padding-top: 10px; width: 80px; left: 0px; top: 10px; color: #999; font-size: 12px; } .news-right-date span{ font-size: 36px; } .news-right li a:before{ display: block; content: ""; position: absolute; left: 80px; top: 12px; bottom: 12px; border-right: solid 1px #efefef; } .news-right-tt{ font-size: 16px; color: #323232; line-height: 25px; height: 50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-right li{ margin-bottom: 13px; } .tabs-ul li{ display: inline-block; margin-bottom: 50px; margin-top: 47px; margin-left: 20px; margin-right: 20px; } .tabs-ul li a{ font-size: 30px; color: #999; position: relative; padding-left: 52px; } .tabs-ul li a.tabs01{ background: url(../images/tabs01.png) left center no-repeat; } .tabs-ul li a.tabs02{ background: url(../images/tabs02.png) left center no-repeat; } .tabs-ul li.active a.tabs01{ background: url(../images/tabs01-1.png) left center no-repeat; } .tabs-ul li.active a.tabs02{ background: url(../images/tabs02-1.png) left center no-repeat; } .tabs-ul li.active a{ color: #154ca4; } .tabs-news li{ float: left; padding:0 15px; margin-bottom: 30px; width: 33.333333%; } .tabs-news { margin:0 -15px; } .tabs-news li a{ display: block; background: #fff; border:solid 1px #ddd; position: relative; padding:20px 30px; height: 132px; } .tabs-date{ font-size: 12px; color: #999; padding-left: 35px; background: url(../images/icon-date.png) left center no-repeat; } .tabs-date span{ font-size: 24px; color: #323232; font-weight: bold; } .tabs-tt{ font-size: 18px; color: #404040; line-height: 27px; height: 54px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 8px;} .tabs-news li a:before{ display: block; content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../images/add.png) center no-repeat; } .yj-back{ position: relative; padding-bottom: 50px; } .yj-back:before{display: block;content: "";position: absolute;left: 0;top: 0;bottom: 0;z-index: 10;width: 50%;background: url(../images/back-l.png) center no-repeat;background-size: cover;} .yj-back:after{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: url(../images/wslt.png) center no-repeat; background-size: cover;} .yj-back .container{ position: relative; z-index: 1000; } .yj-back .title{ color: #fff; } .yj-txt{ color: #fff; line-height: 25px; text-indent: 2em; } .yj-title{ font-size: 24px; color: #fff; padding-left: 48px; position: relative; margin-top: 55px; margin-bottom: 30px;} .yj-title:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 34px; border-top: solid 1px #fff; } .yj-list li{ float: left; width: 50%; height: 45px; font-size: 16px; color: #fff; padding-left: 30px; background: url(../images/li01.png) left 5px no-repeat; } .img-list li a{ display: block; position: relative; padding-top: 65%; } .img-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .img-list li a span{ position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/txt-mask.png) center no-repeat; height: 132px; padding:100px 10px 0 10px; color: #fff; text-align: center; font-size: 16px; } .img-list li{ margin-bottom: 27px; } .img-center{position: relative;overflow:hidden;padding-top: 120%;} .img-center-bottom{position: absolute;left: 20px;right: 20px;bottom: 27px;background: rgba(255,255,255,0.85);/* height: 222px; *//* padding: 25px 30px; */} .img-center-b{position: absolute;left: 0;top: 0;width: 100%;min-height: 100px;} .img-center-tt a{ font-size: 16px; color: #323232; } .img-center-tt{line-height: 23px;height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .date-c{ font-size: 12px; color: #999; padding-left: 20px; background: url(../images/icon-date02.png) left center no-repeat; margin:10px 0; } .img-p{ font-size: 12px; color: #999; line-height: 20px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .footer{ background: #154ca4; margin-top: 30px; } .footer-top{ font-size: 14px; color: #fff; padding:15px 0; border-bottom: solid 1px #4470b6; } .footer-top a{ color: #fff; } .footer-top span{ display: inline-block; padding:0 20px; } .footer-bottom{ font-size: 14px; color: #fff; padding:15px 0; } .header.active{ background: #154ca4; height:140px; } .nav-click{ display: none; } .menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;} .menu-button .bar:nth-of-type(1) { margin-top: 0px;} .menu-button .bar:nth-of-type(3) { margin-bottom: 0px;} .bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross{ margin-top: -8px; } .cross .bar{ margin:13px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);} .cross .bar:nth-of-type(2) { opacity: 0;} .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);} .phone-a{ display: none; } .tab-content{ position: relative; } .tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; } .tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); } .more-pc{ position: absolute; right: 0; top: -75px; color: #999; } /***************list*************/ .list-banner img{ width: 100%; } .list-banner{ margin-bottom: 25px; } .list-left{ width: 250px; } .list-left-top{ height: 75px; line-height: 75px; background: #0f4791; text-align: center; font-size: 20px; color: #fff; font-weight: bold; } .cd-accordion-menu label{ transition: 0.3s all; } .cd-accordion-menu label { display: block; background: #00409a; border-bottom: 1px #fff solid; color: #181818; transition: 0.3s all; font-size: 14px; font-weight: bold; font-weight: normal; margin:0; position: relative; cursor: pointer; } .cd-accordion-menu ul { display: none; } .cd-accordion-menu label a{ font-size: 16px; color: #333; padding-left: 25px; text-align: left; border-left: solid 3px #f7f8fa; height: 55px; line-height: 55px; background: #f7f8fa; display: block; } .cd-accordion-menu ul label { display: block; background: #f7f8fa; color: #181818; font-weight: normal; margin-bottom: 2px; } .cd-accordion-menu ul label a{font-size: 12px;} .cd-accordion-menu ul ul label { color: #808080; text-decoration: none; padding-left: 0px; } .cd-accordion-menu ul ul label a { font-size: 14px; } .cd-accordion-menu label.active a,.cd-accordion-menu label a:hover { color: #0f4791; background: #f3f3f3; border-color: #0f4791; } .right-box{ width: 1000px; } .right-box-top{ border-bottom: solid 1px #ddd; margin-bottom: 30px; } .right-top-tt{ border-bottom: solid 3px #0f4791; padding:0 10px 10px 10px; font-size: 20px; color: #333; font-weight: bold; } .nav-b{ color: #8d8d8d; padding-top: 5px; } .nav-b a{ color: #8d8d8d; } .news-ul li{ line-height: 55px; position: relative; border-bottom: dashed 1px #ddd; font-size: 15px; color: #404040; padding-right: 120px; } .news-ul li span{ position: absolute; right: 0; } .news-ul li a{ font-size: 15px; color: #404040; } .news-ul{ margin-top: -10px; } .page-box{ margin:60px 0 40px 0; } /*********************师资队伍**********************/ .teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0; } .teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px; } .tt-xs{ font-size: 16px; color: #333; padding-left: 15px; margin-bottom: 15px; font-weight: bold; } .name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px; } .name-list{ margin:0 -6px 20px 9px; } .name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px; } .xq-img img{ width: 120px; height: 166px; } .xq-right{ margin-left: 190px; font-size: 16px; color: #333; } .xq-box{ background: #f5f5f5; padding:30px; min-height: 226px; position: relative; } .xq-right-lg{ width: 385px; padding-right: 15px; height: 40px; } .xq-right-xs{ width: 310px; height: 40px; } .xq-img{ position: absolute; left: 30px; top: 30px; } .xq-p p{font-size: 16px;color: #333;text-indent: 2em;text-align: justify;line-height: 30px;margin-bottom: 10px;} .xq-p{ padding-top: 40px; } .tabs-name li{ float: left; width: 3.75%; margin-bottom: 10px; } .tabs-name li a{ display: block; line-height: 36px; font-size: 18px; color: #333; } .tabs-name li.active a,.tabs-name li a:hover{ background: #0f4791; color: #fff; } .tabs-name li:nth-child(1){ width: 6%; } .tabs-name{ margin-bottom: 20px; } .xz-list li{ float: left; width: 50%; padding:0 15px; margin-bottom: 30px; } .xz-list{ margin:0 -15px; } .xz-list-box{ background: #f5f5f5; padding:20px; height: 180px; display: block; } .xz-list-img img{ width: 100px; height: 140px; } .xz-list-right{ margin-left: 125px; } .xz-list-name{ color: #333; } .xz-list-name span{ font-size: 16px; color: #0f4791; font-weight: bold; padding-right: 15px; } .xz-list-p p{ color: #333; margin-top: 15px; } /***********活动**********/ .hd-list li{ float: left; width: 33.333333%; padding:0 22px; margin-bottom: 40px; } .hd-list{ margin:0 -22px; } .hd-list-img a{ display: block; position: relative; padding-top: 66%; } .hd-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hd-list-tt a{ font-size: 16px; color: #333; font-weight: bold; } .hd-list-tt{ margin-top: 20px; margin-bottom: 10px; } .hd-list-date{ color: #9f9f9f; margin-bottom: 5px; } .hd-list-p{ color: #9f9f9f; height: 50px; line-height: 25px; overflow:hidden; } .hd-list-tt a:hover,.nav-b a:hover,.news-ul li a:hover,.title a:hover,.news-list-tt a:hover,.img-center-tt a:hover{ color: #0f4791; } .xz-list-box:hover{ background: #0f4791; } .xz-list-box:hover .xz-list-p p,.xz-list-box:hover .xz-list-name span,.xz-list-box:hover .xz-list-name{ color: #fff; } .name-list li a:hover{ background: #0f4791; border-color: #0f4791; color: #fff; } .news-right li a:hover{ background: #0f4791; } .news-right li a:hover .news-right-date,.news-right li a:hover .news-right-tt{ color: #fff; } .tabs-news li a:hover .tabs-tt{ color: #0f4791; } .tabs-news li a:hover{ box-shadow: 0 0 23px rgba(0,0,0,0.2); } /*教师风采*/ .buttetin_subtitle{width:100%; height:30px;background-color: #c1d9f3; font-weight:bold;} .teaInfo{width:600px; margin:0 auto;} .teaInfo th{width:80px; text-align:left;} /*全体教师*/ .alltea_table{width:600px; margin:10px auto;} .alltea_table th{text-align:left; height:40px; font-size:16px; color:#990000;} .alltea_table a{font-size:14px;} .alltea_table a:link{color:#4386ce;} .alltea_table a:visited{color:#4386ce;} .pagination { margin-top: 20px; text-align: center; margin-bottom: 10px; font-size: 10px;} .pagination a ,.pagination a.number {margin: 0 5px 0 0; padding: 3px 6px; border: 1px solid #d0d0d0;} .pagination a:link {color:#055682;} .pagination a:visited {color:#055682;} .pagination a:hover,.pagination a.current {border-color: #000 !important; color: #000 !important;} /**************内容页***************/ .article-tt{ font-size: 26px; color: #222; margin-top: 40px; } .article-sm{ font-size: 16px; color: #666; } /*.article-sm span{ padding:0 25px; }*/ .article-sm{ padding:20px 0 30px 0; border-bottom: solid 1px #f4f4f4; } .article-txt p{font-size: 16px !important;color: #222;line-height: 40px !important;margin-bottom: 30px;text-indent: 2em;} .vsbcontent_img{text-align: center;} .article-txt img{ height: auto !important; max-width: 800px !important; /* display: block; */ /* margin: 0 auto; */ } .article-txt{ padding:30px 0; border-bottom: solid 1px #f4f4f4; } .article-link p,.article-link p a{ font-size: 16px; color: #313131; } .article-link p span{ font-size: 16px; color: #a0a09f; font-weight: bold; } .article-link p{ margin-bottom: 15px; } .article-link{ margin-top: 25px; } @media( max-width: 1399px){ .container{ width: 1280px; } .yj-title{ margin-top: 30px; } .yj-list li{ font-size: 14px; } .news-right li a{ height: 77px; } .right-box{ width: 920px; } .nav-list li a{padding:0 18px;} } @media( max-width: 1279px){ .container{ width: 1080px; } .yj-list li{width: 50%;margin-bottom: 10px;height: auto;font-size: 16px;} .img-list li{ margin-bottom: 22px; } .news-right li:nth-child(5){ display: none; } .news-right li{ margin-bottom: 24px; } .nav-list li a{ font-size: 18px; } .logo{ width: 380px; } .right-box{ width: 660px; } .name-list li{ width: 10%; } .xz-list li{ width: 100%; } .nav-list li a{padding:0 15px; font-size: 16px;} } @media( max-width: 991px){ .container{ width: 800px; } .page-one .col-xs-8{ margin-bottom: 20px; } .page-one .col-xs-8,.page-one .col-xs-4{ width: 100%; } .news-right li:nth-child(5){ display: block; } .tabs-news li{ width: 50%; } .img-list li{ margin-bottom: 16px; } .header .container{ width: 100%; } .header{ height: 50px; padding:0; } .header.active{ height: 50px;} .logo{ height: 50px; line-height: 50px; } .logo img{ height: 30px; width: auto; } .header .pull-right{ display: none; } .nav-list{ position: fixed; display: none; border-top: solid 1px #fff; left: 0; top: 50px; right: 0; background: #154ca4; max-height: 70%; overflow-y: auto; } .nav-list li{ float: none; width: 100%; margin:0; padding:0; text-align: left; } .nav-list li a{ display: block; font-size: 16px; color: #fff; padding:0 15px; line-height: 40px; } .menu-button{ display: block; } .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;} .nav-click.active{ transform: rotate(180deg); } .nav-down{ position: static; display: none; } .nav-list li .nav-down li{ height: 40px!important; } .nav-list li .nav-down li a{ height: 40px; line-height: 40px; } .nav-list li:hover a{ background: none; color: #fff; } .nav-down li a:hover{ color: #333!important; } .right-box{ width: 450px; } .name-list li{ width: 20%; } .xq-img{ position: static; text-align: center; margin-bottom: 20px; } .xq-right{ margin-left: 0px; } .tabs-name li{ width: 10%; } .tabs-name li:nth-child(1){ width: 10%; } .hd-list li{ width:50%; } } .yj-back .col-xs-6 a img{display:none;} @media( max-width: 768px){ .container{ width: 100%; } .news-list li{ width: 100%; margin-bottom: 15px; } .title{ margin:25px 0; } .title{ font-size: 24px; } .title img{ height: 30px; } .page-one .col-xs-8{ margin-bottom: 0; } .news-right li{ margin-bottom: 15px; } .tabs-ul li{ width: 50%; margin:25px 0; display: block; float: left; } .tabs-ul li a{ font-size: 24px; padding-left: 35px; } .tabs-ul li a{ background-size: 30px auto!important; } .tabs-news li{ width: 100%; margin-bottom: 15px; } .yj-back:before{ width: 100%; } .yj-back .col-xs-6{width: 100% !important;margin-bottom: 20px;} .yj-back .col-xs-6 a{height:auto !important;} .bottom-row .col-xs-4:nth-child(2){width: 100%;} .bottom-row .col-xs-4{ width: 50%; padding:0 7.5px; } .bottom-row{ margin:0 -7.5px; } .img-center{ margin-bottom: 15px; } .yj-back{ padding-bottom: 20px; } .page-one{ padding-bottom: 15px; } .footer{ margin-top: 15px; } .banner {margin-top:50px;} .banner .slick-dots{ bottom: 10px; display: none!important; } .banner .slick-prev{left: 15px;width: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .banner .slick-next{width: 15px;right: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .title a{ display: none; } .phone-a{ display: block; margin-top: 20px; } .phone-a a{ display: inline-block; background: #fff; border:solid 1px #ddd; color: #999; width: 120px; line-height: 30px; } .tabs-news li:last-child{ margin:0; } .page-one{ padding-bottom: 0px; } .page-one-bottom{ background: #fff; margin-top: 20px; padding-bottom: 20px; } .img-list li a span{ font-size: 14px; height: auto; padding:10px; background-size: 100% 100%; } .footer-top,.more-pc{ display: none; } .right-box{ width: 100%; } .list-left,.nav-b{ display: none; } .page-box{ margin:30px 0 10px 0; } .teacher-tt{ font-size: 18px; padding-top: 0; } .teacher-tt-sm span{ font-size: 14px; min-width: 1px; } .name-list li a{ font-size: 12px; } .name-list{ margin-bottom: 10px; } .tt-xs{ font-size: 14px; } .xq-p{ padding-top: 20px; } .xq-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px;} .xq-right-lg,.xq-right-xs{ width: 100%; height: auto; margin-bottom: 10px; } .xq-right{ font-size: 14px; } .xq-box{ padding:20px; } .xz-list-box{ height: auto; } .xz-list-p p{ margin-top: 10px; } .tabs-name li{ width: 12%; } .tabs-name li:nth-child(1){ width: 12%; } .tabs-name li a{ font-size: 14px; line-height: 30px; } .tabs-name{ margin-bottom: 0; } .xz-list li{ margin-bottom: 15px; } .hd-list li{ padding:0 7.5px; margin-bottom: 15px; } .hd-list{ margin:0 -7.5px; } .article-tt{ font-size: 18px; margin-top: 20px; } .article-sm{ font-size: 12px; padding-bottom: 20px; } .article-sm span{ padding:0 5px; } .article-txt p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; } .article-txt{ padding:20px 0; } .article-bottom{ padding-right: 0; } .article-link p, .article-link p a,.article-link p span{ font-size: 14px; } .list-content-article .list-right{ padding-bottom: 0; } .yj-back .col-xs-6 a img{display:block;} } @media( max-width: 320px){ .xz-list-img{ float: none!important; margin:0 auto 20px auto; width: 100px; } .xz-list-right{ margin:0; } } .buttetin_table table{margin:10px auto;border:solid #add9c0; border-width:0px 1px 1px 0px;} .buttetin_table th{width:200px;border:solid #add9c0; border-width:1px 0px 0px 1px; text-align: center;} .buttetin_table td{width:350px;border:solid #add9c0; border-width:1px 0px 0px 1px;padding-left:20px;} .buttetin_table a:link{color:#4386ce;} .buttetin_table a:visited{color:#4386ce;} .buttetin_table a:hover{color:#ff0000;} .buttetin_article {padding:0px 20px 10px 20px;}j-back:before{ width: 100%; } .yj-back .col-xs-6{width: 48%;float: left;margin-right: 2%;} .bottom-row .col-xs-4:nth-child(2){/* display: none; */} .bottom-row .col-xs-4{/* width: 50%; */padding:0 7.5px;} .bottom-row{ margin:0 -7.5px; } .img-center{ margin-bottom: 15px; } .yj-back{ padding-bottom: 20px; } .page-one{ padding-bottom: 15px; } .footer{ margin-top: 15px; } .banner {margin-top:50px;} .banner .slick-dots{ bottom: 10px; display: none!important; } .banner .slick-prev{left: 15px;width: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .banner .slick-next{width: 15px;right: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .title a{/* display: none; */} .phone-a{ display: block; margin-top: 20px; } .phone-a a{ display: inline-block; background: #fff; border:solid 1px #ddd; color: #999; width: 120px; line-height: 30px; } .tabs-news li:last-child{ margin:0; } .page-one{ padding-bottom: 0px; } .page-one-bottom{ background: #fff; margin-top: 20px; padding-bottom: 20px; } .img-list li a span{ font-size: 14px; height: auto; padding:10px; background-size: 100% 100%; } .footer-top,.more-pc{/* display: none; */} .right-box{ width: 100%; } .list-left,.nav-b{/* display: none; */} .page-box{ margin:30px 0 10px 0; } .teacher-tt{ fo font-size: 14px; color: #fff; padding:15px 0; border-bottom: solid 1px #4470b6; } .footer-top a{ color: #fff; } .footer-top span{ display: inline-block; padding:0 20px; } .footer-bottom{ font-size: 14px; color: #fff; padding:15px 0; } .header.active{ background: #154ca4; height:140px; } .nav-click{ display: none; } .menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;} .menu-button .bar:nth-of-type(1) { margin-top: 0px;} .menu-button .bar:nth-of-type(3) { margin-bottom: 0px;} .bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross{ margin-top: -8px; } .cross .bar{ margin:13px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);} .cross .bar:nth-of-type(2) { opacity: 0;} .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);} .phone-a{ display: none; } .tab-content{ position: relative; } .tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; } .tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); } .more-pc{ position: absolute; right: 0; top: -75px; color: #999; } /***************list*************/ .list-banner img{ width: 100%; } .list-banner{ margin-bottom: 25px; } .list-left{ width: 250px; } .list-left-top{ height: 75px; line-height: 75px; background: #0f4791; text-align: center; font-size: 20px; color: #fff; font-weight: bold; } .cd-accordion-menu label{ transition: 0.3s all; } .cd-accordion-menu label { display: block; background: #00409a; border-bottom: 1px #fff solid; color: #181818; transition: 0.3s all; font-size: 14px; font-weight: bold; font-weight: normal; margin:0; position: relative; cursor: pointer; } .cd-accordion-menu ul { display: none; } .cd-accordion-menu label a{ font-size: 16px; color: #333; padding-left: 25px; text-align: left; border-left: solid 3px #f7f8fa; height: 55px; line-height: 55px; background: #f7f8fa; display: block; } .cd-accordion-menu ul label { display: block; background: #f7f8fa; color: #181818; font-weight: normal; margin-bottom: 2px; } .cd-accordion-menu ul label a{font-size: 12px;} .cd-accordion-menu ul ul label { color: #808080; text-decoration: none; padding-left: 0px; } .cd-accordion-menu ul ul label a { font-size: 14px; } .cd-accordion-menu label.active a,.cd-accordion-menu label a:hover { color: #0f4791; background: #f3f3f3; border-color: #0f4791; } .right-box{ width: 1000px; } .right-box-top{ border-bottom: solid 1px #ddd; margin-bottom: 30px; } .right-top-tt{ border-bottom: solid 3px #0f4791; padding:0 10px 10px 10px; font-size: 20px; color: #333; font-weight: bold; } .nav-b{ color: #8d8d8d; padding-top: 5px; } .nav-b a{ color: #8d8d8d; } .news-ul li{ line-height: 55px; position: relative; border-bottom: dashed 1px #ddd; font-size: 15px; color: #404040; padding-right: 120px; } .news-ul li span{ position: absolute; right: 0; } .news-ul li a{ font-size: 15px; color: #404040; } .news-ul{ margin-top: -10px; } .page-box{ margin:60px 0 40px 0; } /*********************师资队伍**********************/ .teacher-tt{ font-size: 24px; color: #0f4791; padding:20px 0; } .teacher-tt-sm span{ display: inline-block; min-width: 20px; background: #0f4791; padding:8px 15px; font-size: 16px; color: #fff; margin-bottom: 20px; } .tt-xs{ font-size: 16px; color: #333; padding-left: 15px; margin-bottom: 15px; font-weight: bold; } .name-list li{ float: left; width: 10%; padding:0 6px; font-size: 15px; } .name-list{ margin:0 -6px 20px 9px; } .name-list li a{ display: block; text-align: center; border:dashed 1px #ddd; color: #333; line-height: 28px; margin-bottom: 15px; } .xq-img img{ width: 120px; height: 166px; } .xq-right{ margin-left: 190px; font-size: 16px; color: #333; } .xq-box{ background: #f5f5f5; padding:30px; min-height: 226px; position: relative; } .xq-right-lg{ width: 385px; padding-right: 15px; height: 40px; } .xq-right-xs{ width: 310px; height: 40px; } .xq-img{ position: absolute; left: 30px; top: 30px; } .xq-p p{font-size: 16px;color: #333;text-indent: 2em;text-align: justify;line-height: 30px;margin-bottom: 10px;} .xq-p{ padding-top: 40px; } .tabs-name li{ float: left; width: 3.75%; margin-bottom: 10px; } .tabs-name li a{ display: block; line-height: 36px; font-size: 18px; color: #333; } .tabs-name li.active a,.tabs-name li a:hover{ background: #0f4791; color: #fff; } .tabs-name li:nth-child(1){ width: 6%; } .tabs-name{ margin-bottom: 20px; } .xz-list li{ float: left; width: 50%; padding:0 15px; margin-bottom: 30px; } .xz-list{ margin:0 -15px; } .xz-list-box{ background: #f5f5f5; padding:20px; height: 180px; display: block; } .xz-list-img img{ width: 100px; height: 140px; } .xz-list-right{ margin-left: 125px; } .xz-list-name{ color: #333; } .xz-list-name span{ font-size: 16px; color: #0f4791; font-weight: bold; padding-right: 15px; } .xz-list-p p{ color: #333; margin-top: 15px; } /***********活动**********/ .hd-list li{ float: left; width: 33.333333%; padding:0 22px; margin-bottom: 40px; } .hd-list{ margin:0 -22px; } .hd-list-img a{ display: block; position: relative; padding-top: 66%; } .hd-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hd-list-tt a{ font-size: 16px; color: #333; font-weight: bold; } .hd-list-tt{ margin-top: 20px; margin-bottom: 10px; } .hd-list-date{ color: #9f9f9f; margin-bottom: 5px; } .hd-list-p{ color: #9f9f9f; height: 50px; line-height: 25px; overflow:hidden; } .hd-list-tt a:hover,.nav-b a:hover,.news-ul li a:hover,.title a:hover,.news-list-tt a:hover,.img-center-tt a:hover{ color: #0f4791; } .xz-list-box:hover{ background: #0f4791; } .xz-list-box:hover .xz-list-p p,.xz-list-box:hover .xz-list-name span,.xz-list-box:hover .xz-list-name{ color: #fff; } .name-list li a:hover{ background: #0f4791; border-color: #0f4791; color: #fff; } .news-right li a:hover{ background: #0f4791; } .news-right li a:hover .news-right-date,.news-right li a:hover .news-right-tt{ color: #fff; } .tabs-news li a:hover .tabs-tt{ color: #0f4791; } .tabs-news li a:hover{ box-shadow: 0 0 23px rgba(0,0,0,0.2); } /*教师风采*/ .buttetin_subtitle{width:100%; height:30px;background-color: #c1d9f3; font-weight:bold;} .teaInfo{width:600px; margin:0 auto;} .teaInfo th{width:80px; text-align:left;} /*全体教师*/ .alltea_table{width:600px; margin:10px auto;} .alltea_table th{text-align:left; height:40px; font-size:16px; color:#990000;} .alltea_table a{font-size:14px;} .alltea_table a:link{color:#4386ce;} .alltea_table a:visited{color:#4386ce;} .pagination { margin-top: 20px; text-align: center; margin-bottom: 10px; font-size: 10px;} .pagination a ,.pagination a.number {margin: 0 5px 0 0; padding: 3px 6px; border: 1px solid #d0d0d0;} .pagination a:link {color:#055682;} .pagination a:visited {color:#055682;} .pagination a:hover,.pagination a.current {border-color: #000 !important; color: #000 !important;} /**************内容页***************/ .article-tt{ font-size: 26px; color: #222; margin-top: 40px; } .article-sm{ font-size: 16px; color: #666; } /*.article-sm span{ padding:0 25px; }*/ .article-sm{ padding:20px 0 30px 0; border-bottom: solid 1px #f4f4f4; } .article-txt p{font-size: 16px !important;color: #222;line-height: 40px !important;margin-bottom: 30px;text-indent: 2em;} .vsbcontent_img{text-align: center;} .article-txt img{ height: auto !important; max-width: 800px !important; /* display: block; */ /* margin: 0 auto !important; */ } .article-txt{ padding:30px 0; border-bottom: solid 1px #f4f4f4; } .article-link p,.article-link p a{ font-size: 16px; color: #313131; } .article-link p span{ font-size: 16px; color: #a0a09f; font-weight: bold; } .article-link p{ margin-bottom: 15px; } .article-link{ margin-top: 25px; } @media( max-width: 1399px){ .container{ width: 1280px; } .yj-title{ margin-top: 30px; } .yj-list li{ font-size: 14px; } .news-right li a{ height: 77px; } .right-box{ width: 920px; } .nav-list li a{padding:0 18px;} } @media( max-width: 1279px){ .container{width: calc(100% - 20px);} .yj-list li{width: 50%;margin-bottom: 10px;height: auto;font-size: 16px;} .img-list li{ margin-bottom: 22px; } .news-right li:nth-child(5){ display: none; } .news-right li{ margin-bottom: 24px; } .nav-list li a{ font-size: 18px; } .logo{ width: 380px; } .right-box{ width: 660px; } .name-list li{ width: 10%; } .xz-list li{ width: 100%; } .nav-list li a{padding:0 15px; font-size: 16px;} } @media( max-width: 991px){ .container{ width: 800px; } .page-one .col-xs-8{ margin-bottom: 20px; } .page-one .col-xs-8,.page-one .col-xs-4{ width: 100%; } .news-right li:nth-child(5){ display: block; } .tabs-news li{ width: 50%; } .img-list li{ margin-bottom: 16px; } .header .container{ width: 100%; } .header{ height: 50px; padding:0; } .header.active{ height: 50px;} .logo{ height: 50px; line-height: 50px; } .logo img{ height: 30px; width: auto; } .header .pull-right{ display: none; } .nav-list{ position: fixed; display: none; border-top: solid 1px #fff; left: 0; top: 50px; right: 0; background: #154ca4; max-height: 70%; overflow-y: auto; } .nav-list li{ float: none; width: 100%; margin:0; padding:0; text-align: left; } .nav-list li a{ display: block; font-size: 16px; color: #fff; padding:0 15px; line-height: 40px; } .menu-button{ display: block; } .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;} .nav-click.active{ transform: rotate(180deg); } .nav-down{ position: static; display: none; } .nav-list li .nav-down li{ height: 40px!important; } .nav-list li .nav-down li a{ height: 40px; line-height: 40px; } .nav-list li:hover a{ background: none; color: #fff; } .nav-down li a:hover{ color: #333!important; } .right-box{ width: 450px; } .name-list li{width: 25%;} .xq-img{ position: static; text-align: center; margin-bottom: 20px; } .xq-right{ margin-left: 0px; } .tabs-name li{ width: 10%; } .tabs-name li:nth-child(1){ width: 10%; } .hd-list li{ width:50%; } } @media( max-width: 768px){ .container{ width: 100%; } .news-list li{ width: 100%; margin-bottom: 15px; } .title{ margin:25px 0; } .title{ font-size: 24px; } .title img{ height: 30px; } .page-one .col-xs-8{ margin-bottom: 0; } .news-right li{ margin-bottom: 15px; } .tabs-ul li{ width: 50%; margin:25px 0; display: block; float: left; } .tabs-ul li a{ font-size: 24px; padding-left: 35px; } .tabs-ul li a{ background-size: 30px auto!important; } .tabs-news li{ width: 100%; margin-bottom: 15px; } .yj-back:before{ width: 100%; } .yj-back .col-xs-6{width: 100% !important;} .yj-back .col-xs-6 a{height:auto !important;} .bottom-row .col-xs-4:nth-child(2){/* display: none; */} .bottom-row .col-xs-4{width: 100%;padding:0 7.5px;} .bottom-row{ margin:0 -7.5px; } .img-center{margin-bottom: 15px;padding-top: 0;} .yj-back{ padding-bottom: 20px; } .page-one{ padding-bottom: 15px; } .footer{ margin-top: 15px; } .banner {margin-top:50px;} .banner .slick-dots{ bottom: 10px; display: none!important; } .banner .slick-prev{left: 15px;width: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .banner .slick-next{width: 15px;right: 15px;height: 28px;background-size: 100% 100%;margin-top: 0;top: 40%;} .title a{ display: none; } .phone-a{ display: block; margin-top: 20px; } .phone-a a{ display: inline-block; background: #fff; border:solid 1px #ddd; color: #999; width: 120px; line-height: 30px; } .tabs-news li:last-child{ margin:0; } .page-one{ padding-bottom: 0px; } .page-one-bottom{ background: #fff; margin-top: 20px; padding-bottom: 20px; } .img-list li a span{ font-size: 14px; height: auto; padding:10px; background-size: 100% 100%; } .footer-top,.more-pc{ display: none; } .right-box{ width: 100%; } .list-left,.nav-b{ display: none; } .page-box{ margin:30px 0 10px 0; } .teacher-tt{ font-size: 18px; padding-top: 0; } .teacher-tt-sm span{ font-size: 14px; min-width: 1px; } .name-list li a{ font-size: 12px; } .name-list{ margin-bottom: 10px; } .tt-xs{ font-size: 14px; } .xq-p{ padding-top: 20px; } .xq-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px;} .xq-right-lg,.xq-right-xs{ width: 100%; height: auto; margin-bottom: 10px; } .xq-right{ font-size: 14px; } .xq-box{ padding:20px; } .xz-list-box{ height: auto; } .xz-list-p p{ margin-top: 10px; } .tabs-name li{ width: 12%; } .tabs-name li:nth-child(1){ width: 12%; } .tabs-name li a{ font-size: 14px; line-height: 30px; } .tabs-name{ margin-bottom: 0; } .xz-list li{ margin-bottom: 15px; } .hd-list li{ padding:0 7.5px; margin-bottom: 15px; } .hd-list{ margin:0 -7.5px; } .article-tt{ font-size: 18px; margin-top: 20px; } .article-sm{ font-size: 12px; padding-bottom: 20px; } .article-sm span{ padding:0 5px; } .article-txt p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; } .article-txt{ padding:20px 0; } .article-bottom{ padding-right: 0; } .article-link p, .article-link p a,.article-link p span{ font-size: 14px; } .list-content-article .list-right{ padding-bottom: 0; } .img-list li{float:left;width:49%;margin-right:2%;} .img-list li:last-child{float:left;width:49%;margin-right:0%;} .img-center-b{float:left;width: 49%;margin-right: 2%;} .img-center-bottom{float: right;width: 49%;position: unset;padding: 0;left: 0;right: 0;height: auto;} .article-txt img{max-width:100% !important;} } @media( max-width: 320px){ .xz-list-img{ float: none!important; margin:0 auto 20px auto; width: 100px; } .xz-list-right{ margin:0; } } @media( max-width: 500px){ .yj-list li{width:100% !important} .img-center-tt{line-height: 23px;height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .date-c{font-size: 12px;color: #999;padding-left: 20px;background: url(../images/icon-date02.png) left center no-repeat;margin: 3px 0;} }