@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("headers.css");
.video-box{width:100%;height:100vh;overflow:hidden;position:relative;}
.outsp{position:absolute;left: 50%;margin-left:-40px;bottom: 1vw;cursor: pointer;}
#fmh {width:100%;height:100%;object-fit:cover;}
#fmh img{width:100%;height:100%;}
/*首页横幅*/
.banner{width: 1200px; margin: 0 auto; height: auto; overflow: hidden; position: relative;}
.banner .bd{width: 100%; height: auto; overflow: hidden;}
.banner .bd ul{width: 100%; height: auto; overflow: hidden;}
.banner .bd ul li{width: 100%; height: auto; overflow: hidden;}
.banner .bd ul li a{width: 100%; height: 100%; display: block;}
.banner .bd ul li img{width: 100%; height: 150px; margin-top: 30px;}
.banner .bd ul li img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.banner .hd{height: 14px;z-index: 9999;cursor: pointer; position: absolute; right: 12px; bottom: 12px;}
.banner .hd ul{ height: 14px; overflow: hidden;}
.banner .hd li{ float: left; width: 14px; height: 14px; background:#FFFFFF;margin-right: 6px; border-radius: 50%;}
.banner .hd li.on{ background:#ffa93e;}

.box1{width: 1200px; height: auto; overflow: hidden; margin: 30px auto 0; position: relative;}
/*焦点图*/
.focusBox{width: 800px; height: auto; overflow: hidden; float:left; position: relative;}
.focusBox .bd{width: 100%; height: auto; overflow: hidden;position: relative;}
.focusBox .bd ul{width: 100%; height: auto; overflow: hidden;}
.focusBox .bd ul li{ width: 100%; height: auto; overflow: hidden;}
.focusBox .bd ul li a{width: 100%; height: 100%; display: block;}
.focusBox .bd ul li img{width: 100%;height: 450px;display: block;}
.focusBox .bd ul li img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.focusBox .bd ul li .txt-bg{position: absolute;bottom: 0;z-index: 1;width: 100%; height: 80px; background: url(../images/index_img04.png) repeat;overflow: hidden;left: 0;}
.focusBox .bd ul li p{position: absolute;bottom: 0; left:25px; z-index: 2;width: 450px;font-size: 24px; color: #fff;line-height: 80px; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.focusBox .bd ul li p:hover{color: #c30101;}
.focusBox .hd{height: 40px;bottom: 20px;z-index: 9999;cursor: pointer;position: absolute;right: 7px;display: block;}
.focusBox .hd ul li{width: 40px;height: 40px; line-height: 40px;font-size: 20px; color: #fff; text-align: center; float: left;margin: 0px 5px; background: url(../images/index_img03.png) right center no-repeat;}
.focusBox .hd ul li.on{ background-position: left center;}
.focusBox .prev,.focusBox .next{width: 60px; height: 60px; display: none; cursor: pointer; background: url(../images/index_img02.png) left center no-repeat; position: absolute;left: 20px;top: 200px;z-index: 9;}
.focusBox .next{left: auto; right: 20px; background-position: right center;}
.focusBox:hover .prev,.focusBox:hover .next{display: block;}
/*首页专题*/
.syzt{width: 375px; height: auto; overflow: hidden; float: right;}
.syzt ul{width: 100%;height: auto;overflow: hidden;display: flex; flex-wrap: wrap;justify-content: space-around;}
.syzt ul li{width: 175px; height: auto; margin:0px 0px 15px 12px; float: left;}
.syzt ul li a{width: 100%; height: 100%; display: block;}
.syzt ul li img{width: 100%; height: auto;}
.syzt ul li img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}

/*外部链接*/
.Part3{width: 1200px; height: auto; overflow: hidden; background: #fdefee; margin: 15px auto 0;}
.Part3 ul{width: 100%;height: auto;overflow: hidden;}
.Part3 ul li{width: 240px; height: auto; float: left; position: relative;}
.Part3 ul li a{width: 100%; height: 100%; display: block; text-align: center;}
.Part3 ul li img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.Part3 ul li em{width: 1px; height: 50px; display: block; background: #ffdbd8; position: absolute; right: 0; top: 25px;}

/*思想理论 、时政要闻*/
.Part4{width: 100%;height: auto;overflow: hidden;background: url(../images/gb_index_img14.png) center bottom no-repeat;margin: 30px auto 0;}
.ywzx{width: 1224px; height: auto; overflow: hidden; margin: 30px auto 0; position: relative; padding-left: 12px;}
.hds{width: 100%;height: 40px;border-bottom: 1px solid #dddddd;}
.hds ul{width: auto; height: auto; overflow: hidden; float: left;}
.hds ul li{height: 40px;line-height: 28px;float: left;}
.hds ul li a{color: #333333;font-size: 26px;font-weight: bold;transition: all 0.3s;}
.hds ul li.on{border-bottom: 1px solid #d63139;}
.hds ul li.on a{color: #c30101;}
.hds ul li a:hover{color:#e90505;}
.hds .more{float: right;text-align: right;height: 40px;line-height: 28px;}
.hds .more a{color: #c30101;font-size: 14px;}
.hds .more a:hover{color: #cf000a; }

.djqs{width: 385px; height: auto; padding: 0px 15px; overflow: hidden; float: left; border: 1px solid #FFFFFF; background: url(../images/gb_index_img17.png) repeat;}
.zgqy{margin-left: 20px;}
.djqs .bd{width: 100%;height: auto;overflow: hidden;margin: 7px 0px 28px;}
.djqs .bd ul{width: 100%;height: auto;overflow: hidden;}
.djqs .bd ul li{width: 100%;height: 97px;position: relative;padding: 18px 0px 16px 0px;border-bottom: 1px dashed #dddddd;}
.djqs .bd ul li a{width: 100%; color: #333333;font-size: 18px; line-height: 30px; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.djqs .bd ul li a:hover{color:#cf000a;}
.djqs .bd ul li .sjly{width: 100%; height: 30px; line-height: 30px;color:#666666;font-size: 14px; margin-top: 8px;}
.djqs .bd ul li .sjly span{float: left; display: block; padding-left: 18px; background: url(../images/index_img05.png) left center no-repeat;}
.djqs .bd ul li .sjly font{float: left; display: block; padding-left: 38px; background: url(../images/index_img06.png) 18px center no-repeat;}

/*通知公告*/
.tzgg{width: 415px;height: 598px;overflow: hidden;background-image: linear-gradient(#fffefc,#f8e6d8);background: url(../images/gb_index_img18.png) center 40px no-repeat;float: right;}
.tzgg .ztitle{width: 385px; height: 40px; overflow: hidden; border-bottom: 1px solid #ff6868; margin: 0 auto;}
.tzgg .ztitle h3{height: 100%;line-height: 28px;float: left;}
.tzgg .ztitle h3 a{padding-left: 20px; color:#c30101; font-size: 26px;font-weight: bold;transition: all 0.3s;}
.tzgg .ztitle h3 a:hover{ color: #e90505;}
.tzgg .ztitle .more{float: right;text-align: right;height: 40px;line-height: 28px;margin-right: 11px;}
.tzgg .ztitle .more a{color: #c30101;font-size: 14px;}
.tzgg .ztitle .more a:hover{color: #cf000a; }
.tzgg .bd{height: auto;overflow: hidden;margin: 7px 26px 0px 30px;}
.tzgg .bd ul{width: 100%;height: auto;overflow: hidden;}
.tzgg .bd ul li{width: 100%;height: 97px;position: relative;padding: 18px 0px 16px 0px;border-bottom: 1px dashed #dddddd;}
.tzgg .bd ul li a{width: 100%; color: #333333;font-size: 18px; line-height: 30px; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tzgg .bd ul li a:hover{color:#cf000a;}
.tzgg .bd ul li .sjly{width: 100%; height: 30px; line-height: 30px;color:#666666;font-size: 14px; margin-top: 8px;}
.tzgg .bd ul li .sjly span{float: left; display: block; padding-left: 18px; background: url(../images/index_img05.png) left center no-repeat;}
.tzgg .bd ul li .sjly font{float: left; display: block; padding-left: 38px; background: url(../images/index_img06.png) 18px center no-repeat;}

/*内部链接*/
.Part5{width: 1200px; height: auto; overflow: hidden; margin: 30px auto 0;}
.Part5 ul{width: 100%;height: auto;overflow: hidden;}
.Part5 ul li{width: 290px; height: 85px; line-height: 85px; margin-right: 13px; float: left; position: relative; background: url(../images/gb_index_img15.png) left center no-repeat;}
.Part5 ul li a{width: 100%; height: 100%; display: block;}
.Part5 ul li i{width: 45px; height: 100%; display: block; background: url(../images/gb_index_img16.png) no-repeat; float: left; margin: 0px 5px 0px 75px;}
.Part5 ul li span{ height: 100%; display: block; color: #333333; font-size: 22px; font-weight: bold;}
.Part5 ul li.m1 i{background-position: 3px 16px;margin-left: 30px;}
.Part5 ul li.m2 i{background-position: -345px 16px;}
.Part5 ul li.m3 i{background-position: -648px 16px;}
.Part5 ul li.m4 i{background-position: -953px 16px;}
.Part5 ul li.m4{margin-right: 0px;}
.Part5 ul li a:hover span{color:#c30101;}

/*党建要论、党建黔声*/
.Part6{width: 1200px; height: auto; overflow: hidden; margin: 30px auto 0;}
.Part6 .newslist{width: 585px;height: auto;overflow: hidden;}
.Part6 .newslist .bd{width: 100%; height: auto; overflow: hidden;}
.Part6 .newslist .bd ul{width: 100%;height: auto;overflow: hidden;margin-top: 10px;}
.Part6 .newslist .bd ul li{width: 100%;height: 45px;line-height: 45px;overflow: hidden;background: url(../images/dians.png) left center no-repeat;padding-left: 20px;}
.Part6 .newslist .bd ul li a{width: 80%; display: block;color: #000000;font-size: 18px; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Part6 .newslist .bd ul li span{text-align: right;color:#9e9e9e;font-size: 16px; float: right;}
.Part6 .newslist .bd ul li a:hover{color:#c30101;}

/*专题专栏*/
.ztzl{width: 1200px; height: 195px;  margin: 30px auto 30px;position: relative;}
.ztzl .stitle{width: 100%; height: 40px; line-height: 40px; position: relative;}
.ztzl .stitle a{width: 100%; display: block; height: 100%; text-align: center;}
.ztzl .stitle em{width: 100%; height: 1px; background: #c30101; position: absolute; left: 0; top: 19px;}
.ztzl .stitle span{width: 140px;display: block;color: #c30101;font-size: 26px;font-weight: bold;transition: all 0.3s;margin: 0 auto;background: #ffffff;position: relative;z-index: 2;}
.ztzl .stitle span:hover{ color: #e90505;}
.ztzl .ztzlcon{width: 100%; height: auto; overflow: hidden; }
.ztzl .bd{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.ztzl .bd ul{width: 100%; height: auto; overflow: hidden;}
.ztzl .bd ul li{width: 291px; height: auto; overflow: hidden; margin:15px 12px 0px 0px; float: left;transition: all 0.3s;}
.ztzl .bd ul li a{width: 100%; height: 100%; display: block;}
.ztzl .bd ul li img{width: 100%;height: 120px;}
.ztzl .bd ul li.move{margin-right: 0px;}
.ztzl .bd ul li:hover{ transform: translateY(-3px); box-shadow:0px 10px 10px -5px #c4baba;}
.ztzl .ztzlcon .prev,.ztzl .ztzlcon .next{position:absolute; left:-30px;top: 120px; display:block; width:30px; height:30px; background: url(../images/index_img09.png) left top no-repeat;z-index: 99999;}
.ztzl .ztzlcon .next{left:auto; right:-30px; background-position:right top;}

@media screen and (max-width:750px ) {
	.video-box{height:auto;}
	#fmh{height:auto;}
	#fmh img {width:100%;height:auto;}
	.outsp{width: 40px;left: 58%;}
	/*banner*/
	.banner{width: 100%; margin: 0;}
	.banner .bd ul li img{width: 100%; height: auto; margin: 0px;}
	.banner .hd{display: none;}

	.box1{width: 100%;margin-top: 10px;}
   	/*焦点图*/
	.focusBox{width: 100%;float: none;}
	.focusBox .bd ul li{position: relative;}
	.focusBox .bd ul li a{position: relative;}
	.focusBox .bd ul li img{width: 100%;height: auto;}
	.focusBox .bd ul li .txt-bg{width: calc(100vw - 20px);height: 40px;}
	.focusBox .bd ul li p{width: calc(100vw - 120px);font-size: 15px; left: 10px; height: 40px;line-height: 40px;}
	.focusBox .hd{height: 10px;bottom: 15px;right: 8px;}
	.focusBox .hd ul li{width: 10px;height: 10px;background: #ffffff;border-radius: 50%;float: left;margin: 0px 3px;}
	.focusBox .hd ul li.on{background: #c30101;}
	/*首页专题*/
	.syzt{width: 100%;float: none;}
	.syzt ul li{width: calc((100% - 25px)/2);margin: 10px 0px 0px;margin:0;}
	.syzt ul li:nth-child(2n){float: right;}
	
	/*外部链接*/
	.Part3{width: 100%;margin: 10px auto 0;border: 1px solid #ffdbd8;}
	.Part3 ul{width: 100%;height: auto;overflow: hidden;}
	.Part3 ul li{width: 50%;border-bottom: 1px solid #ffdbd8;border-right: 1px solid #ffdbd8;}
	.Part3 ul li:nth-child(2n){border-right: none;}
	.Part3 ul li:nth-child(5){width: 100%; border: none;}
	.Part3 ul li em{display: none;}

	/*思想理论 、时政要闻*/
	.Part4{margin: 0;background: none;}
	.ywzx{width: 100%;margin: 0;padding: 0px;}
	.hds ul li{line-height: 35px;}
	.hds ul li a{font-size: 18px;}
	.hds .more{line-height: 35px;}
	.djqs{width: 100%;float: none;margin: 10px 0px 0px;background: url(../images/gb_index_img17.png) repeat #fdefee;padding-top: 5px;}
	.djqs .bd{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
	.djqs .bd ul li{ height: 78px;  padding: 10px 0px; }
	.djqs .bd ul li a{ font-size: 15px; line-height: 30px;  }
	.djqs .bd ul li .sjly{margin-top: 0px;}
	.tzgg{width: 100%;height: auto;margin-top: 10px;padding: 10px;background: none;background-image: linear-gradient(#fffefc,#f8e6d8);}
	.tzgg .ztitle{width: 100%;float: none;}
	.tzgg .ztitle h3{line-height: 35px;}
	.tzgg .ztitle h3 a{padding-left: 0px;font-size: 18px;}
	.tzgg .ztitle .more{line-height: 35px;margin: 0;}
	.tzgg .bd{width: 100%;height: auto;overflow: hidden;margin: 10px 0px 0px;}
	.tzgg .bd ul li{ height: 78px;  padding: 10px 0px; }
	.tzgg .bd ul li a{ font-size: 15px; line-height: 30px;  }
	.tzgg .bd ul li .sjly{margin-top: 0px;}

	/*内部链接*/
	.Part5{width: 100%;margin: 0;}
	.Part5 ul li{width: 100%;margin: 10px 0px 0px;float: none;background-size: 100% 85px;}
	.Part5 ul li i{margin: 0px 5px 0px calc((100% - 150px)/2);}
	.Part5 ul li.m1 i{margin-left: calc((100% - 250px)/2);}
	
	/*党建要论、党建黔声*/
	.Part6{width: 100%; margin: 0;}
	.Part6 .newslist{width: 100%;float: none;margin-top: 10px;padding-bottom: 0px;height: auto;}
	.Part6 .newslist .bd ul{width: 100%;}
	.Part6 .newslist .bd ul li{height: auto;line-height: 35px;padding-left: 15px;}
	.Part6 .newslist .bd ul li a{width: calc(100% - 100px); font-size: 15px;  }
	.Part6 .newslist .bd ul li span{font-size: 15px;}
	
	/*专题专栏*/
	.ztzl{width: 100%;margin: 10px 0px 0px;height: auto;overflow: hidden;}
	.ztzl .stitle a{width: 280px;margin: 0 auto;}
	.ztzl .stitle span{width: 100px;font-size: 20px;}
	.ztzl .bd{ margin-top: 0px;}
	.ztzl .bd ul li{width: 100%; margin: 10px 0px 0px; float: none;}
	.ztzl .bd ul li img{width: 100%;height: auto;}
	.ztzl .ztzlcon .prev{left:0px; top:100px;}
	.ztzl .ztzlcon .next{right:0px; top:100px;}
}