.padd_b100{padding-bottom: 1rem;} @media only screen and (max-width:1024px) { .padd_b100{padding-bottom: 40px;} } /* 公司介绍 */ .gywmBox .box_1 { position: relative; } .gywmBox .box_1 .box_1_ul { position: relative; right: 0; padding: 5% 0 1.5%; } .gywmBox .box_1 .box_1_ul>li { display: inline-block; margin: 0 25px; line-height: 50px; position: relative; } .gywmBox .box_1 .box_1_ul>li:nth-child(1) { margin-left: 0; } .gywmBox .box_1 .box_1_ul>li>a { display: block; color: #000; position: relative; } .gywmBox .box_1 .box_1_ul>li.on>a { color: #897048 !important; font-weight: bold; } .gywmBox .box_1 .box_1_ul>li>a>em { opacity: 0; display: block; position: absolute; left: 50%; bottom: 0px; width: 0; height: 2px; background: #897048; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .gywmBox .box_1 .box_1_ul>li.on>a>em { opacity: 1; left: 0; width: 100%; } .gywmBox .box_1 .box_1_content { /* padding: 5% 0 1.5%; */ padding: 5% 0 5%; color: #4A3B21; background: #fff; } .gywmBox .box_1 .box_1_content .box_1_content_title { padding-bottom: 56px; } .gywmBox .box_1 .box_1_content .box_1_content_p { padding-bottom: 40px; } .gywmBox .box_1 .box_1_content .box_1_content_02 .box_1_content_02_list { display: inline-block; width: 24%; font-weight: bold; } .gywmBox .box_1 .box_1_content .box_1_content_02 .box_1_content_02_list .countUp{display:inline-block} .gywmBox .box_2 { background-color: #e0e1e1; } .gywmBox .box_2 .box_2_content { padding: 123px 0; text-align: center; } .gywmBox .box_2 .box_2_content .box_2_content_list_01 { width: 48%; margin-right: 14px; display: inline-block; } .gywmBox .box_2 .box_2_content .box_2_content_list_02 { width: 48%; margin-left: 14px; display: inline-block; } @media only screen and (max-width:1440px) {} @media only screen and (max-width:1024px) { .gywmBox .box_2 .box_2_content .box_2_content_list_01 { width: 46%; } .gywmBox .box_2 .box_2_content .box_2_content_list_02 { width: 46%; } .gywmBox .box_1 .box_1_content .box_1_content_02 .box_1_content_02_list { width: 48%; } } @media only screen and (max-width:767px) { .gywmBox .box_2 .box_2_content .box_2_content_list_01 { margin-right: 2px; } .gywmBox .box_2 .box_2_content .box_2_content_list_02 { margin-left: 2px; } .gywmBox .box_2 .box_2_content { padding: 40px 0; } .gywmBox .box_1 .box_1_ul>li { margin: 0 2px; } } @media only screen and (max-width:465px) { .gywmBox .box_2 .box_2_content .box_2_content_list_01 { margin-right: 2px; } .gywmBox .box_2 .box_2_content .box_2_content_list_02 { margin-left: 2px; } .gywmBox .box_2 .box_2_content { padding: 40px 0; } .gywmBox .box_1 .box_1_ul>li { margin: 0 2px; } .gywmBox .box_1 .box_1_content .box_1_content_02 .box_1_content_02_list{ width: 100%; } } /* 企业风采 */ .qyfcBox .box_1 { position: relative; } .qyfcBox .box_1 .box_1_ul { position: relative; right: 0; padding: 5% 0 1.5%; } .qyfcBox .box_1 .box_1_ul>li { display: inline-block; margin: 0 25px; line-height: 50px; position: relative; } .qyfcBox .box_1 .box_1_ul>li:nth-child(1) { margin-left: 0; } .qyfcBox .box_1 .box_1_ul>li>a { display: block; color: #000; position: relative; } .qyfcBox .box_1 .box_1_ul>li.on>a { color: #897048 !important; font-weight: bold; } .qyfcBox .box_1 .box_1_ul>li>a>em { opacity: 0; display: block; position: absolute; left: 50%; bottom: 0px; width: 0; height: 2px; background: #897048; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .qyfcBox .box_1 .box_1_ul>li.on>a>em { opacity: 1; left: 0; width: 100%; } .qyfcBox .swiper-container { padding-bottom: 5%; } .qyfcBox .swiper-slide img { width: 100%; } .qyfcBox .swiper-button-prev, .qyfcBox .swiper-button-next { left: auto; right: 66px; top: auto; margin-top: 0; bottom: 8%; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 100%; border: 2px solid #242424; background: #fff; } .qyfcBox .box_2 { background-color: #f8f9f9; } .qyfcBox .box_2 .box_2_padding { padding: 78px 0 116px; } .qyfcBox .box_2 .box_2_padding .img_three::after { content: ""; display: table; clear: both; } .qyfcBox .box_2 .box_2_padding .img_tow::after { content: ""; display: table; clear: both; } .qyfcBox .box_2 .box_2_padding .img_three .box_2_content_list { width: calc(33.33% - 0.14rem); float: left; margin: 0 0.07rem; } .qyfcBox .box_2 .box_2_padding .img_tow .box_2_content_list_01 { width: calc(66.66% - 0.14rem); float: left; margin: 0.14rem 0.07rem; } .qyfcBox .box_2 .box_2_padding .img_tow .box_2_content_list_02 { width: calc(33.33% - 0.14rem); float: left; margin: 0.14rem 0.07rem; } .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide{ width: calc(33.33% - 0.14rem); } .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide .col { /* width: calc(33.33% - 0.14rem); */ float: left; /* margin: 0 0.07rem; */ box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2); } .pro-app ul{/* margin: 0 5%; */} .pro-app li{ float: left; width: 31.33%; margin: 0 1% 2%;} .pro-app li:nth-child(4){ width: 64.67%;} .pro-app li:nth-child(5){ float: right;} .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide .col .colBottomBox { height: 100px; /* line-height: 100px; */ padding: 0 36px; position: relative; } .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide .col .colBottomBox span { float: left; color: #4a3b21; width: 60%; position: absolute; top: 50%; transform: translate(0, -50%); overflow: hidden; text-overflow: clip; display: -webkit-box; line-height: 1.5em; max-height: 3em; -webkit-line-clamp: 2; } .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide .col .colBottomBox i { float: right; right: 36px; position: absolute; top: 50%; transform: translate(0, -50%); } .qyfcBox .box_1 .box_1_content .box_1_content_top .box_1_content_top_left { font-weight: bold; color: #4a3b21; } .qyfcBox .box_1 .box_1_content .box_1_content_top .box_1_content_top_right { position: relative; } .qyfcBox .box_1 .box_1_content .box_1_content_top .box_1_content_top_right .swiper-button-next { right: 0; } .qyfcBox .box_1 .box_1_content .box_1_content_top { padding: 4.5% 0 1.5%; } .qyfcBox .box_2 .box_2_padding .box_2_title { font-weight: bold; color: #4a3b21; padding-bottom: 50px; } @media only screen and (max-width:1024px) {} @media only screen and (max-width:767px) { .qyfcBox .box_1 .box_1_content .swiper-container .swiper-wrapper .swiper-slide .col { width: 100%; margin: .07rem 0; box-shadow: none; } .qyfcBox .box_2 .box_2_padding { padding: 30px 0 50px; } .qyfcBox .box_1 .box_1_ul>li { margin: 0 10px; } } @media only screen and (max-width:420px){ .qyfcBox .box_1 .box_1_ul>li { margin: 0 2px; } } /* 企业文化 */ .qywhBox .box_1 { position: relative; } .qywhBox .box_1 .box_1_ul { position: relative; right: 0; padding: 5% 0 1.5%; } .qywhBox .box_1 .box_1_ul>li { display: inline-block; margin: 0 25px; line-height: 50px; position: relative; } .qywhBox .box_1 .box_1_ul>li:nth-child(1) { margin-left: 0; } .qywhBox .box_1 .box_1_ul>li>a { display: block; color: #000; position: relative; } .qywhBox .box_1 .box_1_ul>li.on>a { color: #897048 !important; font-weight: bold; } .qywhBox .box_1 .box_1_ul>li>a>em { opacity: 0; display: block; position: absolute; left: 50%; bottom: 0px; width: 0; height: 2px; background: #897048; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .qywhBox .box_1 .box_1_ul>li.on>a>em { opacity: 1; left: 0; width: 100%; } .qywhBox .box_1 .box_1_padding { /* padding: 60px 0 158px; */ padding: 60px 0; } .qywhBox .box_1 .box_1_padding::after { content: ""; display: table; clear: both; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list { width: calc(50%); float: left; position: relative; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_1 { position: absolute; right: 0; bottom: 0; background-color: rgb(43 30 19 / 50%); width: 115px; height: 115px; border-top-left-radius: 115px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_2 { position: absolute; left: 0; bottom: 0; background-color: rgb(43 30 19 / 50%); width: 115px; height: 115px; border-top-right-radius: 115px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_3 { position: absolute; right: 0; top: 0; background-color: rgb(43 30 19 / 50%); width: 115px; height: 115px; border-bottom-left-radius: 115px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_4 { position: absolute; left: 0; top: 0; background-color: rgb(43 30 19 / 50%); width: 115px; height: 115px; border-bottom-right-radius: 115px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_box img { position: absolute; top: 50%; left: 50%; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_1 img { transform: translate(-30%, -30%); width: 52px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_2 img { transform: translate(-80%, -30%); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_3 img { transform: translate(-30%, -80%); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_4 img { transform: translate(-80%, -80%); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_box .trueIcon{ display: none; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .box_1_content_tow_list_btm { position: absolute; bottom: 0; height: 60px; line-height: 60px; text-align: center; width: 100%; color: #fff; font-weight: bold; background: linear-gradient(to top, #000000, transparent); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .active { display: none; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .active { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgb(106 87 52 / 60%); display: block; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .icon_box { background-color: #fff; z-index: 2; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .icon_box .falseIcon{ display: none; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .icon_box .trueIcon{ display: block; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .active .active_content { padding-top: 20%; padding-left: 8%; color: #fff; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .active .active_content p:nth-child(1) { font-weight: bold; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list.on .box_1_content_tow_list_btm { display: none; } @media only screen and (max-width:1024px) { .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_box { width: 80px; height: 80px; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_2 img { transform: translate(-60%, -30%); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_3 img { transform: translate(-30%, -60%); } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_4 img { transform: translate(-60%, -60%); } } @media only screen and (max-width:767px) { .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list { width: 100%; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .icon_box { display: none; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .active { display: block; position: absolute; top: auto; width: 100%; height: auto; padding: 20px 0; } .qywhBox .box_1 .box_1_padding .box_1_content_tow .box_1_content_tow_list .box_1_content_tow_list_btm { display: none; } .qywhBox .box_1 .box_1_ul>li{ margin: 0 10px; } } @media only screen and (max-width:420px){ .qywhBox .box_1 .box_1_ul>li{ margin: 0 2px; } }