.banner #swiper_one { --swiper-pagination-color: #f37222; } .banner #swiper_one img { width: 100%; max-height: 100%; margin: auto; object-fit: cover; } .banner #swiper_one #swiper-custom { bottom: 4% !important; } .banner #swiper_one .swiper-pagination-bullet { width: 13px !important; height: 13px !important; border: 1px solid #FFFFFF !important; opacity: 1; background: rgba(225, 225, 255, 0) !important; margin: 0 1% !important; } .banner #swiper_one .swiper-pagination-bullet-active { width: 13px !important; height: 13px !important; background-color: #F37222 !important; border: 1px solid #f37222 !important; } .de_content { position: relative; width: 100%; background: #fff; } .de_conBlock { position: relative; width: 73%; margin: auto; min-width: 1000px; background-color: #FFF; float: left; padding-bottom: 30px; } .de_conBlock11 { position: relative; width: 100%; margin: auto; min-width: 1000px; background-color: #FFF; float: left; } .de1_content { position: relative; padding: 60px 0; height: 180px; } .de1_leBl { position: relative; float: left; width: 50%; display: block; top: 0px; left: 0px; } .de1_img { position: relative; float: left; width: 35%; height: 180px; overflow: hidden; } .de1_imgBl { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; } .de1_img img { width: 100%; } .de1_teBl { position: relative; float: right; width: 62%; } .de1_daBl { font-size: 24px; color: #fd873f; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 25px; } .de1_more { font-size: 16px; color: #fd873f; position: relative; float: right; padding: 5px 0; } .de1_ti { font-size: 16px; white-space: nowrap; overflow: hidden; position: relative; width: 90%; text-overflow: ellipsis; margin-bottom: 15px; } .de1_te { position: relative; width: 100%; line-height: 26px; font-size: 14px; height: 78px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .de1_riBl { position: relative; width: 45%; float: right; } .de1_ul { position: relative; width: 100%; height: 39px; border-bottom: 1px solid #ccc; } a.de1_li { float: left; margin-right: 40px; font-size: 16px; } .de1_ulBl { position: relative; width: 100%; margin-top: 8px; height: 130px; overflow: hidden; padding-top: 2px; } .de1_liBl { position: relative; width: 100%; margin-top: 12px; font-size: 14px; display: block; float: left; } .de1_liT { float: left; position: relative; width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .de1_liDa { float: right; } .de1_liWi { position: relative; width: 0%; border-bottom: 2px solid #fd873f; margin: auto; margin-top: 16px; } .de1_li.cur .de1_liWi, .de1_li:hover .de1_liWi { width: 100%; } .de2_content { position: relative; width: 100%; padding-bottom: 60px; } .de2_tiBlock {} .de2_tiCh { font-size: 24px; color: #fd873f; padding-bottom: 8px; } .de2_tiEn { font-size: 16px; text-transform: uppercase; font-weight: 100; } .de2_conBlock { position: relative; width: 100%; margin-top: 20px; } .de2_showBl { position: relative; width: 100%; overflow: hidden; height: 230px; } .de2_showBl .swiper-container, .de2_showBl .swiper-slide { position: relative; width: 100%; height: 100%; } .de2_ul { position: relative; width: 100%; height: 230px; overflow: hidden; } .de2_li { position: relative; width: 25%; float: left; height: 100%; display: block; overflow: hidden; } .de2_bgImg { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; } .de2_tiBl { position: absolute; top: 0px; left: 0px; z-index: 99; color: #fff; padding: 30px; } .de2_col { position: relative; width: 100%; height: 100%; background: url(../images/c_5.png); } .de2_ti { font-size: 18px; } .de2_en { font-size: 14px; text-transform: uppercase; margin-top: 3px; line-height: 20px; font-weight: 100; } .de2_li.cur_2 { width: 20%; } .de2_li.cur { width: 40%; } .de2_li.cur .de2_col { opacity: 0; } .de2_left { position: absolute; left: -80px; width: 60px; height: 60px; background: url(../images/c_3.png) no-repeat center; top: 80px; cursor: pointer; } .de2_right { position: absolute; right: -80px; width: 60px; height: 60px; background: url(../images/c_4.png) no-repeat center; top: 80px; cursor: pointer; } .de1_ulBl { position: relative; width: 100%; } .pmd { width: 100%; } .pmd .pmd_content { max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; } .pmd .pmd_content .pmd_swiper { width: 60.07%; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .pmd .pmd_content .pmd_swiper .new_notice { width: 13.08%; display: flex; display: -webkit-flex; align-items: center; } .pmd .pmd_content .pmd_swiper .new_notice i { margin-left: 2%; font-size: 16px; color: #f47b31; font-weight: 600; } .pmd .pmd_content .pmd_swiper .new_swiper { width: 61.6%; margin-left: 2%; height: 31px; } .pmd .pmd_content .pmd_swiper .new_swiper #swiper_two { width: 100%; height: 100%; } .pmd .pmd_content .pmd_swiper .new_swiper #swiper_two .swiper-slide { width: 100%; height: 100%; } .pmd .pmd_content .pmd_swiper .new_swiper #swiper_two .swiper-slide a { width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .pmd .pmd_content .pmd_swiper .new_swiper #swiper_two .swiper-slide a span { width: 83.6%; font-weight: 600; font-size: 14px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .pmd .pmd_content .pmd_swiper .new_swiper #swiper_two .swiper-slide a i { margin-left: 1%; flex: 1; font-size: 14px; color: #878787; } .pmd .pmd_content .gupiao { width: 39.93%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; } .istock { width: 100%; padding: 2.86% 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .istock .istock_left { width: 34.84%; padding: 3.4% 0; border-right: 1px solid #d2d2d2; display: flex; display: -webkit-flex; align-items: center; } .istock .istock_right { width: 64.4%; display: flex; margin-left: 3%; display: -webkit-flex; flex-direction: column; align-items: flex-end; } .istock .istock_right p { display: flex; display: -webkit-flex; align-items: center; } .istock .istock_right p:nth-of-type(1) { width: 91%; } .istock .istock_right p:nth-of-type(2) { width: 88%; justify-content: space-between; } .istock .istock_right p:nth-of-type(2) span { color: #959595; } .istock span { display: inline-block; float: left; } .istock .istock_tag { font-size: 18px; color: #5a5a5a; } .istock .istock_num { position: relative; padding-right: 22px; font-size: 18px; color: #5a5a5a; padding-top: 3.2px; } .istock .trend_color { color: #ba251e; } .istock.godown .trend_color { color: green; } .istock .istock_price { position: relative; font-family: Arial, sans-serif; padding-right: 40px; font-size: 40px; line-height: 40px; } .istock .istock_price:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 17px; height: 16px; background: url(http://www.keda-group.com/resources/web/img/ysl/istock.png) 0 0 no-repeat; } .istock.goup .istock_price:after { background-position: 0 0px; } .istock.godown .istock_price:after { background-position: 0 -16px; } .istock.unchanged .istock_price:after { content: '--'; margin-top: -20px; height: 40px; line-height: 40px; font-size: 20px; background: none; } .istock .istock_wave { font-family: Arial, sans-serif; font-size: 22px; margin-left: 10% } .istock .istock_wave_per { font-family: Arial, sans-serif; font-size: 22px; } .news_bulletin { width: 100%; background-color: #f4f4f4; } .news_bulletin .content { max-width: 1400px; margin: 0 auto; padding: 3% 0; } .news_bulletin .content .news_content { width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap-reverse; justify-content: space-between; } .news_bulletin .content .news_content .news_swiper { width: 44.07%; max-height: 500px; } .news_bulletin .content .news_content .news_swiper #swiper_three { --swiper-navigation-color: #FFFFFF; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a img { max-width: 100%; width: 100%; height: 73%; object-fit: cover; margin: auto; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #eb891b; display: flex; display: -webkit-flex; justify-content: flex-start; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title .time { width: 13%; padding: 7.4% 0; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title .time p { border-right: 1px solid #ffa167; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-around; align-items: center; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title .time p span { font-size: 37px; color: #FFFFFF; font-weight: 600; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title .time p i { font-size: 11px; color: #FFFFFF; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title h3 { margin-left: 3.08%; width: 72%; padding: 7% 2% 0 0; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-slide a .news_title h3 span { width: 100%; font-size: 21px; font-family: "Source Han Sans CN Regular"; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-next { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-prev { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-pagination { bottom: 5% !important; width: 12% !important; height: 19%; left: 88% !important; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-pagination .swiper-pagination-bullet { width: 10px !important; height: 10px !important; opacity: 1; margin: 0 4% !important; background-color: #793911 !important; } .news_bulletin .content .news_content .news_swiper #swiper_three .swiper-pagination .swiper-pagination-bullet-active { width: 10px !important; height: 10px !important; background-color: #FFFFFF !important; } .news_bulletin .content .news_content .news_swiper #swiper_three:hover .swiper-next { opacity: 1; } .news_bulletin .content .news_content .news_swiper #swiper_three:hover .swiper-prev { opacity: 1; } .news_bulletin .content .news_content .news_swiper #swiper_seven { --swiper-navigation-color: #FFFFFF; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a img { max-width: 100%; width: 100%; height: 73%; object-fit: cover; margin: auto; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #eb891b; display: flex; display: -webkit-flex; justify-content: flex-start; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title .time { width: 13%; padding: 7.4% 0; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title .time p { border-right: 1px solid #ffa167; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-around; align-items: center; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title .time p span { font-size: 37px; color: #FFFFFF; font-weight: 600; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title .time p i { font-size: 11px; color: #FFFFFF; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title h3 { margin-left: 3.08%; width: 72%; padding: 7% 2% 0 0; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-slide a .news_title h3 span { width: 100%; font-size: 21px; font-family: "Source Han Sans CN Regular"; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-next { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-prev { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-pagination { bottom: 5% !important; width: 12% !important; height: 19%; left: 88% !important; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-pagination .swiper-pagination-bullet { width: 10px !important; height: 10px !important; opacity: 1; margin: 0 4% !important; background-color: #793911 !important; } .news_bulletin .content .news_content .news_swiper #swiper_seven .swiper-pagination .swiper-pagination-bullet-active { width: 10px !important; height: 10px !important; background-color: #FFFFFF !important; } .news_bulletin .content .news_content .news_swiper #swiper_seven:hover .swiper-next { opacity: 1; } .news_bulletin .content .news_content .news_swiper #swiper_seven:hover .swiper-prev { opacity: 1; } .news_bulletin .content .news_content .news_swiper #swiper_eight { --swiper-navigation-color: #FFFFFF; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a img { max-width: 100%; width: 100%; height: 73%; object-fit: cover; margin: auto; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #eb891b; display: flex; display: -webkit-flex; justify-content: flex-start; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title .time { width: 13%; padding: 7.4% 0; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title .time p { border-right: 1px solid #ffa167; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-around; align-items: center; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title .time p span { font-size: 37px; color: #FFFFFF; font-weight: 600; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title .time p i { font-size: 11px; color: #FFFFFF; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title h3 { margin-left: 3.08%; width: 72%; padding: 7% 2% 0 0; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-slide a .news_title h3 span { width: 100%; font-size: 21px; font-family: "Source Han Sans CN Regular"; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-next { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-prev { opacity: 0; transition: all 0.5s ease 0s; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-pagination { bottom: 5% !important; width: 12% !important; height: 19%; left: 88% !important; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-pagination .swiper-pagination-bullet { width: 10px !important; height: 10px !important; opacity: 1; margin: 0 4% !important; background-color: #793911 !important; } .news_bulletin .content .news_content .news_swiper #swiper_eight .swiper-pagination .swiper-pagination-bullet-active { width: 10px !important; height: 10px !important; background-color: #FFFFFF !important; } .news_bulletin .content .news_content .news_swiper #swiper_eight:hover .swiper-next { opacity: 1; } .news_bulletin .content .news_content .news_swiper #swiper_eight:hover .swiper-prev { opacity: 1; } .news_bulletin .content .news_content .news_tab { width: 54%; } .news_bulletin .content .news_content .news_tab .tab_title { width: 100%; display: flex; cursor: pointer; display: -webkit-flex; } .news_bulletin .content .news_content .news_tab .tab_title p { flex: 1; text-align: center; box-sizing: border-box; padding: 3.05% 0; font-size: 22px; color: #FFFFFF; font-family: "Source Han Sans CN Regular"; background-color: #7e6e64; } .news_bulletin .content .news_content .news_tab .tab_title .active { color: #F37222; border-top: 4px solid #F37222; background-color: #FFFFFF; } .news_bulletin .content .news_content .news_tab .tab_content { background-color: #FFFFFF; width: 100%; } .news_bulletin .content .news_content .news_tab .tab_content ul { width: 89.82%; margin: 0 auto; } .news_bulletin .content .news_content .news_tab .tab_content ul li { width: 100%; padding: 3.9% 0; cursor: pointer; } .news_bulletin .content .news_content .news_tab .tab_content ul li a { width: 100%; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .news_bulletin .content .news_content .news_tab .tab_content ul li a h3 { width: 90%; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; } .news_bulletin .content .news_content .news_tab .tab_content ul li a h3 span { margin-left: 1%; font-size: 16px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news_bulletin .content .news_content .news_tab .tab_content ul li a h3 span:hover { color: #F37222; } .news_bulletin .content .news_content .news_tab .tab_content ul li a p { margin-top: 1%; width: 100%; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; } .news_bulletin .content .news_content .news_tab .tab_content ul li a p span { padding: 0 6px 0 0; border-right: 2px solid #cbcbcb; color: #929292; font-size: 14px; font-weight: 600; } .news_bulletin .content .news_content .news_tab .tab_content ul li a p i { margin-left: 6px; font-size: 11px; color: #b6b6b6; } .news_bulletin .content .news_content .news_tab .tab_content ul li a h4 { width: 100%; margin-top: 1%; font-size: 13px; color: #989898; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_bulletin .content .news_content .news_tab .tab_content ul li:nth-of-type(2) { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .middle_banner { width: 100%; background-color: #f4f4f4; } .middle_banner .middle_banner_content { max-width: 1400px; height: 122px; overflow: hidden; margin: 0 auto; } .middle_banner .middle_banner_content #swiper_four { width: 100%; height: 100%; } .middle_banner .middle_banner_content #swiper_four .swiper-slide img { width: 100%; max-height: 100%; object-fit: cover; margin: auto; } .business_section { width: 100%; background-color: #f4f4f4; } .business_section .business_content { max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; flex-wrap: wrap; } .business_section .business_content .business_tab { width: 23.57%; display: flex; display: -webkit-flex; flex-direction: column; } .business_section .business_content .business_tab .business_title { width: 100%; flex: 1.2; padding: 11% 0 10.39% 10%; background-color: #f37222; box-sizing: border-box; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .business_section .business_content .business_tab .business_title h2 { font-size: 25px; color: #FFFFFF; font-weight: 600; } .business_section .business_content .business_tab .business_title i { width: 13.33%; height: 4px; background-color: #FFFFFF; margin-top: 2%; } .business_section .business_content .business_tab .business_title span { margin-top: 2%; font-size: 14px; color: #FFFFFF; } .business_section .business_content .business_tab .yd_tab { width: 100%; height: 60px; cursor: pointer; justify-content: space-between; display: none; } .business_section .business_content .business_tab .yd_tab div { flex: 1; height: 100%; background-color: #6a5a50; display: flex; display: -webkit-flex; justify-content: center; align-items: center; } .business_section .business_content .business_tab .yd_tab .yd_active { background-color: #5a4436; } .business_section .business_content .business_tab .yd_tab div i img { max-width: 100%; max-height: 100%; object-fit: cover; margin: auto; } .business_section .business_content .business_tab p { width: 100%; flex: 1; background-color: #6a5a50; cursor: pointer; box-sizing: border-box; padding: 13.81% 0 12.81% 9.9%; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; } .business_section .business_content .business_tab p i img { max-width: 100%; max-height: 100%; object-fit: cover; margin: auto; } .business_section .business_content .business_tab p span { margin-left: 3%; width: 57.54%; font-size: 18px; color: #FFFFFF; } .business_section .business_content .business_tab p a { margin-left: 18%; display: none; } .business_section .business_content .business_tab p a img { max-width: 100%; max-height: 100%; object-fit: cover; margin: auto; } .business_section .business_content .business_tab p:hover { background-color: #5a4436; } .business_section .business_content .business_tab p:hover a { display: block; } .business_section .business_content .business_tab .tab_active { background-color: #5a4436; } .business_section .business_content .business_tab .tab_active a { display: block; } .business_section .business_content #tab_content { flex: 1; display: flex; display: -webkit-flex; } .business_section .business_content #tab_content .tab_banner { width: 46.2%; overflow: hidden; } .business_section .business_content #tab_content .tab_banner img { max-width: 100%; height: 100%; transition: all 1s; object-fit: cover; margin: auto; } .business_section .business_content #tab_content .tab_banner:hover img { transform: scale(1.1); } .business_section .business_content #tab_content .tab_list { flex: 1; background-color: #FFFFFF; padding: 5.84% 4.9% 5.46% 7.63%; border-right: 4px solid #f37222; box-sizing: border-box; display: flex; display: -webkit-flex; flex-direction: column; } .business_section .business_content #tab_content .tab_list h3 { font-size: 22px; color: #333333; border-left: 4px solid #f37222; padding-left: 1%; } .business_section .business_content #tab_content .tab_list .business_list { width: 100%; } .business_section .business_content #tab_content .tab_list .business_list li { width: 100%; margin-top: 7.7%; cursor: pointer; display: flex; display: -webkit-flex; flex-direction: column; } .business_section .business_content #tab_content .tab_list .business_list li p { width: 100%; } .business_section .business_content #tab_content .tab_list .business_list li p span::before { content: ""; display: inline-block; height: 9px; width: 6px; background: url(../img/b_05.png) no-repeat; background-size: cover; margin-right: 8px; } .business_section .business_content #tab_content .tab_list .business_list li p span { font-size: 15px; color: #333333; } .business_section .business_content #tab_content .tab_list .business_list li p span:hover { color: #f37222; } .business_section .business_content #tab_content .tab_list .business_list li a::before { position: absolute; top: -24%; left: 8%; content: ""; width: 0; height: 0; border-style: dashed solid dashed dashed; border: 11px solid transparent; border-bottom-color: #e5e5e5; } .business_section .business_content #tab_content .tab_list .business_list li a { width: 100%; position: relative; box-sizing: border-box; padding: 5.89% 3% 8.38%; border: 1px solid #e5e5e5; background-color: #f8f8f8; margin-top: 4%; } .business_section .business_content #tab_content .tab_list .business_list li:nth-of-type(2) a { display: none; } .business_section .business_content #tab_content .tab_list .business_list li:nth-of-type(3) a { display: none; } .business_section .business_content #tab_content .tab_list .business_list li:nth-of-type(4) a { display: none; } .business_section .business_content #tab_content .tab_list .business_list li a span { float: left; width: 83.5%; color: #838383; font-size: 14px; display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .business_section .business_content #tab_content .tab_list .business_list li a i { margin-top: 2%; float: right; width: 10%; } .business_section .business_content #tab_content .tab_list .business_list li a i img { max-width: 100%; max-height: 100%; margin: auto; object-fit: cover; } .business_section .business_content #tab_content .tab_list .business_list li a::after { position: absolute; top: -23%; left: 8%; content: ""; width: 0; height: 0; border-style: dashed solid dashed dashed; border: 11px solid transparent; border-bottom-color: #f8f8f8; } .investor_rel { width: 100%; background-color: #f4f4f4; } .investor_rel .investor_content { max-width: 1400px; margin: 0 auto; padding: 3% 0; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .investor_rel .investor_content .investor_left::before { position: absolute; top: 45%; right: -7%; content: ""; width: 0; height: 0; border: 10px solid transparent; border-style: dashed solid dashed dashed; border-left-color: #f37222; } .investor_rel .investor_content .investor_left { width: 18.5%; position: relative; box-sizing: border-box; background-color: #f37222; padding: 5.21% 1.42% 5.21% 4.71%; display: flex; display: -webkit-flex; flex-direction: column; } .investor_rel .investor_content .investor_left h3 { font-size: 23px; color: #FFFFFF; font-weight: 600; } .investor_rel .investor_content .investor_left i { margin-top: 4%; width: 17.67%; height: 4px; background-color: #FFFFFF; } .investor_rel .investor_content .investor_left span { margin-top: 4%; font-size: 14px; color: #FFFFFF; } .investor_rel .investor_content .investor_middle { width: 48.5%; display: flex; display: -webkit-flex; } .investor_rel .investor_content .investor_middle .investor_img { width: 32.6%; box-shadow: 0 0 13px #d9d9d9; box-sizing: border-box; padding: 8.7% 0 9.73%; background-color: #6a5a50; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; } .investor_rel .investor_content .investor_middle .investor_img span { width: 100%; display: flex; display: -webkit-flex; } .investor_rel .investor_content .investor_middle .investor_img span img { max-width: 100%; max-height: 100%; margin: auto; object-fit: cover; } .investor_rel .investor_content .investor_middle .investor_img i { margin-top: 7%; font-size: 18px; } .investor_rel .investor_content .investor_middle .investor_img i a { color: #FFFFFF; } .investor_rel .investor_content .investor_middle .investor_tab { flex: 1; padding: 1.33% 4.57% 5.75% 5.01%; background-color: #FFFFFF; box-sizing: border-box; box-shadow: 0 0 6px #d9d9d9; } .investor_rel .investor_content .investor_middle .investor_tab .investor_tab_title { width: 100%; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; display: flex; display: -webkit-flex; } .investor_rel .investor_content .investor_middle .investor_tab .investor_tab_title p { margin-right: 12.08%; padding: 2.31% 0; color: #333333; font-size: 18px; font-weight: 600; cursor: pointer; } .investor_rel .investor_content .investor_middle .investor_tab .investor_tab_title .investor_active { border-bottom: 2px solid #f37222; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content { width: 100%; margin-top: 7px; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li { width: 100%; margin-top: 5.65%; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; cursor: pointer; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a span::before { content: ""; width: 6px; height: 9px; display: inline-block; background: url(../images/b_05.png) no-repeat; background-size: cover; margin-right: 3%; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a span { width: 61.43%; font-size: 15px; color: #4e4e4e; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a span:hover { color: #f37222; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a i { font-size: 11px; color: #737373; } .investor_rel .investor_content .investor_middle .investor_tab #investor_tab_content ul li a i a { font-size: 11px; color: #737373; } .investor_rel .investor_content .investor_right { width: 51.0%; display: flex; display: -webkit-flex; justify-content: space-between; } .investor_rel .investor_content .investor_right a { width: 49.8%; box-sizing: border-box; padding: 8.7% 0 9.73%; background-color: #f8ece5; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; } .investor_rel .investor_content .investor_right a span { width: 100%; display: flex; display: -webkit-flex; } .investor_rel .investor_content .investor_right a span img { max-width: 100%; max-height: 100%; margin: auto; object-fit: cover; } .investor_rel .investor_content .investor_right a i { margin-top: 7%; color: #4d4c4b; font-weight: 600; font-size: 18px; } .investor_rel .investor_content .investor_right a:hover { background-color: #f37222; } .investor_rel .investor_content .investor_right a:hover i { color: #FFFFFF; } .In06_img { width: 100%; } .In06_ul { position: absolute; width: 100%; height: 100%; } .In06_li { float: left; width: 16.66%; position: relative; height: 100%; cursor: pointer; } .In06_li img { width: 100%; } .In06_li img { opacity: 0; } .In06_li:hover img { opacity: 1; } .le_1 { position: absolute; left: 50%; bottom: 25px; z-index: 90; margin-left: -180px; cursor: pointer; opacity: 0.6; padding: 10px; } .ri_1 { position: absolute; right: 50%; bottom: 25px; z-index: 90; margin-right: -180px; cursor: pointer; opacity: 0.6; padding: 10px; } .ri_1:hover { opacity: 1; } .le_1:hover { opacity: 1; } .sw_content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99902; height: 100%; display: none; } .sw_bgCol { position: relative; width: 100%; height: 100%; background: url(../images/c6_2.png); } .sw_conBlock { position: absolute; top: 50%; left: 50%; margin-left: -550px; margin-top: -366px; width: 1100px; } .sw_close { position: absolute; right: -80px; top: -50px; width: 50px; cursor: pointer; } .sw_left { position: absolute; left: -100px; width: 40px; top: 300px; cursor: pointer; padding: 10px; } .sw_right { position: absolute; right: -100px; width: 40px; top: 300px; cursor: pointer; padding: 10px; } .sw_img { position: relative; width: 1100px; } .sw_img img { width: 100%; } .sw_block { position: relative; width: 100%; height: 733px; } .sw_imgBl { position: relative; width: 100%; } .sw_ti { position: absolute; bottom: 4px; left: 0px; width: 94%; z-index: 90; color: #fff; padding: 15px 3%; background: url(../images/c6_2.png); text-align: center; font-size: 18px; } .tou_map { display: none; } .In061_ul { position: relative; width: 101%; background: #fff; } .In061_li { position: relative; float: left; width: 16.6%; padding: 30px 0; text-align: center; } .In061_ti img { width: 45px; } .In061_ti span { position: relative; margin-left: 10px; font-size: 18px; } .In061_ti:after { content: ""; display: block; border-right: 2p; border-right: 2px solid #ccc; height: 26px; position: absolute; top: 50%; right: 0px; margin-top: -13px; } a.In06_li.li_1 { background: url(../images/b1_1.jpg) no-repeat center; background-size: cover; } a.In06_li.li_2 { background: url(../images/b1_2.jpg) no-repeat center; background-size: cover; } a.In06_li.li_3 { background: url(../images/b1_3.jpg) no-repeat center; background-size: cover; } a.In06_li.li_4 { background: url(../images/b1_4.jpg) no-repeat center; background-size: cover; } a.In06_li.li_5 { background: url(../images/b1_5.jpg) no-repeat center; background-size: cover; } a.In06_li.li_6 { background: url(../images/b1_6.jpg) no-repeat center; background-size: cover; } .In062_bl { position: absolute; left: 68%; top: 50%; color: #fff; margin-top: -36px; margin-left: -70px; } .In062_ti { font-size: 20px; padding-bottom: 8px; white-space: nowrap; } .In062_en { text-transform: uppercase; } a.In06_li.li_6 .In062_bl { margin-left: -; margin-left: -85px; } .In06_li { opacity: 0; } .In06_li:hover { opacity: 1; } .In061_ti { white-space: nowrap; } .co6_conBlock:after { content: ""; display: block; clear: both; } .ind_play { display: none; } .ry_img{ float: left; padding: 30px; height: auto; } .ry_img h3 { font-size: 28px; font-weight: bold ; } .ry_img ul li { float: left; width: 308px; text-align: center; margin-right: 10px;margin-top: 30px;} .ry_img ul li img { margin-bottom: 30px; } .content_mod_ab{ background: #FFF; max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; flex-direction: column;} .de_conBlock_ab { position: relative; width: 73%; margin: auto; min-width: 1000px; background-color: #FFF; }