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; } }