@charset "utf-8";
/* CSS Document */
.header{ width:100%;}
.header_top{ width:100%; position:relative; background:#810416; height:40px;}
.header_inner{ width:1400px; margin:0 auto; position:relative; padding:0 15px;}
.top_left{ float:left; line-height:40px; color:#fff; font-size:14px;}
.top_left a{ display:inline-block; padding:0px 15px; color:#fff; font-size:14px;}
.top_left a:hover{ color:#fab50e;}
.top_right{ float:right; line-height:40px; color:#fff;}
.top_right a{ display:inline-block; padding:0px 15px; color:#fff; font-size:14px;}
.top_right a:hover{ color:#fab50e;}


.layout{ width:1440px; margin:0 auto; }

.header_vel{ background:#98061b; height:130px;}
.logo{ float:left; overflow:hidden; padding-top:15px;}
.sou{ width:280px; float:right; position:relative; margin-top:44px;}
.inputBox_02{ width:238px; height:32px; float:left; background:#fff; border:none;color:#999999;font-size:100%; text-indent:15px; line-height:32px;}
.searchBox_01{ background:url(../images/sou_03.jpg) no-repeat; width:42px; height:32px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


/*=================导航=================*/
.nav{ width:100%; height:60px; background:#810416;}
.nav_item{ float:left; text-align:center; height:60px; position: relative; z-index: 100; width:10%;}
.nav_item a{ width:100%; color:#fff; font-size:18px; display:block; line-height:60px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:-20%; overflow: hidden; width:140%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#D40202; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #840c0f; color:#FFF; text-decoration: none; font-size:17px; height:50px; line-height:50px;}
.hover .nav_item_sub a:hover{ background: #bc0000; color:#ffd300;}


/*================= banne===================*/
.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:10px;  z-index:1; text-align:center;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }

.g-banner .slideBox .hd ul li{  margin:0px 3px;  width:12px; height:12px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; 
border-radius:50px; background:#FFF;}
.g-banner .slideBox .hd ul li.on{ background:#dc3200 !important; color:#fff;width:12px; }
.g-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.g-banner .slideBox .bd img{ width:100%; height:auto; display:block; position:relative;}



/*================= 新闻  公告===================*/
.header_news{ padding:40px 0; overflow:hidden; background:#FFF; width:100%;}
.xwdt{ width:100%;}
.xwdt_top{ width:100%; overflow:hidden;}
.xwdt_top span{ float:left; color:#a51c30; font-size:20px; font-weight:bold;}
.xwdt_top .more{ float:right; color:#a51c30; font-size:14px; width:90px; height:33px; background:url(../images/more_03.png) no-repeat; line-height:33px; text-align:center;}
.xedt_nav{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;}

.card-type {margin-bottom:16px;}
.card-type .fl {color:#333;}
.card-type .fl .tit {font-weight:bold;}
.card-type .fl .tit span {color:#D40202;}
.card-type .more {color:#999;}
.card-type .more i {font-size:14px;margin-left:4px;}
.card-type .more:hover {color:#D43030;}
.card-type .en {margin-top:4px;font-size:12px;width:100%;}
.card-type .en i {width:32px;height:2px;background:#D40202;margin-right:8px;}
.card-type .en .line {height:1px;background:#D8D8D8;margin-left:10px;}




.news_flash{width:60%; overflow:hidden; position:relative;}
.news_flash .hd{ position:absolute; z-index:999; bottom:16px; right:20px;}
.news_flash .hd ul li{ width:6px; height:6px; float:left; box-sizing:border-box; border:1px solid #fff; border-radius:50%; margin:0 3px; cursor:pointer;}
.news_flash .hd ul li.on{ background:#fff;}
.news_flash .bd ul li{ position:relative; width:100%; height:550px; overflow:hidden;}
.news_flash .bd ul li .img{ overflow: hidden; width: 100%; height: 100%;}
.news_flash .bd ul li img{ width:100%; height:100%; transition: all 1s ease-out;}
.news_flash .bd ul li img:hover{ transform: scale(1.3);}
.news_flash .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:40px; height:40px; background: rgba(0,0,0,0.5);}
.news_flash .bd ul li .mask h5{ width:70%; font-size:18px; color:#fff; margin-left:20px; display:block;}

.news_right{ width:40%; padding-left: 30px;}
.news_right ul li{ width:100%; overflow:hidden;position: relative;padding: 17px 0 17px 12px;border-bottom: 1px dashed #E5E5E5;}
.news_right ul li::before {content:"";width:4px;height:4px;background:#D40202;border-radius:50%;position:absolute;top:50%;left:0;}
.news_right ul li a{display: flex;justify-content: space-between;}
.news_right ul li a .tit:hover{color:#d13d3b;}
.news_right ul li .tit{color: #333; font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_right ul li .time{flex-shrink: 0;color: #999;margin-left: 35px;}


.tzgg{ width:30%; float:right; overflow:hidden;}
.tzgg_top{ width:100%; overflow:hidden;}
.tzgg_top span{ float:left; color:#a51c30; font-size:20px; font-weight:bold;}
.tzgg_top .more{ float:right; color:#a51c30; font-size:14px; width:90px; height:33px; background:url(../images/more_03.png) no-repeat; line-height:33px; text-align:center;}
.tzgg .tzgg_nav{ margin-top:12px; overflow:hidden;}
.tzgg .tzgg_nav ul li{ height:55px; width:100%; margin-top:15px;}
.tzgg .tzgg_nav ul li .date{ width:60px; height:55px; float:left; margin-right:14px; border:1px #cb7373 solid;}
.tzgg .tzgg_nav ul li .date h4{ width:100%; text-align:center; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#fff; background:#a00000; float:left;}
.tzgg .tzgg_nav ul li .date h6{ width:100%; height:25px; line-height:25px; text-align:center; color:#a00000; float:left;}
.tzgg .tzgg_nav ul li a{ font-size:18px; color:#333; line-height:30px;}
.tzgg .tzgg_nav ul li a:hover{ color:#d13d3b;}

.djgz{ width:31.3%; float:right;}



.header_oper{ padding:40px 0; overflow:hidden; background:#FFF;}
.wktk{ width:30%; float:right; overflow:hidden;}
.wktk_cen{ padding-top:20px; overflow:hidden;}
.wktk_cen img{ width:100%; height:310px;}
.fhzs{ width:30%; float:left; margin-left:2.5%;}
.fhzs_cen{ width:100%;}


.fhzs_cen ul li{ width:100%; overflow:hidden;position: relative;padding: 17px 0 17px 12px;border-bottom: 1px dashed #E5E5E5;}
.fhzs_cen ul li::before {content:"";width:4px;height:4px;background:#D40202;border-radius:50%;position:absolute;top:50%;left:0;}
.fhzs_cen ul li a{display: flex;justify-content: space-between;}
.fhzs_cen ul li a .tit:hover{color:#d13d3b;}
.fhzs_cen ul li .tit{color: #333; font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fhzs_cen ul li .time{flex-shrink: 0;color: #999;margin-left: 35px;}


.px_flash{ float:left; width:34%; overflow:hidden; position:relative;}
.px_flash .hd{ position:absolute; z-index:999; bottom:16px; right:20px;}
.px_flash .hd ul li{ width:6px; height:6px; float:left; box-sizing:border-box; border:1px solid #fff; border-radius:50%; margin:0 3px; cursor:pointer;}
.px_flash .hd ul li.on{ background:#fff;}
.px_flash .bd{ margin-top:20px; overflow:hidden;}
.px_flash .bd ul li{ position:relative; width:100%; height:310px; overflow:hidden;}
.px_flash .bd ul li .img{ overflow: hidden; width: 100%; height: 100%;}
.px_flash .bd ul li img{ width:100%; height:100%; transition: all 1s ease-out;}
.px_flash .bd ul li img:hover{ transform: scale(1.3);}
.px_flash .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:40px; height:40px; background: rgba(0,0,0,0.5);}
.px_flash .bd ul li .mask h5{ width:70%; font-size:14px; color:#fff; margin-left:20px; display:block;}


/*================= 培训项目==================*/
.shpx{ background:#fdedef; padding:30px 0; overflow:hidden;}
.shpx .bd{ padding-top:23px; overflow:hidden; width:100%;}
.shpx .bd ul li{ width:25%; float:left;}
.shpx .bd ul li a{ display:block; padding:0 15px;}
.shpx .bd ul li .img{ width:100%; overflow:hidden; display:block;}
.shpx .bd ul li img{ width:100%; height:220px; transition: all 1s ease-out;}
.shpx .bd ul li img:hover{ transform: scale(1.3);}
.shpx .bd ul li p{ padding:15px; font-size:18px; color:#333333; display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; background:#FFF;}


.header_xxlb{ padding:40px 0; overflow:hidden; background:#FFF;}

/*================= 消防知识===================*/
.xfzs{ width:31.3%;}
.xfzs_cen{ width:100%;}

.xfzs_cen ul li{ width:100%; overflow:hidden;position: relative;padding: 17px 0 17px 12px;border-bottom: 1px dashed #E5E5E5;}
.xfzs_cen ul li::before {content:"";width:4px;height:4px;background:#D40202;border-radius:50%;position:absolute;top:50%;left:0;}
.xfzs_cen ul li a{display: flex;justify-content: space-between;}
.xfzs_cen ul li a .tit:hover{color:#d13d3b;}
.xfzs_cen ul li .tit{color: #333; font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xfzs_cen ul li .time{flex-shrink: 0;color: #999;margin-left: 35px;}



.xfgc{ width:31.3%; }

.about_cen{ width:100%; box-shadow: 0px 0px 8px 0px #f9e4e9; margin-top:20px; padding:10px 15px;}
.about_cen img{ width:100%;}
.about_cen p{ font-size:14px; line-height:26px; padding-top:10px; color:#666666;}

.xfgf{ width:33%;}
.xfimg{ width:28%; float:right;}
.xfimg img{ width:100%;}


/*底部*/
.bottom{background-color: #810416;color: #fff;height: 310px;margin-top: 10px;}
.bottom .t{display: block;margin: 30px 0 20px 0;color: #fff;font-size: 16px;}
.bottom .line{float: left;background-color: #960c20;width: 1px;height: 190px;margin: 75px 56px 0 0;overflow: hidden;}
.bottom .link{width: 345px;overflow: hidden;display: block;margin-right: 56px; line-height:30px; font-size:14px;}
.bottom .link a{ color:#FFF;}
.bottom .ab{width: 500px;overflow: hidden;margin-right: 56px;}
.bottom .ab p{font-size: 12px;line-height: 28px;}
.bottom .ab a{
    color: #fff;margin-top: 20px;
    display: block;font-size: 14px;
    width: 110px;height: 30px;
	line-height:30px;
    text-align: center;
    border: 1px solid #960c20;
}
.bottom .ab a:hover{color: #fff;}
.bottom .ct{width: 225px;overflow: hidden;font-size: 12px;}
.bottom .ct .ewm{margin-right: 20px;}
.bottom .ct span{width: 100px;line-height: 20px;margin-top: 10px;}

/*================= 友情链接===================*/
.link{ width:100%; overflow:hidden; padding-top:40px; padding-bottom:40px;}
.link_cen{ width:100%; overflow:hidden; padding-top:15px;}
.link_cen ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;}
.link_cen ul li{margin-right:2%;}
.link_cen ul li a{ display:block; text-align:center; line-height:48px; color:#666666; font-size:16px;}
.link_cen ul li a:hover{color:#810416;}

/*================= 分页===================*/
.pagination{ padding:20px 0 30px; text-align:center; line-height:24px;}
.pagination li{ display:inline-block; margin: 0 5px;}
.pagination li a{padding: 9px 15px;border: 1px solid #e4eaec;background: #fff;text-align: center;color: #76838f;}
.pagination li.active{ background:#98061b; color:#FFF;padding: 9px 15px;}


@media (max-width: 1299px){
	.layout{ width:1200px;}

}
@media (max-width: 1199px){
	body{ min-width:1200px;}
	.layout{ min-width:1200px;}
}