@charset 'utf-8'; /*academiaIndustryCooperation*/ .content-research-academiaIndustryCooperation{position:relative; min-height:800px;} .content-research-academiaIndustryCooperation ul.cooperation-list{position:relative;} .content-research-academiaIndustryCooperation ul.cooperation-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;} .content-research-academiaIndustryCooperation ul.cooperation-list li{float:left; width:31.3%; margin-right:3%; margin-bottom:4%;} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(3n+0){margin-right:0} .content-research-academiaIndustryCooperation ul.cooperation-list li .logo{position:relative; width:100%; height:100%; border:1px solid #e0e0e0; background:#fafafa ; box-sizing:border-box;} .content-research-academiaIndustryCooperation ul.cooperation-list li .logo a{display:block;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .logo{border:2px solid #a9d6ec; background:#fff;} .content-research-academiaIndustryCooperation ul.cooperation-list li .logo img{width:100%; height:100%; display:block; vertical-align:middle;} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text{width:100%; display:none;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text{display:block;position:absolute;left:0;background:#d4edfa; border:2px solid #a9d6ec; box-sizing:border-box; margin-top:40px;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .inner-text{padding:40px} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong{font-size:32px; color:#033b8c; line-height:48px; font-style:normal; font-weight:700;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong > span{font-size:22px;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text p{line-height:28px; font-size:18px;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .btn-close{position:absolute; top:18px; right:18px} /*researchAccomoplishment*/ .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list{} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li{float:left; width:31.3%; margin-right:3%; margin-bottom:3%; border:1px solid #e0e0e0; box-sizing:border-box; background:#fafafa;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont{padding:30px; background:#fff;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont strong{font-size:32px; color:#033b8c; font-style:normal; font-weight:700; display:block; line-height:48px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont p{font-size:20px; line-height:26px; color:#333333; font-weight:600;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont{padding:30px; background:#fafafa;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont p{line-height:26px;} .accomoplishment-bg img{width:100%; display:block; vertical-align:middle;} .accomoplishment-bg .m-img{display:none} /*affiliatedReserchCenter*/ .content-research-affiliatedResearchCenter{} .content-research-affiliatedResearchCenter:after{clear:both; display:block; overflow:hidden; content:""; height:0} .content-research-affiliatedResearchCenter .l-center{float:left; width:50%;} .content-research-affiliatedResearchCenter .r-center{float:left; width:50%;} .content-research-affiliatedResearchCenter section{margin-bottom:40px;} .content-research-affiliatedResearchCenter ul{margin-top:20px;} .content-research-affiliatedResearchCenter ul li{line-height:32px;} .content-research-affiliatedResearchCenter .center-bg img{width:100%; display:block; vertical-align:middle;} .center-bg .m-img{display:none !important} .partners-tit{text-align:center; margin-bottom:48px; } .partners-tit strong{display:inline-block; font-size:28px; line-height:59px; padding-left:50px; color:#333333; font-style:normal; font-weight:600; background:url(../../images/research/ico_partners.png) no-repeat left center; } @media all and (min-width:1200px){ .content-research-researchAccomplishment{max-width:100% !important; padding:0 !important; margin:0 !important;} .content-research-researchAccomplishment .accomoplishment-area{max-width: 1165px; padding: 0 17.5px; margin: 80px auto;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li:nth-child(3n+0){margin-right:0} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.first{min-height:330px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.second{min-height:400px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.third{min-height:355px;} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(1) .cooperation-text span.arrow{position:absolute; top:-18px; left:15%} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow img{width:27px; height:15px;} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(2) .cooperation-text span.arrow{position:absolute; top:-18px; left:50%; margin-left:-13px} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(3) .cooperation-text span.arrow{position:absolute; top:-18px; right:15%} } @media all and (min-width:992px) and (max-width:1199px) { .content-research-researchAccomplishment{max-width:100% !important; padding:0 !important; margin:0 !important;} .content-research-researchAccomplishment .accomoplishment-area{max-width: 1165px; padding: 0 17.5px; margin: 80px auto;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont{padding:20px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont strong{font-size:29px; color:#033b8c; font-style:normal; font-weight:700; display:block; line-height:45px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont p{font-size:18px; line-height:23px; color:#333333; font-weight:600; letter-spacing:-0.5px} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont{padding:20px; background:#fafafa;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li:nth-child(3n+0){margin-right:0} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.first{min-height:330px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.second{min-height:400px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li.third{min-height:355px;} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(1) .cooperation-text span.arrow{position:absolute; top:-18px; left:15%} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow img{width:27px; height:15px;} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(2) .cooperation-text span.arrow{position:absolute; top:-18px; left:50%; margin-left:-13px} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(3) .cooperation-text span.arrow{position:absolute; top:-18px; right:15%} } @media all and (min-width:768px) and (max-width:991px) { /*academiaIndustryCooperation*/ .content-research-academiaIndustryCooperation{position:relative; min-height:100%;border-top: 2px solid #acacac; padding:30px !important; } .content-research-academiaIndustryCooperation ul.cooperation-list{position:relative;} .content-research-academiaIndustryCooperation ul.cooperation-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;} .content-research-academiaIndustryCooperation ul.cooperation-list li{float:none; width:100%; margin-right:0; margin-bottom:30px;} .content-research-academiaIndustryCooperation ul.cooperation-list li .logo{position:relative; width:100%; height:100%; margin-bottom:0; border:1px solid #e0e0e0; background:#fafafa ; box-sizing:border-box;} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow{position:absolute; top:-28px; left:50%; margin-left:-27px;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .logo{border-bottom:0} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text{position:relative; margin-top:0} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .inner-text{padding:40px; padding:4vw } .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong{display:block; font-size:48px; font-size:4.8vw; line-height:3.8vw; margin-bottom:15px;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong > span{font-size:32px; font-size:3.2vw} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow img{width:100%; height:100%} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text p{font-size:32px; font-size:3.2vw; line-height:43px; line-height:4.3vw;} /*researchAccomoplishment*/ .content-research-researchAccomplishment{padding:0 !important} .content-research-researchAccomplishment .accomoplishment-area{padding:0 30px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li{float:none; width:100%; margin-right:0; margin-bottom:4%;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont{padding:30px; padding:3vw; background:#fff;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont strong{font-size:55px; font-size:5.5vw; line-height:94px; line-height:9.4vw} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont p{font-size:38px; line-height:46px; font-size:3.8vw; line-height:4.6vw;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont{padding:30px; background:#fafafa; padding:3vw;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont p{font-size:32px; line-height:46px; font-size:3.2vw; line-height:4.6vw;} .accomoplishment-bg .p-img{display:none} .accomoplishment-bg .m-img{display:block} /*affiliatedResearchCenter*/ .content-research-affiliatedResearchCenter{padding:0 !important;} .content-research-affiliatedResearchCenter > div.area{border-top: 2px solid #acacac; padding:30px !important;} .content-research-affiliatedResearchCenter .l-center{float:none; width:100%;} .content-research-affiliatedResearchCenter .r-center{float:none; width:100%;} .content-research-affiliatedResearchCenter section{margin-bottom:50px;} .content-research-affiliatedResearchCenter ul li{line-height:50px; font-size:28px;} .center-bg .p-img{display:none} .center-bg .m-img{display:block} } @media all and (max-width:767px){ /*academiaIndustryCooperation*/ .content-research-academiaIndustryCooperation{position:relative; min-height:100%;border-top: 2px solid #acacac; padding:15px !important; } .content-research-academiaIndustryCooperation ul.cooperation-list{position:relative;} .content-research-academiaIndustryCooperation ul.cooperation-list li{float:none; width:100%; margin-right:0; margin-bottom:30px; margin-bottom:3.8vw;} .content-research-academiaIndustryCooperation ul.cooperation-list li .logo{position:relative; width:100%; height:100%; margin-bottom:0; border:1px solid #e0e0e0; background:#fafafa ; box-sizing:border-box;} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow{position:absolute; top:-28px; top:-3.5vw; left:50%; margin-left:-27px; margin-left:-3.4vw;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .logo{border-bottom:0} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text{position:relative; margin-top:0} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .inner-text{padding:40px; padding:5.1vw;} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong{display:block; font-size:48px; font-size:4.8vw; font-size:6.1vw; line-height:4.8vw; margin-bottom:15px} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text strong > span{font-size:32px; font-size:3.2vw; font-size:4.1vw} .content-research-academiaIndustryCooperation ul.cooperation-list li .cooperation-text span.arrow img{width:28px; height:14px; } .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text p{font-size:32px; font-size:3.2vw; font-size:4.1vw; line-height:43px; line-height:4.3vw; line-height:5.1vw} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(1) .cooperation-text span.arrow{position:absolute; top:-18px; left:50%} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(2) .cooperation-text span.arrow{position:absolute; top:-18px; left:50%; margin-left:-14px} .content-research-academiaIndustryCooperation ul.cooperation-list li:nth-child(3) .cooperation-text span.arrow{position:absolute; top:-18px; right:50%} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .btn-close {top:2.3vw; right:2.3vw} .content-research-academiaIndustryCooperation ul.cooperation-list li.on .cooperation-text .btn-close img{width:3.2vw; height:3.2vw;} .partners-tit strong{font-size:18px; line-height:49px; background-size:8%; padding-left:35px} .partners-tit{margin-bottom:15px;} /*researchAccomoplishment*/ .content-research-researchAccomplishment{padding:0 !important} .content-research-researchAccomplishment .accomoplishment-area{padding:0 15px;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li{float:none; width:100%; margin-right:0; margin-bottom:4%;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont{padding:30px; padding:3.8vw; background:#fff;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont strong{font-size:55px; font-size:7vw; line-height:94px; line-height:12vw} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .top-cont p{font-size:38px; line-height:46px; font-size:4.8vw; line-height:5.8vw;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont{padding:30px; background:#fafafa; padding:3.8vw;} .content-research-researchAccomplishment .accomoplishment-area ul.accomoplishment-list li .bot-cont p{font-size:32px; line-height:46px; font-size:4.1vw; line-height:5.8vw;} .accomoplishment-bg .p-img{display:none} .accomoplishment-bg .m-img{display:block} /*affiliatedReserchCenter*/ .content-research-affiliatedResearchCenter{padding:0 !important;} .content-research-affiliatedResearchCenter > div.area{border-top: 2px solid #acacac; padding:15px !important;} .content-research-affiliatedResearchCenter .l-center{float:none; width:100%;} .content-research-affiliatedResearchCenter .r-center{float:none; width:100%;} .content-research-affiliatedResearchCenter section{margin-bottom:20px;} .content-research-affiliatedResearchCenter ul li{line-height:26px; font-size:16px;} .center-bg .p-img{display:none} .center-bg .m-img{display:block} }