@charset "UTF-8";


* {margin:0;box-sizing:border-box;}

html {width:100%;}
body {background:#14181f;width:100%;}

/* layout */
#wrapper {width:100%;height:100%;}
#header {z-index:2;position:sticky;top:0;left:0%; width:100%;min-width:1280px;height:80px;padding:0 40px;background:rgba(13, 17, 61, .9);}
#container {z-index:1;position:relative;top:-80px;width:100%;height:auto;min-width:1280px;margin-bottom:-80px;padding:0px 0px 0 0;background:#f9f9f9;}
#footer {z-index:1;position:relative;top:0px;width:100%;height:auto;min-width:1280px;padding:40px;background:none;background:#14181f url(../images/logo_white_40.png) no-repeat right 40px center;}

/* header */
#header > .logo {float: left;vertical-align: middle;font:600 26px/90px 'SCDR';color:#fff;}
#header > .logo img {margin:-5px 10px 0 0;}
.nav {float: right;display:flex;justify-content: center;align-items: center;flex-wrap:nowrap;}
.nav li {position:relative;margin-left:50px;}
.nav li a {font:600 16px/95px 'SCDR';color:#fff;}
.nav li>ul {position:absolute;left:50%;top:80px;transform:translateX(-50%); display:flex;justify-content: center;align-items: center;flex-wrap:wrap;height:auto;padding:10px 25px;border-radius:5px; background-color: rgba(0, 0, 0, .5);backdrop-filter: blur(20px);}
.nav li>ul>li {margin:0;padding:5px 5px;}
.nav li>ul>li a {font:500 14px/30px 'SCDR';color:#fff;}
.nav li:hover ul {animation-name:nav_ani;animation-duration:.5s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
.nav li>ul>li a:before {position:absolute;left:0;bottom:0;display:block;content:'';width:0;height:1px;background:#999;transition: all .3s;}
.nav li>ul>li a:hover {color: #75fffd;}
.nav li>ul>li.on a {color: #75fffd;}
.nav li>ul>li a:hover:before {width:100%;background:#75fffd;}
.nav li>ul>li.on a:before {width:100%;background:#75fffd;}



/* container */
#container.topbg1 {background:url(../images/lsh_sub_bg1.jpg)no-repeat 50% -210px;background-size: 100%;}
#container.topbg2 {background:url(../images/lsh_sub_bg2.jpg)no-repeat 50% -320px;background-size: 100%;}
#container.topbg3 {background:url(../images/lsh_sub_bg3.jpg)no-repeat 50% -450px;background-size: 100%;}
#container.topbg4 {background:url(../images/lsh_sub_bg4.jpg)no-repeat 50% -320px;background-size: 100%;}

#container>.title {display:inline-block;width:100%;height:240px;font-size:50px;font-weight:600;color:#fff;text-align: center;text-shadow: 0 0 5px rgba(0, 0, 0, .5);margin:0;padding:110px 0 0 0;}
#container>.title>span {display:inline-block;letter-spacing:5px;}
#container>.title>span {animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}


#container .tabMenu {display:block;width:100%;height:52px;background:#f1f1f1;border-top: 1px solid #ddd;border-bottom:1px solid #ddd;}
#container .tabMenu ul {position:absolute;left:50%;transform:translateX(-50%); width:100%;max-width:1600px;padding:0 100px; display:flex;justify-content: center;align-items: center;flex-wrap:wrap;background:#f1f1f1;}
#container .tabMenu li {position:relative;width:calc(100% / 3);line-height:50px;text-align: center;}
#container .tabMenu li:before {position:absolute;bottom:-4px;display:block;content:'';width:0%;height:4px;background: #1E288B;opacity:0;transition: all .5s;}
#container .tabMenu li.on:before {width:100%;opacity:1;}
#container .tabMenu li.on a {color: #1E288B;}
#container .tabMenu li a {display:inline-block;color:#111;font-size:20px;font-weight:500;transition: all .3s; width:100%;height:100%;}
#container .tabMenu li a:hover {transform: translateY(-3px);}

#container>.tabCon {display:inline-block;width:100%;font-size:30px;font-weight:600;background:#f3f3f3;}
#container>.tabCon>div {display:none;padding:50px 0;}
#container>.tabCon>div:nth-of-type(1) {display:block;}
#container>.tabCon .title {width:100%;padding:40px;font-size:50px;font-weight:500;color:#111;text-align: center;background:#fff;}
#container>.tabCon .content {position:relative;left:50%;transform: translateX(-50%); width:100%;max-width:1600px; display:flex;justify-content: center;align-items: top;flex-wrap:wrap;padding:20px 100px;font-size:18px;font-weight:400;}
#container>.tabCon .content h4 {display:inline-block;width:100%;line-height:50px;font-size:22px;color:#111;}
#container>.tabCon .content div {width:calc(100% - 260px);padding:10px 15px;}
#container>.tabCon .content div.noimg {width:100%;}
#container>.tabCon .content div.noimg pre {width:100%;font-family: 'SCDR';line-height:30px; font-size:18px;color:#333; word-break:break-all; padding:6px 0; white-space: pre-wrap;}
#container>.tabCon .content div.noimg pre img {width:auto; height:auto; max-width:100%;}
#container>.tabCon .content div p {display:table;justify-content:left; padding:5px 0;line-height:24 px;color:#333;}
#container>.tabCon .content div p span:nth-child(1) {display: table-cell;width:85px;font-weight:500;}
#container>.tabCon .content div p span:nth-child(2) {display: table-cell;width:15px;font-weight:500;}
#container>.tabCon .content div p span:nth-child(3) {display: table-cell;width:calc(100% - 100px);}
#container>.tabCon .content div p a {font-size:18px;color:#333; margin-top:-5px; display:inline-block;}
#container>.tabCon .content div.img {float: right;width:260px; margin-top:-50px; max-height:280px; overflow: hidden;}
#container>.tabCon .content div.img img {width:100%;height:auto;}
#container>.tabCon .content div p span:nth-child(2):before {content:':';}
#container>.tabCon .contentLine {position:relative;left:50%;transform: translateX(-50%); width:100%;max-width:1600px; display:flex;justify-content: center;align-items: top;flex-wrap:wrap;margin-top:40px; padding:20px 100px;border-top: 1px solid #ddd;}
#container>.tabCon .contentLine:last-child {border-top: 0px;}


#container>.tabCon .content div.researchRight {width:60%;}
#container>.tabCon .content div.researchRight pre {width:100%;font-family: 'SCDR';line-height:30px; font-size:18px;color:#333; word-break:break-all; padding:6px 0; white-space: pre-wrap;}
#container>.tabCon .content div.researchRight pre img {width:auto; height:auto; max-width:100%;}
#container>.tabCon .content div.researchLeft {width:40%;}
#container>.tabCon .content div.researchLeft img {width:auto; height:auto; max-width:100%;}

.peopleBox {display:flex;justify-content:left;align-items: flex-start;flex-wrap: nowrap; position:relative;left:50%;transform: translateX(-50%); width:100%;max-width:1600px; padding:20px 100px;font-size:18px;font-weight:400;}
.peopleBox ul.pList {width:100%;}
.peopleBox ul.pList li {display:inline-block;width:100%;border:1px solid #e1e2e4; border-radius: 20px; background:#fff; padding:30px 0; margin-bottom:40px;}
.peopleBox ul.pList li div.photo {float: left;width:250px;padding:0 30px; max-height:234px; overflow: hidden; }
.peopleBox ul.pList li div.photo img {width:100%;height:auto;}
.peopleBox ul.pList li ul {float: left;width:calc(100% - 250px); padding-left:30px;}
.peopleBox ul.pList li ul.noimg {width:100%;}
.peopleBox ul.pList li ul li {display:table;justify-content:left;align-items:center;flex-wrap: nowrap;width:100%;font-size:16px; padding:2px 0; margin-bottom:0px; border:0; border-radius: 0px;}
.peopleBox ul.pList li ul li a {font-size:16px;}
.peopleBox ul.pList li ul li div:nth-child(1) {display: table-cell;width:150px;height:100%;padding:10px 0;background:#e9f1f7;color: #1E288B;border-radius:5px; text-align: center;vertical-align: middle;}
.peopleBox ul.pList li ul li div:nth-child(2) {display: table-cell;width:calc(100% - 150px);height:auto;padding:0 20px;white-space:wrap;vertical-align: middle;}
.peopleBox ul.pList li ul li div.pTextBox pre {width:100%;font-family: 'SCDR';line-height:24px;font-size:16px;word-break:break-all; padding:6px 0; white-space: pre-wrap;}


/* footer */
.copy {font-weight:500;font-size:14px;color:#666;line-height:24px;}
.copy a {font-weight:500;font-size:14px; margin-top:-3px; display:inline-block;}

/* Animation */
@keyframes nav_ani {
	from {
		transform:translate(-50%,-10px);
		/* height:0; */
		opacity:0;
	}
	to {
		transform:translate(-50%,0px);
		/* height:auto; */
		opacity:1;
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}