@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){ 
	
	
}