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

.warp{ background: url(../images/Unit7_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; min-height: 820px; box-sizing: border-box; padding:100px 70px 0 130px; margin-top: 136px; user-select: none; box-sizing: border-box; background: url(../images/Unit7_ico_2.png) no-repeat center top; }

.Part_1{position: relative;width: 100%;box-sizing: border-box;padding: 1px 0px 0;}
.Part_1 .Tit{ position: relative; text-align: center; }
.Part_1 .Tit a{ display: inline-block; font-size: 48px; font-weight: bold; color: #0867d9; line-height: 1.8; letter-spacing: 5px; padding-left: 5px;}

.Part_1 .Content{margin: 15px 0px 0 0px; max-height: auto; padding:0; 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{width: 1048px;font-size: 20px;float: left;color: #333;user-select: text;text-align: justify;background: url(../images/Unit7_ico_3.png);}
.Part_1 .Content *{margin:0 !important;line-height: inherit !important;}
.Part_1 .Content p{text-indent: 2em;line-height: 49px !important;}
.Part_1 .Content a{ color: inherit;}


.Part2{width: 510px;padding-top: 30px;/* display: none; */position: absolute;right: 70px;top: 244px;}

.VideoPart{ height: 358px; box-sizing: border-box; border: 10px solid #FFF; background-color: #FFF; box-shadow: 0px 8px 29px 0px rgba(7,7,7,0.32); z-index: 1; margin-top: 23px; }
.VideoPart video{ width: 100%; height:288px; object-fit: cover; position: relative; z-index: 0; }
.VideoPart .videoControls{ position: absolute; width: 100%; height: 100%; z-index: 1; display: block; left: 0; top: 0; cursor: pointer; }
.VideoPart .videoControls.play{height: calc(100% - 100px);}
.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;}

.Part2 span {width: 97%;height: auto;overflow: hidden;font-size: 16px;line-height: 1.5;display: block;color: #666666;position: absolute;left: 10px;bottom: 4px;z-index: 2;}