@charset "UTF-8"; /*璁剧疆鍒嗚鲸鐜囨槸750鏃剁殑瀛椾綋澶у皬*/ /* Write your styles */ @import url(reset.css); @import url(function.css); @import url(fonts/iconfont.css); /*font-size:46.875px*/ /********閲嶇疆*******************/ * { box-sizing: border-box; } img { display: block; } body { font-size: .576rem; line-height: 1.5; background: #f0f0f0; color: #3c3c3c; } option { padding: 0; } ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; } .f-cb:after, .f-cbli li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; } .f-cb, .f-cbli li { zoom: 1; } body { width: 16rem; margin: 0 auto; overflow-x: hidden; background: #f3f3f3; padding-bottom: 2.346rem; } a:hover { text-decoration: none; } input { font-size: .576rem; } ::-webkit-input-placeholder { color: #b0b0b0; } :-moz-placeholder { color: #b0b0b0; } ::-moz-placeholder { color: #b0b0b0; } :-ms-input-placeholder { color: #b0b0b0; } .j-page { width: 16rem; } /******/ .j-header { width: 100%; height: auto; background: url("../images/top-bg.jpg") no-repeat 0 0; background-size: 16rem 5.0133333333rem; } .j-header .j-logo { float: left; width: 10.6666666667rem; height: 1.28rem; margin-top: 0.896rem; margin-left: 0.5333333333rem; } .j-header a.btn-menu { float: right; width: 1.1946666667rem; height: 1.6213333333rem; margin-top: 0.704rem; margin-right: 0.64rem; background: url("../images/menu.png") no-repeat 0 0; background-size: 1.1946666667rem 0.6826666667rem; color: #fff; font-size: 0.5973333333rem; text-align: center; padding-top: 0.768rem; } /*鑿滃崟*/ .j-nav { width: 100%; position: relative; } .j-nav > ul { width: 100%; height: 1.87rem; line-height: 1.87rem; background: #015198; padding-left: .15rem; } .j-nav > ul > li { display: inline-block; padding: 0 .28rem; } .j-nav > ul > li > a { color: #fff; font-size: .59rem; display: block; height: 100%; } .j-nav .btn-down { position: absolute; right: 0; top: 0; width: 1.87rem; height: 1.87rem; background: url("../images/down.png") no-repeat 0 0; background-size: 1.87rem 1.87rem; } .js-nav { position: fixed; top: 100%; left: 50%; width: 16rem; margin-left: -8rem; background: #f3f3f3; overflow-y: scroll; z-index: 9991; } .js-nav .j-title { height: 2rem; line-height: 2rem; color: #fff; width: 100%; position: relative; background: #0a408a; text-indent: .64rem; } .js-nav .j-title a.btn-close { position: absolute; width: .74rem; height: .74rem; background: url("../images/close.png") no-repeat 0 center; background-size: .74rem .74rem; top: 50%; right: .85rem; margin-top: -.37rem; -webkit-transition: .4s ease-in; transition: .4s ease-in; } .js-nav .j-title a.btn-close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .js-nav > ul > li > a { display: block; height: 1.7rem; line-height: 1.7rem; color: #3c3c3c; border-bottom: 1px solid #e0e0e0; padding-left: .64rem; background: url("../images/right-row.png") no-repeat 14.8rem center; background-size: .32rem .53rem; } .js-nav > ul > li > ul { border-bottom: 1px solid #e0e0e0; padding: .42rem .64rem 0; } .js-nav > ul > li > ul > li { display: inline-block; padding: 5px; background: #ebebeb; margin-bottom: .42rem; margin-right: .42rem; } .js-nav > ul > li > ul > li > a { color: #666; } .js-nav ul li.on { background: #f0f0f0; } .js-nav ul li.on a { color: #0a408a; } /*鎼滅储*/ .search-bar-form { width: 14.9333333333rem; height: 1.4933333333rem; background: #fff; background-size: 1.4933333333rem 1.4933333333rem; position: relative; margin: 0.832rem auto 0.3626666667rem; border-radius: 0.1066666667rem; -moz-box-shadow: 0 0.0426666667rem 0.2133333333rem #A1A1A1; -webkit-box-shadow: 0 0.0426666667rem 0.2133333333rem #A1A1A1; box-shadow: 0 0.0426666667rem 0.2133333333rem #A1A1A1; } .search-bar-form input { border: none; background: none; border-radius: 0.1066666667rem; height: 100%; width: 13.44rem; padding: 0 1em; } .search-bar-form button { border: none; position: absolute; right: 0; top: 0; width: 1.4933333333rem; height: 1.4933333333rem; background: #da251c url("../images/icon-search.png") no-repeat right 0; background-size: 1.4933333333rem 1.4933333333rem; border-top-right-radius: 0.1066666667rem; border-bottom-right-radius: 0.1066666667rem; } /*banner*/ .j-banner { width: 16rem; } .j-banner img { width: 16rem; height: 6.826rem; } .j-banner .swiper-container { width: 100%; height: 6.826rem; } .j-banner .swiper-slide { background-position: center; background-size: cover; } .j-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 1.0666666667rem; } .j-banner .swiper-button-prev.swiper-button-white { background: url("../images/leftrow.png") no-repeat 0 center; background-size: 1.152rem 1.152rem; width: 1.152rem; height: 1.152rem; opacity: 1; } .j-banner .swiper-button-next.swiper-button-white { background: url("../images/rightrow.png") no-repeat 0 center; background-size: 1.152rem 1.152rem; width: 1.152rem; height: 1.152rem; opacity: 1; } .j-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: url("../images/dian.png") no-repeat 0 center; background-size: .49rem .448rem; width: .49rem; height: .448rem; opacity: 1; } .j-banner .swiper-pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url("../images/on.png") no-repeat 0 center; background-size: .49rem .448rem; } /*蹇嵎瀵艰埅*/ .quick-nav { width: 14.9333333333rem; margin: -1.0666666667rem auto 0.8533333333rem; background: #fff; padding: 0.5333333333rem; height: 10.1333333333rem; position: relative; z-index: 999; -moz-box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; -webkit-box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; } .quick-nav ul li { float: left; width: 4.2666666667rem; height: 4.2666666667rem; color: #fff; margin-right: 0.5333333333rem; margin-bottom: 0.5333333333rem; } .quick-nav ul li a { font-size: 0.5973333333rem; display: block; text-align: center; color: #fff; position: relative; height: 100%; } .quick-nav ul li a p { position: absolute; bottom: 0.4266666667rem; width: 100%; } .quick-nav ul li:nth-child(1) { background: #427ccc url("../images/icon-quick-1.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(2) { background: #427ccc url("../images/icon-quick-2.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(3) { background: #427ccc url("../images/icon-quick-3.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(4) { background: #427ccc url("../images/icon-quick-4.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(5) { background: #427ccc url("../images/icon-quick-5.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(6) { background: #427ccc url("../images/icon-quick-6.png") no-repeat 0 0; background-size: 4.2666666667rem 4.2666666667rem; } .quick-nav ul li:nth-child(3n) { margin-right: 0; } .quick-nav ul li:nth-child(3n+1) { margin-bottom: 0; } /*鍥剧墖鏂伴椈*/ .index-title { border-bottom: 1px solid #0a408a; position: relative; height: 1.0666666667rem; } .index-title span { color: #0a408a; font-size: 0.64rem; border-bottom: 0.1066666667rem solid #0a408a; font-weight: bold; line-height: 0.8533333333rem; padding-bottom: 0.1706666667rem; } .index-title a.more { color: #888888; font-size: 0.512rem; position: absolute; right: 0; top: 0; height: 1.0666666667rem; line-height: 1.0666666667rem; } .pic-news { background: #fff; width: 16rem; padding: 0.32rem 0.5333333333rem; } .pic-news ul { padding: 0.4266666667rem 0 0; } .pic-news ul li { position: relative; height: 1.1946666667rem; line-height: 1.1946666667rem; color: #da251c; } .pic-news ul li:before { content: ''; width: 0.2133333333rem; height: 0.2133333333rem; border-radius: 50%; background: #da251c; display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; } .pic-news ul li a { display: inline-block; width: 11.0933333333rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.5546666667rem; color: #3c3c3c; height: 1.1946666667rem; vertical-align: middle; } .pic-news ul li span { position: absolute; right: 0; top: 0; color: #888888; font-size: 0.512rem; } /*鍥剧墖闆嗛敠*/ .pics { margin-top: 0.4266666667rem; background: #fff; width: 16rem; padding: 0.32rem 0.5333333333rem; margin-bottom: .5rem; } .pics ul { padding-top: 0.5333333333rem; } .pics ul li { float: left; width: 4.864rem; height: 3.6266666667rem; margin-right: 0.1706666667rem; margin-bottom: 0.1706666667rem; } .pics ul li img { width: 4.864rem; height: 3.6266666667rem; } .pics ul li:nth-child(3n) { margin-right: 0; } .pics ul li:nth-child(3n+1) { margin-bottom: 0; } /*鍙嬫儏閾炬帴*/ .links { height: 1.7066666667rem; background: #fff url("../images/right-row.png") no-repeat 15.1466666667rem center; background-size: .32rem .53rem; } .links a { color: #3c3c3c; padding-left: 0.5333333333rem; height: 1.7066666667rem; display: flex; justify-content: center; flex-direction: column; } .footer { padding: 0.5333333333rem; color: #3c3c3c; font-size: .5rem; background: #fff; font-weight: normal; line-height: inherit; text-align: left; border-top: 1px solid #c1c1c1; } .footer p:last-child { color: #999999; } /*鍦板浘*/ .webHeaderBg { background: #0a408a; height: 2.5rem; line-height: 2.5rem; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } .baidu_all_map { overflow: hidden; zoom: 1; position: relative; } .baidu_map { height: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .map_marker_panel { position: absolute; } .webMapServiceBox { visibility: hidden; position: fixed; top: 150%; height: 100%; width: 16rem; z-index: 9999; transition: all 500ms; -ms-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; } .showMapService { top: 0; visibility: visible; transition: all 500ms; -ms-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; } .webMapServiceBox .webMapHeader { height: 1.8rem; position: relative; } .g_close { bottom: 0; top: 0; float: left; position: absolute; left: .5rem; display: table; width: 1.6rem; height: 1.8rem; } .icon-gClose { color: #fff; background: url("../images/goback.png") no-repeat 0 center; background-size: 0.85rem 0.85rem; } /*搴曢儴鍥哄畾瀵艰埅*/ .j-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9990; height: 2.346rem; background: #0a408a; } .j-bottom-nav ul { display: -webkit-flex; -webkit-flex-flow: row; -webkit-align-items: stretch; -webkit-justify-content: space-between; } .j-bottom-nav ul li { -webkit-flex: 1; -moz-flex: 1; flex: 1; text-align: center; position: relative; } .j-bottom-nav ul li a { color: #fff; font-size: .47rem; display: block; } .j-bottom-nav ul li img { width: 1.1rem; height: 1.1rem; margin: .3rem auto .1rem; } .j-bottom-nav ul li .j-open-box { position: absolute; top: 3.4rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #ee1429; padding: .3rem; border-radius: .21rem; width: 6rem; } .j-bottom-nav ul li .j-open-box:after { content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-left: .53rem solid transparent; border-right: .53rem solid transparent; border-top: .53rem solid #ee1429; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .j-bottom-nav ul li .j-open-box a { display: block; color: #fff; font-size: .6rem; padding: .03rem 0; } /*杩斿洖椤堕儴*/ div.go-top { display: none; z-index: 999999; position: fixed; bottom: 2.5rem; right: .43rem; width: 1.664rem; height: 1.664rem; cursor: pointer; background: url("../images/gotop.png") no-repeat 0 0; background-size: 1.664rem 1.664rem; } /**=================================鍐呴〉===================================**/ .menu { background: #0a408a; height: 2.1333333333rem; line-height: 2.1333333333rem; width: 16rem; overflow: hidden; margin: 0.832rem auto 0.3626666667rem; -moz-box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; -webkit-box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; box-shadow: 0 0.0426666667rem 0.32rem #c6c6c6; } .menu span { color: #fff; margin-left: 0.5333333333rem; font-size: 0.64rem; background: url(../images/jiantou.png) no-repeat 0 center; background-size: 0.576rem 0.2773333333rem; padding-left: 0.768rem; } .menu ul { width: auto; } .menu ul li { padding: 0 0.1066666667rem; margin: 0 0.5546666667rem; width: auto; color: #fff; height: 2.1333333333rem; font-weight: normal; display: block; font-size: 0.64rem; } .menu ul li.active { border-bottom: 0.1493333333rem solid #da251c; font-weight: bold; } .menu ul li a{color:#fff;display:block;} .content { background: #fff; margin-bottom: 0.5333333333rem; } .content img { max-width: 14.9333333333rem; height: auto; display: block; margin-left: auto; margin-right: auto; } .content .box { padding: 0.5333333333rem; line-height: 1.8; } /*闆嗗洟鑽h獕*/ .jtry { background: #fff; padding: 0.5333333333rem 0.5333333333rem 0; margin-bottom: 0.5333333333rem; } .jtry ul li { float: left; width: 7.04rem; height: 7.7013333333rem; border: 1px solid #dcdcdc; margin-bottom: 0.8533333333rem; } .jtry ul li img { width: 6.9973333333rem; height: 5.568rem; padding: 0.384rem 0.2346666667rem; background: #f2f2f2; } .jtry ul li p { padding: 0.2133333333rem; color: #333333; display: flex; justify-content: center; flex-direction: column; height: 2.0906666667rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .jtry ul li:nth-child(2n) { float: right; } /*缁勭粐鏋舵瀯*/ .zzjg { background: #fff; padding: 0 0.5333333333rem 0.5333333333rem; } .zzjg h3 { height: 1.7066666667rem; line-height: 1.7066666667rem; border-bottom: 1px solid #c8c8c8; color: #0a408a; text-align: center; font-size: 0.64rem; } /*涓氬姟棰嗗煙*/ .ywly { padding: 0.5333333333rem; background: #fff; margin-bottom: 0.5333333333rem; } .ywly ul { border-bottom: 1px solid #0a408a; } .ywly ul li { width: auto; margin-right: 0.7893333333rem; color: #0a408a; padding-bottom: 0.1066666667rem; } .ywly ul li a { font-size: 0.5973333333rem; color: inherit; } .ywly ul li:last-child { margin-right: 0; } .ywly ul li.active { font-weight: bold; border-bottom: 0.1066666667rem solid #0a408a; } .ywly .box { padding-top: 0.5333333333rem; line-height: 1.8; } /*鎼滅储*/ .ny-search { width: 14.9333333333rem; height: 1.4933333333rem; background: #fff; background-size: 1.4933333333rem 1.4933333333rem; position: relative; margin: 0 auto 0.3626666667rem; border-radius: 0.1066666667rem; } .ny-search input { border: none; background: none; border-radius: 0.1066666667rem; height: 100%; width: 13.44rem; padding: 0 1em; } .ny-search button { border: none; position: absolute; right: 0; top: 0; width: 1.4933333333rem; height: 1.4933333333rem; background: url("../images/search.png") no-repeat center center; background-size: 0.8533333333rem 0.8533333333rem; border-top-right-radius: 0.1066666667rem; border-bottom-right-radius: 0.1066666667rem; } /*鏂伴椈鍒楄〃*/ .news { background: #fff; padding: 0 0.5333333333rem; margin-bottom: 0.5333333333rem; } .news li { width: 14.9333333333rem; border-bottom: 1px solid #c8c8c8; padding: 0.4266666667rem 0; } .news li:last-child { border-bottom: none; } .news li a { display: flex; } .news li a div { flex: 6; } .news li a div h3 { position: relative; font-size: 0.64rem; color: #3c3c3c; font-weight: normal; } .news li a div h3 span { position: absolute; color: #888888; font-weight: normal; right: 0; } .news li a div p { color: #888888; font-size: 0.5546666667rem; overflow: hidden; padding-top: 0.2133333333rem; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news li a img { float: right; flex: 2; height: 3.328rem; margin-left: 0.4266666667rem; margin-top: 0.2133333333rem; width: 4.4373333333rem; } .news-content { background: #fff; padding: 0.5333333333rem; margin-bottom: 0.5333333333rem; } .news-content h3.title { font-size: 0.6826666667rem; color: #3c3c3c; text-align: center; } .news-content .time { font-size: 0.5546666667rem; color: #3c3c3c; text-align: center; border-bottom: 1px solid #c8c8c8; padding: 0.4266666667rem; } .news-content .box { padding: 0.5333333333rem 0; line-height: 1.8; overflow: hidden; } .news-content .box img { max-width: 14.9333333333rem; } /*鑱旂郴鎴戜滑*/ .contact-us { background: #fff; margin-bottom: 0.5333333333rem; } .contact-us img { max-width: 16rem; } .contact-us ul { padding: 0.5333333333rem; } .contact-us ul li { margin-bottom: 0.4266666667rem; font-size: 0.64rem; padding-left: 0.8533333333rem; } .contact-us ul li span { font-weight: bold; margin-right: 0.4266666667rem; } .contact-us ul li:nth-child(1) { background: url(../images/icon-lxwm.png) no-repeat 0 center; background-size: 0.64rem 0.64rem; } .contact-us ul li:nth-child(2) { background: url(../images/icon-lxwm-02.png) no-repeat 0 center; background-size: 0.64rem 0.448rem; } .contact-us ul li:nth-child(3) { background: url(../images/icon-lxwm-03.png) no-repeat 0 0.2133333333rem; background-size: 0.64rem 0.7253333333rem; } /*鍙嬫儏閾炬帴*/ .links-list { background: #fff; margin-bottom: 0.5333333333rem; padding: 0 0.5333333333rem 0.5333333333rem; } .links-list ul li div.title { height: 1.7066666667rem; border-bottom: 1px solid #dcdcdc; font-size: 0.64rem; color: #333333; font-weight: bold; padding-top: 0.5333333333rem; } .links-list ul li div.title span { border-left: 0.1066666667rem solid #0a408a; padding-left: 0.64rem; height: 0.64rem; line-height: 0.5546666667rem; display: block; } .links-list ul li ul { padding: 0.4266666667rem 0 0.4266666667rem 0.64rem; } .links-list ul li ul li { min-width: 50%; float: left; line-height: 1.8; } .links-list ul li ul li:before { content: ''; width: 0.2133333333rem; height: 0.2133333333rem; border-radius: 50%; background: #3c3c3c; display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; } /*棰嗗鐝瓙*/ .ldbz { background: #fff; padding: 0.5333333333rem; margin-bottom: 0.5333333333rem; } .ldbz ul li { background: #f0f0f0; height: 2.56rem; line-height: 2.56rem; margin-bottom: 0.4266666667rem; } .ldbz ul li b { display: inline-block; width: 3.2rem; text-align: center; background: #c7daf4; color: #0a408a; font-size: 0.64rem; } .ldbz ul li span { padding-left: 0.7466666667rem; font-size: 0.5973333333rem; color: #8c8c8c; } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { /*iPhone 6 Portrait*/ .ldbz { min-height: 17.3226666667rem; } .news { min-height: 15.4666666667rem; } .ywly { min-height: 17.3226666667rem; } } @media only screen and (min-device-width: 360px) and (max-device-width: 375px) and (orientation: portrait) { /*iPhone 6 Portrait*/ .ldbz { min-height: 14.2933333333rem; } .news { min-height: 12.5866666667rem; } .ywly { min-height: 14.2933333333rem; } } @media screen and (min-width: 750px) { html, body { width: 750px; margin: 0 auto; } } /*# sourceMappingURL=style.css.map */