/* * prefixed by https://autoprefixer.github.io * postcss: v8.4.14, * autoprefixer: v10.4.7 * browsers: > 1%,last 2 versions,not ie < 10 */ body{ min-width: 1200px; } .swiper-container { width: 100%; } .banner .swiper-slide { position: relative; } .banner-img{ position: relative; width: 100%; padding-top:42.5%; overflow: hidden; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .banner img{ max-width: 100%; } .banner-img img{ position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); min-width: 100%; height: 100%; vertical-align: middle; } .banner-bg { position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4))); background-image: linear-gradient(transparent, rgba(0, 0, 0, .4)) } .banner-title{ padding-bottom:45px; line-height: 26px; text-align: center; font-size: 18px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; /* background-color: rgba(247,247,247, .88); */ } .banner-title a{ color: #fff; } .banner-title a:hover{ color: #fff; text-decoration: none; } .banner .swiper-container-horizontal .swiper-pagination{ text-align: right; padding-right: 105px; height: 26px; bottom: 45px; } .banner .swiper-container-horizontal .swiper-pagination:after{ content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .banner .swiper-container-horizontal .swiper-pagination-bullet{ display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: rgba(255,255,255, 1); opacity: .3; cursor: pointer; } .banner .swiper-container-horizontal .swiper-pagination-bullet-active{ background-color: rgba(255,255,255, 1); opacity: 1; } .swiper-container .banner_arr { background: url(/uploads/image/_t042timage/banner_arr.png) left center no-repeat; background-size: 100% auto; width: 20px; height: 26px; position: absolute; right: 60px; bottom: 45px; opacity: .85; z-index: 10; } .swiper-container .banner_arr:hover{ opacity: 1; } .title{ padding:30px 40px 30px; font-size:24px; line-height: 24px; color: #a0021f; } .title span, .title a{ margin-left:20px; font-size:14px; font-weight:normal; color:#b2b0b0; cursor: pointer; } .mewsul{ margin-bottom: -13px; } .mewsul li{ float: left; margin-bottom: 13px; width: 390px; height: 170px; line-height: 170px; background-color: #f7f7f7; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; } .mewsul li:not(:nth-of-type(4n)){ margin-right: 13px; } .mewsul li span{ display: inline-block; vertical-align: middle; line-height: 28px; font-size: 18px; } .mewsul li .spanl{ width: 14px; height: 64px; margin-right: 25px; background: url(/uploads/image/_t042timage/wen.png) no-repeat center; } .mewsul li .spanr{ width: 310px; display: inline-block; vertical-align: middle; line-height: 28px; font-size: 18px; } .mewsul li .spanr div { width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .mewsul li:hover{ background-color: #fff; -webkit-box-shadow: 0 5px 8px #ccc; box-shadow: 0 5px 8px #ccc } .mewsul li:hover .spanl{ background-image: url(/uploads/image/_t042timage/wen_l.png); } .learningbox{ width:1600px; padding-bottom:30px; overflow: hidden; } .learningbox .learning-slide{ position: relative; float: left; width: 15%; height: 380px; background: #f7f7f7; -webkit-transition: all .2s; transition: all .2s; } .learningbox .learning-slide:not(:first-of-type){ margin-left: 2%; } .learningbox .learning-slide.over{ background: #fff url(/uploads/image/_t042timage/index_6.png) no-repeat left bottom; } .learningbox .learning-slide:hover{ background: #fff url(/uploads/image/_t042timage/index_6.png) no-repeat left bottom; -webkit-box-shadow: 0 5px 8px #ccc; box-shadow: 0 5px 8px #ccc } .learningbox .learning-slide:hover .txtb,.learningbox .learning-slide:hover .txtc{ color:#3e3a39; } .learningbox .img{ display: block; width: 100%; height: auto; } .txta{ padding:0 20px; font-size: 18px; line-height: 22px; height: 66px; color:#3e3a39; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .txtb{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; margin-bottom: -5px; font-size: 14px; line-height: 18px; padding:0 20px; color:#5b5757; } .txtb img{ width: 18px; margin-right: 10px; } .txtb img,.txtb span{ display: inline-block; vertical-align: middle; } .txtc{ position: absolute; right: 20px; bottom: 15px; line-height: 28px; text-align: right; font-size: 20px; color:#3e3a39; } .boxa{ padding:0 40px 60px; background-color: #f7f7f7; } .boxa_l{ float: left; width: 968px; } .boxa_r{ float: right; width: 500px; } .boxa .title{padding: 60px 0 30px;} .boxa_ul li{ float: left; font-size: 16px; line-height: 25px; /*margin-bottom: 5px;*/ width: 49%; padding:10px 25px 10px 25px; /* border-top:1px solid #ddd; */ cursor: pointer; } .boxa_l .boxa_ul li{ padding: 10px 0; } .boxa_ul li:nth-of-type(1),.boxa_ul li:nth-of-type(2){ border-top:1px solid #f7f7f7; } .boxa_ul li .ellipsisa{ position: relative; padding-left: 25px; height: 50px; line-height: 25px; overflow: hidden; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .boxa_ul li .ellipsisa:before{ content: ''; position: absolute; left: 0; top:11px; width: 10px; height: 4px; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: #c4c9cc; } .boxa_ul li:hover .ellipsisa{ color:#b81c22 /* border:1px solid #dfd9d1; border-radius: 3px; */ } .boxa_ul li:hover .ellipsisa:before{ color:#b81c22; top:7px; width: 10px; height: 10px; background-color: #b81c22; } .boxa_ul li:nth-of-type(2n){ margin-left:2%; } .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .boxa_txt{ margin-top: 5px; font-size: 14px; color:#787574 } .boxa_ulb{ font-size: 16px; line-height: 38px; } .boxa_ulb li{ position: relative; padding-left: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor: pointer; } .boxa_ulb li i{ position: absolute; left:7px; top: 15px; width: 8px; height: 8px; border-radius: 50%; background-color: #c4c9cc; } .boxa_ulb li:hover{ color:#b81c22 } .boxa_ulb li:hover i{ background-color: #b81c22; } .aboutbox_title{ font-size: 30px; line-height: 32px; text-align: center; } .aboutbox_txt{ margin-top: 30px; font-size: 18px; line-height: 30px; text-align: center; } .aboutbox{ margin: 80px auto 0; width: 1300px; text-align: center; } .aboutbox li{ float: left; width: 20%; font-size: 18px; text-align: center; } .aboutbox li div{ margin-top: 10px; font-size: 36px; font-family: 'simsun'; } .aboutbox_more{ margin: 70px auto; width: 436px; line-height: 60px; font-size: 18px; color:#fff; background-color: #b81c22; text-align: center; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.1s; transition: all 0.1s; } .aboutbox_more a{ color:#fff; } .aboutbox_more a:hover{ text-decoration: none; } .aboutbox_more:hover{ -webkit-transform: scale(1.03); transform: scale(1.03); } .mediabox{ padding-bottom:70px; color: #fff; background: no-repeat center bottom; background-size:100% 100%; } .mediabox .title{ margin-top: 0; padding:70px 40px 0 40px; line-height: 1.1; color: #fff; } .mediabox_l{ float: left; margin-top: 60px; padding-left: 40px; padding-right: 60px; width: 37.5%; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mediabox_l li{ margin-bottom: 25px; cursor: pointer; } .mediabox_l li:last-of-type{ margin-bottom: 0; } .mediabox_l li div{ position: relative; overflow:hidden; padding-left:40px; text-overflow:ellipsis; white-space:nowrap; } .mediabox_l li.checked i{ background-color: #b81c22!important; } .mediabox_l li:hover i{ background-color: #b81c22!important; } .mediabox_l li div:first-of-type{ position: relative; } .mediabox_l li div:first-of-type i{ position: absolute; left: 10px; top:8px; width: 8px; height: 8px; border-radius: 50%; background-color: #5a5b58; overflow: hidden; } .mediabox_m{ float: left; width: 26.2%; height: 350px; padding-right:20px; line-height: 350px; font-size:0; border-left: 1px solid rgba(255,255,255,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .mediabox_m:after{ content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; overflow: hidden; } .mediabox_m img{ display: none; width: 100%; height: auto; vertical-align: middle; -webkit-box-shadow: 8px 0px 40px rgba(211,143,54, 0.54); box-shadow: 8px 0px 40px rgba(211,143,54, 0.54); } .mediabox_r{ float: left; margin-top: 40px; padding-right: 130px; width: 36.3%; height: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 24px; font-size: 14px; color: #999; } .mediabox_r_div{ display: none; } .mediabox_r_div .mediabox_con { text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } .mediabox_r h3{ font-size: 18px; line-height: 1.5; color: #fff; } .mediabox_r div{ margin-top: 5px; margin-bottom: 15px; font-size: 14px; } .mediabox_r p{ text-indent: 2em; } .ztul{ font-size: 18px; text-align: center; } .ztul li{ float: left; width: 20%; text-align: center; } .ztula img:hover{ -webkit-box-shadow: 0 5px 8px #666; box-shadow: 0 5px 8px #666 } .ztul img{ -webkit-transition: all .2s; transition: all .2s; vertical-align: top; border:2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 94%; } .ztul span{ display: inline-block; padding:20px; width: 94%; text-align: center; } .ztulb{ margin: 60px auto 150px; width: 1450px; } .ztulb li{ width: 25%; } .ztulb div{ display: block; margin: 0 auto; width: 160px; height: 160px; border-radius: 50%; -webkit-transition: all 0.1s; transition: all 0.1s; overflow: hidden; } .ztulb div i{ display: block; width: 160px; height: 160px; } .ztulb .ztimg1{ background: no-repeat center; } .ztulb .ztimg1 i{ background: no-repeat center; } .ztulb .ztimg2{ background: no-repeat center; } .ztulb .ztimg2 i{ background: no-repeat center; } .ztulb .ztimg3{ background: no-repeat center; } .ztulb .ztimg3 i{ background: no-repeat center; } .ztulb .ztimg4{ background: no-repeat center; } .ztulb .ztimg4 i{ background: no-repeat center; } .ztulb .ztimg5{ background: no-repeat center; } .ztulb .ztimg5 i{ background: no-repeat center; } .ztulb .ztimg1:hover,.ztulb .ztimg2:hover,.ztulb .ztimg3:hover,.ztulb .ztimg4:hover,.ztulb .ztimg5:hover{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(200,46,49)),to(rgb(145,23,36))); background-image: linear-gradient(to bottom, rgb(200,46,49) 0%,rgb(145,23,36) 100%); -webkit-box-shadow: 0 5px 15px rgba(56, 44, 42, 0.5); box-shadow: 0 5px 15px rgba(56, 44, 42, 0.5); } .ztulb .ztimg1:hover i{ background: no-repeat center; } .ztulb .ztimg2:hover i{ background: no-repeat center; } .ztulb .ztimg3:hover i{ background: no-repeat center; } .ztulb .ztimg4:hover i{ background: no-repeat center; } .ztulb .ztimg5:hover i{ background: no-repeat center; } .ztulb span{ padding:20px 0; width: 160px; } .breadcrumb{ padding-left:35px; line-height: 30px; font-size:16px; color:#9e9c9c; background: no-repeat left center; background-size: 26px auto; } .breadcrumb a{ color:#9e9c9c; } .breadcrumb span{ position: relative; padding:0 10px; color:#9e9c9c; background:none; } .breadcrumb span:after{ content: ''; position: absolute; left: 50%; top:50%; width: 1px; height: 14px; background-color: #9e9c9c; overflow: hidden; -webkit-transform: translatey(-40%) rotate(30deg); transform: translatey(-40%) rotate(30deg); } .breadcrumb a:last-of-type{ color:#3e3a39; } .breadcrumb a:hover{ color: #9e9c9c; text-decoration: none; } /* 锦绣东华 */ .jxdh_title{ margin-top:50px; /*padding:0 30px;*/ font-size:22px; line-height: 22px; /*margin-bottom: 10px;*/ color:#3e3a39; text-align: center; } .lby_title{ position: relative; margin-top: 30px; margin-bottom: -10px; position: relative; font-size: 20px; color: #3e3a39; } .lby_title:after{ content: ''; position: absolute; top:50%; border-top: 1px solid #3e3a39; border-right: 1px solid #3e3a39; width: 12px; height: 12px; -webkit-transform: translate(8px,-35%) rotate(45deg); transform: translate(8px,-35%) rotate(45deg); } .jxdh_title_span{ margin-left: 50px; position: relative; font-size:20px; color:#777; cursor: pointer; } .jxdh_title_span em{ font-size:16px; } .jxdh_title_span i{ position: absolute; right:-15px; top:50%; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #777; } .jxdh_title_span ul{ display: none; position: absolute; left: 0; top:40px; padding:6px 0; width: 120px; border-radius: 6px; background-color: #fff; font-weight: normal; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); } .jxdh_title_span li{ padding:0 10px; line-height: 30px; font-size:16px; text-align: center; cursor: pointer; } .jxdh_title_span li.checked{ color: #b81c22; } .jxdh_title_span li:hover{ background-color: #f1f1f1; } .jxdh_ul li{ float: left; margin-top: 30px; width: 32%; height: 575px; background-color: #f7f7f7; background-repeat:no-repeat ; background-position: center bottom; background-size:100% auto ; } .jxdh_ul li:hover{ background-color:#b81c22; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.4); box-shadow: 0 3px 20px rgba(0,0,0,0.4); } .jxdh_ul .li1:hover{ background-image: ; } .jxdh_ul .li2:hover{ background-image: ; } .jxdh_ul .li3:hover{ background-image: ; } .jxdh_ul .li4:hover{ background-image: ; } .jxdh_ul .li5:hover{ background-image: ; } .jxdh_ul .li6:hover{ background-image: ; } .jxdh_ul li:hover .jxdh_ul_span{ background-color: #fff; color:#c52d30; } .jxdh_ul li:nth-of-type(3n 2){ margin-left: 2%; margin-right: 2%; } .jxdh_ul img{ width: 100%; } .jxdh_ul_div{ position: relative; padding-top:110px; } .jxdh_ul_div .jxdh_ul_span{ position: absolute; left: 35px; top:0; width: 135px; height: 105px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; font-size:22px; line-height: 28px; background-color: #2e2424; color:#fff; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .jxdh_ul_txt{ position: relative; display: block; margin-bottom: 20px; padding-left:120px; font-size:20px; line-height: 30px; color:#454545; cursor: pointer; } .jxdh_ul_txt em{ content: ''; position: absolute; left: 80px; top:0; width:30px; height: 30px; background: no-repeat center; background-size:20px auto; } .jxdh_ul li:hover .jxdh_ul_txt { color:#fff!important; } .jxdh_ul li:hover .jxdh_ul_txt em{ background: no-repeat center; background-size:20px auto; } .jxdh_ul li:hover .jxdh_ul_txt:hover em{ background: #fff no-repeat center; background-size:20px auto; border-radius: 10px; } .jxdh_aboutbox{ padding-top:70px; height: 418px; background: no-repeat center; background-size: 100% 100%; color:#fff; font-size:18px; line-height: 34px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .jxdh_aboutbox .p1{ font-size:30px; } .jxdh_aboutbox .p2 a{ position: relative; padding-right: 20px; } .jxdh_aboutbox .p2 a:hover{ text-decoration: underline; } .jxdh_aboutbox .p2 a span{ position: absolute; right: -10px; -webkit-transition: all 0.2s; transition: all 0.2s; text-decoration: none; } .jxdh_aboutbox .p2 a:hover span{ right: -20px; } /*往期大图*/ .wqdt_ul{ margin-bottom:-30px; } .wqdt_ul dt{ /*margin-top: 20px;*/ margin-bottom: 10px; padding-left:30px; font-size:30px; line-height: 40px; font-weight: normal; } .wqdt_ul dt span{ font-size:16px; } .wqdt_ul dd{ margin-bottom:50px; float: left; width: 48.3%; background-color: #f7f7f7; } .wqdt_ul dd:nth-of-type(2n 2){ float: right; } .wqdt_ul dd:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); } .wqdt_ul dd:hover .wqdt_ul_title{ color:#fff; background-color: #b81c22; } .wqdt_ul dd img{ width: 100%; height: 290px; } .wqdt_ul_title{ padding-left: 30px; line-height: 30px; font-size:30px; } .wqdt_ul_div{ padding:10px 30px; border-top:4px solid #e0e0e0; height: 75px; font-size:16px; line-height: 1.2; } .more_btn{ margin-right: auto; margin-left: auto; width: 430px; font-size:24px; color:#fff; line-height: 60px; text-align: center; background-color: #b81c22; cursor: pointer; } /*列表页*/ .lbybox{ position: relative; padding-top:30px; } .lbyboxl{ float: left; min-height: 200px; width: 390px; background: #f7f7f7; } .lbyboxr{ margin-left: 415px; } .lbyboxl_ul{ padding-bottom:100px; } .lbyboxl_title{ padding-left:40px; line-height: 80px; background-color: #b81c22; color:#fff; font-size:22px; } .lbyboxl_div{ line-height: 80px; font-size:18px; } .lbyboxl_div h6{ position: relative; margin: 0 25px; padding:0 15px; line-height: 80px; height: 80px; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .lbyboxl_ul li .lbyboxl_div h6{ border-bottom:1px solid #ececed; } .lbyboxl_ul li.selected{ position: relative; margin-top: -1px; } .lbyboxl_ul li.parent .lbyboxl_div h6{ border-bottom:none; } .lbyboxl_ul li.parent{ position: relative; margin-top: -1px; } .lbyboxl_ul li.selected .lbyboxl_div h6{ border-bottom:none; } .lbyboxl_div:hover{ background:#f1f1f1; } .lbyboxl_ul li.parent .lbyboxl_div{ background:#fff no-repeat center; background-size: 100% 105%; } .lbyboxl_ul li.parent h6:before{ content: ''; position: absolute; left: -25px; top:50%; width: 14px; height: 64px; background: no-repeat center; background-size:100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lbyboxl_ul li.selected .lbyboxl_div{ background:#fff no-repeat center top; background-size: 100% 105%; } .lbyboxl_ul li.selected h6:before{ content: ''; position: absolute; left: -25px; top:50%; width: 14px; height: 64px; background: no-repeat center; background-size:100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lbyboxl_more{ display: none; } .lbyboxl_ul li.parent .lbyboxl_more{ display: block; } .lbyboxl_ul li.selected .lbyboxl_more{ display: block; } .lbyboxl_more span{ position: relative; display: block; padding: 20px 56px; line-height: 20px; font-size:16px; cursor: pointer; } .lbyboxl_more span:hover,.lbyboxl_more .selected{ color:#b81c22; } .lbyboxl_more .selected:after{ content: ''; position: absolute; right:30px; top:50%; width: 10px; height: 10px; border-top:1px solid #b81c22; border-right:1px solid #b81c22; -webkit-transform: rotate(45deg) translatey(-50%); transform: rotate(45deg) translatey(-50%); } .lby_ul{ padding:30px 0 0!important; } .lby_ul li{ position: relative; float: left; width: 32.8%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 100px; margin-bottom: 0.8%; border:1px solid #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box; padding:20px 40px; font-size:14px; line-height: 30px; color:#9e9c9c; cursor: pointer; } .lby_ul li h3{ font-size:18px; width: 100%; line-height: 30px; color:#3e3a39; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .lby_ul li div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .lby_ul li h3 .ml20{ margin-left: 30px; } .lby_ul li:nth-of-type(3n 2){ margin-left: 0.8%; margin-right: 0.8%; } .lby_ul li:hover{ background: no-repeat right bottom; background-size: 100% 100%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .lby_ul li:hover h3{ color:#b81e24 } .lby_ul li:hover:before{ content: ''; position: absolute; left: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ul li:hover:after{ content: ''; position: absolute; right: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ulc{ /* display: none; */ padding:20px 0 0!important; } .lby_ulc li{ position: relative; float: left; width: 42.8%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 100px; margin-left: 3%; margin-bottom: 0.8%; border:1px solid #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box; padding:20px 40px; font-size:14px; line-height: 30px; color:#9e9c9c; text-align: center; cursor: pointer; } .lby_ulc li h3{ font-size:18px; width: 100%; line-height: 30px; text-align: center; color:#3e3a39; } .lby_ulc li:nth-of-type(2n){ float: right; margin-right: 4%; margin-left: 0; } .lby_ulc li:hover{ background: no-repeat right bottom; background-size: 100% 100%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .lby_ulc li:hover h3{ color:#b81e24 } .lby_ulc li:hover:before{ content: ''; position: absolute; left: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ulc li:hover:after{ content: ''; position: absolute; right: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ulc li div{ line-height: 1.5; } .lby_ulb{ padding:30px 0; } .lby_ulb li{ position: relative; float: left; margin-bottom: 2%; font-size: 18px; border:1px solid #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; color: #3e3a39; } .lby_ulb_lia{ width: 49%; } .lby_ulb_lib{ width: 100%; } .lby_ulb li.fr{ float: right; } .lby_ulb li h4{ position: relative; padding-left:100px; height: 98px; line-height: 98px; font-size: 18px; } .lby_ulb .span_em:hover{ color:#b81e24; } .lby_ulb_lia h4{ padding-right:100px; } .spanb{ /*font-weight: bold;*/ } .ml_2{margin-left:2%} .lby_ulb li:hover{ -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .lby_ulb li:hover h4{ background: no-repeat right center; background-size: auto 100%; } .lby_ulb li:hover .spanb{ color:#b81e24 } .lby_ulb li:hover h4:before{ content: ''; position: absolute; left: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ulb li:hover h4:after{ content: ''; position: absolute; right: 0; top:50%; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 9px solid #b81e24; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .lby_ulb_div{ margin: 0 30px; line-height: 50px; border-top:1px solid #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box; } .lby_ulb_div span{ float: left; } .lby_ulb_lia .lby_ulb_div{ padding:10px 20px 25px 70px; min-height: 125px; } .lby_ulb_lia .lby_ulb_div span{ width: 25%; } .lby_ulb_lib .lby_ulb_div{ padding:10px 0 25px 70px; min-height: 125px; } .lby_ulb_lib .lby_ulb_div span{ width: 16.6%; } .lby_ulb_lib .spanc{ margin-left: 242px; } .lrld_box{ width: 900px; margin-left: auto; margin-right: auto; } .lrld_title{ color: #3e3a39; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-top: 30px; font-size:20px; line-height: 1; } .lrld_title div{ height: 40px; padding-bottom:20px; margin: 0 3%; width: 42.8%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; } .lrld_title div:last-child{ margin-right: 4%; } .lrld_title div.hover{ border-bottom: 4px solid #b81c22; } /*新闻中心*/ .newsboxl{ margin-right: 570px; } .newsboxr{ float: right; width: 480px; } .new_title{ padding-bottom:30px; font-size:24px; line-height: 24px; border-bottom:1px solid #ddd; color: #a0021f; } .new_title b{ font-weight: normal; } .new_title span{ margin-left: 20px; font-size:14px; font-weight: normal; color:#999; } .new_title a { line-height: 1; } .newsboxl .newsboxl_ul li { position: relative; margin-top: 25px; padding:30px 40px; font-size:14px; line-height: 22px; background-color: #f7f7f7; cursor: pointer; } .newsboxl .newsboxl_ul li:before{ content: ''; position: absolute; left: 0; top:50%; width: 14px; height: 64px; background: no-repeat center; background-size: 100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .newsboxl .newsboxl_ul li:hover:before{ background-image: ; } .newsboxl .newsboxl_ul li:hover{ color:#999; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); } .newsboxl .newsboxl_ul li:hover h3{ color:#b81c22; } .newsboxl .newsboxl_ul li h3{ margin-bottom: 15px; font-size:18px; /*font-weight: bold;*/ } .newsboxr li{ margin-top: 20px; position: relative; padding-left:80px; } .newsboxr li:hover span{ border-radius: 50%; color:#fff; background-color: #b81c22; } .newsboxr li span{ position: absolute; left:0; top:50%; width: 65px; height: 65px; line-height: 65px; text-align: center; font-size:30px; color:#dbdbdb; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .newsboxr li p{ margin-bottom: 5px; line-height: 30px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .newsboxr li i{ display: inline-block; width: 100px; padding-left:20px; font-size:16px; color:#999; background: no-repeat left center; } .newsboxr li i.redhot{ background-image: ; } .newsboxr li em{ display: inline-block; margin-left: 10px; width: 100px; padding-left:25px; font-size:16px; color:#999; background: no-repeat left center; } .xiaobaobox{ margin: 25px 0; width: 100%; height: 374px; overflow: hidden; } .news_zl{ margin-bottom: -100px; min-width: 1600px; height: 235px; line-height: 135px; font-size:30px; color:#fff; text-align: center; background: no-repeat center; background-size: cover; } .new_ztul{ padding:2% 2% 0 2%; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.4); box-shadow: 0 5px 10px rgba(0,0,0,0.4); overflow: hidden; } .new_ztul li{ position: relative; float: left; width: 32%; height: 130px; font-size:18px; background-color: #f7f7f7; margin-bottom: 2%; text-align: center; } .new_ztul li a{ position: absolute; left: 50%; top:50%; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .new_ztul li:nth-of-type(3n 2){ margin-left: 2%; margin-right: 2%; } .new_ztul li:hover{ z-index: 1; } .new_ztul li:hover a{ /*transform: scale(1.12,1.4);*/ width: 112%; height: 140%; background: no-repeat center; background-size: cover; color:#fff; } .new_ztul span{ position: relative; display: inline-block; margin-left:30%; width: 70%; text-align: left; } .new_ztul .zt1{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt1{ background-image: ; } .new_ztul .zt2{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt2{background-image: ;} .new_ztul .zt3{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt3{background-image: ;} .new_ztul .zt4{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt4{background-image: ;} .new_ztul .zt5{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt5{background-image: ;} .new_ztul .zt6{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt6{background-image: ;} .new_ztul .zt7{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt7{background-image: ;} .new_ztul .zt8{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt8{background-image: ;} .new_ztul .zt9{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt9{background-image: ;} .new_ztul .zt10{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztul li:hover .zt10{background-image: ;} .new_ztul .emline{ display: none; } .new_ztul li:hover .emline{ display: block; } .new_ztul .eml{ position: absolute; left: 0; top:50%; width: 37px; height: 10px; background: no-repeat center; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .new_ztul .emr{ position: absolute; right: 0; top:50%; width: 37px; height: 10px; background: no-repeat center; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .new_uldiv{ margin-bottom: 150px; } .new_uldiv .new_lidiv{ float: left; width: 31%; margin-top: 30px; } .new_uldiv .new_lidiv:nth-of-type(3n 2){ margin-left: 3.5%; margin-right: 3.5%; } .new_lititle{ line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size:20px; } .new_lititle span{ float: left; padding: 0 30px 0 20px; cursor: pointer; } .new_lititle em{ float: left; font-size:14px; cursor: pointer; } .new_licot{ height: 250px; line-height: 35px; font-size:16px; overflow: hidden; } .new_licot p{ position: relative; padding-left: 36px; padding-right: 36px; cursor: pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .new_licot p:before{ content: ''; position: absolute; left: 10px; top:50%; width: 6px; height: 6px; border-radius: 50%; background-color: #999; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .new_licot p:hover{ color: #b81c22; } .new_licot p:hover:before{ background-color: #b81c22; } .new_lidiv.one .new_li_span.one{ background-color: #b81c22; color:#fff; } .new_lidiv.one .new_li_span.two{ position: relative; background-color: #f7f7f7; } .new_lidiv.one .new_licot.one{ display: block; } .new_lidiv.one .new_licot.two{ display: none; } .new_lidiv.one .new_li_span.two:before{ content: ''; position: absolute; left: -10px; top:0; width: 0; height: 0; border-top: 40px solid #f7f7f7; border-left: 10px solid transparent; } .new_lidiv.one:hover .new_li_span.one{ background-color: #b81c22; color: #fff; } .new_lidiv.one .new_li_span.two:after{ content: ''; position: absolute; right: 0px; top:0; width: 0; height: 0; border-top: 40px solid #fff; border-left: 10px solid transparent; } .new_lidiv.two .new_li_span.one{ background-color: #f7f7f7; } .new_lidiv.two .new_li_span.two{ position: relative; background-color: #b81c22; color:#fff; } .new_lidiv.two .new_licot.one{ display: none; } .new_lidiv.two .new_licot.two{ display: block; } .new_lidiv.two .new_li_span.two:before{ content: ''; position: absolute; left: -10px; top:0; width: 0; height: 0; border-top: 40px solid #b81c22; border-left: 10px solid transparent; } .new_lidiv.two:hover .new_li_span.two{ background-color: #b81c22; color: #fff; } .new_lidiv.two:hover .new_li_span.two:before{ border-top-color: #b81c22; color: #fff; } .new_lidiv.two .new_li_span.two:after{ content: ''; position: absolute; right: 0px; top:0; width: 0; height: 0; border-top: 40px solid #fff; border-left: 10px solid transparent; } .new_lititle em{ position: relative; padding-left:20px; } .new_lititle em:before{ content: ''; position: absolute; left: -15px; top:0; width: 4px; height: 0; border-top: 40px solid #f7f7f7; border-left: 10px solid transparent; } .new_lititle em:after{ content: ''; position: absolute; left: -10px; top:0; width: 4px; height: 0; border-top: 40px solid #fff; border-left: 10px solid transparent; } .new_lititle em{ margin-left: 4px; border-left:5px solid #f7f7f7; } /*图说东华*/ .tsdh_dl{padding-left:20px;} .tsdh_dl dt{ padding-bottom:10px; font-size:30px; line-height: 40px; } .tsdh_dl dt span{ font-size:16px } .tsdh_dl dd{ margin-bottom: 10px; border-top:1px solid #eee; overflow: hidden; } .tsdh_dl .tsdh_ddl{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 230px; min-height: 136px; } .tsdh_dl .tsdh_ddr{ float: right; margin-top: 10px; width: 200px; height: 125px; } .tsdh_dl .tsdh_ddr img{ width: 100%; height:100%; vertical-align: top; } .tsdh_dl dd h5{ padding-top: 15px; margin-bottom: 10px; font-size:22px; cursor: pointer; } .tsdh_dl dd:hover h5{ color:#b81c22; } .tsdh_dl dd p{ font-size:14px; line-height: 22px; color:#666; } .tsdh_dl dd .tsdh_p_time{ position: relative; padding-left:15px; margin-top: 20px; color:#9e9c9c; } .tsdh_dl dd .tsdh_p_time:before{ content: ''; position: absolute; left: 2px; top:50%; width:6px ; height: 6px; border-radius: 50%; background-color: #999; overflow: hidden; -webkit-transform: translatey(-50%); transform: translatey(-50%); } /*文字新闻列表*/ .news_ula{padding-top:20px;} .news_ula li { position: relative; margin-bottom: 10px; padding:20px 40px; font-size:14px; color:#9e9c9c; background-color: #f7f7f7; cursor: pointer; overflow: hidden; } .news_ula li:before{ content: ''; position: absolute; left: 0; top:50%; width: 14px; height: 64px; background: no-repeat center; background-size: 100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .news_ula li:hover:before{ background-image: ; } .news_ula li:hover{ color:#9e9c9c; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); } .news_ula li:hover h3{ color:#b81c22; } .news_ula li h3{ /* margin-bottom: 10px; */ font-size:18px; color:#3e3a39; line-height: 1.5; /*font-weight: bold;*/ } /*专栏*/ .news_zl_minbox{ height: 138px; background: no-repeat center; background-size: cover; } .new_ztulb{ padding:2% 0 0 0; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.4); box-shadow: 0 5px 10px rgba(0,0,0,0.4); } .new_ztulb li{ position: relative; margin-left: 2%; float: left; width: 47%; height: 130px; font-size:17px; background-color: #f7f7f7; margin-bottom: 2%; text-align: center; } .new_ztulb li div{ position: absolute; left: 50%; top:50%; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .new_ztulb li:hover div{ /*transform: scale(1.12,1.4);*/ width: 108%; height: 130%; background: no-repeat center; background-size: cover; color:#fff; } .new_ztulb span{ position: relative; display: inline-block; margin-left:30%; width: 70%; text-align: left; } .new_ztulb .zt1{ position: absolute; left: 0; top:50%; width: 60px; height: 60px; background: no-repeat center; background-size: cover; -webkit-transform: translate(-120%,-50%); transform: translate(-120%,-50%); } .new_ztulb li:hover .zt1{ background-image: ; } .new_ztulb .emline{ display: none; } .new_ztulb li:hover .emline{ display: block; } .new_ztulb .eml{ position: absolute; left: 0; top:50%; width: 30px; height: 1px; background-color: #fff; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .new_ztulb .eml:before{ content: ''; position: absolute; right:0; top:50%; width: 5px; height:5px; background-color: #fff; -webkit-transform: rotate(45deg) translatey(-100%); transform: rotate(45deg) translatey(-100%); -webkit-transform-origin: center; transform-origin: center; } .new_ztulb .emr{ position: absolute; right: 0; top:50%; width: 30px; height: 1px; -webkit-transform: translatey(-50%); transform: translatey(-50%); background-color: #fff; } .new_ztulb .emr:before{ content: ''; position: absolute; left:0; top:50%; width: 5px; height:5px; background-color: #fff; -webkit-transform: rotate(45deg) translate(-50%,-50%); transform: rotate(45deg) translate(-50%,-50%); -webkit-transform-origin: center; transform-origin: center; } /*新闻正文*/ .news_zw{ position: relative; } .new_zwtitle{ padding-top:10px; padding-bottom:20px; font-size:14px; color:#9e9c9c; border-bottom:1px solid #eee; text-align: center; } .new_zwtitle h3{ margin-bottom: 15px; font-size:30px; line-height: 40px; color:#3e3a39; } .new_zwcot{ padding-top:50px; font-size:16px; line-height: 36px; color:#3e3a39; word-break: break-word; } .new_zwcot p{ text-indent: 2em; font-size:16px!important; text-align: justify; } .new_zwcot p span { font-size:16px!important; } .new_zwcot img{ max-width: 100%; margin-top: 15px; margin-bottom: 10px; } .news_zw_fx{ position: absolute; z-index:2; width: 35px; left: -70px; top:100px; } .news_zw_fx span{ display: block; width: 80px; height: 50px; } .news_zw_fx span img{ display: block; margin: 0 auto; border-radius: 7px; width: 35px;height: 35px; } .news_zw_fx .fx_span img.hover{ display: none; } .news_zw_fx .fx_span:hover{ background: no-repeat center bottom; } .news_zw_fx .fx_span:hover img{ display: none; } .news_zw_fx .fx_span:hover img.hover{ display: block; /*background-color: #09bb07;*/ } .news_zw_fx .fx_span{ position: relative; } .news_zw_fx .fx_span em{ display: none; position: absolute; top:-10px; right:0; padding: 0 10px; line-height: 24px; background-color: #666; font-size:10px; color:#fff; white-space:nowrap; -webkit-transform: translatex(90%); transform: translatex(90%); } .news_zw_fx .fx_span:hover em{ display: block; } .news_zw_fx .fx_span em:before{ content: ''; position: absolute; left:0; top:1px; width: 0; height: 0; border-bottom: 8px solid #666; border-left: 8px solid transparent; -webkit-transform: translatex(-90%); transform: translatex(-90%); } /*图说东华详情*/ .tsdh_xq{ position: relative; padding-right:60px; font-size:0; line-height: 0; display: -ms-flexbox; display: -webkit-box; display: flex; } .tsdh_xql{ padding:0 70px 0 50px; -ms-flex:1; -webkit-box-flex:1; flex:1; font-size:16px; line-height: 2; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .tsdh_xqr{ position: relative; padding:50px; width: 870px; height: 533px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; font-size:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.3); } .swiper-button-next, .swiper-button-prev{ -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .news_swiper-button-prev{ right:955px; left: auto; } .tsdh_xqr img{ max-width: 100%; max-height:100%; width: auto; height: auto; vertical-align: top; } .max_six{ line-height: 30px!important; height: 180px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .tsdh_xql .caibian{ position: absolute; left:50px; bottom:-5px; font-size:14px; color:#9e9c9c; } .tsdh_xq_title{ margin-top: 30px; margin-bottom: 10px; font-size:30px; color:#3e3a39; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tsdh_xq_con { font-size:18px; text-indent: 2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .tsdh_xq_tttletop{ margin-bottom: 10px; } .tsdh_xq_tttletop span{ position: relative; margin-right: 20px; padding-left:10px; font-size:14px; color:#9e9c9c; } .tsdh_xq_tttletop span:before{ position: absolute; content: ''; left: 0; top:50%; width: 5px; height: 5px; border-radius: 50%; background-color: #666; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .tsdh_xqr p{ position: absolute; left: 50px; right:50px; bottom:50px; line-height: 50px; font-size:18px; text-align: center; padding: 0 30px; color:#3e3a39;; background-color: rgba(255,255,255,1); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .flexiframe1{ height: 454px; } .flexiframe2{ height: 498px; } .flexiframe3{ height: 406px; } .flexiframe4{ height: 516px; } .bshare-custom .bshare-qzone { /* background: none ! important; */ } .bshare-custom a { /* background: none ! important; */ height: 49px! important; padding-left: 81px! important; display: block; width: 0; cursor: pointer; position: relative; } .news_zw_fx.bshare-custom { width: 80px; } a.bshare-qzone.fx_span { background: url(/uploads/image/_t042timage/qq.png) no-repeat center; } a.bshare-weixin.fx_span { background: url(/uploads/image/_t042timage/wechat.png) no-repeat center; } a.bshare-sinaminiblog.fx_span { background: url(/uploads/image/_t042timage/weibo.png) no-repeat center; } a.bshare-qzone.fx_span:hover { background: url(/uploads/image/_t042timage/qq_h.png) no-repeat center; } a.bshare-weixin.fx_span:hover { background: url(/uploads/image/_t042timage/wechat_h.png) no-repeat center; } a.bshare-sinaminiblog.fx_span:hover { background: url(/uploads/image/_t042timage/weibo_h.png) no-repeat center; } .qrid_zz{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;top: 0;left: 0;z-index: 1000;display: none;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;} .qrid_zz #qrid{padding: 8px;background: #fff;border-radius: 5px;} /*党委宣传*/ .xc_header{ position: fixed; left: 0; top:0; width: 100%; z-index:11; } .xc_header .xc_header_logo{ display: block; margin-top: 20px; margin-left: 60px; vertical-align: middle; } .xc_header_logo a{ display: inline-block; vertical-align: middle; } .xc_header_logo img{ vertical-align: top; } .xc_header_logo .xc_header_logoline{ display: inline-block; vertical-align: middle; margin: 0 15px; width: 1px; height: 20px; background-color: #fff; overflow: hidden; } .xc_header_logo .xc_header_logoredline{ display: inline-block; vertical-align: middle; margin: 0 15px; width: 1px; height: 20px; background-color: #9d1d22; overflow: hidden; } .xc_header_default{ position: absolute; top:0; right:0; width: 200px; height:90px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .xc_header_default .container3{ opacity: 0; } .xc_header_default .xc_header_default_header{ position: absolute; top:0; right:0; padding-left:95px; width: 200px; height:90px; line-height: 90px; font-size: 16px; color: #f3f3f3; background: #a0021f; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .xc_header_default .xc_header_default_header .more_header{ position: absolute; left:60px; top: 50%; width: 24px; height: 18px; background: no-repeat center; background-size: 100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .xc_header.hover .xc_header_default_header{ display: none; } .xc_header.hover .xc_header_default{ position: absolute; top:0; right:0; padding-left:0; width: 100%; height:90px; line-height: 30px; font-size: 14px; color: #f3f3f3; background: #a0021f no-repeat center; -webkit-box-sizing: border-box; box-sizing: border-box; } .xc_header.hover .xc_header_default .container3{ opacity: 1; } .xc_header_default_cott{ padding:13px 32px 5px; color:#fff; font-size:18px; line-height: 30px; } .xc_header_default_cott a{ float: left; margin-right: 67px; } .xc_header_default_cott span{ float: right; width:24px; font-size:16px; height: 30px; background: no-repeat right center; background-size: 100% auto; cursor: pointer; } .xc_header_default_cotb{ padding:2px 32px 0; color:#fff; font-size:14px; line-height: 30px; border-top:1px solid rgba(196,196,196,0.5); } .xc_header_default_cotb a{ margin-right: 65px; } .xc_header_default_cotb span{ margin-right: 30px; } .xc_header_default_cott a,.xc_header_default_cotb a{ position: relative; } .xc_header_default_cott a i{ position: absolute; left: 0; bottom:0; width: 0; height: 1px; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #fff; overflow: hidden; } .xc_header_default_cotb a i{ position: absolute; left: 0; bottom:-2px; width: 0; height: 1px; -webkit-transition: all 0.s; transition: all 0.s; background-color: #fff; overflow: hidden; } .xc_header_default_cott a:hover i,.xc_header_default_cotb a:hover i{ width: 100%; } .xc_head_scroll{ height: 90px; background-color: rgba(0,0,0,0.3); } .xc_newsbox{ padding-bottom: 20px; background: no-repeat center; background-size: cover; } .xc_title{ position: relative; padding-left:85px; font-size: 36px; font-weight: 700; color: #434343; line-height: 38px; } .xc_title.cwhite{ color: #fff; } .xc_news_ul{ margin-bottom: -20px; overflow: hidden; } .xc_news_ul li{ margin-bottom: 20px; float: left; background: #fff; font-size:20px; line-height: 24px; overflow: hidden; } .xc_news_ul li:nth-of-type(2n){ margin-left: 20px; } .xc_news_ul li a{ position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding:32px 150px 32px 85px; width: 555px; height: 80px; } .xc_news_ul li a div{ max-height: 80px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .xc_news_ul li i{ position: absolute; top:50%; right:40px; width: 52px; height:48px; background: no-repeat center; background-size: 100% 100%; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .xc_news_ul li a:hover i{ background-image: ; } .xc_more{ text-align: right; } .xc_more a{ position: relative; padding-right:35px; font-size: 16px; color: #000000; line-height: 60px; } .xc_more .more_jt{ position: absolute; right:0; top:50%; width: 25px; height: 15px; background: no-repeat right center; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .xc_more .more_jt.more_jt_w{ background-image: ; } .xc_more a:hover .more_jt{ -webkit-animation:xc_more_jt 0.9s infinite linear ; animation:xc_more_jt 0.9s infinite linear ; } @-webkit-keyframes xc_more_jt { 0%{ -webkit-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 1; } 50%{ -webkit-transform: translate(-30%,-50%); transform: translate(-30%,-50%); opacity: 0.5; } 100%{ -webkit-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 1; } } @keyframes xc_more_jt { 0%{ -webkit-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 1; } 50%{ -webkit-transform: translate(-30%,-50%); transform: translate(-30%,-50%); opacity: 0.5; } 100%{ -webkit-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 1; } } .theoretical_ul_title{ position: absolute; right:100px; font-size: 0; line-height: 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); } .theoretical_ul_title li{ margin-left: 35px; display: inline-block; vertical-align: top; width: 157px; height: 50px; line-height: 50px; background: #ffffff; font-size: 24px; text-align: center; font-weight: 400; color: #a0021f; border:1px solid #a0021f; cursor: pointer; } .theoretical_ul_title li.checked{ background: #a0021f; color: #fff; } .theoretical_ul_cot{ background-color: rgba(160,2,31,0.92); } .theoretical_ul_cot li{ float: left; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(255,255,255,0.7); font-size:18px; background-color: rgba(160,2,31,0.92); } .theoretical_ul_cot .theoretical_li_1{ width: 33.33%; background: rgba(160,2,31,0.92) no-repeat center; background-size: 101% 101%; } .theoretical_ul_cot .theoretical_li_2{ width: 33.33%; background: rgba(160,2,31,0.92) no-repeat center; background-size: 101% 101%; } .theoretical_ul_cot .theoretical_li_3{ width: 33.33%; background: rgba(160,2,31,0.92) no-repeat center; background-size: 101% 101%; } .theoretical_ul_cot li a{ display: block; padding:118px 85px; -webkit-transition: all 0.3s; transition: all 0.3s; } .theoretical_ul_cot li a:hover{ background-color: #fff; color:#333; } .theoretical_ul_cot li a:hover h6{ color:#333; } .theoretical_li_1 a{ } .theoretical_li_2 a{ border-left:1px solid #fff; border-right:1px solid #fff; } .theoretical_ul_cot li h6{ margin-bottom: 30px; font-size: 20px; font-weight: bold; line-height: 30px; height: 60px; color: rgba(255,255,255,1); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .theoretical_ul_cot li div{ font-size: 18px; height: 160px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .culture_ul{ display: -ms-flexbox; display: -webkit-box; display: flex; } .culture_ul li{ -ms-flex:1; -webkit-box-flex:1; flex:1; font-size:16px; line-height: 34px; color: #434343; background: #fff no-repeat 97.5% center; background-size: auto 88%; overflow: hidden; } .culture_ul li:nth-of-type(2){ margin: 0 20px; } .culture_ul li a{ display: block; padding:40px 40px 55px 85px; -webkit-transition: all 0.5s; transition: all 0.5s; } .culture_ul li .culture_ul_code{ position: relative; } .culture_ul li .code_xywc{ display: none; position: absolute; right:20px; top:50%; width: 35%; height: auto; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .culture_ul li .culture_ul_code:hover .code_xywc{ display: block; } .culture_ul h6{ display: inline-block; margin-bottom: 15px; padding-right:105px; font-size: 24px; line-height: 66px; font-weight: 700; background: no-repeat right center; } .culture_ul .culture_ul_code h6{ background:none; } .culture_ul li a:hover{ background-color: #a0021f; color: #fff; } .culture_ul li .culture_ul_div{ } .culture_ul li .culture_ul_span{ position: relative; display: inline-block; max-width: 99%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .culture_ul .culture_ul_i{ position: absolute; left: 0; bottom:0; width: 0; height: 1px; -webkit-transition: all 1s ; transition: all 1s ; background-color: #fff; overflow: hidden; } .culture_ul li a:hover .culture_ul_i{ width: 100%; } .guide_ul{ display: -ms-flexbox; display: -webkit-box; display: flex; } .guide_ul li{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; } .guide_ul_lione{ margin-left: 20px; height: 350px; } .guide_ul a{ position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding:0 120px 0 100px; background-color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; } .guide_icon{ position: absolute; left: 100px; top:50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; } .guide_icon1{ width: 95px; height: 95px; background: no-repeat center; background-size: 100% auto; } .guide_icon2{ width: 95px; height: 112px; background: no-repeat center; background-size: 100% auto; } .guide_icon3{ width: 95px; height: 95px; background: no-repeat center; background-size: 100% auto; } .guide_jt{ position: absolute; right: 120px; top:50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); width: 56px; height: 56px; background: no-repeat center; background-size: 100% auto; -webkit-transition: all 0.5s; transition: all 0.5s; } .guide_div{ padding: 0 80px 0 130px; font-size: 24px; color: #000000; line-height: 36px; overflow: hidden; } .guide_div h6{ margin-bottom: 5px; position: relative; display: inline-block; font-size:16px; line-height: 30px; } .guide_div h6:after{ content: ''; position: absolute; right:0; top:50%; width: 45px; height: 1px; background: #000; -webkit-transform: translate(110%,-50%); transform: translate(110%,-50%); } .guide_ul a:hover{ background-color: #a0021f; } .guide_ul a:hover .guide_icon1{ background-image: ; } .guide_ul a:hover .guide_icon2{ background-image: ; } .guide_ul a:hover .guide_icon3{ background-image: ; } .guide_ul a:hover .guide_div{ display: none; } .guide_ul a:hover .guide_icon{ left: 50%; top:50%; -webkit-transform: translate(-110%,-50%); transform: translate(-110%,-50%); } .guide_ul a:hover .guide_jt{ right: 50%; top:50%; -webkit-transform: translate(110%,-50%); transform: translate(110%,-50%); } .xc_contactbox{ padding-bottom:180px; background-color: #a0021f; } .xc_contact_cot{ display: -ms-flexbox; display: -webkit-box; display: flex; height: 304px; } .xc_contact_cotl{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-right: 40px; width: 300px; padding-left:85px; font-size:24px; line-height: 28px; color:#fff; } .xc_contact_cotl li{ cursor: pointer; } .xc_contact_span{ position: relative; } .xc_contact_span_i{ position: absolute; left: 0; bottom:0; width: 0; height: 1px; -webkit-transition: all 1s ; transition: all 1s ; background-color: #fff; overflow: hidden; } .xc_contact_cotl li:hover .xc_contact_span_i{ width: 100%; } .xc_contact_cotl h6{ margin-top: 10px; font-size:16px; line-height: 20px; } .xc_contact_cotr{ -ms-flex:1; -webkit-box-flex:1; flex:1; } .xc_contact_cotr img{ width: 922px; height: 302px; border:1px solid #fff; } .xc_footer{ position: relative; z-index: 10; padding-top:130px; padding-bottom:20px; background: #585756; font-size: 13px; text-align: center; color: #ffffff; line-height: 24px; } .xc_footer .xc_footer_logo{ position: absolute; left: 50%; top:-80px; width: 226px; height: 226px; border-radius: 50%; background: no-repeat center; -webkit-transform: translatex(-50%); transform: translatex(-50%); overflow: hidden; } .xc_footer div{ position: relative; z-index: 2; } .xc_footer p{ color:#999; margin-top: 10px; } .xc_department_box{ padding-top:170px; background: no-repeat right top; background-size: 100% auto; } .xc_department_title{ text-align: center; font-size: 40px; color: #434343; line-height: 42px; margin-bottom: 40px; } .xc_department_subtitle{ margin: 25px auto 60px; font-size: 18px; color: #434343; height: 54px; line-height: 27px; text-align: center; overflow: hidden; text-overflow: ellipsis; width: 800px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xc_department_img{ margin-bottom: 80px; } .xc_department_img img{ vertical-align: top; width: 100%; height: auto; } .xc_department_ul{ } .xc_department_ul li{ margin-bottom: 8px; width: 49%; float: left; } .xc_department_ul li:nth-of-type(2n){ float: right; } .xc_department_ul li a{ display: block; padding:40px 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } .xc_department_ul li h6{ font-size: 24px; color: #434343; line-height: 36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .xc_department_div{ margin-top: 30px; height: 54px; font-size: 18px; color: #434343; line-height: 27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xc_department_more{ margin-top: 26px; font-size: 16px; color: #434343; line-height: 24px; } .xc_department_more span{ position: relative; padding-right: 35px; } .xc_department_more .more_jt{ position: absolute; right:0; top:50%; width: 56px; height: 56px; background: no-repeat right center; background-size:25px 15px ; -webkit-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 0.1s; transition: all 0.1s; } .xc_department_ul li a:hover{ background-color: #fff; } .xc_department_ul li a:hover .more_jt{ background-image: ; background-size:56px 56px; -webkit-transform: translate(70%,-50%); transform: translate(70%,-50%); } .xc_departmentdetail_title{ max-height: 100px; font-size: 40px; color: #1d2130; line-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xc_departmentdetail_time{ padding-left:30px; height: 26px; font-size: 16px; color: #a3a3a3; line-height: 26px; background: no-repeat left 3px; background-size: 16px auto; } .xc_departmentdetail_cot{ font-size: 18px; color: #434343; line-height: 36px; } .xc_departmentdetail{ } .xc_departmentdetail img{ display: block; margin: 20px auto; max-width: 900px; height: auto; text-align: center; } /*党代会*/ .ddh_header{ height: 90px; background-color: #fff; } .ddh_header.ddh_header_scroll .ddh_header_default{ position: fixed; z-index: 10; left: 0; top:0; width: 100%; height: 90px; background-color: rgba(255,255,255,0.9); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .ddh_header_logo{ float: left; font-size: 0; line-height: 90px; } .ddh_header_logo img{ vertical-align: middle; width: 200px; height: auto; } .ddh_nav{ float: right; height: 90px; line-height: 90px; font-size: 18px; color: #1e1b1b; } .ddh_nav a{ position: relative; margin-right: 50px; display: inline-block; vertical-align: middle; line-height: 30px; } .ddh_nav .ddh_nav_lasta{ position: relative; margin-left: 50px; margin-right: 0px; color: #939191; } .ddh_nav .ddh_nav_lasta:before{ content: ''; position: absolute; left: -50px; top:50%; width: 1px; height: 40px; background-color: #939191; opacity: 0.3; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .ddh_nav .ddh_nav_lasta:hover{ text-decoration: underline; } .ddh_nav a span{ display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; } .ddh_nav a:not(:last-of-type):hover span,.ddh_nav a.checked span{ -webkit-transform:scale(1.3); transform:scale(1.3); color: #9d1d22; } .ddh_nav a i{ position: absolute; left: -22px; top:50%; width: 5px; height: 0px; background-color: #9d1d22; -webkit-transform: translatey(-40%); transform: translatey(-40%); -webkit-transition: all 0.2s; transition: all 0.2s; } .ddh_nav a:not(:last-of-type):hover i,.ddh_nav a.checked i{ height: 22px; } .ddh_banner{ text-align: center; } .ddh_banner img{ display: inline-block; vertical-align: top; width: 100%; /* max-width: 1920px; */ /* height: 600px; */ } .ddh_news_ul{ } .ddh_news_ul_lil a{ display: block; padding:30px; width: 580px; height: 685px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ddh_news_ul .ddh_news_ul_lil{ float: left; background-color: #fff; } .ddh_news_ul .ddh_news_ul_lir{ margin-left: 610px; } .ddh_news_ul img{ display: block; width: 100%; height: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; } .ddh_news_ul a:hover img{ -webkit-transform: scale(1.5); transform: scale(1.5); } .ddh_news_ull_img{ height: 345px; overflow: hidden; } .ddh_news_ul_img{ float: left; width: 260px; height: 170px; overflow: hidden; } .ddh_title{ font-size:48px; font-weight: bold; line-height: 50px; color: #b81c22; } .ddh_news_ul_date{ font-size: 16px; font-weight: bold; color: rgba(67,67,67,0.70); } .ddh_news_ul_cot{ margin-top: 10px; font-size: 24px; font-weight: 700; color: #434343; height:72px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddh_news_ul_lir{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; height: 685px; } ddh_news_ul_lir a{ display: block; } .ddh_news_ul_lirbox{ margin-left: 290px; padding-top:30px; height: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bgfff{ background-color: #fff; } .ddh_jchm{ display: -ms-flexbox; display: -webkit-box; display: flex; } .ddh_jchml{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .ddh_jchml img{ width: 100%; height: auto; } .ddh_jchmr{ margin-left: 160px; width: 380px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .ddh_jchmr a{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .ddh_jchmr .ddh_jchm_num{ position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 72px; height: 72px; font-size: 32px; color:#fff; font-weight: bold; border-radius: 50%; background: center no-repeat; background-size: 100% 100%; } .ddh_jchmr .ddh_jchm_num.ddh_jchm_numb{ height: 50px; background: center no-repeat; background-size: 50px 50px; } .ddh_jchm_num span{ position: relative; z-index: 3; } .ddh_jchm_num i,.ddh_jchm_num em{ position: absolute; left: 50%; top:50%; width: 70px; height: 70px; border-radius: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(184,28,34,0.2); } .ddh_jchmr a:hover .ddh_jchm_title{ color:rgba(184,28,34,1); } .ddh_jchmr a:hover .ddh_jchm_num i{ z-index: 1; -webkit-animation:ddh_jchm_num 1s infinite linear ; animation:ddh_jchm_num 1s infinite linear ; } .ddh_jchmr a:hover .ddh_jchm_num em{ z-index: 2; -webkit-animation:ddh_jchm_num 1s infinite linear 0.4s; animation:ddh_jchm_num 1s infinite linear 0.4s; } @-webkit-keyframes ddh_jchm_num { 0%{ -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1; } 90%{ -webkit-transform: translate(-50%,-50%) scale(1.5); transform: translate(-50%,-50%) scale(1.5); opacity: 0.3; } 100%{ -webkit-transform: translate(-50%,-50%) scale(1.6); transform: translate(-50%,-50%) scale(1.6); opacity: 0; } } @keyframes ddh_jchm_num { 0%{ -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1; } 90%{ -webkit-transform: translate(-50%,-50%) scale(1.5); transform: translate(-50%,-50%) scale(1.5); opacity: 0.3; } 100%{ -webkit-transform: translate(-50%,-50%) scale(1.6); transform: translate(-50%,-50%) scale(1.6); opacity: 0; } } .ddh_jchmr .ddh_jchm_line{ -ms-flex:1; -webkit-box-flex:1; flex:1; } .ddh_jchm_cot{ -ms-flex:1; -webkit-box-flex:1; flex:1; position: relative; margin-left: 20px; font-size:18px; color: #1e1b1b; } .ddh_jchm_title{ font-size:32px; color: #1e1b1b; } .ddh_jchm_titleb{ font-size:24px; color: rgba(67,67,67,0.30); } .ddh_jchm_year{ position: absolute; left: 0; bottom:0; -webkit-transform: translatey(150%); transform: translatey(150%); font-weight: bold; } .ddh_jchm_line{ margin: 2% 35px; border-left:2px dashed #b81c22; } .ddh_jchm_line.ddh_jchm_lineb{ border-left:2px dashed rgba(67,67,67,0.30);; } .ddh_linetop{ border-top:2px solid rgba(0,0,0,0.2); } .ddh_tz_ul{ display: -ms-flexbox; display: -webkit-box; display: flex; } .ddh_tz_ul li{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .ddh_tz_ul a{ display: block; padding:70px; border: 1px solid rgba(67,67,67,0.30); border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box } .ddh_tz_ul a:hover{ -webkit-box-shadow: 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 6px 0px rgba(0,0,0,0.2); } .ddh_tz_ul_title{ height: 72px; font-size: 24px; font-weight: bold; color: #434343; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddh_tz_ul_cot{ margin-top: 25px; font-size: 24px; font-weight: 400; color: rgba(30,27,27,0.60); height: 108px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ddh_djzs_dl{ display: -ms-flexbox; display: -webkit-box; display: flex; font-size: 24px; color: #1d2130; } .ddh_djzs_dl dt{ width: 370px; } .ddh_djzs_dl dd{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-top:48px; } .ddh_djzs_dl dd a{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left:70px; height: 72px; line-height: 36px; background: no-repeat left center; background-size: 48px 48px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; } .ddh_djzs_dl dd a span{ display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddh_djzs_dl dd a:not(:first-of-type){ margin-top: 20px; } .ddh_djzs_dl dd a:hover{ background-image: ; } .ddh_gzjbbox{ position: relative; overflow: hidden; } .ddh_gzjbbox:before{ content: ''; position: absolute; z-index: 1; left: 50%; top:0; width: 100%; height: 378px; background: #b81c22 no-repeat center; background-size: auto 378px; -webkit-transform: translatex(-50%); transform: translatex(-50%); opacity: 0.4; } .ddh_gzjb_ul{ position: relative; z-index: 2; height: 378px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .ddh_gzjb_ul li a{ position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 250px; height: 250px; font-size: 36px; color:rgba(67,67,67,0.50); background-color: #fff; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddh_gzjb_ul li .ddh_gzjb_imgb{ position: absolute; left: 50%; top:50%; width: auto; height: 20px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; } .ddh_gzjb_ul li .ddh_gzjb_imgb img{ width:100%; height: 100%; } .ddh_gzjb_div{ line-height: 1.1; } .ddh_gzjb_div img{ vertical-align: bottom; } .ddh_gzjb_ul li p{ margin-top: 15px; font-size: 24px; color:#434343; } .ddh_gzjb_ul li a:hover{ /*width: 300px;*/ /*height: 300px;*/ background-color: #b63b4d; } .ddh_gzjb_ul li a:hover .ddh_gzjb_div{ opacity: 0; } .ddh_gzjb_ul li a:hover .ddh_gzjb_imgb{ height: 180px; opacity: 1; } .bgred{ background-color: #a0021f; } .ddh_yxfc{ display: -ms-flexbox; display: -webkit-box; display: flex; } .ddh_yxfcl{ width: 370px; } .ddh_yxfcr{ margin-left: 110px; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; } .ddh_yxfcm img{ width: auto; height: 100%; } .ddh_yxfcr p{ margin-bottom: 10px; padding-left:80px; font-size: 16px; line-height: 28px; color:rgba(255,255,255,0.6); } .ddh_yxfcr a{ max-width: 100%; display: block; padding-left:80px; padding-right:20px; font-size: 24px; line-height: 36px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddh_yxfcr a:hover{ background-color: #fff; color: #434343; } .ddh_yxfcr li{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .ddh_yxfcr li:not(:last-of-type){ margin-bottom: 30px; } .ddh_yxfcr .ddh_yxfc_1{ background: no-repeat 24px center; } .ddh_yxfcr .ddh_yxfc_2{ background: no-repeat 24px center; } .ddh_yxfcr .ddh_yxfc_3{ background: no-repeat 24px center; } .ddh_yxfcr a.ddh_yxfc_1:hover{ background-image: ; } .ddh_yxfcr a.ddh_yxfc_2:hover{ background-image: ; } .ddh_yxfcr a.ddh_yxfc_3:hover{ background-image: ; } .ddh_footerbox{ background-color: #585756; } .ddh_footer{ height: 182px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; font-size: 13px; color: #ffffff; line-height: 20px; } .ddh_footerl img{ width: 180px; height: auto; } .ddh_footerm{ margin: 0 160px; text-align: center; } .ddh_footerr{ color: rgba(255,255,255,0.50); } .ddh_news_list{ display: -ms-flexbox; display: -webkit-box; display: flex; } .ddh_news_listl{ width: 328px; } .ddh_news_listr{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .ddh_news_links{ font-size:24px; color:#1e1b1b; text-align: center; } .ddh_news_linkstitle{ margin-bottom: 30px; font-size: 36px; text-align: center; color: #828282; line-height: 48px; } .ddh_news_links a{ margin-bottom: 30px; width: 328px; height: 158px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; color: #333; background:#f5f5f5 no-repeat center; background-size: 0 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .ddh_news_links a:hover{ color: #fff; background: no-repeat center; background-size: 100% 100%; } .ddh_news_links a p{ margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 218px; height: 72px; line-height: 36px; text-align: center; overflow: hidden; } .ddh_news_list_ul li{ margin-bottom: 30px; } .ddh_news_list_ul li a{ position: relative; display: block; padding-top:6px; padding-left:60px; } .ddh_news_list_ul li h5{ font-size: 24px; font-weight: bold; color: #1e1b1b; line-height: 36px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddh_news_list_ul li p{ margin-top: 15px; font-size: 16px; line-height: 28px; max-height: 84px; color:#rgba(30,27,27,0.8); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ddh_news_list_ul li img{ position: absolute; left: 0; top:0; } .ddh_news_listr{ margin-left: 100px; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; overflow: hidden; } .ddh_news_title{ font-size: 36px; font-weight: 700; color: #9d1d22; line-height: 48px; } .ddh_news_cots{ margin-top: 40px; } .ddh_news_cots li{ margin-bottom: 30px; } .ddh_news_cots a{ position: relative; display: block; padding-left:80px; } .ddh_news_cots .ddh_news_num{ position: absolute; left: 0; top:0; width: 50px; height: 50px; text-align: center; font-size: 20px; font-weight: bold; color: rgba(0,0,0,0.45); line-height: 50px; border-radius: 50%; background: no-repeat left center; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddh_news_cots a:hover .ddh_news_num{ color:#fff; background-image: ; } .ddh_news_cots li:not(:first-of-type) .ddh_news_num:before{ content: ''; position: absolute; left: 50%; top:0; width: 0; height: 20px; border-left:2px dashed #ddd; -webkit-transform: translate(-50%,-130%); transform: translate(-50%,-130%); } .ddh_news_cots h6{ font-size: 24px; line-height: 1.1; color:rgba(30,27,27,0.9); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ddh_news_cots p{ margin-top: 10px; font-size: 18px; line-height: 1.1; font-weight: bold; color:rgba(30,27,27,0.54) } /*视频网*/ .ddspw_header{ height: 100px; } .ddspw_header.header_scroll .ddh_header_default{ position: fixed; z-index: 10; left:0; top:0; width: 100%; height: 100px; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .ddspw_headerbox{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px; } .ddspw_headerbox .ddspw_logo{ display: block; } .ddspw_headerbox .ddspw_logo img{ width: 200px; height: auto; } .ddspw_headerbox .ddspw_nav{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30px; font-size: 16px; line-height: 28px; color: #14142b; } .ddspw_headerbox .ddspw_nav a{ position: relative; margin-left: 40px; } .ddspw_headerbox .ddspw_nav i{ position: absolute; left: 0; bottom:-5px; display: block; width: 0; height: 2px; background-color: #a0021f; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_headerbox .ddspw_nav_hover.ddspw_nav a.checked i{ width: 0; } .ddspw_headerbox .ddspw_nav a:hover i,.ddspw_headerbox .ddspw_nav a.checked i{ width: 50%; } .ddspw_headerbox .ddspw_nav_hover.ddspw_nav a:hover i{ width: 50%; } .ddspw_seacrh{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding:0 60px 0 30px; width: 170px; border:1px solid #a0021f; border-radius: 27px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s; } .ddspw_seacrh input{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 52px; line-height: 52px; text-align: center; color: #a0021f; overflow: hidden; } .ddspw_seacrh.focusnow{ width: 280px; } .ddspw_kdj{ position: absolute; right:25px; top:50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); width: 25px; height: 25px; background: no-repeat left center; background-size: 100% 100%; } .ddspw_newhotsl{ position: relative; width: 860px; height: 480px; } .ddspw_newhotsl li{ position: absolute; left: 0; top:0; opacity: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_newhotsl li.checked{ opacity: 1; } .ddspw_newhotsl a{ display: block; position: relative; z-index:3; left: 0; top:0; width: 100%; height: 100%; font-size: 16px; color: #fff; text-align: center; line-height: 480px; overflow: hidden; } .ddspw_newhotsl a:after{ content: ''; position: absolute; left: 50%; top:50%; width: 152px; height: 152px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: no-repeat center; background-size:100% 100%; } /*.ddspw_newhotsl a:hover:after{ width: 122px; height: 122px; }*/ .ddspw_newhotsl img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_newhotsl a:hover img{ transform: scale(1.2); } .ddspw_newhotsl a span{ /*opacity: 0;*/ /*-webkit-transition: all 0.5s;*/ /*transition: all 0.5s;*/ } .ddspw_newhotsl a:hover span{ /*opacity: 1;*/ /*position: absolute;*/ /*z-index: 3;*/ /*left: 0;*/ /*top:0;*/ /*width: 100%;*/ /*height: 100%;*/ /*background: rgba(166,18,45,0.70);*/ } .ddspw_newhotsr{ padding:50px; width: 420px; height: 480px; background-color: #a6122d; color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } .ddspw_newhotsr_top{ font-size: 14px; line-height: 14px; } .ddspw_newhotsr_titlesmall{ margin-top: 30px; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 340px; } .ddspw_newhotsr_titlesmall li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 14px; line-height: 40px; height: 40px; background: no-repeat 295px center; background-size: 16px 16px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .ddspw_newhotsr_titlesmall li.checked:first-of-type{ margin-top: -30px; } .ddspw_newhotsr_titlesmall li p{ margin: 3px 0; padding:0 40px 0 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ddspw_newhotsr_titlesmall li.checked{ height: 200px; background: no-repeat 295px center; } .ddspw_newhotsr_titlesmall li.checked p{ margin:0; padding:0; font-size: 32px; /* font-weight: 700;*/ text-align: justify; line-height: 50px; height: 100px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddspw_newhotsr_titlesmall li:not(.checked):hover p{ background: #fff no-repeat 295px center; background-size: 16px 16px; color:#333; } .ddspw_title{ margin-bottom: 40px; } .ddspw_title span{ display: inline-block; padding-right:33px; font-size: 24px; /* font-weight: 700;*/ line-height: 1; color: #a0021f; vertical-align: middle; background: no-repeat right center; } .ddspw_title a{ margin-left: 23px; display: inline-block; font-size: 16px; font-weight: 500; color: rgba(45,49,52,0.50); vertical-align: middle; } .ddspw_ula{ display: -webkit-box; display: -ms-flexbox; display: flex; } .ddspw_ula a{ /*display: block;*/ } .ddspw_ula li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 18px; color: #14142b; line-height: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_ula li:nth-of-type(2){ margin: 0 16px; } .ddspw_ula li .ddspw_lia_imgbox{ position: relative; height: 256px; overflow: hidden; } .ddspw_ula li .ddspw_lia_imgbox:before{ content: ''; position: absolute; left: 50%; top:50%; width: 102px; height: 102px; z-index: 1; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: no-repeat center; } .ddspw_ula li img{ /* vertical-align: top; width: 100%; */ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 256px; } .ddspw_ula li p{ margin:30px 30px 20px; line-height: 30px; height: 60px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddspw_ula a .ddspw_lia_spana{ opacity: 0; position: absolute; z-index: 3; left: 0; top:0; width: 100%; height: 100%; background: rgba(166,18,45,0.70); line-height: 256px; font-size: 16px; font-weight: 700; color: #ffffff; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_ula a:hover .ddspw_lia_spana{ opacity: 1; } .ddspw_ula li:hover{ margin-top: -5px; } .ddspw_lia_diva{ padding-top:1px; background-color: rgba(58,62,65,0.10); text-align: left; } .ddspw_lia_diva .ddspw_lia_spanb{ display: block; padding: 0 30px 30px; font-size: 16px; line-height: 1; text-align: left; color: #a0021f; } .ddspw_mediabox{ 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; } .ddspw_mediaboxl{ position: relative; margin-right: 100px; width: 560px; height: 560px; border-radius: 50%; overflow: hidden; } .ddspw_mediaboxl.ddspw_mediaboxl_small{ width: 458px; height: 458px; } .ddspw_mediaboxl a{ opacity: 0; position: absolute; display: block; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_mediaboxl a.checked{ opacity: 1; z-index: 2; } .ddspw_mediaboxl img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_mediaboxl a.checked:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2); } .ddspw_mediaboxl a.checked:after{ content: ''; position: absolute; z-index: 3; left: 50%; top:50%; width: 216px; height: 216px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: no-repeat center; } .ddspw_mediaboxr{ width: 480px; } .ddspw_mediaboxr_title{ font-size: 24px; /* font-weight: 700;*/ color: #a0021f; line-height: 62px; /* background: no-repeat 150px center;*/ } .media_dhxx{ background: no-repeat 150px center; background-size: auto 62px; } .media_mlxy{ background: no-repeat 150px center; background-size: auto 62px; } .media_mtsd{ background: no-repeat 150px center; background-size: auto 62px; } .media_ztsp{ background: no-repeat 150px center; background-size: auto 62px; } .ddspw_mediaboxr_cot{ margin-top: 40px; padding:50px 25px; width: 100%; background-color: #ececec; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ddspw_mediaboxr_txt{ position: relative; height: 60px; } .ddspw_mediaboxr_txt.ddspw_mediaboxr_txtb a{ /* font-size: 24px;*/ } .ddspw_mediaboxr_txt a{ opacity: 0; position: absolute; left: 0; top:0; width: 100%; font-size: 18px; /* font-weight: 700;*/ color: #2d3134; height: 60px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_mediaboxr_txt a.checked{ opacity: 1; z-index: 2; } .ddspw_mediaboxr_txt a.checked:hover{ color: #a0021f; } .ddspw_mediaboxr_morebox{ margin-top: 40px; 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; } .ddspw_mediaboxr_ul{ position: relative; margin-right: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 57px; } .ddspw_mediaboxr_ul li{ opacity: 0; position: absolute; width: 100%; font-size: 18px; color: #2d3134; -webkit-transition: all 0.3s; transition: all 0.3s; } .ddspw_mediaboxr_ul li.checked{ opacity: 1; } .ddspw_mediaboxr_ul .star{ margin-bottom: 15px; display: block; height: 18px; background: no-repeat left center; background-size: 100% auto; } .ddspw_mediaboxr_ul .star.star1{ width: 20px; } .ddspw_mediaboxr_ul .star.star2{ width: 40px; } .ddspw_mediaboxr_ul .star.star3{ width: 60px; } .ddspw_mediaboxr_ul .star.star4{ width: 80px; } .ddspw_mediaboxr_ul .star.star5{ width: 100px; } .ddspw_mediamorebox{ font-size: 0; line-height: 0; } .ddspw_mediamorel,.ddspw_mediamorer{ display: inline-block; width: 37px; height: 37px; vertical-align: middle; cursor: pointer; background: no-repeat center; } .ddspw_mediamorem{ display: inline-block; vertical-align: middle; } .ddspw_mediamorel:hover,.ddspw_mediamorer:hover{ background: no-repeat center; } .ddspw_mediamorer{ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ddspw_footer{ position: relative; z-index: 10; padding-top:95px; background: #585756; font-size: 13px; text-align: center; color: #ffffff; line-height: 24px; } .ddspw_footer .ddspw_footer_logo{ position: absolute; left: 50%; top:-90px; width: 300px; height: 300px; border-radius: 50%; background: no-repeat center; background-size: 100% 100%; -webkit-transform: translatex(-50%); transform: translatex(-50%); overflow: hidden; } .ddspw_footercot{ padding-bottom:50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ddspw_footercotr{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ddspw_footercotl img{ display: block; width: 200px; height: auto; } .ddspw_footercot_dl{ width: 280px; line-height: 30px; text-align: left; } .ddspw_footercot_dl dt{ margin-bottom: 38px; font-size: 14px; font-weight: bold; line-height: 20px; color: #ffffff; } .ddspw_footercot_dl a{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 35px; padding-left: 30px; background: no-repeat left center; position: relative; } .ddspw_footercot_dl a:hover{ text-decoration: underline; } .ddspw_footercot_dl dd:not(:last-of-type){ margin-bottom: 8px; } .ddspw_footercot_dl.ddspw_footercot_dlb{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ddspw_footercot_dl .footer_s{ background-image: ; } .ddspw_footercot_dl .footer_d{ background-image: ; } .ddspw_footercot_dl .footer_e{ background-image: ; } .ddspw_footercot_dl .footer_b{ background-image: ; } .ddspw_footercot_ul{ width: 220px; font-size: 14px; text-align: left; color: #ffffff; line-height: 20px; } .ddspw_footercot_ul li{ line-height: 36px; } .ddspw_footercot_down{ line-height: 64px; background: #a0021f; text-align: center; font-size: 12px; } .ddspw_ulb_title{ font-size: 24px; color: #a0021f; } .ddspw_ulb{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ddspw_ulb li{ margin-bottom: 17px; width: 416px; height: 256px; overflow: hidden; } .ddspw_ulb li:nth-of-type(3n 2){ margin-left: 16px; margin-right: 16px; } .ddspw_ulb li img{ display: block; /* width: 100%; */ height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ddspw_ulb a{ position: relative; display: block; width: 100%; height: 100%; } .ddspw_ulb a:hover img{ -webkit-transform: translate(-50%, -50%) scale(1.2) ; transform: translate(-50%, -50%) scale(1.2) ; } .ddspw_ulb a:before{ content: ''; position: absolute; z-index: 2; left: 0; bottom:0; width:100%; height: 90%; background: linear-gradient(182deg,rgba(30,30,27,0) 60%, #000 100%); } .ddspw_ulb a:after{ content: ''; position: absolute; z-index: 3; left: 50%; top:50%; width: 102px; height: 102px; -webkit-transform: translate(-50%,-80%); transform: translate(-50%,-80%); background: no-repeat center; } .ddspw_ulb li p{ position: absolute; z-index: 3; padding:0 30px; bottom: 17px; left: 0; width: 100%; /* height: 60px;*/ line-height: 30px; font-size: 18px; text-align: center; color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddspw_video{ position: relative; margin-top: 30px; width: 100%; height: 720px; background-color: #f5f5f5; overflow: hidden; } .ddspw_video video{ width: 100%; height: 100%; } .ddspw_video_share{ position: absolute; z-index: 2; top:30px; right:30px; width: 50px; height: 50px; background: no-repeat center; background-size: 100% 100%; cursor: pointer; } .ddspw_video_cotbox{ margin-top: 52px; margin-bottom:50px; } .ddspw_video_title{ margin-bottom: 25px; max-height: 100px; font-size: 36px; /* font-weight: 700;*/ text-align: left; color: #434343; line-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ddspw_video_cot{ text-indent: 2em; font-size: 18px; font-weight: 400; text-align: justify; color: #434343; line-height: 36px; } .ddspw_video_cotdown{ margin-top: 40px; font-size: 16px; font-weight: 400; text-align: left; color: rgba(0,0,0,0.5); line-height: 24px; } /*文明网*/ .wmw_header{ height: 100px; } .wmw_header_default{ position: fixed; z-index: 10; left: 0; top:0; width: 100%; height: 100px; 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; padding:0 70px; min-width: 1200px; -webkit-box-sizing: border-box; box-sizing: border-box; background: no-repeat center; background-size: cover; } .wmw_header_logo a{ display: block; } .wmw_header_logo img{ display: block; } .wmw_nav{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wmw_nav li{ position: relative; display: block; font-size: 18px; color: #fff; line-height: 94px; border-bottom:6px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .wmw_nav li:not(:last-of-type){ margin-right: 60px; } .wmw_nav li.checked,.wmw_nav li:hover{ border-color: #fff; } .wmw_nav_ul{ display: none; position: absolute; left: 50%; bottom:-6px; width: 350px; padding:35px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; background: #ffffff; -webkit-transform: translate(-50%,100%); transform: translate(-50%,100%); border-radius: 5px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35); } .wmw_nav li:hover .wmw_nav_ul{ display: block; } .wmw_nav li:nth-of-type(7) .wmw_nav_ul{ -webkit-transform: translate(-70%,100%); transform: translate(-70%,100%); } .wmw_nav .wmw_nav_ul li{ margin-right: 0!important; line-height: 20px; color: #000000; } .wmw_nav_ul li .wmw_nav_li_a{ position: relative; display: block; padding:5px 0; cursor: pointer; } .wmw_nav_ul li .wmw_nav_li_a:after{ content: ''; position: absolute; right:0; top:50%; width: 6px; height: 10px; background: no-repeat center; background-size: 100% 100%; -webkit-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_nav_ul li .wmw_nav_li_a.wmw_nav_li_a_noarrow:after{ display: none; } .wmw_nav_ul li.open_checked .wmw_nav_li_a:after{ -webkit-transform: translatey(-50%) rotate(90deg); transform: translatey(-50%) rotate(90deg); } .wmw_nav_li_a_arrowr{ } .wmw_nav_ul li .nav_sub{ display: none; padding:10px 0; font-size: 16px; color: #8e8e8e; border-left:2px solid #a0021f; overflow: hidden; } .wmw_nav_ul li .nav_sub .nav_sub_span{ display: block; padding-left:18px; line-height: 36px; cursor: pointer; } .wmw_nav_ul li .nav_sub .nav_sub_a.sub_checked{ color: #a0021f; } .wmw_nav_ul li .nav_sub .nav_sub_span:not(.sub_checked):hover{ color: #000; } .nav_sub_abox{ display: none; } .nav_sub_abox .nav_sub_a{ display: block; padding:0 30px; font-size: 16px; text-decoration: underline; color: #a1a1a1; line-height: 40px; } .wmw_home_top{ display: -webkit-box; display: -ms-flexbox; display: flex; background: no-repeat center; background-size: 100% 100%; } .wmw_home_top_img{ position: relative; width: 57%; height: 0; padding-top:33.5%; overflow: hidden; } .wmw_home_top_img img{ position: absolute; left: 50%; top:50%; width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .wmw_home_top_cot{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 80px; width: 490px; } .wmw_home_top_cot a{ display: block; } .wmw_home_top_cot h5{ font-size: 36px; font-weight: 700; text-align: justify; color: #434343; height: 100px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wmw_home_top_cot p{ margin-top: 30px; text-indent: 2em; font-size: 16px; text-align: justify; color: #000000; line-height: 25px; max-height: 150px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .wmw_home_top_detail{ margin-top: 40px; display: inline-block; width: 116px; line-height: 46px; background: #434343; border-radius: 30px; text-align: center; font-size: 14px; color: #ffffff; } .wmw_home_top_detail:hover{ background: #a0021f; } .wmw_home_list{ margin-top: 80px; margin-bottom: 80px; border-top: 1px solid rgba(142, 142, 142, .2); } .wmw_home_list li a{ position: relative; display: block; padding: 0 100px 0 65px; line-height: 80px; font-size: 24px; color: #434343; border-bottom: 1px solid rgba(142, 142, 142, .2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; } .wmw_home_list li a:hover{ color:#fff; background-color: #a0021f; } .wmw_home_list li a:after{ content: ''; position: absolute; right:60px; top:50%; width: 40px; height: 40px; background: no-repeat right center; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .wmw_home_list li a:hover:after{ background-image: ; } .wmw_home_down_bg{ padding-bottom:40px; background: no-repeat center; } .wmw_home_ul{ 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: 960px; } .wmw_home_ul li:nth-of-type(2){ margin: 0 40px; } .wmw_home_ul li{ width: 460px; background-color: #fff; border:1px solid rgba(142, 142, 142, .2); overflow: hidden; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_home_li_img{ position: relative; padding-top:58.6%; overflow: hidden; } .wmw_home_li_img img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_home_li_title{ padding: 0 37px; line-height: 36px; font-size: 18px; font-weight: bold; color: #fff; background-color: #a0021f; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_home_li_cot{ padding:37px; font-size: 14px; line-height: 36px; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_home_li_cot a{ display: block; padding-left:40px; color: #000; background: no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .wmw_home_ul .checked .wmw_home_li_cot a{ background: no-repeat left center; } .wmw_home_li_more{ position: relative; padding:0 37px; line-height: 70px; border-top:1px solid rgba(142, 142, 142, .2); font-size: 15px; color: #c7c7c7; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_home_li_more:after{ content: ''; position: absolute; right:30px; top:50%; width: 0; height: 0; border: 7px solid; border-color: transparent transparent transparent #c7c7c7; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .wmw_home_li_more:hover{ background-color: #a5a5a5; color:#000!important; } .wmw_home_li_more:hover:after{ border-color: transparent transparent transparent #000!important; } .wmw_home_ul li.checked{ width: 580px; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); } .wmw_home_ul li.checked .wmw_home_li_title{ line-height: 48px; font-size: 24px; } .wmw_home_ul li.checked .wmw_home_li_cot a:hover{ color: #a0021f; font-weight: bold; background: no-repeat left center; } .wmw_home_ul li.checked .wmw_home_li_cot{ font-size:16px; } .wmw_home_ul li.checked .wmw_home_li_more{ padding:0 47px; line-height: 90px; border-top:1px solid rgba(142, 142, 142, .2); font-size: 19px; color: #c7c7c7; } .wmw_home_ul li.checked .wmw_home_li_more:after{ border: 10px solid; border-color: transparent transparent transparent #c7c7c7; } .wmw_linkbox{ position: relative; margin-top: 140px; padding-bottom:10px; } .wmw_link_cot{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 70px; height: 130px; border-top:1px solid rgba(142, 142, 142, .2); border-bottom:1px solid rgba(142, 142, 142, .2); } .wmw_link_cot li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-left:1px solid rgba(142, 142, 142, .2); } .wmw_link_cot li a{ padding-left:40px; } .wmw_link_cot li a.logo1{ background: no-repeat left center; background-size: auto 80%; } .wmw_link_cot li a.logo2{ background: no-repeat left center; background-size: auto 80%; } .wmw_link_cot li a.logo3{ background: no-repeat left center; background-size: auto 80%; } .wmw_link_cot li a.logo4{ background: no-repeat left center; background-size: auto 80%; } .wmw_link_cot li a:hover{ margin-top: -1px; } .wmw_link_cot li:last-of-type{ border-right:1px solid rgba(142, 142, 142, .2); } .wmw_linkbox .wmw_linkbox_title{ position: absolute; top:0; left:50%; font-size: 32px; color: #434343; -webkit-transform: translate(-50%,-200%); transform: translate(-50%,-200%); } .wmw_linkbox a{ font-size: 16px; color: #434343; } .crumbs_g{ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 20px; } .crumbs_g span,.crumbs_g em{ display: block; } .crumbs_g_flexz{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wmw_detailbox{ padding-bottom: 160px; background: no-repeat center top; } .wmw_detail_titlebox{ margin-top: 60px; /* border-top:1px solid #8e8e8e;*/ /* border-bottom:1px solid #8e8e8e;*/ } .wmw_detail_title_flex{ 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; padding:15px 0; min-height: 130px; /* border-left:1px solid #8e8e8e;*/ /* border-right:1px solid #8e8e8e;*/ -webkit-box-sizing: border-box; box-sizing: border-box; } .wmw_detail_title{ width: 80%; font-size: 36px; font-weight: 700; text-align: center; color: #434343; line-height: 50px; } .wmw_detail_cot{ margin: 0 auto; width: 80%; font-size: 18px!important; text-align: justify; color: #434343!important; line-height: 36px; } .wmw_detail_cot span { font-size: 18px!important; } .wmw_detail_cot img{ max-width: 100%; height: auto; } .wmw_codebox{ position: absolute; /* z-index: 11; */ margin-left: 670px; left: 50%; top: 0; /* bottom:50px; */ width: 120px; border:1px solid rgba(142, 142, 142, .2); font-size: 12px; text-align: center; color: #8e8e8e; line-height: 22px; background-color: #fff; } .wmw_codebox dd{ margin-bottom: -1px; border-top:1px solid rgba(142, 142, 142, .2); border-bottom:1px solid rgba(142, 142, 142, .2); } .wmw_codebox dt{ padding:10px; text-align: center; } .wmw_codebox dt img{ vertical-align: top; width: 100%; } .w_80{ width: 80%; margin-left: auto; margin-right: auto; } .wmw_listpagebox{ /* padding-bottom: 220px; */ background: no-repeat center top; } .wmw_listpagecot{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wmw_listpage_l{ margin-top: 100px; margin-bottom: -1px; width: 468px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(142, 142, 142, .2); background-color: #fff; } .wmw_listpage_l li{ margin-bottom: -1px; } .wmw_listpage_r{ margin-left: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .wmw_listpage_l .dt{ position: relative; padding-left:120px; height: 130px; font-size: 32px; line-height: 128px; border-bottom:1px solid rgba(142, 142, 142, .2); cursor: pointer; } .wmw_listpage_l .dt:after{ content: ''; position: absolute; right:60px; top:50%; width: 18px; height: 11px; background: no-repeat center; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .wmw_listpage_l .dd{ display: none; padding:60px 80px; font-size: 24px; color: #434343; line-height: 50px; border-bottom: 1px solid rgba(142, 142, 142, .2); } .wmw_listpage_l .dd a{ display: block; padding-left:40px; font-size: 16px; color: #8e8e8e; line-height: 40px; border-left:1px solid #a0021f; } .wmw_listpage_l .dd span{ cursor: pointer; } .wmw_icon_jb{ background: no-repeat 80px center; } .wmw_icon_ts{ background: no-repeat 80px center; } .wmw_icon_pj{ background: no-repeat 80px center; } .wmw_listpage_l li.checked .wmw_icon_jb{ background-image: ; } .wmw_listpage_l li.checked .wmw_icon_ts{ background-image: ; } .wmw_listpage_l li.checked .wmw_icon_pj{ background-image: ; } .wmw_listpage_abox{ display: none; padding:20px 0; } .wmw_listpage_abox a.sub_checked, .js_wmw_listpage_span.checked{ color: #a0021f; font-weight: bold; } .wmw_listpage_abox a:not(.sub_checked):hover{ color:#000; } .wmw_listpage_ul{ background-color: #fff; } .wmw_listpage_ul li{ position: relative; margin-bottom: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:23px 100px 23px 40px; height: 40px; line-height: 20px; border:1px solid rgba(142, 142, 142, .2); background-color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; } .wmw_listpage_ul li:after{ content: ''; position: absolute; right:40px; top: 50%; width: 40px; height: 40px; background: no-repeat center; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .wmw_listpage_ul li:hover{ color: #fff; background-color: #a0021f; } .wmw_listpage_ul li:hover:after{ background-image: ; } .wmw_listpage_ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wmw_listpage_div{ padding:30px 40px; font-size: 24px; line-height: 50px; color: #fff; background-color: #a0021f; } .wmw_listpage_ulb{ padding:20px 0; background-color: #fff; border:1px solid rgba(142, 142, 142, .2); } .wmw_listpage_ulb li{ font-size: 16px; line-height: 50px; color:#000; } .wmw_listpage_ulb li a{ display: block; padding:0 40px 0 90px; background: no-repeat 40px center; -webkit-transition: all 0.4s; transition: all 0.4s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .wmw_listpage_ulb a:hover{ color: #a0021f; font-weight: bold; background-color: rgba(80,80,80,0.20); background-image: ; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.30); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.30); } .wmw_listpage_borderbox{ margin-top: -1px; padding:30px 0; border:1px solid rgba(142, 142, 142, .2); background-color: #fff; } .wp_articlecontent td p { text-indent: 0 !important; }