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


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.5; font-size: 18px; padding: 10px 0; color: #222; }
.ulList li::before{ content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #c7c7c7; left: 0; top: calc(50% - 3px); }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 150px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-left: 15px; box-sizing: border-box;}
.ulList li:hover::before{ background-color: var(--main-color); }
.ulList li a:hover{ color: var(--main-color); }
.ulList li span{ display: inline-block; float: right; color: #999;}

.ulList.nd li a{max-width: 100%; float: none;}


.Part1{ padding: 25px 20px; box-sizing: border-box; box-shadow: var(--main-boxshadow); background-color: #FFF; border-radius: 10px; }

.Focuspart{ width:680px; height: 420px; }
.Focuspart .bd{ position: relative; z-index: 0; }
.Focuspart .bd li{ position: relative; overflow: hidden; height: 420px; }
.Focuspart .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.Focuspart .TextBar{ position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; background-color: rgba(0,0,0,0.5); }
.Focuspart .TarCell{ position: relative; margin-left: 15px; width: calc(100% - 180px); }
.Focuspart .TarCell li{ position: relative; width: 100%; font-size: 18px; display: flex; align-items: center; }
.Focuspart .TarCell li a{ display: block; position: relative; overflow: hidden; max-width: 100%; line-height: 1.3; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #FFF; }
.Focuspart .TarCell li a:hover{ text-decoration: underline; }
.Focuspart .TarCell li .date{ display: none; }

.Focuspart .hd{ display: flex; margin-right: 15px; }
.Focuspart .hd li{ position: relative; overflow: hidden; font-size: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #FFF; }
.Focuspart .hd li + li{ margin-left: 10px; }
.Focuspart .hd li.on{ background-color: var(--main-color);}
.Focuspart .pageState{ display: none; }

.Focuspart>.aBox>a{display:block; width:32px; height:64px; position:absolute; top: 158px; top: calc((420px - 64px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focuspart>.aBox>a.prev{ left:10px; background:url("../images/Home_ico_1.png") no-repeat center rgba(0,0,0,0.3); border-radius: 0 4px 4px 0;}
.Focuspart>.aBox>a.next{ right:10px; background:url("../images/Home_ico_2.png") no-repeat center rgba(0,0,0,0.3); border-radius: 4px 0 0 4px;}
.Focuspart:hover>.aBox>a{ opacity:1; filter: alpha(opacity=100);}
.Focuspart:hover>.aBox>a.prev{ left:0px;}
.Focuspart:hover>.aBox>a.next{ right:0px;}


.SzywSlide{ width: 650px; }

.PubHd{ position: relative; height: 37px; border-bottom: 1px solid #dbdbdb; }
.PubHd ul{ display: flex; position: relative; }
.PubHd li{ position: relative; font-size: 24px; color: #222; user-select: none; height: 37px;}
.PubHd li + li{ margin-left: 40px;}
.PubHd li::before{ content: ''; display: block; position: absolute; z-index: 0; transition: all 0.3s; width: 0; height: 3px; background-color: var(--main-color); left: 0; bottom: -2px; }
.PubHd li a{ display: block; position: relative; z-index: 1; height: 37px; line-height: 1;}
.PubHd li.on::before{ width: 100%; }
.PubHd li.on a{ font-weight: bold; color: var(--main-color); }


.SzywSlide .bd{ position: relative; }
.SzywSlide .bd ul{ min-height: 376px; }

.GzdtPart{ width: 660px; }