@charset "utf-8";
/*公共样式*/
.home_main{margin: 80px auto;}
.home_title{text-align: center;margin-bottom: 80px;font-size: 36px;line-height: 0;font-weight: bold;}
.home_title span{position: relative;z-index: -1;display: block;font-size: 70px;text-transform: uppercase;color: rgb(243,243,243,.5)}
.home_title p{position: relative;z-index: 1;font-weight: bold;}

/*电工培训*/
.home_pro{width: 100%;}
.home_pro .proC dl{margin-bottom: 20px;text-align: center;}
.home_pro .proC dl a{display: inline-block;padding: 10px 40px;border-radius: 50px;margin: 0 4px;border: 1px solid #d9d9d9;transition: all .3s ease;}
.home_pro .proC dl a.on,.home_pro .proC dl a:hover{background-color: #0b57d0;color: #fff;}
.home_pro .proC ul{height: 0;width: 0;overflow: hidden;opacity: .7;filter: Alpha(opacity=70);transform: scale(0.9);transition: all 0.5s cubic-bezier(0.23,1,0.32,1);}
.home_pro .proC ul.active{height: auto;width: auto;opacity: 1;filter: Alpha(opacity=100);visibility: visible;transform: scale(1);}
.home_pro .proC ul li{float: left;width: 31.33%;margin-top: 25px;margin-left: 2%;box-sizing: border-box;overflow: hidden;height: 330px;border-radius: 8px;}
.home_pro .proC ul li:nth-child(3n-2){margin-left: 0;}
.home_pro .proC ul li img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.home_pro .proC ul li:hover{border: 2px solid #0b57d0;box-sizing: border-box;}
.home_pro .proC ul li:hover img{transform: scale(1.08);}
@media screen and (max-width: 1400px){
    .home_pro .proC ul li{height: 260px;}
}

/*焊工培训*/
.home_pro2{background: url(../images/probg.jpg) no-repeat center;background-size: cover;padding: 80px 0;}
.home_pro2 .home_title span{color: rgb(221,231,249,.6);}
.home_pro2 .proC ul li{width: 23%;height: 440px;}
.home_pro2 .proC ul li:nth-child(3n-2){margin-left: 2%;}
.home_pro2 .proC ul li:nth-child(4n-3){margin-left: 0;}
@media screen and (max-width: 1400px){
    .home_pro2 .proC ul li{height: 350px;}
}

/*焊接与热切割作业*/
.home_pro3 .proC ul li{width: 48%;height: 400px;}
.home_pro3 .proC ul li:nth-child(3n-2){margin-left: 2%;}
.home_pro3 .proC ul li:nth-child(2n-1){margin-left: 0;}
@media screen and (max-width: 1400px){
    .home_pro3 .proC ul li{height: 320px;}
}

/*消防设施操作员培训*/
.home_pro4 .section_five{overflow: hidden;width: 100%;}
.home_pro4 .section_five .ss3{width: 33.33%;margin: 0 2%;border-radius: 8px;overflow: hidden;}
.home_pro4 .section_five .ss3 a{display: block;}
.home_pro4 .section_five .ss3 a img{width: 100%;transition: .5s;}
.home_pro4 .section_five .swiper-pagination-bullets{width: 160px;height: 13px;text-align: center;border-radius: 50px;margin: 30px auto 0;}
.home_pro4 .section_five .swiper-pagination-bullet{background: #000;vertical-align: super;transition: all ease .3s;}
.home_pro4 .swiper-pagination-bullet-active{width: 25px !important;border-radius: 5px !important;background-color: #0b57d0 !important;border-color: #0b57d0 !important;}
.home_pro4 .section_five .ss3:hover{border: 2px solid #0b57d0;box-sizing: border-box;}
.home_pro4 .section_five .ss3:hover a img{display: block;transform: scale(1.1);}

/*消防安全管理员培训*/
.home_pro5{background: #eef3fc;padding: 80px 0;}
.home_pro5 .home_title span{color: rgb(221,231,249,.6);}
.home_pro5 .proC ul li{width: 23%;height: 400px;}
.home_pro5 .proC ul li:nth-child(3n-2){margin-left: 2%;}
.home_pro5 .proC ul li:nth-child(4n-3){margin-left: 0;}

/*关于我们*/
.home_about{width: 100%;background: url(../images/abbg.jpg) no-repeat center;background-size: cover;padding: 80px 0;}
.home_about .home_title span{color: rgb(243,243,243,.1)}
.home_about .home_title p{color: #fff;}
.home_about .left{width: 48.5%;overflow: hidden;border-radius: 8px;height: 560px;padding: 50px;box-sizing: border-box;background: #fff;}
.home_about .left h2{font-size: 18px;font-weight: bold;color: #666;margin-bottom: 18px;}
.home_about .left p{text-indent: 24px;color: #666;}
.home_about .left ul{margin-top: 30px;}
.home_about .left ul li{float: left;width: 33.33%;}
.home_about .left ul li h3{color: #0b57d0;font-size: 60px;font-weight: bold;line-height: 1;margin-bottom: 4px;float: left;}
.home_about .left ul li span{font-size: 14px;display: block;float: left;margin-left: 4px;margin-top: 30px;}
.home_about .left a{display: block;background: url(../images/abmore.png) no-repeat center left;height: 48px;line-height: 48px;padding-left: 58px;box-sizing: border-box;margin-top: 40px;font-size: 15px;}
.home_about .left a:hover{color: #0b57d0;}
.home_about .right{width: 48.5%;overflow: hidden;border-radius: 8px;height: 560px;}
.home_about .right img{display: block;width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width: 1400px){
    .home_about .left ul li h3{font-size: 40px;}
}

/*新闻中心*/
.home_news{width: 100%;}
.home_news .newsL{width: 46%;}
.home_news .newsL .img{border-radius: 10px;overflow: hidden;height: 340px;}
.home_news .newsL .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.home_news .newsL h2{font-size: 18px;font-weight: bold;margin-top: 15px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_news .newsL p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home_news .newsL:hover .img{border: 2px solid #0b57d0;box-sizing: border-box;}
.home_news .newsL:hover .img img{transform: scale(1.08);}
.home_news .newsL:hover h2{color: #0b57d0;}
.home_news .newsR{width: 50%;}
.home_news .newsR ul li{width: 100%;border-bottom: 1px solid #dddddd;padding-bottom: 36px;margin-bottom: 36px;}
.home_news .newsR ul li .time{width: 10%;text-align: center;padding-top: 10px;}
.home_news .newsR ul li .time span{display: block;font-size: 36px;font-weight: bold;line-height: 1.2;}
.home_news .newsR ul li .txt{width: 88%;}
.home_news .newsR ul li .txt h2{font-size: 16px;font-weight: bold;height: 30px;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home_news .newsR ul li .txt p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home_news .newsR ul li:hover{border-bottom: 1px solid #0b57d0;}
.home_news .newsR ul li:hover .time{color: #0b57d0;}
.home_news .newsR ul li:hover .txt h2{color: #0b57d0;}