.home-header{position: relative;overflow: initial;} .header-banner{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;overflow: hidden;} .header-banner .place{padding-top: 40%;} /* 图片新闻 */ .home-tpxw .item .title{background: no-repeat top left #f7f7f7; text-align: center;background-size: 60px;line-height: 58px; padding: 0px 30px 0px 80px;} .home-tpxw .item .title a{font-weight: bold;color:#c23030;font-size: 1.4em;} .home-tpxw .item .pic{overflow: hidden; height: 320px;} .home-tpxw .item .pic img{width: 100%; height: 100%;} .home-tpxw .item .desc{font-size: 1.125em; color: #808080; line-height: 1.5em;} .home-tpxw .item .desc a{color: #808080;} .home-tpxw .item p.elli-m{max-height: 3em;} .search-box{z-index: 99} .header-search{z-index: 999} .pc-ban-swiper{display: block;} .m-ban-swiper{display: none;} .place .pic img { height: 100% } .header-banner .swiper-pagination { position: absolute; bottom: 20% !important; right: 50px; z-index: 99 } .place .pic span { position: absolute; bottom: 20%; right: 50px; z-index: 999 } .ban-swiper { position: relative; font-size: 0 } .ban-swiper .swiper-container { /* height: 560px */ } .ban-swiper .swiper-wrapper .swiper-slide .pic-bg { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); -khtml-opacity: .5 } .ban-swiper .swiper-wrapper .swiper-slide a { position: relative; display: block; overflow: hidden } .ban-swiper .swiper-wrapper .swiper-slide a img { display: block; /* margin: 0 auto; */ max-width: 100%; width:100%; /* height: 560px */ } /* pagination */ .ban-swiper .pagination-wrap { position: absolute; right: 12.5%; bottom: 19%; z-index: 99999999; /* width: 100%; */ text-align: center } .ban-swiper .pagination .swiper-pagination-switch { float: left; margin: 0 6px; width: 14px; height: 14px; border-radius: 100%; background-color: #fff; cursor: pointer } .ban-swiper .pagination .swiper-active-switch { background-color: #ff9c00 } /* button */ .ban-swiper .prev, .ban-swiper .next { position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; cursor: pointer; color: #fff; text-align: center; line-height: 50px; z-index: 4; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; transition: all .3s } .ban-swiper .prev { left: 100px; /* background-image: */ } .ban-swiper .next { right: 100px; /* background-image: */ } .ban-swiper:hover .prev, .ban-swiper:hover .next { opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); -khtml-opacity: .7 } .ban-swiper:hover .prev { -webkit-transform: translatex(6px); -moz-transform: translatex(6px); -o-transform: translatex(6px); transform: translatex(6px); -ms-transform: translatex(6px) } .ban-swiper:hover .next { -webkit-transform: translatex(-6px); -moz-transform: translatex(-6px); -o-transform: translatex(-6px); transform: translatex(-6px); -ms-transform: translatex(-6px) } .ban-swiper .prev:hover, .ban-swiper .next:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1 } .com-slide-content { position: absolute; bottom: 35%; right: 12%; width: 300px; } .com-slide-content .slide-ct { position: absolute; right: 50px; /* bottom: 40%; */ } .com-slide-content .slide-ct h3{ font-size: 20px; vertical-align:top; } .com-slide-content .slide-ct h3 span{ font-size: 30px; font-weight: bold; vertical-align:top; margin-left: 10px; color: #ff9c00; } .com-slide-content .slide-ct .bg { position: absolute; top: -19px; left: 0; width: 100%; height: 100%; } .com-slide-content .slide-ct .line { position: absolute; top: 22px; left: 16px; width: 4px; height: 80px; background: #fff; transition: transform .8s ease; transform: translatex(-30px) } .com-slide-content h3 { position: relative; font-weight: 400; color: #fff; font-size: 40px; transition: transform .6s ease-in-out; transform: translate3d(0, 10px, 0) } .com-slide-content h5 { position: relative; padding-top: 20px; font-weight: 400; color: #f2f2f2; font-size: 20px; transition: transform .8s ease-in-out; transform: translate3d(0, -20px, 0) } .ban-swiper .swiper-wrapper .swiper-slide-active .com-slide-content .slide-ct .line { transform: translatex(0) } .ban-swiper .swiper-wrapper .swiper-slide-active .com-slide-content h3 { transform: translate3d(0, 0, 0) } .ban-swiper .swiper-wrapper .swiper-slide-active .com-slide-content h5 { transform: translate3d(0, 0, 0) } @media (max-width: 1200px) { .home-tpxw .item .pic{height: 250px;} .home-tpxw .swiper-pagination.default{position:initial; margin-top: 20px;} .home-tpxw .swiper-pagination.default .swiper-pagination-bullet{border:3px solid #b3b3b3;} } @media (max-width: 480px) { .pc-ban-swiper{display: none;} .m-ban-swiper{display: block;} .home-tpxw .item .title{background: none;padding:0} .body-city>.pt30{padding-top: 0;} } .home-gzdt .item{position: relative;} .home-gzdt .item::before{position: absolute; content: ''; border-left:2px dashed #c9c9c9;width: 2px; height: 93%;left: 2px;z-index: -1; top: 25px;} .home-gzdt .infolist.dot li{font-size: 1.125em;} .home-gzdt .infolist.dot li a:before{border-radius: 50%;background: #c9c9c9;} .home-gzdt .infolist.dot li:hover a:before{background: #b33636;} .home-gzdt .infolist.dot li:hover::after{content: '';position: absolute; left: -8px;top: 50%; margin-top: -10px; width: 17px; height: 17px; border:2px solid #b33636;border-radius: 50%;} .home-gzdt .infolist.dot li{overflow: initial; height: 55px;} .home-gzdt .infolist.dot li:hover a{font-weight: bold;color:#000} .home-gzdt .infolist.dot li a{padding-left: 30px;} /* 信息公开 */ .home-xxgk .bd .item li{ float: left; width: 16.6%;text-align: center;} .home-xxgk .bd .item li a{display: block;box-shadow:0px 0px 17px 4px rgba(222,176,120,0.1); border-radius: 50%;width: 160px; height: 160px;margin: 10px auto;font-size: 1.125em;} .home-xxgk .bd .item li i{display: block;height: 51px; background-size: 51px!important;padding-top: 27px;margin-bottom: 10px;} .home-xxgk .bd .item li.li1 i{background: no-repeat center bottom;} .home-xxgk .bd .item li.li2 i{background: no-repeat center bottom;} .home-xxgk .bd .item li.li3 i{background: no-repeat center bottom;} .home-xxgk .bd .item li.li4 i{background: url(/uploads/image/2images/zwgk_zzjg.png) no-repeat center bottom;} .home-xxgk .bd .item li.li5 i{background: no-repeat center bottom;} .home-xxgk .bd .item li.li6 i{background: no-repeat center bottom;} @media (max-width: 1200px) { .home-xxgk .bd .item li{width: 33.33%;} } @media (max-width: 490px) { .home-xxgk .bd .item li a{border-radius: 0;} .home-xxgk .bd .item li a{margin: 10px 4%; width: auto;height: 131px;font-size: 1em;} .home-xxgk .bd .item li i{ padding-top: 10px;} } .index-news{margin-left: -15px; margin-right: -15px;} .index-news .col-2{width: 47%; float: left; padding-left: 15px;padding-right: 15px;} @media (max-width: 1200px) { .index-news .col-2{width: auto;float: none;} } .index-hd .portal ul{display: flex;justify-content: space-between} .index-hd .portal li{ width: 48%;} .index-hd .portal li a{display: block;text-align: center; font-size: 1.125em;} .index-hd .portal li a span{margin-top: 10px;display: block;} .index-hd .portal li a i{display: block; height:64px; margin: auto;} .index-hd .portal li a i img{ width: 100%; } .hd-portal a{display: block; height: 44px;margin-top: 10px; line-height: 44px;} .hd-portal a span{font-size: 1.125em;text-indent: 1.5em;display: block;} .hd-portal a.img1{background: no-repeat;color:#db767b;background-size: 100%;} .hd-portal a.img2{background: no-repeat; color:#4679a3;background-size: 100%;} .hd-portal a.img3{background: url(/uploads/image/2images/lygk_bg.png) no-repeat; color:#302eb0;background-size: 100%;} .hd-portal a.img4{background: no-repeat; color:#ffffff;background-size: 100%;} .hd-portal a.img4 span{font-size: 1.0em;text-indent: 3.5em;display: block;} @media (max-width: 1200px) { .index-hd img{width: 100%;} } .home-gcbl.tab-brief > .hd ul{ float: right;} .home-gcbl.tab-brief > .hd li{font-size: 1.35em;} .home-gcbl.tab-brief > .hd li.on a{color:#bd2828} .home-gcbl.tab-brief.on > .hd li.on:after{ background: no-repeat center;background-size: 20px; height: 11px;} .zbxx.tab-brief.on > .hd li.on:after{ background: no-repeat center;background-size: 20px; height: 11px;} .home-gcbl .item ul{margin:0px -10px} .home-gcbl .item li{ float: left;width: 25%;} .home-gcbl .item li .section{margin:0px 10px;} .home-gcbl .item li .section .place{padding-top:108%} .home-gcbl .item li .section .title{background:#f7f7f7;position: relative;height: 65px;} .home-gcbl .item li .section .title span{font-weight: bold; line-height: 60px;padding-right: 100px;padding-left: 15px;} .home-gcbl .item li .section .title a.details{position: absolute;height: 30px;right: 20px; top: 50%; margin-top: -15px; width: 70px;color:#ffffff;display: block;border-radius:25px;background: #cf3636;text-align: center; line-height: 30px;} @media (max-width: 990px) { .home-gcbl .item li{width: 50%;} .home-gcbl .item li .section{margin-bottom: 20px;} } @media (max-width: 490px) { .home-gcbl .item li .section .title a.details{position:initial;margin-left: 10px;margin-top: 10px;} .home-gcbl .item li .section .title span{padding-right: 0;height: auto; line-height:initial;padding: 10px;} .home-gcbl .item li .section .title{height: auto;padding-bottom: 10px;} }