@charset "utf-8"; * { color: #fff; } .rljob-lim-textk{ color: #222; } .shu16 p,.jobv-ndtj span,.shu16 a{ color: #222; } .fl { float: left; } .fr { float: right; } .clearfix { content: ""; display: block; clear: both; } .qing { clear: both; } .container { width: 1500px; min-width: 1500px; margin-left: auto; margin-right: auto; } .pages { position: relative; } .palr { padding-left: 3%; padding-right: 3%; } .ovfh { overflow: hidden; } /**********************index**********************/ /* index */ .swiper { width: 100%; height: 100%; } .top-headl { height: 83px; } .pages .top-headxk { position: fixed; left: 0; width: 100%; top: 0; z-index: 200; background: rgb(0, 0, 0, .8); } .mySwiper-home>.swiper-wrapper>.swiper-slide { overflow: hidden; } .mySwiper-home>.swiper-wrapper>.swiper-slide6 { background-size: 100% auto !important; } .mySwiper-home .swiper-pagination-home { position: absolute; right: 2%; width: 20px; height: 150px; z-index: 9; } .mySwiper-home .in-protu { z-index: 1; } .swiper-pagination-home .swiper-pagination-bullet { display: block; margin: 0 auto 5px; width: 20px; height: 20px; opacity: 1; background: url(../Images/in-dd1.png) center center no-repeat; background-size: contain !important; } .swiper-pagination-home .swiper-pagination-bullet-active { background: url(../Images/in-dd2.png) center center no-repeat; } :root { --swiper-theme-color: #f4a900 !important; } /* */ .inpnxk { display: flex; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 12; } .inpnk { display: block; position: absolute; overflow: hidden; left: 50%; transform: translateX(-50%); /* max-width: 1920px; */ top: 0; width: 100%; height: 100%; background-size: cover !important; } .inp1-mdk { display: block; position: absolute; z-index: 22; left: 0; width: 100%; top: 33.333333%; } .inp1-mdk .container { position: relative; } .inp1-mdm1 { display: block; position: relative; z-index: 3; font-weight: bold; margin-bottom: 24px; line-height: 1.333333333333333; font-size: 60px; color: #fff; } .inp1-mdm2 { display: block; position: relative; z-index: 3; line-height: 1.458333333333333; font-size: 24px; color: #fff; } /* 1 */ .in-down1k { display: block; position: relative; width: auto; float: left; height: 29px; z-index: 8; } .in-down-m { display: block; position: relative; margin-left: 36px; line-height: 25px; font-size: 16px; color: rgba(255, 255, 255, 0.8); } .in-down1 { display: block; position: relative; overflow: hidden; float: left; } .in-down { display: block; position: absolute; left: 0; top: 0; animation: in-down 0.5s infinite alternate; } @keyframes in-down { 0% { transform: translateY(-3px); } 100% { transform: translateY(3px); } } .mySwiper-inp1 { position: absolute; width: 100%; height: 100%; z-index: 1; } .swiper-button-prev-inp1, .swiper-button-next-inp1 { width: 58px; height: 58px; background-size: contain !important; top: 67.1875%; } .swiper-button-prev-inp1::after, .swiper-button-next-inp1::after { content: ""; } .swiper-button-prev-inp1 { left: calc((100% - 1500px)/2); background: url(../Images/in-banxj1.png) center center no-repeat; } .swiper-button-next-inp1 { left: calc((100% - 1500px)/2 + 78px); background: url(../Images/in-banxj2.png) center center no-repeat; } .in-p1-btk { display: block; position: absolute; width: 1500px; top: 90.625%; left: calc((100% - 1500px)/2); z-index: 9; } .in-p1-btt { display: block; position: absolute; left: 150px; top: 14px; height: 1px; background: rgba(255, 255, 255, 0.2); width: calc(100% - 150px - 85px); } .mySwiper-inp1 .swiper-pagination-inp1 { float: right; width: 85px; height: 25px; position: relative; bottom: 0; z-index: 24; text-align: right; color: #fff; } .swiper-pagination-inp1 span { font-size: 18px; color: rgba(255, 255, 255, 0.8); } /* */ .in-nrdk { display: flex; align-items: center; position: absolute; width: 100%; height: calc(100% - 83px); left: 0; bottom: 0; z-index: 2; } .in-nrdk2 { display: block; position: absolute; width: 100%; height: calc(100% - 93px); left: 0; bottom: 0; z-index: 2; } .in-nrdk2>.container { display: block; position: relative; height: 100%; } .in-nrdk>div { flex-direction: column; } .in-ntitk { display: block; position: relative; height: 75px; margin: 0 auto 46px; } .in-ntitkab { min-width: 400px; } .in-tbg { display: block; position: relative; width: 63px; height: 3px; background: #9a1e23; } .in-tbg2 { background: #fff; } .in-ntit1 { display: block; position: relative; z-index: 3; } .in-ntitm1 { display: block; position: relative; z-index: 3; font-weight: bold; padding: 12px 0; line-height: 48px; font-size: 32px; color: #000; } .in-titbg { display: block; position: absolute; left: 34px; top: calc(50% - 42px); } .in-ntit2 { display: block; position: absolute; left: -60px; top: 0; z-index: 1; font-family: Montserrat-ExtraLight; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-size: 60px; color: rgba(154, 30, 35, 0.1); } /* 2 */ .in-p2zsqkdk { display: block; position: absolute; width: calc(100% - 120px); height: 100%; /* overflow: hidden; */ /* width: auto; max-height: calc(100% - 140px); left: 50%; transform: translateX(-50%); top: 70px; */ } .in-p2zsqkdk .in-protuk, .in-p2zsqkxk .in-protuk { width: auto !important; height: auto !important; left: 50%; transform: translateX(-50%); max-width: 100% !important; max-height: 100% !important; } .in-p2zsqkxk .in-protu { width: auto; height: auto; left: 50%; transform: translateX(-50%); max-width: 100%; max-height: 100%; } .in-p2zsqkdk>.in-protu {} .in-p2zsqkdk>.in-protu { animation: in-p2zsqkdktu 40s linear infinite both; -webkit-animation: in-p2zsqkdktu 40s linear infinite both; -moz-animation: in-p2zsqkdktu 40s linear infinite both; -o-animation: in-p2zsqkdktu 40s linear infinite both; } @keyframes in-p2zsqkdktu { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } .in-p2zsqkxk .in-protu { border-radius: 50%; } .in-p2zsqk { display: block; position: relative; z-index: 1; max-width: 100%; max-height: 100%; } .in-p2zsqkxk { display: block; position: absolute; overflow: hidden; z-index: 2; border-radius: 50%; width: 77.53424657534247%; height: 77.53424657534247%; left: 11.23287671232877%; top: 11.23287671232877%; } .mySwiper-inpx21 { display: block; position: absolute; width: 100%; height: 100%; } .inp2-btk { display: block; position: absolute; width: 1500px; overflow: hidden; top: 86.70520231213873%; left: calc((100% - 1500px)/2); z-index: 9; } .swiper-pagination-inp2 { display: block; width: calc(100% - 90px); left: 45px; bottom: 0; color: transparent; } .swiper-pagination-inp2 span { font-size: 20px; line-height: 40px; font-weight: bold; color: rgba(255, 255, 255, 1); } .swiper-pagination-inp2 .swiper-pagination-current { display: block; float: left; } .swiper-pagination-inp2 .swiper-pagination-total { display: block; float: right; } .swiper-button-prev-inp2, .swiper-button-next-inp2 { display: block; position: relative; width: 20px; height: 40px; top: auto; margin-top: 0; } .swiper-button-prev-inp2::after, .swiper-button-next-inp2::after { content: ""; } .swiper-button-prev-inp2 { float: left; background: url(../Images/in-p2xj1.png) center center no-repeat; } .swiper-button-next-inp2 { float: right; background: url(../Images/in-p2xj2.png) center center no-repeat; } .inp2-btk .in-p1-btt { left: 100px; top: 20px; width: calc(100% - 200px); } .mySwiper-inp22 { display: block; width: 200px; height: 55.49132947976879%; z-index: 6; position: absolute; top: 17.34104046242775%; left: calc((100% - 1500px)/2); } .mySwiper-inp22 .swiper-slide { display: flex; align-items: center; } .inp22-tit { display: block; position: relative; z-index: 3; flex-direction: column; padding-left: 40px; background: url(../Images/in-xtxq1-1.png) left 9px no-repeat; height: 36px; cursor: pointer; line-height: 36px; font-weight: bold; font-size: 18px; color: #fff; } .mySwiper-inp22 .swiper-slide::after { display: block; position: absolute; z-index: 1; left: 8px; top: 0; width: 1px; height: 100%; content: ""; background: #825b04; } .mySwiper-inp22 .swiper-slide-thumb-active .inp22-tit { color: #f4a900; font-size: 22px; background: url(../Images/in-xtxq2.png) left 9px no-repeat; } .in-p2zsqkdk .swiper-pagination { bottom: -30px; } .in-p2zsqkdk .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 0.8; } .in-p2zsqkdk .swiper-pagination .swiper-pagination-bullet-active { background-color: #F4A900; opacity: 1; } .mySwiper-inp2 .swiper-button-prev-inpx21, .mySwiper-inp2 .swiper-button-next-inpx21, .mySwiper-inp2 .swiper-button-prev-inpx22, .mySwiper-inp2 .swiper-button-next-inpx22, .mySwiper-inp2 .swiper-button-prev-inpx23, .mySwiper-inp2 .swiper-button-next-inpx23, .mySwiper-inp2 .swiper-button-prev-inpx24, .mySwiper-inp2 .swiper-button-next-inpx24, .mySwiper-inp2 .swiper-button-prev-inpx25, .mySwiper-inp2 .swiper-button-next-inpx25, .mySwiper-inp2 .swiper-button-prev-inpx26, .mySwiper-inp2 .swiper-button-next-inpx26, .mySwiper-inp2 .swiper-button-prev-inpx27, .mySwiper-inp2 .swiper-button-next-inpx27, .mySwiper-inp2 .swiper-button-prev-inpx28, .mySwiper-inp2 .swiper-button-next-inpx28, .mySwiper-inp2 .swiper-button-prev-inpx29, .mySwiper-inp2 .swiper-button-next-inpx29 { width: 48px; height: 48px; position: absolute; left: auto; right: auto; background-size: contain !important; top: auto; margin-top: 0; bottom: 25.34246575342466%; } .mySwiper-inp2 .swiper-button-prev-inpx21::after, .mySwiper-inp2 .swiper-button-next-inpx21::after, .mySwiper-inp2 .swiper-button-prev-inpx22::after, .mySwiper-inp2 .swiper-button-next-inpx22::after, .mySwiper-inp2 .swiper-button-prev-inpx23::after, .mySwiper-inp2 .swiper-button-next-inpx23::after, .mySwiper-inp2 .swiper-button-prev-inpx24::after, .mySwiper-inp2 .swiper-button-next-inpx24::after, .mySwiper-inp2 .swiper-button-prev-inpx25::after, .mySwiper-inp2 .swiper-button-next-inpx25::after, .mySwiper-inp2 .swiper-button-prev-inpx26::after, .mySwiper-inp2 .swiper-button-next-inpx26::after, .mySwiper-inp2 .swiper-button-prev-inpx27::after, .mySwiper-inp2 .swiper-button-next-inpx27::after, .mySwiper-inp2 .swiper-button-prev-inpx28::after, .mySwiper-inp2 .swiper-button-next-inpx28::after, .mySwiper-inp2 .swiper-button-prev-inpx29::after, .mySwiper-inp2 .swiper-button-next-inpx29::after { content: ""; } .mySwiper-inp2 .swiper-button-prev-inpx21, .mySwiper-inp2 .swiper-button-prev-inpx22, .mySwiper-inp2 .swiper-button-prev-inpx23, .mySwiper-inp2 .swiper-button-prev-inpx24, .mySwiper-inp2 .swiper-button-prev-inpx25, .mySwiper-inp2 .swiper-button-prev-inpx26, .mySwiper-inp2 .swiper-button-prev-inpx27, .mySwiper-inp2 .swiper-button-prev-inpx28, .mySwiper-inp2 .swiper-button-prev-inpx29 { left: calc(100% + 15px); background: url(../Images/in-banxj1.png) center center no-repeat; } .mySwiper-inp2 .swiper-button-next-inpx21, .mySwiper-inp2 .swiper-button-next-inpx22, .mySwiper-inp2 .swiper-button-next-inpx23, .mySwiper-inp2 .swiper-button-next-inpx24, .mySwiper-inp2 .swiper-button-next-inpx25, .mySwiper-inp2 .swiper-button-next-inpx26, .mySwiper-inp2 .swiper-button-next-inpx27, .mySwiper-inp2 .swiper-button-next-inpx28, .mySwiper-inp2 .swiper-button-next-inpx29 { left: calc(100% + 70px); background: url(../Images/in-banxj2.png) center center no-repeat; } .in-p2zsqkkd { display: inline-block; overflow: hidden; z-index: 6; position: absolute; /* overflow: hidden; */ width: calc(100vh - 140px + 120px); height: calc(100vh - 140px); max-width: calc(730px + 120px); max-height: 730px; left: 50%; top: 50%; transform: translate(calc(-50% + 60px), calc(-50% - 30px)); /* top: 70px; */ } .in-p2zsqkkd .in-p2zsqkk { display: block; position: relative; max-width: 100%; max-height: 100%; } .mySwiper-inp2 { display: block; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; } /* */ .in-p3dk { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .mySwiper-inp3 { display: block; position: relative; z-index: 1; line-height: 400px; font-size: 200px; color: #fff; } .in-zhjtbg { display: block; position: absolute; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); } .mySwiper-inp31 { display: block; position: absolute; top: 93px; width: 100%; height: calc(100% - 93px); z-index: 4; } .mySwiper-inp3 .in-protu, .mySwiper-home>.swiper-wrapper>.swiper-slide>.in-protu { animation: in-p3bg 10s linear infinite alternate both; -webkit-animation: in-p3bg 10s linear infinite alternate both; -moz-animation: in-p3bg 10s linear infinite alternate both; -o-animation: in-p3bg 10s linear infinite alternate both; } @keyframes in-p3bg { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } 100% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } } @-webkit-keyframes in-p3bg { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } 100% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } } @-moz-keyframes in-p3bg { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } 100% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } } @-o-keyframes in-p3bg { 0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } 100% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } } .in-p3yynk { display: flex; align-items: center; position: absolute; width: 100%; height: 100%; z-index: 3; border-left: 1px solid rgba(255, 255, 255, 0.2); } .in-p3yynxk { display: block; width: 100%; flex-direction: column; text-align: center; padding: 0 20px; } .in-p3-yybk { display: block; width: 98px; margin: 0 auto; position: relative; overflow: hidden; } .in-p3-yybk-m-titcn { display: block; margin-bottom: 0; line-height: 48px; font-size: 28px; color: #fff; } .in-p3-yybk-m-titen { display: block; position: relative; overflow: hidden; height: 56px; line-height: 28px; font-size: 14px; color: #fff; } .in-p3-yybk-m-text { display: block; position: relative; overflow: hidden; height: 0; line-height: 30px; font-size: 16px; color: #fff; } .in-p3-yybk-m-more { display: block; width: 120px; height: 40px; overflow: hidden; border-radius: 40px; position: relative; margin: 18px auto 0; border: 1px solid #fff; } .in-p3-yybk-m-more span { display: block; position: absolute; width: 100%; height: 100%; top: 0; background: url(../Images/in-p3-xj1.png) center center no-repeat; } .in-p3-yybk-m-more span:nth-child(1) { left: -100%; } .in-p3-yybk-m-more span:nth-child(2) { left: 0; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-more span { background: url(../Images/in-p3-xj2.png) center center no-repeat; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-more { border-color: #F4A900; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-more span:nth-child(1) { left: 0; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-more span:nth-child(2) { left: 100%; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-titcn { color: #ffbe2d; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-titen { height: 0; color: #ffbe2d; } .in-p3dk .swiper-slide-thumb-active .in-p3-yybk-m-text { height: 90px; color: #ffbe2d; } .in-p3-yyb01, .in-p3-yyb1 { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; } .in-p3-yyb1 { transform: scale(1); } .in-p3-yyb01 { transform: scale(0); } .in-p3dk .swiper-slide-thumb-active .in-p3-yyb1 { transform: scale(0); } .in-p3dk .swiper-slide-thumb-active .in-p3-yyb01 { transform: scale(1); } .swiper-button-prev-inp3, .swiper-button-next-inp3, .swiper-button-prev-inp33, .swiper-button-next-inp33 { display: block; position: absolute; width: 58px; height: 58px; background-size: contain !important; top: auto; margin-top: 0; bottom: 90px; } .swiper-button-prev-inp3::after, .swiper-button-next-inp3::after, .swiper-button-prev-inp33::after, .swiper-button-next-inp33::after { content: ""; } .swiper-button-prev-inp3, .swiper-button-prev-inp33 { left: 2%; background: url(../Images/in-p3-xqj1.png) center center no-repeat; } .swiper-button-next-inp3, .swiper-button-next-inp33 { right: 2%; background: url(../Images/in-p3-xqj2.png) center center no-repeat; } /* 4 */ .in-p2bbk2xw-list { display: block; position: relative; margin-left: -50px; } .in-p2bbk2xw-list dd { display: block; margin-left: 50px; width: calc(33.3333% - 50px); float: left; list-style: none; } .in-p4-xwtuk { display: block; position: relative; overflow: hidden; margin-bottom: 33px; } .in-p4-xwtumk { display: block; } .in-p4-xwtum-tit { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 16px; line-height: 37px; font-size: 18px; color: #fff; } .in-p4-xwtum-da { display: block; margin-bottom: 42px; line-height: 24px; font-size: 14px; color: #ccc; } .in-p4-xwtu-more { display: block; width: 74px; height: 40px; position: relative; overflow: hidden; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 rgba(255, 190, 45, 0.38); } .in-p4-xwtu-xm1, .in-p4-xwtu-xm2 { display: block; width: 100%; height: 100%; position: absolute; top: 0; background: url(../Images/in-p3-xj1.png) center center no-repeat; } .in-p4-xwtu-xm1 { left: -100%; } .in-p4-xwtu-xm2 { left: 0; } .in-p2bbk2xw-link:hover .in-p4-xwtu-more { border-color: rgba(255, 190, 45, 1); box-shadow: 0 0 20px rgba(255, 190, 45, 0.38); } .in-p2bbk2xw-link:hover .in-p4-xwtu-more .in-p4-xwtu-xm1 { left: 0; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .in-p2bbk2xw-link:hover .in-p4-xwtu-more .in-p4-xwtu-xm2 { left: 100%; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .in-p2bbk2xw-link:hover .in-p4-xwtum-tit, .in-p2bbk2xw-link:hover .in-p4-xwtum-da { color: #f4a900; } .in-xwdk .tab { position: relative; } .in-xwdk .tab .tab_menu { z-index: 1; } .in-xwdk .tab .tab_menu li { display: block; float: left; width: 160px; height: 50px; list-style: none; margin-bottom: 98px; border: 1px solid #fff; cursor: pointer; margin-left: 16px; text-align: center; font-weight: bold; line-height: 48px; font-size: 16px; color: #fff; border-radius: 50px; box-shadow: 0 0 0 rgba(255, 190, 45, 0.5); } .in-xwdk .tab .tab_menu li:first-child { margin-left: 0; } .in-xwdk .tab .tab_menu li span { display: inline-block; padding-left: 28px; background: url(../Images/in-p4-xq1.png) left center no-repeat; } .in-xwdk .tab .tab_menu .selected { color: #171614; border-color: #f4a900; background-color: #f4a900; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); } .in-xwdk .tab .tab_menu .selected span { color: #171614; } .in-p6-ak a span { color: #000; } .in-xwdk .tab .tab_menu li.selected span { background: url(../Images/in-p4-xq2.png) left center no-repeat; } .in-xwdk .tab .tab_box {} .in-xwdk .hide { display: none; } .in-xwdk .tab_box .div { padding: 0; } .in-xw-more { display: block; position: relative; overflow: hidden; width: 125px; height: 42px; text-align: center; border-radius: 50px; border: 1px solid #fff; float: right; box-shadow: 0 0 30px rgba(255, 255, 255, 0.48); line-height: 40px; font-size: 16px; color: #fff; } .in-xw-more span { display: inline-block; padding-right: 40px; background: url(../Images/in-p3-xj1.png) right center no-repeat; } .in-xw-more:hover { color: #F4A900; border-color: #F4A900; } .in-xw-more:hover span { background: url(../Images/in-p3-xj2.png) right center no-repeat; } .in-p5-abtudk { display: block; position: relative; width: 50%; height: 100%; right: 0; float: right; } .navhbg { display: block; position: absolute; width: 100%; height: 368px; left: 0; top: 0; z-index: 5; background: url(../Images/in-navhbg.png) top left repeat-x; background-size: auto 100% !important; } .navhbg2 { display: block; position: absolute; width: 180px; height: 100%; left: 0; top: 0; z-index: 5; background: url(../Images/in-navhbg2.png) top left repeat-y; background-size: 100% auto !important; } .mySwiper-inp5tu { z-index: 1; } .in-p5-abtudk .swiper-pagination-inp5tu { text-align: left; padding-left: 78px; bottom: 8.33333333333333%; z-index: 7; } .swiper-pagination-inp5tu .swiper-pagination-bullet { width: 34px; height: 5px; opacity: 1; background-color: #fff; border-radius: 0; } .swiper-pagination-inp5tu .swiper-pagination-bullet-active { background-color: #F4A900; } .in-p5-abtmk { display: flex; align-items: center; position: relative; width: 50vw; height: 100%; left: 0; float: left; padding-top: 93px; padding-bottom: 40px; } .in-p5-abtxmk { display: block; position: relative; z-index: 6; color: #fff; width: calc(50vw - (100vw - 1500px)/2); left: calc((100vw - 1500px)/2); padding-right: 120px; } .in-p5-ab-tit { display: block; font-weight: bold; margin-bottom: 25px; line-height: 50px; font-size: 30px; color: #fff; } .in-p5-ab-textk { display: block; margin-bottom: 52px; height: 136px; line-height: 34px; font-size: 16px; color: rgba(255, 255, 255, 0.8); } .in-p5-ab-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .in-p5-ab-text, .in-p5-ab-text:visited { color: rgba(255, 255, 255, 0.8); } .in-p5-ab-text:hover { color: rgba(255, 255, 255, 1); } .in-p5-ab-more { display: block; width: 150px; height: 50px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50px; box-shadow: 0 0 0 rgba(255, 190, 45, 0.5); line-height: 48px; font-size: 16px; color: #fff; } .in-p5-ab-more span { display: inline-block; padding-left: 30px; background: url(../Images/in-p4-xq1.png) left center no-repeat; } .in-p5-ab-more:hover { border-color: #F4A900; background: #F4A900; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); } .in-p5-ab-more:hover span { color: #171614; background: url(../Images/in-p4-xq2.png) left center no-repeat; } .in-p5-szdk { display: flex; overflow: hidden; justify-content: space-between; margin-top: 100px; position: relative; } .in-p5-szxk { display: inline-block; } .in-p5-szxt { display: inline-block; width: 1px; height: 100px; position: relative; top: 0; background: rgba(255, 255, 255, 0.2); } .in-p5-sz-m1 { overflow: hidden; margin-bottom: 13px; color: #f7ac00; } .in-p5-sz-m1 b { display: block; float: left; line-height: 56px; font-size: 48px; color: #f7ac00; } .in-p5-sz-m1 span { display: block; float: left; margin-left: 14px; line-height: 30px; margin-top: 7px; font-size: 18px; color: #f7ac00; } .in-p5-sz-m2 { display: block; line-height: 32px; font-size: 16px; color: rgba(255, 255, 255, 0.8); } /* */ .in-p6nk { display: block; position: relative; max-width: 600px; top: 20.80924855491329%; } .in-p6-tit { display: block; position: relative; overflow: hidden; margin-bottom: 22px; line-height: 48px; font-size: 28px; color: #fff; } .in-p6-text { display: block; position: relative; overflow: hidden; margin-bottom: 45px; height: 144px; line-height: 36px; font-size: 16px; color: rgba(255, 255, 255, 0.8); } .in-p6-ak { display: block; } .in-p6-ak a { display: block; width: 178px; height: 50px; position: relative; overflow: hidden; border-radius: 50px; float: left; text-align: center; margin-left: 18px; border: 1px solid #f7ac00; background: #f7ac00; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); line-height: 48px; font-size: 16px; color: #000; } .in-p6-ak a:first-child { margin-left: 0; } .in-p6-ak a span { display: inline-block; position: relative; padding-left: 30px; top: 0; background: url(../Images/in-p4-xq2.png) left center no-repeat; } .in-p6-ak a:hover span { top: -100%; } /* */ /* 弹出 */ .tc-ndk { display: none; position: fixed; width: 100%; height: 100%; z-index: 110; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); } .tc-nrdk { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 1000px; height: 80%; z-index: 112; background: #fff; margin: 0 auto; padding: 50px; } .fwv-tm-text { display: block; position: relative; overflow: hidden; height: calc(100% - 68px) !important; overflow-y: auto; } .tc-close { display: block; position: absolute; z-index: 3; cursor: pointer; right: 18px; top: 18px; height: 48px; } .tdv-ltuk { display: block; position: relative; overflow: hidden; } .tdv-ltuk.navFix2 { position: fixed; top: 99px; } /* 手机二级 */ .dleisjdsk { position: relative; z-index: 23; } .dleisjdk, .dleisjdk2 { display: block; padding: 0; position: relative; z-index: 99; } .dleisjdk2 { border: 1px solid #ddd; margin-bottom: 0.2rem; } .leisjck { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; } .leisjdk, .leisjdk2 { text-align: left; margin: 0; position: relative; z-index: 9; } .leisjk, .leisjk2 { display: block; position: relative; padding: 0.05rem 5%; background: #faf9f9; overflow: hidden; text-align: left; line-height: 0.4rem; font-size: 0.16rem; color: #262626; } .leisjk2 { border: 1px solid #ddd; padding: 0.03rem 5%; } .leisjj, .leisjj2 { display: block; position: absolute; width: 100%; height: 100%; right: 0; top: 0 !important; z-index: 3; cursor: pointer; background: url(../Images/nav-xjsj.png) 94% center no-repeat; background-size: auto 100% !important; } .leisjerk, .leisjerk2 { display: none; overflow: hidden; position: absolute; width: 100%; top: 0.5rem; background: #faf9f9; border: 1px solid #ddd; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 0.1rem; z-index: 99; } .leisjerk2 { top: 0.46rem; border: 1px solid #ddd; } .leisjerhk, .leisjerhk2 { height: auto; padding: 0.1rem; } .leisjerxk { display: block; margin-left: -0.08rem; } .leisjerxk>a { display: block; overflow: hidden; padding: 0 0.05rem; min-width: calc(33.333% - 0.08rem); margin-bottom: 0.08rem; margin-left: 0.08rem; float: left; text-align: center; border-radius: 6px; border: 1px solid #ddd; line-height: 0.38rem; font-size: 0.13rem; color: #454545; } .dleisjdk0 .leisjerxk>a { min-width: calc(50% - 0.08rem); } .leisjerxk>a.on, .leisjerxk>a:hover { background: #9a1e23; border-color: #9a1e23; color: #fff; } /*******公共样式*******/ .in-protu { display: block; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; background-size: cover !important; object-fit: cover; } .in-protuk { display: block; width: 100%; height: auto; position: relative; } .white { color: #fff; } .white2 { color: rgba(255, 255, 255, 0.1); } .block-sj { display: none; } .block-ipad { display: none; } .block-pc { display: block; } .maodian { display: block; width: 100%; height: 0; margin-top: -130px; border-top: 130px solid transparent; } .yemak { display: block; text-align: center; padding-top: 20px; } .pagination { display: inline-block; position: relative; } .pagination li { display: block; float: left; list-style: none; width: 48px; height: 48px; margin: 0 5px; border-radius: 48px; overflow: hidden; text-align: center; /* background: #fff; */ position: relative; line-height: 48px; font-size: 16px; color: #6b6b6b; cursor: pointer; } .pagination li a, .pagination li span { display: block; position: relative; height: 100%; } .pagination li a, .pagination li a:visited { color: #343434; } .pagination li:first-child, .pagination li:last-child { width: 100px; } .pagination li:first-child, .pagination li:first-child { background: url(../Images/ymfbg2.jpg) center center repeat-y; } .pagination li:last-child, .pagination li:last-child { background: url(../Images/ymfbg1.jpg) center center repeat-y; } .pagination li:first-child.active, .pagination li:first-child:hover, .pagination li:first-child.on { background: #9b1f24; } .pagination li:last-child.active, .pagination li:last-child:hover, .pagination li:last-child.on { background: #9b1f24; } .pagination li.active a, .pagination li.active span, .pagination li:hover a, .pagination li:hover span { color: #fff; } .pagination li:first-child a, .pagination li:last-child a, .pagination li:first-child span, .pagination li:last-child span { font-family: "宋体"; font-weight: bold; } .pagination li.active, .pagination li:hover { background: url(../Images/ymon.png) center center no-repeat; } .jiazai { display: block; text-align: center; padding-bottom: 18px; background: url(../Images/duo-xj.png) center bottom no-repeat; background-size: 14px auto !important; line-height: 30px; font-size: 14px; color: #878787; text-align: center; } .in-p2bbk2xw-link:hover .in-protu { transform: scale(1.05); -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Safari 和 Chrome */ -o-transform: scale(1.05); /* Opera */ -moz-transform: scale(1.05); } .in-p4nbgk:hover .in-fatu { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .in-p4nbgk:hover .in-p4b { transform: translateY(-5px) rotateY(180deg); } .in-p4nbgk:hover .in-p4b-titcn { transform: translateY(5px); } .in-fandk:hover .in-fanbm { transform: translateY(-5px); } .in-protu, .navk li a, .navk li a span, .nav-nbg, .nav-xbb01, .nav-xbb1, .navi_content>a, .top-telmk, .nav-xt, .top-telmk, .top-telmdk, .fo-naveak a, .top-tel2, .top-tel, .pagination li, .pagination li a, .pagination li span, .in-p3-yybk-m-titcn, .in-p3-yybk-m-titen, .in-p3-yybk-m-text, .in-p3-yyb01, .in-p3-yyb1, .in-p4-xwtu-xm1, .in-p4-xwtu-xm2, .in-p4-xwtu-more, .in-p4-xwtum-tit, .in-p4-xwtum-da, .in-p5-ab-more, .in-p5-ab-more span, .in-p5-ab-text, .in-p6-ak a span, .in-p3-yybk-m-more span, .in-p3-yybk-m-more, .in-xw-more span, .in-xw-more, .cen-btn, .wen, .list-t, .list-tu img, .conbot li, .inp22-tit { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .pages { height: 100%; background-color: #020305; } .in-meng { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .15); z-index: 100; } .inner { margin-left: 110px; margin-right: 110px; } .head { position: relative; } .active a { font-weight: bold; } .meng { position: absolute; left: 0; top: 0; width: 100%; height: 368px; background: url("../Images/headbg.png") no-repeat top center /cover; } .fo-conk, .ovfh { position: relative; z-index: 9; } .con .title { margin-top: 95px; text-align: center; margin-bottom: 69px; position: relative; z-index: 10; } .title .pro { font-family: MicrosoftYaHei-Bold; font-weight: bold; font-size: 36px; line-height: 60px; /* line-height: 61px; */ color: #ffffff; } .title .cen { font-family: Arial-Black; font-size: 60px; line-height: 84px; color: transparent; font-weight: bold; -webkit-text-stroke: 1px #acb7c3; } .titlecen { width: 100%; text-align: center; margin-bottom: 167px; } .titlecen>li { display: inline-block; width: 160px; height: 49px; border: solid 1px #fff; border-radius: 24px; margin-right: 13px; cursor: pointer; position: relative; /* text-align: center; */ } li::marker { content: ""; } .titlecen>li a { display: block; font-weight: bold; font-size: 16px; line-height: 49px; color: #fff; } .titlecen>li span { padding-left: 28px; background: url("../Images/icon1.png") no-repeat left center; } .titlecen>li:nth-last-child(1) { margin-right: 0; } .titlecen .orange { border: none; } .chan-1 { border-radius: 0 0 11px 11px; border: 1px solid rgba(255, 255, 255, .3); border-top: 0px; } .titlecen .orange, .titlecen .xuan { background-image: linear-gradient(#f7ac00, #f7ac00), linear-gradient(90deg, #ffbe2d 0%, #a27b23 100%), linear-gradient(#ffffff, #ffffff); border: solid 1px #ffbe2d; } .titlecen .orange .dl-1, .titlecen .xuan .dl-1 { font-family: MicrosoftYaHei-Bold; color: #000; font-weight: bold; } .titlecen .orange span, .titlecen .xuan span { color: #000 !important; background-image: url("../Images/icon2.png"); } .titlecen .wp-s { position: absolute; left: 0; width: 100%; background: rgba(0, 0, 0, .6); border-radius: 11px; display: none; overflow: hidden; padding-bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.3); border-top: 0; } .titlecen .wp-s li:nth-last-child(1) { border-bottom: none; } .titlecen .wp-s a { line-height: 30px; color: #fff; font-weight: normal; padding: 5px 0; } .titlecen .wp-s li { border-bottom: 1px solid rgba(255, 255, 255, 0.2) } .y-t { overflow: hidden; padding-bottom: 81px; } .titlecen .xuan-ws { display: block; } .y-t-ms { width: 12px; /* height: 148px; */ position: relative; } .y-t-ms img { width: 100%; object-fit: contain; margin-top: 10px; } .y-t-jun { margin-left: 88px; } .y-t-jun h2 { font-size: 36px; color: #fff; line-height: 57px; margin-bottom: 70px; } .y-t-bu { overflow: hidden; } .y-t-bu li { float: left; } .y-t-bu .x-z a { color: #f9a51b; background: url("../Images/yellow-icon.png") no-repeat left center; } .y-t-bu a { display: block; position: relative; color: #fff; font-size: 18px; line-height: 27px; padding: 6px 41px 6px 25px; background: url("../Images/icon1.png") no-repeat left center; } .y-t-jun{ width: calc(100% - 100px - 55.9411764706%); } .y-t-r { width: 55.9411764706%; } .y-t-r .y-t-wen { color: #fff; line-height: 37px; font-size: 16px; text-align: justify; display: block; } .y-jian { margin-top: 54px; width: 116px; height: 38px; display: block; border: 1px solid #fff; border-radius: 38px; background: url("../Images/jian.png") no-repeat center; } .xi-a { padding-bottom: 36px; } .xi-al { margin-bottom: 99px; } .pic-x { width: calc(100% - 100px); display: block; margin-left: auto; } .pic-x img { width: 100%; } .titr-back{ width:auto; line-height: 40px; padding: 0 20px; border: 1px solid rgba(255, 255, 255, .3); font-size: 16px; color: rgba(255, 255, 255, .7); cursor: pointer; } .tu .prod, .eve .ti, .conbot .jian { transition: all .3s linear; } .titlecen .orange:hover { transition: all .3s linear; } .conbot { margin-bottom: 119px; display: flex; flex-wrap: wrap; /* justify-content: space-between; */ } .conbot li { width: calc((100% - 64px) / 3); margin-right: 32px; border: 1px solid #666666; margin-bottom: 33px; } .conbot li:hover .ti { color: #f4a900; } .conbot li:hover .tu .prod { transform: scale(1.1); } .conbot li:nth-child(3n) { margin-right: 0; } .conbot .eve { margin: 0 57px; text-align: center; } .conbot .ti { display: block; margin-top: 57px; margin-bottom: 21px; font-family: MicrosoftYaHei; font-size: 22px; line-height: 33px; padding: 15px 0; color: #ffffff; } .conbot .btn { margin: 0 auto; margin-bottom: 72px; position: relative; width: 118px; height: 40px; overflow: hidden; } .conbot .jian { width: 100%; height: 100%; display: block; border: solid 1px #ffffff; border-radius: 40px; position: absolute; left: 0; top: 0; } .conbot .jian img { margin: 15px auto; width: 27px; height: 9px; display: block; } .conbot .jian2 { display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; border-radius: 40px; border: 1px solid #f4a900; } .conbot .jian2 img { margin: 15px auto; width: 27px; height: 9px; display: block; } .conbot li:hover .jian2 { left: 0; } /* .conbot .or{ border: 1px solid #f4a900; } */ .conbot .tu { display: block; /* margin: 0 auto; */ margin-bottom: 100px; position: relative; overflow: hidden; } .conbot .tu .ying { display: block; width: 100%; height: auto; position: relative; left: 0; bottom: 0; border-radius: 0, 0, 100%, 100%; } .conbot .tu .prod { width: 100%; height: calc(100% - 40px); position: absolute; left: 0; bottom: 40px; background-size: contain !important; object-fit: contain; } .ye { text-align: center; padding-bottom: 223px } .ye .liao { display: none; color: #fff; } .ye .cout { display: inline-block; position: relative; } .ye .cout .check { background-color: #f9a51b; border: 1px solid #f9a51b; } .ye li { float: left; /* flex-shrink: 0; */ border-radius: 36px; border: solid 1px #cfcfcf; width: 71px; height: 36px; margin: 0 15px; /* width: calc((100% - 150px) / 6); */ /* margin-right: 30px; */ text-align: center; } .ye .up { width: 119px; } .ye .up a { color: #f9a51b; font-family: Poppins-Regular; font-weight: bold; } .ye li a { font-family: ArialMT; font-size: 16px; line-height: 36px; color: #ffffff; display: block; } .fo-conk, .ovfh { position: relative; z-index: 9; } .titl { display: flex; justify-content: space-between ; align-items: center; padding-top: 34px; } .titl .lef { width: 309px; position: relative; } .kong span a { color: #ffb201; } .chan-pind .chan-1 { width: 715px; position: fixed; padding: 30px 0 30px 18px; left: calc((100% - 715px) / 2); text-align: left; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); z-index: 999; border-radius: 0px 0px 11px 11px; padding-bottom: 0; } .chan-pind .chan1-1>li:nth-last-child(1) { margin-right: 0; } .chan-pind .chan1-1 { position: relative; z-index: 100; display: flex; margin-left: auto; margin-right: auto; /* width: calc(100% - 60px); margin: 0 20px 0 40px; */ /* width: calc(100% - 60px); margin: 0 30px; */ padding-bottom: 40px; } .chan-pind .chan1-1>li { width: 170px; padding: 0 30px; border-right: 1px solid rgba(255, 255, 255, 0.2); } .chan-pind .chan1-1>li:nth-child(1) { margin-left: 0; } .chan-pind .chan-2k li { width: 100%; line-height: 22px; font-size: 16px; } .chan-1 .chan-2k li a { line-height: 36px; } .chan-pind li a { text-align: left; } .chan1-1 span { font-size: 16px; font-weight: bold; display: inline-block; line-height: 36px; } .chan1-1 img { width: 50px; display: block; margin-bottom: 15px; } .chan-1 .chan-2k li a { line-height: 30px; font-size: 14px; font-weight: normal; } .chan1-1>li:nth-last-child(1) { border-right: none; } .chan1-1 li:nth-child(1) a { padding-left: 0; } .chan1-1 li:nth-last-child(1) { padding-right: 0; } .chan1-1 li>a { padding: 0; } /* .chan-2-r .chan-2k{ display: none; } .chan-2-r .xz-2{ display: block; } .chan-2k ul{ margin: 0 80px; width: calc(100% - 160px); display: flex; justify-content: space-between; } .chan-2k ul li{ border-bottom: none; } */ .titl .lef .kong { width: 307px; height: 50px; border: solid 1px #e8e8e8; display: flex; align-items: center; justify-content: space-between; } .titl .lef .kong span { color: #ffb201; font-weight: bold; font-size: 16px; margin-left: 27px; line-height: 28px; padding: 11px 0; display: inline-block; } .toph { border-bottom: 1px solid #4e4e55; } .titl .kong .v-j-pic { width: 40px; height: 100%; position: relative; cursor: pointer; } .titl .list-v .list-v-c a { color: #ffb201; } .titl .lef .kong img { width: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .titl .list-v { display: none; border: 1px solid #e8e8e8; position: absolute; left: 0; top: 51px; border-top: none; z-index: 100; width: calc(100% - 2px); background-color: rgba(0, 0, 0, 0.95); } .titl .list-v li { margin-left: 22px; padding: 22px; border-bottom: 1px solid #8a8a8a; font-size: 16px; color: #fff; line-height: 29px; padding: 12px 0 13px; text-indent: 5px; margin-right: 22px; cursor: pointer; } .titl .list-v a { font-size: 16px; color: #fff; line-height: 29px; display: block; } .titl .list-v li:nth-last-child(1) { border-bottom: none; } .bao { position: relative; } .ju { font-family: 'Arial-Black'; font-size: 182px; line-height: 152px; color: transparent; text-align: center; -webkit-text-stroke: 1px #606060; position: absolute; left: 50%; transform: translateX(-50%); top: 52px; width: 100%; } .mySwiper2 { text-align: center; margin-top: 75px; margin-bottom: 91px; } .mySwiper { padding-bottom: 67px; } .mySwiper .swiper-wrapper { align-items: center; justify-content: center; } .mySwiper .swiper-slide { width: 145px !important; height: 110px; border: 1px solid #3f4247; flex-shrink: 0; text-align: center; margin-right: 22px !important; cursor: pointer; } .mySwiper .swiper-slide-thumb-active { border: 1px solid #ffffff; } .mySwiper .suo { height: 100%; object-fit: contain; margin-top: 0 !important; } .cp-2 { display: flex; padding-top: 99px; border-bottom: 1px solid #555761; } .ad-l, .ad-r { width: 50%; } .s-c { font-size: 36px; line-height: 57px; color: #fff; margin-bottom: 141px; } .c-dow { display: inline-block; cursor: pointer; width: 194px; height: 44px; border-radius: 44px; margin-bottom: 128px; color: #ffffff; font-size: 16px; line-height: 44px; text-align: center; background-color: transparent; border: 1px solid #ffffff; } .c-dow .yun { height: 44px; margin-left: 19px; } .ad-r { line-height: 35px; color: #ffffff; font-size: 16px; } .ad-r p { margin-left: 107px; line-height: 35px; color: #ffffff; font-size: 16px; } .ad-r span { line-height: 35px !important; color: #ffffff; font-size: 16px; margin-left: 107px; display: inline-block; } .ad-rg { margin-top: 39px; } .ad-rg span { margin-left: 42px; } .v-g { padding-top: 87px; position: relative; text-align: center; padding-bottom: 58px; } .c-yc .conbot { margin-bottom: 0; } .v-gp { text-align: center; line-height: 67px; font-size: 60px; font-family: 'Arial-Black'; position: absolute; top: 87px; left: 50%; width: 100%; color: transparent; transform: translate(-50%); -webkit-text-stroke: 1px #606060; } .v-gb { line-height: 44px; padding: 18px 0; font-size: 36px; font-weight: bold; margin-top: 16px; color: #fff; display: inline-block; position: relative; z-index: 3; } .v-gb::after { content: ""; width: 50%; position: absolute; height: 3px; background-color: #f7ac00; left: 50%; bottom: 0; transform: translateX(-50%); } .v-g-n { margin-top: 8px; font-size: 16px !important; line-height: 37px !important; color: #fff; } .v-g-n p { padding-bottom: 55px; } .v-g-n span { display: inline-block; width: 100% !important; font-size: 16px !important; color: #fff; line-height: 37px !important; } .v-gt { text-align: center; padding-bottom: 30px; } .v-gt img { width: 961px; display: inline-block; } .juan2 .v-g { padding-bottom: 57px } .mySwiper4 { padding-bottom: 119px; } .mySwiper4 .swiper-slide { background: url("../Images/blue-1.png") no-repeat left top; border-radius: 8px; background-size: 100% auto !important; } .mySwiper4 .te { height: 87px; } .mySwiper4 .swiper-slide>div { height: 359px; margin: 0 49px; } .mySwiper4 .tuk { text-align: right; margin-top: 50px; margin-bottom: 43px; } .mySwiper4 p { line-height: 36px; font-size: 16px; color: #ffffff; } .mySwiper4 .swiper-pagination { bottom: 49px; } .mySwiper4 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: unset; } .mySwiper4 .swiper-pagination .swiper-pagination-bullet-active { background-color: #f7ac00; } .w-hw table { position: relative; width: 1500px !important; margin-left: auto; margin-right: auto; z-index: 5; border-top: 1px solid #5c5c5c; border-left: 1px solid #5c5c5c; } .w-hw th { background-color: #454545; font-weight: bold; font-size: 18px; line-height: 63px; text-align: left; text-indent: 57px; color: #fff; } .w-hw td { color: #ffffff; line-height: 33px; padding: 13px 31px; border-bottom: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; } .zhuo .zhuo-e { width: 406px; padding-left: 58px; font-size: 16px; font-weight: bold; color: #fff; border-left: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; } .c-p-b { padding-bottom: 18px; position: relative; } .c-p-b .blue { position: absolute; left: 0; bottom: 0; } .c-yo { position: relative; } .c-yo .blue2 { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; } .c-yol { width: 50%; flex-shrink: 0; } .c-yol .swiper-pagination { text-align: right; bottom: 40px; } .c-yol .swiper-pagination .swiper-pagination-bullet { width: 34px; height: 5px; background-color: #fff; margin-right: 12px; border-radius: 0px; margin-left: 0; opacity: unset; } .c-yol .swiper-pagination .swiper-pagination-bullet:nth-last-child(1) { margin-right: 47px; } .c-yol .swiper-pagination .swiper-pagination-bullet-active { background-color: #f7ac00; } .c-yol a { display: block; position: relative; width: 100%; border-radius: 21px; overflow: hidden; } .c-yol .ch-dudui { width: 100%; position: relative; border-radius: 21px; } .c-yol .ch-tu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 21px; } /* .c-yol img{ width: 100%; height: 100%; object-fit: cover; border-radius: 21px; } */ .c-yor { width: calc(50% - 29px); margin-left: 29px; flex-shrink: 0; background-color: #191d33; border-radius: 21px; } .li-yu { /* margin-left:29px ; */ height: 100%; width: 100%; overflow: hidden; display: flex; } /* .mySwiper6 .swiper-slide{ width: 100% !important; } */ .c-yor h3 { line-height: 48px; padding: 26px 0; font-size: 30px; font-weight: bold; color: #fff; } .c-yor .c-yor-d { padding-top: 0 !important; margin: 50px 30px 0; font-size: 16px; color: #fff; height: 400px; overflow-y: scroll; line-height: 35px; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; */ } .c-yor .c-yor-d::-webkit-scrollbar-track-piece { width: 4px; background-color: #191d33; } .c-yor .c-yor-d::-webkit-scrollbar, .lian-4-r-d-b::-webkit-scrollbar { width: 4px; background-color: #191d33; } .c-yor .c-yor-d::-webkit-scrollbar-thumb, .lian-4-r-d-b::-webkit-scrollbar-thumb { width: 4px; height: 50px; background-color: #007eff; } .c-yor .c-yor-d::-webkit-scrollbar-thumb:hover, .lian-4-r-d-b::-webkit-scrollbar-thumb:hover { width: 4px; background-color: rgba(0, 0, 0, 0); } .c-yor .y-x { margin: 36px 76px 0; display: block; } /* .mySwiper6 .swiper-button-next,.mySwiper6 .swiper-button-prev{ width: 48px; height: 48px; border-radius: 50%; top: 74.8%; left: calc(50% + 105px); } */ /* .mySwiper6 .swiper-button-next{ background: url("../Images/rig-btn.png") no-repeat left top; left: calc(50% + 172px); } */ /* .mySwiper6 .swiper-button-prev{ background: url("../Images/lef-btn.png") no-repeat left top; } */ /* .swiper-button-prev:after, .swiper-button-next:after{ content: ""; } */ .baoy { display: flex; padding-bottom: 25px; } .conbot { padding-bottom: 106px; display: flex; flex-wrap: wrap; /* justify-content: space-between; */ } .conbot li { width: calc((100% - 64px) / 3); margin-right: 32px; border: 1px solid #666666; margin-bottom: 33px; } .conbot li:hover .ti { color: #f4a900; } .conbot li:hover .tu .prod { transform: scale(1.1); } .conbot li:nth-child(3n) { margin-right: 0; } .conbot .eve { margin: 0 57px; text-align: center; } .conbot .ti { display: block; margin-top: 57px; margin-bottom: 21px; font-family: MicrosoftYaHei; font-size: 22px; line-height: 33px; padding: 15px 0; color: #ffffff; } .con .title { margin-top: 95px; text-align: center; margin-bottom: 81px; } .title .pro { font-family: MicrosoftYaHei-Bold; font-size: 36px; line-height: 60px; color: #ffffff; font-weight: bold; } .title .cen { font-family: Arial-Black; font-size: 60px; line-height: 73px; color: transparent; -webkit-text-stroke: 1px #acb7c3; } .cen-all { display: none; } .cen-xians { display: block; } .titlecen { /* margin-bottom: 82px; */ text-align: center; position: relative; z-index: 100; } .pages-lis .conbot { padding-bottom: 0; margin-bottom: 88px; } .pages-lis .ye { padding-bottom: 148px; } .sw-bn:hover .mySwiper-new .rig .bei, .sw-bn:hover .mySwiper-new .rig span, .sw-bn:hover .mySwiper-new .rig .of { color: #f9a51b; transition: all linear .3s; } /* .titlecen li{ width: 158px; /* width: 160px; */ /* height: 47px; border: solid 1px #738195; display: inline-block; border-radius: 24px; margin-right: 13px; text-align: center; } li::marker{ content: ""; } .titlecen li a{ display: inline-block; font-family: MicrosoftYaHei-Bold; font-size: 16px; line-height: 47px; color: #fff; } .titlecen li a img{ width: 17px; height: 17px; border-radius: 50%; margin-right: 11px; /* margin-left: 36px; */ /* display: inline-block; margin-top: 16px; } .titlecen li:nth-last-child(1){ margin-right: 0; } .titlecen .orange{ background-image: linear-gradient( #f7ac00, #f7ac00), linear-gradient(90deg, #ffbe2d 0%, #a27b23 100%), linear-gradient( #ffffff, #ffffff); border: solid 1px #ffbe2d; } .titlecen .orange a{ font-family: MicrosoftYaHei-Bold; color: #000; } */ .conbots>li { display: flex; justify-content: space-between; padding: 95px 0; /* align-items: center; */ } .conbots>li:nth-last-child(1) { margin-bottom: 145px; } .conbots .lef { /* width: 39.82%; */ display: flex; flex-direction: column; /* margin-right: 256px; */ } .pages-c-p .titlecen { margin-bottom: 82px; } .conbots .lef .wu { display: block; margin-bottom: 18px; } .conbots .wu span { font-family: MicrosoftYaHei-Bold; font-size: 36px; font-weight: bold; line-height: 54px; padding: 21px 0; color: #ffffff; display: inline-block; position: relative; z-index: 3; } .conbots .wu span::after { content: ""; width: 100%; height: 13px; background-color: #18469d; position: absolute; left: 0; bottom: 25px; z-index: -1; } .conbots .lef .bei { font-family: MicrosoftYaHei; font-size: 16px; line-height: 31px; color: #ffffff; margin-bottom: 45px; } .conbots .lef .lefcon { width: 532px; display: flex; flex-wrap: wrap; margin-bottom: 80px; } .conbots .lef .lefcon .or { color: #f7ac00; } .conbots .lef .lefcon li { flex-shrink: 0; /* width: calc((100% - 152px)/ 3); */ margin-right: 72px; } /* .conbots .lef .lefcon li:nth-child(3n){ margin-right: 0; } */ .conbots .lef .lefcon li a { display: block; display: flex; align-items: center; } .conbots .lef .lefcon span { margin-left: 9px; font-family: MicrosoftYaHei-Bold; font-size: 18px; line-height: 38px; padding: 5px 0; color: #ffffff; } .conbots .lef button { margin-bottom: 31px; width: 163px; height: 51px; background-image: linear-gradient(#f7ac00, #f7ac00), linear-gradient(90deg, #ffbe2d 0%, #a27b23 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal, normal; border: solid 1px #ffbe2d; border-radius: 27px; text-align: center; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); } .conbots .lef button a { font-family: MicrosoftYaHei-Bold; font-size: 16px; font-weight: bold; line-height: 51px; color: #000000; } .conbots .lef button img { margin-right: 11px; margin-top: 18px; /* margin-left: 35px; */ } .conbots .rig { width: 50%; flex-shrink: 0; /* margin-left: 264px; */ } .conbots .rig a { display: block; border-radius: 13px; overflow: hidden; margin-left: 87px; position: relative; } .conbots .rig .tic { position: absolute; left: 0; bottom: 0; } .new-center .title { margin-top: 59px; margin-bottom: 35px; } .new-center .title .tit { font-family: MicrosoftYaHei-Bold; font-size: 36px; font-weight: bold; line-height: 40px; padding: 10px 0; color: #ffffff; text-align: center; } .new-center .title .e { line-height: 73px; font-family: Arial-Black; font-size: 60px; color: #030609; -webkit-text-stroke: 1px rgba(255, 255, 255, .5); text-align: center; } .new-center .mySwiper-new { /* width: 88.54%; margin: 0 auto; */ position: relative; overflow: hidden; } .new-center .mySwiper-new .swiper-wrapper { width: 100%; margin-bottom: 95px; /* overflow: hidden; */ } .new-center .mySwiper-new .swiper-slide { width: 100% !important; } .new-center .mySwiper-new .swiper-slide .in { width: 100%; display: flex; justify-content: space-between; /* align-items: center; */ } .new-center .mySwiper-new .lef { width: 46.2397179788%; display: inline-block; /* height: 465px; */ /* height: 469px; */ } .mySwiper-new .lef img { height: 100%; object-fit: cover; } /* .mySwiper .lef img{ width: 100%; } */ .mySwiper-new .rig { padding-left: 83px; padding-right: 83px; width: calc(100% - 45.18%); display: flex; flex-direction: column; background-color: #1b1b1b; border: 1px solid #5a5d5f; } .mySwiper-new .rig .of { margin-top: 58px; font-family: MicrosoftYaHei; font-size: 16px; line-height: 40px; color: #ffffff; } .mySwiper-new .rig .bei { margin-top: 4px; font-family: MicrosoftYaHei-Bold; font-size: 28px; line-height: 43px; color: #ffffff; margin-right: 54px; font-weight: bold; } .mySwiper-new .rig .nian { display: block; border-bottom: 1px solid #606060; } .mySwiper-new .nian span { font-size: 16px; line-height: 36px; padding: 30px 0; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 30px; display: block; } .mySwiper-new .rig .an { margin-top: 56px; border-radius: 20px; width: 73px; height: 41px; background-color: transparent; border: solid 1px #ffbe2d; /* position: relative; */ margin-bottom: 84px; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5) } .mySwiper-new .rig .an img { margin: 16px auto; margin-left: 23px; } .mySwiper-new .rig .an .jian { /* position: absolute; */ left: -100%; } .mySwiper-new .swiper-pagination { bottom: 51px; } .mySwiper-new .swiper-pagination .swiper-pagination-bullet { opacity: unset; width: 8px; height: 8px; border-radius: 50%; z-index: 5; background-color: #a3a3a3; margin-right: 10px; margin-left: 0; } .mySwiper-new .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffbe2d; } .centop { background-color: #232323; display: flex; justify-content: space-between; padding-bottom: 60px; } .ce-le { margin-top: 90px; } .ce-le li { float: left; width: 160px; height: 50px; background-color: transparent; border: 1px solid #ffffff; text-align: center; cursor: pointer; border-radius: 26px; margin-right: 15px; } .ce-le li:nth-last-child(1) { margin-right: 0; } .ce-le li a { display: inline-block; background: url("../Images/icon1.png") left center no-repeat; padding-left: 28px; line-height: 50px; color: #fff; font-family: MicrosoftYaHei; font-size: 16px; font-weight: bold; } .centop .ce-le .or { background-image: linear-gradient(#f7ac00, #f7ac00), linear-gradient(90deg, #ffbe2d 0%, #a27b23 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal, normal; border: solid 1px #ffbe2d; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); } .ce-le .or a { background: url("../Images/icon2.png") left center no-repeat; color: #171614; } .ce-ri { width: 40.76%; } .ce-ri p { margin-top: 58px; line-height: 49px; font-family: MicrosoftYaHei-Bold; font-size: 60px; color: #383838; /* opacity: 0.05; */ font-weight: bold; } .ce-ri .search { display: flex; justify-content: space-between; border-bottom: 1px solid #656565; } .ce-ri .search input { font-family: MicrosoftYaHei; font-size: 16px; line-height: 58px; color: #aaa; /* opacity: 0.5; */ background-color: transparent; width: calc(100% - 47px); } .ce-ri .search .sou { display: block; /* width: 25px; */ height: 49px; margin-right: 16px; } .ce-ri .search .sou img { height: 100%; } .list { display: flex; flex-wrap: wrap; padding-bottom: 60px; border-bottom: 1px solid #4d4d4d; margin-bottom: 75px; } .list li { width: calc((100% - 98px) / 3); margin-right: 49px; margin-top: 63px; } .list li:nth-child(3n) { margin-right: 0; } .list .list-tu { width: 100%; display: block; overflow: hidden; } .list .list-tu img { object-fit: cover; } .list .wen { width: 100%; font-family: MicrosoftYaHei; font-size: 18px; display: inline-block; line-height: 49px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 35px; } .list p { font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; line-height: 43px; color: #cccccc; margin-bottom: 32px; } .cen-btn { width: 73px; height: 41px; background-color: transparent; border: 1px solid #757576; border-radius: 21px; display: inline-block; overflow: hidden; position: relative; box-shadow: 0 0 0 rgba(255, 190, 45, 0.38); margin-bottom: 18px; } .cen-btn .cen-btn1, .cen-btn2 { width: 100%; height: 100%; display: block; position: absolute; top: 0; background: url(../Images/in-p3-xj1.png) center center no-repeat; } .cen-btn1 { left: -100%; } .cen-btn2 { left: 0 } .conbot li:hover { border: 1px solid #ffbe2d; } .listge:hover .cen-btn { border-color: rgba(255, 190, 45, 1); box-shadow: 0 0 20px rgba(255, 190, 45, 0.38); } .listge:hover .list-tu img { transform: scale(1.1); } .listge:hover .cen-btn .cen-btn1 { left: 0; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .listge:hover .cen-btn .cen-btn2 { left: 100%; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .listge:hover .wen, .listge:hover .list-t { color: #f7ac00; } .tou { height: 100%; } .tou .titler { border-bottom: 1px solid #4e5051; } .tou .titler h2 { font-size: 36px; line-height: 46px; padding: 20px 0; font-weight: bold; color: #ffffff; margin-top: 76px; text-align: center; } .tou .titler .titshi { display: flex; /* align-items: center; */ font-family: MicrosoftYaHei; font-size: 16px; line-height: 67px; color: #ffffff; justify-content: center; margin-bottom: 19px; /* display: flex; align-items: center; */ text-align: center; } .new-view .titler .titshi span { display: block; } .new-view .title .titshi .ge { display: block; width: 3px; height: 17px; background-color: #a8a8a8; margin: 27px 39px 0; } .newcon p, .newcon { font-family: MicrosoftYaHei; font-size: 16px; line-height: 34px; color: #ffffff; margin-bottom: 36px; } .new-view .newcon { margin-top: 61px; } /* .newcon .fir{ margin-bottom: 43px; } */ .newcon .pic { margin-bottom: 46px; } .newcon .pic img { width: 59.0588235294%; margin: 0 auto; display: block; object-fit: contain; } /* .newcon p:nth-last-child(1){ padding-bottom: 109px; border-bottom: 1px solid #4d4d4d; margin-bottom: 0; } */ .newwei { margin-top: 67px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 85px; } .newwei .lef a { display: block; font-family: MicrosoftYaHei-Bold; font-size: 16px; line-height: 36px; letter-spacing: 0px; color: #ffffff; } .newwei .rig { width: 160px; height: 49px; background: url("../Images/or-btn.png") no-repeat left/cover; /* border: 2px solid transparent; */ border-radius: 24px; text-align: center; } .newwei .rig a { /* width: 100%; display: inline-block; */ text-align: center; font-family: MicrosoftYaHei; font-size: 16px; line-height: 47px; padding-left: 36px; color: #ffffff; background: url("../Images/back.png") left center no-repeat; } .newbot { padding-top: 26px; } .newbot h2 { font-family: MicrosoftYaHei-Bold; font-size: 36px; line-height: 40px; padding: 45px 0; color: #ffffff; text-align: center; } /* .list{ display: flex; flex-wrap: wrap; padding-bottom: 168px; */ /* border-bottom: 1px solid #4d4d4d; */ /* margin-bottom: 75px; */ /* } */ /* .list li{ width: calc((100% - 98px) / 3); margin-right: 49px; /* margin-top: 63px; */ /* } */ /* .list li:nth-child(3n){ margin-right: 0; } */ .listge .list-tu { width: 100%; display: block; overflow: hidden; height: 320px; } .listge .list-tu img { height: 100%; object-fit: cover; } .mySwiper-view .swiper-pagination { bottom: 82px; } .mySwiper-view .swiper-pagination .swiper-pagination-bullet { opacity: unset; background-color: #a3a3a3; margin: 0 5px; } .mySwiper-view .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffbe2d; } .mySwiper-view .swiper-wrapper { padding-bottom: 168px; } .listge .wen { width: 100%; font-family: MicrosoftYaHei; font-size: 18px; display: inline-block; line-height: 30px; padding: 10px 0; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 35px; } .listge .list-t { display: block; font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; line-height: 41px; color: #cccccc; margin-bottom: 32px; } .cen-btn { width: 73px; height: 41px; background-color: transparent; border: 1px solid #757576; border-radius: 21px; display: inline-block; overflow: hidden; position: relative; box-shadow: 0 0 0 rgba(255, 190, 45, 0.38); margin-bottom: 18px; } .cen-btn .cen-btn1, .cen-btn2 { width: 100%; height: 100%; display: block; position: absolute; opacity: .5; top: 0; background: url(../Images/in-p3-xj1.png) center center no-repeat; } .cen-btn1 { left: -100%; } .cen-btn2 { left: 0 } .listge:hover .cen-btn { border-color: rgba(255, 190, 45, 1); box-shadow: 0 0 20px rgba(255, 190, 45, 0.38); } .listge:hover .list-tu img { transform: scale(1.1); } .listge:hover .cen-btn .cen-btn1 { opacity: unset; left: 0; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .listge:hover .cen-btn .cen-btn2 { left: 100%; background: url(../Images/in-p3-xj2.png) center center no-repeat; } .listge:hover .wen, .listge:hover .list-t { color: #f7ac00; } .y-t1 { position: relative; } .prad1 .zl { font-size: 36px; color: #fff; line-height: 53px; position: absolute; right: 100px; top: 99px; } .prad1 .zl span { display: inline-block; font-weight: bold; line-height: 48px; position: relative; z-index: 2; } .prad1 .zl span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #18469d; z-index: -1; } .prad1-t { display: flex; align-items: flex-end; justify-content: space-between; } .prad1-t .tu { width: 64.352941176% } .prad1-t .tu img { width: 100%; object-fit: cover; } .d1-t-r { margin-right: 100px; text-align: right; } .sta { font-size: 81px; font-family: Arial-Black; color: transparent; -webkit-text-stroke: 1px #585858; line-height: 81px; } .dr-x { font-size: 18px; line-height: 30px; font-weight: bold; color: #fff; margin: 29px 0 59px; } .d1-t-r span { display: inline-block; width: 61px; height: 5px; background-color: #18469d; } .pin-wen { margin-top: 72px; } .pin-wen p { font-size: 16px; line-height: 36px; color: #fff; } .pin-fir { margin-bottom: 36px; } .z1-bt-d { font-size: 36px; line-height: 45px; color: #ffffff; padding: 5px 0; margin-bottom: 20px; } .z1-bt .sta { line-height: 84px; } .mySwiper-about .swiper-slide { display: flex; justify-content: space-between; } .S-t, .t-tu { width: 50%; position: relative; } .S-t { margin-top: 37px; } .S-t li { margin-bottom: 52px; margin-right: 115px; } .t-tu img { margin-left: 75px; width: calc(100% - 75px); } .t-tu p { font-size: 90px; color: #f4a900; font-weight: bold; line-height: 110px; position: absolute; left: 23px; bottom: -20px; } .y-g { line-height: 32px; color: #f4a900; font-size: 20px; font-weight: bold; position: relative; padding-left: 31px; } .y-g::after { content: ""; position: absolute; left: 0; top: 8px; width: 12px; height: 12px; border-radius: 50%; border: solid 2px #f4a900; } .tong { position: relative; } .conbot-p { padding-bottom: 148px; } .y-ye { font-size: 16px; line-height: 35px; color: #fff; margin-top: 9px; } .mySwiper2-about { position: absolute; top: 7.4820143885%; z-index: 900; } .mySwiper-about .swiper-button-next, .mySwiper-about .swiper-button-prev { width: 48px; border-radius: 50%; height: 48px; left: 0; top: 59px; } .zhaunj { position: relative; width: 100%; display: flex; align-items: center; flex-direction: column; } .zhaunj::after { content: ""; width: 100%; height: 1px; background-color: #575861; position: absolute; left: 0; top: 17.4603174603%; z-index: 20; } .z1-bt { padding-top: 147px; } .mySwiper2-about { width: calc(100% - 105px); margin-left: 52px !important; } .h-ying .z1-bt-d { text-align: center; } .h-ying .h-ying-n { line-height: 38px; color: #b2b2b2; font-size: 18px; } .h-ying .h-ybwr { overflow: hidden; } .h-ying .b-e .b-y-l { width: calc((100% - 60px) / 4); margin-right: 20px; border-radius: 4px; float: left; } .h-ying .b-e .hou-k { margin-right: 0; } .h-ying .b-y-l div { border: 1px solid #4d4d4d; width: 100%; } .h-ying .b-y-l input { line-height: 22px; padding: 10px 0; margin: 0 20px; width: calc(100% - 40px); background-color: transparent; color: #f7f6f5; } .h-ying .h-liu { margin-top: 11px; } .h-ying .h-liu div { width: 100%; border: 1px solid #4d4d4d; border-radius: 5px; height: 100px; } .h-ying .h-liu textarea { width: calc(100% - 40px); margin: 20px 20px; height: calc(100% - 40px); background-color: transparent; line-height: 22px; color: #f7f6f5; } .h-yzm { margin-top: 11px; } .h-ying { padding-bottom: 73px; } .h-yzm .yaner-b { width: 397px; border: 1px solid #4d4d4d; } .h-yzm .yaner { display: flex; } .h-yzm .yaner button { width: 270px; height: 46px; border: 2px solid #5196cb; border-radius: 46px; color: #fff; background-color: transparent; margin-left: 200px; cursor: pointer; } .h-yzm .yaner div input { margin: 0 20px; line-height: 22px; padding: 10px 0; color: #757575; width: calc(100% - 40px); background-color: transparent; } .h-yzm .yzm-w { display: flex; } .h-yzm .yzm-w img { height: 100%; } .h-yzm .yzm-w p { background-color: #c8c8c8; width: 137px; height: 44px; } .mySwiper-about .swiper-button-next { background: url("../Images/rig-btn1_.png") no-repeat left top; right: 0; left: auto; } .mySwiper-about .swiper-button-prev { background: url("../Images/lef-btn1.png") no-repeat left top; } .swiper-button-prev:after, .swiper-button-next:after { content: ""; } .mySwiper2-about li { text-align: center; } .mySwiper2-about .rigs { width: 22px; height: 22px; background-color: #4c4c54; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .mySwiper2-about .rigs span { width: 8px; height: 8px; display: inline-block; border-radius: 50%; position: relative; z-index: 25; background-color: #fff; } .mySwiper2-about .swiper-slide-thumb-active .rigs span { background-color: #f4a900; } .mySwiper2-about .swiper-slide-thumb-active .rigs { background-color: #432e02; } .mySwiper2-about .s-23 { line-height: 24px; font-size: 16px; color: #a4a4a5; margin-top: 17px; } .mySwiper2-about .swiper-slide { cursor: pointer; /* width: calc(100% / 12); */ /* flex-shrink: 0; */ } .mySwiper-about { padding-top: 247px; } .d7-l, .d7-r { width: 50%; } .d7-ln { margin-left: 11.6666666667%; /* margin-right: 198px; */ } .prad7 { padding-bottom: 156px; } .prad7 .y { padding: 90px 0 68px; } .gs { margin-top: 8px; font-size: 36px; font-weight: bold; color: #fff; line-height: 45px; position: relative; display: inline-block; z-index: 2; margin-bottom: 10px; } .stn { font-family: Arial-Black; font-size: 84px; line-height: 80px; color: transparent; -webkit-text-stroke: 1px #585858; margin-bottom: 33px; } .gs::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #18469d; z-index: -1; } .gs-mes { width: 73.5294117647%; } .gs-mes li { width: 100%; display: flex; align-items: center; overflow: hidden; border: 1px solid #4e4e53; border-radius: 18px; padding: 24px 0; margin-bottom: 34px; } .gs-met { width: 47px; margin-left: 31px; } .gs-mesy { margin-left: 23px; } .gs-mesy p { font-size: 16px; line-height: 24px; margin-bottom: 6px; color: #b9b9b9; } .gs-mesy .gs-lai { color: #ffffff; margin-bottom: 0px; } .wai-7 { margin-bottom: 73px; overflow: hidden; } .x7-2 { padding-top: 72px; overflow: hidden; } .x7-2 li { width: calc((100% - 108px) / 3); float: left; margin-right: 53px; background: url("../Images/baihei.png") no-repeat left top /contain; display: flex; align-items: center; flex-direction: column; padding-bottom: 79px; } .x7-2 li:nth-last-child(1) { margin-right: 0; } .x7-2-t { padding-top: 68px; line-height: 32px; font-size: 20px; font-weight: bold; color: #f9a51b; } .x7-2 .x7-2-x { width: 1px; height: 37px; background-color: #f9a51b; margin: 8px 0 13px; } .x7-2-x2 { display: flex; align-items: center; margin-top: 20px; } .x7-2-x2 span { margin-left: 9px; line-height: 27px; color: #ffffff; font-size: 16px; } .sm-tel { width: 18px; } .sm-em { width: 26px; } .colo1 { overflow: hidden; padding-bottom: 134px; } .colo1l { width: 37.2941176471%; } .colo1l .cul-a { line-height: 59px; color: #f7f6f5; font-size: 36px; margin-bottom: 3px; } .colo1r { width: 62.7058823529%; } .cul-c { font-size: 84px; color: transparent; font-family: Arial-Black; line-height: 80px; -webkit-text-stroke: 1px #585858; } .cur-f { line-height: 36px; font-size: 24px; color: #ffffff; position: relative; display: inline-block; z-index: 2; margin-bottom: 31px; } .cur-f::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #18469d; z-index: -1; } .colo2 { overflow: hidden; padding-bottom: 286px; } .cur-zc { line-height: 36px; color: #ffffff; font-size: 16px; } .colo2l { padding-top: 39px; width: 48.3854166667%; padding-left: 5.7291666667%; background: url("../Images/blue-start.jpg") no-repeat left top; } .colo2-y { width: 92px; height: 92px; border-radius: 50%; border: 1px solid #82858e; } .colo2-y img { width: 100%; object-fit: cover; } .colo2-z { margin-left: 38px; } .colo2-z .colo2-zs { margin-top: 5px; font-size: 18px; line-height: 30px; color: #ffffff; margin-bottom: 25px; display: flex; align-items: center; } .colo2-z .colo2-zs span { width: 97px; height: 1px; background-color: #82858e; display: inline-block; margin-left: 18px; } .colo2l li { overflow: hidden; margin-bottom: 101px; } .colo2l li:nth-last-child(1) { margin-bottom: 52px; } .colo2-z .colo2-zl { font-size: 20px; line-height: 32px; color: #fff; } .blue-r { width: 51.5625%; } .chair1 { overflow: hidden; } .chair1 .chair1l { width: 28.3529411765%; } .chair1 .chair1l img { width: 100%; object-fit: cover; } .chair1r { width: 61.2941176471%; margin-left: 164px; } .chair1r-d { font-size: 36px; line-height: 49px; color: #fff; } .chair1r-c { line-height: 80px; font-family: Arial-Black; font-size: 84px; margin-top: 5px; -webkit-text-stroke: 1px #585858; color: transparent; } .chair1r-bt { margin-top: 56px; display: flex; flex-direction: column; } .chair1r-bt img { width: 34px; } .chair1r-bt .yin1 { margin-left: 4px; margin-bottom: 46px; } .chair1r-bt h3 { margin-left: 2px; font-size: 24px; line-height: 45px; color: #fff; } .chair1r-btp { margin-top: 71px; display: flex; align-items: center; line-height: 33px; font-size: 24px; color: #fff; } .chair1r-btp span { margin-left: 2px; width: 48px; height: 2px; background-color: #fff; display: inline-block; margin-right: 16px; } .chair1r-btp i { font-size: 16px; margin-top: 6px; line-height: 27px; color: #fff; margin-left: 29px; font-style: normal; } .yin2 { margin-top: 53px; align-self: flex-end; margin-right: 2px; } .chair2 { padding-top: 128px; overflow: hidden; padding-bottom: 246px; } .chair2l { width: 50%; /* color: #fff; */ font-size: 16px !important; margin-top: 49px; } .chair2, .chair2l { font-size: 16px !important; line-height: 36px; /* margin-bottom: 36px; */ color: #fff; } .chair2r { width: 50%; } .chair2r img { margin-left: 49px; width: calc(100% - 49px); object-fit: cover; } .prad5c { overflow: hidden; padding-bottom: 82px; } .prad5c li { float: left; width: calc((100% - 112px) / 5); margin-right: 28px; background-color: #232526; border: 1px solid #535559; text-align: center; height: 418px; margin-bottom: 37px; } .prad5c li:nth-child(5n) { margin-right: 0; } .prad5c li .prad5c-tu { margin-top: 86px; } .prad5c li .ke { margin-top: 80px; } .prad5c li p { margin-top: 75px; font-size: 16px; color: #fff; line-height: 31px; margin: 75px 41px 0; } .conbot-zs .ye { padding-bottom: 166px; } .pages-zs .titlecen { margin-bottom: 206px; } .brand1, .wai-7 { overflow: hidden; } .brand1l { width: 50%; } .brand1 .zl { font-size: 36px; color: #fff; line-height: 53px; margin-bottom: 2px; } .brand1 .zl span { display: inline-block; font-weight: bold; line-height: 48px; position: relative; z-index: 2; } .brand1 .zl span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #18469d; z-index: -1; } .pin-wen { margin-top: 37px; } .pin-wen p { font-size: 16px; line-height: 36px; color: #fff; margin-right: 87px; } .pin-fir { margin-bottom: 36px; } .icon1-1 { margin-top: 82px; width: 147px; height: 50px; display: block; text-align: center; border-radius: 50px; box-shadow: 0 0 30px rgba(255, 190, 45, 0.5); background-color: #f7ac00; } .brand6 .icon1-1 { margin-top: 0; } .icon1-1 span { display: inline-block; font-size: 16px; color: #171614; line-height: 50px; padding-left: 29px; background: url("../Images/icon2.png") no-repeat left center; } .brand1r { width: 50%; } .brand1r .mySwiper-pin { margin-top: 11px; margin-left: 120px; } .brand1r .mySwiper-pin .swiper-pagination { bottom: 42px; left: 42px; width: auto; } .brand1r .mySwiper-pin .swiper-pagination-bullet { width: 34px; height: 5px; opacity: unset; border-radius: 0px; background-color: #fff; } .brand1r .mySwiper-pin .swiper-pagination-bullet-active { background-color: #f7ac00; } .brand2 { margin-top: 100px; position: relative; z-index: 1; } .y { font-size: 36px; color: #fff; line-height: 55px; padding: 49px 0; } .brand2 .xing3 { position: absolute; left: 0; bottom: 0; z-index: -1; height: 100%; } .sl3 { padding-bottom: 190px; } .bige { width: 100%; border: 1px solid #393d41; border-bottom: none; } .bige td { border-right: 1px solid #393d41; border-bottom: 1px solid #393d41; } .bige tr td:nth-last-child(1) { border-right: none; } .bigp { font-size: 18px; color: #fff; display: inline-block; line-height: 37px; padding: 45px 0 45px 21px; margin-left: 68px; background: url("../Images/fang.png") no-repeat left center; } .brand3 .y { padding: 0px; } .prsr { overflow: hidden; } .brand3 { padding-bottom: 138px; position: relative; } .brand3 .chen { position: absolute; left: 0; top: 0; z-index: -1; height: 104%; object-fit: cover; width: 100%; } .prsrl { width: 31.4705882353%; margin-left: 32px; } .prsrl img { width: 100%; } .prsr { margin-top: 42px; } .prsrr { width: 55.0588235294%; } .prsr-p { width: 100%; font-size: 24px; line-height: 39px; color: #fff; } .yin { width: 32px; display: block; margin-top: 59px; margin-bottom: 72px; } .prsp-p { line-height: 44px; font-size: 24px; color: #fff; text-align: center; position: relative; margin-top: 69px; } .prsp-p span { width: 93px; height: 2px; background-color: #fff; position: absolute; left: -58px; top: 50%; transform: translate(-50%); } .brand4-h { position: relative; } .yq { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; } .t-xue { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: url("../Images/toulan.png") no-repeat left bottom; transition: all .3s linear; } .t-xu-1 { margin: 0 49px; padding-bottom: 41px; } .t-xu-1 h3 { margin-top: 104px; font-size: 20px; color: #fff; line-height: 34px; padding-bottom: 15px; } .t-xu-1 p { line-height: 27px; font-size: 16px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .l5 .y { padding: 32px 0; } .yq .y { padding: 38px 0 31px; } .yq .icon1 { margin-top: 0; } .u { position: absolute; left: 0; top: 0; font-family: Arial-Black; line-height: 122px; font-size: 134px; color: transparent; -webkit-text-stroke: 1px #585859; } .brand4-b { margin-top: 74px; padding-bottom: 168px; overflow: hidden; } .brand4-b li { width: calc((100% - 104px) / 3); margin-right: 52px; float: left; } .brand4-b li:nth-last-child(1) { margin-right: 0; } .brand4-b li img { width: 100%; object-fit: cover; } .brand4-b .z-4 { margin-top: 42px; line-height: 37px; font-size: 18px; color: #a5a6a7; position: relative; margin-left: 70px; } .brand4-b .z-4::after { content: ""; position: absolute; left: -71px; top: 50%; transform: translateY(-50%); width: 55px; height: 1px; background-color: #838485; } .d-4 { margin-top: 36px; font-size: 24px; line-height: 37px; color: #ffffff; margin-right: 46px; } .brand5 .l5 { padding-top: 8px; } .brand5 .l5 .icon1-1 { margin-top: 0; } .brand5c { overflow: hidden; padding-bottom: 110px; } .brand5c li { float: left; width: calc((100% - 112px) / 5); margin-right: 28px; background-color: #232526; border: 1px solid #535559; text-align: center; height: 418px; } .brand5c li:nth-last-child(1) { margin-right: 0; } .brand5c li .brand5c-tu { margin-top: 86px; } .brand5c li .ke { margin-top: 80px; } .brand5c li p { margin-top: 75px; font-size: 16px; color: #fff; line-height: 31px; margin: 75px 41px 0; } .brand6 { padding-bottom: 156px; } .brand6 .s-x, .brand6 .s-p { font-size: 16px; color: #fff; line-height: 28px; } .brand6x .y { padding: 114px 0 40px; } .s-p { margin-top: 59px; text-align: right; margin-right: 35px; } .s-p span { position: relative; } .s-p span::after { content: ""; position: absolute; left: -79px; top: 50%; transform: translateY(-50%); width: 61px; height: 1px; background-color: #fff; } .brand6x .icon1 { margin-top: 10px; } .brand4-h .icon1-1 { margin-top: 0; } .d7-l, .d7-r { width: 50%; } .d7-ln { margin-left: 11.6666666667%; margin-right: 198px; } .brand7 { padding-bottom: 139px; } .brand7 .y { padding: 90px 0 68px; } .gsb { margin-top: 54px; font-size: 24px; font-weight: bold; color: #fff; line-height: 44px; padding-bottom: 30px; border-bottom: 3px solid #4f5052; } .gsb-mes li { margin-top: 33px; padding-bottom: 38px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid #4e4e53; } .gsb-met { width: 47px } .gsb-mesy { margin-left: 23px; } .gsb-mesy p { font-size: 16px; line-height: 25px; color: #b9b9b9; } .gsb-mesy .gsb-lai { color: #ffffff; } .wai-7 { margin-bottom: 73px; } .x7-2br { overflow: hidden; } .x7-2br li { width: calc((100% - 108px) / 3); float: left; margin-right: 53px; background: url("../Images/baihei.png") no-repeat left top/contain; display: flex; align-items: center; flex-direction: column; padding-bottom: 79px; } .x7-2br li:nth-last-child(1) { margin-right: 0; } .x7-2br-t { padding-top: 68px; line-height: 32px; font-size: 20px; font-weight: bold; color: #f9a51b; } .x7-2br .x7-2br-x { width: 1px; height: 37px; background-color: #f9a51b; margin: 8px 0 13px; } .x7-2br-x2 { display: flex; align-items: center; margin-top: 20px; } .new-view .newwei { margin-top: 0; padding-top: 67px; border-top: 1px solid #4d4d4d; } .x7-2br-x2 span { margin-left: 9px; line-height: 27px; color: #ffffff; font-size: 16px; } .sm-tel { width: 18px; } .sm-em { width: 26px; } .head .ying-viewh2 { font-family: MicrosoftYaHei-Bold; font-size: 48px; line-height: 67px; color: #ffffff; margin-top: 176px; padding-bottom: 184px; text-align: center; margin-bottom: 0; } .con-yy .tit { border-bottom: 1px solid #504f53; display: flex; justify-content: space-between; } .con-yy .tit .in { display: flex; justify-content: space-between; } .con-yy .tit p { font-family: MicrosoftYaHei; font-size: 18px; line-height: 91px; color: #ffffff; position: relative; } .con-yy .tit p::after { content: ""; width: 100%; height: 3px; background-image: linear-gradient(90deg, #7a5603 0%, #f7ac00 100%); position: absolute; left: 1px; bottom: 0px; } .con-yy .tit .bread-name { display: inline-block; } .con-yy .tit .bread-name a { font-family: MicrosoftYaHei; font-size: 16px; line-height: 92px; color: #cccccc; } .bread-name+.bread-name:before { content: ">"; color: #bababa; font-weight: bold; font-family: SimSun; margin: 0 5px; } .con-yy .over { font-family: Arial-Black; font-size: 60px; line-height: 185px; color: transparent; -webkit-text-stroke: 1px #58585a; position: relative; text-align: center; } .con-yy .over p { width: 100%; font-family: MicrosoftYaHei-Bold; font-size: 36px; line-height: 80px; color: #ffffff; position: absolute; bottom: 30px; left: 0; text-align: center; } .con-yy .over p span { font-weight: bold; display: inline-block; position: relative; -webkit-text-stroke: 0px; } .con-yy .over p span::after { content: ""; width: 100%; height: 3px; background-color: #f7ac00; position: absolute; bottom: 0; left: 0; } .ye li .slh { line-height: 26px; } .con-yy .cenbot { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 36px; padding-bottom: 196px; } /* .con-yy .lef{ width: 47%; height: auto; object-fit: cover; } */ .con-yy .cenbot .rig { width: 100%; } .con-yy .cenbot .rig .fir { margin-top: 14px; } .con-yy .cenbot .rig p, .con-yy .cenbot .rig { font-family: MicrosoftYaHei; font-size: 16px; line-height: 35px; color: #d9d9d9; margin-bottom: 37px; } .con-yy .cenbot .rig strong { font-weight: bold; } .head h2 { font-family: MicrosoftYaHei; font-size: 36px; line-height: 55px; font-weight: normal; margin: 12px 0; color: #ffffff; margin-top: 79px; padding-bottom: 12px; text-align: center; } .fu { padding-bottom: 91px; } .ce-le-y { text-align: center; padding-bottom: 45px; /* margin-top: 90px; */ } .ce-le-y li { /* width: 160px; */ display: inline-block; /* height: 50px; */ background-color: transparent; text-align: center; border-radius: 26px; margin-right: 41px; } .ce-le-y li a { font-size: 18px; display: inline-block; background: url("../Images/icon1.png") left center no-repeat; /* padding-left: 28px; */ line-height: 39px; color: #fff; padding: 12px 0 12px 24px; } .ce-le-y li:nth-last-child(1) { margin-right: 0; } .ce-le-y .or a { background: url("../Images/yellow-icon.png") left center no-repeat; color: #f7ac00; } .fu p { width: 74.76%; margin: 0 auto; text-align: center; font-family: MicrosoftYaHei; font-size: 16px; line-height: 35px; color: #ffffff; opacity: 0.8; } .con-yl { padding-bottom: 104px; } .con-yl .con-g { padding-top: 118px; display: flex; justify-content: space-between; padding-bottom: 92px; } .con-yl .lef { flex-shrink: 0; display: flex; flex-direction: column; width: 50%; } .con-yl .lef .yong_num { width: 83px; margin-top: 28px; /* height: 56px; */ } .con-yl .lef .con-g-t { font-family: MicrosoftYaHei-Bold; font-size: 30px; font-weight: bold; font-stretch: normal; line-height: 52px; padding: 20px 0; color: #ffffff; display: block; margin-bottom: 11px; } .con-yl .lef .con-g-w { display: block; line-height: 37px; font-family: MicrosoftYaHei; font-size: 16px; color: #ffffff; opacity: 0.8; margin-bottom: 55px; } .con-yl .lef .fi { margin-right: 196px; } .con-yl .lef .se { margin-left: 115px; } .con-yl .lef .liao { margin-bottom: 79px; width: 149px; height: 51px; background-image: linear-gradient(#f7ac00, #f7ac00), linear-gradient(90deg, #ffbe2d 0%, #a27b23 100%), linear-gradient(#e60012, #e60012); background-blend-mode: normal, normal, normal; border-radius: 24px; border: solid 1px #ffbe2d; box-shadow: 0 0 30px rgba(255, 190, 45, 0.38); text-align: center; cursor: pointer; } .con-yl .lef .liao a { background: url('../Images/icon2.png') left center no-repeat; padding-left: 29px; font-family: MicrosoftYaHei; font-size: 16px; line-height: 51px; color: #171614; } .con-yl .rig { flex-shrink: 0; width: 50%; height: 518px; } .con-yl .rig img { object-fit: cover; width: 100%; height: 100%; } .back-pho { display: none; } .active a { font-weight: bold; } .cai1-t { padding-top: 126px; display: flex; padding-bottom: 55px; align-items: flex-start; justify-content: space-between; } .xing { line-height: 46px; font-size: 36px; color: #fff; display: inline-block; position: relative; z-index: 2; margin-top: 5px; } .cail-b { overflow: hidden; position: relative; padding-bottom: 187px; } .cail-br { width: 61.9270833333%; } .xing::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #18469d; z-index: -1; } .cai1-t p { width: 63.4705882353%; line-height: 37px; color: #fff; font-size: 16px; } .cail-bl-fl { width: 620px; padding-left: 5.7291666667%; position: relative; } .cail-bl li { background: url("../Images/icon1.png") no-repeat left center; padding-left: 42px; font-size: 18px; color: #fff; line-height: 34px; margin-bottom: 44px; cursor: pointer; } .cail-bl .check { background: url("../Images/yellow-icon.png") no-repeat left center; font-size: 20px; font-weight: bold; color: #f7ac00; border: none; } .mySwiper2-j, .mySwiper2-j1, .mySwiper2-j2, .mySwiper2-j3 { width: 100%; overflow: hidden; } .mySwiper2-j .swiper-wrapper { /* width: 61.9270833333%; */ /* float: right; overflow: hidden !important; */ } .mySwiper2-j .swiper-slide, .mySwiper2-j1 .swiper-slide, .mySwiper2-j2 .swiper-slide, .mySwiper2-j3 .swiper-slide { width: auto !important; position: relative; } /* .cail-br .swiper-slide{ border-radius: 20px; } */ .cail-br .swiper-slide .n-cai { border-radius: 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover !important; } .cail-br .swiper-slide .sl-t { position: relative; width: 100%; height: auto; } .cail-bl-fl .swiper-pagination { bottom: -107px; text-align: left; height: 10px; left: 110px; width: 100%; } .cail-bl-fl .swiper-pagination .swiper-pagination-bullet { background-color: transparent; width: 50px; height: 10px; border: 1px solid #777779; border-radius: 0px; opacity: unset; /* display: inline-block; */ } .cail-bl-fl .swiper-pagination .swiper-pagination-bullet-active { background-color: #f7ac00; border: none; } .gai { display: none; } .hide { display: none; } .cai2 { padding-bottom: 179px; } .x-btn1 { display: block; width: 118px; margin-bottom: 48px; height: 40px; border-radius: 40px; border: 1px solid #fff; background: url("../Images/jian.png") no-repeat center; box-shadow: 0 0 30px rgba(255, 255, 204, .2); } .mySwiper-jia { margin-top: 57px; padding-bottom: 78px; } .mySwiper-jia .swiper-slide { margin-bottom: 36px; cursor: pointer; /* margin-right: 28px; */ margin-top: 0 !important; border: 1px solid #5a5b5c; } /* .mySwiper-jia .swiper-wrapper{ width: 100% !important; } */ /* .mySwiper-jia .swiper-slide:nth-child(3n) { margin-right: 0 !important; } */ .jia-bap { margin-left: 45px } .jia-ad { margin-top: 36px; line-height: 30px; font-size: 20px; padding: 5px 0; color: #fff; } .jia-bei { line-height: 33px; font-size: 16px; color: #a7a7a7; margin-top: 19px; display: flex; align-items: center; margin-bottom: 46px; } .jia-bei span { width: 3px; height: 17px; background-color: #a7a7a7; display: inline-block; margin: 0 29px 0 24px; } /* .mySwiper-jia .swiper-wrapper { flex-direction: row; } */ .mySwiper-jia .swiper-pagination-bullet { width: 50px; height: 10px; background-color: #8a8b8b; opacity: unset; border-radius: 0; } .mySwiper-jia .swiper-pagination { bottom: 34px; } .mySwiper-jia .swiper-pagination-bullet-active { background-color: #f7ac00; } .cai3-t { overflow: hidden; } .cai3-t>div { width: 50%; } .cai3-j { line-height: 36px; font-size: 22px; font-weight: bold; color: #fff; padding: 20px 0; margin-top: 152px; } .cai3 .xing { position: absolute; left: 5.7291666667%; top: 31px; } .cai4 .xing { position: absolute; right: calc(50% - 261px); top: 0; } .cai3-we { line-height: 35px; font-size: 16px; color: #fff; margin-right: 203px; } .cai3-t .fl { padding-left: 5.7291666667%; } .mySwiper-qiu .swiper-button-next-ban, .mySwiper-qiu .swiper-button-prev-ban { width: 48px; height: 48px; left: 5.7291666667%; top: auto; bottom: 60px; z-index: 30; } .mySwiper-qiu .swiper-button-next-ban { background: url("../Images/rig-btn.png") no-repeat left top; left: 287px; } .mySwiper-qiu .swiper-button-prev-ban { background: url("../Images/lef-btn.png") no-repeat left top; } .mySwiper-qiu .swiper-pagination { bottom: 70px; text-align: left; color: #ffffff; text-indent: 189px; } .mySwiper-qiu .swiper-pagination-current, .mySwiper-di .swiper-pagination-current { font-size: 24px; font-weight: bold; color: #f7ac00; line-height: 28px; padding: 12px 0; } .mySwiper-qiu .swiper-pagination-total, .mySwiper-di .swiper-pagination-total { line-height: 24px; color: #d3d3d3; font-size: 16px; } .mySwiper-di .fr { width: calc(50% - 122px); margin-left: 122px; } .cai4-fen { padding-bottom: 36px; } .cai4-fen:nth-last-child(1) { padding-bottom: 0; } .cai4 { padding-top: 134px; padding-bottom: 191px; } .cai4 .fl { padding-left: 0; } .cai4 .cai3-j { margin-top: 77px; /* margin-top: 0; margin-bottom: 31px; */ } .mySwiper-di .swiper-button-next-pan, .mySwiper-di .swiper-button-prev-pan { right: 784px; width: 48px; height: 48px; left: auto; top: auto; bottom: 0px; z-index: 20; } .mySwiper-di .swiper-button-next-pan { right: 612px; background: url("../Images/rig-btn.png") no-repeat left top; } .mySwiper-di .swiper-button-prev-pan { background: url("../Images/lef-btn.png") no-repeat left top; } .mySwiper-di .swiper-pagination { bottom: 8px; color: #fff; text-indent: calc(23% + 20px); } .pages-join .titlecen { padding-bottom: 71px; margin-bottom: 0; } .pages-join .title { margin-top: 95px; text-align: center; margin-bottom: 81px; position: relative; z-index: 10; } /* 弹出 */ .titlecen .dl-1 span{ color: #fff; } .cai2-tan { background-color: #fff; position: fixed; left: 10%; top: 10%; display: none; z-index: 100; width: 80%; height: calc(100% - 20%); overflow-y: scroll; } .cai2-tan-b { position: relative; } .cha { position: absolute; right: 0; top: 0; z-index: 9 } .cha img { display: block; } .jobv-ndk { display: block; position: relative; overflow: hidden; background: #fff; padding: 40px 54px 54px; } .rljob-lim-tit { display: block; margin-bottom: 16px; font-weight: normal; line-height: 34px; font-size: 22px; color: #000; } .jobv-ndtj { display: block; border-bottom: 1px solid #d5d5d5; padding-bottom: 30px; margin-bottom: 30px; } .rljob-xzndnk { display: block; width: calc(100% - 120px); float: left; } .jobv-huik { display: block; float: right; width: 110px; height: 48px; border-radius: 40px; background: #009944; text-align: center; line-height: 48px; font-size: 16px; color: #fff; } .jobv-ndtext { overflow: hidden; } .cpv-huik { display: block; float: left; border: 1px solid #fff; width: 140px; height: 40px; border-radius: 40px; font-weight: normal; line-height: 38px; font-size: 18px; color: #fff; text-align: center; }