@charset "utf-8";
/* 新闻资讯 */
.newsbox{margin-top: -90px;position: relative;z-index: 2;padding-bottom: 50px;}
.lftt{padding: 32px;background: #FAFAFA;font-size: 0;}
.lftt > *{display: inline-block;vertical-align: middle;font-size: 18px;}
.lftt i{width: 12%;}
.lftt .tt{width: 84%;margin-left: 4%;text-align: center;}
.lftt h2{font-size: 36px;font-weight: normal;margin-bottom: 10px;}
.lftt h2 a{color: #1C5468;}
.lftt .tt .memo{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwbox{margin-top: 10px;}
.mainbanner{width: 50%;overflow: hidden;position: relative;}
.newsswiper{width: 100%;height: 100%;}
.newsswiper .swiper-slide{position: relative;}
.newsswiper .swiper-slide img{height: 388px;width: 100%;}
.newsswiper .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;line-height: 56px;background: rgba(0, 0, 0,.3);}
.newsswiper .swiper-slide p a{color: #fff;font-size: 20px;width: 70%;padding-left: 20px;}
.newsswiper .swiper-pagination{width: 20%;right: 0;left: auto;bottom: 15px;}
.newsswiper .swiper-pagination-bullet{background: #fff;}
.news{width: 47%;}
/* 政府信息公开 */
.zfxxgkbox{padding: 56px 0;background: #FAFAFA;}
.lmname{font-size: 32px;line-height: 45px;}
.zcbox{margin-top: 40px;}
.zcbox .zc{position: relative;width: 48.4%;}
.zclist{margin-top: 15px;}
.zclist li{padding-left: 0;background: none;}
.zclist li i{color:#0F5A98;font-style: normal;}
.zcbox .xxgk{width: 49%;}
.xxgk .box1{font-size: 0;text-align: justify;text-align-last: justify;margin-top: -16px;width: 67%;}
.xxgk .box1 > div{display: inline-block;width: 47.2%;background: #fff;height: 170px;text-align: center;text-align-last: center;font-size: 16px;margin-top: 16px;}
.xxgk .box1 > div a{padding-top: 50px;}
.xxgk .box1 > div a,.xxgk .box2 a{display: block;width: 100%;height: 100%;}
.xxgk .box1 > div img{height: 32px;margin-bottom: 20px;}
.xxgk .box2{width: 30%;background: #fff;height: 356px;text-align: center;}
.xxgk .box2 a{padding-top: 85px;}
.xxgk .box2 img{margin-bottom: 36px;}
/* 政民互动 */
.zmhdbox{padding: 56px 0;}
.zmhd{margin-top: 40px;}
.mailbox{width: 50%;padding: 32px 24px 10px;background: #F0F7FF;}
.mail{background: url(../images/index/mailboxbg.png) no-repeat right top;}
.mail .mailtit{float: left;}
.mail .mailtit i{font-size: 32px;color: #0F5A98;font-style: normal;}
.mail .mailtit span{font-size: 24px;margin-left: 16px;}
.mail .wyxx{float: right;width: 125px;margin-right: 12px;;height: 42px;line-height: 42px;background: #fff;border-radius: 5px;text-align: center;}
.mail .wyxx a{display: block;color: #BF1329;}
.mail .wyxx span{margin-left: 10px;}
.mailinfo{padding:32px 32px 24px;margin-top: 28px;background: url(../images/index/mailinfobg.png) no-repeat;background-size: 100% 100%;}
.mailinfo .info{margin-top: 24px;background: #F5F9FF;padding: 20px;text-align: center;color: #0F5A98;}
.mailinfo .info .lxs{margin-top: 12px;}
.mailinfo .info i{font-size: 28px;font-style: normal;line-height: 32px;margin: 0 8px;}
.lxxd{position: relative;margin-top: 30px;}
.xjlist{margin-top: 15px;}
.zjdc{width: 47%;}
.zjdc > div{position: relative;}
.zjdclist li{margin-top: 26px;}
.zjdclist li .status{width: 60px;height: 60px;padding: 8px 14px;color: #fff;background: #ddd;display: inline-block;margin-right: 16px;}
.zjdclist li .status.on{color: #0F5A98;background: #F4F9FF;}
.zjdclist li .info{width: 85%;display: inline-block;vertical-align: top;}
.zjdclist li .info h3{font-weight: normal;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zjdclist li .info p{margin-top: 12px;color: #999;}
.zjdclist li .info .time{margin-right: 15px;}
.zjdc .wsdc{margin-top: 43px;}
/* 藏东明珠 */
.zdmzbox{padding: 56px 0 74px;background: url(../images/index/zdmzbg.png) no-repeat;background-size: 100% 100%;}
.lyjd{margin-top: 40px;}
.lyjd > div{float: left;width: 50%;text-align: center;background: #1A69AB;}
.lyjd > div.on{background: #0F5A98;}
.lyjd > div a{display: block;padding: 35px 0;color: #fff;}
.lyjd > div i{display: inline-block;width: 110px;height: 110px;border: 1px solid #fff;border-radius: 50%;margin-bottom: 12px;}
.lyjd > div img{height: 42px;margin-top: 34px;}
.lyjd > div:hover img{transform: rotateY(360deg);transition: all .5s linear;}
.lysx .item{position: relative;width: 15.68%;float: left;height: 400px;cursor: pointer;overflow: hidden;transition: all .5s;}
.lysx .item.on{width: 21.6%;}
.lysx .item.item1{background: url(../images/index/zdmz01.png) no-repeat top center;}
.lysx .item.item2{background: url(../images/index/zdmz02.png) no-repeat top center;}
.lysx .item.item3{background: url(../images/index/zdmz03.png) no-repeat top center;}
.lysx .item.item4{background: url(../images/index/zdmz04.png) no-repeat top center;}
.lysx .item.item5{background: url(../images/index/zdmz05.png) no-repeat top center;}
.lysx .item.item6{background: url(../images/index/zdmz06.png) no-repeat top center;}
.lysx .item .shadow{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;right: 100%;transition: all .5s;}
.lysx .item.on .shadow{right: 0;}
.lysx .item .info{position: absolute;width: 100%;text-align: center;z-index: 2;width: 100%;height: 100%;padding-top: 155%;transition: all .5s;}
.lysx .item .info i{display: inline-block;width: 110px;height: 110px;background: url(../images/index/chi.png) no-repeat center center;border-radius: 50%;}
.lysx .item.on .info{padding-top: 50%;}
.lysx .item.on .info i{border:1px solid #fff;}
.lysx .item.item2 .info i{background-image: url(../images/index/xing.png);}
.lysx .item.item3 .info i{background-image: url(../images/index/zhu.png);}
.lysx .item.item4 .info i{background-image: url(../images/index/you.png);}
.lysx .item.item5 .info i{background-image: url(../images/index/yu.png);}
.lysx .item.item5 .info{background: linear-gradient(180deg, rgba(22, 25, 40, 0) 0%, rgba(112, 153, 253, 0.23) 75.93%, rgba(28, 53, 203, 0.55) 100%);}
.lysx .item.item6 .info i{background-image: url(../images/index/gou.png);}
.lysx .item .info p{color: #fff;margin-top: 20px;}

.rightbar{position:fixed;right:0px;top: 35%;z-index:99;width:50px;padding:15px 10px;background:#fff;border-radius: 5px 0 0 5px;}
.rightbar .item{width:100%;margin-top:15px;}
.rightbar .item:first-child{margin-top:0;}

@media screen and (max-width: 1200px) {
    /* 新闻中心 */
    .newsbox{margin-top: 0;}
    .mainbanner{width: 100%;height: 55vw;}
    .news{width: 100%;margin-top: 20px;}
    /* 政民互动 */
    .zjdclist li .info{width: 80%;}
    /* 藏东明珠 */
    .lysx .item .info{padding-top: 190%;}
    .lysx .item.on .info{padding-top: 70%;}
}

@media screen and (max-width: 992px) {
    .lftt{padding: 20px;}
    .lftt h2{font-size: 30px;}
    /* .xwbox{margin-top: 30px;} */
    .zfxxgkbox{padding: 30px 0;}
    .zcbox .zc{width: 100%;}
    .zcbox .xxgk{width: 100%;margin-top: 20px;}
    .mailbox,.zjdc{width: 100%;}
    .zjdc{margin-top: 20px;}
    .zdmzbox{padding: 30px 0;}
}
@media screen and (max-width: 450px) {
    .newsbox{margin-top: 20px;}
    .lftt{padding: 10px;}
    .lftt i{display: none;}
    .lftt .tt{width: 100%;margin-left: 0;}
    .lftt .tt .memo{font-size: 14px;}
    .lftt h2{font-size: 22px;line-height: 26px;}
    /* .xwbox{margin-top: 20px;} */
    .newsbox{padding-bottom: 30px;}
    .newsswiper .swiper-slide img{height: 100%;}
    .newsswiper .swiper-slide p{height: 30px;line-height: 30px;}
    .newsswiper .swiper-slide p a{font-size: 14px;padding-left: 10px;}
    .newsswiper .swiper-pagination{width: 25%;bottom: 6px;}
    .newsswiper .swiper-slide p a{display: block;}

    .lmname{font-size: 28px;}
    .zcbox{margin-top: 20px;}
    .xxgk .box1,.xxgk .box2{width: 100%;}
    .xxgk .box2{margin-top: 15px;}
    .xxgk .box1 > div{height: 120px;}
    .xxgk .box1 > div a{padding-top: 20px;}

    .zmhdbox{padding: 30px 0;}
    .zmhd{margin-top: 20px;}
    .mailbox{padding: 20px 10px;}
    .mail .mailtit i{font-size: 26px;}
    .mail .mailtit span{font-size: 20px;}
    .mail .wyxx{width: 112px;margin-right: 0;}
    .mailinfo .info .lxs{font-size: 14px;}
    .mailinfo .info i{font-size: 22px;}
    .zjdclist li .info{width: 75%;}
    .zjdclist li .info p{font-size: 14px;}

    .lyjd > div{width: 100%;}
    .lyjd > div i{width: 80px;height: 80px;}
    .lyjd > div img{height: 34px;margin-top: 23px;}
    .lysx .item{width: 50%;}
    .lysx .item.on{width: 50%;}
    .lysx .item .info{padding-top: 170%;}
}