img { max-width: 100%; } .swiper-container img { width: 100%; } .bxsz { box-sizing: border-box; } .bxsz * { box-sizing: border-box; } .bdwrap, .abwrap { width: 90% !important; max-width: 1780px; margin:0 auto; } .bdwrap { width: 1460px; } .site_banner { position: relative; } .site_text { position: absolute; left: 0; bottom: 60px; width: 100%; color: #94683d; } /* 氓鈥β趁ぢ号矫λ嗏€樏ぢ宦 */ .ab_part1 { position: relative; } .ab_part1 .swiper-slide { position: relative; } .ab_part1 .txt{color:#fff;} .ab_part1 .swiper-pagination { bottom: 3%; width: 100%; } .ab_part1 .abwrap { color: #94683d; } .swiper-pagination-bullet { background-color: #fff; opacity: 1; width: 10px; height: 10px; margin: 0 8px; } .swiper-pagination-bullet-active { width: 25px; height: 25px; border: 2px solid #e96201; background: none !important; vertical-align: middle; } .ab_part2 { padding-top: 3% ; } .ab_part2 h2 { color: #94683d; } .ab_part2 .video { position: relative; margin-top: 2.8089%; } .ab_part2 .playbtn, .part6_swiper .playbtn { cursor: pointer; width: 100px; height: 100px; background: url(../images/video_playbtn.png) 0 0 no-repeat; } .part_title { padding-top: 3%; } .part_des { position: relative; margin-top: 10px; margin-bottom: 2.8089%; overflow: hidden; padding-right: 160px; } .part_des .lab { display: inline-block; float: left;color: #94683d; vertical-align: bottom; } .part_des .txt { display: inline-block; vertical-align: bottom; margin-left: 30px; } .part_des .part_more { position: absolute; right: 0; bottom: 0; line-height: 1; color: #94683d; display: inline-block; vertical-align: bottom; /*background: url(../images/more_icon.png) right bottom no-repeat; padding-right: 60px;*/ } .part_des .part_more i{ margin-left:10px; font-size: 48px; color: #94683d; position: relative; top:12px;} .part3_swiper .swiper-slide { width: 25.52%; position: relative; transition: all 0.3s; } @media only screen and (max-width: 1024px){ .part_des .part_more i{ font-size: 36px;top:10px;} } @media only screen and (min-width: 1025px){ .part3_swiper .swiper-slide:hover .des { background: rgba(146,103,60,0.8); } .part3_swiper .swiper-slide:hover { box-shadow: 0 16px 29px 5px rgba(23, 23, 23, 0.7); } } .part3_swiper .swiper-pagination { position: relative; bottom: 0; width: 90%; margin: 5.20833333% auto 0; } .part3_swiper .swiper-pagination .swiper-pagination-bullet { background-color: #f3ede7; height: 5px; line-height: 5px; width: 33.33333%; border-radius: 0; margin: 0; border: none; } .part3_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #94673d !important; } .part3_swiper .des { position: absolute; bottom: 0; left: 0; width: 100%; height: 135px; transition: all 0.3s; } .part3_swiper .box { box-sizing: border-box; color: #fff; position: absolute; left: 6.32183908%; padding-right: 6.32183908%; bottom: 20px; } .part3_swiper .box * { box-sizing: border-box; } .part3_swiper .box .p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.5; max-height: 1.5em; overflow: hidden; } .part5_swiper .abwrap { position: relative; } .part5_swiper .swiper-pagination { right: 2%; bottom: 4%; z-index: 2; } .part5_swiper .swiper-slide { position: relative; } .part5_swiper .des { position: absolute; right: 0; bottom: 0; width: 808px; width: 56%; height: 403px; box-sizing: border-box; padding: 3.08988764% 3.93258427%; background: rgba(150, 107, 66, 0.88); color: #fff; } .part5_swiper .des img { width: auto; } .part5_swiper .des .t { overflow: hidden; } .part5_swiper .des .date { float: right; font-size: 72px; line-height: 1; } .part5_swiper .des .c { margin-top: 30px; } .part5_swiper .des .b { margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; line-height: 1.8; max-height: 9em; overflow: hidden; } .part6_swiper .swiper-slide { position: relative; } .part6_swiper .playbtn { z-index: 4; } .part6_swiper .des { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); } .part6_swiper .box { box-sizing: border-box; color: #fff; position: absolute; left: 6.32183908%; padding-right: 6.32183908%; bottom: 30px; } .part6_swiper .box * { box-sizing: border-box; } .part6_swiper .box .p { margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em; overflow: hidden; } .ab_part7 { padding-bottom: 6.25%; } .ab_part7 .swiper-pagination { position: static; width: 100%; margin-top: 3.08988764%; } .ab_part7 .swiper-pagination .swiper-pagination-bullet { background-color: #e6dbce; } .ab_part2, .ab_part3, .ab_part5, .ab_part6, .ab_part7,.ab_part8 { background: url(../images/ab_part7_bg.png) 0 0 no-repeat; background-size: 100% auto; } .ab_part2 { background-image: url(../images/ab_part2_bg.png); } .ab_part3 { background-image: url(../images/ab_part3_bg.png); } .ab_part5 { background-image: url(../images/ab_part5_bg.png); } .ab_part6 { background-image: url(../images/ab_part6_bg.png); } .ab_part8 {margin-top: 20px; background-image: url(../images/ab_part8_bg.png); } .part7_swiper .swiper-slide { position: relative; overflow: hidden; } .part_logo>img{ max-width:141px;} /* 氓鈥溌伱р€芭捗ニ嗏€斆÷ */ .part_logo .lab{ color:#94683d; font-weight:bold; margin-left:6px; vertical-align:bottom; } .bd_part1 { background-color: #efeeed; padding: 5.72916667% 0 4.16666667%; } .bd_part1 .part_title { padding-top: 0; } .bd_part1 .part_des { margin-bottom: 0; } .bd_part2 { background-color: #efeeed; padding-bottom: 4.6875%; } .bd_part2 ul { padding-bottom: 5.47945205%; } .bd_part2 li { background-color: #f8f5f1; padding: 2.86458333% 0; } .bd_part2 li:nth-child(2n) { background-color: #efeeed; } .bd_part2 .img { float: left; width: 31.71232877%; } .bd_part2 .des { float: left; width: 68.28767123%; padding-left: 4.38356164%; } .bd_part2 .d_t { overflow: hidden; } .bd_part2 .d_t .title { display: inline-block; font-weight: bold; margin-top: 6%; } .bd_part2 .date { float: right; line-height: 1; } .bd_part2 .date i { font-size: 18px; margin-left: -5px; } .bd_part2 .date .l, .bd_part2 .date .r { display: inline-block; vertical-align: bottom; } .bd_part2 .date .r { margin-left: 5px; } .bd_part2 .date .r img { vertical-align: bottom; } .bd_part2 .d_textarea { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-height: 1.5; max-height: 9em; overflow: hidden; font-size: 18px; margin-top: 3%; } .bd_his_wrap { overflow: hidden; } .bd_his_wrap .box { position: relative; padding: 0 8.49315068%; } .bd_his_wrap .center_line .line { position: absolute; left: 50%; top: 67px; margin-left: -1px; height: 100%; width: 1px; background-color: #94673d; } .bd_his_wrap .point { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); width: 143px; height: 143px; border-radius: 50%; background-color: #eae7e4; } .bd_his_wrap .point::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 66px; height: 66px; border-radius: 50%; background-color: #d9cdc3; } .bd_his_wrap .point::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #94673d; } .bd_his_wrap .items { position: relative; overflow: hidden; } .bd_his_wrap .item { width: 38.74476987%; float: right; } .bd_his_wrap .item:nth-child(1) .year::before{display:none;} .bd_his_wrap .item:nth-child(1){ padding-top:2.2%; } .bd_his_wrap .item:nth-child(2n) { float: left; } .bd_his_wrap .item .year{ position:relative; } .bd_his_wrap .item:nth-child(2n) .year { text-align: right; } .bd_his_wrap .item .year::before{ content:""; display:block; width:11px; height:11px; border: 1px solid #94673d; border-radius: 50%; background:#fff; position:absolute; top:50%; left:-30.5%; z-index: 3; margin-top:-5px; } .bd_his_wrap .item .year::after{ content:""; display:block; width:28%; height:2px; border-top: 1px dashed #d4c5b8; position:absolute; top:50%; left:-28%; margin-top: 1px; z-index:2; } .bd_his_wrap .item:nth-child(2n) .year::before{ left:auto; right:-30.5%; } .bd_his_wrap .item:nth-child(2n) .year::after{ left: auto; right:-28%; } .bd_his_wrap .item:nth-child(2) { margin-top: 26.38888889%; } .bd_his_wrap .item sub { font-size: 24px; vertical-align: baseline; } .bd_his_wrap .item .img { position: relative; } .bd_his_wrap .item .img > img { width: 100%; } .bd_his_wrap .item .rt_logo { position: absolute; top: 0; right: 0; z-index: 2; } .bd_his_wrap .item .des { margin-top: 10.79913607%; } .bd_his_wrap .item p { position: relative; margin-top: 10px; height: 360px; overflow: auto; } .product_list { margin: 4% 0; overflow: hidden; } .product_list li { position: relative; width: 50%; float: left; margin-bottom:2%; } .product_list li .txt{padding:3% 5% 0 0; height:12.5em;} .product_list li .txt h3{margin-bottom:0.5em;} @media screen and (max-width: 768px) { .product_list li{margin-bottom:4%} .product_list li .txt{ height:auto;} .product_list li .txt h3{margin-bottom:0;} } /* 盲潞搂氓鈥溌伱ニ嗏€斆÷ */ @media screen and (max-width: 1440px) { .part5_swiper .des { width: 600px; height: 300px; } .part5_swiper .des .c { margin-top: 15px; } .part5_swiper .des .b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em; overflow: hidden; } .ab_part2 .playbtn, .part6_swiper .playbtn, .part6_swiper .playbtn { background-size: 60px 60px; } .part5_swiper .des .date { font-size: 62px; } /* 氓鈥溌伱р€芭捗ニ嗏€斆÷ */ .bd_part2 .d_textarea { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.5; max-height: 6em; overflow: hidden; } } .ab_part8 .list li{width: 31.5%;float: left;margin-right: 2.75%;} .ab_part8 .list li:nth-child(3n){margin-right: 0;} .ab_part8 .list li .tit{margin: 20px 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.5em;height: 3em;} @media screen and (max-width: 1440px) { .bd_his_wrap .item:nth-child(1){ padding-top:3%; } } @media screen and (max-width: 1366px) { .part5_swiper .des .date { font-size: 52px; } .bd_his_wrap .item:nth-child(1){ padding-top:3.8%; } } @media screen and (max-width: 1024px) { .bd_his_wrap .item .year::before, .bd_his_wrap .item .year::after{ display:none !important; } .part_des .part_more { position: static; display: block; text-align: right; margin-top: 15px; } .part_des .txt { font-size: 16px; } .part5_swiper .des { position: static; width: 100%; height: auto; padding-bottom: 60px; } .part5_swiper .des .date { font-size: 42px; } .part5_swiper .des .b { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; overflow: hidden; } /* 氓鈥溌伱р€芭捗ニ嗏€斆÷ */ .bd_part2 .img, .bd_part2 .des { float: none; width: 100%; padding-left: 0; } .bd_part2 .date .r { width: 140px; } .bd_part2 .date .r img { width: 100%; } .bd_part2 .d_t { margin-top: 5%; } .bd_part2 .d_t .title { display: block; text-align: center; margin-top: 0; margin-bottom: 3%; border-bottom: 1px solid #94683d; padding-bottom: 3%; } .bd_part2 .d_t .date { float: none; display: block; width: 100%; padding: 0 4%; font-weight: bold; } .bd_part2 .d_t .date .l { display: block; margin-bottom: 2%; } .bd_part2 .d_t .date .r { margin-left: 0; } .bd_part2 .d_textarea { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 18; line-height: 1.5; max-height: 27em; overflow: hidden; padding: 0 4%; } .bd_his_wrap .box { padding: 0 !important; } .bd_his_wrap .item { float: none !important; width: 100%; margin-top: 5% !important; } .bd_his_wrap .item .year { text-align: left !important; } .center_line { display: none; } } @media screen and (max-width: 768px) { .swiper-pagination-bullet-active { width: 15px; height: 15px; } .part3_swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; } .part_des .lab { vertical-align: top; } .part_des .txt { vertical-align: top; font-size: 14px; margin-left: 15px; width: calc(100% - 120px); } .part_logo img { height: 60px; } .part5_swiper .des .t img { width: 40%; } .product_list li { position: relative; width: 100%; float: none; } .ab_part8 .list li{ width: 49%; margin-right: 2%; } .ab_part8 .list li:nth-child(3n){margin-right: 2%;margin-bottom: 2%;} .ab_part8 .list li:nth-child(2n){margin-right: 0;} } /*2023-03-18*/ .bd_body .part_des .txt{margin-left: 0;display: block;margin-top: 30px;} .product_list .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .product_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#91663c;} .product_list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.product_list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.product_list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#91663c;} .fusun_body .header{background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .fusun_body .height_height{display: block;} .part5_swiper .inwrap{position: relative;} .part6_swiper .inwrap{position: relative;} .fosun_btn .index_but div{color: #94683d;font-weight: normal;} .fosun_btn .index_but .swiper-button-prev{left:-70px;} .fosun_btn .index_but .swiper-button-next{right: -70px;} @media screen and (max-width: 1024px) { .fosun_btn .index_but .swiper-button-prev{left:0;} .fosun_btn .index_but .swiper-button-next{right:0;} } .part6_swiper .box .part_more{margin-top:4%; color: #fff!important;} .ab_part2 .part_more{float:right;color: #94683d;} .ab_part2 .part_more i,.part6_swiper .box .part_more i{ margin-left: 10px; font-size: 48px; color: #94683d; position: relative; top:12px;} .part6_swiper .box .part_more i{color: #fff;} @media screen and (max-width: 1024px) { .ab_part2 .part_more i,.part6_swiper .box .part_more i{ font-size: 36px; top:10px;} } @media screen and (max-width: 768px) { .ab_part8 .list li{width: 100%;margin:0; margin-bottom: 20px;} .ab_part8 .list li .tit{margin:0;margin-top: 10px; height: auto;max-height: 3em;} .part_des .txt{display: block;width: 100%;margin:10px 0;} .bd_his_wrap{padding-bottom: 50px;} .bd_his_wrap .item p{height:auto;overflow: inherit;} .bd_his_wrap .item .des{margin-top: 10px;} .bd_his_wrap .item:nth-child(1){padding-top: 0;margin-top: 0 !important;} }