.banner-box { padding-bottom: 0 !important; } .container-sm { width: 100% !important; padding: 0; } .banner-box img { width: 100%; height: 355px; object-fit: cover; position: relative; z-index: 1; } .breadcrumb-item + .breadcrumb-item::before { content: ">"; } .navBox { padding-bottom: 60px !important; } .navBox .nav-box { border-bottom: 1px solid #eee; } .navBox .nav-box img { cursor: pointer; } .navBox .nav-box .breadcrumb .breadcrumb-item a { text-decoration: none; color: #999999; } .navBox .nav-box .breadcrumb .active { color: #333333; } .navBox .content-navigation ul li { cursor: pointer; position: relative; text-align: left; padding: 21px 0; border-bottom: 2px solid transparent; transition: all 0.2s; } .navBox .content-navigation ul li a { font-size: 14px; color: #333; } .navBox .content-navigation ul li:hover { border-bottom: 2px solid #1339a9; } .navBox .content-navigation ul li:hover a { font-size: 14px; font-weight: 900; color: #1339a9; } .navBox .content-navigation ul .active { border-bottom: 2px solid #1339a9; } .navBox .content-navigation ul .active a { color: #1339a9; } .content-box { position: relative; } .content-box .content-img { position: absolute; } .content-box .bigBox-content .row .col-3 h4, .content-box .bigBox-content .row .col-12 h4{ margin: 0px 0 10px; font-size: 28px; color: black; } .content-box .bigBox-content .row .col-3 p, .content-box .bigBox-content .row .col-12 p { font-family: 'ArialMT'; font-size: 28px; color: #d0d7ee; } .content-box .bigBox-content .row .col-12 .jtjs p { color: black !important; font-family: "微软雅黑"; font-size: 18px; } .content-box .bigBox-content .row .col-3 .number-content, .content-box .bigBox-content .row .col-12 .number-content{ margin: 80px 0; } .content-box .bigBox-content .row .col-3 .number-content span, .content-box .bigBox-content .row .col-12 .number-content span{ font-size: 40px; color: #e83217; } .content-box .bigBox-content .row .col-3 .number-content .number-p, .content-box .bigBox-content .row .col-12 .number-content .number-p{ font-size: 14px; color: #999999; } .content-box .search-box { /*padding-top: 40px;*/ } .content-box .search-box ul li { width: 150px; height: 60px; line-height: 44px; text-align: center; } .content-box .search-box ul .nav-item1{ width: 0px; height: 60px !important; line-height: 45px !important; } .content-box .search-box ul li:hover { background-color: #1339a9; } .content-box .search-box ul li:hover a { color: white; } .content-box .search-box ul li .active { background-color: #1339a9; border-radius: 0; height: 60px; } .content-box .search-box ul li a { color: black; } .content-box .main-box .row .col-4, .content-box .main-box .row .col-12{ cursor: pointer; } .content-box .main-box .row .col-4 .card, .content-box .main-box .row .col-12 .card{ width: 285px; height: 160px; } .content-box .main-box .row .col-4 .card img, .content-box .main-box .row .col-12 .card img{ width: 200px; height: 60px; object-fit: contain; margin-top: 50px; } .content-box .main-box .row .col-4 .card:hover .mask , .content-box .main-box .row .col-12 .card:hover .mask{ height: 100%; opacity: 1; } .mask { position: absolute; background-color: rgba(18, 50, 146, 0.9); bottom: 0; left: 0; width: 100%; height: 80%; opacity: 0; transition: all ease 1s; color: white; text-align: left; padding: 0 0; overflow: hidden; } .mask .mask-p { font-size: 20px; margin: 30px 0; position: relative; } .mask .mask-p img { margin-right: 5px; } .mask .mask-p::after { display: block; content: ""; position: absolute; width: 30px; height: 2px; background-color: #e83217; top: 40px; left: 1px; } .mask p { margin: 40px 20px 10px 20px; font-size: 14px; } .page-item.active .page-link { background: #139; } .page-link { color: #333; } /*@media*/ @media screen and (min-width: 320px) and (max-width: 767px) { .container { width: 100%; } .col-10, .col-20, .col-30, .col-40, .col-50, .col-60, .col-70, .col-80, .col-90, .col-100, .col-25, .col-33, .col-75 { width: 100%; } .panel { border: 0px; } .media-body, .media-left, .media-right { padding: 0px; display: table; width: 100%; } .media-object { width: 100%; } .media-body { padding: 20px; } .media-heading { font-size: 20px; } .form-inline-box, .form-inline-box .form-input, .form-group .form-label, .form-input-block { display: table; width: 100%; padding: 0px; margin: 0px; text-align: left; } .form-input { background-color: #efefef; width: 100%; } .form-group .form-label { height: 34px; line-height: 34px; } .form-group { padding: 0px; margin: 0px; } .form-submit { margin: 20px 0px; text-align: center; } .article-content img { max-width: 95%; clear: both; display: block; margin: auto; margin-bottom: 10px; } } /*濯掍綋鏌ヨ*/ @media (max-width: 767px) { .hidden-xs { display: none !important; } .show-xs { display: block !important; } .text-center-xs { text-align: center; } .col-xs-10 { width: 10%; } .col-xs-20 { width: 20%; } .col-xs-30 { width: 30%; } .col-xs-40 { width: 40%; } .col-xs-50 { width: 50%; } .col-xs-60 { width: 60%; } .col-xs-70 { width: 70%; } .col-xs-80 { width: 80%; } .col-xs-90 { width: 90%; } .col-xs-100 { width: 100%; } .col-xs-25 { width: 25%; } .col-xs-33 { width: 33.333%; } .col-xs-75 { width: 75%; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } .container { width: 750px; } .col-md-10 { width: 10%; } .col-md-20 { width: 20%; } .col-md-30 { width: 30%; } .col-md-40 { width: 40%; } .col-md-50 { width: 50%; } .col-md-60 { width: 60%; } .col-md-70 { width: 70%; } .col-md-80 { width: 80%; } .col-md-90 { width: 90%; } .col-md-100 { width: 100%; } .col-md-25 { width: 25%; } .col-md-33 { width: 33.333%; } .col-md-75 { width: 75%; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } .container { width: 970px; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .container { width: 1200px; } } .text-over-show .content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; max-height: 170px; } .text-over-show.show .content { overflow: visible; max-height: none; display: block; } .text-over-show .text-btn { text-align: right; } .text-over-show .text-btn a { color: #333333; text-decoration: none; } .text-over-show .show-btn, .text-over-show.show .hide-btn { display: initial; } .text-over-show.show .show-btn, .text-over-show .hide-btn { display: none; } .ti2 p, .ti2p { text-indent: 30px; }