This commit is contained in:
avene 2018-05-12 10:42:21 +08:00
parent 4cabb8ad6f
commit a5ece832f4
1 changed files with 323 additions and 250 deletions

View File

@ -1,26 +1,32 @@
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
i { i {
font-style: normal; font-style: normal;
} }
.bigImg { .bigImg {
width: 100%; width: 100%;
height: 500px; height: 500px;
background: url(../img/banner1.jpg) no-repeat center; background: url(../img/banner1.jpg) no-repeat center;
background-size: 100%; background-size: 100%;
} }
.searchBox { .searchBox {
margin-top: 30px; margin-top: 30px;
} }
.searchBox .form-group { .searchBox .form-group {
width: 90%; width: 90%;
float: left; float: left;
} }
.form-control { .form-control {
border-radius: 0; border-radius: 0;
outline: none; outline: none;
} }
.searchBox i { .searchBox i {
display: block; display: block;
float: left; float: left;
@ -30,10 +36,12 @@ i{
width: 10%; width: 10%;
cursor: pointer; cursor: pointer;
} }
.searchBox i:hover { .searchBox i:hover {
background: #51aefc url(../img/search2.png) center no-repeat; background: #51aefc url(../img/search2.png) center no-repeat;
background-size: 30%; background-size: 30%;
} }
.dataBox { .dataBox {
overflow: hidden; overflow: hidden;
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
@ -42,16 +50,20 @@ i{
border-left: 5px solid #303848; border-left: 5px solid #303848;
margin-bottom: 20px; margin-bottom: 20px;
} }
.dataBox:hover { .dataBox:hover {
border-left: 5px solid #3d97e3; border-left: 5px solid #3d97e3;
} }
.dataBox:hover .rightBox h6 { .dataBox:hover .rightBox h6 {
color: #3d97e3; color: #3d97e3;
} }
.fixTab a.a_noHover:hover { .fixTab a.a_noHover:hover {
color: #333333; color: #333333;
text-decoration: none; text-decoration: none;
} }
.dataBox img { .dataBox img {
float: left; float: left;
width: 100px; width: 100px;
@ -59,10 +71,12 @@ i{
margin-top: 14px; margin-top: 14px;
height: 80px; height: 80px;
} }
.dataBox .rightBox { .dataBox .rightBox {
float: left; float: left;
width: 75%; width: 75%;
} }
.dataBox .rightBox h6 { .dataBox .rightBox h6 {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
@ -71,6 +85,7 @@ i{
font-size: 16px; font-size: 16px;
color: #303848; color: #303848;
} }
.dataBox .rightBox p { .dataBox .rightBox p {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
@ -80,10 +95,12 @@ i{
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
} }
.dataBox .rightBox span { .dataBox .rightBox span {
font-size: 12px; font-size: 12px;
color: #999; color: #999;
} }
.searchOne a { .searchOne a {
display: inline-block; display: inline-block;
width: 80px; width: 80px;
@ -99,12 +116,14 @@ i{
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 10px; margin-bottom: 10px;
} }
.searchOne a:hover { .searchOne a:hover {
text-decoration: none; text-decoration: none;
background: #3d97e3; background: #3d97e3;
color: #FFFFFF; color: #FFFFFF;
border: 1px solid #3d97e3; border: 1px solid #3d97e3;
} }
#myTabContent { #myTabContent {
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
border-top: none; border-top: none;
@ -112,6 +131,7 @@ i{
margin-bottom: 30px; margin-bottom: 30px;
overflow: hidden; overflow: hidden;
} }
.btn-default { .btn-default {
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@ -119,20 +139,25 @@ i{
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
#myTabContent .col-sm-2 { #myTabContent .col-sm-2 {
width: 10%; width: 10%;
} }
.btn-default:hover { .btn-default:hover {
border: 1px solid #3d97e3; border: 1px solid #3d97e3;
color: #3d97e3; color: #3d97e3;
background: #FFFFFF; background: #FFFFFF;
} }
#myTab a { #myTab a {
color: #333333; color: #333333;
} }
#myTab .active a { #myTab .active a {
color: #3d97e3; color: #3d97e3;
} }
.searchBox1 { .searchBox1 {
width: 100%; width: 100%;
position: fixed; position: fixed;
@ -144,14 +169,17 @@ i{
padding-top: 20px; padding-top: 20px;
display: none; display: none;
} }
.addOne { .addOne {
text-align: center; text-align: center;
margin-bottom: 40px; margin-bottom: 40px;
margin-top: 20px; margin-top: 20px;
} }
.addOne a { .addOne a {
display: block; display: block;
} }
.addOne a.a1 { .addOne a.a1 {
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
@ -160,12 +188,14 @@ i{
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
} }
.addOne a.a1:hover { .addOne a.a1:hover {
color: #3d97e3; color: #3d97e3;
background: url(../img/icon1.png) no-repeat 30px center; background: url(../img/icon1.png) no-repeat 30px center;
background-size: 10%; background-size: 10%;
text-decoration: none; text-decoration: none;
} }
.addOne a.a2 { .addOne a.a2 {
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
@ -174,12 +204,14 @@ i{
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
} }
.addOne a.a2:hover { .addOne a.a2:hover {
color: #3d97e3; color: #3d97e3;
background: url(../img/icon2.png) no-repeat 30px center; background: url(../img/icon2.png) no-repeat 30px center;
background-size: 10%; background-size: 10%;
text-decoration: none; text-decoration: none;
} }
.addOne a.a3 { .addOne a.a3 {
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
@ -188,33 +220,41 @@ i{
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
} }
.addOne a.a3:hover { .addOne a.a3:hover {
color: #3d97e3; color: #3d97e3;
background: url(../img/icon3.png) no-repeat 30px center; background: url(../img/icon3.png) no-repeat 30px center;
background-size: 10%; background-size: 10%;
text-decoration: none; text-decoration: none;
} }
.fixTab { .fixTab {
padding: 8px 15px; padding: 8px 15px;
margin-top: 20px; margin-top: 20px;
background-color: #f5f5f5; background-color: #f5f5f5;
border-radius: 4px; border-radius: 4px;
} }
.searchBox2 { .searchBox2 {
margin-top: 20px; margin-top: 20px;
} }
.fixTab a { .fixTab a {
color: #333333; color: #333333;
} }
.fixTab a:hover { .fixTab a:hover {
color: #3d97e3; color: #3d97e3;
} }
.fixTab span { .fixTab span {
color: #999999; color: #999999;
} }
.pagination { .pagination {
float: right; float: right;
} }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3; z-index: 3;
color: #fff; color: #fff;
@ -234,6 +274,7 @@ i{
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
.newsList { .newsList {
height: 810px; height: 810px;
background: #FFFFFF; background: #FFFFFF;
@ -241,28 +282,34 @@ i{
width: 100%; width: 100%;
float: left; float: left;
} }
.newsListContent { .newsListContent {
margin: 20px auto 0; margin: 20px auto 0;
position: relative; position: relative;
height: 810px; height: 810px;
} }
.newUlList { .newUlList {
padding: 0; padding: 0;
} }
.newUlList li { .newUlList li {
overflow: hidden; overflow: hidden;
padding: 20px 0; padding: 20px 0;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
.newUlList li:last-of-type { .newUlList li:last-of-type {
border: none; border: none;
} }
.newUlList li .newsImgBox { .newUlList li .newsImgBox {
width: 270px; width: 270px;
height: 135px; height: 135px;
overflow: hidden; overflow: hidden;
float: left; float: left;
} }
.newUlList li img { .newUlList li img {
width: 270px; width: 270px;
height: 135px; height: 135px;
@ -272,6 +319,7 @@ i{
-ms-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
} }
.newUlList li:hover img { .newUlList li:hover img {
transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3);
@ -279,26 +327,31 @@ i{
-ms-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3);
} }
.newUlList li .newRight { .newUlList li .newRight {
float: right; float: right;
width: 800px; width: 800px;
} }
.newTopTitle { .newTopTitle {
overflow: hidden; overflow: hidden;
margin: 15px 0; margin: 15px 0;
} }
.newTopTitle span { .newTopTitle span {
display: block; display: block;
float: left; float: left;
color: #555555; color: #555555;
font-size: 14px; font-size: 14px;
} }
.newTopTitle i { .newTopTitle i {
display: block; display: block;
float: right; float: right;
color: #999999; color: #999999;
font-size: 14px; font-size: 14px;
} }
.newRight p { .newRight p {
color: #999999; color: #999999;
font-size: 12px; font-size: 12px;
@ -308,7 +361,26 @@ i{
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
.newRight a{
/*.newRight a{*/
/*float: right;*/
/*display: block;*/
/*width: 90px;*/
/*height:30px;*/
/*line-height: 30px;*/
/*text-indent:27px ;*/
/*border: 1px solid #e6e6e6;*/
/*color: #9f9f9f;*/
/*font-size: 12px;*/
/*margin-top: 15px;*/
/*border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-ms-border-radius: 4px;*/
/*-o-border-radius: 4px;*/
/*background: url(../img/rihgtLittle.png) no-repeat 57px center;*/
/*}*/
.newRight a.more {
float: right; float: right;
display: block; display: block;
width: 90px; width: 90px;
@ -326,6 +398,7 @@ i{
-o-border-radius: 4px; -o-border-radius: 4px;
background: url(../img/rihgtLittle.png) no-repeat 57px center; background: url(../img/rihgtLittle.png) no-repeat 57px center;
} }
.newRight a:hover { .newRight a:hover {
border: 1px solid #3d97e3; border: 1px solid #3d97e3;
color: #FFFFFF; color: #FFFFFF;