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

/*公共样式*/
.stitle{width: 100%;height: 95px;line-height: 92px;overflow: hidden;position: relative;margin-bottom:13px;}
.stitle:before,
.stitle:after{content: ''; width:calc((100% - 220px)/2);height: 1px; position: absolute; top:calc((100% - 1px)/2); background: #0059bb;}
.stitle:after{left: 0;}
.stitle:before{right:0px;}
.stitle a{width: 220px;height: 100%;display: block;text-align: center;color: #0058b8;font-size: 36px;font-weight: bold;margin: 0 auto;position: relative;}

.Main{padding-top:19px;}
.Part1{margin-bottom:22px;}
.Part1 .stitle{margin-bottom: 11px;}
.Part2 .stitle{margin-bottom: 16px;}

/*热点专题*/
.Part1 .rdztBox{width:100%;height:auto;overflow: hidden;background:#FFFFFF;border-radius:18px;box-shadow: 0px 0px 21px rgba(185,218,255,0.41);padding: 30px 20px 38px;box-sizing: border-box;}
.Part1 .rdztBox ul{width:110%;}
.Part1 .rdztBox ul li{width:329px;height:189px;float:left;margin-right: 16px;margin-bottom:38px;position: relative;}
.Part1 .rdztBox ul li a{display: block;width: 100%;height:100%;}
.Part1 .rdztBox ul li a .pic{display:block;width: 100%;height:135px;overflow: hidden;}
.Part1 .rdztBox ul li a .pic img{width: 100%;height:100%;transition:all ease-in-out 0.5s;}
.Part1 .rdztBox ul li a .pic:hover img{transform: scale(1.1);}
.Part1 .rdztBox ul li a p{width:100%;height:55px;background:#FFFFFF;text-align: center;line-height:55px;font-size: 20px;color:#000000;box-shadow: 0px 0px 21px rgba(185,218,255,0.41);position: relative;}
.Part1 .rdztBox ul li:hover a p{color: #0058b8;box-shadow: 0px 0px 21px rgba(185,218,255,0.81);}
.Part1 .rdztBox ul li::before,
.Part1 .rdztBox ul li::after,
.Part1 .rdztBox ul li p::before,
.Part1 .rdztBox ul li p::after{ content: ''; display: block; position: absolute; transition: all 0.3s ease-in 0s; background-color:#0058b8; pointer-events: none; }
.Part1 .rdztBox ul li::before{ left: 0; bottom: -2px; width: 0; height: 1px; }
.Part1 .rdztBox ul li::after{ right: 0; bottom: -2px; width: 0; height: 1px; }
.Part1 .rdztBox ul li p::before{ right: 0; bottom: 0; width: 1px; height: 0px; }
.Part1 .rdztBox ul li p::after{ left: 0; bottom: 0; width: 1px; height: 0px; }
:root{
    --time:0.1s;
    --time1:calc(var(--time) * (90 / 230));
}
.Part1 .rdztBox ul li:hover::before{ width:35px; transition: all var(--time); }
.Part1 .rdztBox ul li:hover::after{ width:35px; transition: all var(--time); transition-delay: calc(var(--time) + var(--time1)); }
.Part1 .rdztBox ul li:hover p::before{ height:35px; transition: all var(--time1); transition-delay: var(--time); }
.Part1 .rdztBox ul li:hover p::after{ height:35px; transition: all var(--time1); transition-delay: calc(var(--time) * 2 + var(--time1)); }

/*历史专题*/
.lsztBox{height:auto;margin-bottom: 48px;}
.lsztBox ul li{width:calc((100% - 32px)/2);height:auto;overflow: hidden;background:url("ztzl_gd.png")no-repeat right 24px center #FFFFFF;box-shadow: 0px 0px 21px rgba(185,218,255,0.41);border-radius:13px;float: left;padding:17px 21px 18px;box-sizing: border-box;margin-bottom: 44px;}
.lsztBox ul li:nth-child(2n){float: right;}
.lsztBox ul li a{display: flex;width:100%;height:100%;align-items: center;}
.lsztBox ul li a .pic{display:block;width:261px;height:106px;float:left;overflow: hidden;border-radius:13px;}
.lsztBox ul li a .pic img{width: 100%;height:100%;transition:all ease-in-out 0.5s;}
.lsztBox ul li a .pic:hover img{transform: scale(1.1);}
.lsztBox ul li a .txt{width:264px;height:auto;overflow: hidden;float: left;margin-left:35px;}
.lsztBox ul li a .txt p{width:100%;height:auto;overflow: hidden;font-size:20px;color:#333333;line-height: 32px;margin-bottom: 8px;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;max-height: 64px;}
.lsztBox ul li a .txt span{font-size:16px;color:#999999;line-height:27px;}
.lsztBox ul li:hover a .txt p{color:#0058b8;}
.lsztBox ul li:hover{box-shadow: 0px 0px 21px rgba(185,218,255,0.81);}