html,
body {
width: 100%;
overflow-x: hidden;
}
body {
font-family: "Microsoft Yahei", Arial, sans-serif;
font-size: 16px;
color: #333;
padding-bottom: 50px;
}
/* 娓呴櫎娴姩 */
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
overflow: hidden;
}
a {
color: #333;
}
a:hover {
text-decoration: underline;
}
/* 鑷畾涔夋粴鍔ㄦ潯鏍峰紡 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #bbb;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
::-webkit-scrollbar-track {
background-color: #efefef;
border-radius: 5px;
}
/* 椤甸潰鏍峰紡 */
.container {
width: 1000px;
margin: 0 auto;
}
/* 鍘熷瓙绫 */
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
/* 瀵艰埅 */
.main-nav {
height: 55px;
line-height: 55px;
background-color: #1d82d2;
}
.main-nav a {
margin-right: 15px;
color: #fff;
}
.nav-qrcode {
float: right;
text-align: center;
}
.nav-qrcode-box {
float: left;
width: 50px;
margin-right:3px;
text-align: center;
color: yellow;
font-size: 12px;
line-height: 20px;
margin-top: 2px;
}
.nav-qrcode-box img {
width: 30px;
height: 30px;
display: block;
margin-left: 10px;
}
.nav-qrcode-img {
width: 200px;
}
.nav-qrcode-txt {
text-align: left;
color: #000;
}
/* banner鍥 琛 */
.banner-column {
float:left;
}
.banner-column:first-of-type{
width: 750px;
margin-right: 10px;
}
.banner-column:first-of-type img {
margin-top: 15px;
width: 750px;
height: 80px;
}
.banner-column:last-of-type img {
margin-top: 15px;
width: 115px;
height: 150px;
}
.banner-column>div{
float: left;
width: 115px;
}
.banner-column>div p{
line-height: 30px;
text-align: center;
}
.banner-column-l{
margin-right: 10px;
}
/* 缁嗙嚎 */
.thin-line {
height: 3px;
margin-top: 20px;
background-color: #d2d2d2;
}
.global-header .header-img {
position: relative;
width: 180px;
height: 122px;
}
.global-header {
min-height: 175px;
}
.global-header .header-img span {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 125px;
height: 46px;
line-height: 46px;
border-radius: 0 23px 0 23px;
background-color: #1d82d2;
font-weight: bold;
text-align: center;
font-size: 24px;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.global-header .header-topic {
margin-left: 190px;
}
/* 鍏ㄥ眬鏍囬 */
h1 {
padding-top: 20px;
font-weight: bold;
font-size: 40px;
text-align: center;
}
/* 瀛愭爣棰 */
.sub-title {
position: relative;
line-height: 40px;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.sub-title a {
font-size: 18px;
margin-right: 20px;
}
.header-topic .topic-view-more {
display: block;
height: 40px;
line-height: 1;
padding: 0 20px;
text-align: right;
color: #1d82d2;
}
.sub-title a:last-of-type {
margin-right: 0;
}
/* 琛屽垪瀹氫箟 */
.row {
overflow: hidden;
}
.row .column {
width: 312px;
margin-right: 32px;
}
.row .column:last-of-type {
margin-right: 0;
}
.row .column h3,
.row .column h4 {
margin-bottom: 20px;
font-weight: bold;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.row .column h4 {
font-size: 16px;
}
/* 椤靛ご */
.page-header {
padding-top: 20px;
}
.input-box {
width: 200px;
margin: 55px 0 0 35px;
border: 1px solid #ccc;
}
.input-box input {
float: left;
width: 160px;
padding-left: 1em;
line-height: 28px;
}
.input-box button {
float: right;
width: 30px;
height: 28px;
background: url(../img/assets/search.png) no-repeat center;
background-size: 16px auto;
}
/* LOGO */
.brand-logo {
width: 360px;
height: 90px;
background: url(../img/assets/logo.png) no-repeat center;
background-size: contain;
}
/* 鍦板煙澶╂皵 */
.weather-location {
margin: 0 0 0 35px;
}
.weather-location .sunshine-icon {
width: 40px;
height: 40px;
margin-right: 15px;
background: url(../img/assets/sunshine.png) no-repeat center;
background-size: contain;
}
.weather-location .location-icon {
width: 28px;
height: 28px;
margin: 28px 0 0 10px;
background: url(../img/assets/location.png) no-repeat center;
background-size: contain;
cursor: pointer;
}
.weather-location .weather-info {
color: #666;
}
.weather-location .weather-info p {
line-height: 28px;
text-align: center;
}
.weather-location .weather-info strong {
display: inline-block;
padding: 0 5px;
font-size: 32px;
font-weight: bold;
color: #000;
}
/* 钘忔枃鐗 */
.tibet-version .tibet-language img {
display: block;
width: 134px;
height: 40px;
}
.tibet-version p {
margin-top: 5px;
text-align: center;
color: #1d82d2;
}
.tibet-version p span {
font-weight: bold;
font-size: 12px;
}
.tibet-version p strong {
font-weight: bold;
letter-spacing: 2px;
font-size: 18px;
}
/* 鏂伴椈瀹瑰櫒 */
.image-container {
position: relative;
margin-bottom: 10px;
}
.image-container img {
display: block;
width: 100%;
height: 160px;
}
/* 鏂伴椈鍒楄〃 */
.news-list li {
margin-bottom: 20px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/*娴峰崡鏂囧 鏂伴椈鍒楄〃*/
.hn-memory .news-list li {
margin-bottom: 15px;
}
.news-list li strong {
font-weight: bold;
}
.news-list li:last-of-type {
margin-bottom: 0;
}
.news-list li.news-item-video {
position: relative;
padding-left: 30px;
}
.news-list li.news-item-video:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 100%;
background: url(../img/assets/play1.png) no-repeat center;
background-size: contain;
cursor: pointer;
}
.news-list li.news-item-video-icon2:after {
background-image: url(../img/assets/play2.png);
}
.header-news .top-list {
margin-bottom: 35px;
}
.header-news .news-list li {
margin-bottom: 15px;
}
/*娴峰崡璁板繂*/
a.special:before{
content: "銆愪笓棰樸€?;
}
/* 鏂伴椈瀹瑰櫒 */
.news-container {
padding: 0 15px 15px;
border: 1px solid #f5f5f5;
}
/*娴峰崡鏂囧*/
.hn-letter .image-container {
margin-bottom: 0;
}
.hn-letter .news-content {
border: 1px solid #e7e7e7;
background-color: #f5f5f5;
}
.hn-letter .image-info-one{
line-height: 30px;
}
.hn-letter .news-list li{
line-height: 30px;
margin-bottom: 0;
border-top: 1px solid #e7e7e7;
}
.hn-letter .news-list li p{
line-height: 30px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hn-letter .news-list li img{
display: block;
width: 100%;
height: 155px;
}
.hn-letter .news-list li .news-img{
display: none;
}.hn-letter .news-list li:first-of-type .news-img{
display: block;
}
/* 杞挱瀹瑰櫒 */
.slide-wrapper {
position: relative;
width: 657px;
}
.slide-wrapper img {
width: 657px;
height: 416px;
}
.slide-ctrl {
position: absolute;
bottom: 0;
left: 0;
z-index: 888;
padding: 0 60px;
height: 60px;
line-height: 60px;
width: 100%;
color: #fff;
}
.slide-ctrl .prev-btn,
.slide-ctrl .next-btn {
float: left;
width: 35px;
height: 60px;
background: url(../img/assets/prev.png) no-repeat center;
background-size: contain;
}
.slide-ctrl .prev-btn:hover,
.slide-ctrl .next-btn:hover {
opacity: .7;
filter: alpha(opacity=70);
}
.slide-ctrl .next-btn {
float: right;
background-image: url(../img/assets/next.png);
}
.slide-ctrl .slide-info span {
padding: 0 10px;
font-size: 20px;
}
.slide-ctrl .slide-info span .activeIndex {
font-weight: bold;
color: #1d82d2;
}
/* 浠婃棩澶存潯 */
.topic-news {
margin-bottom: 25px;
background-color: #f5f5f5;
}
.topic-news h2 {
position: relative;
float: left;
width: 60px;
height: 225px;
background-color: #1d82d2;
font-weight: bold;
font-size: 30px;
color: #fff;
}
.topic-news h2 span {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.topic-news .prev-btn,
.topic-news .next-btn {
float: left;
width: 35px;
height: 225px;
background: url(../img/assets/prev.png) no-repeat center;
background-size: contain;
}
.topic-news .prev-btn:hover,
.topic-news .next-btn:hover {
opacity: .7;
filter: alpha(opacity=70);
}
.topic-news .next-btn {
float: right;
background-image: url(../img/assets/next.png);
}
.topic-news-list {
float: left;
width: 870px;
height: 225px;
background-color: #f5f5f5;
padding: 20px 0;
}
.topic-news-list .img-news-wrapper {
height: auto;
border-bottom: none;
margin: 0;
padding: 0;
}
.topic-news-list .img-news-wrapper .wrapper-left {
width: 100%;
}
.topic-news-list .img-news-wrapper .wrapper-right {
width: 100%;
line-height: 30px;
}
.topic-news-list .img-news-wrapper .image-container {
margin-bottom: 0;
}
.topic-news-list .img-news-wrapper .image-container img {
height: 100%;
height: 100px;
}
.topic-news-list .img-news-wrapper .text-container p {
height: 40px;
}
/* 棰嗗鍥剧墖 */
.leader-photos .leader-item {
width: 130px;
}
.leader-photos .leader-item img {
display: block;
width: 100%;
height: 180px;
}
.leader-photos .leader-item h5 {
font-size: 14px;
line-height: 40px;
text-align: center;
color: #666;
}
/* 骞垮憡鍥剧墖 */
.ad-image {
display: block;
width: 100%;
}
/* 閫氱敤鏂伴椈鏍囬 */
.common-news-header {
height: 50px;
padding: 10px 0 0;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
}
.border-blue{
border-bottom: 1px solid #1d82d2;
}
.common-news-header h2 {
float: left;
margin-right: 10px;
font-size: 24px;
}
.common-news-header a {
float: right;
margin-right: 1em;
display: inline-block;
padding-top: 8px;
}
/* 澶氬浘鐗 */
.image-gallery-item {
float: left;
width: 165px;
margin: 0 32px 15px 0;
}
.image-gallery-item:nth-of-type(5n) {
margin-right: 0;
}
.image-gallery-item img {
display: block;
width: 100%;
height: 115px;
}
/* 钃濊壊鏍囬鍖哄潡 */
.color-news-container {
padding: 0;
}
.color-news-container .news-content {
padding: 20px 15px 15px;
}
.color-news-container .news-content.notice-content {
background-color: #f6f6f6;
}
.color-news-container .news-content.notice-content a {
color: #333;
}
.color-news-container .news-content.notice-content a:hover {
opacity: .7;
filter: alpha(opacity=70);
}
/* 钃濊壊鏍囬 */
.color-title {
margin-bottom: 0;
background-color: #1d82d2;
color: #fff;
}
.color-title h2 {
padding-left: 20px;
}
.color-title a {
color: #fff;
}
/* 鍙屽浘鐗囧寘瑁 */
.images-wrapper {
margin-bottom: 15px;
}
.images-wrapper .wrapper-left {
width: 130px;
}
.images-wrapper .wrapper-right {
width: 130px;
}
.images-wrapper .image-container {
margin-bottom: 0;
}
.images-wrapper .image-container img {
display: block;
width: 100%;
height: 100px;
}
.hn-memory .image-container img{
height: 100px;
}
.image-container .image-info {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 .5em;
white-space: nowrap;
text-overflow: ellipsis;
background-color: rgba(0, 0, 0, 0.5);
font-size: 14px;
text-align: center;
color: #fff;
overflow: hidden;
}
.image-container .image-info-icon {
position: relative;
top: 5px;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
background: url(../img/assets/play1.png) no-repeat center;
background-size: contain;
}
/* 鏍囬妗 */
.text-container {
margin-bottom: 15px;
}
.text-container h1,
.text-container h2,
.text-container h3,
.text-container h4,
.text-container h5,
.text-container h6 {
font-weight: bold;
}
.text-container h5 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
overflow: hidden;
}
.text-container p a:after {
content: "銆愰槄璇汇€?;
color: #2473b5;
}
/* 鍙嬫儏閾炬帴 */
.friend-link h3 {
margin-bottom: 10px;
font-size: 18px;
color: #1d82d2;
}
.friend-link .links-list {
position: relative;
font-size: 0;
}
.friend-link a {
display: inline-block;
margin: 0 14.5px 15px 0;
}
.friend-link a img {
display: block;
width: 112px;
border: 1px solid #999;
}
.friend-link a:nth-of-type(8n) {
margin-right: 0;
}
/* 鑱旂郴鎴戜滑 */
.contact-us {
text-align: center;
width: 100%;
height: 40px;
line-height: 40px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 12px;
}
.contact-us a {
position: relative;
display: inline-block;
padding: 0 5px 0 7px;
color: #fff;
}
/* 椤佃剼 */
.footer {
font-size: 12px;
padding: 40px 0 0;
line-height: 30px;
text-align: center;
color: #666;
}
.footer .permit {
width: 660px;
margin: 0 auto 15px;
}
.footer .permit-item {
width: 220px;
border-right: 1px solid #ccc;
}
.swiper-slide .slider-title {
position: absolute;
bottom: 0;
left: 0;
z-index: 9999;
width: 100%;
padding-left: 160px;
padding-right: 100px;
height: 60px;
line-height: 60px;
background-color: rgba(0, 0, 0, 0.5);
white-space: nowrap;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
font-size: 20px;
color: #fff;
}
.swiper-slide .slider-title a {
color: #fff;
}
/* 骞垮憡鏍峰紡 */
.ad-block {
position: absolute;
top: 367px;
z-index: 9999;
width: 120px;
height: 600px;
}
.ad-block-left {
left: 100px;
background: url(../img/left_notice.jpg) no-repeat center;
background-size: 100% 100%;
}
.ad-block-right {
right: 100px;
background: url(../img/right_notice.jpg) no-repeat center;
background-size: 100% 100%;
}
.ad-close {
position: absolute;
top: 5px;
right: 5px;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 3px;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
font-size: 20px;
color: #fff;
cursor: pointer;
}
.global-header-pic img {
width: 100%;
}
@media screen and (max-width: 1500px) {
.ad-block {
display: none;
}
}