@charset "utf-8";
@import url(animate.min.css);
@import url(reset.css);
@import url(header.css);
@import url(footer.css);

.warp{ background-color: #FFF; }


.HeaderBanner{ position: relative; width: 100%; height: 930px; background-color: #FFF; z-index: 0; }
.HeaderBanner ul{ position: relative; z-index: 0; }
.HeaderBanner ul li{ position: relative; overflow: hidden; width: 100%; height: 930px;}
.HeaderBanner ul li img{ width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.HeaderBanner ol{ position: absolute; width: 100%; height: 0; display: flex; left: 0; bottom: 130px; z-index: 1; align-items: center; justify-content: center;}
.HeaderBanner ol li{ font-size: 0; position: relative; overflow: hidden; border: 1px solid transparent; margin: 0 5px; border-radius: 50%; cursor: pointer; width: 8px; height: 8px; display: flex; align-items: center; justify-content: center; background-color: #FFF;}
.HeaderBanner ol li.on{ border-color: #FFF; background-color: transparent;}

.Main{margin-top:-79px;z-index:2;}
/*标题公共样式*/
.title{width:100%;height:87px;position: relative;}
.title::after,
.title::before{content:" ";width:calc((100% - 298px)/2);height:1px;background:#dddddd;position:absolute;top:29px;}
.title::after{left:0px;}
.title::before {right:0px;}
.title a{display: block;width:298px;height:100%;margin:0 auto;position:relative;}
.title a i{display: block;width:44px;height:45px;margin:7px 9px 0px 42px;float:left;}
.title a span{display:inline-block;width:auto;line-height:57px;font-size:40px;font-weight: bold;color:#222222;float:left;}
.title a:hover span{color:#d01126;}
.title a img{width:auto;height:auto;position:absolute;left:50%;transform: translateX(-50%);bottom:6px;}

/*Part1 通知公告*/
.tzggBox {width:100%;height:79px;background:url("../images/index_img20.png")repeat-x;}
.tzggBox .tit{width:215px;height:79px;background:url("../images/index_img02.png")no-repeat center;float:left;margin-left:-14px;}
.tzggBox .tit a{display:block;width:100%;height:100%;font-size:26px;color:#ffffff;text-indent:64px;line-height:60px;position: relative;}
.tzggBox .tit a::after{content:"";width:31px;height:33px;background:url("../images/index_img03.png")no-repeat center;position:absolute;left:25px;top:14px;}
.tzggBox .tzggTxt{width:900px;margin-left:82px;height:79px;}
.tzggBox .tzggTxt ul li{width:100%;height:79px;}
.tzggBox .tzggTxt ul li a{display:block;width:100%;line-height:79px;font-size:20px;font-weight: bold;color:#ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tzggBox .tzggBtn{width:172px;height:79px;position:relative;text-align: center;line-height:79px;margin-right:16px;}
.tzggBox .tzggBtn a.prev,
.tzggBox .tzggBtn a.next{width:40px;height:79px;position: absolute;top:0px;cursor:pointer;}
.tzggBox .tzggBtn a.prev{left:0px;background:url("../images/index_img04.png")no-repeat center;}
.tzggBox .tzggBtn a.prev:hover{background:url("../images/index_img04_on.png")no-repeat center;}
.tzggBox .tzggBtn a.next{right:0px;background:url("../images/index_img05.png")no-repeat center;}
.tzggBox .tzggBtn a.next:hover{background:url("../images/index_img05_on.png")no-repeat center;}
.tzggBox .tzggBtn .pageState{font-size:26px;color:#ffffff;letter-spacing:3px;}
.tzggBox .tzggBtn .pageState span{font-size:34px;color:#d01126;}

/*Part2 新闻中心*/
.Part2{height:930px;background:url("../images/index_bg01.png")no-repeat center;padding-top:67px;box-sizing: border-box;background-size: cover;}
.Part2 .title{margin-bottom:70px;}
.Part2 .title a i{background:url("../images/index_img06.png")no-repeat center;}
.Focus {width:773px;height:576px;position: relative;overflow: hidden;}
.Focus .pic,.Focus .pic li {width: 100%!important;height: auto;overflow: hidden;}
.Focus .pic li a {display: block;width: 100%;height: 100%;}
.Focus .pic img {width: 100%;height:502px;overflow: hidden;}
.Focus .txt {position: absolute;left: 0px;bottom: 0px;width: 100%;height:94px;background:#3f3f3f;}
.Focus .txt ul li {width: 100%;height: 100%;}
.Focus .txt ul li a {display: block;width:500px;height:94px;line-height:94px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:26px;color: #ffffff;font-weight:bold;padding-left:28px;}
.Focus .txt ul li a:hover {color: #d01126;}
.Focus .num {height:32px;position: absolute;bottom:31px;right:60px;z-index: 2;}
.Focus .num li {width:32px;height:32px;cursor:pointer;float: left;margin-left:3px;background:#909090;text-align: center;line-height:32px;font-size:22px;color:#ffffff;}
.Focus .num li.on {background:#d9d9d9;color:#d01126;}
.Focus .next{width:42px;height:32px;cursor: pointer;background:url("../images/index_img11.png")no-repeat center;position: absolute;right:8px;bottom:31px;z-index:2;}
.Focus .next:hover{background:url("../images/index_img11_on.png")no-repeat center;}

.Part2 .newsList{width:596px;height:576px;}
.Part2 .newsList .hd{width:564px;height:31px;float:left;margin-bottom:20px;}
.Part2 .newsList .hd ul li{width:auto;height:31px;float:left;}
.Part2 .newsList .hd ul li a{display:inline-block;width:auto;line-height:31px;float:left;font-size:26px;font-weight:bold;color:#333333;padding: 0px 16px 0px 11px;}
.Part2 .newsList .hd ul li.on a,
.Part2 .newsList .hd ul li:hover a{color:#d01126;}
.Part2 .newsList .hd ul li span{display:inline-block;width:13px;height:31px;float:left;background:url("../images/index_img08.png")no-repeat center;}
.Part2 .newsList .more{width:31px;height:31px;float:right;position:relative;}
.Part2 .newsList .more a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;background:url("../images/index_img09.png")no-repeat right center;}

.Part2 .newsList .bd{height:525px;overflow: hidden;}
.Part2 .newsList .bd ul li{width:551px;height:114px;background:#ffffff;margin-top:17px;float:right;box-sizing: border-box;padding:13px 31px 0px 0px;border:1px solid #ffffff;}
.Part2 .newsList .bd ul li .date{width:72px;height:72px;background:url("../images/index_img10.png")no-repeat center;margin-left:-33px;margin-top:8px;position:relative;}
.Part2 .newsList .bd ul li .date::after{content:"";width:0px;height:0px;background:url("../images/index_img10_on.png")no-repeat center;position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition: all 0.6s;opacity:0;}
.Part2 .newsList .bd ul li:hover .date::after{width:72px;height:72px;opacity:1;}
.Part2 .newsList .bd ul li .date span{display:block;width:100%;line-height:25px;padding-top:14px;font-size:26px;color:#d01126;text-align: center;position: relative;z-index:2;}
.Part2 .newsList .bd ul li .date p{width:100%;line-height:18px;font-size:14px;color:#666666;text-align: center;position: relative;z-index:2;}
.Part2 .newsList .bd ul li:hover .date span,
.Part2 .newsList .bd ul li:hover .date p{color:#ffffff;}
.Part2 .newsList .bd ul li:hover{border:1px solid #d01126;}

.Part2 .newsList .bd ul li .txt{width:450px;height:auto;overflow:hidden;}
.Part2 .newsList .bd ul li .txt a{display:block;width:100%;height:100%;}
.Part2 .newsList .bd ul li .txt h1 {width:100%;height:36px;line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#333333;}
.Part2 .newsList .bd ul li:hover .txt h1{color:#d01126;}
.Part2 .newsList .bd ul li .txt p{width:100%;height:48px;overflow: hidden;line-height:24px;font-size:14px;color:#999999;}

/*Part3 贵传融媒体中心*/
.Part3{height:930px;background:url("../images/index_bg02.png")no-repeat center;background-size:cover;padding-top:69px;box-sizing: border-box;}
.Part3 .title{width:1400px;margin:0 auto 46px;}
.Part3 .title::after,
.Part3 .title::before{width:calc((100% - 470px)/2);}
.Part3 .title a{width:470px;}
.Part3 .title a i{background:url("../images/index_img12.png")no-repeat center;}


/*Part4 社会服务*/
.Part4{height:578px;background:url("../images/index_bg03.png")no-repeat center bottom;background-size:cover;padding-top:67px;box-sizing: border-box;}
.Part4 .title{margin-bottom:100px;}
.Part4 .title a i{background:url("../images/index_img16.png")no-repeat center;}
.Part4 .iconList{height:auto;overflow: hidden;}
.Part4 .iconList ul{display:flex;justify-content: space-between;}
.Part4 .iconList ul li{width:196px;height:210px;}
.Part4 .iconList ul li a{display:block;width:100%;height:100%;}
.Part4 .iconList ul li a .icon{display:flex;justify-content:center;align-items:center;width:125px;height:125px;position: relative;margin:20px auto 24px;background:url("../images/index_img18.png")no-repeat center;border-radius:50%;border:1px dashed #ffffff;box-sizing: border-box;}
.Part4 .iconList ul li:hover a .icon{box-shadow:0px 0px 18px rgba(216,168,173,1);border-color:#d01126;}
.Part4 .iconList ul li a .icon em{display:block;width:95px;height:95px;border-radius:50%;border:1px dashed #d01126;box-sizing: border-box;position: relative;z-index:2;}
.Part4 .iconList ul li a .icon::after{content: " ";width:0px;height:0px;border-radius:50%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);background:#d01126;transition:all ease-in-out 0.6s;}
.Part4 .iconList ul li:hover a .icon::after{width:95px;height:95px;}
.Part4 .iconList ul li:hover a .icon em{border:1px dashed rgba(216,168,173,0);}
.Part4 .iconList ul .li-1 a .icon em{background:url("../images/index_icon01.png")no-repeat center;}
.Part4 .iconList ul .li-2 a .icon em{background:url("../images/index_icon02.png")no-repeat center;}
.Part4 .iconList ul .li-3 a .icon em{background:url("../images/index_icon03.png")no-repeat center;}
.Part4 .iconList ul .li-4 a .icon em{background:url("../images/index_icon04.png")no-repeat center;}
.Part4 .iconList ul .li-5 a .icon em{background:url("../images/index_icon05.png")no-repeat center;}
.Part4 .iconList ul .li-6 a .icon em{background:url("../images/index_icon06.png")no-repeat center;}
.Part4 .iconList ul .li-7 a .icon em{background:url("../images/index_icon07.png")no-repeat center;}
.Part4 .iconList ul .li-1:hover a .icon em{background:url("../images/index_icon01_on.png")no-repeat center;}
.Part4 .iconList ul .li-2:hover a .icon em{background:url("../images/index_icon02_on.png")no-repeat center;}
.Part4 .iconList ul .li-3:hover a .icon em{background:url("../images/index_icon03_on.png")no-repeat center;}
.Part4 .iconList ul .li-4:hover a .icon em{background:url("../images/index_icon04_on.png")no-repeat center;}
.Part4 .iconList ul .li-5:hover a .icon em{background:url("../images/index_icon05_on.png")no-repeat center;}
.Part4 .iconList ul .li-6:hover a .icon em{background:url("../images/index_icon06_on.png")no-repeat center;}
.Part4 .iconList ul .li-7:hover a .icon em{background:url("../images/index_icon07_on.png")no-repeat center;}
.Part4 .iconList ul li a p{width:100%;line-height:42px;font-size:26px;color:#222222;text-align: center;}
.Part4 .iconList ul li:hover a p{color:#d01126;}