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

.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;}

.Main{width: 100%; height: auto; overflow: hidden;}
.NewsList{width: 100%;height: auto;overflow: hidden; margin-bottom: 80px;}
.NewsList ul{width: 1400px; height: auto; overflow: hidden; padding: 0px 10px;margin: 45px auto 0;}
.NewsList ul li{width: 100%;height: 100px;line-height: 100px;margin: 15px 0px; transition: all 0.5s; box-shadow: 0px 0px 12px #dbdbdb;overflow: hidden;float: left;}
.NewsList ul li span{float: left; width: 170px; height: 100%; display: block; text-align: center; color: #999999; font-size: 18px; font-family: arial;}
.NewsList ul li h3{float: left; max-width: 1000px; height: 100%;}
.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; width: 170px; height: 100%; text-align: center;}
.NewsList ul li .more a{color: #0059d1;font-size: 18px; display: block;width: 100%;}
.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;}