@charset "utf-8"; .leftfixed { width: 100px; height: 158px; position: fixed; z-index: 99; } .leftfixed .img2 { width: 100%; height: 100%; } .rightfixed { width: 72px; height: 311px; position: fixed; right: 0px; background: #fff; padding-top: 13px; border-radius: 4px; border: 1px solid #e60012; z-index:999; } .rightfixed li { height: 67px; text-align: center; } .rightfixed li .weibo { height: 25px; background-image: url(/uploads/image/pni图标/weibo.png); background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed li .weixin { height: 25px; background-image: url(/uploads/image/pni图标/weixin.png); background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed li .shouji { height: 25px; background-image: url(/uploads/image/pni图标/shouji.png); background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed li:hover p { color: #e60012; } .rightfixed li:hover .weibo { height: 25px; background-image: ; background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed li:hover .weixin { height: 25px; background-image: ; background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed li:hover .shouji { height: 25px; background-image: ; background-repeat: no-repeat; background-size: 24px 24px; background-position-x: 24px; } .rightfixed .fanhuidingbu img { margin-left: 28px; } .head-line-one { margin-bottom: 20px; margin-top: -40px; } .head-line-one a img { width: 100%; /*height: 90px;*/ margin-top: 10px; } .head-line-one .middlecontent { width: 1200px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #fff; margin: 20px 0; position: relative; overflow: hidden; } .head-line-one .middlecontent .left { width: 90px; height: 36px; padding: 8px 20px 0 10px; } .head-line-one .middlecontent .left img { width: 100%; height: 18px; display: block; } .head-line-one .middlecontent .bottom-logo { width: 1100px; height: 25px; position: relative; overflow: hidden; } .head-line-one .middlecontent .bottom-logo ul { width: 100%; height: 36px; position: absolute; } .head-line-one .middlecontent .bottom-logo ul li { float: left; padding-left: 30px; margin-top: 8px; height: 16px; line-height: 16px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .head-line-one .middlecontent .bottom-logo ul li:nth-child(1) { border-left: 1px solid #ccc; } .head-line-one-message { width: 100%; background-color: #fff; position: relative; padding: 30px; } .head-line-one-message-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .head-line-one-message-list ul { width: 48%; } .head-line-one-message-list ul a { display: block; /*height: 36px;*/ font-size: 16px; font-family: pingfang-sc-medium, pingfang-sc; font-weight: 500; color: #666666; line-height: 36px; position: relative; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .head-line-one-message-list ul a:hover { color: #e60012; } .head-line-one-message-list ul a:before { display: block; position: absolute; content: " "; width: 4px; height: 4px; border-radius: 50%; background-color: #e60012; top: 16px; left: 0; } .head-line-one-message-list ul ul { margin-left: 2%; } .head-line-one-message img { width: 92px; position: absolute; left: 0; top: 0; } .head-tt { margin: 20px 0; text-align: center; } .head-line-one-message .first-title { margin: 0 auto; /*height: 36px;*/ font-size: 32px; font-family: pingfang-sc-heavy, pingfang-sc; font-weight: 800; color: #3848a0; line-height: 1.5; /* overflow: hidden;*/ /*white-space: nowrap;*/ /*text-overflow: ellipsis;*/ /*display: block;*/ } /*.head-line-one-message .first-title:hover { color: #e60012; }*/ .rotation-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .rotation-area .area-left { width: 792px; overflow: hidden; } .rotation-area .area-left .swiper-container { width: 792px; height: 446px; } .rotation-area .area-left .swiper-container img { width: 792px; height: 446px; } .rotation-area .area-left .swiper-container a { position: relative; } .rotation-area .area-left .swiper-container a p { width: 792px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px 20px; bottom: 0; left: 0; position: absolute; font-size: 24px; font-family: pingfang-sc-bold, pingfang-sc; font-weight: 500; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), 30%, black); } .rotation-area .area-left .swiper-container .swiper-pagination { position: absolute; width: 124px !important; top: 20px; left: 640px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 16px; background: rgba(0, 0, 0, 0.35); border-radius: 14px; } .rotation-area .area-left .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #ffffff; border-radius: 50%; opacity: 1; } .rotation-area .area-left .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 24px; height: 8px; background: #e60012; border-radius: 4px; } .rotation-area .area-left .img-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 188px; } .rotation-area .area-left .img-list li { background-color: #fff; width: 248px; height: 188px; } .rotation-area .area-left .img-list li img { width: 248px; height: 140px; transition: all 1s; } .rotation-area .area-left .img-list li a { width: 248px; height: 140px; overflow: hidden; display: block; /*图片放大时多出来的部分将其隐藏*/ } .rotation-area .area-left .img-list li img:hover { transform: scale(1.05); /*对图片进行放大*/ } .rotation-area .area-left .img-list li div a { display: block; width: 248px; height: 48px; background: #ffffff; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rotation-area .area-right { width: 384px; } .rotation-area .area-right .first-adver { width: 100%; height: 80px; } .rotation-area .area-right .first-adver img { width: 384px; height: 78px; } .rotation-area .area-right .first-adver:hover { background-color: #fff; } .rotation-area .area-right .first-adver:hover a { color: #fff !important; } .rotation-area .area-right ul { width: 100%; } .rotation-area .area-right ul li { height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; /* justify-content: center;*/ position: relative; } .rotation-area .area-right ul li span { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding: 0 10px; } .rotation-area .area-right ul li a { font-size: 16px; line-height: 26px; } .rotation-area .area-right ul li:hover { background-color: #e60012; } .rotation-area .area-right ul li:hover a { color: #fff !important; } .rotation-area .area-right ul li a:hover { text-decoration: underline; } .rotation-area .area-right ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 80%; } .rotation-area .area-right .comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 140px; padding: 0 20px; } .rotation-area .area-right .comment img { width: 36px; height: 102px; } .rotation-area .area-right .comment-msg { width: 328px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; } .rotation-area .area-right .comment-msg a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 36px; } .adver-two img { width: 100%; height: 90px; } .coloumn-1 .w-282, .coloumn-1 .w-384, .coloumn-1 .w-486 { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .coloumn-1 .w-282 .title, .coloumn-1 .w-384 .title, .coloumn-1 .w-486 .title { font-size: 18px; font-family: pingfang-sc-bold, pingfang-sc; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d8d8d8; padding-bottom: 14px; } .coloumn-1 .w-282 .title .name, .coloumn-1 .w-384 .title .name, .coloumn-1 .w-486 .title .name { font-weight: bold; color: #212121; } .coloumn-1 .w-282 .title a, .coloumn-1 .w-384 .title a, .coloumn-1 .w-486 .title a { color: #999999; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coloumn-1 .w-282 .title a img, .coloumn-1 .w-384 .title a img, .coloumn-1 .w-486 .title a img { width: 16px; height: 16px; } .coloumn-1 .w-282 .title a:hover, .coloumn-1 .w-384 .title a:hover, .coloumn-1 .w-486 .title a:hover { color: #e60012; } .coloumn-1 .w-282 { width: 282px; background: transparent; padding: 0; } .coloumn-1 .w-282 .title, .coloumn-1 .w-282 .paper-list { background-color: #fff; padding: 20px; } .coloumn-1 .w-282 .paper-list a>img { width: 100%; height: 344px; } .coloumn-1 .w-282 .paper-list ul { display: inline-block; } .coloumn-1 .w-282 .paper-list ul a img { width: 111px; height: 148px; } .coloumn-1 .w-282 .paper-list ul a .paper_img { padding-bottom: 10px; } .coloumn-1 .w-282 .paper-list ul a:nth-child(2n) { margin-left: 10px; } .coloumn-1 .w-282 .adver-list a { display: inline-block; } .coloumn-1 .w-282 .adver-list img { width: 100%; height: 60px; } .coloumn-1 .w-282 .adver-list a a { margin-top: 8px; } .coloumn-1 .w-486 { width: 486px; } .coloumn-1 .w-384 { padding-bottom: 0; } .coloumn-1 .w-486 ul{ width: 446px; height: 1000px; /* overflow: scroll; */ } .coloumn-1 .w-384 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 92px; } .coloumn-1 .w-384 ul li img { width: 112px !important; height: 63px !important; } .coloumn-1 .w-384 ul li p { width: 222px; } .coloumn-1 .w-384 ul li li { border-top: 1px solid rgba(0, 0, 0, 0.1); } .coloumn-1 .w-486 { padding-bottom: 0; } .coloumn-1 .w-486 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 92px; } .coloumn-1 .w-486 ul .istext{ padding: 17px 0; height: auto; } .coloumn-1 .w-486 ul li img { width: 112px !important; height: 63px !important; } .coloumn-1 .w-486 ul li p { width: 324px; } .coloumn-1 .w-486 ul li li { border-top: 1px solid rgba(0, 0, 0, 0.1); } .coloumn-1 .w-384 { width: 384px; } .shitinghuicui { height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 2px solid #e60012; } .shitinghuicui .name { height: 56px; display: inline-block; background-image: url(/uploads/image/pnimages/shiting.png); background-repeat: no-repeat; background-size: 32px 32px; background-position-y: -10px; line-height: 56px; font-size: 24px; font-weight: bold; color: #212121; } .shitinghuicui a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999999; } .shitinghuicui a img { width: 16px; height: 16px; } .shitinghuicui a:hover { color: #e60012; } .title-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 2px solid #e60012; padding-bottom: 16px; } .title-bottom .name { font-size: 24px; font-weight: bold; color: #212121; line-height: 24px; } .title-bottom a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999999; } .title-bottom a img { width: 16px; height: 16px; } .title-bottom a:hover { color: #e60012; } .coloumn-two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coloumn-two .right { width: 384px; } .coloumn-two .right ul { padding: 20px; background-color: #fff; } .coloumn-two .right ul li { position: relative; } .coloumn-two .right ul li img { width: 344px; height: 176px; } /*.coloumn-two .right ul li a { bottom: 0; display: block; position: absolute; padding: 12px; color: #fff; } .coloumn-two .right ul li a:hover { color: #e60012; }*/ .coloumn-two .right ul li li { margin-top: 20px; } .coloumn-two .right ul .bottom-adver { margin-top: 20px; width: 344px; height: 82px; } .coloumn-two .right ul .bottom-adver img { width: 100%; height: 100%; } .coloumn-two .left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 796px; } .coloumn-two .left .list-item { width: 384px; } .coloumn-two .left .list-item:nth-child(2n) { margin-left: 24px; } .coloumn-two .left .list-item:nth-child(n 3) { margin-top: 32px; } .coloumn-two .left .list-item .coloumn-header { margin-top: 16px; position: relative; width: 384px; height: 216px; } .coloumn-two .left .list-item .coloumn-header .img_tit { box-sizing: border-box; width: 384px; padding: 12px; display: block; position: absolute; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.4); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), 30%, black); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .coloumn-two .left .list-item .coloumn-header a:hover { color: #e60012; } .coloumn-two .left .list-item .coloumn-header img { width: 100%; height: 100%; } .coloumn-two .left .list-item ul { padding-top: 8px; background-color: #fff; } .coloumn-two .left .list-item ul li { padding: 16px; padding-left: 36px; font-size: 16px; font-family: pingfang-sc-medium, pingfang-sc; line-height: 16px; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .coloumn-two .left .list-item ul li::before { position: absolute; content: " "; display: block; width: 6px; height: 6px; border: 1px solid #e60012; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 16px; top: 21px; } .view-see { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* ss */ .view-see .left { width: 792px; height: 446px; background: #d8d8d8; position: relative; overflow: hidden; } .view-see .left img, .view-see .right .right-item a img { position: relative; display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .view-see .left p { font-size: 28px; } .view-see .right .right-item a p { font-size: 14px; } .view-see .left p, .view-see .right .right-item a p { position: absolute; bottom: 0px; left: 0; width: 100%; padding: .1em .8em; background-color: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); text-align: center; color: #fff; line-height: 2em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } .view-see .left a:hover img, .view-see .right .right-item a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .view-see .left a:hover p, .view-see .right .right-item a:hover p { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .view-see .right { overflow: hidden; width: 384px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .view-see .right .right-item { height: 216px; background: #d8d8d8; position: relative; overflow: hidden; } .view-see .right .right-item img { width: 100%; height: 100%; } /*.view-see .right .right-item a { display: block; padding: 12px; position: absolute; bottom: 0; color: #fff; } .view-see .right .right-item a:hover { color: #e60012; }*/ .nongbao-chuang { margin-top: 32px; height: 260px; background-image: url(/uploads/image/pnimages/borde-b.png); background-size: 100% 100%; padding: 20px; } .nongbao-chuang .title { font-size: 20px; font-family: pingfang-sc-bold, pingfang-sc; font-weight: bold; color: #e60012; width: 1000px; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nongbao-chuang .title span { position: relative; } .nongbao-chuang .title span::after { position: absolute; content: " "; display: block; width: 80px; height: 2px; bottom: -8px; background-color: #e60012; } .nongbao-chuang .nongbao-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nongbao-chuang .nongbao-center ul { margin-top: 12px; width: 440px; } .nongbao-chuang .nongbao-center ul li { height: 48px; padding: 16px; padding-left: 36px; font-size: 16px; font-family: pingfang-sc-medium, pingfang-sc; line-height: 16px; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nongbao-chuang .nongbao-center ul li::before { position: absolute; content: " "; display: block; width: 6px; height: 6px; border: 1px solid #e60012; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 16px; top: 21px; } .nongbao-chuang .nongbao-center .button { padding-top: 32px; width: 276px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nongbao-chuang .nongbao-center .button span { display: block; width: 126px; height: 32px; background: #cb161c; border-radius: 4px; color: #ffffff; text-align: center; line-height: 32px; cursor: pointer; } .nongbao-chuang .nongbao-center .button span:nth-child(2n) { margin-left: 20px; } .nongbao-chuang .bottom-logo { width: 1150px; height: 60px; position: relative; overflow: hidden; } .nongbao-chuang .bottom-logo #ul_img { width: 100%; height: 30px; position: absolute; top: 0; left: 0; } .nongbao-chuang .bottom-logo #ul_img li { float: left; width: 140px; height: 100%; /*border: 1px solid red;*/ } .nongbao-chuang .bottom-logo #ul_img li img { width: 118px; height: 100%; } .pic-list { padding: 25px 0; } .pic-list ul:hover li { width: 112px; } .pic-list ul { width: 1200px; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; /* 超出部分隐藏 */ overflow: hidden; /* 过渡为0.3秒 */ -webkit-transition: all .3s; transition: all .3s; } .pic-list ul li { /* 相对定位 */ position: relative; float: left; width: 112px; -webkit-transition: all .5s; transition: all .5s; } .pic-list ul li img { width: 182px; height: 240px; cursor: pointer; } .pic-list ul li:hover { width: 181px; height: 240px; z-index: 99; } .pic-list ul .six { width: 181px; } .swiper-button-prev, .swiper-button-next { width: 44px !important; height: 72px !important; background: #000000; opacity: 0.45; background-image: none !important; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 4px; line-height: 72px; text-align: center; color: #fff; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #e60012; } .swiper-button-next:before { content: "\e72d"; font-size: 28px; } .swiper-button-prev:before { content: "\e738"; font-size: 28px; } .send-title-icon { color: #e60012; font-weight: 400; margin: 0; } /*# sourcemappingurl=index.css.map */ .leftfixed .img1 { position: absolute; bottom: -22px; right: -5px; } .rightfixed ul li { position: relative; } .rightfixed .wbcode { display: none; position: absolute; top: 0; left: -90px; width: 85px; height: 97px; padding: 5px 0; background-color: #fff; border-radius: 5px; line-height: 1; } .rightfixed .wbcode img { width: 70px; height: 70px; margin-bottom: 5px; } .rightfixed .wbcode p { text-align: center; font-weight: 500; font-size: 12px; color: #777777 !important; } .rightfixed .weibo:hover .wbcode, .weixin:hover .wbcode, .kehuduan:hover .wbcode, .dgsn:hover .wbcode { display: block; } .fanhuidingbu { cursor: pointer; } .imgtextlist .istext a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: block; width: 100%; height: 22px; line-height: 22px; white-space: nowrap; } .advbox { /* position: relative; */ width: 1200px; margin: 0 auto; /*margin-top: 10px;*/ } .advbox .dt_small { width: 1200px; height: 90px; } .advbox .dt_small img { width: 100%; height: 100%; } .advbox .dt_big { /* position: absolute; */ width: 1200px; z-index: 1000; } .advbox .dt_big img { width: 100%; } .advbox .dt_tobig { position: absolute; left: 50%; margin: 5px 0px 0px 440px; width: 49px; height: 21px; background: ; cursor: pointer; } .advbox .dt_tosmall { position: absolute; left: 50%; margin: 5px 0px 0px 440px; width: 49px; height: 21px; background: ; cursor: pointer; }