/* head */ .wrap{ /* 飘红样式 */ /* background: no-repeat top center; padding-top: 180px; */ } .wrap .head-inner { width: 1160px; margin: 0 auto; background: white; /* 飘红样式 */ /* background: #fff; padding: 0 20px; */ } .head-inner .head-top { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 10px 0; } .head-top .head-top-left { display: flex; align-items: center; color: #666666; } .head-top .head-top-left .home { display: block; width: 14px; height: 14px; background-image: url(/uploads/image/psimg/icon-home.png); background-size: 100% 100%; margin-right: 14px; } .head-top .head-top-right { width: 304px; height: 28px; border: 1px solid #d5240c; border-radius: 4px; display:none; } .head-top .head-top-right input { width: calc(100% - 55px); height: 100%; float: left; } .head-top .head-top-right .search-btn { width: 55px; height: 100%; background-color: #d5240c; font-size: 12px; color: #ffffff; float: right; display: flex; align-items: center; justify-content: center; cursor:pointer; } .head-top-right .search-btn i { display: block; width: 13px; height: 13px; background-image: url(/uploads/image/psimg/icon-search.png); background-size: 100% 100%; margin-right: 4px; } .head-inner .head-bot { display: flex; align-items: center; padding: 10px 0; } .head-inner .head-bot .logo { width: 268px; height: 80px; } .head-inner .head-bot .logo img { width: 100%; height: 100%; object-fit: contain; } .head-inner .head-bot .calendar { text-align: center; font-size: 12px; color:#222222; margin-left: 90px; } .head-inner .head-bot .calendar p { margin-bottom:5px; } .head-inner .head-bot .weather { display: flex; align-items: center; font-size: 12px; text-align: center; margin-left: 50px; } .head-bot .weather .city { margin-right: 20px; } .head-bot .weather .city .city-name { font-size: 14px; font-weight: bold; margin-bottom: 6px; } .head-bot .weather .city .change { color: #e9221b; } .head-inner .head-bot .options { display: flex; align-items: center; margin-left: auto; } .head-bot .options li { width: 95px; height: 80px; background: rgba(250, 250, 250, 1); border: 1px solid rgba(238, 238, 238, 1); border-radius: 2px; margin-left: 16px; } .head-bot .options li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .head-bot .options li:first-child i { display: block; width: 30px; height: 24px; background-image: url(/uploads/image/psimg/icon-xmtjz.png); background-size: 100% 100%; margin-bottom: 10px; } .head-bot .options li:last-child i { display: block; width: 24px; height: 24px; background-image: url(/uploads/image/psimg/icon-wltg.png); background-size: 100% 100%; margin-bottom: 10px; } /* nav */ .wrap .nav { width: 100%; height: 46px; /* 飘红样式 */ /*background-color: #e9221b;*/ } .wrap .nav2 { width: 100%; height: 46px; background-color: rgba(234, 240, 244, .6); } .nav .nav-inner { width: 1160px; height: 100%; margin: 0 auto; /* 飘红样式 */ background: #e9221b; } .nav2 .nav-inner { width: 1160px; height: 100%; margin: 0 auto; } .nav-inner .nav-list { display: flex; align-items: center; justify-content: space-between; line-height: 46px; color: #ffffff; } .nav-inner .nav-list2 { display: flex; align-items: center; justify-content: space-between; line-height: 46px; color: #999999; } .nav-inner .nav-list2 li{ width:88px; /*margin:0 25px;*/ user-select:none; text-align:center; } .nav-inner .nav-list2 li:hover{ font-size:18px; } .nav-inner .nav-list li { /*width: calc((100% - 15px) / 13);*/ width:88px; height: 100%; text-align: center; position: relative; } .nav-inner .nav-list li:hover{ font-size:18px; } .nav-inner .nav-list li::before { content: ''; width: 2px; height: 26px; background-color: #ff5a53; position: absolute; top: 50%; left: 0; transform: translatey(-50%); box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2); border-radius: 2px; } .nav-inner .nav-list li:first-child::before{ content: none; } /*.nav-inner .nav-list li:last-child::before {*/ /* width: 0;*/ /* box-shadow: none;*/ /*}*/ .nav-inner .nav-list li:last-child i { display: block; width: 15px; height: 15px; background-image: url(/uploads/image/psimg/icon-more.png); background-size: 100% 100%; } /* main */ .main .main-inner { width: 1160px; margin: 0 auto; position: relative; background: white; } .main .main-inner .side-adver { position: absolute; width: 106px; height: 530px; top: 0; } .main .main-inner .side-adver img { width: 100%; height: 100%; display:block; /*object-fit: cover;*/ } .main .main-inner .side-adver.left-adver { left: -120px; } .main .main-inner .side-adver.right-adver { right: -120px; } .main .main-inner .side-adver a{ display:block; } .main .main-inner .side-adver a img{ display:block; } .main-inner .today-focus { display: flex; align-items: center; margin-top: 20px; } .today-focus .focus-title { width: 88px; height: 90px; margin: 0 14px; } .today-focus .focus-con { width: calc(100% - 88px - 28px); height: 116px; background-color: rgba(234, 240, 244, .6); display: flex; flex-direction: column; justify-content: center; /* padding: 0 14px; */ } .today-focus .focus-con h2 { color: #de241e; font-size: 32px; text-align: center; } .today-focus .focus-con .focus-list { /* width: 688px; */ /* text-align: center; */ /* margin-left: 100px; */ flex-wrap: wrap; display: flex; margin: auto; /* margin: 10px 0 0 140px; */ justify-content: space-around; align-items: center; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ /* overflow: hidden; */ } .today-focus .focus-con .focus-list li { display: inline-block; /* margin-right: 36px; */ color: #999999; width: 204px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .today-focus .focus-con .focus-list li:hover{ color:red; } .main .main-banner { margin: 20px 0; } .main-banner .banner-left { width: 660px; height: 404px; float: left; margin-right: 22px; position: relative; } .main-banner .banner-right { width: calc(100% - 660px - 22px); height: 404px; float: right; } .main-banner .swiper-container { width: 100%; height: 100%; } .main-banner .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .main-banner .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; } .main-banner .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; } .main-banner .swiper-slide a p { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background-color: rgba(0, 0, 0, .75); line-height: 70px; color: #ffffff; font-size: 20px; padding-left: 90px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main-banner .swiper-button-next, .main-banner .swiper-button-prev { position: absolute; width: 26px; height: 46px; background-size: 100% 100%; outline: none; z-index: 100; } .main-banner .swiper-button-prev { background-image: url(/uploads/image/psimg/icon-prev-white.png); left: 10px; bottom: 10px; } .main-banner .swiper-button-next { background-image: url(/uploads/image/psimg/icon-next-white.png); right: 10px; bottom: 10px; } .main-banner .swiper-pagination-fraction { position: absolute; bottom: 0; color: #ffffff; text-align: left; font-size: 20px; line-height: 70px; padding-left: 20px; } .main-banner .swiper-pagination-fraction .swiper-pagination-current { color: #e42020; font-size: 30px; } .main-banner .banner-right .news-list { height: 100%; padding: 4px 0; } .banner-right .news-list li { position: relative; font-size: 16px; padding: 0 0 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom:19px; } .banner-right .news-list li:hover{ color:red; } .banner-right .news-list li:last-child{ margin-bottom:0; } .banner-right .news-list li:nth-child(3n 1) { font-size: 20px; font-weight: bold; } .banner-right .news-list li:nth-child(10) { font-size: 16px; font-weight: normal; } .banner-right .news-list li::before { content: ''; width: 6px; height: 6px; background-color: #00c7f4; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translatey(-50%); } .main-inner .special-plan { margin: 25px 0 20px; width: 100%; height: 232px; background-color: #f7f4f8; } .main-inner .special-plan .plan-title { width: 49px; height: 100%; background-color: #de241e; text-align: center; display: flex; align-items: center; float: left; } .special-plan .plan-title span { writing-mode: vertical-lr; text-align: center; font-size: 22px; color: #ffffff; margin: 0 auto; letter-spacing: 3px; } .main-inner .special-plan .plan-con { width: calc(100% - 50px); height: 100%; float: right; padding: 10px 40px; position: relative; } .plan-con .swiper-container { width: 100%; height: 100%; } .plan-con .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .plan-con .swiper-slide:hover{ color:red; } .plan-con .swiper-slide .img-box { width: 100%; height: 130px; overflow: hidden; margin: 0 auto; } .plan-con .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; } .plan-con .swiper-slide .title { font-size: 18px; font-weight: 400; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .plan-con .swiper-slide .description { color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .plan-con .swiper-slide .description .more { color: #e42020; } .plan-con .swiper-button-next, .plan-con .swiper-button-prev { width: 14px; height: 24px; background-size: 100% 100%; outline: none; } .plan-con .swiper-button-prev { left: 14px; background-image: url(/uploads/image/psimg/icon-prev-gray.png); } .plan-con .swiper-button-next { right: 14px; background-image: url(/uploads/image/psimg/icon-next-gray.png); } .main-inner .main-module { padding: 20px 0; } .main-module .module-item { /*width: calc((100% - 60px) / 3);*/ width:366px; height: auto; margin-right: 20px; margin-top: 20px; float: left; } .main-module.column-module .module-item:nth-child(-n 3) { margin-top: 20px; } .main-module .module-item:nth-child(-n 3) { margin-top: 0; } .main-module .module-item:nth-child(3n) { margin-right: 0; } .module-item .module-title { width: 100%; height: 46px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #cccccc; padding-right: 8px; } .module-item .module-title h4 { height: 100%; font-size: 16px; text-align: center; line-height: 46px; position: relative; color: #777777; } .module-item .module-title h4::before { content: ''; width: 100%; position: absolute; left: 0; bottom: -2px; } .module-item .module-title h4 span { padding: 0 24px; display: inline-block; height: 100%; cursor: pointer; } .module-item .module-title h4 span.active { color: #de241e; border-bottom: 2px solid #de241e; } .module-item .module-title h4 span.digital { width: 100px; background-image: url(/uploads/image/psimg/icon-title-digital.png); background-size: 90% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: 13px; padding: 0; } .module-item .module-title h4 span.map { width: 140px; background-image: url(/uploads/image/psimg/icon-title-map.png); background-size: 90% 60%; background-repeat: no-repeat; background-position-x: center; background-position-y: 13px; padding: 0; } .module-item .module-title.bg-title h4 img { width: 80px; height: 40px; } .module-item .module-title .more { font-size: 12px; } .module-item .module-title .more.italics { font-style: italic; color: #aaaaaa; } .module-item .module-con { padding: 14px 0 0; } .module-item .module-con .news-list { display: none; } .module-item .module-con .news-list:first-of-type { display: block; } .module-item .module-con .module-con-left .news-list { padding: 10px 0 0; } .module-item .module-con .news-list li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding: 4px 0 6px 16px; } .module-item .module-con .news-list li:hover{ color:red; } .module-item .module-con .news-list li::before { content: ''; width: 4px; height: 4px; background-color: #666666; position: absolute; top: 50%; left: 0; transform: translatey(-50%); border-radius: 4px; } .module-item .module-con.single-pic img { display: block; width: 200px; height: 280px; object-fit: contain; margin: 14px auto; } .adver .small-adver { display: block; width: calc((100% - 20px) / 2); height: 80px; float: left; } .adver .small-adver img { width: 100%; height: 100%; object-fit: cover; } .adver .small-adver:first-child { margin-right: 20px; } .main-module .module-item.big-module { width: calc(66.7% - 30px); margin-right: 30px; } .main-module .module-item.small-module { margin-right: 0; } .module-item .module-con .module-con-item { display: none; } .module-item .module-con .module-con-item:first-of-type { display: block; } .module-item .module-con .module-con-left { width: calc((100% - 30px) / 2); margin-right: 30px; float: left; } .main-module .module-item.small-module .module-con .module-con-left { width: 100%; } .module-item .module-con .module-con-right { width: calc((100% - 30px) / 2); float: right; } .module-con .module-con-left .single-pic { width: 100%; height: 200px; position: relative; } .module-con .module-con-left .small-pic { width: 100%; height: 140px; display: flex; justify-content: space-between; margin-top: 20px; } .module-con .module-con-left .small-pic a { width: calc((100% - 14px) / 2); height: 100px; } .module-con .module-con-left .single-pic img, .module-con .module-con-left .small-pic img { width: 100%; height: 100%; object-fit: cover; } .module-con .module-con-left .single-pic p { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background-color: rgba(0, 0, 0, .6); color: #ffffff; line-height: 30px; padding: 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .module-con .module-con-left .small-pic p { font-size: 12px; margin: 6px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .main-gallery .gallery-item { margin-bottom: 14px; } .main-gallery .gallery-title { width: 100%; height: 50px; position: relative; } .main-gallery .gallery-title::before { content: ''; width: 100%; height: 2px; background-color: #dedede; position: absolute; left: 0; top: 50%; transform: translatey(-50%); } .main-gallery .gallery-title h3 { font-size: 22px; color: #ff0000; padding: 3px 10px; background-color: #ffffff; position: absolute; left: 50px; top: 50%; transform: translatey(-50%); } .main-gallery .gallery-title .gallery-sort { background-color: #ffffff; color: #777777; position: absolute; right: 50px; top: 50%; transform: translatey(-50%); } .main-gallery .gallery-title .gallery-sort li { float: left; padding: 0 14px; } .main-gallery .gallery-con { padding: 6px 0; } .main-gallery .gallery-con .video-list li { width: 180px; height: 130px; float: left; margin-right: 14px; } .main-gallery .gallery-con .video-list li a{ display:block; } .main-gallery .gallery-con .video-list li img{ width: 180px; height: 130px; } .main-gallery .gallery-con .video-list li:last-child { margin-right: 0; } .main-gallery .gallery-con .pic-list li { width: calc(100% / 5); height: 130px; border: 2px solid #ffffff; position: relative; float: left; } .main-gallery .gallery-con .pic-list li:first-child { width: 40%; height: 260px; } .main-gallery .gallery-con .pic-list li p { position: absolute; width: 100%; height: 30px; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); color: #ffffff; line-height: 30px; padding: 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .gallery-con .works-item { /*width: calc((100% - 60px) / 3);*/ width:366px; float: left; margin-right: 30px; } .gallery-con .works-item:last-child { margin-right: 0; } .gallery-con .pic-item { width: calc((100% - 10px) / 2); float: left; } .gallery-con .pic-item p { padding: 6px 0 8px; font-size: 12px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } .gallery-con .pic-item img { width: 100%; height: 115px; } .gallery-con .works-left .pic-item:first-child { width: 100%; } .gallery-con .works-left .pic-item:first-child img { width: 100%; height: 200px; } .gallery-con .works-left .pic-item:first-child p { font-size: 14px; } .gallery-con .works-left .pic-item:nth-child(2) { margin-right: 10px; } .gallery-con .works-center li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding: 4px 0 6px 16px; } .gallery-con .works-center li:hover{ color:red; } .gallery-con .works-center li::before { content: ''; width: 4px; height: 4px; background-color: #666666; position: absolute; top: 50%; left: 0; transform: translatey(-50%); border-radius: 4px; } .gallery-con .works-right .pic-item:first-child { margin-right: 10px; } .gallery-con .works-right .news-list { /* margin-top: 10px; */ } .gallery-con .works-right .news-list li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding: 4px 0 6px 16px; } .gallery-con .works-right .news-list li:hover{ color:red; } .gallery-con .works-right .news-list li::before { content: ''; width: 4px; height: 4px; background-color: #666666; position: absolute; top: 50%; left: 0; transform: translatey(-50%); border-radius: 4px; } .showmedia{ width:516px; background-color:#ffffff; position:absolute; top:101px; left:-174px; z-index:99; padding: 10px 0; } .showmedia div{ width:132px; text-align:center; color:#999999; float:left; margin:0 20px; } /*.showmedia div:nth-child(3n){*/ /* margin-right:0;*/ /*}*/ .showmedia img{ width:132px; height:132px; } .head-bot>.logo,.head-bot>.calender,.head-bot>.weather{ position:relative; top:-20px; } .main-inner .twoadver a{ display:block; width:574px; height:80px; } .main-inner .twoadver a:nth-child(1){ float:left; } .main-inner .twoadver a:nth-child(2){ float:right; }