@charset "utf-8";
/* CSS Document */
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("common.css");
@import url("top.css");
@import url("footer.css");




em,i{ font-style:normal}
/*banner大图*/
.banner  {width: 100%;overflow: hidden;z-index:1;position: relative}
.banner .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;

      /* 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;  float:left;
    }
/*.banner .swiper-slide a{ width:100%}*/
 .swiper-slide img{width:100%;height:auto}
.banner .swiper-pagination-bullets{ bottom:20px}
.swiper-pagination-bullet {width:10px;height:10px;display: inline-block;border-radius:50%;background:none; border:1px solid #fff;opacity:0.5;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-pagination-bullet-active {background:#fff;opacity:1;}
.banner .swiper-button-prev{ background:url(../images/left-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; left:-30px;top:50%; margin-top:-35px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}
.banner .swiper-button-next{ background:url(../images/right-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; right:-30px;top:50%; margin-top:-35px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}
.banner:hover .swiper-button-prev{ opacity: 1; left:15px;}
.banner:hover .swiper-button-next{ opacity: 1; right:15px;}

.row{ margin:4.5% -15px}

/*通知公告*/
.notice{ border-bottom:1px solid #e9e9e9; height:64px}
.notice .row{ margin:0}
.notice_title{  font-size:18px;color:#333; height:63px; line-height:63px; overflow:hidden; width:10%; float:left}
.notice_title i{width:24px;height:63px; line-height:63px; display:inline-block; float:left; margin-right:5px; background:url(../images/ico1.png) left center no-repeat; padding-left:30px}
.notice_cont{ width:90%; float:left;}
.notice_slider { width:100%; margin-left:0; float:left; height:63px;}
.notice_slider .swiper-slide{ text-align:left;justify-content:flex-start; width:99%; display:block; line-height:63px}
.notice_slider .swiper-slide a{ font-size:18px;color:#333; /*width:86%;text-overflow: ellipsis;*/overflow: hidden;white-space: nowrap;}
.notice_slider .swiper-slide a em{ font-weight:bold;position:relative; margin:0 10px 0 10px; padding-right:10px}
.notice_slider .swiper-slide a em::after{content: '';position: absolute;width:1px; height:14px; background-color:#999; top:2px; right:0;}
.notice_slider .swiper-slide span{font-weight:normal; font-size:18px;color:#333; margin-left:6px}
.notice_slider_btn{ float:left; width:3%; margin-top:20px}
.notice_slider_btn i{ font-size:30px;color:#999}

/*焦点图和新闻*/
.focus_box{ width:65.7%; float:left}
.focus_list a{ position:relative; display:block}
.focus_list a img{width:100%; height:auto}
.focus_list a p{ width:100%; padding:0 4%;position:absolute; bottom:0;height:80px;color:#fff; background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.6));
background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.6));background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,.6));
FILTER:alpha(opacity=6) 
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#000000);}
.focus_list a p span{font-size:18px; line-height:30px; margin-top:30px }
.focus_list a p i{ font-size:16px; margin-top:30px}
.focus_title{width:31.4%; float:right}
.focus_title li{ border-top:1px solid #ebebeb; padding:4%}
.focus_title li:last-child{ border-bottom:1px solid #ebebeb}
.focus_title li a{ font-size:24px; line-height:36px; height:72px; overflow:hidden}
.focus_title li span{ font-size:12px;color:#7d7d7d; display:block; margin-top:14px}
.focus_title li:hover,.focus_title li.on{ background-color:#174198;color:#fff; cursor:pointer}
.focus_title li:hover a,.focus_title li:hover span,.focus_title li.on a,.focus_title li.on span{color:#fff}

/*项目展示*/
.title{ text-align:center; margin-top:2%}
.title h2{font-size:42px; font-weight:bold;color:#333}
.title h2 em{color:#174198; margin-left:10px}
.project{  background-color:#F7F7F7; margin-top:2%}
.project_item a{ display:block;border-bottom: 1px solid #e0e0e0; text-decoration: none; position: relative;background-color:#fff;}
.project_item a img{ width:100%;}
.project_item a::before{
	content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 0px;
    background: #014099;
    left: 0;
    bottom: -1px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;}
.project_item .project_info{ padding:25px}
.project_item .project_info h4{ font-size:24px; height:72px; overflow:hidden; line-height:36px}
.project_item .project_info p{  font-size:14px; line-height:22px; height:66px; overflow:hidden;color:#9A9A9A ; margin-top:8px;}
.project_item .project_info span{ font-size:12px;color:#404040; margin-top:30px; display:block}
.project_item a:hover .project_info h4{color:#333}
.project_item a:hover::before{width:100%;height:4px;bottom: -4px;}

.speed{ margin-top:3%; background-color:#F7F7F7}

.speed .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #f7f7f7;

      /* 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;
	  transition: 300ms;
	 /* transform: scale(1);*/
}
.speed .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}

.speed .speed_item{ position:relative}
.speed .speed_item:hover{ cursor:pointer}
.speed .speed_item .speed_item_info{width: 100%;height:100%;position: absolute;bottom: 0px;z-index: 1;background: url(../images/bj.png) left bottom repeat-x; opacity:0}
.speed .speed_item .speed_item_info h3{color:#fff; font-size:44px; position:absolute; bottom:30px; left:30px}
.speed .hover .speed_item_info{opacity:1;width:100%;height:100%; position:absolute;bottom:0px;}
.speed .swiper-pagination{color:#fff; font-size:28px}

.speed_btn_prev,.speed_btn_next{ position:absolute; top:50%; margin-top:-3em; z-index:4}
.speed_btn_prev img,.speed_btn_next img{ width:100%; opacity:.6; FILTER: alpha(opacity=60);-moz-opacity: 0.6;}
.speed_btn_prev:hover img,.speed_btn_next:hover img{opacity:1; FILTER: alpha(opacity=100);
-moz-opacity:1;}
.speed_btn_prev{left:0px;}
.speed_btn_next{right:0px}

/*党群工作*/
.partybox{border-right:1px solid #ECECEC; margin-top:3%}
.party{padding:0 20px}
.partybox:last-child{ border-right:0}
.time{width:76px; height:76px; border-radius:12px; background-color:#dee4f0; float:left;color:#174198; margin-right:20px}
.time i{ font-size:28px; text-align:center; display:block; margin-top:12px; line-height:30px}
.time em{ font-size:14px; text-align:center;  display:block}
.party_title h4{ line-height:36px; margin-top:2px; font-size:24px;}
.party_cont{ margin-top:30px}
.party_cont dd{ font-size:14px;color:#7d7d7d;line-height:28px; height:168px; overflow:hidden}
.party .more{ font-size:16px;color:#174198; margin-top:36px; display:block;background:url(../images/ico2.png) 70px center no-repeat;}
/*安全生产*/
.safe{ margin-top:3%}
.safe ul li { border-top:1px solid #ececec; padding:30px}
.safe ul li:hover{ background-color:#f7f7f7}
.safe ul li .safe_pic{ width:22%;}
.safe ul li .safe_pic img{ width:100%}
.safe ul li .safe_text{ width:72%; margin-left:32px}
.safe ul li .safe_text h4{ line-height:36px; font-size:24px; margin-top:5px}
.safe ul li .safe_text p{ line-height:14px;color:#7d7d7d; line-height:25px; height:50px; overflow:hidden; margin-top:10px}
.safe ul li .safe_text span{ font-size:12px;color:#404040; margin-top:24px; display:block}
.safe .more_btn{ border-top:1px solid #ececec; text-align:center}
.safe .more{width:120px; height:40px; background-color:#174198; text-align:center; line-height:40px; color:#fff; font-size:14px; display:inline-block; margin-top:30px}

.news_box{ overflow:hidden; display:flex; margin-top:40px;justify-content: space-between;}
.news_pic_item{ flex:0 0 31.5%;}
.news_pic_item_pic{overflow:hidden;}
.news_pic_item img{ width:100%; height:320px;object-fit: cover;transition:all 0.6s; }
.news_pic_item_name a{ font-size:20px; color:#252525; margin-top:10px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; line-height:35px;}
.news_pic_item:hover img{transition:all 0.6s;transform: scale(1.1); }
.news{ margin-top:30px; overflow:hidden; }
.news ul{ padding:0px; margin:0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.news ul li{flex:0 0 48%;}
.news ul li a{ font-size:20px; color:#252525; line-height:45px;background: url(../images/small.png) no-repeat left center; padding-left:15px;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}