.no-display { display: none !important; } .yes-display { display: block !important; } /* 导航 */ #navigation-bgc { border-bottom: 1px solid rgba(2, 2, 2, 0.1); } .NanLbt-external { width: 100%; position: relative; overflow: hidden; } .NanLbt-external .NanLbt-container { position: relative; width: 500%; } .NanLbt-external .NanLbt-container .NanLbt-img { float: left; width: 20%; } .NanLbt-external .direction { position: absolute; display: block; width: 57px; height: 57px; color: #fff; text-align: center; line-height: 57px; border: 1px solid #fff; text-decoration: none; top: 180px; } .NanLbt-external .direction i { font-size: 30px; } .NanLbt-external .direction:hover { background-color: rgba(0, 0, 0, 0.3); } .NanLbt-external .direction_left { left: -60px; } .NanLbt-external .direction_right { right: -60px; } @media only screen and (max-width: 500px) { .NanLbt-external .NanLbt-container .NanLbt-img { height: 180px; } .NanLbt-external .direction { top: 70px; width: 30px; height: 30px; line-height: 30px; } } @media only screen and (min-width: 500px) and (max-width: 900px) { .NanLbt-external { height: 300px; } .NanLbt-external .NanLbt-container { height: 300px; } .NanLbt-external .NanLbt-container .NanLbt-img { height: 300px; } .NanLbt-external .direction { top: 150px; width: 30px; height: 30px; line-height: 30px; } } .top { width: 1280px; height: 515px; margin: 0 auto 50px; } .top .top-container { width: 1200px; margin: 50px auto; height: 515px; } .top .top-container .top-left { float: left; width: 780px; height: 515px; margin-right: 15px; } .top .top-container .top-left #xw1 { height: 185px; } .top .top-container .top-left #xw2 { height: 78px; } .top .top-container .top-left .small { border-bottom: 2px solid #e1e1e1; height: 82px; padding: 4px 0; } .top .top-container .top-left .small .li-time { width: 85px; float: left; margin-top: 5px; } .top .top-container .top-left .small .li-time :nth-child(1) { margin-top: 15px; font-size: 36px; font-family: Arial; font-weight: bold; color: #B53D11; line-height: 24px; } .top .top-container .top-left .small .li-time :nth-child(2) { font-size: 14px; font-family: Arial; font-weight: 400; color: #9FA0A0; line-height: 24px; } .top .top-container .top-left .small .vertical-line { float: left; width: 1px; height: 50px; margin-top: 15px; border-left: 2px solid #e1e1e1; } .top .top-container .top-left .small .li-text { float: left; height: 50px; width: 617px; margin-top: 15px; } .top .top-container .top-left .small .li-text :nth-child(1) { display: block; margin-left: 20px; float: left; width: 617px; height: 50px; color: #898989; font-size: 20px; font-family: Adobe Heiti Std; font-weight: normal; line-height: 50px; } .top .top-container .top-left .small .li-text:hover * { color: #c00e18; } .top .top-container .top-left .small .div-i { float: left; width: 65px; margin-top: 15px; overflow: hidden; display: flex; } .top .top-container .top-left .small .div-i i { display: block; width: 20px; font-size: 50px; color: #e1e1e1; } .top .top-container .top-left .small .div-i .xiangyou1 { margin-left: -50px; color: #c00e18; } .top .top-container .top-left .small .div-i .xiangyou2 { margin-left: 57px; } .top .top-container .top-left .dxw { display: block; text-decoration: none; } .top .top-container .top-left .large { display: flex; border-bottom: 2px solid #e1e1e1; } .top .top-container .top-left .large .heavy-time { width: 100px; height: 92px; margin-right: 10px; border-radius: 10px; background: -webkit-linear-gradient(left, #ddaa59, #d55b37); text-align: center; padding-top: 15px; } .top .top-container .top-left .large .heavy-time :nth-child(1) { font-size: 48px; font-weight: bold; font-family: Arial; color: #590300; } .top .top-container .top-left .large .heavy-time :nth-child(2) { font-size: 14px; font-family: Arial; font-weight: 400; color: #690300; } .top .top-container .top-left .large .heavy-news p { font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #595757; } .top .top-container .top-left .large .heavy-news .span-text { height: 95px; display: block; margin-top: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 16px; font-family: Adobe Heiti Std; font-weight: normal; color: #5B5B5B; line-height: 24px; } .top .top-container .top-left .large .heavy-news:hover { text-decoration: none; } .top .top-container .top-left .large .heavy-news:hover * { color: #c00e18; } .top .top-container .top-middle { float: left; width: 390px; height: 500px; margin-left: 15px; } .top .top-container .top-middle a { text-decoration: none; } .top .top-container .top-middle .notice-block-warper { display: flex; align-items: center; height: 252px; margin-bottom: 11px; padding: 0 50px; overflow: hidden; } .top .top-container .top-middle .notice-block { flex: 1; display: flex; flex-direction: column; height: 132px; } .top .top-container .top-middle .notice-block .notice { width: 284px; border-left: 6px solid #b53d11; color: #6e3e18; padding-left: 15px; line-height: 1.3; font-family: AlibabaPuHuiTi_2_105_Heavy; } .top .top-container .top-middle .notice-block .notice .fs-24 { font-size: 24px; font-weight: bold; } .top .top-container .top-middle .notice-block .notice .fs-14 { font-size: 14px; font-weight: 600; } .top .top-container .top-middle .notice-block .notice-p1 { font-size: 17px; font-family: AlibabaPuHuiTi_2_35_Thin; font-weight: 400; color: #6e3e1b; margin-top: auto; } .top .top-container .top-middle .notice-block .notice-p2 { margin-top: 8px; font-size: 14px; font-family: AlibabaPuHuiTi_2_35_Thin; } .top .top-container .top-middle .newest-notice { background: url(../../assets/bjt/back-notice.jpg) no-repeat; background-size: 100% 100%; } .top .top-container .top-middle .public-welfare { background: url(../../assets/bjt/back-public.jpg) no-repeat; background-size: 100% 100%; } .top .top-container .top-middle .public-welfare .public-p1 { color: #186B50; } .top .top-container .top-middle .public-welfare .public-p2 { color: #186B50; } .top .top-container .top-right { float: left; width: 275px; height: 515px; background: url(../../assets/bjt/gpbj1.png) no-repeat; background-size: 100% 100%; } .top .top-container .top-right a { text-decoration: none; } .top .top-container .top-right p { margin: 0; margin-left: 35px !important; } .top .top-container .top-right .gp-p1 { width: 230px; margin: 30px auto 0; font-size: 40px; font-weight: bold; font-family: Poppins-Bold; color: #595757; } .top .top-container .top-right :nth-child(2) { width: 230px; margin: 0 auto; font-size: 30px; font-weight: bolder; font-family: AlibabaPuHuiTi_2_45_Light; color: #ff2f00; height: 60px; } .top .top-container .top-right :nth-child(2) #shares-change { margin: 0 auto; font-size: 30px; font-weight: bolder; font-family: AlibabaPuHuiTi_2_45_Light; color: #ff2f00; height: 60px; line-height: 60px; float: left; } .top .top-container .top-right :nth-child(2) #shares-icon { margin-left: 25px; width: 50px; height: 60px; overflow: hidden; display: block; float: left; position: relative; } .top .top-container .top-right :nth-child(2) #shares-icon #shares-icon1, .top .top-container .top-right :nth-child(2) #shares-icon #shares-icon2 { position: absolute; font-size: 20px; color: #228032; font-weight: bold; font-family: AlibabaPuHuiTi_2_45_Light; margin-top: 20px; } .top .top-container .top-right :nth-child(2) #shares-icon #shares-icon1 { font-size: 20px; font-weight: bold; margin-top: 20px; color: red; } .top .top-container .top-right :nth-child(2) #shares-icon .shares-icon { margin-top: -50px !important; } .top .top-container .top-right :nth-child(3), .top .top-container .top-right :nth-child(5), .top .top-container .top-right :nth-child(7), .top .top-container .top-right :nth-child(9) { width: 230px; margin: 15px auto 0; font-size: 16px; font-family: Poppins-Bold; font-weight: bold; color: #595757; } .top .top-container .top-right :nth-child(4), .top .top-container .top-right :nth-child(6), .top .top-container .top-right :nth-child(8), .top .top-container .top-right :nth-child(10) { width: 230px; margin: 0 auto; font-size: 20px; font-family: AlibabaPuHuiTi_2_45_Light; font-weight: bolder; color: #ff2f00; } .top .top-container .top-right :nth-child(6) { color: #4aa142; } .top .top-container .top-right :nth-child(8), .top .top-container .top-right :nth-child(10) { color: #373332; } .top .top-container .top-right :nth-child(11), .top .top-container .top-right :nth-child(12) { width: 230px; margin: 0 auto; font-size: 16px; font-weight: bold; font-family: AlibabaPuHuiTi_2_45_Light; color: #595757; } .top .top-container .top-right :nth-child(11) { margin-top: 15px; } @media only screen and (min-width: 0px) and (max-width: 500px) { .top-container { padding-top: 10px; } .top-container .top-left .heavy-time { margin-left: 1%; } .top-container .top-left .small .li-time { width: 15% !important; } .top-container .top-left .small a .li-text { width: 72% !important; } .top-container .top-left .small a .li-text span { display: block !important; width: 100% !important; margin-left: 3% !important; font-size: 15px !important; line-height: 25px !important; } .top-container .top-left .small a .div-i { width: 10% !important; } .top-container .top-left .small a .div-i .xiangyou2 { margin-left: 30px !important; } .top-container .top-middle { margin-top: 20px !important; } .top-container .top-right { margin-top: 20px !important; } } .body-container { height: 655px; width: auto; overflow: hidden; background: url(../../assets/bjt/back-section.jpg) no-repeat; background-size: 100% 655px; } .body-container .external-container { position: relative; width: 1280px; height: 655px; margin: auto; } .body-container .external-container .container { position: absolute; width: 1200px; height: 513px; margin: 70px 40px; } .body-container .external-container .container .wrap { position: relative; width: 13640px; height: 513px; } .body-container .external-container .container .wrap .lbt-external { background-color: #ca7676; float: left; width: 1200px; height: 513px; margin: 0 20px; } .body-container .external-container .container .wrap .lbt-external a:hover { text-decoration: none; } .body-container .external-container .container .wrap .lbt-external .lbt-top { width: 751px; height: 254px; margin: 58px 0 12px 51px; flex: 1; display: flex; flex-direction: column; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-title { margin: 32px 0 25px 0; font-size: 48px; font-family: AlibabaPuHuiTi_2_45_Light; font-weight: 400; color: #FFFFFF; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-p { font-size: 14px; font-family: AlibabaPuHuiTi_2_35_Thin; font-weight: bold; color: #C05A04; line-height: 18px; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-a { display: block; width: 112px; height: 44px; margin-top: 27px; line-height: 44px; padding-left: 20px; border: 1px solid #C05A04; font-size: 16px; font-family: AlibabaPuHuiTi_2_45_Light; font-weight: 400; color: #C05A04; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-a:hover { color: #B53D11; border: 1px solid red; background-color: rgba(0, 0, 0, 0.1); } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-a i { position: absolute; font-size: 30px; margin-left: 15px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom { height: 122px; padding-top: 67px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container { margin-left: 52px; background-color: #d49494; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container p { float: left; width: 800px; font-size: 16px; font-family: AlibabaPuHuiTi_2_45_Light; font-weight: 400; color: #898989; line-height: 20px; border-left: 7px solid #C05A04; padding-left: 21px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a { float: left; width: 112px; height: 44px; margin: 5px 0 7px 124px; line-height: 44px; padding-left: 20px; border: 1px solid #C4C4C4; font-size: 16px; font-family: AlibabaPuHuiTi_2_45_Light; font-weight: 400; color: #898989; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a:hover { color: #B53D11; border: 1px solid red; background-color: rgba(0, 0, 0, 0.1); } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a i { position: absolute; font-size: 30px; margin-left: 15px; } .body-container .external-container .container .wrap .lbt-external:nth-child(2) { background: url(../../assets/bjt/back-item8.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(3) { background: url(../../assets/bjt/back-item1.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(4) { background: url(../../assets/bjt/back-item2.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(5) { background: url(../../assets/bjt/back-item3.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(6) { background: url(../../assets/bjt/back-item4.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(7) { background: url(../../assets/bjt/back-item5.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(8) { background: url(../../assets/bjt/back-item6.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(9) { background: url(../../assets/bjt/back-item7.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(10) { background: url(../../assets/bjt/back-item8.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(11) { background: url(../../assets/bjt/back-item1.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .wrap .lbt-external:nth-child(12) { background: url(../../assets/bjt/back-item2.jpg) no-repeat; background-size: 100% 513px; } .body-container .external-container .container .arrow { position: absolute; width: 57px; height: 57px; color: #fff; text-align: center; line-height: 57px; border: 1px solid #fff; z-index: 9999; text-decoration: none; } .body-container .external-container .container .arrow i { font-size: 30px; } .body-container .external-container .container .arrow:hover { background-color: #B53D11; } .body-container .external-container .container .arr_left { left: -1200px; top: 50%; transform: translate(0, -50%); } .body-container .external-container .container .arr_right { right: -1200px; top: 50%; transform: translate(0, -50%); } .body-container .external-container .container .shadow-left, .body-container .external-container .container .shadow-right { position: absolute; top: 0; width: 1200px; height: 513px; z-index: 999; background-color: rgba(0, 0, 0, 0.5); margin: 0 0 0 -1240px; } .body-container .external-container .container .shadow-right { margin: 0 0 0 1240px; } @media only screen and (min-width: 0px) and (max-width: 500px) { .body-container { height: 400px !important; background-size: 100% 400px !important; } .body-container .external-container { height: 400px !important; } .body-container .external-container .container { margin-left: 0 !important; margin-top: 50px !important; height: 300px !important; } .body-container .external-container .container .wrap { height: 300px !important; width: 1100% !important; position: absolute !important; } .body-container .external-container .container .wrap .lbt-external { width: 9.09% !important; height: 300px !important; margin: 0 !important; background-size: 100% 300px !important; } .body-container .external-container .container .wrap .lbt-external .lbt-top { width: 300px; height: 100px; margin: 0px 0 12px 10px; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-title { margin: 32px 0 5px 0; font-size: 18px; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-p { font-size: 12px; line-height: 18px; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-a { width: 70px; height: 20px; margin-top: 5px; line-height: 20px; padding-left: 5px; font-size: 10px; } .body-container .external-container .container .wrap .lbt-external .lbt-top .top-a i { font-size: 15px; margin-left: 5px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom { height: 122px; padding-top: 67px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container { margin: 50px 0 0 10px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container p { float: left; width: 72%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 13px; border-left: 3px solid #C05A04; padding-left: 5px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a { width: 19%; height: 20px; margin: 10px 5px 5px 3%; line-height: 20px; padding-left: 5px; font-size: 10px; } .body-container .external-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a i { font-size: 15px; margin-left: 5px; } .body-container .external-container .container .arrow { width: 30px !important; height: 30px !important; line-height: 30px !important; } .body-container .external-container .container .arrow i { font-size: 20px !important; } .body-container .external-container .container .arr_left { left: 5px !important; top: 50%; transform: translate(0, -50%); } .body-container .external-container .container .arr_right { right: 5px !important; top: 50%; transform: translate(0, -50%); } .body-container .external-container .container .shadow-left, .body-container .external-container .container .shadow-right { display: none; } } .industry-container { width: 100%; overflow: hidden; background: url(../../assets/bjt/back-section.jpg) no-repeat; background-size: 100% 100%; } .industry-container .industry-external { width: 1280px; margin: 0 auto; } .industry-container .industry-external .industry-inside { width: 1200px; height: 100%; margin: 0 auto; padding-top: 20px; } .industry-container .industry-external .industry-inside .industry-card { width: 390px; height: 250px; position: relative; float: left; margin: 10px 15px 0 0; overflow: hidden; } .industry-container .industry-external .industry-inside .industry-card img { width: 390px; height: 250px; position: absolute; z-index: 100; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce { position: absolute; width: 390px; height: 250px; background: rgba(0, 0, 0, 0.7); z-index: 9999; top: -250px; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-title { font-size: 20px; margin: 20px 0 10px; padding: 0 10px; color: #fff; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-line { margin: 20px 10px; width: 60px; border-top: 2px solid #c00e18; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-content { padding: 0 10px; color: #fff; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-content p { margin: 0!important; padding: 0!important; line-height: 30px!important; font-size: 16px!important; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-content p span { margin: 0; padding: 0; line-height: 30px!important; font-size: 16px!important; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-content span { margin: 0!important; padding: 0!important; line-height: 30px!important; font-size: 16px!important; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-button { border-radius: 5px; text-decoration: none; display: block; width: 90px; height: 30px; text-align: center; line-height: 30px; margin: 20px 0 20px 10px; color: #fff; background-color: #C00E18; border: 1px solid #fff; } .industry-container .industry-external .industry-inside .industry-card .industry-introduce .introduce-button:hover { color: #C00E18; border: 1px solid #C00E18; background: rgba(0, 0, 0, 0.5); } .industry-container .industry-external .industry-inside .industry-card:hover .industry-introduce { text-decoration: none; transition: top 0.5s; -webkit-transition: top 0.5s; top: 0px!important; } .industry-container .industry-external .industry-inside :nth-child(3n+3) { margin-right: 0px; } .industry-container .industry-external .industry-inside .industry-hide-card { position: relative; } .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(1), .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(2), .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(3), .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(4), .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(5), .industry-container .industry-external .industry-inside .industry-hide-card .industry-card:nth-child(6) { display: none; } .industry-container .industry-external .industry-inside .industry-more { margin-left: 0px; height: 80px; width: 100%; position: relative; float: left; z-index: 8888; } .industry-container .industry-external .industry-inside .industry-more .more-button { position: absolute; left: 45%; width: 120px; height: 40px; text-align: center; line-height: 40px; margin: 20px auto; color: #efefef; border: 1px solid #efefef; border-radius: 10px; text-decoration: none; } .industry-container .industry-external .industry-inside .industry-more .more-button:hover { color: #efefef; background-color: #bb0007; } @media only screen and (min-width: 0px) and (max-width: 900px) { .industry-container { background: none!important; overflow: initial!important; } .industry-container .industry-card { margin: 0!important; padding: 0!important; height: 300px !important; width: 96%!important; margin: 0 2% 10px!important; } .industry-container .industry-card img { margin: 0px!important; height: 300px !important; width: 100%!important; } .industry-container .industry-card .industry-introduce { height: 300px !important; left: 0px!important; margin: 0px!important; width: 100%!important; top: -300px !important; border-radius: 0px!important; } .industry-container .industry-card .industry-introduce .introduce-title { margin: 30px 0 20px 0 !important; } .industry-container :nth-child(1) { margin-top: 15px!important; } .industry-container .industry-hide-card :nth-child(1) { margin-top: 0px!important; } .industry-container .industry-more .more-button { left: 36%!important; color: #000000 !important; border: 1px solid #000000 !important; } } @media only screen and (min-width: 0px) and (max-width: 300px) { .industry-container .industry-card { height: 250px !important; } .industry-container .industry-card img { height: 250px !important; } .industry-container .industry-card .industry-introduce { height: 250px !important; top: -250px !important; border-radius: 0!important; } .industry-container .industry-card .industry-introduce .introduce-title { margin: 10px 0!important; } .industry-container .industry-card .industry-introduce .introduce-line { margin: 10px 0!important; } .industry-container .industry-more .more-button { font-size: 14px!important; width: 80px!important; height: 30px!important; line-height: 30px!important; left: 35%!important; } } @media only screen and (min-width: 500px) and (max-width: 900px) { .industry-container .industry-more .more-button { left: 42%!important; } } .bottom { width: 1280px; margin: 0 auto; overflow: hidden; } .bottom .bottom-container { width: 1200px; margin: 70px auto 0px; } .bottom .bottom-container .bottom-left { height: 400px; width: 100%; margin-right: 25px; } .bottom .bottom-container .bottom-left .btn-container { font-size: 16px; overflow: hidden; } .bottom .bottom-container .bottom-left .btn-container .btn-div { width: 160px; height: 40px; float: left; padding-top: 10px; margin-right: 80px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .bottom .bottom-container .bottom-left .btn-container .btn-div a { float: left; text-decoration: none; width: 150px; height: 33px; text-align: center; line-height: 33px; color: #fff; font-size: 19px; font-family: Adobe Heiti Std; font-weight: normal; } .bottom .bottom-container .bottom-left .btn-container :nth-child(1) { background-color: rgba(62, 138, 74, 0.3); } .bottom .bottom-container .bottom-left .btn-container :nth-child(1) a { background-color: rgba(62, 138, 74, 0); color: red; border-left: 3px solid red; } .bottom .bottom-container .bottom-left .btn-container :nth-child(2) { background-color: rgba(254, 192, 69, 0.7); } .bottom .bottom-container .bottom-left .btn-container :nth-child(2) a { background-color: rgba(254, 192, 69, 0); } .bottom .bottom-container .bottom-left .btn-container :nth-child(3) { background-color: rgba(17, 196, 202, 0.7); } .bottom .bottom-container .bottom-left .btn-container :nth-child(3) a { background-color: rgba(17, 196, 202, 0); } .bottom .bottom-container .bottom-left .btn-container :nth-child(4) { background-color: rgba(38, 117, 212, 0.7); } .bottom .bottom-container .bottom-left .btn-container :nth-child(4) a { background-color: rgba(38, 117, 212, 0); } .bottom .bottom-container .bottom-left .btn-container :nth-child(5) { background-color: #e6e6e6; } .bottom .bottom-container .bottom-left .btn-container :nth-child(5) a { color: #898989; background-color: #e6e6e6; } .bottom .bottom-container .bottom-left .btn-container :nth-child(5) a:hover { color: #B53D11; } .bottom .bottom-container .bottom-left .table-th { width: 100%; height: 50px; text-align: center; color: #595757; background-color: #f4f4f4; border-bottom: 1px solid #eeeeee; font-family: AlibabaPuHuiTi_2_55_Regular; } .bottom .bottom-container .bottom-left .table-th li { width: 173px; height: 50px; line-height: 50px; float: left; font-weight: bold; } .bottom .bottom-container .bottom-left .table-th :nth-child(1) { margin-left: 15px; } .bottom .bottom-container .bottom-left .table-th :nth-child(2) { margin-left: 40px; } .bottom .bottom-container .bottom-left .table-th :nth-child(3) { margin-left: 71px; } .bottom .bottom-container .bottom-left .table-th :nth-child(4) { margin-left: 60px; } .bottom .bottom-container .bottom-left .table-th :nth-child(5) { margin-left: 70px; } .bottom .bottom-container .bottom-left .list-container { height: 245px; width: 100%; background-color: #f4f4f4; overflow-x: hidden; } .bottom .bottom-container .bottom-left .list-container::-webkit-scrollbar { display: none; } .bottom .bottom-container .bottom-left .table { height: 60px; width: 100%; border-collapse: collapse; font-family: AlibabaPuHuiTi_2_45_Regular; font-weight: 400; } .bottom .bottom-container .bottom-left .table tr td { height: 48px; color: #21211f; border-bottom: 1px solid #eeeeee; } .bottom .bottom-container .bottom-left .table tr td img { float: left; width: 22px; height: 22px; margin: 0px 5px; } .bottom .bottom-container .bottom-left .table tr td:nth-child(1) { width: 248px; padding-left: 40px; } .bottom .bottom-container .bottom-left .table tr td:nth-child(1) span { display: block; float: left; width: 65%; line-height: 20px; } .bottom .bottom-container .bottom-left .table tr td:nth-child(2) { color: #228032; width: 245px; } .bottom .bottom-container .bottom-left .table tr td:nth-child(3) { color: #b80f17; width: 230px; } .bottom .bottom-container .bottom-left .table tr td:nth-child(4) { width: 245px; } .bottom .bottom-container .bottom-left .table tr:hover { background-color: #fff; } .bottom .bottom-container .bottom-right { height: 480px; width: 100%; } .bottom .bottom-container .bottom-right .video { background-color: #f4f4f4; float: left; width: 800px; height: 480px; display: flex; justify-content: center; align-items: center; } .bottom .bottom-container .bottom-right .video video { width: 700px; height: 400px; } .bottom .bottom-container .bottom-right .compliance { float: left; width: 400px; height: 480px; background: url(../../assets/bjt/back-bottom.jpg); background-size: 100% 100%; } .bottom .bottom-container .bottom-right .compliance .img-logo { width: 100px; height: 100px; margin: 132px 155px 20px 145px; } .bottom .bottom-container .bottom-right .compliance :nth-child(2) { width: 220px; margin: 0 auto; font-size: 20px; font-weight: bold; font-family: AlibabaPuHuiTi_2_65_Medium; color: #b51c22; } .bottom .bottom-container .bottom-right .compliance :nth-child(3) { width: 280px; margin: 30px auto 0; font-size: 16px; font-family: AlibabaPuHuiTi_2_45_Light; color: #9fa0a0; } @media only screen and (min-width: 0px) and (max-width: 500px) { .bottom-left { height: 360px!important; } .bottom-left .btn-container { margin-top: 10px !important; } .bottom-left .btn-container .btn-div { width: 18% !important; margin-right: 4px !important; } .bottom-left .btn-container .btn-div a { width: 95% !important; font-size: 12px !important; } .bottom-left .table-th li { margin-left: 0px !important; font-size: 12px!important; text-align: center; width: 20% !important; } .bottom-left .table tr td { font-size: 12px!important; width: 15% !important; } .bottom-left .table tr td:nth-child(1) { width: 21% !important; padding-left: 20px!important; } .bottom-left .table tr td:nth-child(1) span { width: 59.5% !important; } .bottom-left .table tr td:nth-child(4) { width: 20% !important; } .bottom-left .table tr td:nth-child(5) { width: 20% !important; } .bottom-right { margin-top: 10px!important; } .bottom-right .video { width: 100%!important; height: 300px!important; } .bottom-right .video video { width: 90%!important; height: 200px!important; } .bottom-right .compliance { height: 300px!important; width: 100%!important; } .bottom-right .compliance .img-logo { margin-left: 35% !important; margin-top: 30px!important; } } @media only screen and (min-width: 0px) and (max-width: 300px) { .top .top-left .heavy-time { width: 60px!important; height: 60px!important; } .top .top-left .heavy-time :nth-child(1) { font-size: 30px!important; } .top .top-left .heavy-time :nth-child(2) { font-size: 12px!important; } .top .top-left .heavy-news p { font-size: 20px!important; } .top .top-left .heavy-news span { font-size: 13px!important; } .top .top-left .small .li-time { width: 45px!important; } .top .top-left .small .li-time :nth-child(1) { font-size: 30px!important; } .top .top-left .small .li-time :nth-child(2) { font-size: 12px!important; } .top .top-left .small .li-text { width: 50%!important; } .top .top-left .small .li-text .color-red { width: 100%!important; font-size: 14px!important; } .top .top-left .small .li-text :nth-child(1) { line-height: 20px!important; } .top .top-left .small .div-i { width: 20px!important; margin-top: 25px!important; } .top .top-left .small .div-i i { font-size: 30px!important; } .top .top-middle .notice-block-warper { background-size: 100% 100%!important; } .top .top-middle .notice-block-warper .notice-block .notice { overflow: hidden!important; } .top .top-middle .notice-block-warper .notice-block .notice .fs-24 { font-size: 20px!important; } .top .top-middle .notice-block-warper .notice-block .notice .fs-14 { font-size: 14px!important; } .top .top-middle .notice-block-warper .notice-block .notice-p1 { width: 200px!important; font-size: 14px!important; } .wrap .lbt-external .lbt-top { line-height: 12px; } .wrap .lbt-external .lbt-top .top-p { width: 190px; } .wrap .lbt-external .lbt-bottom p { width: 170px!important; } .wrap .lbt-external .lbt-bottom a { width: 70px!important; } .bottom .bottom-right .video { width: 100%!important; } .bottom .bottom-right .video video { width: 90%!important; margin: 0 5%!important; } .bottom .bottom-right img { margin: 0 0 30px 50% !important; width: 50px!important; height: 50px!important; } } @media only screen and (min-width: 500px) and (max-width: 900px) { .top .top-left { margin-top: 30px!important; } .top .top-left .small .li-text { width: 75%!important; line-height: 25px!important; } .top .top-left .small .li-text .color-red { font-size: 20px!important; width: 100%!important; } .top .top-left .small .div-i { width: 5%!important; float: right!important; } .top .top-left .small .div-i .xiangyou2 { margin-left: 50%!important; } .top .top-middle { margin-top: 50px!important; margin-bottom: 30px!important; } .top .top-right p { margin-left: 50px!important; } .body-container .container .wrap { width: 900%!important; } .body-container .container .wrap .lbt-external { margin: 70px 0 0!important; width: 11.1% !important; } .body-container .container .wrap .lbt-external .lbt-top { width: 70%!important; margin-left: 5%!important; } .body-container .container .wrap .lbt-external .lbt-top .top-title { font-size: 25px!important; } .body-container .container .wrap .lbt-external .lbt-top .top-p { font-size: 15px!important; } .body-container .container .wrap .lbt-external .lbt-top .top-a { width: 90px!important; height: 30px!important; line-height: 30px!important; padding-left: 5px!important; font-size: 15px!important; } .body-container .container .wrap .lbt-external .lbt-top .top-a i { font-size: 20px!important; margin-left: 5px!important; margin-top: 2px!important; } .body-container .container .wrap .lbt-external .lbt-bottom { height: 122px!important; padding-top: 20px!important; } .body-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container { margin: 50px 0 0 10px!important; } .body-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container p { float: left!important; width: 72%!important; overflow: hidden!important; font-size: 12px!important; line-height: 15px!important; border-left: 3px solid #C05A04; padding-left: 5px!important; } .body-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a { width: 70px!important; height: 30px!important; margin: 20px 5px 5px 3%!important; line-height: 30px!important; padding-left: 5px!important; font-size: 10px!important; } .body-container .container .wrap .lbt-external .lbt-bottom .lbt-bottom-container a i { font-size: 15px!important; margin-left: 5px!important; } .bottom .bottom-left { margin-top: 10px!important; } .bottom .bottom-left .btn-container .btn-div { width: 15%!important; margin-right: 35px!important; } .bottom .bottom-left .btn-container .btn-div a { width: 100%!important; } .bottom .bottom-left .table-th li { margin: 0px!important; width: 17%!important; } .bottom .bottom-left .table-th :nth-child(1) { width: 30%!important; } .bottom .bottom-left .table tr td { width: 17%!important; text-align: center; } .bottom .bottom-left .table tr td:nth-child(1) { width: 30%!important; padding-left: 12%!important; text-align: left; } .bottom .bottom-right .video { width: 100%!important; } .bottom .bottom-right .compliance { width: 100%!important; } .bottom .bottom-right .compliance img { margin-left: 44.5% !important; } }