@charset "UTF-8"; header { position: fixed; width: 100%; height: 80px; top: 0; z-index: 99; } header .head_logo { height: 80px; margin: 0 30px; display: flex; align-items: center; } header .head_logo a { position: relative; width: 100%; margin-left: 0; display: flex; align-items: center; } header .head_logo img { width: 500px; max-width: 100%; } header .nav_list { position: relative; height: 100%; } header .nav_list ul { height: 100%; display: flex; align-items: center; flex-direction: row; } header .nav_list .nav_li { min-width: 100px; height: 100%; line-height: 80px; font-size: 16px; font-family: Source Han Sans CN-Normal, Source Han Sans CN; font-weight: 400; border-bottom: 2px; } header .nav_list .nav_li span { height: 100%; color: #4E4E4E; } header .nav_list .nav_li:hover span { color: #D69942; border-bottom: 2px solid #D69942; } header .nav_list .arr span { color: #D69942; border-bottom: 2px solid #D69942; } header .tt-topA { position: absolute; right: 30px; top: 0; height: 100%; display: flex; align-items: center; } header .tt-topA a { line-height: 40px; margin: 0 0 0 10px; transition: .3s; } header .sousuo { display: block; width: 40px; height: 40px; background: #D69942; border-radius: 50%; cursor: pointer; margin: 0; text-align: center; } header .sousuo span { color: #fff; } header .sousuo:hover { background: #dc000c; } header .oa { display: block; width: 40px; height: 40px; background-color: #e9e9e9; border-radius: 50%; text-align: center; font-size: 16px; } header .oa:hover { color: #D69942; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; overflow: hidden; } .index_sw { height: 500px; width: 100%; overflow: hidden; } .index_sw .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #fff; } .index_sw .swiper-pagination { bottom: 48px; } .index_sw .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0); border: 2px solid #fff; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)); } .index_sw .swiper-pagination-bullet-active { background-color: #fff; } .index_sw .title_box { position: absolute; top: 40%; left: 10%; text-align: justify; } .index_sw .title_box .title { font-size: 50px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; margin-bottom: 10px; letter-spacing: 5px; } .index_sw .title_box .text { font-size: 22px; font-family: Arial-Regular, Arial; font-weight: 400; color: #FFFFFF; margin-bottom: 50px; } .index_sw .title_box .more { font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .index_sw .pic-title { position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: 90%; } .index_sw .pic-title img { display: block; margin: 0 auto; max-width: 100%; } .news_head { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #E8E8E8; align-items: baseline; } .news_head .news_nav_box { display: flex; } .news_head .news_nav_box .news_nav_btn { position: relative; font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; padding-bottom: 26px; cursor: pointer; } .news_head .news_nav_box .news_nav_btn:nth-child(1) { margin-right: 50px; } .news_head .news_nav_box .news_nav_btn:hover { color: #D69942; } .news_head .news_nav_box .news_nav_btn:hover .arr_di { opacity: 1; } .news_head .news_nav_box .arr_di { position: absolute; width: 100%; height: 3px; bottom: -2px; background: #D69942; opacity: 0; } .news_head .news_nav_box .arr_di:before { width: 0; height: 0; left: calc(50% - 8px); bottom: 0%; content: ""; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #D69942; } .news_head .news_nav_box .arr { color: #D69942; } .news_head .news_nav_box .arr .arr_di { opacity: 1; } .news_head .more { font-size: 14px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; } .news_head .more:hover { color: #D69942; } #particles-js { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .index_news { position: relative; width: 100%; display: flex; justify-content: center; padding: 90px 0 70px 0; } .index_news .content_box { position: relative; width: 100%; justify-content: space-between; display: flex; } .index_news .news_cont { position: relative; width: 100%; display: flex; padding: 0 12.5%; } .index_news .news_cont .left_box { width: 53%; } .index_news .news_cont .left_box .title_box { position: absolute; bottom: 0; width: 100%; height: 60px; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; padding: 0 20px; } .index_news .news_cont .left_box .title_box .title { font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .index_news .news_cont .left_box .swiper { height: 100%; } .index_news .news_cont .left_box .swiper-pagination { bottom: 19px; left: inherit; width: auto; right: 10%; } .index_news .news_cont .left_box .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); border-radius: 0%; transform: rotate(45deg); margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px); } .index_news .news_cont .left_box .swiper-pagination-bullet-active { background-color: #D69942; } .index_news .news_cont .left_box .swiper-slide { overflow: hidden; } .index_news .news_cont .left_box .swiper-slide a { position: relative; display: inline-block; font-size: 0; height: 100%; width: 100%; } .index_news .news_cont .left_box .swiper-slide .riqi { position: absolute; left: 0; top: 0; background-color: #D69942; color: #fff; padding: 10px; } .index_news .news_cont .left_box .swiper-slide .riqi .ri { font-size: 30px; font-family: Arial-Regular, Arial; font-weight: 400; color: #FFFFFF; } .index_news .news_cont .left_box .swiper-slide .riqi .nianyue { font-size: 14px; font-family: Arial-Regular, Arial; font-weight: 400; color: #FFFFFF; } .index_news .news_cont .left_box .swiper-slide img { transition: all .4s linear; width: 100%; height: 100%; object-fit: cover; } .index_news .news_cont .left_box .swiper-slide:hover img { transform: scale(1.2); } .index_news .news_cont .left_box .swiper-slide:hover .title_box .title { color: #D69942; } .index_news .news_cont .right_box { width: 47%; padding-left: 20px; background-color: #fff; padding: 10px 30px; } .index_news .news_cont .right_box .news_list { max-height: calc(100% - 60px); margin-bottom: 0; display: flex; flex-direction: column; width: 100%; padding-top: 10px; height: 100%; justify-content: space-between; } .index_news .news_cont .right_box .news_list li { margin: 11px 0; } .index_news .news_cont .right_box .news_list li:last-child { margin-bottom: 0; } .index_news .news_cont .right_box .news_list .list_box { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .index_news .news_cont .right_box .news_list .list_box .title { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; } .index_news .news_cont .right_box .news_list .list_box .time { font-size: 13px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; } .index_news .news_cont .right_box .news_list .list_box .text { font-size: 13px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; padding-left: 32px; line-height: 1.5; margin-top: 8px; height: 0; visibility: hidden; transition: all .4s linear; overflow: hidden; max-width: 80%; } .index_news .news_cont .right_box .news_list .list_box span { color: #CCCCCC; font-size: 32px; transform: translateY(4px); display: inline-block; } .index_news .news_cont .right_box .news_list .active .text { height: auto; visibility: visible; margin-top: 15px; } .index_news .news_cont .right_box .news_list .active span, .index_news .news_cont .right_box .news_list .active .title, .index_news .news_cont .right_box .news_list .active .time { color: #D69942; } .index_news .news_cont .right_box .arr { display: block; } .index_news .video_cont { height: calc(100% - 57px); padding: 0; padding-top: 20px; } .index_news .video_cont .video_box { margin-bottom: 15px; overflow: hidden; cursor: pointer; height: 203px; } .index_news .video_cont .video_box .video_bg { width: 100%; height: 100%; object-fit: cover; } .index_news .video_cont .video_box:hover .video_bg { transform: scale(1.2); } .index_news .video_cont .dang_bg img { width: 100%; } .vide_tianchuang { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none; background-color: rgba(0, 0, 0, 0.718); } .vide_tianchuang .tianchuang { width: 100%; height: 100%; } .vide_tianchuang #video { width: 100%; height: 100%; } .vide_tianchuang svg { width: auto; height: auto; } .vide_tianchuang .plu-video-container .plu-video-play-svg { right: 78px; } .vide_tianchuang .off { position: absolute; right: 0; z-index: 999; top: 0; cursor: pointer; color: #fff; display: inline; } .vide_tianchuang .off span { font-size: 30px; } .vide_tianchuang .container { position: relative; width: 50%; height: 60%; } .t1_box { position: relative; width: 100%; padding: 0px 12.5%; } .t1_box .row_box { position: relative; width: 100%; } .t1_box .t1 { width: 100%; display: block; } .t1_box .t1_btn { position: absolute; width: 12%; right: 6%; top: 33.3%; } .tr2 { transition: all .2s linear; } .tr4 { transition: all .4s linear; } .bofang_box { position: absolute; width: 38px; height: 38px; background-color: #fff; border-radius: 50%; } .bofang_box i { font-size: 16px; color: #d69842; } .index_keji { display: flex; background-image: url(../../img/index/chanye_bg.png); background-size: 100% 100%; margin: 70px 12.5%; padding: 4% 0; justify-content: space-between; background: #FFFFFF; } .index_keji .left_box { position: relative; width: 35%; padding-left: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .index_keji .left_box .list_cont { position: relative; width: 100%; padding: 0 8%; } .index_keji .left_box .list_cont .title { font-size: 36px; line-height: 1.5; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #333333; margin-bottom: 50px; } .index_keji .left_box .list_cont .list_box { position: relative; padding: 18px 10%; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; transition: all .4s linear; cursor: pointer; display: flex; justify-content: space-between; width: 100%; } .index_keji .left_box .list_cont .list_box .title { font-size: 18px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; margin-bottom: 0; transition: all .4s linear; } .index_keji .left_box .list_cont .list_box span { font-size: 18px; opacity: 0; transition: all .4s linear; visibility: hidden; } .index_keji .left_box .list_cont .list_box .arrHen { position: absolute; width: 30px; height: 2px; left: -22%; top: 50%; margin-top: -1px; background: #FFFFFF; opacity: 0; transition: all .4s linear; } .index_keji .left_box .list_cont .list_box:hover { background-color: #d69942; } .index_keji .left_box .list_cont .list_box:hover span, .index_keji .left_box .list_cont .list_box:hover .title { color: #fff; opacity: 1; visibility: initial; } .index_keji .left_box .list_cont .list_box:hover .arrHen { opacity: 1; } .index_keji .left_box .list_cont .arr .list_box { background-color: #d69942; } .index_keji .left_box .list_cont .arr .list_box span, .index_keji .left_box .list_cont .arr .list_box .title { color: #fff; opacity: 1; visibility: initial; } .index_keji .right_box { position: relative; width: 65%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .index_keji .right_box .title_head { display: flex; justify-content: space-between; align-items: baseline; width: 100%; margin-bottom: 50px; } .index_keji .right_box .title_head .title { font-size: 24px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #333333; } .index_keji .right_box .title_head .nav_head { display: flex; } .index_keji .right_box .title_head .nav_head ul { display: flex; } .index_keji .right_box .title_head .nav_head li { margin-right: 30px; cursor: pointer; font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; padding-bottom: 10px; border-bottom: 1px solid rgba(214, 153, 66, 0); transition: all .4s linear; } .index_keji .right_box .title_head .nav_head li:hover { color: #d69942; border-bottom: 1px solid #d69942; } .index_keji .right_box .title_head .nav_head .arr { color: #D69942; border-bottom: 1px solid #d69942; } .index_keji .right_box .title_head .nav_head .more { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; } .index_keji .right_box .title_head .nav_head .more:hover { color: #D69942; } .index_keji .right_box .kejiws { position: relative; width: 100%; } .index_keji .right_box .kejiws .swiper-scrollbar { opacity: 1 !important; } .index_keji .right_box .kejiws .swiper-scrollbar-drag { background-color: #dc000c; } .index_keji .right_box .kejiws .swiper-pagination { text-align: right; padding-right: 8%; bottom: 4%; } .index_keji .right_box .kejiws .swiper-pagination-bullet { border-radius: 0%; transform: rotate(45deg); margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)); } .index_keji .right_box .kejiws .swiper-slide { background: none; } .index_keji .right_box .kejiws .swiper { --swiper-theme-color: #fff; --swiper-pagination-color: #fff; /* 娑撱倗顫掗柈钘夊讲娴 */ } .index_keji .right_box .kejiws .keji_box { position: relative; } .index_keji .right_box .kejiws .keji_box .tu_box { position: relative; overflow: hidden; width: 100%; } .index_keji .right_box .kejiws .keji_box .tu_box img { width: 100%; height: 100%; object-fit: cover; } .index_keji .right_box .kejiws .keji_box .title { position: absolute; bottom: 0; width: 100%; text-align: initial; font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; padding: 20px 5%; background: linear-gradient(180deg, transparent 0%, #000000 100%); } .index_keji .right_box .kejiws .keji_box:hover img { transform: scale(1.1); } .index_keji .right_box .kejiws .keji_box:hover .title { color: #D69942; } .index_keji .right_box .kejiws .btn_cont { position: absolute; right: 0; bottom: -5%; display: flex; align-items: center; z-index: 9; } .index_keji .right_box .kejiws .btn_cont .btn_box { width: 50px; height: 50px; border: 1px solid #cccccc; border-radius: 50%; cursor: pointer; } .index_keji .right_box .kejiws .btn_cont .btn_box i { font-size: 20px; color: #cccccc; } .index_keji .right_box .kejiws .btn_cont .btn_box:hover { border: 1px solid #D69942; } .index_keji .right_box .kejiws .btn_cont .btn_box:hover i { color: #D69942; } .index_keji .right_box .kejiws .btn_cont .num_cont { font-size: 12px; font-family: Arial-Bold, Arial; font-weight: bold; color: #999999; margin: 0 15px; } .index_keji .right_box .kejiws .btn_cont .num_cont #kePage { font-size: 16px; font-family: Arial-Bold, Arial; font-weight: bold; color: #D69942; } .index_service { display: flex; width: 100%; padding: 0px 0 60px 0; justify-content: center; } .index_service .index_service_cont { position: relative; width: 75%; } .index_service .index_service_cont .title_cont { display: flex; width: 100%; justify-content: space-between; align-items: baseline; } .index_service .index_service_cont .title_cont .title { font-size: 36px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #333333; } .index_service .index_service_cont .title_cont .more { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; padding: 6px 30px; border: 1px solid #999999; } .index_service .index_service_cont .title_cont .more:hover { color: #d69942; border: 1px solid #d69942; } .index_service .index_service_cont .ser_sw { position: relative; width: 100%; margin-top: 50px; padding-bottom: 160px; } .index_service .index_service_cont .ser_sw .swiper-slide { text-align: initial; } .index_service .index_service_cont .ser_sw .ser_box { position: relative; width: 100%; } .index_service .index_service_cont .ser_sw .ser_box .tu_box { font-size: 0; } .index_service .index_service_cont .ser_sw .ser_box .tu_box img { width: 100%; object-fit: cover; } .index_service .index_service_cont .ser_sw .ser_box .title_box { position: absolute; width: 100%; bottom: 0; left: 0; padding: 28px 5%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.807) 100%); } .index_service .index_service_cont .ser_sw .ser_box .title_box .text { padding: 0 20px; font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; border-left: 1px solid #fff; text-align: justify; display: block; } .index_service .index_service_cont .ser_sw .ser_box .title_box span { color: #fff; display: none; } .index_service .index_service_cont .ser_sw .ser_box .title_box:hover .text { text-decoration: underline; } .index_service .index_service_cont .sw_list { position: absolute; width: 100%; bottom: 0; left: 0; display: flex; justify-content: space-between; z-index: 9; align-items: end; } .index_service .index_service_cont .sw_list::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(251, 251, 251, 0.6); } .index_service .index_service_cont .sw_list li { position: relative; width: 16.66%; text-align: center; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid rgba(251, 251, 251, 0.6); transition: all .4s linear; cursor: pointer; } .index_service .index_service_cont .sw_list li:last-child { border-right: 1px solid rgba(251, 251, 251, 0); } .index_service .index_service_cont .sw_list li .icon_box { margin-bottom: 25px; color: #999999; } .index_service .index_service_cont .sw_list li .icon_box span { font-size: 36px; } .index_service .index_service_cont .sw_list li .name { font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; } .index_service .index_service_cont .sw_list .arr { height: 170px; background-color: #d69942; background-image: url(../../img/index/hangye_btn.png); background-size: 100% 100%; border-left: 1px solid rgba(251, 251, 251, 0); } .index_service .index_service_cont .sw_list .arr .icon_box, .index_service .index_service_cont .sw_list .arr .name { color: #fff; } .index_dangjian { position: relative; padding: 68px 0; display: flex; justify-content: center; background-image: url(../../img/index/dangjian.png); background-size: 100% 100%; } .index_dangjian .news_title { background-color: #fff; } .index_dangjian .news_head { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .index_dangjian .news_head .more { color: rgba(255, 255, 255, 0.5); } .index_dangjian .news_head .news_nav_box .news_nav_btn, .index_dangjian .news_head .news_nav_box .arr { color: #333333; } .index_dangjian .news_head .news_nav_box .arr_di { background-color: #333333; } .index_dangjian .news_head .news_nav_box .arr_di::before { border-bottom: 8px solid #333333; } .index_dangjian .index_dangjian_cont { position: relative; width: 75%; display: flex; } .index_dangjian .index_dangjian_cont .dangjian_title { position: relative; width: 100%; display: flex; justify-content: space-between; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title_box { display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 30px 15px 30px; border-bottom: 1px solid #e8e8e8; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title_box .title { font-size: 27px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title_box .more { font-size: 13px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title { position: relative; width: 31%; background-color: #fff; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title .tu_box { position: relative; width: 100%; height: calc(100% - 85px); padding: 15px; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title .tu_box img { width: 100%; height: 100%; object-fit: cover; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title { position: relative; width: 31%; background-color: #fff; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .news_nav_box { padding: 0 20px; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw { width: 100%; padding: 0 20px; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper { width: 100%; padding-top: 50px; padding-bottom: 50px; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-slide { background-position: center; background-size: cover; width: 230px; height: 300px; opacity: 0; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-pagination-bullet { border-radius: 0; transform: rotate(45deg); background-color: #999999; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-pagination-bullet-active { background-color: #aa9144; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper { --swiper-theme-color: #999999; --swiper-pagination-color: #999999; /* 娑撱倗顫掗柈钘夊讲娴 */ } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-slide-prev, .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-slide-next { opacity: .5; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-slide-active { opacity: 1; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben { position: relative; width: 31%; background-color: #fff; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .news_nav_box { padding: 0 20px; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .ziben_cont { padding: 20px 5% 5% 5%; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .swiper-pagination { bottom: 0; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .swiper-pagination-bullet { border-radius: 0; transform: rotate(45deg); background-color: #999999; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .swiper-pagination-bullet-active { background-color: #aa9144; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .swiper { --swiper-theme-color: #999999; --swiper-pagination-color: #999999; /* 娑撱倗顫掗柈钘夊讲娴 */ } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .zhiben_box { width: 100%; padding: 20px 35px; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .zhiben_box .tu_box { width: 100%; text-align: center; overflow: hidden; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .zhiben_box .tu_box img { width: 100%; height: 100%; object-fit: cover; max-width: 218px; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .zhiben_box .title { text-align: center; font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-top: 2px; opacity: 0; visibility: hidden; } .index_dangjian .index_dangjian_cont .dangjian_title .zhiben .swiper-slide-active .title { opacity: 1; visibility: visible; } .footer { background: #333333; width: 100%; padding: 30px 5.2%; display: flex; justify-content: space-between; } .footer .left_box { display: flex; align-items: center; } .footer .left_box .code_box { text-align: center; width: 92px; text-align: center; } .footer .left_box .code_box img { width: 100%; } .footer .left_box .code_box .title { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #FFFFFF; } .footer .left_box .lianxi_box { margin-left: 25px; } .footer .left_box .lianxi_box .phone_box { font-size: 24px; font-family: Arial-Bold, Arial; font-weight: bold; color: #FFFFFF; margin-bottom: 25px; } .footer .left_box .lianxi_box .phone_box span { display: inline-block; border-radius: 50%; background-color: #D69942; padding: 8px; color: #fff; font-size: 20px; margin-right: 10px; } .footer .left_box .lianxi_box .address { font-size: 13px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #FFFFFF; } .footer a { color: #FFFFFF; transition: all .4s linear; } .footer a:hover { color: #D69942 !important; } .footer .right_box { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .footer .right_box .ban { font-size: 12px; font-family: Source Han Sans CN-Light, Source Han Sans CN; font-weight: 300; } .footer .right_box .shiji { font-size: 12px; font-family: Source Han Sans SC-Light, Source Han Sans SC; font-weight: 300; color: #999999; } .label_cont { display: flex; gap: 0 20px; } .label_box { width: 180px; font-size: 12px; } .label_box .select { position: relative; width: 100%; min-width: 100%; height: 34px; cursor: pointer; z-index: 1; } .label_box .select:after { content: url(../../img/index/xia.png); position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .label_box .select .select_text { padding: 0 20px 0 10px; height: 35px; line-height: 32px; font-size: 12px; font-family: Source Han Sans SC-Normal, Source Han Sans SC; font-weight: 400; color: #AEB0AE; border: 1px solid #eee; overflow: hidden; } .label_box .select_ul { display: none; position: absolute; bottom: 100%; left: 0; width: 100%; min-width: 100%; border: 1px solid #D4D4D4; background: #fff; flex-direction: column-reverse; } .label_box .select_ul li { padding: 5px 5px; line-height: 1.3; } .label_box .select_ul li:hover { color: #fff; background: #dc000c; } .label_box .select_ul li.cur { color: #fff; background: #dc000c; } .page_head { position: relative; width: 100%; background-size: cover; background-position: center center; height: 360px; margin-top: 80px; display: flex; justify-content: center; align-items: center; } .page_head .title_box { position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; } .page_head .title_box .title { font-size: 40px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .page_head .title_box .en { font-size: 20px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #FFFFFF; margin-bottom: 20px; } .page_head .title_box .shu { width: 1px; height: 30px; background: #FFFFFF; } .page_nav { position: relative; height: 80px; height: 80px; background: rgba(248, 248, 248, 0.8); display: flex; justify-content: center; } .page_nav .nav_li { position: relative; width: 75%; display: flex; overflow-x: auto; padding-bottom: 5px; cursor: pointer; /* 1,濠婃艾濮╅弶 */ /* 2,濠婃艾濮╅弶鈥茶⒈缁旑垳娈戦幐澶愭尦 */ /* 3,婢舵牕鐪版潪銊╀壕 */ /* 4.閸愬懎鐪版潪銊╀壕閿涘苯鐣犳导姘愁洬閻╂牕顦荤仦鍌濆缓闁挾娈戦弽宄扮础閵 */ /* 5,濠婃垵娼 */ /* 缁鹃潧鎮滃鎴濇健閹剚璇 */ } .page_nav .nav_li::-webkit-scrollbar { width: 3px; padding: 10px 0; /* 缁鹃潧鎮滃姘З閺 鐎硅棄瀹 */ height: 5px; /* 濡亜鎮滃姘З閺 妤傛ê瀹 */ background: #fff; /* 閺佺繝缍嬮懗灞炬珯 */ border-radius: 10px; /* 閺佺繝缍 閸﹀棜顫 */ } .page_nav .nav_li::-webkit-scrollbar-track { border-radius: 10px; } .page_nav .nav_li::-webkit-scrollbar-track-piece { width: px; background: #fff; opacity: 0.1; margin: 0 -2px 0; } .page_nav .nav_li::-webkit-scrollbar-thumb { background: #d69842; min-height: 20px; min-width: 50px; } .page_nav .nav_li::-webkit-scrollbar-thumb:vertical:hover { background: yellow; } .page_nav .nav_li .li { width: 200px; height: 100%; font-size: 16px; min-width: 200px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; display: flex; justify-content: center; align-items: center; transition: all .4s linear; } .page_nav .nav_li .li:hover { background-color: rgba(214, 152, 66, 0.867); color: #fff; } .page_nav .nav_li .arr { background-color: #d69842; color: #fff; } .about1_cont { position: relative; width: 100%; display: flex; justify-content: center; } .about1_cont .about_row { width: 75%; padding: 100px 0; } .about1_cont .about_title { margin-bottom: 60px; } .about1_cont .about_title .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; } .about1_cont .about_title .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; } .about1_cont .text_box { margin-top: 60px; } .about1_cont .text_box .text { line-height: 2; font-size: 18px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; text-align: justify; margin-bottom: 30px; } .about1_cont .text_box .more { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #D69942; } .about1_cont .t1 { margin-top: 40px; width: 100%; } .number_cont { display: flex; justify-content: space-between; } .number_cont .numU { position: relative; font-size: 40px; font-family: Poppins-SemiBold, Poppins; font-weight: 300; color: #D69942; } .number_cont sub { position: absolute; font-weight: 300; font-size: 22px; margin-left: -10px; } .number_cont .danwei { margin-left: 10px; font-size: 18px; } .number_cont .indc { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; margin-top: 10px; } .about2_cont { background-image: url(../../img/about/bg2.png); background-size: 100% 100%; } .speech { display: flex; justify-content: space-between; } .speech .left_box { position: relative; width: 100%; } .speech .left_box .title_box .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 5px; } .speech .left_box .title_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; margin-bottom: 40px; } .speech .left_box .title_box .text { font-size: 18px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #D69942; line-height: 2; margin-bottom: 40px; } .speech .left_box .title_box .txt { font-size: 15px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; line-height: 2; } .speech .right_box { position: relative; width: 37.5%; } .speech .right_box .tu_box { position: relative; width: 88%; height: 100%; } .speech .right_box .t2 { position: relative; width: 100%; height: 100%; max-height: 600px; object-fit: cover; } .speech .right_box .kuang { position: absolute; width: 78%; height: 48%; right: -13%; top: -10%; background: rgba(214, 153, 66, 0.1); z-index: -1; } .speech .right_box .ge { position: absolute; width: 20%; bottom: -2%; left: -10%; z-index: -1; } .jiagou { position: relative; width: 100%; } .jiagou img { width: 100%; } .Characters { display: flex; justify-content: space-between; } .Characters .left_box { position: relative; width: 57%; } .Characters .left_box .swiper-slide { text-align: initial; background-color: #fff; } .Characters .left_box .title_box .name { font-size: 28px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #D69942; margin-bottom: 20px; } .Characters .left_box .title_box .zhiwei { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; margin-bottom: 30px; } .Characters .left_box .title_box .heng { width: 30px; height: 2px; background: #D69942; margin-bottom: 30px; } .Characters .left_box .title_box .topTitle { font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; margin-bottom: 50px; } .Characters .left_box .title_box .m_img { max-width: 100%; object-fit: cover; display: none; margin: 30px 0; } .Characters .left_box .title_box li { padding: 15px 5% 15px 0; border-bottom: 1px dashed #e8e8e8; } .Characters .left_box .list_box { display: flex; justify-content: space-between; font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; } .Characters .left_box .Pagination { position: relative; padding: 40px 0 20px 0; } .Characters .left_box .Pagination .xian { position: absolute; width: 100%; height: 1px; background: rgba(51, 51, 51, 0.1); z-index: -1; } .Characters .left_box .Pagination .xian .xian2 { height: 1px; background: #d69942; transition: all .4s linear; } .Characters .left_box .Pagination ul { display: flex; justify-content: space-around; margin-top: -9px; } .Characters .left_box .Pagination ul li { cursor: pointer; transition: all .4s linear; } .Characters .left_box .Pagination .arr { width: 30%; } .Characters .left_box .Pagination .arr .title_len .yuan { background: #d69942; } .Characters .left_box .Pagination .title_len { display: flex; flex-direction: column; align-items: center; } .Characters .left_box .Pagination .title_len .yuan { width: 20px; height: 20px; background: rgba(214, 153, 66, 0); border-radius: 50%; padding: 4px; transition: all .4s linear; } .Characters .left_box .Pagination .title_len .dian { width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #D69942; border-radius: 50%; } .Characters .left_box .Pagination .title_len .name { font-size: 18px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; } .Characters .right_box { position: relative; width: 36%; height: 100%; } .Characters .right_box .tuSwiper { height: 100%; } .Characters .right_box .swiper-slide img { display: block; width: 100%; height: 100%; max-height: 700px; object-fit: cover; margin-top: 100px; } .Certificat .title_cont { position: relative; display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; } .Certificat .title_cont .title_box .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; } .Certificat .title_cont .title_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; } .Certificat .title_cont .title_box .heng { position: absolute; width: 80px; height: 3px; background: #D69942; bottom: -1px; } .Certificat .title_cont ul { display: flex; align-items: flex-end; } .Certificat .title_cont ul li { padding-right: 20px; } .Certificat .title_cont ul li:last-child { padding-right: 0px; } .Certificat .title_cont ul li a { font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; } .Certificat .title_cont ul li a:hover { color: #D69942; } .Certificat .title_cont ul .arr a { color: #D69942; } .Certificat .list_cont { padding: 50px 0; } .Certificat .list_cont ul { position: relative; width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 30px 20px; } .Certificat .list_cont li { width: 100%; margin-right: 3.4%; margin-bottom: 60px; transition: all .4s linear; border-bottom: 2px solid rgba(214, 152, 66, 0); } .Certificat .list_cont li:nth-child(4n) { margin-right: 0; } .Certificat .list_cont li:hover { border-bottom: 2px solid #d69842; } .Certificat .list_cont li:hover .zhengshu_box .title_box { color: #d69842; } .Certificat .list_cont .zhengshu_box { position: relative; width: 100%; background: #FAFAFA; } .Certificat .list_cont .zhengshu_box .tu_box { width: 100%; padding: 25px; border-bottom: 1px solid #e8e8e8; } .Certificat .list_cont .zhengshu_box .tu_box img { width: 100%; height: 100%; object-fit: cover; } .Certificat .list_cont .zhengshu_box .title_box { padding: 25px; font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; } .pageSplitter { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; } .pageSplitter .icon_box { margin: 0 20px; cursor: pointer; } .pageSplitter .icon_box span { font-size: 17px; color: #999999; transition: all .4s linear; } .pageSplitter .icon_box:hover span { color: #d69842; } .pageSplitter ul { display: flex; } .pageSplitter li { font-size: 16px; font-family: Arial-Regular, Arial; font-weight: 400; color: #666666; margin-right: 12px; } .pageSplitter .page_box { width: 30px; height: 50px; color: #666666; transition: all .4s linear; } .pageSplitter .page_box:hover { color: #d69842; } .pageSplitter .arr { margin-right: 30px; transition: all .4s linear; } .pageSplitter .arr .page_box { position: relative; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #d69842; color: #d69842; } .pageSplitter .arr .page_box .heng { position: absolute; width: 60%; height: 1px; background-color: #d69842; right: -40%; } .news_cont { padding: 100px 0; display: flex; justify-content: center; flex-wrap: wrap; } .news_cont .news_list { position: relative; width: 75%; margin-bottom: 100px; } .news_cont .news_list ul { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px 20px; } .news_cont .news_list ul li { transition: all .4s linear; } .news_cont .news_list ul li .tu_img { width: 100%; overflow: hidden; } .news_cont .news_list ul li .tu_img img { width: 100%; transition: all .4s linear; } .news_cont .news_list ul li .title_box { width: 100%; padding: 30px 20px; background-color: #F9F9F9; } .news_cont .news_list ul li .title_box .title { font-size: 16px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #333333; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_cont .news_list ul li .title_box .text { font-size: 15px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news_cont .news_list ul li .more_box { position: relative; border-top: 1px solid #D2D2D2; padding: 0px 20px; background-color: #F9F9F9; display: flex; justify-content: space-between; height: 70px; align-items: center; transition: all .4s linear; color: #333333; } .news_cont .news_list ul li .more_box .time { font-size: 14px; font-family: Poppins-Regular, Poppins; font-weight: 400; } .news_cont .news_list ul li .more_box .xian { position: absolute; top: -1px; width: 0; height: 1px; left: 0; background-color: #D69942; transition: all .4s linear; } .news_cont .news_list ul li:hover { box-shadow: 0px 3px 10px 1px rgba(119, 119, 119, 0.1); } .news_cont .news_list ul li:hover .tu_img img { transform: scale(1.2); } .news_cont .news_list ul li:hover .title_box { background-color: #fff; } .news_cont .news_list ul li:hover .title_box .title { color: #D69942; } .news_cont .news_list ul li:hover .more_box { color: #D69942; background-color: #fff; } .news_cont .news_list ul li:hover .more_box .xian { width: 100%; } .news2_cont { position: relative; padding: 100px 0; display: flex; justify-content: center; } .news2_cont .list_cont { position: relative; width: 100%; } .news2_cont .list_cont .news_list { position: relative; margin-bottom: 30px; } .news2_cont .list_cont .news_list li { border-bottom: 1px solid #E8E8E8; padding: 0 12.5%; transition: all .4s linear; } .news2_cont .list_cont .news_list li:hover { background: #D69942; } .news2_cont .list_cont .news_list li:hover .gonggao .riqi { background: #F9F9F9; } .news2_cont .list_cont .news_list li:hover .gonggao .title_box .text, .news2_cont .list_cont .news_list li:hover .gonggao .title_box .title { color: #fff; } .news2_cont .list_cont .news_list li:hover .gonggao .more { background: rgba(255, 255, 255, 0.3); } .news2_cont .list_cont .gonggao { position: relative; width: 100%; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } .news2_cont .list_cont .gonggao .riqi { padding: 20px 30px; background: #F9F9F9; transition: all .4s linear; } .news2_cont .list_cont .gonggao .riqi .ri { font-size: 40px; font-family: Poppins-Medium, Poppins; font-weight: 500; color: #D69942; } .news2_cont .list_cont .gonggao .riqi .yue { font-size: 16px; font-family: Poppins-Medium, Poppins; font-weight: 500; color: #D69942; line-height: 2; } .news2_cont .list_cont .gonggao .title_box { margin-bottom: 25px; width: 70%; } .news2_cont .list_cont .gonggao .title_box .title { font-size: 16px; font-family: Source Han Sans SC-Bold, Source Han Sans SC; font-weight: bold; color: #333333; transition: all .4s linear; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px; } .news2_cont .list_cont .gonggao .title_box .text { max-width: 100%; font-size: 16px; font-family: Source Han Sans SC-Regular, Source Han Sans SC; font-weight: 400; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2; transition: all .4s linear; } .news2_cont .list_cont .gonggao .more { display: flex; justify-content: space-between; align-items: center; width: 60px; height: 60px; background: #CFCFCF; border-radius: 50%; transition: all .4s linear; } .news2_cont .list_cont .gonggao .more span { color: #fff; margin-left: 15px; display: inline-block; font-size: 30px; transition: all .4s linear; } .news2_cont .list_cont .gonggao .xian { position: absolute; width: 0%; height: 1px; background-color: #D69942; bottom: -1px; transition: all .4s linear; } .video_cont { position: relative; display: flex; padding: 100px 0; flex-wrap: wrap; justify-content: center; } .video_cont .video_list { width: 75%; margin-bottom: 100px; } .video_cont .video_list ul { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px 20px; } .video_cont .video_list ul li { cursor: pointer; } .video_cont .video_list ul li .tu_box { position: relative; overflow: hidden; } .video_cont .video_list ul li .tu_box .ditu { width: 100%; transition: all .4s linear; } .video_cont .video_list ul li .tu_box .mo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all .4s linear; background-color: rgba(0, 0, 0, 0.5); } .video_cont .video_list ul li .tu_box .mo_bg { max-width: 50%; } .video_cont .video_list ul li .tu_box .bofang { position: absolute; width: 56px; height: 56px; background-color: #fff; border-radius: 50%; } .video_cont .video_list ul li .tu_box .bofang span { font-size: 20px; color: #D69942; } .video_cont .video_list ul li .title_box { position: relative; border-bottom: 1px solid #FAFAFA; height: 80px; width: 100%; font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; background: #FAFAFA; transition: all .4s linear; } .video_cont .video_list ul li:hover .tu_box .ditu { transform: scale(1.2); } .video_cont .video_list ul li:hover .tu_box .mo { opacity: 1; } .video_cont .video_list ul li:hover .title_box { border-bottom: 1px solid #D69942; } .news_ds { display: flex; width: 100%; padding: 30px 0 100px 0; justify-content: center; background: #F8F8F8; flex-wrap: wrap; } .news_ds .news_nav { position: relative; width: 75%; font-size: 14px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #B7B7B7; margin-bottom: 55px; } .news_ds .news_nav a { color: #B7B7B7; } .news_ds .news_content { position: relative; width: 75%; display: flex; justify-content: space-between; } .news_ds .news_content .left_box { width: 70%; padding: 30px; background-color: #fff; } .news_ds .news_content .left_box .title { font-size: 20px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 30px; } .news_ds .news_content .left_box .tiem { font-size: 14px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #999999; margin-bottom: 40px; } .news_ds .news_content .left_box .text_box { line-height: 2; } .news_ds .news_content .left_box .text_box p { text-indent: 2em; } .news_ds .news_content .left_box .text_box span { display: block; } .news_ds .news_content .left_box .text_box img { max-width: 100%; } .news_ds .news_content .right_box { position: relative; width: 25%; } .news_ds .news_content .right_box .page_cont { position: sticky; top: 90px; left: 0; width: 100%; } .news_ds .news_content .right_box .page_btn { width: 100%; padding: 30px; display: inline-block; background-color: #fff; margin-bottom: 24px; } .news_ds .news_content .right_box .page_btn:last-child { margin-bottom: 0; } .news_ds .news_content .right_box .page_btn .name { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; margin-bottom: 23px; } .news_ds .news_content .right_box .page_btn .text { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 25px; } .news_ds .news_content .right_box .page_btn .tiem_box { color: #999999; width: 100%; display: flex; justify-content: space-between; } .news_ds .news_content .right_box .page_btn .tiem_box .tiem { font-size: 14px; font-family: Poppins-Regular, Poppins; font-weight: 400; } .news_ds .news_content .right_box .page_btn .tiem_box span { font-size: 20px; } .news_ds .news_content .right_box .page_btn .back_btn { width: 100%; height: 40px; background-color: #D69942; font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #FFFFFF; } .news_ds .news_content .right_box .pageNav_box { transition: all .4s linear; } .news_ds .news_content .right_box .pageNav_box:hover { background-color: #D69942; } .news_ds .news_content .right_box .pageNav_box:hover .name, .news_ds .news_content .right_box .pageNav_box:hover .text, .news_ds .news_content .right_box .pageNav_box:hover .tiem_box { color: #fff; } .dangjian_cont { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 100px 0; } .dangjian_cont .list_cont { position: relative; width: 75%; } .dangjian_cont .list_cont ul { width: 100%; } .dangjian_cont .list_cont ul li { position: relative; margin-bottom: 30px; } .dangjian_cont .list_cont ul li .time { min-width: 50px; text-align: center; color: #333333; } .dangjian_cont .list_cont ul li .time .yue { font-size: 16px; font-family: Poppins-Medium, Poppins; font-weight: 500; margin-bottom: 12px; } .dangjian_cont .list_cont ul li .time .nian { margin-top: 12px; font-size: 14px; font-family: Poppins-Medium, Poppins; font-weight: 500; } .dangjian_cont .list_cont ul li .title_box { width: 56%; } .dangjian_cont .list_cont ul li .title_box .title { font-size: 16px; font-family: Source Han Sans SC-Bold, Source Han Sans SC; font-weight: bold; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px; } .dangjian_cont .list_cont ul li .title_box .text { font-size: 16px; font-family: Source Han Sans SC-Regular, Source Han Sans SC; font-weight: 400; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.8; margin-bottom: 35px; } .dangjian_cont .list_cont ul li .title_box .more { font-size: 14px; font-family: Source Han Sans SC-Regular, Source Han Sans SC; font-weight: 400; color: #999999; } .dangjian_cont .list_cont ul li .tu_box { width: 28%; } .dangjian_cont .list_cont ul li .tu_box img { width: 100%; height: 100%; object-fit: cover; } .dangjian_cont .list_cont ul li .xian { position: absolute; width: 0%; bottom: -1px; height: 1px; background-color: #D69942; transition: all .4s linear; } .dangjian_cont .list_cont ul li .list_box { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #E8E8E8; padding-bottom: 30px; } .dangjian_cont .list_cont ul li .list_box:hover .xian { width: 100%; } .dangjian_cont .list_cont ul li .list_box:hover .title_box .title, .dangjian_cont .list_cont ul li .list_box:hover .time { color: #D69942; } .yuangongList .list_cont ul li .xian { background-color: #D69942; } .yuangongList .list_cont ul li .list_box:hover .title_box .title, .yuangongList .list_cont ul li .list_box:hover .time { color: #D69942; } .dangjian2_cont { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 100px 0; } .dangjian2_cont .list_cont { position: relative; width: 75%; margin-bottom: 30px; } .dangjian2_cont .list_cont ul { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 0px; } .dangjian2_cont .list_cont ul li { padding: 30px; height: 296px; border: 1px solid #EDEDED; } .dangjian2_cont .list_cont ul li .list_box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .dangjian2_cont .list_cont ul li .list_box .name { font-size: 16px; font-family: Source Han Sans SC-Medium, Source Han Sans SC; font-weight: 500; color: #D69942; } .dangjian2_cont .list_cont ul li .list_box .title { font-size: 24px; font-family: Source Han Sans SC-Medium, Source Han Sans SC; font-weight: 500; color: #333333; text-align: center; } .dangjian2_cont .list_cont ul li .list_box .time_box { width: 100%; display: flex; justify-content: space-between; } .dangjian2_cont .list_cont ul li .list_box .time_box .tiem { font-size: 16px; font-family: Poppins-Medium, Poppins; font-weight: 500; color: #999999; } .dangjian2_cont .list_cont ul li .list_box .time_box span { font-size: 23px; color: #D69942; } .dangjian2_cont .list_cont ul li:hover { background-color: #D69942; background-image: url(../../img/dangjian/down.png); background-repeat: no-repeat; background-size: 100% 100%; } .dangjian2_cont .list_cont ul li:hover .name, .dangjian2_cont .list_cont ul li:hover .title, .dangjian2_cont .list_cont ul li:hover time_box, .dangjian2_cont .list_cont ul li:hover .time_box .tiem, .dangjian2_cont .list_cont ul li:hover .time_box span { color: #fff; } .dangjian3_cont { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 100px 0; } .dangjian3_cont .list_cont { width: 100%; margin-bottom: 50px; } .dangjian3_cont .list_cont ul li { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; transition: all .4s linear; } .dangjian3_cont .list_cont ul li:hover { background: #F7F7F7; } .dangjian3_cont .list_cont ul li:hover .list_box .title, .dangjian3_cont .list_cont ul li:hover .list_box .tiem { color: #D69942; } .dangjian3_cont .list_cont .list_box { width: 75%; display: flex; align-items: center; justify-content: space-between; height: 80px; } .dangjian3_cont .list_cont .list_box .title { font-size: 16px; font-family: Source Han Sans SC-Medium, Source Han Sans SC; font-weight: 500; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5%; } .dangjian3_cont .list_cont .list_box .title span { display: inline-block; margin-right: 40px; } .dangjian3_cont .list_cont .list_box .tiem { font-size: 16px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #666666; } .joinUs_cont { position: relative; width: 100%; } .joinUs_cont .ditu_box { width: 100%; } .joinUs_cont #container { width: 100%; height: 600px; } .joinUs_cont .ditu_info { position: absolute; right: 13%; top: 13%; width: 36%; min-height: 380px; background: #FFFFFF; padding: 50px 50px 30px 50px; } .joinUs_cont .ditu_info .title_box { position: relative; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8; } .joinUs_cont .ditu_info .title_box .title { font-size: 36px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .joinUs_cont .ditu_info .title_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; } .joinUs_cont .ditu_info .title_box .xian { position: absolute; width: 80px; height: 3px; background: #D69942; bottom: -1px; left: 0; } .joinUs_cont .ditu_info .info_list { position: relative; width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px; } .joinUs_cont .ditu_info .info_list .info_box { width: 50%; margin-bottom: 30px; } .joinUs_cont .ditu_info .info_list .info_box .name { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; margin-bottom: 10px; } .joinUs_cont .ditu_info .info_list .info_box .text { font-size: 20px; font-family: Poppins-Medium Italic, Poppins; font-weight: normal; color: #333333; } .joinList_cont { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 50px 0 100px 0; } .joinList_cont .list_cont { width: 100%; padding: 50px 0; } .joinList_cont .list_cont ul li { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; transition: all .4s linear; border-bottom: 1px solid #E8E8E8; } .joinList_cont .list_cont ul li:hover { background: #F7F7F7; } .joinList_cont .list_cont ul li:hover .list_box .title, .joinList_cont .list_cont ul li:hover .list_box .tiem { color: #D69942; } .joinList_cont .list_cont .list_box { width: 75%; display: flex; align-items: center; justify-content: space-between; height: 80px; } .joinList_cont .list_cont .list_box .title { font-size: 16px; font-family: Source Han Sans SC-Medium, Source Han Sans SC; font-weight: 500; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .joinList_cont .list_cont .list_box .tiem { font-size: 16px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #666666; } .rongyu_cont { position: relative; display: flex; justify-content: center; flex-wrap: wrap; } .rongyu_cont .rongyu_box { width: 75%; display: flex; justify-content: center; padding: 100px 0; } .rongyu_cont .rongyu_box .describe { width: 50%; } .rongyu_cont .rongyu_box .describe .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .rongyu_cont .rongyu_box .describe .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; margin-bottom: 20px; } .rongyu_cont .rongyu_box .describe .xian { position: relative; width: 30px; height: 3px; background: #D69942; margin-bottom: 30px; } .rongyu_cont .rongyu_box .describe .text { font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; margin-bottom: 40px; } .rongyu_cont .rongyu_box .describe .info_cont { display: flex; flex-wrap: wrap; } .rongyu_cont .rongyu_box .describe .info_cont .info_box { width: 50%; padding: 20px; } .rongyu_cont .rongyu_box .describe .info_cont .info_box .douhao { font-size: 36px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #D69942; line-height: 1; } .rongyu_cont .rongyu_box .describe .info_cont .info_box .name { font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; } .rongyu_cont .rongyu_box .describe .info_cont .info_box .txt { font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; } .rongyu_cont .rongyu_box .describe .strategy li { position: relative; margin-bottom: 20px; font-size: 16px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; } .rongyu_cont .rongyu_box .describe .strategy li .shu { width: 1px; height: 16px; display: inline-block; margin: 0 30px; background-color: #999999; } .rongyu_cont .rongyu_box .tu_box { width: 43%; } .rongyu_cont .rongyu_box .tu_box img { width: 100%; height: 100%; object-fit: cover; } .rongyu_cont2 { background-image: url(img/culture/r2_bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .rongyu_cont2 .describe { padding-left: 8%; } .rongyu_cont2 .rongyu_box2 { flex-direction: row-reverse; } .newbest { padding: 100px 0; display: flex; justify-content: center; flex-wrap: wrap; } .newbest .newbest_cont { width: 75%; margin-bottom: 100px; } .newbest .newbest_cont ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px 20px; } .newbest .newbest_cont ul li { position: relative; width: 100%; background: #FAFAFA; } .newbest .newbest_cont ul li .newbest_box { cursor: pointer; } .newbest .newbest_cont ul li .newbest_box .tu_kuang { padding: 30px 25px; border-bottom: 1px solid #E8E8E8; } .newbest .newbest_cont ul li .newbest_box .tu_kuang .tu_box { position: relative; overflow: hidden; transition: all .4s linear; } .newbest .newbest_cont ul li .newbest_box .tu_kuang .tu_box img { width: 100%; height: 100%; object-fit: cover; transition: all .4s linear; } .newbest .newbest_cont ul li .newbest_box .tu_kuang .tu_box .mo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transition: all .4s linear; } .newbest .newbest_cont ul li .newbest_box .tu_kuang .tu_box .mo span { color: #fff; font-size: 32px; } .newbest .newbest_cont ul li .newbest_box .text { height: 65px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s linear; } .newbest .newbest_cont ul li .newbest_box:hover .tu_kuang .tu_box img { transform: scale(1.05); } .newbest .newbest_cont ul li .newbest_box:hover .tu_kuang .tu_box .mo { opacity: 1; } .newbest .newbest_cont ul li .newbest_box:hover .text { background-color: #D69942; color: #fff; } .Science_cont { position: relative; width: 100%; padding: 50px 0; } .Science_cont .Science_kuang li { display: flex; width: 100%; justify-content: center; transition: all .4s linear; } .Science_cont .Science_kuang li:nth-child(2n) .Science_box { flex-direction: row-reverse; } .Science_cont .Science_kuang li:hover { background-image: url(../../img/sc.jpg); background-size: cover; background-color: #F7F7F7; } .Science_cont .Science_kuang li:hover .Science_box .more { color: #D69942; } .Science_cont .Science_kuang li:hover .tu_box img { transform: scale(1.1); } .Science_cont .Science_kuang .Science_box { position: relative; width: 75%; padding: 50px 0; display: flex; justify-content: space-between; flex-direction: row; } .Science_cont .Science_kuang .Science_box .info_box { position: relative; width: 48%; border-bottom: 1px solid #E8E8E8; } .Science_cont .Science_kuang .Science_box .info_box .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .Science_cont .Science_kuang .Science_box .info_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #CCCCCC; margin-bottom: 30px; } .Science_cont .Science_kuang .Science_box .info_box .xian { position: relative; width: 30px; height: 3px; background: #D69942; margin-bottom: 30px; } .Science_cont .Science_kuang .Science_box .info_box .text { font-size: 15px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; line-height: 1.8; margin-bottom: 40px; } .Science_cont .Science_kuang .Science_box .info_box .more { font-size: 16px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; padding-bottom: 30px; transition: all .4s linear; } .Science_cont .Science_kuang .Science_box .tu_box { position: relative; width: 48%; overflow: hidden; } .Science_cont .Science_kuang .Science_box .tu_box img { width: 100%; height: 100%; object-fit: cover; transition: all .4s linear; } .mifeng_cont { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 100px 0; } .mifeng_cont .list_cont { position: relative; width: 75%; margin-bottom: 100px; } .mifeng_cont .list_cont ul { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 50px 20px; } .mifeng_cont .list_cont ul .list_box { position: relative; width: 100%; } .mifeng_cont .list_cont ul .list_box .tu_box { width: 100%; background: #F4F4F4; height: 260px; display: flex; justify-content: center; align-items: center; } .mifeng_cont .list_cont ul .list_box .tu_box img { max-width: 50%; } .mifeng_cont .list_cont ul .list_box .tu_box2 { width: 100%; background: #F4F4F4; height: 260px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .mifeng_cont .list_cont ul .list_box .tu_box2 img { width: 100%; transition: all .4s linear; } .mifeng_cont .list_cont ul .list_box .name { height: 80px; width: 100%; font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; transition: all .4s linear; } .mifeng_cont .list_cont ul .list_box:hover .name { color: #fff; background: #D69942; } .mifeng_cont .list_cont ul .list_box:hover .tu_box2 img { transform: scale(1.1); } .mifeng_title { width: 75%; display: flex; margin-bottom: 50px; justify-content: space-between; border-bottom: 1px solid #E8E8E8; align-items: flex-end; } .mifeng_title .title_box { position: relative; } .mifeng_title .title_box .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .mifeng_title .title_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; margin-bottom: 30px; } .mifeng_title .title_box .xian { width: 80px; height: 3px; background: #D69942; } .mifeng_title .mifeng_nav { position: relative; } .mifeng_title .mifeng_nav ul { display: flex; padding-bottom: 30px; } .mifeng_title .mifeng_nav ul li { padding-right: 2vw; } .mifeng_title .mifeng_nav ul li a { font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; width: inherit; } .mifeng_title .mifeng_nav ul li a:hover { color: #D69942; } .mifeng_title .mifeng_nav ul .arr a { color: #D69942; } .Industryservices_cont { position: relative; width: 100%; justify-content: center; display: flex; padding: 100px 0; flex-wrap: wrap; } .Industryservices_title { display: flex; position: relative; width: 100%; justify-content: space-between; padding: 0 15%; } .Industryservices_title .title_box .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .Industryservices_title .title_box .en { font-size: 18px; font-family: Poppins-Light, Poppins; font-weight: 300; color: #999999; margin-bottom: 30px; } .Industryservices_title .title_box .xian { width: 80px; height: 3px; background: #D69942; } .Industryservices_title .text_box { position: relative; width: 70%; font-size: 15px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; line-height: 2; text-align: justify; } .Industryservices_list { position: relative; width: 100%; background-color: #FAFAFA; } .Industryservices_list li { padding: 0 15%; margin-bottom: 100px; background-color: #fff; } .Industryservices_list li:nth-child(2n) .Industryservices_box { flex-direction: row-reverse; } .Industryservices_list .Industryservices_box { position: relative; width: 100%; display: flex; justify-content: space-between; transform: translateY(100px); } .Industryservices_list .Industryservices_box .tu_box { position: relative; overflow: hidden; width: 27.5%; } .Industryservices_list .Industryservices_box .tu_box img { width: 100%; height: 100%; object-fit: cover; } .Industryservices_list .Industryservices_box .title_cont { padding-top: 50px; width: 65.5%; padding-bottom: 100px; } .Industryservices_list .Industryservices_box .title_cont .icon_box { margin-bottom: 45px; } .Industryservices_list .Industryservices_box .title_cont .icon_box span { font-size: 32px; color: #D69942; } .Industryservices_list .Industryservices_box .title_cont .title { font-size: 30px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #333333; margin-bottom: 10px; } .Industryservices_list .Industryservices_box .title_cont .en { font-size: 16px; font-family: Poppins-Regular, Poppins; font-weight: 400; color: #999999; margin-bottom: 40px; } .Industryservices_list .Industryservices_box .title_cont .text { font-size: 15px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #666666; line-height: 2; margin-bottom: 40px; } .Industryservices_list .Industryservices_box .in1_1Swiper { height: 100%; } .Industryservices_list .Industryservices_box .in1Swiper img { width: 80px; height: 80px; } .Industryservices_list .Industryservices_box .in1Swiper .swiper-slide { opacity: 0.2; cursor: pointer; } .Industryservices_list .Industryservices_box .in1Swiper .swiper-slide-thumb-active { opacity: 1; } .Industryservices_list .Industryservices_box .lun_cont { position: relative; padding: 0 60px; } .Industryservices_list .Industryservices_box .lun_cont .btn { position: absolute; top: 25px; cursor: pointer; } .Industryservices_list .Industryservices_box .lun_cont .btn span { font-size: 12px; line-height: 0; display: inline-block; padding: 12px 6px; color: #CCCCCC; border-radius: 50%; border: 1px solid #CCCCCC; } .Industryservices_list .Industryservices_box .lun_cont .left_btn { left: 2%; } .Industryservices_list .Industryservices_box .lun_cont .right_btn { right: 2%; } .search-box閳ユ攦ont { width: 100%; flex-direction: column; } .search-box { margin-top: 40px; text-align: center; width: 100%; } .search-box input::-webkit-input-placeholder { /* WebKit browsers閿涘瘍ebkit閸愬懏鐗冲ù蹇氼潔閸 */ color: #fff; } .search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .search-box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .sbsrk { display: inline-block; width: 30%; height: 54px; box-sizing: border-box; line-height: 64px; padding: 0 25px; color: #fff; font-size: 14px; background: rgba(255, 255, 255, 0.2); border: none; outline: none; } .searchen { font-size: 50px; font-weight: 500; color: #FFFFFF; letter-spacing: 6px; } .sbbtn { display: inline-block; width: 110px; height: 54px; text-align: center; line-height: 54px; color: #E6E6E6; font-size: 14px; background: #0059CC; margin-left: 4px; } .Search_cont { padding: 100px 0; position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .Search_cont .Result_list { width: 75%; margin-bottom: 100px; } .Search_cont .Result_list li { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 71, 163, 0); transition: all .3s linear; } .Search_cont .Result_list li .Result_box { position: relative; width: 100%; font-size: 16px; color: #333333; } .Search_cont .Result_list li .Result_box .num { margin-right: 10px; } .Search_cont .Result_list li .Result_box .title { color: #333333; margin-right: 5%; width: 10%; min-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Search_cont .Result_list li .Result_box .text { max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Search_cont .Result_list li:hover { border-bottom: 1px solid #0047A3; } .Search_cont .Result_list li:hover .Result_box .num { color: #0047A3; } .Search_cont .Result_list li:hover .text { color: #0047A3; } .Search_cont .paging_cont { justify-content: center; } .amap-copyright, .amap-logo, .amap-logo { display: none !important; } .index_dangjian .index_dangjian_cont .dangjian_title .news_title .list_box li .new_box { display: block; } .swiper-horizontal > .swiper-scrollbar { height: 3px; } .index_dangjian .index_dangjian_cont .dangjian_title .rongyu_title .rongyu_sw, .index_dangjian .index_dangjian_cont .dangjian_title .news_title .list_box { border-right: 1px solid rgba(255, 255, 255, 0.1); } .Senior_cont { position: relative; background-image: url(../../img/about/r_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .Senior_cont .Senior { width: 75%; padding: 100px 0; } .Senior_cont ul { position: relative; display: flex; align-items: stretch; flex-wrap: wrap; gap: 60px 2%; } .Senior_cont ul li { width: 31%; } .Senior_cont .Senior_box { position: relative; min-height: 160px; background-color: #fff; width: 100%; height: 100%; } .Senior_cont .Senior_box .name { position: absolute; left: 0; top: 0; width: 130px; background: linear-gradient(270deg, #E2A855 0%, #CC8521 100%); font-size: 22px; font-weight: 400; color: #FFFFFF; text-align: center; padding: 10px 0; transform: translateY(-50%); } .Senior_cont .Senior_box .title_box { padding: 60px 30px 30px 30px; } .Senior_cont .Senior_box .title_box .title { font-size: 18px; font-weight: 500; color: #4A4949; margin-bottom: 20px; } .Senior_cont .Senior_box .title_box .text { font-size: 16px; font-weight: 400; color: #999999; line-height: 1.8; }