﻿img{
    width: 100%;
}
.banner{width:100%;position: relative;}
.banner img{width:100%;}
.bannerM{display: none;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-container .text{position:absolute;bottom:90px;width:100%;text-align:center}
.banner .swiper-button-next{background-image:url(../img/right.png);left:50%;margin-left:590px}
.banner .swiper-button-prev{background-image:url(../img/left.png);left:50%;margin-left:-590px}
.banner .swiper-pagination{width:100%;height: 20px;bottom: 35px;}
.banner .swiper-pagination span{width:12px;height:12px;margin:0 7px!important;}
.banner .swiper-pagination-bullet{background: rgba(255,255,255,0.5);opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #008c7b;}
.Mbanner{display:none;}
/*最新公告*/
.topicCon ul{width:1050px;margin: 15px auto 80px;}
.topicCon ul li{width:310px;float:left;margin: 0px 60px 0px 0px;}
.topicCon li .title{font-size:16px;color:#535151;transition:1s all ease;}
.topicCon li .title:before{content:"";display:inline-block;width:15px;height:3px;background:#008080;position:relative;top:-5px;margin:0px 10px 0px 0px;transition:1s all ease;}
.topicCon li:nth-child(3n){margin-right:0px;}
.topicCon li .summary{font-size:14px;color:#7d7d7d;line-height: 20px;margin: 12px 0px;}
.topicCon li .time{color:#9d9d9d;}
.topicCon li:hover .title{color:#dc6617;}
.topicCon li:hover .title:before{background:#dc6617;}
.row{display:flex;justify-content:space-between;padding-top: 30px;margin-bottom: 20px;}
.technology,.topic,.news{border-top: 2px solid #f6f6f6;margin-top: 50px;}
.topic{margin-top:62px}
.newsHead{display:flex;justify-content:space-between;width: 1050px;margin: 0 auto;position: relative;top: -15px;}
.newsHead .title{display:flex;background: #fff;padding-right: 20px;}
.newsHead .title i{font-style:normal;font-size:20px;color: #fff;margin-right: 6px;padding: 0 10px;line-height: 30px;background: #008c7b;position:relative}
.newsHead .title i:after{content:"";position:absolute;width:20px;height:30px;top:0;left:-20px;background:#fff}
.newsHead .title span{font-size:20px;color:#008c7b;line-height:30px;font-weight: 600;}
.newsHead .title ul{display:flex;}
.newsHead .title ul li{margin-right:15px;padding:0 6px;border-bottom:3px solid transparent;cursor: pointer;font-size:16px;color:#4b4b4b;line-height:33px}
.newsHead .title ul li:hover{border-bottom:3px solid #ffbf6b}
.newsHead .title ul li.active{border-bottom:3px solid #ffbf6b;}
.more{color: #008c7b;font-size: 14px;line-height: 27px;padding: 0 5px;background: #fff;}
.newsCon{margin-top:35px;width: 1050px;margin: 10px auto 0px;}
.newsCon ul li a{display: block;font-size: 15px;color: #383838;line-height: 22px;}
.newsCon ul li .time{float:right;font-size: 14px;color: #7d7d7d;}
.newsCon ul li a .Img{width: 100%;height: 210px;overflow: hidden;}
.newsCon ul li a .Img img{width: 100%;height: 100%;transform: scale(1.0);transition:1s all ease;}
.newsCon ul li a .Txt{width: 100%;height: 135px;overflow: hidden;}
.newsCon ul li a .Txt p{font-size: 15px;color: #2a2a2a;margin: 15px 0 5px;font-weight: 550;width: 432px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsCon ul li a span.tit{display:inline-block;width: 432px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsCon ul li a .Txt .summary{font-size:14px;color: #7d7d7d;line-height: 22px;}
.newsCon ul li{width:515px;float:right;margin: 0px 0px 15px 0px;}
.newsCon ul li.first{width:480px;float: left;}
.newsCon ul li:hover a{color:#008c7b;}
.newsCon ul li:hover .time{color:#008c7b;}
.newsCon ul li.first:hover img{transform:scale(1.2);}
.newsCon ul li:hover a .Txt p{color:#008c7b;}
.newsCon ul li:hover a .summary{color:#008c7b;}
a .summary{height: 42px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;overflow: hidden; text-overflow: ellipsis;}

/*党群建设*/
.build ul li a .tit{display: inline-block; width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.build .other .title{display: inline-block; width: 330px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.build{background: #f8f8f8;padding: 25px 0px 15px 0px;margin: 0px 0px 105px 0px;}
.build .newsHead{top:0px;}
.build .newsHead .title i:after{background:none;}
.build .newsHead .title{background:none;}
.build .more{background:none;}
.buildCon{width:1050px;margin:0 auto;}
.buildCon ul{margin:30px 0px 0px 0px;}
.buildCon ul li{width:550px;float:right;padding: 15px 0px;margin: 0px 0px 20px 0px;transition: 1s all ease;}
.buildCon ul li .txt{float:right;}
.buildCon ul li .Txt{padding: 0px 12px 0px 0px;}
.buildCon ul li .day{transition: 1s all ease;width: 98px;float:left;height: 60px;line-height: 60px;font-size: 50px;color: #e1e1e1;font-weight: lighter;text-align: center;border-right: 2px solid #dbdbdb;margin: 0px 15px 0px 0px;position: relative;top: 5px;}
.buildCon ul li .title{color:#161616;font-size:15px;transition: 1s all ease;}
.buildCon ul li .time{float:right;color:#afafaf;transition: 1s all ease;}
.buildCon ul li .summary{color:#797979;font-size:14px;line-height:20px;margin:5px 0px 0px 0px;transition: 1s all ease;}
.buildCon ul li.first{width:480px;float: left;padding:0px;}
.buildCon ul li.first .Img{width:100%;height:210px;overflow:hidden;}
.buildCon ul li.first  img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.buildCon ul li.first a .Txt{width: 100%;/* height: 135px; */overflow: hidden;}
.buildCon ul li.first a .Txt p{font-size: 15px;color: #2a2a2a;margin: 15px 0 5px;font-weight: bold;letter-spacing: -0.5px;}
.buildCon ul li.first a .Txt .summary{font-size:14px;color: #7d7d7d;line-height: 22px;}
.buildCon ul li.first .time{font-weight:normal;font-size:14px;float:right;color:#afafaf;position: relative;top: 4px;}
.buildCon ul li.other:hover{background:#008c7b;}
.buildCon ul li.other:hover .title{color:#fff;}
.buildCon ul li.other:hover .time{color:#fff;}
.buildCon ul li.other:hover .summary{color:#fff;}
.buildCon ul li.other:hover .day{color:#fff;}
.buildCon ul li:last-child{margin:0px;}
.buildCon ul li.first:hover img{transform:scale(1.2);}
.buildCon ul li.first:hover .Txt p{color:#008c7b;}
.buildCon ul li.first:hover .Txt .summary{color:#008c7b;}
.buildCon ul li.first:hover .time{color:#008c7b;}
/* 科技创新 */
.technologyCon{width:1050px;margin: 5px auto 120px;}
.technologyCon li{float:left;width:330px;margin:0px 30px 0px 0px;}
.technologyCon li:nth-child(3n){margin-right:0px;}
.technologyCon li .title{font-size:16px;color:#232323;margin: 10px 0px 13px 0px;font-weight: bold;}
.technologyCon li .summary{color:#7b7b7b;font-size:14px;line-height:22px;}
.technologyCon li a{display:block;}
.technologyCon li .Img{height:210px;width:100%;overflow:hidden;}
.technologyCon li img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.technologyCon li:hover img{transform:scale(1.2);}
.technologyCon li:hover .title{color:#008080;}





@media only screen and (max-width: 880px) {
    .banner .swiper-pagination{bottom: 25px;}
    .newsHead{width:100%;margin-top: 40px;}
    .newsHead .title{margin-left:2.5%;}
    .topicCon{width:95%;margin:0 auto;}
    .row{display:block;padding: 8vw 2.6vw 0;box-sizing: border-box;}
    .news{width: 100%;margin: 0 auto;}
    .newsHead .title i{margin-right: 1vw;font-size: 20px;}
    .newsHead .title span{font-size:20px;}
    .newsHead .title ul li{margin-right:2vw;line-height: 31px;height: 26px;font-size: 12px;}
    a.more{line-height:26px;height:26px;padding-right: 1vw;background-size: auto 60%;margin: 0px 15px 0px 0px;color: #007a7a;font-size: 20px;}
    .newsCon{width: 95%;margin: 3vw auto 20px;}
    .newsCon ul li a{display:block;font-size: 20px;}
    .newsCon ul li a .Img{width:100%;height:auto}
    .newsCon ul li a .Img img{width:100%}
    .newsCon ul li a .Txt{width:100%;height:auto}
    .newsCon ul li a .Txt .summary{line-height: 20px; -webkit-line-clamp: 2;overflow: hidden; text-overflow: ellipsis;font-size: 20px;}
    .newsCon ul li.first{width:100%;float: none;margin: 0px 0px 20px 0px;}
    .newsCon ul li{width:100%;float:none;margin: 0px 0px 24px 0px;}
    .newsCon ul li .tit{width:calc(100% - 60px);display:inline-block;height:20px;overflow:hidden;}
    .newsCon ul li a .Txt .summary{height: 64px;line-height: 36px;}
    .topic{width: 100%;margin: 0 auto;margin-top: calc(7vw + 15px);}
    .topicHead .title i{font-size:18px}
    .topicCon ul{display:flex;flex-wrap:wrap;width: 100%;margin: 10px auto 30px;}
    .topicCon ul li{width: 100%;margin: 0px 0px 25px 0px;}
    .topicCon ul li a .time{width: 100%;margin-right: 1.5vw;}
    .topicCon ul li a .time p{height:4vw;line-height:4vw;font-size:12px}
    .topicCon ul li a .time span{height:4.5vw;line-height:4.5vw;font-size:12px}
    .newsCon ul li .time{font-size: 18px;}
    .topicCon li .summary{margin:10px 0px;}
    .newsCon ul li a .Txt p{margin: 25px 0px 10px 0px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;}
    .buildCon ul li .summary{font-size: 20px;height: 64px;line-height: 36px;}
    .build{margin:0px 0px 50px 0px;}
    .buildCon{width:95%;margin:0 auto;}
    .buildCon ul li.first .Img{height:auto;}
    .buildCon ul li{width:100%;margin: 0px;}
    .buildCon ul li .day{width:60px;font-size: 40px;margin: 0px 10px 0px 0px;height: 85px;line-height: 80px;}
    .buildCon ul li .title{width: 70%;display: inline-block;overflow: hidden;font-size: 20px;}
    .buildCon ul li .Txt{width: calc(100% - 85px);float: right;padding: 0px 10px 0px 0px;}
    .buildCon ul li.first{width:100%;margin:0px 0px 10px 0px;}
    .buildCon ul li .time{display: none;}
    .buildCon ul li.first a .Txt{padding:0px;}
    .buildCon ul li.first a .Txt p{margin:15px 0px;}
    .buildCon ul li.first a .Txt p .tit{width: 70%;display:inline-block;font-size: 20px;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .buildCon ul li.first .time{float:right;top: 0px;font-size: 18px;}
    .buildCon ul li.first a .Txt .summary{font-size: 20px;-webkit-line-clamp: 2;overflow: hidden; text-overflow: ellipsis;height: 64px;line-height: 36px;}
    .newsCon ul li a span.tit{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .build .other .title{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .teach{height:90vw}
    .teach .content>p{font-size:18px}
    .teach i{font-size:14px}
    .teachCon .swiper-container{width: 85%;}
    .teachCon .swiper-container .swiper-slide .Img{width:23vw;height:23vw;}
    .teachCon .swiper-container .swiper-slide a{font-size:12px}
    .teachCon .swiper-button-next,.teachCon .swiper-button-prev{width:4.2vw;height:6.9vw;background-size:100%}
    .technologyCon{width:95%;margin: 12px auto 25px;}
    .technologyCon li{width:100%;float:none;margin: 0px 0px 25px 0px;}
    .technologyCon li .Img{height:auto;}
    .technologyCon li .title{margin:15px 0px 10px 0px;}








}


