@charset "utf-8"; /* ========================================================================== index page ========================================================================== */ .ibanner{ height:373px;position: relative;max-width: 1200px; clear: both; margin: 0 auto 30px auto;} .ibanner .swiper-container {width: 100%;height: 100%; overflow:hidden;} .ibanner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; opacity:0; transition:all 0.5s;} .ibanner .swiper-button-prev,.ibanner .swiper-button-next{ background:#eda700; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;} .ibanner .swiper-button-prev i,.ibanner .swiper-button-next i{ color: #fff; font-size: 3rem;} .ibanner .swiper-button-prev{ left: 5px;} .ibanner .swiper-button-next{ right: 5px;} .ibanner .swiper-pagination-bullet {background: #fff;opacity: 0.5;} .ibanner .swiper-pagination-bullet-active { background: #fff;opacity: 1;} .news-t{clear: both; height: 45px; background: #005097; box-sizing: border-box; padding-left: 15px; color: #fff; font-size: 18px; line-height: 45px; border-radius: 0 35px 0 0; position: relative;} .news-t .more{ float: right; font-size: 14px; float: right; color: #fff; margin-right: 30px; } .news-box{ clear: both; border: 1px solid #efefef; padding: 10px; box-sizing: border-box; overflow: hidden; min-height: 232px; } .hdp-pic{ position: relative; width: 100%; height: 0; padding-bottom: 40%; overflow: hidden; } .hdp-pic2{ position: relative; width: 100%; height: 0; padding-bottom: 46%; overflow: hidden; } .hdp-pic3{ position: relative; width: 100%; height: 0; padding-bottom: 120%; overflow: hidden; float: left;} .hdp-pic p,.hdp-pic2 p,.hdp-pic3 p{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hdp-pic p img,.hdp-pic2 p img,.hdp-pic3 p img{ object-fit: cover; width: 100%; height: 100%; } .hdp-title{ width: 100%; height:25px; background:#fff; color: #005097; font-size: 14px; text-indent:1rem; width: 100%; position: relative; text-align: center; } #hdp .swiper-pagination{ text-align: right; padding-top: 15px; clear: both; overflow: hidden; } #hdp .hdp-title{ background: rgba(7,5,2,0.7); color: #fff; } .news{ margin-bottom: 30px; } .news-li-box{ clear: both; margin-top: 10px; overflow: hidden;} .news-li-box ul li{ clear: both; line-height: 28px; font-size: 14px; } .news-li-box ul li .date{ float: right; font-size: 12px; } .news-li-box ul li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; width:calc(100% - 80px); float: left;} .clear{ clear: both; } /*��蘂��*/ .title_1 {padding: 0;overflow: hidden;text-align: center;cursor: pointer;margin-bottom: 20px;} .title_1 a {display: block;} .title_1 h2 {color: #2a2a2a;font-size: 42px;line-height: 80px;text-transform: uppercase;font-weight: normal;position: relative;} .title_1 h2:after {content: "jiante";color: #f1f1f1;font-size: 75px;line-height: 80px;position: absolute;text-transform: uppercase;top:0;left: 0;right: 0;z-index: -1;font-weight: bold;} .title_1 span {display: block;color: #2a2a2a;font-size: 18px;line-height: 30px;text-transform:uppercase;} .title_1:hover h2,.title_1:hover span {color: #2a2a2a;} /*��寴ｯ紜�*/ .sect_case {padding:0;overflow: hidden;} .sect_case .caselist {max-width: 1920px;margin:3rem auto 0;} .sect_case .caselist .swiper-container {width: 100%;height: 100%;} .sect_case .caselist .swiper-container .swiper-wrapper {width: 100%;} .sect_case .caselist .swiper-container .swiper-slide {width: 70%;} .sect_case .caselist .caseitem {width: 100%;padding: 0;overflow: hidden;} .sect_case .caselist .caseitem a {display: block;width: 100%;height: 100%;position: relative;} .sect_case .caselist .caseitem a:before {content: "";width: 100%;height: 100%;background: #000;opacity:0.5;transition: 0.5s ease;position: absolute;z-index: 3; left:0;right: 0;top:0;bottom:0;} .sect_case .caselist .swiper-container .swiper-slide-active .caseitem a:before {opacity: 0;} .sect_case .caselist .caseitem .icon {border: none;} .sect_case .caselist .caseitem .icon img {width:100%;height: 100%;object-fit: cover;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;} .sect_case .caselist .caseitem .casetit {padding: 0;overflow: hidden;position: absolute;top:0;left: 0;right: 0;z-index: 2;} .sect_case .caselist .caseitem .casetit h2 {color: #fff;background: #013587;font-size: 22px;line-height: 50px;padding: 0 20px;overflow: hidden;display: inline-block;} .sect_case .caselist .caseitem .casecon {padding: 20px;overflow: hidden;background: url(/uploads/image/szwimg/casebg.png) no-repeat bottom center;background-size: cover;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;} .sect_case .caselist .caseitem .casecon p {color: #fff;font-size: 20px;line-height: 50px;} .sect_case .caselist .caseitem .casecon .ctel {display: block;width:50%;height: 50px;background: #013587;line-height: 50px;border-radius: 25px;color: #fff;font-size: 16px;text-align: center;float: right; } .sect_case .caselist .caseitem .casecon .ctel i {display: inline-block;width: 29px;height: 100%;background:url(/uploads/image/szwimg/stel.png) no-repeat center;vertical-align:middle;margin-right: 10px;background-size: contain;} .sect_case .caselist .caseitem:hover .icon img {transform: scale(1.2);transition:all 0.5s;} /*篋у��*/ .lmnav {padding:0;overflow: hidden;margin-bottom: 10px;} .lmnav li {float: left;padding:0 25px;position: relative;} .lmnav li a {display: block;color: #2a2a2a;font-size: 16px;line-height: 40px;} .lmnav li:after {content: "";display: block;width: 0;height: 3px;background: #013587;position: absolute;bottom: 0px;left: 50%;z-index: 3;opacity: 0;transition: all 0.3s;} .lmnav li:hover a {color: #013587;} .lmnav li:hover:after {width: 90px;opacity: 1;margin-left: -45px;} /*鋋у��筝㊤�*/ .sect_pro {padding:0;overflow: hidden;} .sect_pro .protj {padding: 0;overflow: hidden;margin-bottom: 45px;} .sect_pro .protj .wrap {position: relative;} .sect_pro .protj .wrap:before,.sect_pro .protj .wrap:after {content: "";height: 100%;width: 250px;background: #f1f1f1;position: absolute;top:0;bottom: 0;z-index: -1;} .sect_pro .protj .wrap:before {left: -260px;} .sect_pro .protj .wrap:after {right: -260px;} .sect_pro .proitem {padding: 0;overflow: hidden;} .sect_pro .proitem a {display: block;height: 100%;width: 100%;} .sect_pro .proitem .proimg {padding: 0;overflow: hidden;position: relative;} .sect_pro .proitem .icon {padding: 0;overflow: hidden;background: #f1f1f1;} .sect_pro .proitem .icon img {width: 100%;height: 100%;object-fit: cover;} .sect_pro .proitem .protit {padding: 10px;overflow: hidden;background: #f1f1f1;} .sect_pro .proitem .protit h2 {color: #494949;font-size: 18px;line-height: 50px;} .sect_pro .proitem .protit span {display: inline-block;color: #494949;font-size: 16px;line-height: 50px;text-transform: uppercase; text-align: right;width: 100%;} .sect_pro .proitem .protit i {display: inline-block;width:23px;height: 6px;background: url(/uploads/image/szwimg/circle.png) no-repeat center;background-size: contain;vertical-align: middle;margin-left: 10px;} .sect_pro .proitem .promark {position: absolute;top:100%;left: 0;bottom: 0;right: 0;z-index: 1;background: url(/uploads/image/szwimg/probg.png) no-repeat; background-size: cover;text-align: center;opacity:0;} .sect_pro .proitem .promark .gc {display: inline-block;vertical-align: middle;} .sect_pro .proitem .promark .gc h2 {color: #fff;font-size: 20px;line-height: 40px;font-weight: normal;margin-bottom: 15px;} .sect_pro .proitem .promark .gc span {color: #fff;font-size: 16px;line-height: 35px;text-transform: uppercase;display: block;margin-bottom: 15px;} .sect_pro .proitem .promark .gc i {display: block;width:100%;height: 6px;background: url(/uploads/image/szwimg/circle.png) no-repeat center;background-size: contain;} .sect_pro .proitem:hover .icon img {transform: scale(1.2);transition:all 0.5s;} .sect_pro .proitem:hover .promark {opacity: 1;top:0;animation: fadeindown 0.5s forwards;} /*�割��篁�*/ .sect_about {padding: 5rem 0;overflow: hidden;/*background: url(/uploads/image/szwimg/m1bg.jpg) no-repeat center;background-size: cover;*/background: #eee;} .sect_about .video {padding: 25px 30px;overflow: hidden;position: relative;} .sect_about .video:before,.sect_about .video:after {content: "";position: absolute;background: #013587;z-index: 0;top:0;} .sect_about .video:before {width: 30px;height: 50%;left: 0;} .sect_about .video:after {width: 50%;height: 25px;left: 0;} .sect_about .video .video_box {height: 436px;} .sect_about .about {padding:0;overflow: hidden;} .sect_about .about .aboutt {padding: 0;overflow: hidden;margin-bottom: 25px;border-bottom: 1px solid #848282;} .sect_about .about .aboutt a {display: block;color: #2a2a2a;font-size: 48px;line-height: 110px;} .sect_about .about .aboutcon {padding: 0;overflow: hidden;margin-bottom: 40px;} .sect_about .about .aboutcon,.sect_about .about .aboutcon p {color: #393838;font-size: 16px;line-height: 30px;} .sect_about .about .aboutnav {padding: 0;overflow: hidden;} .sect_about .about .aboutnav .tnav_item {padding: 20px;overflow: hidden;background: #013587;position: relative;z-index: 1;} .sect_about .about .aboutnav .tnav_item a {display: block;width: 100%;height: 100%;} .sect_about .about .aboutnav .tnav_item a:after {content: "honor";font-size: 54px;color: #6f81ad;line-height: 90px;position: absolute;top:0;left: 20px;z-index: -1;text-transform: uppercase;font-family: "impact";} .sect_about .about .aboutnav .at2 a:after {content: "culture";} .sect_about .about .aboutnav .tnav_item span {display: inline-block;color: #fff;font-size: 30px;font-weight: bold;line-height: 70px;width: 75%;text-align: center;border-right: 1px solid #fff;} .sect_about .about .aboutnav .tnav_item i {display: inline-block;color: #fff;font-size: 30px;font-weight: bold;font-style: normal;line-height: 50px;text-align: right;width: 20%;} .sect_about .about .aboutnav .tnav_item:hover {background: #013587;} .sect_about .about .aboutnav .tnav_item:hover a:after {color: #6f81ad;} /*�後�喝��*/ .sect_news {padding: 3rem 0 0;overflow: hidden;} .news-brow {padding:0;overflow: hidden;} .news-brow .ul-news .news-li {padding: 80px 30px;overflow: hidden;margin-bottom: 20px;background: #fff;position: relative;z-index: 0;border:1px solid #e3e3e3;} .news-brow .ul-news .news-li:after {content:"";position: absolute;left: 0;right: 0;bottom: 0px;top:0;/*background: url(/uploads/image/szwimg/xwbg.jpg) no-repeat top center;background-size: cover;*/opacity: 0;background: #013587;} .news-brow .ul-news .news-li a {display: block;position: relative;z-index: 2;} .news-brow .ul-news .news-li .news-cont {padding:0;overflow: hidden;} .news-brow .ul-news .news-li .news-cont span {display: block;color: #1f1f1f;font-size: 18px;font-weight: normal;text-transform: uppercase;line-height: 40px;margin-bottom: 15px;} .news-brow .ul-news .news-li .news-cont span strong {color: #3b3c3d;font-size: 40px;margin-right: 10px;} .news-brow .ul-news .t {color: #0d0d0d;font-size: 18px;font-weight: normal;text-transform: uppercase;line-height: 35px;} .news-brow .ul-news .news-cont p {color: #919191;font-size: 16px; line-height: 30px; margin-bottom: 20px;min-height: 120px;} .news-brow .ul-news .news-cont .nmore {color: #2a2a2a;font-size: 14px; line-height: 30px;text-transform: uppercase;} .news-brow .ul-news .news-cont .nmore i {display: inline-block;width:23px;height: 6px;background: url(/uploads/image/szwimg/circle.png) no-repeat center;background-size: contain;vertical-align: middle;margin-left: 10px;} .news-brow .ul-news .news-li:hover:after {opacity: 1;transition: all 0.5s;} .news-brow .ul-news .news-li:hover span,.news-brow .ul-news .news-li:hover span strong ,.news-brow .ul-news .news-li:hover h3,.news-brow .ul-news .news-li:hover p,.news-brow .ul-news .news-li:hover .nmore {color: #fff;} @media screen and (max-width:1450px){ .sect_pro .prolist .protj {margin-bottom: 10px;} .sect_pro .prolist .protj h2 {margin-bottom: 15px;} .sect_ys .ysbox .ysitem h2 {font-size: 18px;} .sect_hj .hjlist {height: 450px;} .sect_hj .hjlist .hj-li a {height: 356px;} } @media screen and (max-width:1200px){ }