367 lines
6.4 KiB
CSS
367 lines
6.4 KiB
CSS
|
|
|
|
/* 轮播 */
|
|
|
|
.banner.swiper-container {
|
|
width: 100%;
|
|
height: 670px;
|
|
}
|
|
|
|
.banner.swiper-slide{
|
|
background: url('../images/index/banner01.jpg') no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
span.cdate {
|
|
display: inline-block;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
margin-left: 60%;
|
|
margin-top: 20%;
|
|
}
|
|
h2.btitle {
|
|
font-weight: 600;
|
|
margin-left: 60%;
|
|
margin-top: 2%;
|
|
font-size: 34px;
|
|
}
|
|
h2.btitle a{
|
|
color: black;
|
|
}
|
|
h2.btitle a:hover{
|
|
color: black;
|
|
}
|
|
h4.bstitle {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
margin-left: 72%;
|
|
margin-top: 2%;
|
|
}
|
|
span.cdate {
|
|
display: inline-block;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
margin-left: 60%;
|
|
margin-top: 20%;
|
|
}
|
|
.direction{
|
|
position: relative;
|
|
height: 44px;
|
|
width: 100px;
|
|
top: -35px;
|
|
left: 78%;
|
|
}
|
|
.banner .swiper-button-next, .swiper-button-prev{
|
|
width:39px !important;
|
|
background:url('../images/index/left.jpg') no-repeat center !important;
|
|
}
|
|
.banner .swiper-button-next, .swiper-button-next{
|
|
background:url('../images/index/right.jpg') no-repeat center !important;
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
.banner.swiper-container {
|
|
width: 100%;
|
|
height: 470px;
|
|
}
|
|
}
|
|
|
|
/* 专题数据*/
|
|
.all{
|
|
display: inline-block;
|
|
margin-bottom: 30px;
|
|
}
|
|
.all a{
|
|
font-size: 14px;
|
|
color:#bf4d9d;
|
|
}
|
|
.item{
|
|
height: 350px;
|
|
}
|
|
.data-title em{
|
|
display: inline-block;
|
|
padding:5px;
|
|
color:#fff;
|
|
font-style: normal;
|
|
background: red;
|
|
}
|
|
.data-title>span{
|
|
display: inline-block;
|
|
padding-left: 60%;
|
|
}
|
|
.data-title{
|
|
padding:5px;
|
|
}
|
|
.data-title .glyphicon{
|
|
color:#fff;
|
|
}
|
|
.down_right{
|
|
border-left:1px solid #ccc;
|
|
}
|
|
.carousel h3{
|
|
margin-top: 75px;
|
|
font-size: 22px;
|
|
}
|
|
h1{
|
|
font-size: 36px;
|
|
}
|
|
.data-image{
|
|
margin-top: 37px;
|
|
}
|
|
.data-wrapper{
|
|
margin-top:86px;
|
|
}
|
|
.heihe-desc{
|
|
line-height: 25px;
|
|
color:#989898;
|
|
font-size: 14px;
|
|
padding-right:20px
|
|
}
|
|
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
|
|
margin-right: -88px;
|
|
background: rgb(0, 0, 0);
|
|
}
|
|
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
|
|
margin-left: -88px;
|
|
background :rgb(0, 0, 0);
|
|
}
|
|
.carousel-control.left{
|
|
background-image: none !important;
|
|
}
|
|
.carousel-control.right{
|
|
background-image: none !important
|
|
}
|
|
|
|
.hot-data ul{
|
|
margin-top:20px;
|
|
margin-left: 20px;
|
|
}
|
|
.hot-data ul li a {
|
|
line-height: 25px;
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
/* 新闻 */
|
|
|
|
.news-wrapper{
|
|
margin-bottom: 30px;
|
|
}
|
|
.news-wrapper h5{
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 25px;
|
|
}
|
|
.news-wrapper p{
|
|
line-height: 25px;
|
|
color:#b6b6b6;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2; /*限制在一个块元素显示的文本的行数*/
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden
|
|
}
|
|
.news-con{
|
|
margin-top: 50px;
|
|
}
|
|
.news-wrapper a{
|
|
color:#333;
|
|
}
|
|
.news .hicon{
|
|
display: inline-block;
|
|
width:40px;
|
|
height:40px;
|
|
background-size: contain;
|
|
margin-top:25px;
|
|
}
|
|
.news p a{
|
|
color: #989898
|
|
}
|
|
.news #help a{
|
|
font-size: 36px;
|
|
font-weight: normal;
|
|
color:#222;
|
|
}
|
|
.news h4{
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
margin: 25px 0;
|
|
}
|
|
.news p{
|
|
color:#989898;
|
|
line-height: 16px;
|
|
}
|
|
.news p a{
|
|
line-height: 25px;
|
|
}
|
|
.news ul{
|
|
margin-left: 20px;
|
|
}
|
|
.news ul li{
|
|
color: #989898;
|
|
line-height: 25px;
|
|
}
|
|
.contact{
|
|
background: url('../images/index/contact.png') no-repeat center;
|
|
}
|
|
.data-server{
|
|
background:url('../images/index/data-server.png') no-repeat center;
|
|
}
|
|
.statistics{
|
|
background: url('../images/index/statistics.png') no-repeat center;
|
|
}
|
|
|
|
.news .help-wrapper{
|
|
height: 100%;
|
|
}
|
|
.news dl {
|
|
position: relative;
|
|
padding: 25px 25px;
|
|
color:#989898;
|
|
font-size: 12px;
|
|
border:1px solid #ccc;
|
|
margin-top: 90px;
|
|
}
|
|
.news dl a{
|
|
color:#989898;
|
|
line-height: 25px
|
|
}
|
|
.news dl,dt{
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#help-btn{
|
|
position: absolute;
|
|
border:none;
|
|
width: 126px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: #222;
|
|
color: #fff;
|
|
right: -26px;
|
|
bottom:-10px;
|
|
}
|
|
|
|
/* 合作单位 */
|
|
.cooperation p{
|
|
height: 57px;
|
|
background: url('../images/index/cooperation.jpg') no-repeat 60px center;
|
|
line-height: 57px;
|
|
padding-left:120px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #222;
|
|
margin: 35px auto;
|
|
}
|
|
|
|
.cooperation .swiper-button-prev, .swiper-button-next{
|
|
background:none !important;
|
|
line-height: 44px;
|
|
font-size: 25px;
|
|
color:#ccc;
|
|
}
|
|
|
|
.pagination {
|
|
position:fixed;
|
|
right:20px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
|
|
font-size:1.4em;
|
|
z-index: 10;
|
|
}
|
|
|
|
.pagination a {
|
|
display:block;
|
|
height:20px;
|
|
margin-bottom:5px;
|
|
color: #0e90d2;
|
|
position:relative;
|
|
padding:4px;
|
|
}
|
|
|
|
.pagination a.active{
|
|
background: none;
|
|
color: black;
|
|
}
|
|
|
|
.pagination a.active:after {
|
|
box-shadow:inset 0 0 0 5px;
|
|
}
|
|
.pagination a .hover-text {
|
|
font-size:12px;
|
|
position:absolute;
|
|
right:15px;
|
|
top:7px;
|
|
opacity:0;
|
|
-webkit-transition: opacity 0.5s ease;
|
|
transition: opacity 0.5s ease;
|
|
padding-right: 15px;
|
|
background: none;
|
|
color: black;
|
|
}
|
|
.pagination a:hover .hover-text {
|
|
opacity: 1;
|
|
background: none;
|
|
color: black;
|
|
}
|
|
.pagination a:after {
|
|
-webkit-transition:box-shadow 0.5s ease;
|
|
transition:box-shadow 0.5s ease;
|
|
width:10px;
|
|
height:10px;
|
|
display: block;
|
|
border:1px solid black;
|
|
border-radius:50%;
|
|
content:'';
|
|
position: absolute;
|
|
margin:auto;
|
|
top:0;
|
|
right:4px;
|
|
bottom:0;
|
|
}
|
|
|
|
/* 合作单位 */
|
|
.cooperation p{
|
|
width: 177px;
|
|
height: 24px;
|
|
/*background: url('../images/index/cooperation.jpg') no-repeat 60px center;*/
|
|
line-height: 24px;
|
|
/*padding-left:20px;*/
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #222;
|
|
margin: 55px auto;
|
|
float: right;
|
|
padding-left: 20px;
|
|
}
|
|
.cooperation img{
|
|
margin-top: 50px;
|
|
margin-bottom: 35px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.cooperation .swiper-button-prev, .swiper-button-next{
|
|
background:none !important;
|
|
line-height: 44px;
|
|
font-size: 25px;
|
|
color:#ccc;
|
|
}
|
|
|
|
#video_silder{background: #000;}
|
|
|
|
video {
|
|
position: absolute;
|
|
background: #000;
|
|
width:100%;
|
|
left: 50%;
|
|
top:50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.video_cover {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
} |