/* Wei Style Main */@charset "utf-8"; /* TOP */ .wtop-r { margin-top:26px;} .top-time { margin-bottom:16px; text-align:right; color:#fff; height:25px;} .wtop-r a{ display:inline-block; vertical-align:top; margin-left:20px;float:left;} .top-tel { background-position:0 0;} .top-weix {background-position:-43px 0;} .top-weib {background-position:-86px 0;} .w-nav { background-color:#4e2a84;} /* MENU */ .mopen { margin-top:50px;} .am-menu-offcanvas1 .am-menu-nav > li.wnav-home a{ border-bottom:1px #4e2a84 solid; height:141px; line-height:141px;} .mclose { position:absolute; right:20px; top:50px; border:none; background:none;outline:none;} .w-bnav .am-nav > li > a { padding: 1em 0;} .w-bnav .am-nav > li > a:hover{ background-color:#321b55;} .w-tcnav {position: absolute;top: 100%;width: 160px;height: auto;margin-left: -35px;margin-top: 0;list-style: none;padding: 0;left: 50%;z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;} .w-bnav .am-nav > li > ul{position: absolute;top: 100%;width: 125px;height: auto;margin-left: -62px;margin-top: 0;list-style: none;padding: 0;left: 50%;z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;} .w-bnav .am-nav > li > ul > li {border-bottom: rgba(0,0,0,.6) 1px solid} .w-bnav .am-nav > li > ul > li a {padding:10px 10px;display: block;color: #ffffff;font-size: 14px; text-align:center;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;background:url(tcnavx.png) bottom center no-repeat rgba(0,0,0,.6);} .w-bnav .am-nav > li > ul> li:last-child a { background-image:none;} .w-bnav .am-nav > li:hover > ul {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;} .w-bnav .am-nav > li:hover > ul> li a:hover {background-color:#4e2a84;background-image:none; bcolor: #fff} /* SITE-NEWS */ .site-news { background:url(sinbg.jpg) center center;} .site-news .x-mess { background-color:#efefef; padding-right:70px; padding-top:50px; overflow:hidden;} .x-title > h2 { font-family: Arial; font-size:26px; color:#3f3f3f; margin:0; line-height:36px;text-transform:uppercase} .x-title > h2 a {color:#3f3f3f;} .x-title > h4 { font-size:20px; color:#484848; margin:0; font-weight:normal; background:url(titleio.jpg) left center no-repeat; padding-left:60px; line-height:20px;} .x-title > h4 a {color:#484848;} .x-title > h4 a:hover {color:#4e2a84;} .x-mess-nr { position:relative; min-height:350px;} .x-mess-nr img { position:absolute; left:0; bottom:0;} .x-mess-nrtxt { margin-left:210px;margin-top:70px; font-size:14px; color:#555555; line-height:30px; text-align:left; width:273px; overflow:hidden; position:relative; z-index:6;} .x-mess-nrname {margin-left:263px;margin-top:15px;font-size:14px; color:#555555;text-align:right; width:210px; height:24px;} .site-news .x-news {background-color:#f6f6f6; padding-left:80px; padding-top:50px; overflow:hidden;} .x-news-list { padding-top:36px;} .x-news-list ul{ list-style:none; padding:0;} .x-news-list li.not { border-bottom:1px #cacaca solid; margin:10px 0; padding:5px 0} .x-news-list li.not img { vertical-align:top; margin-left:10px;} .x-news-list li p { font-size:12px; color:#666;overflow : hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-left:105px; margin:14px 0 10px;} .x-news-list li time{ font-size:14px; color:#c1c1c1;font-family: Arial; font-weight:700;} .x-news-list li a { color:#333333; font-weight:700; margin-left:30px;} .x-news-list li a:hover{ color:#dc2828} .txtScroll-top{ overflow:hidden; position:relative; } .txtScroll-top .infoList li{ height:40px; line-height:40px; } /* SITE-INFO background: #dcdada;*/ .tzbj{ position: relative; min-height: 300px; } .tzbj1{ position: relative; min-height: 300px; background: #ffffff; padding:2px 0px 20px 0px;} .site-info { padding:20px 0px;} .info-pd { padding:20px 20px;} .info-dib { width:50%;float: left;position: relative;margin:20px 0px 0px 0px;} .info-dib1 { background-color:#dca51d;} .info-dib2 { background-color:#dcdada;} .info-mb { margin:0 5%;} .info-top { overflow:hidden;padding-top:40px;} .info-top .info-tit { text-align:left; height:30px; overflow:hidden;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;margin:20px 20px;} .info-top a { display:block;} .info-top a:hover .info-tit{} .info-top a img { display:block;width:100%; height:auto;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .info-top a:hover img { opacity:0.8;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05); } .info-top span {font-family: Arial; font-size:20px; color:#fff;text-transform:uppercase; display:block; margin-top:10px;} .info-top h2 { font-size:26px; color:#4e2a84; font-weight:bold; margin:0; line-height:30px;} .info-list { list-style:none; padding:0; margin:0;} .info-list li { padding:10px 0; line-height: 40px;opacity: 0.8; font-size: 18px;background:url(dot.png) no-repeat 15px center;}/* border-bottom:1px #cacaca solid; */ .info-list li a { padding-left:36px; display:block; color:#333; font-size:18px;} .info-list .t1 { line-height: 50px;opacity: 0.8; display:block; color:#4e2a84; font-size:18px;margin-bottom:20px;padding-bottom:20px;} .info-list .t1 a{ display:block; color:#4e2a84; font-size:18px;padding-left:36px;} .info-list li a:hover{ color:#4e2a84} .info-list .date{ float: right; margin-right: 50px; padding-left: 20px;} /* SITE-MIDDLE */ .site-middle { background:url(midbg.jpg) top repeat-x; padding:60px 0;} .mid-nr a { display:block;} .mid-nr a img { width:100%; height:auto; display:block;} .mid-nr .mid-img { position:relative} .mid-nr .mid-ms { position:absolute; width:100%; height:100%; top:0; left:0;text-align:center; background:url(midmo.png) center 72% no-repeat rgba(0,0,0,.6);-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;} .mid-nr .mid-ms h4 { font-family: Arial; font-size:20px; color:#fff; margin:0; line-height:30px;text-transform:uppercase; font-weight:normal; margin-top:18%;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;} .mid-nr .mid-ms h2 {font-size:26px;color:#fff; margin:0;line-height:36px;} .mid-nr .mid-tit { color:#333; font-weight:bold; padding:15px 0;} .mid-nr a.mid-tit:hover { color:#4e2a84} .mid-nr p { font-size:12px; color:#666; margin:0;} .mid-nr a:hover .mid-ms { background-color:rgba(0,0,0,.5); background-position:center 71%;} .mid-nr a:hover .mid-ms h4 {margin-top:19%;} /* SITE-STY */ .site-sty { background-color:#efefef;} .site-sty .sty-teac {padding:50px 4% 70px 0} .site-sty .sty-stud {padding:50px 0 70px 4%} .w-sty { margin:40px 0 0;} .w-sty li { overflow:hidden;} .w-sty li a { display:block;} .w-sty li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;} .w-sty li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .site-sty .sty-teac .sty-name { font-size:18px; text-align:center;} .site-sty .sty-teac .sty-p { font-size:14px;text-align:center; margin:0;} .site-sty .sty-stud .sty-stt { font-size:18px; padding:11px 0;} /* FOOTER */ .footer { background-color:#4e2a84; padding:60px 0 70px;} .fo-nav { list-style:none; padding:0;} .fo-nav li { float:left; margin-right:30px;} .fo-nav li a { font-size:14px; color:#999;} .fo-nav li a:hover { color:#FFF;} .fo-bq { color:#999; font-size:12px; line-height:30px; margin-top:50px;} .fo-bq a {color:#999; margin-left:0px;} .fo-bq a:hover { color:#FFF;} .fo-lx { float:right; margin-right:40px;} .fo-lx p a{ color:#999; text-align:right; font-size:14px; float:right} .fo-lx p a:hover { color:#FFF;} .fo-lx .fo-but { float:left; margin-top:16px;} .fo-lx .fo-but + .fo-but { margin-left:30px;} .fo-lx .fo-but a { color:#999; font-size:14px; text-align:center; display:block;} .fo-lx .fo-but a:hover { color:#FFF;} .fo-lx .fo-but span { display:block; margin-bottom:10px;border-radius:50%; border:1px #999 solid; width:40px; height:40px; line-height:40px;} .fo-lx .fo-but span img { -webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;vertical-align: text-top;} .fo-lx .fo-but a:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);} .fo-ewm { float:right; color:#999; font-size:14px; text-align:center;} .fo-ewm p { margin:10px 0;} .w-link {color: #999;font-size: 12px;line-height: 30px; margin-top:10px;} .w-link a {color: #999; margin-right:20px; display:inline-block;} .w-link a:hover { color:#FFF;} /* LIST-PUBLIC */ /* news */ .bt{ width:100%;height:30px;margin:40px 0px; position:relative;font-size: 25px;line-height: 30px;text-align:center;float:left; color:#4e2a84; } .bt1{ width:100%;height:20px;margin:5px 0px; position:relative;font-size: 20px;line-height: 20px;text-align:center;float:left; color:#4e2a84; } #searchform { float:left; margin-left:20px; margin:9px 0px 0px; padding:0px; } #searchform fieldset { padding:0px; border:none; margin:0px; } #searchform input[type="text"] { background:#e8e8e8; border:none; float:left; padding:0px 10px 0px 15px; margin:0px; width:150px; height:38px; line-height:38px; transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#585858; } #searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:200px; } #searchform input[type="submit"] { background:url(weib.png) center 11px no-repeat; cursor:pointer; margin:0px; padding:0px; width:37px; height:38px; line-height:38px; } input[type="submit"] { padding:4px 17px; color:#ffffcolor:#585858; ff; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; } #searchform input[type="submit"]:hover { background-color:#333232; } .style_1 #searchform input[type='submit'] { background-color:#4e2a84; } .style_2 #searchform input[type='submit'] { background-color:#ff26a0; } .style_3 #searchform input[type='submit'] { background-color:#e024e3; } .style_4 #searchform input[type='submit'] { background-color:#e32424; } .style_5 #searchform input[type='submit'] { background-color:#ff8a00; } .style_1, .style_2, .style_3, .style_4, .style_5 { margin:10px; display:block; clear:both } #winad{ position:fixed; bottom:0px; right:15px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-275)); _right:5px; } *{word-break:break-all} .cl{clear:both;} .bt .cls{clear:both;} .list-main {width:100%; overflow:hidden;} .list-nav {width:100%;margin:0 auto; position:relative; background-color:#fff;} .list-nav ul{ list-style:none; padding:0; margin:0;font-size: 0;-webkit-text-size-adjust:none;} .list-nav li { display:inline-block;height:56px; line-height:56px; font-size:1.6rem;} .list-nav li a { display:block; color:#333; padding:0 29px} .list-nav li.list-active a,.list-nav li a:hover { color:#4e2a84;} .list-nav .cls{clear:both;} .list-nav .curBg { background:#4e2a84;height:3px;position:absolute;width:100%;left:0px;} .list-pag { font-size:12px; color:#666; float:right;padding:25px 10px 0 10px;} .list-pag a {color:#666;} .list-pag a:hover { color:#4e2a84} .list-center { padding:10px 0 20px; width:100%; overflow:hidden;} .list-center .ld{width:260px;float:left;} /* LIST-SINGLE */ .list-single { font-size:1.4rem; color:#666; line-height:30px; padding-top:40px;} .list-single p { margin:1rem 0;} .list-single img{ max-width:100%; height:auto;} /* 首页学生园地 */ .fold-listx{ } .fold-listx .am-thumbnails > li {padding:2rem 0.2rem; } .fold-listx .am-thumbnails > li a { display:block; overflow:hidden} .fold-listx .am-thumbnails > li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;width:350px;} .fold-listx .am-thumbnails > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .fold-listx .am-thumbnails { margin-left: -2rem;margin-right: -2rem;} .fold-listx .am-thumbnails .fold-listx-desc {background-color: rgba(78, 42, 132, 0.7);bottom: 0;padding: 10px;width: 100%;color: #fff;} .fold-listx .am-thumbnails .sty-name { font-size:18px; text-align:center;} .fold-listx .am-thumbnails .sty-p { font-size:14px;text-align:center; margin:0;} .fold-listl{ } .fold-listl .am-thumbnails > li {padding:2rem 0.2rem; } .fold-listl .am-thumbnails > li a { display:block; overflow:hidden} .fold-listl .am-thumbnails > li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;width:350px;} .fold-listl .am-thumbnails > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .fold-listl .am-thumbnails { margin-left: -2rem;margin-right: -2rem;} .fold-listl .am-thumbnails .fold-listl-desc {background-color: rgba(78, 42, 132, 0.7);bottom: 0;padding: 10px;width: 100%;color: #fff;} .fold-listl .am-thumbnails .sty-name { font-size:18px; text-align:center;} .fold-listl .am-thumbnails .sty-p { font-size:14px;text-align:center; margin:0;} /* LIST-FOLD */ .list-fold {padding-top:20px;} .list-fold .am-accordion-gapped { margin:0;} .fold-list .am-thumbnails > li {padding:1rem 2.5rem; } .fold-list .am-thumbnails > li a { display:block;position:relative; overflow:hidden} .fold-list .am-thumbnails > li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;width:280px;} .fold-list .am-thumbnails > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .fold-list .am-thumbnails { margin-left: -2.5rem;margin-right: -2.5rem;} .fold-list .am-thumbnails .fold-list-desc {background-color: rgba(78, 42, 132, 0.7);position: absolute;bottom: 0;padding: 10px;width: 100%;color: #fff;} .fold-list .am-thumbnails .sty-name { font-size:18px; text-align:center;} .fold-list .am-thumbnails .sty-p { font-size:14px;text-align:center; margin:0;} .fold-listz .am-thumbnailsz > li {padding:1rem 2.5rem; } .fold-listz .am-thumbnailsz > li a { display:block;position:relative; overflow:hidden} .fold-listz .am-thumbnailsz > li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;width:280px;} .fold-listz .am-thumbnailsz > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .fold-listz .am-thumbnailsz { margin-left: -2.5rem;margin-right: -2.5rem;} .fold-listz .am-thumbnailsz .fold-listz-desc {background-color: rgba(78, 42, 132, 0.7);position: absolute;bottom: 0;padding: 10px;width: 100%;color: #fff;} .fold-listz .am-thumbnailsz .sty-name { font-size:18px; text-align:center;} .fold-listz .am-thumbnailsz .sty-p { font-size:14px;text-align:center; margin:0;} .fold-listc .am-thumbnails > li {padding:1rem 0.5rem; } .fold-listc .am-thumbnails > li a { display:block;position:relative; overflow:hidden} .fold-listc .am-thumbnails > li a img{-webkit-transition: all ease-out .4s;-moz-transition: all ease-out .4s;transition: all ease-out .4s;height:280px;width:260px;} .fold-listc .am-thumbnails > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);} .fold-listc .am-thumbnails { margin-left: -2.5rem;margin-right: -2.5rem;} .fold-listc .am-thumbnails .fold-listc-desc {background-color: rgba(78, 42, 132, 0.7);position: absolute;bottom: 0;padding: 10px;width: 100%;color: #fff;} .fold-listc .am-thumbnails .sty-name { font-size:18px; text-align:center;} .fold-listc .am-thumbnails .sty-p { font-size:14px;text-align:center; margin:0;} .fold-en {font-family: Arial;} .fold-show { line-height:26px; padding-top:2rem;} .fold-show p { margin:0;} .fold-show img { max-width:100%; height:auto;} /* LIST-HONOR */ .list-honor { padding-top:20px;} .list-honor ul{list-style:none; padding:0; margin:0;} .list-honor li { border:1px #cccccc solid; padding:2rem; margin-bottom:20px;} .list-honor li span { border-bottom:2px #4e2a84 solid; font-size:18px; font-weight:bold; color:#333; padding-bottom:8px;} .list-honor li p { font-size:14px; color:#666;line-height:26px; margin:25px 0 0;} .list-honor li .list-honor-img img{ width:100%; height:auto;} .list-honor li .list-honor-nr { padding-left:4%;} /*教师分类 */ .container{ width: 1330px; } @media( max-width: 1359px){ .container{ width: 1230px; } .yj-txt img{ height: 388px; } .notice-width li{ margin-bottom: 20px; } .yj-txt{ margin-bottom: 0; } .dt-box{ height: 482px; } .xs-list{ width: 1030px; } .tabs-box{ padding-left: 230px; } .search-close{ margin-right: -600px; } } @media( max-width: 1279px){ .container{ width: 970px; } } @media( max-width: 991px){ .container{ width: 750px; } } @media( max-width: 767px){ #vsb_content p img{height:auto;} .container{ width: 100%; } } /* LIST-NEWS */ .list-news ul{list-style:none; position:relative; padding:0 0 30px 0; margin:0;} .list-imglb3 ul {position:relative; padding-bottom:80px;} .list-news li {padding:2rem; margin-bottom:10px;} .list-news li:nth-child(2n+0) { background-color:#f4f4f4} .list-news li a { display:block;color:#4e2a84;} .list-news li .list-news-nr { padding-left:4%; position:relative} .list-news li .list-news-nr:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left:2%;top:0;width:1px; background-color:#4e2a84; height:100%;} .list-news li .list-news-nr .span1 { font-size:18px; font-weight:bold; color:#333;line-height:20px; padding-bottom:8px;webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-news li .list-news-nr p { font-size:14px; color:#666;line-height:26px; margin:20px 0 0;} .list-news li .list-news-nr1 { padding-left:10%; position:relative} .list-news li .list-news-nr1:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left:2%;top:0;width:1px; background-color:#4e2a84; height:100%;} .list-news li .list-news-nr1 .span1 { font-size:18px; font-weight:bold; color:#333;line-height:20px; padding-bottom:8px;webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-news li .list-news-nr1 p { font-size:14px; color:#666;line-height:26px; margin:20px 0 0;} .list-news li .list-news-time { text-align:right;color:#c1c1c1;font-family: Arial;webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s; position: relative; z-index:2;} .list-news li .list-news-time span { font-size:24px; font-weight:bold; line-height:26px} .list-news li a:hover .list-news-nr1:after,.list-news li a:focus .list-news-nr1:after {background-color:#c1c1c1;} .list-news li a:hover .list-news-time,.list-news li a:focus .list-news-time {color:#4e2a84;} .list-news li a:hover .list-news-nr1 .span1,.list-news li a:focus .list-news-nr1 .span1{color:#4e2a84;} .list-news .teach-img1{ float:left; margin:10px 10px;position: relative; } .list-news .teach-img1 img{ width: 130px; height: 150px; } .list-news li a:hover .list-news-nr:after,.list-news li a:focus .list-news-nr:after {background-color:#c1c1c1;} .list-news li a:hover .list-news-time,.list-news li a:focus .list-news-time {color:#4e2a84;} .list-news li a:hover .list-news-nr .span1,.list-news li a:focus .list-news-nr .span1{color:#4e2a84;} /* LIST-IMGLB1 */ .list-imglb1 {padding-top:20px;} .list-imglb1 .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .list-imglb1 .am-thumbnails > li {padding: 0 1.5rem 3rem 1.5rem;} .list-imglb1 ul {position:relative; padding-bottom:20px;} .list-imglb1 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglb1 li a img {-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglb1 li h3 { font-size:18px; color:#333; text-align:center; margin:1rem 0; padding:10px 0; position:relative} .list-imglb1 li p { font-size:12px; color:#666; text-indent:2em; height:72px; line-height:24px; margin-bottom:0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .list-imglb1 li a:hover img,.list-imglb1 li a:focus img{transform:scale(1.05);-webkit-transform:scale(1.05);} .list-imglb1 li a:hover,.list-imglb1 li a:focus {border:1px #4e2a84 solid;} .list-imglb1 li h3:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left: 50%;margin-left:-30px;bottom:0;width:60px} .list-imglb1 li a:hover h3:after,.list-imglb1 li a:focus h3:after {width:80px;margin-left:-40px;} /* LIST-IMGLB主页 */ .list-imglbz {padding-top:10px;} .list-imglbz .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .list-imglbz .am-thumbnails > li {padding: 0 1rem 3rem 1rem;} .list-imglbz ul {position:relative; padding-bottom:10px;} .list-imglbz li a{ padding:10px; display:block;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglbz li a img {-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglbz li h3 { font-size:20px; color:#4e2a84; text-align:center; margin:1rem 0; padding:10px 0;line-height:40px; position:relative;height:100px;} .list-imglbz li .h { font-size:20px; color:#4e2a84; text-align:center; margin:1rem 0; padding:10px 0;line-height:40px; position:relative;height:100px;} .list-imglbz li p { font-size:16px; color:#666; text-indent:2em; height:120px; line-height:30px; margin-bottom:0; overflow : hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .list-imglbz .p1 { font-size:16px; color:#4e2a84; height:50px; line-height:30px; margin-bottom:0; overflow : hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .list-imglbz li a:hover {background-color:4e2a84;color:4e2a84;} .list-imglbz li a:hover img,.list-imglbz li a:focus img{transform:scale(1.05);-webkit-transform:scale(1.05);} .list-imglbz li a:hover,.list-imglbz li a:focus {background-color:4e2a84;color:4e2a84;} .list-imglbz li h3:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left: 50%;margin-left:-30px;bottom:0;width:90px;} .list-imglbz li a:hover h3:after,.list-imglbz li a:focus h3:after {width:80px;margin-left:-40px;} .list-more { text-align:center; margin-left:-105px; position:absolute; bottom:0; left:50%;} .list-more a{border-radius: 4px;padding:0; line-height:60px; height:60px; overflow:hidden;width:210px; font-size:18px; border:none;} /* LIST-IMGLB2 */ .list-imglb2 {padding-top:20px;} .list-imglb2 .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .list-imglb2 .am-thumbnails > li {padding: 0 1rem 2rem 1rem;} .list-imglb2 li a{ padding:20px; border:1px #cccccc solid; display:block;text-align:center;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglb2 li a img {-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglb2 li p { font-size:16px; color:#333; overflow:hidden; line-height:24px; padding-top:10px; margin:0;} .list-imglb2 li a:hover img,.list-imglb2 li a:focus img{transform:scale(1.05);-webkit-transform:scale(1.05);} .list-imglb2 li a:hover,.list-imglb2 li a:focus {border:1px #4e2a84 solid;} /* LIST-IMGLB3 */ .list-imglb3 {padding-top:20px;} .list-imglb3 .am-thumbnails { margin-left: -2rem;margin-right: -2rem;} .list-imglb3 .am-thumbnails > li {padding: 0 2rem 3rem 2rem;} .list-imglb3 ul {position:relative; padding-bottom:80px;} .list-imglb3 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-imglb3 li h3 { font-size:18px; color:#333;margin:1rem 0; padding:5px 0; position:relative} .list-imglb3 li p { font-size:14px; color:#666; height:72px; line-height:24px; margin:0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .list-imglb3 li a:hover h3 { color:#4e2a84 } .list-imglb3 li a:hover,.list-imglb3 li a:focus {border:1px #4e2a84 solid;} /* LIST-TXTLB1 */ .list-txtlb1 {padding-top:20px;} .list-txtlb1 .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .list-txtlb1 .am-thumbnails > li {padding: 0 1.5rem 3rem 1.5rem;} .list-txtlb1 ul {position:relative; padding-bottom:80px;} .list-txtlb1 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;transition: all ease-out .3s;} .list-txtlb1 li h3 { font-size:22px; color:#333; padding:0 0 20px; position:relative; font-weight:normal; line-height: 22px;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;} .list-txtlb1 li p { font-size:12px; color:#666; margin:2rem 0 1rem; height:120px; line-height:24px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .list-txtlb1 li .txtlb-en {font-family: Arial;} .list-txtlb1 li a:hover h3 { color:#4e2a84 } .list-txtlb1 li a:hover,.list-txtlb1 li a:focus {border:1px #4e2a84 solid;} .list-txtlb1 li h3:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left:0;bottom:0;width:60px;border-bottom:2px #4e2a84 solid;} .list-txtlb1 li a:hover h3:after,.list-txtlb1 li a:focus h3:after {width:80px;} /*专家人物*/ .teach-list li{ float: left; width: 50%; padding:0 22px; margin-bottom: 30px;list-style:none;} .teach-list{padding-bottom: 30px;} .teach-list{ margin:0 -22px; } .teach-list-box{ background: #f5f5f5; position: relative; height: 220px; border:solid 1px #fff; } .teach-img{ position: absolute; left: 20px; top: 20px; } .teach-img img{ width: 140px; height: 180px; } .teacher-name{ font-size: 16px; color: #333; margin-bottom: 30px; margin-top: 12px; } .teacher-name a{ font-size: 30px; color: #4e2a84; padding-right: 20px; } .teacher-p p{ margin-bottom: 15px; color: #666; } .teach-list-box .lind-bottom{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding:20px 20px 20px 195px; } .lind { transition: color 0.25s; } .lind-bottom{ position: relative; z-index: 100; } .lind::before, .lind::after { border: 1px solid transparent; width: 0; height: 0; } .lind::before { top: 0; left: 0; } .lind::after { bottom: 0; right: 0; } .lind:hover { color: #60daaa; } .xs-list-box:hover .lind::before,.xs-list-box:hover .lind::after { width: 100%; height: 100%; } .xs-list-box:hover .lind::before { border-top-color: #114275; border-right-color: #114275; transition: width 0.15s ease-out, height 0.15s ease-out 0.15s; } .xs-list-box:hover .lind::after { border-bottom-color: #114275; border-left-color: #114275; transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s; } @media( max-width: 991px){ .teach-list li{ width: 100%; } } @media( max-width: 768px){ .teach-list-box{ height: auto; padding:0; } .teach-img{ left: 10px; top: 10px; } .teach-img img{ width: 70px; height: 90px; } .teach-img1{ left: 10px; top: 10px; } .teach-img1 img{ width: 60px; height: 90px; } .teach-list-box .lind-bottom{position: relative; padding:10px 10px 10px 100px; } .teacher-name{ font-size: 12px; margin-bottom: 5px; } .teacher-name a{ font-size: 18px; padding-right: 10px; } .teacher-p p{ font-size: 12px; } .teach-list li{ margin-bottom: 20px; } } .clearfix:before, .clearfix:after{ display: table; content: " "; } .clearfix:after{ clear: both; } /* @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp } */ /*搜索框*/ .search_a { margin-top: 8px; } .top_search { width: 230px; float: right; } .top_search .sea { background: #fff; height: 36px; width: 180px; padding: 0 10px; float: left; border: 0; color: #8b0012; } .top_search .btn { float: left; background: url(search.png) center center no-repeat #fff; width: 50px; height: 36px; border-radius: 0; } /*************师资详情页************/ .teach-top{ background: #fff; position: relative; border-top: solid 5px #114275; min-height: 260px; padding:35px 35px 35px 225px; } .teach-top-img{ position: absolute; left: 35px; top: 35px; } .teach-top-img img{ width: 140px; height: 170px; } .xq-title{ background: #fff; font-size: 20px; color:#114275; margin:35px 0; line-height: 50px; padding-left: 20px; border-left: solid 5px #114275; } .jl-txt p{ font-size: 16px; margin-bottom: 20px; } .jl-txt{ margin-bottom: 50px; } #vsb_content h4{ background: #efefef; font-size: 20px; color: #4e2a84; margin: 35px 0; line-height: 50px; padding-left: 20px; border-left: solid 5px #4e2a84;} #vsb_content h4 p{ color: #2e2d2f; font-size: 20px;} #vsb_content .vsbcontent_img{} #vsb_content .vsbcontent_img img{display:block;margin:0 20px 20px 5px;float:left;} #vsb_content p{word-break: break-word;} #vsb_content p span{word-break: break-word;} /* SHOW-TEAM */ .show-team-top { background-color:#f4f4f4; padding:30px;} .show-team-top span { border-bottom:2px #4e2a84 solid; font-size:24px; color:#333; padding-bottom:8px;} .show-team-top p { font-size:18px;color:#333; margin:2rem 0 0;} .show-team-nr { font-size:14px; color:#666;line-height:30px; margin-top:30px} .show-team-nr img{ max-width:100%; height:auto;} /* SHOW-CON */ .show-con-top { background-color:#f4f4f4; padding:20px;} .show-con-top span { font-size:22px; color:#333; display:block; text-align: center;} .show-con-top p { font-size:14px;color:#666; margin:1rem 0 0; text-align:center;} .show-con-nr { font-size:14px; color:#666;line-height:30px; margin-top:30px} .show-con-nr img{ max-width:100%; height:auto;} /* FLOAD */ .fload { position: absolute;z-index:100;} .fload a { padding:5px; border:2px #ddd solid; display:block;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;} .fload a:hover {border:2px #4e2a84 solid;} .fload .fclose{ position:absolute; right:0; top:-25px; width:18px; height:18px; background:url(close.png) no-repeat; cursor:pointer;opacity:0.8;filter: alpha(opacity=80);-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;transition: all ease-out .2s;} .fload .fclose:hover {opacity:1;filter: alpha(opacity=100);} @media only screen and (min-width:1025px) { } @media only screen and (min-width:641px) and (max-width:1024px) { .site-news .x-mess { padding:50px 40px 0 20px;} .x-mess-nrtxt { width:40%; height:210px;margin-top:50px; margin-left:60%;} .x-mess-nrname {width:40%;margin-left:60%;} .site-news .x-news { padding-left:5%; padding-right:2%;} .info-pd { padding:0 10px;} .bt{margin-bottom:20px;} .info-midpd { padding:0 2.5rem;} .mid-nr { padding:0 10px;} .sty-midpd { padding:0 3.5rem;} .site-sty .sty-teac { padding-right:2%} .site-sty .sty-stud { padding-left:2%} .fold-list .am-thumbnails > li {padding:1rem 1.5rem; } .fold-listx .am-thumbnails > li {padding:1rem 1.5rem; } .fold-listl .am-thumbnails > li {padding:1rem 1.5rem; } .fold-listz .am-thumbnailsz { margin-left: -1.5rem;margin-right: -1.5rem;} .fold-listz .am-thumbnailsz > li {padding:1rem 1.5rem; } .fold-list .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .fold-listx .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .fold-listl .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;} .list-imglb1 .am-thumbnails,.list-txtlb1 .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .list-imglb1 .am-thumbnails > li,.list-txtlb1 .am-thumbnails > li {padding: 0 1rem 3rem 1rem;} .list-imglbz .am-thumbnails,.list-txtlbz .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .list-imglbz .am-thumbnails > li,.list-txtlbz .am-thumbnails > li {padding: 0 1rem 3rem 1rem;} .fload { display:none} } @media only screen and (max-width: 640px) { .site-news .x-mess { padding:50px 20px 40px;} .x-mess-nrtxt { width:100%; height:auto;margin-top:40px; margin-left:0;font-size:16px;} .x-mess-nrname {width:100%;margin-left:0;} .x-mess-nr img { display:none;} .x-mess-nr { position:relative; min-height:210px;} .site-news .x-news {padding:50px 20px;} .info-dib { width:100%;} .info-pd { padding:0 10px;} .bt{margin-bottom:20px;} .info-mb { margin:40px 0;} /*.info-list { display:none;}*/ .info-midpd { padding:0 2.5rem;} .site-middle{ padding-bottom:0} .mid-nr { padding:0 0 40px 0;} .mid-nr .mid-tit { font-size:20px;} .mid-nr p { font-size:16px;} .site-sty .sty-teac {padding:50px 3% 0 } .site-sty .sty-stud {padding:50px 3% 80px } .fo-ewm,.fo-lx { display:none;} .fold-list .am-thumbnails > li {padding:1rem 1rem; } .fold-list .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .fold-listx .am-thumbnails > li {padding:1rem 1rem; } .fold-listx .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .fold-listl .am-thumbnails > li {padding:1rem 1rem; } .fold-listl .am-thumbnails { margin-left: -1rem;margin-right: -1rem;} .fold-listz .am-thumbnailsz > li {padding:1rem 1rem; } .fold-listz .am-thumbnailsz { margin-left: -1rem;margin-right: -1rem;} .list-honor li .list-honor-nr { padding-left:0; padding-top:20px;} .list-imglb1 li a img { max-width:inherit; width:100%;} .list-imglbz li a img { max-width:inherit; width:100%;} .list-nav {position: relative !important;} .fload { display:none} .w-sli .am-slides > li { margin:0 auto !important; width:100%; height:auto; overflow:hidden; } .w-sli .am-slides > li .centered img { min-width:100% !important; display:inline-block !important; margin-right:-100% !important; } .list-imglbz li h3{height:auto;} .info-list .date{display:none;} .info-list li a{ overflow:hidden; width:calc(100% - 10px); text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .fold-listx .am-thumbnails .sty-name{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list-imglbz li .mh80{height:80px;} } .am-img-responsive { margin:0 auto !important; width:100%; height:auto; overflow:hidden; display: block; background-size:contain|cover; } .am-img-responsive img{ min-width:100% !important; display:inline-block !important; margin-right:-100% !important; } /* 标题 */ .index_title { line-height: 30px; padding: 20px 0; } .index_title p { font-size: 28px; font-weight: bold; color: #8b0012; display: inline-block; } .index_more { padding-right: 25px; display: inline-block; float: right; } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Bounce To Top */ .bounce-top, .bounce-green, .bounce-white, .bounce-pink{ display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .bounce-pink:before{ background:#EC768C !important; } .bounce-top:before{ /*background: #07AAA5;*/ background: #4e2a84; opacity:0.6; } .bounce-green:before{ background:#82B440; } .bounce-white:before{ background: #fff; } .bounce-top:before, .bounce-green:before, .bounce-white:before, .bounce-pink:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .bounce-top:hover, .bounce-top:focus{ color: #fff!important; } .bounce-pink:hover, .bounce-pink:focus{ color: #fff !important; border:1px solid #EC768C !important; } .bounce-green:hover, .bounce-green:focus{ color: #fff; border:1px solid #82B440; } .bounce-white:hover, .bounce-white:focus{ color:#1b1d1f !important; border:1px solid #fff; } .fold-list li a:hover .bounce-top:before,.fold-list li a:focus .bounce-top:before, .fold-listc li a:hover .bounce-top:before,.fold-listc li a:focus .bounce-top:before, .fold-listz li a:hover .bounce-top:before,.fold-listz li a:focus .bounce-top:before, .w-sty li a:hover .bounce-top:before, .w-sty li a:focus .bounce-top:before, .bounce-green:hover::before, .bounce-green:focus::before, .bounce-white:hover::before, .bounce-white:focus::before, .fold-listx li a:hover .bounce-top:before,.fold-listx li a:focus .bounce-top:before, .fold-listl li a:hover .bounce-top:before, .bounce-pink:hover::before, .bounce-pink:focus::before{ -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .bounce-left{ display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .bounce-left:before{ background: #4e2a84; } .bounce-left:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 4px; } .bounce-left:hover, .bounce-left:focus{ color: #fff!important; } .list-more a.bounce-left:hover:before,.list-more a.bounce-left:focus:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .pagess {clear: both;width:100%;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:14px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #4e2a84;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul a{ display:block;color:#999} .pagess ul a:hover {color: #fff;} .page{ text-align:center; font-size:12px; clear: both; padding-top: 30px; height: 40px; } .page input{ border:1px solid #e1e1e1; background:#fff; width:30px; height:30px; line-height:30px; vertical-align:middle; } .page a,.page span{ display:inline-block; *display:inline; zoom:1; margin-right:0px; height:30px; line-height:30px; } .page a,.page a:active{ display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; padding:0 10px;} .page a:hover {border:1px solid #06437d; text-decoration:none; color:#06437d;} .page span.current {background:#06437d; border:1px solid #06437d; color:#fff; padding:0 10px; } #gotop{ position:fixed; bottom:-70px; right:30px; width:40px; height:40px; background:url(gotop.png) no-repeat center #9f9f9f; cursor:pointer; transition:0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; _display:none;} #gotop:hover{ background-color: #4e2a84; }