html { min-width: 1200px; overflow-x: auto; }
.w {
width: 1200px;
margin: 0 auto;
}
.sect4 .w {
overflow: hidden;
}
.img-scale {
display: block;
overflow: hidden;
}
.img-scale img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.img-scale .img-frame {
overflow: hidden;
}
.img-scale .img {
/*背景图替换img*/
background-image: url();
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
-o-background-size: cover;
background-size: cover;
-webkit-transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
width: 100%;
height: 100%;
}
.img-scale .img img {
min-height: 100%;
}
.img-scale:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.img-scale:hover .img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.header {
height: 150px;
background: url(../images/topbg_01.png) no-repeat center #014fa1;
}
.logo {
float: left;
margin-top: 28px;
}
.top_rig {
padding-top: 28px;
}
.top_link {
color: #fff;
font-size: 14px;
text-align: right;
}
.top_link a {
color: #fff;
font-size: 14px;
}
.search {
width: 234px;
height: 37px;
background-color: #fff;
line-height: 37px;
border-radius: 8px;
margin-top: 30px;
overflow: hidden;
}
.search input {
height: 37px;
padding-left: 10px;
}
.search button {
background: url(../images/search.png) no-repeat center;
width: 33px;
height: 38px;
vertical-align: top;
}
.nav {
position: relative;
z-index: 5;
height: 55px;
background-color: #073f7b;
}
.nav ul {
width: 1200px;
margin: 0 auto;
}
.nav ul li {
float: left;
position: relative;
}
.nav ul li a {
display: block;
padding: 0 26px;
color: #fff;
line-height: 55px;
}
.nav ul li:hover {
background-color: #004ea1;
}
.nav ul li dl dd {background-color: rgba(255,255,255,.9);}
.nav ul li dl dd a { color:#000; }
.nav dl {
display: none;
position: absolute;
top: 45px;
left: 50%;
transform:translateX(-50%);
z-index: 10;
text-align: center;
overflow: hidden;
}
.nav dl dd a {
display:block;
width: 140px;
line-height: 35px;
padding: 0 4px;
}
.nav dl dd a:hover {background:#004da5;color:#fff;}
/* 轮播图 */
.mySwiper {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
font-size: 0;
}
.mySwiper .slick-arrow {
position: absolute;
top: 45%;
z-index: 12;
width: 60px;
height: 60px;
background: no-repeat 50% 50%;
background-size: 100%;
opacity: .6;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.mySwiper:hover .slick-arrow {
opacity: 1;
}
.mySwiper .slick-arrow.slick-prev {
left: 10%;
background-image: url(../images/prev.png);
}
.mySwiper .slick-arrow.slick-next {
right: 10%;
background-image: url(../images/next.png);
}
.mySwiper .slick-dots {
position: absolute;
bottom: 15px;
left: 50%;
z-index: 12;
transform: translateX(-50%);
}
.mySwiper .slick-dots li {
display: inline-block;
padding: 0;
margin: 0 9px;
border: 2px solid transparent;
border-radius: 50%;
overflow: hidden;
vertical-align: middle;
}
.mySwiper .slick-dots button {
width: 11px;
height: 11px;
border-radius: 50%;
background: #7fa6cf;
}
.mySwiper .slick-dots li.slick-active {
border-color: #004ea1;
padding: 2px;
}
.mySwiper .slick-dots li.slick-active button {
background: #004ea1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
}
.section {
padding: 25px 0 30px;
}
/* 焦点新闻 */
.sect1 {
height: 360px;
}
.column {
height: 50px;
margin-top: 10px;
border-bottom: 1px solid #ddd;
}
.column p {
float: left;
font-size: 28px;
font-weight: 500;
color: #004ea1;
}
.column p span {
font-size: 16px;
color: #999;
}
.column p i {
font-style: normal;
color: #ad603c;
}
.column a {
float: right;
line-height: 50px;
font-size: 14px;
color: #666;
}
.list li {
position: relative;
float: left;
width: 360px;
height: 195px;
margin: 20px 60px 0 0;
}
.list li:last-child {
margin: 20px 0 0 0;
}
.list li a {
display: block;
}
.list li a img {
width: 100%;
min-height: 100%;
}
.list li a .img-frame {
width: 100%;
height: 195px;
}
.list li a .date {
position: absolute;
bottom: 0;
left: 0;
width: 68px;
background-color: rgba(255, 255, 255, .7);
color: #004ea1;
text-align: center;
}
.list li a .date p:first-child {
font-size: 24px;
}
.list li a .title {
line-height: 30px;
margin-top: 10px;
color: #000;
}
.list li :hover .title {
color: #004ea1;
}
.sect2 .xykx {
width: 685px;
}
/* 学院快讯 */
.list2 .date {
display: inline-block;
border: 1px solid #004ea1;
}
.list2 .date span:first-child {
display: inline-block;
width: 30px;
height: 25px;
line-height: 25px;
font-size: 16px;
color: #fff;
background-color: #004ea1;
text-align: center;
}
.list2 .date span:last-child {
display: inline-block;
width: 68px;
font-size: 14px;
color: #004ea1;
text-align: center;
}
.list2 li {
width: 99%;
padding: 20px 0;
border-bottom: 1px dashed #ddd;
transition: all 1s;
}
.list2 li:hover {
box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, .3);
padding-left: 8px;
}
.list2 li a {
display: inline-block;
width: 560px;
line-height: 18px;
font-size: 16px;
color: #000;
padding-left: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list2 li:hover a {
color: #004ea1;
}
/* 通知公告 */
.sect2 .tzgg {
float: left;
width: 480px;
margin: 0 0 0 35px;
}
.list3 .date {
font-size: 14px;
color: #004ea1;
}
.list3 a {
display: inline-block;
width: 440px;
font-size: 16px;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list3 li {
width: 480px;
height: 65px;
background-color: #f7fbff;
margin: 20px 0 0 0;
padding: 10px 0 10px 30px;
border-left: 3px solid #004ea1;
}
.list3 li:hover a {
color: #004ea1;
}
.sect3 {
padding: 15px 0 20px;
}
.sect3 .box {
width: 100%;
height: 496px;
overflow: hidden;
position: relative;
}
.sect3 .box .slide {
position: absolute;
top: 0;
left: 0;
z-index: 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
visibility: hidden;
}
.sect3 .box .slide.active {
opacity: 1;
z-index: 1;
visibility: visible;
}
.sect3 .title {
margin: 30px 0 0 0;
}
.sect3 .title span {
float: left;
width: 400px;
height: 60px;
line-height: 60px;
text-align: center;
cursor: pointer;
background-color: #e6e6e6;
}
.sect3 .title span:hover, .sect3 .title span.cur {
background-color: #004ea1;
color: #fff;
}
.list4 li {
margin: 20px 0 0 0;
}
.sect3 .list4 li:first-child {
height: 85px;
padding: 10px 0;
margin: 30px 0 0 0;
border-left: 4px solid #004ea1;
border-top: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.list4 .date {
float: left;
margin: 0 20px;
}
.list4 .date p {
color: #004ea1;
text-align: center;
}
.sect3 .list4 .date p:first-child {
font-size: 24px;
}
.list4 .title1 {
margin-top: 7px;
}
.list4 .title1 a {
font-size: 18px;
color: #004ea1;
}
.list4 .title1 p {
font-size: 14px;
color: #686868;
}
.list4 .dot {
display: inline-block;
width: 10px;
height: 30px;
margin: 0 5px 0 0;
background: url(../images/dot.png) no-repeat center;
vertical-align: middle;
}
.list4 li a {
display: inline-block;
width: 1086px;
color: #000;
}
.list4 li p {
color: #b1b1b1;
}
.list4 li:hover a {
color: #004ea1;
}
.sect3 .more a {
float: right;
}
.rel {
position: relative;
}
.sect3 .more {
padding: 10px 0 0 0;
position: relative;
}
.sect3 .more::before {
content: "";
display: block;
width: calc(100% - 60px);
box-sizing: border-box;
position: absolute;
left: 0;
top: 22px;
height: 1px;
background-color: #ddd;
}
.sect3 .more a {
color: #666;
font-size: 14px;
}
.sect4 .yqlj {
width: 710px;
}
/* 修改 */
.list5 {
margin: 15px 0 0;
}
.list5 li {
float: left;
width: 33.33%;
line-height: 40px;
text-align: left;
}
.list5 li:nth-child(2n) {
margin-right: 0;
}
.list5 li:hover a {
color: #004ea1;
}
.list5 li a {
display: block;
color: #000;
}
/* end */
.sect4 .whqk {
width: 410px;
}
.list6 li {
float: left;
width: 180px;
height: 270px;
margin: 30px 50px 0 0;
}
.list6 li:last-child {
margin: 30px 0 0 0;
}
.list6 li img {
width: 100%;
min-width: 100%;
}
.list6 li .img-frame {
height: 235px;
}
.list6 li p {
text-align: center;
color: #000;
line-height: 50px;
}
.footer {
background-color: #004ea1;
margin: 30px 0 0 0;
padding: 30px 0;
}
.foot-logo {
float: left;
width: 270px;
height: 80px;
}
.foot-logo img {
width: 100%;
}
.copaRight {
float: left;
color: #fff;
margin: 0 0 0 195px;
font-size: 14px;
line-height: 32px;
}
.ewm {
float: right;
}
.ewm img {
margin: 0 0 0 20px;
}
/* 内页 */
.decoration {
max-height: 300px;
overflow: hidden;
}
.decoration img {
width: 100%;
vertical-align: top;
}
.sidebar {
width: 210px;
position: relative;
z-index: 2;
}
.lv1-c {
font-size: 26px;
line-height: 80px;
color: #fff;
text-align: center;
background: url(../images/columnBg.png) no-repeat 100% 100% #073f7b;
}
.main {
width: 940px;
}
.place {
border-bottom: 1px solid #ddd;
}
.place h6 {
display: inline-block;
margin: 0 0 -1px;
font-size: 22px;
line-height: 52px;
color: #004ea1;
border-bottom: 3px solid #004ea1;
}
.position {
font-size: 14px;
line-height: 55px;
color: #999;
}
.position a {
color: #999
}
.position a:hover {
color: #004ea1;
}
.main .list4 {
margin: 18px 0 0;
}
.main .list4 li {
margin: 0;
line-height: 52px;
border-bottom: 1px solid #ddd;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.main .list4 li:hover, .news-list a:hover {
box-shadow: 6px 7px 7px 0 #bbb;
}
.main .list4 li:hover a {
width: 815px;
}
.main .list4 li a {
width: 824px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.news-list li {
padding: 0 0;
border-bottom: 1px solid #ddd;
}
.news-list a {
display: block;
padding: 20px 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.news-list a:hover .title{
color: #004ea1;
}
.news-list a::after {
display: block;
content: "";
clear: both;
}
.news-list .text {
width: calc(100% - 70px);
}
.news-list .text .title {
font-size: 16px;
line-height: 30px;
color: #000;
}
.news-list .text .info{
font-size: 14px;
line-height: 30px;
color: #666;
}
.news-list .date {
width: 60px;
font-size: 14px;
line-height: 28px;
color: #004ea1;
text-align: center;
}
.news-list .date p:first-child {
font-size: 24px;
line-height: 32px;
color: #004ea1;
}
.article {
padding: 30px 0 0;
}
.article h1 {
padding: 0 30px 5px;
font-size: 18px;
font-weight: 700;
line-height: 35px;
color: #000;
text-align: center;
}
.article .sub {
padding: 0 0 10px;
font-size: 14px;
line-height: 30px;
color: #666;
text-align: center;
border-bottom: 1px solid #ddd;
}
.article .sub span {
margin: 0 12px;
}
.article .content {
padding: 15px 0 30px;
font-size: 16px;
line-height: 32px;
color: #000;
text-indent: 2em;
}
.article .content table p {
text-indent: 0;
}
.article .content table, .article .content img, .article .content video, .article .content iframe {
max-width: 100%;
}
.article .content table tr { text-indent:0; }
.article .content table tr td p { font-size:16px!important; padding:5px 10px; }
.article .page {
border-top: 1px solid #ddd;
padding: 10px 0 0;
}
.contentTable table { width:100%!important; }
.article .page a {
display: block;
padding: 5px 0;
font-size: 15px;
line-height: 32px;
color: #004ea1;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.article .page a:hover {
font-weight: 700;
}
.article .page a span {
color: #000;
}
/* 修改 */
body {
overflow-x: hidden;
}
.list2 li {
padding: 12px 0;
}
.list3 li {
height: auto;
margin: 3px 0 0;
padding: 5px 0 5px 30px;
}
.teach-about {
padding: 26px 0 35px;
}
.teach-about .title, .teach-item .title {
font-size: 18px;
line-height: 40px;
color: #000;
}
.teach-about .content {
font-size: 16px;
line-height: 34px;
color: #666;
text-indent: 2em;
}
.teach-item {
margin: 0 0 60px;
}
.teach-item .more {
font-size: 14px;
line-height: 40px;
color: #999;
}
.teach-item .name, .teach-list2 .name {
margin: 35px 0 0;
font-size: 17px;
line-height: 30px;
color: #000;
}
.teach-item .zc, .teach-list2 .zc {
font-size: 14px;
line-height: 20px;
color: #666;
}
.teach-slick {
margin: 30px -70px 0;
padding: 0 0 25px;
font-size: 0;
}
.teach-slick .slick-slide {
text-align: center;
}
.teach-slick .img-frame, .teach-list2 .img-frame {
width: 140px;
height: 140px;
margin: 0 auto;
border-radius: 50%;
}
.teach-slick .img-frame .img, .teach-list2 .img-frame .img { background-size: cover; background-position: 50% 0%; }
.teach-slick .slick-dots {
position: absolute;
bottom: -15px;
left: 45%;
}
.teach-slick .slick-dots li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 7px;
border-radius: 50%;
background: #e5e5e5;
cursor: pointer;
}
.teach-slick .slick-dots li.slick-active {
background: #195faa;
}
.teach-list2 {
margin: 30px -70px 0;
font-size: 0;
}
.teach-list2 li {
display: inline-block;
width: 25%;
margin: 0 0 70px;
text-align: center;
}
.teach-retire a { color:#959595;}
.teach-retire a:hover { color:#004da5;}
.teach-leave a { color:#6f6b6b; }
.teach-leave a:hover { color:#004da5;}
/* 新增 */
.sidebar { width: 240px; }
.sidebar .lv1-column { font-size: 24px; font-weight: 500; line-height: 80px; color: #fff; text-align: center; background: #a60e0c; }
.sidebar > ul { padding: 20px 15px 120px;
border-left: 3px solid#073f7b;
background: url(../images/sidebar.jpg) no-repeat 0% 100%;
}
.sidebar > ul > li { position: relative; border-left: 2px solid transparent; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; border-top: 1px dashed #fff; border-bottom: 1px dashed #ccc;}
.sidebar > ul > li > a { display: block; font-size: 18px; line-height: 55px; color: #333; text-align: left; text-indent: 12px; border-bottom: 1px dashed #eee; }
.sidebar > ul > li > a:hover { color: #004ea1; }
.sidebar > ul > li > i { position: absolute; top: 0; right: -5px; bottom: auto; left: auto; z-index: 1; width: 45px; height: 45px; cursor: pointer; background-image: url("../images/jiantou.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.sidebar > ul > li.cur > ul { display: block }
.sidebar > ul > li > ul { padding: 0 0 20px 25px; display: none; }
.sidebar > ul > li > ul a { font-size: 16px; line-height: 22px; padding: 8px 0; display: block; color: #333; text-align: left; }
.sidebar > ul > li > ul a:hover { color: #004ea1; }
.sidebar .three li a { padding: 0 0 0 40px; font-size: 17px; }
.sidebar > ul > li.cur { background: #fff; }
.sidebar > ul > li.cur > i { display: block; }
.sidebar > ul > li.cur > a { color: #004ea1; font-weight: bold; border: none; }
.sidebar > ul > li:first-child { border-top: none; }
.sidebar > ul > li:last-child { border-bottom: none; }
.threefont { color:red; }
/* end */
.xyld table{width:100% !important;}