@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');


/*reset*/
/*******************************************************************/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,picture,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{max-width:100%;height:auto;border-style:none;vertical-align:middle}i{vertical-align:middle}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}i{font-style:normal}
html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
a { color: #000; text-decoration: none;}
*:focus { outline: none;}


/*LAYOUT*/
/*******************************************************************/
html { font-size: 62.5%;}
body { -webkit-text-size-adjust: 100%; touch-action: manipulation; width: 100%; height: 100%; font-family: 'Noto Sans SC', sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.4; color: #000;}
.arlen-container { position: relative; width: 100%;}
.scrollwrapper { position: relative; width: 100%;}
i { font-family: 'Montserrat', sans-serif;}


/*HEADER*/
/*******************************************************************/
.contactbtn a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 156px; min-height: 56px; padding: 12px; text-align: center; background: #0023FF; border-radius: 40px; font-weight: 700; color: #FFF; overflow: hidden;}
.contactbtn a i { position: relative; display: block; margin-top: 4px; font-size: 1.4rem; letter-spacing: 0.15em; line-height: 1;}
.contactbtn a span { position: relative; display: block; margin-top: 4px; font-size: 1rem; letter-spacing: 0.1em;}
.contactbtn a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 156px; height: 156px; background-color: #2CC5F4; border-radius: 50%; z-index: 0; transform: scale(0); transition: transform .2s ease-in;}
.contactbtn a:hover::before { transform: scale(1.1);}
.lang { margin-left: 24px; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.03em; white-space: nowrap;}
.lang span { color: #1923FD;}
@media screen and (min-width: 1025px){
body:not(.front-page):not(.lab-page) .scrollwrapper { padding-bottom: 100px;}
body.front-page .arlen-header:not(.is-fixed) { pointer-events: none; opacity: 0;}
.arlen-header { position: fixed; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 94px; padding: 0 24px; background: #FFF; transition: .3s ease-in-out; z-index: 100;}
.logo { position: relative; max-width: 30%;}
.nav { display: flex; justify-content: flex-end; align-items: center; margin-left: auto;}
.nav > ul { display: flex; justify-content: flex-end; align-items: center;}
.nav > ul > li { position: relative; margin-left: 24px; white-space: nowrap;}
.nav > ul > li > a { position: relative; display: flex; align-items: center; height: 94px; font-size: 1.4rem; font-weight: 700; transition: color .4s cubic-bezier(0.23, 1, 0.32, 1);}
.nav > ul > li > a::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; opacity: 0; margin: auto; width: 8px; height: 8px; border-radius: 50%; background: #0023FF; transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);}
.nav > ul > li.on > a, .nav > ul > li:hover > a { color: #0023FF;}
.nav > ul > li.on a::before, .nav > ul > li:hover > a::before { opacity: 1; top: calc(50% + 16px);}
.nav > ul > li:hover > a .plus::after { transform: rotate(0deg);}
.nav > ul > li:hover .navbox { pointer-events: auto; opacity: 1;}
.navlab { min-width: 129px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/lab.svg") center no-repeat; transition: background .4s cubic-bezier(0.23, 1, 0.32, 1);}
.navlab img { opacity: 0;}
.navlab:hover, .nav > ul > li.on .navlab { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/common/lab_blue.svg");}
.plus { position: relative; width: 10px; height: 10px; margin-left: 4px;}
.plus::before, .plus::after { content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 2px; background: #0023FF; transition: transform .4s cubic-bezier(0.23, 1, 0.32, 1);}
.plus::after { transform: rotate(90deg);}
.navbox { pointer-events: none; opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 16px; transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);}
.navbox ul { min-width: 207px; padding: 10px 20px 20px; background: #FFF; border-radius: 5px;}
.navbox li:not(:first-child) { margin-top: 20px;}
.navbox li a { position: relative; display: block; padding: 10px 16px 10px 0; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/circle.svg") right 8px center no-repeat; border-bottom: 1px solid #E3E3E3; font-size: 1.4rem; font-weight: 900; letter-spacing: 0.05em; color: #0023FF; transition: background .2s ease-in;}
.navbox li a::before { content: ''; position: absolute; bottom: -1px; left: 0; transform: scaleX(0); display: block; width: 100%; height: 1px; background: #0023FF; z-index: 1; transform-origin: right top; transition: transform .2s ease-in;}
.navbox li a:hover { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr.svg");}
.navbox li a:hover::before {  transform: scaleX(1); transform-origin: left top;}
.navmask { content: ''; position: fixed; left: 0; top: 0; display: none; width: 100vw; height: 100vh; z-index: 50; background: #E6E6E6; mix-blend-mode: multiply; pointer-events: none;}
.contactbtn { margin-left: 32px;}
.spnav { display: none;}
}



/*FOOTER*/
/*******************************************************************/
.arlen-footer { position: relative; padding-bottom: 16px; background: #6A6F74; overflow: hidden;}
.link ul { position: relative; height: 350px;}
.link li { position: absolute; top: 0; width: 50vw; height: 350px;}
.link li.link-molding { left: 0;}
.link li.link-contact { right: 0;}
.link li.link-contact a { margin-left: auto;}
.link li.link-contact a figure { left: auto; right: 0;}
.link li.link-contact a figure img { left: auto; right: 0; object-position: right top;}
.link a { position: relative; display: flex; justify-content: center; align-items: center; width: 50vw; height: 350px;}
.link a figure { position: absolute; top: 0; left: 0; width: 50vw; height: 100%; overflow: hidden; transition: .3s ease-out; pointer-events: none;}
.link a figure img { position: absolute; top: 0; left: 0; width: 100vw; max-width: initial; height: 100%; object-position: left top; object-fit: cover;}
.link a > span span { position: relative;}
.link a > span { position: relative; display: flex; align-items: center; width: 309px; min-height: 80px; padding: 24px 40px; background: #0023FF; border-radius: 40px; font-weight: 900; color: #FFF; overflow: hidden;}
.link a > span::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 8px; height: 8px; background-color: #2CC5F4; border-radius: 50%; z-index: 0; transition: .4s ease-out;}
.link a > span::after { opacity: 0; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 8px; height: 13px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr_white.svg") center no-repeat; z-index: 1; transition: .4s ease-out;}
.sitemap { position: relative; display: flex; grid-gap: 124px; width: 92%; max-width: 1050px; margin: 0 auto; padding: 80px 0 112px; color: #FFF;}
.sitemap dl { flex: 1;} 
.sitemap nav { display: flex; justify-content: center; z-index: 10;}
.sitemap nav > ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px;}
.sitemap nav > ul > li:nth-child(1),.sitemap nav > ul > li:nth-child(7) { grid-column: 1 / 3;}
.sitemap nav > ul > li { position: relative; padding-left: 20px;}
.sitemap nav > ul > li::before { content: ''; position: absolute; top: 0.5em; left: 0; width: 8px; height: 8px; background: #2CC5F4; border-radius: 50%;}
.sitemap nav > ul > li > a { position: relative; display: inline-block; font-weight: 900;color: #FFF;}
.sitemap nav > ul > li > a span { display: block; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all 0.3s ease-out;}
.sitemap nav > ul > li > a span.sitemapmask { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; color: #0023FF; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);}
.sitemap nav > ul > li > a span.sitemapmask img { width: 100%;}
.sitemap nav > ul > li li { margin-top: 8px;}
.sitemap nav > ul > li li a { font-size: 1.4rem; color: #FFF; transition: .2s ease-in;}
.pagetop { position: absolute; bottom: 30px; right: -6%;}
.pagetop a { display: block; width: 150px; height: 150px; background: #3E3E3E; border-radius: 50%; transition: .2s ease-in;}
.pagetop a span { position: absolute; top: calc(50% - 12px); left: calc(50% - 10px); display: block; transform: translateY(0); transition: .2s ease-in;}
.pagetop a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 150px; height: 150px; background: #7F8386; border-radius: 50%; z-index: 0; transform: scale(0); transition: transform .2s ease-in;}
.company {  width: 92%; max-width: 1050px; margin: 0 auto; padding: 40px 0; border-top: 1px solid #909090; color: #FFF;}
.company span { display: inline-block; margin: 8px 16px; font-size: 1.3rem;}
.copyright { position: fixed; top: 50%; right: 24px; transform: translateY(-50%); mix-blend-mode: difference; z-index: 50;}
@media screen and (min-width: 950px){
.link a:hover { z-index: 10;}
.link a:hover figure { width: 100vw;}
.link a:hover > span::before { right: 0; width: 309px; height: 309px;}
.link a:hover > span::after { opacity: 1;}
.sitemap nav > ul > li li a:hover { color: #B5B5B5;}
.sitemap nav > ul > li > a:hover span { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);}
.sitemap nav > ul > li > a:hover span.sitemapmask { -webkit-clip-path: inset(0); clip-path: inset(0);}
.pagetop a:hover::before { transform: scale(1);}
.pagetop a:hover span { transform: translateY(-6px);}
}


/*CONTENTS*/
/*******************************************************************/
article { position: relative; padding: 180px 0 0;}
section { position: relative; width: 92%; max-width: 1050px; margin: 0 auto;}
section + section { margin-top: 80px;}
section h2 { margin-bottom: 20px; font-size: 2.4rem; line-height: 2.4;}
section h3 { margin-bottom: 20px; font-size: 2.2rem; line-height: 1.8;}
section p, section dl, section table { line-height: 2;}
section p:not(:last-child) { margin-bottom: 32px;}
section p a { color: #09A7E8;}
h1, h2, h3, h4, h5 { font-weight: 700;}
figure { position: relative;}
.bg { padding-bottom: 180px; background: #F0F4F3;}
.center { text-align: center;}
.right { text-align: right;}
.btn { margin-top: 30px;}
.btn li:not(:first-child) { margin-top: 15px;}
.btn a { position: relative; display: flex; align-items: center; width: 100%; max-width: 309px; min-height: 80px; padding: 24px 40px; background: #0023FF; border-radius: 40px; font-weight: 900; color: #FFF; overflow: hidden;}
.btn a i { position: relative;}
.btn a span { position: relative;}
.btn a::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 8px; height: 8px; background-color: #2CC5F4; border-radius: 50%; z-index: 0; transition: .4s ease-out;}
.btn a::after { opacity: 0; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 8px; height: 13px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr_white.svg") center no-repeat; z-index: 1; transition: .4s ease-out;}
.btn.min a { max-width: 237px;}
.btn.center { display: flex; justify-content: center;}
.btn.right { display: flex; justify-content: flex-end;}
.arrbtn a { position: relative; display: inline-block; padding: 10px 56px 10px 0; border-bottom: 2px solid #DDD; font-size: 1.3rem; font-weight: 700;}
.arrbtn a::before { content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background: #0023FF; transform-origin: right top; transform: scaleX(0); transition: transform .2s ease-in;}
.arrbtn a::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 6px; width: 10px; height: 10px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/circle.svg") center no-repeat; transition: .2s ease-in;}
.downloadbtn a { position: relative; display: flex; justify-content: center; align-items: center; min-width: 141px; padding: 12px; text-align: center; background: #0023FF; border-radius: 40px; font-size: 1.4rem; font-weight: 900; letter-spacing: 0.05em; color: #FFF; overflow: hidden;}
.downloadbtn a span { position: relative;}
.downloadbtn a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 141px; height: 141px; background-color: #2CC5F4; border-radius: 50%; z-index: 0; transform: scale(0); transition: transform .2s ease-in;}
@media screen and (min-width: 950px){
.btn a:hover::before { right: 0; width: 309px; height: 309px;}
.btn a:hover::after { opacity: 1;}
.arrbtn a:hover::before { transform: scaleX(1); transform-origin: left top;}
.arrbtn a:hover::after { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr.svg");}
.downloadbtn a:hover::before { transform: scale(1.1);}
}
.sp { display: none;}
.fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 60px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);} }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 60px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);} }
.animated { opacity: 0; animation-duration: 1s; animation-fill-mode: both;}


/*Top*/
.loader { position: fixed; width: 100vw; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; visibility: visible; opacity: 1; background: #F0F4F3; transition: opacity .8s, visibility .8s; transition-delay: .4s; z-index: 10000;}
.loader-mask { opacity: 0; position: absolute;}
.loader-progress { display: none; position: relative;}
.loader-progress-bar-bg { fill: #000;}
.loader-progress-bar { fill: #0023ff; height: 37px; width: 0; transition: width .4s ease-in;}
.loader-progress-number { display: none}
.is-loaded .loader { visibility: hidden; opacity: 0;}
.mv { padding: 0;}
.mv-movie { position: relative; overflow: hidden;}
.mv .mv-movie { position: relative; width: 100%; height: 100vh; min-height: 500px;}
.mv-movie::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/dot.png") center repeat; z-index: 1;}
.mv .mv-movie::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #DDD; mix-blend-mode: multiply; z-index: 2;}
.mv .mv-movie video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 177.77777778vh; height: 56.25vw; min-height: 100%; min-width: 100%; z-index: 0; will-change: opacity;}
.mv-movie #video { opacity: 0;}
.mv-movie.on #video { opacity: 1; transition: opacity 2s ease-out .5s;}
.mv-bg { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.mv-bg > div {height: 100%;}
.mv h1 { position: absolute; top: 26%; left: 8%; width: 50%; max-width: 630px; z-index: 10;}
.mv h1 img { width: 100%;}
.mv h1 span { display: block; margin-top: 32px; font-size: 2.2rem; font-weight: 700; text-indent: 0.1em; color: #FFF;}
.mvbtn { position: absolute; bottom: 10%; right: 8%; width: 40%; max-width: 350px; z-index: 10;}
.mvbtn a { position: relative; display: block; padding: 20px 0 20px 48px; border-bottom: 1px solid #BDCFCF; font-weight: 700; color: #FFF;}
.mvbtn a::before { content: ''; position: absolute; bottom: -1px; left: 0; transform: scaleX(0); display: block; width: 100%; height: 1px; background: #0023FF; z-index: 1; transform-origin: right top; transition: transform .2s ease-in;}
.mvbtn a i { position: absolute; top: 50%; left: 0.5em; transform: translateY(-50%); font-size: 1rem; font-weight: 700; letter-spacing: 0.05em;}
.mvbtn a i span { transition: .2s ease-in;}
.mvbtn a i::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 28px; height: 28px; background: #0023FF; border-radius: 50%; z-index: -1; transition: .2s ease-in;}
.mvbtn a i::after { opacity: 0; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 8px; height: 13px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr_white.svg") center no-repeat; background-size: 6px auto; z-index: 1; transition: .2s ease-in;}
.mv .contactbtn { position: absolute; top: 40px; right: 40px; z-index: 10;}
.mv .contactbtn a { width: 150px; height: 150px; border-radius: 50%;}
.mv .contactbtn a i { margin-top: 8px; font-size: 1.7rem;}
.mv .contactbtn a span { font-size: 1.1rem;}
.heading { margin-bottom: 56px;}
.heading i { position: relative; display: block; font-size: 6rem; font-weight: 700; letter-spacing: 0.05em; line-height: 1; color: #0023FF;}
.heading i::before { content: ''; position: absolute; top: 0.4em; left: -30px; width: 12px; height: 12px; background: #0023FF; border-radius: 50%;}
.heading span { display: block; margin-top: 16px; font-size: 2rem; font-weight: 700;}
.top-about, .top-application { background: #FCFCFC; overflow: hidden;}
.top-about { padding-bottom: 180px;}
.top-about-contents { padding-right: 52%; padding-top: 40px;}
.top-about figure { position: absolute; left: 55%; top: 0; width: 47vw; max-width: 640px;}
.top-about figure > span { position: relative; display: block;}
.top-about figure img { width: 100%;}
.top-about figure .shadow { position: absolute; top: 40%; left: 20%; width: 100%; height: 100%; background: #0023FF; z-index: -1;}
.top-about h3 { margin-bottom: 40px; font-size: 2.4rem; line-height: 1.6;}
.top-application { padding-top: 0;}
.top-application ul { display: flex; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.top-application li { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 110px 4% 120px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/top/electronic.jpg") center no-repeat; background-size: cover; color: #FFF;}
.top-application li:nth-child(2) { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/top/automotive.jpg");}
.top-application li h3 { border-bottom: 5px solid #2CC5F4; font-size: 2.4rem;}
.top-application li p { max-width: 309px; margin-bottom: 0; font-weight: 700;}
.top-application li .btn a { width: 309px;}
.top-property { background: #F0F4F3;}
.top-property h3 { margin-bottom: 56px; font-size: 2.4rem; line-height: 1.6;}
.property { display: grid; grid-template-columns: repeat(3,1fr); max-width: 794px; margin: 0 auto; padding-bottom: 56px;}
.property li { display: flex; height: 195px; margin: -25px 0 0 -25px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/top/plus.svg") left top no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/top/plus.svg") right top no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/top/plus.svg") right bottom no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/top/plus.svg") left bottom no-repeat;}
.property li a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 170px;}
.property li a figure { position: relative; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px;}
.property li a figure .mask { position: absolute;}
.property li a figure .mask img { clip-path: circle(0% at 50% 50%); transition: .3s ease-out;}
.property li a figcaption { position: absolute; top: 0; left: 55%; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: 0.15em; color: #BABABA; white-space: nowrap;}
.property li a > div { position: relative; margin-top: 8px;}
.property li a > div span { display: block; text-align: center; font-weight: 700; color: #868686; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all 0.3s ease-out;}
.property li a > div span.mask { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; color: #0023FF; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);}
.top-lab { padding-bottom: 180px; background: #F0F4F3 url("https://www.mitsuichemicals.cn/special/arlen/images/top/lab_bg.png") center top no-repeat; background-size: cover;}
.top-lab h2 { margin-bottom: 40px; text-align: center; color: #FFF;}
.lablist { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 36px;}
.lablist a { display: block;}
.lablist figure { position: relative; border-radius: 3px; overflow: hidden;}
.lablist figure figcaption { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: 700; color: #FFF; transition: .5s ease-in; z-index: 10;}
.lablist figure img { width: 100%; border-radius: 3px;}
.lablist figure::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #C9C9C9; border-radius: 3px; mix-blend-mode: multiply; transition: .5s ease-in; z-index: 4;}
.lablist figure::after { content: ''; position: absolute; bottom: 20px; right: 20px; transform: translate(0,0); width: 8px; height: 8px; background-color: #2CC5F4; border-radius: 50%; z-index: 0; transition: .5s ease-out; z-index: 5;}
.lablist li p { margin: 20px 0 16px; font-weight: 700; line-height: 1.6; color: #FFF;}
.lablist li .cat { display: inline-block; padding: 6px 16px; background: #FFF; border-radius: 40px; font-size: 1.4rem; font-weight: 700;}
@media screen and (min-width: 950px){
.mvbtn a:hover::before { transform: scaleX(1); transform-origin: left top;}
.mvbtn a:hover i span { opacity: 0;}
.mvbtn a:hover i::before { width: 44px; height: 44px; background: #2CC5F4;}
.mvbtn a:hover i::after { opacity: 1;}
.property li a:hover figure .mask img { clip-path: circle(100% at 50% 51%);}
.property li a:hover > div span { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);}
.property li a:hover > div span.mask { -webkit-clip-path: inset(0); clip-path: inset(0);}
.lablist a:hover figure figcaption { opacity: 1;}
.lablist a:hover figure::after { opacity: 0.4; bottom: 50%; right: 50%; transform: translate(50%,50%); width: 400px; height: 400px;}
}


/*Page*/
.title { position: relative; margin-top: 104px; z-index: 10;}
.title-contents { position: absolute; top: 26%; left: 0; width: 34%; padding: 50px 56px; background: #0023FF; border-radius: 0 160px 160px 0; font-weight: 700; letter-spacing: 0.1em; color: #FFF; z-index: 10;}
.title h1 { font-size: 2.6rem;}
.title i { display: block; margin-top: 16px; font-size: 1.3rem; letter-spacing: 0.05em; color: #657AFF;}
.title .mv-movie { position: relative; width: 78%; margin-left: auto;}
.title .mv-movie::after { content: ''; position: absolute; top: 0; right: 24px; width: 7px; height: 100%; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/copyright_white.svg") center no-repeat; z-index: 50;}
.title .mv-movie video { float: right; width: 100%;}
.subtitle { display: grid; grid-template-columns: 20% auto; grid-gap: 0 15px; margin: 64px 0 24px -26px!important; padding: 64px 0 0 26px; border-top: 1px solid #D5D5D5; color: #0023FF;}
.subtitle figure { grid-column: 1 / 2; grid-row: 1 / 3;}
.subtitle h3 { align-self: flex-end; margin: 0!important; font-size: 2rem;}
.subtitle i { font-size: 1rem; font-weight: 700;}
.square { position: relative; margin: 64px 0 -24px; padding-left: 24px; font-size: 2rem;}
.square::before { content: ''; position: absolute; top: 8px; left: 0; width: 12px; height: 12px; background: #0023FF;}
.square2 { position: relative; margin-bottom: 16px; padding-left: 18px; font-size: 1.6rem;}
.square2::before { content: ''; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; background: #0023FF;}
.square2 span { display: block;}
.separate { display: block; width: 100%; height: 5px; margin: 60px 0!important; background: #FFF;}
.catch { font-size: 1.8rem; font-weight: 700; color: #D95E39;}
.notice { margin-top: 20px; font-size: 1.4rem; line-height: 1.6; letter-spacing: 0.05em;}
.outline { padding: 120px 30px;}
article .outline { padding-top: 0; padding-bottom: 180px;}
.outline > i { display: block; text-align: center; font-size: 1.8rem; font-weight: 700; color: #0023FF;}
.outline > i::after { content: ''; display: block; width: 18px; height: 3px; margin: 8px auto 56px; background: #0023FF;}
.outline ol { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 50px; max-width: 598px; margin: 0 auto;}
.outline.three ol { grid-template-columns: repeat(3,1fr); max-width: 922px;} 
.outline li a { position: relative; display: flex; align-items: center; grid-gap: 8px; padding: 10px 0; border-bottom: 3px solid #DDD; font-weight: 900; text-indent: 0.05em; color: #0023FF; transition: .2s ease-in;}
.outline li a::before { content: ''; position: absolute; bottom: -3px; left: 0; display: block; width: 44px; height: 3px; background: #0023FF; transform-origin: right top; transition: .2s ease-in;}
.outline li a::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 9px; width: 6px; height: 6px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/circle.svg") center no-repeat; background-size: 100% auto; transition: .2s linear;}
.outline li a i { width: 42px; text-align: center;}
.outline li a sup { margin: 0 -8px;}
.col { position: relative; display: flex; grid-gap: 20px; width: 92%; max-width: 1050px; margin: 0 auto;}
.col header { position: relative; width: 34%; padding: 40px 0 140px; border-top: 1px solid #0023FF; border-bottom: 1px solid #0023FF; font-weight: 700; color: #0023FF; z-index: 5;}
.col header i { letter-spacing: 0.05em;} 
.col header h2 { font-size: 2.6rem; letter-spacing: 0.05em;}
.col section { flex: 1; width: auto; max-width: initial; padding: 76px 0 140px 26px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.col + .col header, .col + .col section { border-top: none;}
.col *:not(h3) + figure { margin-top: 48px;}
.col figure + * { margin-top: 24px;}
.list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 35px;}
.list figure img { border-radius: 5px;}
.list h4 { margin: 16px 0 8px; font-size: 1.6rem;}
.list p { font-size: 1.4rem; font-weight: 700; line-height: 1.6; color: #868686;}
.tab { padding: 120px 30px 3px;}
.tab ul { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 2px; max-width: 922px; margin: 0 auto;}
.tab li:first-child a { border-top-left-radius: 20px;}
.tab li:last-child a { border-top-right-radius: 20px;}
.tab li a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 30px 10px; font-size: 2rem; font-weight: 700; letter-spacing: 0.1em; color: #FFF;}
.tab li a span { position: relative; z-index: 2;}
.tab li.on a { background: #0023FF;}
.tab li.on a::after { content: ''; position: absolute; bottom: 20px; left: 50%; display: block; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; opacity: 0.7; transition: .3s ease-out;}
.tab li.off a { background: #B2B2B2; overflow: hidden;}
.tab li.off a::after { content: ''; position: absolute; bottom: 20px; left: 50%; display: block; transform: translateX(-50%); width: 8px; height: 8px; background: #2CC5F4; border-radius: 50%; transition: .3s ease-out;}
.tab.bottom { padding: 0 30px 120px;}
.tab.bottom li:first-child a { border-radius: 60px 0 0 60px;}
.tab.bottom li:last-child a { border-radius: 0 60px 60px 0;}
.tab.bottom li.on a::after { top: 20px; bottom: auto; transform: translateX(-50%) rotate(-135deg);}
.tab.bottom li.off a::after { top: 20px; bottom: auto;}
#polymer .adjust { position: absolute; left: -90%; bottom: 140px; width: 80%; text-align: right; background: #F0F4F3; z-index: -1;}
@media screen and (min-width: 950px){
#characteristic .property { padding: 32px 32px 0;}
#characteristic .property li { height: 150px; margin: -20px 0 0 -20px; background-size: 20px;}
#characteristic .property li a { height: 150px;}
#characteristic .property li a figure img { transform: scale(0.8);}
#characteristic .property li a figcaption { font-size: 0.8rem;}
#characteristic .property li a > div { margin-top: 0;}
#characteristic .property li a > div span { font-size: 1.4rem;}
}
#table.col { flex-direction: column;}
#table.col header { padding-bottom: 0; border-bottom: none;}
#table.col section { flex: none; width: 100%; padding: 0; border-bottom: none;}
.lineupscrollbar, .tablescrollbar { width: 100%;}
.fixtable img { width: auto; max-width: initial;}
.fixtable .td { display: flex; align-items: flex-end;}
.fixtable .slider-td, .th-title { padding-top: 30px;}
.fixtable .swiper-slide { position: relative; width: auto;}
.fixtable .swiper-container { width: 100%;}
.showall a { opacity: 0; position: absolute; top: -80px; right: 0; display: block; width: 100%; max-width: 250px; padding: 24px 40px; background: #0023FF; border-radius: 40px; font-size: 1.3rem; font-weight: 700; color: #FFF; transition: .2s ease-out;}
.showall.on a { opacity: 1;}
.scrollbg { opacity: 0; position: absolute; top: 130px; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; background: #0023FF; border-radius: 50%; pointer-events: none; mix-blend-mode: multiply; z-index: 10;}
.scrollhint { opacity: 0; position: absolute; top: 130px; left: 50%; transform: translateX(-50%); width: 130px; height: 130px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/scroll.svg") center no-repeat; pointer-events: none; z-index: 10;}
#table.inview .scrollbg, #table.inview .scrollhint { animation: btn_scroll 3.2s ease-in-out 0.5s forwards;}
@keyframes btn_scroll { 0% { opacity: 0; transform: translate(50%,-50%);} 15.6% { opacity: 1; transform: translate(50%,-50%);} 21.9% { opacity: 1; transform: translate(50%,-50%);} 37.5% { opacity: 1; transform: translate(-50%,-50%);} 43.8% { opacity: 1; transform: translate(-50%,-50%);} 59.4% { opacity: 1; transform: translate(50%,-50%);} 65.6% { opacity: 1; transform: translate(50%,-50%);} 81.3% { opacity: 1; transform: translate(-50%,-50%);} 100% { opacity: 0; transform: translate(-50%,-50%);}}
.download .col header { padding: 24px 0 140px;}
.download .col header h2 { font-size: 2rem;}
.download .col section {  padding: 24px 0 140px;}
.download li { display: flex; justify-content: space-between; align-items: center; grid-gap: 15px; margin-bottom: 20px; padding: 0 0 20px 36px; border-bottom: 1px solid #D5D5D5;}
.filename { flex: 1; font-size: 1.8rem; font-weight: 700;}

.lab { margin-top: -405px; padding-top: 595px; padding-bottom: 245px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/bg.jpg") center top no-repeat; background-size: cover; z-index: 0;}
.lab-title-contents { position: absolute; bottom: 32px; left: 32px; right: 32px; z-index: 10;}
.lab section > p { margin-bottom: 70px; font-size: 2.2rem; font-weight: 700; color: #FFF;}
.lab-title { position: relative; width: 100%; overflow: hidden; z-index: 10;}
.lab-title + * { margin-top: -146px;}
.lab-mv { position: relative; width: 92%; max-width: 1050px; margin: 104px auto 0; padding: 85px 0 220px 0; z-index: 10;}
.lab-mv::before { content: ''; position: absolute; top: 0; right: calc(50% - 50vw); width: 38vw; height: calc(100% + 146px); background: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/bg.jpg") center top no-repeat; background-size: cover; pointer-events: none; z-index: -1;}
.lab-mv h1 { position: relative; max-width: 400px; margin-top: 50px; font-size: 2.6rem; letter-spacing: 0.03em;}
.lab-mv .cat { display: inline-block; margin-top: 24px; padding: 6px 16px; background: #0023FF; border-radius: 40px; font-size: 1.4rem; font-weight: 700; color: #FFF;}
.lab-mv figure { position: absolute; bottom: 220px; right: 0; width: 50%;}
.lab-mv figure img { border-radius: 5px;}
.lab-mv p { max-width: 400px; margin-top: 24px; line-height: 1.8;}
.brackets { max-width: 810px; margin: 50px auto 120px; padding: 10px 45px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/brackets.svg") 4px top no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/lab/brackets.svg") right 4px top no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/lab/brackets.svg") right 4px bottom no-repeat, url("https://www.mitsuichemicals.cn/special/arlen/images/lab/brackets.svg") 4px bottom no-repeat; border-left: 8px solid #0023FF; border-right: 8px solid #0023FF;}
.brackets .adjust { margin-top: -30px;}
.row { display: flex; grid-gap: 20px;}
.reverse { flex-direction: row-reverse;}
.as-center { align-self: center;}
.flex { flex: 1;} 
.w38 { width: 38%;}
.squarelist { margin-bottom: 24px;}
.squarelist li { position: relative; padding-left: 16px; line-height: 2;}
.squarelist li::before { content: ''; position: absolute; top: 13px; left: 0; width: 8px; height: 8px; background: #B2B2B2;}
.siblings { padding-top: 100px; padding-bottom: 120px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/siblings.jpg") center top no-repeat; background-size: cover; z-index: 0;}
.siblings h2 { margin-bottom: 24px; text-align: center;}
.siblings .lablist { grid-template-columns: repeat(2,1fr); max-width: 530px; margin: 0 auto;}
.siblings .lablist li .cat { font-size: 1.3rem;}





@media screen and (min-width: 950px){
.outline li a:hover::before { width: 100%; transform-origin: left top;}
.outline li a:hover::after { right: 5px; width: 13px; height: 13px; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr_down.svg");}
.tab li.on a:hover::after { transform: translate(-50%,5px) rotate(45deg);}
.tab li.off a:hover::after { bottom: 50%; transform: translate(-50%,50%); width: 470px; height: 470px;}
.tab.bottom li.on a:hover::after { transform: translate(-50%,-5px) rotate(-135deg);}
.tab.bottom li.off a:hover::after { transform: translate(-50%,-50%);}
.fixtable { width: 100%;}
.fixtable .close { position: absolute; bottom: 100%; right: 0; display: block; width: 30px; height: 30px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/close.svg") right bottom no-repeat; cursor: pointer;}
.lineup-table .mCSB_container { width: 100%!important;}
.button-next, .button-prev { position: absolute; top: calc(50% - 96px); width: 31px; height: 85px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/next.svg") center no-repeat;}
.button-next { right: -4vw;}
.button-prev { left: -4vw; transform: scaleX(-1);}
.annotation { display: none; position: absolute; top: -96px; right: 0;}
}





@media screen and (max-width: 1280px) {
.contactbtn { margin-left: 16px;}
.contactbtn a { min-width: 120px;}
.contactbtn a i { font-size: 1.3rem;}
.contactbtn a::before { width: 120px; height: 120px;}
.arlen-header { padding: 0 16px;}
.nav > ul > li { margin-left: 16px;}
.nav > ul > li > a { font-size: 1.3rem;}
}





@media screen and (max-width: 1024px) {
.arlen-header { height: initial;}
.logo { position: absolute; top: 0; left: 0; width: 100%; height: 61px; padding: 20px 15px; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/logo_white.svg") 15px 20px no-repeat; z-index: 100;}
.logo a { display: block;}
.logo img { float: left; max-width: 149px; transition: .3s ease-in-out;}
body:not(.lab-page) .arlen-header:not(.is-fixed) .logo img { opacity: 0;}
.arlen-header.is-scroll .logo { top: -61px;}
.arlen-header.is-fixed .logo { position: fixed; top: 0; background: #FFF; transition: 0.8s ease-out;}
body.front-page .arlen-header:not(.is-fixed) .logo,
body.lab-page .arlen-header:not(.is-fixed) .logo { background: none;}
.nav { display: none;}
.spnav { pointer-events: none; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100vh; margin: 0; padding: 70px 0; background: #0023FF url("https://www.mitsuichemicals.cn/special/arlen/images/common/logo_white.svg") 15px 20px no-repeat; opacity: 0; overflow-y: auto; overscroll-behavior: contain; z-index: 200; transition: .2s ease-in-out;}
.spnav::after { content: ''; position: fixed; top: 0; right: 12px; width: 7px; height: 100vh; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/copyright_white.svg") center no-repeat;}
.spnav .contactbtn { padding: 30px; background: #0023FF;}
.spnav .contactbtn a { padding: 20px; border: 1px solid #FFF; border-radius: 0;}
.spnav .contactbtn a i { font-size: 1.7rem;}
.spnav .contactbtn a span { font-size: 1.1rem;}
.spnav .contactbtn a::before { display: none;}
.spnav > ul { padding: 30px; background: #0023FF;}
.spnav > ul > li { position: relative; padding-left: 20px;}
.spnav > ul > li:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #3450FD;}
.spnav > ul > li::before { content: ''; position: absolute; top: 0.5em; left: 0; width: 8px; height: 8px; background: #2CC5F4; border-radius: 50%;}
.spnav > ul > li > a { position: relative; display: inline-block; font-size: 2rem; font-weight: 700;color: #FFF;}
.spnav > ul > li li { margin-top: 8px;}
.spnav > ul > li li a { color: #FFF;}
.spnav .lang { margin: 56px 0 0; text-align: center; color: #FFF;}
.spnav .lang a { color: #FFF;}
.spnav .lang span { color: #3DC5F4;}
.open { position: absolute; top: 15px; right: 15px; display: block; cursor: pointer; z-index: 300; pointer-events: auto;}
.open div { position: relative; display: block; width: 45px; height: 31px;}
.open span { position: absolute; left: 0; display: block; width: 45px; height: 5px; background: #0023FF; transition: .2s ease-in-out;}
.arlen-header.is-scroll .open { top: -46px;}
.arlen-header.is-fixed .open { position: fixed; top: 15px; transition: 0.8s ease-out;}
body:not(.front-page):not(.lab-page) .arlen-header:not(.is-fixed) .open span { background: #FFF;}
.open span:nth-child(1) { top: 8px;}
.open span:nth-child(2) { top: 18px;}
.nav-open .open span:nth-child(1) { top: 16px; transform: rotate(-36deg); background: #FFF;}
.nav-open .open span:nth-child(2) { top: 16px; transform: rotate(36deg); background: #FFF;}
.nav-open .spnav { pointer-events: auto; opacity: 1;}
.title { position: relative; height: 100vh; margin-top: 0;}
.title-contents { top: auto; bottom: 26%; width: 80%; padding: 30px;}
.title h1 { font-size: 1.9rem;}
.title i { font-size: 1rem;}
.title .mv-movie { position: absolute; top: 0; left: 0; min-height: initial; width: 100%; height: 100vh;}
.title .mv-movie::after { right: 12px;}
.title .mv-movie video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 177.77777778vh; height: 56.25vw; min-height: 100%; min-width: 100%; z-index: 0; will-change: opacity;}
.title .mv-movie figure { position: relative; width: 100%; height: 100vh;}
.title .mv-movie figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
}




@media screen and (max-width: 949px) {
article { padding: 96px 30px 0;}
article header { width: auto;}
.link ul { height: auto;}
.link li { position: relative; width: 100vw; height: 260px;}
.link a { width: 100vw; height: 260px;}
.link a figure { width: 100vw;}
.link a > span { max-width: 285px; min-height: 65px;}
.sitemap { display: block; width: auto; padding: 80px 30px 112px;}
.sitemap dt { width: 226px;}
.sitemap dd { display: none;}
.sitemap nav { display: none;}
.pagetop { bottom: 20px; right: 30px;}
.pagetop a { width: 70px; height: 70px;}
.pagetop a span { top: calc(50% - 16px); left: calc(50% - 4px); width: 8px;}
.pagetop a::before { display: none;}
.company {  width: auto; margin: 0 30px;}
.company a img { width: 140px;}
.company span { margin-left: 8px; font-size: 1.1rem;}
.copyright { display: none;}
section { width: auto;}
section h2 { font-size: 2rem; line-height: 1.8;}
section h3 { font-size: 1.8rem; line-height: 1.6;}
.btn a { max-width: 285px; min-height: 65px; margin: 0 auto;}
.downloadbtn a { min-width: 94px; padding: 8px; font-size: 1rem;}
.sp { display: block;}
.pc { display: none;}


/*Top*/
.mv { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100vh; padding: 30px;}
.mv::after { content: ''; position: absolute; top: 0; right: 12px; width: 7px; height: 100vh; background: url("https://www.mitsuichemicals.cn/special/arlen/images/common/copyright.svg") center no-repeat; mix-blend-mode: difference; z-index: 50;}
.mv .mv-movie { position: absolute; top: 0; left: 0; min-height: initial;}
.mv-bg { display: none;}
.mv h1 { position: relative; top: 90px; left: 0; width: 100%; max-width: 500px; margin: 0 auto;}
.mv h1 span { margin-top: 16px; font-size: 1.6rem;}
.mvbtn { position: relative; bottom: 0; right: 0; width: auto;}
.mvbtn a { font-size: 1.5rem;}
.mv .contactbtn { display: none;}
.heading { margin-bottom: 32px;}
.heading i { font-size: 3.5rem;}
.heading i::before { top: 0.4em; left: -15px; width: 8px; height: 8px;}
.heading span { font-size: 1.6rem;}
.top-about, .top-application { background: #F0F4F3;}
.top-about { padding-bottom: 96px;}
.top-about-contents { padding-right: 0; padding-top: 0;}
.top-about figure { position: relative; left: 0; width: auto; max-width: initial; margin: 0 -30px 110px 15px; text-align: right;}
.top-about figure .shadow { position: absolute; top: 60px; left: 60px; z-index: -1;}
.top-about figure > span { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)!important;}
.top-about h3 { margin-bottom: 32px; font-size: 1.8rem; line-height: 1.6;}
.top-application ul { display: block;}
.top-application li { padding: 80px 45px 100px; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/top/electronic_sp.jpg");}
.top-application li:nth-child(2) { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/top/automotive_sp.jpg");}
.top-application li h3 { font-size: 2.2rem;}
.top-application li p { max-width: initial;}
.top-application li .btn a { width: 225px;}
.top-property h3 { margin-bottom: 32px; font-size: 1.8rem;}
.property { margin-top: 56px;}
.property li { height: 128px; margin: -14px 0 0 -14px; background-size: 14px; padding-right: 0;}
.property li a { height: 128px;}
.property li a figure { width: 50px; height: 50px;}
.property li a figure img { width: 100%; height: 100%; object-fit: scale-down;}
.property li a figure .mask { display: none;}
.property li a figcaption { display: none;}
.property li a > div span { font-size: 1.2rem;}
.property li a > div span.mask { display: none;}
.top-lab { padding-bottom: 114px; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/top/lab_bg_sp.png");}
.top-lab h2 { margin-bottom: 24px; font-size: 1.9rem;}
.top-lab .btn a { margin: 0 auto;}
.lablist { grid-template-columns: repeat(1,1fr); grid-gap: 40px;} 


/*Page*/
.subtitle { margin: 50px 0 24px!important; padding: 50px 0 0;}
.separate { margin: 40px 0!important;}
.catch { font-size: 1.6rem;}
.notice { font-size: 1.2rem;}
.outline { padding: 80px 15px;}
article .outline { padding-top: 0; padding-bottom: 96px;}
.outline > i::after { margin: 8px auto 40px;}
.outline ol { grid-template-columns: repeat(1,1fr)!important; grid-gap: 15px;}
.outline li a::after { right: 5px; width: 13px; height: 13px; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/common/arr_down.svg");}
.col { display: block; width: auto; padding: 0;}
.col header { width: auto; padding: 10px 0 0!important; border-bottom: none;}
.col header .sticky { transform: translate(0, 0) translate3d(0, 0, 0)!important;}
.col header i { font-size: 1.2rem;} 
.col header h2 { font-size: 2.3rem;}
.col header .sticky { position: relative; top: 0;}
.col section { padding: 24px 0 100px!important; border-top: none;}
.col * + figure, .col figure + * { margin-top: 32px;}
.list { grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
.tab { padding: 100px 15px 1px;}
.tab li a { padding: 16px 10px; font-size: 1.4rem;}
.tab li.on a::after { bottom: 10px;}
.tab li.off a::after { display: none;}
.tab.bottom { padding: 0 15px 120px;}
.tab.bottom li a { padding: 20px 10px;}
.tab.bottom li.on a::after { top: 10px;}
#polymer .adjust { position: relative; left: 0; bottom: 0; width: auto; text-align: center;}

.fixtable .swiper-container { overflow: visible;}
.fixtable .swiper-wrapper { width: auto;}
.showall { display: none;}
.lineup-table .btn { margin-top: 40px;}
.annotation { display: none!important;}

.lineupscrollbar .fixtable img { max-width: 110%;}
.scrollbg { width: 114px; height: 114px;}
.scrollhint { width: 114px; height: 114px;}
#lineup.inview .scrollbg, #lineup.inview .scrollhint { animation: btn_scroll 3.2s ease-in-out 0.5s forwards;}
.download .col header h2 { font-size: 1.9rem;}
.download li { margin-bottom: 16px; padding: 0 0 16px;}
.filename { font-size: 1.4rem;}

.lab { margin-top: 0; padding-top: 110px; padding-bottom: 150px; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/bg_sp.jpg");}
.lab-title-contents { bottom: 15px; left: 15px; right: 15px;}
.lab section > p { margin-bottom: 110px; font-size: 1.8rem;}
.lab-title + * { margin-top: -61px;}
.lab-mv { width: auto; margin: 0  auto 0; padding: 110px 30px 110px;}
.lab-mv::before { top: 61px; width: 16vw; height: 100%; background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/bg_sp.jpg");}
.lab-mv h1 { margin-top: 30px; font-size: 1.7rem;}
.lab-mv figure { position: relative; bottom: 0; width: auto; margin-top: 24px; text-align: center;}
.lab-mv p { max-width: 81%; margin-top: 56px;}
.brackets { margin: 10px auto 100px; padding: 10px 30px 30px; background-size: 17px;}
.brackets .adjust { margin-top: 0;}
.row { flex-direction: column;}
.w38 { width: 80%; margin: 0 auto;}
.siblings { background-image: url("https://www.mitsuichemicals.cn/special/arlen/images/lab/siblings_sp.jpg");}
.siblings h2 { max-width: 188px; margin: 0 auto 24px;}
.siblings .lablist { grid-gap: 27px;}
.siblings .lablist figure::after { bottom: 8px; right: 8px; width: 6px; height: 6px;}
.siblings .lablist p { font-size: 1.2rem;}
.siblings .lablist li .cat { font-size: 1.2rem; line-height: 1.2;}
}