锘?* 澶存潯 begin*/ .headline a{ background: #fff; display: flex; justify-content: space-between; align-items: center; } .headline a:hover{ text-decoration: none; } .headline-l{ width: 100px; height: 100px; background: #e2960a; line-height: 100px; text-align: center; color: #fff; font-weight: bold; font-size: 30px; } .headline-c{ text-align: center; width: 90%; margin: 0 auto; } .headline-c h2{ margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; font-size: 40px; } .headline-c h5{ color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .headline-r { color: #999; padding-right: 20px; } .headline-r span{ background: url(/uploads/image/jimages/icon-right-more.png) no-repeat; background-size: 100% 100%; width: 9px; height: 14px; display: inline-block; margin-left: 15px; } /* 澶存潯 end*/ /* 鍏憡 begin */ .notice-bd{ padding: 20px 5px; background: #fff; } .notice-bd h4{ color: #cd111f; border-left: 3px solid; padding-left: 10px; height: 20px; line-height: 20px; font-weight:bold; margin: 12px 0; } .notice-bd ul{ background: #fafafa; border: 1px solid #e6e6e6; padding: 7px 15px; margin-bottom: 0; } .notice-bd ul li{ padding: 4px; list-style: none; } .notice-bd ul li a{ display: flex; justify-content: space-between; } .notice-bd ul li a:hover,.notice-bd ul li a:hover p{ color: #7b1919; text-decoration: none; } .notice-bd ul li h5{ position: relative; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; margin: 1px 0; } .notice-bd ul li h5 i{ position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #7b1919; top: 8px; left: 0; } .notice-bd ul li p{ color: #999999; font-size: 14px; margin: 1px 0; } .notice-bd .swiper-container { width: 100%; height: 370px; } .notice-bd .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ 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; } .notice-bd .pagination-style{ width: 95% !important; text-align: right; } .notice-bd .swiper-pagination-bullet { width: 40px; height: 5px; display: inline-block; border-radius:0; background: #fff; opacity: 1; box-shadow: 0 0 3px #000000; } .notice-bd .swiper-pagination-bullet-active{ background: #7b1919; } .notice-bd .list-til { border: none; height: auto; } .notice-bd .list-til:hover { border: none; background: none; color: #333; } .notice-bd .list-til:hover .list-til-right span{ background: url(/uploads/image/jimages/icon-right-more.png) no-repeat; } .notice-bd .list-til-right{ display: flex; } .notice-bd .list-til-right h5{ margin-right: 5px; } /* 鍏憡 end */ @media screen and (max-width: 768px) { .notice-list li{ padding: 15px; } .notice-list li .notice-date{ width: 80px; height: 80px; } .notice-list li .notice-date h3{ font-size: 18px; } .notice-list li .notice-date p{ font-size: 14px; } .notice-list li .notice-cont p{ font-size: 12px; } .notice-list li .notice-cont{ margin-left: 15px; width: 70%; } .second-nav-bd{ width: 100%; } .second-nav { background: #fff; display: flex; margin: 0px 0px 20px 0px; } .scroller { margin: 0px 0px 20px 30px; } .notice-nav{ margin: 20px 0; } .second-nav .left-til{ background: url(/uploads/image/jimages/dhbg.png) center no-repeat; height: 45px; line-height: 44px; } .text-main img{ max-width: 100%; } } .second-nav{ background: #fff; display: flex; } .second-nav .left-til{ background: url(/uploads/image/jimages/dhbg.png) no-repeat; width: 142px; height: 60px; line-height: 60px; padding-left: 20px; color: #fff; } .second-nav-bd{ width: 100%; } ol,ul{ list-style:none; padding: 0px; } .htit{line-height:1rem;padding:0 10px;color:#ff8e2e;margin:10px 0 5px 0} .wrapper{ padding:0; } .wrapper01 { position: relative; height: 60px; width: 100%; overflow: hidden; margin: 0 auto; } @media (max-width: 767px) { .wrapper01 { position: relative; height: 120px; width: 100%; overflow: hidden; margin: 0 auto; } } .wrapper01 .scroller {position:absolute} .wrapper01 .scroller li {position: relative; min-width: 112px;height: 60px;color:#333;float: left;line-height: 60px;font-size: 16px;text-align: center} .wrapper01 .scroller li a{color:#333;display:block;margin:0 10px;font-weight: bold;} .wrapper01 .scroller li.cur a{color:#790d0d;} .wrapper01 .scroller li:after{ position: absolute; content: ''; height: 30px; width: 1px; top: 15px; right: 0; background: #e6e6e6; } @media (max-width: 767px) { .wrapper01 .scroller li:nth-child(3):after{ width: 0; } } .wrapper01 .scroller li:nth-child(6):after{ width: 0; } /* 鏂伴椈鍒楄〃 */ .list-til,.b-list-til{ height: 60px; border-top: 2px solid #cd111f; display: flex; align-items: center; justify-content: space-between; overflow: hidden; border-bottom: 1px dashed #e6e6e6; } .list-til:hover { border-top: 2px solid #cd111f; background: #cd111f; color: #fff; } .list-til-icon span{ width: 16px; display: inline-block; margin: 10px 5px 10px 20px; vertical-align: baseline; } .list-til:hover .list-til-icon span img{ transform: translatey(-7rem); -webkit-filter: drop-shadow(0 7rem #fff); -moz-filter: drop-shadow(0 7rem #fff); filter: drop-shadow(0 7rem #fff); } .one-img{ width: 140px; flex-shrink: 0; } .one-img img{ height:83px; } .one-txt{ width: 60%; margin-left: 10px; } .one-txt h6{ margin-top: 0; } .list-til-icon h5 { font-size: 16px; display: inline-block; font-weight:bold; } .list-til-right{ padding-right: 20px; } .list-til-right div{ width: 20px; height: 2px; display: inline-block; background: #fff; vertical-align: text-top; } .list-til-right span{ display: inline-block; background: url(/uploads/image/jimages/icon-right-more.png) no-repeat; background-size: ; width: 9px; height: 15px; margin: 10px 0; } .list-til:hover .list-til-right span{ background: url(/uploads/image/jimages/icon-right-more-w.png) no-repeat; } .article-list{ padding: 10px 20px 15px 20px; } .article-list li{ list-style: none; padding: 8px 0; } .article-list li:last-child{ border-bottom: 0; } .article-list li a{ position: relative; display: flex; } .article-list li a:hover h6 ,.article-list li a:hover .list-til-left{ color: #cd111f; } .article-list li span{ font-size: 14px; color: #999; width: 8px; height: 8px; text-align: center; border-radius: 50%; background: #cd111f; flex-shrink: 0; margin: 4px 5px 0 0; } .article-list li h6{ font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #454545; margin: 0; } .article-list .list-outline{ font-size: 14px; color: #999999; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 25px; margin-top: 12px; } .comment-list li .comment-list-til{ display: flex; justify-content: space-between; height: 35px; align-items: center; } .list-til-left{ font-size: 14px; width: 76%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #454545; } .list-til-left i{ font-style: normal; } .comment-list-til p{ margin: 0; font-size: 14px; color: #999; } .comment-list .list-outline{ margin: 0; } /* 鏂伴椈鍒楄〃end */ /* 鍚嶅涓撴爮 begin*/ .list-more{ display: flex; align-items: center; } .list-more:hover h5{ color: #7b1919; } .list-more h5{ font-size: 14px; display: inline-block; margin: 10px; color: #999; } .master-list{ padding: 20px; display: flex; } .master-list li{ list-style: none; width: 125px; position: relative; margin-right: 22px; } .master-list li:last-child{ margin-right: 0; } .master-list li:hover .master-mask{ opacity: 1; transition: all 0.3s; } .master-list li .master-img{ width: 100%; height: 80px; overflow: hidden; } .master-list li p{ text-align: center; font-size: 14px; margin: 10px 0 0 0; } .master-mask{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #7b1919; color: #fff; padding: 5px 10px; } .master-mask h4{ font-size: 16px; } .master-mask h5{ line-height: 26px; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } /* 鍚嶅涓撴爮 end*/ /* 涓栫晫鏂囧潧 */ .list-flex{ display: flex; justify-content: space-between; } .list-img{ width: 45%; position: relative; overflow: hidden; max-height: 90.7px; } .list-img .list-img-shade{ opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; } .article-list li:hover .list-img-shade{ opacity: 0; } .article-list li:hover .list-img img{ -webkit-transform: scale(1.1); transform: scale(1.1); transition: transform 0.3s ease 0s; } .bgcl-1{ background: rgba(204, 109, 95, 0.8); } .bgcl-2{ background: rgba(25, 111, 56, 0.8); } .bgcl-3{ background: rgba(229, 174, 90, 0.8); } .bgcl-4{ background: rgba(38, 93, 154, 0.8); } .bgcl-5{ background: rgba(81, 104, 165, 0.8); } .list-info{ width: 48%; } .list-info h6{ text-align: left; margin-left: 0 !important; } .list-info p{ font-size: 14px; color: #999; text-align: left; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } /* 涓栫晫鏂囧潧 */ .b-swiper{ padding: 40px 130px; box-sizing: border-box; position: relative; } .b-swiper .swiper-button-next, .swiper-button-prev{ background-color: #7b1919; border-radius: 50%; height: 35px; width: 35px; background-size: 60% 60%; } .b-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 53px; } .b-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 53px; } .b-swiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ background-color: #9b9b9b; opacity: 0.8; } .b-swiper .swiper-slide img{ height:139px; border: 1px solid #454545; } .b-swiper .slide-til{ text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 涓栫晫鏂囧潧 end*/ /* 鍙嬫儏閾炬帴 begin */ .links-bd { margin: 25px 0; display: flex; flex-wrap: wrap; padding: 0 40px; } .links-bd li{ width: 133px; border: 2px solid #f5f5f5; list-style: none; margin-right: 7px; margin-bottom: 7px; } /* 鍙嬫儏閾炬帴 end*/ .media-bd li{ width: 179px; text-align: center; } /* 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜?768px锛?*/ @media screen and (max-width: 768px) { .headline{ justify-content: flex-start; } .headline-l{ height: 60px; width: 60px; line-height: 60px; font-size: 16px; } .headline-c{ max-width: 75%; margin: 0 auto; } .headline-c h2{ font-size: 16px; } .headline-c h5{ font-size: 12px; } .notice-bd h4{ margin: 20px 0 6px 0; } .notice-bd .swiper-container{ height: auto; } .master-list{ justify-content: space-around; flex-wrap: wrap; } .master-list li{ width: 40%; height: auto ; margin-bottom: 10px; margin-right: 0; } .master-list li .master-img{ height: 90px; } .b-swiper{ padding: 40px 80px; } .b-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 20px; } .b-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 20px; } .links-bd{ justify-content: space-around; padding: 0 10px; } .links-bd li{ margin-right: 0; } .media-bd li{ width: 40%; } } /* 澶у睆骞曚互涓嬶紙骞虫澘锛屽ぇ浜庣瓑浜?768px锛?*/ @media screen and (max-width: 1200px) and (min-width:769px ) { .master-list { justify-content: space-around; } .master-list li{ width: 10.1%; max-height: 165px; height:auto; } .master-list li .master-img{ max-height: 125px; height:auto; } }