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

:root{
    --main-boxshadow:0px 0px 15px 0px rgba(226,226,226,0.75); /* 公共阴影属性 */
}

.flex{display:flex;justify-content: space-between;}

.Main{margin:42px auto 55px;}

.ztzlTitle{width:100%;height:55px;position:relative;margin-bottom:16px;}
.ztzlTitle h1{display: inline-block;width: auto;line-height:55px;font-size: 36px;font-weight: bold;color: #222222;padding-right:22px;background: #ffffff;position:relative;z-index:2;}
.ztzlTitle::after{content: "";width: 100%;height:1px;background:#9ec3e8;position:absolute;top:50%;transform: translateY(-50%);left:0px;}

.zxzlPart{width:835px;height:631px;overflow-y: auto; }
.zxzlPart ul{width:100%;}
.zxzlPart ul li{width:256px;height:141px;margin-right:18px; float: left;margin-bottom:23px;}
.zxzlPart ul li a{display:block;width:100%;height:100%;}
.zxzlPart ul li a img{width:100%;height:100%;}
.scrollBox::-webkit-scrollbar {width:8px;}
.scrollBox::-webkit-scrollbar-track {background:#e5e5e5;border-radius:5px;}
.scrollBox::-webkit-scrollbar-thumb {border-radius:10px;background:#1f58ae;height:40px;}
.scrollBox::-webkit-scrollbar{height:629px;}

.ztzlRight{width:551px;height:631px;}
.ztzlRight .rdztBox{width:100%;height:302px;margin-bottom:35px;}
.ztzlRight .rdztBox ul.pic,
.ztzlRight .rdztBox ul.pic li{width:100%;height:100%;}
.ztzlRight .rdztBox ul.pic li a{display: block;width:100%;height:100%;}
.ztzlRight .rdztBox ul.pic li a img{width:100%;height:100%;}
.ztzlRight .rdztBox ul.num{width:100%;height:36px;position: absolute;left:0px;bottom:13px;display: flex;justify-content: center;align-items: center;}
.ztzlRight .rdztBox ul.num li{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.5);margin:0px 4px 0px 3px;font-size: 0px;cursor: pointer;}
.ztzlRight .rdztBox ul.num li.on{background:#ffffff;}

.wqztPart{width:100%;height:293px;background:#ffffff;box-shadow: var(--main-boxshadow);padding:17px 18px 0px 25px;box-sizing: border-box;}
.wqztPart .ztzlTitle{margin-bottom:0px;}
.wqztPart .conBox{height:177px;overflow-y: auto; padding-top:12px;padding-left:9px;}
.wqztPart .conBox ul{height:100%;border-left: 1px dashed #1f58ae;}
.wqztPart .conBox ul li{width:100%;height:38px;margin-bottom:18px;position:relative;}
.wqztPart .conBox ul li::after{content:"";width:17px;height:17px;background:url("../images/Ztzl_ico_1.png") no-repeat center;position: absolute;left: -8px;top:50%;transform: translateY(-50%);}
.wqztPart .conBox ul li a{display: block;width:calc(100% - 50px);line-height:38px;padding-left: 26px;box-sizing: border-box;font-size:18px;color:#222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:padding ease-in-out 0.5s;}
.wqztPart .conBox ul li:hover a{color:#1f58ae;padding-left:30px; }