@charset "utf-8";
/*通用样式*/
@font-face {
	font-family:bb;
	src: url(bb.otf);
}
@font-face {
	font-family:br;
	src: url(br.otf);
}
@font-face {
	font-family:bm;
	src: url(bm.otf);
}
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'br', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:url(../images/main-bg.jpg) center top repeat; background-attachment: fixed; font:normal 12px/22px "br";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.dn {display:none;}
div { box-sizing:border-box;}
.teamDesc p>span:last-child{ display:none;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.banner { display: flex; align-items: center; justify-content: center; background: url(../images/banner.jpg) center no-repeat; background-size: cover; height: 100vh;}
.topName { margin-bottom: 48px;}
.topName img {display:block; height:96px; margin:0 auto;}
.topName span { color: #E0B475 ;font-family: bm;}
.bannerMain { width: 1000px;padding-top:4%; text-align: center;}
.bannerDesc h2 {font-family: bm;
font-size: 80px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 104px;
font-weight: 500;}
.bannerLogo img { width: 128px;}
.bannerDesc p {font-family:bm;
font-size: 43px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 92px;
font-weight: 500;}
.bannerDesc p span { color:#E0B475 ;}
.bannerDesc { margin-bottom: 40px;}

.containers { padding: 136px 6.25vw 120px 370px;}
.asideTitle { margin-bottom: 26px; position: relative;}
.asideTitle span {
font-size: 28px;
color: #000000;
letter-spacing: 0;
line-height: 34px;
font-weight: 400; position: relative; z-index: 2;}
.asideTitle span b { color:#E0B475 ;}
.asideTitle::after { content: ''; top: 50%; position: absolute; width: 88px; height: 13px; background: #E0B475; opacity: .6; left: 31px;}
.asideTitle:nth-child(3)::after {width:50px;}
.asideDesc p {
font-size: 20px;
color: rgba(0,0,0,1);
letter-spacing: 0; 
line-height: 40px; word-spacing: 3px;text-align: justify;
 position: relative; z-index: 2;}
.asideDesc p span {text-wrap:balance!important;}
.asideDesc { margin-bottom: 48px; position: relative;}
.asideDesc:nth-child(3)::after { content: 'About Us'; position: absolute;opacity: 0.3;
font-size: 72px;
color: #E0B475;
letter-spacing: 0;
font-weight: 500; right: 0; top: -24px; line-height: 1;}
.visonTit { margin-bottom: 26px; position: relative;}
.visonTit span {
font-size: 28px;
color: #000000;
letter-spacing: 0;
line-height: 34px;
font-weight: 400; position: relative; z-index: 2;}
.visonTit span b { color:#E0B475;}
.visonTit::after { content: ''; top: 50%; position: absolute; width: 64px; height: 13px; background: #E0B475; opacity: .6; left:16px;}
.visonDesc p {
font-size: 20px;
color: #000000;
letter-spacing: 0;
line-height: 40px;
font-weight: 400;}
.aside { margin-bottom: 120px;}
.portfolioTit { margin-bottom: 64px; position: relative;}
.portfolioTit::after { content: ''; position: absolute; top: -4px; border-radius: 50%; left:-12px; background: #E0B475; opacity: .6; width: 40px; height: 40px;}
.portfolioTit span { display: block; position: relative; z-index: 2;font-family:bm;
font-size: 36px;
color: #000000;
letter-spacing: 0;
font-weight: 500; position: relative; line-height: 1;}
.portfolioList ul { display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 120px;}
.portfolioList li {justify-content: center; transition: all .5s; text-align: center; align-items: center; overflow: hidden; position: relative;/*border: 1px solid rgba(224,180,117,0.4);*/ box-sizing: border-box; display:flex; height:144px;}
.portfolioList li a {width:100%;height:100%;justify-content: center; transition: all .5s; text-align: center; align-items: center; overflow: hidden; position: relative;/*border: 1px solid rgba(224,180,117,0.4);*/ box-sizing: border-box; display:flex;}
.portfolioList li img { display:flex; width:60%; max-height:144px; object-fit:cover;}
.portfolioList li p { position: absolute; bottom: -100%; width: 100%; line-height: 40px; background: rgba(0,0,0,0.66); text-align: center;left: 0;font-size: 14px;
color: #E0B475;letter-spacing: 0;font-weight: 400; transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.portfolioList li:hover p { bottom: 0;}
.portfolioList li:hover { background: #ffffff; /*border: 1px solid rgba(224,180,117,0);*/ box-shadow:0px 2px 8px 0px rgba(192,192,192,0.5);}
.reportTit { margin-bottom: 65px; position: relative;}
.reportTit::after { content: ''; width: 24px; height: 24px;background: #E0B475; position: absolute; left: -12px; border-radius: 50%; top: 0;}
.reportTit::before { content: '';  width: 16px; height: 16px; background: #E0B475; position: absolute; left:90px; border-radius: 50%; top: 16px;}
.reportTit span {
font-size: 36px;
color: #000000;
letter-spacing: 0;
line-height: 1;
font-weight: 500; position: relative; z-index: 2;}
.reportList { height:652px; overflow-y:auto;}
.reportList::-webkit-scrollbar { display: none;}
.reportList ul::after { content: ''; clear: both; display: block; height: 0;}
.reportList li {transition: all .5s; position: relative; margin-bottom: 32px; padding: 32px; float: left; width: calc(50% - 60px); box-sizing: border-box; border: 1px solid rgba(224,180,117,0.3); border-radius:12px;}
.reportList li:nth-child(2n) { float: right;}
.reportArt { height: 204px; overflow:hidden;}
.reportArt h2 {font-family:bm;
font-size: 26px;
color: #000000;
letter-spacing: 0;
line-height: 42px; 
font-weight: 500; margin-bottom: 16px; /*overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;*/}
.reportArt a>span { display: block; margin-bottom: 16px;
font-size: 16px;
color: #666666;
letter-spacing: 0;
line-height: 1; display: none;
font-weight: 400;}
.reportArt p {
font-size: 18px;
color: #404040;
letter-spacing: 0;
line-height: 32px; height: 128px;
font-weight: 400; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.reportDate { position: absolute; right: -121px; width: 120px; text-align: center; top: 0;}
.reportDate p {font-size: 30px; font-family: bm;
color: #000000;
letter-spacing: 0;
text-align: center;
line-height: 1;
font-weight: 500;}
.reportDate span { display: block;font-size: 14px; font-family: bm;
color: #000000;
letter-spacing: 0;
text-align: center;
line-height: 2;
font-weight: 500;}
.reportList li:nth-child(2n) .reportDate { right: auto; left: -121px; bottom:60px; top: auto;}
.reportDate::after { content: ''; position: absolute; transform: rotate(45deg);}
.reportDate b {position: relative; background: rgba(224,180,117,0.20); margin: 0 auto; display: block; width:16px; height: 16px; border-radius: 50%;}
.reportDate b::after { content: ''; position: absolute; width: 10px; height: 10px; background: #E0B475; border-radius: 50%; position: absolute; left: 3px;
top: 3px;}
.reportDate::after { content: ''; transition: all .5s; position: absolute; transform: rotate(45deg); width: 12px; height: 12px;background: #E0B475;
left: -6px; top: 36px;}
.reportList li:nth-child(2n) .reportDate::after {left: auto; right: -6px;}
.reportList li:hover .reportDate::after { background: #000000;}
.reportList li:hover {border: 1px solid rgba(224,180,117,1);
box-shadow: 0px 2px 8px 0px rgba(192,192,192,0.5);}
.reportList li::after {content: ''; position: absolute; right: -62px; top:85px; width: 1px; height: 68px; background: #E0B475; opacity: .4;}
.reportList li:nth-child(2n)::after  { height: 68px; top:240px; right: auto; left: -61px;}
.reportList li:last-child::after { display: none;}
.teamTit { margin-bottom: 64px; position: relative;}
.teamTit span { position: relative; z-index: 2; display: block;font-size: 36px;
color: #000000;
letter-spacing: 0;
font-weight: 500; font-family: bm; line-height: 1;}
.teamTit::after {content: '';opacity: 0.6;
transform: rotate(45deg);
background: #E0B475;
border-radius: 4px; width: 31px; height: 31px; display: block; position: absolute; left: -2.58px; top: 0;}
.teamTit::before { content: '';opacity: 0.6;
transform: rotate(45deg);
background: #000000;
border-radius: 1px; width: 4px; height: 4px; position: absolute; left: 30px;}
.teamList li { width: 23%; padding-bottom: 12px; border-bottom: 1px solid rgba(224,180,117,.6); text-align: center;}
.teamList li:nth-child(4n) { margin-right: 0;}
.teamList h2 {font-family: bm;
font-size: 16px;
color: #000000;
letter-spacing: 0;
text-align: center; line-height:20px;
font-weight: 500; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
}
.teamList span { display: block;font-size: 15px;
color: #BC883E;
letter-spacing: 0;
height:15px;
line-height: 1;
font-weight: 400; margin: 6px 0 4px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.teamList p {font-size: 12px;
color: rgba(0,0,0,.85);
letter-spacing: 0;
text-align: left;
line-height: 22px;
font-weight: 400;overflow: hidden;}
.teamList ul {gap:3vw 2.66%; display: flex; flex-wrap: wrap;}
.contactTit {margin-bottom: 64px; position: relative;}
.contactTit span { position: relative; z-index: 2;font-size: 36px;
color: #000000;
letter-spacing: 0;
font-weight: 500; font-family: bm;}
.contactTit::after { content: ''; width: 24px; height: 24px; border-radius: 50%; left: 101px; background: #E0B475; position: absolute;}
.descArt h2 { display: none;
font-size: 28px;
color: #000000;
letter-spacing: 0;
line-height: 34px;
font-weight: 400; margin-bottom: 10px;}
.descArt h2 span { color: #E0B475;}
.descArt p {
font-size: 18px;
color: rgba(0,0,0,1);
letter-spacing: 0;
line-height: 38px;
font-weight: 400; word-spacing:2px;}
.descArt p a {color: #BC883E}

.follow ul{margin-top:56px; display: flex; align-items: center;}
.follow li {transition: all .5s; width:33.33%;}
.follow li img { display: inline-block; margin-right: 12px; vertical-align: -10px; height: 32px;}
.follow li:last-child { margin-right: 0;}
.follow li span { color: #000000; font-size: 20px; font-weight: 400;}
.follow h2 {margin: 72px 0 35px; font-size: 26px; line-height: 31px; font-family: bm;}
.follow h2 span { color: #E0B475;}

.follow dt:hover { background: #ffffff; box-shadow:0px 2px 8px 0px rgba(192,192,192,0.5);}
.follow dl { display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 32px;}
.follow dt {justify-content: center; transition: all .5s; text-align: center; align-items: center; overflow: hidden; position: relative;border: 1px solid rgba(224,180,117,0.4); box-sizing: border-box; display:flex;}
.follow dt img { display:block; max-width: 100%;}
.follow dt p { position: absolute; bottom: -100%; width: 100%; line-height: 48px; background: #000000; text-align: center;left: 0;font-size: 16px;
color: #E0B475;letter-spacing: 0;font-weight: 400; transition: all .4s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.follow dt:hover p { bottom: 0;}
.follow dt:hover { background: #ffffff; border: 1px solid rgba(224,180,117,0); box-shadow:0px 2px 8px 0px rgba(192,192,192,0.5);}
.jobTitle { margin-bottom:56px; position: relative;}
.jobTitle span {font-family: bm; line-height: 1; position: relative; z-index: 2;
font-size: 36px;
color: #000000;
letter-spacing: 0;
font-weight: 500;}
.jobTitle::after { content: ''; width: 16px; height: 16px; border-radius: 50%; background: #E0B475; position: absolute;left: -4px; top: 10px;}
.jobTitle::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: #E0B475; position: absolute;left: 61px;}
.teamImg {margin: 0 auto 16px;width:40%;border-radius: 50%;overflow: hidden;padding-top:40%; position: relative;}
.teamImg img {display: block;width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;}
.reportList li:last-child { margin-bottom: 0;}
.reportList li:last-child + li {margin-bottom: 0;}
.jobList li { margin-bottom: 32px; position: relative; /*padding: 56px; border: 1px solid rgba(224,180,117,0.4);*/}
.jobList li:last-child { margin-bottom: 0;}
.jobList li::after {content: ''; background: url(../images/sj.png) center no-repeat; width: 32px; height: 32px;
position: absolute; left: 0; top: 0; display:none;}
.jobTitle .mailBtn { transition: all .5s; color: #000000;float:right; vertical-align:4px; margin-left:40px; text-align: right: 0px; top: 0px; line-height:37px; font-size:20px;font-family: bm;}
 .mailBtn img {     width: 20px; vertical-align: -4px;}
 .jobList h3 { font-size: 32px; line-height: 48px; margin-bottom:36px;}
 .jobPart h4 { font-size: 20px; margin-bottom: 24px; line-height: 1;}
 .jobPart h4 span { color: #E0B475;}
 .jobPart p {font-size: 20px;
    color: rgba(0,0,0,1);
    letter-spacing: 0;
    line-height: 40px;
    word-spacing: 3px;
    text-align: justify;
    position: relative;
    z-index: 2;}
 .jobPart { margin-bottom: 32px;}
 .jobPart:last-child { margin-bottom: 0;}
 .jobList .mailBtn:hover {  background: #ffffff;box-shadow:0px 2px 8px 0px rgba(192,192,192,0.5);}
 .footer { background: url(../images/bg-bottom.jpg) center no-repeat; background-size: cover;}
 .footerTop {text-align:center; overflow:hidden;padding:40px 80px;}
 .footDest { margin-left: 96px; text-align: left; display: inline-block; vertical-align: top;}

 .leftFooter p {display:none; font-size:16px; margin-bottom:16px; line-height:18px; color:#E0B475}
 .leftFooter p a { color:#E0B475}
 .leftFooter span {display:block; margin:0 auto; font-size:16px; line-height:1;color:#E0B475;}
 .footDest p,.footDest span {font-family: bm;
font-size: 30px;
color: #E0B475;
letter-spacing: 0;
line-height: 56px;
font-weight: 500;}
.footerLink {display:none; float:right; vertical-align: top;}
.footerLink a { margin: 0 0 0 24px; width: 48px; display:inline-block; vertical-align: top;}
.copyRight { text-align: center;opacity: 0.8;
font-family:bm;
font-size: 16px;
color: #E0B475;
letter-spacing: 0;
font-weight: 500; margin-top: 116px;}

.header {transition: all .5s; position: fixed; z-index: 12; width: 100%; left: 0; height: 80px; top: 0; padding-top:56px;}
.header.act { background:url(../images/main-bg.jpg) center top no-repeat; padding: 0;}
.langChose {border-radius:6px; transition: all .5s; text-align: center; position: absolute; right: 6.25%; border: 1px solid rgba(255,255,255,.5); line-height: 38px; width: 128px;font-size: 18px;color: #FFFFFF;letter-spacing: 0;font-weight: 400;}
.langChose h2 { cursor: pointer; font-size: 16px;}
.header.act .langChose { display:none; line-height: 38px; color: #000000; border: 1px solid #000000; top:20px; width: 196px;}
.header.act .langChose i { background: url(../images/up.png) center no-repeat;}
.langChose i {    vertical-align: -2px; display: inline-block; background: url(../images/up_white.png) center no-repeat; width: 16px; height: 16px; margin-left: 12px;}
.nav {align-items: center; width: 320px; box-sizing: border-box; padding-left: 80px; display: flex; position: fixed; left: 0; top: 100vh; height: 100vh;}
.nav.posBottom { position: absolute; bottom: 0; top: auto!important;}
.contBox { position: relative;}
.navCont li { cursor: pointer; font-size: 26px; color: #666666; line-height: 1; margin-bottom: 56px;}
.navCont .navLogo { margin-bottom: 56px;}
.navCont li.active { font-size: 32px; color: #000000;}

.navCont li i {display: inline-block;background-image: linear-gradient(135deg, #F2DBAD 15%, #E0B475 85%); width:8px; height:8px; border-radius:50%; vertical-align: top; margin-left:6px; opacity: 0; transition: all .5s;}
.navCont li.active i { opacity: 1;}
.navCont li a {color:#666666}
.header h3 { transition: all .5s; opacity: 0; font-size: 30px; color: #000000; font-family: bm; text-align: center;height: 80px; padding-top:12px; box-sizing:border-box; position: absolute; left: 0; top: 0; width: 100%;}
.header h3 img {height:56px; display:block;margin:0 auto;}
.header h3 span { color: #E0B475;}
.header.act h3 { opacity: 1;}
.langChose dl { display: none;padding:20px 0; font-size:16px; background:rgba(24,25,29,.6); text-align: left;text-indent: 24px; position: absolute; width: 100%; left: 0; top: 52px;}
.langChose dt { cursor: pointer; line-height: 1; margin-bottom: 24px; color: #ffffff;}
.langChose dt:last-child { margin-bottom: 0;}
.header.act .langChose h2{ font-size: 16px;}
.header.act .langChose dt { font-size: 16px; margin-bottom: 16px;}
.header.act .langChose dt:last-child {margin-bottom: 0;}
.bannerLink a { margin:0 16px; font-size:22px;color:#ffffff; line-height:32px;}
.bannerLink a img {width:32px; display:inline-block; vertical-align: -8px; margin-right:12px;}
.jobEnter { display:none;}
.bannerLink a:nth-child(n+3) {display:none;}
@media screen and  (max-width:1450px){
    .teamList ul {gap:2vw 2.66%}
    .asideTitle:nth-child(4)::after {width:54px;height:10px;left:16px;}
    .jobTitle::before {width:8px; height:8px; left:50px;}
    .navCont li{font-size:18px; margin-bottom:40px;}
    .navCont li.active{font-size:24px;}
    .navCont li:last-child{ margin-bottom:0;}
    .navCont .navLogo{margin-bottom:40px;}
    .navLogo img { width: 90px;}
    .asideTitle span {font-size:24px}
    .portfolioTit span,.reportTit span,.teamTit span,.contactTit span,.jobTitle span {font-size:28px;}
    .asideTitle::after {width:72px; height:10px;}
    .asideDesc p,.descArt p,.jobPart p {font-size:16px;line-height:38px;}
    .reportArt p{font-size:16px; line-height:32px}
    .asideDesc::after {font-size:70px;top:-20px;}
    .portfolioTit::after {width:30px; height:30px;} 
    .reportTit::before {left:70px; top:10px;}
    .containers{padding:136px 6.25vw 120px 370px;}
    .aside,.portfolioList ul {margin-bottom:88px;}
    .teamTit::after {width:26px; height:26px;}
    .teamTit,.contactTit { margin-bottom:56px;}
    .reportTit {line-height:1; margin-bottom:56px;}
    .contactTit::after {left:60px; width:24px;height:24px;}
    .portfolioTit,.portfolioTit {margin-bottom:56px;}
    .reportArt h2 {font-size: 20px;line-height: 1.5;}
    .descArt h2 {font-size:20px;}
   
    .jobList h3 {font-size:24px}
    .reportList li::after {height:60px; top:90px;}
    .reportList li:nth-child(2n) .reportDate {bottom:auto;top:167px;}
    .reportList li:nth-child(2n)::after {height:60px; top:260px;}
    .footLogo img {width:112px;}
    .footDest p, .footDest span{font-size:24px;line-height:48px;}
    .footDest {margin-left:56px;}
    .footerLink {margin-left:45px;}
    .copyRight {margin-top:80px;}
}
@media screen and  (max-width:1220px){
    .reportList {height:auto;}
    .topName img {max-width:40%; height:auto; display:block; margin:0 auto;}
    .jobEnter { display:block; position:absolute; bottom:40px; right:16px; width:48px;height:48px;border-radius:50%;
        background: #ffffff; text-align: center; line-height: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.2); line-height: 48px; font-size: 16px;
    }
    .portfolioList li {height:60px;}
    .portfolioList li img { max-width:60%;}
    .bannerLink a {font-size:14px; margin:0 10px; }
    .bannerLink a:last-child {display:none;}
    .bannerLink a img{margin-right:6px;height:24px; width:24px; vertical-align:-6px;}
    .descArt p a {font-size:14px;}
    .descArt p a {display:block;}
    .jobPart {margin-bottom:15px;}
    .jobList .mailBtn {height:32px; font-size:16px; line-height:2;}
    .mailBtn img {width:16px}
    .jobTitle {margin-bottom:15px;}
    .jobTitle span{font-size:20px;}
    .jobList h3 {font-size:20px;margin-bottom:15px;}
    .jobPart h4 {font-size:16px;}
    .jobList li {padding:18px;}
    .jobPart p {text-align:left; font-size:14px; line-height:2;}
    .jobList .mailBtn {position:static;}
	.footDest { display: block; text-align: center; margin: 0;}
	.footDest p, .footDest span { font-size: 20px; line-height: 2;}
	.copyRight { font-size: 16px;}
	.footer { padding: 20px;}
	.footLogo img { display: block; width: 100px; margin: 0 auto;}
	.bannerDesc h2 { font-size:24px; line-height: 1.5;}
	.bannerDesc p { font-size:16px; line-height: 1.5;}
	.topName { font-size: 30px;}
	.bannerLogo img { width: 100px;}
	.langChose h2,.header.act .langChose h2 { font-size: 14px;}
	.langChose i,.header.act .langChose i { width: 8px; height: 8px; background-size: 100% auto;}
	.langChose dt,.header.act .langChose dt { font-size: 14px; margin-bottom: 14px;}
	.header { padding-top: 20px;}
	.langChose,.header.act .langChose { top: 13px; width: 158px; line-height: 34px;}
	.nav { display:none; padding-left: 10px; width: 30px;}
	.nav li {margin-bottom: 0;
    -webkit-writing-mode: vertical-rl; line-height: 20px;
    writing-mode: vertical-rl; font-size: 12px; padding: 6px 0;}
	.navCont li.active { font-size: 18px;}
	.navCont li:last-child { padding:6px 0; line-height: 20px;}
	.navLogo { display: none;}
	.header.act h3 {height:60px; padding-top:14px;}
    .header.act h3 img {height:32px;}
	.containers { padding: 80px 24px 24px 24px;}
	.navCont li i { width: 6px; height: 6px;}
	.asideDesc::after { font-size:40px; top: -10px;}
	.asideTitle span,.visonTit span,.portfolioTit span,.reportTit span,.teamTit span,.contactTit span { font-size: 20px;}
	.contactTit::after { width: 12px; height: 12px; left: 50px;}
	.teamTit::after { width: 15px; height: 15px;}
	.teamTit,.contactTit { margin-bottom: 15px;}
	.descArt h2 { font-size: 20px; margin-bottom: 10px; line-height: 1;}
	.reportTit::after { width: 12px; height: 12px; left: -6px;}
	.reportTit::before { width: 8px; height: 8px; top: 6px; left: 60px;}
	.portfolioTit::after { width: 20px; height: 20px; left: -5px;}
	.portfolioTit { margin-bottom: 10px;}
	.visonTit::after { height: 6px; width: 40px;}
	.asideTitle::after { width: 60px; height: 6px;}
	.asideTitle,.visonTit { margin-bottom: 10px;}
	.asideDesc p,.visonDesc p,.descArt p { word-spacing:2px; text-align:left; font-size: 16px; line-height: 2;}
	.teamList span {font-size:14px}
	.follow h2 { margin: 30px 0 15px; font-size: 20px;}
	.follow li { float:left; width:50%; padding: 10px 0; margin-bottom: 6px;}
	.follow li img {margin-right:6px; vertical-align:-6px; height:24px;}
	.follow ul{margin-top:26px; overflow:hidden;}
	.copyRight { margin-top: 20px;}
	.follow dt { flex:1;}
	.follow dl {display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;}
	.follow ul { display: block;}
	.follow li span { font-size: 14px;}
	.asideDesc { margin-bottom: 20px;}
	.header.act { height: 60px;}
	.aside { margin-bottom: 30px;}
	.portfolioList ul {display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:6px;
    margin-bottom:20px }
    .reportArt {height:auto;}
	.reportTit  { margin-bottom: 15px;}
	.reportList li { padding: 10px; margin-left: 60px; float: none!important; width: calc(100% - 60px);}
	.portfolioList li p,.follow dt p { font-size: 12px; line-height:28px;}
	.reportDate { right: auto!important; left: -60px!important; bottom: auto!important; top: 10px!important; width: 60px;}
	.reportDate::after { left: auto; right: -6px;}
	.reportDate span { font-size: 12px;}
	.reportDate p { font-size: 24px;}
	.reportArt h2 { font-size: 16px; line-height: 1.5; margin-bottom: 6px;}
	.reportArt span { font-size: 12px; margin-bottom: 6px;}
	.reportArt p { font-size: 14px; line-height: 1.5; height: auto;}
	.reportDate::after { width: 6px; height: 6px; right: -3px!important; top: 32px;}
	.reportList li::after { right: auto!important;
    left: -31px!important;
    height: 100px!important;
    top: 85px!important;}
	.teamList li { width: 48%;}
	.footerTop {padding:0;}
	.leftFooter {float:none;text-align:center;}
	.footerLink {margin:20px 0 0; text-align:center; float:none;}
	.footerLink a { margin:0 20px;}
	.jobList .mailBtn {text-align:left;}
	.jobList ul {padding-bottom:40px;}
	.contBox .jobEnter { color:#000000}
}

@media screen and  (max-width:780px){

}