@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'); /* 最后优先级 */
}

.warp{ background: url(../images/Unit0_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: absolute; left: 0; top: 84px; user-select: none;}

.Part_1{width: 600px;height: 800px;background:url(../images/Unit0_ico_3.png) no-repeat right top #FFF;box-sizing: border-box;padding: 23px 39px 0;margin-left: 302px;}
.Part_1 .Tit a{display: block;padding-top: 17px;text-align: center;}

.Part_1 .Content{margin: 20px 0px 0 0px;/* max-height: 612px; *//* padding-left: 33px; *//* padding-right: 35px; *//* overflow-y: auto; */}

.Part_1 .Content p {
    margin: 0px!important;
}
.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 p{text-indent: 2em;line-height: 36px;}


.Part2{ width: 860px; height: 400px; border-radius: 40px 40px 0 0; background: url(../images/Unit0_ico_7.png) no-repeat center bottom; }
.Part2 .Tit{ text-align: center; display: block; position: relative; padding-top: 52px; }


.XjplsSwiper{ margin: 0 20px; }
.XjplsSwiper .swiper-slide{ width: 410px; height: 263px; background: url(../images/Unit0_ico_8.png) no-repeat center bottom; }

.XjplsSwiper .Txt_t{ margin: 0 auto; width: 60px; height: 60px; position: relative; overflow: hidden; border-radius: 50%; background-color: #FFF; box-shadow: 0px 0px 13px 0px rgba(38,183,255,0.2); display: flex; align-items: center; justify-content: center; transform: translateX(-2px);}
.XjplsSwiper .Txt_t span{ font-size: 18px; font-weight: bold; color: #0866d8; }
.XjplsSwiper .Txt_c{ display: block; position: relative; overflow: hidden; font-size: 16px; line-height: 30px; color: #333; text-indent: 2em; margin: 15px 43px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; height: 120px; text-align: justify; user-select: text;}
.XjplsSwiper .Txt_a{ display: block; text-align: center; margin-top: 10px; }
.XjplsSwiper .Txt_a img{ pointer-events: none; }

.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;}



.Part3{ width: 860px; height: 400px; background-color: #FFF; }
.Part3::before{ content: ''; display: block; position: absolute; left: 0; bottom: 45px; width: 919px; height: 420px; background: url(../images/Unit0_ico_6.png) no-repeat; z-index: 0; pointer-events: none;}
.VideoPart{width: 600px;height: 360px;box-sizing: border-box;border: 10px solid #FFF;background-color: #FFF;box-shadow: 0px 8px 29px 0px rgba(7,7,7,0.32);margin: 20px auto 0;z-index: 1;}
.VideoPart span {width: 100%;height: auto;overflow: hidden;font-size: 16px;line-height: 1.5;display: block;color: #666666;}
.VideoPart video{width: 100%;height: 290px;object-fit: cover;position: relative;z-index: 0;}
.VideoPart .videoControls{position: absolute;width: 100px;/* height: 100%; */height: 100px;z-index: 1;display: block;left: 50%;top: 50%;transform: translate(-50%,-73%);cursor: pointer;}
.VideoPart .videoControls.play{ height: calc(100% - 70px);}
.VideoPart .videoControls em{ display: block; width: 60px; height: 60px; background: url("../images/Unit0_ico_10.png") no-repeat center; animation-duration: 1s; animation-fill-mode: both; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px);}
.VideoPart .videoControls p{ position: absolute; width: 100%; box-sizing: border-box; left: 0; bottom: 20px; text-align: center; font-size: 22px; user-select: none; font-weight: bold; color: #FFF; line-height: 1.3; margin-top: 20px; animation-duration: 1s; animation-fill-mode: both; text-shadow: 1px 1px 2px #333;}
.Part3 span{width: 580px;height: auto;overflow: hidden;font-size: 16px;line-height: 1.5;display: block;color: #666666;position: absolute;left: 50%;transform: translateX(-50%);bottom: 26px;z-index: 2;}