@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.x-col-12{width: 100%;}
.x-col-8{width: 66.66667%;}
.x-col-6{width: 50%;}
.x-col-4{width: 33.33333%;}
.x-col-2{width: 16.66666%;}
.is-main{color: #666666;font-family: MicrosoftYaHei;background-color: #fdfdfd;padding-top: 45px;}
.text-ell{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 标题 */
.m-new{height: 90px;background: url(../images/home/stamp.png) left center no-repeat;}
.m-new>a{display: block;width:90%; margin: 0 auto;}
.m-new h1{font-size: 40px;line-height: 48px;color: #d50000;width: 100%;margin:0 auto;text-align:center;}
.m-new h1:hover{cursor: pointer;}
.m-new .m-new-list{width: 88%; margin: 0 auto;}
.m-new .m-new-list li{padding-left: 10px;padding-right: 10px;background: url(../images/public/dot.png) left center no-repeat;}
.m-new .m-new-list a{font-size: 16px;color: #666666;line-height: 48px;}
/* 轮播 */          
.m-content1{margin-top: 20px;}
.m-left{width: 740px; height: 450px;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 446px;}
.g-flash img{display: block; width: 100%;transition: all linear .3s }
.g-flash img:hover{transform: scale(1.1);}
.g-flash li,.g-flash li a{position: relative;}
.g-flash li a{display: block;}
.g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 130px 0 18px;font-size: 18px; line-height: 50px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;  color: #fff;background: url(../images/home/bg-op50.png) center center no-repeat;}
.g-flash .hd{position: absolute; right: 20px; bottom: 16px;font-size: 0;}
.g-flash .hd ul li{float: left; margin-left: 10px; width: 12px; height: 12px;  background: #ffffff;border-radius:50%;opacity: 0.43;}
.g-flash .hd ul li.on{opacity: 1;}
/* tab-切换 */
.m-right{width: calc(100% - 740px);height: 450px;overflow: hidden;padding-left: 30px;}
.m-tab-img{background: url(../images/home/tit-bg.png) left center no-repeat;}
.m-tabstyle1{height: 60px;line-height: 60px;}
.m-tabstyle1 li{float: left;padding-left: 20px; padding-right:34px; text-align: center;}
.m-tabstyle1 li a{display: block; font-size: 24px; font-family: MicrosoftYaHei; }
.m-tabstyle1 li.u-active a{color: #bc0c00;font-family: MicrosoftYaHei-Bold;font-weight: bold;}
.m-tabstyle1 .more{float: right; font-size: 16px; color: #999; line-height: 40px;}
.m-tabstyle1 .more:hover{color: #bc0c00;}
.m-content1 .m-tabstyle1 li.u-active{background: url(../images/home/tit-icon.png) 0px center no-repeat}

.g-news{margin-top: 10px;}
.bg-tit{height:120px;border-bottom: 1px dashed#e6e6e6;padding-top: 10px;}
.bg-tit .main-title{text-align:center;font-family:MicrosoftYaHei-Bold;font-size:24px;height:48px;line-height:48px;color:#333333;}
.bg-tit .main-title:hover{color: #bc0c00;}
.bg-tit .subtitle{text-indent:2em;font-size:16px;line-height:24px;color:#999999;}

/* 列表 */
.m-liststylecom li{height: 48px; line-height: 48px;font-size: 18px;overflow: hidden;position: relative;padding-left: 14px;background: url(../images/public/dot.png) left center no-repeat;transition: padding .3s;}
.m-liststylecom li a{color: #333333;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li span{float: right; font-size: 16px;color: #999999;}
.m-liststylecom li img{margin-left: 10px; vertical-align: middle;}
.m-liststylecom li:hover{padding-left: 20px;color: #bc0c00;}
.m-liststylecom li:hover a{color: #bc0c00;}
.m-liststylecom-1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.m-liststylecom-1 li{width:49%;height: 38px; line-height: 38px;}

.m-liststylecom-2 ul{display:flex;justify-content:center }
.m-liststylecom-2 li{width:30%;margin:0 1%;background: url(../images/index/dotred.png) left center no-repeat;}
.m-liststylecom-2 li a{font-size: 15px;color:#808080}

/* 市局动态 县市区动态*/
.m-content2{height: 360px;overflow: hidden;}
.m-content2 .x-col-4{width: calc(33.33333% - 22px);}
.m-content2 .x-col-4:not(:last-child){margin-right: 33px;}
.m-content2 .m-tabstyle1{border-bottom:1px solid#dddddd;font-family: MicrosoftYaHei-Bold;height: 48px;line-height: 48px;color: #333333;background: url(../images/home/tit-icon.png) left center no-repeat;}
.m-content2 .m-tabstyle1 li.u-active a {color: #333333;}
.m-content2 .m-tabstyle1 li:hover a{color: #bc0c00;}
.m-content2 .m-tabstyle1 .more{line-height: 48px;}
.m-content2 .m-notice{height: 100%;border: solid 1px #e5e5e5;padding: 20px;background-color: #fbfbfb;}
.m-content2 .m-tit{color: #333333;font-size: 24px;line-height: 40px;text-align: center;font-family: MicrosoftYaHei-Bold;}
.m-content2 .m-notice .m-liststylecom{height: calc(100% - 40px);overflow: hidden;}
.m-content2 .m-notice .m-liststylecom li{height: 46px;line-height: 46px; background: url(../images/home/noti-icon.png) left center no-repeat;padding-left: 30px;}

/* 专题 */
.m-zhuanti{margin-top: 40px;}
.zt-title a{display:block;width:42px;height:130px;padding: 17px 12px;line-height: 24px;font-size: 18px;color: #ffffff;background-color:#b02016;font-family: MicrosoftYaHei-Bold;font-weight: bold;}
.g-flash1{width: calc(100% - 52px); height: 130px;margin-left: 10px;}
.g-flash1 .bd{overflow: hidden;}
.g-flash1 .owl-item,.g-flash1 img{height: 130px;}
.g-flash1 img{display: block; width: 100%;height: 100%; object-fit: cover;transition: all linear .3s; }
.g-flash1 img:hover{transform: scale(1.1);}
.g-flash1 li{width: 325px;float: left;margin-right: 16px;}
.g-flash1 li a{display: block;width: 325px;overflow: hidden;}

/* 组织建设... \ 能效建设... */
.m-content4{margin-top: 10px;padding-bottom:42px;}
.m-content4 .x-col-8{width: calc(66.666667% - 20px);margin-right: 20px;}
.m-content4>.x-col-4{width: calc(33.333333% - 20px);margin-left: 20px;margin-top: 10px}
.m-content4 .x-col-8 .x-col-6{width: calc(50% - 20px);margin-top: 30px;}
.m-content4 .x-col-8 .x-col-6:nth-child(2n+1){margin-right: 40px;}
.m-content4 .m-tabstyle1{height: 48px;line-height: 48px;}
.m-content4 .m-tabstyle1 li{padding-left: 0px;}
.m-content4 .m-tabstyle1 img{vertical-align: middle;margin-right: 10px;}
.m-content4 .more{line-height: 48px;}
.m-content4 .g-news>a{display: block;position: relative;width: 100%;height: 255px;overflow: hidden;}
.m-content4 .g-news img{width: 100%;height:100%;object-fit: cover;transition: all linear.3s;}
.m-content4 .g-news>a>p{position: absolute;width: 100%;padding:0 10px;bottom: 0;line-height: 48px;font-size: 16px;color: #ffffff;}
.m-content4 .x-col-8 .m-liststylecom{margin-top: 20px;}
.m-content4 .x-col-8 .m-liststylecom li{border-bottom:1px dashed #e6e6e6;}
.m-content4 .m-right-list{height:454px;background-color:#fbfbfb;border:solid 1px #e5e5e5;overflow:hidden;}
.m-content4 .x-col-4 .m-tit{height: 53px;line-height: 53px;background-color: #bc0c00;text-align: center;font-family:MicrosoftYaHei-Bold;font-size:24px;color:#fefefe;}
.m-content4 .x-col-4 .m-liststylecom{padding: 20px 30px 20px 20px;}
.m-content4 .x-col-4 .x-col-12{margin-top: 20px;}
.m-content4 .m-xjsj{height: 357px;overflow: hidden;background-color:#fbfbfb;border:solid 1px #e5e5e5;}
.g-flash3{width: 100%;padding: 20px 20px 16px;}
.g-flash3 .bd{overflow: hidden;}
.g-flash3 img{display: block; width: 100%;height: 213px; object-fit: cover;transition: all linear .3s; }
.g-flash3 img:hover{transform: scale(1.1);}
.g-flash3 li{width: 405px;float: left;margin-right: 16px;}
.g-flash3 li a{display: block;width: 405px;overflow: hidden;}
.g-flash3 li p{font-size:18px;line-height:48px;color:#333333;}
.g-flash3 .next{right: 20px;background: url(../images/home/arrow-right.png);top: 38%;position:absolute;width: 20px;height: 40px;}
.g-flash3 .prev{left: 20px;background: url(../images/home/arrow-left.png);top: 38%;position:absolute;width: 20px;height: 40px;}

/* 友情链接 */
.friends-link{height:85px;line-height: 85px;background-color:#fbfbfb;}
.friends-link .is-link{width:60px;height:85px;padding: 12px;background-color:#ececec;color:#bc0c00;line-height:30px;font-size:18px;}
.friends-link li{float: left;}
.friends-link .normal-link li{padding-left: 35px;font-size: 18px;}

/*1366*768 pcScreen*/
@media (max-width:1399px) {
}
@media (max-width: 1240px) {
    .friends-link{height: auto;}
}
@media (max-width: 1199px) {
    .container, .x-container,.friends-link .station-list{width: 100%;}
}

@media (max-width: 991px) {
    .container, .x-container{padding-left: 15px; padding-right: 15px;}
    .is-top,.m-right,.bg-tit,.m-content2{height: auto;}
    .m-new h1{margin-left: 58px;}
    .m-new .m-new-list{width: 72%;}
    .m-new .m-new-list li,.m-left,.m-right,.m-content2 .x-col-4,.m-content4 .x-col-8,.m-content4 .x-col-8  .x-col-6,.m-content4 .x-col-4{width: 100%;}
    .m-left,.g-flash,.g-flash img{height: 360px;}
    .m-right{margin-top: 20px;padding-left:0;}
    .m-tabstyle1 li{padding-right: 0px;padding-left: 10px;}
    .m-tabstyle1 li a{font-size: 20px;}
    .m-content4>.x-col-4{margin-left: 0px;}
    .friends-link{line-height: 40px;}
    .friends-link>div{display: flex;}
    .friends-link .is-link{height: auto;padding-top: 50px;}
    .friends-link .normal-link{width: calc(100% - 60px);}
}
@media (max-width: 767px) {
    .m-left, .g-flash, .g-flash .owl-item, .g-flash img{height: 260px;}
    .g-flash2 .tempWrap{width: 250px !important;} 
}
@media (max-width: 365px) {
    .m-tabstyle1 li a{font-size: 18px;}
}