header { padding: 10px 40px 30px; } header .logo { float: left; } header .logo img { width: 234px; } header .tip-off-telephone { float: left; text-align: center; width: 52%; } header .main { overflow: hidden; } header .query { float: right; } header .query .query-main { background: #df002b; height: 46px; line-height: 46px; width: 330px; border-radius: 30px; padding: 3px 10px 3px 3px; box-sizing: border-box; } header .query .query-main input { background: #fff; outline: none; border: none; height: 40px; line-height: 40px; border-radius: 30px; width: 280px; float: left; padding: 4px 18px; box-sizing: border-box; } header .query .query-main a { display: inline-block; cursor: pointer; } header .query .query-main a img { margin: 5px 0 0 5px; } .tip-off-telephone p { margin: 12px 0; text-align: center; color: #666; font-size: 14px; } header .query p a { display: block; text-align: center; color: #df002b; margin-top: 10px; font-weight: bold; } header .query p a img { vertical-align: middle; margin-bottom: 3px; } .nav .main a,.prefectural-city a { flex: 1; text-align: center; font-size: 18px; padding: 10px 0; } .nav .main a:hover,.prefectural-city a:hover,.index .major .right .major-news-tips p a:hover,.yw .main .yw-main p a:hover,.yang-erji .yang-news span a:hover,.txt-scroll .txt a:hover,.flex .originality-info-list p a:hover,.xczx-info>.right .xczx-item:hover,.xczx-info .left .pic-tips a:hover,.xczx-info .left .tips-text a:hover,.swiper-container3 .swiper-slide .info a:hover { color: #df002b; cursor: pointer; } .prefectural-city { background-color: #f6f6f6; width: 1200px; margin: 0 auto; } .prefectural-city .main { overflow: hidden; box-sizing: border-box; } .prefectural-city .flex { width: 80%; float: left; } .prefectural-city .szb { float: right; cursor: pointer; } .prefectural-city a { font-size: 16px; } .yw { padding-top: 30px; /**background: no-repeat;**/ margin: 0 auto; } .yw .main h5 a { font-size: 34px; color: #df002b; font-weight: bold; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .yw .main .yw-main { margin: 20px 0; height: 104px; } .yw .main .yw-main p { width: 48%; float: left; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; } .yw .main .yw-main p:nth-child(odd) { float: left; width: 48%; } .yw .main .yw-main p:nth-child(even) { float: right; width: 48%; } .yang-erji h3 { font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .yang-erji .yang-news { text-align: center; } .yang-erji .yang-news span { padding: 5px; } .notice { color: #df002b; font-size: 18px; display: inline-block; padding: 5px 0px; font-weight: bold; float: left; flex: none; width: 140px; text-align: center; } .notice img { width: 20px; margin-right: 5px; vertical-align: middle; } .main .major { overflow: hidden; padding-top: 30px; display: flex; } .main .major .left { float: left; width: 760px; } .swiper-container1 { width: 760px; height: 428px; } .main .major .right { width: 420px; margin-left: 20px; } .index .major .right .major-news-tips p a { padding: 5px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index .major .right .major-news-tips p { padding: 0; margin: 20px 0; } .index .major .major-news-tips { margin-top: -26px; } .swiper-slide .info { position: absolute; bottom: 0; color: #fff; width: 100%; background: rgba(0, 0, 0, 0.4); padding-left: 20px; line-height: 52px; font-size: 20px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-container1 .swiper-pagination { text-align: right; bottom: 19px; box-sizing: border-box; padding-right: 12px; } .tuijian { margin: 20px 0; overflow: hidden; } .adv { overflow: hidden; } .swiper-container3 .swiper-slide .pic { width: 220px; height: 124px; overflow: hidden; cursor: pointer; background: #ffe5e5; } .swiper-container3 .swiper-slide .info { position: absolute; bottom: 0; color: #333; width: 220px; background: #f6f6f6; line-height: 42px; height: 42px; font-size: 16px; margin: 0; padding: 0; box-sizing: border-box; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .swiper-container3 .swiper-slide .pic img { width: 100%; transition: all 0.6s; } .swiper-container3 .swiper-wrapper{ -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .swiper-container3 { width: 1200px; height: 130px; float: left; } .title { padding: 0; margin: 10px 0; border-bottom: 1px solid #ddd; } .title .title-text span { color: #df002b; font-size: 22px; border-bottom: 2px solid #df002b; height: 50px; line-height: 50px; display: inline-block; } .title .more { flex: auto; text-align: right; line-height: 28px; margin-top: 14px; } .matrix-list { width: 780px; } .matrix-list .matrix-item { float: left; width: 100px; margin-right: 10px; position: relative; height: 132px; margin-bottom: 10px; background: #fff; text-align: center; cursor: pointer; } .matrix-list .matrix-item:hover .code { top: -15px; transition: all 0.4s; } .matrix-list .tips-code { padding: 20px 0 10px; } .matrix-list .code { position: absolute; width:160px; height:auto; left:-30px; bottom:430px; z-index:999999; } .matrix-list .matrix-item .describe { bottom: 7px; position: absolute; width: 100%; font-size: 14px; } .matrix-list .code img { width: 160px; height:auto; } .media-title span { background-image: -webkit-linear-gradient(top, #ffaf02, #ff0000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; letter-spacing: 5px; } .matrix-list p span { } .media .right .media-szb-title { text-align: center; margin: 20px 0; } .media .right .newspaper { /* background: no-repeat; */ overflow: hidden; background-size: 100% 100%; width: 400px; height: 280px; } .media .right .newspaper .left { margin-left: 20px; margin-top: 26px; cursor: pointer; } .media .right .newspaper .right { margin-right: 20px; margin-top: 26px; cursor: pointer; } .media { background: no-repeat; overflow: hidden; padding: 80px 0; height: 520px; margin-top: -30px; margin-bottom: 34px; } .media-title { text-align: center; margin-bottom: 28px; } .media-title { font-size: 36px; } .flex .originality { width: 380px; } .flex .originality-info .originality-info-pic { position: relative; background: rgba(0, 0, 0, 0.4); height: 243px; padding: 0 10px; margin-bottom: 10px; overflow: hidden; } .flex .originality-info .originality-info-pic a { display: block; color: #fff; } .flex .originality-info a img { position: absolute; left: 0; top: 0; } .flex .originality-info a span { position: absolute; width: 100%; bottom: 0; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; left: 0; padding: 0 10px; background: rgba(0,0,0,0.4); } .flex .originality-info-list p a { padding: 13px 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; } .originality-box { margin-top: -128px; height: 640px; } .originality-box .flex { width: 100%; } #real-estate { float: right; } #finance { margin: 0 30px; } #xczx { margin-left: 30px; width: 790px; } .xczx-info { overflow: hidden; background: #f6f6f6; padding: 20px 12px; height: 428px; } .xczx-info>.right { width: 356px; } .xczx-info>.right .xczx-item { margin-bottom: 22px; overflow: hidden; height: 79px; display: block; } .xczx-info>.right .xczx-item .left { width: 140px; height: 79px; overflow: hidden; } .xczx-info>.right .xczx-item .left img { width: 100%; } .xczx-info>.right .xczx-item .right { width: 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xczx-info>.right .xczx-item .right span { line-height: 26px; } .xczx-info .left { width: 400px; } .xczx-info .left .pic-tips { font-size: 22px; margin: 10px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xczx-info .left .tips-text { line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .video .video-flex { display: flex; width: 1220px; margin-left: -10px; } .video .video-flex .video-item { flex: 1; overflow: hidden; margin: 0 10px; height: 398px; cursor: pointer; } .video .video-flex .video-item .video-pic { height: 398px; position: relative; background: rgba(0, 0, 0, 0.3); } .video .video-flex .video-item .video-pic .box { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; } .video .video-flex .video-item .video-pic>a { display: block; width: 100%; height: 100%; position: relative; } .video .video-flex .video-item .video-pic>a img { width: 100%; height: 100%; } .video .video-flex .video-item .video-pic .play { position: absolute; width: 34px; height: auto; top: 50%; margin-top: -17px; left: 50%; margin-left: -17px; z-index: 999; } #tips-box { height: 524px; } .video { margin-bottom: 30px; margin-top: -10px; } footer { text-align: center; } footer .flex img { flex: 1; } footer { border-top: 2px solid #0068db; padding: 38px 0; margin-top: 80px; background: #f6f6f6; } footer p { line-height: 40px; } .swiper-slide .pic,.flex .originality-info a,.xczx-info .left .pic,.xczx-info>.right .xczx-item .left { overflow: hidden; } .swiper-slide .pic img,.flex .originality-info a img,.xczx-info .left .pic img,.xczx-info>.right .xczx-item .left img,#list .list .main .left .list-item-pic img,.list-right .list-ft-item .list-ft-item-pic img { transition: all 0.6s; } .swiper-slide .pic img:hover,.flex .originality-info a img:hover,.xczx-info .left .pic img:hover,.xczx-info>.right .xczx-item .left img:hover,#list .list .main .left .list-item-pic img:hover,.list-right .list-ft-item .list-ft-item-pic img:hover { transform: scale(1.1); } #list .nav,#details .nav { box-shadow: 0px 10px 10px #eee; padding-bottom: 6px; } #list .list { overflow: hidden; padding-top: 30px; } #list .list .main .left { width: 810px; } #list .list .main .right { width: 320px; } #list .list .main .left .list-item { display: block; width: 100%; height: 146px; margin-bottom: 40px; cursor: pointer; } #list .list .main .left .list-item:hover .list-item-tit { color: #df002b; } #list .list .main .left .list-item-pic { width: 260px; height: 146px; float: left; overflow: hidden; background: #ffe7da; display: flex; align-items: center; } #list .list .main .left .list-item-pic img { width: 100%; height: auto; } #list .list .main .left .list-item-text { float: right; width: 530px; } #list .list .main .left .list-item-tit { color: #4a3354; font-size: 22px; line-height: 36px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #list .list .main .left .list-item-main { font-size: 16px; line-height: 28px; color: #333; margin-bottom: 20px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #list .list .main .left .list-time { color: #8d8d8d; text-align: right; font-size: 14px; } #list .list .main .right .list-right-info p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 12px 0; } #list .list .main .right .pic img { width: 100%; } #details .details .main { background-color: #f6f6f6; padding: 60px; margin: 30px auto; } #details .main h5 { text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 10px; } #details .main h4 { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; } #details .main h3 { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; } #details .details .main p { margin: 20px 0; text-indent: 2em; line-height: 28px; } #details .main p img { /* max-width: -webkit-fill-available; */ max-width: 800px !important; width: max-content; height: auto; } #details .details .time { color: #666; } .jgx .list { padding-top: 0 !important; margin-top: 35px; z-index: 999; position: relative; } .list-right .list-ft-item .list-ft-item-pic { width: 150px; height: 88px; overflow: hidden; } .list-right .list-right-ft { overflow: hidden; } .list-right .list-ft-item { width: 150px; float: left; overflow: hidden; margin-bottom: 20px; } .list-right .list-ft-item:nth-child(odd) { margin-right: 15px; } .list-right .list-ft-item .list-ft-item-pic img { width: 150px; height: 100%; } .list-right .list-ft-item p { text-align: center; margin-top: 5px; } .jgx-pic img { width: 100%; } .content_nei_x_l_zebian { float: right; } .xczx-info .left .pic { width: 400px; height: 225px; overflow: hidden; } .xczx-info .left .pic img { width: 100%; height: 100%; } .search-result header .query .query-main a img { margin-top: -10px; } .m-imagetext .thumblink img { width: 100%; height: 100%; } #list .list .main .right .list-right-info p a:hover { color: #df002b !important; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #df002b !important; } .layui-laypage a:hover { color: #df002b !important; } .swiper-container1 .swiper-slide .pic img { width: 100%; height: 100%; } .swiper-container1 .swiper-slide .pic { text-align: center; background-color: #df002b; width: 100%; height: 100%; } .list .dwcon_bg { margin-bottom: 30px; font-size: 23px; color: #df002b; } .list .dwcon_bg a { font-size: 23px; color: #df002b; } #details .details .list { width: 1200px; margin: 30px auto; } .layui-table-page { margin-top: 30px !important; border: none !important; } .content1{ font-size: 17px; text-align: justify; } .content1 span{ line-height: 2; } .gallery-top .swiper-slide { position: relative } .gallery-top .swiper-slide .zutu-remark { position: absolute; width: 100%; text-align: center; background: rgba(0,0,0,0.5); color: #fff; height: 50px; line-height: 50px; left: 0; bottom: 0; } .main .demo-cont { display: flex; background: #fff; } #joyhuasensitivespan{ background-color: unset !important; } p span span{ background-color: unset; } #list .major-news-tips { overflow: hidden; margin-left: -20px; } #list .major-news-tips .major-news-item { overflow: hidden; border: none; float: left; width: 285px; margin-left: 20px; margin-bottom: 48px; position: relative; padding-bottom: 30px; } #list .major-news-tips .major-news-item .major-news-item-pic { position: relative; display: block; width: 285px; height: 160px; overflow: hidden; } #list .major-news-tips .major-news-item .major-news-item-pic img { width: 100%; height: 100%; transition: all 0.6s; object-fit: cover; } #list .major-news-tips .major-news-item .major-news-item-pic img:hover { transform: scale(1.1); cursor: pointer; } #list .major-news-tips .major-news-item p { width: 400px; position: absolute; bottom: -10px; } #list .major-news-tips .major-news-item p a { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 285px; display: block; line-height: 40px; text-align: center; font-weight: normal; } .details .content_tit { overflow: hidden; } .details .content_tit .time { float: left; } .details .content_tit .share_span { float: right; margin-top: 15px; } .content_tit .share_span #bshare-shareto { line-height: 32px !important; } .txt-scroll .txt a { margin: 0 10px; } .yang-erji .yang-news>a { padding: 5px; } .yang-erji .yang-news>a:hover { color: #df002b; cursor: pointer; }