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

/* .warp a{ font-size: inherit; color: inherit; } */

/* 公共标题 */
.HomeTitle{ position: relative; height: 60px; display: flex; align-items: center; justify-content: space-between; }
.HomeTitle h1{ display: block; position: relative; padding-left: 16px; }
.HomeTitle h1::before{ content: ''; display: block; position: absolute; left: 0; top: calc(50% - 20px); height: 40px; width: 4px; background-color: var(--main-color); border-radius: 4px; }
.HomeTitle h1 a{ display: flex; height: 100%; align-items: center; justify-content: center; font-size: 40px; color: #000; }

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.5; font-size: 18px; padding: 12px 0; color: #333; }
.ulList li::before{ content: ''; display: block; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #e1eeff; left: 0; top: calc(50% - 4.5px); }
.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 a:hover{ color: #F00; }
.ulList li span{ display: inline-block; float: right; color: #818181;}

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

/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }


.Main{ }

@font-face {
    font-family:"SourceHanSerifCN-Bold";
    src:  url("../images/SourceHanSerifCN-Bold.ttf");
}

.HotNews{ padding: 30px 80px; box-sizing: border-box; }
.HotNews h1{ position: relative; font-size: 42px; color: var(--main-color); text-align: center; font-family:"SourceHanSerifCN-Bold"; line-height: 1;}
.HotNews h1 a{ white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; display: inline-block; position: relative; overflow: hidden; max-width: 100%; }
.HotNews .desc{position: relative;overflow: hidden;font-size: 20px;color: var(--main-color);text-align: center;margin-top: 10px;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;}
.HotNews .more{ position: absolute; right: 0; bottom: 30px; font-size: 16px; color: #999; line-height: 26px; }

.Part1{ box-sizing: border-box; }

.Focuspart{ width:750px; 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: 56px; left: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); }
.Focuspart .TarCell{ position: relative; margin-left: 20px; max-width: calc(100% - 180px); }
.Focuspart .TarCell li{ position: relative; overflow: hidden; max-width: 100%; font-size: 20px; line-height: 1.3; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #FFF;}
.Focuspart .hd{ display: flex; position: relative; padding-right: 5px; }
.Focuspart .hd li{ position: relative; overflow: hidden; border-radius: 50%; width: 16px; height: 16px; margin-right: 8px; transition: all 0.3s; cursor: pointer; font-size: 0; background-color: #FFF; }
.Focuspart .hd li.on{ background-color: var(--main-color); }

.Focuspart>a{display:block; width:32px; height:64px; position:absolute; top: 178px; top: calc((420px - 64px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focuspart>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>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>a{ opacity:1; filter: alpha(opacity=100);}
.Focuspart:hover>a.prev{ left:0px;}
.Focuspart:hover>a.next{ right:0px;}


.SzywSlide{ width: 610px; }
.Slide .hd{ position: relative; z-index: 0; height: 54px; border-bottom: 1px solid #337de1; margin-top: -12px; display: flex; align-items: center; justify-content: space-between; }
.Slide .hd ul{ display: flex; position: relative; }
.Slide .hd li{ position: relative; font-size: 28px; color: #333; user-select: none; height: 54px; box-sizing: border-box;}
.Slide .hd li + li{ margin-left: 30px; }
.Slide .hd li::after{ content: ''; display: none; position: absolute; z-index: 0; transition: all 0.2s; width: 100%; height: 5px; background-color: var(--main-color); bottom: -3px; left: 0; pointer-events: none; }

.Slide .hd li a{ display: block; position: relative; z-index: 1; height: 58px; line-height: 58px; padding: 0 5px;}
.Slide .hd li.on::after{ display: block; }
.Slide .hd li.on a{ color: var(--main-color); font-weight: bold; }

.Slide .hd dd{ font-size: 16px; color: #999; }

.SzywSlide .bd{ position: relative; margin-top: 5px; }



.Part2{ height: 84px; box-sizing: border-box; background-color: #f5f5f5; padding: 18px 30px 18px 150px; }
.Part2 .Tit{ position: absolute; left: 0; top: 0;  }

.TzggSlide{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.TzggSlide .hd{ display: none; }
.TzggSlide .tempWrap{ position: relative; width: calc(100% - 50px); }
.TzggSlide .bd ul{ display: flex; position: relative; height: 48px; align-items: center; }
.TzggSlide .bd li{ position: relative; overflow: hidden; font-size: 18px; color: #222; line-height: 1.5; }
.TzggSlide .bd li a{ display: block; position: relative; overflow: hidden; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding: 0 10px; }
.TzggSlide .posBar{ display: flex; position: relative; width: 17px; height: 48px; align-items: center; justify-content: space-between; flex-direction: column; }
.TzggSlide .posBar em{ display: block; border-bottom: 2px solid #72a2d6; width: 100%; }
.TzggSlide .posBar a{ display: block; cursor: pointer; position: relative; box-sizing: border-box; transition: all 0.3s;}
.TzggSlide .posBar a.prev{ border-bottom: 12px solid #72a2d6; border-left: 8.5px solid transparent; border-right: 8.5px solid transparent; }
.TzggSlide .posBar a.next{ border-top: 12px solid #72a2d6; border-left: 8.5px solid transparent; border-right: 8.5px solid transparent; }
.TzggSlide .posBar a.prev:hover{ border-bottom-color: var(--main-color); }
.TzggSlide .posBar a.next:hover{ border-top-color: var(--main-color); }


.Part3 .SzywSlide{ width: 685px; }