@charset "UTF-8";
html, body {
width: 100%;
height: 100%;
font-size: 15px;
font-family: "Microsoft YaHei",sans-serif; }
* {
border: 0;
margin: 0;
padding: 0; }
/*重新定义滚动条样式*/
::-webkit-scrollbar {
width: 2px; }
::-webkit-scrollbar-track {
border-radius: 2px;
background-color: #000; }
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #000; }
.home-container {
width: 100%;
height: 100%;
/*1.导航*/
/*2.头部导航滚动*/
/*10.关于我们*/
/*11.版权*/
/*3.新闻表头图片*/
/*4.新闻内容*/ }
.home-container .home-nav {
-webkit-transition: all .5s;
transition: all .5s;
width: 100%;
height: 68px;
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 10000; }
.home-container .home-nav .nav-container {
width: 1148px;
margin: 0 auto;
height: 68px;
line-height: 68px;
display: -moz-box;
display: -webkit-box;
display: box; }
.home-container .home-nav .nav-container .nav-left {
box-flex: 2;
-moz-box-flex: 2;
-webkit-box-flex: 2; }
.home-container .home-nav .nav-container .nav-left .left-container {
height: 100%;
display: -moz-box;
display: -webkit-box;
display: box; }
.home-container .home-nav .nav-container .nav-left .left-container .left-item {
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1; }
.home-container .home-nav .nav-container .nav-left .left-container .left-item:first-child img {
height: 48px;
vertical-align: middle; }
.home-container .home-nav .nav-container .nav-right {
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
height: 100%; }
.home-container .home-nav .nav-container .nav-right .right-container {
width: 100%;
height: 100%;
display: -moz-box;
display: -webkit-box;
display: box;
color: #fff;
text-align: right; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item {
cursor: pointer;
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
height: 100%; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item a {
color: #fff;
text-decoration: none; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item:hover a {
color: #00a3ff;
text-decoration: none; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item-active a {
color: #00a3ff;
text-decoration: none; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item-end {
width: 250px; }
.home-container .home-nav .nav-container .nav-right .right-container .right-item-end img {
height: 28px;
width: 28px;
margin-right: 10px;
vertical-align: middle; }
.home-container .home-nav-scroll {
background-color: #fff;
-webkit-box-shadow: 0 1px 0 0 #eee;
box-shadow: 0 1px 0 0 #eee; }
.home-container .home-nav-scroll .nav-container .nav-right .right-container .right-item a {
color: #000; }
.home-container .home-nav-scroll .nav-container .nav-right .right-container .right-item-active a {
color: #00a3ff;
text-decoration: none; }
.home-container .home-nav-scroll .nav-container .nav-right .right-container .right-item-end {
color: #00a3ff; }
.home-container .home-about {
width: 100%;
padding: 50px 0;
background-color: #212433; }
.home-container .home-about .about-container {
width: 1148px;
margin: 0 auto;
min-height: 200px;
display: -moz-box;
display: -webkit-box;
display: box; }
.home-container .home-about .about-container .about-item {
max-width: 220px;
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
text-align: left; }
.home-container .home-about .about-container .about-item .item-title {
font-size: 18px;
color: #fff;
margin-bottom: 25px; }
.home-container .home-about .about-container .about-item .item-each {
font-size: 14px;
color: #999;
margin-bottom: 10px; }
.home-container .home-about .about-container .about-item .item-each a {
text-decoration: none;
font-size: 14px;
color: #999; }
.home-container .home-about .about-container .about-item .item-each a:hover {
color: #00a3ff; }
.home-container .home-about .about-container .about-item:last-child {
text-align: right; }
.home-container .home-about .about-container .about-item:last-child img {
margin: 0 auto 10px;
padding-right: 10px; }
.home-container .home-about .about-container .about-item:last-child div {
font-size: 14px;
color: #999; }
.home-container .home-copyright {
width: 100%;
background-color: #212433;
height: 51px;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #999; }
.home-container .home-copyright .copyright-container {
width: 1148px;
margin: 0 auto;
border-top: 1px solid #2c3044; }
.home-container .news-banner {
width: 100%;
height: 180px;
margin-top: 68px; }
.home-container .news-banner .news-container {
width: 100%;
height: 100%; }
.home-container .news-banner .news-container img {
display: block;
width: 100%;
height: 100%; }
.home-container .new-content {
background-color: #fff;
width: 100%; }
.home-container .new-content .content-container {
width: 1148px;
margin: 0 auto;
/*内容整体*/ }
.home-container .new-content .content-container .content-header {
height: 72px;
line-height: 72px;
-webkit-box-shadow: 0 1px 0 0 #eee;
box-shadow: 0 1px 0 0 #eee; }
.home-container .new-content .content-container .content-header img {
width: 24px;
height: 24px;
margin-right: 10px;
vertical-align: middle; }
.home-container .new-content .content-container .content-header span {
font-size: 15px;
color: #000;
font-weight: bolder;
vertical-align: middle; }
.home-container .new-content .content-container .content-details {
width: 100%;
margin-top: 30px;
background-color: #fff; }
.home-container .new-content .content-container .content-details .details-container {
width: 1148px;
margin: 0 auto;
display: -moz-box;
display: -webkit-box;
display: box;
min-height: 400px;
/*右侧搜索*/
/*左侧内容列表*/
/*搜索内容固定宽度，可能隐藏*/ }
.home-container .new-content .content-container .content-details .details-container .detail-search {
width: 340px;
margin-left: 60px;
/*热门新闻列表*/ }
.home-container .new-content .content-container .content-details .details-container .detail-search .search-input-container {
width: 100%;
height: 42px;
display: -moz-box;
display: -webkit-box;
display: box; }
.home-container .new-content .content-container .content-details .details-container .detail-search .search-input-container .input-container {
height: 100%;
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1; }
.home-container .new-content .content-container .content-details .details-container .detail-search .search-input-container .input-container .search-input {
text-indent: 10px;
outline: none;
background-color: #eee;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 1px 0 #999;
box-shadow: 0 0 1px 0 #999; }
.home-container .new-content .content-container .content-details .details-container .detail-search .search-input-container .input-search-btn {
height: 42px;
line-height: 42px;
width: 42px;
background-color: #3199ee;
text-align: center; }
.home-container .new-content .content-container .content-details .details-container .detail-search .search-input-container .input-search-btn img {
cursor: pointer;
height: 24px;
width: 24px;
vertical-align: middle;
vertical-align: middle; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-title {
margin: 30px 0 0;
width: 340px; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-title span:first-child {
font-size: 18px;
color: #000;
font-weight: bolder; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-title span:last-child {
font-size: 15px;
color: #999; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list {
width: 340px; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item {
width: 100%;
cursor: pointer;
height: 20px;
line-height: 20px;
margin: 15px 0 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-no {
display: inline-block;
width: 20px;
font-size: 14px;
color: #fff;
text-align: center;
background-color: #c5c5c5; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-no-top {
background-color: #00a3ff; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-desc {
margin: 0 5px;
display: inline-block;
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 260px; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-desc a {
font-size: 14px;
color: #666;
text-decoration: none; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-desc a:hover {
text-decoration: underline; }
.home-container .new-content .content-container .content-details .details-container .detail-search .recommend-list .recommend-item .item-time {
display: inline-block;
width: 30px;
max-width: 40px;
font-size: 14px;
color: #999; }
.home-container .new-content .content-container .content-details .details-container .detail-list {
box-flex: 1;
-moz-box-flex: 1;
-webkit-box-flex: 1;
min-height: 1000px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .title {
font-size: 18px;
color: #333;
text-align: left;
margin-bottom: 10px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .sub-title {
font-size: 15px;
color: #666;
margin-bottom: 10px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .sub-title span:first-child {
margin-right: 30px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-img {
width: 100%; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-img img {
width: 750px;
height: 416px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-content {
font-size: 14px;
color: #666;
line-height: 30px;
text-indent: 25px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-content p {
margin-bottom: 20px; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-content p:last-child a {
text-decoration: none; }
.home-container .new-content .content-container .content-details .details-container .detail-list .detail-list-container .detail-content p:last-child a a:hover {
text-decoration: underline; }
/*# sourceMappingURL=news.css.map */