@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: 'STKAITI';
    src:url('../font/STKAITI.ttf') format('ttf'),   /* 其次优先级 */
        url('../font/STKAITI.ttf') format('truetype'); /* 最后优先级 */
}
.warp{ background: url(../images/Unit5_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:1800px;margin: 206px auto 0px;height: 600px;user-select: none;box-sizing: border-box;background: url(../images/Unit5_ico_2.png) no-repeat center top;}
.MainFlex>h1{ width:auto;padding-left:190px;height:104px;line-height:104px;}
.MainFlex .conBox{width:100%;height:496px;box-sizing: border-box;padding:18px 50px 0px;}
.MainFlex .conBox .Part_1{/* width:280px; */width: 300px;height:496px;/* padding-left:32px; */padding-left: 20px;}
.MainFlex .conBox .Part_1 .Tit{width:100%;/* height:81px; */height: auto;overflow: hidden;margin-top: -18px;}
.MainFlex .conBox .Part_1 .Tit a{display:block;width:100%;height:100%;line-height:81px;}
.MainFlex .conBox .Part_1 .brief{width:100%;height: 360px;overflow: hidden;margin-top:-5px;/* padding-left:10px; */box-sizing: border-box;overflow-y: auto;}
.MainFlex .conBox .Part_1 .brief p{text-indent:2em;font-family: 'STKAITI'!important;font-size: 18px!important;line-height:1.5!important;}
.MainFlex .conBox .Part_1 .brief::-webkit-scrollbar { width:4px; }
.MainFlex .conBox .Part_1 .brief::-webkit-scrollbar-thumb { background:#d1d1d1; border-radius: 2px; }
.MainFlex .conBox .Part_1 .brief::-webkit-scrollbar-track { background:#f4f3f1; border-radius: 2px; }
.MainFlex .conBox .Part_1 .brief p a{/* color:#ff0000; */}
.MainFlex .conBox .Part_1 .brief p a:hover{color:#333333;}
.MainFlex .conBox .Part_2{width:1350px;height:496px;margin-right: 20px;}
.MainFlex .conBox .Part_2 ul li{/* width: 322px; */width: 260px;height:405px;float: left;margin-right: 12px;margin-top: 24px;}

.MainFlex .conBox .Part_2 ul li:last-child {
    margin-right: 0px;
}
.MainFlex .conBox .Part_2 ul li .tit{width: 32px;height:151px;margin-top:2px;position:relative;z-index:2;float: left;background: url(../images/Unit5_ico_5.png) no-repeat center top;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .tit{background: url(../images/Unit5_ico_6.png) no-repeat center top;text-align: center;}
.MainFlex .conBox .Part_2 ul li .tit a{display:block;width:100%;height:100%;box-sizing:border-box;padding:15px 5px 0px;font-size: 22px;font-weight: bold;color:#ffffff;font-family: 'SourceHanSerifCN';line-height: 22px;}
.MainFlex .conBox .Part_2 ul li .bd{border-left:5px solid #05a4e3;background:#ffffff;/* width:290px; */width: 228px;height:404px;float:right;box-sizing: border-box;box-shadow: 0px 6px 13px rgba(56,56,56,0.26);border-radius: 0px 0px 60px 0px;margin-top: 2px;/* padding-left: 40px; */padding: 0px 10px;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd{border-color:#0867d9;}
.MainFlex .conBox .Part_2 ul li .bd dl{width: 100%;height:346px;}
.MainFlex .conBox .Part_2 ul li .bd dl dd{width:100%;height: auto;background:#f2f5fa;margin-bottom: 8px;overflow: hidden;position: relative;margin-top: 17px;}

.MainFlex .conBox .Part_2 ul li .bd .pic { width: 200px;height: 260px;margin: 0 auto;}
.MainFlex .conBox .Part_2 ul li .bd .pic img { width: 100%;height: 100%;}
.MainFlex .conBox .Part_2 ul li:first-child .bd dl dd{/* height:70px; */}
.MainFlex .conBox .Part_2 ul li .bd dl dd a{display:flex;align-items:center;justify-content: center;padding:0px 8px;box-sizing:border-box;width:100%;height: 70px;font-size:18px;color:#333333;text-align: center;line-height:21px;position:relative;z-index: 2;margin-bottom: 20px;}
.MainFlex .conBox .Part_2 ul li .bd dl dd:first-child{background:none;}
.MainFlex .conBox .Part_2 ul li .bd dl dd:first-child a{font-size:22px;color:#05a4e3;font-weight: bold;line-height: 26px;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd dl dd:first-child a{color:#0867d9;}
/*.MainFlex .conBox .Part_2 ul li .bd dl dd:hover{background: #05a4e3;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd dl dd:hover{background: #0867d9;}*/
.MainFlex .conBox .Part_2 ul li .bd dl dd::after {content: "";position: absolute;z-index: 0;background: #05a4e3;height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd dl dd::after {content: "";position: absolute;z-index: 0;background: #0867d9;height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;}
.MainFlex .conBox .Part_2 ul li .bd dl dd:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}
.MainFlex .conBox .Part_2 ul li .bd dl dd:first-child::after{display:none;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd dl dd:first-child::after{display:none;}
.MainFlex .conBox .Part_2 ul li .bd dl dd:first-child:hover a{color:#05a4e3;text-decoration: underline;}
.MainFlex .conBox .Part_2 ul li:nth-child(2n) .bd dl dd:first-child:hover a{color:#0867d9;}
.MainFlex .conBox .Part_2 ul li .bd dl dd:hover a{color: #ffffff;}
.MainFlex .conBox .Part_2 ul li .bd>h1{width:200px;height: 59px;padding-top:21px;margin-bottom: 8px;}
.MainFlex .conBox .Part_2 ul li .bd>h1 a{display:block;width:100%;height:100%;font-size:22px;color:#05a4e3;font-weight: bold;text-align: center;line-height: 59px;}
.MainFlex .conBox .Part_2 ul li .bd .lists{width:200px;height: 144px;overflow-y:auto;padding-right: 28px;padding-top:9px;display: none;}
.MainFlex .conBox .Part_2 ul li .bd .lists p{width:100%;height:36px;}
.MainFlex .conBox .Part_2 ul li .bd .lists p a{display:block;width:100%;line-height:36px;font-size:16px;color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.MainFlex .conBox .Part_2 ul li .bd .lists p:hover a{color:#05a4e3;}
/**设置滚动条的样式**/
.MainFlex .conBox .Part_2 ul li .bd .lists::-webkit-scrollbar {width:4px;}
.MainFlex .conBox .Part_2 ul li .bd .lists::-webkit-scrollbar-track {background:#f4f4f4;border-radius:2px;}
.MainFlex .conBox .Part_2 ul li .bd .lists::-webkit-scrollbar-thumb {border-radius:2px;background:#05a4e3;}
.MainFlex .conBox .Part_2 ul li .bd .lists::-webkit-scrollbar{height:144px;}
.MainFlex .conBox .Part_2 ul li .u_links{width:200px;height: auto;overflow: hidden;}
.MainFlex .conBox .Part_2 ul li .u_links p{width:100%;height: 80px;background: #f2f5fa;margin-bottom: 11px;overflow: hidden;position: relative;}
.MainFlex .conBox .Part_2 ul li .u_links p a{display:block;width:100%;height:100%;overflow: hidden;position: relative;z-index: 2;}
.MainFlex .conBox .Part_2 ul li .u_links p:hover a{color:#ffffff;}
.MainFlex .conBox .Part_2 ul li .u_links p::after {content: "";position: absolute;z-index: 0;background: #dbe9ff;height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;}
.MainFlex .conBox .Part_2 ul li .u_links p:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}
.MainFlex .conBox .Part_2 ul li .u_links p a i{display: none;width:36px;height:30px;margin:17px 9px 0px 23px;float: left;}
.MainFlex .conBox .Part_2 ul li .u_links .p-1 a i{/* background: url(../images/Unit5_ico_7.png) no-repeat center; */display: none;}
.MainFlex .conBox .Part_2 ul li .u_links .p-2 a i{background: url(../images/Unit5_ico_8.png) no-repeat center;}
.MainFlex .conBox .Part_2 ul li .u_links p a span{display: flex;width:110px;height: 65px;float: left;align-items: center;font-size:18px;color:#05a4e3;line-height:21px; }
.MainFlex .conBox .Part_2 ul li .u_links p a span{color:#333333;display: flex;width:100%;text-align:center;line-height: 21px;height: 100%;align-items: center;justify-content: center;}
.MainFlex .conBox .Part_2 ul li .u_links p::after {content: "";position: absolute;z-index: 0;background: #05a4e3;height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;}
.MainFlex .conBox .Part_2 ul li .u_links p:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}
.MainFlex .conBox .Part_2 ul li .u_links p:hover a span{color:#ffffff;}
.MainFlex .conBox .Part_2 ul .li-4 .bd dl dd:first-child{height: auto;margin-top: 17px;margin-bottom:0px;}
.MainFlex .conBox .Part_2 ul .li-4 .bd dl dd{height:120px;}