.b_but { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; transition: .5s; } .b_but:hover { color: #D71718; } .in-header .li-block .about_block2 { position: absolute; left: 50%; top: 80px; z-index: 9; transition: all 0.15s linear; height: 0px; overflow: hidden; padding-top: 0px; padding-bottom: 0px; width: 100%; transform: translate(-50%, 0); justify-content: center; display: flex; flex-direction: row; flex-wrap: wrap; /* border-radius: 8px; */ } .in-header.bg_white .li-block .about_block2 { top: 80px; } .in-header .li-block:hover .about_block2 { height: auto; } /* .in-header .li-block .about_block2 em { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFFFFF; font-size: 0; line-height: 0; } */ .in-header .li-block .about_block2 .about_shuzhi { display: block; width: 100%; height: 100%; /* line-height: 35px; */ text-align: center; background-color: #D6081B; /* border-radius: 8px; */ overflow: hidden; /* padding: 20px 0; */ } .in-header .li-block .about_block2 .about_shuzhi .caidan2 { height: 50px; color: #fff; flex-direction: row; flex-wrap: wrap; align-items: center; text-align: center; width: 100%; display: block; border-bottom: 1px solid #fff; } .in-header .li-block .about_block2 .about_shuzhi .caidan2:last-child { border-bottom: none; } .in-header .li-block .about_block2 .about_shuzhi .caidan2 .text1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #fff; height: 50px; line-height: 50px; } .in-header .li-block .about_block2 .about_shuzhi .caidan2:hover .text1 { background: #bd0d0e; color: #fff; border-bottom: 1px solid #fff; } .abou_honor { margin: 88px 0 60px; display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; } .about_name { display: flex; flex-direction: column; align-items: center; } .about_name h2 { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .about_name h4 { font-size: 16px; font-family: Arial; font-weight: 400; color: #999999; position: relative; text-transform: uppercase; padding-bottom: 20px; } .about_name h4::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 30px; height: 2px; background: #D5161B; } /* 联系我们 */ .contact_top { margin-top: 60px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .contact_top .contact_top_left { width: 65%; background: #F6F6F6; padding: 60px 100px 70px; display: flex; flex-direction: column; align-items: center; } .contact_top .contact_top_left h2 { font-size: 26px; font-family: Microsoft YaHei; font-weight: bold; color: #101010; line-height: 1; margin-bottom: 10px; } .contact_top .contact_top_left h3 { font-size: 12px; font-family: Arial; font-weight: 400; color: #949494; line-height: 1; } .contact_top .contact_top_left .left_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; position: relative; margin-top: 40px; } .contact_top .contact_top_left .left_row .row_content { width: 100%; display: flex; flex-direction: column; } .contact_top .contact_top_left .left_row .row_content p { padding-left: 25px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #656565; line-height: 36px; word-break: break-all; } .contact_top .contact_top_left .left_row .row_content p span { padding-left: 60px; } .contact_top .contact_top_left .left_row .row_content .dh { background: url(../images/about/con_1.png) no-repeat top 12px left; background-size: 16px 15px; } .contact_top .contact_top_left .left_row .row_content .cz { background: url(../images/about/con_2.png) no-repeat top 10px left; background-size: 18px 18px; } .contact_top .contact_top_left .left_row .row_content .yx { background: url(../images/about/con_3.png) no-repeat top 12px left; background-size: 18px 13px; } .contact_top .contact_top_left .left_row .row_content .wz { background: url(../images/about/con_4.png) no-repeat top 10px left; background-size: 20px 20px; } .contact_top .contact_top_left .left_row .row_content .yb { background: url(../images/about/con_5.png) no-repeat top 12px left; background-size: 19px 15px; } .contact_top .contact_top_left .left_row .row_content .dz { background: url(../images/about/con_6.png) no-repeat top 8px left; background-size: 15px 21px; } .contact_top .contact_top_left .left_row .row_content h5 { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #656565; line-height: 36px; } .contact_top .left_row .row_shu { width: 1px; height: 100%; background: #DADADA; } .contact_top .contact_top_right { width: 35%; padding: 60px 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #D5161B; } .contact_top .contact_top_right .right_content { display: flex; flex-direction: column; width: 100%; align-items: center; } .contact_top .contact_top_right .right_content .right_content_pic { margin-top: 20px; width: auto; } .contact_top .contact_top_right .right_content h5 { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 36px; } .contact_top .contact_top_right .right_content h2 { font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 30px; position: relative; padding-bottom: 35px; } .contact_top .contact_top_right .right_content h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 15px; height: 1px; background: #fff; } .contact_top .contact_top_right .right_content:last-child h2::after { display: none; } .contact_map { margin-top: 40px; width: 100%; } .contact_wrap { margin-top: 50px; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .contact_wrap .warp_content { display: flex; flex-direction: column; background: #ECECEC; padding: 50px 40px; width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom: 40px; } .contact_wrap .warp_content:nth-of-type(4n) { margin-right: 0; } .contact_wrap .warp_content .warp_content_name { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px; } .contact_wrap .warp_content .warp_content_name h2 { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 1; padding-bottom: 15px; position: relative; } .contact_wrap .warp_content .warp_content_name h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 28px; height: 2px; background: #D5161B; transform: translate(-50%, 0); } .contact_wrap .warp_content h5 { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #656565; line-height: 30px; } .contact_min { margin: 80px 0; width: 100%; position: relative; } .g-feedback { margin: 55px 0 0; display: flex; flex-direction: column; width: 100%; } .g-feedback .feedback_row { display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin-bottom: 30px; } .g-feedback .feedback_row:nth-of-type(5) { margin-bottom: 0px; } .g-feedback .feedback_row .feedback_column { display: flex; flex-direction: column; width: 49%; } .g-feedback .feedback_row .feedback_column p { font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #525252; line-height: 48px; text-align: left; } .g-feedback .feedback_row .feedback_column p span { color: #FF0000; padding-right: 5px; } .g-feedback .feedback_row .feedback_column input, .g-feedback .feedback_row .feedback_column select, .g-feedback .feedback_row .feedback_column textarea { width: 100%; background: #F2F2F2; border: none; padding: 0 20px; height: 46px; line-height: 46px; border-radius: 3px; } .g-feedback .feedback_row .feedback_column select { padding-right: 30px; background: #F2F2F2 url(../images/feedback_xia.png) no-repeat right 20px center; background-size: 13px 8px; } .g-feedback .feedback_row .feedback_textarea { width: 100%; } .g-feedback .feedback_row .feedback_column textarea { height: 200px; } .g-feedback .feedback_row .feedback_column .feedback_code { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .g-feedback .feedback_row .feedback_column .feedback_code input { width: 73%; } .g-feedback .feedback_row .feedback_submit { display: flex; flex-direction: row; width: 49%; text-align: right; justify-content: end; align-items: end; } .g-feedback .feedback_row .feedback_submit .feedback_submit_1 { width: 20%; background: #D5161B; height: 46px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-align: center; line-height: 46px; letter-spacing: 10px; padding-left: 10px; align-items: end; cursor: pointer; } .g_about { padding: 80px 0; position: relative; } .g_about .about_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 60px; } .g_about .about_row .row_left { width: 47%; display: flex; flex-direction: column; } .g_about .about_row .row_left .row_left_p { margin-bottom: 75px; } .g_about .about_row .row_left .row_left_p p { font-size: 17px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; margin-bottom: 15px; } .g_about .about_row .row_left .row_left_p p:last-child { margin-bottom: 0; } .g_about .about_row .row_left .row_left_min { display: flex; flex-direction: row; width: 100%; justify-content: space-between; background: #D71718; padding: 40px; } .g_about .about_row .row_left .row_left_min .min_column { display: flex; flex-direction: column; align-items: center; width: 30%; } .g_about .about_row .row_left .row_left_min .min_column p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #fff; line-height: 1; margin-bottom: 10px; display: flex; align-items: flex-end; } .g_about .about_row .row_left .row_left_min .min_column p sup { display: inline-block; line-height: initial; top: -1.0rem; padding: 0; font-size: 2.0rem; } .g_about .about_row .row_left .row_left_min .min_column p span { font-size: 48px; font-family: Arial; font-weight: bold; color: #fff; line-height: 1; } .g_about .about_row .row_left .row_left_min .min_column h3 { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400 !important; color: #fff; text-align: center; } .g_about .about_row .row_left .row_left_min .min_shu { width: 1px; height: 66px; background: #DBDBDB; } .g_about .about_row .row_right { width: 47%; position: relative; overflow: hidden; } .g_about .about_row .row_right .pic img { width: 100%; } .g_about .about_row .row_right .swiper-pagination-bullet { width: 29px; height: 3px; background: #FFFFFF; border-radius: 2px; opacity: .8; } .g_about .about_row .row_right .swiper-pagination-bullet-active { background: #D71718; } .corporate_identity { padding: 30px 0; position: relative; background-color: #f6f6f6; } .corporate_identity h2 { /* font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; */ margin-bottom: 40px; font-size: 30px; } .corporate_identity_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .corporate_identity_row .identity_row_left { width: 10%; text-align: left; } .corporate_identity_row .identity_row_right { width: 85%; } .corporate_identity p { font-size: 17px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; } .corporate_identity_row .identity_row_right p strong span { font-size: 28px !important; font-family: Microsoft YaHei; font-weight: bold; color: #D71718; line-height: 1.2; margin-bottom: 5px; } .about_service { padding: 80px 0; background: #F6F6F6; } .about_service .about_name h5 { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #A09F9F; line-height: 24px; margin-top: 20px; } .about_service .service_row { margin-top: 60px; display: flex; flex-direction: row; width: 100%; } .about_service .service_row .service_min { width: calc((100% - 150px) / 4); margin-right: 50px; position: relative; /* border-radius: 12px; */ overflow: hidden; } .about_service .service_row .service_min:nth-of-type(4n) { margin-right: 0; } .about_service .service_row .service_min .pic { width: 100%; overflow: hidden; } .about_service .service_row .service_min .service_po { position: absolute; bottom: 20px; width: 100%; left: 0; } .about_service .service_row .service_min .service_po1 { position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background: url(../images/welcome/min_po.png) no-repeat; background-size: cover; } /* .about_service .service_row .service_min:hover .service_po1 { opacity: 0; } */ .about_service .service_row .service_min .service_po .po_row { display: flex; flex-direction: row; padding: 0 25px; width: 100%; align-items: center; } .about_service .service_row .service_min .service_po .po_row p { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 24px; margin-top: 10px; display: none; text-align: center; } .about_service .service_row .service_min .service_po .po_row .po_pic { margin-right: 8px; } .about_service .service_row .service_min .service_po .po_row .po_pic .service1 { display: block; height: 29px; } .about_service .service_row .service_min .service_po .po_row .po_pic .service2 { display: none; height: 34px; } /* .about_service .service_row .service_min:hover .service_po .po_row .po_pic .service2 { display: block; } .about_service .service_row .service_min:hover .service_po .po_row .po_pic .service1 { display: none; } */ .about_service .service_row .service_min .service_po .po_row h2 { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } /* .about_service .service_row .service_min:hover .service_po { background: rgb(0, 0, 0, 0.5); width: 100%; height: 100%; bottom: 0; display: flex; flex-direction: column; justify-content: center; } .about_service .service_row .service_min:hover .service_po .po_row { flex-direction: column; } .about_service .service_row .service_min:hover .service_po .po_row .po_pic { margin-right: 0px; margin-bottom: 20px; } .about_service .service_row .service_min:hover .service_po .po_row h2 { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; padding-bottom: 14px; position: relative; } .about_service .service_row .service_min:hover .service_po .po_row h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 30px; height: 2px; background: #D71718; transform: translate(-50%, 0); } .about_service .service_row .service_min:hover .service_po .po_row p { display: block; } */ .about_culture { padding: 80px 0; background: #f6f6f6; } .about_culture .culture_row { margin-top: 60px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .about_culture .culture_row .culture_min { width: 30%; display: flex; flex-direction: column; } .about_culture .culture_row .culture_min .min_content { display: flex; flex-direction: column; width: 100%; margin-bottom: 50px; } .about_culture .culture_row .culture_min .min_content:last-child { margin-bottom: 0; } .about_culture .culture_row .culture_min .min_content h2 { font-size: 28px; font-family: Microsoft YaHei; font-weight: bold; color: #D71718; line-height: 1.2; margin-bottom: 5px; } .about_culture .culture_row .culture_min .min_content h5 { font-size: 17px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; } .about_history { padding: 90px 0; background: url(../images/about/about_history.png) no-repeat; background-size: cover; width: 100%; } .about_history .history_content { margin-top: 100px; position: relative; overflow: hidden; } .about_history .history_content .history_row { width: 70%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 80px; } .about_history .history_content .history_row .row_left { width: 60%; display: flex; flex-direction: column; height: auto; overflow-y: auto; position: relative; padding-right: 60px; height: 243px; } .about_history .history_content .history_row .row_left .row_left_sz { position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); font-size: 210px; font-family: Arial; font-weight: bold; color: rgb(0, 0, 0, 0.1); line-height: 1; } .about_history .history_content .history_row .row_left li { padding-left: 15px; font-size: 17px; line-height: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #656565; position: relative; margin-bottom: 24px; } .about_history .history_content .history_row .row_left li::before { content: ''; position: absolute; left: 0; width: 5px; height: 5px; background: #D5161B; border-radius: 50%; top: 16px; } .about_history .history_content .history_row .row_left li:last-child { margin-bottom: 0; } .about_history .history_content .history_row .row_right { width: 32%; position: relative; } .about_history .history_content .history_row .row_right .swiper-pagination-bullet-active { background: #D5161B; } .about_history .history_content .history_mySwiper { position: relative; padding: 0 80px; } .about_history .history_content .history_mySwiper .mySwiper { width: 100%; overflow: hidden; position: relative; } .about_history .history_content .history_year { display: flex; flex-direction: column; align-items: center; justify-content: center; } .about_history .history_content .history_year .year_top { width: 100%; height: 1px; background: #D0D0D0; position: relative; margin-top: 45px; } .about_history .history_content .history_year .year_top::after { content: ''; position: absolute; top: -5px; left: 50%; transform: translate(-50%, 0); width: 11px; height: 11px; background: #D0D0D0; border-radius: 50%; } .about_history .history_content .swiper-slide-thumb-active .history_year .year_top::after { top: -40px; width: 37px; height: 45px; background: url(../images/about/year_top.png) no-repeat; background-size: 100% 100%; } .about_history .history_content .history_year .year { padding-top: 17px; font-size: 18px; font-family: Arial; font-weight: 400; color: #9B9B9B; line-height: 26px; } .about_history .history_content .swiper-slide-thumb-active .history_year .year { font-size: 30px; font-family: Arial; font-weight: bold; color: #D5161B; } .about_history .history_content .history_mySwiper .swiper-button-next, .about_history .history_content .history_mySwiper .swiper-button-prev { width: 46px; height: 46px; margin-top: -23px; z-index: 10; cursor: pointer; background-size: 46px 46px; } .about_history .history_content .history_mySwiper .swiper-button-prev { background-image: url(../images/about/history_mySwiper1.png); left: 0; } .about_history .history_content .history_mySwiper .swiper-button-next { background-image: url(../images/about/history_mySwiper1.png); right: 0; transform: rotateY(180deg) } .about_history .history_content .history_mySwiper .swiper-button-prev:hover { background-image: url(../images/about/history_mySwiper2.png); transform: rotateY(180deg) } .about_history .history_content .history_mySwiper .swiper-button-next:hover { background-image: url(../images/about/history_mySwiper2.png); transform: rotateY(0deg) } .about_honors { padding: 80px 0; position: relative; width: 100%; } .about_honors .honors_swipre { position: relative; width: 100%; overflow: hidden; padding: 60px 0 100px; } .about_honors .honors_swipre .pic { position: relative; overflow: hidden; } .about_honors .honors_swipre .pic .honors_min { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 22px 30px; align-items: center; } .about_honors .honors_swipre .pic .honors_left { width: 45%; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .about_honors .honors_swipre .pic .honors_left h2 { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 36px; } .about_honors .honors_swipre .pic .honors_left h4 { font-size: 18px; font-family: Arial; font-weight: 400; color: #616161; line-height: 1; } .about_honors .honors_swipre .pic .honors_right { width: 50%; } .about_honors .honors_swipre .honors_pagination { margin-top: 30px; text-align: center; } .about_honors .honors_swipre .honors_pagination .swiper-pagination-bullet { width: 13px; height: 13px; background: #D4D4D4; opacity: 0.5; } .about_honors .honors_swipre .honors_pagination .swiper-pagination-bullet-active { background: #D71718; opacity: 1; } .ceo_min { margin: 60px 0 100px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; background: #F9F9F9; } .ceo_min .ceo_left { width: 36%; } .ceo_min .ceo_right { width: 64%; display: flex; flex-direction: column; padding: 80px 100px 40px; } .ceo_min .ceo_right h2 { font-size: 46px; font-family: Microsoft YaHei; font-weight: 300; color: #000000; line-height: 1; } .ceo_min .ceo_right h5 { font-size: 14px; font-family: Arial; font-weight: 400; color: #D0D0D0; line-height: 30px; } .ceo_min .ceo_right h4 { margin-top: 50px; padding-top: 20px; position: relative; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; line-height: 30px; } .ceo_min .ceo_right h4::before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 1px; background: #969696; } .ceo_min .ceo_right .ceo_right_p { margin-top: 70px; width: 100%; } .ceo_min .ceo_right .ceo_right_p p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 30px; } .executive_wrap { margin-top: 60px; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .executive_wrap .executive_min { display: flex; flex-direction: column; justify-content: flex-start; width: calc((100% - 240px) / 4); margin-right: 80px; margin-bottom: 60px; } .executive_wrap .executive_min:nth-of-type(4n) { margin-right: 0; } .executive_wrap .executive_min .pic { border: 1px solid #E2E2E2; padding: 2px; transition: .5s; } .executive_wrap .executive_min .pic img { width: 100%; } .executive_wrap .executive_min:hover .pic { border: 1px solid #D6081B; } .executive_wrap .executive_min .executive_content { display: flex; flex-direction: column; width: 100%; margin-top: 40px; } .executive_wrap .executive_min .executive_content p { font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } .executive_wrap .executive_min .executive_content p span { margin-left: 20px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #A2A2A2; padding-left: 20px; line-height: 1; border-left: 1px solid #DCDCDC; } .executive_wrap .executive_min .executive_content h4 { margin-top: 22px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 24px; } .honor_wrap { margin: 60px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%; align-items: self-end; } .honor_wrap .honor_content { display: flex; flex-direction: column; align-items: center; width: calc((100% - 240px) / 4); margin-right: 80px; margin-bottom: 40px; } .honor_wrap .honor_content:nth-of-type(4n) { margin-right: 0; } .honor_wrap .honor_content .pic { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 45px; } .honor_wrap .honor_content .pic .pic_top { position: relative; overflow: hidden; } .honor_wrap .honor_content .pic .pic_top .top_fd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.5); display: none; flex-direction: column; justify-content: center; align-items: center; transition: .5s; } .honor_wrap .honor_content:hover .pic .pic_top .top_fd { display: flex; } .honor_wrap .honor_content .honor1 { position: absolute; bottom: -52px; z-index: -1; left: 0; width: 100%; } .honor_wrap .honor_content p { padding: 0 20px; text-align: center; width: 100%; font-size: 17px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; height: 50px; line-height: 25px; } .b_business { margin-top: 60px; display: flex; flex-direction: column; width: 100%; } .b_business .business_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .b_business .business_row .row_left { width: 50%; } .b_business .business_row .row_right { width: 50%; background: #F9F9F9; padding: 0 100px; display: flex; flex-direction: column; justify-content: center; } .b_business .business_row .row_right h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; padding-bottom: 20px; margin-bottom: 60px; position: relative; } .b_business .business_row .row_right h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: #D5161B; } .b_business .business_row .row_right p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 36px; } .b_business .business_min { margin-top: 80px; display: flex; flex-direction: column; width: 100%; align-items: center; } .b_business .business_min h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; padding-bottom: 20px; position: relative; } .b_business .business_min h2::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 34px; height: 2px; background: #D71718; transform: translate(-50%, 0); } .b_business .business_min .min_tu { margin: 55px 0 0; width: 100%; } .business_2 { padding: 80px 0; background: #F9F9F9; } .business_2 .b_business .business_row .row_right { background: #fff; } .b_business .business_min .min_tu .business_pagination, .b_business .business_min .min_tu .business_pagination2 { text-align: center; } .b_business .business_min .min_tu .business_pagination .swiper-pagination-bullet, .b_business .business_min .min_tu .business_pagination2 .swiper-pagination-bullet { background: #DDDDDD; opacity: 1; } .b_business .business_min .min_tu .business_pagination .swiper-pagination-bullet-active, .b_business .business_min .min_tu .business_pagination2 .swiper-pagination-bullet-active { background: #D41718; } .w_business_top { display: flex; flex-direction: row; width: 100%; padding: 120px 0; justify-content: space-between; } .w_business_top .top_left { width: 40%; padding-left: 160px; display: flex; flex-direction: column; } .w_business_top .top_left h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; margin-bottom: 50px; } .w_business_top .top_left .left_p { display: flex; flex-direction: column; width: 100%; align-items: flex-start; } .w_business_top .top_left .left_p p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 30px; } .w_business_top .top_right { width: 51%; position: relative; } .w_business_top .top_right .top_swiper { position: relative; width: 100%; overflow: hidden; padding-bottom: 110px; } .w_business_top .top_right .top_swiper .swiper-pagination-fraction { bottom: 40px; left: 230px; width: auto; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; } .w_business_top .top_right .top_swiper .swiper-pagination-fraction .swiper-pagination-current { color: #D6081B; } .w_business_top .top_right .top_swiper .swiper-button-next, .w_business_top .top_right .top_swiper .swiper-button-prev { width: 14px; height: 10px; margin-top: 0; background-size: 14px 10px; top: auto; } .w_business_top .top_right .top_swiper .swiper-button-prev { background-image: url(../images/add/top_swiper1.png); bottom: 48px; left: 195px; } .w_business_top .top_right .top_swiper .swiper-button-next { background-image: url(../images/add/top_swiper1.png); bottom: 48px; right: auto; left: 310px; transform: rotateY(180deg) } .w_business_top .top_right .top_swiper .swiper-button-prev:hover { background-image: url(../images/add/top_swiper2.png); transform: rotateY(180deg) } .w_business_top .top_right .top_swiper .swiper-button-next:hover { background-image: url(../images/add/top_swiper2.png); transform: rotateY(0deg) } .w_business_top .top_right .top_swiper .pic { position: relative; } .w_business_top .top_right .top_swiper .pic::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255, 255, 255, 0.7); } .w_business_top .top_right .top_swiper .swiper-slide-active .pic::after { background: rgb(255, 255, 255, 0); } .w_business_top .top_right .right_po { position: absolute; bottom: 0px; left: -129px; width: 258px; background: #D6081B; border-radius: 10px; display: flex; flex-direction: column; padding: 35px; z-index: 9; } .w_business_top .top_right .right_po .po_name { position: relative; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .w_business_top .top_right .right_po .po_name p { width: calc(100% - 35px); font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; padding-bottom: 28px; line-height: 1; } .w_business_top .top_right .right_po .po_name .name_column { display: flex; flex-direction: column; align-items: center; } .w_business_top .top_right .right_po .po_name .name_left { position: relative; width: 13px; height: 13px; background: rgba(255, 255, 255, 0.39); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .w_business_top .top_right .right_po .po_name .name_column .name_shu { width: 1px; height: calc(100% - 13px); background: rgb(255, 255, 255, 0.7); } .w_business_top .top_right .right_po .po_name .name_left .left_1 { width: 7px; height: 7px; background: #FFFFFF; border-radius: 50%; } .w_business_top .top_right .right_po .po_name:last-child p { padding-bottom: 0; } .w_business_top .top_right .right_po .po_name:last-child .name_column .name_shu { display: none; } .w_city { width: 100%; position: relative; padding-left: 160px; background: #F9F9F9; display: flex; flex-direction: row; } .w_city .city_left { display: flex; flex-direction: row; width: 60%; } .w_city .city_left .left_content { display: flex; flex-direction: column; align-items: center; padding: 55px 30px 115px; border-left: 1px solid #E7E7E7; width: 25%; cursor: pointer; transition: .5s; } .w_city .city_left .left_content:hover { background: #D6081B; } .w_city .city_left .left_content .top_pic { height: 50px; margin-bottom: 40px; } .w_city .city_left .left_content .top_pic .city1_1, .w_city .city_left .left_content .top_pic .city1, .w_city .city_left .left_content .left_border .pic .city1_1, .w_city .city_left .left_content .left_border .pic .city1 { width: 52px; } .w_city .city_left .left_content .top_pic.city2 .city1_1, .w_city .city_left .left_content .top_pic.city2 .city1, .w_city .city_left .left_content .left_border .pic.city2 .city1_1, .w_city .city_left .left_content .left_border .pic.city2 .city1 { width: 41px; } .w_city .city_left .left_content .top_pic.city3 .city1_1, .w_city .city_left .left_content .top_pic.city3 .city1, .w_city .city_left .left_content .left_border .pic.city3 .city1_1, .w_city .city_left .left_content .left_border .pic.city3 .city1 { width: 53px; } .w_city .city_left .left_content .top_pic.city4 .city1_1, .w_city .city_left .left_content .top_pic.city4 .city1, .w_city .city_left .left_content .left_border .pic.city4 .city1_1, .w_city .city_left .left_content .left_border .pic.city4 .city1 { width: 46px; } .w_city .city_left .left_content .top_pic .city1 { display: block; } .w_city .city_left .left_content .top_pic .city1_1 { display: none; } .w_city .city_left .left_content:hover .top_pic .city1_1 { display: block; } .w_city .city_left .left_content:hover .top_pic .city1 { display: none; } .w_city .city_left .left_content h2 { font-size: 60px; font-family: Arial; font-weight: bold; font-style: italic; color: #EBEBEB; margin-bottom: 25px; transition: .5s; } .w_city .city_left .left_content:hover h2, .w_city .city_left .left_content:hover h4 { color: #FFFFFF; } .w_city .city_left .left_content .left_border { width: 94px; height: 94px; border-radius: 50%; overflow: hidden; background: rgba(225, 225, 225, 0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 35px; transition: .5s; } .w_city .city_left .left_content .left_border { background: rgba(225, 225, 225, 0.6); } .w_city .city_left .left_content .left_border .pic { width: 80px; height: 80px; background: #CCCCCC; display: flex; justify-content: center; align-items: center; border-radius: 50%; /* transition: .5s; */ } .w_city .city_left .left_content:hover .left_border .pic { background: #FFFFFF; border-radius: 50%; } .w_city .city_left .left_content .left_border .pic .city1_1 { display: block; } .w_city .city_left .left_content .left_border .pic .city1 { display: none; } .w_city .city_left .left_content:hover .left_border .pic .city1 { display: block; } .w_city .city_left .left_content:hover .left_border .pic .city1_1 { display: none; } .w_city .city_left .left_content h4 { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-bottom: 45px; transition: .5s; } .w_city .city_right { width: 40%; border-left: 1px solid #E7E7E7; padding: 110px 160px 40px 70px; display: flex; flex-direction: column; cursor: pointer; } .w_city .city_right h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; margin-bottom: 45px; transition: .5s; } .w_city .city_right .pic { margin-bottom: 50px; } .w_city .city_right p, .w_park .w_paek_p p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 30px; transition: .5s; } .w_city .city_right:hover { background: #D6081B; } .w_city .city_right:hover h2, .w_city .city_right:hover p { color: #FFFFFF; } .w_park { padding: 100px 0 120px; position: relative; } .w_park .park_name { display: flex; align-items: center; justify-content: center; margin-bottom: 45px; } .w_park .park_name h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .w_park .w_paek_p { margin-bottom: 40px; width: 100%; } .w_park .w_paek_p p { text-align: center; } .w_park .park_row { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; flex-wrap: wrap; } .w_park .park_row .park_row_column { width: calc(100% / 3); display: flex; flex-direction: column; cursor: pointer; } .w_park .park_row .park_row_column:nth-of-type(2n) { flex-flow: column-reverse; } .w_park .park_row .park_row_column .pic { padding: 0 70px 55px 0; border-bottom: 1px solid #E5E5E5; height: 411px; transition: .5s; overflow: hidden; } .w_park .park_row .park_row_column .pic img { transition: .5s; width: 100%; } .w_park .park_row .park_row_column:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .w_park .park_row .park_row_column:hover .pic { border-bottom: 1px solid #D6081B; } .w_park .park_row .park_row_column:nth-of-type(2n) .pic { padding: 55px 70px 0 0; border-top: 1px solid #E5E5E5; border-bottom: none; } .w_park .park_row .park_row_column:nth-of-type(2n):hover .pic { border-top: 1px solid #D6081B; border-bottom: none; } .w_park .park_row .park_row_column .park_row_min { height: 410px; padding: 40px 60px 0 55px; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .w_park .park_row .park_row_column:nth-of-type(2n) .park_row_min { flex-flow: column-reverse; padding: 0 60px 40px 55px; } .w_park .park_row .park_row_column .park_row_min::before { content: ''; position: absolute; top: -7px; left: 0; width: 13px; height: 13px; background: #E5E5E5; border-radius: 50%; transition: .5s; } .w_park .park_row .park_row_column:hover .park_row_min::before, .w_park .park_row .park_row_column:hover .park_row_min::after { background: #D6081B; } .w_park .park_row .park_row_column:nth-of-type(2n) .park_row_min::before { top: auto; bottom: -7px; } .w_park .park_row .park_row_column .park_row_min::after { content: ''; position: absolute; top: 0; left: 6px; width: 1px; height: 100%; background: #E5E5E5; transition: .5s; } .w_park .park_row .park_row_column .park_row_min .min_name { display: flex; flex-direction: column; width: 100%; } .w_park .park_row .park_row_column .park_row_min .min_name h3 { font-size: 22px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; line-height: 36px; margin-bottom: 30px; } .w_park .park_row .park_row_column .park_row_min .min_name p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; } .w_park .park_row .park_row_column .park_row_min .min_name p span { font-weight: bold; color: #D6081B; } .w_park .park_row .park_row_column .park_row_min .min_pic { width: 85px; height: 85px; background: #F3F3F3; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .w_park .park_row .park_row_column .park_row_min .min_pic .park_row_1 { width: 34px; /* height: 38px; */ } .w_park .park_row .park_row_column .park_row_min .min_pic .park_row_2 { width: 42px; height: 42px; } .w_park .park_row .park_row_column .park_row_min .min_pic .park_row_3 { width: 36px; height: 38px; } /* .w_park .park_row .park_content { width: calc((100% - 60px) / 3); margin-right: 30px; position: relative; } .w_park .park_row .park_content:nth-of-type(3n) { margin-right: 0; } .w_park .park_row .park_content .park_po { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 70px; transition: .5s; } .w_park .park_row .park_content:hover .park_po { background: rgb(0, 0, 0, 0.5); } .w_park .park_row .park_content .park_po .po_pic { width: 85px; height: 85px; background: #D6081B; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 40px; } .w_park .park_row .park_content .park_po .po_pic .park1 { width: 48%; } .w_park .park_row .park_content .park_po h2 { font-size: 26px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; text-align: center; transition: .5s; position: relative; } .w_park .park_row .park_content:hover .park_po h2 { padding-bottom: 15px; color: #FFFFFF; } .w_park .park_row .park_content:hover .park_po h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 34px; height: 2px; background: #D6081B; } .w_park .park_row .park_content .park_po h3 { margin: 10px 0 65px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .w_park .park_row .park_content:hover .park_po h3 { display: none; } .w_park .park_row .park_content:hover .park_po .po_p { display: block; } .w_park .park_row .park_content .park_po .po_p { display: none; margin: 40px 0 100px; transition: .5s; } .w_park .park_row .park_content .park_po .po_p p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 36px; } .w_park .park_row .park_content .park_po .po_p p span { font-weight: bold; color: #FF0000; } .w_park .park_row .park_content .park_po .pic_but img { width: 26px; } .w_park .park_row .park_content .park_po .pic_but .park_but1 { display: block; } .w_park .park_row .park_content .park_po .pic_but .park_but2 { display: none; } .w_park .park_row .park_content:hover .park_po .pic_but .park_but2 { display: block; } .w_park .park_row .park_content:hover .park_po .pic_but .park_but1 { display: none; } */ .w_property { padding: 110px 0 70px; position: relative; background: #F9F9F9; } .w_property .property_name { padding-left: 160px; font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; margin-bottom: 45px; } .w_property .property_left { width: 60%; padding: 85px 380px 60px 160px; display: flex; flex-direction: column; background: #FFFFFF; } .w_property .property_left p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 30px; } .w_property .property_left .property_warp { margin-top: 50px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .w_property .property_left .property_warp .warp_column { width: 148px; height: 148px; background: #F3F3F3; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; margin-right: 50px; } .w_property .property_left .property_warp .warp_column:last-child { margin-right: 0; } .w_property .property_left .property_warp .warp_column .pic { height: 40px; margin-bottom: 12px; } .w_property .property_left .property_warp .warp_column .title { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; text-align: center; } .w_property .property_swiper { position: absolute; width: 46%; right: 160px; top: 110px; z-index: 9; } .w_property .property_swiper .property_prev, .w_property .property_swiper .property_next { position: absolute; bottom: 0; width: 48px; height: 48px; background-size: 48px 48px; z-index: 10; } .w_property .property_swiper .property_prev { left: 0; background-image: url(../images/add/property5.png); } .w_property .property_swiper .property_next { left: 48px; background-image: url(../images/add/property6.png); } .w_case_top { padding: 85px 0 100px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .w_case_top .top_left { width: 53%; display: flex; flex-direction: column; } .w_case_top .top_left .left_top { width: 100%; display: flex; flex-direction: column; margin-bottom: 50px; } .w_case_top .top_left .left_top h2 { font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-bottom: 15px; } .w_case_top .top_left .left_top h3 { font-size: 20px; font-family: Microsoft YaHei; font-weight: 300; color: #333333; } .w_case_top .top_left .left_top .top_row1 { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin: 30px 0 10px; } .w_case_top .top_left .left_top .top_row1 h5 { padding-left: 45px; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #666666; margin-right: 50px; line-height: 40px; margin-bottom: 20px; } .w_case_top .top_left .left_top .top_row1 h5:last-child { margin-right: 0; } .w_case_top .top_left .left_top .top_row1 h5 span { color: #D71718; } .w_case_top .top_left .left_top .top_row1 .area1 { background: url(../images/add/area1.png) no-repeat left center; background-size: 28px 27px; } .w_case_top .top_left .left_top .top_row1 .area2 { background: url(../images/add/area2.png) no-repeat left center; background-size: 27px 28px; } .w_case_top .top_left .left_top .top_row1 .area3 { background: url(../images/add/area3.png) no-repeat left center; background-size: 27px 25px; } .w_case_top .top_left .left_top .top_p { margin-bottom: 30px; width: 100%; } .w_case_top .top_left .left_top .top_p p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; } .w_case_top .top_left .left_top .top_row2 { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin: 0px 0 10px; } .w_case_top .top_left .left_top .top_row2 h5 { padding-left: 55px; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #666666; line-height: 40px; margin-bottom: 20px; width: calc((100% - 120px) / 4); margin-right: 40px; } .w_case_top .top_left .left_top .top_row2 h5:nth-of-type(4n) { margin-right: 0; } .w_case_top .top_left .left_top .top_row2 .icon1 { background: url(../images/add/icon1.png) no-repeat left center; background-size: 30px 30px; } .w_case_top .top_left .left_top .top_row2 .icon2 { background: url(../images/add/icon2.png) no-repeat left center; background-size: 29px 29px; } .w_case_top .top_left .left_top .top_row2 .icon3 { background: url(../images/add/icon3.png) no-repeat left center; background-size: 33px 29px; } .w_case_top .top_left .left_top .top_row2 .icon4 { background: url(../images/add/icon4.png) no-repeat left center; background-size: 41px 23px; } .w_case_top .top_left .left_top .top_row2 .icon5 { background: url(../images/add/icon5.png) no-repeat left center; background-size: 27px 31px; } .w_case_top .top_left .left_top .top_row2 .icon6 { background: url(../images/add/icon6.png) no-repeat left center; background-size: 31px 24px; } .w_case_top .top_left .left_min { display: flex; flex-direction: column; width: 100%; } .w_case_top .top_left .left_min .min_content { display: flex; flex-direction: column; width: 100%; margin-bottom: 50px; } .w_case_top .top_left .left_min .min_content:last-child { margin-bottom: 0; } .w_case_top .top_left .left_min .min_content h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; margin-bottom: 20px; } .w_case_top .top_left .left_min .min_content p { padding-left: 25px; position: relative; font-size: 16px; font-family: Microsoft YaHei; color: #666666; font-weight: 400; line-height: 30px; margin-bottom: 5px; } .w_case_top .top_left .left_min .min_content p::after { content: ''; position: absolute; left: 0; top: 11px; width: 9px; height: 9px; background: #D71718; border-radius: 50%; } .w_case_top .top_left .left_min .min_content p span { font-weight: bold; color: #D71718; } .w_case_top .top_right { width: 42%; display: flex; flex-direction: column; } .w_case_top .top_right .right_swiper { margin-bottom: 70px; position: relative; } .w_case_top .top_right .right_swiper .swiper-button-next, .w_case_top .top_right .right_swiper .swiper-button-prev { width: 50px; height: 50px; margin-top: -25px; background-size: 50px 50px; } .w_case_top .top_right .right_swiper .swiper-button-prev { background-image: url(../images/add/right_swiper1.png); left: 30px; } .w_case_top .top_right .right_swiper .swiper-button-next { background-image: url(../images/add/right_swiper1.png); right: 30px; transform: rotateY(180deg) } .w_case_top .top_right .right_swiper .swiper-button-prev:hover { background-image: url(../images/add/right_swiper2.png); transform: rotateY(180deg) } .w_case_top .top_right .right_swiper .swiper-button-next:hover { background-image: url(../images/add/right_swiper2.png); transform: rotateY(0deg) } .w_case_top .top_right .right_min { width: 100%; display: flex; flex-direction: column; } .w_case_top .top_right .right_min h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; } .w_case_top .top_right .right_min .case_min_swiper { position: relative; width: 100%; margin-top: 35px; } .w_case_top .top_right .right_min .case_min_swiper h2 { font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; transition: .5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .w_case_top .top_right .right_min .case_min_swiper .case_min_content:hover h2 { color: #D71718; } .w_case_top .top_right .right_min .case_min_swiper .pic { margin: 25px 0 20px; overflow: hidden; } .w_case_top .top_right .right_min .case_min_swiper .case_min_content .pic img { transition: .5s; width: 100%; } .w_case_top .top_right .right_min .case_min_swiper .case_min_content:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .w_case_top .top_right .right_min .case_min_swiper .case_min_but { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .w_case_top .top_right .right_min .case_min_swiper .case_min_but .but_left { width: calc(100% - 50px); display: flex; flex-direction: column; } .w_case_top .top_right .right_min .case_min_swiper .case_min_but .but_left p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 24px; } .w_case_top .top_right .right_min .case_min_swiper .case_min_but .but_pic { width: 37px; height: 37px; background: url(../images/add/but_pic1.png) no-repeat; background-size: 37px 37px; } .w_case_top .top_right .right_min .case_min_swiper .case_min_content:hover .case_min_but .but_pic { background: url(../images/add/but_pic2.png) no-repeat; background-size: 37px 37px; } .w_case_top .top_right .right_min .case_min_swiper .swiper-button-prev1, .w_case_top .top_right .right_min .case_min_swiper .swiper-button-next1 { position: absolute; top: 50%; width: 29px; height: 43px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 29px 43px; background-position: center; background-repeat: no-repeat; } .w_case_top .top_right .right_min .case_min_swiper .swiper-button-prev1 { background-image: url(../images/add/case_min_swiper3.png); } .w_case_top .top_right .right_min .case_min_swiper .swiper-button-next1 { background-image: url(../images/add/case_min_swiper3.png); transform: rotateY(180deg); right: 0; } .w_case_top .top_right .right_min .case_min_swiper .swiper-button-prev1:hover { background-image: url(../images/add/case_min_swiper4.png); transform: rotateY(180deg); } .w_case_top .top_right .right_min .case_min_swiper .swiper-button-next1:hover { background-image: url(../images/add/case_min_swiper4.png); transform: rotateY(0deg); } .w_case_min { position: relative; width: 100%; background: #F6F6F6; padding: 80px 0 90px; } .w_case_min .w_case_min_content { display: flex; flex-direction: column; width: 100%; } .w_case_min .w_case_min_content h2 { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; margin-bottom: 40px; } .w_case_min .w_case_min_content .w_case_min_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .w_case_min .w_case_min_content .w_case_min_row .row_left { width: 74%; } .w_case_min .w_case_min_content .w_case_min_row .row_right { width: 26%; padding: 40px; background: #434343; } .w_case_min .w_case_min_content .w_case_min_row .row_right .right_min { display: flex; flex-direction: column; justify-content: space-around; padding: 20px 30px; height: 100%; background: #FFFFFF; } .w_case_min .w_case_min_content .w_case_min_row .row_right .right_min p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 25px; } .w_case_min .w_case_min_content .w_case_min_row .row_right .right_min p span { font-weight: bold; color: #D71718; } @media (max-width: 1700px) { .w_business_top .top_left, .w_city, .w_property .property_name, .w_property .property_left { padding-left: 5%; } } @media (max-width: 1601px) { .g_about .about_row .row_left .row_left_p p, .about_culture .culture_row .culture_min .min_content h5, .corporate_identity p, .about_history .history_content .history_row .row_left li, .honor_wrap .honor_content p { font-size: 14px; } } @media (max-width: 1600px) { .ceo_min .ceo_right { padding: 40px 100px 20px; } .ceo_min .ceo_right h2 { font-size: 40px; } .ceo_min .ceo_right h4 { margin-top: 40px; } .ceo_min .ceo_right .ceo_right_p { margin-top: 60px; } .w_case_top .top_left .left_top h2 { font-size: 30px; } .w_case_top .top_left .left_top h3 { font-size: 20px; } .w_case_top .top_left .left_top .top_row2 h5 { padding-left: 50px; width: calc((100% - 60px) / 4); margin-right: 20px; } .w_case_top .top_left .left_min .min_content h2, .w_case_top .top_right .right_min h2, .w_case_min .w_case_min_content h2 { font-size: 26px; } .w_case_top .top_left .left_min .min_content p, .w_case_min .w_case_min_content .w_case_min_row .row_right .right_min p { font-size: 14px; line-height: 26px; } .w_case_top .top_right .right_min .case_min_swiper .case_min_but .but_left p { font-size: 14px; } .w_case_top .top_right .right_min .case_min_swiper h2 { font-size: 18px; } .w_business_top .top_left h2, .w_city .city_right h2, .w_park .park_name h2, .w_property .property_name, .about_name h2 { font-size: 24px; } .w_business_top .top_left h2 { margin-bottom: 40px; } .w_park .w_paek_p { margin-bottom: 30px; } .w_business_top .top_left .left_p p { font-size: 16px; } .w_business_top .top_right .right_po { left: -110px; width: 230px; } .w_park .park_row .park_row_column .park_row_min .min_name h3 { font-size: 18px; margin-bottom: 15px; } .w_park .park_row .park_row_column .park_row_min .min_name p { font-size: 14px; line-height: 30px; } .w_property .property_left .property_warp .warp_column { width: 100px; height: 100px; margin-right: 40px; } .w_property .property_left .property_warp .warp_column .pic { height: 35px; margin-bottom: 5px; } .w_property .property_left .property_warp .warp_column .pic img { width: 30px !important; } .w_property .property_left .property_warp .warp_column .title { font-size: 14px; } .w_city .city_left .left_content .top_pic { margin-bottom: 30px; } .w_city .city_left .left_content h2 { font-size: 50px; margin-bottom: 20px; } .w_city .city_left .left_content h4 { font-size: 16px; margin-bottom: 40px; } .w_city .city_right p, .w_park .w_paek_p p { font-size: 16px; line-height: 30px; } .w_property .property_left p { font-size: 16px; line-height: 32px; } .about_service .service_row .service_min .service_po .po_row h2 { font-size: 16px; } /* .about_service .service_row .service_min:hover .service_po .po_row .po_pic { margin-bottom: 14px; } .about_service .service_row .service_min:hover .service_po .po_row h2 { font-size: 16px; padding-bottom: 12px; } */ .about_service .service_row .service_min .service_po .po_row p { font-size: 12px; line-height: 18px; margin-top: 10px; } .corporate_identity h2 { font-size: 26px; margin-bottom: 30px; } } @media (max-width: 1500px) { .executive_wrap .executive_min { width: calc((100% - 120px) / 4); margin-right: 40px; } .executive_wrap .executive_min .executive_content p { font-size: 22px; } .executive_wrap .executive_min .executive_content p span { font-size: 14px; } .honor_wrap .honor_content { width: calc((100% - 160px) / 3); } .honor_wrap .honor_content:nth-of-type(4n) { margin-right: 80px; } .honor_wrap .honor_content:nth-of-type(3n) { margin-right: 0; } .honor_wrap .honor_content .honor1 { bottom: -65px; } .contact_top .contact_top_left { padding: 40px 70px 50px; } .contact_top .contact_top_left .left_row .row_content p { font-size: 16px; } .ceo_min .ceo_right h2 { font-size: 35px; } .ceo_min .ceo_right h5 { font-size: 12px; } .ceo_min .ceo_right .ceo_right_p { margin-top: 45px; } .ceo_min .ceo_right h4 { margin-top: 30px; padding-top: 15px; font-size: 18px; } .ceo_min .ceo_right .ceo_right_p p { font-size: 14px; line-height: 28px; } .w_case_top .top_left .left_top .top_row2 h5 { width: calc((100% - 40px) / 3); } .w_case_top .top_left .left_top .top_row2 h5:nth-of-type(4n) { margin-right: 20px; } .w_case_top .top_left .left_top .top_row2 h5:nth-of-type(3n) { margin-right: 0; } .w_case_top .top_left .left_top h2 { font-size: 25px; } .w_case_top .top_left .left_top h3 { font-size: 16px; } .w_case_top .top_left .left_top .top_p p { font-size: 14px; line-height: 26px; } .w_business_top .top_right .right_po { left: -85px; width: 190px; padding: 30px; } .w_business_top .top_right .right_po .po_name p { width: calc(100% - 30px); font-size: 14px; padding-bottom: 20px; } .g_about .about_row .row_left .row_left_min .min_column p, .g_about .about_row .row_left .row_left_min .min_column h3 { font-size: 16px; } .g_about .about_row .row_left .row_left_min .min_column p span { font-size: 38px; } .about_history .history_content .history_row .row_left .row_left_sz { font-size: 160px; } } @media (max-width: 1440px) { .w_park .park_row .park_row_column .park_row_min .min_name p { font-size: 12px; line-height: 26px; } .w_property .property_left { padding: 45px 300px 40px 5%; } .w_city .city_left .left_content h4 { font-size: 13px; } .w_city .city_left .left_content { padding: 45px 20px 85px; } } @media (max-width: 992px) { .about_name h2 { font-size: 30px; } .pagination a { line-height: 30px; } .abou_honor { margin: 48px 0 30px; } .executive_wrap { margin-top: 20px; } .executive_wrap .executive_min { width: calc((100% - 40px) / 2); } .executive_wrap .executive_min:nth-of-type(2n) { margin-right: 0; } .honor_wrap .honor_content { width: calc((100% - 80px) / 2); } .honor_wrap .honor_content:nth-of-type(3n) { margin-right: 80px; } .honor_wrap .honor_content:nth-of-type(2n) { margin-right: 0px; } .honor_wrap .honor_content .honor1 { bottom: -52px; } .contact_top { margin-top: 25px; flex-direction: column; } .contact_top .contact_top_left { width: 100%; padding: 40px 40px 30px; } .contact_top .contact_top_left .left_row .row_content { /* width: 45%; */ } .contact_top .contact_top_left h2 { font-size: 20px; } .contact_top .contact_top_right { width: 100%; padding: 40px 60px; } .contact_map { height: 400px; } .contact_min { margin: 60px 0; } .g-feedback .feedback_row .feedback_submit .feedback_submit_1 { width: 34%; } .ceo_min { margin: 10px 0 50px; flex-direction: column; } .ceo_min .ceo_left { width: 100%; } .ceo_min .ceo_left img { width: 100%; } .ceo_min .ceo_right { width: 100%; padding: 40px 50px 20px; } .w_case_top { flex-direction: column; } .w_case_top .top_left { width: 100%; } .w_case_top .top_right { width: 100%; margin-top: 60px; } .w_case_min .w_case_min_content .w_case_min_row { flex-direction: column; } .w_case_min .w_case_min_content .w_case_min_row .row_left { width: 100%; } .w_case_min .w_case_min_content .w_case_min_row .row_right { width: 100%; } .w_business_top { padding: 80px 0; flex-direction: column; } .w_business_top .top_left { width: 100%; padding: 0 5% } .w_business_top .top_right { width: 100%; padding: 0 5%; margin-top: 40px; } .w_business_top .top_right .right_po { display: none; } .w_city { padding: 0 5%; flex-wrap: wrap; flex-flow: column-reverse; } .w_city .city_left { width: 100%; } .w_city .city_right { width: 100%; border-left: none; padding: 70px; } .w_park { padding: 40px 0 40px; } .w_park .park_row .park_row_column { width: 100%; border-bottom: 1px solid #E5E5E5; margin-bottom: 40px; } .w_park .park_row .park_row_column .pic, .w_park .park_row .park_row_column .park_row_min { height: auto; } .w_park .park_row .park_row_column .park_row_min::before, .w_park .park_row .park_row_column .park_row_min::after { display: none; } .w_park .park_row .park_row_column .pic { border-bottom: none; } .w_park .park_row .park_row_column .pic { padding: 0 0 30px 0; } .w_park .park_row .park_row_column .park_row_min { padding: 0 0 50px 0; } .w_park .park_row .park_row_column:nth-of-type(2n) { flex-flow: initial; flex-direction: column; } .w_park .park_row .park_row_column .park_row_min .min_pic { margin-top: 25px; } .w_park .park_row .park_row_column:nth-of-type(2n) .pic { width: 100%; padding: 0 0 30px 0; border-top: none; } .w_park .park_row .park_row_column:nth-of-type(2n) .park_row_min { padding: 0 0 50px 0; flex-flow: initial; width: 100%; flex-direction: column; } .w_property { padding: 40px 0 30px; } .w_property .property_left { width: 100%; padding: 5%; } .w_property .property_swiper { position: relative; width: 100%; top: 0; right: 0; } .g_about, .about_service, .about_history { padding: 50px 0; } .g_about .about_row { flex-flow: column-reverse; margin-top: 40px; } .g_about .about_row .row_left, .g_about .about_row .row_right { width: 100%; } .g_about .about_row .row_left { margin-top: 40px; } .g_about .about_row .row_left .row_left_p { margin-bottom: 40px; } .about_service .service_row { margin-top: 35px; flex-wrap: wrap; } .about_service .service_row .service_min { width: calc((100% - 50px) / 2); margin-bottom: 40px; } .about_service .service_row .service_min:nth-of-type(2n) { margin-right: 0; } .about_culture .culture_row { margin-top: 40px; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .about_culture .culture_row .culture_min { width: 100%; margin-bottom: 30px; } .about_history .history_content { margin-top: 50px; } .about_history .history_content .history_row { width: 90%; flex-direction: column; } .about_history .history_content .history_row .row_left { width: 100%; margin-bottom: 30px; } .about_history .history_content .history_row .row_right { width: 100%; text-align: center; } .corporate_identity_row { flex-direction: column; } .corporate_identity_row .identity_row_left { width: 100%; text-align: center; margin-bottom: 20px; } .corporate_identity_row .identity_row_right { width: 100%; } } @media (max-width: 600px) { .corporate_identity_row .identity_row_right p strong span { font-size: 20px !important; } .corporate_identity_row .identity_row_left img { width: 130px; } .about_name h2 { font-size: 25px; } .g_about .about_row .row_left .row_left_p p, .about_culture .culture_row .culture_min .min_content h5, .corporate_identity p, .about_history .history_content .history_row .row_left li, .honor_wrap .honor_content p { font-size: 12px; } .executive_wrap .executive_min { width: 100% !important; margin-right: 0 !important; margin-bottom: 30px; } .executive_wrap .executive_min .executive_content { margin-top: 25px; } .w_park .park_name { margin-bottom: 25px; } .honor_wrap { margin: 30px 0; } .honor_wrap .honor_content { width: 100% !important; margin-right: 0 !important; margin-bottom: 40px; } .honor_wrap .honor_content .honor1 { bottom: -64px; } .contact_top .contact_top_left { padding: 30px 30px 20px; } .contact_top .contact_top_left h2 { font-size: 18px; text-align: center; } .contact_top .contact_top_left h3 { text-align: center; line-height: 1.5; } .contact_top .contact_top_left .left_row { flex-direction: column; margin-top: 10px; } .contact_top .contact_top_left .left_row .row_content { width: 100%; } .contact_top .contact_top_right { padding: 30px 40px; } .contact_top .contact_top_right .right_content h2 { font-size: 26px; } .contact_top .contact_top_left .left_row .row_content p { font-size: 14px; } .contact_map { height: 350px; margin-top: 25px; } .contact_min { margin: 40px 0; } .g-feedback { margin: 25px 0 0; } .g-feedback .feedback_row { flex-direction: column; margin-bottom: 0; } .g-feedback .feedback_row .feedback_column { width: 100%; margin-bottom: 20px; } .g-feedback .feedback_row .feedback_submit { width: 100%; justify-content: flex-start; } .g-feedback .feedback_row .feedback_submit .feedback_submit_1 { height: 40px; font-size: 14px; line-height: 40px; } .ceo_min { margin: 10px 0 0px; } .ceo_min .ceo_right { padding: 20px 30px 20px; } .ceo_min .ceo_right h2 { font-size: 28px; } .ceo_min .ceo_right h4 { margin-top: 20px; } .ceo_min .ceo_right .ceo_right_p { margin-top: 30px; } .w_case_top { padding: 35px 0 40px; } .w_case_top .top_left .left_top { margin-bottom: 10px; } .w_case_top .top_left .left_top h2 { font-size: 20px; } .w_case_top .top_left .left_top h3 { font-size: 14px; } .w_case_top .top_left .left_top .top_row1 h5 { margin-bottom: 10px; } .w_case_top .top_left .left_top .top_row2 h5 { width: 100% !important; margin-right: 0 !important; margin-bottom: 10px; } .w_case_top .top_left .left_min .min_content h2, .w_case_top .top_right .right_min h2, .w_case_min .w_case_min_content h2 { font-size: 22px; } .w_case_top .top_left .left_min .min_content { margin-bottom: 30px; } .w_case_min { padding: 30px 0 40px; } .w_case_min .w_case_min_content .w_case_min_row .row_right { padding: 25px; } .w_business_top { padding: 40px 0; } .w_business_top .top_left h2, .w_city .city_right h2, .w_park .park_name h2, .w_property .property_name { font-size: 20px; } .w_business_top .top_left h2 { margin-bottom: 20px; } .w_park .w_paek_p { margin-bottom: 20px; } .w_business_top .top_left .left_p p { font-size: 14px; line-height: 28px; } .w_business_top .top_right .top_swiper { padding-bottom: 45px; } .w_business_top .top_right .top_swiper .swiper-pagination-fraction { bottom: 10px; left: 40%; font-size: 16px; } .w_business_top .top_right .top_swiper .swiper-button-next { bottom: 16px; left: 58%; } .w_business_top .top_right .top_swiper .swiper-button-prev { bottom: 16px; left: 32%; } .w_city .city_left { overflow-x: auto; } .w_city .city_left .left_content { width: 50%; } .w_city .city_right { padding: 30px 20px; } .w_city .city_right h2 { margin-bottom: 25px; } .w_city .city_right .pic { margin-bottom: 30px; } .w_city .city_right p, .w_park .w_paek_p p { font-size: 14px; line-height: 25px; } .w_property .property_left .property_warp .warp_column { margin-right: 12px; } .w_property .property_swiper .property_prev, .w_property .property_swiper .property_next { width: 30px; height: 30px; background-size: 30px 30px; } .w_property .property_swiper .property_next { left: 30px; } .g_about .about_row { margin-top: 25px; } .g_about .about_row .row_left .row_left_min { padding: 20px; flex-direction: column; } .g_about .about_row .row_left .row_left_min .min_column { width: 100%; margin-bottom: 20px; align-items: flex-start; } .g_about .about_row .row_left .row_left_min .min_column:last-child { margin-bottom: 0; } .g_about .about_row .row_left .row_left_p p { font-size: 14px; line-height: 26px; } .g_about .about_row .row_left .row_left_min .min_column p, .g_about .about_row .row_left .row_left_min .min_column h3 { /* font-size: 12px; text-align: center; align-items: center; flex-direction: column; */ } /* .g_about .about_row .row_left .row_left_min .min_column p span { font-size: 20px; } */ .g_about .about_row .row_left .row_left_min .min_column p sup { top: 0; padding: 0.5rem 0 0 0; font-size: 2rem; } .about_service .about_name h5 { font-size: 13px; } .about_service .service_row .service_min { width: 100% !important; margin-right: 0 !important; margin-bottom: 20px; } .about_culture { padding: 40px 0; } .about_culture .culture_row .culture_min .min_content { margin-bottom: 20px; } .about_culture .culture_row .culture_min .min_content h2 { font-size: 20px; } .about_culture .culture_row .culture_min .min_content h5 { font-size: 12px; line-height: 22px; } .about_history .history_content { margin-top: 28px; } .about_history .history_content .history_row .row_left .row_left_sz { font-size: 90px; } .about_history .history_content .history_row .row_left li { padding-left: 15px; font-size: 12px; margin-bottom: 10px; } .about_history .history_content .history_row .row_left li::before { top: 7px; } .about_history .history_content .history_row { margin-bottom: 25px; } .about_history .history_content .history_mySwiper .swiper-button-next, .about_history .history_content .history_mySwiper .swiper-button-prev { width: 36px; height: 36px; margin-top: -18px; background-size: 36px 36px; } .about_history .history_content .history_mySwiper { padding: 0 50px; } .about_history .history_content .history_year .year { padding-top: 12px; font-size: 16px; } .about_history .history_content .swiper-slide-thumb-active .history_year .year { font-size: 22px; } .corporate_identity { padding: 0; } .corporate_identity h2 { font-size: 22px; margin-bottom: 10px; } .corporate_identity p { font-size: 14px; line-height: 26px; } .contact_top .contact_top_right .right_content h5 { font-size: 16px; line-height: 30px; } .contact_top .contact_top_right .right_content .right_content_pic { margin-top: 10px; } .g_about .about_row .row_left { margin-top: 25px; } .w_case_top .top_right { margin-top: 25px; } .w_case_top .top_right .right_swiper .swiper-button-next, .w_case_top .top_right .right_swiper .swiper-button-prev { width: 40px; height: 40px; margin-top: -20px; background-size: 40px 40px; } .w_case_top .top_right .right_swiper { margin-bottom: 40px; } .w_case_top .top_right .right_min .case_min_swiper h2 { font-size: 16px; } }