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;}