main{ padding-top: 60px; } .banner{ width: 100%; background-color: #006498; box-sizing:border-box; background: url(/uploads/image/nimages/newsbanner.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .banner-content{ position: absolute; top: 50%; left: 50%; width: 200px; height: 70px; margin-left: -100px; margin-top: -25px; text-align: center; color: #000; font-weight: bold; } .banner-content2 .span-conten-b{ font-size: 32px; display: block; } .banner-content2 .span-conten-s{ font-size: 22px; display: block; } .banner-container{ position: relative; height: 100%; } .select{ position: absolute; width: 175px; height: 150px; bottom: -90px; right: 15px; z-index: 60; } .select-year{ } .select-year-show{ display: inline-block; width: 137px; height: 35px; text-align: center; line-height: 35px; font-size: 16px; color: white; background-color: #000; } .select-year-choose{ float: right; width: 35px; height: 35px; background-color: red; cursor: pointer; text-align: center; } .select-year-choose i{ font-size: 35px; color: white; } .select-options{ display: none; } .open{ display: block; } .select-option{ margin-top: 2px; display: block; width: 100%; height: 35px; text-align: center; line-height: 35px; font-size: 16px; background-color: rgba(0,0,0,.7); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .select-option a{ display: block; width: 100%; height: 100%; color: white; text-decoration: none; } /*新闻内容*/ .page{ padding-top: 40px; } .section{ display: block; } /*.section > div > div{ display: none; }*/ .post { margin-bottom: 50px; } .post img { display: block; max-width: 100%; height: auto; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .post img:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .post .post-featured-image{ width: 100%; overflow: hidden; } .post .post-featured-image a{ display: block; width: 100%; height: 100%; } .post .post-featured-image img{ width: 100%; height: 100%; } .post-title{ padding: 10px 10px 0px; } .news-time{ color: #6e7686; display: inline-block; } .news-mold{ display: inline-block; } .news-content{ display: block; margin-top: 5px; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .news-content a{ color: #000; } span.news-mold-c{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #259ad1; font-size: 12px; padding: 2px 4px 1px; line-height: 1.3; } span.news-mold-p{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #23ae6e; font-size: 12px; padding: 2px 4px 1px; line-height: 1.3; } /*新闻内容end*/ /*分页*/ main nav{ margin: auto; float: right; text-align: center; display: block; } main nav .total{ display: inline-block; color: #6d7685; margin-right: 5px; margin-left: 5px; } main nav a{ display: inline-block; text-decoration: none!important; color: #000; width: 50px; height: 40px; background-color: #eeeeee; margin-right: 5px; line-height:40px; } main nav a.prev,main nav a.next{ } main nav a.skip{ color: #fff; background-color: #000; } main nav a:hover{ text-decoration: none; } main nav a i{ font-size: 28px; color: #000; vertical-align: middle!important; } main nav input{ width: 60px; height: 40px; padding-bottom: 1px; text-align: center; border: none; border: 1px solid #000; margin-right: 5px; } .on{ display: block!important; } @media (max-width: 767px){ main{ padding-top: 50px; } .page{ padding-top: 30px; } .post { margin-bottom: 30px; } .select{ position: absolute; width: 150px; height: 140px; bottom: -90px; right: 15px; z-index: 60; } .select-year{ } .select-year-show{ width: 117px; height: 30px; line-height: 30px; font-size: 16px; } .select-year-choose{ width: 30px; height: 30px; } .select-year-choose i{ font-size: 30px; } .select-option{ margin-top: 2px; width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 16px; } /*栅格化布局边距*/ .section .row .col-xs-6:nth-child(2n 1){ padding-right: 7.5px!important; } .section .row .col-xs-6:nth-child(2n){ padding-left: 7.5px!important; } } @media (min-width: 992px) and (max-width: 1200px) { } @media (min-width: 768px) and (max-width: 991px) { /*新闻内容*/ .page{ padding-top: 45px; } .post { margin-bottom: 30px; } .post-title{ padding: 10px 10px 0px; } .news-time{ font-size: 14px; } .news-content{ font-size: 14px; } .news-mold span.news-mold-c{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #259ad1; font-size: 12px; padding: 3px 4px 0px; line-height: 1.3; } .news-mold span.news-mold-p{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #23ae6e; font-size: 12px; padding: 3px 4px 0px; line-height: 1.3; } /*新闻内容end*/ } @media (min-width: 768px) and (max-width: 768px) { .page { padding-top: 30px; } } @media (max-width: 768px) { .page-turning{ width: 100%!important; } main nav{ float: initial; } main nav a{ width: 35px; } main nav input{ width: 45px; } } @media (max-width: 767px) { .banner-content{ margin-top: -35px; } .smallnavlink { width: 50%!important; } } @media (max-width: 500px) { .smallnavlink { width: 60%!important; } } @media (min-width: 480px) and (max-width: 767px) { .banner-content{ font-size: 28px; } } @media (max-width: 479px) { /*新闻内容*/ .page{ padding-top: 30px; } .post { margin-bottom: 30px; } .post-title{ padding: 10px 10px 0px; } .news-time{ font-size: 14px; } .news-content{ font-size: 14px; } .news-mold span.news-mold-c{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #259ad1; font-size: 12px; padding: 3px 4px 0px; line-height: 1.3; } .news-mold span.news-mold-p{ display: inline-block; width: 62px; text-align: center; color: #fff; background-color: #23ae6e; font-size: 12px; padding: 3px 4px 0px; line-height: 1.3; } /*新闻内容end*/ .banner-content{ font-size: 24px; } .fontdata{ position: relative; height: auto; margin:0; right:0; font-size: 13px; } } .divnone{ background: #f3faff; position: relative; padding: 20px; } .divnoneimg{ width: 40%; text-align: center; } .fontdata{ position: absolute; top: 50%; height: 40px; margin-top:-20px; right: 15%; color: #00a1fe; font-size: 18px; font-weight: bold; } @media (max-width: 767px) { .row-div i{ display: block!important; color: #4e6da1; } .rightnav{ margin-top: 95px!important; } .fontdata{ position: relative; height: auto; margin:0; right:0; font-size: 13px; } }