静态资源
This commit is contained in:
@@ -1,194 +1,733 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
*{ margin:0; padding:0}
|
||||
ul li{ list-style:none}
|
||||
img{ border:0; max-width:100%}
|
||||
a{ text-decoration:none; color:#333}
|
||||
.clear{ clear:both}
|
||||
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px;}
|
||||
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
|
||||
p{text-align:justify}
|
||||
@charset "UTF-8";
|
||||
|
||||
.main{ width:1200px; margin:0 auto;}
|
||||
html, body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-family: "微软雅黑";
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
|
||||
.b-img{ /*height:400px;*/ position:absolute; left:0; top:0;}
|
||||
.b-img img{ display:block; /*height:400px;*/ float:left;}
|
||||
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
|
||||
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
|
||||
.b-list .spcss{ background:#0580c8}
|
||||
a:hover {
|
||||
color: #203175;
|
||||
}
|
||||
|
||||
.topbox{ width:100%; min-width:1200px; height:40px; line-height:40px; overflow:hidden;background:#ededed;}
|
||||
.topbox p{ width:1200px; margin:0 auto; font-size:14px; color:#333;}
|
||||
a, a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.logo{ width:1200px; margin:0 auto; overflow:hidden}
|
||||
.logo img{ display:block; width:1200px;}
|
||||
p, h1, h2, h3, h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav{width:100%; min-width:1200px; overflow:hidden;background: #0580c8;height: 54px;}
|
||||
.nav ul{ overflow:hidden}
|
||||
.nav ul li{ float:left;width: 125px;height: 54px;text-align: center;line-height: 54px; overflow:hidden; margin-right:1px}
|
||||
.nav ul li a{color: #fff;font-size: 15px; display:block}
|
||||
.nav ul li:hover,.nav ul li.on{ background:rgb(74, 136, 207)}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.part1{margin: 20px auto; width:1200px;color: #666;font-size: 14px;line-height: 28px; height:28px; overflow:hidden}
|
||||
.part1 span{ display:block; float:left; font-weight:bold;}
|
||||
.part1 .con{ float:left; max-width:1000px; overflow:hidden}
|
||||
.part1 .con a{ display:inline-block;color: #666; padding-right:5px}
|
||||
img {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.part2{ width:100%; min-width:1200px;background:#F3F3F3; padding:20px 0}
|
||||
.part2 .titbox{width: 340px;margin: 20px auto;height: 65px;text-align: center; overflow:hidden}
|
||||
.part2 .titbox p{ text-align:center;color: #0580c8;font-weight:bold;font-size: 30px;}
|
||||
.part2 .titbox em{font-style:normal;text-transform: uppercase;color: #afb2af;font-size: 14px;font-family: arial;text-align: center;margin-left: 10px;}
|
||||
/* 文字裁剪 */
|
||||
.nowrap {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.part2 ul{ padding-bottom:20px; overflow:hidden}
|
||||
.part2 ul li{background: #fff;width: 285px;height: 324px;float: left;margin: 10px 20px 10px 0;overflow: hidden;}
|
||||
.part2 ul li:nth-child(4n){ margin-right:0}
|
||||
.part2 ul li img{margin: 10px 10px 0 10px;width: 265px;height: 265px;}
|
||||
.part2 ul li p{ text-align:center;line-height: 48px;color: #333; font-size: 16px;}
|
||||
.part2 ul li:hover p{color: #0580c8;}
|
||||
.nowrap-multi {
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.part3{ padding-top:46px; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:20px}
|
||||
.part3 .titbox{width: 600px;margin:0 auto;text-align: center;}
|
||||
.part3 .titbox p{padding-top: 18px; font-weight:bold;font-size: 28px;color: #000;text-align: center;}
|
||||
.part3 .titbox span{font-style:normal;text-transform: uppercase;color: #afb2af;font-size: 14px;font-family: arial;text-align: center;line-height: 34px;}
|
||||
.part3box{ padding-top:30px;}
|
||||
.part3box .p3L{border: 10px solid #eee;width: 315px;height: 216px;margin-right: 20px;float: left; overflow:hidden}
|
||||
.part3box .p3L img{width: 315px;height: 216px;}
|
||||
.part3box .p3R{width: 845px;float: left; padding-top: 10px;}
|
||||
.part3box .p3R .con{color: #666666;font-size: 14px;line-height: 2;margin-bottom: 10px; max-height:170px; overflow:hidden}
|
||||
.part3box .p3R a.more{border-radius: 20px;padding: 2px 10px;background: #0580c8;color: #fff;margin-top: 10px;display: inline-block;}
|
||||
.part3box .p3R a.more:hover{background: #ccc;color: #000;transition: all .5s;}
|
||||
.marqueeleft{width:1200px;overflow:hidden; padding-top:40px}
|
||||
.marqueeleft ul{float:left;}
|
||||
.marqueeleft li{float:left;display:inline;height:128px;overflow:hidden; padding-right:20px }
|
||||
/* 禁止响应式 */
|
||||
.container {
|
||||
width: 1190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* 首页 */
|
||||
.mian {
|
||||
background-color: #eff0f4;
|
||||
}
|
||||
|
||||
.part4{width:100%; min-width:1200px; background:url(../images/bg.jpg) repeat;padding: 43px 0;margin: 20px auto;}
|
||||
.part4box{ float:left;width: 582px;overflow: hidden;}
|
||||
.part4box .titbox{ height:27px; overflow:hidden; line-height:27px;}
|
||||
.part4box .titbox h2{ float:left;color: #0580c8;font-size: 18px;font-weight: normal; max-width:450px; overflow:hidden;border-left: 4px solid #0580c8; padding-left: 10px;}
|
||||
.part4box .titbox a{ float:right;color: #333;font-size: 14px;}
|
||||
.mian-title {
|
||||
border-bottom: solid 1px #e6e6e6;
|
||||
padding: 10px 0;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.part4box .cons{background: #fff;margin-top: 20px;padding: 10px;}
|
||||
.p4one{ height:147px; overflow:hidden}
|
||||
.p4one .p4oneL{width:183px; height:137px;float: left;margin-right: 10px;margin-bottom: 10px; overflow:hidden}
|
||||
.p4one .p4oneL img{width:183px; height:137px;}
|
||||
.p4one .p4oneR{width: 350px;height:137px;float: right; overflow:hidden}
|
||||
.p4one .p4oneR a{font-weight: bold;color: #333;font-size: 14px;margin: 10px 0; float:left; max-width:250px;}
|
||||
.p4one .p4oneR span{ margin:10px 0; float:right;font-weight: normal;font-size: 14px;color: #666;}
|
||||
.p4one .p4oneR .sub{font-size: 14px;line-height: 1.8; height:75px; overflow:hidden}
|
||||
.p4one .p4oneR a:hover{ color:#0580c8}
|
||||
.mian-title b {
|
||||
font-size: 18px;
|
||||
padding: 0 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.part4 ul{ padding-top:15px; overflow:hidden}
|
||||
.part4 ul li{line-height:35px; overflow:hidden;height:35px;border-bottom: 1px dotted #ccc;}
|
||||
.part4 ul li p{background: #0580c8;width: 14px;height: 14px;border-radius: 50%;float: left;text-align: center;color: #fff;margin-right: 15px;line-height: 14px;margin-top: 10px; font-size:14px;}
|
||||
.part4 ul li a{ float:left;color: #333;font-size: 14px; max-width:410px;}
|
||||
.part4 ul li span{ float:right;color: #666;font-size: 14px;}
|
||||
.part4 ul li:hover p{background: #ccc;color: #000; transition: all .5s;}
|
||||
.part4 ul li:hover a{color: #0580c8;transition: all .5s;}
|
||||
.part4 ul li:hover span{color: #0580c8; transition: all .5s;}
|
||||
.mian-title b::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background-color: #203175;
|
||||
}
|
||||
|
||||
.part4box.fr{ float:right}
|
||||
.mian-title span {
|
||||
color: gray;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mian-title-more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
line-height: 25px;
|
||||
color: gray;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.linkbox{margin: 40px auto; width:1200px; overflow:hidden}
|
||||
.linkbox .linkL{ width:81px; height:70px; overflow:hidden; float:left}
|
||||
.linkbox .linkL .p1{ width:73px; height:35px; padding-left:8px; line-height:35px; color:#fff; font-size:14px; background:url(../images/icon.png) no-repeat}
|
||||
.linkbox .linkL .p2{width:73px; height:35px; padding-left:8px;color:#fff; line-height:35px; font-size:14px; background:url(../images/icon2.png) no-repeat}
|
||||
.linkbox .linkR{width: 1096px;float: right;border: 1px solid #ccc; height: 50px;padding: 10px;font-size: 14px;line-height: 2;overflow: hidden;}
|
||||
.linkbox .linkR a{color: #797979;margin: 0 5px;display: inline-block;}
|
||||
.mian-title-more i {
|
||||
margin-left: 5px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* 广告条 */
|
||||
.index-ad {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.footer{width:100%; min-width:1200px; background: #000;padding: 20px 0;font-size: 14px;}
|
||||
.fnav{ color:#a2a2a2; max-width:1200px; margin:0 auto; text-align:center}
|
||||
.fnav a{display: inline-block;line-height: 2;margin: 0 5px 20px;color: #fff;}
|
||||
.foot{ text-align:center;color: #a2a2a2; line-height:2}
|
||||
.index-ad img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* tool */
|
||||
.tool {
|
||||
background-color: #eff0f4;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mainWarp{ width:1200px; margin:0 auto;margin: 40px auto;}
|
||||
.mainLeft{float: left;width: 220px;}
|
||||
.typebox{border: 2px solid #0580c8;width: 212px;min-height:50px;background: #fcfcfc;}
|
||||
.typebox .tit{background:#0580c8;color: #fff;font-size: 18px;font-weight: normal;line-height: 2.5;}
|
||||
.typebox .tit p{ text-align:center}
|
||||
.typebox ul{ overflow:hidden;margin-top: 20px;margin-bottom: 10px;}
|
||||
.typebox ul li{background: #e1e1e1;margin: 10px 15px;line-height:35px;font-size: 14px; height:35px;}
|
||||
.typebox ul li a{ float:left;color: #444444; max-width:140px;}
|
||||
.typebox ul li p{ float:left;margin: 12px 10px;background: #000;border-radius: 50%;width: 12px;height: 12px;color: #fff;line-height: 0.8;text-align: center;}
|
||||
.typebox ul li:hover{background: #0580c8; transition: all .5s;}
|
||||
.typebox ul li:hover p{background: #fff;color: #000; transition: all .5s;}
|
||||
.typebox ul li:hover a{color: #fff;transition: all .5s;}
|
||||
.tool a {
|
||||
color: gray;
|
||||
margin-left: 20px;
|
||||
transition: color .4s;
|
||||
}
|
||||
|
||||
.mainLeft .titboxcon{border-left: 4px solid #0580c8; height:27px;padding-left: 10px;margin:20px 0 10px; overflow:hidden}
|
||||
.mainLeft .titboxcon p{font-size: 18px;color: #0580c8;}
|
||||
.mainLeft .lxwm{}
|
||||
.mainLeft .lxwm .con{line-height: 2; padding-top:10px}
|
||||
ul.newsul{ overflow:hidden}
|
||||
ul.newsul li{ height:35px;line-height:35px;color: #666; border-bottom:1px dashed #ddd}
|
||||
ul.newsul li a{ color:#666}
|
||||
ul.newsul li a:hover{ color:#0580c8}
|
||||
.tool a i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.tool a:hover {
|
||||
color: #203175;
|
||||
}
|
||||
|
||||
/* 导航 */
|
||||
.header {
|
||||
padding: 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mainRight{ float:right; width:962px; overflow:hidden}
|
||||
.brandnav{width: 950px;border: 1px solid #ccc;padding: 5px; height:25px; line-height:25px; overflow:hidden}
|
||||
.brandnav p{ float:left;color: #0580c8;font-size: 16px;font-weight: normal;padding-left: 10px; max-width:200px;}
|
||||
.brandnav .con{ float:right; font-size:14px; color:#333; max-width:300px}
|
||||
.header-logo {
|
||||
height: 68px;
|
||||
width: 395px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
ul.piclistul{padding: 15px;width: 930px; border: 1px solid #ccc;margin-top: 10px;min-height:300px; overflow:hidden}
|
||||
ul.piclistul li{ width:217px; height:192px; overflow:hidden; float:left; margin:10px 8px}
|
||||
ul.piclistul li .proimg{ width:215px; height:160px;_display:table;display:table-cell;text-align:center;border:1px solid #ddd;vertical-align:middle}
|
||||
ul.piclistul li .proimg img{vertical-align:middle;max-height:160px; max-width:215px;}
|
||||
ul.piclistul li p{ text-align:center;line-height: 30px; color:#333; padding:0 10px}
|
||||
ul.piclistul li:nth-child(4n){ margin-right:0}
|
||||
ul.piclistul li:hover p{color: #0580c8;}
|
||||
ul.piclistul li:hover .proimg{ border:1px solid #0580c8}
|
||||
.header nav {
|
||||
position: absolute;
|
||||
padding-left: 20px;
|
||||
top: 10px;
|
||||
right: 0;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.header nav a {
|
||||
display: inline-block;
|
||||
color: #203175;
|
||||
width: 90px;
|
||||
line-height: 68px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
transition: all .4s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header nav a::before {
|
||||
position: absolute;
|
||||
content: " ";
|
||||
bottom: 0;
|
||||
width: 50px;
|
||||
height: 4px;
|
||||
left: 20px;
|
||||
background-color: #203175;
|
||||
opacity: 0;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
ul.listul{padding: 15px 35px; overflow:hidden;border: 1px solid #ccc;margin-top: 10px;min-height:300px;}
|
||||
ul.listul li{ height:36px; line-height: 36px;border-bottom: 1px dotted #CCC;}
|
||||
ul.listul li p{background: #0580c8;width: 14px; height: 14px; border-radius: 50%;float: left;text-align: center;color: #fff;margin-right: 15px;line-height: 12px;margin-top: 12px;}
|
||||
ul.listul li a{ float:left;color: #333; max-width:600px;font-size: 14px;}
|
||||
ul.listul li span{ float:right;color: #666;font-size: 13px;}
|
||||
.header nav a.show::before,
|
||||
.header nav a:hover::before {
|
||||
bottom: 15px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 欢迎语 */
|
||||
.hello {
|
||||
background-color: #203175;
|
||||
}
|
||||
|
||||
.detailbox{padding: 15px;border: 1px solid #ccc;margin-top: 10px;min-height:70vh; overflow:hidden}
|
||||
.detailbox .xq{}
|
||||
.detailbox .xq h1{font-size: 20px;line-height: 40px;text-align: center;color: #0580c8;}
|
||||
.detailbox .xq .date{margin: 10px 0;padding: 5px 10px;font-size: 14px;line-height: 24px;color: #666;text-align: center;border: 1px dotted #ccc;}
|
||||
.detailbox .xq .con{padding: 10px;line-height:30px; padding-bottom:20px}
|
||||
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:650px; padding:10px 0}
|
||||
.hello-text {
|
||||
color: #abb2cb;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
/* banner图 */
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swiper-banner-img {
|
||||
width: 100%;
|
||||
padding-top: 20%;
|
||||
background-size: 100%;
|
||||
transition: all .2s;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
|
||||
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
|
||||
.pagebox a:hover{background:#0580c8; color:#fff}
|
||||
.pagebox a.on{ background:#0580c8; color:#fff}
|
||||
.swiper-banner-img h3 {
|
||||
background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, .2), transparent);
|
||||
padding: 15px 15px 50px 15px;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.imgcenter{display: flex; flex-direction: row; justify-content: center;align-items: center;box-sizing: border-box;}
|
||||
.imgcenter li{width: 400px !important; }
|
||||
.imgcenter li img{width: 400px !important;}
|
||||
.swiper-banner-img:hover {
|
||||
background-size: 102%;
|
||||
}
|
||||
|
||||
.swiper-pagination .swiper-pagination-bullet {
|
||||
background-color: white;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.swiper-pagination .swiper-pagination-bullet-active {
|
||||
background-color: #203175;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 分院新闻 */
|
||||
.news {
|
||||
overflow: hidden;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.news-hot {
|
||||
width: 700px;
|
||||
margin-right: 20px;
|
||||
background-color: #EEEEEE;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.news-hot-cover {
|
||||
width: 700px;
|
||||
height: 336px;
|
||||
}
|
||||
|
||||
.news-hot-text {
|
||||
padding: 10px;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.news-hot-text a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.news-hot-text h3 {
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.news-hot-text p {
|
||||
line-height: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.news-hot-more {
|
||||
text-align: right;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.news-hot-more i {
|
||||
margin-left: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.news-title {
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.news-ul {
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.news-ul-li {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.news-ul-li:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.news-ul-li a {
|
||||
display: block;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
.news-ul-li a:hover {
|
||||
background-color: #fafafa;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.news-time {
|
||||
margin-right: 10px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
/* 科研动态 */
|
||||
.dynamic {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.dynamic-ul {
|
||||
margin: 0 -10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dynamic-ul-item {
|
||||
background-color: white;
|
||||
margin: 0 10px;
|
||||
float: left;
|
||||
width: calc(33.33% - 20px);
|
||||
}
|
||||
|
||||
.dynamic-ul-cover {
|
||||
width: 100%;
|
||||
padding-top: 50%;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dynamic-ul-text {
|
||||
background-color: white;
|
||||
height: 70px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.dynamic-ul-text h3 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.dynamic-ul-text p {
|
||||
line-height: 20px;
|
||||
color: gray;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.dynamic-ul-text a {
|
||||
transition: color .4s;
|
||||
}
|
||||
|
||||
/* 党团生活 */
|
||||
.party {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.party-ul-li {
|
||||
padding: 5px 10px 5px 95px;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
min-height: 80px;
|
||||
margin-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
.party-ul-li:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.party-ul-li a:hover .party-time {
|
||||
color: white;
|
||||
background-color: #203175;
|
||||
transition: all .3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.party-title {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.party-info {
|
||||
line-height: 20px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.party-time {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-right: solid 1px #EEEEEE;
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 15px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.party-time h3 {
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.party-time p {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.party-cover {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* 精神文明 */
|
||||
.spirit {
|
||||
width: 470px;
|
||||
margin-left: 20px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.spiritual-ul-li {
|
||||
padding: 5px 10px;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
border-left: solid 1px transparent;
|
||||
box-sizing: border-box;
|
||||
min-height: 80px;
|
||||
margin-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
.spiritual-ul-li:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.spiritual-ul-li:hover {
|
||||
background-color: #fafafa;
|
||||
border-left: solid 1px #203175;
|
||||
}
|
||||
|
||||
.spiritual-ul-li a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.spiritual-title {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.spiritual-info {
|
||||
line-height: 20px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
/* 国内国际新闻 */
|
||||
.tabs {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.tabs-content-block {
|
||||
overflow: hidden;
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.tabs-content-block li {
|
||||
line-height: 35px;
|
||||
float: left;
|
||||
width: calc(50% - 20px);
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.tabs-content-block li a {
|
||||
display: block;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
.tabs-content-block li a:hover {
|
||||
background-color: #fafafa;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.tabs-content-block li i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* tabs */
|
||||
.tabs-title {
|
||||
border-bottom: solid 1px #e6e6e6;
|
||||
padding: 10px 0;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tabs-item {
|
||||
padding: 0 10px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.tabs-item:hover {
|
||||
color: #203175;
|
||||
}
|
||||
|
||||
.tabs-item.show {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.tabs-item.show::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background-color: #203175;
|
||||
}
|
||||
|
||||
.tabs-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 子页面 */
|
||||
.child {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.child-nav,
|
||||
.child-content {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.child-nav {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.child-content {
|
||||
width: 950px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* 友情链接 */
|
||||
.href {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.href-content {
|
||||
padding-top: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.href-content a {
|
||||
line-height: 40px;
|
||||
width: 20%;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footer {
|
||||
background-color: #203175;
|
||||
padding: 40px 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.footer span {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/* 带有日期的列表 */
|
||||
.list-ul {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* 侧边栏导航 */
|
||||
.kj-bjt {
|
||||
margin-top: 20px;
|
||||
min-height: 70px;
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
text-align: right;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(../img/beijing.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.kj-bjt > b {
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.kj-bjt > p {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.child-nav-cover {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.child-nav-ul {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.child-nav-ul li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.child-nav-ul li::before {
|
||||
position: absolute;
|
||||
content: " ";
|
||||
height: 1px;
|
||||
background: #ddd;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.child-nav-ul li:last-child::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.child-nav-ul a {
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-left: solid 4px rgba(0, 0, 0, 0);
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.child-nav-ul a.show,
|
||||
.child-nav-ul a:hover {
|
||||
color: #203175;
|
||||
background-color: white;
|
||||
border-left: solid 4px #203175;
|
||||
}
|
||||
|
||||
/*交流合作*/
|
||||
.jlhz-border {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/*文章详情*/
|
||||
.wzxq {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.wzxq h3 {
|
||||
color: #333;
|
||||
font-size: 25px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.wzxq p {
|
||||
color: #999898;
|
||||
}
|
||||
|
||||
.xyp {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.xyp b {
|
||||
color: #5d5c5c;
|
||||
}
|
||||
|
||||
.xyp a {
|
||||
color: #676767;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.ritText img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* 分页 */
|
||||
.pages {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pages a {
|
||||
display: inline-block;
|
||||
margin: 0 2px;
|
||||
line-height: 30px;
|
||||
padding: 0 12px;
|
||||
text-align: center;
|
||||
background-color: #f1f3f8;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.pages a:hover,
|
||||
.pages a.show {
|
||||
background-color: #273981;
|
||||
color: white;
|
||||
}
|
||||
Reference in New Issue
Block a user