.index .part_1 .rightbox dl dd { text-align: center; } .index .part_1 .rightbox dl { padding: 56px 30px; } .index .part_1 .rightbox dl:nth-child(4) { border: none; color: #fff; background: #c19c5b; background: -moz-linear-gradient(top, rgba(193,156,91,0.8), rgba(193,156,91,0)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(193,156,91,0.8)), to(rgba(193,156,91,0))); background: -o-linear-gradient(top, rgba(193,156,91,0.8), rgba(193,156,91,0)); } .index .part_1 .rightbox dl:nth-child(3) { border: none; color: #fff; background: #d90d33; background: -moz-linear-gradient(top, rgba(217,13,51,0.5), rgba(217,13,51,0)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(217,13,51,0.5)), to(rgba(217,13,51,0))); background: -o-linear-gradient(top, rgba(217,13,51,0.5), rgba(217,13,51,0)); } .xmn_video_right {} .xmn_video_right_title{ background: #d90d33; background-image: -webkit-linear-gradient(left,#d90d33 0%,#770d33 100%); background-image: -moz-linear-gradient(left,#d90d33 0%,#770d33 100%); background-image: -o-linear-gradient(left,#d90d33 0%,#770d33 100%); background-image: linear-gradient(left,#d90d33 0%,#770d33 100%); padding: 20px; font-weight: bold; color: #fff; position: relative; } .xmn_video_right_title span{ margin-left: 40px; } .xmn_video_right_title i a{ color: #fff; } .xmn_video_right_title i{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } .xmn_biao{ width: 29px; height: 29px; display: inline-block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } .xmn_list_01{ margin-top: 1em; overflow: hidden; } .xmn_list_01 li{ color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-height: 58px; } .xmn_list_01 li{ border-bottom: 1px solid #ccc; } .index .part_1 .txt{ padding: 1% 0 0 2.8%; } .rorl{ overflow: hidden; } .rorl .l,.rorl .r{ float: left; width: calc(50% - 16px); margin-right: 32px; } .rorl .r{ margin-right: 0; } .rorl .l .swiper-container .swiper-wrapper .swiper-slide img{ width: 100%; height: auto; } .rorl .l .swiper-container .swiper-wrapper .swiper-slide h4{ margin: 1em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .rorl .l .xmn_video_right_title{ margin-bottom: 1em; } .rorl .r .xmn_list_01 li{ width: 100% !important; } .other_search_list li p i{ color: #d90d33; } .swiper-button-next, .swiper-button-prev{ margin-top: -56px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: rgba(255, 255, 255, 0.8); right: 0; width: auto; left: auto; padding: 15px 0; height: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: rgba(255, 255, 255, 0.8); left: 0; height: auto; width: auto; padding: 15px 0; } .index .part_1 .rightbox { padding-right: 8.3%; } @media only screen and (max-width: 1366px) { .index .part_1 .rightbox { padding-right: 5.3%; } } @media only screen and (max-width: 1300px) { .index .part_1 .rightbox dl { padding: 45px 24px; } } @media only screen and (max-width: 1024px) { .index .part_1 .rightbox { padding-right: 0; } .rorl .l, .rorl .r{ width: 100%; margin-right: 0; } .rorl .r{ margin-top: 1em; } .index .part_1 .txt{ margin: 4% 2.8% 4% 2.8%; padding: 0; } } .index .part_1{position:relative;min-height: 520px;} .index .part_1 .rightbox .digitbox{display:none;} .index .part_1 .leftbox{position:absolute;top:0;left:0;height: 100%;z-index:2;cursor: pointer;} .index .part_1 .leftbox .imgbox {height:100% !important;} .index .part_1 .leftbox video{object-fit: cover; object-position: center;} .index .part_1 .rightbox{padding:0;} .index .part_1 .txt{padding-top:0} @media only screen and (max-width: 1024px) { .index .part_1{min-height: inherit;} .index .part_1 .leftbox{position:relative;width:100%;} .index .part_1 .txt{margin:4% 0;} }