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

@font-face {
    font-family: 'SourceHanSerifCN';
    src:url('../images/SourceHanSerifCN-Bold.ttf') format('ttf'),   /* 其次优先级 */
        url('../images/SourceHanSerifCN-Bold.ttf') format('truetype'); /* 最后优先级 */
}
@font-face {
    font-family: 'STZHONGS';
    src:url('../font/STZHONGS.ttf') format('ttf'),   /* 其次优先级 */
        url('../font/STZHONGS.ttf') format('truetype'); /* 最后优先级 */
}

.warp{ background: url(../images/Unit1_ico_1.png) no-repeat center top; height: 100vh; }

.SiteLogo{ position: absolute; left: 60px; top: 60px; }
.SiteLogo img{ width: 210px; pointer-events: none;}

.PageMude{ left: auto; bottom: auto; right: 60px; top: 60px; }


.MainFlex{ width: calc(100% - 120px); margin: 0 auto; margin-top: 167px; user-select: none;}

.Part_XY{ pointer-events: none; position: relative; margin-left: 72px; margin-top: 73px; user-select: none;}

.Part_1{width: 480px;height: 575px;background:#FFF;border-radius: 0 40px 0 40px;box-sizing: border-box;padding: 13px 35px 0;margin-left: 56px;}
.Part_1 .Tit{ margin-left: -28px; }
.Part_1 .Tit a{ display: block; }

.Part_1 .Content{margin: 10px 0px 0 0px;max-height: 450px;padding-right: 5px;overflow-y: auto;}
.Content::-webkit-scrollbar { width:4px; }
.Content::-webkit-scrollbar-thumb { background:#d1d1d1; border-radius: 2px; }
.Content::-webkit-scrollbar-track { background:#f4f3f1; border-radius: 2px; }

.Part_1 .Content{ font-size: 18px; color: #333; user-select: text;}
.Part_1 .Content *{font-family: 'STZHONGS'!important;font-size: 18px!important;line-height:1.5!important;}
.Part_1 .Content p{ text-indent: 2em; line-height: 2;}


.Part2{ width: 895px; height: 620px; }

.MainPart{ padding: 0 56px; }
.MainPart .swiper-slide{ width: 370px; height: 578px; background: url(../images/Unit1_ico_4.png) no-repeat center top; box-sizing: border-box; padding: 30px 30px 0 58px; }

.MainSwiper .Tit{ color: #FFF; font-size: 20px; line-height: 1.5;}
.MainSwiper .Tit h1{font-size: 22px;font-family: 'SourceHanSerifCN';color: #ffffff;}
.MainSwiper .Tit p{font-weight: bold;color: #ffffff;}
.MainSwiper .Desc{display: block;position: relative;text-indent: 2em;font-size: 18px;line-height: 2;margin-top: 60px;height: 108px;overflow-y: auto;}
.MainSwiper .Desc::-webkit-scrollbar { width:4px; }
.MainSwiper .Desc::-webkit-scrollbar-thumb { background:#d1d1d1; border-radius: 2px; }
.MainSwiper .Desc::-webkit-scrollbar-track { background:#f4f3f1; border-radius: 2px; }
.MainSwiper .Desc .detail{color: #fe0000;}
.MainSwiper .UnitList{ position: relative; padding-top: 15px; }
.MainSwiper .UnitList li{ position: relative; height: 80px; border-radius: 10px; background-color: #f2f5fa; transition: all 0.5s; }
.MainSwiper .UnitList li + li{ margin-top: 13px; }
.MainSwiper .UnitList li::before{ content: ''; display: block; position: absolute; z-index: 0; width: 69px; height: 91px; background: url(../images/Unit1_ico_5.png) no-repeat; right: -22px; top: -20px; transform: scale(0); transition: all 0.3s; opacity: 0;}
.MainSwiper .UnitList li a{ position: relative; z-index: 1; display: flex; height: 100%; padding: 0 25px; flex-direction: column; justify-content: center; font-size: 18px; line-height: 1.6; transition: all 0.3s;}
.MainSwiper .UnitList li p{font-weight: bold;padding: 0px 10px;}
.MainSwiper .UnitList li:hover{ background-color: #ff8921; }
.MainSwiper .UnitList li:hover::before{ opacity: 1; transform: scale(1);}
.MainSwiper .UnitList li:hover a{ color: #FFF; }


.swiper-button-next,
.swiper-button-prev{ width: 50px; height: 50px; border-radius: 50%; background-color: rgba(0,0,0,0.6);}
.swiper-button-prev:after{ width: 12px; height: 23px; background: url(../images/yszg_ico_19.png) no-repeat; font-size: 0;}
.swiper-button-next:after{ width: 12px; height: 23px; background: url(../images/yszg_ico_20.png) no-repeat; font-size: 0;}
.swiper-button-prev{ left: 0;}
.swiper-button-next{ right: 0;}

.MainSwiper{ padding-bottom: 42px; }
.MainSwiper .swiper-slide{ -webkit-box-reflect: below 1px linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.4) 97%,  rgba(0, 0, 0, 0.5) 100%); }