html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
/* line-height: 1; */
overflow-x: hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
.image-list .cover {
position: relative;
width: 32.15%;
display: inline-block;
margin: 15px 5px;
background-color: #fff;
cursor: pointer;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/*demo CSS*/
.news-info img{
max-width: 100%;
max-height: 100%;
}
.main-content{
width: 100%;
}
.title{
margin: 20px 30px;
}
.image-list{
width: 100%; padding-top:15px;
}
.image-list .cover{
/* position: relative; */
/* width: 32.2%; */
/* display: inline-block; */
/* margin: 15px 5px; */
/* background-color: #fff; */
/* cursor: pointer; */
}
.image-list .cover img{
/* position: absolute; */
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/*main CSS*/
#pictureViewer{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,.3);
z-index: 10000;
}
#pictureViewer > .content{
background-color: #fff;
position: absolute;
width: 870px;
height: 590px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#pictureViewer .menu-bar{
width: 100%;
}
#pictureViewer .menu-bar .handel{
width: 40px;
height: 40px;
float: right;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
background-color: #1369b9;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
background-image: url(../images/maximization_black.png);
background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
background-image: url(../images/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
background-size: 16px;
background-image: url(../images/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
background-image: url(../images/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
background-image: url(../images/close_black.png);
background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
background-image: url(../images/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
display: inline-block;
width: 50px;
height: 70px;
position: relative;
top: calc(50% - 80px);
background-repeat: no-repeat;
background-size: 25px;
background-position: 50%;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#pictureViewer .handel-prev{
background-image: url(../images/prev_blank.png);
}
#pictureViewer .handel-next{
background-image: url(../images/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
background-color: #1369b9;
}
#pictureViewer .handel-prev:hover{
background-image: url(../images/prev_white.png);
}
#pictureViewer .handel-next:hover{
background-image: url(../images/next_white.png);
}
#pictureViewer .picture-content{
display: inline-block;
width: 80%;
height: calc(100% - 80px);
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
}
#pictureViewer .picture-content .cover{
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#pictureViewer .counter{
position: absolute;
bottom: 0;
height: 40px;
line-height: 40px;
width: 100%;
text-align: center;
color: #808080;
font-size: 13px;
}
#pictureViewer .hide{
display: none;
}
#pictureViewer .left{
float: left;
}
#pictureViewer .right{
float: right;
}
#pictureViewer .clear-flex{
clear: both;
}
#pictureViewer img{
max-width: 100%;
max-height: 100%;
}
.suofang01 {
width: 0%;
height: 2px;
background: #1369b9;
margin: 0 auto;
transition: all .3s;
}
/******************/
.info-dt {
padding: 0px 0 30px;
font-size: 14px;
line-height: 28px;
color: #888; width:100%; margin:0 auto; float:right
}
.info-dt p {
text-indent: 0em;
}
.bot {
margin-bottom: 30px;
}
.bot .s1 {
font-size: 16px;
color: #999;
}
.bot .news-a, .bot .return-a {
color: #1369b9;
font-size: 16px;
}
.pages {
text-align: center;
}
.pages .pages1 {
display: inline-block;
}
.pages .pages1 a {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
width: 60px;
height: 40px;
line-height: 40px;
color: #666;
font-size: 15px;
text-align: center;
border: 1px solid #e6e6e6;
border-width: 1px 1px 1px 1px;
transition: all .3s linear;
}
.pages .pages1 a:last-child {
border-right: 1px solid #e6e6e6;
}
.pages .pages1 a:hover, .pages .pages1 a.active {
border-color: #1369b9;
color: #fff;
background-color: #1369b9;
}
.pages .pages1 .sheng {
border-top: none;
border-bottom: none;
}
.pages .pages1 .sheng:hover {
background: #fff;
color: #1369b9;
border-color: #e6e6e6;
}
.pages .pages1 .prev, .pages .pages1 .next {
font-size: 13px;
width: 92px;
text-align: left;
}
.pages .pages1 .prev {
border-left-width: 1px;
padding-left: 36px;
background: url(../images/prev4.png) left 16px center no-repeat;
background-size: 6px;
}
.pages .pages1 .prev:hover {
background: url(../images/prev4on.png) left 16px center no-repeat;
background-color: #1369b9;
background-size: 6px;
}
.pages .pages1 .next {
border-right-width: 1px;
padding-left: 12px;
background: url(../images/next4.png) 70px center no-repeat;
background-size: 6px;
}
.pages .pages1 .next:hover {
background: url(../images/next4on.png) 70px center no-repeat;
background-color: #1369b9;
background-size: 6px;
}
.pagination {
margin: 40px auto;
text-align: center;
}
/*.pagination {
display: inline-block;
}*/
.pagination a {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
width: 40px;
height: 40px;
line-height: 40px;
color: #666;
font-size: 15px;
text-align: center;
border: 1px solid #e6e6e6;
border-width: 1px 0 1px 1px;
transition: all .3s linear;
}
.pagination a:last-child {
border-right: 1px solid #e6e6e6;
}
.pagination a:hover, .pagination a.active {
border-color: #1369b9;
color: #fff;
background-color: #1369b9;
}
.pagination .sheng {
border-top: none;
border-bottom: none;
}
.pagination .sheng:hover {
background: #fff;
color: #1369b9;
border-color: #e6e6e6;
}
.pagination .prev, .pagination .next {
font-size: 13px;
width: 92px;
text-align: left;
}
.pagination .prev {
border-left-width: 1px;
padding-left: 36px;
background: url(../images/prev4.png) left 16px center no-repeat;
background-size: 6px;
}
.pagination .prev:hover {
background: url(../images/prev4on.png) left 16px center no-repeat;
background-color: #1369b9;
background-size: 6px;
}
.pagination .next {
border-right-width: 1px;
padding-left: 12px;
background: url(../images/next4.png) 70px center no-repeat;
background-size: 6px;
}
.pagination .next:hover {
background: url(../images/next4on.png) 70px center no-repeat;
background-color: #1369b9;
background-size: 6px;
}
a.z-crt {
background: #1369b9;
color: #fff ! important;
}
.pic_text_box {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
p.pic_list_p {
/*text-align: left;
font-size: 18px;
padding-left: 10px;
padding-top: 10px;*/
text-align: center;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
height: 26px;
}
.pic_text_box_buttom {
padding-top: 20px;
}
.pic_text_left {
float: left;
padding-top: 10px;
padding-left: 10px;
}
.pic_text_right {
float: right;
padding-right: 10px;
}
.pic_text_box_buttom {
overflow: hidden;
padding-bottom: 10px;
}
.pic_text_box {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.image-list li:hover img.pic_img {
/* transform: scale(1.1); */
/* transition: all .5s; */
}
img.pic_img {
/* transform: scale(1.0); */
/* transition: all .5s; */
}
.image-list li:hover .pic_list_p {
color: #1369b9;
transition: all .5s;
}
.pic_img_box {
overflow: hidden;
}
.image-list li {
position: relative;
/* overflow: hidden; */
width: 32.2%;
display: inline-block;
margin: 15px 5px;
background-color: #fff;
cursor: pointer;
}
.pic_xiaotubiao {
margin-bottom: 0px ! important;
}
.suofang01 {
width: 0%;
height: 2px;
background: #1369b9;
margin: 0 auto;
transition: all .3s;
}
.image-list li:hover .suofang01 {
width: 100%;
transition: all .5s;
}
/*************ADD ***********/