.swiper-container { width: 100%; } .banner .swiper-slide { position: relative; } .banner-img{ position: relative; width: 100%; padding-top:42.5%; overflow: hidden; } .banner img{ max-width: 100%; } .banner-img img{ position: absolute; left: 50%; top: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: 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/_t032timage/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; display: none; } .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; 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/_t032timage/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; box-shadow: 0 5px 8px #ccc } .mewsul li:hover .spanl{ background-image: url(/uploads/image/_t032timage/wen_l.png); } .learningbox{ width:1600px; padding-bottom:30px; overflow: hidden; } .learningbox .learning-slide{ position: relative; float: left; width: 15%; height: 380px; background: #f7f7f7; transition: all .2s; } .learningbox .learning-slide:not(:first-of-type){ margin-left: 2%; } .learningbox .learning-slide.over{ background: #fff url(/uploads/image/_t032timage/index_6.png) no-repeat left bottom; } .learningbox .learning-slide:hover{ background: #fff url(/uploads/image/_t032timage/index_6.png) no-repeat left bottom; 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: flex; -ms-flex-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; 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; transition: all 0.1s; } .aboutbox_more a{ color:#fff; } .aboutbox_more a:hover{ text-decoration: none; } .aboutbox_more:hover{ 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; 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); 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; 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; 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{ box-shadow: 0 5px 8px #666 } .ztul img{ transition: all .2s; vertical-align: top; border:2px solid #fff; 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%; 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: linear-gradient(to bottom, rgb(200,46,49) 0%,rgb(145,23,36) 100%); 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; 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; 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; 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; 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: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size:22px; line-height: 28px; background-color: #2e2424; color:#fff; 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; 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; 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{ 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; 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%; 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%; 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; 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: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100px; margin-bottom: 0.8%; border:1px solid #f3f3f3; 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%; 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; 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; 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: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100px; margin-left: 3%; margin-bottom: 0.8%; border:1px solid #f3f3f3; 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%; 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; 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; 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; 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{ 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; 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; transform: translatey(-50%); } .lby_ulb_div{ margin: 0 30px; line-height: 50px; border-top:1px solid #f3f3f3; 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: flex; -ms-flex-align: center; align-items: center; 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; 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%; transform: translatey(-50%); } .newsboxl .newsboxl_ul li:hover:before{ background-image: ; } .newsboxl .newsboxl_ul li:hover{ color:#999; 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; 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; 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: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; 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; 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; 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; 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; 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; 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; 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; 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; 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; transform: translate(-120%,-50%); } .new_ztul li:hover .zt9{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; transform: translatey(-50%); } .new_ztul .emr{ position: absolute; right: 0; top:50%; width: 37px; height: 10px; background: no-repeat center; 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; 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: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; 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; 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%; transform: translatey(-50%); } .news_ula li:hover:before{ background-image: ; } .news_ula li:hover{ color:#9e9c9c; 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; 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: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; 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; 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; transform: translatey(-50%); } .new_ztulb .eml:before{ content: ''; position: absolute; right:0; top:50%; width: 5px; height:5px; background-color: #fff; transform: rotate(45deg) translatey(-100%); transform-origin: center; } .new_ztulb .emr{ position: absolute; right: 0; top:50%; width: 30px; height: 1px; transform: translatey(-50%); background-color: #fff; } .new_ztulb .emr:before{ content: ''; position: absolute; left:0; top:50%; width: 5px; height:5px; background-color: #fff; transform: rotate(45deg) translate(-50%,-50%); 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; 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; transform: translatex(-90%); } /*图说东华详情*/ .tsdh_xq{ position: relative; padding-right:60px; font-size:0; line-height: 0; display: -ms-flexbox; display: flex; } .tsdh_xql{ padding:0 70px 0 50px; -ms-flex:1; flex:1; font-size:16px; line-height: 2; vertical-align: top; box-sizing: border-box; } .tsdh_xqr{ position: relative; padding:50px; width: 870px; height: 533px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size:0; box-sizing: border-box; box-shadow: 0 10px 20px rgba(0,0,0,0.3); } .swiper-button-next, .swiper-button-prev{ 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; 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/_t032timage/qq.png) no-repeat center; } a.bshare-weixin.fx_span { background: url(/uploads/image/_t032timage/wechat.png) no-repeat center; } a.bshare-sinaminiblog.fx_span { background: url(/uploads/image/_t032timage/weibo.png) no-repeat center; } a.bshare-qzone.fx_span:hover { background: url(/uploads/image/_t032timage/qq_h.png) no-repeat center; } a.bshare-weixin.fx_span:hover { background: url(/uploads/image/_t032timage/wechat_h.png) no-repeat center; } a.bshare-sinaminiblog.fx_span:hover { background: url(/uploads/image/_t032timage/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;justify-content: center;align-items: center;} .qrid_zz #qrid{padding: 8px;background: #fff;border-radius: 5px;}