:root { --bs-link-color: #E6262F; --bs-link-hover-color: #E6262F; } .main { overflow: hidden; padding: 0; } .banner .swiper-slide a { display: flex; height: 100%; width: 100%; } .banner .swiper-slide img { height: 100%; object-fit: cover; } .top_nav.yy { position: fixed; top: 0; z-index: 9999; width: 100%; } .dropdown-menu { --bs-dropdown-link-active-bg: #E6262F; } /*.dropdown:hover .dropdown-menu {*/ /* display: block;*/ /* margin-top: 0;*/ /*}*/ .nav-item { position: relative; display: flex; margin: 0 1.5vw; } .nav-item .nav-link.dropdown-toggle-split { /*position: absolute;*/ /*right: 0;*/ /*top: 0;*/ margin: 0; } .nav-item .nav-link { text-align: center; font-weight: bold; color: #5B5959; margin: 10px; } .nav-item.active .nav-link { color: #E6262F; } .nav-item.active { border-bottom: 2px solid #E6262F; } .rigdfsk-pro > div:nth-child(2) p { display: list-item; list-style: square; } .pro-view-content h1, .pro-view-content h2, .pro-view-content h3, .pro-view-content p { margin: 0; padding: 0; line-height: 1.87; } /*大屏幕*/ @media (min-width: 992px) { .nav-item:first-child .nav-link { width: auto; } .body-yy{ padding-top: 6.77vw; } .nav-link { font-size: 0.9vw; } .dshjf { font-size: 2.6vw; height: 6.2vw; } .fgdsagsdag .tncode { width: 10.5vw !important; height: 2.4vw !important; line-height: 2.4vw !important; font-size: 1.3vw !important; margin-top: 2.6vw !important; } .fot-div > input { width: 16.6vw; font-size: 1.2vw; } .fot-div { align-items: flex-end; height: 5.5vw; margin-top: 0; } .sdsagfdghjhj { line-height: 3.2vw; font-size: 1.2vw; margin-top: 0; height: 3.2vw; } .foot-form-title { line-height: 3.3vw; padding-top: 4.4vw; font-size: 1.8vw; /*font-weight: bold;*/ } .rightgfdg-bg { background-position: center right; background-size: cover; width: 27.85vw; height: 5.9vw; margin-top: 5.06vw; } .index-lxwm-left { /*flex: ;*/ width: 27.2vw;; height: calc(40.27vw - 6.2vw); z-index: 1; display: flex; flex-direction: column; justify-content: space-between; } .xfdsaf-item > p { background-position: left 0.8vw !important; background-size: 1.2vw auto !important; } .xfdsaf-item > p:nth-child(4){ background-position: 0 .6vw !important; } .xfdsaf-item { width: 18vw; margin-top: 0; font-size: 1.5vw !important; line-height: 2.7vw; } .index-lxwm { height: auto; } .index-lxwm-right { margin-top: -6.2vw; margin-left: -7.15vw; margin-right: -2.15vw; background: url("/imgs/about-bg3.png"); background-size: cover; /*background-position: top left;*/ /*padding: 2.8vw 7.1vw 6.2vw 5.4vw !important;*/ padding-left: 7.1vw !important; padding-top: 6.2vw !important; padding-right: 5.4vw !important; width: 60.8vw; height: 34.9vw; } .about-bg1 { position: relative; /*background: transparent !important;*/ width: 50.9vw; height: 34.1vw; } .rightgfdg-bg { position: absolute; bottom: 0; } .foot-left > .border-bottom-fdgdfs > div { width: 6.8vw; margin: 0; } .foot-left > .border-bottom-fdgdfs > div > a { font-size: 0.6vw; } .foot-left > .border-bottom-fdgdfs > div > a:nth-child(1) { font-size: 0.9vw; } .index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) > img, .index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) > img { object-fit: contain; } .index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) > img { height: 25vw; } .index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) { height: 58.15vw; line-height: 58.15vw; } .index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) { height: 25vw; } .index-pro-box .swiper-slide > .pro-item-right > a:nth-child(3), .index-pro-box .swiper-slide > .pro-item-right > a:nth-child(4) { margin-top: 2vw; } .index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(2), .index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(2) { font-size: 1.3vw; padding-top: 3.9vw; padding-bottom: 0.9vw; } /**/ .navbar-expand-lg { height: 6.77vw; } .nav-item .nav-link:not(.dropdown-toggle-split) { width: 4.4vw; } .nav-item:first-child .nav-link:not(.dropdown-toggle-split) { width: auto; } .nav-item .nav-link { padding: 0 !important; margin: 0; display: flex; align-items: center; justify-content: center; height: 3vw; } .nav-item .nav-link.dropdown-toggle-split { /*right: -0.5vw;*/ } .navbar-expand-lg .navbar-nav .dropdown-menu.show { display: flex; } .navbar-expand-lg .navbar-nav .dropdown-menu { min-width: 0; width: 140% !important; border: 0; border-radius: 0; font-size: 0.9vw; display: none; overflow: hidden; flex-direction: column; padding: 0; background-color: #E0E0E0; top: 100%; left: -20%; } .navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu { display: flex; } .dropdown-item.active { color: #E6262F; position: relative; background: transparent; } .dropdown-item.active::after { content: ''; width: calc(100% - 2.5vw); height: 100%; position: absolute; border-bottom: 0.1vw solid #E6262F; top: 0; left: 1.2vw; } .dropdown-item { /*padding: 0;*/ padding: 0 1vw; flex: 1; height: 2vw; color:#595959; display: flex; align-items: center; justify-content: center; } .top-form { position: absolute; top: 50%; transform: translateY(-50%); right: 3.5vw; z-index: 1; height: 2.6vw; } .top-form > input::placeholder { color: #999999; } .top-form > input { width: 26.9vw; height: 2.6vw; background-color: #F2F2F2; line-height: 2.6vw; border: 0.1vw solid #E6E6E6; padding-left: 0.4vw; } .form-c { display: flex; align-items: center; justify-content: center; height: 100%; position: relative; } /**/ /**/ .lxwm-form { padding: 4.4vw; padding-top: 0; font-size: 1.2vw; color: #717070; } .lxwm-form .tncode { margin-top: 2.4vw !important; width: 10.5vw !important; height: 2.4vw !important; position: static; font-size: 1.3vw !important; line-height: 2.4vw !important; border-radius: 0 !important; } .lxwm-form .d-flex label { margin-right: 1.7vw; } .lxwm-form .d-flex input { border: none; border-bottom: 1px solid #717070; background: none; border-radius: 0; } .lxwm-form .d-flex .d-flex input { width: 13.8vw; } .lxwm-form .d-flex { height: 3.2vw; align-items: center; justify-content: space-between; } .lxwm-form .d-flex #sb, .lxwm-form .d-flex #content { flex: 1; } /**/ .map-zxklsd .lxwm-form .tncode { width: 8.6vw !important; height: 3.2vw !important; background-color: #919191 !important; } .map-zxklsd .lxwm-form { margin-top: 3.3vw; font-size: 1.4vw; } .map-zxklsd { padding: 7.6vw 15.5vw; } .ttt > div > div { font-size: 2.6vw; } .pro-view-content { display: flex; flex-direction: column; align-items: center; } .pro-view-content p{ width: 100%; } .pro-view-content h4 { margin-bottom: 0; font-weight: 400; line-height: 2.5vw; color: #5B5959; font-size: 1.3vw; } .pro-view-content h2 { height: 3.5vw; width: auto; line-height: 3.5vw; color: #333333; border-bottom: 0.2vw solid #e6262f; margin-top: 3.1vw; margin-bottom: 3.125vw; } .pro-view-content h3 { color: #E6262F; font-size: 0.9vw; } .page-pao-nav > div > div { position: relative; } .page-view-list { position: absolute; top: 100%; left: 0; } .page-view-list > a { flex-shrink: 0; } } /*小屏幕*/ @media (max-width: 993px) { .top-bg { width: 100%; /*height: 65.2vw !important;*/ height: 51.2vw !important; object-fit: cover !important; margin-top: 15vw; } .qywh-left > div:nth-child(2){ margin-left: 2.7vw; } .qywh-left > div:nth-child(1){ margin-left: 2.7vw; } .page-qywh > .qywh-item:nth-child(3) > .qywh-left > div:nth-child(1){ margin-top: 2vw; } .page-qywh > .qywh-item:nth-child(3) > .qywh-left{ background: url(../images/rcll3.png) no-repeat center; background-size: 100% 150%; } .page-qywh > .qywh-item:nth-child(4) > .qywh-left > div:nth-child(1){ margin-top: 2vw; } .lxwm-img > img { width: 52vw !important; height: 36.3vw !important; object-fit: cover !important; } .page-pic-item-box{ width: 95vw; } .pic-item-dis{ width: 30.69vw; } .pic-item-dis > div:nth-child(1){ height: 22.66vw; } .pic-item-dis > div:nth-child(2){ font-size: 2.9vw; color: #545454; text-align: center; margin-top: 1.56vw; line-height: 3.9vw; height: 15.6vw; overflow: hidden; } .pro-view-content p{ font-size: 4.1vw; } .top_nav:not(.yy) { position: absolute; width: 100%; background: transparent; box-shadow: none; } .navbar-toggler, .navbar-toggler:focus { border: none; box-shadow: none; } .ttt > div > div { font-size: 5.3vw; } .body { overflow: hidden; } .navbar-collapse { position: absolute; left: 0; top: 100%; width: 100%; } .banner { width: 100vw; /*height: calc(100vh - 76px);*/ margin-top:-15vw; } .index-bbox { margin: 0; width: 100%; } .index-pro-nav .swiper-slide { background: #f1f1f1; font-size: 3.6vw; line-height: 15.2vw; width: 33.1vw; height: 15.2vw; position: relative; } .index-pro-nav .swiper-slide-active { background: #E6262F; } .index-pro-nav .swiper-slide-active::after { content: ""; position: absolute; left: 50%; margin-left: -2.0vw; bottom: -3.5vw; border-top: 3.6vw solid #E6262F; border-left: 2.0vw solid transparent; border-right: 2.0vw solid transparent; } .index-pro-box .swiper-slide { display: flex; flex-direction: column; align-items: center; } .pro-item .pro-img { height: 62.5vw !important; line-height: 62.5vw !important; } .pro-item .pro-img > img { height: 100% !important; object-fit: contain !important; } .pro-item .tit { flex: 1; display: flex; align-items: center; justify-content: center; padding-bottom: 0 !important; padding-top: 0 !important; font-size: 4.1vw !important; line-height: 4.1vw !important; } .index-about-box > div:nth-child(1) { font-size: 4.4vw; padding-top: 6.1vw; line-height: 1; } .pro-item { width: 90.3vw !important; height: 76vw !important; display: flex; /*align-items: center;*/ justify-content: center; flex-direction: column; } .pro-item-left, .pro-item-right { width: 90.3vw !important; } img:not(.BMapLib_trans) { height: 100%; width: 100%; object-fit: cover; } .tit { text-align: center; } .ttt > div > div { margin-left: 0; } .index-about-box .index-about-item { width: 100%; margin-top: 7.3vw; } .index-about-box .abt-desc { width: 100%; /*height: 40vw;*/ margin-top: 5vw !important; font-size: 3.4vw !important; line-height: 7.2vw !important; } .index-news-box { width: 90.3vw; flex-wrap: wrap; margin-top: -40.9vw; } .index-news-box > a { width: 100%; margin-bottom: 10vw; } .m-index-news-more a { color: #fff; display: block; width: 26.6vw; height: 9.4vw; line-height: 9.4vw; } .dropdown-toggle.show::after{ border-left: none; border-top: none; border-bottom: none; border-right: none; content :"-"; right: .5vw; } .dropdown-toggle::after{ border-left: none; border-top: none; border-bottom: none; border-right: none; content :"+"; } .m-index-news-more { margin: 0 auto; font-weight: bold; font-size: 3.8vw; width: 26.6vw; height: 9.4vw; background: url('../images/fdgdfhgfh.png')#E6262F no-repeat; background-size: 2vw 3.3vw; background-position: 20vw center; text-indent: 3.9vw; } .index-lxwm { position: relative; width: 100%; display: flex; flex-wrap: wrap; height: auto; } .index-lxwm-right { width: 100%; height: 76vw; padding: 4.5vw 4.7vw 4.7vw 4.8vw; } .foot-form-title { font-size: 3.8vw; padding-top: 4.8vw; line-height: 7.2vw; } .index-lxwm-left { width: 100%; margin-left: 5vw; display: flex; margin-bottom: 9.7vw; } /**/ .lxwm-form { padding: 5vw; padding-top: 0; font-size: 3.8vw; color: #717070; } .lxwm-form .tncode { width: 21.4vw !important; height: 7.0vw !important; position: absolute; bottom: 3.4vw; right: 3.6vw; font-size: 4.1vw !important; line-height: 7.0vw !important; border-radius: 0; } .lxwm-form .d-flex label { margin-right: 1.7vw; } .lxwm-form .d-flex input { border: none; border-bottom: 1px solid #717070; background: none; border-radius: 0; } .lxwm-form .d-flex .d-flex input { width: 26.4vw; } .lxwm-form .d-flex { height: 9.4vw; align-items: center; justify-content: space-between; } .lxwm-form .d-flex #sb, .lxwm-form .d-flex #content { flex: 1; } .foot-form-title .title { font-size: 5.3vw; line-height: 7.2vw; } .foot-form-title .subtitle { font-size: 3.8vw; line-height: 7.2vw; } /**/ .rightgfdg-bg { background-repeat: no-repeat; background-position: top right; background-size: cover; width: 49.4vw; height: 10.5vw; position: absolute; bottom: 0; left: 0; margin-top: 0; } .about-bg1 { position: relative; width: 90.5vw; height: 60.5vw; } .index-lxwm { margin-bottom: 0; margin-top: 7.8vw; } .cptt { margin-bottom: 4.5vw; } .index-pro-box { margin-top: 8.4vw; } .index-about-item > div > div:nth-child(1) { font-size: 6.3vw; line-height: 6.3vw; } .index-about-item > div > div:nth-child(1) > span { font-size: 3.3vw; line-height: 3.3vw; } .index-about-item > div > div:nth-child(2) { font-size: 3.4vw; line-height: 3.4vw; margin-top: 2vw; } .index-about-item > div { width: 21.6vw; margin-right: 0; } .index-news-box > a > div:nth-child(3) { font-weight: bold; margin-top: 4.4vw; height: 12.6vw; } .index-news-box > a > div:nth-child(3), .index-news-box > a > div:nth-child(4) { font-size: 4.1vw; line-height: 6.3vw; } .index-news-box > a > div:nth-child(4) { height: 12.6vw; } .index-news-title-box { height: auto; padding-top: 7.7vw; padding-bottom: 48.6vw; } .index-news-box > a > div:nth-child(1) { color: #717070; margin-top: 0vw; font-size: 3.1vw; line-height: 3.1vw; } .xfdsaf-item { width: auto; line-height: 7.6vw; margin-top: 0; font-size: 4.1vw; margin-right: 3.9vw; } .lxwm-img { margin-top: 0; } .fot-div { margin-top: 0; } .fot-div > input, .sdsagfdghjhj { font-size: 2.2vw; height: 9.2vw; margin-top: 0; } /**/ .page-pao-nav { margin-top: 7.8vw; margin-bottom: 7.1vw; border-bottom: none; } .page-pao-nav > div { width: 100%; height: auto; } .page-pao-nav > div > div > a { width: 33.1vw; height: 12.5vw; margin: 0; font-size: 4.1vw; display: flex; align-items: center; justify-content: center; background-size: cover; } .page-pao-nav > div > div > a:hover, .page-pao-nav > div > div > a.page-pao-nav-nav-item-c { background: #E6262F; position: relative; } .page-pao-nav > div > div > a:hover::after, .page-pao-nav > div > div > a.page-pao-nav-nav-item-c::after { content: ""; position: absolute; left: 50%; margin-left: -2.0vw; bottom: -3.5vw; border-top: 3.6vw solid #E6262F; border-left: 2.0vw solid transparent; border-right: 2.0vw solid transparent; } .page-news-titless { margin-top: 3.5vw !important; /*margin-bottom: 6vw !important;*/ } .page-news-title > div::before { left: -3.1vw; } .page-news-title > div::after { right: -3.1vw; } .page-news-title > div::before, .page-news-title > div::after { width: .9vw; height: 5.0vw; } .page-news-title > div { font-size: 5.3vw; line-height: 5.0vw; } .pro-item-dis:nth-of-type(2), .pro-item-dis:nth-of-type(4), .pro-item-dis:nth-of-type(6), .pro-item-dis:nth-of-type(8), .pro-item-dis:nth-of-type(10) { flex-direction: column-reverse; } .pro-item-dis { flex-wrap: wrap; margin-bottom: 10.9vw; } .fdlkgj-pro img { background-color: #f1f1f1; } .fdlkgj-pro { /*height: 73.8vw;*/ height: auto; } .fdlkgj-pro > img{ height: auto; } .fdlkgj-pro, .rigdfsk-pro { width: 100%; } .rigdfsk-pro > div:nth-child(1), .rigdfsk-pro > div:nth-child(2), .rigdfsk-pro > div:nth-child(3) { margin: 0; } .rigdfsk-pro > div:nth-child(1) { font-weight: bold; margin-top: 4.6vw; font-size: 4.4vw; line-height: 4.4vw; } .rigdfsk-pro > div:nth-child(2) { margin-top: 3.2vw; padding-left: 5.7vw; font-size: 4.1vw; line-height: 7.5vw; } .rigdfsk-pro > div:nth-child(3) { margin-top: 4.3vw; width: 27.2vw; height: 9.4vw; display: flex; align-items: center; justify-content: center; font-size: 3.4vw; } .page-pro-subnav{ flex-wrap: wrap; justify-content: space-between; padding: 0; } .page-pro-subnav a { display: inline-block; color: #5B5959; /*min-width: 33.3333333%;*/ flex: 0 0 auto; font-size: 3.6vw; margin-bottom: 2.2vw; /*padding: 2.2vw;*/ } .page-pro-subnav .active .wrap { display: inline-block; height: 100%; color: #E6262F; border-bottom: 1px solid #E6262F; } .page-news-titles { margin-top: 8.9vw !important; margin-bottom: 6vw !important; } .page-news-titles > div::before { left: -3.1vw; } .page-news-titles > div::after { right: -3.1vw; } .page-news-titles > div::before, .page-news-titles > div::after { width: .9vw; height: 5.0vw; } .page-news-titles > div { font-size: 5.3vw; line-height: 5.0vw; } .pro-view-content table::after { display: none; } .pro-view-content table { border: none; } .pro-view-content table tr > td:first-child { border-right: 1px solid #ddd; } .pro-view-content table td { padding: 0 1.6vw; /*border-top: 1px solid #ddd;*/ border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 4.1vw; line-height: 6.3vw; width: auto; } .pro-view-content table .firstRow td { height: 9.7vw; } .pro-view-content table .firstRow { height: 9.7vw; font-size: 4.7vw; } .bq > div { padding: 4.5vw 6.4vw; font-size: 3.8vw; } .links-foot { margin: 0; padding: 0; height: auto; } .foot > div { height: 49.5vw; } /**/ /**/ .page-mdgs { flex-direction: column-reverse; padding: 7.5vw 5vw; margin: 0; width: 100%; padding-bottom: 0; } .page-mdgs > div:nth-child(1) { height: auto; width: 100%; font-size: 4.1vw; color: #5B5959; line-height: 7.5vw; margin-top: 7.7vw; } .page-mdgs > div:nth-child(2) { width: 100%; } .index-pro-nav-fzlc { height: 25vw; } .index-pro-nav-fzlc .swiper-slide { width: 20%; height: 100%; } .index-pro-nav-fzlc .swiper-slide > div:nth-child(2) { width: 3.3vw; height: 3.3vw; } .index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(1), .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(1) { font-size: 4.7vw; } .index-pro-nav-fzlc .swiper-slide > div:nth-child(1) { font-size: 3.8vw; top: 4.61vw; } .index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(2)::before, .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(2)::before { width: 10.9vw; height: 10.9vw; left: 50%; transform: translateX(-50%); } .index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(2)::after, .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(2)::after { width: 6.1vw; height: 6.1vw; left: 50%; transform: translateX(-50%); } .index-bbox-fzlc { width: 100%; padding: 5vw; padding-top: 0; margin-top: 6vw; padding-bottom: 0; } .index-pro-box-fzlc { width: 100%; margin-top: -5vw; } .index-pro-box-fzlc .swiper-slide { flex-wrap: wrap; } .index-pro-box-fzlc .swiper-slide > div:nth-child(1) img { width: 52.7vw; height: 34.2vw; object-fit: contain; } .index-pro-box-fzlc .swiper-slide > div:nth-child(1) { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 45vw; line-height: 2; font-size: 4.1vw; } .index-pro-box-fzlc .swiper-slide > div:nth-child(2) { width: 100%; font-size: 4.1vw; line-height: 2; } .swiper-button-prev-fzlc { left: 5vw; } .swiper-button-next-fzlc { right: 5vw; } .swiper-button-prev-fzlc, .swiper-button-next-fzlc { width: 6.5vw; height: 15vw; top: 35vw; bottom: auto; background-size: contain; } .qywh-item { width: 100%; } .page-qywh { width: 100%; padding: 5vw; } .page-qywh > .qywh-item:nth-of-type(2), .page-qywh > .qywh-item:nth-of-type(3) { flex-direction: row-reverse; } .page-qywh > .qywh-item > .qywh-left:nth-child(1) > div:nth-child(1) { padding-top: 12.3vw !important; } .page-qywh > .qywh-item > .qywh-left > div:nth-child(1), .page-qywh > .qywh-item > .qywh-right > div:nth-child(1) { font-size: 5.2vw; line-height: 5.2vw; } .qywh-left > div:nth-child(2) { font-size: 3.8vw; line-height: 1.7; } .qywh-right { height: 33.1vw; } .index-pro-nav-ry { width: 100%; } .index-pro-nav-ry .swiper-slide { width: 33%; margin: 0 !important; height: 12.5vw; line-height: 12.5vw; margin-bottom: 3.6vw !important; background-size: cover; font-size: 4.1vw; color: #717070 ; } .index-pro-nav-ry a.swiper-slide{ } .index-pro-nav-ry .swiper-slide.swiper-slide-thumb-active { background: #E6262F; position: relative; } .index-pro-nav-ry .swiper-slide.swiper-slide-thumb-active::after { content: ""; position: absolute; left: 50%; margin-left: -2.0vw; bottom: -3.5vw; border-top: 3.6vw solid #E6262F; border-left: 2.0vw solid transparent; border-right: 2.0vw solid transparent; } .ryzz-box { width: 100%; flex-wrap: wrap; height: auto; overflow: hidden; } .ryzz-list, .ryzz-item { margin: 0 auto; display: flex; align-items: center; flex-direction: column; } .hs_fy_con{ width: 100%; padding: 5vw; } .hs_fy_con > a{ display: block; color: #444; font-size: 3vw; margin: 3.04vw 0; } .ryzz-list .ryzz-item img { width: 90.0vw; height: 58.6vw; object-fit: contain; } .page-view-news > div:nth-child(2){ font-size: 3.4vw; } .ryzz-item-title { width: 90vw; height: 18.1vw; display: flex; align-items: center; justify-content: center; font-size: 4.1vw; color: #5A5A5A; } .page-title-cname { padding: 5vw; font-size: 4.1vw; line-height: 1.7 !important; text-align: left; } .m_news-item { overflow: hidden; padding: 5vw 4.5vw; } /**/ /**/ .m_news-item .left { width: 37.8vw; height: 21.7vw; flex-shrink: 0; border: 0.2vw solid #EDEDED; margin-right: 2.7vw; } .m_news-item .right { display: flex; flex: 1; flex-direction: column; overflow: hidden; justify-content: space-evenly; } .m_news-item .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 4.4vw; font-weight: bold; color: #333333; } .m_news-item .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; overflow: hidden; font-size: 3.8vw; color: #5B5959; } #articeBottom { margin: 10vw 0; margin-top: 5vw; } .page-view-news { width: 100%; padding: 5vw; } .page-view-news > div.title { word-break: break-all; font-size: 5.3vw; margin-top: 0; font-weight: bold; line-height: 1.7; } .page-view-news > div:nth-child(3) { line-height: 1.7; font-size: 4.1vw; } /**/ /**/ .n-shfw-box { width: 100%; padding: 5vw; margin-bottom: 7.8vw; line-height: 1.7; font-size: 4.1vw; } .n-shfw-box h2{ font-size: 5.3vw; color:#333333; font-weight: 400; } .asdasfgfdadasd-wqeqw { width: 100%; display: flex; flex-direction: column; } .weixiugz { flex-wrap: wrap; margin-top: 0; } .weixiugz > div { display: flex; align-items: center; } .weixiugz > div > input { width: 68.1vw; height: 12.5vw; border: 0.2vw solid #CBCBCB; } .weixiugz > div, .weixiugzs > div { margin-top: 7.3vw; flex: 1; } .weixiugz > div > input, .weixiugzs > div > textarea { font-size: 4.1vw; line-height: 1.7; } .weixiugzs > div > textarea { width: 68.1vw; height: 40.6vw; border: 2px solid #CBCBCB; } .weixiugzs .tncode { width: 23.3vw !important; height: 9.4vw !important; display: flex; align-items: center; justify-content: center; line-height: 9.4vw !important; font-size: 4.1vw !important; border-radius: 0; } .weixiugzs > div > span, .weixiugz > div > span { flex: 0 0 21vw; font-size: 4.1vw; } .n-shfw-box .form-title { font-size: 5.3vw !important; } /**/ /**/ .rcll-page-item:nth-of-type(2), .rcll-page-item:nth-of-type(3) { flex-direction: row-reverse; } .rcll-page-item { width: 100%; } .rcll-page-item > div { height: 33vw; } .n_rlldfds-box > .rcll-page-item > .rlll-left > div { font-size: 4.7vw !important; color: #5B5959 !important; } .n_rlldfds-box > .rcll-page-item:nth-child(1) > .rlll-left > div, .n_rlldfds-box > .rcll-page-item:nth-child(2) > .rlll-left > div { padding-top: 20.3vw; padding-left: 2vw; } .n_rlldfds-box > .rcll-page-item:nth-child(3) > .rlll-left > div, .n_rlldfds-box > .rcll-page-item:nth-child(4) > .rlll-left > div { padding-top: 13.5vw; padding-left: 2vw; } .n_rlldfds-box { margin: 0; width: 100%; padding: 5vw; } .rigdfsk-pro > div:nth-child(1){ width: 100%; } /**/ /**/ #cvdfgdfhgsdf { width: 100%; padding: 5vw; } .hgfhjdfadsf, .red-haer { width: 100%; } .red-haer > div, .zp-item-title > div { flex: 1; text-align: center; font-size: 4.1vw; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; font-weight: 400 ; } .zp-item-title { width: 100%; } .el-collapse-item__arrow { position: absolute; right: 5vw; margin-right: 5vw !important; } .el-collapse-item__header.is-active .zp-item-title, .el-collapse-item__header.is-active { color: #E6262F; background: transparent; } .red-haer, .el-collapse-item__header { height: 12.8vw !important; line-height: 12.8vw !important; margin-top:0; } .red-haer>div{ font-size: 4.7vw !important; } .gfdhfgdsfadsfas { background: transparent; } .gfdhfgdsfadsfas > div { padding: 5vw 0; font-size: 4.1vw; line-height: 1.7; } .btn-dfgdgs { width: 23.4vw; height: 8.6vw; border-radius: 0 !important; margin: 0 auto; margin-top: 7.8vw; } .btn-dfgdgs > a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 0.5vw !important; margin: 0; padding: 0; font-size: 4.1vw; color: #FFFFFF !important; } .index-pro-nav .swiper-slide:nth-child(2){ background: url("../images/proaa2.png") no-repeat top; background-size: 100% 100%; } .index-pro-nav .swiper-slide:nth-child(3){ background: url("../images/proaa1.png") no-repeat top; background-size: 100% 100%; } /**/ /**/ .page-map { width: 100%; margin: 0; padding: 5vw; flex-direction: column-reverse; } .riofdhg-we { width: 100%; height: 66.1vw; overflow: hidden; border: 2px solid #D9D9D9; } #allmap { height: 66.1vw !important; } .ledgfdfh-wqeqw { margin-top: 7.7vw; display: flex; flex-direction: column; } .ledgfdfh-wqeqw > div:nth-child(1) { font-size: 5.3vw; line-height: 1.7; } .ledgfdfh-wqeqw > div:nth-child(2) { margin-top: 0; } .ledgfdfh-wqeqw > div:nth-child(2) > p { font-size: 4.1vw; line-height: 1.7; background-position: 0 1vw !important; background-size: 3.3vw 3.9vw !important; padding-left: 5.3vw; } .map-zxklsd { width: 90vw; margin: 7.7vw auto 8.6vw; padding: 5vw; height: 60.5vw; display: flex; flex-direction: column; justify-content: space-between; } .zxly-title-map p:nth-of-type(2) { font-size: 3.6vw; } .zxly-title-map { padding-top: 0; margin-top: 0; font-size: 5.3vw; line-height: 7.3vw; } .gdfghdfhgfghg-213 { flex: 1; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .item-input > input { width: 35.4vw; font-size: 4.1vw; } .uireotuyo-23, .item-input { display: flex; align-items: center; justify-content: space-between; margin-top: 0; height: 9.5vw; font-size: 4.1vw; } .tncode.map-tncode { width: 23.3vw !important; height: 9.4vw !important; font-size: 4.1vw !important; color: #FFFFFF !important; background-color: #E6262F !important; margin-top: 2vw !important; line-height: 9.4vw !important; } /**/ /**/ .xfdsaf-item > p { background-position: 0vw 1.9vw !important; background-size: 3.3vw auto !important; padding-left: 5vw; } /**/ /** */ .nav-item .nav-link.dropdown-toggle-split { /*right: 3.5vw;*/ } .nav-item .nav-link { text-align: left; margin: 0; font-size: 4.4vw; height: 13.4vw; display: flex; align-items: center; padding-left: calc(3.4vw / 0.64); } .navbar-collapse { background-color: #fff; } .nav-item { border-bottom: 1px solid #D8D8D8; flex-wrap: wrap; } .nav-item.active { border-bottom: 1px solid #D8D8D8; } .nav-item .nav-link:not(.nav-item .nav-link.dropdown-toggle-split) { /*border-bottom: 1px solid #D8D8D8;*/ flex: 1; } .nav-item .nav-link.active:not(.nav-item .nav-link.dropdown-toggle-split) { border-bottom: 2px solid #E6262F; } .nav-item .nav-link.dropdown-toggle-split { padding-right: 5vw; } .top-nav-right .sadas { margin: 0px; } .navbar { font-size: 4.7vw; z-index: 9999; height: 15.625vw; box-shadow: none; max-width: 100% !important; margin: 0 auto !important; } .top-nav-right .las:hover, .top-nav-right .las.active { color: red; } .top-nav-right .las { width: auto; /*font-weight: bold;*/ margin-right: 6.1vw; font-size: 4.1vw; /*font-weight: bold;*/ background: none; height: auto; width: auto; line-height: 1; } .top-nav-right .sadas { margin-right: 6.1vw; width: 4.1vw; height: 4.1vw; } .navbar-brand > img { width: 22vw; height: 6vw; } .navbar-brand { display: flex; align-items: center; justify-content: center; } .top-nav-right .top-form { display: none; } .dropdown-menu { width: 100%; padding: 0; border: none; } .dropdown-item.active { background-color: transparent; color: #E6262F; } .dropdown-item { display: flex; align-items: center; font-size: 4.4vw; height: 13.4vw; padding-left: calc(9.6vw / 0.64); border-top: 1px solid #D8D8D8; } /** */ /**/ .index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) > img { object-fit: contain; } .index-pro-box .swiper-slide > .pro-item-left > a:hover > div:nth-child(1) > img, .index-pro-box .swiper-slide > .pro-item-right > a:hover > div:nth-child(1) > img { transform: none; } .index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(2), .index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(2) { border-bottom: none; } .index-pro-box .swiper-slide > .pro-item-right > a:nth-child(3), .index-pro-box .swiper-slide > .pro-item-right > a:nth-child(4) { margin-top: 0; } @keyframes beat { 0% { bottom: .5vw; } 100% { bottom: -.5vw; } } .index-pro-box .swiper-slide > .pro-item-right > a.more.active { transform: rotateZ(180deg); } .index-pro-box .swiper-slide > .pro-item-right > a.more img { position: absolute; width: 5.6vw; height: 3.4vw; animation-name: beat; /*动画名称*/ animation-duration: .5s; /*设置秒数*/ animation-timing-function: linear; /*速度曲线*/ animation-iteration-count: infinite; /*播放次数*/ animation-direction: alternate; /*逆向播放*/ animation-play-state: running; /*正在运行*/ } .index-pro-box .swiper-slide > .pro-item-right > a.more { display: flex; align-items: center; justify-content: center; /*width: 5.6vw;*/ height: 3.4vw; /*transform: rotateZ(90deg);*/ position: relative; margin: 0 auto; font-size: 11.4vw; color: #939393; margin-top: 5vw; } .index-about { padding-top: 0; margin-top: 7.8vw; background-size: cover; background: url('../images/map-about.jpg')no-repeat center; background-size: 100% 100%; } .ttt > div { width: 100%; } .ttt { height: 15vw; display: flex; align-items: center; padding: 7.8vw 5vw 2.2vw; } .ttt > div > div { line-height: 1; } .ttt > div > div::after { width: 100%; bottom: calc(-2.2vw + 2px); } .index-about-box { width: 100%; margin: 0; padding: 0 5vw; height: auto; } .index-about-box > div { width: auto; } .index-about-box > div:nth-child(4) > a { margin-top: 11.4vw; margin-bottom: 16.7vw; width: 26.6vw; height: 9.4vw; line-height: 9.4vw; font-size: 3.8vw; /*background: url(../images/fdgdfhgfh.png)#E6262F no-repeat;*/ /* background-size: 2vw 3.3vw;*/ /* background-position: 20vw center;*/ text-indent: 3.9vw; } .index-news-box > a > div:nth-child(2), .index-news-box > a > div:nth-child(2) > img { width: 100%; height: 51.9vw; object-fit: cover; /*background-color: #F7F7F7;*/ } /**/ .form-close svg { width: 7.8vw; height: 7.8vw; } .form-close { color: #000000; } .nav-search-form .search-submit { width: 21.25vw; height: 9.84375vw; border: none; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 3.75vw; background-color: #363636; color: #fff; } .nav-search-form .d-flex { margin-top: 1vw; position: relative; } .nav-search-form .search-prefix { left: 0; top: 50%; display: flex; transform: translateY(-50%); content: ""; background: url(../images/ss.png) no-repeat center; background-size: contain; width: 4.53vw; height: 5.15vw; border: none; position: absolute; z-index: 1; } .nav-search-form input { position: relative; padding-left: 4.53vw; flex: 1; border: none; height: 9.84375vw; border-bottom: 1px solid #dcdcdc; margin-right: 4.0625vw; border-radius: 0; font-size: 3.5vw; } .nav-search-form label { font-size: 3.75vw; color: #e6262f; } .nav-search-form { background-color: #fff; border-top: 1px solid #dcdcdc; display: none; flex-direction: column; width: 100%; position: absolute; top: 100%; left: 0; height: 39.0625vw; padding: 8vw; margin: 0; z-index: 1; } .foot-right > div > div { line-height: 3.8vw; margin-top: 4.5vw; } .index-news-box > a > div:nth-child(2) { margin-top: 3.4vw; } .page-mdgs a.more.active { transform: rotateZ(180deg); } .page-mdgs a.more { display: flex; align-items: center; justify-content: center; font-size: 6.4vw; color: #5B5959; /*transform: rotateZ(90deg);*/ margin: 10.6vw auto 0; width: 5.6vw; height: 3.4vw; margin-bottom: 5vw; position: relative; animation-name: beat; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } .pagination > li { width: 9.4vw; height: 9.4vw; display: flex; align-items: center; justify-content: center; font-size: 4.1vw; } .pagination > li:first-child, .pagination > li:last-child { border: none; } .pagination > li > a, .pagination > li > span { display: inline-block; height: 100%; line-height: 9.4vw; width: 100%; color: #939393; } .pro-view-content { line-height: 1.7; width: 100%; padding: 5vw; } .el-message-box { max-width: 95vw; } .layui-laypage.layui-laypage-pagination { display: flex; justify-content: center; } .layui-laypage.layui-laypage-pagination a, .layui-laypage.layui-laypage-pagination span { min-width: 6.4vw; height: 8.4vw; line-height: 8.4vw; border: 1px solid #f0f0f0; text-align: center; font-size:4.1vw; margin: 0 0.25vw; padding: 0 1vw; color: #575757; overflow: hidden; } .layui-laypage.layui-laypage-pagination .layui-laypage-prev, .layui-laypage.layui-laypage-pagination .layui-laypage-next { border: none; } .layui-laypage.layui-laypage-pagination a:hover { background: #E6262F; } .layui-laypage.layui-laypage-pagination .layui-laypage-curr .layui-laypage-em { background: #E6262F; color: #fff; } .cptt{ margin-top: 0 !important; } .page-qywh > .qywh-item:nth-child(4) > .qywh-left{ background-position: bottom; background-size: 100% 40%; } .pro-view-content { display: flex; flex-direction: column; align-items: center; } .pro-view-content h2 { /*height:5.3vw;*/ width: auto; line-height: 5.3vw; padding-bottom: 2.3vw; color: #333333; border-bottom: .3vw solid #e6262f; margin-top: 3.1vw; margin-bottom: 3.8vw; } .pro-view-content h3 { color: #E6262F; font-size: 4.1vw; } .pro-view-content p{ font-size: 4.1vw; } }