.banner-box { position: relative; } .banner-box-phone { background: url(../../image/nyjt/banner.jpg) no-repeat center center; background-size: 100% 100%; } .contact-box1 { background: url(../../image/nyjt/lxwm.jpg) no-repeat center center; background-size: 100% 100%; } .banner-name { position: absolute; left: 0%; bottom: 150px; z-index: 10; } .banner-name h1 { font-size: 30px; color: white; } .banner-name img { /*width: auto;*/ /*height: 30px;*/ /*object-position: 100% 100%;*/ object-fit: contain; margin-bottom: 10px; } .banner-nav { width: 1200px; left: 0; position: absolute; bottom: 0; z-index: 10; } .banner-nav .col-2 { max-width: 8%; padding: 0; } .banner-nav .col-2 img { height: 80px; } .banner-nav .col-11 { padding: 0; } .banner-nav .nav { background-color: rgba(19, 57, 169, 0.5); } .banner-nav .nav .nav-item a { height: 80px; font-size: 16px; line-height: 70px; border-radius: 0; color: white; } .banner-nav .nav .nav-item a img { margin-right: 10px; width: 20px; height: 20px; display: inline-block; } .banner-nav .nav .nav-item .active { background-color: #1339a9; } .banner-nav .nav .nav-item:hover { background-color: #1339a9; } .card { padding-top: 40px; border: none; background-color: transparent; } .card .card-body .card-title { text-align: center; font-size: 32px; line-height: 24px; margin-bottom: 30px; } .card .card-body .card-text { font-size: 16px; line-height: 24px; color: #333; margin-bottom: 20px; } .introduction-box { background: url(../../../assets/image/nyjt/cyqy/cyqy_detail_back.jpg) no-repeat center center; } .introduction-box .card-content ul li { width: 225px; text-align: center; } .introduction-box .card-content ul li p { font-size: 14px; color: #666; } .introduction-box .card-content ul li p span { font-size: 70px; color: #333; font-family: "Arial-BoldMT"; } .introduction-box .card-content .mask-button { width: 230px !important; height: 40px; background-color: #1339a9; color: white; margin: 10px; display: inline-block; } .introduction-box .card-content .button-parmiry { background-color: white; border: 1px solid #333; color: #333; } .business-box { background: url(../../../assets/image/nyjt/cyqy/ywfw.jpg) no-repeat center top; background-size: 100% 100%; } .business-box .bigBox-content { width: 1300px; overflow: hidden; } .business-box .bigBox-content .business-text { margin-bottom: 0; } .business-box .bigBox-content .business-text .swiper { width: 1200px; margin-left: 33px; height: 100%; } .business-box .bigBox-content .business-text .col-3 { width: 285px; height: 392px; background-color: #FFF; margin-bottom: 20px; margin: 0 10px; max-width: 20.3%; } .business-box .bigBox-content .business-text .col-3 img { width: 50px; height: 50px; object-fit: contain; margin: 0 auto; } .business-box .bigBox-content .business-text .col-3 .card-body .business-box-title { text-align: center; font-size: 18px !important; color: #333; margin-bottom: 48px; } .business-box .bigBox-content .business-text .col-3 .card-body .business-box-text { font-size: 14px; line-height: 21px; margin-bottom: 20px; height: 125px; overflow: hidden; } .business-box .bigBox-content .business-text .col-6 { width: 285px; height: 392px; background-color: #FFF; margin-bottom: 20px; margin: 0 10px; } .business-box .bigBox-content .business-text .col-6 img { width: 50px; height: 50px; object-fit: contain; margin: 0 auto; } .business-box .bigBox-content .business-text .col-6 .card-body .business-box-title { text-align: center; font-size: 18px !important; color: #333; margin-bottom: 48px; } .business-box .bigBox-content .business-text .col-6 .card-body .business-box-text { font-size: 14px; line-height: 21px; margin-bottom: 20px; height: 125px; overflow: hidden; } .product-box { background: url(../../../assets/image/nyjt/cyqy/cpfa.jpg) no-repeat center center; background-size: 100% 100%; padding-bottom: 0; position: relative; } .product-box .bigBox-content { overflow: visible; } .product-box .product-img { position: absolute; right: 110px; bottom: 110px; } .product-box .product-text ul li { cursor: pointer; position: relative; text-align: center; border-bottom: 2px solid transparent; transition: all 0.2s; } .product-box .product-text ul li a { font-size: 18px; color: #333; font-weight: normal; font-family: '微软雅黑'; } .product-box .product-text ul li:hover { border-bottom: 2px solid #1339a9; } .product-box .product-text ul li:hover a { font-weight: 900; color: #1339a9; } .product-box .product-text ul .active { border-bottom: 2px solid #1339a9; } .product-box .product-text ul .active a { font-weight: 900; color: #1339a9; } .product-box .product-text .row .col-6, .product-box .product-text .row .col-12{ position: relative; } .product-box .product-text .row .col-6 .mask-button, .product-box .product-text .row .col-12 .mask-button{ width: 230px !important; height: 40px; background-color: #1339a9; color: white; display: inline-block; } .product-box .product-text .row .col-6 .button-parmiry, .product-box .product-text .row .col-12 .button-parmiry{ background-color: white; border: 1px solid #333; color: #333; } .product-box .product-text .row .col-6 .product-box-title, .product-box .product-text .row .col-12 .product-box-title{ text-align: left; font-size: 22px; color: #000; font-weight: 900; } .product-box .product-text .row .col-6 .product-box-text, .product-box .product-text .row .col-12 .product-box-text{ margin-bottom: 20px; } .product-box .product-text .row .col-6 .product-box-text h4, .product-box .product-text .row .col-12 .product-box-text h4{ color: 16px; line-height: 24px; font-weight: 900; margin-bottom: 20px; } .product-box .product-text .row .col-6 .product-box-text p, .product-box .product-text .row .col-12 .product-box-text p{ font-size: 14px; line-height: 21px; color: #333; } .contact-box { background: url(../../../assets/image/nyjt/cyqy/lxwm.jpg) no-repeat center center; background-size: 100% 100%; } .contact-box1 { background: url(../../../assets/image/nyjt/cyqy/lxwmphone.jpg) no-repeat center center; background-size: 100% 100%; } .contact-box .card-text { color: #000; } .contact-box .card-text h4 { font-size: 22px; font-weight: 900; margin-bottom: 70px; } .contact-box .card-text .card-div { line-height: 30px; font-size: 16px; } .modal .modal-dialog { max-width: 800px; } .modal .modal-dialog .modal-content .modal-body li { cursor: pointer; } .modal .modal-dialog .modal-content .modal-body li .yl-h { display: none; } .modal .modal-dialog .modal-content .modal-body li .dt-h { display: none; } .modal .modal-dialog .modal-content .modal-body li:hover .form-check-label { color: #1339a9; } .modal .modal-dialog .modal-content .modal-body li:hover p .yl-h { display: inline-block; } .modal .modal-dialog .modal-content .modal-body li:hover p .dt-h { display: inline-block; } .modal .modal-dialog .modal-content .modal-body li:hover p .yl { display: none; } .modal .modal-dialog .modal-content .modal-body li:hover p .dt { display: none; } .modal .modal-dialog .modal-content .modal-footer .list { font-size: 13px; height: 35px; line-height: 33px; vertical-align: middle; background-color: #fff; border: 1px solid #eee; position: relative; z-index: 1; cursor: pointer; color: black; text-align: left; width: 280px; } .modal .modal-dialog .modal-content .modal-footer .list .entlist { width: 100%; height: 0; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; background: white; overflow: auto; transition: height 0.5s; } .modal .modal-dialog .modal-content .modal-footer .list .entlist li:hover { background-color: #373737; } .modal .modal-dialog .modal-content .modal-footer .list .entlist li a { margin-left: 20px; font-size: 13px; color: #999; text-decoration: none; } .modal .modal-dialog .modal-content .modal-footer .list:hover .entlist { height: 220px; } .modal .modal-dialog .modal-content .modal-footer .btn { width: 104px; height: 40px; font-size: 12px; } .modal .modal-dialog .modal-content .modal-footer .btn-primary { background-color: #1339a9; color: white; border-radius: 0; } .modal .modal-dialog .modal-content .modal-footer .btn-secondary { background-color: white; color: #1339a9; border: 1px solid #1339a9; } .swiper-button-next { width: 65px; height: 58px; background: url(../../../assets/image/right-jt.png); right: -8px; } .swiper-button-prev { width: 65px; height: 58px; left: -8px; background: url(../../../assets/image/left-jt.png); } .projectPrev { background: url(../../../assets/image/cyqyd/left-Jt.png) no-repeat ; top: 23% !important; left: 20px !important; } .projectNext { background: url(../../../assets/image/cyqyd/right-Jt.png) no-repeat; top: 22% !important; right: -10px !important; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 90px !important; }