.owlBanner .owl-theme { z-index: 20; } .owlBanner .owl-theme .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; margin-top: 0; } .owlBanner .item { text-align: center; } /*.owlBanner .item img{height:599px;object-fit:cover;}*/ /* 通知公告 */ .tzgg { position: relative; height: 50px; padding-left: 120px; background: #f3f3f3; } .tzgg_tit { width: 120px; position: absolute; left: 0; top: 0; height: 50px; background: #1961ac; line-height: 50px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; } .tzgg_tit a { color: #fff; } .tzgg_tit img { vertical-align: middle; margin-right: 10px; } .tzgg_con { padding-left: 20px; padding-right: 10px; } .tzgg_marquee { overflow: hidden; } .tzgg_list li { margin-right: 50px; float: left; line-height: 50px; width: auto !important; } .tzgg_list li a { font-size: 16px; color: #333; white-space: nowrap; } .tzgg_list li:hover a { color: #1961ac; } /*新闻报道*/ .newsBoxs { margin: 60px auto; } .zy-news-tit { width: 92%; margin: 40px auto 0px; line-height: 32px; color: #df1d1d; font-size: 24px; font-weight: bold; text-align: center; } .zy-news-tit a { color: #df1d1d; font-size: 24px; font-weight: bold; } .zy-news-sum { margin: 0 auto; width: 92%; font-size: 16px; color: #777777; line-height: 30px; text-align: justify; margin-bottom: 40px; margin-top: 20px; text-indent: 2rem; } .tabs { display: none; } .indexTitle { margin-bottom: 20px; font-size: 24px; color: #000; border-bottom: 1px solid #eee; padding-bottom: 16px; } .indexTitle a { font-size: 16px; color: #333; display: inline-block; padding-top: 6px; float: right; font-weight: 500; } /*newL*/ .newsL { width: 44%; margin-right: 2%; } .newsBox { width: 100%; position: relative; } .newsBox .HB { overflow: hidden; } .newsBox .HB .autoPlay li { float: left; position: relative; width: 100%; height: 320px; } .newsBox .HB .autoPlay li .Image { height: 100%; background: #000; margin: 0; } .newsBox .HB .autoPlay li .Image img { display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: cover; } .newsBox .HB .autoPlay li .Title { position: absolute; bottom: 0; left: 0; z-index: 30; width: 100%; background: rgba(0, 0, 0, .5); margin: 0; } .newsBox .HB .autoPlay li .Title { } .newsBox .HB .autoPlay li .Title a { display: block; line-height: 40px; font-size: 16px; color: #fff; text-indent: 12px; } .newsBox .PLAYbtn { position: absolute; bottom: 14px; right: 6px; z-index: 60 } .newsBox .PLAYbtn ul li { display: inline-block; width: 9px; height: 9px; margin-right: .5em; border: 1px solid #fff; border-radius: 50%; cursor: pointer; text-indent: 99em; overflow: hidden; } .newsBox .PLAYbtn ul li.on { width: 9px; height: 9px; background: #0e57a6; } /*newsR*/ .boxNews { position: relative; } .boxNews .boxNewstit { position: absolute; right: 15px; top: -47px; font-size: 16px; color: #333; } .newsR { width: 53.5%; } .news-List li { width: 100%; line-height: 38px; height: 38px; } .news-List li a { padding-left: 1em; background: url(/zh401/uiFramework/commonResource/image/2020090513242287929.jpg) no-repeat 2px center; float: left; color: #333; font-size: 16px; } .news-List li span { float: right; font-size: 16px; color: #999; } .news-List li:hover a, .newsList li:hover span { color: #0e57a6; } /*tab*/ .ryTab { overflow: hidden; background-color: #f6f6f6; margin-bottom: 16px; } .ryTab li { float: left; font-size: 16px; height: 40px; line-height: 40px; text-align: center; padding: 0 30px; } .ryTab li a { color: #333; font-size: 16px; display: block; font-weight: 550; } .ryTab li.on { background: #0e57a6; } .ryTab li.on a { color: #fff; } /* 新闻中心 S 已经隐藏*/ .gcyj { background-color: #eaf1f9; padding-top: 50px; padding-bottom: 70px; } .yqsBox { margin: 50px auto; } .new_center { text-align: center; } .home_title { font-size: 26px; border-bottom: 5px solid #ccdcec; display: inline-block; color: #014da1; } .new_center_ul { width: 28.7%; margin: 0px auto; } .new_center_ul li { float: left; margin: 20px 0px; width: 33.3%; } .new_center_ul li.col a { border-bottom: 2px solid #004d9f; } .new_center_ul li a { font-size: 18px; } .yqsBox .tab_Li001 { margin-top: 20px;display:block!important;} .yqsBox .tab_Li001 .item .left { width: 41%; } .yqsBox .tab_Li001 .item .right { width: 56%; } .picOneBox { max-width: 500px; } .picOneBox .Center .date { color: #a0a0a0; font-size: 20px; margin: 20px 0px; } .picOneBox .Center .title a { color: #004d9f; font-size: 20px; font-weight: blod; } .picOneBox .Center .title { margin: 10px 0; } .picOneBox .Center .summary { font-size: 16px; color: #a0a0a0; line-height: 25px; height: 50px; overflow: hidden; } .picOneBox .Center .pic { margin-top: 20px; } .picOneBox .Center .pic img { width: 100%; height: 303px; object-fit: cover; } .newsListR li { padding: 30px; border-bottom: 1px solid #d2d2d2; } .newsListR li .Left { width: 20%; margin-top: 20px; } .newsListR li .Right { width: auto; } .newsListR li .Left .ri { font-size: 36px; text-align: center; color: #000; } .newsListR li .Left .yue { font-size: 18px; text-align: center; } .newsListR li .box { position: relative; } .newsListR li h4 a { float: left; font-size: 18px; font-weight: normal; display: block; white-space: nowrap; max-width: 95%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #3c3a3b; } .newsListR li h4 span { float: right; font-size: 18px; font-weight: 100; color: #a9a9a9; } .newsListR li .summary { width: 80%; height: 56px; overflow: hidden; margin-top: 20px; font-size: 14px; color: #333; line-height: 28px; } .newsListR li .icon { display: none; } .newsListR li.active .icon { display: block; position: absolute; right: 0; bottom: 5px; } .newsListR li.active { background-image: url(/zh401/uiFramework/commonResource/image/2021092613151389081.png); } .newsListR li.active h4 a, .newsListR li.active .summary, .newsListR li.active h4 span { color: #FFF; } /* 新闻中心 E */ .picOneBox .swiper-slide{height:auto!important;} .picOneBox .swiper-pagination{bottom:113px!important;} /* 工程业绩 S */ .common_title { text-align: center; } .fourUl { margin-top: 40px; margin-left: -2%; } .fourUl li { width: 24%; float: left; margin-left: 1%; position: relative; overflow: hidden; margin-bottom: 30px; } .fourUl li .pic img { width: 100%; height: 400px; object-fit: cover; } /*.fourUl li h4 {width:100%;height:40px;padding-top:68px;background:url(/zh401/uiFramework/commonResource/image/2020091711015840591.png) repeat-x 0 0;position:absolute;left:0;bottom:0;color:#fff;font-size:16px;text-align:center;} .fourUl li h4 a {display:block;padding:0 10px;color:#fff;font-size:16px;text-align:center;}*/ .fourUl li h4 { width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 16px; text-align: center; background: rgba(0, 76, 160, .8); } .fourUl li h4 a { display: block; padding: 0 10px; color: #fff; font-size: 16px; text-align: center; } .fourUl li .down { position: absolute; left: 0; bottom: -100%; z-index: 99; background: rgba(0, 76, 160, .8); width: 100%; height: 100%; } .css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .fourUl li .down .box { padding: 35px; margin-top: 55px; } .fourUl li .down .box .title { text-align: center; color: #fff; font-size: 18px; } .fourUl li .down .box .title a { font-size: 16px; color: #fff; font-weight: bold; } .fourUl li .down .box .bg .summary { margin: 10px 0; font-size: 14px; color: #fff; line-height: 26px; } .fourUl li .down .box .bg .link { text-align: center; margin-top: 20px; } .fourUl li .down .box .bg .link a { font-size: 14px; color: #014c9f; border-radius: 20px; background-color: #fff; padding: 3px 20px; } .fourUl li:hover h4 { bottom: -100%; } .fourUl li:hover .down { bottom: 0; } /* 工程业绩 E */ /* 关于我们 S */ .con3L {width:50%;} .con3R {width:46%;margin-top:50px;} .con3 { margin-top: 50px; } .aboutus { margin-top: 50px; } .aboutus .aboutp {} .aboutus .aboutimg { width: 41%; position: relative; overflow: hidden; } .aboutus .aboutimg .bofang { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; z-index: 90; } .aboutus .aboutimg .bfXq img { transition: all 1s; } .aboutus .aboutimg:hover .bfXq img { transform: scale(1.2); } .aboutus .aboutimg a { display: block; } .aboutus .aboutp p { line-height: 30px; color: #6f6f6f;text-align:justify; } .aboutus .abouta { display: block; float: right; background-color: #004ca0; color: #fff; border-radius: 5px; padding: 8px 37px; box-shadow: 0px 8px 11px 0px rgb(1 77 161 / 50%); -webkit-box-shadow: 0px 8px 11px 0px rgb(1 77 161 / 50%); -moz-box-shadow: 0px 8px 11px 0px rgba(1, 77, 161, 0.5); margin-top: 30px; } .aboutp ul { margin-top: 111px; } .aboutp ul li { float: left; border: 1px solid #004ca0; border-radius: 5px; margin: 0px 5px; padding: 6px 8px; background: #a3c0e0;} .aboutp ul li a { display: flex; align-items:center;font-size:15px;color:#000;font-weight:550;} .aboutp ul li a img { margin-right: 5px; } .cpfw{} .cpfwList {} .cpfwList li p img{width:100%;height:350px;object-fit:cover;} /* 关于我们 E */ /*科研能力*/ .kynlList {margin-top:40px;} .kynlList li{width:31.333%;margin-right:2%;position:relative;overflow:hidden;} .kynlList li .shows div img{width:100%;height:230px;object-fit:cover;} .kynlList li .shows h4{background:rgba(0, 76, 160, .8);height:46px;line-height:46px;text-align:center;position:absolute;bottom:0;left:0;width:100%;} .kynlList li .shows h4 a{font-size:16px;color:#fff;} .kynlList li .hides{background:rgba(0, 76, 160, .8);position:absolute;bottom:-100%;left:0;width:100%;box-sizing:border-box;padding:20px;height:100%;transition:all .7s;} .kynlList li .hides div{text-align:center;} .kynlList li .hides div a{font-size:18px;color:#fff;} .kynlList li .hides p{font-size:16px;line-height:32px;color:#fff;margin:20px 0 20px 0;} .kynlList li .hides>a{width:100px;height:34px;display:block;border:1px solid #fff;line-height:34px;margin:0 auto;background:#014da1;border-radius:12px;text-align:center;color:#fff;} .kynlList li.i1{height:490px;} .kynlList li.i1 .shows div img{width:100%;height:490px;object-fit:cover;} .kynlList li.i2, .kynlList li.i3{margin-bottom:30px;} .kynlList li:hover .shows h4{display:none;} .kynlList li:hover .hides {bottom:0;} /* 手风琴效果 S */ .gcqt { background-color: #eaf1f9; padding-top: 70px; padding-bottom: 70px; margin-top: 50px; } .w-accor { overflow: hidden; position: relative; height: 340px; } .w-accor ul, .w-accor li { padding: 0; margin: 0; list-style: none; } .w-accor ul { width: 101%; } .w-accor li { position: relative; overflow: hidden; float: left; margin: 0px 5px; } .accorClick li { cursor: pointer; } .w-accor li .item { position: relative; } .w-accor li>a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .w-accor h3 { font-size: 125%; margin: 0; padding: 0; font-weight: normal; line-height: 48px; color: #fff; margin-left: 25px; } .w-accor .acr_p { margin-top: 0.5em; } .w-accor .cont_ar { color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 76, 160, .8); } .w-accor .cont_ar .dec_ar a { display: inline-block; background-color: #fff; border-radius: 15px; padding: 5px 15px; float: right; margin-top: 17px; margin-right: 25px; } .w-accor li:first-child { background-color: #000; } .w-accor li:last-child .cont_ar .dec_ar a { margin-right: 55px; } .w-accor0 li .img_ar img { width: 100%; height: 100%; } .w-accor0 li .img_ar video { width: 100%; height: 362px; } /* 手风琴效果 E */ .newsBox { padding: 5% 0; } .newsBox .newsLeft, .newsBox .newsRight { width: 48.8%; } .swiper-containerPlayPic22 .item img { width: 100%; height: 355px; object-fit: cover; } .swiper-containerPlayPic22 .item { position: relative; } .swiper-containerPlayPic22 .item .title { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); } .swiper-containerPlayPic22 .item .title a { display: block; font-size: 16px; color: #fff; line-height: 42px; padding: 0 1em; white-space: nowrap; max-width: 69%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .swiper-containerPlayPic22 .owl-dots { position: absolute; right: 15px; bottom: 16px; z-index: 40; margin-top: 0; } .swiper-containerPlayPic22 .owl-dots .owl-dot span { margin: 0 5px !important; width: 8px !important; height: 8px !important; } .TAB_DIV .left { float: left; } .TAB_DIV .right { float: right; } .TAB_DIV .right a { display: none; font-size: 16px; color: #333; line-height: 40px; } .TAB_DIV .right a.col { display: block; } .TAB_DIV .left a { display: inline-block; margin-right: 20px; text-align: center; font-size: 18px; color: #000; line-height: 40px; border-bottom: 2px solid transparent; } .TAB_DIV { border-bottom: 1px solid #eee; } .TAB_DIV .left a.col { color: #004ea2; border-color: #004ea2; } .newsRightDown { margin-top: 20px; } .newsRightDown .Li { display: none; } .newsRightDown .Li:first-child { display: block; } .NewsUl .first .left { background: #0074b7; width: 100px; padding: 20px 0; } .NewsUl .first .left p { text-align: center; color: #fff; } .NewsUl .first .left .ri { font-size: 22px; } .NewsUl .first .left .nianAndYue { font-size: 14px; margin-top: 5px; } .NewsUl .first .right { width: 460px; } .NewsUl .first .right a { float: none; max-width: 100%; } .NewsUl .first .right .summary { font-size: 14px; color: #333; } .NewsUl li i { float: left; font: normal normal normal 4px/1 FontAwesome !important; margin-top: 20px; margin-right: 8px; } .NewsUl li a, .NewsUl li span { font-size: 16px; line-height: 40px; color: #000; float: left; } .NewsUl li span { color: #999; float: right } .NewsUl li a { display: block; white-space: nowrap; max-width: 65%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .NewsUl li:hover a, .NewsUl li:hover span, .NewsUl li:hover i { color: #004ea2; } .ywjsList .navTitle { font-size: 22px; color: #fff; text-align: center; } .ywjsList .navTitle .small { display: block; font-size: 12px; color: #fff; font-weight: normal; margin-top: 5px; } .ywjsList .Ul { margin: 5% auto 0; width: 60%; } .ywjsList .Ul .oneLi { width: 30%; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 5px; height: 300px; } .ywjsList .Ul .oneLi:hover { margin-top: -30px; background: #0074b7; } .ywjsList .Ul .oneLi:hover a .line { background: #fff; } .ywjsList .Ul .oneLi:hover a .txt { color: #fff; } .ywjsList .Ul .oneLi2 { margin: 0 5%; } .ywjsList .Ul .oneLi a { padding: 30px 0; } .ywjsList .Ul .oneLi a, .ywjsList .Ul .oneLi a span { display: block; } .ywjsList .Ul .oneLi a .img { width: 38%; margin: 0 auto; } .ywjsList .Ul .oneLi a .big { display: none; } .ywjsList .Ul .oneLi a .line { width: 30%; margin: 2em auto; height: 3px; background: #0f377c; border-radius: 3px; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ywjsList .Ul .oneLi a .summary { font-size: 14px; color: #333; padding: 1em; line-height: 1.6; height: 55px; overflow: hidden; } .ywjsList .Ul .oneLi a .txt { font-size: 18px; color: #0f377c; text-align: center; } .ywjsList .Ul .oneLi:hover a .line { width: 40%; } .ywjsList .Ul .oneLi:hover a .small { display: none; } .ywjsList .Ul .oneLi:hover a .big { display: block; } .ywjsList .Ul .oneLi:hover a .summary { color: #fff; } .OtehrBox .keall { padding: 20px; } .OtehrBox .Li { width: 49.888%; float: left; background: #f4f9fc; } .OtehrBox .Li .picAndTxt .pic, .OtehrBox .Li .picAndTxt .Box { width: 50%; } .OtehrBox .keall .title a { font-size: 18px; color: #0f377c; } .OtehrBox .keall .summary { font-size: 14px; color: #999; margin-top: 10px; height: 90px; overflow: hidden; } .OtehrBox .Li .picAndTxt .pic a, .OtehrBox .Li .picAndTxt .pic a img { display: block; } .OtehrBox .Li .picAndTxt .pic a img { width: 100%; height: 160px; object-fit: cover; } /*.homePage{margin-bottom:5%;}*/ @media only screen and (max-width:1240px) { .NewsUl .first .right { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } } @media only screen and (max-width:1040px) { /*.owlBanner .item img{height:32vw;}*/ .OtehrBox .Li { float: none; width: auto; margin: 20px 0; } .newsBox .newsLeft, .newsBox .newsRight { float: none; width: auto; } .newsBox .newsRight { margin-top: 20px; } .swiper-containerPlayPic22 .item img { height: 40vw; } .ywjsList .Ul { width: 75vw; } .ywjsList .Ul .oneLi a .line { margin: 20px auto; } } @media only screen and (max-width:880px) { .ywjsList .Ul { width: 60%; } /*.owlBanner .item img{height:40vw;}*/ .ywjsList .Ul .oneLi { width: auto; float: none; height: auto; } .ywjsList .Ul .oneLi2 { margin: 2em 0; } .ywjsList .Ul .oneLi a .img { max-width: 75px; width: 100%; } .ywBox { background-size: cover; } .ywjsList .Ul .oneLi:hover { margin-top: 0; } .ywjsList .Ul .oneLi2:hover { margin-top: 2em; } .ywjsList .Ul .oneLi a .summary { height: auto; } } @media only screen and (max-width:680px) { .ywjsList .Ul { width: auto; } .ywjsList .Ul .oneLi a .img { max-width: 12vw; } .ywjsList .Ul .oneLi a .line { height: 2px; } .fourUl { margin-top: 20px; margin-left: 0%; } .fourUl li { width: 48%; float: left; margin-left: 2%; position: relative; overflow: hidden; margin-bottom: 20px; } .fourUl li .pic img { height: 20vh; } .kynlList li.i1{height:auto;} .kynlList {margin-top:1rem;width:96%;margin:auto;} .kynlList li{width:100%;margin-right:0%;position:relative;overflow:hidden;margin-bottom:1rem;} .kynlList li.i1 .shows div img{width:100%;height:230px;object-fit:cover;} .kynlList li.i2, .kynlList li.i3{margin-bottom:1rem;} .con3L {width:96%;float:none;margin:auto;} .con3R {width:96%;margin-top:20px;float:none;margin:auto;} .cpfwList {margin-top:20px;} .cpfwList li p img{height:32vh;} .aboutp ul li{margin:0px 5px 10px 5px !important;} .cpfw .swiper-button-prev, .cpfw .swiper-button-next{width:16px;height:30px;background-size:cover;margin-top:-8px;} }