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

.Part1{ padding: 100px 0 30px; background: url("../images/Ztzl_ico_1.png") no-repeat center top; }
.Part1 .Tit{position: relative;height: 47px;border-bottom: 1px solid #266cb4;}
.Part1 .Tit h1{ display: flex; align-items: center; float: left; }
.Part1 .Tit h1 span{font-size: 30px;font-weight: bold;color: #000;user-select: none;/* padding-left: 15px; */border-bottom: 1px solid #f63a3a;line-height: 47px;}
.Part1 .Tit .pageState{float: right;line-height: 50px;font-size: 18px;font-weight: bold;color: #000;padding: 0 20px;display: none;}
.Part1 .Tit .pageState span{ color: #f63a3a; }

.RdztPart .bd{ margin-top: 50px; }
.RdztPart .bd .tempWrap{ margin: 0 auto;}
.RdztPart .bd li{ position: relative; overflow: hidden; float: left; width: 280px; height: 358px; margin: 10px 0 0; margin-right: calc((1200px - 280px * 4) / 3); transition: all 0.3s; background-color: #FFF; border-bottom: 2px solid transparent;}
.RdztPart .bd li .Pic{ position: relative; height: 160px; }
.RdztPart .bd li .Pic img{ width: 100%; height: 100%; object-fit: cover; }
.RdztPart .bd li .Con{ position: relative; padding: 20px 25px 0;}
.RdztPart .bd li .Con>.date{height: auto;position: relative;font-size: 14px;line-height: 24px;color: #888888;}
.RdztPart .bd li .Con>.date p{ display: inline-block; width: 80px; height: 24px; border-radius: 3px; background-color: #f63a3a; text-align: center; font-size: 12px; font-weight: bold; color: #FFF; margin-right: 10px; }
.RdztPart .bd li .Con>.date span{white-space: nowrap;}
.RdztPart .bd li .Con>h1{ position: relative; overflow: hidden; font-size: 18px; font-weight: bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-height: 1.3; margin-top: 10px; }

.RdztPart .bd li:hover{ border-bottom-color: #266cb4; transform: translateY(-2px); /*box-shadow:1px 3px 5px -2px #9f9c9c;*/ }

.RdztPart .SlideNavs{ display: flex; justify-content: center; margin-top: 55px; }
.RdztPart .hd{ height: 100%; width: 0; border-left: 1px solid #DDD; }
.RdztPart .hd li{display: none; }
.RdztPart .SlideNavs>a{ display: block; position: relative; width: 70px; height: 50px; overflow:hidden; cursor: pointer; z-index: 10; transition:all 0.3s; }
.RdztPart .SlideNavs>a.prev{ left: 0px; background: url("../images/Home_ico_6.png") no-repeat center #bfbfbf; }
.RdztPart .SlideNavs>a.next{ right:0px; background: url("../images/Home_ico_7.png") no-repeat center #bfbfbf; }
.RdztPart .SlideNavs>a:hover{ background-color:#266cb4; }




.Part2{ padding: 75px 0 30px; background: url("../images/Ztzl_ico_5.png") no-repeat center top; }
.Part2 .Tit{ height: 50px; position: relative; border-bottom: 1px solid #266cb4; }
.Part2 .Tit h1{ display: inline-block; height: 50px; border-bottom: 1px solid #f63a3a; font-size: 30px; font-weight: bold; line-height: 50px; }

.WqztPart .Con{ padding-top: 12px; }
.WqztPart .Con ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.WqztPart .Con li{ position: relative; overflow: hidden; width: 383px; height: 150px; box-sizing: border-box; border: 6px solid #edf6ff; transition: all 0.3s; margin-top: 27px; margin-right: calc((1200px - 383px * 3) / 2); background-color: #FFF; padding: 25px 25px 0; }
.WqztPart .Con li:nth-of-type(3n){ margin-right: 0; }
.WqztPart .Con li h1{ display: block; position: relative; overflow: hidden; font-size: 16.5px; font-weight: bold; line-height: 1.3; text-indent: 2em; background: url("../images/Ztzl_ico_3.png") no-repeat left 0px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height: 42px;}
.WqztPart .Con li a{ display: block; position: relative; width: 120px; height: 40px; font-size: 14px; margin: 12px auto 0; box-shadow:0px 0px 3px 0px #a5a5a5;}
.WqztPart .Con li a::before,
.WqztPart .Con li a::after{ content: ''; display: block; position: absolute; width: 0; height: 0; z-index: 0; border: 1px solid transparent; transition: all 0.3s; box-sizing: border-box; }
.WqztPart .Con li a::before{ left: 0; top: 0; border-right: none; border-bottom: none; }
.WqztPart .Con li a::after{ right: 0; bottom: 0; border-left: none; border-top: none; }
.WqztPart .Con li a:hover::before,
.WqztPart .Con li a:hover::after{ border-color: #F00; width: 100%; height: 100%;}
.WqztPart .Con li a span{ display: block; text-align: center; height: 100%; line-height: 40px; transition: all 0.3s; position: relative; z-index: 1; user-select:none; }
.WqztPart .Con li a:hover span{ box-shadow: 1px 1px 10px -1px #d7abab inset; }
.WqztPart .Con li.gd::after{ content: ''; display: block; position: absolute; width: 78px; height: 78px; background: url("../images/Ztzl_ico_4.png") no-repeat; top: 36px; right: 20px;}

.WqztPart #layuiPage{ margin-top: 40px; text-align: center; }
.WqztPart #layuiPage .layui-laypage-count,
.WqztPart #layuiPage .layui-laypage-skip{ background: none; color: #333; }
.WqztPart #layuiPage .layui-laypage a,
.WqztPart #layuiPage .layui-laypage span{ margin: 0 3px 5px 0; }