@charset "utf-8";
/* CSS Document */

/*home*/
.m-box1{padding: 20px 0;}
.g-flash,.g-flash img{height: 410px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item{position: relative;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 115px 0 10px; height: 50px; line-height: 50px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.2); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 15px; bottom: 20px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 9px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #4e4b4c; -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{width: 10px; background: #fff;}

.m-news-tab{margin:0 -20px;}
.m-tabstyle1{}
.m-tabstyle1 li{float: left;padding: 0 20px;height: 40px;line-height: 38px;}
.m-tabstyle1 li a{display: block; font-size: 26px; color: #b0b0b0;font-weight: bold;padding: 0 8px;}
.m-tabstyle1 li.u-active a{ color: #333333;    border-bottom: 3px solid #096cbb;}

.m-news-style{margin-top:10px;}
.m-news-style ul li{border-bottom: 1px solid #eaeaea;}
.m-news-style .u-day{display: block;height: 30px;line-height: 30px;margin-bottom: 6px;font-size: 30px;color: #b0b0b0;font-weight: bold;text-align: center;}
.m-news-style .u-ym{display: block;font-size: 12px;color: #b0b0b0;text-align: center;}
.m-news-list{padding:16px 0;}
.m-news-style .m-news-list div{width:80px;background: url(../images/home/bg-line.png) right center no-repeat;}
.m-news-style .m-news-list a{display: block;padding-left: 92px;background: url(../images/home/icon-nextto.png) right center no-repeat;    padding-right: 35px;}
.m-news-style .m-news-list a h2{height: 30px;line-height: 30px;display: block;overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-news-style .m-news-list a p{height:27px;line-height:27px;font-size: 12px;color: #747774;display: block;overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-box2{background: #f5f5f5;padding: 30px 0;}
.m-showCase{padding: 40px 0 25px 0;position: relative;}
.m-showSpecial {height: 285px;margin: 0 -16px;}
.g-showSpecial{}
.g-showSpecial .owl-item {padding: 0 16px;}
.g-showSpecial .u-item a{display: block;    position: relative;}
.g-showSpecial .u-item img{display: block; width: 100%; height: 216px;}
.g-showSpecial .u-item p{position:relative;display: block;font-size:16px;padding:20px 30px 20px 0;border-bottom: 1px solid #d9d9d9; text-align: left; line-height: 27px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-showSpecial .u-item p i{display: inline-block;position:absolute;right:0;top:22px;width: 27px;height: 27px;background: url(../images/home/icon-arrow-gray.png) center center no-repeat;}
.g-showSpecial .u-item:hover p{background-color:#06b222;color:#fff;padding:20px 38px 20px 10px;}
.g-showSpecial .u-item:hover p i{background: url(../images/home/icon-arrow-green.png) center center no-repeat;right: 10px;}
.g-showSpecial .owl-controls{display: block !important;}
.g-showSpecial  .owl-buttons  div{position: absolute;top: 50%;margin-top:-26px;width: 30px;height: 53px;}
.g-showSpecial  .owl-buttons .owl-prev{background: url(../images/home/bg-next.png) no-repeat;left: -40px;}
.g-showSpecial  .owl-buttons .owl-next{background: url(../images/home/bg-prev.png) no-repeat;right: -40px;}
/*党建之窗*/
.m-box3{padding: 40px 0;height: 395px;}
/*media query*/
/*large pcScreen*/
@media (min-width:1240px) {
   

}
/*big pcScreen*/
@media screen and (max-width:1239px) {
  

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
 

}
/*pad md*/
@media screen and (max-width: 991px ){
	.g-flash, .g-flash img{    height: 265px;}
    .m-tabstyle1 li{width: 25%;padding: 0;}
    .m-tabstyle1 li a{font-size: 20px;}

    .m-news-style{margin-top: 2px;}

    

    .g-showSpecial .owl-controls{display: none !important;}

    .m-box3{height: auto;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
  
   .m-tabstyle1 li a { font-size: 18px;}
}
/*small xs*/
@media screen and (max-width: 638px) {


}