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

.BannerBox .biaoyu{top: 15px;}

.Title{width: 1400px; height: 110px; margin: 0 auto; position: relative;}
.Title:before{content: ''; width: 493px; height: 114px; position: absolute; bottom: -2px; left: 8px; background: url(../images/xxgk_img03.png) right bottom no-repeat;}
.Title h3{width: 360px;height: 171px;padding: 39px 0px 0px 60px;background: #0059d1;position: absolute;left: 0;top: -100px;z-index: 1;}
.Title h3 span{width: 100%;height: 80px;line-height: 76px;display: block;position: relative;color: #ffffff;font-size: 36px;}
.Title h3 span:before{content: ''; width: 34px; height: 4px; position: absolute; bottom: 0px; left: 0px; background: #ffffff;}
.Title h3 p{width: 100%;height: 52px;line-height: 52px;display: block;position: relative;color: #ffffff;font-size: 16px;text-transform: uppercase;}
.Title a{width:180px;height:60px;line-height: 60px;display:block; text-align: center;margin-top: 50px;padding: 0px 10px;position: relative;float: right;}
.Title a:before{content: '';width: 198px;height: 38px;position: absolute;top: 10px;left: 0px;border: 1px solid #dddddd;background: #FFFFFF;z-index: 0; transition: all 0.5s;}
.Title a:after{content: ''; width: 178px; height: 58px; position: absolute; top: 0px; left: 10px; border: 1px solid #dddddd; background: #FFFFFF; z-index: 1; transition: all 0.5s;}
.Title a span{width: 100%; height: 100%; display: block; color: #222222; font-size: 36px; position: relative; z-index: 5; transition: all 0.5s;}
.Title a:hover:before{border: 1px solid #0059d1;}
.Title a:hover:after{border: 1px solid #0059d1;}
.Title a:hover span{color: #0059d1;}

.Main{width: 100%; height: auto; overflow: hidden;}
.NewsList{width: 100%;height: auto;overflow: hidden;margin: 60px 0px 80px;}
.NewsList .one{width: 1320px;height: 300px;padding: 40px;margin: 60px auto 0px;transition: all 0.5s;box-shadow: 0px 0px 12px #dbdbdb;position: relative;}
.NewsList .one .img{width: 640px; height: 240px; float: left; position: relative;}
.NewsList .one .img img{width: 100%;height: 340px;position: absolute;left: 0px;top: -100px;}
.NewsList .one .times{position: absolute; bottom: 30px; left: 35px;height: auto;}
.NewsList .one .times span{color: #0059d1;font-size: 18px;font-family: arial;display: block;float: left;padding-top: 30px; line-height: 20px;}
.NewsList .one .times span.days{font-size: 60px;line-height: 57px; background: url(../images/xwzx_img03.png) right bottom no-repeat; height: 50px; padding: 0px 23px 0px 0px;}
.NewsList .one .Con{float: right; width: 650px; height: auto; overflow: hidden;}
.NewsList .one h3{float: left; max-width: 100%; height: 34px; line-height: 34px;margin-top: 12px;}
.NewsList .one h3 a{color: #222222;font-size: 20px; font-weight: bold; display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsList .one .desc{width: 100%; height: auto; padding-top: 14px; overflow: hidden; color: #222222; font-size: 18px; line-height: 36px; text-indent: 2em;}
.NewsList .one .more{float: left;  height: 50px; line-height: 50px;transition: all 0.5s; text-align: center;width: 158px; border: 1px solid #dddddd; border-radius: 10px; margin-top: 34px;}
.NewsList .one .more a{color: #0059d1;font-size: 18px; display: block;width: 100%;transition: all 0.5s;}
.NewsList .one:hover{box-shadow: 0px 0px 12px #a6c5ef;}
.NewsList .one h3 a:hover{color: #0059d1;}
.NewsList .one .more:hover{background: #0059d1;}
.NewsList .one .more:hover a{color: #FFFFFF;}


.NewsList ul{width: 1400px; height: auto; overflow: hidden; padding: 0px 10px;margin: 15px auto 0;}
.NewsList ul *{ box-sizing: border-box;}
.NewsList ul li{width: 100%;height: 110px;padding: 10px 30px 10px 40px;margin: 15px 0px;transition: all 0.5s;box-shadow: 0px 0px 12px #dbdbdb;overflow: hidden;float: left;    display: flex;
    align-items: center;
    justify-content: space-between;
}
.NewsList ul li .times{float: left;width: 90px; height: 90px; border: 1px solid #dddddd; border-radius: 10px; text-align: center;}
.NewsList ul li span{width: 100%;display: block;color: #0059d1;font-size: 18px;font-family: arial;line-height: 24px;}
.NewsList ul li span.days{font-size: 48px;padding-top: 20px;line-height: 39px;}
.NewsList ul li .Con{float: right; width: 1180px; height: auto; overflow: hidden;}
.NewsList ul li h3{float: left; max-width: 1000px; height: 34px; line-height: 34px;}
.NewsList ul li h3 a{color: #222222;font-size: 20px; font-weight: bold; display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsList ul li .more{float: right;  height: 34px; line-height: 34px; text-align: center;}
.NewsList ul li .more a{color: #0059d1;font-size: 18px; display: block;width: 100%;}
.NewsList ul li .desc{width: 100%; height: auto; padding-top: 14px; overflow: hidden; color: #222222; font-size: 18px; line-height: 36px; text-indent: 2em;}

.NewsList ul li:hover{box-shadow: 0px 0px 12px #a6c5ef;}
.NewsList ul li h3 a:hover{color: #0059d1;}
.NewsList ul li .more a:hover{color: #c80000;}

.pageCount{width:100%;height: auto;overflow: hidden;margin-top: 38px;color:#999999;text-align: center;}
.pageCount a{color:#222222;font-size: 18px;font-family: arial;border:1px solid #dddddd;padding: 0px 9px;height: 28px;display: inline-block;line-height: 30px;margin: 0px 4px;}
.pageCount span.sxy a{padding: 0px 13px;}
.pageCount span.qtym a{border: none;font-size: 40px;font-weight: bold;}
.pageCount span.total{font-size: 18px; color: #999999; padding-left: 20px;} 
.pageCount span.onhover a{color: #FFFFFF;background: #0059d1;border:1px solid #0059d1;}
.pageCount a:hover{color: #FFFFFF;background: #0059d1;border:1px solid #0059d1;}
.pageCount span.qtym a:hover{color: #222222;background: none;border:none;}

.pageCount .layui-laypage-count{font-size: 18px;color: #999999;margin-bottom: 0px;} 
.pageCount .layui-laypage .layui-laypage-curr{margin-bottom: 0px;}
.pageCount .layui-laypage .layui-laypage-curr em{font-size: 18px;font-family: arial;}
.pageCount .layui-laypage .layui-laypage-skip{color:#222222;font-size: 18px;margin-bottom: 0;}