/*新闻列表*/ .list-page .sec1{ padding: 7.8125% 0 11%;/*150 0 212*/ } .list-page .sec1 .inner{ width: 1572px; } .list-page .sec1 .tab-controls{ text-align: center; font-size: 24px; margin-bottom: 6.55%;/*103*/ } .list-page .sec1 .tab-controls a{ font-size: inherit; color: #333333; -webkit-transition: color 0.5s; transition: color 0.5s; vertical-align: middle; } .list-page .sec1 .tab-controls a.company.active{ color: #0c67ba; } .list-page .sec1 .tab-controls a.party.active{ color: #e11d1d; } .list-page .sec1 .tab-controls .line{ display: inline-block; vertical-align: middle; width: 1px; height: 0.5em; margin: 0 1.25em; background-color: rgba(0,0,0,0.1); } .list-page .sec1 .tab-content .content{ display: none; } .list-page .sec1 .tab-content .content.active{ display: block; } .list-page .sec1 ul{ -webkit-display: flex; -webkit-align-items: stretch; -webkit-justify-content: flex-start; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; display: flex; align-items: stretch; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } .list-page .sec1 li{ width: 30.5%; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; font-size: 16px; margin-right: 4.25%; margin-bottom: 4%; } .list-page .sec1 li:nth-child(3n){ margin-right: 0; } .list-page .sec1 .text-box{ padding: 8.75% 0 10%;/*42 0 48*/ -webkit-transition: padding 0.5s; transition: padding 0.5s; } .list-page .sec1 li .time{ font-size: 1.125em; color: #999; -webkit-transition: color 0.5s; transition: color 0.5s; } .list-page .sec1 li h5{ font-size: 1.5em; color: #333; -webkit-transition: color 0.5s; transition: color 0.5s; line-height: 1.5; max-height: 3em; margin: 1em 0 0.75em;/*24 0 18*/ } .list-page .sec1 li p{ font-size: inherit; color: #999; -webkit-transition: color 0.5s; transition: color 0.5s; line-height: 1.5; max-height: 3em; } .list-page .content.party .wvi-pager .arrow{ background-image: url(../images/index_sec4_btn_bg2.png); } .list-page .content.party .wvi-pager-holder a.jp-current{ color: #e11d1d; } /*新闻详情*/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .detail-page #header{ box-shadow: 0 1px 0px #f2f2f2; } .detail-page .sec1{ padding: 6.77% 0 7.6%; } .detail-page .sec1 .inner{ width: 1000px; } .detail-page .sec1 .title{ text-align: center; } .detail-page .sec1 .title h1{ font-size: 36px; color: #333; line-height: 1.5; margin-bottom: 2.6%; } .detail-page .sec1 .title p{ font-size: 16px; color: #999; } .detail-page .sec1 .content{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 3% 0 3.4%; padding: 3.3% 0 4.6%; font-size: 16px; color: #555; line-height: 1.5; } .detail-page .sec1 .content img{ max-width: 100% !important; height: auto !important; } .detail-page .sec1 .content *{ font-size: inherit; color: inherit; line-height: inherit; } .detail-page .sec1 .relative a{ max-width: 45%; display: block; font-size: 16px; color: #999; line-height: 1.5; height: 1.5em; -webkit-transition: color 0.5s; transition: color 0.5s; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .detail-page .sec1 .relative a.prev{ float: left; -webkit-transition: padding-left 0.5s; transition: padding-left 0.5s; } .detail-page .sec1 .relative a.prev::before{ font-family: 'FontAwesome'; content: "\f177"; position: absolute; left: 0; top: 50%; margin-top: -0.75em; -webkit-transition: opacity 0.5s,transform 0.5s; transition: opacity 0.5s,transform 0.5s; opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .detail-page .sec1 .relative a.next{ float: right; -webkit-transition: padding-right 0.5s; transition: padding-right 0.5s; } .detail-page .sec1 .relative a.next::after{ font-family: 'FontAwesome'; content: "\f178"; position: absolute; right: 0; top: 50%; margin-top: -0.75em; -webkit-transition: opacity 0.5s,transform 0.5s; transition: opacity 0.5s,transform 0.5s; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } @media only screen and (min-width:1024px){ .list-page .sec1 .tab-controls a.company:hover{ color: #0c67ba; } .list-page .sec1 .tab-controls a.party:hover{ color: #e11d1d; } .list-page .sec1 .content.company li:hover{ background-color: #0c67ba; } .list-page .sec1 .content.party li:hover{ background-color: #e11d1d; } .list-page .sec1 li:hover .text-box{ padding: 8.75% 8.75% 10%;/*42 42 48*/ } .list-page .sec1 li:hover .time,.list-page .sec1 li:hover h5,.list-page .sec1 li:hover p{ color: #fff; } .list-page .content.party .wvi-pager-holder a:hover { color: #e11d1d; } .detail-page .sec1 .relative a:hover.prev{ padding-left: 1.5em; } .detail-page .sec1 .relative a:hover.prev::before{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .detail-page .sec1 .relative a:hover.next{ padding-right: 1.5em; } .detail-page .sec1 .relative a:hover.next::after{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .detail-page .sec1 .relative a:hover{ color: #333; font-weight: bold; } } @media only screen and (max-width:1366px){ /*新闻列表*/ .list-page .sec1 li{ font-size: 14px; } /*新闻详情*/ } @media only screen and (max-width:1024px){ /*新闻列表*/ .list-page .sec1{ padding: 3rem 0 4rem;/*150 0 212*/ } .list-page .sec1 .tab-controls{ font-size: 1.25rem; margin-bottom: 2rem; } .list-page .sec1 li{ width: 46%; font-size: 0.625rem; margin-right: 8%; } .list-page .sec1 li:nth-child(3n){ margin-right: 8%; } .list-page .sec1 li:nth-child(even){ margin-right: 0; } /*新闻详情*/ .detail-page .sec1{ padding: 2.5rem 0 3rem; } .detail-page .sec1 .title h1{ font-size: 1.25rem; } .detail-page .sec1 .title p{ font-size: 0.625rem; } .detail-page .sec1 .content{ margin: 0.8125rem 0 1rem; padding: 1rem 0; font-size: 0.625rem; } .detail-page .sec1 .relative a{ font-size: 0.625rem; } }