/*! * app css */ * { margin: 0; padding: 0; border: 0; font-size: 100%; outline: none; font-family: MicrosoftYaHei; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*main{*/ /* max-width: 1920px;*/ /* margin: auto;*/ /*}*/ .normalWidth { max-width: 80%; } #banner-generic { width: 100%; } .navbar-brand { padding-left: 1.5rem; } .banner-tab { padding-right: 1.5rem; } .navbar-nav { padding-left: 1.5rem; padding-right: 1.5rem; } #banner-generic .carousel-item { background-origin: content-box; background-position: center center; background-size: cover; height: 32.5rem; } @media screen and (max-width:960px){ #banner-generic .carousel-item { height: 15rem !important; } } @media screen and (max-width:960px){ .normalWidth { max-width: 45rem !important; } #banner-generic .carousel-item { height: 16.25rem !important; } } .header-transparent .navbar { background: #fff!important; box-shadow: 0px 0 5px rgb(9 3 4 / 38%); } .header-transparent .navbar .container { max-width: 1920px; } .header-transparent .navbar .container .navbar-brand { font-size: 1.625rem; font-weight: 700; color: #B6262F; } .header-transparent .navbar .logo { width: 20%!important; height: 6vh } .banner-tab { position: absolute; z-index: 1000; width: 100%; left: 0; } .banner-search { display: none; max-width: 30vw; } .banner-search button { color: #fff; border: none; /* width: 4vw; */ background: #ee940a; } .banner-search input { flex: 1; } .banner-ibox { width: 100%; position: absolute; left: 0; top: 50%; color: #fff; text-align: center; transform: translateY(-50%); z-index: 99; } .banner-cn{ font-size: 60px; line-height: 1; text-shadow: 2px 0 10px rgb(0 0 0 / 70%); } .banner-cn a { color: #fff; margin: 0 40px; display: inline-block; vertical-align: top; text-decoration: none; cursor: pointer; transition: 0.3s; font-family: "Microsoft Yahei"; } .banner-cn a:hover { color: rgb(211,89,59); } .banner-en { font-size: 19px; margin-top: 40px; text-transform: uppercase; } .navbar-nav { flex: 1; justify-content: space-around; } .nav-position {display: block;} .navbar-nav .nav-item { flex: 1; text-align: center; } .navbar-nav .active>.nav-link { font-weight: 500; /* color: #B6262F!important; */ } .navbar-nav .nav-item .nav-link { color: #000000; font-size: 1.25rem; } .navbar-nav .nav-item .nav-link:hover { /* color: #B6262F; */ } .article-plan { max-height: 200vh; } a{ color: #353535; text-decoration: none; background-color: transparent;} .dropdown-toggle::after { content: none; } .dropdown-menu{min-width: 100%} .dropdown-item{ white-space: normal; word-wrap:break-word; word-break:normal; text-align: center; padding: .25rem 0; } .cgHead-search { position: absolute; padding: 30px 0; margin-left: 20px; display: inline-block; float: right; right: 0; } #cgHead-search .srhBtn { background: url(/static/image/search.png) no-repeat; background-position: center; width: 30px; height: 30px; vertical-align: top; cursor: pointer; display: inline-block; } .srhBox { background: rgba(128,128,128,.2); width: 295px; position: absolute; right: 0; top: 66px; padding: 15px; } .srhBox.hide{ display: none; } .srhBox.show{ display: block; } .srhBox form{ display: flex; align-items: center; } .srhBox .inpt{ height: 30px; line-height: 30px; padding-left: 10px; } .srhBox .btn{ background: azure; height: 30px; width: 60px; line-height: 30px; margin-left: 10px; padding: 0; } .pcooper-list { margin-left: -26px; margin-top: -25px; position: relative; } .pcooper-list li { width: calc(22%); float: left; display: inline-block; max-height: 375px; margin-left: 26px; margin-top: 25px; position: relative; overflow: hidden; } .clearfix { zoom: 1; } .form-control{ border-radius: 0; height: 62px; } .btn-outline-success{ border-radius: 0; width: 140px; height: 62px; } .article-plan .carousel-inner .carousel-item img { /* height: 27.6875rem; max-height: 27.6875rem; */ } .article-plan .carousel-inner .carousel-item img:hover, .tab-content .index-first-news .active .img img:hover { transform: scale(1.2); -ms-transform: scale(1.2); } .media-list { margin: 0; padding-top: 1.25rem; } .media a h5 { /* max-width:30vw; */ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 2.25rem; } .content .media { display: block; } .content .media-title, .content .media-body { width: 100%; display: block; float: left !important; clear: both; } /** * first 第一行右侧 **/ /** active **/ #myTab { border: 0; font-size: 1.5rem; position: relative; } #myTab .nav-link.active { /* color: #B6262F; */ border-top: none; border-left: none; border-right: none; /* border-bottom: 2px solid #B6262F; */ } #myTab .nav-link { color: #3e3a39; } #myTab span { color: #999999; font-size: 1rem; position: absolute; right: 0; top: 25%; cursor: pointer; } .tab-content .index-first-news .w-70 { width: 70%!important; } .tab-content .index-first-news .active{ padding: .9375rem 1.25rem; } .tab-content .index-first-news .active .img{ display: block!important; height: 7.5rem; overflow: hidden; } .tab-content .index-first-news .active .end-time { display: none; } .tab-content .index-first-news .active .media-body { margin-left: 1.25rem; padding-left: 0!important; } .tab-content .index-first-news .active .media-body .intro { display: -webkit-box!important; } .tab-content .index-first-news .active .media-body h5{ color: #3e3a39; font-size: 1.02rem; font-weight: 400; padding: 0; } /** normal **/ .tab-content .index-first-news .end-time { display: block; white-space: nowrap; font-size: .90rem; line-height: 2rem; color: #838A9D; } .tab-content .index-first-news .media { position: relative; } .tab-content .index-first-news .media .end-time:before { content: ''; background: #cdcdcd; width: .3125rem; height: .3125rem; border-radius: 50%; position: absolute; left: 0; top: 44%; transform: translateY(-50%); } .tab-content .index-first-news .media .img{ display: none; } .tab-content .index-first-news .media .media-body { padding-left: 1rem; } .tab-content .index-first-news .media .media-body .intro { color: #A6A9B8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .875rem; display: none; } .tab-content .index-first-news .media .media-body h5 { font-size: 1rem; font-weight: 400; color: #3e3a39; } .tab-content .index-first-news .media:hover h5 { /* color: #B6262F; */ } .tab-content .index-first-news .media .media-body a{ text-decoration: none; } /** * second 第二行 **/ @media screen and (max-width:960px){ #second-row .second-row{ max-width: 100%; } } #second-row .row { justify-content: space-between; } .second-row,.second-row-right { border: 1px solid #DCE2EE; } .second-row .nav { border: none; font-size: 1.5rem; margin-top: 1rem; } .second-row .nav .nav-link.active { /* color: #B6262F; */ border-top: none; border-left: none; border-right: none; /* border-bottom: 2px solid #B6262F; */ } .second-row .nav .nav-link { color: #3C4353; } .second-row-right .nav { border: none; font-size: 1.5rem; margin-top: 1rem; } .second-row-right .nav .nav-link.active { /* background: #B6262F; */ color: #fff; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; } .second-row-right .nav .nav-link { color: #3C4353; } .second-row .tab-content { min-height: 23.125rem; } .second-row-right .tab-content { min-height: 23.125rem; } .tab-content .second-left-news { margin-bottom: 2rem; } .tab-content .second-left-news .active{ padding: .9375rem 1.25rem; /* margin-bottom: 1.25rem; */ border-bottom: 1px dashed #cdcdcd; } .tab-content .second-left-news .active .intro { display: flex!important; justify-content: space-between; } .tab-content .second-left-news .active .media-time { width: 4.30rem; height: 4.50rem; border: 1px solid #cdcdcd; display: block; font-size: .875rem; text-align: center; padding-top: .623rem; } .tab-content .second-left-news .active .media-time span:nth-child(1) { font-size: 22px; } .tab-content .second-left-news .active .media-time span:nth-child(2) { color: #838A9D; } .tab-content .second-left-news .active .end-time { display: none; } .tab-content .second-left-news .active .media-body h5 { color: #3C4353; font-size: 1.15rem; font-weight: 500; margin-left: 1.25rem; margin-bottom: 0; padding: 0; } .tab-content .second-left-news .media-time { display: none; } .tab-content .second-left-news .end-time { display: block; white-space: nowrap; font-size: .90rem; line-height: 2rem; color: #838A9D; } .tab-content .second-left-news .media { position: relative; } .tab-content .second-left-news .media .end-time:before { content: ''; background: #cdcdcd; width: .3125rem; height: .3125rem; border-radius: 50%; position: absolute; left: 0; top: 44%; transform: translateY(-50%); } .tab-content .second-left-news .media-body h5 { color: #3C4353; font-size: 1.02rem; font-weight: 400; padding-left: 1rem; } .tab-content .second-left-news .media-body .intro { font-size: .875rem; color: #A6A9B8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: none; margin-left: 1.25rem; } .tab-content .second-left-news .media-body .intro span:nth-child(1) { color: #A6A9B8; } .tab-content .second-left-news .media-body .intro span { float: right; /* color: #B6262F; */ } .tab-content .second-left-news .media:hover h5 { /* color: #B6262F; */ } .tab-content .second-left-news .media .media-body a{ text-decoration: none; } /** * third 第三行 左侧 **/ #third-row { margin-bottom: 2rem; } #third-row .nav { position: relative; } #third-row .nav span { color: #999999; font-size: 1rem; position: absolute; right: 0; top: 25%; cursor: pointer; } .third-row-left { border-right: 1px dashed #cdcdcd; } .third-row-left .nav { border: none; font-size: 1.5rem; } .third-row-left .nav .nav-link.active { border-top: none; border-left: none; border-right: none; /* border-bottom: 2px solid #B6262F; */ /* color: #B6262F; */ } .tab-content .third-left-news { height: 23.125rem; padding: 1rem .625rem .625rem 0; } .tab-content .third-left-news .media { position: relative; align-items: center; } .tab-content .third-left-news .media .media-time:before { content: ''; background: #cdcdcd; width: .3125rem; height: .3125rem; border-radius: 50%; position: absolute; left: 0; top: 44%; transform: translateY(-50%); } .tab-content .third-left-news .media .media-body a{ text-decoration: none; } .tab-content .third-left-news .media-body h5 { color: #3C4353; font-size: 1.02rem; font-weight: 400; padding-left: 1rem; } .tab-content .third-left-news .media .media-body h5:hover { /* color: #B6262F; */ } .tab-content .third-left-news .media-time { display: block; white-space: nowrap; font-size: .90rem; line-height: 2rem; color: #838A9D; } .tab-content .third-left-news .media-time.show { display: block; } .tab-content .third-left-news .media-time.hidden { display: none; } .third-left-news .top-img-li { display: flex; flex-direction: column; } .third-left-news .top-img-li .top-img { height: 6.875rem; background-origin: content-box; background-position: center center; background-size: cover; } .third-left-news .top-img-li .top-img:hover { background-size: 110%; } .third-left-news .top-img-li .top-img img { width: 100%; } /** 第三行 中间 **/ .third-row-middle { border-right: 1px dashed #cdcdcd; } .third-row-middle .nav { border: none; font-size: 1.5rem; } .third-row-middle .nav .nav-link.active { border-top: none; border-left: none; border-right: none; /* border-bottom: 2px solid #B6262F; */ /* color: #B6262F; */ } .tab-content .ele-middle { display: flex; justify-content: space-between; } .tab-content .ele-middle .w-30 { width: 30%!important; } .tab-content .third-middle-news { padding: 1rem 0; text-align: center; } .third-middle-news .media { background: #EFF4F7; padding: .125rem .25rem; margin-bottom: 1rem; } .third-middle-news .media .media-body{ width: 100%; } .third-middle-news .media .media-body a{ width: 100%; } .third-middle-news .media .media-body a h5{ width: 100%; } .tab-content .third-middle-news .media a { text-decoration: none; } .tab-content .third-middle-news .media h5 { color: #3C4353; font-size: 1rem; font-weight: 400; margin: 0; } .tab-content .third-middle-news .media:hover{ /* background: #B6262F; */ } .tab-content .third-middle-news .media:hover h5 { color: #fff; } .tab-content .ele-middle .media-img { padding: 1.25rem 0; margin-right: 1rem; } .tab-content .ele-middle .media-img .w-100{ height: 100%; } /** * 第三行 右边 **/ .bottomPadding { padding: 0 2.5rem; } @media screen and (max-width:960px){ .bottomPadding { padding: .9375rem; } } .third-row-right .nav { border: none; font-size: 1.5rem; } .third-row-right .nav .nav-link.active { border-top: none; border-left: none; border-right: none; /* border-bottom: 2px solid #B6262F; */ /* color: #B6262F; */ } .third-row-right .media video { max-height: 12.5rem; object-fit: fill; } .third-row-right .tab-pane .enter { margin-top: 1.875rem; position: relative; width: 100%; } .third-row-right .tab-pane .enter .staff { position: absolute; width: 4.125rem; height: 3.5625rem; right: 10%; top: 25%; } .third-row-right .tab-pane .enter img:nth-child(1) { max-height: 7.5rem; } .third-row-right .tab-pane .enter span { font-size: 1.5rem; color: #333333; position: absolute; top: 34%; left: 20%; } /** footer **/ footer { margin-top: 2.5rem; } .footer-top { /* background: #B6262F; */ } .footer-top .container { max-width: 1920px; margin: auto; } .footer-top .footer-center { color: #fff; margin: 4vh auto; padding: 0 1rem; text-align: left; } .footer-top .footer-qrcode-text {line-height: 2.0rem} .footer-top .links { margin: 1rem auto; color: #fff; width: 100%; } .footer-top .links select { height: 1.875rem; padding: 0 .625rem; width: 25%; } .footer-top .address span a { color: #fff; text-decoration: none; } .footer-center { position: relative; } .footer-center .qrcode { position: absolute; top: 0; right: 0; text-align: center; display: flex; flex-direction: column; align-items: center; } .footer-center .qrcode img{ max-height: 7.5rem; } .footer-center .address span:nth-child(1) { margin-right: .625rem; } .footer-top .credits a { color: #fff; } /** * cloumn **/ .list-row{display: flex;flex-direction: row} .cloumn-list-img img{ height: 17.1875rem; } .cloumn-list-bimImg { width: 8.125rem; height: 5.25rem; background-origin: content-box; background-position: center center; background-size: cover; } .cloumn-list .center { display: flex; justify-content: space-around; } .cloumn-list .center .nav{ display: flex; flex-direction: column; border: none; font-size: .875rem; text-align: center; } .cloumn-list .center .nav .nav-item { margin-bottom: .75rem; } .cloumn-list .center .nav .nav-link.active{ color: #fff; /* background: #B6262F; */ border-radius: 1.4375rem; padding: .25rem 1rem; } .cloumn-list .center .nav .nav-link{ border: none; color: #333333; background: #EFEFEF; border-radius: 1.4375rem; padding: .25rem 1rem; } .cloumn-list .tab-content { flex: 1; padding-left: 2rem; min-height: calc(100vh - 44.7rem) } .cloumn-list .tab-content .list { list-style: none; display: flex; flex-direction: column; padding-bottom: 1rem; margin-top: 1rem; position: relative; border-bottom: 1px dashed #cdcdcd; } .cloumn-list .tab-content .list .cloumn-list-bimImg .default{ width: 100%; height: 100%; } .cloumn-list .tab-content .list .cloumn-list-bimImg .default img{ width: 100%; height: 100%; } .cloumn-list .tab-content .list .intro{ font-size: 1rem; color: #999999; padding-left: 1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 60rem; } .cloumn-list .tab-content .list a { text-decoration: none; } .cloumn-list .tab-content .list h5 { color: #333333; padding-left: 1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.5rem; } .cloumn-list .tab-content .list .row { color: #666666; font-size: 1rem; padding-left: 1rem; } .page-link { color: #6c757d; } .page-item.active .page-link { z-index: 3; color: #fff; background-color:#B6262F; border-color: #B6262F; } .cloumn-list .picture-list { overflow: hidden; } @media screen and (max-width: 1500px) { .cloumn-list .picture-list li { max-height: 290px; } } .cloumn-list .picture-list li { width: calc(25% - 26px); list-style: none; float: left; height: 280px; position: relative; /*margin-left: 26px;*/ margin-top: 25px; overflow: hidden; } .cloumn-list .picture-list li img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; } .cloumn-list .picture-list li img:hover { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .cloumn-list .picture-list li h5{ background: url('/static/image/rcIndustry.png') no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; font-size: 1rem; color: #fff; padding: 30px 0 7px 0; margin: 0; } /** * detail **/ .content { min-height: calc(100vh - 44.7rem) } .content .media-title { text-align: center; color: #333333; margin-bottom: 1.875rem; } .content .media-title h4{ font-size: 1.4rem; } .content .media-title .info span{ color: #666666; font-size: 1rem; margin-right: 1rem; } .detail-list .detail-nav { display: flex; margin-bottom: 2rem; color: #333333; padding-bottom: 1rem; border-bottom: 1px solid #DCE2EE; } .detail-list .detail-nav div:nth-child(1) { margin-right: 1.25rem; } @media screen and (max-width:960px){ .content .media-body img { width: 100%!important; height: 14.75rem!important; } .detail-list .detail-nav {display: contents} } /** 404 */ .main .content-404 { position: relative; } .main .content-404 img { width: 100%; } .main .content-404 p { position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); font-size: 1.25rem; } .main .content-404 .btn-404 { text-align: center; } .main .content-404 a { display: inline-block; color: #212529; border: 1px solid #B6262F; padding: .25rem 1rem; border-radius: .25rem; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); text-decoration: none; } @media screen and (max-width:960px){ .main .content-404 p { width: 100%; font-size: .8rem; text-align: center; position: unset; transform: translateX(0); } .main .content-404 a { display: inline-block; color: #212529; border: 1px solid #B6262F; padding: .25rem 1rem; border-radius: .25rem; text-decoration: none; font-size: .8rem; position: unset; transform: translateX(0); } .main .content-500 h3 { top: 15%; font-size: 1.125rem; } .main .content-500 .desc-500{ top: 30%; line-height: 1.5rem; } .main .content-500 .btn-500 a { padding: .25rem 1rem; font-size: .875rem; } } /** 500 **/ .main .content-500 { position: relative; } .main .content-500 img { width: 100%; } .main .content-500 h3 { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); color: #666666; } .main .content-500 .desc-500{ position: absolute; top: 40%; left: 50%; text-align: center; transform: translateX(-50%); font-size: .875rem; color: #666666; line-height: 1.875rem; } .main .content-500 .btn-500 { text-align: center; } .main .content-500 .btn-500 a { text-decoration: none; border-radius: .9375rem; padding: .625rem 1.25rem; background: #B6262F; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 70%; } #first-row>.row>div { height: 27.6875rem; } #first-row .carousel-inner .carousel-item a img{ height: 27.6875rem !important; } /* 移动端适配 */ @media screen and (max-width:960px){ #header .navbar .container{ position: relative; } .navbar-nav .nav-item .nav-link { font-size: .875rem; } .navbar-toggler{ border: none; position: absolute; top: .375rem; right: 0; } #cgHead-search{ position: absolute; right: 3.75rem; top: .625rem; } .srhBox{ top: 3.5625rem; } .nav-position {display: none;} .navbar-expand-lg .cgHead-search {display: none} #first-row>.row>div:first-child { height: 14.8125rem !important; } #first-row>.row>div:last-child { height: 24.6875rem !important; } #first-row .carousel-inner .carousel-item a img{ height: 14.8125rem !important; } #first-row .nav-tabs{ margin-top: 1.4375rem; } #first-row .nav-tabs .nav-link{ font-size: .875rem; } #first-row .nav-tabs span{ font-size: .8125rem !important; } #first-row #first-right-box .index-first-news .media.active{ padding: .9375rem 0; align-items: center; } #first-row #first-right-box .index-first-news .media.active .img{ height: 3.0625rem; } #first-row #first-right-box .index-first-news .media.active .img .w-100{ height: 100%; } #first-row #first-right-box .index-first-news .media.active .media-body a h5{ font-size: .875rem; margin-bottom: 0; padding-right: 0; } #first-row #first-right-box .index-first-news .media.active .media-body a span{ font-size: .75rem; } #first-row #first-right-box .index-first-news .media .media-body a h5{ font-size: .875rem; padding-right: 1rem; } #first-row #first-right-box .index-first-news .media .end-time{ font-size: .875rem; } #second-row .second-row{ margin: 0 auto; margin-top: 1.375rem; } #second-row .second-row .nav-tabs .nav-link{ font-size: .875rem; } #second-row .second-row .tab-content .second-left-news .media.active{ padding: .9375rem 0; align-items: center; } #second-row .second-row .tab-content .second-left-news .media.active .media-time{ width: 3.75rem; height: 3.75rem; border: 1px solid #cdcdcd; background-color: #FAFAFA; } #second-row .second-row .tab-content .second-left-news .media.active .media-time span:nth-child(1){ font-size: 1rem; } #second-row .second-row .tab-content .second-left-news .media.active .media-time span:nth-child(2){ font-size: .875rem; } #second-row .second-row .tab-content .second-left-news .media.active .media-body a h5{ font-size: .875rem; padding-right: 0; } #second-row .second-row .tab-content .second-left-news .media.active .media-body a .intro{ flex-direction: column; } #second-row .second-row .tab-content .second-left-news .media.active .media-body a .intro span{ font-size: .75rem; } #second-row .second-row .tab-content .second-left-news .media .media-body a h5{ font-size: .875rem; padding-right: 1rem; } #second-row .second-row .tab-content .second-left-news .media .end-time{ font-size: .875rem; } #second-row .second-row-right{ margin: 0 auto; margin-top: 1.375rem; } #second-row .second-row-right .nav-tabs .nav-link{ font-size: .875rem; } #second-row .second-row-right .tab-content .second-left-news .media.active{ padding: .9375rem 0; align-items: center; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-time{ width: 3.75rem; height: 3.75rem; border: 1px solid #cdcdcd; background-color: #FAFAFA; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-time span:nth-child(1){ font-size: 1rem; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-time span:nth-child(2){ font-size: .875rem; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-body a h5{ font-size: .875rem; padding-right: 0; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-body a .intro{ flex-direction: column; } #second-row .second-row-right .tab-content .second-left-news .media.active .media-body a .intro span{ font-size: .75rem; } #second-row .second-row-right .tab-content .second-left-news .media .media-body a h5{ font-size: .875rem; padding-right: 1rem; } #second-row .second-row-right .tab-content .second-left-news .media .end-time{ font-size: .875rem; } #third-row .third-row-left{ border: none; } #third-row .third-row-left .nav-tabs .nav-item .nav-link{ font-size: .875rem; } #third-row .third-row-left .nav-tabs span{ font-size: .8125rem; } #third-row .third-row-left .tab-content .third-left-news{ padding-right: 0; } #third-row .third-row-left .tab-content .third-left-news .media.top-img-li .media-body a h5{ font-size: .875rem; padding-right: 0; } #third-row .third-row-left .tab-content .third-left-news .media .media-body a h5{ font-size: .875rem; padding-right: 1rem; } #third-row .third-row-left .tab-content .third-left-news .media .media-time{ font-size: .875rem; } #third-row .third-row-middle{ border: none; } #third-row .third-row-middle .nav-tabs .nav-item .nav-link{ font-size: .875rem; } #third-row .third-row-middle .nav-tabs span{ font-size: .8125rem; } #third-row .third-row-middle .tab-content .third-middle-news .media .media-body{ width: 100%; } #third-row .third-row-middle .tab-content .third-middle-news .media .media-body a{ width: 100%; } #third-row .third-row-middle .tab-content .third-middle-news .media .media-body a h5{ width: 100%; font-size: .875rem; } #third-row .third-row-middle .tab-content .media-img img{ height: 100%; } #third-row .third-row-right .nav-tabs .nav-item .nav-link{ font-size: .875rem; } #third-row .third-row-right .nav-tabs span{ font-size: .8125rem; } footer .footer-top .container .row .footer-center .links span { font-size: .625rem; } footer .footer-top .container .row .footer-center .links select{ width: 35%; height: 1.5625rem; font-size: .6875rem; color: #fff; text-align: center; background-color: #B7342F; border: 1px solid #fff; } footer .footer-top .container .row .footer-center .links select:nth-child(1){ margin-right: 1.1875rem; } footer .footer-top .container .row .footer-center .address div span{ font-size: .6875rem; } footer .footer-top .container .row .footer-center .address .copyright{ font-size: .6875rem; } .footer-center .qrcode { position: unset; padding-top: 30px; } .cloumn-list-img img { height: 7.5rem; } .jumbotron { margin-bottom: 0; } .article-plan .carousel-inner .carousel-item img { height: 14.75rem!important; } .third-middle-news .media { margin-bottom: .625rem; } .banner-ibox { display: none; } .list-row{display: flex;flex-direction: column} .cloumn-list .tab-content .list .text-content{ width: 100%!important; margin: 1rem auto 0 auto; } .cloumn-list .tab-content { padding-left: 0; } .cloumn-list .tab-content .list h5 { color: rgb(103,103,103); padding-left: 0; } .cloumn-list .tab-content .list .row { color: rgb(137, 140,158); padding-left: 0; } .cloumn-list .tab-content .list .intro { color: rgb(167,169,183); padding-left: 0; } .cloumn-list-bimImg {text-align: center;} .cloumn-list .picture-list li { width: calc(50% - 26px); height: 180px; margin-right: 20px; } .cloumn-list .center .nav { display: none; } .dropdown-item:hover{ background-color: #A6A9B8; } } @media (min-width: 992px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cloumn-list .picture-list li { margin-left: 26px; } } @media screen and (max-width:1920px){ .header-transparent .navbar .container { /*max-width: 80%;*/ } .footer-top .container { max-width: 80%; } } @media screen and (min-width:2000px){ .normalWidth { max-width: 1920px; margin: auto; } }