@charset "utf-8"; body{ background-color: #f4f4f4; } .main{ padding: 40px 0; background-color: #eef1f5; } .main .city{ float: left; width: 263px; margin-right: 20px; background-color: #ffffff; } .main .city .city-title{ height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; background-color: #235dc2; } .main .city ul{ background-color: #ffffff; } .main .city ul li{ display: flex; height: 46px; padding: 0 16px; } .main .city ul li:nth-child(2n){ background-color: #f6f9fe; } .main .city ul li:last-child{ height: 50px; } .main .city ul li a{ flex: 1; height: 46px; line-height: 46px; text-align: center; font-family: "宋体"; font-size: 14px; color: #333333; overflow: hidden; } .main .city ul li a.on{ color: #235dc2; } .main .city ul li:last-child a{ height: 50px; line-height: 50px; } .main .banner{ float: left; width: 666px; height: 323px; border: 2px solid #ffffff; overflow: hidden; } .main .banner .picscroll-left{ position: relative; width: 666px; overflow: hidden; } .main .banner .picscroll-left .hd{ position: absolute; height:30px; right: 15px; bottom: 18px; overflow:hidden; z-index: 99; } .main .banner .picscroll-left .hd ul{ float: right; margin-top: 10px; zoom: 1; } .main .banner .picscroll-left .hd ul li{ float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; text-indent: -999px; background-color: #ffffff; overflow: hidden; cursor: pointer; } .main .banner .picscroll-left .hd ul li.on{ box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.3); background-color: #b1e7fd; } .main .banner .picscroll-left .bd ul{ overflow: hidden; zoom: 1; } .main .banner .picscroll-left .bd ul li{ float:left; } .main .banner .picscroll-left .bd ul li img{ display: block; width: 666px; height: 323px; } .main .banner .picscroll-left{ position: relative; } .main .banner .swiper-container, .main .banner .swiper-container .swiper-slide{ width: 666px; height: 323px; overflow: hidden; } .main .banner .swiper-container .swiper-slide img{ display: block; width: 100%; } .main .banner .swiper-container .swiper-pagination{ position: absolute; width: auto; bottom: 30px; right: 30px; text-align: right; } .main .banner .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: #ffffff; opacity: 1; } .main .banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ box-shadow: 0 0 3px 2px rgba(255,255,255,0.3); background: #b1e7fd; } .main .other{ float: right; width: 225px; } .main .other .other-local, .main .other .other-consult{ display: block; width: 225px; height: 76px; margin-bottom: 19px; padding-top: 78px; background: #ffffff url(/uploads/image/iwimages/icon-32.png) no-repeat center 29px; } .main .other .other-local p, .main .other .other-consult p{ height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #333333; } .main .other .other-local span, .main .other .other-consult span{ display: block; height: 22px; line-height: 22px; text-align: center; font-family: "宋体"; font-size: 12px; color: #999999; } .main .other .other-consult{ margin-bottom: 0px; background: #ffffff url(/uploads/image/iwimages/icon-33.png) no-repeat center 28px; } .feature{ padding-bottom: 45px; background-color: #ffffff; } .feature ul{ display: flex; padding: 23px 4px 20px 4px; box-shadow: 0 0 5px 1px #f5f7f8; } .feature ul li{ position: relative; flex: 1; margin: 0 17px; overflow: hidden; } .feature ul li img{ display: block; width: 164px; height: 164px; margin-bottom: 10px; overflow: hidden; } .feature ul li p{ width: 100%; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #333333; overflow: hidden; } .feature ul li span{ display: block; width: 100%; height: 23px; line-height: 23px; text-align: center; font-family: "宋体"; font-size: 13px; color: #999999; overflow: hidden; } .feature ul li i{ display: block; width: 164px; height: 26px; line-height: 26px; margin: 0 auto; text-indent: 20px; font-family: "microsoft yahei"; font-size: 16px; color: #333333; background: url(/uploads/image/iwimages/icon-31.png) no-repeat 0px -193px; overflow: hidden; } .feature ul li .feature-show{ position: absolute; width: 100%; height: 100px; left: 0; right: 0; bottom: -124px; padding-top: 24px; background-color: rgba(31,87,184,0.9); z-index: 2; transition: all 0.3s ease-in; } .feature ul li .feature-show a{ display: block; width: 102px; height: 29px; line-height: 30px; margin: 0 auto 14px; border-radius: 29px; border: 1px solid #85a7e3; text-align: center; font-family: "宋体"; font-size: 14px; color: #ffffff; background-color: #1f57b8; } .search{ width: 100%; height: 198px; padding-top: 42px; background: url(/uploads/image/iwimages/search.jpg) no-repeat center center; } .search .search-title{ height: 50px; line-height: 50px; font-size: 30px; color: #f2f5f7; } .search .search-title h3{ position: relative; float: left; height: 50px; line-height: 50px; margin-right: 40px; font-weight: 400; font-size: 30px; color: #f2f5f7; } .search .search-title h3::after{ position: absolute; content: ""; width: 4px; height: 34px; top: 9px; right: -20px; background-color: #f2f5f7; z-index: 2; } .search .search-tip{ height: 22px; line-height: 22px; margin-bottom: 27px; font-family: "宋体"; font-size: 14px; color: #a2c5fe; } .search .search-bar{ width: 695px; height: 50px; border-radius: 4px; background-color: #ffffff; overflow: hidden; } .search .search-bar .textarea{ float: left; width: 600px; padding: 0 10px; height: 50px; line-height: 50px; font-family: "宋体"; font-size: 14px; color: #333333; } .search .search-bar .submit{ float: left; width: 75px; height: 50px; background: #377be2 url(/uploads/image/iwimages/icon-31.png) no-repeat 22px -240px; } .headliner{ padding-bottom: 40px; background-color: #ffffff; } .headliner dl{ display: flex; width: 1230px; margin-left: -15px; } .headliner dl dd{ flex: 1; margin: 0 15px; } .headliner dl dd.headliner-box img{ display: block; width: 100%; height: 222px; } .headliner dl dd.headliner-box .headliner-box-detail{ height: 140px; padding: 18px 20px 0; background-color: #f1f3f6; } .headliner dl dd.headliner-box .headliner-box-detail p{ width: 100%; height: 28px; line-height: 28px; overflow: hidden; } .headliner dl dd.headliner-box .headliner-box-detail p a{ font-size: 16px; color: #333333; } .headliner dl dd.headliner-box .headliner-box-detail span{ display: block; height: 22px; line-height: 22px; margin-bottom: 22px; text-indent: 24px; font-family: "宋体"; font-size: 12px; color: #999999; background: url(/uploads/image/iwimages/icon-31.png) no-repeat 3px -295px; } .headliner dl dd.headliner-box .headliner-box-detail .headliner-box-desc{ width: 100%; height: 44px; line-height: 22px; font-family: "宋体"; font-size: 12px; color: #999999; overflow: hidden; } .headliner dl dd.headliner-list{ box-shadow: 0 0 5px 2px #f5f7f8; } .headliner dl dd.headliner-list ul{ padding: 20px 22px 0; } .headliner dl dd.headliner-list ul li{ height: 45px; margin-bottom: 15px; } .headliner dl dd.headliner-list ul li p{ width: 100%; height: 24px; line-height: 24px; overflow: hidden; } .headliner dl dd.headliner-list ul li p a{ font-family: "宋体"; font-size: 14px; color: #333333; } .headliner dl dd.headliner-list ul li span{ display: block; height: 22px; line-height: 22px; font-family: "宋体"; font-size: 12px; color: #999999; } .statute{ padding-bottom: 40px; } .base-title{ height: 40px; padding: 35px 0 25px 5px; } .base-title h3{ float: left; height: 40px; line-height: 40px; font-weight: 400; font-size: 26px; color: #333333; } .base-title ul{ float: left; height: 40px; margin-left: 23px; } .base-title ul li{ float: left; height: 40px; line-height: 50px; margin-right: 13px; } .base-title ul li a{ font-family: "宋体"; font-size: 12px; color: #999999; } .base-title .base-title-more{ float: right; height: 40px; line-height: 40px; font-family: "宋体"; font-size: 14px; color: #666666; } .statute .statute-content{ height: 390px; padding: 0 17px; background-color: #ffffff; } .statute .statute-content .statute-list{ position: relative; float: left; width: 555px; padding-top: 3px; } .statute .statute-content .statute-list::after{ position: absolute; content: ""; width: 100%; height: 1px; left: 0; right: 0; bottom: 0; background-color: #ffffff; } .statute .statute-content .statute-list dd{ border-bottom: 1px solid #f1f3f6; } .statute .statute-content .statute-list dd .statute-list-date{ float: left; width: 62px; height: 55px; padding: 73px 3px 0 3px; background: url(/uploads/image/iwimages/icon-41.png) no-repeat center 27px; } .statute .statute-content .statute-list dd .statute-list-date p{ height: 36px; line-height: 36px; border-top: 1px solid #e8e6e6; font-family: "宋体"; font-size: 12px; color: #999999; } .statute .statute-content .statute-list dd .statute-list-content{ margin-left: 90px; height: 108px; padding-top: 20px; } .statute .statute-content .statute-list dd .statute-list-content .statute-list-content-title{ width: 100%; height: 38px; line-height: 38px; overflow: hidden; } .statute .statute-content .statute-list dd .statute-list-content .statute-list-content-title a{ font-size: 16px; color: #333333; } .statute .statute-content .statute-list dd .statute-list-content .statute-list-content-detail{ width: 100%; height: 44px; line-height: 22px; font-family: "宋体"; font-size: 12px; color: #999999; overflow: hidden; } .statute .statute-content ul{ float: right; width: 545px; padding-top: 18px; padding-right: 5px; } .statute .statute-content ul li{ height: 30px; margin-bottom: 10px; } .statute .statute-content ul li p{ float: left; width: 420px; height: 30px; line-height: 30px; text-indent: 20px; background: url(/uploads/image/iwimages/icon-42.png) no-repeat left center; overflow: hidden; } .statute .statute-content ul li p a{ font-family: "宋体"; font-size: 14px; color: #333333; } .statute .statute-content ul li span{ float: right; height: 30px; line-height: 30px; font-family: "宋体"; font-size: 14px; color: #999999; } .main .city ul li a:hover, .headliner dl dd.headliner-list ul li p a:hover, .headliner dl dd.headliner-box .headliner-box-detail p a:hover, .base-title ul li a:hover, .base-title .base-title-more:hover, .statute .statute-content ul li p a:hover, .statute .statute-content .statute-list dd .statute-list-content .statute-list-content-title a:hover{ color: #ff8f35; }